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

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

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

#topbar {
	height: 20px;	
	margin-left: auto;
	margin-right: auto;	
	width: 960px;	
	background-color: #9B0000;			
}

#headerlogo {
	background-image: url('cs/cs_images/web-hosting-header-logo.png');  
	/* background-image: url('cs/cs_images/christmas/headerlogo.jpg'); */
	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;	
	/* background-image: url('cs/cs_images/christmas/headerright.jpg'); */
}

#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: 45px; 
	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: 260px;}
	#cshomeright .cssearch {width: 45px; height: 45px; background: url(/hosting/cs_images/searchbutton.jpg) no-repeat top; float: left; margin-left: 5px; }
	#cshomeright .cssearch {width: 45px; height: 45px; background: url(/hosting/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_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_images/bg_main_menu_bar.png'); 	
	background-repeat-x: top;		

}


/***********************x Centre Section ***********************/


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

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

.infoareafullwidth {
	width: 700px;
	float: left;
}	

.infoareanarrow {
	width: 324px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	border: 3px solid #B5C1D3;	
}	

.infoareawide {
	width: 680px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	border: 3px solid #B5C1D3;	
}	

 /************************* Front Page Block Area 1 *************************/ 

#frontblock {
	height: 250px;	
	align: right;
	width: 960px;
	font-size: 150%;
	font-weight: bold;	
	font-family: Candara, Verdana;	
	color: white;
}	
	
	
.frontblock1 {
	background-image: url('cs/cs_images/frontblock1_bg.jpg'); 
	height: 250px;	
	align: right;
	width: 240px;
	float: left;
}	



.frontblock2 {
	background-image: url('cs/cs_images/frontblock2_bg.jpg'); 
	height: 250px;	
	align: right;
	width: 240px;
	float: left;

}	

.frontblock3 {
	background-image: url('cs/cs_images/frontblock3_bg.jpg'); 
	height: 250px;	
	align: right;
	width: 240px;
	float: left;
	
}	

.frontblock4 {
	background-image: url('cs/cs_images/frontblock4_bg.jpg'); 
	height: 250px;	
	align: right;
	width: 240px;
	float: left;
	
}

.frontblocktextarea {
	padding-left: 25px;
	font-size: 50%;	
	font-family: Candara, Verdana;	
	position: relative;
	top: 90px;
	height: 190px;
}	


.frontblocktextarea ul li{
list-style: circle;
}



 /************************* Front Page Block Area 2 *************************/ 


#secondfrontblock {
	height: 200px;	
	width: 960px;
	font-size: 150%;
	font-weight: bold;	
	font-family: Candara, Verdana;	
	color: white;
	background-color: white;
	margin-left: 0px;
	margin-right: auto;
}

#secondfrontblock .ul, li {
margin-left: 0px;
list-style: none;
}

.secondfrontblock1 {
	background-image: url('cs/cs_images/secondfrontblock1_bg.jpg'); 
	height: 200px;	
	align: right;
	width: 300px;
	float: left;
	margin-right: 30px;

	
}	

.secondfrontblock2 {
	background-image: url('cs/cs_images/secondfrontblock2_bg.jpg'); 
	height: 200px;	
	align: right;
	width: 300px;
	float: left;
	margin-right: 30px;	

	
}	

.secondfrontblock3 {
	background-image: url('cs/cs_images/secondfrontblock3_bg.jpg'); 
	height: 200px;	
	align: right;
	width: 300px;
	float: left;

	
}	

.secondfrontblocktextarea {
	position: relative;
	top: 10px;
	height: 200px;
	text-align: center;
	color: red;
	font-size: 130%;
	text-decoration: none;
}	

.secondfrontblockheading {
	position: relative;
	top: 15px;
	left: 2px;
	height: 200px;
	text-align: center;
	color: yellow;
	font-size: 140%;
}	


/******************************** Other Areas ************************************/

.advert {
	background-color: #DFD1FF;
	padding: 15px;
	border: 2px solid #042A6A;
	margin-top: 10px;
	margin-bottom: 10px;
}		



/******************************** Domain Page ************************************/

#domainprices {
	width: 300px;
	float: left;			
	border: 3px solid #A5CFE9;	
}



#purchasedomainarea {
	width: 390px;
	float: left;
}

#purchasedomain {
	width: 350px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

#transferdomain {
	width: 350px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}


			#purchasedomain .cssearchbox {height: 23px; padding: 10px 10px; font-size: 155%; font-weight: bold; color: #042A6A; letter-spacing: -1px; border: 3px solid #A5CFE9; background: #fff url(./theme-images/bg_generic_fade.png) repeat-x top; float: left; margin-top: 1px; -moz-border-radius: 5px; -webkit-border-radius: 2px; width: 260px;}
			#purchasedomain .cssearch  {width: 45px; height: 45px; background: url(cs_images/searchbutton.jpg) no-repeat top; float: left; margin-left: 5px;}


			#transferdomain .cssearchbox {height: 23px; padding: 10px 10px; font-size: 155%; font-weight: bold; color: #042A6A; letter-spacing: -1px; border: 3px solid #A5CFE9; background: #fff url(./theme-images/bg_generic_fade.png) repeat-x top; float: left; margin-top: 1px; -moz-border-radius: 5px; -webkit-border-radius: 2px; width: 260px;}
			#transferdomain .cssearch  {width: 45px; height: 45px; background: url(cs_images/searchbutton.jpg) no-repeat top; float: left; margin-left: 5px;}




/******************************** 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(./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(./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;
float: left;
}


/*********************************** Eye Banners ************************************/

#eye_banner {
height:230px;
width: 700px;
margin-bottom: 10px;
}

#eye_banner p {
color: #ffffff;
margin-bottom: 20px;
}

#eye_banner.dotco_domains {
background:url("/hosting/cs/cs_images/domains/eye_banner_co_domains.jpg");
background-color: #ffffff;
}


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

#meerkat {
}	

.close-meerkat {
background:url("http://www.crystalsummit.net/hosting/cs_images/meerkat/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;
}


/*********************************** co Domains *************************************/

ul#codomainbenefits {
	padding:0px 0 20px 20px;
	width:660px;
	list-style:none outside none;
}

ul#codomainbenefits li {
background:url("/hosting/cs/cs_images/list_tick.png") no-repeat scroll left center transparent;
padding:5px 0 5px 25px;
}

#codomainssearch {
	width: 700px;
	height: 120px;
	background:url("/hosting/cs/cs_images/domains/co_domains_order_box.png") no-repeat;
	margin-bottom: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#purchase_co_domain .cssearchbox {
height: 23px; 
padding: 10px 10px; 
font-size: 155%; 
font-weight: bold; 
color: #042A6A; 
letter-spacing: -1px; 
border: 3px solid #A5CFE9; 
background: #fff url(./theme-images/bg_generic_fade.png) repeat-x top; 
float: left; 
margin: 10px; 
position: relative;
top: 55px;
-moz-border-radius: 5px; 
-webkit-border-radius: 2px; 
width: 595px;
}

#purchase_co_domain .cssearch  {
width: 45px; 
height: 45px; 
float: left;
margin-left: 0px;
margin-top: 10px;
position: relative;
top: 55px;
}