/*
	Copyright Code Computerlove Ltd 2009
	Build: 1.0.0.357
	Date: 06/10/2009 14:57:54
*/

* { margin: 0; padding: 0; }
body { background-color: #000000; color: #FFFFFF; font: 62.5%/1.4 Arial, Helvetica, Geneva, sans-serif; text-align:center; width:100%; }
a:link { color: #000000; text-decoration:none; }
a:visited, a:active { color: #000000; text-decoration:none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

button, input, textarea, select { font-size: 100%; font-family: Arial, Helvetica, Geneva, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; margin-bottom: .3em; }
h1 { font-size: 1.8333em; }
h2 { font-size: 1.6666em; font-weight:bold; margin:0 0 20px 0; }
h3 { font-size: 1.3333em; }
h4 { margin:0 0 15px 0; padding:0; font-weight:bold; }
h5 { font-size: 1.1667em; }
h6 { font-size: 1.0833em; }
p { padding: 0; margin:12px 0; }
iframe, img { border: none; }
fieldset, form { border: 0 solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul { margin-bottom: .3em; list-style: none; }
div.pre { font-size: 1.1667em; }
pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }

.adn { display: block; height: 0; overflow: hidden; width: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }

/*	Accessibility Links
----------------------------------------------- */
#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }

/*	Structure
----------------------------------------------- */
#Container { font-size: 1.1em; margin:0 auto; width: 900px; text-align:center; }
#ContentContainer { text-align:left; margin:0 auto; color:#000000; }
#Content { font-size:1.2em; float:left; width: 900px; background-color:#FFFFFF; margin-bottom:8px; }
#OneColumn { padding:25px 35px; width: 630px; margin:0 auto; }

body.popup #Container { width:500px; }
body.popup #Content { width:500px; }
body.popup #OneColumn { width:430px; float:left; }

/* font-family: Times New Roman, Georgia, Serif; font-size: 1.45em; */

/* Header 
----------------------------------------------- */
#Header { background: #000000 url(../Images/Global/mcArthurGlen.png) no-repeat center top; width:188px; margin:0 auto; }
#Header a { display:block; text-indent:-9999em; height:53px; overflow:hidden; }

/*  Navigation
----------------------------------------------- */
#NavigationPrimary { font-size: 1.1em; margin-bottom:10px; float:left; width:900px; padding:0 10px; }
#NavigationPrimary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#NavigationPrimary ul { float:left; }
#NavigationPrimary ul li { display:inline; text-align:left; border-right:solid 1px #505050; float: left; margin:0; }
#NavigationPrimary ul li.first { border-left:solid 1px #505050; }
#NavigationPrimary ul li a { color:#FFFFFF; display: block; padding: 3px 7px 0px 7px; text-decoration: none; }
#NavigationPrimary ul li a:link { color: #FFFFFF; }
#NavigationPrimary ul li a:hover { color: #FFFFFF; text-decoration:underline; }
#NavigationPrimary ul li a:active,
#NavigationPrimary ul li.active a { color: #FFFFFF; }
#NavigationPrimary ul li ul { margin:0; }
#NavigationPrimary ul li ul li { float:none; border:none; }
#NavigationPrimary ul li ul li a,
#NavigationPrimary ul li.active ul li a { color: #FFFFFF; }
#NavigationPrimary ul li.active ul li a:hover,
#NavigationPrimary ul li.active ul li a:active,
#NavigationPrimary ul li ul li.active a { color: #FFFFFF; }
#NavigationPrimary ul li.three-col ul { width:180px; }
#NavigationPrimary ul li.three-col li { float:left; width:55px; }

/* Footer
------------------------------------------------ */
#Footer { font-size: 1.1em; margin-top:7px; padding-top:7px; border-top: 1px solid #333333; text-align:left; color:#505050; }
#Footer p { line-height:0.4em; }
#FooterLinks { float:right; }
#FooterLinks ul li { float: left; }
#FooterLinks ul li a { display: block; padding: 3px 8px 0px 8px; }
#FooterLinks ul li.last a { padding-right:0px; }
#FooterLinks ul li a:link,
#FooterLinks ul li a:visited { color: #505050; text-decoration: none; }
#FooterLinks ul li a:hover,
#FooterLinks ul li a:active { text-decoration:underline; color: #505050; }
#FooterLinks ul li.active a { color: #505050; }

/*  Content Container
------------------------------------------------ */
#Content a { color:#0066CC; font-family:Arial, Sans-Serif; font-size:0.8em; }
h2.content-left { float:left; text-indent:-9999em; overflow:hidden; width:450px; height:450px; margin:0; padding:0; }
div.content-right { float:left; width:450px; height:450px; overflow:auto; line-height:1.4em; }
div#InnerContent { float:left;  padding:20px 35px; }
div.content-image { color:#FFFFFF; }
#ShoppingLocations, #CloseWindow { background:#3B3B3B none repeat scroll 0 0; border-color:#646464 #080808 #080808 #646464; border-style:solid; border-width:3px; color:#767676; display:block; height:21px; line-height:21px; text-align:center; text-decoration:none; width:170px; }
div.three-col ul { line-height:1.7em; }
div.three-col ul li { float:left; width:120px; padding:0 2px; font-size:0.9em; }

/* Biographies
------------------------------------------------ */
ul.bios li { width:100px; float:left; margin: 0 10px 10px; height:180px; }
ul.bios li img { display:block; margin-bottom:10px; }
ul.bios li span { display:block; font-size:0.8em; line-height:1.2em; }
#BioContent { float:right; width:300px; }
#BioContent span { display:block; font-size:0.9em;  font-weight:bold; }

/* Contacts 
------------------------------------------------ */
#ContactsLeft { float:left; width:170px; font-size:0.8em; line-height:1.4em; }
#ContactsRight { float:right; width:170px; margin-left:10px; font-size:0.8em; line-height:1.4em; }
#ContactsLeft p, #ContactsRight p { margin:8px 0; }
#ContactsBottom { clear:both; font-size:0.8em; padding-top:10px; }
#ContactsBottom a { font-size:1em; }

/* Careers & Press Room
----------------------------------------------- */
#OneColumn .vacancy-image { float:right; padding:20px 0 10px 10px; }
ul.fact-sheets li { background:transparent url(../Images/Content/PdfIcon.png) no-repeat 0 center; padding-left:20px; line-height:1.7em; }
#FactSheetsContainer, #PressReleases { float:left; width:500px; margin-bottom:40px; }
#FactSheetsContainer h3 { font-size:0.9em; padding-bottom:10px; }
#UkFactSheets { float:left; }
#EuroFactSheets { float:right; }
#PressReleases ul { margin-bottom:15px; }
#PressReleases span { float:right; font-size:0.8em; }

/* Portfolio Map
----------------------------------------------- */
#PortfolioMap { position:relative; }
#PortfolioMap li { position:absolute; }
#PortfolioMap li a { display:block; height:10px; width:10px; text-indent:-9999em; }


/* Popup Page Content
----------------------------------------------- */
#OneColumn .bio-image { float:left; }
#OneColumn ul li { list-style-type:disc; padding-bottom:8px; margin-left:20px; }

/* Sitemap
----------------------------------------------- */
#sitemap a { color:#333333; font-weight:bold; text-decoration:none; }
#sitemap a:hover { color:#999999; text-decoration:none; }
