/* CLEAR EVERYTHING */
html, body, form, div, p, h1, h2, h3, h4, h5, h6 {border:0;outline:0;padding:0;margin:0;text-decoration:none;font-family:Arial, Sans-Serif;font-size:13px;}
a img { border: 0px; }

/* Inner Page Layout */
#page
{
	width:1000px;
	padding:0px;
	margin:0px auto 15px;
	/*background: transparent url(../images/layout/eco-inside-background.jpg) no-repeat;*/
	background: transparent url(../images/bubbles/eco-inside-background.jpg) no-repeat;
	position:relative;
}

#header 
{
	height:150px;
	width:1000px;
	padding:0px;
	margin:0px;
	position:relative;
}

	input#searchTerms
	{
		position:absolute;
		top:30px;
		right:90px;
		border:1px #efefef solid;
		outline:0;
		background:white url(../images/layout/triangle-little-green_9x9.gif) no-repeat scroll 0 50%;
		font-size:11px;
		font-weight:normal;
		letter-spacing:0;
		padding-left:16px;
		width:200px;
	}

	a#home
	{
		position:absolute;
		top:20px;
		left:90px;
		text-indent: -2000em;
		width:270px;
		height:70px;
		display:block;
	}

#sidebar
{
	width:160px;
	float:left;
	padding-left:105px;
}

#content
{
	float:left;
	width:530px;
	border-left: 2px solid #EFEFEF;
	border-right:2px solid #EFEFEF;
	min-height:500px;
	padding:0px 18px;
}

#content div.content
{
}

#quicklinks
{
	float:left;
}

	#quicklinks a.dealerlogin
	{
		background: transparent url(../images/layout/eco-buttons-login.jpg) no-repeat 0px 0px;
		width:128px;
		height:70px;
		display:block;
		text-indent:-2000em;
		margin-left:37px;
		margin-top:40px;
	}

	#quicklinks a.dealerlogin:hover
	{
		background: transparent url(../images/layout/eco-buttons-login.jpg) no-repeat 0px -70px;
	}
	
	body.grass #quicklinks a.dealerlogin
	{
		background: transparent url(../images/grass/eco-buttons-login.jpg) no-repeat 0px 0px;
	}
	
	body.bubbles #quicklinks a.dealerlogin
	{
		background: transparent url(../images/bubbles/eco-buttons-login.jpg) no-repeat 0px 0px;
	}
	
	body.grass #quicklinks a.dealerlogin:hover 
	{
		background: transparent url(../images/grass/eco-buttons-login.jpg) no-repeat 0px -70px;
	}
	
	body.bubbles #quicklinks a.dealerlogin:hover 
	{
		background: transparent url(../images/bubbles/eco-buttons-login.jpg) no-repeat 0px -70px;
	}
		
	#quicklinks a.dealerlogout
	{
		background: transparent url(../images/layout/eco-buttons-logout.jpg) no-repeat 0px 0px;
		width:128px;
		height:70px;
		display:block;
		text-indent:-2000em;
		margin-left:37px;
		margin-top:40px;
	}

	#quicklinks a.dealerlogout:hover
	{
		background: transparent url(../images/layout/eco-buttons-logout.jpg) no-repeat 0px -70px;
	}
	
	body.grass #quicklinks a.dealerlogout
	{
		background: transparent url(../images/grass/eco-buttons-logout.jpg) no-repeat 0px 0px;
	}
	
	body.bubbles #quicklinks a.dealerlogout
	{
		background: transparent url(../images/bubbles/eco-buttons-logout.jpg) no-repeat 0px 0px;
	}	

	body.grass #quicklinks a.dealerlogout:hover
	{
		background: transparent url(../images/grass/eco-buttons-logout.jpg) no-repeat 0px -70px;
	}
	
	body.bubbles #quicklinks a.dealerlogout:hover
	{
		background: transparent url(../images/bubbles/eco-buttons-logout.jpg) no-repeat 0px -70px;
	}	
	
	#quicklinks a.greenguide
	{
		background: transparent url(../images/layout/eco-buttons-greenguide.jpg) no-repeat 0px 0px;
		width:128px;
		height:70px;
		display:block;
		text-indent:-2000em;
		margin-left:37px;
		margin-top:0px;
	}
	
	#quicklinks a.greenguide:hover
	{
		background: transparent url(../images/layout/eco-buttons-greenguide.jpg) no-repeat 0px -70px;
	}

	body.grass #quicklinks a.greenguide
	{
		background: transparent url(../images/grass/eco-buttons-greenguide.jpg) no-repeat 0px 0px;
	}
	
	body.bubbles #quicklinks a.greenguide
	{
		background: transparent url(../images/bubbles/eco-buttons-greenguide.jpg) no-repeat 0px 0px;
	}	
	
	body.grass #quicklinks a.greenguide:hover
	{
		background: transparent url(../images/grass/eco-buttons-greenguide.jpg) no-repeat 0px -70px;
	}
	
	body.bubbles #quicklinks a.greenguide:hover
	{
		background: transparent url(../images/bubbles/eco-buttons-greenguide.jpg) no-repeat 0px -70px;
	}
	
	#quicklinks a.signup
	{
		background: transparent url(../images/layout/eco-buttons-email.jpg) no-repeat 0px 0px;
		width:128px;
		height:70px;
		display:block;
		text-indent:-2000em;
		margin-left:37px;
		margin-top:0px;
	}
	
	#quicklinks a.signup:hover
	{
		background: transparent url(../images/layout/eco-buttons-email.jpg) no-repeat 0px -70px;
	}

	body.grass #quicklinks a.signup
	{
		background: transparent url(../images/grass/eco-buttons-email.jpg) no-repeat 0px 0px;
	}
	
	body.bubbles #quicklinks a.signup
	{
		background: transparent url(../images/bubbles/eco-buttons-email.jpg) no-repeat 0px 0px;
	}	
	
	body.grass #quicklinks a.signup:hover
	{
		background: transparent url(../images/grass/eco-buttons-email.jpg) no-repeat 0px -70px;
	}
	
	body.bubbles #quicklinks a.signup:hover
	{
		background: transparent url(../images/bubbles/eco-buttons-email.jpg) no-repeat 0px -70px;
	}
#footer
{
	clear:both;
}


/* Top Bar navigation Styles */

div.main-nav
{
	position:absolute;
	width:535px;
	height:20px;
	top:65px;
	left:375px;
	overflow:visible;
	visibility:visible;
}

div.main-nav ul,
div.main-nav ul li,
div.main-nav ul li ul
{
	padding:0px;
	margin:0px;
	list-style:none;
}

div.main-nav ul li
{
	float:left;
}

/* First Level Menu */
div.main-nav ul li a,
div.main-nav ul li span
{
	text-decoration: none;
	text-transform:uppercase;
	color:#514219;
	display:block;
	font-size:11px;
	padding:3px 5px;
	white-space:nowrap;
	font-weight:bold;
}

div.main-nav ul li.hover a,
div.main-nav ul li.hover span
{
	color:green;
}

body.grass div.main-nav ul li a,
body.grass div.main-nav ul li span
{
	color:White;
}

body.bubbles div.main-nav ul li a,
body.bubbles div.main-nav ul li span
{
	color:#514219;
}

body.grass div.main-nav ul li.hover a,
body.grass div.main-nav ul li.hover span
{
	color:#514219;
}

body.bubbles div.main-nav ul li.hover a,
body.bubbles div.main-nav ul li.hover span
{
	color:#514219;
}

div.main-nav ul li ul
{
	background-color: #98bf4c;
	display:none;
	position:absolute;
}

div.main-nav ul li.hover ul
{
	display:block;
}

div.main-nav ul li ul li
{
	clear:left;
}

/* Second+ Level Menu */
div.main-nav ul li ul li a,
div.main-nav ul li.hover ul li a,
div.main-nav ul li ul li span,
div.main-nav ul li.hover ul li span
{
	text-transform:lowercase;
	color: White;
	padding:3px 10px;
	min-width:120px;
}

div.main-nav ul li ul li.hover a,
div.main-nav ul li ul li.hover span,
div.main-nav ul li.hover ul li.hover a,
div.main-nav ul li.hover ul li.hover span
{
	color:#514219;
}

/* SideBar Navigation Styles */

ul.category-list,
ul.category-list li,
ul.category-list ul,
div.sidebar-nav ul,
div.sidebar-nav li,
div.sidebar-nav ul li ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.category-list li,
div.sidebar-nav ul li
{
	margin-top:13px;
}

ul.category-list li a,
div.sidebar-nav ul li a
{
	color:#000000;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0.8px;
	text-transform:uppercase;
	text-decoration:none;
}

ul.category-list li li,
div.sidebar-nav ul li li
{
	margin:0px;
}

ul.category-list li li a,
div.sidebar-nav ul li li a
{
	background:transparent url(../images/layout/triangle-little-green_9x9.gif) no-repeat scroll 0 50%;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0;
	padding-left:16px;
	text-transform:capitalize;
	vertical-align:middle;
}

ul.category-list li li a:hover,
div.sidebar-nav ul li li a:hover
{
	background: transparent url(../images/layout/triangle-little-brown_9x9.gif) no-repeat 0% 50%;
}



/* LOGIN PAGE */
fieldset.login {width:300px;margin:0px auto;border:1px solid green;padding:5px;}
	fieldset.login legend{padding:5px;}
	fieldset.login label{display:block;float:left;width:120px;clear:left;line-height:30px;margin:5px 0px;}
	fieldset.login input{border:1px solid green;margin:5px 0px;padding: 2px 3px;}
	fieldset.login span.checkbox input{margin:15px;}
	fieldset.login input.text{height:30px;font-size:25px;width:160px;}
	fieldset.login input.submit{padding:5px;float:right;margin-right:20px;}
	fieldset.login a{font-size:10pt;}
	
	
/* Home Page */
body.home
{
	background: transparent url(../images/layout/eco-home-tile_50x630.jpg) repeat-x;
}

body.home.grass
{
	background: transparent url(../images/grass/eco-home-tile_50x630.jpg) repeat-x;
}

body.home.bubbles
{
	background: transparent url(../images/bubbles/eco-home-tile_50x630.jpg) repeat-x;
}

body.home #page
{
	/*background: transparent url(../images/layout/eco-home-background.jpg) no-repeat;*/
	background: transparent url(../images/bubbles/eco-home-background.jpg) no-repeat;
}

body.home.grass #page
{
	background: transparent url(../images/grass/eco-home-background.jpg) no-repeat;
}

body.home.bibbles #page
{
	background: transparent url(../images/bubbles/eco-home-background.jpg) no-repeat;
}

body
{
	/*background: transparent url(../images/layout/eco-inside-tile_50x560.jpg) repeat-x;*/
	background: transparent url(../images/bubbles/eco-inside-tile_50x560.jpg) repeat-x;
}

body.grass
{
	background: transparent url(../images/grass/eco-inside-tile_50x560.jpg) repeat-x;
}

body.bubbles
{
	background: transparent url(../images/bubbles/eco-inside-tile_50x560.jpg) repeat-x;
}

body.grass #page
{
	background: transparent url(../images/grass/eco-inside-background.jpg) no-repeat;
}

body.bubbles #page
{
	background: transparent url(../images/bubbles/eco-inside-background.jpg) no-repeat;
}

body.home div.pagehome
{
	background: transparent url(../images/grass/eco-home-background.jpg) no-repeat;
}

body.home div.pagehome
{
	background: transparent url(../images/bubbles/eco-home-background.jpg) no-repeat;
}

body.home #sidebar
{
	padding-top:150px;
}

body.home #content
{
	padding-top:150px;
	padding-right:0px;
	border:0px;
	width:589px;
	_padding-left:8px;
}

body.home #quicklinks
{
	padding-top:70px;
}

body.home #quicklinks a
{
	margin-left: 0px;
}

body.home #masthead
{
	position:absolute;
	top:100px;
	left:128px;
	_zoom:1;
}

body.home #masthead img
{
	float:left;
}

/* CONTENT */

#content {color:#606060;}
#content h1 {font-size:165%;margin-bottom: 10px;}
#content h2 {font-size:145%;margin-bottom: 10px;}
#content h3 {font-size:125%;margin-bottom: 10px;}
#content h4 {font-size:115%;margin-bottom: 10px;}
#content h5 {font-size:105%;margin-bottom: 10px;}
#content h6 {font-size:95%;margin-bottom: 10px;}
#content p {font-size:100%;margin-bottom: 10px;}
#content a {text-decoration:none;color:#7AAD37;}
#content a:hover {text-decoration:underline;color:#4A682C;}
a:hover, a:active, a:focus {
   outline:0px;
}

/* MISC */

h3.name { text-align:center; }
h3.name a {color:#606060;font-size:13px;}
h1.prod-name  
{
	padding-left: 18px;
	background: transparent url(../images/pieces/triangle-big-green_15x15.gif) no-repeat 0% 50%;
}
a.main {float:left; margin: 10px 10px 10px 0px;}
fieldset#custom, fieldset.altviews
{
	clear:both;
}
table.price-sheet {width:99%;clear:both;}
table.price-sheet th {text-align:left;white-space:nowrap;padding:5px 10px;border-bottom:1px solid #696969;background-color:#efefef;}
table.price-sheet td.money {width:1%;}
table.price-sheet td {padding:2px 10px;border-bottom:1px solid #efefef;}
fieldset.filelist {clear:both;}
fieldset.filelist a{float:left;clear:both;}

img.prod-image
{
	border: 2px solid #EFEFEF;
	width:150px;
}

p.prod-desc { text-align:left; }

div.img {float:left;width:305px;margin-right:10px;}
div.img a{}

/* Contact Form */
fieldset.contact
{
	border:0px;
}

fieldset.contact legend
{
	display:none;
}

fieldset.contact label
{
	display:block;
	float:left;
	width:180px;
	margin-right:15px;
	_margin-right:7px;
	text-align:right;
	line-height:23px;
}

fieldset.contact input.contact
{
	width:200px;
}

fieldset.contact input.submit
{
	width:125px;
	margin:10px 0px 10px 273px;
}

fieldset.contact br
{
	clear:both;
	margin-bottom:5px;
}

fieldset.contact p.error
{
	text-align:center;
}

fieldset.contact span.chkbox input,
fieldset.contact td input
{
}

fieldset.contact span.chkbox label,
fieldset.contact td label
{
	display:inline;
	width:auto;
	margin:0px;
	text-align:left;
	float:none;
}

fieldset.contact table
{
	width:300px;
	margin:0px auto 20px auto;
}

textarea.comments
{
	height:100px;
	width:450px;
	margin:0 auto;
}