/* 
	HOST NETWORKS SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	This document contains all the necessary styles for the HostNetworks site.
	The document is split into numerous style sections:

	///	SS01: Override styles - styles that override base xhtml elements.
	/// SS02: Unique Styles - styles for unique ID objects
	/// SS03: Combination Styles - styles that combine to make reflexive classes
	/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.
	
///////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
*/

/* 
SS01: OVERRIDE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

html
	{
	margin:0px;
	padding:0px;
	}

body
	{
	margin:0px;
	padding:0px;
	text-align:center;
	background:#EEEEEE;
	}

table
	{
	border:none;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	}
	
td
	{
	font-size:12px;
	font-family: arial, sans-serif;
	}
	
ul 
	{
	list-style: URL(../images/greenBullet.gif);
	margin-top:0;
	}

.hr { 
	margin-bottom: 4px;
	margin-top: 0;
	 }

/*
/////////////////////////////////////////// Override
////////////////////////////////////////////////////////////////
*/

/* 
SS02: UNIQUE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

#pageLayout
	{
	width:974px;
	margin:auto;
	}
	
	#pageLayout td
		{
		padding:0px;
		}
	

#banner
	{
	width:974px;
	height:95px;
	background:URL(../images/BG_Banner.gif) repeat-x;
	}
	
	#banner td
		{
		padding:0px;
		}
		
	#footer
	{
	text-align:left;
	width:974px;
	height:26px;
	background:URL(../images/BG_Footer.gif) repeat-x;
	}
	
	#footer td
		{
		padding:0px;
		}
		
	#footerLeft
		{
		width:16px;
		height:26px;
		background:URL(../images/GR_FooterLeft.gif) no-repeat;
		}

	#footerRight
		{
		width:14px;
		height:26px;
		background:URL(../images/GR_FooterRight.gif) no-repeat;
		}

		
#topNav
	{
	width:974px;
	height:36px;
	vertical-align:top;
	background:URL(../images/BG_TopNav.gif) repeat-x;
	}
	
	#topNav td
		{
		padding:0px;
		}
		
	.topNavItem
		{
		height:32px;
		padding:0px 5px 0px 5px;
		/*border-right:1px solid #333333;*/
		}

	#topNavLeft
		{
		width:25px;
		height:36px;
		background:URL(../images/GR_TopNavLeft.gif) no-repeat;
		}

	#topNavRight
		{
		width:24px;
		height:36px;
		background:URL(../images/GR_TopNavRight.gif) no-repeat;
		}
	
		
#leftNav
	{
	width:220px;
	}
	
	#leftNav td
		{
		padding:0px;
		}
		
	td#leftNavTop, #leftNavTop
		{
		height:31px;
		padding:0px 0px 0px 14px;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_LeftNavTop.gif) no-repeat;
		}
			
		#leftNavTop:first-line
			{
			line-height:30px;
			}
		
	#leftNavRow2
		{
		height:15px;
		background:URL(../images/GR_LeftNavRow2.gif) no-repeat;
		}
		
	.leftNavItem
		{
		height:24px;
		text-align:left;
		background:URL(../images/BG_LeftNavItem.gif) no-repeat;
		}
		
	#leftNavBottom
		{
		height:24px;
		background:URL(../images/BG_LeftNavBottom.gif) no-repeat;
		}
		
		
#loginNav
	{
	width:220px;
	}
	
	#loginNav td
		{
	padding: 0px;
		}

	#loginNavInput
		{
			margin-left:12px;
		}
			
	td#loginNavTop, #loginNavTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_CustLoginTop.gif) no-repeat;
		}
		
		#loginNavTop:first-line
			{
			line-height:30px;
			}
		
	td#loginNavMid, #loginNavMid
		{
	text-align:left;
	padding-left:12px;
	padding-right:12px;
	background-image: url(../images/BG_CustLoginMid.gif);
	background-repeat: repeat;
		}
		
	td#loginNavBottom, #loginNavBottom
		{
		height:47px;
		text-align:right;
		padding:0px 20px 8px 0px;
		vertical-align:bottom;
		background:URL(../images/BG_CustLoginBottom.gif) no-repeat;
		}
		
		
#specialsNav
	{
	width:220px;
	}
	
	#specialsNav td
		{
		padding:0px;
		}
		
	td#specialsNavTop, #specialsNavTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_SpecialsTop.gif) no-repeat;
		}
		
		#specialsNavTop:first-line
			{
			line-height:30px;
			}
		
	#specialsNavMid
		{
		text-align:left;
		padding:0px 12px 0px 12px;
		background:URL(../images/BG_SpecialsMid.gif) no-repeat;
		}
		
	td#specialsNavBottom, #specialsNavBottom
		{
		height:41px;
		padding:0px 20px 6px 0px;
		overflow:hidden;
		text-align:right;
		vertical-align:bottom;
		background:URL(../images/BG_SpecialsBottom.gif) no-repeat;
		}
		

#mainENV
	{
	width:741px;
	height:100%;
	}
	
	#mainENV td
		{
		padding:0px;
		}
		
	#mainENVHome
		{
		width:742px;
		background:URL(../images/BG_MainENVHome.gif) repeat-y;
		}
		
	#mainENVHomeTop
		{
		background:URL(../images/GR_mainENVHomeTop.gif) no-repeat;
		}
	
	td#mainENVTitle, #mainENVTitle
		{
		padding:0px 0px 0px 12px;
		text-align:left;
		height:27px;
		line-height:27px;
		color:white;
		font-weight:bold;
		font-size:14px;
		background:URL(../images/BG_ContentTitleBar.png) no-repeat;
		}
		
	td#mainENVTitleHome, #mainENVTitleHome
		{
		padding:0px 0px 0px 12px;
		text-align:left;
		height:26px;
		width:200px;
		line-height:26px;
		color:white;
		font-weight:bold;
		font-size:14px;
		background:URL(../images/BG_TitleHome.gif) repeat-x;
		}
		
	td#mainENVContent, #mainENVContent
		{
		padding:12px;
		text-align:left;
		vertical-align:top;
		background:#FFFFFF;
/*		background:URL(../images/BG_ContentStretch.gif) repeat-x white; */
		}
		
	td#mainENVHomeContent, #mainENVHomeContent
		{
		padding:12px;
		text-align:left;
		vertical-align:top;
		}
		
	#mainENVFooter
		{
		background:URL(../images/BG_ContentBottom.gif) no-repeat;
		}
		
	#mainENVHomeFooter
		{
		height:11px;
		background:URL(../images/GR_mainENVHomeBottom.gif) no-repeat bottom left;
		}
		
/* HELPDESK */

#hdENV
	{
	width:974px;
	height:100%;
	background:URL(../images/HD_MainENVHome.gif) repeat-y;
	}
		
	#hdENVHomeTop
		{
		background:URL(../images/HD_mainENVHomeTop.gif) no-repeat;
		}		
		
	#hdENVHome
		{
		width:974px;
		background:URL(../images/HD_MainENVHome.gif) repeat-y;
		}		

	td#hdENVTitle, #hdENVTitle
		{
		padding:0px 0px 0px 12px;
		text-align:left;
		height:27px;
		line-height:27px;
		color:white;
		font-weight:bold;
		font-size:14px;
		background:URL(../images/HD_ContentTitleBar.jpg) no-repeat;
		}

		
	td#hdENVHomeContent, #hdENVHomeContent
		{
		text-align:center;
		vertical-align:top;
		}
		
	#hdENVHomeFooter
		{
		height:11px;
		background:URL(../images/HD_mainENVHomeBottom.gif) no-repeat bottom left;
		}		
		
		
		
		
		
		
		
#tabOverview
	{
	width:690px;
	}
	
	#tabOverview td
		{
		padding:0px;
		}
		
	td#tabOverviewMid, #tabOverviewMid
		{
		padding:8px;
		height:190px;
		background:URL(../images/BG_TabOverview.gif) no-repeat top #D2E8F1;
		}
		
		
		
#hostingENV
	{
	width:239px;
	}
	
	#hostingENV td
		{
		padding:0px;
		}
	
	td#hostingENVTop, #hostingENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_HostingENVTop.gif) no-repeat;
		}
		
		#hostingENVTop:first-line
			{
			line-height:36px;
			}
			
	td#hostingENVMid, #hostingENVMid
		{
	text-align:left;
	background:URL(../images/BG_HostingENV.gif) repeat-y;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	height:165px;
		}
		
	td#hostingENVBottom, #hostingENVBottom
		{
		height:58px;
		padding:0px 0px 0px 12px;
		overflow:hidden;
		text-align:left;
		vertical-align:bottom;
		background:URL(../images/BG_HostingENVBottom.gif) no-repeat;
		}
		
		

#resellerENV
	{
	width:240px;
	}
	
	#resellerENV td
		{
		padding:0px;
		}
	
	td#resellerENVTop, #resellerENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_ResellerENVTop.gif) no-repeat;
		}
		
		#resellerENVTop:first-line
			{
			line-height:36px;
			}
			
	td#resellerENVMid, #resellerENVMid
		{
	text-align:left;
	background:URL(../images/BG_ResellerENV.gif) repeat-y;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 13px;
	height:165px;
		}
		
	td#resellerENVBottom, #resellerENVBottom
		{
		height:58px;
		padding:0px 0px 0px 12px;
		overflow:hidden;
		text-align:left;
		vertical-align:bottom;
		background:URL(../images/BG_ResellerENVBottom.gif) no-repeat;
		}
		
		
		
#dedicatedENV
	{
	width:241px;
	}
	
	#dedicatedENV td
		{
		padding:0px;
		}
	
	td#dedicatedENVTop, #dedicatedENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_DedicatedENVTop.gif) no-repeat;
		}
		
		#dedicatedENVTop:first-line
			{
			line-height:36px;
			}
			
	td#dedicatedENVMid, #dedicatedENVMid
		{
	text-align:left;
	background:URL(../images/BG_DedicatedENV.gif) repeat-y;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 13px;
	height:165px;
		}
		
	td#dedicatedENVBottom, #dedicatedENVBottom
		{
		height:58px;
		padding:0px 0px 0px 12px;
		overflow:hidden;
		text-align:left;
		vertical-align:bottom;
		background:URL(../images/BG_DedicatedENVBottom.gif) no-repeat;
		}
		
		
		
#CoLoENV
	{
	width:236px;
	}
	
	#CoLoENV td
		{
		padding:0px;
		}
	
	td#CoLoENVTop, #CoLoENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_CoLoENVTop.gif) no-repeat;
		}
		
		#CoLoENVTop:first-line
			{
			line-height:36px;
			}
			
	td#CoLoENVMid, #CoLoENVMid
		{
	text-align:left;
	padding:0px 13px 0px 13px;
	background:URL(../images/BG_CoLoENV.gif) repeat-y;
	height:165px;
		}
		
	td#CoLoENVBottom, #CoLoENVBottom
		{
		height:58px;
		padding:0px 0px 0px 12px;
		overflow:hidden;
		text-align:left;
		vertical-align:bottom;
		background:URL(../images/BG_CoLoENVBottom.gif) no-repeat;
		}
		
		
		
#domainENV
	{
	width:280px;
	height:100%;
	}
	
	#domainENV td
		{
		padding:0px;
		}
	
	td#domainENVTop, #domainENVTop
		{
		height:45px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_DomainENVTop.gif) no-repeat;
		}
		
		#domainENVTop:first-line
			{
			line-height:36px;
			}
			
	td#domainENVMid, #domainENVMid
		{
		text-align:left;
		padding:0px 12px 0px 12px;
		background:URL(../images/BG_DomainENV.gif) repeat-y;
		}
		
	td#domainENVBottom, #domainENVBottom
		{
		height:27px;
		overflow:hidden;
		text-align:left;
		vertical-align:bottom;
		background:URL(../images/BG_DomainENVBottom.gif) no-repeat;
		}
		
		
		
#testimonialsENV
	{
	width:280px;
	height:100%;
	}
	
	#testimonialsENV td
		{
		padding:0px;
		}
	
	td#testimonialsENVTop, #testimonialsENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_TestimonialsENVTop.gif) no-repeat;
		}
		
		#testimonialsENVTop:first-line
			{
			line-height:36px;
			}
			
	td#testimonialsENVMid, #testimonialsENVMid
		{
		text-align:left;
		padding:0px 12px 0px 12px;
		background:URL(../images/BG_TestimonialsENV.gif) repeat-y;
		}
		
	td#testimonialsENVBottom, #testimonialsENVBottom
		{
		height:28px;
		padding:0px 0px 0px 12px;
		overflow:hidden;
		text-align:right;
		vertical-align:bottom;
		background:URL(../images/BG_TestimonialsENVBottom.gif) no-repeat;
		}
		
		
		
#newsENV
	{
	width:362px;
	height:100%;
	}
	
	#newsENV td
		{
		padding:0px;
		}
	
	td#newsENVTop, #newsENVTop
		{
		height:44px;
		padding:0px 4px 0px 14px;
		overflow:hidden;
		text-align:left;
		vertical-align:top;
		background:URL(../images/BG_NewsENVTop.gif) no-repeat;
		}
		
		#newsENVTop:first-line
			{
			line-height:36px;
			}
			
	td#newsENVMid, #newsENVMid
		{
		text-align:left;
		padding:0px 12px 0px 12px;
		background:URL(../images/BG_NewsENV.gif) repeat-y;
		}
		
	td#newsENVBottom, #newsENVBottom
		{
		height:45px;
		line-height:30px;
		padding:0px 18px 0px 0px;
		overflow:hidden;
		text-align:right;
		vertical-align:bottom;
		background:URL(../images/BG_NewsENVBottom.gif) no-repeat;
		}
		
		
		
		
.primeTab
	{
	background:URL(../images/BG_TabPrime.gif) repeat-x;
	line-height:29px;
	vertical-align:bottom;
	}
	
.fadeTab
	{
	background:URL(../images/BG_TabFade.gif) repeat-x;
	vertical-align:bottom;
	line-height:20px;
	}
	
.DDENV /* Dropdown Environment / Envelope */
	{
	visibility:hidden;
	z-index:2;
	position:absolute;
	width:170px;
	}
	
.dropdownLinkENV
	{
	width:170px;
	padding:0px 13px 0px 13px;
	background:URL(../images/GR_DropDown.gif) repeat-y;
	}
	
.positionerImg
	{
	height:34px;
	width:1px;
	border:1px solid blue;
	}
	
.priceLabel
	{
	font-size:13px;
	font-weight:bold;
	position:relative;
	left:13px;
	top:13px;
	text-align:center;
	}
	
.planLabel
	{
	font-weight:bold;
	font-size:14px;
	color:#000099;
	}		

.planPrice
	{
	font-weight:bold;
	font-size:13px;
	color:#339900;
	text-align:center;
	}

.planSubHeading
	{
	font-weight:bold;
	text-align:center;
	font-size:12px;
	color:#009900;
	background-color:#F0F0F0;
	line-height:20px;
	}

/*  PLAN TABLES */

	.plansLook
	{
	border:1px solid #F0F0F0;
	line-height:19px;
	}







	
/*
/////////////////////////////////////////// Unique
////////////////////////////////////////////////////////////////
*/

/* 
SS03: COMBINATION STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.sideBorderBlue
	{
	border-left:1px solid #91D5E2;
	border-right:1px solid #91D5E2;
	}

.smallBottomMargin
	{
	margin:0px 0px 8px 0px;
	}
	
.smallBottomPadding
	{
	padding:0px 0px 12px 0px;
	}
	
.headingText
	{
	font-size:16px;
	font-weight:bold;
	}
	
.smallText
	{
	font-size:10px;
	}
	
.whiteText
	{
	color:white;
	}
	
.blackText
	{
	color:black;
	}
	
.floatR
	{
	float:right;
	}
	
.floatL
	{
	float:left;
	}
	
.bold
	{
	font-weight:bold;
	}
	
/*
/////////////////////////////////////////// Combo
////////////////////////////////////////////////////////////////
*/

/* 
SS04: ANCHOR AND LINK STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

a:link
	{
	text-decoration:none;
	}
	
a:visited
	{
	text-decoration:none;
	}
	
a:hover
	{
	text-decoration:underline;
	}

	

a.menuItem, a.menuItem:link
	{
	color:black;
	font-weight:bold;
	font-size:12px;
	position:relative;
	left:25px;
	}
	
a.menuItem:visited
	{
	}
	
a.menuItem:hover
	{
	}

	
	
a.topNavLink, a.topNavLink:link, a.topNavLink2, a.topNavLink2:link
	{
	border-top:1px solid #D6D6D6;
	display:block;
	height:32px;
	line-height:32px;
	color:#5E5E5E;
	font-weight:bold;
	font-size:12px;
	padding:0px 9px 1px 9px;
	}
	
a.topNavLink:visited, a.topNavLink2:visited
	{
	}
	
a.topNavLink:hover, a.topNavLink2:hover
	{
	color:white;
	background:URL(../images/BG_topNavItem.gif) repeat-x;
	border:1px solid #00657D;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	}
	
a.topNavLink2:hover
	{
	color:white;
	background:URL(../images/BG_topNavItem.gif) repeat-x;
	border:1px solid #00657D;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	}

	
	
a.titleBreadcrumb, a.titleBreadcrumb:link
	{
	color:white;
	font-weight:normal;
	font-size:12px;
	}
	
a.titleBreadcrumb:visited
	{
	}
	
a.titleBreadcrumb:hover
	{
	text-decoration:underline;
	}
	


a.primeTabLink:link, a.primeTabLink, .primeTabLink
	{
	color:white;
	font-weight:bold;
	font-size:14px;
	margin-left:4px;
	}
	
a.fadeTabLink:link, a.fadeTabLink, .fadeTabLink
	{
	color:#888888;
	font-weight:bold;
	font-size:14px;
	margin-left:8px;
	}
	
	

a.dropdownLink, a.dropdownLink:link
	{
	display:block;
	width:120px;
	color:white;
	font-weight:normal;
	font-size:12px;
	margin:4px 0px 4px 10px;
	border-bottom:2px dashed white;
	}
	
a.dropdownLink:visited
	{
	}
	
a.dropdownLink:hover
	{
	text-decoration:none;
	}
	
	
a.headingLink, .headingLink
	{
	color:white;
	}
	
a.headingLink:hover
	{
	text-decoration:none;
	}	


	
/*
/////////////////////////////////////////// Anchors
////////////////////////////////////////////////////////////////
*/
