/* * The below is for styles only relavaent to the MyFun.com.au homepage * Inlcudes Styles for the Nav for myfun.com.au homepage. * All styles relavent to this page (excluding glabal footer) should appear below * * Last Updated 10/06/2010 * Author: GF */ /*********************************************************************************/ /* Main Layout CSS */ /*********************************************************************************/ #bgWrap { background:#048ed3 url(../img/myfuncomau/bg.jpg) center 0 repeat-y; } #container {background: url(../img/myfuncomau/bg_burst.jpg) center 0 no-repeat;} #site {margin:60px auto 0;} #header { padding:10px 0; float:left; width:100%;} #header h1 {margin:0; padding:0; float:left;} #header h2 {margin:24px 0 0 10px; padding:0; float:left; text-indent:-999em; width:588px; height:13px; background: url(../img/myfuncomau/header_tagline.png) 0 0 no-repeat;} /*********************************************************************************/ /* GlobalNav Top Bar */ /*********************************************************************************/ #globalNav {font-size:90%;} #globalNav a.superstoreBut {position:absolute; right:0; top:0; z-index:200; display:block; width:130px; height:39px; background: url(../img/globalNav/buyTix_but.png) 0 0 no-repeat;} #globalNav a.superstoreBut:hover {background-position:0 -39px;} #globalNav a.superstoreBut span {display:none;} #globalNav #topBar {background: url(../img/globalNav/topBar_bg.jpg) repeat-x 0 bottom; height:2em; position:relative; z-index:200; } #globalNav #topBar .headerWrap {width:960px; margin:0 auto; text-align:left; background: url(../img/globalNav/topBar_middle_bg.jpg) no-repeat center bottom; height:2em;} #globalNav #topBar .leftNav {position:absolute; left:0px; top:0.1em;} #globalNav #topBar .rightNav {position:absolute; right:130px; top:0.2em; z-index:20;} #globalNav #topBar ul {margin:0; padding:0; list-style:none;} #globalNav #topBar ul li {margin:0; padding:0; display:inline; padding:0 5px; border-right:1px solid #fff; position:relative; } #globalNav #topBar ul li.last { border:none;} #globalNav #topBar ul li a {color:#fff; text-decoration:none;} #globalNav #topBar ul li a:hover {color:#fff; text-decoration:underline;} #globalNav #topBar .leftNav li a {padding:0 0.8em; background:#999 url(../img/globalNav/topBar_butBG.jpg) 0 center repeat-x; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #d0d0d0; line-height:1.5em; height:1.5em; display:inline; } #globalNav #topBar .leftNav li a:hover {background:#747474; text-decoration:none;} /*********************************************************************************/ /* DropDown Select Box Styling */ /*********************************************************************************/ .dd {text-align:center; float:left; width:120px!important; padding-left:13px;} .dd .ddTitle {background:#f2f2f2; border:1px solid #c3c3c3; -moz-border-radius:4px; -webkit-border-radius:4px; padding:1px 4px; text-indent:0; cursor:default; overflow-x:hidden; height:auto; text-align:center;} .dd .ddTitle span.arrow {background:url(../img/globalNav/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block ;width:12px; height:12px; cursor:pointer;} .dd .ddTitle span.textTitle {text-indent:1px; /*overflow:hidden;*/ line-height:1.2em; padding-right:0;} .dd .ddTitle img.selected {padding:0 3px 0 0; vertical-align:top;} .dd .ddChild {position:absolute; border:1px solid #c3c3c3; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; width:120px!important; background-color:#ffffff; top:18px; left:13px;} .dd .ddChild .opta a, .dd .ddChild .opta a:visited {} .dd .ddChild a {display:block; padding:2px 3px !important; text-decoration:none; color:#000; overflow:hidden; white-space:nowrap; cursor:pointer;} .dd .ddChild a:hover {background:#ccc;} .dd .ddChild a.selected {background:#ccc;} /*********************************************************************************/ /* Home Nav Attractions Scroller */ /*********************************************************************************/ #regionSelect { position:absolute; left:50%; top:0; margin-left:-73px; background:url(../img/globalNav/parkSelect_bg.png) 0 bottom no-repeat; width:146px; text-align:center; height:3.2em; z-index:300; padding-top:0.1em;} #parkScroller {width:960px; position:absolute; top:2em; left:50%; margin-left:-480px; text-align:left; z-index:100;} .js-enabled #parkScroller {width:960px !important;} #parkScroller h2 {width:112px; height:50px; display:block; margin:0; padding:0; text-indent:-999em;} #parkScroller h2 a{width:112px; height:50px; display:block; margin:0; padding:0;} #parkScroller h2.movieworld a { background:url(../img/globalNav/movieworld.jpg) 0 0 no-repeat} #parkScroller h2.seaworld a {background:url(../img/globalNav/seaworld.jpg) 0 0 no-repeat} #parkScroller h2.seaworldresort a {background:url(../img/globalNav/seaworldresort.jpg) 0 0 no-repeat} #parkScroller h2.wetnwild {background:url(../img/globalNav/wetnwild.jpg) 0 0 no-repeat} #parkScroller h2.paradisecountry a {background:url(../img/globalNav/paradisecountry.jpg) 0 0 no-repeat} #parkScroller h2.outbackspectacular a {background:url(../img/globalNav/outbackspectacular.jpg) 0 0 no-repeat} #parkScroller h2.sydneytower a {background:url(../img/globalNav/sydneytower.jpg) 0 0 no-repeat} #parkScroller h2.sydneyaquarium a {background:url(../img/globalNav/sydneyaquarium.jpg) 0 0 no-repeat} #parkScroller h2.sydneywildlifeworld a {background:url(../img/globalNav/sydneywildlifeworld.jpg) 0 0 no-repeat} #parkScroller h2.ocenaworldmanly a {background:url(../img/globalNav/oceanworldmanly.jpg) 0 0 no-repeat} #parkScroller h2.melbourneaquarium a {background:url(../img/globalNav/melbourneaquarium.jpg) 0 0 no-repeat} #parkScroller h2.otwayfly a {background:url(../img/globalNav/OtwayFly.jpg) 0 0 no-repeat} #parkScroller h2.illawarrafly a {background:url(../img/globalNav/illawarrafly.jpg) 0 0 no-repeat} #parkScroller h2.phillipisland-np a {background:url(../img/globalNav/phillipisland-np.jpg) 0 0 no-repeat} #parkScroller h2.medibank-icehouse a {background:url(../img/globalNav/medibank-icehouse.jpg) 0 0 no-repeat} /* This
"jcarousel-container" is wrapped by jCarousel around the list*/ .jcarousel-container {position:relative;} .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative;} .jcarousel-list {z-index:1; /*overflow:hidden;*/ position: relative; top: 0; left: 0; margin: 0; padding: 0;} .jcarousel-list li, .jcarousel-item {float: left; list-style: none; /* width: 75px; height: 75px; */} /* The buttons are added dynamically by jCarousel*/ .jcarousel-next {z-index: 3; display: none;} .jcarousel-prev {z-index: 3;display: none;} #parkScroller .jcarousel-item-last h2 a {width:111px;} #parkScroller .jcarousel-item-1 h2 a {width:111px; background-position: right 0; margin-left:1px;} #parkScroller .parks-1 h2 a {width:110px; background-position: center 0;} #parkScroller .jcarousel-container-horizontal {width:894px; padding:0 33px;} #parkScroller .jcarousel-clip-horizontal {width:896px; margin:0 -1px; height:56px; background:url(../img/globalNav/parkScroller_bg.png) repeat-x 0 0;} #parkScroller .expand {height:400px;} #parkScroller .parks-7 {width:783px; padding:0 56px;} #parkScroller .parks-6 {width:671px; padding:0 112px;} #parkScroller .parks-5 {width:559px; padding:0 168px;} #parkScroller .parks-4 {width:447px; padding:0 224px;} #parkScroller .parks-3 {width:335px; padding:0 280px;} #parkScroller .parks-2 {width:223px; padding:0 336px;} #parkScroller .parks-1 {width:111px; padding:0 392px;} #parkScroller .jcarousel-item {width:112px; height:50px;} #parkScroller .jcarousel-item-placeholder {background:#fff; color:#000;} /** Buttons*/ #parkScroller .jcarousel-next-horizontal {position:absolute; top:0px; right: 0px; width: 33px; height: 56px; cursor: pointer; background: transparent url(../img/globalNav/next_arrow.png) no-repeat 0 0;} #parkScroller .jcarousel-next-horizontal:hover {background-position: 0 -56px;} #parkScroller .jcarousel-next-disabled-horizontal, #parkScroller .jcarousel-next-disabled-horizontal:hover, #parkScroller .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -112px; } #parkScroller .jcarousel-prev-horizontal {position:absolute; top:0px; left:0px; width:33px; height:56px; cursor: pointer; background: transparent url(../img/globalNav/prev_arrow.png) no-repeat 0 0;} #parkScroller .jcarousel-prev-horizontal:hover {background-position: 0 -56px;} #parkScroller .jcarousel-prev-disabled-horizontal, #parkScroller .jcarousel-prev-disabled-horizontal:hover, #parkScroller .jcarousel-prev-disabled-horizontal:active{ cursor: default; background-position: 0 -112px; } #parkScroller .noScroll, #parkScroller .noScroll:hover{cursor:default; background-position: 0 -112px;} /** Drop Down Boxes*/ ul#parksCarousel {margin:0; padding:0; height: 50px; overflow: hidden;} #parkScroller li {position:relative; float:left; list-style:none; margin:0; padding:0} #parkScroller span.dropArrow {display:block; width:300px; height:20px; background:url(../img/globalNav/parksDropArrow.png) 0 0 no-repeat; position:absolute; top:50px; left:6px; display:none;} #parkScroller div.desc {width:240px; background: url(../img/globalNav/homeNav_drop_bg.png) 0 bottom no-repeat; position:absolute; top:50px; left:0px; padding:20px 30px 25px 30px; display:none;} #parkScroller .flipDrop span.dropArrow {background:url(../img/globalNav/parksDropArrow2.png) 0 0 no-repeat; position:absolute; top:50px; right:-6px; left:auto;} #parkScroller .flipDrop div.desc {right:0; left:auto;} #parkScroller div.desc h3 { font-size:130%; margin:0; padding:0 0 0.5em 0; color:#0f85cb;} #parkScroller div.desc p {margin:0; padding:0 0 1em 0} #parkScroller div.desc .parkButtons {margin:0 -5px} #parkScroller div.desc .parkButtons a {float:left;} #parkScroller div.desc .parkButtons a.getTickets {float:right;} /*********************************************************************************/ /* Home Nav Attractions Scroller - Melbourne */ /*********************************************************************************/ #parkScrollerMelb {width:960px; position:absolute; top:2em; left:50%; margin-left:-480px; text-align:left; z-index:100;} .js-enabled #parkScrollerMelb {width:960px !important;} #parkScrollerMelb h2 {width:112px; height:50px; display:block; margin:0; padding:0; text-indent:-999em;} #parkScrollerMelb h2 a{width:112px; height:50px; display:block; margin:0; padding:0;} #parkScrollerMelb h2.movieworld a { background:url(../img/globalNav/movieworld.jpg) 0 0 no-repeat} #parkScrollerMelb h2.seaworld a {background:url(../img/globalNav/seaworld.jpg) 0 0 no-repeat} #parkScrollerMelb h2.seaworldresort a {background:url(../img/globalNav/seaworldresort.jpg) 0 0 no-repeat} #parkScrollerMelb h2.wetnwild {background:url(../img/globalNav/wetnwild.jpg) 0 0 no-repeat} #parkScrollerMelb h2.paradisecountry a {background:url(../img/globalNav/paradisecountry.jpg) 0 0 no-repeat} #parkScrollerMelb h2.outbackspectacular a {background:url(../img/globalNav/outbackspectacular.jpg) 0 0 no-repeat} #parkScrollerMelb h2.sydneytower a {background:url(../img/globalNav/sydneytower.jpg) 0 0 no-repeat} #parkScrollerMelb h2.sydneyaquarium a {background:url(../img/globalNav/sydneyaquarium.jpg) 0 0 no-repeat} #parkScrollerMelb h2.sydneywildlifeworld a {background:url(../img/globalNav/sydneywildlifeworld.jpg) 0 0 no-repeat} #parkScrollerMelb h2.ocenaworldmanly a {background:url(../img/globalNav/oceanworldmanly.jpg) 0 0 no-repeat} #parkScrollerMelb h2.melbourneaquarium a {background:url(../img/globalNav/melbourneaquarium.jpg) 0 0 no-repeat} #parkScrollerMelb h2.otwayfly a {background:url(../img/globalNav/OtwayFly.jpg) 0 0 no-repeat} #parkScrollerMelb h2.phillipisland-np a {background:url(../img/globalNav/phillipisland-np.jpg) 0 0 no-repeat} #parkScrollerMelb h2.medibank-icehouse a {background:url(../img/globalNav/medibank-icehouse.jpg) 0 0 no-repeat} #parkScrollerMelb .jcarousel-item-last h2 a {width:111px;} #parkScrollerMelb .jcarousel-item-1 h2 a {width:111px; background-position: right 0; margin-left:1px;} #parkScrollerMelb .parks-1 h2 a {width:110px; background-position: center 0;} #parkScrollerMelb .jcarousel-container-horizontal {width:894px; padding:0 33px;} #parkScrollerMelb .jcarousel-clip-horizontal {width:896px; margin:0 -1px; height:56px; background:url(../img/globalNav/parkScroller_bg.png) repeat-x 0 0;} #parkScrollerMelb .expand {height:400px;} #parkScrollerMelb .parks-7 {width:783px; padding:0 56px;} #parkScrollerMelb .parks-6 {width:671px; padding:0 112px;} #parkScrollerMelb .parks-5 {width:559px; padding:0 168px;} #parkScrollerMelb .parks-4 {width:447px; padding:0 224px;} #parkScrollerMelb .parks-3 {width:335px; padding:0 280px;} #parkScrollerMelb .parks-2 {width:223px; padding:0 336px;} #parkScrollerMelb .parks-1 {width:111px; padding:0 392px;} #parkScrollerMelb .jcarousel-item {width:112px; height:50px;} #parkScrollerMelb .jcarousel-item-placeholder {background:#fff; color:#000;} /** Buttons*/ #parkScrollerMelb .jcarousel-next-horizontal {position:absolute; top:0px; right: 0px; width: 33px; height: 56px; cursor: pointer; background: transparent url(../img/globalNav/next_arrow.png) no-repeat 0 0;} #parkScrollerMelb .jcarousel-next-horizontal:hover {background-position: 0 -56px;} #parkScrollerMelb .jcarousel-next-disabled-horizontal, #parkScrollerMelb .jcarousel-next-disabled-horizontal:hover, #parkScrollerMelb .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -112px; } #parkScrollerMelb .jcarousel-prev-horizontal {position:absolute; top:0px; left:0px; width:33px; height:56px; cursor: pointer; background: transparent url(../img/globalNav/prev_arrow.png) no-repeat 0 0;} #parkScrollerMelb .jcarousel-prev-horizontal:hover {background-position: 0 -56px;} #parkScrollerMelb .jcarousel-prev-disabled-horizontal, #parkScrollerMelb .jcarousel-prev-disabled-horizontal:hover, #parkScrollerMelb .jcarousel-prev-disabled-horizontal:active{ cursor: default; background-position: 0 -112px; } #parkScrollerMelb .noScroll, #parkScrollerMelb .noScroll:hover{cursor:default; background-position: 0 -112px;} /** Drop Down Boxes*/ ul#parksCarouselMelb {margin:0; padding:0;} #parkScrollerMelb li {position:relative; float:left; list-style:none; margin:0; padding:0} #parkScrollerMelb span.dropArrow {display:block; width:300px; height:20px; background:url(../img/globalNav/parksDropArrow.png) 0 0 no-repeat; position:absolute; top:50px; left:6px; display:none;} #parkScrollerMelb div.desc {width:240px; background: url(../img/globalNav/homeNav_drop_bg.png) 0 bottom no-repeat; position:absolute; top:50px; left:0px; padding:20px 30px 25px 30px; display:none;} #parkScrollerMelb .flipDrop span.dropArrow {background:url(../img/globalNav/parksDropArrow2.png) 0 0 no-repeat; position:absolute; top:50px; right:-6px; left:auto;} #parkScrollerMelb .flipDrop div.desc {right:0; left:auto;} #parkScrollerMelb div.desc h3 { font-size:130%; margin:0; padding:0 0 0.5em 0; color:#0f85cb;} #parkScrollerMelb div.desc p {margin:0; padding:0 0 1em 0} #parkScrollerMelb div.desc .parkButtons {margin:0 -5px} #parkScrollerMelb div.desc .parkButtons a {float:left;} #parkScrollerMelb div.desc .parkButtons a.getTickets {float:right;} /*********************************************************************************/ /* Home Nav Attractions Scroller - Gold Coast */ /*********************************************************************************/ #parkScrollerGC {width:960px; position:absolute; top:2em; left:50%; margin-left:-480px; text-align:left; z-index:100;} .js-enabled #parkScrollerGC {width:960px !important;} #parkScrollerGC h2 {width:112px; height:50px; display:block; margin:0; padding:0; text-indent:-999em;} #parkScrollerGC h2 a{width:112px; height:50px; display:block; margin:0; padding:0;} #parkScrollerGC h2.movieworld a { background:url(../img/globalNav/movieworld.jpg) 0 0 no-repeat} #parkScrollerGC h2.seaworld a {background:url(../img/globalNav/seaworld.jpg) 0 0 no-repeat} #parkScrollerGC h2.seaworldresort a {background:url(../img/globalNav/seaworldresort.jpg) 0 0 no-repeat} #parkScrollerGC h2.wetnwild {background:url(../img/globalNav/wetnwild.jpg) 0 0 no-repeat} #parkScrollerGC h2.paradisecountry a {background:url(../img/globalNav/paradisecountry.jpg) 0 0 no-repeat} #parkScrollerGC h2.outbackspectacular a {background:url(../img/globalNav/outbackspectacular.jpg) 0 0 no-repeat} #parkScrollerGC h2.sydneytower a {background:url(../img/globalNav/sydneytower.jpg) 0 0 no-repeat} #parkScrollerGC h2.sydneyaquarium a {background:url(../img/globalNav/sydneyaquarium.jpg) 0 0 no-repeat} #parkScrollerGC h2.sydneywildlifeworld a {background:url(../img/globalNav/sydneywildlifeworld.jpg) 0 0 no-repeat} #parkScrollerGC h2.ocenaworldmanly a {background:url(../img/globalNav/oceanworldmanly.jpg) 0 0 no-repeat} #parkScrollerGC h2.melbourneaquarium a {background:url(../img/globalNav/melbourneaquarium.jpg) 0 0 no-repeat} #parkScrollerGC .jcarousel-item-last h2 a {width:111px;} #parkScrollerGC .jcarousel-item-1 h2 a {width:111px; background-position: right 0; margin-left:1px;} #parkScrollerGC .parks-1 h2 a {width:110px; background-position: center 0;} #parkScrollerGC .jcarousel-container-horizontal {width:894px; padding:0 33px;} #parkScrollerGC .jcarousel-clip-horizontal {width:896px; margin:0 -1px; height:56px; background:url(../img/globalNav/parkScroller_bg.png) repeat-x 0 0;} #parkScrollerGC .expand {height:400px;} #parkScrollerGC .parks-7 {width:783px; padding:0 56px;} #parkScrollerGC .parks-6 {width:671px; padding:0 112px;} #parkScrollerGC .parks-5 {width:559px; padding:0 168px;} #parkScrollerGC .parks-4 {width:447px; padding:0 224px;} #parkScrollerGC .parks-3 {width:335px; padding:0 280px;} #parkScrollerGC .parks-2 {width:223px; padding:0 336px;} #parkScrollerGC .parks-1 {width:111px; padding:0 392px;} #parkScrollerGC .jcarousel-item {width:112px; height:50px;} #parkScrollerGC .jcarousel-item-placeholder {background:#fff; color:#000;} /** Buttons*/ #parkScrollerGC .jcarousel-next-horizontal {position:absolute; top:0px; right: 0px; width: 33px; height: 56px; cursor: pointer; background: transparent url(../img/globalNav/next_arrow.png) no-repeat 0 0;} #parkScrollerGC .jcarousel-next-horizontal:hover {background-position: 0 -56px;} #parkScrollerGC .jcarousel-next-disabled-horizontal, #parkScrollerGC .jcarousel-next-disabled-horizontal:hover, #parkScrollerGC .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -112px; } #parkScrollerGC .jcarousel-prev-horizontal {position:absolute; top:0px; left:0px; width:33px; height:56px; cursor: pointer; background: transparent url(../img/globalNav/prev_arrow.png) no-repeat 0 0;} #parkScrollerGC .jcarousel-prev-horizontal:hover {background-position: 0 -56px;} #parkScrollerGC .jcarousel-prev-disabled-horizontal, #parkScrollerGC .jcarousel-prev-disabled-horizontal:hover, #parkScrollerGC .jcarousel-prev-disabled-horizontal:active{ cursor: default; background-position: 0 -112px; } #parkScrollerGC .noScroll, #parkScrollerGC .noScroll:hover{cursor:default; background-position: 0 -112px;} /** Drop Down Boxes*/ ul#parksCarouselGC {margin:0; padding:0;} #parkScrollerGC li {position:relative; float:left; list-style:none; margin:0; padding:0} #parkScrollerGC span.dropArrow {display:block; width:300px; height:20px; background:url(../img/globalNav/parksDropArrow.png) 0 0 no-repeat; position:absolute; top:50px; left:6px; display:none;} #parkScrollerGC div.desc {width:240px; background: url(../img/globalNav/homeNav_drop_bg.png) 0 bottom no-repeat; position:absolute; top:50px; left:0px; padding:20px 30px 25px 30px; display:none;} #parkScrollerGC .flipDrop span.dropArrow {background:url(../img/globalNav/parksDropArrow2.png) 0 0 no-repeat; position:absolute; top:50px; right:-6px; left:auto;} #parkScrollerGC .flipDrop div.desc {right:0; left:auto;} #parkScrollerGC div.desc h3 { font-size:130%; margin:0; padding:0 0 0.5em 0; color:#0f85cb;} #parkScrollerGC div.desc p {margin:0; padding:0 0 1em 0} #parkScrollerGC div.desc .parkButtons {margin:0 -5px} #parkScrollerGC div.desc .parkButtons a {float:left;} #parkScrollerGC div.desc .parkButtons a.getTickets {float:right;} /*********************************************************************************/ /* Home Nav Attractions Scroller - Sydney */ /*********************************************************************************/ #parkScrollerSyd {width:960px; position:absolute; top:2em; left:50%; margin-left:-480px; text-align:left; z-index:100;} .js-enabled #parkScrollerSyd {width:960px !important;} #parkScrollerSyd h2 {width:112px; height:50px; display:block; margin:0; padding:0; text-indent:-999em;} #parkScrollerSyd h2 a{width:112px; height:50px; display:block; margin:0; padding:0;} #parkScrollerSyd h2.movieworld a { background:url(../img/globalNav/movieworld.jpg) 0 0 no-repeat} #parkScrollerSyd h2.seaworld a {background:url(../img/globalNav/seaworld.jpg) 0 0 no-repeat} #parkScrollerSyd h2.seaworldresort a {background:url(../img/globalNav/seaworldresort.jpg) 0 0 no-repeat} #parkScrollerSyd h2.wetnwild {background:url(../img/globalNav/wetnwild.jpg) 0 0 no-repeat} #parkScrollerSyd h2.paradisecountry a {background:url(../img/globalNav/paradisecountry.jpg) 0 0 no-repeat} #parkScrollerSyd h2.outbackspectacular a {background:url(../img/globalNav/outbackspectacular.jpg) 0 0 no-repeat} #parkScrollerSyd h2.sydneytower a {background:url(../img/globalNav/sydneytower.jpg) 0 0 no-repeat} #parkScrollerSyd h2.sydneyaquarium a {background:url(../img/globalNav/sydneyaquarium.jpg) 0 0 no-repeat} #parkScrollerSyd h2.sydneywildlifeworld a {background:url(../img/globalNav/sydneywildlifeworld.jpg) 0 0 no-repeat} #parkScrollerSyd h2.ocenaworldmanly a {background:url(../img/globalNav/oceanworldmanly.jpg) 0 0 no-repeat} #parkScrollerSyd h2.melbourneaquarium a {background:url(../img/globalNav/melbourneaquarium.jpg) 0 0 no-repeat} #parkScrollerSyd h2.illawarrafly a {background:url(../img/globalNav/illawarrafly.jpg) 0 0 no-repeat} #parkScrollerSyd .jcarousel-item-last h2 a {width:111px;} #parkScrollerSyd .jcarousel-item-1 h2 a {width:111px; background-position: right 0; margin-left:1px;} #parkScrollerSyd .parks-1 h2 a {width:110px; background-position: center 0;} #parkScrollerSyd .jcarousel-container-horizontal {width:894px; padding:0 33px;} #parkScrollerSyd .jcarousel-clip-horizontal {width:896px; margin:0 -1px; height:56px; background:url(../img/globalNav/parkScroller_bg.png) repeat-x 0 0;} #parkScrollerSyd .expand {height:400px;} #parkScrollerSyd .parks-7 {width:783px; padding:0 56px;} #parkScrollerSyd .parks-6 {width:671px; padding:0 112px;} #parkScrollerSyd .parks-5 {width:559px; padding:0 168px;} #parkScrollerSyd .parks-4 {width:447px; padding:0 224px;} #parkScrollerSyd .parks-3 {width:335px; padding:0 280px;} #parkScrollerSyd .parks-2 {width:223px; padding:0 336px;} #parkScrollerSyd .parks-1 {width:111px; padding:0 392px;} #parkScrollerSyd .jcarousel-item {width:112px; height:50px;} #parkScrollerSyd .jcarousel-item-placeholder {background:#fff; color:#000;} /** Buttons*/ #parkScrollerSyd .jcarousel-next-horizontal {position:absolute; top:0px; right: 0px; width: 33px; height: 56px; cursor: pointer; background: transparent url(../img/globalNav/next_arrow.png) no-repeat 0 0;} #parkScrollerSyd .jcarousel-next-horizontal:hover {background-position: 0 -56px;} #parkScrollerSyd .jcarousel-next-disabled-horizontal, #parkScrollerSyd .jcarousel-next-disabled-horizontal:hover, #parkScrollerSyd .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -112px; } #parkScrollerSyd .jcarousel-prev-horizontal {position:absolute; top:0px; left:0px; width:33px; height:56px; cursor: pointer; background: transparent url(../img/globalNav/prev_arrow.png) no-repeat 0 0;} #parkScrollerSyd .jcarousel-prev-horizontal:hover {background-position: 0 -56px;} #parkScrollerSyd .jcarousel-prev-disabled-horizontal, #parkScrollerSyd .jcarousel-prev-disabled-horizontal:hover, #parkScrollerSyd .jcarousel-prev-disabled-horizontal:active{ cursor: default; background-position: 0 -112px; } #parkScrollerSyd .noScroll, #parkScrollerSyd .noScroll:hover{cursor:default; background-position: 0 -112px;} /** Drop Down Boxes*/ ul#parksCarouselSyd {margin:0; padding:0;} #parkScrollerSyd li {position:relative; float:left; list-style:none; margin:0; padding:0} #parkScrollerSyd span.dropArrow {display:block; width:300px; height:20px; background:url(../img/globalNav/parksDropArrow.png) 0 0 no-repeat; position:absolute; top:50px; left:6px; display:none;} #parkScrollerSyd div.desc {width:240px; background: url(../img/globalNav/homeNav_drop_bg.png) 0 bottom no-repeat; position:absolute; top:50px; left:0px; padding:20px 30px 25px 30px; display:none;} #parkScrollerSyd .flipDrop span.dropArrow {background:url(../img/globalNav/parksDropArrow2.png) 0 0 no-repeat; position:absolute; top:50px; right:-6px; left:auto;} #parkScrollerSyd .flipDrop div.desc {right:0; left:auto;} #parkScrollerSyd div.desc h3 { font-size:130%; margin:0; padding:0 0 0.5em 0; color:#0f85cb;} #parkScrollerSyd div.desc p {margin:0; padding:0 0 1em 0} #parkScrollerSyd div.desc .parkButtons {margin:0 -5px} #parkScrollerSyd div.desc .parkButtons a {float:left;} #parkScrollerSyd div.desc .parkButtons a.getTickets {float:right;} /*********************************************************************************/ /* Home Hero Scroller */ /*********************************************************************************/ #hero {width: 940px; height:330px; padding:15px; position:relative; margin:0 -5px; background: url(../img/myfuncomau/hero/hero_bg.png) 0 0 no-repeat;} /*#hero .heroBorder {background: url(../img/myfuncomau/hero/hero_border.png) 0 0 no-repeat; width:970px; height:360px; position:absolute; left:-10px; top:-10px; z-index:5;}*/ #hero-main {width:640px; float:left; margin-right:10px; height:330px;} #hero-main ul {margin:0; padding:0; width:429px; position:relative;} #hero-main li {width:640px; height:330px;} .js-enabled #hero-main li { display:none; position:absolute; top:0; left:0; z-index:8;} #hero-main li.active {display:block !important; z-index:10;} #hero-main li.last-active {z-index:9;} #hero-carousel { display:none;} .js-enabled #hero-carousel {float:left; width:290px; position:relative; display:block; height: 330px; overflow: hidden;} #hero-carousel ul {margin:0; padding:0; list-style:none;} #hero-carousel li {background:#fff; height:97px; position:relative} #hero-carousel li .arrow {left:0px; top:0px; position:absolute; width:38px; height:75px; background:url(../img/myfuncomau/hero/arrow_white.png) no-repeat 0 0; display:block;} #hero-carousel li a {background:#048ED3; display:block; width:290px; height:75px;} /*#hero-carousel .active {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;} #hero-carousel .faded {filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}*/ /*-----------*/ #hero .jcarousel-container-vertical {width: 290px; height: 330px; padding: 0;} #hero .jcarousel-clip-vertical {width: 290px; height: 330px; overflow: hidden;} #hero .jcarousel-item {width: 290px; height: 75px;} #hero .jcarousel-item-vertical {margin-bottom: 10px;} #hero .jcarousel-item-placeholder {background: #fff; color: #000;} /* Vertical Buttons*/ .jcarousel-next-vertical {position: absolute; bottom:-35px; left:110px; width:73px; height: 31px; cursor: pointer; background: transparent url(../img/myfuncomau/hero/next-vertical.png) no-repeat 0 0;} .jcarousel-next-vertical:hover {background-position: -73px 0;} .jcarousel-next-vertical:active {background-position: -73px 0;} .jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px;} .jcarousel-prev-vertical {position: absolute; top:-35px; left: 110px; width: 73px; height: 31px; cursor: pointer; background: transparent url(../img/myfuncomau/hero/prev-vertical.png) no-repeat 0 0;} .jcarousel-prev-vertical:hover {background-position: -73px 0;} .jcarousel-prev-vertical:active { background-position: -73px 0;} .jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -146px 0; } .jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:active { cursor: default; background-position: -146px 0; } /*********************************************************************************/ /* Home Secondary Promos */ /*********************************************************************************/ #secondaryPromos{ float:left; width:970px; margin:0 -5px; height:190px; margin-top:10px;} #secondaryPromos .promoCol {float:left; margin-right:5px; width:320px} #secondaryPromos .end {margin-right:0;} /*--- Tickets Engine --*/ #secondaryPromos .bookTickets {background: url(../img/myfuncomau/secondaryPromos/booking_bg.png) 0 0 no-repeat; height:160px; width:305px; padding:15px 0 15px 15px; } #secondaryPromos .bookTickets h3 {width:290px; height:22px; margin:0; padding:0;} #secondaryPromos .bookTickets h3 span {display:none;} #secondaryPromos .bookAttractions h3 a{width:290px; height:22px; background: url(~/media/DE167BCCFE124E15B576276D7DB40583.ashx?w=290&h=88&as=1) 0 0 no-repeat; display:block;} #secondaryPromos .bookResort h3 a{width:290px; height:22px; background: url(~/media/DD6EAF92784243A794284E1D02151598.ashx?w=290&h=88&as=1) 0 0 no-repeat; display:block;} #secondaryPromos .bookTickets h3 a:hover { background-position: 0 -44px;} #secondaryPromos .bookTickets h3 a.expanded { background-position: 0 -22px;} #secondaryPromos .bookTickets h3 a.expanded:hover { background-position: 0 -22px; cursor:default;} #secondaryPromos .bookTickets div.formBlock {height:107px; padding:5px 0 0 15px;} #secondaryPromos .bookTickets div.formBlock {} .formBlock td {vertical-align:middle;} .formBlock .formElement { margin-bottom:15px;margin-top:10px;} .formBlock select {white-space:nowrap; overflow:hidden; margin-right:5px;} .formBlock select.fullWidth {width:255px;} .formBlock select.thirdWidth {width:80px;} .formBlock input.dateInput {width:80px; vertical-align:middle;} .formBlock img.ui-datepicker-trigger {padding:0 10px 0 1px; vertical-align:middle;} .formBlock a.datePicker {display:block;} .formBlock input.submit {margin-left: 50px;} .formBlock input.compare {float:left;} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #eeeeee; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 0px solid #e3a1a1; background: #0099c5; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; font-size:90%; border:2px solid #0099c5;} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 16px; height: 16px; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {} .ui-datepicker .ui-datepicker-prev { left:4px; top:4px;} .ui-datepicker .ui-datepicker-next { right:4px; top:4px;} .ui-datepicker .ui-datepicker-prev-hover {cursor:pointer;} .ui-datepicker .ui-datepicker-next-hover {cursor:pointer;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; width:16px; height:16px; text-indent:-999em; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-widget-header .ui-icon {background:url(~/media/CB0A7B7299C643038BE28A596FFE2152.ashx?w=32&h=32&as=1) 0 0 no-repeat;} .ui-datepicker .ui-datepicker-prev span {background-position: 0 0; } .ui-datepicker .ui-datepicker-next span {background-position: -16px 0; } .ui-datepicker .ui-datepicker-prev-hover span {background-position: 0 -16px;} .ui-datepicker .ui-datepicker-next-hover span {background-position: -16px -16px;} .dateInput {/*margin-top:-10px;*/} //.ui-datepicker-trigger {margin-top:5px;} /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }