/* ****************** Background Config **************** */
body {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0ebf1+0,fdfdfd+100 */
background: #e0ebf1; /* Old browsers */
background: -moz-linear-gradient(top,  #e0ebf1 0%, #fdfdfd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0ebf1), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0ebf1 0%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0ebf1 0%,#fdfdfd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0ebf1 0%,#fdfdfd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0ebf1 0%,#fdfdfd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0ebf1', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
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/d4/images/header.jpg) no-repeat center top; }
@media only screen and (min-width: 20em) { /*320px*/
	header .outer{ background: url(/skins/ecommerce/d4/images/header.jpg) no-repeat center top / contain; }
}
footer{padding:20px;background:#055f9e;	-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:#eaf2f7;
	box-shadow: 0 0 20px #e7eef4;
}
#content{clear: both; background: #fff;	box-shadow: 0 0 20px #e7eef4; }
#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)}
#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;
	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/d4/images/header.jpg) no-repeat 0 0;*/ }
.moreinfolink a, .return_link a, a.moreinfolink, a.return_link { background:#055f9e; color:#fff !important;}
.moreinfolink a:hover, .return_link a:hover, a.moreinfolink, a:hover.return_link { background:#1f7eb6;}
#mobileNav {background: #1f7eb6 ;color:#fff;}
#mobileNav .toggle {background-color: #1f7eb6;}
.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:#e1ecf2;}
.news-box .news-thumbnail-set .news-thumbnail-wrapper, .events-box .events-thumbnail-set, .events-container .events-image-thumbnail {background-color:#e1ecf2;-webkit-border-radius:6px;border-radius:6px;}
/******************* Colour Config *****************/
body {color:#333;}
h1, h2, h3, h4, h5, h6, #center .verticalMenu_top { color:#055f9e !important; }
article h1 {    border-bottom: 1px solid #055f9e;}
#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:#e1ecf2; }
#mobileNav .toggle { background-color:#53a9dd;}
#footer a, #footer a:link, #footer a:visited, #footer a:active	{ color:#fff; }
#footer a:hover 	{ color:#aaa; }
#subfooter .inner 	{ color: #999; }
#superfooter .inner { color: #666; }
a:link, a:visited 	{ color:#055f9e; }
a:hover 			{ color:#333; text-decoration: none; }
ul#menu a:link, ul#menu a:visited { color:#333; }
#fullMenu {color:#055f9e;}
#mobileNav .toggle.up {background-image: url(/skins/ecommerce/d4/images/expand.png);}
#mobileNav .toggle.dwn {background-image: url(/skins/ecommerce/d4/images/contract.png);}
/******************* 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: #1f7eb6;
	padding-bottom:50px;
}
aside#left .verticalMenu_top {height:40px; background: #1f7eb6;}
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/d4/images/bullet.gif) no-repeat left 0.57em;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: #055f9e;}
#psudoleft a {
background: #c2dae8;
    border: 1px solid #adb8bf;
    border-radius: 0px;
    color: #333;
    display: block;
    margin: 0.6em 0;
    padding: 0.6em;
    text-decoration: none;
}
#psudoleft a:hover {background:#e1ecf2;}

/******************* Top Menu Config *****************/
#mobileNav .mobile-menu-title, #mobileNav .mobileNavCompressed {margin-top: 42px;}
/******************* Cart Config *****************/ 
.homecartbox {padding:15px 4px 30px 86px; font-size:0.9em}
.homecartbox {background:url(/skins/ecommerce/d4/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, a.button {background: #055f9e; border: 1px solid #53a9dd;color: #fff;}
.button:hover, a.button:hover { background: #055f9e;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {color: #fff;}
table.cart-table th, table.cart-delivery-table th { background-color:#1f7eb6; 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: #ecf2f6;}
.products-gallery .thumb {border-bottom-color:#e9f0f5}
.products-gallery .price strong { color: #1f7eb6 !important;}
.products-gallery .buy .add, .products-gallery .detail .details {background: #e1ecf2;padding: 5px; text-decoration:none;}
.products-gallery.sub-container {border: 1px solid #055f9e;}
.products-gallery .buy .add:hover, .products-gallery .detail .details:hover {background: #1f7eb6;color:#fff;}
.product-detail .price strong {color: #1f7eb6;}
.product-detail .fobutton, .product-detail .form .addtocart .addbutton input { background:#055f9e;}
.product-detail .form .addtocart .addbutton input:hover { background: #1f7eb6;}
footer .copyright a, footer .copyright a:link, footer .copyright a:visited { color: #eaf2f7;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: #eaf2f7;}

#relatedcontent a, #siblings a {
    background: #e7eef4 none repeat scroll 0 0;
    border: 1px solid #a4cfe9;
    color: #333;
}
@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:80px;}
#content {padding:0;}
#left a:link, #left a:visited {color: #fff;}
#left a:hover, #left a:active {color: #c2dae8;}
	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 #e7eef4;
	}
	#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;
	}
	#search_box #search_box_q {height: 30px;border:none;}
	#search_box #search_box_s {
		height: 30px;
		background: #FFF url(/skins/ecommerce/d4/images/search_go.png) no-repeat center center;
		color: transparent;
		padding:0;
	}
	#search_box {
		width:240px;
		text-align:right;
		border: #c0d9e8  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;}
}
@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\0;}  /*IE*/
}