/************************* Standard Tags *************************/ 
/****************************************************************/ 

 /************************* Zero Values *************************/ 

html, body, ul, ol, li, th
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
} 

 /************************* Body and Headings *************************/ 
 
body {
font-size: 100.01%;
font-family: Arial;
color: #042A6A;
background-color: #BBC5D6;
padding: 0; 
margin: 0;
}

.right {
float: right;
}

.left {
float: left;
}

img {
border: none;
}

ul {
list-style: none;
}


p {
margin: 0px; 
padding-bottom: 0px;
line-height: 20px;
}


form {
margin: 0; 
padding: 0;}


h1 {
color: #ffffff; 
margin: 0;
padding: 0; 
font-size:100%;
}

h2 {
margin: 0; 
padding: 0; 
font-size: 100%;
}

h3, h4 {
margin: 0; 
padding: 0; 
font-size: 110%;
}

h6 {
padding: 0; 
font-size: 110%;
font-weight: bold;
margin-top: 10px;
margin-bottom:10px;
}

a { 
color: red;
text-decoration: none;
} 

a:hover {
color: #800080;
text-decoration: none;
}

.image_alignright {
float:right;
}


/***************************** Heading Styles *******************************/
/****************************************************************************/


/***************************** Standard Page Heading *******************************/

.pageheader {
	background-color: #F6DBDB;
	width: 68px;
	margin-bottom: 20px;
	font-size: 135%;
	font-weight: bold;
	background-image: url('/hosting/cs/cs_images/pageheaderfade.jpg'); 
	background-repeat: repeat-x; 
	height: 33px;
	color: #ffffff;
	display: block;
	padding-top: 12px;
	padding-left: 12px;
}


/***************************** Auto Width Page Heading *******************************/

.autopageheader {
	background-color: #F6DBDB;
	width: 100%;
	margin-bottom: 20px;
	font-size: 135%;
	font-weight: bold;
	background-image: url('/hosting/cs/cs_images/pageheaderfade.jpg'); 
	background-repeat: repeat-x; 
	height: 33px;
	color: #ffffff;
	display: block;
	padding-top: 12px;
	padding-left: 12px;
}


/***************************** Area Heading *******************************/

.areaheader {
	background-color: #F6DBDB;
	width: 688px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
	background-image: url('/hosting/cs/cs_images/areasectionheaderfade.jpg'); 
	background-repeat: repeat-x; 
	height: 30px;
	color: #ffffff;
	display: block;
	padding-top: 12px;
	padding-left: 12px;	
}


/***************************** Narrow Area Heading *******************************/

.narrowareaheader {
	background-color: #F6DBDB;
	width: 312px;
	margin-bottom: 20px;
	font-size: 120%;
	font-weight: bold;
	background-image: url('/hosting/cs/cs_images/areasectionheaderfade.jpg'); 
	background-repeat: repeat-x; 
	height: 30px;
	color: #ffffff;
	display: block;
	padding-top: 12px;
	padding-left: 12px;	
}

/***************************** Description H3 Headings *******************************/

.descriptionheader {
	background-color: #F6DBDB;
	width: 100%;
	margin-top: 20px;	
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
	text-indent: 10px;	
}

/***************************** Order Process Sub Headings *******************************/

.productheader {
	background-color: #F6DBDB;
	width: 100%;
	margin-top: 20px;	
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
	text-indent: 10px;	
}

/***************************** Standard Heading Classes *******************************/

.standardh2 {
	background-color: #ffffff;
	width: 300px;
	margin-bottom: 20px;
	font-size: 160%;
	height: 30px;
	display: block;
}

.standardh2white {
	color: #ffffff;
	font-size: 160%;


}



/*************************** Layout ****************************************/
/***************************************************************************/

#outcontainer {
	width: 960px;  
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0px; 
	background-color: #ffffff;
}
	
#container {
	float:left; 
	width: 960px;  
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0px; 
	background-color: #ffffff;
}


#content {
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-left: 20px; 
	margin-right: 20px; 
	width: 920px;
	float: left;
}

#mainareacontent {
	width: 700px;
	float: left;
	margin-top: 10px;
	font-size: 80%;
}

#mainarearight {
	width: 200px;
	float: right;
	margin-top: 10px;
}



	/* Footer Styles */
	
	#footer {
	width: 960px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 250px; 
	}	

	#footerinside {
	width: 960px; 
	height: 250px; 
	float: left;
	background: #02599B url(/hosting/theme-images/bg_footer.png) repeat-x; 
	font-size: 70%;
	color: #ffffff;
	}	
	
	#footerinsidetop {
	height: 200px; 
	float: left;
	}	
	
	#footerinsidebottom {
	padding-top: 20px;
	height: 30px; 
	width: 960px;
	float: left;
	text-align: center;
	color: #E6E9EE;

	}	

		#footer ul.ulleft {line-height: 180%; height: 75px; }
		#footer ul.ulleft li {float: left; width: 175px;}
		
		#footer ul.ulcenter {line-height: 180%; height: 75px; }
		#footer ul.ulcenter li {float: left; width: 149px;}
		
			#footer a {color: #C4CAD6; text-decoration: none;}
			#footer a:hover {color: #E6E9EE}

		#footer .left {
			text-align: left;
			width: 350px;		
			float: left;
			margin-top: 30px;
			padding-top: 15px;
			padding-left: 20px;
			height: 155px;			
			color: #ffffff;
			border-right:1px solid #E4E4E4;	
		}	
		
		#footer .center {
			text-align: left;
			width: 298px;		
			float: left;
			margin-top: 30px;
			padding-top: 15px;
			padding-left: 20px;
			height: 155px;			
			color: #ffffff;
			border-right:1px solid #E4E4E4;		
		}		
		
		
		#footer .right {
			text-align: left;	
			width: 270px;
			float: left;
		}	
		
		


		
		
/*********************** Header and Main Menu ********************/

#header {
	height: 100px;		
	width: 960px;	
	margin-left: auto;
	margin-right: auto;	
	background: #042A6A url(/externalsites/hostingholdingpage/images/bg_header.png) repeat-x; 	
}

.headerlink {
	text-align: right;
	color: white;
	font-size: 10px;
}

#headerlogo {
	background-repeat: no-repeat;
	height:100px;	
	width: 560px;
	margin-left: auto;
	margin-right: auto;	
	float: left;			
}

#headerright {
	height:100px;	
	width: 400px;
	margin-left: auto;
	margin-right: auto;	
	float: right;	
		
}

#headertext {
	color: white;
	text-align: right;
	margin-left: auto;	
	padding-right: 25px;	
	top: 15px;
	position: relative;
}

#headerdomainsearchtext {
	font-family: Century Gothic, Verdana;
	font-size: 150%;
	text-align: right;
	color: white;
	margin-left: auto;
	margin-top: 10px;	
	padding-right: 25px;	
	position:relative;
	top: 10px;
}

#cshomeright {
	width: 400px; 
	float: right; 
	position: relative; 
	left: 25px; 
	top: 0px;
}
	#cshomeright .cssearchbox {height: 23px; padding: 10px 10px; font-size: 115%; font-weight: bold; color: #b3b3b3; letter-spacing: -1px; border: 3px solid #B5C1D3; background: #fff url(/hosting/theme-images/bg_generic_fade.png) repeat-x top; float: left; margin-top: 1px; -moz-border-radius: 5px; -webkit-border-radius: 2px; width: 280px;}
	#cshomeright .cssearch {width: 45px; height: 45px; background: url(/hosting/cs/cs_images/searchbutton.jpg) no-repeat top; float: left; margin-left: 5px; }
	#cshomeright .cssearch {width: 45px; height: 45px; background: url(/hosting/cs/cs_images/searchbutton_hover.jpg) no-repeat top; float: left; margin-left: 5px;}

#menubackground {
	height: 15px;	
	background-color: #63097A;
	vertical-align: bottom;	
	margin-left: auto;
	margin-right: auto;	
	width: 960px;
	background-image: url('/hosting/cs/cs_images/bg_main_menu_background_bar.png'); 	
	background-repeat-x: top;		
	display:block;
	
}	


#menubar {
	height: 50px;	
	margin-left: auto;
	margin-right: auto;
	background-color: #800080;
	width: 960px;	
	background-image: url('/hosting/cs/cs_images/bg_main_menu_bar.png'); 	
	background-repeat-x: top;		

}

/************************ Right Menu Navigation ************************/

	ul#cpnav {width: 200px; position: relative; float: left;}
		ul#cpnav li{width: 200px; font-size: 60%; font-weight: bold; margin-bottom: 2px;}
		ul#cpnav li a{color: #fff; height: 23px; background: url(/hosting/theme-images/bg_cp_nav.png) no-repeat top; text-decoration:none; display: block; padding: 7px 0 0 20px;}
		ul#cpnav li a:hover {background: url(/hosting//theme-images/bg_cp_nav.png) 0 -30px;}

/***************************** Menu Sub Heading *******************************/

.menutopheader {
	width: 188px !important;
	margin-bottom: 5px;
	font-size: 105% !important;
	font-weight: bold;
	background-image: url('/hosting/theme-images/bg_cp_nav_subhead.png'); 	
	height: 25px;
	color: #ffffff;
	display: block;
	padding-top: 5px;
	padding-left: 12px;
}

.menusubheader {
	width: 188px !important;
	margin-top: 15px !important;
	margin-bottom: 5px;
	font-size: 105% !important;
	font-weight: bold;
	background-image: url('/hosting/theme-images/bg_cp_nav_subhead.png'); 	
	height: 25px;
	color: #ffffff;
	display: block;
	padding-top: 5px;
	padding-left: 12px;
}


/********************* Main Menu *********************/

.hbuttons a{
display: block;
text-decoration: none;
font-size: 90%;
color: white;
width: autuo;
height: 24px;
float: left;
display: inline;
background-image:url(/hosting/cs/cs_images/buttons/bg_main_menu.png);
background-repeat-x: top;
padding-top: 6px;
padding-left: 15px;
padding-right: 15px;
text-align:center;
position: relative;
top: 6px;
}

.hbuttons a:hover{
background-image:url(/hosting/cs/cs_images/buttons/bg_main_menu_hover.png);
color: #ffffff;
}


/********************** Menu Adverts ****************/

.menuadverttable {
	width: 100%;
	border: 3px solid #B5C1D3;
	text-align: center;
}	

.menuadvertarea {
	width:100%;
	border: 3px solid #B5C1D3;
	float: left;
	
}

.menuadvert {
	width:95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;

}	

.sidemenutextarea {
	font-size: 80%;
}	



/***************************** Domain Name Heading *******************************/

.domainnameheader {
	font-size: 300%;
	font-weight: bold;
	color: #9B0000;
}



/******************************** Footer ************************************/

#webmail {
width: 235px;
margin-left: auto;
margin-right: auto;
}
#webmail .webmail_email {
padding: 6px 10px; 
font-size: 14px; 
font-weight: bold; 
color: #b7b7b7;  
border: 1px solid #fff; 
background: #fff url('/hosting/theme-images/bg_generic_fade.png') repeat-x top; 
margin-top: 1px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 2px; 
height:15px;
width:210px;
float: left;
margin-bottom: 5px;
}
#webmail .webmail_password {
padding: 6px 10px; 
font-size: 14px; 
font-weight: bold; 
color: #b7b7b7;  
border: 1px solid #fff; 
background: #fff url('/hosting/theme-images/bg_generic_fade.png') repeat-x top; 
margin-top: 1px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 2px; 
height:15px;
width:180px;
float: left;
margin-right: 2px;
}
#webmail .Submit {
padding:0px;
}



/*********************************** Banners *****************************************/

#slideshow { margin-left: auto; margin-right: auto; width: 650px; height: 275px; left: 20px }
#nav { margin-left: auto; margin-right: auto; width: 650px; height: 50px; margin: 0px;  }
#nav li { height: 50px; width: 162.5px; float: left; margin: 0px; list-style: none }
#nav a { width: 50px; padding: 0px; display: block; border: 0px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }



/*********************************** Meerkat *****************************************/

#meerkat {
}	

.close-meerkat {
background:url("http://www.crystalsummit.net/externalsites/hostingholdingpage/images/meerkat_close.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
height:18px;
position:absolute;
right:30px;
text-indent:-9000px;
top:16px;
width:80px;
z-index:10;
}