﻿body 
{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
line-height:1.3em;
}

h1{font-size:143%;color:#993300;margin:1.5em 0 2em 0;font-weight:normal;}
h2{font-size:100%;}
h3{font-size:100%;}
h4{font-size:92%;}
h5{font-size:92%;}
p{line-height:1.3em;}
a{color:#6096BF;}
a:hover{text-decoration:none;background-color:#ffffcc;}
a img{border:0;}
.error{color:#ff0000;margin-top:1em;}
.footnote{color:#999;}
span.footnote{font-size:80%;}

/* error message */
p.mess{padding:1.5em;border:1px solid #ccc;text-align:center;background-color:#ffffcc;margin-right:30px;}
p.success{color:Green;}
p.error{color:Red;}

.goBtn{float:right;margin-right:5px;padding:0.15em 0.3em;background-color:#CC3300;text-decoration:;color:#FFFFFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.goBtn:hover{background-color:#FF9900;color:#FFFF00;}

#gr{background:url("/images/StaticContent/pageBottShad.png") 50% 100% no-repeat ;padding-bottom:12px;margin-bottom:20px;}
* html #gr{background-image: none;}

#wrapper{width:970px;margin:0 auto;padding:0 20px;border-top:0;background-color:#fff;position:relative;background:url("/images/StaticContent/pageBG.png") 50% 0 repeat-y #fff;}

#branding{background:url("/images/StaticContent/headBg.png") 0 0 repeat-y;padding:0;}
#branding h2{margin:0;}
#branding h2 a{
display:block;
width:338px;
height:120px;
background:url("/images/StaticContent/broadband-advisor_logo.png") 0 0 no-repeat transparent;
text-indent:-2000px;
padding:0;
}
#branding p{
    background:url("/images/StaticContent/helping_you.jpg") 0 0 no-repeat;
    height:33px;
    text-indent:-2000px;  
}
#topNav{
			margin:-15px 0 0 0;
			padding:11px 0 11px 50px;
			height:35px;
			line-height:35px;
    		background:url("/images/StaticContent/navBg.png") 0 0 repeat-x;
			text-align:right;
			list-style-type:none;
			}
#topNav li{float:left;display:inline;padding:0;position:relative;}
#topNav li a{color:#fff;display:block;text-decoration:none;padding:0 1em;border-left:1px solid #B17C62;}
#topNav li:first-child a{border-left:0;}
#topNav li a:hover{color:#fff;background-color:#981001;}
#topNav li ul{position:absolute;top:35px;z-index:50;}

#topNav li:hover ul{display:block;}
#topNav ul{display:none;margin:0;padding:0;list-style-type:none;width:12em;}
#topNav ul li{float:none;display:block;text-align:center;background:url("/images/StaticContent/navBg.png") 0 -11px repeat-x;}
#topNav ul li a{border:0;height:1%;display:block;}


#banner{
    position:absolute;
    top:20px;
    right:50px;
    width:468px;
    height:60px;
    background-color:transparent;
    z-index:10;
}
#skyscraper{width:120px;margin:0 15px 0 10px;position:absolute;right:10px;top:15px;}

#main{float:right;width:750px; margin-right:0px;position:relative;}
#Speed #main{padding-right:150px;width:600px;}
#ISPPage #main{float:right;width:620px;padding-right:140px; margin-right:0px;position:relative;}

#OneCol #main{width:auto;padding:0 10px;}
#OneCol #main ul{list-style-type:none;}

#main h3{color:#993300;}
#main ul,#main p{padding-right:10px;}

#sidebar{width:180px;float:left;padding:0;margin-left:0;}   
#sidebar ul{margin:10px 0 0 0;padding:0 0 14px 0;list-style-type:none;}
#sidebar li{padding:0;margin:0;border-bottom:1px dotted #ccc;}
#sidebar li a{display:block;text-decoration:none;padding:4px 5px 4px 10px;}
#sidebar a{color:#000;}
#sidebar li a:hover{color:#6096BF;border-left:2px solid #ACBFCC;background-color:transparent;padding-left:8px;}
#sidebar a{font-size:90%;color:#444;font-weight:bold;}

li#offers{color:#6096BF;margin:1em 0 0 5px;font-weight:bold;}
#OneCol #sidebar ul{color:#333;}

/* logos */
#sidebar li.logo{background:url(/images/StaticContent/logos-sm.png) no-repeat 100% 0;margin:0.25em 0;}
#sidebar li.aol{background-position:100% -410px;}
#sidebar li.be{background-position:100% -146px;}
#sidebar li.bt{background-position:100% -228px;}
#sidebar li.dem{background-position:100% -206px;}
#sidebar li.ecl{background-position:100% -55px;}
#sidebar li.o2{background-position:100% -28px;}
#sidebar li.org{background-position:100% -347px;}
#sidebar li.plu{background-position:100% -287px;}
#sidebar li.po{background-position:100% -117px;}
#sidebar li.sky{background-position:100% -87px;}
#sidebar li.tt{background-position:100% -376px;}
#sidebar li.tis{background-position:100% 3px;}
#sidebar li.vir{background-position:100% -258px;}
#sidebar li.ma{background-position:100% -178px;}


/* for IE 6+7 rule */
#sidebar li a {display:inline-block;}
#sidebar li a {display:block;}

#footer{clear:both;margin:1em 0 0 0;height:4em;padding-top:2em;background:url("/images/StaticContent/footerBG.png") 0 0 repeat-y #a0b0ba;}
#footer ul{list-style-type:none;margin:0;width:60em;margin:0 auto;}
#footer ul li{float:left;padding:0 0.5em;font-size:84%;}
#footer ul li a{color:#333;}

#OneCol #sidebar{margin:0;float:left;}

/* checker result */
#oneColTop{margin-left:-10px;}
#OneCol #main{min-height:640px;}
* html #OneCol #main{height:500px;}
#checkResult{height:540px;border:1px solid #ccc;padding-top:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:10px 10px 20px 16px;}
#checkResult.short{height:275px;}
#checkResult h1{margin-left:30px;}

/* #OneCol #main div div{margin:0;border:1px solid red;} */
#main div.oneColTopRht{margin:0 1em;padding:0 0 0 100px;}
#sortBtns{text-align:center;}
.exch{color:#666;font-weight:bold;}
#checkResult .top h3{padding:0;text-align:center;}
.oneColTopRht p{margin:0.5em 0;}
#checkResult p{margin:0.5em 0;}

div.checkBott{height:20px;background:url("images/StaticContent/productBott.jpg") bottom left no-repeat;
}
#checkForm p{color:Red;margin-left:90px;}

/* product */
#main p.smGy{font-size:85%;color:#666;text-align:right;padding-right:20px;}
.product{width:600px;background:url("images/StaticContent/productBg.jpg") bottom left repeat-y;margin-left:0;}

.top img{float:left;}

#main div.top h3{padding:0 0 0 13em;line-height:1em;margin:1em 0 0 0;color:#000;}

.product div.top h1{font-size:90%;padding:0 0 0 13em;line-height:1em;margin:0.5em 0 0 0;color:#000;}
.product .top, #checkResult .top{background:url("images/StaticContent/productTop.jpg") 0 0 no-repeat;height:50px;padding:7px 0 0 20px;}
.product dl{padding:0 10px;margin:0;}
.product dt{margin:0 0 0.25em 0;}
.product dd{margin:-1.6em 1em 0.5em 13em;font-weight:bold;}
.product li{font-weight:normal;margin:0.25em 0;}
.product ul{margin:0;padding:0 0 0 1em;}

.product h4{width:35em;margin:1em 0 1em 15em;}
.product h5{color:#647DAF;font-size:84%;margin:0 0 0 2em}
.product p
{
    color:#647DAF;
    font-size:92%;
    background:url("/images/StaticContent/productBott.jpg") bottom left no-repeat;
    padding:0 2em 20px 2em;
}
.product a{color:Blue;}
.product a:hover{background-color:#ccc;}

.ispDesc{margin-bottom:2em;}

.tableList{clear:both;margin-top:20px;border:1px solid #6096BF;border-top:0;}
.tableList a.prodImg{padding-left:4px;}
.tableList a.prodImg:hover{background-color:transparent;}
.tableList th,.tableList td{vertical-align:middle;line-height:1.1em;padding:0 0.5em;}
.tableList tr{background:url("/images/StaticContent/listBg.png") #E2E8ED 0 0 repeat-x ;height:61px;}
.tableList tr.summary{height:1.5em;border-top:0;background-image:none;background-color:#DEE5E9;}
.tableList tr.hd{color:#fff;background:url("/images/StaticContent/dkGreenGrad.png") 0 0 repeat-x #709500;height:31px;}
.tableList th{line-height:1em;vertical-align:top;padding-top:0.25em;}
th.narr{width:8em;}
.narr2{width:12em;padding:0 1.5em;font-weight:bold;}
th.narr3{width:15em;}
th{font-size:87%;font-weight:bold;}
td{font-size:95%;text-align:center;font-size:85%;}
.tableList td.img img{text-decoration:none;}
.tableList td.img a:hover{text-decoration:none;background-color:transparent;}
.dis{font-size:77%;color:#666;text-align:center;margin:3em 0 3em 0;}

/* product listing */
.broad{/*color:#709500;*/font-size:85%;}
.tel{/*color:#990000;*/font-size:85%;}
.tv{/*color:#709500;*/font-size:85%;}
#oneColTop .prodListing{font-size:93%;}
.prodListing{text-align:left;padding:10px 0 0 0;background:url("/images/StaticContent/listingTop.png") no-repeat 0 0;width:950px;}
.prodListing div, .prodListing tr{position:relative;background:url("/images/StaticContent/listingBott.png") 0 100% no-repeat;padding:0 2px 15px 2px;}
.prodListing table{background-color:Transparent;}
.prodListing td{width:75px;text-align:center;font-size:114%;padding:1px 4px;}
.prodListing a.prodImg{padding:0 5px 0 3px;}
.prodListing a{text-decoration:none;}
.prodListing a:hover{text-decoration:none;background-color:Transparent;}
.prodListing td.desc{width:280px;font-size:85%;text-align:left;line-height:1.2em;}
#main .prodListing h3{margin:0;color:#000;font-size:114%;}
.prodListing td.price{font-weight:bold;width:70px;color:orange;}
.prodListing td.price a{color:Orange;}
.prodListing td.yr1{font-size:100%;color:#888;}
.prodListing td.speed{font-weight:bold;}
.prodListing td.speed a{color:#99CC00;}
.prodListing td.cap{font-weight:bold;}
.prodListing td.cap a{color:Teal;}
.prodListing td.contract{font-weight:bold;}
.prodListing td.contract span{display:block;}
.prodListing td span{font-size:75%;}
#main div.prodHeader td{color:#666;font-size:100%;font-weight:bold;vertical-align:top}

.prodListing td{padding:10px 10px 15px 10px;}
.prodListing thead th{background-image:none;text-align:center;color:#666;font-size:100%;padding:5px 20px 15px 5px; }
table.prodListing thead tr{
background-image:url("/images/StaticContent/listingBott.png");
background-repeat:no-repeat;
background-position:0 100%;position:relative;}
table.prodListing td{border-top:1px solid #ccc;background-image:none;}
table.prodListing td.leftend{background:url("/images/StaticContent/listingTopCorners.gif") no-repeat 0px 0 transparent;border:0;vertical-align:top;}
table.prodListing td.rightend{background:url("/images/StaticContent/listingTopCorners.gif") no-repeat -855px 0 transparent;border:0;}
table.prodListing th.header {background: url(/images/StaticContent/sortArrows.gif) no-repeat 95% -72px transparent; cursor: pointer;text-decoration:underline;} 
table.prodListing th.headerSortUp {background:url(/images/StaticContent/sortArrows.gif) 95% -29px no-repeat;}
table.prodListing th.headerSortDown {background:url(/images/StaticContent/sortArrows.gif) 95% 19px no-repeat;} 

a.asc,a.desc{outline:none;text-indent:-3000px;display:block;float:left;margin:2px;width:15px;height:11px;background:url(images/upDownArrows.gif) 0 0 no-repeat;}
a.desc{background-position:-17px 0;}
div.prodHeader td div{margin:0 auto;width:38px;background:none;}
/*
.prodListing a.asc,.prodListing a.desc{color:#666;margin-right:2px;width:15px;height:11px;text-decoration:underline;font-size:85%;}
*/


/* news page */
body#news h3{color:#6096BF;margin-top:2em;}
body#news h3 span{font-weight:normal;font-size:85%;color:#6096BF;}
body#news h4{font-size:85%;margin-right:2em;padding:0.25em 0 1em 0;border-bottom:1px solid #ccc;}
body#news h5{font-size:92%;margin:1em 0 -1em 0;color:#333;}

body#news p{padding-right:2em;}

/*  availability checker */
body.checker #main{float:none;}
#checkResult p{margin-left:30px;}
#checkResult h3{margin:10px 0 10px 30px;}
#checkForm{
    background:url("images/StaticContent/searchBgShadow.jpg") bottom left no-repeat;
    height:234px;
    margin:0 auto;
    padding:20px;
    width:505px;
    }
    
#checkForm fieldset
 {
    width:425px;
    border:none;
    padding:0 0 2em 0;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
 }  
 
#checkForm h3{
    background:url("images/StaticContent/headerGradient.png") 0 0 repeat-x;
    color:#2D536F;
    font-size:123%;
    font-weight:normal;
    height:35px;
    line-height:35px;
    margin:0 0 1em 0;
    text-align:center;
    }
 
#checkForm div{height:3em;}   
#checkForm label{padding-left:1em;margin:0.5em 0;clear:left;width:12em;float:left;height:2em;line-height:2em;} 
#checkForm input{width:15em;float:left;height:1.5em;margin:0.25em 0;} 
#txtPostcode{text-transform:uppercase;}
#checkForm #btnSubmit{width:7em;margin:1em 0 0 13em;line-height:2em;height:2em;}
#lineSpeed label{font-size:85%;width:auto;}
#lineSpeed input{width:auto;}

.offer{border:3px solid yellow;margin:10px 10px 5px 0;padding:0.25em;}
.offer a{color:#ff8400;}
#main h3.offerHd{margin:0 0 -1em 0;color:red;clear:both;}

#checkResult #map{width:350px; height:220px;float:right;margin:0 15px 0 10px;border:1px solid #ccc;}

/* guide page */
table.guide
{
    border:1px solid #647D8F;
    width:500px;
 
}
table.guide td,table.guide th{padding:5px;height:3em;}
table.guide th{color:#fff;background:url("images/StaticContent/dkGreenGrad.png") repeat-x 0 0 #709500;}
table.guide tr.alt{background-color:#99CC00;background:url("images/StaticContent/medGreenGrad.png") repeat-x 0 0 #CCE57F;}
table.guide tr{background:url("images/StaticContent/lghtGreenGrad.png") repeat-x 0 0 #CCE57F;}

/* terms page */
#terms #main li{margin:0.5em 0;}
#terms #main ul,#terms #main p{font-size:84%;}

/* home page */
.theBox{font-size:85%;padding-bottom:1em;float:left;margin-left:1em;width:208px;background:url('images/StaticContent/theBoxBG.jpg') no-repeat bottom left;}
.theBox p{margin:0.5em 0.5em 0.5em 1em;}
.theBox p a{color:Red;}
.theBox p img{display:block;}
#writeReview{display:block;float:right;width:80px;height:80px;margin-right:20px;}
.hmSection{width:360px;
margin:0 10px 10px 0;
background:url(images/hmSectionBott.png) 0 100% #fff no-repeat;
padding:0 0 8px 0;
font-size:85%;
float:left;
position:relative;
}
.hmSection div{border-left:1px solid #8A9EAB;border-right:1px solid #8A9EAB;padding-top:5px;background-color:#fff;}
.hmSection h3{text-indent:-2000px;height:35px;margin:0;}
.hmSection h3.mostpop{background:url(images/StaticContent/hmMostPop.png) 0 0 no-repeat transparent;}
.hmSection h3.featured{background:url(images/StaticContent/hmFeaturedISP.png) 0 0 no-repeat transparent;}
.hmSection h3.latest{background:url(images/StaticContent/hmLatest.png) 0 0 no-repeat transparent;}
.hmSection h3.cheapest{background:url(images/StaticContent/hmCheapest.png) 0 0 no-repeat transparent;}
.hmSection h3.mobile{background:url(images/StaticContent/hmMobile.png) 0 0 no-repeat transparent;}
.hmSection h3.bundle{background:url(images/StaticContent/hmBundle.png) 0 0 no-repeat transparent;}
.hmSection h3.fast{background:url(images/StaticContent/hmFast.png) 0 0 no-repeat transparent;}

.hmSection p{margin:0 5px;padding-left:80px;}
.hmSection p.bordtop{border-top:1px solid #ccc;margin-top:5px;padding-top:5px;}
.hmSection .logo{float:left;margin-left:5px;}
.hmSection p.bordtop .logo{margin-left:-80px;}
#hmCheck{margin-top:4em;height:37px;line-height:37px;padding-left:220px;background:url(images/StaticContent/hmChecker.png) 0 0 no-repeat transparent;}

/* feature */
.hmSectionFeature img{margin:16px 0 0 10px;}
.hmSectionFeature div div{border:0;}
.hmSectionFeature .moreBtn{position:absolute;z-index:20;bottom:5px;right:10px;margin:0;padding:0;}
.hmSectionFeature .moreBtn:hover{background-color:transparent;}
.hmSectionFeature .tabs{padding:0;}
.tabs h4{cursor:pointer;padding:20px 0 0 7px;vertical-align:middle;font-size:132%;font-weight:normal;margin:0;width:130px;height:42px;background:url(images/feature/tab.png) 0 -62px no-repeat transparent;}
.tab2 h4{padding-top:15px;height:47px;}
.tabs h4:hover{background-position:0 0;}
.tabs ul{margin:0;padding:0;position:relative;}
.tabs li{list-style-type:none;}

.tabContent{display:none;position:absolute;top:0;left:140px;z-index:10;}
.tabContent h5{margin:0 0 0.5em 0;font-size:114%;}
.tabContent p{padding:0;}

.tab1 .tabContent{display:block;}
.tab1 h4{background-position:0 0;color:#186BAE;}



/* offers page */
.offer{border:1px solid #999;padding:0.5em;}
#main .offer h3{margin:0 0 1em 100px;color:#333;}
.offer h3 span{font-size:85%;color:#999;}
.offer img{float:left;}
.offer div{clear:both;}

/* sitemap page */
#sitemap ul{list-style-type:none;}
#productslist li a{color:#000;}
#productslist ul li a{color:#6096BF;}
#productslist ul{margin:0.25em 0 1em 0;padding:0;}

/* enter review */
#enterReview{width:600px;border:0;}
#enterReview legend{font-weight:bold;font-size:114%;}
#enterReview label{display:block;color:#99cc00;font-weight:bold;}
#enterReview label span{font-size:85%;color:#666;font-weight:normal;}
#enterReview input{width:250px;margin-bottom:1em;}
#enterReview textarea{width:400px;height:150px;}
#enterReview .lblradio,#enterReview .star{width:auto;}
#enterReview .star{width:auto;}
#review,#enterReview #submitReview{width:350px;}

#enterReview label.error{float:left;margin:-1.3em 0 0 120px;color:#FF0000;}

/* review */
.review{width:560px;background:url(images/StaticContent/reviewsBgBott.png) bottom left no-repeat #F2F4F5;margin-bottom:1em;padding:0 20px 15px 20px;}
.review h3{font-weight:normal;background:url(images/StaticContent/reviewBgTop.png) 0 0 no-repeat;margin:0 -20px 1em -20px;padding:1em 120px 0 20px;}
.review .rating1,
.review .rating2,
.review .rating3,
.review .rating4,
.review .rating5
{height:18px;width:107px;text-indent:-2000px;margin-top:-2.5em;float:right;background:url(images/StaticContent/reviewStars.gif) 0 0 no-repeat;}
.review .rating2{background-position:0 -18px;}
.review .rating3{background-position:0 -38px;}
.review .rating4{background-position:0 -56px;}
.review .rating5{background-position:0 -74px;}
.review h4{font-weight:normal;font-size:85%;margin:1em 0 0 0;}
.review h4 span{color:#666;}

#addReview{float:right;margin:0 150px 0 0;}
#addreviewlink{outline:none;text-indent:-3000px;width:107px;height:45px;background:url(/images/StaticContent/add-review.png) no-repeat transparent;display:block;}
#addreviewlink:hover{/*background:url(/images/add-review.png) 0 -46px no-repeat transparent;*/}
a.rhtbutt{margin-bottom:1em;display:block;}
a.rhtbutt:hover{background-color:#fff;}

/* mobile broadband page */
body.mobile #wrapper #main{padding:0 20px;}
div.supplierlogos{padding:10px;height:140px;margin:1em 150px 0 0;background:url(images/StaticContent/mob-prov-bg.png) 0 0 no-repeat;}
div.supplierlogos ul{list-style-type:none;margin:0;padding:0;height:90px;}
div.supplierlogos li{display:block;float:left;margin:0.5em 10px;width:96px;text-align:center;}
div.supplierlogos li a{font-size:85%;color:#666666;display:block;}
div.supplierlogos li a:hover{background-color:transparent;}
div.supplierlogos img{border:1px solid #ccc;}

table.mobileproducts{border:1px solid #ccc;}
table.mobileproducts th{font-weight:bold;border:0;font-size:92%;text-align:center;color:#666666;background-color:#F3F3F3;}
table.mobileproducts th img{border:1px solid #ccc;}
table.mobileproducts td{border:0;border-bottom:1px dotted #ccc;font-size:92%;padding:4px; }
table.mobileproducts tr{background-image:none;}
div.prodListing{width:730px;background-image:none;clear:both;}
div.prodListing td.desc{width:150px;font-weight:bold;}
table.mobileproducts td.speed{width:90px;}

div.featured{border:1px solid #ccc;width:550px;height:175px;}
div.featured .imgs{width:40%;float:right;}
div.featured .copy{width:55%;float:left;padding-left:1em;}

div.featured h2{font-weight:normal;font-size:114%;background-color:#FFFF99;padding:0.25em 0 0.25em 1em;margin:0;}
div.featured a.image{margin:0;overflow:hidden;position:relative;}
div.featured a.image:hover{background-color:transparent;}
div.featured .imgs a{display:block;}
div.featured .imgs img{float:left;}

p.lnkButt{padding:0.25em;text-align:center;border:1px solid #ccc;background-color:#F2F4F5;}
