/* DEFAULT ELEMENTS - override any reset element values here */
html /* declare font-size as small instead of pixels so text can be resized in IE */
{
	font-size: 75%;
	height: 100%;
} 
body
{
	background: #e0e0e0;
	line-height: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333;
	text-align: center;
	height: 100%;
}
a:link, a:active, a:visited, a:hover{ color: #3f6b03;}
a:hover { color: #666;}

p, ul, ol{ margin: 0 0 1em 0;}

h1 
{
	color: #d44302;
	font-size: 1.4em;
	font-family: "Century Gothic", Arial, Sans-Serif;
}
#page-main.sub h1 { margin-bottom: 20px;}
#page-main.customer h1 { margin-bottom: 9px; }
	

/* PAGE LAYOUT STYLES */
#page 
{
	margin: 0 auto;
	width: 838px;
	background: #fff url(/images/common/bg-page.gif) top left repeat-y;
	height: 100%;
	display: table;
}
*+html #page { height: auto;min-height: 100%;}

#page.customer-iframe 
{
	width: 1000px;
	background: #fff url(/images/common/bg-page-customer.gif) top left repeat-y;
}
#page-container 
{
	margin: 0 15px;
	padding: 5px 8px 15px 8px;
	width: 792px;
	text-align: left;
}
#page.customer-iframe #page-container { width: 954px;}


#page-hdr
{
	background: url(/images/common/bg-hdr.gif) top left;
	width: 100%;
	height: 81px;
}
#page-nav 
{
	text-align: right;
	background: url(/images/common/bg-nav-off.gif) top left repeat-x;
	height: 28px;
	width: 100%;
}

#page-nav ul { list-style: none;float: right;margin-bottom: 0;}
#page-nav ul li 
{
	margin-left: 0;
	float: left;
	height: 28px;
}
#page-nav ul li a:link,
#page-nav ul li a:active,
#page-nav ul li a:visited,
#page-nav ul li a:hover
{
	color: #fff;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	display: block;
	height: 18px;
	padding: 5px 15px;
	border-left: 1px solid #fff;
}
#page-nav ul li a:hover, #page-nav ul li a.CMSListMenuLinkHighlighted
{
	background: url(/images/common/bg-nav-on.gif) top left repeat-x;
}
#page-nav ul li.CMSListMenuHighlightedLI ul,
#page-nav ul li.CMSListMenuLI ul {display: none;}

* html #page-nav ul li { float: none; display: inline; padding: 0;}
* html #page-nav ul li a:link,
* html #page-nav ul li a:active,
* html #page-nav ul li a:visited,
* html #page-nav ul li a:hover
{
	float: left;
}

#page-main { width: 100%;}
#page-ftr
{
	background: #2b4902;
	padding: 12px 18px 14px 18px;
	color: #fff;
	font-size: 95%;
}
#page-ftr ul { margin-bottom: 0; display: inline;}
#page-ftr ul li { display: inline; }

#page-ftr ul li a:link,
#page-ftr ul li a:active,
#page-ftr ul li a:visited,
#page-ftr ul li a:hover { color: #fff;}


/* START INDEX PAGE STYLES */
#index-flash{ margin-bottom: 16px;}
#index-content { width: 100%; margin-bottom: 15px;}
#index-left { width: 350px; }
#index-right{ width: 420px; }
/* END INDEX PAGE STYLES */


/* START SUB PAGE STYLES (776px is the default width w/o padding) */

div#page-main.customer,
div#page-main.customer-iframe
{ 
	background: url(/images/common/bg-customer-container.gif) top left repeat-y; 
	margin-bottom: 4px; 
	width: 938px;
}
div#page-main.customer { width: 776px;}
div#page-main.customer #content { width: 550px; padding: 27px 0;}
div#page-main.customer-iframe #content { width: 740px; padding: 27px 0;}

div#page-main.sub { width: 740px;padding: 27px 18px 27px 18px; }

/* END SUB PAGE STYLES */

#page-hdr #logo 
{
	padding-left: 15px;
	background: #cfcfb1;
	height: 81px;
	
}
#page-hdr #tag-line { padding-top: 20px; }
#page-hdr #login 
{
	width: 313px;
	height: 52px;
	margin-right: 12px;
	padding: 6px 0 0 15px;
	background: transparent url(/images/common/bg-unav-login.png) top left no-repeat;
}
#page-hdr #login h3 
{
	color: #d44302;
	font-size: 11px;
}
#page-hdr #login input.input 
{
	font-family: Arial, Helvetica, Sans-Serif;
	height: 13px;
	font-size: 11px;
	padding: 1px;
	line-height: normal;
	color: #666;
}
#page-hdr #login input.first { margin-right: 19px;}
#page-hdr #login .welcome-area { width: 90%; font-size: 11px;}
.info-box
{
	border: 1px solid #b8b8b8;
	padding: 1px;
}
.info-box .hdr 
{
	background: #b7b79a;
	padding: 3px 15px;
}
.info-box .info{ padding: 11px 15px; }

#snav 
{
	width: 191px;
	padding-top: 25px;
	font-size: 95%;
}
#snav ul#lmCustomerSecondaryNav { margin-bottom: 50px; margin-left: 0; list-style: none;}
#snav ul#lmCustomerSecondaryNav li { margin-left: 0;}
#snav ul#lmCustomerSecondaryNav li a:link,
#snav ul#lmCustomerSecondaryNav li a:visited,
#snav ul#lmCustomerSecondaryNav li a:active,
#snav ul#lmCustomerSecondaryNav li a:hover
{
	display: block;
	color: #333;
	font-weight: bold;
	padding: 3px 0 3px 20px;
	width: 171px;
	text-decoration: none;
}
#snav ul#lmCustomerSecondaryNav li a:hover, 
#snav ul#lmCustomerSecondaryNav li a.CMSListMenuLinkHighlighted,
#snav ul li a.on { background: #f8f8f3;}

#snav div#contact-info 
{
	border-top: 1px solid #fff;
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 50px;
}

.green-box
{
	padding: 14px 12px 20px 12px;
	background: #eaf2dd;
}

.green-box h2 
{
	color: #2b4902;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
}
.green-box .body
{
	font-size: 95%;
}

a.deg:link, a.deg:visited, a.deg:active, a.deg:hover 
{
	background: url(/images/common/ico-deg.gif) no-repeat top left;
	padding-left: 10px;
}

a.pdf:link, a.pdf:visited, a.pdf:active, a.pdf:hover 
{
	background: url(/images/common/ico-pdf.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 20px;
}

a.txt:link, a.txt:visited, a.txt:active, a.txt:hover 
{
	background: url(/images/common/ico-txt.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 20px;
}

a.doc:link, a.doc:visited, a.doc:active, a.doc:hover 
{
	background: url(/images/common/ico-doc.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 20px;
}

a.xls:link, a.xls:visited, a.xls:active, a.xls:hover 
{
	background: url(/images/common/ico-xls.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 20px;
}

a.ppt:link, a.ppt:visited, a.ppt:active, a.ppt:hover 
{
	background: url(/images/common/ico-ppt.gif) no-repeat top left;
	padding-left: 20px;
	line-height: 20px;
}

span.new-update 
{
	background: url(/images/common/ico-new.gif) no-repeat center left;
	padding-left: 25px;
	line-height: 20px;
}

li.text-entry, div.text-entry 
{ 
	padding: 0 0 5px 20px;
	background: url(/images/common/bul.gif) no-repeat top left;
}

/* INDEX */
#index-message 
{
	margin-bottom: 20px;
}
#product-lines .info table { width: 100%;}
#product-lines .info table tr td 
{
	width: 33%;
	background: url(/images/common/ico-deg.gif) no-repeat top left;
	padding-left: 10px;
	padding-bottom: 3px;
}
#customer-message
{
	margin-top: 10px;
	background: #eaf2dd;
	padding: 6px 13px;
}

/* ABOUT US */
#about-content { width: 71%;}
#about-founder { width: 21%;}

table#product-line-listing tr td.logo { padding: 5px 8px 5px 0; border-bottom: 1px solid #eaeaea; vertical-align: middle;}
table#product-line-listing tr td.info { padding: 20px 0; border-bottom: 1px solid #eaeaea;}
table#product-line-listing tr td.info div.find-a-dealer { padding-top: 4px; }

/* DEALER LOCATOR */
#dealer-locator-main { width: 100%;}
.dealer-locator-form 
{
	padding: 15px;
	border: 1px solid #eaeaea;
	margin-bottom: 25px;
}

#dealer-locator-control { width: 54%;}
#dealer-locator-questions { width: 21%;}

table.dealer-locator-layout tr td { padding-right: 10px;}
table.dealer-locator-layout tr td.submit { vertical-align: bottom;}

/* CONTACT US */
#contact-info { width: 70%;}
#contact-dealer-locator{ width: 25%;}

table#contact-vitals tr td { padding: 3px 10px 0 0;}
#contact-form { background: #eaf2dd; padding: 15px 19px 15px 13px; width: 360px;}
table.form-area label { font-weight: bold; margin-bottom: 4px;}
table.form-area tr td { padding-right: 35px; padding-bottom: 8px;}

/* CUSTOMERS */
#page-main.sub #customer-login h1 { margin-bottom: 10px;}
#current-users 
{
	width: 37%;
	border-right: 1px solid #eaeaea;
	padding-bottom: 80px;
}
.main-customer-login 
{
	background: #eaf2dd;
	padding: 9px;
	margin-left: 23px;
	width: 158px;
}
#new-users 
{
	width: 60%;
}

#customer-index #customer-index-main { width: 58%;}
#customer-index #customer-index-right { width: 205px;}
#customer-index #customer-index-right #hayward-message { margin-bottom: 1em;}

table.customer-index-product-line-table tr td 
{
	padding: 0 21px 0 0;
}

#product-line-detail #left { width: 58%;}
#product-line-detail #right { width: 33%;}
#product-line-detail #left #product-line-intro { margin-bottom: 20px;}
#product-line-detail #left .product-line-updates
{
	margin-bottom: 22px;
}

#product-line-detail #left .product-line-updates div a 
{
	margin-bottom: 3px;
}
#product-line-detail #product-lines-info-boxes .green-box 
{
	width: 170px; 
	margin-bottom: 15px;
}


/* IFRAMES in CUSTOMER AREA */
div.answers-iframe-container iframe
{
	border: 0;
	width: 300px;
	min-height: 250px;
	float: inherit;
	height: 250px;
	border-right: gray 1px solid; 
	padding-right: 0px; 
	border-top: gray 1px solid; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	border-left: gray 1px solid; 
	padding-top: 0px; 
	border-bottom: gray 1px solid;
}

div.answers-iframe-container-noborder iframe
{
	display:block;
	width: 100%;
	border-right: gray 0px solid;
	padding-right: 0px;
	border-top: gray 0px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: gray 0px solid;
	padding-top: 0px;
	border-bottom: gray 0px solid;
}