/* formatting */
body { margin:0; padding:0; background:#FFF url(../../images/leftnav-bg.gif) repeat-y; }

#header { margin:0 0 15px 0; padding:0; height:99px; background:url(../../images/header-bg.gif) repeat-x; }
#header strong { z-index:2; height:50px; text-indent:-9999px; margin-top:0; margin-left:200px; display:block; text-decoration:none; background:url(../../images/logo.gif) no-repeat; }

#extraDiv1 { z-index:3; position:absolute; top:0; left:0; width:177px; height:251px; text-indent:-9999px; background:url(../../images/house-left-side.gif) no-repeat; }
#extraDiv2 { z-index:2; position:absolute; top:0px; right:0; width:101px; height:89px; text-indent:-9999px; background:url(../../images/header-tree-right.gif) no-repeat; }

#mainnav { z-index:3; top:65px; left:120px; position:absolute; padding-left:5px; width:577px; }
#mainnav ul	{ height:24px; margin:0; padding:0; position:relative; }
#mainnav ul li { margin:0; padding:0; list-style:none; position:absolute; }
#mainnav ul li, #mainnav a { height:24px; display:block; }
#mainnav ul li a { text-indent:-9999px; text-decoration:none; }

#home { left:0px; width:112px; background:transparent url(../../images/nav-home.gif) no-repeat; }
#request-quote { left:112px; width:112px; background:transparent url(../../images/nav-quote.gif) no-repeat; }
#resource { left:224px; width:112px; background:transparent url(../../images/nav-resources.gif) no-repeat; }
#sitemap  { left:336px; width:112px; background:transparent url(../../images/nav-sitemap.gif) no-repeat; }
#aboutus  { left:448px; width:112px; background:transparent url(../../images/nav-about.gif) no-repeat; }
#forum    { left:560px; width:112px; background:transparent url(../../images/nav-forum.gif) no-repeat; }

#home a:hover { width:112px; background:transparent url(../../images/nav-home.gif) no-repeat 0 -24px; }
#request-quote a:hover { width:112px; background:transparent url(../../images/nav-quote.gif) no-repeat 0 -24px; }
#resource a:hover { width:112px; background:transparent url(../../images/nav-resources.gif) no-repeat 0 -24px; }
#sitemap a:hover { width:112px; background:transparent url(../../images/nav-sitemap.gif) no-repeat 0 -24px; }
#aboutus a:hover { width:112px; background:transparent url(../../images/nav-about.gif) no-repeat 0 -24px; }
#forum a:hover { width:112px; background:transparent url(../../images/nav-forum.gif) no-repeat 0 -24px; }

#left-container { position:absolute; top:251px; left:0px; width:175px; padding-bottom:55px; }
#faq { padding-top:75px; background:url(../../images/leftnav-quickanswers.gif) no-repeat; }

#join-network { position:absolute; top:100px; right:0; height:32px; width:166px; z-index:4; background:url(../../images/join-our-network.gif) no-repeat; }
#join-network a { height:32px; text-indent:-9999px; text-decoration:none; display:block; }

#quote-ad01, #quote-ad02, #quote-ad03 { float:right; margin:5px; padding:0; text-decoration:none; text-indent:-9999px; }
#quote-ad01 a, #quote-ad02 a, #quote-ad03 a { margin:0; padding:0; display:block; text-decoration:none; text-indent:-9999px; }

#quote-ad01 { width:280px; background:transparent url(../../images/quote-ad01.gif) no-repeat 0px 0px; border:1px solid #CC6600; }
#quote-ad01 a { height:280px; width:280px; }

#quote-ad02 { width:238px; background:transparent url(../../images/quote-ad02.gif) no-repeat 0px 0px; }
#quote-ad02 a { height:260px; width:238px; }

#quote-ad03 { width:238px; background:transparent url(../../images/quote-ad03.gif) no-repeat 0px 0px; }
#quote-ad03 a { height:260px; width:238px; }

#content, #footer { margin:0 0 0 188px; }

#content { z-index:5; width:550px; padding:15px 15px 8px 15px; }

#footer { background:url(../../images/footer.gif) repeat-x; padding-top:15px; }


/* classes */
.photo-style { border:1px solid #000; margin:5px; }

.indent { margin-left:2em; }

.center { text-align:center; }
.left { float:left; }
.right { float:right; }

.back-to-top { border-bottom:1px solid #668CB3; }

.formtext { font:bold 9px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.smalltext001 { font:normal 9px Verdana, Arial, Helvetica, sans-serif; color:#333; }

.border001 { margin:5px 15px 15px 5px; padding:0px 5px 5px;	border:1px solid #336699; }

a.altlink001 { font:bold 11px Arial, Helvetica, sans-serif; color:#336699; text-decoration:underline; }
a.altlink001:link { color:#336699; }
a.altlink001:hover { color:#336699; }
a.altlink001:visited { color:#336699; }

td.td-altcolor001 { color:#FFF; font:bold 12px Arial, Helvetica, sans-serif; background:#2E6397; }
td.td-altcolor002 { color:#FFF;	font:bold 12px Arial, Helvetica, sans-serif; background:#2C9C72; }
tr.tr-altcolor001 { background:#2E6397; color:#FFF; font:Arial, Helvetica, sans-serif; }
tr.tr-altcolor002 { background:#C7D5D4; color:#FFF; font:Arial, Helvetica, sans-serif; }

.pdfGuide { text-align:center; }


/* typography */
body, p, li, ul, td, blockquote, div { font:normal 0.95em Arial, Helvetica, sans-serif; font-size:0.95em; list-style-type:square; }

li { margin-bottom:1.5em; }

dt { font-weight:bold; }
dd { margin-bottom:8px; }

a { font:bold 0.95em Arial, Helvetica, sans-serif; text-decoration:underline; }
a:link { color:#336699; }
a:hover { color:#CC6600; }
a:visited { color:#993300; }

#faq span, #faq p { padding:0 18px 6px 25px; }
#faq p { margin:0 0 3px 5px; font:"Times New Roman", Times, serif; color:#003366; background:url(../../images/leftnav-question.gif) no-repeat; }
#faq span { margin:0 0 8px 5px; font:normal 12px Arial, Helvetica, sans-serif; background:url(../../images/leftnav-answer.gif) no-repeat; display:block; }
#faq a:link { font-size:12px; color:#993300; text-decoration:underline; }
#faq a:visited { color:#993300; }
#faq a:hover { color:#FFF; }

h1, h2, h3, h4, h5, h6 { margin-bottom:3px; font:Georgia, "Times New Roman", Times, serif; }
h1 { color:#003399; font-size:16px; }
h2 { color:#CC6600; font-size:14px; }
h3 { color:#336699; font-size:14px; font-weight:bold; clear:both; }
h4 { color:#CC6600; font-size:12px; }
h5 { color:#336699; font-size:12px; }
h6 { color:#12867C; }


/* self-checking error styles */
#quote-container { width:480px; border:1px solid #369; margin-top:25px; clear:both; }
#quote-container h2 { color:#FFF; background-color:#CC6600; padding:5px 10px; margin:0;	}

label { font:normal 1em Verdana, Arial, Helvetica, sans-serif; color:#000; }

.border001 { margin:5px 15px 15px 5px; padding:0px 5px 5px;	border:1px solid #336699; }

.error_field { background-color:#FDD; border:2px solid #F00; }

td { vertical-align:top; }

.form_el { float:left; margin:5px; padding:3px; }
.form_row { clear:both; padding:0 0 8px; }

.error_field label { font-weight:bold; }
.error_field input[type="text"] { border:2px solid #F00; }

.form_row_alt_color { background-color:#BDD5EC; }
.form_row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Hides from IE-mac \*/
* html .form_row { height:1%; }
/* End hide from IE-mac */

#error_message { font-size:large; color:#F00; }


/* bils referrer js */
.referrer-welcome { border:1px solid #272766; width:620px; background:#FFF; }

.searched-keyword { color:#333366; font:bold 18px Georgia, 'Times New Roman', Times, serif; }
.searched-keyword strong { color:#C40C0F; font:bold 22px Georgia, 'Times New Roman', Times, serif; }

.map-background { clear:left; padding:15px 0 0 5px; overflow:auto; height:1%; background:#FFF url(http://www.new-siding.com/images/referred-keyword-zipbox_map.jpg) no-repeat bottom right; }

.keyword_el { margin:0; padding-top:3px; width:68%; padding-left:40px; }

.referrer-welcome label { font-size:10px; font-weight:bold; }

.pin-background { background:url(http://www.new-siding.com/images/referred-keyword-zipbox_pin.jpg) no-repeat; }