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

/*  Colours
	dark red:#900;
	grey:#999;
	
	navhighlight red:#f00;
	navlowlight red:#900;
	nav red:#c00;
*/

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


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


/* 2 STRUCTURE */
div.siteholder {
    width:980px;
    margin:0 auto;
}
div.top {
    height:24px;
    padding:11px 25px 0 25px;
    font-size:80%;
    color: #fff;
}
div.floatitleft {
    float:left;
}
div.floatitright {
    float:right;
}
div.header {
    height:178px;
    margin-bottom: 20px;
}
div.bannerarea {
    width:980px;
    height:177px;
    text-align:center;
}
div.bannerarea img {
    vertical-align: middle;    
}
div.content {
    float:right;
    width: 750px;
}
img.imageright {
    float:right;
    margin-left:20px;
}
img.imageleft {
    float:left;
    margin-right:20px;
    display: block;
}
div.footer {
    clear:both;
    border-top:solid #999 4px;
    background:#900;
    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:#fff;
	text-decoration:none;
}
div.footer a:hover {
    color:#ccc;
}
div.bottom {
    text-align:right;
    padding:10px 0;
    color:#666;
    font-size:70%;
}
div.greybox {
    padding:10px;
    background-color:#eee;
    margin-bottom: 1px;
}
div.greyboxright {
    display: block; 
    float: left;
    width: 50%;
}
/*2 STRUCTURE ENDS*/


/*3 NAVIGATION */
div.navigation {
    float:left;
    width:196px;
    font-size:90%;
	margin-bottom:10px;
}
div.navigation ul{
    padding:0;
    margin:0;
    list-style:none;
}
div.navigation ul li{
    padding:0;
    margin:0;
    border-top:solid #f00 1px;
    border-bottom:solid #900 1px;
    background-color:#c00;
}
div.navigation ul li a{
    width:167px;
    text-decoration:none;
    color:#eee;
    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, div.navigation ul li.selection a:hover {
    background-color:#900;
    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;
	font-size: 80%;
}
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.navigation ul li.selectiontop a, div.navigation ul li.selection a{
    background:#a00;
}
/*3 NAVIGATION ENDS*/


/*4 TEXT*/
h1, h3, .colouredtext {
    color:#900;
}
h1, .largetext {
    font-size:160%;
}
h1 {
    font-weight:normal;
    margin:0;
    padding-bottom: 10px;
}
h2 {
    font-size:120%;
    margin:0;
    color:#c00;
    padding:5px 0;
}
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/textlistbullet.gif) top left;
}
div.content a, div.top a {
    color:#c00;
    text-decoration:none;
}
div.content a:hover, div.top a:hover {
	color:#666;
}
div.bottom a{
    color:#666;
    text-decoration:none;
}
div.bottom a:hover{
    color:#999;
}
p.question {
    font-size: 130%;
    font-style:italic;
    color: #900;
    padding: 5px;
    margin: 10px 0;
    background: #eee;
    border: 1px solid #ccc;
}
/*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 #ccc;
    margin:5px 0;
    padding:2px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    background:#eee;
    color:#666;
}
div.content input[type="text"], div.content input[type="password"], div.content textarea {
    width:500px;
}
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;
    padding-top:3px;
    clear: both;
    display: block;
    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:#eee;
    border:1px solid #ccc;
    clear: right;
    padding: 5px 0;
}
div.top form {
    padding:0;
    margin:0;
    vertical-align:top;
}
div.top form label, div.top span.register{
    padding:2px 0;
    margin:0;
    vertical-align:top;
}
div.top span.register{
	padding-left:10px;
}
div.top input.searchbox{
    background-color:#900;
    border:solid 1px #000;
    color:#fff;
    font-size:90%;
    height:16px;
    line-height:inherit;
    margin:0 8px;
    padding:0 0 0 4px;
    vertical-align:top;
    width:110px;
}
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 #900;
}

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

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

/*5 FORMS ENDS*/


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

table.trolley th {
    text-align: left;
    color: #000;
    background: #900;
    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 */