body { background: #eee url(../res/back.gif) repeat-x; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px; }
#top { font-size: 0px; margin: 0px; padding: 0px; float: left; height: 100px; width: 990px; }
#wrapper { margin: 0px; padding: 0px; width: 991px; }
#center { display: block; margin: 0px; padding: 0px; float: left; width: 620px; position: relative; }
* html #content { height: 500px; }
* html #right { height: 190px; }
#end { display: block; margin: 0px; padding: 12px 0px 0px; float: left; width: 620px; height: 20px; position: relative; font-size: 11px; color: #999; text-align: center; border-top: 1px solid #CCC; }

#content { display: block; min-height: 500px; margin: 0px; padding: 0px 10px 10px 9px; float: left; width: 600px; position: relative; background: #FFF url(../res/contentback.gif) repeat-x; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#content h1 { font-size: 18px; font-weight: bold; color: #30B458; margin: 10px 0px 15px 0px; }
#content h2 { font-size: 14px; font-weight: bold; color: #000; }
#content h3 { font-size: 12px; font-weight: bold; color: #30B458; }
#content h2 a { color: #000; text-decoration: none; }
#content a { color: #30B458; }
#content td { vertical-align: top; }
#content ul { margin: 0px; padding: 0px; }
#content ul li { background: url(../res/li.gif) no-repeat; list-style: none; margin: 0px; padding: 0px 0px 10px 19px; }

.product { width: 300px; height: 120px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.product .img { width: 110px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.product .ingress { width: 190px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.product .ingress h2 { margin: 0px; }
.product .ingress h2 a { font-size: 12px; }
.product .ingress p { margin: 2px 0px; }
.product .ingress a { font-weight: bold; }

#product_bar { background-color: #eee; width: 598px; margin: 0px; padding: 0px; border: 1px solid #CCC; position: relative; display: block; float: left; }
#product_bar .icon { height: 17px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
#product_bar .icon a { font-weight: bold; height: 15px; padding: 2px 10px 0px 10px; font-size: 10px; text-decoration: none; position: relative; display: block; float: left; border-right: 1px solid #CCC; }
.selected { background-color: #fff; }
#product_bar .icon a:hover { background-color: #fff; text-decoration: underline; }
#product_bar #print { height: 16px; width: 26px; margin: 0px; padding: 1px 0px 0px; position: relative; display: block; float: right; }

#table_tech { margin: 0px; padding: 0px; }
#table_tech td { padding: 2px 0px; }
.border-top { height: 1px; border-top: 1px solid #000; }
.border-bottom { height: 1px; border-bottom: 1px solid #000; }

#prod_features { width: 273px; margin: 0px; padding: 5px; position: relative; display: block; float: left; border: 1px solid #CCC; }
#prod_extras { width: 295px; margin: 0px 10px 0px 0px; padding: 0px; position: relative; display: block; float: left; }

.extras { width: 300px; margin: 0px 0px 10px 0px; padding: 0px; position: relative; display: block; float: left; }
.extras .img { width: 110px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.extras .ingress { width: 190px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.extras .ingress h2 { margin: 0px; }
.extras .ingress p { margin: 2px 0px; }

.productlist { width: 600px; margin: 0px; padding: 0px; position: relative; display: block; float: left; }
.productlist ol { margin: 0px; padding: 0px; }
.productlist ol li { width: 181px; background: url(../res/pil2.gif) no-repeat 0px 5px; list-style: none; margin: 0px; padding: 0px 0px 10px 19px; position: relative; display: block; float: left; }

#left { display: block; margin: 0px; padding: 0px; float: left; width: 170px; position: relative; }
#lefttop { display: block; margin: 0px; padding: 0px; float: left; width: 170px; height: 20px; position: relative; background: #30B458; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#left h4 { margin: 0px; padding: 0px; height: 19px; width: 170px; background: url(../res/kn1.gif) no-repeat; float: left; display: block; position: relative; }
#left h4 a { font-size: 10px; font-weight: bold; color: #004086; text-decoration: none; display: block; margin: 0px; padding: 3px 0px 0px 22px; height: 16px; width: 148px; }
#left h4 a:hover, #left h4 a:focus { font-size: 10px; font-weight: bold; color: #004086; text-decoration: none; display: block; margin: 0px; padding: 3px 0px 0px 22px; height: 16px; width: 148px; background: url(../res/kn111.gif) no-repeat; }
#left h5 { margin: 0px; padding: 0px; height: 19px; width: 170px; background: #FFF; display: block; clear: both; }
#left h5 a { font-size: 11px; font-weight: bold; color: #004086; text-decoration: none; display: block; margin: 0px 0px 0px 22px; padding: 3px 0px 0px 10px; height: 16px; width: 138px; background: url(../res/pil2.gif) no-repeat 0px 7px; }
#left h5 a:hover, #left h5 a:focus { font-size: 11px; font-weight: bold; color: #004086; text-decoration: underline; display: block; margin: 0px 0px 0px 22px; padding: 3px 0px 0px 10px; height: 16px; width: 138px; background: url(../res/pil2.gif) no-repeat 0px 7px; }
#left h6 { margin: 0px; padding: 2px 0px; width: 170px; background: #FFF; display: block; height:25px;  }
#left h6 a { font-size: 11px; font-weight: normal; color: #004086; text-decoration: none; display: block; margin: 0px 0px 0px 32px; padding: 1px 0px 0px 10px; height: 15px; width: 128px; background: url(../res/pil2.gif) no-repeat 0px 5px; }
#left h6 a:hover, #left h6 a:focus { font-size: 11px; font-weight: normal; color: #004086; text-decoration: underline; display: block; margin: 0px 0px 0px 32px; padding: 1px 0px 0px 10px; height: 15px; width: 128px; background: url(../res/pil2.gif) no-repeat 0px 5px; }

#topbar { display: block; margin: 0px; padding: 0px 0px 0px 10px; float: left; width: 609px; position: relative; background: #fff; height: 20px; border: 1px solid #ccc; }
#topbar ul { margin: 0px; padding: 0px; list-style: none; }
#topbar ul li { margin: 0px; padding: 3px 10px; float: left; font-size: 11px; font-weight: bold; background: url(../res/pil1.gif) no-repeat 0px 6px; }
#topbar ul li a { margin: 0px; padding: 0px; color: #999; text-decoration: none; }
#topbar ul li a:hover, #topbar ul li a:focus { margin: 0px; padding: 0px; color: #999; text-decoration: underline; }

#right {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 198px;
	min-height: 190px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	position: absolute;
	left: 791px;
	top: 100px;
}

#righttop { margin: 0px; padding: 0px; width: 198px; height: 20px; float: left; display: block; position: relative; background: url(../res/greenback.gif) repeat; border-bottom: 1px solid #CCC; }
#righttop h1 { margin: 3px 0px 0px 5px; padding: 0px; font-size: 12px; font-weight: bold; color: #fff; }

#rightbody { margin: 0px; padding: 0px; width: 198px; min-height: 150px; float: left; display: block; position: relative; background: #fff; }
#rightbody p { margin:5px; font-size: 11px; }
#rightbody td { margin:5px; font-size: 11px; }
#rightbody a { color: #000; }

* html #rightbody { height: 150px; }
#rightend { margin: 0px; padding: 0px; width: 200px; height: 1px; float: left; display: block; position: relative; background: #ccc; }

.img { margin: 0px; padding: 0px; font-size: 0px; }

#forsideleft { display: block; margin: 0px 10px 0px 0px; padding: 0px; float: left; width: 370px; position: relative; }
#forsideright { display: block; margin: 0px; padding: 0px; float: left; width: 220px; position: relative; }
.forside1 { display: block; margin: 0px; padding: 10px; float: left; width: 198px; position: relative; border: 1px solid #ccc; background-color: #eee; }

#sales { width: 500px; float: left; display: block; margin: 0px; padding: 0px; }
#sales table { padding: 0px; margin: 0px; }
#sales td { padding: 0px; margin: 0px; vertical-align: top; }
#sales h2 { border-top: solid 1px #ccc; font-size: 12px; font-weight: bold; color: #e00; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 16px; width: 280px; background: url(../res/pil1.gif) no-repeat 0px 8px; }
#sales h2 a { color: #30B458; font-weight: bold; text-decoration: none; }
#sales h2 a:hover { color: #30B458; font-weight: bold; text-decoration: underline; }
#sales ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
#sales ul li { background: url(../res/pil1.gif) no-repeat 0px 3px; font-size: 12px; font-weight: bold; margin: 5px 0px 0px 16px; padding: 0px 0px 0px 9px; }
#sales ul li a { color: #000; font-weight: normal; text-decoration: underline; }
#sales ul li a:hover { color: #000; font-weight: normal; text-decoration: none; }

#ingress { margin: 20px 0px 0px 0px; padding: 0px; }
#ingress h1 { font-size: 12px; font-weight: bold; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 155px; }
#ingress img { float: left; }
#ingress p { margin: 0px 10px 0px 155px; padding: 0px; display: block; }
#ingress a { margin: 5px 10px 0px 155px; padding: 0px; background: url(res/menupil.gif) no-repeat; display: block; font-weight: normal; color: #30B458; text-decoration: underline; }
#ingress a:hover { margin: 5px 10px 0px 155px; padding: 0px; background: url(res/menupil.gif) no-repeat; display: block; font-weight: normal; color: #30B458; text-decoration: none; }
.ingress { margin: 0px; padding: 0px 5px 0px 0px; float: left; width: 295px; }
.spacer { margin: 0px; padding: 0px; float: left; height: 10px; width: 100%; }