/* *************** override metastructure stylesheets ******************/
div#leftColumn{float: left;width: 190px;}
div#rightColumn{float: right;width: 190px;}
body#layout2 div#wrapper{width:910px;margin: 0 auto;text-align: left;}
div#container01,div#container11,div#container10{width:910px;}
div#container11 div#center{margin: 0px 210px 0px 210px;}
div#container10 div#center{margin: 0px 0px 0px 210px;}
div#container01 div#center{margin: 0px 210px 0px 0px;}
/* *************** override metastructure stylesheets ******************/


 
/******************* START STANDARD HTML STYLES ******************/
body{
	font-size: 0.8em;
	color: #7d6c62;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #bfbfbf url(/images/structure/body/bodyBG001.gif) repeat-y top center;
}

img{
	border: 0px;
}

a{
	text-decoration: none;
	color: #a29388;
}

a:hover{
	text-decoration: underline;
	color: #a29388;
}

p{
	margin-top: 0px;
	color: #7d6c62;
}

hr {
	height: 1px;
	color: #00483f;
	border: 0;
	background: #00483f;
}

td{
	font-size: 0.8em;
	color: #7d6c62;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	font-size: 1.25em;
	margin: -3px;
	padding: 0px;
}
/******************* END STANDARD HTML ELEMENTS ******************/

/* ******************* FUNCTION BAR *******************/
#functionBar{
	color: #fff;
	width: 910px;
	background: #00a2b1;
	padding: 5px 0px;
}

#displayVersion{
	padding-left: 10px;
}

#functionBar a{
	color: #fff;
}	

div#functionBar #dateDisplay{
   	font-weight: bold;
	float: left;
	padding-left: 230px;
}

div#functionBar #keyLinks{
	float: right;
	padding-right: 235px;
}

div#functionBar #keyLinks a{
	padding-right: 10px;
}

#siteSearch{
	position: relative;
}

#siteSearch form{
	margin: 0;
	padding: 0;
}

#siteSearch .SearchLabel{
	position: absolute;
	right: 190px;
}

#siteSearch .searchInput{
	font-size: 0.75em;
	height: 16px;
	color: #000;
	position: absolute;
	right: 40px;
	width: 150px;
	padding: 0px;
}

#siteSearch .submit {
	border: medium none;
	width: 30px;
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	background-color: #00a2b1;
	font-weight: bold;
	position: absolute;
	right: 5px;
	top: 2px;
}
/* ******************* FUNCTION BAR *******************/

/* ******************* HEADER *******************/
div#header .logoStrapline{
	float: left;
	width: 910px;
	padding-bottom: 5px;
	background: #00a2b1;
}

div#header .logo{
	width: 305px;
	float: left;
	padding-left: 20px;
}

div#header .strapline{
	width: 440px;
	float: right;
	padding: 50px 10px 0px 0px;
}

div#header .headerMenu{
	background: #7b6d62;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	height: 30px;
	width: 910px;
	font-size: 1.2em;
	clear: both;
	font-weight: bold;
}

div#header .headerMenu .hearderMenuPadding{
	padding-top: 5px;
}

div#header .headerMenu a{
	color: #fff;
}

div#header .headerMenu a:hover{
	color: #bebebc;
	text-decoration: none;
}

div#header .headerMenu .activeMenuItem a{
	color: #bebebc;
	text-decoration: none;
}

div#header .headerMenu span{
	margin-left: 28px;
}
/* ******************* HEADER *******************/


/* ******************* BODY *******************/
div#leftColumn{
	padding: 29px 10px 20px 10px;
}

div#rightColumn{
	padding: 29px 10px 20px 10px;
}

div#container01 div#center,
div#container11 div#center,
div#container10 div#center{
	padding: 29px 0px 20px 0px;
}

div.pageTitle{
	color: #01a1af;
	font-size: 1.6em;
	padding: 0px 0px 25px 0px;
}

div.pageCopy p{
	padding: 0px 0px 24px 0px;
	margin:0;
}
/* ******************* BODY *******************/


/* ******************* FOOTER *******************/
div#footer{
	width: 910px;
	color: #0a909d;
}

div#footer a{
	color: #0a909d;
}

#footer .footerBlurb{
	padding: 0px 0px 5px 0px;
	text-align: center;
	width: 910px;
}

#footer .boxharryDetails{
	margin-top: 0px;
	font-size: 0.8em;
	text-align: center;
}
/* ******************* FOOTER *******************/



div#leftColumn .widget,
div#rightColumn .widget{
	padding-bottom: 24px;
}


.staticPageInfoPanel .title{
	color: #665c4d;
	font-size: 1.7em;
	font-weight: 200;
	padding: 0px 0px 15px 0px;
}


/* ******************* INFO PANELS WITH CORNERS *******************/
.clearBrownBorder .widgetHeader{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/clearBrownTB001.gif) no-repeat top left;
	height: 6px;
	width: 190px;
}

.clearBrownBorder .widgetFooter{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/clearBrownBB001.gif) no-repeat bottom left;
	height: 6px;
	width: 190px;
}

.clearBrownBorder .widgetBody{
	border-left: solid 1px #7d6c62;
	border-right: solid 1px #7d6c62;
	width: 188px;
	height: 265px;
	overflow: hidden;
}

* html .clearBrownBorder .widgetBody{width: 190px;}

.clearBrownBorder .widgetBody .title{
	color: #00a2af;
	font-size: 1.6em;
	font-weight: normal;
	padding: 4px 0px 11px 11px;
}

.clearBrownBorder .widgetBody p{
	margin: 0;
	padding: 9px 11px 9px 11px;
	font-size: 1.2em;
	font-weight: normal;
}

.clearBrownBorder .widgetBody a{
	color: #7a6e62;
}

.solidBrown .widgetHeader{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidBrownTB001.gif) no-repeat top left;
	height: 6px;
	width: 190px;
}

.solidBrown .widgetFooter{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidBrownBB001.gif) no-repeat bottom left;
	height: 6px;
	width: 190px;
}

.solidBrown .widgetBody{
	background: #7d6c62;
	width: 190px;
	height: 265px;
	overflow: hidden;
}

.solidBrown .widgetBody .title{
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	padding: 4px 0px 11px 11px;
}

.solidBrown .widgetBody p{
	margin: 0;
	padding: 9px 11px 9px 11px;
	font-size: 1.2em;
	font-weight: normal;
	color: #fff;
}

.solidBrown .widgetBody a{
	color: #fff;
}

.solidGreenWide .widgetHeader{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidWideGreenTB001.gif) no-repeat top left;
	height: 6px;
	width: 290px;
}

.solidGreenWide .widgetFooter{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidWideGreenBB001.gif) no-repeat bottom left;
	height: 6px;
	width: 290px;
}

.solidGreenWide .widgetBody{
	background: #00a2b1;
	width: 290px;
	overflow: hidden;
}

.solidGreenWide .widgetBody .title{
	color: #fff;
	font-size: 1.6em;
	font-weight: normal;
	padding: 4px 0px 11px 11px;
}

.solidGreenWide .widgetBody p{
	margin: 0;
	padding: 9px 11px 9px 11px;
	font-size: 1.2em;
	font-weight: normal;
}

.solidGreenWide .widgetBody a{
	color: #fff;
}

.solidGreenWide form{
	margin: 0;
	padding: 0;
}

.solidGreenWide .formMessage{
	display: none;
}

.solidGreenWide .formItemWrapper{
	padding: 0px 0px 0px 0px;	
	float: left;
	width: 280px;
}

.solidGreenWide .formLabelV{
	width: 100px;
	float: left;
	padding: 0px 0px 10px 11px;
	color: #000;
}

.solidGreenWide .formInputV{
	width: 160px;
	float: left;
}

.solidGreenWide .formInputV select{
	width: 160px;
	height: 18px;
	font-size: 0.85em;
}

.solidGreenWide .formInputV input{
	width: 160px;
	height: 18px;
	font-size: 0.85em;
	padding: 0px;
}


.solidLightBrownColumn .widgetHeader{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidLightBrownTB001.gif) no-repeat top left;
	height: 6px;
	width: 190px;
}

.solidLightBrownColumn .widgetFooter{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidLightBrownBB001.gif) no-repeat bottom left;
	height: 6px;
	width: 190px;
}

.solidLightBrownColumn .widgetBody{
	background: #dfdfdf;
	width: 190px;
	overflow: hidden;
	padding-bottom: 5px;
}

.solidLightBrownColumn .widgetBody .title{
	color: #00a2af;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 10px 14px 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
}

.solidLightBrownColumn form{
	margin: 0;
	padding: 0;
}

.solidLightBrownColumn .formMessage{
	display: none;
}

.solidLightBrownColumn .formItemWrapper{
	padding: 0px 0px 10px 0px;	
	float: left;
	width: 190px;
}

.solidLightBrownColumn .formLabelV{
	width: 160px;
	float: left;
	padding: 0px 0px 0px 11px;
	color: #000;
	font-size: 0.9em;
}

.solidLightBrownColumn .formInputV{
	width: 160px;
	float: left;
	padding: 0px 0px 0px 11px;
}

.solidLightBrownColumn .formInputV select{
	width: 160px;
	height: 18px;
	font-size: 0.85em;
}

.solidLightBrownColumn .formInputV input{
	width: 160px;
	height: 18px;
	font-size: 0.85em;
	padding: 0px;
}


.solidGreen .widgetHeader{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidGreenTB001.gif) no-repeat top left;
	height: 6px;
	width: 190px;
}

.solidGreen .widgetFooter{
	background: url(http://www.bucksandberks.co.uk/images/structure/body/boxCorners/solidGreenBB001.gif) no-repeat bottom left;
	height: 6px;
	width: 190px;
}

.solidGreen .widgetBody{
	background: #00a2b1;
	width: 190px;
	overflow: hidden;
}

.solidGreen .widgetBody .title{
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 10px 10px 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
}

.solidGreen .widgetBody p{
	margin: 0;
	padding: 10px;
	font-weight: normal;
	color: #fff;
}

.solidGreen .widgetBody a{
	color: #fff;
}
/******************** INFO PANELS WITH CORNERS *******************/

/***************** WEB MENU *****************/
.webMenu{
	border-top: solid 1px #dfdfdf;
}

.webMenu .menuItem{
	border-bottom: solid 1px #dfdfdf;
	padding: 7px 0px 7px 6px;
}

.webMenu .menuItem a{
	color: #22aebd;
}

.webMenu .active a{
	color: #7b6d62;
}
/***************** WEB MENU *****************/



/********** NEWS MENU STYLES ***********/
.marketingMenu .title{
	padding: 6px 5px 5px 5px;
    font-weight: bold;
    font-size: 1.1em;
    color: #347c82;
	border-bottom: solid 1px #347c82;
}

.marketingMenu .activeForm{
	padding-left:5px;
}

.marketingMenu .menuItem{
	padding: 0px 0px 10px 0px;
	font-size: 0.9em;
}

.marketingMenu .articleDate{
	font-size: 0.9em;
	padding: 2px 0px;
	color: #000;
}
/********** NEWS MENU STYLES ***********/



/** STANDARD FORMS CENTER CONTENT **/
div#center .activeForm{
  	margin-bottom: 5px;
	width: 485px;
   	font-weight: bold;
}

div#center .activeForm .formItemWrapper{
	width: 485px;
	float: left;
	padding: 5px 0px;
}

div#center .activeForm .formLabelH{
	width: 170px;
	float: left;
	padding: 5px 5px 5px 0px;
	text-align: right;
}

div#center .activeForm .formInputH{
	width: 310px;
	float: left;
	padding: 5px 0px;
}

div#center .activeForm .formSummaryH{
	width: 290px;
	float: left;
	padding: 5px 10px;
}

div#center .activeForm .formButton{
	width: 485px;
	float: left;
	padding: 5px 10px;
}
/** STANDARD FORMS CENTER CONTENT **/


/** STANDARD FORMS CENTER CONTENT NO COLUMNS**/
div#container00 div#center .activeForm{
  	margin-bottom: 5px;
	width: 890px;
   	font-weight: bold;
	padding: 0px 10px;
}

div#container00 div#center .activeForm .formItemWrapper{
	width: 890px;
	float: left;
	padding: 5px 0px;
}

div#container00 div#center .activeForm .formLabelH{
	width: 400px;
	float: left;
	padding: 5px 5px 5px 0px;
	text-align: right;
}

div#container00 div#center .activeForm .formInputH{
	width: 480px;
	float: left;
	padding: 5px 0px;
}

div#container00 div#center .activeForm .formSummaryH{
	width: 470px;
	float: left;
	padding: 5px 10px;
}

div#container00 div#center .activeForm .formButton{
	width: 890px;
	float: left;
	padding: 5px 10px;
	text-align: center;
}
/** STANDARD FORMS CENTER CONTENT NO COLUMNS**/



/** HOMEPAGE SEARCH FORM **/
div#container00 div#center .homepageSearch .activeForm{
  	margin-bottom: 0px;
	width: 390px;
	padding: 0px;
}

div#container00 div#center .homepageSearch .formItemWrapper{
	width: 390px;
	padding: 0px;
}

div#container00 div#center .homepageSearch .formLabelH{
	width: 150px;
	padding: 0px;
}

div#container00 div#center .homepageSearch .formInputH{
	width: 200px;
	padding: 0px;
}

div#container00 div#center .homepageSearch .formButton{
	width: 390px;
	padding: 0px;
	text-align: left;
}
/** HOMEPAGE SEARCH FORM **/

/********** JOB RESULTS STYLES ***********/
.jobSearch select{
    width: 160px;
    font-size: 11px;
    color: #454444;
    font-family: arial;
    font-weight:normal;
}

.jobSearch .formMessage{
   	display:none;
}

div#center  .jobSearch .activeForm{
	width: 670px;
}

div#center  .jobSearch .formItemWrapper{
	width: 670px;
}

div#center  .jobSearch .formLabelV{
	width: 670px;
	padding-bottom: 10px;
}

div#center  .jobSearch .formInputV{
	width: 670px;
}

.jobSearch table{
	width: 670px;
}

.jobSearch .tableHeading {
	padding: 5px 3px 4px 3px;
	text-decoration:underline;
}

.jobSearch .tableContents {
	padding: 5px 3px 5px 3px;
}

.jobSearch .backLink {
	text-align: right;
	padding: 0px 0px 10px 0px;
}

.jobSearch a {
	font-weight: bold;
}

.recru_job_001_results .bottomSummary{
	border-top: solid 1px #347c82;
	padding: 6px 3px 0px 3px;
}

.recru_job_001_results .topSummary{
	border-bottom: solid 1px #347c82;
	padding: 0px 3px 6px 3px;
}

.recru_job_001_results .bottomSummary, .searchResults .topSummary{
	margin: 0px 1px 0px 1px;	
	height: 20px;
	float: left;
	width: 670px;
}

.recru_job_001_results .resultsNavigation{
	float: right;
	color: #ffffff;
}

.recru_job_001_results .resultsCount{
	width: 150px;
	float: left;
}

.recru_job_001_results .resultsNavigation a{
	font-weight: bold;
}



/** SUBMIT CV **/
div#center  .submitCV .activeForm{
	width: 470px;
}

div#center  .submitCV .formItemWrapper{
	width: 470px;
}

div#center  .submitCV .formLabelV{
	width: 470px;
	padding-bottom: 10px;
}

div#center  .submitCV .formInputV{
	width: 470px;
}

.submitCV table{
	width: 470px;
}


.submitCV .backLink {
	display: none;
}
/** SUBMIT CV **/

/** Web Search **/
div#center  .siteSearch .activeForm{
	width: 485px;
}

.siteSearch table{
	width: 485px;
	clear: left;
}

.siteSearch .tableHeading {
	padding: 5px 3px 4px 3px;
	text-decoration:underline;
}

.siteSearch .tableContents {
	padding: 5px 3px 5px 3px;
}

.siteSearch .backLink {
	text-align: right;
	padding: 0px 0px 10px 0px;
}

.siteSearch a {
	font-weight: bold;
}

.siteSearch .bottomSummary{
	border-top: solid 1px #347c82;
	padding: 6px 3px 0px 3px;
}

.siteSearch .topSummary{
	border-bottom: solid 1px #347c82;
	padding: 0px 3px 6px 3px;
}

.siteSearch .bottomSummary, .siteSearch .topSummary{
	margin: 0px 1px 0px 1px;	
	height: 20px;
	float: left;
	width: 485px;
}

.siteSearch .resultsNavigation{
	float: right;
	color: #ffffff;
}

.siteSearch .resultsCount{
	width: 150px;
	float: left;
}

.siteSearch .resultsNavigation a{
	font-weight: bold;
}