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

* {margin:0; padding:0;}
a {border:none; outline:none; text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none; outline:none;}

body {font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333;}

p {font-size:80%; margin:0 0 10px 0; line-height:1.6; }
p a {color:#333;}

/* Heading Style */
h1 { font-size:130%; margin:0 0 10px 0; color:#555; clear:both; text-transform:capitalize;}
.greenTitle {color:#86ab1a;}
.blueTitle {color:#2a55ad;}
.pinkTitle {color:#e34651;}
.greyTitle {color:#72736b;}
.midTitle {color:#777;}
h2 {width:180px; display:block; padding:5px; background:#4f4c52; font-size:90%; color:#f0483f; margin:0 0 5px 0; float:left;}
h3 {width:560px; float:left; color:#f0483f; border-bottom:1px dotted #ccc; font-size:80%; padding:0 0 5px 0; margin:10px 0 -10px 0;}

/* Main Elements */
#container {width:960px; margin:0 auto 0;}
#innerContainer { float:left; width:960px;}
#header {float:left; width:960px; margin:0 0 10px 0;}
#logo {float:left; width:264px; margin:0 10px 0 0; height:120px;}
.number { float:right; margin-top:15px; margin-right:14px;}

/* Top Nav */
#mainNav {float:left; width:436px; margin:21px 0 0 250px;}
#mainNav ul { list-style:none; width:436px; float:left;}
#mainNav ul li {display:inline;}
#mainNav ul li a {display:block; float:left; border-bottom:5px solid #fff; padding:5px 15px 9px 15px; margin:0 20px 0 0; text-decoration:none; text-align:center; color:#888;}
#mainNav ul li a:hover {border-bottom:5px solid #f0483f; color:#333;}
#mainNav ul li .selected {border-bottom:5px solid #f0483f; color:#333;}

/* Scroller */
#scroller {width:960px; height:250px; padding:15px 0; /*border-bottom:2px dashed #777;*/ border-top:2px dashed #777; float:left; margin:0 0 0 0;}
#smallScroller {width:960px; height:120px; padding:15px 0; border-bottom:2px dashed #777; border-top:2px dashed #777; float:left; margin:0 0 15px 0;}

#mainContent {width:960px; float:left;}
ul.exampleGallery {list-style:none;}
ul.exampleGallery li {float:left; margin:0 10px 10px 0;}
ul.exampleGallery li a {float:left;padding:2px; border:1px solid #ccc;}
ul.exampleGallery li a:hover {border:1px solid #333;}

#contentArea {width:560px; float:left;}
#contentArea ul { width:400px; margin:0 0 10px 40px;}
#contentArea ul li {margin:0 0 5px 0; width:400px; font-size:80%;}
ul.keypoints {float:left; padding:0 0 0 40px; margin:0 0 10px 0; width:500px;}
ul.keypoints li {font-size:80%; line-height:1.6;}

.indexSplash {float:left; width:960px; margin:-10px 0 15px 0; padding:0 0 15px 0; border-bottom:2px dashed #777;}
.indexSplash img {margin:0; float:left;}

.rightPanel {width:190px; float:left; margin:0 0 0 0; padding:0 0 5px 0; background:#dfdfdf;}
p.rightPanelText { margin-left: 10px; padding-right:10px; margin-bottom:5px!important;}

/* Callback Form */
.callbackForm { float:left; width:190px; background:#dfdfdf; padding:10px 0; margin:0 0 5px 0;}
.callbackForm label {width:180px; float:left;}
.callbackInput {margin:0 0 10px 6px; border:1px solid #fff; padding:5px; width:165px; border:1px solid #888;}
.callbackLegend {margin:0 0 5px 6px; font-size:90%; float:left;}
.callbackSubmit {padding:5px; margin:0; float:left; margin:0 0 0 6px; }

.specialofferBox {width:170px; float:left;display:block; background:#dfdfdf; padding:10px;}
.specialofferBox a {color:#333;}
.specialTitle {font-size:95%; font-weight:bold; margin:5px 0 0 0; float:left; line-height:1.4;}

/* BreadCrumb */
.breadCrumb { float:left; width:560px; font-size:70%; color:#555; margin:0 0 10px 0;}
.breadCrumb a { text-decoration:none; color:#555;}
.breadCrumb a:hover { text-decoration:underline}

/* Menu Top Style */
#servicesMenu {float:left; width:200px;}
.servicesTitle {float:left;text-decoration:none; color:#fff; font-size:80%; font-weight:bold; padding:5px; width:180px; background:#4f4c52;  margin:0 0 5px 0;}
.servicesTitle a {color:#fff; text-decoration:none;}

/* Colour Navigation Style */
ul.greenNav {list-style:none;}
ul.greenNav li {display:block;}
ul.greenNav li a {float:left;text-decoration:none; color:#333; font-size:80%; padding:5px; width:180px; background-color:#dfdfdf;  margin:0 0 5px 0;}
ul.greenNav li a:hover {background-color:#86ab1a; color:#fff;}
ul.greenNav li.selected a {background-color:#86ab1a; color:#fff;}

ul.blueNav {list-style:none;}
ul.blueNav li {display:block;}
ul.blueNav li a {float:left;text-decoration:none; color:#333; font-size:80%; padding:5px; width:180px; background:#dfdfdf;  margin:0 0 5px 0;}
ul.blueNav li a:hover {background:#2a55ad; color:#fff;}
ul.blueNav li.selected a {background-color:#2a55ad; color:#fff;}

ul.pinkNav {list-style:none;}
ul.pinkNav li {display:block;}
ul.pinkNav li a {float:left;text-decoration:none; color:#333; font-size:80%; padding:5px; width:180px; background:#dfdfdf;  margin:0 0 5px 0;}
ul.pinkNav li a:hover {background:#e34651; color:#fff;}
ul.pinkNav li.selected a {background:#e34651; color:#fff;}

ul.midGrey {list-style:none;}
ul.midGrey li {display:block;}
ul.midGrey li a {float:left;text-decoration:none; color:#333; font-size:80%; padding:5px; width:180px; background:#dfdfdf;  margin:0 0 5px 0;}
ul.midGrey li a:hover {background:#777; color:#fff;}
ul.midGrey li.selected a {background:#777; color:#fff;}

/* Footer */
#footer {float:left; width:940px; padding:15px 10px 10px 10px; border-top:2px dashed #777; /*background:#f0483f;*/ color:#777; font-size:70%; text-align:center; margin:10px 0 0 0;}
#footer a {text-decoration:none; color:#777; margin:0 5px 0 0;}
#footer a:hover {text-decoration:underline; color:#333;}
#footerBottom {float:left; width:960px; height:20px;}

/* Hide Pagination */
ul.pagination {display:none;}

/* Gallery */
.siteGallery {margin:0 25px 0 0; float:left; padding:5px; height:150px}
.galleryContainer {float:left; width:560px; margin:20px 0 20px 0px;}

/* Products */
.productsContainer {width:560px; float:left;}
.productBox {float:left; width:180px; margin:0 10px 10px 0; height:190px; background:#333; color:#fff;}
.productBox-last {float:left; width:180px; margin:0; height:190px; background:#333; color:#fff;}

.promoTextGreen { margin:12px 0 0 10px; float:left;}
.promoTextGreen a { text-decoration:none; color:#fff;}
.promoTextGreen a:hover { color:#86ab1a;}

.promoTextBlue { margin:12px 0 0 10px; float:left;}
.promoTextBlue a { text-decoration:none; color:#fff;}
.promoTextBlue a:hover { color:#577cc7;}

.promoTextPink { margin:12px 0 0 10px; float:left;}
.promoTextPink a { text-decoration:none; color:#fff;}
.promoTextPink a:hover { color:#e34651;}

/* Sitemap */
.sitemap { float:left; color:#555;}
.sitemap a {color:#555; text-decoration:none; font-size:12px;}
.sitemap a:hover {text-decoration:underline;}
.sitemap ul {margin:0 0 0 20px; float:left; width:400px;}
.sitemap li { width:370px; margin:0 0 5px 0; float:left; text-transform:capitalize; color:#555; font-weight:bold;}
.sitemap li a {margin:0 0 10px 0; display:block;}
.sitemap li ul {margin:20px 0 -5px 35px; float:left;}
.sitemap li ul li ul li {font-weight:normal; float:left; margin:10px 0 0 0;}

/* Forms */
.formLabel { font-size:80%; width:150px; vertical-align:top; padding:5px 0 0 0;}
.formInput input {width:390px; padding:5px; border:1px solid #bbb; margin:0 0 10px 0;}
.formInput textarea {width:390px; max-width:390px; height:150px; padding:5px; border:1px solid #bbb; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif;}
.formButton input {padding:5px 10px;}
.formLabel.error {color:#FF0000;}
.formInput.error input, .formInput.error textarea { border:1px solid #FF0000;}


.formLabelCB { font-size:80%; width:160px; vertical-align:top; padding:5px 0 0 0;}
.formInputCB input {width:160px; padding:5px; border:1px solid #bbb; margin:0 0 10px 0;}
.formButtonCB input {padding:5px 10px;}
.formLabelCB.error {color:#FF0000;}
.formInputCB.error input { border:1px solid #FF0000;}
.callbackFormCB { padding:0 0 0 6px; float:left;}

.successMessage {font-size:12px; line-height:1.6; margin:0 0 0 5px;}

.newsItemBox { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #CCC;}
.headline_Heading { font-size:95%; margin-bottom:7px;}
.headline_Heading h4 a { color:#F0483F; text-decoration:none;}
.headline_Heading h4 a:hover { text-decoration:underline;}
.headline_IntroText { font-size:80%; line-height:1.5; margin-bottom:4px;}
.headline_ReadMore a { text-decoration:none; font-size:80%; color:#F0483F; text-transform:capitalize;}
.headline_ReadMore a:hover { text-decoration:underline;}
#data_NA-001 h4 { margin-bottom:10px;}
#data_NA-001 h4 a { color:#F0483F;; text-decoration:none;}
#data_NA-001 h4 a:hover { text-decoration:underline;}
.newsDateStamp { font-size:80%; margin-bottom:4px;}
.backLink { text-decoration:none; color:#F0483F; font-size:80%;}
a.doclink { float:left; margin-bottom:20px;}
a.doclink:hover { text-decoration:underline;}
.iconDoc { float:left; display:inline;}
.nameDoc { display:inline; float:left; margin-left:10px; margin-top:8px; color:#333; font-size:80%;}