﻿html 
{
    overflow-y: scroll; /*ALWAYS SHOW SCROLLBAR / GOOGLE CHROME, FF AND SAF */
}
	body {
		
		margin: 0 auto;
		text-align: center;
		font-family: 'Trebuchet MS', Arial;
		z-index: -30;
	}
	
	/*MAIN OUTER WRAPPER*/
	
	#wrapper
	{
		margin-top: 10px;
		margin-left: -426px;
		position: absolute;
		left: 50%;
		width: 910px;	
		/*background: url('../images/bg-windmill.jpg') no-repeat;*/
		z-index: 0;
	}
	
	/*TOP BANNER*/
	#topBanner
	{
		width: 910px;
		height: 66px;
	}
	#topBannerLeft
	{
		float: left;
		width: 263px;
		height: 66px;
	}
	#topBannerRight
	{
		text-align: right;
		float: right;
		width: 229px;
		height: 66px;
	}
	/*END TOP BANNER*/
	
	/*NAVIGATION BAR*/
	
	#navigationBar
	{
		text-align: left;
		width: 910px;
		height: 27px;
		background: url("../images/topbar.jpg") no-repeat;
	}
	#navHolder
	{
		position: absolute;
		width: 500px;
		height: 27px;
		top: 73px;
		left: 20px;
		list-style: none;
		z-index: 100px;
	}
	.navListItemSelected
	{
		float: left;
	}
	
	.homeTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 63px;
		height: 27px;
	}
		.homeTabSelected
		{
			float: left;
			width: 63px;
			height: 27px;
			background: url("../images/buttons/home-tab-selected.jpg") no-repeat;
		}
	.aboutTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 73px;
		height: 27px;
	}
	.aboutTabSelected
		{
			float: left;
			width: 73px;
			height: 27px;
			background: url("../images/buttons/about-tab-selected.jpg") no-repeat;
		}
	.ourworkTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 78px;
		height: 27px;
	}
	.ourworkTabSelected
		{
			float: left;
			width: 78px;
			height: 27px;
			background: url("../images/buttons/retail-tab-selected.jpg") no-repeat;
		}
	.stockTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 91px;
		height: 27px;
	}
		.stockTabSelected
		{
			float: left;
			width: 91px;
			height: 27px;
			background: url("../images/buttons/stock-tab-selected.jpg") no-repeat;
		}
	.auctionTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 73px;
		height: 27px;
	}
		.auctionTabSelected
		{
			float: left;
			width: 73px;
			height: 27px;
			background: url("../images/buttons/about-tab-selected.jpg") no-repeat;
		}

	.contactTab
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 83px;
		height: 27px;
	}
		.contactTabSelected
		{
			float: left;
			width: 83px;
			height: 27px;
			background: url("../images/buttons/contact-tab-selected.jpg") no-repeat;
		}
	.selectedContainer
	{
		text-align: center;
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		color: #2D3791;
		padding-top: 9px;
	}
	a.navLink
	{
		color: #666666;
		text-decoration: none;
	}
	a.navLink:hover
	{
		color: #2D3791;
		text-decoration: none;
	}
	
	.secondaryNavigation
	{
		padding-bottom: 0px;
	}
	.epdmButtons
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: center;
		width: 63px;
	}
	.epdmButtonAbout
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		font-weight: bold;
		float: left;
		padding-top: 9px;
		text-align: left;
		width: 93px;
	}
	.epdmButtonSelected
		{
			color: #2D3791;
		}
	
	/*END NAVIGATION BAR*/
	
	/*INNER WRAPPER*/
		
		.topInnerWrapper
		{
			height: 7px;
			width: 910px;
			background: url("../images/topbar-top.jpg") no-repeat;
		}
		#innerWrapper
		{
			background: url("../images/sidesBg.jpg") repeat-y;
			width: 910px;
		}
		#contentHolder
		{
			float: left; /*FF, SAF, OP*/
			clear: both; /*FF, SAF, OP*/
			#clear: none; /*IE*/
			#float: none; /*IE*/
			margin-left: 5px; /*FF, SAF, OP*/
			#margin-left: 0px; /*IE*/
			width: 900px; /*IE*/
			background: url("../images/pageBg.jpg") no-repeat top;
			margin-bottom: 15px;
		}
		#contentLeft
		{
			text-align: left;
			font-family: 'Trebuchet MS', Arial;
			font-size: 11px;
			margin-top: 10px;
			#margin-top: 20px;
			float: left;
			width: 700px;
			
			/*border: 1px solid #ccc;*/
			margin-left: 20px;
		}
		h1.mainPageTitle
		{
			color: #2D3791;
			font-family: 'Trebuchet MS', Arial;
			font-weight: bold;
			font-size: 20px;
			letter-spacing: -1px;
		}
		.greenLine
		{
			margin-top: -3px; /*FF, SAF, OP*/
			#margin-top: -10px; /*IE*/
			background-color: #666666;
			font-size: 0.01px;
			height: 1px;
			width: 680px;
		}
		.mainPageText
		{
			
			font-family: 'Trebuchet MS', Arial;
			font-size: 13px;
		}
		.mainPageGallery
		{
			font-family: 'Trebuchet MS', Arial;
			font-size: 13px;
			padding-left: 8px;
		}
		.bottomInnerWrapper
		{
			height: 8px;
			width: 910px;
			background: url("../images/bottomBg.jpg") no-repeat;
		}
	/*END INNER WRAPPER*/
	
	/*RETAIL LIST*/
	.mainFeaturedWrapper
	{
		margin-top: 15px;
	}
	.featuredHolder
	{
		padding-bottom: 3px;
		padding-right: 5px;
		width: 300px;
		float: left;
	}
	.featuredPic
	{
		width: 150px;
		float: left;
	}
	.featuredInnerHolder
	{
		float: left;
	}
	.featuredText
	{
		clear: left;
		padding: 10px 5px 5px 5px;
		font-family: 'Trebuchet MS', Arial;
		font-size: 12px;
		color: #666666;
	}
	.featuredRef
	{
		padding-left: 5px;		
		font-family: 'Trebuchet MS', Arial;
		font-size: 12px;
		color: #666666;
	}
	.featuredButton
	{
		padding-top: 3px;
	}
	.featuredPrice
	{
		float: left;
		padding-left: 5px;
		font-family: 'Trebuchet MS', Arial;
		font-size: 16px;
		color: #006600;
		font-weight: bold;
		text-align: left;
	}
	.featuredSides
	{
		min-height: 90px;
		width: 300px;
		background: url("../images/featured-sides.jpg") repeat-y;
	}
	.featuredInner
	{
		padding: 5px;
	}
	.viewAllButton
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		width: 600px;
		text-align: right;
	}
	.viewAllButton a
	{
		text-decoration: none;
		color: #666666;
	}
	.viewAllButton a:hover
	{
		text-decoration: none;
		color: #006600;
	}
	.middlePanelHolder
	{
		width: 660px;
		margin-left: 40px;
		margin-top: 10px;
	}
	.innerPageHolder
	{
		margin-left: -8px;
		text-align: left;
		width: 700px;
		margin-top: 10px;
	}
	.innerPageHolderEpdm
	{
		margin-left: -8px;
		text-align: left;
		width: 700px;
		margin-top: 5px;
	}
	.middlePanelSides
	{
		min-height: 300px;
		background: url("../images/sides-middle-panel.jpg") repeat-y;
	}
	.innerPageSides
	{
		width: 700px;
		background: url("../images/innerPage-Box-Sides.jpg") repeat-y;
	}
	.innerInnerPageSides
	{
		width: 660px;
		margin-left: 10px;
		padding: 5px 10px 5px 10px;
	}
	.retailList
	{
		width: 620px;
		margin-top: -5px;
		margin-left: 40px;
		padding-Bottom: 5px;
	}
	.retailListContact
	{

		padding-top: 10px;
		width: 620px;
		margin-left: 10px;
		padding-Bottom: 5px;
	}
	.noStamps
	{
		padding-top: 10px;
		font-family: 'Trebuchet MS', Arial;
		font-size: 16px;
		color: #006600;
		font-weight: bold;
	}
	.noItems
	{		
		font-family: 'Trebuchet MS', Arial;
		font-size: 12px;
		color: #006600;
		font-weight: bold;
		padding-bottom: 8px;
	}
	.retailSectionName
	{
		font-weight: bold;
		padding: 5px;
		width: 400px;
		font-family: 'Trebuchet MS', Arial;
	}
	.auctionMainSectionName
	{
		font-weight: bold;
		padding-left: 10px;
		width: 400px;
		font-family: 'Trebuchet MS', Arial;
	}
	.auctionIcon
	{
		width: 50px;
	}
	.auctionSectionName
	{
		font-weight: bold;
		padding-left: 10px;
		text-align: right;
		font-family: 'Trebuchet MS', Arial;
	}
	.auctionSectionText
	{
		font-weight: bold;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		font-family: 'Trebuchet MS', Arial;
		width: 240px;
	}
	.auctionSectionRef
	{
		font-weight: bold;
		padding-right: 10px;
		padding-left: 20px;
		width: 50px;
		font-family: 'Trebuchet MS', Arial;
	}
	.auctionSectionPicture
	{		
		width: 75px;
		text-align: center;
	}
	.auctionSectionPicture2
	{		
		width: 50px;
		text-align: center;
	}
	.pictureBorder
	{
		padding: 3px;
	}
	.pictureBorderGallery
	{
	    float: left;
	    margin-top: 5px;
	    margin-right: 4px;
	    border: 1px solid #bbb;
	    padding: 3px 3px 3px 3px;
	}
	.pictureBorderGalleryLarge
	{
	    margin-top: 10px;
	    border: 1px solid #bbb;
	    padding: 3px 3px 3px 3px;
	    #padding: 3px 3px 0px 3px;
	}
	.pictureBorderGallery2
	{
	    float: left;
	    margin-top: 5px;
	    margin-right: 4px;
	    border: 1px solid #bbb;
	    padding: 3px 3px 0px 3px;
	}
	.ourWorkLink
	{
	    float: right;
	    margin-right: 10px;
	}
	
	.bidForm2
	{	
		width: 600px;
		text-align: right;
	}
	 .bidForm2 a
	{
		text-decoration: none;
		color: #666666;
	}
	.bidForm2 a:hover
	{
		text-decoration: none;
		color: #006600;
	}
	.viewAuctionDetailsPic
	{
		padding: 5px;
	}
	.viewAuctionDetailsText
	{
		padding-top: 10px;
	}
	.viewAuctionDetailsPrice
	{
		float: left;
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		color: #666666;
		font-size: 14px
	}
	.viewAuctionDetailsSent
	{
		float: left;
		font-family: 'Trebuchet MS', Arial;
		color: #666666;
		font-size: 13px
	}
	.viewAuctionDetailsRef
	{
		font-family: 'Trebuchet MS', Arial;
		color: #666666;
		font-size: 13px;
		clear: both;
	}
	.viewAuctionDetailsDesc
	{
		font-family: 'Trebuchet MS', Arial;
		color: #666666;
		font-weight: bold;
		font-size: 14px;
		clear: both;
	}
	.viewAuctionDetailsBid
	{
		float: right;
		text-align: right;
	}
	.horRule
	{
		width: 510px;
		clear: both;
	}
	.auctionBid
	{
		width: 100;
		text-align: center;
		padding-right: 20px;
	}
	.auctionSmallPic
	{
		border: 1px solid #ccc;
		padding: 2px;
	}
	.auctionSectionPrice
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		color: #666666;
		font-size: 14px;
		padding-Left: 5px;
		padding-right: 5px;
		width: 100px;
		text-align: center;
	}
	.auctionSectionPrice2
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		color: #666666;
		font-size: 14px;
		padding-Left: 5px;
		padding-right: 5px;
		width: 100px;
		text-align: left;
	}
	.retailSectionPrice
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		color: #666666;
		font-size: 14px;
		padding-right: 5px;
	}
	.sectionName
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		color: #666666;
		font-size: 16px;
		padding-top: 5px;
	}
	.retailSectionName a, .bidForm2 a
	{
		text-decoration: none;
		color: #666666;
	}
	.retailSectionName a:hover, bidForm2 a:hover
	{
		text-decoration: none;
		color: #006600;
	}
	.auctionSectionName a, .auctionSectionRef a
	{
		text-decoration: none;
		color: #666666;
	}
	.auctionSectionName a:hover, .auctionSectionRef a:hover
	{
		text-decoration: none;
		color: #006600;
	}
	.auctionMainSectionName a
	{
		text-decoration: none;
		color: #666666;
	}
	.auctionMainSectionName a:hover
	{
		text-decoration: none;
		color: #006600;
	}
		
	/*END RETAIL LIST*/
	
	/*RIGHT PANELS*/
	#rightPanels
	{
		font-family: 'Trebuchet MS';
		font-size: 11px;
		margin-top: 25px;
		float: right;
		width: 174px;
		padding-right: 5px;
	}
	#rightPanel1
	{
		text-align: left;
		width: 168px;
	}
	#rightPanel2
	{
		text-align: left;
		width: 168px;
	}
	#rightPanel3
	{
		text-align: center;
		width: 168px;
	}
		.logoSpacer
		{
			background: url("../images/logoSpacer.jpg") no-repeat;
			height: 7px;
			width: 161px;
			margin-bottom: 5px;
		}
	#rightPanel4
	{
		text-align: left;
		width: 168px;
	}
	#rightPanel5
	{
		text-align: left;
		width: 229px;
	}

	.panelsInner
	{
		width: 200px;
	}
	.rightPanelTop
	{
		width: 229px;
	}
	.rightPanelTopQuote
	{
		background: url("../images/request-brochure-top.png") no-repeat;
		height: 50px;
		width: 168px;
	}
	.rightPanelSides
	{
		float: left;
		clear: both;
		padding-left: 10px;
		padding-right: 15px;
		width: 168px;
		background: url("../images/box-sides.png") repeat-y;
	}
	.insideLeft
	{
		padding-top: 10px;
		width: 90px;
		float: left;
	}

	.brochureRequestSpacer
	{
		font-size: 0.01px;
		#height: 24px;
		#height: 18px;
	}
	/*CONTACT PAGE*/
	#contactPageLeft
	{
		width: 360px;
		float: left;
	}
	#contactPageRight
	{
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		width: 210px;
		padding-left: 10px;
		float: left;
	}
	
	.contactForm
	{
		width: 380px;
		margin-left: 10px;
	}
	.bidForm
	{
		width: 450px;
		margin-left: 30px;
	}
	.formLabel, .formInput
	{
		display: block;
		width: 200px;
		float: left;
		margin-bottom: 5px;
		font-weight: bold;
	}
	.formInputPostcode
	{
		display: block;
		width: 100px;
		float: left;
		margin-bottom: 5px;
		font-weight: bold;
	}
	.formLabel 
	{
		text-align: right;
		width: 125px;
		padding-right: 10px;
	}
	.newBreak
	{
		clear: left;
	}
	fieldset
	{
		padding: 5px;
	}
	.formButtons
	{
		font-weight: normal;
		padding-left: 135px;
	}
	.formButtonsAuction
	{
		font-weight: normal;
		padding-left: 165px;
	}
	.contactTitle
	{
		font-family: 'Trebuchet MS', Arial;
		color: #2D3791;
		font-size: 16px;
	}
	.emailTitle2
	{
	    float: right;
	    margin-right: 8px;
	}
	a.emailTitle
	{
		font-size: 13px;
		color: #666666;
		text-decoration: none;
	}
	a.emailTitle:hover
	{
		font-size: 13px;
		color: #2D3791;
		text-decoration: none;
	}
	.ourWorkTitle
	{
	    font-style: italic;
	    color: #999;
	    font-size: 16px;
	}
	/*END CONTACT PAGE*/
	.contactRight
	{
		padding-top: 5px;
		width: 200px;
		
	}
	.insideContactTop
	{
		width: 200px;
	}
	.insideShowTop
	{
		text-align: center;
		width: 200px;
	}
	.insideShowName
	{
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		width: 200px;
		padding-bottom: 5px;
	}
	.insideShowDate
	{
		text-align: center;
		width: 200px;
	}
	.insideShowBottom
	{
		text-align: right;
		margin-top: 10px;
		width: 199px;
	}
	.insideContactBottom
	{
		text-align: right;
		margin-top: 50px; /*FF, SAF, OP*/
		#margin-top: 10px; /*IE*/
		width: 199px;
	}
	.telClass
	{
		clear: both;
		float: left;
		font-family: 'Trebuchet MS';
		font-size: 12px;
		font-weight: bold;
		color: #006600;
		width: 200px;
	}
	.emailClass
	{
		float: left;
		font-family: 'Trebuchet MS';
		font-size: 12px;
		font-weight: bold;
		color: #006600;
		width: 200px;
	}
	.insideRight
	{
		padding-top: 3px;
		width: 120px;
	}
	.insideRightNews
	{
		padding-top: 3px;
		width: 120px;
	}


	.insideShopping
	{
		padding-top: 10px;
		width: 130px;
		float: right;
	}
	.insideShoppingText
	{
		padding: 5px 35px 2px 0px;
		width: 210px;
		font-size: 12px;
	}
	.noShoppingItems
	{
		color: #FF0000;
	}
	.insideRightTitle
	{
		padding-top: 20px;
		padding-left: 10px;
		font-family: 'Trebuchet MS', Arial;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}
	.insideRightTitleNews
	{
		
		font-family: 'Trebuchet MS', Arial;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}
	.insideRightText
	{
		padding-left: 5px;
		width: 140px;
		font-size: 12px;
		padding-right: 35px;
		padding-bottom: 5px;
	}
	.insideRightButton
	{
		width: 146px;
		text-align: right;
		padding-bottom: 2px;
		#padding-bottom: 0px;
	}
	/*END RIGHT PANELS*/
	#innerFooter
	{
		#padding-top: 0;
		padding-top: 10px;
		width: 900px;
		height: 25px;
		clear: both;
		text-align: left;
	}
	.innerFooterRight
	{
		float: right;
		padding-top: 0px;
		padding-right: 4px;
		#padding-right: 8px;
		font-size: 10pt;
	}
	.innerFooterLeft
	{
		padding-top: 7px;
		padding-left: 15px;
		#padding-left: 10px;
		color: #666;
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		float: left;
	}
	#footerLinks
	{
		color: #666;
		font-family: 'Trebuchet MS', Arial;
		font-size: 11px;
		float: left;
	}
	a.footerLinks
	{
		text-decoration: none;
		color: #666666;
		
	}
	a.footerLinks:hover
	{
		color: #2D3791;
	}
	/*INNER FOOTER*/
	
	/*END INNER FOOTER*/
	
	/*BOTTOM REFLECTION*/
	.bottomReflection
	{
		height: 32px;
		width: 910px;
		background: url("../images/bottom-reflection.jpg") no-repeat;
	}
	/*END BOTTOM REFLECTION*/
	
	/*AJAX STYLING*/
		.validatorCalloutHighlight
		{	
			background-color: #D8F1D8;
		}
		.validatorTitle
		{
			font-size: small;
			color: #006600;
		}
	/*END AJAX STYLING*/
	
	/*EPDM PAGE*/

	.epdmBox
	{
		margin-left: 10px;
		margin-top: 10px;
		width: 358px;
	}
	.epdmBoxFaq
	{
		margin-left: 20px;
		float: right;
		width: 358px;
	}
	.epdmBoxSides
	{
		text-align: left;
		width: 358px;
		background: url("../images/epdm-box-Sides.jpg") repeat-y;
	}
	
	.epdmLeft
	{
		float: left;
		width: 270px;
		padding-right: 10px;
	}
	
	.epdmLeftFaq
	{
		float: left;
		width: 650px;
		padding-right: 10px;
	}
	
	.epdmRight
	{
		text-align: center;
		float: left;
		width: 375px;
	}
	.epdmList
	{
		padding-left: 20px;
	}
	.epdmListFaq
	{
		float: left;
		padding-left: 20px;
	}
	.environHolder
	{
		margin-top: 10px;
		text-align: center;
		margin-left: 11px;
		#margin-left: 0px;
	}
	.environmentallyFriendly
	{
		text-align: left;
		padding: 5px;
		border: 1px solid #cccccc;
		background-color: #eeeeee;
		width: 324px;
	}
	.environmentallyFriendlyText
	{
		width: 290px;
	}
	.environmentallyFriendlyTitle
	{
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		font-size: 13px;
		color: #003300;
	}
	.environmentallyFriendlyMain
	{
		padding-top: 3px;
		font-family: 'Trebuchet MS', Arial;
		font-weight: bold;
		font-size: 11px;
		color: #336600;
	}
	#greenLeaf
	{
		position: absolute;
		top: 530px;
		left: 645px;
		#left: 648px;
	}
	.newsTitleRight
	{
		font-style: italic;
		padding-bottom: 5px;
		color: #2D3791;
		font-weight: bold;
		font-size: 13px;
	}
	.newsTitleRightText
	{
		font-style: italic;
		padding-bottom: 5px;
	}
	.bulletsSpace
	{
		width: 15px;
	}
	.bulletsText
	{
		font-weight: bold;
		color: #666666;
		font-size: 12px;
	}
	.bulletsSpaceFaq
	{
		padding-top: 4px;
		width: 15px;
	}
	.bulletsTextFaq
	{
		font-weight: bold;
		color: #666666;
		font-size: 12px;
		width: 300px;
	}
	.bulletsSpaceTech
	{
		width: 15px;
	}
	.bulletsTextTech
	{
		font-weight: bold;
		color: #666666;
		font-size: 12px;
		width: 290px;
	}
	
	/*END EPDM PAGE*/
