/*--------------------------------------------------
created: 07-10-2010
author: Paul Gunn ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("base.css");
@import url("enrichment.css");

body { text-align: center; font-family: Arial, Helvetica, sans-serif; background: url("../img/ui/background_diagonal.png") repeat scroll left top transparent; }
a, a:active, a:visited { color: black; text-decoration: none; }
a:hover { color:#595A5C;}


/* PAGE LAYOUT*/
.container, #global-nav, #footer { width: 958px; margin: 0 auto;}
.container {  text-align: left; /*border: solid 1px #595A5C;*/}
#header, #topbar, #banner, #content, #breadcrumbs{ float: left; clear:left;}

/* SEARCH & TOPNAV */
#topnav { height: 106px; padding-top: 44px; margin: 0; background: url("../img/ui/background_gradient.png") repeat-x scroll left top transparent; }
#topnav ul { margin: 0; float: right; text-transform: uppercase; font-size: 1.1em; width: auto}
#globalnav { }

/* HEADER */
#header { float: right; clear: none; }
#header #tagline { color: #595A5C; float: left; height: 30px; width: 170px; text-indent: -99999px; background-image: url(../img/ui/qualityforlife.png); background-repeat: no-repeat; background-position: left top; }
#header #logo { color: #E3001B; background-image: url(../img/ui/logo.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 53px; width: 123px; float: right; text-indent: -99999px;}

/* Global Nav */
#global-nav {  color: #fff; font-size: 1.2em;}
#global-nav ul, #global-nav a.home { float:left;}
#global-nav ul {margin-bottom: 0; width: 890px;}
#global-nav li { float: left; }
#global-nav li a{  padding: 0 3px; height: 30px; line-height: 30px;}
#global-nav .view, #global-nav li{}
#global-nav .view {font-size:0.9em; color:#fff; padding: 0 3px; margin: 0 10px; font-variant:small-caps;}
#global-nav .view:hover {color: #E3001B; background-color: #ddd;}
#global-nav a.home { margin-top:8px;padding: 3px;}

#search, #search_faqs { float: left; width: 195px; padding-top: 3px; margin: 0; font-size: 12px}
#search { float: right; }
#search_faqs { width: 200px; padding: 7px 0 0 50px; }
#search input, #search_faqs input {margin-right: 5px; float: left; padding: 2px 4px; font-size: 0.8em; border-color: #595A5C;}
/*#search input[type="submit"] {text-transform: uppercase; margin: 0; width: 65px; text-align:auto;}
#search input[type="submit"]:hover { background-color: #E3001B; border-color: #46484A; color: #fff; }*/
#search input[type="submit"], #search_faqs input[type="submit"] { border-color: #fff; background:#595A5C url(../img/ui/go.png) 0 -1px no-repeat; height: 19px; width:19px; text-indent:-99999px; margin-top: 1px;}
#search input:focus, #search textarea:focus, #search select:focus, #search_faqs input:focus, #search_faqs textarea:focus, #search_faqs select:focus { border-color: #E3001B; }
#search input.error, #search textarea.error, #search select.error, #search_faqs input.error, #search_faqs textarea.error, #search_faqs select.error { border-color: #f00; }


/* TOP BAR */
#topbar {background-color: #E3001B; width: 958px; height: 35px; position:relative; z-index:99;}

/* CONTENT */
#content { width: 958px; color: #e6e6e6; min-height: 400px; position: relative;  background-color: #fff;}
#content.lightbg { background-color: #E7EBEE; color: #333; }
#primary, #secondary {float: left;}

/* MAP */
#map_canvas {width: 600px; height: 420px; margin: 80px 60px;}
#map_canvas div.gmnoprint {color: #333; line-height: 1.2em;}
#map_canvas div.gmnoprint b {font-size: 1.2em; padding-bottom: 0.2em; display:block;}
#map_canvas .infowindow { width: 220px;}
#map_canvas .itemdescription { /* height: 110px; overflow-y: scroll;*/ min-height: 140px; overflow: hidden; color: #000; line-height: 15px;}
#map_canvas .itemdescription a { border-bottom: 1px dotted #000;}
#map_canvas div.gmnoprint a:hover, #map_canvas div.gmnoprint b {color: #E3001B;}
dl.locations { overflow: auto; width: 238px; border-top: 1px solid #CA001A;}
dl.locations dt { display: block; background-color: #E3001B; color: #eee !important; font-weight: bold; padding: 5px 10px; border-bottom: 1px solid #CA001A; cursor: pointer;}
dl.locations dt:hover {color: #fff !important;}
dl.locations dd, dl.locations dt {float: left; clear: left; width: 218px; padding: 5px 10px;}
dl.locations dd {width: 216px; margin-bottom: 5px; /*border: 1px solid #CA001A; border-top: none;*/}
dl.locations dd ul, dl.locations dd li {float: left; clear: left; width: 100% !important; padding:0 !important;}
dl.locations dd li { font-size: 0.8em; padding-bottom: 10px !important; margin-bottom: 10px !important; background: none !important; border-bottom: 1px solid #aaa;}
dl.locations dd ul, dl.locations dl { margin-bottom: 0 !important; }
dl.locations dd li span { display: block;}

/* PRIMARY */
#primary { clear: left; }
#primary, .header { width: 720px;}
.header { background-color: #fff; }
.header .title { padding: 27px 0 22px 35px;}

#content.lightbg .header .title { border-bottom-color: #fff;}
.title h1{ font-size: 14px; line-height: 30px; margin-bottom: 0; color:#E3190E;}
#content.lightbg .title h1{ color: #6C6F72;}
.mainImage { float: left;}

.text { margin: 70px 10px 0 10px; }

/* entry listings */
.entries, .entries li { float: left; width: 100%; }
.entries li { padding: 0 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
.entries li:last-child { border-bottom: 0; }
.entries li img, .entries li div { float: left; }
.entries li img { margin-right: 20px; }
.entries li div { width: 75%; }
.entries h3 { font-size: 1.4em; text-transform: uppercase;}
.entries h3, .entries p { color: #46484A; }
.entries a { color: #CA001A; }
.entries a:hover { color: #595A5C; }

/* SECONDARY */
#secondary { width: 238px; color: #51565A;}
#secondary div { min-height: 446px;}
#secondary div, #secondary a.link { }

#secondary h1 {font-size: 1.2em; line-height: 30px; padding: 15px 60px 4px 15px;text-transform: uppercase;}
#secondary h1, #secondary h2 { font-weight: normal;}
#secondary h2, #secondary a.link { font-size: 1.2em; padding: 10px 15px; margin:0; margin-bottom: 5px; background-color: #929A9E; color: #fff;}
#secondary h3 {  }
#secondary h3, #secondary ul {padding: 5px 15px;}
#secondary p { font-size: 1em; padding: 0 15px;}
#secondary a.link, #secondary a.link span {display: block; color: #eee !important;}
#secondary a.link { margin: 0; border-top: solid 1px #CA001A; background: #E3001B url(../img/ui/arrow.gif) 15px 50% no-repeat;  font-weight: bold;}
#secondary a.link span { padding-left: 15px}
#secondary a.link:hover span { color: #fff;}
#secondary ul li { width: 100%;}
#secondary ul { margin-bottom: 2em;}
#secondary ul li { margin: 0; width: 208px; padding-left: 15px; background: url(../img/ui/bull-line.gif) 0 6px no-repeat;}
#secondary a { color: #CA001A; }
#secondary a:hover { color: #595A5C; }

/* FOOTER */
/*
#footer { font-size:1em; clear: both; color: #fff; margin-bottom:30px; padding: 5px 0;}
#footer-nav {font-size: 1em; float: left; color:#fff; margin: 0px;}
#footer-nav li { display: inline;}
#footer #globalgraphics { float: right; line-height: 1.6em;}
#footer #globalgraphics a, #footer-nav a { color: #fff; padding: 0 3px; margin: 0 2px;}
#footer #globalgraphics a:hover, #footer-nav a:hover {color: #E3001B; background-color: #ddd;}
#footer #copy { float: left; clear: left; width:200px; line-height: 1.6em; margin-left:5px; text-align:left;}
*/

#footer_nav { margin-top: 50px; }

/* FOOTER */
#footer1 { margin-top: 30px; color: #fff; background-color: #ACACAC; width: 100%; min-height: 100px; clear: both; }
#footer2 { color: #fff; background-color: #B7B8BA; width: 100%; min-height: 100px; }
#footer1 .container { padding: 30px 0; }
#footer2 .container { padding: 10px 0; }
#footer-nav {font-size: 1em; float: left; color:#fff; margin: 0px;}
#footer-nav li { display: inline;}
#footer2 #globalgraphics { float: right; line-height: 1.6em;}
#footer2 #globalgraphics a, #footer-nav a { color: #fff; padding: 0 3px; margin: 0 2px;}
/*#footer-nav a.first { padding-left: 0;}*/
#footer2 #globalgraphics a:hover, #footer-nav a:hover {color: #E3001B; background-color: #ddd;}
#footer2 #copy { line-height: 1.6em; text-align:right; color: #666666; font-size: 12px; display: block; }

#sn { float: left; }
#sn a { display: inline-block;}
a#facebook, a#twitter { width: 32px; height: 32px; background:url(../img/sn/facebook.png) 0 0 no-repeat; text-indent:-99999px;  margin-right: 10px;}
a#facebook { margin-right: 15px;}
a#twitter { background-image:url(../img/sn/twitter.png);}

#external_sites_wrapper { float: right; margin-right: 20px; width: 219px; display: block; position: relative; }
#external_sites { background: url('../img/ui/bg_country_dropdown.png') no-repeat left top; width: 209px; height: 29px; line-height: 29px; display: block; float: right; margin-right: 20px; font-size: 12px; padding-left: 10px; color: #666666; }
#external_sites_wrapper ul { position: absolute; display: block; bottom: 17px; right: 999999px; background-color: #DBDBDB; padding: 10px; }
#external_sites_wrapper:hover ul { right: 20px; }
#external_sites_wrapper ul li a { display: block; min-width: 199px; color: #666666; }
#external_sites_wrapper ul li a:hover { color: #E41D13; }

#search { width: 230px; margin: 0; padding: 0; }
#search input.text { background-color: #DBDBDB; height: 26px; font-size: 12px; padding-left: 10px; color: #666666; margin: 0; width: 175px; border: 0;
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-bottomleft: 3px; 
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
#search input.button { width: 34px; height: 29px; text-indent: -999999px; background: url('../img/ui/bg_search_send_button.png') no-repeat left top; border: 0; }

#footer2 ul { margin-bottom: 30px; }
#footer2 ul li { display: block; width: 150px; text-align: left; padding: 5px 0; float: left; margin-right: 50px; }
#footer2 ul li span {  font-weight: bold; border-bottom: 1px solid #fff; display: block; margin-bottom: 10px; padding-bottom: 10px; }
#footer2 ul li ul li { float: none; }
#footer2 ul li a { color: #fff; }
#footer2 ul li.clear { float: none; padding: 0; margin: 0; width: auto; }