/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

html { font-family: georgia, 'times new roman';  height: 100%; background: url(img/test-background.jpg) center repeat;  }
body {  background: url("img/header-shadow.png") repeat-x; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { }
h1, h2, h3, h4, h5, h6, p, ul {  }
.image-replace-text{ text-indent: -300px; }
.image-replace-text span{ text-indent: 300px; }

p { color: #372d27; font-family: times new roman ; }
table { margin: 0 }
table td { padding: 0 }
a { color: #8bb33a; text-decoration: underline }
a:hover, a:visited, a:active { }
ul { margin: 0; }
ol { margin: 0; font-size: 1.0em; }
dl { margin: 0; font-size: 1.0em }
textarea, input[type='text'], input[type='password'], select {  }
ul#skiplinks { display: none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden }
ul#skiplinks a:active, ul#skiplinks a:focus { position: static; width: auto; height: auto }


/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

div#main-content { padding-bottom: 130px; }
div.container{ width:960px; margin:auto; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

div#header { background: ; }
div#header ul#header-navigation { float: right; padding-right: 50px; } 
div#header ul#header-navigation li { display: block; float: left; }
div#header ul#header-navigation li a { display: block; }
div#header ul#header-navigation li a:active { outline:0 none; position:relative; top:1px; }
div#header ul#header-navigation li a:hover, div#header ul#header-navigation li a.current-page { background-position: 0px -9px; }
img#header-advert { width: 468px; height: 60px; }


/* navigation */
#link-home{ background: url(img/home-new.png) no-repeat; width: 70px; height: 45px; text-indent: -3000px; margin-right: 15px; }
#link-home:hover {  }
#link-hook{ background: url(img/hook-new.png) no-repeat; width: 76px; height: 45px; text-indent: -3000px; }
#link-line{ background: url(img/line-new.png) no-repeat; width: 61px; height: 45px; text-indent: -3000px;  }
#link-sinker{ background: url(img/sinker-new.png) no-repeat; width: 83px; height: 45px; text-indent: -3000px;  }
#link-catch{ background: url(img/catch-new.png) no-repeat; width: 88px; height: 45px; text-indent: -3000px; }
#link-plug{ background: url(img/plug-new.png) no-repeat; width: 76px; height: 45px; text-indent: -3000px; }
#link-contact{ background: url(img/contact-new.png) no-repeat; width: 86px; height: 45px; text-indent: -3000px; }

div#header-shelf{ background: url("/assets/img/header-shelf.png") no-repeat; width: 650px; height: 175px; float: right; margin-top: -2px; margin-right: 5px; position: relative; z-index: 100; }
div#header-shelf img{ margin-top: 96px; margin-left: 95px; }

div#primary-content { background: #fff;}

div.primary-column  { width: 580px; float: left; }
div.primary-column-block  { width: 580px; margin-bottom: 10px; margin-left: 10px;}
div.primary-column-block-header{ background: url("img/primary-column-top.png") no-repeat; height:39px; }
div.primary-column-block-footer{ background: url("img/primary-column-bottom.png") no-repeat; height:69px; }
div.primary-column-block-container{ background: url("img/primary-column-content.png"); position: relative;}
div.primary-column-block-container img.page-header{ margin-left: 40px; }
div.primary-column-block-container h2 { font-size: 21px; color: #56443a; margin: 0 40px; font-weight: bold; }

div.primary-column-block-content{ background: url("img/content-break.png") no-repeat ; padding-top: 25px; margin: 0 40px 15px; width: 480px; }
div.primary-column-block-content p { font-size: 14px; margin: 0 20px 18px; }
div.primary-column-block-content img { display: block; margin: auto; }

img#homepage-dragonfly{ position: absolute; height: 200px; width: 200px; bottom: -40px; right: 40px; }

div.header-image-frame{ display: block; width: 527px; height: 250px; background: url(img/frame.png) no-repeat; margin-left: 25px; padding-top: 13px; padding-left: 13px; margin-top: -10px; }
div.header-image-frame div#slider img { margin-top: 13px; margin-left: 13px; }

div#secondary-column { width: 354px; margin-right: 15px; margin-top: 17px; float:right; position: relative; }
div#fresh-news { background: url("img/fresh-news.png") no-repeat; height:97px; width: 152px; z-index:10; position: absolute; top:-35px; }
div#news-headline { position: absolute; right: 10px; top: 10px; width: 180px; }
div#news-headline h3 { font-size: 20px; }
div#news-headline p { font-size: 14px; }
div#news-box-header { background:url("img/news-box-header.png");  z-index:-1; height: 50px; }
div#news-box {  background:url("img/news-box-content.png");  z-index:-1; }
div#news-box-footer { background:url("img/news-box-footer.png");  z-index:-1; height: 46px; }
div#news-box p { padding: 10px 20px; font-size: 13px; }
div.news-image-frame{ display: block; width: 322px; height: 155px; background: url(img/newsframe.png); margin-left: 13px; }
div.news-image-frame img { margin-top: 11px; margin-left: 11px; }

div#testimonial-box-header { background:url("img/news-box-header.png");  z-index:1; height: 50px; margin-top: 40px; position: relative; }
div#testimonial-box-header img.testimonial-image { margin-top: -6px; margin-left: 67px; z-index: 1; width: 175px; height: 177px;  }
div.testimonial-image-frame{ display: block; width: 250px; height: 213px; margin-left: 50px; position: absolute; top: -25px; z-index:99; }
div#testimonial-box {  background:url("img/news-box-content.png");  z-index:-1; }
div#testimonial-box p { padding: 150px 20px 10px; font-size: 13px; font-style: italic; }
div#testimonial-box b {  margin: 20px 20px 0px; color: #372D27; }

div#testimonial-box-footer { background:url("img/news-box-footer.png");  z-index:-1; height: 46px; }


div#sidebar-twitter-box { background: url("img/sidebar-header.png"); z-index:-1; width: 376px; height: 211px; margin-left:0px; }
p#tweet { padding : 35px 20px; width: 215px; height: 40px; font-size: 13px; position: relative; margin-bottom: 40px; }
p#tweet a{ color: #372D27; text-decoration: none; }
p#tweet a:hover { text-decoration: underline; }
div#twitterlink { position: absolute; width: 75px; height: 75px; right: 0px; margin-right: 10px; margin-top: 90px; }
ul#social-networking{ margin: 15px 0 0 10px; }
ul#social-networking li { float: left; margin-right: 10px  }
div#sidebar-box-testimonial { background: url("img/sidebar-content.jpg"); z-index:-1; width: 347px; margin-left:2px; }

div#footer { background: url("img/wood-footer.jpg") center repeat-x; height: 650px; position: relative;  }
div#footer-temp {  position: relative; padding: 20px 0px; background: url("img/footer-strip.jpg"); height: 87px; }
ul#footer-navigation { display: block; margin:  0 auto; }
ul#footer-navigation li { float: left; margin-right: 10px; }
ul#footer-navigation li { float: left; margin-right: 10px; }
ul#footer-navigation a { color: #fff; }
div#wellies { background: url("img/wellies.png") no-repeat; float:left; margin-left: -100px; margin-top: -270px; height: 324px; width: 315px;  }


/* -----------------------------------------------
4. PAGE SPECIFIC ELEMENTS
----------------------------------------------- */

/* Sinker */
div.primary-column-block-content div.client-box p { }
h2.client-title-wide { font-size: 18px !important; margin: 10px 0px 0px 20px !important; font-weight: normal !important; }
h2.client-title-narrow { font-size: 18px !important; margin: 0px !important; font-weight: normal !important; }
div.client-box img { float:left; max-width:225px; }
div.client-box div.narrowbox { float: right; width:225px; display: block; margin-top: 20px; }
div.client-box div.narrowbox p { margin: 0px; }
a.client-link { clear: both; float: right; margin: 5px 10px 0 0; font-size: 13px; color: #372D27; text-decoration: none; }
a.client-link:hover { text-decoration: underline; }

/* Catch */
ul#catch-tabs{ display: block; height: 40px; margin-left: 30px; }
ul#catch-tabs li{ float: left; padding: 0px; text-indent: -3000px;  }
ul#catch-tabs li[pressid="1"]{ background: url("/assets/img/press-menu/national.png") top left no-repeat; width: 90px; height: 35px;  }
ul#catch-tabs li[pressid="2"]{ background: url("/assets/img/press-menu/regional.png") top left no-repeat; width: 95px; height: 35px;  }
ul#catch-tabs li[pressid="3"]{ background: url("/assets/img/press-menu/online.png") top left no-repeat; width: 74px; height: 35px;  }
ul#catch-tabs li[pressid="4"]{ background: url("/assets/img/press-menu/tv.png") top left no-repeat; width: 96px; height: 35px;  }
ul#catch-tabs li[pressid="5"]{ background: url("/assets/img/press-menu/trade.png") top left no-repeat; width: 70px; height: 35px;  }
ul#catch-tabs li#2{ float: left; padding: 0px;  }
ul#catch-tabs li:hover, ul#catch-tabs li.active{ background-position: 0px -34px; cursor: pointer; }

div#press-cuttings { clear: both; margin-top: 10px; }
div#press-cuttings ul li { float: left; margin: 0 1px 1px 0; display: block; }
div#press-cuttings ul li img {  }

/* Plug */
div.primary-column-block-content div.plug-box p { float: right; width:225px; margin-right: 0px; }
div.plug-box img { float: left; }

/* News */
img.news-image{ width:500px; height: 222px; }
h3.news-headline{ font-size: 21px; font-weight: bold; margin-left: 39px; }

/* Contact */
ol.errors { display: block; background: #ffebe8; border: 1px solid #dd3c10; padding: 10px; }
ol.errors li { font-size: 11px; font-weight: bold; }
table#contactus { font-family: times new roman; font-size:14px; margin:0 20px 18px; color: #372D27; }
table#contactus td.label { padding: 0 10px 5px 0px }
table#contactus td input[type=text] { width: 200px; }
table#contactus td input[type=submit] { margin-top: 10px; }

/* -----------------------------------------------
5. USEFUL CLASSES
----------------------------------------------- */

a.more-link { display: block; background: url("img/more.png") no-repeat; background-position: 0px 0px; height: 23px; width: 50px; float:right; margin-right: 20px; margin-bottom: 10px;  text-indent: -3000px; }
a.more-link:hover { background-position: 0px -23px; height: 30px; }

.clr { overflow: hidden; clear: both; height: 1px; margin-top: -1px }
.la { text-align: left }
.ra { text-align: right }
.ca { text-align: center }
.fl { float: left }
.fr { float: right }
.nb { border: 0 none !important }
.hide { display: none }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }