﻿h3 {
	margin: 0;	
	padding: 7px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
}

div#feature_list {
	width: 750px;
	height: 240px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	right: 0;
	z-index: 2;
	width: 320px;
}

ul#tabs li {
	font-size: 10px;
	font-family: tahoma;
}
ul#tabs h3
{
	font-family:Arial;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: right;
	margin: 10px 0 0 10px;
}

ul#tabs li a {
	color: #222;
	text-decoration: none;	
	display: block;
	padding: 10px;
	height: 60px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url('http://www.honopardaz.com/images/feature-tab-current.png');
	color: #FFF;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	left: 0;
	width: 463px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 463px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 8px 12px 2px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
}
div.highlights
{
    border-top:solid 1px silver;
    margin:10px 15px;
    width:750px;
}
div#feature
{
	direction:rtl;
	padding:0 10px 0 10px;
	border-top:solid 1px #b8b7b2;
	height:300px;
	background-color:#ebebe3;
}
div#feature img.f
{
	margin-right:10px;
	margin-top:15px;
}
div.featureBox
{
	width:235px;
	float:right;
	font-family:Tahoma;
	font-size:8pt;
	ppadding:8pt;
}
div.frame
{
	direction:ltr;
	margin:10px 5px 10px 5px;
	width:220px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	background-image:url('FeatureBox/frame.gif');
	background-repeat:no-repeat;
}
div.comment
{
	position:relative;
	font-family:Tahoma;
	font-size:8pt;
	padding-right:12pt;
	text-align:justify;
	height:110px;
	bborder:solid 1px black;
}
div.comment .moreInfo
{
	float:left;
	position:absolute;
	cursor:pointer;
	bottom:5px;
	left:0px;
}
