/*-------------------------------------------------------
* 功能：网站布局
* 作者：Gavin
* 创建时间：2008-10-27
* 最后一次修改时间：2008-12-25 
-------------------------------------------------------*/

/*--- 外部容器 ---*/
#container {
text-align:center;
background:url(bgBottom.jpg) repeat-x left bottom;
}
#containerWrapper {
width:923px;
margin:0 auto;
padding-bottom:13px;
}

/*--- 页头 ---*/
#header {}
#headTop {
background:url(headBg.jpg) repeat-x;
position:relative;
height:84px;
}

#logo {
text-align:left;
position:absolute;
left:0;
top:0;
}
#topNav {
background:url(topNavBg.jpg) no-repeat left top;
position:absolute;
width:265px;
height:31px;
right:0;
top:0;
text-align:right;
}
#topNav li {
float:right;
margin-right:16px;
display:inline;
}
#topNav li a{
background:url(listImg01.gif) no-repeat 0 50%;
padding-left:10px;
height:24px;
line-height:24px;
color:#E1E1E1;
}
#topNav li a:hover{
text-decoration:underline;
}
#banner {
overflow:hidden;
}
#headBar{
height:37px;
background:url(headBarBg.jpg) repeat-x;
border-bottom:5px solid #F4A01A;
position:relative;
}
#searchBar{
position:absolute;
background:url(searchBarBg.jpg) no-repeat left top;
text-align:center;
height:37px;
width:199px;
left:0;
top:0;
}
#menu {
position:absolute;
left:199px;
top:0;
height:37px;
cursor:pointer;
}
#menu li{
cursor:pointer;
float:left;
}
#menu li a{
cursor:pointer;
float:left;
display:block;
height:37px;
line-height:37px;
background:url(menuRight.jpg) no-repeat right top;
}
#menu li a:hover, #menu li.current a{
background:url(menuOverRight.jpg) no-repeat right top;
}
#menu li a span{
cursor:pointer;
font-weight:bold;
color:#ddd;
padding:0 18px;
display:block;
float:left;
background:url(menuLeft.jpg) no-repeat left top;
height:37px;
line-height:37px;
}
#menu li a:hover span, #menu li.current a span{
line-height:37px;
color:#fff;
background:url(menuOverLeft.jpg) no-repeat left top;
}
#searchBar form{
padding:8px 0 0 20px;
}
#searchBar div{
background: url(inputBg.gif) repeat-x left top;
position:relative;
float:left;
height:24px;
width:120px;
overflow:hidden;
}
#searchBar input.txt{
position:absolute;
left:0;
top:0;
width:112px;
line-height:18px;
font-size:12px;
font-family:tahoma, arial;
height:20px;
padding:2px 4px;
background:url(inputBgLeft.gif) no-repeat left top;
border:none;
}
#searchBar input.btnSearch{
float:left;
background:url(btnSearch.gif) no-repeat left top;
width:35px;
height:24px;
border:none;
cursor:pointer;
}

/*--- 主要内容区 ---*/
#main {
overflow: hidden;
}
#sideBar {
float:left;
width:198px;
border:1px solid #F0A01F;
border-width:0 1px;
background:#E36C15 url(sideBarBg.jpg) repeat-x left top;
min-height:600px; 
height:auto !important; 
height:600px; 
overflow:visible;
}
#content {
float:right;
width:723px;
padding-top:6px;
background:#E36C15  url(mainBg.jpg) repeat-x left top;
text-align:center;
}
/* 以下代码片段使左右两列自适应高度 */
#main:after {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
clear both;
visibility:hidden;
}
#main {
display:inline-block;
}
/*\*/
#main {
display:block;
}
/*\*/
#sideBar, #content {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}
@media all and (min-width: 0px) {
#sideBar, #content {
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#sideBar:before, #content:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

/*--- 首页模块 ---*/
#function{
width:711px;
margin:0 auto;
}
#products{}
#function .title{
position:relative;
height:25px;
margin:12px auto 5px;
}
#function .title span{
position:absolute;
right:10px;
top:4px;
padding:0 6px 2px;
background:#E34E17;
border:1px solid #B63E12;
border-width:0 1px 1px 0;
}
#function .content{
background:#E37A17;
padding:10px 20px 30px;
color:#fff;
text-align:left;
line-height:26px;
}
#function .title h3{
text-align:left;
background:url(titleBg.jpg) no-repeat left top;
border-left:5px solid #FFCC33;
height:25px;
line-height:25px;
color:#fff;
font-size:14px;
position:absolute;
padding-left:10px;
left:0;
top:0;
width:100%;
}
.productList{
line-height:20px;
min-height:50px; 
height:auto !important; 
height:50px; 
overflow:visible;
}
.productList li{
width:24.9%;
float:left;
text-align:center;
padding-bottom:30px;
}
.productList li a{
}
.productList li a img{
padding:2px;
border:2px solid #FFCC33;
}
.productList li a:hover img{
border-color:#fff;
}
.productList li a span{
color:#FFFF00;
}
.productList li a:hover span{
color:#fff;
}

#profile{
width:710px;
margin:0 auto 10px;
}

#category{
width:160px;
margin:10px auto;
}
#category h3{
font-size:14px;
text-align:left;
border-left:5px solid #FFCC33;
/*border-bottom:1px solid #FFCC33;*/
height:18px;
line-height:18px;
padding-left:10px;
margin-bottom:10px;
}
#category ul li a{
color:#FFCC33;
font-weight:bold;
height:24px;
line-height:24px;
}
#category ul li a:hover{
text-decoration:underline;
}
#category ul li li{
padding-left:10px;
}
#category ul li li a{
color:#fff;
font-weight:normal;
height:18px;
line-height:18px;
}
#category ul ul{
padding-bottom:10px;
}

/*--- 内页内容区 ---*/
/*--- 分页 ---*/
.pages{
text-align:center;
line-height:24px;
height:24px;
padding:20px 0;
}
/*--- 新闻列表 ---*/

.newsList{
padding-bottom:30px;
}
.newsList li{
background:url(listDiv02.gif) repeat-x left bottom;
padding:8px 0;
position:relative;
}
.newsList li span{
color:#FFCC33;
position:absolute;
padding-top:8px;
right:20px;
top:0;
}
.newsList li a{
background:url(listImg02.gif) no-repeat 0 50%;
padding-left:10px;
}
.newsList li a:hover{}

/*--- 页脚 ---*/
#footer {
border-top:5px solid #F29917;
background:#404040 url(footBg.gif) no-repeat left bottom;
height:59px;
position:relative;
}
#footer .backToTop{
position:absolute;
right:20px;
top:20px;
}
#footer .copyright {
line-height:18px;
padding:3px 0;
color:#999;
}
input.btnSearch{
background:#E34E17;
border:1px solid #B63E12;
border-width:0 1px 1px 0;
color:#fff;
height:26px;
line-height:26px;
padding:0 10px;
cursor:pointer;
}