/*

style sheet containing styles specific to index page
/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

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

a:hover {color: #5a80bf;}

/*---------------

PAGE STRUCTURE

---------------*/

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	/*width: 760px;*/
	width: 860px;
}

#top {
	background: url(/images/home/top.jpg) transparent no-repeat 0 30px;
	float: left;
	/*width: 760px;*/
	width:860px;
}

/*--product boxes appearing in #left--*/
#left {
	background: url(/images/home/left.jpg) transparent no-repeat top left;
	float: left;
	padding: 351px 0 0 0;
	text-align: left;
	/*width: 239px;*/
	width: 270px;
}

#left div {
	border: 1px solid #CFD3A0;
	border-right: 1px solid #B8BA8C;
	border-bottom: 1px solid #B8BA8C;
	float: left;
	font-size: 12px;
	height: 179px;
	margin: 4px 0 0 0;
	overflow: hidden;
	padding: 5px 85px 5px 5px;
	width: 145px;
}

#left #furniture {
	background: url(/images/home/fine-furniture.jpg) #F4F1E2 no-repeat bottom right;
	height: 139px;
	width: 176px;
}

#left #furniture p {height: 109px;}

#left #rustic {
	background: url(/images/home/rustic.jpg) #F4F1E2 no-repeat top right;
	height: 219px;
	padding-right: 5px;
	/*width: 225px;*/
	width: 256px;
}

#left #rustic p {height: 189px;}


#right {
	float: left;
	text-align: left;
	width: 521px;
}

/*--product boxes appearing in #right--*/
#right div {
	background: url(/images/home/gazebo.jpg) #F4F1E2 no-repeat top right;
	border: 1px solid #CFD3A0;
	border-right: 1px solid #B8BA8C;
	border-bottom: 1px solid #B8BA8C;
	float: left;
	font-size: 12px;
	height: 140px;
	margin: 4px 0 0 0;
	overflow: hidden;
	padding: 5px 180px 5px 5px;
	/*width: 333px; */
	width: 402px;
}

#right div p {
	height: 110px;
}

#right #gazebos {background-image: url(/images/home/gazebo.jpg);}
#right #playhouses {background-image: url(/images/home/playhouse.jpg);}
#right #lawn-furn {background-image: url(/images/home/lawn-furniture.jpg);}
#right #lawn-orn {background-image: url(/images/home/lawn-orn.jpg);}
#right #home-acc {
	background-image: url(/images/home/accents-new.jpg);
	height: 101px;
	padding: 5px 220px 5px 5px;
	/*width: 293px;*/
	width: 362px;
	
}

#right #home-acc p {height: 70px;}

#footer {
	float: right;
	font-size: 10px;
	margin-bottom: -10px; /*fixes IE6 bug*/
	padding: 10px 0 20px 0;
	text-align: center;
	/*width: 760px;*/
	width: 860px;
}

#footer p{
	display: inline;
}

/*---------------

NAVIGATION

---------------*/

#top ul {
	float: left;
	font-size: 11px;
	height: 23px;
	padding: 7px 0 0 0;
	text-align: right;
	width: 550px;
}


#top ul li {
	border-right: 1px solid #000;
	display: inline;
	list-style-type: none;
	padding: 0 5px;
}

#top ul li a {
	text-decoration: none;
}

#top ul li#cart {border: 0;}

#top ul li#cart a { 
	background: url(/images/nav/cart.gif) transparent no-repeat top left;
	padding: 0 0 0 22px;
}

/*--second line of nav--*/
#top ul#products {
	font-size: 12px;
	height: 21px;
	padding: 9px 0 0 0;
	/*width: 760px;*/
	width:860px;
	font-weight: bold;
}

#top ul#products li {
	padding: 0 10px;
	/*padding: 0 4px;*/
}

#top ul#products li.end-item {border:0;}

#top form {
	float: right;
	height: 25px;
	overflow: hidden;
	padding: 5px 0 0 0;
	width: 200px;
}

#top form input { 
	background-color: #eee;
	float: left;
	font-size: 12px; 
	height: 14px;
	width: 135px;
}

#top form input#button {
	float: right;
	height: 25px;
	overflow: hidden;
	position: relative;
	top: -4px;
	left: 2px;
	width: 55px;
}

/*---------------

HEADERS

---------------*/

h2 {
	font-size: 1em;
}


/*---------------

IMAGES

---------------*/

#top img {
	float: left;
}

#support-bar
{
  font-size: 12px;
  text-align: right;

}
#support-bar img
{
  border: 0;
  vertical-align: middle;
  margin-left: 10px;
}
#support-bar a
{
  text-decoration: none;
  color: #000;
}
#support-bar a:hover
{
  text-decoration: underline;
}
#support-bar .questions 
{
  font-weight: bold;
}