/*--------------------------------------
*Filename:            style.css
*Description:         Global CSS
*Version:             1.0.0(2009-06-05)
*Website:             http://www.nikeclass.com
*Author:              it5.cn        

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

*Page width:          1000px
*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:0 auto; font:11px/150% "Lucida Grande", Verdana, Lucida, Arial, 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 Verdana, Arial, 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{color:#222222;text-decoration:none; outline:none;}
a:hover,a:active{color:#e9656a;text-decoration:underline;}
.systemAlert{color:#e9656a;font-weight:bold;}
a.systemAlert,a.systemAlert:hover{color:#e9656a;}
.price{color:#e9656a}


/* __header----------------------------*/
#header{ width:1000px; margin:0 auto;}
#header1000{height:90px;overflow:auto;zoom:1;}
.ncLogo{float:left;margin:20px 0px 10px 40px;}
.ncLogo a{padding:0px;text-indent:-999px;display:block;overflow:hidden;width:183px;height:44px;background: url(../images/ncLogo.gif) no-repeat;}
.topLanguage{text-align:right; padding:5px;}
.topSearch{
	height: 48px;
	width:630px;
	background: #f7f7f7 url(../images/topSearchBg.gif);
	float:right;
	padding:10px 0 0 70px;
	overflow:auto;
	zoom:1;
}
.topSearchR{   
	background: #f7f7f7 url(../images/topSearchR.gif);
	float:right;
}
.search{ float:left; width:430px; height:38px; overflow:hidden;}
.cart{
	float:left;
	background: url(../images/cart.gif) no-repeat 0px 0px;
	width:150px;
	line-height:18px;
	padding-left:18px;
	margin-left:10px;
}
.topMenu{
	border:1px solid #f39e82;
	background: url(../images/topMenuBg.gif);
	height: 36px;
}
.topMenu ul{ width:998px;text-align:center; margin:0 auto;}
.topMenu li{ padding:5px 15px; display:inline;height:36px;line-height:36px; }
.topMenu a{color:#fff;font-size:12px;}
.topMenu a:hover{ color:#333;}
.menuDiv{
	background: url(../images/menuDiv.gif) no-repeat center center;
}
.topActive{
	background: url(../images/topActive.gif) no-repeat center center;
}


.nav{ margin:0 10px 10px;}

/* __pagebody----------------------------*/
#pagebody{width:1000px; margin:20px auto;}

#sidebar{width:190px;float:left;}
.leftBox{border:1px solid #efae4e;margin-bottom:10px;}
.leftBox h3{
	background-image: url(../images/leftBoxTop.gif);
	line-height:30px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
}
.leftBox h3 a,.leftBox h3 a:hover{ color:#fff;}
.leftBox .productsBox{border-bottom:1px dotted #212121;margin:10px;padding-bottom:10px;text-align:center;}
.leftBox .productsBox .productsImg{ padding-bottom:5px;}
.productsBox .productsImg a  {
	border: 0;
	margin: 0;
	display:block;
	z-index:1
}
.productsBox .productsImg a img  {
	margin: 0;
	z-index:1
}
.productsBox .productsImg a:hover  {
	margin: 0;
	*margin: 0 0 0 -70px;
	_margin:0 0 0 -20px;
	position: absolute;
	border: 1px solid #666;	
	z-index:5;
}
.productsBox .productsImg a:hover img  {
	width: 300px;
	height: auto;
	z-index:6;
}
.leftBox .productsBox h4{ color:#000; margin:5px;}
.leftBox .search2{ margin:10px;text-align:center; font-size:10px;}
.leftBox .information{ margin:10px;}
.leftBox .information ul li{padding:2px 10px;}

#mainbody{ float:left; width:590px; margin:0 15px; display:inline;}
.banner{ margin-bottom:10px;}
.rightBox{margin-bottom:10px;overflow:auto;zoom:1;}
.rightBox h3{
	background-image: url(../images/rightBoxTop.gif);
	line-height:32px;
	padding-left:10px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
.rightBox h3 a,.rightBox h3 a:hover{ color:#fff;}
.content{ padding:10px 0;}
.rightBox  .productsBox{ float:left;margin:10px 2px 0; width:140px; height:190px; overflow:hidden; text-align:center; border:1px solid #ddd;}
.rightBox  .productsBox .productsImg{ padding-bottom:5px; height:120px; }
.rightBox  .productsBox h4{ color:#000; margin:5px;height:15px; overflow:hidden;}
.rightBox  .productsBox .price{margin:5px;}

.productBox .productImgBox{ float:right;}
.productBox h4{ color:#000; margin:5px; font-weight:bold; font-size:16px;}
.productBox .price{margin:5px; font-weight:bold;}
.date{ color:#b4b2b2; text-align:center; padding:10px;}
.addcart2{ border:1px solid #f1f1f1; padding:5px;}
.click{
	text-align:center;
	line-height:26px;
	padding:5px;
}

#sidebar2{width:190px;float:left;}
.leftBox2{border:1px solid #e7464f;margin-bottom:10px;}
.leftBox2 h3{
	background-image: url(../images/leftBoxTop02.gif);
	line-height:30px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
}
.leftBox2 h3 a,.leftBox2 h3 a:hover{ color:#fff;}
.leftBox2 .productsBox{border-bottom:1px dotted #212121;margin:10px;padding-bottom:10px;text-align:center;}
.leftBox2 .productsBox .productsImg{ padding-bottom:5px;}
.leftBox2 .productsBox h4{ color:#000; margin:5px;}
.leftBox2  ol{ margin:10px;}
.leftBox2  ol li{
	list-style-type: decimal;	
	list-style-position: inside;
	padding:2px 0;
	color:#e8585e;
}
.leftBox2  ol li a,.leftBox2  ol li a:hover{ color:#e8585e}

.leftMenu ul{margin:0px; padding:0;}
.leftMenu ul li{
	padding:10px 5px 6px 23px;
	font-weight:bold;
	background:#f2f9fc;
}
.leftMenu ul.down {margin:10px 8px 0 -15px; padding:0;}
.leftMenu ul.fly {margin:10px -5px 0 -15px; padding:0;}
.leftMenu ul.fly li{
	padding:10px 5px 6px 15px;
	border-bottom:1px solid #c8e5f2;
}

/* Dropdown Menu */
ul#dropdown_menu { margin:0; padding:10px 5px; }
ul#dropdown_menu li a{  padding:5px;background:#fbefdc;border-bottom:1px solid #f8d39d;border-top:1px solid #fff; display:block; font-weight:bold; font-size:12px;}
ul#dropdown_menu li li a{ background:#fff;border-bottom:1px solid #f8d39d;display:block; font-weight:normal; text-indent:10px; font-size:12px;}
ul#dropdown_menu li li a:hover{background:#fbefdc;}
ul#dropdown_menu li li li a{ background:#fff;border-bottom:0px;display:block; font-weight:normal; text-indent:20px; font-size:10px;}
ul#dropdown_menu li li li a:hover{background:#eee;}
/*ul#dropdown_menu li { list-style:none;}

#dropdown_menu a.first_level,
#dropdown_menu a.first_level:visted,
#dropdown_menu a.f_level,
#dropdown_menu a.f_level:visted { height:25px; line-height:25px; display:block; background-color:#fbefdc; color:#004D1F; font-weight:700; border-bottom:1px solid #f8d39d; border-top:1px solid #fff; padding-left:10px}
#dropdown_menu a.first_level:hover { background-color:#fbf3e7}

#dropdown_menu a.f_level,
#dropdown_menu a.f_level:visted { padding-left:20px}

#dropdown_menu a.second_level,
#dropdown_menu a.second_level:visted,
#dropdown_menu a.s_level,
#dropdown_menu a.s_level:visted { height:25px; line-height:25px; display:block; font-weight:700; border-bottom:1px solid #f8d39d; padding-left:20px}
#dropdown_menu a.second_level:hover { background-color:#fbf3e7}

#dropdown_menu a.third_level,
#dropdown_menu a.third_level:visted { height:20px; line-height:20px; display:block; padding-left:20px; overflow:hidden}
#dropdown_menu a.third_level:hover {}*/
/* End of Dropdown Menu */

.productsNavMenu h4{
	font-weight:bold;
	line-height:32px;
}
.productsNavMenu .boxB{float:left;border:1px solid #c8e5f2; background:#f2f9fc; width:180px; height:15px; text-align:center; padding:5px 4px; margin:5px 3px 0 0; overflow:hidden;}



/* __footer----------------------------*/
#footer{
	background-image: url(../images/footerBg.gif);
	background-repeat: repeat-x;
	text-align:center;
	width:1000px;
	margin:0 auto;
}
.footerMenu ul { width:998px; text-align:center; margin:10px auto;}
.footerMenu li{ display:inline; padding:0px 5px; line-height:30px;}

.mcol {width:1000px; margin:0 auto 10px; clear:both; background:url(../images/mcolBg.gif) repeat-x;border:1px solid #ddd; }
.mcol h3 { font-size:16px; line-height:28px;margin-bottom:6px;padding-left:10px; font-weight:bold;}
.mcol h4 { background:#E1F1F6;margin-bottom:6px;padding:6px 0;}
.mcol p { padding:0 12px;margin:0;}
.mcol p strong { font-size:12px;}
.mcol li{float:left;width:50%;height:90px;}
.mcol2{width:980px; margin:0 auto 10px; padding:10px; border:1px solid #ddd;}