/* global layout */

body {background:url(/images/bg_home.jpg) repeat-x;}

#header {
	background:url(/images/bg_header_NEW.png) no-repeat;
	height:136px;
	position:relative;
}
#content {background:url(/images/flora_rt.png) no-repeat right 238px;}
#cont-top {
	/*height: 314px;*/
	margin-bottom:20px;
	background:url(/images/flora_lt.png) no-repeat 0 255px;
	overflow:hidden;
}

#cont-top img {
	float: left;
	margin: 142px 27px 0 32px;
}

#cont-top #flash{margin-bottom:3px;*margin-bottom:6px;}

#cont-top #logos-bar {
	width:973px;
	margin-left:13px;
	margin-top:7px;
}
#cont-top #logos-bar .lt,#cont-top #logos-bar .rt {
	background:url(/images/corners-logo-bar.png) no-repeat;
	width:8px;
	height:57px;
	float:left;
}
#cont-top #logos-bar .rt {background-position:-8px 0;}
#cont-top #logos-bar .ct {
	background:#fff;
	width:955px;
	height:57px;
	float:left;
}
#cont-top #logos-bar img {margin:0;}

#cont-div {
	/*background:url(/images/bg_home_cont_mid.png) no-repeat;
	height: 68px;*/
	padding:10px 0 0 0;
}

#cont-div h1 {
	background:url(/images/home_header_new.gif) no-repeat;
	display:block;
	width:445px;
	height:21px;
	_height:40px;
	text-indent:-1000em;
}
#cont-bot {
	clear: both;
}

#cont-bot h1 {
	font-weight: normal;
	margin: 0;
}

#cont-bot #cont-bot-left {
	float: left;
	padding:0;
	width: 554px;
}

#cont-bot #cont-bot-left h1 {
	font-size: 2em;
}

#cont-bot #cont-bot-left h1#small {
	font-size: 1.6em;
	margin: 0 0 -.3em 0;
}

#cont-bot #cont-bot-left p {
	line-height: 1.6em;
}

#cont-bot #cont-bot-right {
	float: right;
	width: 366px;
	margin-right:40px;
	_margin-right:20px;
	padding: 0 0 45px 0;
	background: url(/images/bg-twitter.gif) no-repeat bottom;
}
ul.list-twit {padding:0 20px 10px;}
ul.list-twit li {
	background:url(/images/arrow.gif) no-repeat 0 2px;
	padding:0 0 12px 20px;
}
ul.list-twit li a {color:#12050c; font-size:100% !important;}
ul.list-twit li span {
	font-weight:bold;
	color:#A7056A;
}
ul.list-twit li span a{color:#A7056A;}
#cont-bot #cont-bot-right .btn-holder {display:block;}
a.btnTwitter{
	background:url(/images/btn_twitter.png) no-repeat;
	display:block;
	width:229px;
	height:38px;
	text-indent:-999em;
	margin:0 auto;
}

#cont-bot #cont-bot-right h1 a {color: #000;}
#cont-bot #cont-bot-right h1 a:hover {
	color: #C7077E;
	text-decoration: none;
}

#cont-bot #cont-bot-right h2 {
	color: #a0a0a0;
	font-style: italic;
	font-weight: normal;
	padding: 0;
}
.celebrity_apprentice {
	margin:0 10px 0 0;
}
.apprentice_link {
	font-weight:bold;
	font-size:1em;
}
.join_link_container {
	display:none;
	float:left;
	height:79px;
	margin:19px 0 0 0;
	width:247px;
}
.g2_link_container {
	display:none;
}
/******************************************
** WHATS NEW SECTION STYLES
******************************************/
#whats_new_container {
	position:relative;
}
.news_style{
	display:none;
}
.news_show {
	position:absolute;
	background:none;
	clip:rect(0px 554px 150px 0px);
}
.news_show1 {
	position:absolute;
	clip:rect(0px 554px 150px 0px);
}
.news_border {
	background:url(/images/whats_new_bg.jpg) no-repeat;
	height:150px;
	width:554px;
}
.news_mark {
	background-color:white ;
	width:363px;
	height:35px;
	text-align:center;
}
.news_title {
}
.news_show img {
	margin-left: 5px;
	margin-right: 5px;
}
.buttondiv {
	position: absolute;
	padding: 5px 5px 5px 5px;
	height:20px;
	left:465px;
	top:120px;
}
.news_move {
	position: relative;
}
.mytable {
	height:150px;
	padding:0 0 0 0;
	width:554px;
}
.featured_pic {
	background:url(/images/featured_pic_bg.png) no-repeat;
	display:inline;
	float:left;
	height:108px;
	margin:14px 14px 0 16px;
	width:82px;
}
.featured_pic img {
	margin:9px 0 0 9px;
}
.featured_content {
	color:#fceff7;
	float:left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	height:110px;
	margin:20px 0 0 0;
	width:424px;
}
.featured_content h2 {
	color:#fceff7;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0 !important;
	padding:0 !important;
	text-transform:uppercase;
}
.featured_content img {
	clear:left;
}
.see_more {
	float:left;
	height:20px;
	margin:5px 0 0 0;
	width:424px;
}
#other_news {
	float:left;
	margin:1em 0 0 0;
	width:554px;
}
#other_news ul {
	list-style:none;
	margin:0 0 0 14px;
}
#other_news li {
	display:inline-block;
	float:left;
	height:66px;
	margin:0 0 2em 10px;
	padding:10px 0 0 10px;
	width:244px;
}
#other_news li:hover, #other_news_list li.sfhover {
	background:url(/images/list_item_RO_bg.jpg) repeat-x;
	cursor:pointer;
}
.date {
	float:left;
	height:42px;
	margin:0 10px 0 0;
	width:42px;
}
.date .month {
	background:url(/images/date_bg_top.jpg) no-repeat;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:10px;
	height:12px;
	text-align:center;
	text-transform:uppercase;
	width:42px;
}
.date .day {
	background:url(/images/date_bg_bottom.jpg) no-repeat;
	color:#444444;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:18px;
	height:27px;
	padding:3px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	width:42px;
}
.news_item {
	color:#444444;
	float:left;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:10px;
	width:190px;
}
.news_item h3 {
	color:#8d2461;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	margin:0 !important;
	padding:0 !important; 
	text-transform:uppercase;
}
.news_item a {
	color:#444444;
}

/*************** Carousel Styles ****************/
.jcarousel-skin-tango {padding-top: 10px;}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 955px;
    /*padding: 20px 40px;*/
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  940px;
    /*height: 75px;*/
}
.jcarousel-skin-tango .jcarousel-item {
    width: auto;
    /* height: 75px;*/
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: 0 17px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

/* Invisible left hotspot */
#mycarousel{position:relative;}
div.scrollingHotSpotLeft,
div.scrollingHotSpotRight{
	width: 30%;
	position: absolute;
	z-index: 500;
	height:52px;
}
div.scrollingHotSpotLeft{left:0;}
div.scrollingHotSpotRight{right:0;}
div.scrollWrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	/*margin-top:5px;*/
}
div.scrollableArea{
	position:relative;
	width:auto;
	z-index:100;
	/*height:50px;
	*display:table;*/
}
div.scrollableArea a{
	/*height:50px;
	vertical-align:middle;
	display:table-cell;
	overflow:hidden;*/
	float:left;
}
div.scrollableArea a img{
	/*float:left;*/
	margin:0 10px !important;
	padding:0;
}