@charset "utf-8";
/* universal style */
*{margin:0; padding:0;outline:0;}

/* clearing floated element height */
.clear-float{font-size:0; height:0; overflow:hidden; clear:both;}

/* body and html style */
p{margin-bottom:14px; line-height:15px}
/*body{background:#e3e4e5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#454649; margin-top:2px;}*/
body{background:#B4B4B3 ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#454649; margin-top:2px;}
a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}
/*#wrapper{width:960px;margin:0 auto; }*/
#wrapper{width:960px;margin:0 auto; background:#B4B4B3 url(../images/bg-main01.gif) repeat-y center top;}

/*#header {width:923px; height:82px; margin:0 auto; position:relative; background:url(../images/header-bg.gif) no-repeat left top;}*/
#header {width:923px; height:82px; margin:0 auto; position:relative; background:url(../images/header-bg.gif) no-repeat left top;
border-top:0px solid #A9A9A7;}

#header h1{left:1px; position:absolute; top:-7px;}
#header h1 img {border:0;}

#topMenu{position:absolute; top:31px; /*left:75px;*/ right:0px;}
#topMenu ul{list-style:none;  padding:0 0 0 0;}
#topMenu ul li{float:left; padding:0 5px 0 5px; font-size:10px; color:#333133; background: url(../images/divider-top.gif) no-repeat right 1px;}
#topMenu ul li a{font-size:10px; color:#333133; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topMenu ul li a:hover{text-decoration:none; color:#626365;}
#topMenu ul li img{margin:0 2px 0 0;}
#topMenu ul li.red a{color:#be2e26; }
#topMenu ul li.red a:hover{color:#dd6761;}
#topMenu ul li.last-child{ background:none;}
.search{width:120px; position:absolute; bottom:0; right:29px;}
.search label{font-size:9px; color:#646568; margin:0 0 3px 0;}
.search input{width:112px; height:12px; border: solid 1px #8f9094; background:#dbdbe2; font-style: italic; font-size:9px; color:#88898d; text-align:center;}

#topMenu2{position:absolute; bottom:0px; right:402px;}
#topMenu2 ul{list-style:none; padding:0 0 0 0;border-right: solid 1px #8f9195; border-top: solid 1px #8f9195; display:inline-block; overflow:hidden; display:inline-block; float:left;}
#topMenu2 ul li{float:left; padding:3px 5px 3px 5px; font-size:10px; color:#333133; font-size:12px; border-left:solid 1px #8f9094;}
#topMenu2 ul li a{font-size:12px; color:#333133; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topMenu2 ul li a:hover{text-decoration:none; color:#626365;}
#topMenu2 ul li img{margin:0 2px 0 0;}
#topMenu2 ul li.red a{color:#be2e26; text-transform:uppercase;}
#topMenu2 ul li.red a:hover{color:#dd6761;}
#topMenu2 ul li.last-child{background:none;}

#topMenu3{width:370px; position:absolute; bottom:1px; right:0px;}
#topMenu3 ul{list-style:none; padding:0 0 0 0;}
#topMenu3 ul li{float:left; padding:0 10px 0 10px; font-size:10px; color:#333133; background: url(../images/divider-top.gif) no-repeat right 1px;}
#topMenu3 ul li a{font-size:10px; color:#333133; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}
#topMenu3 ul li a:hover{text-decoration:none; color:#626365;}
#topMenu3 ul li.last-child{background:none;}

/*#main{width:923px; margin:0 auto; background:url(../images/bg-main.gif) repeat-y left top; padding-top:10px; }*/
#main{width:923px; margin:0 auto;background:url(../images/bg-footer.gif) no-repeat center bottom; padding:10px 18px 0 18px; }

#leftArea{float:left; width:160px; padding:10px 0 0 20px;}
#leftMenu{width:160px; padding:0 0 0 0px;}
#leftMenu h3{font-size:12px; color:#414142; font-weight:normal; padding:0 0 0px 0; border-bottom:solid 1px #414142; display: inline!important;}
#leftMenu h3 a{font-size:12px; color:#414142; text-decoration:none; font-weight:normal;}
#leftMenu ul{ list-style:none; padding:4px 0 16px 10px}
#leftMenu ul li{font-size:10px; padding:0 0 2px 0;}
#leftMenu ul li a{font-size:10px; text-decoration:none; color:#000; text-transform:uppercase;}
#leftMenu ul li a:hover{color:#BE2E26;}
#leftMenu ul li a.active{color:#BE2E26;}
#leftMenu ul li.red a{color:#be2e26; text-transform:uppercase; }
#leftMenu ul li.red a:hover{color:#dd6761;}
#leftMenu ul li ul{padding:0 0 0 13px}
#leftArea h3{font-size:12px; color:#414142; font-weight:normal; padding:0 0 0px 0; margin-bottom:3px; border-bottom:solid 1px #414142; display: inline}
#leftArea p{font-size:10px; margin-bottom:5px}
#leftArea p.secure{margin-top:30px}
#leftArea p.paypalTxt{padding-top:4px}

#contentArea{float:left; width:700px; padding:0 0px 0 20px}
#contentArea .topRow-01{width:700px}
#contentArea .topRow-01 .left{float:left;
width:380px;}
#contentArea .topRow-01 .left label{float:left; margin-top:10px}
#contentArea .topRow-01 .left input{float:left; width:93px; margin:10px 0 0 10px; height:10px; border: solid 1px #95979a; font-size:9px; color:#88898d; text-align:center; font-style:italic; padding-bottom:2px}
#contentArea .topRow-01 .left select{border:1px solid #95979A;
color:#88898D;
float:left;
font-size:9px;
font-style:italic;
height:17px;
margin:10px 0 0 10px;
padding-bottom:0;
text-align:left;
width:127px;}
#contentArea .topRow-01 .mid{float:left;
width:184px;}
#contentArea .topRow-01 .mid p{margin:0; text-align:right; font-size:11px;}
#contentArea .topRow-01 .mid p.red{margin:0; text-align:right; font-size:13px; color:#BE2E26; text-transform:uppercase}
#contentArea .topRow-01 .mid p.red a{color:#BE2E26; text-decoration:none;}
#contentArea .topRow-01 .mid p.red a:hover{color:#dd6761; text-decoration:none;}
#contentArea .topRow-01 .right{width:124px;float: right; text-align: right; }
#contentArea .topRow-01 .right p{ margin:0; text-align:right; font-size:11px}
#contentArea .topRow-01 .right p.cart{border-bottom:solid 1px #8d8e93; padding-bottom:4px; display:block; width:79px; margin:0 0 4px 42px}
#contentArea .topRow-01 .right p.cart a{color:#454649; text-decoration:none}
#contentArea .topRow-01 .right p.cart a:hover{color:#626365;}
#contentArea .topRow-01 .right p.cart img{margin-left:15px}
#slideShow{width:704px; height:auto; margin:5px 0 15px 0;  /*border: solid 3px #961c22;*/}
#contentArea .middleRow-01{width:auto; padding:10px 0 0px 0}
#contentArea .middleRow-01 ul{list-style:none; overflow:hidden; padding-bottom:25px;}
#contentArea .middleRow-01 ul li{float:left; width:190px; border:solid 1px #a1a3a6; height:88px; margin-bottom:25px}
#contentArea .middleRow-01 ul li h3{ font-size:12px; color:#58595B; border-bottom:solid 1px #7a1820; font-weight:normal; padding:0 0 2px 0; margin:0 0 5px 0; display:inline-block;}
#contentArea .middleRow-01 ul li p{ margin:0; font-size:11px; line-height:14px}
#contentArea .middleRow-01 ul li p a{ font-size:11px; color:#58595B; text-decoration:underline;}

#contentArea .middleRow-01 ul li.first-child{margin-right:58px;}
#contentArea .middleRow-01 ul li.first-child div.left{width:57px; height:89px; float:left}
#contentArea .middleRow-01 ul li.first-child div.left img{ display:block; margin:0 auto}
#contentArea .middleRow-01 ul li.first-child div.right{width:123px; float:right; padding:15px 5px 0 0; text-align:right; background:#73816c; height:73px;}
#contentArea .middleRow-01 ul li.first-child div.right p{ color:#fff}

#contentArea .middleRow-01 ul li.second-child{margin-right:58px;}
#contentArea .middleRow-01 ul li.second-child div.left{width:57px; height:89px; float:left;  background:url(../images/asap-bg.jpg) no-repeat left top;}
#contentArea .middleRow-01 ul li.second-child div.left p{font-size:18px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-weight:normal; margin:0; padding:10px 0 0 0; line-height:24px}
#contentArea .middleRow-01 ul li.second-child div.left img{ display:block; margin:0 auto}
#contentArea .middleRow-01 ul li.second-child div.right{width:110px; float:right; padding:15px 10px 0 0; text-align:right}

#contentArea .middleRow-01 ul li.third-child{  background:url(../images/sale-bg-01.jpg) #B9D77D no-repeat right top;}
#contentArea .middleRow-01 ul li.third-child div.left{width:100px; height:74px; float:left;padding:15px 0px 0 10px;}
#contentArea .middleRow-01 ul li.third-child div.left img{ display:block; margin:0 auto}
#contentArea .middleRow-01 ul li.third-child div.right{width:70px; float:right; padding:0px 0px 0 0; text-align:right}

#contentArea .middleRow-01 ul li.fourth-child{margin-right:58px; margin-bottom:0;_ margin-bottom:25px; background:#5971b6}
#contentArea .middleRow-01 ul li.fourth-child h3{ color:#fff}
#contentArea .middleRow-01 ul li.fourth-child div.left p{ color:#fff}
#contentArea .middleRow-01 ul li.fourth-child div.left{width:110px; height:74px; float:left;padding:15px 0px 0 10px; }
#contentArea .middleRow-01 ul li.fourth-child div.right img{ display:block; margin:0 auto}
#contentArea .middleRow-01 ul li.fourth-child div.right{width:57px; float:right; padding:0px 5px 0 0; text-align:right; border-left:solid 1px #a1a3a6; margin-top:5px;}
#contentArea .middleRow-01 ul li.fourth-child div.right p{font-size:17px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#7A1820; text-align:center; font-weight:bold; margin:0; padding:0px 0 0 0; line-height:20px}

#contentArea .middleRow-01 ul li.fifth-child{margin-right:58px; margin-bottom:0; _ margin-bottom:25px;  background:url(../images/meter.jpg) no-repeat right bottom;}
#contentArea .middleRow-01 ul li.fifth-child div.left{width:179px; height:74px; float:left;padding:5px 0px 0 10px;}

#contentArea .middleRow-01 ul li.sixth-child{ margin-bottom:0;_ margin-bottom:25px;}
#contentArea .middleRow-01 ul li.sixth-child div.left{width:57px; height:89px; float:left}
#contentArea .middleRow-01 ul li.sixth-child div.left img{display:block; margin:0 auto}
#contentArea .middleRow-01 ul li.sixth-child div.right{width:123px; float:right; padding:15px 5px 0 0; text-align:right}

#contentArea h2{font-size:11px; color:#454649; border-bottom: solid 1px #a7a9ac; font-weight:normal; display: inline; padding:0 0 1px 0; float:left}
#contentArea p{ clear:both;}
/*#footer{ width:auto; margin:0 auto;  height:90px; border-bottom: solid 2px #dbdbe2; margin-bottom:20px}*/
#footer{ width:auto; margin:0 auto;  height:90px;  margin-bottom:20px;}

#footer ul{ list-style:none; text-align:center; padding:18px 0 0 168px}
#footer ul li{display:inline; padding:0 11px 0 7px; background: url(../images/footer-divider.gif) no-repeat right 2px;}
#footer ul li a{ font-size:11px; color:#4D4D4F}
#footer ul li.last-child{ background:none!important}
.shorting{ height:20px; width:auto; background:#dbdbe2; margin-bottom:15px}
.shorting label{ float:left; margin:3px 10px 0 5px}
.shorting input{ float:left; border:1px solid #95979A; color:#88898D; float:left; font-size:9px; font-style:italic; height:10px;margin:3px 109px 0 0px; padding-bottom:2px;text-align:center;width:93px; background:#dbdbe2}
.shorting select{ float:left; border:1px solid #95979A;color:#88898D;float:left;font-size:9px;font-style:italic;height:15px;margin:2px 5px 0 0px;padding-bottom:0px;text-align:center;width:93px; background:#dbdbe2}
.shorting ul{ list-style:none; float:right; padding:2px 0 0 0}
.shorting ul li{ float:left; padding:0 10px 0 10px; background:url(../images/divider-shorting.gif) no-repeat right 2px;font-size:11px; color:#646568; text-decoration:none;}
.shorting ul li a{ font-size:11px; color:#646568; text-decoration:none;}
.shorting ul li a:hover{ color:#9a9b9e;}
.shorting ul li.last-child{ background:none!important;}

#contentArea .detailMenu{width:auto;}
#contentArea .detailMenu ul{list-style:none; padding:3px 0 0 0; display:block; height:30px}
#contentArea .detailMenu ul li{ font-size:11px; float:left; background:url(../images/divider-shorting.gif) no-repeat right 2px; padding:0 10px 0 10px; margin:0; height:30px;}
#contentArea .detailMenu ul li img{ margin-right:3px; border:none;}
#contentArea .detailMenu ul li a{ font-size:11px; text-decoration:none}
#contentArea .detailMenu ul li a:hover{ text-decoration:none; color:#949698}
#contentArea .detailMenu ul li.last-child{ background:none;}


#contentArea .productListing{width:auto;}
#contentArea .productListing ul{list-style:none;}
#contentArea .productListing ul li{float:left; margin:0 81px 0px 0; padding:0 0 0 0; height:272px; width:114px}
#contentArea .productListing ul li div{width:114px; height:165px; border:solid 1px #808284; margin:0 0 10px 0; position:relative; overflow:hidden}
#contentArea .productListing ul li div img{ border:0; display:block; margin:0 auto}
#contentArea .productListing ul li img.tag{ position:absolute; right:0; top:-1px; border:0;}
#contentArea .productListing ul li span{display:block; margin-bottom:2px;}
#contentArea .productListing ul li span a{ color:#454649; text-decoration:none}
#contentArea .productListing ul li span a:hover{ color:#949698; text-decoration:none}
#contentArea .productListing ul li span.price{color:#be2d26; margin-top:10px}
#contentArea .productListing ul li span.price a{ color:#be2d26; text-decoration:none}
#contentArea .productListing ul li span.price a:hover{ color:#db443c; text-decoration:none}
#contentArea .productListing ul li.last-child{margin-right:0;}


#contentArea .productDetail{width:auto; padding-bottom:30px}
#contentArea .productDetail .detailMenu{width:auto;}
#contentArea .productDetail .detailMenu ul{list-style:none; padding:3px 0 0 0; display:block; height:30px}
#contentArea .productDetail .detailMenu ul li{ font-size:11px; float:left; background:url(../images/divider-shorting.gif) no-repeat right 2px; padding:0 10px 0 10px}
#contentArea .productDetail .detailMenu ul li img{ margin-right:3px}
#contentArea .productDetail .detailMenu ul li a{ font-size:11px; text-decoration:none}
#contentArea .productDetail .detailMenu ul li a:hover{ text-decoration:none; color:#949698}
#contentArea .productDetail .detailMenu ul li.last-child{ background:none;} 
#contentArea .productDetail .detail-content{ width:auto; display:block}
#contentArea .productDetail .detail-content .left{ width:289px; float:left;}
#contentArea .productDetail .detail-content .left img{ display:block; margin:0 auto}
#contentArea .productDetail .detail-content .left .bigImg{position:relative; width:211px; padding-bottom:30px; margin:0 auto}
#contentArea .productDetail .detail-content .left .bigImg img.zoom{ position:absolute; right:3px; bottom:10px; border:0}
#contentArea .productDetail .detail-content .left .colorCode{width:211px; margin:0 auto}
#contentArea .productDetail .detail-content .left .colorCode ul{ list-style:none;}
#contentArea .productDetail .detail-content .left .colorCode ul li{float:left; margin:0 10px 10px 0; width:61px; border:solid 1px #aaabb3; height:58px; padding:0; background-image:none; position:relative;}
#contentArea .productDetail .detail-content .left .colorCode ul li span{ position:absolute; right:0; bottom:0; color:#FFFFFF; display:inline; font-size:8px}
#contentArea .productDetail .detail-content .left .colorCode ul li.last-child{ margin-right:0}

#contentArea .productDetail .detail-content .right{width:406px; float:right; margin-right:12px }
.tabs-container{ padding:25px 20px 0px 25px}
.tabs-container .tabRow-01{ width:auto; background:url(../images/tab-line.gif) repeat-y left top; padding-bottom:25px}
.tabs-container .tabRow-01 .leftTabArea{ width:175px; float:left; padding:0 5px 0 0}
.tabs-container .tabRow-01 .rightTabArea{ width:140px; float:right; padding:0 7px 0 20px}
.tabs-container .tabRow-01 .rightTabArea p{ text-align:center }
.tabs-container .tabRow-01 .rightTabArea ul{ list-style:none; display:block; width:135px; margin:0 auto; padding-top:10px}
.tabs-container .tabRow-01 .rightTabArea li{ height:86px; width:90px;  display:block; margin:0 auto;margin-bottom:10px;}
.tabs-container .tabRow-01 .rightTabArea li p img{ margin:0 0 0 5px}
.tabs-container .tabRow-01 .rightTabArea li p { margin:0; text-align:left!important}
.tabs-container .bottomRow-01{ width:auto;  padding:15px 0 20px 0}

.tabs-container .bottomRow-01 input{
border:1px solid #95979A;
color:#88898D;

font-size:9px;
font-style:italic;
height:10px;
margin:10px 0 14px 0px;
padding-bottom:2px;
text-align:center;
width:93px; display:block;
}
.tabs-container .bottomRow-01 select{
border:1px solid #95979A;
color:#88898D;
font-size:9px;
font-style:italic;
height:15px;
margin:10px 0 14px 0px;
padding-bottom:0px;
text-align:left;
width:93px;
display:block;
}

.tabs-container .bottomRow-01 input.qty{ width:25px}
.tabs-container .bottomRow-01 label{ float:left; margin-right:15px; font-size:11px; font-style:italic; color:#a1a2a4}
.tabs-container .lastRow-01{ width:auto;}
.tabs-container .lastRow-01 p{ font-size:10px;}
.tabs-container .lastRow-01 p input{width:11px; height:17px; border:none; }
.tabs-container .lastRow-01 p a{ font-size:10px}
.tabs-container .lastRow-01 ul{ list-style:none;}
.tabs-container .lastRow-01 ul li{ float:left; margin:0 20px 0 0; height:30px; padding:0 0 0 0}
.tabs-container .lastRow-01 ul li img{ float:left; margin:0 10px 0 0; position:relative; top:-3px}
#fragment-2{ padding-bottom:20px}
input.btn11{background:url(../images/bag.gif)no-repeat  left top; border: none!important; height:17px!important; width:11px!important; cursor:pointer; display:inline!important;}


#popup{
position:absolute; 
bottom:80px;
right:10px;
height:250px;
width:200px;
display:none;
border:solid black thin; 
background:#FFFFFF;
}