﻿body 
{
    font-family: Arial, 'HelveticaNeue-Roman', Helvetica, Tahoma, Verdana, sans-serif;  
    font-size: 130%; 
    color: Black;
    margin: 36px 0px 0px 0px;
    text-align: center;
}
p#wai {
          position: absolute;
          top: -1px;
          left: -1px;
          width: 1px;
          height: 1px;
          overflow: hidden;
}

.fontSizing { color: green; }
	.fontSizing em { font-style: normal;  }

a { text-decoration: none; color: #006e2b; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }

a#pageTitleLink { text-decoration: none; font-weight: normal; }

#alignRight { text-align: right; }
	#alignRight #ctl00_ContentPlaceHolderRightColumn_reaMiniPostcodeSearch_btnSearch { margin-top: 5px; }

img { border: none; }

hr { color: #006e2b; height: 1px; }
	hr.postCodeSearch { color: #cecece; height: 1px; }

dt, dd { float: left; }
	dt { width: 110px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	dd { width: 265px; font-size: 90%; padding: 10px 0px 10px 5px; margin: 0px 0px 0px 0px; }

h2 { color: #006e2b; font-size: 120%; }

ul.content {  }
	ul li { list-style-image: url(/img/bullet-arrowright.gif); padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#container { width: 960px; margin: 0px auto 0px auto; text-align: left; }

#header #logo { float: left; }
#header #pageTitle { float: right; font-size: 400%; color: Green; font-weight: normal; padding-top: 24px; }

ul#topNav { list-style-type: none; width: 960px; padding-left: 0px; margin-left: 0px; margin-bottom: 2px; }
				
/* Each navigation item */
#topNav li
{
	float: left;
	font-size: 90%; 
	font-weight: bold;
	text-transform: uppercase;
	background-color: Black;
	display: inline;
	text-align: center;
}
		/* IE 7 only */  
		*:first-child+html #topNav li { width: 159px; }
		/* Modern browsers only (not IE 7)  
		html>/**/ body #topNav li { width: 160px; } 


		
#topNav a, #topNav em 
{
	 width: 160px; 
	display: block;
	font-style: normal;
	color: white;
	/* To give the height */
	padding: 0.5em 0 0.4em 0;
	border-right: solid 2px #ffffff;
	font-style: normal;
	text-decoration: none;
}
		/* Modern browsers only (not IE 7) */
		html>/**/ body #topNav a, html>/**/ body #topNav #topNav em { width: 159px; }		

		#topNav a { background-color: black; }
		#topNav a:hover { color: white; background-color: green; text-decoration: none; }
		#topNav em { background-color: green; }

h1 { clear:left; font-size: 130%; color: #006e2b; text-transform: uppercase; }
	/* Modern browsers only (not IE 7)  */
	html>/**/body h1 { padding-top: 20px; }

#mainContent { background-color: #cde1d5; padding: 20px 0px 0px 0px; width: 960px; }

	#mainContent #contentCurve { vertical-align: bottom; }
	#leftContent, #rightContent { position: relative; float: left; }
		#leftContent h1, #rightContent h1, #leftContentFull h1 { padding-top: 0px; margin-top: 0px; }
	#leftContent { width: 700px; background-color: #ffffff;  margin: 0px 7px 0px 20px; padding: 20px 20px 20px 20px; display: inline;  }
		/* Modern browsers only (not IE 7)  */
		html>/**/body #leftContent { width: 660px; padding: 20px 20px 20px 20px; margin: 20px 5px 0px 20px; }
	#leftContentFull { width: 920px; background-color: #ffffff; margin-right: 5px; margin-left: 20px; padding: 20px 20px 20px 20px; }
		/* Modern browsers only (not IE 7)  */
		html>/**/body #leftContentFull { width: 880px; margin: 30px 7px 0px 20px; }
		
	#logos { border-top: 1px solid #d3dcd7; border-bottom: 1px solid #d3dcd7; padding: 5px 10px 5px 14px; margin: 20px 10px 0px 10px; }

	#rightContent {}
		/* Modern browsers only (not IE 7)  */
		html>/**/body #rightContent { margin: 19px 0px 0px 0px; }
		.rhBox { width: 210px; margin: 0px 0px 5px 0px; }
			.title { background-color: #bcbdc1; color: #3d3d3d; margin: 0px 0px 0px 0px; padding: 5px 12px 5px 12px; font-weight: bold; }
            .content { background-color: #ffffff; color: #3d3d3d; margin: 0px 0px 0px 0px; padding: 12px 12px 12px 12px; }
			/* Modern browsers only (not IE 7)  */
			html>/**/body .content { background-color: #ffffff; color: #3d3d3d; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; }
			html>/**/body .rhBox ul { margin: 0px 0px 0px 8px; }
            
#footer{ clear:left; margin: 0px 0px 0px 20px; }
#footer p { font-size: 70%; color: Gray; padding-right: 10px;}
#footer ul {list-style-type: none; margin-left: 0px; font-size: 70%; margin-top: -10px;}
	html>/**/body #footer ul { margin-left: -40px; margin-top: 0px;}
#footer li { float: left; margin-right: 10px; vertical-align: bottom;  }

#bdmTwoColLeft, #bdmTwoColRight { position: relative; float: left; } 
	#bdmTwoColLeft h1, #bdmTwoColRight h1 { padding-top: 0px; margin-top: 0px; }
#bdmTwoColLeft { width: 410px; padding: 0px 8px 0px 0px; margin: 0px 0px 0px 0px; }
	html>/**/body #bdmTwoColLeft { width: 380px; }
	#bdmTwoColLeft input#ctl00_Postcodesearch1_txtPostcode, input#ctl00_ContentPlaceHolderLeftColumn_uctProductLookup_txtCode, #rightContent input#ctl00_ContentPlaceHolderRightColumn_reaMiniPostcodeSearch_txtPostcode { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #9d9d9f; height: 22px; }

		#rightContent input#ctl00_ContentPlaceHolderRightColumn_reaMiniPostcodeSearch_txtPostcode { width: 135px; height: 22px; }
	#bdmTwoColLeft #ctl00_Postcodesearch1_btnPostcodeSearch, #ctl00_ContentPlaceHolderLeftColumn_uctProductLookup_btnLookup { vertical-align: bottom; margin-bottom: 1px; }
		/* Modern browsers only (not IE 7)  */
		html>/**/body #bdmTwoColLeft #ctl00_Postcodesearch1_btnPostcodeSearch, html>/**/body #bdmTwoColLeft #ctl00_ContentPlaceHolderRightColumn_reaMiniPostcodeSearch_btnSearchm, html>/**/body #ctl00_ContentPlaceHolderLeftColumn_uctProductLookup_btnLookup { margin-bottom: 0px; }
#bdmTwoColRight { width: 470px; border-left: 1px solid #006e2b; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; }
	
	.twoColBoxHome, .twoColBoxl, .twoColBoxr { position: relative; float: left; }
		.twoColBoxHome p, .twoColBoxl p, .twoColBoxr p { margin-top: 0px; padding-top: 5px; }
		.twoColBoxHome p { margin-bottom: 0px; padding-bottom: 5px; }
		.twoColBoxHome h1, .twoColBoxl h1, .twoColBoxr h1 { color: #006e2b; text-transform: uppercase; font-size: 130%; }

		.twoColBoxHome { width: 305px; padding: 10px 10px 10px 10px; margin: 20px 2px 0px 10px; border-top: 1px solid #d3dcd7;  }
			/* Modern browsers only (not IE 7)  */
			html>/**/body .twoColBoxHome { width: 285px; padding: 10px 10px 0px 10px; margin: 10px 5px 0px 15px; }
			.twoColBoxHome h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

		.twoColBoxl, .twoColBoxr { width: 320px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
			.twoCcolBoxl { margin: 0px 20px 0px 0px; }
			.twoColBoxl h1, .twoColBoxr h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
