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

html {
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll !important;
}

@font-face {
	font-family: GraublauWeb;
	src: url("../fonts/GraublauWeb.otf") format("opentype");
}

@font-face {
	font-family: GraublauWeb;
	font-weight:bold;
	src: url("../fonts/GraublauWebBold.otf") format("opentype");
}

form {
  margin: 0;
  padding: 0;
}

body {
	text-align: center;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.5;
	margin: 0;
	color:#3d3d3d;
	background:url(../images/bg.jpg) top left repeat-x #f9fafe;
}

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

img { border: 0 none; }

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

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

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

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

#copyright a:hover {
	text-decoration:underline;
}

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

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

p.large {
	font-size:18px;
	margin:0px 0px 5px 0px;
}

#Label_P font {
	font-size:14px;
}

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

h1 {
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#4056a1;
	margin:0px 0px 10px 0px;
}

h2 {
	font-size:22px;
	font-weight:bold;
	color:#4056a1;
	margin:0px 0px 10px 0px;
}

h3 {
	font-size:16px;
	font-weight:bold;
	color:#4056a1;
	margin:0px 0px 10px 0px;
}

/********** 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;
}

/********** Main Body **********/

#wrapper {
	margin:0 auto;
	text-align:left;
	width:909px;
}

.clear {
	clear:both;
}

.clearContent {
	clear:both;
	position:relative;
}

/***** Header *****/

#header {
	width:909px;
	padding:20px 0px 20px 0px;
}

#logo {
	float:left;
	width:245px;
	height:44px;
}

#mainMenu {
	float:right;
	width:444px;
	height:34px;
	background:url(../images/menu_bg.png);
	padding:1px 3px 6px 3px;
	margin:10px 0px 0px 0px;
}

/***** Main Content *****/

#mainContent {
	width:909px;
	position:relative;
}

#allContent {
	width:629px;
	position:relative;
	float:left;
	z-index:1;
}

#contentTop {
	width:629px;
	height:77px;
	background:url(../images/maincontent_top.png) no-repeat;
}

#content {
	width:559px;
	background:url(../images/maincontent_bg.png) repeat-y;
	padding:0px 45px 1px 25px;
}

#contentBottom {
	width:629px;
	height:25px;
	background:url(../images/maincontent_bottom.png);
}

/***** Sidebars *****/

#sidebar {
	width:310px;
	position:absolute;
	z-index:2;
	top:0px;
	right:0px;
}

#sidebarTop {
	width:310px;
	height:26px;
	background:url(../images/sidebar_top.png);
}

#sidebarContent {
	width:260px;
	background:url(../images/sidebar_bg.png);
	padding:0px 25px 5px 25px;
}

#sidebarBottom {
	width:310px;
	height:50px;
	background:url(../images/sidebar_bottom.png);
}

#sidebar2 {
	width:310px;
	position:absolute;
	z-index:2;
	bottom:20px;
	right:0px;
}

#sidebar2Top {
	width:310px;
	height:26px;
	background:url(../images/sidebar_top.png);
}

#sidebar2Content {
	width:260px;
	background:url(../images/sidebar_bg.png);
	padding:0px 25px 5px 25px;
}

#sidebar2Bottom {
	width:310px;
	height:50px;
	background:url(../images/sidebar_bottom.png);
}

/***** Quote Form *****/

.quoteRow {
	width:260px;
	color:#4056a1;
	font-weight:bold;
	text-shadow:1px 1px #eaeaea;
	padding:5px 0px 5px 0px;
}

.quoteRowButton {
	width:260px;
	text-align:center;
}

.quoteLeft {
	float:left;
}

.quoteRight {
	float:right;
}

/***** Price Quote *****/

.quote2Row {
	width:260px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
	border-bottom:1px dotted #e3e3e3;
}

.quote2RowPrice {
	width:260px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
	border-bottom:1px dotted #e3e3e3;
	color:#cf3e50;
	font-size:32px;
}

.quote2RowLogo {
	width:260px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
}

.quote2RowButton {
	width:260px;
	text-align:center;
	margin:10px 0px 0px 0px;
}	

/***** Footer *****/

#footer {
	width:900px;
	padding:0px 5px 0px 4px;
	clear:both;
}

#footerMenu {
	width:900px;
	padding:10px 0px 0px 0px;
}

#copyright {
	width:900px;
	padding:10px 0px 0px 0px;
	color:#8a8a8a;
	font-size:10px;
	font-weight:bold;
}


/********** Menus **********/

/***** Main Menu *****/

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

li #mainMenu, #mainMenu li {
	cursor:pointer;
	display:inline;
	margin: 0;
    padding: 0;
}

#mainMenu li a {
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	display:inline;
	color:#202020;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
	padding:0px 14px 0px 14px;
	line-height:2.5;
}

#mainMenu li a:hover {
	color:#4056a1;
}

/***** Footer Menu *****/

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

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

#footerMenu li a {
	display:inline;
	color:#4056a1;
	text-decoration:none;
	cursor:pointer;
	margin: 0;
	font-weight:bold;
	font-size:10px;
	padding:0px 15px 0px 0px;
}

#footerMenu li a:hover {
	color:#cd3d50;
}

/********** Form Fields **********/

#TextBox_DateFrom, #TextBox_DateTo {
	background:url(../images/quote_datepick.jpg);
	width:109px;
	height:12px;
	border:none;
	cursor:pointer;
	padding:0px;
	color:#4056a1;
	font-size:11px;
	font-weight:bold;
	padding:5px 10px 5px 10px;
}

#TextBox_PromoCode {
	background:url(../images/quote_textbox.jpg);
	width:109px;
	height:15px;
	border:none;
	cursor:pointer;
	padding:0px;
	color:#4056a1;
	font-size:11px;
	font-weight:bold;
	padding:4px 10px 3px 10px;
}

#Button1, #Button_BookNow {
	width:150px;
	height:34px;
	background:url(../images/quote_button.jpg);
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

#btnProcessBooking {
	width:260px;
	height:33px;
	background:url(../images/makebooking_button.jpg);
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

#btnAddCreditNote {
	width:54px;
	height:18px;
	background:url(../images/creditnote_button.png);
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

#Button_ChangeBooking {
	background:url(../images/changebooking_button.jpg);
	width:150px;
	height:34px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

/********** Unordered Lists **********/

#content ul.find {
	margin: 0px 0px 10px 0px;
    padding: 0;
    list-style-type: none;
}

#content ul.find li {
	margin: 0px 0px 7px 0px;
    padding: 0;
}

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

#detailsWrapper {
	margin:0 auto;
	width:440px;
}

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

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

#personalDetails, #tripDetails, #vehicleDetails, #paymentDetails, .cnContent {
	width:400px;
	background:#e9e9e9;
	padding:10px;
	margin:0 auto;
}

.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 ******/

#extrasRow1, #extrasRow2 {
	width:440px;
	margin:10px 0px 10px 0px;
}

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

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

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

#extraPostage {
	float:left;
	background:url(../images/extras_bg.png);
	width:170px;
	height:89px;
	margin:0px 4px 0px 0px;
	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:260px;
	border-bottom:1px dotted #e0e0e0;
}

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

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

#creditNote {
	width:420px;
}

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

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

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

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

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