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

body {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left; background-color:#ffffff; margin:0px; margin-top:5px; margin-bottom:15px; background-image:url(/images/www.travelvalue.co.uk/fusion/.gif); background-repeat:repeat-x;}
.cleardiv {clear:both;}

h2 {color:#0d226a; font-size:18px;}

.nav a:link, .nav a:visited, .nav a:active {color: #ffffff; text-decoration:none; font-size:12px; font-weight:bold;}
.nav a:hover {color: #031c66; text-decoration:underline; font-size:12px; font-weight:bold;}

.footnav a:link, .footnav a:visited, .footnav a:active {font-size:9px; font-weight:bold; color:#031c66; text-decoration:none;}
.footnav a:hover {color: #FF0000; text-decoration:underline;}

a:link, a:visited, a:active {color:#CC3300; text-decoration:none;}
a:hover {color: #FF0000; text-decoration:underline;}

/* HEADER */
.nav {width:858px; padding: 5px 15px 5px 15px;}
.nav ul, .nav li {display:inline; list-style: none; margin:0px; padding:0px;}
.nav li {margin-right:15px; font-size:12px; font-weight:bold; color:#031c66;}

/* CONTENT */
.leftcolsearch {width:299px; height:auto; margin: 0px 10px 10px 15px; background-image:url(/images/www.travelvalue.co.uk/fusion/searchbg.gif); background-repeat:repeat-x; float:left; color:#031c66;}
.rightcoloffer {width:409px; height:auto; margin: 0px 15px 10px 10px; float:right; border:1px solid #cccccc;}
.leftcol {width:353px; height:auto; margin: 0px 10px 0px 15px; float:left; border:1px solid #cccccc;}
.rightcol {width:353px; height:auto; margin: 0px 15px 0px 10px; float:left; border:1px solid #cccccc;}

/*OFFERS */
.dodleftcol {width:160px; height:100px; margin:1px; float:left; background-color:#996600;}
.dodrightcol {width:225px; height:100px; margin:1px; float:right; background-color:#996600;}
.offerbox {padding:10px;}

.dealboxthick {width:100%; border:3px solid #031c66;}
.dealbox {border:1px solid #cccccc;}

/* FOOTER */
.smallprint {font-size:9px; color:#ffffff;}
.fleftcol {float:left; padding: 10px 0px 0px 0px; font-size:9px; font-weight:bold; color:#666666;}
.fleftcol ul, .fleftcol li {display:inline; list-style: none; margin:0px; padding:0px;}
.fleftcol li {font-size:8px; font-weight:bold; color:#031c66;}
.frightcol {float:right; padding: 5px 0px 0px 0px; text-align:right;}

/*------------------------------------------------------------------*/
/*   Fusion General                                                 */
/*------------------------------------------------------------------*/
.greenbox {
	padding: 5px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0px 0px 3px 0px;
	background: #ffffff url('/images/tick.gif') no-repeat 99% 50%;
}
.redbox {
	padding: 5px;
	border-top: 1px solid #ff9393;
	border-bottom: 1px solid #ff9393;
	margin: 0px 0px 3px 0px;
	background: #ffecec url('/images/exclame.gif') no-repeat 99% 50%;
}

.bluebox {
	padding: 5px;
	border-top: 1px solid #72CCFF;
	border-bottom: 1px solid #72CCFF;
	margin: 0px 0px 3px 0px;
	background: #E5F6FF url('/images/info.gif') no-repeat 99% 50%;
}

.continuebutton {
	margin: 0px;
	padding: 10px 0px 15px 0px;
	text-align: center;
}
.continuebutton a:link, .continuebutton a:visited, .continuebutton a:hover, .continuebutton a:active {
	text-decoration: none;
	background-color: #D4D0C8;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	border-top: outset 1px #FFFFFF;
	border-left: outset 1px #FFFFFF;
	border-bottom: outset 2px #000000;
	border-right: outset 2px #000000;
	padding: 10px 30px 10px 30px;
	margin: 0px;
}

.continuebutton input {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 6px 20px 6px 20px;
	margin: 0px;
	cursor: pointer;
	margin: 0px;
}

.addontext {
	font-size: 14px;
	font-weight: bold;
}

/* Fusion Cruise */

.pagenumbers td {padding: 5px 0px 5px 0px;}
.pagenumbers span {border: solid 1px #cccccc; padding: 4px 10px 4px 10px; background-color: #ffffff;}
.pagenumbers a {border: solid 1px #cccccc; padding: 4px 10px 4px 10px; background-color: #e2edf7;}
.buttonna {color: #999999;}

.wimgright table, .wimgright p {width: 430px !important; float: left !important;}

table.cheapest {background: url('/images/fusion.traveltek.net/cheapestbg.gif') top left no-repeat; width: 112px !important; height: 113px;}
table.cheapest td {text-align: center; vertical-align: middle;}
table.cheapest td b {font-size: 16px;}
table.cheapest a:link, table.cheapest a:visited, table.cheapest a:hover, table.cheapest a:active {color: #FF0000;}

.gradedesc {border: solid 1px #CCCCCC; padding: 0px; background-color: #FFFFFF; margin-bottom: 10px;}
.gradedesc h4 {margin: 0px; padding: 4px 10px 10px 10px; font-size: 14px; background-color: #E2EDF7;}
.gradedesc table td {padding: 0px 10px 10px 10px;}
.pricerow {margin-top: 0px; padding: 10px;}
.pricerow table {border: solid 1px #E2EDF7;}
.pricerow table th, .pricerow table td {padding: 4px 10px 4px 10px;}

.cabin {background-color: #FFFFFF; text-align: left; padding: 10px; margin: 0px 0px 10px 0px; border: solid 1px #E2EDF7; width: 400px; float: left;}
.cabin th {width: 14%; background-color: transparent !important;}
.cabin td {width: 36%;}
.cabin div a {text-transform: uppercase; font-size: 12px;}
.cabin .bookcabin {text-align: right; padding: 8px 0px 5px 0px;}
.cabin .bookcabin a {border: solid 1px #E2EDF7; padding: 4px 10px 4px 10px; background-color: #F4F7F9;}

#deckplan {background-color: #FFFFFF; border: solid 1px #E2EDF7; height:800px; width:280px; float: right;}

.totalcost {border: solid 1px #E2EDF7; background-color: #FFFFFF; text-align: right; padding: 4px 10px 4px 10px; margin: 0px !important;}
.totalcost span {color: #FF0000; font-size: 16px;}

.addons {border: solid 1px #E2EDF7; background-color: #F4F7F9; padding: 4px 10px 4px 10px; margin-bottom: 10px;}
.addons p {margin: 0px; padding: 0px;}
#flightdiv, #posthoteldiv, #prehoteldiv {margin: 0px; padding: 10px 0px 0px 24px; font-size: 12px;}

.extraprepostcruise {color: #000000; font-size: 100%;}
.extraprepostcruise span {color: #3A6DAC;}

/*------------------------------------------------------------------*/
/*   Fusion Flights                                                 */
/*------------------------------------------------------------------*/
#flightsummary {margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #Fe8e35; border: solid 1px #cccccc;}
#flightsummary h3 {font-size: 16px; color: #031c66; margin: 0px; padding: 5px 0px 0px 0px; position: relative /*peekaboo bug fix*/;}
#flightsummary p {margin: 0px; padding: 5px 0px 5px 0px;}

.flightresults {border: solid 1px #cccccc; padding: 5px 5px 5px 5px;}
.flightresults h3 {margin: 0px; padding: 0px; font-size: 16px;}
.flightresults h4 {margin: 0px; padding: 0px; font-size: 14px;}
.flightresults p {margin: 0px 0px 10px 0px; padding: 0px;}

.flightresults table {margin: 0px 0px 10px 0px;}
.flightresults table th {background-color: #D4E4F2; padding: 4px 6px 4px 6px; text-align: left; vertical-align: top;}
.flightresults table td {padding: 4px 6px 4px 6px; vertical-align: top; text-align: left; border: solid 1px #cccccc;}
.flightresults table .small {font-size: 11px;}

.price_cell_over {background-color:#FEC292;}
.price_cell_out {background-color:#Fe8e35;}


.flightitinerary {border: solid 1px #CCCCCC; margin-top: 10px;}
.flightitinerary h3 {margin: 0px 0px 4px 0px; padding: 4px 10px 4px 10px; font-size: 16px; background-color: #031c66;}
.flightitinerary h4 {margin: 4px 0px 4px 0px; padding: 4px 10px 4px 10px; font-size: 14px; background-color: #F4F7F9;}
.flightitinerary table {margin: 0px 6px 0px 6px;}
.flightitinerary th {text-align: left; padding: 0px 4px 0px 4px;}
.flightitinerary td {padding: 0px 4px 4px 4px; vertical-align: top;}
.flightitineraryprice {font-weight: bold; text-align: right; font-size: 16px; border-bottom: solid 1px #031c66; padding-right: 10px;}
.flightitineraryprice b {color: #FF0000; font-size: 16px;}

.flightsortoptions { margin-bottom: 5px;}
.flightsortoption { float: left; padding: 4px; border:1px solid #cccccc; margin-right:5px;}
.flightsortoptionhigh { float: left; padding: 4px; background-color: #e2edf7; border:1px solid #cccccc; margin-right:5px;}
.flightsortoption_over { float: left; padding: 4px; border:1px solid #cccccc; background-color:#ffffcc; margin-right:5px;}
.flightsortoption_out { float: left; padding: 4px; border:1px solid #cccccc; background-color:#FFFFFF; margin-right:5px;}

/*------------------------------------------------------------------*/
/*   Fusion Hotels                                                  */
/*------------------------------------------------------------------*/
.hotelsummary {margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; background-color: #Fe8e35; border: solid 1px #cccccc;}
.hotelsummary h3 {font-size: 16px; color: #031c66; margin: 0px; padding: 5px 0px 0px 0px; position: relative /*peekaboo bug fix*/;}
.hotelsummary p {margin: 0px; padding: 5px 0px 5px 0px;}

.ratingfilter table {border: solid 1px #031c66; background-color: #F4F7F9;}
.ratingfilter table td {padding: 10px 5px 10px 5px; border: solid 1px #E7E7E7; background-color: #FFFFFF; }
.ratingfilter a:link, .ratingfilter a:visited, .ratingfilter a:hover, .ratingfilter a:active {color: #FF0000;}

#hotelresults {border: solid 1px #CCCCCC; padding: 0px 0px 10px 0px; background-color: #FEC292; margin-bottom: 10px;}
#hotelresults h3 {margin: 0px; padding: 4px 10px 4px 10px; font-size: 13px; background-color: #E2EDF7;}
#hotelresults table h3 {margin: 0px; padding: 0px; font-size: 16px; background-color: #fe8e35;}
#hotelresults table h3 span {color: #0D226A;}
#hotelresults .rating {text-align: right;}
#hotelresults .hoteldesctable {margin: 0px !important;}
#hotelresults .hoteldesctable td {padding: 10px; border-bottom: none;}
#hotelresults .hoteldesctable th {padding: 4px 10px 4px 10px; border-bottom: none; background-color: #fe8e35;}
#hotelresults .roomsrow {background-color: #FFFFFF; margin: 0px;}

#hotelresults h4 {margin: 0px; padding: 0px; font-size: 12px;}
#hotelresults p {margin: 0px 0px 10px 0px; padding: 0px;}
#hotelresults table {margin: 10px 0px 0px 0px;}
#hotelresults table th {background-color: #D4E4F2; padding: 4px 6px 4px 6px; text-align: left; vertical-align: top;}
#hotelresults td {padding: 4px 6px 4px 6px; vertical-align: top; text-align: left; border-bottom: solid 1px #FFFFFF;}
#hotelresults a {color: #FF0000;}

.hotelsortoptions { width: 250px; margin-top: 10px; margin-bottom: 5px; margin-left: auto; margin-right: auto;}
.hotelsortoption { float: left; padding: 4px; border:1px solid #cccccc; margin-right:2px;}
.hotelsortoptionhigh { float: left; padding: 4px; background-color: #e2edf7; border:1px solid #cccccc; margin-right:2px;}
.hotelsortoption_over { float: left; padding: 4px; border:1px solid #cccccc; margin-right:2px; background-color:#FFFFcc}
.hotelsortoption_out { float: left; padding: 4px; border:1px solid #cccccc; margin-right:2px; background-color:#FFFFFF}


/*------------------------------------------------------------------*/
/*   Fusion Booking                                                 */
/*------------------------------------------------------------------*/
.booking-stages {background-color: #fe8e35; margin: 0px 0px 10px 0px; padding: 6px 5px 6px 5px; font-size: 12px;}
.booking-stages span {color: #000000; font-weight: bold;}
.booking-stages b {font-weight: bold;}

.booking-columns {background: url('/images/fusion.traveltek.net/grey-dots.gif') 537px 0px repeat-y;}
.booking-column-left {float: left; width: 530px;}
.booking-column-right {float: right; width: 275px;}
.clear-booking {clear: both; width: 740px; height: 1px;}

.bookingformcontainer {border: solid 1px #CCCCCC; margin-bottom: 10px;}
.bookingformcontainer .bookingform {padding: 0px 5px 0px 5px;}
.bookingformcontainer h3 {font-size: 14px !important;}
.bookingform h3 {margin: 10px 0px 0px 0px; padding: 4px 5px 4px 5px; font-size: 16px; background-color: #Fe8e35;}
.bookingform p {margin: 0px; padding: 5px;}
.bookingform table {margin: 0px 5px 5px 5px;}
.bookingform table th {text-align: left; vertical-align: top;}
.bookingform table span {font-size: 16px;}

.bookingformcontainer .bookingitineraryhead td {/*background-color: #F0F6FB;*/ padding: 10px 0px 10px 5px;}
.bookingformcontainer .bookingitineraryhead td b {/*font-size: 120%;*/}

.errorbox {padding: 5px; border-top: 1px solid #ff9393; border-bottom: 1px solid #ff9393; margin: 0px 0px 3px 0px; background: #ffecec url('/images/exclame.gif') no-repeat 99% 50%;}
.problems {text-align: center; font-size: 24px;}

/*------------------------------------------------------------------*/
/*   Fusion Booking Itinerary                                       */
/*------------------------------------------------------------------*/
.booking-column-right h3 {font-size: 20px; margin: 0px 0px 4px 0px; padding: 0px;}
.booking-column-right table th {font-size: 11px; text-align: left; background-color: #E2EDF7;}
.booking-column-right table td {font-size: 11px; border-bottom: 1px solid #E2EDF7;}
.booking-column-right table b {color: #FF0000;}
.booking-column-right table b.itinerarycost {font-size: 16px;}

/*------------------------------------------------------------------*/
/*   Fusion Booking Confirmation                                    */
/*------------------------------------------------------------------*/
.bookingref {text-align: center; font-size: 14px;}
.bookingref span {color: #FF0000;}

#confirmation {border: solid 1px #CCCCCC; padding: 0px 0px 10px 0px; background-color: #F4F7F9; margin-bottom: 10px;}

#confirmation .conftitle {background-color: #E2EDF7;}
#confirmation .conftitle td {font-weight: bold; padding: 4px 10px 4px 10px; font-size: 13px;}
#confirmation .conftitle td h3 {margin: 0px; font-size: 16px; padding: 0px; background-color: none;}
#confirmation h3 {margin: 0px; padding: 4px 10px 4px 10px; font-size: 16px; background-color: #E2EDF7;}
#confirmation h4 {margin: 0px; padding: 0px; font-size: 14px;}

#confirmation p {margin: 0px 0px 10px 0px; padding: 0px;}

#confirmation .contact {margin: 10px 0px 0px 0px;}
#confirmation .contact th {width: 100px; padding: 5px 5px 5px 10px; text-align: left;}
#confirmation .contact td {padding: 5px 10px 5px 5px;}

#confirmation .paxtable {padding: 10px 10px 0px 10px;}
#confirmation .paxtable table th {padding: 5px; background-color: #D4E4F2;}
#confirmation .paxtable table td {padding: 5px; background-color: #FFFFFF;}

#confirmation .flightconf {padding: 10px 10px 0px 10px;}
#confirmation .flightconf .flightout {margin: 0px 0px 10px 0px; padding: 10px; background-color: #FFFFFF;}
#confirmation .flightconf .flightin {margin: 0px 0px 10px 0px; padding: 10px; background-color: #FFFFFF;}
#confirmation .flightconf h4 {margin: 0px; padding: 4px 10px 4px 10px; font-size: 14px; background-color: #E2EDF7;}
#confirmation .flightconf h5 {margin: 0px; padding: 0px; font-size: 14px; padding: 5px; background-color: #F4F7F9;}
#confirmation .flightconf th {text-align: left; padding: 5px 5px 0px 5px;}
#confirmation .flightconf td {text-align: left; padding: 0px 5px 5px 5px;}

#confirmation .hotelconf {padding: 10px 10px 0px 10px;}
#confirmation .hotelconf table th {padding: 5px;}
#confirmation .hotelconf table td {padding: 5px;}
#confirmation .hotelconf .roomsrow {margin: 10px 0px 0px 0px;}
#confirmation .hotelconf .roomsrow th {text-align: left; background-color: #D4E4F2;}
#confirmation .hotelconf .roomsrow td {text-align: left; background-color: #FFFFFF;}

#confirmation .price {text-align: right; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px;}
#confirmation .price b {color: #FF0000; font-size: 14px;}
.totalpriceconf {text-align: right; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 10px 5px 0px; border-bottom: solid 1px #CCCCCC;}
.totalpriceconf b {color: #FF0000; font-size: 18px;}
