/*
   Screen.css
   Premier Textiles 2.0
   
   Created by Industry on 2009-04-20.
   www.industrydigital.co.uk
   Copyright 2009 Premier Textiles. All rights reserved.
*/


/*	Resets & Common Styles
----------------------------------------------- */

* { margin: 0; padding: 0; }
body { background: #FFFFFF url('../Images/Global/BodyBG.png') 0 0 repeat-x; color: #292829; font: 62.5%/1.4 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
html>body { font-size: 10px; }

p { margin-bottom: 1em; color: #5a5a4c; }
a, a:link { color: #ae5028; }
a:visited { color: #ae5028; }
a:hover, a:active { color: #ae5028; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }

button, input, textarea, select { font-size: 100%; font-family: Arial, "MS Trebuchet", sans-serif; }
iframe, a 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: 0; }
ul, ol, dl, li, dt, dd { list-style-type: none; }
ol li, ul li { margin-bottom: 0; }
dfn { border-bottom: 1px dotted #FFFFFF; cursor: help;}
abbr { cursor: help; }

#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.hide { display: none; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
.clearit { clear: both; }

/*	Structure & Components
----------------------------------------------- */

div#TopBorder { position: fixed; top: 0px; left: 0px; background: url('../Images/Global/BodyTopLine.png') 0 0 repeat-x; width: 100%; height: 4px; z-index: 3001; }

div#LeftBar { width: 216px; min-height: 888px; background: #FFFFFF url('../Images/Global/NavPrimaryBG.gif') 0 0 repeat-x; position: fixed; top: 4px; left: 0; }
div#LeftBar div#Cut { position: absolute; top: 0px; right: 0px; width: 15px; height: 888px; background: transparent url('../Images/Global/JaggedEdge.png') no-repeat top right; }

div#Branding { overflow: hidden; position: absolute; top: 33px; left: 23px; }
div#Branding .logo { float: left; height: 80px; width: 90px; }
div#Branding .logo a { background: transparent url('../Images/Global/Logo.png') no-repeat scroll 0 0; display: block; height: 100%; text-indent: -9999em; width: 100%; }

div#NavigationPrimary { position: absolute; top: 132px; background: transparent url('../Images/Global/WorldwideCoverage.png') 20px 310px no-repeat; font-size: 1.175em; padding: 0 0 100px; }
div#NavigationPrimary ul { margin-bottom: 1.6em; width: 212px; background: transparent url('../Images/Global/NavShim.gif') 22px 0px no-repeat; }
div#NavigationPrimary ul li { width: 100%; display: block; margin: 0px; }
div#NavigationPrimary ul li a, div#NavigationPrimary ul li a:link, div#NavigationPrimary ul li a:visited { text-decoration: none; width: 190px; display: block; padding: 2px 0 2px 22px; color: #2d2d2e; }
div#NavigationPrimary ul li a:hover, div#NavigationPrimary ul li a.active { background: #2d2d2e; color: #FFFFFF; }

div#Content { width: 705px; font-size: 1.2em; padding: 4px 0 70px; background: #FFFFFF; margin: 0 0 0 255px; height: 100%; overflow: hidden; }
div#Header { width: 100%; height: 120px; }
div#Header p { text-align: right; margin: 0px; font-weight: bold; }
div#Header p a, div#Header p a:link, div#Header p a:visited { color: #ae5028; text-decoration: none; } 
div#Header p a:hover, div#Header p a:visited { text-decoration: underline; }
div#Header p.phone { padding: 30px 0 0; color: #000000; }

div#ContentPrimary { width: 450px; float: left; margin: 0 40px 0 0; } 
div#ContentPrimary.wide { width: 100%; margin: 0; } 
div#ContentPrimary img, div#ContentPrimary iframe.google-map { border-top: 4px solid #1c1c1c; }
div#ContentPrimary iframe.google-map { margin: 0 0 2.5em; }
div#ContentPrimary .heading-image { margin: 0 0 2.5em; }
div#ContentPrimary h1 { font-size: 2.2em; color: #ae5028; line-height: 1.3em; margin: 0 0 0.600em; }
div#ContentPrimary h1 span { color: #000000; }
div#ContentPrimary p.intro { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 1.1em; color: #000000;}
div#ContentPrimary h2 { font-size: 1.5em; margin: 0.5em 0 0.2em; }
div#ContentPrimary hr { background: #FFFFFF url('../Images/Global/HR.gif') 0 0 no-repeat; border: 0; height: 6px; margin: 2.8em 0 1.4em; clear: both; }
div#ContentPrimary ul li { background: url('../Images/Global/BulletUL.png') no-repeat 0 3px; padding: 0 0 2px 16px; }
div#ContentPrimary blockquote { background: #DDD url('../Images/Global/BlockquoteBG.jpg') no-repeat scroll 0 0; padding: 38px 0 0; width: 386px; margin: 33px 0 0 28px; color: #757562; font-family: Georgia, Times, Times New Roman, serif; font-size: 1.3em; }
div#ContentPrimary blockquote div { background: transparent url('../Images/Global/BlockquoteBG.jpg') no-repeat scroll 100% 100%; padding: 0px 25px 25px; }
div#ContentPrimary blockquote cite { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; display: block; clear: both; text-align: right; font-size: 0.750em; font-style: normal; }

div#ContentSecondary { width: 215px; float: left; font-size: 0.9em; } 
div#ContentSecondary h2,
div#ContentSecondary h3 { font-weight: bold; padding: 10px 0 0; margin: 0 60px 0.7em 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
div#ContentSecondary p, div#ContentSecondary ul { margin: 0 65px 0.5em 10px; }

div#ContentSecondary div.cta-plinth { width: 213px; background: #D3D4D6 url('../Images/Global/CTAGradient.gif') 0 0 repeat-x; border-top: 4px solid #1c1c1c; border-bottom: 1px solid #bbbbbb; margin: 0 0 2em; padding: 0px; } 
div#ContentSecondary div.cta-plinth a { text-decoration: none; display: block; cursor: pointer; }
div#ContentSecondary div.cta { width: 213px; min-height: 93px; color: #000000; }
div#ContentSecondary div.cta h3 { margin-bottom: 0; padding-bottom: 0.3em; }
div#ContentSecondary div.cta p { margin-bottom: 0; }

div#ContentSecondary div.cta.fabrics { background: transparent url('../Images/Global/CTASprite.jpg') bottom right no-repeat; }
div#ContentSecondary div.cta.team { background: transparent url('../Images/Global/CTATeam.jpg') bottom right no-repeat; }
div#ContentSecondary div.cta-plinth a div.cta.serving { background: transparent url('../Images/Global/CTAServing.jpg') bottom right no-repeat; }
div#ContentSecondary div.cta-plinth.cta-top.serving { background: #D3D4D6 url('../Images/Global/CTATopServing.jpg') 0 0 no-repeat; }
div#ContentSecondary div.cta.quality { background: transparent url('../Images/Global/CTAQuality.jpg') bottom right no-repeat; }

div#ContentSecondary div.cta-plinth.cta-top { background: #D3D4D6 url('../Images/Global/CTATopSprite.jpg') 0 0 no-repeat; position: relative; min-height: 263px; }
div#ContentSecondary div.cta-plinth.cta-top a { padding: 180px 0 0;}
div#ContentSecondary div.cta-plinth.cta-top div.cta { position: absolute; bottom: 0; background: #F0F0F0 url('../Images/Global/CTAGradient.gif') 0 0 repeat-x }
div#ContentSecondary div.cta-plinth.cta-top div.cta h3 { margin-right: 10px; }
div#ContentSecondary div.cta-plinth.cta-top div.cta p { margin-right: 10px; }

div#ContentSecondary div.breakout { width: 213px; border-top: 4px solid #1c1c1c; padding: 0 0 1.5em; margin: 0 0 2em; color: #000000; background: #FFFFFF url('../Images/Global/CTAGradient.gif') 0 0 repeat-x; border-bottom: 1px solid #bbbbbb; }
div#ContentSecondary div.breakout ul li { background: url('../Images/Global/BulletUL.png') no-repeat 0 3px; padding: 0 0 2px 16px; }

div#Map { position: relative; }
div#Map ol#CountryList { position: absolute; top: 20px; left: 15px; width: 100px; } 
div#Map ol#CountryList li { color: #666666; list-style: decimal inside; line-height: 1.6em; }

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

.people-focussed div#NavigationPrimary ul li a#NavPriPeopleFocussed,
.uk-europe div#NavigationPrimary ul li a#NavPriUKEurope,
.fabric-matching div#NavigationPrimary ul li a#NavPriFabricMatch,
.our-fabrics div#NavigationPrimary ul li a#NavPriFabrics,
.imports-sourcing div#NavigationPrimary ul li a#NavPriImports,
.how-made div#NavigationPrimary ul li a#NavPriHowMade,
.how-used div#NavigationPrimary ul li a#NavPriWhereUsed,
.quality-promise div#NavigationPrimary ul li a#NavPriQuality,
.ethical-sourcing div#NavigationPrimary ul li a#NavPriEthical,
.team div#NavigationPrimary ul li a#NavPriTeam,
.customers div#NavigationPrimary ul li a#NavPriCustomers,
.working-together  div#NavigationPrimary ul li a#NavPriWorktogether,
.about div#NavigationPrimary ul li a#NavPriAbout,
.heritage div#NavigationPrimary ul li a#NavPriHeritage,
.contact div#NavigationPrimary ul li a#NavPriContact  { background: #2d2d2e; color: #FFFFFF; }

/*	Pages
----------------------------------------------- */

.home div#ContentPrimary { width: 435px; margin: 0 20px 0 0; min-height: 825px; }
.home div#ContentPrimary div#Banner { height: 326px; margin-bottom: 20px; }
.home div#ContentPrimary h1 { height: 0; width:0; text-indent: -9999em; margin: 0; }
.home div#ContentPrimary blockquote { margin: 28px 0 0; color: #757562;  }
.home div#ContentPrimary p { padding: 0 40px 0 0; margin: 0 0 20px; }
.home div#ContentSecondary { width: 250px; }
.home div#ContentSecondary h2, .home div#ContentSecondary h3 { font-size: 1.1em; color: #000000; }
.home div#ContentSecondary div.cta-plinth,
.home div#ContentSecondary div.working-together { margin: 0 0 1.5em; }
.home div#ContentSecondary div.working-together { background: #a2ab9e; border-top: 4px solid #1c1c1c; }
.home div#ContentSecondary div.working-together p { color: #000000; margin-right: 15px;}
.home div#ContentSecondary div.working-together p.working-enquiry { color: #FFFFFF; background: #000000; margin: 15px 0 0; padding: 13px 12px; font-weight: bold; }
.home div#ContentSecondary div.cta, 
.home div#ContentSecondary div.cta-plinth { width: 250px; }
.home div#ContentSecondary div.cta-plinth div.cta p,
.home div#ContentSecondary div.cta-plinth div.cta h3 { margin-right: 85px; margin-bottom: 0.5em; }
.home div#ContentSecondary div.cta-plinth div.cta.matching p,
.home div#ContentSecondary div.cta-plinth div.cta.matching h3 { margin-right: 10px; }
.home div#ContentSecondary div.cta.matching { background: transparent url('../Images/Global/CTASprite.jpg') bottom right no-repeat; }
.home div#ContentSecondary div.cta.quality { background: transparent url('../Images/Content/Home/CTAQuality.jpg') bottom right no-repeat; }
.home div#ContentSecondary div.cta.team { background: transparent url('../Images/Content/Home/CTAMeet.jpg') bottom right no-repeat; }
.home div#ContentSecondary div.cta.serving { background: transparent url('../Images/Content/Home/CTAServing.jpg') bottom right no-repeat; }
.home div#ContentSecondary div.cta.fabrics { background: transparent url('../Images/Content/Home/CTAFab.jpg') bottom right no-repeat; } 

.people-focussed div#ContentPrimary p img.head-shot { float: left; display: inline; margin: 0 20px 10px 0; }

div#ContentPrimary legend { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; line-height: 1.2em; margin: 0 0 1em; color: #000000; }
div#ContentPrimary legend span { font-size: 0.8em; color: #ae5028; }
div#ContentPrimary fieldset { margin: 0 0 2em; }
div#ContentPrimary fieldset .frow { clear: both; }
div#ContentPrimary fieldset .frow label { display: block; float: left; padding: 0 0 10px; width: 100%; }
div#ContentPrimary fieldset .frow label span.label { display: block; float: left; width: 120px; text-align: right; padding: 0 10px 0 0; }
div#ContentPrimary fieldset .frow label span.field { display: block; float: left; }
div#ContentPrimary fieldset .frow label span.valid { display: block; float: left; border: 1px solid #FFC0CB; width: 20px; }
/*#FabricMatching fieldset .frow-text label span.field input { border: 1px solid #999999; padding: 3px 2px; }*/
div#ContentPrimary fieldset .frow-action { text-align: right; width: 340px;  padding: 10px 0; }

.how-made div#Manufacturing { position: relative; background: #1c1c1c; height: 340px; overflow: hidden; }
.how-made div#Manufacturing div.next a { text-indent: -9999em; width: 31px; height: 31px; background: #1C1C1C url('../Images/Content/Manufacture/Arrows.jpg') no-repeat -37px 0; position: absolute; bottom: 20px; right: 20px; outline: none; z-index: 1001; }
.how-made div#Manufacturing div.next a:hover { background-position: -37px -36px; }
.how-made div#Manufacturing div.previous a { text-indent: -9999em; width: 31px; height: 31px; background: #1C1C1C url('../Images/Content/Manufacture/Arrows.jpg') no-repeat 0 0; position: absolute; bottom: 20px; right: 60px; outline: none; z-index: 1002; }
.how-made div#Manufacturing div.previous a:hover { background-position: 0 -36px; }
.how-made div.manufacture-stage { width: 685px; min-height: 340px; background: #1c1c1c; height: 100%; overflow: hidden; }
.how-made div.manufacture-image { display:inline; float: left; }
.how-made div.manufacture-process { display: inline; float: right; width: 215px; color: #FFFFFF; }
.how-made div.manufacture-process h3 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 4em; color: #8eb5b1; margin: 0.3em 0; }
.how-made div.manufacture-process p { padding-right: 20px; font-size: 1em; line-height: 1.4em; color: #FFFFFF; }

.how-used div#ContentPrimary ul li { margin: 0px 2px 0 0; padding: 0px; float: left; position: relative; }
.how-used div#ContentPrimary ul li img { border: none; cursor: pointer; display: block; }
.how-used div#ContentPrimary ul li p { text-align: center; margin-bottom: 2px; background: #2d2d2e; color: #FFFFFF; padding: 2px 0; cursor: pointer;}

.imports-sourcing div#ContentPrimary p.intro { letter-spacing: -0.02em; }