/* basic elements */
html {
  margin:0;
  padding:0;
}
body {
/*  behavior:url("htc/csshover.htc");*/
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  background:#fff;
  margin:0;
  padding:0;
  text-align:left;
}
p {
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 0 0;
  text-align:left;
}
h1 {
  font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 ;
  padding:0;
  text-align:left;
  text-transform: uppercase;
}
h2 {
  font-weight:bold;
  font-size:1.2em;
  margin:0;
  padding:0;
}
h3 {
  font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 0 0;
}
h4 {
  font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
 background:#34619D;
  margin:0 0 0 0;
}
h5 {
  font:bold 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 ;
  padding:0;
  text-align:left;
  text-transform: uppercase;
}
h6 {
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 ;
  padding:0;
  text-align:left;
}
h7 {
  color:white;
  font:bold 12px/1.3em Arial, Helvetica, sans-serif;
  text-decoration:underline;
  margin:0;
  padding:0;
    text-align:right;
}
h8 {
  color:white;
  font:bold 12px/1.3em Arial, Helvetica, sans-serif;
  text-decoration:underline;
  margin:0;
  padding:0;
    text-align:right;
}
a {
  text-decoration:none;
  color:black; /*#5A6A72;*/
}
a:visited {
  text-decoration:none;
  color:black;
}
a:hover, a:focus, a:active {
  text-decoration:none;
  color:red !important;
}
a img {
  border-width:0;
}
acronym {
  border-bottom:none;
}
blockquote {
  font-weight:bold;
}
form {
  margin:0;
  padding:0;
}
ul {
  font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 10 20;
  padding:0;
}
/* LEAVE ALONE  -----------------------------------------------------------------------------  */
#container {
  margin:0 auto;
}
#intro {
  height:99px;
/*  background:#CECDC8 url(".../i/intro.gif") no-repeat bottom left;*/
}
/* Header, the special bits */
#header {
  height:62px;
  margin:0;
  padding:0;
/*  background:#fff url(".../i/header.jpg") repeat-y top left;*/
}
#header h1 {
  float:right;
  width:200px;
  height:62px;
  margin:0;
  padding:0;
 /* background:url(".../i/logo.jpg") no-repeat top left;*/
}
#header h1 a {
  display:block;
  width:200px;
  height:62px;
  margin:0;
  padding:0;
}
#header h1 span, #header p, #skipnav {
  position:absolute;
  left:-100em;
}
/* END LEAVE ALONE  -----------------------------------------------------------------------------  */

#sidebar {
  position:absolute;
  width:225px;
  padding:145px 0 0 0;
  border-right:2px solid #40C5C5;
}
#sidebar h1 {
  height:17px;
  margin:0;
  padding:0 0 0 22px;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  font-size:.95em;
  text-transform:lowercase;
  text-align:left;
 /* background:#40C5C5 url(".../i/nav-arrow-hover.gif") no-repeat 5px 50%;*/
}
ul#sidenav {
  list-style:none;
  width:225px;
  margin:0;
  padding:0;
}
ul#sidenav li {
  position:relative;
  background-color:#DBDBDB;
  border-bottom:1px solid #fff;
  margin:0;
  padding:0;
}
ul#sidenav ul {
  display:block;
  visibility:hidden;
  position:absolute;
  top:-2px;
  left:225px;
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid #40C5C5;
  border-width:2px 2px 2px 0;
  z-index:101;
}
ul#sidenav ul li {
  width:225px;
  z-index:101;
}
ul#sidenav li:hover ul {
  visibility:visible;
}
ul#sidenav li a {
  display:block;
  width:200px;
  color:#000;
  margin:0;
  padding:0px 0 0px 25px;
  font-size:.95em;
  line-height:17px;
  text-transform:lowercase;
  z-index:101;
}
ul#sidenav li a:hover {
  color:#fff !important;
  background-color:#BDBDBD;
}
#sidebar #reference {
  width:16em;
  margin:0 auto;
  padding:10px 0;
}
#sidebar #reference select {
  width:16em;
}
/* The main content */
#maincontent {
  margin:0 0 0 10;
  padding:0;
/*  height:auto !important;
  height:350px;
  min-height:350px;    */
}
#staff {
  width:100%;
}
#staff td p {
  text-align:center;
}
#staff img {
  border:1px solid #000;
  margin:0 auto;
}
/* Dynamic Content */
img.section-image {
  display:block;
  position:relative;
  float:right;
  margin:20 0 0 0  ;
  border:1px solid #fff;
}
#categories.sectionnew {
 float:right;
  margin:0 0 0 0  ;
  border:1px solid #fff;
}


/* Generic */
p.return {
  clear:both;
  text-transform:lowercase;
  font: bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:20 10 20 20;
  text-align:left;
}
div.nextprev {
  clear:both;
  padding-top:1em;
  text-align:right;
}
div.nextprev a {
  padding:.1em .25em;
  letter-spacing:1px;
}
#div.newtop  h5{
  font:bold 18px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-align:right
  color:#31649d;
  text-transform: uppercase;
}
div.nextprev a:hover {
  background:#ccc;
}
div.nextprev a.cur {
  color:inherit !important;
  background:inherit !important;
  cursor:default;
}
div.nextprev span {
  display:none;
}
a.more {
  text-transform:lowercase;
  font-weight:bold;
}


/* Section lists, Normal & Columns (Sections, Categories, Products, Links, Photos, News, FAQ's, Terms, Guides, PDF files") */
ul.section-list {
  margin:1em;
  width:95%;
  padding:0;
  list-style:none;
}
ul.section-list li {
  clear:right;
  margin:0 0 5 30;
}
ul.section-list h3 a {
   color:black !important;
}
ul.section-list h3 a:hover, ul.section-list h3 a:focus, ul.section-list h3 a:active {
  color:red !important;
}
ul.section-list p {
  margin:.25em .5em .75em;
}
ul.section-list img {
  display:block;
  position:relative;
  float:right;
  margin:20 0 0 0  ;
  border:1px solid #fff;
}
html>body ul.section-list a:hover img {  /* Hidden from IE with html>body */
  border-color:#000;
}



/* LEAVE ALONE  -----------------------------------------------------------------------------  */
ul.columns li {
  display:inline;
  clear:none;
  padding:0;
}
ul.columns li a {
  display:block;
  float:left;
  width:32%;
  margin:.1em;
  padding:.1em .3em;
}
ul.columns a:hover img {  /* Repeated for IE since it doesn't see above html>body rule */
  border-color:#000;
}
#faqs h3 strong, #faqs p strong {
  display:block;
  float:left;
  margin-right:1em;
}
#photos li a, #pdf_files li a, #photocategories li a {
  width:24%;
  font-size:80%;
  text-align:center;
}
#photos li a:hover, #photos li a:active, #photos li a:focus {
  border:none;
  padding:2px;
  background-color:transparent;
}
#photos li img, #pdf_files li img, #photocategories li img {
  position:relative;
  z-index:0;
  float:none;
  margin:0 auto;
}
#add2gallery {
  clear:left;
  margin-top:0;
  padding-top:1em;
}
table#products, table#categories {
  width:100%;
  margin:10px auto;
  padding:0;
}
table#products td, table#categories td {
  margin:0;
  padding:0;
  vertical-align:top;
}
table#products td.thumbnail {
/*  width:125px;  */
  display:block;
  position:relative;
  float:right;
  margin:0 0 0 20  ;
  border:1px solid #fff;
}
table#products td.details {
 /* width:20%;
  background-color:#ABABAB; */
}
table#products p {
  color:#000 !important;
  padding:0 0 0 10px;
    font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif !important;
/*  background:url(".../i/details.gif") no-repeat 5px 50%;*/
}
table#products h1 {
  padding:0 0 0 10px;
/*  background:url(".../i/details.gif") no-repeat 5px 50%;*/
}
table#products td.details a {
  color:#000 !important;
  padding:0 0 0 10px;
    font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif !important;
/*  background:url(".../i/details.gif") no-repeat 5px 50%;*/
}
table#products td.pdf {
  text-align:left;
    padding:0 0 0 10;
 /* background-color:#D9D9D9;  */
  font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif !important;
}
table#products td.pdf a {
  color:#000 !important;
  padding:0 0 0 10;
 /* background:url(".../i/pdf.gif") no-repeat 0px 50%;*/
}
/* END LEAVE ALONE  -----------------------------------------------------------------------------  */






/* Section detail pages (FAQ's Guides, Terms, News, Photos") */
div.section-detail h3 {
  margin-bottom:1em;
}
div.section-detail p {
  margin:.5em 0 1em;
}
div.section-detail img {
  display:block;
  float:right;
  clear:right;
  border:1px solid black;
  margin:0 0 .5em 1em;
}
#newsitem img {
  float:right;
  clear:right;
  margin:0 0 .25em 1em;
}
#newsitem div.details {
  clear:left;
}
#newsitem div.details p {
  margin:0;
  font-size:90%;
}
#newsitem div.details p span {
  font-weight:bold;
  display:block;
  float:left;
  clear:left;
  text-align:right;
  padding:0 1em 0 0;
  width:9em;
}
/* Product Detail pages */
#pdfinfo a {
  display:block;
  font-weight:bold;
  letter-spacing:1px;
  padding:.25em;
}

/* LEAVE ALONE  -----------------------------------------------------------------------------  */
/* Following two selectors to be used when displaying an image instead of the text (LIR method") */
#pdfinfo_temp {
  float:right;
  margin:0 0 1em;
}
#pdfinfo a_temp {
  display:block;
/*  background-image: url(".../i/wactackle.gif");*/
  background-repeat: no-repeat;
  clip: rect(0, 125px, 25px, 0);
  overflow: hidden;
  padding: 25px 0 0 0;
  width: 125px;
  height: 0 !important;
  height /**/:25px;
}
/* Product Options and Related Products */
#product img {
  float:right;
  margin:0 0 0 0;
}
#product .product-info {
  margin:.5em 0 1em .5em;
  width:550px;
  padding:0;
}
#product-options {
  text-align:right;
}
#product #relatedproducts {  /* 2 Pixel error? Cause unknown */
  width:398px !important;
}
#product .product-info th, #product .product-info h4 {
  margin:0;
  padding:.25em .5em;
  background:#ccc;
  border-bottom:1px solid #000;
}
#product #product-options {
  border-width:0;
  text-align:left;
}
#product-options th {
  padding:0 .25em;
  border-bottom: 1px solid #000;
  background-color:#E2EFF5;
}
#product-options td {
  padding:2px .25em;
}
#product-options td.desc {
  padding-right: 2em;
}
#product-options optgroup {
  font-style:normal;
}
#product-options input.qty {
  width:4em;
}
#product-options td.submit {
  text-align:right;
}
#product-options input.submit {
  width:6em;
  margin:0 0 0 auto;
  font-size:90%;
  font-weight:bold;
  color:#722E19;
  border:1px solid #000;
  background-color:#E2EFF5;
}
#product-options input.submit:hover {
  color:#000;
}
#relatedproducts ul {
  list-style:none;
  margin:0 0 .5em;
  padding:0;
}
#relatedproducts li {
  padding:0;
  margin:0 0 .25em;
}
#relatedproducts li a {
  display:block;
  padding:.125em .25em .25em 1em;
}
/* Links table page */
table#links {
  clear:both;
  width:100%;
  margin:1em auto;
}
#links th {
  padding:0 0 .25em .25em;
    font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
  border:1px solid #333;
  border-width:0 0 1px 0;
}
#links td {
  padding:.25em .25em 0;
  vertical-align:top;
}
#links th.company {
  width:35%;
}
#links th.desc {
  width:40%;
}
#links th.link {
  width:25%;
}

#links p {
  text-align:left;
}
#links img {
  float:left;
  margin-right:5px;
}
/* END LEAVE ALONE  -----------------------------------------------------------------------------  */

/* Modify Image Position and styling */
/* This bit styles the images, the first one generally and the lower three specifically */
/* ImageTags */
img.imagetag, img.imagetagcenter, img.imagetagright, img.imagetagleft {
/*  display:block;
  border-width:0;  */
}
img.imagetagRIGHT, img.imagetagleft {
 float:right;
  margin:0 0 .5em .5em;   */
}

img.imagetagLEFT {
  float:left;
  margin:0 .5em .5em 0;
}
*/
img.imagetag, img.imagetagcenter {
/*  float:none;
  margin:0 auto;
}
/* LAYOUT OF PAGE CONTENT IN NEWS, CATEGORIES ETC */
/* Summary Lists (News, Categories") */
div.summary-list {
  clear:right;
  float:right;
  width:550px;
  border:1px solid black;
  border-width:0 0 1px 1px;
  margin:0 0 .5em 1em;
}
div.summary-list h4 {
  margin:0;
/*  padding:0 .125em 0;  */
  border-bottom:1px solid black;
  background:#ccc;
  font-size:90%;
}
div.summary-list p {
  margin-left:0 !important;
  margin-right:0 !important;
  font-size:90%;
}
div.summary-list ul {
  list-style:none;
  margin:0;
  padding:0;
}
div.summary-list a {
  display:block;
  padding:.125em .25em;
}
#news-summary {
  clear:left;
  float:left;
  border-width:0 1px 1px 0;
  margin:0 1em .5em 0;
}

/* LEAVE ALONE  -----------------------------------------------------------------------------  */
/* Special Offer */
div.specialoffer {
  clear:left;
  float:left;
  width:11em;
  border:1px solid black;
  border-width:0 1px 1px 0;
  margin:.5em 1em .5em 0;
}
div.specialoffer h4 {
  margin:0;
  padding:0 .125em 0;
  border-bottom:1px solid black;
  background:#ccc;
  font-size:90%;
}
div.specialoffer h5 {
  font-size:80%;
  text-align:center;
}
div.specialoffer img {
  display:block;
  margin:.25em auto 0;
  border:1px solid #fff;
}
div.specialoffer a:hover img {
  border-color:#000;
}
div.specialoffer h5 span.price {
  display:block;
}
/* Mailing List */
#mailinglist {
  clear:right;
  float:right;
  width:11em;
  margin:.5em 0 .5em 1em;
  border:1px solid black;
  border-width:0 0 1px 1px;
}
#mailinglist h4 {
  margin:0;
  padding:0 .125em 0;
  border-bottom:1px solid black;
  background:#ccc;
  font-size:90%;
}
#mailinglist p {
  margin:0 0 .5em .25em;
  font-size:80%;
  text-align:center;
  letter-spacing:1px;
}
#mailinglist form {
  text-align:center;
}
#mailinglist input {
  margin:.25em 0;
  width:12em;
  font-size:80%;
  border:1px solid #000;
  padding:1px 2px;
}
#mailinglist input:active, #mailinglist input:focus {
  background:#eef !important;
}
#mailinglist #submit {
  width:6em;
  font-size:90%;
  font-weight:bold;
  letter-spacing:1px;
  text-transform:capitalize;
}
#mailinglist #submit:hover {
  cursor:pointer;
}
/* Generic-Form Properties */
form.generic-form {
  margin:10px 0;
    font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  padding:0;
}
form.generic-form table {
  margin:0 auto;
      font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  width:95%;
  max-width:600px;
  border-width:0;
}
form.generic-form th {
  vertical-align:top;
      font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-align:right;
  padding:.25em 5px 0 0;
  width:30%;
}
form.generic-form .req {
  color:#e74646;
  
}
form.generic-form input, form.generic-form textarea {
 /* width:15em;
  border:1px solid black;   */
      font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  padding:1px 2px;
}
form.generic-form #no_mailshots {
  width:1em;
  font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  border-width:0;
}
form.generic-form input:active, form.generic-form input:focus, form.generic-form textarea:active, form.generic-form textarea:focus {
  /*background:#AD9CCE !important;*/
}
form.generic-form label {
  display:block;
  font: bold 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:10px 0;
}
form.generic-form label input {
  margin:0 0px;;
}
form.generic-form label:hover {
  cursor:pointer;
}
form.generic-form #email_address {
  width:22em;
}
form.generic-form #fax, form.generic-form #telephone {
  width:10em;
}
form.generic-form #address {
  width:20em;
  height:5em;
}
form.generic-form #comments, form.generic-form textarea {
  width:25em;
  height:10em;
}
form.generic-form #postcode {
  width:5em;
  text-transform:uppercase;
}
form.generic-form #submit {
  width:12em;
  display:block;
  margin:0 auto;
  /*letter-spacing:1px;*/
  text-transform:lowercase;
  font-weight:bold;
  color:white;
  background:black;
}
form.generic-form #submit:hover, form.generic-form #submit:focus , form.generic-form #submit:active {
  background:black !important;
  cursor:pointer;
}

#login-form input {
  width:8em;
}
#login-form th {
  font-weight:normal;
}
#login-form #submit {
  width:8em;
}
/* Add 2 Photo Gallery Form */

#add2galleryform #caption {
  width:20em;
  height:10em;
}
/* The footer section */
#footerblock {
  clear:both;
  width:100%;
  margin:0;
}
html>body #footer {
  position:fixed;
  bottom:0;
  display:block;
  height:15px;
  width:100%;
  margin:0;
  padding:0;
  background-color:black;
}
/* END LEAVE ALONE  -----------------------------------------------------------------------------  */

/* Style of navigation bar*/
/* Navigation */
ul#navigation {
  height:17px;
  list-style:none;
  margin:0;
  padding:0 0 0 70px;
  text-align:left;
  background-color:#339999;
}
ul#navigation li {
  display:block;
  float:left;
  height:17px;
  width:140px;
  list-style:none;
  padding:0;
  margin:0;
}
ul#navigation a {
  display:block;
  height:17px;
  width:118px;
  margin:0;
  padding:0 0 0 22px;
  color:#000;
  text-decoration:none;
  font-weight:bold;
  font-size:.95em;
  text-transform:lowercase;
  text-align:left;
/*  background:url(".../i/nav-arrow.gif") no-repeat 5px 50%;*/
}
ul#navigation a:hover {
  color:#000 !important;
/* background:black url(".../i/nav-arrow-hover.gif") no-repeat 5px 50%;*/
}
body.about #nav-about a, body.news #nav-news a, body.contact #nav-contact a,
body.oem #nav-oem a, body.catalogue #nav-products a {
  color:#000 !important;
/*  background:black url(".../i/nav-arrow-hover.gif") no-repeat 5px 50%;*/
}