/* CSS Document */
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
/*	font-family: inherit;*/
/*	text-align: left;*/
/*	vertical-align: baseline;*/
}
a img, :link img, :visited img {
	border: 0;
}
body{
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#ffffff;
}

/*
container
*/
#container{
	margin:0 auto;
	padding:0 0 0 0;
	background:#000;
	width:960px;
	text-align:left;
	font-size:80%;
}
#container img {
	border: #fff 1px solid;
}

#top {
	background-color:#fff;
	text-align:right;
	color:#000;
	line-height:1.3em;
	font-size: 11px;
}
UL.top {
	 padding-left: 18px;
	 padding-top: 10px;
}
UL.top LI {
	display: inline;
}
UL.top LI A {
	padding: 0px 18px 0px 0px;
}
/*
link states
*/
#top a, #top a:link, #top a:visited{color:#000;text-decoration:none;cursor:pointer;}
#top a:hover, #top a:active{text-decoration:underline; background:transparent; 
}

/*
branding_box
*/
#branding_box{
	background: url("/images/background.jpg") no-repeat;
	height:95px;
	clear:both;
	border-bottom:1px solid #000;
}

/*
strapline
*/
#strap {
	padding-top: 10px; 
	padding-bottom: 10px;
	padding-left: 20px;
	color: #fff;
}

/*
header
*/
#header{
	background:#000 url("/images/homepage_del.jpg") no-repeat 0 0;
	height:272px;
	clear:both;
	border-bottom:1px solid #000;
}

#header img {
	border:0;
}

div#header, div#heatison { position:relative; }

#header #heatison { position:absolute; top:150px; left:30px; width:180px; }

#header h1, #header h2, #header h3{
	color:#fff;
	position:absolute;
	left:-999em;
	top:-999em;
}
/*
content
*/
#content{
	color:#fff;
	width:400px;
	float:left;
	clear:left;
	padding:15px 0 0 20px;
}
#content p {
	line-height: 1.3;
}
#spares_content{
	color:#fff;
	width:600px;
	float:left;
	clear:left;
	padding:15px 0 0 20px;
}
#spares_content p {
	line-height: 1.3;
}
#homepage_content{
	color:#fff;
	width:690px;
	float:left;
	clear:left;
	padding:0 0 0 20px;
}
#homepage_content p {
	line-height: 1.3;
}
/*
sidebar
*/
#contact_sidebar_wrapper {
	padding: 20px 20px 0 0;
}
#contact_sidebar {
	color: #fff;
	padding: 7px 3px 7px 3px;
	border: #fff 1px solid; 
	float: right; 
	width: 370px; 
	text-align: center;
}
#inside_right_content{
	color:#fff;
	width:300px;
	float:right;
	padding:5px 20px 0 0;
}
#right_content{
	color:#fff;
	width:350px;
	float:right;
	clear:right;
	padding:5px 10px 0 0;
}
#sub_content{
	color:#fff;
	width:920px;
	float:left;
	clear:both;
	padding:0 0 0 20px;
}
#sub_content p {
	line-height: 1.3;
}
#contact_left_content{
	color:#fff;
	width:510px;
	float:left;
	clear:left;
	padding:0 0 0 20px;
}
/*
contact form
*/
.submit{padding:2px 2px;margin:0 0 5px 0;font-weight:bold;}
.c-formpadding{padding:0 0 10px 0; text-transform:capitalize;}
.required{color:#99FF66;}
#mailform{padding:5px;
}
#contact_left_content p {
	line-height: 1.3;
}
#sub_content img {
	padding: 5px;
}
#admin_sub_content{
	color:#fff;
	float:left;
	clear:both;
	padding:0 0 0 20px;
}
#admin_sub_content p {
	line-height: 1.3;
}
#admin_sub_content img {
	padding: 0px;
}
/*
product listings
*/
#products{
	color:#fff;
	width:900px;
	float:left;
	clear:both;
	padding:0 0 0 30px;
}
#products p {
	line-height: 1.3;
}

/*
sidebar
*/
#sidebar_wrapper {
	padding: 25px 20px 0 0;
}
#sidebar {
	color: #fff;
	padding: 7px 3px 7px 3px;
	border: #fff 1px solid; 
	background: #4c4c4c; 
	float: right; 
	width: 200px; 
	text-align: center;
}
#sidebar p {
	line-height: 1.2;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebar a {
	color: #EACC00;
	font-style: italic;
}

/*
footer
*/
#footer{
	background: #333 url("/images/black_corner.gif") no-repeat right bottom;
	clear:both;
	padding:0;
	text-align:center;
	font-size:80%;
	color:#fff;
	height:35px;
}
#footer p {
	background: none transparent scroll repeat 0% 0%; 
	padding-top: 12px; 
}

/*
headings
*/
h2 {
	padding: 6px 0px 8px 0px;
	font-weight: bold;
	font-size: 120%;
}
h3 {
    font-weight:bold;
    color: #ffff99;
}
h4 {
	padding: 3px 3px 3px 3px;
    font-weight:bold;
    color: #000000;
    background-color: #ccc;
}
h5 {
	padding: 8px 0px 8px 0px;
    font-weight:bold;
    color: #ffff99;
	font-size:120%;
}
/*
main navigation
*/
#nav {
	background:transparent url("/images/nav-bg.jpg") no-repeat 0 0;
	padding:12px 0px 12px 0px;
	text-align:center;
	color: #fff; 
	font-size: 12px;
	width: 960px; 
	font-family: Verdana; 
	border-bottom:1px solid #000;
	font-weight:bold;
}
UL.nav {
	 padding-left: 0px;
	 padding-top: 10px;
}
UL.nav LI {
	display: inline;
}
UL.nav LI A {
	padding: 0px 12px 0px 12px;
	border-right:#999 solid 2px;
}
UL.nav LI.flues A {
	border-right:0;
}

/*
link states
*/
a, a:link, a:visited{color:#ffff99;text-decoration:none;cursor:pointer;}
a:hover, a:active{color:#fff;text-decoration:underline; background:transparent; 
}

.jumpdropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #333333;
	color: #FFFFFF;
	border-bottom:1px solid #fff;
}
.bigjumpdropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding:3px;
	background-color: #333333;
	color: #FFFFFF;
	border-bottom:1px solid #fff;
}
/*
misc text
*/
strong {
	font-weight: bold;
}
.bodytext{
	color: #fff;
}
.center {
	text-align: center;
}
.permission {
	text-align: center;
	font-size:80%;
	line-height:1.2em;
}
.right{
	text-align:right;
	float:right;
}
.left{
	text-align:left;
	float: left;
}
.right_pic{
	text-align:right;
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.left_pic{
	text-align:left;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.left_padding {
	padding-left: 40px;
}
#player{
	text-align:center;
}

/*
product table styling
*/
th, td {
	padding: 10px;
	border: 1px solid #666;
}
#admin th, #admin tr, #admin td{
	padding:2px;
}
/*
image border
*/
#image_border img {
	border: #fff 1px solid;
}
/*webdesign by*/
.webdesign {padding:3px 5px 3px 0;width:950px; text-align:right;}
p.webdesign{font-size:70%;}
.webdesign a:link, .webdesign a:visited{color:#333;text-decoration:none;cursor:pointer;}
.webdesign a:hover, .webdesign a:active{color:#333;text-decoration:underline; background:transparent; 
}
.border{
	border:1px solid #fff;
}
.specs_table {
margin-bottom:20px;
margin-top:10px;
padding:5px;
border:#CCCCCC 1px solid;
}
.specs_table td{
padding:5px;
text-align:center;
border:#CCCCCC 1px solid;
}
.specs_table tr{
padding:5px;
border:#CCCCCC 1px solid;
}

.calculator_table {
margin:0 auto;
background:#252525;
}
.calculator_table td{
padding:5px;
text-align:center;
}
.calculator_table tr{
padding:5px;
}

.diagram_table {
padding:5px;
vertical-align:top;
text-align:left;
border:#CCCCCC 1px solid;
}

.diagram_table td{
padding:5px;
vertical-align:top;
text-align:left;
border:#CCCCCC 1px solid;
}

.diagram_table tr{
vertical-align:top;
text-align:left;
border:#CCCCCC 1px solid;
}
.noborder{
	border:0;
}
.middle {
	vertical-align:middle;
}
.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #333333;
	color: #FFFFFF;
	border-bottom:1px solid #fff;
}
.kilowatt{
	font-size:150%;
	font-weight:bold;
}
#realax{
	color:#fff;
	width:400px;
	float:right;
	text-align:center;
}
#realax img{
	border:0;
}
.select-stove {
	width:600px;
	margin:0 auto;
	font-size:110%;
}