/* @import url(css3.css); browser specific CSS */

@media all {

/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* =html */
html { background : #fff; color : #333; }	

/* =body */
body { position : relative;  width : 100%; margin : 0; padding: 0; font : 70%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; text-align: center; float: left;}
body.index { background-color: #b5426d; }

/* =blocktext */
h2, h3, h4, h5, p, blockquote, address, dl, ul, ol { margin : 0; padding : .5em 0; }
body.content #content_main h2, body.content #content_main p { margin : 0; }

/* =hx */
h2, h3, h4, h5 { font-weight : bold; }

/* =h1 */
h1 { margin : 0; padding : 0; position : relative; top : 15px; width : 100%; height : 128px; }
body.index h1 { width : 100%; }

/* =h2 */
h2 { padding : 1em 0 .5em 0; font-size : 170%; font-weight : normal; line-height : 1.2; }
body.index #container_head h2 { margin : 0 45% 0 0; padding : 40px 0 0 0;  }
body.index #content h2 { padding-bottom : 1em; color : #b1426c; line-height : 1.2; }
body.content h2 { color: #000; font-weight: bold; }

/* =h3 */
h3 { font-size : 140%; }
#products_ww h3 { margin-top : 15px; padding-top : 0; border-top : 1px solid #ccc; }

/* Note: Group index sidebar logos */
body.index #content_sub li h3 { width : 278px; height : 48px; margin : 0; background-position : top left; background-repeat : no-repeat; text-indent : -9999px; }
h3.paperboard { background-image : url(../../siteimages/h3-paperboard-products.gif); }
h3.claygate { background-image : url(../../siteimages/h3-claygate-speciality-films.gif); }
h3.deva { background-image : url(http://www.boardlinkgroup.co.uk/downloads/hawardensheeters/deva-laminating-sm.gif); }
h3.hawarden { background-image : url(http://www.boardlinkgroup.co.uk/downloads/hawardensheeters/deva-trading-sm.gif); }
h3.wipeup { background-image : url(../../siteimages/h3-wipeupwipers.gif); }
body.index #content_main h3 { clear : left; padding-top : 30px; padding-bottom : 0; }
form h3 { margin-left : 0; }
li h3 { padding : 0; margin : 0; font-size : 100%; }
body.content li h3 { color : #000; font-weight : bold; }
body.content h3.downloads { font-size : 99%; } 
#content_supp h3 { display : block ; width : auto; padding-left : 33px; font-size : 120%; }
#content_supp #faq h3 { background : url(../../siteimages/icon-faqs.gif) no-repeat 12px 13px; }
#content_supp #downloads h3 { background : url(../../siteimages/icon-downloads.gif) no-repeat 18px 12px; }
#content_supp #product-categories h3 { background : url(../../siteimages/icon-product-cats.gif) no-repeat 12px 12px; }
#ha_faqs h3 { display : block ; width : auto; padding-left : 33px; font-size : 120%; background : url(../../siteimages/icon-faqs.gif) no-repeat 12px 13px; }
#ha_downloads h3 { display : block ; width : auto; padding-left : 33px; font-size : 120%; background : url(../../siteimages/icon-downloads.gif) no-repeat 18px 12px; }

.content #content_main h3 { padding-top : 30px; }
.content #content_main h3 { padding-top : 30px; }

/* =h4 */
h4 { font-size : 120%; }
li h4 { margin-left : 0; }
#nav_main h4, #nav_supp h4, #nav_categories h4 { position : absolute; top : -9999px; }
#content_sub li h4 { margin-bottom : -.5em; }
.index h4 { clear : left; margin-top : 30px; }

/* =h5 */
h5 { font-size : 120%; }
li h5 { margin-left : 0; }

/* =p */
p { font-size : 100%; }
body.index #container_head p { margin : 0 50% 0 0; font-size: 110%; font-weight: bold; }
li p, dd p, form p, blockquote p { margin-left : 0; }
li blockquote p { margin-left : 0; }
#content_supp div div p { margin : 0 10px 0 33px; }
#ha_faqs p { margin : 0 10px 0 33px; }
#ha_downloads p { margin : 0 10px 0 33px; }

body.index #content_sub h3 + p { margin : 0 20px 10px 35px; padding : 0; font-weight : bold; color : #3e3e3e;}
body.index #content_sub h3 + p + p {  margin : 0 0 0 35px; padding : 0; }

body.brand #content_main p { position : relative; }
body.brand h2 + p { margin-bottom : 4em;  padding-bottom : 3em; border-bottom : 1px solid #ccc; font-weight: bold;  }
body.brand h2 + p + p {  padding-top: 2em; }
body.brand h2 + p + h4 {  padding-top: 1.5em; }

body.article h2 + p { margin-bottom : 4em; padding-bottom : 1em; border-bottom : 1px solid #000; font-weight : bold;  } 
body.contact h2 + p { font-weight : bold; }

#siteinfo p {  float : left; display : block; clear : both; text-align : center; width : 100%; padding-top: 0; }
#siteinfo ul + p {  margin-top : 34px;  }
#siteinfo p span { display : block; }

/* =blockquote */
blockquote { padding-left : 20px; border-left : 1px solid #999; }

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
abbr { cursor : help; }

/* =strong/b/em/i */
strong, b { font-weight : bold; }
em, i { font-variant : italic; }

/* =address */
address {  width : 100%; min-height : 157px; background : #fff url(../../siteimages/map.gif) no-repeat top left; font-style : normal; line-height : 1.2; }
address span { display : block; width : 50%; margin-left : 100px; }

/* =dl/dt/dd */
dt { font-weight : bold; }
dd { padding-bottom : .5em; }

body.news #content_sub dl { position : relative; top : -1em; border-bottom : 1px solid #2c2c2c; margin-bottom : -1em; padding-bottom : 2em; }
body.news #content_sub dt { font-size : 110%; padding-top : 1em; }
body.news #content_sub dd { display : inline; }

/* =ul */
form ul { margin-left : 0; }
ul ul { margin-left : 0; }
ul#nav_access { position : absolute; top : -9999px; }
#content_supp div div ul { margin-left : 33px; }
#ha_faqs ul { margin : 0 10px 0 33px; padding-bottom : 0!important; }
#ha_downloads ul { margin : 0 10px 0 33px; }
#siteinfo ul { float : right; padding : 0 0 35px 0; text-align : right; color : #fff;  }
#siteinfo div.wrapper div + ul { background : url(../../siteimages/icon-group-trans.png) no-repeat bottom left; }

body.content #nav_secondary ul { text-align : center; }
body.content #content_sub ul, body.content #content_sub ol { border-bottom : 1px solid #2c2c2c; padding-bottom : 1.5em; margin-bottom : 1.5em; }
body.content #content_sub ul:last-child { border : none; }

/* =ol */
ol { overflow : hidden; }
ol ol { margin-left : 0; }

/* =li */
body.index #content_sub li { margin : 0 20px 1em 20px; padding-bottom : 1em; border-bottom : 2px solid #f4d5e4; }
body.index #content_sub li:last-child { border-bottom : 0; }
body.index #content_main li { width : 86.5%; margin-left : 13%; margin-bottom : 1em; }
/* body.content #content_sub li { margin-bottom : 1em;  } */

/* =img */
img, a img { padding : 0; margin : 0; border : none; }
#content_main img, #content_sub img, #branding_supp img { padding : 2em 0 0 0; margin-left : 0; }
#content_main .intro img { margin : 1em 1.5em 0 0; padding : 0; }
#siteinfo img { position : absolute; top : 9.5em; right : 0; }
body.brand #content_sub img { padding: 0; margin : 0; }
body.brand #content_main h2 + p img { position : absolute; left : 180px; bottom :-12px; padding: 0; margin: 0; } /* Changed */
img.fl { float : left; position : relative; left : -30px; top : -20px; margin : 0 -20px -20px 0!important; }

/* =hr */
hr { display : none; }

/* =a */
a { text-decoration : none; }
a:visited { color : #999; text-decoration : underline; }
a:hover { color : #999; text-decoration : underline; }
a:active, a:focus { color : #000; text-decoration : underline; }
h1 a { display : block; width : 100%; text-indent : -9999px; overflow : hidden; }
h1 a:hover { text-decoration : none; }

/* Rules */
body.index h1 a { height: 149px; }
body.brand h1 a, body.content h1 a { height: 128px; }

.intro a, .intro a:visited { color : #fff; }
body.index #content_sub a { color : #b5426d; font-weight: bold; }
body.content #nav_secondary a { text-transform : uppercase; }
body.article #content_main h3 a { text-decoration : none; }
body.article #content_sub p a span { text-decoration : none; }
#content_sub h3 a { text-decoration : none; }
#content_sub li h3 a { text-decoration : underline; }
a[class="rss"] { display : block; padding-left : 20px; background : url(../../siteimages/icon-rss-trans.png) no-repeat 0 3px; font-weight : bold; }
body.index #content_sub a, body.article #content_sub p a, body.brand #content_main p:last-child a, 
body.brand h3 + p + p a { padding-left : 20px; background : #fff url(../../siteimages/arrow.gif) no-repeat 0 50%; }
#siteinfo a { color : #fff; font-weight : bold; }

/* Modified 15/08/08 - RSS Feed */
#siteinfo p#rss a { display : block; width: auto; font-weight : bold; text-align : left; }
#siteinfo p#rss > a { padding : 10px 0 5px 25px; background : url(../../siteimages/icon-rss-trans.png) no-repeat 0 13px; }

/* =form */
form#fm_search { display : block; float : right; width : 200px; margin : 0; padding: 0; }
form#fm_search fieldset { overflow : hidden; margin : 0; padding : 5px 0 0 0; width : 200px; }
fieldset { padding : 1em 0; }
legend { font-weight : bold; }
label { overflow : hidden; margin-bottom : .5em; }
label, label span { display : block; }
form#fm_search label { float : left; width 240px;}
form#fm_search label span { display : block; float : left; width : 20px; height : 20px; margin-right : 10px; background: url(../../siteimages/icon-search-trans.png) no-repeat top left; text-indent : -9999px; }
form#contact label span { display : block; float : left; width : 33%; text-align : left; font-weight : bold; }
form#fm_search input { width : 100px; }
textarea { font-size : 99%; border : 1px solid #999; }
select { width : 200px; border : 1px solid #999; font-size : 99%; }
form#fm_search button { float : left; display : block; width : 51px; height : 20px; margin : 0 0 0 10px; padding: 0;  border : 0; background : url(../../siteimages/btn-search-trans.png) no-repeat top left; text-indent : -9999px; }

/* =table */
table { margin : 0 20px; font-size : inherit; }
caption { font-weight : bold; }
tr { padding : .5em 0; }
thead tr { background-color : #333; color : #fff; }
tfoot tr { background-color : #333; color : #fff; }
tbody tr { border-bottom : 1px dotted #999; }
th, td { padding : .25em 1.5em .25em 0; vertical-align : top; }

/* =div */
form div { padding : .5em 0; } 
.wrapper { position : relative; width : 790px; margin : 0 auto; text-align : left; }
#downloads { width : 307px; min-height : 20em; }
#faq, #product-categories { width : 227px; min-height : 20em; }
#downloads, #faq { margin-right : 12px; }
body.brand #nav_supp .wrapper { padding-top : 10px; border-top : 3px solid #f6f6f6; }

/* =layout */

#container, #container_head, #branding, #nav_main, #content,   #nav_supp, #branding_supp { width : 100%; text-align: left; }

/* =branding */
#branding { clear : both; background-color : #fff; }
div[id="branding"] { background : #fff url(../../siteimages/bg-branding.jpg) repeat-x top left; }
.index #branding { height : 135px; }

/* =container */
#container { float : left; background-color : #fff; text-align : center;  }
body.content #container { clear : both; background : #fff url(../../siteimages/bg-branding.jpg) repeat-x top left; }

/* =container_head */
#container_head { position : relative; text-align : center; color: #fff; }
body.index #container_head { border-bottom : 21px solid #f4d5e4; }

/* =#container_head .intro */
#container_head .intro { positon: relative; display : block; clear : both; min-height : 246px;  }
body.index #container_head .intro { min-height : 200px; background : url(../../siteimages/bg-home-gradient.jpg) no-repeat top left; }

/* =content */
#content { position : relative; width : 790px; margin : 0 auto;  padding : .5em 0; }

/* =content_main */
#content_main { float : left; width : 54.55%; width : 50.55%; padding-bottom : 1em; }
body.index #content_main { float : left; width : 56.96%; }
body.brand #content_main { padding-bottom : 2em; }
#content_main .intro { float : left; margin-bottom : 0; padding-bottom : 2em; font-weight : bold; }
#content_main div.intro div { float : left; }

/* =content_sub */
#content_sub { float : right; width : 35.44%; width : 39.44%; padding-bottom : 1em;  }
body.index #content_sub { float : right; width : 40.25%; padding-top : 1em; background : #fdf9fa; }
body.index #content_sub { position : relative; top : -205px; margin-bottom : -205px; border : 1px solid #f4d5e4; }
body.brand #content_sub { position : relative; top : -60px; margin-bottom : -60px; }
body.content #content_sub { padding-top : 1.5em; }

/* =content_supp */
#content_supp { float : left; clear : both; width : 100%; padding-top: 39px; background: transparent url(../../siteimages/bg-content-supp.jpg) repeat-x top left; border-top : 3px solid #f6f6f6; }
#content_supp div div { float: left; width : 32%; padding : 15px 0; -moz-border-radius : 6px; -webkit-border-radius : 6px; border : 1px solid #ccc; background : #f6f6f6; min-height: 210px; }

/* =branding_supp */
#branding_supp { float: left; clear: both; }

/* =siteinfo */
#siteinfo { width: 100%; clear : both; border-top: 3px solid #000; color: #fff; float: left; padding: 36px 0; }
div[id="siteinfo"] { background : url(../../siteimages/bg-footer-trans.png) repeat-x top left; }
body.index #siteinfo { background : url(../../siteimages/bg-home-footer.jpg) repeat-x top left; }
body.contact #siteinfo { background-image : none; }

/* Widgets 
-----------------------------------------------------------*/

/* =nav_main */
#nav_main { float : left; background : #000; color : #fff; }
#nav_main ul { display : block; float: left;  width: 59.5%; text-align : right; }
#nav_main li { display : inline;  } 
#nav_main li:first-child { position : absolute; left : 0; }
#nav_main a { margin-right: .5em; padding: 0 .5em 0 0; border-right : 1px solid #fff; text-decoration : none; font-weight : bold; color: #fff; }
#nav_main a:hover { text-decoration : underline; }
#nav_main ul li:first-child a, #nav_main ul li:last-child a { border-right : 0; }

/* =nav_secondary */
#nav_secondary { float : left; width : 100%; margin : 0; padding : 5px 0 0 0; background : #d2578e url(../../siteimages/bg-nav.gif) repeat-x top left; border-bottom : 3px solid #b5426d; text-align : center;  }
#nav_secondary li { display : inline;  }
#nav_secondary a { margin : 0;  padding : 10px 15px; width : auto !important; border-top : 5px solid transparent; font-weight : bold; color: #fff; text-decoration : none;  }
#nav_secondary a:hover, #nav_secondary a.active { background-color : #b5426d; border-top : 5px solid #b5426d; z-index: 500; }

/* =nav_supp */
#nav_supp { float : left; clear : both; padding: .5em 0; margin: 2em 0; }
#nav_supp ul { margin-left : 0; }
#nav_supp li { display : inline;  }
#nav_supp li:last-child a { border-right : 0; }
#nav_supp a { padding : 0 1em 0 0; margin : 0 0 0 1em; border-right : 1px solid #000; font-weight : bold; text-decoration : none; }
#nav_supp a:hover { text-decoration : underline; }
#nav_supp li:first-child a { margin-left : 0; }

/* =branding */
#panel-1, #panel-2 { position: absolute; top: 20px; min-height : 198px; border : 2px solid #fff; }
#panel-1 { left : -5px; width : 309px; padding : 0; margin : 0; }
#panel-2 { right : -5px; width : 478px; }
#panel-2 div { position : absolute; bottom : 0; width : 100%; min-height: 26px; padding : 7px 0; text-align : center; }
#panel-2 div a { display : block; width : 262px; height: 26px; margin-left: 119px; border: 0; text-indent: -9999px;  }
#panel-2 div > a { background : url(../../siteimages/btn-more-trans.png) no-repeat top left;  }
#panel-1 img, #panel-2 img { float : left; }
#panel-2 p { width : 270px; margin-left : 190px; }
#panel-2 blockquote { width : 270px; margin : 20px 0 0 190px;  padding-left: 0; border: 0; font-size : 140%; line-height : 1; }
#panel-2 blockquote p { margin : 0; padding : 0; }
#panel-2 p a { padding-left : 10px; color : #fff; font-weight : bold; }

/* =vcard */
.vcard { float : left; width : 45%; }
/* Note: Remove this hack on live site */
* html #siteinfo .vcard { padding-bottom : 35px; }
.vcard span { display : block; }

.index #content_main .vcard { min-height : 10em; margin : 15px 5px 15px 0; }
.index #content_main .vcard .org { font-weight : bold; }
.index #content_main .vcard .region, .index #content_main .vcard .postal-code { display : inline; } 

/* Brand variations 
-----------------------------------------------------------*/

/* =body */
body.claygate { background-color : #590a0d; }
body.deva { background-color : #004a6d; }
body.paperboard { background-color : #57556a; }
body.hawarden { background-color : #004a6d; }
body.wipeup { background-color : #261e01; }

/* =container */
body.claygate #container { background-image : none; }
body.deva #container { background-image : none; }
body.paperboard #container { background-image : none; }
body.hawarden #container { background-image : none; }
body.wipeup #container { background-image : none; }

/* =faqs - downloads */
#ha_faqs { margin-bottom : 15px; padding : 0; border-bottom : 5px solid #ededed; }
#ha_downloads { margin : 0; }

/* =container_head */
body.claygate #container_head { border-bottom : 21px solid #ede1e1; }
body.deva #container_head { border-bottom : 21px solid #bfe4f6; background: #004a6d;}
body.paperboard #container_head { border-bottom : 21px solid #ebe9f4; background: #b0abd4; }
body.hawarden #container_head { border-bottom : 21px solid #bfe4f6; background: #004a6d; }
body.wipeup #container_head { border-bottom : 21px solid #fff2c1; background: #bf9806; }

/* =h1 */
body.claygate h1 { background : url(../../siteimages/h1-claygate-trans.png) no-repeat top left;  }
body.deva h1 { background : url(../../siteimages/h1-deva-trans.png) no-repeat top left; }
body.paperboard h1 { background : url(../../siteimages/h1-paperboard-trans.png) no-repeat top left; }
body.hawarden h1 { background : url(../../siteimages/h1-hawarden-trans.png) no-repeat top left; }
body.wipeup h1 { background : url(../../siteimages/h1-wipeup-trans.png) no-repeat top left; }
body.index h1 { background : url(../../siteimages/h1-group-trans.png) no-repeat top left; }

/* =panel-2 */
img#related {  position : absolute; z-index : 400; }
body.claygate img#related {  left : 80px; bottom : -30px; }
body.deva img#related {  left : 80px; bottom : -30px; }
body.hawarden img#related {  left : 80px; bottom : -30px; }
body.paperboard img#related {  left : 80px; bottom : -30px; }

/* =panel-2 */
body.claygate #panel-2 { background : #820F14 url(../../siteimages/panel-2-claygate.jpg) no-repeat top left;  }
body.claygate div[id="panel-2"] div { background : url(../../siteimages/panel-2-div-trans.png) repeat-y top left; }

body.deva #panel-2 { background : #0070a3 url(../../siteimages/panel-2-deva.jpg) no-repeat top left;  }
body.deva div[id="panel-2"] div { background : url(../../siteimages/panel-2-div-trans.png) repeat-y top left; }

body.paperboard #panel-2 { background : #b0abd4 url(../../siteimages/panel-2-paperboard.jpg) no-repeat top left;  }
body.paperboard div[id="panel-2"] div { background : url(../../siteimages/panel-2-div-trans.png) repeat-y top left; }

body.hawarden #panel-2 { background : #0070a3 url(../../siteimages/panel-2-hawarden.jpg) no-repeat top left;  }
body.hawarden div[id="panel-2"] div { background : url(../../siteimages/panel-2-div-trans.png) repeat-y top left; }

body.wipeup #panel-2 { background : #bf9806 url(../../siteimages/panel-2-wipeup.jpg) no-repeat top left;  }
body.wipeup div[id="panel-2"] div { background : url(../../siteimages/panel-2-div-trans.png) repeat-y top left; }

/* =nav_main */
body.claygate #nav_main { background-color : #5d1016; }
body.deva #nav_main { background-color : #002537; }
body.paperboard #nav_main { background-color : #2c2a35; }
body.hawarden #nav_main { background-color : #002537; }
body.wipeup #nav_main { background-color : #261e01; }

/* =nav_secondary */
body.claygate #nav_secondary { background-color : #b2151c; border-bottom: 3px solid #921116;  }
body.claygate #nav_secondary li a:hover, body.claygate #nav_secondary li a.active { background-color : #921116; border-top : 5px solid #921116; }

body.deva #nav_secondary { background-color : #0086c5; border-bottom: 3px solid #0073b4;  }
body.deva #nav_secondary li a:hover, body.deva #nav_secondary li a.active { background-color : #0073b4; border-top : 5px solid #0073b4; }

body.paperboard #nav_secondary { background-color : #8481a0; border-bottom: 3px solid #716d88;  }
body.paperboard #nav_secondary li a:hover, body.paperboard #nav_secondary li a.active { background-color : #716d88; border-top : 5px solid #716d88; }

body.hawarden #nav_secondary { background-color : #0086c5; border-bottom: 3px solid #0073b4;  }
body.hawarden #nav_secondary li a:hover, body.hawarden #nav_secondary li a.active { background-color : #0073b4; border-top : 5px solid #0073b4; }

body.wipeup #nav_secondary { background-color : #e6b707; border-bottom: 3px solid #d7a405;  }
body.wipeup #nav_secondary li a:hover, body.wipeup #nav_secondary li a.active { background-color : #d7a405; border-top : 5px solid #d7a405; }

/* =container a */
body.index #container a { color : #b5426d; font-weight: bold; }
body.claygate #container a { color : #b2151c; font-weight : bold; }
body.deva #container a { color : #02638e; font-weight : bold; }
body.paperboard #container a { color : #8481a0; font-weight : bold; }
body.hawarden #container a { color : #02638e; font-weight : bold; }
body.wipeup #container a { color : #02638e; font-weight : bold; }

/* =siteinfo */
body.claygate #siteinfo p#rss { border-top : 1px solid #d49fb3; }
body.deva #siteinfo p#rss {  border-top : 1px solid #809199; }
body.paperboard #siteinfo p#rss {  border-top : 1px solid #84809f; }
body.wipeup #siteinfo p#rss {  border-top : 1px solid #fff; }

}