@charset "utf-8";

/*
CSS For: http://www.elitebusinessservices.co.uk

written by SVarndell

August 2009


++++++++ LOOKING FOR SOMETHING? ++++++++

(line numbers may vary)
set default margins & text	....47

sitewide headers & fonts 	....71

sitewide divs & wrappers 	....212

main navigation links		....355

left sidebar product links	....460

right sidebar				....507

sitewide general links		....600

news and quotes scroller	....647

9 step delivery programme	....711

contact page				....786

access pages (inc. nav box) ....838

access comparison table		....889

case studies				....955

embedded forms				....

isolated forms				....

bug fixes					....

*/
/* BEGIN SET MARGINS & PADDING TO ZERO, set default text styles */

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  font-size: small;
  color: #666;
  line-height:150%;
}

*html {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: Verdana, Geneva, sans-serif;
  font-size: small;
  color: #666;
}
/* END SET MARGINS & PADDING TO ZERO, set default text styles*/



/* ============= BEGIN SITEWIDE HEADERS AND FONT STYLES ============== */

h1 {
  font-size: medium;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-top:1em;
  color: #5c0000;
  font-weight:600;
}
h2, h3, h4, h6, p.contactdetails {font-size:12px;}
h2 {
  color: #aa0000;
  margin-left: 3px;
  margin-bottom: 12px;
  font-weight:600;
}

h3 {
  color: #fff;
}

h4 {
  font-style: italic;
  color: #000;
  text-align: center;
  font-weight:500;
}

h5 {
	font-weight: bold;
	font-size: 10px;
	color: #666;
	margin: 0;
}

h6 {
  margin-left: 50px;
  color: #666;
}

p {
	margin: 1em;
	margin-right: 10px;
	font-size:small;
	color: #666;
	text-align: left;
  
}

p.contactdetails {
  margin-bottom: 1em;
  margin-left: 0;
  color: #333;
}

div#footer p {text-align:center;}
th {
  text-align: left;
  padding-bottom: 4px;
  font-weight: 200;
  font-size: 11px;
  color: #333;
}

td.phonenumbers {
  padding-bottom: 4px;
  color: #333;
}

ul {margin:2em;}
li {color:#333;
	font-size:11px;}

.footerlegend {
  font-size: medium;
  font-style: italic;
  color: #999;
}

.footer, sup {
  font-size: x-small;
  margin: 0;
}


.rightmargintext {
  color: #444;
  font-size: 11px;
}

.newscontent {
  color: #666;
  font-size: 10px;
  margin-left:0;
}
div#newsarticle h2 {margin-bottom:0;}
div#newsarticle h4 {
	text-align:left;
	font-size:11px;
	margin-top:0;
	color:#999;
	}
div#newsarticle p {margin-top:0;margin-left:6px;color:#555;line-height:110%;}

div#newsarticle p, h2, h4 {margin-left:6px;}
.white{
  color: white;
  font-size: inherit;
}

.red {
	color: red;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-align: left;
}

.black {
  color: black;
  font-size: inherit;
}

.yellow {
  color: yellow;
  font-size: inherit;
}

.blue{
  color: blue;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

.grey { 
  color:#555;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

.quote {
  color: #666;
  font-size: 11px;
  font-style: italic;
  margin: 0;
  margin-top: 15px;
}

.right {float:right;}
/* ^^^^^^^^^^^^ END SITEWIDE HEADERS AND FONT STYLES ^^^^^^^^^^^^^*/


/* ============ BEGIN SITEWIDE DIVS AND WRAPPERS =================*/


body {
  background:#ddd url(images/styling/body.jpg) repeat-x;
  height: 100%;
  width:100%;
  padding:0;
  top:0;
}


/* Main Wrapper */
#wrapper{
  width:95%;
  min-width:980px;
  max-width:1400px;
  height: 100%;
  margin:auto;
  margin-top:0;
 

}


	

/* Main Header */
#banner {
  height: 135px;
  width:73.5%;
  min-width:750px;
  background: URL(images/styling/EBSBanner.jpg) 0 0 no-repeat;
  float:left;
  margin:0;
}


#mainnavigation {
  height: 30px;
  width:100%;
  padding-left:0;
  max-width:1035px;
  min-width:810px;
  float:left;
  margin-left:0;
  overflow:visible;
  margin-top: 105px;
  background:url(images/styling/mainnavbackground.gif) repeat-x;
}

/* Main Nav rounded corner (left) */
#mainnavleft {
	width:150px;
	height:30px;
	margin-top:105px;
	background:url(images/styling/mainnavleft.gif) top left no-repeat;
	float:right;
}

#maincontent {
  width:66%;
  min-height:550px;
  min-width:660px;
  float: left;
  color: #555;
  border-left:2px solid #603;
  padding-left:10px;
  background: #fff url(images/logos/ebsgreybg.png) top left no-repeat;
}

/* provides lower right border */
#maincontentinnerwrapper {
  width:100%;
  padding-left:1px;
  min-height: 550px;
  border-right:2px solid #6c0000;
  float:left;
}

/* General Text Wrapper */
#maincontentwidetext {
  width:95%;
  padding:12px;
  padding-top:0;padding-right:0;
  margin-top:20px;
  margin-bottom:20px;
  margin-right:11px;
  float:left;
  font-size:10px;
}

/* holds left product links */
#leftnavigation {
  width:15%;
  min-width: 150px;
  max-width:299px;
  height:100%;
  float: left;
}

#leftnavtop {
  width:150px;
  height:2px;
  background:#603;
  float:right;
}

#leftnavbottom {
  width:142px;
  height:70px;
  background:URL(images/styling/leftnavcurve.jpg) top left no-repeat;
  float:right;
  padding-top:24px;
  padding-left:8px;
}

/* content footer for rounded corners */
/* footer */

#maincontentfooter {
  width: 66%;
  min-width:660px;
  height: 30px;
  float:left;
  background: #fff URL(images/styling/maincontentborderbottom.jpg) 0 15px repeat-x;
  margin-right:15%;
}

#maincontentfooterleft {
  height: 30px;
  width:16px;
  background: url(images/styling/maincontentborderbottom.jpg) 0 15px repeat-x;
  float: left;
  clear:left;
  margin-left:15%;
  
}

	
#footer {
  width: 66%;
  margin-left:auto;margin-right:auto;
  text-align:center;
  font-size: 9px;
  padding-bottom: 40px;
  padding-left:10px;
  clear:both;
}

#footercontent {
  width: 80%;
  min-width: 600px;
  max-width: 600px;
  margin-top:20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:40px;
  text-align: center;
  color: #777;
  height: 50px;
}
/* ^^^^^^^^^^^^ END SITEWIDE DIVS AND WRAPPERS ^^^^^^^^^^^^^*/


/* ============ BEGIN MAIN NAVIGATION LINKS =============== */

a.mainnav, a.mainnavyouarehere, a.mainnavleft, a.mainnavleftyouarehere {
  display: block;
  height: 22px;
  width: auto;
  min-width: 45px;
  padding-top: 8px;
  padding-left: 6px;
  padding-right: 6px;
  float: left;
  overflow: hidden;
  text-decoration: none;
  font-size: 13px;
  font-weight:500;
  text-align: center;
  color: #fff;
  background: none;
}

a.mainnav:hover, a.mainnav:active {
  background:URL(images/styling/mainnavtab.gif) right -30px no-repeat;
}

a.mainnavyouarehere {
  color: #fc0;
  background:none;
  cursor:default;
}

a.mainnavleft {
  padding-left:17px;
  padding-right:2px;
  background: URL(images/styling/EBSTableft.jpg) no-repeat;
}

a.mainnavleft:hover, a.mainnavleft:active{
  padding-left:17px;
  padding-right:2px;
  background: URL(images/styling/EBSTableft.jpg) -80px 0 no-repeat;
}

a.mainnavleftyouarehere {
  padding-left:17px;
  padding-right:2px;
  color: #fd0;
  background:URL(images/styling/EBSTableft.jpg) -201px 0  no-repeat;
  cursor:default;
}

/* ^^^^^^^^^^^^ END MAIN NAVIGATION LINKS ^^^^^^^^^^^^^*/



/* ==== BEGIN LEFT PRODUCT LINKS, Access, Formulation, EBS Construct, CRM ===== */


a.productlink:link, a.productlink:visited {
  display: block;
  padding-top: 14px;
  padding-left: 12px;
  padding-right: 10px;
  height: 25px;
  padding-bottom:15px;
  width: 128px;
  background: URL(images/styling/productlink.gif) no-repeat;
  overflow: hidden;
  color: #000;
  font-size: 11px;
  float:right;
  line-height:110%;
}

a.productlink:hover, a.productlink:active {
  display: block;
  padding-top: 14px;
  padding-left: 12px;
  padding-right: 10px;
  padding-bottom:0;
  height:115px;
  width: 128px;
  background: URL(images/styling/productlink.gif) -151px 0 no-repeat;
  overflow: hidden;
  color: #eee;
  font-size: 11px;
  float:right;
  line-height:110%;
}

a.productlinkcurrent:link, a.productlinkcurrent:visited, a.productlinkcurrent:hover, a.productlinkcurrent:active {
  display: block;
  padding-top: 14px;
  padding-left: 12px;
  padding-right: 10px;
  padding-bottom:0;
  height:115px;
  width: 128px;
  background: URL(images/styling/productlink.gif) -151px 0 no-repeat;
  overflow: hidden;
  color: #eee;
  font-size: 11px;
  float:right;
  line-height:110%;
}
/* ^^^^ END LEFT PRODUCT LINKS, Access, Formulation, EBS Construct, CRM ^^^^ */


/* ===== BEGIN RIGHT SIDEBAR ===== */

#rightmargin {
  width:15%;
  min-width:158px;
  max-width:299px;
  height: 550px;
  float: left;
  background: url(images/styling/rightcontactmargin.jpg)  no-repeat;
  z-index:10000;
}

#loginbox {
  padding-top: 15px;
  padding-left:5px;
  width: 146px;
  height: 115px; 
}

#contacticons {
  width: 158px;
  height: 55px;
  padding-top: 10px;
 
}

#contactbox {
  width: 158px;
  height: 150px;
  padding-right: 5px;
  padding-top: 5px;
 
}

#rightmarginbottom {
  width:159px;
  height:32px;
  background:url(images/styling/rightmarginshadow.jpg) top right no-repeat;
}

#logos {
  width: 154px;
  height: 140px;
  float:left;
  margin-left:5px;
  text-align:center;}

#logos img {
	margin-top:0px;
	
	
}

a.rightmarginlinks:link, a.rightmarginlinks:visited {
  color:inherit;
  font-size: x-small;
  text-align: left;
  margin-left:8px;
  vertical-align:bottom;
  
}
a.rightmarginlinks:hover, a.rightmarginlinks:active {
  color: #c00;
  font-size: x-small;
  text-align: left;
  margin-left:8px;
  vertical-align:bottom;
  
}


a.activecontactwidget:link, a.activecontactwidget:visited, a.activecontactwidget:hover, a.activecontactwidget:active {
  display: block;
  float: left;
  width: 45px;
  height: 50px;
  background: url(images/styling/contactwidgetbackground.jpg) 0 0 no-repeat;
  padding-right:3px;
  
}

a.contactwidget:link, a.contactwidget:visited {
  display: block;
  float: left;
  width: 45px;
  height: 50px;
  background: url(images/styling/contactwidgetbackground.jpg) -100px 0 no-repeat;
  padding-right:3px;
}

a.contactwidget:hover, a.contactwidget:active {
  display: block;
  float: left;
  width: 45px;
  height: 50px;
  background: url(images/styling/contactwidgetbackground.jpg) -49px 0 no-repeat;
  padding-right:3px;}
/* ^^^^^^ END RIGHT SIDEBAR ^^^^^ */




/* ===== BEGIN SITEWIDE GENERAL LINKS ====== */


/* general text links, color with span element */

a.gen:link {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

a.gen:visited{
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}

a.gen:hover {
  color: #000;
  font-size:inherit;
  font-weight: bold;
  font-style: inherit;
}

a.gen:active {
  color: #000;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
}




/* FOOTER LINKS */
	a.footerlink:hover, a.footerlink:active {
 	color: #aaa;
  	font-size: x-small;
	}

	a.footerlink:link, a.footerlink:visited {
 	 color: #666;
 	 font-size: 10px;
	}

/* =====BEGIN NEWS AND QUOTE HOLDER, FOR ABOUT AND INDEX PAGES===== */

/* news wrapper */

#maincontentrightcolum {
width:200px;
height:auto;
float:right;
margin-top:20px;margin-right:6px;
padding:6px;padding-top:0;padding-left:0;
}

#maincontentrightmargin {
  width:188px;
  height: 250px;
  float:right;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom:1px solid #999999;
  background:url(images/styling/newsinnershadowbottom.gif) bottom repeat-x;
}

#newstop {
  width:188px;
  padding-top: 5px;
  height:auto;
  float:right;
  margin-top:0;
  margin-left:5px;
  background:url(images/styling/newstop.jpg) no-repeat;
}

#news {
  width: 145px;
  padding-left:5px;
  padding-right: 5px;
  padding-bottom: 0;
  padding-top: 6px;
  float:left;
  border-left:1px solid #ccc;
}

#newslight {
  width: 140px;
  padding-left: 15px;
  padding-right: 10px;
  padding-bottom: 6px;
  padding-top: 6px;
  background:#FC6 url(images/styling/newsline.png) bottom no-repeat;
  float:left;
}

#newsbottom {
  padding-left:10px;
  width:178px;
  padding-top:5px;
  height:35px;
  float:right;
  background:url(images/styling/newsbottom.jpg) top left no-repeat; 
}
/* ^^^^^ END NEWS AND QUOTE HOLDER, FOR ABOUT AND INDEX ^^^^^ */

/* ===== BEGIN NEWS PAGE ===== */

#newsarticle
{
width:75%;
height:auto;
margin:20px auto;
border:1px solid #ddd;
}


/* ===== BEGIN 9 STEP DELIVERY PROGRAMME =========  */

#deliveryprogram {
  width: 550px;
  margin-top: 11px;
  height: auto;
  float: left;
  margin:0 auto;
  padding-left:40px;
}

#step {
  width: 232px;
  height: 50px;
  padding-top: 12px;
  padding-left:4px;
  padding-right:4px;
  background: url(images/styling/9steptabs.jpg) top left no-repeat;
}

#laststep {
  width:232px;
  height: 60px;
  padding-top: 12px;
  padding-left:4px;
  padding-right:4px;
  background: url(images/styling/9steplasttab.jpg) top left no-repeat;
}

#textswapcontainer{
  height: auto;
  width: 270px;
  float: right;
}
#stepscontainer {
	float:left;
	width:250px;
	margin-top:25px;
	}
	
#steptextswap {
  height: 220px;
  width: 230px;
  background: url(images/styling/steptextswap.jpg) top right no-repeat;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 15px;
  margin-top:20px;
  margin-left:10px;
}

#step h2, #laststep h2 {
  margin-left:10px;
  margin-top:4px;
  width: 230px;
  font-size:12px;
  font-weight:500;
  text-align:left;
}

#steptextswap h2{
margin-left:10px;
margin-top:0;
  width: 230px;
  font-size:12px;
  font-weight:500;
  text-align:left;
  
}
#deliveryfoot {
  width: 320px;
  height: 250px;
  background: url(images/styling/deliverybottombgimage.png) left bottom no-repeat;
}

.deliverytext {
  color: #fff;
  margin-top: 15px;line-height:110%;
}


/* ^^^^^^^^ END 9 STEP DELVERY PROGRAM ^^^^^ */


/* ============ BEGIN CONTACT PAGE  ==============  */

#contactheader {
  width: 200px;
  height: auto;
  margin: 1em;
  margin-bottom: 0;
  float: left;
}

/* holds email, phone & tel boxes */
#contactdetailholder {
 padding-left: 5%;
 width:45%;
  min-width:270px;
  height: auto;
  margin-top:3px;
  float:left;
}
	
	


#contactbody {
  padding-left: 0;
  width:95%;
  min-width:590px;
  height:auto;
  margin-top:3px;
  margin-right:auto;
  margin-left:auto;
}

#addressbox {
  padding: 10px;
  padding-bottom: 20px;
  padding-top: 5px;
  padding-left:90px;
  margin-top:30px;
  height: auto;
  min-width: 220px;
  background:url(images/styling/addressboxbgimage.jpg) 0 20px no-repeat;
}

#satnavbox {
  padding: 10px;
  padding-top: 5px;
  padding-left:90px;
  padding-bottom:0;
  margin-top:0;
  height: 100px;
  min-width: 220px;
  background:url(images/styling/satnav.jpg) 0 30px no-repeat;
}
div#contactdetailholder p {margin:none;}
#phonenumbersbox {
  margin-top:45px;
  padding: 10px;
  padding-left:90px;
  padding-top: 5px;
  height: 113px;
  min-width: 180px;
  background:url(images/styling/phonenumbersbgimage.jpg) left no-repeat;
}

#emailbox {
  margin-top:35px;
  margin-bottom:40px;
  padding: 10px;
  padding-left:90px;
  padding-bottom: 20px;
  padding-top: 5px;
  height: 103px;
  min-width: 180px;
  background: url(images/styling/emailboxbgimage.gif) left no-repeat;
}
/* ^^^^^^^ END CONTACT PAGE ^^^^^^^^^ */


/* ======= BEGIN ACCESS PAGES ======== */

#accessgoldlogo {
	margin-top:75px;
	width:210px;
	min-height:60px;
	padding-top:80px;
	float:right;
	background:url(images/logos/AccessGoldLogoGraphic.jpg) 30px 10px no-repeat;
	margin-left:10px;
	border:#ccc 1px solid;
	}

/* access pages nav menu */
#accesspagesmenu {
	width:180px;
	height:auto;
	background:#feb;
	border: 2px inset #6c0000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left:6px;
	padding-bottom:11px;
	margin-left:11px;margin-bottom:11px;margin-top:30px;
	float:right;}

a.accesspages:link, a.accesspages:visited {
	display:block;
	background:none;
	margin-bottom:5px;
	font-size:10px;color:#300;
	padding:4px;
	}
a.accesspages:hover, a.accesspages:active {
	display:block;
	background:#fca;
	margin-bottom:5px;
	font-size:10px;color:#300;
	padding:4px;

}
a.accesspagescurrent:link, a.accesspagescurrent:visited, a.accesspagescurrent:hover, a.accesspagescurrent:active {
	display:block;
	background:#6c0000;
	margin-bottom:5px;
	font-size:10px;font-weight:bold;color:#eee;
	padding:4px;
	
}
/* ^^^^^^^ END ACCESS PAGES ^^^^^^^^^^^ */


/* ======= BEGIN ACCESS COMPARISON TABLE ========= */


.accesshorizons {
	list-style-type:none;
	margin-bottom:3px;
	}
	
	.accessoverview {
	display:block;
	width:196px;
	background:#ddd url(images/styling/greentick.png) top right no-repeat;
	border-bottom:3px solid #fff;
	padding-top:2px;padding-bottom:3px;padding-left:4px;
	font-size:10px;
	}
	
	#accesscomparisonfeatures{
	width:auto;
	height:auto;
	margin:auto;
	}
	.comparisontable {
		margin-top:15px;
		}
	.comparisontable th {
		width:190px;
		font-size:10px;
		background:#Ddd;
	}
	.comparisontable th.tickboxes {
		width:130px;
		font-size:10px;
		background:#444;
		color:#fff;
	}
	.comparisontable th.tableheader {
		width:190px;
		font-size:12px;
		text-align:center;
		background:#eee;
		color:#444;
		font-weight:bold;
	}
	
	.comparisontable td {
		width:130px;
		font-size:10px;
		background:#ddd url(images/styling/greentick.gif) center no-repeat;
	}
	.comparisontable td.cross {
		width:100px;
		font-size:10px;
		background:#ddd url(images/styling/redcross.gif) center no-repeat;
	}
	.accesscomparison {
	display:block;
	width:196px;
	background:#ddd;
	border-bottom:3px solid #fff;
	padding-top:2px;padding-bottom:3px;padding-left:4px;
	font-size:10px;
	}
/* ^^^^^^^ END ACCESS COMPARISON TABLE ^^^^^^^^^^^ */


/* ===== BEGIN CASESTUDIES ======= */

#casestudy {
width:550px;
height:auto;
float:left;margin-left:100px;
margin-bottom:20px;
border:1px solid #ccc;
}

#casestudyimage {
	width:180px;
	margin-right:30px;
	margin-bottom:10px;
	margin-top:30px;
	margin-left:25px;
	padding:6px;
	border:1px solid #ccc;
	float:left; 
	}
	
	#casestudyimage h2 {text-align:center;font-style:italic;color:#6c0000;}
	
#casestudydescription {
	width:250px;
	float:left;
	margin-bottom:20px;
}

/* ^^^^^^ END CASESTUDIES ^^^^^^^^ */


/* ===== BEGIN TRAINING ======= */

#trainingeventbox {
width:400px;
height:auto;
margin:auto;
margin-bottom:11px;
border:3px double #ccc;
padding:6px;
}

#traininglist{
width:500px;
height:auto;
margin:auto;
margin-bottom:11px;
padding:6px;
}

/* ^^^^^^ END TRAINING ^^^^^^^^ */

/* ===== BEGIN FUNCTIONALITY DIAGRAM ===== */

#diagramwrap {
	position:absolute;
	height:110%;
	width:100%;
	background:url(images/styling/darkfade.png);
	}
	#outerdiagramcontainer {
	width:1000px;
	height:700px;
	margin: auto;
	margin-top:20px;
	}
	
	#innerdiagramcontainer {
	width:960px;
	height:652;
	border:1px solid #ccc;
	margin: auto;
	padding:10px;
	background:#444;
	}

#outerdiagramcontainer h2{
	text-align:right;
	color:white;
	}

/* ^^^^^ END FUNCTIONALITY DIAGRAM ^^^^^^^ */

/* ===== BEGIN EMBEDDED FORMS ======= */


/*  Main Contact Page Form   */

#formholder {
  min-width: 240px;
  max-width:360px;
  width:39%;
  margin-top:20px;
  margin-right:4%;
  padding-bottom:11px;
  background:#FEF0E2;
  border:2px groove #960;
  float:right;
}

#formtop{
  min-width: 240px;
  max-width:360px;
  width:39%;
  height: 20px;
  padding-top: 6px;
  padding-left:6px;
  padding-bottom: 10px;
}

#formlabels {
  min-width: 220px;
  max-width:380px;
  width:90%;
  height:auto;
  float: right;
  padding: 8px;
  padding-top: 6px;
  padding-bottom: 8px;
  margin-bottom:9px;
  margin-right:6px;
  background:#804040;
}

#formlegend{
  width: 240px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 5px;
  float: left;
  font-size: 10px;
}

#querybox {
 min-width: 220px;
  max-width:380px;
  width:90%;
  height:auto;
  min-height: 170px;
  padding: 8px;
  padding-top: 8px;
  padding-bottom:6px;
  float:right;
  background:#804040;
  margin-right:6px;
  margin-bottom:8px;
}

.namefieldlabel, .emailaddressfieldlabel, .businessfieldlabel, .queryfieldlabel {
  display: block;
  height: 15px;
  width: 90px;
  text-align: right;
  padding: 0;
  font-size: 12px;
  color: #eee;
  float:left;
  margin:0;
  margin-top:3px;
  margin-left:5%;
}

.namefield, .businessfield, .emailaddressfield {
  height: 14px;
  width: 100px;
  padding:1px;
  font-size:11px;
  border-bottom: #ccc;
  border-style: inset;
  float:left;
  margin-left: 10px;
}

.queryfield {
  width: 200px;
  height: 125px;
  overflow: scroll;
  overflow-x:hidden;
  border-bottom-color: #ccc;
  border-style:inset;
  float: right;
  margin-top:6px;
  margin-left:6px;
  padding-left:6px;
}

.send {
  margin-right:56px;
  float: right;
  width:auto;
}


/* end main contact page form */

/* begin searchbox  */

#searchboxwrapper {
  float:right;
  width:145px;
  height: 30px;
  background: url(images/styling/searchbox.jpg) top right no-repeat;
}

.searchbox {
  border-style: hidden;
  border-width: 0px;
  margin-top: 10px;
  margin-right:50px;
  width: 90px;
  height: 15px;
  float: right;
  font-size: 10px;
  color: #666;
  background: none;
}

/*end searchbox */

/* begin login box */

.usernamelabel {
  display: block;
  height: 15px;
  width: 60px;
  font-size: 11px;
  margin: 0;
  margin-bottom: 5px;
  margin-top:2px;
  float: left;
  color:#eee;
}

.usernamebox {
  width: 70px;
  height: 15px;
  font-size: 9px;
  color: #666;
  float: left;
  margin-bottom: 6px;
  background: #fff;
  border:1px inset #ccc;
}

.passwordbox {
  width: 70px;
  height: 15px;
  font-size: 9px;
  color:#666;
  margin-bottom: 6px;
  background: #fff;
  border:1px inset #ccc;
}

.submit {
  margin-left: 60px;
  margin-bottom: 6px;
}

/* end login box */

/* ^^^^^ END EMBEDDED FORMS ^^^^^^^ */

/* ===== BEGIN ISOLATED FORMS ====== */

/* event booking, training day booking access info request etc */


#isolatedformwrapper {
	width:452px;
	min-height:400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	}
#header {
	width:420px;
	height:10px;
	padding:20px;padding-top:40px;padding-right:10px;
	margin:0;
	background:#333 url(images/logos/bannersmall.png) 6px 11px no-repeat;
	-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;webkit-border-radius-topright: 5px;
	border-bottom:1px solid #FC3;
}
#formbox {
	float:left;
	width:450px;
	height:auto;
	padding:0;padding-bottom:20px;
	background:#ddd;
	border:1px solid #C00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:38px;

	}
#formline {
	float:left;
	width:400px;
	height:auto;
	padding:6px;
	background:#aaa;
	margin-bottom:8px;margin-left:18px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.eventinput{
	float:left;
	width:100px;
	border:1px inset #aaa;
	padding-right:4px;
	}
	
	.checkhumaninput{
	float:right;
	margin-right:60px;
	margin-top:3px;
	width:30px;
	border:1px inset #aaa;
	padding-right:4px;
	}
	
.selectinput{
	border:1px inset #aaa;
	}
	
 .eventlabel{
	float:left;
	display:block;
	width:150px;
	height:auto;
	text-align:right;
	padding-right:11px;
	margin-top:4px;
	color:#333;
	}
				
/* ^^^^^^^^ END ISOLATED FORMS ^^^^^^^ */


/* +++++++++     ERROR PAGE   ++++++++++ */

#errorbox {
	width:400px;
	margin:auto;
	margin-top:30px;
	border:3px double #333;
	padding:20px;
	padding-top:5px;
	background:#ddd;
}


/* bug fixes */
/* Fix for FF containing floats bug */

.clear {
  clear: both;
  line-height: 0;
  height: 0;
  font-size: 0;/* kills IE6 bug */
}

/* +++++++++ END CSS +++++++++++ */