/*--------------------- body ---------------------*/

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

body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: transparent url("../img/bg.jpg") top left repeat-x; }

/* to force scrollbar with centered layout */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*----------------------- layout ----------------------------*/

#container { width: 760px; margin: 0 auto; }

	#head { height: 155px; }
	
		img#logo { width: 327px; height: 79px; padding-left: 60px; float: left; }		
		
	#contentwrap { width: 766px; }
	
		#content { margin-left: 205px; }
		
			.item { width: 180px; float: left; margin: 0 7px 7px 0; }
				.item img { width: 178px; height: 148px; float: left; border: 1px solid #EBEBEB; }
				.item img.more { width: 85px; height: 21px; float: none; border: none; display: block; margin: 4px 0 0 -2px; }
				.item p { display: block; clear: both; width: 160px; padding: 6px 10px; margin: 0;
						background: #F3F3F3 url("../img/bg_item.jpg") bottom left repeat-x; }
	
#foot { clear: both; height: 84px; background: transparent url("../img/bg_footer.jpg") top left repeat-x; }	
	#footcontent { width: 760px; margin: 0 auto; }	
		#support { width: 210px; height: 84px; background: transparent url("../img/onlinesupport.jpg") top left no-repeat; }
		#footlinks { float: right; margin-top: 36px; text-align: right; }
		#footlinks p { margin: 0 0 0.4em; padding: 0; color: #737373; font-size: 1.1em; }
		#footlinks a { color: #000; text-decoration: underline; }
		#footlinks a:hover { color: #000; text-decoration: none; }

/*--------------------- paragraphs & headings ---------------------*/

h1 { font-size: 2em; color: #339BCC; font-weight: lighter; margin: 0 0 0.8em; }

h2 { font-size: 1.5em; color: #666; margin: 0 0 0.6em; }

h3 { font-size: 1.5em; color: #999; margin: 0 0 0.6em; }

.special { font-weight: bold; color: #339BCC; }


p {	margin: 0 0 1em; color: #333;
	font-size: 1.1em; line-height: 1.2em;  }

.item p span { color: #757575; }

/*--------------------- links ---------------------*/

a.pagelink, a.pagelink:visited { color:#FF9933; text-decoration: underline; }

a.pagelink:hover, a.pagelink:active { color:#FF9933; text-decoration: none; }

/*--------------------- images ---------------------*/

a img { border: 0; }
.singleitem img { float: right; }
.singleitem a img { float: none; }

img.getquote { width: 85px; height: 21px; padding: 6px 0 0; }
html>body img.getquote { padding: 5px 0; }

/*--------------------- lists ---------------------*/

.singleitem ul { margin-left: 1.8em; list-style-image:url(../img/arrow_list.gif); margin-bottom: 2em; }
.singleitem ul li { font-size: 1.1em; margin-bottom: 0.2em; }

/*--------------------- forms ---------------------*/

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 1.2em; border: 1px solid #666; }

/* ---------------------- nav ----------------------*/

ul.level1 { list-style: none; clear: both; width: 760px; height: 31px; }

ul.level1 li { float: left; }

ul.level1 a, ul.level1 a:hover { text-decoration: none; }
ul.level1 a img { float: left; }

ul.level2 { list-style: none; float: left; width: 185px; height: 363px; margin: 0 20px 20px 0;  
			background: transparent url("../img/bg_level2.jpg") bottom left repeat-x; }
ul.level2 li.title { background: transparent url("../img/bg_level2head.jpg") top left no-repeat;
					height: 22px; padding: 9px 0 0 15px; border-bottom: 1px solid #EBEBEB; 
					color: #fff; font-size: 1em; text-transform: uppercase; }
ul.level2 img { margin-right: 5px; }
ul.level2 a { display: block; height: 19px; text-decoration: none; padding: 7px 0 0 15px;
			border-bottom: 1px solid #EBEBEB; background: #fff; 
			color: #999; font-size: 1em; text-transform: uppercase; }
ul.level2 a:hover, ul.level2 a.on { color: #339BCC; background: transparent url("../img/bg_level2li.jpg") top left repeat-x; }


ul.level3 { list-style: none;  }
ul.level3 img { margin-right: 5px; }
ul.level3 a { display: block; height: 19px; text-decoration: none; padding: 7px 0 0 28px;
			border-bottom: 1px solid #EBEBEB; background: #fff; 
			color: #999; font-size: 1em; text-transform: uppercase; }
ul.level3 a:hover, ul.level3 a.on { color: #339BCC; background: transparent url("../img/bg_level3li.jpg") top left repeat-x; }

table.vagspec { font-size: 1.1em; color: #333; margin-bottom: 2em }
table.vagspec td { padding: 5px; }
table.vagspec td h2 { margin-bottom: 0; }

/* ---------------------- homepage specific ----------------------*/

#home_middle { width: 350px; }
#home_right { width: 185px; float: right; }

#showcase img, #newsletter img, #quotepullout img, #featured img { float: left; }

#featured { width: 350px; height: 161px; margin-top: 9px;
		background: transparent url("../img/bg_featuredproduct.jpg") top left no-repeat; }
#featured a img { float: none; }
#featuredpad { width: 330px; padding: 42px 10px 0; }

#newsletter { background: #339BCC url("../img/bg_newsletter.jpg") top left repeat-x; }
#newsletter p { color: #fff; line-height: 1.4em; padding-top: 10px; }
html>body #newsletter p { padding-top: 10px; }
#newsletter form { padding-top:5px; }
#newsletter input.email { background-color:#DDEEF7; border: 1px solid #DDEEF7; 
						padding-left: 3px; padding-top:1px; margin-bottom: 1em; width: 140px; }
html>body #newsletter input.email { margin-left: 4px; width: 136px; }						
#emailbg { width:157px; height:20px; margin-left:2px; background: transparent url("../img/bg_emailaddress.gif") top left no-repeat; }						
html>body #emailbg { margin-bottom: 6px; }
#newsletterpad { width: 161px; padding: 35px 12px 8px; }

input.submitemailaddy { cursor: pointer; width: 89px; height: 25px; border: none; background: transparent url("../img/bt_signup.jpg") top left no-repeat; }

#quotepullout { clear: both; margin-top: 16px; background: #FFCC00 url("../img/bg_quote.jpg") top left repeat-x; }
#quotepullout p { color: #fff; line-height: 1.4em; margin:0; padding:0; }
html>body #quotepullout p { margin:0; padding:5px 0; }
#quotepullout p span { color: #333; line-height: 1.4em; }
.quotepulloutpad { width: 161px; padding: 35px 12px 0 12px; }

/* ---------------------- contact page specific ----------------------*/

#contactblock { width: 555px; height: 294px; background: transparent url("../img/contact.jpg") top left no-repeat; }
#contactblock p { font-size: 1.5em; font-weight: bold; color: #8A5000; }
#contactblock p.tel { padding: 74px 0 0 46px; }
#contactblock p.email { padding: 14px 0 0 46px; }
#contactblock p.address { padding: 0 0 0 46px; }
#contactblock a { font-weight: bold; color: #8A5000; text-decoration: underline; }
#contactblock a:hover { text-decoration: none; }

/* ---------------------- free quote page specific ----------------------*/

.fqitem { width: 270px; height: 82px; float: left; margin: 0 10px 10px 0; }
.fqitem p { font-weight: bold; }
.fqitem img { width: 80px; height: 80px; border: 1px solid #EBEBEB; float: left; }
.fqitem input { border: none; }
.fqitem input.tt, select.po { width: 60px; height: 17px; padding: 1px 0 0 3px; border: 1px solid #CFCFCF; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
select.po { width: 102px; }
.fqitem span { font-size: 1.1em; }
.itemname { width: 172px; height:40px; padding: 6px 8px;
			background: transparent url("../img/bg_itemname.jpg") top left repeat-x; }
.add { width: 184px; height:26px; padding: 4px 0 0 4px; background-color:#EFF8FC; }

table.details { font-size: 1.1em; }
table.details select { font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; background-color: #f8f8f8; }
table.details input { width: 140px; height: 17px; padding: 2px 0 0 3px; background-color: #f8f8f8;
				border: 1px solid #7F9DB9; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
table.details input.button { width: 71px; height: 19px; padding: 0; border: 1px solid #7F9DB9; background-color: #EFF8FC; }