@charset "utf-8";

@media all
{
	body { font-family: Arial, Helvetica, sans-serif; font-size: 0.78em; color: #666; }
	textarea, select, input { color: #666; }
	textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
	h1 { color: #D93920; font-size: 1.4em; text-transform: lowercase; padding-bottom: 0.3em; border-bottom: 3px solid #00A550; margin-bottom: 1em; }
	h2 { color: #D93920; font-size: 1.1em; text-transform: lowercase; padding-bottom: 0.3em; margin-bottom: 1em; }
	h3 { color: #D93920; font-size: 1em; text-transform: lowercase; padding-bottom: 0.3em; margin-bottom: 1em; }
	h4 { color: #D93920; font-size: 0.8em; text-transform: lowercase; padding-bottom: 0.3em; margin-bottom: 1em; }
	h5 { color: #D93920; font-size: 0.8em; text-transform: lowercase; padding-bottom: 0.3em; margin-bottom: 1em; }
	h6 { color: #D93920; font-size: 0.8em; text-transform: lowercase; padding-bottom: 0.3em; margin-bottom: 1em; }
	a { color: #00A550; }
	p, ul, ol, form, table { margin-bottom: 1em; }
	p { line-height: 1.25em; }
	li { margin-left: 2em; list-style: disc; }
	ul ul { margin: 0; }
	a img { border: none; }
}

@media print
{
	#menu,
	.button,
	.productMenu,
	#podCol,
	#footerSitemapWrapper,
	#conesaLogo,
	#flashImage,
	#productPod { display: none; }
}

@media screen
{
	/****************************************************************************************************************************
	 * Global
	 ****************************************************************************************************************************/
		* { margin: 0; padding: 0; }
		body { background-color: #6D6E71; margin-left: -75px; }


	/****************************************************************************************************************************
	 * Classes
	 ****************************************************************************************************************************/
		.clearme { clear: both; width: 0; height: 0; line-height: 0; font-size: 0; }
		.menuTab { display: block; background: url(/images/menu-tabs.png) no-repeat; text-indent: -1000em; overflow: hidden; display: none; }
		.corner { width: 11px; height: 11px; background-image: url(/images/corners.png) !important; background-repeat: no-repeat; 
			background-image: url(/images/corners.gif); font-size: 0; /* IE6 fixes */ }
			.corner.blc { position: absolute; top: 215px; left: -1px; }
			.corner.brc { position: absolute; top: 215px; right: -1px; background-position: 0 -11px; }
		.miniPod { width: 182px; height: 182px; background: url(/images/mini-pod.png) no-repeat; text-align: center; }
			.miniPod h6 { line-height: 31px; padding: 0; border: none; margin-bottom: 8px; text-transform: lowercase; color: #898989; font-weight: normal; font-size: 1em; }
		.centralWrapper { position: relative; width: 902px; margin: 0 auto 0 auto; }

		.productMenu { margin: 0; padding: 0; float: left; margin: 1em 0 1em 0; width: 271px; }
			.productMenu li { width: 271px; height: 41px; list-style: none; margin: 0 0 9px 0; }
			.productMenu a { display: block; width: 271px; height: 41px; line-height: 41px; text-indent: 20px; background: url(/images/large-tabs.png) no-repeat; color: #898989; text-decoration: none; font-size: 17px; }
			.productMenu li.on a,
			.productMenu a:hover { color: #00A651; }
			.productMenu.pmLeft { margin-right: 9px; }
			.productMenu.pmLeft a { background-position: 0 0; }
			.productMenu.pmLeft li.on a,
			.productMenu.pmLeft a:hover { background-position: 0 -41px; }
			.productMenu.pmRight a { background-position: 0 -82px; }
			.productMenu.pmRight li.on a,
			.productMenu.pmRight a:hover { background-position: 0 -123px; }

		.friendlyForm { border: 1px solid #ccc; }
			.friendlyForm fieldset { border: none; margin: 0 0 1em 0; padding: 1em; }
			.friendlyForm fieldset fieldset { border: 1px solid #ccc; }
			.friendlyForm legend { font-weight: bold; color: #333; margin-bottom: 10px; }
			.friendlyForm ul, .friendlyForm ol { margin: 0; padding: 0; }
			.friendlyForm li { width: 99%; margin: 0 0 5px 0; padding: 0; list-style: none; clear: left; }
			.friendlyForm li div { position: relative; width: 250px; float: left; }
			.friendlyForm label { display: block; float: left; width: 230px; margin-right: 20px;
				display: inline; /* IE6 fix */ }
			.friendlyForm input { width: 250px; }
			.friendlyForm .button { width: 95px; }
			.friendlyForm select { width: 250px; }
			.friendlyForm textarea { width: 250px; height: 100px; }
			.friendlyForm .checkbox { width: auto; }
			.friendlyForm .radio { width: auto; }
			.friendlyForm .helper { font-size: 0.8em; color: #666; margin: 5px 0 5px 250px; display: none; clear: both; }
			.friendlyForm label.focus { font-weight: bold; color: #00A550; border: none;}
			.friendlyForm label.hidden { visibility: hidden; }
			.friendlyForm label.disabled { color: #aaa; }
			.friendlyForm .inputField { border: 1px solid #bbb; }
			.friendlyForm .inputField.focus { border: 1px solid #00A550; }
			.friendlyForm .inputField.required { background-color: #F5F5F5; }
			.friendlyForm .errorMsg { color: #D93920; font-weight: bold; }
			.friendlyForm .showHide { clear: both; margin: 0; font-size: 0.8em; text-decoration: none; }
			.friendlyForm .multiCol li { width: 220px; clear: none; float: left; padding: 0; margin: 0 20px 0 0; }
			.friendlyForm .multiCol label { width: 180px; font-size: 0.9em; }
			.friendlyForm .collapsible legend { cursor: pointer; color: #4088AA; }
			.friendlyForm .collapsible legend:hover { color: #333; }
			.friendlyForm .collapsible fieldset legend { cursor: auto; color: #333; }

		.articleList { margin: 1em 0 0 0; padding: 0; 
			position: relative; /* IE6 fix */ }
			.articleList li { margin: 0 0 0.5em 0; padding: 0.6em; border: 1px solid #ddd; list-style: none; }
			.articleList li.membersOnly a { color: #aaa; }
			.articleList li.membersOnly { color: #aaa; }
			.articleList .title { font-weight: bold; font-size: 1em; margin: 0; }
			.articleList .date { font-weight: bold; }
			.articleList .description { margin: 0; font-size: 0.85em; line-height: 1.2em; }
			
		.articleImage { float: left; margin: 0 1em 1em 0; border: 1px solid #333; }
		
		.button { border: none; display: block; text-decoration: none; background: url(/images/buttons.png) no-repeat; text-indent: -1000em; overflow: hidden; cursor: pointer; margin-top: 30px; }
			.button.enquireNow { background-position: 0 0; width: 95px; height: 20px; }
			.button.sendEnquiry { background-position: 0 -20px; width: 95px; height: 20px;
				font-size: 0; /* IE6 fix */ }
			.button.zoom { background-position: 0 -40px; width: 73px; height: 25px; }

		.videoButton { position: relative; display: block; text-decoration: none; font-size: 11px; font-weight: bold; width: 182px; height: 41px; background: url(/images/video-button.png) no-repeat; color: #008642; }
		
		.videoWrapper { border: 3px solid #00A550; }

		.footerSitemap { margin: 0; padding: 0; float: left; margin: 0 20px 1em 0; }
			.footerSitemap li { list-style: none; margin: 0; padding: 0; line-height: 1em; }
			.footerSitemap li a { font-size: 0.8em; color: #fff; text-decoration: none;  }


/****************************************************************************************************************************
	 * Layout
	 ****************************************************************************************************************************/
		#header { position: relative; height: 170px; border-top: 8px solid #DCDDDE; margin-bottom: -57px; background: url(/images/header-band.png) top repeat-x; z-index: 100; }
			#header .centralWrapper { height: 100%; background: url(/images/bendy-line.png) no-repeat bottom left; }
		#menu { position: absolute; right: 0; bottom: 65px; margin: 0; padding: 0; }
			#menu li { display: block; float: left; height: 32px; margin: 0 3px 0 0; padding: 0; }
			#menu li.last { margin: 0; }
		#menuTab1 { background-position: 0 -33px; width: 75px; height: 32px; display: block; }
			li.on #menuTab1, #menuTab1:hover { background-position: 0 0; }
		#menuTab2 { background-position: 0 -99px; width: 105px; height: 32px; display: block; }
			li.on #menuTab2, #menuTab2:hover { background-position: 0 -66px; }
		#menuTab3 { background-position: 0 -165px; width: 102px; height: 32px; display: block; }
			li.on #menuTab3, #menuTab3:hover { background-position: 0 -132px; }
		#menuTab4 { background-position: 0 -231px; width: 75px; height: 32px; display: block; }
			li.on #menuTab4, #menuTab4:hover { background-position: 0 -198px; }
		#menuTab5 { background-position: 0 -297px; width: 75px; height: 32px; display: block; }
			li.on #menuTab5, #menuTab5:hover { background-position: 0 -264px; }
		#menuTab6 { background-position: 0 -363px; width: 105px; height: 32px; display: block; }
			li.on #menuTab6, #menuTab6:hover { background-position: 0 -330px; }
		#strapline { position: absolute; top: 26px; right: 2px; width: 550px; height: 25px; background: url(/images/strapline.jpg) no-repeat; text-indent: -1000em; overflow: hidden; }
		#logo { position: absolute; top: 32px; left: 69px; z-index: 100; }
		#mainBand { position: relative; width: 100%; background-color: #fff; min-height: 400px; height: auto !important; 
			height: 400px; /* IE6 fix */ }
		#podCol { position: relative; width: 350px; height: auto !important; min-height: 65px; float: left; margin: 90px 0 1em 0; 
			height: 65px; /* IE6 fix */ }
			#podCol p { width: 182px; margin: 0 auto 1em auto; }
		#suppliersPod { margin: 2em auto 0 auto; }
			#suppliersPod h6 { margin-bottom: 15px; }
		#contentCol { position: relative; width: 552px; float: right; margin-bottom: 1em; }
		#footerBand { position: relative; background: url(/images/footer-grad.png) repeat-x top; min-height: 180px; height: auto !important; clear: both; padding-top: 30px; 
			height: 180px; /* IE6 fix */ }
		#footer { position: relative; margin: 0 auto 0 auto; padding-left: 85px; width: 817px; }
			#footer address { float: left; color: #fff; font-style: normal; font-size: 0.8em; margin: 0 3em 1em 0; }
			#footer h6 { color: #fff; border: none; text-transform: none; }
		#footerDetailsWrapper { position: relative; float: left; width: 450px; }
		#footerSitemapWrapper { position: relative; float: right; margin: 0 90px 1em 0; padding-left: 1em; border-left: 1px solid #fff; width: 250px; 
			display: inline; /* IE6 fix */ }
		#copyright { color: #bbb; font-size: 0.8em; line-height: normal; clear: both; }
			#copyright a { color: #bbb; }
		#conesaLogo { position: absolute; top: 30px; right: 0; }
		#roundedCornerFrame { position: relative; margin-bottom: -225px; width: 552px; height: 225px; background-image: url(/images/rounded-corner-frame.png) !important; background-repeat: no-repeat;
			background-image: url(/images/rounded-corner-frame.gif); /* IE6 fix */ }
		#mainImage, #flashImage { margin-bottom: 1.8em; } 
		#yearSelector { font-size: 0.9em; }
			#yearSelector li { margin: 0 0.3em 0.4em 0; padding: 0 0.3em 0 0; list-style: none; border-right: 1px solid #ddd; float: left; }
			#yearSelector a { text-decoration: none; }
			#yearSelector a:hover { text-decoration: underline; }
			#yearSelector a.on { font-weight: bold; }
		#zoomButton { position: absolute; z-index: 100; bottom: 1px; right: 1px; }
		#productDetailsColumn { position: relative; width: 360px; margin-right: 20px; float: left; }
		#productPod { position: relative; float: right; width: 150px; background: url(/images/product-pod-back.png) repeat-y; margin-right: -9px; }
			#productPod h6 { width: 100%; height: 25px; background: url(/images/product-pod-header.png) no-repeat; text-indent: -1000em; overflow: hidden; }
			#productPod ol { width: 100%; background: url(/images/product-pod-footer.png) no-repeat bottom; margin: 0; padding: 0 0 30px 0; }
			#productPod li { margin-left: 30px; }
			#productPod a { font-size: 0.8em; }
			#productPod a.on,
			#productPod a:hover { color: #D93920; }
			#productPod a.on { font-weight: bold; }

	#videoButton { width: 155px; height: 35px; line-height: 13px; padding: 7px 20px 0 7px; margin-top: 2em; }
	#mapWrapper { position: relative; width: 550px; height: 350px; border: 1px solid #CCCCCC; margin-bottom: 1em; }
	#gMapBubble { width: 250px; height: 120px; font-size: 11px; line-height: 11px; }

}