/* /////////////////////////////////
	Go Rentals "Book" CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* /////////////////////////////////
	TEXT + HTML
///////////////////////////////// */
.wide200{
	width: 200px;
}
.wide230{
	width: 230px;
}
.wide250{
	width: 250px;
}
.wide280{
	width: 280px;
}
.wide300{
	width: 300px;
}

.titleBar3 p {
	margin: 0px;
	padding-top: 14px;
	float: left;
	width: 222px;
}

.titleBar3 p.titleLine {
	width: auto;
}

span.required {
	color: #e6a200;
	font: bold 10px tahoma, arial;
}

span.secure {
	background: transparent url('../i/icon-secure.gif') no-repeat left 0px;
	padding: 5px 0px 4px 22px;
	font-weight: bold;
	font-style: italic;
	color: #293583;
	margin-left: 38px;
}

span.AgentNameCityCountry 	
{
    width :500px;
	padding: 2px 0px 4px 40px;
    float: left; 
	font-weight: bold;
	font-style: italic;
	color: #293583;
	margin-left: 100px;
	margin-right: 20px;
}
/* /////////////////////////////////
	SIDEBAR
///////////////////////////////// */

.sideBar ul {
	font-size: 11px;
}

.sideBar .marginLeft {
	margin-left: 15px;
}

.sideBar ul.cost {
	margin-bottom: 20px;
}

.sideBar ul.cost .line {
	display: block;
	float: left;
	width: 125px;
}

.sideBar ul.cost li.borderBottom {
	border-bottom: solid 1px #e4e5ee;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

.sideBar ul.hidden {
	display: none;
}

.sideBar a.expand,
.sideBar a.expand:visited {
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-expand.gif') no-repeat 0px 0px;	
	margin-top: 0px;
}

.sideBar a.expand:hover {
	background-position: 0px -15px;
}

.sideBar a.open,
.sideBar a.open:visited {
	background-position: -15px 0px;
}

.sideBar a.open:hover {
	background-position: -15px -15px;
}

/* /////////////////////////////////
	Scroll thing
///////////////////////////////// */

#scrollMe {
	position: relative;
}

/* /////////////////////////////////
	FORM
///////////////////////////////// */

form.book fieldset,
.bookForm fieldset {
	margin-bottom: 10px;
}

form.book fieldset.borderBottom,
.bookForm fieldset.borderBottom {
	background: transparent url('../i/bg-divider.gif') repeat-x left bottom;
	padding-bottom: 8px;
}

form.book fieldset.extraPad,
.bookForm fieldset.extraPad {
	padding-top: 16px;
	padding-bottom: 12px;
}

form.book h4.legend,
.bookForm h4.legend {
	font: normal 12px tahoma, arial;
	color: #293685;
	text-transform: uppercase;
	padding: 0px 0px 8px 19px;
	margin: 0px 0px 0px 0px;
	width: 226px;
	float: left;
}

form.book h4.legendBlock,
.bookForm h4.legendBlock {
	font: normal 12px tahoma, arial;
	color: #293685;
	text-transform: uppercase;
	padding: 0px 0px 8px 19px;
	margin: 0px 0px 0px 0px;
}

form.book ul ,
.bookForm ul{
	margin: 0px;
	clear: both;
}

form.book ul li,
.bookForm ul li {
	padding: 4px 0px 4px 19px;
	border-bottom: solid 1px #e4e5ee;
}

form.book ul li.last,
.bookForm ul li.last {
	padding-bottom: 10px;
	border-bottom: 0;
}

form.book ul li.mergeBottom,
.bookForm ul li.mergeBottom {
	padding-bottom: 5px;
	border-bottom: 0;
}

form.book ul.borderTop,
.bookForm ul.borderTop {
	border-top: solid 1px #e4e5ee;
}

form.book ul.insurance li,
.bookForm ul.insurance li {
	font-size: 11px;
}

form.book label,
.bookForm label {
	font: bold 10px tahoma, arial;
	color: #293583;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 200px;
	line-height: 12px;
	margin-top: 5px;
}

form#searchHotDeals,
.searchHotDealsForm {
	margin-top: 22px;
}

form#searchHotDeals h4.legendBlock,
.searchHotDealsForm h4.legendBlock {
	padding-left: 0px;
}

form#searchHotDeals h4.legend,
.searchHotDealsForm h4.legend {
	padding-left: 0px;
	width: 232px;
}

form#searchHotDeals ul li,
.searchHotDealsForm ul li {
	padding-left: 0px;
}

form#searchHotDeals label,
.searchHotDealsForm label {
	width: 231px;
}

form.book label span.light,
.bookForm label span.light {
	font: normal 11px arial;
	text-transform: none;
	color: #84889d;
	margin-left: 12px;
	line-height: 12px;
}

form.book span.light,
.bookForm span.light {
	color: #84889d;
	font-size: 11px;
}

form.book input.input,
form.book textarea.input,
.bookForm input.input,
.bookForm textarea.input  {
	border: solid 1px #c2c7da;
	padding: 2px;
	font: normal 12px arial;
}

input.marginleft  {
	margin-left: -50px;
}

form.book select.input,
.bookForm select.input {
	border: solid 1px #c2c7da;
	padding: 1px;
}

form.book input.marginLeft,
.marginLeft,
.bookForm input.marginLeft {
	margin-left: 18px;
}

form.book .wide,
.bookForm .wide {
	width: 170px;
}

form.book .wider,
.bookForm .wider {
	width: 200px;
}

form.book .doubleWide,
.bookForm .doubleWide {
	width: 440px;
}

form.book .tallArea,
.bookForm .tallArea {
	height: 100px;
}

form.book .tallerArea,
.bookForm .tallerArea {
	height: 200px;
}

.emailEnquiryForm2 textarea.wide {
	width: 215px;
}

form.book .shortArea,
.bookForm .shortArea {
	height: 60px;
}

form.book .narrow,
.bookForm .narrow {
	width: 120px;
}

form.book .date,
.bookForm .date {
	width: 80px;
}

form.book .item,
.bookForm .item {
	display: block;
	float: left;
	width: 226px;
}

form#searchHotDeals,
.searchHotDealsForm {
	margin-top: 22px;
}

form#searchHotDeals h4.legendBlock,
.searchHotDealsForm h4.legendBlock {
	padding-left: 0px;
}

form#searchHotDeals h4.legend,
.searchHotDealsForm h4.legend {
	padding-left: 0px;
	width: 232px;
}

form#searchHotDeals ul li,
.searchHotDealsForm ul li {
	padding-left: 0px;
}

form#searchHotDeals label,
.searchHotDealsForm label {
	width: 231px;
}

span.price em {
	font-style: normal;
	color: #84889d;
	margin-left: 5px;
}
span.MaxHireFeePerRental {
	font-style: normal;	
	margin-left: 10px;
}


form.book input.check,
.bookForm input.check {
	margin-right: 4px;
}

form.book input.radio,
.bookForm input.radio {
	margin-right: 2px;
	position: relative;
	top: 1px;
}

.accessoryName {
	width: 150px;	
	margin-right: 4px;
}

.qtyColumn {
	width: 90px;
	margin-right: 4px;
}

form.book .qty,
.bookForm .qty {
	width: 40px;
	font-size: 10px;
}

form.book span.availability,
.bookForm span.availability {
	color: #293685;
	font-style: italic;
}

form.book .item a.q,
form.book .item a.q:visited,
.bookForm .item a.q,
.bookForm .item a.q:visited  {
	background: transparent url('../i/icon-question.gif') no-repeat left 5px;
	padding: 5px 5px 0px 4px;
	margin-left: 4px;
	margin-right: 10px;
	text-indent: -5000px;
	font: bold 12px tahoma;
	color: #fff;
	text-decoration: none;
}

.gridAccessory
{
    margin-left: 20px;
    margin-right:5px;
    width : 100%
    }
.bg_question {
	background-position: 0 -25px;
}	
form.book .item a.q:hover,
.bookForm .item a.q:hover {
	background-position: left -25px;
}

form#accessories,
.accessoriesForm {
	margin-bottom: 22px;
}

form#agentLogin,
.agentLoginForm {
	margin: 6px 0px 0px 0px;
}

form#agentLogin fieldset,
.agentLoginForm fieldset {
	padding-bottom: 12px;
}

form#careers,
.careersForm {
	margin-top: 12px;
}

.careersForm2 {
	margin-top: 12px;
}

form#exchangeLink,
.exchangeLinkForm {
	margin: 18px 0px;
}

form#submitComment,
.submitCommentForm {
	margin: 18px 5px 0px 5px;
	
}

a.show,
a.show:visited {
	margin-left: 19px;
	display: block;
	margin-top: 4px;
	background: transparent url('../i/up-down.gif') no-repeat 2px 7px;
	padding-left: 20px;
}

span.closed {
	display: inline;
}

span.open {
	display: none;
}

a.open {
	background-position: 2px -23px;
}

a.open span.closed {
	display: none;
}

a.open span.open {
	display: inline;
}

ul#hiddenAcc,
ul#hiddenIns,
ul#hiddenFerry,
ul#hiddenFerry li#hiddenFerryReturn,
ul.hiddenAcc,
ul.hiddenIns,
ul.hiddenAge21,
ul.hiddenAge25,
ul.hiddenFerry,
ul.hiddenFerry li.hiddenFerryReturn {
	display: none;
}

#thawte {
	float: right;
	margin: 10px 10px 12px 18px;
}


#ferry a.calendar,
#searchHotDeals a.calendar {
	padding: 2px 10px;
	background: transparent url('../i/icon-calendar.gif') no-repeat left top;
	overflow: hidden;
	margin: 2px 12px 0px 4px;
	text-decoration: none;
}


/* form submit buttons ---------- */

a.continueBooking,
a.continueBooking:visited {
	display: block;
	width: 167px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-continue.gif') no-repeat left top;	
	margin-top: 12px;
	margin-bottom: 12px;
}

a.continueBooking:hover {
	background-position: 0px -25px;
}

a#confirmBooking,
a#confirmBooking:visited,
a.confirmBooking,
a.confirmBooking:visited {
	display: block;
	width: 133px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-confirmbooking.gif') no-repeat left top;	
	margin-top: 12px;
	margin-bottom: 20px;
	margin-left: 18px
}

a#confirmBooking:hover,
a.confirmBooking:hover  {
	background-position: 0px -25px;
}

a#findHotDeal,
a#findHotDeal:visited,
a.findHotDeal,
a.findHotDeal:visited {
	display: block;
	width: 125px;
	height: 28px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-findmyhotdeal.gif') no-repeat left top;	
	margin: 1px 0px 5px 0px;
}

a#findHotDeal:hover,
a.findHotDeal:hover {
	background-position: 0px -28px;
}

a#login,
a#login:visited,
a.login,
a.login:visited {
	display: block;
	width: 65px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-login.gif') no-repeat left top;	
	margin: 12px 0px 12px 245px;
}

a#login:hover,
a.login:hover {
	background-position: 0px -25px;
}

a#retrievePassword,
a#retrievePassword:visited,
a.retrievePassword,
a.retrievePassword:visited {
	display: block;
	width: 141px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-retrievepassword.gif') no-repeat left top;	
	margin: 0px 0px 0px 0px;
}

a#retrievePassword:hover,
a.retrievePassword:hover {
	background-position: 0px -25px;
}

a#sendYourDetails,
a#sendYourDetails:visited,
a.sendYourDetails,
a.sendYourDetails:visited {
	display: block;
	width: 133px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-sendyourdetails.gif') no-repeat left top;	
	margin: 12px 0px 12px 245px;
}

a#sendYourDetails:hover,
a.sendYourDetails:hover {
	background-position: 0px -25px;
}

a#submitForExchange,
a#submitForExchange:visited,
a.submitForExchange,
a.submitForExchange:visited {
	display: block;
	width: 153px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-submitforexchange.gif') no-repeat left top;	
	margin: 12px 0px 12px 245px;
}

a#submitForExchange:hover,
a.submitForExchange:hover {
	background-position: 0px -25px;
}

a#sendYourComment,
a#sendYourComment:visited,
a.sendYourComment,
a.sendYourComment:visited {
	display: block;
	width: 153px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-sendyourcomment.gif') no-repeat left top;	
	margin: 12px 0px 12px 245px;
}

a#sendYourComment:hover,
a.sendYourComment:hover {
	background-position: 0px -25px;
}

a.sendEnquiry,
a.sendEnquiry:visited {
	display: block;
	width: 111px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-sendenquiry.gif') no-repeat left top;	
	margin: 12px 0px 12px 245px;
}

a.sendEnquiry:hover {
	background-position: 0px -25px;
}


a.goBack,
a.goBack:visited {
	display: block;
	width: 82px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-goback.gif') no-repeat left top;	
	margin: 12px 0px 12px 0px;
}

a.goBack:hover {
	background-position: 0px -25px;
}

a#search,
a#search:visited,
a.search,
a.search:visited {
	display: block;
	width: 65px;
	height: 25px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/button-search.gif') no-repeat left top;	
	margin: 12px 0px 12px 0px;
}

a#search:hover,
a.search:hover {
	background-position: 0px -25px;
}


