@charset "utf-8";
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 1.3em;
	color: #000; height: 100%;
	margin: 0px; padding: 0px;
	background: url(images/bodyback.jpg) repeat-x top #e6f99d;
}
#wrapper {
	margin: 0px auto; padding: 0px;
	clear: both; width: 900px;
}
#wrapper-inside {
	margin: 0px; padding: 0px; width: 900px; float: left;
	background: url(images/canvasback.jpg) repeat-y top left;
}
#canvasleft {
	margin: 0px; padding: 0px; width: 25px;
	float: left; height: 100%;
	background: url(images/canvasleftback.jpg) repeat-y top left;
}
#canvasbody {
	margin: 0px; padding: 0px; width: 850px;
	float: left;
}
#canvasright {
	margin: 0px; padding: 0px; width: 25px;
	float: left; height: 100%;
	background: url(images/canvasrightback.jpg) repeat-y top left;
}
#header {
	float: left; margin: 0px; padding: 0px 0px 0px 0px;
	width: 850px; height: 429px;
	background: url(images/headertop.jpg) repeat-x top left #c7e459;
}
#canvasmain {
	float: left; width: 850px; min-height: 300px;
	background-color: #c7e459;
}
#canvasfooter {
	float: left; width: 900px; height: 70px;
	background: url(images/footerback.jpg) repeat-x #e6f99d;
}
#canvasfleft {
	float: left; width: 900px; height: 55px;
	background: url(images/footerleft.jpg) no-repeat top left;
}
#canvasfright {
	float: left; width: 900px; height: 55px;
	background: url(images/footerright.jpg) no-repeat top right;
}
#bottomline {
	color: #749200; float: left; width: 900px; text-align: right; p line-height: 15px;
	padding: 20px 0px 0px 15px; margin: 0px; text-align: left;
}
#bottomline a {
	color: #749200; text-decoration: none; padding: 0px 30px 15px 0px;
	font-size: 10px; font-weight: bold; line-height: 15px;
}
#menuside {
	width: 210px; float: left; margin: 0px; padding: 0px;
	height: 100%;
	background: url(images/menuback.jpg) repeat-y top left;
}
#contentside-small {
	width: 420px; padding: 0px 5px; margin: 0px; min-height: 250px;
	float: left;
}
#contentside-large {
	width: 630px; padding: 0px 5px; margin: 0px; min-height: 250px;
	float: left;
}
#clearside {
	width: 210px; min-height: 250px; float: left;
}
div.colspan {
	width: 200px; height: 180px; float: left; padding: 5px;
}
div.colspan div.photoarea {
	float: left; width: 190px; height: 143px; padding: 4px;
	text-align: center; border: 1px solid #CCCCCC;
}
div.colspan div.title {
	float: left; width: 200px; height: 23px; line-height: 23px;
	text-align: center; border-bottom: 2px solid #CCCCCC;
}
div.port-title {
	float: left; width: 620px; line-height: 2em;
	font-weight: bold; font-size: 15px; padding-left: 10px;
}
div.port-desc {
	float: left; width: 620px; line-height: 1.3em;
	font-size: 11px; padding-left: 10px;
}
div.port-img {
	width: 550px; margin: 0px 40px; float: left;
	padding: 0px; display: inline;
}
div.port-img div.img-on {
	width: 400px; height: 300px; padding: 4px;
	border: 1px solid #DDDDDD; float: left;
}
div.img-sm {
	width: 60px; padding: 4px; border: 1px solid #DDDDDD;
	height: 45px; margin: 0px; float: left;
}
div.img-sm div {
	width: 60px; float: left; padding: 0px; margin: 0px;
	height: 45px; float: left;
}

ul.mmenu {
	margin: 0px; padding: 0px; width: 210px;
	float: left;
}
ul.mmenu li {
	margin: 0px; padding: 0px;  float: left;
	height: 27px; width: 210px;
	background: url(images/menusimple.jpg) no-repeat top left;
	list-style: none; list-style-type: none;
}
ul.mmenu li a {
	display: block; color: #ffffff; font-weight: bold;
	line-height: 25px; margin: 0px; padding: 0px 4px 0px 35px;
	text-decoration: none; font-size: 12px;
}
ul.mmenu li a:hover {
    background: url(images/menusimple_active.jpg); color: #fef9d7;
}
ul.mmenu li.active {
	margin: 0px; padding: 0px;  float: left;
	width: 210px; height: 100%;
	background: url(images/menuactive.jpg) no-repeat top left;
	list-style: none; list-style-type: none;
}
ul.mmenu li.active a {
	display: block; color: #0e1623; font-weight: bold;
	line-height: 25px; margin: 0px; padding: 0px 0px 0px 35px;
	text-decoration: none; font-size: 12px;
}
ul.mmenu li.active a:hover {
	background: url(images/menuactive.jpg); color: #0e1623;
}
ul.mmenu ul {
	margin: 0px; padding: 0px; width: 210px; float: left;
	list-style: none; list-style-type: none;
	background: url(images/submenu.jpg) repeat-y top left;
}
ul.mmenu li.active li {
	float: left; width: 210px; background: none;
	margin: 0px; padding: 0px; height: 27px;
	list-style: none; list-style-type: none;
	background: url(images/submenuback.jpg) no-repeat top left;
}
ul.mmenu li.active li a {
	display: block; font-size: 11px; color: #000000;
	padding-left: 45px; line-height: 25px;
}
ul.mmenu li.active li a:hover {
	background: url(images/submenu_active.jpg); color:#0e1623;
}

h1 {
	margin: 0px; padding: 24px 10px 16px 10px; line-height: 1.5em;
	font-size: 22px; font-weight: bold; color: #000;
}
h2 {
	margin: 0px; padding: 18px 10px 12px 10px; line-height: 1.5em;
	font-size: 18px; font-weight: bold; color: #000;
}
h3 {
	margin: 0px; padding: 12px 10px 8px 10px; line-height: 1.5em;
	font-size: 14px; font-weight: bold; color: #000;
}
h4, h5, h6 {
	margin: 0px; padding: 8px 10px 8px 10px; line-height: 1.5em;
	font-size: 12px; font-weight: bold; color: #000;
}
p {
	margin: 0px; padding: 5px 10px; font-size: 11px;
	color: #333333; line-height: 1.5em;
}

#clearside img {
	border: 1px solid #DDDDDD; padding: 4px; clear: both;
	margin: 5px 0px;
}
div.title a {
	text-decoration: none; display: block; color: #009933;
	font-weight: bold; line-height: 23px;
}
div.title a:hover {
	background-color: #EEEEEE; color: #000;
}
table td.img {
	width: 60px; padding: 5px; vertical-align: top;
}
table td.desc {
	width: 340px; padding: 0px 5px; vertical-align: top;
}
table td.price {
	width: 100px; padding: 0px 5px; vertical-align: top;
	text-align: center;
}
form {
	margin:10px; padding: 0 5px;	
}
label {
	display:block;
	font-weight:bold;
	margin: 5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	border:1px solid #0e1623; 
}
textarea {
	width: 350px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
	border:1px solid #0e1623;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #333;
	background: #e7e6e6 url(09/button.jpg) repeat-x;
	border: 1px solid #dadada;
}

div.prod-details {
	width: 630px; float: left; margin: 0px; padding: 0px;
	background: url("images/p-back-vertical.jpg") repeat-y top left;
}
div.prod-header {
	width: 630px; height: 55px; float: left;
	background: url("images/p-top-tile.jpg") repeat-x top left;
	line-height: 40px; font-size: 20px; color: #AAAAAA;
}
div.prod-headera {
	width: 20px; height: 55px; float: left;
	background: url("images/p-top-left.jpg") no-repeat top left;
}
div.prod-headerb {
	width: 15px; height: 55px; float: right;
	background: url("images/p-top-tleft.jpg") repeat-x top left;
}
div.prod-headerc {
	height: 55px; float: right; line-height: 55px; padding: 0px 10px;
	text-align: center; font-size: 11px; font-weight: bold; color: #333333;
	background: url("images/p-top-ttile.jpg") repeat-x top left;
}
div.prod-headerd {
	width: 20px; height: 55px; float: right;
	background: url("images/p-top-tright.jpg") repeat-x top left;
}
div.prod-bottom {
	float: left; width: 630px; height: 20px;
	background: url("images/p-bottom-tile.jpg") repeat-x bottom left;
}
div.prod-bottoma {
	float: left; width: 20px; height: 20px;
	background: url("images/p-bottom-left.jpg") no-repeat bottom left;
}
div.prod-bottomb{
	float: right; width: 20px; height: 20px;
	background: url("images/p-bottom-right.jpg") no-repeat bottom right;
}
div.prod-bar {
	float: left; width: 570px; height: 25px; margin: 0px; line-height: 25px; padding: 0px 10px;
	font-weight: bold; background: url("images/product-bar.jpg") no-repeat bottom right;
}
div.prod-desc {
	float: left; width: 440px; padding: 0px 0px 0px 0px;
}
div.prod-pics {
	float: left; width: 140px; padding: 5px 0px;
}
div.prod-pic {
	text-align: center; float: left; width: 70px; height: 55px;
}