/* ----------------------------------------------- NATIVE TAGS --------------------------------------------- */
body {margin: 0px; padding: 0px; color: #333333; text-align: center; background-color: #e8e8e8;}

table{font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}
td {vertical-align: top;}
h1 {font: 12px Arial, Helvetica, sans-serif; color: #CC0000; letter-spacing: 1px; font-weight: bold; margin: 10px 0px 15px 0px; text-align: left;}
h2 {font: 11px Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0px 10px 0px;}
h3 {font: 11px Arial, Helvetica, sans-serif; color: #CC0000; font-weight: bold; margin: 0px 0px -10px 0px;}
hr {height: 1px; color: #CC0000; width: 100%;}
p {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 10px 0px;}
UL LI {list-style-image: url(../images/arrow_on.gif); list-style-position: outside; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-bottom: 10px;}
form {margin: 0px; padding: 0px;}
input {color:#333333; background-color: #FAFAFA; margin: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
input.hidden {display:none; margin: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
textarea {color:#333333; background-color: #FAFAFA; margin: 2px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
input.button {display: block; border: none; margin: 0px;}
input.imgbutton {background-color: #FFFFFF; border: none; margin: 0px 50px;}
input.radio {border: none; background-color: #FFFFFF;}
input.checkbox {border: none; background-color: #FFFFFF;}
select {color:#333333; background-color: #FAFAFA; margin: 1px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #CCCCCC;}
.formlabel {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; padding: 0px 5px; text-align: right; vertical-align: top; padding-top: 5px;}
.error {color: #CC0000;  padding-left: 8px; background: transparent url(../images/arrow_down.gif) bottom left no-repeat; display: block;}
.required {border-left: 2px solid #CC0000;}

div.terms {border: 1px solid #CCCCCC;width:100%;height:120px;overflow:auto; padding:2px;text-align: left; }

a {color: #CC0000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}
a:visited {color: #CC0000;}
a:visited:hover {color: #CC0000;}

/* ----------------------------------------------- CUSTOM IDs & CLASSES --------------------------------------------- */
#page {border: none; width: 974px; margin: 0 auto; padding: 0; background-color: #FFF;}
#sitenav{background-color: #000000; text-align: center;}
/*
div#banner{width: 974px; height: 100px; margin: 0px; padding: 0px;}
div#logo {width: 332px; float: left;  padding-top: 5px; padding-left: 5px;}
div#flash {width: 240px; float: left; }
div#logoflash object { display: inline;}
div#livechat {width: 147px; margin-top: 5px; float: left; }
*/
table#banner {width: 974px; height: 100px; margin: 0px; padding: 0px;}
table#banner td#logo {width: 332px; padding: 0; padding-top: 5px; padding-left: 0;}
table#banner td#logo img {border: none;}
table#banner td#flash {width: 240px; padding: 0;}
table#banner td#livechat {width: 147px; padding-top: 5px; padding-left: 5px;}

table#banner td#user { width: 240px; padding: 5px 5px 5px 5px;}
table#user {margin: 0; padding: 0; font-weight: bold; width: 100%; height: 90px; background: transparent url(../images/login_header.gif) top left no-repeat; border-bottom: 1px solid #333333;}
table#user td {padding: 2px 5px; }
table#user th {border: none; height: 24px; text-align: left;}
table#user th img {margin: 5px; }
table#user img {margin: 2px 0px 0px 0px; }
table#user a {margin: 0; }

#footer{width: 100%; border-bottom: 1px solid #CCCCCC; border-top: 3px solid #CC0000; margin: 0px; padding: 0px;}
#footer div.footer_left {float: left; width: 300px;}
#footer div.footer_left img {margin: 5px;}
#footer div.address { width: 374px; float: left; text-align: center; margin: 5px 0;}
#footer div.footer_right {float: right; width: 300px; text-align: right;}
#footer div.footer_right img {margin: 5px;}

img#pageimage {margin-top: 10px; margin-left: 10px;}
img.popup {cursor:hand;}
div#credit {text-align: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999; margin: 0px;}
div#credit a {text-align: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #999999; margin: 0px;}
.invisible{display:none;}
.accessibility {display:none;}

/* previously 780px wide */
table#content {width: 974px; padding: 0px; margin: 0px;}
table#content td {padding: 0px; margin: 0px;}
#leftcontent { width: 150px;}
#rightcontent { width: 150px;}
table#home {margin: 0; width: 674px; padding: 0px; border: 0px solid blue;}
table#home img.main {text-align: center; margin-bottom: 5px; display: block; }
table#home img#advert1 { display: block; }
table#home img#advert2 { display: block; margin-top: 5px;}

table#main2 {width:814px; padding: 5px; margin:5px; border: none;}
table#main1 {margin: 5px; width: 964px; padding: 5px; border: none;} /* used on e.g. contact us page */
table#email {width: 500px; border: 1px solid #CC0000;}
/*
table.advert {width: 140px; margin: 5px; border: 1px solid yellow;} 
*/
h2.section {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0px; color: #FFFFFF; background: #CC0000 url(../images/corner.gif) top right no-repeat; text-align: center; display: block;}

table#printcatalogue {margin: 5px; width: 380px; padding: 2px 5px; border: 1px solid #CCCCCC;}
table#printcatalogue th {margin: 0px; padding: 2px 5px; color: #FFFFFF; background-color: #CC0000;}
table#printcatalogue a {color: #000000; text-decoration: none;}
table#printcatalogue a:hover {color: #CC0000; text-decoration: underline;}
table#printcatalogue a:visited {color: #000000;}
table#printcatalogue a:visited:hover {color: #CC0000;}

h2.news {font: 11px Arial, Helvetica, sans-serif; border-bottom: 1px solid #666666; padding: 0px; margin: 0px; font-weight: bold; margin-top: 10px;}
p.news {padding: 3px 5px 3px 2px; margin: 0px; margin-right: 50px; border-left: 3px solid #CC0000; }
h2.news div.date {font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 0px 2px; margin: 0px; border: none; float: right; font-weight: normal; border: 1px solid #CCCCCC; border-top: none; border-right: 1px solid #666666; background-color: #EFEFEF;}

table#test {display: none;}

table#newsletter {width: 140px; margin: 5px; margin-top: 10px; padding:0px; background: transparent url(../images/dottedlinevertical.gif) bottom left repeat-y;}
#emailsign {font-size: 40px; float: right; color: #CCCCCC; font-weight: bold;}
table#newsletter div.itemheading {font-family: Arial, Helvetica, sans-serif; font-size:125%; letter-spacing: 3px; margin: 0px; color: #FFFFFF; background: #666666 url(../images/corner.gif) top right no-repeat; text-align: center;}
table#newsletter div.item {background: transparent url(../images/dottedlinehorizontal.gif) bottom left repeat-x; }
table#newsletter p {margin: 5px; text-align: justify; padding: 0px; }
table#newsletter input {margin: 2px 5px;}
table#newsletter input.button {margin: 2px 10px 0px 0px; text-align: right;}

table#news {width: 140px; margin: 5px; margin-top: 10px;}
table#news div.itemheading {font-family: Arial, Helvetica, sans-serif; font-size:125%; letter-spacing: 3px; margin: 0px; color: #FFFFFF; background: #CC0000 url(../images/corner.gif) top right no-repeat; text-align: center;}
table#news div.newsitem {margin: 0px;}
table#news h2 {text-transform: uppercase; font-size: 100%; border-bottom: 1px solid #333333; padding: 0px; margin: 0px; margin-top: 5px; }
table#news p {padding: 0px 5px 0px 2px; margin: 0px; border-left: 3px solid #CC0000; }
table#news h3 {padding: 0px; font-size: 100%; font-weight: bold; text-align: right; color: #666666; margin: 0px; border-left: 3px solid #CC0000; }
table#news a {color: #CC0000; background: transparent url(../images/arrow.gif) bottom right no-repeat; text-decoration: none; display: block;  border-left: 3px solid #CC0000; padding: 0px; padding-right: 10px; text-align: right;}
table#news div.newsitem a:hover {color: #000000; background: transparent url(../images/arrow_on.gif) bottom right no-repeat; text-decoration: underline;}

table#sales {width: 140px; margin: 5px; margin-top: 10px; padding:0px; background: transparent url(../images/dottedlinevertical.gif) bottom left repeat-y;border: 1px solid yellow;}
table#sales div.itemheading {font-family: Arial, Helvetica, sans-serif; font-size:125%; letter-spacing: 3px; margin: 0px; color: #FFFFFF; background: #666666 url(../images/corner.gif) top right no-repeat; text-align: center;}
table#sales div.item {background: transparent url(../images/dottedlinehorizontal.gif) bottom left repeat-x; }
table#sales p {margin: 5px; text-align: justify; padding: 0px;}
table#sales img.sales {margin:2px;}

table#search {width: 140px; margin: 5px; margin-top: 10px; border-left: 3px solid #CC0000; border-bottom: 1px solid #CC0000;}
table#search div.itemheading {margin: 0px; background: #CC0000 url(../images/corner.gif) top right no-repeat;}
table#search div.item {margin: 0px;}
table#search form {padding: 5px;}
table#search input.button {float: right; margin: 5px 0px;}

table#catalogue {width: 140px; margin: 5px; margin-top: 10px; background: transparent url(../images/dottedlinevertical.gif) bottom left repeat-y;}
table#catalogue div.itemheading {font-family: Arial, Helvetica, sans-serif; font-size:125%; letter-spacing: 3px; margin: 0px; color: #FFFFFF; background: #666666 url(../images/corner.gif) top right no-repeat; text-align: center;}
table#catalogue p {padding: 5px; margin: 0px; border: 0px; text-align: justify; background: transparent url(../images/dottedlinehorizontal.gif) bottom left repeat-x;}
table#catalogue a {color: #CC0000; text-decoration: none;}
table#catalogue a:hover {color: #000000; text-decoration: underline;}
table#catalogue img#catalogue {margin: 5px; background: transparent;}

.emphasis {font-weight: bold; color: #CC0000;}