#content_wrap { overflow:auto; width:100%; background:url(content_wrap-bg.png) 0 0 repeat-x; } /* HERO ==========================================================================================*/ #hero { position:relative; padding:12px 0 0 0; height:248px; text-align:center; } #hero .product { position:relative; float:left; padding:12px; margin:0; width:236px; height:220px; font-size:1.1em; line-height:1.3em; color:#000; } #hero h2 { font-size:24px; padding-bottom:5px;} #hero .product .priceline { text-align:center; font-size:1.25em; margin:4px 0 8px 0; font-weight:bold;} #hero .product .price { padding:0 1px; color:#fff; font-size:1.4em; } #hero .product .price big { font-size:1.4em;} #hero .product p a { text-decoration:none; margin:0 0 5px 0;} #hero .product p { margin:8px 30px 18px 30px; line-height:1.5em; text-align:left; font-size:1.1em; font-weight:bold;} ul#hero { height:90px; font-size:1.1em;} ul#hero, ul#hero li { margin:0 auto; padding:0; list-style:none;} ul#hero li { line-height:1.5em; } #hero .webhosting_cta { display:block; width:155px; height:33px; background:url(webhosting-cta.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; top:200px; right:55px;} #hero .domains_cta { display:block; width:155px; height:33px; background:url(domains-cta.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; top:200px; right:55px;} #hero .vpscloud_cta { display:block; width:155px; height:33px; background:url(vpscloud-cta.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; top:200px; right:55px;} #offercol1 { width:214px; height:138px; display:block; background:url(hero-offers.png) no-repeat 0 -2px transparent; margin:18px 0 0 24px; } #offercol2 { width:214px; height:138px; display:block; background:url(hero-offers.png) no-repeat -189px -2px transparent; margin:18px 0 0 -4px; } #offercol3 { width:214px; height:138px; display:block; background:url(hero-offers.png) no-repeat -426px -2px transparent; margin:18px 0 0 24px; } #services_wrap { background:url(services-bg.jpg) 50% 0 no-repeat #fff; color:#c2c2c2; } #services { margin:0 auto; width:780px; } #services h2, #services h2 a { margin:0 0 -5px 0; color:#fff; } #services .service { position:relative; float:left; padding:12px; width:171px; height:166px; font-size:1.1em; line-height:1.3em;} #services .service .priceline { text-align:center; } #services .service .price { padding:0 2px; color:#fff; font-size:2em; } #services .service .price big { font-size:1.3em; } #services .service p a { color:#fff; text-decoration:none; color:#c2c2c2;} #services .service p a#serv { color:#fff; text-decoration:underline; color:#ff9933;} #services .primary_cta { position:absolute; bottom:12px; } #services .primary_cta span { width:147px; color:#fff; } #services .server_cta { position:absolute; bottom:12px; } #services .server_cta span { width:147px; color:#fff; } #services #offers { padding-right:16px; width:167px; } #services #servers { padding-right:16px; width:167px; background:url(new-corner.png) 100% 0 no-repeat;} #services #ecommerce { padding-right:16px; width:167px; background:url(ecommerce_offer-corner.png) 100% 0 no-repeat;} #services #reseller { padding-right:16px; width:167px;} #domains { clear:both; padding:12px; height:25px; } #domains h2 { float:left; padding-right:12px; line-height:28px; } #domains h3 { float:left; position:relative; bottom:25px; left:-7px; padding:2px 0 12px 14px; margin-right:0; color:#fff; font-size:16px; line-height:14px; text-align:center; } #domains h4 { float:left; position:relative; top:-30px; left:-15px; color:#fff; font-size:14px; line-height:14px; text-align:center; } #domains form { float:left; width:224px; } #domains input { float:left; } #domains .textinput { margin-right:12px; padding:3px; width:158px; height:18px; border:1px solid #c4c4c4; border-right-color:#eaeaea; border-bottom-color:#eaeaea; font-size:1.4em; line-height:18px; color:#555; } #domains ul { float:right; list-style:none; margin:-3px 0 0 0; width:378px; } #domains li { float:left; margin:0 0 0 12px; padding-left:10px; width:68px; background:url(small_blob-bullet.png) 0 4px no-repeat; font-size:1.1em; line-height:1em; } #competition { clear:both; padding:14px 0 10px 0; height:25px; text-align:center; } #credibility_indicators { margin:0 auto; padding:12px; width:756px; } #payment_types { float:left; margin-right:12px; padding: 90px 0 12px 0; width:366px; background:url(credibility_indicators-bg.png) 0 0 no-repeat;} #payment_types h2 { display:none; } #payment_types ul { margin:0; list-style:none; width:351px; height:27px; background:url(payment_types-bg.png) 0 0 no-repeat; } #payment_types li { display:none; } #testimonials { float:left; margin-left:12px; width:366px; font-size:1.2em; color:#7f7f7f; } #testimonials blockquote { font-style:normal; } #testimonials blockquote a { color:#7f7f7f; } #testimonials cite { color:#bababa; } /* NEW STYLES FOR THE DOMAIN SECTION ==========================================================================================*/ .ipadSignage { width:177px; height:137px; display:block; position:absolute; background:url(homepage-signage-spt.png) no-repeat 0px 0px transparent; margin:-60px 0 0 -191px; text-indent:-9999px; } .vpsSignage { width:205px; height:137px; display:block; position:absolute; background:url(homepage-signage-spt.png) no-repeat -182px 0px transparent; margin:-75px 0 0 780px; text-indent:-9999px; } /* NEW STYLES FOR THE DOMAIN SECTION ==========================================================================================*/ .domtld { width:192px; height:38px; position:relative; } .cologo { float:left; width:38px; height:38px; display:block; background:url(tld-spt.png) 0 -78px no-repeat; margin:0 0 0 26px; } .comlogo { float:left; width:38px; height:38px; display:block; margin:-8px 0 0 28px; font-size:16px; } .couklogo { float:left; width:38px; height:38px; display:block; margin:-8px 0 0 20px; font-size:16px; } .coprice { float:right; width:140px; height:38px; display:block; margin:-12px -14px 0 20px; } .coprice a { color:#000; } .comprice { float:right; width:140px; height:38px; display:block; margin:-38px -12px 0 20px; } .coukprice { float:right; width:140px; height:38px; display:block; margin:-36px -12px 0 20px; }