/*..........................GLOBAL STYLINGS.......................................*/

html, body, div, span,/*HTML reset from Eric Meyers - from here on, styling should be more consistent across browsers*/
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: baseline;
	color: #121516;
	list-style: none;
}

.clear{
	clear: left;
	}
	
span.heading{
	font: 160% Georgia, Palatino, Times, Serif;
	color: #fff;
	display: block;
	letter-spacing: 0.2em;
	}
	
.amp{
	font-family: Goudy Old Style, Palatino, Book Antiqua, Serif;
	font-style: italic;
	font-size: 110%;
	}
	
.offset{
	float: left;
	margin-left: -9999px;
	}
	
.text-offset{
	text-indent: -9999px;
	}
	
p, span, h2, h3, li, li a {
	font-family: Georgia, Palatino, Times, Serif;
	}

 /*........................................STRUCTURAL ELEMENTS...........................................*/
 
 	.branding h1{
		background: url(../img/yeoman.gif) no-repeat;
		height: 112px;
		width: 240px;
		}
		
	.branding h1 a{
		height: 112px;
		width: 240px;
		display: block;
		text-indent: -999px;
		}
		
	body{
		background: #094902;
		margin: 0 auto;
		}
		
	.float-wrap{
		margin: 0 auto;
		width: 933px;
		}
		
	#wrap{
		margin: 0 auto;
		width: 933px;
		background: #fff url(../img/body-bg.gif) no-repeat;
		margin-top: 95px;
		position: relative;
		float: left;
		}
		
	.branding{
		position: absolute;
		top: -87px;
		left: 0;
		}
	
	#container{
		margin-top: 30px;
		}
		
	#nav{
		margin: 0 auto;
		margin-left: 30px;
		background: #fff url(../img/nav-bg.gif) repeat-x;
		border-top: 3px solid #DFE2E7;
		padding: 0;
		border: 1px solid #fff;
		}
		
/*aim is to get two cols to appear same height. The padding / negative margin bottom hack will work, but IE6 has trouble with a bottom border here. Setting absolute height in em has its drawbacks too - but seems an easier option for just this one page*/
	.col-wrap{ /*wraps stove-feature cols to get same height col effect*/
		clear: left;
		float: left;
		width: 873px;
		margin-left: 31px;
			xbackground: url(../img/2col-base.gif) no-repeat bottom; /*only req' if using padding/neg margin bottom hack*/
		}
	
	.stove-feature, .sub-feature{
		float: left;
		border: 1px solid silver;
			xpadding-bottom: 999px;/*fix to make both cols the same height*/
			xmargin-bottom: -998px;
		height: 37em; 
		text-align: center;
		}
		
	.sub-feature{
		width: 212px;
		}
		
	.stove-feature{
		width: 636px;
		}
		
	.col-wrap .first{
		margin-right: 20px;
		}
		
	.product{
		float: left;
		width: 550px;
		margin-left: 20px;
		padding: 10px;
		}
	
	.product strong {
		font-weight: bold;
		color: #3B3D45;
		font-family: Georgia, Palatino, Times, serif;
		font-size: 0.95em;
	}
		
	.stove-feature img.fv{
		float: left;
		margin: 10px 10px 10px 20px;
		}
	
	
	
	.specs{
		float: left;
		width: 300px;
		margin-left: 10px;
		margin-top: 3.5em;
		padding-bottom: 1em;
		}
		
	.category{
		float: left;
		clear: left;
		margin-left: 24px;
		padding-bottom: 20px;
		}
		
	.linkbox {
		border:1px solid #888;
		background:#f9f9f9;
		/*padding:10px;*/
		width:250px;
		margin-bottom:1em;
		float: left;
		height: 10em;/*also set in IE6 stylesheet - to allow for different formatting  of H4*/
		}
	
	.hovering {
		background: #F3F0F0;
		border-color: #AFAAAA;
		cursor:pointer;
		}

	.woodburn{
		background: #CED490 url(../img/woodburn-bg.gif) no-repeat;
		height: 161px;
		width: 281px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 10px;
		}
	
	.gas{
		background: #E4DAB9 url(../img/gas-bg.gif) no-repeat;
		height: 161px;
		width: 281px;
		margin-top: 10px
		}
	
	.cooker{
		float: left;
		clear: both;
		margin: 20px 0 20px 30px;
		display: block;
		width: 872px;
		border: 1px solid silver;
		padding-right: 0;
		}
		
	span.cooker-wrap{
		display: block;
		background: #fff url(../img/cook-bg.gif) repeat-y;
		margin: 10px 0 10px 0;
		float: left;
		padding: 0;
		}
		
	span.title{
		width: 280px;
		float: left;
		margin-left: 22px;
		text-align: center;
		background: url(../img/cooker-bg.gif) bottom left no-repeat;
		}
		
	span.title a h2:hover, span.title a h3:hover{
		color: #bb0f09;
		}
	
	span.title a img{
		border: 1px solid #879686;
		}
		
	span.title a img:hover{
		border: 1px solid #fff;
		}
		
	h2.cook-title, h3.cook-title{
		width: 230px;
		color: #fff;
		font-size: 1.4em;
		letter-spacing: 0.05em;
		border-bottom: 1px solid #fff;
		text-align: center;
		margin: 10px 10px 10px 17px;
		padding: 10px 5px 10px 10px;
		float: left;
		}
		
	h3.cook-title{
		font-size: 1.05em;
		border-bottom: 0;
		margin: 0;
		padding: 0;
		width: 280px;
		}
	
	.cook-content{
		margin-left: 320px;
		margin-right: 4px;
		margin-top: 20px;
		padding-bottom: 20px;
		}
		
	.cook-content p{
		width: 320px;
		float: left;
		margin: 0;
		padding: 0;
		
		}
		
	.cook-content img{
		border: 1px solid silver;
		padding: 5px;
		float: right;
		margin: 0;
		}
		
	
	.eco{
		margin-top: 10px;
		margin-bottom: 0;
		float: left;
		width: 902px;
		padding: 20px 0 40px 31px;
		background: #C9AB6A url(../img/scratch.gif) no-repeat;;
		}
		
	.foot{
		width: 933px;
		background: #094902;
		text-align: center;
		color: #fff;
		font-size: 80%;
		padding-top: 20px;
		border-bottom: 20px solid #094902;
		line-height: 1.4em;
		border-top: 10px solid #6C8B50;
		}
		

		
/*...........................................FONTS, TEXT STYLING ETC.........................................*/
	p{
		line-height: 1.4em;
		font-size: 0.95em;
		font-family: Georgia, Palatino, Times, Serif;
		margin-left: 10px;
		margin-bottom: 12px;
		color: #3B3D45;
		}
		
	.stove-feature h2, .sub-feature h2{
		background: #879686;
		padding: 5px 0 8px 5px;
		text-align: left;
		}
	
	.stove-feature h2{
		width: 632px;
		}
		
	.sub-feature h2{
		width: 210px;
		}
		
	.product h2{
		font-size: 1.8em;
		color: #F46724;
		display: block;
		padding-bottom: 4px;
		border-bottom: 1px solid #F46724;
		padding-top: 0;
		}
		
	.product h3{
		font-size: 1.2em;
		margin-top: 0.5em;
		padding-bottom: 10px;
		color: #3B3D45;
		}
		
	.stove-feature p{
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px;
		clear: left;
		}
		
	.stove-feature h3{
		font-size: 1.2em;
		color: #3B3D45;
		clear: left;
		padding: 20px 15px 0px 20px;
		}
		
	.sub-feature p{
		padding: 20px 8px 10px 5px;
		font-size: 0.9em;
		color: #3B3D45;;
		}
		
	.woodburn p, .gas p{
		width: 180px;
		padding-top: 50px;
		margin: 0;
		padding-left: 10px;
		color: #313E30;
		font-size: 110%;
		}
	
	.gas p{
		margin-left: 80px;
		padding-top: 35px;
		font-size: 105%;
		color: #611C35;
		text-align: right;
		}
	
	h3.tech{
		font-size: 1.1em;
		letter-spacing: 0.01em;
		color: #686E79;
		margin: 35px 10px 20px 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		}
		
	p.product-desc{
		width: 540px;
		margin-left: 5px;
		}
		
	p.product-desc span.elegance{
		font-size: 1.08em;
		line-height: 1.5em;
		color: #565A69;
		margin: 5px 10px 10px 10px;
		display: block;
		}
		
.category p{
	margin: 5px 50px 15px 20px;
	line-height: 1.6em;
	}
	
h3.about{
	margin: 30px 0 20px 20px;
	color: #EB7C06;
	letter-spacing: 0.1em;
	font-style: italic;
	font-size: 1.2em;
	}
	
.category h2{
		font-size: 24px;
		color: #707176;
		border-bottom: 1px solid #707176;
		padding-bottom: 3px;
		margin: 10px 10px;
		width: 860px;
		}
		
span.clause{
	font-size: 0.75em;
	color: #5D6F82;
	text-align: center;
	display: block;
	line-height: 1.4em;
	}
	
	p.fuel-desc{
		width: 400px;
		float: left;
		font-size: 0.75em;
		margin-top: 0;
		padding-top: 0;
		}
		
	p.fuel-desc span.lead{
		font: 1.4em Georgis, Palatino, Times, Serif;
		border: 0;
		border-bottom: 1px solid silver;
		margin-right: 20px;
		display: block;
		padding-bottom: 5px;
		margin-top: 10px;
		margin-bottom: 0;
		}
		
ul#hover-links h4 {
	font:normal 1.2em/1.3em arial;
	color: #2C4541;
	margin:0;
	padding: 0 0 5px 5px;
	width: 220px;
	}
	
/*...............................................LISTS.............................................................*/

	ul#nav2{
		float: right;
		margin-top: -3em;
		margin-right: 31px;
		}
		
	#nav2 li{
		float: left;
		font: 0.7em Verdana, Arial, Helvetica, sans-serif;
		padding: 3px 5px 3px 3px;
		border-right: 1px solid silver;
		margin: 5px 2px 8px 2px;
		color: #E4E6E7;
		}
		
	#nav2 li a, #nav li a, #nav li, #nav2 li{
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		}
		
	#nav2 li.last{
		border-right: 0;
		}
				
	#nav, #nav li, #nav ul{
		float: left;
		}
		
	#nav li{
		font-size: 90%;
		margin: 0px 5px 0 5px;
		padding: 5px 5px;
		border-right: 3px solid #CACCD0;
		padding-right: 12px;
		color: #899195;
		font-weight: bold;
		}
		
#nav li.picture, #nav li.product-lead, #nav li.woodburn-lead, #nav li.stockist-lead{
		clear: left;
		padding: 0;
		margin: 0;
		border: 0;
		border-top: 3px solid #BABDC2;
		width: 871px;
		float: left;
		}
		
	#nav li.product-lead{
		height:220px;
		}
		
	#nav li.woodburn-lead{
		height: 230px;
		}
			
	ul.prod-list{
		clear: left;
		margin-top: 20px;
		}
		
	ul.prod-list li.title{
		font-size: 1.2em;
		border-bottom: 1px solid #A1A3A6;
		margin-bottom: 1em;
		}
		
	.product li{
		font-size: 0.75em;
		margin: 8px 8px;
		color: #5B6066;
		padding-left: 10px;
		width: 450px;
		line-height: 1.6em;
		}
		
	.product li.footnote{
		font-size: 0.7em;
		font-style: italic;
		}
		
	ul.gallery{ 
		float: left;
		margin-left: 0;
		padding-left: 0;
		margin-top: 20px;
		margin-bottom: 10px;
		}
	
	ul.gallery img{
		padding: 2px 2px;
		border: 1px solid silver;
		}
		
	ul.gallery span{
		display: block;
		text-align: center;
		}
		
	ul.gallery li{
		width: 170px;
		float: left;
		margin-left: 0;
		padding-left: 0;
		margin-right: 12px;
		}
		
	ul.cat-nav{
		margin: 0;
		border: 1px solid #879686;
		font: 0.8em Georgia, Palatino, Times, Serif;
		margin-bottom: 20px;
		width: 296px;
		color: #3B3D45;
		}
		
	ul.cat-nav li.title{
		background: #879686;
		color: #fff;
		font-size: 0.9em;
		padding: 3px 2px 5px 5px;
		margin: 0;
		border-bottom: 0;
		}
		
	ul.cat-nav li{
		margin: 5px 5px;
		border-bottom: 1px dotted silver;
		}
		
ul.downloads{
	margin-left: 20px;
	font-size: 0.9em;
	width: 600px;
	margin-bottom: 24px;
	}

ul.downloads li{
	margin: 5px 0 5px 5px;
	padding: 3px;
	border-bottom: 1px solid silver;
	}
p.title{
	font-weight: bold;
	color: #707176;
	}
	
li a span.downloads-sub{
	font-size: 0.8em;
	margin-left: 5px;
	color: #646973;
	}
ul.downloads li.title{
	margin: 20px 0 12px 0px;
	font-weight: bold;
	font-size: 0.95em;
	color: #646973;
	}

ul#hover-links {
	list-style:none;
	margin:0;
	padding:0;
	float: left;
	width: 620px;
	margin-left: 10px;
	}

ul#hover-links li{ float: left;
	width: 280px;
	margin: 10px 10px;
	}
		
	ul.cat-list, ul.cat-list li{
		float: left;
		}
		
	ul.cat-list li{
		width: 250px;
		}
				
	li#cat-prod{
		border: 1px solid silver;
		margin: 10px 10px;
		padding: 10px 10px;
		background: #F8F8FA;
		}
		
	li.prod-name{
		font-size: 1.6em;
		border-bottom: 1px solid #F5774B;
		text-align: left;
		}
		
	li.prod-sub{
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 0.8em;
		text-align: left;
		}
		
li.xsell-title{
		font-size: 1em;
		color: #959BB1;
		padding-bottom: 2px;
		margin-bottom: 10px;
		border-bottom: 1px solid #959BB1;
		}
		
	li.xsell{
		margin-bottom: 10px;
		}
		
.eco ul{
		border-top: 2px solid #EECF8B;
		border-bottom: 2px solid #EECF8B;
		padding-bottom: 10px;
		}
		
	.eco ul, .eco li{
		float: left;
		margin-top: 20px;
		font-size: 90%;
		}
	
	.eco li{
		width: 411px;
		padding-right: 10px;
		}
		
	.eco li.first{
		margin-right: 21px;
		}
		
	.eco li img{
		float: left;
		margin: 8px 8px;
		}

	
/*.................................................LINK STYLING.........................................*/

p a{
	font-family: Georgia, Palatino, Times, serif;
	}
		

a img{
	border: 0;
	}
	
a{
	color:#FF3333;
	text-decoration: none;
	}
		
a:hover{
	color: #FF9900;
	text-decoration: underline;
	}
	
#nav a{
	color: #FE4808;
	font-weight: bold;
	}
	
#nav a:hover{
	color: #FF9900;
	background: #fff;
	}

a img.fv{
		border: 1px solid silver;
		margin: 20px 8px 15px 8px;
		}
		
a:hover img.fv{
	border: 1px solid #FF9900;
	}
		
.stove-feature h2 a, .sub-feature h2 a{
		color: #fff;
		font-weight: bold;
		}
		
.stove-feature h2 a:hover, .sub-feature h2 a:hover{
	color: #FF9900;
	}

ul.gallery a img:hover{
		border: 1px solid #f90;
		}

ul.cat-nav li a{
		color: #CD5959;
		}
		
 a span.link-desc{
		font-size: 0.7em;
		color: #D66C6C;
		}
		
	a span.link-desc:hover{
		color: #FF9900;
		}
		
ul.cat-list a{
		font-family: Georgia, Palatino, Times, Serif;
		color: #F5774B;
		}
		
	ul.cat-list a:hover{
		color: #FF9900;
		text-decoration: none;
		}
		
li.prod-img a img{
		padding: 3px 3px;
		border: 1px solid silver;
		margin-left: 21px;
		}
	
	li.prod-img a img:hover{
		border: 1px solid #FF9900;
		}
			

	
/*....................................................MISC........................................*/
		
img.output{
	margin: 10px 0 5px 0;
	}
	
span.link-desc{
	color: #3B3D45;
	font-size: 0.7em;
	}
		

/*====================================
GAS SAFE
=====================================*/

#gas-safe{ margin: 12px 0 20px 35px; padding: 12px; border: 1px solid silver; background: transparent url(../img/gas-safe-logo.gif) no-repeat bottom right;  padding-right: 100px; clear: left; float: left; width: 742px; }
#gas-safe p{ font-size: 11px; line-height: 1.6em; color: #666; }
#gas-safe h4 { margin: 12px 0; padding: 0; }

/*=====================================
NEW HOME
=====================================*/

#home #promo { background: #094902 url(../img/yeoman-main3.jpg) no-repeat 0 95px; float: left; clear: both;  width: 869px; margin-left: 30px; border-top: 3px solid #3b3d45; position: relative; }

#promo h2 { float: left; background: #094902 url(../img/home-lead-text.png) no-repeat 100px 10px; color: #fff; width: 869px; text-indent: -9999px; height: 98px; }

#section-links { margin-top: 480px; bottom: 0; width: 869px;  float: left; background: #fff url(../img/section-bgstrip.gif) no-repeat; }
#section-links li { float: left; width: 190px; margin: 13px; text-align: center; }
#section-links li a.name { font: 18px Tahoma, Helvetica, Arial, sans-serif; color: #fff; height: 2.5em; display: block; text-align: center; }
#section-links li a.name:hover { color: #fe4808; }
#section-links a img { border: 1px solid #ccc; }
#section-links a img:hover { border: 1px solid #fe4808; }
#home .eco { margin-top: 0;}

/*		Bosca
**********************/

table.bosca-spec td {
	color: #3B3D45;
	font-family: Georgia, Palatino, Times, serif;
	font-size: 0.75em;
	padding: 5px 10px 5px 20px;
	border-bottom: 1px dotted #A1A3A6;
}

table.bosca-spec {
	margin-bottom: 25px;
}