/* COLOURS
BLUE - #356aa0
LIGHT BLUE - #7daace
RED - #D00000
*/


html, body {
height:100%;
}

body {
background:white url(images/body_bg.gif) repeat-x top;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -65px; /* the bottom margin is the negative value of the footer's height */
width:720px;
background:white url(images/wrap_bg.gif) repeat-y;
}

#footer {
height: 60px; /* .push must be the same height as .footer */
padding-top:5px;
width:720px;
margin:auto;
background:white url(images/footer_bg.gif) no-repeat;
}

.push {
height:65px;
clear:both;
}

#header {
width:720px;
height:225px;
}

#goldCrest {
width:180px;
height:225px;
margin-top:-225px;
margin-left:330px;
}

#mainMenu {
width:210px;
height:175px;
margin-left:510px;
margin-top:-225px;
}

#mainMenu a {
height:35px;
display:block;
}

#mainMenu li {
width:210px;
height:35px;
text-align:right;
font-size:11px;
text-transform:uppercase;
}

#mainMenu li#menuCap {
height:50px;
}

#mainMenu li a {
padding-right:60px;
padding-top:10px;
height:25px;
color:white;
text-decoration:none;
font-weight:bold;
}

#mainMenu li#home a { background-image:url(images/home_off.gif); }
#mainMenu li#home a:hover { background:transparent; }
#mainMenu li#home { background-image:url(images/home_roll.gif); }

#mainMenu li#about a { background-image:url(images/about_off.gif); }
#mainMenu li#about a:hover { background:transparent; }
#mainMenu li#about { background-image:url(images/about_roll.gif); }

#mainMenu li#products a { background-image:url(images/products_off.gif); }
#mainMenu li#products a:hover { background:transparent; }
#mainMenu li#products { background-image:url(images/products_roll.gif); }

#mainMenu li#faq a { background-image:url(images/faq_off.gif); }
#mainMenu li#faq a:hover { background:transparent; }
#mainMenu li#faq { background-image:url(images/faq_roll.gif); }

#mainMenu li#contact a { background-image:url(images/contact_off.gif); }
#mainMenu li#contact a:hover { background:transparent; }
#mainMenu li#contact { background-image:url(images/contact_roll.gif); }

#content {
width:680px;
margin:auto;
margin-top:20px;
}

.fade {
float:right;
width:179px;
margin-left:20px;
border-left:1px dotted #ddd;
background:white;
min-height:420px;
}

.fade ul {
width:160px;
margin:auto;
margin-left:15px;
}

.fade ul li {
width:160px;
margin:auto;
margin-top:5px;
}
/*#serviceBrands {
float:right;
width:179px;
margin-left:20px;
border-left:1px dotted #ddd;
background:white;
}

#serviceBrands li {
width:160px;
margin:auto;
margin-top:5px;
}
*/

table#brandsTable {
width:680px;
margin:auto;
border-collapse:collapse;
}

#brandsTable td {
width:170px;
text-align:center;
font-size:12px;
color:#555;
padding:2px;
border:1px solid #ccc;
}

#brandsTable td.brandsTitle {
text-align:left;
font-weight:bold;
padding:5px;
}

.colourOne td {
background:#eee;
}

h1 {
width:330px;
height:225px;
}

h2 {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
text-transform: uppercase;
color:#356aa0;
border-bottom:1px dotted #ddd;
padding:2px;
margin:5px 10px;
font-size:16px;
}

h3 {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
color:#d00000;
font-size:15px;
font-weight:bold;
border-bottom:1px solid #ddd;
margin:10px 15px;
padding:2px;
}

p {
color:#444;
font-size:12px;
margin:10px 20px;
}

p a {
color:#d00000;
text-decoration:underline;
}

p a:hover {
text-decoration:none;
}

#footer p {
color:white;
text-align:center;
font-size:10px;
margin:0;
padding:0;
}

#footer p a {
color:white;
text-decoration:underline;
}

#footer p a:hover {
text-decoration:none;
}

.lightBulb {
float:left;
margin:0 10px 0 5px;
}

.mainForm {
width:420px;
padding:5px;
margin:0px 10px 5px 10px;
float:left;
}

.mainForm fieldset {
border:1px solid #ddd;
padding:5px;
margin-top:5px;
}

.mainForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #ddd;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white;
}

.mainForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:14px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:140px;
text-align:right;
padding-top:2px;
}

.mainForm .inputField, .textField {
width:240px;
height:20px;
padding:1px;
border:1px solid #7daace;
color:#555;
float:left;
margin-bottom:10px;
font-size:12px;
}

.mainForm .textField {
height:100px;
overflow:auto;
}

.submitButton {
float:right;
background:white url(images/submitButton.gif) no-repeat;
width:131px;
height:43px;
cursor:pointer;
color:white;
font-size:14px;
font-weight:bold;
text-align:center;
margin-top:5px;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:white url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}

.checkList {
margin:10px 40px;
}

.checkList li {
min-height:20px;
background:white url(images/checkList_marker.gif) no-repeat left top;
font-size:12px;
padding-left:22px;
color:#333;
margin-top:10px;
}