html { font-family: Trebuchet MS, Arial, Verdana; color: #000000; font-size: 13px; }
body { }
h1, h2, h3, h5 { margin: 0 0 20px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; }
p { margin: 0 0 20px 0; }
h1 { font-family: Rockwell, Georgia, Arial; font-size: 36px; color: #7F8357; font-weight: bold; text-transform: uppercase; margin: 0; }
h2 { font-family: Trebuchet MS; font-size: 24px; line-height: 28px; margin: 0; color: #7F8357; font-weight: bold; margin: 5px 0; }
h3 { font-family: Trebuchet MS; font-size: 18px; color: black; font-weight: bold; }
h4 { font-family: Trebuchet MS; font-size: 18px; line-height: 18px; color: #FFB400; font-weight: bold; }
h5 { font-family: Trebuchet MS; font-size: 18px; color: #7F8357; font-weight: bold; }
h6, h6 a { font-family: Trebuchet MS, Arial; font-size: 16px; color: black; font-weight: bold; margin: 10px 0; }
h3 a { color: black; }
p { line-height: 24px; }
a { color: #FD8217; text-decoration: none; overflow: hidden; }
a:hover { text-decoration: underline; }
.row { clear: both; }
.column { width: 184px; margin-right: 14px; float: left; }
.column.last { margin-right: 0 !important; }
.x2 { width: 381px; }
.feature { width: 381px; margin-right: 14px; float: left; min-height: 370px; }
.hr { clear: both; background: url(../images/dots-medium.gif) repeat-x; height: 5px; margin: 5px 0; }
hr { clear: both; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; min-height: 1px; }
img.left { margin: 5px 10px 5px 0px; }
img.right { margin: 5px 0px 5px 10px; }
input, select, textarea { font-family: Arial; }
ul { margin: 10px 0pt 10px 16px; }
ol { margin: 10px 0pt 10px 0px; }
ul li { list-style-type: disc; padding: 5px 0 5px 2px; line-height: 20px; }
ol li { list-style: decimal inside; padding: 1px 0 1px 15px; line-height: 24px; }
table { border: #ECE6DD 1px; }
table td { vertical-align: top; padding: 0 5px; }
a.button { height: 24px; display: block; text-decoration: none; text-indent: -12345px; float: left; margin-top: 4px; }
a.bookNow { background: url(../images/book-now.gif) no-repeat; width: 99px; }
a.viewTimetable { background: url(../images/view-timetable.gif) no-repeat; width: 134px; }
a.travelPlanner { background: url(../images/add-to-myozex.gif) no-repeat; width: 134px; }
a.inTravelPlanner { background: url(../images/go-to-myozex.gif) no-repeat; width: 134px; }
a.more-info { background: url(../images/more-info.gif) no-repeat; width: 99px; }
.loading { background: url(../images/ajax-loader.gif) no-repeat; width: 32px; height: 32px; }
.XEDestination { background: url(../images/icons/destination.png) no-repeat left 4px; }
.XEHotel { background: url(../images/icons/accommodation.png) no-repeat left 4px; }
.XEActivity { background: url(../images/icons/activity.png) no-repeat left 4px; }
.OzExItinerary, .OzExSector, .ATATour { background: url(../images/icons/pass.png) no-repeat left 4px; }
#container { width: 990px; margin: 14px auto 0; position: relative; }
#header { /**BO: height: 142px; background: url(../images/header-bg.png) no-repeat bottom left; position: relative; **/ height: 164px; background: url('../images/header-bg.tel.png') no-repeat scroll left bottom transparent; position: relative; }
#header h2 a { width: 400px; height: 70px; display: block; text-indent: -123456px; position: absolute; top: 42px; left: 20px; }
#header p { text-indent: -123456px; }
ul#menu { position: absolute; top: 0; right: 0; margin: 0; padding: 0; }
ul#menu li { float: left; background: url(../images/menu-off.gif) repeat-x; list-style-type: none; padding: 0; }
ul#menu li.first { background: url(../images/menu-first-off.gif) no-repeat; padding-left: 6px; }
ul#menu li.last { padding-right: 10px; }
ul#menu li#current { background: url(../images/menu-on.gif) repeat-x; }
ul#menu li#current.first { background: url(../images/menu-first-on.gif) no-repeat; }
ul#menu li a { line-height: 28px; height: 27px; color: white; font-family: Trebuchet MS, Arial; padding: 0 10px; font-weight: bold; font-size: 14px; text-decoration: none; }
#login { width: 251px; height: 228px; position: absolute; top: 32px; right: -2px; background: url(../images/login-bg.png) no-repeat; z-index: 125; }
#login fieldset { padding: 62px 0 0 35px; }
#login label { position: absolute; top: 85px; left: 18px; }
#login legend { display: none; }
#login ul { position: absolute; top: 85px; left: 87px; margin: 0; padding: 0; }
#login ul li { list-style-type: none; line-height: 13px; padding: 0; }
#login .name { margin: 5px 0px 0px -60px; }
#login .num { margin: 5px 0px 0px -60px; }
#login .logout { margin: 28px 0px 0px 77px; }
#login ul label { display: none; position: static; }
#login input.text { border: 1px solid #D7D7D7; width: 128px; height: 15px; background: white !important; margin-bottom: 1px; padding: 2px; font-size: 12px; }
#login #login-submit { width: 55px; height: 25px; float: right; background: url(../images/login-submit.gif) no-repeat; border: 0; color: white; font-weight: bold; padding: 0 25px 1px 0px; margin: 0; font-family: Georgia, Arial; text-transform: uppercase; font-size: 11px; cursor: pointer; position: absolute; top: 50px; right: 10px; }
#login input.username { background: url(../images/username.gif) -2px 1px no-repeat white !important; }
#login input.password { background: url(../images/password.gif) -2px 1px no-repeat white !important; }
#login .help { position: absolute; top: 109px; left: 65px; }
#login .help a { text-align: text-top; }
#Content { padding: 0 7px; }
#main { width: 580px; float: right; margin-right: 0; padding-top: 2px; }
#main-bar { width: 180px; float: left; }
#main-content { width: 374px; float: right; }
#map { padding-top: 90px; }
#fullwidth { clear: both; }
#more-stuff { clear: both; background: url(../images/footer-top.gif) no-repeat 0 10px; min-height: 225px; margin-top: 10px; padding: 40px 18px 0; }
#more-stuff .column { width: 176px; margin-right: 15px; min-height: 1px; }
#more-stuff p { margin: 6px 0 14px 0; }
#more-stuff h4 { color: #7F8357; height: 129px; position: relative; }
#more-stuff h4 object { position: absolute; bottom: 0; left: 0; }
#footer { clear: both; }
.footer-extras ul { padding: 0; margin: 0; }
.footer-extras ul li { list-style-type: none; }
#bookmarks li { float: left; width: 180px; }
#community { width: 150px; height: 222px; background: url(../images/community-bg.gif) no-repeat; z-index: 1; color: white; font-size: 12px; padding: 115px 15px 0; overflow: hidden; }
#community p { line-height: 16px; }
#community a { color: #FFB400; }
#reserved-space { width: 90px; height: 103px; float: right; }
#reserved-space2 { width: 142px; height: 51px; float: right; }
#tag-cloud { padding: 25px 10px 0; background: url(../images/tag-cloud-bg.gif) no-repeat; width: 160px; height: 232px; }
#tag-cloud ul { margin: 0; padding: 0; }
#tag-cloud ul li { float: left; list-style-type: none; padding: 4px 5px; }
.tag0, .tag0 a { font-size: 19px; color: white; }
.tag1, .tag1 a { font-size: 20px; color: #FFB400; }
.tag2, .tag2 a { font-size: 20px; color: #A2A487; }
.tag3, .tag3 a { font-size: 12px; color: #FFB400; }
.tag4, .tag4 a { font-size: 20px; color: white; }
.tag5, .tag5 a { font-size: 12px; color: #E46F2B; }
.tag6, .tag6 a { font-size: 18px; color: #FD963B; }
.tag7, .tag7 a { font-size: 14px; color: white; }
.tag8, .tag8 a { font-size: 12px; color: #E46F2B; }
.tag9, .tag9 a { font-size: 24px; color: #A6B383; }
#side { width: 385px; float: left; }
#footer-bar { background: url(../images/footer-bg.gif) repeat-x bottom; height: 43px; clear: both; position: relative; }
#footer-bar p { color: white; margin: 0; position: absolute; bottom: 4px; right: 5px; font-weight: bold; line-height: 12px; }
#footer-bar p a { color: white; text-decoration: underline; }
#map-area { }
.slot { clear: left; }
.XEComponentHTML { clear: left; }
.OzExPassMapComponent .OzExItinerary { background: #ECE6DD; }
.OzExPassMapComponent .header { height: 53px; position: relative; }
.OzExPassMapComponent h3 { color: black; font-size: 42px; line-height: 42px; margin: 0 10px; }
.OzExPassMapComponent p.explanation { position: absolute; width: 650px; height: 33px; top: 5px; right: 5px; background: #F5F2ED; margin: 0; padding: 5px; color: #FD8318; font-weight: bold; line-height: 17px; }
.OzExPassMapComponent div.map { height: 575px; width: 575px; margin: 0 5px 10px 10px; border: 10px solid white; }
.OzExPassMapComponent div.mapHolder { float: left; }
.OzExPassMapComponent div.info { float: left; width: 361px; overflow: hidden; }
.OzExPassMapComponent .previous, .OzExPassMapComponent .next { color: black; padding: 2px 6px; background: #F5F2ED; text-decoration: none; font-weight: bold; }
.OzExPassMapComponent .previous { float: left; }
.OzExPassMapComponent .next { float: right; }
.OzExPassMapComponent ul.itineraryItems { clear: both; margin: 0; padding: 0; }
.OzExPassMapComponent li.XEDestination { padding-top: 10px; list-style-type: none; background: none; }
.OzExPassMapComponent li h3 { margin: 0; font-size: 32px; line-height: 32px; }
.OzExPassMapComponent .Location { position: relative; height: 345px; }
.OzExPassMapComponent .Location div.mapHolder { float: none; position: absolute; top: 0; right: 0; width: 160px; z-index: 20; border: 12px solid #ECE6DD; }
.OzExPassMapComponent .Location div.map { width: 100%; height: 300px; margin: 0; border: none; overflow: hidden; }
.OzExPassMapComponent .Location .control { position: absolute; bottom: 0; right: 0; }
.OzExPassMapComponent .Location .overlay { position: absolute; z-index: 21; }
.OzExPassMapComponent .Location .ne { top: -12px; right: -12px; }
.OzExPassMapComponent .Location .se { bottom: -12px; right: -12px; }
.OzExPassMapComponent .Location .sw { bottom: -12px; left: -12px; }
.OzExPassMapComponent .Location .nw { top: -12px; left: -12px; }
.travelPlannerTab ul li {
float: left;
list-style: none;
}
.OzExBookNowComponent { margin-bottom: 25px; }
.OzExBookNowComponent ul { margin: 0; padding: 0; }
.OzExBookNowComponent ul li { clear: both; margin: 0; background: url(../images/dots-small.gif) repeat-x top left; padding: 4px 0 0 0; list-style-type: none; min-height: 25px; line-height: 25px; }
.OzExBookNowComponent ul li label { padding-right: 4px; }
.OzExBookNowComponent ul li label:after { content: ":"; }
.OzExBookNowComponent label { color:black; font-size:15px; font-weight: bold; }
.OzExBookNowComponent span { color: #FD8318; font-size: 12px; font-weight: bold; font-style: normal; line-height: 16px; }
.OzExBookNowComponent h4 { margin-top: 20px; }
#wiki { }
.WikiComponent { background: #ECE6DD; overflow: hidden; min-height: 608px; }
.WikiComponent .header { height: 60px; position: relative; }
.WikiComponent .header h3 { color: black; font-size: 28px; line-height: 28px; margin: 5px 10px; width: 300px }
.WikiComponent .header h3.sIFR-replaced { height: 70px; overflow: hidden; }
.WikiComponent h2 { font-size: 18px; }
.WikiComponent p.explanation { position: absolute; width: 400px; height: 45px; top: 5px; right: 10px; background: #F5F2ED; margin: 0; padding: 5px; color: #FD8318; font-weight: bold; line-height: 17px; }
.WikiComponent p.explanation a { text-decoration: underline; }
.WikiComponent .wikiContent { background: white; margin: 10px; padding: 10px; min-height: 606px; }
.WikiComponent ul { margin: 10px 0pt 10px 16px; }
.WikiComponent ul li { list-style-type: disc; padding: 5px 0 5px 2px; line-height: 16px; }
.WikiComponent a.new { display: none; }
/*.WikiComponent .editsection a { display: inline; }*/
.YoutubeChromelessComponent { width: 375px; height: 303px; position: relative; }
.YoutubeChromelessComponent a:focus, .YoutubeChromelessComponent a:active { width: 0; height: 0; }
.YoutubeChromelessComponent h5 { color: white; font-family: Trebuchet MS, Arial; font-size: 14px; position: absolute; top: 20px; left: 20px; margin: 0; }
.YoutubeChromelessComponent .controls { width: 375px; height: 42px; position: absolute; top: 0; left: 0; z-index: 9; }
.YoutubeChromelessComponent .controls ul { margin: 0; padding: 0; position: absolute; top: 20px; right: 25px; }
.YoutubeChromelessComponent .controls ul li { float: left; list-style-type: none; margin: 0 5px; padding: 0; }
.YoutubeChromelessComponent .controls .playButton { position: absolute; top: 118px; left: 150px; width: 75px; height: 50px; background: transparent; }
.YoutubeChromelessComponent .controls-bg { background: url(../images/controls-bg.png) no-repeat; width: 375px; height: 42px; position: absolute; top: 0; left: 0; z-index: 6; }
.YoutubeChromelessComponent .video { position: absolute; top: 10px; left: 10px; }
.YoutubeChromelessComponent .overlay { width: 375px; height: 303px; position: absolute; top: 0; left: 0; background: url(../images/big-speech.png) no-repeat; z-index: 8; }
.OzExSpeechBubbleComponent { width: 375px; height: 266px; position: relative; }
.OzExSpeechBubbleComponent .overlay { position: absolute; top: 0; left: 0; z-index: 8; width: 375px; height: 266px; background: url(../images/small-speech-light.png); }
.OzExSpeechBubbleComponent .container { position: absolute; top: 213px; left: 85px; z-index: 11; }
.OzExSpeechBubbleComponent img { display: none; }
.OzExSpeechBubbleComponent p { margin: 0; font-size: 13px; color: #858585; line-height: 18px; }
#Home-template .OzExSpeechBubbleComponent p { line-height: 15px; }
.FlickrComponent { }
.FlickrComponent h2 { margin: 20px 0 0 0; clear: both; }
.FlickrComponent ul { margin: 0; padding: 0px; }
.FlickrComponent ul li { list-style-type: none; margin: 0; padding: 1px; float: left; line-height: 10px; }
.column .FlickrComponent { }
.column .FlickrComponent h2 { display: none; }
.column .FlickrComponent ul { margin: 0; padding: 0; height: 174px; overflow: hidden; }
.column .FlickrComponent ul li { float: left; margin: 0 1px 1px 0; list-style-type: none; padding: 0; }
.column .FlickrComponent ul li a { display: block; position: relative; width: 57px; height: 57px; }
.column .FlickrComponent ul li a img { width: 57px; height: 57px; position: absolute; }
.column .FlickrComponent ul li a:hover img { width: 75px; height: 75px; top: -9px; left: -9px; }
#fullwidth .FlickrComponent { }
#fullwidth .FlickrComponent h2 { color: #000000; line-height: 16px; font-size: 16px; }
#fullwidth .FlickrComponent ul { margin: 0 2px; padding: 0; height: 135px; overflow: hidden; }
#fullwidth .FlickrComponent ul li { float: left; margin: 0 6px 0 0; list-style-type: none; padding: 0; }
#fullwidth .FlickrComponent ul li img { margin-bottom: 6px; }
.FormComponent { clear: both; }
.photo { background: url(../images/photobg.gif) no-repeat top left; padding-top: 10px; margin-bottom: 10px; }
.photo .XEComponentHTML { background: url(../images/photobg.gif) no-repeat bottom left; padding: 0 11px 5px 11px; font-size: 10px; color: #858585; text-transform: uppercase; line-height: 30px; }
.photo .XEComponentHTML p { margin: 0; }
.photo .XEComponentHTML img { display: block; margin: 2px 0; float: none; }
#modal_container { width: 231px; }
#modal_container .top { background: url(../images/tip-top.png) no-repeat top left; height: 18px; }
#modal_container .body { background: #ECE6DD; padding: 0 14px; }
#modal_container .bottom { background: url(../images/tip-bottom.png) no-repeat bottom left; height: 42px; }
#modal_container #Register .close { display: block !important; }
#modal_overlay { background-color: #000; }
#modal_container { }
.loginDialog { padding: 26px 30px 39px 20px; background: url(../images/popup.png) no-repeat; overflow: hidden; }
.loginDialog.right { background: url(../images/popup-right.png) no-repeat; }
.loginDialog .welcome { float: left; width: 200px; padding-right: 20px; }
.loginDialog form { float: left; width: 280px; }
.loginDialog form fieldset ul { margin: 0px; list-style-image: none; list-style-position: outside; list-style-type: none; }
.loginDialog form fieldset li { clear: left; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 3px 0px 0px 0px; margin: 0; }
.loginDialog span { clear: both; min-height: 1px; }
.loginDialog label { font-size: 12px; width: 125px; float: left; font-weight: bold; }
.loginDialog input,
.loginDialog textarea,
.loginDialog select { background: #E4DDD1; padding: 1px 0px; width: 155px; height: 20px; border: 0; float: left; }
.loginDialog .close { position: absolute; bottom: 43px; right: 24px; }
.loginDialog .action { float: right; width: 100px; cursor: pointer; }
.loginDialog .mandatory { font-size: 10px; text-align: right; margin-bottom: -8px; }
#bookmarks { }
#bookmarks a { padding-left: 20px; }
#bookmarks li.delicious a { background: transparent url(../images/bookmarks/delicious.png) no-repeat top left; }
#bookmarks li.newsvine a { background: transparent url(../images/bookmarks/newsvine.png) no-repeat top left; }
#bookmarks li.digg a { background: transparent url(../images/bookmarks/digg.png) no-repeat top left; }
#bookmarks li.furl a { background: transparent url(../images/bookmarks/furl.png) no-repeat top left; }
#bookmarks li.reddit a { background: transparent url(../images/bookmarks/reddit.png) no-repeat top left; }
#bookmarks li.technorati a { background: transparent url(../images/bookmarks/technorati.png) no-repeat top left; }
#bookmarks li.stumbleupon a { background: transparent url(../images/bookmarks/stumbleupon.png) no-repeat top left; }
#bookmarks li.yahoo a { background: transparent url(../images/bookmarks/yahoo.png) no-repeat top left; }
#bookmarks li.facebook a { background: transparent url(../images/bookmarks/facebook.gif) no-repeat top left; }
.OzExPassSearchComponent { background: #ECE6DD; width: 976px; height: 808px; }
.OzExPassSearchComponent .header { height: 53px; position: relative; }
.OzExPassSearchComponent h3 { color: black; font-size: 42px; line-height: 42px; margin: 0 10px; }
.OzExPassSearchComponent p.explanation { position: absolute; width: 650px; height: 33px; top: 7px; right: 10px; background: #F5F2ED; margin: 0; padding: 5px; color: #FD8318; font-weight: bold; line-height: 17px; }
.OzExPassSearchComponent .view { position: relative; padding: 5px 10px 10px 10px; width: 956px; height: 740px; }
.OzExPassSearchComponent .map { height: 720px; border: 10px solid white; }
.OzExPassSearchComponent div.passes { background: url(../images/speech-bubble-map.png) no-repeat; width: 335px; height: 331px; padding: 20px; position: absolute; right: 26px; top: 20px; z-index: 9; }
.OzExPassSearchComponent div.passes h6 { margin: 0; }
.OzExPassSearchComponent div.passes a { color: black; }
.OzExPassSearchComponent div.passes a span { display: none; }
.OzExPassSearchComponent div.passes .loading { position: absolute; top: 15px; right: 15px; }
.OzExPassSearchComponent ul.passes { margin: 0; padding: 0; height: 275px; overflow: auto; }
.OzExPassSearchComponent ul.passes li { line-height: 17px; list-style-type: disc; margin-left: 20px; padding: 0 0 0 2px; }
.OzExPassSearchComponent .details { background: url(../images/map-details-bg.png) no-repeat; width: 355px; height: 285px; padding: 10px; position: absolute; right: 26px; bottom: 42px; z-index: 9; }
.OzExPassSearchComponent .details h2, .OzExPassSearchComponent .details h2 a { color: black; font-size: 16px; }
.OzExPassSearchComponent .details p { line-height: 19px; }
.OzExPassSearchComponent .details p.more-info { clear: both; margin: 0; background: url(../images/dots-small.gif) repeat-x top left; padding: 4px 0 0 0; list-style-type: none; min-height: 25px; line-height: 25px; }
.OzExPassSearchComponent .details .close { color: black; font-weight: bold; position: absolute; top: 15px; right: 11px; }
.OzExPassSearchComponent .details .booking { width: 170px; }
.OzExPassSearchComponent .details .booking ul { list-style-type: none; margin: 0; padding: 0; }
.OzExPassSearchComponent .details .booking li { list-style-type: none; }
.OzExPassSearchComponent .details .booking li.price { }
.OzExPassSearchComponent .details .booking li.levy { }
.OzExPassSearchComponent .details .booking li.book { }
.OzExPassSearchComponent .details .booking li.timetable { }
.OzExPassSearchComponent .details .booking li.plan { }
.OzExPassSearchComponent .details .description { height: 250px; width: 170px; overflow: auto; position: absolute; bottom: 10px; right: 10px; padding-right: 5px; }
.SwuzzlebucketComponent { padding-bottom: 8px; }
.SwuzzlebucketComponent img { margin: 2px 0 4px; }
.SwuzzlebucketComponent p { text-align: center; }
.HistoryComponent ul { margin: 0; }
.HistoryComponent li { background: url(../images/dots-small.gif) repeat-x scroll center top; list-style-type: none; }
.map-area .sidebar { width: 200px; float: left; }
.map-area .content { width: 600px; float: left; }
.map-area #map { height: 500px; }
#WikiToolbar a { cursor: pointer; cursor: hand; }
#Register .close { display: none; }
/* Golden Backpacks Awards */
#golden-bakcpacks {margin: 20px 0; overflow: hidden;}
#golden-bakcpacks img {float:left;}
#golden-bakcpacks p {font-weight: 700 !important; margin-bottom:5px !important;}