/*----The Lanes Health and Beauty CSS----
------clearbytes.co.uk------
------18/05/07--------*/


body {
    margin: 0;
    padding: 0;
    font-size: 0.80em;
    text-align: center;
    font-family: verdana, arial, sans-serif;
	background: #fff5dc;
    }


body a img {
    border: none;
}


img{
	display: block;
}


h1 a{
	float:left;
  	margin: 20px 0 0 0;
   	padding: 0;
	background: url(img/logo.gif) no-repeat left top;
	width: 396px;
	height: 43px;
	text-indent: -9999px;
}


h2 {
	font-size: 1.6em;
	margin: 0 0 20px 0;
	padding: 0;

	font-weight: normal;
}
	


h3 {
	font-size: 1.1em;
	margin: 0 0 20px 0;
	padding: 0;

	font-weight: normal;
}




h4 {
   font-size: 0.9em;
   margin: 0;
   padding: 0;
	font-weight: normal;
}





p {
   font-size: 0.8em;
   margin: 0 0 25px 0;
   padding: 0;
line-height: 1.4em;
}




/*----- wrap ------*/

#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 770px;
}






/*----- navigation ------*/


#navigation{
	float: left;
	width: 770px;
	font-size: 9px;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	background: #000;
}

* html #navigation{
	font-size: 70%;
}


#navigation li{
	float: left;
	margin: 0px 10px;
	color: #fff5dc;
}

* html #navigation li{
	margin: 0px 9px;
}

#navigation li a{
	font-weight: bold;
	text-decoration: none;
	color: #fff5dc;
}


#navigation li a:hover,
#navigation li .here{
	color: #fff;
}



/*----- homecontent ------*/

#homecontent{
	float:left;
	width: 770px;
	background: #000;
	}


#homecontent .contentleft{
	float: left;
	width: 255px;
	}

#homecontent .img2{
	margin-left: 54px;
}

#homecontent .contentright{
	float: right;
	width: 515px;
	padding-bottom: 10px;
	}




/*----- drakescontent ------*/

#drakescontent{
	float:left;
	width: 770px;
	background: #ffedc6;
	border-bottom: 10px solid #000;
	}


#drakescontent .contentleft{
	float: left;
	width: 225px;
	color: #60513A;
	font-size: 90%;
	}

#drakescontent .contentleft p{
	text-align: center;
}

#drakescontent .contentleft img{
	margin: 80px 0 15px 15px;
}

#drakescontent .contentleft a{
	text-decoration: none;
	color: #60513A;
}

#drakescontent .contentleft span{
	color: #c90016;
	font-weight: bold;
}



#drakescontent .contentright{
	float: right;
	width: 545px;
	}


/*----- brightoncontent ------*/

#brightoncontent{
	float:left;
	width: 770px;
	background: #D5D0CD;
	border-bottom: 10px solid #000;
	text-transform: uppercase;
	}


#brightoncontent .contentleft{
	float: left;
	width: 568px;
	color: #60513a;
	}


#brightoncontent .contentleft h2{
	background: url(img/brighton_h2.gif) no-repeat left bottom;
	padding-top: 25px;
	width: 419px;
	height: 37px;
	text-indent: -9999px;
}

#brightoncontent .contentleft p{
	margin: 0 40px 15px 40px;
	line-height: 1.6em;
}


#brightoncontent .contentleft p a{
	color: #60513a;
}

#brightoncontent .contentright{
	float: right;
	width: 202px;
	padding-top: 135px;
	color: #fff;
	background: url(img/brighont_bkg_left.jpg) no-repeat left top;
	height: 410px;
	}


#brightoncontent .contentright p{
	margin: 0 12px 20px 12px;
	font-size: 80%;
	letter-spacing: 1px;
}

#brightoncontent .contentright p a{
	color: #fff;
}


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

#content{
	float:left;
	width: 770px;
	background: #feebbd;
	border-bottom: 10px solid #000;
	}

#contentblock{
	float: left;
	width: 409px;
}

* html #contentblock{
	width: 406px;
}

#content .contentleft{
	float: left;
	width: 366px;
	height: 452px;
	margin: 45px 10px 0 35px; 
	padding-bottom: 5px;
	}

* html #content .contentleft{
	margin: 45px 5px 0 12px; 
}


#content .contentleftabout{
	float: left;
	width: 379px;
	margin: 25px 20px 0 20px; 
	padding-bottom: 5px;
	}

* html #content .contentleftabout{
	margin: 25px 0px 0 10px; 
}


#content .contentleftabout p{
	margin: 0 0 15px 0;
}


#content .contentleftabout p a{
	color: #000;
	text-decoration: none;
}


#content .contentleftabout p a:hover{
	text-decoration: underline;	
}



#content .product{
	float: left;
	width: 366px;
	margin: 0 0 20px 0;
	padding: 0;
}

#content .product h4{
	margin: 0;
	padding: 0;
}

#content .product p{
	margin: 0;
	padding: 0;
}

#content .product_left{
	float: left;
	width: 320px;
}


#content .controls{
	width: 100%;
	font-size: 80%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#content .controls li{
	display: block;
	margin: 0 15px 3px 0;
	padding: 0;
}
	

#content .controls li a{
	padding: 2px 15px 2px 0;
	color: #000;
	text-decoration: none;
	background: url(img/next.gif) no-repeat right 3px;
}


#content .controls li .previous{
	background: url(img/previous.gif) no-repeat right 3px;
}


#content .pricelist{
   font-size: 0.8em;
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .pricelist li{
	margin-bottom: 6px;
}


#contentright{
	float: right;
	width: 361px;
	}


#content .pricelist{
   font-size: 0.8em;
	margin: 0;
	padding: 0;
	list-style: none;
	
}

#content .pricelist dt{
	margin: 0 0 12px 0;
	float: left;
	width: 80%;
}


#content .pricelist dd{
	margin: 0 0 12px 0;
	float: right;
	width: 20%;
}

#content .pricelist2{
   float: left;
   	width: 100%;
   font-size: 0.8em;
	margin: 0;
	padding: 0 0 30px 0;
	list-style: none;
	
}

#content .pricelist2 dt{
	margin: 0 0 0 0;
	float: left;
	width: 320px;
}


#content .pricelist2 dd{
	margin: 0 0 0 0;
	float: left;
}

#content .nopadding{
	margin: 0;
	padding: 0;
}


#registered{
	float: left;
	width: 300px;
}


#registered p{
	float: right;
	width: 120px;
	padding-top: 15px;
}


#registered img{
	float: left;
	width: 146px;
}


/*----- logos ------*/

#logos{
	float: left;
	width: 770px;
	margin: 0;
	padding: 15px 0 30px 0;
}

#logos li{
	float: left;
	list-style: none;
	margin: 0 52px 0 0;
	padding: 0;
}

#logos .last{
	margin: 0;
}



/*----- gallery ------*/


#gallery{
	float: left;
	width: 379px;
	list-style: none;
	margin: 0;
	padding: 0;
}
	

#gallery li{
	float: left;
	border: 1px solid #000000;
	background: #ffffff;
	padding: 3px;
	margin-right: 9px;
}


#gallery .last{
	margin-right: 0px;
}