@import "tooltip.css";
@import "temp.css";
/***************PACKAGE PAGES****************/

#contentArea {
	margin: 0;
	padding: 0;
	width:599px;
	position: relative;
}
	
#contentArea #header {
	background: url(/pics/hosting/1monthfree/bg_packagepage.jpg) no-repeat right top;
	padding: 47px 0 0 20px;
	color: #FFFFFF;
	height: 165px;
}

#contentArea #header h1 {
	font-size: 34px;
	font-weight: bold;
	letter-spacing:  -0.8px;
}

#contentArea #header h1 span {
	font-weight: normal;
}

#contentArea #header h2 {
	padding: 16px 0px 0px 0px;
	width: 421px;
	font-size: 12px;
}

#contentArea #header p {
	width: 410px;
	margin-top: 19px;
	line-height: 19px;
	/*border: 1px solid #000;*/
}

#contentArea #header ul {
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
	/*border: 1px solid #666666;*/
}

#contentArea #header li {
	background: url(/pics/hosting/tieredhosting/red-tick.png) no-repeat 0 0px;
	padding: 1px 0 13px 27px;
	list-style-type: none;
	width: 277px;
}

#contentArea #header .trademark {
	font-size: 9px;
	vertical-align:top; 
}

#contentArea #content {
	padding: 0px 15px 0px 20px;
}

#contentArea #content #lhcolumn {
	width:307px;
	float:left;
	margin: 20px 0 20px 0;
	/*border: 1px solid #CCCCCC;*/
}

#contentArea #content #rhcolumn {
	float:right;
	margin-top: 20px;
	padding:0 0 20px;
	width:230px;
	/*border: 1px solid #CCCCCC;*/
}

#rhcolumn img {
	margin: 29px 0px 0px 15px;
}

#rhcolumn p {
	margin:0px;
	padding:0px 20px 0px 20px;
	/*border: 1px solid #CCCCCC;*/
}


#carousel {
	background: url(/pics/hosting/2010packages/carousel-bg.png) no-repeat left top;
	height: 147px;
	padding: 0 15px 0 20px;
}

#carousel .box {
	width: 168px;
	height: 84px;
	float: left;
}

#carousel .box span {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.4px;
	color: #264675;
	display: block;
	margin: 1px 0;
}

#carousel #long-box {
	width: 185px;
}

#carousel .box h2 {
	color: #c61c1c;
	font-size: 12px;
}

#carousel .box p {
	font-size: 11px;
	color: #393939;
	line-height: 16px;
	margin: 0px 0 6px 0;
}
#carousel .box .offer {
	font-weight: bold;
	color: #00AEE7;
	margin: 4px 0 0 0;
	padding: 0;
}
#carousel .box .buynow-windows {
	margin-right: 5px;
}


#carousel .box a span {
	text-decoration: underline;
}
#carousel #splitter {
	background: url(/pics/hosting/2010packages/carousel-splitter.png) no-repeat left top;
	width: 3px;
	height: 84px;
	float: left;
	margin: 0 9px;
}
#carousel #button-container {
	clear: both;
	text-align: center;
	display: block;
	padding-top: 6px;
}
#carousel #non-premium {
	text-indent: -3000em;
	display: block;
}
#carousel .buynowbox {
	width: 252px;
	margin-left: 20px;
}
#carousel .buynowbox strong em {
	font-size: 14px;
	font-style: normal;
}



.keyfeatureshome {
	margin:0;
	padding: 20px 0px 0px 0px;
	clear:both;
	overflow: hidden;
}
.keyfeatureshome h2 {
	font-size: 12px;
}


.keyfeatureshome li {
	background:url(/pics/hosting/thumbnails/sitebuilder-hosting.png) no-repeat top left;
	list-style-type:none;
	float: left;
	margin: 0 0 10px 0;
	width: 190px;
	padding-left:85px;
	overflow: hidden;
	height: 110px;
}

.keyfeatureshome li p {
	margin-top: 7px;

}

#key-advanced {
	background:url(../pics/hosting/thumbnails/windows_advanced_features_hosting.gif) no-repeat top left;
	margin-left:6px;
}

#key-email {
	background:url(../pics/hosting/thumbnails/virus-hosting.gif) no-repeat top left;
}

#key-advertising{
	background:url(../pics/hosting/thumbnails/domainname.gif) no-repeat top left;
	/*background:url(../pics/hosting/thumbnails/contact-us.gif) no-repeat top left;*/
	margin-left:6px;
}

#key-domainname {
	background:url(../pics/hosting/thumbnails/contact-us.gif) no-repeat top left;
	width: 190px;
	height: 102px;
}

#key-websitetraffic {
	background:url(../pics/hosting/thumbnails/webtraffic.gif) no-repeat top left;
	margin-left:6px;
	width: 190px;
	height: 90px;
}

*html #key-websitetraffic, *html #key-domainname {
	width: 275px;
}

*html .keyfeatureshome li {
	background:url(../pics/hosting/thumbnails/sitebuilder-hosting.png) no-repeat top left;
	list-style-type:none;
	float: left;
	margin-top: 0px;
	width: 275px;
	margin-bottom: 10px;
	padding-left:85px;
}




/*****************************************
Standard Web Hosting
*****************************************/
#standard-hosting #contentArea #header {
	background: url(/pics/hosting/1monthfree/bg_package.jpg) no-repeat right top;
	padding-top: 24px;
	height: 320px;
}

#standard-hosting #contentArea #header p {
	width: 297px;
	margin-bottom: 7px;
}

#standard-hosting #contentArea #header li {
	font-weight: bold;
	padding-bottom: 11px;
}

/*********************************
PACKAGE PRICES
**********************************/
#standard-hosting #contentArea #price-box {
	float: right;
	margin: 54px 20px 0 0;
	padding: 15px 0 0 0;
	width: 203px;
	overflow: hidden;
}

#standard-hosting #contentArea #packageprices {
	padding: 15px 0 0 38px;
}
#standard-hosting #contentArea #packageprices p {
	color: #00aee7;
	margin: 0;
	padding: 0;
}
#standard-hosting #contentArea #packageprices .startperiod {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-top: 7px;
}

#standard-hosting #contentArea #packageprices .offerprice {
	font-size: 62px;
	font-weight: bold;
	margin: 12px 0 0 0;
	letter-spacing: -4px;
	display: block;
}
#standard-hosting #contentArea #packageprices .offerprice .pence {
	font-size: 44px;
}
#standard-hosting #contentArea #packageprices .offerprice .period {
	font-size: 14px;
	letter-spacing: normal;
}

#standard-hosting #contentArea #packageprices .inc-vat, #standard-hosting #contentArea #packageprices .normal-price {
	color: #3b3b3b;
	font-size: 10px;
	line-height: 13px;
}

#standard-hosting #contentArea #packageprices .inc-vat {
	background: url(/pics/hosting/1monthfree/package-stikethrough-vat.png) no-repeat left 3px;
	color: #7e7e7e;
}

#standard-hosting #contentArea #packageprices .standard {
	background: url(/pics/hosting/1monthfree/package-stikethrough-vat-std.png) no-repeat left 3px;
}

#standard-hosting #contentArea #packageprices .normal-price {
	margin-top: 5px;
	font-weight: bold;
	font-size: 11px;
}

#standard-hosting #contentArea #packageprices .normal-price .strikethrough {
	background: url(/pics/hosting/1monthfree/package-stikethrough.png) no-repeat right 3px;
}


#standard-hosting #contentArea #packageprices #buy-button {
	margin-top: 11px;
	padding-left: 10px;
}


/*********************************
PACKAGE RADIO BUTTONS
**********************************/

#standard-hosting #contentArea #price-box #os-selection {
	margin-left: 14px;
}

#price-box #os-selection .opsys {
	margin: 0 0 20px 0;
	padding: 18px 0px 3px 0;
	float: left;
	overflow: hidden;
}
#price-box #os-selection .opsys label {
	padding: 15px 2px 20px 23px;
	height:70px;
	line-height:10px;
	color:#000;
}
#price-box #os-selection .opsys label.winicon {
	background: transparent url(/pics/hosting/1monthfree/icon-windows.png) no-repeat 0 4px;

}
#price-box #os-selection .opsys label.linicon {
	background: transparent url(/pics/hosting/1monthfree/icon-linux.png) no-repeat 0 4px;
}

#standard-hosting #contentArea #price-box .buynow-button{
	background:url(/pics/hosting/2010packages/package-buynow.png) no-repeat scroll left center ;
	width:117px;
	height: 54px;
	padding: 0 0px 0 4px;
	display: block;
	cursor: pointer;
	margin: 0 0 0 35px;
	border:0px;
	overflow:visible;
	text-indent:-2000em;
	clear: both;
}

#standard-hosting #contentArea #os-buttons {
	margin-top: 25px;
}





/*********************************
NEW UPSELL
**********************************/

.upsellbox {
	background: url(/pics/hosting/tieredhosting/upsellbox_bottom.png) no-repeat bottom left;
	clear: both;
	padding-bottom: 3px;
	margin-bottom: 20px;
}
.upsellboxinner {
	background: url(/pics/hosting/tieredhosting/upsellbox_hdr.png) no-repeat top left;
	padding: 8px 20px 7px 80px;
	
}
.upsellbox .upsellboxinner {
	margin: 0;
	color: #333333;
}


/************HEADER INFO PAGES************************/

#publishing-tools #contentArea #header, #sitebuilder #contentArea #header, #eshop #contentArea #header, #web-stats #contentArea #header, #trafficdriver #contentArea #header, #microsoft-exchange #contentArea #header, #load-balancing #contentArea #header, #load-balancing #contentArea #header, #blog #contentArea #header, #advanced-hosting #contentArea #header, #flexible-mailbox #contentArea #header, #secure-data-centre #contentArea #header, #online-control #contentArea #header, #targeted-advertising #contentArea #header, #ecommerce #contentArea #header {
	background: url(/pics/hosting/2010packages/content_gradient.png) repeat-x 0 0;
	border-top: 1px solid #FFF;
	color: #000;
	padding-top: 30px;
	height: 100%;
	/*border: 1px solid #333333;*/
} 

/*#flexible-mailbox #contentArea #header {
	background: url(/pics/hosting/2010packages/flexible-mailbox-header.png) no-repeat 0 0;
	height: 300px;
}*/





/************WEBSITE PUBLISHING TOOLS************************/

#publishing-tools #contentArea #content #rhcolumn {
	margin-top: 0;
}


#publishing-tools .publishing-features {
	margin-bottom: 45px;
	/*border: 1px solid #666666;*/
}

#publishing-tools .publishing-features ul {
	margin: 0;
	padding: 0;
}

#publishing-tools .publishing-features li {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat 0 0px;
	padding: 1px 0 12px 27px;
	list-style-type: none;
}

#publishing-tools #bottom-feature {
	margin-bottom: 30px;
}


#publishing-tools #rhcolumn img {
	margin-top: 0;
}

#publishing-tools #rhcolumn .image-1 {
	margin-top: 14px;
}

#publishing-tools #rhcolumn .image-2 {
	margin-top: 75px;
}
#publishing-tools #rhcolumn .image-3 {
	margin-top: 65px;
	
}


/************SITEBUILDER************************/

#sitebuilder #contentArea #header p {
	width: 386px;
}

#sitebuilder #contentArea #header #sitebuilder-logo {
	background: url(/pics/hosting/2010packages/sitebuilder/siteBuilder-logo.png) no-repeat 381px 39px;
	overflow: hidden;
}


/*#sitebuilder #contentArea #header img {
	float: right;
	margin: 0px 14px 0px 0px;
}*/

#sitebuilder #contentArea #header .colum {
	width: 193px;
	float: left;
	margin-top: 14px;
}

#sitebuilder #contentArea #header #right {
	width: 144px;
	margin-left: 10px;
}

#eshop-teaser {
	margin-bottom: 25px;
	clear: both;
}

.eshop-header {
	font-size: 18px;
	margin-bottom: 10px;
}

hr {
	clear: both;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 0;
}

#primary {
	clear: both;
	width: 360px;
	float: left;
	padding-top: 15px;
}

#step-one   { background: url(../pics/sitebuilder/step-1.png) no-repeat left top; }
#step-two   { background: url(../pics/sitebuilder/step-2.png) no-repeat left top; }
#step-three { background: url(../pics/sitebuilder/step-3.png) no-repeat left top; }
#step-four  { background: url(../pics/sitebuilder/step-4.png) no-repeat left top; }
#step-five  { background: url(../pics/sitebuilder/step-5.png) no-repeat left top; }
	
.steps {
	padding: 6px 0 30px 70px;
}

.four {
	padding-bottom: 40px;
}

.last {
	padding-bottom: 0;
}

.steps h2 {
	font-size: 20px;
}

.steps p {
	margin: 10px 0;
	font-size: 11px;
	line-height: normal;
}

#secondary {
	float: right;
	padding-top: 15px;
}

#hosting-offer {
	float: left;
	padding: 10px 50px 0 0;
	width: 528px;
}

#hosting-offer #hosting-buynow {
	padding: 0px 0px 10px 0px;
} 

#feat {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#feat li {
	padding: 0 0 7px 30px;
	font-size: 11px;
	background: url(/pics/hosting/tieredhosting/tickred-whitebg.png) no-repeat left top;
}



/*****************************************
	eShop
*****************************************/

#eshop #contentArea #header {
	padding-top: 9px;
}

#eshop #contentArea #header h2 {
	padding-top: 7px;
}


#eshop #contentArea #header h1 {
	background: url(/pics/hosting/2010packages/ehop-icon-sml.png) no-repeat 0 0;
	padding: 20px 0px 0px 58px;
	height: 39px;
}

#topSectionContainer, #features, #results, #more-features, #upsell-footer {
	padding: 0 0 0 20px;
}

h1.pageTitle {
	font-size: 32px;
	font-weight: bold;
	padding: 25px 0 20px 0;
	letter-spacing: -1px;
}
h1.pageTitle span {
	color: #d12121;
}

#eshop p {
	line-height: 20px;
}

#topSectionContainer p {
	width: 434px;
}


#topSectionContainer ul {
	list-style-type: none;
	padding: 13px 0 13px 0;
	margin: 0;
	width: 171px;
	float: left;
}

#topSectionContainer ul li {
	padding-left: 26px;
	background: url(/pics/hosting/tieredhosting/red-tick.png) no-repeat left center;
	margin-bottom: 9px;
}

#topSectionContainer #col-2 { 
	width: 220px;
}

#features {
	background: #f5f5f5 url(/pics/hosting/eshop/thumbnails.png) no-repeat left top;
	clear: left;
	overflow: hidden;
	height: 85px;
	padding-top: 135px;
}

#features .thumbnail {
	width: 169px;
	float: left;
	margin-left: 30px;
}

#features .thumbnail h3 {
	color: #d12121;
	margin-bottom: 5px;
}
#features .thumbnail p {
	margin: 0;
	padding: 0;
}

#features #first {
	margin-left: 0;
}

#results {
	background-color: #f5f5f5;
	padding-bottom: 10px;
	clear: left;
	overflow: hidden;
}

#results p {
	margin-bottom: 20px;
}

#results h2 {
	font-size: 18px;
}

#results .bulletpoint {
	background: url(/pics/hosting/eshop/tick_grey_bg.png) no-repeat left top;
	width: 243px;
	padding: 4px 0 0 27px;
	margin-bottom: 6px;
	float: left;
}

#results .bulletpoint p {
	margin: 5px 0 12px 0;
}

#results .bulletpoint#col-2 {
	margin-left: 15px;
}

#more-features { 
	background-color: #eeeeee;
	clear: both;
	overflow: hidden;
	padding-top: 20px;
	/*padding-bottom: 10px;*/
}

#more-features .colum {
	width: 265px;
	float: left;
}

#more-features .colum h3 {
	font-size: 14px;
}

#more-features #colum-right {
	margin-left: 26px;
}


#upsell-footer {
	/*background: url(/pics/hosting/2010packages/eShop-teaser-bg.png) no-repeat left bottom;*/
	clear: left;
	padding: 25px 0 0 20px;
	
}
#upsell-footer h3 {
	font-size: 14px;
	line-height: 19px;
	color: #234388;
}

#upsell-footer p {
	margin: 0 0 14px 0;
	padding: 0;
}


/*****************************************
	Graphical web stats
*****************************************/

#web-stats #contentArea #header {
	padding-top: 27px;
}

#web-stats #contentArea #header p {
	width: 427px;
}

#web-stats #contentArea #header h1 {
	background: url(/pics/hosting/2010packages/matrixstats-logo.png) no-repeat 0 0;
	height: 48px;
	text-indent: -3000px;
}

#web-stats #lhcolumn p {
	margin-top: 0;
}

#web-stats #lhcolumn h2 {
	font-size: 12px;
}

#web-stats #lhcolumn ul, #web-stats #upsell ul {
	padding: 10px 0 10px 0;
	margin: 0;
}

#web-stats #lhcolumn li, #web-stats #upsell li {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat 0 0px;
	padding: 1px 0 12px 27px;
	list-style-type: none;
}

#web-stats #lhcolumn .no-padding {
	padding: 0;
}


#web-stats #rhcolumn img {
	margin: 0 0 0 15px;
}

#web-stats #rhcolumn .secondimage {
	margin-top: 42px;
}

#web-stats #box-2 {
	margin-top: 33px;
}

#web-stats #upsell {
	background: url(/pics/hosting/2010packages/upsell_bg.png) repeat-x 0 0;
	clear: both;
	padding: 20px 20px 10px 20px;
	margin-top: 20px;
}

#web-stats #upsell h2 {
	margin-bottom: 13px;
}

#web-stats #upsell h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 15px 0 10px 0;
}

#web-stats #upsell h3 a {
	text-decoration: underline;
}

#web-stats #landingfooter {
	margin-top: 10px;
}


/*****************************************
	TrafficDriver
*****************************************/

#trafficdriver #content #lhcolumn {
	width: 343px;
}

#trafficdriver #content #rhcolumn {
	width: 200px;
	text-align: right;
	vertical-align: top;
}

#trafficdriver #content #rhcolumn img {
	margin: 0;
}

#trafficdriver #header-upsell {
	background: url(/pics/hosting/2010packages/seo-barchart.png) no-repeat left bottom;
	margin: 0;
	padding-left: 147px;
	height: 121px;
}

#trafficdriver #header-upsell h2 {
	line-height: 21px;
	font-size: 16px;
	/*background: url(/pics/hosting/2010packages/seo-teaser-hdr.png) no-repeat 0 0px;*/
	/*text-indent: -9999px;*/
}

#trafficdriver #header-upsell ul {
	padding-left: 0;
	margin: 7px 0px 0px 0px;
}

#trafficdriver #header-upsell li {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat 0 0px;
	padding: 1px 0 10px 27px;
	list-style-type: none;
}

#trafficdriver .upsell-caption {
	padding: 0px 15px 0px 20px;
	font-size: 10px;
	font-style: italic;
	color: #6c6c6c;
}


#trafficdriver #seo-features {
	margin-bottom: 25px;
}

#trafficdriver #seo-features sup {
	font-size: 8px;
}

#trafficdriver #seo-features ul {
	padding-left: 0;
}

#trafficdriver #seo-features li {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat 0 0px;
	padding: 1px 0 12px 27px;
	list-style-type: none;
}

#trafficdriver #more-features {
	background-color: #f6f6f6;
	overflow: hidden;
	padding: 20px 15px 15px 20px;
	margin-bottom: 15px;
}

#trafficdriver #more-features .box {
	float: left;
	width: 270px;
}

#trafficdriver #more-features .box p {
	line-height: 18px;
}

#trafficdriver #more-features #box-right {
	margin-left: 20px;
}

#trafficdriver #more-features .box ul {
	padding: 0;
	margin-bottom: 0;
}

#trafficdriver #more-features .box li {
	background: url(/pics/hosting/2010packages/red-tick-grey.png) no-repeat 0 0px;
	padding: 1px 0 12px 27px;
	list-style-type: none;
}


#trafficdriver #landingfooter {
	margin-top: 40px;
}

/***********TABLE*************************/

#trafficdriver #plans-table {
	padding: 25px 15px 0 20px;
}

#trafficdriver #plans-table h2 {
	font-size: 16px;
}


table.seopackages {
	width: 100%;
	margin: 30px 0 10px 0;
}

table.seopackages th {
	text-align: center;
	border-left: 1px solid #92CDE9;
}

table.seopackages th p{
	font-size: 9px;
	color: #5b5b5b;
	padding: 0px 13px 0px 13px;
	margin: 7px 0 7px 0; 
}

table.seopackages th .seo-prices {
	font-size: 11px;
	font-weight: bold;
	color: #b51516;
	display: block;
	margin: 0px 0px 9px 0px;
	vertical-align: middle;
}

table.seopackages .headertitles {
	width: 144px;
	text-align: left;
	padding: 4px 8px 4px 5px;
	border-left: none;
	font-size: 11px;
}

table.seopackages td {
	border-top: 1px solid #92CDE9;
	border-right: 1px solid #92CDE9;
	width: 85px;
	text-align: center;
	padding: 5px 9px;
	font-size: 11px;
}

table.seopackages #extreme-cell {
	border-right: 1px solid #92CDE9;
}
table.seopackages #bottom-cell {
	border-bottom: 1px solid #92CDE9;
}

table.seopackages .dark-blue {
	background-color: #e1f3f9;
}

table.seopackages .light-blue {
	background-color: #f0f9fc;
}

#trafficdriver #terms {
	color: #6c6c6c;
}
#trafficdriver #terms  p {
	font-size: 10px;
	margin: 2px 0 2px 0;
	padding: 0;
	display: block;
}

#trafficdriver #terms sup {
}

/*****************************************
	Microsft Exchange
*****************************************/

#microsoft-exchange #contentArea #content {
	margin-bottom: 30px;
}


#microsoft-exchange #contentArea p {
	line-height: 18px;
}

#microsoft-exchange #contentArea #header ul {
	background: url(/pics/hosting/2010packages/logo-exchange.png) no-repeat 363px 5px;
	margin-bottom: 30px;
}

#microsoft-exchange .email-features {
	padding: 0px 0px 0px 152px;
	margin: 0px 0 20px 0;
	/*border: 1px solid #CCCCCC;*/
}

#free-outlook { 
	background: url(/pics/hosting/2010packages/exchange-email/boxshot-outlook.png) no-repeat left top;
	height: 136px;
}

#access-from-anywhere {
	background: url(/pics/hosting/2010packages/access-from-anywhere.png) no-repeat left top;
}


#mobile-access { 
	background: url(/pics/hosting/2010packages/exchange-email/iphone.png) no-repeat left top;
	height: 144px;
}

#outlook-web-access {
	background: url(/pics/hosting/2010packages/outlook-web-access.png) no-repeat left top;
	height: 117px;
}

#microsoft-exchange hr {
	height: 35px;
	background: url(/pics/hosting/2010packages/hr-bg.png) no-repeat left top;
}

#microsoft-exchange .seo-upsell {
	font-size:15px;
	font-weight:bold;
	margin: 28px 0 20px;
}



/*****************************************
	Load Balancing
*****************************************/
#load-balancing #contentArea #header p {
	margin-bottom: 20px;
}

#load-balancing .balancing-features {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat left top;
	padding: 2px 0px 0px 30px;
	margin-bottom: 20px;
}

#load-balancing #last-feature {
	margin-bottom: 30px;
}
#load-balancing #landingfooter {
	margin-top: 30px;
}

#load-balancing .seo-upsell {
	font-size:15px;
	font-weight: bold;
}

/*****************************************
	Advanced-hosting-features
*****************************************/

#advanced-hosting #landingfooter {
	margin-top: 36px;
}

#advanced-hosting #contentArea #header p {
	width:443px;
}

.af-hdr	{
	background: url(/pics/hosting/2010packages/af-hdr.png) no-repeat bottom; 
	width: 565px; 
	height: 10px;
	margin: 0;
	padding: 0;
}

.af-ftr	{
	background: url(/pics/hosting/2010packages/af-ftr.png) no-repeat bottom; 
	width: 565px; 
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
}

ul.af-list {
	list-style-type:none;
	padding: 0 15px 8px 67px;
	margin:0;
}

#advanced-hosting ul.af-list li	{
	padding:0;
	margin:0 0 6px 0;
	line-height:18px;
}

#advanced-hosting .af-ftr p {
	padding: 0 10px 8px 73px;
}


.icon-script	{background: url(/pics/hosting/2010packages/advanced-features/icon-website-script.png) no-repeat 8px 0px; }
.icon-db		{background: url(/pics/hosting/2010packages/advanced-features/icon-db.png) no-repeat 8px 0px; }
.icon-password	{background: url(/pics/hosting/2010packages/advanced-features/icon-password.png) no-repeat 8px 0px; }
.icon-ssl		{background: url(/pics/hosting/2010packages/advanced-features/icon-secure.png) no-repeat 8px 0px; }
.icon-load		{background: url(/pics/hosting/2010packages/advanced-features/icon-load-balance.png) no-repeat 8px 0px; }
.icon-404		{background: url(/pics/hosting/2010packages/advanced-features/icon-404.png) no-repeat 8px 0px; }
.icon-ssh		{background: url(/pics/hosting/2010packages/advanced-features/icon-ssh.png) no-repeat 8px 0px; }
.icon-bandwidth	{background: url(/pics/hosting/2010packages/advanced-features/icon-bandwidth.png) no-repeat 8px 0px; }
.icon-test		{background: url(/pics/hosting/2010packages/advanced-features/icon-test-domain.png) no-repeat 8px 0px; }
.icon-media		{background: url(/pics/hosting/2010packages/advanced-features/media.png) no-repeat 8px 0px; }
.icon-sub		{background: url(/pics/hosting/2010packages/advanced-features/icon-subdomain.png) no-repeat 8px 0px; }

ul.af-footer-list	{
	margin:0px 0 0 20px;
	padding:10px 0 10px 0;	
}

ul.af-footer-list li	{
	margin:0 0 7px 0!important;
	padding:0!important;	
}


/*****************************************
	Search Engine Advertising 
*****************************************/

#targeted-advertising #contentArea #header p {
	width: 497px;
}


#targeted-advertising #contentArea #header strong {
	color: #c40f0f;
}

#targeted-advertising .seo-features {
	padding: 0px 0px 0px 216px;
	margin: 0px 0 38px 0;
}

#targeted-advertising #seo-google {
	background: url(/pics/hosting/2010packages/seo-google.png) no-repeat left top;
	margin-top: 48px;
}
#targeted-advertising #seo-BidVertiser {
	background: url(/pics/hosting/2010packages/seo-bidvertiser.png) no-repeat left top;
}
#targeted-advertising #seo-Mirago {
	background: url(/pics/hosting/2010packages/seo-mirago.png) no-repeat left top;
	margin-bottom: 53px;
	height: 109px;
}

#targeted-advertising .seo-features p {
	margin: 5px 0px 0px 0px;
	line-height: 20px;
}

#targeted-advertising .seo-upsell {
	margin: 0px 0px 20px 0px;
	font-size: 15px;
	font-weight: bold;
}


/*****************************************
	Blog
*****************************************/


#blog #lhcolumn p {
	margin-top: 0;
}

#blog #lhcolumn h3 {
	padding-top: 0;
}

#blog #rhcolumn img {
	margin: 0;
}

#blog #rhcolumn .second-image {
	margin-top: 20px;
}

#blog #rhcolumn .blog-caption {
	margin: 0;
	padding: 0;
	font-size: 10px; 
	color: #999999;
	line-height: 15px;
	margin-bottom: 20px;
}


#blog #blog-upsell {
	background: url(/pics/hosting/2010packages/upsell-bg.png) no-repeat left top;
	overflow: hidden;
	clear: both;
	height: 80px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 30px;
}

#blog #blog-upsell p {
	margin-top: 5px;
	font-size: 12px;
}

#blog #blog-upsell h2 {
	background: url(/pics/hosting/2010packages/blog-heading.png) no-repeat left top;
	text-indent: -3000em;
	height: 20px;
}


ol.numberedlist {
	margin: 10px 20px 0 0;
	padding: 0;
	list-style-type: none;
}

.numberedlist li {
	padding: 2px 0px 20px 0px;
	padding-left: 25px;
	background: url(/pics/num1.gif) no-repeat left top;
}

.numberedlist li.no2 {
	background-image: url(/pics/num2.gif);
}

.numberedlist li.no3 {
	background-image: url(/pics/num3.gif);
	padding-bottom: 5px;
}

#blog #bottom-content {
	clear: both;
	padding: 10px 20px 0px 20px;
	overflow: hidden;
	margin-bottom: 24px;
}


#blog #bottom-content hr {
	height: 35px;
	background: url(/pics/hosting/2010packages/hr-bg.png) no-repeat left top;
	margin-bottom: 15px;
}

#blog #bottom-content ul {
	padding: 0;
}

#blog #bottom-content li {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat 0 0px;
	padding: 1px 0 12px 27px;
	list-style-type: none;
}

table.blogpackages {
	width: 100%;
	margin-bottom: 10px;
}

table.blogpackages th {
	text-align: center;
	border-left: 1px solid #92CDE9;
}

table.blogpackages th p {
	/*border: 1px solid #999999;*/
	font-size: 9px;
	color: #5b5b5b;
	padding: 0px 13px 0px 13px;
	margin: 7px 0 12px 0; 
}

table.blogpackages #headertitles {
	width: 78px;
	text-align: right;
	padding-right: 8px;
	border-left: none;
}

table.blogpackages .pro {
	border-right: 1px solid #92CDE9;
}

table.blogpackages td {
	border-top: 1px solid #92CDE9;
	border-left: 1px solid #92CDE9;
	width: 85px;
	text-align: center;
	padding: 6px 9px;
	font-size: 11px;
}

table.blogpackages td .price-starter {
	color: #6a6a6a;
	font-size: 11px;
}

table.blogpackages td .price-month {
	margin: 2px 0 4px 0;
	display: block;
	color: #6a6a6a;
	font-weight: bold;
}

table.blogpackages td .price-year {
	color: #6a6a6a;
}

table.blogpackages td .price {
	font-size: 12px;
}


#blog #blog-usp {
	margin-top: 20px;
	overflow: hidden;
	clear: left;
}

#blog #blog-usp h2 {
	font-size: 16px;
}

#blog .quick-features {
	background: url(/pics/hosting/2010packages/red-tick-content.png) no-repeat left top;
	width: 149px;
	height: 50px;
	float: left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 28px;
}

#blog #colum-2 {
	margin-left: 13px;
}


/*****************************************
	Ecommerce
*****************************************/

#ecommerce #contentArea #content #rhcolumn {
	width: 257px;
}

#securesite {
	background: url(/pics/hosting/2010packages/cart_new.png) no-repeat top left;
	padding-left: 95px;
	
}
#perfecthost {
	background: url(/pics/ecommerce/padlock.png) no-repeat top left;
	padding-left: 95px;
	margin-top: 0;
}

#ecommerce hr {
	background: url(/pics/hosting/2010packages/hr-bg.png) no-repeat scroll left top transparent;
	height:35px;
}


#eccommerce-logos {
	margin-bottom: 20px;
}

#ecommerce #os-buttons {
	margin: 25px 0 15px 0;
}





/*****************************************
	Secure UK Web Hosting Data Centre
*****************************************/

#secure-data-centre #contentArea #header ul {
	margin-bottom: 0;
}

#secure-data-centre #contentArea #header li {
	width: 406px;
}
#secure-data-centre #securecontent {
	padding-top: 0;
}



/*****************************************
	Complete-online-control
*****************************************/

#online-control #lhcolumn #main-features {
	margin-bottom: 25px;
}


#online-control #rhcolumn img {
	margin-top: 5px;
}
#online-control #rhcolumn p {
	padding: 0 9px 0 16px;
}

#online-control .thumbdescription {
	font-size: 11px;
	color: #666;
	margin-bottom: 25px;
	margin-top: 2px;
}
#online-control .thumbnail {
	border: 1px solid #bebebe;
}





/*****************************************
	Landing Page
*****************************************/

#landing #contentArea {
	padding: 77px 0 0 0;
	background: url(/pics/hosting/1monthfree/bg_landingpage.jpg) no-repeat right top;
}

.landingcontent {
	clear: left;
	padding: 16px 20px 0px 20px;
}

.landingcontent h1 {
	clear:both;
	font-weight:bold;
}

.landingcontent p {
	margin-top:5px;
	padding:0 0 10px;
}

.introlist {
	clear: left;
	overflow: hidden;
	color: #FFFFFF;
}

.introlist ul {
	float:left;
	margin: 0px 0px 37px 0px;
	padding: 5px 0px 6px 0px;
}


.introlist li {
	background: url(/pics/hosting/tieredhosting/red-tick.png) no-repeat 0 0px;
	padding: 1px 0 8px 27px;
	font-weight: bold;
	list-style-type: none;
}

.introlist .colum {
	padding-left: 24px;
}


.package {
	width: 270px;
	float: left;
	overflow: hidden;
}

.package a {
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.package#businesspackage {
	margin-left: 15px;
}

.header {
	background: url(/pics/hosting/1monthfree/header_personal.png) no-repeat left top;
	height: 161px;
}

.header#businessheader {
	background: url(/pics/hosting/1monthfree/header_business.png) no-repeat left top;
}

#pricepoint {
	padding: 80px 0px 0px 13px;
	color:#FFFFFF;
}

#pricepoint .caps {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 10px;
}

#pricepoint .pounds {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	display: block;
	/*line-height: 14px;*/

}

#pricepoint .pence {
	font-size: 26px;
	font-weight: bold;
	letter-spacing: -2px;
}

#pricepoint .inc-vat {
	background: url(/pics/hosting/1monthfree/vat-crossout.png) no-repeat left 2px;
	font-size: 10px;
	color: #a6a6a6;
}

#pricepoint .normal-price {
	font-size: 10px;
	display: block;
}

#pricepoint .normal-price strike {
	text-decoration: none;
	background: url(/pics/hosting/1monthfree/normalprice-crossout.png) no-repeat left 2px;
}

.package #box-content {
	background: url(/pics/hosting/2010packages/box_bg.png) no-repeat left bottom;
	padding: 11px 0 1px 8px;
	overflow: hidden;
	height: 236px;
}

.package #box-content p {
	margin: 0;
	width: 246px;
}

.package #box-content ul {
	padding: 0;
	margin: 0px 0 15px 0 ;
}

.package #box-content li {
	background: url(/pics/hosting/2010packages/red-tick.png) no-repeat 0px 3px;
	list-style-type: none;
	padding: 5px 0 0px 27px;
	font-size: 11px;
	font-weight: bold;
}

.package #box-content #package-links {
	overflow: hidden;
	margin: 5px 0px 10px 0px;
}

.package #box-content #package-links li {
	background: none;
	padding: 0;
	float: left;
}

.package #box-content #package-links #more-info {
	background: url(/pics/hosting/1monthfree/more-info.png) no-repeat left top;
	width: 135px;
	text-indent: -3000px;
}

.package #box-content #package-links #more-info a {
	display: block;
	height: 51px;
}

.package #box-content #package-links #buy-now {
	width: 88px;
	text-align: center;
	padding: 16px 5px 0 0;
}

.package #box-content #package-links #buy-now a {
	background: url(/pics/hosting/2010packages/blue-arrow.png) no-repeat 71px 3px;
	text-decoration: underline;
	display: block;
}

#software-icons {
	padding-top: 20px;
	clear: both;
	display: block;
}

.keyfeatureslanding {
	margin:0;
	padding: 30px 0px 0px 0px;
	clear:both;
	overflow: hidden;
}

.keyfeatureslanding li {
	background:url(/pics/hosting/2010packages/icon-unlimited.png) no-repeat top left;
	list-style-type:none;
	margin: 0px 0px 25px 0px;
	padding: 3px 0px 0px 53px;
	float: left;
	width: 208px;
	height: 83px;
	overflow: hidden;
	/*border: 1px solid #000066;*/
}

.keyfeatureslanding h1 {
	margin-bottom: 35px;
}

.keyfeatureslanding h2 {
	margin: 0 0 5px 0;
	font-size: 12px;
}
.keyfeatureslanding p {
	margin: 0;
	padding: 0;
}

.keyfeatureslanding .rightcolum { 
	margin-left: 20px;
}

#ten-years {
	background:url(/pics/hosting/2010packages/icon-10years.png) no-repeat top left;
}

#secure-data {
	background:url(/pics/hosting/2010packages/icon-secure.png) no-repeat top left;
}

#customer-supp {
	background:url(/pics/hosting/2010packages/icon-customer-supp.png) no-repeat top left;
}



/************TABLE************************/

table.nhpackages {
	width: /*890px*/auto;
	margin: 0 0 20px 0;
	padding:5px;
}

table.nhpackages th p {
	margin: 5px 0px 9px 0px;
	font-size: 11px;
	color:#666666;
	line-height: 12px;
	display: block;
	text-align: left;
}

table.nhpackages th a {
	text-decoration: none;
}

thead th span.pricedescription {
	display: block;
	font-size: 11px;
	color: #00aee7;
	font-weight: bold;
}

thead th span.packprice {
	margin-top: 2px;
	font-size: 42px;
	font-weight: bold;
	color: #00aee7;
	letter-spacing: -2px;
	line-height: 32px;
	display: inline-block;
}

thead th span.packtypetitle {
	vertical-align: middle;
	float: right;
	font-weight:bold;
	font-size:28px;
	color:#000;
	line-height:77px;
	padding-right:30px;
}
thead th span.packpricetitle{
	vertical-align: middle;
	font-weight:bold;
	font-size:12px;
	color:#00aee7;
	float: right;
	padding-right:30px;
}
thead th span.packsavetitle{
	vertical-align: middle;
	font-weight:bold;
	font-size:12px;
	color:#666;
	float: right;
	padding-right:30px;
}

thead th span.packoffer {
	vertical-align: middle;
	text-align: left;
	color:#F00;
	font-size:16px;
	line-height:15px;
}

thead th span.packtype{
	vertical-align: middle;
	text-align: left;
	font-size:28px;
	color:#000;
	line-height:24px;
}

thead th span.packdesc {
	margin: 5px 0 20px 0;
	vertical-align: middle;
	font-size:11px;
	color:#666;
	line-height:12px;
	/*display: block;*/
	width: 140px;
}


thead th span.packprice .pence {
	font-size: 33px;
}

thead th span.packpriceperiod {
	text-align: left;
	font-size:12px;
	font-weight:bold;
	color:#00aee7;
}

thead th span.pack-vat {
	background: url(/pics/hosting/1monthfree/strikethrough-VAT.png) no-repeat left 2px;
	margin-bottom: 0px;
	font-size:11px;
	color:#666;
}


thead th span.packsave {
	background: url(/pics/hosting/2010packages/strikethrough.png) no-repeat left 5px;
	text-decoration: none;
	vertical-align: top;
	border-top:1px dotted #999;
	text-align: left;
	font-size:12px;
	color:#666;
	display:block;
	padding-top: 4px;
	margin-top:6px;
	font-weight: bold;
}

thead th .payment-options a {
	margin-top: 7px;
	text-decoration: underline;
}


/* PACKAGE TABLE STYLING*/
table.nhpackages th {
	border-right: 1px solid #92cde9;
	height: 28px;
	vertical-align: top;
	padding: 0px 10px 0 14px;
	text-align: left;
}

table.nhpackages th.headertitles {
	/*background: url(/pics/hosting/2010packages/hdr_title.png) no-repeat right top;*/
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #92cde9;
	width: 38%;
	/*padding-left: 72px;*/
}

table.nhpackages #bottom-cells {
	border-bottom: none;
}

table.nhpackages th#last{
	border-bottom: none;
	text-align: right;
	/*padding-left: 72px;*/
}

table.nhpackages td {  
	border-right: 1px solid #92cde9;
	border-bottom: 1px solid #92cde9;
	text-align: left;
	height: 28px;
	vertical-align: middle;
	padding: 6px 10px 6px 9px;
	font-size: 11px;
}

table.nhpackages td.buynow {
	padding-left: 5px;
}
table.nhpackages td.windows {
	border-bottom: none;
	padding-top: 10px;
}

table.nhpackages td.linux {
	border-bottom: none;
}

table.nhpackages td#more-info {
	font-weight: bold;
	padding-left: 32px;
	padding-top: 2px;
	font-size: 12px;
}

table.nhpackages td.lastcell {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 7px;
}

table.nhpackages th.bottom-header {
	padding-top: 15px;
}

table.nhpackages tr.last td, table.nhpackages tr.last th {
	border-bottom: 0px;
}

table.nhpackages tbody th {
	border-bottom:1px solid #92CDE9;
	border-right:1px solid #92CDE9;
	font-size:11px;
	height:28px;
	line-height:13px;
	padding:4px 7px 11px 15px;
	text-align:right;
	vertical-align: middle;
}

table.nhpackages tfoot td {
	border: none;
}

.nhpackages tfoot .addbutton, .nhpackages thead .addbutton, .nhpackages .addpackagebutton {
	margin: 5px 10px 10px 10px;
}
table.nhpackages td.stancol {
	background-color:#e1f3f9;
	}
table.nhpackages td.premcol{
	background-color:#f0f9fc;
	}
table.nhpackages td.strapbanner{
		background: url(/pics/hosting/2010packages/strapbanner_bg.png) repeat-x left top;
		line-height:30px;
		padding:0px;
		border-bottom:none;
	}
table.nhpackages td.strapbanner span{
		background: url(/pics/hosting/2010packages/strapbanner_left.png) no-repeat left top;
		line-height:30px;
		display:block;
		padding-left:10px;
		color:#FFF;
		font-weight:bold;
}
table.nhpackages td a {
	color:#264675;
	text-decoration:underline;
}

table.nhpackages td.strapbanner a {
	color:#fff;
	text-decoration:underline;
}

table.nhpackages td.strapbanner a:hover {
	color: #fff;	
}
table.nhpackages td.strapbanner a.selected {
	color: #fff;
}


/*table a.hosting-help {
	background: url(/pics/hosting/2010packages/info_icon.png) no-repeat left top;
	display: inline-block;
	text-align: left;
	height:16px;
	width:16px;
	margin-left: 5px;
	text-indent: -3000em;
}*/
table a.hosting-help {
	background: url(/pics/hosting/2010packages/info_icon.png) no-repeat scroll left top transparent;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-indent: -3000em;
	top: 4px;
	width: 16px;
}


/************SPECIAL OFFER CORNER SPLASH************************/

#specialoffer {
	width: 169px;
	height: 169px;
	position: absolute;
	right: 0px;
	top: 0px;
	border-top: 1px solid #FFF;
}






/*************GENERIC FOOTER************************/

#landingfooter {
	background: url(/pics/hosting/2010packages/bg_footer.png) repeat-x left bottom;
	padding: 0 0 0 20px;
	clear: both;
	height: 127px;
	border: 1px solid #FFF;
}

#landingfooter h4 {
	font-size: 18px;
	margin: 47px 115px 5px 0px;
	color: #000;
}

#landingfooter p  {
	margin: 0 115px 5px 0px;
	padding: 0;
}
#landingfooter em {
	font-style: normal;
	color: #282064;
}

#landingfooter .buynow {
	float: left;
	margin-top: 41px;
}
#landingfooter .specialoffer {
	float: right;
	margin-top: 0px;
}

#landingfooter .offerterms {
	margin: 0px 0px 5px 0px;
}

/***************PACKAGE FOOTER****************/

.packagefooter {
	background: url(/pics/hosting/2010packages/bg_packagefooter.png) repeat-x left top;
	height: 120px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	padding: 20px 13px 0 20px;
	overflow: hidden;
	margin-top: 20px;
}

.packagefooter h3 {
	background:url(/pics/hosting/2010packages/footer_heading.png) no-repeat left top;
	line-height: 24px;
	text-indent: -3000px;
}

.packagefooter p {
	width: 336px;
	margin-top: 6px;
}

.packagefooter img {
	float: right;
	padding-top: 37px;
}


#hostingSignupForm {
	margin: 14px 23px;
}

#hostingSignupForm .smallink {
	margin-right: 26px;
}
#carousel #carouselContent {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	width: 565px;
	height: 95px;
}
#carousel .js #slideone,
#carousel .js #slidetwo,
#carousel .js #slidethree,
#carousel .js #slidefour {
	position: absolute;
	top: 0;
	left: 0;
	width: 580px;
}

#carousel .js #slidetwo,
#carousel .js #slidethree,
#carousel .js #slidefour {
	left: 580px;
}