* {
	font-family: verdana, sans-serif;
	margin: 0;
	padding: 0;
}
body {
	background: white url(../images/generic/back_tile.gif);

}
img {
	border: 0;
}
h1 {
	color: #21b6ea;
	font-size: 1.1em;
	line-height: 2em;
}
h2 {
	color: #21b6ea;
	font-size: 1.1em;
	line-height: 1.8em;
}
h3 {
	color: #21b6ea;
	font-size: 0.8em;
	line-height: 1.6em;
}
h4 {
	color: #21b6ea;
	font-size: 0.68em;
	line-height: 1.4em;
}


p {
	font-size: 0.7em;
	margin: 9px 0px;
}
acronym {
	cursor: pointer;
}
#wrapper {
	margin: auto;

}
#container {
	background-color: white;
	margin: auto;
	padding: 0 0px;
	width: 825px; 
}
#header { 
	color: #909092;
	clear: both;
	height: 112px;
}
#logo {
	float: left;
	height: 118px;
	width: 220px;
}
#headerTag {
	clear: rigth;
	float: right;
	margin-top: 20px;
	width: 550px;
}
#headerTagLine {
	float: left;
	font-size: 0.8em;
	line-height: 20px;
	width: 260px;
}
#callUs {
	float: left;
	font-size: 0.8em;
	line-height: 20px;
/*	width: 240px;
*/	width: 200px;
}
#clientLog {
	float: left;
}
#feature {
padding-left: 13px;
}
#featureTop {
	background:url(../images/features/feature_box_top.jpg) no-repeat 0px 0px;
	width: 810px;
	height: 15px;
}
#featureBody {
	background-image:url(../images/features/feature_box_bg.jpg);
	background-repeat: repeat-y;
	width: 800px;
	height: 134px;
	padding: 0 20px;
}
#featureBottom {
	background:url(../images/features/feature_box_btm.jpg) no-repeat 0px 0px;
	width: 800px;
	height: 41px;
}
#featureBody div {
	float: left;
}
#productRange {
	clear: right;
	margin-left: 10px;
	width: 190px;
}
#whyEuro {
	clear: right;
	margin-left: 10px;
	width: 190px;
}
#ecoFriendly {
	clear: right;
	margin-left: 10px;
	width: 339px;
}
.bold {
	font-weight: bold;
}
.fontPlus {
	font-size: 110%;
}
.redlight {
	color: #f05c5c;
}

.lowlight {
	color: #909092;
}
.smallerFont {
	font-size: 0.7em;
}
#content {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0 14px;
}
#leftBox {
	float: left;
	width: 458px;
	padding-right: 4px;
}
#leftBox p {
	color: #666666;
}
#leftBox .highlight {
	color: #21b6ea;
}
#rightBox {
	float: right;

	padding-top: 15px;
	padding-bottom: 20px;
	width: 308px;
}
.rightBoxWrapper {
	padding: 13px 13px 70px 13px;
	margin: 0;
}
.altRightBoxWrapper {
	padding: 10px 13px 13px 13px;
	margin: 0;
}
.sidebox {
	clear: left;
	margin-top: 15px 0 5px 0;
	padding: 5px 0 10px 0;
	text-align: center;
}
.bpif {
float: left; width: 128px; height: 65px; background: white url(../images/features/bpiflogo.gif) center center no-repeat;
}
.fact {
float: left; width: 141px; height: 50px; background: white url(../images/features/fact_logo.gif) center center no-repeat; margin-left: 30px; padding-top: 5px;
}
.rangeBox {
	clear: left;
	margin-top: 15px 0 5px 0;
	padding: 5px 0 10px 0;
	text-align: center;
}
.bgBeige {
	background-color: #eeece0;
}
.yourQuote {
	clear: left;
	float: right;
	margin-top: -5px;
	margin-right: -5px;
	width: 150px;
}
.positionQuote {
	float:right;
	clear: right;
	margin-top: -74px;
	position:relative;
	right: 8px;
	z-index:99;
}
#footer {
	background-color: #21b6ea;
	clear: left;
	color: white;
	font-size: 0.55em;
	padding: 4px 20px;
	text-indent: 20px;
}
#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul li {
	color: white;
	display: inline;
	text-indent: 0;
}
#footer  ul li a:link {
	color: white;
	text-decoration: none;
}
#footer  ul li a:hover {
	text-decoration: underline;
}
#content #ourProductRange a {
	color: #21b6ea;
}
#ourProductRange {
	font-weight: bold;
	font-size: 0.689em;
	padding: 0;
	list-style: none;
	line-height: 30px;
}
#ourProductRange li {
	color: #666666;
	list-style: none;
	text-indent: 0;
}
#ourProductRange a {
	cursor: pointer;
	text-decoration: none;
}
#bulletsAboutUs {
	font-weight: bold;
	font-size:  0.689em;
	padding: 0;
	list-style: none;
	line-height: 30px;
}

#bulletsAboutUs li {
	color: #21b6ea;
	list-style: none;
	text-indent: 0;
}
#bulletsAboutUs li a {
	color: #21b6ea;
}



.environment {
	color:#666666;
	font-size:0.7em;
	padding: 0;
	list-style: inside;
}
.environment li {
	text-indent: 0;
	padding-bottom: 4px;
}


.clearBoth {
	clear: both;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.pagelink:link, .pagelink:visited {
	font-size: 1.0em;
	color: #21B6EA;
	text-decoration: none;
	border-bottom: 1px solid #21B6EA;
}
.pagelink:hover, .pagelink:active {
	font-size: 1.0em;
	color: #909092;
	border-bottom: 1px dotted #21B6EA;
	text-decoration: none;
}

#ourRange {
/*	font-size: 1em;
*/
}
.rangeLink:link, .rangeLink:visited {
	color: #21B6EA;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #21B6EA;
}
.rangeLink:hover, .rangeLink:active {
	color: #909092;
	font-size: 1.1em;
	border-bottom: 1px dotted #21B6EA;
	text-decoration: none;
}


.footerlink:link, .footerlink:visited {
	color: white;
	border-bottom: 1px solid #21B6EA;
	text-decoration: none;
}
.footerlink:hover, .footerlink:active {
	border-bottom: 1px dotted #21B6EA;
	color: #909092;
	text-decoration: none;
}

#leftFullPage {
	border: 1px solid red;
}
.leftcolWrapper {
	border: 1px dotted red;
}
.Narrative {
	border: 1px solid purple;
}
.Descriptive {
	border: 1px dotted green;
}
.thinCol {
	border: 1px dotted purple;
}
.thickCol {
	border: 1px solid green;
}
.tab {
	margin-left: 20px;
}
.ddfmwrap label {
	display: block;
	float: left;
	width: 100px;
}
.ddfmwrap input {
	font-size: 0.750em;
}
.ddfmwrap p input {
	width: 200px
}
.ddfmwrap textarea {
	font-size:  0.750em;
	width: 200px
}
.size12 {
	font-size:  0.750em;
}
.ddfmerrors, .errorlist {
	color: red;
	font-size:0.7em;
}
#globalActionPlan {
	margin: 4px;
}
.pointer {
	cursor: pointer;
}
#cover_label {
	padding-top: 15px;
}
.contactWrap {
	color: #909092;
	float: left;
	width: 750px;
}
.contactSide {
	float: left;
	width: 130px;
	clear: right;
}
.contactDetail {
	float: left;
	clear: right;
	width: 600px;
}
.contactTitle {
	float: left; width: 100px;
}
.contactDesc {
	float: left;
	clear: right;
	width: 488px;
}
.emailWrap {
	float: left; width: 130px; clear: right;
}
.emailDetail {
	float: left;
	clear: right;
	width: 600px;
}

#login #account  {
	text-align: center;
}
#login label, #account label, #customer label {
	display: block;
	float: left;
	width: 100px;
}
#customer select {
	width: 137px;
}
#login p, #account p, #customer p {
	padding: 0;
	text-align: left;
}
.required {
	color: red;
	display: inline-block;
}
hr {

}


/*		Search Result Output	*/

.smallSearchCustomer {

}


.menulist {
	font-weight: bold;
	list-style: none;
	line-height: 30px;
	margin: 0;
	padding: 0;
		list-style: outside;
}
.menulist li {
	color: #21b6ea;
	list-style: none;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
.menulist li a {
	font-size:  0.689em;
	color: #21b6ea;
}

#ourProductRange li span.iconArrow,
#bulletsAboutUs li span.iconArrow {
	margin-top: 10px;
}
.iconArrow {
	background-image:url(../images/interface/bullet_arrow.gif);
	background-repeat:no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	float: left;
	margin-right: 4px;
}

.menulist li .iconArrow {
	margin-top: 4px;
}
.menulist li label {
	display: block;
	float: left;
	font-size:  0.689em;
	line-height: 18px;
	margin: 0;
	padding: 0;
	width: 100px;
}
.menulist li input {
	font-size:  0.689em;
}
.menulist li span {
	font-size:  0.689em;
}

.menulist .hrline {
	height: 4px;
	line-height: 20px;
}

.menulist  #src_username {
	margin: 0;
	width: 100px;
}
.menulist #src_forename {
	margin: 0;
	width: 100px;
}
.menulist #src_lastname {
	width: 100px;
}
.menulist #action {

}

.menulist #smallSearchCustomer #action {
	font-size: 0.689em;
}

.marginleft20 {
	margin-left: 20px;
	}








#maintainCustomer label {
	display: block;
	float: left;
	width: 100px;
}


.pageNav { 
	color: #666666;
	font-size: 0.689em;
	margin-top: 20px;	
}
.pageNav a:link, .pageNav a:visited { font-weight:bold; color:#3bacce; }

.pageNav a:hover, .pageNav a:active { font-weight:bold; color:#3bacce; text-decoration: none; }

.firstLast { float: left; width: 30px; text-align: center }

.prevNext { float: left; width: 70px; text-align: center; }

#pageNumbers { float: left; width: 220px; text-align: center; }

.pageNumber { float: left; width: 30px; text-align: center; }



#jobentry p label {
	display: block;
	float: left;
	width:200px;
}
#jobentry p input {
	clear: right;
	border: 1px solid red;
	width: 200px;
}
#jobentry p select {
	border: 1px solid blue;
	width: 200px;
}

.EntryForm {
	color: #666666;
}
.EntryForm p label {
	display: block;
	float: left;
	width:200px;
}
.EntryForm p input {
	clear: right;
	color: #666666;
	width: 210px;
}
.EntryForm p textarea {
	clear: right;
	width: 210px;
}
.EntryForm p select {
	width: 215px;
}
.EntryForm p #action {
	width: 60px;
}
textarea {
	color: #666666;
	font-family: verdana, sans-serif;
	font-size: 0.97em;
}
input {
	color: #666666;
}
select {
	color: #666666;
}

.imageLayout {
	list-style: none;
}
.imageLayout li {
	display: inline;
	float: left;
	text-align: center;
	width: 220px;
}




#searchResultWrapper {

}
.searchResults { 
	color: #666666;
	font-size: 0.689em;
	clear: right;
	margin: 0px 0px 8px 0px; 

	text-align: center;
}
.searchResults div {
	float: left;
}
.searchResults .header {
	text-align: center;
}
.searchResults .header #src_username {
	width: 100px;	
}
.searchResults .header #src_forename {
	width: 100px;
}
.searchResults .header #src_lastname {

	width: 100px;
}
.searchResults .col_4 {
	text-align: right;
	}
.searchResults .body {

}
.searchResults .col_1 {
	width: 60px;
}
.searchResults .col_2 {
	width: 105px;
}
.searchResults .col_3 {
	width: 140px;
}
.searchResults .col_4 {
	width: 80px;
}
.searchResults .col_5 {
	width: 60px;
}

.searchResults_body {
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
}
.searchResults .col_1_header {
	padding: 0;
	width: 60px;
}
.searchResults .col_1_header input {
	width: 50px;
}
.searchResults .col_2_header {
	width: 200px;
}
.searchResults .col_2_header input {
	
	width: 200px;
}
.searchResults .col_3_header {
	width: 120px;
}
.searchResults .col_3_header input {
	width: 120px;
}
.searchResults .col_4_header {
	text-align: right;
	width: 70px;
}

.searchResults #action {
	float: right;
}
.searchResults .col_1_body {
	text-align: left;
	width: 70px;
}
.searchResults .col_2_body {
	text-align: left;
	width: 250px;
}
.searchResults .col_3_body {
	text-align: left;
	width: 100px;
}


.jobList {
	font-size: 0.689em;
	margin-bottom: 5px;
}
.jobList div {
	float: left;
}

.jobList .head {
	color:#21B6EA;
	font-weight: bold;
	text-align: center;
}
.jobList .col_1 {

}
.jobList .col_1 {
	width: 90px;
}
.jobList .col_1.body {
border: 0px solid lightgrey;
	text-align: center;
}

.jobList .col_2 {
border: 0px solid lightgrey;
	width: 180px;
}
.jobList .col_3 {
border: 0px solid lightgrey;
	text-align: center;
	width: 100px;
}
.jobList .col_4 {
border: 0px solid lightgrey;
	width: 100px;
}
.jobList.overflow {

	width: 480px;
}

#deliveryAdvice {
	font-size:0.7em;
	text-align: center;
	width: 100%;
}
#deliveryAdvice thead {
	color:#21B6EA;
	font-weight: bold;
}
#deliveryAdvice tbody {
	color:#666666;
}



#costs {
padding: 0px 20px 20px 20px;
	font-size: 0.9em;
}
#costs legend {
	color: #21b6ea;
	margin-bottom: 5px;
}
#costs label {
	color: #666666;
	clear: left;
	display: block;
	float: left;
	font-weight: bold;
	width: 150px;
}
#costs p {
	font-size: 0.9em;
	color: black;
}
#costs .values {
	clear: right;
	display: block;
	float: left;
	text-align: right;
	width: 100px;
}
fieldset {
	color: #21b6ea;
	font-family: verdana, sans-serif;
	font-size: 0.7em;
	padding: 1px 10px;
	margin-bottom: 8px;
}
fieldset legend {
	color:#21B6EA;
	font-size: 1.0em;
	font-weight: bold;
}
fieldset p {
	font-size: 1.0em;
}
.labels {
	display: block;
	float:left;
	width: 100px;
}
.values {
	display: block;
	float: right;
	font-weight: bold;
	text-align: right;
}
.downloads {
	font-size: 0.9em;
}

#imagelist {
	list-style: none;
	margin: 0 0 0 9px;
	padding: 0;
}
#imagelist li {
	float: left;
	height: 160px;
	padding-top: 10px;
	text-align: center;
	width: 130px;
}
#imagelist li a {
	color:#666666;
	font-size: 0.7em;
}
.center {
	text-align: center;
}