/*********************************************************************
Intro
*********************************************************************/


.webintro	{
	padding: 0 200px 25px 0px;
	background: url(/pics/hosting/1stmonthfree/footer-1stmonthfree.png) no-repeat 441px 19px;  /*AB Changed for NHP Release */
}

.webinfo {
	padding: 0 170px 0 0;
}

.webcol1	{
	margin: 0 30px 0px 0px;
	width:265px;
	float:left;
}


.webcol2	{
	margin: 0 0px 0px 0px;
	width:265px;
	float:left;
}

	.webcol1 ul, .webcol2 ul	{
		margin:10px 0;
		padding:0 20px;
	}

	.webcol1 ul li, .webcol2 ul li	{
		background: url(/pics/bullet_tick.gif) no-repeat 0px 10px;
		list-style-type:none;
		padding: 5px 0 0 15px;
	}
	

	
/*********************************************************************
Content Background 
*********************************************************************/
	
.webtop, .webbot	{
	background: url(/pics/website-email/wland_top.gif) no-repeat bottom;
	margin: 0 40px 0 0px;
	height:6px;
	width:265px;
}

	.webbot	{
		background: url(/pics/website-email/wland_bot.gif) no-repeat top;
	}

.webbod	{
	background:url(/pics/website-email/wland_bod.gif) repeat-y bottom;
	width:265px;
	margin: 0 40px 0 0px;
	padding-bottom:5px;
	
}

.webbod p	{
	margin: 10px 0 0 15px;
	line-height:12px;
	
}

.webbod em {
	font-style: normal;
	color: #c00;
}

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


img.host_title	{
	margin: 5px 0 0px 15px;
}


img.email_title	{
	margin: 5px 0 0 15px;
}

.linkwe	{
	margin:0px 0 0 20px;	
}


#webright {
	width:170px;
	padding: 0px 0px 10px 0px;
	margin:10px 10px 0px 44px;
	float:left;
	display:inline;
}

.sunow_top	{
	background: url(/pics/website-email/sunow_top.gif) no-repeat bottom;
	height:6px;
	width:164px;	
}

.sunow_bod	{
	background: url(/pics/website-email/sunow_bod.gif) no-repeat bottom;
	width:164px;
	padding-top:5px;	
}

	.sunow_bod h2	{
		margin: 5px 0 15px 12px;
		padding:0;	
	}
	
h2.hostys	{
	margin: 5px 0 15px 10px;
	padding:0;	
}

ul.signupnumlist	{
	padding:0 0px 0px 0;
	margin:0 -20px 0 0;
	font-size:11px;
	color:#666;
	list-style-type:none;	
}

	ul.signupnumlist li a img	{
		padding:0 0 0px 0;
		margin:0 0 0px 0;	
	}
	
/*********************************************************************
Site builder
*********************************************************************/

#sitebuilderpage #content {
	margin-bottom: 10px;
}



.sbcontainer	{
	padding-right:15px;	
}

#sitebuildersteps {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 555px;
}

#sitebuildersteps li {
	float: left;
	width: 526px;
	padding: 0 50px 5px 0;
	margin-bottom: 5px;
	
}

/* hack \*/
* html #sitebuildersteps li { width: 555px; }
/* */

#sitebuildersteps h3, #sitebuildersteps p {
	margin-left: 190px;
}

#sitebuildersteps p, #createandpublish p, #introduction p {
	margin-top: 3px;
	padding: 0;
	margin-bottom: 15px;
}

#sitebuildersteps h3 {
	margin-top: 40px;
	margin-bottom: 0px;
}

#sitebuildersteps img {
	border:0;
	float: left;
}

#sitebuildersteps a {
	color: #000;
	font-weight: bold;
}

#sitebuildersteps #step2, #sitebuildersteps #step3, #sitebuildersteps #step4, #sitebuildersteps #step5 {
	border-top: 1px solid #CBD2D9;
}

#sitebuildersteps #step1 {
	background: url(/pics/hosting/sitebuilder/step1.gif) no-repeat 190px top;
}

#sitebuildersteps #step2 {
	background: url(/pics/hosting/sitebuilder/step2.gif) no-repeat 190px top;
}

#sitebuildersteps #step3 {
	background: url(/pics/hosting/sitebuilder/step3.gif) no-repeat 190px top;
}

#sitebuildersteps #step4 {
	background: url(/pics/hosting/sitebuilder/step4.gif) no-repeat 190px top;
}

#sitebuildersteps #step5 {
	background: url(/pics/hosting/sitebuilder/step5.gif) no-repeat 190px top;
	border-bottom: 1px solid #CBD2D9;
	
}
/* hack \*/
* html #sitebuildersteps #step5 {height: 145px;}
/* end */

#signup {
	width: 170px;
	float: left;
	padding-top: 10px;
}

#createandpublish {
	margin: 0 15px 0 20px;
	float: left;
	width: 340px;
}

#signup ul {
	margin: 22px 0 40px 0;
	font-size: 11px;
	padding-left: 15px;
}

#signup ul li {
	margin-bottom: 5px;
}

#signup input {
	margin-left: 15px;
}






#steps {
	margin: 0 0 25px 0;
	padding: 0px;
}

#steps h3 {
	margin-bottom: 0;
}

#steps p {
	margin-top: 0;
}

#steps li {
	padding: 0 0 15px 28px;
	line-height: 15px;
	list-style: none;
}

#steps .step1 {
	background: url(/pics/step1.gif) 0 4px no-repeat;
}

#steps .step2 {
	background: url(/pics/step2.gif) 0 4px no-repeat;
}

#steps .step3 {
	background: url(/pics/step3.gif) 0 4px no-repeat;
}

#steps .step4 {
	background: url(/pics/step4.gif) 0 4px no-repeat;
}



/*********************************************************************
Email
*********************************************************************/

ul.mplist	{
		padding:0px 0 0 5px;
		margin:0;
}

ul.mplist li	{
		padding: 0 0 0 60px;
		margin-bottom:10px;
}

li.standardmail	{
	background: url(/pics/hosting/icon_standardbox.gif) no-repeat 0px 0px;	
	list-style-type:none;
	height:64px;
	
}

li.advancedmail	{
	background: url(/pics/hosting/icon_advancedbox.gif) no-repeat 0px 0px;	
	list-style-type:none;
	height:64px;
}



/*********************************************************************
Website
*********************************************************************/
/*
.webhdr	{
	background-image:url(/pics/packages/packimg_standard.jpg); 
}

.webcol	{
	width:572px;	
}*/


ul.hostlist	{
		padding:5px 0 0px 5px;
		margin:0 0 20px 0;
}

	ul.hostlist li	{
			padding: 0 0 0 20px;
			margin-bottom:0px;
			
	}

ul.webbuildlist	{
		padding:0px;
		margin:0px;
		list-style-type:none;
}

	ul.webbuildlist li	{
		background: url(/pics/logo_sitebuilder.gif) no-repeat 0px 0px;
		height:59px;
		margin:0 0 20px 0;
		padding:0 0 0px 60px;
	}


/*********************************************************************
Need more component
*********************************************************************/


.base	{
	width:559px;
	font-size:11px;
	color:#999;	
}

	.comp1	{
		background:url(/pics/website-email/comp_1.gif) no-repeat bottom;
		width:559px;
		padding-top:30px;
		height:6px;	
		
	}
	
	.comp2	{
		background:url(/pics/website-email/comp_2.gif) no-repeat bottom;
		margin: 0 0 20px 0;
		padding-top: 5px;
		width:559px;
		
	}
	
.compcol1	{
	width:270px;
	float:left;	
}	

	.compcol1 img	{
			padding:0;
			margin:5px 0 5px 12px;
	}
	
	.compcol1 p	{
			margin:0;
			padding: 0 20px 11px 12px;
			line-height:15px
	}

.compcol2	{
	margin-left:15px;
	padding-top:6px;
	float:left;	
}

	.compcol2 p	{
		padding:0 0 7px 0;
		margin:0;
		color: 666;
	}
	
	
/*	.compcol2 p	{
		margin:0;
		padding: 12px 20px 13px 18px;
		line-height:15px;
	}
*/



#moreaboutoffer a {
	color: #c00;
	font-weight: bold;
	/*background: url(/pics/christmas-offer/bullet_star.png) no-repeat left top;
	padding-left: 18px;*/
}

#web-email #middle2col {
	background: no-repeat right top;
}
img.fr {
	float: right;
}
a.out {
	font-weight: bold;
	background: transparent url(/pics/aro_blue.gif) no-repeat right;
	padding-right: 10px;
}


/**********************************************
WEB HOSTING 
**********************************************/

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


#websitepackage #topSectionContainer {
	padding: 0;
	float:left;
}


#websitepackage #topfeatures {
	float: left;
	width: 360px;
	padding: 0;
	margin: 0;
	/*border: 1px #CC0033 solid;*/

}

#websitepackage #topfeatures ul {
	padding: 0;
	margin: 0 0 0 0;
	}

#websitepackage #topfeatures li {
	padding-bottom: 20px;
	list-style-type: none;

}

#websitepackage #topfeatures h4 {
	font-size: 12px;
	margin: 0;
}

#websitepackage #topfeatures p {
	padding: 0;
	margin: 0;
}


#websitepackage #webright {
	float: right;
	padding: 0px;
	margin:0px;
	display:inline;
	width:189px;
	/*border: 1px #CC0033 solid;*/
}



#webfeatures {
	float: left;
	width:270px;
	
} 


#emailfeatures {
	float: right;
	width:270px;
	margin-right: 15px;
	/*border: 1px #CC0033 solid;*/
}

/************ Pricing ******************/

.pricing {
	background: url(/pics/hosting/1stmonthfree/bg_pricing.png) no-repeat left top;
	margin-bottom: 12px;
	width: 176px;
}

.pricing .monthly, .pricing .yearly {
	padding: 5px 10px 5px 13px;
}

.pricing .monthly {
	padding-top:44px;
}

.pricing .yearly {
	background: url(/pics/hosting/1stmonthfree/bg_pricing-bottom.png) no-repeat left bottom;
}

.pricing h4 {
	margin: 0 0 2px 0;
}
.pricing p {
	margin: 0 0 2px 0;
	padding:0px;
}

#hostingmonthly, #hostingyearly {
	background: url(/pics/tiereddiscounts/ttl_monthly.png) no-repeat left top;
	text-indent: -50000px;
}

#hostingyearly {
	background-image: url(/pics/tiereddiscounts/ttl_yearly.png);
}

.pricing .offerprice, .pricing .saving, .pricing .vatprice {
	margin: 0;

}

.pricing .offerintro {
	font-size: 12px;
	font-weight: bold;
	color: #009;
	margin-bottom: 0;
}

.pricing .offertc{
	font-size: 10px;
	color: #009;
	margin:10px 0 0 0;
	padding:0px;
}

.pricing .offerprice {
	font-size: 55px;
	font-weight: bold;
	color: #009;
	letter-spacing: -2px;
	line-height: 50px;
}

.pricing .offerprice .pence {
	font-size: 36px;
	line-height: 42px;
}

.pricing .offerprice .period {
	font-size: 15px;
	line-height: 42px;
}

.pricing .normalprice {
	font-size: 11px;
	color: #484848;
	line-height: 11px;
	font-weight: bold;
	margin-top: 10px;
}

.pricing .normalprice .strikethrough {
	background: url(/pics/hosting/1stmonthfree/crossout.png) no-repeat left 5px;
}

.pricing .inc-vat {
	background: url(/pics/hosting/1stmonthfree/crossout-vat.png) no-repeat left 5px;
	font-size: 11px;
	color:#666;
}

/*************** ***********************/

.fhupsell {
	clear: both;
	background: url(/pics/hosting/1stmonthfree/footer-1stmonthfree.png) no-repeat right top;
	padding: 10px 170px 15px 0;
	color: #666;
}

.fhupsell h4 {
	margin: 5px 0;
	font-size: 14px;
}

.fhupsell h4 a {
	text-decoration: none;
}

/*************** ***********************/

.opsys {
float:left;
overflow:hidden;
padding:17px 0 20px 0;
position:absolute;
}
.opsys label {
color:#FFFFFF;
height:70px;
line-height:10px;
padding:15px 0 20px 40px;
}
.opsys label.winicon {
background:url("/pics/hosting/overlay/windows_44px.png") no-repeat scroll left top transparent;
}
.opsys label.linicon {
background:url("/pics/hosting/overlay/linux_44px.png") no-repeat scroll left top transparent;
}
table.payment_period {
width:558px;
}
table.payment_period td {
border-bottom:1px solid #666666;
color:#666666;
font-size:12px;
font-weight:bold;
padding:13px 10px 8px;
vertical-align:top;
width:200px;
}
table.payment_period span.radio_subtext {
color:#666666;
font-size:10px;
font-weight:normal;
margin-left:20px;
}
table.payment_period span.label_subtext {
color:#666666;
font-size:10px;
font-weight:normal;
}
table.payment_period .underlay_saving {
border-bottom:1px solid #666666;
color:#0099FF;
font-size:12px;
font-weight:bold;
}