div#feature_list {
	width: 540px; /* Overall Width */
	height: 240px;
	overflow: hidden;
	position: relative;
	background: #eee;
	margin: 0 auto;
	margin-bottom: 10px;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}

div#feature_list ul li {
	margin: 0;
	padding: 0;
}

div#feature_list h3 {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
}

/*--------------------------------------*/

ul#feat_tabs { left: 0; z-index: 2; width: 244px; }

ul#feat_tabs li { font-size: 1.0em; font-family: inherit; }

ul#feat_tabs li a {
	background: url('./feature-tab.png') right center;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 40px;
	outline: none;
}

ul#feat_tabs li a:hover { text-decoration: none; 
	background: url('./feature-tab-hover.png') right center;
	color: #000;
}

ul#feat_tabs li a.current {
	background: url('./feature-tab-current.png') right center;
	color: #fff;
}

ul#feat_tabs li a.current h3 { color: #fff; }

ul#feat_tabs li a.current:hover { text-decoration: none; cursor: default; }

/*--------------------------------------*/

ul#feat_output {
	right: 0;
	width: 320px; /* Width of Slide */
	height: 240px;
	position: relative;
}

ul#feat_output li {
	position: absolute;
	width: 320px; /* Width of Slide */
	height: 240px;
}

ul#feat_output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	margin-left: 10px;
	text-decoration: none;
	font-family: inherit;
	font-size: 12px;
	color: #fff;
	background: transparent url('./bg.png');
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

ul#feat_output li a h3 { color: #fff; }

ul#feat_output li a:hover { background: #000; }

