@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:#1c3e95;
	background:#FFF;
	padding-bottom:20px;
}

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

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

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

#copyright a {
	text-decoration:underline;
	font-weight:bold;
	color:#999999;
}

#copyright a:hover {
	color:#FFF;
}
	

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

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

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

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

img { border: 0 none; }

/****** Forms Boxes ******/

#Button_Submit, #Button1, #Button_BookNow, #Button_ChangeBooking, #btnProcessBooking {
	background:#1c3e95;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	border:none;
	cursor:pointer;
}

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

h1 {
	font-size:30px;
	font-weight:bold;
	color:#1c3e95;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #1c3e95;
	padding-bottom:-5px;
	margin-bottom:10px;
}

h2 {
	font-size:18px;
	font-weight:bold;
	color:#1c3e95;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#1c3e95;
}

h2.alert {
	font-size:18px;
	font-weight:bold;
	color:#C00;
}


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

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

#header {
	width:960px;
	height:150px;
}

#logo {
	float:left;
}

#menu {
	float:right;
	text-align:right;
}

#banner {
	width:590px;
	height:329px;
	border:20px solid #ececec;
	float:left;
	position:relative;
	z-index:1;
}

#contactInfo {
	width:630px;
	height:369px;
	float:left;
}

#quote {
	float:right;
	width:270px;
	height:329px;
	padding:20px;
	background:#ececec;
}

.clear {
	clear:both;
}

#mainContent {
	width:960px;
	padding-top:20px;
	padding-bottom:20px;
}

#paymentMain {
	width:960px;
}

#content {
	width:310px;
	padding-right:10px;
	float:left;
}

#images {
	width:300px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

#testimonials {
	width:310px;
	padding-left:10px;
	float:right;
}

#footer {
	width:940px;
	background:#1c3e95;
	color:#FFF;
	padding:10px;
}

#footerMenu {
	float:left;
}

#copyright {
	float:right;
	text-align:right;
	font-size:10px;
}

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

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

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

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

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

#personalDetails, #tripDetails, #vehicleDetails, #paymentDetails, .cnContent {
	width:430px;
	background:#e9e9e9;
	padding:20px;
}

.cdRow {
	width:430px;
}

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

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

.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:#1c3e95;
	font-weight:bold;
	text-decoration:none;
	width:95px;
	height:118px;
	display:inline-block;
	text-align:center;
	line-height:14;
}

#menu a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/menuHover.jpg);
	width:95px;
	height:118px;
}

#menu .active a {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/menuHover.jpg);
	width:95px;
	height:118px;
	display:inline-block;
	text-align:center;
	line-height:14;
}

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

li #footerMenu, #footerMenu li {
	margin: 0;
    padding: 0;
	display:inline;
	padding-right:20px;
	padding-left:10px;
	line-height:3;
}

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

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

#kgb {
	width:120px;
	height:120px;
	position:absolute;
	z-index:100;
	top:10px;
	right:10px;
}