body{ margin:0 auto; }
html { font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #000;
}
body{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #000;
}
td,th{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
input{ font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
.left {float:left}
.right {float:right}
.clr{ clear:both;}
a {color:#222; text-decoration:none; }
a:hover{ color:#000; text-decoration:none}
p,h2 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
/* TOP */
#wrapper { width:1000px; margin:0 auto;}
#header{ width:1000px; position:relative; margin:auto; padding-bottom:5px; }
#header .logo{ top:0; position:absolute; left:0; overflow:hidden;width:242px; height:62px;}
#header .logo a{ display:block; width:242px; height:62px; text-indent:-9999px; }
#sideBar_top { color:#222; width:700px; height:62px; font:100 11px Arial, Helvetica, sans-serif; color:#000; }
#sideBar_top a { padding:0 5px; color:#000; font:100 11px Verdana, Geneva, sans-serif; }
#sideBar_top a:hover { color:#F60; text-decoration:underline;}
#sideBar_top .guide { width:700px; height:29px; text-align:left; padding:17px 48px 10px 0;}
#sideBar_top .guide ul{list-style:none; margin:0; padding:0; }
#sideBar_top .guide li {float:left;position:relative; margin:0; font:700 11px/25px; text-decoration:none;font:bold 11px/38px Arial, Helvetica, sans-serif }
#sideBar_top .guide li a{float:left;display:block; position:relative;color:#000;text-decoration:none;font:bold 11px/38px Arial, Helvetica, sans-serif}
#sideBar_top .guide li a:hover{color:#000; text-decoration:underline; }
#sideBar_top span { display:block; height:19px; width:220px; background:#1A1A1A; color:#A9A9A9; font:100 11px/19px Arial, Helvetica, sans-serif;}
#sideBar_top .guide b { font-weight:100;}
#sideBar_top p { float:left; display:block; margin:0; padding:0; }
#sideBar_top p a { color:#ccc; font:bold 14px/30px Arial, Helvetica, sans-serif;}
/*
#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/38px Arial, Helvetica, sans-serif; margin:2px 0 0 0 ; padding:0; height:38px; display:block; background-color:#004080}
.menu ul{list-style:none; margin:0; padding:0; }
.menu li { float:left; position:relative; padding-left:10px;}
.menu li a{display:block; height:38px; float:left; padding-left:25px; margin:0; color:#FFF; text-decoration:none; font:700 11px/38px Arial, Helvetica, sans-serif;}
.menu li a:hover{color:#ff0; text-decoration:underline;}
.menubg a {display:block; height:38px; float:left; padding:0 4px; margin:0; color:#FFF !important; text-decoration:none; font:700 11px/38px Arial, Helvetica, sans-serif; }
#search { color:#333; float:right; font:100 11px/16px Tahoma, Geneva, sans-serif; padding:0 3px; text-align:left; overflow:hidden; width:315px; height:30px; padding-left:25px;}
#search a { color:#fff;} #search a:hover { color:#ff0;}
#search form { margin:0; padding:0; overflow:hidden; float:right; }
#search .searchtext{ width:150px; height:17px; margin:2px 0; background:url(images/cart/input_bg.gif) top repeat-x #fff; border:1px #ccc solid; font:100 11px/19px Arial, Helvetica, sans-serif; vertical-align:middle}
#search .ser{ padding:4px 0; color:#333}
.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:1000px; margin:auto; padding:0; background:#fff;
}
/* LEFT */
#SideBar{ width:250px; padding:2px; float:left; background-color:#004080}
#SideBar .d1{ width:246px;height:23px;list-style:none; margin:0; paddin:0px; background-color:#ccc }
#SideBar .d2{ width:246px;list-style:none; margin:0}
#SideBar .d2 ul{width:246px;height:23px; background-color:#FFF;list-style:none; margin:0; padding:0}
#SideBar .d2 li{width:121px; height:23px; margin:0; padding-left:2px; float:left;display:inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000;}
#SideBar .d2 li a{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration:none }
#SideBar .d2 li a:hover{margin:0; padding:0;font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color:#004080; text-decoration:underline }
/* RIGHT */
#Content{ width:740px; float:right; overflow:hidden; color:#333;}
#Content .con_mid1{ width:540px; padding:0; float:left}
#Content .con_mid1 ul{width:540px;list-style:none; margin:0; padding:0}
#Content .con_mid1 li{width:540px;list-style:none; margin:0; padding:0 }
#Content .con_mid2{ width:190px; padding-left:4px; float:right}
#Content .con_mid2 ul{width:190px; ;list-style:none; margin:0;}
#Content .con_mid2 li{width:190px;height:20px; margin:0; text-align:center }
#Content .con_mids{ width:740px;padding:0; margin:0}
#Content .con_mids ul{width:740px; display:block;list-style:none; margin:0; height:82px; background: url(img/banner2-bg.gif) repeat-x}
#Content .con_mids li{width:150px;height:50px; margin:0; text-align:center; padding-top:30px; text-align:center; float:left}
#Content .con_mids li a{text-decoration:none}
#Content .con_mids li a:hover{color:#004080;text-decoration:underline}
#Content .con_mid3{ width:740px;padding:0; margin:0}
#Content .con_mid3 ul{width:740px; display:block;list-style:none; margin:0; padding:0 }
#Content .con_mid3 li{width:180px; margin:0; padding:0 text-align:center; text-align:center; float:left}
#Content .con_mid3 li a{font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight:normal;color: #000000;text-decoration:none}
#Content .con_mid3 li a:hover{color:#004080;text-decoration:underline}
#Content .msg { padding:10px; font:100 11px/28px Tahoma, Geneva, sans-serif; color:#333;}
#Content .sideBar_left{ float:left; clear:both;}
#Content .sideBar_right{ width:964px; background:url(images/banner4.jpg); text-align:left; padding:0; }
#prohref a{ display:block; font-size:11px; width:144px; height:22px; color:#000; text-align:center; line-height:22px; float:left; margin:0 2px 2px 0; border:1px solid #333; background:#FCFBFF;}
#prohref a:hover{ text-decoration:none; color:#ff0; border:1px solid #333; background:#575757;}
#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{ width:1000px; clear:both; font-weight:100; line-height:18px; width:964px; padding-bottom:10px; margin: 0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center; color:#333; font-size:11px;
}
/* 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:#000000; font-weight:100; background:#FCFBFF; border:1px solid #000;
}
#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:#ff0000; font-weight:100;}
#title b a, #title a { color:#000000;}
#bar{text-align:left; margin-right:2px; padding-left:5px; font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:11px; font-weight:100; background:#FCFBFF; border:1px solid #000000;
}
#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:#ff0000; font-weight:100;}
#bar b a, #bar a { color:#000;}
/* PIC */
#hw{ width:740px; float:right; overflow:hidden;font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight:normal;color: #000000;text-decoration:none}
#hw .ty2{ width:740px; height:35px; padding:2px; margin:0; background-color:#fff}
#hw .ty{ width:740px;padding:2px; margin:0; background-color:#004080}
#hw .ty ul{width:736px; height:25px; display:block;list-style:none; margin:0; padding:0; background-color:#FFFFFF }
#hw .ty li{width:180px; margin:0; padding:0 text-align:center; text-align:center; float:left}
#hw .ty li a{font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-weight:normal;color: #000000;text-decoration:none}
#hw .ty li a:hover{color:#004080;text-decoration:underline}
#hw .wp{ width:740px;padding:0; margin:0; background-color:#004080}
#hw .wp ul{width:740px; height:25px; display:block;list-style:none; margin:0; padding:0; background-color:#004080 ;font-size: 13px;}
#hw .wp li{width:740px; margin:0; padding:0 text-align:center; text-align:center; float:left}
#hw .wp li a{font-family: Arial, Helvetica, sans-serif; font-weight:normal;color: #000000;text-decoration:none}
#hw .wp li a:hover{color:#004080;text-decoration:underline}
#hw .wp2{ width:740px;padding:0; margin:0; background-color:#004080}
#hw .wp2 ul{width:740px; display:block;list-style:none; margin:0; padding:0; background-color:#FFFFFF ;font-size: 13px;}
#hw .wp2 li{width:180px; margin:0; padding:0 text-align:center; text-align:center; float:left}
#hw .wp2 li a{font-family: Tahoma,Arial,Verdana; font-size: 12px;font-weight:normal;color: #000000;text-decoration:none}
#hw .wp2 li a:hover{color:#004080;text-decoration:underline}
#hw .wp3{ width:740px;padding:0; margin:0; background-color:#fff; text-align:center}
.hw00{ float:left; width:162px; 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:105px; width:145px; overflow:hidden; padding:2px; display:block; }
.hw00 .hw1 a img{ border:0; max-width:145px; max-height:105px; width:expression(this.width > 145 && this.height < this.width*105/145 ? 145: true); height: expression(this.height > 105 ? 105: true);margin-top: expression(this.height < 105 ? (105 -this.height)/2: 0); }
.hw00 .hw2{ overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:55px;}
.hw00 .hw2 b{ color:#c00; background:#ccc; font-weight:100; font-size:12px;}
.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:#c00; font-size:12px;}
.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}