/* CSS Document */

/* Global Styling */

*{
scrollbar-base-color: white;
scrollbar-arrow-color: #000066;
scrollbar-track-color: #CCCCCC;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

html,body{margin:0;padding:0}

body{font: 76% Tahoma, Verdana, Arial, Helvetica, sans-serif;text-align:center}

h1 { font-size: 1.1em; color:#000066; font-weight:bold;}

h2 { font-size: 1.0em; color:#000066; font-weight:bold;}

h3 { font-size: 0.9em; color: #0099FF;}

h6 { margin:0px 0px 5px 0px; font-size:1.0em;}

p,q { line-height:100% }

ol { list-style:none; margin: 10px 0 0 5px; padding:0;}

ul {list-style:none; margin: 20px 0 0 15px; padding:0;} /*Matt*/

li { padding:5px; list-style:none;}

#navigation ol{padding:3px 0px 0px 0px; margin:0px 0px 0px 0px;}

#navigation li{ color:#FFFFFF; display:inline;}

#navigation a{ color:#FFFFFF; text-decoration:none;}

#navigation a:hover {color: #0099FF;text-decoration: underline;}



img { border: 1px solid #000066; }
.centre { display:block;  margin: 10px auto 10px auto; }
.centreNB { display:block; border:none; margin: 30px auto 30px auto; }

/* Global Classes */

.float{float:left; border:none; margin:5px 5px 5px 20px;}

img.floatLeft { float:left; }
img.floatLeftNB { float:left; border:none; margin:5px 5px 5px 20px;}

img.floatRight { float:right; }
img.floatRightNB { float:right; border:none;}

.spacer{ float:left; padding:5px 10px 5px 20px; width:100px; }

.logos { float:left; display:block; margin: 5px 0 0px 15px; border:none; }


.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; }

.clear { clear:left; }

/* Layout */

.bold {font-weight:bold;}
.nobold {font-weight:normal;}


/* Forms */

.textbox {
height:16px;
width:265px;
border:1px solid #CCCCCC;
margin:0px 10px 0px 20px;
display:inline;
}

.textarea {
height:100px;
width:365px;
border:1px solid #CCCCCC;
margin:0px 10px 0px 20px;
}

.label {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size:0.9em;
display:block;
margin:10px 10px 0px 20px;
}

.requiredLabel {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size:0.9em;
color:red;
display:block;
margin:10px 10px 20px 20px;
}

.submitButt {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
padding:5px 5px 5px 5px;
margin:20px 10px 10px 20px;
border:1px solid #CCCCCC;
display:block;
}

#data_sheets .submitButt {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 5px;
border:1px solid #CCCCCC;
display:inline;
}

/* Header */
#header { height:200px; border-bottom:#000066 solid 20px; margin-bottom:10px;}

#headerLogo { float:left; width:325px;  background: url(img/headerLogo.jpg) left;}
#headerLogo { min-height:200px; }
* html #headerLogo { height: 200px; }


#contactDetails { position: relative; width: 250px; top:90px; left: 12px;}
#contactDetails { min-height:50px; }
* html #contactDetails { height: 50px; }


#contactDetails ol { padding:0; margin:0; }
#contactDetails li { padding:0; margin:0; }

#headerRight { float:right; width:441px; }

body#home #headerRight {  background: url(img/home/headerRight.jpg) right; }
body#fullWidth #headerRight {  background: url(img/home/headerRight.jpg) right; }
body#about #headerRight {  background: url(img/about/headerRight.jpg) right; }
body#history #headerRight { background: url(img/history/headerRight.jpg) right; }
body#products #headerRight { background: url(img/products/headerRight.jpg) right; }
body#vacancies #headerRight { background: url(img/vacancies/headerRight.jpg) right; }
body#location #headerRight { background: url(img/location/headerRight.jpg) right; }
body#location_map #headerRight { background: url(img/location/headerRight.jpg) right; }
body#links #headerRight { background: url(img/links/headerRight.jpg) right; }
body#delivery #headerRight { background: url(img/delivery/headerRight.jpg) right; }
body#contact #headerRight { background: url(img/contact/headerRight.jpg) right; }
body#access_keys #headerRight { background: url(img/access_keys/headerRight.jpg) right; }
body#accessibility #headerRight { background: url(img/accessibility/headerRight.jpg) right; }

#headerRight { min-height:300px; margin-top:-100px; }
* html #headerRight { height: 250px; }


/* Container */
div#container{width:768px;margin:0 auto}
div#container{text-align:left}


/* Navigation */
div#navigation{float:left;}


/* Wrapper for Content Section */
div#wrapper{float:left;}


/* Content */
div#content{width:565px; height:370px; overflow:auto; overflow-x:hidden; float:left; }

#home #content{width:515px; height:370px; float:left;}

#fullWidth #content{width:768px; height:370px; float:left; }

#contact #content{width:465px; height:370px; float:left; } 

div#floatLeft{width:140px; float:left;}

div#floatRight{width:600px; float:left;}

/* Pages with enlarged images */
body#delivery #content { margin: 0 50px 0 130px; }
body#location_map #content { margin: 0 50px 0 130px; }

#divider{float:left; margin:0px 0px 10px 0px; width:300px;}



/* Welcome */
div#welcome p{line-height:125%;}
#welcome h1 {margin:0 0 10px 20px;}
#welcome h2 {margin:0 0 10px 20px;}
#welcome h3 {margin:0 0 10px 20px; font-size:1em;}
#welcome p {margin:0 10px 10px 20px;}
#welcome ol {margin:0 20px 10px 15px;}

#welcome img { display: block; border:0; margin: 0 auto; }

#divider ol{margin-bottom:0px;}

#divider p{margin-top:0px;}

#right p{color:#000000; line-height:130%;}

.mission { color:#000066;}



body#delivery #content h2 {margin:0 0 10px 20px;}
body#delivery #content img {margin:0 0 10px 20px; border:none;}



body#location_map #content h2 {margin:0 0 10px 20px;}
body#location_map #content img {margin:0 0 10px 20px; border:none;}



body#location #right p { text-align:center; }
body#location #right img { display:block; margin:50px auto 10px auto; }


/* Testmonials */
blockquote {
	background: url(img/home/leftQuote.jpg) no-repeat;
}

blockquote p {
	display: block;
	margin: 0;
	padding: 0 35px 0 35px;
	background: url(img/home/rightQuote.jpg) no-repeat;
	background-position: bottom right;
}

/* Right Column */
div#right{float:right; width:200px;}

#home #right{float:right; width:250px;}

#contact #right{float:right; width:300px;}


#right h2, h3, p, img{margin:0 10px 10px;}


/* Latest News */
#news { height:190px; margin-bottom:10px; overflow:auto; overflow-x:hidden;}


/* Offers */
#right a,#right a:link{display:inline; color:#000066; text-decoration: underline}
#right a:active { color: #000066; }
#right a:hover {color: #0099FF;text-decoration: underline;}

/* Download */
#brochure {clear:left; margin-top:40px; }


/* Footer */
div#footer{clear:left; width:100%}
div#footer{background: #000066; color: #FFF}
div#footer p{margin:0; padding:5px 10px;}

#footer a,#footer a:link{font-weight: bold; display:inline; color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#footerLeft { float: left; width:50%; background: #000066;}

#footerRight { float: right; width:50%; text-align:right; background: #000066;}
#footerRight li { float:left; }


.copyright { margin-top:10px; text-align:center; font-size:0.8em;}