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

/*--------- Y!UI font and element normalisation ---------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/*--------- Global styles ---------*/
body{ font-size:77%; position:relative; }
body, html {height: 100%;}
.clear{ display:block; position:relative; clear:both; width:auto; height:0 !important; overflow:hidden; }
button {border: 0; text-transform: lowercase;}
.butt{ color:#fff;  padding:2px 2px 2px 18px;  background:url(../images/misc/sq_arrow.gif) no-repeat 3px 50% #7192a9; margin-left:2px; text-transform: lowercase; border: 0;} /* added border: 0 - SC */
a.button {color:#fff; padding:3px 3px 3px 16px; background:url(../images/misc/sq_arrow.gif) no-repeat 3px 50% #7192a9; display: block;}
input.submit {width: 60px; display: inline;  border: 0; }
.lowercase {text-transform: lowercase;}
.topborder {border-top: 1px solid #dae2e8;}
.images { margin: 0 0 10px 0;}

div.hr {height: 1px; background: #e0edf6; position: relative; left: 0px; border: 0; width: 100%; margin: 10px auto 20px auto;} /* was left: 15px */
div.hr hr {display: none;}
.right {float: right;}
.left {float: left;}
div#header-f710 {width: 710px; height: 230px; margin: 0 0 20px 0;}
.block {display: block;}
small {font-size: .9em;}
small.reg {font-size: 80%; font-family: Verdana, Arial, Sans-Serif; position: relative; top: -6px;}


#accessibility{ position:absolute; top:-9999px; }
#container{ position:relative; width:910px; margin:0 0 0 50px; padding:30px 0; }
body.withOverlay{ width:100%; height:100%; overflow-x: hidden; }
#module-container{ position:relative; }

p a {text-decoration: underline;}

h1,h2,h3,h4,h5 {font-family: 'Century Gothic', Arial, Helvetica, sans-serif;}
h3 { padding: 0 0 5px 0; text-transform: lowercase; font-size: 1.4em;}
h3.sub { padding: 0; margin: 5px 0 10px 0; color: #506e84; font-size: 1.4em;} /* added margin */
strong{ font-weight:700; }
em{ font-style:italic; }
em.upper {text-transform: uppercase;}
a{ text-decoration:none; color:#506e84; }

.col1 a:hover, .col2 a:hover, .col3 a:hover {color: #111111;}
.col2 p {line-height: 1.3em; font-size: 1em; margin: 0px 0 10px 0; color:#111; }

ul.bullet-a li {list-style-type: disc; margin:  0 0 5px 20px;}

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

ul.bullet-c {margin: 0 0 20px 0;}
ul.bullet-c li { line-height: 1; padding: 3px 0px 3px 0px; margin: 0 0 0 20px; list-style-image: url(../images/misc/bullet_blue.gif);} /* line-height was 1.5 - SC */

ul.list-a {margin: 10px 0;}
ul.list-a li span {width: 100px; display: block; float: left;}

a.file-download {padding-right: 9px; background: url(/assets/images/misc/file.gif) no-repeat top right;}

dl.definitions-b {margin: 0 0 10px 0;} /* was 20 */
dl.definitions-b dt,dd {padding: 0px 3px 3px 0px;}
dl.definitions-b dt {float: left; clear: left; font-weight: bold;}


/* Header Images */
.col2 .img460 {width: 460px; height: 230px; margin: 0 0 10px 0;}

/* Header framework */
#header{ margin-bottom:20px; }
#header-l{ float:left; display:inline; width:690px; }
#header-r{ float:right; display:inline; width:220px; }

/* Main RH logo */
h1{ width:221px; height:28px; background:url(../images/misc/rh_group_logo.gif) no-repeat; margin-bottom:24px; }
h1 a{ display:block; height:28px; text-indent:-9999px; }

/* Main navigation */
#nav-main{ font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:lowercase; color:#506e84; }
#nav-main li{ display:inline; margin-right:8px; }
#nav-main a{ margin-right:8px; }
#nav-main a:hover{ color:#333; }
#nav-main li.active a{ color:#000; }

/* Sub-navigation */
#nav-sub{ font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.1em; text-transform:lowercase; border-top:1px solid #dae2e8; padding-top:8px; }
#nav-sub ul{ font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color: #333; margin:3px 0 0px 0; /* border-top: 1px solid #dae2e8; border-bottom: 1px solid #dae2e8; */ padding: 5px 0 0 0; border-top:1px solid #eee; border-bottom:1px solid #eee;  margin: 5px 0 0 0; background: url(../images/misc/navgrad.png) repeat-x;}
#nav-sub li{ margin-bottom:6px; zoom: 1;}
#nav-sub ul li a {color: #666;}
#nav-sub a.active-1, #nav-sub a.active-2{ color:#333; }
#nav-sub a:hover{ color:#333; }

ul.nav-level-3 {text-indent: 15px; padding: 5px 0 0px 0;}

/* Navigation Dropdown */

#dropdown{ font-size:1em; border-top:1px solid #dae2e8; padding:10px 0 10px 0; }
#dropdown label {color: #000; font-weight: bold;}
#dropdown select  {width: 100%; margin: 4px 0 0 0;}

/* Breadcrumb */

a.breadcrumb {font-size: .9em; margin: 0 0 10px 0; display: block;}

/* Main search form */
#rh-search{ margin-bottom:5px; }
#rh-search a{ text-transform:lowercase; padding:3px 4px 3px 18px; }
#rh-search .butt{ zoom:1; display:inline; }
#rh-search #q{ width:128px; border:1px solid #c6d3dc; background:#dae2e8; font-size:0.9em; padding:3px 21px 3px 3px; color:#405869; }
#rh-search #q.searching{ background:url(../images/misc/search_loader.gif) no-repeat 98% 50% #dae2e8; }
#rh-search legend span, #rh-search label{ position:absolute; top:-9999px;  }

/* Findby search form - This needs looking at */
#rh-findby-search{ margin-bottom:5px; }
#rh-findby-search .butt{ zoom:1; display:inline; }
#rh-findby-search #a{ width:110px; border:1px solid #c6d3dc; background:#dae2e8; font-size:0.9em; padding:3px 21px 3px 3px; color:#405869; }
#rh-findby-search #a.searching{ background:url(../images/misc/search_loader.gif) no-repeat 98% 50% #dae2e8; }
#rh-findby-search legend span, #rh-search label{ position:absolute; top:-9999px;  }

/* Administrative links */
#admin-links li{ display:block; width:110px; float:left; text-transform:lowercase; font-weight:700; margin:0 0 5px 0; }
#admin-links li a{ background:url(../images/misc/sq_arrow.gif) no-repeat; padding:0 0 1px 20px; }
#admin-links li a:hover{ background:url(../images/misc/sq_arrow_o.gif) no-repeat; }
#admin-links li a#your-rh{ background:url(../images/misc/plus_sign.gif) no-repeat; }
#admin-links li a#your-rh:hover{ background:url(../images/misc/plus_sign_o.gif) no-repeat; }

/* Site information */ 
#footer{ position:relative; margin-top:20px;}
#site-info{ text-transform:lowercase; }
#site-info #mN{ text-transform:none; }
#site-info li{ margin-bottom:0.2em; font-weight:700; }
#site-info li a:hover{ color:#333; }
#learning-links{ padding:7px 3px 6px 7px; background:#dae2e8; width: 704px; float:right;}
#learning-links dd { border: 0;}
#learning-links dt{ font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:1.2em; text-transform:lowercase; margin: 0 0 6px 6px; }
#learning-links dl{ float:left; width:30%; display:inline; margin-right:20px;}
#learning-links dl.last{ margin-right:0; }
#learning-links li{ margin-bottom:2px; }
#learning-links li a { background:url(../images/misc/learning_arrow.gif) no-repeat 0 50%; padding:0 0 0 18px; }
#learning-links a{ color:#506e84; font-weight: bold;}
#learning-links a:hover{ color:#000; background:url(../images/misc/learning_arrow_o.gif) no-repeat 0 50%; }

ul.news-list {padding: 5px 0 0 20px; font-size: .9em; color: #60859f; font-weight: bold;}
ul.news-list li {list-style-image: url(../images/misc/wh_arrow.gif); margin: 0 0 5px 0;}
ul.news-list li:hover {list-style-image: url(../images/misc/wh_arrow_o.gif);}

/* col3 Elements */

ul.downloads {border-top: 1px solid #d2dce4; padding: 0px; margin: 0 0 10px 0;}
ul.downloads li {margin: 0 0 0px 0; padding: 5px; background: #f4f6f8;}
ul.downloads li a {clear: left; padding: 5px 0 5px 28px; font-size: .9em; line-height: 22px; } /* changed from 22px */
ul.downloads li a.pdf {background: url(../images/misc/fileicons/pdf.gif) 1px 50% no-repeat;}
ul.downloads li a.pdf:hover {}
ul.downloads li a.doc {background: url(../images/misc/fileicons/doc.gif) 1px 50% no-repeat;}
ul.downloads li a.doc:hover {}

div.contact {border-top: 1px solid #d2dce4;margin: 0 0 10px 0;}
div.contact p {padding: 3px 0; font-size: .9em; color: #666;}
div.contact a.email { width: 100%; font-weight: bold; background: #f4f6f8 url(../images/misc/email.png) no-repeat 5px 50%; display: block; line-height: 32px; text-indent: 30px; font-size: .9em; margin: 0 0 2px 0;}
div.contact span.telephone { width: 100%; font-weight: bold; background: #f4f6f8 url(../images/misc/telephone.png) no-repeat 5px 50%; display: block; line-height: 32px; text-indent: 30px; font-size: .9em; color: #506e84;}

/* col3 Similar Products */

h3.similarproducts { font-size:1.2em; margin: 20px 0 0 0 ; text-transform: lowercase;}
ul.similarproducts {background: #dae2e8; font-size: .9em; padding: 5px 0 5px 5px; margin-bottom:14px; }
ul.similarproducts li {padding: 3px 3px 3px 0px; }
ul.similarproducts a {font-weight: bold; background: url('../images/misc/learning_arrow.gif') no-repeat left 50%; padding: 0 0 0 15px; line-height: .9em;}
#container ul.similarproducts a:hover { color: #000; background: url(../images/misc/learning_arrow_o.gif) no-repeat 0 50%; }

/* col3 Product Spotlight */

ul.product-spotlight li {clear: left; padding: 10px 0;  position: relative; display: block;}
ul.product-spotlight li img {position: absolute; left: 0; top: 10px;}
ul.product-spotlight li p {margin: 0 0 0 55px; top: -10px; top: 10px; color: #60859f; font-weight: bold; font-size: .9em;}
ul.product-spotlight li a span.read-more {padding: 0 0 0 13px; position: relative; left: 55px; display: block; margin: 0 0 10px 0;color: #60859f; background: url('../images/misc/arrow.gif') no-repeat left 50%;}
ul.product-spotlight li a:hover span.read-more {background: url('../images/misc/learning_arrow_o.gif') no-repeat 0 50%; }

.banner {margin: 0 0 5px 0;}

/* col3 Images */
div.side-image-110 {width: 220px; height: 110px; background: #ccc; margin: 0 0 10px 0;}
img.product-image {margin: 0 0 10px 0;}

/* Tooltips */
#tooltip {position: absolute; z-index: 3000;}
.yum {  padding:3px; max-width: 300px; margin: 0px 0 0 0; padding: 0px 0 0 0; border: 3px solid #fff; background-image: url(../images/misc/tooltip-arrow.png) no-repeat 50% 0px; background-color: #fff;}
.yum h3 {font-size: 1.3em; color: #fff; background: #7192a9 ; padding: 3px; margin: 0px 0 5px 0;}

/* Global Typography */
h2 {background: transparent; font-size: 2.2em; color: #506e84; padding:0; margin: 0 ;}
h2.sifr-lightblue {color: #dae2e8; text-transform: lowercase; text-indent: 30px; margin: -20px 0 10px 0;}
h2.sifr-subheading {color: #dae2e8; text-transform: lowercase;  margin: 0px 0 10px 0; line-height: 1.2em;}

h2.sifr-blue { margin: 0 0 10px 0; padding: 0; text-transform: lowercase;}
h3.sifr-blue { margin: 0 0 0px 0; padding: 0; text-transform: lowercase; font-size: 1.2em;}

div.col2 p.blue {margin: 0 0 10px 0;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:1.2em; color:#506e84;}

/*--------- All that sIFR malarkey ---------*/
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/*.sIFR-hasFlash h2 { visibility: hidden; font-size: 36px; }*/

/* Module Manager */

#your-rh{}
a#your-rh:hover{}
#overlay{ position:absolute; top:0; left:0; background:#465058; }

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT{ position: relative; position:absolute; z-index:100; width:224px; margin:auto;}
#JT img{position:relative; top:-0px; height: 22px; width: 224px;}
#JT h4{background:#7192a9; color:#fff; margin:-3px 0px 0px 0px; width:202px; padding:3px;font-size:1em;text-transform:lowercase;display: block; position: relative; left: -4px;}
.product-details #JT h4{font-size: 1em; padding: 2px 3px 3px 3px; margin: -3px 0 0 0;}
div#wrap {position: relative; }
#JT_copy{width:200px;margin:0;background:url(/assets/images/tooltip/tt_bg.png) repeat-y;display:block;padding:0 12px;}
#bottom{background:url(/assets/images/tooltip/tt_bottom.png);width:223px;height:7px;position:absolute;bottom:-7px;left:-0px ;}
.JT_loader{background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:center center;width:100%;}
#JT_close_left{background-color:#CCCCCC;text-align:left;padding-left:4px;padding-bottom:2px;padding-top:2px;font-weight:bold;}
#JT_close_right{background-color:#CCCCCC;text-align:left;padding-left:4px;padding-bottom:2px;padding-top:2px;font-weight:bold;}

/*-------- Promotions block, sitewide --------*/
#promotions{ padding-top:5px; }
.home #promotions{ padding-top:0; }
#promotions li{ width:220px; height:100px; background-repeat:no-repeat; margin-bottom:6px; }
#promotions li a{ display:block; padding-top:100px; height:0 !important; height /**/: 100px; overflow:hidden; }

/*-------- Robert Horne --------*/
.rh-placeholder{ color:red; font-weight:700; }

/*-------- Global assets - put somewhere more appropriate in due course ---------*/
a.gls { padding:4px 5px 4px 20px; background:url(../images/misc/gls.gif) no-repeat 5px 50% #7192a9; color:#fff; text-decoration: none !important;}
a.gls:hover{ background:url(../images/misc/gls_o.gif) no-repeat 5px 50% #9bbfd6; color:#fff; text-decoration: none;}
#sub-nav-title{ font-size:1.2em; padding-bottom:3px; }
#sub-nav-title a{ color:#111; }

.banner-short{ height:220px; margin-bottom:10px; }
.sd1{ background:url(../images/side-images/SD_Image1.jpg) no-repeat; }
.sd2{ background:url(../images/side-images/SD_Image2.jpg) no-repeat; }
.sd3{ background:url(../images/side-images/SD_Image3.jpg) no-repeat; }
.sd4{ background:url(../images/side-images/SD_Image4.jpg) no-repeat; }
.sd5{ background:url(../images/side-images/SD_Image5.jpg) no-repeat; }
.sd6{ background:url(../images/side-images/SD_Image6.jpg) no-repeat; }
.sd7{ background:url(../images/side-images/SD_Image7.jpg) no-repeat; }
.sd8{ background:url(../images/side-images/SD_Image8.jpg) no-repeat; }
.sd9{ background:url(../images/side-images/SD_Image9.jpg) no-repeat; }
.sd10{ background:url(../images/side-images/SD_Image10.jpg) no-repeat; }
.sd11{ background:url(../images/side-images/SD_Image11.jpg) no-repeat; }
.sd12{ background:url(../images/side-images/SD_Image12.jpg) no-repeat; }
.sd13{ background:url(../images/side-images/SD_Image13.jpg) no-repeat; }
.sd14{ background:url(../images/side-images/SD_Image14.jpg) no-repeat; }
.sd15{ background:url(../images/side-images/SD_Image15.jpg) no-repeat; }
.sd16{ background:url(../images/side-images/SD_Image16.jpg) no-repeat; }
.sd17{ background:url(../images/side-images/SD_Image17.jpg) no-repeat; }
.sd18{ background:url(../images/side-images/SD_Image18.jpg) no-repeat; }
.sd19{ background:url(../images/side-images/SD_Image19.jpg) no-repeat; }
.sd20{ background:url(../images/side-images/SD_Image20.jpg) no-repeat; }
.mp1{ background:url(../images/side-images/Mat_paper1.jpg) no-repeat; }
.mp2{ background:url(../images/side-images/Mat_paper2.jpg) no-repeat; }
.mp3{ background:url(../images/side-images/Mat_paper3.jpg) no-repeat; }
.mp4{ background:url(../images/side-images/Mat_paper4.jpg) no-repeat; }
.mp5{ background:url(../images/side-images/Mat_paper5.jpg) no-repeat; }
.mp6{ background:url(../images/side-images/Mat_paper6.jpg) no-repeat; }
.mp7{ background:url(../images/side-images/Mat_paper7.jpg) no-repeat; }
.mp8{ background:url(../images/side-images/Mat_paper8.jpg) no-repeat; }
.mp9{ background:url(../images/side-images/Mat_paper9.jpg) no-repeat; }
.mp10{ background:url(../images/side-images/Mat_paper10.jpg) no-repeat; }

.env1{ background:url(../images/side-images/Env_bark.jpg) no-repeat; }
.env2{ background:url(../images/side-images/Env_blossom.jpg) no-repeat; }
.env3{ background:url(../images/side-images/Env_blossom1.jpg) no-repeat; }
.env4{ background:url(../images/side-images/Env_bowlinggreen.jpg) no-repeat; }
.env5{ background:url(../images/side-images/Env_brickwall.jpg) no-repeat; }
.env6{ background:url(../images/side-images/Env_daffs.jpg) no-repeat; }
.env7{ background:url(../images/side-images/Env_fence.jpg) no-repeat; }
.env8{ background:url(../images/side-images/Env_grass.jpg) no-repeat; }
.env9{ background:url(../images/side-images/Env_green_bark.jpg) no-repeat; }
.env10{ background:url(../images/side-images/Env_holly.jpg) no-repeat; }
.env11{ background:url(../images/side-images/Env_lake.jpg) no-repeat; }
.env12{ background:url(../images/side-images/Env_lichen.jpg) no-repeat; }
.env13{ background:url(../images/side-images/Env_lichen1.jpg) no-repeat; }
.env14{ background:url(../images/side-images/Env_pineneedles.jpg) no-repeat; }
.env15{ background:url(../images/side-images/Env_privet.jpg) no-repeat; }
.env16{ background:url(../images/side-images/Env_rock.jpg) no-repeat; }
.env17{ background:url(../images/side-images/Env_sky.jpg) no-repeat; }
.env18{ background:url(../images/side-images/Env_stonewall.jpg) no-repeat; }
.env19{ background:url(../images/side-images/Env_toadstool.jpg) no-repeat; }
.env20{ background:url(../images/side-images/Env_tree.jpg) no-repeat; }
.env21{ background:url(../images/side-images/Env_trunk.jpg) no-repeat; }
.env22{ background:url(../images/side-images/Env_willow.jpg) no-repeat; }

body .col3 h3{ font-size:1.3em; }
p.introcopy {font-size: 1.2em;}

a.glossary-term {cursor:help;text-decoration:none;border-bottom:dashed 1px #000; }

#GT {position:absolute;z-index:99;left:0;top:0;width:223px;}
#GT .n {height:23px; overflow:hidden; background:transparent url(../images/tooltip/top.png);width:223px;}
#GT .bd {background-image: url(../images/tooltip/bg.png);padding:0 15px 5px 15px;width:193px;}
#GT .bd .bd-content {background:#fff;}
#GT .s {height:8px;background:url(../images/tooltip/bottom.png);font-size:1px;width:223px;}
#GT img {float:right; display:inline; margin:3px 3px 0 0; }
#GT h4 {margin: 0 -7px 5px -7px; padding:3px 3px 5px 6px; color:#fff; font-size:1em; line-height:14px; background:#56809b; }

/* ----- Auto complete search -----*/
#autocomplete-wrap{ width:300px; padding:0 2px; position:absolute; top:52px; left:611px; display:none; padding:0 2px; }
div#auto-header{ width:300px; height:3px; overflow:hidden; background:url(../images/misc/auto_header.png) no-repeat; }
div#auto-header.ie{ background:url(../images/misc/auto_header.gif) no-repeat; }
div#auto-footer{ width:300px; height:2px; overflow:hidden; background:url(../images/misc/auto_footer.png) no-repeat; }
div#auto-footer.ie{ background:url(../images/misc/auto_footer.gif) no-repeat; }
#ac-results-wrap{ background:url(../images/misc/auto_bg.png) repeat-y; }
#ac-results-wrap.ie{ background:url(../images/misc/auto_bg.gif) repeat-y; }
#autocomplete-wrap #ac-results-wrap div{ width:296px; margin:0 0 0 1px; border-bottom:1px solid #ccc; }
#autocomplete-wrap div.over{ background:#e7ecf0; }
.searchAcTitle{ font-weight:bold; font-size:0.9em; display:inline; float:right; width:240px; }
.searchAcSummary{ font-size:0.9em; display:inline; float:right; width:230px; margin-right:10px; padding-bottom:3px; }
#autocomplete-wrap a{ color:#506e84; display:block; padding:6px 0 0 10px; }
#autocomplete-wrap span.image{ float:left; display:inline-block; margin-right:5px; }

.showSlider{ display:block; }
.hideSlider{ display:none; }