/* Reset page */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body
{
line-height: 1;
color:#000;
}
#cardsNav ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
:focus
{
outline: 0;
}
ins
{
text-decoration: none;
}
del
{
text-decoration: line-through;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
/* default link colours */
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover {color: #1D5F9E; text-decoration:none;}
a:active {color: #000; text-decoration:none;}
a.greenLinks:link {color: #00573A; text-decoration:none;}
a.greenLinks:visited {color: #00573A; text-decoration:none;}
a.greenLinks:hover {color: #1D5F9E; text-decoration:underline;}
a.greenLinks:active {color: #00573A; text-decoration:none;}
a.blueLinks:link {color: #1D5F9E; text-decoration:none;}
a.blueLinks:visited {color: #1D5F9E; text-decoration:none;}
a.blueLinks:hover {color: #1D5F9E; text-decoration:underline;}
a.blueLinks:active {color: #1D5F9E; text-decoration:none;}
a.sub_links:link {color: #0A6498; text-decoration:none;}
a.sub_links:visited {color: #0A6498; text-decoration:none;}
a.sub_links:hover {color: #0A6498; text-decoration:underline;}
a.sub_links:active {color: #0A6498; text-decoration:none;}
a.applyNow:link {color: #000; text-decoration:none;}
a.applyNow:visited {color: #000; text-decoration:none;}
a.applyNow:hover {color: #1D5F9E; text-decoration:underline;}
a.applyNow:active {color: #000; text-decoration:none;}
a.generalLink:link {color: #00573A; text-decoration:none;}
a.generalLink:visited {color: #00573A; text-decoration:none;}
a.generalLink:hover {color: #00573A; text-decoration:underline;}
a.generalLink:active {color: #00573A; text-decoration:none;}
body
{
font-family: Arial, Helvetica, sans-serif;
background:#2A7860 url(../images/bg_grad_tint.jpg) repeat-x top left;
font-size:12px;
line-height:22px;
color:#000;
margin-top:25px;
}
br
{
line-height:13px;
}
a
{
text-decoration:none;
}
h1
{
font-size:18px;
font-weight:normal;
}
.incentivesHeader
{
color:#00573A;
font-size:20px;
}
.incentivesSubHeader
{
color:#00573A;
font-size:17px;
}
h3
{
font-size:16px;
border-bottom:1px solid #000;
font-weight:normal;
margin-top:15px;
}
.green_text
{
color:#006550;
}
#services_green h2
{
font-size:14px;
color:#186B57;
}
#news_box h2
{
font-size:17px;
color:#1C63A5;
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid #E2D5A1;
}
#wrapper {
position: relative;
width: 896px;
height: 100%;
margin: 0 auto; /* to centre compliant browsers */
text-align: left; /* to reset text alignment to default */
left: 0;
top: 0;
}
#overall_box
{
position:relative;
float: left;
width:838px;
padding:3px 29px 13px 29px;
background-color:#FFF;
}
#header_bg_box
{
float:left;
width:852px;
height:114px;
padding:22px 22px 0px 22px;
background:#fff;
}
#header_logo
{
float:left;
width: 225px;
height:73px;
background:#fff url(../images/logo.gif) no-repeat top left;
}
#header_text
{
float:right;
width: 254px;
height:71px;
font-size:14px;
}
span.head_text_contact
{
font-size:16px;
}
#header_cards
{
clear:both;
float:right;
width: 254px;
height:43px;
background: url(../images/small_cards.jpg) no-repeat top left;
}
#header_graphic
{
width:840px;
height:142px;
margin: 15px 0px 15px 0px;
}
/* Navbar */
#navbar
{
width:896px;
text-align:center;
background-color:#FFF;
}
#signup
{
position:absolute;
top: 140px;
right:0px;
width:200px;
height: 25px;
line-height: 25px;
padding: 0px 0px 0px 40px;
background:url(../images/envelope-trans.png) no-repeat top left;
font-size:12px;
margin-top: 7px;
}
#menu
{
position:relative;
padding-left:15px;
background: #fff url(../images/nav_bg.jpg) repeat-x top right;
font-size:14px;
float: left;
width: 881px;
height:42px;
}
#menu li
{
float: left;
padding: 0px 5px 0px 5px;
margin: 0;
padding: 0;
}
#menu a
{
text-align:center;
display: block;
float: left;
margin: 0;
padding: 12px 14px;
text-decoration: none;
font-weight:normal;
color:#000;
}
#menu li
{
float: left;
background:url(../images/seperator.gif) no-repeat top right;
padding: 0px 5px 0px 5px;
margin: 0;
padding: 0;
}
ul#menu li a#active
{
color: #1D5F9E;
background: url(../images/hover.gif) top center no-repeat;
}
#menu li#lastlink
{
border: 0;
background:none;
}
#menu a:hover
{
background: url(../images/hover.gif) no-repeat top center;
color: #1D5F9E;
padding-bottom: 12px;
}
/* Sub Navbar and image show */
#mid_nav
{
float:left;
width:834px;
height: 211px;
margin-bottom:10px;
border: 1px solid #CDCBCC;
padding:2px;
}
/* mid nav image show and links */
ul
{
float: left;
list-style: none;
padding: 0;
margin: 0;
}
div#holder
{
position: relative;
width: 835px;
height: 211px;
}
div#cardsNav
{
float: left;
width: 195px;
height: 195px;
padding: 8px;
background-color: #D0EAEB;
font-size:13px;
font-weight:bold;
}
div#cardsNav h1
{
font-size: 15px;
line-height: 15px;
color: #195B98;
margin: 0px 0px 10px 0px;
}
div#cardsNav ul
{
position: absolute;
float: none;
width: 230px;
z-index: 300;
}
div#cardsNav ul li
{
margin-bottom: 2px;
}
div.cardInfo
{
display: none;
position: absolute;
top: 0px;
left:211px;
right: 0px;
width: 623px;
height: 211px;
z-index: 200;
}
.links
{
position:absolute;
width:152px;
top:32px;
right:42px;
}
.links a:hover
{
text-decoration:underline;
}
.links ul
{
width: 152px;
}
.links li
{
width: 152px;
height: 30px;
margin-bottom: 9px;
}
.links a.button1
{
display:block;
height:30px;
line-height:30px;
padding-left:17px;
font-weight:bold;
color: #195B98;
}
div #info
{
position:absolute;
width:295px;
height:181px;
top:18px;
left:40px;
background-color:#000;
}
.closeInfo
{
position:absolute;
top: 10px;
right:10px;
font-size:12px;
width:25px;
height:27px;
background:url(../images/close-trans.png)
}
.closeInfo:hover
{
color:#FFF;
}
div#texaco
{
background: url(../images/texaco_bg.jpg) no-repeat top left;
}
div#diesel
{
background: url(../images/diesel_direct_bg.jpg) no-repeat top left;
}
div#shell
{
background: url(../images/shell_bg.jpg) no-repeat top left;
}
/* any list item inside the cardsNav has a background img */
#cardsNav ul li
{
width: 230px;
height: 53px;
background: url(../images/menu_arrow-trans.png) no-repeat top left;
}
#cardsNav ul li.over
{
background: url(../images/menu_arrow_white-trans.png) no-repeat top left;
}
/* sets the list items to be links */
#cardsNav ul li a
{
display: block;
width: 167px;
height: 53px;
line-height: 53px;
padding-left: 68px;
}
/* positions the picture 10px right and 10px top inside the arrow */
#cardsNav #texacoButt
{
background:url(../images/texacoLogo.gif) no-repeat 10px 10px;
}
#cardsNav #dieselButt
{
background:url(../images/dieselLogo.gif) no-repeat 10px 10px;
}
#cardsNav #shellButt
{
background:url(../images/shellLogo.gif) no-repeat 10px 10px;
}
/* info box in sub menu */
.info_box {
position:absolute;
top: 16px;
left: 54px;
width: 290px;
height: 179px;
line-height:20px;
}
.info_box h2
{
height: 39px;
line-height: 39px;
font-size:15px;
padding-left: 10px;
color:#204F87;
}
.info
{
font-size:12px;
margin: 20px 0px 0px 25px;
}
.info_box ul
{
list-style-image:url(../images/blue_arrow.gif);
}
/* news feeds */
#news_feed
{ float:left;
width:628px;
height: 26px;
line-height:26px;
border:1px solid #BDCBD4;
background: url(../images/feedsBG.jpg) repeat-x top left;
margin-bottom:22px;
color:#1D5F9E;
}
.news
{ float:left;
width:88px;
height: 26px;
line-height:26px;
color:#FFF;
font-weight:bold;
background-color: #4470A1;
margin-bottom:22px;
margin-right: 8px;
text-align:center;
}
/* e-account login button */
#login_button
{
position:relative;
float:right;
width:194px;
height:26px;
background:url(../images/login_button.jpg) no-repeat top left;
}
#login_button .text
{
position:absolute;
left:16px;
top:3px;
width:174px;
height:26px;
color:#fff;
font-weight:bold;
font-size:13px;
}
#content .eAccount_links
{
position:relative;
float: left;
display:block;
width:152px;
height:29px;
line-height:29px;
padding-left:15px;
color:#FFF;
}
a.eAccount_links
{
font-weight:bold;
color:#FFF;
font-size:14px;
margin-top:15px;
margin-bottom:15px;
}
a.eAccount_links:hover
{
text-decoration:underline;
}
#login_button a.text:hover
{
text-decoration:underline;
}
#content a.links
{
position:relative;
float:left;
width:131px;
height:28px;
line-height:30px;
padding-left:20px;
font-weight:bold;
color:#FFF;
font-size:14px;
}
#content a.links:hover
{
text-decoration:underline;
}
#content a#bg,#content a.bg
{
background: url(../images/login_button-trans.png) no-repeat top left;
}
/* GPS Page */
#content h2.gps
{
float:left;
font-size:16px;
margin-top:20px;
}
#content ul.gpslist
{
width:392px;
list-style-type:disc;
margin-left:15px;
}
#content .gpsdetails-container
{
float:left;
width:392px;
margin:10px 0 0 0;
padding:10px 0 10px 0;
border-top:1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;
}
#content a.gpslinks
{
float:left;
padding-left:17px;
width:392px;
height:20px;
line-height:20px;
font-size:13px;
color:#006FCE;
background:url(../images/arrow-blue.gif) no-repeat center left;
}
#content .unlink
{
float:left;
color:#979797;
padding-left:17px;
background:url(../images/arrow-blue.gif) no-repeat center left;
}
#content a.gpslinks:hover
{
text-decoration:underline;
}
.gpsdetails-container .cost
{
font-size:16px;
color:#FF8600;
font-weight:bold;
}
/* e-account page */
.e_accountStyle
{
padding-left:15px;
margin-top:12px;
width:392px;
color:#025C42;
list-style-image:url(../images/green_arrow.jpg);
}
/* invoice page */
#content #invoiceContainer
{
width:392px;
height:140px;
}
#content #invoice_two
{
position:relative;
float:left;
width:150px;
height:144px;
margin:8px 0px 0px 0px;
border: 1px solid #00573A;
background:url(../images/standard_invoice_thumb.jpg) no-repeat top left;
}
#content #invoice_three
{
position:relative;
float:left;
width:150px;
height:144px;
margin:8px 0px 0px 4px;
border: 1px solid #00573A;
background:url(../images/cost_centre_invoice_thumb.jpg) no-repeat top left;
}
a.invoiceTxt:hover
{
text-decoration:underline;
}
a.invoiceTxt
{
color:#1D5F9E;
}
#invoice_two .invoiceTxt
{
position:absolute;
left:0px;
top:148px;
width:127px;
height:10px;
}
#invoice_three .invoiceTxt
{
position:absolute;
left:0px;
top:148px;
width:127px;
height:10px;
}
#InvoicetextHolder
{
float:left;
width:392px;
margin-top:20px;
}
/* fuel cards page */
.fuel_cards_list,.fuel_cards_list li
{
width: 392px;
clear:both;
}
.fuel_cards_list a
{
float:left;
height:30px;
line-height:30px;
margin-bottom:10px;
margin-top:10px;
color:#005745;
font-weight:bold;
}
.fuel_cards_list a:hover
{
text-decoration:underline;
}
.arrow_right
{
padding-left:10px;
background: url(../images/green_arrow_right.jpg) no-repeat center left;
}
.texaco_cards_small
{
padding-left:55px;
padding-right:10px;
background:url(../images/texaco_card_small.jpg) no-repeat top left;
}
.key_cards_small
{
padding-left:55px;
padding-right:10px;
background:url(../images/keyfuel_card_small.jpg) no-repeat top left;
}
.shell_cards_small
{
padding-left:55px;
padding-right:10px;
background:url(../images/shell_cards_small.jpg) no-repeat top left;
}
.uk_cards_small
{
padding-left:55px;
padding-right:10px;
background:url(../images/uk_small.jpg) no-repeat top left;
}
/* fuel cards header */
#fuelCards
{
position:relative;
width: 840px;
height:131px;
background:url(../images/compare_small.jpg) no-repeat top left;
margin: 11px 0 35px 0;
}
#fuelCardsHeader
{
position:relative;
width: 840px;
height:131px;
background:url(../images/compare_small.jpg) no-repeat top left;
margin: 11px 0 15px 0;
}
#fuelCards h1, #fuelCardsHeader h1
{
position:absolute;
top:58px;
left:3px;
width:117px;
height:54px;
line-height:54px;
padding-left:10px;
color:#225F96;
font-size:16px;
}
#fuelCards .Fastbutton, #fuelCardsHeader .Fastbutton
{
position:absolute;
left:191px;
top:100px;
width:100px;
height:28px;
padding-left:25px;
line-height:28px;
color:#FFF;
font-weight:bold;
}
#fuelCards .Keybutton, #fuelCardsHeader .Keybutton
{
position:absolute;
left:395px;
top:100px;
width:100px;
height:28px;
padding-left:25px;
line-height:28px;
color:#FFF;
font-weight:bold;
}
#fuelCards .Shellbutton, #fuelCardsHeader .Shellbutton
{
position:absolute;
left:600px;
top:100px;
width:100px;
height:28px;
padding-left:25px;
line-height:28px;
color:#FFF;
font-weight:bold;
}
#fuelCards .Fastbutton:hover, #fuelCardsHeader .Fastbutton:hover
{
text-decoration:underline;
cursor:pointer;
}
#fuelCards .Keybutton:hover, #fuelCardsHeader .Keybutton:hover
{
text-decoration:underline;
cursor:pointer;
}
#fuelCards .Shellbutton:hover, #fuelCardsHeader .Shellbutton:hover
{
text-decoration:underline;
cursor:pointer;
}
/* main content */
#content
{
float:left;
width:392px;
padding-right:40px;
}
#services_green
{
float:left;
border: 1px solid #d4e5db;
width:166px;
height: 278px;
padding: 15px;
background-color:#e4f4e9;
margin-right:10px;
color:#1B6F59;
font-size:11px;
}
.servicesStyle
{
padding-left:15px;
width:150px;
margin-top:12px;
list-style-image:url(../images/green_arrow.gif);
}
ul.servicesStyle li
{
line-height:20px;
}
.small_txt
{
font-size:11px;
list-style-image:none;
margin-left:-15px;
}
.loginStyle
{
padding-left:15px;
margin-top:12px;
width:150px;
list-style-image:url(../images/blue_arrow.gif);
}
#login_box
{
position:relative;
float:left;
border: 1px solid #EBE6C6;
width:166px;
padding: 15px;
height: 258px;
color:#2A68A0;
background-color:#FDF4C4;
}
#login_box h2
{
font-size:14px;
color:#1C63A5;
}
#news_box h2
{
font-size:17px;
color:#1C63A5;
padding-bottom:8px;
margin-bottom:8px;
border-bottom:1px solid #E2D5A1;
}
#news_box
{
position:relative;
float:left;
line-height:15px;
font-size:11px;
border: 1px solid #EBE6C6;
width:166px;
padding-top: 20px;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 15px;
height: 272px;
color:#2A68A0;
background-color:#FDF4C4;
}
.smallgap
{
margin-top:8px;
line-height:13px;
margin-bottom:4px;
}
.readMore
{
float:left;
height:20px;
width:83px;
line-height:20px;
font-weight:bold;
}
#arrowRight
{
padding-right: 5px;
background: url(../images/blue_arrow_right.jpg) no-repeat center right;
}
#news_box a
{
color:#2A68A0;
}
#news_box a:hover
{
text-decoration:underline;
}
#login_box a.links
{
position:absolute;
top:213px;
left:22px;
width:152px;
height:30px;
line-height:30px;
padding-left:20px;
font-weight:bold;
color:#FFF;
font-size:14px;
}
#login_box a.links:hover
{
text-decoration:underline;
}
#login_box a.active
{
color: #FFF;
}
#login_box a#bg
{
background: url(../images/login_button-trans.png) no-repeat top left;
}
#login_box #pos
{
position:absolute;
display:block;
top:252px;
left:20px;
width:155px;
height:30px;
font-weight:bold;
color:#000;
}
.why_us_links
{
margin-top:15px;
font-weight: bold;
line-height:20px;
}
.why_us_links a
{
color:#00573A;
}
#services_green_whyUs
{
float:left;
border: 1px solid #d4e5db;
width:166px;
height: 258px;
padding: 15px;
background-color:#e4f4e9;
margin-right:10px;
}
#services_green_whyUs h2
{
font-size:14px;
color:#186B57;
}
#services_green_whyUs li
{
width:168px;
border-bottom:1px solid #B0D7C5;
}
.GreenArrowRight
{
padding-left: 10px;
background: url(../images/green_arrow_right.jpg) no-repeat center left;
}
.why_us_links a:hover
{
text-decoration:underline;
}
.why_us_links a.active
{
text-decoration:underline;
}
#site_locator_link
{
float:right;
position:relative;
width:196px;
height: 95px;
margin-top:10px;
border: 1px solid #D4E5DB;
background:url(../images/tips_bg.jpg) no-repeat top left;
}
#site_locator_link a.links
{
position:absolute;
top:34px;
left:21px;
width:152px;
height:30px;
line-height:30px;
padding-left:15px;
font-weight:bold;
color:#FFF;
font-size:13px;
}
#site_locator_link a.links:hover
{
text-decoration:underline;
}
#site_locator_link a.active
{
color: #FFF;
}
#site_locator_link a.bg
{
background: url(../images/green_button-trans.png) no-repeat top left;
}
#site_locator_link2
{
position:relative;
float:right;
width:196px;
height: 95px;
margin-top:10px;
margin-left:10px;
border: 1px solid #D4E5DB;
background:url(../images/forecourt_bg.jpg) no-repeat top left;
}
#site_locator_link2 a.links
{
position:absolute;
top:34px;
left:21px;
width:152px;
height:30px;
line-height:30px;
padding-left:15px;
font-weight:bold;
color:#FFF;
font-size:13px;
}
#site_locator_link2 a.links:hover
{
text-decoration:underline;
}
#site_locator_link2 a.active
{
color: #FFF;
}
#site_locator_link2 a.bg
{
background: url(../images/green_button-trans.png) no-repeat top left;
}
#index_news_updates
{
position:relative;
float:left;
width:152px;
height: 29px;
margin-top:30px;
background:url(../images/green_button-trans.png) no-repeat top left;
}
ul#news_items li
{
position: relative;
height: 43px;
}
.pdfs a
{
float:left;
height:27px;
width:300px;
line-height:27px;
margin-bottom:10px;
color:#1867B2;
font-weight:bold;
}
.pdfs a:hover
{
text-decoration:underline;
color:#1867B2;
}
.pdf_icon
{
padding-left:40px;
background:url(../images/pdf_icon-trans.png) no-repeat top left;
}
/* terms and conditions list */
ol
{
padding-left:20px;
}
ol li
{
margin-bottom:10px;
}
/* Multi Map styles */
#searchBox
{
position:relative;
float:left;
width:808px;
padding:15px;
border:1px solid #D4E5DB;
background:#E4F4E9;
margin-bottom:15px;
}
#mapHolder
{
float: left;
width: 385px;
margin-right: 20px;
}
#mapviewer
{
float:left;
}
#overall_box #resultsbox
{
float: left;
width:400px;
padding:15px;
border:1px solid #EBE6C6;
background:#FDF4C4;
margin-bottom:15px;
}
#searchBox select#address_select
{
/*position:absolute;
top:25px;
left:0px;*/
width: 350px;
}
#searchBox #address_matches
{
float: left;
margin-top: 10px;
}
#searchBox #order_by_order
{
margin-top:22px;
}
#searchBox #order_by_fields
{
width:120px;
}
#searchBox #address_qs
{
width:146px;
height:22px;
border:none;
padding:1px 3px 3px 3px;
background:url(../images/finderform_bg.jpg) no-repeat top left;
}
table#recordList
{
text-transform: capitalize;
}
label
{
display:block;
}
fieldset
{
float:left;
padding:0;
border:none;
}
#searchBox p
{
float:left;
margin-right:10px;
}
select
{
width:100px;
height:22px;
}
#searchBox #submitbtn
{
position:absolute;
top:36px;
right:140px;
width: 65px;
}
#searchBox #submitbtn1
{
position:absolute;
top:36px;
right:35px;
width: 100px;
}
#searchHolder
{
float: left;
width: 808px;
}
/* Signup to Newsletter form */
#mc-embedded-subscribe-form
{
width:190px;
}
span.error
{
color:#F00;
font-weight:bold;
font-size:11px;
}
.errorText
{
width:190px;
}
#mc-embedded-subscribe-form fieldset
{
margin:0;
padding:0;
float:left;
width: 190px;
display:inline;
}
#mc-embedded-subscribe-form label
{
display:block;
line-height:21px;
}
#mc-embedded-subscribe-form input
{
width:178px;
height:17px;
padding:6px;
border:none;
background:url(../images/signupForm_bg.jpg) no-repeat top left;
}
#mc-embedded-subscribe-form .btn
{
height:30px;
width:152px;
margin-left:38px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:13px;
}
.indicate-required
{
margin-bottom:10px;
}
a.news_btn_text
{
position:relative;
display: block;
width:70px;
height:29px;
line-height: 29px;
border:none;
background:url(../images/signup_btn.jpg) no-repeat top left;
color:#fff;
cursor:pointer;
font-weight:bold;
text-align:left;
margin-left:100px;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
padding-left:20px;
}
a.news_btn_text:hover
{
text-decoration:underline;
}
.NewsletterFormInfo
{
float:right;
margin-top:52px;
width:161px;
height:115px;
line-height:16px;
font-size:11px;
border: 1px solid #d4e5db;
background-color:#e4f4e9;
padding:7px;
}
#newsletter_form input
{
border:0;
width:190px;
height:29px;
background:url(../images/signupForm_bg.jpg) no-repeat top left;
}
/* -------------------------------- */
/* Apply Now form */
#applyNow_form
{
margin:0;
padding-top:10px;
}
#applyNow_form fieldset#addressFldSet
{
padding-left: 5px;
}
#applyNow_form legend
{
display:none;
}
#applyNow_form label
{
display:block;
float:left;
width:109px;
margin-top:6px;
}
#applyNow_form select
{
border:1px solid #ddd;
width:283px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
}
#applyNow_form input
{
width:269px;
height:15px;
border:none;
padding:7px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/apply_form_bg.jpg) no-repeat top left;
margin-top:10px;
}
#applyNow_form p.submit
{
float:right;
text-align:right;
}
a.app_btn_text
{
position:relative;
display: block;
width:130px;
height:29px;
line-height: 29px;
border:none;
background:url(../images/apply_btn-trans.png) no-repeat top left;
color:#fff;
cursor:pointer;
font-weight:bold;
font-size:14px;
text-align:left;
margin-top:18px;
font-family: Arial, Helvetica, sans-serif;
padding-left:16px;
}
a.app_btn_text:hover
{
text-decoration:underline;
color:#fff;
}
.applyNow_formInfo
{
float:right;
margin-top:20px;
width:161px;
height:115px;
line-height:16px;
font-size:11px;
border:1px solid #2A7860;
background-color:#E4F4E9;
padding:5px;
}
#downloadApplication
{
width:362px;
float:left;
height:27px;
line-height:23px;
border:1px solid #C0DAFF;
padding:8px 15px 8px 15px;
background-color:#E4F0FC;
font-weight:bold;
margin-top:15px;
}
#thanksMsg
{
width:392px;
height:60px;
line-height:60px;
border:1px solid #9FA59B;
padding:5px;
background-color:#fff;
text-align:center;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}
/* -------------------------------- */
/* Fuel Tools */
.savingTips
{
float:left;
width:372px;
background:#E3F1FC;
border:1px solid #C3DAFF;
padding:10px;
margin:10px 10px 0px 0px;
line-height:18px;
}
.sub_headings
{
font-size:16px;
color:#0A6498;
}
/* Why us text */
ul.why_us li
{
margin-left:20px;
padding-left:10px;
list-style:disc;
}
ul.why_us
{
margin-bottom:8px;
}
ul.whyUs_bullets
{
float: none;
}
.whyUs_bullets li
{
list-style-type:disc;
margin-left:15px;
}
/* footer links */
#sub_footer
{
float:left;
width:838px;
height:88px;
margin-top:10px;
border-top: 1px solid #ccc;
border-bottom:1px solid #ccc;
}
/* footer links */
#sub_footer
{
float:left;
width:838px;
height:88px;
margin-top:10px;
border-top: 1px solid #ccc;
border-bottom:1px solid #ccc;
}
#sub_footer_investLogo
{
float:left;
width:63px;
height:55px;
line-height:55px;
margin-top:16px;
background:url(../images/investLogo-trans.png) no-repeat top left;
}
#sub_footer_isoLogo
{
float:left;
width:65px;
height:55px;
line-height:55px;
margin-top:16px;
margin-left:17px;
background:url(../images/isoLogo.png) no-repeat top left;
}
#sub_footer_text
{
float:left;
width:250px;
height:32px;
margin-top:10px;
margin-left:17px;
}
#sub_footer_30logo
{
float:right;
width:157px;
height:63px;
line-height:63px;
margin-top:13px;
margin-left:17px;
background:url(../images/driver.png) no-repeat top left;
}
#sub_footer_driver
{
float:right;
width:157px;
height:63px;
line-height:63px;
margin-top:13px;
margin-left:17px;
background:url(../images/30yrLogo.png) no-repeat top left;
}
#footer
{ float:left;
width:868px;
height:25px;
}
#footer_nav
{
width: 868px;
font-size:12px;
height: 11px;
line-height:11px;
padding-top:12px;
}
#footer_nav ul
{
position: relative;
list-style: none;
width:600px;
}
#footer_nav li
{
float: left;
height: 12px;
border-right: 1px solid #829385;
padding: 0px 5px 0px 5px;
}
#footer_nav li#active
{
color:#1D5F9E;
padding-left:0px;
}
#footer_nav li#last
{
padding-right: 0px;
border: 0;
}
#footer_nav li a
{
display: inline;
text-decoration:none;
}
#sideHolder
{
float: left;
width: 406px;
}
/* Login page styles */
#loginForm
{
width:292px;
margin:0;
padding-top:10px;
}
#loginForm legend
{
display:none;
}
#loginForm label
{
display:block;
float:left;
width:95px;
margin-top:10px;
line-height:25px;
}
#loginForm input
{
width:167px;
height:15px;
border:none;
padding:7px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/loginForm_bg.jpg) no-repeat top left;
margin-top:10px;
}
#loginForm p.submit
{
clear:both;
width:97px;
text-align:right;
margin-top:15px;
margin-left:80px;
}
a.login_btn_text
{
position:relative;
display: block;
width:70px;
height:29px;
line-height: 29px;
border:none;
background:url(../images/signup_btn.jpg) no-repeat top left;
color:#fff;
cursor:pointer;
font-weight:bold;
text-align:left;
margin-left:100px;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
padding-left:20px;
}
a.login_btn_text:hover
{
text-decoration:underline;
color:#fff;
}
/* Forgotten details form styles */
#forgottenDetailsForm
{
width:392px;
margin:0;
padding-top:10px;
}
#forgottenDetailsForm legend
{
display:none;
}
#forgottenDetailsForm label
{
display:block;
float:left;
width:205px;
margin-top:10px;
line-height:25px;
}
#forgottenDetailsForm input
{
width:167px;
height:15px;
border:none;
padding:7px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../images/loginForm_bg.jpg) no-repeat top left;
margin-top:10px;
}
#forgottenDetailsForm p.submit
{
width:97px;
margin-left:240px;
text-align:right;
}
a.forgotten_app_btn_text
{
position:relative;
display: block;
width:134px;
height:29px;
line-height: 29px;
border:none;
background:url(../images/lost_details_btn-trans.png) no-repeat top left;
color:#fff;
cursor:pointer;
font-weight:bold;
font-size:14px;
text-align:left;
margin-top:18px;
font-family: Arial, Helvetica, sans-serif;
padding-left:16px;
}
a.forgotten_app_btn_text:hover
{
text-decoration:underline;
color:#fff;
}
#driverCPC
{
position: relative;
float: right;
width: 374px;
padding: 15px;
background-color: #F0F0F0;
border: 1px solid #d7d7d7;
margin-top: 10px;
}
#driverCPC h2
{
font-size: 16px;
color: #1C63A5;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #d7d7d7;
}
#driverCPC a.logo
{
position: relative;
display: block;
width: 190px;
height: 76px;
}
#driverCPC a.logo span
{
position: absolute;
width: 190px;
height: 76px;
background: url(../images/drivercpc_logo.png) no-repeat top left;
}
#driverCPC a.button
{
position: absolute;
top: 85px;
right: 15px;
display: block;
width: 146px;
height: 26px;
line-height: 26px;
padding: 0 10px;
background:url(../images/drivercpc_butt.jpg) no-repeat top left;
color: #fff;
font-weight: bold;
}