html { font-size: 62.5%; }
body {
	background: #FFFFFF url(/images/bg_main.jpg) repeat-x;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #384656;
	/*font-size: 1.15em;*/
	font-size: 1.4em;
	line-height: 1.4em;
	}

/* shorter body */
body.notice {
background: #D9DEE1 url(/images/bg_50.jpg) repeat-x;
}

/* headers */
h1, h2, h3, h4, h5, h6 {
	margin: 0; 
	font-weight: normal;
	clear: both;
	line-height: 1em;
	}
h1 { 
	margin: 35px 0 20px;
	font-size: 2.286em;
	}
h2 { 
	margin: 35px 0 20px; 
	padding: 0 0 10px;
	font-size: 1.7em; 
	border-bottom: 1px dashed #0471AB;
	}
h2.clean { 
	border: none;
	}
h3 { 
	margin: 15px 0 15px;
	padding: 20px 0 10px;
	font-weight: bold; 
	font-size: 1em; 
	border-bottom: 1px solid #C4C4C4;
	}

/* text */
p { 
	margin: 10px 0 15px;
	}
small { 
	color: #96A8B1; 
	font-size: 0.8em; 
	}
small.arrow { 
	color: #384656; 
	background: url(/images/arrow_blue_small.gif) no-repeat 0% 50%; 
	padding: 0 0 0 20px; 
	}
acronym { 
	cursor: pointer;
}
em.highlight { 
	color: #fff; 
	background-color: #69C2F0; 
	font-style: normal; 
	padding: 0 3px;
	}
em.price { 
	font-style: normal; 
	color: #69C2F0;
	}
em.price strong { 
	font-size: 1.6em; 
	font-weight: normal;
	}
em.required {
	color:#69C2F0;
	}
blockquote {
	background: url(/images/blockquote_.gif) no-repeat; 
	margin: 30px 0 25px;
	}
blockquote div { 
	background: url(/images/blockquote__.gif) no-repeat 100% 100%; 
	margin: 0 !important; 
	padding: 10px 0 5px; 
	text-indent: 65px; 
	}

/* links */
a {
	color: #04699E;
	text-decoration: none;
	}
a:hover { 
	text-decoration: underline;
	}
a.what { 
	background-color: #5A6976; 
	padding: 2px 8px; 
	font-weight: bold; 
	color: #fff; 
	text-decoration: none;
	margin-left: 5px;
	}
.light a.what { 
	background-color: #B6C0C6;
	} 

/* images */
img { 
	border: 1px solid #CFCFCF; 
	padding: 4px;
	}
a img { 
	border-color: #80CBF2;
	}
a:hover img {
	border-color: #CFCFCF;
	}

/* lists */
ul, ol, dl { 
margin: 15px 0 15px;
 padding: 0 0 0 15px; 
 }
ul ul, ol ol, dl dd { 
	margin: 0; 
	list-style-type: disc; 
	padding: 0 0 0 25px; 
	font-style: italic; 
	font-size: 0.9em; 
	}
ul li { 
	color: #04699E;
	}
ul ul li {
	color: #D9DEE1; 
	}
ul li span {
	color: #384656; 
	}
ol { 
	padding-left: 20px;
	} 
ol ol { 
	list-style-type: decimal; 
	margin: 0; 
	margin-left: 6px;
	}
dl { 
	padding: 0;
	}
dl dt { 
	margin-top: 15px; 
	}
dl dd { 
	margin: 0;
	}

/* tables */
table { 
	margin: 10px 0 15px; 
	border-spacing: 0; 
	border: 1px solid fff; 
	text-align: left;
	}
table thead,
table tfoot { 
	background-color: #33404F; 
	color: #fff;
	}
table thead tr th { 
	font-weight: normal; 
	font-size: 1.2em; 
	padding: 15px 15px 15px 20px; 
	vertical-align: top; 
	}
#servers table thead tr th {
	padding: 15px 12px 15px 12px;
}
table tbody { 
	background: #3D4C5C url(/images/table_.png) repeat-x; 
	}
table tbody tr td,
table tbody tr th,
table tfoot tr th { 
	padding: 10px 15px 10px 20px; 
	border-left: 1px solid #546270; 
	border-right: 1px solid #546270;
	color: #fff;
	vertical-align: top;
	font-weight: normal;
	}
table tbody tr td.sub_title {

	}
table tbody tr th {
	padding: 10px 25px 10px 20px; 
	}
table.tight tbody tr td,
table.tight tbody tr th,
table.tight tfoot tr th { 
	padding: 1px 25px 1px 20px; 
	}
table tfoot tr th { 
	border: 0;
	}	
table tfoot tr td {
	padding: 10px 15px 10px 20px; 
	}
#servers table tfoot tr td {
	padding: 10px 12px 10px 12px; 
}	
table a {
	color: #04699E;
	}	
table tr.pad td,
table tr.pad th { 
	padding: 0 !important;
	}
table.light {
	border: 1px solid #B6C0C6; 
	}
table.light thead {
	background: #D9DEE1 url(/images/button_.gif) repeat-x;
	color: #384656;  
	}
table.light tbody { 
	background-color: transparent;
	background-image: none;
	}
table.light tfoot { 
	background-color: #DADFE2; 
	color: #596977;
	}
table.light tbody tr td,
table.light tbody tr th {
	border-color: #E9ECEE; 
	color: #384656;
	}

/* forms */
form {
	margin: 20px 0 15px;
	padding: 0;
	}
form fieldset { 
	border: 0; 
	padding: 0; 
	margin: 0;
	/* David: */
	padding-top: 20px;
	}
	
/* Änderung David, legen sichtbar*/
form fieldset legend {
	/* display: none; */
	font-size: x-large;
	}
	
/* Änderung: p-Selektor für Forms entfernz */
form p {
	height: 1%; 
	}
form p.notice {
	text-align: right;
}

form p:after { 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden;
	}
form label { 
	display: block;
	float: left;
	width: 30%;
	padding: 8px 20px 8px 0;
	}	
form input,
form select,
form textarea {
	border: 1px solid #D9DEE1;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 8px;
	width: 60%;
	font-size: 1em;
	color: #384656;	
	}
input:active, input:focus, input.activefocus,
select:active, select:focus, select.activefocus,
textarea:active, textarea:focus, textarea.activefocus {
	border: 2px solid #69C2F0 ;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 7px;
	width: 60%;
	font-size: 1em;
	color: #384656;
	}

form select { width: 64%; }	
form ul.fieldlist { list-style-type: none; margin: -47px 0 0 33%; padding: 0 0 10px 0; } 
form ul.fieldlist li { color: #384656; }
form input.btn {
	width: auto;
	overflow: visible;
	border: 1px solid #69C2F0; 
	background: #69C2F0 url(/images/form_button_.gif) repeat-x; 
	cursor: pointer;
	color: #fff;
	padding: 7px 10px;
	height: 1%;	
}	

div.content.red {
	border: 1px solid #F00;
	margin: 10px;
}

div.content.green {
	border: 1px solid #00BF00;
}

div.content.yellow {
	border: 1px solid #FF9F00;
}

/* additional margin for input forms aligned right */
input.right {
margin-right: 7px;
_margin-right: 0;
}

/* red border around required fields */
/* auskommentiert 
form .FormFieldsError, form .Missing input, form .Invalid input, form .Missing textarea, form .Invalid textarea {
	border: 2px solid #f00;
	padding: 7px;
}
*/
#body form div.error
{
	color: #CC0000;
	font-size: 10px;
	font-weight: bold;
	height: 10px;
	margin-left: 35%; 
	position: relative;
}

#body form input.radio
{
	width: 30px;
}

/* classes */
.hide {
	display: none;
	}
.left {
	float: left; margin-right: 30px !important; margin-bottom: 20px !important;
	}
.right {
	float: right; margin-left: 30px !important; margin-bottom: 20px !important;
	}
.divide {
	border-top: 1px solid #D9DEE1;
	}
.arrow {
	background: url(/images/arrow_blue.gif) no-repeat 100% 50%;
	padding-right: 23px;
	}
.arrow_2 {
	background: url(/images/arrow_white.gif) no-repeat 100% 27%;
	padding-right: 23px;
	font-size: 1.143em;
	font-weight: bold
}
.arrow_2 small {
color: #FFF;
font-weight: normal;
font-size:0.75em
}




.col {
	width: 45%;
	}
	
.clear {
	height: 1%;
	}
	
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.graphic-girl {
	 background: url(/images/home.png) no-repeat 95% 100%;
	}

/* icons */
.icon-win { 
	padding: 5px 0 5px 30px !important; 
	background: transparent url(/images/icon_win.png) no-repeat center left !important; 
	height: 27px !important;
	}
	
.icon-ubuntu { 
	padding: 5px 0 5px 30px !important; 
	background: transparent url(/images/icon_ubuntu.png) no-repeat center left !important; 
	height: 27px !important;
	}
	
.icon-freebsd { 
	padding: 5px 0 5px 30px !important; 
	background: transparent url(/images/icon_freebsd.png) no-repeat center left !important;
	height: 27px !important;
}


table tfoot .icon-win,
table tfoot .icon-ubuntu,
table tfoot .icon-freebsd  { 
	display: block;
	}	

/* ------------------------------------------------------- **
** Pluggable components
** ------------------------------------------------------- */
/* list of links */
ul.links { margin: 10px 0 15px; padding: 0; list-style-type: none; }
ul.links li { border-bottom: 1px solid #E4E7E9; position: relative; top: -10px; }
ul.links li a { display: block; width: 100%; padding: 10px 0; }

/* button list */
ul.buttons { margin: 30px 0; padding: 0; list-style-type: none; height: 2.5em; width: }
ul.buttons li { 
	float: left; 
	white-space: nowrap; 
	border: 1px solid #C4C4C4; 
	background: #D9DEE1 url(/images/button_.gif) repeat-x;
	}
ul.buttons li a { 
	display: block; 
	text-decoration: none;	
/*	position: relative;*/
	border-top: 1px solid #EEF0F1; 	
	padding-right: 15px;
	}
ul.buttons li span { 	
	display: block; 
	border-top: 1px solid #EEF0F1; 
	border-left: 1px solid #EEF0F1; 
	padding: 0.3em 0 0.4em 15px; 
	color: #384656;
	}
ul.buttons li a span { border-top: 0; }
ul.buttons li.highlight { 
	border-color: #69C2F0; 	
	background: #69C2F0 url(/images/button_highlight_.gif) repeat-x; 
	}
ul.buttons li.highlight span { 
	border-color: #BAE3F8; 
	color: #fff; 
	}


ul.buttons li span.arrow { 
	background: url(/images/arrow_blue_small.gif) no-repeat 100% 50%; 
	padding-right: 15px; 
	}	
ul.buttons li.highlight span.arrow { 
	background: url(/images/arrow_white.gif) no-repeat 100% 50%; 
	padding-right: 15px; 
	}	
ul.buttons li.highlight span.tick {
	background: url(/images/icon_tick.gif) no-repeat 50% 50%;	
	padding: 0 !important;
	height: 18px;
	width: 18px;
	text-indent: -9999px;
	line-height: 18px;
	}
ul.unify li { margin-right: 0; }
ul.unify li.highlight { border-left: 0; }
table tbody ul.buttons { margin: 0; }		

/* image list */
ul.images { padding: 0; list-style-type: none; height: 1%; }
ul.images:after {
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	}
ul.images li { float: left; margin-right: 10px; }
ul.images li img { border: 0; }

/* list with icons */
ul.icons { padding: 0; list-style-type: none; }
ul.icons li { 
	color: #384656; 
	padding: 5px 0 5px 100px; 
	margin-bottom: 15px;
	background: url(/images/icon_cogs.gif) no-repeat 0% 10px; 
	}

ul.frontpage li {
	padding: 5px 0 5px 75px !important; 
	min-height: 68px !important;
}

.content ul.icons li {
	min-height: 85px !important;
}

.content ul.icons li ul li {
	min-height: 18px !important;
}

/* hosting */	

#icon_around_the_clock {
	background-image: url(/images/icons/round_the_clock.gif);
}

#icon_around_the_clock_large {
	background-image: url(/images/icons/round_the_clock_large.gif)
}

#icon_sec_vault {
	background-image: url(/images/icons/bank_vault.gif)
}

#icon_quality_hardware {
	background-image: url(/images/icons/tick_in_circle.gif)
}
#icon_experience {
	background-image: url(/images/icons/experience.gif)
}

#icon_email {
	background-image: url(/images/icons/email.gif)
}

#icon_hosting {
	background-image: url(/images/icons/webhosting.gif)
}
#icon_upgrade_path {
	background-image: url(/images/icons/upgrade_path.gif)
}
#icon_linux_tools {
	background-image: url(/images/icons/linux_tools.gif)
}
#icon_mysql_db {
	background-image: url(/images/icons/mysql_db.gif)
}
#icon_open_source_power {
	background-image: url(/images/icons/opensource_power.gif)
}
#icon_web_server {
	background-image: url(/images/icons/webserver.gif)
}
#icon_ms_sql {
	background-image: url(/images/icons/ms_sql_server.gif)
}
#icon_ms_tools {
	background-image: url(/images/icons/windows_tools.gif)
}
#icon_submit_xtra {
	background-image: url(/images/icons/submit_pro.gif)
}
#icon_extra_bandwidth, #icon_unlimited_bandwidth {
	background-image: url(/images/icons/bandwidth.gif)
}
#icon_happy_customers {
	background-image: url(/images/icons/happy_people.gif)
}


/* contact pod icons */

#icon_human_support {
	background: transparent url(/images/icons/human_support.gif) no-repeat
}
#icon_call_back {
	background: transparent url(/images/icons/customer_support.gif) no-repeat
}

/* resellers icons */

#icon_window_unix {
    background-image: url(/images/icons/windows_or_unix.gif)
}

#icon_unlimited_space {
	background-image: url(/images/icons/unlimited_email_hosting.gif)
}
#icon_customize_packages{
 
}
#icon_customize_packages {
	background-image: url(/images/icons/tailored_solutions.gif)
}
#icon_whitelabel {
	background-image: url(/images/icons/your_host.gif)
}
#icon_premium_support {
	background-image: url(/images/icons/round_the_clock.gif)

}
#icon_database_cp {
	background-image: url(/images/icons/database_cp.gif)
}

#icon_scripting_lg {
	background-image: url(/images/icons/scripting_options.gif)
}

#icon_full_db_options {
	background-image: url(/images/icons/full_db_options.gif)
}
#icon_designed_for_webservers {
	background-image: url(/images/icons/webserver.gif)
}
#icon_more_customers {
	background-image: url(/images/icons/extra_customers.gif)
}

#icon_works_with_existing_platform {
	background-image: url(/images/icons/works_with_existing.gif)
}

#icon_personal_ns {
	background-image: url(/images/icons/personal_nameserver.gif);
}

#icon_raw_logs {
	background-image: url(/images/icons/raw_server_logs.gif);
}

#icon_spam_bouncer {
	background-image: url(/images/icons/spam_bouncer.gif)
}

#icon_asp_net {
	background-image: url(/images/icons/asp_dot_net.gif)
}

#icon_ms_database {
	background-image: url(/images/icons/ms_sql_server.gif)
}

#icon_ssl_secure {
	background-image: url(/images/icons/security_lock.gif)
}

#icon_frontpage_extensions {
	background-image: url(/images/icons/front_page_extensions.gif)
}

#icon_service_level_agreement {
	background-image: url(/images/icons/service_level_agreement.gif)
}

#icon_best_hardware {
	background-image: url(/images/icons/dell.gif)
}
#icon_components {
	background-image: url(/images/icons/components.gif)
}

/* server icons */

#icon_root_level_access {
	background-image: url(/images/icons/root_level_access.gif)
}

#icon_window_linux {
    background-image: url(/images/icons/windows_or_linux.gif)
}

#icon_processors {
    background-image: url(/images/icons/intel_processors.gif)
}

#icon_sas_hard_drives {
    background-image: url(/images/icons/SAS_harddrives.gif)
}

#icon_ram {
    background-image: url(/images/icons/ddr2_ram.gif)
}

#icon_raid {
    background-image: url(/images/icons/hardware_raid.gif)
}

#icon_cisco { 
    background-image: url(/images/icons/cisco_firewall.gif)
}

#icon_submit_extra { 
    background-image: url(/images/icons/cisco_firewall.gif)
}


#icon_daily_tape_backups { 
    background-image: url(/images/icons/cisco_firewall.gif)
}




#icon_mail_enabled_pro { 
	background-image: url(/images/icons/email.gif)
}


#icon_sql_server_2003 { 
	background-image: url(/images/icons/ms_sql_server.gif)
}


#icon_windows_server_2003 { 
    background-image: url(/images/icons/windows.gif)
}

#icon_advanced_control_panel { 
    background-image: url(/images/icons/advanced_control_panel.gif)
}

#icon_use_with_any_services { 
    background-image: url(/images/icons/use_with_any_service.gif)
}


.content ul.icons { margin: 45px 0; } 

ul.icons ul { margin: 15px 0 15px; padding: 0 0 0 15px; }
ul.icons ul li { color: #69C2F0; padding: 0; background-image: none; margin-bottom: 0; font-style: normal; }
ul.icons ul li span { color: #384656; }
	
/* sub menu links list */	
div.menu { 
	margin: 0 !important; 
	padding-top: 20px; 
	background: url(/images/ulmenu_bottom.gif) no-repeat 100% 100%; 
	}
div.menu div { background: url(/images/ulmenu_.png) no-repeat 100% 50%; }
div.menu ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 60px 0; 
	background: url(/images/ulmenu_top.gif) no-repeat 100% 0%; 
	}
div.menu ul li { height: 1%; }	
div.menu ul li a { display: block; border-right: 1px solid #D9DEE1; height: 100%; }
div.menu ul li a span { color: #39C; display: block; padding: 10px; }
div.menu ul li.on a { border: 0; background: #fff url(/images/ulmenu_li.gif) no-repeat 100% 0%; }
div.menu ul li.on a span { background: url(/images/ulmenu_li.gif) no-repeat 100% 100%; }

/* features naviation list */
ul.features-nav {
	margin: 0;
	list-style-type: none;
	background-color: #EFF2F3;
	border-bottom: 1px solid #D9DEE1;
	padding: 20px 35px 0; 
	height: 1%;	
	}
ul.features-nav:after {	content: "."; clear: both; display: block; visibility: hidden; height: 0; }
ul.features-nav li {	
	float: left;
	margin-right: 5px;
	bottom: -1px;
	position: relative;	
	}
ul.features-nav li a {	
	margin: 1px 1px 0;	
	display: block; 
	text-decoration: none;
	border-bottom: 1px solid #D9DEE1;
	}
ul.features-nav li a span {	
	display: block;
	padding: 8px 15px;
	border-top: 1px solid #EFF2F3;
	border-left: 1px solid #EFF2F3;		
	}
* html ul.features-nav li a { width: 1%; white-space: nowrap; }	

ul.features-nav li.on a,	
ul.features-nav li a:hover {
	margin: 0;
	border: 1px solid #98D3F1;
	border-bottom-color: #fff;
	background: #fff url(/images/featnav_over_.gif) repeat-x;
	}
ul.features-nav li a:hover span {	
	border-top: 1px solid #D1EDFA;
	border-left: 1px solid #D1EDFA;
	background: url(/images/featnav_over__.gif) no-repeat 50% 0%;
	}
ul.features-nav li.on a,
ul.features-nav li.on a:hover { 
	border-color: #D9DEE1;
	border-bottom-color: #fff; 
	background-image: url(/images/featnav_on_.gif); 
	}
ul.features-nav li.on a span,
ul.features-nav li.on a:hover span {	
	border-top: 1px solid #F0F2F3;
	border-left: 1px solid #F0F2F3;	
	background: url(/images/featnav_on__.gif) no-repeat 50% 0%;			
	}

/* arrow list */
ul.arrow { padding: 0; background-image: none; list-style-type: none; } 
ul.arrow li { padding-left: 20px; background: url(/images/arrow_blue_small.gif) no-repeat 0% 50%; }

/* expand bar for product features */
.expandbar { 
	background: url(/images/expand_bar_.png) no-repeat 50% 0%;
	text-indent: -9999px;
	line-height: 19px;
	}
.expandbar a { 	
	background: url(/images/arrow_white_down.gif) no-repeat 50% 50%;
	display: block;
	height: 19px;
	outline: none;	
	}
.ghost { 
	background: url(/images/expand_bar_ghost_.png) no-repeat 50% 0% !important;
	}
.hidefeat a,
.ghost a { 
	background: url(/images/arrow_white_up.gif) no-repeat 50% 50%;
	}

/* coloured gradient pods */
div.pod,
div.pod-blue,
div.pod-grey {  
	padding: 15px 25px 10px; 	
	font-size: 0.85em;
	}
div.pod-blue,
div.pod-grey {
	border: 1px solid #D9DEE1; 
	padding: 0;
	}	
div.pod-blue div,
div.pod-grey div { 
	border: 1px solid #fff; 
	padding: 10px 10px;
	}
div.pod { 
	background-color: #69C2F0 !important; 
	color: #fff; 
	font-size: 1em;
	}
div.pod-blue { 
	background: #fff url(/images/pod_blue_.gif) repeat-x;
	}
div.pod-blue div { 
	background: url(/images/pod_blue__.gif) no-repeat 50% 0%;
	}
div.pod-grey { 
	background: #fff url(/images/pod_grey_.gif) repeat-x;
	}
div.pod-grey div { 
	background: url(/images/pod_grey__.gif) no-repeat 50% 0%;
	}
div.pod h3,
div.pod-blue h3,
div.pod-grey h3 { 
	border: 0;
	font-size: 1.6em;
	margin: 0;
	}
div.pod ul.left,
div.pod-blue ul.left,
div.pod-grey ul.left { 
	margin-top: 0 !important;
	} 
div.pod-error ul li {
	color: #fff !important;
}

/* ------------------------------------------------------- **
** Header
** ------------------------------------------------------- */
#header { width: 100%;  min-width: 780px; margin-top: 40px; padding-bottom: 0em; text-align: left; position: relative; }
#header div { background: #08202D url(/images/head_bg.jpg) no-repeat; height:100px; }
#header div div { position: relative; background: none; width: 780px; margin: 0 auto; padding: 0em 0 0em; height: 1%; }
/*#header div div { position: relative; background: none; width: 780px; margin: 0 auto; padding: 4em 0 3em; height: 1%; }*/

#header div div:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
	
/* logo */
#header h1 { 
	padding: 0;
	margin: 0; 
	float: left; 
	background: url(/images/logo.png) no-repeat; 	
	}
#header h1 a {  
	width: 172px; 
	height: 40px;
	display: block;
	outline: none;
	text-indent: -9999px; 	
	}	

/* navigation */
#header ul#nav { 
	margin: -1em 0 0; 
	padding: 0; 
	list-style-type: none; 
	height: 1%; 
	float: right;
	}
#header ul#nav:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	}
#header ul#nav li { 
	margin: 0; 
	float: left; 
	font-size: 0.8em; 
	line-height: 1.4em;
	}
#header ul#nav li a {	
	color: #D9DEE1;
	text-decoration: none;
	display: block;
	width: 130px;	
	padding: 5px 15px 6px 15px;
	border-left: 2px solid #fff;	
	}
#header ul#nav li a strong { 
	color: #fff; 
	font-size: 2em; 
	font-weight: normal; 
	display: block; 
	margin-bottom: 10px; 
	}	
#header ul#nav li a br { display: none; }
#header ul#nav li.on a,
#header ul#nav li a:hover {	border-color: #09C; }
	
/* sub navigation */
#header ul.subnav { 
	position: absolute; 
	margin: auto;
	padding-left: 480px;
	list-style-type: none; 
	top: -2em;
	}
	
#header ul.subnav li {  
	float: left; 
	border-left: 1px solid #fff; 
	margin: 0 0 15px 0; 
	padding: 0 10px; 
	line-height: 0.9em;	
	*line-height: 1.15em;		
	}
#header ul.subnav li:first-child,
* html #header ul.subnav li.first { border: 0; padding-left: 0; }
#header ul.subnav li a { color: #FFFFFF; display: block; margin-top: 1px; font-size:12px; text-decoration:none;}
/*#header ul.subnav li a { color: #69C2F0; display: block; margin-top: 1px; font-size:12px;}*/

/* freephone */
#header p.call { 
	position: absolute; 
	margin: 0; 
	padding: 0; 
	top: -2.4em; 
	right: 0;
	color: #fff;
	}
#header p.call span { 
	display:block;
	text-align:right;
	}
/* hide support number by default */
#header p.call span#call_support {
	display:none;
}
/* show support number on support pages */
body.supportpage #header p.call span#call_sales {
	display:none;
}

body.supportpage #header p.call span#call_support {
	display:block;
}

/* ------------------------------------------------------- **
** Banner
** ------------------------------------------------------- */
#banner { position: relative; z-index: 1; color: #fff; min-width: 780px;  }
#banner div { 
	width: 400px; 
	margin: -1px auto 0; 
	padding: 1px 40px 15px 340px; 
	/*padding: 1px 340px 15px 40px; */
	text-align: left; 
	position: relative; 
	height: 1%;
	z-index: 2;
	}
#banner div:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden; 
	}	
#banner div div { width: auto; padding: 0; margin: 0; z-index: auto; }
#banner h1 { margin-top: 45px; }
#banner a { color: #fff; }
#banner div.ribbon { 
	position: absolute; 
	top: 0; 
	right: 0; 
	margin: 0;
	padding: 0; 
	text-indent: -9999px;
	z-index: 1;
	}
	
#banner div.glow {
	background: url(/images/glow.png) no-repeat 50% 0;
	width: 585px;
	height: 688px;	
	right: 350px;
	/*right: -100px;*/
	}	

#banner ul.icons { height: 1%; }
#banner ul.icons li { color: #fff; margin-bottom: 10px; line-height: 1em; }
#banner div.glow { position: absolute; top: 2px; z-index: 1; }	
#banner div.graphic { bottom: -1px; right: 80px; position: absolute; z-index: 3; }
	
/* homepage */
#home #banner div.ribbon {
	/*background: url(/images/banner_home_ribbon.png) no-repeat; */
	width: 299px;
	height: 297px;
	}	
#home #banner div.graphic { 
	background: url(/images/home.png) no-repeat; 	
	width: 315px;
	height: 291px;
	right: 450px;
	/*right: 20px;*/
	}

/* resellers */
#resellers #banner div.glow { right: -135px; }
#resellers #banner div.graphic { 
	background: url(/images/banner_resellers_.png) no-repeat; 	
	width: 271px;
	height: 225px;
	right: 48px;
	}
/* hosting */
#hosting #banner div.glow { right: -135px; }
#hosting #banner div.graphic { 
	background: url(/images/banner_hosting_.png) no-repeat; 	
	width: 270px;
	height: 280px;
	right: 21px;
	}
/* servers */
#servers #banner div.glow { right: -110px; }
#servers #banner div.graphic { 
	background: url(/images/banner_servers_.png) no-repeat; 	
	width: 246px;
	height: 281px;
	right: 74px;
	}
#servers #banner ul.icons li.icon-win,
#servers #banner ul.icons li.icon-ubuntu,
#servers #banner ul.icons li.icon-freebsd  { padding-top: 0 !important; padding-bottom: 0 !important; }

/* domains */
#domains #banner div.glow { right: -135px; }
#domains #banner div.graphic { 
	background: url(/images/banner_domains_.png) no-repeat; 	
	width: 250px;
	height: 184px;
	right: 67px;
	}
	

/* ------------------------------------------------------- **
** Body
** ------------------------------------------------------- */
#body { 
	width: 800px; 
	margin: 0 auto; 
	background: url(/images/body_.png) no-repeat 50% 100%;
	_background: none; 
	padding-bottom: 15px; 
	position: relative;
	z-index: 2;
	}
#body div { width: 780px; height: 1%; margin: 0 auto; background-color: #fff; text-align: left;  }
#body div:after	{
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	}	
#body div div { width: auto; background-color: transparent;  }

/* ------------------------------------------------------- **
** Breadcrumb
** ------------------------------------------------------- */
#banner-breadcrumb,
p#breadcrumb {
	margin: 0;
	background-color: #EFF2F3;
	border-bottom: 1px solid #D9DEE1;
	padding: 3px 35px; 
	font-size: 0.8em;
	}	
#home p#breadcrumb { padding: 0; padding-left: 25px;  height: 20px; }

#banner-breadcrumb {
	width: 700px;
	background: transparent;
	border: 0;
	padding: 20px 40px 0;
	margin: 0 auto -42px;
	color: #044A6B;
	text-align: left;
	position: relative;
	z-index: 999;
	}
#banner-breadcrumb a { color: #69c2f0; }	
#banner-breadcrumb strong { color: #b6c0c6; font-weight: normal; }

/* ------------------------------------------------------- **
** Highlight
** ------------------------------------------------------- */
#body #highlight {
	background: #044A6B url(/images/highlight_.png) repeat-x;
	color: #fff;
	height: 1%;	
	}
#body #highlight:after {	
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}
/* domain whois paragraph */
p#whois_results {
margin-left:20px;
margin-right:10px;
}
/* table (product features etc.) */	
#body #highlight table { margin: 0; width: 100%; }
#body #highlight table thead tr th { 
	font-size: 0.85em;  
	border-left: 1px solid #485361; 
	border-right: 1px solid #485361;
	color: #fff;	
	padding-top: 0;
	padding-bottom: 5px;
	}
#body #highlight table tfoot tr th { padding-bottom: 0; padding-left: 40px; }
#body #highlight table tfoot tr td { padding-bottom: 0;	}
#body #highlight table tfoot tr td em.price strong { font-size: 1.7em; }	
#body #highlight table tfoot tr td,
#body #highlight table tbody tr td { font-size: 0.85em; }
#body #highlight table tbody tr th { padding-left: 40px; }
#body #highlight table h2 { 
	border: 0; 
	margin: 0; 
	padding-bottom: 0px; 
	padding-top: 0; 
	font-size: 1.6em; 
	line-height: 1.6em;
	
	}
#body #highlight table th.subhead { 		
	padding: 0;
	background-color: #33404F;
	}
#body #highlight table th.subhead h3 { 	
	padding: 10px 20px 8px 40px;
	border: 0;
	margin: 0;
	color: #B6C0C6;
	font-weight: bold;
	font-size: 1.1em;
	background-color: #33404F;
	}	
#body #highlight table ul.buttons { height: 2.8em; }	
#body #highlight table thead ul.buttons { margin: 10px 0 0; }	
#body #highlight table ul.buttons li { margin-right: 0; } 	
#body #highlight table ul.buttons li span { 
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
	font-size: 1.2em;
	}	
#body #highlight table tbody td ul.left { margin-right: 10px !important; }	

#body #highlight table tbody tr td.grad-highlight { background: #384656 url(/images/table_highlight_.png) repeat-x; }	
#body #highlight table tbody tr td.highlight { background-color: #384656; }	
#body #highlight table tbody tr.pad td.highlight { background-image: none; }
#body #highlight table tbody tr.first td.highlight { background-color: #33404f }

/*#body #highlight #moreFeatures { display: none; }*/
#body #highlight #moreFeatures table tbody,
#body #highlight #moreFeatures table tbody tr td.highlight { background-image: none; }
	
/* hosting highlight */	
#hosting #body #highlight table thead tr th { font-size: 1em; }	
#hosting #body #highlight table thead tr th ul.buttons { font-size: 0.8em; }	
#hosting #body #highlight table thead tr th h2 { padding-bottom: 0; margin-bottom: -5px; }
#hosting #body #highlight table tbody tr th,
#hosting #body #highlight table tfoot tr th { width: 130px; }	

/* resellers highlight */
#resellers #body #highlight table tbody tr th,
#resellers #body #highlight table tfoot tr th { width: 120px; }

/* servers highlight */
#servers #body #highlight table tbody tr th,
#servers #body #highlight table tfoot tr th { width: 85px; }
#servers #body #highlight table thead,
#servers #body #highlight table tfoot { font-size: 0.85em; }	
#servers #body #highlight table thead em.price,
#servers #body #highlight table tfoot em.price { font-size: 1.2em; }
#servers #body #highlight table thead h2 { font-size: 1.8em; }
#servers #body #highlight table thead span { font-size: 1.2em; }
#servers #body #highlight table ul.buttons { font-size: 1.2em; }
	

/* columns (as shown on homepage) */	
#body #highlight ul.cols {
	margin: 0;
	padding: 32px 0;
	list-style-type: none;
	height: 1%;
	}	
#body #highlight ul.cols:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	}
#body #highlight ul.cols h2 { border: 0; margin: 0; padding: 0 0 5px;  }	
#body #highlight ul.cols li { float: left; width: 22.8%; border-left: 2px solid #485867; padding: 0 40px; color: #fff; }
#body #highlight ul.cols li:first-child,
#body #highlight ul.cols li.first { border: 0; }
#body #highlight ul.cols li li { list-style-type: disc; float: none; width: auto; border: 0; padding: 0; color: #04699E; }
#body #highlight ul.cols li li span { color: #fff; }
#body #highlight ul.cols li a.arrow { font-size: 14px; color: #fff; }
#body #highlight ul.cols ul { font-style: normal; }

#body #highlight #intro { background-color: #33404F; padding: 0 25px; }
#body #highlight #intro,
#body #highlight #intro div { padding-top: 1px !important; margin-top: -1px; }

/* resellers intro */
#resellers #body #highlight #intro { 
	padding: 0; 
	background-image: url(/images/dh_package.png); 
	background-repeat: no-repeat; 
	background-position: 25px 23px;
	}
#resellers #body #highlight #intro div { 
	padding: 0 320px 0 195px; 
	background-image: url(/images/banner_resellers_.png); 
	background-repeat: no-repeat; 
	background-position: 461px -223px;	
	}

/* domains intro */	
#domains #body #highlight #intro { 
	padding: 0 320px 20px 40px;
	background-image: url(/images/banner_domains_.png); 
	background-repeat: no-repeat; 
	background-position: 463px -182px;
	}
#domains #body #highlight #intro form {
	margin-bottom: -5px;
	}
#domains #body #highlight #intro form input { 
	width: 80%; 
	border: 2px solid #69c2f0;
	border-right: 0;
	padding: 6px;	
	font-size: 1.2em;
	}	 			
#domains #body #highlight #intro form input.btn { 
	width: auto;  		 
	margin: 0;
	border-left-width: 1px;
	border-right-width: 1px;	
	padding: 5px 6px; 
	line-height: 1.05em;	
	}
#domains #body #highlight #whois_results thead tr th { 
	padding-left: 40px !important;
	}
#domains #body #highlight #whois_info { 
	padding-left: 40px; 
	padding-right: 40px;
	}
	
/* ------------------------------------------------------- **
** Tooltip
** ------------------------------------------------------- */
/* custom tooltip styling */
#header .tooltip, #body .tooltip {
	position: absolute;
	max-width: 250px;
	text-align: left;
	border: 2px solid #fff;
	background-color: #EFF2F3;
	color: #384656;
	padding: 8px 10px;
	font: 0.8em/1.5em Arial;
	z-index: 9999;
	height:	auto;
	width:auto;
}
* html .tooltip { width: 250px; }	

/* ------------------------------------------------------- **
** Content
** ------------------------------------------------------- */
#body .content { padding: 1px 35px 15px; overflow: hidden; }

#body .cols-subn-right .content { width: 53.5%; margin-bottom:10px; }
#body .cols-subn-right .content .red {
	font-size: 12px;
	color:#F00;
}

#body .cols-subn-right .content .yellow {
	font-size: 12px;
	color:#FF7F00;
}

#body .cols-subn-right .content .green {
	font-size: 12px;
	color:#009F00;
}

#body .cols-subn-left .content { width: 60.5%; }
#body .cols-subnbg-left .content,
#body .cols-subnbg-right .content { width: 56%; }

#body .cols-sub-right .content,
#body .cols-sub-left .content,
#body .cols-subbg-right .content,
#body .cols-subbg-left .content { width: 41%; }

#body .cols-subnbg-left .content,
#body .cols-subn-left .content { float: right; }
#body .cols-subnbg-right .content,
#body .cols-subn-right .content { float: left; }

#body .cols-sub-right .content,
#body .cols-subbg-right .content { float: left; }
#body .cols-sub-left .content,
#body .cols-subbg-left .content { float: right; }

/* parallel definition list ---- */
#body .content dl.parallel {
	line-height: 2.2em;
}
#body .content dl.parallel dt {
	clear: left;
	float: left;
	width: 10em;
	margin: 0;
}
#body .content dl.parallel dd {
	clear: right !important;
}

/* make pod text slightly larger ----- */	
#body .content div.pod h4,
#body .content div.pod-blue h4,
#body .content div.pod-grey h4 { 
	font-size: 1.2em !important;
	}
#body .content div.pod,
#body .content div.pod-blue,
#body .content div.pod-grey { 
	font-size: 1em !important;
	}
	
/* ------------------------------------------------------- **
** Sub-content
** ------------------------------------------------------- */
#body .sub-content { padding-top: 1px; }
#body .cols-subn-right .sub-content { width: 30%; }
#body .cols-subn-left .sub-content,
#body .cols-subnbg-left .sub-content,
#body .cols-subnbg-right .sub-content { width: 25.7%; }

#body .cols-sub-right .sub-content,
#body .cols-sub-left .sub-content { width: 45.5%; }
#body .cols-subbg-right .sub-content,
#body .cols-subbg-left .sub-content { width: 41%; }

#body .cols-subnbg-left .sub-content,
#body .cols-subn-left .sub-content { float: left; }
#body .cols-subnbg-right .sub-content,
#body .cols-subn-right .sub-content { float: right; }

#body .cols-sub-right .sub-content,
#body .cols-subbg-right .sub-content { float: right; }
#body .cols-sub-left .sub-content,
#body .cols-subbg-left .sub-content { float: left; }

#body .cols-subnbg-right .sub-content,
#body .cols-subbg-right .sub-content { padding: 0 35px 40px; background: url(/images/subcontent_.jpg) no-repeat; }

#body .cols-subbg-left .sub-content,
#body .cols-subnbg-left .sub-content { padding: 0 35px 40px; /* add background if needed */ }

#body .cols-subn-right .sub-content,
#body .cols-sub-right .sub-content { padding: 0 35px 40px 0; }

#body .cols-sub-left .sub-content,
#body .cols-subn-left .sub-content { padding: 0 0 40px 35px; }

#body .sub-content div { margin: 0px 0 0; }
#body .sub-content div div { margin: 0; }

#body .sub-content div ul.buttons { margin-right: 5px !important; margin-bottom: 0 !important; }

/* forms */
#body .sub-content form {
	margin: 0; /* overridden */
	}
#body .sub-content form p {
	margin: 0; /* added */
	}
#body .sub-content form p label { 
	display: inline; /* overridden */
	float: none; /* overridden */
	width: 100%; /* overridden */
	padding: 0; /* overridden */
	}	
#body .sub-content form p input,
#body .sub-content form p select,
#body .sub-content form p textarea {
	border: 1px solid #E1E5E7;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 4px 8px; /* overridden */
	width: 90%; /* overridden */
	}	
#body .sub-content form input.btn {
	width: auto; /* restated */
	border: 1px solid #69C2F0; /* restated */
	}	

/* ------------------------------------------------------- **
** Footer
** ------------------------------------------------------- */
#footer { 
	width: 780px; 
	margin: 0 auto; 
	height: 1%;
	}
#footer:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}
#footer ul {
	padding: 0;
	list-style-type: none;
	margin-bottom: 0 !important;
	}	
#footer ul li { 
	float: left; 
	border-left: 1px solid #aaa; 
	padding: 0 10px; 
	line-height: 0.9em;
	}	
#footer ul li:first-child,
* #footer ul li.first { 
	border: 0; 
	padding-left: 0;
	}
#footer ul.products {
	font-weight: 800;
	width: 100%;
	}