body{ margin:0 auto; background:#000;}
html { font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #fff;
}
body,td,th{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #fff;
}
input{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
.left {float:left}
.right {float:right}
.clr{ clear:both;}
a {color:#fff; text-decoration:none; }
a:hover{ color:#ccc; text-decoration:none}
p,h2 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
/* TOP */
#wrapper { width:960px; margin:0 auto;}

#header{ width:960px; position:relative; margin:auto; padding-bottom:5px;  }

#header .logo{ top:0px; position:absolute; left:0; background:url(images/logo.jpg) no-repeat 0px #000; width:270px; height:223px; padding:0; overflow:hidden;}
#header .logo a{ display:block; width:270px; height:223px; text-indent:-9999px; }

#sideBar_top { color:#222; float:right; width:690px; font:100 11px Arial, Helvetica, sans-serif; color:#fff; background:#000;}
#sideBar_top .guide { text-align:left; border-bottom:1px #999 solid;}
#sideBar_top .guide a { padding:0 5px; color:#fff; font:100 11px/20px Verdana, Geneva, sans-serif; }
#sideBar_top .guide a:hover { color:#F60; text-decoration:underline;}
#sideBar_top .guide span { display:none}
#sideBar_top .guide b { font-weight:100;}
/*
#header .joinus { background:url(images/free.gif) no-repeat left center; padding:10px 0 10px 440px;}
#sideBar_top .guide {width:152px; height:78px; border:1px #C7C7B6 solid; float:right; text-align:left; padding:0; margin:10px 53px 0 0; }
#sideBar_top .guide img { margin-right:2px;}
#sideBar_top .guide a{color:#333; font:100 9px/20px Tahoma, Geneva, sans-serif; display:block; float:left; width:50px; padding:2px 10px; text-align:center }
#sideBar_top .guide a:hover{color:#f00;}
*/

.menu{font:100 11px/24px Verdana, Geneva, sans-serif; color:#000; margin:10px 0 0 0 ; padding:0; height:24px; padding:0; } 
.menu ul{list-style:none; height:24px; margin:0; padding:0 5px; float:right; }   
.menu li {float:left;position:relative; margin:0; line-height:24px; border-right:1px #ccc solid;}   
.menu li a{display:block; height:16px; float:left; padding:0 8px; margin:0; color:#fff; text-decoration:none; font:100 11px/16px Tahoma, Geneva, sans-serif;}   
.menu li a:hover{color:#ff0; }   

#search { color:#fff; float:right; font:700 11px/16px Arial, Helvetica, sans-serif; padding:0 3px; text-align:left; overflow:hidden; width:255px; height:30px; padding-left:25px;}
#search a { color:#fff;} #search a:hover { color:#ff0;}
#search form { margin:0; padding:0; overflow:hidden; }
#search .searchtext{ width:120px; margin:2px 0; border:1px #ccc solid; background:url(/images/login_bg.gif) top repeat-x #fff; font:100 11px/16px Arial, Helvetica, sans-serif; vertical-align:middle}
#search .ser{ padding:4px 0; color:#fff}

.topcarts { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }

/* BODY */
#Main{ width:960px; margin:auto; padding:8px 0 10px 0; background:#000;
}
/* LEFT */
#SideBar{ width:270px; padding:0; float:left;
}

.SideBar_left {width:215px; overflow:hidden; margin:0px auto 8px auto;}
.SideBar_left h2 { display:block; background:#3D3D3D; margin:0; padding:0; color:#fff; text-align:left; padding-left:10px; font:700 13px/35px Tahoma, Geneva, sans-serif; }
.SideBar_left h2 a { color:#492B20;}
.SideBar_left h2 a:hover { color:#f00; text-decoration:underline}
.SideBar_left .left_mid{  width:215px;}
.SideBar_left .left_mids{  width:215px; background:url(images/commitment.gif) no-repeat center 10px #EEF0D8; height:220px; padding-top:130px;}
.SideBar_left dl{ width:215px; margin:0; padding:0; }
.SideBar_left dl dd {display:block; margin:0; padding:0; width:215px;}
.SideBar_left dl dd a {display:block; height:20px; font:100 11px/20px Verdana, Geneva, sans-serif; text-indent:10px; background:#000; color:#fff;}
.SideBar_left dl dd a:hover { display:block; height:20px; text-decoration:none; color:#ff0; background:#575757;}
.sideDot {display:block; margin-bottom:1px; font:700 12px/25px Arial, Helvetica, sans-serif; text-align:center; height:25px; color:#fff ; background:#111111;}
.sideDot a{display:block; color:#ff0 }
.sideDot a:hover{ text-decoration:none; color:#f00 }

UL#nav_left {margin:0; padding:0; list-style-type:none}
#nav_left li {padding-left:20px; background:url(images/dot.gif) no-repeat 5px 10px; }
#nav_left li a{ display:block; font:bold 11px/25px Verdana, Geneva, sans-serif; margin:0; padding:0; list-style-type:none}

UL#nav_book {margin:0; padding:0; list-style-type:none;}
#nav_book li {padding-left:30px; background:url(images/book.gif) no-repeat 8px 8px;  width:175px; margin:0 auto; }
#nav_book li a{ display:block; font:bold 11px/25px Verdana, Geneva, sans-serif; margin:0; padding:0; list-style-type:none}

.SideBar_cart {width:174px; border:1px #C7C7B6 solid; overflow:hidden; padding:5px 0 10px 5px; margin-bottom:8px; font:100 11px Verdana, Geneva, sans-serif;}
a.cart_btn { float:left; display:block; width:72px; height:20px; background:url(images/left_cart_btn.gif) no-repeat; margin-right:2px; margin-top:10px; line-height:20px; padding-left:3px;}
a.cart_btn:hover { background-position:0 -20px;}

/* RIGHT */
#Content{ width:690px; float:right; overflow:hidden; background:#000;
}
#Content .con_mid{ width:690px; margin-bottom:10PX; color:#fff; padding:5px 0;
}
#Content .con_mids{ width:690px; margin-bottom:10PX; color:#fff; padding:5px 0;
}
#Content .msg { padding:10px; font:100 11px/28px Tahoma, Geneva, sans-serif; color:#333;}
#Content .right_left{ float:left; margin-bottom:10px; clear:both;}
#Content .right_right{ width:200px; text-align:left; margin-bottom:10px; padding:0 0 0 10px; }
#prohref a{ display:block; width:134px; height:22px; color:#fff; text-align:center; line-height:22px; float:left; margin:0 2px 2px 0; border:1px solid #333; background:#575757;}
#prohref a:hover{ text-decoration:none; color:#ff0; border:1px solid #333; background:#111;}
#right1{width:658px; float:left; overflow:hidden; margin-bottom:10px; padding-bottom:5px; border:1PX #C2B9A0 solid; }
#right2{ width:180px; float:right; overflow:hidden;}

/* FOOTER */
#footer{ clear:both; font-weight:100; line-height:18px; width:960px; padding-bottom:10px; margin: 0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center; color:#333; font-size:11px;	
}
#footer a{ padding:0; color:#fff; font-weight:100;}
#footer a:hover{text-decoration:underline}
#footer a img { border:0;  margin:0; padding:0;}

#links{ width:960px; text-align:center; line-height:20px; padding:5px 0; margin-bottom:10px; color:#fff; font-size:11px; }
#links a { margin:0; padding:0 2px; color:#fff;}

.viewstable { background:#ccc;}
.viewstable td{ background:#fff; width:50%;}
.viewstabletitle{ background:#eee; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0}
.viewscontent1{ border-top:3px solid #06c; color:#06c; margin:9px; padding:3px;}

/* PAGE */
#showpage {border:1px solid #666; background:#575757; text-align:right; font-size:11px;clear:both;  padding:2px 2px 5px 2px;  color:#fff; font-weight:100; margin:10px 1PX;}
#showpage a{ font-family:arial; text-decoration:none; color:#000; font-size:11px; font-weight:bold; background:#fff; border:1px solid #666; padding:0 2px;}
#showpage a:hover{ background:#CCC}

/* TITLE */
#title{text-align:left; padding-left:5px; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:11px; color:#fff; font-weight:100; background:#111;
}
#title span { display:none; font-size:13px; background:url(images/star2.jpg) no-repeat 3px; padding-left:19px; font-weight:bold; color:#a00; float:left; text-transform:uppercase;}
#title b{font-size:11px; color:#fff; font-weight:100;}
#title b a, #title a { color:#fff;}

#bar{text-align:left; padding-left:5px; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:11px; color:#fff; font-weight:100; background:#111;
}
#bar span { display:none; font-size:13px; background:url(images/star2.jpg) no-repeat 3px; padding-left:19px; font-weight:bold; color:#a00; float:left; text-transform:uppercase;}
#bar b{font-size:11px; color:#fff; font-weight:100;}
#bar b a, #bar a { color:#fff;}

/* PIC */
.hw00{ float:left; width:150px; padding:0 11px; margin:0 0 0 -1px;  overflow:hidden; list-style-type:none; border-left:1px #fff solid; border-bottom:1px #fff solid; }
.hw00 .hw1{ text-align:center;margin:2px auto;height:185px; width:140px; overflow:hidden; padding:2px; display:block; }
.hw00 .hw1 a img{ border:0; max-width:140px; max-height:105px; width:expression(this.width > 140 && this.height < this.width*185/140 ? 140: true);  height: expression(this.height > 185 ? 185: true);margin-top: expression(this.height < 185  ? (185 -this.height)/2: 0); }
.hw00 .hw2{  overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:95px;}
.hw00 .hw2 b{ color:#C76200; font-weight:100; font-size:10px;}
.hw00 .hw2 br{ line-height:7px;}
.hw00 .hw2 a{  color:#f00; font:100 11px Verdana, Geneva, sans-serif;}
.hw00 .hw2 a:hover{  color:#900; text-decoration:none; font:100 11px Verdana, Geneva, sans-serif;}
.hw00 .hw2 span{ color:#999; font-size:10px;}
.hw00 .hw2 s{ color:#C76200; font-size:11px; padding:0 5px;}
.hw00 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw01{ float:left; width:165px; padding:0 7px;  overflow:hidden; margin:0; list-style-type:none; }
.hw01 .hw1{ text-align:center;margin:2px auto;height:105px; width:140px; overflow:hidden; padding:2px; border:1px #D49100 solid; display:block; background:#fff;}
.hw01 .hw1 a img{ border:0; max-width:140px; max-height:105px; width:expression(this.width > 140 && this.height < this.width*105/140 ? 140: true);  height: expression(this.height > 105 ? 105: true);margin-top: expression(this.height < 105  ? (105 -this.height)/2: 0); }
.hw01 .hw2{  overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:95px;}
.hw01 .hw2 b{ color:#C76200; font-weight:100; font-size:10px;}
.hw01 .hw2 br{ line-height:7px;}
.hw01 .hw2 a{  color:#9C1D23; font:100 11px Verdana, Geneva, sans-serif;}
.hw01 .hw2 a:hover{  color:#900; text-decoration:none; font:100 11px Verdana, Geneva, sans-serif;}
.hw01 .hw2 span{ color:#999; font-size:10px;}
.hw01 .hw2 s{ color:#C76200; font-size:11px; padding:0 5px;}
.hw01 .hw2 u{ font-size:11px; color:#000; text-decoration:none; font-weight:100;}

.hw02 { float:left; width:169px; padding:0; margin:0;  overflow:hidden; list-style-type:none; }
.hw02 .hw1{ text-align:center;height:70px; float:right; width:70px; margin:0; background:url(images/cart/loader.gif) center no-repeat;  overflow:hidden;}
.hw02 .hw1 a img{ border:0; max-width:70px; max-height:70px; width:expression(this.width > 70 && this.height < this.width*70/70 ? 70: true);  height: expression(this.height > 70 ? 70: true);margin-top: expression(this.height < 70 ? (70-this.height)/2: 0); }
.hw02 .hw2{ text-align:left; padding-left:1px; float:left; margin:auto; height:70px; width:96px; overflow:hidden; font-size:12px; font-weight:bold;color:#999;}
.hw02 .hw2 b{ color:#000; font-size:11px;}
.hw02 .hw2 br{ line-height:7px;}
.hw02 .hw2 a{  color:#333; font-size:11px; color:#666; font-weight:100; }
.hw02 .hw2 span{ color:#900; font-size:11px;}
.hw02 .hw2 u{ font-size:12px; color:#000; text-decoration:none; font-weight:100;}
.f1gif{ text-align:center; margin:0; color:#333; height:40px; text-transform:capitalize; font:700 11px/20px Tahoma, Geneva, sans-serif; }

.hw33{ max-width:330px; border:1px solid #ddd; background:#fff;}


	
#leftbox{   margin-bottom:10px; background:url(images/catelogbg.gif) bottom #fff; border:0; padding:10px 0 10px 0; }

#left02{ background:#565A5D;color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase; padding-left:5px; line-height:20px; margin-bottom:10px;}
#left02 a{ color:#fff; }
#leftbox2{   margin-bottom:10px;padding-bottom:10px; border:1px solid #565A5D ;background:url(images/barbg2.gif) repeat-x;}


#left03{background:url(images/titlebg3.gif) top #fff; color:#900; font-weight:bold; font-size:12px;  padding-left:16px; height:27px; overflow:hidden; line-height:27px;}
#left03 a{ color:#900}
#left03 a:hover{ color:yellow}
#leftbox3{   margin-bottom:10px; background:url(images/catelogbg3.gif) bottom #fff; border:0; padding:0px 0 10px 19px; }


.insort55{  height:55px;}
.insort55 td b{ background:#c00; color:#fff; font-size:9px; padding:0px 1px 1px 1px; display:block; font-family:verdana; font-weight:100;}
.insort55 td{ font-weight:100;font-size:12px;}
.insort55 a{  color:#000; }
.insort55 a:hover{  color:#f60; }
.insort55 img{width:36px; height:36px; border:0; margin-right:2px;}
.insort55 span { color:#c00;}.insort55 b{ color:#aaa;} 

#siteinfoLegal { text-align:center;  font-size: 0.9em;}
#siteinfoLegal a {
    color: #ffffff;    
}
LABEL.inputLabel {
	width: 9em;
	float: left;
	}

.forward{
	float: right;
	}
.buttonRow {
	margin: 0.5em;
	}
.back {
	float: left;
	}
INPUT {
	display: inline;
	font-size: 1em;
	}
input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.top_text{
	height:60px;
	font:100 11px Arial, Helvetica, sans-serif;
	width:700px ;
	text-align:left;
	margin:0 auto;
	overflow:auto;
	/*   滚动条 */
	overFlow: auto ;  /* visible ：却省的 hidden auto scroll */
	overFlow-x: hidden ;
	/*   滚动条相关的颜色属性 */
	scrollBar-face-color: #DBDADA;        /* 滑块 */
	scrollBar-hightLight-color: #efefef;    /* 高亮 */
	scrollBar-3dLight-color: #efefef;    /* 3维光线 */
	scrollBar-darkshadow-color:#efefef;    /* 暗影    */
	scrollBar-shadow-color:#efefef;      /* 阴影   */
	scrollBar-arrow-color:#fff;       /* 箭头 */
	scrollBar-track-color:#efefef;         /* 滑道颜色 */
	scrollBar-base-color:#efefef;          /* 主要颜色 */
	
	
}

/* CSS Document */
.Review{height:100%;padding-top:8px}
.Review p{margin:5px 10px;float:left; width:92%; font:normal 88%/140% arial}
.Review ul{background:url("../images/../images/bag-1.gif"/*tpa=http://www.cnsportshop.com/images/bag.gif*/) no-repeat 40px 10px;float:left; margin:0; margin-top:30px;padding-left:230px; list-style-type:none;}
.Review li{width:85%;clear:both;margin:3px 0}
.Review li.Indicates{ text-align:left;margin:8px 0px}
.Review li.Indicates font{color:#990000}
.Review li.Rating label{float:left; font: normal 92% Arial; width:40px}
.Review li.Rating div{float:left}
.Review li.n,.Review li.e,.Review li.c{margin:7px 0px}
.Review li.n div{font:normal 88%/150% arial; margin-left:74px}
.Review li label{float:left; font:normal 90%/190% arial; width:70px}
.Review li label font{line-height:160%;color:red}
.Review li textarea{float:left; border:1px #ccc solid; width:360px; height:70px;margin-top:8px}
.Review li.b{text-align:right;width:75%}
.Review li.b input{width:110px; height:20px; background:#fff; border:1px #ccc solid; cursor:pointer;}
.Review p.OC_COMMENT{float:none;width:60%;margin:10px auto;border:1px #859802 solid;background:#EBFEDF url("../images/success.gif"/*tpa=http://www.cnsportshop.com/images/success.gif*/) no-repeat;padding:5px;padding-left:50px;clear:both;font:normal 92% arial;color:#666;white-space:1px}

.reviewslist{height:100%}
ul.commentlist{width:96%;margin:8px auto;padding:0;background:url()}
ul.commentlist li{float:left;width:100%;margin:0px;padding:0px}
ul.commentlist li.t{color:#666;font:normal 88% arial}
ul.commentlist li.t img{float:left}
ul.commentlist li.t font{font:bold 100% arial;color:#333}
ul.commentlist li.n{font:bold 90% arial;color:#333;margin:0px}
ul.commentlist li.c{font:normal 88% arial;color:#333;margin:0px;padding:0px}