body {
	background-image:url(../images/sitebackground.gif);
	background-repeat:repeat-x;
	background-color:#bac6dd;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	}

h1 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}

h2 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}

h3 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}

h4 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}

h5 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}

h6 { 
	margin:0px;
	padding:0px;
	line-height:normal;
	letter-spacing:normal;
	font-weight:normal;
	}




.clear {
	clear:both;
	}

.body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	}

.body a {
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC;
	font-size:12px;
	text-decoration:underline;
	}

.body a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#003399;
	font-size:12px;
	text-decoration:underline;
	}

.bodysm {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	}

.bodysm a {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	text-decoration:underline;
	}

.bodysm a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size:10px;
	text-decoration:underline;
	}

.pageheaderbox {
	padding:0px 50px 15px 0px;
	}

.pageoverflowbox {
	margin:0px 100px 0px 0px;
	}

.headline24 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	}

.headline22 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	}

.headline20 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	}

.headline18 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	}

.subheadline16 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

.subheadline14 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.colorRed {
	color:#C41230;
	}
.colorBlue {
	color:#00457C;
	}

.bottommenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	}

.bottommenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}

.bottommenu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#E55E00;
	text-decoration:underline;
	}

.topmenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	}

.topmenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}

.topmenu a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#E55E00;
	text-decoration:underline;
	}

.more {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0067B1;
	}
	
.more a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0067B1;
	padding:0px 0px 0px 12px;
	background:url(../images/bluearrow.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:underline;
	}

.more a:hover {
	color:#0B8AD8;
	background:url(../images/bluearrow2.png);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-decoration:underline;
	}

a.button {
	display:block;
	width:83px;
	float:right;
	text-align:right;
	padding:3px 27px 8px 5px;
	background-image:url(../images/buttonbackground.png);
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

a.button:hover {
	background-image:url(../images/buttonbackground2.png);
	text-decoration:none;
	cursor:pointer;
	}


#slideshow {
	position:relative;
	height:328px;
	width:474px;
	}



#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	display:none;
	}



#slideshow IMG.active {
	z-index:10;
	display:block;
	}



#slideshow IMG.last-active {
	z-index:9;
	}
	
.contactList {
	border: 1px solid #A1A0A4;
	padding-bottom: 3px;
	margin:10px 0px 5px 0px;
	}
	
.white {
	background-color: #dcd6d6;
	}
	
.manual li {
	list-style-type: upper-roman;
	}

.manual i {
	font-size: 7pt;
	}
	
.manual a, .manual a:visited {
	font-size: 8pt;
	color: blue;
	}
	
.algin {
	text-align: center;
	}
	
.header11 {
	font-weight: bold;
	color: #00457C;
	font-size: 8pt;
	padding:0px 0px 0px 12px;
	background:url(../images/bluearrow.png) no-repeat;
	background-position:0px 4px;
	}
	
.height {
	line-height: 6px;
	}
.img-shadow {
	width:100px;
	height:75px;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	text-align:center;
	}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #eeeeee;
	margin: -6px 6px 6px -6px;
	text-align:center
	}	
	
#photo_gallery_name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#photo_gallery_location {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.shadow {
	-moz-box-shadow: 2px 2px 7px #999999;
	-webkit-box-shadow: 2px 2px 7px #999999;
	box-shadow: 2px 2px 7px #999999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}

a.homeandgarden {
	display:block;
	background-image:url(../images/homeandgarden_logo.png);
	background-repeat:no-repeat;
	text-decoration:none;
	padding:60px 0px 0px 98px;
	height:46px;
	}	

a.homeandgarden:hover {
	color:#000000;
	}

a.blue186button {
	display:block;
	background-image:url(../images/186bluebuttom.png);
	background-repeat:no-repeat;
	text-decoration:none;
	padding:5px 30px 0px 10px;
	height:26px;
	width:146px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	}	

a.blue186button:hover {
	background-image:url(../images/186bluebuttom2.png);
	}
	
/* HOVER TEST */

.bro a, .bro b, .bro div, .bro em, .bro h4, .bro li, .bro ol, .bro p, .bro span, .bro strong, .bro ul {border:0;font-size:100%;left:0;margin:0;outline:0;padding:0;top:0;vertical-align:baseline;}
ol, ul {list-style:none;}
.bro {left:0px;position:relative;z-index:90;}
.bro a {text-decoration:none;}
.bro a:hover {text-decoration:none;}
.bro ul {left:0px;position:absolute;width:198px;}
.bro ul ul {left:0;position:static;width:auto;}
.bro .bro-hover {float:left;padding-left:0px;position:relative;}
.bro .bro-hover:hover .bro-items, .bro .hover .bro-items {left:0;}
.bro .bro-hover:hover .bro-hdr, .bro .hover .bro-hdr {background-position:-1011px -152px !important;color:#ED1C24;}
.bro .bro-nav {left:0px;position:absolute;top:0px;}
.bro .bro-nav a {position:relative;z-index:98;}
.bro .bro-nav a:hover {}
.bro .bro-nav div {background:transparent url(http://epsbuildings.com/redesign/images/popupwindow.gif) no-repeat 0 100%;left:-9999px;padding-bottom:15px;position:absolute;top:-9px;width:350px;z-index:96;}
.bro .bro-nav div div {background-position:0 -96px;left:0;position:static;margin-bottom:15px;padding:80px 10px 0 10px;width:auto;}
.bro .bro-nav div h4 {padding-top:10px;padding-bottom:3px;}
.bro .bro-nav div h4 a {background:0;padding:0;}
.bro .bro-nav div h4 a:hover {}
.bro .bro-nav div li a {color:#444;background-position:-334px 5px !important;_background-position:-318px 5px !important;padding:4px 0 4px 22px;}
.bro .bro-nav div li a:hover {}
.bro .bro-nav div ul {margin-top:.5em;}
.bro .bro-nav:hover a, .bro .bro-nav.hover a {background-position:100% -35px;_background-position:97% -35px;}
.bro .bro-nav:hover div, .bro .bro-nav.hover div {left:-144px;}

#errorcode{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FF0000;
font-weight:bold;
padding:15px;
border:1px #444444 solid;
width:90%;
background-color:#EEEEEE;
text-align:center

}

#dealer_form_table{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:15px;
border:1px #444444 solid;
width:90%;
background-color:#EEEEEE

}

input{
font-family:Arial, Helvetica, sans-serif;
font-size:12px
}

#dealer_content{
border-left:1px solid #A1A0A4; 
border-right:1px solid #A1A0A4; 
padding:10px; 
background:url(../images/homepagebackground.png); 
background-repeat:repeat-x; 
background-position:0px -58px; 
background-color:#F2EFEB;
}

.mc{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#999999;
}

td.sc{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#CCCCCC;
}

tr.co{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#FFFFFF
} 
tr.co:hover{
background-color:#FFFF99
}

.constructionPageClass
{/* This defines the parent style for the entire unordered list. IMPORTANT: The ID for the parent UL is: constructionPageNav */
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
.MenuItem_Level1
{/* This defines the style for the first tier of the unordered list */
font-size:16px;
text-decoration:underline;
color:#000000;
}
.MenuItem_Level1:hover
{/* This defines the style for the first tier of the unordered list */
color:#0000FF;
}
.MenuItem_Level2
{/* This defines the style for the first second of the unordered list */
font-size:12px;
color:#000000;
text-decoration:none;
}
.MenuItem_Level2:hover
{/* This defines the style for the first tier of the unordered list */
color:#0000FF;
}
.MenuItem_Level3
{/* This defines the style for the first third of the unordered list */
font-size:12px;
color:#000000;
text-decoration:none;
}
.MenuItem_Level3:hover
{/* This defines the style for the first tier of the unordered list */
color:#0000FF;
}


/* ======================================================== */
/* These codes are used with the eps_photogallery_menu API: */
/* ======================================================== */

#pagelabel
{/* This defines the style for the 	Viewing Page: X text */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#categorylabel
{/* This defines the style for the Category: text (near the category dropdown) */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#categoryid
{/* This defines the style of the category selection drop-down menu */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
div.gallery_image_border
{/* This defines the style of the border around the images in the photo gallery */
background-color:#666666; 
padding-right:2px; 
padding-bottom:2px; 
}
#photo_gallery_title
{/* This defines the style of the title text directly underneath the thumbnail images in the photo gallery */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

#photo_gallery_pagelist
{/* This defines the style for the numeric list of pages on the photo gallery */
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
padding:10px 0px 10px 0px;
}

/* The following elements define the style for each of the page navigation buttons and their hover effects */
.photo_gallery_pagenav_first
{
background-color:#E0DFE3;
font-size:10px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}
.photo_gallery_pagenav_first:hover
{
background-color:#FFFF99;
cursor:pointer; 
}
.photo_gallery_pagenav_previous
{
background-color:#E0DFE3;
font-size:10px; 
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}
.photo_gallery_pagenav_previous:hover
{
background-color:#FFFF99;
cursor:pointer; 
}
.photo_gallery_pagenav_next
{
background-color:#E0DFE3;
font-size:10px; 
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}
.photo_gallery_pagenav_next:hover
{
background-color:#FFFF99;
cursor:pointer; 
}
.photo_gallery_pagenav_last
{
background-color:#E0DFE3;
font-size:10px; 
text-align:right;
font-family:Arial, Helvetica, sans-serif;
}
.photo_gallery_pagenav_last:hover 
{
background-color:#FFFF99;
cursor:pointer; 
}
.photo_gallery_thumbnail_cell
{/* This defines the style for the photo gallery thumbnail table cell */
background-color:#EEEEEE;
text-align:left;
padding-left:20px;
padding-right:20px;
}
.photo_gallery_thumbnail_cell:hover
{/* This defines the style for the photo gallery thumbnail table cell during roll over effect */
background-color:#EEEECC;
text-align:left;
cursor:pointer
}

/* =========================================================== */
/* These codes are used with the eps_photogallery_display API: */
/* =========================================================== */

#photo_display_title
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
font-weight:bold;
margin-bottom:10px;
}
#photo_display_image
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-bottom:5px;
}
#photo_display_name
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
font-weight:bold;
}
#photo_display_location
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-left:10px;
}
#photo_display_buildername
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-left:10px;
}
#photo_display_dimensions
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-left:10px;
}
#photo_display_description
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-left:10px;
}

.content_tier_1
{padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
border-bottom:1px solid #000000;
}

.content_tier_2
{padding-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.content_tier_3
{padding-left:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;

}
.content_sort{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

 .compare a {
	display:block;
	width:83px;
	height:25px;
	float:right;
	text-align:right;
	padding:5px 27px 0px 0px;
	background-image:url(../images/buttonbackground.png);
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.compare a:hover {
	background-image:url(../images/buttonbackground2.png);
	text-decoration:none;
	cursor:pointer;
	}

/* START Mega Menu */
#navBackground {
	background-image:url(../images/topnavbackground.gif);
	background-repeat:repeat-x;
	}


ul#topnav {
	float:left;
	width: 100%;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00457C;
	margin:0px;
	padding:0px;
	z-index:1000;
	position:relative;
	text-align:left;
	background-image:url(../images/topnavbackground.gif);
	background-repeat:repeat-x;
}

ul#topnav li {
	margin: 0;
	padding: 0px 0px 0px 0px;
	position: relative;
	float:left;
	
}

ul#topnav li.last {
	background-image:none;
}

ul#topnav li a {
	float: left; 
	display:block;
	padding:5px 10px 0px 10px;
	margin-right:2px;
	height:24px;
	text-decoration:none;
	color:#00457C;
}

ul#topnav li.active a, ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../images/topnavbackground_orange.gif);
	background-repeat:repeat-x;
}

ul#topnav li .sub {
	position: absolute;	
	top: 32px;
	left: 0;
	background: #EEEEEE;
	padding: 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	border:2px solid #00457C;
	border-top:none;
}

ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 180px;
	float: left;
}

ul#topnav li .sub ul.wide{;
	width: 210px;
}

ul#topnav li .sub ul.skinny{;
	width: 170px;
}

ul#topnav .sub ul li {
	width: 100%;
	color: #00457C;
	background-image:none;
}

ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 14px;
	font-weight: bold;
}

ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #00457C;
	font-weight:bold;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	font-weight:normal;
	background:url(../images/bluearrow.png) no-repeat 5px 8px;
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	color: #00457C;
	font-size:12px;
}

ul#topnav .sub ul li a:hover {
	color: #666666;
	background-position: 5px 8px;
}
/* END Mega Menu */


	
	
/****** SLIDER ******/
#slider {
	position:relative;
    width:474px;
    height:328px;
    /*margin-left:190px;*/
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	/*background:url(../images/bullets.png) no-repeat;*/
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}