﻿/* General STYLES */
* {margin:0;padding:0} 
p,ol,ul,h1,h2,h3,h4,h5,h5,h6 {margin:0 0 1em 0;}

body { margin:0; background:#f3f5f4; }

* { font-family: Arial, sans-serif; }
body {font-size:12px; font-weight:400;}

.forms, .select, .input, .watermark {font-size: 12px; padding: 1px; background:#fff; border:1px solid #ccc; color:#798782; }

a {text-decoration:none;}
a:visited, a:link, a:active {color:#169358;}
a:hover {color:#EE7B26;}

/* LAYOUT & SPECIFIC STYLES */

#form1 {border-bottom:1px solid #C8D1D1;background:#fff url('../images/bg_header.gif') repeat-x bottom;
        height:85px; width:100%;float:left; }

.inner {margin:0 auto;position:relative; width:750px;  }

#banner_area { height: 105px; }
#banner { position:absolute;top:0;left:0px;z-index:5000; }
#bannertwo { float:right; margin-top:5px; }

#main_area{ clear: both; margin-top:5px; width:750px; margin-left:15px; height: 400px;}
#main_area2{ clear: both; margin-top:5px; width:750px; margin-left:15px; height: 505px;}

#main_nav, #main_nav2 { float: left; width: 145px; background: #ffffff ; border: 1px solid #b3b3b3; }
#main_nav { height:385px; }
#main_nav2 { height:490px; }
#main_nav .nav_inner, #main_nav2 .nav_inner {padding:0 0 0 11px;}
#region { height : 125px; background: url('../images/country_background.gif');}
.regionForm, .regionForm2 {position:relative; left:2px; top:25px; height:21px; width:130px; border: 1px solid #ee7b26;}
.countryChoiceLabel {position:relative; left:10px; top:30px; }
.countryLabel { font-weight: bold; color:#3a4541; }
.navDivide { padding:15px 0 5px 5px; }
.navIcons {padding-left:5px; padding-top:10px;}

#region2 { }

#main_forms, #main_forms2 { float: left; width: 440px; margin-left: 0px; padding-left:1px; background: #fff;  
                           border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; }
#main_forms3 { float: left; width: 585px; margin-left: 0px; padding-left:1px; background: #fff;  
                           border-top: 1px solid #b3b3b3; border-right:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3; }

#main_forms { height: 385px; }
#main_forms2 { height: 490px; }
.mainform_body { margin-left: 10px; }
.mainform_body p {padding:20px 10px 0 4px; font-size: 12px; color: #333;}
#main_forms3 { height: 385px; }
.mainform_body { margin-left: 10px; }
.mainform_body p {padding:20px 10px 0 4px; font-size: 12px; color: #333;}
.mainform_body .projectInfo #projectLabel { margin-right:20px; font-size: 12px; color: #333; font-weight: normal;}
#bg_shadow { margin:0 0 0 20px;}
.inner_forms {margin: 20px 0 0 25px;}
.inner_forms .left {float:left; }
.inner_forms .clear {clear:both;}

#main_results, #main_results2 { float: right; width: 145px; background: #ffffff; 
                               border: 1px solid #b3b3b3; margin-right:15px;}
#main_results { height: 385px; }
#main_results2 { height: 490px; }  
#main_results3 { height: 20px; } 
#main_totals {display:block; height: 125px; }
#basketTotal { padding: 0 0 0 7px;}
.resultLabels {float:right; padding:0 25px 0 0; font-size: 33px; font-weight:600; color:#3a4541;}
.resultLabels2 {float:right; padding:10px 20px 0 0; font-size: 33px; font-weight:600; color:#3a4541;}
.costLabel {float:right; padding:20px 25px 0 0; font-size: 18px;  font-weight:600; color:#3a4541;}
#result_basket {float: right; }
#addFlightToBasketBtn, #addToBasketBtn, #buyCarbonOffsetBTN {padding:10px 0 0 0;}
.basketTable {padding: 5px 0 0 0; margin:0 0 0 0;}
.basketTable td {font-size: 14px; font-weight:bold; color:#3a4541;}
.basketTable td.one img {padding-left:16px;/*float:right;*/}
.basketTable td.one {width:50px; height:25px; /*border: 1px solid red;*/}
.basketTable td.two {width:60px; height:25px; /* border: 1px solid red; */ text-align:right; text-align:right; padding-right:5px;}
.basketTable td.three {width:20px; height:25px; /*border: 1px solid red; */}
.basketTable tr#subtotalTd td.one, .basketTable tr#costTd td.one{padding-left:8px;}

.delete {position:relative; left:125px; top:17px;}

.projectInfo {padding:25px 0 0 10px;color:#798782;font-weight:bold; font-size:10px;}
.projectInfo a:hover{color:#EE7B26;}
.projectInfo .inner p{padding-left:165px;}

#homepage_banner { clear: both; height: 105px; margin: -12px 0 0 0; }
#graphic { float: left; margin-left:15px; height: 100px; }
#bg_shadow2 {margin:0 0 0 20px;}
.#bg_shadow3 {margin:0 0 0 12px;}
.#bg_shadow4 {margin:0 0 0 25px;}
  
#footer { margin-top:50px; border-top:1px solid #c3d3d3; padding-top: 15px; background:#dfe8e8; 
    height:200px; color:#798782;font-weight:bold; font-size:10px;}
#footer a:visited, #footer a:link, #footer a:active {color:#798782;}
#footer a:hover{color:#EE7B26;}
#footer .inner p{padding-left:165px;}

#RadioButtonList1 {padding-left:45px;}
#FlightRadioButtonList2 {padding-left:53px;}

#RadioVehicleType, #CommuteRadioBtnList,#houseRadioButtonList  {padding-top:8px;}

.calculateBtn {padding-top: 20px; padding-bottom:10px; }
#calculateDrivingBtn2 {padding: 20px 0 0 30px; }

.inlineLabel {display:inline; color:#3a4541; font-size:medium; font-weight:bold; padding-left:4px;}

.commuteLabel {display:block; float:left; }

.btnalign {margin-left:50px;}