/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */
/* END UNDO */

/*
COLOURS

007EA4 link blue
42515A body grey
F3F2D4 cream

*/

/* ----------------------------------------------- */
/* =CONTAINERS */

body {
  margin: 0;
  padding: 0;
  border-top: 4px #354149 solid;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
  font-size: 62.5%;
  line-height: 1.4em;
  background: #42515A url("http://hostingdept.co.uk/inc/img/backgrounds/body.jpg") center top no-repeat;
  color: #42515A;
}
#skiplinks {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
#wrapper {
  position: relative;
  width: 832px; 
  margin: 20px auto 20px auto;
  padding: 20px; /* see IE.css */
  background: #F7FCFE;
  border: 1px solid #2F3E46;
}
#primary {
  float: right;
  width: 810px;
  padding: 20px 0;
  border-top: 4px solid #ddd;
}
#primary p,
#primary ul,
#primary ol,
#primary dl,
#primary h2,
#primary h3,
#primary h4,
#primary h5,
#primary h6,
#primary blockquote,
#primary cite  {
  width: 600px;
}
#footer {
  clear: both;
  text-align: center;
  width: 800px; 
  padding: 10px 0 0 0;
  color: #ccc; 
  background: url("http://hostingdept.co.uk/inc/img/backgrounds/dot.gif") left top repeat-x;
}


/* ----------------------------------------------- */
/* =TYPOGRAPHY */


img {
  border: 1px #ddd solid;
  float: right;
  margin: 4px 0px 8px 8px;
}
#primary p {
  clear: none;
  font-size: 1.2em;
  line-height: 1.8;
  margin: 0 0 1em 0;
  padding: 0;
}
#primary blockquote {
  margin: 0 0 1em 0;
  padding: 0 0 0 10px;
  border-left: 4px #ccc solid;
  width: 432px; /* see IE.css */
  color: #777;
}
#primary blockquote p {
  margin: 0;
}
code {
  font-size: 1.2em;
}
cite {
  display: block;
  font-style: normal;
  margin: 0 0 3em 0;
  padding: 0;
  color: #999;
}
.strikethrough {  
  text-decoration: line-through; 
} 
acronym,
abbr {
  cursor: help;
  border: 0;
} 
#primary acronym {
  font-family: Georgia, "Times New Roman", Times, Serif;
  border-bottom: 1px #777 dotted;
} 
#primary abbr {
  border-bottom: 1px #777 dotted;
} 
/* -------- */
/* =LINKS */
a,
a:link 
a:active,
a:visited {
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
  color: #007EA4;
}
a:hover {
  border-bottom: 1px solid #42515A;
  color: #42515A; 
  text-decoration: none;  
}
a.image,
a:hover.image { 
  border: 0; 
}
a.external {
  background:url("../../inc/img/backgrounds/external_grey.gif") no-repeat 0px 0.0em;	
  padding-left: 16px;
  text-decoration: none;
  border: none;
}
a:hover.external, 
ul.external li a:hover  {
  background:url("../../inc/img/backgrounds/external_grey.gif") no-repeat 0px 0.0em;	
  padding-left: 16px;
  text-decoration: none;
  color: #333; 
  border: none;
}
a:visited.external{
  text-decoration: line-through;
  border: none;
}

#branding {
  float: left;
  margin: 0 20px 2em 0;
  padding: 12px 15px;
  border: 1px #ddd solid;
  color: #007EA4;
  background: #fff;
}
#branding:hover {
  background: #f7f7f7;
}
#branding img {
  float: none;
  margin: 0;
}


#footer a {
  color: #ccc;
}
#footer a:hover {
  color: #333;
}

/* ---------- */
/* =HEADINGS */
h1, h2, h3, h4 {
  font-weight: bold;
  padding: 0;
  margin: 1.6em 0 .5em 0;
  clear: both;
}
h1 {
  font-weight: normal;
  font-size: 36px;
  height: 124px;
  background: url("http://hostingdept.co.uk/inc/img/backgrounds/dot.gif") left bottom repeat-x;
  margin: 0;
}
h1.sIFR-replaced {
  margin-top: -20px;
  height: 144px;
}
h2 {
  font-size: 1.4em;
  border-top: 1px #eee solid;
  padding-top: .5em;
  font-family: Georgia, "Times New Roman", Times, Serif;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-weight: normal;
  font-size: 1.1em;
  text-transform: uppercase;
}
h5 {
  font-size: 1em;
  text-transform: uppercase;
}
h6 {
  font-size: 1em;
}
/* -------- */
/* =LISTS */
ul, ol, dl {
  font-size: 1.2em;
  line-height: 1.8;
  margin: 0 0 1em 0;
  padding: 0;
}
#header{
	width: 800px;
	float: left;
	margin-bottom: 20px;
}
#primary ul, 
#primary ol, 
#primary dl {
  margin: 0 0 1em 20px;
  padding: 0 0 0 20px;
}
#primary ul{
  list-style: disc;
}
#primary ol {
  list-style: decimal;
}
ul li ul {
  font-size: inherit;
  padding: 0 0 0 10px;
}
dl dt{
  margin: 1.5em 0 0.25em 0;
  font-weight: bold;
  padding: 0;
}
dl dd{
  margin: 0.25em 2em 0 0;
  padding: 0;
}

/* -------- */
/* =TABLES */

table {
  padding: 2px;
  margin: 1em 0 2em 0;
  font-size: 100%;
  line-height: 1.2;
}
#primary table h3,
#primary table h4 {
  margin: 0;
  display: inline;
  font-weight: bold;
  width: 300px;
}
table h4 {
  text-transform: none;
  color: #fff;
}
#primary table h3 {
  text-transform: none;
  color: #fff;
  font-size: 2em;
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, Serif;
}
tr { 
  border-color: #ccc; 
}
th, td {
  margin: 0;
  padding: 6px;
  color: #42515A;
  font-size: 1.1em;
  text-align: left;
}
thead th,
tbody th,
tfoot th {
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 4px;
  margin: 0;
  background-color: #aaa;
  color: #F3F2D4;
  border-color: #999;
}
tbody th {
  color: #F3F2D4;
  text-transform: none;
}


/* Support Matrix table */
thead td ,
thead td.included {
  background-color: #fff;
  font-weight: bold;
  font-size: 1.3em;
}
td.charge {
  background-color: #E3E3DC;
}
td.included {
  background-color: #F3F2D4;
}
td.first {
  padding: 6px;
  border-left: 1px #ccc solid;
  background-color: #fff;
  color: #42515A;
  font-weight: bold;
}

/* Compare Packages table */
#compare-packages tbody .first {
  background: #E3E3DC;
}
.featured td {
  color: #007EA4; 
  background: #F3F2D4;
}
td.starter ,
td.advanced {

}
#price td {
  font-size: 2.8em;
  letter-spacing: -0.05em;
}
#price td.first  {
  font-size: 1.3em;
}


/* -------- */
/* =hCARD */

address {
  font-style: normal;
  font-size: 1.1em;
  margin: 0 0 1em 0;
}
address .org {
  font-weight: bold;
  margin: 0 0 0 30px;
}
address span {
  display: block;
}
address .locality,
address .postal-code,
address .number {
  display: inline;
}
address .number,
address .tel {
  font-family: Georgia, "Times New Roman", Times, Serif;
  letter-spacing: 0.05em;
}
address .adr {
  margin: 0 0 10px 30px;
}
address .note {
  margin: 10px 0 0 0;
}
address .nickname,
address .role,
address .title,
address .geo,
address .tz,
address .url {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.email {
  background:url("http://hostingdept.co.uk/inc/img/backgrounds/icon_mail.gif") no-repeat 0 .2em;
  padding-left: 16px;
}
.tel {
  background:url("http://hostingdept.co.uk/inc/img/backgrounds/icon_phone.gif") no-repeat 0 .1em;	
  padding-left: 16px;
}

/* ----------------------------------------------- */
/* =TOOLS */

/* apply to any element that appears at top of page 
to neutralise top padding/margin */
.first{
  clear: both;
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}	
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-table;}

/* ----------------------------------------------- */
/* =MISC CLASSES */

/* intro box */
.summary,
.intro {
  clear: none;
  margin-top: 1em;
  font-family: Georgia, "Times New Roman", Times, Serif;
  font-size: 2em;
  line-height: 1.1;
}
#primary .summary p,
#primary .intro {
  line-height: 1.4;
}
.summary em {
  font-style: normal;
  font-variant: small-caps;
}


#primary p.meta {
  color: #777;
  margin-bottom: 0;
}
#primary p.footnote {
  clear: both;
  font-size: 1.1em;
  color: #aaa;
}
p.price {
  text-align: right;
}
#primary .action {
  clear: both;
  padding: 10px;
  border: 1px #ddd solid;
  background: #F3F2D4;
}

#primary ul.icons {
  list-style: none;
  margin: 1em 0;
  padding: 10px;
  width: 578px;
  border: 1px #ddd solid;
  background: #fff;
}
#primary ul.icons li {
  float: left;
  width: 142px;
}
#primary ul.icons img {
  float: none;
  margin: 4px 0 0 0;
  border: 0;
}
#primary ul.large li {
  height: 150px;
}
#primary ul.small li {
  height: 100px;
}


#primary .teasers {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  font-size: 1em;
}
#primary .teasers p {
  margin: 0;
}

.boxout {
  clear: both;
  float: right;
  padding: 10px;
  border: 1px solid #ccc;
  width: 160px; 
  background: #F3F2D4;
  margin: 20px 0 0 20px; /* see IE.css */
}
#primary .boxout h5,
#primary .boxout ul,
#primary .boxout p {
  width: 160px; 
}
#primary .boxout p {
  font-size: 1.1em;
  line-height: 1.4;
  margin: 0;
}

#primary .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.4;
}

#primary .checklist,
#primary .tickbox {
  list-style: none;
  margin-left: 0;
}
#primary .checklist li,
#primary .tickbox li {
  background:url("http://hostingdept.co.uk/inc/img/backgrounds/accept.gif") no-repeat 0 .3em;	
  padding-left: 24px;
}


/* ----------------------------------------------- */
/* =FORMS */

.form-wrapper {
  width: 450px;
  margin-top: 20px;
}
form fieldset {
  border: 0; 
  margin: 0; 
  padding: 0;
}
.accountlabInput,
input, textarea {
  float: right;
  border: 1px #ccc solid;
  margin: 4px 0 1em 0;
  padding: 4px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Heletica, Arial, sans-serif;
  font-size: 1.2em;
  background: #F2F4E2;
}
label {
  clear: none;
  float: left;
  font-weight: normal;
  font-size: 1.2em;
  margin: 0;
  padding: 4px 0 1em 0;
  width: 100px;
}

.spam-filter label {
  width: 80px;
}

/*generic zem elements*/

.zemContactForm input.zemText,
.zemContactForm textarea.zemTextarea {
  width: 340px;
}
.zemContactForm fieldset input.zemCheckbox {
  clear: none; 
  float: right;
  margin-right: 335px;
  border: 0;
  padding: 0;
  background: transparent;
}
.zemContactForm .zemSubmit {
  clear: both;
  float: right;
  padding: 4px 10px;
  margin: 0 0 0 101px;
  background: #007EA4;
  color: #fff;
}
#primary ul.zemError {
  list-style: none;
  margin-left: 0;
  padding: 10px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
}
#primary .zemError li {
  background:url("http://hostingdept.co.uk/inc/img/backgrounds/error.gif") no-repeat 0 .1em;	
  padding-left: 30px;
}



/* ----------------------------------------------- */
/* =LOCALISED */

body.glossary #primary ul {
  margin: 1.6em 0 0 0;
  padding: 0;
  list-style: none;
}
body.glossary #primary ul li  {
  clear: both;
}

body.glossary #primary ul li a {
  clear: both;
  float: left;
  width: 140px;
}

body.glossary #primary ul li p {
  font-size: 1em;
  float: right;
  width: 300px;

}

body.small-print #primary ul *,
body.small-print #primary ol *,
body.small-print #primary li * {
  font-size: 1em;
  margin-left: 0;
  padding-left: 0;
}

body.small-print #primary ol ol {
  list-style: none;
}

body.small-print #primary ol ol span {
  font-weight: bold;
}

body.how-to #primary h2,
body.how-to #primary h3,
body.how-to #primary h4,
body.how-to #primary h5,
body.how-to #primary h6,
body.how-to #primary p {
  clear: none;
}
body.how-to #primary img {
  clear: none;
  float: none;
}


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/
/* @group accountlab */
#basket_body .accountlabFormTABLE
{
	padding: 0px;
	margin: 0px;
}
tbody#member_section tr
{
	background-color: #ededed;
	color: #383838;
}
#basket_body .accountlabFormTABLE
{
	background-color: #ddd;
	color: #383838;
}
#basket_body .accountlabFormTABLE tr,
#basket_body .accountlabFormTABLE td,
#basket_body .accountlabFormTABLE tbody
{
	color: #383838;
}
table tbody,
#basket_body .accountlabFormTABLE td
{
	border: 1px solid #fff;
}
.accountlabFormHeaderFont
{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.accountlabFieldCaptionTD
{
	border: 1px solid #ccc;
	background-color: #E3DAB3;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.accountlabAltDataTD
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #F1F1F1;
	color: #000000;
	font-size: 12px;
}
.accountlabColumnTD{
	border-top: 1px solid #E3DAB3;
	border-left: 1px solid #E3DAB3;
	border-bottom: 1px solid #E3DAB3;
	border-right: 1px solid #E3DAB3;
	background-color: #E3DAB3;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.accountlabColumnTDred{
	border-top: 1px solid #F4F0E0;
	border-left: 1px solid #F4F0E0;
	border-bottom: 1px solid #F4F0E0;
	border-right: 1px solid #F4F0E0;
	background-color: #F4F0E0;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.accountlabDataTD
{
	border-top: 1px solid #9C929C;
	border-left: 1px solid #9C929C;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #EDE7EE;
	color: #000000;
	font-size: 12px;
}
.accountlabSeparatorTD
{
	height: 0px;
}
.accountlabFooterTD
{
	border: 1px solid #CFC6D0;
	border-color: #336699;
	background-color: #CFC6D0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
a.accountlabSorterLink:link,a.accountlabSorterLink:visited
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.accountlabSorterLink:hover,a.accountlabSorterLink:active
{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none; 
}
a.accountlabDataLink:link,a.accountlabDataLink:visited
{
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}
a.accountlabDataLink:hover,a.accountlabDataLink:active
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
a.accountlabNavigatorLink:link,a.accountlabNavigatorLink:visited
{
	color: #000000;
	font-size: 12px;
	text-decoration: underline;
}
a.accountlabNavigatorLink:hover,a.accountlabNavigatorLink:active
{
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
.accountlabButton
{
	border:1px solid #383838;
	background-color: #ddd;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #383838;
	margin-left: 10px;
}
input#continue.accountlabButton
{
	border:1px solid #5aad0e;
	background-color: #d4d8d0;
	color: #5aad0e;
}

input#reset.accountlabButton
{
	border:1px solid #ad210e;
	background-color: #d8cec5;
	color: #ad210e;
}

.accountlabTextarea
{
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}
.accountlabTextarea1
{
	border-bottom: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	background-color: #F1F1F1;
	font-size: 12px;
	font-family: Verdana, sans-serif;
}
.accountlabSelect
{
	font-size: 12px;
	font-family: Verdana, sans-serif;
}


/* @end */