body, html
{
   font-family: Arial, Verdana;
   font-size: 11px;
   background-color:#ffff99;
}
#content
{
    position:relative;
    width:840px;
    margin:0 auto;      
    height:100%;
}
ol
{
    list-style-type: decimal; 
    padding:5px;   
}

/* sliding door button */
.slide
{
    position:relative;
    height:35px;   
    left:-3px; 
}
.slide a {
	float:left;
	background:url("../images/layout/slideLeft.jpg") no-repeat top left;
	padding:0 0 0 14px; /* reveals the 5px background image that is the left edge of the button*/
	margin:0 0 0 0px; /* empty space between buttons */
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.slide a span {
	
	display:block;
	background:url("../images/layout/slideright.jpg") no-repeat top right;
	padding:8px 10px 9px 0px; /* top & bottom dependent on font size, adjust accordingly. left adds 5 to the existing padding set in the a class, right should equal the two values - in this case 10px */
	color:#FFFFFF;
	cursor: hand; /* Forces cursor to hand over the span area, which otherwise switches to a text tool */
}
#slide a span {   /* Hides rule from IE5-Mac \*/
	float:none;
}
.slide a:hover span {   /* End IE5-Mac hack */
	/*color: #fdfe98;*/
	color:#ffff00;
	text-decoration:none;
}
.slide a:hover {
	background-position: 0% -30px;
}
.slide a:hover span {
	background-position: 100% -30px;
}

/* other button */
a.rolloverMoreBlu 
{
    display: block;
	width: 60px;
	height: 32px;
	margin-left:7px;
	text-decoration: none;
	background-image: url("../images/home/BTN_moreBlu.jpg");
	position:relative;
    margin-top:30px; 
    left:-9px;  
}
a.rolloverMoreBlu:hover
{
    background-position: -63px 0;
}
.cashbackBtn 
{
    margin-top:20px;  
}

/* adding the external like icon to ... well external links */
a[href^="http:"] {
display:inline-block;
padding-right:14px;
background:transparent url(../images/layout/Icon_External_Link.gif) center right no-repeat;
}

/* global classes */

h1
{
  position:relative;
  font-size:13px;
  font-weight:bold;
  color:White;
  padding:7px 0 0 10px;  
  z-index:100;
}
h2
{
  position:relative;
  font-size:12px;
  font-weight:bold;
  color:Black;
  padding:7px 0 7px 10px; 
  clear:both; 
}
sup
{
  position:relative;
  font-weight:normal;
  margin:3px;
  top:-5px;
  font-size:8px;
}
.center
{
    text-align:center;    
}
.text25
{
   font-size:25px;  
}
.text21
{
    font-size:21px; 
    line-height:25px;   
}
.text20
{
    font-size:20px; 
    line-height:23px; 
      
}
.text16
{
    font-size:16px;    
}
.text10
{
    font-size:10px;    
}
.purple
{
   color:#993399;
}
.green
{
    color:#669900;    
}
.white
{
    color:#FFFFFF;   
 }
 .black
{
    color:#000;   
 }
.noBorder
{
    border-bottom:0px !important;    
}
.leftFloat
{
    float:left;    
}
.underline
{
    text-decoration:underline;    
}
/* main styles */
#header
{
    position:relative;
    width:890px; 
    height:120px;
    z-index:2;
}
.headerLogo
{
    position:relative;
    margin-left:20px;
    width:121px;
    height:90px;   
}
#tagLine
{
    position:absolute;
    top:30px;
    font-size:17px;
    left:590px;  
    text-align:right; 
    height:50px;
    width:225px; 
}
#mainContent
{
    position:relative;
    margin-top:10px;
    width:840px;
    height:100%; 
    z-index:1;  
}

#gitPanelHome
{
    position:relative;
    float:left;
    left:175px;
    top:6px;
    width:214px;
    height:100%;   
}
#gitPanel
{
    position:relative;
    margin-left:7px;
    top:6px;
    width:214px;
    height:100%;   
}
.gitLarge
{
    font-size:21px;   
    font-weight:bold; 
}
 #gitHeader
 {
    position:relative;
    background:url(../images/layout/GIT_header.jpg);
    background-repeat:no-repeat;
    height:32px;
    width:214px;    
 }
 #gitHeaderText
 {
    color:#FFFFFF;
    font-size:13px; 
    padding:10px 0 0 10px; 
    font-weight:bold; 
  }
.gitSection
{
    border-bottom:1px solid black;
    margin:0px 5px 0 5px;
    padding:13px 3px 13px 3px;       
}
 #gitTile
 {
    position:relative;
    background:url(../images/layout/GIT_tile.jpg);
    background-repeat:repeat-y;   
  }
#BTNcallBack
{
    position:absolute;
    left:124px;  
    top:67px;    
}
html* #BTNcallBack {width:90px;}
#findBranch
{
    position:absolute;
    top:125px;
    left:56px;
    width:150px;
    text-align:right; 
 }
 #GITfindBranchBtn
 {
    position:relative;
    left:55px;   
    top:25px; 
 }

 .threeCol
 {
    position:relative;
    float:left;
    width:280px;
    height:100%;
 }
 .Breadcrumbs
 {
    position:absolute;
    top:0px;  
  }
   .Breadcrumbs a
 {
    color:Black;
    text-decoration:none;  
  }
#leftNav
{
    position:relative;
    width:133px;
    float:left;
 }
 html* #mainContent {width:850px}

/* html* #leftNav {display:inline}
 html* #centerContent {display:inline}
 html* #rightContent {display:inline;width:260px}*/
 #centerContent
 {
    position:relative;
    width:450px;
    float:left;
    margin-left:10px;
    padding-top:15px;
 }

 #rightContent
 {
    position:relative;
    width:230px;
    float:left; 
    padding-top:9px; 
 }

 .mainHeader
 {
    position:relative;
    height:30px;
    width:447px;
    background:url(../images/layout/mainBlackHeader.jpg);
    background-repeat:no-repeat; 
  }
.contactHeader
 {
    position:relative;
    height:30px;
    width:447px;
    background:url(../images/other/purpleHeader.jpg);
    background-repeat:no-repeat; 
  }
.bikeHeader
 {
    position:relative;
    height:30px;
    width:447px;
    background:url(../images/layout/bikeHeaderStrip.jpg);
    background-repeat:no-repeat; 
  }
.homeHeaderStrip
 {
    position:relative;
    height:30px;
    width:447px;
    background:url(../images/layout/homeHeaderStrip.jpg);
    background-repeat:no-repeat; 
  }
.travelHeader
 {
    position:relative;
    height:30px;
    width:447px;
    background:url(../images/layout/travelHeaderStrip.jpg);
    background-repeat:no-repeat; 
  }
.mainTile
 {
    position:relative;
    width:447px;
    background:url(../images/layout/mainWhiteTile.gif);
    background-repeat:repeat-y;
    line-height:14px;
    padding-top:10px;
    /*overflow:auto;*/
  }
   .mainTile h2
 {
    padding-bottom:0px;  
 }
 .mainTile p
 {
    padding:2px 10px 10px 10px;    
 }
 
  .mainTile ul
 {
    list-style-image:url(../images/layout/circleTick.gif);
    padding:10px;    
 }
 .mainTile li
 {
    margin:0 0 5px 20px;    
 }
 ul.plain 
 {
     list-style-type: disc;
     list-style-image: none;
 }
 .mainFooter
 {
    position:relative;
    width:447px;
    height:14px;
    background:url(../images/layout/mainWhiteFooter.gif);
    background-repeat:no-repeat;
  }
  .sectionHeader
  {
    position:relative;
    float:left;
    margin-top:-32px;
    margin-left:5px;
 
  }
  .introText
  {
    position:relative;
    float:left;
    width:285px;    
  }
/* side nav */
.sideNav 
 {
    position:relative;
    list-style-image:url(../images/layout/blackDot.gif);
    top:20px;
    left:15px;
    
 }
.sideNav li
 {
     
    margin:0px 0 12px 20px;
    
 }
.sideNav li a
 {
    color:Black !important; 
    text-decoration:none !important;
    font-weight:normal; 
    position:relative;
    top:-5px;
    *padding-left:10px;
    *display:block;
    line-height:15px;  
 }

 .sideNav li a:hover
 {
    text-decoration:underline; 
 }
 #redCarSmall
 {
    position:relative;
    background:url(../images/layout/redCar_Small.jpg);
    background-repeat:no-repeat;
    height:200px;
    width:229px;
    text-align:left;
    margin:15px 10px 10px 9px;
 }
 #galleryPod
 {
    position:relative;
    background:url(../images/layout/galleryPod_bg.jpg);
    background-repeat:no-repeat;
    height:175px;
    width:213px;
    text-align:left;
    margin:15px 10px 10px 9px;
 } 
 #galleryPodHome
 {
    position:relative;
    background:url(../images/layout/galleryPodHome_bg.jpg);
    background-repeat:no-repeat;
    height:175px;
    width:259px;
    text-align:left;
 } 
 #rainingCashPod
 {
    position:relative;
    background:url(../images/layout/rainingCash_bg.jpg);
    background-repeat:no-repeat;
    height:175px;
    width:213px;
    text-align:left;
    margin:15px 10px 10px 9px;
 } 
 #rainingCashPodHome
 {
    position:relative;
    background:url(../images/layout/rainingCashHome_bg.jpg);
    background-repeat:no-repeat;
    height:175px;
    width:259px;
    text-align:left;
 } 
 #sectionFooter
 {
    margin-top:10px;    
 }
 .podText
 {
    position:relative;
    padding:5px 10px 5px 10px;
    z-index:100; 
    font-size:12px;
 }
 #blueMoreRight
 {
    position:relative;
    margin-top:30px; 
    left:-9px;  
  }
  
  /* form styles */
  #formHolder
  {
    height:100%;
    overflow:auto;    
  }
  label, .label
  {
    width:150px;
    display:block;
    text-align:right;   
    float:left; 
    margin:5px;
    clear:both;
  }
  input, select
  {
    width:220px;
    background:#FEE8FD;
    border:1px solid #7D7D7F;
    float:left;
    margin:5px;
/* Do rounding (native in Safari, Firefox and Chrome) CSS3 */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
select
{
    width:150px;
}
.checkbox
{
     width:50px;
     background:none;
     border:none;
}
.carDP, .homeDP, .travelDP, .bikeDP, .businessDP, .taxiDP
{
    width:90px; 
}
   
.renewalLabel
{
    float:left;
    margin-top:5px;   
}


.submitBTN
{
    position:relative;
    left:320px;
    background:none;
    border:none; 
    height:28px;
    width:72px; 
    color:White; 
    cursor:hand; 
}

/* extra pages */
.tableHolder
{
    position:relative;
    margin-left:7px;    
}
.tableHeader
{
    position:absolute;
    top:0px;
    z-index:10;
}
.tableTile
{
    position:relative;
    background:url(../images/layout/tableTile.jpg);
    background-repeat:repeat-y; 
    padding-top:5px;   
}
.tableCoverTile
{
    position:relative;
    background:url(../images/layout/tableCoverTile.jpg);
    background-repeat:repeat-y; 
    padding-top:5px;   
}
.carTableTile
{
    position:relative;
    background:url(../images/layout/carTableBackground.jpg);
    background-repeat:repeat-y; 
    padding-top:5px;   
}
.carTableTile td {padding:2px 5px;margin:0;}
.tableCoverTile td {padding:2px 5px;margin:0;}
.tableContents
{
    position:relative;
    z-index:20;
    width:420px;
    margin-left:5px;
 }
th
{
    text-align:center;
    color:White;
    font-weight:bold;
    height:26px;
}
th span
{
    font-size:10px;
}
td
{
    padding:10px 5px 10px 5px;  
 
}

td.coverSummaryWhite {width:224px;border-bottom:1px dashed #000;background-color:#fff}
td.coverSummaryPink {width:160px;border-bottom:1px dashed #000;background-color:#f7d9e8}

a.black {color:#000;font-weight:bold}

#windscreenImage
{
    position:absolute;
    top:190px;
    left:232px;
}

ul#sitemap {list-style-type:disc;list-style-image:none}
ul#sitemap ul {list-style-type:disc;list-style-image:none}

.callsTag
{
    position:relative;
    left:148px;
    margin-top:10px;   
    width:300px; 
}