@charset "utf-8";
/* CSS Document */

/* Colours
	Orange text: #f90;
	yellow: #fco
*/

/* Contents 
	1 = html (tags)
	2 = structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = tables 
	7 = hacks 
*/


/* 1 HTML */
html {
	background:#000 repeat-x url(../images/build/background.gif) center top;
}
img {border:0;}
body {
	background:no-repeat url(../images/build/bannerbackground.gif) center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	color:#CCC;
}
/* 1 HTML ENDS */


/* 2 STRUCTURE */
div.siteholder {
	width:980px;
	margin:0 auto;
}
div.top {
	height:24px;
	padding:11px 25px 0 25px;
	font-size:80%;
}
div.floatitleft {
	float:left;
}
div.floatitright {
	float:right;
}
div.header {
	height:178px;
	margin-bottom: 20px;
}
div.bannerarea {
	width:980px;
	height:178px;
	text-align:center;
}
div.bannerarea img {
	vertical-align: middle;	
}
div.content {
	float:right;
	width: 750px;
}
img.imageright {
	float:right;
	margin:20px;
}
.imageleft {
	float:left;
	margin: 0 20px 0 0;
	display: inline-block;
}
div.footer {
	clear:both;
	border-top:solid #F90 4px;
	background-color:#333;
	padding:12px 25px;
	font-size:70%;
	color:#CCC;
	margin-top:10px;
}
div.footer ul {
	margin:6px 0 0 0;
	padding:0;
	list-style:none;
}
div.footer li {
	padding:0 15px 0 8px;
	background:no-repeat url(../images/build/arrow.gif) left;
	display:inline;
}
div.footer a {
	color:#ccc;
	text-decoration:none;
}
div.footer a:hover {
	color:#fff;
}
div.bottom {
	text-align:right;
	padding:10px 0;
	color:#666;
	font-size:70%;
}
div.greybox {
	padding:10px;
	background:#222;
	margin-bottom: 1px;
	width: 730px;
}
div.greyboxright {
	display: inline-block; 
	float: left;
	width: 250px;
}
/*2 STRUCTURE ENDS*/


/*3 NAVIGATION */
div.navigation {
	float:left;
	width:196px;
	font-size:90%;
}
div.navigation ul{
	padding:0;
	margin:0;
	list-style:none;
}
div.navigation ul li{
	padding:0;
	margin:0;
	border-top:solid #444 1px;
	border-bottom:solid #000 1px;
	background-color:#222;
}
div.navigation ul li a{
	width:167px;
	text-decoration:none;
	color:#CCC;
	padding:7px 4px 7px 25px;
	margin:0;
	display:block;
	background:no-repeat url(../images/build/bullet.gif) left;
}
div.navigation ul li a:hover, div.navigation ul li.selectiontop a:hover, div.navigation ul li.selected a:hover {
	background-color:#111;
	color:#FFF;
}
div.navigation ul li.selected a{
	background:no-repeat url(../images/build/bulleton.gif) left;
}
div.navigation ul li.selection, div.navigation ul li.selectiontop{
	border:none;
}
div.navigation ul li.selection a{
	background-image:none;
}
div.navigation ul li.selectiontop a{
	background:no-repeat url(../images/build/bulletondown.gif) left;
}
div.navigation ul li.selectiontop ul li.selection a{
	background-image:none !IMPORTANT;
}
div.floatitleft a {
	color: #fc0; 
	text-decoration: none;
}
/*3 NAVIGATION ENDS*/


/*4 TEXT*/
h1, h3, .colouredtext {
	color:#F90;
}
h1, .largetext {
	font-size:160%;
}
h1 {
	font-weight:normal;
	margin:0;
	padding-bottom: 10px;
}
h2 {
	font-size:120%;
	margin:0;
	color:#FC0;
	padding:5px 0;
	font-weight: normal;
}
h3 {
	font-size:110%;
	margin:0;
	padding:5px 0;
}
div.greyboxright h1, div.greyboxright h2, div.greyboxright h3, div.greyboxright p {
	margin: 0;	
	padding: 0;
}
hr {
	clear:both;
	height:11px;
	border:0;
	background: repeat-x url(../images/build/horizontalrule.gif);
}
div.content ul {
	list-style:none;
	margin:8px 0;
	padding:0;
}
div.content li {
	padding-left: 15px;
	background:no-repeat url(../images/build/arrow.gif) left;
}
div.content a {
	color:#FC0;
	text-decoration:none;
}
div.content a:hover {
	color:#fff;
}
div.bottom a{
	color:#666;
	text-decoration:none;
}
div.bottom a:hover{
	color:#999;
}
p.question {
	font-size: 130%;
	font-style:italic;
	color: #f90;
	width: 100%;
	padding: 5px;
	margin: 10px 0;
	background: #333;
	border: 1px solid #555;
	
}
/*4 TEXT ENDS*/


/*5 FORMS*/
div.content form {
    padding:0;
    margin:0 0 10px 0;
	width: 682px;
}
div.content input[type="text"],div.content input[type="password"], div.content textarea, div.content select {
    border:1px solid #555;
    margin:10px 0;
    padding:2px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    background:#333;
    color:#ccc;
}

div.content input[type="text"],div.content input[type="password"], div.content textarea {
    width:500px;
	margin: 5px 0;
}
div.content input[type="checkbox"] {
    border:0;
    margin-bottom:10px;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
}
div.content form label {
    width:180px;
    float:left;
    display:block;
    padding-top:3px;
	margin: 5px 0;
}
div.content form .nostyle {
    width:auto;
    display:inline;
    float:none;
   	margin: 5px 0;
}
table.trolley select {
	color: #fff;
	width: 100px;
}
table.trolley select option {
	
}
div.checkboxgroup {
	display:inline-block; 
	float: left; 
	width: 500px; 
	margin: 10px 0;
	background:#333;
	border:1px solid #555;
	clear: right;
	padding: 5px 0;
}
div.top form {
    padding:0;
    margin:0;
    vertical-align:top;
}
div.top form label{
    padding:2px 0;
    margin:0;
    vertical-align:top;
}
div.top input.searchbox{
    background-color:#000;
    border:solid 1px #666;
    color:#CCC;
    font-size:90%;
    height:16px;
    line-height:inherit;
    margin:0 8px;
    padding:0 0 0 4px;
    vertical-align:top;
    width:110px;
}
div.greyboxright form {
	width: 300px !IMPORTANT;
}
div.greyboxright form label, div.greyboxright form select {
	/*width: auto !IMPORTANT;	*/
}
input.disabled {
	border: 1px solid #505050;
	background: #505050;
}
input.required, textarea.required, input, textarea {

	/*width: 200px;*/
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #96001e;
}

input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	color: #fc0;
	margin: 0 70px 0 0;
	font-size: 90%;
	float: right;
}
.custom-advice {
	color : #fc0;
}

/*5 FORMS ENDS*/


/*6 TABLES*/
table.trolley {
	margin: 0;	
}

table.trolley th {
	text-align: left;
	color: #000;
	background: #fc0;
	line-height: 30px;
	padding: 0 0 0 5px;
	font-weight: normal;
}
table.trolley td {
	border-bottom: 1px dotted #999;	
	padding: 10px 0;
}
table.trolley td a {
	text-decoration: none;	
}
/*6 TABKES ENDS/


/*7 HACKS */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/*7 HACKS ENDS */