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



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

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

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  img, ul, li, fieldset, form, label, legend, table{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; text-align: left}
body{line-height: 1}
h6{ font-weight:normal;}

a{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none}

nav ul, li{list-style-type:none;padding:0;margin:0}


/* Commons */
body{font:  16px/20px 'Candara'; color:#666666;   font-style: normal;}
body, body *{-webkit-font-smoothing: antialiased; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
a, a:hover, a:active, a:focus, button, input, select, textarea{outline: none; text-decoration: none}
a{color:#000;}
a:hover{color: #000}
p{margin: 0 0 15px}
p.last{margin-bottom: 0}

.container{width: 1003px; margin: 0 auto; position: relative; clear:both;}

/* Clearfix */
.container:before, .container:after, #inner:before, #inner:after {content: ""; display: table}
.container:after, #inner:after{clear: both}
#top_left{ float:left; margin-top:20px;}
#top_right{ float:right; margin-top:20px;}
select.price{ border:0; width:58px;float:left; margin-right:30px;font-family: 'Candara';font-weight: 100; font-size:12px; margin-top:3px;}
#top_left a, #top_right a{ color:#666666;}

#top_right a{ float: left; margin-left:30px;}
#top_right a#wish{ background:url(images/like.jpg) no-repeat; background-position:0 5px; padding-left:20px;}
#top_right a#cart{ background:url(images/cart.jpg) no-repeat; background-position:0 5px; padding-left:20px;}

.outer{ background:url(images/bg.jpg) repeat; padding:40px 0 49px; margin-top:35px; }
#logo{ width:253px;  margin:-120px auto 0; z-index:999999; margin-bottom:20px;}
#logo a{ background:#fff; padding:0 34px; border-left:1px solid #e6cf9f; border-right:1px solid #e6cf9f;float:left;}

.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width: 30px;
	height: 30px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #bd5e00;
	width: 100%;
	height: 30px;
	margin: 0;
	z-index: 10;
	padding: 5px 25px 5px 10px;
	font-family: inherit;
	font-size: 16px;font-family: 'Candara';
	color: #fff;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: #7b3d00;
	z-index: 90;
	font-size: 16px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #000;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


.box1{background:url(images/dec.jpg) no-repeat; padding:20px 0;}
.box2{ margin-top:20px; clear:both;}
.box2.case1{ clear:both;margin-bottom:22px;}

h3{ font-size:28px; color:#7b3d00; text-align:center; padding:0 0 13px; width:220px; margin:43px auto 24px; border-bottom:1px solid #000; }
h3.top{  width:300px; border-bottom:0px solid #000; margin:43px auto 0px; font-weight:normal;}
h3.about{ width:350px; }


.box4{ width:228px; float:left; margin-right:28px;}
.box4.rgt{  margin-right:0px;}
.pro_box{ border:0px solid #dfdfdf;}
.pro_box img{ width:100%; display:block;}
.box4 h4{font-size:20px; color:#7b3d00; text-align:center; padding:17px 0 38px;}


.box5{ width:220px; float:left; margin-right:41px; margin-bottom:50px; }
.box5.rgt{  margin-right:0px;}

.box5 img, .box6 img, .box7 img{ width:100%; display:block;}
.box5 h4{font-size:14px; color:#3a3a3a;font-weight: normal; text-align:center; padding:17px 0 0px;font-family: 'Candara';}

.box6{width:49%; float:left; margin:20px 0;}
.box6.rgt{float:right;}

.box7{width:120px; position:absolute; left:0; top:250px;}

#about{ margin:20px 0 0; background:#f3e7cf; padding:20px; clear:both; }

#about h4{font-size:20px; color:#7b3d00; text-align:center; margin-bottom:18px; }
#about p{font-size:14px; color:#3a3a3a;font-weight: normal; text-align:center;margin-bottom:12px;}

#social_outer{ width:253px;  margin:-120px auto 14px; background:#fff; border-left:1px solid #e6cf9f; border-right:1px solid #e6cf9f;}
#share{ width:168px;  margin:0 auto; display:table; font-weight:bold; padding-bottom:40px;}
#share h6 { color:#7b3d00; font-size:32px; text-align:center; padding:20px 0;}
.icon {
	background-image: url('images/sprite.jpg');
	background-repeat: no-repeat;
	float: left;
	height: 37px;
	width: 37px;
	overflow: hidden;
	margin: 0px 5px 0 0px;
}
.icon.fb {
	background-position: 0px -0px;
}

.icon.gg {
	background-position: -39px 0px; 
}
.icon.inst {
	background-position: -77px 0px; 
}
.icon.tw {
	background-position: -116px 0px; 
}

#copy{ width:584px;  margin:-120px auto 20px; background:#fff; border-left:1px solid #e6cf9f; border-right:1px solid #e6cf9f; text-align:center; font-size:15px; color:#0e0700; padding:30px 20px; font-weight:bold; }
#copy p{text-align:center; margin-top:20px;}

#footer_menu{text-align:center;}
#footer_menu a{ color:#0e0700;}
#copy.inner{ padding:10px 20px;}
#copy #share{ width:258px;  margin:0 auto; display:table; padding-bottom:5px;}
#copy #share h6 { color:#7b3d00; font-size:18px; float:left; text-align:left; padding:7px 15px 0 0;}
#copy.inner p{text-align:center; margin-top:10px;}
#inner{ width:100%; border-top:1px dashed #e6cf9f;  clear:both; padding-bottom:50px;}
input[type="text"].prange {
	border: 0; background:none; padding-left:0; font-weight:normal; float:right;}
	#filter{ width:100%; margin:0px 0 20px; float:left;}
#price_box{width:300px; float:left; font-weight:bold;margin-right:81px}
#price_box p{width:100%; float:left; margin-bottom:5px}
.varity{width:270px; float:left; margin-right:81px }
.varity.rgt{float:right; margin-right:0px }	
	select.price1{ border:0; width:100%;float:left; margin-right:30px;font-family: 'Candara'; height:30px;  border:1px solid  #e6cf9f;}
	
	
	
	.pdt {
	width: 300px;
	margin: 0px 50px 30px 0;
	float: left;  background:#fff;
	border:#CCC 1px;
}
.detail_divider{ border-top: 1px dashed #e6cf9f;}
.pdt img{
	width: 100%;}
.pdt_cont {padding:11px; display:table; width:100%;
	
}
.pdt.rgt {
	margin-right: 0;
	float: right;
}

.buy{ padding:5px; width:100%; float: left; text-align:left; background:#ffffff; font-size:16px; color:#B32237; text-transform:uppercase; font-weight:bold;}
.buy:hover{background:#B32237;  color:#ffffff;}
.pdt_name {
	
	
	 font-size:15px;
	color: #7b3d00; font-weight:bold; height:40px; width:100%; float:left;
}

.pdt_name:hover {
	color: #1e1f21;
}


.products_discount {
	
	width:100%;
	font-weight:bold;
	float: left;
	
	color:#9d0400; margin:5px 0 ;
}
.products_discount_left {
	float: left;
}
.products_discount_right {
	width:60px;
	line-height:18px;
	float: right; text-align:right;
}
.products_original_price {
	width:65px;
	text-decoration:line-through;
	float: left;
	
	color:#464646;
	font-weight:normal;
}
.products_discount_price {
	width:75px;
	line-height:18px;
	font-weight:bold;
	float: left;
	
	color:#464646;
}
.pdt_detail_left {
	float: left;width: 518px; margin-top:20px;
}
.pdt_detail_right {margin-top:20px;
	float: right;
	width: 446px;
}
.pdt_detail_right h4 {
	margin-bottom: 20px; font-size:26px; color:#000; font-weight:bold; border:0;
}
.pdt_detail_right p{ margin-bottom: 15px; font-size:14px; color:#333333; }

.pdt_detail_right p.price2{ color:#7b3d00;font-size:17px; float:right; font-weight:bold; }


.pdt_detail_right p.disclr{ margin-bottom: 15px; font-size:12px; color:#333333; padding:10px 0; border-bottom:1px dashed #7b3d00; border-top:1px dashed #7b3d00; clear:both;}

.buy1{ width:100%; float:left; background:#7b3d00; text-align:center; color:#fff; padding:10px 0; font-size:20px; font-weight:bold; margin:20px 0;}
.buy1:hover{ background:#000;  color:#fff; }

select.price3{ border:1px solid #e6cf9f; width:58px;float:left; margin-right:30px;font-family: 'Candara';font-size:12px; margin-top:3px;}


.pdt_detail_right label{ float:left; margin-right:20px; margin-bottom:30px;}

#login_wrapper{ width:400px ; margin:0 auto 30px; padding:0 20px 20px; background:#e6cf9f; display:table; }
#login_wrapper1{display:table; width:100%; margin-bottom:40px; }


#login_wrapper_left_box{width:20%; float:left; border: solid 1px #cccccc; padding-bottom:10px; }

#login_wrapper_left_box h5{background:#7b3d00; height:35px; padding:0 0 0 15px; line-height:35px; font-size:18px; color:#fff;}


#login_wrapper_left_box ul {list-style:none; margin:0 10px;}

#login_wrapper_left_box ul li {  line-height:25px; border-bottom: solid 1px #cccccc; padding:5px 0; }


#login_wrapper_left_box  a { font-size:15px; color:#7b3d00;  width:100%; }

#login_wrapper_left_box a:hover{color:#000;}

#login_wrapper_left_box .active{color:#000;}

#login_wrapper_right_box{width:76%; float:right; }

#login_wrapper_right_box h5{ height:35px; padding:0; line-height:35px; font-size:18px; font-weight:normal; color:#444444; border-bottom: solid 1px #cccccc;}


#login_wrapper_right_box_content{  padding:10px 0 0 0; }
#login_wrapper_right_box_content p{line-height:19px; font-size:15px; font-weight:normal; color:#797c77; text-align:left;}
#login_wrapper_right_box_content p span{ color:#000;}

.account_infomation{ border: solid 1px #cccccc; margin:20px 0 0 0; padding:15px; display:table; width:100%;}

.account_infomation h6{ line-height:30px; font-size:18px;  color:#000;border-bottom: solid 1px #cccccc;}


.contact_information{width:48%; margin-right:2%; float:left;  font-size:15px; font-weight:normal; color:#797c77; }
.contact_information p, .newsletters p, .checkout_left p{ text-align:left;font-size:15px; font-weight:normal; color:#797c77; line-height:18px; margin-bottom:15px;}

.contact_information h6{line-height:30px; font-size:15px; font-weight:normal; color:#60615f;border-bottom: dashed 1px #ccc; padding:5px 0 0 0; margin:0 0 10px 0;}

#sidebar { width: 38px; height:110px;  float: right; top:200px; position:absolute; right:0px;z-index:999999;  }
#sidebar a{ width:100%;  color:#000;}

.edit_content { font-size:17px;  font-weight:normal; color:#7b3d00; text-align:right; float:right; }
.edit_content:hover{text-decoration:underline;}


.password_content{ font-size:15px; font-weight:normal; color:#7b3d00;float:left;}
.password_content a{ font-size:15px;  font-weight:normal; color:#7b3d00; text-align:left; }
.password_content:hover{text-decoration:underline;}

.ff_box label{color:#333333;}

.newsletters{width:48%; float:right;   font-weight:normal; color:#797c77; line-height:20px; }

.newsletters h6{line-height:30px; font-size:15px; font-weight:normal; color:#60615f;border-bottom: dashed 1px #ccc; padding:5px 0 0 0; margin:0 0 10px 0;}


#address_book{line-height:30px; width:100%; font-size:15px; font-weight:normal; color:#60615f;border-bottom: dashed 1px #ccc; padding:5px 0 0 0; margin:10px 0 10px 0; float:left}

#login_wrapper_right_box_account_info_box{  padding:10px 0 0 0; line-height:19px;  font-weight:normal; color:#797c77;}

.save_buttons{background:#7b3d00;
    
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
   
    font-size: 14px; padding:0 20px;
    line-height: 32px; text-align:center;float:left; border:0;
}
.save_buttons.rgt{ float:right;}

.save_buttons:hover{ text-decoration:underline; color:#fff;}



.login_input {
	background:none;
	
	margin:3px 0 0 0px;
	float:left;
	height:28px;
	width:100%;
	border: solid 1px #ccc;
	color:#b7b5b5;
	
	padding:0 0 0 5px;
}
.login_input.log {
	
	border: solid 1px #fff;
	
}

.ff_box{float:left; margin:20px 3% 0 0px;  width:30%;}
.ff_box.full{ width:100%;}
.ff_box.third_part{ width:60%;}
.ff_box.rgt{ margin-right:0%;}
.ff_box label{ width:100%;}
.divider1{border-bottom: dashed 1px #7b3d00;  clear:both!important; margin:20px 0; width:100%; float:left;}

.order_list{ border: solid 1px #7b3d00; margin:20px 0 0 0;  display:table; width:100%;}
.item_ordered, .order_date, .order_price{  width:25%; float:left; padding-left:16px;}
.order_list h6{ line-height:30px; font-size:15px;  color:#000;border-bottom: solid 1px #cccccc;padding:4px 12px; font-weight:bold;}

.item_ordered{ width:50%;}
.order_list li{ border-bottom: solid 1px #ffc788; padding:7px 0;width:100%; display:table;list-style:none; background:#fff;}


.order_list li:nth-child(odd){ background:#eee;}
.order_list li.first{ background:#7b3d00; color:#fff;}

.item_ordered1, .qty, .order_price1, .action{ width:25%; float:left; padding-left:16px; }
.item_ordered1{ width:42%; }
.action{ width:10%; float:right; }
.order_list li span{ font-weight:bold; text-align:right; padding:0px 20px; width:100%; float:left; color:#7b3d00; text-align:center;}
.login_input.qty{width:40px;border: solid 1px #ffc788; padding:2px; color:#444444;}

.radio{ float:left;}
.checkout_left{ width:48%; float:left; margin-right:2%; padding-right:2%; text-align:left; border-right:1px dashed #ccc;}
.checkout_left h6{ font-size:16px; color:#333; font-weight:bold;  margin-bottom:7px; padding-top:10px;}




.case1{ margin-top: 10px;}
.case2{border-right:0px dashed #ccc;}

#my_account_left {
	width: 213px;
	float: left;
	margin-top: 25px;padding:10px; background:#e6cf9f;
}

#my_account_left li{width:100%; float:left;}

#my_account_left li a{ border-bottom:1px dotted #000; width:100%; float:left; padding:5px 0; }
#my_account_right {
	width: 737px;
	float: right;
	margin-top: 25px; border:1px solid #ccc; padding:10px 20px;
}
#my_account_right h4{ margin-bottom:10px; border-bottom:1px solid  #ccc; padding-bottom:5px;}
.acc_half{ float:left; width:48%; margin-bottom:20px;}
.acc_half p{ line-height:20px; }
.acc_half.rgt{ float:right; }

.acc_half h6, #my_account_right h6{  margin-bottom:10px; border-bottom:1px dashed  #ccc; padding-bottom:5px;}

#my_account_right  a.links{ font-size:12px; color:#F00; margin-top:15px;}







.click{  float:right; background:#7b3d00; text-align:center; color:#fff; padding:2px 20px; font-size:15px; font-weight:bold; margin:0 0 0 20px ;}
.click:hover{ background:#000;  color:#fff; }

.box{ background:url(images/dec.jpg) top no-repeat #d2b26d; font-size:24px;color:#ffffff; padding:50px 10px 10px; text-align:left; margin-top:30px;}
.terms{ float:right; margin-top:70px; color:#fff; font-size:12px;}
.email_pop{ width:60%; background:#fff; border:1px solid #fff; padding:4px 10px; float:left; margin-left:10%;}
.submit_pop{ width:20%; background:#ccc; border:1px solid #fff; padding:3px 10px; float:left; margin-left:10px;}
.simplePopup {
display:none;
position:fixed;

background:#000;
z-index:999999;
padding:0;
width:70%;
min-width:70%; left:15%;
}
#logo_p{width:150px; margin:0 auto 20px;}

.simplePopupClose {
float:right;
cursor:pointer;
margin-left:10px;
margin-bottom:10px; color:#fff; font-size:25px; font-weight:bold;
}

.simplePopupBackground {
display:none;
background:#000;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
z-index:999998;
}

.pop_right{ float:right; width:50%;padding:3%;}

.pop_right h5{color:#fff; font-size:20px; font-weight:bold; margin-bottom:25px; text-align:center; line-height:28px; padding:0 30px;}

.pop_left{ float:left; width:50%;}
.pop_left img, #logo_p img{ width:100%;}


@media only screen and (max-width:768px){
	
	
	.container{width: 94%;}
	#copy{width: 90%;}
	
	.pdt_detail_right, .pdt_detail_left, .targetarea{ width:100%!important; height:auto!important}
	.targetarea img{ width:100%!important;height:auto!important}
	#image1{ display:none;}
	.magnifyarea{ width:0px!important;}
	
	
}
@media only screen and (max-width:640px){
#login_wrapper_left_box {
    width: 100%;
}

#login_wrapper_right_box {
    width: 100%;}}
@media only screen and (max-width:568px){
	
	.checkout_left {
    width: 100%;}
	
	#login_wrapper{ width:100% ; }
	.ff_box{margin:20px 0% 0 0px;  width:100%;}
	
	
	
}