/* basic elements */
html {
  margin:0;
  padding:0;
}
body {
  font:normal 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  margin:0;
  padding:0;
}
p {
  /*font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 1em;
  text-align:justify;
        text-decoration:none;*/
}
ul {
  font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:20 10 10 10;
  text-align:left;
  text-decoration:none;
}
h1 {
  margin:0;
  font-weight:bold;
  font-size:20px;
  line-height:1.3em;
  text-align:left;
  color:black;
}
h2 {
  margin:1em 0;
  font-weight:bold;
  font-size:1.1em;
}
h3 {
  margin:0 0 .5em;
  font-weight:bold;
  font-size:1.3em;
}
h4 {
  font:Bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 1em;
  text-align:left;
    color:white;
}
h5 {
  font:BOLD 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
}
h6 {
  font:14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  margin:0 0 1em;
  text-align:center;
}
a {
  text-decoration:none;

}
a:visited {
  text-decoration:none;

}
a:hover, a:focus, a:active {
  text-decoration:none;

}
a img {
  border-width:0;
  align:right;
}
acronym {
  border-bottom:none;
}
form {
  margin:0;
  padding:0;
}

/* The main content */
#maincontent {
  margin:0 auto;
  position:relative;
/*  width:720px;     */
}
#maincontent h1 {
  text-transform:uppercase;
}
#fronttext {
  width:350px;
  position:absolute;
  top:20px;
  left:-10px; /*20px;*/
  text-transform:uppercase;
  z-index:1;
}
#fronttext2 {
  width:180px;
  position:absolute;
  top:70px;
  left:160px; /*20px;*/
  z-index:1;
}
#fronttext2 p {
  font-size:10px;
  color:#888;
}
/*div.randomproduct {
  position:absolute;
  top:120px;
  left:-10px; /*20px;
  width:150px;
  text-align:left;
}
#categories-summary {
  width:125px;
  position:absolute;
  top:15px;
  right:-10px; /*10px;
  width:150px;
}                       */
/* Dynamic Content */
/* Generic */
p.return {
  clear:both;
  text-transform:lowercase;
  padding-top:10px;
}
p.return a {
  display:block;
  padding:.5em .5em .25em 0;
  width:6em;
}
div.nextprev {
  clear:both;
  padding-top:1em;
  text-align:right;
}
div.nextprev a {
  padding:.1em .25em;
  letter-spacing:1px;
}
div.nextprev a:hover {
  background:#ccc;
}
div.nextprev a.cur {
  color:inherit;
  background:inherit;
  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;
  padding:0;
  list-style:none;
}
ul.section-list li {
  clear:left;
  margin:10 10 10 10;
}
ul.section-list h3 a {
    color:black;
    align:left;
}
ul.section-list h3 a:hover, ul.section-list h3 a:focus, ul.section-list h3 a:active {
  color:black;;
}
ul.section-list p {
  margin:.25em .5em .75em;
}
ul.section-list img {
  display:block;
  position:relative;
  float:right;
  margin:0 .5em .5em 0;
/*  border:1px solid #fff;    */
}
html>body ul.section-list a:hover img {  /* Hidden from IE with html>body */
  border-color:#000;
}
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;
}

div.section.section-list {
  margin:0;
  padding:0;
  list-style:none;
}
div.section.section-list h3 {
  color:black;
    margin:0 0 0 0;
  font:bold 16px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
div.section.section-list li {
  clear:left;  */
  margin:10 10 10 10;
}
div.section.section-list h3 a {
    color:black;
    align:left;
    margin:10 10 10 10;
}
div.section.section-list h3 a:hover, section.section-list h3 a:focus, section.section-list h3 a:active {
  color:black;
    font:bold 16px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
div.section.section-list p {
  margin:10 10 10 10;
}
div.section.section-list img {
  float:right;
  padding:0 0 0 0;
  clear:right;
}
html>body section.section-list a:hover img {  /* Hidden from IE with html>body */
  border-color:#000;
}
div.section.columns li {
  display:inline;
  clear:none;
  padding:0;
}
div.section.columns li a {
  display:block;
  float:left;
 /* width:32%;        */
  margin:.1em;
  padding:.1em .3em;
}
div.section.columns a:hover img {  /* Repeated for IE since it doesn't see above html>body rule */
  border-color:#000;
}






div.categories.section-list {
  margin:0;
  padding:0;
  list-style:none;
}
div.categories.section-list h3 {
  color:black;
    margin:0 0 0 0;
  font:bold 16px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
div.categories.section-list li {
  clear:left;  */
  margin:10 10 10 10;
}
div.categories.section-list h3 a {
    color:black;
    align:left;
    margin:10 10 10 10;
}
div.categories.section-list h3 a:hover, categories.section-list h3 a:focus, categories.section-list h3 a:active {
  color:black;
    font:bold 16px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
div.categories.section-list p {
  margin:10 10 10 10;
}
div.categories.section-list img {
  float:right;
  padding:0 0 0 0;
  clear:right;
}
html>body categories.section-list a:hover img {  /* Hidden from IE with html>body */
  border-color:#000;
}
div.categories.columns li {
  display:inline;
  clear:none;
  padding:0;
}
div.categories.columns li a {
  display:block;
  float:left;
 /* width:32%;        */
  margin:.1em;
  padding:.1em .3em;
}
div.categories.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 {
  width:24%;
  font-size:80%;
  text-align:center;
}
#photos li img, #pdf_files li img {
  float:none;
  margin:0 auto;
}
#add2gallery {
  clear:left;
  margin-top:0;
  padding-top:1em;
}
table#products {
  margin:0;
  padding:0;
}
table#products td {
 /* width:100%;    */
  margin:0;
  padding:0 .5em;
 /* vertical-align:bottom;*/
}
table#products img {
 /* display:block; */
 align:left
}
table#products h3 {
  text-align:left;
}
table#products a {
  color:#000;
}
/* 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:left;
  clear:left;
 /* border:1px solid black;  */
  margin:0 1em .5em 0;
}
#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;
}
/* 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 ;
  height /**/:25px;
}
/* Product Options and Related Products */
#product .product-info {
/*  clear:right;
  float:right;
  margin:.5em 1em;  */
  padding:0;
  width:100%;
  border:1px solid #000;
}
#product-options {
  text-align:left;
}
#product #relatedproducts {  /* 2 Pixel error? Cause unknown */
  width:265px ;
}
#product .product-info th, #product .product-info h4 {
  margin:0;
  padding:.25em .5em;
  background:#ccc;
  border-bottom:1px solid #000;
}
#product-options th.desc {
  width:50%;
}
#product-options th.price {
  width:30%;
}
#product-options th.quantity {
  width:20%;
}
#product-options td {
  padding:0 .25em;
  text-align:left;
}

#product-options td.submit {
  padding:0 .25em;
  text-align:right;
}



#product-options td.quantity {
  text-align:center;
}
/* Over-ride some generic-form styles */
#product-options input {
  margin:.25em 0;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  width:2.5em;
}
#product-options input.submit {
  width:11em;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:90%;
}
form.product-form input.qty, form.product-form input.submit {
  margin:.25em;
  width:11em;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-size:90%;
}
form.product-form input.qty {
  width:6em;
}
#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;

}
#links th {
  padding:0 0 .25em .25em;
  text-align:left;
  border:1px solid   color:black;
  border-width:0 0 1px 0;
}
#links td {
  padding:.25em .25em 0;
  vertical-align:top;
}
#links th.company {
  width:25%;
    color:black;
}
#links th.desc {
  width:45%;
    color:black;
}
#links th.link {
  width:30%;
    color:black;
}






table#linksb {
  clear:both;
  width:100%;
  margin:1em auto;
}
#linksb th {
  padding:0 0 0 0;
  border:1px solid   color:black;
  border-width:1px 1px 1px 1px;
}
#linksb td {
  padding:3px 0 3px 0;
  vertical-align:top;
  border-bottom:solid #f2f2f2 1px;
}
#linksb th.ent {
  font:11px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color:black;
    text-align:left;
	padding-right:15px;
}
#linksb th.desc {
  font:11px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color:black;
    text-align:left;
	padding-right:15px;
}
#linksb th.link {
  width:30%;
    color:black;
}










/* ImageTags */
img.imagetag, img.imagetagcenter, img.imagetagright, img.imagetagleft {
  display:block;
/*  border:1px solid black;  */
}
img.imagetagright {
  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;
}
/* Summary Lists (News, Categories) */
div.summary-list {
  text-align:left;
}
div.summary-list h4 {
  margin:0;
  padding:0;
  border-bottom:1px solid black;
  font-size:90%;
  text-transform:uppercase;
  text-align:center;
}
div.summary-list p {
  margin-left:0 ;
  margin-right:0 ;
  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;
}
*/
/* Special Offer/Random Product */
div.randomproduct h4 {
  margin:0;
  padding:0;
 /* border-bottom:1px solid black;*/
  font-size:90%;
  text-transform:uppercase;
  text-align:center;
}
div.randomproduct h5 {
  font-size:90%;
}
div.randomproduct img {
  display:block;
  margin:.25em auto 0;
  border:1px solid #fff;
}
div.randomproduct a:hover img {
  border-color:#000;
}
div.randomproduct h5 span.price {
  display:block;
}
div.randomproduct p {
  margin:.5em 0 0;
  font-size:90%;
}
div.randomproduct form {
  margin:0;
  font-size:90%;
}
/* 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 ;
}
#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:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color:black;
  padding:0;
}
form.generic-form table {
  margin:0 auto;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color:#e74646;
  width:75%;
 /* max-width:500px;  */
  border-width:0;
}
form.generic-form th {
  vertical-align:top;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
    color:black;
  text-align:left;
  padding:.25em 5px 0 0;
  width:30%;
}
form.generic-form .req {
  color:black;
}
form.generic-form input, form.generic-form textarea {
  width:15em;
    font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #000;
  padding:1px 2px;
}
form.generic-form #no_mailshots {
  width:1em;
    font: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:#eef ;
}
form.generic-form label {
  display:block;
  margin:10px 0;
}
form.generic-form label input {
  margin:0 2px;
}
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 {
  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:capitalize;
}
form.generic-form #submit:hover {
  cursor:pointer;
}
/* Add 2 Photo Gallery Form */

#add2galleryform #caption {
  width:20em;
  height:10em;
}
/* The footer section */
#footerblock {
  clear:both;
  width:100%;
  margin:0 0 1em;
  padding:0;
/*  border-top:1px solid #000;
  border-bottom:1px solid #000; */
  background-color:black;
}
#footer {
  text-align:center;
  margin:.25em 0;
}
#footer address, #footer li {
  color:#fff;
  margin:0 1em 0 0;
  padding:0;
  font:1em/1.2em Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  display:inline;
  text-transform:uppercase;
}
#footer address {
  display:block;
}
#footer ul#contact-details {
  list-style:none;
  display:inline;
  margin:0;
  padding:0;
  text-align:center;
}
/* #footer ul#contact-details #contact-email {
  position:absolute;
  left:-999em;
}*/
#footer ul#contact-details #contact-email a {
  color:#fff;
}
/* Navigation */
ul#navigation {
  margin:0 0 .5em 30px;
  padding:.66em 0 0;
  height:1.5em;
/* border-top:4px solid #E9304A;      */
  list-style:none;
  text-align:center;
}
ul#navigation li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
}
ul#navigation a {
/*  display:block;   */
  float:center;
  text-align:center;
  margin:0 22px 0 0;
  padding:.125em .55em .125em 0;
  font:bold 14px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color:black;
  text-decoration:none;
}
ul#navigation a:hover, ul#navigation a:focus, ul#navigation a:active {
  color:red ;
}

/* Navigation Vertical */
ul#navigationv {
  clear:left;
  float:left;    /* position on page left or right*/
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
  width:170px; /* with of nav block , will cause longer page title to wrap */
}
ul#navigationv ul {
  list-style:none;
  margin:0 0 0 0px;
  padding:0;
}
ul#navigationv li {
  display:inline;
  list-style:none;
  padding:10;
  margin:0 0 10 0;
}
ul#navigationv a {
  display:block;
  text-align:left; /* alignment within the block of the navigation  */
  margin:10 5 10 0;
  padding:10 5 10 0;
  font:bold 14px /2em Arial, Helvetica, sans-serif;
  color:red ;
  text-decoration:none;
}
ul#navigationv a:hover, a:focus, a:active {
  text-decoration:underline;
  color:blue ;
}















/* Navigation Vertical */
ul#navigationv2 {
  clear:left;
  float:left;    /* position on page left or right*/
  list-style:none;
  margin:0 0 0 0;
  padding:0 0 0 0;
  width:120px; /* with of nav block , will cause longer page title to wrap */
}
ul#navigationv2 ul {
  list-style:none;
  margin:0 0 0 0px;
  padding:0;
}
ul#navigationv2 li {
  display:inline;
  list-style:none;
  padding:10;
  margin:0 0 10 0;
}
ul#navigationv2 a {
  display:block;
  text-align:left; /* alignment within the block of the navigation  */
  margin:10 5 5 0;
  padding:10 5 5 0;
  font:bold 14px /1.5em Arial, Helvetica, sans-serif;
  color:red ;
  text-decoration:none;
}
ul#navigationv2 a:hover, a:focus, a:active {
  text-decoration:underline;
  color:blue ;
}












/* Navigation */
ul#navigationbase {
  margin:0;
  padding:0;
    width:100%;
  list-style:none;
/*   border-top:1px solid black;
    border-bottom:1px solid black;   */
  text-align:center;
}
ul#navigationbase li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
}
ul#navigationbase a {
/*  display:block;   */
  float:center;
  text-align:center;
  margin:0;
  padding:0;
  font: 10px/1.3em Verdana, Arial, Helvetica, sans-serif;
  color:black;
  text-decoration:none;
}
ul#navigationbase a:hover, ul#navigation a:focus, ul#navigation a:active {
  color:red ;
}