/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:arial;}
body{
	background:#ffffff;
	font-size:100%;
	line-height:1em;
	color:#FFFFFF;	/*6B6476*/
}
img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.75em; line-height:0.875em;}
.content{font-size:0.75em; line-height:1.5em;}
#footer{font-size:0.75em; line-height:1.5em;}
/********** end font size***************/

input, textarea, select{ 
	font-family:arial;
	color:#A4A4A4; 
	border:1px solid #A4A4A4;
	vertical-align:top;
}
#form input { width:173px; height:18px; font-size:1em; padding:0 0 0 5px; background:#38313C;}
#form textarea { width:223px; height:126px; font-size:1em; overflow:auto; background:#38313C;}
.inp_h{ height:23px; margin:0 0 3px 0;}
#form select { width:182px; height:30px; font-size:1em; background:#38313C;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in13{ padding-bottom:13px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/

ul {} /*list-style:none;*/
li a { 
	background:url(../images/arr.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font-size:0.96em;
	line-height:1.82em;
	color:#B5B5B5; /*B5B5B5*/
	text-decoration:underline;
}
li a:hover {text-decoration:none;}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#B5B5B5;} /*B5B5B5*/
a:hover{ text-decoration:none;}
.link{ color:#B5B5B5; text-decoration:none;}
.link:hover{text-decoration:underline;}
.link_1{background:url(../images/arr.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font-size:0.96em;
	line-height:1.82em;
	color:#B5B5B5;
	text-decoration:none;}
.link_1:hover{ text-decoration:underline;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h6 { 
font-size: 13px; font-weight: bold; color: #cedf59; font-family: Arial
}
h1 {text-indent:-10000px; background:url(../images/logo_notused.gif) no-repeat left top; height:57px;}
.txt{ color:#FFFFFF; font-size:1.16em; line-height:1em; font-weight:bold;} /*837F8F 690ff5 6B6476*/
.txt_1{ font-size:0.92em;}
.txt_2{ line-height:1.33em;}
.txt_3{ font-size:0.96em; line-height:1.82em;}
.txt_4{ color:#FFFFFF;}
strong{ color:#FFFFFF;} /*8C849B*/
/***************end txt***************/

.main {margin:0 auto;}
#header { background:url(../images/fill_header.gif) center top repeat-x;}
#header  .bg_header{ background: url(../images/bg_header.gif) center top no-repeat; }
#header .indent  {padding:0px 0 0 67px;}

.sep{ background:url(../images/sep.gif) 0 0 repeat-y;}
.sep_1{ background:url(../images/sep_1.gif) 0 0 repeat-x;}
/*.sep_2{ background:url(../images/sep_2.gif) 0 15px repeat-x;}*/
/*.sep_no{ background:url(../images/sep_no.gif) 0 bottom repeat-x;}*/
/*.sep_no1{ background:url(../images/sep_no1.gif) 0 bottom repeat-x;}*/
/*.sep_no2{ background:url(../images/sep_no2.gif) 0 bottom repeat-x;}*/
/*.sep_no3{ background:url(../images/sep_no3.gif) 0 bottom repeat-x;}*/
/*.sep_no4{ background:url(../images/sep_no4.gif) 0 bottom repeat-x;}*/
/*.sep_no5{ background:url(../images/sep_no5.gif) 0 bottom repeat-x;}*/
/*.sep_no6{ background:url(../images/sep_no6.gif) 0 bottom repeat-x;}*/
/*.sep_no7{ background:url(../images/sep_no7.gif) 0 bottom repeat-x;}*/
/*.sep_no8{ background:url(../images/sep_no8.gif) 0 bottom repeat-x;}*/
/*.sep_no9{ background:url(../images/sep_no9.gif) 0 bottom repeat-x;}*/
.content { background:url(../images/bg.gif) center top repeat;}
.content .side{ background:url(../images/side_content.gif) center top repeat-x;}
.fill_content { background:url(../images/fill_content.gif) center top repeat-y;}
.content .wrapper{ background:url(../images/wrapper_harry2.gif) center top no-repeat; width:100%;}
.content .indent{padding:0 67px 21px 67px;}
.bg_title{ background:url(../images/bg_title.gif) 0 17px no-repeat;}

.content .title{padding:0 0 0px 32px;}
.content .column .indent{padding:4px 20px 20px 32px;}
.content .column_1 .indent{padding:5px 20px 20px 32px;}
.content .column_2 .indent{padding:5px 20px 20px 32px;}

/***************************page**************************/
#page .content .column .block { padding:0 0 0 7px;}
#page .content .column_1 .block { padding:0 17px 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content .column .block { padding:0 0 0 7px;}
#page_1 .content .column_1 .block { padding:0 17px 0 0;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 .content .column .block { padding:0 0 0 7px;}
#page_2 .content .column_1 .block { width:231px;}
#page_2 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_2 .content .column_1 .block_1 { width:215px;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 .content .column .block { padding:0 0 0 7px;}
#page_3 .content .column_1 .block { width:231px;}
#page_3 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_3 .content .column_1 .block_1 { width:215px;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 .content .column .block { padding:0 0 0 7px;}
#page_4 .content .column_1 .block { width:294px;} /*254px*/
/***************************end page_4**************************/

/***************************page_5**************************/
#page_5 .content .column .block { padding:0 0 0 7px;}
#page_5 .content .column_1 .block { width:231px;}
#page_5 .content .column_1 .block .indent{ padding:0 15px 0 0;}
#page_5 .content .column_1 .block_1 { width:215px;}
/***************************end page_5**************************/

/***************************page_6**************************/
#page_6 .content .column .block { padding:0 0 0 7px;height:425px;}
/***************************end page_6**************************/

/***************************page_8**************************/
#page_8 .content .column .block { padding:0 0 0 7px;}
/***************************end page_8**************************/

/***************************page_admin**************************/
#page_admin .content .column .block { padding:0 0 0 7px;}
/***************************end page_admin**************************/


#footer { background: url(../images/bg_footer.gif) center top no-repeat; color:#6B6776; }
#footer a{color:#6B6776; }
.fill_footer { background:url(../images/fill_footer.gif) center top repeat-x;}
#footer .indent {padding:27px 0 0 110px;}

span.details_hover {
	position: absolute;
	width: 81px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/details.gif' ) 0 -21px no-repeat;
}
span.details_hover a {
	display: block;
	margin: 0; padding:0;
	width:81px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/details.gif' ) top left no-repeat;
}
span.details_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.details_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.details_hover a:active {
	color: #C02506;
}

span.enter_hover {
	position: absolute;
	width: 81px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/enter.gif' ) 0 -21px no-repeat;
}
span.enter_hover a {
	display: block;
	margin: 0; padding:0;
	width:81px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/enter.gif' ) top left no-repeat;
}
span.enter_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.enter_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.enter_hover a:active {
	color: #C02506;
}

span.next_hover {
	position: absolute;
	width: 81px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/next_hover.gif' ) 0 -21px no-repeat;
}
span.next_hover a {
	display: block;
	margin: 0; padding:0;
	width:81px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/next_hover.gif' ) top left no-repeat;
}
span.next_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.next_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.next_hover a:active {
	color: #C02506;
}

span.contacts_hover {
	position: absolute;
	width: 81px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/contacts.gif' ) 0 -21px no-repeat;
}
span.contacts_hover a {
	display: block;
	margin: 0; padding:0;
	width:81px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/contacts.gif' ) top left no-repeat;
}
span.contacts_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.contacts_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.contacts_hover a:active {
	color: #C02506;
}

span.more1_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/more_1.gif' ) 0 -21px no-repeat;
}
span.more1_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/more_1.gif' ) top left no-repeat;
}
span.more1_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.more1_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.more1_hover a:active {
	color: #C02506;
}

span.clickhere_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/click_here.gif' ) 0 -21px no-repeat;
}
span.clickhere_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/click_here.gif' ) top left no-repeat;
}
span.clickhere_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.clickhere_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.clickhere_hover a:active {
	color: #C02506;
}

span.submit_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/submit.gif' ) 0 -21px no-repeat;
}
span.submit_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/submit.gif' ) top left no-repeat;
}
span.submit_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.submit_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.submit_hover a:active {
	color: #C02506;
}

span.reset_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/reset.gif' ) 0 -21px no-repeat;
}
span.reset_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/reset.gif' ) top left no-repeat;
}
span.reset_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.reset_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.reset_hover a:active {
	color: #C02506;
}

span.contact_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/contact_hover.gif' ) 0 -21px no-repeat;
}
span.contact_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/contact_hover.gif' ) top left no-repeat;
}
span.contact_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.contact_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.contact_hover a:active {
	color: #C02506;
}

span.return_hover {
	position: absolute;
	width: 86px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/return_hover.gif' ) 0 -21px no-repeat;
}
span.return_hover a {
	display: block;
	margin: 0; padding:0;
	width:86px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/return_hover.gif' ) top left no-repeat;
}
span.return_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.return_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.return_hover a:active {
	color: #C02506;
}

span.emissions_hover {
	position: absolute;
	width: 133px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/emissions_calculator.gif' ) 0 -21px no-repeat;
}
span.emissions_hover a {
	display: block;
	margin: 0; padding:0;
	width:133px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/emissions_calculator.gif' ) top left no-repeat;
}
span.emissions_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.emissions_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.emissions_hover a:active {
	color: #C02506;
}

span.extra_hover {
	position: absolute;
	width: 96px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/extra_credits.gif' ) 0 -21px no-repeat;
}
span.extra_hover a {
	display: block;
	margin: 0; padding:0;
	width:96px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/extra_credits.gif' ) top left no-repeat;
}
span.extra_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.extra_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.extra_hover a:active {
	color: #C02506;
}

span.feedback_hover {
	position: absolute;
	width: 96px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/feedback_envirofleet.gif' ) 0 -21px no-repeat;
}
span.feedback_hover a {
	display: block;
	margin: 0; padding:0;
	width:96px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/feedback_envirofleet.gif' ) top left no-repeat;
}
span.feedback_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.feedback_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.feedback_hover a:active {
	color: #C02506;
}

span.learn_hover {
	position: absolute;
	width: 96px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/learn_more.gif' ) 0 -21px no-repeat;
}
span.learn_hover a {
	display: block;
	margin: 0; padding:0;
	width:96px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/learn_more.gif' ) top left no-repeat;
}
span.learn_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.learn_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.learn_hover a:active {
	color: #C02506;
}

span.account_hover {
	position: absolute;
	width: 133px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/corporate_account.gif' ) 0 -21px no-repeat;
}
span.account_hover a {
	display: block;
	margin: 0; padding:0;
	width:133px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/corporate_account.gif' ) top left no-repeat;
}
span.account_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.account_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.account_hover a:active {
	color: #C02506;
}

span.marketing_hover {
	position: absolute;
	width: 170px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/marketing_communication.gif' ) 0 -21px no-repeat;
}
span.marketing_hover a {
	display: block;
	margin: 0; padding:0;
	width:170px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/marketing_communication.gif' ) top left no-repeat;
}
span.marketing_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.marketing_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.marketing_hover a:active {
	color: #C02506;
}

span.home_hover {
	position: absolute;
	width: 170px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/home.gif' ) 0 -21px no-repeat;
}
span.home_hover a {
	display: block;
	margin: 0; padding:0;
	width:170px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/home.gif' ) top left no-repeat;
}
span.home_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.home_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.home_hover a:active {
	color: #C02506;
}


span.work_hover {
	position: absolute;
	width: 170px; height: 21px;
	margin: 0 0 0 0;
	background: url( '../images/work.gif' ) 0 -21px no-repeat;
}
span.work_hover a {
	display: block;
	margin: 0; padding:0;
	width:170px; height:21px;
	overflow:hidden;
	text-decoration: none;
	background: url( '../images/work.gif' ) top left no-repeat;
}
span.work_hover span {
	display: block;
	margin:0; padding: 0 0 0 0;
}
span.work_hover a:hover {
	background-image: none;
	color: #C02506;
}
span.work_hover a:active {
	color: #C02506;
}






    a.info1{
    	position:relative;           /*this is the key*/
    	z-index:24;
		background:url(../images/arr.gif) 0 5px no-repeat;
		padding:0 0 0 15px;
		font-size:0.93em;
		line-height:1.82em;
		color:#B5B5B5; /*B5B5B5*/
		text-decoration:underline;
    }

    a.info1:hover {
    	z-index:25;
    	background-color:#2b242f;
		text-decoration:none;
    }

    a.info1 span{
	    display: none;  /* hide the span text using this css */
    }

    a.info1:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -14em;
        left: 15.3em;
        width:14.8em;
        border:1px solid #43404b; /* border colour */
        background-color:#2b242f; /* background colour here */
        color:#FFFFFF;         /* text colour */
        text-align: justify;
        font-size: 1.2em;
        font:arial;
        z-index:30;
		text-decoration:none;
    }

    .images {
        vertical-align:bottom;
    }
    
    a.info2{
    	position:relative;           /*this is the key*/
    	z-index:24;
		background:url(../images/arr.gif) 0 5px no-repeat;
		padding:0 0 0 15px;
		font-size:0.93em;
		line-height:1.82em;
		color:#B5B5B5; /*B5B5B5*/
		text-decoration:underline;
    }

    a.info2:hover {
    	z-index:25;
    	background-color:#29222d;
		text-decoration:none;
    }

    a.info2 span{
	    display: none;  /* hide the span text using this css */
    }

    a.info2:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -15em;
        left: 15.3em;
        width:14.8em;
        height:13em;
        border:1px solid #43404b; /* border colour */
        background-color:#2b242f; /* background colour here */
        color:#FFFFFF;         /* text colour */
        text-align: justify;
        font-size: 1.2em;
        font:arial;
        z-index:30;
		text-decoration:none;
    }

    .images {
        vertical-align:bottom;
    }

    a.info3{
    	position:relative;           /*this is the key*/
    	z-index:24;
		background:url(../images/arr.gif) 0 5px no-repeat;
		padding:0 0 0 15px;
		font-size:0.93em;
		line-height:1.82em;
		color:#B5B5B5; /*B5B5B5*/
		text-decoration:underline;
    }

    a.info3:hover {
    	z-index:25;
    	background-color:#27202a;
    }

    a.info3 span{
	    display: none;  /* hide the span text using this css */
		text-decoration:none;
    }

    a.info3:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -17em;
        left: 15.3em;
        width:14.8em;
        height:13em;
        border:1px solid #43404b; /* border colour */
        background-color:#2b242f; /* background colour here */
        color:#FFFFFF;         /* text colour */
        text-align: justify;
        font-size: 1.2em;
        font:arial;
        z-index:30;
		text-decoration:none;
    }

    .images {
        vertical-align:bottom;
    } 

    a.info4{
    	position:relative;           /*this is the key*/
    	z-index:24;
		background:url(../images/arr.gif) 0 5px no-repeat;
		padding:0 0 0 15px;
		font-size:0.93em;
		line-height:1.82em;
		color:#B5B5B5; /*B5B5B5*/
		text-decoration:underline;
    }

    a.info4:hover {
    	z-index:25;
    	background-color:#261e29;
		text-decoration:none;
    }

    a.info4 span{
	    display: none;  /* hide the span text using this css */
    }

    a.info4:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -18em;
        left: 15.3em;
        width:14.8em;
        height:13em;
        border:1px solid #43404b; /* border colour */
        background-color:#2b242f; /* background colour here */
        color:#FFFFFF;         /* text colour */
        text-align: justify;
        font-size: 1.2em;
        font:arial;
        z-index:30;
		text-decoration:none;
    }

    .images {
        vertical-align:bottom;
    }
    
    a.info5{
    	position:relative;           /*this is the key*/
    	z-index:24;
		background:url(../images/arr.gif) 0 5px no-repeat;
		padding:0 0 0 15px;
		font-size:0.93em;
		line-height:1.82em;
		color:#B5B5B5; /*B5B5B5*/
		text-decoration:underline;
    }

    a.info5:hover {
    	z-index:25;
    	background-color:#241c26;
		text-decoration:none;
    }

    a.info5 span{
	    display: none;  /* hide the span text using this css */
    }

    a.info5:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -28em;
        left: 15.3em;
        width:14.8em;
        border:1px solid #43404b; /* border colour */
        background-color:#2b242f; /* background colour here */
        color:#FFFFFF;         /* text colour */
        text-align: justify;
        font-size: 1.2em;
        font:arial;
        z-index:30;
		text-decoration:none;
    }

    .images {
        vertical-align:bottom;
    }