body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #3bd8ee;
}
#wrapper {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background: #5c4a3e;
}
#container {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 960px;
}

/* ------------------------------------ HEADER ---------------------------------*/
#header {
	height: 132px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#lefthead {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 132px;
	width: 688px;
}
#logo {
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 688px;
}
/* --------------------------------------------- TOP NAVIGATION  -------------------------------------*/
#nav {
	margin: 0px;
	padding-left: 39px;
	float: left;
	height: 54px;
	width: 649px;
	background: url(images/nav1.gif) no-repeat left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav ul li{
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
	position:relative;
	z-index: 1000;
}
#nav ul li a{
	padding: 0px;
	margin: 0px;
	display: inline-block;
	text-decoration: none;
	color: #9b9b9b;
}
#nav ul li .dropdown {
	position:absolute;
	display: none;
	margin: 0px;
	padding: 5px 0px 10px;
	top:54px;
	left:0;
	height: auto;
	width: 247px;
	border-top: 4px solid #36d8ee;
	border-right: 1px solid #d3cfcb;
	border-left: 1px solid #d3cfcb;
	border-bottom: 1px solid #d3cfcb;
	background: #FFFFFF;
}
#nav ul li:hover .dropdown {
	display: inline;
	}
#nav .dropdown ul li a {
	width: 237px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	display: inline-block;
	text-decoration: none;
	color: #84756b;
	display: block;
	height: 21px;
}
#nav .dropdown ul li a:hover {
	background: url(images/drop-hover_over.gif) no-repeat top left;
	display: inline-block;
	text-decoration: none;
	color: #474c45;
	display: block;
}
/*----------------------------------------- SHOPPING CART --------------------------------------*/
#cart {
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 272px;
	float: right;
	background: url(images/nav_end.gif) no-repeat right bottom;
}
#cartheader {
	background: url(images/cart_summary.jpg) no-repeat left top;
	margin: 0px;
	padding: 30px 0px 0px 100px;
	height: 48px;
	width: 104px;
}
#cartheader p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #5c4a3e;
	font-weight: bold;
}
                                               /* End Header */
/*---------------------------------------------- CONTENT ---------------------------------------------*/
#contentcontainer {
	margin: 0px;
	padding: 22px 0px 20px 15px;
	height: auto;
	width: 945px;
	background: #FFFFFF;
	clear:both;
}
#content {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: right;
	height: auto;
	width: 659px;

}
#contentheader {
	margin: 0px;
	padding: 75px 295px 0px 25px;
	height: 229px;
	width: 341px;
	background: url(images/welcome_top.jpg) no-repeat left top;
}
#contentheader p {
	color: #5c4a3e;
	font-size: 12px;
	text-decoration: none;
	padding: 10px 0px 0px;
	margin: 0px;
}
#maincontent {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 647px;
	background: url(images/main_bckgrd.gif) repeat-y;
}
#maincontent p {
	margin: 0px;
	padding: 0px;
}
.proddesc, proddesc2 {
	margin: 0px;
	padding: 0px 55px 10px 25px;
	height: auto;
	width: 567px;
}
.proddesc img{
	float: left;
}
.proddesc2 img{
	float: right;
}
.proddesc h2, .proddesc2 h2{
	margin: 0px;
	padding: 0px;
}
.proddesc h2 a, .proddesc2 h2 a  {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #3bd8ee;
	font-weight: bold;
	text-decoration: none;
}
.proddesc h2 a:hover, .proddesc2 h2 a:hover {
	text-decoration: underline;
}
.proddesc h3 {
	margin: 0px;
	padding: 10px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #f8f9e1;
}
.proddesc p, .proddesc2 p{
	font-size: 12px;
	font-weight: normal;
	color: #f8f9e1;
	margin: 0px;
	padding: 10px 0px 15px;
}
.prodescbot {
	border-bottom: 1px dotted #f8f9e1;
	margin: 0px;
	padding: 5px 0px 10px;
	clear:both;
}
#maincontentbot {
	margin: 0px;
	padding: 0px;
	width: 654px;
	background: url(images/main_bot1.gif) no-repeat left top;
	height: 23px;
}

/*  --------------------------------- SIDEBAR -------------------*/
#sidebar {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 271px;
	float: left;
	display: inline;
}
#sidebar h2 {
	padding: 0px;
	margin: 0px;
	background: url(images/widget_title.gif) no-repeat left top;
	height: 59px;
	line-height:40px;
	width: 264px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #3bd8ee;
}
#sidebar ul{
	width: 264px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	height: auto;
}
#sidebar ul li {
	margin: 0px 0px 8px 0px;
	padding: 0 0 23px;
	background: url(images/sidebar_bot.gif) no-repeat bottom left;
}
#sidebar ul li a {
	color: #49372b;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 5px 10px 0px 30px;
}
#sidebar ul li a:hover {
	padding: 5px 10px 0px 30px;
	margin: 0px;
	display: block;
	min-height: 30px;
  	height:auto !important;
  	height:30px;
	background: #3bd8ee;
}
#sidebar ul li ul {
	margin: 0px 0px 0px 1px;
	background: url(images/widget_bkgrd_rpt.gif) repeat-x #fbfbf9;
	width: 261px;
	border-left: 1px solid #aba29c;
	border-right: 1px solid #aba29c;
}
#sidebar ul li ul li {
	margin: 0px;
	padding: 0px;
	background: none;
	height: 30px;
}


/*#sidebar {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 271px;
}
#sidebar .products {
	background: url(images/gazebo_top.gif) no-repeat left top;
	margin: 0px;
	padding: 70px 0px 0px;
	height: auto;
	width: 264px;
}
#sidebar .productsmid {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	height: auto; 
	width: 261px;
	background: url(images/sidebarmid2.gif) no-repeat top left #fbfbfa;
	border-right: 1px solid #aba29c;
	border-left: 1px solid #aba29c;
}
#sidebar .productsmid ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar .productsmid ul li {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	height: 25px;
}
#sidebar .productsmid ul li a {
	color: #84756b;
	text-decoration: none;
	width: 249px;
	line-height: 27px;
	padding: 0px 0px 0px 12px;
	display: block;	
}
#sidebar .productsmid ul li a:hover {
	background: url(images/sidebarhover1.gif) no-repeat;
	color: #474c45;
}
#sidebar .productsbot {
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 264px;
	background: url(images/sidebar_bot.gif) no-repeat left top;
}
#sidebar .gallery {
	background: url(images/home_of_graphic.jpg) no-repeat left top;
	margin: 15px 0px 0px;
	padding: 105px 0px 0px 35px;
	height: 204px;
	width: 226px;
}
#sidebar .gazebonews {
	background: url(images/gazebo_new.gif) no-repeat left top;
	height: 196px;
	width: 264px;
	margin: 0px;
	padding: 0px;
}
.gazebonews ul {
	margin: 0px;
	padding: 30px 0px 0px 2px;
	list-style-type: none;
}
.gazebonews ul h2 {
	padding: 0px;
	margin: 0px;
	display: none;
}
.gazebonews  ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	height: 27px;
}
.gazebonews ul li a {
	color: #84756b;
	text-decoration: none;
	width: 255px;
	height: 27px;
	padding-left: 12px;
	display: block;
}
.gazebonews ul li a:hover {
	background: url(images/sidebarhover1.gif) no-repeat;
	color: #474c45;
	
}*/
/* --------------------------- FOOTER ---------------------------------*/
#bottomfooter {
	margin: 0px auto;
	padding: 0px;
	height: 21px;
	width: 100%;
	background: url(images/wrapper_rpt.gif) repeat-x;
	}
#contactfooter {
	background: url(images/bottom_footer.gif) no-repeat left top;
	margin: 0px auto;
	padding: 27px 0px 0px 245px;
	height: 68px;
	width: 715px;
}
#footer {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 960px;
}
#footer .botnav {
	margin: 0px;
	padding: 10px 0px 0px 30px;
	float: left;
	width: 430px;
	height: auto;
}
#footer .botnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li {
	padding: 0px 0px 10px 5px;
	margin: 0px;
	float: left;
	display: inline;
	color: #296060;
}
#footer ul li a {
	text-decoration: none;
	color: #296060;
	text-transform: uppercase;
	font-size: 10px;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer .login {
	margin: 0px;
	padding: 10px 0px 0px;
	float: right;
	height: auto;
	width: 500px;
	font-size: 10px;
	color: #296060;
}
#footer .login a {
	color: #296060;
	text-decoration: none;
}
#footer .login a:hover {
	text-decoration: underline;
}
/*------------------------------------PRODUCTS PAGE --------------------------------*/
#prodcontent {
	background: url(images/prod_bckgrd_rpt.gif) repeat-y;
	margin: 0px 0px 0px 15px;	
	padding: 0px;
	float: right;
	height: auto;
	width: 659px;
}
#productheader {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 638px;
	background: url(images/prodmain_top.gif) no-repeat left top;
}
.breadcrumbs {
	margin: 0px;
	padding: 15px 0px 0px 70px;
}
.breadcrumbs a {
	font-size: 10px;
	color: #b6aa9c;
	text-decoration: none;
}
.breadcrumbs a.currentbread   {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#productheader h2 {
	font-size: 24px;
	color: #3bd8ee;
	margin: 0px;
	padding: 20px 0px 40px 25px;
}
#prodbot {
	background: url(images/prod_bot.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 638px;
}

#productheader .proddesc h2  {
	margin: 0px;
	padding: 0px;
}
/* -------------------------------------- Main Product Page ----------------------------------------*/

#mainprodcontent {
	background: url('images/main_prod_rpt.gif') repeat-y;
	margin: 0px 0px 0px 15px;	
	padding: 0px;
	float: right;
	height: auto;
	width: 659px;
}
#mainproductheader {
	margin: 0px;
	padding: 0px;
	height: auto !important;
	min-height: 286px;
	height: 286px;
	width: 638px;
	background: url(images/product_main.gif) no-repeat left top;
}
#mainproductheader h2 {
	font-size: 24px;
	color: #3bd8ee;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 25px;
}
#mainproductheader h3 {
	font-size: 18px;
	font-weight: bold;
	color: #49372b;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#mainproductheader p {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	font-size: 12px;
	color: #49372b;
}
#mainproductheader .price {
	font-size: 18px;
	font-weight: bold;
	color: #49372b;
}
#mainproductheader .plus20 {
	font-size: 14px;
	font-weight: normal;
}
#colours {
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#colours .colours {
	margin: 0px;
	padding: 0px 5px;
}
#colourradio {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
#colourradio p {
	margin: 0px;
	padding: 0px;
}
#mainproductheader .buynow {
	margin: 0px;
	padding: 0px 330px 0px 0px;
	float: right;
}
#mainprodinfo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 305px;
}
#mainprodinfo h3 {
	font-size: 14px;
	margin: 0px;
	padding: 25px 0px 10px 25px;
	text-align: justify;
}
#mainprodinfo p {
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 0px 25px;
}
#mainproductheader .mainprodimg {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 320px;
	height: auto;
	position: relative;
}
.enlarged_image {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: -110px;
}
#thumbnail {
	margin: 180px 0px 0px;
	padding: 50px 0px 0px;
	height: 108px;
	width: 306px;
	background: url(images/other%20views.gif) no-repeat left top;
}
#thumbnail .thumbnail {
	margin: 0px;
	padding: 0px 5px;
}
#productspectop {
	background: url(images/productspecs_top.gif) no-repeat left top;
	margin: 0px;
	padding: 70px 0px 0px;
	min-height:61px;
	height:auto !important;
	height:61px;
	width: 600px;
}
#productspecbot {
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 600px;
	background: url(images/productspec_bot.gif) no-repeat left top;
}
#productspec {
	margin: 0px 0px 0px 25px;
	padding: 0px;
	background: url(images/productspec_mid.gif) repeat-y;
	height: auto;
}
#productspectop .leftspec {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 290px;
}
#productspectop .rightspec {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 310px;
}
#productspectop  li {
	font-size: 14px;
	font-weight: bold;
	color: #49372b;
}
#productheader .viewbut {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 41px;
	width: 69px;
}
#mainprodcontbot {
	background: url(images/main_prod_bot.gif) no-repeat left top;
	margin:  20px 0px 0px;
	padding:0px;
	height: 13px;
	width: 638px;
}
/*-----------------------------------------NEWS PAGE -----------------------------------------*/

#newsheader {
	background: url(images/newsheader.gif) no-repeat left top;
	margin: 0px;
	padding: 104px 0px 0px 0px;
	height: auto;
	width: 638px;
}
#newsheader h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(images/archive_header.gif) repeat-y;
	height: auto;
	font-size: 22px;
	color: #3bd8ee;
}
#newsheader .post .posthead {
	margin: 0px;
	padding: 0px;
	background: url(images/newsblogheader.gif) no-repeat top left;
	width: 638px;
	height:auto;
}
.postheadrpt {
	background: url(images/newsheadrpt.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 638px;
}
#newsheader .post h2 {
	padding: 20px 40px 0px;
	margin: 0px;
	text-align: left;
	background: none;
}
#newsheader .post h2 a{
	font-size: 18px;
	font-weight: bold;
	color: #49372b;
	margin: 0px;
	padding:  0px;
	text-decoration: none;
}
#newsheader .post h2 a:hover {
	color: #3bd8ee;
}
#newsheader .post .date {
	font-size: 10px;
	font-weight: normal;
	margin: 10px 0px 0px;
	padding: 0px 0px 10px 40px;
	color: #49372b;
}
#newsheader .post .date a {
	color: #49372b;
	text-decoration: none;
}
#newsheader .post .date a:hover {
	text-decoration: underline;
}
.postheadbot {
	background: url(images/newsheaderbot.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 638px;
}
#newsheader .entry {
	margin: 0px;
	padding: 10px 20px 30px 40px;
	height: auto;
	width: 578px;
	background: url(images/newrpt.gif) repeat-y;
}
.readmore {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: right;
}
.readmore a {
	font-size: 12px;
	text-decoration: none;
	color: #49372b;
	font-weight: bolder;
}
.newsbot {
	background: url(images/news_cont_bot.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 32px;
	width: 638px;
}

.readmore a:hover {
	text-decoration: underline;
}
#newsheader .entry p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #49372b;
	text-align: justify;
}
/*generic styles*/
.clear {
	clear: both;
	}
.alignleft {
	margin: 0px;
	padding: 0px 20px 20px 0px;
	float: left;
}
.alignright {
	margin: 0px;
	padding: 0px 0px 20px 20px;
	float: right;
}
#navigation .alignleft {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float: left;
	}
#navigation .alignleft a {
	color: #49372b;
	text-decoration: none;
}
#navigation .alignleft a:hover {
	text-decoration: underline;
}
#navigation .alignright {
	margin: 0px;
	padding: 10px 10px 0px 0px;
	float: right;
	}
#navigation .alignright a {
	color: #49372b;
	text-decoration: none;
}
#navigation .alignright a:hover {
	text-decoration: underline;
}