/*
Print style-sheet for http://www.webfusion.co.uk
Author - PIPEX Communications Hosting Ltd. (c)2005-2006 PIPEX Communications Hosting Ltd. 
Created January 2005 - TS 
Altered March 2006 - CW
*/

/* ******************************************************************* initialise */
.hide, .url { display: none; } /* hide skip navigation + print code */
a img { border: none; } /* remove annoying borders from images nested in links */
body { font: 10pt Times, serif; color: #666; margin: 0; width: auto; } 
p, td, a, li, ul, ol, h1, h2, h3, h4, h5, h6, .textfield, .textarea	{ color: #666; font: 10pt Times, serif; padding: 0; }/* reiterate for older browsers */

/* ******************************************************************** typography  */
p, a, ul, li { font-size: 1em; }
p { margin: 0 0 0.9em 0; }
.smallprint { font-size: 0.8em; color: #666; }
.smallprint a { font-size: 1em; }
.thru { text-decoration: line-through; } 

/* headings */ 
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.5em 0; padding: 0 0 0 0px; font-weight: bold; } 
h1 { font-size: 1.3em; }
h2 { font-size: 2em; color: #666; font-weight: bold; margin-top: 10px; border-bottom: 2px solid #ccc; padding-bottom:0.1em; }  /* page title */

/* mutli=purpose sub-titles */
h3 { font-size: 1.3em; margin-bottom:0.5em; margin-top:0.7em; }
h3 a { font-size: 1em; text-decoration: none; }
h3 a:hover { text-decoration: underline; } 
h3 span { margin: 0; padding: 0; } /* so can position image if want to */
h4 { font-size: 1.1em;  }

/* title with triangle bullet */
h5 { font-size: 1.1em; height: 13px; background: transparent url(/library/images/bullet_triangle.gif) no-repeat; margin: 0 0 5px 0; } 
h5 span  { margin: 0; padding: 0; } /* positions text in relation to hoop */
h6 { margin-top: 0; margin-bottom: 5px; font-size: 1em; }

/* section coloured link boxes */
.biglink { font-size: 1.1em; height: 13px; background: transparent url(/library/images/button_neutral.gif) no-repeat; display: block; margin: 0 0 5px 0; font-weight: bold; color: #666666; padding-left: 17px; }
.domains .biglink { background: transparent url(/library/images/button_domains.gif) no-repeat; }
.broadband .biglink { background: transparent url(/library/images/button_broadband.gif) no-repeat; }
.hosting .biglink { background: transparent url(/library/images/button_hosting.gif) no-repeat; }
.ecommerce .biglink { background: transparent url(/library/images/button_ecommerce.gif) no-repeat; }
.servers .biglink { background: transparent url(/library/images/button_servers.gif) no-repeat; }
.sublink { display: none; }

/* lists */
ul { margin: 0 0 0.9em 0; padding-top: 0; padding-bottom: 0; list-style: inside disc;  }
li { margin-bottom: 0.3em; color: #666; } 
li span { color: #666; }

/* lists displaying account specifications - for colouring see bottom of sheet */
.featurelist ul, #faqspod ul { margin: 0 0 2em 0; padding-left: 0; }
.featurelist li, #faqspod li { color: #666; list-style-type: none; list-style-position: outside; padding-left: 0; margin-left: 0; }
.featurelist li strong { font-weight: normal; }


/* *********************************************************************  kill the navigation */ 
#navRowMain, #header, #navRowSub, .subNav, #footer, #sidelinks, #mininav, #sidenav, #flashWrapper, #tailor {display: none;}
#promoArea{margin:1em 0em 2em 0em;}
.widget{display:none;}


/* ********************************************************************* page layout */
/* format top half of the page */
#header {  border-top: 2px solid #ccc; padding: 0px 0 0 0;  }
#header img { float: left; margin: 0 0 3px 0; }
#header #introduction { float: right; width: 248px; }
#introduction .biglink { display: block; margin-bottom: 5px; color: #65ba3b; text-decoration: none; text-transform: uppercase; }
#introduction .biglink:hover { color: #666666; }
.right { float: right; padding-bottom: 5px; }
.right .biglink { display: inline; }
#divider { clear: both; height: 9px; background-color: #ccc; border-bottom: 1px solid #999; margin: 0 0 3px 0; } /* creates page divider graphic */


/* **************************************************************** format bottom half of the page */
#section1, #section2, #section3 { margin-bottom: 15px; } /* sets the spacing between the content and the footer */
#threecolumn #section1, #threecolumn #section2, #threecolumn #section3 { float: left; width: 252px;  }
#threecolumn #section1 /*, #threecolumn #section2 */ { margin-right: 5px; padding-left: 5px; }
.index #threecolumn #section1 { padding: 0; } /* cancels out the padding rule for home page */
#threecolumn #section3 { float: right; width: 248px; padding-top: 0px; margin-left: 4px;  }
.index #section1 a { float: left; margin: 0 0 4px 0; padding: 0; }
.index #section2 img { padding: 0; margin: 0; } 

/* format index header */
#indexheader { float: left; padding: 0; }
#indexheader2 { display: none; }
#indexheader .title { font-size: 2em; color: #fff; padding: 16px 0 0 15px; margin: 0; }
#indexheader p { font-size: 1em; color: #fff; padding: 7px 0 0 16px; margin: 0 0 6px 0; }
#indexheader a { height: 13px; background: transparent url(../../library/images/button_index.gif) no-repeat; display: block; margin: 0 0 5px 32px; font-weight: bold; padding-left: 17px; display: block; text-decoration: none; }
#indexheader a:hover { text-decoration: underline; color: #fff; }
#indexheader span { font-size: 1.1em; color: #fff; font-weight: bold; padding: 5px 0 0 2px; margin: 0; }

/* Domain pod */
.promo { display: none; } 

/* Vanilla domain name pod */
#domainsearch2 { margin: 5px 0 10px 0px; padding: 5px; background-color: #f4f4f4; border-top: 3px solid #ccc; }
#domainsearch2 h3 { margin-bottom: 5px; }
#domainsearch2 p { color: #666; padding: 0px; margin: 0 0 0 3px; font-weight: bold; font-size: 0.94em; }
#domainsearch2 .textbox {  margin: 0 0 0 3px; width: 75px;  } 
#domainsearch2 .dropdown { width: 75px; margin: 0 0 0 0px;  }
#domainsearch2 .searchbutton { padding: 0; margin: 0 0 0 0px; border: 1px solid #999; font-weight: 500; color: #666; background-color: #ccc; }

#mainColumn {clear: both;text-align:justify;}

#serverbadge { margin: 10px 5px 10px 5px; float: right; width: 150px; text-align: center; }
#serverbadge span { margin-right: 5px; }
#unmetered { background-color: #EEF0F9; border: 1px solid #DBDFF2; clear: both; }
#unmetered img { float: left; clear: left; width: 26px; margin: 5px 10px; }
#unmetered p { margin: 4px 5px 2px 0; }


/* ********************************************************************** page components */
/* format punchy blurb & images on product pages */
#producthead ul, #producthead img { float: left; }
#producthead { margin-left: 50px; }
#producthead2 { float: right; margin-right: 5px; }
#producthead2 img { float: left; }

.subland, .subland2 { display: block; width: 100%; margin: 20px 0 20px 10px; }
.subland img, .subland2 img { float: left; width: auto; margin: 0; padding: 0; }
.subland ul, .subland2 ul { float: left; }
.addonlist { float: left; margin-right: 20px; }

/* generic rules for stuff in main-column */
#ecohosting, #features, #minreq, .mainpod { clear: both; margin-top: 12px; padding-top: 12px; border-top: 3px solid #ccc; }

.mainpod table { width: 450px; margin: 0 0 0 20px; }

/* news sidepod */
.newspod { font-size: 0.9em;  }
.newspod a { font-weight: bold; font-size: 1.1em; text-decoration: none; }
.newspod p { margin-top: 0.2em; margin-bottom: 0; }
.newspod .date { color: #999999; }

/* faqs sidepod */
#faqspod a { text-decoration: none; font-weight: normal; }

/* user type page - new school */
div.usertype { clear: both; margin-top: 0px; }
div.usertype .product { margin: 0px 6px 5px 0px; float: left; width: 480px; }
div.usertype img { margin-left: 0; float: left; }
div.usertype h6 { margin: 9px 0 3px 0; }

.userintro { background-color: #f4f4f4; border-top: 3px solid #ccc; padding: 5px; }

/* for site map */
.usertype ul { margin-left: 5px; list-style-type: none; clear: both; }
.usertype ul li { display: inline; float: left; margin-right: 8px; }

/* FAQs page */
#faqsub iframe { border-top: 6px solid #ccc; padding-top: 5px; margin-top: 10px; }
#faqsub { height: 350px; overflow: auto;  margin-top: 15px; margin-bottom: 15px; padding-top: 10px; background-color: #FFFFFF; border-top: 3px solid #ccc; }
#faqsub a { display: block; color: #666; }

hr { color: #ccc; height: 2px; margin: 0; padding: 0; } /* horizontal rules */

/*tables - tables are only used for formatting tabular data */
table { text-align: center; /*margin: 15px; border-left: 1px solid #eee;*/ border-top: 2px solid #bbb; color: #666; }
table td { border-bottom: 1px solid #ccc; /*border-right: 1px solid #eee;*/ padding: 3px; text-align: center; color: #666;}
table th { background-color: #eee; font-weight: bold; color: #666; border-bottom: 1px solid #ccc; /*border-right: 1px solid #eee;*/ padding: 3px; }
table th.specheading { text-align: left; } 
table .heading { font-weight: bold; text-align: left; }

/* comparison tables */
table td.comheading { font-weight: bold; text-align: left; color: #666; }  
table td.comheading {  background-color: #F4f4f4; } 
table th.comheading { text-align: left; color: #666; }

/*.servers table .comheading { background-color: #d0dcf9; }*/

#bullets li { text-align: left; padding: 0 0 0 10px; }
#bullets2 li { text-align: left; padding: 0 0 0 100px; }
#bullets a { /*color: #666;*/ text-decoration: underline; }
#bullets a:hover { color: #FF6633; text-decoration: none; }

/* definition lists */
dl { clear: both; margin: 7px 0 5px 0px; }
dt { float: left; margin-right: 3px; }
dd { margin-left: 10px; display: block; }
dd strong, dd strong a  { color: #65ba3b; font-weight: bold; text-decoration: none;  }
dd strong a:hover { text-decoration: underline; }
 

/* ******************************************************** Generic form rules, the world over */
.btn { font-size: 11px; border: 1px solid #999; color: #666; background-color: #ccc; height: 22px; font-weight: bold; margin: 0; padding: 0; }
.checkbox { }
.textfield, .textarea { border: 1px solid #ccc; font-size: 10pt; color: #666; }
.textarea { margin-bottom: 10px; }
.textfield {  height: 20px; }
select { color: #666; font-weight: normal; }

/* MSW mini-login */
form#loginform { padding: 0; margin: 5px 0 0 0; /*border-bottom: 1px solid #ccc; */ }
form#loginform .textfield { width: 105px; height: 12px; margin: 0 0 2px 8px; font-size: 9pt; } 
form#loginform a { margin: 0 6px 0 0; }
form#loginform .loginbuttons { text-align: right; margin: 0 0 2px 0; } /* div that positions buttons at bottom */
form#loginform .btn { height: 16px; margin-right: 3px;}

/* new style contact form */
#contactform input, #contactform textarea { border: 1px solid #ccc; margin-bottom: 7px; }

.contactdetails ul { float: left; list-style-type: none; margin-right: 15px; }
.contactdetails a, .contactdetails a:hover { color: #999; }

/* Contact form */
.boxed { border: 1px solid #ccc; padding: 10px; margin-left: 10px; width: 330px; } 
.boxed2 { padding: 10px; margin: 0 auto 0 auto; width: 340px; height: 300px; }
.boxed2 h4 { margin-bottom: 1em; }
#custdetails { width: 160px; border-right: 1px solid #ccc; margin-right: 10px; float: left; padding: 0; }
#enquiry { margin: 10px 0 0 0; padding: 0; }
form#contactform label {  display: block; color: #333333; font-family: Times,  serif; font-size: 0.9em; }
form#contactform .textfield { padding-left: 3px; margin: 2px 0 10px 0;}
form#contactform .textarea { display: block; width: 316px; }
#form #contactform .btn { margin-left: 210px; } 


/* *************************************************************** order process ********** */
/*  for continuity same code as previous stylesheet */
#order { padding: 0 5px 0 5px; }
#order h3 { font-size: 1.1em; height: auto; background: none; } 
#order select { width: auto; }
#order td , #order th { text-align: left; background: none; }
.bullettitle h3 { display: inline; }

table {
	width:90%;
	text-align:right;
	margin-top:20px;
}
table td {
	padding:3px;
	text-align:right;
}
table th {
	text-align:left;
}
table td.feature {
	text-align:left;
}
#description h2 {
	font-size:1em;
}
td.pricing {
	font-weight: bold;
}
.price {
	font-weight:bold;
	font-size:1.1em;
}
td.price {
	text-align:center;
}
#description {
	text-align:left;
}
#promoArea {
	font-size:1.4em;
	border-bottom:2px solid #ccc;
	padding-bottom:1em;
}
moArea.newprice {
	padding-right:1em;
}
.configurator td {
	width:30%
}
.tombstone {
	border:2px solid #ddd;
	border-bottom:2px solid #ddd;
	padding-bottom:1em;
	margin:5em;
}
table.vpsvalue {
	float:left;
}
#allspec/*, #unixspec, #windowsspec*/ {
	width:75%;
}
#featurepoints {
	float:right;
	width:146px;
	margin-top:1em;
	padding:0;
	display:inline;
	text-align:center;
}
.hide {
	display:block;
}
#windowsfeaturetitle, #unixfeaturetitle, #tabs, .orderbutton, .noprint {
	display:none;
}
#unixtitle, #windowstitle {
	/*width: 90%;*/
	margin:1em 0em 0em 0em;
	padding:0.3em 0em;
	border-bottom:3px solid #ccc;
	border-top:2px solid #eee;
}
#allspectitle{
	/*width: 90%;*/
	margin:1em 0em -1.1em 0em;
	padding:0.3em 0em;
	border-bottom:3px solid #ccc;
	border-top:2px solid #eee;
}
#specwrapper, #resblurb {
	margin:-1em 0em 0em 0em;
}
#addaccounts {
	margin-top:0.5em;
}
/*#featurepoints,*/ #update, .updatebutton , #vps_bits img {
	display: none;
}
.newPrice {
	margin-right:0.5em;
}
#logo {
	float:right;
	margin-bottom:-38px;
}
.blinds, #account_feat, #configurator {
	width:100%;
} 
.float {
	float:right;
}
#outlook img, #antivirus img, templates img { /* for email and sharepoint */
	padding:0px 0px 15px 15px;
}
#outlook, #antivirus, #templates { /* for email and sharepoint */
	padding:15px 0px;
	border-top:2px solid #ccc;
	margin-top:20px;
}
.data th { /* for hosting->domain */
	text-align:right;
	padding-right:0px;
}
.colhead {
	text-align:right;
}


/* ******************************************* v4 product tombstones ***************** */

/* generic tombstone rules */
table.tombstone { margin:0 10px 0 0; float: left; }
.tombstone td, .tombstone th { border: 0; text-align: left; padding: 0 0 0 5px; }
.tombstone th { text-align: left; color: #0066cc; font-weight: normal; padding: 3px 0 3px 5px; }
td.pricing { padding-left: 0; }
.pricing td { text-align: center; }
td.price { padding-top: 6px; }
.upgrades ul { list-style-type: none; list-style-position: outside; margin-top: 0 !important; margin-bottom: 0.5em; }
.upgrades li { margin: 0; }

/* vps tombstone rules */
.vps .tombstone { width: 194px; }
.tombstone .trafspace td { padding-top: 8px; }
.tombstone ul { margin-top: 8px; }
/*.vps .tombstone table td { color: #0066cc; }*/
.tombstone h3 { font-size: 2em; font-weight: normal; margin: 6px 0 8px 0; }
.tombstone h3 span { font-size: 0.4em; }
.tombstone .platform a { display: block; }
.vps .tombstone a img { float: right; margin-right: 3px; }

/* hosting tombstone rules */
.hosting .tombstone { width: 146px; }
.hosting #developer.tombstone { width: 143px; }
/*.hosting .tombstone table td { color: #3d6f24; }*/
.tombstone .platform img, .tombstone .upgrades img { margin: 2px 5px 0 0; }
.tombstone td.platform, .tombstone td.upgrades { padding-bottom: 10px; }

/* servers tombstone rules */
.servers .tombstone { width: 144px; }
.servers #ds4.tombstone { width: 145px; }


/* ***************************** page bottom banners */
.bottompod { float: left; width: 146px; margin: 50px 10px 0 0; }
.bottompod h4 { margin: 5px; font-size: 1em; }
.bottompod p { margin-left: 5px; margin-right: 5px; }
.bottompod div { height: 85px; }



/*#searchagain { padding: 5px; margin: 0;} 
#search, #search2 { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px; } /* the whois form (#search2, used when using previously registered domain 
#search form#domainsearch, #search2 form#domainsearch2 { border: 0; padding: 0px;  }
#domaininfo { border: 1px dashed #999; width: 175px; padding: 5px; float: right; height: auto; }

/* *** Acount selection page *** */
#domainresults { border: 1px solid #ccc; background-color: #f3f9e8; margin: 15px 0 30px 0; padding: 5px; }
#domainresults em { font-style: normal; color: #51a127; }
div .selectaccount { height: 90px; margin: 0; padding: 0;  }
.selectpic { float: left; margin: 0 10px 0 0; padding: 0;}
.selectaccount div { border: 1px dashed #ccc; padding: 5px; background-color: #fff; margin-right: 10px;  width: inherit; float: right; } /* creates a box for the links */
.selectaccount a { font-weight: bold; margin: 0 0 3px 0; } /* generic link rules */
.details img { margin: 1px 5px 0 2px; padding: 0; } 

/* shopping-basket table */
#basket { margin: 0 auto 30px auto; border-left: 1px solid #ccc; border-top: 1px solid #ccc; width: 580px; }
#basket th { background-color: #f3f9e8; color: #333; font-weight: bold; text-align: center; }
#basket td, #basket th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px; }
#basket .btn { width: 90px; } /* shrinks delete button */

/* additional account options */
#addoptions { border: 1px dashed #ccc; padding: 5px; margin: 0 0 10px 0; }
#addoptions p { margin: 0.4em 10px 0 10px; }
#addoptions select { margin: 10px 10px 20px 20px; }

/* domain results table */
/*.domspacer { height: 300px; } /* spaces out content to ensure search again is always at bottom of page */
#domaintable { margin-left: 20px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
#domaintable td, #domaintable th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px;  }
#domaintable th { color: #7d5ba7; }
#domaincol { width: 250px;}