/* CSS Document */

body {
	text-align: center;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	color: #403F3B;
	line-height: 14px;
}
a:link {color: #403F3B; text-decoration: underline; }
a:visited {color: #403F3B; text-decoration: underline; }
a:hover {color: #567A00; text-decoration: none; }
a:active {color: #403F3B; text-decoration: underline; }

p {margin-top: 0px; margin-bottom: 20px;}

.pEnd {margin: 0px;}

h1 {
    font-size: 1.2em;
    font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}


h2 {
    font-size: 1.2em;
    font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 20px;
	background: #B1E535;
	padding: 4px 0px 6px 4px;
	color: #FFFFFF;
}

h4 {
    font-size: 1.0em;
	margin-bottom: 10px;
}

.note {
	font-size: 0.8em;
}
.greyText {	color: #403F3B;}

.space {
	padding-left	: 20px;
}
.spaceBottom {
	padding-bottom	: 10px;
}
.spaceLeft {
	padding-left: 20px;
}
.spaceTopBottom {
	padding-top: 20px;
	padding-bottom: 20px;
}
.spaceTopBottom4px {
	padding-top: 4px;
	padding-bottom: 4px;
}
.spaceSixteen {
	padding-left	: 16px;
}

.end {
	clear: both;
}
hr {
	clear: both;
	border-top: #CCCCCC dotted 1px;
	border-right: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	border-left: #FFF dotted 1px;
	margin: 18px 0px 18px 0px;
}

ul {
	margin          : 0px 0px 10px 0px;
	padding         : 1px 0px 0px 0px;
	list-style-type: none;
}

li {
	background: url(../img/bullet03.gif) top left no-repeat;
	padding: 1px 0px 8px 0.8em;
}

ol li {
	background: none;
	padding: 1px 0px 8px 0;
}

.floatRight {
	float: right;
}

.intro { font-size: 1.2em; line-height: 1.2em;}

.teamFloatleft{
	float: left;
	width: 100px; height: 100px;
	margin: 4px 0px 0px 0px;
}
.teamText {margin-left: 120px;}

.supportersFloatleft{
	float: left;
	clear: both;
	width: 226px; height: 92px;
	margin: 4px 0px 18px 0px;
}
.supportersText {margin-left: 246px;}

/*CONTENT HOLDERS*/

#container {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #FFF url(../img/tile_left_bar.gif) top left repeat-y;
	border: 1px solid #BEBDB3;
	height: 100%;
}
#container1col {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: #FFF;
	border: 1px solid #BEBDB3;
	height: 100%;
}
#header {
	background: #A3A39B;
	position: relative;
	top: 0;
	left: 0;
	width: 900px;
	height: 86px;
}
#nav {
	background: #A3A39B;
	float: left;
	height: 47px;
	width: 900px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	clear: both;
}

#blankNav {
	background: #B1E535;
	float: left;
	height: 23px;
	width: 900px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	clear: both;
}

#navHome {
	background: #A3A39B;
	float: left;
	height: 47px;
	width: 900px;
	border-top: 1px solid #FFF;
	clear: both;
}
#LeftBar {
	float: left;
	width: 230px;
	height: 100%;
	background:  url(../img/img_outline_side_bar.gif) top left no-repeat;
	clear: both;

}
#Content {
	float: left;
	width: 670px;
	height: 100%;
}

#ContentRec {
	float: left;
	width: 660px;
	height: 100%;
	padding: 0px 0px 0px 230px;
	background:  url(../img/img_outline_side_bar.gif) top left no-repeat;
}

#Content1col {
	float: left;
	width: 900px;
	height: 100%;
}

#footer {
	clear: both;
	background: #A3A39B;
	float: left;
	width: 848px;
	font-size: 11px;
	padding: 3px 26px 4px 26px;
	border-top: 1px solid #FFF;

}

/*HEADER STYLES*/

#logo {
	width: 292px;
	height: 85px;
	float: right;
	text-align: right;
}
#leftImg {
	width: 230px;
	height: 86px;
	float: left;
}
#homeOutlineImg {
	width: 177px;
	height: 86px;
	float: left;
}

/*LEFT BAR STYLES*/

#leftBarContent {
	padding: 20px 24px 20px 26px;
	font-size: 0.8em;
	color: #FFF;
}
#leftBarContent ul {
	margin          : 0px;
	padding         : 4px 0px;
	list-style-type: none;
}

#leftBarContent li {
	background		: url(../img/bullet02.gif) top left no-repeat;
	padding			: 0px 0px 6px 0.6em;
}


#leftBarContent a:link {font-weight: normal; color: #FFFFFF; text-decoration: underline;}
#leftBarContent a:visited {font-weight: normal; color: #FFFFFF; text-decoration: underline;}
#leftBarContent a:hover {font-weight: normal; color: #FFFFFF; text-decoration: none;}
#leftBarContent a:active {font-weight: normal; color: #FFFFFF; text-decoration: underline;}



/*CONTENT STYLES*/

#mainHeading {
	float: left;
	padding: 20px 0px 10px 26px;
	width: 500px;
	height: 100%;
}

#mainContent {
	float: left;
	display: inline;
	padding: 0px 26px 26px 26px;
	font-size: 0.8em;
	width: 618px;
	height: 100%;
}

#mainContentRec {
	float: left;
	display: inline;
	padding: 0px 16px 26px 26px;
	font-size: 0.8em;
	width: 610px;
	height: 100%;
}

#mainContent1col {
	float: left;
	display: inline;
	padding: 0px 26px 26px 26px;
	font-size: 0.8em;
	width: 848px;
}
.floatleft{
	float: left;
	margin: 0px 26px 26px 0px;
}
.floatright{
	float: right;
	margin: 0px 0px 26px 26px;
}
.teamFloatleftDeep{
	float: left;
	margin: 4px 26px 26px 0px;
	padding: 0px 0px 30px 0px;
}
.teamFloatleft{
	float: left;
	margin: 4px 26px 26px 0px;
}
.teamFloatright{
	float: right;
	margin: 0px 0px 26px 26px;
}
#gallery{
	float: left;
	width: 618px;
	text-align: center;
	margin: 0px
}
.arrow{
	padding: 0px 20px 147px 20px;
}
.arrow02{
	padding: 0px 33px 0px 33px;
}
.outline{
	border: 1px solid #FFF;
}
.padbottom{
	float: left;
	margin: 0px 0px 26px 0px;
}
.hotspot {
	padding: 0px 0px 0px 4px;
	font-size: 0.8em;
}
.promoPanel { padding: 10px 10px 4px 10px; /*border: #403F3B solid 2px;*/ background-color: #B1E535; margin: 0 0 10px 0;}

.promoPanel ul {margin: 0px 0px 10px 60px;

}



/*QR6kW GALLERY STYLES*/

#dynloadarea{
	width: 196px;
	height: 196px;
	border: #ccc dotted 1px;
	padding: 8px;
}
.cellPad{
	padding: 0px 0px 10px 0px;
}
.QR6kWleftCell {
	width: 25%;
}
.QR6kWmidCell {
	width: 75%;
	padding: 0px 26px 10px 0px;
}

.QR6kWrightCell {
	width: 40%;
}
.paybackTable {
	background-color: #BDBDB0;
	color: #FFFFFF;
	font-size: 0.85em;
	padding: 6px !important;
}
.paybackTableLine {
	border-top: #FFF dotted 1px;
}

.assumption {
	font-size: 0.9em;
	border-top: #FFF dotted 1px;
}

/*MEDIA STYLES*/

.MediaCell {
	width: 50%;
	padding: 0px 26px 10px 0px;
}

/*FACTSHEET STYLES*/

.listing {
	line-height: 1.6em;
}


/*FOOTER STYLES*/

.footerText01 {
	float: left;
	vertical-align: middle;
	color:#FFF;
	padding-top: 1px;
}
.footerImg {
	float: right;
	height: 19px;
}
.footerText01 a:link {font-weight: normal; color: #FFFFFF; text-decoration: underline;}
.footerText01 a:visited {font-weight: normal; color: #FFFFFF; text-decoration: underline;}
.footerText01 a:hover {font-weight: normal; color: #FFFFFF; text-decoration: none;}
.footerText01 a:active {font-weight: normal; color: #FFFFFF; text-decoration: underline;}


/*HOMEPAGE STYLES*/

#homeImg {
	float: left;
	width: 900px;
	height: 300px;
	background: #FFF url(../img/img_homepage-5-turbines2.jpg) top left no-repeat;
	border-top: #FFFFFF solid 1px;
}

#homeCaption {
	position: relative;
	top: 128px;
	left: 26px;
	width: 300px;
	/*height: 90px;*/
}
#homeVideoTxt {
	float: left;
}
#homeVideoBtn {
	clear: both;
	float: left;
}
#homeContent {
	float: left;
	width: 900px;
	height: 100%;
	background: #F2F2F1;
}
#homeShortcuts {
	float: left;
	padding: 12px 26px 13px 26px;
	font-size: 0.8em;
	width: 8em;
}
#homeShortcuts ul {
	margin          : 4px 0px 0px 0px;
	padding         : 2px 0px 2px 0px;
	list-style-type: none;
	border-bottom: #D8D7D2 dotted 1px;
	border-top: #D8D7D2 dotted 1px;
}

#homeShortcuts li {
	background: url(../img/bullet01.gif) top left no-repeat;
	padding: 0px 0px 4px 0.6em;
}

#homeFlags {
	float: left;
	padding: 6px 0px 0px 0px;
	font-size: 0.7em;
	line-height: 1.4em;
	width: 610px;
	margin: 0px 0px 0px 100px;
	text-align: right;
}

#homeNews {
	float: left;
	padding: 6px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.4em;
	width: 610px;
	margin: 0px 0px 26px 100px;
}
#homeNews ul {
	margin          : 0px;
	padding         : 4px 0px 0px 0px;
	list-style-type: none;
}

#homeNews li {
	background: url(../img/bullet04.gif) top left no-repeat;
	padding: 1px 0px 9px 0.6em;
}



/*TABLE STYLES*/

.table {
	width: 100%;
	text-align: center;
	margin: 0;
}

.table td {
	padding: 10px;
}

.tableImg {
	width: 33%;
	border-right: #ccc dotted 1px;
}
.tableImgRight {
	width: 33%;
}
.tableTxtTop {
	width: 33%;
	border-right: #ccc dotted 1px;
	border-bottom: #ccc dotted 1px;
}
.tableTxt {
	width: 33%;
	border-right: #ccc dotted 1px;
}
.tableTxtRight {
	width: 33%;
	border-bottom: #ccc dotted 1px;
}




/*QUOTE FORM STYLES*/

.quoteTable {
	width: 100%;
	margin: 0px 0px 0px 0px;
}

.quoteTable td {padding: 4px 6px 4px 6px;}

.quoteTableStart {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.quoteTableStart td {padding: 4px 6px 4px 6px;}

.distanceTable {
	width: 100%;
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;
	border-top: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
}

.distanceTable td {padding: 2px; border-bottom: #CCCCCC solid 1px; border-right: #CCCCCC solid 1px;}

.quoteRedText  {color: #900;}

.quoteBorder  {border-bottom: #E8E8E8 solid 1px;}

.quoteLightGreyBG  {background: #E8E8E8; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}
.quoteMidGreyBG  {background: #CCCCCC; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}

.quoteMidGreenBG  {background: #b1e535; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;}
.quoteLightGreenBG  {background: #d8f29a; border-bottom: #FFFFFF solid 1px; font-weight: bold; border-right: #FFFFFF solid 1px;}

/*.quoteQuestion {line-height: 1.8em;}*/

.quoteLeftCell {
	/*width: 35%;*/
	text-align: right !important;
	vertical-align: middle;
}
.quoteLeftCell02 {
	/*width: 35%;*/
	text-align: left !important;
	vertical-align: middle;
}

/*.quoteInputCell input, select, textarea {

	font: normal normal normal 95%/135% verdana, arial, helvetica, sans-serif;
	background-color: #f0f0f0;
	border: 1px solid #a3a39b;
	padding: 2px 2px 5px 5px;
	width: 100px;
}*/

.quoteNote {font-size: 0.8em; line-height: 1.0em;}
.quoteTotal {text-align: right; font-weight: bold;}
.quoteError {background: #b1e535; padding: 20px 20px 20px 20px !important; font-weight: bold; border-top: #FFFFFF solid 2px; border-bottom: #FFFFFF solid 2px; border-right: #FFFFFF solid 2px;}

.quoteSelectSml {width: 80px; margin-top: 6px;}
.quoteSelectDetails {width: 130px; margin-top: 0px;}
.quoteSelectMed {width: 130px; margin-top: 6px;}
.quoteSelectLrg {width: 370px; margin-top: 6px;}

.quoteRadio {margin-top: 6px;}

.quoteButton {
	width: auto;
	padding: 0px 2px;
	font-size: 0.8em;
	margin-left: 6px;
}

.quoteSendButton {
	width: 240px;
	padding: 4px 0px;
	/*margin-right: 6px;*/
}






/*FORM STYLES*/

.formTable {
	width: 100%;
	margin: 0;
}

.formTable td {
	padding: 6px;
}
.formTable02 td {
	padding: 6px 0px 6px 0px;
}

.leftCell {
	width: 35%;
	text-align: right !important;
	vertical-align: top;
}

.leftCell01 {
	width: 35%;
	text-align: left !important;
	vertical-align: top;
}

.leftCell02 {
	width: 35%;
	text-align: left !important;
	vertical-align: top;
}
.leftCell03 {
	width: 35%;
	text-align: right !important;
	vertical-align: middle;
}
.leftCell04 {
	width: 35%;
	text-align: center !important;
	vertical-align: middle;
}
.leftCell05 {
	width: 2%;
	text-align: left !important;
	vertical-align: middle;
}
.rightCell01 {
	width: 98%;
	text-align: left !important;
	vertical-align: top;
}
.titleCell01 {
	width: 35%;
	text-align: left !important;
	vertical-align: middle;
	/*height: 50px;*/
}
.cellBorder {
	border-bottom: #ccc dotted 1px;
	padding-bottom: 12px !important;
}	
.cellBorderTop {
	border-top: #ccc dotted 1px;
	padding-top: 12px !important;
}	

.mandatory  {
	color: #900;
	font-size: 110%;
	font-weight: bold;

}



.inputCell input, select, textarea {

	/*font: normal normal normal 95%/135% verdana, arial, helvetica, sans-serif;*/
	/*background-color: #f0f0f0;
	border: 1px solid #a3a39b;
	padding: 2px 2px 5px 5px;
	width: 98%;*/
}

/*select {width: 310px !important;}*/

textarea {
	width: 98%;
}

select {
	width: 97%;
	padding-right: 1px;
}

.button {
	width: auto;
	padding: 2px 4px;
	/*margin-right: 6px;*/
}

.box {
	margin: 0px 0px 0px 0px;
	border-width: 0 !important;
	background-color: #fff;
	width: auto;
}

.docCheckbox {
	margin: 0px 0px 0px 10px;
}

.description {
	margin-top: 0px;
	border: 1px solid #FFF !important;
	width: auto;
	background-color: #FFF;
	text-align: center;
}


/*SAINSBURYS STYLES*/

#sainsLeftCol {
	float: left;
	padding: 20px 0px 20px 26px;
	width: 310px;
	height: 100%;
}

#manuLeftCol {
	float: left;
	padding: 40px 0px 20px 26px;
	width: 310px;
	height: 100%;
}

#sainsRightCol {
	float: left;
	padding: 20px 0px 10px 36px;
	width: 522px;
	height: 100%;
	font-size: 0.8em;
	text-align: left;
}

.sainsPicture {
	float: left;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
	width: 310px;
	height: 100%;
	background: #CCCCCC;
}

.manuPicture {
	float: left;
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 26px 0px;
	width: 310px;
	height: 100%;
	background: #CCCCCC;
}

.sainsPictureCaption {
	padding: 6px 6px 6px 6px;
	font-size: 0.7em;
}

.sainsLogo {
	float: left;
	text-align: right;
	width: 502px;
	margin: 20px 0px 16px 0px;
}

.sainsTitle {
	float: left;
	width: 502px;
	margin: 20px 0px 16px 0px;
}

.sainsText {
	float: left;
	clear: both;
	width: 502px;
	margin: 16px 20px 0px 0px;
	line-height: 1.6em;
}


/*INTERNATIONAL STYLES*/

#intIntroText {
	float: left;
	clear: both;
	padding: 10px 0px 0px 26px;
	font-size: 0.8em;
	line-height: 1.4em;
	width: 640px;
}

#intMapHolder {
	float: left;
	clear: both;
	/*width: 900px;*/
	margin: 10px 0px 10px 26px;
}

#intImageHolder {
	float: left;
	padding: 20px 26px 20px 26px;
	width: 310px;
	height: 100%;
}

#intContentHolder {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 20px 26px 20px 0px;
	width: 510px;
	height: 100%;
	font-size: 0.8em;
	line-height: 1.4em;
}

#intLeftImg {
	height: 86px;
	float: left;
	margin: 0px 0px 0px 26px;
}

#intContentHolder ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 30px;
	list-style-type: none;
}

#intContentHolder li {
	background: url(../img/bullet03.gif) top left no-repeat;
	padding: 0px 0px 6px 0.6em;
}

.intTitleHolder {
	width: 510px;
	padding: 0 0 10px 0;
}


/*RECRUITMENT STYLES*/

.recTable {
	margin: 0px 0px 16px 0px;
}

.recTable td {
	padding: 4px 0px 4px 0px;
}

.recTable hr {
	border-top: #CCCCCC dotted 1px;
	border-right: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	border-left: #FFF dotted 1px;
	margin: 2px 0px 2px 0px;
}

/*GENERAL TABLE STYLES*/

.generalTable {
	margin: 0px 0px 26px 0px;
}

.generalTable td {
	padding: 4px 0px 4px 0px;
}

.generalTable hr {
	border-top: #CCCCCC dotted 1px;
	border-right: #FFF dotted 1px;
	border-bottom: #FFF dotted 1px;
	border-left: #FFF dotted 1px;
	margin: 2px 0px 2px 0px;
}



/*CONSULTANCY STYLES*/

.consultancyTxtHolder{
	width: 100%;
	clear: both;
	padding: 0 0 20px 0;
}

.captionPictureHolderRight {
	float: right;
	/*clear: both;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 16px;
	/*width: 183px;*/
	height: 100%;
	background: #CCCCCC;
	text-align: center;
}

.captionPictureHolderLeft {
	float: left;
	/*clear: both;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 16px 0px 0px;
	/*width: 183px;*/
	height: 100%;
	background: #CCCCCC;
	text-align: center;
}

.captionPictureCaption {
	padding: 3px;
	font-size: 0.8em;
}