/* Document  Defaults */
body {
  margin: 0px;
  font-family: arial, helvetica;
  font-size: 10pt;
  background: url(/img/services/webhosting/background.jpg) repeat-x #030 fixed;
}

table {
  border-collapse: collapse;
}

td {
  font-family: arial, helvetica;
  font-size: 10pt;
  color: #000000;
}

a {
  color: #0000CC;
}

img {
	border-color: #0000CC; /*To make images that are links use blue for the colour*/
}

hr {
	background: #FFF;
	padding: 0;
	margin: 15px 0;
	border: 0;
	border-top: 2px dotted #093;
}

/* Forms */
form {
	display: inline;
	margin: 0;
}

.button {
	border-style: double;
	border-color: #333333;
	border-width: 3px 3px 3px 3px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/img/buttons/button_bg.gif);
}

/*Basic Font Sizes */
.tiny {
	font-size: 8pt;
}

.small {
	font-size: 9pt;
}

.big {
	font-size: 12pt;
}

.jumbo {
	font-size: 14pt;
}

.topLinks {
	vertical-align: bottom;
	padding: 0px 5px 3px 0px;
	font-weight: bold;
}

/* Headers */
#main {
	width: 772px;
	margin: 0 auto;
}

#black {
	background-image: url(/img/services/webhosting/black.gif);
	padding: 10px;
}

* html #black {
	height: 1px;
	background-image: url(/img/services/webhosting/black.gif);
	padding: 10px;
}

#white {
	background: #FFF;
	border: 1px solid #000;
}

* html #white {
	position: relative;
	height: 1%;
}

#content {
	padding: 5px 15px 20px 15px;
	position: relative;
}

#header {
	height: 68px;
	padding: 12px 10px 0 10px;
}

#header div {
	float: right;
	margin-top: 20px;
	z-index: 200;
}

#header div a {
	font-size: 9pt;
	font-weight: bold;
}

#header div img {
	vertical-align: middle;
}

#footer {
	color: #FFF;
	font-size: 8pt;
	text-align: right;
	padding: 2px 10px 35px 10px;
}

#footer a {
	color: #FFF;
	font-weight: bold;
	margin-left: 3px;
	font-size: 9pt;
	line-height: 20px;
}

#footer div {
	float: left;
}

#nav ul {
	margin: 0 0 0 18px;
	height: 36px;
	padding: 0;
}
#nav li {
	height: 36px;
	width: 160px;
	list-style: none;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

#nav #nav1 {
	background: url(/img/services/webhosting/nav_overview.gif);
}

#nav #nav2 {
	background: url(/img/services/webhosting/nav_plans_prices.gif);
}

#nav #nav3 {
	background: url(/img/services/webhosting/nav_features.gif);
}

#nav #nav4 {
	background: url(/img/services/webhosting/nav_10_reasons.gif);
}

.pageHeader {
	border-width: 0px 0px 1px 1px;
	border-color: #006633;
	border-style: solid; 
	font-size: 13pt;
	font-weight: bold;
	font-family: verdana;
	color: #003399;
	padding: 2px 0px 1px 4px;
	margin-top: 10px;
	background: url(/img/backgrounds/page_header_background.gif) bottom left repeat-x;
}

* html .pageHeader {
	height: 1%;
}

.greenHeader {
	font-weight: bold;
	color: #009933;
	font-family: verdana;
	font-size: 11pt;
}

#fade_container {
	position: relative;
	width: 750px;
	height: 149px;
	background: #1E57C8;
}

/* Table Treatments */
.infoGrid td {
	border-width: 1px;
	border-style: solid;
	border-color: #003399;
	padding: 5px;
}

.infoGridColumnHeaders td {
	background-color: #BDCEE7;
	font-weight: bold;
	vertical-align: top;
}

.infoGrid .columnRow td {
	background-color: #DBE0E7;
}

.noinfoGrid td{
	border: 0px ;
	padding: 0px;
}

.grayBox {
	background-color : #f5f5f5;
	border : 1px solid #3366CC;
	padding : 5px 5px 5px 5px;
}

/*--Marketing --*/
.onsale {
color: #999;
}

s.onsale {
color: #F99;
}

.yellowTip {
	position:absolute;
	visibility: hidden;
	border-size: 1px;
	background-color: #FF9;
	font-family: verdana;
	font-size: 11px;
	padding:5px;
	margin-bottom:5px;
	border-style:solid;
	border-width: 1px;
	border-color: #FC6;
	z-Index: 2;
}

.verticalGray {
	background: url(/img/spacers/gray.gif) top center repeat-y;
}