/* ----------------------------------------------------------------------
Xtreme Hosting (https://www.xtremehosting.com) Secure Master Style Sheet

version:   3.0
author:    Sam Brown
updated:   5th May 2006
email:     sam@massiveblue.com
website:   http://www.massiveblue.com
---------------------------------------------------------------------- */

/* Global Reset
---------------------------------------------------------------------- */
* {font-size: 100.01%; margin: 0; padding: 0;	list-style: none;}
html {font-size: 62.5%;}

/* Base Elements
---------------------------------------------------------------------- */
a, a:link, a:visited, a:active {color: #fff; text-decoration: none;}
a:hover {color: #D4D4D4; text-decoration: none;}
blockquote {margin: 0 0 .5em 2em; padding-left: .5em;}
body {
	background: #878585 url("../images/bg.gif") repeat-x;
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	padding: 20px 0 0;
}
h1 {color: #000;	font-size: 1.2em;	font-weight: bold;}
h2 {color: #000; font-size: 1.1em;	font-weight: bold;}
h3 {color: #878585;	font-size: 1.1em;	font-weight: bold;}
hr {border: none; height: 1px; background: #787878; margin: 1.5em 0;}
img {border: 0;}
p {margin-bottom: 1em;}

/* Main Elements
---------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	margin-top: 73px;
	width: 700px;
}
#container-wide {
	margin: 73px auto 0;
	width: 780px;
}
#container a,
#container-wide a {font-weight: bold;}
#container a,
#container a:link,
#container a:visited,
#container a:active,
#container-wide a,
#container-wide a:link,
#container-wide a:visited,
#container-wide a:active {color: #C7201D; text-decoration: underline;}
#container a:hover,
#container-wide a:hover {color: #500C0A; text-decoration: underline;}
#masthead {
	background: transparent url("../images/masthead.gif") no-repeat;
	height: 67px;
	margin: 0 auto;
	width: 700px;
}
#side {
	background-color: #5A5A5A;
	color: #e3e3e3;
	float: left;
	width: 200px;
}
#side a, #side a:link, #side a:visited, #side a:active {color: #c4c4c4; text-decoration: underline;}
#side a:hover {color: #fff; text-decoration: underline;}
#cont {
	background-color: #fff;
	float: right;
	width: 480px;
}
.sbox1 h2 {color: #fff;}
.cbox1 h2 {color: #BD4337; font-size: 1.2em; margin-bottom: .9em;}
.price {color: #878585; font-size: 1.1em; font-weight: bold; text-align: right;}
.onetime {color: #878585; font-weight: bold;}
.moreinfo {
	background: url("../images/arrow.gif") left no-repeat;
	color: #fff;
	margin-bottom: 1em;
	padding-left: 14px;
}
ul.package {padding: 1em 0;}

/* XHD Body Content
---------------------------------------------------------------------- */
#lefty {float: left; width: 550px;}
#lefty h2 {color: #BD4337; font-size: 1.2em; margin-bottom: .9em;}
#lefty h3 {color: #878585; font-size: 1.2em; margin-bottom: .9em;}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
.alignleft {
	float: left;
}
#pickdomain {
	background: #f3f3f3;
	border: 1px solid #e3e3e3;
	margin: 1em 0 2em;
	padding: 1em;
}
#domprices div {
	background: #f3f3f3;
	padding: 1em;
	border: 1px solid #e3e3e3;
}
fieldset {border: none; padding: 1em;}
input, select, label {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em;}
legend {background: transparent; color: #BD4337; font: bold 1.4em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif; padding: 0 .5em; text-transform: uppercase;}
label {float: left; width: 7em; padding: 0 1em; text-align: right;}
fieldset div {margin-bottom: .5em; padding: 0; display: block;}
fieldset div input, fieldset div select {width: 15em; padding: 0.1em; color: #333;}
#submit input {width: 8em;}
input:focus, textarea:focus {background: #FFF4F8; color: #000;}
#result {text-align: left; font-size: .8em; padding-left: 1em;}
#result h2 {font-weight: bold;}


/* XH Navigation
---------------------------------------------------------------------- */
#nav {
	font-size: 1.2em;
	height: 47px;
	left: 0;
	position: absolute;
	top: 100px;
	width: 100%;
}
#nav div {
	left: 0;
	margin: 0;
	position: absolute;
	right: 0px;
	top: 0;
}
#nav ul {
	background: url("../images/nav.gif") no-repeat 0 -47px;
	height: 47px;
	margin: 0 auto;
	position: relative;
	width: 700px;
}
#nav li {
	float: left;
	height: 47px;
}
#n-company {width: 89px;}
#n-hosting {width: 71px;}
#n-members {width: 82px;}
#n-domains {width: 79px;}
#n-contact {width: 73px;}
#nav a {
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 47px;
	padding: 0 5px;
	text-indent: -9999px;
}
#nav a {background: url("../images/nav.gif") no-repeat;}
#nav #n-company a {background-position: 0 0;}
#nav #n-hosting a {background-position: -89px 0;}
#nav #n-members a {background-position: -160px 0;}
#nav #n-domains a {background-position: -242px 0;}
#nav #n-contact a {background-position: -321px 0;}
#nav a:hover,
#nav li:hover a,
#nav li.mnhover a {background: none !important;}
#sect-company #n-company a {background-position: 0 -94px;}
#sect-hosting #n-hosting a {background-position: -89px -94px;}
#sect-members #n-members a {background-position: -160px -94px;}
#sect-domains #n-domains a {background-position: -242px -94px;}
#sect-contact #n-contact a {background-position: -321px -94px;}
#nav li ul {
	background: transparent url("../images/navbg.png") repeat;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #656464;
	height: auto;
	left: -9999px;
	margin: -5px 0 0;
	padding: 1px 0;
	position: absolute;
	z-index: 3;
}
#nav li:hover ul,
#nav li.mnhover ul {left: auto;}
#nav li ul li,
#nav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#nav li ul li a {
	border: 1px #fff;
	border-style: none solid;
}
#nav li ul,
#nav li ul li {width: 160px;}
#nav li:hover ul li a,
#nav li.mnhover ul li a,
#nav li ul li a {
	background: none;
	display: block;
	font-size: .9em;
	padding: 4px 11px 4px 14px;
	color: #444;
}
#nav li li {background:  no-repeat 14px 50%;}
#nav li li.mnhover,
#nav li li:hover {background: #C54D41 repeat-y 100% 0;}
#nav li ul li a:hover {
	background:  no-repeat 12px 50% !important;
	color: #fff;
}

/* XHD Navigation
---------------------------------------------------------------------- */
#xhdnav {
	font-size: 1.2em;
	height: 47px;
	left: 0;
	position: absolute;
	top: 100px;
	width: 100%;
}
#xhdnav div {
	left: 0;
	margin: 0;
	position: absolute;
	right: 0px;
	top: 0;
}
#xhdnav ul {
	background: url("../images/nav-xhd.gif") no-repeat 0 -47px;
	height: 47px;
	margin: 0 auto;
	position: relative;
	width: 700px;
}
#xhdnav li {
	float: left;
	height: 47px;
}
#xhdn-register {width: 136px;}
#xhdn-expired {width: 133px;}
#xhdn-transfer {width: 138px;}
#xhdn-access {width: 125px;}
#xhdn-help {width: 100px;}
#xhdn-whois {width: 68px;}
#xhdnav a {
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 47px;
	padding: 0 5px;
	text-indent: -9999px;
}
#xhdnav a {background: url("../images/nav-xhd.gif") no-repeat;}
#xhdnav #xhdn-register a {background-position: 0 0;}
#xhdnav #xhdn-expired a {background-position: -136px 0;}
#xhdnav #xhdn-transfer a {background-position: -269px 0;}
#xhdnav #xhdn-access a {background-position: -407px 0;}
#xhdnav #xhdn-help a {background-position: -532px 0;}
#xhdnav #xhdn-whois a {background-position: -632px 0;}
#xhdnav a:hover,
#xhdnav li:hover a,
#xhdnav li.mnhover a {background: none !important;}
#sect-register #xhdn-register a {background-position: 0 -94px;}
#sect-expired #xhdn-expired a {background-position: -136px -94px;}
#sect-transfer #xhdn-transfer a {background-position: -269px -94px;}
#sect-access #xhdn-access a {background-position: -407px -94px;}
#sect-help #xhdn-help a {background-position: -532px -94px;}
#sect-whois #xhdn-whois a {background-position: -632px -94px;}

/* Masthead search
---------------------------------------------------------------------- */
#logo {
	float: left;
}
#search {
	float: right;
	margin: 24px 24px 0;
	text-align: right;
}
#xhhome { /* XHDomains logo link to home */
	float: right;
	margin-right: 24px;
}

/* Rounded boxes
---------------------------------------------------------------------- */
/* sidebar */
.sbox1 {
	background: transparent url("../images/sbox_bot.gif") no-repeat bottom;
	padding-bottom: 15px;
	width: 200px;
}
.sbox2 {
	background:url("../images/sbox_top.gif") no-repeat top;
	padding: 10px 10px 5px;
}
* html .sbox2 { /* IE HACK */
	padding: 10px 5px 5px;
}
.sboxbg {
	background:url("../images/sbox_bg.gif") repeat-y;
}
/* content */
.cbox1 {
	background: transparent url("../images/cbox_bot.gif") no-repeat bottom;
	padding-bottom: 15px;
	width: 480px;
}
.cbox2 {
	background:url("../images/cbox_top.gif") no-repeat top;
	padding: 15px 15px 5px;
}
* html .cbox2 { /* IE HACK */
	padding: 15px 5px 5px;
}
.cboxbg {
	background:url("../images/cbox_bg.gif") repeat-y;
}
/* wide */
.wbox1 {
	background: transparent url("../images/wbox_bot.gif") no-repeat bottom;
	font-size: 1.7em;
	line-height: 2em;
	padding-bottom: 15px;
	text-align: center;
	width: 700px;
}
.wbox1 h2 {color: #f00;}
.wbox2 {
	background:url("../images/wbox_top.gif") no-repeat top;
	padding: 20px 20px 5px;
}
* html .wbox2 {
	padding: 20px 5px 5px;
}
.wboxbg {
	background:url("../images/wbox_bg.gif") repeat-y;
}
/* xhd wide */
.xhdbox1 {
	background: transparent url("../images/xhdbox_bot.gif") no-repeat bottom;
	font-size: 1.7em;
	line-height: 2em;
	padding-bottom: 10px;
	text-align: center;
	width: 780px;
}
.xhdbox1 h2 {color: #f00;}
.xhdbox2 {
	background:url("../images/xhdbox_top.gif") no-repeat top;
	padding: 15px 10px 5px;
}
* html .xhdbox2 { /* IE HACK */
	padding: 15px 5px 5px;
}
.xhdboxbg {
	background:url("../images/xhdbox_bg.gif") repeat-y;
}
#xhdomains {
	font-size: .6em;
	line-height: 1.4em;
	text-align: left;
}

/* Hosting Plans Table
---------------------------------------------------------------------- */
#hplans {padding-bottom: 1em;}
#hplans td {border-bottom: 1px solid #CECECE; padding: .4em; text-align: center;}
#hplans tr.alt {background: #F3F3F3;}
#hplans tr.prices {background: #DFDFDF; font-weight: bold;}
#hplans tr.packtitles {font-weight: bold;}
#hplans td.titles {border-right: 1px solid #CECECE; text-align: right; padding-right: 2em;}
#hplans tr.packages {text-align: center;}
#hplans tr:hover {background: #DFDFDF;}

/* Footer
---------------------------------------------------------------------- */
#footer {
	clear: both;
	color: #fff;
	font-size: 1em;
	margin: 0 auto;
	padding-top: 20px;
	width: 700px;
}
#footer a {font-weight: bold;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: none;}
#footer a:hover {color: #D4D4D4; text-decoration: none;}
#footer ul {	padding-bottom: 5px;}
#footer ul li {display: inline;}
#subnav li, #footer p, .imageleft {padding-right: 15px;}
#footer p {margin-bottom: 7px;}
.imageleft {float: left;}

/* Domain checking spans
---------------------------------------------------------------------- */
.dom-avail {color: #009900;}
.dom-avail a, .dom-avail a:link, .dom-avail a:visited, .dom-avail a:active {color: #C7201D; text-decoration: none;}
.dom-avail a:hover {color: #500C0A; text-decoration: none;}
.dom-taken {color: #C7201D;}
.dom-error {color: #4D4D4D;}

/* xhd big buttons
---------------------------------------------------------------------- */
#bigbuttons {
	float: right;
	overflow: hidden;
	padding-right: 10px;
	width: 177px;
}
#orange, #blue, #price {
	padding-bottom: 15px;
}
#bigbuttons a {
	display: block;
	height: 62px;
	text-indent: -9999px;
}
#orange a {background: url("../images/orange.gif") no-repeat;}
#blue a {background: url("../images/blue.gif") no-repeat;}
#green a {background: url("../images/green.gif") no-repeat;}
#price a {background: url("../images/prices.gif") no-repeat;}
#bigbuttons #orange a {background-position: 0 0;}
#bigbuttons #blue a {background-position: 0 0;}
#bigbuttons #green a {background-position: 0 0;}
#bigbuttons #price a {background-position: 0 0;}
#bigbuttons #orange a:hover {background-position: 0 -62px;}
#bigbuttons #blue a:hover {background-position: 0 -62px;}
#bigbuttons #green a:hover {background-position: 0 -62px;}
#bigbuttons #price a:hover {background-position: 0 -62px;}
#bbclear {
	clear: both;
	color: #fff;
	display: block;
	overflow: hidden;
	height: 2px;
}

/* Footer buttons
---------------------------------------------------------------------- */
#btns li {
	overflow: hidden;
	height: 13px;
	float: left;
	padding-right: 3px;
}
#btn1 {width: 33px;}
#btn2 {width: 22px;}
#btn3 {width: 37px;}
#btns a {
	display: block;
	height: 13px;
	text-indent: -9999px;
}
#btns a {background: url("../images/buttons.gif") no-repeat;}
#btns #btn1 a {background-position: 0 0;}
#btns #btn2 a {background-position: -34px 0;}
#btns #btn3 a {background-position: -57px 0;}
#btns #btn1 a:hover {background-position: 0 -14px;}
#btns #btn2 a:hover {background-position: -34px -14px;}
#btns #btn3 a:hover {background-position: -57px -14px;}

/* OTHER
---------------------------------------------------------------------- */
/* Text Shadow */
.sbox1 h2, .price, .onetime, #moreinfo, #footer
{text-shadow: #222 2px 2px;}
/* Hider */
.off {display: none;}
/* Fixes orange line on Signup page */
#footer td {background: none;}