html,body,div,h3,h2,h1,form,p,a,table,tbody,td,tr,th,ul,textarea { font-family:Arial,Verdana,helvetica,arial,sans-serif; margin:0; padding:0; }
img {border:none; margin:0; padding:0;}
p, legend { color:#1a587d; line-height:1.4em;}
a:link,a:visited,a:active,a:hover {color:#185e8f; text-decoration:none;}
ul {list-style:none;}
em {font-style:italic;}
small {font-size:0.75em;}
.gap {margin-top:10px;}
.lighter {font-weight:lighter;}
.smaller {font-size:0.55em;}
.indented {margin-left:20px;}
.flush {margin-top:-10px;}
strong.offer {font-size:1.2em;}

body, body.mynativespace {
font-family: Arial,Verdana,helvetica,arial,sans-serif;
font-size:.75em;
text-align:center;
background:url(../images/bg-gradient.jpg) #2693d8 0 0 repeat-x;
width:auto;
}

html,body { height: 100% }

body {
  margin-bottom:1px;
}

h1 { font-size:3.1em; }
h2 { font-size:2.3em; }
h3 { font-size:1.4em; color:#d74d48; }
h4 { font-size:1.3em; color:#222; font-weight:400; }
h5 { font-size:1em; color:#185e8f; font-weight:bolder; }
h1,h2,h3 { font-weight:700; }

.webhosting h1, .reseller h1, .dedicated h1, .additional h1, .why h1 {
display:block;
float:left;
min-height:70px;
width:390px;
padding-top:20px;
background:#d2e8f6;
color:#d74d48;
}

.webhosting h1 {color:#d74d48;}
.reseller h1 {color:#fd8e46;}
.dedicated h1 {color:#00b3a8;}
.additional h1 {color:#8a51e2;}
.why h1 {color:#55b21d;}

.why #main p  {
	width:auto;
	clear:left;
	float:none;
}

.webhosting h2, .reseller h2, .dedicated h2, .additional h2, .why h2 {
display:block;
float:left;
clear:both;
min-height:45px;
width:502px;
color:#fff;
padding:11px 10px 0 18px;
}

.webhosting h2 {background:url(../images/webhosting-h2.gif) #d74e48 top left no-repeat;}
.reseller h2 {background:url(../images/reseller-h2.gif) #fd8e46 top left no-repeat;}
.dedicated h2 {background:url(../images/dedicated-h2.gif) #00b3a8 top left no-repeat;}
.additional h2 {background:url(../images/additional-h2.gif) #8a51e2 top left no-repeat;}
.why h2 {background:url(../images/why-h2.gif) #55b21d top left no-repeat;}

.sectionhome h2 {
	background:transparent;
	padding:14px 14px 2px 14px;
	margin:0;
	font-size:1.4em;
	min-height:26px;
	display:block;
	float:none;
	clear:left;
	width:auto;
	min-width:360px;
}

.webhosting h2.home {	color:#ad221c; float:left; clear:left; }
.reseller h2.home { color:#fd8e46; float:left; clear:left; }
.dedicated h2.home { color:#00b3a8; }
.additional  h2.home, .additional h3 { color:#8a51e2; }
.why h2.home { color:#55b21d; }

.why h3, .why strong.h3 {
	padding:3px 10px 4px 15px;
	color:#55b21d;
	margin:10px 0 0 0;
	float:left;
	clear:both;
	width:400px;
	display:block;
}

.why strong.h3 {
	padding:1px 10px 10px 0px;	
	font-size:1.3em;
	float:left;
	width:auto;
	clear:left;
}

.why p.h3 {
	width:auto;
	display:inline;
	padding:0;
}

.why h3 img {
	float:left;
	clear:left;
	margin:-3px 5px 0 0;
	height:25px;
	width:25px;
}

.dedicated h3 {
	padding:1px 15px 1px 15px;
	color:#00b3a8;
}

.additional h4 {
	font-size:1.2em;
	font-weight:bold;
	padding:1px 15px 1px 15px;
	color:#125a88;
	margin:0.2em 0 0.2em 0;
}

img.my-nativespace {
	float:left;
	margin-left:685px;
	clear:both;
}

img.right {
	float:right;
}

img.screenshot {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	border:solid #222 1px;
	background:#fff;
	padding:5px;
}

.why img.right {
	margin-left:15px;
	margin-bottom:15px;
}

img.padded {
	margin:10px;
}

img.top {
	margin-top:0px;
}

ul.plain {
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:5px;
}

ul.plain li {
	margin-left:15px;
	padding-left:10px;
	background:url(../images/small-bullet.gif) transparent 0 0.2em no-repeat;
}

ul.plain  li h3 {
	margin:5px 0 5px 0;
	padding-left:0;
	font-size:1.1em;
}

#wrapper {
position:relative;
text-align:center;
background:url(../images/global-bg.jpg) transparent -1px 0 no-repeat;
width:1080px;
min-height:680px;
margin:0 auto;
}

#animation {
position:absolute;
left:-11px;
top:0px;
z-index:0;
}

#innerwrapper {
display:block;
text-align:left;
width:980px;
margin:0 auto;
padding:0;
}

#content {
float:left;
clear:both;
width:980px;
background:url(../images/global-bg.gif) #fff 0 0 no-repeat;
}


/*************** LOGIN *******************/

#login, #logout {
position:absolute;
float:left;
top:0;
left:559px;
width:471px;
min-height:70px;
background:url(../images/mynativespace-tab-bg.jpg) #1383cb left bottom no-repeat;
text-align:left;
font-size:1em;
margin:0;
padding:0;
/*display:none;*/
}

#logout {
background:url(../images/logout-bg.gif) #1383cb left bottom no-repeat;
min-height:45px;
width:100px;
left:930px;
}

#logout a {
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
color:#fff;
text-decoration:underline;
}

#login form {
display:block;
float:left;
width:294px;
min-height:45px;
margin:0;
height:auto;
}

#login div.address, #login div.password {
font-size:.9em;
color:#fff;
display:block;
float:left;
min-height:40px;
margin:0;
padding:.3em .2em .2em .1em;
text-align:left;
width:11em;
}

#login div.ok {
font-size:.9em;
color:#fff;
float:right;
width:30px;
height:40px;
margin:0 12px 28px 0;
padding:0;
}

#login .address input,#login .password input {
float:left;
font-size:.9em;
margin:2px;
}

#login .address input {
	width:11em;
}

#login .password input {
	width:11em;
}


#login .address label,#login .password label {
margin-left:.3em;
}

#login .ok input {
background:url(../images/go-button.gif) no-repeat;
height:24px;
width:24px;
border:none;
cursor:pointer;
font-size:.9em;
font-weight:700;
float:left;
vertical-align:bottom;
margin:16px 0 0;
padding:0;
}

#login img {
float:left;
height:18px;
width:135px;
margin:16px 15px 0 20px;
}


/************* HEADER + PRIMARY NAV ***********************/

#header {
display:block;
width:980px;
float:left;
clear:both;
height:70px;
margin:0;
padding:0;
}

#primary, #mynav {
float:left;
clear:both;
position:relative;
width:980px;
min-height:20px;
margin:0;
padding:0;
}

#primary ul, #mynav ul {
float:left;
display:block;
width:980px;
list-style:none;
background-color:#288fd1;
min-height:20px;
}

#primary ul li, #mynav ul li {
text-align:center;
line-height:1.4em;
float:left;
font-size:1.1em;
font-weight:700;
min-height:20px;
min-width:185px;
}

#primary ul li a, #mynav ul li a {
display:block;
line-height:1.4em;
min-width:179px;
background-color:transparent;
color:#fff;
padding:0 3px 0px 3px;
min-height:20px;
}

#primary ul li a:visited, #mynav ul li a:visited, #primary ul li a:active, #mynav ul li a:active, #primary ul li a:link, #mynav ul li a:link {
font-family:Arial,Verdana,helvetica,arial,sans-serif;
font-size:1em;
}

#mynav {
	width:980px;
	display:block;
	float:left;
	clear:both;
	font-size:0.9em;
	padding:0;margin:0;
}

#mynav ul {
	padding:0;
	margin:0 0 0 10px;
	width:auto;
	border-bottom:3px solid #F4C022;
	min-height:18px;
}

#mynav ul li a {
width:auto;
min-width:38px;
padding:0px 6px 0 6px;
border-left:1px solid #35B3E0;
border-right:1px solid #1B6BC2;
}

#mynav ul li {
width:auto;
min-width:0;
min-height:16px;
}

#primary ul li.home {
min-width:54px;
}

#primary ul li.home a {
min-width:48px;
background:url(../images/home-li-bg.gif) left bottom repeat-x;
}

#primary ul li.webhosting a {
background:url(../images/webhosting-li-bg.gif) left bottom repeat-x;
}

#primary ul li.reseller a {
background:url(../images/reseller-li-bg.gif) left bottom repeat-x;
}

#primary ul li.dedicated a {
background:url(../images/dedicated-li-bg.gif) left bottom repeat-x;
}

#primary ul li.additional a {
background:url(../images/additional-li-bg.gif) left bottom repeat-x;
}

#primary ul li.why {
min-width:180px;
}

#primary ul li.why a {
min-width:180px;
background:url(../images/why-li-bg.gif) left bottom repeat-x;
}

#primary ul li a:hover,.home #primary ul li.home a,.webhosting #primary ul li.webhosting a,.reseller #primary ul li.reseller a,.dedicated #primary ul li.dedicated a,.additional #primary ul li.additional a,.why #primary ul li.why a, #mynav ul li a:hover, #mynav li.selected {
background-color:#0173bc;
}


/**************** LHS NAV ********************/

#lhs {
float:left;
clear:left;
width:174px;
color:#185e8f;
margin:0;
padding:196px 6px 0px 0;
}

#lhs li {
margin-left:10px;
margin-bottom:8px;
}
#lhs li li {
margin-top:8px;
}

.webhosting #lhs {
background:url(../images/webhosting-bg.gif) #fff 0 0 no-repeat;
}

.reseller #lhs {
background:url(../images/reseller-bg.gif) top left no-repeat;
}

.dedicated #lhs {
background:url(../images/dedicated-bg.gif) top left no-repeat;
}

.additional #lhs {
background:url(../images/additional-bg.gif) top left no-repeat;
}

.why #lhs {
background:url(../images/why-bg.gif) top left no-repeat;
}

#lhs li,#rhs li,.home #left li {
padding-left:10px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0 .2em;
margin-top:3px;
}

#lhs ul ul {
margin-left:0;
padding-left:0;
list-style:none;
}


#main {
float:left;
display:block;
width:530px;
background:#d8e5eb url(../images/main-footer-bg.gif) left bottom no-repeat;
color:#1a587d;
margin:0;
padding:0 0 10px 0;
}

.sectionhome #main {
	background:transparent;
}

body.white #main {
background:#fff;
}

#main p {
	padding:5px 15px 5px 15px;
	width:auto;
	float:none;
	clear:left;	
}

#main p.description {
float:left;
clear:left;
width:341px;
margin:8px 5px 8px 5px;
}

#main p.note {
float:right;
clear:right;
width:110px;
color:#7c8b90;
font-size:.8em;
margin:5px 0px 10px 5px;
}

#main a {
	text-decoration:underline;
}

#main span.button a {
	text-decoration:none;
}

#productsandservices {
display:block;
float:left;
clear:both;
width:980px;
min-height:199px;
background:#2693d9 url(../images/servicespot-bg.gif) left top no-repeat;
}

#productsandservices .servicespot p {
	display:none;
}

#productsandservices .servicespot p.price {
	display:block;
	width:160px;
	margin:0 auto 0 auto;
}

#productsandservices .servicespot p.price a {
	display:block;
	padding-top:134px;
}

#productsandservices .servicespot p.price a:hover {
	text-decoration:none;
	color:#333;
}


#productsandservices .servicespot p.price a em {
	display:block;
	clear:both;
	font-size:1.7em;
	font-style:normal;
	font-weight:700;
}

#productsandservices .servicespot p.price strong {
	display:block;
	width:160px;
	min-height:44px;
	margin:auto;
	padding: 1px 0 1px 0;
	text-decoration:none;
	font-style:normal;
	clear:both;
	background:#d54e48;
	cursor:pointer;
}

#productsandservices .servicespot.reseller p.price strong {
	background:#ff8c47;
}
#productsandservices .servicespot.dedicated p.price strong {
	background:#4cd8bd;
}
#productsandservices .servicespot.additional p.price strong {
	background:#9b65f1;
	font-size:1.5em;
	padding:0.5em 0 0 0;
}
#productsandservices .servicespot.why p.price strong {
	background:#66cb29;
	font-size:1.5em;
	padding:0.5em 0 0 0;
}

span.button, span.button165 {
display:block;
clear:both;
width:110px;
background:#339ce0 url(../images/button-bottom.gif) left bottom no-repeat;
min-height:25px;
text-align:center;
margin-bottom:.4em;
}

span.button input, span.button165 input{
cursor:pointer;
}

span.button165 {
width:165px;
background-image:url(../images/long-button-bottom.gif);
}

span.button165.right {
	float:right;
	clear:right;
}

span.button a, span.button165 input, span.button input {
position:relative;
display:block;
width:102px;
text-align:center;
background:url(../images/button-top.gif) left top no-repeat;
color:#fff;
background-color:transparent;
line-height:1.6em;
font-weight:700;
text-decoration:none;
padding-left:8px;
font-size:1.2em;
}

span.button165 input {
background-image:url(../images/long-button-top.gif);
border:0;
width:165px;
font-weight:bold;
height:1.6em;
}

span.button.wide {
width:174px;
background-image:url(../images/wide-button-bottom.gif);
font-weight:bold;
margin:20px auto;
}

span.button.wide a {
width:174px;
background-image:url(../images/wide-button-top.gif);
font-size:1.2em;
line-height:1.5em;
padding-left:0;
color:#fff;
}

span.button a img {
	position:absolute;
	top:0;
	left:0;
}

span.domainlogos {
	margin-left:20px;
}

span.domainlogos img{
	vertical-align:middle;
	margin-left:10px;
}

.note span.button a {
	font-size:1.5em;
}

.special span.button a {
	font-size:1.3em;
}

span.small {
	font-size:0.75em;
}

#rhs {
float:left;
width:206px;
color:#777;
margin:36px 24px 0px 38px;
padding:0;
}

#rhs a:link,#rhs a:visited,#rhs a:active,#rhs a:hover {color:#777; text-decoration:none;}
#rhs p {color:#777;}
#rhs span.button a{color:#fff;}

#rhs.padright {
margin:36px 32px 0px 30px;
}

#rhs ul li {
line-height:1.3em;
margin:0;
font-size:.9em;
background-image:url(../images/small-bullet.gif);
}

#rhs ul {
margin-left:25px;
margin-top:10px;
margin-bottom:3px;

}

#rhs ul li.static {
background-image:url(../images/small-bullet-block.gif);
}

#rhs p {
display:block;
margin-left:14px;
margin-top:3px;
margin-bottom:3px;
}

#rhs p.phone {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:20px auto;
}

#rhs p.phone em {
	font-style:normal;
	color:#66cb29;
}


#footer {
float:left;
clear:both;
background:#fff;
width:980px;
margin-top:12px;
padding-top:10px;
padding-bottom:10px;
border-top:solid #c4cdd0 1px;
border-bottom:solid #2693d8 10px;
font-size:.8em;
}

#footer ul {
float:left;
width:560px;
padding-top:2px;
}

#footer ul li {
float:left;
margin-left:10px;
}

#footer ul li a:hover{
	font-weight:normal;
	color:#111;
}

#footer p {
float:left;
margin-left:10px;
width:555px;
color:#222;
}

#footer img {
float:right;
padding-right:10px;
}


/*********** PRODUCT FEATURE TABLES ************/


table {
font-size:1em;
}

table.featurelist, table.compare {
display:block;
float:left;
clear:both;
width:511px;
text-align:left;
border-collapse:collapse;
padding:0;
margin:0 0 10px 10px;
caption-side:top;
}

table.featurelist caption {
	float:left;
	width:511px;
	display:block;
	background:url(../images/webhosting-caption.gif) #ad221c top left no-repeat;
	min-height:25px;
	padding:0;	
}

.reseller table.featurelist caption {
	background:url(../images/reseller-caption.gif) #ea620a top left no-repeat;
}

.dedicated table.featurelist caption {
	background:url(../images/dedicated-caption.gif) #00847c top left no-repeat;
}

.additional table.featurelist caption {
	background:url(../images/additional-caption.gif) #6735b4 top left no-repeat;
}


table.compare thead img, table.featurelist caption img {
float:left;
height:20px;
padding:.3em;
}

table.featurelist thead {
	display:none;
}


table.compare thead tr th span, table.featurelist caption span {
text-align:left;
float:left;
padding:.2em 0 .2em .2em;
width:460px;
color:#fff;
font-size:1.4em;
font-weight:700;
}

table.compare thead tr th span {
	width:180px;
}

table.compare {
	margin-bottom:0;
}

.reseller #packagefeatures.compare, .dedicated #packagefeatures.compare {
	margin-top:10px;
}

table.featurelist thead {
	display:none;
}

table.compare caption {
	display:block;
	float:left;
	clear:both;
	width:511px;
	background:#d8e5ea;
	text-align:left;
}

table.compare caption img {
	display:block;
	margin:1px 0 1px 0;
	float:right;
}


thead,
tbody {
display:block;
float:left;
clear:both;
border:0;
margin:0;
width:511px;
}


tbody {
	margin:1px 0 0;
}

thead tr,
tbody tr {
display:block;
float:left;
clear:both;
width:511px;
margin:0;
padding:0;
}

tr th,
tr td {
background-color:#edf2f6;
border:0;
border-color:#edf2f6;
margin:0 0 0 1px;
padding:2px 0 2px 0;
}

tr th {
	background-color:#ad221c;
	color:#fff;
}


th.col1 {
	background:url(../images/web-hosting-compare-col1-bg.gif) #ad221c top left no-repeat;
}

th.col3, th.col7 {
	background:url(../images/web-hosting-compare-col7-bg.gif) #ad221c top right no-repeat;
}

th.col1, td.col1 {
	width:237px;	
	padding-left:5px;
}

th.col2, td.col2 {
	width:43px;
}

th.col3, td.col3 {
	width:226px;
}

td.col3 {
	font-size:0.8em;
}

.compare th.col3 {
	background-image:none;
}

.compare td.col1, .compare th.col1 {
	width:230px;
	padding-left:5px;
}

.compare th.col2, .compare th.col3, .compare th.col4, .compare th.col5, .compare th.col6, .compare th.col7  {
	width:43px;
	border-left:solid #dbe5e7 1px;
	padding-left:2px;
}

.reseller .compare th {
	background:#ea620a;
}

.reseller .compare tr th.col1 {
	background:url(../images/reseller-caption.gif) #ea620a top left no-repeat;
}

.reseller .compare tr th.col4 {
	background:url(../images/reseller-caption.gif) #ea620a top right no-repeat;
}

.dedicated .compare th {
	background:#00847c;
}

.dedicated .compare tr th.col1 {
	background:url(../images/dedicated-caption.gif) #00847c top left no-repeat;
}

.dedicated .compare tr th.col4 {
	background:url(../images/dedicated-caption.gif) #00847c top right no-repeat;
}


.reseller .compare td.col2, .reseller .compare td.col3, .reseller .compare td.col4, .reseller .compare th.col2, .reseller .compare th.col3, .reseller .compare th.col4, .dedicated .compare td.col2, .dedicated .compare td.col3, .dedicated .compare td.col4, .dedicated .compare th.col2, .dedicated .compare th.col3, .dedicated .compare th.col4 {
	width:87px;
	padding-left:4px;
}


.compare td.col2, .compare td.col3, .compare td.col4, .compare td.col5, .compare td.col6 , .compare td.col7 {
	width:43px;
	font-size:1em;
	border-left:solid #dbe5e7 1px;
	padding-left:2px;
}

.premier td.col2 , .professional td.col3, .business td.col4, .multi10 td.col5, .multi25 td.col6, .multi50 td.col7, .reseller .lite td.col2 , .reseller .advanced td.col3, .reseller .enterprise td.col4, .dedicated .pro td.col2 , .dedicated .advanced td.col3, .dedicated .enterprise td.col4 {
	background-color:#beddf1;
}

.premier th.col2 , .professional th.col3, .business th.col4, .multi10 th.col5, .multi25 th.col6, .multi50 th.col7 {
	background-color:#d74d48;
}

.reseller .lite th.col2 , .reseller .advanced th.col3, .reseller .enterprise th.col4 {
	background-color:#fd8e46;
}

.dedicated .pro th.col2 , .dedicated .advanced th.col3, .dedicated .enterprise th.col4 {
	background-color:#00b3a8;
}


.compare.multi50 tr th.col7 {
	background:url(../images/compare-webhosting-corner-hi.gif) #d74d48 top right no-repeat;
}

.reseller .compare.enterprise tr th.col4 {
	background:url(../images/compare-reseller-corner-hi.gif) #fd8e46 top right no-repeat;
}

.dedicated .compare.enterprise tr th.col4 {
	background:url(../images/compare-dedicated-corner-hi.gif) #00b3a8 top right no-repeat;
}

.premier tr.odd td.col2, .professional tr.odd td.col3, .business tr.odd td.col4, .multi10 tr.odd td.col5, .multi25 tr.odd td.col6, .multi50 tr.odd td.col7, .reseller .lite tr.odd td.col2 , .reseller .advanced tr.odd td.col3, .reseller .enterprise tr.odd td.col4, .dedicated .lite tr.odd td.col2 , .dedicated .advanced tr.odd td.col3, .dedicated .enterprise tr.odd td.col4{
	background-color:#dbedf9;
}

.dedicated .featurelist .col1 {
	width:194px;
}
.dedicated .featurelist .col2 {
	width:125px;
	padding-left:5px;
}
.dedicated .featurelist .col3 {
	width:175px;
	padding:0 3px 0 3px;
}

table.featurelist tbody tr td {
	border-top:solid #dbe5e7 1px;
}

table.featurelist .col3 {
	padding-left:5px;
}

.additional table.featurelist thead {
display:block;
}

.additional table.featurelist th.col1, .additional table.featurelist th.col2, .additional table.featurelist th.col3 {
	width:110px;
	background:#fff;
	color:#222;
}

.additional table.featurelist td.col1, .additional table.featurelist td.col2, .additional table.featurelist td.col3 {
	width:110px;
	font-size:1em;	
}

.additional table.featurelist th.col3, .additional table.featurelist td.col3 {
	width:281px;
}

tr.odd td {
background-color:#fff;
border-top:solid #dbe5e7 1px;
}

.compare tr.odd td {
border-left:solid #dbe5e7 1px;
}

.alt {
display:none;
}



div.moreinfo {
	display:block;
	float:left;
	clear:right;
	width:200px;
	padding:10px;
	background:#fff;
	color:#222;
	margin-bottom:10px;
	margin:10px;
	text-align:center;
}

#main div.moreinfo p{
	width:170px;
	text-align:center;
	display:block;
}

div.feature {
	margin:10px;
	width:270px;
	clear:none;
	float:left;
}

#main div.feature p {
	width:260px;
	clear:both;
}

div.feature ul {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
	padding-left:15px;
	float:left;
	clear:left;
	display:inline;
	position:relative;
	width:240px;
}

div.quote {
text-align:center;
float:left;
display:block;
clear:both;
width:200px;
background:url(../images/quote.gif) top left no-repeat;
margin:10px 0 0 10px;
padding:0;
font-size:.9em;
}

div.quote strong,div.quote em, #rhs div.quote p, #main div.quote p {
display:block;
clear:both;
}

#rhs div.quote p {
width:170px;
margin-left:15px;
float:left;
}

#main div.quote, #main div.quote p {
	width:400px;
	font-size:1em;
}

#main div.quote {
	background:url(../images/long-quote.gif) top left no-repeat;
	margin:20px 0px 10px 50px;
}

#main div.quote p {
	width:366px;
	float:left;
	margin:0 0 0 17px;
	padding:0;
	font-style:italic;
}


img.clickable {
cursor:pointer;
}


img.featurespot {
width:100px;
}

#logohome {
position:absolute;
display:block;
float:left;
left:50px;
height:70px;
width:274px;
margin:0;
padding:0;
z-index:100;
}

#emailsales {
width:215px;
position:absolute;
display:block;
height:1.2em;
left:324px;
float:left;
clear:right;
vertical-align:middle;
margin:30px 0 0 0;
padding:0;
color:#fff;
}

div .servicespot {
	font-size:1em;
	width:185px;
	border:0;
	float:left;
	text-align:center;
	display:block;
	height:100%;
}

div .servicespot p {
	padding:0 4px 0 3px;
}

div .servicespot p, .servicespot a{
	color:#fff;
}

.servicespot a {
	font-weight:bold;
}

.servicespot a:hover {
	text-decoration:underline;
}


div .servicehome {
	width:54px;
	float:left;
}

.servicespot p.heading {
	font-size:1.15em;
	font-weight:bolder;
	margin-top:1em;
	color:#fff;	
	padding:4px;	
}

div.servicespot div.packages {
	margin-bottom:1em;
}


.spotlinks {
float:left;
clear:both;
margin:0;
padding:8px 0 8px 0;
text-align:left;
}

.spotlink {
float:right;
margin:10px 0 0;
clear:left;
}

#right .spotlink {
float:left;
margin:10px 0 0;
}

div .special {
width:210px;
background:url(../images/special-bg-bottom.gif) #c9d9de bottom left no-repeat;
}

div .special strong {
display:block;
width:196px;
background:url(../images/special-bg-top.gif) #c9d9de top left no-repeat;
color:#ad221c;
font-size:1.15em;
padding:5px 7px 2px;
}

div.special p {
padding:2px 7px 7px;
}

#domaincheck {
float:left;
width:186px;
background:url(../images/domain-check-bottom.gif) #93c9ec bottom left no-repeat;
min-height:27px;
margin:0;
padding:0;
color:#115b8a;
font-size:0.9em;
}

#rhs #domaincheck {
	margin:10px 0 0 14px;
}

#domaincheck p {
	margin:0;
	padding:0;
}

#domaincheck strong {
float:left;
display:block;
width:186px;
background:url(../images/domain-check-top.gif) #0173bd top left no-repeat;
color:#fff;
font-size:1.25em;
margin:0;
padding:5px 0 5px 0;
text-align:center;
}

label.slabel, label.dlabel, input.domain {
	color:#222;
	float:left;
	vertical-align:middle;
	margin:6px 0 6px 1px;
	padding:2px 0 2px 0px;
}

label.dlabel {
	margin-left:4px;
}

input.domain, select.suffix {
	border:solid #7f9db9 1px;
	font-size:1.1em;
	line-height:1.25em;
}

input.domain {
	width:4.4em;
	line-height:1.25em;
	padding:2px 0 2px 1px;
}

select.suffix {
	width:4.4em;
	padding:0 0 0 1px;
	line-height:0.9em;
	margin:6px 0 6px 1px;
	float:left;
}

select.suffix option {
	padding:1px;
}

#domaincheck input.submit {
	float:right;
	height:24px;
	width:24px;
	margin:4px 4px 4px -2px;
	padding:0;
}


form.domains {
	display:block;
	float:left;
	clear:both;
	width:500px;
	padding:0;
	margin:5px 0 10px 15px;
}

form.domains label {
	font-size:1.1em;
	line-height:1.1em;
}

form.domains #domain {
	width:224px;
	height:1.1em;
	line-height:1.1em;
	padding:0.1em;
	margin:0;
}

form.domains #suffix {
	width:2.5em;
	height:1.1em;
	line-height:1.1em;
	padding:0.1em;
	margin:0;
}

form.contact {
display:block;
margin:15px 0 25px 5px;
padding:0;
float:left;
clear:both;
width:490px;	
}

form.contact .required {
	font-weight:700;
}


form.contact label, form.contact input, form.contact select, form.contact textarea {
	min-height:1.3em;
	line-height:1.3em;
	float:left;
	width:200px;
	clear:none;
	margin:0;
	padding:0 0 0 0.1em;
}

#main form.contact p {
	display:inline;
	float:left;
	width:480px;
	clear:both;
}

form.contact input.submit {
	width:110px;
	border:0;
	margin:0;
	position:relative;
	float:right;
	clear:none;
}

form.contact label {
	width:180px;
}

form.contact textarea  {
	padding:2px;
	overflow: hidden show;
	font-size:1.1em;
	line-height:1.2em;
}

form.contact label {
	clear:left;
}

fieldset.radio {
	border:none;
	width:auto;
	margin:5px 0 0 15px;
	padding:0 0 10px 0;
	float:left;
	clear:both;
	display:inline;
	position:relative;	
}

fieldset.radio input {
	width:auto;
	clear:left;	
	margin:0 0 0 180px;
}

fieldset.radio label {
	float:left;
	clear:right;
	width:100px;
	margin:2px 0 0 5px;
}

fieldset.radio legend {
	position:relative;
	display:inline;
	width:130px;
	height:auto;
}


#headlinks {
text-align:right;
display:block;
float:left;
clear:right;
width:140px;
color:#205c80;
background:#d2e8f6;
min-height:69px;
padding-top:20px;
padding-bottom:1px;
}

#headlinks a, #headlinks a img {
	display:block;
	float:left;
	clear:both;
}

#headlinks a {
	padding-bottom:2px;
}

#headlinks a:hover,#lhs li a:hover,#lhs li a.selected,.home li a:hover,#footer ul a:hover,table a:hover,#rhs ul a:hover {
font-weight:700;
}

#footer ul a:link,#footer ul a:visited,#footer ul a:active,table a:link,table a:visited,table a:active,#rhs ul a:link,#rhs ul a:visited,#rhs ul a:active {
text-decoration:underline;
}


/************** HOME PAGE SPECIFICS ********************/

.home #primary {
	min-height:219px;
}

.home #content {
background:#fff;
}

.home #left li {
display:block;
background-image:url(../images/circle-bullet-blue.gif);
background-position:0 .15em;
padding-left:18px;
min-height:1.4em;
}

.home #left li a {
text-decoration:underline;
color:#207cb7;
}

.home #left li a:hover{
color:#003050;
font-weight:normal;
}


.home #left ul {
margin-top:1em;
}

.home #left p {
width:360px;
}

/* home */

.home #left {
float:left;
min-height:280px;
background:#fff;
width:460px;
margin:25px 15px 5px 30px;
}

.home #mid {
min-height:280px;
float:left;
width:214px;
margin:30px 15px 5px;
}

.home #right {
min-height:280px;
float:left;
width:206px;
margin:30px 10px 5px;
}

.home h1 {
font-size:2.9em;
color:#207cb7;
margin:0 0 .2em;
}

.home h2 {
font-size:1.45em;
font-weight:400;
margin:.2em 0 .5em;
}

.home h2,.home p, .servicespot {
color:#4f6770;
}

.home p {
margin:.2em 0 .6em;
}

.home object, .home embed {
position:relative;
float:left;
clear:both;
width:980px;
height:199px;
}

div.special span.button {
display:block;
clear:both;
width:198px;
background:#c33933 url(../images/special-btn-bottom.gif) left bottom no-repeat;
min-height:30px;
text-align:center;
font-size:1.1em;
line-height:1.1em;
margin-top:134px;
}

div.special span.button a {
text-align:center;
width:190px;
display:block;
background:url(../images/special-btn-top.gif) left top no-repeat;
color:#fff;
background-color:transparent;
font-weight:700;
text-decoration:none;
}


/********* PACKAGES **********/

div.package {
	background:url(../images/web-hosting-package-footer-bg.gif) #d8e5ea bottom left no-repeat;	
	float:left;
	display:block;
	clear:both;
	width:250px;
	text-align:center;
	margin-bottom:10px;
	background-color:#d8e5ea;	
}

div.package h3 {
	display:block;
	font-size:1.4em;
	line-height:1.4em;
	min-height:25px;
	float:left;
	width:250px;
	background:url(../images/web-hosting-package-h3-bg.gif) #d74d48 top left no-repeat;
	color:#fff;
	margin:0;
	padding:0;
	vertical-align:middle;
}

div.package h3.row2 {
	background:url(../images/web-hosting-package-h3-row2-bg.gif) #ad221c top left no-repeat;
}

div.package h3.row3 {
	background:url(../images/web-hosting-package-h3-row3-bg.gif) #7a0500 top left no-repeat;
}

div.package ul {
	text-align:left;
	float:left;
	clear:both;
	width:250px;
	padding:10px 0 10px 0;
	margin:0;
	background-color:transparent;	
}

div.package li {
	display:block;
	float:left;
	width:105px;
	padding:0 0 0 15px;
	margin:0;	
}

#main div.package p {
	display:block;
	float:left;
	clear:both;
	text-align:center;
	width:250px;
	padding:5px 0px 10px 0px;
}

div.package p span.button {
	display:block;
	float:left;
	clear:right;
	margin:0 0 0 10px;
	padding:0;
	min-height:25px;
}

.why div.package {
	float:left;
	clear:none;
	margin:13px 0 0 10px;
}


.why div.package h3 {
	background:url(../images/package-header-why.gif) #66cb29 top left no-repeat;
}

h3.inline {
	display:inline;
	width:auto;
	clear:left;
}

.why #main div.package p {
	background-color:transparent;
	text-align:center;
	float:left;
	clear:none;
	display:block;
	width:228px;
	padding:10px;
}

.why.sectionhome #main div.package p {
	text-align:left;
	width:144px;
	padding:6px;	
}

.why div.package p span.button {
	clear:both;
	margin:10px 0 4px 16px;
}

.why #main div.package img.thumb {
	float:left;
	clear:left;
	display:block;
	width:80px;
	height:80px;
	padding:6px;
}

.widepackage {
	float:left;
	width:530px;
	margin-bottom:12px;
	background:#d8e5eb url(../images/body-tab-footer.gif) left bottom no-repeat;
}


.widepackage h2, .widepackage h3 {
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:url(../images/bodytab-reseller.gif) #fd8e46 left top no-repeat;
	padding:0.1em 0 0.1em 0;
}

.dedicated .widepackage h3 {
	background:url(../images/bodytab-dedicated.gif) #00b3a8 left top no-repeat;
}

.reseller .widepackage h3 {
	background:url(../images/bodytab-reseller.gif) #fd8e46 left top no-repeat;
}

.additional .widepackage h3 {
	background:url(../images/bodytab-additional.gif) #8a51e2 left top no-repeat;
}

.whyus .widepackage h3 {
	background:url(../images/bodytab-why.gif) #00b3a8 left top no-repeat;
}

.webhosting .widepackage h3 {
	background:url(../images/bodytab-hosting.gif) #d74d48 left top no-repeat;
}

.webhosting .widepackage.multi h3 {
	background:url(../images/bodytab-hosting-multi.gif) #ad221c left top no-repeat;
}

.widepackage h2 strong {
	font-size:1.1em;
	font-weight:bold;
}

.widepackage span.button {
	float:right;
	clear:none;
	width:110px;
	margin:34px 14px 12px 0px;
}

.widepackage ul {
	float:left;
	display:block;
	width:198px;
	position:relative;
	margin:10px 0 10px 10px;
}

.widepackage ul.dual {
	width:370px;
}

.widepackage ul.dual li {
	float:left;
	width:160px;
	margin-right:10px;
}

.widepackage ul.bullets {
	position:relative;
	display:inline;
	width:360px;
	clear:none;
	padding:0 0 10px 0;
	margin:0 0 0 15px;
}

.widepackage ul.bullets li {
	position:relative;
	display:block;
	float:left;
	clear:left;
	width:320px;
	padding:0 0 0 10px;
	margin:0;
	background:url(../images/square-bullet.gif) transparent 0 0.5em no-repeat;
}

.widepackage span.button.high {
	margin:12px 12px 0 0;
}

.widepackage span.button.low {
	clear:right;
	margin:5px 12px 12px 0;
}
#main .widepackage p {
	width:auto;
}

#main .widepackage p.wide, #main .widepackage div.left, #main .widepackage div.right {
	display:block;
	float:left;
	clear:left;
	width:360px;
	margin-top:8px;
	min-height:5em;
	background:transparent;
}

#main .widepackage div.left {
	width:386px;
}

#main .widepackage div.right {
	float:left;
	text-align:center;
	clear:none;
	width:140px;
}

#main .widepackage img.spaced {
	margin:10px;
}

.widepackage div.right span.button {
	margin:0 15px 0 0;
}

a.external {
	font-size:0.9em;
	padding-left:10px;
	background:url(../images/small-bullet.gif) transparent 0 0.2em no-repeat;
	text-decoration:underline;
}


/* web hosting */
p.footnotes {
	display:block;
	float:left;
	clear:both;
	color:#666;
	width:100%;
}

#main a.footnote {
	font-size: 1em;
	vertical-align:top;
	margin-top:0.3em;
	text-decoration:none;
	
}

h2 a.footnote {
	color:#fff;
}

.sticker {
	float:right;
	padding:14px 14px 10px 5px;
	width:116px;
}

#main p.sticker {
	width:365px;
	float:left;
}

p.company {
	font-size:0.9em;
}


/* fixes / corrections */

/*mozilla vertical scroll bar on - to avoid jumping. */

html {
    height: 100%;
    overflow: auto;
} 


div #formfeedback {
	display:block;
	clear:both;
	margin-left:15px;
	font-size:1.1em;
	font-weight:bold;
}

div #formfeedback  em {
	color:#f00;
}

#featurelogos {
	margin-left:2px;
}

#featurelogos img {
	margin:5px 0 0px 5px;
}

#featurelogos a.full img {
	margin:5px 0 0px 64px;
}

/* providesupport */

#cie6YB { z-index:100;position:absolute; }
#sce6YB, #psns { display:inline }
#sde6YB { display:none }

/* mynativespace */

.mynativespace #content, .mynativespace #main {
	background:#fff;
}

#mypackage {
	background:url(../images/my-panel-footer.gif) #d8e5ea bottom left no-repeat;
	width:400px;
	float:left;
	clear:both;
}

#mypackage strong {
	background:url(../images/my-panel-header.gif) #e2b324 top left no-repeat;
	display:block;
	width:100%;
	font-size:1.5em;
	font-weight:normal;
	padding:0.1em 0 0.1em 0;
	color:#fff;
	text-align:center;
}

#mypackage ul.icons li {
	width:132px;
}

ul.icons {
	float:left;
	clear:both;
	width:100%;
	background:none;
	text-align:center;
}

ul.icons.centred {
	width:416px;
	margin-left:52px;
}

ul.icons li a span{
	text-decoration:underline;
}

ul.icons li {
	float:left;
	width:104px;
	text-align:center;
	padding:10px 0 20px 0;
}

ul.icons li span {
	float:left;
	clear:both;
	display:block;
	width:100%;
	text-align:center;
}

#mybody, #mymain, #myrhs, #myicon {
	width:950px;
	display:block;
	float:left;
	clear:left;
	margin:20px 10px 10px 18px;	
}

#mymain {
	margin:0;
	width:520px;
}

#mybody {
	font-size:0.9em;
	color:#000;
}

#mybody-inner {
	width:720px;
	margin:0 auto;

}

#mybody  table{
	font-family:Arial,Verdana,helvetica,arial,sans-serif;
	/*font-size:0.9em;*/
}

#mybody p {
	margin-top:13px;
	margin-bottom:13px;
	color:#000;
}

#mybody p {
	line-height:1.4em;


}

#mybody strong {
	color:#1a587d;
	color:#000;
}

#mybody table.sectiontitlebg {
	display:none;
}

#mybody tr.orderheadingrow td, #mybody tr.orderrow1 td, #mybody tr.orderrow2 td{
	margin:0.4em 0;
	padding:0.3em;
}

#mybody #mypackage strong {
	color:#fff;
	font-size:1.6em;
	font-weight:700;
}

/*
#mybody a, #mybody strong a {
	font-weight:normal;
}
*/

#mybody ul.icons a:link, #mybody ul.icons a:active, #mybody ul.icons a:hover, #mybody ul.icons a:visited {
	font-size:1em;	
}

#mybody a:link, #mybody a:active, #mybody a:hover, #mybody a:visited   {
	font-family:Arial,Verdana,helvetica,arial,sans-serif;
	text-decoration:underline;
	font-size:1em;
}

#mybody a:hover {
	text-decoration:none;
}


.clientareatable a:hover {
	font-weight:normal;
}

.carttable a:hover {
	font-weight:normal;
}


#mybody a:active, #mybody a:hover  {
	color:#000;

}

#mybody .swiftfieldset, #mybody .swiftfieldset td, #mybody .swiftfieldset p, #mybody .swiftfieldset li,
#mybody span.smalltext, #mybody span.mediumtext, #moduletitle, #mybody .tcat, #mybody .ticketpostname {
	font-family:Arial,Verdana,helvetica,arial,sans-serif;
	font-size:1em;
	color:#000;
}

#mybody td, #mybody span.smalltext, #mybody span.mediumtext {
	/*color:#1A587D;*/
	color:#000;
}

#mybody .clientareatable {
	margin:0.2em auto;
}

#mybody .clientareatable td {
	padding:2px;
}

.clientareatablepending td, .clientareatablesuspended td, .clientareatableactive td, .clientareatableterminated td {
	padding:1px;
}

tr.clientareatablePending, .clientareatablepending {
background-color:#FFFFCC;	
}

tr.clientareatableSuspended, .clientareatablesuspended {
background-color:#CCFF99;	
}

tr.clientareatableActive, .clientareatableactive{
background-color:#FFFFFF;	
}

tr.clientareatableTerminated, .clientareatableterminated {
background-color:#FF9999;	
}



div.cartbox {
	width:90%;
}

div.contentbox {
	width:75%;
}

div.cartbox a {
	color:#65A5E6;
}

/*
#mybody tr.carttablesummary td {
	font-size:1.2em;
	color:#333;
}
*/

#mybody .clientareatable {
	width:95%;

}

#mybody table.centre {
	margin:0.5em auto;
}

#myrhs {
	margin:0 0 0 10px;
	width:400px;
	clear:none;
}

#myicon {
	margin:0;
	width:88px;

}


div.fullwidth {
	float:left;
	clear:both;
	width:860px;
}

p.clear {
clear:left;
}

#mynav ul.shoppingcart li.shoppingcart,
#mynav ul.mynativespace li.mynativespace,
#mynav ul.clientarea li.clientarea,
#mynav ul.supporttickets li.supporttickets,
#mynav ul.submitticket li.submitticket,
#mynav ul.serverstatus li.serverstatus,
#mynav ul.knowledgebase li.knowledgebase,
#mynav ul.downloads li.downloads,
#mynav ul.announcements li.announcements,
#mynav ul.affiliates li.affiliates,
#mynav ul.domainavailabilitychecker li.domainavailabilitychecker,
#mynav ul.shoppingcart li.shoppingcart {
background-color:#0173bc;
}