@charset "UTF-8";
/* CSS Document */

@import url(reset.css);

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.5em;
	color: #685948; 
}


#wrapper {
	width: 100%;
	text-align:center;
}

	.gs960 {
		width: 960px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	

/* Logo Bar */

	#logobar {
		background: #b9e7f6 url(../images/bg-logobar.gif) left top repeat-x;
		height: 82px;
	}
	
		h1#logo {
			height: 82px;
			width: 460px;
			overflow: hidden;
			text-indent: -5000px;
			background: transparent url(../images/logo.gif) left top no-repeat;
			float: left;
			display: inline;
		}
		
		#newsletter {
			float: right;
			display: inline;
			padding-top: 25px;
			margin-right: 10px;
			position:relative;
		}
		
			#newsletter input.newslettertext{
				height: 20px; width: 192px;
				color: #1b96c8;
				font-size: 1.25em;
				padding: 4px;
				background: transparent url(../images/bg-textinput.gif) left top repeat-x;
				border-top: 0px;
				border-bottom: 1px #dddddd solid;
				border-left: 1px #dddddd solid;
				border-right: 1px #dddddd solid;
				margin-right: 8px;
				position: relative;
				top: -9px;
			}
				
				#newsletter input.newslettertext:focus {
					background: transparent url(../images/bg-textinput-focus.gif) left top repeat-x;
				}
				
#header {
	height: 154px;
	background: transparent url(../images/bg-header.jpg) 50% top repeat-x;
}
	
	#header .gs960 {
		height: 154px;
		background: transparent url(../images/bg-header.jpg) -520px top no-repeat;
	}
	
		#header h2#tagline {
			width: 618px;
			height: 61px;
			overflow: hidden;
			text-indent: -5000px;
			background: transparent url(../images/bg-tagline.png) left top no-repeat;
			top: 25px;
			position: relative;
			margin-bottom: 7px;
		}
		
			#header #action{
				position:relative;
				top: 25px;
				left: 10px;
			}

#infobar{
	background: transparent url(../images/bg-infobar-repeat.gif) left top repeat-x;
	height: 104px;
}

	#infobar .gs960{
		background: transparent url(../images/bg-infobar.gif) left top repeat-x;
		height: 104px;
		z-index: 100;
	}
	
		#infobar li#stepone, #infobar li#steptwo, #infobar li#stepthree{
			width: 300px;
			height: 82px;
			float: left;
			list-style-type:none;
			margin: 10px;
			position: relative;
			display: inline;
		}
		
			#infobar li#stepone p, #infobar li#steptwo p, #infobar li#stepthree p{
				width: 300px;
				height: 82px;
				text-indent: -5000px;
				overflow: hidden;
				margin: 0px;
				padding: 0px;
			}
			
				#infobar li#stepone p,#infobar li#stepone {background: transparent url(../images/stepone.gif) left top no-repeat;}
				#infobar li#steptwo p,#infobar li#steptwo{background: transparent url(../images/steptwo.gif) left top no-repeat;}
				#infobar li#stepthree p,#infobar li#stepthree{background: transparent url(../images/stepthree.gif) left top no-repeat;}
			
				#infobar li#stepone p:hover{ background-image: url(../images/stepone-over.gif);}
				#infobar li#steptwo p:hover{ background-image: url(../images/steptwo-over.gif);}
				#infobar li#stepthree p:hover{ background-image: url(../images/stepthree-over.gif);}
				
				.popup{
					background: transparent url(../images/bg-popup.png) left top no-repeat;
					position: absolute;
					height: 174px;
					width: 247px;
					padding: 20px;
					left: 7px;
					display: none;
				}
				
					.popup dt{
						padding-left: 66px;
						color: #1b96c8;
						font-size: 1.25em;
						margin-bottom: 5px;
						height: 53px;
						padding-top: 15px;
					}
					
						#stepone .popup dt { background: transparent url(../images/stepone-dt.gif) left top no-repeat;}
						#steptwo .popup dt { background: transparent url(../images/steptwo-dt.gif) left top no-repeat;}
						#stepthree .popup dt { background: transparent url(../images/stepthree-dt.gif) left top no-repeat;}						
						
					.popup dd{
						padding-left: 25px;
						background: transparent url(../images/check.gif) left 0 no-repeat;
						color: #877968;
						line-height: 1.25em;
						padding-bottom: 5px;
						margin-left: 40px;
					}
					
					
	#maincontent {
		background: transparent url(../images/bg-maincontent.gif) left top repeat-x;
	}
		
		#what{
			width: 620px;
			margin: 0 10px;
			padding: 10px 0;
			float: left;
			display: inline;
			z-index: 99;
		}
			
			#what h1{
				background: transparent url(../images/h1-what.gif) left top no-repeat;
				width: 265px;
				height: 24px;
				overflow: hidden;
				text-indent: -5000px;
				margin: 18px 0;
			}
			
			#what h2{
				background: transparent url(../images/h2-consultation.gif) left top no-repeat;
				width: 478px;
				height: 24px;
				overflow: hidden;
				text-indent: -5000px;
				margin: 18px 0;
			}
			
			#what p{
				line-height: 2em;
			}
		
		#consultation{
			background: #dedcd9 url(../images/bg-consultation.gif) left top no-repeat;
			padding: 10px 0 0 0;
			margin: 20px 0 30px;
			position:relative;
		}
				
			#consultation table{
				padding: 0px;
				margin: 0 0 0 10px;
				width: 610px;
			}
				
				#consultation table td{
					padding: 2px 0;
				}
					#consultation label{
						display: block;
					}
					
						#consultation span.required {
							font-size: .833em;
							color: #0a89c6;
						}
					
					#consultation input{
						font-size: 1.2em;
					}
					
					#consultation input.long:focus, #consultation input.hs:focus, #consultation input.grad:focus{
						background: transparent url(../images/bg-textinput-focus.gif) left top repeat-x!important;
						border: 1px solid #ffc000!important;
						height: 19px!important;
					}
					
					#consultation input.long{
						width: 280px;
						margin-bottom: 10px;
						background: transparent url(../images/bg-textinput.gif) left top repeat-x;
						border-top: 0px;
						border-bottom: 1px #dddddd solid;
						border-left: 1px #dddddd solid;
						border-right: 1px #dddddd solid;
						height: 20px;
						padding: 4px;
						display:block;
					}
					
					#consultation input.hs{
						width: 88%;
						background: #fff url(../images/bg-textinput.gif) left top repeat-x;
						border-top: 0px;
						border-bottom: 1px #dddddd solid;
						border-left: 1px #dddddd solid;
						border-right: 1px #dddddd solid;
						height: 20px;
						padding: 4px;
						margin-bottom: 10px;
					}
					
					#consultation input.grad{
						width: 80%;
						background: #fff url(../images/bg-textinput.gif) left top repeat-x;
						border-top: 0px;
						border-bottom: 1px #dddddd solid;
						border-left: 1px #dddddd solid;
						border-right: 1px #dddddd solid;
						height: 20px;
						padding: 4px;
						margin-bottom: 10px;
					}
					
					#consultation textarea.comments{
						width: 280px;
						height: 141px;
						background: #fff url(../images/bg-textinput.gif) left top repeat-x;
						border-top: 0px;
						border-bottom: 1px #dddddd solid;
						border-left: 1px #dddddd solid;
						border-right: 1px #dddddd solid;
						padding: 4px;
						font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
						font-size: 1.2em;
					}
						
						#consultation textarea.comments:focus{
							background: #ffffca url(../images/bg-textinput-focus.gif) left top repeat-x!important;
							border: 1px solid #ffc000!important;
							height: 140px!important;
						}
						
					
						#consultation .bottom {
							background: transparent url(../images/bg-consultation-bottom.gif) left bottom no-repeat;
							width: 620px;
							height: 6px;
						}
					

		
			#essentials{
				width: 148px;
				height: 19px;
				background: #fff url(../images/essentials.gif) left top no-repeat;
				text-indent: -5000px;
				overflow: hidden;
				border-right: 1px solid #dadada;
				border-bottom: 1px solid #dadada;
			}
			
			#details{
				width: 127px;
				height: 19px;
				background: #fff url(../images/details.gif) left top no-repeat;
				text-indent: -5000px;
				overflow: hidden;
				border-right: 1px solid #dadada;
				border-bottom: 1px solid #dadada;
			}
		
		
		#where {
			float: left;
			margin: 0 10px;
			padding: 15px;
			width: 270px;
			background: transparent url(../images/bg-where.gif) left top no-repeat;
			margin-top: 20px;
			color: #1b96c8;
			display: inline;
			position:relative;
		}
		
			#where h2{
				background: transparent url(../images/h2-where.gif) left top no-repeat;
				text-indent: -5000px;
				overflow: hidden;
				width: 172px;
				height: 16px;
				margin-bottom: 15px;
			}
			
			#where .bottom{
				width: 300px;
				height: 8px;
				background: transparent url(../images/bg-where-bottom.gif) left bottom no-repeat;
				position: absolute;
				left:0;
				bottom:0;
			}
		
	#footer {
		background: #137bb5 url(../images/bg-footer.gif) left top repeat-x;
		padding: 20px;
		color: #fff;
	}
	
		#footer a{
			color: #fff;
		}
	
		
.clearer{clear: both; }
		
	
.special {display:none;}

.message {
	display:none;
	margin: 0 10px;
	width: 600px;
}

#alert{
	margin: 10px;
	width: 600px;
}

	#alert h3.error{
		font-size:14px;
		font-weight:bold;
	}
	
	#alert h3.success{
		font-size:14px;
		background: transparent url(../images/pass.gif) left 50% no-repeat;
		line-height:19px;
		padding-left: 24px;
	}
	
		#alert ul{
			margin-left: 20px;
		}
			
			#alert ul li{
				margin: 4px;
				list-style-image: url(../images/bullet.gif);
			}
			
.subscribeform strong{ display:none;}

.subscribeerror{ 
	position: absolute;
	background-color:#FFEBE8;
	border: 1px solid #DD3C10;
	color: #333333;
	padding: 5px;
	z-index: 20;
}

.couponpopup {
	zoom:1;
	z-index:100000;
	width: 328px!important;
	position: absolute;
	margin-top: -8px;
	color: #333;
}

.errorbox{ background-color:#fff;width: 300px;}

td.errorbox p{margin: 10px 0;line-height: 140%;}

.couponpopup .tl {height:18px;width:14px;background: transparent url(../images/popup/tl.png) left top no-repeat;}
.couponpopup .t { height:18px;width:14px;background: transparent url(../images/popup/t.png) left top repeat-x; }
.couponpopup .tr { height:18px;width:14px;background: transparent url(../images/popup/tr.png) left top no-repeat; }
.couponpopup .cr { width:14px;background: transparent url(../images/popup/cr.png) left 50% repeat-y; }
.couponpopup .cl {width:14px;background: transparent url(../images/popup/cl.png) left 50% repeat-y; }
.couponpopup .bl { height:14px;width:14px;background: transparent url(../images/popup/bl.png) left top no-repeat; }
.couponpopup .b { height:14px;width:14px;background: transparent url(../images/popup/b.png) left top repeat-x; }
.couponpopup .br { height:14px;width:14px;background: transparent url(../images/popup/br.png) left top no-repeat; }