/* Import YUI font and element normalisation */
@import "./yui/reset-fonts.css";


/* General styles
------------------------------------ */

html { height:100%; width:100%; }
body { min-height:100%; width:100%; }
body { background:url(../images/global/large-background.jpg); font-family:Arial, Helvetica, sans-serif; font-size:75%; color:#464646; }
strong { font-weight:bold; }
.clearfix {*zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.smallerTxt { font-size:0.8em; }
a { color:#464646; }
a:hover { text-decoration:underline; }
.hide { display:none; }
#error { color:#D56654; }


/* Global element positioning
------------------------------------ */

#top-splat { position:absolute; z-index:1; top:0; left:0; width:100%; height:396px; overflow:hidden; background:url(../images/global/splatters/top-splat.jpg) no-repeat; }
#base-splat { position:absolute; z-index:2; left:0; background:url(../images/global/splatters/base-splat.png); width:507px; height:304px; overflow:hidden; }
#container { position:relative; z-index:3; width:754px; margin-left:224px; padding-bottom:35px; }


/* Header
------------------------------------ */

#header { padding:12px 0 34px 0; }
#header img { float:left; margin-left:18px; }
#header ul { margin-top:18px; background:url(../images/global/nav-greenbg.gif) no-repeat; width:559px; padding:3px 0 5px 0; float:right; font-family:"Century Gothic", Verdana, Arial; color:#fff; text-transform:lowercase; font-size:1.3em; }
#header ul li { display:inline; padding-left:29px; }
#header ul li a { text-decoration:none; color:#fff; padding-top:5px; text-decoration:none; }
#header ul li a.active, #header ul li a:hover { text-decoration:underline; }


/* Homepage H1 exception to other H1's due to linewrap
------------------------------------ */
div#greenbg { margin:9px 6px 27px 6px; background-color:#92c74b; padding:2px 10px 4px 10px; }
div#greenbg h1 { margin:0; color:#fff; }


/* Boxes and styles within
------------------------------------ */

.opaquebox { background:url(/assets/images/global/opaque-white-bg.png) repeat; border:1px solid #e8e8e8; margin-bottom:5px; }
.fullWidth { width:752px; }
h1 { font-family:"Century Gothic", Verdana, Arial; font-size:2em; margin:9px 6px 27px 6px; }
h1 span { background-color:#92c74b; color:#fff; padding:2px 10px 4px 10px; line-height:1.3em; }
h2, h3 { font-size:1.3em; margin:0 21px 21px 21px; }
h2 { font-weight:bold; }
.opaquebox p, .opaquebox ul { padding:0 21px 21px 21px; }
.left463 { float:left; width:463px; min-height:314px; }
.right284 { float:right; width:284px; }
.right284 .opaquebox { width:282px; }
.right284 p { margin:0; padding:0; }
.right284 p.bluebg, .right284 p.yellowbg, .right284 p.redbg { display:block; width:201px; font-size:0.9em; }
.right284 p.bluebg a, .right284 p.yellowbg a, .right284 p.redbg a { padding:5px; display:block; text-decoration:none; }
.right284 p.bluebg a img, .right284 p.yellowbg a img, .right284 p.redbg a img { margin-bottom:-1px; }
.right284 p.bluebg a { background-color:#4ac2f0; }
.right284 p.yellowbg a { background-color:#f5e532; }
.right284 p.redbg a { background-color:#d56654; }
.right284 p a:hover { text-decoration:underline; }
.right284 #pod-paperguide,
.right284 #pod-yourbusiness,
.right284 #pod-environment,
.right284 #pod-5-reasons,
.right284 #pod-redesign{ width:270px; margin:6px; height:148px; cursor:pointer; }
.right284 #pod-paperguide { background:url(../images/right-pods/paper-guide.jpg) no-repeat; }
.right284 #pod-yourbusiness { background:url(../images/right-pods/your-business.jpg) no-repeat; }
.right284 #pod-environment { background:url(../images/right-pods/environment.jpg) no-repeat; }
#minHeightCol { min-height:600px; }


/* Landing page
------------------------------------ */

#locations { margin:0 49px 0 55px; padding:0; }
#locations li { float:left; width:162px; padding-bottom:31px; }
#locations li img { float:left; margin-right:5px; }
#locations li a { padding-right:15px; text-decoration:none; }
#locations li span { }


/* Home page
------------------------------------ */

#swfpanel { margin:6px 0 5px 5px; height:320px; }
#non-flash { width:740px; height:320px; }
.fullWidth h1 { font-size:1.9em; }
.fullWidth h2 { font-weight:bold; }


/* Contact us
------------------------------------ */

.address { padding:0 0 1em 36px; margin-left:6px; background:url(../images/contact/icon-envelope.gif) no-repeat top left; }
.address p, .address h2 { margin:0 0 0.4em 0; padding:0; }


/* Range pod styles
------------------------------------ */

#pod-range { width:270px; margin:9px 6px 15px 18px; font-weight:bold; }
#pod-range h3 { font-size:1.3em; margin-bottom:12px; }
#pod-range ul { padding:0; }
#pod-range ul li { padding-top:1px; }
#pod-range ul li a { text-decoration:none; background:url(../images/right-pods/arrow.gif) no-repeat left 50%; padding-left:12px; }
#pod-range ul li a:hover { text-decoration:underline; }
#pod-range ul li a.open { background:url(../images/right-pods/arrow-down.gif) no-repeat left 50%; }
#pod-range ul li ul { padding-left:10px; }
#pod-range ul li ul li a.active { background:url(../images/right-pods/arrow-active.gif) no-repeat left 50%; color:#000 }
#pod-range ul li ul li a span { color:#00853f; }
#pod-range ul li ul li a.active span { color:#000; }


/* Range filter table
------------------------------------ */

.filter-table { width:438px; background:url(../images/product-range/bg.gif) repeat-y; margin:0 auto 5px auto; }
.filter-table ul { background:url(../images/product-range/top.gif) no-repeat top; padding:3px 3px 0 2px; }
.filter-table .bottom { background:url(../images/product-range/bottom.gif) no-repeat; height:4px; font-size:0.1em; }
.filter-table ul li { display:block; float:left; color:#fff; width:108px; text-align:center; line-height:1.1em; }
.filter-table ul li label { color:#fff; text-decoration:none; display:block; min-height:37px; border-top:1px solid #fff; border-left:1px solid #fff; cursor:pointer; }
.filter-table ul li input { position:absolute; left:-9999px; }
.filter-table ul.pink li label { background-color:#daa1c9; background-image:url(../images/product-range/pink-hover.gif); background-repeat:no-repeat; background-position:left -40px; }
.filter-table ul.cyan li label { background-color:#67d9db; background-image:url(../images/product-range/cyan-hover.gif); background-repeat:no-repeat; background-position:left -40px; }
ul.pink li label:hover, ul.pink li label.active, ul.cyan li label:hover, ul.cyan li label.active { background-position:left top; }
.filter-table ul li label:hover span, .filter-table ul li label.active span { padding-left:5px; }
.filter-table ul li label span { display:block; padding:6px 5px 0 5px; }
.filter-table ul li label span.single { line-height:2.1em; }
#filter-results { margin-top:21px; }
#filter-results h2 { margin-bottom:0.6em; }
#filter-results p img { float:left; margin-right:5px; }
#filter-results li { padding-top:3px; font-weight:bold; }
#filter-results li a { text-decoration:none; background:url(../images/right-pods/arrow.gif) no-repeat left 50%; padding-left:12px; }
#filter-results li a:hover { text-decoration:underline; }


/* Form styles
------------------------------------ */
.left463 form p { padding:0; margin-bottom:4px; }
.left463 form input.field, .left463 form textarea { padding:3px; font-size:1.2em; width:443px; margin-left:6px; border:1px solid #dfdfdf; font-family:Arial, Helvetica, sans-serif; color:#464646; }
.left463 form p.submit { text-align:right; }
.left463 form p.submit input { background:#4ac2f0 url(../images/right-pods/arrow-on-blue.gif) no-repeat 75% 46%; border:none; font-family:Arial, Helvetica, sans-serif; color:#464646; font-size:0.9em; padding:1px 23px; cursor:pointer; margin-right:6px; }


/* Custom lists
------------------------------------ */
ul.pdflist li { margin-bottom:15px; }
ul.pdflist li a { display:block; background:url(../images/file-icons/pdf.gif) no-repeat; padding:18px 0 0 34px; }


/* Footer
------------------------------------ */

#footer { position:absolute; z-index:4; background-color:#fff; height:29px; width:100%; text-align:right; }
#footer li { float:right; padding:7px 3px 0 0; }
#footer li.lastone { padding-right:20px; }
#footer li a { color:#464646; text-decoration:none; font-size:0.9em; text-transform:lowercase; }
#footer li a:hover { text-decoration:underline; }
#footer img { margin-right:5px; }


/* Glossary page
------------------------------------ */

p#alphabet { font-size:0.9em; padding:0 0 5px 5px; }
p#alphabet a { display:block; background-color:#DAA1C9; float:left; padding:2px 4px; margin:0 1px; text-decoration:none; color:#fff; }
p#alphabet span { display:block; background-color:#efcae4; float:left; padding:2px 4px; margin:0 1px; color:#fff; }
p#alphabet a:hover { background-color:#B786a8; }
dl#glossary { margin:0 21px 21px 21px; }
dl#glossary dt { font-weight:bold; margin-top:1em; }