/************************************************************************

	Author:		James Hall (production), Leslie Brown (design), eROI [www.eroi.com] 
	Client:		Arboria


	Listing Order:
	==============

	1 - Global
	2 - Top
	3 - Menu
	4 - Middle
	5 - Bottom
	6 - Footer


***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/
html{
	/*width:100%;
	height:100%;*/
}

body {
	background:url(../images/homeBG.gif) top left repeat-x;
	font-family: "Trebuchet MS", "Helvetica", sans-serif;
	font-size: 11px;
	color: #483419;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0;
}

h1{
	line-height:20px;
}

h3{
	color:#555555;
	text-transform:uppercase;
	font-size:11px;
	padding:8px 0px 3px 10px;
}

a{
	color:#b31b34;
	outline:none;
}

a:hover{
	text-decoration:none;
}
a:active{
	outline:none;
}

a.hide, a.hide:hover {
	color: #483419 !important;
	text-decoration: none;
}

ul li.redArrow{
	background:url(../images/redArrow.gif) no-repeat;
	background-position: 0px 3px; 
	padding-left:12px;
	list-style:none;
	height:18px;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
}

input.searchText, input.zipText, input.signUpText, input.signUpText2, div#subAreaBordered input, div#storeLocator input, div#contactForm input.radioButton, input.partsReplace{
	height:11px;
	padding:1px;
	margin-right:0px;
	border:none;
	font-size:9px;
	vertical-align:top;
	/*text-transform:uppercase;*/
}

input.submit, div#subAreaBordered input.submit{
	background:url(../images/searchSubmit.gif) top left no-repeat;
	width:13px;
	height:15px;
	padding:0px;
	margin-left:2px;
	border:none;
	cursor:pointer;
}

div#container{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	padding-right:5px;
	z-index:5px;
}

div.clear{clear:both;}

div#homeLink{
	width:171px;
	height:53px;
	float:left;
}

div#homeLink a{
	width:100%;
	height:100%;
	display:block;
}

table{
	padding-bottom:15px;
}

/**************************************************
2 - Top
**************************************************/

div#top{
	position:relative;
	width:265px;
	height:45px;
	right:5px;
	top:25px;
	float:right;
	text-transform:uppercase;
}

div#top p{
	background:url(../images/toppBG.gif) top left no-repeat;
	width:108px;
	height:14px;
	padding:1px;
	display:block;
	float:left;
}

div#top p a{
	padding:0px 9px;
	font-size:11px;
	color:#555555;
	text-decoration:none;
}

div#top p a:Hover{

}

div#top form{
	display:block;
	float:right;
}

div#top input.searchText{
	background:url(../images/searchFieldBG.gif) top left no-repeat;
	width:121px;
}

/**************************************************
3 - Menu
**************************************************/
/*Menu is inside "middle" div*/
/*Dependent on the number of flash piece*/
div#menuContainer1{
	background:url(../images/topBG1.jpg) top left no-repeat;
	width:100%;
	height:106px;
	position:relative;
	padding:0px;
	z-index:100;
}
div#menuContainer2{
	background:url(../images/topBG2.jpg) top left no-repeat;
	width:100%;
	height:106px;
	position:relative;
	padding:0px;
	z-index:100;
}
div#menuContainer3{
	background:url(../images/topBG3.jpg) top left no-repeat;
	width:100%;
	height:106px;
	position:relative;
	padding:0px;
	z-index:100;
}
div#menuContainer4{
	background:url(../images/topBG4.jpg) top left no-repeat;
	width:100%;
	height:106px;
	position:relative;
	padding:0px;
	z-index:100;
}

div#menu{
	background:url(../images/logo.gif) bottom left no-repeat;
	position:relative;
	width:670px;
	height:58px;
	padding-top:48px;
	float:right;
	/*z-index:100;*/
}

/* For the 4 following, Dependent on the number of flash piece*/
ul#nav1{background:url(../images/navBG1.gif) bottom left no-repeat;}
ul#nav2{background:url(../images/navBG2.gif) bottom left no-repeat;}
ul#nav3{background:url(../images/navBG3.gif) bottom left no-repeat;}
ul#nav4{background:url(../images/navBG4.gif) bottom left no-repeat;}

ul#nav1, ul#nav2, ul#nav3, ul#nav4{
	margin:0px;
	float:right;
	width:490px;
	height:58px;
	/*z-index:100;*/
}

ul#nav1 li, ul#nav2 li, ul#nav3 li, ul#nav4 li{
	list-style:none;
	/*display:block;*/
	margin:0px;
	padding-top:12px;
	position:relative;
	z-index:inherit;
}

ul#nav1 li b, ul#nav2 li b, ul#nav3 li b, ul#nav4 li b{
	visibility:hidden;
}

ul#nav1 li a, ul#nav2 li a, ul#nav3 li a, ul#nav4 li a{
	display:block;
	height:100%;
	width:100%;
	text-decoration:none;
}

/*for dropdowns*/
ul#nav1 li ul, ul#nav2 li ul, ul#nav3 li ul, ul#nav4 li ul{
	/*background:url(../images/rolloverListBGul.gif);*/
	font-size:12px;
	list-style: none;
	margin:0;
	padding:10px 0px 10px 10px;
	background-color:#effbd3;
	border:5px solid white;
	border-top:none;
	display: none;
	/*position: absolute;*/
}

ul#nav1 li ul li, ul#nav2 li ul li, ul#nav3 li ul li, ul#nav4 li ul li{
	background:url(../images/rolloverListBG.gif) bottom left no-repeat;
	list-style: none;
	display: block;
	position: relative;/*
	color:#000;
	padding-top:6px;
	width: 100%;*/
	margin:0;
	padding:0;
}

ul#nav1 li ul li a, ul#nav2 li ul li a, ul#nav3 li ul li a, ul#nav4 li ul li a{
	display: block;
	margin: 0;
	padding: 3px 3px;
	color: #518274;
	text-decoration:none;
	/*width: 100%;*/
}
ul#nav1 li ul li a:hover, ul#nav2 li ul li a:hover, ul#nav3 li ul li a:hover, ul#nav4 li ul li a:hover{
	color: #333;
}
ul#nav1 li ul li a.link, ul#nav2 li ul li a.link, ul#nav3 li ul li a.link, ul#nav4 li ul li a.link{
	width: 100%;
	display: block;
}

ul#nav1 li:hover ul, ul#nav2 li:hover ul, ul#nav3 li:hover ul, ul#nav4 li:hover ul{
	display:block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav1 li.over ul, * html ul#nav2 li.over ul, * html ul#nav3 li.over ul, * html ul#nav4 li.over ul,{
	display:block;
	/*z-index:40;*/
	position:absolute;
}
/* html ul#nav1 li { float: left; }
//* html ul#nav1 li a { height: 1%; }
/* End */
/*ul#nav1 li:hover ul, ul#nav2 li:hover ul, ul#nav3 li:hover ul, ul#nav4 li:hover ul, ul#nav1 li a.over ul, ul#nav2 li a.over ul, ul#nav3 li a.over ul, ul#nav4 li a.over ul{
	display:block;
}*/

li#company{
	background:url(../images/company.gif) bottom right no-repeat;
	width:108px;
	height:30px;
	float:left;
	padding-left:1px;
}
li#company ul{width:103px;}

li#furniture{
	background:url(../images/furniture.gif) bottom left no-repeat;
	width:120px;
	height:30px;
	float:left;
}
li#furniture ul{width:115px;margin-left:-2px;}

li#gardenStructures{
	background:url(../images/gardenStructures.gif) bottom left no-repeat;
	width:152px;
	height:30px;
	float:left;
}
li#gardenStructures ul{width:148px;}

li#contact{
	background:url(../images/contact.gif) bottom left no-repeat;
	width:109px;
	height:30px;
	float:left;
}

/**************************************************
4 - Middle
**************************************************/

div#middle{
	background:#ffffff;
	width:850px;
	margin-left:auto;
	margin-right:auto;
	border:5px solid white;
	z-index:5;
}

div#middleLeft{
	position:relative;
	float:left;
	width:580px;
	z-index:inherit;
}

div#middleLeft div#flash{
	height:442px;
	width:580px;
	background:url(../images/tableChairsBG.png) top left no-repeat;
	z-index:inherit;
}


div#dealerLocator{
	border-left:4px solid #a8d040;
	background:#f9feed;
	height:51px;
	width:260px;
}

div#dealerLocator h3 a{
	padding-left:40px;
	font-size:90%;
	color:#b31b34;
}

div#dealerLocator input.zipText{
	margin-left:10px;
	background:url(../images/zipFieldBG.gif) top left no-repeat;
	width:216px;
}

div#signUp input.signUpText, div#signUpWide input.signUpText{
	margin-left:10px;
	margin-right:0px;
	background:url(../images/signUpFieldBG.gif) top left no-repeat;
	width:102px;
}
div#signUp input.signUpText2, div#signUpWide input.signUpText2{
	margin-left:0px;
	background:url(../images/signUpFieldBG.gif) top left no-repeat;
	width:102px;
}

div#signUpWide{
	border-left:4px solid #a8d040;
	background:#effbd3;
	height:51px;
	width:306px;
	margin-top:5px;
	margin-left:5px;
	float:left;
}

div#middleRight{
	background:url(../images/rightColBG.jpg) top right no-repeat;
	position:relative;
	float:right;
	width:264px;
	z-index:1;
}

div#rightContent{
	padding-top:45px;
	height:284px;
}

div#rightContent h2{
	padding:18px 0px 0px 18px;
	font-size:16px;
}

div#rightContent  p{
	padding:18px 0px 0px 18px;
	width:228px;
	height:180px;
	overflow:hidden;
}

div#rightNewsRoom p, div#topSellers p, div#topSellers ul{
	padding:0px 0px 3px 10px;
}

div#topSellers{
	margin-top:6px;
	background:#effbd3;
	height:169px;
	overflow:hidden;
}

div#middleSubContent{padding:15px;}
div#middleSubContent h1{padding:20px 0px;}
div#middleSubContent h3{padding:20px 0px;}
div#middleSubContent p{padding:20px 0px;}
div#middleSubContent img{padding:20px 0px;}

/*****************************/
/*FOR LOGIN AND CONTACT PAGES*/
/*****************************/

div#subAreaBordered{
	border:1px solid #cde492;
	padding:30px;
	width:300px;
}
div#subAreaBordered h1{padding:10px 0px;}

div#subAreaBordered input{
	margin-left:0px;
	background:url(../images/signUpFieldBG.gif) top left no-repeat;
	width:102px;
	margin:10px 0px;
}

div#subAreaBordered input.submit{
	background:url(../images/searchSubmit.gif) top left no-repeat;
	width:13px;
	height:15px;
	padding:0px;
	margin-left:2px;
	border:none;
	cursor:pointer;
}

div#contactForm{
	border:1px solid #cde492;
	padding:30px;
}

div#contactForm input, div#contactForm select, div.storeLocator input{
	background-image:none;
	border:1px solid #999999;
	background-color:#efefef;
	width:300px;
	margin:5px;
	padding:inherit;
	font-size:12px;
	height:14px;
	outline:none;
	text-transform:inherit;
}

div#contactForm select, div#contactForm option{
	padding:5px;
	height:7px;
	display:block;
}
div#contactForm select, div#contactForm option {
	height:30px;
}
div#contactForm textarea{
	border:1px solid #999999;
	background-color:#efefef;
	margin:5px;
}

div#contactForm p{
	background-image:none;
	margin:0px;
	padding:6px 0px;
}

div#contactForm input.radioButton{
	background-image:none;
	width:10px;
	height:10px;
	margin:3px;
	padding:3px;
	border:0px;
}

table tr td input.partsReplace{
	width:150px;
	margin:5px;
	padding:inherit;
}

/***********************/
/*DEALER LOCATER STYLES*/
/***********************/
div.storeLocator input{
	height:18px;
	cursor:pointer;
}

/*****************/
/*SITE MAP STYLES*/
/*****************/

div#sitemap ul{
 	padding:5px 15px;
}

div#sitemap ul li ul{
	padding-left:10px;
}

/*****************/
/*STYLES FOR ECOM*/
/*****************/

div.product_text ul{
	display:inline;
	list-style:disc;
}
div.product_text ul li{
	padding-left:10px;
}

div.logIn table{
	border:none;
}

div.product_text, div.product_detail_title{
	padding-left:10px;
}


/**************************************************
6 - Footer
**************************************************/
div#footerNav{
	text-align:left;
	padding-top:15px;
	font-size:90%;
width:860px;
	padding-left:5px;
	margin-right:auto;
	margin-left:auto;
}
div#footer-left{
	float:right;
	padding-right:10px;
}
div#footerNav ul li{
	list-style:none;
	display:inline;
}
div#footerNav ul li a{
	text-decoration:none;
	color:#665d59;
	}
div#footerNav ul li a:hover{
	text-decoration:underline;
}
div#footerNav h5{
	color:#665d59;
	font-size:9px;
}

/*div#rightSide{
	position:absolute;
	width:700px;
	top:491px;
	right:-500px;
	height:20px;
	background-color:#a8d040;
	z-index:1px;
}*/