/* CSS Document */
html, body {
	height:100%;
}
#fade_edges, #wrapper {
	height:auto;
	min-height:100%;
}
* html #fade_edges, * html #wrapper {
	height:100%;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:+1.4;
	background:url(../../img/template/bg_body2.png) repeat-x top;
	padding:0px;
	margin:0px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color:#8E001C; 
}
a:hover {
	text-decoration:underline;
}
div.greyborder {
	border:1px dashed #999;
	padding:20px;
}
table.labelTable caption {
	display:none;
}
table.labelTable th {
	vertical-align:top;
	text-align:left;
	padding-right:20px;
}
table.labelTable td {
	padding-bottom:15px;
}
table.testimonial {
	color: #000000;
	background-color: #EDE8EE;
	border-collapse:collapse;
	border: 1px solid #777;
}
table.highlightbox {
	color: #000000;
	background-color: #FFFFFF;
	border-collapse:collapse;
	border: 1px solid #777;
}
.bold {
	font-weight:bold;
	}
img {
	border:0px;
	margin:0px;
	padding:0px;
	}
form fieldset {
	margin-bottom:10px;
	padding:0px 20px 20px 20px;
}
form fieldset legend {
	font-weight:bold;
	margin:0px 10px 20px -20px;
	padding:0px 10px;
	color:#000000;
}
form fieldset p {
	margin-top:0px;
}
form div.textrow label {
	width:90px;
	font-weight:bold;
	float:left;
	position:relative;
	top:2px;
}
form div.textrow {
	margin-bottom:6px;
	float:center;
}
form div.checkboxrow {
	clear:left;
	margin-bottom:-10px;
}
form div.checkboxrow input {
	display:inline;
	float:left;
}
form div.checkboxrow label {
	float:left;
	margin-left:6px;
}
form div.hintrow {
	color:#777;
	font-size:.8em;
	margin-left:90px;
	margin-bottom:6px;
}
label.inside {
	display:none;
}
#fade_edges {
	width:996px;
	margin:0 auto;
	background:url(../../img/template/fade_edges.png) repeat-y;
}
#wrapper {
	width:972px;
	margin:0 auto;
	color:#000;  /* PB: Main content default text colour, was #333, then #222 */
}
#header {
	height:242px;
	background:url(../../img/template/bg_header2.jpg) no-repeat;
	}
#header h1 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}
	#header h1 a {
		height:150px;
		display:block;
		width:300px;
		}
#header3 {
	height:242px;
	background:url(../../img/template/bg_header5b.jpg) no-repeat;
	}
#header3 h1 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}
	#header h1 a {
		height:150px;
		display:block;
		width:300px;
		}
#letterhead {
	display:none;
}
ul.hlist {
	display:inline;
	margin:0px;
	padding:0px;
	}
	ul.hlist li {
		display:inline;
		padding:0px;
		margin:0px;
		}
#bookmarkmenu {
	font-size:.85em;
	margin:0px;
	padding:0px 24px;
	float:right;
	text-align:right;
	height:22px; /* PB: was 36 */
	line-height:22px;
	vertical-align:middle;
	}


#menu1 {
	font-size:.85em;
	margin:0px;
	padding:0px 24px;
	text-align:right;
	background:url(../../img/template/bg_menu1a.jpg) no-repeat;
	height:22px; /* PB: was 36 */
	line-height:22px;
	vertical-align:middle;
	}
	#menu1 ul li,
	#footer ul li {
		padding:0px 10px 0px 10px;
		border-right:1px solid #666666;
		}
	#menu1 ul li.start,
	#footer ul li.start {
		padding-left:0px;
		}
	#menu1 ul li.end,
	#footer ul li.end {
		border-right:0px;
		padding-right:0px;
		}
#menu2 {
	height:30px; /* PB: was 44 */
	width:972px;
	background:url(../../img/template/bg_menu2a.png) no-repeat;
}
#menu2 div	{
	position:relative;
	float:left;
	margin:0px; 
	padding:0px;
	height:44px;
	overflow:hidden;/* for ie to hide extra height*/	
	}
#menu2 div a {
	display:block;
	font-size:11px;
	height:44px;
	display:block;
	float:left;
	color:black; 
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
#menu2 div a:hover {
	color:#fff;
	}
#menu2 div img {
	height:44px; 
	border:0px;
	}
#menu2 div a:hover img{
	visibility:hidden;
	}
#menu2 div span {
	position:absolute;
	left:30px;
	top:15px;
	text-align:center;
	width:150px;
	cursor:pointer; 
	visibility:hidden;
	}	
#menu3 li {
	margin-right:10px;
}
#menu3 {
	margin-bottom:12px;
}
#signup {
	float:right;
	position:relative;
	margin-top:-74px;
	margin-right:20px;
	}
	#signup p {
	font-size:16px;
	float:right;
	position:absolute;
	margin:0px;
	padding:0px;
	margin-left:-500px;
	margin-top:23px;
	width:430px;
	font-weight:bold;
	line-height:1.2em;
	text-align:center;
	display:inline;
	}
	#signup form {
		display:inline;
		margin:0px;
		padding:0px;
	}
	#signup form label {
		display:none;
	}
	#signup .textrow {
		clear:left;
		margin-top:2px;
		margin-bottom:0px;
	}
	#signup .buttonrow {
		margin-top:3px;
		clear:left;
	}
	#signup .textrow input {
		display:inline;
		font-size:11px;
	}
div.inlinesignup {
	padding:20px;
	background-color:#ffffcc;
	border:1px solid black;
	}
	div.inlinesignup p {
		margin-top:0px;
		}
	div.inlinesignup .link {
		margin-top:10px;
		}
div.inlinebuynow {
	padding:20px;
	text-align:center;
}
#content {
	margin-top:-110px; /* PB: Added to move content section upwards */
	padding:20px;
	}
	#content h1 {
		font-size:1.6em; 
		margin-bottom: 0px; /* PB: Added to remove spacing after heading */
		padding-bottom: 0px; /* PB: Added to remove spacing after heading */
		margin-top: 0px; /* PB: Added to set space before heading - FIXED IE vs. Firefox differences in top spacing */
		padding-top: 10px; /* PB: Added to put space before heading for IE */
		}
	#content h2 {
		font-size:1.5em;
		}
	#content h3 {
		font-size:1.2em; /* PB: Added to set default font size in IE */
		}
#breadcrumb {
	font-size:.85em;
	}
	#breadcrumb ul li {
		padding:0px 18px 0px 5px;
		background:url(../../img/template/bg_breadcrumb.gif) right no-repeat;
	}
	#breadcrumb ul li.start {
		padding:0px 18px 0px 0px;
	}
	#breadcrumb ul li.end {
		padding:0px 0px 0px 5px;
		background:none;
	}
	#breadcrumb ul li.startend {
		padding:0px 0px 0px 0px;
		background:none;
	}
#fade_footer {
	width:996px;
	margin:0 auto;
	height:24px;
	background:url(../../img/template/fade_footer.png) no-repeat;
	}
#footer {
	font-size:.85em;
	width:972px;
	margin:0 auto;
	padding-bottom:5px; /* PB: changed from 20 */
	}
.icon {
	width:16px;
	height:16px;
	vertical-align:middle;
}
.exerpt {
	margin-bottom:10px; /* PB: changed from 20px to 10px */
	/* border-top:1px solid #BBB; */ /* PB: solid line, light grey colour) */
	/* border-top:1px dashed #ccc; */
	padding-top:10px;   /* PB: changed from 20px to 10px */
	}
	.exerpt .title {
		font-weight:bold;
		font-size:1.1em;
		}
	.exerpt .details {
		margin:6px 0px;
		}
	.exerpt p {
		margin:4px 0px 0px 0px;
		padding:0px;
		}
hr {
	border-top:1px solid #777;
	/* border-top:1px dashed #ccc; */
	border-bottom:0px solid #ffffff;
	border-right:0px solid #ffffff;
	border-left:0px solid #ffffff;
	color:#ffffff;
	}
.flashyheader {
	margin-top:20px;
	text-align:center;
	border:2px dashed #999;
	}
	.flashyheader h1 {
		text-align:center;
		}
	.flashyheader p {
		font-size:1.3em;
	}
.clearFloat { /* to clear the floating divs within the wrapper tag */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}			
.paymethods {
	margin:10px;
	text-align:center;
}
#alert {
	margin-bottom:20px;
	padding:6px;
	text-align:center;
	font-weight:bold;
}
#alert.working {
	background-color:#efefef;
	color:#000;
}
#alert.working a {
	display:block;
	color:#000;
}
div#alert.success {
	background:#009900 url(../../img/bg_alert_success.jpg?1) top repeat-x;
	color:#fff;
}
#alert.success a {
	display:block;
	color:#fff;
}
#alert.failure {
	background:#990000 url(../../img/bg_alert_failure.jpg) top repeat-x;
	color:#fff;
}
#alert.failure a {
	display:block;
	color:#fff;
}

@media print {
	#alert {display:none;}
	#header {display:none;}
	#letterhead {display:inline; float:right; margin-top:-20px;}
	.addthis_toolbox {display:none;}
	#wrappper, #content {width:auto;float:none;margin-top:0px;}
	#menu1 {display:none;}
	#menu2 {display:none;}
	#menu3 {display:none;}
	#signup {display:none;}
	#footer {display:none;}
	body {font-size:1em; height:auto;}
	.paymethods {display:none;}
}