/* CSS Document */

body 
{
margin: 0px;
padding: 0px;
color: #000;
background: #FFF2C4 url(../images/background.png) top left repeat-x;
}


									/* SITE BODY ELEMENTS  */

/* holds the small top menu */
.topbar
{
margin: 0px auto;
height: 20px;
width: 960px;
}

/* holds logo and contact text */
.banner
{
margin: 0px auto;
width: 960px;
height: 160px;
}

/* holds logo */
.logo
{
float: left;
width: 560px;
height: 160px;
}


/* holds everything but the banner and the footer */
.container
{
overflow: visible;
margin: 0px auto 20px auto;
width: 940px;
}

/* full width feature box */
.feature
{
overflow: hidden;
clear: both;
width: 920px;
padding: 10px 10px 5px 10px;
margin: 15px auto 20px auto;
background: #0F6CF9;
}

/* text for feature box */
.leftfeaturetext
{
float: left;
width: 439px;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
border-right: 1px solid #6AA5FB;
}

/* text for feature box */
.rightfeaturetext
{
float: left;
width: 439px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
border-left: 1px solid #04429D;
}

/* 1/2 width right aligned feature */
.featureright
{
overflow: hidden;
float: right;
width: 420px;
padding: 10px 10px 5px 10px;
margin: 15px 0px 20px 0px;
background: #0F6CF9;
}

/* pale strip for links in the featureright div */
.featurestrip
{
clear: right;
margin: 10px auto;
padding: 10px 10px 0px 10px;
width: 400px;
height: 30px;
background: #7AAEFC;
}

/* blue feature box for vehicle descriptions */
.featurecarblue
{
clear: both;
float: left;
overflow: hidden;
width: 440px;
padding: 10px 10px 5px 10px;
margin: 0px 20px 20px 0px;
background: #0F6CF9;
color: #FFF;
}

/* green feature box for vehicle descriptions */
.featurecargreenright
{
float: left;
overflow: hidden;
width: 440px;
padding: 10px 10px 5px 10px;
margin: 0px 0px 20px 0px;
background: #8ECA02;
color: #FFF;
}


/* green feature box for vehicle descriptions */
.featurecargreenleft
{
clear: both;
float: left;
overflow: hidden;
width: 440px;
padding: 10px 10px 5px 10px;
margin: 0px 20px 20px 0px;
background: #8ECA02;
color: #FFF;
}


/* text which sits on the right of the page */
.textright
{
clear: right;
float: right;
width: 440px;
margin: 0px 0px 0px 0px;
}

/* text which sits on the right of the page */
.textleft
{
clear: left;
float: left;
width: 460px;
margin: 10px 0px 10px 0px;
}

/* text which clears everything and holds the "page up" links */
.pageuptext
{
clear: both;
float: left;
width: 460px;
margin: 0px 0px 5px 0px;
}

								/* Specials text boxes on home page */
.specialleft-green
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #8ECA02;
color: #FFF;
}

.specialleft-blue
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #0F6CF9;
color: #FFF;
}

.specialmid-green
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #8ECA02;
color: #FFF;
}

.specialmid-blue
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 42px 20px 0px;
background: #0F6CF9;
color: #FFF;
}

.specialright-green
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #8ECA02;
color: #FFF;
}

.specialright-blue
{
clear: none;
float: left;
width: 275px;
height: 325px;
padding: 5px;
margin: 0px 0px 20px 0px;
background: #0F6CF9;
color: #FFF;
}

/* holds the accommodation widget on the cheap accommodation deals page */
.widgetfeature
{
float: left;
margin: 0px 0px 30px 0px;
width: 500px;
padding: 10px 15px 10px 5px;
background: #8ECA02;
}



										/* FOOTER */

/* holds the footer and footer bg */
.footerstrip
{
clear: both;
margin: 20px auto 0px auto;
width: 100%;
height: 392px;
background: url(../images/footer-bg.png) top left repeat-x;
}

.footer
{
overflow: hidden;
clear: both;
margin: 20px auto 0px auto;
padding-top: 265px;
width: 1146px;
height: 127px;
background: url(../images/footer.png);
background-position: 0px 0px;
background-repeat: no-repeat;
}



										/* BANNERS */


.homebanner
{
margin: 0px auto 15px auto;
width: 940px;
height: 120px;
background: url(../images/homebanner.jpg) top left no-repeat;
}



										/* INQUIRY FORM ELEMENTS */

/* form page text */
.formtext
{
overflow: hidden;
float: left;
width: 670px;
padding: 20px 15px;
margin: 0px 0px 0px 0px;
}

/* grey feature panels on the form page */
.formgrey
{
float: left;
width: 648px;
margin: 10px 0px 10px 0px;
padding: 10px 10px 0px 10px;
background: #EFEFEF;
border: 1px solid #CCC;
}

.formspace
{
clear: left;
float: left;
width: 70px;
}

.formfield
{
clear: none;
float: left;
width: 200px;
}

.formline
{
margin: 10px auto;
width: 100%;
border-top: 1px solid #999;
}


										/* NAVIGATION ELEMENTS */


/*holds all of the menu elements*/
.menu {
margin: 0px auto;
width: 938px;
height: 35px;
}

 /* all lists */
#nav, #nav ul 
{
padding: 0px;
margin: 0px;
list-style: none;
}

#nav, #nav ul 
{
padding: 0px;
margin: 0px;
list-style: none;
}

#nav a 
{
display: block;
width: 134px;
height: 25px;
text-decoration: none;
color: #FFF;
}

 /* all list items */
#nav li
{
float: left;
width: 134px;
height: 15px;
font: 14px Arial, Helvetica, sans-serif;
color: #FFF;
line-height: 1.3em;
padding: 10px 0px 10px 0px;
text-align: center;
background: #999;
}

#nav li:hover
{
color: #000;
background: #CCC;
}

 /* second-level lists */
#nav li ul 
{
position: absolute;
width: 134px;
left: -999em;
}

/* third-and-above-level lists */
#nav li ul ul 
{
margin: -35px 0px 0px 134px;
/*
margin: -2.5em 0em 0em 9.6em;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{
left: -999em;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ 
left: auto;
}

#content 
{
clear: left;
color: #ccc;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul 
{ 
left: auto;
}

/* Breadcrumb menu */
.breadcrumbs
{
margin: 20px auto 15px auto;
width: 940px;
font: 11px Arial, Helvetica, sans-serif;
color: #666;
text-align: left;
line-height: 0px;
}


/* buttons in sites.php section */
.clickhere
{
float: left;
margin: 160px 0px 0px 20px;
padding: 0px 0px 0px 0px;
width: 86px;
height: 22px;
background: url(../images/click-here.png) top left no-repeat;
}

.clickhere:hover
{
background: url(../images/click-here-hover.png) top left no-repeat;
}

/* button in footer.php section */
.footerbutton
{
float: right;
margin: -152px 173px 0px 0px;
padding: 0px 0px 0px 0px;
width: 86px;
height: 22px;
background: url(../images/click-here.png) top left no-repeat;
}

.footerbutton:hover
{
background: url(../images/click-here-hover.png) top left no-repeat;
}







										/* LIST STUFF */


.bullet-square
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
margin-bottom: 0px;
}

.bullet-square li
{
background-image: url(../images/bullet-square.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em .0em;
}

.bullet-tri
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-tri li
{
background-image: url(../images/bullet-tri.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.2em;
}

.bullet-tri-white
{
clear: both;
margin-left: -8px;
padding-left: 0px;
list-style: none;
}

.bullet-tri-white li
{
background-image: url(../images/bullet-tri-white.gif);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0.5em -.2em;
}

.bullet-tri li p
{
line-height: .8em;
}

.bullet-tri-white li p
{
line-height: .8em;
}

.bullet-square li p
{
line-height: 1em;
}

ol
{
margin-left: -20px;
}
										
ol li
{
font-size: 12px;
} 




										/* FONTS */



/* black headings */
h1
{
font: 50px "Arial Narrow", Helvetica, sans-serif;
font-weight: 600;
color: #000;
line-height: 1em;
margin: 0px 0px 10px 0px;
}

h1 em
{
font-size: 30px;
font-style: normal;
}

.feature h1
{
font-size: 30px;
color: #FFF;
}


/* white headings in feature boxes */
h2
{
font: 50px "Arial Narrow", Helvetica, sans-serif;
font-weight: 600;
color: #FFF;
line-height: 1em;
margin: 0px 0px 10px 0px;
}

h2 em
{
font-size: 30px;
font-style: normal;
}

h3
{
font: 30px "Arial Narrow", Helvetica, sans-serif;
font-weight: 600;
line-height: 1.2em;
margin: 0px 0px 10px 0px;
}

h4
{
font: 16px Geneva, Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
}

.footer h4
{
text-align: center;
}

/* small headings in feature boxes */
h5
{
font: 18px Arial, Helvetica, sans-serif;
color: #FFF;
line-height: 1em;
font-weight: bold;
margin: 0px 0px 10px 0px;
}

p
{
font: 14px Arial, Helvetica, sans-serif;
text-align: justify;
line-height: 1.7em;
margin-top: 0px;
}

.feature p
{
color: #FFF;
}

.featureright p
{
color: #FFF;
}

.clickhere p
{
text-align: center;
line-height: 1.5em;
}

.contacttext p
{
line-height: 1em;
}

.footer p
{
clear: none;
text-align: center;
line-height: 1em;
}

.footerbutton p
{
clear: none;
text-align: center;
line-height: 1.7em;
}

.callus p
{
text-align: center;
font-size: 16px;
line-height: 1em;
}

.pageuptext p
{
line-height: 1em;
margin: 0px;
}

.specialleft-green p
{
text-align: left;
}

.specialleft-blue p
{
text-align: left;
}

.specialmid-green p
{
text-align: left;
}

.specialmid-blue p
{
text-align: left;
}

.specialright-green p
{
text-align: left;
}

.specialright-blue p
{
text-align: left;
}


.topbar p
{
color: #FFF;
font-size: 13px;
line-height: 1em;
margin: 5px 0px 6px 0px;
}


.footer em
{
font-size: 18px;
color: #000;
}

.formgrey em
{
color: #CC0000;
font-style: normal;
}

.formtext em
{
color: #CC0000;
font-style: normal;
}

.formgrey p
{
clear: left;
}



										/* GRAPHICS */


.container img
{
border: none;
}

.banner img
{
border: none;
}

.text img
{
border: none;
}

.logo img
{
border: none;
}

/* 3 bottom promo features */
.promoleft
{
clear: both;
float: left;
width: 285px;
height: 200px;
margin: 0px 42px 20px 0px;
background: url(../images/tas-promo.png) top left no-repeat;
}

.promomiddle
{
float: left;
width: 285px;
height: 200px;
margin: 0px 42px 20px 0px;
background: url(../images/oz-promo.png) top left no-repeat;
}

.promoright
{
float: left;
width: 285px;
height: 200px;
margin: 0px 0px 20px 0px;
background: url(../images/accommodation-promo.png) top left no-repeat;
}

.thumb
{
clear: both;
float: left;
width: 150px;
margin: 0px 15px 0px 0px;
}

.callus
{
float: right;
width: 250px;
margin: 0px 20px 0px 0px;
}

.thriftyfeature
{
float: left;
width: 420px;
height: 43px;
margin: 0px 0px 10px 0px;
background: url(../images/thrifty-logo.png) top left no-repeat;
}

.europcarfeature
{
float: left;
width: 420px;
height: 43px;
margin: 0px 0px 10px 0px;
background: url(../images/europcar-logo.gif) top left no-repeat;
}

.backpackerfeature
{
float: left;
width: 420px;
height: 43px;
margin: 0px 0px 10px 0px;
background: url(../images/backpacker-logo.png) top left no-repeat;
}

.smallicongrey
{
float: left;
width: 45px;
height: 35px;
margin: -5px 0px 0px 0px;
background: url(../images/small-icon-grey.png) left top no-repeat;
}

.smalliconpale
{
float: left;
width: 45px;
height: 35px;
margin: -5px 0px 0px 0px;
background: url(../images/small-icon-pale.png) left top no-repeat;
}

.smalliconlight
{
float: left;
width: 45px;
height: 35px;
margin: -5px 0px 0px 0px;
background: url(../images/small-icon-light.png) left top no-repeat;
}

/* holds the home page specials icons/logos USED */
.special-icon
{
float: left;
width: 120px;
}

.save-dollars
{
float: right;
width: 94px;
margin: 0px 0px 0px 15px;
}

.home-panorama
{
float: right;
width: 940px;
margin: 0px auto 15px auto;
}


/* home page special image USED */
.guaranteed
{
width: 265px;
height: 100px;
margin: -15px auto 0px auto;
background: url(../images/guaranteed.png) top left no-repeat;
}




				
										/* LINKS  */

											
/* standard link */

.body a:link 
{
color: #0F6CF9;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #0F6CF9;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{
color: #FFF2C4;
text-decoration: none;
background: #0F6CF9;
border-bottom: 1px solid #0F6CF9;
}											
											
/* links in the top toolbar */
.toplink a:link 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.toplink a:visited 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.toplink a:hover 
{
color: #8ECA02;
background: #FFF;
text-decoration: none;
border-bottom: 1px solid #FFF;
}
											
										
/* link for titles */
.title a:link 
{
color: #B8562E;
text-decoration: none;
border-bottom: 1px dotted;
}

.title a:visited 
{
color: #B8562E;
text-decoration: none;
border-bottom: 1px dotted;
}

.title a:hover 
{
color: #fff;
background: #B8562E;
border-bottom: none;
}

/* links for "click here" buttons */
.click a:link 
{
color: #FFF;
text-decoration: none;
}

.click a:visited 
{
color: #FFF;
text-decoration: none;
}

.click a:hover 
{
color: #FFF;
text-decoration: none;
}

/* skype link in the header */
.call a:link 
{
color: #333;
text-decoration: none;
border-bottom: 1px dotted;
padding-left: 21px;
background: url(../images/skype.png) top left no-repeat;
}

.call a:visited 
{
color: #333;
text-decoration: none;
border-bottom: 1px dotted;
padding-left: 21px;
background: url(../images/skype.png) top left no-repeat;
}

.call a:hover 
{
color: #333;
background: #333;
text-decoration: none;
border-bottom: 1px solid #333;
padding-left: 21px;
background: url(../images/skype.png) top left no-repeat;
}

/* link for feature strips NOT YET USED */
.featurelink a:link 
{
color: #FFF;
text-decoration: none;
background: #FF6600;
border-bottom: 1px dotted;
}

.featurelink a:visited 
{
color: #FFF;
text-decoration: none;
background: #FF6600;
border-bottom: 1px dotted;
}

.featurelink a:hover 
{
color: #FFF;
background: #FEBC92;
text-decoration: none;
border-bottom: 1px solid;
}

/* link for blue feature boxes */
.blueboxlink a:link 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.blueboxlink a:visited 
{
color: #FFF;
text-decoration: none;
border-bottom: 1px dotted;
}

.blueboxlink a:hover 
{
color: #0F6CF9;
text-decoration: none;
background: #FFF;
border-bottom: 1px solid #FFF;
}	

/* link for green feature boxes */
.greenboxlink a:link 
{
color: #0F6CF9;
text-decoration: none;
border-bottom: 1px dotted;
}

.greenboxlink a:visited 
{
color: #0F6CF9;
text-decoration: none;
border-bottom: 1px dotted;
}

.greenboxlink a:hover 
{
color: #8ECA02;
text-decoration: none;
background: #0F6CF9;
border-bottom: 1px solid #8ECA02;
}