@font-face{
font-family:'fontdl';
src: url('fonts/fontdl.eot');
src: url('fonts/fontdl.eot#iefix') format('embedded-opentype'),
     url('fonts/fontdl.woff') format('woff'),
     url('fonts/fontdl.ttf') format('truetype'),
     url('fonts/fontdl.svg') format('svg');
font-weight:normal;
font-style:normal;}

p{margin-bottom:10px;font:400 12px/15px Arial;color:#222;}
p a{color:#222;text-decoration:underline;}
.larger{display:block;float:left;width:100%;margin:10px 0;font:400 12px/16px Arial;color:#F00;}
.messageStackSuccess{color:rgb(0, 128, 0);}
.clear100{float:left;width:100%;height:100px;}
.full{float:left;width:100%;font:400 12px/16px Arial;color:#333;}
.required{font:700 14px/18px Arial;color:#751f39;vertical-align:super;}
.loadingbox{clear:both;width:100%;margin:50px 0;text-align:center;}

.butyellow{font:400 12px/16px "Helvetica";color:#FFF;cursor:pointer;}
.butyellow{border:1px solid #FF8C00;border-radius:3px;box-shadow:0px 1px 1px rgba(255, 255, 255, 0.3) inset, 0px 2px 5px rgba(0, 0, 0, 0.1);transition: all 0.2s ease 0s;background-color:#FF8C00;background-image:linear-gradient(to bottom,#FFA500,#FF8C00);}
.butyellow:hover{color:#FFF;text-decoration:none;}

.butblack{width:155px;height:32px;background-color:#242634;font:700 12px/32px Arial;color:#FFF;text-align:center;border:none;cursor:pointer;}

.btnwhite{padding:5px 10px;font:400 12px/16px "Helvetica";color:#222;border:1px solid #ccc;border-radius:3px;cursor:pointer;}
.btnwhite:hover{border-color:#222;background:#222;color:#FFF;text-decoration:none;}

.bagHeaderText{padding:20px 0;font:400 15px/15px Arial;color:#000;}
.bagHeaderText label{margin-right:8px;font-size:20px;font-weight:700;}

.tablist{color:#000;text-align:right;border-bottom:1px solid #CCC;}
.tablist th,.tablist td{border-top:1px solid #CCC;}
.tablist th{padding:15px 0;font-weight:700;text-transform:uppercase;}
.tablist td{width:17%;padding:30px 0;vertical-align:top;}
.tablist .img{width:145px;width:16%;text-align:left;}
.tablist .img img{height:150px;}
.tablist th:first-child,
.tablist .info{width:280px;width:33%;text-align:left;padding-right:5px;}
.tablist .info span{clear:both;display:block;margin-bottom:6px;}
.tablist .info .name{font-weight:700;}
.tablist .info label{color:#C3C3C3;}
.tablist del{clear:both;display:block;font:700 14px/25px Arial;color:#C3C3C3;}

#bagContent .tdqty{text-align:center;}
#bagContent .qty{text-align:center;}
#bagContent .qty{width:77px;margin:0 auto 15px;}
#bagContent .qty .fdl-plus,.qty .fdl-minus{float:left;width:18px;height:18px;padding-top:5px;font-size:12px;border:1px solid #CCC;background:#EFEFEF;text-align:center;cursor: pointer;}
#bagContent .qty .fdl-plus:hover,.qty .fdl-minus:hover{background:#DDD;}
#bagContent .qty .inputqty{float:left;width:35px;height:21px;font:700 12px/14px Arial;color:#666;border:1px solid #CCC;border-width:1px 0;text-align:center;}
#bagContent .qty a{clear:both;float:right;margin-top:12px;color:#666;text-decoration:underline;}
#bagContent .price{font-size:15px;}
#bagContent .total{padding-top:30px;text-align:right;}
#bagContent .total{font:400 16px/18px Arial;color:#000;}
#bagContent .total span{display:inline-block;width:155px;}
#bagContent .butyellow{clear:both;float:right;margin:20px 0 30px;padding:12px 40px;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;}
#bagContent .butyellow:hover{color:#FFF;text-decoration:none;}

#login{padding:20px 0;}
#login .column{float:left;width:33%;}
#login .column .title{margin-bottom:10px;}
#login .column .title span{font:700 17px/21px Arial;color:#000;}
#login .column p.text{margin-bottom:8px;font:700 10px/16px Arial;color:#808080;}
#login .column .butblack{float:left;margin:10px 0;}

.field{margin-bottom:8px;}
.field label{float:left;font-size:11px;position:relative;}
.field label span{width:100px;font-size:10px;color:#969BA8;position:absolute;left:80px;text-align:left;}
.field input,.field select{clear:both;float:left;width:160px;padding:4px;font:400 11px/14px Arial;color:#333;}
.field select{width:170px;cursor:pointer;}
.field .required{float:left;padding-left:4px;}
.subtitle{font:700 13px/18px Arial;}

.leftmenu{float:left;width:150px;margin-right:10px;padding:10px 10px 30px 20px;border:1px solid #CCC;}
.leftmenu .title{margin-bottom:14px;font:400 20px/25px Arial;color:#333;}
.leftmenu li{clear:both;float:left;margin:5px 0;}
.leftmenu a{color:#333;text-decoration:underline;}
.leftmenu a:hover{text-decoration:none;}

.message{float:left;width:600px;margin:0 0 15px 10px;font:700 12px/16px Arial;}

#shipping-info{margin:20px 0;}
#shipping-info .title,.orderinfo .title{float:left;width:100%;padding-bottom:6px;border-bottom:1px solid #CCC;font:700 18px/24px Arial;}
.orderinfo{float:left;width:270px;margin-right:10px;padding:10px;border:2px solid #CCC;overflow:hidden;color:#333;}
.orderinfo .product-list{padding:10px 0;border-bottom:1px solid #CCC;}
.orderinfo .product-list span{display:block;font:400 12px/20px Arial;}
.orderinfo .product-list label{color:#C3C3C3;padding-right:3px;}
.orderinfo .product-list img{float:left;height:90px;height:150px;}
.orderinfo .product-list .product-info{float:right;width:120px;}
.orderinfo .product-list .subTotal{font-weight:bold;color:#F25A5C;}
.orderinfo .product-list .subTotal label{color:#333;}
.orderinfo .total span,.orderinfo .subtotal span{float:left;}
.orderinfo .total span:last-child,.orderinfo .subtotal span:last-child{float:right;}
.orderinfo .total{padding:10px 0;font:700 16px/20px Arial;color:#333;}
.orderinfo .subtotal{padding-top:10px;font:400 13px/16px Arial;color:#333;}

.address,.newaddress{float:right;width:630px;padding:10px;border:2px solid #CCC;}
.address .title{margin-bottom:15px;}
.address .listbox{float:left;margin-bottom:10px;}
.address .listbox label{display:block;margin-bottom:3px;font-size:14px;color:#565656;}
.address .listbox p{display:block;padding-left:10px;margin-bottom:8px;line-height:20px;}
.address .listbox p strong{font-weight:bold;font-size:13px;}
.address .listbox p input{vertical-align:top;}
.address .butyellow,.newaddress .butyellow{clear:both;float:left;padding:5px 10px;text-decoration:none;}
.address .btnwhite{float:left;margin-left:20px;padding-bottom:6px;}

.newaddress{margin:20px 0;}
.newaddress .title{margin-bottom:8px;}
.newaddress .butyellow{margin:10px 0;}

#account{min-height:400px;margin:20px 0;color:#333;}
#account strong{font-weight:700;}
.account-wrap{float:right;width:750px;}
.account-wrap .title1{margin-bottom:14px;font:400 20px/25px Arial;}
.account-wrap .title2{font:400 15px/18px Arial;}
.tabOrder{margin:10px 0 20px;border:1px solid #CCC;border-top:none;text-align:center;}
.tabOrder th,.tabOrder td{padding:5px 0;border-top:1px solid #CCC;border-right:1px solid #CCC;}
.tabOrder .last{border-right:none;}
.tabOrder a{color:#333;text-decoration:underline;}
.tabOrder a:hover{text-decoration:none;}

#account #tabdetails{float:right;width:425px;margin-bottom:20px;padding:10px 0;border:2px solid #CCC;overflow:hidden;}
#account #tabdetails table{width:405px;margin:0 auto 10px;}
#account #tabdetails td:first-child{width:100px;}
#account #tabdetails .butyellow{float:right;margin-right:10px;padding:8px 30px;text-transform:uppercase;letter-spacing:1.5px;text-decoration:none;}

.account-wrap .butblack{float:left;width:100px;margin:10px 20px 10px 0;}
.account-wrap .not-find{font-weight:700;color:#B0171F;}

.address-book .title2{margin-bottom:5px;}
.address-book .addrlist{margin-bottom:15px;font:400 12px/18px Arial;}
.address-book .addrlist span{display:block;float:left;width:540px;}
.address-book .addrlist a{float:left;margin:0 0 5px 10px;}
.address-book .butyellow{float:left;padding:8px 30px;}