@charset "utf-8";
/* Created by Jonathan Moore
On 21st July 2008
For West Midlands Media
 */
ul, li {margin:0px; padding:0; padding-left:12px;}
ul {display:block; clear:both;}

a {outline:none;}

body {
	/*background:url(../images/header2.jpg);
	background-repeat:no-repeat;
	background-position:45px 0px;*/
	background-color:#babcbe;
	padding:0;
	margin:0 auto;
}

#container {
	width:852px;
	padding:0;
	margin:10px auto;
	background-repeat:repeat;
}

/*header styles*/

#header {
	background:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:127px;
	width:852px;
	margin:0 auto;
	display:block;
	clear:both;
}

#image-header {
	background:url(../images/img-bg.jpg);
	background-repeat:repeat-y;
	width:852px;
	height:234px;
	display:block;
	clear:both;
	padding:0;
	margin:0 auto;
}

#image-header #image {
	background-image:url(../images/heading-image.jpg);
	background-repeat:no-repeat;
	width:842px;
	height:234px;
	display:block;
	clear:both;
	margin:0 auto;
	padding:0;
}

#contentarea {
	background:url(../images/bg.jpg);
	background-repeat:repeat;
	float:left;
	display:block;
	padding:0px;
	width:852px;
	margin:0 auto;
}

/*navigation styles*/

#navigation {
	background-color:#8bc53f;
	padding:0;
	margin:0 0 0 5px;
	display:block;
	float:left;
	width:191px;
	border-right:solid 1px #A8D46F;
}

*html #navigation {margin:0 0 0 3px;width:189px;
}

/*main navigation styles*/

#navigation #link {
	background-image:url(../images/link-bg.jpg);
	background-repeat:no-repeat;
	height:36px;
	width:189px;
	padding:0;
	margin:0 auto;
	list-style-type:none;
	text-align:left;	
}


#navigation #link a {
	background-image:none;
	width:149px;
	height:29px;
	display:block;
	clear:both;
	padding:7px 0 0 40px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#navigation #link a:hover {
	background:url(../images/current-link.jpg);
	background-repeat:no-repeat;
	background-position:8% 30%;
	width:149px;
	height:29px;
	display:block;
	padding:7px 0 0 40px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;	
}

#navigation #link a.current, #navigation #link a.current:hover {
	background:url(../images/current-link.jpg);
	background-repeat: no-repeat;
	background-position:8% 30%;	
}

/*sub navigation styles*/
#navigation #link2 {
	background-image:url(../images/link-bg2.jpg);
	background-repeat:no-repeat;
	height:36px;
	width:191px;
	margin:0 auto;
	list-style-type:none;
	text-align:justify;
	clear:both;
}

*html #navigation #link2{
	background-image:url(../images/link-bg2.jpg);
	background-repeat:no-repeat;
	height:29px;
	width:192px;
	float:left;
	margin:0 auto;
	list-style-type:none;
	text-align:justify;
}

#navigation #link2 a {
	background-image:none;
	width:129px;
	height:29px;
	display:block;
	clear:both;
	padding:7px 0 0 60px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}


#navigation #link2 a:hover {
	background:url(../images/current-link-2.jpg);
	background-repeat:no-repeat;
	background-position:17% 40%;
	width:129px;
	height:29px;
	display:block;
	padding:7px 0 0 60px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;	
}

#navigation #link2 a.current, #navigation #link2 a.current:hover {
	background:url(../images/current-link-2.jpg);
	background-repeat: no-repeat;
	background-position:17% 40%;	
}

#sub-nav{
	margin:0;
	padding:0;
	display:none;
	
}

*html #sub-nav{
	margin:0 auto;
	padding:0;
	float:left;
}

/*home page content styles*/

#homepage-content {
	margin:10px 0 0 0;
	padding:0 0 20px 20px;
	float:left;
	width:630px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#top-content {
	margin:0;
	padding:10px 0 20px 0;
	display:block;
	float:left;
	width:610px;
	border-top:dotted #A6A6A6;
	border-bottom:dotted #A6A6A6;
	position:relative;
}

.content-heading {
	background-image:url(../images/content-green-header.jpg);
	background-repeat:no-repeat;
	margin:12px 0 12px 0;
	padding:0;
	padding:4px 0 0 12px;
	display:block;
	float:left;
	width:598px;
	height:19px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
}

#homepage-content #text {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:610px;
	line-height:20px;
	color:#7C7C7C;
}

#homepage-content #text a {color:#7c7c7c; text-decoration:none;}
#homepage-content #text a:hover {text-decoration:underline;}

/*START OF STANDARD PAGE GALLERY STYLES*/
#brentwin-images-holder {
	margin:0;
	margin-top:12px;
	padding:0;
	display:block;
	float:right;
	width:171px;
}

#brentwin-images-holder #large-image {
	background-image:url(../images/gallery-image-holder-bg.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:171px;
	height:171px;
}

#brentwin-images-holder #large-image a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:163px;
	height:163px;
}

#brentwin-images-holder #large-image img {
	margin:4px 0 0 4px;
	padding:0;
	display:block;
	float:left;
	width:163px;
	height:163px;
}

*html #brentwin-images-holder #large-image img {margin-left:2px;}

#brentwin-images-holder #thumbnail-holder {
	margin:0;
	margin-left:-2px;
	padding:0;
	display:block;
	clear:both;
	width:171px;
	height:350px;
}

#brentwin-images-holder #thumbnail-holder .thumbnail {
	background-color:#000000;
	background-repeat:no-repeat;
	margin:4px 0 0 4px;
	padding:5px;
	display:block;
	float:left;
	width:71px;
	height:71px;
}

*html #brentwin-images-holder #thumbnail-holder .thumbnail {margin-left:2px;}

#brentwin-images-holder #thumbnail-holder .thumbnail a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:71px;
	height:71px;
}

#brentwin-images-holder #thumbnail-holder .thumbnail img {
	margin:0 auto;
	padding:0;
	display:block;
	clear:both;
	width:71px;
	height:71px;
}
/*END OF STANDARD PAGE GALLERY STYLES*/
#products-holder {
	margin:0;
	margin-left:-15px;
	padding:0;
	display:block;
	float:left;
	width:610px;
}

#homepage-content .new-product {
	background-image:url(../images/product-image-old.jpg);
	background-repeat:no-repeat;
	height:171px;
	width:171px;
	margin:10px 0 0 30px;
	padding:0;
	float:left;
}

#homepage-content .new-product a {
	
	padding:0;
	float:left;
	margin:8px auto;
	padding-left:30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

.home-product {
	margin:2px 0 0 2px;
	padding:0;
	float:left;
	display:block;
	width:167px;
	height:135px;
}

*html .home-product {margin-left:1px;}

.home-product img {
	margin:0;
	padding:0;
	float:left;
	display:block;
	width:167px;
	height:135px;
}

.home-product a.image-link {
	margin:0 !important;
	padding:0 !important;
	display:block;
	float:left;
	width:167px;
	height:135px;
}

/*product page styles*/ 	
#productpage-content {
	margin:10px 0 0 0;
	padding:0 0 20px 20px;
	float:left;
	width:630px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/*product page left styles*/ 

#productpage-content #left {
	margin:0 auto;
	padding:0;
	display:block;
	float:left;
	width:251px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}


#productpage-content #left #product-image {
	background-image:url(../images/product-image.jpg);
	background-repeat:no-repeat;
	height:258px;
	width:225px;
	margin:36px auto 30px 0;
	padding:0;
	float:left;
}

#productpage-content #left #product-image img {

	width:221px;
	height:221px;
	margin:2px 0 0 2px;
	padding:0;
	float:left;
	display:block;
}

*html #productpage-content #left #product-image img {margin:2px 0 0 1px;}

#productpage-content #left #product-image #title {
	
	padding:0;
	width:135px;
	height:20px;
	margin:9px 0 0 30px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	float:left;
}

*html #productpage-content #left #product-image #title {margin:9px 0 0 16px;}

#productpage-content #left #type {
	margin:0 auto;
	clear:both;
	display:block;
}

/*product page right styles*/ 

#productpage-content #right {
	margin:-10px auto;
	padding:0;
	display:block;
	float:left;
	width:320px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

*html #productpage-content #right {margin:-3px auto;}

#productpage-content #right .product-header {
	background-image:url(../images/product-header.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:4px 0 0 12px;
	display:block;
	float:left;
	width:308px;
	height:19px;
	color:#ffffff;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}


#productpage-content #right  .text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	margin:0 0 12px 14px;
	padding:0;
	float:left;
}

/*START OF GALLERY PAGE STYLES*/
#gallery-images-container {
	margin:10px 0 0 0;
	padding:0 0 20px 14px;
	display:block;
	float:left;
	width:636px;
}

#gallery-image-holder {
	background-image:url(../images/gallery-image-holder-bg-small.jpg);
	background-repeat:no-repeat;
	margin:6px 0 0 6px;
	padding:0;
	display:block;
	float:left;
	width:140px;
	height:106px;
	border:3px solid #000000;
}
/*END OF GALLERY PAGE STYLES */

/* Contact Page Styles */

#contact-col {
	margin:0;
	padding:12px 0 0 30px;
	display:block;
	float:left;
	width: 350px;
}

#contact-box {
	margin:-2px 0 0 250px;
	padding:0;
	display:block;
	width:310px;
	color:#7c7c7c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:0;
}

#contact-box #input-box {
	margin-bottom:8px;
	text-align:left;
	width:383px;
	padding:5px 0 5px 5px;
}

#contact-box #input-box label {
	display:block;
	float:left;
	width:140px;
}

#contact-box #input-box textarea {
	overflow:hidden;
	width:201px;
	*width:207px; 
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#contact-box .submit {margin-left:145px;}


/*footer styles*/

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-y;
	width:852px;
	height:69px;
	margin:0 auto;
	padding:0;
	float:left;
	color:#ffffff;
}

#footer #footer-logo {
	background-image:url(../images/footer-logo.jpg);
	background-repeat:no-repeat;
	margin:25px 0 0 46px;
	padding:0;
	display:block;
	width:117px;
	height:26px;
	position:absolute;
}


#footer #address {
	width:auto;
	height:21px;
	margin:25px auto auto 297px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
}

#footer #links {
	margin:55px 0 0 0;	
	padding:0;
	display:block;
	clear:both;
	width:852px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

#footer #links a {color:#ffffff; text-decoration:none;}
#footer #links a:hover {text-decoration:underline;}

#footer-2 {
	background-image:url(../images/footer-2.jpg);
	background-repeat:no-repeat;
	width:852px;
	height:17px;
	margin:0 auto;
	padding:0;
	float:left;
	color:#ffffff;
}

#wmm-links {
	margin:12px auto;
	padding:0;
	display:block;
	clear:both;
	width:210px;
	height:12px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#wmm-links a {color:#ffffff;}
#wmm-links a:hover {text-decoration:underline;}
	
/*ie6 image bug fix*/

*html img {
margin-bottom:-4px;
}

/*page heading styles*/


h1, .page-heading {
	font-family:Arial, Helvetica, sans-serif;
	color:#8BC53F;
	font-weight:bold;
	font-size:22px;
	margin:0 auto 5px auto
}

.page-heading {margin-top:12px;}

h2{
	font-family:"Arial Rounded MT Bold";
	color:#8BC53F;
	font-weight:bold;
	font-size:22px;
	margin:5px 0 17px 0;
}

img{margin:0 auto;}

.clear {
 width:0px;
 height:0px;
 padding:0;
 margin:0;
 line-height:0;
 font-size:0;
 clear:both;
}