﻿@charset "UTF-8";
/* CSS Document */



/* Main Div */

.nextBox
{
    /* 280px allocated for entire box, padding and margins */
	height: 378px;
	border: 1px solid #999999;
	width: 238px;
	margin:0px 10px;
	padding:10px;
	float: left;
}

.nextBoxResizable 
{
    border:1px solid #999;
    width:238px;
    margin:0 10px;
    padding:10px;
    float:left;
}

.nextWrapper 
{
    width:229px;
    margin:auto;
}

h1.wizardTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin:20px 0px 0px 0px;
}

h2.wizardTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	text-transform:uppercase;
}

h3.wizardTitle, .nextBoxResizable h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-transform:uppercase;    
}

.mapRadiusInput 
{
    font-size:12px;
    font-weight:normal;
    text-align:right;
    color:Black;
    width:270px;
    position:absolute;
    left:250px;
}

.wizardContent 
{
	margin: 16px;   
	position:relative; 
}

.listTypeBox{
	/*height: 378px;*/
	border: 1px solid #999999;
	width: 400px;
	margin-right: 30px;
	float: left;
	margin-top:30px;
}

.mapBox 
{
	border: 1px solid #999999;
	width: 565px;
	margin-right: 30px;
	float: left;
	margin-top:30px;
}

.mapHole 
{
    width:532px;
	height:360px;
	border: 1px solid #666666;
}


#header {
	background-image: url(/resources/satisfaction_guaranteed.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav{
	width: 800px;
	float: left;
	height: 36px;
}

#subMainNav{
	width: 707px;
	float: left;
	height: 34px;
	margin-left: 173px;
}

#subMainTab{
	background-image: url(/resources/tabContent.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	width: 290px;
	float: left;
}

#title{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	padding-left: 48px;
	padding-top: 13px;
	font-size: 14px;
}

#subMainButtons{
	height: 34px;
	float: right;
}

#contentWrapper{
	width:509px;
	height:auto;
	float: left;
	margin-left: 7px;
	background-image: url(/resources/content_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#contentWrapper5{
	width:705px;
	height:auto;
	float: left;
	margin-left: 7px;
	background-image: url(/resources/content_middle5.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#contentWrapperPop {
	width:509px;
	margin: auto;
	background-image: url(/resources/content_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#contentWrapper3{
	width:682px;
	height:auto;
	float: left;
	margin-left: 7px;
	background-image: url(/resources/content_middle3.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#contentWrapper4{
	width:870px;
	height:auto;
	float: left;
	margin-left: 7px;
	background-image: url(/resources/content_middle4.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#rightBar{
	width: 187px;
	float: right;
	margin-top: 0px;
}


#contentTop, .contentTop{
	background-image: url(/resources/content_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 509px;
}

#contentTop2, .contentTop2 {
	background-image: url(/resources/content_top2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 509px;
}

#contentTop3, .contentTop3 {
	background-image: url(/resources/content_top3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 682px;
}

#contentTop3tab, .contentTop3tab {
	background-image: url(/resources/content_top3tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 682px;
}

#contentTop4, .contentTop4 {
	background-image: url(/resources/content_top4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 870px;
}

#contentTop5 {
	background-image: url(/resources/content_top5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 705px;
}

#contentTop5.withouttab {
    background-image: url(/resources/content_top5a.gif);
}

#contentTop5a {
	background-image: url(/resources/content_top5a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 705px;
}

#content{
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 13px;
	height: auto;
}

#content3{
	width: 652px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 13px;
	height: auto;
}

#content4{
	width: 840px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 13px;
	height: auto;
}

#content5{
	width: 675px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 13px;
	height: auto;
}

#contentBottom{
	background-image: url(/resources/content_base.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 509px;
}

#contentBottom3{
	background-image: url(/resources/content_base3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 682px;
}

#contentBottom4{
	background-image: url(/resources/content_base4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 870px;
}

#contentBottom5{
	background-image: url(/resources/content_base5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 705px;
}

/* SubNav */

#subNav{
	width:166px;
	height:auto;
	float: left;
	top: -9px;
	position: relative;
}

#NavTop{
	background-image: url(/resources/staticHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
}

#NavTopTemplate{
	background-image: url(/resources/templateHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
}

#NavContent{
	background-color: #8E9BAD;
	height: auto;
}

#NavBottom{
	background-image: url(/resources/staticBase.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
}

#NavContent a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-image: url(/resources/subNavBackground25.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#NavContent a:hover{
	color: #8E9BAD;
	background-image: url(/resources/subNavBackground_a.png);
	background-repeat: no-repeat;
	background-position: left top;
}


.pricingHeader{
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 2px solid #FFFFFF;
}

.pricingItem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 2px solid #FFFFFF;
}

.designSpecCopy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.smallCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/******* Zone *******/

.zoneText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #E8E8E8;
	padding-left: 10px;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 1px;
}

.zoneTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background-color: #E8E8E8;
	padding-left: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.zoneSpace{
	width: 10px;
}

fieldset {
    margin-bottom:10px;
}

legend {
    font-weight:bold;
    font-size:14px;
    color:#8E9BAD;
}

/* Listing items*/

.listingHeader{
	background-image: url(/resources/productHeader.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-indent: 10px;
	margin-top: 5px;
	padding-top: 3px;
	background-color: #E8E8E8;
}

.listingBackground{
	background-color: #E8E8E8;
	padding-left: 8px;
}

.listingSpace{
	width: 6px;
}

.listingTop{
	width: 228px;
	background-image: url(/resources/itemTop.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 5px;
}

.listingBottom{
	width: 228px;
	background-image: url(/resources/itemBottom.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 5px;
}

.listingitem{
	background-color: #FFFFFF;
	width: 228px;
	valign: middle;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}

/* Survey Styles */
ol.survey li, ul.survey li
{
    margin-bottom:10px;
}

ul.survey { 
    list-style-type:none;
}

.surveysub 
{
    font-size:smaller;
    font-style:italic;
}

ol.survey li div.question, ul.survey li div.question
{
    font-weight:bold;
    width:auto;
}

ol.survey li .row, ul.survey li .row
{
    margin:5px 0;
    border-bottom:1px solid #CFCFCF;
}

ol.survey li .row .label, ul.survey li .row .label
{
    width:40%;
}

ol.survey li .row .aright, ul.survey li .row .aright
{
    width:55%;
}

ol.faq li 
{
    margin-bottom:10px;
}