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

/* ------ BROWSER RESET ------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------ MAIN BODY STYLES ------ */

#uniquetelephone, #uniquesitenamefoot {display:inline;}

body {background: url("/images/demo.traveltek.net/bg_white1.png") repeat-x scroll 0 0 ;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 12px;line-height: 1.2;}
h2 {font-size: 20px;font-weight: bold;margin: 10px 0;text-transform: uppercase;}
table {width:100%;}
.clear, .spacer, .clear-booking {clear:both;}

#calendar, #calendar2 {z-index:2;}

#banner {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: url("/images/demo.traveltek.net/sea_bg.jpg") no-repeat scroll 0 0 transparent;border: medium none;height: 350px;margin: 0 0 15px;position: relative;width: 620px;z-index:1;}

#banner .line1 {font-size: 38px;font-weight: bold;eft: 20px; position: absolute;top: 130px;}
#banner .line2 {font-size: 18px;left: 20px;position: absolute;top: 170px;}
#banner .line3 {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: none repeat scroll 0 0;font-size: 20px;font-weight: bold;left: 460px;padding: 2px 5px;position: absolute;text-transform: uppercase;top: 150px;}

#outerwrap {}
#wrap {margin: 0 auto;width: 960px;}

#wait .waitwrap {margin: 50px auto 0;padding: 15px;width: 500px;text-align:center;}
#wait h1 {font-size:20px;font-weight:bold;margin:0 0 10px;}
#wait p {margin:10px 0;}
#wait #moreinfo {font-size:10px;}
#wait .powered {display: block;float: none;margin: 10px auto;width: 150px;}


#header {}
#header h2 {width:350px;height:100px;text-indent:-9999px;background:url("/images/demo.traveltek.net/demologo3.png") no-repeat;float:left;}
#header h3 {float: right;font-size: 24px;font-weight: bold;margin: 30px 0 0;text-align: right;text-transform: capitalize;width: 500px;}

#logo {}

#navigation {clear:both;-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -15px;}
#navigation a {font-size: 14px;font-weight: bold;text-decoration: none;text-shadow: 1px 1px 1px #B9E6F7;text-transform: uppercase;}
#navigation ul {margin: 0 auto;width: 450px;}
#navigation li {display: inline;line-height: 30px;margin: 0 10px;text-align: center;}

#maincontent {-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: none repeat scroll 0 0 ;margin: 10px 0 0;padding: 10px;}

.col1 {width:300px;float:left;}
.col1 select {}

#offerwrap {clear:both;}
#offerwrap .offer {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -15px;margin: 5px 0 0;padding: 5px;}
#offerwrap .offer .homeofferimg {float: left;font-size: 20px;font-weight: bold;margin: 0 5px 0 0;text-align: center;width: 95px;}
#offerwrap .offer .homeofferimg .price {line-height: 14px;margin: 5px 0 0;}
#offerwrap .offer .homeofferimg .price span {font-size: 11px;}
#offerwrap .offer .homeofferimg img {height: 55px;width: 85px;}
#offerwrap .offer .offertxt {color: #FFFFFF;float: right;width: 190px;}
#offerwrap .offer .offertxt strong {color: #0E86B8;font-size: 18px;font-weight: bold;}

.col2 {float: right;width: 620px;}
.col2 .content {}
.col2 p {margin: 10px 0;}
.col2 h3 {font-size: 24px;font-weight: bold;text-transform: uppercase;}

.searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults
{-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: none repeat scroll 0 0;border: 1px solid #DDDDDD;margin: 0 15px 0 0 !important;padding: 5px 10px;width: 280px;}
.searchback th {font-weight: bold;padding: 0 10px 0 0;text-align: right;width: 33%;}
.searchback td {}
.searchback a {font-size: 11px;line-height: 28px;}
.searchback h2 {font-size: 18px;font-weight: bold;line-height: 30px;text-align: center;text-transform: uppercase;}
.searchback input[Type="text"] {}
.searchback select {margin: 1px 0;width: 180px;}
.searchback .submit {-moz-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background: none repeat scroll 0 0 ;border: medium none;float: right;font-weight: bold;margin: 10px 5px;padding: 2px;text-transform: uppercase;cursor:pointer;}

#depdate-day, #retdate-day {width:50px;}
#depdate-month, #retdate-month {width:60px;}
#depdate-year, #retdate-year {width:60px;}
#roomcount {width:40px;}
#adults, #adults-1, #adults-2, #adults-3 {width:40px;}
#children, #children-1, #children-2, #children-3, #childage-1, #childage-2, #childage-3, #childage-4, #childage-5 {width:40px;}
#infants, #infants-1, #infants-2, #infants-3, #infants-4, #infants-5 {width:40px;}
#plusminus {width:40px;}
#childage-1-1, #childage-1-2, #childage-1-3, #childage-1-4, #childage-1-5, #childage-2-1, #childage-2-2, #childage-2-3, #childage-2-4, #childage-2-5, #childage-3-1, #childage-3-2, #childage-3-3, #childage-3-4, #childage-3-5 {width:40px;}
#childline th {padding:0;}
#childline td {padding: 0 2px;}

#flightsummary, .hotelsummary {background: url("/images/demo.traveltek.net/plane.png") no-repeat scroll 820px 5px;height: 60px;margin: 5px 0 !important;width: 915px;}
.hotelsummary {  background: url("/images/demo.traveltek.net/hotel.gif") no-repeat scroll 820px 5px;}
#flightsummary h3, .hotelsummary h3 {font-size: 16px;font-weight: bold;margin: 10px 0 5px;}
#flightsummary p, .hotelsummary p {margin: 5px 0;}
.flightsortoptions, .hotelsortoptions {margin:5px 0 10px;}
.flightsortoption, .hotelsortoption { float: left;margin: 0 10px 0 0;padding: 2px 5px;text-align: center;width: 100px;}
.hotelsortoptions {margin: 10px auto;width: 610px;}
#flightsortlist .flightsortoption, #flightsortlist .flightsortoptionhigh, .hotelsortoption, .hotelsortoptionhigh 
{
  -moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: none repeat scroll 0 0;float: left;margin: 0 10px 0 0;padding: 2px 5px;text-align: center;width: 100px;
}
#flightsortlist .flightsortoption a, .hotelsortoption a {text-decoration: none;}
#flightsortlist {float: left;width: 500px;}
#flightsortlist .flightsortoptionhigh, .hotelsortoptionhigh {background: none repeat scroll 0 0;font-weight: bold;}
#flightsortlist .flightsortoptionhigh a, .hotelsortoptionhigh a {text-decoration:none;}
#flightresults, #altflightresults, .pagenumbers {width: 915px;}

#flightresults table, #altflightresults table {background: none repeat scroll 0 0;margin: 10px 0 5px;}
#flightresults td, #altflightresults td {padding: 5px;text-align: center;}
#flightresults a, #altflightresults a {font-weight: bold;text-decoration: none;}
#flightresults span, #altflightresults span {font-size:10px;}

#flightrules .pagenumbers {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;width:920px;}

#flightrules .flightitinerary {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;display:block;margin:5px 0;padding:10px;}
#flightrules .flightitinerary th, #flightrules .flightitinerary td, #flightrules .flightitinerary h3, #flightrules .flightitinerary h4  {background:#fff;padding:5px;text-align:left!important;}

.pagenumbers {margin: 0;width: 935px;}
.pagenumbers td {padding:5px;}

#hotelresults {margin: 5px 0 10px !important;width: 915px;}
#hotelpagehead {margin:0 0 10px;}
.itinerary {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: none repeat scroll 0 0;margin: 10px 0;padding: 10px;}
.itinref {-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -15px ;font-weight: bold;margin: 0 auto 5px;padding: 5px;text-align: center;width: 900px;}

.hotelfilters select {margin: 0 10px;width: 110px;}
.hotelfilters br {display:none;}
.hotelfilters input[type="text"] {margin: 0 10px;width: 110px;}

.hoteldesctable {background: none repeat scroll 0 0;margin: 10px 0;}
.hoteldesctable td, .hoteldesctable th {padding: 10px;vertical-align: top;}
.hoteldesctable th {font-size: 14px;font-weight: bold;text-align: left;}
.hoteldesctable img {width:120px;height:85px;}
.hoteldesctable .rating img, .hoteldesctable th img {width:auto;height:auto;}

#hoteldetail .info {float: left;margin: 0 10px 0 0;width: 600px;}
#hoteldetail .images {float: right;width: 280px;}
#hoteldetail .essential {padding:5px;font-weight: bold;margin: 10px 0;}
#hoteldetail .pagenumbers {width:600px;}

.roomsrow {}
.roomsrow th {background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -20px #5DC4ED;padding: 5px;}
.roomsrow td {padding: 5px 0 2px 5px;}

.extras {padding:10px 0;}
.extras h3 {font-size: 14px;font-weight: bold;text-transform: uppercase;}
.extras p {margin:5px 0!important;}
.extras table {margin: 10px 0;}
.extras th {font-weight: bold;text-align: left;}
.extras td {padding: 2px;text-align: left;}

.continuebutton {-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -25px;margin: 10px auto;padding: 10px;text-align: center;width: 100px;text-transform:uppercase;}
.continuebutton input {background: none repeat scroll 0 0 transparent;border: medium none;cursor: pointer;font-weight: bold;text-transform: uppercase;}
.continuebutton a {font-size: 14px;font-weight: bold;text-decoration: none;}

.booking-column-left {float:left;width:600px;}
.booking-column-right {float:right;width:300px;}
.booking-column-right .itinref {width:auto;}
.booking-column-left .itinerary, .booking-column-left .itinerary td {font-size:10px!important;}
.booking-column-left .itinref {-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: none repeat scroll 0 0 transparent;border: medium none;font-size: 10px;font-weight: bold;margin: 0;padding: 5px;text-align: center;width: auto;}
.booking-column-left th {text-align:left;}
.booking-column-right h3 {display:none;}
.booking-column-left input[type="text"], .booking-column-left select {margin: 1px 0;width: 180px;}
.booking-column-left select {width:auto;}
.booking-stages .breadoff {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: none repeat scroll 0 0;float: left;margin: 0 10px 0 0;padding: 2px 5px;text-align: center;width: 100px;}
.booking-stages .breadon {-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px;background: url("/images/demo.traveltek.net/bg_white2.png") repeat-x scroll 0 -15px;float: left;margin: 0 10px 0 0;padding: 2px 5px;text-align: center;width: 100px;}

.bookingform h3 {font-weight: bold;margin: 10px 0 5px;padding-top: 10px;text-transform: uppercase;}

#footer {-moz-border-radius: 20px 20px 20px 20px;border-radius: 20px 20px 20px 20px;background: url("/images/demo.traveltek.net/bg_white1.png") repeat-x scroll 0 -190px;font-size: 11px;margin: 10px 0 0;text-align: center;padding:5px;}
#footer ul {display: block;margin: 0 auto 5px;width: 320px;}
#footer li {float:left;margin:0 10px;}
#footer a {font-size: 11px;font-weight: bold;text-decoration: none;text-transform: uppercase;}
#footer p {}
.footlogos {margin: 10px auto;width: 220px;}
.footlogos li {float: left;}
.footlogos .abtalogo {margin: 0 20px 0 0;}
.footlogos .ttlogo {}
.footsmallprint {font-size: 10px; margin: 10px 0 0;text-align: center;}
.footsmallprint a {}

#switchform {width:200px;margin:0 auto;text-align:center;}
/* ------ END MAIN BODY STYLES ------ */

.greenbox {
	padding: 5px;
	border-top: 1px solid #96ff93;
	border-bottom: 1px solid #96ff93;
	margin: 0px 0px 3px 0px;
	background: #edffec 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%;
}

/* ------ COLOURS ------ */
body {background-color:#EBEAE8;}
#banner .line3 {background-color:#35A5D4;}
#navigation, #offerwrap .offer, .searchback .submit, .continuebutton, .booking-stages .breadon  {background-color:#5DC4ED;}
#maincontent, #flightresults table, #altflightresults table, .hoteldesctable, #wait .waitwrap  {background-color:#FFFFFF;}
.searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults, #flightsummary, .hotelsummary, #flightsortlist .flightsortoption, #flightsortlist .flightsortoptionhigh, .hotelsortoption, .hotelsortoptionhigh, .itinerary, .booking-stages .breadoff, #flightrules .flightitinerary {background-color:#F5F5F5;}
#flightsortlist .flightsortoptionhigh, .hotelsortoptionhigh {background-color:#B0E2F6;}
.itinref {background-color:#DCBF7B;}
#footer {background-color:#545454}
#hoteldetail .essential {background-color:#EC1C24;}

body, #navigation a, .searchback a, #flightsortlist .flightsortoptionhigh, .hotelsortoptionhigh, #flightsortlist .flightsortoptionhigh a, .hotelsortoptionhigh a, .itinref, .booking-column-left .itinref  {color:#414E52;}
a, #banner .line2, .extras h3, .extras th {color:#35A5D4;}
#banner .line3, #offerwrap .offer .homeofferimg, #offerwrap .offer .offertxt, .searchback .submit, .roomsrow th, .continuebutton input, .continuebutton a, #footer a, #hoteldetail .essential {color: #FFFFFF;}
#offerwrap .offer .offertxt strong {color: #0E86B8}
h2, .col2 p, .col2 h3, #flightresults a, #altflightresults a, .hoteldesctable th, .bookingform h3  {color: #35A5D4;}
.searchback h2 {color: #5DC4ED}
#flightsortlist .flightsortoption a, .hotelsortoption a, .footsmallprint,.footsmallprint a {color: #AAAAAA;}
#footer {color: #CCCCCC}

#maincontent {border: 1px solid #E2E2E2;}
#offerwrap .offer .homeofferimg img {border: 1px solid #35A5D4;}
.searchback, #flightsummary, #flightresults, #altflightresults, .hotelsummary, .pagenumbers, #hotelresults, #flightsortlist .flightsortoption, #flightsortlist .flightsortoptionhigh, .hotelsortoption, .hotelsortoptionhigh, .itinerary, .booking-stages .breadoff, #flightrules .flightitinerary  {border: 1px solid #DDDDDD;}
.extras {border-bottom:1px solid #DDDDDD;}
.extras {border-top:1px solid #DDDDDD;}
.searchback select, .booking-column-left input[type="text"], .booking-column-left select {border: 1px solid #C9C9C9;}
#flightsortlist .flightsortoptionhigh, .hotelsortoptionhigh {border: 1px solid #B0E2F6}
#flightresults table, #altflightresults table, .hoteldesctable  {border-top:1px solid #efefef;}
#flightresults td, #altflightresults td, .hoteldesctable {border-bottom: 1px solid #CCCCCC}
.bookingform h3 {border-top: 1px solid #CCCCCC}
.itinref {border: 1px solid #DCBF7B;}
.roomsrow td, .extras td {border-bottom: 1px solid #EFEFEF;}
.booking-stages .breadon {border: 1px solid #5DC4ED;}

.continuebutton a {text-shadow: 1px 1px 2px #545454;}
/* ------ END COLOURS ------ */

/*CLEAR FIX*/

.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}