/* CSS Document */
.clearfix:after {
  content: "."; /* This dot is the actual appended content */
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */ 

html, body, ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
height: auto;

}
#header h1 {
	text-indent: -3000px;
	font-size: 10px;
}	
body{
	color:#666666;
	font-family:"Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/background.jpg);
}

#wrapper{
	width: 756px;
	margin:10px auto;
	text-align:left;
	background-image: url(images/wrapperback.jpg);
}
#footer {
	height: 56px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: both;
}

#header {
	height: 188px;
	background-image: url(images/header.jpg);
	width: 756px;
}
#maincontent {
	margin-top: 5px;
	width: 756px;
}
/* ---------------------------------------------------------------------------topnav---------------------------------------------- */
#topnav {
	background-image: url(images/topnav.gif);
	height: 48px;
	background-repeat: no-repeat;
	text-align: center;
	width: 756px;
}
/* ---------------------------------------------------------------------------laundry button-------------------------------------------- */
.laundry {

	margin-top: 13px;
	float: left;
	margin-left: 90px;
	_margin-left: 45px;
}
.laundry a:link, .laundry a:active, .laundry a:visited {
	width: 135px;
	height: 22px;
	background-image: url(images/laundry_up.gif);
	background-repeat: no-repeat;
	display: block;
}
#topnav h2 {
	text-indent: -3000px;
}

.laundry a:hover, .laundry a:focus {
	background-image: none;
	cursor:pointer;
}

/* ---------------------------------------------------------------------------kitchen button---------------------------------------------- */

.kitchen {

	margin-top: 13px;
	float: left;

}
.kitchen a:link, .kitchen a:active, .kitchen a:visited {
	width: 132px;
	height: 22px;
	background-image: url(images/kitchen_up.gif);
	background-repeat: no-repeat;
	display: block;
}
.kitchen a:hover, .kitchen a:focus {
	background-image: none;
	cursor:pointer;
}

/* ---------------------------------------------------------------------------kitchen garden button---------------------------------------------- */

.kitchengarden {

	margin-top: 13px;
	float: left;

}




.kitchengarden a:link, .kitchengarden a:active, .kitchengarden a:visited {
	width: 190px;
	height: 22px;

	background-image: url(images/kitchen_garden_up.gif);
	background-repeat: no-repeat;
	display: block;
}
.kitchengarden a:hover, .kitchengarden a:focus {
	background-image: none;
	cursor:pointer;
}

/* ---------------------------------------------------------------------------garage button---------------------------------------------- */
.garage {

	margin-top: 13px;
	float: left;

}
.garage a:link, .garage a:active, .garage a:visited {
	width: 122px;
	height: 22px;
	background-image: url(images/boot_room_up.gif);
	background-repeat: no-repeat;
	display: block;
}
.garage a:hover, .garage a:focus {
	background-image: none;
	cursor:pointer;
}


/* -----------------------------------------------------------------------left content---------------------------------------------- */
#leftcolumn {
	width: 180px;
	margin-left: 24px;
	_margin-left: 12px;
	float: left;
}
.border {
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #666;
}

/* -----------------------------------------------------------------------leftnav---------------------------------------------- */
#leftnav {
	float: left;
	margin-top: 5px;
	width: 180px;
	margin-bottom: 20px;
}


#leftnav h2 {
	background-image: url(images/leftnavheader.jpg);
	text-indent: -2000px;
	height: 31px;
}
#leftnav ul{
	background-image: url(images/leftnavback.jpg);
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0;
	margin-right: 0;

}
#leftnav ul li{
	padding: 0;
	margin: 0;
	background-image: url(images/buttonback.jpg);
	list-style-type: none;
	min-height: 100%;
}
#leftnav ul li a{
	color: #5B2C18;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	display: block;
	background-image: url(images/buttonback.jpg);
	padding-right: 0px;
	padding-left: 5px;
	list-style-type: none;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFE9EB;

} 
#leftnav ul li a:hover, #leftnav ul li a:focus{
	color: #FFFFFF;
	background-color: #8A4E36;

}
#leftnav h6 {
	background-image: url(images/leftnavfooter.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	text-indent: -3000px;
	margin: 0px;
	padding: 0px;
	font-size: 2px;
}
/* ----------------------------------------------------- Content ---------------------------------------------- */
#content {
	float: left;
	margin-top: 5px;
	width: 510px;
	background-image: url(images/contentback.jpg);
	background-position: left bottom;
	margin-left: 16px;
	text-align: left;
	margin-bottom: 10px;
}



.heading {
	background-image: url(images/contentheader.jpg);
	background-repeat: no-repeat;
	padding-top: 19px;
	padding-bottom: 20px;
	font-size: 20px;
	text-align: center;
	color: #5B2C18;
	font-style: italic;
	margin-bottom: 10px;
	font-weight: bold;
}
.homeimage {
	border: 1px solid #B6CEFB;
	margin: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#content h2 {
	font-size: 18px;
	color: #713824;
	padding-left: 15px;
	padding-bottom: 6px;
}
#content h4 {
	font-size: 14px;
	padding-bottom: 6px;
	padding-left: 15px;
	color: #333333;
}
#content h1 {
	font-size: 18px;
	padding-left: 15px;
	padding-bottom: 6px;
	color: #333333;
}

#content h3 {
	font-size: 14px;
	text-align: left;
	padding-left: 15px;
	font-weight: normal;
	padding-right: 15px;
	padding-bottom: 6px;
	color: #333333;
}
#content h5 {
	padding-bottom: 6px;
	padding-left: 15px;
	color: #5B2C18;
	font-size: 14px;
}
#content p, #content form p {
	padding-bottom: 8px;
	padding-left: 15px;
	font-size: 16px;
	color: #000000;
	padding-right: 15px;
}
#content li {
	color: #000000;
}

#content ol {
	padding-left: 36px;
	padding-bottom: 8px;
}


#content ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

#content h6 {
	background-image: url(images/contentfooter.jpg);
	background-position: left bottom;
	text-indent: -3000px;
	font-size: 10px;
	clear: both;
}

#content table {
	margin-left: 10px;
}

/* ------------------------------------------------------------------------item---------------------------------------------- */
#content .item {
	width: 446px;
	background-color: #f4f3f1;
	border: 1px solid #e3e1df;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.image {
	height: 120px;
	width: 120px;
	float: right;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 8px;
	background-repeat: no-repeat;
	border: solid 1px #000;
}
.largeimage {
	width: 200px;
	float: right;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 8px;
	background-repeat: no-repeat;
	border: solid 1px #000;
}
#newsletter {
	width: 180px;
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-color: #F0ECE3;
	clear: both;
	background-image: url(images/joinback.jpg);
	background-position: bottom;
	padding-bottom: 10px;
}
.justprod h4 {
	color: #773C26;
	padding: 0px;
}
.justprod {
	float: left;
	width: 118px;
	margin-left: 6px;
	_margin-left: 4px;
	text-align: center;
	border: 1px solid #BDB6AC;
	padding-bottom: 6px;
}
.homehead {
	font-size: 14px;
	color: #7C3C23;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 40px;
}
.divheading {
	height: 34px;
	background-color: #f5f0ec;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BDB6AC;
	padding-top: 4px;
	padding-bottom: 4px;
}
.justprod a:link, .justprod a:visited, .justprod a:active {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	
}
.justprod a:hover , .justprod a:focus {
		text-decoration: underline;
}


.justprod img {
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #333;
}




.detail {
	width: 300px;
	float: left;
}
.proddetail {
	width: 220px;
	float: left;
	}
.detail h4, .proddetail h4{
	color: #5E2E1A;
	font-size: 15px;
	font-weight: bold;
	padding-left: 10px;
}
.detail p, .proddetail p {
	font-size: 14px;
	color: #333333;
	padding-top: 5px;
	padding-left: 10px;
}
.sep {
	clear: both;
	width: 400px;
	margin-top: 5px;
}
#content .seperator {
	width: 100%;
	clear: both;
	background-image: url(images/seperator.gif);
	text-align: center;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
}


#footer p {
	color: #666666;
	text-align: center;
	padding-top: 12px;
	font-size: 12px;
}



.price {
	font-weight: bold;
	color: #000000;
}
.basket {
	padding-top: 10px;
	padding-left: 10px;
}
.moreinfo {
	padding-top: 10px;
	padding-left: 30px;
}














/* ------------------------------------------------------------------ content div---------------------------------------------- */

#basket {
	clear: left;
	background-image: url(images/leftnavback.jpg);
}
#basket h2 {
	background-image: url(images/basketheader.jpg);
	text-indent: -3000px;
	height:31px;
}
#basket p {
	font-size: 13px;
	color: #333333;
	padding-left: 15px;
	padding-top: 6px;
	padding-right: 15px;
}
#basket h6 {
	background-image: url(images/leftnavfooter.jpg);
	background-position: bottom;
	font-size: 2px;
	height: 10px;
	text-indent: -2000px;
}
/* ------------------------------------------------------------------ Contact Form --------------------------------------------- */
#content fieldset {
	width: 450px;
	border: 1px solid #DBCAB6;
	padding: 7px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 0px;
}

#content fieldset table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 5px;
	margin-left: 20px;
	width: 400px;
}

#content fieldset input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #DDCCB8;
	padding: 2px;
	background-color: #F2EDE7;
}

#content fieldset textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #DBCAB6;
	padding: 2px;
	background-color: #F2EDE7;
	width: 235px;
}

#content legend {
	color: #79402C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

#rightcolumn {
	display: none;
}
#content a:link, #content a:visited, #content a:active {
	color: #622E19;
	text-decoration: none;
}
#content .shop {
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	margin-top: 13px;
	margin-bottom: 8px;
}
#content .shop .tableheader {
	color: #5B2C1A;
	background-color: #ECE9D8;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
}
.ship {
	width: 465px;
	border: 1px solid #CCCCCC;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 20px;
	background-color: #efecdd;
	margin-bottom: 13px;
}
.bigger {
	color: #77402B;
}

.ship p {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: -20px;
	padding-bottom: 0px;
	margin-left: -8px;
}

.right {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.rightandbottom {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}


#content a:hover, #content a:focus {
	text-decoration: underline;
}
#login {
	width: 225px;
	float: left;
	margin-left: 20px;
	background-color: #fbf9f8;
	border: 1px solid #cccccc;
}
#login h2 {
	background-color: #F1EDE4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
#login form {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#login .username {
	width: 100px;
}


#register {
	width: 225px;
	float: left;
	margin-left: 20px;
	background-color: #fbf9f8;
	border: 1px solid #cccccc;
}
#register h2 {
	background-color: #F1EDE4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
}
#register form {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#register .username {
	width: 100px;
}

.smalltable {
	font-size: 14px;
}
#newsletter h3 {
	color: #602E1B;
	font-size: 16px;
	font-weight: bold;
	background-image: url(images/joinUsHeader.jpg);
	background-repeat: no-repeat;
	height: 32px;
	text-indent: -3000px;
}
#newsletter p {
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
	padding-bottom: 5px;
}
.emailbox {
	width: 85px;
}

#newsletter #form1 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}


.small {
	font-size: 75%;
}
.button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #783E27;
}
div.left_product {
	width: 150px;
	background-color: #FEFEFE;
	text-align: center;
	float: left;
	margin-left: 13px;
	_margin-left: 9px;
	margin-right: 13px;
	_margin-right: 9px;
	border: 1px solid #DCCBB7;
	margin-bottom: 11px;
	min-height: 230px;
}
.left_product h4 {
	height: 48px;
	background-color: #F1EDE4;
	padding-top: 6px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCCBB7;
	color: #7A3F29;
}

.right_product h4 {
	height: 48px;
	background-color: #F1EDE4;
	padding-top: 6px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCCBB7;
	color: #7A3F29;									
}


.justprod h4 {
	height: 48px;
	background-color: #F1EDE4;
	padding-top: 6px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCCBB7;
	color: #7A3F29;									
}
.bottomGap {
	margin-bottom: 5px;
	border: 1px solid #773D26;
}


div.right_product {
	width: 150px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #DCCBB7;
	border-left-color: #DCCBB7;
	background-color: #FEFEFE;
	text-align: center;
	float: left;
	margin-right: 13px;
	_margin-right: 9px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #DCCBB7;
	border-right-color: #DCCBB7;
	margin-bottom: 11px;
	min-height: 230px;
	display: block;
}
#leftnav li ul {     position: absolute;     width: 170px; left: -999em; margin-top:-25px; margin-left: 170px; } 
#nav li:hover ul, #nav li.sfhover ul {     left: auto; top: auto; }