@import "../css/reset.css";

/* Global Styles */

body { 
	font-family: Arial, Helvetica, sans-serif; 
}

#outerContainer {
	width: 1024px;
	margin: 0 auto;
	background: #fff url(../images/site/container-bg.png) repeat-y center top;
}

#container {
	width: 850px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#branding {
	height: 275px;
	background: #fff url(../images/site/branding-bg.png) no-repeat left 80px;
}

#branding a {
	position: absolute;
	left: 28px;
	top: 15px;
	width: 420px;
	height: 60px;
	text-indent: -9999px;
	background: #fff url(../images/site/branding-a-bg.png) no-repeat left top;
}

#siteinfo {
	width: 1024px;
	height: 182px;
	margin: -133px auto 0;
	background: transparent url(../images/site/siteinfo-bg.png) no-repeat 2px top;
	position: relative;
	z-index: 1;
}
#siteinfo p {
	position: absolute;
	right: 88px;
	bottom: 5px;
	width: 810px;
	text-align: center;
	line-height: 1.5;
}
#siteinfo a {
	color: #666;
	text-decoration: none;
}
#siteinfo a:hover { text-decoration: underline; }

/* Navigation Styles */

#navmain {
	position: absolute;
	left: 0;
	top: 250px;
	border-bottom: 1px solid #e7eef3;
}
#navmain ul {
	list-style: none;
	height: 25px;
	width: 750px;
	padding-left: 100px
}
#navmain li {
	background: transparent url(../images/site/navmain-li.gif) no-repeat left center;
	padding-left: 10px;
	padding-right: 20px;
	margin-left: 18px;
	line-height: 1.3;
	float: left;
}
#navmain li.active {
	background: transparent url(../images/site/navmain-li-active.gif) no-repeat left center;
}
#navmain li a {
	font-size: 1.3em;
	color: #000;
	text-decoration: none;
}
#navmain li a:hover {
	text-decoration: underline;
}

#nav-supp {
	position: absolute;
	left: 0;
	top: 277px;
	width: 183px;
}
#nav-supp h2 {
	height: 100px;
	background: transparent url(../images/site/navsupp-h2-bg.png) no-repeat left top;
	text-indent: -9999px;
}

#nav-supp ul {
	list-style: none;
	padding: 5px 0 5px 5px;
	background: #E7EEF3;
}
#nav-supp li { padding-left: 20px; }
#nav-supp li.airport { background: transparent url(../images/site/navsupp-airport-bg.png) no-repeat left 3px; }
#nav-supp li.seaport { background: transparent url(../images/site/navsupp-seaport-bg.png) no-repeat left 2px; }
#nav-supp li.car { background: transparent url(../images/site/navsupp-car-bg.png) no-repeat left 3px; }
#nav-supp li.info { background: transparent url(../images/site/navsupp-info-bg.png) no-repeat left 3px; }

#nav-supp ul a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 5px 6px 5px 8px;
	font-size: 1.1em;
}
#nav-supp ul a:hover {
	color: #fff;
	background-color: #8EBF48;
}

/* Content */

#content {
	overflow: auto;
	padding-bottom: 10px;
}

#content-main {
	border-left: 1px solid #e7eef3;
	border-right: 1px solid #e7eef3;
	width: 328px;
	padding: 15px;
	margin-left: 198px;
	float: left;
	min-height: 500px;
}
#content-supp {
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	width: 277px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
	line-height: 1.3;
}
#content h1 { font-size: 2em; color: #00AC90; }
#content h2 { font-size: 1.7em; color: #00AC90; }
#content h3 { font-size: 1.5em; }
#content h4 { font-size: 1.4em; }
#content h5 { font-size: 1.2em; }

#home #content h1 { position: absolute; left: -9999px; top: 0; height: 0; }

#content p,
#content ul,
#content ol {
	margin-bottom: 1em;
	font-size: 1.2em;
	line-height: 1.3;
}
#content ul,
#content ol {
	margin-left: 20px;
}
#content ul ul,
#content ul ol,
#content ol ol,
#content ol ul {
	font-size: 1em;
}

#content a {
	color: #00ac90;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover { text-decoration: underline; }

#content-main #pic1 { margin-top: 15px; }
#content-main #pic2 { margin-left: 11px; }

/* FAQ Page */

#faqlist { color: #00ac90; }
#faqlist a { color: #000; font-weight: normal; }
.faq { border-top: 1px solid #e7eef3; padding-top: 15px; margin-top: 20px; }
.backtotop { text-align: center; }

/* Quote Form Styles */

#quoteSearch {
	background: #E7EEF3;
	padding-left: 15px;
	padding-bottom: 33px;
}
#quoteSearch h2 {
	height: 36px;
	background: transparent url(../images/site/quotesearch-h2-bg.png) no-repeat left top;
	text-indent: -9999px;
}
#quoteSearch h3#myjourney {
	height: 37px;
	background: transparent url(../images/site/quotesearch-h3-myjourney.png) no-repeat left top;
	text-indent: -9999px;
}
#quoteSearch #journeytype { padding: 5px; background: #fff; overflow: auto; }

#quoteSearch #journeytype input {
	float: left;
	clear: left;
	margin-top: 5px;
}
#quoteSearch #journeytype label {
	float: left;
	font-size: 1.1em;
	line-height: 2.0;
	padding-left: 5px;
	width: 216px;
	margin-left: -25px;
}
#quoteSearch #journeytype a {
	color: #000;
	text-decoration: none;
	font-weight: normal;
	display: block;
	padding-left: 25px;
}
#quoteSearch #journeytype a:hover { text-decoration: underline; }
#quoteSearch #journeytype a.selected { font-weight: bold; }
#quoteSearch #journeytype span.journeytypeto { color: #8EBF48; }

#quoteSearch #journeylocations {
	background: #8EBF48;
	color: #fff;
	padding: 0 0 5px;
	overflow: auto;
}
#quoteSearch #journeylocations label {
	float: left;
	width: 60px;
	margin-left: 10px;
	font-size: 1.2em;
	clear: left;
	padding-top: 9px;
}
#quoteSearch #journeylocations select {
	border: 1px solid #fff;
	float: left;
	margin-top: 5px;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #E7EEF3;
	width: 188px;
}

#quoteSearch h3#myvehicle {
	height: 37px;
	background: transparent url(../images/site/navsupp-h3-myvehicle.png) no-repeat left top;
	text-indent: -9999px;
	margin-top: 5px;
}
#quoteSearch #vehiclechoice { padding: 5px; background: #fff; overflow: auto; }
#quoteSearch #vehiclechoice input {
	float: left;
	clear: left;
	margin-top: 5px;
}
#quoteSearch #vehiclechoice label {
	float: left;
	font-size: 1.1em;
	line-height: 2.0;
	padding-left: 30px;
	width: 216px;
	margin-left: -25px;
	cursor: pointer;
}
#quoteSearch #vehiclechoice label.car1,
#quoteSearch #vehiclechoice label.car2 { background: transparent url(../images/site/quotesearch-car1-bg.png) no-repeat 135px top; }
#quoteSearch #vehiclechoice label.car3 { background: transparent url(../images/site/quotesearch-car3-bg.png) no-repeat 135px 2px; }
#quoteSearch #vehiclechoice label.car4 { background: transparent url(../images/site/quotesearch-car4-bg.png) no-repeat 135px 2px; }

#quoteSearch .btn input {
	float: right;
	background: transparent url(../images/site/quotesearch-go-btn.png) no-repeat left top;
	border: none;
	width: 55px;
	height: 33px;
	text-indent: -9999px;
	cursor: pointer;
}

/* Quote results Page */

#yourquote {
	background: #8ebf48;
	color: #000;
	margin: 0 -16px;
	padding: 16px;
}
#yourquote h2 {
	background: #00ac90;
	font-weight: normal;
	color: #fff;
	margin: -16px -16px 16px;
	padding: 8px 16px 5px;
	font-size: 1.8em;
}
#yourquote p {
	font-size: 1.2em;
	line-height: 1.5;
}
#yourquote strong {
	float: left;
	clear: left;
	width: 80px;
	margin-right: 10px;
	margin-left: 20px;
}
#yourquote span {
	float: left;
	width: 180px;
}
#yourquote #cost {
	font-size: 4em;
	clear: left;
	margin-bottom: -12px;
	text-align: right;
	color: #fff;
}
#yourquote #cost strong { display: none; }
#booknow {
	background: #e7eef3;
	margin: 0 -15px;
	padding: 0 13px 0 15px;
	height: 33px;
}
#booknow a {
	float: right;
	background: transparent url(../images/site/btn-arrow.png) no-repeat right top;
	height: 27px;
	padding-top: 7px;
	padding-right: 26px;
	font-size: 1.5em;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}
#booknow a:hover { text-decoration: none; }

#costincludes { font-weight: bold; padding-left: 20px; margin-top: 10px; }

#upgradetoexec p { margin-top: 10px; font-weight: bold; }
#upgradetoexec input.btn {
	border: 0;
	background: transparent url(../images/site/btn-arrow-white.png) no-repeat right top;
	height: 34px;
	padding-top: 1px;
	padding-right: 22px;
	padding-left: 10px;
	margin-right: -2px;
	font-size: 1.8em;
	text-decoration: none;
	color: #000;
	font-weight: normal;
	float: right;
	cursor: pointer;
}

/* Booking, confirmation and payment forms */

#bookingform form,
#confirmbooking form,
#securepayment form {
	background: #e7eef3;
	margin: 0 -15px;
	padding-bottom: 35px;
}

#bookingform form h2,
#confirmbooking form h2,
#securepayment form h2 {
	background: #00ac90;
	font-weight: normal;
	color: #fff;
	padding: 5px 16px;
	font-size: 1.5em;
}

#securepayment form h2 { 
	margin: -5px -15px 5px -15px ; 
	width: 327px ;
}

#securepayment form span { 
	display: block ; 
	font-size: 1.2em ;
	font-style: italic ;
	line-height: 1.3 ;
	width: 298px ;
	margin: 5px 20px 5px 10px ;

}

#bookingform form fieldset,
#confirmbooking form fieldset,
#securepayment form fieldset {
	background: #8EBF48;
	padding: 5px 15px;
	overflow: auto;
}

#securepayment form fieldset { padding-right: 0 ; }

#bookingform .singletext,
#bookingform .select,
#bookingform .textarea,
#bookingform .check,
#bookingform .rad,
#securepayment .text,
#securepayment .select,
#securepayment .textarea,
#securepayment .check,
#securepayment .rad {
	clear: left;
	padding: 5px 0;
}

#bookingform label,
#securepayment label {
	float: left;
	width: 135px;
	margin-right: 10px;
	font-size: 1.2em;
	margin-top: 6px;
}
#bookingform .reqd label,
#securepayment .reqd label { font-weight: bold; }
#bookingform .check label,
#securepayment .checkbox label { width: auto; float: none ; position: relative ; top: -2px ; }

#securepayment .checkbox { padding-bottom: 5px ; }

#bookingform .rad label { clear: none; float: none; width: 290px; margin-left: 7px; }

#bookingform .singletext input,
#securepayment .text input { width: 169px; border: 1px solid #000; padding: 2px 5px; font-size: 1.2em; font-family: Arial; margin-top: 1px; }
#bookingform .select select,
#securepayment .select select { width: 181px; border: 1px solid #000; padding: 2px; font-size: 1.2em; font-family: Arial; }
#bookingform .textarea textarea,
#securepayment .textarea textarea { width: 175px; border: 1px solid #000; padding: 2px; height: 90px; font-size: 1.2em; font-family: Arial; }
#bookingform .check input
#securepayment .check input { margin-top: 4px; }

#bookingform .select select#day,
#bookingform .select select#returnday  { width: 55px; margin-right: 3px; }
#bookingform .select select#month,
#bookingform .select select#returnmonth { width: 65px; margin-right: 3px; }
#bookingform .select select#year,
#bookingform .select select#returnyear { width: 55px; }
#bookingform .select select#hour,
#bookingform .select select#returnhour { width: 89px; margin-right: 3px; }
#bookingform .select select#minute,
#bookingform .select select#returnminute { width: 89px; }

#other_destinations #bookingform .select select#day,
#other_destinations #bookingform .select select#month,
#other_destinations #bookingform .select select#hour,
#other_destinations #bookingform .select select#returnday,
#other_destinations #bookingform .select select#returnmonth,
#other_destinations #bookingform .select select#returnhour { margin-right: 0; }

#bookingform .button input,
#confirmbooking .button input,
#securepayment input#makePayment {
	float: right;
	background: transparent url(../images/site/btn-arrow.png) no-repeat right top;
	height: 29px;
	padding-top: 3px;
	padding-right: 26px;
	margin-right: 4px;
	font-size: 1.5em;
	text-decoration: none;
	color: #000;
	border: 0;
	cursor: pointer;
}

#confirmbooking #paymentbutton { margin-top: -20px; }
#confirmbooking #paymentbutton.driver { margin-top: -35px; }
#confirmbooking #paymentbutton.paypal { text-align: right; padding-right: 15px; padding-bottom: 15px; }

#confirmbooking form p { font-size: 1.2em; }
#confirmbooking form strong { float: left; clear: left; width: 130px; padding-top: 3px; margin-left: 10px; }
#confirmbooking form span { float: left; width: 180px; padding-top: 3px; }

#content-main #bookingreference {
	text-align: center;
	font-size: 1.8em;
	margin-top: 15px;
}

/* Secure payment page */

#securepayment #navmain ul { padding-left: 0 ; }
#securepayment #nav-supp { left: 600px ; padding: 10px ; text-align: center ; }
#securepayment #nav-supp p { margin-bottom: 15px ; }

#securepayment .error {
	color: #d00 ;
	background: transparent ; 
	border: none ;
	margin-bottom: 0 ;
	padding: 5px 0 ; 
}

#securepayment .error input,
#securepayment .error select { border: 2px solid #e00 ; background: #fdd ; }  

#securepayment p.error {
	font-weight: bold ; 
	margin-bottom: 10px ; 
}

/* Misc Styles */

hr { display: none; }
:focus { outline: none; }

p.error {
	background: #fee;
	color: #f00;
	border: 2px solid #900;
	padding: 10px 15px 5px;
	margin-bottom: 15px;
}

#content-main p.error a { color: #d00 ; text-decoration: underline ; }

#content-main .error h2 { color: #900; }
#content-main .error a { color: #900; }

#whatweaccept {
	text-indent: -9999px;
}
#whatweaccept img { float: right; }
#whatweaccept #googlecheckout { margin-right: 7px; }
#whatweaccept #callmeback { margin-right: 5px; margin-top: 10px; }

#bookmark {
	position: absolute;
	right: -1px;
	top: -24px;
	background: transparent url(../images/site/bookmark.png) no-repeat left top;
	width: 141px;
	height: 20px;
	text-indent: -9999px;
}

#content p#otherdestinationinfobox {
	margin: 55px 10px 10px;
}
#content p#otherdestinationinfobox a {
	color: #000;
}