body { 
	background: url(/images/background.jpg) #002444;
	font-size:76%; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#3c3c37; 
	line-height:1.8em;
	margin: 0;
	padding: 0;
	}
	
a:focus {
	-moz-outline-style:none;
}	
	
#masthead {
	float:left; 
	width:100%;
	height: 130px;
	padding: 0;
	margin: 0;
	background:url(/images/body.png) repeat-x 0 0;
	}
	
.wrapper {
	margin: 0 auto; 
	width:990px;
	font-size:1.2em;
	}

h1#logo {
	background:url(/images/logo.png) no-repeat 0 0; 
	width:412px; 
	height:82px; 
	float:left;
	margin: 0;
	padding: 0;
	}

h1#logo a {
	display:block; 
	width:344px; 
	height:59px;
	text-indent:-9999px;
	}

#telephone-num {
	float:right;
	font-size:1.8em;
	line-height: 36px;
	color:#fff;
	margin: 10px 0 0;
	}
	
#header-email {
	float:right;
	font-size:1em;
	line-height: 23px;
	color:#fff;
	clear:right;
	margin: 0;
}	

#header-email a {
	color: #fff;
	text-decoration: none;
}

#header-email a:hover {
	color: #fff;
	text-decoration: underline;
}
	
	
/* --- 
	=Navigation
--- */

ul#nav-main {
	float:left; 
	width:990px;
	margin-top: 17px;
	padding: 0;
	height: 30px;
	list-style: none;
	}
	
ul#nav-main li {
	float:left; 
	margin: 0 4px 0 0; 
	padding: 0 0 0 8px; 
	background:url(/images/maninav-tab-left.png) no-repeat 0 0; 
	color:#fff;
	}
	
ul#nav-main li a {
	display: inline;
	float: left;
	padding: 0 18px 0 10px;
	margin: 0;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	font-weight: 700;
	background:url(/images/maninav-tab-right.png) no-repeat 100% 0;
	line-height: 31px;
}	

ul#nav-main li a:hover {
	text-decoration: none; 
	color:#FF0000;
	}



/* tab selected state elements  */

ul#nav-main li.selected {
	background:url(/images/maninav-tab-left-active.png) no-repeat 0 0; 
}
	
ul#nav-main li.selected a {
	color: #02203a !important;
	background:url(/images/maninav-tab-right-active.png) no-repeat 100% 0;
	cursor: default;
}

ul#nav-main li.selected a:hover {
	color: #02203a !important;
}

#header { 
	width:990px; 
	background: url(/images/header-bg.jpg) no-repeat; 
	margin:20px 0 0;
	padding-bottom: 50px; 
	float:left;
}


/* homepage intro banner elements */

#welcome {
	width:500px;
	height:189px; 	
	background:url(/images/welcome-bg.jpg) repeat-x; 
	float:left; 
	margin:10px 0 10px 10px;
	position: relative;
	}

#welcome img {
 	float: left;
 	margin: 0;
 	border: 0;
 	}
 	
#positioned-box	{
	width: 220px;
	height: 300px;
	position: absolute;
}
 	
#welcome h2 {
	font-size: 18px; 
	color:#fff !important;
	font-weight: 500 !important;
	margin:0 0 5px;
	padding: 14px 0 0 !important;
	}

#welcome p{
	font-size: 11px !important; 
	color:#fff; 
	padding:0 20px 0 0 !important;
	margin: 0;
	height: 128px !important;
	width: 180px;
	overflow: hidden;
	float: left;
	clear: none !important;
	}
 
#offer {
	background: url(/images/offer-bg.jpg) repeat-x; 
	float:right; 
	width:465px; 
	height:189px; 
	margin: 10px 15px 10px 0;
	}
	
#offer h2 {
	font-size: 18px;
	color:#fff !important;
	font-weight: 500 !important;
	margin:0 0 0 20px;
	padding: 14px 0 0 20px !important;
	}

#offer p {
	font-size: 11px !important;
	color:#fff;
	padding: 0 20px 0 20px !important;
	margin: 0;
	height: 128px !important;
	overflow: hidden;
	}	
	
#offer button {	
	margin:16px 30px 0;
	padding: 0;
	float:right; 
	background:#780000; 
	width:138px; 
	height:25px; 
	border:none; 
	color:#fff;
	}
	
#welcome button:hover {
	background:#1f8fe2;
	}
	
#offer button:hover {
	background:#dc2626;
	}


#welcome button {
	margin:16px 30px 0 0; 
	float:right;
	background:#0669b2; 
	width:138px; 
	height:25px; 
	border:none; 
	color:#fff;
	}
	
/* /end of the home intro stuff */	



	
/* main content elements */
	
#main-content {
	width:990px; 
	float:left;
	}
	
#main-content h2 {
	font-size:21px;  
	color:#333;
	letter-spacing:1px;
	font-weight: 700;
	margin: 0 0 10px 0;
	padding: 34px 0 0 0;
	}	
	
#main-content p {
	padding:5px;
	line-height:1.8em;
	font-size:.9em;
	}
	
#main-content a, #sub-content a { 
	color:#c70000;
	text-decoration:underline;
	padding-bottom:2px;
	}

.tabledata {
	margin: 10px auto;
	color: #fff;
	font-weight: 500;
	/*background: #000044;*/
}

.tabledata th {
	background: #315db5;
	font-weight: 700;
	}

.tabledata td {
	background: #000044;
}

.specstable {
	margin: 10px auto;
}

.specstable th {
	background: #000044;
	color: #fff;
	font-weight: 700;
}

.specstable td {
	background: #ccccff;
	text-align: center;
}

#misc-table {
	width: 85%;
	clear: left;
	text-align: center;
	font-size: 11px;
	margin: 0 auto;
}

#misc-table th {
	background: #000044;
	color: #fff;
	font-weight: 700;
}

#misc-table td {
	background: #ccccff;
	text-align: center;
}

#misc-table .zebra {
	background: #eeeeff;
}


/* products navigation elements */

	#products-drop-down {
		clear: left;
		width: 990px;
		height: 80px;
		font-family: arial;
		font-size: 84%;
		line-height: 35px;
		margin-top: 10px; 
	}

	#productlines-label {
		display: block;
		width: 990px;
		text-align: left;
		height: 45px;
		font-size: 18px;
		font-weight: 700;
		
	}

	#products-drop-down ul {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: left;
		width: 990px;
		height: 35px;
		/*border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;*/
		background: #0b4d86;		
	}

	#products-drop-down ul li {
		float: left;
		margin: 0;
		padding: 0;
		display: inline;
	}

	#products-drop-down ul li a {
		float: left;
		display: block;
		padding: 0 6px;
		margin: 0;
		border-right: 1px solid #fff;
		color: #fff;
		text-decoration: none;
		background: #0b4d86;
	}

	#products-drop-down ul li a:hover {
		color: #0b4d86;
		text-decoration: none;
		background: #83A0FD;

	}

/* products grid */

#product-grid {
	width: 860px;
	margin: 20px auto;
}

.product-type {
	float: left;
	width: 260px;
	margin: 0 20px 20px 0;
	border: 1px solid #142c5c;
	text-align: center;
	background: #fff;
}

.product-type img {
	border: 0;
	width: 260px;
	height: 160px;
	float: left;
}

.product-type h3 {
	float: left;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 260px;
	text-align: center;
	line-height: 40px;
	font-size: 11px !important;
	color: #fff;
	background: #142c5c;
}

#custom-link {
	clear: left;
	width: 824px;
	height: 200px;
	border: 1px solid #142c5c;
	margin: 20px 0 0 66px;	
}

#custom-link img {
	border: 0;
	float: left;
}

#custom-link h3 {
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 824px;
	text-align: center;
	line-height: 40px;
	font-size: 11px !important;
	color: #fff;
	background: #142c5c;
}


/* subcontent (right side of main content area) elements */

#sub-content {
	float:left;
	width: 680px;
	}
	


/* footer elements */

#footer {
	background:url(/images/footer-bg.jpg) repeat-x;
	width:100%; 
	float:left;
	padding:10px 0;
	margin:40px 0 0;
	clear:both;
	font-size: 90% !important;
	}	

ul#footerlinks {
	margin: 0;
	padding: 0;
	list-style: none;
}		

ul#footerlinks li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
}

ul#footerlinks li a {
	line-height: 18px;
	float: left;
	padding: 0 1px;
	margin: 0 10px 0 0;
	text-decoration: none !important;
	color: #f64727;
}

ul#footerlinks li a:hover {
	text-decoration: none;
	color: #f64727;
}

#footer dl {
	font-size:.8em;
	color:#fff;
	float:left;
	}
	
#footer dd, #footer dt {
	float:left;
	}

#footer dd {
	padding-left:10px;
	}

#footer p {
	font-size:.8em;
	color:#fff;
	float:left;
	clear:both;
	width:810px;
	margin: 0;
	padding: 0;
	}

p#bf {
	float:right;
	clear:right;
	width:160px;
	}

#footer a {
	text-decoration:none; padding-bottom:2px; color:#db4f48;
	}


/* =============== mail form =============== */

#contact-details {
	float: right;
	width: 300px;
}

#contact-details h3 {
	color: #fff;
	padding: 5px;
	background: #212473;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.form_tidy {
	width: 650px;
	clear: left;
	margin: 0 0 0 20px;
	padding-top: 10px;
	padding-bottom: 30px;
}

.form_tidy p {
	clear: left;
	padding: 8px 0 0;
	margin: 8px 0 0 !important;
}

.form_tidy p label {
	float: left;
	width: 250px;
	text-align: right;
	font-size: 12px;
	font-weight: 600;
	padding: 1px 8px 3px 0;
	/*border-bottom: 1px dotted #a7c638;*/
}

.textfield {
	float: left;
	width: 200px;
	border: 2px solid #bbb;
	padding: 3px;
}

.form_tidy p textarea {
	float: left;
	width: 200px;
	border: 2px solid #bbb;
	padding: 3px;
}

.form_tidy .button {
	text-align: center;
	width: 65px;
	height: 24px;
	border: 0;
	margin: 5px 0 10px 156px;
	color: #666;
	/*background: url(/images/button_submit.gif) 0 0 no-repeat #fff;*/
	cursor: pointer;
}

.formbutton {
	border: 3px solid #80bd4f;
	background-color: #a7c638;
	cursor: pointer;
	color: #233315;
}

#checkout_button {
	margin-left: 156px;
}

.tickbox {
	width: 13px;
	border: 1px solid #ccc;
}

ul li {list-style-type:none;}

div#featured-section {background:#FFFFFF none repeat scroll 0 0; border-color:#EFECD1 #CFCDB5 #CFCDB5 #EFECD1;border-style:solid;border-width:1px;float:left;margin:2em 0;padding:0.8em;width:960px;}
div#featured-section ul {float:left; margin:0; padding:0;}
div#featured-section li h3 {font-size:147%;margin:0.4em 0;}
div#featured-section li#offerd h3 {border-bottom:1px solid #7F332F} 
div#featured-section li#intro h3 {border-bottom:1px solid #1A5D8F}
div#featured-section li#intro, div#featured-section li#offerd {color:#FFFFFF;float:left;font-size:84%;height:18em;line-height:1.4;margin:0;padding:1em;position:relative;width:455px;}
div#featured-section li#intro p {float:right;font-size:100%;line-height:2;margin:0;width:15em;}
div#featured-section li#intro{background:#0769b2 url(../images/intro-bg.jpg) repeat-x bottom left;}
div#featured-section li#intro img {margin:-12em 0 0 -3em; float:left;}
div#featured-section li#offerd{background:#ae150d url(../images/offerd-bg.jpg) repeat-x bottom left;}
div#featured-section li#offerd li {margin:.5em 0;}