@charset "utf-8";
/******************* Background Config *****************/
body { background: rgb(242,241,240); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iI2QwY2NjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(242,241,240,1) 0%, rgba(208,204,200,1) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,241,240,1)), color-stop(77%,rgba(208,204,200,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,241,240,1) 0%,rgba(208,204,200,1) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,241,240,1) 0%,rgba(208,204,200,1) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,241,240,1) 0%,rgba(208,204,200,1) 77%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,241,240,1) 0%,rgba(208,204,200,1) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f0', endColorstr='#d0ccc8',GradientType=0 ); /* IE6-8 */
color:#483e3c;
}
/******************* Layout Config *****************/
body, button, input, select, textarea, label { font-family:Verdana, Arial, Helvetica, sans-serif;}
header { height: 0px; padding-bottom: 19%;  border-bottom:none; background:none;}
header .outer{ background: #fff url(/skins/ecommerce/d1/images/header.jpg) no-repeat center top; }
@media only screen and (min-width: 20em) { /*320px*/
	header .outer{ background: url(/skins/ecommerce/d1/images/header.jpg) no-repeat center top / contain; }
}
footer{padding:20px;background:#800051;	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-radius:10px;
	margin:1em auto;
	color:#dfbbd2;
	box-shadow: 0 0 20px #ababab;
}
#content{clear: both; background: #fff;	box-shadow: 0 0 20px #ababab; }
#content .contentinner, #right{background: #fff; }
#right { display: none; }
aside#left {  width:240px; }
#centerpad {margin:35px 15px 0 280px;}
#superheader .inner { padding: 2px; overflow: hidden; height:19px}
#header { height: 160px; }
#header .header-text {display:none;}
.header-text-above { background-color:rgba(0,0,0,0.5)}
#header .contacts { top:20px; right:20%; font-size:1.3em;}
#header .contacts a { color:#fff;text-shadow: 1px 1px 2px #000; text-decoration:none}
#head_nav { }
#head_nav { /*float:left; */ padding:0;}
#head_nav #fullMenu ol, #head_nav #fullMenu ol li {height:1em;}
#head_nav #fullMenu ol {padding: 0 10px; margin:0;}
#head_nav #fullMenu li {
	float:right;
	border:none;
	padding:0 10px;
	margin:0 1px;
}
#head_nav #fullMenu img, #head_nav #fullMenu a {float:left;}
#head_nav #fullMenu a {
	display:block;
	height:1em;
	font-size: 0.8em;
	line-height:1.5em;
	/*padding:auto;*/
	text-decoration:none;
}
#head_nav #fullMenu { z-index:4; }
#centerpad /*container*/ { position:relative; }
#center-top /*Breadcrumbs*/ { position: absolute; top:1.5em; left:0; }
#breadcrumbs {margin-top:1em}
#content article {margin-top:0.1em}
#center-middle /*content*/ h1 { margin-bottom:1.6em; }
#center-middle /*fix Wysiwyg*/ h1.wys { margin-bottom:10px; }
#contentfloatholder { 
	background: none;
	min-height: 360px; /* tweak this */
	height: auto !important;
	height: 360px;
}
header #superheader .inner { background-color: transparent; }
#header {/* background: transparent url(/skins/ecommerce/d1/images/header.jpg) no-repeat 0 0;*/ }
#footer { background-color: #cdcdcd; }
.moreinfolink a, .return_link a, a.moreinfolink, a.return_link { background:#ada59c; color:#000 !important; margin-top:1em;}
.moreinfolink a:hover, .return_link a:hover, a.moreinfolink, a:hover.return_link { background:#800051; color:#fff !important;}
#mobileNav {background: #800051;color:#fff;}
#mobileNav .toggle {background-color: #ada59c;}
.news-container .news-image-thumbnail, .news-box .news-thumbnail-set, .events-container .events-image-thumbnail, .events-box .events-thumbnail-set, .links-container .links-image-thumbnail, .gallery-container div.imgThumb {background:#e7e6e4;}
.news-box .news-thumbnail-set .news-thumbnail-wrapper, .events-box .events-thumbnail-set, .events-container .events-image-thumbnail {background-color:#e7e6e4;-webkit-border-radius:6px;border-radius:6px;}
/******************* Colour Config *****************/
body {color:#333;}
h1, h2, h3, h4, h5, h6, #center .verticalMenu_top { color:#483e3c !important; }
article h1 {    border-bottom: 1px solid #483e3c;}
#center .verticalMenu_top{font-size:1.6em; line-height:1.6em}
#superheader .inner h1 { color: #999; font-size:11px; margin:2px; }
#footer { background-color:transparent; }
#head_nav a, #head_nav a:link, #head_nav a:visited, #head_nav a:active	{ color:#fff; font-weight: bold; }
#head_nav a:hover 	{ color:#eae7e4; }
#mobileNav .toggle { background-color:#ada59c;}
#footer a, #footer a:link, #footer a:visited, #footer a:active	{ color:#dfbbd2; }
#footer a:hover 	{ color:#aaa; }
#subfooter .inner 	{ color: #999; }
#superfooter .inner { color: #666; }
a:link, a:visited 	{ color:#95897e; }
a:hover 			{ color:#333; text-decoration: none; }
ul#menu a:link, ul#menu a:visited { color:#333; }
#fullMenu {color:#aea59c;}
/******************* Header Config *****************/
#header .inner .inner h1 {
	color:#222;
	font-weight:bold;
	font-size:12px;
	position:absolute;
	right:50px; bottom:40px;
}
/******************* Menu Config *****************/
aside#left { 
	width:240px;
	margin-right:0px;
	clear:left; 
	background-color: #800051;
	padding-bottom:50px;
}
aside#left .verticalMenu_top {height:40px; background: #800051;}
aside#left .verticalMenu_bottom {height:20px; background: none;}
aside#left .mbmenu {display:inherit; padding-left:5px;}
#left p {padding:0 5px;margin:5px;}
#left ul { margin:20px 20px 0px 20px; }
#left ul ul { margin:0px; padding:2px 0 0;}
#left ul * { list-style-type:none; }
#left li { background:transparent url(/skins/ecommerce/d1/images/bullet.png) no-repeat left 5px;padding-top:1px;padding-bottom:2px;padding-left:14px;}
#left li li { margin-left:0; }
#left li li ul > li { margin-left:5px; padding-top:0; padding-bottom:0;}
#left a {text-decoration:none;}
#left a:hover {color: #aea59c;}
#psudoleft a {
background: #95897d;
    border: 1px solid #800051;
    border-radius: 0px;
    color: #fff;
    display: block;
    margin: 0.6em 0;
    padding: 0.6em;
    text-decoration: none;
}
#psudoleft a:hover {background:#d7d4d1; color:#800051;}

/******************* Top Menu Config *****************/
#mobileNav .mobile-menu-title, #mobileNav .mobileNavCompressed {margin-top: 42px;}
/******************* Cart Config *****************/ 
.homecartbox {padding:15px 10px 30px 90px;}
.homecartbox {background:url(/skins/ecommerce/d1/images/mybag.gif) no-repeat; border-radius:0;}
.homecartbox .homecartboxheading { display:none;}
.homecartbox .homecartboxbutton {background: rgba(0, 0, 0, 0.1);float: right;text-align: right; padding:3px 5px;}
.button {background: #800051; border: 1px solid #e6d8d8;}
.button:hover { background: #800051;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {color: #fff;}
table.cart-table th, table.cart-delivery-table th { background-color:#800051; color:#fff;}
#centerpad #center-middle table.cart-table tr.cart-row-even, #centerpad #center-middle table.cart-delivery-table tr.odd { background-color:#F6F6F6; }
#centerpad #center-middle table.cart-table tr.cart-row-odd, #centerpad #center-middle table.cart-delivery-table tr.even { background-color:#FBFBFB; }
/******************* Products Config *****************/ 
.products-gallery .thumb, .product-detail .thumbs .thumb, .product-detail .thumbs { background-color: #ece8e4;}
.products-gallery .thumb {border-bottom-color:#ece8e4}
.products-gallery .price strong { color: #800051 !important;}
.products-gallery .buy .add, .products-gallery .detail .details {background: #ece8e4;padding: 5px; text-decoration:none;}
.products-gallery.sub-container {border: 1px solid #800051;}
.products-gallery .buy .add:hover, .products-gallery .detail .details:hover {background: #c182aa;color:#fff;}
.product-detail .price strong {color: #800051;}
.product-detail .fobutton, .product-detail .form .addtocart .addbutton input { background:#800051;}
.product-detail .form .addtocart .addbutton input:hover { background: #800051;}
footer .copyright a, footer .copyright a:link, footer .copyright a:visited { color: #dfbbd2;text-decoration: none; }
footer nav ol li a, footer address a, footer nav ol li a:link, footer address a:link, footer nav ol li a:visited, footer address a:visited, #subfooter small {color: #fff;}
footer nav ol li a:hover, footer address a:hover { color: #dfbbd2; }
@media only screen and (max-width: 26em) { /*416px*/
	.contentinner {padding-top:1em}
}
@media only screen and (max-width: 46em) { /*737px*/
	body{background:#fff}
}
@media only screen and (min-width: 46em) { /*737px*/
#head_nav { display:block; height:1.5em; position:absolute; top:0; right:0; background-color:rgba(0,0,0,0.3); width:100%;}
header .social { top:35px;}
#header .contacts { top:40px; right:10px;}
#content {padding:0;}
#left a:link, #left a:visited {color: #fff;}
#left a:hover, #left a:active {color: #e4dfd9;}
	aside#left, aside#left .verticalMenu_top {
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius:10px;
		}
		.verticalMenu_top {border-top-right-radius: 0px;-moz-border-radius-topright: 0px;-webkit-border-top-right-radius: 0px;}
		.verticalMenu_top:after {content: "Menu"; font-size: 2em; color:#fff; padding-left:1em;}
	#search_box {top:30px;top:auto;right:15px;	}
	header {padding-bottom: 17%;}
	.contentinner {float:none; overflow:hidden;width: auto;}
	#content {
		border: #fff 5px solid;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		box-shadow: 0 0 20px #ababab;
	}
	#relatedcontent.contentinner {float:none; margin-left: 240px;}
	header #header {padding-bottom: 17%;}
	#header .header-text {display:inline-block;}
	#search_box {
		position:absolute;
		bottom:15px;
		padding:0;
		z-index:99;
	}
	#search_box img, #search_box div {float:left;}
	#search_box div {
		display:block;
		height:40px;
		line-height:40px;
		/*padding:auto;*/
	}
	#search_box #search_box_q {height: 30px;border:none;}
	#search_box #search_box_s {
		height: 30px;
		background: #FFF url(/skins/ecommerce/d1/images/search_go.png) no-repeat center center;
		color: transparent;
		padding:0;
	}
	#search_box {
		width:240px;
		text-align:right;
		border: #d5d4d4  1px solid !important;
	}
	
}
@media only screen and (min-width: 60em) { /*960px*/
	header {padding-bottom: 166px; }
	.contentinner {/*float:left; */padding-top:0;max-width: 710px; width: 710px; margin-right: 0 !important;}
	.moreinfolink a, .return_link a, a.moreinfolink, a.return_link { background:none !important;}
	.moreinfolink a:hover, .return_link a:hover, a.moreinfolink, a:hover.return_link {color:#000 !important;}
}
@media only screen and (min-width: 80em) { /*1280px*/
	header {padding-bottom: 222px; }
	header #header {padding-bottom: 16.3%;}
	#superheader .inner { height:55px}
	.contentinner {padding-top:0;max-width: 1030px; width: 1030px; margin-left:240px;}
}
@media only screen and (min-width: 60em) and (max-width: 65em)  {  
	/*.contentinner {max-width:693px;}*/  /*IE*/
}