/* CSS DOCUMENT */
* 	{ margin: 0; padding: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img, a img	{ border: 0; }

body 	{ font-size: 14px; font-family: arial, verdana, sans-serif; text-align: center; color: #666; background: #97a67c;}
table, th, td, input, textarea, select { font-size: 14px; font-family: arial, verdana, sans-serif; color: #666; text-align: left; }

#skip	{ display: none;}

a:link, a:visited	{ color: #4c6c19; text-decoration: none;}
a:hover		{ color: #005983; text-decoration: underline; }

#bg	{ background: #fff url(../images/bg.gif) repeat-x; }
#container	{ position: relative; width: 990px; margin: 0 auto; text-align: left; z-index: 50; }
#home #container	{ height: 244px;}

/* PRODUCT VIEWER
------------------------------------------------------------------------------------- */
#body_productviewer	{ background: #fff;}
	#body_productviewer #container	{ width: auto; margin: 0; padding: 0 20px 20px;}
	#body_productviewer #header b	{ margin: 50px 0 0;}
	#body_productviewer select	{ font-size: 11px; font-family: arial, verdana, sans-serif; border: 3px solid #ccc;}
	#body_productviewer select option	{ padding: 4px;}
	#body_productviewer #main	{ clear: both; padding: 10px 0 0; border-top: 1px solid #ddd;}
	#body_productviewer #main p	{ padding: 0 0 10px; font-size: 12px;}
.viewer_col1	{ float: left; display: inline; width: 260px; padding: 15px; border: 1px solid #ddd; margin-right: 10px; background: #eee; }
.viewer_col2	{ float: left; width: 600px;}

#header		{ position: relative; height: 120px; z-index: 50; }

#productviewer	{ position:absolute; top: 8px; left: 813px; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#body_productviewer #nav, #home #nav { border: 0;}
#nav { position: absolute; top: 45px; left: 158px; height: 33px; width: 793px; background: #687e46; z-index: 50; border-bottom: 1px solid #e5eed7; }
#nav li { float: left; position: relative; font-size: 12px; list-style: none; height: 33px;  }
#nav li a { position: relative; height: 33px; color: #fff; display: block; text-decoration: none; cursor: pointer; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 33px; }
#nav li b { display: block; color: #fff; font-size: 14px !important; padding: 10px 0 0;}
#nav li, #nav li a, #nav li strong	{ background-image: url(../images/nav.gif); }

#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position: 0px 0px; width: 131px; }
#nav li.store, #nav li.store a, #nav li.store a strong				{ background-position: -131px 0px; width: 127px; }
#nav li.locations, #nav li.locations a, #nav li.locations a strong	{ background-position: -258px 0px; width: 152px; }
#nav li.services, #nav li.services a, #nav li.services a strong		{ background-position: -410px 0px; width: 150px; }
#nav li.events, #nav li.events a, #nav li.events a strong			{ background-position: -560px 0px; width: 78px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong		{ background-position: -638px 0px; width: 84px; }
#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: -722px 0px; width: 71px; }

/* MAINTAINS ON STATE WHILE OVER DROP DOWNS */
#nav li.products:hover a, #nav li.products a:hover, #nav li.products:hover a strong, #nav li.products a:hover strong	{ background-position: 0px -33px; width: 131px; }
#nav li.store:hover a, #nav li.store a:hover, #nav li.store:hover a strong, #nav li.store a:hover strong				{ background-position: -131px -33px; width: 127px; }
#nav li.locations:hover a, #nav li.locations a:hover, #nav li.locations:hover a strong, #nav li.locations a:hover strong	{ background-position: -258px -33px; width: 152px;}
#nav li.services:hover a, #nav li.services a:hover, #nav li.services:hover a strong, #nav li.services a:hover strong	{ background-position: -410px -33px; width: 150px; }
#nav li.events:hover a, #nav li.events a:hover, #nav li.events:hover a strong, #nav li.events a:hover strong			{ background-position: -560px -33px; width: 78px; }
#nav li.contact:hover a, #nav li.contact a:hover, #nav li.contact:hover a strong, #nav li.contact a:hover strong		{ background-position: -638px -33px; width: 84px; }
#nav li.about:hover a, #nav li.about a:hover, #nav li.about:hover a strong, #nav li.about a:hover strong				{ background-position: -722px -33px; width: 71px; }

/* ON STATE */
#nav li.productson, #nav li.productson strong	{ background-position: -0px -66px; width: 131px; }
#nav li.storeon, #nav li.storeon strong			{ background-position: -131px -66px; width: 127px; }
#nav li.locationson, #nav li.locationson strong	{ background-position: -258px -66px; width: 152px; }
#nav li.serviceson, #nav li.serviceson strong	{ background-position: -410px -66px; width: 150px; }
#nav li.eventson, #nav li.eventson strong		{ background-position: -560px -66px; width: 78px; }
#nav li.contacton, #nav li.contacton strong		{ background-position: -638px -66px; width: 84px; }
#nav li.abouton, #nav li.abouton strong			{ background-position: -722px -66px; width: 71px; }


/* HOME
------------------------------------------------------------------------------------- */

#h_main	{ position: absolute; top: 120px; left: 0; }

#h_products	{ position: relative; float: left; width: 490px;}
#h_feature	{ position: relative; float: left; display: inline; width: 246px; margin: 0 26px 0 17px;}
#h_column	{ position: relative; float: left; width: 210px; }

#h_events	{ padding: 20px 0 0; }
	#h_events p	{ padding: 0 0 15px; font-size: 12px;}
	#h_events p b	{ font-size: 14px;}
	#h_events p strong	{text-transform: uppercase; font-size: 11px; color: #C49482;}
	
#h_newsletter	{ padding: 60px 0 0; }
	#h_newsletter p	{ padding: 0 0 15px;}
	#h_newsletter td	{ padding: 5px 10px 5px 0; color: #c5da9f; font-size: 12px;}
	#h_newsletter td .input	{ width: 140px;}
	.btn_signup	{ height: 31px; width: 71px; background: url(../images/btn_signup.gif) no-repeat; border: 0; color: #97B15F; font-size: 1px; }
	#h_newsletter label	{ font-weight: bold; }
.icon_newsletter	{ float: right; margin-top: -5px; margin-right: 10px;}
	
	.more	{ font-size: 11px;}

#footer_outer	{ position: relative;  background: url(../images/bg_footer.gif) repeat-x 0 0; text-align: left; z-index: 10;}
#bg_flower	{ position: relative; background: url(../images/bg_flower.gif) no-repeat 50% 0; height: 150px; }

#home #footer	{ padding: 270px 0 0; }
#footer	{ margin: 0 auto; padding: 100px 0;width: 990px; font-size: 10px; line-height: 18px; color: #C9D9AA; text-transform: uppercase; font-weight: bold;}
	#footer a:link, #footer a:visited	{ color: #fff; text-decoration: none; }
	#footer a:hover	{ color: #cef094;}
	#footer span	{ float: right; }
	#footer img	{ float: left; margin-top: -5px; margin-right: 5px; }

/* SUB
------------------------------------------------------------------------------------- */
#subnav	{ position: absolute; top: 78px; left: 158px; width: 792px; height: 40px; background: url(../images/bg_subnav.gif) no-repeat top right;}
	#subnav li	{ float: left; list-style: none; padding: 1px; font-size: 12px; height: 32px; border-right: 1px solid #e5eed7; font-weight: bold; background: #fff; }
	#subnav li a:link, #subnav li a:visited	{ float: left; list-style: none; display: block; height: 32px; line-height: 32px; padding: 0 14px; text-decoration: none; background: #F3F7EC; margin: 1px 0 0;}
	#subnav li a:hover	{ background: #e5eed7; color: #4c6c19; }
	#subnav li.on a:link, #subnav li.on a:visited	{ color: #999; background: #fff; cursor: default; border-top: 3px solid #f9f9f9; margin: 0; height: 29px; line-height: 28px;}

#subhead	{ float: left; display: inline; width: 160px; margin-right: 30px;}

#content	{ float: left; width: 720px; padding: 20px 0; line-height: 22px;}
	#content p	{ padding: 0 0 20px;}
	#content a	{ text-decoration: underline;}
	h2 a	{ text-decoration: none !important;}
	h2 a:hover	{ text-decoration: underline !important;}
	#content ul, #content ol	{ padding: 0 35px 20px; }

.tablelist td	{ padding: 2px 5px; border-bottom: 1px solid #eee;}

	.product_col	{ float: left; display: inline; width: 200px; margin-right: 20px;}

.col1	{ float: left; width: 250px;}
.col2	{ float: left; width: 450px;}

.eventslist p	{ font-size: 12px; line-height: 17px;}
	.eventslist p b	{ font-size: 14px;}
	.eventslist p b.icon_new	{ font-size: 12px;}
	.eventslist p strong	{text-transform: uppercase; font-size: 11px; color: #C49482;}

.icon_new a:link, .icon_new a:visited	{ background: url(../images/icon_new.gif) no-repeat bottom right; padding-right: 15px;}

.nostores	{ background: #fffbb9; border: 1px solid #fff000; padding: 10px; color: #900; font-size: 18px;}
	.nostores b	{ font-size: 30px;}
	
.state_search	{ margin: 0 0 20px; padding: 10px;background: #EDF5E2; border: 1px solid #d6e7be;}
	.state_search td	{ padding: 5px;}
	.state_search td .dropdown select	{ border: 1px solid #999; border-color: #666 #ddd #ddd #666; padding: 2px; font-family: verdana, sans-serif; font-size: 13px;}

.state_results		{ width: 100%;}
	.state_results th	{ white-space: nowrap; font-weight: bold; padding: 10px 5px 2px; border-right: 1px solid #fff; background: #666; color: #fff; vertical-align: bottom; text-align: left; }
	.state_results td	{ border-top: 1px solid #ddd; padding: 6px 2px; vertical-align: top; font-size: 12px;}

.thmbs a	{ float: left; display: inline; border: 3px solid #fff;}
.thmbs a:hover	{ border: 3px solid #607441;}

.contactform		{ margin: 0 0 15px;}
	.contactform td		{ padding: 5px; vertical-align: top;}
	.contactform td label	{ font-weight: bold; display: block; text-align: right;}
	.contactform td span	{ color: #900; font-size: 12px; line-height: 12px;}
	.contactform td span b	{ font-size: 16px;}
	.input				{ border: 1px solid #999; border-color: #666 #ddd #ddd #666; padding: 2px; font-family: verdana, sans-serif; font-size: 13px;  }
	.btn				{ padding: 0 2px; font-weight: bold; text-transform: uppercase; font-family: verdana, sans-serif; font-size: 13px; color: #4e6e1a;}
	.input:focus, textarea:focus	{ background: #FFFFCC;}
	select#DealerRegion	{ border: 1px solid #999; border-color: #666 #ddd #ddd #666; padding: 4px; font-family: verdana, sans-serif; font-size: 13px;}
	input.btn_search	{ background: url(../images/btn_search.gif) no-repeat; height: 31px; width: 71px; border: 0; color: #97B15F; font-size: 0;}

/* MISC*/

.clear		{ clear: both; }
.floatright	{ float: right; margin: 5px 0 10px 15px; clear: right;}
.floatleft	{ float: left; margin: 5px 15px 10px 0;}
.alignright	{ text-align: right;}

hr	{ height: 1px; border: 0; background: #ddd; color: #ddd; margin: 0 0 15px; clear: both; }

sup	{ line-height: 0; color: #999; }

blockquote	{ float: right; display: inline; width: 366px; padding: 0 0 10px 40px; font-size: 20px; line-height: 28px; color: #b67f6b; font-style: italic; background: url(../images/icon_quote.gif) no-repeat 0 5px;}

h1	{ font-size: 24px; font-family: helvetica, arial, sans-serif; letter-spacing: -1px; font-weight: normal; color: #999; }
h2	{ font-size: 18px; margin: 0 0 10px; font-family: helvetica, arial, sans-serif; font-weight: normal; color: #d99075; }
h3	{ font-size: 15px; text-transform: uppercase; font-family: helvetica, arial, sans-serif; color: #aea09a }
h4	{ font-size: 13px; text-transform: uppercase; padding: 0 0 5px;}

/* contact form */
.error { color: #ff0000; }
.confirm { color: #660000; }

/* awesomebox */
#aOverlay { background: #97A67C; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 900; display: none; cursor: pointer;}
#aBox { position: absolute; z-index: 950; height: 42px; width: 42px; overflow: hidden; }
#aBox div#aImgHolder { display: block; padding: 10px 0; background: #333; min-height: 32px; }
#aBox img#aImg { display: block; margin: 0 10px; background: #333; }
#aBox *:focus { -moz-outline: 0;; }
#aBox a.aButton { float: right; background-color: transparent; background-image: url(../images/aBox-buttons.gif); text-decoration: none; width: 40px; height: 16px; cursor: pointer; border: 0; background-repeat: no-repeat; }
#aBox a.aButton:hover { background-color: transparent; text-decoration: none; border: 0; }
#aBox a.aButton:active { background-color: transparent; border: 0; }
#aBox a#aCloseButton { width: 28px; height: 32px; }
#aBox a#aCloseButton { background-position: 0 0; float: left; }
#aBox a#aNextButton { background-position: -68px 0; }
#aBox a#aPrevButton { background-position: -28px 0; }

#aBox a#aCloseButton:hover { background-position: 0 -64px; }
#aBox a#aNextButton:hover { background-position: -68px -64px; }
#aBox a#aPrevButton:hover { background-position: -28px -64px; }

#aBox a#aCloseButton:active { background-position: 0 -32px; }
#aBox a#aNextButton:active { background-position: -68px -32px; }
#aBox a#aPrevButton:active { background-position: -28px -32px; }

#aBox div#aBoxMeta { position: absolute; left: 0; z-index: 960; background: #333; padding: 0 10px; height: 0; overflow: hidden; }
#aBox h1#aInfoTitle { color: #999; font-size: 15px; font-weight: bold; margin: 0 80px 0 32px; padding: 0 !important; }
#aBox p#aCount { clear: right; float: right; text-align: center; width: 80px; margin: 0; color: #999; font-size: 10px; }
#aBox p#aInfo { margin: 0 80px 0 32px; color: #999; font-size: 10px; }
#aBox h1#aInfoTitle, #aBox p#aCount, #aBox p#aInfo { text-transform: none !important; }

img#aLoadImg { position: absolute; top: -900em; left: -900em; border: 0; width: 32px; height: 32px; z-index: 999; }