/* ---------------------------------------------------------------------- Style Sheet for talk-star.com author: GeoNeo // offset media email: mail@offsetmedia.co.uk website: http://offsetmedia.co.uk | http://illustratorslounge.com ------------------------------------------------------------------------*/ /*----------------------------------*/ body { margin:0; padding:0; font:12px "Helvetica", arial, sans-serif; color: #444444; } #god {width: 960px; margin: 30px auto;} #call-us{float: right; margin-top: 20px} /*----------------

------------------*/ .sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top: -999em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0;top: 2.5em; /* match top ul list item height */ z-index: 99;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 160px; /* match ul width */ top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 160px; /* match ul width */ top: 0;} .nav-150{width: 150px} #menu-container { z-index: 2; display:block; position:relative; margin:0px auto;} .sf-menu { display:block; position:absolute; left:0px; top:50px; clear:both; margin:0px; padding:0px; list-style-type:none; float:none; } .sf-menu li {float:left} .sf-menu a.main-menu{ margin:0 20px 0 0; font-size: 2em; font-weight:900; text-transform:uppercase; color:#eb0084; background:#fff200;} .sf-menu a.main-menu:hover {background:#fff;} .sf-menu li ul { margin:0px; padding:0px; list-style-type:none; } .sf-menu li ul li { float:none;} .sf-menu li ul li a {padding-right: 25px; font-size: 1.1em; line-height: 1.4em; background: #fff; color:#eb0084; } .sf-menu li ul li a:hover{background: #fff url('images/hover-arrow.png') right no-repeat;} /*----------------------------------*/ #content{padding-top: 180px; line-height: 1.3em;} #home-banner{ width: 960px; height: 326px; background: #eb0084 url('images/graphics/top-banner.png') no-repeat; } .banner-info{ float: right; text-align: right; } .save{float: left; margin: 25px;} .home-create{margin-top: 50px;} .home-special{margin-top: 5px;} .home-form{float: right; height: 22px; margin-top:16px; } .home-check{float: right; margin: 0 10px; border: none} input.postcode{ float: right; width: 180px; padding: 6px; font-size:22px; border-color:#00adef; } .home-info {float: left; width: 300px; margin-right: 15px;} #home-banner, .home-ads, .home-info{margin-bottom: 15px} .cheap-left{float:left; width: 300px;} #support-banner{ width: 960px; height: 326px; margin-bottom: 20px; background: #eb0084 url('images/graphics/24-top-banner-3.png') no-repeat; } .support-banner-info{float: left; padding-top: 80px;} #three-54{float: left; width: 354px; margin-bottom: 30px;} .heading-354{ width: 334px; height: 77px; padding: 20px 0 0 20px; background: #eb0084 url('images/graphics/pink-title-354.png') no-repeat; } .silver-354{margin: 35px 0; line-height: 1.6em;} .silver-354-top{width: 354px; height: 5px; background: #fff url('images/graphics/silver-354-top.png') no-repeat;} .silver-354-mid{background: #fff url('images/graphics/silver-354-mid.png') repeat-y;} .silver-354-text{padding: 20px; background: transparent url('images/graphics/silver-354-bgrnd.png') no-repeat bottom;} .silver-354-btm{width: 354px; height: 5px; background: #fff url('images/graphics/silver-354-btm.png') no-repeat;} #dashed-box{border: 10px dashed #ccc; padding: 30px 20px 15px 20px;} #four-36{float: left; width: 436px; margin-bottom: 30px;} .four-40{float: left; width: 440px; margin: 0 40px 40px 0;} .four-60{float: left; width: 460px; margin: 0 20px 20px 0;} .silver-460{margin: 35px 0; line-height: 1.6em;} .silver-460-top{width: 500px; height: 5px; background: #fff url('images/graphics/silver-460-top.png') no-repeat;} .silver-460-mid{background: #fff url('images/graphics/silver-460-mid.png') repeat-y;} .silver-460-text{padding: 20px; background: transparent url('images/graphics/silver-460-bgrnd.png') no-repeat bottom;} .silver-460-btm{width: 500px; height: 5px; background: #fff url('images/graphics/silver-460-btm.png') no-repeat;} #five-00{float: left; width: 500px; margin-bottom: 30px;} #five-00-center{width: 500px; margin: 0 auto 30px auto;} .heading-500{ width: 480px; height: 99px; padding: 20px 0 0 20px; background: #eb0084 url('images/graphics/pink-title-500.png') no-repeat; } .silver-500{margin: 35px 0; line-height: 1.6em;} .silver-500-top{width: 500px; height: 5px; background: #fff url('images/graphics/silver-500-top.png') no-repeat;} .silver-500-mid{background: #fff url('images/graphics/silver-500-mid.png') repeat-y;} .silver-500-text{padding: 20px; background: transparent url('images/graphics/silver-500-bgrnd.png') no-repeat bottom;} .silver-500-btm{width: 500px; height: 5px; background: #fff url('images/graphics/silver-500-btm.png') no-repeat;} #six-50{float: left; width:650px; margin-bottom: 30px;} #six-60{float: left; width:660px; margin-bottom: 30px;} .silver-tab{padding-top: 38px;line-height: 1.6em;} .silver-tab-top{width: 650px; height: 2px; background: #fff url('images/graphics/silver-tab-top.png') no-repeat;} .silver-tab-mid{background: #fff url('images/graphics/silver-tab-mid.png') repeat-y;} .silver-tab-text{padding: 20px; background: transparent url('images/graphics/silver-tab-bgrnd.png') no-repeat bottom;} .silver-tab-btm{width: 650px; height: 5px; background: #fff url('images/graphics/silver-tab-btm.png') no-repeat;} .form-436{margin: 20px 0; line-height: 1.6em;} .form-436-top{width: 436px; height: 20px; background: #fff url('images/graphics/form-top.png') no-repeat;} .form-436-mid{width: 416px; padding-left: 20px; background-color: #e1e1e1;} .form-436-btm{width: 436px; height: 20px; background: #fff url('images/graphics/form-btm.png') no-repeat;} .mob-info{float: left; width: 310px; height: 310px;} .ad-pic{float: left; margin: 0 13px 13px 0;} .test-devide{text-align: right; margin-top: 15px; padding-top: 15px; border-top: 1px solid #cccccc;} .deal{float: left; margin: 0 15px 30px 0} .laptop-img, .bb-small-img{float: left; margin: 15px;} .bb-box{float: left; width: 250px; margin-left: 80px} .bb-box-small{float: left; width: 220px;} .bb-box-info{float: left; width: 250px; } .cc-logo{margin: 30px;} .payg-2{float:left; margin: 0 10px;} .payg-img{float: left; margin: 0 25px;} .payg-img-2{float: left; margin: 0 5px;} .wifi-img{float: left; margin: 0 40px 0 30px;} .fault-img{float: right; margin: 160px 150px 0 0;} .form-img{float: right; margin: 160px 80px 0 0} input, textarea{ margin: 2px 0; padding: 2px; font:12px "Helvetica", arial, sans-serif; border: 1px solid #a7a7a7; color: #444444; } input.send {border: none;} .microsoft label{display: block; float: left; width: 70px} .microsoft input.text, .microsoft textarea, .win input.text{width: 320px;} .microsoft input.send {margin-left: 70px; border: none;} .form-436 label{display: block;} .form-436 input.text, .form-436 textarea{width: 320px;} .win label{display: block;} label.no-block{display: inline;} table{margin: 15px 0 30px 0; font-size:0.9em; border-collapse: collapse;} table .plan{margin: 30px 0;} table .grey {background-color: #e1e1e1;} th, td {width: 80px; height: 40px; text-align: center; border: 1px solid #a7a7a7;} th {font-weight: 900; color: #00adef} .plans th, .plans td{height: 20px; padding: 10px;} .prices th, .prices td{width: 150px;} ul.nice-list, ul.nice-list-small, ul.nice-list-smallest{list-style:inside url("images/star.png");} ul.nice-list li, ul.nice-list-small li, ul.nice-list-smallest li{padding: 5px 0; border-bottom: 1px dashed #a7a7a7;} ul.nice-list li{font-size: 1.4em; line-height:1.6em;} ul.nice-list-small li {font-size: 1.2em; line-height:1.4em;} ul.nice-list-smallest li{font-size: 1em; line-height:1.2em; } ul.nice-list-green {list-style:inside url("images/x.png");} ul.nice-list-green li{font-size: 1em; line-height:1.6em; padding: 5px 0;} ul.blackberry-list{margin-top: 15px; font-size: 1em; line-height:1.2em; list-style:inside url("images/star.png");} ul.blackberry-list li{padding: 5px 0; border-bottom: 1px dashed #a7a7a7;} ul.blackberry-list h2{color: #eb0084} ul.blackberry-list .title{font-size: 1.4em; line-height:1.6em; color: #00adef} /*----------------------------------*/ .promo{margin-top: 15px; padding: 15px 0; border-top: 1px solid #cccccc;} .promo a img, .home-ads a img{margin-right: 15px;} #icon-box{float: left; margin-top: 30px; border: 10px dashed #eb0084;} #icon-box .box {border-right: 10px dashed #eb0084;} #icon-box .box, #icon-box .box-1 {display: block; overflow: hidden; width: 218px} #icon-box .current, #icon-box .box a:hover, #icon-box .box-1 a:hover{ position: relative; left: -218px;} .box-2{ margin-right: 100px;} .nav-2{line-height:1.6em} .nav-2 h1{margin: 10px 0; font-size: 1.25em; font-weight: 900; color: #a7a7a7} .nav-2 ul {list-style:inside url("images/x.png");} .nav-2 ul h1 a{color: #a7a7a7} .nav-2 ul a{color: #444444;} .nav-2 ul a:hover{color: #00adef;} /*----------------------------------*/ #foot{letter-spacing: 0.1em; margin-top: 15px; padding-top: 15px;border-top: 1px solid #cccccc; } #foot .partners{margin-left: 8px;} .pink-foot{float: left; height: 42px; color: #fff;} .pink-foot-begin{float: left;width: 17px; height: 42px; background: #eb0084 url('images/foot-begin.png') no-repeat;} .pink-foot-middle{float: left; height: 26px; padding-top: 16px; background-color: #eb0084;} .pink-foot-end{float: left;width: 19px; height: 42px; background: #eb0084 url('images/foot-end.png') no-repeat;} .pink-foot a{color: #fff;} .pink-foot a:hover{color:#fff200;} /*----------------------------------*/ h1, h2, h3, h4, h5, h6, ul { margin:0; padding:0;} h1{line-height:1.4em;} h2, .big-text {margin-bottom: 5px; font-size: 1.4em; font-weight: 400; line-height:1.6em;} h3 {margin: 5px 0; font-size: 1.3em; line-height:1.2em;} h4{font-size:1.2em; line-height:normal;} a{text-decoration: none; color: #00adef} a:hover{color: #444} a img { border:none; } ol.alpha-b{list-style-type:lower-latin} .alignright, .laptop-2{float: right} .alignleft, #logo, .box, .box-1, .laptop, .payg {float: left} .center {display: block; margin: 0 auto;} .left-10{float: left; margin-right: 10px;} .text-center{text-align: center} .headings{margin-bottom: 20px;} .headings-2{float: left; padding-top: 5px;} .headings-3{margin: 20px 0 30px 0} .margin-left{margin-left:15px;} .vertical-box, .vertical-box-2{float: left; width: 100%; margin: 15px 0; padding-bottom:20px; border-bottom: 1px solid #cccccc;} .vertical-box-2{border: none} .clear { clear:both; height:0;} .hidden{display: none;} .blue{color: #00adef} .pink, #error{color: #eb0084} .light-grey{color: #a7a7a7} .mar-38{margin-top: 38px;} .mar-5{margin: 5px 0} .box-300{display: block; width: 300px} #accordion { margin:20px 0px;} .element{clear: both; margin:0px; padding:4px;} /*----------------------------------*/ #lounge{width: 100%; min-height: 542px; background: url(images/graphics/lounge.png) 0 0 no-repeat;} .vic {display: block; width: 202px; margin-top: 135px} .sam{display: block; width: 147px; margin-top: 125px} .lindsay{display: block; width: 149px; margin-top: 145px} .ben{display: block; width: 291px; margin-top: 190px} .people {padding: 0; list-style: none;} .people li {float: left; position: relative; margin: 0 2px; padding: 0; text-align: center;} .people a {display: block; padding: 0 15px; text-decoration: none; font-weight: bold; color: #000000;} .people li em { z-index: 2; display: none; position: absolute; top: -85px; left: -15px; width: 310px; height: 100px; margin-top: 80px; padding: 15px; text-align: center; font:normal 600 1.5em/1.4em "Helvetica", arial, sans-serif; background: url(images/graphics/hover.png) no-repeat;} /*----------------------------------*/ .blackberry-form{padding: 20px; font:1em "Helvetica", arial, sans-serif; background-color: #fde5f2;} .blackberry-form input.in{width: 100%; margin-bottom: 5px; border: none; color: #999;} .blackberry-form textarea{font:1em "Helvetica", arial, sans-serif; width: 100%; height: 200px; margin-bottom: 5px; border: none; letter-spacing:0.04em; color: #999;} .blackberry-form .label{font-weight:900;} .error {display:none; font: italic 900 1.25em "Helvetica", arial, sans-serif; color: #000;} /*----------------------------------*/ .tabberlive .tabbertabhide { display:none;} .tabberlive h1, .tabberlive h2{display: none} ul.tabbernav{ } ul.tabbernav li{ list-style: none;} #pack-tabs ul.tabbernav li a.tab1{float: left; display: block; width:126px; height: 38px; background: #fff url('images/graphics/economy-tab-a.png') no-repeat;} #pack-tabs ul.tabbernav li.tabberactive a.tab1, #pack-tabs ul.tabbernav a:hover.tab1{float: left; width:126px; height: 38px; background: #fff url('images/graphics/economy-tab-hover.png') no-repeat;} #pack-tabs ul.tabbernav li a.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/premium-tab-a.png') no-repeat;} #pack-tabs ul.tabbernav li.tabberactive a.tab2, #pack-tabs ul.tabbernav a:hover.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/premium-tab-hover.png') no-repeat;} #pack-tabs ul.tabbernav li a.tab3{float: left;width:126px; height: 38px; background: #fff url('images/graphics/bs-class-tab-a.png') no-repeat;} #pack-tabs ul.tabbernav li.tabberactive a.tab3, #pack-tabs ul.tabbernav a:hover.tab3{float: left; width:126px; height: 38px; background: #fff url('images/graphics/bs-class-tab-hover.png') no-repeat;} #pack-tabs ul.tabbernav li a.tab4{float: left;width:126px; height: 38px; background: #fff url('images/graphics/prices-tab-a.png') no-repeat;} #pack-tabs ul.tabbernav li.tabberactive a.tab4, #pack-tabs ul.tabbernav a:hover.tab4{float: left; width:126px; height: 38px; background: #fff url('images/graphics/prices-tab-hover.png') no-repeat;} #pack-tabs ul.tabbernav li a.tab5{float: left;width:126px; height: 38px; background: #fff url('images/graphics/speed-tab-a.png') no-repeat;} #pack-tabs ul.tabbernav li.tabberactive a.tab5, #pack-tabs ul.tabbernav a:hover.tab5{float: left; width:126px; height: 38px; background: #fff url('images/graphics/speed-tab-hover.png') no-repeat;} #bs-plans-tabs ul.tabbernav li a.tab1{float: left; display: block; width:126px; height: 38px; background: #fff url('images/graphics/individual-tab-a.png') no-repeat;} #bs-plans-tabs ul.tabbernav li.tabberactive a.tab1, #bs-plans-tabs ul.tabbernav a:hover.tab1{float: left; width:126px; height: 38px; background: #fff url('images/graphics/individual-tab-hover.png') no-repeat;} #bs-plans-tabs ul.tabbernav li a.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/small-tab-a.png') no-repeat;} #bs-plans-tabs ul.tabbernav li.tabberactive a.tab2, #bs-plans-tabs ul.tabbernav a:hover.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/small-tab-hover.png') no-repeat;} #bs-plans-tabs ul.tabbernav li a.tab3{float: left;width:126px; height: 38px; background: #fff url('images/graphics/medium-tab-a.png') no-repeat;} #bs-plans-tabs ul.tabbernav li.tabberactive a.tab3, #bs-plans-tabs ul.tabbernav a:hover.tab3{float: left; width:126px; height: 38px; background: #fff url('images/graphics/medium-tab-hover.png') no-repeat;} #bs-plans-tabs ul.tabbernav li a.tab4{float: left;width:126px; height: 38px; background: #fff url('images/graphics/large-tab-a.png') no-repeat;} #bs-plans-tabs ul.tabbernav li.tabberactive a.tab4, #bs-plans-tabs ul.tabbernav a:hover.tab4{float: left; width:126px; height: 38px; background: #fff url('images/graphics/large-tab-hover.png') no-repeat;} #micro-tabs ul.tabbernav li a.tab1{float: left; display: block; width:126px; height: 38px; background: #fff url('images/graphics/benefits-tab-a.png') no-repeat;} #micro-tabs ul.tabbernav li.tabberactive a.tab1, #micro-tabs ul.tabbernav a:hover.tab1{float: left; width:126px; height: 38px; background: #fff url('images/graphics/benefits-tab-hover.png') no-repeat;} #micro-tabs ul.tabbernav li a.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/choose-tab-a.png') no-repeat;} #micro-tabs ul.tabbernav li.tabberactive a.tab2, #micro-tabs ul.tabbernav a:hover.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/choose-tab-hover.png') no-repeat;} #micro-tabs ul.tabbernav li a.tab3{float: left;width:126px; height: 38px; background: #fff url('images/graphics/interested-tab-a.png') no-repeat;} #micro-tabs ul.tabbernav li.tabberactive a.tab3, #micro-tabs ul.tabbernav a:hover.tab3{float: left; width:126px; height: 38px; background: #fff url('images/graphics/interested-tab-hover.png') no-repeat;} #text-tabs ul.tabbernav li a.tab1{float: left; display: block; width:126px; height: 38px; background: #fff url('images/graphics/services-tab-a.png') no-repeat;} #text-tabs ul.tabbernav li.tabberactive a.tab1, #text-tabs ul.tabbernav a:hover.tab1{float: left; width:126px; height: 38px; background: #fff url('images/graphics/services-tab-hover.png') no-repeat;} #text-tabs ul.tabbernav li a.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/marketing-tab-a.png') no-repeat;} #text-tabs ul.tabbernav li.tabberactive a.tab2, #text-tabs ul.tabbernav a:hover.tab2{float: left; width:126px; height: 38px; background: #fff url('images/graphics/marketing-tab-hover.png') no-repeat;} #text-tabs ul.tabbernav li a.tab3{float: left;width:126px; height: 38px; background: #fff url('images/graphics/customers-tab-a.png') no-repeat;} #text-tabs ul.tabbernav li.tabberactive a.tab3, #text-tabs ul.tabbernav a:hover.tab3{float: left; width:126px; height: 38px; background: #fff url('images/graphics/customers-tab-hover.png') no-repeat;}