@import "ie6win.css";
@import "ie7win.css";

/* graphico.co.uk */

/* default headers */
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h1,h2,h3  
{
	margin: 0 0 1em 0; 
	padding: 1em 0 0 0; 
}

h1, h2, h3, h4, h5, h6 ,strong { font-weight: bold;  }

abbr,acronym 
{
	border-bottom: 1px dotted #fff;
	cursor: help;
}
 
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}

blockquote, ul, ol, dl 
{
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}

p, ol, ul, dl, h4, label
{
	font-size: 1.1em;
	line-height: 1.4;
}               

ol, ul, dl 
{
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}

ol li 
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}

ul li 
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}

dl dd 
{
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th,td 
{
	/*borders and padding to make the table readable*/
	border: 1px solid #4b7339;
	padding: .5em;
	background: #099900;
}

th 
{
	/*distinguishing table headers from data cells*/
	font-weight: bold;
	text-align: center;
}

caption 
{
	/*coordinated marking to match cell's padding*/
	margin-bottom: .5em;
	/*centered so it doesn't blend in to other content*/
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	color: #25DB00;
}

p, fieldset, table, .register, .ui
{
	/*so things don't run into each other*/
	margin-bottom: 1em;
}

.invisible { display: none; }

/* Hide content for visual users. E.g. skip links	*/
.hide
{
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* Can't hide legends cross browser with negative text indent */
legend.hide
{
	/*
		font-size: 0.005em;
		visibility: hidden;
	*/
	display: none;
}

fieldset
{
	border: 0;	
}

/* Used to space an ellipse nicely */
.ellipse { letter-spacing: -0.15em; }

.replaceMe  
{
	background: #fdee03;
	color: #ee1d18; 
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* Generic Levin image replacement -  
   http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{ 
	position: relative; 
	margin: 0px; 
	padding: 0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
}

.replace span
{
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/ 
}

/* more often than not.. */
li  
{
	float: left; 
}
#bd li { float: none; }

/* default label styles */
label, .label, #hd input, #bd input, #ft input .input, select, .submit, textarea, .chkbox, .captcha, .radio, .date
{
	display: block;
	float: left;
	margin: 10px 0 0 0;
	clear: left;
	width: 60%;	
}

#bd .signin input
{
	width: 170px;
}

#bd .panel label, #bd .panel input 
{ margin-top: 5px; }

#bd .payment label, #bd .payment .label, #bd .payment input, #bd .payment .date
{ width: 50% }

#bd .payment .date select
{ width: 50px }

#bd .payment .fixed { width: 30px; }

.captcha
{
	margin: 7px 0 0 0;
}

.captcha img
{
	margin-left: 2px;
	margin-top: 10px;
}

input, select, textarea { width: 250px; }
.panel input { width: auto; }

label, .label { font-weight: bold; } 

#hd .chkbox input, #bd .chkbox input, #ft .chkbox input,
#hd .chkbox label, #bd .chkbox label, #ft .chkbox label,
#hd .submit input, #bd .submit input, #ft .submit input,
#hd .radio input, #bd .radio input, #ft .radio input,
#hd .radio label, #bd .radio label, #ft .radio label,
.date select
{
	display: inline;
	float: none;
	clear: none;
	margin: 0;	
	width: auto;
}

#bd .radio,
#bd .radio label,
.captcha,
.captcha label
{
	width: auto;
}

.rbList
{
	float: left;
	width: auto;
	margin: 4px 5px 0 0;
}

.rbList li, .nameValuePair li

{
    list-style: none;
}

.mmyy select { width: 50%; }

#bd .radio input,
#bd .submit input 
{ margin-right: 5px; }

#bd input.submit  
{
	clear: left; 
	margin-top: 10px;
}    

/*	For evil CMSs */
u { text-decoration: none; }

/*	Site Default Styles		*/
body
{
	font: 69% Tahoma, Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	min-width: 890px;
}

.container 
{
  font-size: 1em;
  width: 890px;
  margin: 0 auto;
  text-align: left;
}

.infopanel {
    width:225px;
    float:left;}
    
.content  {
    float:left;
    padding-bottom:45px;
    padding-left:20px;
    width:645px;}
    
.content .panels {
    margin-left:-20px;}

#hd .logo  
{
	padding-top: 10px; 
	padding-bottom: 10px;
}

.col 
{
  float: left;
  margin-right: 10px;
  min-height: 600px; 
}

.panels .last,
.last 
{ margin-right: 0; }

#hd .container .logo { float: right; }
.navigation li	{ list-style: none;	}

.primary ul		 
{
	 margin: 0; 
	 /*background: url(../../SiteImages/lnk-navprimary.jpg) top left no-repeat;*/
	 height: 36px;
}
.primary li		 
{
	/*margin-right: 2px;*/
 } 

.primary  { padding-top: 50px;	}

.primary a, .primary a span
{
	background-image: url(../../SiteImages/lnk-navprimary.jpg);
	background-repeat: no-repeat;
	height: 36px;
	display: block;
}

.primary #pnHome, 
.primary #pnHome span	
{ 
	width: 25px; 
	background-position: 0 0;
}
 
.primary #pnHome:hover, 
.primary #pnHome:hover span,
.primary #pnHome:focus, 
.primary #pnHome:focus span	
{ 
	background-position: 0 -36px;
}
 
.primary #pnAbout, 
.primary #pnAbout span		
{ 
	width: 74px; 
	background-position: -26px 0;
}

.primary #pnAbout:hover, 
.primary #pnAbout:hover span,
.primary #pnAbout:focus, 
.primary #pnAbout:focus span
{ background-position: -26px -36px; }
 
.primary #pnOrder, 
.primary #pnOrder span		
{ 
	width: 110px;
	background-position: -101px 0; 
}

.primary #pnOrder:hover, 
.primary #pnOrder:hover span,
.primary #pnOrder:focus, 
.primary #pnOrder:focus span
{ background-position: -101px -36px; }

.primary #pnAccount, 
.primary #pnAccount span,
.primary #pnAccount:visited, 
.primary #pnAccount:visited span	
{ 
	width: 100px; 
	background-position: -210px 0; 
}

.primary #pnAccount:hover, 
.primary #pnAccount:hover span,
.primary #pnAccount:focus, 
.primary #pnAccount:focus span
{ background-position: -210px -36px; }


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

.primary #pnPartners, 
.primary #pnPartners span,
.primary #pnPartners:visited, 
.primary #pnPartners:visited span	
{ 
	width: 84px; 
	background-position: -310px 0; 
}

.primary #pnPartners:hover, 
.primary #pnPartners:hover span,
.primary #pnPartners:focus, 
.primary #pnPartners:focus span
{ background-position: -310px -36px; }

.primary #pnProService, 
.primary #pnProService span,
.primary #pnProService:visited, 
.primary #pnProService:visited span	
{ 
	width: 99px; 
	background-position: -394px 0; 
}

.primary #pnProService:hover, 
.primary #pnProService:hover span,
.primary #pnProService:focus, 
.primary #pnProService:focus span
{ background-position: -394px -36px; }

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


h1#txtRightTrack, h1#txtRightTrack span
{
	height:210px;
    text-indent:-9999px;
    width:664px;
	background: url(../../SiteImages/h1-righttrack.gif) top left no-repeat;
}

h1#txtRightTrack, h2#txtLabels
{ 
	margin-bottom: 15px; 
	margin-left: 0;
}

h2#txtLabels, h2#txtLabels span
{
	width: 664px;
	height: 102px;
	text-indent:-9999px;
	background: url(../../SiteImages/h2-labels.gif) top left no-repeat;
}

a#lnkOrder, a#lnkOrder span
{
	width: 273px;
	height: 38px;
	background: url(../../SiteImages/lnk-upload.jpg) top left no-repeat;
}

a#lnkOrder 
{
	display: block;
	margin-bottom: 20px; 
}

p#txtFewTracks, p#txtFewTracks span {
    width:218px;
    height:31px;
    background: url(../../SiteImages/txtFewTracks.jpg) top left no-repeat;
}  

#bd
{ 
	background: #067401 url(../../SiteImages/div-bd.jpg) top left repeat-x; 
	color: White;
}

#bd a:link,
#bd a:visited,
#bd a:hover,
#bd a:active
{ color: White; }

#bd a:hover { text-decoration: none; }
#bd a:focus  
{
	text-decoration: none; 
	background: #fff;
	color: #144400;
}

.panels { padding-bottom: 20px; }

.panel
{
	float: left;
	width: 215px;
	margin-right: 10px;
	padding-bottom: 5px;
	background: #0d8c00 url(../../SiteImages/div-panel.jpg) bottom left repeat-x; 
	position: relative;
}

.ProPanel {
    width:271px;
    float:left;
    margin-right:8px;
    padding:10px;
    font-weight:700;}
    
.ProPanel.last {
    margin-right:0;}
    
.ProPanel.middle {
    width:272px;}
    

.panel.largePanel {
    background: #0d8c00 url(../../SiteImages/div-panel-large.jpg) bottom left repeat-x; 
}

.panel .gutter
{
	background: url(../../SiteImages/div-panel.jpg) top left repeat-x; 
	padding: 10px 20px 0 20px;
	min-height: 22.1em;
}

.panel.largePanel .gutter {
    background: #0d8c00 url(../../SiteImages/div-panel-large.jpg) top left repeat-x; 
    min-height: 58.75em;
}

.orderReport   
{
	margin: 0;
	bottom: 10px; 
	position: absolute;
	right: 20px;
	background: transparent url(../../SiteImages/lnk-report2.jpg) top left no-repeat;
}

#bd .orderReport a
{
	display: block;
	line-height: 2.3;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 10px;
	color: #105401;	
	padding-right: 45px;
}

#col2 .panel .gutter { min-height: 0; }

.panel h3  
{
	margin: 0; 
	font-size: 1.6em;
	padding-top: 0;
}

.panel ul { margin-left: 1.5em; }

.order h3		  
{
	color: #25DB00; 
	font-weight:bold;
	font-size: 1.8em;
}
.order h3 .price { color: White; display: block;}

#col2 .panel h3  
{
	margin-bottom: 1em;
}


.panel .signin,
.panel .voucher,
.panel .pricing 
{
	margin: 0;
	
		position: absolute;
		left: 0;
	/*
		position: relative;
		left: -20px;
	*/
}

#col2 .panel .signin,
#col2 .panel .voucher,
#col2 .panel .pricing 
{ 
	position: static; 
	width: 215px;
	margin-left: -20px;
}


.panel fieldset,
.panel .pricing .gutter 
{
	background: url(../../SiteImages/fieldset-default.jpg) top left no-repeat;
}

.panel fieldset { width: 175px; }

.panel .pricing .gutter 
{
	min-height:5em;
	padding: 0;
	width: 215px;
}

.panel .signin,
.panel .voucher,
.panel .pricing li
{
	background: url(../../SiteImages/fieldset-default.jpg) bottom left no-repeat;
}

.panel fieldset
{
	margin: 0;
	padding: 10px 20px;	
}

.panel .pricing li
{
	list-style: none;
	width: 215px;
}

.panel .signin,
.panel .voucher
{ min-height: 137px; }

.panel .voucherIntro
{
	margin-bottom: 28px;
}

.panel .signin,
.panel .voucher,
.panel .pricing li 
{ padding-bottom: 5px; }

.panel .pricing .price,
.panel .pricing .desc
{	
	bottom: -5px;
	position: relative;		
}

.panel .pricing .price
{
	float: right;
	line-height: 42px;
	font-size: 1.8em;	
	background: url(../../SiteImages/arrow-default.jpg) 100% 50% no-repeat;
	padding-right: 30px;
	margin: 0.7em 5px 0 0;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

.panel .pricing .desc
{
	float: left;
	margin-left: 20px;	
}

.panel .pricing .desc span
{
	font-size: 1.2em;
	font-weight: bold;
}

.panel .signin p 
{ padding: 0 20px; }

p.total
{
	margin: 0 0 25px 0;
	padding-top: 10px;
	font-size: 1.6em;
	color: #1ecf00;
	font-weight: bold; 
}

.ads  
{
	padding-top: 22px;
	margin-bottom: 20px;
}

#ft { color: #a3a3a3; }

#ft a:link,
#ft a:visited,
#ft a:hover,
#ft a:active
{ color: #a3a3a3; }

#ft { color: #a3a3a3; }

#ft .tertiary ul
{
	margin-top: 0;
	min-height: 46px; /* Vertical alignment of list with logo */
	line-height: 46px; /* Vertical alignment of list with logo */
}

#ft p {
	float: right;
	min-height: 46px; /* Vertical alignment of text with logo */
	line-height: 46px; /* Vertical alignment of text with logo */
}

#ft .tertiary li a 
{ 
	border-right: 1px solid #a3a3a3;
	padding-right: 10px;
	margin-right: 10px;
	text-decoration: none;
}

#ft .tertiary li a:hover,
#ft .tertiary li a:focus 
{ 
	text-decoration: underline; 
	color: #787878;
}

#ft .tertiary li.last a 
{ 
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
#ft .tertiary,
#ft .logo
{ 
	float: left;
}

.logo a { display: block; }

#col1 { width: 665px; }
#col2  
{
	width: 215px; 
	padding-top: 5.8em;
}
#col3 { width: 535px; }

#col2 .panel
{
	float: right;
	margin-right: 0;
	/* min-height: 240px; */
	margin-bottom: 1em;
}

#col4 { 
    width: 890px;
    background: #0d8c00 url(../../SiteImages/Col4BG.gif) center repeat-y;  }

#col4 h1 { margin:0; padding:0;}

.register, .invite, .ui
{ 
	background: #0d8c00 url(../../SiteImages/div-ui.jpg) bottom left no-repeat; 
	padding-bottom: 5px;
}

/* Darius - 13/01/09 - fix for HP QC 598 */ 
.invite {width:535px;}
/* end fix */


.register fieldset, .invite fieldset, .ui fieldset
{ 
	background: #0d8c00 url(../../SiteImages/div-ui.jpg) top left no-repeat; 
	padding: 10px 20px;
	margin-bottom: 0;
}

.ui fieldset.payment
{
	background: transparent none;
	margin-bottom: 15px;
}

.ui fieldset.payment legend,
p.paymentAmount
{
	font-size: 1.5em;
	font-weight: bold;
}

.invite fieldset  
{
	min-height: 400px; 
	display: block;
}

h1			{ color: #25db00; }	
.preInput	{ margin-left: 20px; }

table
{
	border-collapse: collapse;
	width: 100%;
}

.captchaMessage { display: none; }

.msg
{
	background: White;
	padding: 20px;	
	font-size: 1.1em;
	margin-bottom: 1em;
	color: Red;
	margin-left: 0;
	margin-right: 0;
}

.panel .msg
{
	padding: 5px;	
	margin-bottom: 5px;
}

.msg ul
{
	font-size: 1em;
	margin-bottom: 0;
}

.panel .msg ul
{
	margin-top: 5px;
}

.ui p { width: 75%; }

.ui { width: 535px; }
.ui h2  
{
	margin-top: 0; 
	font-weight: normal;
	padding-top: 0;
}
.ui h2 span { font-weight: bolder; }

dl.faq 
{
	width: 534px; 
	padding: 0 0 5px 0;
	background: url(../../SiteImages/ul-faq.jpg) bottom left no-repeat; 
}
dl.faq, dl.faq dd
{
	margin-left: 0;
	margin-right: 0;
}

dl.faq dt
{
	background: url(../../SiteImages/ul-faq.jpg) top left no-repeat; 
	padding: 5px 10px 0 10px;
	font-weight: bold;
}

dl.faq dd
{
	padding: 0 10px 0 10px;
}
ol.terms	{ margin-left: 2.5em; }
ol.terms li { margin-bottom: 0.5em; }

.debt
{
	background: #163e00;
	border: solid 1px #4c733a;
	padding: 10px;	
}

.debt p
{
	margin-bottom: 0;
}

.debt p span
{
	font-weight: bold;
}

.date label	{ display: none; }

#bd a.pdf  
{
	background: url(../../SiteImages/lnk-pdf.gif) top left no-repeat;
	padding-left: 16px;
	line-height: 16px;
	display: block;
}

/*	RM - new content 16/12/2008 */
.ui h2.termsHeader
{
	clear: both;
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

.termsDisplayPanel
{
	width: 100%;
	height: 250px;
	overflow: auto;
	border: 1px solid #0b6201;
	padding: 5px;
}

.termsDisplayPanel p
{
	width: auto;
}

ol.mainTerms ol li
{
	list-style-type: none;
}

/*	Subnumbers hard coded. Chop on, CSS3 support */
ol.mainTerms ol li .hardNumber
{
	margin-left: -2em;
}

/*Pagination*/
#optionalFeedback,
.paginationContainer
{
	padding-bottom: 5px; /* 10px looks weird - line height is off */
}

.listPagination
{
	float: right;
}

#bd .listPagination li
{
	float: left;
	padding: 0 3px 0 3px;
	list-style: none;
}

.listPagination li a
{
	padding: 0 3px 0 3px;
}

.listPagination li span
{
	background-color: #099900;
	padding: 0 3px 2px 4px;
	color: #fff;
}

p.resultsStatement
{
	float: left;
	margin: 0;
	padding: 0;
}

#optionalFeedback 
{
	float: left;
	margin-right: 20px;
}

#optionalFeedback p
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #333333;
}

.ctaCopy
{
	font-size: 1.5em;
}


/* Darius - 06/01/09 */
.faqBtn {
	width:113px; height:22px; margin:10px 0;
	display:block;  text-indent:-99999px;
	background: transparent url(../../SiteImages/faqBtn.gif) top left no-repeat;}
	
/* Darius - end */	

.contentImageBlock {
    padding:1em 0 1.5em;}

.contentImageBlock .imageBlock {
    float:left;
    width:200px;
    margin:0.4em 0 0;
    padding:0;}
    
.contentImageBlock .contentBlock {
    float:left;
    width:319px;
    margin:0;
    padding:0 0 0 15px;}
    
.proServiceBottom {
    background:#fff;
    padding:8px;
    border-bottom:1px solid #096A01;}
    
.proServiceBottom a {
    float:right;}


/*	RM 07/01/09 - DM changes affected other things. Deleted and fixed another way */
/*	Spotted a problem with teh checkbox while amending the form background image - fix that while I am here */
#bd .signUp .chkbox
{
	width: auto;
}
/*	End RM fix */