/* ****************************************************************************************** */
/* Before adding a style please check that there is not one that can be used.  This file is   */
/* seperated into sections for each style of page.  If the page has a considerable amount of  */
/* unquie styles then it must have its own stylesheet.  All stylesheets must be names         */
/* style_ _ _.css and stored in the root of the codesource directory                          */
/* ****************************************************************************************** */

/* start of styles for main body */
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #555555; text-align: justify; text-decoration: none; font-weight: normal; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 15px; padding: 1px; width: 735px; line-height: 130%; }
.sitestat { position: absolute; z-index: -1; }
table { border-width: 0px; border-style: none; border-spacing: 0px; padding: 0px; width: 100%; }
td { border-width: 0px; border-style: none; vertical-align: top; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #555555; line-height: 130%; }
.header { padding: 20px 0px 10px 15px; text-align: right; background: #ffffff; }
.footer { clear: both; width: 735px; padding: 15px 0px 25px 25px; }
.topmenu { padding-bottom: 10px; width: 735px; background: #ffffff; }
.logo { padding: 5px 0px 15px; text-align: right; width: 735px; }
.iata { padding: 10px 0px; text-align: right; vertical-align: bottom; clear: both; width: 735px; }
.topnav { background-color: #9f9f9f; width: 735px; margin-bottom: 17px; padding: 1px 0px; }
.sidenav { width: 123px; }
.main { width: 610px; padding: 0px 0px 10px 20px; text-align: justify; }
/* end of styles for main body */

.bottom { vertical-align: bottom; }
/* ****************************************************************************************** */
/* This section of the stylesheet is for use on all pages that have a block of images on the  */
/* left-hand side eg: FAQs, Special Offers, Why, News, Travel Clinic and Privacy  */
/* The template for this style of page is found: o:\software\_web templates\templateimage.htm */
/* ****************************************************************************************** */
.main440 { width: 440px; padding-left: 20px; text-align: justify; }
.images { width: 295px; background-color: #bad6d2; }
.images div { padding: 10px; }
.images ul { list-style-image: url(/graphics/arrowgreen.gif); margin-top: 10px; margin-left: 20px; }
.images a { color: #07685a; }
.images a:hover { color: #07685a; }
.main440 a { color: #99cc99; font-weight: bold; }
.main440 a:hover { color: #99cc99; font-weight: bold; text-decoration: underline; }
.padright5 { border-right: solid 5px #ffffff; }

/* ****************************************************************************************** */
/* This section of the stylesheet is for the contact us section                               */
/* The template for these pages is found: o:\software\_web templates\templatecontact.htm      */
/* ****************************************************************************************** */
.mapside1 { position: absolute; left: 15px; top: 115px; width: 400px; }
.mainside { position: absolute; left: 415px; top: 115px; width: 335px; }
.mainside div.iata { position: relative; left: -400px; }
.mainside div.footer { position: relative; left: -400px; }
.contacttel { position: absolute; top: 580px; left: 15px; }
/* ****************************************************************************************** */

/* start of element width styles */
.width9 { width: 9px; }
.width200 { width: 200px; }
.width180 { width: 180px; }
.width340 { width: 340px; }
.width420 { width: 420px; padding-left: 20px; }
.width510 { width: 510px; }
.width580 { width: 580px; }
.width609 { width: 609px; }
.width735 { width: 735px; }
.nospace { margin-bottom: 0px; margin-left: 10px; }
/* end of element width styles */

/* start of alignment styles */
.block { display: block; }
.left { text-align: left; }
.floatleft { float: left; padding-right: 10px; }
.insetleft { float: left; padding-right: 10px; padding-top: 5px; }
.right { text-align: right; }
.rightoptional { text-align: right; color: #888888;}
.floatright { float: right; padding-left: 10px; }
.insetright { float: right; padding: 5px 0px 5px 10px; }
.right { text-align: right; }
.clear { clear: both; }
.clearright { clear: right; }
.clearleft { clear: left; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.top { vertical-align: top; }
.justify { text-align: justify; }
/* end of alignment styles */

/* start of element padding styles */
.padbtm10 { padding-bottom: 10px; }
.padtop10 { padding-top: 10px; }
.header img, .footer img { float: left; margin-right: 5px; }
.header form { margin: 10px 0px 0px; }
/* end of element padding styles */

/* start of text styles */
.footer a:hover { color: #999999; font-weight: normal; text-decoration: underline; }
.footer a, .footer a:visited, .footer { color: #999999; font-weight: normal; text-decoration: none; }
.footer p { width: 535px; text-align: center; float: right; padding: 0px; margin: 0px 0px 15px; }
a  { color: #99cc99; font-weight: bold; text-decoration: none; }
a:hover { color: #99cc99; font-weight: bold; text-decoration: underline; }
.header a, .logo a, .iata a, ul a, ul.arrow a, .flightlist a { color: #555555; font-weight: normal; text-decoration: none; }
.header a:hover, .logo a:hover, .iata a:hover, ul a:hover, ul.arrow a:hover, .flightlist a:hover { color: #555555; font-weight: normal; text-decoration: underline; }
.txtff9f00 { color: #ff9f00; font-weight: bold; }
.white { color: #ffffff; }
.red { font-weight: bold; color: #ef2d2d; }
.big { color: #ff9f00; font-size: 16px; font-weight: bold; margin: 0px 0px 15px; }
.subtext { font-size: 11px; color: #999999; }
.subtext2 { font-size: 11px; color: #999999; }
.subtext a { font-size: 11px; color: #999999; font-weight: bold; }
.subtext2 a { color: #99cc99; font-weight: bold; text-decoration: none; }
.subtext a:hover { font-size: 11px; color: #999999; font-weight: bold; text-decoration: underline; }
.subtext2 a:hover { color: #99cc99; font-weight: bold; text-decoration: underline; }
hr { color: #cccccc; background-color: #cccccc; border: 0px; height: 1px; width: 100%; }
h1 { color: #ff9f00; font-size: 11px; font-weight: bold; margin: 0px 0px 15px; }
h2 { color: #555555; font-size: 11px; font-weight: bold; margin: 0px; }
h3, h4 { color: #555555; font-size: 11px; font-weight: bold; margin: 0px; line-height: 130%; }
h5 { color: #ff9f00; font-size: 14px; font-weight: bold; margin-bottom: 15px; }
p { margin-top: 0px; margin-bottom: 15px; }
td p {text-align: justify; }
.warning { font-weight: bold; color: #DC143C; }
/* end of text styles */

/* start of form input styles */
.logo form { margin: 0px; }
form { margin: 0px 0px 15px; }
input { font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; border: 1px solid #555555; margin: 0px 10px 2px 0px; }
.inputoptional { font-family: verdana, arial, helvetica, sans-serif;	font-size: 11px; border: 1px solid #888888; margin: 0px 10px 2px 0px; }
input#query { margin-right: 10px; margin-top: 10px; }
input.radio { border: 0px; margin: 0px 5px; padding: 0px; }
input.button { border: 1px solid #555555; margin: 0px; }
input.checkbox { border: 0px; }
select { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; border: 1px solid #555555; }
/* end of form input styles */

/* start of image and background styles */
img { border-width: 0px; border-style: none; vertical-align: top; display: inline; }
.logo img { float: left; }
/* end of image and background styles */

/* start of bullet point styles */
ol { list-style-type: lower-alpha; margin: 10px 0px 10px 20px; padding: 0px; }
ul { list-style: url(/graphics/bullet.gif); margin-bottom: 15px; }
li { margin-bottom: 5px; text-align: left; }
ul.list { list-style: none none; margin: 0px; margin-left: 30px;}
ul.list li { list-style: none none; text-align: right; width: 80px; margin: 0px; }
ul.list ul { list-style: none none; position: relative; left: 50px; top: -13px; margin-bottom: 0px; }
ul.list ul li { text-align: left; width: 460px; }
.sitemap li { margin-bottom: 2px; }
.arrow, .globe ul { list-style-image: url(/graphics/arrow.gif); margin: 10px 0px 10px 20px; padding: 0px; }
.square { list-style-image: url(/graphics/square.gif); margin-left: 20px; }
.arrowup { list-style-image: url(/graphics/arrowup.gif); float: right; margin: 5px;}
.star2 { list-style-image: url(/graphics/tailormade_icons/classes/2star.gif); margin-left: 30px; }
.star3 { list-style-image: url(/graphics/tailormade_icons/classes/3star.gif); margin-left: 30px; }
.star4 { list-style-image: url(/graphics/tailormade_icons/classes/4star.gif); margin-left: 30px; }
.star5 { list-style-image: url(/graphics/tailormade_icons/classes/5star.gif); margin-left: 30px; }
.star6 { list-style-image: url(/graphics/tailormade_icons/classes/6star.gif); margin-left: 30px; }
.starplus { list-style-image: url(/graphics/tailormade_icons/classes/star.gif); margin-left: 30px; }
.bonus { list-style-image: url(/tailormadehotels.nsf/bonus.gif); margin-left: 45px; }
/* end of bullet point styles */
	
/* start of styles for top navigation */
.flights { background: url(/graphics/nav/flights-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.flights a:hover img { visibility: hidden; }
.hotels { background: url(/graphics/nav/hotels-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.hotels a:hover img { visibility: hidden; }
.carhire { background: url(/graphics/nav/carhire-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.carhire a:hover img { visibility: hidden; }
.tours { background: url(/graphics/nav/tours-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.tours a:hover img { visibility: hidden; }
.specials { background: url(/graphics/nav/specials-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.specials a:hover img { visibility: hidden; }
.insurance { background: url(/graphics/nav/insurance-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.insurance a:hover img { visibility: hidden; }
.viewtrail { background: url(/graphics/nav/viewtrail-on.gif) no-repeat; display: inline; padding: 1px 0px 4px; _padding: 0px; }
.viewtrail a:hover img { visibility: hidden; }
/* end of styles for top navigation */
	
/* start of styles for side navigation */
.nav { position: relative; background: url(/graphics/nav/menuon.gif) no-repeat; display: block; width: 125px; height: 33px; margin: 0px; padding: 0px; }
.nav a { color: #c0c1c3; font-weight: bold; text-decoration: none; width: 126px; height: 33px; float: left; }
.nav a:hover { color: #666666; font-weight: bold; text-decoration: none; width: 126px; height: 33px; float: left; }
.nav img { width: 27px; height: 33px; }
* html a:hover { visibility: visible; }
.nav a:hover img { visibility: hidden; }
.nav span { position: absolute; left: 30px; top: 3px; margin: 0px; padding: 0px; cursor: pointer; }
span.oneline { top: 10px; }
/* end of styles for side navigation */

/* start of styles for new side navigation */
.side { width: 125px; text-decoration: none; }
.side a { color: #c0c1c3; font-weight: bold; text-decoration: none; }
.side a:hover { color: #666666; font-weight: bold; text-decoration: none; }
.side ul { list-style-image: url(/graphics/arrow.gif); text-align: left; list-style-position: outside; margin-left: 18px; padding-left: 0px; }
.side li { margin-top: 10px; font-weight: bold; }
/* end of styles for new side navigation */

/* start of styles for tailormade indexes */
.curvet { background: url(/graphics/tailormade_icons/curvet.gif) repeat; }
.curveb { background: url(/graphics/tailormade_icons/curveb.gif) repeat; }
.globe { background: url(/graphics/htlback.gif) no-repeat; width: 580px; }
/* end of styles for tailormade curves */

/* start of styles for press office */
.podate { width: 120px; padding-right: 2px; text-align: right; }
.bgglobe { background: url(/graphics/globe.gif) no-repeat top right; width: 610px; padding: 0px 20px 0px 10px; }
.open {	display: block; list-style-type: none; list-style-image: none; cursor: pointer; padding: 0px; margin: 15px; }
.open li { padding-bottom: 10px; }
.open img { padding-right: 5px; padding-top: 2px; }
.close { display: none; list-style-type: none; list-style-image: none; cursor: pointer; padding: 0px; margin: 15px; }
/* end of styles for press office */

/* start of styles for cruises oz */
.usa1 { background: url(/graphics/cruises/usa1.jpg) no-repeat; }
.usa2 { background: url(/graphics/cruises/usa2.jpg) no-repeat; }
.usa3 { background: url(/graphics/cruises/usa3.jpg) no-repeat; }
.usa4 { background: url(/graphics/cruises/usa4.jpg) no-repeat; }
.usa5 { background: url(/graphics/cruises/usa5.jpg) no-repeat; }
/* end of styles for cruises oz */

/* start of styles for tabbed navigation */
#navlist { padding: 3px 10px; margin-left: 0; border-bottom: 1px solid #778; font: bold 11px Verdana, sans-serif; text-align: right; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; font-weight: bold; }
#navlist li a:link { color: #448; }
#navlist li a:hover { color: #000; background: #AAE; border-color: #227; }
#navlist li a:visited { color: #448; }
#navlist li a#current { background: #FFF; border-bottom: 1px solid #FFF; }
/* start of styles for tabbed navigation */


.weather td { text-align: center; }
.weather td.left { text-align: left; padding-left: 3px; }
.weatherasia { background-color: #cbe4cb; }
.weatherpacific { background-color: #b6d8f3; }
.weatherafrica { background-color: #eee89d; }
.weathereurope { background-color: #f5cda9; }

/* hacks for domino rich text */
font { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #555555; text-align: justify; text-decoration: none; font-weight: normal; }
a u font, a font { color: #99cc99; font-weight: bold; text-decoration: none; }
a:hover u font, a:hover font { color: #99cc99; font-weight: bold; text-decoration: underline; }
b font { font-weight: bold; }
u { text-decoration: none; }
.greenpadbox { padding: 10px; _margin: 10px 15px; }
.greenpadbox ul { list-style-image: url(/graphics/greenboxarrow.gif); margin-left: 0px; }
.newstable img { float: right; margin-left: 5px; }

/* expanding menu */
.open {	display: block; list-style-type: none; list-style-image: none; cursor: pointer; padding: 0px; margin: 15px; }
.close { display: none; list-style-type: none; list-style-image: none; cursor: pointer; padding: 0px; margin: 15px; }
.podate { width: 120px; padding-right: 2px; text-align: right; }
ol li { margin-bottom: 10px; }
.open li { padding-bottom: 10px; }

/* ******************** Start of Top DropDown Navigation Styles ******************** */
/* This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop3.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. */
.topmenu ul { text-align: right; background: url(/graphics/backgrounds/doubleline.gif) repeat-x; list-style: none; padding: 5px 5px 4px; margin: 0px; width: 735px; }
.topmenu li { display: inline; list-style-type: none; margin-left: 10px; height:25px; }
.topmenu a, .topmenu a:visited { border: 1px solid #555555; border-bottom: none; color: #555555; background: #dddddd; text-decoration: none; padding: 2px 1px 6px 14px; _padding: 0px 1px 0px 14px; font-weight: bold; }
.topmenu a:hover, .topmenu span { border: 1px solid #555555; border-bottom: none; background: url(/graphics/backgrounds/topnavarrow-on.gif) #ffffff no-repeat top right; padding: 2px 1px 9px 14px; _padding: 0px 1px 4px 14px; font-weight: bold; text-decoration: none; }
img { border: none; vertical-align: middle; }
.topmenu li a:hover img { visibility: hidden; }
.topmenu ul ul li { display: block; height: auto; border: 0px; background: none; width: 150px; position: relative; list-style: none none; }
.topmenu ul ul li a, .topmenu ul ul li a:visited { background: none; display: block; color: #555555; font-weight: normal; padding: 5px; border: none; list-style: none none; height: 100%; }
.topmenu ul table ul a, .topmenu ul table ul a:visited  { width: 150px; }
.topmenu table { position: absolute; left: 0px; top: 0px; font-size: 11px; z-index: -1; }
.topmenu ul ul table { lef\t: -1px; }
* html .topmenu a:hover { position: relative; z-index: 100; }
.topmenu ul ul a:hover { background: none; border: none; text-decoration: underline; color: #555555; padding: 5px; font-weight: normal; }
.topmenu ul ul :hover > a { background: none; text-decoration: underline; color: #555555; padding: 5px; font-weight: normal; }
.topmenu ul ul { visibility: hidden; position: absolute; height: 0px; top: 100px; _top: 23px; background: none #f1f1f1; filter: alpha(opacity=90); -moz-opacity: .90; opacity:.90; text-align: left; z-index: 100; display: block; left: 595px; _left: -80px; width: 160px; }
.topmenu ul li:hover ul, .topmenu ul a:hover ul { visibility: visible; height: auto; padding-bottom: 5px; }
/* ******************** End of Top DropDown Navigation Styles ******************** */
table.greenborder { border: 2px solid #CCE3E1; width: 97%; padding: 7px; margin: 15px 0px 0px; }
.titlebox { font-size: 16px; font-weight: bold;border-bottom: 2px solid #CCE3E1; width: 100%; }
.faredetailbox { line-height: 180%; text-align: center; padding: 10px 5px 5px; }
.callbox { vertical-align: middle; text-align: center; }

h1 span { font-size: 12px; letter-spacing: 2px; text-transform: lowercase; }
big { font-size: 13px; font-weight: bold; }