/* Eagle Window Styles */

/*
colors:
black 70% - #4c4c4c
black 30% - #b2b2b2
black 10% - #e5e5e5
stormy blue 100% - #005387
stormy blue 90% - #196493
stormy blue 80% - #33759f
stormy blue 70% - #4c86ab
stormy blue 60% - #6698b7
stormy blue 50% - #7fa9c3
stormy blue 30% - #b2cbdb
*/

body
{
background:#4c4c4c url(../App_Themes/EagleWindowStylesheet/images/body_bg.jpg) top center repeat-y;
font-family:arial, verdana, sans-serif;
font-size:11pt;
margin:0;
}

#container
{
/*position:relative;*/
background-color:#fff;
width:776px;
height:auto;
padding:0 24px;
margin:0 auto 20px auto;
border:0;
}

/********** Text Styles ************/

h1
{
color:#818285;
font-size:21px;
padding:0;
margin:10px 0 15px 0;
}

h2
{
color:#818285;
font-size:14px;
padding:0;
}

h4 {
	color: #818285;
	font-size: 12px;
	padding: 0;
}

h6
{
font-size:8px;
margin:0;
padding:0;
text-transform:capitalize;
}

a:link, a:visited, a:active
{
color: #818285;
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

p
{
font-size:12px;
line-height:19px;
margin-top:0;
}


/********** Styles for HOME PAGE ONLY ***************/

#home_header
{
background:#fff url(../App_Themes/EagleWindowStylesheet/images/header_bar.jpg) left no-repeat;
width:100%;
height:120px;
margin:0;
padding:0;
}

#home_header_logo
{
width:100%;
height:120px;
background:url(../App_Themes/EagleWindowStylesheet/images/eagle_window_logo.jpg) right no-repeat;
margin:0;
padding:0;
}

#home_headercontent
{
float:left;
width:auto;
color:#bdbfc1;
font-size:10px;
padding-top:20px;
}

#content
{
width:auto;
background-color:#fff;
margin-left:146px;
}

#middlecolumn
{
width:286px;
background-color:#fff;
margin:0;
}

#rightcolumn
{
float:right;
width:290px;
height:329px;
background:#fff url(../App_Themes/EagleWindowStylesheet/images/home_page_content_bg.jpg) top right no-repeat;
margin:0;
padding:40px 20px;
line-height:18px;
}


/********** Styles for HOME PAGE ONLY ***************/

#header
{
background:#fff url(../App_Themes/EagleWindowStylesheet/images/bottom_border.gif) bottom repeat-x;
width:100%;
height:100px;
margin-bottom:16px;
padding:0;
}

#header_logo
{
float:left;
width:140px;
height:auto;
/*background:url(../App_Themes/EagleWindowStylesheet/images/eagle_window_logo_subpage.jpg) top left no-repeat;*/
padding:0;
margin-bottom:16px;
}

#headercontent
{
float:right;
width:auto;
color:#bdbfc1;
font-size:10px;
padding-top:50px;
}

#headercontent td.horizontalnav
{
padding-top:0;
}

#headercontent a:link, #headercontent a:visited, #headercontent a:active, #home_header a:link, #home_header a:visited, #home_header a:active
{
color:#818285;
text-decoration:none;
}

#headercontent a:hover, #home_header a:hover
{
text-decoration:underline;
}
#homecontent
{
	width: 626px;
	height: 100%;
	margin: -7px 0 0;
	float: right;
}
#homeleftcolumn
{
	float:left;
	width: 135px;
	background-color:#b2cbdb;
	margin:0;
}

#blue_background
{
width: 100%;
background:#fff url(../App_Themes/EagleWindowStylesheet/images/blue_bg.jpg) left repeat-y;
padding:0;
overflow:hidden; /* Do not remove this! */
}

#leftcolumn
{
float:left;
width: 135px;
background-color:#b2cbdb;
margin:0;
}

#subcontent
{
	float:left;
	width: 100%;
	/* background-color:#f1f1f2; */
	margin:0;
	min-height:409px;
	height: auto !important;
	height: 409px;
}
#subpage_content
{
	float: right;
	margin: 0;
	width: 626px;
}

#subheader_image
{
width: 626px;
margin:0;
border-bottom:#fff 5px solid;
}

#rightcolumn_subpage
{
width: auto;
padding:24px 24px 75px 24px;
margin:0;
line-height: 19px;
font-size:12px;
}

#circle_image
{
position:absolute;
width:160px;
height:160px;
bottom:0;
left:55px;
background:url(../App_Themes/EagleWindowStylesheet/images/50_colors_circle_revised.gif) no-repeat;
z-index: 0;
margin-bottom:2px;

}

#footer
{
position: relative;
background:#fff url(../App_Themes/EagleWindowStylesheet/images/footer_top_border.gif) top repeat-x;
width:100%;
height:50px;
text-align:right;
padding:20px 0;
margin-top:15px;
clear:both;
}

/* USED ONLY ON CWR FORM */
#full_footer
{
background:Transparent url(../App_Themes/EagleWindowStylesheet/images/full_footer.jpg) top no-repeat;
width:100%;
height:156px;
text-align:right;
padding:0px 0;
margin-top:0px;
clear:both;
}


/*********** Search field styles ****************/

.searchButton, div#breadcrumbs input
{
background:#bdbfc1;
border:#878788 solid 1px;
color:#fff;
font-size:11px;
margin-left:3px;
padding:2px 4px;
}

.searchLabel
{
margin-right:10px;
padding:0;
}

.searchTextbox
{
height:15px;
width:100px;
font-size:9px;
margin:0;
vertical-align:baseline;
}


/****** Vertical Navigation **************/
.vertical {
	width: 140px;
	margin: 0;
	padding: 0 0 75px 0 ;
}

.vertical ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.vertical ul li {
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	color: #818285;
	padding: 8px 6px 8px 24px;
	margin: 0;
	border-bottom: #fff solid 3px;
	display: block;
        vertical-align:bottom;
}

.vertical li a, .vertical li a:link, .vertical li a:active, .vertical li a:visited {
	color: #fff;
	text-decoration: none;
}

.vertical li a:hover {
        border:none; /* IE6 Bug Fix - this is for the wintelligence hover */
}

.vertical ul li.freedom  {
	background-color: #005387;
}

.vertical ul li.freedom_highlighted.CMSListMenuHighlightedLI {
	background: url(../App_Themes/EagleWindowStylesheet/images/freedom_arrow.jpg) top left no-repeat;
background-color:#005387;
}

.vertical ul li.aboutus {
	background-color: #6698b7;
}

.vertical ul li.aboutus_highlighted.CMSListMenuHighlightedLI {
	background: url(../App_Themes/EagleWindowStylesheet/images/aboutus_arrow.jpg) left top no-repeat;
background-color:#6698b7;
}

.vertical li.products {
	background-color:#196493;
}

.vertical li.products_highlighted.CMSListMenuHighlightedLI {
	background: #196493 url(../App_Themes/EagleWindowStylesheet/images/products_arrow.jpg) left top no-repeat;
}

.vertical li.wintelligence {
	background: #4c86ab;
}

.vertical li.wintelligence_highlighted.CMSListMenuHighlightedLI {
	background: #4c86ab url(../App_Themes/EagleWindowStylesheet/images/wintelligence_arrow.jpg) left top no-repeat;
}

.vertical li.support {
	background: #33759f;
}

.vertical li.support_highlighted.CMSListMenuHighlightedLI {
	background: #33759f url(../App_Themes/EagleWindowStylesheet/images/support_arrow.jpg) left top no-repeat;
}

.vertical li.freshideas {
	background-color: #7fa9c3;
}

.vertical li.freshideas_highlighted.CMSListMenuHighlightedLI {
	background: url(../App_Themes/EagleWindowStylesheet/images/contactus_arrow.jpg) left top no-repeat;
        background-color: #7fa9c3;
}

.vertical ul ul {
	display: none;
}

li.CMSListMenuHighlightedLI ul {
	display: block;
}

li.CMSListMenuHighlightedLI ul li {
	padding: 0;
	margin: 2px 0 3px 0;
	font-size: 10px;
        color: #fff;
	border: 0;
}

li.CMSListMenuHighlightedLI ul li.CMSListMenuHighlightedLI a {
	color: #fff;
        text-decoration:underline;
}

li.CMSListMenuHighlightedLI ul li a {
	padding: 0 0 0 5px;
	display: block;
}

li.CMSListMenuHighlightedLI ul li a:hover {
	color: #fff;
        text-decoration:underline;
}

li.CMSListMenuHighlightedLI ul ul {
	display: none;
}

.vertical ul.CMSListMenuUL li.CMSListMenuHighlightedLI li {
	background-image: none;
}


/**** Main Menu *****/
#menu
{
	float: left;
	width: 140px;
	height: auto;
	margin: 0;
	padding: 0;
}

.firstCMSMenuItem, .firstCMSMenuItemMouseUp, .firstCMSMenuItemMouseDown, .firstCMSMenuItemMouseOver 
{ 
	WIDTH: auto; 
	padding: 8px 6px 8px 24px;
	margin: 0px;
	border-bottom: #fff solid 3px;
	FONT-SIZE: 12px; 
	COLOR: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

.firstCMSMenuHighlightedMenuItem, .firstCMSMenuHighlightedMenuItemMouseUp, .firstCMSMenuHighlightedMenuItemMouseOver, .firstCMSMenuHighlightedMenuItemMouseDown 
{ 
	WIDTH: 140px; 
	padding: 0 0 8px 0;
	margin: 0px;
	border-bottom: #fff solid 3px;
	FONT-SIZE: 12px; 
	COLOR: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

#menu h6
{
	WIDTH: auto; 
	margin: 0;
	padding: 0 6px 0 10px;
}

/* sub menu */
.secondCMSMenu
{
	background-color:#005387; 
}

.secondCMSMenuItem, .secondCMSMenuItemMouseUp, .secondCMSMenuItemMouseDown  
{ 
	WIDTH: auto; 
	padding: 8px 5px 8px 10px;
	margin: 0px;
	FONT-SIZE: 11px;
	font-weight: bold; 
	COLOR: #fff; 
	font-weight: bold; 
	text-decoration: none;
}

.secondCMSMenuItemMouseOver, .secondCMSMenuHighlightedMenuItem, .secondCMSMenuHighlightedMenuItemMouseUp, .secondCMSMenuHighlightedMenuItemMouseOver, .secondCMSMenuHighlightedMenuItemMouseDown 
{ 
	WIDTH: auto; 
	padding: 8px 5px 8px 10px;
	margin: 0px;
	FONT-SIZE: 11px;
	font-weight: bold; 
	COLOR: #fff; 
	font-weight: bold; 
	text-decoration: none;
}
#left_area
{
	padding: 10px 6px 10px 24px;
	width: 110px;
	float: left;
	color: #005387;
	font-size: 12px;
}
#left_area a
{
	text-decoration: none;
	color: #005387;
}
#left_area a:hover
{
	text-decoration: underline;
	color: #005387;
}

/*********** Breadcrumbs ************/
div#breadcrumbs {
	border: 0;
	padding: 5px;
	font-size: 10px;
}

div#breadcrumbs span, div#breadcrumbs a {
	font-size: 10px;
}
#breadcrumbs h6
{
	font-size: 10px;
display:inline;
}
/************ Products > Exterior Colors ********/
table#colorTable td {
	padding: 24px 1px 1px 1px;
}

div.sampleCol {
	height: 32px;
	width: 72px;
	border: solid 1px #999999;
}

.uppercase
{
text-transform:uppercase;
font-size:11px;
}

.ErrorLabel, .EditingFormErrorLabel
{
color:#cc0000;
font-size:11px;
}

/**** search results ****/
.SearchResult
{
padding:5px 0px 5px 0px;
}

/********** CWR Form *************/
.hidden {
	display: none;
}

.show {
	display: block;
}


/* used on manage account form in dealers only */
.ReadOnlyText
{
color:#999;
}
.ReadOnlyTextSmall
{
font-size:10px;
color:#999;
}


/**** Dealers Only - Manage User Styles ****/
.LogonTextBox
{
}
.currentUserInfo
{
font-size:12px;
line-height:1.5;
margin-top:10px;
}
.managerUsersBtn
{
background:#bdbfc1;
border:#878788 solid 1px;
color:#fff;
font-size:11px;
margin-left:3px;
padding:2px 4px;
cursor:pointer;
}
.manageUsersGrid
{
font-size:12px;
width:550px;
}
.deleteCol, .idCol, .firstnameCol, .lastnameCol, .emailCol
{
text-align:left;
}

/* Wintelligence Item Popup ONLY */

#menuElem_LI_0_4_1
{
position:relative
}

.wintelligence a span
{
display:none;
}

.wintelligence a:hover span 
{
display: block;
position: absolute; 
top: 10px; 
left:0px; 
width: 125px;
padding: 2px; 
margin: 10px; 
z-index: 100;
color: #000; 
background: #fff;
font: 10px Verdana, sans-serif; text-align: center;
border:1px solid #000;
text-transform:capitalize;
}

.wintelligence_highlighted.CMSListMenuHighlightedLI a span
{
display:none;
}

.wintelligence_highlighted.CMSListMenuHighlightedLI a:hover span 
{
display: block;
position: absolute; 
top: 10px; 
left:0px; 
width: 125px;
padding: 2px; 
margin: 10px; 
z-index: 100;
color: #000; 
background: #fff;
font: 10px Verdana, sans-serif; text-align: center;
border:1px solid #000;
text-transform:capitalize;
}

.EditingFormControlNestedControl
{
display:inline;
}