* { padding: 0; margin: 0; }
html, body { height: 100%; }
html {background:#fff url(../../images/application/background-pattern.jpg) repeat; }
html, body, form { font-family: arial, verdana, sans-serif; font-size: 14px; color: #333333; line-height: 16px; margin: 0; padding: 0; height: 100%; overflow: auto; position:relative; }
#layout { min-height: 100%; margin: 0 auto; }
* html #layout { height: 100%;}

.containment { width: 1000px; margin: 0 auto 0 auto; }


h1 { display: inline; font-size: 18px; color: #333333; }
h2 { font-size: 16px; margin: 6px 0 4px 0; }
h3 { font-size: 14px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }
h7 { font-size: 15px; }
p { color: #333333; line-height: 16px; margin: 15px 0 15px 0; font-family: arial, verdana, sans-serif; font-size: 14px; }
a, a:visited { color: #65cdf9; text-decoration: none; font-size: 14px; }
a:active, a:hover { color: #03b0db; text-decoration: underline; font-size: 14px; }


#header { font-size: 12px; cursor: pointer; height: 31px; width: 100%; background: url(../../images/application/background-repeat-top-dark-bar.gif) repeat-x; }
#header span.title { color: #fff; }
#header span.tagline { color: #ccc; margin: 0 0 0 5px; cursor: default; }
#header .lineHeight { line-height: 31px; }
#header a { font-size: 12px; }

#prime { font-size: 12px; height: 423px; width: 100%; background: url(../../images/application/background-repeat-header-clouds.jpg) repeat-x; }
#prime .containment {  position:relative; width:1000px;}
#prime .containment .primeBanner { background: url(../../images/application/top-banner-new-home-owner.png) no-repeat 0 0; height: 356px; margin: 0 0 0 0; overflow:auto; width: 1000px; }

#prime .navigation { list-style-type: none; margin: 5px 0 0 0; padding: 0px; height:61px; width:776px; }
#prime .navigation li { font-size: 10px; display: block; overflow: hidden; outline: none; padding: 0px; cursor: pointer; float: left;margin: 2px 0 0 0; width:190px; height:64px;}
#prime .navigation h2 { margin: 10px 0 0 0; padding:0; color: #03b0db; text-transform: uppercase;}
#prime .navigation a, #prime .navigation a:hover, #prime .navigation a:visited { display: block;outline: none; margin: 2px 0 0 0; color: #ccc; text-decoration:none; }

#footer { font-size: 12px; height: 313px; background: url(../../images/application/background-repeat-footer.PNG) repeat-x; margin: 0 auto 0 auto; position:relative; }
#footer .footerSecondLayer { background: url(../../images/application/background-second-layer-footer.png) no-repeat 0 0; height: 313px; position:absolute; top:0; right:0; width: 475px;}
#footer ul.footerNavigation { padding: 270px 0 0 0; float:left; width: 1000px;text-align:left; }
.footerNavigation li { float: left; color: #fff; border-left: solid 1px #fff; font-size: 12px;padding: 0 5px 0 5px; }
.footerNavigation li, .footerNavigation li a {  font-size:12px;padding: 0 5px 0 5px; }
.footerNavigation li, .footerNavigation li a,.footerNavigation li a:visited, .footerNavigation li a:hover { color: #fff; font-size: 12px;padding: 0 5px 0 5px; }
.footerNavigation li:first-child,
.footerNavigation li:first-child a
.footerNavigation li:first-child a:hover,
.footerNavigation li:first-child a:visited { border: none; }

.welcomeHome
{
	
}
.welcomeHome .icon { float: left; width: 70px; }
.welcomeHome .message { float: left; width: 900px; }
.welcomeHome ul.checkGreen { }
.welcomeHome .checkGreen li{ padding: 0 20px 0 0; }
.welcomeHome .checkGreen li a{ color: #333; font-size: 14px; font-style: normal; font-weight: 600; }
.welcomeHome .checkGreen li { background: url(../../images/application/check-mark-green.gif) no-repeat; padding: 0 0 0 30px; margin: 10px 0 10px 10px; }
.welcomeHome ul.leftToRight { }
.welcomeHome .leftToRight li { float: left; width: 200px; padding: 10px; }
.welcomeHome .leftToRight li a { color: #333; font-size: 14px; font-style: normal; font-weight: 600; }

.ccc, .ccc a { color: #ccc; }

div.teamHeader { background: url(../../images/application/background-about-us-team.gif) no-repeat; }
.teamHeader ul { margin: 0 0 0 250px; height: 56px; }
.teamHeader li { float: left; width: 350px; margin: 10px 0 0 0; }
.title { color: #999; font-size: 12px; }
.name { color: #333; font-size: 14px; font-style: normal; font-weight: 600; }
.selectedBlue, .theMagazineMenu li.selectedBlue a { color: #00baff; font-size: 14px; font-style: normal; font-weight: 600; }
span.name, span.selectedBlue { float: left; }
span.title { clear: left; float: left; cursor: default; }
.teamDescription p { clear: both; }
div.teamDescription { clear: both; margin: 40px 0 20px 0; }
.spaceIt { padding: 20px; }
div.theMagazine { padding: 10px 0 0 0; }
.theMagazine .icon { float: left; width: 200px; }
.theMagazine .message { float: right; width: 720px; margin: 0 0 0 10px; }
div.theMagazineMenu { clear: both; background: url(../../images/application/header-the-magazine.gif) no-repeat; width: 1000px;margin: 40px 0 20px 0; }

.theMagazineMenu ul { margin-left: 180px; height: 59px; }
.theMagazineMenu li { float: left; height: 59px; line-height: 59px; padding: 0 20px 0 20px; }
.theMagazineMenu li a{ color: #333; font-size: 14px; font-style: normal; font-weight: 600; }
.checkMarkGreen li { background: url(../../images/application/check-mark-green.gif) no-repeat; padding: 0 0 0 30px; margin: 10px 0 10px 30px; }
.theMagazine .detail { margin: 0 0 20px 0; }

.contact td { padding: 10px 10px 10px 0; }

.theMagazine .detail .map { border-right: dashed 1px #999; float: left; width: 231px; padding: 0 20px 0 0; margin: 0 0 0 0; }
.theMagazine .detail .issues { float: right; width: 740px; }
.theMagazine .detail .issues li { clear: both; padding: 10px 0 10px 10px; }
.theMagazine .detail .issues li:first-child { clear: both; padding: 0 0 10px 10px; }
.theMagazine .detail .issues span.location { text-transform: uppercase; font-size: 14px; font-weight: 600; color: #333; }
.theMagazine .detail .issues a { }

.hrDiv { margin: 0 0 30px 0; border-bottom: dashed 1px #999999; padding: 10px 0 10px 0; }
.artLeft { float: left; width: 530px; background: url(../../images/application/the-magazine-art-specs-left.gif) no-repeat; height: 689px; position: relative; }
.artRight { float: right; width: 402px; background: url(../../images/application/the-magazine-art-specs-right.gif) no-repeat; height: 669px; position: relative; }
.artLeft .url { position: absolute; bottom: 140px; right: 280px; }
.artLeft .positionIt { position:absolute; bottom: 25px;left: 10px;}
.artRight .emailAddress { position: absolute; bottom: 330px; right: 40px; }

.thePortal div.thePortalMenu { clear: both; background: url(../../images/application/header-the-portal.gif) no-repeat; width: 1000px; height: 62px; }
.thePortal div.thePortalMenu { clear: both; margin: 0 0 20px 0; }
.thePortal div.thePortalMenu ul { margin-left: 230px; height: 59px; }
.thePortal div.thePortalMenu li { float: left; height: 59px; line-height: 59px; padding: 0 20px 0 20px; background:none; margin:0px; }
.thePortal div.thePortalMenu li a { color: #333; font-size: 14px; font-style: normal; font-weight: 600; }

.thePortal .message { width:100%;}
.thePortal .message ul.checkGreen { }
.thePortal .message .checkGreen li a { color: #333; font-size: 14px; font-style: normal; font-weight: 600; }
.thePortal .message .checkGreen li { background: url(../../images/application/check-mark-green.gif) no-repeat; padding: 0 0 0 30px; margin: 10px 0 10px 0px; }

.thePortal .message { width:100%;}
.thePortal .message ul { }
.thePortal .message li a { color: #333; font-size: 14px; font-style: normal; font-weight: 600; }
.thePortal .message li { background: none; padding: 0 0 0 0px; margin: 10px 0 10px 0px; }

.thePortal .message h2 { font-size:14px; }

span.largeBlue { color: #00ccff; font-size: 18px; margin: 0 5px 0 0; font-weight:600; }



.whiteContentBox
{
	background:#fff;
	border: solid 1px #cdcdcd;
	padding:25px;
}
.verticalDash
{
	border-right: dashed 1px #cdcdcd;
}
input[type|="text"].largeDashedTextBox
{
	border: dashed 1px #c7c7c7;
	background: #f7f7f7;
	width:255px;
	height:55px;
	color:#333333;
	margin: 15px 0 15px 0;
	line-height:55px;
	font-size: 36px;
	padding: 0 10px 0 10px;
}
.alignCenter
{
	text-align:center;
}
div.errorBox
{
	margin: 25px 0 10px 0;
	text-align: left;
}
.containment div.contentInner
{
	margin: 20px 0;
}
.whiteStandardBox
{
	background: #fff;
	border: solid 1px #cccccc;
	padding: 10px 0 10px 10px;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
}
.whiteStandardBox .headerBox
{
	background:#e2f5fe;
	padding: 10px 0 10px 10px;
	border: dashed 1px #a3b1b7;
	margin-bottom: 20px;
}
.whiteStandardBox .yellowBox
{
	background:#fcfee2;
	border: dashed 1px #b6b7a3;
}
.contentWrapperBox .emailRequestBox input[type|="text"].largeDashedTextBox
{
	border: dashed 1px #c7c7c7;
	background: #f7f7f7;
	width:455px;
	height:35px;
	color:#333333;
	margin: 0 0 15px 0;
	line-height:35px;
	font-size: 24px;
	padding: 0 10px 0 10px;
}
p.postNote { margin:5px 0 0 0; color:#cccccc; visibility:hidden;}
.surveryWrapper .formArea div { width: 100%; padding: 5px 0 5px 0; margin:5px 0 5px; overflow: hidden; clear:both;}
.surveryWrapper .formArea label.question { width:100%; padding-bottom: 5px; font-size: 12px;}
.surveryWrapper .formArea label { width:150px; padding-bottom: 5px; font-size: 12px;float: left;}
.surveryWrapper .formArea select.full { width: 100%;}
.surveryWrapper .formArea input[type=text],
.surveryWrapper .formArea select { width: 300px; float:left;}
.surveryWrapper .formArea textarea  { width: 100%; float:left;}
.surveryWrapper .formArea table.full input[type=radio] {float:left;}
.surveryWrapper .formArea table.full label {font-size:12px; width:40px; font-weight:normal; float:left; margin-left: 20px;}
ul.specialOffers
{
	margin-top: 30px;
}
ul.specialOffers li
{
	float:left;
	text-align:center;
	width: 310px;
	margin-top:20px;
}
a:hover.noUnderline
{
	text-decoration: none;
}


.contentWrapperBox .columnLeft
{
	float:left;
	width: 720px;
	margin: 0;
	padding: 0;
}
.contentWrapperBox .columnRight
{
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
}
.primeOfferBox
{
	margin:13px 0 13px 0;
	border-bottom: dashed 1px #dddddd;
	padding-bottom: 13px;
	text-align:left;
}
.featuredOffersWrapper
{
	width: 230px;
	text-align:center;
	margin: 0 auto 10px auto;
	
	background: #fff;
	border: solid 1px #cccccc;
	padding: 10px;
	height: 100%;
}
.featuredOffersWrapper .featuredOffer
{
	width: 230px;
	margin:0 auto 10px auto;
	padding:0 0 10px 0;
	border-bottom: dashed 1px #8dc4d2;
	text-align:center;
}
.offersWrapper
{
	clear: both;
	width: 720px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align:center;
}
.offersWrapper .offer
{
	margin:0 10px 10px 0;
	text-align:left;
	float:left;
	height: 160px;
	width: 165px;
	background:#f7f7f7;
	position:relative;
	border: solid 1px #d5d5d5;
}
.offersWrapper .offer .thumbnail
{
	height: 105px;
	width: 165px;
	overflow:hidden;
}
.offersWrapper .offer .title
{
	padding: 5px 0 5px 5px;
	width: 160px;
	text-align:left;
	font-size: 12px;
	font-weight: 600;
	color: #379db7;
	border-bottom: dashed 1px #d5d5d5;
	background:#edecec;
	overflow: hidden;
	white-space:nowrap;
	margin-right:5px;
}
.offersWrapper .offer .phone
{
	padding: 5px;
	width: 155px;
	text-align:center;
	border-top: dashed 1px #d5d5d5;
	font-size: 11px;
	font-weight: 600;
	color: #161616;
	position: absolute;
	bottom:0;
	left: 0;
	background:#edecec;	
}
.columnRight .headerBox
{
	background:#e2f5fe;
	padding: 10px;
	border: dashed 1px #a3b1b7;
	margin-bottom: 15px;
}
.columnRight .featuredBox
{
	background:#d2fca8;
	border: dashed 1px #b6b7a3;
	color:#4599ab;
}
.columnRight .featuredBox h1
{
	color:#1e4b56;
}
.columnRight .featuredSearch
{
	width: 230px;
	background: #fff;
	border: solid 1px #cccccc;
	padding: 10px;
	height: 100%;
	margin: 0 auto 0 auto;
}
.columnRight .featuredSearch h2
{
	color:#03b0db;
	font-size: 16px;
	background:#e2f5fe;
	padding: 10px;
	border: dashed 1px #a3b1b7;
	margin: 0 0 10px 0;
}
.columnRight .featuredSearch .searchBoxWrapper
{
	width: 180px;
	margin: 0 auto;
}
.columnRight .featuredSearch .searchBoxWrapper .largeDashedTextBox
{
	border: dashed 1px #c7c7c7;
	background: #f7f7f7;
	width:130px;
	height:21px;
	color:#333333;
	margin: 0 auto 0 auto;
	line-height:25px;
	font-size: 18px;
	padding: 2px 0 0 3px;
}
.columnRight .featuredSearch .errorBox
{
	margin-top: 0px;
	font-size: 10px;
}
.columnRight .featuredSearch .errorBox h1
{
	font-size: 12px;
}
.columnRight .featuredSearch .searchBoxWrapper
{
	width: 135px;
	float:left;
	overflow:hidden;
}
.columnRight .featuredSearch .searchButtonWrapper
{
	width: 81px;
	float:right;
	overflow:hidden;
}
.columnRight .featuredSearch .searchButtonWrapper input[type=image]
{
	width: 81px;
	height: 25px;
}
.emailRequestBox
{
	width: 720px;
	padding: 10px;
	margin-top: 10px;
}