/*

 www.wolf-safety.co.uk Style Sheet v1.0a

 COLORS: 

*/

table {
    page-break-before: always ! important;
}
table {
    display: block; 
    page-break-inside: avoid;
}


html { height: 100%; margin: 0; padding: 0; font-size: 100%; background-color: #ffffff}
body {
    margin: 0 auto;
    padding: 0px;
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    height: 98.8% ! important;
    width: 1000px ! important;
    line-height: 16px;
    text-align: center;
    letter-spacing: 1px;
}
h1, h2, img, form, div, input, textarea, p, select, span, ul, li, fieldset {
    padding: 0;
    margin: 0;
}
img {
    border: 0;
}
h1, h2, h3 {
    pause: 20ms 30ms;
    voice-family: paul;
    stress: 30;
    richness: 90;
}
h1 { 
    font-size: 28px;
    line-height: 38px;
    font-weight: bolder;
    letter-spacing: -1px;
    word-spacing: 1px;
}
h2 {
    font-size: 18px;
    line-height: 32px;
}
h3 {
    font-size: 12px;
    line-height: 24px;
}
strong, b, p {
    voice-family: juliet, female;
    stress: 50;
    richness: 50;
}
a, a:visited {
    color: #CC3300 ! important;
    text-decoration: none;
}
a:hover {
    color: #CC3300 ! important;
    text-decoration: underline;
}
p {
    color: #333333;
}
#container {
    position: relative;
    left: 0;
    top: 0;
    width: 970px ! important;
    padding: 0;
    height: 98.8%;
    margin-bottom: 0;
    margin-left: 2em;
    margin-right: auto;
    margin-top: 0.5em;
    background-color: #ffffff;
}
#container a {
    color: #CC3300 ! important;
}
#container p a {
    color: #CC3300 ! important;
}





/* Header */
#header-wrap {
    display: none ! important;
    width: 0px ! important;
    height: 0px ! important;
}
#header-div,
#header-img,
#header-img .div,
#header-underbar,
#header-company-name h2,
#header-image {
    display: none ! important;
    width: 0px ! important;
    height: 0px ! important;
}

/* Content */
#content {
    clear: both;
    display: block;
    position: relative;
    float: none !important;
    text-align: center ! important;
    width: 946px;
    padding: 0;
    margin-left: 0 ! important;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 1px ! important;
}
/* border: 1px dashed #cccccc; */
#content div {
    position: relative;
    padding: .5em;
    margin: 0;
}
#content p, span, h1, h2, h3 {
    text-align: left;
    margin: 0;
    padding: 0;
}
#content a {
    font-weight: bold;
    text-decoration: none;
}
#content a:hover {
    text-decoration: underline;
}
#content p {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 1.5em;
}
#content p .justify {
    text-align: justify;
}
#content .content-left {
    clear: both;
    float: left ! important;
    width: 1px ! important;
    margin: 0;
    padding: 0;
    text-align: left;
}
#content .content-left img {
    display: block;
    padding: 0;
    margin: 0;
}
#content .content-left h3 {
    display: block;
    clear: both ! important;
}
#content .content-left h2 {
    display: block;
    clear: both ! important;
}
#content .content-right {
    float: right ! important;
    width: 208px ! important;
    margin: 0 ! important;
    padding: 0 ! important;
    text-align: left;
}
#content .content-right-sml {
    float: right;
    margin: 0;
    padding: 0;
    width: 30px;
    font-size: 0;
}
#content .content-middle {
    float: left ! important;
    margin: 0;
    margin-left: 20px;
    padding: 0;
    text-align: left;
    width: 620px;
    height: auto ! important;
    display: block;
}
#content .content-middle-land {
    float: left;
    margin-right: auto ! important;
    margin-left: auto ! important;
    margin-top: 1.3em ! important;
    margin-bottom: 0 ! important;
    width: 660px ! important; 
    padding: 0 ! important;
    /* overflow: hidden ! important; */
    overflow: visible !important;
    text-align: right;
}
#content br {
    clear: left ! important;
    line-height: 12px;
    font-size: 12px ! important;
    white-space: pre ! important;
}
ul.pipe {
    margin: 3px;
    padding:0;
    list-style-type: none;
}
li.pipe {
    margin: 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("/images/pipe.gif");
    padding-left:5px;
    padding-right:0;
    padding-top:0;
    padding-bottom:0;
    display: inline;
}
a img {
    border: 0;
}
.nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
}
.center {
    text-align: center ! important;
}
.right {
    text-align: right ! important;
}
.hidden {
    display: none;
}
.floatright {
    clear: both;
    float: right ! important;
}
.fixed220 {
    width: 220px ! important;
}
.fixed156 {
    width: 156px ! important;
}
.fixed120 {
    width: 120px ! important;
}
.fixed56 {
    width: 56px ! important;
}
.fixed40 {
    width: 40px ! important;
}
.uppercase {
    text-transform: uppercase ! important;
}
.contentul {
    text-align: left ! important;
    display: block ! important;
    padding-left: 30px;
    white-space: normal ! important;
    color: #333333;
}
.style4 {
    font-size: 95%;
    color: #CC310F;
    line-height: 97%;
}
#content-middle a.indexbody {
    font-size: 80%;
    line-height: 110%;
    color: #666666 ! important;
}
.offblack {
    color: #666666 ! important;
}
.offblackh2 {
    color: #444444 ! important;
    font-weight: 500 ! important;
    font-size: 28px;
    letter-spacing: 0px;
    font-variant: small-caps;
}
.offblackh3 {
    color: #444444 ! important;
    font-weight: normal ! important;
    font-size: 15px;
    letter-spacing: 1px;
    font-variant: small-caps;
}
.productsbox {
    width: 204px ! important;
    border: 2px solid #d6d6d6;
    margin: 0 ! important;
    margin-top: 16px ! important;
    padding: 0 ! important;
}
.productsbox h2.center {
    color: #CC3300 ! important;
    line-height: 21px;
    letter-spacing: -1px;
    word-spacing: 1px;
    font-size: 18px;
    margin: 6px;
}
.productsbox h3 {
    padding-top: 0 ! important;
    padding-bottom: 4px ! important;
    padding-left: 4px ! important;
    padding-right: 0 ! important;
    margin: 0 ! important;
    line-height: 13px;
    letter-spacing: 0px;
    font-size: 11px;
    font-weight: bold;
}
.productsbox a {

}
.productsbox p {
    padding-top: 0 ! important;
    padding-bottom: 4px ! important;
    padding-left: 4px ! important;
    padding-right: 0 ! important;
    margin: 0 ! important;
}
.productsbox img.aligntopleft {
    float: left;
    clear: both;
    padding: 0 ! important;
    margin: 0 ! important;
}
.productsbox img.alignbottomright {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 ! important;
    margin: 0 ! important;
}
#content-left ul {
    width: 200px ! important;
    padding-left: 1.5em ! important;
    padding-right: 0;
    padding-top: 1.5em ! important;
    padding-bottom: 0;
    margin: 0;
    list-style-type: circle ! important; 
}
#content-left li {
    padding-left: 0;
    padding-right: 0;
    padding-top: .5em;
    padding-bottom: .5em;
    margin: 0;
}
div.editmiddle {
    clear: both;
    display: block;
    position: relative;
    float: none !important;
    text-align: left;
    width: 620px;
}
.editmiddle img {
    display: block;
    clear: both;
    padding-top: 0;
    padding-bottom: 0 ! important;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}
#content .editmiddle table {
    clear: both;
    display: block;
    position: relative;
    float: none !important;
    width: 100% ! important;
    padding-top: 0 ! important;
    padding-bottom: 0 ! important;
    padding-left: 0 ! important;
    padding-right: 0 ! important;
    margin: 0 ! important;
    font-size: 12px ! important;
    border: 0 ! important;
    line-height: 18px ! important;
}
.editmiddle h3 {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px ! important;
    color: #222222;
}
.editmiddle tr,
.editmiddle td {
    background: #ffffff;
}
.editmiddle tr.row1 td,
.editmiddle td.row1 {
    background: #fff29d ! important;
}
#content h1.toptitle {
    color: #666666 ! important;
    font-weight: bolder ! important;
    font-size: 24px ! important;
    margin-bottom: .25em ! important;
}
#multimenu,
#multimenu div.top,
#multimenu div.top a,
#multimenu div.bottom,
#multimenu div.root,
#multimenu div.root a,
#multimenu div.child,
#multimenu div.child a,
#multimenu div.childproduct,
#multimenu div.childproduct a,
#multimenu div a.selected,
#multimenu div.root a.mselected,
#multimenu div.top a.mselected,
#multimenu div.brroot,
#multimenu div.brchild,
#multimenu div.brchildproduct,
#multimenu div.root a,
#multimenu div.child a{
    display: none ! important;
    width: 0px ! important;
    height: 0px ! important;
}
/* side news */
#side-news {
    margin: 0;
    margin-top: 12px ! important;
    padding: 0;
    width: 208px;
    height: 262px ! important;
    color: #ffff01 ! important;
    background: transparent url(/images/news/news-box-2.jpg) 0 0 no-repeat;
}
#side-news .newshead {
    visibility: hidden;
    padding: 0 ! important;
    margin: 0 ! important;
    background: transparent;
    height: 38px;
    width: 208px;
}
#side-news p {
    margin: 0px;
    margin-left: 5px;
    margin-right: 10px;
    padding: 0 ! important;
    width: auto;
    text-align: left;
    line-height: 12px;
}
#side-news .item {
    padding: 0 ! important;
    margin: 0;
    width: 208px;
    height: 65px ! important;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    text-transform: uppercase ! important;
    text-align: center;
}
#side-news a.headline {
    font-style: normal;
    font-weight: bold;
    color: #aaaa01 ! important;
    font-size: 10px;
}
#side-news p.date {
    text-align: right;
    font-size: 9px;
    margin-top: 4px ! important;
    margin-bottom: 3px ! important;
    margin-right: 14px;
    color: #777777 ! important;
}
#side-news p.summary {
    text-align: left;
    margin-top: 0px ! important;
    margin-bottom: 2px ! important;
    color: #333333 ! important;
}
#side-news a.summary {
    font-size: 11px ! important;
    color: #333333 ! important;
}
#side-news a.summary:hover {
    color: #777777 ! important;
}
#side-news a.summary:visited {
    color: #333333 ! important;
}
#side-news div.newsline {
    clear: both;
    margin: 0 ! important;
    padding: 0 ! important;
    height: 0 ! important;
    font-size: 0 ! important;
    line-height: 0;
}
#content div.editmiddle table {
    margin: 0 ! important;
    float: left ! important;
    width: 710px ! important; 
    padding: 0 ! important;
    /* overflow: hidden ! important; */
    overflow: visible !important;
    text-align: right;
}
#content-banner div.banner_text {
    margin-left: 8px;
    margin-right: 8px;
}