/*-----------------------------------------------------------------------------
Gaco Retail Screen Stylesheet

version:	1.1
date:		Sept 2008
author:		Kris Erhardt
email:		kris at capitolmedia dot com]
website:	http://www.gacoretail.com
history:	css/screen.css
-----------------------------------------------------------------------------*/


/* Default Font Styles
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
	background: #ffffff;
}

p, ul, ol, blockquote, h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
	margin-bottom: 1em; 
}

li {
	margin-bottom: .5em;
}

li ul, li ol {
	margin-top: .5em; /* keeps the line spacing even */
	margin-bottom: .5em;
}

ul, ol, blockquote, code {
	padding-left: 3em;
}

dl {
	margin: 0 0 1em 0;
}

dt {
	font-weight: bold;
	display: block;
}

dd {
	display: block;
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 {
	font-size: 1.8em;
	letter-spacing: -.1em;
	color: orange;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

h2 {
	font-size: 1.4em;
	letter-spacing: -.1em;
	color: orange;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
}

h3 {
	font-size: 1.3em;
	color: #ef9900;
}

h4 {
	font-size: 1.3em;
	color: #b01e1c;
}
h5 {
	font-size: 1em;
	color: #29557a;
}
h6 {
	font-size: 1.3em;
	color: #67af5b;
}

.Yellow h1, .Yellow h2, .Yellow h3, .Yellow h4, .Yellow h5, .Yellow h6 {
	color: #ef9900;
	display: block;
}

.Red h1, .Red h2, .Red h3, .Red h4, .Red h5, .Red h6 {
	color: #b01e1c;
	display: block;
}

.Green h1, .Green h2, .Green h3, .Green h4, .Green h5, .Green h6 {
	color: #67af5b;
	display: block;
}

li {
line-height: 1.9em;

}

ul, ol, blockquote {
	padding-left: 3em;
}

img {
	border: none;
}

a:link {
	color: blue;
}

a:visited {
	color: purple;
}

a:hover {
	color: red;
}

div.offpage{
	position:absolute;
	left: -2000em;
}

/* Tables
-----------------------------------------------------------------------------*/

table, td, th {
	border-collapse: collapse;
	border: none;
}

table#pds{
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	text-align: left;
	margin: 15px 0 40px 0;
	border: 1px black solid;
}

table#pds th{
	background-color: #CCCCCC;
	font-size: 12px;
	text-align: left;
	color: #000000;
	margin-bottom: 7px;
	padding: 4px;
	border: 1px #666666 solid;
	text-indent: 5px;
}

table#pds td{
	border: 1px #666666 solid;
	text-indent: 5px;
	vertical-align: middle;
}

table#pds td img{
	padding-top:5px;
}

table {
	width: 100%;
}
th {
	background: #CCCCCC;
	font-weight: bold;
}


/* Convenience Classes
-----------------------------------------------------------------------------*/

.Hidden {
	display: none;
	visibility: hidden;
}

.Visible {
	display: block;
	visibility: visible;
}

.Clear {
	clear: both; 
	float: none;
	padding-bottom: 1px; /* for Gecko based browsers */
	margin-bottom: -1px; /* for Gecko based browsers */
}

.Padding {
	padding: 1em;
}

a.pdf {
	background: url(../site/icon_pdf.gif) no-repeat 0 50%;
	display: block;
	line-height: 18px;
	height: 18px;
	padding-left: 32px;
	display:block;
}


/* Header
-----------------------------------------------------------------------------*/

div#Header {
	margin: 0 auto;
	width: 780px;
	height: 69px;
	position: relative; /* necessary to position dropdown menu correctly */
	z-index: 10; /* necessary to keep dropdown menu above select elements, works with iframe in menu.js */
	top: 0;
}
	
a#Logo { 
	position: absolute;
	top: 15px;
	left: 21px;
}

img#CallUs {
	position: absolute;
	left: 464px;
	top: 14px;
}

a#SiteMap{
	position: absolute;
	display:block;
	width: 61px;
	height: 17px;
	left: 697px;
	top: 36px;
	background:url(../site/sitemap.gif) no-repeat top center;
}


/* System Navigation
-----------------------------------------------------------------------------*/

ul#System {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#System li {
	/* first level list items are always visible */
	position: relative;
	margin: 0;
	padding: 0 1em;
	display: inline;
	line-height: 1em;
	border-right: 1px solid #000;
}

ul#System li:last-child {
	border-right: none;
	padding-right: 0;
}

ul#System li a {
}

ul#System li a:hover {
}


/* Primary Navigation
-----------------------------------------------------------------------------*/

div#Primary ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 38px;
	left: 269px;
}

div#Primary ul li {
	/* first level list items are always visible */
	display: block;
	width: 94px;
        padding-right: 2px;
	float: left;
	position: relative;
       	white-space: nowrap;
}

div#Primary ul li a {
	/* first level anchors are always visible and define the default for other anchors */
	display: block;
	width: 94px; 
	line-height: 22px; 
	text-indent: -2000em;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
	outline: none;
}

div#Primary ul li a:hover {
	/* shift background for ancestor items */
	background-position: -94px 0;
}

div#Primary ul li ul {
	/* second level unordered lists appear off-page until mouseover */
	width: 145px;
	padding: 0;
	margin: -2px 0 0;
	list-style: none;
	position: absolute;
	left: -2000em;
	border-top: 2px solid #254a6b;
	border-right: 2px solid #254a6b;
	border-left: 2px solid #254a6b;
}

div#Primary ul li ul li {
	width: 145px;
	border-bottom: 2px solid #254a6b;
	padding:0;
	margin: 0;
}

div#Primary ul li ul li a {
	/* second level and below anchors are text driven not image driven */
	display: block;
	width: 145px;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-indent: 5px;
	background: #5289b8;
	color: #ffffff;
	overflow: hidden;
	letter-spacing: 1px;
}

div#Primary ul li ul li a:hover {
	/* all anchors turn yellow on hover */
	background: #ffc04a;
	color: #001940;
}

div#Primary ul li.hover ul { 
	/* on mouseover, move the list to it's normal position */
	top: 2em;
	left: 0;
}

div#Primary ul li ul li ul {
	/* third level an below lists appear to the right */
	margin: -24px 0 0 145px;
}

div#Primary ul li.hover ul ul, div#Primary ul li.hover ul ul ul, div#Primary ul li.hover ul ul ul ul {
	/* hide all list items until the mouse is over the parent */
	left: -2000em;
}

div#Primary ul li.hover ul, div#Primary ul li li.hover ul, div#Primary ul li li li.hover ul, div#Primary ul li li li li.hover ul { 
	/* on mouseover, move the list to it's normal position */
	left: auto;
}

li#home a {
	background-image: url(../site/menu_home.gif);
}

li#products a {
	background-image: url(../site/menu_products.gif);
}

li#company a {
	background-image: url(../site/menu_company.gif);
}

li#contact a {
	background-image: url(../site/menu_contact.gif);
}


/* Secondary Navigation
-----------------------------------------------------------------------------*/

div#SecondaryContainer{
	border: 2px #75a1c6 solid;
	padding: 1px;
	margin-bottom: 10px;
	background: #fff url(../site/sec_spacer.gif) repeat-y right top;
	width: 479px;
}

ul#Secondary {
	display: block;
	width: 479px;
	height: 42px;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#Secondary li {
	float: left;
	padding: 0;
	margin: 0;
	height: 21px;
}

ul#Secondary a {
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	background-position: 0 0;
	padding: 0;
	margin: 0;
}

ul#Secondary li a:hover{
	background-position: 0 -21px;
}

ul#Secondary li.Active a {
	background-position: 0 -21px;
}

li#gacoroofinstructionsSEC a, li#gacodeckinstructionsSEC a, li#gacoshieldinstructionsSEC a {
	background-image:url(../site/sec_instructions.gif);
	width: 128px;
	height:21px;
}
li#gacorooffaqSEC a, li#gacodeckfaqSEC a, li#gacoshieldfaqSEC a {
	background-image: url(../site/sec_faq.gif);
	width: 64px;
	height:21px;
}
li#gacoroofwarrantySEC a, li#gacodeckwarrantySEC a, li#gacoshieldwarrantySEC a {
	background-image: url(../site/sec_warranty.gif);
	width: 106px;
	height:21px;
}
li#gacoroofbrochureSEC a, li#gacodeckbrochureSEC a, li#gacoshieldbrochureSEC a {
	background-image: url(../site/sec_brochure.gif);
	width: 108px;
	height:21px;
}
li#gacoroofpdsSEC a, li#gacodeckpdsSEC a, li#gacoshieldpdsSEC a {
	background-image: url(../site/sec_pds.gif);
	width: 210px;
	height:21px;
}
li#gacoroofmsdsSEC a, li#gacodeckmsdsSEC a, li#gacoshieldmsdsSEC a {
	background-image: url(../site/sec_msds.gif);
	width: 269px;
	height:21px;
}

/* Ancestors
-----------------------------------------------------------------------------*/

div#Ancestors {
	color: #666;
}

div#Ancestors a {
	color: #666;
	text-decoration: none;
}
div#Ancestors a:hover {
	color: #ff0000;
	text-decoration: underline;
}


/* Canvas
-----------------------------------------------------------------------------*/

div#Page{
	background: url(../site/bg_main.gif) repeat-x 0 0;
}

div#Wrapper {
	margin: 0 auto;
	width: 738px;
	position: relative;
    background-image: url(../site/bg_left.gif);
    background-position: top left;
    background-repeat: repeat-y;
	border: 1px #ffffff solid;
}

div#Header {
	margin: 0 auto;
	width: 780px;
	height: 69px;
	position: relative; /* necessary to position dropdown menu correctly */
	z-index: 10; /* necessary to keep dropdown menu above select elements, works with iframe in menu.js */
	top: 0;
}
div#Canvas {
	background-color: #ffffff;
	width: 487px;
	position: relative;
	border-top: 6px #ffffff solid;
	float: right;
}

div#Canvas img {
	margin-bottom: 15px;
}


/* Home
-----------------------------------------------------------------------------*/

div.Home {
	width: 748px;
}

div.Home div#Canvas {
	width: 748px;
	border: none;
	float: none;
}

div#homeTop {
	position: relative;
	left: -6px;
	top: -1px;
	width: 748px;
	height: 438px;
	display: block;
}

a#homeGacoRoof:link, a#homeGacoRoof:active, a#homeGacoRoof:visited {
	display: block;
	width: 254px;
	height: 442px;
	background: url(../site/home_gacoroof.gif) no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 0;
}

a#homeGacoRoof:hover{
	background-position: -254px 0;
	z-index: 8;
}

a#homeGacoDeck:link, a#homeGacoDeck:active, a#homeGacoDeck:visited {
	display: block;
	width: 254px;
	height: 442px;
	background: url(../site/home_gacodeck.gif) no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 248px;
	z-index: 0;
}

a#homeGacoDeck:hover{
	background-position: -254px 0;
	z-index: 8;
}

a#homeGacoShield:link, a#homeGacoShield:active, a#homeGacoShield:visited {
	display: block;
	width: 254px;
	height: 442px;
	background: url(../site/home_gacoshield.gif) no-repeat;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 496px;
	z-index: 0;
}

a#homeGacoShield:hover{
	background-position: -254px 0;
	z-index: 8;
}

div#homeGacoBoat {
	display: block;
	width: 254px;
	height: 130px;
	background: url(../site/bg_block.jpg) no-repeat;
	background-position: 0 0;
	position: relative;
	top: -3px;
	z-index: 0;
}

div#homeGacoBoat div.Block {
	padding: 15px;
}

div#homeGacoBoat p {
	color: #fff;
	font-size: 12px;
	margin: 0;
}

div#homeGacoBoat h3 {
	color: #fff;
	font-size: 12px;
	margin: 0;
}

div#homeGacoBoat p {
	color: #fff;
	font-size: 12px;
	margin: 0;
}


div#homeLeft{
	float: left;
	position: absolute;
	left: -6px;
	width: 230px;
}

div#homeRight{
	float: left;
	position: relative;
	left: 248px;
	width: 90px;
	height: 236px;
	margin-left: 0px;
	margin-top: 3px;
}

div#homeBio {
	position: relative;
	background: url(../site/home_bio.gif) no-repeat top;
	width: 490px;
	height: 118px;
	margin-top:6px;
}

* html div#homeBio {
	margin-top:-9px;
}

div#summerHere {
	position: relative;
	background: url(../site/winter_here_ad.gif) no-repeat top;
	width: 490px;
	height: 118px;
}

div#locatorBig {
	position: relative;
	left: 6px;
	top: -3px;
	width: 242px;
	height: 118px;
	background: url(../site/home_finddealer.gif) no-repeat top;
	display: block;
}

div#locatorBig #findDealer fieldset {
	background: none;
	padding: 0;
}

div#locatorBig #findDealer label {
	width: 80px;
	float: left;
	display: block;
	text-align: right;
	padding-right: 5px;
}

div#locatorBig #findDealer input[type='text'] {
	padding: 3px;
	width: 102px;
	font-size: 11px;
	padding: 1px;
}

div#locatorBig #findDealer select {
	width: 106px;
}

div#locatorBig #findZip, div#locatorBig #findWithin, div#locatorBig #findGo {
	position: absolute;
	left: 45px;
}

div#locatorBig #findZip {
	top: 32px;
}

div#locatorBig #findWithin {
	top: 55px;
}

div#locatorBig #findGo {
	top: 85px;
	left: auto;
	right: 10px;
}


/* Universal Page Layout
-----------------------------------------------------------------------------*/

.Content {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

div.Content ul, div.Content ul2, div.Content ul3 {
	margin-top: 0px;
	margin-bottom: 15px;
}

div.Content ul li {
	list-style-type:square;
	line-height: 1.5em;
}

div.Content ul li strong {
	color: #3e6f98;
	font-weight: bold;
}

div.Content ul li a {
	font-weight: normal;
}

div.Content ul2 li, div.Content ul3 li {
	list-style-type:square;
	color:#001940;
	margin-bottom: 10px;
	font-size:11px;
	font-weight:normal;
	line-height: 1.5em;
}

div.Content ul2 li B {
	color: #29557a;
}

div.Content ul3 li {
	color: #3e6f98;
}

/* Left Column
-----------------------------------------------------------------------------*/

div.Left {
	margin-left: 242px;
}

div#Left {
	position: absolute;
	top: 0;
	left: 0;
	width: 242px;
	border-top: 6px #ffffff solid;
	z-index:2;
	clear: both;
	overflow: visible;
	}

div.leftLinks {
	position: relative;
	border-bottom: 6px #ffffff solid;
	width: 242px;
	height: 86px;
}

div.leftLinks select {
	position: absolute;
	top: 40px;
	left: 80px;
	width:155px;
}

div.leftLinksBig {
	position: relative;
	border-bottom: 6px #ffffff solid;
	width: 242px;
	height: 118px;

}

div.leftLinks a {
	display: block;
	width: 242px;
	height: 86px;
	background-position: 0 -86px;
	text-decoration: none;
	outline: none;
}

div.leftLinks a span {
	position: absolute;
	top: 34px;
	left: 83px;
	color: #29557a;
	font-size: 10px;
	text-decoration: none;
	line-height: 14px;
}


/* Right Column
-----------------------------------------------------------------------------*/

div.Right {
}

div#Right {
	float: right;
	width: 186px;
	margin: 0px 0px 0 20px;
}

div#RightWider{
	float: right;
	width: 236px;
	margin: 0px 0px 10px 10px;

}

div#surfacePrep{
	width: 236px;
	background: url(../site/rightcolumns.gif) repeat-y top left;
	background-color: #d6e3ee;
}

div.squareL{
	width: 118px;
	float: left;
}

* html div.squareL{
	width: 118px;
	float: left;
}

div.squareR {
	width: 118px;
}

html>/**/body div.squareR {
	float: right;
}

*:first-child+html div.sqaureR {
	float: none;	
}

* html div.squareR {
	width: 118px;
	float: right;
}

div.squareFull {
	width: 236px;
	background-color: #d6e3ee;
	border-top: 2px #ffffff solid;
	float: left;
}

div.squareL P, div.squareR P, div.squareFull P {
	font-size: 10px;
	line-height: 13px;
	padding: 0px 6px 6px 6px;
	margin: 0;
}

div.squareL img, div.squareR img, div.squareFull img{
	padding: 4px 4px 0px 4px;
}

div#includes{
	background: url(../site/bg_includes.gif) top left no-repeat;
	background-color: #d6e3ee;
	padding-top: 50px;
	width: 186px;
	margin-top: 6px;
	margin-bottom:20px;
	position: relative;
	height: 240px;
}

div#includes2{
	margin-bottom:20px;
}

div#features{
	background: url(../site/features.gif) top left no-repeat;
	background-color: #d6e3ee;
	padding-top: 26px;
	padding-bottom: 10px;
	width: 186px;

}

div#features ul, div#idealFor ul, div#idealFor2 ul, div#surfacePrep ul{
	display: block;
	background-color: #d6e3ee;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 26px;
}

div#features ul li, div#idealFor ul li, div#idealFor2 ul li, div#surfacePrep ul li{
	font-weight: bolder;
	color: #001940;
}

UL.substrate {
	position: relative;
	top: 6px;
}

UL.substrate li {
	list-style: none;
	padding:0;
	margin:0;
	position: relative;
	left: -16px;
}

div#idealFor {
	background-color: #d6e3ee;
	padding-top: 50px;
	padding-bottom: 10px;
	width: 186px;
	margin-top: 6px;
}

div#idealFor ul {

}

div.Yellow div#idealFor{
	background: #d6e3ee url(../site/bg_idealfor.gif) top left no-repeat;
}

div.Red div#idealFor{
	background: #d6e3ee url(../site/bg_idealfor2.gif) top left no-repeat;
}

div.Green div#idealFor{
	background: #d6e3ee url(../site/bg_idealfor3.gif) top left no-repeat;
}

div.Yellow div#Right ul li{
	list-style-image: url(../site/yellowbullet2.gif);
}

div.Red div#Right ul li{
	list-style-image: url(../site/redbullet2.gif);
}

div.Green div#Right ul li{
	list-style-image: url(../site/greenbullet2.gif);
}

/* Footer
-----------------------------------------------------------------------------*/


div#FooterContainer {
/* Contains footer background to stretch across entire width of browser */
	background:url(../site/bg_footer.gif) repeat-x bottom;
	width: 100%;
	position:relative;
	height: 70px;
	clear: both;
}

div#Footer {
	margin: 0 auto;
	height: 70px;
	width: 780px;
	position: relative;
}

div#Footer img {
	position:absolute;
	top: 12px;
	left: 21px;
}

div#Footer p {
	position:absolute;
	top: 43px;
	left: 21px;
	font-size:9px;
}

div#Footer a {
}

div#Footer a:hover {
}

div#Tertiary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#Tertiary ul li {
	display: inline;
	line-height: 1em;
	border-right: .1em solid #000;
}

div#Tertiary ul li:last-child {
	border: none;
}

div#Tertiary ul li a {
}

div#subFooter {
	clear: both;
	margin: 1em auto 0 auto;
	width: 780px;
	text-align: left;
}

p#Copyright {
	float: right;
	text-align: right;
}


/* Forms
-----------------------------------------------------------------------------*/

fieldset {
	padding: 15px 13px 15px 13px;
	border: none;
	background: #d6e3ee;
	color: #3e6f98;
	font-size: 12px;
}

fieldset fieldset {
	padding: 1em 0 2em 0;
}

legend { 
	font-size: 1em;
	font-weight: bold;
}

div.LabelInput {
	margin-bottom: 7px;
	display: block;
	clear: left;
}

input[type='text'], input[type='password'], textarea {
	width: 20em;
	font-size: 1em;
	font-family: Lucida Sans, Verdana, Arial, Tahoma, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	padding: .3em;
	border: 1px solid #3e6f98;
}

fieldset#freedvd input[type='text'], fieldset#freedvd textarea {
	width: 17em;
}

select {
}

textarea {
	height: 10em;
}

label {
	line-height: 2em;
	width: 12em;
	float: left;
	display: block;
}

div.FormControls {
	display: block;
	padding: 1em 1em 1em 12em; /* right padding for label width plus label padding */
}

div.FullWidth label {
	width: auto;
	float: none;
	display: block;
	text-align: left;
	padding: 0;
}

div.FullWidth input[type='text'], div.FullWidth input[type='password'], div.FullWidth textarea {
	width: 32em;
}

.Radio label, .Checkbox label {
	width: auto;
	display: inline;
	float: none;
}

div.CAPTCHA label {
	width: auto;
	float: none;
}

div.CAPTCHA img {
	float: left;
	margin-right: 10px;
}

div.CAPTCHA input[type='text'] {
	font-family: georgia, times new roman, serif;
	font-size: 30px;
	width: 135px;
	text-align: center;
	color: #3a2d59;
	padding: 7px;
}



/* Free DVD
-----------------------------------------------------------------------------*/


fieldset#freedvd textarea {
	width: 100%;
}

fieldset#freedvd input {
	margin-bottom: 6px;
}

fieldset#freedvd label {
	text-align: left;
	padding: 0;
	margin: 0;
}

fieldset#freedvd {
	width: auto;
	float: none;
}

fieldset#freedvd div.LabelInput {
	margin: 0;
	padding: 0;
}

fieldset#freedvd div.Submit {
	text-align: right; /* right padding for label width plus label padding */
        
}

fieldset#freedvd img {
	margin-bottom: 0;
}

fieldset#freedvd p {
	line-height: 14px;
}


/* include_company_left.php
-----------------------------------------------------------------------------*/

#freeDVD {
	background: url(../site/leftlinks_freedvd.gif) no-repeat;
	width: 242px;
	height: 86px
}

#freeDVD:hover {
	background-position: 0 -86px;
}

#watchVideo {
	background: url(../site/leftlinks_watchvideo.gif) no-repeat;
	width: 242px;
	height: 86px;
}

.Red #watchVideo {
	background: url(../site/leftlinks_watchvideo_gacodeck.gif) no-repeat;
}

.Yellow #watchVideo {
	background: url(../site/leftlinks_watchvideo_gacoroof.gif) no-repeat;
}

.Green #watchVideo {
	background: url(../site/leftlinks_watchvideo_gacoshield.gif) no-repeat;
}

#watchVideo:hover {
	background-position: 0 -86px;
}

#sampleProject {
	background: url(../site/leftlinks_sampleproject.gif) no-repeat;
	width: 242px;
	height: 86px;
}

#sampleProject:hover {
	background-position: 0 -86px;
}




div#leftrate2 {
	width: 50%;
	float: left;
}

div#rightrate2 {
	width: 50%;
	float:right;
	position: relative;
	left: 0px;
	margin-top: 30px;
}

* html div#rightrate2 textarea {
	width: 100%;
}

div.Submit {
	padding: 15px;
}




/* Info, Error & Success Messages
-----------------------------------------------------------------------------*/

.Info, .Error, .Success, .ErrorInline, .Help {
	margin-bottom: 14px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: relative;
}

.Info A, .Error A, .Success A, .ErrorInline A {
	color: #000;
	text-decoration: underline;
}

.Info {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}

.Error {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
}

.Success {
	background: #B5E1AE url(../site/icon_success.gif) no-repeat 10px 6px;
	border: 1px solid #3B9E2B;
}

.Help {
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
}


/* JavaScript Validation Messages
-----------------------------------------------------------------------------*/

.error {
	background: #F3E5A1;
}

div.errorMessage {
	background: #F3E5A1 url(../site/icon_error.gif) no-repeat 10px 6px;
	border: 1px solid #FFCC00;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}


/* JavaScript Form Tips
-----------------------------------------------------------------------------*/

div.FormTip {
	/* the floating tooltip */
	background: #BFC8F1 url(../site/icon_info.gif) no-repeat 10px 6px;
	border: 1px solid #4574AE;
	margin: 0 0 0 10px;
	padding: 5px 5px 5px 35px;
	display: block;
	line-height: 1.6em;
	position: absolute;
	width: 240px;
}


/* JavaScript Modal Dialog Box
-----------------------------------------------------------------------------*/

.modalBox {
	position: relative;
}

.modalClose {
	display: block;
	position: absolute;
	top: -15px;
	left: -15px;
	width:36px;
	height: 36px;
	overflow: hidden;
	text-indent: -2000em;
	background: url(../site/button_close.png) top right no-repeat;
}


/* Banners
-----------------------------------------------------------------------------*/

div#BannerNavBig{
	width: 738px;
	height: 209px;
	margin: 0 auto;
	position: relative;
	border-top: 6px #ffffff solid;
}

a.BannerNavLink:link, a.BannerNavLink:active, a.BannerNavLink:visited {
	display:block;
	width: 120px;
	height: 21px;
	position: absolute;
	z-index: 3;
}

a.BannerNavLink:hover{
	background-position: 0 -21px; 
	z-index: 5;
}

img.BannerBig{
	position:absolute;
	top:21px;
	left:0px;
	width:738px;
	height:188px;
	z-index:0;
}

a#subGacoRoofBig:link, a#subGacoRoofBig:active, a#subGacoRoofBig:visited, a#subGacoRoofSmall:link, a#subGacoRoofSmall:active, a#subGacoRoofSmall:visited {
	background-image: url(../site/subnav_gacoroof.gif);
	top:0;
	left: 0;
}

a#subGacoRoofBig:link img, a#subGacoRoofBig:active img, a#subGacoRoofBig:visited img, a#subGacoRoofSmall:link img, a#subGacoRoofSmall:active img, a#subGacoRoofSmall:visited img, a#subGacoDeckBig:link img, a#subGacoDeckBig:active img, a#subGacoDeckBig:visited img, a#subGacoDeckSmall:link img, a#subGacoDeckSmall:active img, a#subGacoDeckSmall:visited img, a#subGacoShieldBig:link img, a#subGacoShieldBig:active img, a#subGacoShieldBig:visited img, a#subGacoShieldSmall:link img, a#subGacoShieldSmall:active img, a#subGacoShieldSmall:visited img {
	height: 0; 
	width: 0; 
	border-width: 0;
}

a#subGacoRoofBig:hover img{
	position: absolute;
	top:21px;
	left:0px;
	width:738px;
	height:188px;
	z-index:2;
}

a#subGacoRoofSmall:hover img{
	position: absolute;
	top:21px;
	left:0px;
	width:738px;
	height:86px;
	z-index:2;
}

a#subGacoDeckBig:link, a#subGacoDeckBig:active, a#subGacoDeckBig:visited, a#subGacoDeckSmall:link, a#subGacoDeckSmall:active, a#subGacoDeckSmall:visited {
	background-image: url(../site/subnav_gacodeckkit.gif);
	top:0px;
	left: 120px;
	border-left: 2px white solid;
}
a#subGacoDeckBig:hover img{
	position:absolute;
	top:21px;
	left:-124px;
	width:738px;
	height:188px;
	z-index:2;
	border-left: 2px white solid;
}

a#subGacoDeckSmall:hover img{
	position: absolute;
	top:21px;
	left:-122px;
	width:738px;
	height:86px;
	z-index:2;
}

a#subGacoShieldBig:link, a#subGacoShieldBig:active, a#subGacoShieldBig:visited, a#subGacoShieldSmall:link, a#subGacoShieldSmall:active, a#subGacoShieldSmall:visited {
	background-image: url(../site/subnav_gacoshield.gif);
	top:0px;
	left: 242px;
	border-left: 2px white solid;
}

a#subGacoShieldBig:hover img{
	position: absolute;
	top:21px;
	left:-246px; /* +4px for gacodeck and gacoshield 2px left borders */
	width:738px;
	height:188px;
	z-index:2;
	border-left: 2px white solid;
}


a#subGacoShieldSmall:hover img{
	position: absolute;
	top:21px;
	left:-244px;
	width:738px;
	height:86px;
	z-index:2;
}

div#companyNavBig{
	width: 738px;
	height: 209px;
	margin: 0 auto;
	position: relative;
	background-image: url(../site/banner_companyLarge.jpg);
	background-repeat: no-repeat;
	background-position: 0 21px;
	border-top: 6px #ffffff solid;
}

div#companyNav{
	width: 738px;
	height: 107px;
	margin: 0 auto;
	position: relative;
	background-image: url(../site/companyHeader.jpg);
	background-repeat: no-repeat;
	background-position: 0 21px;
	border-top: 6px #ffffff solid;
}

div#BannerNavSmall{
	width: 738px;
	height: 107px;
	margin: 0 auto;
	position: relative;
	border-top: 6px #ffffff solid;
}

A.BannerNavLink:link, A.BannerNavLink:active, A.BannerNavLink:visited {
	display:block;
	width: 120px;
	height: 21px;
	position: absolute;
	z-index: 3;
}

a.BannerNavLink:hover{
	background-position: 0 -21px; 
	z-index: 5;
}

IMG.BannerSmall{
	position:absolute;
	top:21px;
	left:0px;
	width:738px;
	height:86px;
	z-index:0;
}

img#warrantyBig{
	position: absolute;
	left: 627px;
	top: 3px;
	z-index: 0;
}

IMG#warrantySmall{
	position: absolute;
	left: 628px;
	top: -1px;
	z-index: 0;
}

img#gacodeckActive {
	position:absolute;
	left: 122px;
	top: 0px;
}

img#gacoshieldActive {
	position:absolute;
	left: 242px;
	top: 0px;
border-left: 2px white solid;
}

div#leftBottom {
	width: 242px;
	margin-top: 10px;
	position: relative;
	background: #e3ecf4;

}
A#colors {
	background: url(../site/leftlinks_colors.gif) no-repeat;
}

A#colors:hover {
	background-position: 0 -86px;
}
A#buynow {
	background: url(../site/leftlinks_buynow.gif) no-repeat;
}

A#buynow:hover {
	background-position: 0 -86px;
}
div#whatINeed {
	position: relative;
	background-color: #29557a;
	width: 242px;
	padding-top: 18px;
	color: #ffffff;
	overflow: visible;
}

div#whatINeed input {
	width: 30px;
}

div#whatINeed P {
	line-height: 17px;
	padding-left: 8px;
	padding-top: 8px;
}

div#whatINeed ul {
	display: block;
	width: 204px;
	background-color: #bad0e2;
	margin: 0;
	padding: 5px 0 8px 26px;
}

div#whatINeed ul li{
	font-weight: bolder;
	color: #001940;
}

div.Yellow div#whatINeed {
	background: #29557a url(../site/bg_lefttop.gif) no-repeat left top;
}

div.Yellow div#whatINeed ul li{
	list-style-image: url(../site/yellowbullet1.gif);
}

div.Red div#whatINeed {
	background: #29557a url(../site/bg_lefttop2.gif) no-repeat left top;
}

div.Red div#whatINeed ul li{
	list-style-image: url(../site/redbullet1.gif);
}

div.Green div#whatINeed {
	background: #29557a url(../site/bg_lefttop3.gif) no-repeat left top;
}

div.Green div#whatINeed ul li{
	list-style-image: url(../site/greenbullet1.gif);
}

div#howMuchDoINeed{
	background:url(../site/bg_lefthowmuch.gif) repeat-y top left;
	color: #001940;
	padding-bottom: 6px;
	width: 100%;
	height: auto;
}

div#howMuchDoINeed INPUT{
	margin: 0 3px 0 5px;
}

div#howMuchDoINeed P{
	padding-left: 12px;
	padding-right:12px;
}


div#howMuchDoINeed_Bottom{
	background: url(../site/bg_howmuch_bottom.gif) no-repeat top left;
	position: relative;
	bottom: -8px;
	height: 14px;
	width: 242px;
	border-bottom: 6px #ffffff solid;
}

div#helpfulHints {
	position: relative;
	background-color: #29557a;	
	padding-top: 26px;
	color: #ffffff;
    border-bottom: 6px #ffffff solid;
}

div.Yellow div#helpfulHints {
	background: #29557a url(../site/helpfulhints.gif) no-repeat left top;
}
div.Red div#helpfulHints {
	background: #29557a url(../site/helpfulhintsred.gif) no-repeat left top;
}

div.Green div#helpfulHints {
	background: #29557a url(../site/helpfulhintsgreen.gif) no-repeat left top;
}

div.Yellow div#helpfulHints ul li{
	list-style-image: url(../site/yellowbullet1.gif);
}

div.Red div#helpfulHints ul li{
	list-style-image: url(../site/redbullet1.gif);
}

div.Green div#helpfulHints ul li{
	list-style-image: url(../site/greenbullet1.gif);
}

div#helpfulHints P{
	line-height: 17px;
}

div#helpfulHints ul {
	display: block;
	background-color: #bad0e2;
	width: 204px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 26px;
}

div#helpfulHints ul li {
	font-weight: bolder;
	color: #001940;
	padding-right: 6px;
}

div#Right ul {
	position: relative;
	top: 6px;
}

div#Right ul li {
	color: #001940;
	list-style-image: url(../site/yellowbullet1.gif);
	padding:0 0 5px;
	margin:0;
	position: relative;
	font: normal normal 13px Helvetica, Arial, Geneva, sans-serif;
}

div.divide {
	clear: both;
	border-top: 2px white solid;
	margin: 15px 0 0px 0;
	height: 2px;
}

div.divide2{
	clear: both;
	border-top: 2px white solid;
	margin: 12px 0 6px 0;
}

/* Store Locator Form
-----------------------------------------------------------------------------*/

div#findDealer {
	background: url(../site/finddealer_small.gif) no-repeat top;
	position: relative;
	height: 66px;
	display: block;
	padding: 19px 0 0;
}

#findDealer fieldset {
	background: none;
	padding: 0;
}

#findDealer label {
	width: 60px;
	float: left;
	display: block;
	text-align: right;
	padding-right: 5px;
}

#findZip input {
	padding: 2px;
	width: 70px;
	font-size: 11px;
}

* html #findZip input {
	width: 97px;
}

#findDealer select {
	top: 2px;
	left: 0;
	width: auto;
	position: relative;
}

#findZip, #findWithin, #findGo {
	position: absolute;
	left: 45px;
}

#findZip {
	top: 32px;
}

#findWithin {
	top: 55px;
}

#findGo {
	top: 55px;
	left: auto;
	right: 10px;
}


/* Store Locator, locator.html
-----------------------------------------------------------------------------*/

div#map_canvas {
	width:100%;
	height:400px;
}

#StoreResults {
	background: #D7E3EF;
	border-top: 14px solid #fff;
	border-bottom: 14px solid #fff;
	margin: 0 0 0 -251px;
	width: 485px;
	top: 14px;
	position: relative;
	float: right;
}

#StoreResults td, #StoreResults th {
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#StoreResults th {
	background: #29557A;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}

tr.odd td {
	background: #BBD0E3;
}

.StoreAddress, .StorePhone {
	text-align: left;
}

.StoreDeck, .StoreRoof, .StoreShield {
	text-align: center;
}

.RowID {
	text-align: center;
	background: #FED792;
	font-weight: bold;
	font-size: 13px;
}

tr.odd .RowID {
	background: #FEC349;
}

.StoreDistance {
	text-align: right;
}