@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,700,700i');

@media screen and (max-width: 3000px) {
	
body { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; color: #555; margin: 0; padding: 0;}

#page {max-width: 1200px; margin: 0 auto; position: relative; }

div.error{  border: 1px solid #CC3300;color:#CC3300;background:#EBD6D6;margin:5px 0;padding:10px;}
div.success{border: 1px solid #336600;color:#336600;background: #C7FECF;margin:5px 0;padding:10px;}
/* Text */
h1 { margin: 0 0 1em 0; font-size: 2em; font-weight: 700;  color: #a52a2a;}
h2 { margin: 0 0 .5em 0; font-size: 1.4em; font-weight: 700; line-height: 1.1em; color: #a52a2a;}
h3 { margin: 0 0 .5em 0; font-size: 1em; font-weight: 700; }
h4 { margin: 0 0 1.5em 0; font-size: .8em; font-weight: 300; }


.fastdespatch{
	position: absolute;
    left: 0;
	top: 0;
	z-index: 1;
	background-image:url(../images/fastdespatch.png); 
	width:45px;
	height: 45px;
	}
.special{
    position: absolute;
    right: 0;
	top: 0;
	z-index: 1;
}
.specialText{
	color: white;
	font-size: .9em;
    position: relative;
}
.sptLine1{display: inline-block;width: 55px;font-size: .6em;}
.sptLine2{display: inline-block;width: 55px;font-size: 1.1em; position: relative; top: -.3em;}
.sptLine3{display: inline-block;width: 55px;font-size: .7em; position: relative; top: -1.4em;}
	
	
.dot {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  display: inline-block;
}

.mainColour{color: #a52a2a;}
.cRed{ color: red; }

.bgHome {background-color: #a52a2a !important;}
.bgLtRed { background-color: #E87678 !important;}
.bgRed { background-color: red !important;}
.bgOJ { background-color: orange !important;}
.bgLtOJ { background-color: #e4b762 !important;}
.b {font-weight: 600;}
.link_hover{cursor:pointer;text-decoration:none;}
.footnote{ font-size: .6em !important;}	
.locshow { padding:10px 0;}

/* Elements */
p { margin: 0 0 1em 0; font-size: 1em; }

a {color: #007eff; }
a:visited { color: #65b1ff; }

a.btn { font-size: 1.2em; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 4px 15px; transition: background-color .5s; }
a.btn:hover { background-color: rgba(0,0,0,.3);}

a.ctaButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c; -webkit-box-shadow:inset 0px 1px 0px 0px #cf866c; box-shadow:inset 0px 1px 0px 0px #cf866c;
	background-color:#d0451b;
	-moz-border-radius:3px;	-webkit-border-radius:3px;
	border-radius:3px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial;
	font-size:1.2em;
	padding:6px 24px; text-decoration:none;	text-shadow:0px 1px 0px #854629;
}
a.ctaButton:hover { background-color:#bc3315; }
a.ctaButton:active { position:relative; top:1px; }

input[type=button] {
	  border: 0;
	  border-radius: 0.25rem;
	  background: #a52a2a;
	  color: white;
	  font-family: system-ui, sans-serif;
	  font-size: 1.2em;
	  line-height: 1.2;
	  white-space: nowrap;
	  text-decoration: none;
	  padding: 0.25rem 0.5rem;
	  margin: 0.25rem;
	  cursor: pointer;
	}
		
input[type='button']:hover {
    color: #000;
}		
.show{visibility: visible; display: block;}
.hide{visibility: hidden; display: none;}
	
/* scroll */
	
.scroll-box::-webkit-scrollbar { width: 5px;height: 5px; }
.scroll-box::-webkit-scrollbar-track {box-shadow: inset 0 0 5px #e8e8e8; }
.scroll-box::-webkit-scrollbar-thumb { background: #a52a2a; }
.scroll-box::-webkit-scrollbar-thumb:hover { background:#531011; }
	
		
	
/*  Modal screen   */
	
.modal-screen-show{background:#000;width:100%;position:absolute;top:0;left:0;opacity:0.8;z-index:2000;*display:none;}
.modal-screen-hide{visibility:hidden;display:none;}
.modal-dialog-show{visibility:visible;height:100%;width:100%;position:absolute;top:0;left:0;z-index:9999;*display:none;}
.modal-dialog-hide{visibility:hidden;display:none;}
#modal {display:none;}
#modal-header {display:none;}
.modal #modal {display:block;}
.modal #modal-header {display:block;}
.not-modal #modal {display:none;}
.not-modal #modal-header {display:none;}
.dialog{background-color: #FFFFFF;border: 1px solid #999;padding: 10px;}
#dialog-header{background-image:url(../images/icons/title_bg.png);background-repeat:repeat-x;color:#FFF;font-weight:bold;font-size:12px;}
.overlay-decorator {background:#024;height:100%;width:100%;position:absolute;top:0;left:0;opacity:0.8;z-index:2000;*display:none;}
.overlay-wrap {height:100%;width:100%;display:block;position:absolute;top:0;left:0;z-index:2001;overflow:auto;*overflow-x:hidden;*zoom:1;*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc002244,endColorstr=#cc002244);*background:transparent url(pixel.gif);}
#overlay {z-index:2001;position:relative;margin:0 auto;display:table;height:100%;vertical-align:middle;width:445px;*width:100%;*text-align:center;}
.dialog-wrap {display:table-cell;*width:410px;*text-align:left;*zoom:1;}
.dialog-decorator {display:none;*vertical-align:middle;*zoom:1;*height:100%;*width:0;*background:red;}

#alert-box{padding:10px;font-size:14px;}
.alert-title{font-size:14px; font-weight:bold; text-align:left; border-bottom:solid 1px #CCC; padding-bottom:20px;}
.alert-cell{font-size:14px; text-align:left; padding:10px 0;}
.alert-action{ border-top:solid 1px #CCC; padding-top:20px;height: 30px;}
.rt{text-align:right;}
.h100{height:100px;}
.alert-image{float: left;padding-right: 10px;text-align: center;width: 80px;}
.button{padding-right:39px;}	
.alert-description{float: left;padding: 20px 0;width: 210px; font-size:12px;}	
.alert-price{float: left;padding-top: 30px;text-align: right;width: 100px; }
#close{position:absolute; left:405px;}
.alert-size{font-size:10px;}

/* Header */
header {height: 280px; background: #bbbab8 url(../images/banner_1200.jpg) no-repeat center bottom; position: relative;}

header a.logo { 
	z-index: 12;
	position: absolute; 
	display: block; width: 250px; height: 60px;
	/*166,40 - 250,60*/
	background: url(../images/logo.svg) no-repeat 0 0; background-size: contain;
	top: 5px; left: 5px; }

header a.logo span { display: none;}

header div.hero { position: absolute; width: 85%; top: 90px; left: 5%; text-align: right;}
header div.hero h1 { line-height: 1em; margin: 0 0 20px 0; color: #fff; }
header div.hero h3 { line-height: 1.1em; margin: 0 0 15px 0; color: #fff; }
header div.hero p { font-size: .8em; margin: 0 0 15px 0; color: #fff; }
	
	
/* Section - All */
section { padding:30px; }
section::after { content: ''; display: block; clear: both; }
	
#ins { font-size: 1em; top: -2px; position: relative; }
	
/* Section - Main */
section.main { margin-top: 20px; margin-bottom: 30px; padding: 0; }
section.main aside {width: 33%; float: left; text-align: center; }

section.main .content { margin: 15px; background: no-repeat center top; background-size: 75px 75px; }

section.main aside h3 a { color: #000; text-decoration: none;}
section.main aside h3 a:hover { text-decoration: underline; }


/* Section - Product-Results */
section.product-results { margin-top: 20px; margin-bottom: 30px; padding: 0; text-align:center; }
section.product-results ul { list-style: none; margin: 0px; padding: 0px; min-height: 165px; }

section.product-results .product-result-cell {width: 19%; float: left; text-align: center; min-height: 390px; padding: 0 5px 50px 5px; }

section.product-results .product-item .product-image{ width: 100%; max-width: 200px; height: 200px; position: relative;}
section.product-results .product-item ul li a:hover { border-color: solid 1px #e8e8e8; }
section.product-results .product-item ul li a::after { display: block; clear: both; }

section.product-results .product-item ul li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 100%;
    max-height: 100%;
}

section.product-results .product-item h2 { font-size: 1em;}
section.product-results .product-item h3 { font-size: .9em;}

section.product-results .product-item .product-title { display: block; min-height: 65px; line-height:1em;  }

section.product-results .product-item .product-options { width: 100%; font-size: .65em; text-align: right; margin: 10px 0;}
	section.product-results .product-item .product-options div {display: block;}
section.product-results .product-item .product-options div > div { display: inline; /*margin-right: 4px;*/ }

section.product-results .product-item .product-options .atc-Size { font-size: 1.1em; width: 50%; margin-right: 15%; }
section.product-results .product-item .product-options .atc-Colour { font-size: 1.1em; width: 50%; margin-right: 15%; }
section.product-results .product-item .product-options .atc-Size-noop { font-size: 1.1em; width: 50%; margin-right: 15%; 
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 1px 1px 1px 5px;
}
section.product-results .product-item .product-options .atc-Colour-noop { font-size: 1.1em; width: 50%; margin-right: 15%; 
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 1px 1px 1px 5px;
}	
	
section.product-results .product-item .product-price { font-size: .8em; }

section.product-results .product-item .product-price .product-retail-price { display:block; font-size: .9em; }
section.product-results .product-item .product-price .product-sell-price { display:block; color:#FB0206; font-size: 1.1em; }
section.product-results .product-item .product-price .product-saving { display:block; font-size: .8em; color:#888; }

section.product-results .product-add-to-cart { margin: 15px 0;}
section.product-results .product-add-to-cart a { background-color: #B3B1B1; text-decoration: none; border: unset; font-size: .8em; }
section.product-results .product-add-to-cart a::after { display: block; clear: both; }
section.product-results .product-add-to-cart input[type=button] {font-size: .8em; line-height: 1em;}

	
	
/* Section - Product-Results-Filtered */
section.product-results-filtered .product-brand{ font-size: 0.8em; font-weight: 600;}
section.product-results-filtered .product-collection{  font-size: 0.8em; font-weight: 100 !important;}
section.product-results-filtered .product-name{  font-size: 0.75em; font-weight: 100 !important;}
section.product-results-filtered .product-price-align{text-align: left;}
	
section.product-results-filtered {
    margin-top: 20px;
    margin-bottom: 30px;
	/*border-left: solid 1px #e8e8e8;*/
    padding: 0 ;
    text-align: center;
    float: left;
    width: 75%;
}
	
section.product-results-filtered ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    min-height: unset;
}
section.product-result-filters ul li ul li {
	padding: 2px 0;
}

section.product-result-filters ul li ul li span {
	display: block;
    margin-left: 10px;
}
	
section.product-result-filters ul li ul li .filter-header {
	margin-left: 0;
	font-weight: 700;
}
	
section.product-result-filters ul li ul li .colourBox{ 
	margin-right: 5px;
	height: 10px;
	width: 10px;
	position: relative;
	display: inline-block;
	border: solid thin #777;
	padding: 1px;
	background-clip: content-box;
	top: 2px;
}
	
section.product-results-filtered .product-result-cell {
    width: 23%;
    float: left;
    text-align: center;
    min-height: 360px;
    padding: 0 5px 5px 5px;
}
section.product-results-filtered .product-item .product-price {
    font-size: .8em;
    display: inline;
}
section.product-results-filtered .product-item .product-title {
    display: block;
    min-height: 65px;
    line-height: 1em;
	text-align: left;
}
section.product-results-filtered .product-item .product-price .product-sellprice {
    display: block;
    color: #FB0206;
    font-size: 1em;
}
section.product-results-filtered .product-item .product-price .product-retailprice {
    font-size: .85em;
    text-decoration: line-through;
	padding-left: 5px;
}
	
section.product-results-filtered .product-item .product-price .product-savings {
    font-size: 1em;
    color: #888;
}
section.product-results-filtered .product-item .product-image {
    width: 100%;
    max-width: 200px;
    height: 200px;
    position: relative;
    border-bottom: solid thin #e8e8e8;
}	
section.product-results-filtered .product-add-to-cart {
    margin:unset;text-align: left;
}
section.product-results-filtered .product-add-to-cart a {
	background-color: unset;
    color: #ff9900;
    text-decoration: none;
    border: unset;
    font-size: .7em;
	
}
	
	
/* Section - Product Result - Filters */
section.product-result-filters {
	max-width: 200px;
	float: left;
	padding-left: 10px;
	font-size: .9em;
	color: #777;
}

section.product-result-filters ul { 
	list-style: none;
	padding: 0 0 25px 0;
	width:29%; 
	min-width: 200px;
	float: left;
	border-bottom: solid thin #e8e8e8;
}
section.product-result-filters ul li ul { 
	margin: 10px 0 0 5px;
	border: none;
}

section.product-result-filters .toggle-shell{
	height: 16px;
	width: 16px;
	cursor: pointer;
	display: inline-block;
	border: thin solid #777;
	top: 3px;
	position: relative;
	margin-right: 5px;

}

section.product-result-filters .filter-toggle-open{
	display: inline-block;
	border-top: 4px solid #777;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	margin: 0 0 4px 4px;
}

section.product-result-filters .filter-toggle-closed{
	display: inline-block;
	border-left: 4px solid #777;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin: 0 0 3px 6px;
}





/* Section - Brand Collections */
section.product-brand-collections { margin: 0; padding:2px 10%; font-size:.8em; background-color: #e8e8e8; text-align:center; }
section.product-brand-collections ul li { float:left; white-space:nowrap; padding:5px 10px 5px 0; list-style:none; min-width: 140px; }
section.product-brand-collections #collections { -webkit-column-count: 4;-moz-column-count: 4;column-count: 4; text-align: left !important;}
	
/* Section - Sitemap Content */
section.sitemap-content h2 {float:left; width:100%;margin:10px 0;}
section.sitemap-content a {float:left; width:50%;margin:2px 0;}

/* Section - product-detail */	
section.product-main h1, section.product-main h2 {color: #a52a2a;}
section.product-main #product-image-gallery {float: left; width: 40%; margin-right: 40px; margin-bottom: 30px; }
section.product-main #product-title { float: left; width: 50%; padding-top: 10%; }
section.product-main #product-brand-logo { position:relative;top:-50px; }
section.product-main #product-buy {float: left; width: 50%; }

section.product-main #product-buy a.btn { padding: 0 10px;}
section.product-main #product-buy a.btn { padding: 0 10px;}

#product-buy table{	border-collapse:collapse; border: 1px solid #666; width: 100%; font-size: .8em; }
#product-buy table th{	padding: 4px 15px 4px 10px;	border: 1px solid #666;	background: #CCC; font-weight: bold; }
#product-buy table td{	padding: 4px 6px; border-left: 1px solid #666;  border-bottom: 1px solid #666; }
#product-buy table td > div.price-now {	border-left: none; }
#product-buy table td sup{	font-size: .6em;	color: #03F; }
	
#product-buy .price-now{ font-weight:bold; border-left: none; padding: 4px 15px 4px 0; }
#product-buy .price-was{ text-decoration:line-through; text-align: right; padding: 4px 0; }
#product-buy .price-qty{ position: relative; width: 25px; text-align:center; margin-right:10px; }
#product-buy .price-add{ padding: 6px 8px 0 15px; }

#product-buy .product-detail-btn{ display: block; margin: 20px 0; background-color: #a52a2a; padding: 10px; }	

section.product-details { padding-top: 20px;}
section.product-details { list-style: none; margin: 0px; padding: 20px; font-size: 1em; }

/* Section - product detail main */
section.product-main #product-bread-crumb {font-size: .9em; }
section.product-main #product-bread-crumb a { text-decoration: none;}

section.product-main #product-image-gallery #display-thumbnails::after {content: ''; display: block; clear: both; }
section.product-main #product-image-gallery #display-thumbnails { 
	position: relative; 
	width: 100%; 
	background-color: #e8e8e8; 
	overflow-x: scroll; }
section.product-main #product-image-gallery #display-thumbnails ul { list-style: none; margin: 0; padding: 0px; white-space: nowrap; width: 200%; }
section.product-main #product-image-gallery #display-thumbnails ul li { 
	float: left; 
	margin: 1px; 
	width: 30%; 
	background-color: #fff;
	max-width: 70px;}

.bar-alt1{background:#D9ECEC;}
.bar-alt-1{background:none;}
.bar-alt-over{background:#FFC; font-weight:bold;}

	
/* Section - Atmosphere */
section.atmosphere { background-color: #73191c; padding-top: 30px; padding-bottom: 30px; color: #fff; }

section.atmosphere article { min-height: 220px;}


/* Section - About Us */	
section.general_content { margin: 30px; padding: 0; }
	
/* Section - LogIn */
section.order_login table{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	margin-bottom: 10%;
}
	
	
/* Section - How-To */

section.how-to { background-clip: #eee9d9; position: relative; }
section.how-to aside { width: 30%; float: left; margin-right: 10px; font-size: .9em; }

section.how-to aside .content { padding: 30px 30px 20px 0; }

section.how-to aside .content img {display: block; margin-bottom: 15px; width: 70%; }

section.how-to aside .content h4 { margin: 0; }
section.how-to aside .content p { margin-bottom: .5em; }
section.how-to aside .content a { display: inline-block; color: #73191c; font-weight: 700; }

/*aside .col50 { float: left; width: 44%; padding: 3%;}*/
	
section.how-to blockquote {
	margin: 0; width: 32%; 
	color: #444;
	background-color: #fff;
	position: relative; float: left; 
}

section.how-to blockquote p { margin: 30px 30px 20px 50px; }

section.how-to blockquote p.quote { font-style: italic; font-size: .9em; }
section.how-to blockquote p.credit {
	color: #777;
	font-size: .8em; margin-top: 0; padding-left: 20px; line-height: 1.2em;
	position: relative;
}

section.how-to blockquote::before { content: '\201c'; color: #a52a2a; position: absolute; top: 10px; left: 8px; font-size: 5em; font-family: serif;}
section.how-to blockquote p.quote::after { content: '\201d'; font-family: serif;}

section.how-to blockquote p.credit::before { content: '\2014'; position: absolute; top: -1px; left: 0; }

blockquote p::after { content: ''; display: block; clear: both; }
	
/* Section - Cart Review */
section.shopping-cart-review p strong {	font-size: .8em; }
	
section.shopping-cart-review ul{ list-style-type: none;	font-size: .8em; padding: 0px;	margin: 0px;}	
	
	
#cart-list-introduction{ 	float:left;width:90%; list-style:disc outside none;padding: 5px;margin: 0px; font-size:11px; text-align: left;}
#cart-list-introduction li {margin-left: 20px;}
#cart-list-header{ 	float:left;
					width:90%;	
					padding: 4px;
					margin: 0 0 0 5%;
					font-weight:bold; background-color:#CCC; 
					list-style-type: none;
					display: flex;}
	
#cart-list{ 		float:left; width:100%; padding: 0px; margin: 0 0 0 5%; }
#cart-list-totals{ 	float:left; width:90%; padding: 4px; margin: 10px 0 0 5%; background-color:#e8e8e8;}
#cart-list-info{ 	float:left; width:90%; padding: 4px; margin: 10px 0 0 5%; background-color:#e8e8e8; text-align: center; }
#cart-list-footer{ 	float:left; width:90%; padding: 4px; margin: 0 0 0 5%;}

.cart-list-row{ 	float:left; display: flex; width:91%; padding: 4px;margin-top: 10px; background-color:#f3f3f3; border-bottom:solid 1px #999;}
.cart-sub-row{ 	    float:left; display: flex; width:91%; background-color:#f3f3f3; font-weight: 700; color: #333; padding: 4px 0 !important; font-size: .9em; }

	
.cart-image{ 		float:left; width:100px; text-align:center;}
.cart-item{ 		float:left; flex-grow: 100; }
.cart-size{ 		float:left; flex-grow: 5; }
.cart-colour{ 		float:left; flex-grow: 5; }
.cart-unit-price{ 	float:left; width:55px; text-align:right;}
.cart-unit-discount{float:left; width:40px; text-align:right; color:#F00;}
.cart-qty{			float:left; width:30px;  text-align:center;}
.cart-line-total{ 	float:left; width:70px; text-align:right; font-size:12px;}
.cart-remove{ 		float:left; width:28px;  text-align:center;}
.cart-sub-spacer{ 	float:left; flex-grow: 100;  text-align:right;padding-right: 45px !important;}	
	
.cart-insurance	{   position:relative; top:3px;}
.cart-footer-content{float:left;width:550px;padding:10px 0; }
.cart-footer-refresh{float:left;width:180px;padding:10px 0; }
.cart-footer-trust{float:left;width:370px; }
.cart-footer-continue{float:left;width:170px;padding:10px 0; text-align:right;}
.cart-footer-checkout{float:left;width:205px;padding:10px 0; text-align:right;}


#cart-list-introduction ul{	list-style-type:circle !important;	padding: 20px;	margin: 20px;}


	
#cart-list li{	list-style-type: none;	padding: 0px;	margin: 0px;}

#cart-list p{	padding: 20px 5px 0 5px;}

#cart-list-totals p{	padding: 0 0 25px 5px;}
	
.cart-trust-image-1{float:left;width:210px;height:70px;}
.cart-trust-image-2{float:left;width:240px;height:70px;}
.cart-trust-image-3{float:left;width:370px;height:60px;}
.cart-trust-cell{	float:left;	width:95%;	padding:0 10px !important;}

.cart-trust-label{  float: left; background-color:#FFF; border-top:solid 1px #e8e8e8; font-size: 12px; font-weight: bold; height: 25px !important; text-align: right;
    width: 22%;
}
.cart-trust-price{  float: left; background-color:#FFF;	border-top:solid 1px #e8e8e8; border-left:solid 1px #e8e8e8; font-size: 12px; font-weight: bold; height: 25px !important; text-align: right; width: 90px;
}
.cart-action {    
	height: 30px;
    position: relative;
    width: 90%;
    margin: 0 0 0 5% !important;
	float: left;
	padding: 20px 0 !important;
	}
	
.cart-action .b1{ position: absolute;left: 0px;}
.cart-action .b2{ position: absolute;right: 0px;}
.cart-action .b3{ display: block; margin-left: auto; margin-right: auto;}
	
.bgYellow{background-color:#FDFCCE;}	
	
	
/* Section - Cart Checkout */
	
	
/* Section - Cart Process */	

section.shopping-cart-process p{font-size:.9em !important;}
section.shopping-cart-process ul{list-style:none outside none;margin:0;padding:0;}
section.shopping-cart-process ul li{font-size:1.1em;font-weight:700; line-height:20px; padding:5px 0;}
section.shopping-cart-process ul li ul li{font-size:.7em;font-weight:normal;color:#333; list-style: circle inside none;}
section.shopping-cart-process .thank-you{ padding: 30px 0; text-align: center;}
section.shopping-cart-process .txt1300{ font-size:1em;font-weight:700;color:#0000ff;  }	
	
section.shopping-cart-process .pay_option { font-size:1em;font-weight:700;color:#0000ff; margin: 30px 30px 0 0; float: left; text-align: center;}	
	
/* Pagination  */
section.pagination-control {
    float: left;
	width: 100%;
	/*text-align: right;
	padding: 8px 0 5px 0;
	font-size: 0.8em;
	border-bottom: solid thin #e8e8e8;*/
}
	
	
section.pagination-control .center {
    text-align: center;
}

section.pagination-control .pagination {
    display: inline-block;
}

section.pagination-control .pagination a {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

section.pagination-control .pagination a.active {
    background-color: #2b0306;
    color: #fff;
    border: 1px solid #2b0306;
}

section.pagination-control .pagination a:hover:not(.active) {background-color: #ddd;}
	
section.pagination-control .limit { margin: 15px; font-size: .8em;}
	

	/* Pagination 2  */	
section.pagination-control-sml {
    float: left;
	width: 75%;
	text-align: right;
	padding: 8px 0 5px 0;
	font-size: 0.8em;
	border-bottom: solid thin #e8e8e8;
}

section.pagination-control-sml .pagination {
    display: inline-block;
}

section.pagination-control-sml .limit {
    top: -6px;
    position: relative;
    padding-right: 20px;
}
	
section.pagination-control-sml .pagination a {
    color: black;
    float: left;
    padding: 4px 8px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

section.pagination-control-sml .pagination a.active {
    background-color: #2b0306;
    color: #fff;
    border: 1px solid #2b0306;
}

section.pagination-control-sml .pagination a:hover:not(.active) {background-color: #ddd;}
	
	
	
	
/* Navigation  */

nav {
	background-color: rgba(0,0,0,.65);
	position: relative;
	height: 45px;
	padding: 25px 0 0 0;
	z-index: 10;
}

nav::after { content:''; display: block; clear: both; }

nav a.mobile_menu_search {
	width: 32px; height: 32px;
	background: url(/images/icon_menu.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 11px; left: 70%; margin-left: -16px;
	display: none;
}

	nav a.mobile_menu_about {
	width: 32px; height: 32px;
	background: url(/images/icon_info.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 11px; left: 80%; margin-left: -16px;
	display: none;
}
	nav a.mobile_menu_cart {
	width: 20px; height: 20px;
	background: url(/images/icon_cart.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 11px; left: 90%; margin-left: -16px;
	display: none;
	padding: 0 4px 15px 12px;
	font-size: .8em;
	color: #fff;
	text-decoration: none;
		
	/*width: 32px; height: 32px;
	background: url(/images/icon_cart.svg) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 11px; left: 90%; margin-left: -16px;
	display: none;*/
}
nav #search_element{ visibility: hidden; display: none;}
	
nav #menu-promo-cell{ visibility: hidden; display: none;}
	
nav .search_icon { height: 32px; width: 32px; top: 11px; position: relative; }

nav .search_menu { width: 100px; }

nav .menu-title {
		padding: 5px;
		font-size: .9em;
		background-color: #6d0911 !important;
	}
	
nav ul { list-style: none; margin: 0; padding: 0px; }

nav ul li:hover { background-color: #2b0306; color: #fff; }

nav ul li:hover > ul { display: block; }

nav ul li a { 
	display: inline-block;
	color: #fff;
	padding: 6px 20px 3px 20px;
	text-decoration: none;
	width: 150px;
	position: relative;
}

nav ul li a:visited { color: #fff;}

nav ul li a:hover { background-color: #6d0911; color: #fff;}

nav ul ul { position: absolute; top: 100%; background-color: #2b0306;color: #fff; display: none; }

nav ul ul li { position: relative; }

nav ul ul ul { left: 100%; top: 0px; }

nav a.about_menu {
	width: 30px; height: 30px;
	background: url(/images/icon_info.svg) no-repeat 0 0;
	background-size: contain;
	padding: 0 4px 15px 15px;

}
	
nav a.cart_menu {
	width: 32px; height: 32px;
	background: url(/images/icon_cart.svg) no-repeat 0 0;
	background-size: contain;
	padding: 0 4px 15px 18px;

}
	
#nav-cart{ position: absolute; 
	right: 0px; color: #555; 
	padding: 5px; 
	background-color: #fff;   
	border: 1px solid #2b0306;
	min-width: 500px;
	font-size: 1em;}

	#nav-cart li { padding: 5px; background-color: #fff;  }
	
	#nav-cart li .cart-row{ margin-bottom: 5px; background-color: #fff; border-bottom: 1px solid #555; color:#555 !important; }
	#nav-cart li .cart-row .image { width: 80px; height: 80px; display: inline-block; vertical-align: bottom;}
	
	#nav-cart li .cart-row .qty{ height: 55px; position: relative; display: inline-block; margin: 0 5px; }
	#nav-cart li .cart-row .qty input { width: 18px; height: 18px;border: .1em solid #666; text-align: center; }
	
	#nav-cart li .cart-row .item{ width: 300px; display: inline-block; vertical-align: middle;}
	
	#nav-cart li .cart-row .action{ text-align: right; width: 130px; display: inline-block;}
	#nav-cart li .cart-row .action a { width: 90px; padding: 0 0 0 5px; color: #555;  }
	#nav-cart li .cart-row .action a:hover { background-color: #fff; color: #555; font-weight: 700;  }
	
	#nav-cart li .cart-row .total{ height: 40px; position: relative; display: inline-block; padding-left: 90px; }
	#nav-cart li .cart-row .total a { padding: 0px; color: #555; width: 180px;  }
	#nav-cart li .cart-row .total a:hover { background-color: #fff; color: #555; font-weight: 700;  }
	
	
/* Top Level Nav  */
nav > ul { padding-left: 300px;  }
nav > ul > li { float: left; }
nav > ul > li > a { width: auto; padding: 10px 20px 15px 10px; }


nav a[aria-haspopup='true']::after {
	content: '';
	display: block; width: 0px; height: 0px;
	position: absolute;
	top: 16px; right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #fff;
}
nav > ul > li > a[aria-haspopup='true']::after {
	bottom: 6px; top: auto; left: 20px; right: auto;
	border-top: 4px solid #fff;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
	
	
	
/* Footer */

footer { float:left; font-size: .8em; margin: 40px; color: #999; text-align: center; }

footer .content { text-align: center; margin: 30px 0; }
footer .content::after { content:''; display: block; clear: both; }

footer a { margin-left: 30px; color: #777; }
footer a:visited { color: #777; }
footer a:hover { color: #000; }

footer .paytypes { text-align: center; }
footer .paytypes::after { content:''; display: block; clear: both; }

footer .paytypes img { height: 70px; width: 70px; }

}


/* Media Queries */

@media screen and (max-width: 1000px) {
	
	h1 { font-size: 1.9em; }
	
	/* Header */
	header div.hero { left: 5%; }
	header div.hero h1 { margin-bottom: 20px; }
	
	
	section.product-results .product-result-cell {width: 23%; min-height: 360px; }
	
	/* Section - Atmosphere */
	section.atmosphere article {background-size: 375px auto; }
	
	/* product detail */
	section.product-main #product-image-gallery {float: left; width: 35%; margin-right: 20px; }
	section.product-main #product-title { float: left; width: 60%; }
	section.product-main #product-buy {float: left; width: 60%; }
	
	/* cart review */
	.cart-item{ width:  28%; }
		
	section.pagination-control-sml { width: 70%;}
	
	section.product-results-filtered { width: 70%;}
	
	section.product-results-filtered .product-result-cell {width: 30%;}
	
	
}

@media screen and (max-width: 825px) {
	
	h1 { font-size: 1.6em; }
	h3 { font-size: .9em; }
	
	/* Header */
	header { height: 250px; background-image: url(../images/banner_825.jpg); }
	header div.hero { top: 80px; }
	
	/* Section Product Results */
	section.product-results .product-result-cell {width: 23%; min-height: 340px; }
	
	section.product-results .product-item h2 { font-size: .8em;}
	section.product-results .product-item h3 { font-size: .7em;}

	section.product-results .product-item .product-options .atc-Size { font-size: 1em; }
	section.product-results .product-item .product-options .atc-Colour { font-size: 1em; }
	section.product-results .product-item .product-options .atc-Size-noop { font-size: 1em; }
	section.product-results .product-item .product-options .atc-Colour-noop { font-size: 1em; }	
	#product-buy .price-now{ padding: 4px 4px 4px 0; }
	#product-buy .price-was{ text-decoration:line-through; text-align: right; padding: 4px 0; }
	#product-buy .price-qty{ width: 20px; margin-right:4px; }
	
	/* Section - Atmosphere */
	section.atmosphere article {  background-size: 300px auto; }
	
	/* Section - How-To */
	section.how-to blockquote p.credit { font-size: .85em; line-height: 1.2em; }
	
	/* Section Cart Review */
	.cart-item{ width:  30%; }
	.cart-unit-price{ 	float:left; width:55px; text-align:right;}
	
	section.pagination-control-sml { width: 65%;}
	section.product-result-filters {font-size: .8em;}
	section.product-results-filtered { width: 65%;}
	section.product-results-filtered .product-result-cell {width: 30%;}
	section.product-results-filtered .product-information {font-size: 0.95em;}
	section.product-results-filtered .product-image img {max-width: 160px;max-height: 160px;}
	
	/* Section - Sitemap Content */
	section.sitemap-content a { width:100%;}

}

/* Tablet - IPad */
@media screen and (max-width: 760px) {
	
	
	h2 { font-size: 1.1em; }
	a.btn { font-size: .9em; }
	p { font-size: .8em; }
	/* Header */
	header { height: 200px; }
	header a.logo { width: 166px; height: 40px; }
	header div.hero { top: 60px;  }
	header div.hero h1 { line-height: 1em; margin: 0 0 20px 0; color: #fff; font-size: 1.2em; }
	header div.hero h3 { line-height: 1.1em; margin: 0 0 15px 0; color: #fff; font-size: .8em; }
	
	/* Section - Main */
	section.main { margin-top: 10px; margin-bottom: 10px; }
	section.main aside div.content { background-size: 55px 55px; padding-top: 60px; }
	
	/* Section - How-To */
	section.how-to aside div.content img { width: 85%; }
	
	/* Navigation */
	nav {  padding: 2px; }
	nav > ul { padding-left: 185px; }
	nav a.cart_menu {width: 21px;}

	section.product-results-filtered .product-image img {max-width: 130px;max-height: 130px;}
	section.product-results-filtered { width: 55%;}
	section.pagination-control-sml { width: 55%;}
	
	/* Section Product Detail */
	section.product-main #product-image-gallery {float: left; width: 45%; margin-right: 20px; }
	section.product-main #product-title { float: left; width: 50%; }
	section.product-main #product-buy {float: left; width: 100%; }
	
	section.product-main #product-buy a.btn span { display: none; }
	
	#product-buy .price-qty{  height: 15px; margin-right: 0px; }
	

}

/* larger iPhone */
@media screen and (max-width: 625px) {

	h1 { font-size: 1.4em; }
	h3 { font-size: .9em; margin-bottom: 0px; }
	a.btn { font-size: .8em; }
	
	
	/* Header */
	header { height: auto; min-height: 195px; background-image: url(../images/banner_625.jpg); background-position: left top; }
	
	header a.logo { 
		width: 125px; height: 52px;
		left: 10px; top: 10px;
	}
	
	header div.hero { top: 60px;  }
	header div.hero h1 { margin-bottom: 10px; }
	
	section { padding:10px; }
	
	/* Section - Main */
	section.main aside { width: 100%; float: none; text-align: left; }
	section.main aside div.content {
		margin: 8px 20px 8px 0;
		padding: 5px 0px 10px 85px;
		background-size: 50px 50px;
		background-position: 20px 5px;
	}
	
	section.product-results .product-result-cell {width: 29%; min-height: 310px; }
	
	/* Section - Atmosphere */
	section.atmosphere article { background-size: 300px auto; min-height: initial; }
	
	/* Section - How to */
	section.how-to aside { width: 100%; float: none; margin: 0px; position: relative; }
	
	section.how-to aside div.content { padding: 20px 20px 20px 150px; }
	section.how-to aside div.content p { font-size: .9em; }
	section.how-to aside div.content img {
		display: inline-block;
		width: 125px !important;
		position: absolute;
		top: 30px; left: 0px;
	}
	
	section.how-to blockquote {
		margin: 0 20px 0 40px;
		width: 90%;
		padding: 1px 0px 20px 0px;
		position: relative;
		
	}
	
	section.how-to blockquote p.credit { margin-bottom: 0px; }
	
	section.product-result-filters { max-width: unset; width: 96%;}
	section.product-results-filtered .product-image img {max-width: 130px;max-height: 130px;}
	section.product-results-filtered { width: 100%;}
	section.pagination-control-sml { width: 100%;}
	section.product-result-filters ul {width: 33%; min-width: 150px;}
	section.product-result-filters ul li ul {margin: 25px 0 0 5px;}
	
	
	/* product detail */
	section.product-main #product-image-gallery {float: left; width: 45%; margin-right: 20px; }
	section.product-main #product-title { float: left; width: 45%;  }
	section.product-main #product-buy {float: left; width: 100%; }
	
	#product-buy .price-now{ padding: 2px 2px 2px 0; }
	#product-buy .price-was{ padding: 2px 0; }
	#product-buy .price-qty{ width: 20px; margin-right:2px; }
	
	#product-buy table td{	padding: 4px; }
	
	
	/* cart */
	#ins { font-size: .9em; }
	
	
	
	/* Navigation */
	
	nav { padding: 30px 15px 20px 15px; background-color: #333;
			height: 0px; overflow: hidden; }
	
	nav a.mobile_menu_search { display: block; }
	nav a.mobile_menu_about { display: block; }
	nav a.mobile_menu_cart { display: block; }
	
	/* Nav */
	nav #search_element{ visibility: visible; display: block; position: absolute; top: -2px; left: 45%;}
	nav #menu-promo-cell{ visibility: visible; display: block;}
	nav ul,
	nav ul ul,
	nav ul ul ul { position: static; }
	
	nav > ul { padding: 0; }
	nav > ul > li { float: none; margin-top: 25px; }
	
	nav ul li:hover { background: none; }
	
	/*nav ul li::hover > ul {display: block; }*/
	
	nav ul li a {
		width: auto;
		display: block;
		margin: 8px 10px;
		padding: 6px 15px 6px 2px;
		border-bottom: 1px solid rgba(255,255,255,.25);
		
	}
	
	nav ul li span {
		width: auto;
		display: block;
		margin: 8px 10px;
		padding: 6px 15px 6px 2px;
		border-bottom: 1px solid rgba(255,255,255,.25);
		
	}
	
	nav ul li a:hover { background-color: rgba(255,255,255,.2); color:#fff; }

	nav ul ul { background: none; }
	
	nav ul ul li a { margin-left: 30px; }
	nav ul ul ul li a { margin-left: 60px;}
	
	nav a[aria-haspopup='true']::after {display: none; }
	
	#nav-cart{ min-width: 300px; font-size: .9em;}
	#nav-cart li span {padding: 0; margin: 0;}
	#nav-cart li a {padding: 0; margin: 0;}
	#nav-cart li .cart-row .item{ width: 160px; }
	
	/* Footer */
	footer div.content { display: block; margin-top: 15px; }
	footer div.content a { margin: 0 20px 0 0; }
	
	
	
	
}


@media screen and (max-width: 525px){
	
	/* modal  */
	#overlay { width:300px; }
	#close { left:265px; }
	
	.alert-description { width:110px; padding:0; }
	.alert-price { width:50px; padding-top:55px; }
	/* Section product Results */
	section.product-results .product-item .product-options .atc-Size { font-size: .9em; }
	section.product-results .product-item .product-options .atc-Colour { font-size: .9em; }
	section.product-results .product-item .product-options .atc-Size-noop { font-size: .9em; }
	section.product-results .product-item .product-options .atc-Colour-noop { font-size: .9em; }
	
	section.product-result-filters ul {width: 33%; min-width: 135px;}
	
	
	/* Section Cart Review */
	.cart-action input[type=button]{font-size: 1em; line-height: 1em;}


	#nav-cart li .cart-row .item{ width: 130px; }
	#nav-cart li .cart-row .action{ width: 100px; }
	
	

}



/* iPhone */
@media screen and (max-width: 425px) {

	/* Header */
	header { min-height: 185px; background-image: url(../images/banner_425.jpg);
		background-position: left bottom; }
	
	header a.logo {
		width:124px; height: 30px;
	}
	
	header div.hero {width: 100%; left: 0px; top: 58px; text-align: center; }

	header div.hero h1 { line-height: 1em; margin: 0 0 10px 0; color: #fff; font-size: 1.1em; }
	header div.hero h3 { line-height: 1.1em; margin: 0 0 10px 0; color: #fff; font-size: .7em; }
	header div.hero a.btn { padding: 2px 30px; font-size: .8em; }
	
	header div.hero a.btn span { display: none; }
	
	section.main { padding: 0 5px; }
	
	#ins { font-size: .8em;top: -3px; }
	
	/* Section product Results */
	section.product-results .product-result-cell {width: 60%; min-height: 20px; margin-left: 20%; }


	section.product-results .product-item .product-options div { margin-right: 5px; }

	section.product-results .product-item .product-options .atc-Size { font-size: 1.1em; }
	section.product-results .product-item .product-options .atc-Colour { font-size: 1.1em; }
	section.product-results .product-item .product-options .atc-Size-noop { font-size: 1.1em; }
	section.product-results .product-item .product-options .atc-Colour-noop { font-size: 1.1em; }
	
	section.product-result-filters ul {width: 33%; min-width: 130px;}
	
	
	/* Section - How To */
	section.how-to aside div.content { padding: 140px 20px 20px 0px; }
	
	section.how-to aside div.content img {width: auto; height: 100px; top: 30px; }
	
	section.how-to blockquote { margin: 10px 40px 0 20px; }
	
	/* Section Cart Review */
	.cart-action input[type=button]{font-size: .85em; }
	.cart-action .b3 {margin-left: 45%; }
	
	/*pagination */
	section.pagination-control .pagination a { padding: 2px 5px; margin: 0 4px; }
	
	/* Section Product detail */
	section.product-main #product-image-gallery {float: left; width: 75%; margin-left: 10%; }
	section.product-main #product-title { float: left; width: 100%; padding-top: 0px; }
	section.product-main #product-brand-logo { top:-20px; }

	#product-buy table{	font-size: .75em; }
	#product-buy table th{	padding: 2px; font-weight: 300; }
	#product-buy table td{	padding: 2px; border-left: 1px solid #666; }
		
	/* Navigation */
	nav { padding-top: 30px; }
	nav a.mobile_menu_search { left: auto; right: 70px; top: 8px; margin-left: 0px; }
	nav a.mobile_menu_about { left: auto; right: 40px; top: 8px; margin-left: 0px; }
	nav a.mobile_menu_cart { left: auto; right: 2px; top: 8px; margin-left: 0px; }
	
	#nav-cart{ font-size: .8em;}
	#nav-cart li .cart-row .item{ width: 85px; }
	#nav-cart li .cart-row .action{ width: 80px; }
	#nav-cart li .cart-row .image { width: 60px; }
	
	/* Footer  */
	footer { text-align: left; }
	footer::after { content: ''; display: block; clear: both; }
	
	footer div.content a { 
		display: inline-block; 
		margin: 0 0 10px 0;
		float: left;
		clear: both;
	}
	
	
}