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

html, body {  height:100%; margin:0; padding: 0; border:0; }
body { margin-top: 2px; background-color: #7799BB; font: 12px Arial, Verdana, sans-serif; color: #999999; }

img { display:block; border:0; }

/****** Headers & Text ******/
h1	{ margin-bottom:5px; font: bold 22px Helvetica, Verdana, sans-serif; color: #7799BB; }
h2 { margin-bottom:3px; font: bold 19px Helvetica, Verdana, sans-serif; color: #666666; }
h3 { margin:0; padding:0; font: bold 16px Arial, Verdana, sans-serif; color: #666666; }
h4 { margin:0; font: bold 1em Helvetica, Verdana, sans-serif; color: #333333; }
h5 { margin:0; padding:0; font: bold 13px Arial, Verdana, sans-serif; color: #666666; }

a { color: #336699; }
small { font-weight:normal; }
p { clear:both; margin:0; padding:0; }
span.required { color:#CC0000; font-weight:bold; }
pre { color:#FFF; }
br.clear { line-height:0; }

a.smalllnk { text-decoration:underline; }

/****** Forms & Inputs ******/
input { overflow: visible; }
form { border:0; margin:0; padding:0; }
input, textarea, select { padding: 2px; font: 11px Arial, Verdana, sans-serif; color: #666666; overflow: visible;  }
input[type="submit"], input[type="button"] { padding: 2px 5px 2px 5px; color: #000000; cursor: pointer; }


/****** Containers ******/
div#wrapper { width:800px; height:100%; margin: 0 auto 0 auto; }
#container { background-color:#FFFFFF; }

div#content { padding: 20px; color: #666666; background:url(/assets/images/bkg-content.jpg) repeat-x; }
div#content p { margin:0; padding:0; margin-bottom:15px; }

#footer { margin:5px; margin-left:260px; padding-top:2px; padding-bottom:10px; font: 80% Arial, Verdana, sans-serif; color:#FFF; }
div#footer p {  margin-top: 5px; }
div#footer a {  color:#FFF; text-decoration:none; }
div#footer a:hover{ text-decoration:underline; }

/****** Navigation ******/
#navigation { text-align: right; color: #C8C855; margin-bottom: 5px; }
#navigation a {
	padding: 3px 5px 3px 5px; margin: 0;
	font: 11px Arial, Verdana, sans-serif;
	color: #FFFFFF; text-decoration: none;
}
#navigation a:hover { color: #C8C855; }
#navigation a.on { color: #FFFFFF; background-color: #C8C855; }

/* ERROR, INFO, WARNING MESSAGING */

div#alert-box { padding:10px; margin:10px 0 10px 0; font: 90% Arial, Verdana, sans-serif; color: #FFFFFF; }
div#alert-box h3 { font: bold 14px Arial, Verdana, sans-serif; color: #FFFFFF; padding:0; margin:0; margin-bottom: 10px; }
div#alert-box a { color: #FFFFFF; }
div.info { background-color: #336699; }
div.error { background-color: #CC0000; }
div.warning { background-color: #CC9933; }

/* END ERROR, INFO, WARNING MESSAGING */

/****** Login header ******/
#logininfo {
	margin-bottom:10px;
	font: 10px Arial, Verdana, sans-serif;
	color: #FFFFFF; vertical-align: text-top; text-align: right;
}
#logininfo a { font: 10px Arial, Verdana, sans-serif; color: #CCCCCC; text-decoration: none; }
#logininfo a:hover { text-decoration: underline; }

/****** Globals ******/
ul.checkmark {  margin-top:10px; list-style-image:url(/assets/images/checkmark-blue.png); }
ul.checkmark li { margin-bottom:5px; font-size:14px; color:#000; padding-left:10px; }

ul.quicklinks { list-style:none; margin-left:0; padding:0; }
ul.quicklinks li { padding-left:10px; margin-bottom:5px; }
ul.quicklinks li a { 
	background: url("/assets/images/bullet-button.gif") no-repeat;
	padding-left: 25px;	text-decoration: none; color:#336699; font-size:12px;
}

div.corners { 
	padding:10px; margin:20px 0 20px 0;
	background-color:#F8F8F8; border:1px solid #CECECE; font-size:12px; 
}

div.greybox { 
	padding:10px; margin:10px 0 10px 0;
	background-color:#EFEFEF; border:1px solid #CECECE; font-size:12px; 
}

div#step1 { margin-bottom:20px; }
div#step2 { margin-bottom:20px; }

div.legal { 
	height:100px; overflow: auto;
	padding: 10px; margin-bottom: 20px; font-size: 11px;
	background-color:#FFF; border:1px solid #CECECE;
}
/****** Content Pages ******/

div#memberlogin { font: bold 11px Arial, Verdana, sans-serif; color:#666666; }
div#memberlogin input { font: 10px Arial, Verdana, sans-serif; color:#666666; margin-right:3px; }

div.home-leftcol { float:left; width:390px; padding:10px; }
div.home-leftcol p { margin-left:15px; }
div.home-rightcol { float:right;  }

div.form { padding:20px; padding-bottom:5px; }
div.form dl { margin:0; padding:5px 10px 5px 10px; clear:both; }
div.form dl dt { font-size:12px; }
div.form dl dd { margin:0; }

div#locations dl { clear:both; color:#666666; border-bottom:1px dashed #CCC; margin-top:8px; padding:0; }
div#locations dl dt { width:375px; float:left; text-align:left; }
div#locations dl dd { margin-left:400px; }
div#locations dl dd input[type="button"] { padding: 5px 10px 5px 10px; cursor: pointer; }

div#services div h3 { color:#999; }
div#services dl { clear:both; color:#666666; margin:0; padding:0; margin-bottom:15px; }
div#services dl dt { width:90px; float:left; text-align:left; padding-top:7px; }
div#services dl dd { margin-left:100px; }
div#services dl dd input[type="button"] { padding: 5px 10px 5px 10px; cursor: pointer; }

div#services div.active div.form { background-color:#d9e3ed; }
div#services div.active h3 { color:#000; }

div.searchbox {
	height:45px; background:url("/assets/images/bkg_searchbox_490x45.gif") no-repeat;  
	padding-top:7px; padding-left:20px; margin-bottom:15px; color:#666666;
}
div.searchbox input { margin:0 5px 0 5px; padding:2px; font: 11px Arial; color:#666666; }
div.searchbox select { margin:0 5px 0 5px; padding:2px; font: 11px Arial; color:#666666; }

div#services select { padding:5px; }

.serviceprice { 
	font: normal 18px Arial, Verdana, sans-serif; color: #000; 
	white-space: nowrap; padding-top:5px;
}

div.callout-cart { margin:20px; padding:10px; background-color:#c8c855; color:#FFF; text-align:right; }
div.callout-cart a { color:#FFF; font-weight:bold; }