/*
// style.css
// Created by: Exist Online | Web Solutions, Graphic and Print Design, Multimedia Development
// Website: http://www.existonline.com.au
// Author: Geoff Franklin
// Date Created: 26.March.10
// Date Last Edited: 16.January.12
*/

/************************* start - GENERAL */
html, body { font-family: Tahoma, Geneva, Verdana, sans-serif; background: #FFF; color: #00273E; }
body { font-size: 62.5%; }
a { cursor: pointer; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold; }
form, input, select { font-family: Tahoma, Geneva, Verdana, sans-serif; }
div.reset { border: medium none; clear: both; display: block; font-size: 1px; height: 0px; line-height: 1px; margin: 0; padding: 0; }
/*************************** end - GENERAL */

#wrapper { background: url(img/bg.jpg) no-repeat 445px 0; height: auto; width: 1000px; margin: 0 auto; }

/************************* start - HEADER */
#header { font-size: 11px; height: 145px; width: 996px; line-height: 1.2em; margin: 0 auto; position: relative; }
#logo { height: 70px; width: 428px; position: absolute; left: 8px; top: 24px;
}
ul#navbar { background: url(img/nav.png) repeat-x; height: 35px; width: 996px; position: absolute; left: 0; bottom: 0 !important; bottom: -1px; }
ul#navbar li { float: left; height: 35px; }
ul#navbar li a {
	border-bottom: 3px solid #DDD; color: #777; display: block; height: 23px; padding: 9px 15px 0; text-align: center; width: auto !important; width: 80px; }
ul#navbar li a:hover { color: #069; border-bottom: 3px solid #069; text-decoration: none; }
ul#navbar li a.home { text-indent: -9999px; }
ul#navbar li a.home span { background: url(img/nav.png) no-repeat 0 -42px; display: block; height: 20px; width: 21px; position: relative; top: -1px; }
ul#navbar li a.home:hover span { background: url(img/nav.png) no-repeat 0 -72px;
}
ul#navbar_admin { height: 35px; width: 283px; position: absolute; right: 0; bottom: 0 !important; bottom: -1px; }
ul#navbar_admin li { float: left; height: 35px; padding: 0 0 0 1px; }
ul#navbar_admin li a { color: #FFF; display: block; height: 25px; padding: 10px 12px 0 0; position: relative; text-align: right; }
ul#navbar_admin li a:hover { text-decoration: none; }
ul#navbar_admin li a.account { background: url(img/nav.png) 0 -95px; width: 94px; }
ul#navbar_admin li a.account:hover { background: url(img/nav.png) -106px -95px; }
ul#navbar_admin li a.mail { background: url(img/nav.png) 0 -130px; width: 74px; }
ul#navbar_admin li a.mail:hover { background: url(img/nav.png) -106px -130px; }
ul#navbar_admin li a.support { background: url(img/nav.png) 0 -165px; width: 76px; }
ul#navbar_admin li a.support:hover { background: url(img/nav.png) -106px -165px; }
ul#navbar_admin li a.support span {
	color: #999; font-size: 12px; font-weight: bold; height: 18px; width: 88px; position: absolute; left: 0; top: -18px; text-align: center; }
/*************************** end - HEADER */

/************************* start - CONTENT */
#content { background: url(img/bg_content.jpg) no-repeat left top; width: 1000px; margin: 0 auto; }
body.page #content { background: none; }

/* Freebies and Domain Search */
#freebies-and-domain-search { float: left; height: 351px; line-height: 1.2em; position: relative; width: 500px !important; width: 495px;
}
#freebies-and-domain-search .dotcomdomains { position: absolute; left: 0; top: 0; width: 500px; }
#freebies-and-domain-search .dotcomdomains .star {
	background: url(img/sprites_home.png); height: 83px; width: 99px; line-height: 3; position: absolute; left: -15px; top: 10px; text-align: center; }
#freebies-and-domain-search .dotcomdomains .star span { color: #000; font-size: 25px; font-weight: bold; text-shadow: 0 1px 2px #FFC; }
#freebies-and-domain-search .dotcomdomains .star span em { font-size: 18px; font-style: normal; position: relative; top: -6px; }
#freebies-and-domain-search .dotcomdomains h3 {
	color: #FC0; font-size: 25px; font-weight: bold; line-height: 1.2; padding: 9px 0 0 80px; text-shadow: 0 1px 2px #000; }
#freebies-and-domain-search .dotcomdomains .arrow {
	background: url(img/sprites_home.png) -100px 0; height: 65px; width: 66px; position: absolute; right: 20px; top: 20px;
}
#freebies-and-domain-search h2 { position: absolute; text-indent: -9999px; }
#freebies-and-domain-search h2.register {
	background: url(img/heading_register-a-domain-name-and-you-get-these-for-free.png); height: 128px; width: 435px; left: 31px; top: 170px; }
#freebies-and-domain-search h2.search { background: url(img/heading_search-for-your-domain-now.png); height: 20px; width: 303px; left: 100px; top: 57px; }
#freebies-and-domain-search ul.freebies { font-size: 11px; height: 96px; width: 340px; position: absolute; left: 30px; bottom: 10px; }
#freebies-and-domain-search ul.freebies li { float: left; height: 32px; width: 170px; }
#freebies-and-domain-search ul.freebies li a { color: #348DCC; float: left; padding: 3px 0 0 50px; position: relative; }
#freebies-and-domain-search ul.freebies li a:hover { color: #5EA4D7; }
#freebies-and-domain-search ul.freebies li a span { background: url(img/icons-and-buttons.png); position: absolute; left: 0; top: 0; }
#freebies-and-domain-search ul.freebies li.webpage a span { height: 19px; width: 26px; left: 8px; }
#freebies-and-domain-search ul.freebies li.sitebuilder a span { background-position: -92px 0; height: 22px; width: 29px; left: 3px; }
#freebies-and-domain-search ul.freebies li.email a span { background-position: -26px 0; height: 22px; width: 32px; left: 5px; }
#freebies-and-domain-search ul.freebies li.blogcast a span { background-position: -121px 0; height: 24px; width: 30px; left: 5px; }
#freebies-and-domain-search ul.freebies li.album a span { background-position: -58px 0; height: 27px; width: 34px; }
#freebies-and-domain-search ul.freebies li.alerts a span { background-position: -151px 0; height: 26px; width: 25px; left: 8px; }
#freebies-and-domain-search ul.freebies li.more { font-size: 10px; height: 30px; width: 94px; position: absolute; right: -100px; bottom: 5px; }
#freebies-and-domain-search ul.freebies li.more a {
	background: url(img/icons-and-buttons.png) 0 -40px; color: #666; height: 21px; width: 94px; padding: 9px 0 0; text-align: center; text-transform: uppercase; }
#freebies-and-domain-search ul.freebies li.more a:hover { background: url(img/icons-and-buttons.png) -94px -40px; color: #CCC; text-decoration: none; }
		
/* Search Form */
#searchform { height: 36px; width: 435px; line-height: 1.2em; position: absolute; left: 38px; top: 90px; }
#searchform form#d4sdomainform span { color: #FFF; font-size: 15px; font-weight: bold; position: absolute; left: 3px; top: 12px; }
#searchform form#d4sdomainform input.searchfield {
	background: none; border: none; color: #000; font-size: 15px; font-weight: bold; position: absolute; left: 59px; top: 7px; width: 210px; }
#searchform form#d4sdomainform select {
	background: none; border: none; font-size: 15px; font-weight: bold; position: absolute; left: 286px; top: 7px; width: 90px; }
#searchform form#d4sdomainform input.button {
	background: url(img/icons-and-buttons.png) 0 -70px; border: none;
	color: #0078B2; cursor: pointer; font-size: 0px; height: 36px; width: 50px; position: absolute; right: 0; top: 0; text-indent: -9999px; }
#searchform form#d4sdomainform input.button:hover { background: url(img/icons-and-buttons.png) -50px -70px; }

/* Banner on the right */
#banner { float: left; height: 351px; width: 500px; line-height: 1.2; position: relative; }
#banner div { float: left; height: 351px; width: 500px; position: relative; }
#banner div h2 {
	color: #FFF; font-size: 30px; font-weight: normal; letter-spacing: 1px; line-height: 1.1em;
	position: absolute; right: 50px; top: 110px; z-index: 20; text-align: right; width: 450px; }
#banner div h2 span { color: #999; font-size: 12px; letter-spacing: 0; line-height: 1.2em; position: absolute; text-transform: uppercase; }
#banner div h2 em { color: #338CCC; font-size: 25px; font-style: normal; font-weight: normal; letter-spacing: 1px; line-height: 1.1em; position: absolute; }
#banner div p { color: #999; font-size: 12px; position: absolute; z-index: 15; }
#banner div p.condition { color: #2D2F40; font-size: 10px; left: 10px; bottom: 10px; }
#banner div a {
	background: url(img/icons-and-buttons.png) 0 -106px;
	color: #CCC; display: block; height: 34px; width: 108px; padding: 9px 0 0; position: absolute; right: 50px; z-index: 15;
	text-align: center; text-transform: uppercase; }
#banner div a:hover { background: url(img/icons-and-buttons.png) -108px -106px; color: #FFF; text-decoration: none; }
#banner div img { position: absolute; left: 0; z-index: 10; bottom: 0 !important; bottom: -1px; }

/* .COM Domains
#banner .dot-com-domains .content { height: 100px; width: 170px; position: absolute; left: 158px; top: 140px; }
#banner .dot-com-domains .content h2 { color: #000; font-size: 22px; font-weight: bold; }
#banner .dot-com-domains .content h2 span {
	color: #666; font-size: 11px; font-weight: normal; position: absolute; left: 20px; top: 30px; text-transform: uppercase; width: 60px; }
#banner .dot-com-domains .content h2 em {
	color: #338CCC; font-size: 25px; font-style: normal; font-weight: normal; letter-spacing: 1px; position: absolute; right: 0; top: 30px; }
#banner .dot-com-domains .content a {
	background: url(img/icons-and-buttons.png) 0 -106px;
	color: #CCC; display: block; height: 34px; width: 108px; padding: 9px 0 0; text-align: center; text-transform: uppercase;
	position: absolute; left: 10px; top: 65px; }
#banner .dot-com-domains .content a:hover { background: url(img/icons-and-buttons.png) -108px -106px; color: #FFF; text-decoration: none; }
#banner .dot-com-domains img { padding: 1px 0 0; } */

/* Make Money Now */
#banner .makemoneynow .content { position: absolute; left: 87px; top: 74px; z-index: 11; width: 330px; }
#banner .makemoneynow .content p { line-height: 1.2; padding: 0 0 10px; position: relative; text-align: center; }
#banner .makemoneynow .content p.hottest { color: #CD0000; font-size: 15px; }
#banner .makemoneynow .content p.choose { color: #333; font-size: 18px;
}
/* Resellers wrapper */
#banner .makemoneynow .content .resellers { height: 215px; width: 330px; }
/* Basic reseller */
#banner .makemoneynow .content .resellers .basic { position: relative; height: 215px; width: 109px; }
#banner .makemoneynow .content .resellers .basic h2 { color: #000; font-size: 15px; letter-spacing: 0; right: 0; top: 13px; text-align: center; width: 75px; }
#banner .makemoneynow .content .resellers .basic h2 strong { font-size: 22px; text-transform: uppercase; }
#banner .makemoneynow .content .resellers .basic h3 {
	color: #000; font-size: 20px; font-weight: bold; line-height: 1; position: absolute; left: 25px; top: 102px; z-index: 20; width: 75px; }
#banner .makemoneynow .content .resellers .basic h3 span { color: #8C7100; display: block; font-size: 10px; text-align: left; }
#banner .makemoneynow .content .resellers .basic h3 span.right { text-align: right; }
#banner .makemoneynow .content .resellers .basic a.buy {
	background: none; color: #FF0; display: block; height: 20px; width: 90px; padding: 6px 0 0; left: 25px; right: auto; top: 177px; z-index: 20; }
#banner .makemoneynow .content .resellers .basic a.buy:hover { color: #FFF; text-decoration: underline; }
/* Features in middle */
#banner .makemoneynow .content .resellers .upgrade { padding-top: 90px; height: 120px; width: 100px; }
#banner .makemoneynow .content .resellers .upgrade p { color: #666; font-size: 10px; }
/* Pro reseller */
#banner .makemoneynow .content .resellers .pro { position: relative; height: 215px; width: 121px; }
#banner .makemoneynow .content .resellers .pro h2 {
	color: #C00; font-size: 15px; font-weight: bold; letter-spacing: 0; left: 15px; top: 13px; line-height: 1; text-align: center; width: 70px; }
#banner .makemoneynow .content .resellers .pro h2 strong { font-size: 30px; text-transform: uppercase; }
#banner .makemoneynow .content .resellers .pro h3 {
	color: #000; font-size: 20px; font-weight: bold; line-height: 1; position: absolute; left: 4px; top: 102px; z-index: 20; width: 75px; }
#banner .makemoneynow .content .resellers .pro h3 span { color: #8C7100; display: block; font-size: 10px; text-align: left; }
#banner .makemoneynow .content .resellers .pro h3 span.right { text-align: right; }
#banner .makemoneynow .content .resellers .pro a.buy { background: none; color: #FF0; height: 20px; width: 90px; padding: 6px 0 0; left: -8px; top: 177px; }
#banner .makemoneynow .content .resellers .pro a.buy:hover { color: #FFF; text-decoration: underline; }

/* Content Guts */
#content .wrap { background: url(img/bg_content_bottom.png) no-repeat center bottom; }
#content .wrap .heading { background: url(img/banner.jpg); height: 71px; width: 1000px; margin: 0 auto 20px; }
#content .wrap .heading h1 { color: #FFF; font-size: 30px; font-weight: bold; padding: 20px 0 0 20px; text-shadow: 0 1px 1px #000; }
#content .wrap .guts { font-size: 13px; line-height: 1.4; padding: 0 20px 20px; }
body.web-hosting #content .wrap .guts { padding: 0; }
#content .wrap .guts h2 { color: #0070A6; font-size: 20px; font-weight: bold; margin: 15px 0; }
#content .wrap .guts a { color: #0070A6; }
#content .wrap .guts a:hover { color: #000; }
#content .wrap .guts p { padding: 0 0 20px; }
#content .wrap .guts span.info { border-bottom: 1px dotted; cursor: pointer; }
#content .wrap .guts span.red-text { color: #C00; }
#content .wrap .guts ul { padding: 0 0 10px 10px; }
body.ssl-certificates #content .wrap .guts .plan-box ul { width: 230px; }
#content .wrap .guts ul li { background: url(img/bullet.png) no-repeat 0 3px; line-height: 1.2; margin: 0 0 7px; padding: 0 0 0 20px; }
#content .wrap .guts .hr { border-top: 1px solid #CCC; display: block; margin: 10px 0; }
#content .wrap .guts .plan-box { float: left; padding: 0 60px 20px; position: relative; width: 210px; }
body.ssl-certificates #content .wrap .guts .plan-box { width: 300px; }
body.ssl-certificates #content .wrap .guts .plan-box.premium-ssl { width: 400px; }
#content .wrap .guts .plan-box h2 { margin: 0 0 15px; text-transform: uppercase; }
#content .wrap .guts .plan-box .price { color: #333; font-size: 23px; font-weight: bold; position: relative; text-align: center; }
#content .wrap .guts .plan-box .price span { display: block; font-size: 11px; font-weight: normal; position: relative; top: -5px; }
#content .wrap .guts .plan-box .lock { background: url(img/icon_ssl-certificates.png) center top; height: 78px; width: 78px; position: absolute; left: 260px; top: 40px; }
#content .wrap .guts .plan-box.premium-ssl .lock { background-position: center bottom; left: 315px; }
#content .wrap .guts .plan-box .countries {
	background: #EBEBEB; border: 1px solid #CCC; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;
	color: #666; font-size: 11px; padding: 10px 10px 0; position: absolute; left: 320px; top: 130px; width: 100px; }
body.ssl-certificates #content .wrap .guts .plan-box .countries ul { padding: 10px 0; width: auto; }
body.ssl-certificates #content .wrap .guts .plan-box .countries ul li { background: none; list-style: disc inside; margin: 0 0 3px; padding: 0 0 0 5px; }
#content .wrap .guts .plan-box form { padding: 20px 0 0; }
#content .wrap .guts .plan-box form table { padding: 0 0 10px; }
#content .wrap .guts .plan-box form input[type=image] { margin: 0 0 0 30px; }
#content .wrap .guts .plan-box.dedicated h2 { font-size: 21px; text-align: center; text-transform: none; }
#content .wrap .guts .plan-box.dedicated img.mt { display: block; margin: 0 auto 15px; }
#content .wrap .guts .plan-box.dedicated p { font-size: 11px; padding: 0; }

/* Newsletter */
form#mc-embedded-subscribe-form { float: left; padding: 0 0 40px; position: relative; width: 960px; }
form#mc-embedded-subscribe-form .indicates-required { color: #999; float: right; font-size: 11px; padding: 0 22px 0 0; }
form#mc-embedded-subscribe-form .mc-field-group { float: left; margin: 0 5px 0 0; }
form#mc-embedded-subscribe-form .mc-field-group label { display: block; padding: 0 0 5px 8px; }
form#mc-embedded-subscribe-form .mc-field-group input {
	border: 1px solid #999; clear: both; font-size: 13px; padding: 8px; width: 250px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	-webkit-box-shadow: inset 0 3px 5px -1px #AAA; -moz-box-shadow: inset 0 3px 5px -1px #AAA; box-shadow: inset 0 3px 5px -1px #AAA; }
form#mc-embedded-subscribe-form .mc-field-group input:active,
form#mc-embedded-subscribe-form .mc-field-group input:hover { border-color: #333; }
form#mc-embedded-subscribe-form #mce-responses { clear: both; }
form#mc-embedded-subscribe-form #mce-responses .response { padding: 12px 8px; }
form#mc-embedded-subscribe-form #mce-responses .response#mce-error-response { color: #E14141; }
form#mc-embedded-subscribe-form #mce-responses .response#mce-success-response { color: #31AB1D; }
form#mc-embedded-subscribe-form .subscribe-button { position: absolute; right: 20px; top: 20px; }
form#mc-embedded-subscribe-form .subscribe-button input,
#content .wrap .guts a.btn.buy-now {
	background: url(img/icons-and-buttons.png) 0 -106px; border: none;
	color: #FFF; cursor: pointer; display: block; font-size: 10px; height: 43px; width: 108px; padding: 0 0 13px; text-align: center; text-transform: uppercase; }
#content .wrap .guts a.btn.buy-now { line-height: 3.2; margin: 20px auto 0; padding: 0; }
form#mc-embedded-subscribe-form .subscribe-button input:hover,
#content .wrap .guts a.btn.buy-now:hover { background-position: -108px -106px; }

/* Featured Boxes */
#featured-boxes { font-size: 11px; height: 256px; width: 996px; margin: 0 auto; line-height: 1.2em; }
body.page #featured-boxes { background: url(img/bg_content.jpg) no-repeat left -351px; }
#featured-boxes .box { float: left; height: 251px; width: 209px; padding: 0 20px; position: relative; }
#featured-boxes .box h3 { color: #FFF; font-size: 16px; font-weight: bold; padding: 31px 0 15px; text-shadow: 0 1px 1px #005279; }
#featured-boxes .box h4 { font-weight: bold; }
#featured-boxes .box ul li { padding: 0 0 13px; }
#featured-boxes .box ul li a { color: #054669; padding: 0 0 0 10px; }
#featured-boxes .box ul li a:hover { color: #00283E; }
#featured-boxes .box ul li a span {
	background: url(img/icons-and-buttons.png) -168px -76px; float: left; height: 11px; width: 11px; position: relative; top: 2px; }
#featured-boxes .box ul li a:hover span { background: url(img/icons-and-buttons.png) -179px -76px; }
#featured-boxes .box p { padding: 0 0 13px; }
#featured-boxes .box p a { color: #00273E; display: block; text-decoration: underline; width: 75px; }
#featured-boxes .box p a:hover { color: #105879; }

/* Let's Get Started Box */
#featured-boxes .box.started h3 { color: #000; text-shadow: 0 1px 1px #FFF; }
/* D4S Specials Box */
#featured-boxes .box.specials { padding: 0 30px; width: 189px; }
#featured-boxes .box.specials a.button { display: block; height: 26px; width: 14px; position: absolute; text-indent: -9999px; }
#featured-boxes .box.specials a.button.prev { background: url(img/slideshow.png); left: 7px; top: 115px; }
#featured-boxes .box.specials a.button.prev:hover { background: url(img/slideshow.png) 0 -26px; }
#featured-boxes .box.specials a.button.next { background: url(img/slideshow.png) -14px 0; right: 7px; top: 115px; }
#featured-boxes .box.specials a.button.next:hover { background: url(img/slideshow.png) -14px -26px; }
/* D4S Specials Slideshow */
#featured-boxes .box.specials .d4specials { height: 251px; }
/* Slides */
#featured-boxes .box.specials .d4specials div { height: 251px; }
#featured-boxes .box.specials .d4specials div h4 { color: #FFF; padding: 55px 0 10px; text-align: center; text-shadow: 0 1px 1px #005279; }
#featured-boxes .box.specials .d4specials div span { background: url(img/slideshow.png); display: block; }
#featured-boxes .box.specials .d4specials div p { font-size: 10px; padding: 10px 0 0; }
#featured-boxes .box.specials .d4specials div p a { margin: 10px auto 0; padding: 0; text-align: center; }
#featured-boxes .box.specials .d4specials div.slide0 a {
	background: url(img/slideshow.png) 0 -199px; display: block; height: 48px; width: 47px; margin: 0 auto; padding: 0; }
#featured-boxes .box.specials .d4specials div.slide0 p a { background: none; height: auto; width: auto; margin: 10px 0 0; }
#featured-boxes .box.specials .d4specials div.slide1 span { background-position: 0 -62px; height: 49px; width: 91px; margin: 0 0 0 47px; }
#featured-boxes .box.specials .d4specials div.slide2 span { background-position: 0 -111px; height: 42px; width: 84px; margin: 0 0 0 53px; }
#featured-boxes .box.specials .d4specials div.slide3 span { background-position: 0 -153px; height: 46px; width: 57px; margin: 0 0 0 65px; }
#featured-boxes .box.specials .d4specials div.slide4 a {
	background: url(img/sprites_home.png) 0 -85px; display: block; height: 184px; width: 184px; margin: 35px auto 0; text-indent: -99999px; }
#featured-boxes .box.specials .d4specials div.slide4 a:hover { opacity: .85; }
/*************************** end - CONTENT */

/************************* start - FOOTER */
#footer { font-size: 11px; height: 200px; width: 996px; line-height: 2em; margin: 0 auto 20px; position: relative; }
#footer .nav { padding: 30px 20px 20px; text-align: center; }
#footer .nav a { color: #0070A7; margin: 0 7px; }
#footer .nav a:hover { color: #000; }
#footer .copyright-and-payment { text-align: center; }
#footer .copyright-and-payment p { color: #999; margin: 0 0 20px; }
#footer .copyright-and-payment p.payment {
	background: url(img/icons-and-buttons.png) 0 -149px; height: 31px; width: 223px; margin: 0 auto 10px; text-indent: -9999px; }
#footer .copyright-and-payment p a.exist { color: #999; margin: 0 0 0 30px; }
#footer .get-a-free-quote { position: absolute; right: 20px; top: 20px; }
#footer .get-a-free-quote a {
	background: url(img/exist-online_need-a-website_get-a-free-quote.jpg); display: block; height: 134px; width: 462px; text-indent: -9999px; }
#footer .get-a-free-quote a:hover { opacity: 0.85; }
#footer .godaddy-seal { margin: 0 auto 20px; width: 133px; }
/*************************** end - FOOTER */
