/* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 18 March 2020 19:26:31 */ /* Running Squiz Matrix Developed by Squiz - http://www.squiz.net Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd Page generated: 11 March 2016 09:26:22 */ /** * Royal Life Saving Society Australia - Screen Style Sheet * * screen.css * author: Squiz Australia */ /* * Table of Contents * * 1. General * 1.1 Reset * 1.2 General Typography * 1.3 Headings * 1.4 Links * 1.5 Lists * 1.5.1 Unordered List * 1.5.2 Media Icons * 1.5.3 Ordered List * 1.5.4 Pagination * 1.5.5 Definition List * * 1.6 Tables * 1.7 Forms * 1.8 Images * 1.9 Miscellaneous * 1.9.1 Button * 1.9.2 Highlight Box * 1.9.3 Blockquote * 1.9.4 Self-clearing elements * 1.9.5 Image with caption * 1.9.6 Shared Icons * * 2. Page Elements * 2.1 Page Structure * 2.2 Accessibility * 2.3 Header * 2.3.1 Branding * 2.3.2 Global Links * 2.3.3 Site Search * 2.3.4 Login * * 2.4 Navigation * 2.5 Breadcrumbs * 2.6 Secondary Navigation * 2.7 Footer * 2.7.1 Site Links * 2.7.2 Footer Links * * 3. Content Elements * 3.1 Modules * 3.1.1 Content Blocks * 3.1.2 Table of Contents + Featured * 3.1.3 Tabs * 3.1.4 Videos * 3.1.5 Feature Blocks * 3.1.6 In-Page Features * 3.1.7 Section Pages Module * 3.1.8 National Partners * 3.1.9 Carousel * 3.1.10 Document Listing Module * 3.1.11 Accordion Module * 3.1.12 Banner + Feature * 3.1.13 Info Boxes * * 3.2 Home Page * 3.2.1 Featured Home * * 3.3 Landing Page * 3.2.1 Contact Page * 3.2.2 Media List * 3.2.3 Facts and Figures * 3.2.4 Resources * 3.2.5 News * * 3.4 Inner Page * 3.4.1 Training pages - course search form * * 4. Fonts * 4.1 Explicit Custom Font Targets * 4.1.1 Active Fonts * 4.1.2 Inactive Fonts * 4.1.2.1 Typography * 4.1.2.2 Navigation * 4.1.2.3 Content Blocks * 4.1.2.4 Tabs * 4.1.2.5 Buttons + Links * * Build Notes * ## Fonts used * font-family:'FrutigerLTW01-45Light'; * font-family:'Museo Sans W01 500'; * font-family:'VAG Rounded W01 Bold'; * font-family:'VAG Rounded W01 Light'; * * All declerations have been compiled in section 4 */ @import url(http://fast.fonts.com/cssapi/a0b5d4ac-2c78-45b6-a9f2-9bd90d6d52a0.css); /* -------------------- 1. General -------------------- */ /*-- 1.1 Reset --*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; -webkit-text-size-adjust: none; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border:0; } img { -webkit-transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } #content img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; border-bottom: 1px dotted #aaa; } iframe { border: none; outline: none; background: none; } .js-disabled iframe { display: none; } /*-- 1.2 General Typography --*/ body { color: #58585a; font: normal 75%/1.333333em Arial, Helvetica, sans-serif; /* 12px */ } .js-enabled hr { display: none; } .hide { position:absolute; left:-9999em; top:-9999em; } .hidden { visibility: hidden; } .clear { clear: both; } .for-accessibility { position: absolute; left: -9999em; } .script-note { padding: 10px; font-style: italic; background: #eee; display: block; } p { margin: 1.4em 0; line-height: 1.42em; /* 18px */ } strong { font-weight: bold; } em { font-style: italic; } /*-- 1.3 Headings --*/ h1, h2, h3 { color: #055b93; margin: 20px 0; line-height: 1.2em; } h4, h5, h6 { color: #58585a; line-height: 1.2em; } h1 { text-transform: uppercase; font-size: 2.166666667em; /* 26px */ } h2 { font-size: 2em; /* 24px */ } h3 { text-transform: uppercase; font-size: 1.833333333em; /* 22px */ } h4 { font-size: 2em; /* 24px */ } h5 { font-size: 1.833333333em; /* 22px */ } h6 { text-transform: uppercase; font-size: 1.166666667em; /* 14px */ font-weight: bold; } /*-- 1.4 Links --*/ a:focus, a:active { outline: none; } #content a, #nav div div a { color: #006296; text-decoration: none; } #content a:hover, #content a:focus, #nav div div a:hover, #nav div div a:focus { text-decoration: underline; } #content a.more { border: none; text-transform: uppercase; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 100% 3px transparent; display: inline-block; padding: 0 10px 0 0; margin: 10px 0 5px; } #content a.more:hover, #content a.more:focus { text-decoration: underline!important; } /*-- 1.5 Lists --*/ /*-- 1.5.1 Unordered List --*/ #content ul { margin: 2em 0 2em 8px; } #content ul li { padding: 0 0 0 24px; background: transparent url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 0 0.4em; line-height: 1.6em; } #content ul ol li { background: none; padding: 0; } #content ul li ul { margin-left: 0; } /*-- 1.5.2 Media Icons --*/ #content ul.media-listing li { padding: 0; background: none; } #content a.pdf, #content a.doc, #content a.xls, #content a.rss, #content a.file { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 0; color: #63656b; padding: 0 0 2px 20px; display: inline-block; } #content a.pdf:hover { background-position: 0 -452px; } #content a.doc:hover { background-position: 0 -582px; } #content a.xls:hover { background-position: 0 -713px; } #content a.file:hover { background-position: -1px -4894px; } #content a.pdf { background-position: 0 -91px; } #content a.doc { background-position: 0px -201px; } #content a.xls { background-position: 0px -322px; } #content a.file { background-position: -1px -4736px; } #content a.pdf abbr, #content a.doc abbr, #content a.xls abbr, #content a.file abbr { border: none; } #content a.rss { text-indent: -999em; background-position: 0 -3837px; padding: 0 0 0px 18px; line-height: 1; } #content a.rss:hover, #content a.rss:focus { background-position: -40px -3837px; } /*-- 1.5.3 Ordered List --*/ #content ol { margin: 2em 0 2em 30px; list-style: decimal; } #content ol li { line-height: 1.6em; } #content ol li ol { margin-left: 20px; } /*-- 1.5.4 Pagination --*/ #content .pagination ul, #content .pagination ul li { margin: 0; padding: 0; list-style: none; font-size: 1.05em; } #content .pagination ul li { float: left; background: none; } #content .pagination ul li a, #content .pagination ul li strong { margin-left: 15px; padding: 5px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; display: inline-block; } #content .pagination ul li span { margin-left: 11px; padding: 5px 0px; } #content .pagination ul li span:first-child { margin-right: -4px; } #content .pagination ul li a { background-color: #e1e1e1; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: -moz-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: -o-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: linear-gradient(to bottom, #f6f6f6, #e1e1e1); color: #58585a; } #content .pagination ul li a:hover, #content .pagination ul li a:focus { background-color: #616161; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#818181), to(#616161)); background-image: -webkit-linear-gradient(top, #818181, #616161); background-image: -moz-linear-gradient(top, #818181, #616161); background-image: -o-linear-gradient(top, #818181, #616161); background-image: linear-gradient(to bottom, #818181, #616161); color: #fff; } #content .pagination ul li:first-child a { margin-left: 0; } #content .pagination ul li a:hover, #content .pagination ul li a:focus { text-decoration: none; } #content .pagination ul li.prev a, #content .pagination ul li.next a, #content .pagination ul li.prev strong, #content .pagination ul li.next strong { text-indent: -999em; height: 33px; width: 32px; display: block; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content .pagination ul li.prev strong, #content .pagination ul li.next strong { opacity: .3; } #content .pagination ul li.prev a strong, #content .pagination ul li.next a strong { background: none; margin: 0; } #content .pagination ul li.prev a, #content .pagination ul li.prev strong { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -1px; margin-right: 10px; } #content .pagination ul li.next a, #content .pagination ul li.next strong { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -42px; margin-left: 24px; } #content .pagination ul li.prev a:hover { background-position: -80px -1px; } #content .pagination ul li.next a:hover { background-position: -80px -42px; } #content .pagination ul li strong { background-color: #006296; color: #fff; } .page-control { overflow: hidden; } .page-control.bottom { clear: both; padding: 0 0 10px; } .page-control > h2 { text-transform: uppercase; font-size: 1.4em; float: left; margin: 0; width: 428px; text-align: center; padding: 8px 0; } .page-control > a:first-child { float: left; padding: 9px 0 7px 42px; background-position: 0 -2367px; } .page-control > a:first-child:hover { background-position: 0px -2452px; } .page-control > a { float: right; text-transform: uppercase; background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 86px -2408px; display: inline-block; padding: 8px 42px 8px 0; } .page-control > a:hover { background-position: 86px -2493px; } .page-control .pagination { width: 350px; text-align: center; float: left; } .page-control > span { float: left; padding: 8px 17px 8px 0; width: 185px; } .page-control .archive { background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 100% 11px transparent; padding: 8px 17px 8px 0; } .page-control .archive:hover { background-position: 100% 11px; } /*-- 1.5.5 Definition List --*/ dl dt { float: left; display: block; width: 80px; clear: left; font-weight: bold; padding-bottom: 6px; } dl dt.phone, dl dt.fax, dl dt.email, dl dt.abn, dl dt.date, dl dt.time, dl dt.location { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat -999em -999em; padding-left: 35px; } dl dt.phone { background-position: -2px -1552px; } dl dt.fax { background-position: -2px -1673px; } dl dt.email { background-position: -2px -1806px; } dl dt.date { background-position: -2px -1945px; } dl dt.time { background-position: -2px -2082px; } dl dt.location { background-position: -2px -2211px; } dl dt.abn { background-position: -1px -3982px; } dl dd { margin-left: 80px; padding-bottom: 6px; } .definition { clear: both; } .definition strong { float: left; width: 85px; margin: 1.4em 0; } .definition p { float: right; width: 535px; } /*-- 1.6 Tables --*/ table.data { width: 100%; } table.data caption { position: absolute; left: -999em; } table.data th { font-size: 1.1em; padding: 14px 10px 12px; text-align: left; border-bottom: none!important; } table.data td { text-align: left; padding: 10px 10px 8px; font-size: 0.95em; } table.data thead tr { background: #006296; } table.data tbody tr.even { background: #efefef; } table.data td, table.data th { border: 1px solid #d7d7d7; } table.data th { color: #fff; font-weight: bold; } /*-- 1.7 Forms --*/ .default-form legend { color: #006296; font-size: 1.18em; font-weight: bold; display: block; padding: 10px 0 20px; white-space:normal; } .default-form legend span { display: block; width: 168px; } .default-form fieldset { border: none; } .default-form label, .default-form div > strong { color: #006296; font-size: 1.18em; font-weight: bold; width: 95px; display: inline-block; margin: 12px 0 0 -95px; float: left; } .default-form input[type="text"], .default-form input[type="password"], .default-form textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; width: 270px; padding: 12px 10px; background: #fafafa; color: #58585a; } .default-form input[type="text"] { float: left; } .default-form textarea { font: inherit; } .default-form .textarea-container { position: relative; } .default-form .textarea-container label { position: absolute; top: 23px; left: 0; } .default-form .textarea-container textarea { margin-left: 95px; } .default-form input[type="text"]:focus, .default-form textarea:focus { border-color: #bbb; background: #eee; } .default-form fieldset > div { padding: 10px 0 10px 95px; width: 310px; overflow: hidden; } .default-form fieldset > div > abbr { color: #c83625; float: right; font-size: 1.2em; } .default-form fieldset .required-field { font-weight: normal; font-size: 0.86em; display: block; } .default-form fieldset > div > select { width: 290px; margin: 10px 0 0; } .default-form .controls { text-align: right; } .default-form input[type="reset"], .default-form input[type="submit"] { font-size: 1.15em; text-transform: uppercase; cursor: pointer; } #content .default-form .list-input { overflow: hidden; } #content .default-form .list-input ul { width: 305px; float: right; display: inline-block; margin: 6px 0 0 5px; } #content .default-form .list-input ul li { background: none; padding: 0 0 5px 0; } #content .default-form ul li label { margin: 0 0 0 5px; float: none; font-weight: normal; font-size: 1.05em; color: #58585A; } #content .default-form ul li input[type="checkbox"] { float: none; } .landing #content .default-form { padding-top: 20px; } .landing #content .default-form fieldset > div { float: left; padding: 10px 22px 22px 95px; } .landing #content .default-form.content-block fieldset > div { float: none; } .landing #content .default-form .controls input[type="submit"], .inside #content .default-form .controls input[type="submit"] { margin-right: 17px; } .landing #content .inner-right .default-form .controls input[type="submit"] { margin: 0; } .landing #content .default-form .pagination { padding: 10px 0 22px; overflow: hidden; } .landing #content .default-form .pagination ul { float: right; display: inline-block; margin: 6px 0 0 5px; } .landing #content .default-form .pagination, .landing #content .default-form .pagination ul { width: auto; text-align: right; } .landing #content .default-form .doc-listing { float: none; width: auto; padding: 0; } .landing #content .default-form .doc-listing ul { width: 100%; } .resources #content .default-form { background: url(https://www.royallifesaving.com.au/__data/assets/image/0013/346/bg-resources.png?v=0.1.1) left top no-repeat transparent; } .resources #content .default-form .styled-field-1 { min-height: 63px; padding-top: 0; border: none; background: #006296; } .resources #content .default-form .styled-field-1 label { color: #fff; } .resources #content .default-form .styled-field-2 { background: #fff; border: none; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; text-align: center; padding: 10px 15px 10px 17px; } .resources #content .default-form legend { color: #fff; font-size: 1.54em; padding: 0 0 10px 52px; text-transform: uppercase; line-height: 1.05; } .resources #content .default-form label, .resources #content .default-form strong { margin: 0; padding: 10px 0 6px; float: none; width: auto; display: block; font-size: 1.16em; } .resources #content .default-form fieldset > div > a { display: inline-block; padding: 10px 15px 10px 0; text-transform: uppercase; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 100% 13px transparent } .resources #content .default-form fieldset > div { padding: 0; width: 100%; border-bottom: 1px dotted #1ab5e8; margin: 0 -20px; padding: 10px 10px 10px 22px; background: #dfdfdf; } .resources #content .default-form fieldset > div > select { width: 155px; margin: 10px 0; float: left; } .resources .alert-msg { display: block; height: 24px; width: 24px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -4148px; text-indent: -999em; float: left; margin: 7px; } #content .default-form .has-helper { float: left; width: 445px; } #content .default-form .has-helper > p { padding-right: 60px; } #content .default-form .helper { float: left; width: 198px; } #content .default-form .helper ul { width: 100%; float: none; border-top: 1px dotted #006296; margin: 10px 0 0; } #content .default-form .helper ul li { padding: 0; border-bottom: 1px dotted #006296; background: none; } #content .default-form .helper ul li a { background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 95% 8px; line-height: 1.6em; padding: 4px 24px 2px 5px; margin-left: -5px; text-transform: uppercase; display: block; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } #content .default-form .helper ul li a:hover, #content .default-form .helper ul li a:focus { background-color: #E2F0F5; } #form_email_13243 .default-form fieldset label { width: 120px; } #form_email_13243 .default-form fieldset > div { width: 700px; } #form_email_13243 .default-form input[type="text"], .default-form textarea { width: 450px; } #form_email_13243 .default-form .list-input ul { float: left; } #form_email_13243 .default-form .list-input ul li { display: inline-block; } #form_email_13243 .default-form fieldset .form_date select { width: 60px; margin-left: 2px; margin-right: 2px; } #form_email_13243 .default-form .form_content { padding-left: 20px; } #form_email_13243 .default-form .form_content p { margin-top: 0; } #form_email_13243 .default-form .form_content ul { margin-top: 0; margin-bottom: 0; } #form_email_13243 .default-form .form_note { padding-left: 25px; margin-top: 0; } #form_email_13243 .default-form textarea { max-width: 600px; } #form_email_13243 .default-form fieldset .errors { padding-left: 0; } /*Matrix Output*/ .login-form { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; padding: 0; } .login-form table tr td:first-child { color: #006296; display: inline-block; float: left; font-size: 1.18em; font-weight: bold; width: 95px; padding: 10px 0 30px; } /*-- 1.8 Images --*/ .align-left { float: left; margin: 0 20px 10px 0; padding: 1px; } .align-right { float: right; margin: 0 0 10px 20px; padding: 1px; } /*-- 1.9 Miscellaneous --*/ /*-- 1.9.1 Button --*/ div.button { margin: 20px 0 60px; font-size: 1.15em; text-transform: uppercase; max-height: 45px; } input[type="submit"], input[type="reset"] { overflow: visible; } div.button a, #content input[type="submit"], #content input[type="reset"], .login input[type="submit"] { padding: 7px 30px 6px; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #e1e1e1; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: -moz-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: -o-linear-gradient(top, #f6f6f6, #e1e1e1); background-image: linear-gradient(to bottom, #f6f6f6, #e1e1e1); color: #58585a!important; text-align: center; display: inline-block; } .login div.button a, .login input[type="submit"] { background-color: #c4c4c4; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#e8e8e8), to(#c4c4c4)); background-image: -webkit-linear-gradient(top, #e8e8e8, #c4c4c4); background-image: -moz-linear-gradient(top, #e8e8e8, #c4c4c4); background-image: -o-linear-gradient(top, #e8e8e8, #c4c4c4); background-image: linear-gradient(to bottom, #e8e8e8, #c4c4c4); } #content div.button a:hover, #content div.button a:focus, #content input[type="submit"]:hover, #content input[type="submit"]:focus, #content input[type="reset"]:hover, #content input[type="reset"]:focus, .login input[type="submit"]:hover, .login input[type="submit"]:focus, .login div.button a:hover, .login div.button a:focus, .banner-info div.button a:hover, .banner-info div.button a:focus, .feature div.button a:hover, .feature div.button a:focus { border: 1px solid #e5e5e5; background-color: #616161; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#818181), to(#616161)); background-image: -webkit-linear-gradient(top, #818181, #616161); background-image: -moz-linear-gradient(top, #818181, #616161); background-image: -o-linear-gradient(top, #818181, #616161); background-image: linear-gradient(to bottom, #818181, #616161); color: #fff!important; text-decoration: none!important; } #content div.button.info, #content div.button.find { margin: 10px 0; } #content div.button.info a, #content div.styled-field-2 input[type="submit"] { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat -4px -2633px #d0d0d0; padding: 14px 32px 13px 62px; color: #055b93!important; } #content div.styled-field-2 input[type="submit"] { padding: 9px 11px 7px 40px; color: #055b93!important; background-position: -3px -2739px; font-size: 1.05em; width: 209px; } #content div.button.info a:hover, #content div.button.info a:focus { background-position: -2px -2683px; color: #fff!important; } #content div.styled-field-2 input[type="submit"]:hover, #content div.styled-field-2 input[type="submit"]:focus { background-position: -3px -2779px; color: #fff!important; } #content div.button.donate a { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -2595px; padding: 11px 22px 6px 48px; } #content div.button.donate a:hover, #content div.button.donate a:focus { background-position: -122px -2595px; } /*-- 1.9.2 Highlight Box --*/ div.highlight { margin: 20px 0; padding: 15px; border: 1px dotted #1ab5e8; background: #e2f0f5; color: #006296; } div.highlight strong { display: block; } div.highlight p { margin: 0; padding: 0; } #content div.errors ul { margin: 20px 0; padding: 15px; border: 1px dotted #a21212; background: #f1e5e5; } #content div.errors ul li { padding: 0 0 0 10px; background: none; list-style: inside disc; color: #000; } /*-- 1.9.3 Blockquote --*/ blockquote { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 6px -865px #eee; padding: 2px 20px 10px 75px; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } blockquote p { margin: 1.2em 0 0.6em; } blockquote .reference { font-style: italic; text-align: right; display: block; padding-bottom: 2px; } /*-- 1.9.4 Self-clearing elements --*/ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } /*-- 1.9.5 Image with caption --*/ #content div.image { clear: both; overflow: hidden; padding: 1.4em 0.8em; border: 1px solid #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #eee; } #content div.image img { float: left; padding: 0; margin-right: 20px; } /*-- 1.9.6 Shared Icons --*/ .share-icons { float: right; margin: -20px 16px 0 0; } .share-icons h2, .share-icons > strong { float: left; margin: 0; padding: 6px 21px 0 0; text-transform: uppercase; font-size: 1.333333333em; /* 16px */ color: #055B93; font-weight: normal; } .share-icons ul, .share-icons .addthis_toolbox { float: left; } .share-icons ul li, .share-icons a { float: left; margin-left: 5px; } .share-icons ul li:first-child { padding-left: 0; } .share-icons ul li a, .share-icons a { display: block; width: 24px; height: 25px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/360/sprite-share-icons.png?v=0.1.1) no-repeat; text-indent: -9999px; padding: 0!important; } .share-icons ul li a.twitter, .share-icons a.addthis_button_twitter { background-position: 0 -50px; } .share-icons ul li a.twitter:hover, .share-icons a.addthis_button_twitter:hover, .share-icons ul li a.twitter:focus, .share-icons a.addthis_button_twitter:focus { background-position: 100% -50px; text-decoration: none; border-style: none; } .share-icons ul li a.email, .share-icons a.addthis_button_email { background-position: 0 -99px; } .share-icons ul li a.email:hover, .share-icons a.addthis_button_email:hover, .share-icons ul li a.email:focus, .share-icons a.addthis_button_email:focus { background-position: 100% -99px; text-decoration: none; border-style: none; } .share-icons ul li a.email:hover, .share-icons a.addthis_button_facebook:hover, .share-icons ul li a.email:focus, .share-icons a.addthis_button_facebook:focus { background-position: 100% 0; text-decoration: none; border-style: none; } .share-icons .addthis_toolbox span { background: none!important; } /* -------------------- 2. Page Elements -------------------- */ /*-- 2.1 Page Structure --*/ body { background: #eee; } #header, #breadcrumb-wrapper, #content, #footer { margin: 0 auto; width: 980px; } #header { height: 183px; } .inside #content-inner { float: left; margin-left: 280px; width: 700px; } .inside #content-main > div, .inside #content-main > form > .default-form.content-block { padding: 34px 28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; } #content-aside { float: left; margin-left: -980px; width: 252px; background: none; } .landing #content-aside { display: none; } #footer-wrapper { clear: both; margin-top: 44px; } /*-- 2.2 Accessibility --*/ #nav-accessibility h2 { position: absolute; top: -999em; left: -999em; } #nav-accessibility ol li { display: inline; } #nav-accessibility ol li a { color: #fff; background: #006595; position: absolute; left: -999em; top: -999em; line-height: 3; text-indent: 30px; display: block; font-weight: bold; text-transform: uppercase; border-bottom: 2px ridge #004261; float: left; } #nav-accessibility ol li a:focus { position: static; float: none; } hr { display: none; } div.hr { display: block; border: 1px dotted #b8b8b8; margin: 10px 0 15px; } /*-- 2.3 Header --*/ #header-wrapper { width: 100%; background: #002440 url(https://www.royallifesaving.com.au/__data/assets/image/0015/339/bg-header-wrapper.jpg?v=0.1.1) no-repeat scroll 50% 0; } /*-- 2.3.1 Branding */ .branding { float: left; display: block; /*margin-top: 27px;*/ height: 110px; } .branding img { margin-top: 28px; } /*-- 2.3.2 Global Links --*/ ul.global-links { float: right; margin-top: 14px; } ul.global-links li { float: left; background: url(https://www.royallifesaving.com.au/__data/assets/image/0008/350/global-links-separator.gif?v=0.1.1) no-repeat right 2px; padding: 0 10px 0 10px; } ul.global-links li a { color: #fff; text-decoration: none; } ul.global-links li a:hover, ul.global-links li a:focus { text-decoration: underline; } div.login { position: relative; z-index: 1000; float: right; margin-top: 14px; padding-left: 8px; } .js-enabled div.login > span, .js-enabled div.login > .login-error-value, .js-disabled div.login > span, .js-disabled div.login .login-error-value { display: none; } .js-disabled div.login > span, .js-disabled div.login > .login-error-value { display: none; color: #000; position: absolute; top: 5px; z-index: -1; background: url(https://www.royallifesaving.com.au/__data/assets/image/0013/337/bg-error.png?v=0.1.1) left top no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 23px 0 10px; font-size: .95em; width: 252px; right: 0; font-weight: bold; } div.login > a { //9Mar commentted by Todd(Squiz) //background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 52px -1460px; //padding-right: 20px; color: #FFFFFF; text-decoration: none; } div.login > a:hover, div.login > a:focus { text-decoration: underline; background-position: -48px -1460px; } div.login > a.selected { background-position: 53px -1489px; } div.login a.further-info { color: #006296; display: inline; float: left; margin: 7px 0 0; overflow: hidden; text-decoration: none; } div.login a.further-info:hover { text-decoration: underline; } /*-- 2.3.3 Site Search --*/ form.site-search { position: relative; float: right; clear: right; margin-top: 36px; width: 275px; } .search-input { position: relative; padding: 0!important; width: 287px!important; margin-top: 6px; } form.site-search legend { position: absolute; left: -999em; } form.site-search label { margin: 0 11px 0 0; color: #fff; font-size: 1.12em; text-transform: uppercase; float: left; padding: 12px 0; } form.site-search input { border: none; background: none; float: right; } form.site-search input[type="text"], #content-main .search-input input[type="text"] { width: 155px; height: 33px; padding: 0 10px 0 10px; line-height: 40px; float: left; } form.site-search span.wrap-input { border: 3px solid #174968; } .search-input span.wrap-input { background: #F2F2F2; } span.wrap-input { background: #fff; border: 1px solid #EBEBEB; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: block; overflow: hidden; } form.site-search span.wrap-input.focused { border-color: #2c8ac8; } form.site-search input[type="text"].blur, form.site-search input[type="text"]:focus { background: #eee; outline: none; } #content-main .search-input input[type="text"].blur, #content-main .search-input input[type="text"]:focus { background: #fff; border-color: #ddd; } form.site-search input[type="submit"], #content-main .search-input input[type="submit"] { position: absolute; right: 5px; bottom: 5px; width: 30px; height: 30px; background: url("https://www.royallifesaving.com.au/__data/assets/image/0010/361/sprite-site-search-button.png?v=0.1.1") no-repeat 0 0; text-indent: -999em; line-height: 0; cursor: pointer; } #content-main .search-input input[type="text"] { background: transparent; border: none; width: 230px; } #content-main .search-input input[type="submit"] { padding: 0; bottom: 3px; right: 3px; } form.site-search input[type="submit"]:hover, #content-main .search-input input[type="submit"]:hover, form.site-search input[type="submit"]:focus, #content-main .search-input input[type="submit"]:focus { background-position: 0px -30px; } /*-- 2.3.4 Login --*/ div.login > div { position: absolute; right: -2px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/342/bg-login.png?v=0.1.1) no-repeat -4px 0; width: 223px; height: 151px; padding: 20px 16px; overflow: hidden; top: -999em; } .js-disabled div.login > div { left: -999em; } div.login > div form legend { text-transform: uppercase; color: #006296; font-size: 1.3em; display: block; padding: 10px 0 14px 56px; } div.login > div form div { padding: 5px 0 3px; overflow: hidden; clear: both; } div.login > div form label { color: #006296; display: inline-block; float: left; font-size: 1em; font-weight: bold; width: 66px; padding: 6px 0 0; } div.login > div form input[type="text"], div.login > div form input[type="password"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dddddd; width: 135px; padding: 6px 10px; background: #fafafa; color: #58585a; } div.login > div form input[type="text"]:focus { border-color: #bbb; background: #efefef; } div.login > div form input[type="submit"] { font-size: 1em; text-transform: uppercase; float: right; cursor: pointer; } div.login .login-error input[type="submit"] { float: left; } div.login .login-error { color: #006296; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/342/bg-login.png?v=0.1.1) no-repeat -16px -57px; top: 59px; position: absolute; width: 224px; height: 116px; } div.login .login-error em { padding: 0; margin: 10px 0; font-family: arial; font-weight: bold; font-size: 2em; font-style: normal; display: block; } div.login .login-error strong { display: block; } div.login .login-error div.button { margin: 0; display: inline-block; color: #4e4e4f; font-size: 1em; float: left; } div.login .login-error div.button a { color: #4e4e4f; padding: 7px 20px 6px; } div.login .login-error a.cancel-btn { color: #006296; font-weight: bold; padding: 14px 12px; display: inline-block; text-decoration: underline; } div.login .login-error a.cancel-btn:hover, div.login .login-error a.cancel-btn:focus { text-decoration: none; } .login > form > #log_in_out_button, .login > #log_in_out_button { padding: 0px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; text-transform: uppercase; font-size: 0.86em; position: relative; top: -3px; } /*-- 2.4 Navigation --*/ #nav { float: left; clear: both; margin-top: 22px; width: 980px; height: 51px; border-bottom: 1px solid #fff; background: url(https://www.royallifesaving.com.au/__data/assets/image/0016/358/sprite-menu.png?v=0.1.3) no-repeat 0 0; position: relative; z-index: 100; } .training #nav { border-bottom: 4px solid #fc9c09; } #nav > ul > li { float: left; margin: -6px -5px -4px -4px; padding: 6px 5px 4px 4px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0016/358/sprite-menu.png?v=0.1.3) no-repeat -999px -999px; } #nav > ul > li > a { color: #fff; display: inline-block; padding: 22px 17px 12px 43px; text-align: center; text-decoration: none; font-size: 1.35em; text-transform: uppercase; background: url(https://www.royallifesaving.com.au/__data/assets/image/0016/358/sprite-menu.png?v=0.1.3) no-repeat -999px -999px; } #nav > ul > li > a:focus { color: #003452; } #nav > ul > li.selected:hover > a { color: #fff!important; } #nav > ul > li.training.selected:hover > a, #nav > ul > li#id-484.selected:hover > a { color: #003452!important; } #nav > ul > li.home:hover > a, #nav > ul > li.training:hover > a, #nav > ul > li.families:hover > a, #nav > ul > li.schools:hover > a, #nav > ul > li.aquatic:hover > a, #nav > ul > li#id-72:hover > a, #nav > ul > li#id-484:hover > a, #nav > ul > li#id-512:hover > a, #nav > ul > li#id-688:hover > a, #nav > ul > li#id-780:hover > a { color: #003452; } #nav > ul > li.home:hover a, #nav > ul > li#id-72:hover a { background-position: 0px -140px; } .home #nav > ul li.home:hover a { background: none; } .home #nav > ul.home > a { cursor: auto; } #nav > ul > li.training:hover > a, #nav > ul > li#id-484:hover > a { background-position: -64px -140px; } #nav > ul > li.training > a, #nav > ul > li#id-484 > a { padding: 22px 18px 12px 43px; margin-right: 1px; width: 68px; } #nav > ul > li.families:hover > a, #nav > ul > li#id-512:hover > a { background-position: -194px -140px; } #nav > ul > li.families > a, #nav > ul > li#id-512 > a { padding: 22px 14px 12px 43px; margin-right: 1px; width: 61px; } #nav > ul > li.schools:hover > a, #nav > ul > li#id-688:hover > a { background-position: -313px -140px; } #nav > ul > li.schools > a, #nav > ul > li#id-688 > a { padding: 22px 19px 12px 43px; margin-right: 1px; width: 69px; } #nav > ul > li.aquatic:hover > a, #nav > ul > li#id-780:hover > a { background-position: -445px -140px; } #nav > ul > li.aquatic > a, #nav > ul > li#id-780 > a { width: 65px; } #nav > ul > li.home > a, #nav > ul > li#id-72 > a { text-indent: -999em; padding: 17px 0; } #nav > ul > li.about > a, #nav > ul > li.facts-figures > a, #nav > ul > li.programs > a, #nav > ul > li.sport > a, #nav > ul > li.donate > a, #nav > ul > li#id-948 > a, #nav > ul > li#id-1064 > a, #nav > ul > li#id-1160 > a, #nav > ul > li#id-1320 > a, #nav > ul > li#id-1392 > a { width: auto; padding: 11px 10px; font-size: 1.18em; } #nav > ul > li.about, #nav > ul > li.facts-figures, #nav > ul > li.programs, #nav > ul > li.sport, #nav > ul > li.donate, #nav > ul > li#id-948, #nav > ul > li#id-1064, #nav > ul > li#id-1160, #nav > ul > li#id-1320, #nav > ul > li#id-1392 { margin: 12px 0 0; padding: 0; } #nav > ul > li.donate > a, #nav > ul > li#id-1392 > a { padding-right: 15px; } #nav > ul > li.about > a, #nav > ul > li#id-948 > a { padding-left: 14px; margin-left: 1px; width: 44px; } #nav > ul > li.home > a, #nav > ul > li#id-72 > a { width: 64px; display: block; } #nav > ul > li.selected > a:hover, #nav > ul > li.selected:hover > a { background: none; } #nav > ul > li.about:hover > a, #nav > ul > li.facts-figures:hover > a, #nav > ul > li.programs:hover > a, #nav > ul > li.sport:hover > a, #nav > ul > li.donate:hover > a, #nav > ul > li.facts-figures > a:focus, #nav > ul > li.programs > a:focus, #nav > ul > li.sport > a:focus, #nav > ul > li.donate > a:focus, #nav > ul > li.about.selected > a, #nav > ul > li.facts-figures.selected > a, #nav > ul > li.programs.selected > a, #nav > ul > li.sport.selected > a, #nav > ul > li.donate.selected > a, #nav > ul > li#id-948:hover > a, #nav > ul > li#id-1064:hover > a, #nav > ul > li#id-1160:hover > a, #nav > ul > li#id-1320:hover > a, #nav > ul > li#id-1392:hover > a, #nav > ul > li#id-1064 > a:focus, #nav > ul > li#id-1160 > a:focus, #nav > ul > li#id-1320 > a:focus, #nav > ul > li#id-1392 > a:focus, #nav > ul > li#id-948.selected > a, #nav > ul > li#id-1064.selected > a, #nav > ul > li#id-1160.selected > a, #nav > ul > li#id-1320.selected > a, #nav > ul > li#id-1392.selected > a { background-color: #0b76b4; background-image: -webkit-linear-gradientgradient(linear, left top, left bottom, from(#0b76b4), to(#157ebb)); background-image: -webkit-linear-gradient(top, #0b76b4, #157ebb); background-image: -moz-linear-gradient(top, #0b76b4, #157ebb); background-image: -o-linear-gradient(top, #0b76b4, #157ebb); background-image: linear-gradient(to bottom, #0b76b4, #157ebb); } #nav > ul > li.about:hover > a, #nav > ul > li.about.selected > a, #nav > ul > li#id-948:hover > a, #nav > ul > li#id-948.selected > a, #nav > ul > li#id-948 > a:focus { -webkit-box-shadow: 14px 0 12px -13px #111 inset; -moz-box-shadow: 14px 0 12px -13px #111 inset; box-shadow: 14px 0 12px -13px #111 inset; } #nav > ul > li.home.selected, #nav > ul > li#id-72.selected, .home #nav > ul li.home { background-position: 0px -64px; } #nav > ul > li.training.selected, #nav > ul > li#id-484.selected { background-position: -74px -64px; } #nav > ul > li#id-484.selected > a { color: #013652; } #nav > ul > li.families.selected, #nav > ul > li#id-512.selected { background-position: -214px -64px; } #nav > ul > li.schools.selected, #nav > ul > li#id-688.selected { background-position: -346px -64px; } #nav > ul > li.aquatic.selected, #nav > ul > li#id-780.selected { background-position: -496px -64px; } #nav > ul > li > div { background: url(https://www.royallifesaving.com.au/__data/assets/image/0011/1811/bg-mega-menu-main.gif?v=0.0.4) left top repeat-y #e7e7e7; position: absolute; z-index: 9; width: 100%; margin-left: -999em; padding-top: 20px; left: 0; top: 50px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; -moz-box-shadow: 1px 3px 3px #000; -webkit-box-shadow: 1px 3px 3px #000; box-shadow: 1px 3px 3px #000; } #nav > ul > li.training > div, #nav > ul > li#id-484 > div { background-image: none; } #nav > ul > li:hover > div, #nav > ul > li.hovered > div { margin-left: 0; left: 0; } #nav > ul > li.hovered { zoom: 1; } .js-disabled #nav > ul > li { zoom: 1; } .js-disabled #nav > ul > li div a:focus { margin-left: 999em!important; background: #fff; padding: 10px; position: absolute; left: 0; top: 0; width: 960px; zoom: 1; } .js-disabled #nav > ul > li div a:focus img { margin: 0; padding-right: 12px; } #nav .feature, #nav .secondary, #nav .aux-info { float: left; } #nav .secondary strong, #nav .aux-info strong { text-transform: uppercase; font-size: 1.34em; margin: 4px 0 5px; color: #055B93; font-weight: normal; display: block; } #nav .feature { -moz-box-shadow: 2px 0 3px #AAAAAA; -webkit-box-shadow: 1px 0 3px #AAAAAA; box-shadow: 2px 0 3px #AAAAAA; margin-top: -20px; padding: 12px 12px 32px; background: #fff; float: left; margin-left: -976px; overflow: hidden; width: 204px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } #nav .no-feature .feature { display: none; } #nav .no-aux .feature { margin-left: -981px; } #nav .feature img { padding: 0 0 10px; } #nav .feature span { color: #004b76; line-height: 1.6; display: block; } #nav .feature .button { margin: 20px 0 16px; } #nav .no-aux .secondary { margin: 0 0 0 232px; width: 738px; } #nav .no-aux.no-feature .secondary { margin: 0; width: 965px; } #nav .no-feature { background-image: url(https://www.royallifesaving.com.au/__data/assets/image/0012/1812/bg-mega-menu-wide.gif?v=0.0.4); } #nav .no-feature .secondary { margin: 0 233px 20px 0; width: 732px; padding-bottom: 0; border: none; } #nav .no-feature.no-aux .secondary { border: none; padding-bottom: 20px; } #nav .secondary { margin: 0 233px 0 232px; overflow: hidden; width: 500px; border-right: 1px dotted #1ab5e8; padding: 0 0 12px 10px; } #nav .secondary > strong { margin-left: 4px; } #nav .secondary ul li { display: inline-block; width: 244px; vertical-align: top; padding: 0 0 10px 0; *display: inline; zoom: 1; } #nav .secondary ul li a { padding: 10px 4px 10px 78px; margin-left: -4px; display: block; color: #004b76; text-decoration: none; zoom: 1; position: relative; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } #nav .secondary > ul > li > a > strong { text-transform: uppercase; font-size: 1.3em; font-weight: normal; } #nav .secondary ul li a.no-thumb { padding: 10px 10px 10px 10px; } #nav .secondary ul li a.thumb { min-height: 58px; } #nav .secondary ul li a:hover, #nav .secondary ul li a:focus, #nav .secondary ul li a.selected { background-color: #fff; } #nav .secondary ul li a:hover h3 { text-decoration: underline; } #nav .secondary ul li img { position: absolute; top: 10px; left: 10px; } #nav .secondary ul li.folder img { margin-left: 0; padding: 5px 0 0; float: none; position: static; } #nav .secondary ul li strong { font-size: 1em; font-family: arial; text-transform: none; font-weight: bold; margin: 0; display: block; } #nav .secondary ul li span { font-weight: normal; font-family: arial; padding: 5px 0 0; display: block; position: absolute; left: -999em; } #nav li#id-484 .secondary ul span, #nav li.training .secondary ul span { position: static; } #nav .secondary ul li li { padding: 0; } #nav .secondary ul li li a { padding: 5px 10px 5px 10px !important; } #nav .secondary ul li li a strong { font-weight: normal!important; } #nav .secondary ul li li strong { padding: 0; } #nav .secondary ul li li li a { padding: 3px 10px 3px 25px!important; background: url(https://www.royallifesaving.com.au/__data/assets/image/0011/335/bg-blue-light-bullet.png?v=0.1.1) 11px 8px no-repeat transparent; font-size: 0.98em; font-weight: normal; } #nav .secondary ul ul ul { margin: 2px 0 10px; } #nav .secondary ul li.folder a { padding: 10px 0 10px 10px; margin: 0; } #nav li.training .secondary > ul > li > a > strong, #nav li#id-484 .secondary > ul > li > a > strong { font-size: 1em; } #nav .secondary ul li li a strong { font-weight: bold!important; } #nav .secondary ul li li li a:hover { text-decoration: underline; background-color: transparent; } #nav .no-aux .secondary ul li a { margin: 0; } #nav .no-aux .secondary > ul > li, #nav .no-feature .secondary > ul > li { float: left; } #nav .no-aux .secondary > ul > li.no-border, #nav .no-feature .secondary > ul > li.no-border { border: none; } #nav .aux-info { float: left; margin-left: -234px; padding: 0 20px 12px; width: 198px; } #nav .aux-info ul { padding: 8px 0 15px; } #nav .aux-info ul li a { padding: 0 0 6px 14px; background: transparent url(https://www.royallifesaving.com.au/__data/assets/image/0011/335/bg-blue-light-bullet.png?v=0.1.1) no-repeat scroll 0 0.4em; line-height: 1.6em; display: inline-block; font-weight: normal; } /*-- 2.5 Breadcrumbs --*/ #breadcrumb-wrapper { margin: 20px auto 30px auto; } .landing #breadcrumb-wrapper { margin: 20px auto 16px auto; } .breadcrumb { margin: 0 0 0 3px; width: 780px; } .breadcrumb em, .breadcrumb a { padding: 0 0 0 27px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat 8px 50%; } .breadcrumb a:first-child { padding: 0; background: none; } .breadcrumb a { color: #006296; text-decoration: none; } .breadcrumb a:hover, .breadcrumb a:focus { text-decoration: underline; } .breadcrumb em { color: #58585a; font-weight: bold; font-style: normal; } /*-- 2.6 Secondary Navigation --*/ #nav-secondary { position: relative; } #nav-secondary h2 { position: absolute; top: -999em; left: -999em; } #nav-secondary h3 { position: absolute; top: -18px; left: 9px; margin: 0; padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #006296; color: #fff; font-size: 1.333333333em; } /* First Level */ #nav-secondary > ul { margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; } #nav-secondary > ul a { -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } #nav-secondary ul a:hover { background: #eee; } #nav-secondary > ul > li { padding: 0; background: none; } #nav-secondary > ul > li > a { display: block; padding: 15px 0; border-top: 1px dotted #1ab5e8; background: #e2f0f5; font-weight: bold; } #nav-secondary > ul > li:first-child > a { border: none; padding-top: 37px; } #nav-secondary > ul > li.active > a { background: #cfcfcf; } #nav-secondary > ul > li > a > span { margin-left: 23px; padding-left: 14px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0008/332/bg-blue-bullet-large.png?v=0.1.1) no-repeat 0 4px; display: inline-block; } /* Second Level */ #nav-secondary > ul > li.active > ul { position: static; } #nav-secondary > ul > li > ul { margin: 0; position: absolute; left: -999em; } #nav-secondary > ul > li > ul > li { padding: 0; } #nav-secondary > ul > li > ul > li > a { display: block; padding: 15px 0; border-top: 1px dotted #dbdbdb; background: #f4f4f4; font-weight: normal; } #nav-secondary > ul > li > ul > li:first-child > a { border-top: 1px dotted #1ab5e8; } #nav-secondary > ul > li > ul > li.current > a > span { text-decoration: underline; } #nav-secondary ul > li > ul > li > a > span { margin-left: 54px; padding-left: 14px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat 0.1em 4px; display: inline-block; } /* Third Level */ #nav-secondary > ul > li > ul > li > ul { margin: 0; } #nav-secondary > ul > li > ul > li > ul > li { padding: 0; } #nav-secondary > ul > li > ul > li > ul > li > a { display: block; padding: 15px 0; border-top: 1px dotted #dbdbdb; background: #fff; font-weight: normal; } #nav-secondary > ul > li > ul > li > ul > li.current > a > span { text-decoration: underline; } #nav-secondary ul > li > ul > li > ul > li > a > span { margin-left: 80px; padding-left: 14px; padding-right: 5px; background: url("https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1") no-repeat 0.2em 5px; display: inline-block; } /*-- 2.7 Footer --*/ #footer-wrapper { width: 100%; background: #002440 url("https://www.royallifesaving.com.au/__data/assets/image/0014/338/bg-footer-wrapper.jpg?v=0.1.1") no-repeat scroll 50% 0; } #footer { padding-top: 34px; } /*-- 2.7.1 Site Links --*/ div.site-links { margin-left: -46px; overflow: hidden; } div.site-links h2 { position: absolute; top: -999em; left: -999em; } div.site-links > div { display: inline-block; vertical-align: top; padding: 0 0 5px 46px; width: 150px; zoom: 1; *display: inline; } div.site-links > div h3 a { color: #66ccff; text-decoration: none; font-size: 0.727272727em; /* 16px */ } div.site-links ul { margin-top: 14px; } div.site-links ul li { padding-left: 12px; background: url("https://www.royallifesaving.com.au/__data/assets/image/0016/349/bg-white-bullet.png?v=0.1.1") no-repeat 0 0.2em; } div.site-links ul li a { display: block; padding: 1px 0; color: #fff; text-decoration: none; } div.site-links ul li a:hover, div.site-links ul li a:focus { text-decoration: underline; } /*-- 2.7.2 Footer Links --*/ ul.footer-links { clear: both; padding: 28px 0 56px; border-top: 1px solid #00a6e2; margin-top: 20px; } ul.footer-links li { float: left; } ul.footer-links li a { padding: 0 0 0 20px; background: url("https://www.royallifesaving.com.au/__data/assets/image/0008/350/global-links-separator.gif?v=0.1.1") no-repeat 8px 2px; color: #fff; text-decoration: none; } ul.footer-links li a:hover, ul.footer-links li a:focus { text-decoration: underline; } ul.footer-links li:first-child a { padding-left: 0; background: none; } /* -------------------- 3. Content Elements -------------------- */ /*-- 3.1 Modules --*/ /*-- 3.1.1 Content Blocks --*/ .content-block { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; } .content-block > h2, .content-block > a > h2 { position: absolute; top: -18px; left: 18px; margin: 0 18px 0 0; padding: 12px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #e6e6e6; color: #006296; text-transform: uppercase; font-size: 1em; z-index: 10; } /*-- 3.1.2 Table of Contents + Featured --*/ .content-block { transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; } .content-block > div { zoom: 1; } div.toc { margin-top: 0!important; margin-left: -28px; padding: 0!important; background: none!important; zoom: 1; } div.toc .content-block, div.featured .content-block { float: left; margin: 60px 0 0 28px; width: 224px; cursor: pointer; } div.toc .content-block.full-width, div.featured .content-block.full-width { cursor: auto; } .inside #content div.featured .content-block { margin: 60px 0 0 28px; width: 214px; } .inside #content div.featured .content-block a { padding: 34px 11px 6px; text-align: center; } .inside #content div.featured .content-block img { padding-bottom: 4px; float: none; } .inside #content div.featured .content-block div { margin: 0; clear: both; float: left; width: 100%; text-align: left; } .inside #content div.featured .content-block div strong { color: #58585A; padding: 6px 0 2px; display: block; clear: both; } .inside #content div.featured .content-block span.file-info { padding: 10px 0 4px 20px!important; border-top: 1px dotted #7fb0ca; background-position: -28px 9px!important; } .inside #content div.featured .content-block span.link { padding: 10px 4px!important; width: 100%; background: none!important; } .inside #content div.featured .content-block span.link em { font-weight: bold; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 100% 2px transparent; padding-right: 10px; } div.toc .content-block:hover, div.toc .content-block:focus, div.featured .content-block:hover, div.featured .content-block:focus { background-color: #e2f0f5; } div.toc .content-block.full-width:hover, div.toc .content-block.full-width:focus, div.featured .content-block.full-width:hover, div.featured .content-block.full-width:focus { background-color: #fff; } div.toc .content-block:hover img, div.toc .content-block:focus img, div.featured .content-block:hover img, div.featured .content-block:focus img { opacity: 0.8; } #content div.toc .content-block a, #content div.featured .content-block a { display: block; text-decoration: none; zoom: 1; } #content div.toc .content-block.full-width a, #content div.featured .content-block.full-width a { display: inline-block; } #content div.featured .content-block span.file-info { clear: both; float: left; } #content div.featured .content-block.full-width span.file-info {float: none;} div.toc .content-block h2 { top: -27px; } .home div.toc .content-block h2 { color: #1998a3; background: #fff; } #content div.toc .content-block img { -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } #content div.toc .content-block.full-width img { width:100%; height:auto; } #content div.toc .content-block.block-1 img, #content div.toc .content-block.block-2 img, #content div.toc .content-block.block-3 img { -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; } div.toc .content-block div { margin-top: -4px; padding: 18px 15px 12px; } #content div.featured .content-block ul { margin: 0; border-top: 1px dotted #006296; } #content div.featured .content-block ul li { background-position: 95% 0.4em; line-height: 1.6em; padding: 3px 24px 3px 20px; border-bottom: 1px dotted #006296; text-transform: uppercase; } div.toc .content-block div h5 { font-size:1em; text-transform: uppercase; color:#006296; font-family: 'VAG Rounded W01 Bold'; margin-bottom:10px; } div.toc .content-block div p, div.featured .content-block div p { margin-top: 0; color: #58585a; } div.toc .content-block span.read-more { display: block; padding: 12px 0 0 0; border-top: 1px dotted #7fb0ca; text-transform: uppercase; } div.toc .content-block span.read-more em { padding-right: 10px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat 100% 0.2em; font-style: normal; } /*-- 3.1.3 Tabs --*/ .tabs-wrapper .tab-content { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; padding: 10px; clear: both; min-height: 378px; } .js-disabled .tabs-wrapper .tab-content { min-height: 0; } ul#tabs-wrapper { margin: 0; padding: 0; overflow: hidden; background: url(https://www.royallifesaving.com.au/__data/assets/image/0012/363/sprite-tabs.png?v=0.1.1) 0 7px no-repeat; } ul#tabs-wrapper li { font-size: 1.3em; text-transform: uppercase; background: none; padding: 0; width: 143px; float: left; text-align: center; margin-left: -2px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0012/363/sprite-tabs.png?v=0.1.1) -999em -999em no-repeat; } ul#tabs-wrapper li:first-child { margin: 0; } ul#tabs-wrapper li a { padding: 15px 0 5px; display: block; background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) -999em -999em no-repeat; } ul#tabs-wrapper li a:hover, ul#tabs-wrapper li a:focus { text-decoration: none; } ul#tabs-wrapper li.social, ul#tabs-wrapper li.youtube { text-align: left; } ul#tabs-wrapper li.newsevents:hover { background-position: 1px -109px; } ul#tabs-wrapper li.social:hover { background-position: 1px -109px; } ul#tabs-wrapper li.youtube:hover { background-position: -283px -109px; } ul#tabs-wrapper li.social a { background-position: 81px -3617px; padding: 15px 0 5px 20px; } ul#tabs-wrapper li.youtube a { background-position: 102px -3519px; padding: 15px 0 5px 26px; } ul#tabs-wrapper li.current, ul#tabs-wrapper li.current:hover { background-position: 0 -55px; } .quick-list { width: 223px; float: left; } .quick-list:first-child { width: 223px; float: left; margin-right: 10px; } .quick-list.single { width: 100%; margin: 0; } #content .quick-list h3 { font-size: 1.4em; margin: 12px 0 5px; text-indent: 4px; } #content .quick-list h3 a:hover { text-decoration: underline!important; background-color: transparent; } #content .quick-list ul { margin: 0; } #content .quick-list ul li { padding: 0; background: none; } #content .quick-list ul li a { padding: 16px 2px 10px 72px; display: block; border-top: 1px dotted #96dff6; zoom: 1; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; overflow: hidden; min-height: 78px; } #content .quick-list ul li a.no-thumb { padding: 16px 2px 10px 10px; } #content .quick-list ul li:first-child a { border: none; padding-top: 8px; } #content .quick-list social-widget { width: 213px; height: 326px; } .quick-list a:hover, .quick-list a:focus { background: #E2F0F5; text-decoration: none!important; } .quick-list ul li a img { float: left; margin: 0 0 0 -68px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .quick-list strong, .quick-list em, .quick-list span { display: block; } .quick-list strong { line-height: 1; } .quick-list em { font-style: normal; line-height: 1.5; } .quick-list span { color: #58585a; line-height: 1.4; } #content .quick-list a.more { padding: 0 10px 0 72px; margin: 4px 0; } #twitter-widget-0 { margin: 5px 0 0; } #facebook-widget { margin: 6px 0 0; width: 213px; height: 327px; } div.toc .content-block.full-width > h2 , div.featured-home .content-block > h2 { font-size: 1.5em; padding: 16px; } /*-- 3.1.4 Videos --*/ .js-enabled .video-wrapper { display: block !important; } .video-wrapper { height: 420px; width: 560px; margin: 0 0 20px 0; display: none; } .js-enabled #content #playerContainer { height: 220px; padding: 6px; width: 444px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0010/352/loading.gif?v=0.1.1) center no-repeat; } #content #playerContainer, #content #videos { padding: 6px; } #content ul.videos li { float: left; width: 80px; margin-left: -2px; cursor: pointer; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } #content ul.videos li .clip-url { position: absolute; left: -999em; } #content ul.videos li:hover { background: #E2F0F5; } #content ul.videos li:first-child { margin: 0; } #content ul.videos li span { font-size: 0.9em; color: #000; } #content ul.videos li span.video-helper { position: absolute; left: -999em; } /*-- 3.1.5 Feature Blocks --*/ div.toc .block-1 a, div.toc .block-2 a, div.toc .block-3 a, div.featured .content-block a { padding: 44px 18px 16px; } div.toc .block-1 h2, div.toc .block-2 h2, div.toc .block-3 h2, div.featured .contnet-block h2 { top: -18px; } div.toc .block-1 img, div.toc .block-2 img, div.toc .block-3 img, div.featured .content-block img { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* div.toc .content-block.full-width img{ float: none; width:100%; height:auto; margin-bottom:1em; } div.toc .content-block.full-width div{ margin-left: 0px; }*/ div.toc .block-1 div, div.toc .block-2 div, div.toc .block-3 div, div.featured .content-block div { margin-top: 0; } div.toc .block-4 { clear: both; } /* First Block */ div.toc .block-1 { margin-top: 35px; width: 980px; } div.toc .block-1 div { margin-left: 400px; padding: 0; } /* Second & Third Block */ div.toc .block-2, div.toc .block-3, div.featured .content-block { margin-top: 34px; width: 474px; } div.featured .content-block { margin-left: 28px; } div.toc .block-2 div, div.toc .block-3 div, div.featured .content-block div { margin-left: 215px; padding: 0; } /*-- 3.1.6 In-Page Features --*/ div.in-page-features { margin-left: -28px; margin-top: 0!important; padding: 0!important; background: none!important; } div.in-page-features .content-block { float: left; margin: 50px 0 0 28px; width: 308px; } div.in-page-features .content-block:hover, div.in-page-features .content-block:focus { background-color: #e2f0f5; } div.in-page-features .content-block:hover img, div.in-page-features .content-block:focus img { opacity: 0.8; } div.in-page-features .content-block h2 { top: -22px; background-color: #628011; color: #fff; } .training div.in-page-features .content-block h2 { background: #f99d1c; color: #013652; } #content div.in-page-features .content-block > a { display: block; padding: 29px 16px 0px; text-decoration: none; min-height: 95px; } div.in-page-features .content-block img { float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.in-page-features .content-block div { margin-left: 106px; } div.in-page-features .content-block div p { margin-top: 0; color: #58585a; } div.featured { padding: 0!important; background: none!important; margin-left: -28px; margin-top: -10px!important; zoom: 1; } /* Listing Feature */ div.in-page-features .content-block.listing { padding: 22px 16px 7px; width: 276px; } div.in-page-features .content-block.listing:hover, div.in-page-features .content-block.listing:focus { background: #fff; } div.in-page-features .content-block.listing div { float: none; margin: 0; width: 100%; } #content div.in-page-features .content-block.listing ul { margin: 0; } #content div.in-page-features .content-block div ul li { padding: 0; border-top: 1px dotted #006296; background: none; } #content div.in-page-features .content-block div ul li a { display: block; padding: 7px 0 7px 7px; margin-left: -7px; text-transform: uppercase; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 95% 50%; } #content div.in-page-features .content-block div ul li a:hover, #content div.in-page-features .content-block div ul li a:focus { background-color: #e2f0f5; } #content div.in-page-features .content-block div ul li:first-child { border: none; } /*-- 3.1.7 Section Pages Module --*/ div.section-pages { float: left; margin: 44px 0 0 0; padding: 51px 26px 33px; width: 648px; } div.section-pages h2 { position: absolute; top: -18px; left: 22px; padding: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #628011; color: #fff; font-size: 1em; } #content div.section-pages ul { margin: 0; } #content div.section-pages ul li { float: left; width: 300px; background-position: 0 0.8em; } #content div.section-pages ul li a { display: block; padding: 5px 0; } /* add-info */ div.add-info { zoom: 1; } div.add-info .content-block { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; float: left; margin-top: 45px; } div.add-info .content-block > div { float: left; width: 380px; position: relative; padding: 45px 18px 25px 46px; } div.add-info .content-block > div:first-child { width: 472px; } div.add-info .content-block > div h2 { background: #628011; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; font-size: 1em; left: 18px; margin: 0 18px 0 0; padding: 12px; position: absolute; text-transform: uppercase; top: -18px; z-index: 10; } /*-- 3.1.8 National Partners --*/ .add-info div a { display: block; text-indent: -999em; background: url(https://www.royallifesaving.com.au/__data/assets/image/0013/355/sprite-logos.png?v=0.2.3) no-repeat 0 0; float: left; margin-left: 15px; } .add-info div .kp-logo { width: 63px; height: 47px; background-position: 0 0; margin: 0; } .add-info div .ut-logo { width: 71px; height: 42px; background-position: -84px -8px; } .add-info div .pw-logo { width: 95px; height: 42px; background-position: -178px 0; } .add-info div .ils-logo { width: 48px; height: 48px; background-position: -410px 0; } .add-info div .as-logo { width: 113px; height: 49px; background-position: -176px 0; } .add-info div .ag-logo { width: 92px; height: 49px; background-position: -531px -1px; margin-left: 5px; } .add-info div .rls-logo { width: 36px; height: 49px; background-position: -477px 0; } .add-info div .kp-logo:hover, .add-info div .kp-logo:focus { background-position: 0 100%; } .add-info div .ut-logo:hover, .add-info div .ut-logo:focus { background-position: -84px -78px; } .add-info div .pw-logo:hover, .add-info div .pw-logo:focus { background-position: -178px -90px; } .add-info div .ils-logo:hover, .add-info div .ils-logo:focus { background-position: -410px -80px; } .add-info div .as-logo:hover, .add-info div .as-logo:focus { background-position: -176px -83px; } .add-info div .ag-logo:hover, .add-info div .ag-logo:focus { background-position: -531px -82px; } .add-info div .rls-logo:hover, .add-info div .rls-logo:focus { background-position: -477px -80px; } /*-- 3.1.9 Carousel --*/ #content .scrollable { height: 70px; overflow: hidden; padding: 0; position: relative; width: 274px; margin: 0 52px; } #content .scrollable ul { height: 70px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 2000em; } #content .carousel ul { margin: 0; } #content .scrollable ul li { float: left; margin: 0; padding: 0; position: relative; background: none; width: 275px; } .js-disabled #content .carousel { height: auto; } .js-disabled #content .carousel ul { width: auto; height: auto; position: static; } .js-disabled #content .carousel ul li { float: none; width: 100%; border-bottom: 1px dotted #96DFF6; } .js-disabled #content .carousel ul li a { float: none; display: block; padding: 8px; } .js-disabled #content .carousel ul li a.has-image { padding: 8px 8px 8px 110px; } #content .carousel ul li a { text-indent: 0; display: inline-block; margin: 0; background: none; padding: 6px 6px 6px 10px; color: #58585a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } #content .carousel ul li .thumb-wrap { float: left; margin: 0 0 0 -105px; width: 100px; text-align: center; } #content .carousel ul li a.has-image { padding: 6px 6px 6px 110px; } #content .carousel ul li a strong { display: block; } #content .carousel ul li a:hover { background: #E2F0F5; text-decoration: none!important; } #content .carousel a.next, #content .carousel a.prev { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) -149px -2904px no-repeat; border: medium none; cursor: pointer; display: block; height: 32px; position: absolute; text-indent: -9999px; top: 45%; width: 32px; z-index: 10; } #content .carousel a.next, #content .carousel a.next.disabled:hover, #content .carousel a.next.disabled:focus { background-position: -180px -2936px; right: 20px; } #content .carousel a.next:hover, #content .carousel a.next:focus { background-position: -180px -2904px; } #content .carousel a.prev, #content .carousel a.prev.disabled:hover, #content .carousel a.prev.disabled:focus { background-position: -147px -2904px; left: 0; } #content .carousel a.prev:hover, #content .carousel a.prev:focus { background-position: -147px -2936px; left: 0; } #content .carousel a.prev.disabled, #content .carousel a.prev.disabled:hover { background-position: -83px -2937px; cursor: auto; } #content .carousel a.next.disabled, #content .carousel a.next.disabled:hover { background-position: -117px -2936px; cursor: auto; } /*-- 3.1.10 Document Listing Module --*/ .doc-listing { float: left; margin: 44px 0 0 0; padding: 51px 26px 33px; width: 648px; } fieldset.doc-listing { margin: 0; } .default-form.content-block fieldset.doc-listing { padding: 0; } .default-form.content-block fieldset.pagination { clear: both; padding: 15px 0; } .default-form.content-block fieldset.pagination ul { float: right; } .media-list .doc-listing { width: auto; padding: 0; margin: 15px 0; } .doc-listing h2 { background: #628011; color: #fff; } #content .doc-listing ul { margin: 0; } #content .doc-listing ul li { background: none; padding: 0; border-bottom: 1px dotted #b8b8b8; zoom: 1; } #content .doc-listing ul li:first-child { border-top: 1px dotted #b8b8b8; } #content .default-form .doc-listing ul li:first-child { border-top: none; } .doc-listing ul li a { display: block; padding: 22px 10px; margin: 0 -10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; zoom: 1; } .doc-listing ul li a.has-image { padding: 22px 10px 22px 178px; min-height: 85px; overflow: hidden; } .doc-listing ul li a.has-image img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-left: -170px; max-width: 140px; } .media-list .inner-right a > div > img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 140px; } #content .doc-listing ul li a:hover, #content .doc-listing ul li a:focus, .media-list .inner-right .content-block > a:hover, .media-list .inner-right .content-block > a:focus { background-color: #e2f0f5; text-decoration: none; } .media-list .inner-right .content-block { margin-bottom: 30px; } .media-list .doc-listing ul li p { margin: 0.4em 0 0.7em; color: #58585A; } .doc-listing dl { display: block; color: #58585a; } .doc-listing dl dt { width: auto; padding: 2px 4px 0 0; clear: none; } .doc-listing dl dd { margin: 0; padding: 2px 0 0; } .doc-listing dl dt.normal-weight, .doc-listing dl dt:first-child { font-weight: normal; } .doc-listing dl dd.bold-weight { font-weight: bold; } #content div.featured .content-block span.file-info { font-size: 1em!important; padding: 2px 0 4px 27px!important; margin: 10px 0 0; } #content div.featured .content-block span.file-info, .doc-listing ul li a span { background: url(https://www.royallifesaving.com.au/__data/assets/image/0011/353/sprite-doc-icons.png?v=0.1.7) no-repeat -999em -999em; color: #006296; font-size: 1.333333333em; /* 16px */ display: block; } #content div.featured .content-block span.file-info.pdf, #content div.featured .content-block span.file-info.doc, #content div.featured .content-block span.file-info.xls, #content div.featured .content-block span.file-info.file, .doc-listing ul li.pdf a span, .doc-listing ul li.doc a span, .doc-listing ul li.xls a span, .doc-listing ul li.file a span { padding: 0 0 4px 20px; } #content div.featured .content-block span.file-info.pdf, .doc-listing ul li.pdf a span { background-position: -46px 0; } #content div.featured .content-block span.file-info.doc, .doc-listing ul li.doc a span { background-position: -33px -16px; } #content div.featured .content-block span.file-info.xls, .doc-listing ul li.xls a span { background-position: -19px -32px; } #content div.featured .content-block span.file-info.file, .doc-listing ul li.file a span { background-position: 0 -50px; } #content div.featured .content-block span.file-info span, .doc-listing ul li a span em, .media-list .inner-right a span em { font-style: normal; text-transform: uppercase; } .media-list .inner-right a span em { font-size: 1.3em; margin: 14px 0 10px; display: block; color: #006296; } #content div.featured .content-block span.file-info em { font-size: 1em; color: #006296; font-style: normal; text-transform: uppercase; font-weight: bold; } #content fieldset.doc-listing ul li { border-bottom: 1px dotted #b8b8b8; } #content fieldset.pagination { border-bottom: 1px dotted #b8b8b8; border-top: 1px solid transparent; } #content fieldset.pagination.bottom { border-bottom: 1px solid transparent; } .media-list .doc-listing dl { padding: 5px 0; } .media-list .doc-listing dl dt, .media-list .inner-right dl dt, .media-list .details-page dl dt { text-indent: -999em; width: 16px; height: 18px; } .media-list .inner-right dl dt, .media-list .details-page dl dt { padding: 0 4px 0 0; } .media-list .inner-right dl dd, .media-list .details-page dl dd { padding: 0; margin: 0; line-height: 1.6; } .media-list .doc-listing dl dt, .media-list .doc-listing dl dd { padding-top: 0; } /*-- 3.1.11 Accordion Module --*/ div.accordion { float: left; overflow: hidden; margin-top: 44px; width: 700px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .inside #content-main div.accordion { float: none; width: 645px; } .landing div.accordion { width: 920px; float: none; } .resources div.accordion { width: 640px; } .contact-us div.accordion { width: 560px; margin: 0; } .contact-us div.accordion div h3 { font-size: 1.2em; margin: 0.2em 0 1.4em; } .contact-us div.accordion > div > div > img, div.accordion .gmaps { float: right; } .contact-us div.accordion > div > div { overflow: hidden; } .contact-us div.accordion .gmaps img { padding: 0; } div.accordion .gmaps img { padding-left: 10px; padding-bottom: 10px; } div.accordion h2 { margin: 0; padding: 19px 92px 16px 28px; border-top: 1px solid #eee; color: #5e5e5e; text-transform: uppercase; font-size: 1.333333333em; /* 18px */ cursor: pointer; background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat right -4600px #d9d9d9; } div.accordion img { display: block; } div.accordion > h2:first-child { border: none; } .js-enabled div.accordion h2:hover { background-color: #5f5f5f; color: #fff; } div.accordion h2.selected { background-color: #055b93!important; background-position: right -4240px; color: #fff; } .js-disabled div.accordion h2 { background: #055b93; color: #fff; } div.accordion div h3, div.accordion div h4 { margin: 0 0 8px; text-transform: uppercase; font-size: 1.571428571em; /* 14px */ } #content div.accordion div dl { margin: 15px 0; } div.accordion > div > div { padding: 32px 20px 32px 28px; border-top: 1px dotted #b8b8b8; background: #fff; } div.accordion > div > img { display: block; } div.accordion > div > div:first-child { border: none; } /*-- 3.1.12 Banner + Feature --*/ #branding-ribbon { position: relative; } #branding-ribbon > .banner-info { float: right; color: #fff!important; width: 240px; min-height: 70px; padding: 18px 20px 19px 30px; margin: 0 30px 0 0; position: absolute; right: 0; top: 55px; } #branding-ribbon > .banner-info > div { background: url(https://www.royallifesaving.com.au/__data/assets/image/0012/327/bg-banner-info-point-l.png?v=0.1.1) no-repeat scroll left center transparent; margin: 0 0 0 -45px; padding: 0 0 0 30px; } #branding-ribbon > img { -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; } #branding-ribbon h1 { position: absolute; left: 30px; top: 72px; color: #fff; font-size: 2.8em; } #banner-container { position: relative; padding: 0!important; background: none!important; height: 372px; width: 981px; overflow: hidden; clear: both; } .js-disabled #banner-container, .js-disabled #banner { height: auto; } #banner-container.loading { background: url(https://www.royallifesaving.com.au/__data/assets/image/0010/352/loading.gif?v=0.1.1) center no-repeat!important; } #banner-container p { position: absolute; top: 0; height: 372px; width: 981px; font-size: 2.4em; text-align: center; font-style: italics; color: #ccc; } .training #banner-container { margin-top: 4px; } #banner { position: relative; height: 372px; width: 981px; color: #fff; } .banners { position: absolute; top: 0; left: 0; height: 372px; width: 981px; } .js-disabled .banners { position: static; } .banners img { float: left!important; -moz-border-radius-bottomright: 10px!important; border-bottom-right-radius: 10px!important; -moz-border-radius-bottomleft: 10px!important; border-bottom-left-radius: 10px!important; min-height: 372px; } .banner-info { float: left; margin-top: -100px; width: 285px; min-height: 100px; background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/348/bg-transparent.png?v=0.1.1) left top repeat; padding: 18px 30px 19px 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-left: 22px; margin-top: -164px; } .banner-info > div { background: url(https://www.royallifesaving.com.au/__data/assets/image/0014/329/bg-banner-info-point.png?v=0.1.1) right center no-repeat; padding-right: 30px; margin-right: -47px } .banner-info h2 { color: #fff; text-transform: uppercase; font-size: 1.7em; line-height: 1; margin: 0 0 10px; } .banner-info .button { margin: 12px 0 0; } .banner-info .button a { color: #006296!important; font-size: 0.9em; padding: 6px 8px 5px; text-decoration: none; } #banner-nav { bottom: 50px; left: 157px; position: absolute; z-index: 50; width: 112px; text-align: right; } #banner-nav > a { background: url("https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19") no-repeat scroll -35px -2851px transparent; display: inline-block; overflow: hidden; height: 1px; width: 10px; cursor: pointer; margin-left: 4px; padding-top: 8px; } #banner-nav > a.active, #banner-nav > a.active:hover, #banner-nav > a.active:focus { background-position: -5px -2851px; } #banner-nav > a:hover, #banner-nav > a:focus { background-position: -49px -2851px; } .training #banner-nav a.active { background-position: -22px -2851px; } #banner-control { position: absolute; z-index: 50; left: 280px; bottom: 42px; } #banner-control > a { background: url("https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19") no-repeat scroll -70px -2840px transparent; display: block; height: 30px; overflow: hidden; text-indent: -999em; width: 30px; cursor: pointer; float: left; } #banner-control > a.play { background-position: -98px -2872px; } .training #banner-control > a.play { background-position: -98px -2872px; } #banner-control > a.play:hover, #banner-control > a.play:focus { background-position: -98px -2905px; } #banner-control > a.play.active { background-position: -98px -2840px; } .training #banner-control > a.play.active { background-position: -180px -2841px; } #banner-control > a.pause { background-position: -68px -2840px; } .training #banner-control > a.pause { background-position: -150px -2841px; } #banner-control > a.pause:hover, #banner-control > a.pause:focus { background-position: -68px -2905px; } #banner-control > a.pause.active { background-position: -68px -2872px; } .training #banner-control > a.pause.active { background-position: -150px -2872px; } #banner-container a.prev, #banner-container a.next { position: absolute; height: 208px; width: 490px; top: 0; cursor: pointer; z-index: 40; text-indent: -999em; } #banner-container a.next { right: 0; height: 372px; } #branding-ribbon-wrapper { margin: 0 auto; width: 980px; } #branding-ribbon-wrapper.no-banner { display: none!important; } /*-- 3.1.13 Info Boxes --*/ .info-boxes { -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; background: #fff; float: left; position: relative; } .info-boxes p { color: #58585a; margin: 0; } .info-boxes > a:first-child { border-color: transparent; } .info-boxes > a:hover { background: #E2F0F5; text-decoration: none!important; } .info-boxes .button { margin: 15px 0 10px; } .info-boxes > a, .info-boxes > div { float: left; width: 214px; border-left: 1px dotted #2dbfee; padding: 0 15px 5px; background: transparent; -webkit-transition:background-color 0.2s ease-in; -moz-transition:background-color 0.2s ease-in; -o-transition:background-color 0.2s ease-in; transition:background-color 0.2s ease-in; } .info-boxes.total-3 > a, .info-boxes.total-3 > div { width: 295px; } .info-boxes a h2 { padding: 24px 0 24px 72px; line-height: 1; text-transform: uppercase; font-size: 1.8em; margin: -5px 0 5px; position: relative; zoom: 1; } .info-boxes a div { padding: 0 10px 10px; } .info-boxes > div { color: #5151c6; padding: 0 30px 5px; width: 184px; } .info-boxes div h2 { line-height: 1; color: #5151c6; text-transform: uppercase; font-size: 1.8em; margin: 25px 0 5px; } .info-boxes div h2 span { font-size: 1.4em; } .info-boxes .training-icon { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -3037px; } .info-boxes .safety-icon { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -3227px; } .info-boxes .resources-icon { background: url(https://www.royallifesaving.com.au/__data/assets/image/0015/357/sprite-main.png?v=0.1.19) no-repeat 0 -3417px; } /*-- 3.2 Home Page --*/ .home #breadcrumb-wrapper { display: none; } /*-- 3.2.1 Featured Home --*/ div.featured-home { margin-left: -28px; zoom: 1; clear: both; } div.toc .content-block.full-width, div.featured-home .content-block, div.featured-home .tabs-wrapper { float: left; margin-top: 34px; margin-left: 28px; width: 440px; padding: 50px 18px 12px; min-height: 364px; } div.featured-home .tabs-wrapper { padding: 0; width: 476px; margin-top: 17px; } div.toc .content-block.full-width h3, div.featured-home .content-block h3 { font-size: 1.35em; margin: 20px 0 8px; } div.toc .content-block.full-width p, div.featured-home .content-block p { margin: 5px 0 10px; } div.toc .content-block.full-width a p{color:#58585a;} /*-- 3.2 Landing Page --*/ .landing #content-main > h1 { margin: 0 0 0 18px; } .landing #content-main > div { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 24px 30px; margin-top: 28px; zoom: 1; } .landing #content-main > div:first-child { margin-top: 0; min-height: 300px; } /*-- 3.2.1 Contact Page --*/ .contact-us .inner-left { width: 560px; float: left; margin-right: 25px; margin-top: 0!important; padding: 0!important; background: none!important; } .contact-us .inner-right { width: 393px; float: left; padding: 0!important; background: none!important; margin-top: 0!important; } .contact-us .content-block { padding: 25px 25px 10px; margin-bottom: 25px; } .contact-us .content-block > h2 { background: none; border: none; font-size: 2em; position: static; text-transform: none; padding: 0; margin: 20px 0; } .contact-us .default-form input[type="text"], .contact-us .default-form textarea { width: 220px; } .contact-us .default-form select { width: 242px; } .contact-us .default-form .controls { width: 243px; } .contact-us #content .default-form fieldset > div { width: 243px; padding: 8px 22px 7px 95px; } .contact-us #content .default-form fieldset > .errors { width: 336px; padding: 0; } .contact-us #content .default-form fieldset > .errors ul { margin: 0 0 20px; } /*-- 3.2.2 Media List --*/ .media-list .content-block { float: left; clear: both; } .media-list .inner-left .content-block { padding: 25px 25px 10px; } .media-list .inner-left .content-block > h2 { background: none; border: none; font-size: 2em; position: static; text-transform: none; padding: 0; margin: 20px 0; } .media-list .inner-left { width: 757px; float: left; margin-right: 25px; padding: 0!important; } .media-list .inner-right { width: 198px; float: left; padding: 0!important; margin-top: 12px!important; background: none!important; } .media-list .inner-right .content-block div { padding: 32px 15px 12px; color: #58585A; width: 168px; } .media-list .inner-right .content-block > a { display: block; text-decoration: none!important; cursor: pointer; } .media-list #content .inner-right .content-block div ul { margin: 10px 0 4px 5px } .media-list #content .inner-right .content-block div ul li { padding: 0 0 0 16px; } /*-- 3.2.3 Facts and Figures --*/ #content .default-form.content-block { width: 612px; float: left; } .inside #content .default-form.content-block { width: auto; margin-top: 50px; } #content .content-block.aux-block { width: 240px; float: left; margin-left: 28px; padding: 18px 20px 12px; } /*-- 3.2.4 Resources --*/ .resources .content-block { float: left; width: 640px; } .resources #content .default-form { float: right; width: 220px; margin-top: -6px; padding: 14px 12px 0 20px; } .resources #content .content-block-container { padding: 0; float: right; padding: 0; background: none; margin: 0; } .resources #content .content-block.listing { float: right; clear: right; width: 223px; padding: 16px 14px 0; margin-top: 28px; } .resources #content .content-block.listing h2 { position: static; background: none; font-size: 1.4em; padding: 0 0 10px; margin: 0; } .resources #content .content-block.listing ul { padding: -0; margin: 0 -14px; text-transform: uppercase; border-top: 1px dotted #006296; width: 250px; } .resources #content .content-block.listing ul li:first-child { border: none; } .resources #content .content-block.listing ul li { border-top: 1px dotted #006296; padding: 0; background: none; } .resources #content .content-block.listing ul li a { padding: 4px 10px 4px 14px; display: block; background: url(https://www.royallifesaving.com.au/__data/assets/image/0009/333/bg-blue-bullet.png?v=0.1.1) no-repeat scroll 95% 10px transparent; zoom: 1; } .resources #content .content-block.listing ul li:hover, .resources #content .content-block.listing ul li:focus { background: #E2F0F5; } /*-- 3.2.5 News --*/ #content .details-page > img { float: right; margin: 0 0 20px 20px; max-width: 340px; } /* 3.4 Inner Page */ /*-- 3.4.1 Training pages - course search form --*/ #month-select > select { width: 70px !important; } #month-select .alert-msg { float: right; margin-left: 0; margin-top: 0; } .find-scheduled-course-form input[type="text"] { border-radius: 0 0 0 0; margin-right: 10px; padding: 2px 5px; width: 168px; float: none !important; } .find-scheduled-course-form img.ui-datepicker-trigger { border-radius: 0 0 0 0 !important; width: 12px !important; height: 11px !important; cursor: pointer; } /* -------------------- 4. Fonts -------------------- */ /* * font-family:'FrutigerLTW01-45Light'; * font-family:'Museo Sans W01 500'; * font-family:'VAG Rounded W01 Bold'; * font-family:'VAG Rounded W01 Light'; * */ /*-- 4.1 Explicit Custom Font Targets --*/ /* 4.1.1 Active Fonts */ .mti-repaint h1, .mti-repaint h2, .mti-repaint h4, .mti-repaint .button a, .mti-repaint .pagination ul li a, .mti-repaint #content input[type="submit"], .mti-repaint #content input[type="reset"], .mti-repaint .login input[type="submit"], .mti-repaint .doc-listing ul li a span em, .mti-repaint .media-list .inner-right a span em, .mti-repaint form.site-search label, .mti-repaint #nav li.training > a, .mti-repaint #nav li.families > a, .mti-repaint #nav li.schools > a, .mti-repaint #nav li.aquatic > a, .mti-repaint #nav li#id-484 > a, .mti-repaint #nav li#id-512 > a, .mti-repaint #nav li#id-688 > a, .mti-repaint #nav li#id-780 > a, .mti-repaint .global-links li.login > div form legend, .mti-repaint .contact-us div.accordion div h3, .mti-repaint div.featured-home .content-block h3, .mti-repaint ul#tabs-wrapper li, .mti-repaint #banner-container p, .mti-repaint #nav .secondary > strong, .mti-repaint #nav .aux-info > strong, .mti-repaint div.login > div form legend, .mti-repaint #nav .secondary > ul > li > a > strong { font-family:'VAG Rounded W01 Bold' } .mti-repaint h3, .mti-repaint table.data th, .mti-repaint div.doc-listing ul li a span:first-child, .mti-repaint .share-icons h2, .mti-repaint .share-icons > strong, .mti-repaint #nav li.about > a, .mti-repaint #nav li.facts-figures > a, .mti-repaint #nav li.programs > a, .mti-repaint #nav li.sport > a, .mti-repaint #nav li.donate > a, .mti-repaint #nav li#id-948 > a, .mti-repaint #nav li#id-1064 > a, .mti-repaint #nav li#id-1160 > a, .mti-repaint #nav li#id-1320 > a, .mti-repaint #nav li#id-1392 > a, .mti-repaint .resources #content .default-form legend, .mti-repaint .banner-info h2 { font-family:'VAG Rounded W01 Light'; } .mti-repaint h5 { font-family:'Museo Sans W01 500'; } .mti-repaint h6 { font-family:'FrutigerLTW01-45Light'; } /*-- 4.1.2 Inactive Fonts --*/ /*-- 4.1.2.1 Typography --*/ .mti-inactive #nav .secondary strong, .mti-inactive #nav .aux-info strong { font-weight: bold; } .mti-inactive #nav .feature span { font-weight: normal; font-size: 1.1em; } .mti-inactive #content .default-form legend { font-size: 1.4em; } .mti-inactive .share-icons > strong { font-size: 1.2em; font-weight: bold; padding: 5px 21px 0 0; } /*-- 4.1.2.2 Navigation --*/ .mti-inactive h1, .mti-inactive h2, .mti-inactive h3 { font-weight: bold; letter-spacing: -1px; } .mti-inactive #nav > ul > li { font-size: 0.95em; font-weight: bold; } .mti-inactive #nav > ul > li > a { letter-spacing: -1px; } .mti-inactive #nav > ul > li.training > a, .mti-inactive #nav > ul > li#id-484 > a { padding: 22px 19px 12px 40px; width: 70px; } .mti-inactive #nav > ul > li.families > a, .mti-inactive #nav > ul > li#id-512 > a { padding: 22px 10px 12px 41px; width: 68px; } .mti-inactive #nav > ul > li.schools > a, .mti-inactive #nav > ul > li#id-688 > a { padding: 22px 16px 12px 43px; width: 71px; } .mti-inactive #nav > ul > li.aquatic > a, .mti-inactive #nav > ul > li#id-780 > a { padding: 22px 16px 12px 43px; width: 66px; } .mti-inactive #nav > ul > li.about, .mti-inactive #nav > ul > li.facts-figures, .mti-inactive #nav > ul > li.programs, .mti-inactive #nav > ul > li.sport, .mti-inactive #nav > ul > li.donate, .mti-inactive #nav > ul > li#id-948, .mti-inactive #nav > ul > li#id-1064, .mti-inactive #nav > ul > li#id-1160, .mti-inactive #nav > ul > li#id-1320, .mti-inactive #nav > ul > li#id-1392 { font-weight: normal; } .mti-inactive #nav > ul > li.facts-figures > a, .mti-inactive #nav > ul > li.programs > a, .mti-inactive #nav > ul > li.sport > a, .mti-inactive #nav > ul > li.donate > a, .mti-inactive #nav > ul > li#id-1064 > a, .mti-inactive #nav > ul > li#id-1160 > a, .mti-inactive #nav > ul > li#id-1320 > a, .mti-inactive #nav > ul > li#id-1392 > a { padding: 11px 6px; } .mti-inactive #nav > ul > li.donate > a, .mti-inactive #nav > ul > li#id-1392 > a { padding-right: 11px; } .mti-inactive #nav > ul > li.training > a, .mti-inactive #nav > ul > li#id-484 > a { width: 70px; } .mti-inactive #nav > ul > li.families > a, .mti-inactive #nav > ul > li#id-512 > a { width: 68px; } .mti-inactive #nav > ul > li.schools > a, .mti-inactive #nav > ul > li#id-688 > a { width: 71px; } .mti-inactive #nav > ul > li.aquatic > a, .mti-inactive #nav > ul > li#id-780 > a { width: 66px; } .mti-inactive #nav > ul > li.donate > a, .mti-inactive #nav > ul > li#id-1392 > a { width: 53px; } .mti-inactive #nav > ul > li.about > a, .mti-inactive #nav > ul > li#id-948 > a { width: 44px; } .mti-inactive #nav > ul > li.facts-figures > a, .mti-inactive #nav > ul > li#id-1064 > a { width: 114px; } .mti-inactive #nav > ul > li.programs > a, .mti-inactive #nav > ul > li#id-1160 > a { width: 74px; } .mti-inactive #nav > ul > li.sport > a, .mti-inactive #nav > ul > li#id-1320 > a { width: 43px; } /*-- 4.1.2.3 Content Blocks --*/ .mti-inactive .info-boxes div h2 { font-size: 1.6em; } .mti-inactive .info-boxes a h2 { font-weight: bold; font-size: 1.5em; } .mti-inactive .content-block > h2, .mti-inactive .content-block > a > h2, .mti-inactive div.login > div form legend, .mti-inactive div.add-info .content-block > div h2 { font-weight: bold; } /*-- 4.1.2.4 Tabs --*/ .mti-inactive ul#tabs-wrapper li { font-weight: bold; font-size: 1.16em; } /*--- 4.1.2.5 Buttons + Links --*/ .mti-inactive div.button, .mti-inactive #content input[type="submit"], .mti-inactive #content input[type="reset"], .mti-inactive .login input[type="submit"] { font-size: 1em; font-weight: bold; letter-spacing: -1px; } .mti-inactive #content a.rss { line-height: 0.9; } .mti-inactive #content div.button.info a { padding: 14px 30px 13px 62px; } .mti-inactive #content div.styled-field-2 input[type="submit"] { padding: 8px 8px 9px 37px; } .content-div-no-overflow { overflow: hidden; } .addthis_button_twitter, .addthis_button_facebook, .addthis_button_email { width: 24px !important; } #content ol li ul li { margin-left: 12px; list-style-type: disc; }