/* Please review before making changes to stylesheets */
/* Documentation in reset.css and global.css */


@import url('reset.css');
@import url('global.css');
@import url('tabs.css');
/*@import url('forms.css');*/
/*@import url('tables.css');*/
/*@import url('menu.css');*/

/*
	/res/css/layout.css
	This file should be used for setting up the site structure and main header, footer and sidebar styles and their nested objects.
	This is left intentionally generic as possbile. Section or page specific CSS should be addressed in a separate file.
*/
body {
/*	background: #ebe3cc;*/
	background:			#AEA28C url('../images/site/bg-body-residential.png') top center repeat-y;
}

#Page {
	position:			relative;
}

#Header {
	position:			relative;
	width:				900px;
	margin:				0px auto;
	height:				140px;
}
#PhoneNumber {
	position:			absolute;
	top:				8px;
	left:				35px;
	font:				normal normal bold 1em/1 Arial, Sans-serif;
	color:				#272525;
}
#Language .Left {		margin-right:2em;}
#Language {
	position:			absolute;
	top:				5px;
	right:				0px;
	font:				normal normal bold 0.9em/1 Arial, Sans-serif;
	color:				#272525;
	text-transform:		uppercase;
}
#Language a,
#Language a:active,
#Language a:link,
#Language a:visited {
	color:				#272525;
	text-decoration:	none;
}
#Language a:hover {
	color:				#1e6a85;
}
#FindDealer {
	position:			absolute;
	top:				36px;
	right:				0px;
	font:				normal normal normal 1em/1 Arial, Sans-serif;
}
#Header #SiteSearch {
	width: 331px;
	position:			absolute;
	top:				60px;
	right: 				0px;
	font:				normal normal normal 1em/1 Arial, Sans-serif;
}
#SiteSearch #Search { float:right  }
#SiteSearch #TopSearch span, #PageBody #cse-search-box span {
	text-transform:		uppercase;
	color: 				black;
	font-size:			.8em;
}
#SiteSearch #TopSearch #SearchBox, #PageBody #SearchBox {
	border:				1px solid #a7a7a6;
	border-right:		0px;
	height:				18px;
	font-size:			.95em;
	line-height: 		18px;
	padding-left:		5px;
	width:				175px;
	margin-right:		0;
}
#SiteSearch #TopSearch #SearchButton, #PageBody #SearchButton {
	vertical-align:		middle;
}
#Logo {
	position:			absolute;
	top:				32px;
	left:				13px;
	font:				normal normal bold 1em/1 Arial, Sans-serif;
	text-transform:		uppercase;
}
#Logo a,
#Logo a:active,
#Logo a:link,
#Logo a:visited {
	color:				#272525;
	text-decoration:	none;
}
#Logo a:hover {
	color:				#65594f;
}

#NavBarWrapper  {
	width:				684px;
	height:				36px;
	background:			transparent url('../images/site/bg-navbar.png') top center no-repeat;
	position:			absolute;
	bottom:				10px;
	left:				222px;
}
#NavBar  {
	position:			relative;
	margin:				7px;
	width:				670px;
	height:				22px;
	background:			#ebe3cc;
}
#NavBar table {
	width: 				670px;
	height:				22px;
}	
#NavBar table tr td {
	text-align:			center;
	border-left:		1px solid #bab4a2;
}
#NavBar table tr td#First {border:none;}
#NavBar a,
#NavBar a:active,
#NavBar a:link,
#NavBar a:visited {
	display:			block;
	color:				#574936;
	font:				normal normal normal 1.05em/22px Verdana,Arial,sans-serif;
	text-decoration:	none;
}
#NavBar a.Selected,
#NavBar a:hover{
	background-color:	#ccd1c1;
	color:				#1e6a85;
}
#NavBar td ul {
	display:			none;
	position:			absolute;
	margin-left:		0;
	padding-bottom:		2px;
	width:				200px;
	text-align:			left;
	background-color:	#ebe3cc;
	-moz-opacity:		.90;
	-ms-filter:			"alpha(opacity=90)";
	filter:alpha(opacity=90);
	opacity:			.90;
}
#NavBar td ul li {
	list-style-type:	none;
	margin:				0;
}
#NavBar td ul li a {
	display:			block;
	line-height:		1.25em;
	padding:			2px 13px;
	-moz-opacity:		1;
	-ms-filter:			"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:			1;
}
#NavBar td ul li a:link,
#NavBar td ul li a:visited {
	color:				#4A4432;
}
#NavBar td ul li a:hover {
	background-color:	#ccd1c1;
	color:				#1e6a85;
}

/* make the hovers work */

#NavBar td:hover ul,
#NavBar td:hover ul ul,
#NavBar td:hover ul ul ul,
#NavBar td.sfhover ul,
#NavBar td.sfhover ul ul,
#NavBar td.sfhover ul ul ul {
	display: none;
}

#NavBar td:hover ul,
#NavBar td li:hover ul,
#NavBar td li li:hover ul,
#NavBar td.sfhover ul,
#NavBar td li.sfhover ul,
#NavBar td li li.sfhover ul,
.hover { /* lists nested under hovered list items */
	display: block;
    z-index:  500;
}

#PageBodyOutterWrapper {
	position:relative;
	width: 900px;
	margin: 0px auto;
	background: transparent url('../images/site/bg-sidebar-top.png') no-repeat top left;
	padding-top: 13px;
}
#PageBodyInnerWrapper{
	position:relative;
	background: transparent url('../images/site/bg-sidebar-bottom.png') no-repeat bottom left;
	padding-bottom: 25px;
}
#PageBody{
	position:relative;
	background: transparent url('../images/site/bg-sidebar-body.png') repeat-y 0 0;
	padding-bottom: 13px;
	overflow: auto;
}


#LeftSidebar{
	position:				relative;
	float: 					left;
	width:					160px;
	padding:				20px 0 0 20px;

}

#Section {
	color:					white;
	font: 					normal normal bold 1.162em/1 Arial, Sans-serif;
	margin-bottom:			1em;
}
	#Section a,
	#Section a:link,
	#Section a:active,
	#Section a:visited {
		color:				white;
		text-decoration:	none;
	}
	#Section a:hover {
		color:				#d7a42e;
		text-decoration:	none;
	}

#SectionNav ul {
	list-style-type:		none;
	margin-left:			0px;
	color:					white;
	margin-bottom:			0;
}
#SectionNav ul ul {
	margin-left:			17px;
}	
#SectionNav li {
	line-height:			1.1em;
}
#SectionNav .section {
	line-height:			2em;
	font-weight:			bold;
	color:					#CEC4AE;
}
#SectionNav a,
#SectionNav a:active,
#SectionNav a:link,
#SectionNav a:visited {
	color:					white;
	text-decoration:		none;
}
#SectionNav a.Selected {
	color:					#D7A42E;
	font-weight:			bold;
}
#SectionNav a:hover {
	color:					#D7A42E;
}

#RightSidebar {
	position:relative;
	float:right;
	width: 175px;
}
.SidebarItem{
	margin-bottom: 4em;
}
.SidebarItemImage {
/* sidebar images should be 173px wide x 150px tall*/
	margin-bottom:0.5em;
}
.SidebarItemCopy {
	padding: 0 1em;
}
/*
#BodyCopy{
	position:relative;
	width: 440px;
	margin-left: 240px;
}
	#BodyCopy.Wide {
		width:	655px;
	}
*/
#BodyCopy {
	position:		relative;
	width:			440px;
	float: 			left;
	margin-left: 	55px;
	margin-right: 0 !important; /* needed for ie7 */
}
	#BodyCopy.Wide { width: 655px !important;}


#Product{
	position:		relative;
}
#ProductImage {
	position:		relative;
	float:			left;
	width:			215px;
	margin-right:	20px;
}
#ProductDescription {
	float:			left;
	width:			200px;
	margin-bottom: 20px;
}
#ProductTabs {
	clear:			both;
}
	.tabItems .tabItem ul li ul {
		list-style-type:	none;
		padding:			0px;
		margin:				0px;
	}
	.tabItems .tabItem ul li ul li {
		background-image:		url('/res/images/site/bullet_dash.jpg');
		background-repeat:		no-repeat;
		background-position:	0px 8px;
		padding-left:			10px;
	}

table#ProductSpecifications th,table#ProductSpecifications td {
	padding: 5px;
}
table#ProductSpecifications th {
	font-weight: bold;
}

#Footer {
	clear:				both;
	font-size:			.9em;
	margin:				0 auto;
	padding:			20px 0 5px 0;
	position:			relative;
	text-align:			center;
	width:				900px;
}
#FooterNav ul {
	list-style-type:	none;
}
#FooterNav ul li {
	display:			inline;
}
#FooterNav ul li,
#FooterNav a,
#FooterNav a:active,
#FooterNav a:link,
#FooterNav a:visited {
	color:				#624b3d;
	text-decoration:	none;
}
#FooterNav a:hover {
	color:				#1e6a85;
	text-decoration:	none;
}

/* Home/Commercial Home */
	div#FeatureArea {
		background-color:	black;
		border-bottom:		4px solid #afa693;
		margin-bottom:		5px;
	}
	div#FeatureArea div#FeatureContent {
		width:				900px;
		height:				325px;
		margin:				0 auto;
		color:				#FEF4CE;
	}
	div#FeatureContent div#FeatureLeft {
		float:				left;
	}
	div#FeatureContent div#FeatureRight div {
		float:				right;
		width:				275px;
		margin:				28px 15px 0 0;
		
	}
	body.Home div#PageBodyOutterWrapper{
		background:			none;
	}
	body.Home #Sidebars div.SidebarItem {
		width:				175px;
		float:				left;
		margin:				0 10px;
	}	
		
/* Sitemap */
div.sitemap h3 {
	font-size: 1.15em;
}
div.sitemap h3 a {
	text-decoration: none;
}