body {
	background-color: #8b8b8b;
	font-size: small;
	padding: 0;
	margin-top: 5px;
}
#container {
	width: 900px;
	background-color: #e7e7e7;
	margin-left: auto;
	margin-right: auto;
}
#content {
	background-color: #e7e7e7;
	padding: 12px 12px 12px 255px;
	border-top: 6px solid #acacac;
	min-height: 75em;
}
#content li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #565656;
	padding: 3px;
	list-style-image: url("../images/arrowgreen.gif");
}
#content ul {
	margin: 0 0 15px 0;
}
#content a {
	background-color: #ddd;
	padding: 3px;
	color: #565656;
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
#content a:hover {
	background-color: #d2d2d2;
	padding: 3px;
	color: #565656;
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
#content h3 {
	font-family: helvetica;
	font-size: 180%;
	letter-spacing: -1px;
	color: #858585;
	text-shadow: #ffffff 2px 2px 1px;
	padding: 0 0 15px 0;
	margin: 0;
}
#content h4 {
	font-family: helvetica;
	font-size: 140%;
	letter-spacing: -1px;
	color: #808080;
	text-shadow: #ffffff 2px 2px 1px;
	padding: 0 0 15px 0;
	margin: 0;
}
#contleft {
	width: 225px;
	float: left;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 90%;
	padding: 23px 12px 12px 10px;
}
#topmenu {
	height: 29px;
	background: #484848 url("../images/topcorner.gif") no-repeat top left;
	border-bottom: 3px solid #333;
}
#top {
	height: 186px;
}
#footer {
	background: #484848 url("../images/bottomcorner.gif") no-repeat bottom right;
	border-top: 3px solid #333;
	color: #fff;
	text-align: center;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-shadow: #333 2px 2px 1px;
	padding: 6px 0 6px 0;
}
#footer a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}
#products {
	background-color: #fff;
}

#navigate {
	margin: 0;
	padding: 8px 0 0 0;
}
#navigate li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	text-shadow: #333 2px 2px 1px; 
}
#navigate a:hover {
	background-color: #333;
	color: #fff;
}
#navigate a {
	color: #ccc;
	text-decoration: none;
	padding: 8px;
}
/* for internet menu */
#contmenu {
	margin: 0;
	padding: 0;
}
#contmenu li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px;
	margin: 1px;
	display: block;
	list-style-type: none;
	border-right: 5px solid #85c44b;
	background-color: #ddd;
}
#contmenu li:hover {
	background-color: #d2d2d2;
	border-right: 5px solid #68ad29;
}
#contmenu a {
	font-size: 95%;
	color: #666;
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
#contmenu a:hover {
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
/* for web menu */
#contmenu2 {
	margin: 0;
	padding: 0;
}
#contmenu2 li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px;
	margin: 1px;
	display: block;
	list-style-type: none;
	border-right: 5px solid #3891cc;
	background-color: #ddd;
}
#contmenu2 li:hover {
	background-color: #d2d2d2;
	border-right: 5px solid #0e77bb;
}
#contmenu2 a {
	font-size: 95%;
	color: #666;
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
#contmenu2 a:hover {
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
/* for colo menu */
#contmenu3 {
	margin: 0;
	padding: 0;
}
#contmenu3 li {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px;
	margin: 1px;
	display: block;
	list-style-type: none;
	border-right: 5px solid #bababa;
	background-color: #ddd;
}
#contmenu3 li:hover {
	background-color: #d2d2d2;
	border-right: 5px solid #999;
}
#contmenu3 a {
	font-size: 95%;
	color: #666;
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
#contmenu3 a:hover {
	text-decoration: none;
	text-shadow: #ffffff 2px 2px 1px;
}
/* general styling */
img, table {
	border: 0;
}
p, span {
	line-height: 20px;
	color: #565656;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 85%;
	margin-top: 0;
	padding: 0 0 12px 0;
}
input, textarea {
	color: #565656;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: 85%;
	padding: 3px;
	border: 1px solid #999;
}
input:focus, textarea:focus {
	background-color: #f5f4c7;
	color: #635c1e;
	text-shadow: #ffffff 2px 2px 1px;
}
abbr {
	border-bottom: 1px dotted #999;
}
.blue {
	color: #116fbf;
	font-size: 100%;
	text-shadow: #ffffff 2px 2px 1px;
}
sup {
	font-size: 50%;
}
.price {
	font-family: georgia, arial;
	font-size: 150%;
}
/* table data */
td {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	font-size: 85%;
	color: #808080;
}
td ul {
	font-size: 120%;
	margin: 0;
	padding: 10px;
	text-align: left;
}
td.data {
	background-color: #FFF;
	padding: 5px 5px 5px 8px;
	border-bottom: 1px solid #CCC;
	line-height: 16px;
	text-align: center;
}
td.datashadier {
	background-color: #F5F5F5;
	padding: 5px 5px 5px 8px;
	border-bottom: 1px solid #CCC;
	line-height: 16px;
	text-align: center;
}
td.datatitle-left {
	background: #ddd;
	padding: 5px 5px 5px 8px;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	text-shadow: #ffffff 2px 2px 1px;
	text-align: center;
}
td.datatitle-right {
	background: #ddd;
	padding: 5px 5px 5px 8px;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	text-shadow: #ffffff 2px 2px 1px;
	text-align: center;
}
td.datatitle-middle {
	background: #ddd;
	padding: 5px 5px 5px 8px;
	font-weight: bold;
	border-bottom: 1px solid #b6b6b6;
	text-shadow: #ffffff 2px 2px 1px;
	text-align: center;
}

