@charset "utf-8";

/*-HTML5 Reset :: style.css---------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements: 
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*, 
*:before, 
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

img{/*display:block;*/ vertical-align:bottom;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

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

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

li.clearfix {
	display: list-item;
}
/*Hide these rules from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
    *zoom: 1;
}  

/*-EndHTML5 Reset :: style.css-----------*/

/*-Helper classes------------------------*/

.uppercase {
		text-transform: uppercase;
}
.lowercase {
		text-transform: lowercase;
}
.boldcase {
		font-weight: bold;
}
.normalcase {
		font-weight: normal;
}
.textdec-underline {
		text-decoration: underline;
}
.textdec-normal {
		text-decoration: none;
}
.Text-Idnt {
		text-indent: -99999px;
}
.hidden {
		display: none !important;
		visibility: hidden;
}
.visuallyhidden {
		border: 0 none;
		clip: rect(0px, 0px, 0px, 0px);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
}
.invisible {
		visibility: hidden;
}
img {
		border: 0 none;
		height: auto;
		max-width: 100%;
}
img.floatleft {
		float: left;
		margin: 0 10px 0 0;
}
img.floatright {
		float: right;
		margin: 0 0 0 10px;
}
.floatleft {
		float: left;
}
.floatright {
		float: right;
}
a{
		
	  	color: #000000;
	  	text-decoration: none;
	  	-webkit-transition: all 0.5s ease-in-out;
	  	-moz-transition: all 0.5s ease-in-out;
	  	-o-transition: all 0.5s ease-in-out;
	  	transition: all 0.5s ease-in-out;
}
a:hover{
		text-decoration: underline;
}
p:last-child{
		padding-bottom:0 !important;
}
a.mobileLogo{
		display:none;
}

/*-Colour Style------------------*/
.blue {
		color:#495b82;
}
.gray2 {
		color:#373737;
}

/*-End Colour Style--------------*/

/*-Mobile Anchor-----------------*/
a.callnumber-Gray {
		color:#737373 !important;
		text-decoration:none !important;
}
a.callnumber-White {
		color:#fff !important;
		text-decoration:none !important;
}



/*-Scroll top button------------*/

/*.scrollToTop{
	width:38px; 
	height:38px;
	display:none;
	overflow:hidden;
	text-indent:-99999px;
	position:fixed;
	bottom:2%;
	right:5%;
	background:url(../images/arrow_up.png) no-repeat 0 0;
}*/


/*-Start Custom Styles------------------*/

body{
		background:#88736e url("bg.jpg") left top repeat;;
		font:normal 100%/1.5 Arial,Helvetica,sans-serif;
		color:#fff1ba;
		margin:0;
		text-align: left;

}

.chromeframe{
		margin:0.2em 0;
		background: #ccc;
		color: #000;
		padding: 1em 0;
		z-index:100;
		text-align:center
}
.header, .footer, .content {
		width: 100%;
}
.footer{
	/*background:#efefef;*/
}
.wrapper {
		position:relative;
		width:100%;
		max-width:63.875em; /*1022/16*/
		margin:0 auto;
		/*padding:0 2.14953271028037%;*/ /*23/1070 = 1024*/
}

/*go top*/

/*#gotop{
	position:fixed;
	display:block;
	text-align: center;
	width:40px;
	height:40px;
	right:30px;
	bottom:30px;
	background: rgba(0,0,0, 0.5);
	font-size:40px;
	line-height: 1;
	color: #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	cursor: default;
	border: 1px solid rgba(0,0,0, 0.5);

	transition: all 0.3s ease-in 0s; 
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s; 
    -o-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
}
#gotop:hover{
	border: 1px solid rgba(256, 256, 256, 0.5);
}*/
/*end go top*/

/*header*/
.headerTop{
	position: relative;
	padding: 15px 0 15px 0;
}
.logo{
	float: left;
}
ul.topRight{
	position: relative;
	float: right;
	list-style: none;
	padding: 15px 0 0 0;
}
ul.topRight li{
	list-style: none;
	display: list-item;
	margin: 0 0 15px 0;
}
ul.topRight li:last-child{
	margin: 0 0 0 0;
}
ul.topRight li a{
	position: relative;
	height: 50px;
	display: block;
	font-size: 14px;
	color: #fff1ba;
	padding: 15px 0 0 60px;
	text-transform: uppercase;
	text-decoration: none;
}
ul.topRight li a:hover{
	color: #000;
}
ul.topRight li i{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 50%;
	border: 2px solid #976b60;
	background: #f9eee0;
	font-size: 24px;
	color: #976b60;
	line-height: 1.9;
	text-align: center;
}
ul.topRight select{
	width: 100% !important;
	position: relative;
}
.tagLine{
	position: relative;
	/*width: 100%;*/
	top: 0;
	/*padding: 50px 27.3972602739726% 0;*/ /*280/1022*/
	margin: 50px 27.3972602739726% 0; /*280/1022*/

	font: normal 22px/1.5 "Times New Roman";
	color: #fff1ba;
}
.tagLine span{
	display: block;
}


/*nav style*/
.navWrapper{
	position: relative;;
	background: #976b60;
}
.navtogglebutton{
		display:none;
}

nav{
		/*position:relative;*/
		/*background:#14402c;*/
		/*background:rgba(0, 0, 0, 0.5);*/
		/*height:36px;*/
}
nav ul{
		position:relative;
		list-style:none;
		width:auto;
		padding:8px 0 8px 0;
		text-align:center;
}
nav ul li{
		position:relative;
		list-style:none;
		display:inline-block;
		/*float:left;*/
}
nav ul li a{
		position: relative;
		padding:0 5px 0 3px;
		display:block;
		/*font:normal 18px/1 Arial, Helvetica, sans-serif;*/
		line-height:1;
		text-decoration:none;
		font-size:12px;
		font-weight: bold;
		color:#fff1ba;
		text-transform: uppercase;
		border-right:1px solid #fff1ba;
}
nav ul ul{
	position: absolute;
	list-style: none;
	background: #976b60;
	padding: 13px 0 13px 0;
	min-width: 220px;
	z-index: 1001;
	margin: 0 0 0 -5px;
	text-align: left;
	display: none;
}
nav ul ul li{
	list-style: none;
	display: list-item;
}
nav ul ul li a{
	position: relative;
	padding:8px 12px !important;
	display:block;
	line-height:1.5;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
	color:#fff1ba;
	text-transform: uppercase;
	border:none;
}

nav ul li a:hover{
		color:#fff;
		/*background:#164a95;*/
		text-decoration:underline;
}
nav ul li:hover ul, nav ul li a:hover ul{
	display: block;
}

nav ul li:first-child a{
		padding-left:0;
}
nav ul li:last-child a{
		border-right:none;
		padding-right:0;
}

/*end nav style*/

/*end header*/

/*footer*/
.footer{
	background:#88736e;
	padding: 30px 0;
}
ul.footerLinks{
	position: relative;
	list-style: none;
	text-align: center;
	margin: 0 0 25px 0;
}
ul.footerLinks li{
	list-style: none;
	display: inline-block;
	border-right: 1px solid #fff1ba;
}
ul.footerLinks li:last-child{
	border-right: none;
}
ul.footerLinks li a{
	display: block;
	font-size: 12px;
	color: #fff1ba;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 5px 0 3px;
}
ul.footerLinks li a:hover{
	text-decoration: underline;
}

ul.footerSocialList{
	list-style: none;
	padding: 0 0 15px 0;
	text-align: center;
}
ul.footerSocialList li{
	list-style: none;
	display: inline-block;
	margin: 0 1px 0 0;
}
ul.footerSocialList li:last-child{
	margin: 0 0 0 0;
}
ul.footerSocialList li a{
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	border-radius: 50%;
	border: 2px solid #976b60;
	background: #f9eee0;
	font-size: 20px;
	color: #976b60;
	line-height: 1.9;
	text-align: center;
	text-decoration: none;
}
ul.footerSocialList li a:hover{
	color: #fff;
	background: #976b60;
	border-color: #fff;
}
.copyright{
	font-size: 14px;
	text-align: center;
	color: #fff1ba;
	padding: 0 0 15px 0;
}
.webCredit{
	font-size: 10px;
	text-align: center;
	color: #fff1ba;
}
.webCredit a{
	color: #fff1ba;
	text-decoration: none;
}
.webCredit a:hover{
	text-decoration: underline;
}


/*end footer*/

/*home*/

.marqueeWrap{
	position: relative;
	margin: 8px 0;
	border: 3px solid #976b60;
	padding: 8px 12px 0 12px;

	font-size: 16px;
	color: ##fff1ba;
}


.homeSliderWrap{
	position: relative;
	margin: 8px 0;
}
.homeSliderInner{
	position: absolute;
	top: 8.93300248138958%; /*36/403*/
	left: 3.22896281800391%; /*33/1022*/
	width: 93.34637964774951%; /*954/1022*/
	display: block;
}
.homeSliderInner img{
	display: none;
}
.homeSliderInner img:first-child{
	 display: block;
}
.featuredArtWrapper{
	position: relative;
	padding: 0 0 30px 0;
}
.featuredArtWrapper h1{
	font-size: 16px;
	font-weight: bold;
	color: #fff1ba;
	text-align: center;
	text-transform: uppercase;
	background: #976b60;
	padding: 10px 0 8px 0;
	margin: 0 0 10px 0;
} 

ul.featureddImgList{
	position: relative;
	list-style-type: none;
	list-style: none;
}
ul.featureddImgList li{
	position: relative;
	width: 32.28962818003914%; /*330/1022*/
	float: left;
	margin: .78277886497065% 1.56555772994129% .78277886497065% 0; /*8/1022 | 16/1022*/
	overflow: hidden;
}
ul.featureddImgList li:nth-of-type(3n){
	margin: .78277886497065% 0 .78277886497065% 0;
}
ul.featureddImgList li a{
	display: block;
	text-decoration: none;
}
ul.featureddImgList .caption{
	cursor: pointer;
	position: absolute;
	width: 100%;
	display: block;
	padding: 10px;
	opacity: 0;
	top:100%;
	background-color: rgba(90,69,64,0.8);
	font-size: 16px;
	color: #fff1ba;
	text-align: center;

	-webkit-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out;
	-o-transition:all 0.15s ease-in-out;
	-ms-transition:all 0.15s ease-in-out;
	transition:all 0.15s ease-in-out;
}
ul.featureddImgList li:hover .caption{
	opacity: 1;

	transform: translateY(-100%);
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
}

.touch ul.featureddImgList .caption, .touch ul.featureddImgList li:hover .caption{
	opacity: 1;
	top: auto;
	bottom: 0;

	transform: none;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
}




ul.featureddImgList img{
	margin: 0px;
	padding: 0px;
	float: left;
	z-index: 4;
}

ul.featureddImgList h2{
	font-size: 16px;
	font-weight: bold;
}

/*end home*/

/*common sub page*/
.subpageWrap{
	margin:10px auto;
	padding:25px 25px;
	background:rgba(151,107,96,0.7);
}
.subpageWrap2{
	margin:0 auto 10px;
	position:relative;
}

/*end common sub page*/

/*product details page*/

.prdDetailsImgwrap{
	position:relative;
	width:100%;
	/*float:left*/
	margin:10px 0 0 0;
}
#SKmainImage{
	width:32.28962818003914%; /*330/1022*/
	float:left;
	text-align:center;
	background: #976b60;
	border:1px solid #976b60;
}

	
#SKgalleryImage{
	width:65.55772994129159%; /*670/1022*/
	float:right;
	
	/*margin:-5px 0 0 0;*/

}
#SKgalleryImage a{
	/*width:23.50746268656716%;*/ /*157.5/670*/
	/*margin:3px 0.74626865671642%;*/ /*5/670*/
	width:25%;
	padding:5px;
	
	display:inline-block;
	border:1px solid #976b60;
	margin:0 0 0 0;
}

.prdDetailsWrap{
	position:relative;
	/*float:right;*/
	text-align:left;
	width:100%;
	background:rgba(151,107,96,0.5);
	padding:25px;
	margin:20px 0;
	font-size:16px !important;
}
.prdDetailsWrap h1{
	font-size:18px;
	padding:0 0 15px 0;
}
.woocommerce-product-rating{
	padding:0 0 15px 0;
	font-size:14px;
}
.prdPrice{
	font-size:18px;
	padding:0 0 10px 0;
}
.prdPrice span{
	font-weight:bold !important;
	color:#fff;
}
.prdDetailsWrap p{
	line-height:1.4;
	padding:0 0 15px 0;
}
.prdDetailsWrap div[itemprop="description"]{
	padding:0 0 30px 0;
}
.prdDetailsWrap input[type="number"]{
	height:42px;
	font-size:16px;
	line-height:1.8;
	padding:5px 10px 0;
	width:100px;
	border:0;
	float:left;
	outline:none;
}
.prdDetailsWrap button[type="submit"]{
	float:left;
	margin:0 0 0 10px;
	height:42px;
	background:#805950;
	color:#fff1ba;
	text-transform:uppercase;
	text-align:center;
	padding:8px 15px;
	font-weight:bold;
	border:1px solid #61433c;
}
.prdDetailsWrap .product_meta{
	padding:25px 0 0 0;
}
.prdDetailsWrap a{
	color:#fff !important;
	text-decoration:underline;
}

.reviewDetailsWrap{
	position:relative;
	/*float:right;*/
	text-align:left;
	width:100%;
	background:rgba(151,107,96,0.5);
	padding:25px;
	margin:0 0 20px 0;
	font-size:16px !important;
}
.reviewDetailsWrap h2{
	background:#805950;
	border:1px solid #805950;
	padding:8px 10px 5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

ol.commentlist{
	list-style:none !important;
	line-height:1.4;
}
ol.commentlist li{
	padding:15px 0;
	border-bottom:1px solid #d4b9b2;
}
ol.commentlist li:last-child{
	border-bottom:none;
}
.reviewDetailsWrap [itemprop="reviewRating"]{
	font-size:14px !important;
	padding:12px 0 0 0;
	color:#fff !important;
}
.reviewDetailsWrap p.meta{
	padding:0 0 12px;
}
.reviewDetailsWrap [itemprop="author"], .reviewDetailsWrap [itemprop="datePublished"]{
	font-size:14px !important;
	font-style:italic !important;
	color:#fff !important;
	
}
#review_form_wrapper{
	margin:30px 0 0 0;
	font-size:16px;
	line-height:1.4;
}
#review_form_wrapper h3{
	background:#805950;
	border:1px solid #805950;
	padding:8px 0 5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 20px 0 !important;
}
#review_form_wrapper label{
	display:block;
	padding:0 0 5px 0;
}
.woocommerce #review_form #respond p{
	padding:10px 0 10px 0 !important;
	margin:0 0 0 0 !important;
}
#review_form_wrapper textarea{
	width:100%;
	min-height:150px;
	font-size:16px;
	padding:8px 10px;
	resize:vertical;
	border:0;
	outline:0;
}
#review_form_wrapper input[type="text"], #review_form_wrapper input[type="email"]{
	width:50%;
	font-size:16px;
	padding:8px 10px;
	border:0;
	outline:0;
}
#review_form_wrapper input[type="submit"]{
	width:150px !important;
	padding:15px !important;
	margin:15px 0 0 0 !important;
}

.related h3{
	background:#805950;
	border:1px solid #805950;
	padding:8px 10px 5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

/*end product details page*/

/*product listing page*/

p.woocommerce-result-count{
	margin:25px 0 15px;
}
p.woocommerce-result-count span{
	background:#976b60;
	color:#f5f1ba;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	padding:8px 15px;
}

/*end product listing page*/

/*cart pages*/
.entry-title, #order_review_heading{
	background: #805950;
    border: 1px solid #805950;
    padding: 8px 0 5px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
}
.woocommerce a{
	color:#fff;
	text-decoration:underline;
}
#customer_details{
	margin:0 0 30px 0;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3{
	font-weight:bold;
	margin:0 0 30px 0;
}
.woocommerce-shipping-fields h3 label{
	font-weight:bold;
}
.woocommerce-shipping-fields input[type="checkbox"], p.form-row input[type="checkbox"]{
	vertical-align:middle;
}
.wc_payment_method label{
	color:#000;
}
#place_order {
	background:#dad8da;
}

/*end cart pages*/

/*aboutus & contactus page*/

.commonBannerNew{
	position: relative;
	margin: 8px 0;
}
.commonTextWrapNew{
	position: relative;
	margin: 0 0 30px 0;
	padding: 20px 20px 40px 20px;
	background: #b87a61;

	font-size: 14px;
	color: #fff1ba;
}
.commonTextWrapNew p{
	padding: 0 0 15px 0;
}
.commonTextWrapNew h1{
	font-size: 16px;
	font-weight: bold;
	color: #fff1ba;
	text-align: center;
	text-transform: uppercase;
	background: #805950;
	padding: 10px 0 8px 0;
	margin: 0 0 30px 0;
}

.contactWrap{
	position: relative;
}
.contactWrap h2{
	font-size: 14px;
	font-weight: bold;
	color: #fff1ba;
	text-transform: uppercase;
	background: rgba(128,89,80,0.5);
	margin: 0 0 20px 0;
	padding: 8px 15px;
	text-align: center;

	border-radius: 3px;
}
.contactWrap a{
	color: #fff1ba;
	text-decoration: underline;
}
.contactWrap a:hover{
	text-decoration: none;
}
.contactAddress{
	position: relative;
	width: 50%;
	float: left;
	padding: 0 30px 0 0;
	text-align: center;
}
.contactFormWrap{
	position: relative;
	width: 50%;
	float: left;
	padding: 0 0 10px 30px;
	border-left: 1px solid #fff1ba;
}
.formFieldWrapNew{
	padding: 0 0 10px 0;
}
.contactFormWrap label{
	font-size: 14px;
	display: block;
	padding: 0 0 3px 0;
	font-weight: 700;
}
.contactFormWrap input[type="text"]{
	width: 100%;
	font-size: 14px;
	padding: 7px 5px;
	border: none;
	color: #000;
	outline: none;
}
.contactFormWrap textarea{
	width: 100%;
	min-height: 75px;
	font-size: 14px;
	padding: 7px 5px;
	border: none;
	color: #000;
	resize: vertical;
	outline: none;
}
.contactFormWrap input[type="submit"]{
	width: 50%;
	/*display: block;
	margin: 0 auto;*/
	font-size: 16px;
	font-weight: bold;
	padding: 12px 10px;
	border: none;
	color: #fff1ba;
	text-align: center;
	text-transform: uppercase;
	background: #805950;
}

/*end aboutus & contactus page*/


/*-Media Queries--------------------------------------------------------------------------------------------------------------------*/


/*================(<1022)================*/
@media screen and (max-width: 63.875em){
/*header*/
.logo{
	padding: 0 0 0 15px;
}
ul.topRight{
	padding: 15px 15px 0 0;
}
/*nav*/
.navWrapper{
	position: absolute;
	width: 100%;
	top: 0;
	background: #554744;
	
	border-bottom: 5px solid #554744;
	z-index: 1000;
}
.navtogglebutton{
		/*width:100%;*/
		/*height:41px;*/

		width: 60px;
		/*height: 40px;*/
		background: #554744;

		display:block;
		cursor:pointer;
		position:relative;
		/*top:0;
		left:0;
		z-index:1001;*/
		
		z-index:2;
		margin:0  auto -45px;
		padding:2px 0;
		/*background:#e40138 url(../images/nav-toOpen.png) 98% 50% no-repeat;*/
		overflow:hidden;
		
		font-size:16px;
		line-height:1.5;
		font-weight:700;
		color:#fff;
		text-decoration:none;

		border-radius: 0 0 3px 3px;
}
.navtoggleactive{
		transition: .2s margin ease;
}
.mobileNavIcon{
	width: 40px;
    height: 25px;
    display: block;
    position: relative;
    margin: 5px auto 10px;
    color: #333;
    background: none;
    border: 0;
    outline: none;

	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.mobileNavIcon .line{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;

    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    top: 50%;
}
.mobileNavIcon .line:before,
.mobileNavIcon .line:after {
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 5px;
		background: #fff;
		content: '';
		-webkit-transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
}
.mobileNavIcon .line:before {
		-webkit-transform: translateY(-160%);
		transform: translateY(-160%);
}

.mobileNavIcon .line:after {
		-webkit-transform: translateY(160%);
		transform: translateY(160%);
}
.navtoggleactive .mobileNavIcon .line {
		background-color: transparent;
}
.navtoggleactive .mobileNavIcon .line:before {
		-webkit-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
}
.navtoggleactive .mobileNavIcon .line:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
}

span.showSubmenu{
		position:absolute;
		top:0;
		right:0;
		width:50px;
		height:35px;
		border-radius:0;
		text-align:center;
		line-height:1.2;
		font-size:30px;
		background:#c0c0c0;
		cursor:default;
		color: #000;
}

nav{
	background: transparent;
	display: none;
}
nav ul{
	padding: 60px 0 0;
}
nav ul li{
	width: 100%;
	border-bottom:1px solid #5c524f;
}
nav ul li:last-child{
	border-bottom: none;
}
nav ul li a{
	display: block;
	border:none;
	line-height: 2.5;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 0;
}
nav ul li a:hover{
		text-decoration: none;
}
nav ul li ul{
	position: relative;
	display: none;
	text-align: center;
	padding: 0 0;
	background: #332926;
}
nav ul li:hover ul, nav ul li a:hover ul{
	display: none;
}
nav ul li ul a{
	color: #fff;
}


/*end nav*/

/*end header*/

/*product details page*/

.prdDetailsImgwrap{
	padding:15px;
	background:rgba(151,107,96,0.5);
}
.prdDetailsWrap, .reviewDetailsWrap{
	padding:15px;
}
	
/*end product details page*/	


}

/*================(1023 - 769)================*/
/*@media only screen and (max-width: 63.9375em) and (min-width: 48.0625em) {
	
}*/


/*================(<1000)================*/
@media screen and (max-width: 62.4375em) {
/*header*/
.tagLine{
	font-size: 18px;
	margin: 50px 27.3972602739726% 0 30%;
}

/*end header*/	

/*footer*/
ul.footerLinks{
	margin: 0 15px 25px;
}
ul.footerLinks li{
	margin: 5px;
	border: none;
}
ul.footerLinks li a{
	padding: 10px 20px;
	background: #554744;
	text-decoration: none;
}
ul.footerLinks li a:hover{
	text-decoration: none;
}
/*end footer*/


/*home*/
ul.featureddImgList .caption{
	opacity: 1;
	top: auto;
	bottom: 0;
	font-size: 14px;
}
ul.featureddImgList li:hover .caption{
	transform: none;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
}
/*end home*/



}

/*================(<800)================*/
@media screen and (max-width: 50em) {

}

/*================(768)================*/
@media screen and (max-width: 48em) {
	
}

/*================(<768)================*/
@media only screen and (max-width: 47.9375em){
/*header*/
.headerTop{
	padding: 15px 0 0 0;
}
.tagLine{
	width: 100%;
	float: left;
	font-size: 20px;
	background: #976b60;
	padding: 10px 15px;
	text-align: center;
	margin: 15px 0 0 0;
}
/*end header*/


}
	
/*================(767 - 641)================*/
@media only screen and (max-width: 47.9375em) and (min-width: 40.0625em) {
}

/*================(640)================*/
@media screen and (max-width: 40em) {
}

/*================(639 - 481)================*/
@media only screen and (max-width: 39.9375em) and (min-width: 30.0625em) {
}

/*================(<640)================*/
@media only screen and (max-width: 39.9375em){
/*header*/
.headerTop{
	padding: 50px 0 0 0;
}

/*nav*/
/*nav ul li{
	width: 50%; 
	float: left;
}
nav ul li a{
	font-size: 12px;
}
*/
/*end nav*/

/*end header*/

/*home*/
ul.featureddImgList{
	margin: 0 5px;
}
ul.featureddImgList li{
	width: 48%;
	margin: 1%;
}
ul.featureddImgList li:nth-of-type(3n), ul.featureddImgList li:nth-of-type(2n){
	margin: 1%;
}
/*end home*/


/*product listing page*/

p.woocommerce-result-count{
	margin:25px 0 15px;
	text-align:center;
}

/*end product listing page*/

/*aboutus & contactus page*/
.commonTextWrapNew{
	padding: 20px 15px 40px;
}

.contactAddress{
	float: none;
	width: auto;
	padding: 0 0 25px 0;
}
.contactFormWrap{
	float: none;
	width: auto;
	padding: 0 0 0 0;

	border: none;
}
.contactFormWrap input[type="submit"]{
	margin: 0 auto;
	display: block;
	width: 100%;
}

/*end aboutus & contactus page*/

}
	
/*================(480)================*/
@media only screen and (max-width: 30em) {
}

/*================(<480)================*/
@media only screen and (max-width: 29.9375em) {
/*header*/
.headerTop{
	padding: 15px 0 0 0;
}
.logo{
	position: relative;
	width: 100px;
	margin: 0 auto 15px;
	padding: 0;
	float: none;
}
ul.topRight{
	float: none;
	padding: 0 10px;
	/*background: #976b60;*/
}
ul.topRight li{
	width: 100%;
	margin: 0 0 8px 0;
}
ul.topRight li i{
	width: 38px;
    height: 38px;
    top: -1px;
    left: 0;
    font-size: 20px;
    line-height: 1.7;
}
ul.topRight li a{
	height: 40px;
	padding: 8px 0 0 45px; 
	background: #976b60;
	border:2px solid #976b60;
	border-radius: 38px;
}
ul.topRight li a:hover{
	color: #fff1ba;
}
.tagLine{
	font-size: 18px;
}

/*nav*/
.navWrapper{
	border-bottom-color: #554744;
	background: #554744;
}
.navtogglebutton{
	margin: 0 0 -45px;
	background: #554744;
}
nav ul, nav ul ul{
	text-align: left !important;
}
nav ul li a{
	padding: 0 15px !important;
}
nav ul ul li a{
	padding: 8px 20px !important;
}
/*end nav*/

/*end header*/

/*footer*/
ul.footerLinks{
	margin: 0 15px 25px;
}
ul.footerLinks li{
	margin:0 0 3px;
	border: none;
	display: list-item;
}
ul.footerLinks li a{
	display: block;
	padding: 7px 10px;
}

/*end footer*/



/*home*/
ul.featureddImgList{
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
}
ul.featureddImgList li, ul.featureddImgList li:nth-of-type(3n), ul.featureddImgList li:nth-of-type(2n){
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
ul.featureddImgList li:last-of-type{
	margin: 0;
}

/*end home*/

/*product details page*/

#SKmainImage{
	max-width:330px;
	width:100%;
	margin:0 auto 20px;
	float:none;
}
#SKgalleryImage{
	max-width:330px;
	float:none;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#SKgalleryImage a{
	width:50%;
	border:none;
}
.related h3{
	margin:0 0 10px 0;
}

/*end product details page*/


}

/*================(320)================*/
@media screen and (max-width: 20em) {

}

/*-VENDOR-SPECIFIC---------------------*/	
*/
html {
}
.clearfix {
}
*::-moz-selection {
    background: none repeat scroll 0 0 rgb(23, 119, 175);
    color: rgb(250, 250, 250);
    text-shadow: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
}
input:-moz-placeholder {
    font-size: 0.875em;
    line-height: 1.4;
}
.ie7 img, .iem7 img {
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
p {
    /*-moz-hyphens: auto;*/
}


/*-Print styles---------------------*/
*/
@media print {
* {
    background: none repeat scroll 0 0 transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")";
}
abbr[title]:after {
    content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {

    margin: 0.5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}