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

/* #banner, #banner .line3, #navigation, #maincontent, #offerwrap .offer, .searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults,
.searchback .submit, #flightsortlist .flightsortoption, #flightsortlist .flightsortoptionhigh, .hotelsortoption, .hotelsortoptionhigh, #flightrules .pagenumbers, #flightrules .flightitinerary,
.itinerary, .itinref, .continuebutton, .booking-column-left .itinref, .booking-stages .breadoff, .booking-stages .breadon, #footer, .resultsinfobox
{-webkit-border-radius: 0px!important;-moz-border-radius: 0px!important;border-radius: 0px!important;} */

/*  --------------------------------------------------------------------------------- Structure - START */
.clear, .clear-booking, .clearDiv, .cleardiv {height:0!important;}
html, body {height:100%!important;}
body {
background: #64c5ef; /* Old browsers */
}
#navigation {background: none !important; float: right; margin: -30px 0 0 0;}
#navigation a {color: #FFFFFF !important;}
#navigation ul {width: 420px;}

#maincontent, #banner, #footer, .searchback {border-radius: 0 !important;}

#footer ul {width: 450px;}
.footlogos {
	margin: 10px auto;
	width: 440px;
	text-align: center;
}
/*  --------------------------------------------------------------------------------- Structure - END */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- Setting all elements to use the same blue colour - START */
body, #navigation a, .searchback a, #flightsortlist .flightsortoptionhigh, .hotelsortoptionhigh, #flightsortlist .flightsortoptionhigh a, .hotelsortoptionhigh a, .itinref, .booking-column-left .itinref,
.cruisesummary h3, .cruisesummary h3 span, .top-next a, .top-prev a, .cruiseresult2 .cruisename, .cruiseresult2 .cruisename a, .cruiseresult2 .cruisedetail a, .pricegrid, .searchback h2, .col2 .content h3,
.resultsinfobox b, .cabininfo h4, a, #banner .line2, .extras h3, .extras th, .cruisetabs li a, .cruisetabs li.tabon a, .cruisetabs li.tabon a:hover, .cruisetabs li a:hover, #itinerary table th, .cruiseimages p,
.pricerow a, .cheapest a  {color:#38a6cb;}

#offerwrap .offer, .searchback .submit, .continuebutton, .booking-stages .breadon, .cruiseresult2 .cruiseprice, .pricerow th, #itinerarypage .sendenq   {background-color:#38a6cb;}

.cruiseresult2, .resultsinfobox, #filterResults2 .current, #searchAgain2 .current, #filterResults2 a:hover, #searchAgain2 a:hover, .cruisemoreinfo, .cruisetabs li.tabon {border: 1px solid #38A6CB;}
.resultsinfobox {border-top:none;}
.cruisetabs li.tabon {border-bottom:none;}

.introtext {color: #8d8d8d; margin: 10px 0 0 0;}
.introtext h4 {color: #8d8d8d; font-size: 14px;}
.col1 {width: 320px; float: left;}
.col2 {width: 600px; float: right;}

.newsletter {margin: 10px 0 0 0; border: 1px solid #b9dde9; padding: 5px;}

.searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults {width: 300px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- Setting all elements to use the same blue colour - END */

#filterResults2 .current, #searchAgain2 .current, #filterResults2 a:hover, #searchAgain2 a:hover {background:#fff;}
#itinerarypage .sendenq {color:#fff;}

.searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults, #flightsortlist .flightsortoption, #flightsortlist .flightsortoptionhigh, 
.hotelsortoption, .hotelsortoptionhigh, .itinerary, .booking-stages .breadoff, #flightrules .flightitinerary {border: 1px solid #B9D8ED;}

.shipinfodetail td {padding:2px 0;}
.cheapest {background:none;padding: 30px 0 0;}
#itinerarypage {padding:20px;}
#itinerarypage .sendenq {padding: 10px;font-weight: bold;text-decoration: none;margin: 10px auto;display: block;width: 100px;}
#itineraryform b, #itineraryform h4 {font-size: 20px;}
#itineraryform input[type="text"], #itineraryform textarea {width:400px;padding:2px;}
.bookingform table th {text-align: left;vertical-align: middle;}

.searchback, {
background: #f7fbfc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmJmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmRhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7fbfc 0%, #b6daea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fbfc), color-stop(100%,#b6daea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7fbfc 0%,#b6daea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7fbfc 0%,#b6daea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7fbfc 0%,#b6daea 100%); /* IE10+ */
background: linear-gradient(top,  #f7fbfc 0%,#b6daea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#b6daea',GradientType=0 ); /* IE6-8 */
}
.searchback #day {width:50px;float:left;}
.searchback #monthyear {width:130px;float:left;}
.searchback input[type="text"] {width:176px;}
.searchback .submit {padding:5px;}

#banner {height:325px;}
#banner .line1 {font-size: 35px;font-weight: bold;left: 20px;position: absolute;top: 9px;color: white;}
#banner .line2 {font-size: 16px;left: 20px;position: absolute;top: 45px;color: white;}
#banner .line3 {background: none repeat scroll 0 0;font-size: 20px;font-weight: bold;left: 20px;padding: 2px 5px;position: absolute;text-transform: uppercase;top: 285px;}
#banner .line3 a {text-decoration:none;color:#fff;}

#header h2 {background: url("/images/www.compasscruiseholidays.co.uk/logo.png") no-repeat;width: 435px;height: 75px;}
#header h3 {color:#0f729c;}
h2, .col2 p, .col2 h3, #flightresults a, #altflightresults a, .hoteldesctable th, .bookingform h3 {color:#838383;}
#footer {background-color:#b6daea;}
#footer, #footer a {color:#167ca4;}
.footsmallprint, .footsmallprint a {color:#fff;}
.pagenumbers {float: left;width: 350px;background: none;border: none;}
.pagelinks {width: 335px;}
.cruiseresult2 .cruiseprice {margin: 0;font-size: 16px;color:#fff;padding:5px;}
#searchAgain2 a, #filterResults2 a, .cruisetabs li {background: #BEE2F2;}
.cruiseresult2 .cruisename, .cruiseresult2 .cruisename a {font-size: 16px;line-height: 18px;}
.cruisesummary h3, .cruisesummary h3 span {font-size:18px;}



.offer {
height:205px;float:left;margin:0 3px 5px; padding: 7px;width: 125px;
background: rgb(255,253,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2RiZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,253,255,1) 0%, rgba(183,219,235,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,253,255,1)), color-stop(100%,rgba(183,219,235,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,253,255,1) 0%,rgba(183,219,235,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,253,255,1) 0%,rgba(183,219,235,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,253,255,1) 0%,rgba(183,219,235,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,253,255,1) 0%,rgba(183,219,235,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdff', endColorstr='#b7dbeb',GradientType=0 ); /* IE6-8 */
border:1px solid #b6dae8;
}
.offer img {width:123px;height:70px;}
.offer table {height: 135px !important;}
.offer a {text-decoration:none;color:#676767;}
.offer .name {font-size: 14px;font-weight: bold;line-height: 14px;}
.offer .name a {color:#35A5D4;}
.offer .shipname {color:#676767;font-weight:normal;}
.offer .newoffersprice {}
.offer .newoffersprice a {color: #FF4100;font-size: 22px;font-weight: bold;}


.loadinglogo {
background: url("/images/www.compasscruiseholidays.co.uk/extranetlogo.png") no-repeat scroll center center #000000;
height: 40px;
margin: 10px auto 0;
padding: 10px;
width: 223px;
}