body {border:0;color:#fff;font:11px helvetica neue,helvetica,arial,sans-serif;margin:0;padding:0;text-align:center;}
img {border:0;}

a, a:visited, a:active, a:link, a:hover {color:#fff;text-decoration:none;}

#wrapper {margin:0 auto;width:808px;}
#head {background: #6c9d31 url(../images/masthead.gif) no-repeat 0 0;height:204px;width:100%;}

#logoHead {height:125px;width:100%;}
#menuTopTextWrap {height:23px;width:100%;text-align:left;}
#menuBottomTextWrap {height:23px;width:100%;}
#logoContainer {float:left;height:125px;width:540px;position:relative;}
#loginContainer {float:left;font-size:13px;height:125px;width:268px;}
#logoContainer img {position:absolute;top:9px;left:12px;}
#loginTitle {clear:both;color:#ec6d24;height:35px;width:100%;}
#loginTitle .lLabel span {display:block;margin-top:15px;}
#loginUserName {clear:both;height:23px;width:100%;}
#loginPassWord {clear:both;height:23px;width:100%;}
#loginGo {clear:both;color:#167a39;font-size:9px;height:45px;width:100%;}
.lLabel {float:left;font-weight:bold;text-align:right;width:100px;}
.theInput {float:left;text-align:left;width:168px;}
.theInput input{border:1px #e2f0cf solid;height:14px;line-height:8px;font-size:10px;margin-left:10px;width:130px;}
.goButton {position:relative;}
.goButton img{border:0;height:22px;position:absolute;top:-3px;left:112px;width:34px;}

.menuText {font-size:15px;letter-spacing:-0.5px;}
.menuLink {float:left;line-height:23px;}
#homeLink {text-align:center;width:auto;margin:2px 16px 0 30px;}
#greenerfleetLink {text-align:center;width:auto;margin:2px 16px 0 16px;}
#liveCCLink {text-align:center;width:auto;margin:2px 16px 0 16px;}
#engineManagementLink {text-align:center;width:auto;margin:2px 16px 0 16px;}
#fuelManagementLink {text-align:center;width:auto;margin:2px 16px 0 16px;}
#dutyOfCareLink {text-align:center;width:auto;margin:2px 0 0 16px;}
#whyUseLink {text-align:center;width:auto;margin:0 15px;}
#caseStudyLink {text-align:center;width:auto;margin:0 15px;}
#estLink {text-align:center;width:auto;margin:0 15px;}
#testDriveLink {text-align:center;width:auto;margin:0 15px;}
#contactLink {text-align:center;width:auto;margin:0 15px;}
.floatSpacer {float:left;font-size:1px;line-height:1px;height:23px;width:185px;}
.spacer {clear:both;font-size:1px;line-height:1px;height:1px;width:1px;}

.menuLink a, .menuLink a:link, .menuLink a:active, .menuLink a:visited {color:#ffffff;text-decoration:none;}
.menuLink a:hover {color:#ffffff;text-decoration:underline;}

#home #mainContent {height:488px;width:808px;}
#home #mainContentTop {background:#000 url(../images/homeMainTop2.jpg) no-repeat 0 0;height:245px;position:relative;width:808px;z-index:1;}
#home #mainContentBottom {background:#000 url(../images/homeMainBottom2.gif) no-repeat 0 0;clear:both;height:243px;position:relative;width:808px;}

#home #transMainBubble,#home #transBubble1,#home #transBubble2,#home #transBubble3{position:absolute;top:38px;}
#home #transMainBubble {top:1px;left:65px;}
#home #transMainBubble img {height:121px;width:165px;}
#home #transBubble1 img, #home #transBubble2 img, #home #transBubble3 img {height:118px;width:136px;}
#home #transBubble1 {left:337px;}
#home #transBubble2 {left:484px;}
#home #transBubble3 {left:633px;}
#home #transBubble4 img {height:170px;width:420px;}
#home #transBubble4 {position:absolute;top:21px;left:348px;height:170px;width:420px;overflow:hidden;}
#home #transBubble5 img {height:147px;width:304px;}
#home #transBubble5 {position:absolute;top:23px;height:147px;width:304px;left:412px;overflow:hidden;}

#home h1#homeBubble {display:block;color:#fff;height:103px;font-size:20px;left:623px;margin:0;padding:0;position:absolute;top:50px;width:143px;}
.colourOrange {color:#f26522;}

#home #mainContentBottomLeft {float:left;height:243px;margin:0;padding:0;text-align:center;width:350px;}
#home h2 {display:block;color:#fff;font-size:40px;height:103px;line-height:35px;margin:0 121px 0 65px;padding:0;text-align:center;width:164px;}
#home h3 {display:block;color:#fff;font-size:15px;height:64px;margin:53px 40px 0 195px;padding:0;text-align:left;width:115px;}
#home #mainContentBottomRight {float:left;height:243px;margin:0;padding:0;text-align:center;width:458px;}

#home .bubble {float:left;height:95px;margin:50px 26px 0 0;width:116px;}
.small {font-size:15px;}
.bold {font-weight:bold;}

#home #csLeft h1 {font-size:17px;margin-top:10px;}
#home #csLeft {float:left;font-size:11px;line-height:13px;height:245px;text-align:left;width:348px;}
#home #csLeft p {line-height:13px;margin:5px 0;}
#home #csRight {float:left;height:245px;width:450px;}

#testDriveBubble {font-size:17px;line-height:23px;margin:50px 0 0 10px;padding-left:25px;text-align:left;width:100px;}
#carbonCalcBubble {font-size:19px;line-height:28px;margin:55px 0 0 10px;padding-left:15px;text-align:left;width:100px;}
#threeXBubble {font-size:17px;line-height:23px;padding-left:5px;}
#masternautBubble {font-size:14px;}
#masternautBubbleEST {font-size:14px;margin-left:10px;position:relative;left:3px;}

#estTTTBubble {font-size:16px;line-height:23px;padding-top:10px;text-align:left;width:100px;}
#estTTTBubble .bigger {font-size:22px;}

#ros #mainContent {height:513px;width:808px;}
#ros #belowMasthead {background:#fffffe url(../images/belowMasthead.gif) no-repeat 0 0;height:15px;line-height:15px;width:808px;}
#ros #mainContentTop {background:#fffffe;border-left:1px #808285 solid;border-right:1px #808285 solid;color:#636466;height:210px;margin:0 6px 0 4px;overflow:visible;position:relative;width:798px;z-index:1;}
#ros #mainContentBottom {background:#8cc63f url(../images/ROSMainBottom2.gif) no-repeat 0 0;clear:both;height:273px;position:relative;width:808px;}

#ros #transMainBubble, #ros #transBubble1, #ros #transBubble2, #ros #transBubble3{position:absolute;top:69px;}
#ros #transMainBubble {top:12px;left:65px;}
#ros #transMainBubble img {height:141px;width:165px;}
#ros #transBubble1 img, #ros #transBubble2 img, #ros #transBubble3 img {height:118px;width:136px;}
#ros #transBubble1 {left:337px;}
#ros #transBubble2 {left:484px;}
#ros #transBubble3 {left:633px;}

#ros h1 {font-size:18px;margin:0;padding:0 0 0 30px;}

#ros #mainContentBottomLeft {float:left;height:268px;margin:0;padding:0;text-align:center;width:350px;}
#ros h2 {display:block;color:#fff;font-size:40px;height:103px;line-height:35px;margin:25px 121px 0 65px;padding:0;text-align:center;width:164px;}
#ros h3 {display:block;color:#fff;font-size:15px;height:64px;margin:53px 40px 0 195px;padding:0;text-align:left;width:115px;}
#ros #mainContentBottomRight {float:left;height:268px;margin:0;padding:0;text-align:center;width:458px;}

#ros .bubble {float:left;height:95px;margin:75px 26px 0 0;width:116px;}

#ros #aboutLeft {background:#fffffe;float:left;line-height:13px;height:210px;text-align:left;width:318px;}
#ros #aboutLeft p {line-height:13px;padding-left:30px;}
#ros #aboutLeft h1 {margin-top:10px;}
#ros #aboutCentre {background:#fffffe;float:left;height:210px;text-align:left;width:175px;}
#ros #aboutCentre h4{color:#6c9d31;font-size:12px;margin:0;padding:30px 0 0 28px;}
#ros #aboutCentre ul{color:#f26522;}
#ros #aboutCentre ul span{color:#636466;position:relative;top:3px;}
#ros #aboutCentre ul {padding:0;margin:15px 0 0 0;list-style-type:none;}
#ros #aboutCentre li {background:#fff url(../images/bulletGridDevice.gif) no-repeat 0 0;padding:0 0 0 23px;margin:0 0 15px 27px;height:22px;line-height:11px;}
#ros #aboutRight {background:#fffffe;float:left;height:210px;overflow:visible;width:303px;}

#ros #dutyLeft {background:#fffffe;float:left;line-height:13px;height:330px;text-align:left;width:493px;}
#ros #dutyLeft p {line-height:13px;padding-left:30px;}
#ros #dutyLeft h1 {margin-top:10px;}
#ros #dutyRight {background:#fffffe;float:left;height:300px;overflow:visible;width:303px;padding-top:30px;}

#ros #lccLeft {background:#fffffe;float:left;line-height:13px;height:250px;text-align:left;width:338px;}
#ros #lccLeft p {line-height:13px;padding-left:30px;}
#ros #lccLeft h1 {margin-top:10px;}
#ros #lccCentre {background:#fffffe;float:left;height:250px;text-align:left;width:255px;}
#ros #lccCentre h4{color:#6c9d31;font-size:12px;margin:0;padding:30px 0 0 28px;}
#ros #lccCentre ul{color:#f26522;}
#ros #lccCentre ul span{color:#636466;position:relative;top:3px;}
#ros #lccCentre ul {padding:0;margin:15px 0 0 0;list-style-type:none;}
#ros #lccCentre li {background:#fff url(../images/bulletGridDevice.gif) no-repeat 0 0;padding:0 0 0 23px;margin:0 0 15px 27px;height:22px;line-height:11px;}
#ros #lccRight {background:#fffffe;float:left;height:250px;overflow:visible;width:203px;}

#ros #wugLeft {background:#fffffe;float:left;font-size:11px;line-height:13px;height:290px;text-align:left;width:346px;}
#ros #wugLeft p {line-height:13px;padding-left:30px;}
#ros #wugLeft h1 {margin-top:10px;}
#ros #wugRight {background:#fffffe;float:left;height:290px;overflow:visible;width:295px;}
#ros #wugRight img {margin-top:0;}

#ros #wugLeft ul{color:#f26522;}
#ros #wugLeft ul span{color:#636466;position:relative;top:3px;}
#ros #wugLeft ul {padding:0;margin:15px 0 0 3px;list-style-type:none;}
#ros #wugLeft li {background:#fff url(../images/bulletGridDevice.gif) no-repeat 0 0;padding:0 0 0 23px;margin:0 0 15px 27px;height:22px;line-height:11px;}


#ros #estLeft {background:#fffffe;float:left;font-size:11px;line-height:13px;height:260px;text-align:left;width:346px;}
#ros #estLeft h1 {margin-top:10px;}
#ros #estLeft p {line-height:13px;padding-left:30px;}
#ros #estRight {background:#fffffe url(../images/est.gif) no-repeat 0 30px;float:left;height:260px;overflow:visible;width:440px;}
#ros #estRight img {margin-top:30px;}

#ros #contactLeft {background:#fffffe;float:left;line-height:13px;height:210px;text-align:left;width:308px;}
#ros #contactLeft p {line-height:13px;padding-left:30px;}
#ros #contactLeft img {margin-top:20px;margin-left:30px;}
#ros #contactLeft h1 {margin-top:10px;}
#ros #contactCentre {background:#fffffe;float:left;height:210px;text-align:left;width:205px;}
#ros #contactCentre p {padding-left:10px;padding-top:20px;}
#ros #contactCentre h4{color:#6c9d31;font-size:12px;margin:0;padding:30px 0 0 28px;}
#ros #contactCentre ul{color:#f26522;}
#ros #contactCentre ul span{color:#636466;position:relative;top:3px;}
#ros #contactCentre ul {padding:0;margin:15px 0 0 0;list-style-type:none;}
#ros #contactCentre li {background:#fff url(../images/bulletGridDevice.gif) no-repeat 0 0;padding:0 0 0 23px;margin:0 0 15px 27px;height:22px;line-height:11px;}
#ros #contactRight {background:#fffffe;float:left;height:210px;overflow:visible;width:283px;}
#ros #contactRight img {margin-top:20px;}

#ros #tdLeft {background:#fffffe;float:left;font-size:11px;line-height:13px;height:210px;text-align:left;width:796px;}
#ros #tdLeft p {line-height:13px;padding-left:30px;}
#ros #tdLeft h1 {margin-top:10px;}
#ros #tdLeft #enquiryLeft {float:left;margin-left:30px;width:240px;}
#ros #tdLeft #enquiryCentre {float:left;width:240px;}
#ros #tdLeft #enquiryRight {float:left;width:280px;}
#ros #tdLeft #enquiryLeft input, #ros #tdLeft #enquiryCentre input {border:1px #8cc63f solid;float:left;font-size:11px;height:15px;width:110px;}
#ros #tdLeft textarea {border:1px #8cc63f solid;float:left;font-size:11px;height:80px;width:200px;}
.textBox span, .textAreaBox span {display:block;float:left;width:80px;}
.notes {width:40px;}
.textBox {clear:both;margin-bottom:10px;height:15px;}
.textAreaBox {clear:both;margin-bottom:10px;height:80px;}
.formSubTitle{font-weight:bold;margin-bottom:10px;}
#submitDiv {clear:both;margin-top:5px;text-align:right;width:45px;height:25px;position:relative;}
#submitDiv input {position:absolute;left:200px;top:0;margin:0;width:45px;height:25px;border:0;}
#rfvCompanyName {clear:both;width:190px;}

#ros #tdLeft #enquiryRight .textBox, #ros #tdLeft #enquiryRight .textAreaBox {margin-top:22px;}

.lightGreen {color:#8cc63f;}
.middleGreen {color:#6c9d31;}
.darkGreen {color:#28903a;}

.darkGrey {color:#231f20;}

#ros #txLeft {background:#fffffe;float:left;font-size:11px;line-height:13px;height:275px;text-align:left;width:346px;}
#ros #txLeft p {line-height:13px;padding-left:30px;}
#ros #txLeft h1 {margin-top:10px;}
#ros #txRight {background:#fffffe;float:left;height:275px;overflow:visible;width:444px;}
#ros #txRight img {margin-left:50px;}


/* Fuel card styles */
.fuel_card #mainContentTop
{
    text-align: left;
}

.fuel_card #mainContentTop #enquiryLeft, .fuel_card #mainContentTop h1
{
    text-align: left;
    margin-left: 30px;
}

.fuel_card #mainContentTop h1
{
    padding: 0;
    margin: 0 0 10px 30px;
}

.fuel_card #mainContentTop .formSubTitle, .fuel_card #mainContentTop .formHelp 
{
    margin-bottom: 15px;
    margin-left: 145px;
}

.fuel_card #mainContentTop .formField label, .specialLabel, .fuel_card #mainContentTop .formFieldBox label, .fuel_card #mainContentTop .formRadioField label
{
    display:block;
    float: left;
    width:140px;
    text-align:right;
    margin-right:4px;
}

.fuel_card #mainContentTop input, .fuel_card #mainContentTop textarea, .fuel_card #mainContentTop .sendButton
{
    font-size:11px;
}
    
.fuel_card #mainContentTop .formField input 
{
    height:15px;
    width:145px;
}

.fuel_card #mainContentTop .formField, .fuel_card #mainContentTop .formRadioField, .fuel_card #mainContentTop .formCheckField 
{
    margin-bottom: 5px;
}

.formField, .formCheckField, .formRadioField 
{
    clear:both;
}
.fuel_card .stepOnePart .sendButton
{   
    color: #636466;
    padding: 0 0 0 20px;
    text-align: left;
    font-weight: bold;
    background: #fff url(../images/forwardArrow.gif) no-repeat right top;
    margin:20px 0 0 0;
    cursor: pointer;
    border:1px #8cc63f solid;
    width:250px;
    height:25px;
    line-height:23px;
    position: relative;
    left:144px;
    display:block;
}
.fuel_card .stepOnePart .prevButton
{   
    color: #636466;
    padding: 0 0 0 20px;
    text-align: left;
    font-weight: bold;
    background: #fff url(../images/backArrow.gif) no-repeat right top;
    margin:20px 0 0 0;
    cursor: pointer;
    border:1px #636466 solid;
    width:250px;
    height:25px;
    line-height:23px;
    position: relative;
    left:144px;
    display:block;
}

.fuelTextBox
{
    margin-bottom: 5px;
    height:100px;
    width:250px;
}

a.downloadRedLink, a.downloadRedLink:link, a.downloadRedLink:active, a.downloadRedLink:visited
{
    color:#8cc63f;
    text-decoration:none;
    font-weight:bold;
}
a.downloadRedLink:hover
{
    color:#8cc63f;
    text-decoration:underline;
    font-weight:bold;
}
a#cancelLink, a#cancelLink:link, a#cancelLink:active, a#cancelLink:visited, a#cancelLink:hover
{
    color: #636466;
    text-decoration: none;
    font-weight: bold;
}

#fuelCardContent p, #fuelUploadContent p
{
    margin:20px 100px 20px 30px;
}
#fuelCardContent h2
{
    color:#636466;
    font-size:1em;
    padding:0;
    margin:0;
}
.fuelMenuButtonSelected, .fuelMenuButtonUnselected
{   
    color: #636466;
    padding:0;
    text-indent:15px;
    text-align: left;
    font-weight: bold;
    margin: 0 0 20px 30px;
    cursor: pointer;
    height:23px;
    line-height:23px;
    display:block;
}
.fuelMenuButtonSelected
{
    background: #fff url(/images/bottomArrow.gif) no-repeat right top;
    border:1px #8cc63f solid;
}
.fuelMenuButtonUnselected
{
    background: #fff url(/images/forwardGreyArrow.gif) no-repeat right top;
    border:1px #636466 solid;    
}