/* Main Layout Styles */ body {background: #000000; font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; color: #fff;} .right {float: right;} .left {float: left;} img {border: none;} ul, li {margin: 0; padding: 0; list-style: none;} form {margin: 0; padding: 0;} a {color:#0088B5; font-weight: bold; } a:hover {color: #0078A0; } #container {width: 930px; margin: auto; overflow: auto;} #content {width: 930px; overflow: auto;} #header {width: 930px; height: 120px;} .logo {margin: 0px; float: left;} ul#toplinks {float: right; color: #0099FF; margin: 0; padding: 0; list-style: none;} ul#toplinks li {float: right; margin: 3px 0 0 10px;} ul#toplinks a { color: #0099FF; font-weight: normal;} ul#toplinks a:hover { color: #0066CC; font-weight: normal;} #nav {padding: 0; width: 910px; background: #008DBC url(./theme-images/bg_nav.png) repeat-x bottom; padding: 9px 0 10px 20px; -moz-border-radius: 10px 10px 0px 0px; color: #fff; height: 12px; margin: 5px 0px 1px 0px;} #nav li {padding-right: 20px; float: left; display: block;} #nav a {color: #fff; text-decoration: none; font-weight: normal;} #nav a:hover {color: #33CCFF;} #footer {width: 930px; height 15px;} #footer {float: right; color: #0099FF; margin: 0; padding: 0; list-style: none;} #footer li {float: right; margin: 3px 0 0 10px;} #footer a { color: #0099FF; font-weight: normal;} #footer a:hover { color: #0066CC; font-weight: normal;} /* Homepage Styles */ #topbox {width: 890px; padding: 10px 20px; background: #00ACE6 url(./theme-images/bg_fptopbox.png) repeat-x bottom; overflow: auto; color: #fff;} #topbox h4 {color: #fff; font-size: 20px; letter-spacing: -1px; margin: 0; padding: 0 0 5px 0; } #topbox input {border: 1px solid #0093C4; padding: 3px 3px; } #topbox select {margin-left: 3px;} #topbox .btn {padding: 3px 5px; background: #004055; color: #fff; border: none; -moz-border-radius: 3px; position:absolute; margin-left: 5px; cursor: pointer; width: 60px; font-size: 11px;} #topbox .btn:hover {background: #005773; } #tbleft {float: left; width: 450px; padding-top: 15px;} #tbleft a { color: #FFFFFF;} #tbleft .tld {width: 75px;} #middle {float: left; width: 450px; padding: 50px 0px 50px 240px;} #middle .tld {width: 80px;} #middletext {float: left; width: 650px; padding: 10px 10px 10px 215px;font-size: 14px;} #middletext .tld {width: 100px;} #tbright {font-size: 12px; float: right; width: 400px; border-left: 1px solid #00ACE5; padding-left: 15px;} #tbright #boxleft {float: left; width: 225px;} #tbright input {width: 145px; margin: 5px 0 0 5px;} #tbright p {float: right; margin: 0; padding: 0;} #tbright p.link {float: left; margin: 13px 0 0 10px; font-size: 11px; padding: 0;} #tbright a {color: #fff; text-decoration: underline;} ul#promobox {width: 930px; position: relative; float: left;} ul#promobox p {margin: 0; padding: 0;} ul#promobox li {width: 274px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 1px 1px 1px 0; color: #fff; } ul#promobox ul {margin: 0 0 10px 0;} ul#promobox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;} ul#promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;} ul#promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;} ul#promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;} ul#promobox a {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;} ul#promobox a:hover {background: #005773;} ul#promobox li.two{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 290px;} ul#promobox li.three {margin-right: 0; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;} ul#promobox li.four{background: #00ACE6 repeat-x bottom;padding: 10px 10px 10px 10px; width: 639px; border-top-width: 0px; border-left-width: 0px; height: 28px; margin: 0px 0px 1px 0px;} ul#promobox li.five {background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; height: 157px; width: 270px; margin: 0px 1px 1px 0px; padding: 0px;} ul#promobox li.six{background: #09C1FF repeat-x bottom;padding: 8px 10px 12px 10px; width: 639px; border-top-width: 0px; border-left-width: 0px; height: 89px; margin: 0px 0px 1px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.seven {background: #00ACE6 repeat-x bottom; width: auto; margin: 0px 0px 0px 0px; padding: 10px;} ul#promobox li.eight {background: #00ACE6 repeat-x bottom;padding: 10px 10px 10px 10px; width: 635px; border-top-width: 0px; border-left-width: 0px; height: 33px; margin: 0px 0px 5px 0px;} ul#promobox li.nine {margin-right: 0; background: #008DBC repeat-x bottom; height: 26px; width: 270px; margin: 0px 1px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.ten {margin-right: 0; background: #008DBC repeat-x bottom; height: 26px; width: 329px; margin: 0px 1px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.eleven {margin-right: 0; background: #008DBC repeat-x bottom; height: 26px; width: 329px; margin: 0px 0px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.twelve {margin-right: 0; background: #00ACE6 repeat-x bottom; height: 26px; width: 329px; margin: 0px 1px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.thirteen {margin-right: 0; background: #00ACE6 repeat-x bottom; height: 26px; width: 329px; margin: 0px 0px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.fourteen {margin-right: 0; background: #008DBC repeat-x bottom; height: 26px; width: 270px; margin: 0px 1px 1px 0px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.fifthteen {margin-right: 0; background: #008DBC repeat-x bottom; height: 26px; width: 329px; margin: 4px 0px 5px 1px; padding: 5px 0px 0px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.seventeen {width: 270px; padding: 0px 0px 0px 0px; background: #008DBC repeat-x bottom; height: 31px; margin: 4px 0px 1px 0px; font-family: Tahoma; font-size: 14px;} ul#promobox li.fifthteen a {padding: 0px 5px 5px 5px; background: #008DBC; float: left; margin: 0px 0px 0px 125px; font-weight: bold; -moz-border-radius: 5px;} ul#promobox li.fifthteen a:hover ul#promobox li.sixteen{background: #09C1FF repeat-x bottom;padding: 8px 10px 12px 10px; width: 639px; border-top-width: 0px; border-left-width: 0px; height: 135px; margin: 0px 0px 1px 0px; font-family: Tahoma; font-size: 14px;} #hostingpackage1 {width: 284px; position: relative; float: left; background: #008DBC repeat-x bottom; margin: 1px 1px 1px 0; padding: 0px 10px 10px 10px; color: #fff;} #hostingpackage2 {width: 300px; position: relative; float: left; background: #008DBC repeat-x bottom; margin: 1px 1px 1px 0; padding: 0px 10px 10px 10px; color: #fff;} #hostingpackage3 {width: 284px; position: relative; float: left; background: #008DBC repeat-x bottom; margin: 1px 0px 1px 0; padding: 0px 10px 10px 10px; color: #fff;} #addonsbox1 {width: 284px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 1px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox2 {width: 300px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 1px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox3 {width: 284px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 1px 0px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox4 {width: 284px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/search-engine-submission.png) repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox5 {width: 300px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/virus-protection.png) repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox6 {width: 284px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/domain-privacy.png) repeat-x bottom; margin: 0px 0px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox7 {width: 284px; height: 60px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #addonsbox8 {width: 300px; height: 60px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #addonsbox9 {width: 284px; height: 60px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 0px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #addonsbox10 {width: 284px; height: 40px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 5px 10px; color: #fff;} #addonsbox10 a { color: #FFFFFF;} #addonsbox11 {width: 300px; height: 40px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 5px 10px; color: #fff;} #addonsbox11 a { color: #FFFFFF;} #addonsbox12 {width: 284px; height: 40px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 0px 1px 0; padding: 0px 10px 5px 10px; color: #fff;} #addonsbox12 a { color: #FFFFFF;} #addonsbox13 {width: 284px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/student-hosting.png) repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox14 {width: 300px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/individual-hosting.png) repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox15 {width: 284px; height: 200px; position: relative; float: left; background: #008DBC url(./theme-images/business-hosting.png) repeat-x bottom; margin: 0px 0px 1px 0; padding: 0px 10px 0px 10px; color: #fff;} #addonsbox16 {width: 284px; height: 120px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #addonsbox17 {width: 300px; height: 120px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 1px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #addonsbox18 {width: 284px; height: 120px; position: relative; float: left; background: #00ACE6 repeat-x bottom; margin: 0px 0px 1px 0; padding: 10px 10px 10px 10px; color: #fff;} #blackout {width: 900px; height: 30px; position: relative; float: left; background: #000000 repeat-x bottom; margin: 0px 1px 1px 0; padding: 0px 10px 5px 10px; color: #000000;} #blackout a { color: #000000;} #webhost {width: 910px; height: 20; background: #008DBC; float: left; margin: 0px 0px 0px 0px; padding: 20px 10px 30px 10px;} #webhostcontent {width: 910px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 0px 10px 10px 10px;} #domainfinderlink {width: 630px; height: 65px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 30px 10px 10px 290px; font-size: 14px; font-colour: #ffffff;} #domainfinderlink li.two {width: 910px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 20px 10px 20px 140px; font-size: 14px; font-colour: #ffffff;} #domainfinderlink li.three {width: 890px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 20px 40px 20px 140px; font-size: 14px; font-colour: #ffffff;} #domainfinderlink a { color: #FFFFFF;} #addonsbar {width: 910px; height: 20; background: #008DBC; float: left; margin: 0px 0px 0px 0px; padding: 20px 10px 30px 10px;} #addonbottom {width: 510px; height: 65px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 31px; padding: 30px 10px 10px 410px; font-size: 14px; font-colour: #ffffff;} #addonbottom a { color: #FFFFFF;} #addonbottomtwo {width: 520px; height: 65px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 30px 10px 10px 400px; font-size: 14px; font-colour: #ffffff;} #addonbottomtwo a { color: #FFFFFF;} #addonbottomthree {width: 590px; height: 65px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 30px 10px 10px 330px; font-size: 14px; font-colour: #ffffff;} #addonbottomthree a { color: #FFFFFF;} #addonbottomfour {width: 560px; height: 65px; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x scroll center bottom; float: left; margin: 1px 0px 0px 0px; padding: 30px 10px 10px 360px; font-size: 14px; font-colour: #ffffff;} #addonbottomfour a { color: #FFFFFF;} #student_image {width: 270px; padding: 0px 5px 5px 0px; background: #000000; overflow: auto; color: #fff;} ul#studentbox {width: auto; float: right;} ul#studentbox p {margin: 0; padding: 0;} ul#studentbox li {width: 625px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 0px 0px 0px 0px; color: #fff; } ul#studentbox ul {margin: 0 0 10px 0;} ul#studentbox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;} ul#studentbox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;} ul#studentbox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;} ul#studentbox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;} ul#studentbox a {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;} ul#studentbox a:hover {background: #005773;} ul#addons {width: auto; float: left;} ul#addons p {margin: 0; padding: 0;} ul#addons li {width: 100px; padding: 5px 10px 0px 10px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 1px 1px 0px 0px; color: #fff; } ul#addons ul {margin: 0 0 10px 0;} ul#addons li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;} ul#addons li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;} ul#addons li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;} ul#addons li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;} ul#addons a {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;} ul#addons a:hover {background: #005773;} ul#addons li.two{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 186px; height: 20px;} ul#addons li.three{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.four{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.five{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.six{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;width: 160px; height: 20px; margin: 1px 0px 0px 0px;} ul#addons li.seven{background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.eight{background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.nine{background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;width: 160px; height: 20px;} ul#addons li.ten{background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;width: 160px; height: 20px; margin: 1px 0px 0px 0px;} ul#addons li.black{background: #000000 repeat-x bottom;width: 910px; height: 4px; margin: 0px 0px 0px 0px; padding: 0px;} /* Control Panel Styles */ #blackbox {width: 700px; height: 20px; background: #000000; float: left;} #blackbox2 {width: 910px; height: 4px; background: #000000; float: left;} ul#menu {width: 160px; padding: 15px; margin-right: 15px; background: #007DE3; float: left;} ul#menu li {margin: 0; background: url(./theme-images/bullet_menu.png) no-repeat left center; padding-left: 10px; width: 155px;} ul#menu li a {color: #ffffff; font-weight: bold; display: block; padding: 4px 0 4px 5px;} ul#cp {width: 710px;} ul#cp li a{width: 135px; height: 105px; background: #000000 no-repeat; text-align: center; float: left; margin: 0 7px 7px 0; font-size: 11px; font-weight: bold; display: block; color: #ffffff; text-decoration: none; border: none;} ul#cp li {display: inline; } ul#cp li.end {margin-right: 0; } ul#cp li a:hover {color: #999;} ul#cp img {margin: 7px auto 3px auto;} .bad-input {color: red; background: yellow} .contact-1 {float: left} table.price-and-description {border: 1px solid #888; width: 95%} table.price-and-description td {border: 1px solid #888; padding: 5px;background: #f6f6f6} .error {color: red} table.basket {width: 100%; border-collapse: collapse; border: 1px solid #ccc; border-spacing: 2;} table.basket thead th { background: #888; color: white; } table.basket tbody td, table.basket tbody th, table.basket tfoot th, table.basket tfoot td { background: #eee; color: black; border-bottom: 1px solid #ccc; text-align: center; } table.basket tfoot th, table.basket tbody th { text-align: left; } table.basket tbody td:first-child { text-align: left; } td.unit_price_left { border-width: 1px 0px 1px 1px; } td.unit_price_mid { border-width: 1px 0px 1px 0px; } td.unit_price_right { border-width: 1px 1px 1px 0px; text-align: right; } .contact-1 table th { text-align: left; } a:link img#check-cookie { border: none; } a:visited img#check-cookie { border: none; } a:hover img#check-cookie { border: none; } .bottom-links span {font-size: smaller;} .left-th th {text-align: left;} input[type="text"]{width: 200px; border: 1px solid #ccc; padding: 3px;} select {width: 200px;} .normal-input-width input[type="text"], .normal-input-width select {width: auto;} .dac-results-table {width: 100%; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 2;} .dac-results-table td, th {padding: 5px;} .basket .item-name {text-align: left; padding: 5px;} .basket tbody th {text-align: left;} .basket tfoot th {text-align: left;} /* This is just to make MSIE more sane */ h1 {margin: 0; padding: 0; font-size: 24px; letter-spacing: -1px; font-weight: bold; } h4 {font-size: 100%;}