/* Body Panel Start */

body {
	color: #363636;
	background: #c7b99e url(../images/main-bg.jpg);	
	font-size: 13px;
	line-height: 18px; 
	font-family:Georgia, "Times New Roman", Times, serif
	
}
a, a > * {
	text-decoration: none;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}
a {
    color: #466646;
}
a:link {
    text-decoration: none;
}
a:visited {
    color: #466646;
    text-decoration: none;
}
a:hover {
    color: #A36011;
    text-decoration: underline;
}
a:active {
    color: #000000;
    text-decoration: underline;
}

p {
	padding-bottom: 20px;
}
strong { font-weight:bold;}
h1 {
    color: #A36011;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 34px;
    font-style: italic;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 0;
}
h3 {
	
	padding-bottom: 20px;
	color: #e1363a;
	font-size: 16px;
}
h6 {
    color: #A36011;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 0;
}
b { font-weight:bold; font-size:14px;}
.font-18{
    font-size: 18px;
    font-weight: normal ;
    letter-spacing: 1px;
    color: #466646;
}
.font-18 output{
    font-weight: normal;
}


.clear {
	clear: both;
}
.contenair {
	width: 100%;
}
.wrapper {
	width: 1050px;
	margin: 0 auto;	
	background: url(../images/bg.jpg);
	box-shadow: 12px 0 15px 1px rgba(0, 0, 0, 0.2), -12px 0 15px 1px rgba(0, 0, 0, 0.2);
	padding:12px 0px;
}
.padding-left-right-30 {
	padding: 0px 30px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-20 { padding-bottom:20px;}
.align-center {
	text-align: center;
}
.align-left {
	text-align: left;
}
/* header section */
.header-section {
	width: 100%;
}
.hearder-left { width:400px; float:left; }
.hearder-left .main-logo img {margin-left: 4rem;}
.hearder-right { width:570px; float:right; }

.year { width:80px; float:left; text-align:center }
.top-nav { width:445px; float:right;}
.top-nav-top { width:100%;}
.top-nav-top ul { text-align:right; }
.top-nav-top li { list-style:none; display:inline-block; border-right:1px solid #466646; }

.top-nav-top li:last-child {border-right:none;}
.top-nav-top a {     
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #466646;
	text-decoration:none;
	padding:0px 12px;	
	line-height:10px;
	display:block;
	text-transform:uppercase;
	}
.top-nav-top li:first-child a { 
    padding-left:0px;
}
.top-nav-top li:last-child a { 
    padding-right:0px;
}
.top-nav-top a:hover { 
	color: #A36011;
    text-decoration: underline;
	 }	
	
	  
.top-nav-bottom { width:100%; padding-top:10px; }
.top-nav-bottom-left { width:28%; float:left;font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic; font-size: 10px; color: #466646; text-align: right; line-height: 25px; }
.top-nav-bottom-right {
    width: 72%;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 12px;
    color: #466646;
    text-align: right;
    line-height: 25px;
}
.top-search-bar { width: 100%; float: left;text-align: right; padding-top: 5px;} 
.top-search-bar input#site-search { border: 1px solid #466646; background: #fff; outline-offset: 0; padding-left: 5px; padding-right: 5px; } 
.top-search-bar input#site-search:focus { outline: none; } 
.top-search-bar button { background: #466646; color: #fff; letter-spacing: 0.5px; cursor: pointer;border: 2px solid #466646; }
	
/* nav */
.line-green {width:100%;}
.nav { }

/* content section */
.content-section {
	width: 100%;
}
.content-left { width:627px; float:left; }
.cnt-left-leftcol { width: 162px; float:left; }

.box-left1 {
    float: left; 
    font-size: 14px;
    font-style: italic;    
    line-height: normal;
    margin-bottom: 3px; 
	width:100%;     
}
.box-left1 a {
    
    color: #466646;
    display: block; 
    text-align: center;
    text-decoration: none;
    
}
.box-left1 a:hover {
    color: #d18022;
}

.box-left2 {
     
    float: left;    
    font-size: 14px;
    font-style: italic;    
    line-height: normal;
    margin-bottom: 3px;    
    width:100%;
    
}
.box-left2 a {
    
    color: #466646;
    display: block; 
    position: relative;
    text-align: center;
    text-decoration: none;
    
}
.box-left2 a:hover {
    color: #d18022;
}


.box-left3 {
       
    float: left;    
    font-size: 14px;
    font-style: italic;    
    line-height: normal;
    margin-bottom: 3px;    
    width: 100%;
    
}
.box-left3 a {
    
    color: #466646;
    display: block;       
    text-align: center;
    text-decoration: none;
   
}
.box-left3 a:hover {
    color: #d18022;
}
.hometext {
    background: url("../images/bg-rt-top.png") no-repeat;   
    color: #363636;
    font-size: 13px;
    height: 337px;
    line-height: 17px;
    margin-bottom: 3px;
    padding: 25px 18px 0 22px;    
    width: 323px;    
}


.box-botbig {
       
    float: left;   
    font-size: 14px;
    font-style: italic;    
    left: 0;
    line-height: normal;
    margin-bottom: 4px; 
    width: 295px;
    
}
.box-botbig a {
    
    color: #466646;
    display: block;   
  
    
    text-align: center;
    text-decoration: none;
    
}

.box-botbig a:hover {
    color: #d18022;
}

/* content left bottom */

.botcol {    
    width: 326px;
	float:left;
}
.box-bot1 {
       
    float: left;    
    font-size: 14px;
    font-style: italic;
    
    line-height: normal;
    margin-bottom: 2px;    
    width: 162px;
   
}
.box-bot1 a {
    
    color: #466646;
    display: block;
    text-align: center;
    text-decoration: none;
    
}

.box-bot1 a:hover {
    color: #d18022;
}
.box-bot2 {
    
    float: left;    
    font-size: 14px;
    font-style: italic;
   
    line-height: normal;
    margin-bottom: 2px;
    margin-left: 2px;   
    width: 162px;
    
}
.box-bot2 a {
    bottom: 0;
    color: #466646;
    display: block;    
    text-align: center;
    text-decoration: none;
    
}
.link-top{
  position: relative;
}

.link{
    position: absolute;
    top: 8px;
    left: 30px;
}
.box-bot2 a:hover {
    color: #d18022;
}
.box-bot3 {
      
    float: left;
    font-family: Georgia,Times New Roman,serif;
    font-size: 14px;
    font-style: italic;    
    line-height: normal;
    margin-bottom: 3px;
	width: 162px;
     
    
}
.box-bot3 a {
   
    color: #466646;
    display: block;   
    text-align: center;
    text-decoration: none;
   
}
.box-bot3 a:hover {
    color: #d18022;
}
.box-bot4 {
      
    float: left;    
    font-size: 14px;
    font-style: italic;    
    line-height: normal;
    margin-bottom: 3px;
    margin-left: 2px;    
    width: 162px;
   
}
.box-bot4 a {
    
    color: #466646;
    display: block;    
    
    
    text-align: center;
    text-decoration: none;
  
}

.box-bot4 a:hover {
    color: #d18022;
}

.cnt-right-rightcol {  width: 465px; float:left; }


.content-right { width:363px; float:right; }

.promotext {
    background: url("../images/bg-promo-new.png") no-repeat;    
    color: #363636;    
    font-size: 13px;
    height: 209px;
    line-height: 17px;
    margin-bottom: 3px;
    padding: 22px 22px 0 152px;  
    width: 189px;
   
}
.promotext a {color: #466646;}
.promotext a:hover { color: #A36011;
    text-decoration: underline; }
	
	.box-small {
        
    float: left;
    font-size: 14px;
    font-style: italic;
    
    line-height: normal;
    margin-left: 2px;
    margin-top: 2px;   
    width: 87px;
    
}
.box-small a {
    
    color: #466646;
    display: block;
    text-align: center;
    text-decoration: none;
    
}
.box-small a:hover {
    color: #d18022;
}


/* footer section */
.footer-section {
	width: 100%;
}
.footer-left { width: 640px; float:left; padding-left:27px; }
.footer-left-top{
    color: #466646;   
    font-size: 16px;
    font-style: italic;
    line-height:25px;
}
.footer-middle {
    width: 225px;
    float: left;
    margin: 0px 0px 10px;
    text-align: center;
}
.footer-right { width:120px; float:left; padding-top:20px; }

.pading-top-bot-4 {  padding:4px 0px;}

.sixteenpt {
    font-size: 16px;
}
.bottom-nav-top { width:100%;}
.bottom-nav-top ul { text-align:left; }
.bottom-nav-top li { list-style:none; }
.bottom-nav-top a {     
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #466646;
	text-decoration:none;
	padding:0px 6px;	
	line-height:14px;
	display:block;
	text-transform:uppercase;
	}
.bottom-nav-top a:hover { 
	color: #A36011;
    text-decoration: underline;
	 }	 



/* frame */
.bg-frame { width:100%; background:#fff;}
.bg-frame-top { width:100%; background:url(../images/images_03.jpg) repeat-x; }
.bg-frame-top-left { width:28px; float:left; }
.bg-frame-top-left img { display:block; }
.bg-frame-top-right { width:29px; float:right; text-align:right; }
.bg-frame-top-right img { display:block; }

.bg-frame-middle-left { width:100%; background:url(../images/images_07.jpg) repeat-y left top; }
.bg-frame-middle-right { width:100%; background:url(../images/images_09.jpg) repeat-y right top; }
.padding-inner { padding:0px 30px; }



.bg-frame-bottom { width:100%; background:url(../images/images_13.jpg) repeat-x; }
.bg-frame-bottom-left { width:28px; float:left; }
.bg-frame-bottom-left img { display:block; }
.bg-frame-bottom-right { width:29px; float:right; text-align:right; }
.bg-frame-bottom-right img { display:block; }


/* text */

a.text-green { color:#466646; text-decoration:none; }
a.text-green:hover { color:#A36011; }
.title-text {
    color: #A36011;    
    font-size: 28px;
    font-style: italic;
    font-weight: 100;
    line-height: 30px;
    padding-bottom: 5px;
    margin-top: 0;
	display:block;
}

.box-home-left { width:100px; float:left; }

.box-home-right { width:183px; float:right; }

/* inner page */

.breadcrumbs {
    color: #466646;
    font-family: Arial,Helvetica,sans-serif;    
	font-size: 10px;
    line-height: normal;    
    padding: 10px 0px 0 0;   
    width: 100%;   
}
.breadcrumbs a {
    text-decoration: underline;
	color: #466646;
}
.breadcrumbs a:hover { color:#A36011; }

.page-title { width:100%; border-bottom:1px solid #99b299; padding-bottom:5px;}
.page-title h1 { 
		color: #d18022;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 24px;
		font-style: italic;
		line-height: 24px;
		margin:0px;
	}
.page-title-left { width:45%; float:left; }
.page-title-left h4 { color: #cc3266;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 100;
    line-height: 30px;}
.page-title-right { width:45%; float:right; text-align:right; color: #363636;
    font-family: Arial,Helvetica,sans-serif; font-size:10px; line-height:13px;  }
	
.page-body-border { padding:20px 0px; border-bottom:1px solid #99b299; }
.page-body { padding:20px 0px; }

/* soap */
.soap-list { width:100%; }
.soap-list ul { text-align:center; color: #363636; font-family: Arial,Helvetica,sans-serif; font-size:13px;  }
.soap-list li { width:25%; float:left; padding-bottom:20px; display:block; line-height:17px; font-weight: 600;}
.soap-list li .shop-img { width:100%; margin:0 auto; }
.soap-list li span { color:#CC3366; }
.soap-list a { font-style: italic;    text-decoration: underline; color: #466646; }
.soap-list a:hover {	color:#A36011;  }

.page-title-right-bottom { width:100%; text-align:right; color: #363636;
    font-family: Arial,Helvetica,sans-serif; font-size:10px; line-height:13px; padding-top:5px;  }
	
.shop-text { height:95px; }

/* product details */

.product-details-left { width:368px; float:left; text-align:center !important; color:#363636; }
.product-details-right { width:550px; float:right; color:#363636; }

.default-prod-img { float:left; width:100%; margin:20px 0 0 0;}
.multiple-sizes { float:left; width:100%; display:none;}
.multiple-sizes ul { float:left; width:100%; margin:0;}
.multiple-sizes ul li { float:left; width:30%; margin:0 1.5% 10px;}
.multiple-sizes ul li a { float:left; width:100%; text-align:center;}
.multiple-sizes ul li img { padding:0; max-width:100%;}
.multiple-sizes ul li h4 { float:left; width:100%; font-size:15px; font-weight:normal; color:#000; line-height:18px; margin:0;}
.multiple-sizes ul li h5 { float:left; width:100%; font-size:15px; font-weight:bold; color:#000; line-height:18px; margin:0; text-decoration:line-through;}
.multiple-sizes ul li span { float:left; width:100%; font-size:15px; font-weight:bold; color:red; line-height:18px; margin:0;}


.product-details-left-img { width:200px; margin:0 auto;}
.product-details-left-text { font-family: Arial,Helvetica,sans-serif; font-size:10px; color: #363636;}

.product-details-left-social { padding-top:15px;}

.productName {
    color: #A36011;
    
    font-size: 28px;
    font-style: italic;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 0;
}
.productSubheaders {
    color: #A36011;    
    font-size: 18px;
    font-style: italic;
    font-weight: 100;
    line-height: 20px;
    margin-bottom: 8px;
    margin-top: 0;
}
a.productChange {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
	color: #099129;
	text-decoration:underline;
	padding:5px 10px;
	border:1px solid #ddd;
	border-radius:3px;
}
a.productChange:hover { color:#A36011;}
a.productChange:focus { color:#A36011; outline:none;}
.producttxt {
    color: #363636; 
	padding-top:20px;    
    font-size: 15px;
    line-height: 19px;
}
.productRadio {
    color: #363636;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.product-details-border { padding:10px 0px; border-top:1px solid #99b299; }


/* Register */
.register-left { width:49%; float:left; }
.register-right { width:49%; float:right; border-left:1px solid #99b299; }
.register-bottom {
    color: #363636;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 22px;
	color: #466646;
	text-align:center;
}
.register-data { width:350px;  }
.register-data-left { width:350px; padding-left:80px;  }
.register-data-left h2 { color: #363636; font-size:18px; padding-bottom:15px; }
.register-data h2 { color: #363636; font-size:18px; padding-bottom:15px; }

.text-green {
    color: #466646 !important;
	font-size:11px;
	font-family: Arial,Helvetica,sans-serif;
}
a.text-green {
    color: #466646 !important;
	text-decoration: underline;
}
a.text-green:hover {
    color: #A36011 !important;
    text-decoration: underline;
}


/* bath */

.stepNum {
    color: #d18022;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
}
.bath-data { width:95%; }
.bath-data-header { padding-bottom:20px;}
.bath-data ul { text-align:center; }
.bath-data li { width:25%; float:left; padding-bottom:10px; }
.bath-data li .img { width:100%; }
.bath-data li .redio { width:100%; }
.bath-data li .text { width:100%; font-family: Arial,Helvetica,sans-serif; font-size:12px; }

.bath-padding { padding-left:20px;}

.bath-bottom-text h3 {
    color: #d18022;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px; 
	text-align:center;   
	padding-top:30px;
}

/*CUSTOM FRAG*/

.page-title-custom-frag { width:100%;  padding-bottom:5px;}
.page-title-custom-frag h1 { 
		color: #d18022;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 24px;
		font-style: italic;
		line-height: 24px;
		margin:0px;
	}
.page-title-custom-img { width:100%; }
.text-right { text-align:right;}

.custom-frag  { width:100%; padding-bottom:20px; }	
.custom-frag-title { width:100%; border-bottom:1px solid #99b299; padding-bottom:5px; font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 24px;
		color: #466646;
		line-height: 12px;
		margin:0px;}

.custom-frag-title-left { width:45%; float:left; }
.custom-frag-title-right { width:45%; float:right; text-align:right; color: #CC3366;
    font-family: Arial,Helvetica,sans-serif; font-size:10px; line-height:13px;  }
	
.custom-frag-body { width:100%; padding-top:5px; }

.custom-frag-body ul  { width:100%; }
.custom-frag-body li  { width:33%; float:left; font-family: Arial,Helvetica,sans-serif; }
.custom-frag-body li strong { color:#d18022; font-weight:bold; }

.custom-frag-body li input { margin-bottom:5px; float:left;}
/* Hair Care */
.hair-care-left { width:56%; float:left;  border-right:1px solid #99b299; }
.hair-care-right { width:400px; float:right; }
.hair-care-bottom {
    color: #363636;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 22px;
	color: #466646;
	text-align:center;
}
.hair-care-data { width:350px;  }
.hair-care-data-left { width:350px; padding-left:80px;  }
.hair-care-data-left h2 { color: #363636; font-size:18px; padding-bottom:15px; }
.hair-care-data h2 { color: #363636; font-size:18px; padding-bottom:15px; }

.hair-care-data { width:97%; }
.hair-care-data-header { padding-bottom:20px;}
.hair-care-data ul { text-align:left; }
.hair-care-data li { width:100%; padding-bottom:10px; }

.hair-care-data li .redio { width:5%; float:left; }
.hair-care-data li .text { width:95%; float:left; font-family: Arial,Helvetica,sans-serif; }
.hair-care-data li .text h2 { font-size:18px; margin:0px; padding:0px; font-family: Georgia,"Times New Roman",Times,serif; font-weight: 700; color: #466646;}
.hair-care-data li .text p { font-size:13px; font-family: Arial,Helvetica,sans-serif; margin:0px; padding:0px; font-weight:600;}

.hair-care-data li .text p a { font-size:13px; font-family: Arial,Helvetica,sans-serif; font-style: italic;
    text-decoration: underline; font-weight: 700; }

.bath-padding { padding-left:20px;}
.text-center { text-align:center; }
.text  { font-family: Arial,Helvetica,sans-serif; font-size:11px; }


/* perfume */
.perfume-list { width:100%; }
.perfume-list ul { text-align:center; color: #363636; font-family: Arial,Helvetica,sans-serif; font-size:13px;  }
.perfume-list li { width:155px; float:left; padding-bottom:20px; display:block; line-height:17px; }
.perfume-list li .shop-img { width:100%; margin:0 auto; }
.perfume-list li span { color:#CC3366; }
.perfume-list a { font-style: italic;    text-decoration: underline; color: #466646; }
.perfume-list a:hover {	color:#A36011;  }
.perfume-list li .shop-img:hover {
        transform: scale(1.9);
    }


/* frame */
.green-line-frame { width:100%; background:#fff;}
.green-line-frame-top { width:100%; background:url(../images/bg-curve_02.jpg) repeat-x; }
.green-line-frame-top-left { width:19px; float:left; }
.green-line-frame-top-left img { display:block; }
.green-line-frame-top-right { width:20px; float:right; text-align:right; }
.green-line-frame-top-right img { display:block; }

.green-line-frame-middle-left { width:100%; background:url(../images/bg-curve_04.jpg) repeat-y left top; }
.green-line-frame-middle-right { width:100%; background:url(../images/bg-curve_06.jpg) repeat-y right top; }
.padding-inner { padding:0px 30px; }
.padding-inner-small { padding:0px 10px; }

.padding-inner-img { width:91px; height:76px; margin:0 auto; }
.padding-inner-img img { width:auto; height:100%; }

.padding-inner-img2 { width:91px; height:84px; margin:0 auto; }
.padding-inner-img2 img { width:auto; height:100%; }


.green-line-frame-bottom { width:100%; background:url(../images/bg-curve_08.jpg) repeat-x; }
.green-line-frame-bottom-left { width:19px; float:left; }
.green-line-frame-bottom-left img { display:block; }
.green-line-frame-bottom-right { width:20px; float:right; text-align:right; }
.green-line-frame-bottom-right img { display:block; }


.f-left { float:left; }
.f-right { float:right; }


.cnt-left-leftcol-mob { width: 50%; float:left; }
.botcol-mob {    
    width: 50%;
	float:left;
}

.content-left-mob { width:100%; display:none; }
.footer-left img { display:block; }

.size-location-img { text-align:right; }

/* basket */


::-webkit-scrollbar {
   -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
   width: 12px;
}

::-webkit-scrollbar:horizontal {
   height: 12px;
}

::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, .5);
   border-radius: 10px;
   border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
   border-radius: 10px;  
   background-color: #ffffff; 
}

.basket-title {
    border-bottom: 1px solid #99b299;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 12px;
    margin: 0;
    padding-bottom: 5px;
    width: 100%;
}

.img-full img { width:100%; }

/* Fragrance list */


.table-border-padding { padding:20px; }
.table-border-padding  strong {
    color: #363636;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    line-height: 17px;
	font-weight: bold;
}
.table-border-padding ul { margin-left:30px;}
.table-border-padding ul li { list-style:disc; }
.table-border-padding ul li ul li { list-style:circle; }
.table-border-padding ul li ul { margin-left:40px;}


.table-border-top a
{
	font-style:italic !important;
	text-decoration:underline; font-weight:bold !important;
	font-family: Georgia,"Times New Roman",Times,serif;
	line-height:50px;
}

.table-header h4 {
    color: #d18022;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    line-height: 54px;
    margin-bottom: 0;
    margin-top: 0;
	border-bottom:1px solid #333; text-align:center;
}

.table-center { width:90%; margin:0 auto; border:1px solid #333; }

/* China Lily */
.china-lily { width:615px; border:1px solid #336633; border-radius:30px; background:#fff; margin:0 auto; padding:20px 40px;  }
.china-lily-left { width:160px; float:left; }
.china-lily-left ul { width:100%; }
.china-lily-left li { list-style:none; margin-bottom:5px;  }
.china-lily-left a { border:1px solid #336633; border-radius:5px; background:#fffaec; text-decoration:none; padding:4px 0px; display:block; text-align:center;  }

.china-lily-right { width:65%; float:right; color: #336633;
    font-family: Verdana,Geneva,sans-serif;
    }

.china-lily-bottom { padding-top:50px; text-align:center;}
.china-lily-bottom h2 { color:#F35B00; font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 14px; text-transform:uppercase;}
.china-lily-bottom p { padding-top:20px; color: #336633;
    font-family: Verdana,Geneva,sans-serif; font-size:12px; }	
	
.best-view  { width:100%; background:#bc0604; border-radius:5px; padding:20px 0px; color:#fff ; text-align:center; 
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 25px; line-height:32px;
    font-style: normal; margin-bottom:30px; text-transform:uppercase; display:none; }
	
	
	
	.padding-left-chk { padding-left:140px;}
	

/* new right side block styles */
/* hello styles */
.hello {
	background-color: #fff;
	width: 363px;
	max-width: 363px;
}

.hello-bg-top {
	background: url(../images/images_03.jpg) top center / auto 100% repeat-x;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: .8rem;
}

.hello-bg-top img {
	height: 100%;
}

.hello-bg-middle {
	background: 
		url(../images/images_07.jpg) left center / .94rem repeat-y,
		url(../images/images_09.jpg) right center / .94rem repeat-y;
	padding: 0 .9rem;
}

.hello__title {
	color: #113d06;
	font-size: 1.1rem;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5rem;
	margin: 0;
	text-align: center;
}

.hello__title span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.hello__title img {
	height: 1.25rem;
}

.hello__promo h3 {
	color: #113d06;
	font-size: 1rem;
	font-weight: bold;
	font-style: italic;
	line-height: 1.4rem;
	margin: 1.2rem 0;
	padding: 0;
	text-align: center;
}

.hello__promo-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin-bottom: .6rem;
}

.hello__promo-content img {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	margin-right: .7rem;
	height: 7rem;
	width: 8.5rem;
}

.hello__promo-content p {
	font-size: .8rem;
	font-weight: bold;
	line-height: 1.1rem;
	margin: 0;
}

.hello__promo-link {
	text-align: center;
}

.hello__promo-link a {
	background: url(../images/btn-tiny.png) center / 100% 100% no-repeat;
	color: #ac5f17;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: .6rem;
	padding: .7rem 2.1rem;
	text-decoration: none;
}

.hello-bg-bottom {
	background: url(../images/images_13.jpg) bottom center / auto 100% repeat-x;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 1.1rem;
}

.hello-bg-bottom img {
	height: 100%;
}

.hello-line {
	background: url(../images/arrow.png) center / 95% no-repeat;
	height: 1.2rem;
	width: 100%;
}

.hello__china {
	text-align: center;
}

.hello__china h2 {
	color: #ac5f17;
	font-size: 1.3rem;
	font-weight: bold;
	font-style: italic;
	margin: .6rem 0;
	text-align: center;
}

.hello__china h2 sub {
	color: #4425a5;
	font-size: .6rem;
}

.hello__china img {
	height: 1.2rem;
	width: 90%;
}

.hello__china-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.hello__china-links a {
	#background: url(../images/btn-tiny.png) center / 100% 100% no-repeat;
	color: #4425a5;
	display: inline-block;
	font-size: .8rem;
	font-weight: bold;
	padding: .5rem .6rem;
	text-decoration: none;
}

.hello__china-links a sup {
	font-size: .6rem;
}

.hello__china h3 {
	color: #000;
	font-size: .9rem;
	font-weight: bold;
	margin: .6rem 0;
	padding: 0;
	text-align: center;
}

.hello__serving {
	text-align: center;
}

.hello__serving h3 {
	color: #000;
	font-size: 1rem;
	font-weight: bold;
	padding: 1rem 0;
}

.hello__serving img {
	width: 12rem;
	max-width: 12rem;
}


/*Checkout / Register*/
.checkout-area { margin:0; display:table; width:100%; padding:0; box-sizing:border-box;}
.checkout-head { float:left; width:100%; margin:0 0 50px 0;}
.checkout-head h2 { margin:auto; display:table; font-size:30px; font-weight:normal; color:#a4611a;}
.checkout-head span { float:right; font-size:17px; font-weight:normal; color:#a4611a; margin:-20px 0 0 0;}
.checkout-body { float:left; width:100%; padding:0;}
.existing-user { float:left; width:50%; border-right:3px solid #000; padding:0 5%; box-sizing:border-box;}
.existing-user h3 { float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0;}
.register-form { float:left; width:100%;}
.register-form ul { float:left; width:85%;}
.register-form ul li { float:left; width:100%; margin:0 0 5px 0;}
.register-form ul li label { float:left; width:100%; font-size:20px; font-weight:normal; color:#486548; margin:0 0 10px 0;}
.register-form ul li input { float:left; width:100%; background:#fff; padding:10px; font-size:15px; font-weight:normal; border:1px solid #000; border-radius:10px; box-sizing:border-box;}
.register-form ul li a.forgot-link { float:right; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#0078ff; margin:5px 0 0 0;}
.register-form ul li a.forgot-link:hover { color:#0078ff;}
.register-form ul li button { float:left; padding:10px 30px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#fff; background:#486547; border-radius:5px; cursor:pointer; border:0;}
.register-form ul li button:hover { background:#2d4f2c;}
.new-user { float:left; width:50%; padding:0 5% 0 10%; box-sizing:border-box;}
.new-user h3 { float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0;}
.new-user a { float:left; padding:10px 30px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#fff; background:#486547; border-radius:5px;}
.new-user a:hover { background:#2d4f2c; text-decoration:none;}
.new-user p { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:24px; color:#000; margin:20px 0 0 0;}


/*Billing Page*/
.billing-info { float:left; width:100%; margin:0 0 40px 0; box-sizing:border-box;}
.billing-info h3 { float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:3px solid #000;}
.billing-form { float:left; width:50%;}
.billing-form ul { float:left; width:100%;}
.billing-form ul li { float:left; width:100%; margin:0 0 5px 0;}
.billing-form ul li label { float:left; width:35%; font-size:17px; font-weight:normal; line-height:30px; color:#486548; text-align:right; margin:0 10px 0 0;}
.billing-form ul li label::before { content:'*'; display:inline-block; margin:0 10px 0 0; font-size:15px; color:#ff0000;}
.billing-form ul li input, .billing-form ul li select { float:right; width:57%; background:#fff; padding:5px 10px; font-size:17px; border:1px solid #000; border-radius:5px;}
.billing-form ul li select { width:62%;}
#ship-different { width:65%; margin:30px 0 0 0;}
#ship-different ul li select { width:60.5%;}
.billing-secure { float:left; width:50%; padding:0 5%; margin:20px 0; text-align:center; box-sizing:border-box;}
.billing-secure ul { float:left; width:100%;}
.billing-secure ul li { float:left; width:100%; margin:0 0 20px 0; box-sizing:border-box;}
.billing-secure ul li img { height:40px; margin:0 0 10px 0;}
.billing-secure ul li h4 { float:left; width:100%; font-size:15px; font-weight:bold; font-style:italic; color:#a4611a;}
.billing-secure ul li p { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#000;}
.shipping-info { float:left; width:100%; margin:0 0 50px 0;}
.shipping-info h3 { float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:3px solid #000;}
.shipping-form { float:left; width:100%;}
.shipping-form ul { float:left; width:100%;}
.shipping-form ul li { float:left; margin:0 20px 0 0;}
.shipping-form ul li input { float:left; width:50px; color:#000; margin:3px 0 0 0;}
.shipping-form ul li label { float:left; font-size:17px; font-weight:normal; color:#000; text-align:right;}
.create-account { float:left; width:100%;}
.create-account h3 { float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:3px solid #000;}
.create-account h3 span { font-weight:normal; color:#666666; margin:0 0 0 10px;}
.create-account h4 { float:left; width:100%; font-size:20px; font-weight:normal; color:#333333; margin:0 0 20px 0;}
.account-form ul { float:left; width:100%;}
.account-form ul li { float:left; width:100%; margin:0 0 5px 0; clear:both;}
.account-form ul li label { float:left; width:20%; font-size:17px; font-weight:normal; line-height:30px; color:#486548; text-align:right; margin:0 10px 0 0;}
.account-form ul li label::before { content:'*'; display:inline-block; margin:0 10px 0 0; font-size:15px; color:#ff0000;}
.account-form ul li input { float:left; width:27%; background:#fff; padding:5px 10px; font-size:17px; border:1px solid #000; border-radius:5px;}
.account-form ul li.birthday-fields { width:100%;}
.account-form ul li.birthday-fields input { float:left; width:40px; margin:0 5px 0 0;}
.account-form ul li .gift-cert { float:left; font-size:17px; font-weight:400; font-style:italic; color:#0078ff; margin:2px 0 0 10px; line-height:30px;}
.account-form ul li button { margin:30px auto 0; display:table; padding:10px 80px; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#fff; background:#486547; border-radius:5px; cursor:pointer; border:0;}
.account-form ul li button:hover { background:#2d4f2c;}


/*Checkout Summary*/
.ship-to { float:left; width:100%; margin:0 0 20px 0;}
.ship-to h3 {float:left; width:100%; font-size:25px; font-weight:normal; color:#000; margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:3px solid #000;}
.ship-to p { float:left; width:100%; font-size:20px; font-weight:normal; line-height:30px; color:#486548; padding:0;}
.items-table { float:left; width:100%;}
.items-head { float:left; width:100%; padding:0 0 5px 0; margin:0 0 20px 0; border-bottom:3px solid #000;}
.items-head ul { float:left; width:100%;}
.items-head ul li { float:left; width:100%;}
.items-head ul li h4 { float:left; width:12%; font-size:20px; font-weight:400; line-height:30px; color:#000; text-align:center;}
.items-head ul li h4:first-child { width:50%; margin:0 2% 0 0; text-align:left;}
.items-head ul li h4:last-child { text-align:right;}
.items-body { float:left; width:100%; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:3px solid #ddd;}
.items-body ul { float:left; width:100%;}
.items-body ul li { float:left; width:100%; margin:0 0 10px 0;}
.items-body ul li div { float:left; width:12%; font-size:17px; font-weight:400; line-height:24px; color:#486548; text-align:center;}

.items-body ul li div:nth-child(2) { width:38%; margin:0 2% 0 0; text-align:left;}
.items-body ul li div:last-child { text-align:right;}
.items-footer { float:left; width:100%; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:3px solid #ddd;}
.items-footer ul { float:left; width:100%;}
.items-footer ul li { float:left; width:100%; margin:0; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.items-footer ul li p { font-weight:400; font-size:15px;}
.items-footer ul li p span { font-weight:400;}
.items-footer ul li div { float:left; width:15%; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.items-footer ul li div:first-child { width:65%; min-height:20px;}
.items-footer ul li div:nth-child(2) { width:23%; text-align:right; color:#000;}
.items-footer ul li div:last-child { width:12%; text-align:right;}
.items-footer ul li div.store-credit p { float:left; width:75%; padding:0;}
.items-footer ul li div.store-credit .use-store-credit { float:left; width:25%;}
.items-footer ul li div.store-credit .use-store-credit label { font-size:17px; font-weight:400; line-height:24px; color:#486548;}

.shipping-method { float:left; width:100%;}
.shipping-method h3 {  float:left; width:100%; font-size:20px; font-weight:400; line-height:30px; color:#000; margin:0 0 20px 0; padding:0;}
.shipping-method ul { float:left; width:100%;}
.shipping-method ul li { float:left; width:100%; margin:0 0 10px 0; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.shipping-method ul li h4 { float:left; width:60%; font-weight:400;}
.shipping-method ul li .method-price { float:left; width:28%;}
.shipping-method ul li .method-price input { margin:0 10px 0 0;}
.shipping-method ul li .method-price label { margin:0 30px 0 0; font-weight:400;}
.shipping-method ul li .method-total { float:left; width:12%; text-align:right; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.shipping-method ul li.insurance-row h4 { width:auto; margin:0 20px 0 0;}
.shipping-method ul li.insurance-row .method-total { float:right;}

.sub-total { float:left; width:100%; margin:0 0 20px 0; padding: 10px; background:#f2f2f2; border: 2px solid #ddd; box-sizing:border-box;}
.sub-total ul { float:left; width:100%;}
.sub-total ul li { float:left; width:100%; margin:0;}
.sub-total ul li div { float:left; width:15%; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.sub-total ul li div:first-child { width:60%; min-height:20px;}
.sub-total ul li div:nth-child(2) { width:28%; text-align:right; color:#000;}
.sub-total ul li div:last-child { width:12%; text-align:right;}

.final-total { float:left; width:100%; margin:0 0 20px 0;}
.final-total ul { float:left; width:100%;}
.final-total ul li { float:left; width:100%; margin:0;}
.final-total ul li div { float:left; width:15%; font-size:17px; font-weight:400; line-height:24px; color:#486548;}
.final-total ul li div:first-child { width:60%; min-height:20px;}
.final-total ul li div:nth-child(2) { width:28%; text-align:right; color:#000;}
.final-total ul li div:last-child { width:12%; text-align:right;}
.final-total ul li:last-child div { font-weight:bold; color:#f10000;}
.qualify-sec { float:left; width:100%; margin:20px 0 0 0; text-align:center;}
.quality-prod { float:left; width:100%; margin:0 0 20px 0;}
.quality-prod p { display:inline-block; margin:0 20px 0 0; font-size:20px; font-weight:400; line-height:24px; color:#486548; padding:0;}
.quality-prod select { display:inline-block; min-width:250px; padding:5px 10px; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#111; border:1px solid #111; border-radius:5px;}
.coupon-code { float:left; width:100%;}
.coupon-code p { display:inline-block; font-size:20px; font-weight:400; line-height:24px; color:#486548; padding:0;}
.coupon-code input { display:inline-block; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#111; padding:7px 10px; border:1px solid #111; border-radius:5px;}
.coupon-code button { display:inline-block; background:#486547; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#fff; padding:7px 10px; border:1px solid #486547; border-radius:5px; margin:0 10px; cursor:pointer;}
.coupon-code button:hover { text-decoration:none; background:#324831; color:#fff;}
.payment-method { float:left; width:100%; margin:40px 0; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.payment-method h3 { float:left; width:100%; margin:0 0 10px 0; font-size:22px; font-weight:bold; color:#000; text-align:center; padding:0;}
.payment-method a { display:inline-block; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:17px;}
.payment-method a img { margin:5px 0 0 0;}
.payment-method span { display:inline-block; padding:0 20px; font-size:17px; font-weight:bold; color:#000;}
.continue-shopping { float:left; width:100%; border-top:3px solid #ddd; padding:20px 0 0 0; text-align:center;}
.continue-btn { display:inline-block; background:#486547; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff !important; padding:15px 30px; border:1px solid #486547; border-radius:5px; margin:0 10px;}
.continue-btn:hover { text-decoration:none; background:#324831; color:#fff !important;}
.continue-btn:focus { text-decoration:none; background:#324831; color:#fff !important;}
.exit-btn { display:inline-block; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#111; padding:15px 30px; border:1px solid #333; border-radius:5px; margin:0 10px;}
.exit-btn:hover { text-decoration:none; background:#f8f8f8; color:#111;}
.padlock-icon { float:right;}


/*Password Reset*/
.password-reset { float:left; width:100%;}
.password-reset h3 { float:left; width:100%; font-size:25px; font-weight:400; line-height:30px; color:#000; margin:0 0 30px 0; text-align:center; padding:0;}
.password-reset span { float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#065de1; margin:0 0 30px 0; text-align:center;}
.password-reset a { margin:auto; display:table; background:#486547; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff; padding:10px 20px; border:1px solid #486547; border-radius:5px; cursor:pointer;}
.password-reset a:hover { text-decoration:none; background:#324831; color:#fff;}


/*Email Reset*/
.email-reset { float:left; width:100%;}
.email-reset h3 { float:left; width:100%; font-size:25px; font-weight:400; line-height:30px; color:#000; margin:0 0 20px 0; text-align:center; padding:0;}
.email-reset-form { float:left; width:100%;}
.email-reset-form ul { float:left; width:100%; padding:0 30%; box-sizing:border-box;}
.email-reset-form ul li { float:left; width:100%; margin:0 0 20px 0;}
.email-reset-form ul li label { float:left; width:15%; font-size:20px; font-weight:400; line-height:30px; color:#000; margin:0 20px 0 0; text-align:right;}
.email-reset-form ul li span { float:left; margin:0 5px; line-height:30px;}
.email-reset-form ul li input { float:left; width:60%; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#111; padding:7px 10px; border:1px solid #111; border-radius:5px;}
.email-reset-form ul li.phone-field input { width:50px;}
.email-reset-form ul li button { margin:auto; display:table; background:#486547; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff; padding:10px 20px; border:1px solid #486547; border-radius:5px; cursor:pointer;}
.email-reset-form ul li button:hover { text-decoration:none; background:#324831; color:#fff;}


/*Custom CSS from Sunny*/

a.back-select-btn { float:left; background:#fff; font-size:15px; font-weight:normal; color:#111; padding:7px 20px; border:1px solid #ccc;}
a.back-select-btn:hover { background:#f6f6f6; text-decoration:none;}
a.back-hand-btn { float:left; background:transparent; font-size:17px; font-weight:normal; color:#324831; line-height:24px; padding:0; border:none;}
a.back-hand-btn img { float:left; background:transparent; margin:0 10px 0 0;}
a.back-hand-btn:hover { color:#324831; text-decoration:none;}
.select-product-head { float:left; width:100%;}
.select-product-head h1 { font-style:normal; text-align:center; margin:20px 0;}
.select-product-head h2 { font-size:26px; font-weight:normal; color:#000; text-align:center; margin:0 0 20px 0;}
.select-product-head p { font-size:24px; font-weight:bold; color:#486547; text-align:center;}

.full-width { display:block; width:100%;}
.text-size-12 { font-size:12px;}



@media (min-width: 768px) and (max-width: 991px) {
/*Checkout / Register*/
.checkout-head h2 { font-size:25px;}
.checkout-head span { font-size:15px;}
.existing-user { width:50%; padding:0; border-width:2px;}
.existing-user h3 { font-size:20px;}
.register-form ul li { margin:0;}
.register-form ul li label { font-size:15px; margin:0 0 5px 0;}
.register-form ul li input { font-size:12px;}
.register-form ul li a.forgot-link { font-size:12px;}
.register-form ul li button { font-size:15px; padding:5px 20px;}
.new-user { width:40%; padding:0 0 0 7%;}
.new-user h3 { font-size:20px;}
.new-user a { font-size:15px; padding:5px 20px;}
.new-user p { font-size:12px; line-height:20px;}


/*Billing Page*/
.billing-info { margin:0 0 20px 0;}
.billing-info h3 { font-size:20px; padding:0 0 10px 0; margin:0 0 10x 0;}
.billing-form { width:100%;}
.billing-form ul li label { width:30%; font-size:17px;}
.billing-form ul li input, .billing-form ul li select { float:left; width:40%; font-size:17px;}
.billing-form ul li select { width:42%;}
#ship-different { width:100%; margin:30px 0 0 0;}
#ship-different ul li label { width:40%;}
#ship-different ul li select { width:44%;}
.billing-secure { width:100%; margin:50px 0 20px 0; padding:0;}
.billing-secure ul li { width:33%; padding:0 2%; margin:0;}
.billing-secure ul li h4 { font-size:13px;}
.billing-secure ul li p { font-size:12px; padding:0;}
.shipping-info h3 { font-size:20px; padding:0 0 10px 0; margin:0 0 10x 0;}
.shipping-form ul li input { width:auto; margin:3px 10px 0 0;}
.shipping-form ul li label { font-size:15px;}
.create-account h3 { font-size:20px; padding:0 0 10px 0; margin:0 0 10x 0;}
.create-account h4 { font-size:17px;}
.account-form ul li label { width:30%; font-size:17px;}
.account-form ul li input { width:40%;}
.account-form ul li .gift-cert { font-size:15px;}
.account-form ul li button { font-size:15px;}


/*Checkout Summary*/
.ship-to h3 { font-size:20px; padding:0 0 10px 0; margin:0 0 10x 0;}
.ship-to p { font-size:17px; line-height:24px;}
.items-head ul li h4 { font-size:15px; width:13%;}
.items-head ul li h4:first-child { width:46%;}
.items-body ul li div { font-size:15px; width:13%;}
.items-body ul li div:first-child { width:46%;}
.items-footer ul li div { font-size:15px;}
.items-footer ul li div:first-child { width:55%;}
.items-footer ul li div:nth-child(2) { width:32%;}
.items-footer ul li div:last-child { width:13%;}
.items-footer ul li div.store-credit p { width:60%;}
.items-footer ul li div.store-credit .use-store-credit { width:40%;}
.items-footer ul li div.store-credit .use-store-credit label { font-size:15px;}
.shipping-method h3 { font-size:17px;}
.shipping-method ul li { font-size:15px; line-height:20px;}
.shipping-method ul li h4 { width:50%;}
.shipping-method ul li .method-price { width:33%;}
.shipping-method ul li .method-total { float:right; width:16%;}
.sub-total ul li div { font-size:15px; line-height:20px;}
.sub-total ul li div:first-child { width:50%;}
.sub-total ul li div:nth-child(2) { width:38%;}
.final-total ul li div { font-size:15px;}
.final-total ul li div:first-child { width:48%;}
.final-total ul li div:nth-child(2) { width:38%;}
.final-total ul li div:last-child { width:13%;}
.quality-prod p { font-size:15px;}
.quality-prod select { min-width:180px;}
.coupon-code p { font-size:15px;}
.payment-method h3 { font-size:17px;}
.payment-method a { width:40%;}
.payment-method a img { width:100%;}
.payment-method span { padding:0 10px;}
.continue-btn { font-size:17px; padding:10px 20px;}
.exit-btn { font-size:17px; padding:10px 20px;}
.padlock-icon img { width:30px;}


/*Password Reset*/
.password-reset h3 { font-size:20px; margin:0 0 20px 0;}
.password-reset span { font-size:20px; margin:0 0 20px 0;}
.password-reset a { font-size:17px;}


/*Email Reset*/
.email-reset-form ul { padding:0 17%;}
.email-reset-form ul li button { font-size:17px;}



.select-product-head { width:100%;}
.select-product-head h1 { font-size:30px; margin:20px 0;}
.select-product-head h2 { font-size:22px; margin:0 0 7px 0;}
.select-product-head p { font-size:20px;}




}

@media (max-width: 767px) {
/*Checkout / Register*/
.checkout-head { margin:0 0 30px 0;}
.checkout-head h2 { font-size:22px; text-align:center; line-height:24px;}
.checkout-head span { width:100%; font-size:14px; margin:10px 0 0 0; text-align:center; background:#f6f6f6; padding:3px 0;}
.existing-user { width:100%; padding:0 0 30px 0; margin:0 0 20px 0; border:0; border-bottom:2px solid #000;}
.existing-user h3 { font-size:18px;}
.register-form ul { width:100%;}
.register-form ul li { margin:0;}
.register-form ul li label { font-size:14px; margin:0 0 5px 0;}
.register-form ul li input { font-size:12px;}
.register-form ul li a.forgot-link { font-size:12px;}
.register-form ul li button { font-size:15px; padding:10px;}
.new-user { width:100%; padding:0;}
.new-user h3 { font-size:18px;}
.new-user a { font-size:14px; padding:10px;}
.new-user p { font-size:12px; line-height:20px;}

.hearder-left .main-logo img {
    margin-left: 0px!important;
}
.year {
    padding: 15px 0px!important;
}
/*Billing Page*/
.billing-info { margin:0 0 20px 0;}
.billing-info h3 { font-size:18px; padding:0 0 10px 0; margin:0 0 10px 0;}
.billing-form { width:100%;}
.billing-form ul li { margin:0 0 5px 0; box-sizing:border-box;}
.billing-form ul li label::before { margin:0 5px 0 0;}
.billing-form ul li label { width:100%; font-size:15px; margin:0; text-align:left; line-height:24px;}
.billing-form ul li input, .billing-form ul li select { float:left; width:100%; font-size:15px; box-sizing:border-box;}
.billing-form ul li select { width:100%;}
#ship-different { width:100%; margin:30px 0 0 0;}
#ship-different ul li label { width:100%;}
#ship-different ul li select { width:100%;}
.billing-secure { width:100%; margin:20px 0 0 0; padding:0;}
.billing-secure ul li { width:100%; padding:0; margin:0 0 10px 0;}
.billing-secure ul li h4 { font-size:13px;}
.billing-secure ul li p { font-size:12px; padding:0;}
.shipping-info h3 { font-size:18px; padding:0 0 10px 0; margin:0 0 10x 0;}
.shipping-form ul li { margin:0 0 10px 0;}
.shipping-form ul li input { width:auto; margin:2px 5px 0 0;}
.shipping-form ul li label { font-size:12px; text-align:left;}
.create-account h3 { font-size:18px; padding:0 0 10px 0; margin:0 0 10x 0;}
.create-account h3 span { margin:0 0 0 5px; font-size:15px;}
.create-account h4 { font-size:17px;}
.account-form ul li label { width:100%; text-align:left; margin:0; font-size:15px; line-height:24px;}
.account-form ul li input { width:100%; font-size:15px; box-sizing:border-box;}
.account-form ul li .gift-cert { font-size:14px; line-height:20px; margin:10px 0 0 0;}
.account-form ul li button { width:100%; font-size:14px; margin:20px auto 0; padding:10px 0;}


/*Checkout Summary*/
.ship-to h3 { font-size:17px; padding:0 0 10px 0; margin:0 0 10px 0;}
.ship-to p { font-size:15px; line-height:20px;}
.items-head { margin:0 0 10px 0; padding:0;}
.items-head ul li h4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:25%; background:#f6f6f6; border-right:1px solid #ccc; box-sizing:border-box;}
.items-head ul li h4:first-child { font-family:Arial, Helvetica, sans-serif; width:46%; display:none;}
.items-head ul li h4:last-child { text-align:center;}
.items-body ul li div { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:25%; background:#f6f6f6; border-right:1px solid #ccc; box-sizing:border-box;}
.items-body ul li div:first-child { width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; background:#fff; border:0; padding:0 0 10px 0;}
.items-body ul li div:last-child { border:0; text-align:center;}
.items-footer ul li div { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.items-footer ul li div:first-child { width:20%; display:none;}
.items-footer ul li div:nth-child(2) { width:75%;}
.items-footer ul li div:last-child { width:25%; text-align:center;}
.shipping-method h3 { font-size:15px; margin:0 0 10px 0;}
.shipping-method ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; box-sizing:border-box;}
.shipping-method ul li h4 { width:40%; font-size:12px; padding:0 10px 0 0;}
.shipping-method ul li .method-price { width:36%;}
.shipping-method ul li .method-total { float:right; width:20%; font-weight:normal; text-align:center; font-size:12px;}
.shipping-method ul li .method-price input { margin:0 5px 0 0;}
.shipping-method ul li .method-price label { margin:0 5px 0 0;}
.sub-total ul li div:first-child { display:none;}
.sub-total ul li div:nth-child(2) { width:70%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.sub-total ul li div:last-child { width:30%; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.final-total ul li div { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.final-total ul li div:first-child { width:20%; display:none;}
.final-total ul li div:nth-child(2) { width:75%;}
.final-total ul li div:last-child { width:25%; text-align:center;}
.quality-prod p { font-size:15px; margin:0 0 10px 0;}
.quality-prod select { min-width:90%;}
.coupon-code p { font-size:15px; margin:0 0 10px 0;}
.coupon-code input { width:80%; margin:0 0 20px 0;}
.payment-method h3 { font-size:17px; line-height:20px; padding:0;}
.payment-method a { width:80%; padding:0;}
.payment-method a img { width:100%;}
.payment-method span { float:left; width:100%; padding:10px 0;}
.continue-btn { font-size:15px; padding:10px 20px; width:80%; margin:0 0 10px 0;}
.exit-btn { font-size:15px; padding:10px 20px; width:80%; margin:0 0 10px 0;}
.padlock-icon { float:none; margin:auto; display:table;}
.padlock-icon img { width:20px;}


/*Password Reset*/
.password-reset h3 { font-size:20px; line-height:24px; margin:0 0 20px 0;}
.password-reset span { font-size:15px; margin:0 0 20px 0;}
.password-reset a { font-size:15px; padding:5px 15px;}


/*Email Reset*/
.email-reset h3 { font-size:20px; line-height:24px;}
.email-reset-form ul { padding:0;}
.email-reset-form ul li { margin:0 0 10px 0;}
.email-reset-form ul li label { font-size:15px; line-height:24px; width:100%; margin:0 0 5px 0; text-align:left;}
.email-reset-form ul li input { font-size:15px; width:100%; box-sizing:border-box;}
.email-reset-form ul li.phone-field input { width:28%;}
.email-reset-form ul li button { font-size:15px;}


.select-product-head { width:100%; margin:20px 0 0 0;}
.select-product-head h1 { font-size:20px; margin:7px 0;}
.select-product-head h2 { font-size:16px; margin:0 0 7px 0;}
.select-product-head p { font-size:14px;}


.multiple-sizes ul li h4 { font-size:12px;}
.multiple-sizes ul li h5 { font-size:12px;}
.multiple-sizes ul li span { font-size:12px;}

}

@media screen and (min-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (min-width: 992px) {


}

@media screen and (max-width: 992px) {

    .v-top .container {
        max-width: 100% !important;
    }

}

@media screen and (max-width: 767px) {

}


@media screen and (max-width: 767px) {
    .v-top .container {
        max-width: 100% !important;
    }

    .v-logo {
        max-width: 225px;
        margin: 0 auto;
    }

    .v-search {
        width: 100%;
        max-width: 100%;
    }

    .v-acc {
        text-align: center;
    }

    .v-top .col-sm-12 {
        width: 100% !important;
    }
}

@media screen and (max-width: 580px) {

}

@media screen and (max-width: 480px) {
    .hello{
        width: 100%;
        max-width: 100%;
    }
    .hello__china-links a{
        width: 100% !important;
    }
}

@media screen and (max-width: 425px) {

}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 320px) {

}



/* default */
.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

/* default */

/* header top*/
.v-logo {
    position: relative;
}

.v-logo:after {
    position: absolute;
    content: url('../../assets/img/badge.png');
    right: -40px;
    top: -10px;
}

.v-search {
    max-width: 415px;
    margin: 0 auto;
}

.v-search h3 {
    font-size: 16px;
    color: #386a38;
    font-weight: 700;
    padding-bottom: 10px;
}

.v-search span {
    color: #386a38;
    display: block;
    font-size: 11px;
    font-style: italic;
    padding-bottom: 10px;
}

.v-search-form {
    position: relative;
}

.v-search-box {
    border: 2px solid #c9994a;
    border-radius: 0;
}

.v-search-btn {
    background: #c9994a;
    border: 1px solid #c9994a;
    position: absolute;
    top: 0;
    right: 0;
}

.v-search-box::-webkit-input-placeholder { /* Edge */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #386a38;
	opacity: 0.5;
}

.v-search-box:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #386a38;
	opacity: 0.5;
}

.v-search-box::placeholder {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #386a38;
	opacity: 0.5;
}

.v-acc {
    text-align: right;
}

.v-cart {
    color: #386a38;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
}

.v-cart img {
    position: relative;
    top: -2px;
}

.v-acc-contact a, .v-b-link a {
    font-size: 12px;
    color: #386a38;
    text-transform: uppercase;
    padding: 5px 0 5px 10px;
    display: inline-block;
}

.tel {
    color: #386a38;
    font-size: 12px;
    font-style: italic;
    font-weight: 700;
}

/* header top*/






