@charset "utf-8";
/* CSS Document */

/* This Content Slider is configured as a Three (3) item content slider.*/

/*

Name: featured; Type: Selector; Description: Contains the styling for the containing div layer.
Name: ui-tabs-nav; Type: class; Description: Contains the styling for the unordered list object.
Name: ui-tabs-nav-item; Type: class; Description: Contains the styling for the unordered list item.
Name: ui-tabs-selected; Type: class; Description: Contains the styling for the selected list item.
Name: nav-fragment-1; Type: Selector; Description: Contains the styling for the first list item.
Name: nav-fragment-2; Type: Selector; Description: Contains the styling for the second list item.
Name: nav-fragment-3; Type: Selector; Description: Contains the styling for the third list item.
Name: nav-fragment-4; Type: Selector; Description: Contains the styling for the fourth list item.
Name: fragment-1; Type: Selector; Description: Contains the styling for the first Sliding Image item.
Name: fragment-2; Type: Selector; Description: Contains the styling for the second Sliding Image item.
Name: fragment-3; Type: Selector; Description: Contains the styling for the third Sliding Image item.
Name: fragment-4; Type: Selector; Description: Contains the styling for the fourth Sliding Image item.
Name: ui-tabs-panel; Type: class; Description: Contains the styling for the displayed Sliding Image item.
Name: ui-tabs-hide; Type: class; Description: Contains the styling to hide inactive Sliding Image items.
Name: info; Type: class; Description: Contains the styling for the Caption Text.

*/

/* Content Slider Wrapper */
#featured{width:1000px;position:relative;height:320px;background:#fff;border:3px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0px 2px 3px #333;-webkit-box-shadow:0px 2px 3px #333;box-shadow:0px 2px 3px #333;}

#featured ul.ui-tabs-nav{position:absolute;top:0;left:675px;list-style:none;padding:1px 0 0 0;margin:0;width:320px;}

#featured ul.ui-tabs-nav li{padding:1px 0;padding-left:10px;font-size:12px;color:#666;}

#featured ul.ui-tabs-nav li span{font-size:14px; font-family:Arial;line-height:20px;}
/* Panel on the left hand side that displays the selected nav item.*/
#featured .ui-tabs-panel{width:675px;height:320px;background:#999; position:relative;overflow:hidden; border-right:#a1a1a1 solid 1px;}

#featured .ui-tabs-hide{display:none;}
/* Settings for the Featured Items List */
#featured li.ui-tabs-nav-item a{display:block;height:102px;color:#333;background:#fff;line-height:20px;outline:none;text-decoration:none;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;}
/* Sets the hover color for the featured items list. */
#featured li.ui-tabs-nav-item a:hover{background:#a1a1a1;color:#fff;}

#featured li.ui-tabs-selected{background: url(../images/selected-item-bg.png) no-repeat left center;}
/* Sets the background color of the selected item. */
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#92001e;color:#fff;}

#featured ul.ui-tabs-nav li img{float:left;margin:10px 10px;background:#fff;padding:0px;border:1px solid #fff;width:154px;height:80px;overflow:hidden;vertical-align:middle;}
/* Topic header and info bar at the base of the panel on the left hand side.*/
#featured .ui-tabs-panel .info{position:absolute;bottom:0px;left:0;height:85px;width:675px;background-image: url(../images/transparent-bg.png);}

#featured .info h2{font-size:18px; font-family:Arial, san-serif;color:#fff;padding:5px; margin:0;overflow:hidden;}

#featured .info p{margin:0 5px;font-family:Arial;font-size:12px;line-height:16px;color:#f0f0f0;}

#featured .info a{text-decoration:none;color:#fff;}

#featured .info a:hover{text-decoration:underline;}