/* GENERAL */
body {
	background:#ffffff url(images/wood_grain_bg.jpg) repeat scroll top left;
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.index {
	background:#222 url(images/wallcarpetbg.jpg) repeat-x scroll top left;
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
.center {
	text-align:center;
}

.relative {
	position:relative;
}

/* HEADER */
#logo {
	position:absolute;
	width:179px;
	height:184px;
	top: 12px;
	left: 12px;
	background:transparent url(images/logo.png) no-repeat;
	z-index:1000;
}

#header {
	height: 177px;
	position: relative;
}

.header_bg {
	background:transparent url(images/background.jpg) repeat-x scroll top left;
	height:177px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

#menus {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 500px;
}

.pipe {
	display:inline;
	color:#eee;
	font-size:10pt;
	margin:0 5px;
}
.menu {
	display:inline;
}
.menu a {
	color:#ffffff;
	text-decoration:none;
}
.menu a:hover {
	text-decoration:underline;
}

#main_nav {
	text-align:right;
	list-style:none;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
}
#main_nav li {
	font-weight:bold;
	float:right;
	margin:0 5px 0 0;
	height:33px;
	background:url(images/between_background.jpg) right bottom repeat-x;
}
#main_nav li a {
	display:block;
	color:#fff;
	text-decoration:none;
	height:33px;
	padding: 8px 20px 0 20px;
}
#main_nav li a:hover {
	text-decoration:underline;
}
#main_nav li.active { 
	background: url(images/active_right_background.jpg) right top no-repeat; 
}
#main_nav li.active a { 
	background: url(images/active_left_background.jpg) left top no-repeat; 
	color: #811e20; 
	padding: 8px 20px 0 20px; 
}

#livechat {
	position:absolute;
	top:84px;
	left:400px;
}

a.twitter {
	background:transparent url(images/twitter.png) no-repeat scroll top left;
	height:72px;
	width:154px;
	position:absolute;
	top:47px;
	right:10px;
	text-indent:-9999px;
}

/* SECTIONS */
.product_container {width:950px;}
.product_header_content {
	position:absolute;
	top:120px;
	left:65px;
	width:500px;
}
.product_header_content h1 {
	text-align:-9999px;display:none;
}
#colocation_product_header {
	background:transparent url(images/colocation_section_header2.png) no-repeat scroll 0 0;
	height:280px;
	margin:0 auto;
	position:relative;
}

#dedicated_product_header {
	background:transparent url(images/dedicated_section_header2.png) no-repeat scroll 0 0;
	height:280px;
	margin:0 auto;
	position:relative;
}

#dedicatedmail_product_header {
	background:transparent url(images/dedicatedmail_section_header2.png) no-repeat scroll 0 0;
	height:280px;
	margin:0 auto;
	position:relative;
}

#webemail_product_header {
	background:transparent url(images/webemail_section_header2.png) no-repeat scroll 0 0;
	height:280px;
	margin:0 auto;
	position:relative;
}

#vps_product_header {
	background:transparent url(images/vps_section_header2.png) no-repeat scroll 0 0;
	height:280px;
	margin:0 auto;
	position:relative;
}

.section_body {
	background:transparent url(images/section_background.png) repeat-y scroll 0 0;
	position:relative;
	padding:40px;
}
.section_footer {
	background:transparent url(images/section_footer.png) no-repeat scroll 0 0;
	height:44px;
}

.product_body {
	background:transparent url(images/section_background.png) repeat-y scroll 0 0;
	position:relative;
	padding:10px;
}

/* FOOTER */
#footer {clear:both;text-align:center;}
#footer a, #footer a:active {color:#000;}

/* INDEX PAGE */
.doors {position:absolute;left:50px;top:72px}
a.door {float:left;height:348px;width:168px;text-decoration:none;margin-left:25px;}
a.door:hover {background-position:0 -348px;}
a.dedicated {background:transparent url(images/dedicatedservers_door.jpg) no-repeat 0 0;}
a.virtual {background:transparent url(images/virtualprivate_door.jpg) no-repeat 0 0;}
a.web {background:transparent url(images/webemail_door.jpg) no-repeat 0 0;}
a.colo {background:transparent url(images/colocation_door.jpg) no-repeat 0 0;}

.product_block {
	background:#f8cc53 url(images/product_block_background.jpg) no-repeat;
	width: 225px;
	float: left;
	margin: 0 5px;
	height: 420px;
	position: relative;
}
.product_block h1 {
	font-family: Arial;
	font-size: 14pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding: 47px 0 10px 0;
}
.product_block h1 a {
	font-family: Arial;
	color: #000;
	text-decoration: none;
	position: relative;
}
.product_block h2 {
	font-size:12pt;
	padding: 10px 20px 0 20px;
}
.product_block p {
	font-family: Arial;
	padding: 0px 20px 0 20px;
}
.product_block a.moreinfo {
	position: absolute;
	bottom: 55px;
	left: 20px;
}

/* PAGES */

h1 {
	font-family: Arial;
	color: #7b0e11;
	font-style: italic;
	font-weight: bold;
}
h2 {
	font-family: Arial;
	color: #7b0e11;
	font-style: italic;
	font-weight: bold;
}
h3 {
	font-family: Arial;
	color: #7b0e11;
	font-style: italic;
	font-weight: bold;
}
p.pitch {
	font-size: 12pt;
	line-height: 1.2em;
}
div.fieldsets {padding-left:30px;}
fieldset.hosting_plan {
	width: 220px;
	min-height: 400px;
	margin: 10px 15px;
	position: relative;
	display: inline;
	vertical-align:top;
}
	fieldset.hosting_plan div.hosting_plan_content {
		margin-left: 15px;
		position: relative;
		min-height: 170px;
		float:left;
	}
	fieldset.hosting_plan ul {
		margin: 10px;
	}
fieldset.web_host_services {
	width:235px;
	display:inline;
	vertical-align:top;
	margin:10px 15px;
	background-color:#eee;
}
	fieldset.web_host_services legend {
		background-color:#7B0E11;
		color:#fff;
	}
fieldset.vps_plan {
	width: 150px;
	min-height: 200px;
	margin: 10px 12px;
	position: relative;
	display: inline;
	vertical-align:top;
}
	fieldset.vps_plan div.vps_plan_content {
		margin-left: 15px;
		position: relative;
		min-height: 170px;
		float:left;
	}
	fieldset.vps_plan ul {
		margin: 10px;
	}
fieldset.dedicated_server {
	width: 250px;
	min-height: 400px;
	margin: 0 4px;
	position: relative;
	display: inline;
	vertical-align:top;
}
	fieldset.dedicated_server div.dedicated_server_content {
		margin-left: 15px;
		position: relative;
		min-height: 220px;
		float:left;
	}
	fieldset.dedicated_server ul {
		margin: 10px;
	}
fieldset.sale_item {
	width: 260px;
	min-height: 250px;
	margin: 0 auto;
	position: relative;
	display: block;
	vertical-align:top;
}
.product_line_info {
	padding:40px;
}
	.product_line_info ul.configurations {width:90%;}
	.product_line_info ul.configurations li {margin-bottom:10px;}
	.product_line_info ul.enhanced_services {list-style:none;width:90%;}
	.product_line_info ul.enhanced_services li {margin-bottom:10px;}
	.product_line_info ul.enhanced_services label {display:block;color:#7b0e11;}
	.product_line_info h3 {background-color:#7b0e11;color:#fff;margin-left:-27px;padding:5px 0 5px 25px;}

legend {
	border: 1px solid #ccc;
	padding:2px 7px;
}
legend.bronze_plan {
	background: transparent url(images/medal_bronze_1.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.silver_plan {
	background: transparent url(images/medal_silver_1.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.gold_plan {
	background: transparent url(images/medal_gold_1.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.platinum_plan {
	background: transparent url(images/medal_silver_1.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.ecommerce_plan {
	background: transparent url(images/cart.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.standard_server {
	background: transparent url(images/one_star.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.professional_server {
	background: transparent url(images/two_stars.jpg) no-repeat 5px;
	padding-left:27px;
}
legend.enterprise_server {
	background: transparent url(images/three_stars.jpg) no-repeat 5px;
	padding-left:27px;
}
table.colocation_pricing_table {
	width:75%;
	margin:0 auto 20px auto;
	border:1px solid #ccc;
}
.sups {
	background-color:#ffd;
	font-style:italic;
}
a.buynow {
	position: absolute;
	bottom: 0px;
	left: 55px;
	color: #fff;
	background: #00b800;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 10px;
}
#contact {
	position: relative;
}
#contact_info {
	position: absolute;
	left: 0;
	font-size: 14pt;
	margin: 0 50px 0 0;
	width: 400px;
}
#contact_info label {
	float: left;
	right: 0;
	width: 5em;
	text-align: right;
	padding: 0 .5em 0 0;
	height: 2em;
}
#contact_info .address, #contact_info .phonefax {
	float: left;
	width: 400px;
	margin: 0 0 10px 0;
}
#contact_map {
	position: absolute;
	right: 0;
}

/* CLIENT AREA */
.errorbox {
	color: #7b0e11;
	font-weight: bold;
	font-size: 12pt;
	font-style: italic;
	text-align: center;
	border: 2px dashed #7b0e11;
	padding: 5px;
	background-color: #fcc;
}
#loginbox {
	position: relative;
	width: 450px;
	border: 2px dashed #ccc;
	padding: 10px 25px 5px 25px;
	background-color: #ffc;
}
#loginbox ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#loginbox li {
	margin: 0 0 5px 0;
}
#loginbox label {
	width: 13em;
	text-align: right;
	padding: 2px;
	float: left;
}
.clientareatable {
	width: 100%;
	background-color: #cccccc;
}
tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}
td.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}
td.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}
td.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}
td.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}
#clientarealinks {
	position: relative;
	float: left;
	width: 100%;
	height: 55px;
	margin: 0 0 20px 0;
	padding: 5px;
	background-color: #FDFCDD;
}
#clientarealinks #pageicon {
	position: absolute;
	right: 10px;
}
.clientarealinks {
	margin: 10px;
    list-style: none;
}
.clientarealinks li {
	float: left;
	margin: 0 35px 0 0;
	text-align: center;
}
.clientarealinks li a {
	color: #555555;
	text-decoration: none;
}
.clientarealinks li a:hover {
	text-decoration: underline;
}
tr.supportticketsheading {
	background-color: #efefef;
}
tr.supportticketscontent {
	background-color: #ffffff;
}
.domaincheckeravailable {
	color: #669900;
}
.domaincheckerunavailable {
	color: #cc0000;
}
tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}
tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}
tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}
.announcement_title {
	background: transparent url(images/article.gif) no-repeat left center;
	height: 20px;
	padding: 0 0 0 20px;
	font-size: 12pt;
}
a.rssfeed {
	background: transparent url(images/rssfeed.gif) no-repeat left center;
	height: 20px;
	padding: 0 0 0 20px;
	font-size: 10pt;
}
.support_tickets {
	background: transparent url(images/supporttickets.gif) no-repeat;
	padding: 0 0 0 20px;
}
.invoices {
	background: transparent url(images/invoices.gif) no-repeat;
	padding: 0 0 0 20px;
}
a.client_details {
	background: transparent url(images/details.gif) no-repeat;
	padding: 0 0 0 20px;
}
a.affiliates {
	background: transparent url(images/affiliates.gif) no-repeat;
	padding: 0 0 0 20px;
}
/* CART STUFF */
.cartheading {
	font-weight: bold;
	font-size: 14pt;
	color: #0066cc;
}
.cartsubheading {
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
}
.productboxes {
	list-style: none;
}
.productboxes li.productbox {
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	float: left;
	margin: 10px;
	width: 260px;
	min-height: 220px;
}
.cartbox {
	margin: 10px auto;
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
}
.cartmenu {
	margin: 10px auto;
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	text-align: center;
}
.carttable {
	background-color: #cccccc;
	width: 95%;
}
.carttableheading td {
	background-color: #efefef;
	color: #222222;
	height: 20px;
	font-weight: bold;
	font-size: 11pt;
}
.carttablesummary td {
	background-color: #efefef;
	color: #222222;
	height: 20px;
	font-size: 11pt;
	font-weight: bold;
}
.carttableproduct td {
	background-color: #ffffff;
	color: #555555;
	padding: 4px;
}
.carttableaddon td {
	background-color: #ffffff;
	color: #555555;
	padding: 2px;
	padding-left: 20px;
	padding-right: 20px;
}
.carttableconfig td {
	background-color: #efefef;
	font-size: 9px;
	padding: 2px;
}
.carttabledivider td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.secure {
	background: transparent url(images/padlock.gif) no-repeat;
	padding: 0 0 0 20px;
	font-style: italic;
}

/* twitter + sale */
#twitchatsale {
	position: absolute;
	background:transparent url(images/twitchatsale.png) no-repeat scroll top right;
	height: 79px;
	width: 173px;
	top:50px;
	right:0;
	}

#twitter {
	top: 0;
	left: 65px;
	height:79px;
	width:63px;
	position:absolute;
}

#livechat {
	top: 0;
	left: 0;
	height:79px;
	width:64px;
	position:absolute;
}

#sales {
	top: 0;
	left: 129px;
	height:79px;
	width:47px;
	position:absolute;
}


/* ORDER BUTTONS */
.button {
	display:block;
	float:left;
	background:transparent url(images/btn_cap.gif) no-repeat 100% 0;
	font-size:10px;
	font-weight:bold;
	padding-right:8px;
	color:#ccc;
}

.button, .button:hover {
	color:#fff;
	text-decoration:none;
}

.button span {
	display:block;
	padding:0 17px 0 25px;
	background:transparent url(images/btn_bg.gif) no-repeat;
	line-height:22px;
	text-transform:uppercase;
	color:#ccc;
}