/* UKOnline Stylesheet */ @import "topnav.css"; @import "leftnav.css"; /* color reference #darkgrey (body text): #666666 #blue (heading text): #02B6D7 #purple (action color): #9950B2 */ /* ******************************************************************************* Layout Elements */ body{background:url(../images/bg_gradient.gif) repeat-x; margin:0 auto; padding:0; width:800px} #topshadow{background:transparent url(../images/shadow_top.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:800px} #header{background:url(../images/shadow_top_sides.gif) repeat-y; padding:0px 16px 0px 16px; margin:0px 0px 0px 0px; width:768px} #main{background:url(../images/shadow_middle_gradient.gif) no-repeat; padding:0px 16px 0px 16px; width:768px} #shadow_middle{background:url(../images/shadow_middle_generic.gif) repeat-y; width:800px; padding:0px 0px 0px 0px} #leftcol{float:left; width:193px; padding:0; margin-bottom:10px;} .leftbanner_img{float:left; padding-bottom:20px} /* IE 6 Bug fix */ #leftcol img{float:left} #contentwrapper{float:left; width:575px} #topbanner{/*width:575px; */width:auto} #tabs{/*width:575px; */width:auto} /* IE 6 Bug fix */ #topbanner img{float:left} .borderbottom{border-bottom:#666 solid 2px} #content{float:left; width:575px; margin-bottom:10px; padding-bottom:10px;} #homecontent{float:left; width:362px;} #rightcol{float:right; width:203px;} #footer{clear:both; background:transparent url(../images/shadow_bottom_sides.gif) repeat-y; padding:0px 16px 0px 16px; width:768px; height:35px;} #bottomshadow{background:transparent url(../images/shadow_bottom.gif) no-repeat; clear:both; width:800px; /*height:9px; /* */} /* ************************************************************************************************* leftcol styles */ #leftcol p { margin:0px; padding:0px 0px; } /* ********************************************************************* global classes */ .img-left{float:left; margin:10px 0px 10px 10px; border:0;} .img-right{float:right; margin:0px 10px 10px 0px; border:0;} a img{ border:0; text-decoration:none; } .nopadding{padding:0} .mp0{margin:0;padding:0} .noindent{margin-left:0; padding-left:0} .nobullet{list-style:none; list-style-image:none} #clear, .clear{clear:both; margin:0px; padding:0px; height:0px; width:0px;} .floatleft{float:left} .floatright{float:right} .floatright_btn{float:right; padding:10px 10px 10px 10px; margin:0px;} .floatright_home{float:right; background: url(../images/home_image_nojs.jpg); width:550px; height:415px;} .text-left{text-align:left} .text-right{text-align:right} .text-center, .center{text-align:center} .text-justify{text-align:justify} .underline{text-decoration:underline} .marginbottom5px{margin:0px 0px 5px 0px} .marginbottom10px{margin:0px 0px 10px 0px} .margintop0{margin-top:0px} .bold{font-weight:bold} .italic{font-style:italic; color:#999} .bigbold{font-weight:bold; font-size:20px} .blue{color:#02b6d7} .bluebold{color:#02b6d7; font-weight:bold} .purplebold{color:#9950b2; font-weight:bold} .packagelist{margin-top:20px; margin-left:100px; margin-right:10px; padding-left:80px} .bottomspace{margin:0px 0px 10px 0px; clear:both; height:1px} .p_10{margin:10px 10px 10px 10px} .home_unsure_block{padding-left:-10px;} .greenbold { color:#50c31a; font-weight:bold; } .bluebold { color:#00B4D1; font-weight:bold; } .purplebold { color:#9E5CB6; font-weight:bold; } .middle { vertical-align:middle; } .seotext, .seotext li { float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; list-style:none;margin:0; padding:0; height:0px; width:0px; display:none; } #content .seoheading h1, #homecontent .seoheading h1 { color:#FFF; float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; padding:0; margin:0px 0px -30px 0px; } #content .seoheading h2, #homecontent .seoheading h2 { color:#FFF; float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; padding:0; margin:0px 0px -30px 0px; } #content .hidden, #homecontent .hidden{ display:none; visibility:hidden; margin:0px; padding:0px; } .listdoc { list-style: url(/images/ic_doc.gif); margin:0 0 0 20px; padding:0px 0px 0px 5px; font-size: 10pt; } ul.list_nostyle, ul.list_nostyle li { list-style:none; margin:0px 5px 10px 5px; padding:0px; } /* ******************************************************************************************* Content Styles*/ #content h1, #homecontent h1 {margin:10px 10px;} #content h2, #homecontent h2 {font-family:Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-size:14px; font-weight:bold; margin:10px 10px; text-decoration:none; display:block;} #content h3, #homecontent h3 {font:11px Verdana,Arial,Helvetica,sans-serif; color:#666; font-weight:bold; margin:10px 10px;} #content h4, #homecontent h4 {font:14px Verdana,Arial,Helvetica,sans-serif; color:#666; font-weight:bold; margin:-5px 10px 0px 10px; padding:0;} .h2_nowrap{font-family:Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-size:14px; font-weight:bold; margin:0px 0px;} h4{font:70% Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-weight:bold; margin:10px 10px} h5{font:70% Verdana,Arial,Helvetica,sans-serif; color:#666; font-style:italic; font-weight:normal; margin:10px 10px} .subheading{font-family:Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-size:14px; font-weight:bold; margin-left:10px} .bluetext{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#02B6D7} .bluetextnorm{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#02B6D7} .bluetextsitemap{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#02B6D7; margin:0px 0px} .bluetextsitemapsmall{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#02B6D7; margin:0px 0px} #content p, #homecontent p{margin:10px 10px 10px 10px; font:11px Verdana,Arial,Helvetica,sans-serif; color:#666} #content p.address { margin-left: 40px } #content .bluebold {color:#02B6D7; font-weight:bold} #content .redbold, #content .error{color:#FF0B6D} .loginerror{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#ff0000; margin-left:10px} .tablealign{font-family:Verdana,Arial,Helvetica,sans-serif; color:#666; font-size:10px; margin-left:10px} .smalltext{margin:10px 10px 10px 10px; font:60% Verdana,Arial,Helvetica,sans-serif; color:#999} .smalltext_right{float:right; margin:10px 15px 10px 10px; font:60% Verdana,Arial,Helvetica,sans-serif; color:#999} .subtext{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#999; margin-left:10px} .tinytext{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#999; margin:0px} .prsubtext{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#999; margin-left:10px} #content ul, #homecontent ul{font:11px Verdana,Arial,Helvetica,sans-serif; /*list-style:url(../images/list_arrow.gif); */list-style:disc; color:#666; line-height:18px; margin-right:10px; padding-right:10px} #content ol, #homecontent ol{font:70% Verdana,Arial,Helvetica,sans-serif; color:#666; margin-right:10px} .top a:link, .top a:visited {margin-right:10px; float:right; color:#9950B2; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold; font-size:70%} .top a:hover, .top a:active {float:right; text-decoration:underline; color:#9950B2} a:link, a:visited {color:#02B6D7; font:11px Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold} a:hover, a:active {text-decoration:underline; color:#02B6D7} #content a:link, #content a:visited {color:#02B6D7; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold} #content a:hover, #content a:focus, #content a:active {text-decoration:underline; color:#02B6D7} /*.keyline{border-bottom:solid #02b6d7 1px; width:550px; clear:both; margin:10px 0px 10px 10px; height:1px}*/ .keyline {background:#02b6d7 none repeat scroll 0% 50%;clear:both;display:block;height:1px;line-height:1px;width:95%;margin:0px 10px;} .keyline_small{border-bottom:solid #02b6d7 1px; width:350px; clear:both; margin:10px 0px 10px 10px; height:1px} .tablestyling{margin-left:10px; border:solid #bcbcbc 1px; width:530px} .tablestyling td{border:solid #bcbcbc 1px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px} table {margin:10px 10px 10px 10px; font:70% Verdana,Arial,Helvetica,sans-serif; color:#666} #content p.dslcheck, #content table.dslcheck td { color: #02B6D7; font:14px Verdana,Arial,Helvetica,sans-serif;} td.right { text-align: right; } img.right { float: right; } .topleft {float:left; top:0px; left:0px;} /* list styles */ #content ul.marklist_home, #homecontent ul.marklist_home{font:11px Verdana,Arial,Helvetica,sans-serif; list-style:url(../images/list_mark_home.gif); color:#666; padding:10px 0px 0px 20px; margin:0px 10px 0px 15px; vertical-align:bottom; line-height:18px; list-style-position:outside;} #content ul.marklist_home li, #homecontent ul.marklist_home li{ vertical-align:baseline; padding-bottom:3px; } #content ul.marklist, #homecontent ul.marklist, .tooltip_pro ul.marklist {font:11px Verdana,Arial,Helvetica,sans-serif; list-style:url(../images/list_mark.gif); color:#666; padding:0px 0px 0px 7px; margin:0px 15px 0px 20px; vertical-align:baseline; line-height:18px; list-style-position:outside; } #content ul.marklist li, #homecontent ul.marklist li, .tooltip_pro ul.marklist li{ vertical-align:baseline; line-height:18px; padding:0px 0px 3px 0px; margin:0px 0px 0px 5px; } #content ul.marklist_green, #homecontent ul.marklist_green, .tooltip_lite ul.marklist_green {font:11px Verdana,Arial,Helvetica,sans-serif; list-style:url(../images/list_mark_green.gif); color:#666; padding:0px 0px 0px 7px; margin:0px 15px 0px 20px; vertical-align:baseline; line-height:18px; list-style-position:outside; } #content ul.marklist_green li, #homecontent ul.marklist_green li, .tooltip_lite ul.marklist_green li{ vertical-align:baseline; line-height:18px; padding:0px 0px 3px 0px; margin:0px 0px 0px 5px; } #content ul.marklist_purple, #homecontent ul.marklist_purple, .tooltip_premier ul.marklist_purple {font:11px Verdana,Arial,Helvetica,sans-serif; list-style:url(../images/list_mark_purple.gif); color:#666; padding:0px 0px 0px 7px; margin:0px 15px 0px 20px; vertical-align:baseline; line-height:18px; list-style-position:outside; } #content ul.marklist_purlple li, #homecontent ul.marklist_purle li, .tooltip_premier ul.marklist_purple li{ vertical-align:baseline; line-height:18px; padding:0px 0px 3px 0px; margin:0px 0px 0px 5px; } #content ul.radiolist, #homecontent ul.radiolist{font:11px Verdana,Arial,Helvetica,sans-serif; list-style:none; color:#666; padding:0px 0px 0px 0px; margin:0px 18px 0px 10px; vertical-align:baseline; border:1px solid #EAEAEA; } #content ul.radiolist li, #homecontent ul.radiolist li{ vertical-align:baseline; padding:4px 0px; } .radiolist .radio { border:none; width:auto; vertical-align:middle; } .radiolist label { font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle; margin-left:5px; } .radiolist .color1 { background-color:#EAEAEA; } .radiolist .color2 { background-color:#FBFBFB; } .radiolist em { color:#333; font-style:normal; } .radiolist li:focus { background-color:#0000FF; } .radiolist #highlight { background-color:#FD00D6; } .radiolist #default { background-color:none;} .csbox_blue .content ul.caselist{font:11px Verdana,Arial,Helvetica,sans-serif; color:#666; padding:-10px; margin:0px; vertical-align:bottom; line-height:18px; list-style-position:outside;} .csbox_blue .content ul.caselist li{ vertical-align:baseline; padding-bottom:0px; } /* ********************************************************************************************** content form styles */ .content_formfield{float:right; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:110px; height:14px; vertical-align:middle; padding:0px; margin-right:40px} .maccontainer{float:left; margin-left:10px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; width:333px} /* ********************************************************************************************** rightcol styles */ #rightcol{color:#666} #loginwrapper{float:left; padding:1px 0px 1px 3px} #loginwrapper img { float:none; } #logintopcorners{background:transparent url(../images/login_topcorners.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:189px} #loginbottomcorners{background:transparent url(../images/login_bottomcorners.gif) no-repeat; width:189px} #logincontent{color:#FFF; background:transparent url(../images/login_sides.gif) repeat-y; width:171px; height:110px; padding:0px 9px; margin:0px} #logincontent form{margin:5px 0px 0px 0px; padding:0px 0px 0px 0px} #logincontent p{width:165px; padding:5px 0px 0px 0px; margin:0px; float:left; vertical-align:middle} #username, #password{float:right; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:110px; height:16px; vertical-align:middle; margin:0px; padding:0px} #logincontent label{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; margin:0px 1px 0px 0px; padding:0px} #logincontent #go{float:right; margin:0px; padding:0px} #logincontent .go{width:60px; padding:5px 8px 0px 0px; margin:0px; float:right; line-height:20px} #loggedincontent form{margin:0px; padding:0px} #loggedincontent .loggedin{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin:5px 0px 0px 2px; padding:0px; color:#FFF; text-align:center} #loggedincontent label{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; margin:0px 1px 0px 0px; padding:0px} #loggedincontent{color:#FFF; background:transparent url(../images/login_sides.gif) repeat-y; width:171px; height:100px; padding:0px 9px; margin:0px} #loggedincontent .go{width:150px; padding:10px 0px 0px 2px; margin:0px; float:left; line-height:20px} #loggedincontent .gobtn{float:right; margin:0px 0px 0px 0px; padding:0px} #switchwrapper{float:left; padding:0px 5px} #switchtopcorners{background:transparent url(../images/switching_topcorners.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:189px} #switchbottomcorners{background:transparent url(../images/switching_bottomcorners.gif) no-repeat; width:189px} #switchcontent{background:#efeff0 url(../images/switching_bg.gif) repeat-x; width:187px; margin:0px; padding:0px; border-left:#CCC solid 1px; border-right:#CCC solid 1px} #switchcontent form{margin:-3px 0px 0px 0px; padding:0px 0px 0px 13px} #phonenr{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:110px; height:12px; margin:0px; padding:1px} #postcode{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:50px; height:12px; margin:4px 0px 0px 0px; padding:1px} #switchcontent #switchgo{float:left; margin:-2px 0px 0px 6px; padding:0px} #switchcontent label{color:#666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px} #switchcontent p{float:left; width:170px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; line-height:25px; vertical-align:middle} #switchcontent a, #switchcontent visited, #switchcontent a:active{color:#9950B2; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; text-decoration:none; line-height:25px} #switchcontent a:hover{text-decoration:underline; color:#9950B2} #contact_wrapper{background-color:#fff; background-image:url(../images/bg_contactus.jpg); background-repeat:no-repeat; width:541px; height:284px; padding-top:40px; padding-left:10px; margin-left:10px} .readmore_but { float: right; margin: 0 10px 10px 0; } /* ********************************************************************** footer styles*/ #bottomnav {border-top:#02B7D6 solid 4px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#999; font-size:10px; vertical-align:middle; line-height:30px; padding:0px 7px} #bottomnav ul{margin:0px; padding:0px; list-style-image:none; list-style-position:outside; list-style-type:none} #bottomnav li{float:left} #bottomnav p{float:right; margin:0px; padding:0px} #bottomnav a:link, #bottomnav a:visited {font-family:Verdana,Arial,Helvetica,sans-serif; color:#999; font-size:10px; text-decoration:none; font-weight:normal} #bottomnav a:hover, #bottomnav a:active {color:#02B6D7; text-decoration:underline; font-weight:normal} /* *********************************************************************** bluebanner styles #bluebanner_wrapper{margin:10px 10px} #bluebanner_topcorners{background:transparent url(../images/bluebanner_topcorners.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:320px} #bluebanner_content{background:#00a0c5 url(../images/bluebanner_tile.gif) repeat-x; width:316px; margin:0px; padding:0px; border-left:#89d9fc solid 2px; border-right:#89d9fc solid 2px} #bluebanner_content ul{font:80% Verdana,Arial,Helvetica,sans-serif; list-style:disc; color:#FFF; margin-top:7px; margin-bottom:-10px; line-height:20px} #bluebanner_content ul li{padding-left:5px; list-style:disc} #bluebanner_bottomcorners{background:transparent url(../images/bluebanner_bottomcorners.gif) no-repeat scroll left top; width:320px} */ /* ******************************************** macfinder input box */ #macfinder_wrapper{margin:0px 10px} .macfinder_topcorners{background:transparent url(../images/macfinder_topcorners.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:350px} .macfinder_bottomcorners{background:transparent url(../images/macfinder_bottomcorners.gif) no-repeat scroll left top; width:350px} #macfinder_content{background:url(../images/macfinder_bg.gif) no-repeat; width:400px; height:97px; margin:0px; padding:0px; /*border-left:#89d9fc solid 2px; border-right:#89d9fc solid 2px; */} #macfinder_content form{margin:10px 0px 0px 0px; padding:0px 0px 0px 0px} #macfinder_content form select{clear:both; float:left; margin:13px 0px 0px 50px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; border:1px solid #666; width:120px; padding:1px} #macfinder_content form input{float:left; margin:13px 0px 0px 40px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; border:1px solid #666; width:120px; padding:2px} /* ******************************************** mac code input box */ #maccode_wrapper{margin:0px 0px; width:346px} #maccode_content{width:346px; margin:0px; padding:0px} #maccode_content form{margin:10px 0px 0px 0px; padding:0px 0px 0px 0px} #maccode, #macvalidity{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:110px; height:14px; margin:0px} #maccode_content label{float:left; margin:0px; width:110px} #maccode_content p{float:left; line-height:19px; margin:10px; width:330px} #maccode_content .submit{float:left; margin:-2px 0px 0px 15px} /* *************************************************************************************** check availability */ #checkwrapper{background:transparent url(../images/checkavailability_bg.gif) no-repeat; float:left; width:541px; height:158px; margin:0px 10px 10px 10px} #checkwrapper_lite{background:transparent url(../images/checkavailability_lite_bg.gif) no-repeat; float:left; width:541px; height:158px; margin:0px 10px 10px 10px} #checkwrapper_pro{background:transparent url(../images/checkavailability_bg.gif) no-repeat; float:left; width:541px; height:158px; margin:0px 10px 10px 10px} #checkwrapper_premier{background:transparent url(../images/checkavailability_prem_bg.gif) no-repeat; float:left; width:541px; height:158px; margin:0px 10px 10px 10px} #checkcontent{width:343px; margin:40px 0px 30px 0px} #checkcontent form{margin:0px 0px 0px 20px; padding:0px 0px 0px 13px} #phonenr{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; border:1px solid #666; width:110px; margin:0px; height:15px} #postcode{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; border:1px solid #666; width:56px; margin:0px; height:15px} #checkcontent #checkgo{float:left; margin:-4px 0px 0px 15px; padding:0px} #checkcontent label{float:left; color:#666; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; width:155px} #checkcontent p{float:left; width:340px; line-height:16px; vertical-align:middle; margin:16px 0px 0px 0px; padding:0} #checkcontent a, #checkcontent visited, #checkcontent a:active{color:#9950B2; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; text-decoration:none; line-height:25px; font-weight:bold} #checkcontent a:hover{text-decoration:underline; color:#9950B2} /* ******************** Business Centre Login Page ************************************ */ #bc_loginwrapper{width:233px; float:left; margin:10px 0px 0px 4px; padding-left:4px} #bc_logintopcorners{background:transparent url(../images/bc_login_topcorners.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:233px} #bc_loginbottomcorners{background:transparent url(../images/bc_login_bottomcorners.gif) no-repeat; width:233px} #bc_logincontent{color:#FFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; background:transparent url(../images/bc_login_sides.gif) repeat-y; width:215px; height:120px; padding:0px 9px; margin:0px 0px 0px 0px} #bc_logincontent form{margin:5px 0px 0px 0px; padding:0px 0px 0px 0px} #bc_logincontent #username, #bc_logincontent #password{float:right; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#666; border:1px solid #666; width:120px; height:16px; vertical-align:middle; margin:0px; padding:1px 0px 0px 0px} #bc_logincontent #go{float:right; margin:0px; padding:0px} #bc_logincontent label{float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#fff; margin:0px; padding:0px; line-height:18px} #bc_logincontent p{width:200px; padding:5px 0px 0px 0px; margin:0px; float:left; vertical-align:middle} #bc_logincontent .go{width:150px; padding:10px 0px 0px 50px; margin:0px; float:left; line-height:20px} .bc_login_text{width:309px; float:left; /*padding:7px 0px 0px 0px; */margin:17px 0px 0px 5px; padding:0px} /* **************************************************************************** customer centre styles */ #requestvat_wrapper{width:192px} .requestvat_bottom{background:transparent url(../images/requestvat_bottom.gif) no-repeat scroll left top; width:192px; float:left; clear:both} .requestvat_heading{margin:0px; padding:0px 0px 0px 0px; width:192px; float:left} .requestvat_content{clear:both; background:#EFF0F1 url(../images/requestvat_gradient.gif) repeat-x; width:192px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; border:0px} .requestvat_content p{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; margin:10px 0px 0px 10px} .requestvat_btn{margin:5px 0px 0px 157px} .vatreceipt { float:left; margin:10px 0px 0px 2px; width:188px; } .vatreceipt .top { float:left; width:188px; } .vatreceipt .bottom { float:left; width:188px; background:#E3E3E3 url(/images/vatreceipt_03.gif) no-repeat scroll bottom; } .vatreceipt .middle { float:left; width:188px; background-color:#E3E3E3; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#666666; } .vatreceipt .middle p{ margin:0px 0px 0px 10px; } .vatreceipt .middle .requestvat_btn{ float:right; margin:5px 20px 0px 0px; padding:5px 0px 0px 0px;} #mcafeedl{margin:0px; padding:0px 0px 0px 0px; width:192px; float:left;} /* **************************************************************************** press centre styles */ .press_img{float:left; border:solid 1px #000; margin:5px 20px 10px 12px} /* homepage styles ******************************************************************** */ .broadband_box { float:left; width:555px; margin:5px 0px 0px 5px; } .broadband_box img { margin:0; padding:0; border:0; float:left; } .lite_box { float:left; margin: 0px 12px 0px 5px; } .pro_box { float:left; margin-right: 12px; } .premier_box { float:left; margin:0px; } .checkavail_wrap { float:left; width:460px; height:35px; background:#FFFFFF; padding:10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px;} .checkavail_wrap form { float:left; width:460px; margin:0; padding:0; } .checkavail_wrap { float:left; width:460px; height:35px; background:#FFFFFF padding:0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px;} .checkavail_wrap label { float:left; width:80px; margin:2px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#03b3d8; font-style: bold; font-size:13px; vertical-align:middle; font-weight:bold; } .checkavail_wrap input { font-family:Verdana, Arial, Helvetica, sans-serif; border:#FF0000; color:#666; font-size:11px; vertical-align:left; margin: 0px 20px 0px 0px;vertical-align:middle;} .checkavail_wrap .inputcontainer { margin:0px 0px 0px 0px; width:470px; padding: 0px 0px 0px 0px;} .checkavail_wrap .gobutton { float: right; vertical-align:middle; margin:0;} .checkavail_wrap .phone { float:left; width:130px; margin:0px 0px 0px 0px; vertical-align:middle; border: #666 solid 1px; margin:2px 0px 0px 0px;} .checkavail_wrap .postcode { float:left; width:130px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; border: #666 solid 1px; margin:5px 0px 0px 0px;} .checkavail_wrap .btngo { clear:left; float:right; border:none; width:30px; height:25px; margin:10px 100px 0px 0px; vertical-align:middle; } .form_check { margin:0px 0px 0px 6px; background:transparent url(../images/products_checkbg.gif) no-repeat left top; width:553px; height:80px; padding:50px 0px 0px 10px;} .form_check label { float:left; width:80px; margin:4px 0px 0px 0px; padding:0px 0px 0px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#03b3d8; font-style: bold; font-size:13px; vertical-align:middle; font-weight:bold; } #content .form_check input { float:left; width:100px; margin:3px 0px 0px 0px; padding:0px 0px 0px 0px vertical-align:middle; border: #666 solid 1px;} #content .form_check input.checkbtn { float: left; vertical-align:middle; margin:0px 0px 0px 20px; border:none; width:80px; height:24px;} .business_box {float:left; width:288px;} .home_box {float:right; width:267px;} .home_box .checkavail form { float:left; width:267px; margin:0; padding:0; } .home_box .blank { float:left; width:267px; background:#FFFFFF url(/images/homebox_11.gif) repeat-y; } .morebtn img { float:left; margin:0px 0px 0px 10px; } .home_box .checkavail { float:left; width:267px; height:85px; background:#FFFFFF url(/images/homebox_09.gif) repeat-y; padding:5px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px;} .home_box .checkavail label { float:left; width:70px; clear:both; margin:0px 0px 0px 40px; padding:0; line-height:18px; } .home_box .checkavail input { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:11px; vertical-align:middle; line-height:18px;} .home_box .checkavail .inputcontainer { clear:both; margin:0px 0px 0px 0px; padding: 4px 0px 0px 0px; } .home_box .checkavail .phone { float:left; width:120px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:16px; vertical-align:middle; line-height:18px; border: #666 solid 1px;} .home_box .checkavail .postcode { float:left; width:120px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:16px; vertical-align:middle; line-height:18px; border: #666 solid 1px;} .home_box .checkavail .btngo { clear:both; float:right; border:none; /*width:30px; height:25px;*/ margin:10px 80px 0px 0px; } /* tab styles *********************************************************************************** */ .tab{ float:left; background:url(/images/tabs_bg.gif);width:575px;height:25px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;line-height:0px;list-style-image:none;list-style-position:outside;list-style-type:none;} .tab li {float:left;margin-left:0px;padding-left:0px;list-style-type:none;} .tab li a {float:left;height:25px;text-decoration:none;text-indent:-900em;list-style-type:none;} .tab #tab-1 a {background:transparent url(/images/tabs_01.gif) no-repeat scroll left top;width:119px;} .tab #tab-1-active a{background:transparent url(/images/tabs_01.gif) no-repeat scroll left bottom;width:119px;} .tab #tab-1 a:hover {background:transparent url(/images/tabs_01.gif) no-repeat scroll left bottom;} .tab #tab-2 a {background:transparent url(/images/tabs_02.gif) no-repeat scroll left top;width:118px;} .tab #tab-2-active a{background:transparent url(/images/tabs_02.gif) no-repeat scroll left bottom;width:118px;} .tab #tab-2 a:hover {background:transparent url(/images/tabs_02.gif) no-repeat scroll left bottom;} .tab #tab-3 a {background:transparent url(/images/tabs_03.gif) no-repeat scroll left top;width:118px;} .tab #tab-3-active a{background:transparent url(/images/tabs_03.gif) no-repeat scroll left bottom;width:118px;} .tab #tab-3 a:hover {background:transparent url(/images/tabs_03.gif) no-repeat scroll left bottom;} /* tab styles *********************************************************************************** */ .tabhome{ float:right; width:550px;height:34px;padding:22px 0px 0px 0px;margin:0px 0px 0px 0px;line-height:0px;list-style-image:none;list-style-position:outside;list-style-type:none; border-bottom:2px solid #999;} .tabhome li {float:left;margin-left:0px;padding-left:0px;list-style-type:none;} .tabhome li a {float:left;height:34px;text-decoration:none;text-indent:-900em;list-style-type:none;} .tabhome #tab-1 a {background:transparent url(/images/tabshome_02.gif) no-repeat scroll left top;width:139px;margin-left:-2px;} .tabhome #tab-1-active a{background:transparent url(/images/tabshome_02.gif) no-repeat scroll left bottom;width:139px;margin-left:-2px;} .tabhome #tab-1 a:hover {background:transparent url(/images/tabshome_02.gif) no-repeat scroll left bottom;} .tabhome #tab-2 a {background:transparent url(/images/tabshome_03.gif) no-repeat scroll left top;width:138px;} .tabhome #tab-2-active a{background:transparent url(/images/tabshome_03.gif) no-repeat scroll left bottom;width:138px;} .tabhome #tab-2 a:hover {background:transparent url(/images/tabshome_03.gif) no-repeat scroll left bottom;} .tabhome #tab-3 a {background:transparent url(/images/tabshome_04.gif) no-repeat scroll left top;width:139px;} .tabhome #tab-3-active a{background:transparent url(/images/tabshome_04.gif) no-repeat scroll left bottom;width:139px;} .tabhome #tab-3 a:hover {background:transparent url(/images/tabshome_04.gif) no-repeat scroll left bottom;} .tabnew{ float:left; width:575px;height:34px;padding:5px 0px 0px 0px;margin:0px 0px 0px 0px;line-height:0px;list-style-image:none;list-style-position:outside;list-style-type:none; border-bottom:2px solid #999;} .tabnew li {float:left;margin-left:0px;padding-left:0px;list-style-type:none;} .tabnew li a {float:left;height:34px;text-decoration:none;text-indent:-900em;list-style-type:none;} .tabnew #tab-1 a {background:transparent url(/images/tabshome_02.gif) no-repeat scroll left top;width:139px;margin-left:25px;} .tabnew #tab-1-active a{background:transparent url(/images/tabshome_02.gif) no-repeat scroll left bottom;width:139px;margin-left:25px;} .tabnew #tab-1 a:hover {background:transparent url(/images/tabshome_02.gif) no-repeat scroll left bottom;} .tabnew #tab-2 a {background:transparent url(/images/tabshome_03.gif) no-repeat scroll left top;width:138px;} .tabnew #tab-2-active a{background:transparent url(/images/tabshome_03.gif) no-repeat scroll left bottom;width:138px;} .tabnew #tab-2 a:hover {background:transparent url(/images/tabshome_03.gif) no-repeat scroll left bottom;} .tabnew #tab-3 a {background:transparent url(/images/tabshome_04.gif) no-repeat scroll left top;width:139px;} .tabnew #tab-3-active a{background:transparent url(/images/tabshome_04.gif) no-repeat scroll left bottom;width:139px;} .tabnew #tab-3 a:hover {background:transparent url(/images/tabshome_04.gif) no-repeat scroll left bottom;} /* Start Sitemap */ ul.sitemap { list-style-type: none; margin-left: 5px; padding-left: 0; } ul.sitemap li { padding-left: 1.1em; list-style-type: none; margin-bottom: 3px; font-size: 120%; } ul.sitemap li ul li { margin-left: -1em; padding-left: 1px; font-size: 100%; } /* End Sitemap */ /* ---------Product Page specific colours ------ */ #content a.litelinks:link, #content a.litelinks:visited { color:#50c31a; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold; vertical-align:baseline;} #content a.litelinks:hover, #content a.litelinks:focus, #content a.litelinks:active {text-decoration:underline; color:#50c31a;} #content a.prolinks:link, #content a.prolinks:visited { color:#02b6d7; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold;} #content a.prolinks:hover, #content a.prolinks:focus, #content a.prolinks:active {text-decoration:underline; color:#02b6d7;} #content a.premlinks:link, #content a.premlinks:visited { color:#9950b2; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold;} #content a.premlinks:hover,#content a.premlinks:focus ,#content a.premlinks:active {text-decoration:underline; color:#9950b2;} /* product btns */ .productbtns { float:left;line-height:0px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px 0px 10px 0px;padding:0px;width:545px;} .productbtns li { display:inline;float:left;margin:0px;padding:0px;} .productbtns li a { color:#FFFFFF;display:inline;float:left;height:214px;margin:0px;padding:0px;text-decoration:none;text-indent:-900em;} .productbtns li a:focus { outline-color:invert;outline-style:none;outline-width:0pt;} .productbtns .p1 a { background:transparent url(../images/productbtns_01.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:12px;} .productbtns .p1 a:hover, .productbtns .p1 a:focus { background:transparent url(../images/productbtns_01.jpg) no-repeat scroll left bottom;} .productbtns .p2 a { background:transparent url(../images/productbtns_02.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:4px;} .productbtns .p2 a:hover, .productbtns .p2 a:focus { background:transparent url(../images/productbtns_02.jpg) no-repeat scroll left bottom;} .productbtns .p3 a { background:transparent url(../images/productbtns_03.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:4px;} .productbtns .p3 a:hover, .productbtns .p3 a:focus { background:transparent url(../images/productbtns_03.jpg) no-repeat scroll left bottom;} /* prod buttons outtage page */ .prodbtns { float:left;line-height:0px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px 0px 10px 0px;padding:0px;width:545px;} .prodbtns li { display:inline;float:left;margin:0px;padding:0px;} .prodbtns li a { color:#FFFFFF;display:inline;float:left;height:376px;margin:0px;padding:0px;text-decoration:none;text-indent:-900em;} .prodbtns li a:focus { outline-color:invert;outline-style:none;outline-width:0pt;} .prodbtns .p1 a { background:transparent url(../images/homebox_lite.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:12px;} .prodbtns .p2 a { background:transparent url(../images/homebox_pro.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:4px;} .prodbtns .p3 a { background:transparent url(../images/homebox_premier.jpg) no-repeat scroll left top;/*height:70px;*/width:175px; margin-left:4px;} /* product btns addons (march08)*/ #content ul.prod_addons { float:left; width:103px; margin:0 0 0 4px; padding:0; line-height:0px; list-style-image:none; list-style-position:outside; list-style-type:none; } .prod_addons li {display:inline;float:left;margin:0px;padding:0px;} .prod_addons li a {color:#FFFFFF; display:inline; float:left; /*height:103px;*/ margin:0px; padding:0px; text-decoration:none; text-indent:-900em;} .prod_addons .prod_addon_host a { background:transparent url(../images/btn_addon_hosting.gif) no-repeat scroll left top; height:103px; width:103px; margin:0;} .prod_addons .prod_addon_host a:hover, .prod_addons .prod_addon_host a:focus { background:transparent url(../images/btn_addon_hosting.gif) no-repeat scroll left bottom; outline:none;} .prod_addons .prod_addon_email a {background:transparent url(../images/btn_addon_email.gif) no-repeat scroll left top; height:103px; width:103px; margin:7px 0 0px 0;} .prod_addons .prod_addon_email a:hover, .prod_addons .prod_addon_email a:focus { background:transparent url(../images/btn_addon_email.gif) no-repeat scroll left bottom; outline:none; } /* speed landingpage boxes */ /*.box_bg { float:left; margin-left:10px; width:530px; height:92px; }*/ #content .selectlite a { float:left; width:525px; height:105px; margin:0px 0px 10px 10px; background:url(../images/selectpackage_box_lite.gif) no-repeat; color:#FFF; } #content .selectpro a { float:left; width:525px; height:105px; margin:0px 0px 10px 10px; background:url(../images/selectpackage_box_pro.gif) no-repeat; color:#FFF; } #content .selectprem a { float:left; width:525px; height:105px;margin:0px 0px 10px 10px; background:url(../images/selectpackage_box_prem.gif) no-repeat; color:#FFF; } #content .selectcustomer a { float:left; width:525px; height:105px;margin:0px 0px 10px 10px; background:url(../images/selectpackage_box_customers.gif) no-repeat; color:#FFF; } /*---------------------Home addons ------------------------*/ #content .home_addons { float:right; width: 550px; background-color: #e3e7e6; padding:20px 0px 0px 0px; margin:0;} #content .home_addons .addon_left { float: left; width: 274px; padding:0px; margin:0px;} #content .home_addons .addon_right { float: right; width: 275px; padding:0px; margin:0px;} #content .home_addons .box_bottom { background:#FFF url(/images/home_email_host_bot.gif) no-repeat scroll left top; padding:0px; margin:0px; } /* halflistbox */ #content .halflistbox { float:left; width:265px; margin:0px 0px 0px 10px; padding:0px; background:#FFF url(/images/halflistbox_bg.gif) no-repeat scroll left top; } #content .halflistbox h2 { color:#FFF; margin:0px 15px 0px 15px; padding:7px 0px 10px 0px; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } .domainbox { float:left; width:530px; margin:20px 0px 15px 10px; padding:0px 0px; background:#FFF url(../images/domainbox_01.gif) no-repeat left top; } .domainbox .halfbox_left { float:left; width:245px; padding:10px 5px 10px 15px; margin:0; } .domainbox .halfbox_right { float:right; width:255px; margin:0; padding:0; } .domainbox .bottom { clear:both; background:#FFF url(../images/domainbox_02.gif) no-repeat left top; margin:0px; padding:0px; } #content .domainbox h2 {margin:0px; padding:0px 0px 10px 0px; } .domainbox .label { font:10px Verdana, Arial, Helvetica, sans-serif; color:#666; display:block; padding:0px 0px 10px 0px; } .domainbox .textbox { float:left; width:230px;; border:1px solid #02B6D7; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666; } .domainbox input.btn_right { float:right; margin:0; padding:10px 10px 0px 10px; outline:none; } #content .domainbox p { clear:both; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666; margin:0px; padding:10px 10px 10px 0px; } #content .domainbox a:link, #content .domainbox a:visited { font:10px Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:underline; } #content .domainbox a:hover, #content .domainbox a:focus, #content .domainbox a:active { color:#666; } .domainbox form { margin:0; padding:0; } .table_results { width:255px; border-collapse:collapse; font:10px Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0px; } .table_results th { background:transparent url(/images/table_results_bg.gif) no-repeat scroll top right; margin:0; padding:5px 10px; border-bottom:2px solid #FFF; color:#FFF; font-weight:bold; text-align:left; } .table_results td { background-color:#DDD; margin:0; padding:5px 10px; border-bottom:2px solid #FFF; } /* COMPARE PRODUCTS PAGE .compare { width:545px;}*/ .compare td {width: 100px; padding:0px; margin:0px; border-bottom: 1px solid #cccccc;} .compare .comp_lite { background: url(../compare/images/bg_lite.gif); background-repeat: y; padding:4px; margin:0px; width:128px; text-align:center; } .compare .comp_pro { background: url(../compare/images/bg_pro.gif); background-repeat: y; padding:4px; margin:0px; width:128px; text-align:center; } .compare .comp_prem { background: url(../compare/images/bg_prem.gif); background-repeat: y; padding:4px; margin:0px; width:128px; text-align:center; } .compare .comp_prem_dark { background: url(../compare/images/bg_prem_dark.gif); background-repeat: y; padding:4px; margin:0px; width:128px; text-align:center; border-bottom: 1px solid #ffffff;} .floatright_key {float:right; padding:0px 20px 0px 0px; margin:0px;} .compare .noborder{margin:0px; border: 0px; width:128px; text-align:center; }