/* styles ---------------------------------------------------------------------------------------------------------*/

/* body */
body {background-color:#ffffff; color: #666666; padding: 0; margin: 0; font-family :verdana, arial, helvetica, sans-serif; font-size:110%;}
body.home {background-image: url(/images/home_bg.gif); background-repeat: no-repeat;}

.whitespace {color:#FFFFFF;}

/* circle bg image*/
div.circleImage {text-align: center;}

/* rounded corner effect */
.nwGreyNocorner, .nwRed, .nwGrey {position: relative; top: -1px; left: -6px; margin: 0;}
.neGrey, .neRed {position: relative; top: 0px; left: 12px; margin: 0;}
.seGrey, .seRed {position: relative; top: 0px; left: 12px; margin: 0; text-align: right;}

/* box style Grey */
div.nwGrey {background: url(/images/corners/top_l.gif) top left no-repeat;}
div.neGrey {background: url(/images/corners/top_r.gif) top right no-repeat;}
div.swGrey {background: url(/images/corners/bot_l.gif) bottom left no-repeat; position: relative; top: 1px; left: -6px; margin: 0;}
div.seGrey {background: url(/images/corners/bot_r_2.gif) bottom right no-repeat; position: relative; top: 0px; left: 12px; margin: 0; text-align: right;}

/* box style Red */
div.swRed {background: url(/images/corners/red_bot_l.gif) bottom left no-repeat;position: relative; top: 1px; left: -6px; margin: 0;}
div.seRed {background: url(/images/corners/red_bot_r.gif) bottom right no-repeat;}
div.nwRed {background: url(/images/corners/red_top_l.gif) top left no-repeat; }
div.neRed {background: url(/images/corners/red_top_r.gif) top right no-repeat;}

/* miscellaneous */

table.branding {background-image: url(/images/test.gif); background-repeat: no-repeat;}

.errorHeight {height:80px; padding:0px; margin:0px;}

/* alignments */
.middleAlign {vertical-align: middle;}
.topAlign {vertical-align: top;}
.bottomAlign {vertical-align: text-bottom;}
.absBottomAlign {vertical-align: bottom;}
.rightAlign {text-align: right;}
.displayInline {display: inline;}
.padRight {padding-right: 5px;}

div.buspassBanner {position: relative; left:290px; top:-38px;}

/* Fonts & styles ---------------------------------------------------------------------------------------------------------*/

/* top nav area*/
.logo, .nav, .mainImage, .breadcrumb, .logText {position: relative; }
div.logo {left:0px; top:0px; width: 200px; z-index: 2;}
div.utilities {font-size:60%; color: #666666; position: relative; left:240px; top:-35px; text-align: right; width: 500px;}
div.utilities a, div.utilities a:active {color: #666666; text-decoration: none; font-weight: bold; }
div.utilities a:hover {color: #666666; text-decoration: underline; font-weight: bold; }
div.nav {left:204px; top:-25px; text-align: right; width: 545px;}

div.nav2 {left:4px; top:-25px; text-align: left; width: 750px;}

div.mainImage {left:0px; top:-32px; width: 750px; z-index: 1;}

/* bread crumb*/
div.breadcrumb {left:10px; top:-25px; width: 750px; font-family :arial, helvetica, sans-serif; font-size:80%; color: #666666; display: inline; padding:0; margin:0;}
.breadcrumbGreen { font-weight: bold; color: #336699;}

/*content area*/
div.boxImage { position: relative;  top:7px;}


/* form position*/
div.bookingForm {
	position: relative;
	left:3px;
	top:-31px;
	width: 741px;
}

/* dotted line divider styles */
.formDivider, 
.divider {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; padding:0px; margin:0px;}
.divider2 {border-left-width: 1px; border-left-style: dotted; border-left-color: #666666; padding-left: 20px;}
.divider3 {border-left-width: 1px; border-left-style: dotted; border-left-color: #666666;}
.divider4 {border-right-width: 1px; border-right-style: dotted; border-right-color: #666666;}
.b2Divider {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; padding:0px; margin:0px;}
.divider_sitemap {border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; width: 300px; padding:0px; margin:0px;}

/* lists */
ul.hiddenLinks, li.hiddenLinks {padding: 0; margin: 0;}
ul.redBullet, li.redBullet {padding: 5px; margin: 5px; color: #e70033;}
ul.helpBullet, li.helpBullet {color: #e70033;}
ul, li {}

/* form field styles */
form {margin: 0px; padding: 0px;}

.fieldStyle14, .fieldStyle12, .fieldStyle13, .fieldStyle1, .fieldStyle2, .fieldStyle3, .fieldStyle4, .fieldStyle5, .fieldStyle6, .fieldStyle7, .fieldStyle8, .fieldStyle9, .fieldStyle10, .fieldStyle11 {font-family :verdana, arial, helvetica, sans-serif; color: #333333; font-size:90%;}

.fieldStyle1 {width: 145px;}
.fieldStyle2 {}
.fieldStyle3 {width: 100px;}
.fieldStyle4 {width: 488px; height:100px;}
.fieldStyle5 {width: 205px;}
.fieldStyle6 {width: 300px;}
.fieldStyle7 {width: 35px;}
.fieldStyle8 {width: 95px;}
.fieldStyle9 {width: 175px;}
.fieldStyle10 {width: 440px; height:50px;}
.fieldStyle11 {width: 85px;}
.fieldStyle12 {width: 400px;}
.fieldStyle13 {width: 400px; height:70px;}
.fieldStyle14 {width: 135px;}

.monthRadio {margin:0px; padding:0px; vertical-align: middle;}

/* tables */
.britx, .bookingFormTable, .bookingPages {color: #666666;}
.leftPanel {color: #333333; font-size:100%;}
table.bookingFormTable {font-size:60%;}
table.bookingPages {font-size:100%; width: 485px;}
table.funfareTable {color: #333333;}
table.monthTables {width: 280px;}
table.bookingConfirmation {font-size:95%;}
table.DirectNewsPage {font-size:60%;}
table.fullWidth {font-size:100%; width: 570px;}
table.britx {width: 477px; font-size:60%;}
table.britx2 {width: 100%; font-size:175%;}
table.tableBorder {border-color:#ffffff; border-width: 1px; border-style: solid;}
table.tableBorder2 {width: 720px; border-color:#ffffff; border-width: 1px; border-style: solid;}

/* quick booking form */
div.locations {width: 500px; position: relative; left:0px; top:5px;}
div.locations2 {width: 250px; position: relative; left:0px; top:5px;}
div.formPages {position: relative; left:0px; top:0px; width: 540px; font-size:60%; z-index: 2;}

/*Partner Offers*/
div.partnertop {position: relative; left:7px; top:0px;}
div.partnermid {position: relative; left:7px; top:-8px;}

/* splash styles */
.splashLine {border-left:1px solid; border-color:#FFFFFF; padding-left:15px;}
.splashText {font: normal 11px Arial, Sans-serif; color:#000000; padding-left: 22px; padding-right: 100px; padding-top: 130px;}
.splashTextBold {font: bold 11px Arial, Sans-serif; color:#000000;}
a.splashLink, a.splashLink:hover, a.splashLink:active {color: #FFFFFF;} 

/* text style */
.textStyle1 {color: #666666; font-size:70%; display: inline; padding:0; margin:0;}
.textStyle2 {color: #e70033;}
.textStyle3 {display: inline; padding:0; margin:0;}
.textStyle4 {color: #666666; font-size:60%; display: block; padding-top:5px; margin:0; font-weight: bold;}
.textStyle5 {font-size:60%;}

/* table style */
.tableStyle2 {color: #ffffff; font-size:60%;}
.tableStyle3 {color: #ffffff; font-size:100%;}
.tableStyle5 {color: #333333; font-size:100%;}
.tableTitle {background-color: #336699; padding: 5px; color: #ffffff; font-weight: bold;} 

/*bottom nav area*/
div.botLogo {width: 138px; position: relative; left:0px; top:0px;}
div.botLogo2 {width: 138px; position: relative; left:0px; top:-5px;}

div.botNav {font-size:60%; color: #666666; width: 732px; padding: 7px; border-top-width: 1px; border-top-style: dotted; border-top-color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; background-color: #ffffff; position: relative; left:5px;}

div.botNav a {color: #666666; text-decoration: none; font-weight: bold;}
div.botNav a:hover {color: #666666; text-decoration: underline; font-weight: bold;}
div.botNav a:active {color: #666666; text-decoration: none; font-weight: bold;}


/* Fonts ---------------------------------------------------------------------------------------------------------*/

/* new header styles */
h1	{font-weight: bold; display: inline; font-size:120%; color: #666666;}
h1.white {font-family :arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size:100%; display: inline;}
h1.oldsite {font-family :arial, helvetica, sans-serif; color: #FFFFFF; font-weight: bold; font-size:60%; display: inline;}
h1.khaki {color: #999966; font-weight: bold; display: inline; font-size:120%;}
h1.red	{color: #e70033; font-weight: bold; display: inline; font-size:120%;}

h1.splashHeader {font-family :arial, helvetica, sans-serif; color: #FFFFFF; font-size:150%; display: inline ;}
h2.splashSubHeader {font-family :arial, helvetica, sans-serif; color: #FFFFFF;  font-size:120%; display: inline ;}

/* new sub header styles */
h2	{font-weight: bold; display: inline; font-size:120%; color: #666666; font-family : arial, helvetica, sans-serif;}
h2.new-white {font-weight: bold; display: inline; font-size:120%; color: #FFFFFF; font-family : arial, helvetica, sans-serif;}
h2.white {color: #FFFFFF; font-weight: bold; display: inline; font-size:100%;}
h2.grey {color: #666666; font-weight: bold; display: inline; font-size:100%;}
h2.khaki {color: #999966; font-weight: bold; display: inline; font-size:100%;}
h2.red	{color: #e70033; font-weight: bold; display: inline; font-size:100%;}

/* new small header styles */
h3	{font-weight: bold; display: inline; font-size:60%; color: #666666; }
h3.white {color: #FFFFFF; font-weight: bold; display: inline; font-size:60%;}
h3.grey {color: #333333; font-weight: bold; display: inline; font-size:60%;}
h3.red	{color: #e70033; font-weight: bold; display: inline; font-size:60%;}

/* links */
a.link3 {color: #999999;}
a.link3:active {color: #999999;}
a.link3:visited {color: #999999;}
a, a:hover, a:active {color: #216FC4;}
a.link2, a.link2:active {color: #216FC4; text-decoration: underline;}
a.link2:hover {color: #216FC4; text-decoration: underline;}
a.viewLink, a.viewLink:active {color: #333333; text-decoration: underline;}
a.viewLink:hover {color: #216FC43; text-decoration: underline;}


/* hidden links */
div.hiddenLinks {width: 100px; height:7px; font-size:0%; color: #ffffff;}
div.hiddenLinks a, div.hiddenLinks a:hover, div.hiddenLinks a:active {color: #ffffff; text-decoration: none;}

a.hiddenLinks {color: #ffffff; text-decoration: none; padding:0px; margin:0px;}
a.hiddenLinks:hover {color: #ffffff; text-decoration: none; padding:0px; margin:0px;}
a.hiddenLinks:active {color: #ffffff; text-decoration: none; padding:0px; margin:0px;}


/* home-book.css body --------------------------------------------------------------------------------------------*/

body.home {background-image: url(/images/home_bg.gif); background-repeat: no-repeat;}
body.book {background-image: url(/images/home_bg.gif); background-repeat: no-repeat;}

/* rounded corner effect */
.nwGreen {position: relative; top: -1px; left: -6px; margin: 0;}
.neGreen {position: relative; top: 0px; left: 12px; margin: 0;}
.seGreen {position: relative; top: 0px; left: 12px; margin: 0; text-align: right;}


/* box style Green */
div.swGreen {background: url(/images/corners/green_bot_l.gif) bottom left no-repeat;position: relative; top: 1px; left: -6px; margin: 0;}
div.seGreen {background: url(/images/corners/green_bot_r.gif) bottom right no-repeat;}
div.nwGreen {background: url(/images/corners/green_top_l.gif) top left no-repeat; }
div.neGreen {background: url(/images/corners/green_top_r.gif) top right no-repeat;}


/* Fonts ---------------------------------------------------------------------------------------------------------*/

/* new header styles */
h1.green {color: #666666; font-weight: bold; font-size:140%; display: inline; font-family :arial, helvetica, sans-serif;}

/* new sub header styles */
h2.green {color: #666666; font-weight: bold; display: inline; font-size:120%;font-family :arial, helvetica, sans-serif;}

/* new small header styles */
h3.green {color: #0E9EA0; font-weight: bold; display: inline; font-size:60%;} 


/* new booking headers styles */

div.booking198px {

background-image: url(../images/New_booking_pages/198top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 198px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	}

div.booking251px {

background-image: url(../images/New_booking_pages/251top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 251px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	

div.booking290px {

background-image: url(../images/New_booking_pages/290top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 290px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	
	
div.booking425px {

background-image: url(../images/New_booking_pages/425top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 425px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	
	
div.booking510px {

background-image: url(../images/New_booking_pages/510top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 513px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	

div.booking595px {

background-image: url(../images/New_booking_pages/595top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 595px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	


div.booking650px {

background-image: url(../images/New_booking_pages/650top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 650px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}	
	
div.booking804px {

background-image: url(../images/New_booking_pages/804top.jpg);
	background-repeat: no-repeat;
	font-family :arial, helvetica, sans-serif;
	height: 29px;
	width: 804px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	
	}		
	
/* Fonts & styles ---------------------------------------------------------------------------------------------------------*/

th.bookingHeader {background-color: #adafaa; padding: 5px; color: #ffffff; font-weight: normal;}
th.header3 {color:#ffffff; font-size:60%; background-color: #EF972B; text-align: left; padding: 5px; font-weight: normal; border-right: 1px #ffffff solid;}
th.header4 {color:#ffffff; font-size:60%; background-color: #EF972B; text-align: left; padding: 5px; font-weight: normal; border-right: 1px #EF972B solid;}
th.bookingHeader3 {background-color: #F5C180; font-weight: normal; font-size:60%; text-align: left; vertical-align:top; border-color:#666666; border-width: 1px; border-style: solid;}
th.header5 {background-color: #336699; font-size:60%; text-align: left; vertical-align:top; color:#ffffff; border-width: 1px; border-style: solid;}

td.bookingHeader2 {background-color: #adafaa; padding: 5px; color: #ffffff; font-weight: normal;}
td.bookingData {padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;}
td.bookingData3 {font-weight: normal; font-size:60%; background-color: #FCEAD5; border-color:#666666; border-width: 1px; border-style: solid;}
td.data3 {font-weight: normal; font-size:60%; background-color: #cccccc; border-color:#ffffff; border-width: 1px; border-style: solid;}

.iframeholder3dsecure{
	margin-right: 36px;
	margin-left:  36px;
	margin-bottom: 10px;
}

/*Currency Converter styles*/
.selected {background-image:url(/images/greenfade.gif);background-repeat:repeat-x;background-position:bottom;color:#000;}
.selected a		{color:#000000}
.selected1 {background-image:url(/images/greenfade.gif);background-repeat:repeat-x;background-position:bottom;color:#000;}
.selected1 a		{color:#000000}