/* Title: Nominate.com Re-design tests Date: 30.07.2010 Author: Doug Somerville (www.dougsomerville.com) Contact: hello@dougsomerville.com */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; vertical-align:baseline; background:transparent;} body {line-height: 1;} h1, h2, h3, h4, h5, h6 {font-weight:normal; /* clear: both; */} ol, ul {list-style: none;} blockquote {quotes: none;} blockquote:before, blockquote:after {content:''; content:none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse:collapse; border-spacing:0;} a img {border: none;} /* General styles -------------------------------------------------------------- */ body {font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; color:#333; background: url(../images/bg-body01.png) repeat-x left top #fff;} body {font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif; color:#333333; background: url(../images/NominateBody.png) repeat-x left top #FFFFFF;} .clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} .screenreader-text {position:absolute; left:-1000em;} .break {clear:both; border:none; /* border-top:1px solid #f5f5f5; border-bottom:1px solid #dfdfdf; */ margin:10px;} .clearleft {clear: left;} .clearright {clear: right;} hr.floatclear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } .vsmall { font-size: 10px; line-height: 10px; font-weight: bold; font-style: italic; color: red; } div.leftcolumn { float: left; padding: 0px 10px; width: 45%; } div.rightcolumn { float: right; padding: 0px 10px; width: 45%; } div.background { background: #F5F5F5; border:1px solid #CCCCCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 5px 10px 0px 10px; overflow: hidden; } /* General form styles --------------------------------------------------*/ div.form-row {clear:left; padding:10px 0px;} div.form-row label {width:220px; float:left; font-weight:bold; text-align:right; margin-right:20px;} fieldset {border:none; background:; margin-top:20px;} legend {font-size:120%; font-weight:bold; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} fieldset p {font-size: 90%;} span.req {color:red; font-weight:bold;} /* Domain Restrictions form styles -------------------------------------------------------------- */ #domain-restrictions fieldset {padding-bottom:20px; border-bottom:1px dotted #ccc;} #domain-restrictions fieldset p {font-size:100%;} /* Layout styles -------------------------------------------------------------- */ #masthead {width:960px; height: 150px; margin:0px auto; background: url(../images/bg-masthead01.png) no-repeat center center;} #masthead {width:960px; height: 150px; margin:0px auto; background: url(../images/bg-masthead01.png) no-repeat center -0px;} #masthead {width:960px; height: 150px; margin: 0px auto 20px auto; background: url(../images/bg-masthead01.png) no-repeat center -0px;} #masthead {width:960px; height: 150px; margin: 0px auto 20px auto; background: url(../images/NominateMasthead.png) no-repeat center -0px;} /* #container {width:960px; margin:0px auto; padding:30px 0px; background: url(../images/bg-container01.png) no-repeat center top; min-height: 600px;} #container {width:960px; margin:0px auto; padding:0px 0px; background: url(../images/bg-container01.png) no-repeat center 0px; min-height: 640px;} */ #container {width:960px; margin:0px auto; padding:0px 0px; background: none; min-height: 600px;} #container {width:976px; margin:0px auto; padding:0px 0px; background: none; min-height: 600px;} #container {width:980px; margin:0px auto; padding:0px 0px; background: none; min-height: 600px;} #main-content.fourcol {width:760px; float:none; margin:0px auto;} #main-content.fivecol {width:938px; float:left; margin:0px;} /* #main-content {width:600px; float:left; margin:0px 10px;} */ #main-content {width:563px; float:left; margin:0px 10px;} /* New class for Shopping Basket */ #main-content.shopping-basket {width:620px; float:left; margin:0px 10px;} #sidebar {width:300px; float:left; margin:0px 10px;} #sidebar {width:340px; float:left; margin:0px 10px;} /* New class for Shopping Basket */ #sidebar.shopping-basket {width:300px; float:left; margin:0px 10px;} div.threecol { width: 563px; float: left; margin-right: 12px; margin-top: -20px; margin-top: 0px; padding-bottom: 0px; } div.threecolleft { clear: left; float: left; padding: 0px; width: 563px; margin:0px 10px; } div.twohalfcol { float: left; padding: 0px; width: 467px; } div.twohalfcolleft { clear: left; float: left; padding: 0px; width: 467px; margin:0px 10px; } div.twocol { width: 372px; float: left; padding: 0px 0px 36px 0px; } div.shopping-basket { width: 372px; float: left; padding: 0px 0px 36px 0px; } p.fivecol-title { color: #CD0000; float:left; font:normal bold 180% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:938px; } p.fivecol-text { color: #444444; float:left; font:normal normal 120% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:938px; } p.threecol-title { color: #CD0000; float:left; font:normal bold 180% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:548px; } p.threecol-text { color: #444444; float:left; font:normal normal 120% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:548px; } p.twocol-text { color: #444444; float:left; font:normal normal 120% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:372px; } p.twocol-text, p.threecol-text strong { color: #CD0000; font-weight: bold; } p.twocol-title { color: #CD0000; float:left; font:normal bold 180% Arial,Verdana,sans-serif; margin:0px; padding:5px; width:372px; } p.sale-title { color: #CD0000; float:left; font:normal bold 180% Arial,Verdana,sans-serif; margin:0px; padding:5px 0px 5px 10px; width:467px; } p.sale-text { color: #444444; float:left; font:normal normal 120% Arial,Verdana,sans-serif; margin:0px; padding:5px 10px; width:467px; } p.sale-text strong { color: #CD0000; font-weight: bold; } #about-us p.msg { color: #000000; font:normal bold 125% Arial,Verdana,sans-serif; margin:0px; padding:5px 0px; }; /* International headings --------------------------------------------------*/ h1#intl-austria {text-indent:-1000em; height:150px; background: url(../images/intl-h1-at.jpg) no-repeat left top;} h1.region { color: #FFFFFF; height: 129px; padding: 36px 0px 0px 24px; font-size: 260%; margin: 0px; } h1.region span.region-name {font-size: 60%; display: block; margin-bottom: 12px;} h1.region span.suffix {font-size: 60%;} h1.at {background: url(../images/h1s/h1-at.jpg) no-repeat left top;} h1.ag {background: url(../images/h1s/h1-ag.jpg) no-repeat left top;} h1.ar {background: url(../images/h1s/h1-ar.jpg) no-repeat left top;} h1.be {background: url(../images/h1s/h1-be.jpg) no-repeat left top;} h1.br {background: url(../images/h1s/h1-br.jpg) no-repeat left top;} h1.ch {background: url(../images/h1s/h1-ch.jpg) no-repeat left top;} h1.cl {background: url(../images/h1s/h1-cl.jpg) no-repeat left top;} h1.cm {background: url(../images/h1s/h1-cm.jpg) no-repeat left top;} h1.cn {background: url(../images/h1s/h1-cn.jpg) no-repeat left top;} h1.co {background: url(../images/h1s/h1-co.jpg) no-repeat left top;} h1.de {background: url(../images/h1s/h1-de.jpg) no-repeat left top;} h1.dk {background: url(../images/h1s/h1-dk.jpg) no-repeat left top;} h1.dm {background: url(../images/h1s/h1-dm.jpg) no-repeat left top;} h1.es {background: url(../images/h1s/h1-es.jpg) no-repeat left top;} h1.eu {background: url(../images/h1s/h1-eu.jpg) no-repeat left top;} h1.fr {background: url(../images/h1s/h1-fr.jpg) no-repeat left top;} h1.gd {background: url(../images/h1s/h1-gd.jpg) no-repeat left top;} h1.gr {background: url(../images/h1s/h1-gr.jpg) no-repeat left top;} h1.hk {background: url(../images/h1s/h1-hk.jpg) no-repeat left top;} h1.hn {background: url(../images/h1s/h1-hn.jpg) no-repeat left top;} h1.hu {background: url(../images/h1s/h1-hu.jpg) no-repeat left top;} h1.ie {background: url(../images/h1s/h1-ie.jpg) no-repeat left top;} h1.in {background: url(../images/h1s/h1-in.jpg) no-repeat left top;} h1.is {background: url(../images/h1s/h1-is.jpg) no-repeat left top;} h1.it {background: url(../images/h1s/h1-it.jpg) no-repeat left top;} h1.jp {background: url(../images/h1s/h1-jp.jpg) no-repeat left top;} h1.kr {background: url(../images/h1s/h1-kr.jpg) no-repeat left top;} h1.lc {background: url(../images/h1s/h1-lc.jpg) no-repeat left top;} h1.li {background: url(../images/h1s/h1-li.jpg) no-repeat left top;} h1.lt {background: url(../images/h1s/h1-lt.jpg) no-repeat left top;} h1.lu {background: url(../images/h1s/h1-lu.jpg) no-repeat left top;} h1.lv {background: url(../images/h1s/h1-lv.jpg) no-repeat left top;} h1.me {background: url(../images/h1s/h1-me.jpg) no-repeat left top;} h1.mn {background: url(../images/h1s/h1-mn.jpg) no-repeat left top;} h1.ms {background: url(../images/h1s/h1-ms.jpg) no-repeat left top;} h1.mx {background: url(../images/h1s/h1-mx.jpg) no-repeat left top;} h1.ng {background: url(../images/h1s/h1-ng.jpg) no-repeat left top;} h1.nl {background: url(../images/h1s/h1-nl.jpg) no-repeat left top;} h1.nz {background: url(../images/h1s/h1-nz.jpg) no-repeat left top;} h1.pl {background: url(../images/h1s/h1-pl.jpg) no-repeat left top;} h1.pt {background: url(../images/h1s/h1-pt.jpg) no-repeat left top;} h1.qc {background: url(../images/h1s/h1-qc.jpg) no-repeat left top;} h1.ro {background: url(../images/h1s/h1-ro.jpg) no-repeat left top;} h1.ru {background: url(../images/h1s/h1-ru.jpg) no-repeat left top;} h1.sa {background: url(../images/h1s/h1-sa.jpg) no-repeat left top;} h1.se {background: url(../images/h1s/h1-se.jpg) no-repeat left top;} h1.tc {background: url(../images/h1s/h1-tc.jpg) no-repeat left top;} h1.tv {background: url(../images/h1s/h1-tv.jpg) no-repeat left top;} h1.tw {background: url(../images/h1s/h1-tw.jpg) no-repeat left top;} h1.uk {background: url(../images/h1s/h1-uk.jpg) no-repeat left top;} h1.us {background: url(../images/h1s/h1-us.jpg) no-repeat left top;} h1.uy {background: url(../images/h1s/h1-uy.jpg) no-repeat left top;} h1.vc {background: url(../images/h1s/h1-vc.jpg) no-repeat left top;} h1.vg {background: url(../images/h1s/h1-vg.jpg) no-repeat left top;} h1.za {background: url(../images/h1s/h1-za.jpg) no-repeat left top;} h1.europe {background: url(../images/h1s/h1-europe-3.jpg) no-repeat left top;} h1.africa {background: url(../images/h1s/h1-african.jpg) no-repeat left top;} h1.asia {background: url(../images/h1s/h1-nominate-asian.jpg) no-repeat left top;} h1.camerica {background: url(../images/h1s/h1-camerica.jpg) no-repeat left top;} h1.global {background: url(../images/h1s/h1-nominate-global.jpg) no-repeat left top;} h1.namerica {background: url(../images/h1s/h1-namerica.jpg) no-repeat left top;} h1.oceania {background: url(../images/h1s/h1-oceania.jpg) no-repeat left top;} h1.samerica {background: url(../images/h1s/h1-samerica.jpg) no-repeat left top;} h1.search {background: url(../images/h1s/h1-hosting01.jpg) no-repeat left top;} h1.transfers {background: url(../images/h1s/h1-domainserv03.jpg) no-repeat left top;} h1.protection {background: url(../images/h1s/h1-registerdomain02.jpg) no-repeat left top;} h1.domainrecover {background: url(../images/h1s/h1-domainserv01.jpg) no-repeat left top;} h1.included {background: url(../images/h1s/h1-hosting02.jpg) no-repeat left top;} h1.construction {background: url(../images/h1s/h1-hosting03.jpg) no-repeat left top;} h1.home { text-indent: -1000em; height: 165px; margin: 0px; background: url(../images/h1s/h1-home2.jpg) no-repeat left top; } h1.registration {background: url(../images/h1s/h1-registerdomain01.jpg) no-repeat left top;} /* Branding styles -------------------------------------------------------------- */ #utilities {padding:0px 0px 10px 0px;} #branding {width:330px; float:left; margin-right:10px;} /* Utilities styles -------------------------------------------------------------- */ #sales-tel {color:#fff; font-weight:bold;} #sales-tel {color:#333333; font-weight:bold;} #sales-tel span {display:block; font-size: 130%;} #utilities p {width:140px; float:right; margin:20px 10px;} #utilities p {width:150px; float:right; margin:0px 0px; padding:20px 10px;} /* Global Navbar styles -------------------------------------------------------------- */ #nav-global {clear:right; display:block; padding-top:10px; font-size:140%; font-weight:bold; color:#fff;} #nav-global li {display:block; float:left; margin: 0px 15px} #nav-global li a:link, #nav-global li a:active , #nav-global li a:visited {color:#fff; text-decoration:none;} #nav-global li a:hover, #nav-global li a:focus {text-decoration:underline;} /* Main Content type styles -------------------------------------------------------------- */ #main-content h1 {font-size:220%; font-weight:bolder; color:#CC0000; margin:20px 0px 10px 0px;} #main-content h1 {font-size:220%; font-weight:bolder; color:#CD0000; margin: 0px 0px 0px 0px;} #main-content h2 {font-size:160%; font-weight:bolder; color:#CD0000; margin:20px 0px 10px 0px;} #main-content h3 {font-size:140%; font-weight:bolder; margin:20px 0px 10px 0px;} #main-content p {line-height:1.5em; margin-bottom:10px;} #main-content a:link {color:#0044a3;} #main-content a:visited {color:#0044a3;} #main-content a:hover, #main-content a:focus {color:#cc0000;} #main-content a:active {color:#FFFF00;} #currency-switch {text-align:right;} #domain-available {margin-top:30px; padding:20px; background-image: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff)); border:1px solid #E6F3E6; -moz-border-radius:5px; border-radius:5px;} #domain-available strong {display:block; color:#008000; font-size:140%;} /* Search Results Boxes */ #sr-top { font-size:220%; font-weight:normal; color:#FFFFFF; margin:0px; padding: 15px 15px 15px 15px; border:2px solid #CD0000; background: url(../images/NominateRedBackground.jpg) repeat-x left top #CD0000; background-size: cover; background-image: -moz-linear-gradient(100% 100% 90deg, #C70011, #D8464C); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C70011), to(#D8464C)); -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-box-shadow: 2px 2px 1px #CCCCCC; /* Firefox */ -webkit-box-shadow: 2px 2px 1px #CCCCCC; /* Safari and Chrome */ box-shadow: 2px 2px 1px #CCCCCC; } #sr-middle { font-sizes:220%; font-weights:normal; colour:#FFFFFF; margin:0px; padding:25px 15px 10px 15px; border-left:2px solid #CD0000; border-right:2px solid #CD0000; border-top:1px solid #FFFFFF; background:#F5F5F5; background-image: -moz-linear-gradient(100% 10% 90deg, #F5F5F5, #AFAFAF); background-image: -webkit-gradient(linear, 0% 0%, 0% 10%, from(#AFAFAF), to(#F5F5F5)); -moz-box-shadow: 2px 2px 1px #CCCCCC; /* Firefox */ -webkit-box-shadow: 2px 2px 1px #CCCCCC; /* Safari and Chrome */ box-shadow: 2px 2px 1px #CCCCCC; } #sr-bottom { margin:0px; padding:15px 15px 5px 15px; border-bottom:2px solid #CD0000; border-left:2px solid #CD0000; border-right:2px solid #CD0000; background: #F5F5F5; background-image: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #F5F5F5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#FFFFFF)); -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-box-shadow: 2px 2px 1px #CCCCCC; /* Firefox */ -webkit-box-shadow: 2px 2px 1px #CCCCCC; /* Safari and Chrome */ box-shadow: 2px 2px 1px #CCCCCC; } .sr-available strong {display:block; color:#008000; font-size:140%;} .sr-registered strong {display:block; color:#FF0000; font-size:140%;} tr.odd td { background-color: #FFFFFF; } tr.even td { background-color: #EDEDED; } /* Main Content table styles -------------------------------------------------------------- */ #main-content table {width:100%;} #main-content.fourcol table {border-collapse:collapse; width:80%;} #main-content.fourcol tr td {border: 1px solid #F0F0F0; display: table-cell; vertical-align: middle;} #main-content th {text-align:left; color:#cc0000; padding:5px 0px 5px 5px; border-bottom:1px solid #cc0000;} #main-content td {padding:5px 0px 5px 5px; background:#fff; border-bottom:1px dotted #dfdfdf;} #main-content .even td {background:#f5f5f5;} #main-content td:first-child strong {font-size: 120%;} .available {color:#008000;} .registered {color:#ff0000;} #main-content td img {margin-right:5px;} #main-content tfoot td {border-bottom-width:0px; text-align:right;} #main-content.threecol dl { border-top: 1px dotted #CCCCCC; margin: 0px; padding: 2px; width: 455px; } div.fourcol { width: 760px; margin-right: 0px; padding-bottom: 36px; } div.fivecol { width: 948px; margin-right: 0px; padding-bottom: 36px; width: 938px; margin: 0px; padding: 0px 0px 18px 18px; } /* Shopping basket styles -------------------------------------------------------------- */ #order-basket tr td:last-child {text-align:center;} #order-basket tr th:last-child {text-align:center;} #order-basket td {border-bottom:none;} #order-basket tbody {padding-top:10px; border-bottom:1px dotted #dfdfdf;} #order-basket tbody tr:first-child td {padding-top:10px;} .service-name {padding-left:15px;} .extra-services td p {text-align:left; margin-top:10px; color:#bfd255;} .extra-services ul {margin:0px; padding:0px; display:inline;} .extra-services ul li {margin:0px; padding:0px; display:inline;} .order-update {text-align:right; line-height:1.5em; margin-bottom:0px;} .order-total {font-size:150%; margin-bottom:10px; padding: 10px;} .order-total strong {font-size:120%;} #cart-controls {} .cart-button {display:block; float:left; -moz-border-radius:20px; border-radius:20px; padding:5px 10px; font-weight:bold; text-align:center; text-decoration:none; -moz-box-shadow:0px 1px 1px #ccc; -webkit-box-shadow:0px 1px 1px #ccc; box-shadow:0px 1px 1px #ccc; margin-right:20px;} .cart-button { display:block; float:left; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:5px 10px; font-weight:bold; text-align:center; text-decoration:none; -moz-box-shadow:0px 1px 1px #CCCCCC; -webkit-box-shadow:0px 1px 1px #CCCCCC; box-shadow:0px 1px 1px #CCCCCC; margin-right:20px; } #order-more { background: #bfd255; /* old browsers */ background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* ie */ text-shadow: #456F4B 1px 1px 1px; border: 2px solid #fff } .search-button { font:normal normal 14px Arial,Verdana,sans-serif; text-align:center; text-decoration:none; width:125px; } #your-domain.domain-name { color: #000000; background: #FFFFFF; border: 2px inset #FFFFFF; font:normal normal 14px Arial,Verdana,sans-serif; } #suffix { background-color: #FFFFFF; color: #000000; font:normal normal 14px Arial,Verdana,sans-serif; } #cart-controls a:link, #cart-controls a:visited, #cart-controls a:hover, #cart-controls a:active {color:#fff;} /* Horizontal Registration Steps styles -------------------------------------------------- */ ol#reg-steps2 {height:60px; width:auto; padding-left:10px; background-image: -moz-linear-gradient(100% 100% 90deg, #f5f5f5, #fff); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fff)); border:1px solid #E6F3E6; -moz-border-radius:5px; border-radius:5px; color:#999;} ol#reg-steps2 li {float:left; height:60px; padding-right:20px; margin-right:10px; background:url(../images/icons/arrow.png) no-repeat right center;} ol#reg-steps2 li:last-child {background:none;} ol#reg-steps2 li span, ol#reg-steps2 li a {display:block; height:40px; padding-top:30px; background:url(../images/icons/stepincomplete.png) no-repeat center 10px; color:#999;} ol#reg-steps2 li.current a {color:#333} ol#reg-steps2 li.completed a {background:url(../images/icons/stepcomplete.png) no-repeat center 10px; color:#709F6D;} /* Hosting page table styles --------------------------------------------------*/ table#hosting-options { border-top: 1px solid #AAAAAA; /* border-left: 1px solid #CCCCCC; */ } table#hosting-options th { text-align: center; border-right: 1px solid #AAAAAA; background: #CDCDCD; } table#hosting-options th.option { text-align: left; padding-left: 12px; text-transform: none; border-left: 1px solid #AAAAAA; } table#hosting-options th a { text-decoration: none; } table#hosting-options span.package-name { display: block; text-transform: uppercase; font-size: 18px; } table#hosting-options span.package-price { color: #282B01; text-transform: none; font-size: 12px; } table#hosting-options span.package-price strong { color: #FF0000; font-size: 16px; } table#hosting-options th a span { font-size: 10%; text-transform: none; color: #282B01; } table#hosting-options td { text-align: center; border-bottom: none; border-right: 1px solid #AAAAAA; } table#hosting-options td.option { text-align: left; padding-left: 12px; border-left: 1px solid #AAAAAA; } table#hosting-options tr#bandwidth td, table#hosting-options tr#storage td { background: #888888; color: #FFFFFF; border-bottom: none; } table#hosting-options tr#prices td { background: #333333; background: #CDCDCD; color: #FFFFFF; } table#hosting-options tr#order td { border-right: none; } table#hosting-options tr#order td a { padding: 3px 5px 3px 5px; margin: 0px; background: #4E7E0f; color: #FFFFFF; font-size: 16px; font-weight: bold; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } table#hosting-options tr#order td a span { position: absolute; left: -1000em; } /* General form styles --------------------------------------------------*/ div.form-row {clear:left; padding:10px 0px;} div.form-row label {width:220px; float:left; font-weight:bold; text-align:right; margin-right:20px;} fieldset {border:none; background:; margin-top:20px;} legend {font-size:120%; font-weight:bold; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} fieldset p {font-size: 90%;} span.req {color:red; font-weight:bold;} /* Homepage Top styles -------------------------------------------------------------- */ #homepage-top {padding-bottom: 10px;} #homepage-bottom {padding-bottom: 10px; padding-top: 30px;} #imageWrapper { positions: relative; heights: 200px; } /* height is for display purposes only */ #bottomImage { position: absolute; bottom: 0; } /* Homepage domain intro styles -------------------------------------------------------------- */ #domain-intro {width:460px; float:left; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #CCCCCC; box-shadow: 0px 3px 3px #CCCCCC; -webkit-box-shadow: 0px 3px 3px #CCCCCC; margin:0px 10px;} #domain-introx {width:948px; float:left; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0px 3px 3px #CCCCCC; -webkit-box-shadow: 0px 3px 3px #CCCCCC; box-shadow: 0px 3px 3px #CCCCCC; margin:0px 10px;} #domain-intro.threecol {width:548px; margin:0px 5px; padding-bottom:0px;} #domain-intro.fivecol {width:938px !important; float:left; -moz-border-radius:0px; border-radius:0px; -moz-box-shadow: 0px 0px 0px #CCCCCC; -webkit-box-shadow: 0px 0px 0px #CCCCCC; box-shadow: 0px 0px 0px #CCCCCC; margin:0px 5px; padding-bottom:0px;} /* Homepage Domain Search form styles -------------------------------------------------------------- */ #domain-search {padding:10px; background-color:#CC0000; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; background-image:url(images/linear_bg_2.png); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #CC0000, #D94040); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC0000), to(#D94040));} #domain-search.white {padding:10px; background-color:#E5E5E5; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; background-image:url(images/linear_bg_2.png); /* fallback image */ background-image: -moz-linear-gradient(100% 100% 90deg, #F5F5F5, #E5E5E5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F%), to(#E5E5E5));} #domain-search h2 {font-size:180%; font-weight:bold; color:#FFFFFF; margin: 0px 0px 20px 0px;} #domain-search.white h2 {font-size:180%; font-weight:bold; color:#CD0000; margin: 0px 0px 20px 0px;} #domain-searchform {margin:0px 0px;} #domain-searchform.white {text-align: center;} #domain-searchform span {font-size:100%; font-weight:bold; color:#FFFFFF;} #domain-searchform.white span {color:#CD0000;} #domain-searchform input, #domain-searchform select {margin-right:5px;} #domain-searchform p {font-size:100%; font-weight:normal; color:#FFFFFF; margin: 5px 0px 0px 0px;} #domain-searchform.white p {color:#003366;} #domain-search h3 { background: none; clears: both; color: #003366; float: left; font: bold 14px/110% "Lucida Sans", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px 0px 5px 0px; position: relative; text-align: center; width: 918px; } #domain-search h4.left { background: none; clear: both; color: #003366; float: left; font: normal 13px/110% "Lucida Sans", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px 10px 5px 70px; position: relative; text-align: left; width: 250px; } #domain-search h4.center { background: none; color: #003366; float: left; font: normal 13px/110% "Lucida Sans", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px 10px 5px 50px; position: relative; text-align: left; width: 250px; } #domain-search h4.right { background: none; color: #003366; float: left; font: normal 13px/110% "Lucida Sans", Helvetica, Arial, sans-serif; margin: 0px; padding: 0px 0px 5px 5px; position: relative; text-align: left; width: 250px; } /* Domain Check form styles --------------------------------------------------*/ form#domain-check { color: #FFFFFF; background: #CD0000; margin-top: 0px; padding: 20px 10px 20px 20px; } form#domain-check label { font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 140%; line-height: 1em; } form#domain-check input {line-height: 1em;} p#domain-check-results { background: #FFFFFF; padding: 12px; margin: 0px; } div#notes {background: #EAEAEA; border-top: 1px solid #FFFFFF; padding: 6px;} div#notes p {padding: 0px 12px; font-style: italic;} div#notes p strong {color: #CD0000;} /* Homepage Domain Offers styles -------------------------------------------------------------- */ /* #domain-offers {padding:10px; background: url(../images/bg-domainOffers.png) no-repeat center top #f5f5f5; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } */ #domain-offers {padding:10px; background: #f5f5f5; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } #domain-offers table {font-size:12px; width: 100%; margin-bottom: 10px;} #domain-offers tr {font-size:140%; border-bottom:1px dotted #ccc;} #domain-offers th {font-size:75%; color:#003366; text-align:left; padding:5px 5px 5px 0px;} #domain-offers td {font-weight:bold; padding:5px 5px 5px 0px;} td.domain-suffix {font-size:140%; color:#cc0000;} #domain-offers td sup {font-size: 60%;} #domain-offers p a:link {color:#0044a3;} #domain-offers p a:visited {color:#0044a3;} #domain-offers p a:hover, #domain-offers p a:focus {color:#cc0000;} #domain-offers p a:active {color:#FFFF00;} #domain-offers h2 {font-size:180%; font-weight:bold; color:#003366; margin: 0px 0px 20px 0px;} #domain-offers sup {font-size:60%} /* Homepage Adverts section styles -------------------------------------------------------------- */ #hp-ads {width:460px; height: 280px; float:left; margin:0px 10px; /* border-radius:5px; -moz-border-radius:5px; box-shadow: 0px 3px 3px #ccc; -moz-box-shadow: 0px 3px 3px #ccc; -webkit-box-shadow: 0px 3px 3px #ccc; background:#f5f5f5; */} #hp-ads {width:400px; height: 280px; float:left; margin:0px 0px; /* border-radius:5px; -moz-border-radius:5px; box-shadow: 0px 3px 3px #ccc; -moz-box-shadow: 0px 3px 3px #ccc; -webkit-box-shadow: 0px 3px 3px #ccc; background:#f5f5f5; */} #hp-ads.fivecol {width:880px;} .hp-ad {color:#999; padding-top:20px; border:1px dashed #dfdfdf; background:#f5f5f5;} .hp-ad {color:#999999; padding-top:20px; border:1px solid #FFFFFF; background:#FFFFFF;} .hp-ad h3 {font:normal bold 14px Arial,Verdana,sans-serif;} .hp-ad h4 {font:normal bold 13px Arial,Verdana,sans-serif;} .hp-ad a:link {color:#0044A3;} .hp-ad a:visited {color:#0044A3;} .hp-ad a:active {color:#FFFF00;} .hp-ad a:hover, .hp-ad a:focus {color:#CD0000;} .ad-1col {width:434px; height:100px; float:left; text-align:center; margin:10px;} .ad-2col {width:208px; height:100px; float:left; text-align:center; margin:10px;} .ad-3col {width:130px; height:100px; float:left; text-align:center; margin:7px;} #hp-ads .logo-1 { float:left; left:25px; margin:0px; padding:0px; position:relative; top:100px; width:125px; } #hp-ads.fivecol .logo-1 { left:125px; } #hp-ads .logo-2 { float:left; left:25px; margin:0px; padding:0px; position:relative; top:30px; width:125px; } #hp-ads.fivecol .logo-2 { left:140px; } #hp-ads .logo-3 { float:left; left:25px; margin:0px; padding:0px; position:relative; top:100px; width:125px; } #hp-ads.fivecol .logo-3 { left:150px; } #hp-ads .logo-4 { clear:left; float:left; left:85px; margin:0px; padding:0px; position:relative; top:130px; width:135px; } #hp-ads.fivecol .logo-4 { clear:none; left:165px; top:20px; width:125px; } #hp-ads .logo-5 { float:left; left:85px; margin:0px; padding:0px; position:relative; top:130px; width:135px; } #hp-ads.fivecol .logo-5 { left:180px; top:90px; width:125px; } #hp-ads h3 {font:normal bold 14px Arial,Verdana,sans-serif;} #hp-ads h4 {font:normal bold 13px Arial,Verdana,sans-serif;} /* Front Page Sidebar styles -------------------------------------------------------------- */ #main-sidebar h2 {margin-bottom:10px;} #main-sidebar p {margin-bottom:10px;} #main-sidebar hr { clear: left; margin: 0px; border-top: 1px dotted #CD0000; border-right: none; border-bottom: none; border-left: none; } #main-sidebar ul, #main-sidebar ol {margin:0px 0px 0px 20px;} #main-sidebar a:link {color:#0044a3;} #main-sidebar a:visited {color:#0044a3;} #main-sidebar a:hover, #main-content a:focus {color:#cc0000;} #main-sidebar a:active {color:#FFFF00;} .sbar-section {margin-bottom: 20px;} .hp-feature {margin-bottom: 20px; /* border-bottom:1px dotted #ccc; */} #domainsearchAgain {/* padding:10px; */} #reg-steps {margin-top:20px; font-weight:bolder;} #reg-steps li a:link, #reg-steps li a:visited {display:block; line-height:16px; padding-left:25px; color:#999; text-decoration:none; margin-bottom:10px;} #reg-steps li a:hover, #reg-steps li a:focus {color:#0044a3;} #reg-steps li a:hover {color:#cc0000;} #reg-steps li a.current {font-size:110%; color:#333;} #reg-steps .step1 a {background:url(https://www.bb-online.net/images/icons/icon-step1.gif) no-repeat left center;} #reg-steps .step2 a {background:url(/images/icons/icon-step2.gif) no-repeat left center;} #reg-steps .step3 a {background:url(/images/icons/icon-step3.gif) no-repeat left center;} #reg-steps .step4 a {background:url(/images/icons/icon-step4.gif) no-repeat left center;} #reg-steps .step5 a {background:url(/images/icons/icon-step5.gif) no-repeat left center;} /* Sidebar styles -------------------------------------------------------------- */ #sidebar h2 {margin-bottom:10px;} #sidebar h4 {font-size:100%; font-weight:bolder; color:#cc0000; margin:20px 0px 10px 0px;} #sidebar table tr td {font-size:11px; font-weight:bold;} #sidebar p {margin-bottom:10px;} #sidebar a:link {color:#0044a3;} #sidebar a:visited {color:#0044a3;} #sidebar a:hover, #main-content a:focus {color:#cc0000;} #sidebar a:active {color:#FFFF00;} .sbar-section {margin-bottom: 20px;} .hp-feature {margin-bottom: 20px; /* border-bottom:1px dotted #ccc; */} #domainsearchAgain {/* padding:10px; */} .box { padding:5px 0px; width: auto; } .box div { margin:0px; padding:5px 10px; border:0px solid #CD0000; border:0px solid #F5F5F5; background: #F5F5F5; background-image: -moz-linear-gradient(100% 100% 90deg, #FFFFFF, #F5F5F5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#FFFFFF)); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 2px 2px 1px #CCCCCC; /* Firefox */ -webkit-box-shadow: 2px 2px 1px #CCCCCC; /* Safari and Chrome */ box-shadow: 2px 2px 1px #CCCCCC; } #buyerBeware { background: #F5F5F5 url(../images/buyer-beware.gif) no-repeat 273px bottom; background-size:100px 80px; -moz-background-size:100px 80px; /* Firefox 3.6 and earlier */ -webkit-background-size:100px 80px; /* Safari */ } #domainHospital { background: #F5F5F5 url(../images/doctor-80.gif) no-repeat 275px bottom; background-size:80px 80px; -moz-background-size:80px 80px; /* Firefox 3.6 and earlier */ -webkit-background-size:80px 80px; /* Safari */ } .medium { font-size: 15px; line-height: 15px; font-weight: bold; font-style: italic; color: green; } /* New Sidebar styles --------------------------------------------------*/ div#sidebar {background: none;} div#sidebar {background: #EAEAEA;} div#sidebar div { padding: 0px 10px 24px 10px; background: none; background: url(../images/bg-nom-sidebar-div4.jpg) no-repeat left top; } div#sidebar h2 { padding: 12px 0px 30px 0px; font-family: Arial, Verdana, sans-serif; font-size: 150%; font-weight: bold; color: #FFFFFF; } div#sidebar.twocol .sb-hr {border: 0; color: #FFFFFF; background-color: #FFFFFF; height: 10px; margin: 0px; padding: 0px;} /* div#sidebar div#price-info {background-image: none; border-top: 13px solid #CD0000;font-size: 100%} */ div#sidebar.twocol div#price-info {background: url(../images/bg-nom-sidebar-div3.jpg) repeat-x left top;font-size: 100%;} div#sidebar.twocol {background: url(../images/bg-nom-sidebar-div3.jpg) repeat-x left top #EAEAEA;font-size: 100%;} div#sidebar div#price-info h2 {color: #003366; padding-top: 25px;} div#sidebar p, div#sidebar ul, div#sidebar dl {/* margin: 0px 12px; */} /* Shopping Basket Sidebar styles --------------------------------------------------*/ div#sidebar.shopping-basket {background: #FFFFFF;} div#sidebar.shopping-basket div { padding: 0px 10px 24px 10px; background: none; background: url(../images/bg-nom-sidebar-div4.jpg) no-repeat left top; } div#sidebar.shopping-basket .sb-bar {background: url(../images/bg-nom-sidebar-div2.jpg) repeat-x left top #FFFFFF;font-size: 100%;} div#sidebar.shopping-basket .sb-bar h2 {color: #C90011; padding-bottom: 5px;; padding-top: 25px;} div#sidebar.shopping-basket .sb-hr {border: 0; color: #FFFFFF; background-color: #FFFFFF; height: 10px; margin: 0px; padding: 0px;} div#sidebar.shopping-basket .sb-box { margin-top:0px; padding:20px; background-image: -moz-linear-gradient(100% 100% 90deg, #EEEEEE, #FFFFFF); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#FFFFFF)); border:1px solid #EEEEEE; -moz-border-radius:5px; border-radius:5px; } div#sidebar.shopping-basket .sb-box h2 {color: #C90011; padding-bottom: 5px;; padding-top: 5px;} /* New Sidebar Prices table styles --------------------------------------------------*/ div#price-info table {font:normal bold 100% Helvetica,Arial,Verdana,sans-serif;margin:0px 0px 12px 0px; line-height:0.8em;} div#price-info table strong {color: #CD0000; font:normal bold 120% Helvetica,Arial,Verdana,sans-serif;} div#price-info table th {padding: 8px 0px 6px 6px;} div#price-info table td {padding: 6px 0px 6px 6px;} div#price-info table tr.even td {background: #f5f5f5;} /* Domain Services styles --------------------------------------------------*/ div#control-panel ul { padding: 0px; margin: 12px 0px 0px 0px; margin-bottom: 12px; } div#control-panel ul li { list-style-type: none; padding-left: 40px; margin-bottom: 12px; } div#control-panel ul li strong {display: block;} div#domain-services ul { padding: 0px; margin: 12px 0px 0px 0px; } div#domain-services ul li { list-style-type: none; padding-left: 40px; margin-bottom: 12px; } div#domain-services ul li strong {display: block;} li#dserv-cpanel {background: url(../images/icon-dserv-cpanel.png) no-repeat left top;} li#dserv-emailfwd {background: url(../images/icon-dserv-emailfwd.png) no-repeat left top;} li#dserv-webfwd {background: url(../images/icon-dserv-webfwd.png) no-repeat left top;} li#dserv-freepark {background: url(../images/icon-dserv-freepark.png) no-repeat left top;} li#dserv-dnszone {background: url(../images/icon-dserv-dnszone.png) no-repeat left top;} li#dserv-changedns {background: url(../images/icon-dserv-changedns.png) no-repeat left top;} li#dserv-lockdom {background: url(../images/icon-dserv-lockdom.png) no-repeat left top;} li#dserv-support {background: url(../images/icon-dserv-support.png) no-repeat left top;} li#dserv-nohidden {background: url(../images/icon-dserv-nohidden.png) no-repeat left top;} li#dserv-freetransfers {background: url(../images/icon-dserv-freetransfers.png) no-repeat left top;} li#dserv-totallock {background: url(../images/icon-dserv-totallock.png) no-repeat left top;} li#dserv-delprotect {background: url(../images/icon-dserv-delprotect.png) no-repeat left top;} li#dserv-webhosting {background: url(../images/icon-dserv-webhosting.png) no-repeat left top;} li#dserv-freepopboxes {background: url(../images/icon-dserv-freepopboxes.png) no-repeat left top;} li#dserv-nohiddenfees {background: url(../images/icon-dserv-nohiddenfees.png) no-repeat left top;} li#dserv-websearch {background: url(../images/icon-dserv-websearch.png) no-repeat left top;} li#dserv-international {background: url(../images/icon-dserv-international.png) no-repeat left top;} li#dserv-affiliates {background: url(../images/icon-dserv-affiliates.png) no-repeat left top;} li#dserv-bulkreg {background: url(../images/icon-dserv-bulkreg.png) no-repeat left top;} /* Footer styles -------------------------------------------------------------- */ #footer {background: #f5f5f5; color: #999; border-top:1px dotted #ccc;} #footer-content {width:960px; margin:0px auto; padding:20px 0px;} #footer p {line-height:1.5em; margin-bottom: 12px;} #footer ul li {display:inline; margin-right:20px;} #footer ul a:link, #footer ul a:visited {color:#999;} #footer ul a:hover, #footer ul a:focus {color:#333;} #footer ul a:active {color:#cc0000;} /* AtoZ styles --------------------------------------------------*/ ul#atoz-nav {height:30px; margin:0px; padding:0px; border-left:1px solid #003366;} ul#atoz-nav li { float: left; margin: 0px 0px 24px 0px; padding: 0px; list-style-type: none; } ul#atoz-nav li a { display: block; width: 18px; line-height: 18px; padding: 6px; background: #f5f5f5; text-decoration: none; text-align: center; font-weight: bold; font-size: 120%; color: #003366; border-top: 1px solid #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; } div#atoz-eg1 {clear:left;} div#atoz-eg1 h2 { clear: left; background: #003366; color: #ffffff; padding: 6px; } div#atoz-eg1 ul.atoz { margin: 0px; padding: 0px; clear: left; } div#atoz-eg1 ul.atoz li { width: 180px; height: 45px; float: left; margin: 0px 20px 20px 0px; padding: 12px 0px 12px 12px; list-style-type:none; border: 1px solid #ccc; background: #f5f5f5; } div#atoz-eg1 ul.atoz li a {color: #003366;} div#atoz-eg1 span.atoz-extension { display: block; font-weight: bold; font-size: 140%; } div#atoz-eg1 span.atoz-countryextension { display: block; font-weight: bold; font-size: 100%; } div#overDiv table tr td { margin: 0px !important; padding: 0px !important; border-bottom: 0px !important; }