/*
Copyright 2007 Nationwide Rental Cars. All Rights Reserved. 
------------------------------------------------------

SECTIONS:
General Elements
Page Structure
Typography
Fleet
Images
Links
Menu
Footer
Forms
Book
Subscribe

HIERARCHY:
H1 - Nationwide Car Rentals
   H2 - Page Titles
	  H3 - Subtitles
	  
PALETTE:
Links - #B90000
Page Titles - #333333
Subtitles - #999999
------------------------------------------------------ */
/* General Elements */
body, div, dl, dt, dd, ul, li, h2, h3, h4, h5, h6, pre, form, caption, fieldset, input, select, textarea, p, a, span, blockquote, table, th, td, iframe {
margin: 0;
padding: 0;
}

#menu span{display:block;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.5em;
color: #333;
background: #fff url(Images/stripes.gif) 0 0;
text-align: left;
}
body#nocms {
background: #9a9a9a url(Images/stripes.gif) 0 0;
text-align: center;
}
/* Page Structure */
#wrap {
width: 100%;
font-size: 85%;
background: url(Images/shadow.gif) 50% 0 repeat-y;
}
#content {
text-align: left;
margin: 0 auto;
width: 770px;
background: url(Images/wrap.gif) 0 0 repeat-y;
}
#copy-popup {
background: #fff;
width: 770px;
float: right;
}
#header {
float: left;
height: 125px;
width: 770px;
background: #e6e6e6 url(Images/header.gif) 0 0 no-repeat;
}
#left {
width: 250px;
float: left;
}
#copy {
width: 520px;
float: right;
}
#context {
width: 520px;
float: right;
padding: 12px 0 0 0;
}
#contextinside {
width: 520px;
float: right;
padding: 12px 0;
}
#special {
width: 519px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
#slideshow {
width: 519px;
height: 223px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
z-index:1;
}
#pageimage {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
#book {
width: 250px;
background: #C50D0D url(Images/bookbg.gif) 0 0 repeat-y;
float: left;
border-top: 8px solid #e6e6e6;
padding: 20px 0;
border-bottom: 1px solid #BEC5D0;
}
#subscribe {
background: #333;
width: 520px;
float: left;
padding: 20px 0;
margin: 8px 0 0 0;
}
#subscribe.unsubscribe {
background: #fff;
padding: 0;
margin: 0;
}
/* Typography */
#nationwide span, h2 span, h3 span, h4 span, h5 span, h6 span, p span, dl span, ul span {
display: none;
} 
span.Required {
display: inline;
color: #b90000;
}
table td {
vertical-align: top;
}
p {
padding: 8px 20px; 
}
#left p {
color: #fff;
float: left;
display: inline;
}
#left p.multioptions {
float: none;
display: block;
padding: 0 20px;
text-align: center;
}
#left p.accoptions {
float: none;
display: block;
padding: 0 20px;
text-align: center;
}
#left p.viewbasket {
float: none;
display: block;
padding: 5px 20px 0 20px;
text-align: center;
}
#left p.multioptions a {
margin: 0 10px 0 0;
}
#left p.accoptions a {
margin: 0 8px 0 0;
}
ul {
margin: 8px 20px;
list-style: none;
}
#vehicles ul {
margin: 8px 0;
}
li {
padding: 3px 14px;
background: url(Images/arrow.gif) 0 0 no-repeat;
}
ol li {
padding: 3px 20px 3px 0;
background: none;
}
p.divide {
padding: 16px 0;
margin: 0 20px;
border-bottom: 1px solid #9197A1;
}
blockquote {
font-style: italic;
}
.tollfree {
background: url(Images/tollfreenz.gif) 0 0 no-repeat;
width: 246px;
height: 32px;
float: right;
padding: 0;
margin: 20px 30px 0 0;
display: inline;
}

div#nationwide {
width: 260px;
height: 80px;
float: left;

/*background: url(Images/nationwidelogo.gif) 0 0 no-repeat;*/
}

#copy-popup h1#nationwide {
width: 770px;
}

h1 {
margin: 8px 20px;
font: italic 130%/140% Arial, Helvetica, sans-serif;
font-weight: bold;
}

.sIFR-flash {
visibility: visible !important;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}


/*.sIFR-hasFlash h1  {
visibility: hidden;
}*/


h3 {
margin: 16px 20px 0 20px;
font: italic 110%/140% Verdana, Arial, Helvetica, sans-serif;
color: #777;
font-weight: bold;
}
#left h3 {
float: left;
color: #fff;
display: inline;
}
#vehicles h3 {
color: #333;
margin: 8px 0;
}
h4 {
margin: 16px 20px 0 20px;
padding-bottom: 5px;
color: #666;
font-weight: normal;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e6e6e6;
}
#book h4 {
border: 0;
margin: 8px 20px;
}
h4#pickup {
height: 8px;
background: url(Images/pickup.gif) 0 0 no-repeat;
}
h4#return {
height: 8px;
background: url(Images/return.gif) 0 0 no-repeat;
}
h4#accommodation {
height: 8px;
background: url(Images/accommodation.gif) 0 0 no-repeat;
}
h4#trains {
height: 8px;
background: url(Images/trains.gif) 0 0 no-repeat;
}
h4#ferry {
height: 8px;
background: url(Images/ferry.gif) 0 0 no-repeat;
}
h5 {
margin: 8px 20px;
padding-bottom: 5px;
color: #666;
font-weight: normal;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
h5#overlander {
height: 8px;
background: url(Images/title-overlander.gif) 0 0 no-repeat;
}
h5#tranzalpine {
height: 10px;
background: url(Images/title-tranzalpine.gif) 0 0 no-repeat;
}
h5#tranzcoastal {
height: 8px;
background: url(Images/title-tranzcoastal.gif) 0 0 no-repeat;
}
#special dl {
width: 519px;
float: left;
}
#special dt {
width: 133px;
height: 28px;
float: left;
background: url(Images/latestspecial.gif) 0 0 no-repeat;
margin: 0;
}
table#times {
width: 480px;
margin: 8px 20px;
border: 1px solid #e6e6e6;
border-bottom: 0;
border-left: 0;
}
table#vehicles {
width: 480px;
margin: 8px 20px;
}
table#times td {
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
padding: 5px 20px;
}
table#vehicles td {
border-bottom: 1px solid #e6e6e6;
padding: 20px 40px 20px 0;
}
table#vehicles td img {
display: block;
}
table#times th {
border-bottom: 1px solid #ccc;
padding: 10px 20px 5px 20px;
background: #e6e6e6;
}
table#times td.notes {
font-style: italic;
color: #888;
}
table#times caption {
text-align: left;
margin: 16px 20px 0 20px;
padding: 0 0 8px 0;
font: italic 110%/140% Verdana, Arial, Helvetica, sans-serif;
color: #777;
font-weight: bold;
}
/* Images */
iframe {
border: 0;
overflow: hidden;
}
#pageimage img {
border-bottom: 4px solid #e6e6e6;
}
#nzmap {
float: right;
margin: 10px 20px 0 0;
display: inline;
}
/* Links */
.addtobasket {
float: right;
margin: 0 20px 10px 20px;
display: inline;
text-align: center;
color: #000;
}
.addtobasket a {
display: block;
}
table#vehicles td h3 img {
display:  inline;
vertical-align: middle;
margin: 0 0 0 20px;
}
#special img {
float: left;
}
a#nationwidelogo {
width: 260px;
height: 80px;
float: left;
}
#special dd a {
width: 366px;
float: right;
padding: 14px 10px;
background: #e6e6e6 url(Images/more.gif) 98% 50% no-repeat;
color: #666;
line-height: 0;
text-decoration: none;
}
#special dd a:hover {
color: #000;
}
ul#promo {
list-style: none;
padding: 16px 0 0 0;
float: left;
border-top: 1px solid #e6e6e6;
display: inline;
}
ul#promo li {
float: left;
margin: 0 20px 0 0;
background: none;
padding: 0;
}
ul#promo li.right {
margin: 0
}
ul#textlinks {
width: 210px;
float: left;
display: inline;
padding: 0;
margin: 8px 20px;
}
ul#textlinks li {
line-height: 1.5em;
padding: 0;
margin: 0 0 8px 0;
width: 210px;
background: none;
float: left;
}
ul#textlinks li a {
text-decoration: none;
display: block;
padding: 3px 20px;
width: 170px;
background: url(Images/arrow.gif) 6px 0 no-repeat;
}
body#nocms ul#textlinks li a {
color: #eee;
}
ul#textlinks li a:hover {
background: #9197A1 url(Images/arrow.gif) 6px 0 no-repeat;
}
a {
color: #B90000;
text-decoration: underline;
font-weight: normal;
}
a:hover, a:active {
text-decoration: none;
}
a img {
border: none;
}
/* Menu */
#menu {
width: 750px;
float: left;
background: #e6e6e6 url(Images/menubg.gif) 0 0 repeat-x;
padding: 0 0 5px 20px;
margin: 0;
z-index:100;
}
#menu ul { display: inline; margin: 0; z-index:100;}
#menu ul li { position:relative;  float: left; padding: 0; background: url(Images/navdivide.gif) 100% 50% no-repeat; z-index:100; }
#menu ul li.navcurrent a { background: #fff url(Images/navon.gif) 0 100% repeat-x; border-bottom: 1px solid #d5d5d5; color: #000; }
#menu ul li.navcurrent a:hover { background: #fff url(Images/navon.gif) 0 100% repeat-x; border-bottom: 1px solid #d5d5d5; color: #000; }
#menu ul li ul li.navcurrent a, #menu ul li.navcurrent ul li a { background: #fff url(Images/navon.gif) 0 100% repeat-x; border-bottom: 1px solid #d5d5d5; color: #000; }
#menu ul li ul li.navcurrent a { background: #fff url(Images/navon.gif) 0 100% repeat-x; border-bottom: 1px solid #d5d5d5; color: #000; }
#menu ul li ul li.navcurrent a:hover,  #menu ul li.navcurrent ul li a:hover{ background: #fff url(Images/navon.gif) 0 100% repeat-x; border-bottom: 1px solid #d5d5d5; color: #000; }
#menu ul li ul { position:absolute; left: 0; top: 37px; display:none; background: #fff url(Images/navon.gif) 0 100% repeat-x; width: 170px; margin: 0;}
#menu ul li ul li { border: 0; border-bottom: 1px solid #eee; background: none; }
#menu ul li a { float: left; color: #666; padding: 8px 14px; text-decoration: none; display: block; }
#menu ul li a:hover { background: #fff url(Images/navon.gif) 0 100% repeat-x;  color: #000; border-bottom: 1px solid #d5d5d5;}
#menu ul li ul li ul li, #menu ul li ul li ul li { display:none; position:absolute; }
#menu ul li ul li:hover ul li, #menu ul li ul li.over ul li { display: block;}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li, * html #menu ul li ul li { float: left; height: 1%; }
* html #menu ul li a, * html #menu ul li ul li a { height: 1%; }
*+html #menu ul li, *+html #menu ul li ul li { float: left; height: 1%; }
*+html #menu ul li a, *+html #menu ul li ul li a { height: 1%; }
/* End */

#menu ul li ul li a:link, #menu ul li ul li a:visited { text-decoration:none; display:block; float: left; width: 142px; padding: 4px 14px;  }
#menu ul li ul li a:hover { background: #fff url(Images/navon.gif) 0 100% repeat-x; color: #000; border-bottom: 0; }
#menu ul li:hover ul, #menu ul li.over ul { display: block; }
/* Footer */
#footer {
width: 770px;
background: #000;
color: #999;
clear: both;
}
#footer p {
width: 730px;
padding: 12px 20px 0 20px;
}
#footer span.copyright {
float: right;
}
#footer span {
color: #555;
display: inline;
}
#footermenu {
width: 730px;
padding: 0 20px 12px 20px;
background: #000;
float: left;
border-bottom: 2px solid #999898;
}
#footermenu a {
color: #fff;
text-decoration: none;
}
#footermenu a:hover {
text-decoration: underline;
}
#footermenu ul {
float: left;
margin: 0;
display: inline;
width: 730px;
}
#footermenu li {
float: left;
padding: 0 14px 0 0;
display: inline;
background: none;
}
#footermenu li.options {
float: right;
padding: 0 0 0 14px;
}
/* Forms */
.EmailFormContainer {
margin: 8px 20px;
width: 480px;
}
.EmailFormContainer td.EmailFormAssetFieldCell {
padding: 0 0 8px 0;
}
.EmailFormContainer input, .EmailFormContainer textarea, .EmailFormContainer select {
border: 1px solid #ccc;
}
.EmailFormContainer input.EmailFormAssetSubmitButton {
border: 0;
background: #b90000;
color: #eee;
font: italic 90%/100% Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 3px 4px;
}
input, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;;
color: #333;
font-size: 85%;
}
/* Book */
#left #book h3 {
display: block;
float: none;
width: 189px;
height: 12px;
background: url(Images/bookhere.gif) 0 0 no-repeat;
margin: 0 20px 10px 20px;
}
#left #book h3#multi {
display: block;
float: none;
width: 206px;
height: 29px;
background: url(Images/bookmulti.gif) 0 0 no-repeat;
margin: 0 20px 10px 20px;
}
#left #book input#continue {
float: right;
}
#book li {
margin: 0 0 7px 0;
background: none;
padding: 0;
}
#book li.optional {
background: url(Images/optional.gif) 90% 50% no-repeat;
}
#book label.location {
width: 49px;
height: 1.5em;
float: left;
background: url(Images/location.gif) 0 50% no-repeat;
}
#book label.date {
width: 49px;
height: 1.5em;
float: left;
background: url(Images/date.gif) 0 50% no-repeat;
}
#book label.time {
width: 49px;
height: 1.5em;
float: left;
background: url(Images/time.gif) 0 50% no-repeat;
}
#book select {
border: 1px solid #F29999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333;
font-size: 85%;
padding: 3px;
margin: 0 1px 0 0
}
/* Subscribe */
.entryErrors {
padding: 12px 20px;
background: #ffffcc;
}
.entryErrors ul {
margin: 8px 0;
}
#subscribe h3 {
height: 15px;
background: url(Images/subscribe.gif) 0 0 no-repeat;
margin: 0 20px;
}
#subscribe label {
display: block;
margin: 0 0 3px 0;
}
#subscribe ul {
margin: 10px 20px 0 20px;
float: left;
display: inline;
}
#subscribe li {
float: left;
margin: 0 15px 0 0;
display: inline;
background: none;
padding: 0;
}
#subscribe label#firstname {
width: 59px;
height: 10px;
background: url(Images/firstname.gif) 0 0 no-repeat; 
}
#subscribe label#firstname-unsubscribe {
width: 59px;
height: 10px;
background: url(Images/firstname-unsubscribe.gif) 0 0 no-repeat; 
}
#subscribe label#lastname {
width: 59px;
height: 10px;
background: url(Images/lastname.gif) 0 0 no-repeat; 
}
#subscribe label#lastname-unsubscribe {
width: 59px;
height: 10px;
background: url(Images/lastname-unsubscribe.gif) 0 0 no-repeat; 
}
#subscribe label#email {
width: 32px;
height: 10px;
background: url(Images/email.gif) 0 0 no-repeat; 
}
#subscribe label#email-unsubscribe {
width: 32px;
height: 10px;
background: url(Images/email-unsubscribe.gif) 0 0 no-repeat; 
}
#subscribe input, #subscribe textarea {
border: 1px solid #9197A1;
width: 110px;
}
#subscribe input#emailinput {
width: 150px;
}
#subscribe input#go {
width: 33px;
border: 0;
}

/* rental specials */

#rental-specials p{
	color:#999;
	font-size:14px;
	font-weight:bold;
}
#book-now-button {
	display: block;
	width: 170px;
	height: 40px;
	background: url(Images/btn_booknow.png) no-repeat 0 0;
	margin-bottom: 25px;
        margin-left: 40px;
}
#book-now-button:hover {
	background-position: 0 -40px;
}
#book-now-button span {
	display:none;
}

/* Book Now Buttons */

#book-now-button{
  display: block;
  width: 150px;
  height: 50px;
  background:url(/IM_Custom/ContentStore/Layouts/Images/book_now_button.gif) no-repeat 0 0;	
}
#book-now-button:hover{ 
  background-position: 0 -50px;
}
#book-now-button span{
	display:none;
}
.bookbutton {
	text-align:center;
	background-color:#8f1736;
	padding:24px;
	}
#fullwidth {
	background-color:#fff;
	text-align:center;
	clear:both;
	padding-top:20px;
	}
#fullwidth h1 {
	text-align:left;

	}