body{ margin:0 auto; background:#ACACAC;}
html { font-family: Tahoma,Arial,Verdana; font-size: 12px; color: #333;
}
body,td,th,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;}
.prode{margin:5px;}
.h1{margin:0;font-size:12px; color:#768FAA;}
/* TOP */
#wrapper { width:860px; margin:0 auto; background:#fff; padding:10px 30px;}
#header{ width:860px; background:#56A2D6; position:relative; margin:auto; }
#header .logo{ width:286px; height:80px; padding:0; overflow:hidden;}
#header .logo a{ display:block; width:286px; height:80px; }
#sideBar_top { color:#346794; float:right; background:#fff; font:100 11px Verdana, Geneva, sans-serif; color:#fff; height:20px; border-bottom:1px #2382C2 solid; width:860px; }
#sideBar_top .guide { height:20px; float:right; }
#sideBar_top .guide ul {list-style-type:none; margin:0; padding:0;}
#sideBar_top .guide li {margin:0; padding:2px 4px; float:left; }
#sideBar_top .guide li a { display:block; padding:0px; color:#346794; font:100 10px Verdana, Geneva, sans-serif;}
#sideBar_top .guide li a:hover { color:#F60; text-decoration:underline;}
#sideBar_top span { float:left; display:block; color:#386493; background:#fff; font:100 11px/20px Verdana, Geneva, sans-serif; height:20px;}
#sideBar_top span a { text-decoration:underline;color:#386493; }
.nav {float:right;}
#search { color:#fff; float:left; padding:10px 10px 0 0; text-align:center; overflow:hidden; }
#search form { margin:0; padding:0; overflow:hidden; }
#search .searchtext{ width:100px; height:17px; margin:0 0 1px 0; padding:0; background:#fff; border:1px #ccc solid; font:100 11px/19px Arial, Helvetica, sans-serif; }
#search .ser{ padding:0;}
/*
#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:0; background:url(images/menu.gif); padding:0; height:38px; clear:both; }
.menu ul{list-style:none; margin:0; padding:0; }
.menu li {float:left;position:relative; margin:0; line-height:38px; background:url(images/menu_r.gif) right no-repeat; padding-right:2px;}
.menu li a{display:block; height:38px; float:left; padding:0 4px; margin:0; color:#EEEEEE; text-decoration:none; font:700 11px/38px Arial, Helvetica, sans-serif;}
.menu li a:hover{color:#ff0; background:url(images/menu_bg.gif) top repeat-x; }
.menubg a {display:block; height:38px; float:left; padding:0 4px; margin:0; color:#E5CE99 !important; text-decoration:none; font:700 11px/38px Arial, Helvetica, sans-serif; background:url(images/menubg.gif) top repeat-x; }
*/
/* MENU */
#menu {
PADDING:0; HEIGHT: 26px; TEXT-ALIGN: center; width:860px; margin:0 auto; border-top:1px #81B8E1 solid; border-bottom:1px #2182C6 solid; background:#2987C7;
}
#nav {padding:0; margin:0 auto; width:860px; list-style:none; height:26px; position:relative; z-index:10; }
#nav li.tops {display:block; float:left; padding:0 15px; font: 100 12px/26px arial, verdana, sans-serif; color:#fff; background:url(images/ment_r.gif) right no-repeat; }
#nav li.tops a {
color:#fff;
}
/* Default list styling */
#nav li:hover {position:relative; z-index:1; color:#fff; background:#156DA1}
/* keep the 'next' level invisible by placing it off screen. */
#nav ul,
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul.sub
{left:0; top:26px; background: #fff; padding:0; border:1px solid #79A0BD; border-width:1px; white-space:nowrap; width:140px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:140px; font-weight:normal; border-bottom:1px #79A0BD solid; background:#EFEFEF;}
#nav li:hover ul.sub li a {display:block; font-size:11px; font-weight:100; text-align:left; height:20px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li:hover ul.sub li a:hover { color:#fff; background:#79A0BD}
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #06c; white-space:nowrap; width:90px; z-index:400; height:auto;}
.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:860px; margin:auto; padding:2px 0 0 0; background:#fff;
}
/* LEFT */
#sideBar{ width:184px; padding:0; float:left;
}
.sideBar_left {width:160px; padding:11px; border:1px #D1D3D0 solid; background:#F9F5F2; overflow:hidden; margin:5px auto 8px auto;}
.sideBar_left h1 { display:block; background:#F9F5F2; margin:0; padding:0; color:#000; text-align:left;border-bottom:1px #000000 dotted; font:700 16px/19px Arial, Helvetica, sans-serif; }
.sideBar_left h2 { display:block; background:#F9F5F2; margin:0; padding:0; color:#fff; text-align:left; text-transform:uppercase; font:700 11px/19px Arial, Helvetica, sans-serif; }
.sideBar_left h2 a { color:#492B20;}
.sideBar_left h2 a:hover { color:#f00; text-decoration:underline}
.sideBar_left .left_mid{ width:160px; color:#333;}
.sideBar_left .left_mid span a{ display:block;font:100 10px/16px Verdana, Geneva, sans-serif; text-align:left; width:160px; margin:0; list-style-type:none; color:#7B8CA0;}
.sideBar_left .left_mid span a:hover{ text-decoration:underline; }
.sideBar_left dl{ width:160px; margin:0 auto; padding:0; z-index:9999; }
.sideBar_left dl dd {margin:0; padding:0;}
.sideBar_left dl dd a {display:block; height:18px; font:100 11px/18px Verdana, Geneva, sans-serif; text-indent:0px; color:#808D9E; border-bottom:1px #fff dotted;}
.sideBar_left dl dd a:hover { display:block; height:18px; text-decoration:underline; color:#808D9E;}
.sideDot { font:700 11px/20px Verdana, Geneva, sans-serif; text-align:left; width:160px; margin:0; list-style-type:none; }
.sideDot a{display:block; color:#7B8CA0; }
.sideDot a:hover{ text-decoration:none; color:#036; }
.sideBar_right {width:148px; background:#F7F8F9; border:1px #DEE2E5 solid; overflow:hidden; margin:0px auto 8px auto; padding-bottom:10px;}
.sideBar_right h2 { display:block; margin:0; padding:0; color:#fff; text-align:center; text-transform:uppercase; font:700 11px/19px Arial, Helvetica, sans-serif; }
.sideBar_right .right_mid{ width:148px; background:#E9E9E9; color:#fff;}
/* RIGHT */
#Content{ width:670px; float:right; overflow:hidden; color:#333;
}
#Content .content_l{ width:442px; float:left; overflow:hidden;
}
#Content .content_r{ width:150px; float:right; overflow:hidden;
}
#Content .con_mid{ width:668px; margin-bottom:10PX; background:#F7F8F9; color:#333; padding:5px 0; border:1px #DEE2E5 solid;
}
#Content .member{ background:url(images/member.gif) no-repeat; width:693px; height:89px;
}
#Content .member a.signin{ display:inline; width:116px; height:28px; text-indent:-9999px; margin-left:98px; margin-top:45px; overflow:hidden; float:left; }
#Content .member a.reg{ display:inline; width:116px; height:28px; text-indent:-9999px; margin-left:233px; margin-top:45px; overflow:hidden; float:left; }
#prohref a{ display:block; font-size:11px; width:128px; height:18px; color:#333; text-align:center; line-height:18px; float:left; margin:0 2px 2px 0; border:1px solid #efefef; background:#fefefe; overflow:hidden;}
#prohref a:hover{ text-decoration:none; color:#fff; border:1px solid #fff; background:#79A0BD;}
/* FOOTER */
#footer{ clear:both; font-weight:100; line-height:18px; width:860px; padding-bottom:10px; margin: 0 auto; font-family:Tahoma, Geneva, sans-serif; text-align:center; color:#333; font-size:11px;
}
#footer .foot_inner{ padding:0; width:442px; background:#B2B2B2; margin:0 auto;}
#footer .foot_inner span { display:block; margin:2px 0; border:#fff solid; border-width:1px 0; font:700 10px/20px Tahoma, Geneva, sans-serif; color:#fff; }
#footer .foot_inner span a { color:#fff;}
#footer .foot_inner .email_inner { width:210px; float:left; background:#000; padding:10px; text-align:left;}
#footer .foot_inner .email_inner .inputs { background:#323232; border:#535353 solid; border-width:1px 0 1px 1px; color:#fff; width:178px; margin:0; padding:0; line-height:17px; height:17px; padding-left:2px;}
#footer .copyright {color:#333;}
#footer .copyright a {color:#333;}
#footer .keywords { font:100 11px/16px Tahoma, Geneva, sans-serif;}
.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 #ccc; background:#e8e8e8; text-align:right; font-size:11px;clear:both; padding:2px 2px 5px 2px; color:#333; 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; height:30px; background:#F4F7FC; border:#DEE2E5 dashed; border-width:1px 0; font:100 11px/30px Arial, Helvetica, sans-serif; color:#1E73A3; padding-left:10px; margin:25px 0 5px 0;
}
#title span { display:none; font-size:11px; 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:#1E73A3; font-weight:100;}
#title b a, #title a { color:#1E73A3;}
#bar{ padding-left:10px; height:30px; font:700 16px/30px Arial, Helvetica, sans-serif; color:#1E73A3; text-align:left;
}
#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{color:#1E73A3;}
#bar b a, #bar a { color:#1E73A3;}
/* PIC */
.hw00{ float:left; width:154px; padding:0; margin:5px 4px 5px 5px; background:#fff; border:1px #E0E1E6 solid; overflow:hidden; list-style-type:none; display:block;}
.hw00 .hw1{ text-align:center;margin:2px auto; height:150px; width:150px; overflow:hidden; padding:2px; display:block; }
.hw00 .hw1 a img{ border:0; max-width:150px!important; max-height:150px!important; width:expression(this.width > 150 && this.height < this.width*150/150 ? 150: true)!important; height: expression(this.height > 150 ? 150: true)!important;margin-top: expression(this.height < 150 ? (150 -this.height)/2: 0)!important; }
.hw00 .hw2{ overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:85px;}
.hw00 .hw2 b{ color:#036; font-weight:700; font-size:10px;}
.hw00 .hw2 br{ line-height:10px;}
.hw00 .hw2 a{ color:#666; font:700 11px Verdana, Geneva, sans-serif;text-decoration: underline;}
.hw00 .hw2 a:hover{ color:#900; text-decoration:underline; }
.hw00 .hw2 span{ margin:auto; font-weight:bold; font-size:11px;background:#295BFC; color:#fff; display:block; margin-top:2px; padding:1px; width:90%}
.hw00 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw00 .hw2 u{ font-size:12px; color:#F00; text-decoration:none; font-weight:bolder;}
.hw00 .hw1 a img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 150 ? "150px" : this.width)!important;}
.hw01{ float:left; width:134px; padding:0; margin:5px; background:#fff; border:1px #E0E1E6 solid; overflow:hidden; list-style-type:none; display:block;}
.hw01 .hw1{ text-align:center;margin:2px auto;height:100px; width:120px; overflow:hidden; padding:0px; display:block;}
.hw01 .hw1 a img{ border:0; max-width:120px; max-height:100px; width:expression(this.width > 120 && this.height < this.width*100/120 ? 120: true); height: expression(this.height > 100 ? 100: true);margin-top: expression(this.height < 100 ? (100 -this.height)/2: 0); }
.hw01 .hw2{ overflow:hidden;text-align:center; line-height:1.3; margin:auto; height:90px;}
.hw01 .hw2 b{ color:#036; font-weight:700; font-size:10px;}
.hw01 .hw2 br{ line-height:7px;}
.hw01 .hw2 a{ color:#666; font:700 10px Verdana, Geneva, sans-serif;text-decoration: underline;}
.hw01 .hw2 a:hover{ color:#900; text-decoration: underline; }
.hw01 .hw2 span{ margin:auto; font-weight:bold; font-size:11px;background:#295BFC; color:#fff; display:block; margin-top:2px; padding:1px; width:90%}
.hw01 .hw2 s{ color:#999; font-size:11px; padding:0 5px;}
.hw01 .hw2 u{ font-size:12px; color:#F00; text-decoration:none; font-weight:bolder;}
.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}
/*
***********************************************
BOTTOM NAVI - BEGIN
***********************************************
*/
div#footerBfly {
position:relative;
width:859px;
border-top: 1px dashed #ccc;
margin:0px auto;
}
div#footerBfly ul {
margin:0 0 10px 0;
padding-left:15px;
line-height: 160%;
}
div#footerBfly ul li {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}
div#footerBfly ul li a{
color:#7B8CA8; font-size:11px;
}
div#footerBfly ul li a:hover{
color:#900; font-size:11px;
}
Div#emailWidget {
width:184px;left:0px;
height:50px;
margin-top: 10px;
}
div#footerCol2 {
width:175px;
left:220px;
top:0px;
border-right: 1px solid #ccc;
margin-top: 10px;
}
div#footerCol3{
width:135px;
left:395px;
top:0px;
border-right: 1px solid #ccc;
margin-top: 10px;
}
div#footerCol4{
width:170px;
left:530px;
top:0px;
border-right: 1px solid #ccc;
margin-top: 10px;
}
div#footerCol5{
width:150px;
left:700px;
top:0px;
margin-top: 10px;
}
div#footerLegal{
width:859px;
text-align:center;
}
div#emailText, #email, #confirm, #emailImg {
float:left;
}
#footerBfly label {
color: #969ba8;
font-weight: bold;
font-size: 10px;
float: left;
}
div#Footer1 {
width: 859px;
padding: 0 0 0 0;
margin: 6px 0 0 0;
float: left;
}
#BflyFooter {
width: 100%;
padding: 0 0 0 0;
text-align: left;
color: #7b8ca1;
font-size: 12px;
font-weight: normal;
line-height: 160%;
}
.BflyfooterTextSmall {
font-size: 10px;
line-height: 140%;
}
/*
Email Subscribe Footer Properties
*/
#subscribe {
padding: 0;
margin: 0;
}
.subscribeInput {
padding: 2px 0;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 150px;
font-weight: bold;
float: left;
text-transform: lowercase;
}
#subscribe label {
width: 80px;
color: #969ba8;
text-align: right;
font-weight: bold;
font-size: 10px;
padding-right: 10px;
float: left;
}
#confirm {
display: none;
}
#confirm br {
clear: left;
}
div#emailWidget {
width:184px;
height:65px; /*javascript:SetCmd(cmdSend);
Send*/
margin-top:10px;
}