产品发布信息系统毕业论文全文

ABSTRACT

More and more enterprises are aware of the importance of develop a website. But now a lot of procedures are developed for individual enterprises, Therefore, the following questions: long website development cycle, low reuse, large maintenance, low visits.
Different companies, different products, different styles, Updating System has put forward higher requirements.
And this system just can resolve these issues. This System uses the Smarty template engine, PHP scripting, MySQL database to development a product information systems.
First, the system uses the Smarty template language to develop, making the system logic layer and presentation layer separately, which solved the long development cycle, the program low utilization.
Second, this system developed on the standards of Web2.0. The performance of layers can be divided into: the content layer and layer styles. This makes the maintenance and updating websites more fast and flexible.
Third, the system generated pages on the search engine optimization, and each page title, keywords and description needn’t to edit the code in hand, but by adding from background. This makes products in the top search engine rankings, so that enterprises Inquiry received information possible.
Fourth, based on the above characteristics, at the same time, the system will not only promote the enterprise, but also provides a potential opportunity - Inquiry function. Enterprises can not only view the background through a systematic inquiry of information, but also in the background to set up a mailbox to accept inquiries by e-mail find a way to receive and view information inquiry.

KEYWORDS：Information System, web site, Smarty Template engine, Search Engine Optimization

 
正文目录

第一章 引言 1
第一节 选题意义 1
一、选题目的 1
二、实现意义 1
第二节 现状研究 1
一、网络公司建站现状 1
二、网络公司建站未来趋势 2
第二章 开发技术 3
第一节 SMARTY介绍 3
第二节 PHP介绍 3
第三节 MYSQL介绍 4
第三章 系统分析与设计 5
第一节 系统分析 5
一、开发背景 5
二、功能需求分析 6
三、数据流程图 6
第二节 系统设计 9
一、总体结构设计 9
二、详细设计 10
第四章 系统实施 13
第一节 系统配置 13
第二节 系统模块介绍 15
一、前台系统 15
二、后台系统 20
参考文献 22
附  件 23

 第一章 引言

第一节 选题意义
一、选题目的
选择这个论题的目的主要是想从繁琐的建站中加入一些有意义的建站思想，并通过开发一套系统实现这些思想。开发一套系统，从最初有一个建站的初衷，到最后实现一个系统，是一个浩大的工程。而往往这项工程实现之后，还有大量的维护及更新工作。可是即使所有的问题都解决了，依然面临着下一个工程的再开发。这样的建站方式似乎可以有所突破，似乎可以从中更改一些方式，加入一些编程思想，就能够避免一次次地从零开始建站。所以我选择建一套数据库驱动的带优化的模板化网站信息系统，使建站变得有趣轻松高效。

二、实现意义
代码利用率高：采用网页模板的方式，当不同企业需要建站时，就能够为不同企业建一个模板即可，而不需要修改内在逻辑层。
代码维护量少：一方面由于采用了Smarty模板引擎，使得逻辑层和表现层分离，减少了维护的工作量。另一方面，在表现层上还可以进一步分离，也就是把表现层分离成内容层和样式层。内容层由HTML构建，样式层由CSS控制，甚至布局都可以完全由CSS来控制。内容层通过调用相应的CSS文件即可。也就是说，当内容层没有调用CSS文件，页面几乎没有是纯文本。另外，CSS化的网页用户在浏览网站的时候，页面下载速度快。对搜索引擎是友好的，易被搜索引擎收录。
另外，在SEO搜索引擎优化方面，我也做了调整，从以前手工在为页面添加title、keywords、description这些内容，到现在通过数据库，动态调用数据库字段的值。
基于以上特点，系统添加了询盘功能，对于企业查看询盘信息，增加潜在合作机会。企业不仅可以通过后台查看询盘信息，还可以通过在后台设置的邮箱，从邮箱中查看询盘信息，方便，简洁。

第二节 现状研究
一、网络公司建站现状
网络公司目前建站大多通过与企业进行单独沟通，开发建站。基本展示企业的文化、简介、联系方式、产品列表等信息。基于数据库驱动，但是开发周期都较长，因为这类系统大多是逻辑层和表现层没有分离。
故网站开发人员和设计人员就会互相影响。各自的代码就有可能被另一方更改，而无法实现层次的分离。开发周期就会受到影响，并且每个脚本页既要包含逻辑层，又要包含样式的设计，这就使得网页设计人员不得不对各个数据库的字段以及脚本进行编写代码，不仅使页面变得冗长，网站膨胀，还使得在修改界面以及后期维护时容易带来逻辑层的错误。

二、网络公司建站未来趋势
眼下以及未来网络公司的竞争越来越激烈，技术不断更新，企业对网站系统的要求也会逐步提高，不再停留在只要看到网站即可。故网络公司建站的趋势，应该是符合编程的思想：灵活、可扩展、可维护、健壮性、高效等等。
这样的系统才能在未来的技术更迭的过程中，依然能够被市场所接受。
因为编程思想是对的，那么只要系统体现出这些思想，那么系统就会适合市场以及技术的发展潮流的。

第二章 开发技术

第一节 Smarty介绍
Smarty模版引擎的作用是将系统的逻辑层和表现层进行分离。如果两者是混合在一起的，则在频繁的修改界面的过程中，就有可能带来逻辑层的错误。而引入Smarty模板引擎，就可以消除层次混乱带来的一系列问题。
表示层，可以通过用HTML元素来显示带模版变量的页面。
而逻辑层则是由PHP以及Smarty模版语言共同完成。
Smarty是一种模板语言，语法简单，网页设计师可以很快地学会，而不需要预备的编程知识。
PHP的MVC开发模式，就是把逻辑层和表现层进行分离，事实上有很 多模版引擎可以选择，但是官方推荐的Smarty引擎的出现，使得开发变得更加方便快捷。
MVC分别代表了模型、视图和控制三者。一个系统，有输入、处理、输出三个主要的流程，而MVC恰好把三者进行了分离。模型，这是核心，主要是进行内部的编码。比如数据库的操作的一系列操作，添加、删除、修改等。视图，是用户可以看到的界面，在这一层面上，主要进行着一系列的用户交互，比如访问者提交的表单等等。而控制层，则是模型和视图的连接层，对用户在浏览器提出的请求进行传递，传递到模型层，然后由模型层对请求进行处理。然后把处理结果通过中间的控制层传递回视图层的浏览器。

第二节 PHP介绍
PHP（PHP：Hypertext Preprocessor）有很多特点，较之其他的脚本有其优势。
第一，PHP是一种脚本语言。同ASP环境一样，都是嵌入HTML页内的脚本。但是由于产品发布系统引入了Smarty模版引擎，使得PHP不需要嵌入在HTML内来实现与数据库的交互和逻辑的处理。
第二，PHP是应用于服务器端的语言。服务器端是PHP脚本都是事先在服务器端进行处理过的，而非用户浏览器端才进行处理。当用户在浏览器端访问了页面，输入网址后，就已经向服务器发出HTML请求，所谓的HTML请求，也就是实际到达客户端的数据都是已经进行处理，不含脚本。所以保证了系统代码的安全性和不可见性。服务器端接受到了HTML请求，则读取相应的PHP脚本，然后按脚本所要求的逻辑进行处理。PHP脚本指示服务器发送相应的数据给客户端。到达客户端后，浏览器根据自身的规则，进行处理，展示给客户相应的页面。
第三，PHP是跨平台的语言。跨平台指的是PHP可以在大多数操作系统上，包括Windows、UNIX(及其许多变体)和Macintosh正常运行，而无须因为操作系统的不兼容而影响系统的试用。
PHP目前最新版本为PHP5，相对之前的版本有其更高的优势。PHP5加入了面向对象编程的应用。这样对于开发效率上和建站架构上，更是一个新的研究方向。
在开发数据库驱动的系统上，较其他类似的技术，PHP有其优势，并且易学。并且很重要的一点就是，PHP是免费开源的，服务器环境容易架构，有很多支持的软件可供选择。开源意味着，可以更改其中的内容，当需要对其中的配置进行更改时，也是非常方面的。比如对于数据库的导入数据的限制，就可以通过对PHP配置文件进行修改即可。这大大方便了系统的维护和使用。
另外还有一点需要涉及，就是与PHP配合的数据库管理软件MySQL，相比其他数据库软件在便捷性上，MySQL更是非常不错的选择。

第三节 MySQL介绍
MySQL是与Access、Oracle等数据库管理系统一样，是作为动态网站必不可少的软件。和PHP一样，MySQL也有很多特点：优秀的性能、可移植性和可靠性，同样容易学习，并且也是开源免费的。基本有一些数据库语言的基础都能够很快转到MySQL上。
MySQL是关系型数据库管理系统（RDBMS）。
从数据库的发展历史角度可以看出，数据库技术的诞生对于网站系统的开发是非常重要的。虽然无法预计未来人们会用什么样更神奇的方式去处理处理。但能够把网站的数据统一存储到一个单独的系统中进行管理，让建站变得更加有层次感：数据与系统的分离。数据与系统通过简单的连接语言进行连接。
与PHP一样，MySQL也是一种开源应用程序，这意味着它可以免费使用，甚至可以修改。
MySQL虽然是通过命令行形式进行指令的，但是可视化的软件很多，比如phpMyAdmin和Navicat，这两款软件就非常不错，一个可以在网页版本管理数据库。另一个可以客户端浏览数据库，非常方便。

 
第三章 系统分析与设计

第一节 系统分析
一、开发背景
本系统结合Smarty模板引擎，PHP脚本，MySQL数据库软件，三合一，开发的数据库驱动的模板化的网站应用程序。Smarty模板引擎使得系统的逻辑层和表现层分离。也就是说，本系统可以在不改变逻辑层的基础上，只需要为不同企业开发一套模板文件即可。而模板文件中只需要调用Smarty模板变量，形如{$Variable}，而网页设计人员只需要知道模板变量的功能即可。在适当的地方布局这些变量，使得样式符合企业的要求即可。
网站信息系统开发的关键就是系统逻辑层的构造，这是系统开发前期的关键。但是开发完成之后，只需要网页设计人员针对不同企业开发一套模板即可。
本系统的特点，总结如下：
第一，该系统是通过后台把PHP动态页面生成静态页面。然后通过前台显示。也就是说，当管理员在后台更改了任何信息后只有在后台点击生成HTML才能在前台看见更新后的信息。当后台在更改页面的时候，前台能够正常显示页面。同时，保证了代码的不可见性和安全性。更重要的是，前台生成静态页面，有利于搜索引擎优化，在搜索引擎排名中在前列，增加网站流量。
第二，该系统采用了网页模板的方式来开发与展示，管理者可以在后台选择不同的模板——也即模板文件夹下的一系列模板文件来显示不同效果的页面，这使得开发效率大大提高，用户需求快速响应。另外，系统可以存在多套模板，供用户选择。
第三，各个模板采用了Div+css的方式进行开发，一方面，采用DIV+CSS，有利于被搜索引擎收录。另一方面，用户浏览页面时能够快速响应，较之前的TABLE布局方式，有其优势。Div就是页面的内容部分，通过PHP官方推荐的模板语言Smarty，调用模板变量。另一方面，页面的表现部分，也就是通常的图片，颜色，布局等等都是通过css来统一控制。在开发效率上又是一大提高。如果用户需要更改页面的布局，开发者不再需要到HTML文件里修改，而是找到相应的css代码，在css文件里修改即可，快速又灵活。
第四，该系统可以在后台调用前台浏览者所提交的询盘，管理者也可以通过设置的邮箱，在邮箱里提取这些信息。
第五，本系统在数据库设计的阶段，考虑到为了网站能够在搜索引擎中排名靠前，对数据库相关地方添加了title、keywords、description的字段，用来存储这三个字段的值，在模板页面中调用这三个模板变量，在后台企业可以填写适当的值。

二、功能需求分析
网站信息系统是面向外贸型企业的，故前台偏向侧重产品的展示与用户的反馈信息的交互功能。所以后台的功能相应的，就偏向产品管理和用户询盘信息的管理。
网站前台主要为了展示企业的相关信息，产品信息。产品信息主要是展示产品的图片、参数、产品说明、产品 类别。网站后台则把网站前台所需要展示的所有信息通过后台的功能进行设置。
这样前后台就能够很好的实现用户的需求，方便客户对信息的更改。

三、数据流程图
（一）Smarty模板变量对应的HTML标签列表
表3-1模板变量对应的HTML标签列表
Smarty模板变量 功能 标签
{$topmenu} 栏目列表，网站导航条 ul
{$leftcp} 网站左列产品列表 ul
{$cplist} 全部产品列表、首页推荐产品列表、热门产品列表 ul
{$cplistfy} 产品列表分页 ul
{$tel} 企业电话 调取数据库
{$fax} 企业传真 调取数据库
{$email} 企业Email 调取数据库
{$menuname} 栏目名 调取数据库
{$rcontent} 每个单网页内容 调取数据库
{$lbdet} 产品类别说明 调取数据库
{$cpname} 产品型号 调取数据库
{$cpcontent} 产品说明 调取数据库
{$copyright} 企业版权信息 调取数据库
{$title} HTML标签title内容 为了优化 调取数据库
{$keyword} HTML标签meta内容 为了优化 调取数据库
{$description} HTML标签meta内容 为了优化 调取数据库
{$aboutu} 首页企业简介 调取数据库

（二）关联图
数据流程图展示了前后台数据的流动过程。使得前后台数据统一，准确。关联图主要描述了外部实体即网站浏览者、网站管理人员与产品信息系统之间的关联。
 

（三）顶层图
顶层图描述了前台系统和后台系统的基本功能。
 

（四）关联图
第一层数据流程图描述了前台系统、后台系统的具体功能的实现，同时提供了系统之间的数据的交换关系。
外部实体网站浏览者主要与前台系统和反馈系统有关联，网站管理人员主要与后台系统与反馈系统有关。
 
 

第二节 系统设计
一、总体结构设计
系统总体结构的设计主要将系统划分成若干个系统模块，确定各模块内部的调用关系。
产品发布信息系统包括前台系统、栏目管理系统、反馈系统、产品管理系统、系统管理七个大的模块。
前台系统就是网站的前台各个页面，栏目管理系统则是系统的导航条的管理，反馈系统就是上诉的询盘功能，产品管理系统主要是产品管理和产品类别管理，系统管理则主要包括系统的基本资料、系统参数、系统用户、版权信息、模板选择的设置。
 

二、详细设计
以下为对关系图中数据表的详细描述。
表3-2系统管理员列表
中文名称 字段 数据类型 长度 主键 空 默认值
管理员编号 id int 11 Y  
管理员权限 qx int 2   1
管理员名 ad_username varchar 100   
管理员密码 ad_pass varchar 100   
管理员帐号状态 ad_active enum 0   0

表3-3产品附件图列表
中文名称 字段 数据类型 长度 主键 空 默认值
产品附件图编号 id int 11 Y  
产品编号 cpid int 11  Y NULL
产品附件图文件名 imgb varchar 20  Y NULL
产品附件图说明 content text 0  Y NULL
产品附件图名称 name varchar 50  Y NULL

表3-4询盘邮箱列表
中文名称 字段 数据类型 长度 主键 空 默认值
邮箱编号 id int 3 Y  
接受询盘邮箱 toemail varchar 255   
是否支持邮箱 ifmail int 1   1
SMTP服务器 smtp varchar 50   
用户名 uname varchar 50   test
密码 pword varchar 50   test
SMTP邮箱 smtpemail varchar 100  Y NULL

表3-5栏目列表
中文名称 字段 数据类型 长度 主键 空 默认值
栏目编号 id int 3 Y  
父栏目编号 praid int  11   0
新闻栏目 newslm int  7   0
子栏目个数 flag int  11   0
是否显示 step int  2   1
栏目名称 name varchar  50   
页面名称 pname varchar  20   index
页面样式 ptype varchar  50   
页面内容 content text  0  Y NULL
栏目排序 px int  6   0
Title title varchar 255  Y NULL
Keywords keyword text  0  Y NULL
Description descr text  0  Y NULL

表3-6产品类别列表
中文名称 字段 数据类型 长度 主键 空 默认值
产品类别编号 classcode int 11 Y  
产品类别名称 classname varchar 50   
产品父类编号 parentcla int 11   0
子类别个数 flag int 11   0
产品类别图片文件名 Img_Name varchar 50   
产品类别所在级别 Orders int 11   0
产品类别排序 id int 11   0
产品类别说明 classremark text 0   
产品类别添加时间 StatDate int 11   0
Title title text 0  Y NULL
Keywords  keywords text 0   
Description descr text 0   

表3-7产品列表
中文名称 字段 数据类型 长度 主键 空 默认值
产品自动编号 id int 11 Y  
产品类别编号 ClassID int 11  Y NULL
产品型号 class_xh varchar 200  Y NULL
产品大图文件名 Img_Name varchar  100  Y NULL
产品小图文件名 SmallImg varchar 100  Y NULL
产品说明 Content longtext 0  Y NULL
产品添加时间 t_time int 11   0
产品排序 key_num int 11  Y NULL
首页是否显示 jm tinyint 4   0
新产品与否 new tinyint 4   0
Title title varchar 200  Y NULL
Keywords kws varchar 200  Y NULL
Description descr text 0  Y NULL

表3-8 基本信息列表
中文名称 字段 数据类型 长度 主键 空 默认值
自动编号 id int 5 Y  
公司名称 comname varchar 255  Y NULL
联系人 conname varchar 50  Y NULL
联系电话 tel varchar 25  Y NULL
传真 fax varchar 25  Y NULL
手机 mobile varchar  25  Y NULL
Email email varchar 25  Y NULL
公司地址 addr varchar 255  Y NULL
公司域名 url varchar 50  Y NULL
QQ qq varchar 15  Y NULL
MSN msn varchar 50  Y NULL
邮编 zip varchar  20  Y NULL
系统所用模板 templet varchar 50   default
首页显示 homes varchar 2   cp
产品列表小图片宽度 simgw int 4   150
产品列表小图片高度 simgh int 4   150
产品显示方式 cpys int 1   1
每页显示产品数 page_row int 3   12
每行显示产品个数 mhsm int 2   3
是否支持Email ifmail tinyint 1   1
公司简介 aboutu text 0   
版权信息 copyright text 0  Y NULL

第四章 系统实施

第一节 系统配置
在系统实施阶段，由于系统是使用了PHP作为开发语言，则需要配置相应的服务器端环境。PHP环境配置软件有很多，其中我选择了PHPStudy来配置。该软件有以下特点：
集成了最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安装，相比单独进行安装然后对各个软件进行配置的过程要简单快捷多了。　　
可以通过设置PHPStudy自己单独的端口，而不会与IIS的80端口冲突，这样在一个服务器上，比如把本地作为服务器端和客户端的时候，可以非常方便调试其他程序，配置服务器变得快速简单。
通过PHPStudy可以方便的启动Apache和MySQL，另外还可以对网站端口、网站目录以及目录首页。这样就可以像IIS设置虚拟目录一样，可以随时更改网站目录，切换程序。当时当系统更改过Apache和MySQL的设置之后，都要相应地重启Apache或MySQL，这样系统才会正常运行。
由于PHPStudy集成了PHPMyAdmin，已经在网站 目录下有一个名为phpMyAdmin文件夹，用于管理数据库。
可以通过http://localhost/phpMyAdmin/进行访问，但需要输入数据库用户名和密码，默认都为root。phpMyAdmin是通过网页形式访问并管理数据库的，在便捷性上而言，更加方便快捷。在配置服务器的时候，就不需要花费大量时间安装数据库系统。
访问系统前台通过http://localhost/novelty/这个路径是相对服务器配置时的网站目录而言的。
但是为什么不直接把网站目录设置成E:\design\novelty，这样访问前台系统就可以通过http://localhost/，这样不是更加简单了？我之所以会选择把目录定位在系统的design目录下，是因为在安装phpStudy的时候，已经选择了网站目录，这样等安装完成之后，就会在该目录下多出一个文件夹phpMyAdmin这个文件夹，它的作用是管理数据库。而如果我有更多的PHP程序在调试的话，我就需要通过http://localhost/phpMyAdmin/来创建数据库。但是如果按照希望的把网站目录设置成E:\design\novelty，我便无法通过http://localhost/phpMyAdmin/来访问数据库。唯一使程序和数据库系统运行正常的方式就是不断地更改网站根目录以及重启Apache。这样对于存在多个系统的环境是非常不方便的。所以我选择把网站根目录设置在程序所在文件夹的上一级目录。
而当系统调试完成能够正常运行之后，这样的系统也是非常容易转移的。只需要把系统中的数据库通过phpMyAdmin导出数据库即可。
当然，转到远程服务器上就需要更改程序所在目录的中的数据库用户名和密码，这样才能保证系统连接到数据库。
 
图4-1 PHPStudy软件安装完成
 
图4-2 服务器配置
 
图4-3 创建系统数据库
 
图4-4 导入数据库
 
图4-5 修改数据库用户名和密码

第二节 系统模块介绍
一、前台系统
 
图4-6 头部导航条
 
图4-7 底部版权信息
 
图4-8 左列产品类别列表
 
图4-9 左列联系方式
 
图4-10 首页推荐产品页
 
图4-11 公司简介页
 
图4-12 产品细页
 
图4-13 产品列表页
 
图4-14 联系我们页
 
图4-15 常见问题页
 
图4-16 常见问题页

二、后台系统
 
图4-17 基本资料管理
 
图4-18 栏目管理
 
图4-19 询盘管理
 
图4-20 产品管理
 
图4-21 HTML生成

 
【参考文献】
[1] Quentin Web 2.0开发实战［M］.北京：人民邮电出版社，2008.15-100.
[2] Ben 必知必会［M］.北京：人民邮电出版社，2009.20-130.
[3] Andy Budd.精通CSS：高级Web标准解决方案［M］.北京：人民邮电出版社，2006.1-200.
[4]陈军.PHP+MySQL经典案例剖析.[M].[北京].[清华大学出版社].2008.
[5]白志强.21天学通PHP.[M].[北京].[电子工业出版社].2009.
[6]丁月光.PHP+MySQL动态网站开发.[M].[北京].[清华大学出版社].2008.
[7]孙鹏程.完全手册PHP网络开发详解.[M].[北京].[电子工业出版社].2007.
[8]Vasani,完全手册.[M].[北京].[电子工业出版社].2004.
[9]李刚.网络数据库技术PHP+MySQL.[M].[北京].[北京大学出版社].2008.
[10]Davis,E.M.学习PHP和MySQL.[M].[北京].[机械工业出版社].2008.
[11]Julie 、MySQL和Apache编程导学.[M].[北京].[机械工业出版社].2008.
[12]范德兰斯.MySQL开发者SQL权威指南.[M].[北京].[机械工业出版社].2008.
[13]明日科技.PHP开发典型模块大全.[M].[北京].[人民邮电出版社].2009.
[14]邹天思.PHP网络编程标准教程.[M].[北京].[人民邮电出版社].2009.
.2008.
[16]为喆.PHP5与MySQL5从入门到精通.[M].[北京].[电子工业出版社].2008.
[17]Rogers S. Pressman SoftWare Engineering北京：清华大学出版社 2001.1
[18]Rick F. van der Lans  Introduction to SQL: Mastering the Relational Database Language, 北京：清华大学出版社影印  Addison Wesley Pub 2006 .9.26

附  件
/* base
------------------------------------------------------------- */
html{ overflow-x:hidden;}
body
{background:#000;padding:0;margin:0 auto;color:#d8a151;border-top:6px solid #9f0000; font-family:Arial; font-size:16px; line-height:20px;word-wrap:break-word; overflow:hidden;}
p{margin:0;}
a
{color:#d8a151;text-decoration:none;font-family:Tahoma,sans-serif;}
 a:visited
 {color:#d8a151;}
 a:hover
 {color:#ffff00;}
 a:focus
 {outline:none;}
.title
{font-weight:bold;}
.clear
{clear:both;}
ul{list-style:none; margin:0px; padding:0px;}
img
{border:none;}
.mailto a
{text-decoration:underline;}
.vertical
{color:#cacaca;padding:0 2px;}
/* layout
-------------------------------------------------------------- */
#header
{margin:0 auto; background:#5b0000;width:900px; height:269px; position:relative;top:2px; *top:-0px;z-index:1;*z-index:1;_z-index:0;}
#container
{text-align:left;margin:0 auto;width:900px;background:#5b0000;height:100%; position:relative;top:-270px;*top:0px;_top:-538px;}
 #contentContainer
 {width:842px;text-align:left;margin:0 auto;height:100%;padding:9px 0 23px 0;}
 #footer
 {width:842px;text-align:left;margin:0 auto;height:85px;background:#5b0000;}
#headerLeft{background:url() no-repeat;width:29px;height:269px;position:relative;left:0;*left:0;_left:0;}
#headerRight{background:url() no-repeat;width:29px;height:269px;position:relative; left:871px;*left:871px;_left:871px; top:-538px; *top:-538px;_top:-555px;}
#headerVcenter{width:842px;height:269px;position:relative;left:29px;*left:29px;_left:29px;top:-269px;}
 #headerTop{width:842px;height:83px;background:#140000;}
 #headerCenter{width:842px;height:126px; background:url() no-repeat;}
 #headerBot{width:842px;margin:0 auto; height:60px;}
  #headerLogo{width:222px;height:83px;float:left;}
   #headerLog o img{width:222px; height:83px;}
  #headerLogoTxt{width:468px;height:83px;float:left;}
   #headerLogoTxt img{width:468px;height:83px;}
  #headerLogoTxtRight{width:152px;height:83px;float:right;}
   #headerLogoTxtRight .headerContact{width:86px;height:83px;float:left; padding-left:20px;}
    #headerLogoTxtRight .headerContact img{padding:59px 0 2px 0px;margin:0;}
   #headerLogoTxtRight .headerLogoTxtRightImg{width:46px;height:83px;float:right;}
    #headerLogoTxtRight .headerLogoTxtRightImg img{width:46px;height:83px;}
  /* header flash */
  #headerCenter .flash
  {width:335;*width:306px;_width:336px; float:right; height:118px;padding:4px 11px 4px 0;*padding:4px 50px 4px 0;_padding:4px 10px 4px 0;}
/* headerNav------------------------- */
#headerNav{width:842px;height:60px;}
 #headerNavLeft{width:43px;height:60px;background:url() no-repeat ; float:left;}
 #headerNavRight{width:43px;height:60px;background:url() no-repeat ;float:right;}
 #headerNav ul li{background:url() no-repeat 0 0; float:left; width:108px; height:60px;font-weight:bold;padding-top:18px;text-align:center;}
 #headerNav ul li a
 {color:#d8a151;}
 #headerNav ul li a:hover
 {color:#ffff00;} 
/* leftCol rightCol--------------------------------------- */ 
#leftCol{width:240px;float:left;} 
#rightCol{width:590px; float:right;padding-left:12px;} 
#leftCol .wireBox{width:240px;}
#rightCol .wireBox{width:590px;}
#leftCol .wireBox .boxContent{width:238px;height:100%;}
#rightCol .wireBox .boxContent{width:588px;height:100%;}
.leftColSpace
{margin-top:20px;}
.rightColSpace
{margin-top:20px;}