@charset "utf-8";
/* CSS Document */

/****** Core HTML Setup ******/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
	color:#f8f8f8;
	background: url(../images/blue_bg.jpg);
}

/****** Links ******/

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#a1bbfb;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
}	

/****** Text ******/

p { 
	margin-top: 0;
	margin-bottom: 0px;
}

p.quote {
	font-style:italic;
}

p.quoteName {
	font-weight:bold;
	color:#a1bbfb;
}

.cdRow p {
	margin:5px 0px 5px 0px;
}

/****** Images ******/

img { border: 0 none; }

/****** Headers ******/

h1 {
	font-size:24px;
	font-weight:bold;
	color:#a1bbfb;
	margin:0px 0px 5px 0px;
	padding:0;
}

h2 {
	font-size:18px;
	font-weight:bold;
	color:#f8f8f8;
	margin:0;
	padding:0;
}

h3 {
	font-size:16px;
	font-weight:bold;
	color:#f8f8f8;
	margin:0;
	padding:0;
}

/********** Alert **********/

#alert {
	width:100%;
	background:#cd3d50;
}

#alert p {
	margin:0;
}

#alertWrapper {
	width:909px;
	text-align:left;
	margin:0 auto;
	padding:10px 0px;
}	

#alertLeft {
	float:left;
	font-size:24px;
	color:#fff;
	width:200px;
	font-weight:bold;
}

#alertRight {
	float:right;
	width:709px;
}

#alertRight p {
	background:url(../images/map_icon.png) left no-repeat;
	padding:0px 0px 0px 40px;
	min-height:30px;
	color:#fff;
}


/****** Quote ******/

#TextBox_DateFrom, #TextBox_DateTo, #TextBox_PromoCode {
	height:20px;
	padding:2px;
	margin:0px;
	font-size:12px;
}

#Button2  {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#373e8b;
	border:none;
	cursor:pointer;
}

#Button_ChangeBooking, #Button_BookNow, #btnProcessBooking {
	font-size:14px;
	font-weight:bold;
	color:#373e8b;
	background:#ededed;
	border:none;
	cursor:pointer;
}

/****** Template CSS ******/

#wrapper {
	width:975px;
	margin:0 auto;
}

#wrapperBG {
	background:url(../images/blue_bg.jpg) repeat-x #81a2f5 bottom;
	height:560px;
}

#wrapperTop {
	background:url(../images/bg.jpg) no-repeat;
	width:1000px;
	height:560px;
	margin:0 auto;
}

#wrapperCD {
	background:url(../images/blue_bg.jpg);
	width:975px;
	margin:auto;
}

#header {
	background:url(../images/header_bg.png) no-repeat bottom;
	width:908px;
	height:150px;
	margin:auto;
}

#logo {
	width:300px;
	height:110px;
	float:left;
	margin:25px 0px 0px 75px;
}

#menu {
	width:483px;
	height:90px;
	float:right;
	padding:60px 0px 0px 50px;
}

#banner {
	background:url(../images/banner.png);
	width:975px;
	height:410px;
	margin: 0 auto;
	position:relative;
}

#quote {
	float:right;
	background:url(../images/quote.png);
	width:396px;
	height:160px;
	margin-right:20px;
	padding:40px 10px 10px 10px;
	color:#4056a1;
}

/**#alert {
	background: url(../images/alert_bg.png) no-repeat;
	float:left;
	width:438px;
	height:218px;
	position:relative;
	z-index:999;
	margin-left:50px;
	padding:10px;
	color:#4056a1;
}

#alert h2 {
	font-size:15px;
	color:#C00;
	font-weight:bold;
}*/

#advert {
	float:right;
	background:url(../images/advert.png);
	width:396px;
	height:160px;
	margin-right:20px;
	padding:40px 10px 10px 10px;
	color:#4056a1;
}

#gallery {
	position:absolute;
	left:0px;
	bottom:0px;
	width:855px;
	height:150px;
	padding:25px 60px 0px 60px;
}

#wrapperBottom {
	width:975px;
	margin:0 auto;
	padding:20px 0px 10px 0px;
}

#mainContent {
	width:960px;
	margin:0 auto;
	padding:0px 0px 10px 0px;
}

#content {
	float:left;
	width:600px;
	padding:0px 30px 0px 0px;
}

#testimonials {
	float:right;
	width:300px;
	padding:0px 0px 0px 30px;
}

.clear {
	clear:both;
}

#footer {
	background:url(../images/footer.png);
	width:975px;
	height:102px;
}

#footerMenu {
	float:left;
	width:525px;
	padding:47px 30px 20px 20px;
}

#copyright {
	float:right;
	width:350px;
	text-align:right;
	font-size:10px;
	color:#3a4293;
	padding:18px 20px 10px 30px;
	font-weight:bold;
}

#contactLeft {
	width:450px;
	float:left;
	padding:0px 30px 0px 0px;
}

#contactRight {
	width:450px;
	float:left;
	padding:0px 0px 0px 30px;
}

/****** Customer Details Layout ******/

#detailsLeft1, #detailsLeft2 {
	float:left;
	width:420px;
}

#detailsRight1, #detailsRight2 {
	float:right;
	width:420px;
}

#customerDetailsHeader, #tripDetailsHeader, #vehicleDetailsHeader, #paymentDetailsHeader, #creditNote {
	width:420px;
}

#priceDetails {
	width:420px;
	margin:20px 0px 0px 0px;
}

#personalDetails, #tripDetails, #vehicleDetails, #paymentDetails, .cnContent {
	width:400px;
	padding:10px;
}

.cdRow {
	width:400px;
}

.cdRowLeft {
	width:160px;
	float:left;
}

.cdRowRight {
	float:right;
	width:240px;
}

.cnLeft {
	float:left;
	width:200px;
}

.cnRight {
	float:right;
	width:180px;
	padding:0px 0px 0px 20px;
}

/****** Extras Layout ******/

#extras {
	width:960px;
	height:136px;
	margin:10px 0px 10px 0px;
	color:#081c6d;
}

#extrasLeft {
	float:left;
	width:480px;
}

#extraMobile {
	float:left;
	background:url(../images/extras_bg.png);
	width:170px;
	height:89px;
	margin:0px 32px 0px 0px;
	padding:22px 23px 25px 23px;
}

#extraCancel {
	float:right;
	background:url(../images/extras_bg.png);
	width:170px;
	height:89px;
	margin:0px 16px 0px 0px;
	padding:22px 23px 25px 23px;
}

#extrasRight {
	float:right;
	width:480px;
}

#extraPremium {
	float:right;
	background:url(../images/extras_bg.png);
	width:170px;
	height:89px;
	margin:0px 0px 0px 32px;
	padding:22px 23px 25px 23px;
}

#extraPostage {
	float:left;
	background:url(../images/extras_bg.png);
	width:170px;
	height:89px;
	margin:0px 0px 0px 16px;
	padding:22px 23px 25px 23px;
}

.extrasHeader {
	width:170px;
	height:29px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.extrasImage {
	float:left;
	width:60px;
	height:60px;
}

.extrasPrice {
	float:right;
	width:100px;
	height:40px;
	font-size:32px;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}

.extrasTick {
	float:right;
	width:100px;
	height:20px;
	padding:0px 0px 0px 10px;
}

.extrasTickLeft {
	float:left;
	width:30px;
}

.extrasTickRight {
	float:right;
	width:70px;
	font-size:9px;
	text-align:right;
	padding-top:5px;
	text-decoration:underline;
}


/****** Prices Layout ******/

.priceRow {
	width:420px;
	border-bottom:1px dotted #e0e0e0;
}

.priceRowCost {
	width:420px;
	border-bottom:1px dotted #e0e0e0;
	font-size:16px;
}

.priceRowTotal {
	width:420px;
	border-bottom:1px dotted #e0e0e0;
	font-size:18px;
	font-weight:bold;
}

#creditNote {
	width:420px;
}

.priceRowLeft {
	width:200px;
	float:left;
	text-align:right;
	padding:5px 10px 5px 0px;
}

.priceRowRight {
	float:right;
	width:200px;
	text-align:left;
	padding:5px 0px 5px 10px;
}

.priceRow2 {
	width:420px;
	margin:20px 0px 0px 0px;
	font-size:11px;
}

.priceRowButton {
	width:420px;
	margin:20px 0px 20px 0px;
	text-align:center;
}

.priceRowText {
	width:420px;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}

/****** Menu's ******/

ul #menu, #menu ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}

li #menu, #menu li {
	margin: 0;
    padding: 0;
	display:inline;
}

#menu a {
	color:#fafafa;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:0px 20px 0px 20px;
}

#menu a:hover {
	color:#fafafa;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 2px solid #fafafa;
}

#menu .active a {
	color:#fafafa;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-bottom: 2px solid #fafafa;
}

ul #footerMenu, #footerMenu ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}

li #footerMenu, #footerMenu li {
	margin: 0;
    padding: 0;
	display:inline;
}

#footerMenu a {
	color:#db3450;
	font-weight:bold;
	text-decoration:none;
	padding-right:20px;
}

#footerMenu a:hover {
	color:#a1bbfb;
	font-weight:bold;
	text-decoration:none;
}