﻿/*======================================================================*/
/*=== FEATUREDTABS.CSS - Designed by Jon Edwards for Solenium Group Inc */
/*======================================================================*/
/*--- Main Wrappers ----------------------------------------------------*/
#featured-shadow {
	width: 940px;
	padding-bottom: 20px;
	background-image: url('img/featuredbanner/featured-wrapper-shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#featured {
	position: relative;
	width: 940px;
	height: 300px;
	background-image: url('img/featuredbanner/featured-wrapper-bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
/*--- Slide Content Wrapper ---*/
#featured .ui-tabs-slide {
	width: 680px;
	height: 240px;
	position: relative;
	padding: 30px 0 30px 20px;
}
/*--- Slide Content Toggler (Hides Inactive Slides) ---*/
#featured .ui-tabs-hide {
	display: none;
}
/*----------------------------------------------------------------------*/
/*--- Content Layout Wrappers ------------------------------------------*/
#featured .text-wrapper {
	display: inline;
	float: left;
	width: 350px;
	margin: 0 20px 0 0;
}
#featured .img-wrapper {
	display: inline;
	float: left;
	width: 310px;
}
#featured .img-wrapper img.screenshot01 {
	margin-bottom: 10px;
}
/*--- Content Text Styling ---*/
#featured h2 {
	font-size: 30px;
	margin: 0 0 5px 0;
	color: #1a4264;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
#featured h2 a, #featured h2 a:link, #featured h2 a:active, #featured h2:visited {
	color: #1a4264;
	text-decoration: none !important;
}
#featured h3 {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #4480b3;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}
#featured p {
	color: #3d3d3d;
	font-size: 14px;
	line-height: 150%;
	margin: 0 0 20px 0;
}
#featured a.button-01,
#featured a.button-01:link,
#featured a.button-01:active,
#featured a.button-01:visited {
	display: inline-block;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	height: 50px;
	background-image: url('img/featuredbanner/featured-alink-01-left.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#featured a.button-01 span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 45px 0 0;
	background-image: url('img/featuredbanner/featured-alink-01-right.png');
	background-position: right top;
	background-repeat: no-repeat;
}
#featured a.button-02,
#featured a.button-02:link,
#featured a.button-02:active,
#featured a.button-02:visited {
	display: inline-block;
	padding: 0 0 0 15px;
	height: 50px;
	background-image: url('img/featuredbanner/featured-alink-02-left.png');
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#featured a.button-02 span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 45px 0 0;
	background-image: url('img/featuredbanner/featured-alink-02-right.png');
	background-position: right top;
	background-repeat: no-repeat;
}
/*----------------------------------------------------------------------*/
/*--- Tabs (Navigation) ------------------------------------------------*/
/*--- UL (Tabs Main Wrapper) ---*/
#featured ul.ui-tabs-nav {
	position: absolute;
	top: 0;
	left: 700px;
	padding: 0;
	margin: 0;
	width: 240px;
	list-style: none;
	z-index: 500;
}
/*--- LI (Tabs Item Wrapper) ---*/
#featured ul.ui-tabs-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 240px;
	height: 75px;
	overflow: hidden;
	font-size: 12px;
	line-height: normal;
}
#featured ul.ui-tabs-nav li.hidefirst {
	display: none !important;
}
/*--- LI Text Styling for header span ---*/
#featured ul.ui-tabs-nav li span {
	font-size: 20px;
	font-weight: bold;
	color: #1a4264;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
}
/*--- LI Tab ALink (Conrols): IDLE ---*/
#featured li.ui-tabs-nav-item a,
#featured li.ui-tabs-nav-item a:link,
#featured li.ui-tabs-nav-item a:active,
#featured li.ui-tabs-nav-item a:visited {
	display: block;
	height: 55px;
	width: 190px;
	padding: 10px 15px 10px 35px;
	color: #333;
	background-image: url('img/featuredbanner/featured-tab-sprite.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none !important;
}
/*--- LI Tab ALink (Conrols): HOVER ---*/
#featured li.ui-tabs-nav-item a:hover {
	background-position: 0 -75px;
}
/*--- LI Tab ALink (Conrols): ACTIVE ---*/
#featured ul.ui-tabs-nav li.ui-tabs-selected a,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:link,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:active,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:visited,
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover {
	color: #1a4264 !important;
	background-image: url('img/featuredbanner/featured-tab-sprite.png');
	background-position: 0 -150px;
	background-repeat: no-repeat;
}
#featured li.ui-tabs-nav-item a:hover span {
	color: #4c83b2;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a:hover span {
	color: #1a4264 !important;
}
/*--- Overwrite for top tab ---*/
#featured li.tab-top a,
#featured li.tab-top a:link,
#featured li.tab-top a:active,
#featured li.tab-top a:visited,
#featured li.tab-top a:hover {
	background-image: url('img/featuredbanner/featured-tab-top-sprite.png') !important;
}
/*--- Overwrite for bottom tab ---*/
#featured li.tab-bottom a,
#featured li.tab-bottom a:link,
#featured li.tab-bottom a:active,
#featured li.tab-bottom a:visited,
#featured li.tab-bottom a:hover {
	background-image: url('img/featuredbanner/featured-tab-bottom-sprite.png') !important;
}