body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	}

h1 {
	color: #9F6809;
	font-size: 18px;
}

form {
	display: inline;
}

p#formerror span {
	font-weight:bold;
	font-size:16px;
	color:#FF0000;
	}

#container{
	width:751px;
	position: absolute;
	left: 50%;
	margin:10px 0 20px -375px;
	background-color:#fff;
	}
	
#top{
	background-color:#002180;
	text-align:right;
	padding-bottom:4px;
	float:left;
	}
	#nav, #nav ul {
	background-color:#002180;
	padding: 0;
	margin: 0 10px 0 0;
	list-style: none;
	float:right;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	}
	#nav a {
	display: block;
	color:#d3be96;
	text-decoration:none;
	font-weight:bold;
	
	}
	#nav li {
	float: left;
	padding:3px 10px 3px 10px;
	}
	#nav a:hover{
	color:#fff;
	}
	#nav li ul {
	position: absolute;
	width:110px;
	left: -999em;
	}
	#nav li:hover ul {
	left: auto;
	}
	#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	#top img{
	margin:0 0 3px 0;
	}
	
#fourareas{
	height:119px;
	margin:9px 0 9px 0;
	float:left;
	}
	#fourareas img{
	border:1px solid #ccc;
	float:left;
	}
	#fourareasright{
	width:181px;
	float:left;
	margin:10px 0 0 0;
	padding-left: 10px;
	}
	#fourareasright img{
	border:1px solid #ccc;
	float:left;
	margin:0 0 10px 0px;
	}
	
	
#whatbox{
	width:368px;
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
	background-image:url(../images/box_back.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	padding-bottom:15px;
	color:#002180;
	}
	#whatbox p{
	padding:0 15px 0 15px;
	}
	#whatbox a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;
	}
	#whatbox a:hover{
	color:#000066;
	}
#thingsbox{
	width:369px;
	border:1px solid #ccc;
	float:left;
	background-image:url(../images/box_back.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	padding-bottom:47px;
	color:#002180;
	}
	#thingsbox p{
	padding:0 15px 0 15px;
	margin:10px 0 0 0;
	}
	#thingsbox a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;
	}
	#thingsbox a:hover{
	color:#000066;
	}
	
#bigthings{
	width:559px;
	background-image:url(../images/thingsback.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
	float:left;
	}
	#bigthings p{
	margin:0 0 15px 0;
	}
	#bigthings a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;
	}
	#bigthings a:hover{
	color:#000066;
	}
	
#copyarea{
	border:1px solid #ccc;
	padding:15px;
	float:left;
	width:718px;
	color:#002180;
	margin:9px 0 0 0;
	}
	#copyarea a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;
	}
	#copyarea a:hover{
	color:#000066;
	}
	
#smokinarea{
	border:1px solid #ccc;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	width:718px;
	margin:9px 0 0 0;
	background-color:#ffffff;
	color:#835113;
	font-size:140%;
	font-weight:bold;
	text-align:center;}
	
	#smokinarea a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;}
	
	#smokinarea a:hover{
	color:#000066;}

#middle{
	float:left;
	}
	
#mainarea{
	width:560px;
	float:left;
	}
	#mainarea h2{
	color:#835113;
	font-size:160%;
	padding:10px 0 10px 20px;
	}
	#mainarea h3{
	color:#002180;
	font-size:140%;
	padding:0 0 0 20px;
	}
	#mainarea h4{
	color:#835113;
	font-size:160%;
	padding:0 0 0 20px;
	}
	#mainarea p{
	color:#002180;
	padding:0 20px 0 20px;
	}
	#mainarea ul{
	color:#333333;
	list-style:disc;
	}
	#mainarea ul li{
	padding:0px 0 5px 0;
	}
	#mainarea a{
	color:#835113;
	text-decoration:none;
	font-weight:bold;
	}
	#mainarea a:hover{
	color:#000066;
	}
	#mainarea img.copy{
	float:right;
	margin:0 0 20px 20px;
	}
	#mainarea img.copyclear{
	float:right;
	clear:both;
	}
	
#footer{
	clear:both;
	background-color:#00237b;
	color:#d3be96;
	padding:15px;
	font-weight:bold;
	border-top:10px solid #fff;
	margin:0;
	}
	#footer a{
	float:right;
	margin-left:20px;
	color:#d3be96;
	text-decoration:none;
	font-weight:bold;
	}
	#footer a:hover{
	color:#fff;}
	
.inputbox{
	color: #000;
	background: #eeeff0;
	border: 1px solid #293e60;
	width:350px;
	}

.submit-button{
	color: #fff;
	background: #00237b;
	border: 1px outset #000;
	}
	
.submit-calc{
	color: #fff;
	background: #00237b;
	border: 1px outset #000;
	}	
	
label{
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
	}
	
fieldset{
	border: 1px solid #999;
	padding:10px;
	margin-bottom:20px;
	}

legend{
	color: #fff;
	background: #00237b;
	border: 1px outset #000;
	padding: 2px 6px;
	
	}
	
#testform .row {
	display:block;
	padding:5px;
	clear:both;
	}
	#testform .row-btn {
		text-align:center;
		clear:both;
		padding:15px;
		}
	#testform .c1 {
		display:block;
		float:left;
		width:185px;
		font-size:10px;
		margin:2px;
		color:#0066CC;
		}
	#testform label {
		display:block;
		font-size:11px;
		color:#000000;
		font-weight:bold;
		width:auto;
		text-align:left;
		}
	#testform .c2 {
		float:left;
		display:block;
		font-size:11px;
		width:300px;
		margin:2px;
		}
	#testform .textbox {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		border:1px solid #777;
		padding:2px;
		}
	#testform .req {
		font-size:12px;
		font-weight:bold;
		font-family:Tahoma;
		color:#CC0000;
		}
		
.calculator{
	background-color:#DFF1FF;	
	padding:10px;
	font-size:100%;
	}	
.calculator a{
	color:#003366;
	text-decoration:none;
	}
.calculator a:hover{
	color:#003366;
	text-decoration:underline;
	}		
	
.title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#835113;
	font-size:160%;
}	
#calc h2{
color:ff0000;
}

.admintable {
	border: 1px solid #BCC7DD;
}

th {
	background-color: #BCC7DD;
}

.success {
	width: 540px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background-color: green;
	margin-bottom: 10px;
}

.error {
	width: 540px;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background-color: red;
	margin-bottom: 10px;
}

#foursafe {
	background: #01237C url('../images/foursafe.jpg') top left no-repeat;
	width: 162px;
	margin-bottom: 10px;
	padding: 40px 5px 5px 13px;
	font: bold 12px arial, sans-serif;
	color: #fff;
	float: left;
}

#fourwarmth {
	background: #01237C url('../images/fourwarmth.jpg') top left no-repeat;
	width: 162px;
	margin-bottom: 10px;
	padding: 40px 5px 5px 13px;
	font: bold 12px arial, sans-serif;
	color: #fff;
	float: left;
}

#foursimple {
	background: #01237C url('../images/foursimple.jpg') top left no-repeat;
	width: 162px;
	margin-bottom: 10px;
	padding: 40px 5px 5px 13px;
	font: bold 12px arial, sans-serif;
	color: #fff;
	float: left;
}

#fourturn {
	background: #01237C url('../images/fourturn.jpg') top left no-repeat;
	width: 162px;
	margin-bottom: 10px;
	padding: 40px 5px 5px 13px;
	font: bold 12px arial, sans-serif;
	color: #fff;
	float: left;
}



#foursafe ul, #fourwarmth ul, #foursimple ul, #fourturn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#foursafe li, #fourwarmth li, #foursimple li, #fourturn li {
	margin-bottom: 5px;
}

#foursafe a, #foursafe a:visited, #fourwarmth a, #fourwarmth a:visited, #foursimple a, #foursimple a:visited, #fourturn a, #fourturn a:visited {
	color:#d3be96;
	text-decoration:none;
}

#foursafe a:hover, #fourwarmth a:hover, #foursimple a:hover, #fourturn a:hover {
	color: #fff;
}

.thumb {
	width:170px;
	float:left;
	margin:0 10px 0 0;
	text-align:left;
	min-height:275px;
}

.breadcrumbs {
	margin-top: 10px;
}

.prodthumb {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: right;
}

.enlargelink {
	float: right;
	clear: right;
	margin-right: 75px;
	margin-bottom: 40px;
}

.productbody {
	width: 290px;
}