.ui-module
{

}

.clearfix .module {
	float: left;
}


.yui-overlay
{
  position:absolute;
  visibility:hidden;
  z-index:2;
}





/**
 * 
 * UI Icons section
*/

.ui-loading
{
  background: transparent url(http://cdn.sheknows.com/redesign/indicators/snake.gif) no-repeat;
}

li.ui-loading
{
  min-height: 16px;
  min-width:  16px;
}






.whatshot
{
}

.whatshot .hd
{
	color:              #b19566;
	font-family:        Georgia;
	font-size:          100%;
	left:               -1px;
	padding-bottom:     5px;
	position:           relative;
}
.whatshot h2
{
	font-size:          26px;
	font-weight:        normal;
	line-height:        30px;
	padding:            0;
	margin:             0 0 10px;
	text-indent:        1px;
}

.whatshot .yui-carousel
{
	background-color:   #8246AA;
	height:             20px;
	width:              217px;
	margin:             2px;
}
.whatshot .yui-carousel-content
{
	color:              #ffffff;
	font-size:          10px;
	line-height:        20px;
	margin:             0 16px;
	text-transform:     uppercase;
	width:              100%;
}
.whatshot .yui-carousel-content a:link,
.whatshot .yui-carousel-content a:visited,
.whatshot .yui-carousel-content a:active
{
	color:              #ffffff;
	text-decoration:    none;
}
.whatshot .yui-carousel-content a:hover { color:#CCCCCC;}
.whatshot ol
{
	margin:             0;
}
.whatshot ol li
{
	display:            block;
	border:             0;
	height:             20px;
	position:           absolute;
	text-align:         center;
	width:              92px;
}

.whatshot .yui-carousel .yui-carousel-item-selected
{
	border-width:       0;
	border-right-width: 1px;
	margin:             0;
	font-weight:        bold;
}

.whatshot .yui-carousel-nav ul
{
	display: none;
}

.whatshot .yui-carousel-button
{
	background:         #A370C5 url(http://media.sheknows.com/hairstylelounge/sprite.png) no-repeat;
	display:            block;
	height:             20px;
	position:           absolute;
	overflow:           hidden;
	top:                0;
	width:              16px;
}
.whatshot .yui-carousel-button button,
.whatshot .yui-carousel-button input
{
	background-color:   transparent;
	border:             0;
	padding-top:        50px;
}
.whatshot .yui-carousel-first-button,
.whatshot .yui-carousel li
{
	border-right:       solid 1px #ffffff;
}
.whatshot .yui-carousel-first-button
{
	background-position:4px -349px;
	left:               0;
}
.whatshot .yui-carousel-next-button
{
	border-left:        solid 1px #ffffff;
	background-position:-68px -364px;
	right:              0;
}
.whatshot .yui-carousel-element li
{
	margin:             0;
}
.whatshot .yui-carousel-item-selected
{
	outline:            0;
}

.whatshot-list
{
	margin:             10px 5px;
	padding:            0;
}

.whatshot-list a:visited, .whatshot-list a:link, .whatshot-list a:active
{
	color:              #5e433c;
	text-decoration:    none;
}

.whatshot-list li
{
	background-image:   url(http://cdn.sheknows.com/interface/dots-sm-orange.gif);
	background-position:bottom;
	background-repeat:  repeat-x;
	clear:              left;
	font-size:          14px;
	line-height:        28px;
	list-style:         none;
	margin:             0;
	padding:            0;
	overflow:           hidden;
	white-space:        nowrap;
}

.whatshot .ft
{
	height:             18px;
	line-height:        15px;
	position:relative;
	left:4px;
}

.whatshot .ft a:link, .whatshot .ft a:visited, .whatshot .ft a:active
{
	background-image:   url(http://media.sheknows.com/hairstylelounge/sprite.png);
	background-repeat:  no-repeat;
	background-position:right -330px;
	padding:            2px 24px 4px 0;
	
	color:              #6d6d6d;
	font-size:          10px;
	text-transform:     uppercase;
	text-decoration:    none;
	*display:           inline-block;
}
.whatshot-list a:hover, .whatshot .ft a:hover { color:#990000;}
.whatshot .ft em
{
	font-style: normal;
}



/**
 * WhatsHot Simple module
 * 
 * Used when only 2 options are available in the WhatsHot carousel
 */
.whatshot-simple .yui-carousel
{
	width:   234px;
}
.whatshot-simple .yui-carousel-nav
{
	display: none;
}

.whatshot-simple .yui-carousel-content
{
	margin:  0;
	width:   234px;
}

.whatshot-simple .yui-carousel .yui-carousel-item-selected
{
	background-color: #3d7ad7;
}

.whatshot-simple ol li
{
	margin:  0;
	width:   118px;
}


.ui-flashpanel
{
	background-color:    #004e05;
    display:             block;
    position:            relative;
	width:500px;
	margin:auto;
	overflow: hidden;
}

.ui-flashpanel ol
{
	margin: 0;
	padding:             0;
}

.ui-flashpanel .yui-carousel
{

}

.ui-flashpanel .yui-content
{
    display:             block;
	height:              440px;
    position:            relative;
    background-repeat:   no-repeat;
}

.ui-flashpanel .yui-carousel-nav
{
	position:          absolute;
	top:               170px;
	margin:            -10px 0 0;
	left:              0;
	text-align:        center;
	width:             100%;
	z-index:           3;
}
.ui-flashpanel .yui-carousel-content
{
	display:  block;
}

.ui-flashpanel .yui-carousel-nav ul
{
	margin:            0 auto;
	padding:           0;
	position:          relative;
	display:           inline-block;
}

.ui-flashpanel .yui-carousel-button
{
    background-color: transparent;
    background-image: url(http://cdn.sheknows.com/fabulousliving/carousel/main/flashpanel-nav.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    height: 76px;
    margin: 0px;
    overflow: hidden;
    width: 76px;
    position: relative;
}

.ui-flashpanel .yui-carousel-button
{
	float: right;
}

.ui-flashpanel .yui-carousel-button button,
.ui-flashpanel .yui-carousel-button input
{
	background: transparent;
	border: 0;
	cursor: pointer;
	padding-top: 50px;
}

.ui-flashpanel .yui-carousel-first-button
{
	float: left;
	background-position: 0 0px;
	margin-left: 8px;
}

.ui-flashpanel .yui-carousel-next-button
{
	background-position: -76px 0px;
	margin-right: 8px;
}

.ui-flashpanel .yui-carousel-first-button-disabled,
.ui-flashpanel .yui-carousel-button-disabled
{
	display: none;
}

.ui-flashpanel .yui-content .yui-overlay
{
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.ui-flashpanel .yui-content .bd
{
	font-size:   14px;
	line-height: 15px;
	padding:     13px;
	
	position:    absolute;
	bottom:      0;
	left:        0;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	color:            #ffffff;
	background-color: #004e05;
	
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size:   14px;
	cursor: default;
}

.ui-flashpanel .yui-content h2,
.ui-flashpanel .yui-content h3
{
	font-size:   24px;
	font-weight: normal;
	line-height: 32px;		
	margin:  0;
	padding: 0;
	width: 476px;
	cursor: pointer;
}

.ui-flashpanel .yui-content p { width: 476px; }
/*
.ui-flashpanel .yui-carousel-nav ul li {
	background: url(http://developer.yahoo.com/yui/build/assets/skins/sam/sprite.png) no-repeat 0px -650px;
	cursor: pointer;
	float: left;
	height: 9px;
	list-style: ;
	margin: 10px 0px 0px 5px;
	overflow: hidden;
	padding: 0px;
	width: 9px;
}
*/



.ui-flashpanel .yui-carousel-button { overflow: hidden; }
.ui-flashpanel .yui-carousel-button button { padding-top: 300px; }

.ui-flashpanel .yui-carousel-nav ul li.yui-carousel-nav-page-selected {
	background-position: 0px -700px;
}

.ui-flashpanel .yui-carousel-nav ul { display: none; }

.ui-flashpanel a,
.ui-flashpanel a:link,
.ui-flashpanel a:visited { 
	color: #fff !important; 
}
.ul-flashpanel p { font-size: 14px; }


#carousel_0 .yui-carousel-element li {
	cursor: pointer;
	height: 90px;
	margin: 0;
	outline: none;
	width: 118px;
}
#carousel_0 .yui-carousel-element .thumb {
  position: relative;
  margin-right: 3px;
}
#carousel_0 .yui-carousel-element .thumb img {
	height: 86px;
	margin: 0;
	padding: 0;
	width: 113px;
}
#carousel_0 .yui-carousel-element .overlay {
	display: none;
	height: 82px;
	left: 0;
	position: absolute;
	top: 0;
	width: 110px;
}
#carousel_0 .yui-carousel-element .yui-carousel-item-selected .overlay {
	border: 2px solid #923220;
	display: block;
}
#carousel_0 .arrow {
	border-color: transparent transparent #923220 transparent;
	border-style: solid;
	border-width: 5px;
	height: 0;
	left: 52px;
	position: absolute;
	top: -12px;
	width: 0;
}
#carousel_0 .yui-carousel-content {
	position: absolute;
	bottom: 0px;
}
#carousel_0 .yui-content {
	margin-bottom: 110px;
}
#carousel_0 .overlay .info {
	background: URL('http://cdn.sheknows.com/fabulousfoods.com/interface/transparent-923220.png') repeat 0 0;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 3px 0;
	position: absolute;
	width: 100%;
}


/**
 * Video Playlist Module
 *
 */
.video-playlist
{
	position: relative;
	top:10px;
}

.video-playlist li
{
	border:     0;
	text-align: left;
	height:70px;
	
}

.video-playlist a:visited, .video-playlist a:link, .video-playlist a:active
{
	font-weight: bold;
}

.video-playlist-title
{
	display: block;
}

.video-playlist .yui-carousel-nav ul,
.video-playlist .yui-carousel-first-button
{
	display: none;
}

.video-playlist-thumb
{
	display:      block;
	float:        left;
	height:       75px;
	margin-right: 10px;
	text-align:   center;
	width:        113px;
}

.video-playlist-thumb img
{
	margin:  0 auto;
}

.video-playlist .yui-carousel-next-button
{
	background: #f2f2f2 url(http://media.sheknows.com/hairstylelounge/sprite.png) -62px -300px no-repeat;;
	height:     75px;
	overflow:   hidden;
	position:   absolute;
	right:      0;
	top:        0;
	width:      35px;
	z-index:    2;
}

.video-playlist .yui-carousel-next-button button
{
	background:   transparent;
	border:       0;
	height:       100%;
	padding-left: 60px;
}

.video-playlist a img
{
	border: 0;
}


.video-playlist .yui-carousel-content
{
	float: left;
}

.video-playlist .yui-carousel-item-selected
{
	border: 0;
	margin: 0;
}


.content-block-right .video-playlist ol li
{
	margin: 0;
	padding-right: 45px;
	width: 255px;
}








/**
 * Primary Channel layout
 *
 */
.channel-layout .whatshot
{
	width:              225px;
}




/**
 * Secondary channel landing pages have a wider flash panel.
 *
 * These styles are specific to a wider flash panel.
 */
 
.subchannel-layout .whatshot
{
	width:        280px;
	padding-left: 10px;
}

.subchannel-layout .whatshot .yui-carousel
{
	width:        280px;
}

.subchannel-layout .whatshot ol li
{
	width:      140px;
}


.subchannel-layout {
	width:924px;
	height:327px;
/*	border: 1px solid #D3D3D3;*/
	overflow: hidden;
	margin-bottom:10px;
	
}
.subchannel-layout .whatshot { padding-left:0px; margin:1px; padding:8px; border:solid 1px #D3D3D3; height:306px;}