/*Common style*/
body{
	margin:0px;
	background:url(images/bg.gif) 0px 325px repeat-x;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
a{ text-decoration:none; color:#333; cursor:pointer}
ul,li{ list-style-type:none;}
h2,h3,h4,h5,h6,ul,li,p{ margin:0px; padding:0px;}
img{ border:none; font-weight:normal}
h6{ font-size:10px;}
h5{ font-size:11px;}
h4{ font-size:12px}
h3{ font-size:14px;}
h2{ font-size:16px;}
/*end Common style*/
#container{width:1000px; margin:auto}
/*Header*/
#header{ height:100%; overflow:hidden; width:755px; margin:auto;}
#header .logo{ font-weight:normal; font-size:9px}
#header .logo a{ color:#999;}

#header .subMenu{ overflow:hidden; border-top: 1px dashed #ccc; margin-top:10px; padding:5px; height:15px;}
#header .subMenu span{ display:block; float:left; padding-top:3px; width:5px;}
#header .subMenu .menuItem a{ float:left; margin-right:19px; margin-left:5px; font-size:10px; }
#header .subMenu a:hover{ text-decoration:underline;}

#headBanner{ height:100%; overflow:hidden;}
#headBanner .left{ float:left; width:587px;}

#headBanner .signIn
{background:#eee; height:100% ; border-left: 10px solid #ccc; height:20px; padding:5px 0px 5px 5px;}
#headBanner .signIn .signInForm{width:250px; float:left}
#headBanner .signIn .signInForm input
{float:left; width:80px; height:16px; font-size:11px; margin-right:5px; background:#eee; border:1px solid #ccc;}
#headBanner .signIn .signInForm .button{ float:left}

#headBanner .signIn .cart{ float:right; width:320px;}
#headBanner .signIn .cart div{ float:right; padding-top:3px; margin-right:5px; font-size:10px; color:#666;}
#headBanner .signIn .cart div span{ font-size:12px; font-weight:bold;}
#headBanner .signIn .cart a{ height:15px; display:block; float:right; margin-top:3px; margin-right:3px;  border-bottom:1px dashed #666}
#headBanner .signIn .cart .button {display:block; float:right; width:70px;}

#headBanner .banner{width:567px; height:145px; padding-top:15px; padding-left:20px; background:url(images/banner.jpg) top left no-repeat; }
#headBanner .banner div
{ width:300px; height:20px; color:#fff; padding:10px 0px 10px 0px; -moz-opacity: 0.85; filter: alpha(opacity=85); opacity:0.85; margin-top: 40px; }
#headBanner .banner div h3{ margin-bottom:5px; margin-left:10px}

#headBanner .search
{ float:left; background:#cee2e5; border-left: 10px solid #b4d2d6; height:170px; width:130px; margin-left:5px; padding:10px;font-size:10px; }
#headBanner .search .inputText{ width:120px; height:16px; border:0; font-size:10px; color:#666;}
#headBanner .search p{ margin-top:3px; }


#header .menu{}
#header .menu .btnPreorder{ margin-left:110px;}

.button{ background:url(images/bg_button.gif) top left no-repeat; width:68px; height:20px; text-align:center; font-weight:bold; font-size:10px; padding-top:3px; cursor:pointer;}

/*end Header*/

/*Common News style*/
.green{ background:#e6efb6;}
.pink{ background:#f8e5eb;}
.cyan{ background:#cee1e5;}

/*News style*/
#newsWrapper {width:740px; margin:auto;}
#news{ margin-top:20px}
#news li{ margin-bottom:50px;}
#news li h4{ color:#999;}
#news li h3{ margin:7px 0px;}
#news li .green,#news li .pink, #news li .cyan{ padding:5px 4px}
#news li p{ margin-top:10px;}

/*Homepage*/
#homepageWrapper {}
#homepage{ clear:left; margin:30px auto 0px auto; width:760px; }

#preOrder{
	background:url(images/t_preorder.gif) top left no-repeat;
	padding-left:25px;
	height:100%;
	overflow:hidden;
	margin-top:50px;
	width:780px;
}

#preOrder .itemPreOrder{ display:inline; overflow:hidden; float:left; margin-right:14px;}
#preOrder .itemPreOrder div{ border: #d2e5ce 2px solid; padding:5px; text-align:center}
#preOrder h4{ color:#009933;}
#preOrder h6{ color:#666; font-weight:normal}

#newArrival{
	clear:left;
	height:100%;
	overflow:hidden;
	background:url(images/t_newarrival.gif) top left no-repeat;
	padding-left:25px;
	margin-top:45px;
	width:780px;
}

#newArrival .itemNewArrival{ display:inline; overflow:hidden; float:left; margin-right:14px; width:135px;}
#newArrival .itemNewArrival div{ border: #eecddd 2px solid; padding:5px; width:120px; height:180px; text-align:center }
#newArrival h4{ color:#661061;}
#newArrival h6{ color:#666; font-weight:normal}

#inStock{
	clear:left;
	height:100%;
	overflow:hidden;
	background:url(images/t_instock.gif) top left no-repeat;
	padding-left:25px;
	margin-top:45px;
	width:780px;
}
#inStock .inStockWrapper{ float:left; width:380px; margin-bottom:25px;}
#inStock .inStockItem div{ padding:5px; width:100px; height:150px; background:#adced5}
#inStock .inStockList{ margin:0px; clear:left}
#inStock .inStockList .inStockItem{ float:left; margin-right:8px;}
#inStock .inStockList .inStockItem a{ padding:0px;}

#inStock h4{}
#inStock h6{ color:#666; font-weight:normal}

#inStock p{ height:100%; display:table; margin-bottom:5px;}
#inStock p span{ display:block; float:left; background:#adced5; font-size:16px; font-weight:bold; color:#fff; padding: 5px 5px; margin-right:5px;}
#inStock a{ padding-top:15px; text-decoration:none; padding-top:12px; display:block}

/* Footer */
#footer{background:#cee1e5; margin-top:3px;}
#footer .footerBody{ width: 750px; margin:auto; padding: 10px 0px}
#footer p{font-weight:bold;}
#footer p span{font-weight:normal;}
#footerBackground {background:url(images/bg.gif) top left repeat-x; width:100%; height:20px;}

/*#footer{ clear:left; background:#cee1e5; height:70px; margin-top:50px; padding-top:8px;}
#footer div{ color:#fff; font-size:11px; font-weight:bold; width:780px; margin:auto; background: url(images/ico_flow.gif) top left no-repeat; padding-left:25px}
#footer div a{ color:#fff}
#footer p{ color:#000; font-size:10px; width:780px; margin:5px auto;}*/
/*end Homepage*/

/* Item list page */
#itemList{ margin:0;}
#itemList h3 img{ float:left}
#itemList h3 a{ font-size:10px; text-decoration:underline;}
#itemList ul{ margin:0px auto; clear:left; margin-top:10px; height:100%; overflow: hidden; width:725px;}
#itemList ul li{ float:left; margin-right:14px; margin-bottom:25px; height: 270px;}
#itemList li div{ padding:5px; width:120px; height:180px; background:#adced5}
#itemList li a{ padding:0px;}
#itemList h6{ font-weight:normal}
#itemList p{ text-align:center; margin-top:50px}
#itemList p a{ color:#902a8a; font-weight: bold; border:1px solid #eee; padding:2px; margin-right:2px; margin-left:2px;}
#itemList p span{ margin-top:10px; display:block; color:#999; font-size:10px}
#itemList a.pre{ border:none; color:#666; font-size:10px}
#itemList a.next{ border:none; color:#666; font-size:10px}
#itemList .showNumItem a {
	color:#902a8a; font-weight: bold; padding:2px; margin-right:2px; margin-left:2px; border:none;
}
/* end  Item list page */

#itemDetail{ width:770px; height:100%; overflow:hidden; margin-top:0px; margin-left:15px}

#item{ float:left; margin-left:20px; width:564px;}
#item h3 {padding:5px; background-color:#bdf4ff; margin-bottom:5px;}
#item .itemImg{ float:left; border:1px solid #eee; padding:10px; width:350px; text-align:center}

#item .itemNote{ float:left; width:170px; border-top: 1px dashed #ccc; border-right: 1px dashed #ccc; padding: 20px 10px;}
#item .itemNote span{ width:70px; margin-right:10px; display:block; float:left; font-weight:bold; text-align:left}
.itemNote li{ margin-top:5px}
.itemNote .remark{ margin-top:15px;}
.itemNote .btnPreoder{ margin-top:30px; text-align:right}

#item .itemList_s{ clear:both; /*margin-top:20px;*/ height:100%; overflow: hidden; }
.itemList_s li{float:left; margin-right:10px; text-align:center; font-weight:bold;}
.itemList_s div{ padding:5px; background:#bdf4ff; width:100px; height:150px; }

 .next{ width:10px; border-left: 1px dashed #ccc; height:90px; padding-top:70px;float:left}
 .next:hover{ background:#bdf4ff}

 .pre{ width:10px; border-right: 1px dashed #ccc; height:90px; padding-top:70px; float:left}
 .pre:hover{ background:#bdf4ff}

#bestSale{ width:150px; float:left; height:100%; overflow:hidden; margin-top:10px;}
#bestSale h4{ margin-bottom:10px; color:#922a8b}
#bestSale ul{ border: 1px dashed #d3a0d0;}
#bestSale li{ text-align:center; margin-bottom:10px; margin-top:10px; font-weight:bold; color:#666}
#bestSale li div{ border: 1px solid #eee; padding:5px; width:100px; height:150px;font-weight:bold; margin:auto}

.sizeTable {background-color:#eee; margin:10px 0; width:510px}
.sizeTable td {background-color:#fff; text-align:center; width:72px}
.sizeTable td.header {font-weight:bold}
.sizeTable td.measure {font-weight:bold; text-align:left}

.flazureTable {background-color:#eee; margin:10px 0; width:510px}
.flazureTable td {background-color:#fff; text-align:center; width:72px}
.flazureTable td.header {font-weight:bold}

/* Clear Fix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix {display: block;}
* html .clearfix { 	height: 1%;}
/* end Clear Fix*/