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

/*-----------GLOBAL LAYOUT STYLING-----------*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif; /*changes font for whole site*/
font-size:62.5%; /*DO NOT TOUCH*/
margin:0px;/*DO NOT TOUCH*/
padding:0px;/*DO NOT TOUCH*/
text-align:center;/*centres container div on page*/
background:url(../layoutImages/background.jpg) repeat-x #cccccc;
}

#container {
width:780px;/*Width of the central area*/
margin:45px auto;/*centres container on page*/
text-align:center; /*re-aligns text*/
background-color:#FFFFFF; /*background color, can also be a repeated image*/
padding:0px;/*IE will add padding to width, adjust width to suit*/
}

/*-------Header Styles---------------*/

#header {
width:780px; /*width should be same as graphic image*/
height:100px; /*height should be the same as graphic image*/
margin: 0px; /*Aligns header graphic*/
padding: 0px;
background:url(../layoutImages/header.jpg) no-repeat;
}

#header span {display:none;}

#header a img { border:none;}

#headerText { float:right; margin:20px 10px 5px 0px; padding:0px; color:#fff; font-size:14px; font-weight:bold; text-align:right; }

#logo {display:none;}

/*-------H1 Tags---------------*/

h1 {color:#324c82; font-weight:bold; font-size:21px; margin:4px 0px 10px 0px; padding:0px;}

h2 { font-weight:bold; font-size:14px; margin:2px 0px; padding:0px;}

h3 { font-size:12px; margin:1px 0px; padding:0px; }


/*----Content Wrapper, main body goes inside here----*/

#contentwrapper {
width:760px; /*wrapper width*/
margin:10px; /*Displaces content area from div above below and container walls*/
padding: 0px;
font-size:1.2em;
}


/*-----Navigation---------------*/

#navigation {
height:30px;
background-color: #a0b0d2;
margin:5px 0px 20px 0px;
padding:0px;
}

#navigation dl { margin: 0px; padding:4px 0px; font-size:16px; }

#navigation dd { margin:10px 0px; padding:0px 20px; display:inline; color: #fff; }

#navigation dd a {text-decoration:none; color:#fff; padding:4px 25px;}

#navigation dd a:hover {text-decoration:none; color:#000099; background:url(../layoutImages/navback.jpg) repeat-x; padding:4px 25px;}


/*---------Left Columns----*/

#left {float:left;
width:180px;
margin:0px;
padding:0px;
}

#printImage {display:none;}

.leftBox {
margin:0px 0px 10px 0px;
padding:0px;
background-color: #efefef;
border-top:10px solid #a0b0d2;
}

.leftBox a {color: #324c82;
text-decoration:underline;}

.leftBox a:hover { color:#000; text-decoration:none; }

.leftBox a img { border:none; margin:5px 0px;}

.leftBox p {
color:#324c82;
padding:5px;
text-align:left;
}

.leftBox dl {
margin: 0px;
padding:10px 0px;
text-align:left;
}

.leftBox dd {text-align:left; padding:5px; margin:0px;}

.leftBox dd a:link, .leftBox dd a:visited {
padding:3px 5px 3px 20px;
display:block;
color: #324c82;
text-decoration:underline;
background:url(../layoutImages/navNml.gif) no-repeat 0 50%;
}

.leftBox dd a:hover { color:#000; text-decoration:none; background:url(../layoutImages/navOver.gif) no-repeat 0 50%;}

.leftBox h2 {
font-size:14px;
font-weight:bold;
color:#324c82;
text-align:left;
margin:0px;
padding:5px 5px 0px 5px;
}


#main {
margin:0px 10px 0px 190px;
padding:0px;
text-align:left;
width:560px;
}

#main p, #main div {color:#333; line-height:1.4em;}


/*--#main ul {  padding:0px; list-style:square; }
#main ol {  padding:0px; list-style:decimal; }
--*/

#main li { padding:2px 0px; }

#main a:link, #main a:visited {color: #324c82; text-decoration:underline; }
#main a:hover {color:#324c82; text-decoration:none; }

#main dl {margin:0px; padding:0px;}
#main dd {margin:0px; padding:5px 0px; height:180px;}

#main dd a img {border:none;}

/*------------Image Styling-----------*/

.imageBorder {  background-color:#a0b0d2; padding:5px; margin:0px 10px 10px 0px; }
.imageBorder img {border:1px solid #fff; width:150px; height:150px; margin:0px; padding:0px;}

.left {float:left; margin:0px 10px 10px 0px;}
.right {float:right; margin:0px 0px 10px 10px;}


#footer {
background:url(../layoutImages/footer.jpg) repeat-x;
height:79px;
margin: 0px;
padding:0px;
}

#footer p {margin:0p; padding:60px 0px 10px 0px; color:#003366; font-size:1.1em; }

#footer a:link, #footer a:visited {color: #003366; text-decoration:underline;}
#footer a:hover {color:#324c82; text-decoration:none;}

/*--Image Browser Image Styling---*/

#imageBroswerWrapper { width:550px; height:257px; background-color:#000062; margin:0px 0px 10px 0px; padding:10px; }
#imageBroswerInfo {width:80px; margin:0px 5px; float:left; color:#fff; font-size:12px;}
#imageBrowserInfo h2 {font-size:12px; font-weight:bold; color:#fff; padding:0px; margin:0px;}
#imageBrowserInfo p {  padding:0px; margin:0px;}

#imageBrowserImage { width:400px; height:250px; margin:0px 5px 0px 140px; border:1px solid #fff;}

/*--IndexImage Browser Image Styling---*/

#indexImageBroswerWrapper { width:760px; height:257px; background-color:#000062; margin:0px 0px 10px 0px; padding:10px; }
#indexImageBroswerInfo {width:330px; margin:0px 0px; float:left; color:#fff; font-size:12px; text-align:left;}
#indexImageBrowserInfo h2 {font-size:12px; font-weight:bold; color:#fff; padding:0px; margin:0px;}
#indexImageBrowserInfo p {  padding:0px; margin:0px;}

#indexImageBrowserImage { width:400px; height:250px; margin:0px 5px 0px 350px; border:1px solid #fff;}


#boxBorder { text-align:center; border:1px solid #557EB6; background-color:#D5DDFF; padding:5px; margin:20px 0px; font-size:14px; }
.thumblistImg {float:left; border:1px solid #003399; margin:0px 10px 0px 0px; padding:0px;}

.thumblistImg a {border:none;}

/*------Enquiry Form-------------*/
#contactform {margin:0px 2px; padding:2px;}
#contactform p {margin: 5px 2px 2px 100px; padding:2px;}
#contactform fieldset { border:1px solid #f4f4f4;}
#contactform legend { color:#003399; font-size:12px; font-weight:bold;}

.input {border:1px solid #ccc;}
.btn {text-align:center; border:1px solid #557EB6; background-color:#D5DDFF; padding:5px; margin:20px 0px; font-size:11px; color:#003399;}

#EnqSender, #EnqCompany, #EnqReferSite, #EnqDetails, #EnqEmailSender, #EnqSubject {width:300px;}