@charset "utf-8"; /* CSS Document */ body{ background:url(../images/paint-splash.png) no-repeat center top #29aae2; font-family:Verdana, Geneva, sans-serif; } #header{ padding:0; height:192px; } a{outline:none; } a:hover{text-decoration:underline; } p{ color:#636467; font-size:12px; line-height:21px; } .clearfix{ clear:both; } .outer_wrap{ width:100%; } .inner_wrap{ padding:0; width:960px; margin:0 auto; } #logo{ width:300px; height:122px; background:url(../images/logo.png) no-repeat center left #29aae2; } #logo a{ display:block; height:100%; width:100%; } /*top menu styles*/ div#top_menu{ height:50px; margin:0 0 28px; } div#top_menu.mobile{ display:none;} #top_menu{ margin:0; } #top_menu li{ list-style:none; float:left; border:solid 4px #fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; margin-left:-4px; } #top_menu li:first-child{ margin:0; } #top_menu_mobile li:first-child{ margin-top: 10px; } #top_menu li a{ display:block; line-height:42px; font-weight:bold; font-size:14px; color:#fff; text-decoration:none; padding:0 20px 0 19px; } /*bg color to each nav*/ #top_menu li.home{ background:url(../images/house_icon.png) no-repeat center #636467; } #top_menu li.school_age_care{ background:#2a3990; } #top_menu li.enrol_and_book{ background:#39b54a; } #top_menu li.for_parents{ background:#29aae2; } #top_menu li.for_schools{ background:#ed1c24; } #top_menu li.jabiru{ background:#f15a29; } #top_menu li.cost{ background:#636467; } #top_menu li.jobs{ background:#a7a9ab; } #top_menu li.feedback{ background:#a7a9ab; } /*interactive room*/ #interactive_room{ margin-bottom:28px; } #interactive_room .inner_wrap{ width:936px; } #interactive_room .window{ width:936px; height:380px; background:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; position:relative; overflow:hidden; } #interactive_room .screen{ /*width:866px;*/ height:374px; margin:3px; /*border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; overflow:hidden;*/ position:relative; overflow:hidden; } #interactive_room .screen .container{ width:2220px; background:url(../images/interactive-bg.png) no-repeat left top #fff8a3; height:100%; } #interactive_room .info_box{ width:686px; height:111px; position:absolute; bottom:-113px; left:125px; background:#FFF; border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; } #interactive_room .info_box.hide{display:none; } #interactive_room .characters{ width:2220px; height:210px; margin-top:40px; position:absolute; /*background:url(../images/characters_.png) no-repeat top left transparent;*/ } /*Character List*/ #interactive_room .characters .char_1, #interactive_room .characters .char_1.animate:hover, #interactive_room .characters .char_1.animate{ margin-top:-7px; margin-left:35px; width:170px; background-position:-190px top !important; } #interactive_room .characters .char_1:hover, #interactive_room .characters .char_1.active, #interactive_room .characters .char_1.animate.active { background-position:-190px -207px !important; } #interactive_room .characters .char_2, #interactive_room .characters .char_2.animate:hover, #interactive_room .characters .char_2.animate{ margin-top:15px; width:160px; background-position:-660px top !important; } #interactive_room .characters .char_2:hover, #interactive_room .characters .char_2.active, #interactive_room .characters .char_2.animate.active{ background-position:-660px -207px !important; } #interactive_room .characters .char_3, #interactive_room .characters .char_3.animate:hover, #interactive_room .characters .char_3.animate{ margin-top:-30px; width:155px; background-position:-505px top !important; } #interactive_room .characters .char_3:hover, #interactive_room .characters .char_3.active, #interactive_room .characters .char_3.animate.active{ background-position:-505px -207px !important; } #interactive_room .characters .char_4, #interactive_room .characters .char_4.animate:hover, #interactive_room .characters .char_4.animate{ margin-top:0px; width:170px; background-position:-820px top !important; } #interactive_room .characters .char_4:hover, #interactive_room .characters .char_4.active, #interactive_room .characters .char_4.animate.active{ background-position:-820px -207px !important; } #interactive_room .characters .char_5, #interactive_room .characters .char_5.animate:hover, #interactive_room .characters .char_5.animate{ margin-top:15px; width:160px; background-position:-1450px top !important; } #interactive_room .characters .char_5:hover, #interactive_room .characters .char_5.active, #interactive_room .characters .char_5.animate.active{ background-position:-1450px -207px !important; } #interactive_room .characters .char_6, #interactive_room .characters .char_6.animate:hover, #interactive_room .characters .char_6.animate{ margin-top:-10px; width:135px; background-position:-1770px top !important; } #interactive_room .characters .char_6:hover, #interactive_room .characters .char_6.active, #interactive_room .characters .char_6.animate.active{ background-position:-1770px -207px !important; } #interactive_room .characters .char_7, #interactive_room .characters .char_7.animate:hover, #interactive_room .characters .char_7.animate{ margin-top:15px; width:135px; background-position:-2075px top !important; } #interactive_room .characters .char_7:hover, #interactive_room .characters .char_7.active, #interactive_room .characters .char_7.animate.active{ background-position:-2075px -207px !important; } #interactive_room .characters .char_8, #interactive_room .characters .char_8.animate:hover, #interactive_room .characters .char_8.animate{ margin-top:0px; width:145px; background-position:-360px top !important; } #interactive_room .characters .char_8:hover, #interactive_room .characters .char_8.active, #interactive_room .characters .char_8.animate.active{ background-position:-360px -207px !important; } #interactive_room .characters .char_9, #interactive_room .characters .char_9.animate:hover, #interactive_room .characters .char_9.animate{ margin-top:-30px; width:150px; background-position:-990px top !important; } #interactive_room .characters .char_9:hover, #interactive_room .characters .char_9.active, #interactive_room .characters .char_9.animate.active{ background-position:-990px -207px !important; } #interactive_room .characters .char_10, #interactive_room .characters .char_10.animate:hover, #interactive_room .characters .char_10.animate{ margin-top:12px; width:156px; background-position:-1140px top !important; } #interactive_room .characters .char_10:hover, #interactive_room .characters .char_10.active, #interactive_room .characters .char_10.animate.active{ background-position:-1140px -207px !important; } #interactive_room .characters .char_11, #interactive_room .characters .char_11.animate:hover, #interactive_room .characters .char_11.animate { margin-top:-2px; width:170px; background-position:-1905px top !important; } #interactive_room .characters .char_11:hover, #interactive_room .characters .char_11.active, #interactive_room .characters .char_11.animate.active { background-position:-1905px -207px !important; } #interactive_room .characters .char_12, #interactive_room .characters .char_12.animate:hover, #interactive_room .characters .char_12.animate{ margin-top:-20px; width:155px; background-position:-35px top !important; } #interactive_room .characters .char_12:hover, #interactive_room .characters .char_12.active, #interactive_room .characters .char_12.animate.active{ background-position:-35px -207px !important; } #interactive_room .characters .char_13, #interactive_room .characters .char_13.animate:hover, #interactive_room .characters .char_13.animate{ margin-top:14px; width:154px; background-position:-1296px top !important; } #interactive_room .characters .char_13:hover, #interactive_room .characters .char_13.active, #interactive_room .characters .char_13.animate.active{ background-position:-1296px -207px !important; } #interactive_room .characters .char_14, #interactive_room .characters .char_14.animate:hover, /******/ #interactive_room .characters .char_14.animate{ margin-top:14px; width:160px; background-position:-1610px top !important; } #interactive_room .characters .char_14:hover, #interactive_room .characters .char_14.active, #interactive_room .characters .char_13.animate.active{ background-position:-1610px -207px !important; } /*Interactive Text*/ #interactive_room .info_box .demo{ font-size:24px; display:table-cell; vertical-align:middle; color:#a7a9ab; height:111px; width:686px; text-align:center; } #interactive_room .info_box .hide{display:none;} #interactive_room .info_box table, #interactive_room .info_box td, #interactive_room .info_box tr{ border:none; } #interactive_room .info_box td{ padding:15px 18px;} #interactive_room .info_box td h4{font-size:24px; color:#ed1c24; margin: 0px 0px 6px 0px; } #interactive_room .info_box td p{ font-size:12px; line-height:21px; color:#636467; margin:0; } #interactive_room .info_box .char_link{ font-size:12px; color:#fff; background:url(../images/interactive-room-button.png) repeat-x left top; border: solid 1px #f25d2c; height:25px; width:95px; padding:0; line-height:25px; text-align:center; text-transform:uppercase; display:block; text-decoration:none; font-weight:700; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:absolute; right:18px; top:70px; } #interactive_room .info_box .char_link:hover{ background-position:left -25px; } #interactive_room .info_box .close_icon{ width:15px; height:15px; background:url(../images/close.png) no-repeat center; cursor:pointer; position:absolute; right:18px; top:8px; } /*Interactive Text*/ /*Character List*/ #interactive_room .characters div[class^='char_']{ height:210px; float:left; background:url(../images/characters_new.png) no-repeat top left transparent; cursor:pointer; } #interactive_room .nav{ position:absolute; z-index:999; width:33px; height:375px; background:url(../images/interactive-nav-sprite.png) no-repeat transparent; cursor:pointer; display:none; } #interactive_room .nav.left{ background-position:left top; left:2px; top:2px; } #interactive_room .nav.right{ background-position:right top; right:2px; top:2px; } /*home page tabs*/ #tabs{ margin-bottom:28px; } #tabs{ display:block; } #tabs.mobile{ display:none; } #tabs .inner_wrap{ } #tabs #links{ height:41px; margin:0px 0px 0px 12px; } /*121 edit*/ #tabs #links a{ float:left; width:222px; height:37px; text-align:center; color:white; font-size:14px; font-weight:bold; text-decoration:none; line-height:35px; border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; border:solid 4px white;border-bottom:none; margin-right:4px; } #tabs #links a[href="#box1"] {background-color:#2a3990; } /*121 edit starts*/ #tabs #links a[href="#box2"] {background-color:#39b54a; } #tabs #links a[href="#box3"] {background-color:#5ec4f0; } #tabs #links a[href="#box4"] {background-color:#ed1c24; } #tabs #links a[href="#box1"]:hover{ background-color:#495ca9; } #tabs #links a[href="#box2"]:hover{ background-color:#72c054; } #tabs #links a[href="#box3"]:hover{ background-color:#7cdbf7; } #tabs #links a[href="#box4"]:hover{ background-color:#f04f52; } /*121 edit end*/ #tabs .tab-content{ height:247px; border:solid 4px #fff; background:#FFF; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; /*overflow:hidden;*/ } #tabs .cell{ width:315px; height:122px; background:#ccc; float:left; margin-right:3.5px; } #tabs .cell.col_3{ margin-right:0; } #tabs .cell.row_2{ margin-top:3.5px; } #tabs .cell.row_1.col_1{ border-radius:11px 0 0; -moz-border-radius:11px 0 0; -webkit-border-radius:11px 0 0; } #tabs .cell.row_1.col_3{ border-radius:0 11px 0 0; -moz-border-radius:0 11px 0 0; -webkit-border-radius:0 11px 0 0; } #tabs .cell.row_2.col_1{ border-radius:0 0 0 11px; -moz-border-radius:0 0 0 11px; -webkit-border-radius:0 0 0 11px; } #tabs .cell.row_2.col_3{ border-radius:0 0 11px ; -moz-border-radius:0 0 11px; -webkit-border-radius:0 0 11px; } #tabs .block{ float:left; width:637px; } #tabs .block.block_l_narrow{ width:319px; } #tabs .block.block_r{ width:315px } #tabs .block.block_m{ width:315px;margin-right:3px; } #tabs .cell.row_1.colspan{ height:247px; border-radius:0 11px 11px 0; -moz-border-radius:0 11px 11px 0; -webkit-border-radius:0 11px 11px 0; } #tabs .cell.row_1.colspan_middle{ height:247px; border-radius:0 0px 0px 0; -moz-border-radius:0 11px 11px 0; -webkit-border-radius:0 11px 11px 0; margin-right:3px; } #tabs #box1 .cell.col_1{ background:#2a3990; } #tabs #box1 .cell.col_2{ background:#2a3990; } #tabs #box1 .cell.col_3{ background:#2a3990; } #tabs #box2 .cell.col_1{ background:#39b54a; } #tabs #box2 .cell.col_2{ background:#39b54a; } #tabs #box2 .cell.col_3{ background:#39b54a; } #tabs #box3 .cell.col_1{ background:#5ec4f0; } #tabs #box3 .cell.col_2{ background:#5ec4f0; } #tabs #box3 .cell.col_3{ background:#5ec4f0; } #tabs #box4 .cell.col_1{ background:#ed1c24; } #tabs #box4 .cell.col_2{ background:#ed1c24; } #tabs #box4 .cell.col_3{ background:#ed1c24; } #tabs .cell .c{ height:122px;} #tabs .cell .icon{ width:98px; height:122px; float:left; background:center no-repeat; } /*#tabs .cell .icon:hover{ background-color:rgba(255,223,0,0.6); }*/ #tabs .cell .text{ padding-right:12px;width:215px; height:122px; vertical-align:middle; font-size:20px; font-weight:bold; color:#fff; /*float:left;*/ display:table-cell; } /*121 edit*/ /*FOOTER*/ #wave{ height:26px; background:url(../images/footer-bg.jpg) repeat-x left top transparent;/* margin-top:48px;*/ margin-top: 28px; } #footer{ background:url(../images/footer-image.jpg) no-repeat center top #636467; min-height:235px; border:none; } #footer .inner_wrap{ width:936px;padding-bottom:15px; } #footer_logo{ height:60px; width:155px; background:url(../images/footer-logo.png) no-repeat center transparent; } #footer_links{ float:left; width:450px; margin:0 0 0 25px; } #newsletter{ width:280px; float:right; margin-right:-10px; } #footer_links ul{ margin:0; } #footer_links h4, #newsletter h4{ color:#ffdf00; font-size:18px; font-weight:bold; } #footer_links li{ list-style:none; float:left; width:145px; height:35px } #footer_links li a{ font-size:11px; font-weight:bold; color:#fff; text-decoration:none; } /*#footer_links li:last-child:after{ clear:both}*/ #newsletter.mobile{ display:none; } #newsletter p{ font-size:11px; color:#fff; } #footer .meta{ margin-top:5px; float:left; } #footer .meta p, #footer .meta a{ font-size:10px; color:#a7a9ab; text-decoration:none; } #newsletter .email_input{ width:202px; height:21px; border:solid 1px #39b54a; font-size:12px; padding:2px; float:left; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin:0; } #newsletter .submit_input{ width:92px; height:27px; background:url(../images/email-signup.png) top left transparent; border:solid 1px #39b54a; font-size:12px; padding:0px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } #newsletter .submit_input:hover{ background-position:bottom left; } #newsletter div.form{ border:solid 4px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } #newsletter form{ margin:0; } #left_sidebar{ width:213px; background:#FFF; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:12px; float:left; } #left_sidebar h5{ font-size:16px; color:#2a3990; margin-bottom:25px; } #left_menu{ margin:0 0 15px; list-style:none; } #left_menu a{ font-size:12px; font-weight:bold; color:#2a3990; text-decoration:none; display:block; line-height:48px; } #left_menu a span.icon{ float:left; height:48px; width:48px; background:url(../images/sidebar-characters.png) no-repeat; } #left_menu .sub-menu > li a:hover, #left_menu a:hover{ color:#f15a29; } #left_menu > li{ min-height:48px;} #left_menu .sub-menu{ list-style:none; margin-left:48px; display:none; /*Added by Sneha*/ margin-top:10px; margin-bottom:10px; } #left_menu > li.current_page_item .sub-menu, #left_menu > li.current-menu-item .sub-menu, #left_menu > li.current_page_ancestor .sub-menu{display:block; } #left_menu .sub-menu > li a{ line-height: 18px; /*Added by Sneha*/ color:#626264; font-weight:normal;} #left_menu li.current_page_item > a, #left_menu li.current-menu-item > a, #left_menu li.current_page_ancestor > a{ color:#f15a29; } { background-position:right top; } .breadcrumb{ font-size:12px; color:#FFF; margin:0 auto 12px; font-weight:700; } .breadcrumb a{ color:#fff; text-decoration:none; padding:0 15px 0 9px; background:url(../images/breadcrumb-sep.png) no-repeat right center; } .breadcrumb a:last-child{ background:none; padding-right:0; } .breadcrumb a:hover{ color:#ffdd00; } #right_content{ width:711px; float:right; } /*Characters in left menu*/ #left_menu li.item_1 .icon, #left_menu li[data-depth="1"] .icon{ background-position:left top; } #left_menu li.item_1.current_page_item > a span.icon, #left_menu li.item_1.current-menu-item > a span.icon, #left_menu li.item_1.current_page_ancestor > a span.icon, #left_menu li.item_1:hover .icon{ background-position:right top; } #left_menu li.item_2 .icon, #left_menu li[data-depth="2"] .icon{ background-position:left -48px; } #left_menu li.item_2.current_page_item > a span.icon, #left_menu li.item_2.current-menu-item > a span.icon, #left_menu li.item_2.current_page_ancestor > a span.icon, #left_menu li.item_2:hover .icon{ background-position:right -48px; } #left_menu li.item_3 .icon, #left_menu li[data-depth="3"] .icon{ background-position:left -96px; } #left_menu li.item_3.current_page_item > a span.icon, #left_menu li.item_3.current-menu-item > a span.icon, #left_menu li.item_3.current_page_ancestor > a span.icon, #left_menu li.item_3:hover .icon{ background-position:right -96px; } #left_menu li.item_4 .icon, #left_menu li[data-depth="4"] .icon{ background-position:left -144px; } #left_menu li.item_4.current_page_item > a span.icon, #left_menu li.item_4.current-menu-item > a span.icon, #left_menu li.item_4.current_page_ancestor > a span.icon, #left_menu li.item_4:hover .icon{ background-position:right -144px; } #left_menu li.item_5 .icon, #left_menu li[data-depth="5"] .icon{ background-position:left -192px; } #left_menu li.item_5.current_page_item > a span.icon, #left_menu li.item_5.current-menu-item > a span.icon, #left_menu li.item_5.current_page_ancestor > a span.icon, #left_menu li.item_5:hover .icon{ background-position:right -192px; } #left_menu li.item_6 .icon, #left_menu li[data-depth="6"] .icon{ background-position:left -240px; } #left_menu li.item_6.current_page_item > a span.icon, #left_menu li.item_6.current-menu-item > a span.icon, #left_menu li.item_6.current_page_ancestor > a span.icon, #left_menu li.item_6:hover .icon{ background-position:right -240px; } #left_menu li.item_7 .icon, #left_menu li[data-depth="7"] .icon{ background-position:left -288px; } #left_menu li.item_7.current_page_item > a span.icon, #left_menu li.item_7.current-menu-item > a span.icon, #left_menu li.item_7.current_page_ancestor > a span.icon, #left_menu li.item_7:hover .icon{ background-position:right -288px; } #left_menu li.item_8 .icon, #left_menu li[data-depth="8"] .icon{ background-position:left -336px; } #left_menu li.item_8.current_page_item > a span.icon, #left_menu li.item_8.current-menu-item > a span.icon, #left_menu li.item_8.current_page_ancestor > a span.icon, #left_menu li.item_8:hover .icon{ background-position:right -336px; } #left_menu li.item_9 .icon, #left_menu li[data-depth="9"] .icon{ background-position:left -384px; } #left_menu li.item_9.current_page_item > a span.icon, #left_menu li.item_9.current-menu-item > a span.icon, #left_menu li.item_9.current_page_ancestor > a span.icon, #left_menu li.item_9:hover .icon{ background-position:right -384px; } #left_menu li.item_10 .icon, #left_menu li[data-depth="10"] .icon{ background-position:left -432px; } #left_menu li.item_10.current_page_item > a span.icon, #left_menu li.item_10.current-menu-item > a span.icon, #left_menu li.item_10.current_page_ancestor > a span.icon, #left_menu li.item_10:hover .icon{ background-position:right -432px; } #left_menu li.item_11 .icon, #left_menu li[data-depth="11"] .icon{ background-position:left -480px; } #left_menu li.item_11.current_page_item > a span.icon, #left_menu li.item_11.current-menu-item > a span.icon, #left_menu li.item_11.current_page_ancestor > a span.icon, #left_menu li.item_11:hover .icon{ background-position:right -480px; } #left_menu li.item_12 .icon, #left_menu li[data-depth="12"] .icon{ background-position:left -528px; } #left_menu li.item_12.current_page_item > a span.icon, #left_menu li.item_12.current-menu-item > a span.icon, #left_menu li.item_12.current_page_ancestor > a span.icon, #left_menu li.item_12:hover .icon{ background-position:right -528px; } #left_menu li.item_13 .icon, #left_menu li[data-depth="13"] .icon{ background-position:left -576px; } #left_menu li.item_13.current_page_item > a span.icon, #left_menu li.item_13.current-menu-item > a span.icon, #left_menu li.item_13.current_page_ancestor > a span.icon, #left_menu li.item_13:hover .icon{ background-position:right -576px; } #left_menu li.item_14 .icon, #left_menu li[data-depth="14"] .icon{ background-position:left -624px; } #left_menu li.item_14.current_page_item > a span.icon, #left_menu li.item_14.current-menu-item > a span.icon, #left_menu li.item_14.current_page_ancestor > a span.icon, #left_menu li.item_14:hover .icon{ background-position:right -624px; } /*SPP TEMPLATE*/ #right_content #heading{ padding:22px; padding-top:34px; min-height:189px; position:relative; background:#FFF; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; margin-bottom:12px; } #heading h1.article_title{ font-size:48px; color:#2a3990; line-height:50px; } #heading p.short_description{ font-weight:700; font-size:14px; line-height:23px; margin:25px 0 20px; } .type_1 p.short_description{ width:65%; } .general_template .character, #heading .character{ height:189px; width:189px; position:absolute; right:22px; top:22px; background:url(../images/spp-characters.png) no-repeat left top; } .general_template .character{ position:inherit; float:right; top:0; right:0; background:url(../images/characters_new.png) no-repeat top left transparent; height:210px } /***needed?***/ #heading .character.char_1{ background-position:top left; } #heading .character.char_2{ background-position:left -189px; } #heading .character.char_3{ background-position:left -378px; } #heading .character.char_4{ background-position:left -567px; } #heading .character.char_5{ background-position:left -756px; } #heading .character.char_6{ background-position:left -945px; } #heading .character.char_7{ background-position:left -1134px; } #heading .character.char_8{ background-position:right top; } #heading .character.char_9{ background-position:right -189px; } #heading .character.char_10{ background-position:right -378px; } #heading .character.char_11{ background-position:right -567px; } #heading .character.char_12{ background-position:right -756px; } #heading .character.char_13{ background-position:right -945px; } #heading .character.char_14{ background-position:right -1134px; } .general_template .character {margin-top:-45px;margin-bottom:10px;} .general_template .char_9{ margin-left:45px; margin-right:25px; width:155px; background-position:-35px top !important; } .general_template .char_9.active{ background-position:-35px -207px !important; } .general_template .char_3{ margin-left:38px; margin-right:17px; width:170px; background-position:-190px top !important; } .general_template .char_3.active{ background-position:-190px -207px !important; } .general_template .char_4{ margin-left:50px; margin-right:30px; width:145px; background-position:-360px top !important; } .general_template .char_4.active{ background-position:-360px -207px !important; } .general_template .char_1{ margin-left:45px; margin-right:25px; width:155px; background-position:-505px top !important; } .general_template .char_1.active{ background-position:-505px -207px !important; } .general_template .char_2{ margin-left:43px; margin-right:22px; width:160px; background-position:-660px top !important; } .general_template .char_2.active{ background-position:-660px -207px !important; } .general_template .char_10{ margin-left:38px; margin-right:17px; width:170px; background-position:-820px top !important; } .general_template .char_10.active{ background-position:-820px -207px !important; } .general_template .char_7{ margin-left:48px; margin-right:27px; width:150px; background-position:-990px top !important; } .general_template .char_7.active{ background-position:-990px -207px !important; } .general_template .char_12{ margin-left:45px; margin-right:24px; width:156px; background-position:-1140px top !important; } .general_template .char_12.active{ background-position:-1140px -207px !important; } .general_template .char_5{ margin-left:46px; margin-right:25px; width:154px; background-position:-1296px top !important; } .general_template .char_5.active{ background-position:-1296px -207px !important; } .general_template .char_11{ margin-left:43px; margin-right:22px; width:160px; background-position:-1450px top !important; } .general_template .char_11.active{ background-position:-1450px -207px !important; } .general_template .char_13{ margin-left:43px; margin-right:22px; width:160px; background-position:-1610px top !important; } .general_template .char_13.active{ background-position:-1610px -207px !important; } .general_template .char_6{ margin-left:55px; margin-right:35px; width:135px; background-position:-1770px top !important; } .general_template .char_6.active{ background-position:-1770px -207px !important; } .general_template .char_8{ margin-left:38px; margin-right:17px; width:170px; background-position:-1905px top !important; } .general_template .char_8.active{ background-position:-1905px -207px !important; } .general_template .char_14{ margin-left:55px; margin-right:35px; width:135px; background-position:-2075px top !important; } .general_template .char_14.active{ background-position:-2075px -207px !important; } #right_content #main_content{ padding:22px; padding-top:34px; min-height:433px; background:#FFF; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; margin-bottom:12px; position:relative; margin-bottom:12px } #main_content .content{ padding:0; } #right_content.type_1 #main_content .content, #right_content.type_2 #main_content .content{ padding:0; } #main_content h3{ font-size:20px; color:#2a3990; line-height:24px; margin:20px 0 10px 0; } #main_content li, #main_content p{ font-size:12px; color:#636467; line-height:21px; margin-bottom:15px;} /*.type_1 #main_content blockquote, .type_2 #main_content blockquote{ font-size:12px; color:#29aae2; font-weight:700; font-style:italic; width:189px; position:absolute; top:42px; right:22px; background:none; border:none; text-align:center; margin:0; padding:0; }*/ #main_content blockquote *{ color:#29aae2; } #main_content h1.article_title{ font-size:48px; color:#2a3990; line-height:50px; padding-bottom:15px;} #main_content blockquote{ font-size:12px; color:#29aae2; font-style:italic; background:none; border:none; margin:0; padding:25px 0; padding-left:25px; } #three_box{ } #three_box .boxes{ min-height:260px; width:177px; margin-right:12px; padding:56px 24px 36px; background:#fff; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; float:left; } #three_box .boxes.box_3{ margin-right:0; width:189px; } #right_content .box_1{ background:url(../images/more-info.jpg) no-repeat 24px 10px #fff; } #right_content .box_2{ background:url(../images/resources.jpg) no-repeat 24px 10px #fff; } .boxes .widget_title h2{ font-size:18px; font-weight:700; color:#2a3990; margin:12px 0; } /*not needed anymore?*/ .widget_content span, .widget_content span, .widget_content li, .widget_content p{ font-size:12px; color:#636467; line-height:21px;} .widget_content.resources ul{ margin:0; } .widget_content.resources li{ min-height:42px; vertical-align:middle; padding-left:48px; background:url(../images/pdf-icon.jpg) no-repeat left top transparent; font-size:12px; list-style:none; margin-bottom:7px; } .widget_content.resources li:last-child{ margin-bottom:0; } /*#right_content.type_1 .box_1{ background:url(../images/more-info.jpg) no-repeat top left #fff; }*/ /*place holder slider*/ .place_holder_slider .screen{ height:280px; width:237px; margin:-56px -24px 0; background-position:center; background-repeat:no-repeat; border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; } .place_holder_slider .screen{/*background-size:237px 280px;*/ background-size:cover;} .place_holder_slider .controls{ height:71px; padding-top:1px; width:237px; margin:0 -24px -36px; /*background:#CFCFCF;*/ border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; position:relative; } .place_holder_slider .thumbs{ width:189px; margin:18px auto; height:36px; overflow:hidden; } .place_holder_slider .thumbs ul{ margin:0; width:2048px; } .place_holder_slider .thumbs li{ list-style:none; width:35px; height:35px; margin-right:4px; float:left; cursor:pointer; } .place_holder_slider img{ width:35px; height:35px; } .place_holder_slider .controls .nav{ position:absolute; top:0; width:24px; height:72px; background:url(../images/placeholder-nav.png) no-repeat top left; cursor:pointer; } .place_holder_slider .controls .nav.left{ left:0; background-position:left center; } .place_holder_slider .controls .nav.right{ right:0; background-position:right center; } /**/ .listing .featured_image{ width:108px; height:96px; margin-right:12px; float:left; } .listing .list_content{ width:543px; float:left; min-height:144px; } .listing .list_content h4 a, .listing .list_content h4{ font-size:16px; color:#2a3990; margin:0 0 10px; text-decoration:none; } .listing.single_list{ border-bottom: dotted 1px #e1e1e1; padding: 25px 0 20px; } #main_content .content .single_list:last-child{ border:none; } /**/ /*pagination*/ .wp-pagenavi{ height:30px; float:right; padding-bottom:24px; } .wp-pagenavi a, .wp-pagenavi span, .wp-pagenavi span.current{ color:#636467 !important; float:left; min-width:32px; line-height:28px !important; padding:0 !important; margin:0 !important; border:none !important; text-align:center; font-size:13px !important; } .wp-pagenavi span.current{ border: solid 1px #636467 !important; } .meta{ padding:0; } .meta .date{ color:#000; font-size:11px; font-weight:700; margin-bottom:15px; } .listing .link a{ font-size:12px; color:#29aae2; text-decoration:none; } #right_content.single_list_content #main_content{ padding-top:50px; min-height:864px; } #right_content.single_list_content h1.article_title{ color:#2a3990; font-size:48px; border-bottom:#E1E1E1 dotted 1px; padding-bottom:30px; line-height:50px; margin-top:-18px;} .single_list_content .right_content{ float:left; } .single_list_content .featured_image{ float:right; width:189px; } /*FORM*/ textarea, input[type="text"], input[type="email"]{ width:417px; border:solid 1px #a7a9ab; box-shadow:none; background:#ececed; width:auto; } .button, input[type="submit"]{ font-size:12px; color:#fff; background:url(../images/interactive-room-button.png) repeat-x left top; border: solid 1px #f25d2c; height:27px; width:95px; padding:0; line-height:25px; text-align:center; text-transform:uppercase; display:block; text-decoration:none; font-weight:700; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-family:Tahoma; } .button:hover, input[type="submit"]:hover{ background-position:left -25px; } /*Added By Sneha*/ .text > a { text-decoration:none; color:#FFF;} /*.text:hover{ text-decoration:none; cursor:pointer; } .text:hover a{ color:#ffdf00;}*/ #tabs .cell:hover{ cursor:pointer;} #tabs .cell:hover .text > a{ text-decoration:none; } #tabs .cell:hover .text > a{ color:#ffdf00;} .text > a:hover { color:#ffdf00; text-decoration:none;} #footer_links li a:hover { color:#ffdf00; } /*.wp-pagenavi span:hover { color:#ffdf00 !important; border:solid 1px #ffdf00 !important; }*/ .wp-pagenavi a:hover { color:#ffdf00 !important; } #top_menu li.home:hover{ background-color:#a7a9ab; } #top_menu li.school_age_care:hover{ background-color:#495ca9; } #top_menu li.enrol_and_book:hover{ background-color:#72c054;} #top_menu li.for_parents:hover{ background-color:#5ec5f0; } #top_menu li.for_schools:hover{ background-color:#f04f52; } #top_menu li.jabiru:hover{ background-color:#f58448; } #top_menu li.cost:hover{ background-color:#747579; } #top_menu li.jobs:hover{ background-color:#b5b7b9; } #top_menu li.feedback:hover{ background-color:#b5b7b9; } #top_menu li.home a.current-menu-item { background: url(../images/house_icon.png) no-repeat center #747679; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.school_age_care a.current-menu-item { background-color:#495ca9; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.enrol_and_book a.current-menu-item { background-color:#72c054; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.for_parents a.current-menu-item { background-color:#5ec5f0; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.for_schools a.current-menu-item { background-color:#f04f52; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.jabiru a.current-menu-item { background-color:#f58448; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.cost a.current-menu-item { background-color:#747579; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.jobs a.current-menu-item { background-color:#b5b7b9; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #top_menu li.feedback a.current-menu-item { background-color:#b5b7b9; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } .fancy_button_small{font-size:12px; color:#fff; background:url(../images/interactive-room-button.png) repeat-x left top; border: solid 1px #f25d2c; height:25px; padding:0; padding-left:15px; padding-right:15px; line-height:25px; text-align:left; text-transform:uppercase; display:inline-block; text-decoration:none; font-weight:700; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;color:#fff !important; margin:5px 0px; } .fancy_button_small:hover{color:#fff; background:none; background-color:#f58448; text-decoration:none; } .fancy_button_large{font-size:12px; color:#fff; background:url(../images/Jabiru_Website_Bookings-SPP_03.jpg) repeat-x left -1px; border: solid 1px #f25d2c; height:35px; padding:0; line-height:35px; text-align:left; text-transform:uppercase; display:inline-block; text-decoration:none; font-weight:700; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:5px 0px;} .fancy_button_large:hover{color:#fff; background:none; background-color:#f58448; text-decoration:none; } .btn_span{ background-image:url(../images/Jabiru_Website_Bookings-SPP_arrow.png);background-repeat:no-repeat; background-position: 9px -1px; height:35px; display: block; line-height:34px !important; color:#FFF !important; padding-left:35px; padding-right:15px;} #main_content h1.notfound_title{ line-height:60px !important; } .info_box p.mobdesc{ display:none;} .info_box p.desc{ display:block;} /*** additions 121creative ***/ /*character program pages*/ .general_template table table tr td {padding-right:20px;color:white;} /*top menu subitems - works with mega dropdown plugin*/ div#top_menu > div > ul > li.mega-menu-item > a { line-height:42px !important; } #mega-menu-header-menu > li > ul.mega-sub-menu{ margin-top:-4px !important; padding-top:10px !important; padding-bottom:10px !important; } #mega-menu-header-menu > li.mega-toggle-on a{ /*margin-top:-4px !important;*/ /*border-bottom-width:0px !important;*/ } div#top_menu > div > ul > li.mega-menu-item:first-child > a { background: #636467 url("../images/house_icon.png") no-repeat scroll center center !important; color:#636467 !important; /*font-size:1px !important;*/ /*color:rgba(0,0,0,0) !important;*/ } div#top_menu > div > ul > li.mega-menu-item:first-child > a:hover { background-color:#747679 !important; color:#747679 !important; } div#top_menu > div > ul > li.mega-menu-item > a[title="School Age Care"] { background-color:#2a3990 !important; } div#top_menu > div > ul > li.mega-menu-item.mega-toggle-on > a[title="School Age Care"], div#top_menu > div > ul > li.mega-menu-item > a[title="School Age Care"]:hover { background-color:#495ca9 !important; } a[title="School Age Care"] + ul li a, a[title="School Age Care"] + ul.mega-sub-menu { background-color:#2a3990 !important; } a[title="School Age Care"] + ul li a:hover { background-color:#495ca9 !important; } div#top_menu > div > ul > li.mega-menu-item > a[title="Enrol and Book"] { background-color:#39b54a !important; } div#top_menu > div > ul > li.mega-menu-item.mega-toggle-on > a[title="Enrol and Book"], div#top_menu > div > ul > li.mega-menu-item > a[title="Enrol and Book"]:hover { background-color:#72c054 !important; } a[title="Enrol and Book"] + ul li a, a[title="Enrol and Book"] + ul.mega-sub-menu { background-color:#39b54a !important; } a[title="Enrol and Book"] + ul li a:hover { background-color:#72c054 !important; } div#top_menu > div > ul > li.mega-menu-item > a[title="For Parents"] { background-color:#5ec4f0 !important; } div#top_menu > div > ul > li.mega-menu-item.mega-toggle-on > a[title="For Parents"], div#top_menu > div > ul > li.mega-menu-item > a[title="For Parents"]:hover { background-color:#7cdbf7 !important; } a[title="For Parents"] + ul li a, a[title="For Parents"] + ul.mega-sub-menu { background-color:#5ec4f0 !important; } a[title="For Parents"] + ul li a:hover { background-color:#7cdbf7 !important; } div#top_menu > div > ul > li.mega-menu-item > a[title="For Schools"] { background-color:#ed1c24 !important; } div#top_menu > div > ul > li.mega-menu-item.mega-toggle-on > a[title="For Schools"], div#top_menu > div > ul > li.mega-menu-item > a[title="For Schools"]:hover { background-color:#f04f52 !important; } a[title="For Schools"] + ul li a, a[title="For Schools"] + ul.mega-sub-menu { background-color:#ed1c24 !important; } a[title="For Schools"] + ul li a:hover { background-color:#f04f52 !important; } div#top_menu > div > ul > li.mega-menu-item > a[title="Jabiru"] { background-color:#f15a29 !important; } div#top_menu > div > ul > li.mega-menu-item.mega-toggle-on > a[title="Jabiru"], div#top_menu > div > ul > li.mega-menu-item > a[title="Jabiru"]:hover { background-color:#f58448 !important; } a[title="Jabiru"] + ul li a, a[title="Jabiru"] + ul.mega-sub-menu { background-color:#f15a29 !important; } a[title="Jabiru"] + ul li a:hover { background-color:#f58448 !important; } .content table { color:#636467; font-size:12px; line-height:21px; } .boxes .widget_content h2{ font-size:18px; font-weight:700; color:#2a3990; margin:12px 0; line-height:24px; } .listing div.list_content_small { /*this should overwrite the generic list_content class*/ width:195px; min-height:0px; } .content div.listing_small { /*this should add to and overwrite the generic listing class*/ float:left; padding-right:12px; padding-left:12px; border:none; text-align:center; } #main_content .content h3:first-child { /*this should make the first h3 in content fields sit better so it matches when p objects are used instead. */ margin-top:10px; } .cell_image { background-position: 50% 50% !important; } /*faq styling*/ .arconix-faq-term-title { /* hide the group titles for faq listings */ display:none; } .arconix-faq-accordion-title, .arconix-faq-title { font-size: 16px; color: #555; font-weight: 700; } .arconix-faq-accordion-title:hover, .arconix-faq-title:hover { color: #333; } /*footer styling*/ #footer_logo { margin-bottom:15px; margin-right:25px; } #footer_logo_box { width: 230px; float: left; } #footer_logo_box h4 { color:#ffdf00; font-size:18px; font-weight:bold; } #footer_logo_box p{ font-size:11px; color:white; } #footer_logo_box a{ color:white; text-decoration:none; } #footer_logo_box div.meta.clearfix.fadeIn p { line-height:1.8; margin-bottom:0px; } #footer_logo_box a:hover{ color:#ffdf00; } #footer_links{ width: 375px; margin-top:65px; } #footer_links #footer_menu li { width: 120px; } #newsletter{ /*margin-top:65px;*/ } /* header styling */ #header #logo { float:left; } #header #phone_box { float:right; padding-right:15px; padding-top:55px; } #header #phone_box h2 { color:white; } #header #phone_box .jabiru_yellow { color:#ffdf00; } #header #top_menu { clear:both } html body{ font-family:Verdana, Geneva, sans-serif; } div#heading br { display:none; } div#heading tr,div#heading td { padding:0px; } /*QK enrol styling*/ #qkenrolbox { border-radius:11px; border:none; } .table_darkblue { background-color:#2a3990} .table_green { background-color:#39b54a} .table_lightblue { background-color:#5ec4f0} .table_red { background-color:#ed1c24} .table_orange{ background-color:#f15a29} .table_darkgrey{ background-color:#636467} .table_lightgrey{ background-color:#a7a9ab} .table_generic{ background-color:white} .table_darkblue td, .table_green td, .table_lightblue td, .table_red td, .table_orange td, .table_darkgrey td, .table_lightgrey td { padding:20px 0px 20px 20px; } .table_darkblue h2, .table_darkblue a , .table_green h2, .table_green a, .table_lightblue h2, .table_lightblue a, .table_red h2, .table_red a, .table_orange h2, .table_orange a , .table_darkgrey h2, .table_darkgrey a , .table_lightgrey h2, .table_lightgrey a { color:white; text-decoration:none; } .table_darkblue h2, .table_green h2, .table_lightblue h2, .table_red h2, .table_orange h2, .table_darkgrey h2, .table_lightgrey h2 { padding-right:20px; } .table_darkblue h2 a:hover, .table_green h2 a:hover, .table_lightblue h2 a:hover, .table_red h2 a:hover, .table_orange h2 a:hover, .table_darkgrey h2 a:hover, .table_lightgrey h2 a:hover { color:#ffdf00; } .table_generic td{ padding:10px;}