/*#RESET#*/
/*
============
GLOBAL RESET 
============
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {
	height: 100%;
	width: 100%;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*#Screen#*/
/*

===========================
Quick Code 
===========================

	0.0 - Font Face
	1.0 - Layout
	2.0 - Navigation
	3.0 - Styling
	4.0 - News Ticker
	
===========================	

===========================
0.0 Font Face
===========================

You can have multiple @font-face tags, each with different fonts

Example:

@font-face {   
	font-family: MyHelvetica;   
	src: local("Helvetica Neue Bold"),   
	local("HelveticaNeue-Bold"),   
	url(MgOpenModernaBold.ttf);   
	font-weight: bold;   
}
*/

  
/*
===========================
1.0 Layout 
===========================
*/

html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	background: #fff;
}

#outerContainer {
	
}

#innerContainer {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

#header {
	position:relative;
	float:left;
	height: 80px;
	width: 960px;
	padding-top: 20px;
}

#logoDHosting {
	position:relative;
	float: left;
	width: 260px;
}

#logoKenticoHosting {
	position:relative;
	float: right;
	text-align: right;	
	width: 260px;
}

#content {
	position: relative;
	float: left;
	width: 920px;
	padding: 20px;
	height: 100%;
}

#featureHeader {
	position: relative;
	text-align: center;
	width: 960px;
	margin-bottom: 10px;
}

#leftCol {
	position:relative;
	float: left;
	width: 250px;
}

#rightCol {
	position: relative;
	float: right;
	width: 640px;
}

#footer{
	float: left;
	position: relative;
	width: 958px;
	background-color: #000;          /* if needed */
	border: 1px solid #000;   /* if needed */
	-webkit-border-radius: 8px;    /* for Safari */
	-moz-border-radius: 8px;       /* for Firefox */
	margin-bottom: 10px;
	min-height: 20px;
	height: auto;
}


/*
=============================
2.0 Navigation
=============================
*/


#nav {
	float: left;
	position: relative;
	width: 960px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

#nav #home { width: 100px; }
#nav #contact { width: 102px; margin-right: 0; }


.rounded_STYLE a:link,
.rounded_STYLE a:visited
{
    float: left;
    position: relative;
    background-color: #000;          /* if needed */
    border: 1px solid #000;   /* if needed */
    -webkit-border-radius: 8px;    /* for Safari */
    -moz-border-radius: 8px;       /* for Firefox */
    padding: 8px 18px;
    margin-right: 10px;
    text-decoration: none;
    color: #fff;
}

.rounded_STYLE a:hover,
.rounded_STYLE a:active
{
    float: left;
    position: relative;
    background-color: #EC008C;          /* if needed */
    border: 1px solid #EC008C;   /* if needed */
    -webkit-border-radius: 8px;    /* for Safari */
    -moz-border-radius: 8px;       /* for Firefox */
    padding: 8px 18px;
    margin-right: 10px;
    text-decoration: none;
    color:#fff;
}

.rounded_content
{
    float: left;
    position: relative;
    background: url('/dHosting/dHosting/media/site/contentBG.png') repeat-x #fff;          /* if needed */
    border: 1px solid #fff;   /* if needed */
    -webkit-border-radius: 8px;    /* for Safari */
    -moz-border-radius: 8px;       /* for Firefox */
}

.rounded_featureHeader
{
    float: left;
    position: relative;
    background: #ed008c;          /* if needed */
    border: 1px solid #ed008c;   /* if needed */
    -webkit-border-radius: 8px;    /* for Safari */
    -moz-border-radius: 8px;       /* for Firefox */
}

#subNav {
	float: left;
	position: relative;
	width: 958px;
	background-color: #000;          /* if needed */
	border: 1px solid #000;   /* if needed */
	-webkit-border-radius: 8px;    /* for Safari */
	-moz-border-radius: 8px;       /* for Firefox */
	margin-bottom: 10px;
	min-height: 20px;
	height: auto;
}

#subNav ul {
	position: relative;
	float:left;
	list-style-type: none;
}

#subNav li {
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
}

#subNav li a {
	position: relative;
	float:left;
	padding: 8px 18px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#subNav li a:link,
#subNav li a:visited {
	color: #fff;
	text-decoration: none
}

#subNav li a:hover {
	color: #ccc;
	text-decoration: underline;
}


/*
===========================
3.0 Styling
===========================
*/


.clear {
	clear: both;
}

/*
===========================
4.0 Fonts
===========================
*/

h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.8em;
	color: #333;
	margin: 0 0 0.75em 0;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: #666;
	margin: 0em 0 0.75em 0;
	padding-bottom: 0.45em;
	border-bottom: 1px solid #d4d4d4;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #666;
}

ul {
	list-style-type: square;
	margin-left: 2em; 
}

p,
li,
label,
td,
.ErrorLabel {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	color: #666;
	margin-bottom: 10px;
	line-height: 1.5em;
}

ol { margin-top: 20px; }

strong { font-weight: bold; }

a:link { color: #ec008c; text-decoration: underline; padding: 2px; }
a:visited { color: #e753ab; text-decoration: underline; padding: 2px; }
a:hover,a:active { background-color: #ec008c; color: #fff; text-decoration: none; }

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { text-decoration: none; }

/*
===========================
5.0 Styles
===========================
*/

#subNav p {
	color: #fff;
	position: relative;
	float: left;
	padding: 8px 0px 8px 10px;
	margin-bottom: 0;
	line-height: normal;
}

#rightCol ul {
	margin: 0.75em 2em;
}

#rightCol ul li {
	list-style-type: circle;
}


ol.reasons li { padding-left: 40px; }
li.expert {background: #fff url('/dHosting/media/site/icon_expert.png') 0% 10% no-repeat;}
li.uk {background: #fff url('/dHosting/media/site/icon_flag.png') 0% 10% no-repeat;}
li.newservers { background: #fff url('/dHosting/media/site/icon_server.png') 0% 10% no-repeat; }
li.kentico { background: #fff url('/dHosting/media/site/icon_kentico.png') 0% 10% no-repeat; }
li.support { background: #fff url('/dHosting/media/site/icon_support.png') 0% 10% no-repeat; }
li.secure{ background: #fff url('/dHosting/media/site/icon_secure.png') 0% 10% no-repeat; }

#footer p { color: #fff; margin: 10px 10px; }

/*#Hosting Packages#*/

.hostingPackage {
	position: relative;
	float: left;
	width: 280px;
	margin: 1em 10px 0 10px;
}

.hostingPackageDetail {
	position: relative;
	float: right;
	width: 280px;
	margin: 0 10px 0 10px;
}

.rollingContract {
	position: absolute;
	top: -110px;
	right: 0;
	background: url('/dHosting/media/site/monthly_contract.png') no-repeat;
	width: 150px;
	height: 150px;
	text-indent: -999em;
	z-index: 100;
}

.hostingPackageHeading {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

.TextboxField,
.TextBoxField,
.DropDownField,
.TextAreaField {
	margin-bottom: 15px;
}

.EditingFormLabelCell {
	width:80px;
	margin:0;
}

.EditingFormLabel {
	font-size: 100%;
}

.ErrorLabel,
.EditingFormErrorLabel {
	color:red;
}

.EditingFormLabelCell {
	vertical-align:top;
}

#content ul.purchase_links,
#content ul.hostingFeatures { margin: 0; list-style-type: none; }
#content ul.hostingFeatures li { margin-left: 10px; padding-left: 40px; list-style-type: none; line-height: 32px; height: auto; }
#content ul.hostingFeatures li.server { background: #fff url('/dHosting/media/site/icon_server.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.bandwidth { background: #fff url('/dHosting/media/site/icon_bandwidth.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.mailboxes { background: #fff url('/dHosting/media/site/icon_pop3_mailbox.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.processor { background: #fff url('/dHosting/media/site/icon_processor.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.memory { background: #fff url('/dHosting/media/site/icon_memory.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.setup { background: #fff url('/dHosting/media/site/icon_setup.png') 0% 0% no-repeat; }
#content ul.hostingFeatures li.monthly { background: #fff url('/dHosting/media/site/icon_price.png') 0% 0% no-repeat; }

.setup span, .monthly span { font-style: italic; font-weight: bold; }

.hostingPackageSignUp { float: left; clear: left; padding-top: 10px; }
.hostingPackageSignUp ul { float: left; clear: left; margin-left: 20px; padding: 0;}
.hostingPackageSignUp ul li { float: left; width:100px; height:25px; margin-right: 10px; padding: 0; }
.hostingPackageSignUp ul li a { float: left; width:90px; padding:7px 5px 7px 5px; background:#999; font-size:10px; line-height:13px; text-transform:uppercase; text-decoration:none; color:#fff; text-align:center; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; }
.hostingPackageSignUp ul li a:hover,
.hostingPackageSignUp ul li a:focus { background-color:#888; }
.hostingPackageSignUp ul li.order a { background-color:#ed008c; }
.hostingPackageSignUp ul li.order a:hover,
.hostingPackageSignUp ul li.order a:focus { background-color:#000; }


/*#Order Page#*/

#orderForm, 
#orderFormAddress, 
#orderFormMoreInfo, 
#orderFormReferrer, 
#orderFormSubmit { position: relative; float: left; width: 100%; clear: both;}

#orderForm label, 
#orderFormAddress label, 
#orderFormMoreInfo label,
#orderFormReferrer label, 
#orderFormSubmit label { float: left; clear: left; width: 170px; padding: 4px; }

#orderFormMoreInfo p, 
#orderFormSubmit p { clear: left; }

#orderFormReferrer label.labelWide { xwidth: 400px; }

#orderForm input, 
#orderFormAddress input, 
#orderFormAddress textarea, 
#orderFormMoreInfo textarea, 
#orderFormReferrer input,
#orderFormReferrer select, 
#orderFormSubmit input { float: left; width: 200px; padding: 4px; border: 1px solid #4d4d4d; }

#orderFormMoreInfo textarea, #orderFormAddress textarea { margin-bottom: 10px; }

.inputClear { clear: left; margin-left: 178px; }

#orderForm input:hover, 
#orderForm input:active, 
#orderFormAddress input:hover, 
#orderFormAddress textarea:hover,
#orderFormMoreInfo textarea:hover,
#orderFormReferrer input:hover, 
#orderFormSubmit input:hover { border: 1px solid #ed008c; }

#orderForm span, 
#orderFormAddress span,
#orderFormMoreInfo span 
#orderFormReferrer span, 
#orderFormSubmit span { float: left; font-family: Arial; font-size: 0.75em; margin-top: 6px; margin-left: 10px; }

.validationSummary, .validationSummary li { font-family: Arial; font-size: 12px; color: red; }