/* Main Heart Internet style sheet */


/*---------------------------------------------------------------------------------
Global Tags
---------------------------------------------------------------------------------*/

body {
	background: url("../images/general/BGRepeater.gif") top left repeat-x;
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #444;
}

div {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

table {
	width: 410px;
	margin: 10px 0 20px 0;
	padding: 0;
	background: #EEE;
	border-collapse: collapse;
	border: 1px solid #DDD;
}

thead {
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	color: #FFF;
	background: #86AF13;
	text-align: left;
}

#domainsPage thead {
	background: #58A5AD;
}

#hostingPage thead {
	background: #838FAD;
}

#resellersPage thead {
	background: #5B7C7F;
}


th {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 2px 10px 2px 5px;		
	border-right: 1px dashed #FFF;
}

td {
	font-size: 12px;
	margin: 0;
	padding: 2px 10px 2px 5px;	
	border-right: 1px dashed #CCC;	
	border-bottom: 1px solid #DDD;
}

ul {
	margin: 0;
	padding: 0;
}


li {
	margin: 0; 
	padding: 0 10px 3px 12px;
	list-style-type: none;
	background: url("../images/general/navArrow.gif") top left no-repeat;
}

a {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 11px;
}

.domainInput {
	margin: 10px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
}

#footer {	
	padding: 10px 0 20px 0;
	margin: 0;
	text-align: center;	
	border-top: 1px solid #DEDEDE;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

/*---------------------------------------------------------------------------------
Homepage Headlines
---------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 14px;
	color: #6B8F07;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 3px 0 2px 5px;
	background: #86AF13;
	border-bottom: 2px solid #80A714;
}

h2 {
	font-size: 12px;
	color: #6B8F07;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 3px 0 2px 5px;
	background: #86AF13;
	border-bottom: 2px solid #80A714;	
}

h3 {
	font-size: 13px;
	color: #6B8F07;
	margin-top: 20px;
	margin-bottom: 5px;
	padding: 2px 0 2px 5px;	
	background: #DDD;
	border-bottom: 1px solid #CCC;	
}

h5 {
	font-size: 12px;
	color: #6B8F07;
	margin: 0;
	padding: 0;
}

#hostingPage h1, h2 {
	color: #FFFFFF;
}

#domainsPage h1, h2 {
	color: #FFFFFF;
}

#resellersPage h1, h2 {
	color: #FFFFFF;
}


#hostingPage h3 {
	color: #666666;
}

#domainsPage h3 {
	color: #666666;
}

#resellersPage h3 {
	color: #666666;
}



/*--------------------------------------------------------------------------------------------------------------------------------
Layout Styles
--------------------------------------------------------------------------------------------------------------------------------*/

#mainFrame {
	width: 775px; 	
	padding: 10px 0 10px 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:775px;
}

html>body #mainFrame {
	width:775px;
}


#mainHeaderWrapper {
	padding: 0;
	margin: 0;	
}

#mainHeaderWrapper .mainHeaderImage {
	float: left;
	padding: 0;
	margin: 0;
}

#mainHeaderWrapper .mainHeaderChoose {
	float: right;
	width: 190px;
	padding: 10px 10px 0 0;
	margin: 0;
	text-align: right;
	background: url("../images/general/headerRepeater.jpg") top left repeat-x;	
}

#mainHeaderWrapper .mainHeaderChoose p {
	font-size: 12px;
	color: #6B8F07;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;	
}

#mainNavWrapper {
	background: url("../images/general/repeaterNav.gif") top left repeat-x;
 	padding: 0;
 	margin: 0;
}

#mainNavWrapper .mainNavLeft {
	float: left;
	width: 500px;
	padding: 0;
	margin: 0;	
}

#mainNavWrapper .mainNavRight {
	float: right;
	width: 120px;
	padding: 0 10px 0 0;
	margin: 0;
	text-align: right;
	background: url("../images/general/basket.gif") left no-repeat;	
}

#mainNavWrapper .mainNavRight p {
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;	
}

#mainWrapper {
	padding: 10px 10px 0 10px;
	margin: 0;
}

#bottomNavWrapper {
	background: #86AF13;
 	padding: 5px 0 5px 20px;
 	margin: 0 10px 10px 10px;
 	text-align: center;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------
HomePage Items
-----------------------------------------------------------------------------------------------------------------------------------------*/

.offersPanel {
	height: 90px;
	padding: 0;
	margin: 0 0 10px 0;	
}

.largePanel {
	height: 90px;
	padding: 0;
	margin: 0 0 10px 0;	
}


/*---------------------------------------------------------------------------------
Log In Panel
---------------------------------------------------------------------------------*/

.loginPanel {
	padding: 4px 10px 4px 10px;
	margin: 0 0 10px 0;	
	background: #EEE;
	height: 22px;

}

.loginPanel input {
	margin: 0 0 0 5px;
	padding: 0 0 0 2px;

}

.loginPanel form {
	margin: 0;
	padding: 0;
}

.loginPanel p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #555;
	line-height: 1.3em;
}

.loginPanel .left {
	float: left;
	width: 420px;
	text-align: left;
	padding: 2px 0 0 0;
	margin: 0;	
}

.loginPanel .right {
	float: right;
	width: 310px;	
	text-align: right;
	padding: 0;
	margin: 0;	
}

.loginPanel .right p {
	padding: 0;
	margin: 0;
}

#go {
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: top;
}

/*---------------------------------------------------------------------------------
Main Homepage Columns
---------------------------------------------------------------------------------*/

.DHColumn {
	float: left;
	width: 500px;
	padding: 0;
	margin: 0;
}

.domainColumn {
	float: left;
	width: 245px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #58A5AD;
	color: #FFFFFF;
}

.hostingColumn {
	float: right;
	width: 245px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #838FAD;
	color: #FFFFFF;
}

.resellerColumn {
	float: right;
	width: 245px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #5B7C7F;
	color: #FFFFFF;
}

/*---------------------------------------------------------------------------------
Panel List
---------------------------------------------------------------------------------*/

.panelList {
	margin: 10px 0 10px 0; 
	padding: 0 10px 0 10px;	
}

.panelList ul {
	margin: 0; 
	padding: 0;
}

.panelList li {
	margin: 0; 
	padding: 2px 10px 2px 0;
	list-style-type: none;
	background: none;
}



/*---------------------------------------------------------------------------------
More Info
---------------------------------------------------------------------------------*/

.moreInfo {
	margin: 0;
	padding: 0;
}

.moreInfo .domains {
	margin: 0;
	padding: 8px 10px 8px 10px;
	background: #4B8C93;
}

.moreInfo .hosting {
	margin: 0;
	padding: 8px 10px 8px 10px;
	background: #6F7A93;
}

.moreInfo .resellers {
	margin: 0;
	padding: 8px 10px 8px 10px;
	background: #476062;
}

.moreInfo p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.moreInfo .domains  a:link		{ color: #FFFFFF; text-decoration: none; }
.moreInfo .domains  a:visited	{ color: #FFFFFF; text-decoration: none; }
.moreInfo .domains  a:hover		{ color: #8AC0C6; text-decoration: none; }
.moreInfo .domains  a:active	{ color: #FFFFFF; text-decoration: none; }

.moreInfo .hosting  a:link		{ color: #FFFFFF; text-decoration: none; }
.moreInfo .hosting  a:visited	{ color: #FFFFFF; text-decoration: none; }
.moreInfo .hosting  a:hover		{ color: #A8B1C6; text-decoration: none; }
.moreInfo .hosting  a:active		{ color: #FFFFFF; text-decoration: none; }

.moreInfo .resellers  a:link		{ color: #FFFFFF; text-decoration: none; }
.moreInfo .resellers  a:visited		{ color: #FFFFFF; text-decoration: none; }
.moreInfo .resellers  a:hover		{ color: #5B7C7F; text-decoration: none; }
.moreInfo .resellers  a:active		{ color: #FFFFFF; text-decoration: none; }



/*---------------------------------------------------------------------------------
News Column
---------------------------------------------------------------------------------*/

.newsColumn {
	float: left;
	width: 245px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	background: #EEE;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:245px;
}

html>body .newsColumn {
	width:245px;
}


.newsCopy {
	height: 200px;
	margin: 0 0 0 10px;
	padding: 10px 0 10px 0;
	overflow: auto;
		voice-family: "\"}\""; 
		voice-family:inherit;
		height: 180px;
}

html>body .newsCopy {
	height:180px;
}

.newsCopy p {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #DDD;
}

/*---------------------------------------------------------------------------------
News Items
---------------------------------------------------------------------------------*/

.newsList ul {
	margin: 0 0 20px 0; 
	padding: 0;
}

.newsList a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.newsList li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	background: none;
}

.newsList .date {
	font-size: 12px;
	padding: 4px 0 0 10px;
	color: #6B8F07;
}

.newsList .text {
	padding: 2px 0 8px 10px;
	border-bottom: 1px solid #DDD;
}

.newsList  a:link		{ color: #999999; text-decoration: none; }
.newsList  a:visited	{ color: #999999; text-decoration: none; }
.newsList  a:hover		{ color: #666666; text-decoration: none; }
.newsList  a:active		{ color: #999999; text-decoration: none; }


/*---------------------------------------------------------------------------------
HomePage Quick Links
---------------------------------------------------------------------------------*/

.quickLinksHome {
	float: right;
	width: 500px;
	height: 232px;
	padding: 0;
	margin: 0 0 10px 0;
	background: #EEE;
	font-size: 11px;
}

.quickLinks {
	margin: 10px 0 0 0; 
	padding: 0;
}


.quickLinks ul {
	margin: 0; 
	padding: 4px 0 0 40px;
	border-bottom: 1px solid #DDD;	
}

.quickLinks .transferDomains {
	background: url("../images/icons/quickLinksHoriz/transferDomains.jpg") #EEE left no-repeat;	
}

.quickLinks .virusScanning {
	background: url("../images/icons/quickLinksHoriz/virusScanning.jpg") #EEE left no-repeat;	
}

.quickLinks .webBuilder {
	background: url("../images/icons/quickLinksHoriz/webBuilder.jpg") #EEE left no-repeat;	
}

.quickLinks .webTools {
	background: url("../images/icons/quickLinksHoriz/webTools.jpg") #EEE left no-repeat;	
}

.quickLinks .eXtend {
	background: url("../images/icons/quickLinksHoriz/eXtend.jpg") #EEE left no-repeat;	
}

/*.quickLinks .9p {
	background: url("../images/icons/quickLinksHoriz/9p.jpg") #EEE left no-repeat;	
}*/

.quickLinks .poundSign {
	background: url("../images/icons/quickLinksHoriz/poundSign.jpg") #EEE left no-repeat;	
}

.quickLinks .network {
	background: url("../images/icons/quickLinksHoriz/network.jpg") #EEE left no-repeat;	
}

/* .quickLinks .100uptime {
	background: url("../images/icons/quickLinksHoriz/100uptime.jpg") #EEE left no-repeat;	
} */

.quickLinks .resellers {
	background: url("../images/icons/quickLinksHoriz/resellers.jpg") #EEE left no-repeat;	
}

.quickLinks a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.quickLinks li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	background: none;
}

.quickLinks .header {
	font-size: 12px;
	padding: 0 10px 0 10px;
	color: #6B8F07;	
}

.quickLinks .description {
	padding: 2px 10px 8px 10px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------
Main Template Items
-----------------------------------------------------------------------------------------------------------------------------------------*/

#navColumn {
	float: left;
	width: 180px;
	padding: 10px 0 0 0;
	margin: 0;
}

#navColumn .chatPanel {
	padding: 0;
	margin:  0;	
}

#navColumn .chatPanel img {
	padding: 0;
	margin:  0;	
}

#navColumn .chatPanel a {
	padding: 0;
	margin: 0;	
}


#navColumn .domains {
	background: url("../images/domainsPage/domainsNavHeader.gif") #58A5AD top left no-repeat;
	padding: 10px 0 10px 10px;
	margin: 10px 0 20px 0;	
}

#navColumn .domains h2 {
	font-size: 14px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	border-top: none;
	border-bottom: 1px solid #8AC0C6;
}

#navColumn .hosting {
	background: url("../images/hostingPage/hostingNavHeader.gif") #838FAD top left no-repeat;
	padding: 10px 0 10px 10px;
	margin: 10px 0 20px 0;	
}

#navColumn .hosting h2 {
	font-size: 14px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	border-top: none;
	border-bottom: 1px solid #A8B1C6;
}

#navColumn .resellers {
	background: url("../images/resellersPage/resellersNavHeader.gif") #5B7C7f top left no-repeat;
	padding: 10px 0 10px 10px;
	margin: 10px 0 20px 0;	
}

#navColumn .resellers h2 {
	font-size: 14px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	border-top: none;
	border-bottom: 1px solid #8DABAE;
}

#navColumn .plain {
	background: url("../images/homePage/homeNavHeader.gif") #86AF13 top left no-repeat;
	padding: 10px 0 10px 10px;
	margin: 10px 0 20px 0;	
}

#navColumn .plain h2 {
	font-size: 14px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;
	background: none;
	border-top: none;
	border-bottom: 1px solid #BAC991;
}

/*--------------------------------------------------------------------------------------------------------------------------------
Main Column
--------------------------------------------------------------------------------------------------------------------------------*/

#mainColumn {
	float: right;
	width: 560px;
	padding: 0;
	margin: 10px 0 10px 0;
	color: #444;
}

.headerImage {
	padding: 0;
	margin: 0 0 10px 0;
}

.copyHolder {
	padding: 0;
	margin: 0;
	text-align: justify;
}

.copyHolder p {
	padding: 0;
	margin: 10px 0 10px 0;
}

.copyHolder a {
	padding: 0;
	margin: 0;
}

.copyHolder .leftSide {
	float: left;
	width: 410px;
	padding: 0;
	margin: 0;
}

.copyHolder .rightSide {
	float: right;
	width: 130px;
	padding: 0 0 20px 0;
	margin: 0;
	background: #EEE;
}

.greenBar {
	background: #86AF13;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

#hostingPage .greenBar p {
	font-size: 12px;
	color: #888;
	margin: 0;
	padding: 0;	
}

#domainsPage .greenBar p {
	font-size: 12px;
	color: #888;
	margin: 0;
	padding: 0;	
}

#resellersPage .greenBar p {
	font-size: 12px;
	color: #888;
	margin: 0;
	padding: 0;	
}


.signUpBar {
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.signUpBar p {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------------------------------------
Features Table
---------------------------------------------------------------------------------*/

.featuresTable {
	margin: 10px 0 20px 0;
	padding: 0;
	background: #EEE;
}

.featuresTable .titleHosting {
	background: #838FAD;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.featuresTable .titleHosting p {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.featuresTable .titleDomains {
	background: #58A5AD;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.featuresTable .titleDomains p {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.featuresTable .titleResellers {
	background: #5B7C7F;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.featuresTable .titleResellers p {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.featuresTable ul {
	margin: 0 0 10px 0; 
	padding: 0 0 5px 10px;
	font-size: 12px;
}

.featuresTable li {
	margin: 0; 
	padding: 3px 10px 3px 20px;
	list-style-type: none;
	background: url("../images/general/cross.gif") left no-repeat;
	border-bottom: 1px dashed #DDD;
}

.featuresTable .indent {
	background: #DDD;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

.featuresTable .indent p {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0;
}

/*---------------------------------------------------------------------------------
Prices Table
---------------------------------------------------------------------------------*/

.pricesTable {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background: #EEE;
}

.pricesTable .title {
	background: #86AF13;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.pricesTable .title p {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.pricesTable ul {
	margin: 0 0 10px 0; 
	padding: 0 0 10px 10px;
	font-size: 13px;
}

.pricesTable li {
	margin: 0; 
	padding: 3px 10px 3px 0;
	list-style-type: none;
	background: none;
	border-bottom: 1px dashed #DDD;
}

.pricesTable .smallPrint {
	font-size: 11px;
	margin: 10px 0 0 0; 
	padding: 0;
	border-bottom: none;	
}

/*---------------------------------------------------------------------------------
Quotes
---------------------------------------------------------------------------------*/

.quoteDomains {
	text-align: center;
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 15px;
	color: #58A5AD;
}

.quoteHosting {
	text-align: center;
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 15px;
	color: #838FAD;
}

.quoteResellers {
	text-align: center;
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 15px;
	color: #5B7C7F;
}

.orderTable {
	margin: 10px 0 20px 0;
	padding: 0;
	background: #EEE;
}



/*---------------------------------------------------------------------------------
Quick Links Vertical
---------------------------------------------------------------------------------*/

.quickLinkVert {
	margin: 0 0 15px 0;
	padding: 0 10px 15px 10px;
	text-align: center;
	border-bottom: 1px solid #DDD;
}

.quickLinkVert .header {
	font-size: 14px;
	margin: 5px 0 5px 0;
	padding: 0;
}

.quickLinkVert .copy {
	font-size: 11px;
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------------------------------------------------------------------------------
Hosting Page Items
--------------------------------------------------------------------------------------------------------------------------------*/

.starter {
	float: left;
	width: 200px;
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.home {
	float: right;
	width: 200px;
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.business {
	float: left;
	width: 200px;
	background: #EEE;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.reseller {
	float: right;
	width: 200px;
	background: #EEE;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.featuresPanel {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
}

.featuresPanel .title {
	background: #838FAD;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
}

.featuresPanel .title p {
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.featuresPanel .leftSide {
	float: left;
	width: 60px;
	margin: 0 0 0 10px;
	padding: 0;
}

.featuresPanel .rightSide {
	float: right;
	width: 325px;
	margin: 0;
	padding: 0;
	background: none;
}

.featuresPanel .rightSide p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}




.featuresBox {
	margin: 0 0 20px 0;
	padding: 0;
	border: 1px solid #CCC;
	background: url("../images/general/FBoxRepeater.gif") top left repeat-y;
}

.featuresBox .leftSide {
	float: left;
	width: 55px;
	margin: 0;
	padding: 10px 10px 5px 15px;
	background: #FFF;
}

.featuresBox .rightSide {
	float: right;
	width: 305px;
	margin: 0;
	padding: 10px 30px 10px 0;
	text-align: left;
	background: none;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 275px;
}

html>body .featuresBox .rightSide {
	width: 275px;
}


.featuresBox .rightSide p {
	font-size: 15px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	color: #FFF;
}


/*--------------------------------------------------------------------------------------------------------------------------------
Domains Page Items
--------------------------------------------------------------------------------------------------------------------------------*/

.coUK {
	float: left;
	width: 200px;
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}

.com {
	float: right;
	width: 200px;
	background: #EEE;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
}