/*  =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, body {
height:100%;
}

a {
text-decoration:none;
color:#FF0C30; /* 0067b7 */
outline:none;
}

a:hover {
color:#242577;
text-decoration:underline;
}
	
body {
margin:0px;
padding:0px;
text-align:center;
background:url('../images/bodynew.png') repeat-y center #252578;
color:#252578;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
line-height:140%;
}

p {
padding:10px;
}

em {
font-style:italic;
}

span.center {
text-align:center;
}

.intro {
font-size:26px;
line-height:110%;
font-weight:bold;
margin:2px 4px 0px 4px;
color:#1D3F88;
}

.intro-body {
font-weight:bold;
color:#3FC56D;
font-size:16px;
line-height:130%;
}

strong {
font-weight:bold;
}

.shop-bold {
color:#242577;
font-size:14px;
}

#container {
width:920px;
margin:0 auto 0 auto;
text-align:left;
background:#252578 url(../images/bg.jpg) repeat-y left top;
}

#header {
position:relative;
z-index:10;
height:150px;
background:url(../images/header-trans.png) no-repeat left top;
}

p.branding {
text-indent:-9999px;
}

#content {
float:left;
width:450px;
margin:-15px 0px 0 0px;
}

.products {
clear:both;
}

.main-img {
margin:6px;
}


#mid-box {
position:absolute; top:227px; left:50%; margin-left:-225px;
height:162px;
width:450px;
margin-bottom:10px;
z-index:0;
}


#btm-box {
position:absolute; top:400px; left:50%; margin-left:-225px;
background:url(../images/main-trans.png) no-repeat left top;
width:450px;
}

#main-box {
margin:10px auto 0 auto; padding-bottom:10px;
width:428px;
/*background:url(../images/main-trans-top.png) #fff no-repeat left top;*/
background-color:#FFF;
border:11px solid #CDDEF2; border-top:0; border-bottom:0;
}
.lock {height:600px; overflow:auto;}
#main-box h1 {margin:25px 0 5px 10px; font:bold 20px sans-serif; color:#00b5ff;}
#main-box h2 {margin:5px 0 5px 10px; font:bold 16px sans-serif; color:#00b5ff;}

#btm-box p {
padding: 0 35px auto 25px; background:#fff;
}

#btm-box p strong {
font-weight:bold;
color:#3FC56D;
}

#btm-box p.intro {
padding:15px 7px 15px 7px;
}

#btm-box ul.body-list {
padding:0 35px 10px 25px;
}

#btm-box ul.body-list li {
list-style:disc;
margin-left:14px;
margin-bottom:5px;
}

#btm-box ul.body-list li strong {
font-weight:bold;
color:#3FC56D;
}

#btm-box ul.body-list-bold {
float:left;
padding:0 15px 10px 25px;
}

#btm-box ul.body-list-bold li {
margin-bottom:0px;
font-weight:bold;
list-style:none;
margin-left:0;
}

.right {
float:left;
}

/* SHOP PAGE */

#shoppage-box {
min-height:647px;
background:url(../images/shoppage-mid.gif) repeat-y left top;
padding:5px 20px;
width:625px;
}

.shop-top {
height:15px;
background:url(../images/shoppage-top-trans.png) no-repeat left top;
width:665px;
}

.shop-bottom {
height:15px;
background:url(../images/shoppage-btm-trans.png) no-repeat left bottom;
margin-bottom:20px;
width:665px;
}

#shoppage-box h1 {
margin:15px 0px 0px 0px;
line-height:120%;
color:#242577;
font-size:20px;
}


#tableProductDetails {
width:520px;
padding:0 10px;
margin:20px 0 30px 0px;
}

#tableProductDetails h1 {
margin-left:10px;
}

#tableProductDetails img {
margin:10px 0 10px 10px;
}

#tableProductDetails strong.price {
margin:10px 0 10px 10px;
}

#tableProductDetails input.formButton {
margin:10px 0 5px 0px;
}

textarea#cstComments {
width:215px;
}


table#tableSearchResults {
margin:20px 0 30px 10px;
padding:50px 0;
}

table.tabform {
width:500px;
}

table.tabform td input {
width:300px;
}

form.log {
margin-left:10px;
width:300px;
padding:15px 0 0 15px;
border:1px #cbdef2 solid;
background-color:#e6ecf2;
}


table.tabularData {
width:500px;
}

.tabularData th {
font-weight:bold;
padding:5px 10px;
}


table.final {
width:535px;
margin-left:10px;
padding:15px;
border:1px solid #cbdef2;
}

table.final th {
margin:10px;
border:1px solid #cbdef2;
}


.tabularData tr.table-head {
background-color:#cbdef2;
}

.tabularData tr td {
padding:5px 10px;
}

#tblOrderDetails {
margin:10px;
padding:15px;
background-color:#e6ecf2;
}

#tblOrderDetails tr {
border-bottom:1px solid #fff;
}


th.pass {
width:80px;
}



td.prod-box {
margin:10px 20px;
padding:0 20px;
width:320px;
}

table#tableSearchResults tr#Results {
border-bottom:1px solid #cbdef2;
border-top:1px solid #cbdef2;
}

td.prod-box p {
padding-left:0;
}

td.prod-box h3 {
color:#0080C3;
font-size:14px;
}

td.prod-box img {
margin-bottom:10px;
padding:0px;
border:1px #cbdef2 solid;
}

td.prod-box strong.price {
display:block;
margin:10px 0 0 0;
color:#242577;
}

h1#reg {
margin-left:10px;
}

.shop-form {
width:505px;
margin:10px;
padding:15px;
border:1px #cbdef2 solid;
background-color:#e6ecf2;
}

.shop-form p {
padding:0;
}

.shop-form tr {
height:30px;
}

input.formButton {
margin:10px 0 20px 10px;
}

table.tabform td input.formCheckbox {
width:auto;
}

p.pagingLinks {
display:none;
}








a.environment {
text-indent:-9999px;
background:url(../images/environment-trans.png) no-repeat left top;
width:205px;
height:162px;
}

a.environment:hover {
background:url(../images/environment-on-trans.png) no-repeat left top;
}

a.retail {
text-indent:-9999px;
background:url(../images/retail-trans.png) no-repeat left top;
height:59px;
}

a.retail:hover {
background:url(../images/retail-on-trans.png) no-repeat left top;
}

a.retail {
width:196px;
height:59px;
}

a.transport {
text-indent:-9999px;
background:url(../images/transport-trans.png) no-repeat left top;
height:59px;
}

a.transport:hover {
background:url(../images/transport-on-trans.png) no-repeat left top;
}

a.transport {
width:196px;
height:59px;
}

a.commercial {
text-indent:-9999px;
background:url(../images/commercial-trans.png) no-repeat left top;
height:59px;
}

a.commercial:hover {
background:url(../images/commercial-on-trans.png) no-repeat left top;
}

a.commercial {
width:196px;
height:59px;
}

a.social {
text-indent:-9999px;
background:url(../images/social-trans.png) no-repeat left top;
height:59px;
}

a.social:hover {
background:url(../images/social-on-trans.png) no-repeat left top;
}

a.social {
width:196px;
height:59px;
}

a.brochure {
text-indent:-9999px;
display:block;
background:url(../images/brochure-trans.png) no-repeat left top;
height:89px;
width:205px;
margin-bottom:10px;
}

a.brochure:hover {
background:url(../images/brochure-on-trans.png) no-repeat left top;
}




/* SIDEBOX */

#sidebar-r {
float:right;
margin:77px 20px 0 10px;
width:205px;
}

.sidebox {
width:205px;
}

a.sidetitle {
display:block;
padding:12px 0 0 8px;
width:196px;
}

#sidebar-l {
float:left;
margin:77px 10px 0 20px;
width:205px;
}

a.fivepence {
display:block;
width:205px;
height:76px;
background:url(../images/fivepence-trans.png) no-repeat left top;
text-indent:-9999px;
padding:0;
margin-bottom:10px;
}

a.fivepence:hover {
background:url(../images/fivepence-on-trans.png) no-repeat left top;
}

a.prices {
display:block;
width:205px;
height:92px;
background:url(../images/prices-trans.png) no-repeat left top;
text-indent:-9999px;
padding:0;
margin-bottom:10px;
}
/*
a.prices:hover {
background:url(../images/prices-on-trans.png) no-repeat left top;
}*/

a.news-side {
display:block;
width:205px;
height:162px;
background:url(../images/news-side-trans.png) no-repeat left top;
text-indent:-9999px;
padding:0;
margin-bottom:10px;
}

a.news-side:hover {
background:url(../images/news-side-on-trans.png) no-repeat left top;
}

a.what-say {
display:block;
width:205px;
height:158px;
background:url(../images/what-trans.png) no-repeat left top;
text-indent:-9999px;
padding:0;
}

a.what-say:hover {
background:url(../images/what-on-trans.png) no-repeat left top;
}

a.centre {
display:block;
margin:0 auto;
text-align:center;
}

.news {
background:url(../images/news-mid-trans.png) repeat-y left top;
}

.newstitle {
height:55px;
text-indent:-9999px;
padding:0;
background:url(../images/news-trans.png) no-repeat left top;
}

.newssub {
color:#FFFFFF;
padding:0 20px;
font-size:16px;
margin-bottom:8px;
}

.newsstory {
color:#FFFFFF;
padding:0 20px;
margin-bottom:10px;
}

.last {
display:block;
width:205px;
height:15px;
margin-left:-20px;
padding:0 0 60px 20px;
background:url(../images/news-btm-trans.png) no-repeat left bottom;
}







/* OFFER */

a.offer {
text-indent:-9999px;
background:url(../images/offer-trans.png) no-repeat left top;
height:162px;
}

a.offer {
width:196px;
height:153px;
}

/*a.offer:hover {
background:url(../images/offer-on-trans.png) no-repeat left top;
}*/






/* SHOP */

a.login {
text-indent:-9999px;
display:block;
background:url(../images/login-off-trans.png) no-repeat left top;
width:205px;
height:70px;
margin-bottom:15px;
}

a.login:hover {
background:url(../images/login-on-trans.png) no-repeat left top;
}

a.shop {
text-indent:-9999px;
background:url(../images/shop-trans.png) no-repeat left top;
height:162px;
margin-bottom:7px;
}

a.shop {
width:196px;
height:153px;
}
/*
a.shop:hover {
background:url(../images/shop-on-trans.png) no-repeat left top;
}*/





/* FOOTER */

#footer {
clear:both;
margin:0 auto 0 auto;
height:90px;
background:#fff url(../images/footer.jpg) no-repeat left bottom;
width:920px;
font-weight:normal;
}

#footer p {
padding-top:10px;
font-size:10px;
}




/* CLEAR */

.clear {
clear:both;
}




/* IMAGES */

.img-right {
float:right;
margin:5px 35px 5px 35px;
}

.img-left {
float:left;
margin:0px 10px 5px 15px;
}




/* BUTTONS */

a.defra-btn {
text-indent:-9999px;
float:left;
display:block;
width:378px;
height:32px;
margin:10px 0px 20px 20px;
background:url(../images/defra_off.jpg) no-repeat left top;
}

a.defra-btn:hover {
background:url(../images/defra_on.jpg) no-repeat left top;
}


a.enviro-btn {
text-indent:-9999px;
float:left;
display:block;
width:378px;
height:32px;
margin:10px 0px 20px 20px;
background:url(../images/enviro_off.jpg) no-repeat left top;
}

a.enviro-btn:hover {
background:url(../images/enviro_on.jpg) no-repeat left top;
}


a.data-btn {
text-indent:-9999px;
float:left;
display:block;
width:378px;
height:32px;
margin:10px 0px 0px 20px;
background:url(../images/datasheet_off.jpg) no-repeat left top;
}

a.data-btn:hover {
background:url(../images/datasheet_on.jpg) no-repeat left top;
}


a.user-btn {
text-indent:-9999px;
float:left;
display:block;
width:378px;
height:32px;
margin:10px 0px 20px 20px;
padding-bottom:20px;
background:url(../images/userguide_off.jpg) no-repeat left top;
}

a.user-btn:hover {
background:url(../images/userguide_on.jpg) no-repeat left top;
}


a.test-btn {
text-indent:-9999px;
float:left;
display:block;
width:378px;
height:32px;
margin:-10px 0px 20px 25px;
padding-bottom:20px;
background:url(../images/testimonials-off.jpg) no-repeat left top;
}

a.test-btn:hover {
background:url(../images/testimonials-on.jpg) no-repeat left top;
}





/* FORM */

form#contact {
margin:0 20px 10px 25px;
padding:20px 0px 10px 0px;
background-color:#cbdef2;
}

form#contact input {
width:auto;
vertical-align:middle;
}

form#contact input.text {
width:320px;
}

form#contact label.drop {
width:auto;
padding:0px 10px 5px 0px;
}

form#contact input.postcode {
width:60px;
}

form#contact label {
float:left;
width:65px;
padding:0px 10px 5px 0px;
}

form#contact label.block {
display:block;
width:300px;
padding-bottom:4px;
}

form#textarea {
margin-bottom:20px;
margin-left:20px;
width:320px;
}



/* EMARKET FORM */

#trial-box {
position:absolute; top:225px; left:50%; margin-left:-225px;
height:162px;
width:450px;
margin-bottom:10px;
z-index:0;
}

#form-box {
position:absolute; top:535px; left:50%; margin-left:-225px;
background:url(../images/main-trans.png) no-repeat left top;
width:450px;
}

#form-box p strong {
color:#3FC56D;
font-weight:bold;
padding-left:10px;
}

#form-box p {
padding:5px 10px;
}


#form-box p.intro {
padding:20px 15px 5px 15px;
}

form#emarket {
padding:10px;
}

form#emarket input {
width:auto;
vertical-align:middle;
}

form#emarket input.text {
margin-left:5px;
width:280px;
}

form#emarket p.check {
font-size:10px;
line-height:130%;
margin-top:15px;
}

form#emarket input.submit {
clear:both;
margin-bottom:15px;
}

form#emarket input.img-text {
margin-left:5px;
width:200px;
}

form#emarket input.wide {
margin-left:70px;
width:280px;
margin-bottom:12px;
}

form#emarket label.drop {
width:auto;
padding-right:10px;
}

form#emarket input.postcode {
width:80px;
}

form#emarket label {
float:left;
width:90px;
}

form#emarket label.block {
display:block;
width:300px;
padding-bottom:4px;
}

form#emarket p.verify-text {
margin:12px 0;
}

form#emarket input.verify-field {
margin:8px 0 0 0;
}

form#emarket #vimg {
margin-left:10px;
}

form#emarket p.sm-margin {
margin-top:8px;
margin-bottom:0px;
}

form#emarket select {
margin-bottom:20px;
}

form#emarket p.max {
margin-bottom:6px;
}




/* ACCORDION */

.accordion a.show {
clear:both;
margin:0 0 0 10px;
background-image:url(../images/morebtn.png);
display:block; height:32px; width:200px; text-indent:-9999px; cursor: pointer;
}
.accordion a.show:hover {background-position:0 -32px;}
.accordion a.close {background-image:url(../images/closebtn.png);}
.accordion a.close:hover {background-position:0 -32px;}
.accordion  {background:#fff;}
.btmbottom {background:url(../images/mainbtm.png); height:13px;}



/* SITE MAP */

ul.site-map {
padding:15px 25px;	
}

ul.site-map li {
margin-bottom:6px;
}

ul.site-map li ul {
margin-left:15px;
margin-bottom:6px;
}

ul.site-map li ul li {
font-weight:normal;
margin-left:15px;
margin-bottom:0px;
list-style-type:circle;
}





/* FEED */

#marqueecontainer{
position: relative;
top: 0px;
width: 163px; /*marquee width */
height: 100px; /*marquee height */
overflow: hidden;
padding: 0px;
}

#feed p.latest {
background-color:#FFF;
padding:14px 0 12px 0;
font-size:16px;
}

#feed {
display:block;
width:163px;
height:138px;
background:url(../images/newsfeed-trans.png) no-repeat left top;
line-height:110%;
padding:12px 22px;
margin-bottom:10px;
}

ul.rss-items {
padding:0;
margin:0px;
text-align:left;
}

.rss-item a {
display:block;
padding:0;
margin:0px;
}

#enquirybg table td {
    padding: 0 0 3px 10px;
}

#enquirybg .errorText, #enquirybg .required {
    color: #ff0000;
}