@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; background:#000; color:#fff;}
html{margin:0; padding:0;}
html, body{widt:100%; height:100%}
body, tr, td{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
a, a:link{text-decoration:none; color:#CCC;}
a:hover{text-decoration:none; color:#fe7d0b;}
p{margin:0; padding:0;}
img{border:none;}
h1 {font-size:18px;}
h3 {font-size:11px;}
.container{background:url(../images/bgcontainer.jpg) top left no-repeat; width:1000px; height:757px; margin:auto; padding-bottom:10px;}
.marginfill{margin:5px 28px 0px 48px; height:100%;}
.infobox, .infoboxok{padding:10px; display:block; font-weight:bold; }
.infobox{background:#F60; color:#900;}
.infoboxok{background:#333; color:#000000;}
.infobox img, .infoboxok img{float:left; padding:0px 10px 5px 0px; width:16px; height:16px;}
.rekuiret{color:#fe7d0b;}
#content-top{padding:20px;}
/*====================================header*/
.header{}
.header table {position:absolute; z-index:9999; background:url(../images/bgheader.png); height:119px;}
.logo{width:120px; float:left; overflow:hidden;}
.tdposlogin{font-size:14px; line-height:26px;}
/*====================================header menu*/
.headermenu{font-size:14px; line-height:20px; text-align:right;}
/*====================================header basket*/
.proceed{width:90px; height:85px; float:right;  margin:0px 10px;}
.green, greentxt{width:50px; height:20px; background:#CCC; color:#000; float:right; text-align:center; margin:20px 5px; padding:10px 0px;}
.greentxt{background:none; color:#ccc; width:50px; height:20px; float:right; text-align:center; margin:20px 5px; padding:10px 0px;}
.baginfo{margin-top:2px; text-align:right; display:block; font-size:16px;}
/*====================================contents*/
.containercontents{background:url(../images/bgcontents.png) top left no-repeat; width:1000px; height:570px; color:#000; float:left; position:relative; top:119px;}
.containercontents a{color:#000000;}
.leftcontainer{width:400px; margin-right:10px; float:left;}
.rightcontainer{width:590px; height:570px; float:left; font-size:14px; line-height:20px;}
.rightcontainer table{ line-height:normal;}
#righttext{margin:10px; height:550px;}
.poscontents{margin-top:0px; padding-bottom:10px; min-height:430px; float:left; width:924px;}
/*====================================contents shop category menu*/
.shopcategorymenu{}
/*====================================contents home*/
.posttitle{height:34px; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding-top:20px;}
/*====================================list collection*/
.newcoll{width:160px; margin-right:20px; margin-bottom:15px; float:left;}
.newcollimg{height:193px; overflow:hidden; border:1px solid #ccc;}
.newcollimgd2{position:relative; width:158px; height:193px; overflow:hidden;}
div.newcollimgd2 img {position:absolute; width:160px; height:196px; margin-bottom:auto; margin-left:-80px; margin-right:auto; margin-top:-98px; left:50%; top:50%;}
.newcolltxt{margin:7px 0;}
.newcolltxt p{max-height:54px; overflow:hidden; text-align:center;}
.newcolltxttitle{font-weight:bold;}
.newcolltxttitle h1{font-size:11px; margin:0 0 6px 0; padding:0; text-align:center;}
.newcolltxtsize{color:#FE7D0B; font-size:120%;}
.newcollimg:hover{border:1px solid #fe7d0b;}
.related{float:left; text-align:center;  margin-top:4px;}
.newcolltxt div p, .related div.newcolltxt{font-weight:bold;}
.newcolltxttitle a, .newcolltxt div p, .related div.newcolltxt a, .related div.newcolltxt{ color:#000;}
.newcolltxttitle a:hover, .related div.newcolltxt a:hover{color:#111;}

/*====================================contents home new collection*/
.homeshopnewcol{width:710px; float:left;}
.homenewcoll{width:210px; margin-right:20px; margin-bottom:30px; float:left;}
.homenewcollimg{height:250px; overflow:hidden; border:1px solid #ccc;}
.homenewcollimgd2{position:relative; width:208px; height:250px; overflow:hidden;}
div.homenewcollimgd2 img {position:absolute; width:210px; height:254px; margin-bottom:auto; margin-left:-105px; margin-right:auto; margin-top:-127px; left:50%; top:50%;}
.homenewcolltxt{margin-top:14px;}
.homenewcolltxt p{max-height:54px; overflow:hidden; text-align:center;}
.homenewcolltxttitle{font-weight:bold;}
.homenewcolltxttitle h1{font-size:11px; margin:0 0 6px 0; padding:0; text-align:center;}
.homenewcolltxtsize{color:#FE7D0B; font-size:120%;}
.homenewcollimg:hover{border:1px solid #fe7d0b;}

/*====================================contents home most visit*/
.shophomemostvisit{width:214px; float:left;}
.posmv{height:312px; overflow:hidden;}
.mvcontainer{height:80px; margin-bottom:24px;}

/*mvthum*/
.mvthum {height:78px; width:78px; float:left; overflow: hidden; margin-right:10px; border:1px solid #ccc;}
.mvthumd2{position:relative; width:78px; height:78px; overflow:hidden;}
div.mvthumd2 img {position:absolute; width:84px; height:100px; margin-bottom:auto; margin-left:-42px; margin-right:auto; margin-top:-50px; left:50%; top:50%;}
.mvshortdesc{float:left; width:124px; height:80px; overflow:hidden;}
.mvshortdescttl{font-weight:bold;}
.mvshortdescttl h1{font-size:11px; margin:0; padding:0;}
.mvprice{font-weight:bold; margin-top:2px; display:block;}
.mvsdes{max-height:40px; overflow:hidden;}/*dok add new 2889*/
.mvthum:hover{border:1px solid #fe7d0b;}
/*====================================contents detail*/
.detail{width:100%; float:left;}
.categoryttl{float:left; border-right:2px solid #fff; font-size:16px; font-weight:bold; padding:0px 20px 0px 0px; margin:16px 0px 0px 0px;}

.detailimg{float:left; width:350px; margin-right:20px; overflow:hidden;}
.detailimg1{float:left; width:350px; overflow:hidden;}
.detailimgd2{position:relative; height:411px; overflow:hidden;}
div.detailimgd2 img {position:absolute; width:350px; height:450px; margin-bottom:auto; margin-left:-175px; margin-right:auto; margin-top:-225px; left:50%; top:50%;}
.detailimgttl{width:350px; padding:0px;}
.detailimgttl h1{margin:0; padding:0; font-size:16px; color:#d5d5d5;}
.detailimgttl h1 span{color:#000000; padding:0 6px; font-size:11px; font-weight:normal;}
.detailimgttl td {padding:9px 0px;}
.detailimgttl td img{border:1px solid #333;}
.detailimgttl td a{cursor:pointer;}
.detailimgttl td a:hover img{border:1px solid #fe7d0b;}

.detailtxt{float:left; width:480px; margin-right:10px;}
.detailtxtttl{float:left; width:100%;}
.detailtxtttl h1{margin:0; padding:0; margin-top:15px; font-size:16px; color:#666;}
.detailtxtttl h1 span{color:#000000; padding:0 6px; font-size:11px; font-weight:normal;}
.detailtxtdesc{float:left; margin-top:20px; line-height:18px;}
.colorprod, .washdet, .posatbform {float:left; margin-top:20px; width:100%;}
.pricedet{float:left; width:40%;}
.sizedet{float:left; width:60%;}
.colorprod h1, .pricedet h1, .sizedet h1, .washdet h1, h1.afterlogin{margin:0; padding:0; font-size:16px; color:#666;}
.pricedet h1, .sizedet h1{float:left; margin-top:8px;}
.price, .size{color: #fe7d0b; float:left; margin-left:10px;}
.price, .size{font-size:150%;margin-top:6px;}
.washicon{float:left; margin-right:20px; padding-top:6px;}
fieldset { border:1px #dddddd solid; padding-top:6px; }
fieldset legend { border:1px #dddddd solid; font-size:16px; padding:2px 5px 2px 5px; }
.posatbform span{color:#444; font-size:12px; padding-left:4px; font-weight:bold;}

.colorimg {height:50px; width:50px; float:left; overflow: hidden; margin-right:10px; margin-top:10px; border:1px solid #ccc;}
.colorimgd2{position:relative; width:50px; height:50px; overflow:hidden;}
div.colorimgd2 img {position:absolute; width:384px; height:464px; margin-bottom:auto; margin-left:-192px; margin-right:auto; margin-top:-232px; left:50%; top:50%;}
.colorimg:hover, .colorimg:active, div.dlimgd2:hover{border:1px solid #fe7d0b;}

.colorimgthum {height:100px; width:83px; float:left; overflow: hidden; margin-right:10px; margin-top:10px;}
.colorimgthumd2{position:relative; height:100px; overflow:hidden;}
div.colorimgthumd2 img {position:absolute; width:84px; height:100px; margin-bottom:auto; margin-left:-42px; margin-right:auto; margin-top:-50px; left:50%; top:50%;}

.detaillist{width:140px; float:left;}

.paging{padding:10px 0px 10px 0px; height:10px; border-top:1px solid #666; border-bottom:1px solid #666; text-align:right;}

.detailaddto{border-top:2px solid #fff; border-bottom:2px solid #fff; margin-top:20px; height:105px; float:left; width:100%; font-size:13px;}
.posrefer{float:left; width:324px; line-height:20px; height:100%; margin:20px 20px auto auto;}
.posrefer a{font-weight:bold;}
.bgtb{background:#d6d4d4; display:block; height:31px; margin-top:20px; padding-top:5px; padding-right:4px;}
.buttone{border:1px solid #444; background:#d6d4d4; font-size:12px; color:#444; font-weight:bold; padding-top:2px; cursor:pointer; padding-bottom:2px;}
.buttone:hover{border:1px solid #fe7d0b; background:#000; color:#CCC; font-weight:bold; padding-top:2px; cursor:pointer; padding-bottom:2px;}

.breadcrumb {padding-left:20px;font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px;}
.breadcrumb a {color:#FFFFFF;}
.breadcrumb a.liact {color:#fe7d0b;}
/*====================================footer*/
.containerfooter{background:url(../images/bgfooter.png); width:1000px; height:78px; float:left; line-height:18px; float:left; position:relative; top:119px; }
.containerfooter .liact {color:#FE7D0B;}
.nwl{float:left; margin-top:20px; font-size:12px; color:#444;}
.nwl span{font-weight:bold;}
.nwl form{margin:0; padding:6px 0;}
.nwl button{font-size:12px; font-weight:bold; color:#FFFFFF; border:none; background:#666; letter-spacing:2px; cursor:pointer; margin-left:3px; padding:2px;}
.nwl input{background:#666; color:#fff; border:none; padding:3px;}
.nwl input.tarea{width:250px;}
.rddmnu{width:1000px; top:119px; padding:10px 0; font-size:10px; float:left; display:block; position:relative;}

/*=================use in cart*/
.cart-table, .profile-table{border-top:1px dotted #ddd; border-left:1px dotted #ddd; background:url(../images/bgcontents.png);}
.cart-table td, .profile-table td, .signup-table td{padding:3px;}
.table-heading td{padding-top:6px; padding-bottom:6px; font-weight:bold; font-size:12px; background:#999; text-transform:uppercase;}
.carttr:hover{background:#CCC;}
.carttotaltr td{font-size:12px; font-weight:bold;}
.carttr td, .profile-table td, .table-heading td, .carttotaltr td{border-bottom:1px dotted #ddd; border-right:1px dotted #ddd;}
.profile-table td, .signup-table td{padding-right:20px;}
.profile-table td.ptbldot2, .signup-table td.ptbldot2, .cart-table td.ptbldot2{background:url(../images/typo/dot2.png) top right no-repeat; border-right:none; font-weight:bold;}
.titlecart{font-size:12px; padding:20px 0px 10px 0px; font-weight:bold;}
.titlepagecart{padding:10px; margin:10px; display:block; background:#333333; text-align:center; font-size:16px; letter-spacing:1px; font-weight:bold;}
.signup-table td.ptbldot2 span{color:#FE7D0B;}
.titlecart a {font-size:10px; color:#000000; font-weight:normal;background:url(../images/bgcontents.png); padding:2px;}
.titlecart a:hover {color:#fe7d0b; text-decoration:underline;}

.forgetpsw, .logincreate{background:none; border:none; color:#ccc; cursor:pointer; padding-left:0px; text-align:left;}
.forgetpsw:hover, .logincreate:hover {background:none; border:none; color:#FE7D0B; cursor:pointer;}
.logincreate{ font-size:16px; font-weight:bold; padding-top:10px;}
.forgetpsw{font-size:11px; padding-top:4px;}

.tdwithpaging{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0px;}
.posttitlenpaging{font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:2px; float:left;}
.pagingntitle{text-align:right; float:right; padding-top:3px; font-size:12px;}
.onthebag{font-weight:bold; padding:0px 4px; background:#CCC; color:#000;}
.rounded {color:#FFFFFF;}
.rounded2 {padding:0px 6px 6px 6px;}