/* Page width */
body {
	font-family:"Helvetica Neue",arial,sans-serif;
	background-color:#002100;
}

img.left {float:left;margin:0 10px 10px 0}
img.right {float:right;margin:0 0 10px 10px}


#wrapper { background:#FFFFFF;
	max-width:900px;
	min-width:640px;

	}
/* ---------------------------------------------------- Page layout ------------------------------------------------- */
#header{
	background:#002100;
	}
#header img{float:none;clear:both;}

#header div.subheader {clear:both;padding:0;text-align:left;float:left;width:100%;}
#header div.subheader img {float:left;margin:10px;}

#main1{
	
	padding-bottom:25px;
}

#col2{}
#middle{

}
#middle div.column-in{


}
#middle div.column-in img {border:solid 1px #000; }

#col3{}
#footer {
	font-size:0.8em;
	color:#eee;
	text-align:center;
	background:#002100;
	line-height:.95em;
}

/*-----------------------------------------------------  menu overrides from Fluid3col ----------------------------------------------------- */
div#menu {
	background:#fff url(greyshade.jpg) repeat-y left top;
	padding-left:0;
	margin-left:0;
	clear:both;
	font-size:71%;
}
div#menu ul {margin:0;} /* reset margin */
div#menu li {line-height:40px;}
div#menu ul li{border-right:solid 1px #cccc;}
div#menu ul li a{padding:0 1em}
div#menu ul li ul {
	background:#fff;
}
div#menu ul li ul li a{
	line-height:30px;
	background:#eee;
	border-top:solid 1px #bbb;
	font-weight:normal;
	padding:0 0.5em;
}
/* menu highlights */
div#menu ul li a:link,div#menu ul li a:visited{color:#333}
div#menu ul li a:hover{	background-color: #999999;color:#fff;}
div#menu ul li a:active{background:#69c}

div#menu ul li ul li a:link,div#menu ul li ul li a:visited{color:#333}
div#menu ul li ul li a:hover{background-color: #999999;color:#000}
div#menu ul li ul li a:active{background:#fff}

/* Pulls  */
div.pull {background:#eee;padding-bottom:5px;}

div.pull h3{ /* h3 is double sided round and needs <h3><span>caption</span></h3> */
	background:#f09 url(tr.png) no-repeat right top;
	font-size:1.1em;
	color:#fff;
	padding-right:12px;
}
div.pull h3 span{
	background:#f09 url(tl.png) no-repeat left top;
	padding:5px;
	padding-left: 15px;
	display:block;
	
}
div.pull h4{
	background:#f09 url(tr.png) no-repeat right top;
	font-size:1.1em;
	color:#fff;
	padding:5px;
	padding-left:.5em;
}
div.pull h5 {
	background:#f09;
	font-size:1.1em;
	color:#fff;
	padding:5px;
	padding-left:.5em;
}
/* ============================================================================================================ */
/* Basic formatting */
p {margin:.5em;line-height:1.3em;}
#middle ul,#middle ol {list-style:disc}
a:link,a:active,a:visited,a:hover{color:#002100;text-decoration:none;}
a:hover{text-decoration:underline}
div.sitename {text-align:center;line-height:50px;font-size:.8em;float:right;padding-right:60px;}

#middle h1, #middle h2, #middle h3 
{
	/*background:#ccc url(tr.png) no-repeat right top; */
	padding:3px;
	font-family:"Helvetica Neue",arial,sans-serif; 
	color:rgb(100,100,100); 
	font-weight:bold;
}
#middle h1 {font-size:1.4em}
#middle h2{font-size:1.2em;background-color:#ddd}
#middle h3{font-size:1.1em;background-color:#eee}
#middle h1.pagetitle {border-bottom:solid 7px rgb(225,225,225); font-size:1.6em;}

form {
}

#header div.search {}
#header form#search input {border:solid 1px #aaa;color:#666;padding:4px;}
#header form#search .search_submit{padding:3px;}

/* Banner images */
div.banner{
	height:112px;
	clear:both;
	background-color: #fff;
background-image:url(oaklogo2.jpg);
}


/* Home oaklogo2.jpg*/ 
div.banner.WelcometoOakLeafGates{background-image:url(oaklogo2.jpg);}
div.banner.WhoAreWe{background-image:url(oaklogo2.jpg);}
div.banner.WhatWeDo{background-image:url(oaklogo2.jpg);}
div.banner.HowtoOrder{background-image:url(oaklogo2.jpg);}
div.banner.Takealookatourbrochure39sororderonetoday{background-image:url(oaklogo2.jpg);}

/* Gate Range oaklogo3.jpg*/
div.banner.QualityGates{background-image:url(oaklogo6.jpg);}
div.banner.SolidBoardedEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.KinnersleyEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.MonningtonEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.PartlyBoardedEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.BelmontEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.StrettonEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.BerringtonEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.MoretonEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.OpenStyleEntranceGates{background-image:url(oaklogo6.jpg);}
div.banner.Brockhampton{background-image:url(oaklogo6.jpg);}
div.banner.Hampton{background-image:url(oaklogo6.jpg);}
div.banner.GardenGates{background-image:url(oaklogo6.jpg);}
div.banner.Lutyens{background-image:url(oaklogo6.jpg);}
div.banner.NEWFOR2008TheAeroGate{background-image:url(oaklogo6.jpg);}
div.banner.EstateGates{background-image:url(oaklogo6.jpg);}
div.banner.Aconbury{background-image:url(oaklogo6.jpg);}
div.banner.Westhide{background-image:url(oaklogo6.jpg);}
div.banner.Whitney{background-image:url(oaklogo6.jpg);}
div.banner.HamptonEstateGate{background-image:url(oaklogo6.jpg);}
div.banner.GardenGates{background-image:url(oaklogo6.jpg);}
div.banner.PartlyBoardedGates{background-image:url(oaklogo6.jpg);}
div.banner.Belmont{background-image:url(oaklogo6.jpg);}
div.banner.Stretton{background-image:url(oaklogo6.jpg);}
div.banner.Berrington{background-image:url(oaklogo6.jpg);}
div.banner.OpenStyleGates{background-image:url(oaklogo6.jpg);}
div.banner.Brockhampton{background-image:url(oaklogo6.jpg);}
div.banner.GardenDoors{background-image:url(oaklogo6.jpg);}
div.banner.Kinnersley{background-image:url(oaklogo6.jpg);}
div.banner.Monnington{background-image:url(oaklogo6.jpg);}
div.banner.GarageDoors{background-image:url(oaklogo6.jpg);}
div.banner.KinnersleyStraightTop{background-image:url(oaklogo6.jpg);}
div.banner.KinnersleyBowTop{background-image:url(oaklogo6.jpg);}
div.banner.Letton{background-image:url(oaklogo6.jpg);}
div.banner.Withington{background-image:url(oaklogo6.jpg);}
div.banner.Selectionofbespokecommissions{background-image:url(oaklogo6.jpg);}
div.banner.DrivewayGates{background-image:url(oaklogo6.jpg);}


/* Construction oaklogo4.jpg*/
div.banner.Construction{background-image:url(oaklogo5.jpg);}
div.banner.TheMaterialsWeUse{background-image:url(oaklogo5.jpg);}
div.banner.TheDesignProcess{background-image:url(oaklogo5.jpg);}
div.banner.SurveyPhotographsTaken{background-image:url(oaklogo5.jpg);}
div.banner.ApprovalDrawing{background-image:url(oaklogo5.jpg);}
div.banner.WorkingDrawing{background-image:url(oaklogo5.jpg);}
div.banner.TheFinishedGate{background-image:url(oaklogo5.jpg);}
div.banner.MethodsofConstruction{background-image:url(oaklogo5.jpg);}
div.banner.TheFinishesWeProvide{background-image:url(oaklogo5.jpg);}
div.banner.TheweatheringProcess{background-image:url(oaklogo5.jpg);}

/* Hinges & Ironmongeryn oaklogo5.jpg*/
div.banner.HingesampIronmongery{background-image:url(oaklogo7.jpg);}
div.banner.GateHinges{background-image:url(oaklogo7.jpg);}
div.banner.StrapHinges{background-image:url(oaklogo7.jpg);}
div.banner.BandHinge{background-image:url(oaklogo7.jpg);}
div.banner.OurHingeSystemForSolidGate{background-image:url(oaklogo7.jpg);}
div.banner.CharlesCollingeHinges{background-image:url(oaklogo7.jpg);}
div.banner.ButtHinges{background-image:url(oaklogo7.jpg);}
div.banner.Ironmongery{background-image:url(oaklogo7.jpg);}
div.banner.KirkpatrickIronmongery{background-image:url(oaklogo7.jpg);}
div.banner.TailorMadeTraditionalIronmongery{background-image:url(oaklogo7.jpg);}
div.banner.TailorMadeStainlessSteelIronmongery{background-image:url(oaklogo7.jpg);}

/* Piers, Posts & Frames oaklogo6.jpg*/
div.banner.PiersPostsampFrames{background-image:url(oaklogo8.jpg);}
div.banner.OakGatePosts{background-image:url(oaklogo8.jpg);}
div.banner.Breinton{background-image:url(oaklogo8.jpg);}
div.banner.Dewchurch{background-image:url(oaklogo8.jpg);}
div.banner.Upton{background-image:url(oaklogo8.jpg);}
div.banner.Vowchurch{background-image:url(oaklogo8.jpg);}
div.banner.Lyde{background-image:url(oaklogo8.jpg);}
div.banner.Whitney{background-image:url(oaklogo8.jpg);}
div.banner.OakDoorFrames{background-image:url(oaklogo8.jpg);}
div.banner.DoorJambs{background-image:url(oaklogo8.jpg);}
div.banner.GraniteGatePosts{background-image:url(oaklogo8.jpg);}
div.banner.ExamplesofGranitePosts{background-image:url(oaklogo8.jpg);}
div.banner.BrickPiers{background-image:url(oaklogo8.jpg);}
div.banner.ComputerDrawingsofPierConstructionDetails{background-image:url(oaklogo8.jpg);}


/* Gate Automation & Access Controls oaklogo7.jpg*/
div.banner.BrickPiers{background-image:url(oaklogo3.jpg);}
div.banner.GateampDoorAutomation{background-image:url(oaklogo3.jpg);}
div.banner.UndergroundSystems{background-image:url(oaklogo3.jpg);}
div.banner.GateorPierMountedSystems{background-image:url(oaklogo3.jpg);}
div.banner.SlidingSystems{background-image:url(oaklogo3.jpg);}
div.banner.TheGarageDoorSystemVER{background-image:url(oaklogo3.jpg);}
div.banner.TheUltimateGarageDoorSystem{background-image:url(oaklogo3.jpg);}
div.banner.AccessContols{background-image:url(oaklogo3.jpg);}
div.banner.RemoteControls{background-image:url(oaklogo3.jpg);}
div.banner.EntryButtons{background-image:url(oaklogo3.jpg);}
div.banner.Keypads{background-image:url(oaklogo3.jpg);}
div.banner.AudioVisualIntercoms{background-image:url(oaklogo3.jpg);}
div.banner.TVTELIntercomSystem{background-image:url(oaklogo3.jpg);}
div.banner.FAQ{background-image:url(oaklogo3.jpg);}
div.banner.MyGateInstallation{background-image:url(oaklogo3.jpg);}
div.banner.SafetyandGeneralSafetyAdvice{background-image:url(oaklogo3.jpg);}
div.banner.RemoteControlsProgrammingampBatteryReplacement{background-image:url(oaklogo3.jpg);}
div.banner.ManualReleaseInstructions{background-image:url(oaklogo3.jpg);}
div.banner.AutomaticDrivewayLoops{background-image:url(oaklogo3.jpg);}
div.banner.GateAutomationampAccessControls{background-image:url(oaklogo3.jpg);}

/* Gallery oaklogo8.jpg*/
div.banner.Portfolio{background-image:url(oaklogo2.jpg);}
div.banner.EntranceGates{background-image:url(oaklogo2.jpg);}
div.banner.GardenGates{background-image:url(oaklogo2.jpg);}
div.banner.GardenDoors{background-image:url(oaklogo2.jpg);}
div.banner.Gallery2{background-image:url(oaklogo2.jpg);}

/* chelsea-flower-show oaklogo1.jpg*/
div.banner.ChelseaFlowerShow{background-image:url(oaklogo4.jpg);}
div.banner.ChelseaFlowerShow2008{background-image:url(oaklogo4.jpg);}
div.banner.ChelseaFlowerShow2007{background-image:url(oaklogo4.jpg);}
div.banner.ChelseaFlowerShow2006{background-image:url(oaklogo4.jpg);}

/* Contact Us */
div.banner.Contact{background-image:url(oaklogo2.jpg);}

/* Request a quotation */
div.banner.Requestaquotation{background-image:url(oaklogo8.jpg);}
div.banner.Requestabrochure{background-image:url(oaklogo8.jpg);}

/* Request a quotation */
div.banner.Search{background-image:url(oaklogo2.jpg);}


/* prices styleing */
div.prices {text-align:center; font-family:"Helvetica Neue",arial,sans-serif; }
div.prices h1{font-size: 18px; font-family:"Helvetica Neue",arial,sans-serif;  margin:10px 0;}
div.prices h2 {font-size: 20px; font-family:"Helvetica Neue",arial,sans-serif;  color: #666666; }
.aggregator h3{clear:both;}





/* form styling */
.field_titleform{
	font-size: 12px;
	font-family:"Helvetica Neue", arial, sans-serif;
	font-weight: normal;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	width:350px;
		text-align: left;
	vertical-align: top;

}

td .field_title{
	font-size: 12px;
	font-family:"Helvetica Neue", arial, sans-serif;
	font-weight: normal;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333333;
	width:400px;
	text-align: left;
	vertical-align: top;

}


.field_headingform{
font-size: 18px;font-family:"Helvetica Neue",arial,sans-serif; 
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666;
padding-top: 10px;padding-bottom: 5px;
color: #002100;
}

.select {margin-top: 10px;padding-bottom: 5px; font-size: 12px;}

.runtimeuk a:hover a:link a:visited a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.runtimeuk a:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.runtimeuk a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.runtimeuk  a:active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.pdftable table{
		
}
.pdftable td{
	text-align: left;
	vertical-align: middle;		
}
.pdftable tr{
		
}
form {
	width: 450px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 20px;
	margin-left: 10px;
}