﻿/* CSS Document */

html {margin:0; padding:0}
	
body {background: #fff; font: normal 80% Georgia, "Times New Roman", Times, serif; color: #4a4a4a; text-align: center; vertical-align:top; padding:0; margin:0;}

img {border: none; padding:2px;} 

h1 {font: 16pt bold Verdana, Arial, Helvetica, sans-serif; color:#ffffff; background-color:#3B3B3B;}

h2 {font: 14pt bold Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#3B3B3B;}

h3 {font: 12pt bold Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#3B3B3B;}

h4 {font: 12pt normal Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#000000;}

h5 {font: 12pt normal Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color:#000000;}

h6 {font: 10pt bold Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;}

a {color: #3B3B3B; font-weight: bold;}

a:hover {color: #4a4a4a; font-weight: bold;}

a:active {color: #4a4a4a; font-weight: bold;}

a:visited {color: #3B3B3B; font-weight: normal;}

table {border:#3b3b3b thin} 

ul {padding: 0; margin: 0 0 20px 20px; list-style-image:url(images/bullet.gif);}

#wrapper {background: #fff; text-align: left; width: 1020px; text-align:center; border: 1px solid #000; margin:0 auto;}

#header	{background-image: url(images/header.gif); background-repeat:repeat; height: 30px;}

#navigation {background-image: url(images/nav.gif); background-repeat:repeat-x; width: 1020px; height: 38px; text-align:center;}

#nav {padding: 8px; line-height:1.5em;}

#nav a { color: #383838; padding: 0 10px; text-decoration:underline; font-size:10pt; border-left:1px solid #000000; border-right:1px solid #000000;}

#nav a:hover { color: #ffffff; padding: 0 10px; text-decoration:none; font-size:10pt;  border-left:10px solid #000000; background-color:#3B3B3B;}

#nav ul li {display:inline; list-style-image:url(images/bullet.gif);}

#sidebarleft {width: 180px; float: left; text-align: left; vertical-align: top; font-size: 85%; padding:8px 3px; margin-left: 5px;}
/*
#sidebarright {width: 160px; float: right; text-align: left; vertical-align: top; font-size: 85%; padding:8px 3px; margin-left: 5px;}*/

#content {margin-left:200px; padding:8px; background-color:#fff; border-left: 2px solid #4a4a4a; text-align:left;}

#content1 {padding:8px; background-color:#fff; text-align:left; width:98%;}

#footer { clear:both; background-color:#3B3B3B; height: 30px; background-image: url(images/header.gif); background-repeat:repeat-x; font-size:80%; color:#fff; padding-top:1px;}

#footer a {color:#FFFFFF; text-decoration: none; padding: 0 3px;}

#footer a:hover {color:#ffffff; text-decoration:underline;}

hr {color: #3B3B3B; width:80%; text-align:center;}

table {padding: 0px; border-collapse: collapse; width: 100%; vertical-align:top;}

#table2 {padding: 0px; border-collapse: collapse; width: 100%; vertical-align:top; text-align:center;}

.wrapper_catalog {margin:10px 0px 20px 0px; border-style:dashed; border-width:1px; padding:5px;}

.catalog_image {width:140px; vertical-align:top; background-color:#ffffff; text-align:center; border: none;}

.catalog_details {width:100%; vertical-align:middle; background-color:#eeefff; border:none;}

.catalog_addtocart {width:100%; vertical-align:top; text-align:right; border:none;}

.catalog img {border:none;}

.body A:link {color: #3B3B3B; text-decoration: none; background-image:none; padding: 0px 5px;} 

.body A:visited {color: #4a4a4a; text-decoration: none; background-image:none;  padding: 0px 5px;} 

.body A:active {color: #3B3B3B; text-decoration: none; background-image:none;  padding: 0px 5px;} 

.body A:hover {color: #3B3B3B; text-decoration: underline; background-image:none;  padding: 0px 5px;}

ul li {list-style-image: url(images/bullet1.gif); line-height:2em;}

.sidelinks {color:#3B3B3B; width: 100%; background-image:none; float:right; padding:10px;}

.sidelinks ul li a{line-height:2em; list-style-image: url(images/bullet1.gif); font-size:10pt;}

.sidelinks ul li a:hover	{line-height:2em; color:#4a4a4a; list-style-image: url(images/bullet1.gif); text-decoration:underline; font-size:10pt;}

/*menu container*/
.menucontainer{background: #fff url(images/bgOFF.gif) no-repeat bottom left; height:40px}
/*basic menu styling*/
.menu {float:left;font-family: arial,verdana,sans-serif;width:100%;position:relative;font-size:11px;font-weight:bold;
background:url(images/bgOFF.gif) repeat-x bottom left;border-top:4px solid #ff0000;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;background:url(images/bgDIVIDER.gif) no-repeat bottom right;}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#000;width:auto;color:#4a4a4a;padding:0px 16px 0px 16px;line-height:40px;height:40px;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*clear the main nav bg*/
.menu ul li ul li{background:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#ff0000; background: transparent url(images/bgON.gif) bottom left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:36px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#e3e3e3;color:#333;height:auto;line-height:16px;padding:2px 16px 2px 16px;width:120px;border-top:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {color:#fff;background: #ff0000 url(images/sub-arrow.gif) no-repeat;background-position: 4px 8px;}
	
/* END */

