/*
=========================================
Project Name: Mendip Fireplaces
Creation date: 00 Month 2011
Author: Christopher Imrie
Company: moresoda design ltd
Company URI: http://www.moresoda.co.uk
===========[TABLE OF CONTENTS]===========
1. BASE
-1.1. CSS Reset [RES]
-1.2. Global Settings [GLO]
-1.3. Common Formatting [COM]
-1.4. Links [LIN]
-1.5. Forms [FOR]
-1.6. Tables [TAB]
-1.7. Global Classes [GLC]
-1.8. Grid [GRI]
-----
2. CONTENT
-2.1. Wrapper [WRA]
-2.2. Header [HEA]
-2.3. Nav [NAV]
-2.4. Content [CON]
-2.5. Footer [FOO]
-2.6. Classes [CLA]
-2.7. Modules [MOD]
-----
3. PRINT
-3.1. Print [PRI]
=========================================

===========[SWATCHES]===========
1. Orange Highlight		#ba8748
2. Dark Grey	 		#51534a
3. Mid Grey		 		#eeeeed
4. Light Grey	 		#a8a9a4

=========================================

*/
/* =[RES]= CSS Reset ===== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, /* HTML 5 elements */ abbr,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,
mark,menu,meter,nav,output,progress,section,summary,time,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1.7;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: none;
}
/* =[GLO]= Global Settings ===== */
html {
	/* Always force a scrollbar in non-IE */
	overflow-y: scroll;
	font-size: 125%;
}
body {
	background: #eeeeed;
	color: #51534a;
	font: 50% Verdana, Geneva, sans-serif; /* base font size 1em (10px)*/
}
@font-face {
    font-family: '*****';
    src: url('../fonts/_____.html');
	src: local(':&'),
         url('../fonts/_____-2.html') format('woff'),
         url('../fonts/_____-3.html') format('truetype'),
         url('../fonts/_____-4.html') format('svg');
    font-weight: normal;
    font-style: normal;
}
.replace {
	font-family: *****;
	font-weight: 400 !important;
}
/* =[COM] Common Formatting ===== */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	/* all margins = 1.5em */
}
h1 {
	font-size: 1.6em;
	line-height: 1;
	color: #ba8748;
	margin: .5em 0 1em;
}
h2 {
	font-size: 1.2em;
	margin: 0 0 0.75em;
}
h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #ba8748;
	margin: 5px 0 0 0 ;
}
h4 {
	font-size: 1.2em;
	line-height: 3em;
	margin-bottom: 12px;
	color: #fff;
	background: #51534a;
	padding: 0 15px;
}
h5 {
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 1.5em;
}
h6 {
	font-size: 1em;
	font-weight: 700;
}

h1 .subhead {color: #a8a9a4; font-size: .8em; line-height: 1.4em;}
h2 .subhead {color: #a8a9a4; font-size: 1em; line-height: .8em;}


h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
	margin: 0;
}
p {
	font-size: 1.1em;
	margin: 0 0 1.25em;
	line-height: 1.4em;
}
blockquote {
	padding: 1em 2em;
	color: #999;
	font-style: italic;
	font-family: Georgia, serif;
	font-size: 1.4em;
}
article, section, aside {
	display: block
}
strong {
	font-weight: 700;
}
em, dfn {
	font-style: italic;
}
dfn {
	font-weight: 700;
}
sup, sub {
	line-height: 0;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
}
address {
	margin: 0 0 1.5em;
	font-style: italic;
}
del {
	color: #666;
}
pre {
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5 !important;
	/*white-space: pre-wrap; /* css-3 */
	/*white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	/*white-space: -pre-wrap; /* Opera 4-6 */
	/*white-space: -o-pre-wrap; /* Opera 7 */
	/*word-wrap: break-word; /* Internet Explorer 5.5+ */
	color: #000;
	background-color: rgba(0,0,0,0.05);
	border: 1px dashed rgba(0,0,0,0.5);
	display: block; margin: 30px;
	padding: 20px; font-size: 13px;
	overflow-x: auto;
}
pre::-webkit-scrollbar {
	width: 0;
	height: 8px;
}
pre::-webkit-scrollbar-button {
	display: none;
}
pre::-webkit-scrollbar-thumb {
	background: #ccc;
	-webkit-border-radius: 4px;
}
article p code, li code {
	display: inline;
	margin: 0;
	padding: 1px;
	border-color: #ccc;
}
ul, ol {
	font-size: 1.1em;
	line-height: 1.4em;
	padding-left: 1.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li ul, li ol {
	padding: 0;
}
dl {
	margin: 0 0 1.5em 0;
}
dl dt {
	font-weight: 700;
}
dd {
	margin-left: 1.5em;
}
/* =[LIN]= Links ===== */
a:focus {
	color: #000;
}
a {
	color: #ba8748;
	text-decoration: none;
}
a:hover {
	color: #51534a;
	text-decoration: underline;
}
/* =[FOR]= Forms ===== */
/* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
   2) WebKit browsers add a 2px margin outside the chrome of form elements.
      Firefox adds a 1px margin above and below textareas */
button, input, select, textarea { width: auto; overflow: visible; margin: 0; }
label {
	font-weight: 700;
}
fieldset {
	padding: 1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}
legend {
	font-weight: 700;
	font-size: 1.2em;
}
input[type=text],input[type=password],
input.text, input.title,
textarea, select {
	background-color: #fff;
	border: 1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
	border-color: #666;
}
input[type=text], input[type=password],
input.text, input.title,
textarea, select {
	margin: 0.5em 0;
}
input.text,
input.title {
	width: 140px;
	padding: 5px;
}
input.title {
	font-size: 1.5em;
}
textarea {
	width: 390px;
	height: 250px;
	padding: 5px;
}
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
	position:relative;
	top: .25em;
}
form.inline {
	line-height: 3;
}
form.inline p {
	margin-bottom: 0;
}
.error, .notice, .success,
.error-msg, .success-msg, .note-msg, .notice-msg {
	padding: .8em;
	margin-bottom: 1em;
	border: 2px solid #ddd;
}
.error, .error-msg {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}
.notice, .note-msg, .notice-msg {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}
.success, .success-msg {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}
.error a {
	color: #8a1f11;
}
.notice a {
	color: #514721;
}
.success a {
	color: #264409;
}
/* =[TAB]= Tables ===== */
table {
	margin-bottom: 1.4em;
	width: 100%;
}
th {
	font-weight: 700;
}
thead th {
	background: #c3d9ff;
}
th, td, caption {
	padding: 4px 10px 4px 5px;
}
tr.even td {
	background: #e5ecf9;
}
tfoot {
	font-style: italic;
}
caption {
	background: #eee;
}



/* =[GLC]= Global Classes ===== */
.clear { display: block; height: 0; line-height: 0; font-size: 0; clear: both; overflow:hidden; }
.none {display: none;}
.highlight {background: #ff0;}
.small {color: #ccc; font-size: 1em;}

.txtOrg {color: #ba8748;}
.txtGry {color: #a8a9a4;}

hr.style-one {
	margin: 10px 15px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.style-two {
    visibility: hidden;
}


/* =[GRI]= Grid Classes ===== */

.xgrid { width: 960px; margin: 0 auto; }

.x1 			{ width: 64px; }
.x2 			{ width: 144px; }
.x3				{ width: 224px; }
.x4 			{ width: 304px; }
.x5 			{ width: 384px; }
.x6 			{ width: 464px; }
.x7 			{ width: 544px; }
.x8 			{ width: 624px; }
.x9 			{ width: 704px; }
.x10 			{ width: 784px; }
.x11 			{ width: 864px; }
.x12			{ width: 944px; }

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12  {margin: 0 8px 1.5em 8px; float: left; padding: 10px 0; overflow: hidden;}

.xbreak { clear: both; }
.xnopad {padding: 0;}
.xalt {border-top: 2px solid #eeeee9; border-bottom: 8px solid #51534a;}

.xgal {min-height: 482px;}
.xnews {min-height: 226px;}

.xpanel {background: #eeeeed; padding: 0px;}
.xpanel p, .xpanel h1, .xpanel h2, .xpanel h3 {padding: 0 15px;}

.xgrid:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}







/* =[WRA]= Wrapper ===== */
#wrapper {
	background: #fff;
	width: 960px;
	height: 100%;
	margin: 0 auto 40px auto;
	padding: 0 24px 15px 24px; /*total width 1008px*/
	-webkit-box-shadow: 0px 0px 10px #dededc;
	-moz-box-shadow: 0px 0px 10px #dededc;
	box-shadow: 0px 0px 10px #dededc;
}
/* =[HEA]= Header ===== */
#header {
	width: 944px; height: 136px; margin: 0 8px 20px; background: url(../images/assets/base/header-bg.gif) repeat-x top; padding-top: 40px;
}
#logo {
	width: 226px;
	height: 71px;
	display: block;
	margin: 0 auto;
	background: url(../images/assets/base/logo.png) no-repeat top left;
	text-indent: -9999px;
}
/* =[NAV]= Nav ===== */
#nav {
	clear: both;
	height:20px;
	text-align: center;
	margin: 35px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#nav li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 3px 10px;
	border-right: 1px solid #ba8748;
	position: relative;
	z-index:100;
}

#nav li a {
	text-decoration: none;
	color: #51534a;
	outline: none;
	position: relative;
}

#nav li a:hover,
#nav li.current a {
	color: #ba8748;
}

#nav li.last {
	border: none;
}

#productCategories {
	display: none;
	position: absolute;
	top: 20px;
	width: 200px;
	background: url(../images/assets/base/nav-bg.png);
	z-index: 200;
	font-size: 0.9em;
	padding: 5px 5px 7px 5px;

}
#productCategories li {
	border: none;
	display: block;
	padding: 0;
}
#productCategories li a {
	padding: 5px;
	display: block;

}

li.current #productCategories li a {
	color: #51534A;
}

#productCategories li a:hover,
li.current #productCategories li a:hover,
#productCategories li.current a,
li.current #productCategories li.current a {
	color: #BA8748;
}


/* =[CON]= Content ===== */
#content {
	width: 960px;
	overflow: hidden;
	margin-bottom: 30px;
}

/* =[FOO]= Footer ===== */
#footer {
	width: 904px;
	margin: 0 8px;
	padding: 0 20px;
	background: url(../images/assets/base/footer-bg.gif) repeat-x top left;
	position: relative;
}
#footer p {
	line-height: 48px;
}
#footer p.small {
	line-height: 1.2em;
}

#footer a {
	color: #51534a;
}

#footer a img {
	position: relative;
	top: 5px;
}

#footer .hetas {
	position: absolute;
	right: 20px;
	top: 56px;
}






/* =[CLA]= Classes ===== */




/* =[MOD]= Modules ===== */

/* Semi-Transparent Overlays */
.overlay {
	background: url(../images/assets/ie-bg.png);
	background: rgba(81, 83, 74, 0.9);
	padding: 7px 15px;
	display: block;
	position: absolute;
}

/* Page Titles */
#page-title {
	position: relative;
}

#page-title.x12 {
	margin-bottom: 32px;
}

#page-title .overlay h1 {
	color: #fff;
	line-height: 1.4em;
}

#page-title .overlay p {
	color: #fff;
}

#page-title .overlay.short {
	top: 14px;
	left: 0;
	width: 336px;
	margin: 0!important;
	padding: 18px 20px;
}

#page-title .overlay.short h1 {
	width: 280px;
}

#page-title .overlay.short h1.wider {
	width: 312px;
}

#page-title .overlay.ext {
	top: 0;
	left: 15px;
	height: 512px;
	width: 340px;
	padding: 0 20px 0 20px;
}

#page-title .overlay.ext h1 {
	margin-top: 28px;
}

/* Index promo */
.ind-feature {
	position: relative;
	margin: 0 8px 32px;
}
.ind-feature h2.overlay {
	color: #fff;
	bottom: 2px;
	left: 0;
	width: 194px;
	margin: 0!important;
}

.ind-feature h2.overlay .subhead {
	color: #fff;
}

/* Misc */

.xpanel.brand-bec {
	background: #eeeeed  no-repeat
}

.xpanel.brand-bec .bgImage {
	background: #eeeeed  no-repeat right bottom;
	margin-right: 10px; width: 454;
}

.xpanel.brand-bec p {
	padding-right: 100px;
}

.productPanel .gallery {
	display: none;
}

.productPanel .galleryImage {
	display: block;
	position: relative;
}

.productPanel .galleryImage img {
	display: block;
}

.productPanel .galleryImage:hover {
	text-decoration: none;
}

.productPanel .galleryImage span {
	background: url(../images/assets/ie-bg.png);
	background: rgba(81, 83, 74, 0.9);
	color: #fff;
	padding: 2px 5px 3px;
	position: absolute;
	bottom: 0;
	display: none;
}

.productPanel .galleryImage:hover span {
	display: block;
}

#slider {
	margin: 0 8px 32px;
}

#slider ul.slides {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	height: 512px;
}

#slider.slider--sm ul.slides {
	height: 415px;
}

#slider ul.slides li.slide {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	overflow: hidden;
	width: 944px;
	height: 512px;
}

#slider.slider--sm ul.slides li.slide {
	height: 415px;
}

#slider ul.slides li.slide img {
	position: absolute;
	top: 0;
	left: 0;
}

#slider ul.slides li.slide .slidetext {
	position: absolute;
	top: 51px;
	left: 0;
	width: 180px;
	padding: 20px;
	z-index: 30;
	background: url(../images/assets/ie-bg.png);
	background: rgba(81, 83, 74, 0.9);
}

.slide-tag {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	text-transform: uppercase;
	margin: 0 0 1.25em -20px;
	padding: 12px 20px 10px 20px;
	background: #fff;
	color: #ba8748;
	display: inline-block;
}

#slider ul.slides li.slide .slidetext h2,
#slider ul.slides li.slide .slidetext p {
	color: #fff;
	margin: 0;
}

#slider ul.slide-nav {
	margin: 25px 0 0;
	list-style: none;
	height: 16px;
}

#slider ul.slide-nav li {
	float: left;
	height: 16px;
	width: 16px;
	margin: 0 8px 0 0;
}

#slider ul.slide-nav li a {
	display: block;
	height: 16px;
	width: 16px;
	background: url('../images/assets/slider-nav.png') top left no-repeat;
	text-indent: -9999px;
}

#slider ul.slide-nav li a:hover,
#slider ul.slide-nav li a.active {
	background: url('../images/assets/slider-nav.png') bottom left no-repeat;
}

.minheight {
	height: 185px;
}

.meta {
	color: #a8a9a4;
	margin: -1.25em 0 1.25em;
}

.button {
	display: block;
	background: #ba8748;
	color: #fff;
	padding: 10px 20px 10px 10px;
	margin: 1.25em 0 0;
	font-size: 1.1em;
	position: relative;
}

.button::after {
	position: absolute;
	bottom: 9px;
	right: 10px;
	content: '▶';
}

.button:hover {
	text-decoration: none;
	background: #fff;
	color: #ba8748;
}





/* =[PRI]= Print ===== */
/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 *
 * Very basic - can be modified.
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; 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: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}