body{ font: normal normal 78%/normal verdana,helvetica,arial,sans-serif; text-align: center; background: #FBEEE6; margin: 0; border: 0; padding: 0; } .left{ float: left; margin: 0.5%; } .right{ float: right; margin: 0.5%; margin-right: 0; } .clear{ clear: both; } .clear hr{ width: 95%; } .noclear{ clear: none; } .textCenter{ text-align: center; } .textRight{ text-align: right; } .textLeft{ text-align: left; } .underline{ text-decoration: underline; } .textMenu{ width: 98%; text-align: center; margin: 1em 0 1em 0; clear: both; } .error{ color: red; font-weight: bold; display: block; } .center{ display: block; width: 470px; position: relative; left: 50%; margin-left:-235px; } .smallText{ font-size: 0.8em !important; } .noDisplay{ visibility:hidden; display:none; } #content .inline{ display: inline; } #mainContainer{ width: 770px; margin: auto; background: #fff; margin-top: 1px; padding-top: 0; border: 1px solid #FBEEE6; } #header{ width: 100%; margin-bottom: 2px; margin-top: 1px; padding-top: 0; border-bottom: 1px solid #87878C; float: right; background: #fff; } h1{ float: left; font-size: 0.1em; color: #fff; width: 160px; height: 50px; background: #fff url(/images/voyages_title.gif); margin: 3px 0 0 3px; } h2{ color: #4A4A52; font-size: 1.3em; font-family: arial, verdana, sans-serif; margin: 0; border: 0; padding: 0; } h3{ font-size: 1.3em; color: #4A4A52; font-weight: normal; margin: 0 0 1em 0; } h4, h5{ margin-top: 1em; margin-bottom: 1.5em; font-size: 1em; } h6{ margin-top: 1em; font-size: 0.9em; padding-bottom: 0; margin-bottom: 0; } img{ margin: 0; border: 0; padding: 0; } #header *{ margin: 0; border: 0; padding: 0; } #header form{ float: right; margin-top: 5px; } #header form label{ display: block; background: url(/images/txt_search.gif) no-repeat top left; font-size: 0.1em; width: 158px; height: 8px; color: #fff; text-align: right; margin-top: 6px; margin-left: 3px; } #header form input{ font-size: 11px; padding: 2px; float: left; margin-top: 3px; } #header form div{ border: 1px solid #B3B8B3; height: 20px; width: 142px; margin: 3px; margin-right: 10px; } #mainNav { margin: 0 auto; width: 99%; height: 24px; background: #fff; padding-bottom: 4px; font-size: 12px; margin-top: -3px; padding-bottom: 1em; float: left; clear: both; } #mainNav a, #mainNav a:link, #mainNav a:visited { position: relative; height: 20px; line-height: 19px; display: block; float: left; clear: none; color: #000; border-top: 4px solid #fff; border-right: 1px solid #fff; text-align: left; vertical-align: top; text-decoration: none; font-size: 0.1em; padding: 3px; } #mainNav a#home { background: url(/images/mainnav_home.gif) no-repeat bottom left; width: 10%; color: #fff; padding-left: 3em; margin-right: 0.3%; border-left: 15px #fff solid; } #mainNav a#nav_resorts { background: url(/images/mainnav_resorts.gif) no-repeat bottom left; width: 10%; color: #fff; padding-right: 4%; } #mainNav a#nav_experiences { background: url(/images/mainnav_experiences.gif) no-repeat bottom left; width: 10%; color: #fff; padding-right: 6%; } #mainNav a#nav_spas { background: url(/images/mainnav_spas.gif) no-repeat bottom left; width: 10%; color: #fff; } #mainNav a#nav_weddings { background: url(/images/mainnav_weddings.gif) no-repeat bottom left; width: 10%; color: #fff; padding-right: 3%; } #mainNav a#nav_conferences { background: url(/images/mainnav_conferences.gif) no-repeat bottom left; width: 10%; color: #fff; padding-right: 5%; } #mainNav a#nav_about { background: url(/images/mainnav_corporate.gif) no-repeat bottom left; width: 10%; color: #fff; } #mainNav a:active, #mainNav a:hover, #mainNav a.active, #mainNav a.active:link, #mainNav a.active:visited, #mainNav a.active:active, #mainNav a.active:hover, #mainNav a.current, #mainNav a.current:link, #mainNav a.current:visited, #mainNav a.current:active, #mainNav a.current:hover { background: #fff; } #mainNav a.current, #mainNav a.current:link, #mainNav a.current:visited { border-top-color: #3ABDE4; } #mainNav a.current:active, #mainNav a.current:hover { border-top-color: #7BD3EC; } #mainNav .submenu { position: absolute; top: 73px; left: 20px; visibility: hidden; z-index: 5000; background: #fff; color: #000; margin: 10px; margin-left: -4px; margin-top: 7px; } #mainNav .submenu a, #mainNav .submenu a:link, #mainNav .submenu a:visited { height: auto; display: block; float: none; line-height: normal; border-width: 0; padding: 3px 5px 2px 5px; text-align: left; background: #fff url(/images/bg_nav_div.gif) repeat-x; font-size: 0.8em; color: #000; } #mainNav .submenu a:active, #mainNav .submenu a:hover { background-color: #FBEEE6; color: #115a89; color: #000; } #ContentSection{ float:right; text-align: left; background: #fff; width: 76%; border-top: 1em solid #fff; margin-bottom: 10px; } #content{ margin: 0; width: 68.5%; padding: 0; background: #fff; } #level2 #content, #bookingScreen #content, #bookingScreen #ContentSection{ width: 99%; } #content p{ margin-top: 0; margin-bottom: 2em; font-size: 1em; line-height: 1.4em; } #content table{ margin-top: 0; } #content a img{ margin-bottom: 0.3em; } #content a:link{ color: #873904; } #content a:visited{ color: #C05005; } #content a:hover{ text-decoration: none; } #content a img.factsheet{ float: left; margin-right: 3px; margin-left: 2em; } #content a img.factsheetIndented{ float: left; margin-right: 3px; margin-left: 3em; } body #ContentSection #content a.hid{ position: absolute; bottom: 0; right: 0; } #leftColumn{ float: left; width: 171px; margin: 0; padding: 0; background: #fff; } #leftColumn ul{ list-style-type: none; text-align: left; padding: 0; margin: 4px; margin-top: 8px; width: 151px; } #leftColumn ul li{ margin: 0; padding: 0; background: #D45500; } #leftColumn ul li.divider{ background: #fff; } #leftColumn ul li a{ display: block; text-decoration: none; color: #fff; width: 100%; font-size: 11px; padding: 5px 11px 5px 10px; background: #D45500; border-top: 1px solid #E9AA7F; } #leftColumn ul ul{ margin: 0; border: 0; padding: 0; background: #D45500; } #leftColumn ul ul li{ margin-top: -1px; } #leftColumn ul ul li a{ border: 0; background: #D45500; margin: 0; padding-left: 35px; width: 126px; } #leftColumn ul ul ul{ margin: 0; border: 0; padding: 0; } #leftColumn ul ul ul li a{ background: #D45500; padding-left: 55px; width: 106px; } #leftColumn ul li a:hover, #leftColumn ul li a.current{ background: #F46200; } #leftColumn ul ul li a:hover{ background: #F46200; } #leftColumn ul ul ul li a:hover{ background: #F46200; } #subscribeBox *{ margin: 0; border: 0; padding: 0; } #subscribeBox{ margin-top: 15px; background: #BFD5E6; padding: 9px; margin-left: 4px; font-size: 11px; border: 1px solid #B3B8B3; width: 85%; } #subscribeBox h5{ font-size: 11px; font-family: arial, verdana, sans-serif; } #subscribeBox form input{ font-size: 11px; padding: 2px; float: left; margin-top: 3px; } #subscribeBox form div{ border: 1px solid #B3B8B3; height: 20px; width: 142px; margin: 3px; margin-right: 5px; background: #fff; } #rightColumn{ width: 173px; float:right; text-align: right; margin: 0; padding: 0; padding-right: 5px; } #rightColumn p{ margin-bottom: 1em; margin-top: 0; } #rightColumn .logo{ height: 100%; margin-top: 2em; } #rightColumn .promoBox{ width: 171px; } #rightColumn .promoBox a img{ margin: 0; padding-bottom: 0.4em; display: block; } #rightColumn .promoBox a{ background: #E9AA7F url(/images/odyssey/arrow.gif) no-repeat bottom right; text-decoration: none; font-size: 83%; color: #4A4A52; text-align: left; display: block; border-bottom: #D45500 3px solid; width: 154px; padding: 9px; padding-bottom: 5px; } #rightColumn .last a{ border: 0; margin-bottom: 0.5em; } #rightColumn .noArrow a{ background: #E9AA7F; } #rightColumn .promoBox a:hover{ background: #EFC0A0 url(/images/odyssey/arrow.gif) no-repeat bottom right; } #rightColumn .noArrow a:hover{ background: #EFC0A0; } #homepageImages{ float: right; margin: 10px 0 -70px 0; } #homepageImages #image1{ float:left; } #homepageImages #image2{ position:relative; float:left; left: -52px; top: 80px; } #homepageImages #image3{ position:relative; float:left; left: -45px; } #homepageImages #image4{ position:relative; float:left; left: -40px; } #homepageImages #image5{ position:relative; float:right; top: -78px; left: -7px; } #content .photoThumbnail *{ margin: 0; } #content .photoThumbnail { padding: 5px; margin: 10px; width: 173px; clear: both; border: 1px solid #EFC0A0; float: right; margin-right: 0; background: #fff; } #content .photoThumbnail dfn { font-style: normal; font-size: 0.9em; line-height: 1.3em; color: #873904; } #content .photoThumbnail a img{ margin-right: 2px; } table{ margin: 2.5em 0.1em 2.5em 0.1em; } th, #ContentSection #content table th a{ border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 0.3em; color: #000; background: #fff; } td{ padding: 0.3em; vertical-align: top; } td.w25, th.w25{ width: 25%; } td.w33, th.w33{ width: 33.3%; } td.w50, th.w50{ width: 50%; } td.w40, th.w40{ width: 40%; } td.even, tr.even{ background: #FDF8F4; } #content table.productTable{ width: 200px; float: right; } #content table.productTable input{ width: 100px; margin: 0; } #content .productImage { padding: 5px; margin: 10px; width: 173px; clear: both; border: 1px solid #EFC0A0; float: left; margin-right: 0; background: #fff; } #content div.divider hr, #content div.fatdivider hr, #content div.fatreddivider hr { display: none; } #content div.divider { height: 1px; padding: 0; margin: 10px 0; background-image: url(/images/odyssey/gr_dotted_div.gif); } #content div.fatdivider{ height: 5px; width: 582px; margin-bottom: 5%; background: #D45500; } #content div.fatreddivider{ height: 5px; width: 582px; margin-bottom: 5%; background: #CC0000; } #content ul{ margin-left: 20px; list-style-type: none; } #content ul li{ background: transparent url(/images/odyssey/gr_square.gif) no-repeat 0 8px; padding: 3px; padding-left: 15px; } #content form h5{ width: 96%; padding: 5px; background: #EFC0A0; } #content form h6{ margin-bottom: 1em; } #content form input, #content form textarea, #content form select, #content form label, #content form .formButton{ margin-left: 5em; display: block; } #content form table tr td *{ display: inline; margin: 0; padding: 0; border: 0; } #content form table tr td input{ border: 1px solid #CCC; padding: 2px; } #content form input.checkbox{ border: 0; } #content form table tr td{ margin: 10px; } #content form input.radio{ display: inline; } #content form label p.radioLabel{ width: 70%; float: left; } #content form input.formButton{ margin-top: 1em; margin-right: 3em; float: right; clear: both; } #content form label{ margin-bottom: 1em; } #content form span.note{ color: #4A4A52; font-size: 0.8em; } #content form fieldset{ display: block; padding: 10px; width: 90%; margin-left: 3%; border: 1px solid #D45500; } #content form fieldset legend{ margin-bottom: 10px; font-weight: bold; } #content form fieldset table label{ display: block; } #content form fieldset label.checkbox, #content form fieldset label.checkbox input, #content form fieldset table label.checkbox, #content form fieldset label.radio, #content form fieldset label.radio input{ display: inline; border: 0; } #content form fieldset input.formButton{ float: right; display: block; } #footer{ margin-bottom: 25px; } #footerNav{ width: 96.8%; padding: 1.5%; clear: both; font-size: 83%; border-top: 1px solid #87878C; background: #fff url(/images/voyages_small.gif) no-repeat top right; } #level2 #footerNav{ margin-top: 2em; } #footerNav a:link, #footerNav a:visited{ margin: 0.5em; color: #4A4A52; } #footerNav a:hover{ color: #27272C; text-decoration: none; } #footerText{ width: 720px; text-align: center; margin: auto; font-size: 83%; padding: 2em; } ol { list-style-type: decimal; } .NavigationLink *{ margin:0; padding:0; border:0; } .NavigationLink{ background: #FDF8F4; padding: 3px; width: 90%; border: 1px solid #D45500; margin: auto; text-align: center; margin-bottom: 10px; } #content .NavigationLink p{ padding: 4px; text-align: left; margin: 0; } #content .NavigationLink p.right{ padding: 0; margin: 0; } #content .NavigationLink img{ padding: 1px; } #content .NavigationLink h4{ background: #F46200; padding: 2px 5px 2px 5px; color: #fff; font-size: 12px; text-align: left; margin-bottom: 0; } #content .NavigationLink .link{ background: #F46200; padding: 2px 5px 2px 5px; clear: both; text-align: right; margin: 0; } #content .NavigationLink .link a{ color: #fff; font-weight: bold; font-size: 11px; line-height: 13px; margin: 0; } #content .NavigationLink .link a:hover{ color: #fff; text-decoration: none; } blockquote{ margin-left: 0; font-size: 1.4em; color: #4A4A52; } #content .inlineThumbnail *{ border: 0; padding: 0; margin: 0; } #content .inlineThumbnail { border: 1px solid #EFC0A0; width: 140px; height: auto; float: left; clear: none; margin: 6px; padding: 4px; } body #content .vrNode{ width: 130px; height: 120px; } #content .inlineThumbnail dfn { color: #D45500; font-style: normal; font-size: 0.9em; display: block; } #content .inlineThumbnail dfn a, #rightColumn .photoThumbnail dfn a:link { color: #D45500; } #content .inlineThumbnail dfn a:active, #rightColumn .photoThumbnail dfn a:hover, #rightColumn .photoThumbnail dfn a:visited { color: #D45500; } #homepage h2{ position: relative; top: -10px; margin-bottom: -10px; width: 300px; height: 15px; background: url(/images/homepage/revive_your_wonder.gif) top left no-repeat; color: #fff; font-size: 0.1em; text-align: right; } #homepage #ContentSection{ width: 99%; } #homepage #content{ width: 570px; } #homepageNav{ margin: 0; margin-top: -5px; float: right; margin-bottom: -350px; width: 100%; } #homepageNav a img{ display: block; margin: 0; padding: 4px; } #homepageNav #daintreeMenu{ float: right; position: relative; left: -58px; height: 70px; top:13px; } #homepageNav #daintreeMenuItems{ position: relative; top: -55px; left: 67px; } #homepageNav #IslandsMenu{ float: right; position: relative; top: -290px; left: -87px; width: 106px; z-index: 10; } #homepageNav #OutbackQldMenu{ position: relative; top: -76px; left: 170px; width: 135px; } #homepageNav #OutbackQldMenuItems{ position: relative; top: -82px; } #homepageNav #RedCentreMenu{ position: relative; top: -225px; left: 100px; width: 139px; } #homepageNav #RedCentreMenuItems{ background: #fff; } #homepageNav #kimberleyMenu{ position: relative; top: 7px; left: 101px; width: 176px; margin-bottom: -14px; } #homepageNav #kimberleyMenuItems{ position: relative; top: -96px; left: 2px; width: 176px; } #homepageNav #TasmaniaMenu{ position: relative; top: -371px; left: 309px; width: 150px; z-index: 1; } #homepageNav #TasmaniaMenuItems{ background: #fff; } #homepageNav #image1{ float: left; position: relative; top: -90px; left: 36px; } #homepageNav #image2{ position: relative; top: -155px; left: 183px; } #homepage #rightColumn .promoBox a{ background: #F3CE7F url(/images/homepage/arrow.gif) no-repeat bottom right; border-bottom: #EEB847 3px solid; } #homepage #rightColumn .noArrow a{ background: #F3CE7F; } #homepage #rightColumn .promoBox a:hover{ background: #F8DFAB url(/images/homepage/arrow.gif) no-repeat bottom right; } #homepage #rightColumn .noArrow a:hover{ background: #F8DFAB; } #content .searchResult h5{ color: #000; font-weight: normal; font-size: 1em; margin-bottom: 0; } #content .searchResult h5 a{ color: blue; font-weight: normal; } #content .searchResult p{ margin-top: 0; margin-bottom: 0; text-decoration: none; color: #000; } #content .searchResult .description{ font-size: 0.9em; display: block; text-decoration: none; color: #000; } #content .searchResult p.description span{ color: #6f6f6f; } #content .searchResult .url{ color: #008000; display: block; text-decoration: none; } #content .topsearchResult, #content .topsearchResult:visited{ background: #e5ecf9; padding: 2px 4px 4px 4px; display: block; color: blue; font-size: 1em; } #content .topsearchResult:hover{ background: #ECF1FB; } #content #callsToAction{ margin-top: 20px; padding-top: 20px; width: 100%; clear: both; } #content #callsToAction a{ width: 22%; display:block; float: left; padding: 25px; padding-top: 0; padding-bottom: 6px; margin: 0; text-align: center; background: #FFF3EC; margin-right: 10px; } #content #callsToAction a img{ position: relative; top: 8px; left: -2px; margin-top: -2px; padding: 0; } #content .promoPricing{ float: right; background: #D45500; width: 200px; padding: 5px 10px 5px 10px; margin-top: 12px; color: #fff; } #content .promoPricing p{ margin: 0; padding: 0; border-bottom: 1px solid #fff; } #content .promoPricing p.price { line-height: 90px; } #content .promoPricing p.price strong{ font-size: 35px; font-weight: bold; } #content .bookNow { width: 180px; float: right; clear: right; font-size: 16px; font-weight: bold; margin: 10px 3px 10px 0; } #content .bookNow a{ float: right; } img.hwad{ padding: 3px; margin: 3px; border: 1px solid #EFC0A0; } .standout{ color: #002448; padding: 1% 2% 1% 2%; } #content .styledTextMenu ul{ margin-top: 2%; } #content .styledTextMenu ul li{ border-right: 1px solid #000; color: #000; float: left; line-height: 10px; margin: 2px; background: #fff; } #content .styledTextMenu ul li a{ padding-right: 7px; margin-left: -5px; } #content .styledTextMenu a.active{ text-decoration: none; color: #000; font-weight: bold; } #content #imageLibrary{ margin-left: 5%; } #content #imageLibrary table{ border: 1px solid #EFC0A0; text-align: center; } #content #imageLibrary table table{ border: 0; } body #ContentSection #content .indent{ margin-left: 5%; } body #ContentSection #content .box{ display: block; border: 2px solid #2B97BA; padding:2%; background: #BFD5E6; color: #14495A; margin-top: 4%; margin-bottom: 2%; float: left; } .red, * .red{ color: #D46A40; } .blue, * .blue{ color: #5691CE; } #content .smallnotes { font-size: 0.8em; font-weight:normal; } #content .pricing-selection-box, #content .pricing-selection-box * { margin:0; padding:0; } #content .pricing-selection-box { border: 1px solid #D45500; width:29.5%; padding:2px; font-size:0.9em; min-height:17em; float:left; margin:1%; padding-bottom:5px; } #content .pricing-selection-box { height:expression( this.scrollHeight < 170? "170px" : "auto" ); } #content .pricing-selection-box h4 { background: #D45500; padding: 4px 2px; margin:0; color:#fff; } #content .pricing-selection-box p { padding: 0.5%; margin-bottom: 0.8em; } #content .pricing-selection-box ul { background:#fff; list-style-type:none; } #content .pricing-selection-box ul li { background:#fff; } #content .pricing-selection-box a { display:block; padding:0 0 0 33px; margin:10px 0 0; background:#fff url(/images/calendar.gif) top left no-repeat; } #ContentSection #content th.islands { background: #809FCF; color: #fff; padding: 3px; font-size: 1.2em; } #ContentSection #content th.islands a{ border: 0; font-weight: normal; background: #809FCF; font-size: 0.7em; color: #fff; } #ContentSection #content td.islands{ background: #F4F7FB; padding: 3px; } #ContentSection #content th.alpine { background: #88A393; color: #fff; padding: 3px; font-size: 1.2em; } #ContentSection #content th.alpine a{ border: 0; font-weight: normal; background: #88A393; font-size: 0.7em; color: #fff; } #ContentSection #content td.alpine{ background: #F3F5F4; padding: 3px; } #ContentSection #content th.rainforest { background: #5FA841; color: #fff; padding: 3px; font-size: 1.2em; } #ContentSection #content th.rainforest a{ border: 0; font-weight: normal; background: #5FA841; font-size: 0.7em; color: #fff; } #ContentSection #content td.rainforest{ background: #F7FBF4; padding: 3px; } #ContentSection #content th.outback { background: #C57224; color: #fff; padding: 3px; font-size: 1.2em; } #ContentSection #content th.outback a{ border: 0; font-weight: normal; background: #C57224; font-size: 0.7em; color: #fff; } #ContentSection #content td.outback{ background: #FDF9F4; padding: 3px; } #ContentSection #content th.islands.withimages { background: #809FCF url(/images/pastguest/islands.jpg) bottom left repeat-x; padding-bottom: 32px; } #ContentSection #content th.alpine.withimages { background: #88A393 url(/images/pastguest/alpine.jpg) bottom left repeat-x; padding-bottom: 32px;} #ContentSection #content th.rainforest.withimages { background: #5FA841 url(/images/pastguest/rainforest.jpg) bottom left repeat-x; padding-bottom: 32px; } #ContentSection #content th.outback.withimages { background: #C57224 url(/images/pastguest/outback.jpg) bottom left repeat-x; padding-bottom: 32px; }