@CHARSET "ISO-8859-1";

/* FONTS */
body {font:13px/1.231 'Lucida Sans','lucida grande',arial,helvetica,clean,sans-serif;}

/*  COMMON ELEMENTS RULES  */
body{text-align:center; font-size: 12px; color: #212538}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#212538; padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p {line-height:1.2em; font-size:100%; margin:0em;}
h1.first-content, h2.first-content, h3.first-content {margin-top:0; padding-top:0; border:none; margin-bottom: 0.35em;} 
/*if an h is the first thing on the page or in a section, it should be flush with the top border of its content area; otherwise, its content area should be padded to create space.*/
h2 {margin-bottom:0.6em }
/*p { margin-bottom:1em; line-height: 1.4em; letter-spacing: -0.3px;}   OLD RULE*/
p { margin-bottom:1em; line-height: 1.5em; letter-spacing: 0.2px;}

pre{font-weight: 12px; font-family: 'Lucida Sans','lucida grande',arial,helvetica,clean,sans-serif; line-height: 1.2em; letter-spacing: 0.2px;}

ul, ol, dl, dd {margin-left:30px;}
dt { font-weight:bold; }
ul, ol {margin-bottom:.7em;}
ul li {list-style:disc;}
ol li {list-style:decimal outside;}
strong {font-weight:bold;}
em {font-style:italic;}
ul li {list-style-image: url(../images/bullets/bullet-black.jpg); list-style-position:outside}
/*ul li {background: url(../images/bullets/bullet-black.jpg) no-repeat 0% 50%; padding-left: 1.0em; list-style: none;}*/

h1 {font-size: 24px  /* 182%; */ }
h2 {font-size: 18px; /* 136%; */ }
h3 {font-size: 15px; /* 116%; */ }
h4 {font-size: 12px  /* 93%;  */ }
h2 {padding-bottom: 10px;}
h3 {line-height:1.8em; letter-spacing: -0.2px;}

span.pipe		{ padding: 0px 3px; color: #708cd1; font-size: 10px; }
span.bullet		{ padding: 0px 2px; color: #212538; font-size: 10px; }
a				{color:#708cd1; text-decoration: none; font-size: 12px;}
a:hover			{text-decoration: underline;}
a:visited		{color:#708cd1;}
a:active 		{color:#708cd1;}

span.as-seen-on	{color: #212538; font-size: 12px; padding-right: 15px;}

/* LOGO */
.construction {font-size: 16px; color: #7B7A7A; font-weight: bold; padding-left: 5px;}
.deal {font-weight: bold; color: #BE1E2D; font-size: 16px; }
.com {color: #7B7A7A; font-size: 10px;}

/* GENERAL */
.gray 			{color: #757889;}
.green 			{color: #257d25;}
.red 			{color: #ff0000;}
.blue, .link 	{color: #708cd1;}
.text-color 	{color: #212538;}
.bold			{font-weight: bold;}
.italic			{font-style: italic;}
.bold-italic	{font-weight: bold; font-style: italic;}
.normal 		{font-style: normal;}
.tcenter 		{text-align: center;}
.tleft			{text-align: left;}
.tright			{text-align: right;}
.tcenter		{text-align: center;}
.clear 			{clear: both;}
.clear-footer	{clear: both; overflow: hidden; display: block; font-size: 0px; height: 0; }
.fleft 			{float: left;}
.fright 		{float: right;}
.dummy			{width: 0px; height: 0px; line-height: 0px; margin: 0px; padding: 0px; font-size: 0px; }
.top 			{vertical-align: top;}
.middle			{vertical-align: middle; }
.bottom			{vertical-align: bottom; }
.baseline		{vertical-align: baseline; }
.underline		{text-decoration: underline;}
.password 		{font-family: arial; }

/*	LIQUID LAYOUTS	*/
/*#header-panel 	{ height:23px; position: relative; background:url(../images/gradients/nav-off-gradient.jpg) repeat-x left top; border: 1px solid #c3c3c3; width: auto;}*/
/*#footer-panel   { padding: 0px; position: fixed; bottom: 0; width: 100%; background: url(../images/gradients/footer-back.jpg) repeat-x left top; height: 32px; line-height: 32px; border: 1px solid #c3c3c3;}*/

#header-panel 	{ padding: 0px; height: 52px; *height: 52px; _height: 49px; background: transparent url(../images/gradients/menu-shadow.jpg) repeat-x left bottom; width:100%; }
#footer-panel   { padding: 0px; position: fixed; bottom: 0; width: 100%; background: url(../images/gradients/footer-back.jpg) repeat-x left top; height: 32px; line-height: 32px; border: 1px solid #c3c3c3;}
 
/*	LAYOUTS	*/
#body-layout	{margin: 0 auto;}
#body-layout	{width: 994px; text-align: left; padding: 20px 10px 30px 10px; margin-bottom: 30px;}
#body 			{margin-top: 30px;}

#ft 			{ margin: 0; padding: 0px 15px; float: left;}
#ft a 			{ padding: 0; color: #212538; font-size: 11px; }
#ft span.pipe 	{color: #c3c3c3; }
#copyright 		{ margin: 0; text-align: right; padding: 0 15px; font-size: 11px; }

/* SUB NAVIGATION PANEL */
#sub-nav-panel				{ vertical-align: bottom; text-align: right; width:996px;}
#sub-nav-panel a.off		{ color: #708cd1; font-size: 11px;}
#sub-nav-panel a.on			{ color: #212538; font-size: 11px; text-decoration: none; cursor: default} 
#sub-nav-panel a.off:hover	{ text-decoration: underline;}
#sub-nav-panel span.pipe	{ color: #212538}

/* BREAD CRUMBS PANEL */
#bread-crumbs-panel			{ font-size: 11px; text-align: right; width:996px;}
#bread-crumbs-panel a 		{ font-size: 11px; }
#bread-crumbs-panel a.on 	{color: #212538; }
#bread-crumbs-panel a.off 	{color: #708cd1; }
#bread-crumbs-panel a:hover {text-decoration: underline; }
#bread-crumbs-panel img 	{margin: 0px 5px;}

/*  TOP NEW NAVIGATION MENU */
#nav 				{ margin:0 auto; width:auto; height: 25px; *position: relative; z-index: 1000;}
#nav ul 			{width: auto;}
#nav ul li 			{display: inline; }
#nav ul li a		{text-decoration: none; color: #708cd1; height: 100%; padding: 0 15px; line-height: 20px; font-size: 12px; font-weight: bold; }			
#nav ul li a:hover	{color: #37508e; background: url(../images/icons/bubble.png) no-repeat 50% 100%; padding-bottom: 12px; }
#nav ul li a.current{color: #37508e; background: url(../images/icons/bubble.png) no-repeat 50% 100%; padding-bottom: 12px; }

a.right-top-nav 		{font-size: 12px;}
a.right-top-nav-current {font-size: 12px; color: #212538; text-decoration: none; cursor: default;}
.questions 				{font-size: 11px; font-style: italic}
.phone-number 			{font-size: 13px; padding-left: 8px;}

/* DELETE BEFORE FINAL PRODUCTION 
#nav 				{ margin:0 auto; width: 994px; height: 23px; }
ul#dropline 		{ margin: 0px; padding: 0; height: 100%; list-style: none; border-left: 1px solid #c3c3c3; }
#dropline li 		{ list-style: none; float: left; padding: 0; margin: 0; height: 100%; border-right: 1px solid #c3c3c3; }

#dropline li.right { float:right; padding-right: 10px;}
#dropline li.right .questions {font-size: 11px; font-style: italic}
#dropline li.right .phone-number {font-size: 15px; padding-left: 10px;}
#dropline li a 		{ float: left; color: #757899; height: 100%; padding: 0 15px; line-height: 23px; font-size: 12px; font-weight: bold;}
#dropline li a:hover{ text-decoration: none; color: #212538; }
#dropline li.current ul {left:0; z-index:1;}
#dropline li.current 	{background: url(../images/gradients/nav-selected-gradient.jpg) bottom left repeat-x; height: 24px; }
#dropline li.current a 	{color: #757889; cursor: default;}
*/

/*	DROPLINE SUB NAV MENU	*/	
/* DELETE BEFORE FINAL PRODUCTION 

.dropline-sub 		{margin: 0px; padding: 0px; margin-top: -7px; *margin-top: 1px; _padding: -0px; height: 27px; border: none; border-bottom: 1px solid #c3c3c3; background: url(../images/gradients/sub-nav-gradient.jpg) repeat-x;}
.dropline-sub ul, .dropline-sub li { list-style: none; }
.dropline-sub ul 	{padding: 0; width: 994px; *margin-left: 0px; padding-left: 5px; -moz-padding-start: 35px; *padding: 0px;}
.dropline-sub ul li { float: left; padding: 0; margin: 0; line-height: 27px;  vertical-align: middle; height: 100%;}
.dropline-sub ul li.last { background: none; }
.dropline-sub ul li span.pipe	{color: #cecece; font-size: 11px; }
.dropline-sub ul li a { color: #9da1ba; padding: 0 10px; font-size: 11px;}
.dropline-sub ul li a.active { color: #212538; cursor: default; }
.dropline-sub ul li a:hover { text-decoration: none; }
*/

/* COMMON CLASSES */
.box-border-one 	{border: 1px solid #f9f9f9;}
.box-border-two 	{border: 1px solid #f5f5f5;}
.box-border-three 	{border: 1px solid #eeeeee; border-top: none;}
.box-border-four 	{border: 1px solid #e6e6e6; border-top: none;}
.box-border-five 	{border: 1px solid #dddddd; border-top: none;}
.box-border-six 	{border: 1px solid #d2d2d2; border-top: none; border-left: none;}
.box-border-seven 	{border: 1px solid #c9c9c9; border-top: none; border-left: none;}
.box-border-eight 	{border: 1px solid #c5c5c5; border-top: none;}
.box-border-nine 	{border: 1px solid #dfdfdf;}
.box-border-one, .box-border-two, .box-border-three, .box-border-four, .box-border-five, .box-border-six, .box-border-seven, .box-border-eight, .box-border-nine {padding: 0px; margin: 0px;}
.box-border-nine 	{ padding: 10px 10px 10px 12px;}
.no-box-padding		{padding: 0px;}
.box-content 		{}
.shadowbox-header 	{margin-left: -12px; padding: 0px 0px 3px 8px;}

.shadowbox-bot-menu 		{ height: 23px; border-top: 1px solid #c3c3c3; text-align: right; width: 100%;}
.shadowbox-bot-menu	ul, .shadowbox-bot-menu	li {list-style: none;}
.shadowbox-bot-menu ul		{ padding: 0px; margin: 0px;}
.shadowbox-bot-menu ul li 	{ padding: 0px; margin: 0px; float: right; text-align: left; line-height: 23px; height: 100%; vertical-align: middle; background: url(../images/gradients/sub-nav-gradient.jpg) bottom left repeat-x; border-left: 1px solid #c3c3c3}
.shadowbox-bot-menu ul li.no-link {background: none; border: none; padding-right: 10px }
.shadowbox-bot-menu ul li a {color: #708cd1; padding: 0 15px; font-size: 11px; }
.shadowbox-bot-menu ul li a:hover { text-decoration: none; }
	
.input-zip			{width: 66px; height: 17px; padding: 4px 2px 0px 2px; border: 2px solid #c3c3c3; margin-bottom: 3px;}

/* ERROR ALERT BOX */
div.err-alert-box	{ margin: 5px 5px 20px 5px; padding: 10px; border: 1px solid #000; background-color: #ffffcc;}
div.err-alert-box .err-header 	{background: url(../images/icons/icon-close.png) no-repeat left; padding-left: 40px; line-height: 2.2em; font-size: 15px; font-weight: bold; color: #d30101; margin-bottom: 5px;}
div.err-alert-box ul li {list-style-type: disc; color: #000;}

/* ERRORS IN INCORRECTED FIELDS */
.error 				{ margin: 0px; padding: 0px; border: 2px solid #d30101; height: 21px; padding-top: 4px;}
.error-textarea		{ margin: 0px; padding: 0px; border: 2px solid #d30101;}
.error-zip 			{ margin: 0px; padding: 0px; border: 2px solid #d30101; height: 17px; padding-top: 4px;}
.error-label		{ font-weight: bold; color: #d30101}

/* 	COMMON IDS */
#ajax-teaser 		{font-size: 12px; margin-bottom: 5px; font-weight: bold; font-style: italic;}

/*  FIND CONTRACTOR  */
h3.testimonials 	{ margin-top: 5px; background: url(../images/icons/icon-quotes.jpg) no-repeat left center; padding-left: 1.8em;}
h3.faq			 	{ margin-top: 45px; background: url(../images/icons/icon-question.jpg) no-repeat left center; padding-left: 1.8em;}

/* 	FOR YUI STYLE BUTTON */
.cd-button	{display:-moz-inline-box; display:inline-block; vertical-align:text-bottom; margin:0em 0.25em;}
.cd-button a, .cd-button button{display:block; *display:inline-block; border:none; margin:0;}
.cd-button a {text-decoration:none;}
.cd-button a, .cd-button button{border: 1px solid #808080; background:#f4f5f5 url(../yui/build/assets/skins/sam/sprite.png) repeat-x 0 0; margin:auto .25em;}
.cd-button a, .cd-button button{padding:0 10px; font-size:93%; line-height:2; *line-height:1.7; min-height:2em; *min-height:auto; color:#000;}
.cd-button a, .cd-button button{*line-height:2;}
.cd-button a:hover, .cd-button button:hover{border-color:#7D98B8;background-position:0 -1300px;}
.cd-button a:active, .cd-button button:active{border-color:#7D98B8;background-position:0 -1700px;}