/* WHISTLEOUT MAIN CSS VERSION 190810 */ /* global */ * { margin: 0; padding: 0; } /* links */ #wrap-wo a, .ModalPopup a { outline: none; } #wrap-wo a:link, #wrap-wo a:visited, .ModalPopup a:link, .ModalPopup a:visited { color: #0c7be5; text-decoration: none} #wrap-wo a:hover, #wrap-wo a:active, .ModalPopup a:hover, .ModalPopup a:active { color: #c00; text-decoration: underline} /* general */ #wrap-wo img { border: none; } img.img-right { float: right; margin: 0 0 10px 10px; } .form-div { margin: 0 0 1.5em; } #wrap-wo form { text-align: left; } p { margin: 0 0 25px; } #sidebar-wo .module p {margin:0;line-height:1.5} #wrap-wo #sidebar-wo .module h3 {font-size:100%;line-height:1.5} #wrap-wo blockquote { margin: 20px; } #wrap-wo hr { background: #ccc; height: 1px; color: #ccc; border: none; margin: 0 0 1.5em; } .layout-details #wrap-wo hr { background: #ccc; height: 1px; color: #ccc; border: none; margin: 1.5em 0 1.5em; } #wrap-wo hr.super-hr { display: none; } #wrap-wo ul, .ModalPopup ul { list-style-type: none; margin: 0 0 20px; } #wrap-wo ul.related { margin-top: -20px; } #wrap-wo ol { margin: .5em .5em 2em; } #wrap-wo li, #popup-phone-inner li, .ModalPopup li { line-height: 1.5em; padding-left: 20px; background: transparent url("images/generic_li.png") no-repeat 0 0; list-style-type: none; } .ModalPopup ul li { color: #333; } #wrap-wo ul li { color: #333; margin: 0; } #refine ul li { background: transparent url("images/sidebar_li.gif") no-repeat 0 0; } #wrap-wo ol li { background: none; list-style-type: decimal; margin-left: 2em; padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } #wrap-wo small { font-size: 11px; } #wrap-wo blockquote { float: none; background: #fff; width: auto; margin: 20px 0; padding: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .selectable { cursor: pointer; } .nowrap { white-space: nowrap; } .text-highlight { color: #c00; } .strikethru { text-decoration: line-through; color:#999} .lowlight { color: #666; } .shortlist img { vertical-align: middle; margin-right: -6px; } .OfferSupplierName { padding: 3px 0 3px 0; text-align: left; } .GridRowSelectable { cursor: pointer; } .split-50-50 { overflow: auto; padding-bottom: 10px; } .split-50-50 ul { float: left; width: 45%; margin-right: 5%; } .w600 { width: 600px; } /* headings */ #wrap-wo h1, #wrap-wo h2, #wrap-wo h3, #wrap-wo h4, #wrap-wo h5, #wrap-wo h6 { margin: 1em 0 0; font-weight: bold; letter-spacing: -.005em; color: #333; } #wrap-wo h1 { font-size: 165%; margin-top: 0; padding-top: 0.4em; } .type-browse #wrap-wo h1, .type-browse #wrap-wo h2.heading-h1 {font-size: 32px;padding-top:5px} #wrap-wo h1 .standout { color: #f60; } #wrap-wo h2 { font-size: 138%; } .layout-home #wrap-wo #sidebar-wo h2, .layout-landing #wrap-wo #sidebar-wo h2, .layout-stores #wrap-wo #sidebar-wo h2 { border-bottom: 1px solid #ccc; margin: 10px 0 0; padding: 0 0 10px;background: transparent url("images/button-1-over.png") no-repeat -9999px 0} /* bg hack for ie - preloads image for button used elsewhere */ .layout-stores #wrap-wo #sidebar-wo #form-search h2 { border-bottom: none} #wrap-wo .table1 h2 { font-size: 150%; } #wrap-wo h2.pagehead { font-size: 145%; } #wrap-wo h2 a { font-weight: normal; font-size: 80%; margin-left: 15px; } #wrap-wo .landing-description h2 a { font-weight: bold; font-size: 100%; margin-left: 0; } .layout-home #wrap-wo h2 small { font-size: 11px; } .layout-home #wrap-wo h2 small a { font-weight: normal; font-size: 11px; margin-left: 0; } .ModalContent h2 { position: static; font-size: 20px; font-weight: bold; margin-top: 10px; } #wrap-wo h2 span { font-size: 86%; font-weight: normal; } #wrap-wo h3 { font-size: 116%; } #wrap-wo h4 { font-size: 116%; } #wrap-wo h4 span { font-size: 86%; font-weight: normal; } #wrap-wo h5 { font-size: 110%; } #wrap-wo h6 { font-size: 105%; } /* tables */ td, th { text-align: left; } td { padding: 3px; } .width-fixed { width: 500px; } .width-max { width: 100%; } .clear-left { clear: left; } .clear-right { clear: right; } .clear { clear: both; height: 1px; font-size: 1px; } .clear-wo { clear: both; height: 2px; font-size: 1px; } .center { text-align: center; } /* forms */ #wrap-wo label { font-weight: bold; display: block; margin: 1.2em 0 .2em; } #wrap-wo label a { font-weight: normal; margin-left: 20px; } #wrap-wo td label { display: inline; } .inlinelabel label { display: inline; } #wrap-wo select { font-size: 12px; margin: 3px 0; padding: 1px 3px; } select { font-family: Arial; } .section-cc.layout-home #wrap-wo select { position: relative; z-index: 9999; } #wrap-wo select option { padding: 0 3px; } #wrap-wo table label { display: inline; margin: 0; } #wrap-wo textarea, .ModalPopup textarea { font-family: arial; padding: 2px; font-size: 12px; } input { font-family: arial; padding: 2px; margin-right: 5px; } .cell-comparecheck input {margin:0} #wrap-wo span label { display: inline; } .hidden-input {position: absolute; left: -9999px} /* general layout */ body {color: #222; font: 76%/1.3 arial, verdana, tahoma, sans-serif; margin: 0; text-align: center;background: #fff url("images/body_bg.png") repeat-y 50% 0} .section-isp, .section-cc, .section-mobile, .section-homeloans, .layout-fullwidth, .layout-sr, .layout-landing {background: transparent url("images/bodysection_bg.png") no-repeat 50% 0} .section-superhome {background: transparent url("images/bodysection_superhome_bg.png") no-repeat 50% 0} #wrap-wo {margin: 0 auto; width: 980px;text-align: left;position:relative} #header-wo {width:980px;height: 160px} #header-wo #logo { width: 309px; height: 146px; float:left;position:relative} #header-wo #logo-tagline {position:absolute;left:-9999px} ul#nav-wo {margin: 0;padding: 0 0 0 7px;position:absolute;top:0;right:190px;z-index:9000;list-style: none;font-size: 1.1em;background: transparent url("images/sprites_nav_wo.png") no-repeat 0 0;height:41px} ul#nav-wo li {float: left;margin: 0;padding: 0;background:none;position:relative} ul#nav-wo li a {float: left;position:relative;z-index:9500;cursor:pointer} ul#nav-wo li a:link, ul#nav-wo li a:visited, ul#nav-wo li a:hover, ul#nav-wo li a:active {text-decoration:none;color:#fff;font: bold 13px/15px arial} ul#nav-wo li a:hover, ul#nav-wo li:hover a {background: transparent url("images/sprites_nav_wo.png") no-repeat -7px -100px} ul#nav-wo li#nav-2 a:hover, ul#nav-wo li#nav-3 a:hover, ul#nav-wo li#nav-4 a:hover {background: transparent url("images/sprites_nav_wo.png") no-repeat -100px -100px;} ul#nav-wo li a span {width:71px} ul#nav-wo li#nav-2 a span {width:95px} ul#nav-wo li#nav-3 a span {width:80px} ul#nav-wo li#nav-4 a span {width:80px} ul#nav-wo li a:link span, ul#nav-wo li a:visited span, ul#nav-wo li a:hover span, ul#nav-wo li a:active span {display:block;padding: 10px 30px 0 15px;height:27px;background: transparent url("images/sprites_nav_wo.png") no-repeat 100% -200px} ul#nav-wo li .nav-wo-sub {z-index:9000;position: absolute;top: 40px;right: -190px;padding: 0 20px 100px;float: left;width:709px;display: none;background: transparent url("images/sprites_nav_wo.png") no-repeat 100% 100%} ul#nav-wo li#nav-1 .nav-wo-sub {right: -300px} ul#nav-wo li#nav-2 .nav-wo-sub {right: -230px} ul#nav-wo li#nav-3 .nav-wo-sub {right: -189px} ul#nav-wo li#nav-4 .nav-wo-sub {right: -190px} ul#nav-wo li .nav-wo-subtop {background: transparent url("images/sprites_nav_wo.png") no-repeat 100% -390px;width:709px;height:23px;position:relative;top:-23px;left:20px} ul#nav-wo li .nav-wo-sub .nav-wo-col {float:left;width:190px;margin-right:20px;position:relative;left:60px;top:-5px} ul#nav-wo li .nav-wo-sub ul {list-style: none;margin: 0;padding:0 0 20px} ul#nav-wo li .nav-wo-sub ul ul {margin: 0;padding:0} ul#nav-wo li .nav-wo-sub ul ul li {list-style: circle;margin: 0 0 0 20px;padding:0} ul#nav-wo li .nav-wo-sub ol {margin: 0 0 0 20px;padding:0 0 20px} ul#nav-wo .nav-wo-sub li {float:none;width: 100%;color: #fff;margin:0;padding: 0;display:list-item} ul#nav-wo .nav-wo-sub h2 {padding: 0;margin: 0 0 3px;font: bold 14px arial;color:#000} ul#nav-wo .nav-wo-col h2 a, ul#nav-wo .nav-wo-col h2 a:link, ul#nav-wo .nav-wo-col h2 a:visited {background:none;float:none;display:block;color:#000;margin:0} ul#nav-wo .nav-wo-col h2 a:hover, ul#nav-wo .nav-wo-col h2 a:active {color:#fff;background: none !important} ul#nav-wo .nav-wo-sub li a:link, ul#nav-wo .nav-wo-sub li a:visited, ul#nav-wo .nav-wo-sub li a:hover, ul#nav-wo .nav-wo-sub li a:active {background:none;float: none;font: 11px/14px arial;display:block} ul#nav-wo .nav-wo-sub ol li {color:#fff;font: 11px/14px arial} ul#nav-wo .nav-wo-sub li a:link small, ul#nav-wo .nav-wo-sub li a:visited small, ul#nav-wo .nav-wo-sub li a:hover small, ul#nav-wo .nav-wo-sub li a:active small {color:#d8efff} ul#nav-wo .nav-wo-sub li a:hover , ul#nav-wo .nav-wo-sub li a:active {color: #000;background: none !important} ul#nav-wo .nav-wo-col p {font: 11px/1.2 arial;color:#fff} ul#nav-wo .nav-wo-col p a {zoom:1} ul#nav-wo .nav-wo-col p a:link, ul#nav-wo .nav-wo-col p a:visited {color:#fff;float:none;font: 11px arial;background:none !important} ul#nav-wo .nav-wo-col p a:hover, ul#nav-wo .nav-wo-col p a:active {color:#000 !important;float:none;font: 11px arial;background:none !important} ul#nav-wo .nav-wo-col img {border: 6px solid #fff !important;position:relative;right:-10px;top:5px} #wo-sitesearch {float:right;width:190px;height:41px;background: transparent url("images/sprites_nav_wo.png") no-repeat 100% 0;position:relative;overflow:hidden} #wo-sitesearch label {margin:0;position:relative;top:10px;left:13px} #wo-sitesearch label span {position:absolute;left:-9999px} #wo-sitesearch input {border:none;background:none;font: 11px arial;color:#999;width:115px} #wo-sitesearch input.wo-sitesearch-text-active {color:#000} #wo-sitesearch input.wo-sitesearch-button {font: 1px arial;color:#fff;position:absolute;top:5px;right:21px;text-indent:-9999px;width:25px;height:25px;background: transparent url("images/sprites_nav_wo.png") no-repeat -50px -200px} #wo-sitesearch input.wo-sitesearch-button:hover {background-position: 0 -200px;cursor:pointer} #main-wo { position: relative;z-index:100; background: #fff; width: 100%; border-bottom: 1px solid #ccc; background: #fff url("images/main_2_bg.png") repeat-y 100% 0; } .layout-searchresults #main-wo { background-position: 215px 0; } .section-superhome #main-wo {background:none} .layout-fullwidth #main-wo, .layout-sidebyside #main-wo, .layout-landing #main-wo { background: #fff; } .layout-details #main-wo { background-position: 215px 0; } #content-wo { padding: 0 0 20px; margin-left: 230px; } .layout-whistleout #content-wo { margin-right: 20px; } .full-width #content-wo { margin-right: 20px; } #breadcrumbs { color: #aaa; padding: 10px 0 0; margin-left: -4px; font: bold 11px arial; } .layout-fullwidth.type-browse #breadcrumbs {margin-right:220px} #breadcrumbs p {margin: 0;line-height: 1.7} #breadcrumbs span, #breadcrumbs strong { color: #000; margin: 0 5px; } #breadcrumbs a:link, #breadcrumbs a:visited { margin: 0 5px; } #breadcrumbs a:hover, #breadcrumbs a:active { margin: 0 5px; } #breadcrumbs br {display: none} #stepthru { margin: 0 0 1em; background: #fff url("images/stepthru_bg.gif") no-repeat 100% 0; } #form-search { padding: 20px 0 0; position: relative; min-height: 14em; border-bottom: 1px solid #ccc; } .section-homeloans #form-search {border-bottom: 1px solid #ccc; } .search-step-1 { width: 20%; position: relative; left: 35px; top: 0; background: #fff; } .section-homeloans .search-step-1 { padding-bottom: 45px; } .section-cc .search-step-1 { padding-bottom: 85px; } .section-isp .search-step-1 { padding-bottom: 110px; } .section-mobile .search-step-1 { padding-bottom: 20px; } .section-mobile.type-browse .search-step-1 { padding-bottom: 0;margin-bottom:-20px } .section-cc .search-step-1 { width: 40%; } .search-step-2 { width: 30%; position: absolute; left: 30%; top: 20px; background: #fff; } .section-isp .search-step-2 { width: 27%; left: 32%; } .section-cc .search-step-2 { width: 40%; left: 54%; } .search-step-3 { width: 35%; position: absolute; left: 65%; top: 20px; background: #fff; } .section-isp .search-step-3 { width: 35%; left: 65%; } .phone-picker { position: relative; } .highlight-product { display: block; width: 425px; height: 105px; background: #fff url(images/new_phone_bg_1.jpg) no-repeat 0 100%; position: absolute; bottom: -1px; right: 0; } .highlight-product b { position: absolute; top: 35px; left: 215px; font: normal 11px arial; color: #888; text-decoration: none; display: block; } .highlight-product span { font: bold 18px arial; color: #000; } .phone-picker a.highlight-product:hover, .phone-picker a.highlight-product:hover * { color: #06c; cursor: pointer; } .phone-promo { margin-top: 20px; font-size: 14px; font-weight: bold; } #wrap-wo #form-search h1 { font-size: 20px; margin: 1px 0 8px; } #wrap-wo #form-search h2 { font-size: 15px; position: relative; color: #000; margin: 0 0 10px; } #wrap-wo #form-search h2 small { font-weight: normal; color: #777; font-size: 12px; margin-left: 5px; } #wrap-wo #form-search h3 { font-size: 105%; margin-bottom: .3em; position: relative; } #wrap-wo #form-search label { color: #222; float: left; width: 90px; margin: 0; font-weight: normal; } .section-cc #wrap-wo #form-search label { width: 125px; } .section-cc #wrap-wo #form-search .search-step-2 label { width: 115px; } #wrap-wo #form-search select { position: relative; top: -6px; } #wrap-wo #form-search .search-step-2 select { width: 130px; } .section-isp #wrap-wo #form-search .search-step-2 select { width: 175px; } .section-mobile.layout-home #wrap-wo #form-search .search-step-2 select, .section-mobile.layout-landing #wrap-wo #form-search .search-step-2 select { width: 100px; } #wrap-wo #form-search .search-step-3 select { width: 139px; } .section-cc #wrap-wo #form-search select { width: 141px; } #wrap-wo #form-search label span { color: #777; font-weight: normal; } #wrap-wo #form-search h2 span { color: #aaa; font: normal 26px arial; position: relative; top: -3px; position: absolute; left: -35px; } #wrap-wo #form-search h3 { font-size: 105%; margin-bottom: .3em; } #wrap-wo #form-search .form-radios label { display: inline; font-size: 100%; position: relative; top: -2px; left: 5px; font-weight: normal; width: auto; float: none; } #form-search hr { margin: 1px 0 10px; background: #d7d7d7; height: 1px; color: #d7d7d7; } #form-search p { margin: 0; padding: 0 0 15px; } .section-cc.layout-home #form-search .form-selects { position: relative; z-index: 2000; _float: left; _width: 100%; } #form-search .form-selects .checkboxes { display: block; padding: 5px 0 0; } #form-search .form-selects .checkboxes label { margin-left: 3px; } #form-search .form-radios { padding: 0 0 6px; } #form-search .form-radios input, #form-search .form-radios label { display: inline; } #form-search .form-radios label { font: 12px arial; margin-right: 20px; } #form-search .form-radios input { margin: 0 0 5px 0; } #wrap-wo #form-search p.search-browselinks {text-align:center;margin:0;font: bold 15px arial;border-top: 1px solid #ccc;padding: 5px 0} p.search-browselinks strong {display:inline-block;margin: 0 auto;padding: 3px 35px;background: url("images/sprites.png") no-repeat 0 -3850px} #form-search .form-submit { margin: 0 0 10px 0; position: relative; left: -2px; } .section-isp #form-search .form-submit { left: 87px; } .section-mobile #form-search .form-submit { left: 87px; } .section-cc #form-search .form-submit { left: 113px; } #news-puffs { clear: both; background: url("images/sprites.png") repeat-x 0 -2900px; padding: 20px 20px 0; position: relative; margin: 20px 0 0; } #news-puffs h3 { border-bottom: 1px solid #ccc; padding: 0 0 5px; margin: 0; } #news-puffs h3 span { position: absolute; top: 20px; right: 20px; } #news-puffs div { float: left; width: 30%; margin-right: 3%; font-size: 92%; color: #666; } #sidebar-wo { position: relative; float: left; top: 0; left: 0; width: 220px; padding-bottom: 20px; } .deals-strip-wo {margin: -20px 20px 0;background: #fff url("images/sprites_superhome2.png") repeat-y 0 0} .layout-searchresults .deals-strip-wo {border-top: 1px solid #ccc} .deals-strip-wo .module .deal {float:left;border:none;width:220px;margin-right:20px} .deals-strip-wo .module .deal.last {margin-right:0} #wrap-wo .deals-strip-wo h2 {background:#fff;border-bottom: 1px solid #ccc;padding: 10px 0;margin:0} .deals-strip-wo .img-right {margin:10px 0 5px 10px;} #sidebar-wo .module {margin-bottom: 10px; } .layout-searchresults #sidebar-wo .module { border-bottom:none} #sidebar-wo .module .img-right { margin: 10px 0 5px 10px} #sidebar-wo .module h2 .img-right { margin: 0 0 0 10px; } #refine p label { display: inline; margin: 0 10px 0 0; } #wrap-wo #refine p, #wrap-wo #refine ul, #wrap-wo #refine .calls, #wrap-wo #refine .phone-list, .control-wrap { border-bottom: 1px solid #ccc; margin: 0; padding: 0 0 10px; } #wrap-wo #refine .advanced { margin-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px;} #wrap-wo #refine ul.estimated-usage { border-bottom: none; padding-bottom: 0; } #wrap-wo #refine ul.phone-list-small { border-bottom: none; padding-bottom: 5px; } #wrap-wo #refine .more-options { margin-top: 6px; } #wrap-wo #refine .more-options .more-options-inner { margin: 10px 0; } #wrap-wo #refine .more-options ul { border-bottom: none; } #wrap-wo #refine .more-options .icon-maximise, #wrap-wo #refine .more-options .icon-minimise { border-bottom: none; } #wrap-wo #refine h4 { border-top: 1px solid #fff; margin: 0; padding: 10px 0 5px; } #wrap-wo #refine h5 { margin: 0; padding: 10px 0 5px; } .icon-maximise { background: url("images/sprites.png") no-repeat 2px -1029px; padding: 2px 0 3px 20px; display: block; } .icon-minimise { background: url("images/sprites.png") no-repeat 2px -1059px; padding: 2px 0 3px 20px; display: block; } #wrap-wo .icon-help { background: url("images/icon_help.png") no-repeat 0 0; display: inline-block; height: 16px; width: 16px; vertical-align: middle; } #wrap-wo #refine .icon-help { float: right; margin-top: 2px;} .more-options .icon-maximise { background-position: 0 -1029px; } .more-options .icon-minimise { background-position: 0 -1059px; } #wrap-wo #refine h4.top { border-top: none; } #wrap-wo #refine h4.qantas { background: url("images/sprites.png") no-repeat -382px -990px; padding-left: 21px; } #refine h5 span, #refine h5 .label-right { font-weight: normal; padding: 0; margin: 0; } .label-right { float: right; } .qantas-bonus { background: url("images/sprites.png") no-repeat -382px -1000px; padding-left: 21px; color: #C60101; display: inline-block; height: 20px; font: normal 12px arial; margin-top: 5px; } .qantas-icon { background: url("images/sprites.png") no-repeat -382px -1000px; padding-left: 21px; } #wrap-wo #refine h2 { background: #333; color: #fff; padding: 3px 10px; margin: 10px 0 0 0; } .layout-searchresults #wrap-wo #sidebar-wo h2, .layout-stores #wrap-wo #sidebar-wo #form-search h2 { background: #333; color: #fff; padding: 3px 10px; margin: 10px 0 10px 0; } .layout-searchresults #wrap-wo #sidebar-wo .module h2 { background: #fff; color: #333; padding: 0 0 10px; margin: 10px 0 0; border-bottom: 1px solid #ccc} #refine p { margin: 0; } #refine, #refine2 { margin: 0 14px 10px 10px} #footer-wo-partners { padding: 0 20px 85px; clear: both; border-top: 1px solid #f2f2f2; overflow: auto; margin: 0 0 0; text-align:center;background: #fff url("images/sprites_partners.png") 50% -545px;color:#999} #footer-wo-partners h4 { font: normal 18px arial} #footer-wo-partners ul { position:absolute;left:-9999px} #footer-wo-popular { padding: 0 20px 20px; clear: both; border-top: 1px solid #fff; background: #f2f2f2; overflow: auto; margin: 0 0 -20px; } #footer-wo-popular .module { float: left; width: 25%; } #footer-wo-popular .w20 { width: 20%; } #footer-wo-popular .w25 { width: 25%; } #footer-wo-popular .w33 { width: 33%; } #footer-wo-popular .w50 { width: 50%; } #footer-wo-popular h2 { border-bottom: 1px solid #ccc; padding: 0 0 10px; font-size: 17px} #footer-wo-popular h4 { padding-left: 5px;} #wrap-wo #footer-wo-popular ol li { margin-top: 0; margin-bottom: 0; color: #000; } #wrap-wo #footer-wo-popular ol { padding-right: 10px; margin: 10px 10px 0 0; border-right: 1px solid #ccc; font-size: 11px; } #wrap-wo #footer-wo-popular .last ol { border-right: none; } #wrap-wo #footer-wo-popular .module a { font-weight: normal; color:#126cc4} #wrap-wo #footer-wo-popular .module a:hover {color:#c00} #wrap-wo #footer-wo-popular p { padding: 3px 10px 3px 22px; margin: 0 10px 20px 0; border-right: 1px solid #ccc; } #wrap-wo #footer-wo-popular .last p { border-right: none; } #wrap-wo #footer-wo-popular .module p a { font: bold 11px arial; } #footer-wo-jumpto { padding: 0 20px 20px; clear: both; border-top: 1px solid #fff; background: #349fff url("images/footer_popular_bg.jpg") 0 100%; overflow: auto; margin: 0 0 -20px; } #footer-wo-jumpto .module { float: left; width: 25%; } #footer-wo-jumpto .w20 { width: 20%; } #footer-wo-jumpto .w25 { width: 25%; } #footer-wo-jumpto .w33 { width: 33%; } #footer-wo-jumpto .w50 { width: 50%; } #footer-wo-jumpto h2 { border-bottom: 1px solid #3aa2ff; padding: 0 0 10px; font-size: 17px; color:#fff} #footer-wo-jumpto h4 { padding-left: 5px; color:#fff} #wrap-wo #footer-wo-jumpto ul li {margin:0;padding: 0 0 0 2px;background:none; color: #5fb7ff;list-style-type:square} #wrap-wo #footer-wo-jumpto ul { padding-right: 10px; margin: 10px 10px 0 20px; border-right: 1px solid #5fb7ff; font-size: 11px; } #wrap-wo #footer-wo-jumpto .last ul { border-right: none; } #wrap-wo #footer-wo-jumpto .module a { font-weight: normal; color:#126cc4} #wrap-wo #footer-wo-jumpto .module a:hover { color:#c00} #wrap-wo #footer-wo-jumpto p { padding: 3px 10px 3px 22px; margin: 0 10px 20px 0; border-right: 1px solid #5fb7ff; } #wrap-wo #footer-wo-jumpto .last p { border-right: none; } #wrap-wo #footer-wo-jumpto .module p a { font: bold 11px arial; } #footer-wo { padding: 80px 25px 0; clear: both; font-size: 93%; color: #eee; background: #333 url("images/footer_bg.jpg") no-repeat 0 100%; margin: 20px 0 0; position: relative; height:220px} #footer-wo li { background: none; padding: 0;} #wrap-wo #footer-wo h1, #wrap-wo #footer-wo h2, #wrap-wo #footer-wo h3, #wrap-wo #footer-wo h4, #wrap-wo #footer-wo h5, #wrap-wo #footer-wo h6 { color: #fff; } #whistleout-network li, #feedback li, #whistleout-links li { padding: 0;} #whistleout-links { background: transparent url("images/sprites_footer.png") no-repeat 0 -50px; float: left; width: 25%; padding: 57px 0 0; height: 78px;position:relative} #wrap-wo #whistleout-links ul, #wrap-wo #whistleout-links h4 { margin: 0 0 0; } #wrap-wo #whistleout-links h4 { display:none} #wrap-wo #whistleout-links li { color:#8c7a77} #whistleout-network {background: transparent url("images/sprites_footer.png") no-repeat 15px -697px; float: left; width: 25%; padding: 40px 0 0 0; height: 95px; border-left: 1px solid #382201; position: relative;left:-13px} .section-mobile #whistleout-network { background-position: 15px -997px} .section-cc #whistleout-network { background-position: 15px -1285px} .section-homeloans #whistleout-network { background-position: 15px -1885px} #wrap-wo #whistleout-network ul, #wrap-wo #whistleout-network h4 { margin: 0 0 0 15px; } #feedback { float: left; background: transparent url("images/sprites_footer.png") no-repeat 15px -296px; padding: 40px 0 0 0; float: left; width: 25%; height: 95px; border-left: 1px solid #382201; position: relative;left:-12px} #wrap-wo #feedback ul, #wrap-wo #feedback h4 { margin: 0 0 0 15px; } #footer-wo a:link, #footer-wo a:visited { color: #8c7a77} #footer-wo a:hover, #footer-wo a:active { color: #fff; } #footer-wo p { position: absolute; bottom: 8px; left: 25px; margin: 0; padding: 15px 0 10px; color: #8c7a77;font-size: 11px;width:920px;border-top: 4px solid #382201} #footer-wo p span {display:block;margin: 3px 0 0;font-weight:bold} /* layout-super-home */ .section-superhome.layout-superhome #content-wo {margin: 0 20px;padding:0} .section-superhome.layout-superhome #main-wo {border-bottom:none} .featurebox2 {color:#fff;height:49px;padding: 22px 0 0} #wrap-wo .featurebox2 h2 {color:#fff;font: bold 18px arial;margin:0;padding:0} #wrap-wo .featurebox2 h1 {color:#fff;font: normal 14px arial;margin:0;padding:0;display:inline} #wrap-wo .featurebox2 h1 span {color:#fff;font: normal 14px arial} #wrap-wo .featurebox2 p {display:inline;font: normal 14px arial} .section-superhome #wrap-wo .pointers {margin:0;padding:0;height:240px;position:relative;background: #fff url("images/sprites_superhome.png") no-repeat 0 0} .section-superhome #wrap-wo .pointers li {position:absolute;top:0;left:0;width:220px;padding: 124px 0 0;background: #fff url("images/sprites_superhome.png") no-repeat 0 0} .section-superhome #wrap-wo .pointers li.pointers-1.hover {background-position: 0 -400px} .section-superhome #wrap-wo .pointers li.pointers-2 {left:240px;background-position: -240px 0} .section-superhome #wrap-wo .pointers li.pointers-2.hover {background-position: -240px -400px} .section-superhome #wrap-wo .pointers li.pointers-3 {left:480px;background-position: -480px 0} .section-superhome #wrap-wo .pointers li.pointers-3.hover {background-position: -480px -400px} .section-superhome #wrap-wo .pointers li.pointers-4 {left:720px;background-position: -720px 0} .section-superhome #wrap-wo .pointers li.pointers-4.hover {background-position: -720px -400px} .pointers span {font: bold 12px arial;text-transform:uppercase;color:#999;margin: 0 10px} #wrap-wo .pointers h2 {margin: 0} #wrap-wo .pointers h2 a, #wrap-wo .pointers .pointers-comingsoon h2 {font: bold 28px arial;margin: 0 10px;letter-spacing: -0.04em} #wrap-wo .pointers h2 a:link, #wrap-wo .pointers h2 a:visited {color:#000} #wrap-wo .pointers h2 a:hover, #wrap-wo .pointers h2 a:active {color:#c00;text-decoration:none} #wrap-wo .pointers .pointers-comingsoon span {color:#ccc} #wrap-wo .pointers .pointers-comingsoon h2 {color:#888;position:relative} #wrap-wo .pointers .pointers-comingsoon h3 {color:#bbb} .pointers-comingsoon h2 em {text-indent:-9999px;width:91px;height:74px;display:block;position:absolute;top:12px;left:-5px;background: transparent url("images/coming_soon.png") no-repeat 0 0} #wrap-wo .pointers h3 {font: bold 20px arial;color:#0c7be5;margin: 0 10px} #wrap-wo .pointers p {font: normal 12px arial;color:#666;margin: 0 10px} #wrap-wo .pointers p strong {color:#000} #wrap-wo .pointers li.hover {cursor:pointer} #wrap-wo .pointers li.hover * {color:#c00 !important} .partner-list {width:940px;height:500px;background: #fff url("images/sprites_partners.png") no-repeat 0 0;text-align:center;margin: 0 0 -2px} .partner-list ul {position:absolute;left:-9999px} #wrap-wo .partner-list h2 {margin:0;padding: 25px 0 0;font: normal 30px arial;color:#333} #wrap-wo .partner-list h3 {margin: 0 0 5px;padding: 235px 0 0;font: normal 20px arial;color:#333} .partner-list p {margin: 0 150px;font-size: 15px;color:#666} .section-superhome .module a {font-weight:normal} .section-superhome #wrap-wo .module ol {margin:5px 0 0;padding: 0 0 0 10px} .section-superhome #wrap-wo .module ol li {margin:0 0 0 20px;padding: 0} .section-superhome #wrap-wo .module ul {margin:5px 0 0 25px;padding: 0} .section-superhome #wrap-wo .module ul.no-marker {margin:5px 0 0 0} .section-superhome #wrap-wo .module ul li {margin:0;background:none;list-style-type:square;padding:0 0 0 4px;color:#ccc} .section-superhome #wrap-wo .module ul.no-marker li {list-style-type:none;padding:0;color:#333} .section-list {background: #fff url("images/sprites_superhome2.png") repeat-y 0 0} .section-list .module {float:left;width:220px;margin-right:20px;border-top: 4px solid #ccc;padding: 10px 0 20px} .section-list .module.last {margin-right:0} .section-list h4 span {color:#390;display:block} #wrap-wo .section-list .no-marker h5 a:link, #wrap-wo .section-list .no-marker h5 a:visited, .section-superhome #wrap-wo .section-list h4 a:link, .section-superhome #wrap-wo .section-list h4 a:visited {color:#333;margin: 20px 0 0;font: bold 14px arial} #wrap-wo .section-list .no-marker h5 a:hover, #wrap-wo .section-list .no-marker h5 a:active, .section-superhome #wrap-wo .section-list h4 a:hover, .section-superhome #wrap-wo .section-list h4 a:active {color:#c00} #wrap-wo .section-list .no-marker p {margin:0} #wrap-wo .section-list p.coming-soon {text-align:center;color:#ccc;padding: 70px 0 0;margin:0} #wrap-wo .sl-biglink h3 {font-size:110%;padding: 10px 0;text-align:left} .section-superhome .module.sl-biglink a span {font-weight:bold;display:block;font-size:140%} .section-homeloans .section-list {background: #fff url("images/sprites_superhome2.png") repeat-y 0 0} .section-homeloans .section-list .module {border:none;text-align:center;padding:0} .section-homeloans .section-list .clear-wo {clear:left} .section-homeloans .section-list h4 a {border-bottom: 1px solid #eee !important;display:block;padding:85px 0 10px;margin: 0 0 8px;background: #fff url("images/homeloans_featurebg_2.png") no-repeat 50% -1000px} .section-homeloans h4.article-1 a:hover {background-position: 50% -1600px} .section-homeloans h4.article-2 a {background-position: 50% -1200px} .section-homeloans h4.article-2 a:hover {background-position: 50% -1800px} .section-homeloans h4.article-3 a {background-position: 50% -1400px} .section-homeloans h4.article-3 a:hover {background-position: 50% -2000px} div.article {margin: 0 0 20px;line-height:1.5} #sidebar-wo div.article img {float:left;clear:left} #sidebar-wo div.article h4 {margin-left:70px;clear:left} #sidebar-wo div.article p {margin-left:70px} .section-homeloans.layout-home #wrap-wo .tab-container ul.tabs {height:20px;overflow:hidden} .section-homeloans.layout-home #wrap-wo #content-wo h2.heading-h1 {margin:0;padding: 10px 0;border-top: 1px solid #ccc} .layout-home #wrap-wo .table1 {border:none;border-bottom: 1px solid #279bfc} .layout-home #wrap-wo .table1 th {background: #fff ;color:#333;font: bold 11px arial} .section-homeloans.layout-home #tabbed-mostpopular ul.tabs.tabs-v2 {top:-35px;left:150px} .section-homeloans.layout-home #tabbed-mostpopular .tab-panes {border-bottom:none} .section-homeloans #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-sub-heading {padding-left:100px} /* layout-home */ .layout-home #wrap-wo #content-wo h1, .layout-home #wrap-wo #content-wo h2.heading-h1, .layout-home #wrap-wo #content-wo h2.heading-h1-no-border { font-size: 25px; border-bottom: 1px solid #ccc; padding-bottom: 8px; width: auto; } .layout-home #wrap-wo #content-wo h2.heading-h1-no-border { border-bottom: none; } .layout-home #wrap-wo #content-wo h1 { padding-top: 20px; } .layout-home #wrap-wo #content-wo h1 small { position: relative; left: 160px; top: -3px; } .section-isp.layout-home #sidebar-wo { background: transparent url("images/sidebar_bg_01.jpg") no-repeat 100% 0; min-height: 0; } .section-cc.layout-home #sidebar-wo { background: transparent url("images/sidebar_bg_06.jpg") no-repeat 100% 0; min-height: 0; } .layout-home #wrap-wo #sidebar-wo, .layout-sr #wrap-wo #sidebar-wo, .layout-stores #wrap-wo #sidebar-wo { width: 220px; padding: 0 10px 20px 0; font-size: 93%; float: right; background: none; } .layout-home #wrap-wo #sidebar-wo .module, .layout-sr #wrap-wo #sidebar-wo .module { margin: 0 0 10px;} .module a { font-weight: bold; } #wrap-wo .module li { margin-bottom: 5px; } .layout-searchresults #wrap-wo #sidebar-wo .module { margin: 10px 14px 0 10px; font-size: 93%; } .layout-home #sidebar-wo #intro { color: #fff; font-size: 12px; margin: 0 50px 10px 30px; padding-top: 235px; } .layout-home #sidebar-wo #intro p { margin: 0 0 10px; } .layout-home #content-wo, .layout-sr #content-wo, .layout-stores #content-wo { margin-right: 250px; padding-left: 20px; margin-left: 0; } /* layout-landing */ .layout-landing #wrap-wo #content-wo h1 { font-size: 24px; } .layout-landing #content-wo {margin: 0 20px} .layout-landing #wrap-wo #sidebar-wo { width: 220px; padding: 0 10px 20px 0; font-size: 93%; float: right; background: none; } .layout-landing .logo { margin: 10px 0 20px 20px; float: right; } .layout-landing .logo img { margin: 0; } .layout-landing .logo b { font-size: 22px; margin: 5px 0 20px 0; display: block; } .layout-landing .logo-w-number img, .layout-landing .featureimg-w-number img, .layout-landing .logo-w-sitelink img {margin: 0 auto} .layout-landing .logo-w-number, .layout-landing .logo-w-sitelink {margin: 10px 0 20px 20px; float: right;width:250px;border: 10px solid #f2f2f2;padding: 10px 0 0;position:relative;top:1px;text-align:center} .type-browse .logo-w-number, .type-browse .logo-w-sitelink {margin: 10px 10px 0 10px; float: right;width:190px;position:relative;top:1px;text-align:center} .layout-landing .logo-w-sitelink a {margin: 15px 10% 20px;width:80%} .table9 .buy a.button-1 {display:block;position:relative;right:3px} .table9 .buy a.button-1 * {display:block} .layout-landing .featureimg-w-number {margin: 10px 0 20px 20px; float: right;width:250px;border: 10px solid #f2f2f2;padding: 0;position:relative;top:1px;text-align:center} .layout-landing .logo-w-number strong, .layout-landing .featureimg-w-number strong {display:block;border-top: 2px solid #f2f2f2;margin: 10px 0 0;color:#999;padding: 17px 0 10px 65px;background: #fff url("images/sprites.png") no-repeat 10px -3644px;text-align:left} .layout-searchresults.type-browse .logo-w-number strong {display:block;color:#999;padding: 5px 0 0} .layout-landing .featureimg-w-number strong, .layout-searchresults.type-browse .featureimg-w-number strong {margin: 0} .layout-landing .logo-w-number span, .layout-landing .featureimg-w-number span, .layout-searchresults.type-browse .logo-w-number span {font-size:26px;display:block;color:#000;position:relative;top:-5px} .layout-details .logo-w-number strong, .layout-details .featureimg-w-number strong {display:block;border-top: 1px solid #ccc;border-bottom: 2px solid #333;margin: 10px 0 0;color:#999;padding: 17px 0 10px 40px;background: #fff url("images/sprites.png") no-repeat -10px -3645px;text-align:left} .layout-details .featureimg-w-number strong {margin: 0} .layout-details .logo-w-number span, .layout-details .featureimg-w-number span {font-size:24px;display:block;color:#000;position:relative;top:-5px} .layout-details .plan-tools .logo-w-number strong, .layout-details .plan-tools .featureimg-w-number strong {border-top: 1px solid #ccc;border-bottom: none;margin: 7px 0 0;padding: 15px 0 0;background:none} #wrap-wo .browse-categories {margin: 0 400px 20px 0} .layout-fullwidth #wrap-wo .browse-categories {margin-right:0;line-height:25px} .browse-categories span {white-space:nowrap;margin-right:3px;display:inline-block} .layout-landing #wrap-wo h2.landing-heading { padding-bottom: 10px; font: bold 20px arial; margin-top: -2px; } .layout-landing .landing-description { margin: 20px 0 20px 0; } #wrap-wo .grid-list li {position:relative;margin:0;padding:0;display:inline-block;width:230px;height:200px;background:none;left:-1px} .grid-list {overflow:hidden;border-top: 1px solid #ccc} .grid-list img {display:none;width:230px;height:200px;position:absolute;z-index:500;top:0;left:0} .grid-list span {position:absolute;top:0;left:0;width:210px;padding:10px;background-color:rgba(255,255,255,0.7);line-height:1.3} .grid-list a {position:relative;z-index:1000;display:block;width:230px;height:200px;border:none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc} #wrap-wo .grid-list a:link, #wrap-wo .grid-list a:visited {background-color:#fff;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #fff} #wrap-wo .grid-list a:hover, #wrap-wo .grid-list a:active {background:none;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-right: 1px solid #fff} #wrap-wo .grid-list a:link span, #wrap-wo .grid-list a:visited span {color:#0C7BE5;background-color:rgba(255,255,255,0.9)} #wrap-wo .grid-list a:hover span, #wrap-wo .grid-list a:active span {color:#c00;text-decoration:underline} #wrap-wo .grid-list a:link small, #wrap-wo .grid-list a:visited small {color:#666} #wrap-wo .grid-list a:hover small, #wrap-wo .grid-list a:active small {color:#c00} .grid-list strong {display:block;font: bold 28px arial;letter-spacing:-0.04em} .highlight-point {background: #FFFFD7 url("images/highlight_point.png") no-repeat 0 0;padding: 10px 10px 10px 60px;border: 1px solid #EBEBA3;color: #5E5E27;margin: 0 0 20px} #wrap-wo .highlight-point h4, #wrap-wo .highlight-point h3, #wrap-wo .highlight-point h5 {margin: 0;border-left: 1px solid #EBEBA3;padding: 0 0 0 10px;font: bold 100% arial} #wrap-wo .highlight-point p {margin: 0;border-left: 1px solid #EBEBA3;padding: 0 0 0 10px} .disclaimer {color:#999;font: normal 9px arial;border-top: 1px solid #ccc;padding: 20px 20px 20px 0;background:#fff} #wrap-wo .disclaimer li {color:#999;background:none;list-style-type:circle;padding:0;margin: 0 0 0 20px} .topbox { position: relative; padding: 20px 0 0 30px; background: #fff url("images/plan_tools_bg.gif") no-repeat 0 0; } .layout-landing .not-found { float: right; margin: 10px 0 10px 20px; text-align: center; padding: 10px; border: solid 2px #ccc; background-color: #f4f4f4; width: 225px; } .layout-landing .not-found h2 { font: bold 16px arial; margin: 0 0 5px 0 !important; } .layout-landing .not-found a { font-weight: bold; } .layout-landing .not-found2 { margin: 40px 0 20px 0; text-align: center; padding: 20px; border-top: solid 4px #ccc; border-bottom: solid 4px #ccc; background-color: #f4f4f4; } .layout-landing .not-found2 h2 { font: bold 18px arial !important; margin: 0; display: inline; } .layout-landing .not-found2 a { font: bold 18px arial; margin-left: 10px; } .highlight-image { display: block; position: absolute; top: -30px; left: 65%; _left: 390px; width: 254px; height: 183px; background: url("images/highlight_image_ccard.gif") no-repeat 0 0; z-index: 1000; } .product-img { padding: 30px 0 25px; border-bottom: 2px solid #ccc; margin: 0 20px 0 20px; } .supplier-img { padding: 10px 0; } .layout-stores .supplier-img, .layout-fullwidth .supplier-img { float:right;width:220px;text-align:right;padding: 20px 0 0} .layout-fullwidth .supplier-img {padding: 0;position:relative;top:-10px} .layout-stores .supplier-img img, .layout-fullwidth .supplier-img img {margin: 0 0 0 auto} .product-img, .supplier-img { text-align: center; } .product-img *, .supplier-img * { margin: 0 auto; display: block; } .summary-popup .supplier-img {position:absolute;top:17px;left:340px;width: 185px;padding:0;right:auto;text-align:right} .summary-popup .supplier-img img {margin: 0 0 0 auto;display:block} .plans-found { margin: 0 0 5px; } .tools { margin: 5px 0 10px 0; } .layout-searchresults .tools { float: right; margin: 10px 0 0 0; } #wrap-wo .icon-print { background: #fff url("images/sprites.png") no-repeat 0 -800px; padding: 2px 0 3px 19px; margin-right: 13px; line-height: 1.8; } #wrap-wo .icon-compare { background: #fff url("images/sprites.png") no-repeat 0 -850px; padding: 2px 0 3px 19px; margin-right: 13px; line-height: 1.8; } #wrap-wo .icon-email { background: #fff url("images/sprites.png") no-repeat 0 -900px; padding: 2px 0 3px 19px; margin-right: 13px; line-height: 1.8; } #wrap-wo .icon-save { background: #fff url("images/sprites.png") no-repeat 0 -1000px; padding: 2px 0 3px 19px; margin-right: 13px; line-height: 1.8; } #wrap-wo .icon-specials { background: #fff url('images/dollar.png') no-repeat 0 0; padding: 2px 0 3px 19px; margin-right: 13px; line-height: 1.8; } #wrap-wo .key-features ul.pros-cons { margin: 0 20px 20px; border-top: 2px solid #333; border-bottom: 2px solid #333; padding: 5px 0; } #wrap-wo .key-features p { margin: 0 20px 20px; border-top: 2px solid #333;padding: 5px 0; } #wrap-wo .key-features p select { width:200px} #wrap-wo li.icon-pro { background: #fff url("images/sprites.png") no-repeat 0 -1998px; padding: 0 0 0 21px; margin-right: 13px; line-height: 1.8; font-weight: bold; } #wrap-wo li.icon-con { background: #fff url("images/sprites.png") no-repeat 0 -2148px; padding: 0 0 0 21px; margin-right: 13px; line-height: 1.8; font-weight: bold; } #wrap-wo .product-navigator li.icon-expand {background: #fff url("images/li_bg_plus.png") no-repeat 0 0;list-style-type:none;padding: 0 0 0 13px;margin:0;font-weight:bold;position:relative;left:-3px} .show-shortlisted { margin: 0; padding: 0; float: right; width: 350px; text-align: right; } .show-shortlisted .icon-compare { margin-left: 5px; } /* layout-details */ .layout-details #wrap-wo h1 { color: #777; margin: 20px 0 10px; margin-right: 290px; } .layout-details h1 span.title-provider { color: #fff; background: #333 url("images/button-1-over.png") no-repeat 0 -130px; padding: 1px 5px; } .section-homeloans.layout-details h1 span.title-provider {font-size:12px} .layout-details h1 span.title-product { font-size: 150%; display: block; position: relative; color: #333; } .section-homeloans.layout-details h1 span.title-product { font-size: 130%} .layout-details h1 span.discounted { font: bold 12px arial; display: inline; position: relative; top: -1px; color: #fff; background: #090; padding: 3px 6px; } .layout-details .details h4 { font-size: 165% !important; color: #777 !important; margin: 10px 0 10px 0 !important; } .plan-tools { float: right; clear: right; width: 193px; margin: 5px 20px -15px 10px; background: #fff url("images/plan_tools_bg.gif") no-repeat 0 100%; padding: 0 0 25px} .ranking { position: relative; padding: 25px 0 0 30px; background: #fff url("images/plan_tools_bg.gif") no-repeat 0 0} #wrap-wo .ranking h3 { font: bold 130% arial; white-space: nowrap; } #wrap-wo .ranking h3, #wrap-wo .ranking p { margin: 0; } .ranking p { font: normal 110% arial; margin-top: 0; display: block; top: -12px; position: relative; padding: 0; white-space: nowrap; } .ranking p strong { font: bold 230% arial; position: relative; top: .4em; } .ranking a span, .ranking b span { position: absolute; left: -9999px; } .ranking p a { position: relative; z-index: 2000; } .layout-details .plan-tools .tools { margin: 10px 0 0 30px; width: 160px; text-align: left; border-top: 1px solid #ccc; padding: 8px 0 0; float: none; } .layout-details .plan-tools .transact { margin: 0 0 0 30px; padding: 0; float: none;} .layout-details .plan-tools .transact h3 { margin: 5px 0 10px 0 !important; border-top: 1px solid #ccc;padding: 10px 0 0} .layout-details .plan-tools .transact .buy-phone-wrapper { margin: 0 0 10px 0; background: #fff url("images/sprites.png") no-repeat 0 -3900px; } .layout-details .plan-tools .transact .button-1 { margin: 0 0 10px 0; } .layout-details .plan-tools .transact .buy-phone-wrapper small { display: none; } .layout-details .plan-tools .transact .buy-phone-wrapper .buy-phone-number { font: bold 16px arial !important; padding-top: 2px; } .layout-details .plan-tools .shortlist { display: block; } .competition {background: #fff url("images/comp_bg.png") no-repeat 0 5px;border-top: 1px solid #ccc;padding: 10px 0 0 50px;margin: 5px 0 0} .layout-searchresults .competition {background-position: 0 0;margin-right: 10px;border:none;margin-top:0;padding-top:0} .competition p {margin:0;padding: 0 0 10px} .layout-searchresults .competition p {padding:0} #wrap-wo .competition h4 {color:#2da424;margin:0} #competition-entry {background: #fff url("images/comp_bg_3.jpg") no-repeat 0 0; padding: 10px 0 0} .layout-landing #wrap-wo #competition-entry h1 {padding-left:240px;font-size:28px} .layout-landing #wrap-wo #competition-entry h2 {padding-left:240px;font-size:17px;margin: 10px 0} .layout-landing #wrap-wo #competition-entry .intro {padding-left:240px;font-size:15px; padding-bottom: 3px;margin-right:80px} #competition-entry table td, #competition-entry table th {font-size:110%} #competition-entry table th { width: 175px; } #competition-entry table {border-top: 3px solid #ccc;border-bottom: 3px solid #ccc} #competition-entry table td p {font: bold 105% arial;margin:5px 0 10px} #competition-entry textarea {margin: 10px 0 0} .layout-searchresults .competition {float:right;width:160px;background: #fff url("images/comp_bg.png") no-repeat 100% 0;padding: 13px 55px 2px 0;text-align:right} .layout-details .shortlist img { position: relative; left: -3px; margin-right: -9px; } .layout-details .tab-container { margin: 0 20px 30px 0; clear: right; } .section-homeloans.layout-details .tab-container {margin: -12px 20px 0 0;background:#fff;border-top: 20px solid #fff} /* layout homeloans details */ .section-homeloans.layout-details #main-wo {background:#fff} .section-homeloans.layout-details #content-wo {margin-left: 20px;background: #fff url("images/main_2_bg.png") repeat-y 624px 0;padding-bottom:0} .section-homeloans.layout-details #breadcrumbs {background:#fff;padding-bottom: 10px} .section-homeloans.layout-details #wrap-wo h1 {margin: 0 360px 10px 0} .your-loan-details {width: 580px;border-top: 1px solid #ccc;padding: 10px 0;margin-top:-10px;text-align:center} .your-loan-details .module {float:left;background: #fff url("images/homeloans_featurebg_2.png") no-repeat 50% -300px;min-height:50px} .your-loan-details .w33 {width:33%} .your-loan-details .w25 {width:25%} .your-loan-details .w20 {width:20%} .your-loan-details .yld-term {background-position: 50% -100px} .your-loan-details .yld-monthly {background-position: 50% -200px} .your-loan-details .yld-deposit {background-position: 50% 0px} #wrap-wo .your-loan-details h4 {font: bold 11px arial;color:#999;text-transform:uppercase;margin: 0;padding: 45px 0 0 0} .your-loan-details .yld-monthly {width:27%;margin-left:-2%} #wrap-wo .your-loan-details p {font: bold 20px arial;color:#333;margin: -2px 0 0;padding:0} .your-loan-details p .currency {font: bold 15px arial;position:relative;top:-3px} .your-loan-details p small {font: normal 11px arial;color:#666;position:relative;top:-2px} .your-loan-details .clear-left {font-size:1px;height:1px} .section-homeloans .new-search {border-top: 1px solid #ccc;padding: 3px 0;width:580px;text-align:center} .section-homeloans .new-search a {border:none !important} .section-homeloans.layout-details .icon-maximise, .section-homeloans.layout-details .icon-minimise {background-position: 50% -3550px;padding: 2px 0 3px} .section-homeloans.layout-details #form-search {border-bottom:none;border-top: 1px solid #ccc;margin: 3px 0 0;text-align:left;padding-left:20px;background:none} .hl-callcentre {border-bottom: 1px solid #ccc;padding: 40px 60px 130px 280px;background: #fff url("images/hl_callcentre_bg.jpg") no-repeat 0 0} #wrap-wo .hl-callcentre h2 {font-size:25px;margin: 0 0 20px} #wrap-wo .hl-callcentre h2 span {display:block;font-size:14px;line-height:20px} #wrap-wo .hl-callcentre p {margin:0;font-size:14px;line-height:20px} #wrap-wo .hl-callcentre p strong {display:block;font-size:20px} .homeloans-bg {display:none} .section-homeloans #tabbed-search ul.tabs.tabs-v2 {left:290px} .section-homeloans .search-step-1 {width:30%;left:10%} .section-homeloans .search-step-1 label {position:absolute;left:-9999px} .section-homeloans .search-step-2 {left:48%;width:36%} .section-homeloans.layout-details .search-step-1 {left:10%;width:40%} .section-homeloans.layout-details .search-step-2 {left:53%;width:50%} .section-homeloans #wrap-wo #form-search .search-step-2 label {width:110px} .section-homeloans .search-step-1 .form-fields div {background: #fff url("images/homeloans_featurebg_2.png") no-repeat 0 -450px;width:170px;height:43px;margin-bottom:8px} .section-homeloans #refine div.text-edit {background: #fff url("images/homeloans_featurebg_2.png") no-repeat 0 -450px} .section-homeloans .search-step-1 .form-fields input, .section-homeloans #refine input.text-edit {width:130px;font: bold 23px arial;margin: 0;position:relative;top:7px;padding-left:25px;border:none;background:none} .section-homeloans #refine input.text-edit {margin-bottom:20px;display:block} .section-homeloans #wrap-wo .search-step-1 a:link, .section-homeloans #wrap-wo .search-step-1 a:visited {font-size:11px;color:#999;background: #fff url("images/homeloans_featurebg_1.png") no-repeat 0 -730px;display:block;height:25px;padding: 4px 0 0 25px} .section-homeloans #wrap-wo .search-step-1 a:hover, .section-homeloans #wrap-wo .search-step-1 a:active {font-size:11px;color:#c00;background: #fff url("images/homeloans_featurebg_1.png") no-repeat 0 -700px} .section-homeloans #form-search .form-submit {left:107px} .loan-tools {float:right;width:271px;margin: 0 30px -10px -30px;padding: 0 0 0 80px;font-size:106%} .loan-tools-list {background: #fff url("images/homeloans_featurebg_2.png") no-repeat 100% 100%} .loan-tools.lt-bottom {margin-bottom:0} .loan-tools-number {background: url("images/homeloans_featurebg_1.png") no-repeat -30px 60px;padding:40px 0 0 120px;font-size:126%;border:none} .loan-tools-link {width:200px;font-size:126%} .loan-tools .loan-tools-number {background: url("images/homeloans_featurebg_1.png") no-repeat 100% 5px;padding: 3px 90px 0 0;font-size: 100%} .loan-tools .loan-tools-link {padding: 0 100px 0 0;font-size: 100%;width:auto} #wrap-wo .loan-tools h3 {margin: 0;padding: 0 0 11px;color:#333;font-size:20px;border-bottom: 1px solid #ccc} .loan-tools p {padding: 13px 0;margin:0;font-size:13px} .loan-tools-number strong {display:block;font-size:22px;letter-spacing:-0.04em;border-top: 1px solid #ccc;margin: 18px 0 0;padding: 12px 0 0;color:#333} .loan-tools-link a, .side-by-side .cell-buy a {margin: 15px 0 0;border:none !important} #wrap-wo .loan-tools-cta-bh h2, #wrap-wo .loan-tools-cta-ah h2 {margin: 22px 0 10px 0;font:bold 24px arial;letter-spacing:-0.04em;padding: 0 0 5px;border-bottom: 1px solid #ccc} #wrap-wo .loan-tools-list h3 {margin: 0 0 20px 25px} #wrap-wo .loan-tools-list .cta-form h3 {margin: 0 0 0 25px} #wrap-wo .loan-tools h3 {font:bold 15px/1.3 arial;letter-spacing:-0.04em;position:relative;border:none;padding: 0 70px 0 0} #wrap-wo .loan-tools h3 a {font:bold 20px/1.3 arial;zoom:1} #wrap-wo .loan-tools h3 span {color:#A0C32E;font: bold 26px arial;left:-33px;position:absolute;top:-2px} #wrap-wo .loan-tools p {margin: 0 0 10px;padding:0} #wrap-wo .loan-tools-list p {margin: 0 0 10px 25px;padding: 0 60px 0 0} .cta-form {border:none !important;padding: 15px 80px 30px 0} .loan-tools-list .cta-form {padding: 0} .section-homeloans .loan-tools .ph-number {padding: 0 0 0 35px;display:inline-block;text-align:left;font-size:100%; background: transparent url("images/homeloans_featurebg_2.png") no-repeat -73px -2301px} .others-matching {border-bottom: 1px solid #ccc;padding: 20px 0 0;width:580px} .others-compare {width:580px;background: url("images/homeloans_featurebg_2.png") no-repeat 100% -2480px;border-top: 1px solid #fff} .others-matching *, .others-compare * {zoom:1} .others-matching a, .others-compare a {cursor:pointer} .others-compare ul {padding-right:100px} .others-compare fieldset {border:none;margin: -15px 0 0 20px;padding:0} #wrap-wo .others-compare label {margin: 0 0 2px} #wrap-wo .others-compare label strong {position:absolute;left:-9999px} .others-compare .form-submit {position:relative;left:-3px} .section-homeloans .supplier-img {text-align:left;padding:0} .section-homeloans .supplier-img img {float:right;position:relative;top:5px;margin: 0 25px 0 20px} .section-homeloans.layout-details .table8 {margin:0;border-bottom: 1px solid #ccc;width:580px} .section-homeloans.layout-details .tab-panes .table8 {width:560px} .section-homeloans .table8 th {width:255px} .section-homeloans .tab-panes .table8 th {width:240px;font-size:12px} .section-homeloans .tab-panes .table8 th, .section-homeloans .tab-panes .table8 td {font-size:12px} .section-homeloans .table8 td, .section-homeloans .table8 th {border:none;padding: 5px} .section-homeloans .table8 tr.row-section td, .section-homeloans .table8 tr.row-section th {border-top: 1px solid #ccc} .table8 .alt td, .table8 .alt th {background:#eee} .section-homeloans .table8 tr.row-sub th {background: url("images/sprites.png") no-repeat 5px -1299px;width:auto;font-weight:normal;padding: 1px 5px 1px;text-indent:25px;vertical-align:top} .section-homeloans .table8 tr.row-sub td {padding: 2px 5px} .section-homeloans .table8 tr.highlight td, .section-homeloans .table8 tr.highlight th {background-color:#ecffd2} .section-homeloans .table8 tr.row-highlight-1 td, .section-homeloans .table8 tr.row-highlight-1 th {background:#ffd8d8;border-top: 1px solid #ffb3b3;border-bottom: 1px solid #ffb3b3} .table8 th big, .table8 td big {font-size:20px;font-weight:bold;display:block} .layout-landing .table8.table-full-width td big {display:block} .table8 th small {display:block;font-weight:normal} .section-homeloans.layout-details .table8.your-loan th, .section-homeloans.layout-details .table8.your-loan td {width:33%;text-align:center} .section-homeloans #wrap-wo .key-features {width:314px;padding-top:30px} .section-homeloans #wrap-wo .key-features h2, .section-homeloans #wrap-wo .key-features ul {margin-left:30px;margin-right:30px} .section-homeloans.layout-details .details h4 {color:#000 !important} .section-homeloans.layout-details #wrap-wo .tab-panes h4 {font-size:165%} .section-homeloans.layout-details .tab-panes .radiobuttons {margin-bottom:15px;border-bottom: 1px solid #ccc;padding-bottom:10px} .section-homeloans.layout-details .tab-panes .radiobuttons label {display:inline !Important} .section-homeloans.layout-details .tab-panes .radiobuttons input {margin-left:10px} /* styles for the selected tab, add more tab ids if theres more than 6 tabs */ #wrap-wo #tab1, #wrap-wo #tab2, #wrap-wo #tab3, #wrap-wo #tab4, #wrap-wo #tab5, #wrap-wo #tab6, #wrap-wo #tab1.tab-disabled:hover, #wrap-wo #tab2.tab-disabled:hover, #wrap-wo #tab3.tab-disabled:hover, #wrap-wo #tab4.tab-disabled:hover, #wrap-wo #tab5.tab-disabled:hover, #wrap-wo #tab6.tab-disabled:hover { background: #333; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #333;background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(51,51,51)),color-stop(0.52, rgb(28,28,28)),color-stop(0.52, rgb(89,89,89)),color-stop(0.95, rgb(43,43,43)));background: -moz-linear-gradient(center bottom,rgb(51,51,51) 0%,rgb(28,28,28) 52%,rgb(89,89,89) 52%,rgb(43,43,43) 95%);text-shadow:1px 1px 0px #000;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius:5px} /* styles for the de-selected tabs, add more tab ids if theres more than 6 tabs */ #wrap-wo #tab1.tab-disabled, #wrap-wo #tab2.tab-disabled, #wrap-wo #tab3.tab-disabled, #wrap-wo #tab4.tab-disabled, #wrap-wo #tab5.tab-disabled, #wrap-wo #tab6.tab-disabled {background: #fff; color: #666; text-decoration: none; font-weight: bold; border: 1px solid #ccc;background:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(212,212,212)),color-stop(1, rgb(245,245,245)));background:-moz-linear-gradient(center bottom,rgb(212,212,212) 0%,rgb(245,245,245) 100%);text-shadow:1px 1px 0px #fff} .icon-details span, .icon-fees span, .icon-calendar span {background: transparent url("images/sprites.png") no-repeat 0 -3030px;display:block;padding-left:30px;padding-right:5px;line-height:22px;margin: -2px 0 -2px} .icon-fees span {background-position: 0 -2990px} .icon-calendar span {background-position: 0 -2950px} .icon-details .tab-disabled span {background-position: -377px -3030px} .icon-fees .tab-disabled span {background-position: -377px -2990px} .icon-calendar .tab-disabled span {background-position: -377px -2950px} /* apply coloured strip below tabs */ #wrap-wo ul.tabs { border-bottom: 8px solid #333; } .layout-searchresults #wrap-wo ul.tabs {border:none;position:relative;top:3px} #wrap-wo ul.tabs.tabs-v2 {border:none} /* tab list styles */ #wrap-wo .tab-container ul.tabs { list-style: none; margin: 0; padding: 0; height: 34px} .layout-fullwidth.type-browse #wrap-wo .tab-container ul.tabs, .layout-landing #wrap-wo .tab-container ul.tabs {margin: 0 1px;width:938px} .section-homeloans.layout-fullwidth.type-browse #wrap-wo .tab-container ul.tabs {margin-top:-15px} .layout-landing.type-browse #wrap-wo .tab-container ul.tabs {margin: 0 9px 0 1px} #wrap-wo .tab-container ul.tabs li { float: left; width: auto; padding: 0; margin: 0 5px 0 0; background: none;height:34px;overflow:hidden} #wrap-wo .tab-container ul.tabs a { border-bottom: none; display: block; padding: 7px 7px; } .layout-landing.type-browse #wrap-wo .tab-container ul.tabs a {font-size:17px} .layout-landing.type-browse #wrap-wo .tab-container ul.tabs a * {font-size:12px;font-weight:normal;display:inline-block;margin-bottom:-2px} /* apply padding to tab pane content */ .layout-details .tab-panes { padding: 20px; background: #fff; border: 1px solid #ccc; border-top: 1px solid #fff; overflow: hidden; min-height: 500px; } /* v2 tabs */ #wrap-wo .tab-container ul.tabs.tabs-v2 li { margin-right: 0; } .tabs-v2 #tab1, .tabs-v2 #tab2, .tabs-v2 #tab3, .tabs-v2 #tab4, .tabs-v2 #tab5, .tabs-v2 #tab6 { background: none; border: none !important; -moz-border-radius: 0 !important;-webkit-border-radius:0 !important;text-shadow:none !important} /* a:links & b defaults */ #wrap-wo .tab-container ul.tabs.tabs-v2 a:link, #wrap-wo .tab-container ul.tabs.tabs-v2 a:visited, #wrap-wo .tab-container ul.tabs.tabs-v2 a:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 a:active { background: transparent url("images/sprites.png") no-repeat 0 -3100px !important; padding: 0 0 0 10px; height: 22px; text-decoration: none; cursor: pointer; } #wrap-wo .tab-container ul.tabs.tabs-v2 a:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 a:visited b, #wrap-wo .tab-container ul.tabs.tabs-v2 a:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 a:active b { background: transparent url("images/sprites.png") no-repeat 100% -3100px !important; padding: 0 10px 0 0; height: 22px; display: block; font: normal 12px/1.65 arial; color: #555; cursor: pointer; } /* regular links */ #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:visited { background-position: 0 -3100px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:active { background-position: 0 -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:visited b { background-position: 100% -3100px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a:active b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:visited { background-position: 100% -3100px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:active { background-position: 100% -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:visited b { background-position: 100% -3100px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a:active b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:visited { background-position: 100% -3130px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:active { background-position: 100% -3190px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:visited b { background-position: 100% -3130px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a:active b { background-position: 100% -3190px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-sub-heading { margin: 1px 10px 0 20px; font: bold 16px arial; } /* active links */ #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:visited { background-position: 0 -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:active { background-position: 0 -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:visited b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-left a.tab-active:active b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:visited { background-position: 100% -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:active { background-position: 100% -3160px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:visited b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-middle a.tab-active:active b { background-position: 100% -3160px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:link, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:visited { background-position: 100% -3190px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:hover, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:active { background-position: 100% -3190px !important; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:link b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:visited b { background-position: 100% -3190px !important; color: #fff; } #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:hover b, #wrap-wo .tab-container ul.tabs.tabs-v2 .tab-right a.tab-active:active b { background-position: 100% -3190px !important; color: #fff; } /* sliding tabs */ #mask {width:100%;overflow:hidden;margin:0 auto} #panel {width:100%} #panel div {float:left;width:100%} #panel-2, #panel-3, #panel-4, #panel-5 {visibility:hidden} #tabbed-search, #tabbed-mostpopular { position: relative;zoom:1 } #tabbed-search #pane2 h2, #tabbed-search #pane02 h2 { margin-top: 0; padding-top: 20px; } #tabbed-mostpopular .tab-panes { overflow: auto; } #tabbed-search ul.tabs.tabs-v2 { border: none; position: absolute; top: -35px; left: 430px; } .section-isp #tabbed-search ul.tabs.tabs-v2 { left: 335px; } .section-cc #tabbed-search ul.tabs.tabs-v2 { left: 285px; } .layout-landing #sidebar-wo ul.tabs.tabs-v2 { left: 70px; top: -42px; } #tabbed-mostpopular ul.tabs.tabs-v2 { border: none; position: absolute; top: -35px; left: 140px; } #tabbed-mostpopular table { border-collapse: collapse; float: left; width: 100%; margin: 0; } #wrap-wo #tabbed-mostpopular table td h3 { margin: 0; font: normal 26px arial; color: #aaa; padding: 0 10px; } #wrap-wo #sidebar-wo #tabbed-mostpopular table td h3 { font: normal 16px arial; padding: 0 5px; } #tabbed-mostpopular table td { border-bottom: 1px solid #ccc; vertical-align: middle} #tabbed-mostpopular .table1 td {border:none} #sidebar-wo #tabbed-mostpopular table td { padding: 2px; height: 58px; } #tabbed-mostpopular table td img { vertical-align: middle; margin: 0; } #tabbed-mostpopular table td .plus { font: bold 200% arial; margin: 0 2px 0 0; vertical-align: middle; color: #999; } #tabbed-mostpopular table td.cell-product-img { text-align: center; padding: 0 5px 0 5px; } #tabbed-mostpopular table td.cell-rank { text-align: right; } #tabbed-mostpopular table td.cell-product { padding-right: 0; padding-left: 10px; float: none; width: 40%; } #tabbed-mostpopular table td.cell-product-more a { padding: 2px 0 3px 22px; font: bold 116% arial; background: url("images/sprites.png") no-repeat 2px -1029px; line-height: 20px; } #tabbed-mostpopular table td p, #wrap-wo #tabbed-mostpopular table td h4 { margin: 0; } .card-type { margin-top: 5px; } /* tabs inside a modal popup */ .ModalPopup .tab-container { margin: 0; clear: right; } .ModalPopup ul.tabs { border-bottom: 8px solid #fff; } .ModalPopup ul.tabs a:link, .ModalPopup ul.tabs a:visited, .ModalPopup ul.tabs a:hover, .ModalPopup ul.tabs a:active { background: #fff; color: #000; border: 1px solid #fff; } .ModalPopup ul.tabs a:hover, .ModalPopup ul.tabs a:active { text-decoration: underline; } .ModalPopup ul.tabs a.tab-disabled:link, .ModalPopup ul.tabs a.tab-disabled:visited { background: #555; color: #ccc; border: 1px solid #555; } .ModalPopup ul.tabs a.tab-disabled:hover, .ModalPopup ul.tabs a.tab-disabled:active { background: #fff; color: #000; border: 1px solid #fff; } .ModalPopup .tab-container ul.tabs { list-style: none; margin: 0; padding: 0; height: 2.15em; } .ModalPopup .tab-container ul.tabs li { float: left; width: auto; padding: 0; margin: 0 5px 0 0; } .ModalPopup .tab-container ul.tabs a { display: block; padding: 3px 10px; } .ModalPopup .tab-panes { padding: 0; background: #fff; border: none; min-height: auto; overflow: auto; } #wrap-wo .key-features { background: #fff; float: right; width: 260px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; position: relative; top: -46px; right: -20px; } #wrap-wo .key-features h2, #wrap-wo .key-features ul { margin: 0 20px; } #wrap-wo .key-features h2 { margin: 0 20px 10px 20px; } #wrap-wo .key-features .extra-value { margin: 0 20px 20px; border-top: 3px solid #333; padding: 5px 0; } .layout-details #sidebar-wo { text-align: center; width: 196px; padding: 0 10px 0 10px; } .layout-details #sidebar-wo img.large-product-shot { margin: 10px auto; display: block; } .section-mobile #sidebar-wo img.large-product-shot { cursor: pointer; } .layout-details #sidebar-wo img.large-product-shot-no-phone { margin: 30px auto 20px; display: block; cursor: default; } .layout-details #sidebar-wo img { display: block; margin: 13px auto 3px; } .layout-details #sidebar-wo .product-thumbnails img {margin:0} .layout-details.section-mobile .add-phone {position:relative;height:300px;margin: 0 auto;border-bottom: 1px solid #ccc} .layout-details.section-mobile .add-phone a:link, .layout-details.section-mobile .add-phone a:visited, .layout-details.section-mobile .add-phone a:hover, .layout-details.section-mobile .add-phone a:active {margin: 0 auto;display:block;background: #fff url("images/add_a_phone.png") no-repeat 0 0;width:165px;height:155px;padding: 145px 0 0;text-align:center} .layout-details.section-mobile .add-phone a:hover, .layout-details.section-mobile .add-phone a:active {background-position: 0 -300px} .add-phone small {position:absolute;top:165px;left:15px;width:85px;color:#666;padding: 0 40px;text-align:center} .add-phone strong {display:block} .buy-phone-wrapper { margin: 0 10px; padding: 5px 0; background: #fff url("images/sprites.png") no-repeat 0 -3600px; text-align: left; } .buy-phone { color: #000; font-weight: normal; } .buy-phone small { font: normal 12px arial; display: block; } #wrap-wo h3.buy-heading { font: bold 14px arial; margin: 0 10px; border-top: 2px solid #333; padding: 10px 0; } #wrap-wo .buy-phone-number { font: bold 18px arial; display: block; padding-left: 40px; color: #fff; } #sidebar-wo .buy-phone-number small { display: none; } #wrap-wo .buy-phone a { font-size: 11px; font-weight: normal; } .buy-best-way { border-top: 2px solid #333; padding: 15px 0 15px 64px; background: #fff url("images/sprites.png") no-repeat 0px -3649px; margin: 0; font-size: 15px; } .buy-best-way strong { display: block; } .buy-best-way small { margin-left: 10px; } .buy-now { padding: 10px 0 13px; margin: 0; border-bottom: 2px solid #333; } .buy-now .button-1 { margin-top: 10px; } .more-ways-to-buy { text-align: left; margin: 0 10px; } #wrap-wo .more-ways-to-buy h3 { margin: 0 0 20px; } #wrap-wo .more-ways-to-buy h4 { font-size: 12px; margin: 0 0 5px; } .more-ways-to-buy input { font-size: 11px; width: 100px; display: inline; margin: 2px 0; } .more-ways-to-buy input.form-submit { font-size: 11px; width: auto; display: inline; } .more-ways-to-buy .contact-phone { margin: 0; padding: 15px 0 10px; background: none; border-bottom: 2px solid #333; text-align: left; } .supplier-logo { display: block; margin: 0 0 5px; } /* layout-generic */ .layout-generic #wrap-wo h1 { color: #000; margin: 20px 0 10px; } .layout-generic #sidebar-wo p img { margin: 12px 0 5px; } /* layout-fullwidth layout-side-by-side */ .layout-sidebyside .heading-h1 {font: bold 165% arial;padding: 0.4em 0 0} .layout-sidebyside #wrap-wo h1 {margin: 0 0 2px;padding: 0 0 10px;font: normal 13px arial;border-bottom: 1px solid #ddd} .back-link {float:right;font: normal 15px arial} .layout-fullwidth #content-wo, .layout-sidebyside #content-wo { margin-left: 20px; margin-right: 20px; min-height: 400px; } /* layout-supplier */ .layout-supplier h1 span { font-size: 120%; display: block; position: relative; top: -3px; color: #666; } /* layout-dashboard */ .layout-dashboard .search { margin: 10px 10px 30px 0; padding: 10px; background-color: #fafafa; border: solid 1px #ccc; width: 680px; } .layout-dashboard #content-wo h2 { margin-top: 20px !important; } .layout-dashboard .search h2 { margin: 0 0 10px !important; } .layout-dashboard #refine { text-align: center; } .layout-dashboard #refine .stat { font-size: 20px; color: #ea7500; } .layout-dashboard #refine h3 { border: none !important; margin-top: 20px !important; font-size: 18px; } .layout-dashboard #refine h4 { border: none !important; margin-top: 10px !important; font-size: 14px; } /* layout-store */ .layout-store #sidebar-wo p { border: none; } .layout-store #store-image { border: solid 1px #666; width: 210px; margin-bottom: 20px; } .layout-store #actions { float: right; width: 380px; margin: 20px 0 0 0; padding: 0 0 30px 30px; } .layout-store #actions .featurebox-step { margin: 0 0 0 auto; float: none; } .layout-store #map { position: relative; margin: 15px 8px 0 0; border: solid 1px #ccc; float: right; } .layout-store .ratings { margin-top: 10px; } .layout-store #wrap-wo .ratings h1 { color: #d77400; font-size: 1em; font-weight: normal; } .layout-store .ratings div { margin: 5px 0 10px 0; } .layout-store .ratings hr { margin: 10px 0 10px 0; border-top: solid 1px #ccc; } .progress-0 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 0; margin: 0 auto; } .progress-1 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -20px; margin: 0 auto; } .progress-2 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -40px; margin: 0 auto; } .progress-3 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -60px; margin: 0 auto; } .progress-4 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -80px; margin: 0 auto; } .progress-5 { display: block; width: 50px; height: 10px; background: url("images/progres.png") no-repeat 0 -100px; margin: 0 auto; } .progress-6 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -120px; margin: 0 auto; } .progress-7 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -140px; margin: 0 auto; } .progress-8 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -160px; margin: 0 auto; } .progress-9 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -180px; margin: 0 auto; } .progress-10 { display: block; width: 50px; height: 10px; background: url("images/progress.png") no-repeat 0 -200px; margin: 0 auto; } .table2 .progress-0, .table2 .progress-1, .table2 .progress-2, .table2 .progress-3, .table2 .progress-4, .table2 .progress-5, .table2 .progress-6, .table2 .progress-7, .table2 .progress-8, .table2 .progress-9, .table2 .progress-10 { margin: 0; } /* TABLES */ .scrollable-table { margin: 25px 0; overflow: auto; overflow-y: hidden; } .scrollable-table .table1 { margin: 0; } #wrap-wo #refine h4 span {font-size:inherit;font-weight:normal;color:#333} #wrap-wo #refine .estimator h4 span {font-size:12px} #wrap-wo a.icon-edit {float:right;margin-top:2px;background: #fff url("images/homeloans_featurebg_1.png") no-repeat 0 -600px;display:block;height:16px;width:16px} #wrap-wo a.icon-edit:link, #wrap-wo a.icon-edit:visited {background-position: 0 -600px} #wrap-wo a.icon-edit:hover, #wrap-wo a.icon-edit:active {background-position: 0 -630px} .icon-edit * {position:absolute;left:-9999px} .estimator-active {background: #ffffd7;border-top: 1px solid #ebeba3;border-bottom: 1px solid #ebeba3;color:#5e5e27;margin: -1px -9px 0;padding: 0 9px;position:relative} .estimator-active .control-wrap {border:none} .estimator-active .control-wrap p {border:none !important;border-top: 1px solid #EBEBA3 !important;padding: 10px 0 0 !important} .estimator-active-bar {background: #ffffd7;border: 1px solid #ebeba3;color:#5e5e27;margin: 0 9px 0 1px;padding: 5px} .summary-popup .estimator-active-bar .estimator-active-change {color:#5e5e27;margin:0} .layout-details .estimator-active-bar {margin: 0 380px 0 0;padding:10px 0} .layout-details .estimator-active-bar p {margin: 0 10px} .summary-popup .estimator-active-bar p {margin: 0} .summary-popup .estimator-active-bar {margin: 0 0 10px} .summary-popup .eab-1, .summary-popup .eab-3 {background: #ffffd7 url("images/homeloans_featurebg_2.png") no-repeat 0 -600px;padding: 10px 10px 10px 55px;margin: 10px 0 0} .summary-popup .eab-2 {background: #ffffd7 url("images/homeloans_featurebg_2.png") no-repeat 0 -800px;padding: 10px 10px 10px 55px;margin: 10px 0 0} .eab-change {font: normal 20px arial;display:block} .estimator-active-bar p {margin: 0 100px 0 0} .estimator-active-figure {background: #ffffd7;color:#5e5e27} .estimator-active-change {background: #ffffd7;color:#5e5e27;white-space:nowrap;display:inline-block} .cell-extrapayments .estimator-active-change {color:#5e5e27} #wrap-wo .table12 td .estimator-active-change {background: #ffffd7;color:#5e5e27;font-size:inherit} .summary:hover .estimator-active-change {background:none;color:#fff} .cell-monthlyrepay strong {display:block;font-size:22px} .locked-rate {background: url("images/homeloans_featurebg_2.png") no-repeat 0 -2200px;padding-left:13px} .estimator-up {background: transparent url("images/sprites.png") no-repeat 0 -3381px;padding-left:15px;padding-right:10px} .estimator-down {background: transparent url("images/sprites.png") no-repeat 0 -3351px;padding-left:15px;padding-right:10px} td.cell-totalcost .estimator-down, td.cell-totalcost .estimator-up {background-color:transparent} tr:hover td.cell-totalcost .estimator-down, tr:hover td.cell-totalcost .estimator-up {background-color:transparent} tr:hover td.cell-totalcost.estimator-active-figure .estimator-down, tr:hover td.cell-totalcost.estimator-active-figure .estimator-up {background-color:transparent} .summary-popup .estimator-active-change {margin: 5px 0 10px} .summary-popup-homeloans .summary-col big.estimator-active-change {background-color:#ffffd7;color:#5e5e27;font: normal 12px arial !important;border: 1px solid #ebeba3;padding: 2px 5px 2px 20px} .summary-popup-homeloans .summary-col big.estimator-up {background-position: 5px -3379px} .summary-popup-homeloans .summary-col big.estimator-down {background-position: 5px -3349px} /* search results tabs */ .homeloans-callout {float:right;width:290px;padding: 0 100px 0 0;position:relative;top:-2px;margin: 0 0 0 20px} .type-browse .homeloans-callout {top:17px} #wrap-wo .homeloans-callout h4 {margin:0;color:#000} .homeloans-callout p {margin: 0;color:#666;font-size:12px} .homeloans-callout span.hlc-arrow {display:block;position:absolute;top:-28px;right:32px;width:72px;height:128px;background: transparent url("images/homeloans_callout_arrow.png") no-repeat 100% 0} .homeloans-callout-number strong {color:#000;font-size:15px} .homeloans-callout-2 {padding: 10px 10px 10px 20px;border-top: 1px solid #ccc;margin: 0 0 20px} #wrap-wo .homeloans-callout-2 h3 {background: #fff url("images/homeloans_featurebg_2.png") no-repeat -67px -300px;padding: 9px 5px 9px 55px;font: bold 17px arial} #wrap-wo .homeloans-callout-2 p {margin: 0 0 0 55px} /* search results table */ .table1 { border-bottom: 2px solid #000; border-collapse: collapse; margin: 20px 0 25px; width: 99%; clear: right; } .layout-details .table1.t-browse-mobilemodels {border-bottom:none;margin: 20px 0 0} .layout-stores .table1 { clear:none;margin: 0 0 25px} #tabbed-search .table1 {clear:none} .section-homeloans .table1, .type-browse .table1 {margin-top:0} .faux-dropdown {display:block;width:81px;height:20px;line-height:18px;background: transparent url("images/sprites.png") no-repeat -309px -3230px;margin: 0 auto;text-align:left;text-indent:8px} .faux-dropdown:hover {background-position: -309px -3260px} #wrap-wo ul#drop-up {width:90px;height:140px;overflow-y:scroll;margin: 0;padding:0;text-align:left;display:none;position:absolute} #wrap-wo ul#drop-up li {background:#000;padding:0} #wrap-wo ul#drop-up li a {color:#fff;display:block;padding: 0 8px} #wrap-wo ul#drop-up li a:link, #wrap-wo ul#drop-up li a:visited {background: #666 url("images/sprites_headers.png") repeat-x 0 -404px;color:#fff;border-bottom: 1px solid #000;border-top: 1px solid #444} #wrap-wo ul#drop-up li a:hover, #wrap-wo ul#drop-up li a:active, #wrap-wo ul#drop-up li.active a:link, #wrap-wo ul#drop-up li.active a:visited, #wrap-wo ul#drop-up li.active a:hover, #wrap-wo ul#drop-up li.active a:active {background:#0C7BE5;text-decoration:none;border-bottom: 1px solid #004d97;border-top: 1px solid #3b9dfb} #wrap-wo ul.faux-dropdown-list {position:absolute;background:#000;border: 1px solid #999} #wrap-wo ul.faux-dropdown-list li {background:none;width:99px;color:#fff;font-size:11px;padding:0;border-top: 1px solid #666} /* BROWSE - tables */ .layout-fullwidth .table1, .layout-landing .table1 { clear: none;margin: 0 0 20px;width:100%} .table1 td { background: #fff url("images/sprites.png") repeat-x 0 -100px; padding: 8px 3px; border: none; vertical-align: middle; text-align: center; height:100px} .layout-home .table1 td {height:100px} .table1.t-browse-mobilecarriers td.cell-supplier, .table1.t-browse-mobileplans td.cell-supplier, .table1.t-browse-mobiledeals td.cell-supplier, .table1.t-browse-mobilemodels td.cell-product-image, .table1.t-browse-mobilebrands td.cell-supplier, .table1.t-browse-broadbandproviders td.cell-supplier, .table1.t-browse-cardproviders td.cell-supplier, .table1.t-browse-loanlenders td.cell-supplier {padding: 8px 15px} .layout-home .table1.t-browse-mobilemodels td.cell-product-image img {width:44px;height:80px} .layout-details .table1.t-browse-mobilemodels td.cell-product-image {padding: 8px 15px} .table1.t-browse-mobiledeals table {border-collapse:collapse} .table1.t-browse-mobiledeals td, .table1.t-browse-mobilemodels td, .table1.t-browse-plandeals td, .table1.t-browse-dealsavings td, .layout-home .table1.t-browse-mobilecarriers td {background: #fff url("images/mobile_features_bg.png") repeat-x 0 -1200px;padding: 16px 3px;vertical-align:top} .layout-home .table1.t-browse-mobilecarriers td.cell-supplier-details {width:auto;vertical-align:middle} .layout-home .table1.t-browse-broadbandproviders td.cell-supplier-details {width:500px} .layout-home .table1.t-browse-cardproviders td.cell-supplier-details {width:500px;vertical-align:middle} .layout-home #wrap-wo .table1.t-browse-mobilecarriers td.cell-supplier-details h5, .layout-home #wrap-wo .table1.t-browse-broadbandproviders td.cell-supplier-details h5, .layout-home #wrap-wo .table1.t-browse-cardproviders td.cell-supplier-details h5 {border:none !important;margin:0 !important;padding:0 !important} .layout-details .table1.t-browse-mobilemodels td {vertical-align:middle} .table1.t-browse-plandeals td.cell-supplier, .table1.t-browse-dealsavings td.cell-supplier {width:190px;padding-top:20px} .layout-fullwidth .table1.t-browse-mobiledeals, .layout-fullwidth .table1.t-browse-mobilemodels {margin: 20px 0} .layout-fullwidth .tab-container .table1.t-browse-mobiledeals, .browse-categories + .table1.t-browse-mobilemodels, .browse-categories + .table1.t-browse-mobiledeals, .layout-fullwidth .tab-container .table1.t-browse-dealsavings, .layout-fullwidth .tab-container .table1.t-browse-plandeals {margin: 0} .table1.t-browse-mobiledeals table td {height:auto;padding:8px 3px;text-align:left;background:none;border-bottom: 1px solid #eee} .table1.t-browse-mobiledeals .cell-product-image {padding: 10px 10px 10px 0;vertical-align:top} .cell-number-plans, .cell-number-deals, .cell-number-phones, .cell-number-cards, .cell-number-loans {width:100px;vertical-align:middle !important} .cell-number-plans a, .cell-number-deals a, .cell-number-phones a, .cell-number-cards a, .cell-number-loans a {display:block;width:120px} .layout-home .cell-number-plans a, .layout-home .cell-number-deals a, .layout-home .cell-number-phones a, .layout-home .cell-number-cards a, .layout-home .cell-number-loans a {width:85px;margin: 0 auto} .cell-number-plans a:hover, .cell-number-deals a:hover, .cell-number-phones a:hover, .cell-number-cards a:hover, .cell-number-loans a:hover, .cell-number-plans a:active, .cell-number-deals a:active, .cell-number-phones a:active, .cell-number-cards a:active, .cell-number-loans a:active {text-decoration:none !important;cursor:pointer} .cell-number-plans big, .cell-number-deals big, .cell-number-phones big, .cell-number-cards big, .cell-number-loans big {font-size:35px !important;margin: -2px 0 -4px !important;letter-spacing: -0.005em;color:#0c78e5;line-height:38px} .cell-number-plans big small, .cell-number-deals big small, .cell-number-phones big small, .cell-number-cards big small, .cell-number-loans big small {display:block !important} .cell-number-deals .icon-deal {line-height:38px;background-position: 0 -700px;padding-left:26px} .table1.t-browse-mobilemodels .cell-plan-price {width:100px;vertical-align:middle} .table1.t-browse-mobilemodels .cell-deals-list {width:130px;vertical-align:middle} .table1.t-browse-mobilemodels .cell-plan-price big {font-size:35px;margin: -2px 0 -4px;letter-spacing: -0.005em;color:#0c78e5} .table1.t-browse-mobilemodels .cell-plan-price big small {display:block;margin: -8px 0 0} .table1.t-browse-mobilemodels .cell-plan-price big .currency {position:relative;top:-16px;left:-2px} .table1.t-browse-mobilemodels .cell-plan-price a:hover {text-decoration:none !important} #wrap-wo .table1.t-browse-mobilemodels .cell-deals-list h5 {margin: 0 0 5px} /* BROWSE - inner deal tables */ .table1 .cell-deal-details table {width:100%;border-collapse:collapse} .table1 .cell-deal-details th, .table1 .cell-deal-details td {height:auto;text-align:left;border:none !important} .table1 .cell-deal-details th, .table1 .cell-deal-details th:hover {background:none;text-align:left;padding: 10px 0;vertical-align:top} .table1 .cell-deal-details td {padding: 7px 0;background:none !important;border-top: 1px solid #ddd !important;vertical-align:middle} .table1 .cell-deal-details .row-section td, .table1 .cell-deal-details .row-section th {border-top: 1px solid #ddd !important} .table1 .cell-deal-details th.cell-deal-shortversion {color:#78B400;font-weight:bold;width:150px;padding-right:20px} .table1 .cell-deal-details td.cell-deal-bonus {color:#78B400;width:100px} .cell-deal-details td.cell-deal-product img {width:15px;vertical-align:middle;margin: -3px 10px -3px 0;height:27px;float:left} .table1 .cell-deal-details td.cell-deal-ending {color:#999;width:105px} .table1-tight td {padding: 8px 1px} .table1 .cell-supplier-details, .table1 .cell-product-details, .table1 .cell-deal-details {text-align:left} .t-browse-mobilebrands .cell-supplier-details, .t-browse-mobilecarriers .cell-supplier-details, .t-browse-mobiledeals .cell-deal-details {width:100%} .t-browse-mobiledeals .cell-deal-details {width:100%} #wrap-wo .cell-supplier-details ul, #wrap-wo .cell-product-details ul {margin: 0 0 2px} #wrap-wo .cell-supplier-details li, #wrap-wo .cell-product-details li {display:inline;margin-right: 10px;padding:0;background:none} #wrap-wo .cell-supplier-details h4, #wrap-wo .cell-product-details h4, #wrap-wo .cell-deal-details h4 {font: normal 15px arial} #wrap-wo .cell-supplier-details h5, #wrap-wo .cell-product-details h5, #wrap-wo .cell-deal-details h5 {font-size:22px;border-bottom: 1px solid #ddd;padding: 0 0 2px;margin: 0 0 5px !important} .layout-details #wrap-wo .cell-product-details h5, .layout-home #wrap-wo .cell-product-details h5 {font-size:15px} #wrap-wo .cell-deal-details h5 {margin: 0 !important;border-bottom:none} .cell-product-details h5 {border:none !important} #wrap-wo .cell-supplier-details h5 small, #wrap-wo .cell-product-details h5 small {font-size:17px;color:#999;font-weight:normal} #wrap-wo .cell-supplier-details h6, #wrap-wo .cell-product-details h6 {font-weight:normal;color:#999;margin:0} .cell-supplier-details a {white-space:nowrap} #wrap-wo .t-browse-mobilemodels .cell-product-details h6 {font-weight:bold;color:#333;margin:0} .layout-details #wrap-wo .t-browse-mobilemodels .cell-product-details h6, .layout-home #wrap-wo .t-browse-mobilemodels .cell-product-details h6 {font-weight:normal} .cell-product-details .icon-deal {color:#78b400} .table1 td.cell-product-image strong {display:block;font: normal 11px/13px arial;padding: 3px} #wrap-wo .cell-product-image a, #wrap-wo .cell-product-image-more a {color:#999;display:block;padding: 5px 0;width:80px;height:80px;text-align:center} .layout-details #wrap-wo .cell-product-image a {width:80px;height:auto} .layout-details #wrap-wo .cell-product-image img {height:80px;width:44px} #wrap-wo .cell-product-image a:hover, #wrap-wo .cell-product-image-more a:hover {color:#c00;text-decoration:none;box-shadow: 0 0 15px #ccc;-moz-box-shadow: 0 0 15px #ccc;-webkit-box-shadow: 0 0 15px #ccc;-khtml-box-shadow:0 0 15px #ccc;background:#fff} #wrap-wo .t-browse-mobiledeals .cell-product-image a {padding:0;width:auto;height:auto;padding:5px} .table1 td.cell-product-image-more {font: normal 11px/13px arial;padding: 8px} .table1 td.cell-product-image-more big {font-size:22px;margin-top:25px} .table1 td.cell-deals-current big {font-size:15px} #wrap-wo .table1 td.cell-deals-current a {background: transparent url("images/sprites.png") no-repeat 0px -700px;padding: 10px 5px 10px 30px;display:block;width:190px;text-align:left} #wrap-wo .table1.t-browse-mobilebrands td.cell-deals-current a {width:150px} .phone-carousel {height:214px;text-align:center;margin: 0 auto;vertical-align:top} .phone-carousel div {display:inline-block;height:200px;vertical-align:top;margin-right:-10px} #wrap-wo .phone-carousel h3 {font: italic normal 15px/18px arial;color:#999;margin:0;border-top: 1px solid #ccc;border-bottom: 1px solid #eee;padding: 5px 0} #wrap-wo .phone-carousel a {color:#999;display:inline;width:72px;float:left;height:160px;padding:10px;overflow:hidden} #wrap-wo .phone-carousel a:hover {color:#c00;text-decoration:none;box-shadow: 0 0 15px #ccc;-moz-box-shadow: 0 0 15px #ccc;-webkit-box-shadow: 0 0 15px #ccc;-khtml-box-shadow:0 0 15px #ccc;background:#fff} .phone-carousel a strong {display:block;font: normal 11px/14px arial;display:block;margin: 3px 0 0} .phone-carousel a big {font: bold 26px arial;display:block;margin: 13px 0 -3px} /* rules in lt_ie9.css overrise some of these above */ .full-specs {border-collapse:collapse;width:100%;border-bottom: 2px solid #333;margin: 0 0 20px} .full-specs td, .full-specs th {width:25%;border:1px solid #ddd;padding:8px} .full-specs td {width:75%} .full-specs tr.alt td, .full-specs tr.alt th {background:#f2f2f2} .full-specs tr.sectionheading th {background: #fff url("images/mobile_features_bg.png") no-repeat 0 -700px;padding: 35px 8px 15px 38px; border: 1px solid #fff;width:auto;font-size:17px;width:auto} .full-specs tr.mob-sh-1 th {background-position: 0 -900px} .full-specs tr.mob-sh-2 th {background-position: 0 -100px} .full-specs tr.mob-sh-3 th {background-position: 0 -200px} .full-specs tr.mob-sh-4 th {background-position: 0 -300px} .full-specs tr.mob-sh-5 th {background-position: 0 0} .full-specs tr.mob-sh-6 th {background-position: 0 -400px} .full-specs tr.mob-sh-7 th {background-position: 0 -600px} .full-specs tr.mob-sh-8 th {background-position: 0 -700px} .full-specs tr.mob-sh-9 th {background-position: 0 -800px} .full-specs tr.sectionheading th {border-bottom: 2px solid #333} @media screen and (-webkit-min-device-pixel-ratio:0) { .table1 td, #tabbed-mostpopular table td {height:84px} /* for safari. eeeek */ } .table1 td.align-left {text-align: left} .section-homeloans .table1 td.cell-totalcost {padding: 8px 0px 8px 4px} .table1 tr.GridRowSelectable:hover td { background-color: #e7f5ff; cursor: pointer} #wrap-wo .table1 tr.GridRowSelectable:hover td.cell-product a:link, #wrap-wo .table1 tr.GridRowSelectable:hover td.cell-product a:visited, #wrap-wo .table1 tr.GridRowSelectable:hover td.cell-product a:hover, #wrap-wo .table1 tr.GridRowSelectable:hover td.cell-product a:active { color: #c00; text-decoration: underline; cursor: pointer; } .table1 td.cell-product, .table1 th.cell-product { text-align: left; padding-left: 10px; } .section-homeloans .table1 td.cell-product, .section-homeloans .table1 th.cell-product {padding-left:5px} .table1 td.cell-speed {padding: 3px 12px 13px} td.cell-speed span {position:relative;top:5px} .type-browse td.cell-speed span {top:-1px} .table1 td.cell-data {padding: 11px 6px 5px} .section-mobile .table1 td.cell-data {padding: 8px 3px 8px} .table1 td.cell-price {padding: 10px 12px 6px} .table1 td.cell-price big, .table1 td.cell-monthlyrepay big {font-size:22px} .table1 td.cell-price big .currency, .table1 td.cell-monthlyrepay big .currency {position:relative;top:-7px} td.cell-price .subdued {white-space:nowrap} .table1 td.cell-product small { color: #333; display: block; margin-top: 5px; } #tabbed-search .table1 td.cell-product small, .layout-landing .table1 td.cell-product small { color: #999; display: inline; margin-top: 0; font-weight:normal} .table1 td.cell-product a:link, .table1 td.cell-product a:visited, .table1 td.cell-product a:hover, .table1 td.cell-product a:active { text-decoration: underline; } #wrap-wo .table1 td.cell-product h5, #wrap-wo .table1 td.cell-product span { margin-left: 0; display: block; } #wrap-wo .table1-tight td.cell-product span {font-size:11px} .cell-modem {text-align:center} .cell-modem b {position:absolute;left:-9999px} .cell-modem span {display:block;width:35px;height:38px;background: url("images/sprites_modems.png") no-repeat 50% 0;margin: 0 auto} .cell-modem span.modem-2 {background-position: 50% -100px} .cell-modem span.modem-3 {background-position: 50% -200px} .cell-modem span.modem-4 {background-position: 50% -300px} .table1 tr .sponsored-result-heading { color: #7e6241; font-size: 11px; } .table1 tr.sponsored-result-row td { background: #f7f0d5; border-bottom: 15px solid #fff; border-top: 15px solid #fff; } .table1 tr.sponsored-result-row:hover td { background: #eee6c7; border-bottom: 15px solid #fff; border-top: 15px solid #fff; } .table1 td.cell-cta {background: #fff url("images/cta_bg.png") 0 50%;color:#fff !important;padding: 5px 20px 5px 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff} .table1-tight td.cell-cta {padding: 5px 5px 5px 25px} .table1 td.cell-cta.sorted-by {background-position: -300px 50%} .table1 tr.sponsored-result-row td.cell-cta {background: #fff url("images/cta_bg.png") -600px 50%} .table1 tr.GridRowSelectable:hover td.cell-cta {background-position: -300px 50%} .table1 tr.sponsored-result-row.GridRowSelectable:hover td.cell-cta {background: #fff url("images/cta_bg.png") -900px 50%} .table1 td.cell-cta a {color:#fff !important;border-bottom: none !important} td.cell-cta * {color:#fff !important;font-size:105% !important} tr.sponsored-result-row td.cell-cta * {color:#745a00 !important} .table1 td .bonus {margin: 0 15px} #wrap-wo .table1 td h2, #wrap-wo .table1 td h3, #wrap-wo .table1 td h4, #wrap-wo .table1 td h5 { margin: 0; } .table1 th { text-align: left; border: 1px solid #fff; cursor: pointer; } .table1 th { color: #fff; font: normal 105% arial; background: #666 url("images/sprites_headers.png") repeat-x -20px 100%; padding: 11px 8px 4px; vertical-align: bottom; text-align: center; border-bottom: 1px solid #000; } .section-homeloans .table1 th {padding-left:5px;padding-right:5px} .section-homeloans .table1-tight th {padding-left:2px;padding-right:2px} .table1 th:hover, .table1 th.sorted-by, .table1 th.sorted-by-rev:hover { background: #666 url("images/sprites_headers.png") repeat-x 50% -404px; cursor: pointer; } .table1 th.sorted-by:hover, .table1 th.sorted-by-rev { background: #666 url("images/sprites_headers.png") repeat-x 50% -204px; cursor: pointer; } .table1 th a:link, .table1 th a:visited, .table1 th a:hover, .table1 th a:active { color: #fff; text-decoration: none; display: block; } #wrap-wo .cell-buy a {margin: 0 10px} .table1 td big {font-weight:bold;margin: 0 0 2px;display:block} big .currency {font-size:11px;font-weight:normal} .cell-value big .currency, .cell-bonus big .currency, .cell-totalcost big .currency {position:relative;top:-2px} .table1 td big small {font-size:11px;color:#999;font-weight:normal;line-height:1.5;display:inline-block} .table1 td big .summary small {color:#333} .subdued {color:#999} .cell-monthlyrepay .subdued, .cell-fixedinterest .subdued {display:block;white-space:nowrap} .side-by-side .subdued {display:block} .summary {display:inline-block;background: transparent url("images/sprites.png") no-repeat 100% -1603px;padding: 4px 25px 4px 5px;line-height:1.25} .summary:hover {background: #333 url("images/sprites.png") no-repeat 100% -1703px;color:#fff;cursor:pointer} .summary:hover * {color:#fff !important} .section-mobile .summary {background-position: 50% -1600px;padding: 25px 5px 4px 5px} .section-mobile .summary:hover, .section-mobile .GridRowSelectable:hover .summary:hover {background-position: 50% -1600px} .layout-details .summary {padding: 3px 25px 3px 0;background-position:100% -1603px} .layout-details .summary:hover {background-position:100% -1703px} .estimator-active-figure big .summary {background-color: #FFFFD7} .estimator-active-figure big .summary:hover {background-color: #333} .summary-popup {width:450px;border: 1px solid #999;border-right: 10px solid #333;background: #fff url("images/homeloans_featurebg_1.png") no-repeat 100% -800px;box-shadow: 0 0 30px #999;-moz-box-shadow: 0 0 30px #999;-webkit-box-shadow: 0 0 30px #999;-khtml-box-shadow: 0 0 30px #999;text-align:left;padding: 20px} .summary-popup-homeloans {width:605px} .summary-wrap {margin: 0 0 20px;border-bottom: 1px solid #ccc;padding: 0 0 5px} .summary-popup .Loading-inner {background:none;padding:10px 0} .summary-popup .Loading-inner img {position:relative;left:-3px} .summary-popup p, .summary-wrap p {margin: 0 0 10px} .summary-popup p.icon-tip {margin: 10px 0 0;border-top: 1px solid #ccc;padding-top: 10px;background-position: 0 -4197px} .summary-popup h3, #wrap-wo .summary-wrap h3 {font: normal 28px arial;margin:0;width:84%} .summary-popup h3 span, .summary-wrap h3 span {font-weight: bold} .summary-popup h3 span small, .summary-wrap h3 span small {font-weight: normal} .summary-popup-homeloans .summary-col p strong {display:block} .summary-col {float:left;width:130px;margin: 0 20px 0 0} .section-homeloans .tab-container .summary-col {width:200px} .summary-col h4, .summary-col h3, #wrap-wo .summary-col h4, #wrap-wo .summary-col h3 {font: bold 15px arial;margin: 0 0 7px !important} .summary-popup p.summary-provider {border-bottom: 1px solid #ccc;margin: 0 0 15px;width:84%;padding: 0 0 15px} .summary-col-1 big, .summary-col-1 h3, .summary-col-1 h4, .summary-col-1 p strong, #wrap-wo .summary-col-1 h3, #wrap-wo .summary-col-1 h4 {color:#090} .summary-col-2 big, .summary-col-2 h3, .summary-col-2 h4, .summary-col-2 p strong, #wrap-wo .summary-col-2 h3, #wrap-wo .summary-col-2 h4 {color:#c00} .summary-col-3 big, .summary-col-3 h3, .summary-col-3 h4, .summary-col-3 p strong, #wrap-wo .summary-col-3 h3, #wrap-wo .summary-col-3 h4 {color:#f60} .summary-col h4 em {font: normal bold 50px/50px arial;display:block} .summary-col h4 em span {font: normal bold 20px arial !important;position:relative;top:-20px;color:#ccc} .summary-col h4 em small {font: normal 30px arial} .summary-col-1 h4 em span {color:#70c562} .summary-col-2 h4 em span {color:#dd7f7f} .summary-col-3 h4 em span {color:#ffa861} .summary-col h5 {margin:0;font-size:15px} .summary-chart {display:block;border: 1px solid #ccc;width:60%;font-size:3px} .summary-col-1 .summary-chart {border: 1px solid #70c562} .summary-col-2 .summary-chart {border: 1px solid #dd7f7f} .summary-col-3 .summary-chart {border: 1px solid #ffa861} .summary-chart span {display:block;background:#ccc} .summary-col-1 .summary-chart span {background:#70c562} .summary-col-2 .summary-chart span {background:#dd7f7f} .summary-col-3 .summary-chart span {background:#ffa861} .calculation {margin: 10px 0 0 20px} .calculation li {border-top: 1px solid #ccc;line-height:2;list-style-type:none;position:relative;zoom:1} .calculation li b {position:absolute;left:-20px;top:0;font: bold 20px arial} .calculation li.calc-equals b {top:25px} .calculation li.calc-plus b {color:#999} .calculation li.calc-equals {color:#090;padding-top:10px} .calculation li.calc-equals strong {font: bold 50px arial} .calculation li.calc-equals strong small {font: normal 35px arial} ul.estimated-allowance {margin: 10px 0;padding: 0 0 0 30px} /* homeloans summary popup */ .summary-popup-homeloans .summary-col-4 {width:150px;margin: 0} .summary-wrap .summary-col-4 {width:150px;margin: 0} .summary-popup-homeloans .summary-col p big, .summary-wrap .summary-col p big {font: normal bold 24px/24px arial !important;display:block;margin: 3px 0} .summary-popup-homeloans .summary-col p {padding: 7px 0 0;border-top: none;margin:0} .summary-col p {padding: 7px 0 0;border-top: 1px solid #ccc} .summary-col-1 p {border-top: 1px solid #70c562} .summary-col-2 p {border-top: 1px solid #dd7f7f} .summary-wrap .summary-col p {border:none} .lsp-figure1 strong {font: bold 15px arial} .cell-features {text-align:center} .cell-features span, span.features-yes {display:block;width:27px;height:20px;background: url("images/homeloans_featurebg_1.png") no-repeat 3px -299px;font-size:0px;color:#fff;margin:0 auto} .cell-features span.features-no, span.features-no {display:block;width:27px;height:20px;background: url("images/homeloans_featurebg_1.png") no-repeat -47px -299px;font-size:0px;color:#fff;margin:0 auto} /* mobiles summary popup */ .summary-popup-mobile.summary-popup {background: #fff url("images/sprites_mobiles.png") no-repeat 100% 0} .summary-popup-mobile .summary-chart {margin: 5px 0} .summary-popup-mobile .summary-col {width:220px;min-height:180px;_height:180px} .summary-popup-mobile .summary-col-2 {margin:0;width:190px;float:right} .summary-popup-mobile .summary-col-1 p span {white-space:nowrap} .summary-col .table8 {margin: 0} .summary-col .table8, .summary-col .table8 th {width:auto} .summary-col .table8.table8-data {width:180px} .summary-col .table8 th, .summary-col .table8 td {padding: 3px 1px;font-size:11px} .summary-col .table8 td {border-top: 1px solid #ccc} .summary-col .table8 th.cell-imagehead {border-top: none} .summary-col .table8 th.cell-imagehead strong {margin: 0 0 3px 5px} .summary-col .table8 tr.highlight td, .summary-col .table8 tr.highlight th {background:#ECFFD2} .asterisk {color:#c00} .excess-usage h4, .excess-usage .summary-col p strong {color:#c00} .excess-usage h4 em span {color:#dd7f7f} .excess-usage .summary-chart {border: 1px solid #dd7f7f} .excess-usage .summary-chart span {background:#dd7f7f} .excess-usage .summary-col p {border-top: 1px solid #dd7f7f} .highlight-3 {font: normal 12px arial;color:#c00;display:block} .highlight-4 {;color:#c00} .highlight-positive {color:#090} .highlight-negative {color:#c00} .highlight-success {display:block;border: 4px solid #cae863;background:#eafbb2;padding: 20px;margin: 20px 0;color:#465b00} .highlight-error {display:block;border: 4px solid #fb7d7d;background:#ffd4d4;padding: 20px;margin: 20px 0;color:#c00} #wrap-wo .highlight-error li {color:#c00} #refine .highlight-error {padding: 5px;margin: 5px 0 0;font-size:11px} #form-search .highlight-error {padding: 5px;margin: 0;font-size:11px;position:relative;top:-10px} .section-mobile.layout-details .summary-col {float:none;width:auto;margin: 0} .section-mobile.layout-details .summary-col h4 em {font: normal bold 35px/1.3 arial !important} .section-mobile.layout-details .summary-col h5, .section-mobile.layout-details .summary-col h4 {font: bold 100%/1.3 arial !important;margin:0 !important} .section-mobile.layout-details .summary-col h4 em span {top:-11px} .section-mobile.layout-details .summary-col-1 .summary-chart {position:relative;top:3px} .section-mobile.layout-details .summary-col p {margin:0} /* broadband summary popup */ .summary-popup-broadband.summary-popup {background: #fff url("images/sprites_broadband.png") no-repeat 100% 0} .summary-popup-broadband .summary-col-1 p {border:none;padding:0;margin:0} .summary-popup-broadband .summary-col p strong {font: normal bold 30px/30px arial;display:block;margin: 3px 0} .summary-popup-broadband .summary-col p strong small {font: normal normal 20px/20px arial} .summary-popup-broadband .summary-col {width:170px;min-height:150px;_height:150px} .summary-popup-broadband .summary-chart {margin: 5px 0} .summary-popup-broadband .summary-col hr {border:none;background:#ccc;height:1px;margin: 10px 0} .summary-popup-broadband .summary-col-2 {float:right;margin:0;width:240px} .summary-popup-broadband .summary-chart {width:80%} .summary-popup-broadband .table8 {margin: 10px 0} .summary-popup-broadband .supplier-img {left:200px;top:14px} .table1 th.highlight-2, .table1 th.highlight-2:hover { background: #080 url("images/sprites_headers.png") repeat-x 0 -600px; cursor: default; border-bottom: 4px solid #060; } .table1 td.highlight-2 { text-align: center; font-size: 16px; font-weight: bold; color: #080; padding: 5px; line-height: 0.9; white-space: nowrap; } .table1 td.highlight-2 small { font-size: 10px !important; font-weight: normal; } .table1 td.highlight-2 div { white-space: nowrap; padding: 0; margin-bottom: 5px; } .table1 td.highlight-2 div img { vertical-align: middle; position: relative; top: -2px; } .table1 td.highlight-2 div .strikethru { color: #666; text-decoration: line-through; font: normal 12px arial; letter-spacing: 0; padding-right: 4px; } .table1 td.highlight-2 div strong { position: relative; } .table1 td .bonus { background: url("images/sprites.png") repeat-x 0 -3228px; color: #2B3C00; font: bold 11px/1.2 arial; padding: 10px 6px 5px 15px; display: inline-block} table td .bonus { background: url("images/sprites.png") repeat-x 0 -3228px; color: #2B3C00; font: bold 11px/1.2 arial; padding: 10px 6px 5px 15px; display: inline-block;position:relative;text-align:center} .bonus-condition {font: normal 11px/1.5 arial;display:block;padding: 0 4px;background:#fff;margin: 2px -6px -5px -15px !important;color:#68a612;border: 1px solid #92d239} .layout-searchresults .bonus-condition {display:block} .c-c { background: transparent url("images/sprites_integration_2.png") no-repeat 0 -700px; display: inline-block; width: 24px; height: 14px; vertical-align: middle; margin: 0 2px; } .c-c-master { background-position: 0 -740px; } .c-c-visa { background-position: 0 -720px; } .c-c-qantas { background: url("images/sprites.png") no-repeat -382px -1001px; } .c-c i { visibility: hidden;position:absolute;left:-9999px} .cell-buy { color: #333; } .ph-number { display: inline-block; color: #000; background: transparent url("images/sprites_integration_2.png") no-repeat -50px -698px; padding-left: 20px; margin: 0 auto; font: bold 12px/1.4 arial; text-align: left; white-space: nowrap; } .cell-cta .ph-number {background:none;padding:0;font-size:110% !important} .cell-cta a:link, .cell-cta a:visited, .cell-cta a:hover, .cell-cta a:active {box-shadow: 0 0 15px #aad6ff;-moz-box-shadow: 0 0 15px #aad6ff;-webkit-box-shadow: 0 0 15px #aad6ff;-khtml-box-shadow:0 0 15px #aad6ff;background: #1476cf;display: inline-block; color: #fff !important;padding: 0 4px; margin: 5px auto 0; font: bold 12px/22px arial; white-space: nowrap} .cell-cta a:hover, .cell-cta a:active {background-color:#0056a4;box-shadow: 0 0 15px #ffffff;-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff;-khtml-box-shadow:0 0 15px #ffffff;text-decoration:none !important} .cell-cta a:active {background-color:#00284c} .cell-cta a.external:link, .cell-cta a.external:visited, .cell-cta a.external:hover, .cell-cta a.external:active {box-shadow: 0 0 15px #aad6ff;-moz-box-shadow: 0 0 15px #aad6ff;-webkit-box-shadow: 0 0 15px #aad6ff;-khtml-box-shadow:0 0 15px #aad6ff;display: inline-block; color: #fff !important; background: #1476cf url("images/sprites.png") no-repeat 0 -1700px; padding: 0 4px 0 21px; margin: 5px auto 0; font: bold 12px/22px arial; text-align: left; white-space: nowrap} .cell-cta a.external:hover, .cell-cta a.external:active {background-color:#0056a4;box-shadow: 0 0 15px #ffffff;-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff;-khtml-box-shadow:0 0 15px #ffffff;text-decoration:none !important} .cell-cta a.external:active {background-color:#00284c} tr.sponsored-result-row .cell-cta a.external:link, tr.sponsored-result-row .cell-cta a.external:visited, tr.sponsored-result-row .cell-cta a.external:hover, tr.sponsored-result-row .cell-cta a.external:active {box-shadow: 0 0 15px #fff;-moz-box-shadow: 0 0 15px #fff;-webkit-box-shadow: 0 0 15px #fff;-khtml-box-shadow:0 0 15px #fff; color: #745a00 !important; background-color: #cec091} tr.sponsored-result-row .cell-cta a.external:hover, tr.sponsored-result-row .cell-cta a.external:active {background-color:#a99654;box-shadow: 0 0 15px #ffffff;-moz-box-shadow: 0 0 15px #ffffff;-webkit-box-shadow: 0 0 15px #ffffff;-khtml-box-shadow:0 0 15px #ffffff;text-decoration:none !important;color:#fff !important} a.button-apply-now:link, a.button-apply-now:visited, a.button-apply-now:hover, a.button-apply-now:active { margin: 0 auto; display: block; background: transparent url("images/sprites_integration_2.png") no-repeat -50px -750px; width: 103px; height: 27px; } a.button-apply-now:hover, a.button-apply-now:active { display: block; background-position: -160px -750px; } .button-apply-now i { position: absolute; left: -9999px; } .table1 tr.highlight { font-weight: bold; } .table1.no-sort th, .table1 th.no-sort { cursor: default; } .table1.no-sort th:hover, .table1 th.no-sort:hover { background: #666 url("images/sprites_headers.png") repeat-x -20px 100%; } .table1 th.thsubhead, .table1 th.thsubhead:hover {background-position: 0 -300px;border-bottom: 1px solid #fff} td.extra-features span b, td.extra-features-alt span b { position: absolute; left: -9999px; } td.extra-features span, td.extra-features-alt span { display: block; background: transparent url("images/sprites.png") no-repeat 0 -4000px; width: 25px; height: 25px; margin: 0 auto; } .star { display: block; float: left; width: 17px; margin: 5px 3px 0 0; } .table1 th.sub { font-size: 100%; color: #000; background: #ddd; padding: 6px; } .table2 { border-bottom: 2px solid #ffb864; border-top: 2px solid #ffb864; border-collapse: collapse; width: 300px; margin: 10px 0; } .table2 td, .table2 th { background: #fff url("images/sprites.png") repeat-x 0 -301px; padding: 5px 3px 2px; border: 1px solid #fff; text-align: left; } .table2 th { background-position: 0 -100px; } td.status { text-align: center; width: 40px; } td.status strong { width: 35px; height: 35px; display: block; background: url("images/status.png") no-repeat 0 0; margin: 0 auto; } td.status strong.status-customised { background-position: 0 -600px; } td.status strong.status-accepted { background-position: 0 -100px; } td.status strong.status-rejected { background-position: 0 -200px; } td.status strong.status-transacted { background-position: 0 -300px; } td.status-small { text-align: center; } td.status-small strong { width: 20px; height: 20px; display: block; background: url("images/status-small.png") no-repeat 0 0; margin: 0 auto; } td.status-small strong.status-customised { background-position: 0 -300px; } td.status-small strong.status-accepted { background-position: 0 -50px; } td.status-small strong.status-rejected { background-position: 0 -100px; } td.status-small strong.status-transacted { background-position: 0 -150px; } td.status span { position: absolute; left: -9999px; } /* forms (contact us) */ .table3 { border-bottom: 2px solid #666; border-top: 2px solid #666; border-collapse: collapse; margin: 10px 0; } .table3 td, .table3 th { background: #fff url("images/sprites.png") repeat-x 0 -301px; padding: 8px 3px 8px; border: 1px solid #fff; text-align: left; } .table3 th { background-position: 0 -100px; } .table3 th a { font-weight: normal; } .table3 label { margin: 0 3px; } .table3 .form-submit { margin: 5px 0 10px; } .table3 p { margin: 5px 0; } .table3 .center { text-align: center; } .ModalContent .table3 { width: 100%; } .table4 { border-bottom: 2px solid #000; border-collapse: collapse; width: 100%; margin: 0 0 25px; } .table4 td { background: #fff url("images/sprites.png") repeat-x 0 -100px; padding: 3px 8px; border: 1px solid #fff; vertical-align: top; text-align: left; } .table4 th { color: #fff; font: normal 105% arial; background: #666 url("images/sprites_headers.png") repeat-x -20px -210px; padding: 8px; text-align: left; border-right: 1px solid #fff; } .table4 tr.GridRowSelectable:hover td { background: #ffdcb2; } .table5 { border-bottom: 2px solid #000; border-collapse: collapse; margin: 0 0 25px; } .table5 td { background: #fff url("images/sprites.png") repeat-x 0 -100px; padding: 3px 8px; border: 1px solid #fff; vertical-align: top; text-align: left; } .table5 th { color: #fff; font: normal 105% arial; background: #666 url("images/sprites_headers.png") repeat-x -20px -210px; padding: 8px; text-align: left; border-right: 1px solid #fff; } .table5 tr.GridRowSelectable:hover td { background: #ffdcb2; } .table5 .center { text-align: center; } .table5 .right { text-align: right; } .table5 tr.alt td { background-position: 0 -300px; } .table5 th:hover, .table5 th.sorted-by, .table5 th.sorted-by-rev:hover { background: #666 url("images/sprites_headers.png") repeat-x 50% -404px; cursor: pointer; } .table5 th.sorted-by:hover, .table5 th.sorted-by-rev { background: #666 url("images/sprites_headers.png") repeat-x 50% -204px; cursor: pointer; } .table5 th a:link, .table5 th a:visited, .table5 th a:hover, .table5 th a:active { color: #fff; text-decoration: none; display: block; } .table1 td.sorted-by {background-color: #e7f5ff} .table5.no-sort th, .table5 th.no-sort:hover { cursor: default; } .table5.no-sort th:hover, .table5 th.no-sort:hover { background: #666 url("images/sprites_headers.png") repeat-x -20px -210px; } .table5 tr.highlight td { font-weight: bold; background: #ffdcb2; } .table5 tr.total td { font-weight: bold; border-top: solid 2px #ff8a00; } .table-extra-features { width: 100%; margin: 0; } .table-extra-features .cell-remove { width: 15px; } .table6 { width: 600px; border-collapse: collapse; border: solid 1px #ccc; margin: 0 0 20px; background-color: #fff; } .table6 td { padding: 10px; } .table7 { border-collapse: collapse; } .table7 td, .table7 th { padding: 5px; vertical-align: top; } .table7 th a { font-weight: normal; } /* browse table on landing pages + bottom of details page + incentives/fees tab on details page */ .table8 { border-collapse: collapse; width: 475px; border: none; border-bottom: 4px solid #ccc; margin: 20px 0; } .layout-details .table8 { border-bottom: 2px solid #333; border-top: 2px solid #333; } .layout-landing .table8 { border-left: 2px solid #fff; border-right: 2px solid #fff; margin-bottom: 10px; } .table8.table-full-width td strong { width: 250px; display: block;font-weight: normal} .layout-details .table8.table-full-width { width: 97%; margin: 20px 0; border-left: 2px solid #fff; border-right: 2px solid #fff; } .table8 th { padding: 4px; vertical-align: middle; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 13px; width: 175px; font-weight: bold; } .section-cc.layout-details .table8 th { width: 200px; } .layout-landing .table8 th { padding: 5px 4px 5px 4px; background-color: #f4f4f4; } .layout-landing .table8 td { padding: 10px 4px 10px 4px; } .table8 th.cell-category { width: auto; background: #333; color: #fff; border: none; border-top: 2px solid #fff; font: bold 17px arial !important; } .table8 td { padding: 4px; vertical-align: middle; border-bottom: 1px solid #ccc; font-size: 13px; } .layout-landing .table8 td .more-link, .layout-landing .table1 td .more-link { background: url("images/sprites.png") no-repeat 2px -1031px; padding: 4px 25px; margin: 0 0 10px !important; display: inline; } .layout-landing .table8 td .more-link a, .layout-landing .table1 td .more-link a { font: bold 18px/1.5 arial !important; } .special-offer { padding: 15px; border: 2px solid #75BB24; background: #D6FFA1; color: #2B3C00; font: normal 12px arial; } .special-offer h3 { margin: 0 0 5px !important; } .special-offer p { margin: 0 !important; } .module .deal, .module .module-item {line-height: 1.5em; border-bottom: 1px solid #ccc;overflow:auto;padding: 0 0 10px} /* browse table (on homepage tabs) */ .table9 { width: 480px; border: none; border-top: 2px solid #333; margin: 5px 0 25px; } .table9 td { padding: 5px 0; border: none; border-bottom: 1px solid #ccc; } .table9 { border-collapse: collapse; border-bottom: 2px solid #333; border-top: 2px solid #333; width: 100%; } .table9 th { padding: 10px; border-bottom: solid 1px #ccc; } .table9 td { padding: 10px; border-bottom: solid 1px #ccc; } .table9 td.right, .table9 th.right { text-align: right; } .table9 td.center, .table9 th.center { text-align: center; } .table9 tr.highlight td { font-weight: bold; background: #eee; } .table9 td.cell-supplier { width: 10px; padding: 10px; text-align: center; } .table9 td.cell-product { width: 100%; } .table9 .buy { float: right; margin-top: 8px} .table9 .buy * { display: inline; vertical-align: middle; white-space: nowrap; } .table9 .buy-phone { display: block; background: transparent url("images/sprites.png") no-repeat 0 -3800px; padding-left: 10px; height: 32px; } #wrap-wo .table9 .buy-phone small { font: normal 16px arial; } #wrap-wo .table9 .buy-phone-number { font: bold 14px arial; display: inline-block; background: transparent url("images/sprites.png") no-repeat -260px -3600px; padding: 8px 5px 8px 40px; margin-left: 5px; width: 95px; } /* data plans / rates tabs on details page */ .table10 { border-collapse: collapse; border-bottom: 2px solid #333; border-top: 2px solid #333} .table10 th { padding: 4px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; font-weight: bold; } .table10 td { padding: 4px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } .table10 td.right, .table10 th.right { text-align: right; } .table10 td.center, .table10 th.center { text-align: center; } .table10 tr.highlight td { font-weight: bold; background: #eee; } /* landing page table with scaled down pics */ .table11 { border-collapse: collapse; border-bottom: 4px solid #ccc; border-top: 4px solid #ccc;margin: 10px 0} .table11 td { padding: 12px 0; border-bottom: 4px solid #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff; vertical-align: top; } .table11 td.cell-rank { font: normal 26px arial; color: #aaa; } #wrap-wo .table11 td.cell-rank h3 { font: normal 36px arial; color: #aaa; margin: 0; } .table11 td span.plus, .side-by-side td span.plus { font: normal 26px arial; color: #aaa; margin: 0; display: block; } .table11 td.cell-product-img { text-align: center; width: 100px; padding: 12px 10px; } .table11 td.cell-product-img img { width: 100px; margin: 0 auto; } .table11 td.cell-product-img2 { text-align: center; padding: 18px 10px; } .table11 td.cell-product-img2 img { margin: 0 auto 5px; } .table11 td.cell-product-img2 img.phone { cursor: pointer; } .table11 td.cell-product-img3 { text-align: center; width: 160px; padding: 12px 20px 12px 10px; } #wrap-wo .table11 td h1 { border-bottom: 1px solid #ccc; padding: 3px 0 5px; margin: 0 0 10px; } #wrap-wo .table11 td h2 { border-bottom: 1px solid #ccc; padding: 0 0 5px; font: normal 24px arial; margin: 0; } #wrap-wo .table11 td h2 a:link, #wrap-wo .table11 td h2 a:visited {margin: 0} #wrap-wo .table11 td h2 a:hover, #wrap-wo .table11 td h2 a:active {margin: 0} .table11 td.cell-product { width: 100%; } .table11 td.cell-product .more-link { background: url("images/sprites.png") no-repeat 2px -1031px; font: bold 13px arial; padding-left: 25px; margin: 0 0 10px !important; } .table11 td.cell-product p { margin: 0 !important; } .table11 td.more { text-align: center; } .landing-description .table11 td.more {text-align:left} .layout-landing .landing-description .table11 td.more .more-link {padding: 0 0 0 23px;display:block;background: #fff url("images/sprites.png") no-repeat 0 -1500px;margin:0 !important} .layout-landing .table11 td.more .more-link { background: url("images/sprites.png") no-repeat 2px -1031px; padding: 4px 25px; margin: 0 0 10px !important; display: inline; } .layout-landing .table11 td.more .more-link a { font: bold 18px/1.5 arial !important; } .layout-landing .table11 td .bonus { font: bold 11px arial !important; margin-left: 20px; } .section-homeloans.layout-details #wrap-wo .tab-panes h4 select {font: normal 18px arial;padding-right:30px} .table12 { border-collapse: collapse; border: 2px solid #fff; width: 100%; } .table12 th { padding: 5px; border: solid 1px #ccc;border-bottom: solid 2px #333; vertical-align:bottom} .table12 td { padding: 5px; border: solid 1px #ccc; } .align-centre {text-align:center;background:#fffde3 !important} .align-right {text-align:right} .align-left {text-align:left} .table12 .alt td {background:#eee} .layout-sidebyside h1 span {display:block;font-size:12px} .side-by-side { border-collapse: collapse; width: 100%; border: 2px solid #fff;border-bottom: solid 1px #ddd} .side-by-side th { padding: 8px; border: solid 1px #ddd; vertical-align:middle;width:25%} .side-by-side tr.sectionheading th { background:#fff;padding: 35px 8px 15px 38px; border: solid 1px #ddd;border-bottom: 4px solid #333;width:auto;font-size:17px} .side-by-side tr.hl-sh-1 th {background: #fff url("images/homeloans_featurebg_3.png") no-repeat 0 0} .side-by-side tr.hl-sh-2 th {background: #fff url("images/homeloans_featurebg_3.png") no-repeat 0 -200px} .side-by-side tr.hl-sh-3 th {background: #fff url("images/homeloans_featurebg_3.png") no-repeat 0 -400px} .side-by-side tr.sectionheading-2 th, .side-by-side tr.sectionheading-2 td {border-bottom: 4px solid #333} .side-by-side td { padding: 8px; border: solid 1px #ddd;text-align:center;vertical-align:middle;width:25%} .side-by-side td img {margin: 10px auto} .side-by-side td big {font: normal 18px arial} .side-by-side td .ph-number {font: bold 18px arial} .side-by-side td.sbs-add, .side-by-side td.sbs-remove, .side-by-side td.sbs-blank {border: 1px solid #fff;border-bottom: solid 1px #ddd} .side-by-side td.sbs-add {vertical-align:top;padding: 130px 20px 0} .side-by-side td.sbs-add a {position:relative;line-height:1.5;font: bold 15px arial} .side-by-side td.sbs-add a span {color:#ddd;position:absolute;top:-65px;font: bold 70px arial;display:block;left:22px} .side-by-side td.sbs-add a:hover {cursor:pointer} .side-by-side td.sbs-add a:hover span, .side-by-side td.sbs-add a:active span {color:#c00;text-decoration:none} .side-by-side .alt td, .side-by-side .alt th {background:#f2f2f2} .side-by-side td.sbs-add select {width:180px;margin: 0 auto 5px} .side-by-side td.sbs-add h3 {padding: 0 0 10px} #wrap-wo .sbs-title h2 {position:relative;padding: 0 5px;margin:0} #wrap-wo .sbs-title h2 a {margin:0} #wrap-wo .sbs-title h2 span {font-weight: bold} #wrap-wo .sbs-title h2 span.title-product {font-size:17px;color:#333;display:block;position:relative;line-height:1.1;background: transparent url("images/button-1-over.png") no-repeat 0 -9000px} #wrap-wo .sbs-title h2 a:link, #wrap-wo .sbs-title h2 a:visited, #wrap-wo .sbs-title h2 a:hover, #wrap-wo .sbs-title h2 a:active {text-decoration:none} .cell-compare small {position:absolute;left:-9999px} #wrap-wo .cell-compare a:link, #wrap-wo .cell-compare a:visited, #wrap-wo .cell-compare a:hover, #wrap-wo .cell-compare a:active {background: url("images/sprites.png") no-repeat -270px -3480px;width:17px;height:16px} .compare-selected {float:left;width:200px;margin: -7px 0 15px} .cs-top {float:none;width:200px;margin: 10px 0 20px} #wrap-wo .compare-selected a {margin: 0 0 0 auto;text-align:left;border: 1px solid #ddd; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding: 5px 15px 5px 55px} #wrap-wo .compare-selected a:link, #wrap-wo .compare-selected a:visited {background: #eee url("images/sprites.png") no-repeat -325px -3400px;color:#333} #wrap-wo .compare-selected a:hover, #wrap-wo .compare-selected a:active {background: #333 url("images/sprites.png") no-repeat -325px -3400px;text-decoration:none;color:#fff} #wrap-wo .cs-top a:link, #wrap-wo .cs-top a:visited {background-position: -325px -3512px} #wrap-wo .cs-top a:hover, #wrap-wo .cs-top a:active {background-position: -325px -3512px} .more-link { background: url("images/sprites.png") no-repeat 2px -1031px; font: bold 13px arial; padding-left: 25px; margin: 0 0 10px !important; } /* v2 browse template */ .type-browse .search-step-1, .type-browse .search-step-2, .type-browse .search-step-3 {position:static;width:auto !important} .type-browse #wrap-wo #form-search h2 span {display:none} .type-browse #wrap-wo #sidebar-wo #form-search div h2 {background:#fff;color:#000;padding:0} .type-browse #wrap-wo #form-search .checkboxes {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 5px 0;margin: 10px 0} .type-browse #form-search, .browse-stats {padding:0;margin: 0 14px 0 10px;min-height:auto} .type-browse #form-search {padding-right:0;border-bottom: 1px solid #ccc} .type-browse #wrap-wo #form-search .search-step-2 label {width:auto} .type-browse #wrap-wo #form-search label {float:none} .type-browse #wrap-wo #form-search select {top:-2px;margin-bottom:10px;width:188px} .type-browse #form-search p {padding:0} .type-browse #form-search .form-submit {left:-3px} .layout-stores.type-browse #form-search {margin:0} /* split list */ .table11 td.cell-product ul { overflow: auto; padding: 10px 0; margin: 0 !important; } .table11 td.cell-product ul.split-50-50 li { float: left; width: 42%; padding-right: 15px; } /* split divs (with lists inside the divs) */ .table11 div.split-50-50 ul { float: none; width: auto; padding-right: 0; } .table11 div.split-50-50 div { float: left; width: 42%; padding-right: 15px; } .table11 .buy { margin-top: 10px; } .table11 .buy-now { border-bottom: none; padding: 0; display: inline; } .table11 .buy-now *, .table11 .buy-phone * { display: inline; vertical-align: middle; } .table11 .buy-phone { display: inline-block; background: transparent url("images/sprites.png") no-repeat 0 -3800px; padding-left: 10px; height: 32px; float: left; margin-right: 30px; } #wrap-wo .table11 .buy-phone small { font: normal 16px arial; } #wrap-wo .table11 .buy-phone-number { font: bold 13px arial; display: inline-block; background: transparent url("images/sprites.png") no-repeat -260px -3600px; padding: 8px 5px 8px 40px; margin-left: 5px; width: 95px; } /* button-1 */ .button-1 {font: bold 13px arial; padding: 6px 0 0;position:relative; display: block; width: 100%;background: transparent url("images/button-1-over.png");cursor:hand} #wrap-wo .side-by-side .button-1 {width:50%;text-align:left;margin: 0 auto} #wrap-wo a.button-1:link, #wrap-wo a.button-1:visited {color:#fff;text-decoration:none;background: transparent url("images/button-1.png") no-repeat 0 0} #wrap-wo a.button-1:hover, #wrap-wo a.button-1:active {color:#fff;text-decoration:none;background: transparent url("images/button-1-over.png") no-repeat 0 0} a.button-1 strong {display:block;padding: 0 10px 6px 30px;line-height:1.5} a.button-1:link strong, a.button-1:visited strong {background: transparent url("images/button-1.png") no-repeat 0 100%} a.button-1:hover strong, a.button-1:active strong {background: transparent url("images/button-1-over.png") no-repeat 0 100%} .button-1 .cnr-1 {position:absolute;top:0;right:0;width:7px;height:7px} a.button-1:link .cnr-1, a.button-1:visited .cnr-1 {background: transparent url("images/button-1.png") no-repeat 100% 0} a.button-1:hover .cnr-1, a.button-1:active .cnr-1 {background: transparent url("images/button-1-over.png") no-repeat 100% 0} .button-1 .cnr-2 {position:absolute;bottom:0;right:0;width:7px;height:7px} a.button-1:link .cnr-2, a.button-1:visited .cnr-2 {background: transparent url("images/button-1.png") no-repeat 100% 100%} a.button-1:hover .cnr-2, a.button-1:active .cnr-2 {background: transparent url("images/button-1-over.png") no-repeat 100% 100%} .table11 a.button-1 {border-bottom: none !important; padding-top: 4px; display: inline-block; width: auto; margin-top: 2px;} .table11 a.button-1 strong {padding-bottom: 4px;display: inline-block} .layout-landing .table-sponsored { background-color: #f7f0d5; border-bottom: 1px solid #7e6241; border-top: 1px solid #7e6241; width: 100%; margin: 20px 0 20px 0; } .layout-landing .table-sponsored td { padding: 3px 5px 3px 5px; vertical-align: bottom; } .layout-landing .table-sponsored .heading { padding: 5px 5px 0 5px; color: #7e6241; font-size: 11px; } .layout-landing .table-sponsored h2 { font: normal 22px arial !important; margin: 0 !important; display: inline !important; } .layout-landing .table-sponsored h2 a { font: normal 12px arial !important; white-space: nowrap; margin: 0 !important; } .layout-landing .table-sponsored span { margin-right: 20px; } .layout-landing .table-sponsored .image { width: 10px; } .layout-landing .table-sponsored td .bonus { font: bold 11px arial !important; margin-right: 20px; } .feature-product { margin: 10px 0 40px; border-top: none; } .layout-landing .table8 th, .layout-landing .table8 td, .layout-details .table8.table-full-width th, .layout-details .table8.table-full-width td { font-size: 11px; } .layout-landing .table8 th a, .layout-landing .table8 td a, .layout-details .table8.table-full-width th a, .layout-details .table8.table-full-width td a { font-size: 12px; } .table8 th a { font-weight: normal; } td.table-price { font: bold 19px arial; } td.table-price small { font: normal 11px arial; } th.table-discounts { font: bold 16px arial; color: #2B3C00; background: #d6ffa1; border-top: 2px solid #75bb24; border-bottom: 2px solid #75bb24; } td.table-discounts { font: bold 16px arial; color: #2B3C00; background: #d6ffa1; border-top: 2px solid #75bb24; border-bottom: 2px solid #75bb24; } #wrap-wo td.table-discounts a:link, #wrap-wo td.table-discounts a:visited { color: #2B3C00; border-bottom: 1px dotted #2B3C00; } #wrap-wo td.table-discounts a:hover, #wrap-wo td.table-discounts a:active { color: #000; border-bottom: 1px dotted #000; } td.table-discounts-2 { font-weight: normal; color: #2B3C00; background: #fff; } th.table-fees { font-weight: bold; color: #c00; background: #ffd7d7; } td.table-fees { font-weight: bold; color: #c00; background: #ffd7d7; } td.table-fees small, td.table-discounts small { font-weight: normal; } th.table-heading { font-weight: bold; border-top: 1px solid #333; border-bottom: 1px solid #333; } td.table-heading { font-weight: bold; border-top: 1px solid #333; border-bottom: 1px solid #333; } th.table-indented { padding-left: 30px; font-weight: normal; } th.table-indented.ti-plus { background: #fff url("images/sprites.png") no-repeat 0 -2300px; } th.table-indented.ti-plus-2 { background: #fff url("images/sprites.png") no-repeat 0 -2700px; } th.table-indented.ti-minus { background: #fff url("images/sprites.png") no-repeat 0 -2500px; } .table8 span { margin: 0; } .bonus-offer { color: #2B3C00; padding: 15px 0 1px; background: url("images/bonus_offer_1.png") no-repeat 0 0; width: 450px; margin: -5px 0 5px; border-top: 1px solid #fff; } .bonus-offer.exclusive { background: url("images/bonus_offer_2.png") no-repeat 0 0; } .bonus-offer.exclusive.e-fd { background: url("images/bonus_offer_3.png") no-repeat 0 0; } #wrap-wo .bonus-offer h3 { font-size: 26px; padding-top: 1px; color: #2b3c00; } .layout-landing #wrap-wo .bonus-offer h3 { font-size: 18px !important; } .bonus-offer div { margin: 0 30px 0 50px; padding-top: 1px; } .bonus-offer.exclusive div { padding-top: 27px; } .tab-container .table8 { border-collapse: collapse; width: 480px; border-top: 2px solid #333; border-bottom: 2px solid #333; margin: 0 0 20px; } .tab-container .table8 th { width: 330px; } .table-full-width { width: 100%; } .table-plain { border-collapse: collapse; } .table-plain td, .table-plain th { padding: 2px; vertical-align: top; } .table-plain label { font-weight: normal; } .table-phones td { padding: 10px; } .table-phones .cell-phone { text-align: center; } .table-phones img { height: 50px; cursor: pointer; } .table-community { border-collapse: collapse; margin: 10px 0 20px; } .table-community tr { cursor: pointer; } .table-community td { padding: 4px; border-top: 1px solid #ccc; vertical-align: middle; } .table-community td.org { text-align: center; } .table-founders { border-collapse: collapse; margin: 20px 0 20px; } .table-founders th { width: 100px; text-align: center; vertical-align: top; padding-bottom: 20px; } .table-founders th div { margin: 0 auto 5px auto; } .table-founders td { vertical-align: top; padding-left: 10px; } .report { border-collapse: collapse; min-width: 500px; border: solid 1px #bbb; } .report th { color: #fff; background: #666 url("images/sprites_headers.png") repeat-x -20px -210px; padding: 8px; text-align: left; border-right: 1px solid #fff; vertical-align: bottom; } .report td { background-color: #ffeedd; padding: 5px; border: 1px solid #fff; } .report .right { text-align: right; white-space: nowrap; } .report .nowrap { white-space: nowrap; } .report .center { text-align: center; } .report .bottom { vertical-align: bottom; } .report .total td { font-weight: bold; border-top: solid 2px #ff8a00; } .report .span-heading { text-align: center; border-bottom: solid 1px #fff; } .report tr.GridRowSelectable:hover td { background-color: #ffdcb2; } #wrap-wo .phone-list-small, .phone-list-small { margin: 10px -20px 0 0; overflow: hidden; } .layout-home #wrap-wo .phone-list-small, .layout-landing #wrap-wo .phone-list-small {margin-right:0} body .ModalPopup ul.phone-list-small { margin: 10px 0; } .phone-list-small a:link, .phone-list-small a:visited, .phone-list-small a:hover, .phone-list-small a:active {font-size: 90%; } #wrap-wo .phone-list-small li, .phone-list-small li { list-style-type: none; float: left; width: 90px; height: 120px; text-align: center; margin: 0; padding: 1px; background: url("images/phone-list-small.gif") repeat 0 0; } #wrap-wo .phone-list-small li.price-band { background: #fff; color: #000; font: bold 22px arial; text-align: left; clear: left; width: auto; float: none; height: auto; } #wrap-wo .phone-list-small li.price-band strong { margin: 20px 0 0; border-top: 3px solid #666; display: block; padding: 10px 0; } #wrap-wo .phone-list-small li.price-band strong span { font: normal 18px arial; } .phone-list-small li:hover, .phone-list-small li.selected { background-position: 0 -150px; } .phone-list-small.no-select li:hover { background-position: 0 0; cursor: default; } .phone-list-small img { display: block; margin: 4px auto 2px; height: 50px; cursor: pointer; } .phone-list-small li strong, .phone-list-small li small { display: block; line-height: 1.2; font-size: 92%; } .phone-list-small li small { padding: 0 0 4px; } #wrap-wo .phone-list-small li.last, .phone-list-small li.last { min-height: 0; height: 0; display: block; float: none; clear: left; width: 1px; background: none; border: none; margin: 0; } .layout-home .phone-list-small li.last { clear: none; } #wrap-wo .phone-list-small li select { font-size: 10px; width: 80px; margin: 3px 5px; } .phone-list-small li.add-phone { background: #fff; font-weight: bold; } .phone-list-small li.add-phone a:link, .phone-list-small li.add-phone a:visited, .phone-list-small li.add-phone a:hover, .phone-list-small li.add-phone a:active { width: 90px; display: block; background: #fff url("images/phone-list-small.gif") repeat 0 -300px; padding-top: 65px} .phone-list-small li.add-phone a:hover { background-position: 0 -450px; } #refine .phone-list-small { margin: 0; } #refine .phone-list-small li { border: 1px solid #ccc; background: #fff; min-height: 115px; margin: 0 2px 5px 0; } #refine .phone-list-small li.last { min-height: 0; height: 0; border: none; visibility: hidden; font-size: 0; margin: 0; padding: 0; } #wrap-wo #refine .phone-list-small li.add-phone a:link, #wrap-wo #refine .phone-list-small li.add-phone a:visited, #wrap-wo #refine .phone-list-small li.add-phone a:hover, #wrap-wo #refine .phone-list-small li.add-phone a:active { background-position: 0 -600px} #wrap-wo #refine .phone-list-small li.add-phone a:hover { background-position: 0 -750px; } .phone-info { width: 100%; } .phone-info td { vertical-align: top; } .phone-info .image { width: 150px; text-align: center; padding-right: 20px; } .phone-add { float: right; margin: 20px 0 10px 10px; } .featurebox-step { height: 60px; overflow: hidden; width: 253px; float: right; position: relative; margin: 0 10px 0 10px; line-height: 1.2; } .featurebox-step a:link, .featurebox-step a:visited, .featurebox-step a:hover, .featurebox-step a:active, .featurebox-step span { color: #090; display: block; background: #fff url("images/sprites_featurebox_step.gif") no-repeat 0 -200px; width: 253px; height: 60px;padding: 0; } .featurebox-step a:hover, .featurebox-step a:active { color: #fff !important; background-position: 0 -300px; text-decoration: none} .featurebox-step p { padding: 6px 75px 0 10px; } .featurebox-step a strong, .featurebox-step span strong { color: #000; font-size: 120%; } .featurebox-step a:hover strong, .featurebox-step a:active strong { color: #fff; } .featurebox-step b a, .featurebox-step b a:hover, .featurebox-step b a:link, .featurebox-step b a:active, .featurebox-step b a:visited { background: none; display: inline; color: #090; text-decoration: underline; } .layout-details .featurebox-step { margin-top: 40px; } .plan-tools .featurebox-step { font-size: 115%; margin: 10px 0 20px 30px; float: none; top: 0; left: 0; height: 143px; width: 163px; line-height: 1.3; } #wrap-wo .plan-tools .featurebox-step a:link, #wrap-wo .plan-tools .featurebox-step a:visited, #wrap-wo .plan-tools .featurebox-step a:hover, #wrap-wo .plan-tools .featurebox-step a:active, #wrap-wo .plan-tools .featurebox-step span { color:#5d990d;display: block; width: 163px; height: 143px; padding: 0; background: #fff url("images/sprites_featurebox_step.gif") no-repeat 0 0; } #wrap-wo .plan-tools .featurebox-step a:hover, #wrap-wo .plan-tools .featurebox-step a:active { background-position: -200px 0; color: #fff; text-decoration: none; } .plan-tools .featurebox-step p { padding: 15px 15px 0 15px; } .feature-box { float: right; width: 30%; border: 10px solid #eee; margin: 0 0 30px 30px; padding: 0 20px; } .feature-box input { margin: 10px 0; } .stock { float: right; margin: 0 0 20px 20px; } .stock img { display: block; margin-top: 20px; } .contact-person { margin: 10px 0; background: #fff url("images/contact-person.png") no-repeat 0 0; padding: 5px 10px 10px 70px; min-height: 60px; } .contact-online { margin: 10px 0; background: #fff url("images/contact-online.png") no-repeat 0 0; padding: 5px 10px 10px 70px; min-height: 60px; } .contact-phone { margin: 10px 0; background: #fff url("images/contact-phone.png") no-repeat 0 0; padding: 5px 10px 10px 70px; min-height: 60px; } #wrap-wo .contact-person h3, #wrap-wo .contact-online h3, #wrap-wo .contact-phone h3 { margin: 0; padding: 0; } .contact-person p, .contact-online p, .contact-phone p { margin: 0 0 15px; padding: 0; } .paginator { margin: -7px 0 15px; color: #999; } .section-homeloans .paginator {text-align:right;margin-right:9px} .paginator span, #wrap-wo .paginator a {background: #eee; border: 1px solid #ddd; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding: 5px 10px; margin-right: 3px; } .paginator span.this-page { font-weight: bold; color: #fff; text-align: center;background:#333;border: 1px solid #333} .paginator span {background: #eee;color:#999} #wrap-wo .paginator a:link, #wrap-wo .paginator a:visited {color:#333} #wrap-wo .paginator a:hover, #wrap-wo .paginator a:active { background: #333; border: 1px solid #333; color: #fff; text-decoration: none; } #wrap-wo .paginator a:active {background:#000;border: 1px solid #000} .auto-paginator { margin: -7px 0 11px; color: #999; } .auto-paginator span span { font-weight: bold; color: #000; } .auto-paginator span span, .auto-paginator a { background: #fff; border: 1px solid #ccc; padding: 2px 4px; } .auto-paginator a:hover { background: #000; border: 1px solid #000; color: #fff; } .slider-rail { position: relative; background: url( 'images/slider_rail.gif' ) no-repeat; height: 18px; width: 215px; } .slider-handle { position: absolute; height: 18px; width: 25px; background-image: url('images/slider_handle.gif'); } .slider-handle img, .slider2-handle img { display: none;} .slider2-rail { position: relative; background: url( 'images/slider2_rail.gif' ) no-repeat; height: 18px; width: 215px; } .slider2-handle { position: absolute; height: 13px; width: 18px; background-image: url('images/slider2_handle.gif'); } .slider-label-bottom { display: inline-block; padding-top: 10px; } .ui-slider { position: relative; background: url( 'images/slider_rail.gif' ) no-repeat; height: 18px; width: 195px; } .ui-slider .ui-slider-handle { position: absolute; height: 18px; width: 25px; background-image: url('images/slider_handle.gif'); } .screenshots input { float: left; width: 200px; margin: 5px 20px 20px 0; position: relative; } .screenshots hr { clear: both; } .featured-offer { margin: 20px 0 20px 0; background-color: #f4f4f4; border: solid 1px #ccc; padding: 5px; width: 400px; font-size: 1em; } .featured-offer .header { font-size: 0.8em; margin: 0 0 5px 0; font-weight: bold; color: #666; } .featured-offer a { margin-left: 15px; } /* from temp.css */ .MobilePhoneModel { font: normal 11px arial; color: #666; text-decoration: none; } .MobilePhoneColour { font: normal 11px arial; color: #666; } .MobilePhoneRemove { font: normal 11px arial; } .MobileFeaturesColumn1 { float: left; width: 330px; } .MobileFeaturesColumn2 { float: left; width: 330px; margin-left: 10px; } .Message { color: #f60; font-weight: bold; background-color: #fff5f0; padding: 10px; border: solid 1px #fca; float: left; margin-bottom: 10px; } .Message, .UnreadMessage { cursor: pointer; } .Message:hover, .UnreadMessage:hover { background-color: #eeeeee; } .UnreadMessage { font-weight: bold; } .MessageBar { background-color: #dddddd; padding: 3px; } .Saved { color: #f60; font-weight: bold; } .Small { font: normal 11px arial; } .LoadingBackground { background-color: #fff; filter: alpha(opacity=30); opacity: 0.3; } .Loading { background: #fff;border: 1px solid #999;box-shadow: 0 0 30px #999;-moz-box-shadow: 0 0 30px #999;-webkit-box-shadow: 0 0 30px #999;-khtml-box-shadow: 0 0 30px #999; color: #222; font: bold 17px arial; z-index: 999999; padding: 15px; text-align: center; width: 280px; } .Loading-inner { background: #fff; padding: 20px; } .Loading img { display: block; margin: 10px auto 0; } .loading-small { color: #d77400; } .loading-small img { vertical-align: middle; } .LoadingText { color: #FF6600; font-weight: bold; margin: 5px; } .loading-message { text-align: center; margin: 100px auto; } .loading-message div { font-size: 1.5em; background-color: #000; border: solid 2px #aaa; padding: 30px; color: #fff; width: 220px; margin: 0 auto 0 auto; } .ModalBackground { background-color: #000; filter: alpha(opacity=80); opacity: 0.8; } .ModalPopup { position: absolute; background-color: #000; border: 1px solid #fff; padding: 5px; text-align: left; } .ModalHeading { font-size: 1.4em; font-weight: bold; color: White; padding: 3px; background-color: #000; } .ModalCloseButton { cursor: default; float: right; } .ModalContent { background-color: #fff; padding: 5px 10px 5px 10px; overflow: auto; color: #000; } .ModalContentHeading { font-size: 2em; font-weight: bold; margin: 10px 0 0 0; text-align: center; } .ModalButton { clear: both; margin: 20px 0 5px 0; text-align: center; } .ModalButton img { cursor: pointer; border: none; } .ModalSection { margin: 10px 0 2px 0; font-weight: bold; } .ModalColumn { float: left; margin: 0 20px 0 0; } .ModalColumnRight { float: left; margin: 0; } .ModalColumn:after { clear: both; } .ModalLink { margin: 5px 0 0 0; } #wrap-wo .ModalContent h4 { margin: 0; font-size: 100%; } .ModalContent h4 span { float: right; font-weight: normal; padding: 2px 0 0; } .ModalContent label { font-weight: normal; } .ModalContent p { margin: 15px 0 15px 0; } .ModalContent label { display: inline; } /* premium store list */ .store-locations-wrap { padding: 10px; margin: 0 0 20px; } #wrap-wo .store-locations-wrap { padding: 0; } .store-locations-wrap .store-location { border-top: 2px solid #ccc; padding: 10px 0; min-height: 115px; border-bottom: 2px solid #fff; } .store-locations-wrap .store-location-basic { border-top: 2px solid #ccc; padding: 0; } .store-locations-wrap .store-location-basic div { margin: 0; } .store-locations-wrap .store-location h3 { margin: 0 0 5px 0; font-size: 150%; } .store-locations-wrap .store-location p { margin: 0 0 5px; } .store-locations-wrap .store-location img { float: left; margin: 2px 0 0; position: relative; top: 3px; } .store-locations-wrap .store-location div { margin: 0 0 0 156px; } .store-locations-wrap .store-location div.clear { margin: 0; } #wrap-wo .store-locations-wrap .store-location div.clear { display: none; } .PoachCountdown { font-size: 1.5em; font-weight: bold; color: #f60; } .PoachCloseDate { font-size: 0.9em; color: #666666; } .SupplierTransactOption { float: left; margin: 0 10px 0 0; } .Pledge { font-size: 150%; } .ViewPhone img { margin: 0 10px 0 0; } .popup-phone { height: 460px; overflow: hidden; } #popup-phone-inner { height: 380px; overflow: auto; margin: 0 0 0 30px; } #popup-phone img { margin: 0 0 0 10px; } #video-promo { float: right; width: 313px; height: 91px; margin: 10px 0 10px 10px; } .screenshot { position: relative; float: right; border: solid 1px #ccc; } .captcha { width: 200px; margin: 0 0 10px; } .floated-image { position: relative; } .results-countdown { float: right; padding: 10px; background-color: #f4f4f4; border: solid 1px #ccc; text-align: center; margin: 15px 10px 0 0; } .countdown { font-size: 1.5em; font-weight: bold; color: #f60; } .tco-reduction { font-size: 125%; font-weight: bold; } .breakdown { width: 350px; vertical-align: top; } .help { font-style: italic; } #wrap-wo #refine .checkboxes { width: 193px; padding-bottom: 10px; } #wrap-wo #refine .checkboxes table { width: 193px; } #wrap-wo #refine .checkboxes input { margin-right: 5px; position: relative; bottom: 0; } #wrap-wo #refine .checkboxes td { padding-right: 4px; white-space: nowrap; } #wrap-wo #refine ul.checkboxes li input { display: inline; margin-right: 37px; } #wrap-wo #refine ul.checkboxes li label { display: inline; } #wrap-wo #refine ul.checkboxes li.icon-phone { background: transparent url("images/sprites.png") no-repeat -353px -1196px !important; padding: 2px 0 3px 0 !important; } #wrap-wo #refine ul.checkboxes li.icon-mobile { background: transparent url("images/sprites.png") no-repeat -353px -1096px; padding: 2px 0 3px 0; } #wrap-wo #refine ul.checkboxes li.icon-tv { background: transparent url("images/sprites.png") no-repeat -353px -1796px !important; padding: 2px 0 3px 0 !important; } #wrap-wo #refine ul.checkboxes li.icon-none { padding: 2px 0 3px 0; background-image: none; } #wrap-wo #refine ul.checkboxes li.icon-none input { margin-right: 3px; } .icon-tip {background: transparent url("images/sprites.png") no-repeat 0 -4200px;padding: 5px 5px 5px 30px} .icon-deal {background: transparent url("images/sprites.png") no-repeat 0 -603px;padding-left:22px;line-height:2;display:inline-block} .cell-deal-shortversion .icon-deal {margin: -5px 0;background: transparent url("images/sprites.png") no-repeat 0 -700px;display:block;padding: 6px 0 6px 32px} .cell-deals-list .icon-deal {color:#78B400} .cell-deals-list .icon-deal {line-height:1.2;min-height:30px} .icon-phone { background: transparent url("images/sprites.png") no-repeat 100% -1199px !important; padding: 2px 32px 3px 0 !important; display: inline-block !important; } .icon-tv { background: transparent url("images/sprites.png") no-repeat 100% -1799px !important; padding: 2px 32px 3px 0 !important; display: inline-block !important; } .plan-tools .icon-call { background: transparent url("images/sprites.png") no-repeat -384px -1199px; padding: 2px 0 3px 19px; display: inline; font-weight: bold; } .icon-mobile { background: transparent url("images/sprites.png") no-repeat 100% -1099px; padding: 2px 32px 3px 0; display: inline-block; } .icon-phone-mobile { background: transparent url("images/sprites.png") no-repeat 100% -1899px; padding: 2px 64px 3px 0; display: inline-block; } .icon-phone-or-mobile { background: transparent url("images/sprites.png") no-repeat 100% -1999px; padding: 2px 64px 3px 0; display: inline-block; } .icon-phone-tv { background: transparent url("images/sprites.png") no-repeat 100% -2099px; padding: 2px 64px 3px 0; display: inline-block; } .icon-delete {background: transparent url("images/sprites.png") no-repeat -383px -3449px; padding: 0 0 0 15px; display: inline-block;color:#aaa !important} .icon-subsection {background: transparent url("images/sprites.png") no-repeat 5px -1300px;padding-left:30px} span.icon-phone { background-position: 100% -1196px; } span.icon-tv { background-position: 100% -1796px; } span.icon-mobile { background-position: 100% -1096px; } span.icon-phone-mobile { background-position: 100% -1896px; } span.icon-phone-or-mobile { background-position: 100% -1996px; } span.icon-phone-mobile { background-position: 100% -2096px; } span.icon-pos {background: transparent url("images/sprites.png") no-repeat 0 -4000px;padding: 1px 1px 1px 17px;display:inline-block;white-space:nowrap;font-size:11px;color:#090} span.icon-neu {background: transparent url("images/sprites.png") no-repeat 0 -4050px;padding: 1px 1px 1px 17px;display:inline-block;white-space:nowrap;font-size:11px;color:#999} span.icon-speed-1, span.icon-speed-2, span.icon-speed-3, span.icon-speed-4, span.icon-speed-5, span.icon-speed-6, span.icon-speed-7, span.icon-speed-8, span.icon-speed-9, span.icon-speed-10, span.icon-speed-mobile {padding: 1px;display:block;white-space:nowrap;font: bold italic 11px/13px arial;color:#fff} span.icon-speed-3 {background: #eee;font: bold normal 11px/13px arial;color:#999} span.icon-speed-5 {background: #aedcff;font: bold normal 11px/13px arial} span.icon-speed-8, span.icon-speed-mobile {background: #279bfc} span.icon-speed-9 {background: #c75b5b} span.icon-speed-10 {background: #c00} span.icon-totaldata {background: #eee;padding: 1px 3px;display:inline-block;white-space:nowrap;font: bold 11px/13px arial;color:#999} .sponsored-result-row span.icon-totaldata {background: #c9bb80;color:#fff} span.icon-bonus {background: #92d239;padding: 1px 3px;display:inline-block;white-space:nowrap;font: bold 11px/13px arial;color:#2B3C00} #tabbed-mostpopular span.icon-bonus {margin-right:5px} .layout-landing .table11 span.icon-bonus {margin: 5px 5px 0 0} .table1 td.cell-modems {padding:8px;text-align:left} #wrap-wo .cell-modems ul {margin:0} #wrap-wo .cell-modems li {background: transparent url("images/sprites_integration_2.png") no-repeat 0 -800px;list-style-type:none;padding: 0 0 0 25px;white-space:nowrap;line-height:2} #wrap-wo .cell-modems li.icon-modem-wifi {background-position: 0 -900px} #wrap-wo .cell-modems li.icon-modem-bbusb {background-position: 0 -1000px} #wrap-wo .cell-modems li.icon-modem-bbwifi {background-position: 0 -1100px} #wrap-wo .cell-modems li.icon-modem-3g {background-position: 0 -1000px} #wrap-wo .cell-modems li.icon-modem-ms {background-position: 0 -1200px} #wrap-wo .checkboxes label { font-weight: normal; display: inline; } #wrap-wo .ModalPopup .checkboxes label { margin-left: 2px; margin-right: 6px; } #wrap-wo .radiobuttons label { font-weight: normal; } .customer-search-heading { margin: 10px 0 0 0; padding: 3px 5px 3px 5px; font-weight: bold; font-size: 115%; color: #fff; background-color: #d77400; border-bottom: solid 1px #999; } .customer-search-save { background-color: #FFF1E3; } .customer-search, .customer-search-save { margin: 10px 0 10px 10px; padding: 10px 5px 10px 5px; border-top: solid 1px #aaa; width: 210px; } #wrap-wo .customer-search h1, #wrap-wo .customer-search-save h1 { font-size: 125%; font-weight: bold; margin-bottom: 10px; } .customer-search table, .customer-search-save table { width: 100%; } .customer-search .name, .customer-search-save .name { width: 100%; } .table-customer-search th { white-space: nowrap; } .table-customer-search .count { font-size: 200%; color: #ff8a00; white-space: nowrap; padding: 0 0 0 50px; width: 100%; } .error-list { background: #ffe0e0 url("images/error.png") no-repeat; color: #900; padding: 13px 10px 13px 50px; border: 1px solid #f8b3b3; font-weight: bold; } .store-finder { float: right; width: 200px; margin: 20px 0 10px 10px; border: solid 1px #ddd; padding: 10px 20px 10px 20px; background-color: #fafafa; } #sidebar-wo .store-finder { margin: 0; border: none; padding: 0; background-color: #fff; z-index: 99999; } .store-finder .results { max-height: 100px; overflow: auto; padding-bottom: 5px; } .store-finder hr { margin: 0; } #wrap-wo .store-finder ul { list-style-type: none; margin: 0; } .auto-complete { margin: 0; background-color: #fff; border: solid 1px #666; height: 250px; overflow: auto; background-color: #fff; } .auto-complete b { color: #ea7500; font-weight: normal; } .auto-complete-item { padding: 2px; color: #666; clear: both; list-style-type: none !important; background-image: none !important; padding-left: 2px !important; } .auto-complete-highlight { padding: 2px; cursor: default; list-style-type: none !important; clear: both; background-image: none !important; padding-left: 2px !important; background-color: #ff8a00 !important; color: #fff !important; } .auto-complete-highlight b { color: #fff; } ul.supplier-logos { margin: 30px 0 10px 0; } .layout-home ul.supplier-logos { height: 140px; } div.supplier-logos { padding: 20px 0 0; overflow: auto; } table.supplier-logos { border-collapse: collapse; border: 1px solid #eee; width: 100%; float: left; margin: 0 0 20px} .layout-searchresults table.supplier-logos {width: 99%} .layout-details div.supplier-logos {background:#fff} .section-homeloans.layout-details table.supplier-logos {margin-bottom:0} .section-homeloans.layout-details div.supplier-logos {padding: 20px 0;border-top: 1px solid #ccc;margin: 20px 20px 0 0} table.supplier-logos td { vertical-align: middle; text-align: center; border: 1px solid #eee; } table.supplier-logos td img { margin: 0 auto; } .supplier-logos h2 { margin-bottom: 20px !important; } .supplier-logos ul { float: left; width: 100%; } .supplier-logos li { float: left; margin: 0 20px 10px 0 !important; padding: 0 !important; height: 50px; list-style-type: none; background-image: none !important; } #sidebar-wo .supplier-logos li { margin: 0 3px 3px 0 !important; height: auto !important; } .special-offers { margin-top: 30px; } .by-whistleout { color: #999; margin: 5px 0 5px 0; } .module .by-whistleout {display:block;margin: 0} .estimated-usage { margin-top: 10px !important; } .estimated-usage li span { float: right; } .estimated-usage .slider2-rail { margin-top: 5px !important; } .estimated-usage li { padding: 0 !important; background-image: none !important; height: 50px; } .max-results { float: right; margin: -10px 10px 0 0; display: table-cell; } .max-results strong { display: inline-block; margin-bottom: 5px; } .wo-tracking { display: none !important; } .rating-0, .rating-1, .rating-2, .rating-3, .rating-4, .rating-5 { width: 60px; height: 14px; background: transparent url("images/rating.png") no-repeat 0 -70px;display:block;margin: 0 10px} .rating-0 b, .rating-1 b, .rating-2 b, .rating-3 b, .rating-4 b, .rating-5 b { position:absolute;left:-9999px} .rating-1 { background-position: 0 -56px; } .rating-2 { background-position: 0 -42px; } .rating-3 { background-position: 0 -28px; } .rating-4 { background-position: 0 -14px; } .rating-5 { background-position: 0 0; } #wrap-wo #refine p { position: relative; } /* for the hovers in search results */ #wo-tooltip { position: absolute; margin-top: -47px; margin-left: 10px; z-index: 3000; } /* for the 'help' tooltips */ .wo-tooltip { background: transparent url("images/sprites_integration_2.png") no-repeat -50px -1300px; width: 210px; padding: 15px 0 0 3px; display: block; border-right: 3px solid #e9da8a; border-bottom: 3px solid #e9da8a; } .wo-tooltip-inner { background: transparent url("images/sprites_integration_2.png") no-repeat 100% 100%; padding: 0 10px 20px 17px; display: block; text-align: left; color: #474700; } .wo-tooltip-inner strong { display: block; font-weight: normal; } .wo-tooltip .wo-tooltip-arrow { position: absolute; top: 10px; left: -18px; width: 26px; height: 47px; display: block; background: transparent url("images/sprites_integration_2.png") no-repeat 0 -1300px; } .wo-tooltip .wo-tooltip-close { position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; display: block; background: transparent url("images/sprites_integration_2.png") no-repeat 0 -1400px; } .wo-tooltip .wo-tooltip-close a:link, .wo-tooltip .wo-tooltip-close a:visited, .wo-tooltip .wo-tooltip-close a:hover, .wo-tooltip .wo-tooltip-close a:active { width: 18px; height: 18px; display: block; background: transparent url("images/sprites_integration_2.png") no-repeat 0 -1400px; } .wo-tooltip .wo-tooltip-close a:hover { background-position: 0 -1420px; } .wo-tooltip .wo-tooltip-close a i { position: absolute; left: -9999px; } .speedtest { background-color: #000; border-bottom: solid 1px #ccc; height: 20px; color: #fff; padding: 2px 0; line-height: 20px; } .speedtest a {color: #fff !important; } .speedtest img { padding: 0 7px; border: none; vertical-align: middle; } .sponsored-deals { color: #aaa; font: normal 11px arial; text-align: right; margin: -5px 0 5px 0; } /* Gift Guides */ #giftguide {background: #fff url("images/gift_guides_xmas09_bg.png") no-repeat 50% 100%;padding: 0 0 10px} #giftguide.giftguide-intro {background-image: url("images/gift_guides_xmas09_bg2.jpg");padding-bottom: 20px} .giftguide-kicker {text-align:center;color:#999;margin: -20px 0 10px;font: italic bold 13px arial} #wrap-wo #giftguide-nav {margin: 0 0 20px 300px;height:65px} #wrap-wo #giftguide.giftguide-intro #giftguide-nav {margin: 0 0 20px 400px} #wrap-wo #giftguide-nav li {position:relative;float:left;width:60px;height:60px;background:none;padding:0;text-align:center;padding:0;margin: 0 -1px 0 2px} #wrap-wo #giftguide-nav li span {position:absolute;top:63px;left:-40px;width:140px;text-align:center;color:#000;text-decoration:none;font-size:11px;display:none} #wrap-wo #giftguide-nav a:link, #wrap-wo #giftguide-nav a:visited, #wrap-wo #giftguide-nav a:hover, #wrap-wo #giftguide-nav a:active {border:1px solid #ccc;display:block;width:60px;height:55px;position:relative;padding: 5px 0 0;text-decoration:none} #wrap-wo #giftguide-nav a:hover, #wrap-wo #giftguide-nav a:active, #wrap-wo #giftguide-nav li.active a:link, #wrap-wo #giftguide-nav li.active a:visited {border:2px solid #3fab4a;top:-1px;left:-1px;z-index:5000;position:relative;-moz-box-shadow: rgba(100,100,100,0.5) 0 0 10px;-webkit-box-shadow: rgba(100,100,100,0.5) 0 0 10px;cursor:pointer} #giftguide-nav img {margin: 0 auto} .giftguide-product {clear:left;margin: 0 200px;border-top: 1px dotted #ccc;padding: 20px 0} #giftguide.giftguide-intro .giftguide-product {border:none;padding: 0 0 20px} #wrap-wo .giftguide-product h2 {font-size:22px;margin:0} .giftguide-product-image {float:left;width:180px} .giftguide-product-details {margin: 0 0 0 200px} .giftguide-suppliers {clear:left;margin: 0 170px 30px} #wrap-wo .giftguide-suppliers h4 {margin: 5px 0} .giftguide-suppliers th img {margin: 10px 0 0} .giftguide-suppliers p {margin: 5px 0} .giftguide-suppliers table {border-collapse:separate;border-spacing: 20px 0} .giftguide-suppliers table th {border-top: 1px dotted #ccc} .giftguide-suppliers table th, .giftguide-suppliers table td {padding: 0 20px 0 0;border-bottom: 1px dotted #ccc;width:50%} .giftguide-suppliers-tag {background: transparent url("images/sprites_integration_2.png") no-repeat -50px -698px;padding-left:23px} .giftguide-suppliers-tag span {font-size:18px;display:block;position:relative;left:-23px} .giftguide-price {font-weight:bold} .giftguide-suppliers .button-1 {width:16em} #wrap-wo .giftguide-suppliers a.button-1:link, #wrap-wo .giftguide-suppliers a.button-1:visited, #wrap-wo .giftguide-suppliers a.button-1:hover, #wrap-wo .giftguide-suppliers a.button-1:active {margin: 10px 0} #giftsuggestions .module {float:left;width:25%;padding: 0} #giftsuggestions {clear:left;padding: 0 20px 20px} #giftsuggestions h3 span {position:absolute;top:22px;right:90px;font-size:12px} #wrap-wo #giftsuggestions h3 {border-bottom: 1px solid #ccc;margin: 0 0 10px;padding: 20px 0 10px;font-size:17px;position:relative;background: #fff url("images/giftguide_pointer_bg.png") no-repeat 100% 100%} #wrap-wo #giftsuggestions h4 {margin: 0 0 5px;font-size:13px} #giftsuggestions ul, #giftsuggestions p {margin: 0;font-size:11px;padding-right:20px} #giftsuggestions ul {margin: 0 0 5px} #wrap-wo #giftsuggestions .module li {margin:0} #giftsuggestions p.giftsuggestions-price {font-size:13px;font-weight:bold;margin: 2px 0} #giftsuggestions p.giftsuggestions-price .giftsuggestions-price-discounted {text-decoration: line-through; color: #666; } #giftsuggestions p.giftsuggestions-price .giftsuggestions-price-new {color: #ed1c24; margin-left: 5px;} #giftsuggestions p.giftsuggestions-price .giftsuggestions-delivery {font-size:11px;font-weight:normal;color:#999;display:block} #giftsuggestions p.giftsuggestions-link {font-size:12px;font-weight:bold} /* ads */ .wo-ad-strip1 {position:relative;height:68px;margin: 0 0 25px;background: #fff url("images/wo_ad_strip1_bg.png") no-repeat 100% 100%;top:-5px} .wo-ad-strip1.wo-ad-strip1-vodafone {background-image: url("images/wo_ad_strip1_vodafone_bg.png")} .wo-ad-strip1.wo-ad-strip1-optus {background-image: url("images/wo_ad_strip1_optus_bg.png")} #wrap-wo .wo-ad-strip1 a:hover strong, #wrap-wo .wo-ad-strip1 a:active strong {text-decoration:underline} #wrap-wo .wo-ad-strip1 a:link small, #wrap-wo .wo-ad-strip1 a:visited small {color:#fff} #wrap-wo .wo-ad-strip1 a:hover small, #wrap-wo .wo-ad-strip1 a:active small {color:#fff;text-decoration:underline} .wo-ad-strip1 small {position:absolute;top:32px;left:95px;line-height:13px;font-size:11px} .wo-ad-strip1 strong {position:absolute;bottom:46px;left:95px;line-height:12px;font-size:12px} .wo-ad-strip1 img {position:absolute;bottom:3px;left:0} .wo-ad-strip1-offer1, .wo-ad-strip1-offer2 {position:absolute;left:0;top:0;width:44%;height:68px} .wo-ad-strip1-offer2 {left:48%} .wo-ad-strip1-sponsorlink {height:40px;width:54px;position:absolute;bottom:0;right:0} .wo-ad-strip1-sponsorlink span {position:absolute;left:-9999px} .twitter-strip {border-bottom: 2px solid #09f;margin: 0;background: #fff url("images/sprites.png") no-repeat 0 -1400px;padding: 14px 10px 7px 70px} .twitter-strip span {display:inline-block;padding: 2px 4px;background:#F60;color:#fff;font-weight:bold} #wrap-wo .wo-ad-hp-2 a:link, #wrap-wo .wo-ad-hp-2 a:visited, #wrap-wo .wo-ad-hp-2 a:hover, #wrap-wo .wo-ad-hp-2 a:active {text-decoration: none} /* .wo-inpagepromoblock - ad full col on homepage */ .wo-ad-hp-2 {margin: 0;top:-4px; display: block; position:relative;overflow:hidden; height: 200px;background:#fff} .wo-ad-hp-2 img { display: block; width: 680px; height: 200px} .wo-ad-hp-2 a {position:absolute;display:block;width:680px;height:200px;top:0;left:0;filter: alpha(opacity=01); -moz-opacity: .01; opacity: .01; background:#fff} .wo-ad-hp-2 a:hover {filter: alpha(opacity=20); -moz-opacity: .20; opacity: .2; background:#fff} /* .wo-ad-featured-1 - ad on top right of search results */ .wo-ad-sr-1 {float:right;margin: -15px 10px -10px 20px;width:360px;text-align:right;border: 1px solid #ccc;background:#fff;padding:10px} .type-browse .wo-ad-sr-1 {margin-top:5px;margin-bottom:10px} #wrap-wo .wo-ad-sr-1 span {text-transform:uppercase;color:#999;font-size:12px;display:block} #wrap-wo .wo-ad-sr-1 p, #wrap-wo .wo-ad-sr-1 h3 {margin:0;font-size:12px} .wo-ad-sr-1 img.img-right {margin: 0 0 0 10px} /* .wo-ad-featured-2 - ad on prod details right/left col */ .wo-ad-pd-1 {margin: 20px 10px;background:#fff;padding: 0 0 20px;text-align:left;border-bottom: 2px solid #333} #wrap-wo .wo-ad-pd-1 span {text-transform:uppercase;color:#999;font-size:12px} #wrap-wo .wo-ad-pd-1 p, #wrap-wo .wo-ad-pd-1 h3 {margin:0;font-size:12px} .newsletter-signup {border-top: 1px solid #85c1ec;border-bottom: 1px solid #85c1ec;margin: 20px 0;text-align:left;background:#d4edff} .newsletter-signup a {display:block;min-height:65px;padding: 10px 0 10px 90px} .newsletter-signup a big {color:#333;font: bold 15px arial;display:block} .newsletter-signup a span {color:#333} .newsletter-signup a span strong {color:#0C7BE5;font: bold 15px arial;display:block} .newsletter-signup a:link, .newsletter-signup a:visited, .newsletter-signup a:hover, .newsletter-signup a:active {background: #d4edff url("images/newsletter_signup_bg.png") no-repeat 0 0;text-decoration:none !important} .newsletter-signup a:hover, .newsletter-signup a:active {background-position: 0 -300px} .newsletter-signup a:hover *, .newsletter-signup a:active * {color:#c00 !important} .layout-details #sidebar-wo .newsletter-signup {margin: 20px 10px} .layout-details #sidebar-wo .newsletter-signup a {padding: 80px 10px 10px 10px} /* phone finder */ .product-details {margin: 10px 0 30px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0 15px;background: #fff url("images/main_2_bg.png") repeat-y 100% 0} .product-image {float:left;width:240px;text-align:center} .product-feature-image {width:180px;float:left} .phone-details .product-thumbnails {float:right;width:50px} .layout-details .product-thumbnails {height:60px} .product-thumbnails a {display:block;width:48px;height:48px;overflow:hidden;float:left;margin: 0 0 14px;position:relative;text-align:right;box-shadow: 0 0 2px #ccc;-moz-box-shadow: 0 0 2px #666;-webkit-box-shadow: 0 0 2px #666;-khtml-box-shadow: 0 0 2px #ccc} .product-thumbnails .clear-left {font-size:1px;height:1px;margin: -14px 0 0} .layout-details .product-thumbnails a {margin: 0 10px 0 0} .layout-details .product-thumbnails {margin: 0;padding-left:16px} .product-thumbnails a:hover {box-shadow: 0 0 10px #666;-moz-box-shadow: 0 0 10px #666;-webkit-box-shadow: 0 0 10px #666;-khtml-box-shadow: 0 0 10px #666} .product-thumbnails img {display:block;min-width:48px;min-height:48px;max-width:80px;max-height:80px;margin:0;position:absolute;left:-35%} .product-description {float:left;width:200px;padding: 0 20px} #wrap-wo .product-features h2, #wrap-wo .product-navigator h2 {margin: 0 0 10px} #wrap-wo .product-features ul {margin:0} #wrap-wo .product-features li {background: transparent url("images/sprites_product_details.png");padding: 5px 0 5px 25px;margin: 0;border-top: 1px solid #ccc} #wrap-wo .t-browse-mobilemodels ul {overflow:auto;margin: 5px 0 0} #wrap-wo .t-browse-mobilemodels li {background: transparent url("images/sprites_product_details.png");padding: 0 0 0 25px;margin: 0;width:160px;float:left;color:#666;font: normal 11px/28px arial} #wrap-wo #tabbed-mostpopular .t-browse-mobilemodels li {width:110px} #wrap-wo li.icon-features-touch {background-position: -30px 0} #wrap-wo li.icon-features-wifi {background-position: -30px -100px} #wrap-wo li.icon-features-camera {background-position: -30px -200px} #wrap-wo li.icon-features-video {background-position: -30px -300px} #wrap-wo li.icon-features-videocam {background-position: -30px -900px} #wrap-wo li.icon-features-email {background-position: -30px -400px} #wrap-wo li.icon-features-android {background-position: -30px -500px} #wrap-wo li.icon-features-windows {background-position: -30px -1100px} #wrap-wo li.icon-features-apple {background-position: -30px -1000px} #wrap-wo li.icon-features-gps {background-position: -30px -600px} #wrap-wo li.icon-features-memory {background-position: -30px -700px} #wrap-wo li.icon-features-qwerty {background-position: -30px -1200px} #wrap-wo li.icon-features-telstratick {background-position: -30px -1300px} #wrap-wo li.icon-features-memoryint {background-position: -30px -1400px} #wrap-wo li.icon-features-memoryexp {background-position: -30px -1500px} #wrap-wo li.icon-features-accel {background-position: -30px -1600px} #wrap-wo li.icon-features-maxspeed {background-position: -30px -1700px} #wrap-wo li.icon-features-videocalls {background-position: -30px -1800px} #wrap-wo li.icon-features-batstandby {background-position: -30px -1900px} #wrap-wo li.icon-features-battalk {background-position: -30px -2000px} #wrap-wo li.icon-features-sizewidth {background-position: -30px -2100px} #wrap-wo li.icon-features-sizeheight {background-position: -30px -2200px} #wrap-wo li.icon-features-sizethick {background-position: -30px -2300px} #wrap-wo li.icon-features-fullspecs {background: transparent url("images/sprites_product_details.png") no-repeat -30px -800px} .product-review-highlighted {float:left;width:200px;background: #fff url("images/sprites_product_details_2.png") no-repeat 100% 0} #wrap-wo .product-review-highlighted h3 {font-size:11px;color:#a3d5f7;padding: 20px 20px 0;margin: 0 0 -3px} #wrap-wo .product-review-highlighted h4 {margin:0 0 5px;color:#fff;padding: 0 20px;font-size:40px} #wrap-wo .product-review-highlighted h4 small {font-size:25px;color:#a3d5f7} #wrap-wo .product-review-highlighted blockquote {background:#09f;border:none;color:#fff;font: bold 15px Georgia, "Times New Roman", Times, serif;margin: 5px 20px;padding: 10px 0 0;border-top: 1px solid #a3d5f7} .product-review-highlighted blockquote p {margin:0} .product-review-highlighted blockquote p a {display:block} #wrap-wo .product-review-highlighted blockquote p a {padding: 8px 0;margin: 8px 0 0;font: bold 12px arial} #wrap-wo .product-review-highlighted blockquote p a:link, #wrap-wo .product-review-highlighted blockquote p a:visited {color:#fff;text-decoration:underline} #wrap-wo .product-review-highlighted blockquote p a:hover, #wrap-wo .product-review-highlighted blockquote p a:active {color:#fff} #wrap-wo .product-review-highlighted h5 {margin:0;padding: 0 20px 10px;font: bold 12px arial;color:#a3d5f7} .product-review-highlighted p.source {padding: 25px 65px 10px 0;background: #fff url("images/sprites_product_details_2.png") no-repeat 100% -743px;margin: 0;color:#666} .product-review-highlighted p.source-links {background: #fff url("images/sprites_product_details.png") no-repeat 0 -2700px;margin:0;border-top: 1px solid #ccc;padding: 5px 0 3px 30px} span.source-score {color:#a3d5f7} .product-short-summary {float:left;width:160px;text-align:center;padding: 60px 20px 0} #wrap-wo .product-short-summary p {font: italic normal 20px/1.5 Georgia;margin:0;color:#999} .product-navigator {float:left;width:200px;padding-left:40px} #wrap-wo .product-navigator ul {margin: 0} #wrap-wo .product-navigator ul ul {margin: 5px 0;padding-left:10px} #wrap-wo .product-navigator li {background:none;padding:0;color:#999;font-size:11px;line-height:1.3} #wrap-wo .product-navigator li li {list-style-type:circle;margin: 0 0 0 10px} #wrap-wo .product-navigator .active {font-weight:bold;color:#333 !Important} .layout-fullwidth.type-browse .tab-container {clear:left} #wrap-wo .refine-bar {margin: 20px 0 0} #wrap-wo .refine-bar label {display:inline;font-weight:normal;margin: 0 5px 0 0} .refine-bar .form-selects {float:right} .refine-bar .form-selects div {float:left;margin: 0 0 0 20px} .refine-bar .form-selects div.clear-left {float:none;margin:0;font-size:1px} .product-reviews {border-bottom: 1px solid #ccc;margin: 20px 0} .product-reviews .heading-h1 {float:right;width:720px;position:relative;top:-15px} .product-review-total {float:left;width:200px;background: #fff url("images/sprites_product_details_2.png") no-repeat 100% 0;text-align:center} #wrap-wo .product-review-total h3 {font-size:13px;color:#fff;padding: 20px 10px 0;margin: 0 0 -3px} #wrap-wo .product-review-total h4 {margin:0;color:#fff;font-size:40px;background: #fff url("images/sprites_product_details_2.png") no-repeat 100% 100%;padding: 0 20px 50px} #wrap-wo .product-review-total h4 small {font-size:25px;color:#a3d5f7} .product-review {border-top: 1px solid #ccc;margin: 0 0 20px;padding: 20px 0 0;clear:both} .table1 .product-review {background: url("images/sprites_product_details.png") no-repeat 0 -2800px;margin: 10px 0 0;padding: 12px 0 0 55px;clear:both} .table1 .product-review strong {display:block;font-size:13px} .table1 .product-review em {font: italic normal 13px/1.5 georgia;color:#999} #wrap-wo .product-review h4 {font-size:35px;width:200px;float:left;margin:0;text-align:center;padding: 5px 0 0} #wrap-wo .product-review h4 small {font-size:20px;color:#999} #wrap-wo .product-review h4 small.tone {font-size:15px;position:relative;top:10px} #wrap-wo .product-review blockquote {margin: 0 0 0 200px;padding: 0 0 0 20px;font: italic normal 17px/1.5 Georgia, "Times New Roman", Times, serif;border:none;border-left: 1px solid #ccc} #wrap-wo .product-review blockquote p {margin:0} .product-review span.source-score {color:#222;font-weight:bold} .product-review .source {margin: 0 0 0 200px;border-left: 1px solid #ccc;padding: 10px 0 0 20px;font-weight:bold} /* stores page */ #wrap-wo .wo-ad-googleads a:link, #wrap-wo .wo-ad-googleads a:visited, #wrap-wo .wo-ad-googleads a:hover, #wrap-wo .wo-ad-googleads a:active {text-decoration:none} #wrap-wo #sidebar-wo .wo-ad-googleads {margin: 20px 0} #wrap-wo .wo-ad-googleads p.subdued {font-size:10px;color:#aaa} .layout-stores #wrap-wo h1 {font-size:300%} #wrap-wo .wo-ad-googleads h4 {margin-top:0} #wrap-wo .wo-ad-googleads p {margin-bottom:0} .wo-ad-googleads div {margin-bottom:20px} #content-wo .wo-ad-googleads div, #store-listing .wo-ad-googleads div {float:left;width:210px;padding-right:20px;margin: 0 0 10px} #store-listing .wo-ad-googleads div {width:280px} #content-wo .wo-ad-googleads p.subdued {text-align:center;margin: 0 0 10px} #content-wo .wo-ad-googleads div.clear, #store-listing .wo-ad-googleads div.clear {clear:left;float:none;width:auto;text-align:center;padding:0;margin:0} #store-listing-map {float:right;width:430px} .layout-searchresults #store-listing-map {padding-left:180px} #store-listing-details {float:left;width:260px} #wrap-wo #store-listing-details h3 {font-size:17px;margin:0} #wrap-wo .wo-ad-googleads h4 {color:#0C7BE5} #wrap-wo .wo-ad-googleads a:hover h4 {color:#c00} #wrap-wo #content-wo .wo-ad-googleads h4 {color:#333;font-size:17px} #wrap-wo #content-wo .wo-ad-googleads a:hover h4 {color:#c00} #wrap-wo .wo-ad-googleads p {color:#666} #wrap-wo .wo-ad-googleads a:hover p {color:#c00} #wrap-wo .wo-ad-googleads p.url {color:green} #wrap-wo .wo-ad-googleads a:hover p {color:#c00} #wrap-wo #content-wo .wo-ad-googleads p.url {color:#0C7BE5} #wrap-wo #content-wo .wo-ad-googleads a:hover p.url {color:#c00} .store-listing-feature {background: #fff url("images/sprites_stores.png") no-repeat 0 20px;padding: 110px 0 0;border-top: 1px solid #ccc;margin: -5px 0 0} .no-results {background: #fff url("images/no_results_bg.jpg") no-repeat 100% 0;padding: 20px 380px 20px 20px;border-top: 8px solid #eee;border-bottom: 8px solid #eee;zoom:1} #wrap-wo .no-results h3 {font-size:22px;border-bottom: 1px solid #eee;margin: 0 0 10px;padding: 0 0 10px} .tab-container .no-results {background-position: 100% 100%;padding: 120px 400px 150px 40px;border:none;border-bottom: 1px solid #333} #wrap-wo .tab-container .no-results h3 {font-size:300%;color:#999 !important;border:none}