/* resets ----------------------------------*/ h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, span, fieldset, legend, blockquote { margin: 0; padding: 0; } li { list-style: none; margin: 0px; padding: 0px; } img { border: none; } a, a:link, a:visited, a:active, a:hover { text-decoration: underline; font-weight: normal; color: #003399; outline: none; } a:hover { color: #4FA0BE; } hr, span, .plain-only{ display:none;} body { margin: 0px; color: #333; font: 82.5% Verdana, Arial, Tahoma, Geneva, sans-serif; background: #fff; } /* general ----------------------------------*/ #wrap { background: #FFF url(../images/wrap-bg.png) repeat-x; } #container { width: 980px; margin-right: auto; margin-left: auto; padding-top: 0px; position: relative; } #top { background: url(../images/top.png) no-repeat center top; height: 100px; } #top .logo { background: url(../images/logo.png); height: 45px; width: 178px; position: absolute; top: 46px; left: 20px; z-index: 1; } .logolink { display: block; height: 40px; width: 170px; } #pops { background: #FFF; width: 496px; float: left; } #popsfull { background: #FFF; width: 980px; float: left; height: 269px; } #topboxes { float: left; padding-top: 28px; width: 248px; background: #FFF; } #topboxes .box-1, #topboxes .box-2,#topboxes .box-3 { height: 74px; color: #FFF; padding-top: 6px; font-size: 13px; } #topboxes .box-1 { background: url(../images/box-1.png) no-repeat; padding-left: 15px; padding-right: 64px; } #topboxes .box-2 { background: url(../images/box-2.png); padding-left: 73px; padding-right: 20px; } #topboxes .box-3 { background: url(../images/box-3.png); padding-left: 18px; height: 75px; padding-right: 80px; } #topboxes h2 { font-size: 0.85em; color: #FFF; padding-bottom: 0px; padding-top: 6px; } #topboxes p { font-size: 0.85em; line-height: 130%; } #topboxes h2 a { font-weight: bold; color: #FFF; text-decoration: none; } #topboxes h2 a:hover { } a.whitelinks, a.whitelinks:link, a.whitelinks:visited, a.whitelinks:active { color: #c9c9c9; text-decoration: none; } a.whitelinks:hover { color: #fff; } img.pic-l { float: left; margin-right:20px; margin-bottom: 12px; } img.pic-r { float: right; margin-left:20px; margin-bottom: 10px; } #content { padding-top: 41px; background: url(../images/content-bg.png) no-repeat left top; clear: both; } #content2 { clear: both; padding-top: 12px; } /*domain search ----------------------------------*/ #search { background: #FFF url(../images/search-bg.png) no-repeat 0px bottom; float: left; width: 224px; height: 177px; padding-top: 92px; text-align: center; padding-right: 12px; } #searchbox { margin-top: 30px; width: 200px; padding-top: 3px; padding-bottom: 3px; } #search form { width: 100%; } #search h3 { text-align: center; } #submitsearch { background: url(../images/search-but.png) 0px 0px; height: 30px; width: 94px; display: block; margin-right: auto; margin-left: auto; margin-top: 35px; border-style: none; cursor: hand; cursor: pointer; color: #CCC; font: .85em Verdana, Geneva, sans-serif; padding-bottom: 3px; } /*menu styles ----------------------------------*/ #header { position: absolute; top: 99px; left: 210px; width: 770px; z-index: 7; } #header li { float:left; background:url(../images/mainav-left-bg.png) no-repeat left top; margin:0; padding:0 0 0 8px; border-bottom:1px solid #000; font-size: 0.85em; white-space: nowrap; } #header a { float:left; display:block; width:0.1em; background:url(../images/mainav-right-bg.png) no-repeat right top; padding:7px 15px 2px 6px; text-decoration:none; color:#CCC; height: 20px; } #header > ul a { width:auto; height: 20px; } /* Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */ #header a:hover { color:#FFF;} #header #current { background-position:0 -43px; border-bottom: 1px solid #092E94; border-top-width: 0; border-right-width: 0; border-left-width: 0; } #header #current a { background-position:100% -43px; color:#CCC;} #header li:hover, #header li:hover a { background-position:0% -43px; color:#FFF; } #header li:hover a { background-position:100% -43px;} #content .wrapper .pagenav li { background: url(../images/pagenav_li_left.jpg) no-repeat left top; margin:0; padding:0 0 0 7px; float: left; white-space: nowrap;} #content .wrapper .pagenav a { float: left; background: url(../images/pagenav_li_right.jpg) no-repeat right top; display: block; height: 22px; margin-right: 9px; color: #FFF; text-decoration: none; padding-right: 7px; padding-top: 6px; font-size: 0.85em; width:0.1em;} #content .wrapper .pagenav > ul a {width:auto;} /* Hack hides rule from IE5-Mac \*/ #content .wrapper .pagenav a {float:none;} /* End IE5-Mac hack */ #content .wrapper .pagenav li:hover, #content .wrapper .pagenav li:hover a { background-position:0% -28px; color:#FFF; } #content .wrapper .pagenav li:hover a { background-position:100% -28px;} #supportnav { position: absolute; top: 5px; height: 20px; right: 14px; z-index: 0; } #supportnav li { display: inline; } #supportnav a { background: url(../images/supportnav-divider.png) no-repeat right; display: block; float: left; padding-right: 20px; padding-left: 20px; font-size: 0.75em; white-space: nowrap; color: #FFF; text-decoration: none; } #supportnav a.last { background:none; padding-right: 0px; } /* boxes of love ----------------------------------*/ #fourcol { clear: both; padding-top: 12px; padding-bottom: 12px; } .box, .box-r, .oncolnopad .box-r, .box-l { background: url(../images/fourboxes-bg.png) no-repeat; width: 236px; float: left; padding-top: 7px; margin-right:12px; } .box.balls { background: url(../images/fourboxes-bg.png) no-repeat 0px 7px; width: 236px; float: left; padding-top: 0px; margin-right:12px; } .box.balls-rh { background: url(../images/fourboxes-bg.png) no-repeat 0px 7px; width: 236px; float: left; padding-top: 0px; margin-right:0px; } .box-r { margin: 0px 0px 14px; } .box-l { margin: 0px; position: relative; } .box .more, .box-r .more { background: url(../images/fourboxes-a.png) no-repeat bottom; clear: both; display: block; width: 236px; padding-top: 30px; padding-bottom: 43px; height: 2px; } .box .buy-starter, .box .buy-professional, .box .buy-developer, .box .buy-business { background: url(../images/homepage/buy-starter.png) no-repeat bottom; clear: both; display: block; width: 236px; padding-top: 20px; padding-bottom: 43px; height: 2px; } .box .buy-professional { background: url(../images/homepage/buy-professional.png) no-repeat bottom;} .box .buy-developer { background: url(../images/homepage/buy-developer.png) no-repeat bottom;} .box .buy-business { background: url(../images/homepage/buy-business.png) no-repeat bottom;} #fourcol p, #content2 .box p, #content .box p, .box-r p, #content .box-r p, #content .box-l p, #content2 .onecol-l .box-l p { color: #333; padding-right: 12px; padding-left: 12px; padding-top: 10px; font-size: 0.85em; line-height: 1.4em; } #fourcol hr { height: 1px; } #container .onecol, #container .onecolnopad, #container .onecol-l { width: 236px; float: left; display: block; clear: none; margin: 0px 0px 12px 12px; } #container .onecolnopad { margin-left: 12px; padding: 0px;} #container .onecol-l { margin-right: 12px; padding: 0px; margin-left: 0px; } #container .twocol { width: 484px; float: left; } #container .twocol-r { width: 484px; float: right; margin-bottom: 14px; } #content .box-r hr { height: 6px; margin: 0px; } .box-r br { background: url(../images/oncol-hr-bg.png); display: block; height: 6px; } .onecol-btm { background: url(../images/oncol-hr-bg.png) bottom; height: 6px; } .onecolnopad .box-r form, .onecol .box-r form { padding: 15px; } #container .fadebox { background: url(../images/2col-fadebox.png) no-repeat left top; padding: 14px; width: 456px; } #container .fadebox-l { background: url(../images/2col-fadebox.png) no-repeat left top; padding: 14px; width: 456px; } #container .threecol.fadebox { float:left; background: url(../images/3col-fadebox.png) no-repeat left top; padding: 14px; width: 704px; } #container .threecol.fadebox-r { float:right; background: url(../images/3col-fadebox.png) no-repeat left top; padding: 14px; width: 704px; } #container #fourcol.fadebox { background: url(../images/fourboxes-fourcol-bg.png) no-repeat left top; padding: 14px; width: 952px; margin-bottom: 20px; } #topboxes .box-1.dedserv { background: url(../images/box-1-dedserv.png); } #topboxes .box-2.dedserv { background: url(../images/box-2-dedserv.png); } #topboxes .box-3.dedserv { background: url(../images/box-3-dedserv.png); } #topboxes .box-1.home { background: url(../images/box-1-home.png); } #topboxes .box-2.home { background: url(../images/box-2-home.png); } #topboxes .box-1.reseller { background: url(../images/box-1-reseller.png); } #topboxes .box-2.reseller { background: url(../images/box-2-reseller.png); } #topboxes .box-2.hosting { background: url(../images/box-2-affordable.png); } #topboxes .box-1.vps { background: url(../images/box-1-vps.png); } #topboxes .box-2.vps { background: url(../images/box-2-vps.png); } .twocol.fadebox-l img, .twocol-r.fadebox img { margin-bottom: 14px; } #topboxes .box-1.apps { background: url(../images/box-1-apps.png); } #topboxes .box-2.apps { background: url(../images/box-2-apps.png); } #topboxes .box-3.apps { background: url(../images/box-3-apps.png); } /* General Headings ----------------------------------*/ h2, h4 { padding-bottom: 10px; padding-top: 0px; font: bold 13pt Arial, Helvetica, sans-serif; color: #004B8D; } h3 { font: bold 11pt Arial, Helvetica, sans-serif; color: #999; margin-top: 5px; margin-bottom: 3px; } #container .h3link { width: 125px; position: absolute; height: 50px; display: block; font: bold 13pt Arial, Helvetica, sans-serif; color: #004B8D; padding-left: 96px; padding-top: 10px; padding-right: 15px; z-index: 6; text-decoration: none; } h3.clients, h3.dom-reg, h3.web-host, h3.ded-serv, h3.res-mag, h3.sec-life { background: url(../images/dom-reg.png); height: 64px; } h3.web-host { background: url(../images/web-host.png); } h3.ded-serv { background: url(../images/ded-serv.png); } h3.sec-life { background: url(../images/second-life.png); } h3.res-mag { background: url(../images/res-mag.png); } h3.clients { background: url(../images/testys.png); } h3.starter, h3.professional, h3.developer, h3.business { background: url(../images/homepage/starter-bg.png); height: 137px; } h3.professional{ background: url(../images/homepage/professional-bg.png);} h3.developer{ background: url(../images/homepage/developer-bg.png);} h3.business{ background: url(../images/homepage/business-bg.png); } h5 { font: normal 0.85em Verdana, Arial, Geneva, sans-serif; padding-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; margin-bottom: 12px; color: #004B8D; text-transform: lowercase; } /* general form styles ----------------------------------*/ fieldset { padding: 10px; width: 100%; margin-bottom: 15px; border-top: 1px solid #D6D6D6; border-right: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6; } legend { padding: 5px; font-weight: bold; color: #C00; } form { margin: 0px; font-size: 100%; } label { display: block; margin: 10px 0 4px 0;} label.check { display: inline; } textarea, #left input { width: 99%; border: 1px solid #ADB681; font: 1em Verdana, Arial, Helvetica, sans-serif; margin: 0; background: #FFFFFF url(https://www.hostinguk.net/images/formshadow.jpg) left top; padding: 3px; color: #333333; } select { width: 100%; } .wrapper select {width:auto;} input.check { background: none; border: none; width: auto; margin: 6px 4px 0 4px; } input.submit{ color:#FFFFFF; background: #A7AC6C; width: 100%; border: 1px outset #FFFFFF; font: bold.85em Arial, Helvetica, sans-serif; margin-top: 10px; } input.submit:hover {color:#000000; cursor:pointer;cursor:hand;} /*Control panel fix*/ .controlpanel input {width:auto} .controlpanel fieldset { width:auto; } .controlpanel select { width:auto; } .controlpanel td { color:#000; font: 90% Verdana, Arial, Tahoma, Geneva, sans-serif;} /* me Tabs like ----------------------------------*/ .tabNavigation { list-style: none; margin: 0; padding: 0; display: block; height: 26px; } .tabNavigation li { float: left; font-size: .85em; } .tabNavigation li a { color: #999; text-decoration: none; padding-right: 5px; padding-left: 5px; } .tabNavigation li a.selected, .tabNavigation li a:hover {background-color: #333; color: #000; padding-top: 0px; } .tabNavigation span.lin a.selected, .tabNavigation span.lin a:hover { color: #000; padding-top: 5px; } .tabNavigation li a:focus { outline: 0; } .tabNavigation span.win a { background: url(../images/win-left.png) no-repeat left top; height: 21px; display: inline-block; padding-left: 40px; padding-right: 15px; padding-top: 5px; } .tabNavigation span.win, .tabNavigation span.lin { background: url(../images/win-right.png) right 0px no-repeat; display:block; padding-left: 0px; } .tabNavigation span.lin a { background: url(../images/lin-left.png) no-repeat left 0px; height: 21px; display: inline-block; padding-left: 40px; padding-right: 15px; padding-top: 5px; } div.tabs > div { padding: 0px; margin-top: 0px; } div.tabs > div h2 {margin-top: 0;} #first, #second { background: #EFEFEF url(../images/tabs-bg.png); width: 484px; } /*Show */ /* always visible ----------------------------------*/ #outer .holder { border:1px solid #D6D6D6; margin:0 0 12px; background: #FFF; padding: 20px 20px 10px; width: 404px; } #outer .holder p { padding:5px 0 0 0; margin:0; } #outer .holder p.bold {font-weight:bold;} #outer .holder h2 {margin:0; padding:0;} .lcol { float: left; width: 250px; } .rcol { float: left; width: 154px; padding-top: 0px; } #outer .holder .more { clear: both; padding-top: 0px; } #outer { background: url(../images/holder-btm.png) no-repeat bottom; padding: 20px 20px 10px; width: 444px; } /* unclicked style div.more ----------------------------------*/ #outer div.more i { float:left; cursor:pointer; color:#999; font-weight:normal; font-style: normal; font-size: 0.85em; background: url(../images/techdeets.png) no-repeat; padding-left: 25px; height: 28px; margin-left: 270px; } #outer div.more i.hide {display:none;} #outer div.more p {display:none;} #outer div.more ul {display:none;} #outer div.more h5 {display:none;} #outer div.more img {display:none;} /* clicked style div.click ----------------------------------*/ #outer div.click i.show {display:none;} #outer div.click i.hide {display:block;} #outer div.click p {display:block;} #outer div.click ul {display:block;} #outer div.click h5 {display:block;} #outer div.click img {display:block; float:left; padding-right:10px;} /* The Footer ----------------------------------*/ #footerwrap { background: url(../images/footerwrap.png); height: 334px; clear: both; } #footer { background: url(../images/footer-bg.jpg) no-repeat center top; height: 334px; clear: both; } #footercontainer { margin-right: auto; margin-left: auto; clear: both; font-size: 0.75em; text-align: right; width: 940px; padding-right: 40px; position:relative;} #footerlinks li { display: inline; } #footerlinks { padding-top: 8px; float: right; } #footerlinks li a { display: block; float: left; padding-right: 8px; padding-left: 8px; border-right: 1px dotted #039; } #footerlinks li a:hover { text-decoration: underline; } #footercontainer img { padding-top: 8px; } .cardlogos { position: absolute; left: 40px; margin: 0px; padding: 0px; top: 30px; } #addthis { position:absolute; margin: 33px; left: 0px; top: 0px; } .greenticks { padding-top: 15px; } .greenticks li { background: url(../images/greentick.png) no-repeat; padding-left: 30px; padding-bottom: 12px; font-size: 1em; color: #666; } .hrclear { clear: both; margin-bottom: 12px; } .rcol .price { text-align: center; font: bold 2em Arial, Helvetica, sans-serif; } .buy { background: url(../images/buybutt.png) no-repeat; display: block; height: 28px; width: 51px; border-style: none; padding-bottom: 0px; margin: 15px auto 0px; } .more .details { background: url(../images/moredetails2.png) repeat-x; margin-top: 10px; line-height: 140%; padding-right: 12px; padding-left: 12px; } .lcol li { color: #999; padding-bottom: 5px; } .lcol ul { margin-left: 65px; } .techdetails .yes, .techdetails .no { background: url(../images/yes.png) no-repeat; padding-left: 32px; color: #999; padding-bottom: 10px; } .techdetails .no { background: url(../images/no.png) no-repeat; } .details p { font-size: .85em; } .rcol .price b { font: normal 11pt Verdana, Geneva, sans-serif; } .expander-group { width: 484px;} .expander .expander-title { cursor: pointer; font-size: 0.85em; padding: 3px 0 5px 25px; clear: both; background: url(../images/techdeets.png) no-repeat 0px 8px; color: #004B8D; text-transform: lowercase; margin: 0px; } .expander-content {display: none;} .expander-inner { padding: 6px 0 0px 15px; } .expander-title p b { font-weight: normal; } .details { width: 374px; border-top: 1px solid #CCC; padding-top: 10px; } #top p { position: absolute; right: 95px; top: 35px; font-size: 0.75em; text-align: right; padding-bottom: 0px; } #top p b { font-size: 1.7em; } #top p.login { background: url(../images/login.png); height: 24px; width: 63px; right: 14px; top: 35px; z-index: 0; padding-bottom: 0px; } #top p.login a { display:block; height: 24px; width: 63px;} #suffix { width: 50px; } .transfer-but, .register-but { margin-top: 20px; margin-right: 14px; cursor:pointer; cursor:hand;} /* Paragraphs ----------------------------------*/ p.quote { font-size: 0.85em; color: #666; padding: 14px; line-height: 140%; } p.quote b { font-size: 13px; font-weight: bold; } #content .twocol.fadebox p, #content .twocol.fadebox-l p, #content2 .twocol.fadebox p, #content2 .twocol.fadebox-l p, #content .twocol-r.fadebox p, #content .twocol-r.fadebox-l p, #content2 .twocol-r.fadebox p, #content2 .twocol-r.fadebox-l p, #content2 .onecol p, #content .threecol p, #content2 .threecol p { font-size: .85em; padding-bottom: 14px; line-height: 140%; } .domainfees li { padding-right: 10px; margin-left: 10px; padding-top: 5px; } .domaindetails { text-align: right; font-size: 0.85em; padding-top: 15px; background: url(../images/domaindetails.png) no-repeat right 20px; padding-left: 15px; display: block; padding-right: 20px; } #popsfull.dom { background: url(../images/pop-dom.jpg); } #popsfull #dom { position: absolute; top: 245px; left: 190px; width: 600px; text-align: center; } #popsfull #dom label { display: inline; color: #FFF; font-size: 13pt; } #popsfull #dom input { width: 300px; margin: 10px 0px 0px; padding: 0px; } #popsfull #dom .transfer-but { width: 100px; } #popsfull #dom form { margin: 0px; padding: 0px; } #content2 .twocol.fadebox-l .hrshow, #content .twocol.fadebox .hrshow { background: url(../images/twocol-hr.png) no-repeat center; clear: both; height: 1px; width: 367px; display: block; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; } /* Toggleasaurus ----------------------------------*/ #blurb {display:none; height:100px;} .twocol.fadebox p.msg_head, .threecol.fadebox p.msg_head { font-weight: normal; margin: 0px; padding: 0px 0px 5px 20px; cursor:hand; cursor:pointer; background: url(../images/plusbullet.jpg) no-repeat 0px 3px; clear: both; } .twocol.fadebox p.msg_body, .threecol.fadebox p.msg_body { margin: 0px; padding: 0px; } .twocol.fadebox .msg_body, .threecol.fadebox p.msg_body { margin: 0px 0px 12px; padding: 0px 30px 0px 20px; border-bottom: 1px solid #D6D6D6; } .twocol.fadebox .msg_head a:hover, .threecol.fadebox .msg_head a:hover { text-decoration: underline; } .spacebelow { padding-bottom: 30px; } .twocol.fadebox .msg_body.last, .threecol.fadebox .msg_body.last { border-style: none; } /* Hosting Package Nav ----------------------------------*/ .packnav li { display: inline; font-size: 0.75em; } .twocol.fadebox .packnav { background: url(../images/packnav1-bg.jpg) no-repeat; height: 50px; padding-left: 6px; } .packnav li a { display: block; float: left; width: 105px; text-align: center; padding-top: 13px; height: 30px; } .packnavh3 { padding-top: 15px; } .packnav li a:hover, .packnav li a.current { background: url(../images/packnav_aro.gif) no-repeat center bottom; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } table { border-collapse:collapse; margin-bottom: 15px; clear: both; } .packages-pcp td {padding:4px; border: 0px; } .packages-4 td {padding:4px; border: 1px solid #DDD; } .packages-4 .odd { background: #EAEAEA; text-align: center; } .packages-4 .even { text-align: center;} .packages-4 .table-head { text-align: center; font-weight: bold; border-top-style: none; } .packages-4 .table-head td .blue-head { color: #004B8D; font: bold normal 16pt Arial, Helvetica, sans-serif; } .packages-4 .leftcol { text-align: left; } .packages-4 .noborder {border:none;} .packages-4 .notop { border-top: none; } .onecol .box-r .onecol-winlin-btm { background: url(../images/win-lin-box-btm.jpg); height: 128px; } .onecol .box-r h4 { padding-left: 9px; padding-top: 4px; } #content2 .onecol .miniwinlog { background: url(../images/miniwinlog.jpg) no-repeat 5px 3px; display: block; padding: 5px 0px 0px 40px; height: 20px; margin-top: 15px; font: bold 11pt Arial, Helvetica, sans-serif; color: #004B8D; } #content2 .onecol .minilinlog { font-weight: bold; background: url(../images/minilinlog.jpg) no-repeat 5px 3px; display: block; padding: 5px 0px 0px 40px; height: 20px; margin-top: 15px; font: bold 11pt Arial, Helvetica, sans-serif; color: #004B8D; } .onecol .box-r #windeets ul li, .onecol .box-r #lindeets ul li { font-size: .85em; color: #999; background: url(../images/tick_mini.jpg) no-repeat 0px 2px; margin-left: 12px; padding-left: 12px; height: 15px; } .onecol .box-r #windeets ul, .onecol .box-r #lindeets ul { margin-top: 0px; margin-bottom: 15px; } .widget {width: 310px;margin: 20px;padding: 10px;background: #f3f1eb;border: 1px solid #dedbd1;margin-bottom: 15px;} .widget a { color: #222; text-decoration: none; } .widget a:hover { color: #009; text-decoration: underline; } .tabnav li {display: inline; list-style: none; padding-right: 5px; } .tabnav li a { text-decoration: none; text-transform: uppercase; color: #222; font-weight: bold; padding: 4px 6px; outline: none; } .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #dedbd1; color: #222; text-decoration: none; } .tabdiv { margin-top: 2px; background: #fff; border: 1px solid #dedbd1; padding: 5px; } .tabdiv li { list-style-image: url("https://www.hostinguk.net/css/star.png"); margin-left: 20px; } .ui-tabs-hide { display: none; } #featuredvid { text-align: center; } .fvid { margin-bottom: 5px; } .vidselector li {text-align: left; list-style: none;padding: 5px; background: #ffffff; border: 1px solid #dedbd1;text-transform: uppercase; margin-bottom: 5px; } .onecol.right img { margin-bottom: 12px; } .packages-4 .table-head .notop .doms { font-weight: normal; text-align: left; } .onecol .box-r .inner-box { background: url(../images/inner-box-bg.jpg) no-repeat 14px 10px; padding-top: 20px; padding-left: 24px; padding-right: 12px; } .onecol .box-r .inner-box .innerpic {margin-bottom:12px; display:block;}.onecol .box-r .inner-btm { background: url(../images/inner-box-btm.jpg) no-repeat 14px 0px; height: 7px; margin-bottom: 6px; } .box-r .inner-box p { margin: 0px; padding: 0px 14px 0px 0px; } #content2 .onecol .box-r .greenticks { padding-right: 14px; padding-left: 14px; } h3.red { color: #E11515; } .onecol .box-r .pic-c { margin-right: auto; margin-left: auto; display: block; } #ded-server-form label { color: #004B8D; font: normal 13pt Arial, Helvetica, sans-serif; margin-top: 25px; } #ded-server-form h2 strong { } #ded-server-form h2 { padding: 20px 0px 0px; margin: 0px; } #annual, #monthly { width: 200px; float: left; color: #FFF; background: #333; padding: 20px; margin-bottom: 20px; } #annual { margin-right: 20px; } #ded-server-form fieldset p a { display: block; padding-top: 12px; text-decoration: none; } .onecol .box-r p a { text-decoration: none; } a.deets { text-decoration: none; } .stars li { background: url(../images/0164_star.png) no-repeat 0px 2px; padding-left: 20px; padding-bottom: 5px; font-size: 85%; } .miniticks li { background: url(../images/tick_mini.jpg) no-repeat 0px 2px; padding-left: 20px; padding-bottom:5px;} a.jt { cursor: help; color: #003399; } .box.menu { background: url(../images/box-menu-bg.png) no-repeat; margin-bottom: 12px; } .box.menu h4 { color: #FFF; padding-left: 15px; padding-bottom: 5px; font-size: 1.1em; height: 20px; } .box.menu ul li a, .box.menu ul li a:link, .box.menu ul li a:visited, .box.menu ul li a:active { background: url(../images/menu_bullet_on.gif) no-repeat 10px 6px; display: block; text-decoration: none; padding: 4px 20px 4px 32px; border-top: 1px solid #CCC; font-size: .85em; color: #666; } .box.menu ul li a:hover { background: #ECECEC url(../images/menu_bullet_off.gif) no-repeat 10px 6px; color: #C82525; } #myController span, #myController2 span, #myController3 span{ color:#FFF; background:#000; margin-right:10px; cursor:pointer; } .threecol.fadebox-r .hrshow { background: url(../images/hr3col.jpg) no-repeat center center; height: 1px; padding-top: 20px; padding-bottom: 20px; } .jFlowPrev { position: absolute; background: url(../images/prev.gif); height: 26px; width: 16px; left: 13px; top: 70px; } .jFlowNext { position: absolute; background: url(../images/next.gif); height: 26px; width: 16px; right: 13px; top: 70px; } #myController, #myController2, #myController3 { position: relative; } #myController span.jFlowSelected, #myController2 span.jFlowSelected, #myController3 span.jFlowSelected { background:#F00; } .jFlowPrev, .jFlowNext{ cursor:pointer; } #myController span, #myController span2, #myController span3, span.jFlowPrev, span.jFlowNext { display: block; } li.jFlowControl { display:block; float:left; width:60px; text-align:center; cursor:pointer; margin-right:8px; background: url(../images/slider-ul-bg.png); color: #FFF; height: 17px; font-size: 8pt; font-weight: normal; padding-top: 3px; } li.jFlowControl:hover { background: url(../images/slider-ul-bg-on.png); } #mySlides, #mySlides2, #mySlides3 { position: relative; } .onecol.slider { position: relative; } #myController #slidernav, #myController2 #slidernav, #myController3 #slidernav { padding-bottom: 12px; display: block; height: 20px; padding-left: 15px; } .showbutt a b { background: url(../images/showbutt_b.png) no-repeat right 0px; display: block; height: 22px; float: left; padding-right: 5px; padding-top: 3px; font-weight: normal; text-decoration: none; } .showbutt a img { float: left; } p.showbutt { display: block; height: 20px; } .box.menu ul .selected { background: #004B8D; } .box.menu ul .selected a, .box.menu ul .selected a:link, .box.menu ul .selected a:visited, .box.menu ul .selected a:active { color: #FFF; } .box.menu ul li.selected a:hover { background: #004B8D url(../images/menu_bullet_off.gif) no-repeat 10px 6px; color: #fff; } #mySlides div .rcol, #mySlides2 div .rcol, #mySlides3 div .rcol { height: 300px; width: 300px; } #mySlides div .lcol, #mySlides2 div .lcol, #mySlides3 div .lcol { height: 315px; width: 300px; margin-right: 40px; padding-left: 30px; } #mySlides .holder, #mySlides2 .holder, #mySlides3 .holder { height: 330px; padding-left: 0px; } #prntscn .jFlowPrev { left: 249px; top: 310px; } #prntscn .jFlowNext { top: 310px; right: 0px; } #prntscn { padding: 0px; } #prntscn #myController, #prntscn-mail #myController2 { display: none; } #prntscn-mail .jFlowPrev { left: 249px; top: 725px; } #prntscn-mail .jFlowNext { top: 725px; right: 0px; } #content .threecol.fadebox .lcol.wide { width: 320px; border-right: 1px solid #d6d6d6; margin-right: 12px; } #quotes tr td { padding: 20px 12px; font-weight: bold; font-size: 0.85em; line-height: 150%; } #quotes tr td b { font-weight: normal; } #deets1, #deets2, #deets3, #deets4 { border-bottom:1px solid #D6D6D6; margin-bottom: 20px; } .bullets li, .bulletpops li { background: url(../images/chevs2.png) no-repeat 0px 4px; padding-left: 15px; font-size: .85em; padding-bottom: 6px; } .bullets, .bulletpops { font-family: Verdana, Geneva, sans-serif; padding-bottom: 20px; } .bulletpops li{ background: url(../images/bulletpop.png) no-repeat 0px 2px; } .pagenav { display: block; height: 30px; } span.smalltext{display:inline;} h3.divider { color: #004B8D; display: block; border-bottom: 1px solid #004B8D; padding-bottom: 5px; margin-bottom: 4px; clear: both; margin-top:20px; } #rik { width: 980px; margin: 0px auto; padding: 0px; height: 60px; } #wrap #container .clear { clear: both; } span.mediumtext, span.dlitempreview, span.articletitle {display:inline;} .box.balls li, .box.balls-rh li { background: url(../images/yes.png) no-repeat; padding-left: 30px; padding-bottom: 3px; } .box.balls ul, .box.balls-rh ul { padding-top: 0px; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; } .box.balls .techspecs, .box.balls-rh .techspecs { background: url(../images/homepage/tech-specs-a.png) no-repeat left top; height: 19px; display: block; }