#container { background-color:transparent !important; } .header-option2 { background-image: url('/resources/b/1/b188610f-d4c1-40a4-a768-1ba714a09779/promo6-headerbanner.png?MOD=AJPERES&CACHEID=b188610f-d4c1-40a4-a768-1ba714a09779'); height: 48px; } .header-option2 .logo2 img { border: medium none; left: 30px; margin: 0; padding: 0; position: relative; top: 5px; float: left; } .header-option2 .slogan2 h1 { color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 6px 0 10px 112px; float: left; } h2{ color:#ffffff; font-size:2em; font-family: Arial,Helvetica,sans-serif; } .white-text{ color:#ffffff; font-size:0.8em; } #carousel-container { padding-top: 100px; margin: 0 auto; width:972px; } .jcarousel-skin-insurance .jcarousel-container { border: 1px solid #E8E8E8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #F0F0F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0) ); background-image: -moz-linear-gradient(-90deg, #FFFFFF, #F0F0F0); background-image: -ms-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: -o-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: linear-gradient(top, #FFFFFF, #F0F0F0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0'); -webkit-box-shadow: 0 3px 10px rgba(229, 229, 229, 1); -moz-box-shadow: 0 3px 10px rgba(229, 229, 229, 1); box-shadow: 0 3px 10px rgba(229, 229, 229, 1); } .jcarousel-skin-insurance .jcarousel-container-horizontal { width: 892px; padding: 45px 40px; margin:-105px auto 20px; } .jcarousel-skin-insurance .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-insurance .jcarousel-clip-horizontal { width: 890px; height: 382px; } .jcarousel-skin-insurance .jcarousel-clip-vertical { width: 75px; height: 276px; } .jcarousel-skin-insurance .jcarousel-item { width: 890px; height:382px; } .jcarousel-skin-insurance .jcarousel-item-horizontal { margin-right: 10px; } .jcarousel-skin-insurance .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-insurance .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-insurance .jcarousel-next-horizontal { position: absolute; top: 200px; right: 5px; width: 19px; height: 32px; cursor: pointer; background: url("/resources/a/5/a547c8ec-4e73-4f86-9027-d273bfbddfbb/arrow-blue.png?MOD=AJPERES&CACHEID=a547c8ec-4e73-4f86-9027-d273bfbddfbb") no-repeat 0 0; } .jcarousel-skin-insurance .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-insurance .jcarousel-next-disabled-horizontal, .jcarousel-skin-insurance .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-insurance .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-insurance .jcarousel-prev-horizontal { position: absolute; top: 200px; left: 5px; width: 19px; height: 32px; cursor: pointer; background: url("/resources/1/d/1db37d1c-ea1a-462c-9da0-567acf601d10/arrow+-grey.png?MOD=AJPERES&CACHEID=1db37d1c-ea1a-462c-9da0-567acf601d10") no-repeat 0 0; } .jcarousel-skin-insurance .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-insurance .jcarousel-prev-disabled-horizontal, .jcarousel-skin-insurance .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-insurance .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /*Start here*/ .jcarousel-skin-insurance li { background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .jcarousel-control { height: 25px; margin-bottom: 10px; margin-top: -50px; padding-left: 420px; position: absolute; width: 552px; } /*Ends here*/ /*-----------------------------Buttons------------------------------*/ .button, .button-holder, .button span { -moz-border-radius: 6px; border-radius: 6px; } .small-button-holder, .small-button span { -moz-border-radius: 3px; border-radius: 3px; } .button-holder { width:300px; float:left; height:60px; } .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.00em; color: #ffffff; border: 0px; text-shadow: 0 1px 0 rgba(0,0,0,0.4); padding: 0px; margin: 0px; } button::-moz-focus-inner { border: 0px; padding: 0px; } .button span { line-height: 26px; padding: 0px 20px; display: block; border-top: 1px solid #dddddd; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid #cccccc; border-left: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid #333333; border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-right: 1px solid #444444; border-right: 1px solid rgba(0, 0, 0, 0.3); color:#FFFFFF; } .small-button span { line-height: 20px; } .button span img { vertical-align: -3px; } a.button { display: block; text-decoration:none; } body { color: #4d4d4d; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:0.8em; margin:0px; } /* ====== Header ==== */ #header { font-family: verdana,Arial,Helvetica,sans-serif; position: relative; z-index: 10; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: ""; display: table; } #top { background-color: #007DBA; position: relative; } .margins, .margins.horizontal { margin: 0 auto; width: 976px; } #footer .links { margin-left: -10px; margin-top: 20px; } #main{ margin:auto; width:972px; } h2 { font-size:1.4em; font-weight:bold; color:#0070A8; text-align:left; } #bannerContentsH2 { font-size:14px; font-weight:bold; color:#0070A8; text-align:left; } h3 { font-size:1.1em; font-weight:bold; color:#fff; } #tabs h3{ color:#0070A8; } p{ font-size:12px; } a { color: #0000FF; } img { border: 0 none; } /* ====== Tables ==== */ table{ border: 1px solid #E8E8E8; border-spacing:0; /* so color goes right to border */ font-size:75%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width:100%; text-align: center; } /* round the top left of the first header cell so it doesnt overflow the curve of the table */ table tr:first-child th:first-child { -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px; border-top-left-radius:8px } /* round the top right of the last header cell */ table tr:first-child th:last-child { -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px; border-top-right-radius:8px } /* round the bottom left of the first cell of the last row */ table tr:last-child td:first-child { -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-left-radius:8px } /* round the botom right of the last cell of the last row */ table tr:last-child td:last-child { -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; border-bottom-right-radius:8px } th{ background-color: #C4E2ED; padding:8px; } tr{ } td{ padding:8px; } tr.odd{ background-color:#F6F6F6; } tr.even{ background-color:#fff; } /* ====== tabs ====*/ #tabs-container{ height:400px; width:972px; margin: 20px auto; border: 1px solid #E8E8E8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #F0F0F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0) ); background-image: -moz-linear-gradient(-90deg, #FFFFFF, #F0F0F0); background-image: -ms-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: -o-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: linear-gradient(top, #FFFFFF, #F0F0F0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0')"; -webkit-box-shadow: 0 3px 10px rgba(229, 229, 229, 1); -moz-box-shadow: 0 3px 10px rgba(229, 229, 229, 1); box-shadow: 0 3px 10px rgba(229, 229, 229, 1); } .ui-tabs{ padding:0; height:90%; background-color: #F0F0F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F0F0F0) ); background-image: -moz-linear-gradient(-90deg, #FFFFFF, #F0F0F0); background-image: -ms-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: -o-linear-gradient(top, #FFFFFF, #F0F0F0); background-image: linear-gradient(top, #FFFFFF, #F0F0F0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F0F0F0')"; } .ui-tabs .ui-tabs-nav { padding: 0; width: 100%; } .ui-tabs .ui-tabs-nav li{ margin:0; border: 1px solid #E8E8E8; border-left: 0; } /* didnt like doing this but had problems styling due to the tabs jquery setup*/ .ui-tabs .ui-tabs-nav li.firstitem{ width:20%; } .ui-tabs .ui-tabs-nav li.seconditem{ width:9%; } .ui-tabs .ui-tabs-nav li.thirditem{ width:12%; } .ui-tabs .ui-tabs-nav li.emptyitem{ width:475px; height:42px; border-bottom: 1px solid #E8E8E8; border-left: 0; border-top: 0; border-right: 0; } /*------ end of bit I dont like -------*/ .ui-tabs .ui-tabs-nav li.ui-tabs-active{ border-bottom: 0; } .ui-tabs .ui-tabs-nav li a{ padding: 1em 1em; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; color:#4d4d4d; } .ui-tabs .ui-tabs-panel{ background-color:#fff; height:265px; width:95%; margin:auto; /*position:relative;*/ position:absolute; top:1.5em; padding:0; border: 1px solid #E8E8E8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /*new property added*/ margin-left:20px; } .tabImage{ width:250px; height:200px; float:left; clear:both; } .tabImage a img{ width: 278px; height:265px; text-decoration: underline; color:#0000FF !important; } .tabImage a img:hover { text-decoration:none; } .tabText{ float:right; width:544px; } /* ====== carousel content ====*/ .carouselImage{ width:250px; height:200px; float:left; padding:45px; } /* ====== CAll to Action ==== */ #actionContainer{ margin: 20px auto 0px auto; padding:40px; background-color: #002136; background-image: url("/promo/insurance/life-insurance-worth/images/cta_gradient.jpg"); -moz-box-shadow: inset 1px 5px 4px -5px #000; -webkit-box-shadow: inset 1px 5px 4px -5px #000; box-shadow: inset 1px 5px 4px -5px #000; clear: both; position: relative; width: 992px; } .innerContainer{ width:100%; height:150px; } #actionContainer ul{ list-style:none; padding:0; margin:0; } #actionContainer a.ui-link{ color: #ffffff; } #actionContainer a:hover{ text-decoration : underline !important; color: #ffffff; } .leftAction{ height: 150px; padding-left: 20px; z-index: 650; float:left; width: 400px; } .rightAction{ height: 150px; padding-left: 20px; width:50%; z-index: 650; float:right; } .calltoAction{ float: left; position: relative; width: 100%; color: #FFFFFF; display: block; } .actionIcon{ background-size: 45px 45px; float: left; height: 45px; width: 45px; border-left: none; } .actionIcon img{ border:0px; } .rightAction .actionIcon{ border-left: 1px solid #173548; } .actionTxt{ float: left; padding-left: 5px; padding-top: 15px; font-weight:normal; } .bannercontents ul { list-style-type: circle; padding: 0px 10px; margin: 0px; } .bannercontents ul li { background-image: url("/promo/insurance/life-insurance-worth/images/Accordions_tickmark.gif"); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 30px; line-height:15px; list-style: none outside none; } .leftAction ul { list-style-type: circle; padding: 0px 10px; margin: 0px; } .leftAction ul li { background-image: url("/promo/insurance/anz-home-insurance/images/call.png"); background-repeat: no-repeat; background-position: 0px 5px; background-size: 45px 45px; padding-left:45px; color:#FFFFFF; line-height:45px; list-style: none outside none; } /*Start here*/ .carouselText{ padding-top: 30px; width: 520px; float:right; margin-right:30px; } .carouselText ul { padding: 0px 10px; margin: 0px; font-size:12px; } .carouselText ul li { background-position: 0px 5px; padding-left: 30px; line-height:16px; font-size:12px; } .carouselText h2{ margin-top:0px; } .carouselText p.tick{ background-image: url("/promo/insurance/life-insurance-worth/images/Accordions_tickmark.gif"); background-repeat: no-repeat; line-height:20px; margin: 0px; padding: 0px 0px 15px 30px; } .carouselText p.notick{ background-image: none; background-repeat: no-repeat; padding-left:0px; } .carouselText p.tick .tickright{ float: right; font-weight: bold; } .tabText p.tick, .collapsible-content p.tick{ background-image: url("/promo/insurance/life-insurance-worth/images/Accordions_tickmark.gif"); background-repeat: no-repeat; padding-left:30px; line-height:20px; } .ui-tabs-panel ui-widget-content ui-corner-bottom{ box-shadow: 0 3px 10px #E5E5E5; } .collapsible-content .contentlinks, .collapsible-content .contentlinks a{ text-decoration:underline; color:#336784; } .textCall{ background-image: url("/promo/insurance/life-insurance-worth/images/Phone_icon.png"); background-repeat: no-repeat; padding-left:30px; line-height:20px; position: absolute; margin:5px 0px 0px 10px; font-weight: bold; background-size:19px 19px; } .bannermain{ background-image: url("/resources/b/7/b722a4a3-ef28-4466-9f2e-116cf0002de5/Hero-image-04.jpg?MOD=AJPERES&CACHEID=b722a4a3-ef28-4466-9f2e-116cf0002de5"); height: 378px; margin: auto 0; width: 972px; z-index: -9; } .bannermain .bannercontents{ padding-left:25px; position:absolute; width:400px; } .bannermain .bannercontents h2{ color:#0070A8; font-size:26px; font-weight:bold; } .bannermain .bannercontents .bannertext{ font-size:0.9em; font-weight:normal; line-height:17px; } .bannermain .fieldPrefix{ color: #FF0000; width:400px; font-size:12px; } #disclaimer p { color: #666666; font-size: 11px; margin: 10px 0; line-height: 1.33em; } #disclaimer p a:link, a:visited { color: #004165; text-decoration:underline; } #disclaimer p a:hover { color: #007DBA; } .adobeDisclaimer { color: #666666; font-size: 11px; text-align: center; } .adobeDisclaimer a:link, a:visited { color: #004165; text-decoration:underline; } .adobeDisclaimer a:hover { color: #007DBA; text-decoration:none; } /*Start here*/ #one { width:30px; height:30px; font-size:0px; margin-left:10px; padding-left:10px; } #two { width:30px; height:30px; font-size:0px; margin-left:10px; padding-left:10px; } #three { width:30px; height:30px; font-size:0px; margin-left:10px; padding-left:10px; } #four { width:30px; height:30px; font-size:0px; margin-left:10px; padding-left:10px; } #footer-new { background-image: url("/resources/4/2/42470727-604d-4ccc-8cfd-58feac7c8faa/footer-image.png?MOD=AJPERES&CACHEID=42470727-604d-4ccc-8cfd-58feac7c8faa "); background-color: #003E60; margin: auto; height: 110px; width: 972px; color: #ffffff; } #footerMenu { float: left; width: 600px; margin-top: 27px; } #footerMenu ul.pipedlist li { border-right: 1px solid !important; } #footerMenu ul.pipedlist li:last-child, #footerMenu ul.pipedlist li.lastlistitem { border-right: 0 none !important; padding-right: 0 !important; } #footerMenu ul span, #footerMenu .pipedlistseparator { border-right: 1px solid #808080 !important; padding: 0 5px; } #footerMenu .pipedlist li, .nonpipedlist li { padding: 0 6px !important; } #footerMenu .horizontallist li { display: inline !important; } #footermenu ul.pipedlist li.lastlistitem { border-right: 0 none !important; padding-right: 0 !important; } #footerMenu a { background-color: #004165; color: #FFFFFF; text-decoration: none; font-weight: bold; font-size:10px; } #footerMenu a:hover { background-color: #004165; color: #FFFFFF; text-decoration: underline; } #footerMenu p, #footerMenu ul { color: #FFFFFF; font-size: 0.6em !important; padding-left: 45px !important; } .anz-copyright { font-size: 10px !important; padding-left: 50px; } #footerSocialIcon { float: right; font-weight: bold; line-height: 20px; margin-top: 18px; width: 280px; } #footerSocialIcon p {font-size:10px; } #footerSocialIcon a { color: #FFFFFF; text-decoration: none; font-weight: bold; } #footerSocialIcon a:hover { color: #FFFFFF; text-decoration: underline; } .centeredText { color: #004165; font-size: 27px; padding: 10px; background:#fafafa; text-align: center; } #logon_button { width: 250px; height: 41px; margin: 50px auto; z-index: 2; position:relative; } #logon_button a { width: 250px; height: 41px; background: url('/resources/6/4/640dda4d-7d97-4784-b9af-086802b6fac1/Log-on-blue-button.png?MOD=AJPERES&CACHEID=640dda4d-7d97-4784-b9af-086802b6fac1') left top; cursor: pointer; display: block; } #logon_button a:hover { background: url('/resources/6/4/640dda4d-7d97-4784-b9af-086802b6fac1/Log-on-blue-button.png?MOD=AJPERES&CACHEID=640dda4d-7d97-4784-b9af-086802b6fac1') left bottom; cursor: pointer; } .alt_text1{cursor: pointer; } .alt_text { font-size: 0.9em; position: absolute; text-decoration: underline; z-index:-999; } .mandatory { color: #FF0000; }