/*
-----------------------------------------------------
Robert Horne (roberthorne.co.uk) [PRODUCTS] SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2008.01
----------------------------------------------------- */

/* col3 images -- these need to be tidied up */

.images {text-indent: -9999px;}

div.col3 #logo {background: url('../images/hello/hello_logo.gif') no-repeat top left; height: 125px; width: 220px;}
div.col3 #imageone {background: url('../images/hello/side_1.png') no-repeat bottom left; height: 220px; width: 220px;}
div.col3 #imagetwo {background: url('../images/hello/side_2.png') no-repeat bottom left; height: 220px; width: 220px;}

div.col3 img {margin-bottom:10px;}

/* 720px Banner Heading */

div.products-home {background: url('../images/products/products-header.jpg') no-repeat; text-indent: -9999px;}

/* h3 on blue */

h3.lb-header  { background: #edf0f2; padding: 3px;margin: 20px 0 0 0;border-bottom: 1px solid #d2dce4; text-transform: lowercase; }
h3.noborder {border-bottom: 0px;}

/* col2 Slider */

div#slider-container {width: 460px; overflow: hidden; position: relative; background: none; padding: 5px 0; display: none;}
div#slider-wide {width: 8000px; position: relative;}
div#slider-wide div {width: 460px; height: 100%; margin: 0 340px 0 0; float: left; position: relative; clear: right;}
div#slider-wide div a {background: #7192a9; margin: 0 0 5px 0; padding: 3px 0; text-indent: 3px; font-size: 1.4em; width: 100%; display: block;}

div#slider-wide div a {color: #fff;}
div#slider-wide div h2 {color: #7192a9; font-size: 1.4em; padding: 0 0 5px 0;}
#application-promo{ border-top:1px solid #DAE2E8; margin:0px 0pt 10px; padding:10px 0pt 0px 128px; }


/* col2 Non JS Findby */

div#non-js-findby {width: 460px;overflow: hidden; background: none; padding: 5px 0;}
div#non-js-findby div a {background: #7192a9; margin: 0 0 5px 0; padding: 3px; font-size: 1.4em; width: 100%; display: block;}
div#non-js-findby div a {color: #fff;}
#findbycategory p{ margin-bottom:5px; }

/* Product Home - col2 - Find Functions */

div.findby {padding: 10px 0 0px 128px; margin: 0px 0 10px 0; background: url('../images/products/find-118-2.jpg') no-repeat left 10px; border-top: 1px solid #dae2e8;}
div.findby#findbycategory {background: url('../images/products/find-118.jpg') no-repeat left 10px;}
div.findby#application-promo {background: url('../images/products/find-118-3.jpg') no-repeat left 10px;}
div.findby h5 {color: #60859f; font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: .9em; margin: 0 0 5px 0;}
div.findby select {margin: 2px 0 ;}

/* col2 Body dl */

dl.two-wide {width: 100%; font-size: .9em; position: relative; top: -1px;}/* this hides first border-top */
dl.two-wide dt,dd {border-top: 1px solid #d2dce4; padding: 3px;}
dl.two-wide dt {float: left; clear: left; width: 100px;}
dl.two-wide dd {margin-left: 100px;}

/* col2 Accordion */

div.accordion {margin: 20px 0 0px 0;}
div.accordion h3 {background: #f6f8f9 url('../images/misc/expandarrow.gif') no-repeat 430px 50%; color: #60859f; font-size: 1em;padding: 5px 3px 5px 3px; border-bottom: 1px solid #d2dce4; z-index: 100; font-weight: bold; font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: .9em; z-index: 999;}
div.accordion h3.global {font-family: "Century Gothic"; font-weight: normal;}
div.accordion h3.hover { background: #dae2e8 url('../images/misc/expandarrow_o.gif') no-repeat 430px 50%; cursor: pointer;}
div.accordion h3.selected{ background: #dae2e8 url('../images/misc/collapsearrow.gif') no-repeat 430px 50%; cursor: pointer; }

div.accordion h3.first {background: #edf0f2; color: #000; border-bottom: 1px solid #d2dce4; font-size: 1.4em;}
div.accordion div {padding: 0px 0px; margin: 0 0 0px 0;}
div.accordion p {padding: 5px 0 0 0;}
div.accordion h3.noborder {border: 0px;}
div.accordion dl {}
div.accordion ul.accreditation {padding: 0 0 0 5px;}
div.accordion  {border: 0;}

div.accordion table {margin: -1px 0 0 0;}
div.accordion dl.two-wide {margin: 0 0 20px 0;} /* prevents overlap in Firefox - SC */

/* col2 Applications */
ul.applications {width: 100%; padding: 0; font-size: .9em; } /* type made smaller to keep within the dimensions */
ul.applications li {width: 143px; float: left; line-height: 1.5; padding: 3px 0px 3px 10px; margin: 0px; background: url('../images/misc/bullet_blue.gif') no-repeat left 50%; display: inline;}

/* col2 Body Tables */

div.table-container {position: relative; left: 0; width: 460px;  overflow-x: auto; padding: 0 0 20px 0;}
div.table-container div.table {overflow-x: auto;}
div.table-container div.table table {position: relative; width: 100%;overflow-x: auto;}
#range-key { margin-top:10px; }
#range-key p { font-size:0.9em; margin:0; }

table.colhide {position: absolute; top: 0px; left: 0;  background: #fff; border: 0; z-index: 9999;display: none;}
table.colhide tr td,table.colhide th {padding: 3px;}

table.table-style-1 {margin: 0; font-size: .9em; }
table.table-style-1 td {border-top: 1px solid #d2dce4;}
table.table-style-1 tr th {}
table.table-style-1 tr td,table.table-style-1 tr td th {padding: 3px;}
table.table-style-1 tr td.rw {background: url('../images/products/bullet-rw.gif') no-repeat 12px 50%;  text-indent: -9999px;}
table.table-style-1 tr td.bpop {background: url('../images/products/bullet-bpop.gif') no-repeat 12px 50%;  text-indent: -9999px;}
table.table-style-1 tr td.rwbpop {background: url('../images/products/bullet-rwbpop.gif') no-repeat 12px 50%;  text-indent: -9999px;}
span.rw, span.bpop, span.rwbpop { text-indent: -9999px; width:15px; display:block; float: left; }
span.rw {background: url('../images/products/bullet-rw.gif') no-repeat 50% 50%; }
span.bpop {background: url('../images/products/bullet-bpop.gif') no-repeat 50% 50%; }
span.rwbpop {background: url('../images/products/bullet-rwbpop.gif') no-repeat 50% 50%; }
table.table-style-1 tr td,table.table-style-1 tr td th {}
table.table-style-1 td.fixed, table.table-style-1 th.fixed {border-top: 1px solid #d2dce4;}

/* range view for displays 5,6,7 */

.range567, .range8 { width: 100%; font-size: .9em; position: relative;}
.range567 tr,.range567 td, .range8 li { border-top: 1px solid #d2dce4; padding: 3px; }

div.scrollbar {width: 370px; height: 18px; float: right; position: relative; display: none;}
div.bar {width: 330px; position: absolute; bottom: 0px; left: 20px; background: #dae2e8 ; height: 18px;}
div.handle {background: #7192a9; position: absolute; cursor: move; z-index: 100; height: 18px; width: 40px;color: #fff;}
div.handle:hover {background: #60859f;}
div.scroll-left {background:#dae2e8  url(../images/misc/scroll_left.gif) no-repeat; height: 18px; width: 20px; float: left;}
div.scroll-right {background: #dae2e8 url(../images/misc/scroll_right.gif) no-repeat 2px 0; height: 18px; width: 20px; float: right;}
	
	/* ! */

.without-js {}
.with-js {overflow: hidden;}


/* col2 Technical Information Stylee */

h2.tech-header { font-size:1.4em; padding-top:1em; }
table.table-style-2 {width: 100%; margin: 0; font-size: .9em; }
table.table-style-2 tr {border-top: 1px solid #d2dce4;}
table.table-style-2 tr th.wide {width: 40%;}
table.table-style-2 tr th {}
table.table-style-2 tr td,th {padding: 3px;}
table.table-style-2 tr td.yes {background: url('../images/misc/bullet_blue.gif') no-repeat 12px 50%; text-indent: -9999px;}
table.table-style-2 tr td.no {text-indent: -9999px;}

/* col2 Product Icons */

ul.icons {margin: 20px 0 0px 20px; clear: both;}
ul.icons li {float: left;  line-height: 32px; display: block; clear: both; margin: 0 0 5px 0; padding: 0 0 0 40px;width: 400px;}

ul.icons.js {margin: 20px 0 70px 0;} /* js class applied by jtip.js */
ul.icons.js li {height: 32px; width: 35px; text-indent: -9999px; padding: 0; display: inline; clear: none;}

ul.icons li#bendtsen {background: url('/assets/images/products/logos/bendtsen.jpg') no-repeat;}
ul.icons li#bespoke {background: url('/assets/images/products/logos/bespoke.jpg') no-repeat;}
ul.icons li#blister {background: url('/assets/images/products/logos/blister.jpg') no-repeat;}
ul.icons li#blueangel {background: url('/assets/images/products/logos/blueangel.jpg') no-repeat;}
ul.icons li#carbonneutral {background: url('/assets/images/products/logos/carbonneutral.jpg') no-repeat;}
ul.icons li#copweight {background: url('/assets/images/products/logos/copweight.jpg') no-repeat;}
ul.icons li#cutsizes {background: url('/assets/images/products/logos/cutsizes.jpg') no-repeat;}
ul.icons li#din6738 {background: url('/assets/images/products/logos/din6738.jpg') no-repeat;}
ul.icons li#directfoodcontact {background: url('/assets/images/products/logos/directfoodcontact.jpg') no-repeat;}
ul.icons li#ecf {background: url('/assets/images/products/logos/ecf.jpg') no-repeat;}
ul.icons li#emas {background: url('/assets/images/products/logos/emas.jpg') no-repeat;}
ul.icons li#fsc {background: url('/assets/images/products/logos/fsc.jpg') no-repeat;}
ul.icons li#foliosizes {background: url('/assets/images/products/logos/foliosizes.jpg') no-repeat;}
ul.icons li#fullyrecyclable {background: url('/assets/images/products/logos/fullyrecyclable.jpg') no-repeat;}
ul.icons li#gardner {background: url('/assets/images/products/logos/gardner.jpg') no-repeat;}
ul.icons li#iso14001 {background: url('/assets/images/products/logos/iso14001.jpg') no-repeat;}
ul.icons li#iso9706 {background: url('/assets/images/products/logos/iso9706.jpg') no-repeat;}
ul.icons li#lithopre {background: url('/assets/images/products/logos/lithopre.jpg') no-repeat;}
ul.icons li#matchingenvelopes {background: url('/assets/images/products/logos/matchingenvelopes.jpg') no-repeat;}
ul.icons li#mobius5 {background: url('/assets/images/products/logos/mobius5.jpg') no-repeat;}
ul.icons li#mobius10 {background: url('/assets/images/products/logos/mobius10.jpg') no-repeat;}
ul.icons li#mobius15 {background: url('/assets/images/products/logos/mobius15.jpg') no-repeat;}
ul.icons li#mobius20 {background: url('/assets/images/products/logos/mobius20.jpg') no-repeat;}
ul.icons li#mobius25 {background: url('/assets/images/products/logos/mobius25.jpg') no-repeat;}
ul.icons li#mobius30 {background: url('/assets/images/products/logos/mobius30.jpg') no-repeat;}
ul.icons li#mobius35 {background: url('/assets/images/products/logos/mobius35.jpg') no-repeat;}
ul.icons li#mobius40 {background: url('/assets/images/products/logos/mobius40.jpg') no-repeat;}
ul.icons li#mobius45 {background: url('/assets/images/products/logos/mobius45.jpg') no-repeat;}
ul.icons li#mobius50 {background: url('/assets/images/products/logos/mobius50.jpg') no-repeat;}
ul.icons li#mobius55 {background: url('/assets/images/products/logos/mobius55.jpg') no-repeat;}
ul.icons li#mobius60 {background: url('/assets/images/products/logos/mobius60.jpg') no-repeat;}
ul.icons li#mobius65 {background: url('/assets/images/products/logos/mobius65.jpg') no-repeat;}
ul.icons li#mobius70 {background: url('/assets/images/products/logos/mobius70.jpg') no-repeat;}
ul.icons li#mobius75 {background: url('/assets/images/products/logos/mobius75.jpg') no-repeat;}
ul.icons li#mobius80 {background: url('/assets/images/products/logos/mobius80.jpg') no-repeat;}
ul.icons li#mobius85 {background: url('/assets/images/products/logos/mobius85.jpg') no-repeat;}
ul.icons li#mobius90 {background: url('/assets/images/products/logos/mobius90.jpg') no-repeat;}
ul.icons li#mobius95 {background: url('/assets/images/products/logos/mobius95.jpg') no-repeat;}
ul.icons li#mobius100 {background: url('/assets/images/products/logos/mobius100.jpg') no-repeat;}
ul.icons li#monoinkjet {background: url('/assets/images/products/logos/monoinkjet.jpg') no-repeat;}
ul.icons li#monolascop {background: url('/assets/images/products/logos/monolascop.jpg') no-repeat;}
ul.icons li#monocolinkjet {background: url('/assets/images/products/logos/monocolinkjet.jpg') no-repeat;}
ul.icons li#monocollascop {background: url('/assets/images/products/logos/monocollascop.jpg') no-repeat;}
ul.icons li#napm {background: url('/assets/images/products/logos/napm.jpg') no-repeat;}
ul.icons li#napm100 {background: url('/assets/images/products/logos/napm100.jpg') no-repeat;}
ul.icons li#napm50 {background: url('/assets/images/products/logos/napm50.jpg') no-repeat;}
ul.icons li#napm75 {background: url('/assets/images/products/logos/napm75.jpg') no-repeat;}
ul.icons li#nsea {background: url('/assets/images/products/logos/nsea.jpg') no-repeat;}
ul.icons li#pefc {background: url('/assets/images/products/logos/pefc.jpg') no-repeat;}
ul.icons li#sheetingreels {background: url('/assets/images/products/logos/sheetingreels.jpg') no-repeat;}
ul.icons li#suitableinks {background: url('/assets/images/products/logos/suitableinks.jpg') no-repeat;}
ul.icons li#tcf {background: url('/assets/images/products/logos/tcf.jpg') no-repeat;}
ul.icons li#toy_safety {background: url('/assets/images/products/logos/toy_safety.jpg') no-repeat;}
ul.icons li#web {background: url('/assets/images/products/logos/web.jpg') no-repeat;}
ul.icons li#woodfibre {background: url('/assets/images/products/logos/woodfibre.jpg') no-repeat;}

/* col2 Bulleted List */

ul.bulleted-list {margin: 5px 0 5px 20px;}
ul.bulleted-list li {padding: 0 0 0 0px; line-height: 1.5em; list-style-image: url('../images/misc/bullet_blue.gif');}

/* col2 Actions (Blue) */
ul.actions {clear:both; text-transform: lowercase; font-weight: bold; font-size: .9em; margin-top:10px;}
ul.actions li {margin: 0 0 8px 0; clear: both; display: block;}
#container ul.actions li a { color:#fff; background: #7192a9 url('../images/products/btn_arrow.gif') no-repeat 3px 50%; padding: 3px 5px 3px 20px;  color: #fff;}
#container ul.actions li a:hover {background:url('../images/products/btn_arrow_o.gif') no-repeat 3px 50% #89b1cd; color: #fff; }

/* col2 Results */
ul.results { list-style-color: red; text-indent: 0px; border-top: 1px solid #dae2e8; margin: 10px 0;}
ul.results a {color: #000; display: block; width: 100%; height: 100%;}
ul.results li a {background: #edf0f3; line-height: 200%;}
ul.results li.odd a {background: #f6f8f9;}
ul.results li a:hover {background: #c4d1db;}
ul.results li a span {color: #506e84; font-weight: bold; margin: 0 10px 0 0; float: left; text-align: right; width: 30px; line-height: 200%;}

span.caption {float: left; font-size: .9em; }
span.caption h5 {color: #506e84; font-family: Arial, Helvetica, Verdana; font-weight: bold; line-height: 200%;}
span.caption p {margin: 2px 0 0 0;}

form.results p {padding: 0; padding: 0 0 10px 0;}
form.results p span {display: inline;line-height: 20px;}
form.results p span.left {float: left;}
form.results p span.right {float: right;}
form.results p span.right select { width: 250px;}
form.results p span.right input {margin: 0 0 0 4px;}
form.results.brand p span.right select { width: 210px;}

span.input input.text { width:110px; border:1px solid #c6d3dc; background:#dae2e8; font-size:0.9em; padding:3px 21px 3px 3px; color:#405869; }

form.results {margin: 20px 0 0 0;}

p.product-count {color: #506e84; margin: 0 0 -7px 0 ; font-size: .9em;}


.noborder {border: 0;}