/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-08-18)

==STRUCTURE:============================

*Page width:          900px
*Number of columns:   3

---------------------------------------*/
body,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p{padding:0; margin:0;}
body{width:100%; margin:auto; font:12px/150%  Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#fff; background:#000; text-align:left; position:relative;}
fieldset,img {border:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
tr,td,select,input{font:12px/150%  Arial,"Lucida Grande",Verdana, Helvetica, sans-serif;}
label,img,input,textarea,select,button {vertical-align:middle;}
input.text, textarea {border:1px solid #ccc;}
button{overflow:visible;cursor:pointer;}
.but,.buts{
	line-height: 18px;
	background: url(../images/button.gif) repeat-x center center;
	color:#fff;
	border:1px solid #685402;
}


a:link,a:visited{color:#fff;text-decoration:none; outline:none;}
a:hover,a:active{color:#f60;text-decoration:underline;}

.systemAlert{color:#f60;font-weight:bold;}
a.systemAlert,a.systemAlert:visited{color:#f60;}

.row{overflow:auto;zoom:1;}
.price{ color:#bb4a00; font-weight:bold; font-size:14px;}
.price2{ text-decoration:line-through;font-weight:bold;font-size:14px;}
.nav{ padding:5px 10px; font-size:11px;}
.content{ padding:10px;}
/* __header----------------------------*/
#header{
	width:900px;
	margin:20px auto 0;
}
#header900{	
	margin:0px auto;	
	background: url(../images/topBg.gif);
	height: 94px;
	overflow:auto;
	zoom:1;
}
.logo{float:left; padding:15px 0px 5px 34px; display:inline;}
.logo a{text-indent:-999px;display:block;width:272px;height:66px;background: url(../images/logo.gif) no-repeat;}
.topRight{ float:left;}
.topCart{ width:580px;text-align:right; padding:5px; color:#a773db;}
.topSearch{ text-align:right; margin:6px 11px 0 0;}
.topSearch .input{
	background: url(../images/searchBg.gif) 0px 0px;
	height: 19px;
	width: 154px;
	border:0;
	padding:0 10px;
	margin-right:-5px;
}
.topMenu{
	background: url(../images/topMenuBg.gif);
	height: 35px;
	line-height:35px;
}
.topMenu ul{ width:900px; text-align:center; overflow:auto; zoom:1;}
.topMenu li{ display:inline;padding:0 15px; font-weight:bold;}
.topMenu .active{
	background: url(../images/active.gif) no-repeat 0px 0px;
	padding:3px 25px;
}

/* __pagebody----------------------------*/
#pagebody{
	width:900px;
	margin:0 auto;
	overflow:auto;
	zoom:1;
}

/* __sidebar----------------------------*/
#sidebar{
	float:left;
	width:180px;
	margin-right:4px;
	display:inline;		
}




/*define menu*/
#leftMenu{ margin-bottom:10px;}
#menu_index_top span{ margin-left:10px;}
#menu_index_top li a:link,#menu_index_top li a:visited{background:#fff url(../images/menu_top.gif) no-repeat;color:#fff;font-size:15px;width:180px;height:28px;display:block;color:#fff;margin-top:0px;font-weight:bold;line-height:28px;}/*#286ea1 */
#menu_index_top li a:hover {background-position:0 -28px; text-decoration:none;}
#nav_chat p {padding:0;margin:0;}

.menu {font-size:12px;width:177px;padding-left:1px;background:#286ea1;padding-bottom:2px;float:left;z-index:1;position:relative;}
.menu ul {background:transparent; float:left;}
.menu ul ul {width:179px;}
.menu ul li {float:left;display:block;width:176px;height:24px;line-height:24px;border-top:1px solid #286ea1;font-weight:bold;background:#21547a url(../images/menu_arrow_bg.gif) no-repeat -1px -121px;}
.menu ul ul li {display:block;width:161px;height:auto; line-height:140%;border:0;font-weight:normal;padding:2px 0 2px 20px; border-right:2px solid #286ea1;background-position:0 -52px;background-color:#fff;}
.menu ul ul .b_top {background-position:0 0;border-top:1px solid #286ea1;border-right:2px solid #286ea1;padding-top:10px;}
.menu a, .menu a:visited {display:block;float:left;height:100%; width:176px; font-size:1em;text-decoration:none;color:#fff; padding:0;text-indent:1em;}
.menu ul ul li a, .menu ul ul li a:visited {display:inline;color:#000;background:none;text-indent:0;width:auto;}
.menu ul ul li a:hover {color:#8D0011;background:none;text-decoration:underline;}
.menu ul ul :hover > a {color:#8D0011;background:none;text-decoration:underline;}
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
* html .menu a:hover {color:#000;position:relative; z-index:100; text-decoration:none;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -150px;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#000;background:#fff url(../images/menu_arrow_bg.gif) no-repeat -1px -150px;}
.menu ul ul {position:absolute;height:0;top:-10000000px;left:156px; width:179px;padding-bottom:4px;height:auto;background:url(../images/menu_arrow_bg.gif) no-repeat 0 100%;}
.menu ul :hover ul {top:-1px;}
/*end define menu*/



.leftBox{
	background: url(../images/leftBoxBg.gif) repeat-y;
	margin-bottom:10px;
	text-align:center;
}
.leftBox h3{
	background: url(../images/leftBoxTop.gif) no-repeat;
	height: 29px;
	line-height:29px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
.leftBoxBottom{
	background: url(../images/leftBoxBottom.gif) no-repeat;
	height: 8px;
}

.productsBox2{ text-align:center;}
.productsBox2 h4{
    font-weight:bold;	
}
.productsBox2 .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 135px; *font-family:Arial; width:150px; height:150px;}
.productsBox2 .productsImg img{vertical-align:middle;}



/* __mainbody----------------------------*/
#mainbody{
	float:left;
	width:716px;
	margin-top:5px;		
}

.banner{ margin-bottom:10px;}

.productsBox{ text-align:center; float:left; width:178px; height:220px; padding-top:5px;}
.productsBox h4{
    font-weight:bold;
	height:18px;
	overflow:hidden;	
}
.productsBox .productsImg{display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 135px; *font-family:Arial; width:150px; height:150px;}
.productsBox .productsImg img{vertical-align:middle;}

.rightBox{ margin-bottom:10px;}
.rightBox h3{
	background: url(../images/rightBoxTop.gif);
	height: 20px;
	padding:10px 0 0 30px;
	font-weight:bold;
}

.productBox{padding-top:5px;}
.productBox h4{
    font-weight:bold;
	height:28px;
	overflow:hidden;
	line-height:28px;	
}
.productBox .productBox1{ float:left;padding:10px;}
.productBox .productImg{text-align:center; width:400px; height:400px;}
.productBox .productImg img{vertical-align:middle;}
.productBox .larger{text-align:center;}
.productBox .larger a,.productBox .larger a:visited{color:#cf0c8d; text-align:center;}
.productBox .productInfo{ float:left; padding:10px;}
.productBox .detail{ padding:10px 0;}
.productBox .description{ padding:10px;}
.productBox .description h3{
	background:none;
	height: 30px;
	padding:0;
	font-weight:bold;
	color:#cf0c8d;
}
.review{overflow:auto; zoom:1;}
.review li{ float:left; padding:10px 0;}

.productOtherImg{ margin:5px;overflow:auto; zoom:1;}
.productOtherImg .smallImg{ float:left; margin:0 10px 5px 0;}

/* __footer----------------------------*/
#footer{
	width:900px;
	margin:0 auto;	
}
.copy{
	border-left:1px solid #1d6ca6;
	border-top:1px solid #1d6ca6;
	border-right:1px solid #1d6ca6;
	background: url(../images/footBg.gif) repeat-x 0px 0px;
	padding:5px 10px;
}
.copyRight{ float:right;}
.footLink li{ float:left; margin:10px 10px;}
.footLink .quick{ width:300px;}
.footLink .quick li{width:150px;margin:1px 0px}
.footTelephone{ color:#cf0c8d; font-size:13px;}

.video{margin:10px 0;}
.video .videoImg{ border:2px solid #565457;}
.video h4{
	background: url(../images/videoBut.gif) no-repeat 0px 3px;
	padding-left:20px;
	color:#999;
	margin:5px 0;
}