/************************************************************************/
/*Block Level Styles                                                    */
/*                                                                      */
/*body, table, td, h1-h6, p, div, span, a, ul, ol, li                   */
/*These styles are read into vars and initialization of the site's      */
/*application, and they're used to define the basic look and feel of    */
/*the front end of the site.                                            */
/*                                                                      */
/*please put any custom classes or styles in the Custom area below this */
/*one                                                                   */
/************************************************************************/

body, table, td, p, div, span, li {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	margin:0 auto;
	line-height:18px;
}
ul {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding: 0px 0px 0px 20px;
	margin : 0px 0px 0px 0px;
}
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	color : #8e4a95;
	font-weight : bold;
}
h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 17px;
	color : #0e4578;
	font-weight : bold;
}
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000000;
	font-weight : bold;
}
a, a:focus, a:hover, a:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color:#0e4578;
	font-weight : inherit;
}
/************************************************************************/
/*Site Map Styles;                                            */
/************************************************************************/
.sitemapColumn{
	margin:0;
	padding:5px;
}
.sitemapSection{
	font-weight:bold;
}
.sitemapSubSection{
	font-weight:bold;
}
.sitemapPage{
	font-weight:normal;
}

/* nav manager */
.navItemLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.parentLevel_1{
	margin-left: 3px;
	background-color:#E1E1E1;
}
.navItemLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}
.parentLevel_2{
	margin-left: 6px;
	background-color:#CCCCCC;
}

/************************************************************************/
/*Custom Classes and Styles;                                            */
/*                                                                      */
/*Any custom classes or styles needed specifically for this site's      */
/*front end go here.                                                    */
/************************************************************************/
.clearFloats{
	clear:both;
}
#homeContainer, #interiorContainer, #interiorNoSidebarContainer{
	width:875px;
	margin:0 auto;
}
#headerContainer{}
#logo{
	float:left;
	width:173px;
}

#topright{
	float:right;
	margin-top:5px;
	width:400px;
}
#topnav{
	text-align:right;
}
#topnav ul{
	list-style:none;
}
#topnav ul li{
	display:inline;
	padding:5px;
}
#topnav ul li a{
	color:#0e4578;
	text-decoration:none;
	font-weight:bold;
}
#topnav ul li.topnavDivide{ /*topNavDivide class to be set to all li items except 1st using JS*/
	padding-left: 5px;
	background-image:url(/media/images/topnavPipe.gif);
	background-position: center left;
	background-repeat:no-repeat;
}
#topnav ul li.topnavDivide a{
	margin-left: 4px;
}
#findashowroom{
	text-align:right;
	
	color:#0e4578;
	font-weight:bold;
}
#findashowroom #goButton{
	position:relative;
	top:8px;
}


#mainnav{
	float:right;
	margin-top:40px;
	#margin-top:25px;
	margin-bottom:3px;
	width:600px;
	text-align:right;
}
#mainnav img{
	margin-right:2px;
}
#headerContainer{}
#headerImg{
	clear:both;
	margin-bottom:5px;
}
#flashContainer{
	clear:both;
	margin-bottom:5px;
}
/* Home Styles */
.homeContainer{
	float:left;
	width:293px;
}
.roundedHeader{
	margin-bottom:5px;
}
.roundedContent h3{
	margin-top:0;
}
#welcome.homeContainer{
	width:277px;
	margin-right:5px;
}
#welcome.homeContainer .roundedContent{
	background-color:#c0e3dc;
	height:168px;
	padding:0 10px 10px 10px;
	overflow:auto;
}
#featuredProject.homeContainer, #featuredNews.homeContainer{
	margin-right:5px;
}
#featuredProject.homeContainer .roundedContent, #featuredNews.homeContainer .roundedContent{
	height:175px;
	overflow:auto;
}
#featuredProject.homeContainer .roundedContent{
	overflow:hidden;
}
#featuredProject.homeContainer #featureMask{
	border:0px solid #ff0000;
	position:relative;
	top:0;left:0;
	#top:-10px;/* IE 7 fix */
	z-index:1;
}
#featuredProject.homeContainer #featureImg{
	position:relative;
	top:-2px;
	#top:-17px;/* IE 7 fix */
	z-index:0;
}
* html #featuredProject.homeContainer #featureMask{ /* IE 6 fix */
	top:-8px;
}
* html #featuredProject.homeContainer #featureImg{/* IE 6 fix */
	top:-13px;
}
#designTip.homeContainer .roundedContent{
	background-color:#c4e0f5;
	height:168px;
	padding:10px;
	overflow:auto;
}
#designTip.homeContainer .roundedContent .franchisee_phone{
	font-weight:bold;
	font-size:15px;
	margin-top:-10px;
	margin-bottom:2px;
	color:#32345b;
}
.roundedContent, .roundedContent p, .roundedContent div, .roundedContent li{
	font-size:11px;
}
/* Interior Styles */
#interiorContainer #bodyColumn{
	float:left;
	width:558px;
	padding:10px 10px 10px 0;
	min-height:225px;
}
* html #interiorContainer #bodyColumn{
	height:225px;
	width:545px;
}
#interiorNoSidebarContainer #bodyColumn{
	width:865px;
	padding:10px 10px 10px 0;
	min-height:225px;
}
* html #interiorNoSidebarContainer #bodyColumn{
	height:225px;
}
#interiorContainer #rightSidebar{
	float:right;
	width:307px;
	background-color:#e3edd5;
	margin-top:15px;
	background-image:url(/media/images/images06/roundedSidebarBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
}
#rightSidebar h1{
	background-image:url(/media/images/images06/rightSidebarHdrBG.gif);
	background-repeat: no-repeat;
	background-color:#fff;
	height:25px;
	color:#fff;
	padding: 9px 5px 5px 10px;
	margin:0;
	font-size:14px;
	text-transform:uppercase;
}
#rightSidebar p, #rightSidebar div{
	margin-left:5px;
	margin-right:5px;
}
.MonthlyTipSideBar{
	padding-bottom:5px;
}

/*header as seperate container (height expandable)
#rightSidebarHdr{
	margin-bottom:5px;
}
#rightSidebarHdr .roundedContent{
	background-color:#c5d9a6;
	width:287px;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
}
#rightSidebarContent .roundedContent{
	background-color:#e3edd5;
	width:287px;
	padding:10px;
}*/
#footerContainer{
	width:874px;
	margin:0 auto;
	margin-top:5px;
	text-align:center;
	background-image:url(/media/images/images06/roundedFooterBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#ccccff;
}
#footerNav{
	background-image:url(/media/images/images06/roundedFooterTop.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.disclaimer{
	width: 874px;
	text-align: center;
	margin: 10px 0;
}
.leftContent{
	margin-top: 40px;
	float: left;
	width: 160px;
}
.leftContent ul{
	padding-top: 10px;
	list-style:square;
}
.rightContent{
	margin-top: 20px;
	float: right;
	width: 380px;
}
/** Old frontend styles to keep **/
/* Locate Form */
	#locateForm{
		padding-top: 10px;
		text-align: left;
		width: 180px;
	}
	#locateForm input{
		border-width: 1px;
		border-style: solid;
		border-color:#444444;
		font-size: 10px;
		color:#444444;
	}
/* Search Results */
	.searchform{
		padding:1px 1px 1px 6px;
		border:1px solid #999999;
		background-color:#f1f1f1;
		color:#ffffff;
		font-weight:bold;
		font-size:11px;
	}
	.searchResultHeader{
		padding:1px 1px 1px 6px;
		/*background-color:#603B36;*/
		background-color:#B0B3FF;
		/*color:#ffffff;*/
		color:#0e4578;
		font-weight:bold;
		font-size:11px;
	}
	.searchResultRow1{
		padding:3px 1px 3px 6px;
		/*background-color:#f1f1f1;*/
		background-color:#EFF0FF;
		font-size:11px;
	}
	.searchResultRow2{
		padding:3px 1px 3px 6px;
		background-color:#ffffff;
		font-size:11px;
	}
/* Press Release and Articles */
	* html .pressReleaseListing{/* IE6 fix */
		width:95%;
	}
	#pressReleaseListHome{
		padding-top:1px;
	}
	.pressReleaseListingHome{
		margin: 1em;
	}
	.pressReleaseListingHome .pressRelease_description p, .pressReleaseListingHome .pressRelease_title, .pressReleaseListingHome .pressRelease_dateLocation{
		font-size:11px;
		margin-top:0px;
		margin-bottom:5px;
	}
	.pressReleaseListingHome h3{
	font-size : 12px;
	color : #000000;
	}
	.pressRelease_morelink{
	margin: 0px 0px 0px 0px;
	}
	
	.pressrelease_dateLocation, .article_dateLocation{
		margin-bottom: 0px;
	}
	.pressrelease_fileUploadID{
		float:right;
		@margin-right: 15px;
	}
	.pressRelease_title, .article_title{
		font-style:italic;
		margin-bottom:5px;
	}
	.pressRelease_description p, .article_description p {
		margin-top:0px;
		margin-bottom:5px;
	}

	.pressReleaseDetail .pressRelease_title, .articleDetail .article_title{
		font-style:normal;
		font-weight:bold;
	}

	.pressReleaseDetail .pressRelease_description p, .articleDetail .article_description p {
		clear:both;
		margin-top:1px;
		margin-bottom:5px;
	}
	
	.pressReleaseDetail .pressrelease_moreLink, .articleDetail .article_moreLink{
		float:right;
		margin-top:0px;
		margin-bottom:0px;
	}
	.articleDetail .article_source{
		display:block;
		margin-bottom: 8px;
		font-style:italic;
	}
	.pressReleaseDetail .pressrelease_pressreleaseDate, .articleDetail .article_pressreleaseDate{
		display:block;
		margin-bottom: 8px;
		font-style:italic;
		font-weight:bold;	
	}
	
	.pressRelease_readMore, .article_readMore{
		margin: 0px 0px 0px 0px;
		text-align:right;
	}
	.pressReleaseArchiveYearListing, .articleArchiveYearListing{
		margin:5px 15px 15px 15px;
	}
	.pressReleaseArchiveYearListing ul, .articleArchiveYearListing ul{
		margin-left:0px;
		padding-left:0px;
		list-style-type:none;
		font-weight: bold;
	}
/* FAQs */
	.FAQContainer{
		clear:both;
		border-bottom:1px solid #ccc;
		padding-top:5px;
		padding-bottom:20px;
	}
	.FAQ_q{
		float:left;
		width:20px;
		font-weight:bold;
		font-size:14px;
		color:#778F50;
	}
	.FAQ_question{
		float:left;
		width:500px;
		font-weight:bold;
		font-size:14px;
		font-style:italic;
		color:#778F50;
	}
	.FAQ_a{
		clear:both;
		float:left;
		width:20px;
		margin-top:5px;
		font-weight:bold;
		font-size:14px;
	}
	.FAQ_answer{
		float:left;
		width:500px;
		margin-top:5px;
	}
	* html .FAQ_answer{
		width:360px;
	}
/* Glossary */
	#glossaryAlpha{
		width:100%;
		text-align:center;
	}
	.glossaryItem{
		padding: 10px 0;
	}
	.glossaryTerm{
		font-weight:bold;
	}
	.glossaryDef{
	
	}
/* Monthly Tip Sidebar*/
	.tipheadshot{/* home & sidebar headshot style */
		border:1px solid #000;
		padding:2px;
		background-color:#fff;
	}
	.MonthlyTipSideBar{
		padding-left:8px;
		padding-right:10px;
	}
	.MonthlyTipSideBarHeadingImage{
		margin-top:15px;
	}
	.MonthlyTipSideBarTipName{
		display:block;
		text-align:left;
		font-weight:bold;
		font-size:11px;
	}
	
	.MonthlyTipSideBarTipHeadShot{
		float:left;
		padding-right: 3px;
	}
	
	.MonthlyTipSideBarTipBody,.MonthlyTipSideBarTipBody p {
		display:block;
		margin-top:5px;
		margin-bottom:0px;
		text-align:left;
		font-size:11px;
	}
/* Services */
	.service_title, .service_title a:link, .service_title a:visited, .service_title a:hover{
		font-size : 20px;
		color : #292A69;
		font-weight : bold;
		padding-bottom: 3px;
		text-align:left;
	}
	.service_serviceBlock{
		clear: both;
		padding: 10px;
		text-align: center;
		margin: 0 auto;

	}
	.service_itemBlock{
		width:80%;
		margin:0 auto;
		padding:10px 0;
	}
	.service_itemBlock .service_title{
		border-bottom:1px solid;
		padding-bottom:2px;
		margin-bottom:12px;
	}
	.service_itemBlock .service_description{
		width:200px;
		padding:5px;
		float:right;
	}
	.service_itemBlock img{	
		margin-right: 5px;
		padding:2px;
		border:4px double #666666;
	}
	.service_serviceBlock img, .service_serviceBlock .service_title{
		text-align: center;

	}
	.service_serviceBlock .service_description{
		margin: 0 auto;
		text-align: left;
		width: 280px;

	}
	.service_serviceBlock .service_description p{
		margin-top: 0;
		padding-top: 0;

	}
	.service_itemBlock{
		clear: both;
	}
	.service_itemBlock .service_title,.service_itemBlock .service_title a:link,.service_itemBlock .service_title a:visited,.service_itemBlock .service_title a:hover{
		color : #778F50;
		font-size:14px;
	}
	.service_imageBlock{
		float:left;
		width: 220px;
	}
	/*don't float for ie5 mac \*/
	.service_imageBlock{
		float:left;
	}
	.service_image_lookup_imageCaption{
		text-align:center;
		font-size:smaller;
	}
	
/* Service Images */
	/*don't float for ie5 mac \*/
	.serviceImageListing{
		float:right;
	}
	.service_image_lookup_imageBlock{
		text-align: center;
	}
	.service_image_lookup_paging{
		display:block;
		text-align:center;
	}
	/*don't float for ie5 mac \*/
	.serviceimageDiv{
		/*float:right;		
		margin: 0px 0px 5px 5px;*/
		text-align:center;
	}
	.serviceimageDiv img{
		border: 1px solid rgb(41, 42, 105);
	}

/* Service Files */
	.serviceFile{
		width: 145px;
		padding:9px 0px 0px 15px;
	}
/* Testimonials */
	.testimonialListing{
		width: 130px;
		margin:15px;
	}
	.testimonial_description{
		text-align:right;
	}
/* SideBar Extras */
	.sidebarHeading{
		text-align:center;
		font-weight:bold;
		padding:18px 0px 0px 0px;
	}

/************************************************************************/
/*Admin Tools Styles and classes;                                       */
/*                                                                      */
/*Used by admintools and administrative displays on the front end       */
/*(Not actually put into use yet - still using admintools.css           */
/************************************************************************/

.formbuilderheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #FFFFFF;
	vertical-align : top;
	background-color : #4c4c4c;
}
.smallfontsize {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	color : #000000;
}
.errortext {
	padding-bottom : 5px;
	padding-left : 8px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #ffffff;
	background-color : #f4f4f4;
	border : 3px solid #cc0000;
}
.logintext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #663366;
}
.submitbuttonFront {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	color : #5D8DB8;
	background-color : #ffffff;
	border: 1px solid #5D8DB8;
}
.submitbuttonGray {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	padding-left:5px;
	padding-right:5px;
	color : #ffffff;
	background-color : #666666;
	border : 2px ridge #dadada;
}

.formitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabeli3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: #616161;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
	font-style: italic;
}
.frontendformitemlabel{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	font-style : italic;
}
.formitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formitemlabelreqi3 {
	BACKGROUND-COLOR: #dadada;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformitemlabelreq{
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.formiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.formiteminputi3 {
	BACKGROUND-COLOR: #cccccc;
	COLOR: black;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	PADDING-TOP: 5px;
	VERTICAL-ALIGN: top;
}
.frontendformiteminput {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
	border-style : none;
}
.formitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	COLOR: #000000;
	vertical-align : top;
	background-color : #dadada;
}
.frontendformitemcheckbox {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	vertical-align : top;
}
.frontendinputfield{
	background-color:#F0F0F0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	padding: 1px;
}
.submitbutton {
	BACKGROUND-COLOR: #749BAD;
	BORDER-BOTTOM: #dadada 2px ridge;
	BORDER-LEFT: #dadada 2px ridge;
	BORDER-RIGHT: #dadada 2px ridge;
	BORDER-TOP: #dadada 2px ridge;
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center
}
.successtext {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #ffffff;
	background-color : #c4c4ff;
	border : 1px dashed #555555;
}
.toolheader {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 8px;
	padding-top : 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	text-align : right;
	color : #ffffff;
	background-color : #333333;
}
.toolheaderi3 {
	BACKGROUND-COLOR: #5B879C;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 6px;
	PADDING-TOP: 6px;
	PADDING-RIGHT: 6px;
}
.toolTable {
	BACKGROUND-COLOR: #ffffff
}

/************************************************************************/
/*ActivEdit Classes                                                     */
/*                                                                      */
/*Copies of classes that we want to show up in ActivEdit should go here */
/*Class must start with ae, and must have a comment/Label above it that */
/*starts with ae as well.                                               */
/************************************************************************/
	
/*aeBody*/
.aebody {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeTable*/
.aetable {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
/*aeTable Cell*/
.aetd {
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}
/*aeDiv*/
.aediv {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeSpan*/
.aespan {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
}
/*aeAddress*/
.aea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : inherit;
	color : #cc0000;
	font-weight : inherit;
}

