/* /////////////////////////////////
	Go Rentals "Home" CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */

p.quote {
	color: #293685;
	font-style: italic;
	padding-left: 18px;
	padding-right: 10px;
	background: transparent url('../i/bg-quote.gif') no-repeat left 2px;
	margin-left: -18px;
}

p.quote .name {
	color: #000000;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}

#topLine p {
	margin: 0px;
	padding: 19px 0px 0px 269px;
}

#topLine p strong {
	color: #293685;
}


/* 2010.05 */
#topLine h1.welcome {
	font: normal 12px arial;
	color: #000000;
	padding: 19px 0px 0px 269px;
	float: left;
}
h1.welcome .strong {
	color: #293685;
	font-weight:bold;
}



h5#h5benefits {
	background: transparent url('../i/h5-10benefits.gif') no-repeat left top;
	text-indent: -5000px;
	margin: 26px 0px 0px 0px;
	padding: 8px 0px;
}

/* /////////////////////////////////
	QUOTE BOX
///////////////////////////////// */
#quoteBookCompact,
.quoteBookCompact {
	background: #e4e5ee url('../i/box2-bottom.jpg') no-repeat left bottom;
	height: 280px;
/*	position: relative;  */
	z-index: 2;	
}

#quoteBookShort,
.quoteBookShort {
	background: #e4e5ee url('../i/box2-bottom.jpg') no-repeat left bottom;
	height: 300px;
/*	position: relative;  */
	z-index: 2;	
}

#quoteBook,
.quoteBook {
	background: #e4e5ee url('../i/box2-bottom.jpg') no-repeat left bottom;
	height: 391px;
/*	position: relative;  */
	z-index: 2;	
}

h2#h2findyourcar {
	background: transparent url('../i/h2-findyourcar.gif') no-repeat left top;
	text-indent: -5000px;
}

#wizard,
.wizard {
	display: block;
	width: 469px;
	height: 85px;
/*	background: transparent url('../i/wizard2.jpg') no-repeat left top; */
	background: transparent url('../i/wizard5.jpg') no-repeat left top;
}
.promotionbanner {
	display: block;
	width: 469px;
	height: 85px;
	background: transparent url('../i/BannerPromotion.jpg') no-repeat left top;
}

/* /////////////////////////////////
	FORM
///////////////////////////////// */

#quoteBookForm fieldset,
.quoteBookForm fieldset {
	background: transparent url('../i/fieldset-top.gif') no-repeat left top;
	margin: 0px 0px 0px 18px;
	line-height: 14px;
}

#quoteBookForm fieldset.noBG,
.quoteBookForm fieldset.noBG {
	background-image: none;
	padding: 12px 0px 0px 0px;
}

#quoteBookForm fieldset .wrapper,
.quoteBookForm fieldset .wrapper {
	background: transparent url('../i/fieldset-bottom.gif') no-repeat left bottom;
	padding: 11px 0px 11px 0px;
	float: left;
	width: 432px;
}

#quoteBookForm .clear,
.quoteBookForm .clear { height: 9px; }

#quoteBookForm label,
.quoteBookForm label {
	display: block;
	float: left;
	width: 80px;
	margin: 3px 10px 0px 0px;
	text-align: right;
	color: #293685;
}

 .leftLable,
  .leftLable{
	display: block;
	float: left;
	width: 80px;
	margin: 3px 10px 0px 10px;
	text-align: left ! Important;
	color: #293685;
}



#quoteBookForm label.inline,
.quoteBookForm label.inline {
	width: auto;
	margin: 3px 6px 0px 8px;
}

/* stanley, for text on top of date or time */
.DateTop {
	display: block;
	float: left;
	width: 150px;
	/*margin-left: 90px;*/
	margin: 0px 28px -5px 90px;
	text-align: left;
	color: #293685;
}
.TimeTop
 {
	display: block;
	float: left;
	float: none;
	width: 350px;
	
	text-align: left;
	color: #293685;
}



#quoteBookForm input.input,
#quoteBookForm .input.input ,
.quoteBookForm input.input {
	border: solid 1px #c2c7da;
	padding: 2px;
	float: left;	
/*	z-index: 2;	*/
}

#quoteBookForm select.input,
#quoteBookForm .select.input,
.quoteBookForm select.input {
	border: solid 1px #c2c7da;
	padding: 1px;
	float: left;
	
}

#quoteBookForm a.calendar,
#quoteBookForm .calendar ,
.quoteBookForm a.calendar {
	display: block;
	float: left;
	width: 22px;
	height: 17px;
	background: transparent url('../i/icon-calendar.gif') no-repeat left top;
	overflow: hidden;
	text-indent: -5000px;
	margin: 2px 12px 0px 4px;
	
}

.vehicle-type { width: 150px; }
.pickup-location,
.return-location { width: 250px; }
.pickup-date,
.return-date { width:  64px; }
.pickup-time,
.return-time { width: 100px; }

.pickup-date75,
.return-date75,
.pickup-time75, 
.return-time75 { width: 75px; }


.pickup-date80,
.return-date80,
.pickup-time80, 
.return-time80 { width: 80px; }


.pickup-date90,
.return-date90,
.pickup-time90, 
.return-time90 { width: 90px; }



#quoteBookForm a#submit, 
#quoteBookForm .submit, 
.quoteBookForm a.findMyCar {
	display: block;
	width: 95px;
	height: 28px;
	overflow: hidden;
	background: transparent url('../i/button-findmycar.gif') no-repeat left top;
	text-indent: -5000px;
	float: left;
}


#quoteBookForm a#submit:hover,
#quoteBookForm .submit:hover , 
.quoteBookForm a.findMyCar:hover {
	background-position: 0px -28px;
}


/* 2010.05.26 */
.meet-fleet {
	background: transparent url('../i/meet-fleet.jpg') no-repeat left top;
	height: 142px;
	margin-top: 8px;
	padding-top: 1px
}

.meet-fleet a:link, 
.meet-fleet a:visited {
	text-decoration: none;
	font-size: 12px;
	display: block;
	margin-left: 181px;
	line-height: 14px;
	margin-top: 15px;
}


/* /////////////////////////////////
	LOCATIONS BOX
///////////////////////////////// */

#locationsBox,
.locationsBox {
	background: #e4e5ee url('../i/box4-bottom.gif') no-repeat left bottom;
	margin-top: 20px;
	margin-bottom: 28px;
	padding: 0px 0px 2px 0px;
}
.locations,
ul.locations {
	float: left;
	margin: 0px;
	font-size: 11px;
	height: 130px;
	margin: 0px 0px 12px 0px;
	padding-top: 6px;
}
.left10
{
	margin-left: 20px;
}
.locationMapAlignment
{ 
  margin-left :20px;
}
ul.akl li {
	margin-left: 100px;
}

ul.akl {
	background: transparent url('../i/map-home-akl.gif') no-repeat 18px top;
}

ul.chch {
	background: transparent url('../i/map-home-chch.gif') no-repeat 18px top;
}

ul.wel {
	background: transparent url('../i/map-home-wel.gif') no-repeat 18px top;
}

ul.akl li {
	margin-left: 93px;
}

ul.chch li {
	margin-left: 108px;
}

ul.wel li {
	margin-left: 99px;
}


/* /////////////////////////////////
	FEATURE BOXES
///////////////////////////////// */

.featureBox {
	height: 118px;
	background: #e4e5ee url('../i/bg-feature-box.gif') no-repeat left top;
	margin-bottom: 12px;
	font-size: 11px;
}

.featureBox img {
	float: left;
	margin: 16px 0px 0px 13px;
	display: inline;
}

.featureBox p {
	float: right;
	width: 116px;
	margin: 18px 17px 0px 0px;
	line-height: 14px;
	display: inline;
}



.featureBox strong {
	font-size: 12px;
	color: #293685;
	display: block;
	margin-bottom: 6px;
}

.featureBox a.learnMore,
.featureBox a.learnMore:visited {
	display: block;
	margin-top: 9px;
	background: transparent url('../i/bullet-more.gif') no-repeat left 1px;
	padding: 2px 0px 2px 22px;
	text-decoration: none;
}

.featureBox a.learnMore:hover {
	text-decoration: underline;
}

/* /////////////////////////////////
	EXPANDING TEXT
///////////////////////////////// */

.hiddenAbout,
.hiddenGuarantee {
	display: none;
	padding-top: 1px;
	margin-top: -13px;
}

/* /////////////////////////////////
	for relocation
///////////////////////////////// */
.featureBox1 {        
	    margin-bottom: 12px;
		height: 118px;
		background: #e4e5ee url('../i/relocation-banner.gif') no-repeat left top;	
		width: 222px;
}
.featureBox1 img {
	float: left;
	display: inline;
}
.featureBox1 p {
        float: left;
        width: 116px;		
		margin: 45px 17px 0px 75px;
	    line-height: 14px;
	    display: inline;
}
.featureBox1 strong {
	font-size: 14px;
	font-family: "Franklin Gothic Demi";
	color: #000000;
	display: block;	 
	margin-bottom: 6px;
}
.featureBox1 font {
	font-size: 30px;	
}

.featureBox1 a.learnMore,
.featureBox1 a.learnMore:visited {
	display: block;
	margin-top: 9px;
	background: transparent url('../i/bullet-more.gif') no-repeat left 1px;
	padding: 2px 0px 2px 22px;
	text-decoration: none;
}

.featureBox1 a.learnMore:hover {
	text-decoration: underline;
}
#rdeal {
	width: 0px;
	height: 0px;
	margin: -5px 40px 0px 0px; 
	float: right;
	position: relative;
	
}



/* /////////////////////////////////
	EXPANDING TEXT
///////////////////////////////// */

.hiddenAbout,
.hiddenGuarantee {
	display: none;
	padding-top: 1px;
	margin-top: -13px;
}

span.closed {
	display: inline;
}

/* /////////////////////////////////
	HOT DEALS BOX
///////////////////////////////// */
#hotDealsLink,
.hotDealsLink {
    position: absolute !important;
    top: 39px !important;
    right: 235px !important;
}

#hdPosition {
    width: 0px;
    height: 0px;
    float: right;
    position: relative;
}


/* /////////////////////////////////
   2nd QUOTE BOOK BOX STYLE // 2010.04.22
///////////////////////////////// */

#quoteBook2,
.quoteBook2 {
    background: #e4e5ee url('../i/box2-bottom.jpg') no-repeat left bottom;
    padding-bottom: 16px;
}

/* /////////////////////////////////
    FORM
///////////////////////////////// */

#quoteBookForm2 fieldset,
.quoteBookForm2 fieldset {
    background: transparent url('../i/fieldset-top.gif') no-repeat left top;
    margin: 8px 0px 10px 18px;
    line-height: 14px;
}

#quoteBookForm2 fieldset.noBG,
.quoteBookForm2 fieldset.noBG {
    background-image: none;
    padding: 0px 20px 0px 18px;
    margin: 0;
}

#quoteBookForm2 fieldset .wrapper,
.quoteBookForm2 fieldset .wrapper {
    background: transparent url('../i/fieldset-bottom.gif') no-repeat left bottom;
    padding: 11px 0px 11px 0px;
    float: left;
    width: 432px;
}

#quoteBookForm2 .clear,
.quoteBookForm2 .clear { height: 9px; }

#quoteBookForm2 label,
.quoteBookForm2 label {
    display: block;
    float: left;
    width: 100px;
    margin: 3px 10px 0px 0px;
    text-align: left;
    color: #293685;
    padding-left: 14px;
}

#quoteBookForm2 label.inline,
.quoteBookForm2 label.inline {
    width: auto;
    margin: 3px 6px 0px 8px;

}

#quoteBookForm2 input.input,
.quoteBookForm2 input.input {
    border: solid 1px #c2c7da;
    padding: 2px;
    float: left;
}

#quoteBookForm2 select.input,
.quoteBookForm2 select.input {
    border: solid 1px #c2c7da;
    padding: 1px;
    float: left;
}

#quoteBookForm2 a.calendar,
.quoteBookForm2 .calendar,
.quoteBookForm2 a.calendar {
    display: block;
    float: left ! Important;
    width: 22px;
    height: 17px;
    background: transparent url('../i/icon-calendar.gif') no-repeat left top;
    overflow: hidden;
    text-indent: -5000px;
    margin: 0px 4px 0px 4px;
}

.quoteBookForm2 .vehicle-type { width: 150px; }
.quoteBookForm2 .pickup-location { width: 275px; }
.quoteBookForm2 .pickup-date { width: 85px; }
.quoteBookForm2 .pickup-time { width: 98px; }
.quoteBookForm2 .return-location { width: 275px; }
.quoteBookForm2 .return-date { width: 85px; }
.quoteBookForm2 .return-time { width: 98px; }

#quoteBookForm2 a#submit,
.quoteBookForm2 a.findMyCar,
.quoteBookForm2 a.findMyCar:link,
.quoteBookForm2 a.findMyCar:visited {
    display: block;
    float: right  ! Important;
    width: 95px;
    height: 28px;
    overflow: hidden;
    background: transparent url('../i/button-findmycar.gif') no-repeat left top;
    text-indent: -5000px;
}

#quoteBookForm2 a#submit:hover,
.quoteBookForm2 a.findMyCar:hover {
    background-position: 0px -28px;
}