﻿

/* Basic Elements */
html, body {
	margin: 0;
	min-height: 100%;
	}
body, form
{
    background: url("PageBack.gif");
}

input, textarea
{
    font-family: Tahoma, Arial, Sans-Serif;
    background-image: url("Gradient.gif");
    background-color: #fafbfb;
    background-repeat: repeat-y;
    border: dashed 1px #b0b0b0;
}

select
{
    background-image: url("Gradient.gif");
    background-color: #fafbfb;
    background-repeat: repeat-y;
    border: dashed 1px #b0b0b0;
}

.MasterHolder
{
	margin: 0 auto;
	height: 100%;
}
.LeftBorder
{
	width: 10px;
	background-image: url('ContentBorder.png');
	background-repeat: repeat-y;
}
.RightBorder
{
	width: 10px;
	background-image: url('ContentBorderRight.png');
	background-repeat: repeat-y;
}
.ContentHolder
{
    height: 100%;
}
#container {
	width: 936px;
	height: 100%;
	margin: 0 auto;
	background-color: White;		
	}
#header {
	width: 100%;
	height: 70px;
		
	}
#menu 
{
	width: 100%;
	height: 41px;
	background-image: url('MenuBack.gif');
	background-repeat: repeat-x;
}
.DashHorizontal 
{
	width: 100%;
	height: 0px;
	border-top: dashed 1px #b0b0b0;
	margin-bottom: 1px;	
}

#productsBanner
{
	width: 100%;
	height: 124px;
}
#titleContainer
{
    float: left;
    margin: 10px 0px 0px 20px;
    display: table;
    vertical-align: bottom;
}
#bannerContainer
{
    float: right;
    margin: 0px 20px 0px 0px;
}

#greenBanner
{
	width: 100%;
	height: 126px;
}

.bannerImage
{
	float: right;
	margin-right: 5px;
	border: dashed 1px #b0b0b0;
	margin-top: 4px;
}
	
#wrapper {
	float: left;
	width: 896px;
	padding: 5px 20px;
	background-color: White;
	}
#content {
	float: left;
	width: 715px;
	}
#contentLeft {
	float: left;
	width: 350px;
	}
#contentRight {
	float: right;
	width: 350px;
	}
#left {
	float: left;
	width: 20%;
	margin-left: -936px;
	}
#right {
	float: right;
	width: 170px;		
	}
#footer {
	width: 100%;
	clear: both;		
	padding: 5px 0;	
	}
 
a img { border: solid 0px white; text-decoration: none; }
#header a img { margin-top: 10px; }
.SunshineLogoLink { float: left; margin-left: 20px; }
.SunliteLogoLink, .EnergyStarLogoLink { float: right; margin-right: 10px; }

ul.affiliateList
{
	margin: 0px;
	padding: 0px;
	width: 170px;
}

ul.affiliateList li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
}

/* Menu Styles */

.MainMenu
{
	margin-left: 92px;
	border: 0;
}

.MenuSeparator, .leftImage
{ height: 41px; width: 3px; }

.vertical .item .leftImage
{
    height: 16px;
    width: 16px;
}

.DropDownMenuItem, .vertical .item  
{
	width: 116px;
	height: 20px;
	text-decoration: none; 
	text-align: left; 
	background-color: #DCDCDC; 
	padding: 2px 3px; 
	color: #575757;
	text-transform: lowercase; 
}
.MainMenu a:hover
{
	color: #f6980e; 
	text-transform: lowercase; 
	text-decoration: none; 
}

.DropDownMenuItem .LeftImage
{ display: none; }

.MainMenu .item
{
    font-size: 8.5pt;
	font-family: Tahoma, Arial, Helvetica;
	text-align: center;	
}

.MainMenu .first
{
	background-image: url('MenuSep.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 3px;
}
.MainMenu .last
{
	background-image: url('MenuSep.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 3px;
}

.MainMenu .Rooted
{
	width: 122px !important;
	padding-top: 11px;
	height: 30px;
	color: #575757;
	text-transform: lowercase;
}

a.Rooted:visited
{ color: #575757; text-transform: lowercase; text-decoration: none; }

a.Rooted:hover, a.Expanded, a.SelectedItem
{ 
	color: #f6980e; 
	text-transform: lowercase; 
	text-decoration: none; 
	background-image: url('MenuItemFocus.gif'); 
	background-repeat: no-repeat; 
}
a.SelectedItem .text
{
    color: #f6980e;  
}

hr
{
    height: 0px;
    border: dashed #b0b0b0;
    border-width: 1px 0px 0px 0px;
}