body {background: #fff repeat-x top; font-family: Arial, Sans-Serif; font-size: 12px; color: #666; padding: 0; margin: 0;} .right {float: right;} .left {float: left;} .box {background: #fff url(./theme-images/bg_generic_box.png) repeat-x bottom; border: 1px solid #eee; -moz-border-radius: 12px; -webkit-border-radius: 12px;} img {border: none;} ul, li {margin: 0; padding: 0; list-style: none;} .hl {color: #53D3FF;} .hlalt {color: #009CD0;} p {margin: 0; padding-bottom: 15px;} form {margin: 0; padding: 0;} h1, h2, h3, h4, h5 {color: #009CD0; margin: 0; padding: 0; letter-spacing: -1px; font-size: 30px;} h2 {font-size: 25px;} h3, h4, h6 {font-size: 16px; color: #004A61;} a {color: #009CD0;} a:hover {color: #006688;} /* Header/Layout Styles */ #header {width: 100%; height: 134px; background: #FFF repeat-x bottom;} #header .logo {float: left; margin: 38px 0 0 10px;} #innerhead {width: 920px; height: 134px; margin: 0 auto;} #subnav {float: right; width: 405px; padding: 8px 3px 0 15px; height: 27px; color: #fff; background: #222; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;} #subnav p {padding: 0 15px 0 0;} #subnav img {padding: 0 5px 0 0;} #subnav a {color: #fff; text-decoration: none;} #subnav a:hover {color: #53D3FF;} ul#navigation {float: right; margin-top: 30px; width: 485px;} ul#navigation li {float: right; width: 85px; text-align: center; font-weight: bold;} ul#navigation li a {height: 23px; padding-top: 7px; margin-left: 10px; text-decoration: none; color: #fff; display: block; background: #222 0 -60px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} ul#navigation li a:hover {background: #555 0 -30px;} #home ul#navigation li.navhome a, #hosting ul#navigation li.navhosting a, #more_info_domains ul#navigation li.navdomains a, #features ul#navigation li.navfeatures a, #latest_news ul#navigation li.navnews a {background: #009dd2;} h1{text-align:center;} #domsearch {width: 100%; height: 85px; background: #222 url(./theme-images/bgstatic.png) repeat-x;} #innerdom {width: 830px; margin: 0 auto; background: url(./theme-images/search_domains.png) no-repeat; height: 85px; padding-left: 90px; color: #fff} #domtext {float: left; width: 280px; height: 85px;} #domtext p.sub {padding-bottom:4px;} #domainprice {height: 68px; float: left; width: 145px; color: #fff; background:url(./theme-images/domain_price.png) no-repeat; padding: 17px 0 0 0; margin: 0; font-weight: bold; text-align: center;} #domainprice p.lrg{font-size: 44px; letter-spacing: -2px; padding-bottom: 3px; line-height: .8em;} #domainprice p.sml{font-size: 13px; letter-spacing: normal; padding-bottom: 3px;} #packtext{text-align:left;} #domsearch .searchdom {border: 1px solid #fff; width: 320px; background: #fff url(./theme-images/bg_searchdomains.png) repeat-x top; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px 15px; font-size: 24px; font-weight: bold; color: #ABABAB; margin: 20px 5px 0 0; float: left;} .domsearch {background: url(./theme-images/btn_search_domains.png) no-repeat top; width: 45px; height: 45px; margin: 20px 0 0 0; float: left;} .domsearch:hover {background: url(./theme-images/btn_search_domains.png) 0 -45px;} #innerdom h3{color: #fff; padding-top: 10px; font-size: 40px; letter-spacing: -2px;} #innerdom p{padding: 0 0 0 2px; line-height: 0.6em;} #container {width: 100%; background: #fff url(./theme-images/bg_container.png) repeat-x top;} #content {background: #fff url(./theme-images/bg_container.ng) repeat-x top; width: 920px; padding: 20px; margin: 0 auto; line-height:2em; overflow: auto;} .split1{width:450px; padding-right:10px;float:left;} .split2{width:450px; padding-right:10px;float:right;} .buttonnice{background-color: #06F; color:#FFF; padding:10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size:16px; } /* Homepage Styles */ #homepitch {width: 620px; background: #fff url(./theme-images/bg_homepitch.png) repeat-x bottom; float: left; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding-bottom: 20px; margin-top:15px;} #hpleft {width: 240px; height: 270px; float: left; background: url(./theme-images/fp_hosting_pitch.jpg) no-repeat top;} #hprice {width: 72px; color: #fff; float: left; height: 60px; padding: 36px 0 0 28px; text-align: center; font-weight: bold; line-height: 1.6em;} #hprice span {font-size: 32px; letter-spacing: -2px;} #homepitch h2 {font-size: 36px; letter-spacing: -2px;} #homepitch h3 {color: #004A61; font-size: 26px; line-height: .5em;} #hpright {width: 380px; float: right;} #hpright ul {float: left; padding: 20px 0 15px 0;} #hpright li {float: left; width: 180px; margin-bottom: 10px;} #hpright li img {float: left; margin: 0 4px 0 0;} #hpright p {float: left; padding: 0; margin: 0 10px 0 0; width: 125px; text-align: center;} #hpright p a { padding: 0 20px; height: 30px; text-decoration: none; color: #fff; display: block; background: #00516C url(./theme-images/bg_nav.png) 0 -60px; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 14px; font-weight: bold; line-height: 2em;} #hpright p a:hover {background: #41CFFF url(./theme-images/bg_nav.png) 0 -30px;} ul#sidebtns {width: 290px; float: right;margin-top:15px;} ul#sidebtns li {width: 280px; height: 97px; padding: 0 10px 0 0; background: url(./theme-images/bg_fp_sidebtn.png) no-repeat bottom;} ul#sidebtns li img {float: left; margin-right: 10px;} ul#sidebtns li p {padding-bottom: 0;} ul#sidebtns li h5 {font-size: 21px; letter-spacing: -2px; line-height: 1.2em; padding-top: 27px;} ul#sidebtns li.support h5 {color: #666;} ul#sidebtns li.money h5 {color: #CCA25A;} #webbuilder {width: 445px; height: 165px; float: left; background: #006E92 url(./theme-images/bg_webbuilder.png) repeat-x top; -moz-border-radius: 12px; -webkit-border-radius: 12px; padding-left: 10px; margin-top: 15px; color: #fff;} #webbuilder h3 {color: #fff; line-height: .8em; padding-top: 15px; font-size: 25px;} #webbuilder p {padding-bottom: 8px;} #webbuilder li {float: left; width: 130px;margin-bottom: 8px; background:url(./theme-images/tick_white.gif) no-repeat left; padding-left: 20px;} #webbuilder p.price {font-size: 15px; font-weight: bold;} #webbuilder p.price a {color: #fff;} #webbuilder p.price a:hover {color: #53D3FF;} #webtools {float: right; width: 453px; margin-top: 15px; padding: 15px 0 0 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; height: 148px;} #webtools img {float: left; margin: 0 10px 10px 10px;} #webtools h3 {line-height: .8em; font-size: 25px; color: #009CD0;} #webtools li {float: left; width: 135px; padding-bottom: 12px;} #webtools li img {float: left; margin: 0 4px 0 0;} #newsbox {width: 413px; float: left; padding: 10px; margin: 10px 5px 0 0;} #newsbox li {float: left; width: 413px; line-height: 1.6em;} #newsbox h3 { line-height: .8em; padding-bottom: 5px; font-size: 25px; color: #009CD0;} #newsbox h4 {line-height: 1.2em; padding-bottom: 10px;} #newsbox h4 a {font-size: 22px; padding-bottom: 5px; color: #007299; text-decoration: none;} #newsbox h4 a:hover {color: #009ED2;} #newsbox p.date { float: left; margin: 0 15px 20px 0; width: 50px; height: 65px; background: url(./theme-images/newsdate.png) no-repeat top; color: #fff; text-align: center; font-weight: bold;} #newsbox .day {font-size: 32px; line-height: 1.4em;} #newsbox .month {font-size: 12px; line-height: 1.6em;} #reviews {width: 190px; padding: 15px; float: left; margin: 10px 10px 0 0;} #reviews h3 {font-size: 25px; line-height: .9em; padding-bottom: 4px; color: #009CD0;} #reviews li p {line-height: 1.5em; padding: 0;} #reviews li {padding: 0 0 15px 0 ; background: url(./theme-images/bg_review_line.png) repeat-x bottom;} #reviews li.none {background: none; padding-top: 13px; } #windows {width: 190px; padding: 15px 15px 0 15px; float: left; margin-top: 10px;} #windows h3 {color: #F87000; font-size: 25px; line-height: .9em; padding-bottom: 4px;} #windows ul {padding-bottom: 4px;} #windows li {background: url(./theme-images/tick.png) no-repeat top left; padding-left: 25px; margin-bottom: 5px;} #windows .bigprice {color: #F87000; font-size: 25px; line-height: .9em; font-weight: bold; letter-spacing: -1px;} #windows p.btn a {font-size: 13px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-align: center; color: #fff; width: 190px; padding: 8px 0; display: block; background: #F85B00 url(./theme-images/bg_windows_btn.png) repeat-x top; text-decoration: none; font-weight: bold;} #windows p.btn a:hover {background: #F98430 url(./theme-images/bg_windows_btn.png) 0 -35px;} /* Hosting Page */ #popularpack{ margin:0 auto; background:#fff; overflow:hidden; width:940px; padding:10px 0px 10px 0px; color:#FFF; margin-bottom:17px;} #innerpoppack{width:920px; margin:0 auto; color:#FFF;} #innerpoppack h2{color:#222; text-align:center;} #widetit{width:900px; background-color:#333; padding:10px; margin-top:8px; -moz-border-radius: 10px; color: #fff; -webkit-border-radius: 10px;} #widetit h3{color:#fff; text-align:center; font-weight:normal;} #studentoffer{width:900px; background-color:#F60; padding:10px; margin-top:8px; -moz-border-radius: 10px; color: #fff; -webkit-border-radius: 10px;} #studentoffer h3{color:#fff; text-align:center; font-weight:normal;} #bonus{padding:10px;background-color:#F60; color:#fff;margin-bottom:10px;margin-top:10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;} ul#promobox {width: 920px; float: left; margin-bottom: 10px;} ul#promobox p {margin: 0; padding: 0;} ul#promobox li {width: 265px; padding: 20px 10px 20px 20px; float: left; background: #00526E; margin: 15px 14px 0 0; -moz-border-radius: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;} 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: #F60; 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: #003C4F;} #boldme{color:#fff; background-color:#222; -moz-border-radius: 10px; color: #fff; -webkit-border-radius: 10px;font-size:14px;} ul#promobox li.two{background: #006688;} ul#promobox li.three {margin-right: 0; background: #00A0D5;} #hostingbox1{width:200px;padding:6px;background-color:#00526E;color:#fff;float:left;margin-right:12px;-moz-border-radius: 10px; -webkit-border-radius: 10px;} #hostingbox1 h4{color:#fff;} #hostingbox2 h4{color:#fff;} #hostingbox3 h4{color:#fff;} #hostingbox2{width:200px;padding:6px;background-color:#f60;color:#fff;float:left;margin-right:12px;-moz-border-radius: 10px; -webkit-border-radius: 10px;} #hostingbox3{width:200px;padding:6px;background-color:#00526E;color:#fff;float:left;-moz-border-radius: 10px; -webkit-border-radius: 10px;} /* Control Panel Styles */ ul#cpnav {width: 200px; float: left;} ul#cpnav li {width: 200px; font-weight: bold; margin-bottom: 2px;} ul#cpnav li a{color: #fff; height: 23px; background: url(./theme-images/bg_cp_nav.png) no-repeat top; text-decoration:none; display: block; padding: 7px 0 0 20px;} ul#cpnav li a:hover {background: url(./theme-images/bg_cp_nav.png) 0 -30px;} #cpright {float: right; width: 700px;} #cpright h3 {font-size: 25px;} #cpright h4 {font-size: 18px;} #cpright ul {margin: 15px 0;} ul#cpanel {width:700px;} ul#cpanel li {width: 128px; height: 121px; background: url(./theme-images/bg_cp_button.png) repeat-x bottom; border: 1px solid #DEDEDE; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: center; padding-top: 7px; float: left; margin: 0 10px 10px 0;} ul#cpanel li a{display: block; text-decoration: none; font-weight: bold;} ul#cpanel img {margin-bottom: 5px;} ul#cpanel img.hosting {margin: 0 0 5px 12px;} ul#cpanel li.end {margin-right: 0;} .bad-input {color: #D94943; background: #F9E0DF;} .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: #FF6600;} table.basket {width: 100%; border-collapse: collapse; border: 1px solid #ccc; border-spacing: 2; margin-bottom: 15px;} 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; margin-bottom: 15px;} .dac-results-table td, th {padding: 5px;} .dac-results-table td:hover{background-color:#eee;} .dac-results-table th { background-color:#d7feff;} .basket .item-name {text-align: left; padding: 5px;} .basket tbody th {text-align: left;} .basket tfoot th {text-align: left;} /* Footer Styles */ #footer {width: 960px; margin:0 auto; background: #fff url(./theme-images/bgpackages.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; padding-top: 20px; height: 40px; clear: both;} #footer ul {width: 650px; margin: 0 auto; text-align: center;} #footer li {float: left; margin-right: 15px;} #footer a {color: #fff; text-decoration: none;} #footer a:hover {color: #d7feff; text-decoration:underline; } /*slider*/ .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 20px 20px 10px 20px; position: relative; width: 100%; } /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 260px; background: #fff; overflow: hidden;} .csw .loading {margin: 100px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; margin: auto; width: 920px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 260px; clear: both; background: #fff; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: relative; left: 0; top: 0; padding-left:65px; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; width: 920px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; } .stripNav { /* This is the div to hold your nav (the UL generated at run time) */ margin: auto; } .stripNav ul { /* The auto-generated set of links */ list-style: none; } .stripNav ul li { float: left; margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ } .stripNav a { /* The nav links */ font-size: 12px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: block; padding: 0 15px; } .stripNav li.tab1 a { background: #222 } .stripNav li.tab2 a { background: #444 } .stripNav li.tab3 a { background: #666 } .stripNav li.tab4 a { background: #888} .stripNav li.tab5 a { background: #999 } .stripNav li a:hover { background: #222; } .stripNav li a.current { background: #009dd2; color: #fff; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute; top: 230px; text-indent: -9000em; } .stripNavL a, .stripNavR a { display: block; height: 40px; width: 40px; } .stripNavL { left: 0; } .stripNavR { right: 0; } .stripNavL { background: url("images/arrow-left.gif") no-repeat center; } .stripNavR { background: url("images/arrow-right.gif") no-repeat center; } .stripViewer .panelContainer .panel .wrapper .half{ width:420px; margin-right:10px; float:left;} .stripViewer .panelContainer .panel .wrapper p{ line-height:24px; text-align:justify; } .stripViewer .panelContainer .panel .wrapper img{ margin-left:15px; } .stripViewer .panelContainer .panel .wrapper h2, h3{ margin:0 0 7px 0; } .stripViewer .panelContainer .panel .wrapper ul li{ margin-bottom:5px; list-style:square; } .stripViewer .panelContainer .panel .wrapper .half p a { padding: 0 20px; height: 30px; text-decoration: none; color: #fff; display: block; background:#F60; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-size: 14px; font-weight: bold; line-height: 2em;} .stripViewer .panelContainer .panel .wrapper .half p a:hover {background: #222;} /*domain needed*/ .right2{float:right;clear:both;margin-bottom:5px;} #t-package-chooser, #t-dac{margin:0 auto;} #t-package-chooser, #t-dac h2, h6 {text-align:center;margin-bottom:15px;} #packchoose{margin:0 auto; background: url(./theme-images/bgpackages.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow:hidden; width:90%; padding:15px; color:#FFF; margin-bottom:17px;} #packchoose p{color:#fff;text-align:center;} #divide{width:45%; margin-right:5px; padding: 20px 10px 20px 10px; float: left; background: #00526E; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #divide p,h4,h3{text-align:left;} #divide h4{color:#fff;margin-bottom:5px;font-weight:normal;} #divide h3{font-size:24px;color:#009CD0;} #selectdom{background-color:#222;padding:20px;-moz-border-radius: 10px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;font-weight:bold;} .highlightblue{background-color:#222; padding:3px;margin:3px 0px 3px 0px; text-align:center; -moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .highlightblue2{background-color:#222; padding:5px;margin:3px 0px 3px 0px; text-align:center; -moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .clear{clear:both;}