@charset "utf-8"; /* CSS Document */ /* --- DOCUMENT LAYOUT --- */ body { margin:0px; padding:0px; font-size:12px; font-family:Verdana, Geneva, sans-serif; height: 100%; background-image:url(../images/bg.png); } body a { color:#ff0066; font-weight:bold; text-decoration:none; } body a:hover { color:#0099ff; text-decoration:underline; } /* --- MAIN CONTAINER --- */ #container { width: 100%; height: auto; min-height: 100%; margin: 0 auto -4em; text-align: left; } .Normal { background-color: #FFFFFF; cursor: auto; height: 100%; } .Progress { background-color: #EEEEEE; cursor: wait; } .UpdateOn { position:absolute; visibility:visible; z-index: 1; } .UpdateOff { position:absolute; visibility:hidden; z-index: 0; } /* --- HEADER CONTAINER --- */ #tophdr-container { height:41px; background-image:url(../images/home_tophdr_bg.png); background-repeat:repeat-x; left:0px; right:0px; } #tophdr-content { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; } #tophdr-content .region p { width:266px; float:left; color:#666; margin-top:15px; } #tophdr-content .contactnumber p { width:350px; float:right; margin-top:10px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333; } #tophdr-content .contactnmbr-home { color:#990033; } /* --- TOP NAVIGATION --- */ #topnav-container { height:92px; background-image:url(../images/topnav_bg.png); background-repeat:repeat-x; left:0px; right:0px; } #topnav-content { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; } #toplogo { float:left; width:310px; height:84px; } #topnavigation { float:right; width:600px; height:39px; margin-top:33px; list-style: none; } #topnavigation li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; } #topnavigation a { height:39px; width:200px; color:#333; display: block; float: left; margin: 0; text-decoration: none; text-align:center; padding-top:20px; background-image:url(../images/top_nav_bg_inactive.png); } #topnavigation a:hover { background-image:url(../images/top_nav_bg_active.png); color: #fff; } #topnavigation li.active a{ background-image:url(../images/top_nav_bg_active.png); color: #fff; } /* --- SECONDARY NAVIGATION --- */ #scndnav-content { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; } #sndnav-container { height:40px; background-image:url(../images/scndnav_bg.png); background-repeat:repeat-x; left:0px; right:0px; } #sndnav-navigation { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; } #sndnav-navigation ul { margin: 0px; padding: 0px; list-style: none; float:right; } #sndnav-navigation ul li { background-image:url(../images/scndnav_bg.png); } #sndnav-navigation ul li, #sndnav-navigation ul li a { float: left; display: block; } #sndnav-navigation ul li a { margin: 5px; padding-top:6px; padding-bottom:6px; padding-left:12px; padding-right:12px; font-size: 14px; font-weight:bold; color: #fff; text-decoration: none; } #sndnav-navigation ul li a:hover, #sndnav-navigation ul li a.selected { background-color:#e12254; color: #FFFFFF; } /* --- MAIN BODY CONTENT AND SLIDERS --- */ #mainbody-container { height:390px; background-image:url(../images/home_body_bgtop.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:12px; } #mywebbody-container { height:450px; background-image:url(../images/home_body_bgtop.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:12px; } #phonebody-container { height:450px; background-image:url(../images/home_body_bgtop.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:12px; } #broadbandbody-container-mainpage { height:620px; background-image:url(../images/home_body_bgtop.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:5px;} #broadbandbody-container { height:450px; background-image:url(../images/home_body_bgtop.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:12px; padding-top:12px;} #mainbody-content { width: 960px; margin: 0 auto; text-align: left; padding-top:20px;} #broadband-bundle-header { width: 960px; height:50px; } #broadband-bundle-header h1 { font-family:Arial, Helvetica, sans-serif; font-size:34px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; text-align:center; } #broadband-header { width: 960px; height:50px; } #broadband-header h1 { font-family:Arial, Helvetica, sans-serif; font-size:40px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; text-align:center; } #broadband-checker { width: 890px; height:480px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/broadband-cheker-bg.jpg); background-repeat:no-repeat;} #broadband-checker .bbsearchtext { width: 455px; height:53px; padding-left:25px; padding-top: 20px; float:left; } #broadband-checker .bbsearchtext p { color:#FFF; font-size:16px; font-weight:bold; text-shadow:#267dc2 1px 1px 2px; } #broadband-checker .bbsearchboxes { width: 390px; height:53px; padding-left:20px; padding-top: 20px; float:right; } #broadband-checker .bbsearchboxes select { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333;} #broadband-checker .bbresults {width: 890px; height:420px;} #new-bundles-checker { width: 890px; height:500px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/bundle-checker-1.jpg); background-repeat:no-repeat;} #new-bundles-checker h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold;} #new-bundles-checker .metrotalk { width: 206px; height:40px; padding-left:90px; padding-top: 20px; float:left; cursor:pointer;} #new-bundles-checker .metrotalk a { text-decoration:none; color:#FFF;} #new-bundles-checker .metrotalk a:hover { text-decoration:underline; color:#FFF;} #new-bundles-checker .dsltalk { width: 216px; height:40px; padding-left:80px; padding-top: 20px; float:left; cursor:pointer;} #new-bundles-checker .dsltalk a { text-decoration:none; color:#FFF;} #new-bundles-checker .dsltalk a:hover { text-decoration:underline; color:#FFF;} #new-bundles-checker .chatterboxoffer { width: 226px; height:40px; padding-left:70px; padding-top: 20px; float:left; cursor:pointer;} #new-bundles-checker .chatterboxoffer a { text-decoration:none; color:#FFF;} #new-bundles-checker .chatterboxoffer a:hover { text-decoration:underline; color:#FFF;} #new-bundles-checker .metrotalkfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-bundles-checker .dsltalkfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-bundles-checker .chatterboxfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-bundles-checker .newbundlessearchtext { width: 455px; height:53px; padding-left:25px; padding-top: 20px; float:left; } #new-bundles-checker .newbundlessearchtext p { color:#FFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow:#267dc2 1px 1px 2px; } #new-bundles-checker .newbundlessearchbox { width: 390px; height:53px; padding-left:20px; padding-top: 20px; float:right; } #new-bundles-checker .newbundlessearchbox select { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333;} #new-bundles-checker .newbundlesresults {width: 890px; height:300px;} #new-broadband-checker { width: 890px; height:500px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/broadband-cheker-bg-2.jpg); background-repeat:no-repeat;} #new-broadband-checker h2 { font:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold;} #new-broadband-checker .newwirelessbb { width: 206px; height:40px; padding-left:90px; padding-top: 20px; float:left; cursor:pointer;} #new-broadband-checker .newwirelessbb a { text-decoration:none; color:#FFF;} #new-broadband-checker .newwirelessbb a:hover { text-decoration:underline; color:#FFF;} #new-broadband-checker .newdslbb { width: 216px; height:40px; padding-left:80px; padding-top: 20px; float:left; cursor:pointer;} #new-broadband-checker .newdslbb a { text-decoration:none; color:#FFF;} #new-broadband-checker .newdslbb a:hover { text-decoration:underline; color:#FFF;} #new-broadband-checker .newsatellitebb { width: 226px; height:40px; padding-left:70px; padding-top: 20px; float:left; cursor:pointer;} #new-broadband-checker .newsatellitebb a { text-decoration:none; color:#FFF;} #new-broadband-checker .newsatellitebb a:hover { text-decoration:underline; color:#FFF;} #new-broadband-checker .wirelessbbfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-broadband-checker .dslbbfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-broadband-checker .satellitebbfacts { width: 286px; height:209px; padding-left:10px; padding-top: 10px; float:left; color:#FFF; cursor:pointer;} #new-broadband-checker .newbbsearchtext { width: 455px; height:53px; padding-left:25px; padding-top: 20px; float:left; } #new-broadband-checker .newbbsearchtext p { color:#FFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow:#267dc2 1px 1px 2px; } #new-broadband-checker .newbbsearchboxes { width: 390px; height:53px; padding-left:20px; padding-top: 20px; float:right; } #new-broadband-checker .newbbsearchboxes select { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333;} #new-broadband-checker .newbbresults {width: 890px; height:300px;} #product_services {width: 890px; height:45px;} #whiteDIV { width:960px; clear:left; height:420px;} #whiteDIV2 { width:960px; clear:left; height:420px;} #product_outer1 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer1 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer1 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer1 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer1 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer1 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer1 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #product_outer2 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer2 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer2 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer2 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer2 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer2 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer2 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #product_outer3 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer3 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer3 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer3 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer3 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer3 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer3 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #product_outer4 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer4 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer4 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer4 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer4 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer4 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer4 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #product_outer5 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer5 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer5 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer5 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer5 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer5 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer5 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #product_outer6 {width:165px; float:left; height:60px; line-height:18px; color:#fff; padding-left:10px;} #product_outer6 .heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #product_outer6 .subheading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; font-style:italic;} #product_outer6 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #product_outer6 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #product_outer6 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #product_outer6 p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFF;} #bundle_outer1 { width:280px; height:130px; float:left; line-height:18px; color:#FFF; padding-left:10px;} #bundle_outer1 .bundle-heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #bundle_outer1 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer1 p {padding-left:12px; text-indent: -12px; font-size:10px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer1 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #bundle_outer1 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #bundle_outer2 { width:280px; height:130px; float:left; line-height:18px; color:#FFF; padding-left:10px;} #bundle_outer2 .bundle-heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #bundle_outer2 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer2 p {padding-left:12px; text-indent: -12px; font-size:10px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer2 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #bundle_outer2 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #bundle_outer3 { width:280px; height:130px; float:left; line-height:18px; color:#FFF; padding-left:10px;} #bundle_outer3 .bundle-heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #bundle_outer3 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer3 p {padding-left:12px; text-indent: -12px; font-size:10px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer3 .findoutmore a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:underline;} #bundle_outer3 .findoutmore a:hover {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFF; text-decoration:none;} #bundle_outer4 { width:850px; height:130px; float:left; line-height:18px; color:#FFF; padding-left:10px;} #bundle_outer4 .bundle-heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #bundle_outer4 li {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #bundle_outer4 p {padding-left:12px; text-indent: -12px; font-size:12px; font-family:Arial, Helvetica, sans-serif; list-style:disc inside;} #broadband-checker .bbchoice {clear:both; width: 840px; height:53px; padding-left:25px; padding-right:25px; padding-top: 20px; text-align:center; } #broadband-checker .bbchoice p { color:#FFF; font-size:14px; font-weight:bold; text-shadow:#267dc2 1px 1px 2px; } #broadband-checker .bbchoice a { color:#FFF; text-decoration:underline;} #broadband-checker .bbchoice a:hover { color:#b6dcff; text-decoration:none;} #bb-top-container { height:15px; background-color:#8cc5f3; left:0px; right:0px; padding-bottom:20px; padding-top:15px; } #bb-int-top { width: 940px; margin: 0 auto; text-align: left; text-align:right; padding-right:20px;} #bb-int-top p { font-size:14px; font-weight:bold; color:#FFF;} #bb-int-top a { color:#FFF; text-decoration:underline;} #bb-int-top a:hover { color:#FFF; text-decoration:none;} #special-broadband-info { width: 890px; height:250px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/special-broadband-info-bg.jpg); background-repeat:no-repeat; } #special-broadband-info .bbbreakdown {float:left; padding-left:25px; padding-top:25px; width:260px; height:225px; font-size:11px;} #special-broadband-info .bbbreakdown .bbinfoboldheader { font-size:14px; font-weight:bold; color:#333;} #special-broadband-info .bbbreakdown .bbsmalltext { font-size:10px; font-weight:normal; color:#333; font-style:italic;} #special-broadband-info .bbplaninfolt {float:left; padding-left:30px; padding-top:5px; width:575px;} #special-broadband-info .bbplaninfolt .bbplanheader { font-size:14px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfolt .smallbbplanheader { font-size:12px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfolt .evensmallbbplanheader { font-size:10px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfolt .boldwhitetext { font-weight:bold; color:#ffffff; } #special-broadband-info .bbplaninfolt .table { border: 1px solid #FFFFFF; } #special-broadband-info .bbplaninfolt .table td { border: 1px solid #FFFFFF; padding: 4px; } #special-broadband-info .bbplaninfolt .bbinfosmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#64b9fd } #special-broadband-info .bbplaninfolt .vatsmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333 } #special-broadband-info .bbplaninfo {float:right; padding-top:25px; width:575px;} #special-broadband-info .bbplaninfo .bbplanheader { font-size:14px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfo .smallbbplanheader { font-size:12px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfo .evensmallbbplanheader { font-size:10px; font-weight:bold; color:#64b9fd; text-align:center;} #special-broadband-info .bbplaninfo .boldwhitetext { font-weight:bold; color:#ffffff; } #special-broadband-info .bbplaninfo .table { border: 1px solid #FFFFFF; } #special-broadband-info .bbplaninfo .table td { border: 1px solid #FFFFFF; padding: 4px; } #special-broadband-info .bbplaninfo .bbinfosmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#64b9fd } #special-broadband-info .bbplaninfo .vatsmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333 } #special-broadband-info .bbplaninfo .largebluetext { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00abef; font-weight:bold; } #broadband-info-chatterbox { width: 890px; height:250px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/broadband-info-chatterbox-bg.jpg); background-repeat:no-repeat;} #broadband-info-chatterbox .bbbreakdown {float:left; padding-left:45px; padding-top:35px; width:600px; height:225px; font-size:11px; color:#FFF} #broadband-info-chatterbox .bbbreakdown .bbinfoboldheader { font-size:14px; font-weight:bold; color:#333;} #broadband-info-chatterbox .bbbreakdown .bbsmalltext { font-size:10px; font-weight:normal; color:#333; font-style:italic;} #broadband-info { width: 890px; height:250px; margin-left:35px; margin-right:35px; margin-top:20px; background-image:url(../images/broadband-info-bg.jpg); background-repeat:no-repeat;} #broadband-info .bbbreakdown {float:left; padding-left:25px; padding-top:25px; width:260px; height:225px; font-size:11px;} #broadband-info .bbbreakdown .bbinfoboldheader { font-size:14px; font-weight:bold; color:#333;} #broadband-info .bbbreakdown .bbsmalltext { font-size:10px; font-weight:normal; color:#333; font-style:italic;} #broadband-info .bbplaninfolt {float:left; padding-top:5px; width:575px;} #broadband-info .bbplaninfolt .bbplanheader { font-size:14px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfolt .smallbbplanheader { font-size:12px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfolt .evensmallbbplanheader { font-size:10px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfolt .boldwhitetext { font-weight:bold; color:#ffffff; } #broadband-info .bbplaninfolt .table { border: 1px solid #FFFFFF; } #broadband-info .bbplaninfolt .table td { border: 1px solid #FFFFFF; padding: 4px; } #broadband-info .bbplaninfolt .bbinfosmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#64b9fd } #broadband-info .bbplaninfolt .vatsmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333 } #broadband-info .bbplaninfo {float:right; padding-top:25px; width:575px;} #broadband-info .bbplaninfo .bbplanheader { font-size:14px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfo .smallbbplanheader { font-size:12px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfo .evensmallbbplanheader { font-size:10px; font-weight:bold; color:#64b9fd; text-align:center;} #broadband-info .bbplaninfo .boldwhitetext { font-weight:bold; color:#ffffff; } #broadband-info .bbplaninfo .table { border: 1px solid #FFFFFF; } #broadband-info .bbplaninfo .table td { border: 1px solid #FFFFFF; padding: 4px; } #broadband-info .bbplaninfo .bbinfosmalltext { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#64b9fd } #broadband-info .bbplaninfo .largebluetext { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#00abef; font-weight:bold; } #broadband-options { width: 890px; height:100px; margin-left:35px; margin-right:35px; margin-top:20px; } #broadband-options a{ color:#FFF; text-decoration:underline;} #broadband-options a:hover{ color:#000; text-decoration:none;} #broadband-options p {font-weight:bold; font-size:13px; color:#000;} #broadband-options .bboption1 {width:280px; float:left} #broadband-options .bboption2 {width:123px; float:left} #broadband-options .bboption3 {width:200px; float:left} #broadband-options .bboption4 {width:250px; float:right} #broadband-options .bboption4 p{ color:#ffffff; font-weight:bold;} #broadband-options .bboption4 .redtext{ color:#ff0066; font-weight:bold;} #broadband-options .bboption4 .calltext{ color:#ffffff; font-weight:bold; font-size:24px; text-align:right;} #broadband-options .bboption4 .calltext-small{ color:#ffffff; font-weight:bold; font-size:12px; text-align:right;} #phone-header { width: 960px; height:50px; } #phone-header h1 { font-family:Arial, Helvetica, sans-serif; font-size:46px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; text-align:center;} #phone-main { width: 960px; height:295px; background-image:url(../images/phone-main-background.jpg); background-repeat:no-repeat; .} #phone-main .voiceop-one { width: 220px; height:60px; padding-top:75px; margin-left:98px; float:left; color:#fff;} #phone-main .voiceop-two { width: 220px; height:60px; padding-top:75px; margin-left:92px; float:left; color:#fff;} #phone-main .voiceboldpricing { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} #phone-main .voiceop-three { width: 480px; height:14px; padding-top:55px; margin-left:182px; clear:left; float:left; color:#fff;} #phone-main .voiceop-three-choice { width: 100px; height:14px; padding-top:7px; margin-left:540px; clear:left; float:left; color:#fff;} #phone-main .voiceop-three-choice a { color:#fff; text-decoration:none;} #phone-main .voiceop-three-choice a:hover { color:#fff; text-decoration:underline;} #phone-main .voice-btn-1 { width: 240px; height:20px; padding-top:35px; margin-left:42px; clear: left; float:left; color:#fff; } #phone-main .voice-btn-2 { width: 220px; height:20px; padding-top:35px; margin-left:10px; float:left; color:#fff;} #phone-main .voice-btns { width: 500px; height:20px; padding-top:35px; margin-left:42px; clear: left; float:left; color:#fff; } #homephone-header { width: 960px; height:50px; } #homephone-header h1 { font-family:Arial, Helvetica, sans-serif; font-size:46px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; text-align:center; } #homephone-choices { width: 960px; height:360px; background-image:url(../images/phone-main-background.jpg); background-repeat:no-repeat;} #homephone-choices h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:left; color:#FFF;} #homephone-choices p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#FFF;} #homephone-choices .voiceboldsmall {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#FFF;} #homephone-choices .voiceboldsmall a { color:#FFF; text-decoration:underline;} #homephone-choices .voiceboldsmall a:hover { color:#FFF; text-decoration:none;} #homephone-choices .voiceproduct1 {width:160px; height:40px; margin-right:60px; margin-top:40px; float:right;} #homephone-choices .voiceproduct2 {width:160px; height:40px; margin-right:20px; margin-top:40px; float:right;} #homephone-choices .voiceproduct3 {width:450px; height:230px; padding-top:40px; margin-left:35px; float:left;} #homephone-choices .voiceproduct3 h2 { color:#000033 } #homephone-choices .voiceproduct3 .phoneproducttitle { font-weight:bold; color:#433969;} #homephone-choices .voiceproduct3 table { font: 10px/20px Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; width: 450px; } #homephone-choices .voiceproduct3 th { padding: 0 0.5em; text-align: left; } #homephone-choices .voiceproduct3 tr.blue td { border-top: 1px solid #0480b6; border-bottom: 1px solid #0480b6; border-left: 1px solid #0480b6; border-right: 1px solid #0480b6; background: #00a7f1; color:#FFF; font-weight:bold; } #homephone-choices .voiceproduct3 td { border-bottom: 1px solid #CCC; padding: 0 0.5em; } #homephone-choices .voiceproduct3 td:first-child { width: 70px; } #homephone-choices .voiceproduct3 td+td { border-left: 1px solid #CCC; text-align: center; } #homephone-choices .voicebtn1 {width:500px; height:40px; margin-left:40px; margin-top:0px; padding-top:40px; clear:left; float:left;} #myweb-header { width: 960px; height:100px; } #myweb-header h1 { font-family:Arial, Helvetica, sans-serif; font-size:50px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; } #myweb-header p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-shadow:#3a99e6 1px 1px 2px; color:#FFF; font-weight:bold; } #myweb-header .myweblogo{ width: 570px; height:100px; float:left; padding-left:25px;} #myweb-header .mywebblurb{ width: 330px; height:95px; float:right; padding-right:15px; padding-top:5px;} #myweb-steps { width: 960px; height:295px; background-image:url(../images/myweb-background.jpg); } #myweb-steps h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; color:#FFF;} #myweb-steps p { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-align:center; color:#FFF; padding-left:20px; padding-right:20px;} #myweb-steps .stepone {width:282px; height:126px; margin-left:36px; margin-top:0px; padding-top:70px; float:left;} #myweb-steps .steptwo {width:282px; height:126px; margin-left:20px; margin-top:0px; padding-top:70px; float:left;} #myweb-steps .stepthree {width:282px; height:126px; margin-left:20px; margin-top:0px; padding-top:70px; float:left;} #myweb-steps .myweb-pricing {width:209px; height:40px; margin-left:36px; margin-top:0px; padding-top:20px; clear:left; float:left;} #myweb-steps .launch-demo {width:209px; height:40px; margin-left:20px; margin-top:0px; padding-top:20px; float:left;} /* FRONTPAGE PANELS */ #featured{ width:958px; position:relative; height:368px; background:#73bffd; border:1px solid #4aaefd; } #featured ul.ui-tabs-nav{ position:absolute; top:0; left:692px; list-style:none; padding:0; margin:0; width:266px; } #featured ul.ui-tabs-nav li{ padding-left:13px; font-size:12px; color:#666; } #featured ul.ui-tabs-nav li span{ font-size:12px; font-family:Arial; font-weight:normal; line-height:18px; } #featured .ui-tabs-panel{ width:705px; height:368px; background:#83c6fd; position:relative; overflow:hidden; } #featured .ui-tabs-hide{ display:none; } #featured li.ui-tabs-nav-item a{/*On Hover Style*/ display:block; padding-top:5px; height:87px; color:#fff; background-color:#52aaf1; line-height:20px; outline:none; } #featured li.ui-tabs-nav-item a:hover{ background:#83c6fd; } #featured li.ui-tabs-selected{ /*Selected tab style*/ background:url('images/selected-item.gif') top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#83c6fd; } #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; padding:2px; } #featured .ui-tabs-panel .tab2{ position:absolute; top:0px; left:0; height:368px; width:705px; background: url('../images/tab2_bg.jpg');} #featured .tab2 img{ position:absolute; top:260px; left:400px; } #featured .ui-tabs-panel .tab3{ position:absolute; top:0px; left:0; height:368px; width:705px; background: url('../images/tab3_bg.jpg'); } #featured .tab3 img{ position:absolute; top:260px; left:400px; } #featured .ui-tabs-panel .tab4{ position:absolute; top:0px; left:0; height:368px; width:705px; background: url('../images/tab4_bg.jpg'); } #featured .tab4 img{ position:absolute; top:260px; left:400px; } #featured .ui-tabs-panel .info{ position:absolute; top:0px; left:0; height:368px; width:705px; background: url('../images/tab1_bg.jpg'); } #featured .info img{ position:absolute; top:260px; left:360px; } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0; } #featured .info a{ text-decoration:none; color:#fff; } #featured .info a:hover{ text-decoration:underline; } #mainbody-bottom-products { background-image:url(../images/mainbottom-product-bg.png); background-repeat:repeat-x; left:0px; right:0px; background-color:#FFF; } #mainbody-products-content { width: 960px; margin: 0 auto; text-align: left; z-index:0; height:300px; } #mainbody-products-content .bottom-products-left {float:left; height:300px; width:560px;} #mainbody-products-content .bottom-products-left h3{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#00abef;} #mainbody-products-content .bottom-products-left p{font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; font-size:12px; padding-top:10px;} #mainbody-products-content .bottom-products-left img {float:left;} #mainbody-products-content .bottom-products-left .header h2 {font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#00abef;} #mainbody-products-content .bottom-products-left .boxone {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:30px; float:left; display:inline;} #mainbody-products-content .bottom-products-left .boxtwo {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:30px; float:right; display:inline;} #mainbody-products-content .bottom-products-left .boxthree {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:left; display:inline; } #mainbody-products-content .bottom-products-left .boxfour {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:right; display:inline; } #mainbody-products-content .bottom-products-left .product-contact {height:60px; width:500px; padding-left:40px; padding-top:20px; clear:left;} #mainbody-products-content .bottom-products-left .product-contact p { font-size:22px; color:#333;} #mainbody-products-content .bottom-products-left .product-contact-red {color:#df0033;} #mainbody-products-content .bottom-products-right {float:right; height:300px; width:400px;} #mainbody-products-content .bottom-products-right h3{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#00abef;} #mainbody-products-content .bottom-products-right p{font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:bold; font-size:12px; padding-top:10px;} #mainbody-products-content .bottom-products-right img {float:left;} #mainbody-products-content .bottom-products-right .right-boxone { height:80px; width:380px; padding-left:10px; padding-right:10px; padding-top:30px; } #mainbody-products-content .bottom-products-right .right-boxtwo { height:80px; width:380px; padding-left:10px; padding-right:10px; padding-top:30px; } #mainbody-bottom-container { background-image:url(../images/mainbody-bottom-bg.jpg); background-repeat:repeat-x; left:0px; right:0px; } #mainbody-bottom-content { width: 960px; margin: 0 auto; text-align: left; z-index:0; height:350px; } #mainbody-bottom-content .bottom-content-left {float:left; height:300px; width:560px;} #mainbody-bottom-content .bottom-content-left .header {height:60px; width:540px; padding-left:10px; padding-top:15px; } #mainbody-bottom-content .bottom-content-left .header h2 {font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#FFF;} #mainbody-bottom-content .bottom-content-left .support { height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:left; display:inline;} #mainbody-bottom-content .bottom-content-left .support img {float:left;} #mainbody-bottom-content .bottom-content-left .support p {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; } #mainbody-bottom-content .bottom-content-left .coverage {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:right; display:inline;} #mainbody-bottom-content .bottom-content-left .coverage img {float:left;} #mainbody-bottom-content .bottom-content-left .coverage p {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; } #mainbody-bottom-content .bottom-content-left .pricing {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:left; display:inline;} #mainbody-bottom-content .bottom-content-left .pricing img {float:left;} #mainbody-bottom-content .bottom-content-left .pricing p { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; } #mainbody-bottom-content .bottom-content-left .irishowned {height:80px; width:260px; padding-left:10px; padding-right:10px; padding-top:10px; float:right; display:inline;} #mainbody-bottom-content .bottom-content-left .irishowned img {float:left;} #mainbody-bottom-content .bottom-content-left .irishowned p { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; } #mainbody-bottom-content .bottom-content-right {float:right; height:300px; width:400px; display:inline;} #mainbody-bottom-content .bottom-content-right .new-header { background-image:url(../images/new-bg-mainpage.png); background-repeat:no-repeat; height:60px; padding-left:80px; padding-top:15px;} #mainbody-bottom-content .bottom-content-right .new-header h2 {font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#FFF;} #mainbody-bottom-content .bottom-content-right .new-information { height:130px; padding-left:10px; padding-right:15px;} #mainbody-bottom-content .bottom-content-right .new-information p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-align:justify;} #mainbody-bottom-content .bottom-content-right .new-information img {float:left;} #mainbody-bottom-content .bottom-content-right .new-pricing { height:74px; padding-left:10px; padding-right:15px; padding-top:15px; background-image:url(../images/new-av-price-bg.png); background-repeat:no-repeat;} #mainbody-bottom-content .bottom-content-right .new-pricing img {float:right;} /* --- FOOTER --- */ #footer, #push { height: 270px; /* .push must be the same height as .footer */ background-color:#333; background-image:url(../images/footer-top.png); background-repeat:repeat-x; } #footer-content { width: 940px; height: 220px; margin: 0 auto; padding-top:30px; padding-left:20px; } #footer-content a { color:#FFF; font-weight:100; text-decoration:none; } #footer-content a:hover { color:#FFF; font-weight:100; text-decoration:underline; } #footer-content-main { width: 140px; height: 195px; float:left; } #footer-content-main h3 { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; } #footer-content-main ul, li { font-size:10px; list-style:none; line-height: 17px; } #footer-content-home { width: 140px; height: 195px; float:left; } #footer-content-home h3 { color:#FFF; font-size:10px; font-weight:bold;padding-bottom:10px; } #footer-content-home ul, li { font-size:10px; list-style:none; line-height: 17px; } #footer-content-business { width: 140px; height: 195px; float:left; } #footer-content-business h3 { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px;} #footer-content-business ul, li { font-size:10px; list-style:none; line-height: 17px; } #footer-content-hosting { width: 140px; height: 195px; float:left; } #footer-content-hosting h3 { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; } #footer-content-hosting ul, li { font-size:10px; list-style:none; line-height: 17px; } #footer-content-credits { width: 340px; height: 195px; float:right; } #footer-content-contactdetails { width: 180px; height: 195px; float:right; } #footer-content-contactdetails h3 { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; } #footer-content-contactdetails p { color:#FFF; font-size:10px; } #footer-content-copyright { width: 960px; height: 10px; clear:both; color:#FFF; font-size:10px; }