/*////////////////////////////
	 MAIN COLOURS
	
	#5DA22F;  LIGHT GREEN 
	#3E830F;  DARK GREEN
	#825F13;  BROWN
	#BFD11A;  LIME GREEN
	#F4F1D4   CREAM MENU TEXT COLOUR
	
////////////////////////////*/

body {
    font-family: arial, helvetica, sans serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: small;
	color: #333;	
	/*color: #3e830f; green*/
	background: #C6DF96 url(images/pagebackground.gif) repeat-x top left;
}

#wrapperbackground {
	position: relative;
	min-height: 500px;
	max-height: 100%;
	width: 1199px; /* was 1099 */
	margin: auto;	
	background:  url(images/page-back.gif) no-repeat top left;
}



#wrapper {
	position: relative;
	width: 893px; /* was 793 */ 
	margin-left: auto;
	margin-right: auto;
	top: 5px;

}

/*////////////////////////////
	HEADER AREA
////////////////////////////*/


#header{
	width: 720px; /* was 620 */
	background:  url(images/header.gif) no-repeat bottom left;
	height: 157px;
	padding: 0;
	margin: 0;
	float: left;
}

#header a:link, #header a:visited, #header a:hover, #header a:active{
	text-decoration: none;
}

.logo{
	padding: 55px 0px 0px 34px;
	margin: 0;
}

.contactdetails{
	padding: 64px 34px 0px 0px;
	margin: 0;
	text-align: right;
	float: right;
}


.telephone{
	font-family: arial, helvetica, sans serif;
	font-size: large;
	color: #BFD11A; /* LIME GREEN */
	}

.topphoto{
	margin: 0;
	padding: 54px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/*////////////////////////////
	SIDE COLUMN - MENU AREA
////////////////////////////*/

#sidecolumn{
	width: 173px;
	font-size: small;
	float: right;
	margin: 0;
	padding: 20px 0px 0px 0px;
}

#basket{
	background:  url(images/shopiing_background.gif) no-repeat top right;
	font-size: 90%;
	width: 173px;
	height: 71px;
	margin: 0;
	padding: 0;
}

#basket p{
	padding: 26px 5px 5px 55px;
	margin: 0;
	line-height: 150%;
	color: #3E830F;
}

#basket a:link, #basket a:visited, #basket a:hover, #basket a:active{
	text-decoration: none;
	font-size: 80%;
}


#menu{
	width: 173px;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

.menuitem{
	color: #F4F1D4; /* cream */
	font-weight: bold;
	width: 173px;
	padding: 0px;
	height: auto;
	margin: 0;
	border-bottom: 2px solid #BAD88B;
}

.menuitem p{
	margin: 0;
	padding: 0;
}

.menuitemdark{
	font-family: arial, helvetica, sans serif;
	font-weight: bold;
	width: 160px;
	padding: 0px;
	color: #F4F1D4; /* CREAM */
	height: auto;
	padding: 3px 0px 3px 13px;
	background: #3E830F url(images/menu_corner.gif) no-repeat top left;/* DARK GREEN */
	margin: 0;
	border-bottom: 2px solid #BAD88B; /* GREEN */
}

.menuitemdark p{
	margin: 0;
	padding: 0;
}

.menuitem a{
	color: #F4F1D4; /* cream */
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 13px;
	background: #5DA22F;/* light green */
	width: 160px;
}

.menuitem a:hover{
	color: #F4F1D4; /* cream*/
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 13px;
	background: #3E830F;/* dark green */
	width: 160px;
}

.menuitem a:visited{
    color: #F4F1D4;  /* cream */
	text-decoration: none;
	display: block;
	padding: 3px 0px 3px 13px;
	/*background: #5DA22F;  light green */
	width: 160px;
}


#leafs{
	width: 173px;
	height:  184px;
	margin: 0;
	padding: 0;
	background: #5DA22F url(images/side_menu_photo.gif) no-repeat top left;
}



/*////////////////////////////
	CONTENT
////////////////////////////*/

#content{
	background:  #fff url(images/content_background.gif) repeat-y top left;
	width: 720px; /* was 620 */
	min-height: 560px;
	max-height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

*HTML #content{ height: 500px;}

.contentbackground{
	background:  url(images/content_background2.gif) no-repeat top left;
	width: 720px; /* was 620 */
	min-height: 560px;
	max-height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

*HTML .contentbackgrond{ height: 560px;}

.contenttext{
	padding: 10px 30px 30px 30px;
	margin: 0px 0px 20px 0px;
}

.subline{
	font-size: x-small;
	margin: 0px 0px 10px 0px;

}
		
/*////////////////////////////
	FOOTER & COPYRIGHT
////////////////////////////*/

#footer{
	width: 720px; /* was 620 */
	height: 106px;
	margin: 0;
	padding: 0;
	background: url(images/footer.gif) no-repeat top left;
	float: left;
}

.footerlogos{
	padding: 15px 0px 0px 30px;
}

#copyright{
	width: 710px; /* was 610 */
	height: 50px;
	color: #3E830F;
	margin: 0;
	padding: 5px 0px 10px 0px;
	float: left;
	text-align: right;
	font-size: x-small;
}

									

/*////////////////////////////
	HEADINGS
////////////////////////////*/

h1{
	font-family: arial, times new roman, sans serif;
	color: #825F13;/*brown*/
	font-size: large;
	font-weight: normal;
	margin-top: 0px;
}


h2{
	font-family: arial, helvetica, sans serif;
	color: #825F13;/* brown */
	font-size: medium;
	font-weight: bold;
}  

h3{
	font-family: arial, helvetica, sans serif;
	color: #825F13;/* brown*/
	font-size: small;
	font-weight: bold;
} 


/*////////////////////////////
	LINKS
////////////////////////////*/
a{
	color: #825F13; /* brown*/
	text-decoration: underline;
}

a:visited{
    color: #825F13; /* brown*/
	text-decoration: underline;
}

a:hover{
    color: #825F13;  /* brown*/
	text-decoration: none;
}



/*////////////////////////////
	OTHER
////////////////////////////*/

img{ 
	border: none;
}

.right{
	float: right;
	margin-left: 20px;
}

.left{
	margin-right: 20px;
	float: left;
}

ul{
	list-style-type: image;
	list-style-image:    url(images/bulletpoint.gif);
}

.small{
	font-size: x-small;
}

.red{
	color: #CC0000;
	font-weight: bold;
}

.setwidth{
	width: 146px;
}

#productslist{
	font-size: 90%;
}

.browntext{
	font-size: 80%;
	color: #825F13;
}

/*////////////////////////////////////////
	SEARCH BAR AT TOP OF PAGE
//////////////////////////////////////////*/

#searchwebsite{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: right;
}
.searchbox{
	border: 2px solid #BFD11A;
	font-size: x-small;
	margin: 0px 0px 0px 0px;
	color: #5DA22F;
	width: 125px;

}

#searchbutton{
	width: 20px;
	padding: 2px 0px 0px 0px;
	margin: 0;
}

.searchbutton{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
/*////////////////////////////////////////
	INDIVIDUAL PRODUCT AND TEXT UNDER IT
//////////////////////////////////////////*/

.lefttable{
	display: inline;
	float: left;
	padding: 0px;
	margin-bottom: 3px;
	margin-right: 2px;
	width: 160px; /* was 180px */
}

.lefttable td{
	width: 160px; /* was 180px */
	vertical-align: middle;
}


.imageheight{
	height: 154px; /* was 154px */
	border: 1px solid #F4F1D4; /* #825F13*/
}

.title{
	height: 65px;
	width: 160px; /* was 165px */
	background-color: #F4F1D4;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 15px;
}

/*////////////////////////////
	PRODUCT DETAIL PAGE
////////////////////////////*/

#productimages{
	width: 280px;
	padding: 3px;
	margin: 0;
}

#thumbrow{
	width: 280px;
}

#producttext{
	width: 260px;
	float: right;
}

#producttext ul{
	margin-left: 20px;
	padding: 0;
}

#producttext li{
	margin-left: 0px;
}

#producttext h2{
	margin-bottom: 0;
}

.outofstock
{
	font-size: 80%;
	color: #999;
	margin-bottom: 0;
	padding-bottom: 0;
}

.outofstockpara{
	margin-top: 0;
	padding-top: 0;
}

.collection{
	margin-bottom: 0;
	padding-bottom: 0;
}

.collectionpara{
	margin-top: 0;
	padding-top: 0;
}

#relatedproductsborder{
	/*border: 2px solid #BFD11A;*/
	width: 556px;
	height: auto;
	float: left;
}

#relatedproductsborder h2{
	/*padding: 10px 0px 0px 10px;*/
	padding: 3px 0px 3px 10px;
	background: #F4F1D4;/* cream */
	color: #825F13;/*brown*/
}

#description{
	width: 560px;
	margin: 20px 0px 20px 0px;

}

#description h2{
		padding: 3px 0px 3px 10px;
		background: #F4F1D4;/*cream*/
}

.homebutton{
	vertical-align: middle;
}

/* image gallery settings */

.block
{
	width: 133px;
	float: left;
	background-color: #FEFCDF;
}

.imggallrg
{
	border: 1px solid #000;	
}

#search_table
{
		/* used for uc_search */
		/*border: 1px solid #5DA22F;*/
		background: #F4F1D4;
		margin-bottom: 10px;
}

.searchsubmit{
		background: #5DA22F;
		font-weight: bold;
		font-size: x-small;
		color: #fff;
		border: 1px solid #5DA22F;
}

.searchclear{
		background: #BFD11A;
		font-weight: bold;
		font-size: x-small;
		color: #fff;
		border: 1px solid #BFD11A;
}

.basket
{
	border: 1px solid #3E830F;
}

.basketheader td
{
	background-color: #3E830F;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

.basketcell td
{
	border: 1px solid #3E830F; 
	padding: 3px;
}

.totals
{
	border: 1px solid #3E830F;
	border-collapse: collapse;
}

.totals th
{
	background-color: #3E830F;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 3px;
}

.totals td
{
	border: 1px solid #3E830F; 
	padding: 3px;
	padding-left: 10px;
	text-align: right;
}

.right
{
	float: right;
	padding-left: 8px;
	padding-bottom: 8px;
}

.productimageborder
{
	border: 1px solid #3E830F;
	padding: 4px;
}

.goright
{
	float: right;
	padding-left: 10px;
}
