/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-08-31)
*Website:             http://www.ttsycn.com
==STRUCTURE:============================

*Page width:          960px
*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:11px/150%  Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; color:#333; background:#fff; 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:11px/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;}

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

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

.row{overflow:auto;zoom:1;}
.nav{ padding:0 10px; color:#5d788a; font-weight:bold;}
.nav a,.nav a:visited{ color:#d55008;}
.content{ padding:10px;}

/* __header----------------------------*/
#header{
	width:960px;
	margin:0 auto;	
}
#header960{	
	overflow:auto;
	zoom:1;
}
.logo{float:left; display:inline;}
.logo a{text-indent:-999px;display:block;width:216px;height:33px;background: url(../images/logo.gif) no-repeat;margin:8px 25px 8px 0;}
.topRight{ float:left; margin:15px 0; overflow:auto;zoom:1;}
.topRight ul{ width:719px; text-align:right;}
.topRight li{ display:inline;padding:5px;}

.topMenu{
	background: url(../images/topMenuL.gif) no-repeat left center;
	height:40px;
	color:#fff;
	overflow:auto;
	zoom:1;
}
.topMenuR{
	background: url(../images/topMenuR.gif) no-repeat right center;
	height:40px;
	width:9px;
	float:right;
}
.topMenu ul{ margin-left:40px;}
.topMenu li{ float:left; padding:12px 3px; font-size:12px;}
.topMenu li a,.topMenu li a:visited{ color:#fff;padding:13px 10px;}
.topMenu li a:hover{
	background:#fff url(../images/topHover.gif) repeat-x 0px bottom;
	padding:13px 10px;
	color:#0887bd;
}

.topCategory {
	list-style:none;
	position:relative;
	z-index:5;
	background: url(../images/topCateBg.gif) repeat-x;
	height: 24px;
}
.topCategory a,.topCategory a:visited{ color:#0887bd;}

/*start define menus*/
.menus {list-style:none; height:24px; position:relative; z-index:500; margin-left:10px;}
.menus li.top {display:block; float:left;}
.menus li a.top_link {display:block; float:left; height:24px; line-height:24px; color:#0887bd; text-decoration:none; font-size:12px;padding:0px 18px; cursor:pointer;background: url(../images/icon01.gif) no-repeat right center;}
.menus li a.top_link span {float:left; display:block; padding:0 5px; height:24px;}
.menus li a.top_link span.down {float:left; display:block; padding:0 5px; height:24px; }
.menus li a.top_link:hover {text-decoration:underline; border:1px solid #a9cfe0; border-width:0 1px; margin:0 -1px; color:#f30;}
.menus li a.top_link:hover span {}
.menus li a.top_link:hover span.down {}
.menus li:hover > a.top_link {color:#0887bd;}
.menus li:hover > a.top_link span {}
.menus li:hover > a.top_link span.down {}


.menus table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menus a:hover {visibility:visible; position:relative; z-index:200;}
.menus li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menus ul, 
.menus :hover ul ul, 
.menus :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul ul,
.menus :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menus :hover ul.sub {left:-1px; top:24px; background: #fff; padding:0px;  border:none; white-space:nowrap; width:150px; height:auto; z-index:300;}
.menus :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;border:1px solid #a9cfe0; margin-top:-1px;}
.menus :hover ul.sub li a {display:block; font-size:12px; height:22px; width:150px; line-height:20px; text-indent:5px;  text-decoration:none;}
.menus :hover ul.sub li a.fly {background:#fff url(../images/plus.gif) 110px 7px no-repeat;}
.menus :hover ul.sub li a:hover {color:#f30;background:#e7ebf0;}
.menus :hover ul.sub li a.fly:hover {background:#33415B url(../images/arrow_over.gif) 110px 7px no-repeat; color:#000;}
.menus :hover ul li:hover > a.fly {background:#33415B url(../images/arrow_over.gif) 110px 7px no-repeat; color:#000;} 

.menus :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul,
.menus :hover ul :hover ul :hover ul :hover ul :hover ul
{left:150px; top:0; background: #edbe4b; padding:2px; border:none; white-space:nowrap; width:180px; z-index:400; height:auto;}

.menus :hover ul :hover ul li { float:left}
/*end define menus*/




.searchBox{ background:#c9d3dd; height:20px;font-size:18px; padding:10px; text-align:center;}
.searchBox .input{ width:250px; height:17px;color:#747373;}
.searchBox .selcet{ width:200px; }


/* __banner----------------------------*/
#banner{
	width:960px;
	margin:0 auto;	
}
/* __banner2----------------------------*/
#banner2{
	width:960px;
	margin:0;
	height:230px;
	overflow:hidden;	
}

/* __pagebody----------------------------*/
#pagebody{
	width:960px;
	margin:0 auto;	
	background:#c9d3dd url(../images/pageBg.gif) repeat-x 0px top;
	padding-top:11px;
	overflow:auto;
	zoom:1;
}
/* __mainbody----------------------------*/
#mainbody{
	float:left;
	width:725px;
}

.productsBox{ float:left; width:217px;margin:3px;}
.productsBox .size{
	padding:5px 10px;
	background: url(../images/proTop.gif) no-repeat center top;
	height: 32px;
	font-weight:bold;
}
.productsBox .productsImg{ display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:115px; *font-family:Arial; width:217px; height:130px;background:#fff;}
.productsBox .productsImg img{vertical-align:middle;}
.productsBox h4{ background:#4d5d64;padding:2px 10px;}
.productsBox h4 a,.productsBox h4 a:visited{ color:#fff;}
.productsBox .price{
	padding:2px 15px;
	background: url(../images/proBottom.gif) no-repeat center top;
	height: 28px;
	color:#fff;
}

.productsBox4{ float:left; width:100px;margin:3px 5px;}
.productsBox4 .size{
	background: url(../images/proTop2.gif) no-repeat center bottom;
	height: 10px;
}
.productsBox4 .productsImg{ display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:85px; *font-family:Arial; width:100px; height:100px;background:#fff;}
.productsBox4 .productsImg img{vertical-align:middle;}
.productsBox4 h4{ background:#4d5d64;padding:0px 10px; height:16px; overflow:hidden;}
.productsBox4 h4 a,.productsBox4 h4 a:visited{ color:#fff;}
.productsBox4 .price{
	padding:2px 15px;
	background: url(../images/proBottom2.gif) no-repeat center top;
	height: 20px;
	color:#fff;
}

.leftBox{ padding:10px 0px;}
.leftBox h3{
	font-size:18px;
	padding:10px;
	background: url(../images/leftBoxTop.gif) no-repeat left bottom;
	margin-bottom:10px;
}

.productsBox2{ background:#fff; font-size:12px; margin:10px 0; padding-bottom:20px;}
.productsBox2 h4{ background:#156a8f; padding:5px;}
.productsBox2 h4 a,.productsBox2 h4 a:visited{ color:#fff; font-weight:bold;}
.productsBox2 .more{ float:right; background:#f5f7f9; margin:-5px -3px -5px 0; padding:5px; font-weight:bold;}
.productsBox2 .more a,.productsBox2 .more a:visited{color:#0887bd;}
.productsBox2 ul{ width:130px; overflow:hidden;}
.productsBox2 li{ padding:5px;}
.productsBox2 li a,.productsBox2 li a:visited{color:#0887bd;}
.productsBox2 li a:hover{ color:#f30;}
.productsBox2 .productsImg{ float:right; display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:115px; *font-family:Arial; width:80px; overflow:hidden; height:130px; margin-top:40px;}
.productsBox2 .productsImg img{vertical-align:middle;}


.productsBox3{float:left; width:215px;background:#fff; padding:5px 10px; border-right:1px solid #ddd;  border-bottom:30px solid #ddd;}
.productsBox3 .productsBoxBox{ border-bottom:1px dotted #ddd; padding-bottom:10px; overflow:auto;zoom:1;}
.productsBox3 .productsImg{ float:left; display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size:115px; *font-family:Arial; width:130px; height:130px;background:#fff;}
.productsBox3 .productsImg img{vertical-align:middle;}
.productsBox3 .productsInfo{ float:left; margin-left:5px;width:78px;*width:60px;_width:78px; height:130px; overflow:hidden;}
.productsBox3 h4{ font-weight:bold;}
.productsBox3 .more{ float:right;}
.productsBox3 .more a,.productsBox3 .more a:visited{ color:#f30;}



.productBox{background:#fff; overflow:auto; zoom:1;}
.productBox .productImg{ float:left; display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 335px; *font-family:Arial; width:350px; height:350px;}
.productBox .productImg img{vertical-align:middle;}
.productBox .productInfo{float:right;padding:10px 10px 10px 100px;}
.productBox .productInfo1{width:400px; border:1px solid #d5dbe2; padding:10px;}
.productBox h4{ font-weight:bold; line-height:30px;}
.productBox .price{ font-weight:bold;line-height:30px;}
.productBox .size{color:#999;line-height:30px;}
.productOtherImg{ overflow:auto; zoom:1;}
.productOtherImg .smallImg{ float:left;margin:5px 3px 0 0;border:1px solid #ddd; display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 45px; *font-family:Arial; width:60px; height:60px;}
.productOtherImg .smallImg img{vertical-align:middle;}
.relational{ margin:10px 0;}
.relational .productImg{ float:left; display: table-cell;vertical-align:middle;text-align:center; *display: block; *font-size: 285px; *font-family:Arial; width:300px; height:300px;}
.relational .productImg img{vertical-align:middle;}

.productDetail{ background:#fff; margin:10px 0;border:1px solid #d5dbe2; padding:10px; color:#999; margin-right:20px;}
.productDetail h4{ font-weight:bold; color:#000;}

/* __sidebar----------------------------*/
#sidebar{
	float:left;
	width:215px;
	margin-left:20px;
	display:inline;
}
#sidebar2{
	float:left;
	width:215px;
	margin-right:20px;
	display:inline;
}
.newsBox{
	background: #fff url(../images/newsBoxBg.gif) no-repeat left top;
	padding:30px;
}
.newsBoxBottom{
	background: url(../images/newsBoxBottom.gif) no-repeat left top;
	height: 17px;
	margin:0 -30px -30px;
}
.newsBox li{ padding:3px 5px;}
.newsBox h3{ border-top:1px solid #666; font-weight:bold;font-size:15px; text-align:right; padding:5px 10px; margin:10px 0;font-style:italic;}

.newsBox2{ border:1px solid #ddd; background:#fff;font-weight:bold; font-size:12px; padding:10px; width:500px;}
.newsBox2 dl{ margin:10px 0; overflow:auto;zoom:1;}
.newsBox2 dt{ float:left; height:40px; color:#333;  margin:0 10px;}
.newsBox2 dd{height:40px; overflow:hidden;}
.newsBox2 dd a,.newsBox2 dd a:visited{ color:#0887bd;}
.newsBox2 dd a:hover{ color:#f30;}

/* __footer----------------------------*/
#footer{
	width:960px;
	margin:0 auto;	
	padding:10px;
	overflow:auto;
	zoom:1;
}
.copyright{ float:left; font-size:14px;font-weight:bold;}
.footMenu{  float:right;overflow:auto;zoom:1;}
.footMenu li{ float:left; padding:0 5px;}

.navpages{padding:5px; margin-top:10px; clear:both; font-size:12px; background:#fff; border:1px solid #eee; border-width:1px 1px 5px 1px;}
.navpages ul{text-align:left;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color: #1C1C03;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#1C1C03;padding:1px 4px;border:1px solid #eee;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:1px solid #FB8700;color:#fff;padding:1px 4px;background:#FB8700}