@charset "utf-8";
/*
- *.*Common Style
- *.*Layout
- *.*Header
- *.*Footer
- *.*Navigation
- *.*Sidebar Menu
- *.*Site Counter
- *.*shoppingCart
- *.*searchBox
*/
/*========== *.* New!!!==========*/
body, html{
margin: 0;
}
.themeColor{
background: #ffff98;
}
.mainTable{
width: 98%;
margin: 0 0 10px 10px;
}
#wrapper{
width: 960px;
margin: 0 auto;
}
/*Background Style*/
.bgNav{
background: url(../image/bg_nav.gif) top left repeat-x;
}
/*Listing style*/
ul.listBasic{
float: left;
margin: 0;
padding: 0;
}
ul.listBasic li{
margin: 0 0 5px 0;
padding: 0 0 0 18px;

background: url(../image/bullet_01.gif) top left no-repeat;
}

/*Sitemap*/
ul.listSitemap{
float: left;
margin: 0;
padding: 0;
}
ul.listSitemap li h2{
margin: 0 0 10px 0;
padding: 0;
}
ul.listSitemap li{
margin: 0;
padding: 0;
}
ul.listSitemap li h2 a,
ul.listSitemap li h2 a:link,
ul.listSitemap li h2 a:visited,
ul.listSitemap li h2 a:hover,
ul.listSitemap li h2 a:active{
width: 120px;
height: 25px;
line-height: 25px;
color: #860202;
background: url(../image/sitemap_title_bg.gif);
font-weight: bold;
text-align: center;
display: block;
margin: 0;
padding: 0;
}
ul.listSitemap ul.subCategory{
margin: 0 0 10px 10px;
padding: 0;
}
ul.listSitemap ul.subCategory li{
margin: 0 0 5px 0;
padding: 0 0 0 18px;
background: url(../image/bullet_01.gif) top left no-repeat;
line-height: 14px;
}

/*========== *.*Common Style==========*/
.spacer{
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}
.inputField{
color: #666;
border: 1px solid #cc9;
background: #fff url(../image/field_bg.gif) top left repeat-x;
font-family: Arial, Helvetica, sans-serif;
}
.promoteBannerLarge{
width: 265px;
height: 125px;
margin: 10px;
float: left;
}
/*--Page Controller--*/
.pageController{
margin: 10px 5px 10px 0;
}
.pageController span.pages{
margin: 0 0 0 10px;
line-height: 18px;
display: block;
float: right;
}
.pageController ol.pageNumber{
float: right;
}
.pageController ol.pageNumber li{
width: 18px;
height: 18px;
margin: 0 0 0 2px;
display: block;
float: left;
}
html>body .pageController ol.pageNumber li{
margin: 0 0 0 7px;
display: block;
}
.pageController ol.pageNumber li a,
.pageController ol.pageNumber li a:link,
.pageController ol.pageNumber li a:visited{
width: 18px;
height: 18px;
color: #333;
text-align: center;
background: #e6e6ad;
margin: 0 0 0 2px;
line-height: 18px;
border: 1px solid #cc9;
display: block;
float: left;
}
.pageController ol.pageNumber li a:hover,
.pageController ol.pageNumber li a:active{
color: #666;
background: #ffffbf;
border: 1px solid #cc9;
}
/*========== *.*Layout==========*/
body,html{
background: #ffc;
}

#wrapperLeft{
width: 760px;
float: left;
}
#wrapperRight{
width: 200px;
float: right;
}
#container{
background: #ffc url(../image/bg_wrapperleft.gif) top left repeat-y;
float: left;
}
#sidebarLeft{
width: 150px;
float: left;
}
#content{
width: 600px;
margin: 0 0 0 10px;
float: left;
}
/*========== *.*Header==========*/
#headerLeft{
width: 100%;
height: 230px;
float: left;
}
#headerRight{
width: 100%;
height: 230px;
display: block;
float: right;
}
/*---HeaderLeft---*/
#headerLeftFlash{
}
/*========== *.*Header==========*/
#footer{
width: 100%;
padding: 15px 0;
color: #666;
background: #ffc url(../image/footer_bg.gif) top left repeat-x;
}
#footer div.logo{
float:left;
}
#footer ul.footerNav{
width: 80%;
margin: 10px 0 10px 10px;
float: left;
}
#footer ul.footerNav li{
margin: 0 10px 0 0;
padding: 0 0 0 10px;
background: url(../image/list_line_666.gif) top left no-repeat;
float: left;
}
#footer ul.footerNav li a{
color: #666;
}
#footer p.address{
margin: 0 0 10px 10px;
float: left;
}
/*========== *.*Navigation==========*/
#navigation{
background: #8c0101 url(../image/bg_nav.gif) top left repeat-x;
}
#navHotline{
width: 150px;
float: left;
}
/*--Style for pulldown menu--*/
.nav {
	z-index: 100;
	float: right;
	position: relative;
	height: 50px;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  background: #FC0;
  color: #959595;
  display: block;
  text-decoration: none;
}

.nav li a:hover {
  background: #FC0;
  color: #000;	

}
#nav-one {
	position: relative;
	margin-top: 0px;
	height: 50px;
}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #FC0;
  color: #000;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 background: #FC0;
  color: #960;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #FF0;
  color: #bb9600;	
}
.nav ul {
  background: #FFCC00;
  border-bottom: 1px solid #960;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 50px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
line-height: 24px;
  border: 1px solid #960;
  border-bottom: 0;
  padding: 0 20px 0 10px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #FF0;
  color: #000;
}
/*========== *.*Sidebar Menu==========*/
ul#mainMenu{
margin: 15px 0 0 15px;
}
ul#mainMenu li a,
ul#mainMenu li a:link,
ul#mainMenu li a:visited{
color: #C33;
}
ul#mainMenu li a:hover,
ul#mainMenu li a:active{
color: #900;
}
ul#mainMenu li h5{
margin: 0 0 10px 0;
}
ul#mainMenu li ul.subMenu{
margin: 0 0 15px 0;
}
ul#mainMenu li ul.subMenu li{
background: url(../image/sidebar_list_li.gif) top left no-repeat;
margin: 0 0 8px 10px;
padding: 0 0 0 12px;
}
/*========== *.*Site Counter==========*/
#siteCounter{
width: 99%;
height: 50px;
}
#siteCounter ul.list{
margin: 0 0 0 10px;
}
#siteCounter ul.list li{
margin: 5px 0;
}
/*========== *.*shoppingCart==========*/
#shoppingCart{
margin: 0 0 10px 0;
}
#shoppingCart ul{
margin: 0 0 10px 40px;
}
#shoppingCart ul li{
margin: 0 0 5px 0;
}
#shoppingCart ul.button{
margin: 0 0 0 25px;
}
#shoppingCart ul.button li{
margin: 0 6px 0 0;
float: left;
}
/*========== *.*searchBox==========*/
#searchBox{
margin: 0 0 10px 0;
}
#searchBox p.instruction{
font-size: 10px;
margin: 0 20px 5px 0;
padding: 0;
text-align: right;
}
#searchBox ul.list{
margin: 0 0 10px 40px;
}
#searchBox ul.list li{
margin: 0 0 5px 0;
}
#searchBox ul.button{
margin: 0 0 0 25px;
}
#searchBox ul.button li{
margin: 0 6px 0 0;
float: left;
}
#searchBox input.inputField{
margin: 0 0 10px 25px;
}
/*========== *.*memberTools==========*/
.memberTools{
width: 100%;
margin: 10px 0 0 0;
background: #e2e2b5;
}
.memberTools a img{
}#banner {
	text-align: center;
	margin-bottom: 10px;
	padding-left: 5px;
}
#paging{   
    padding:5px;   
    font-family:Arial, Helvetica, sans-serif;   
    font-size:12px;   
    color:#000000;   
    font-weight:bold;   
}   
  
#paging a{   
    padding:4px 7px 4px 7px;   
    margin:0px 2px 0px 2px;    
    border: 1px solid #cc9;   
    background:#ffffbf;  
    color: #666;  
    text-decoration:none;   
}   
  
#paging a:hover{   
    border: 1px solid #cc9; 
    background: #e6e6ad;  
    color:#CCCCCC;   
    text-decoration:none;   
}