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

* { margin: 0; padding: 0; }
body { background: #efefef; font-size: 12px; color: #686868; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;  }
#page { width: 960px; margin: 0 auto; }
a { color: #747474; text-decoration: none; }
p { margin-bottom: 10px; color: #686868 }
p strong { margin-bottom: 10px; color: #754d2a }
p strong a { margin-bottom: 10px; color: #754d2a }
.sub-content { margin-bottom: 10px; margin-left:20px; color: #747474; }
.sub-content strong { color: #747474; }

h1 { font-size: 22px; font-weight: normal; color: #754d2a; margin-bottom: 10px; }
img { border: none; }
.brd { border: 1px solid #000; }
.clear { clear: left; margin-bottom: 10px; }
.main { width: 960px; float: left; display: inline; background: #FFF; margin-top: 20px; }
.header { width: 100%; float: left; display: inline; height: 126px; background: #fff; margin-top: 0px; }
.header .logo { width: 161px; height: 91px; margin: 10px; float: left; }
.header .rightcol { width: 769px; float: left; } 
.header .rightcol .login { text-align: right; margin: 10px 0 0 10px; height: 20px;}
.header .rightcol .shopping {text-align: right; margin: 70px 0 0 10px; height: 20px; font-size: 14px; color: #754d2a; }
.header .rightcol .shopping a { color: #754d2a; }
.header .rightcol .shopping span { color: #000; font-size: 14px;  }

#menu { width: 100%; float: left; display: inline; height: 28px; background: #754d2a; }
#menu ul { width: 940px; float: left; margin-left: 20px; }
#menu ul li { float: left; list-style: none; line-height: 28px; padding: 0 16px 0 16px; font-size: 16px; }
#menu ul li a { color: #FFF; text-decoration: none;  }
#menu ul li.selected { background: #c9b7a3; }
#menu ul li.selected a { color: #754d2a; }

.banner { width: 100%; float: left; margin-top: 0px; }

.container { width: 910px; float: left; margin: 25px 0 0 25px; padding-bottom: 25px; }
.container .col1 { width: 315px; float: left; }
.container .col2 { width: 220px; float: left; margin-left: 50px; }
.container .col2 ul { width: 100%; float: left; }
.container .col2 ul li { background: url(/images/dot.gif) no-repeat left; padding-left: 15px; list-style: none; line-height: 18px; }
.container .col3 { width: 320px; float: left; }
.container .col3 strong { color: #754d2a; }

.main .footer { width: 910px; float: left; border-top: 2px solid #754e2d; margin: 48px 0 0 25px; color: #686868; padding: 3px 0 20px 0; }
.main .footer p {  }

.sidebar { width: 209px; min-height: 500px; float: left;  }
.sidebar ul { float: left; }
.sidebar ul li { float: left; padding-left: 25px; line-height: 30px; list-style: none; width: 210px; }
.sidebar ul li.selected { background: url(/images/dot.gif) no-repeat left;}
.sidebar ul li.selected a { color: #754d2a; }

.collection { margin-top: 10px; float: left; padding-left:25px; }
.collection h2 { font-size: 17px; font-weight: normal; color: #754d2a; margin-bottom: 5px; }
.collection select { font-size: 11px; font-weight: normal; color: #754d2a; margin-bottom: 5px; }

.main_container {width: 698px; float: left; border-left: 1px solid #dcd2c9; padding-bottom: 20px; }

.content { width: 699px; float: left; display: inline; border-bottom:1px solid #dcd2c9; padding-bottom: 20px; }
.content .text { width: 655px; float: left; display: inline; margin: 20px 0 0 40px; }
.content .text .text_box { width: 575px; float: left; }
.content .text .price { width: 65px; float: left; margin-left: 15px; font-weight: bold; }
.content .text .product_detail { width: 370px; float: left; }
.content .text .product_pic { width: 285px; float: left; text-align: center; }
.content .text .product_detail .desc { width: 100%; min-height: 200px; }
.content .text .product_detail .price { width: 100%; height: 100px; font-size: 18px; text-align: center; margin: 0; color: #000; }
.content .text .product_detail .price input { margin-top: 10px; }
.content .text .product_detail .price img { padding-top: 10px; }

.content .text .text_box_textonly { width: 640px; float: left; }
.content .text .text_box_textonly img { padding-left: 10px; }

.form_div { width: 300px; float: left; display: inline; }
.form_div span.info { width: 100px; float: left;display: block; margin-top: 3px;}
.form_div span.details { width: 200px; float: left;display: block; margin-top: 3px; }
.form_div span.details input { width: 180px; border: none; background: #e7e7e9; height: 19px; }
.form_div span.details textarea { width: 180px; border: none; background: #e7e7e9; }
.btn_div { width: 100px; float: left; margin-top: 40px; }


.register_div { width: 350px; float: left; display: inline; }
.register_div h1 { width: 320px; float: left; border-bottom: 2px solid #744c29; padding-bottom: 10px; }
.register_div .row { width: 100%; float: left; margin-bottom: 5px; }
.register_div span.info { width: 120px; float: left;display: block; margin-top: 5px;}
.register_div span.details { width: 220px; float: left;display: block; margin-top: 5px; }
.register_div span.details input { width: 200px; border: none; background: #e7e7e9; height: 19px;}
.register_div span.details textarea { width: 200px; border: none; background: #e7e7e9; }
.register_div #country { width: 200px; border: none; background: #e7e7e9;}

.login_div { width: 300px; float: left; display: inline; }
.login_div h1 { width: 320px; float: left; border-bottom: 2px solid #744c29; padding-bottom: 10px; }
.login_div .row { width: 100%; float: left; margin-bottom: 5px; }
.login_div span.info { width: 100px; float: left;display: block; margin-top: 5px;}
.login_div span.details { width: 200px; float: left;display: block; margin-top: 5px; }
.login_div span.details input { width: 180px; border: none; background: #e7e7e9;  height: 19px;}
.login_div span.details textarea { width: 180px; border: none; background: #e7e7e9; }

ul.paging { width: 100%; float: left; padding-left: 20px; margin-top:5px}
ul.paging li { padding: 0; clear: inherit; float: left; margin-left: 5px; height: 20px; width: 20px; list-style: none;  }
ul.paging li a { color: #FFF; height: 20px; width: 20px; line-height: 20px; text-align: center; background: #9e7f63; display: block; }
ul.paging li.selected a { color: #FFF; background: #744c29;  }

ul.products { float: left;}
ul.products li { width: 125px; text-align: center; float: left; margin-right: 38px; list-style: none; }
ul.products li a.img { width: 120px; height: 160px; display: block; float: left; }
ul.products li span { font-size: 11px; }

.page { float: right; margin-top: 10px; }
img.brand { float: left; margin: 20px; }

.breadcrumb { margin-bottom: 10px;}
.shop { width: 699px; float: left; display: inline; border-bottom:1px solid #dcd2c9; padding-bottom: 20px; }
.shop h1.head {  margin: 20px 0 0 40px; }
.shop span { padding: 3px 0; }
.shop span.title { width: 200px; float: left; margin-left: 40px; display: block; line-height: 18px; }
.shop span.title-header { width: 200px; float: left; margin-left: 40px; display: block; line-height: 26px; }
.shop span.unit { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop span.quantity { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop span.total { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop span.remove { width: 70px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop span.discount { width: 90px; float: left; margin-left: 0px; display: block; text-align: center; font-size: 10px; font-eight: bold; line-height: 26px; }
.shop .heading { width: 100%; float: left; height: 22px; margin-top: 10px; }
.shop .list { width: 100%; float: left; min-height: 28px; background: #f2efea; border-top: 1px solid #d6c8bd; }

.shop .previous-order { width: 100%; float: left; height: 22px; margin-top: 10px; }
.shop .previous-order span.ref { width: 200px; float: left; margin-left: 40px; display: block; line-height: 26px; }
.shop .previous-order span.ordered { width: 160px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop .previous-order span.total { width: 160px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }

.shop .previous-order-list { width: 100%; float: left; min-height: 28px; background: #f2efea; border-top: 1px solid #d6c8bd; }
.shop .previous-order-list span.ref { width: 200px; float: left; margin-left: 40px; display: block; line-height: 26px; }
.shop .previous-order-list span.ordered { width: 160px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop .previous-order-list span.total { width: 160px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }

.shop .previous-order-list-product span.title { width: 200px; float: left; margin-left: 20px; display: block; line-height: 26px; }
.shop .previous-order-list-product span.unit { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop .previous-order-list-product span.quantity { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop .previous-order-list-product span.total { width: 100px; float: left; margin-left: 20px; display: block; text-align: center; line-height: 26px; }
.shop .previous-order-list-product-list { width: 100%; float: left; min-height: 28px; background: #fff; border-top: 1px solid #d6c8bd; }

.previous-order-list-product { margin-left: 40px; line-height: 26px;}

.decrease { height: 17px; width: 17px; margin: 0px; text-align: center; background: #9e7f63; padding: 0; float: left;}
.decrease a { color: #FFF; }
.quantity-value { float: left;}
.shop .list .remove img { margin-top: 2px;}

.shop .subtotal { width: 470px; float: left; margin-top: 60px; text-align: right; font-weight: bold; }
.shop .btn { width: 80px; float: left; margin: 52px 0 0 20px; text-align: right; }
.shop .total_cost { width: 100%; float: left;  border-bottom:1px solid #dcd2c9; padding: 20px 0 20px 0; }
.shop .total_cost span.item { width: 80px; float: left; display: block; margin-left: 450px; text-align: right; height: 20px; }
.shop .total_cost span.value { width: 60px; float: left; display: block; margin-left: 20px; text-align: right; height: 20px; font-weight: bold; font-size: 14px; }

.validation-error {
	display: none;
	border: 0px solid #FF0000;
	padding: 5px 10px 5px 10px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	width: auto;
	color: #744c29;
}
.validation {
	background-color: #fff;
	border: 2px solid #FF0000;
}
.validation-star {
	display: none;
	color: #FF0000;
	clear:left;
	width:30px;
}

.submit { background: #754d2a; border: none; color: #ffffff; height: 22px; width: auto; margin: 0; padding: 0; font-size:13px; padding: 0 5px 0px 5px;}
.brown { color: #754d2a; font-weight: bold;}