html body {
	background-color: #292929;
	background-position: center top;
	margin:0;
	padding:0;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #292929;
	background-repeat: no-repeat;
}
ul,li,div,table,span,dl,dt{padding:0;margin:0}
ul{list-style:none}
img{border:0}
a,a:hover{color:#000;text-decoration:underline}
/***************************************
   Header
***************************************/
#header {
	width: 100%;
	margin: 0 auto;
	height:80px;
	background-color:#000000;

	text-align: center;
}
#mainnav {
	width: 999px;
	margin: 0 auto;
	height:72px;
	text-align: left;
	background-image:url(img/logo.gif);
	background-repeat:no-repeat;
	background-position:left;

	text-indent:220px;
}
#mainnav ul{float:left;display:block;margin-top: 15px;}
ul.nav {
	margin-left: 0;
	list-style:none;
	padding-left:0;
	padding-bottom:5px;
}
ul.nav li {display:inline;}
ul.nav li a {
	color:#FFFFFF;
	font-size:9px;
	border-right: solid #ff6600 1px;
	padding: 0px 10px 0px 4px;
	text-transform: uppercase;
	text-decoration:none;
	}
ul.nav li a.noborder{border:0}
ul.nav li a:hover {
	color:#FF6600;
	text-decoration:none;
	}	
ul.nav li a.current {
	color:#FF6600;
	text-decoration:none;
	}	
.translate{padding:0;float:right;width:165px;height:70px;overflow:hidden;margin-right:0px;}
/***************************************
   Main
***************************************/
#container {
	width: 1000px;
	margin: 0 auto;
    background:url(img/main_bg.gif) repeat-y;
}

#category_header {
	width: 100%;
	height:100px;
	background-color:#000000;
}


/***************************************
   left  nav
***************************************/
#subnav_container {
	width: 210px;
	margin-left:-1000px;
    float: left;
	padding-bottom:20px;
}
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	cursor: default;
	width: 210px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	line-height:11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 210px;
	border-top: solid #000 1px;
}
ul.MenuBarVertical ul
{
	margin: -1px 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 270px;
	left: -1000em;
	top: 0;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
ul.MenuBarVertical ul li
{
	width: 270px;
}
ul.MenuBarVertical
{
	border-bottom: 1px solid #000;
}
ul.MenuBarVertical ul
{
	border-bottom: 1px solid #000;
	background-color:#993300;
}
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #000;
	color: #FF3300;
}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #000;
	color: #FF3300;
}
ul.MenuBarItemSubmenu a.current
{
	background-color: #000;
	color: #FF3300;
}
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url("img/SpryMenuBarRight.gif");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url("img/SpryMenuBarRightHover.gif");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color:#000;
}
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	}
}

/*   dd
*******************/
#subnav_container p {
	padding:20px 5px 0px 10px;
	width:190px;
	font-size:9px;
}
#subnav_container p a {
	color:#000000;
	font-size:9px;
	text-decoration: underline;
}

/***************************************
   Right
***************************************/
#center_container {
	display:inline;
	width: 760px;
	margin-left:210px;
	background-color:#FFFFFF;
	float:left;
	padding: 15px 15px 15px 15px;
	overflow: hidden;
}
/***************************************
   Location
***************************************/
.location{width:100%;border-bottom:dashed #D7D7D7 1px;padding-bottom:6px;padding-left:10px;background:url(img/location.gif) no-repeat 0 6px}

.location .local{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;float:left;padding:4px 7.5px;width:548px}



/********** Other-Produnct Nav ***************/
div.menu_other_products {
width: 196px; /*width of accordion menu*/
position: absolute !important;
padding: 0;
margin: 0;float:left;
background-color:#666;
}
div.menu_other_products_SBmain {
width: 296px; /*width of accordion menu*/
position: absolute !important;
padding: 0;
margin: 10px 0 0 0;
background-color:#000000;
}
div.menu_other_products a.menuheader { /*CSS class for menu headers in general (expanding or not!)*/
display: block;
width: 179px; /*width minus padding and border */
padding: 4px 7.5px;
background-color:#BCBCBC;
background-image: url(img/SpryMenuBarRightHover.gif); /*custom bullet list image*/
background-repeat: no-repeat;
background-position: 182px 50%;
border: 1px solid #929292;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#666;
text-decoration: none;
cursor: pointer;
outline: none;
}
div.menu_other_products a.menuheader:hover {
background-color:#D75518;
background-image: url(img/SpryMenuBarRight.gif); /*custom bullet list image*/
color: #FFFFFF;
text-decoration: none !important; 
}
.menu_other_products ul { /*CSS for UL of each sub menu*/
width: 196px;	/*MUST be total width of .menuheader and ".menu_other_products ul li a)" - including borders and padding*/
list-style-type: none;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
left: 0px;
top: 0px;
}
.menu_other_products ul li {
display: inline;
margin: 0;
padding: 0; 
}
.menu_other_products ul li a {
display: block;
width: 179px;
padding: 4px 7.5px;
margin: 0;
background-color:#E4E4E4;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #999;
text-decoration: none;
outline: none;
}
.menu_other_products ul li a:hover { /*hover state CSS*/
color: #FF3300 !important;
background-color: #000000;
text-decoration: none !important;
}

/*   index width: 760px;
*******************/
.indexbody{display:inline;width:780px;margin-left:210px;float:left;padding:5px 0 15px 10px;overflow: hidden;}
.ileft {width:550px;padding-right:10px;padding-top:5px;float:left;}
.ileft .intros{word-wrap:break-word;font-size:12px;width:100%}
.ileft h4{background:#EFEFEF;font-size:14px;padding:3px 0;color:#D75518;text-indent:10px;margin:10px 0 0 0;}

.ileft ul.proudlist{margin-top:10px;}
.ileft ul.proudlist li{width:274px;float:left;margin-bottom:15px;height:100px;}
.ileft ul.proudlist li img{float:left;width:100px;height:100px;margin-left:5px;padding:2px;border:1px solid #eeeeee}
.ileft ul.proudlist li div{float:left;width:120px;padding-left:5px;font-size:12px;padding-top:6px;position:relative;word-wrap:break-word;}
.ileft ul.proudlist li div a,.ileft ul.proudlist li div a:hover{position:absolute;top:75px;left:70px;display:block;margin-top:5px;text-align:right;color:#D75518;text-decoration:underline;}

.iright{ width: 220px;float:right;color:#fff;font-size:10px;padding-top:5px;}
.iright a{ color:#FF6600; text-decoration:none; font-size:10px;}
.iright a:hover{ text-decoration:underline;}
.iright span{display:block;text-align:center}
.iright span p{font-size:18px;}
.iright .tits{margin:15px 5px 15px 10px;padding-bottom:6px;border-bottom:1px solid #fff}
.iright .tits h4{border-left:4px solid #D75518;padding:0;padding-left:8px;margin:0;line-height:14px;}
.iright ul.news{padding-left:29px;background:url(img/news_ul.gif) no-repeat 13px 2px}
.iright ul.news li{height:22px;}
.iright .contus{padding-left:15px;}
.iright .contus p{margin-top:10px;}

.iright .contus,.iright .contus a,.iright ul.news,.iright ul.news a{font-size:12px;font-family:Arial,Verdana,Helvetica, sans-serif;}

/*  New list
*******************/

.newslist { width:668px;margin-top:4px;margin-left:20px;padding-bottom:3px;}
.newslist dl {margin-top:8px;width:650px;display:block;padding-bottom:5px;border-bottom:1px dotted #E6E6E6;}
.newslist dl dt {width:638px;padding:0;margin:0;background: url(img/title_icond.gif) no-repeat 2px 5px;}
.newslist dl dt a {line-height:24px; font-size:12px; font-weight:bold; margin-left:20px;text-decoration:none }
.newslist dl dd { width:624px; margin:0px auto 0px; word-wrap:break-word;}
.newslist dl dd.preview {padding:4px 8px;line-height:150%;color:#555; font-size:12px;padding-left:19px;}
.newslist dl dd.preview p{margin:0px;padding:0px}
.newslist dl dd p img{float:right;margin-left:5px;width:76px;height:76px;}

.newslist dl dd a.wz{color:#BA4A14;float:left;margin-top:3px;}
.newslist dl dd a.wz:hover {color: #FF3300;}

/*pagelist
******************/
.pages{font-size:10px;}
.pages ul{float:right;padding:12px 0px 12px 16px;}
.pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;}
.pages ul li a{float:left;padding:2px 4px 2px;color:#666;}
.pages ul li a:hover{color:#4857CE;}
.pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{font-weight:bold;}
.pages .pageinfo{float:left;line-height:18px;padding:0px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#666;font-weight:normal;margin:0px 2px;}

/*   intro
*******************/
.pintro{margin-top:10px; font-size:12px;width:100%;clear:both;}

.pintro h2{color:#D75518;font-size:16px;}

/*   Prouduct IMG List
**************************/
.piclist{ margin-top:15px;font-size:12px;width:100%;clear:both;}
.piclist h2{font-size:16px;}
.piclist ul{width:760px;list-style:none;padding:0;margin:0;}



.piclist ul li{width:152px;height:195px;float:left;text-align:center;margin-bottom:10px;padding-bottom:10px;}
.piclist ul li div{width:145px;height:50px;padding-top:4px}


.piclist ul li div span{font-size:10px}
.piclist ul li div b{display:block;font-size:14px;width:145px;height:16px;font-size:12px}
.piclist img{border:0; width:145px;height:145px;}

.pmore{ margin-top:10px;font-size:12px;width:100%;clear:both;}





/***************************************
   footer
***************************************/
#footer {width:1000px;margin: 0px auto 0px 0px;height:75px;border-top:solid #999999 1px;clear:both;padding-top: 10px;background-color:#292929;}
#footer,#footer a,#footer a:hover{color:#999999;text-decoration:none;font-size:10px}
.dleft{float:left;}
.dright{float:right}


.piclist ul li div{background:#FED29B;}


