/* ----------------------------------------------- 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;}
h4 {font: 11px Arial, Helvetica, sans-serif; color: #666; 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; vertical-align: middle;}
#sitenav table {margin: 0 auto;}

/*
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#advert { width: 240px; padding: 5px 5px 5px 5px;}
table#banner td#advert a img {  border: none;}

/*
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; }
*/

div#multipanel {width: 974px; height: 30px; color: #FFF; background-color: #666; padding: 0; margin: 5px 0; *padding-top: 2px;}
div#multipanel a {color: #FFF;}
div#multipanel a img{border: none;}
div#multipanel a span {display: none;}
div#multipanel h2 { text-align: left; color: #FFF; font-size: large;}

div#multipanel div#buynow{float: left; width: 140px; padding: 2px 0; text-align: center;}
div#multipanel div#buynow img {}
div#multipanel div#buynow h2{display: none;}

div#multipanel div#productsearch{float: left; width: 370px; padding: 2px 0; text-align: center;}
div#multipanel div#productsearch input { display: inline; vertical-align: top; margin-top: 4px; height: 18px;}
div#multipanel div#productsearch input.button { background-color: transparent; height: 21px}

div#multipanel div#googlesearch{float: left; width: 300px;padding: 2px 0; text-align: center;}
div#multipanel div#googlesearch input { display: inline; vertical-align: top; margin-top: 4px;}
div#multipanel  div#googlesearch input.button { background-color: transparent;}

div#multipanel div#viewbasket{float: left; width: 160px; padding: 2px 0; text-align: center;}
div#multipanel div#viewbasket img {}
div#multipanel div#viewbasket h2{display: none;}

div#multipanel div {border: 0px solid red;}

#footer{width: 100%; border-bottom: 1px solid #CCCCCC; border-top: 3px solid #CC0000; margin: 0px; padding: 0px;}
#footer div.footer_left {float: left; width: 250px; margin-left: 50px;}
#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: 250px; text-align: right; margin-right: 50px;}
#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; border: 0px solid red;}
#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;}


div#news {width: 150px; margin: 5px; margin-top: 10px; }
div#news div.newsitem {margin: 0px; border: 1px solid #CC0000; border-top: none;}
div#news h2 {font-weight: bold; padding: 5px 5px 0px 5px; margin: 0px;}
div#news p {padding: 0px 5px; margin: 0px;}
div#news a {color: #CC0000; background: transparent url(../images/arrow.gif) bottom right no-repeat; text-decoration: none; display: block; padding: 0px; padding-right: 10px; text-align: right;}
div#news div.newsitem a:hover {color: #000000; background: transparent url(../images/arrow_on.gif) bottom right no-repeat; text-decoration: underline;}

div#sidepanel_viewbasket { display: block; margin: 10px 5px; width: 150px;}

div#sidepanel_newslettersignup { display: block; margin: 10px 5px; width: 150px;}
div#sidepanel_newslettersignup div#form {display: block; margin: 0px; padding: 5px; border: 1px solid #CCC; border-top: none; text-align: right;}
div#sidepanel_newslettersignup div#form input.submit {border: none;}

div#sidepanel_blogfeed { display: block; margin: 10px 5px; width: 150px; padding: 0;}
div#sidepanel_blogfeed div#feeds {margin: 0px;border: 1px solid #CC0000; border-top: none;}
div#sidepanel_blogfeed ul {margin: 0; padding: 5px;}
div#sidepanel_blogfeed ul li {margin: 0; padding: 0 0 10px 0; list-style-image: url(../images/blank.gif)}
div#sidepanel_blogfeed a {  color: #333; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif; font-weight: bold;}
div#sidepanel_blogfeed a:hover { color: #CC0000;}
div#sidepanel_blogfeed a img{ border: none; margin: 0; padding: 0; }
div#sidepanel_blogfeed p{ margin: 5px;}

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;}


/* login div with jquery */
div#container {
    margin:0 auto;
    position: relative;
	background-color: #000;
	}
#topnav {
    padding:6px 0px 6px 0px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px;
	font-weight: bold;
	margin: 0;
	text-align: center;
	}
	
#topnav a {color: #FFF;text-decoration:none; }

.mininav_myaccount { display: inline; color: #FFF; padding: 6px 5px;}
.mininav_myaccount a{ text-decoration: none; margin: 0; padding: 5px 5px; }
.mininav_myaccount a:hover{background-color: #CC0000;}

#topnav a.signin {
    background:#000;
    padding:6px 15px 6px 15px;
    *padding:0px 15px;
	margin: 0;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
	/*
    -webkit-border-radius:10px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
	*/
}
#topnav a.signin:hover {
    background:#CC0000!important;
	padding:6px 15px 6px 15px;
    *padding:0px 15px;
	color: #FFF!important;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 0px 6px 0px;
	*padding:4px 0px 6px 0px;
}
#topnav a.menu-open {
    background:#CCC!important;
    color:#333!important;
    outline:none;
	padding: 6px 15px 8px 15px;
	*padding: 0px 15px 0px 15px;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#CCC;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px; 
    right: 0px; 
    margin-top:0;
	*margin-top: 5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#ECECEC;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #999;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#333;
}
#signin_menu label {
    font-weight:normal;
	display: block;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#333!important;
	text-decoration: underline;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background-color:#CC0000 ;
    border:1px solid #666;
    color:#fff;
    text-shadow:0 -1px 0 #666;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}

/* END */