/* Secret Abilities
----------------------------------------------------- */

/* structural */
body#secret-abilities 				{ background:#000; color: #fff;}
body#secret-abilities #container 	{ background:url(../images/secretabilities/header.png) no-repeat top center;}   
body#secret-abilities #wrap 		{ background: url(../images/secretabilities/bg.jpg) no-repeat top center; width: 100%; }
body#secret-abilities #header		{ height: 132px; }
body#secret-abilities #main			{ margin: 0 auto; width: 844px; padding-top:255px; }  
body#secret-abilities div.col-left	{ float:left; margin: 0 0 0 0; width:503px; padding-left: 20px;}
body#secret-abilities div.col-right	{ float:right; margin: -9px 0 0 0; width:193px; padding:0 30px 0 0;}
body#secret-abilities #main.form div.col-right {margin-top:25px;}
body#secret-abilities #footer       { background: none; color: #ffffff;height: 40px;}

/* nav */
body#secret-abilities #nav ul li.home a, 
body#secret-abilities #nav ul li.tastytips a, 
body#secret-abilities #nav ul li.recipes a, 
body#secret-abilities #nav ul li.sauces a, 
body#secret-abilities #nav ul li.register a, 
body#secret-abilities #nav ul li.whatsnew a, 
body#secret-abilities #nav ul li.promotions a {background-image: url(../images/secretabilities/nav.png);}

/* headers */
body#secret-abilities h1#home,
body#secret-abilities h1#register,
body#secret-abilities h2#more-favs,
body#secret-abilities h2#more-favs2,
body#secret-abilities h3.title,
body#secret-abilities h3.desc		{ position: relative; display: block; text-indent: -9000px;	overflow:hidden; }

div#headLayoutFix
{
	width:815px;
}

body#secret-abilities h1#home 		{ background: url(../images/secretabilities/hdrs/home.png) no-repeat; width: 762px; height: 58px; margin:0 auto 1.5em auto;}
body#secret-abilities h1#register	{ background: url(../images/secretabilities/hdrs/register.png) no-repeat; width: 495px; height: 24px; margin:0 auto 1.5em auto;}
body#secret-abilities h1#sendtofriend{ background: url(../images/secretabilities/hdrs/sendtoafriend.gif) top center no-repeat; width: 229px; height: 24px; margin:0 auto 1.5em auto; text-indent:-9999em; overflow:hidden;}
body#secret-abilities h1#thankyou{ background: url(../images/secretabilities/hdrs/thankyou.gif) top center no-repeat; width: 141px; height: 24px; margin:0 auto 1.5em auto; text-indent:-9999em; overflow:hidden;}
body#secret-abilities h1#termsconditions{ background: url(../images/secretabilities/hdrs/termsconditions.gif) top center no-repeat; width: 274px; height: 24px; margin:0 auto 1.5em auto; text-indent:-9999em; overflow:hidden;}
body#secret-abilities h2#more-favs,
body#secret-abilities h2#more-favs2	{ background: url(../images/secretabilities/hdrs/more-favs.png) no-repeat; width: 183px; height: 46px; margin:0 0 .5em 0; clear: both;}
body#secret-abilities h3.title 		{ background: url(../images/secretabilities/hdrs/title.png) no-repeat; width: 29px; height: 11px; margin:0 0 .5em 0;}	
body#secret-abilities h3.desc 		{ background: url(../images/secretabilities/hdrs/description.png) no-repeat; width: 85px; height: 11px; margin:0 0 .5em 0;}	
body#secret-abilities p.title		{ font-size: 1.3em; }
body#secret-abilities p.hdr			{ color: #5db3d5; }

/* link styles */
body#secret-abilities a				{ color: #fff;}
body#secret-abilities .col-right a	{ display: block;}
body#secret-abilities a.back 		{ float:none; display: block; margin: 0 0 0 -15px; background:url(../images/secretabilities/btns/back.png) no-repeat top left; width: 275px; height: 58px;text-indent: -9000px; cursor: pointer;  }	

body#secret-abilities a.arrow {
	background: url(../images/secretabilities/arrow.png) no-repeat 0 50%;
	padding: 20px 0 20px 50px;
	font-size: .8em;
	display: block;
}	

body#secret-abilities a.watch-pt2 {
	background: url(../images/secretabilities/btns/watch-pt2.png) no-repeat 0 0;
	padding: 20px 0 20px 50px;
	display: block;
	width: 156px;
	height: 46px;
	position: relative; 
	text-indent: -9000px;	
	overflow:hidden; 
}

body#secret-abilities .box-watch
{
	
}

body#secret-abilities .box-watch a.watch-this {
	background: url(../images/secretabilities/bg-watch.png) no-repeat top left;
	width: 207px;
	height: 60px;
	display: block;
	margin:0 6px;

	
}
body#secret-abilities .box-watch a.watch-next {
	background: url(../images/secretabilities/bg-watch.png) no-repeat left -60px;
	width: 207px;
	height: 60px;
	display: block;

}

body#secret-abilities .box-watch a.watch-next span {
    display: none;
}

body#secret-abilities .box-watch a span {
	position: relative;
	top: 22px;
	left: 55px;
	width: 140px;
	display: block;
}	

/* videos */
body#secret-abilities div.video-box
{
	float: left;
	width: 803px;
	height: 330px;
	background: url(../images/secretabilities/bg-videos.png) repeat-x top left;
	margin-bottom:20px;
}

body#secret-abilities .videoWrapper
{
	padding:2px;
	float: left; margin: 12px 16px 0 10px;
	height: 297px;
	width: 478px;
}

body#secret-abilities #video,
body#secret-abilities #your-video		{    height: 297px; background: #999; }
body#secret-abilities .info,
body#secret-abilities .info2			{ float: right; margin: 12px 15px 0 0; width: 247px; }
body#secret-abilities .info div.spacer,
body#secret-abilities .info2 div.spacer			{ height:140px }
body#secret-abilities div.divider	{ clear:both; }

body#secret-abilities .video		{ float: left; display:inline; margin: 29px 25px 0 21px; width: 215px; font-size: 1.5em;}
body#secret-abilities .video a		{ color: #fff;  }
body#secret-abilities .video h3.title,
body#secret-abilities .video h3.desc {margin:10px 0 10px;}
body#secret-abilities .video p {margin: 0 0 0 0;font-size:0.9em;}
body#secret-abilities #video #video-player,
body#secret-abilities #your-video #your-video-player { padding: 20px; font-size: 2em; }
body#secret-abilities .video-row { clear:both; float: left;width: 800px; }

body#secret-abilities .video	div.small-video-wrapper
{
	background:url(../images/secretabilities/bg-videos-small.png) no-repeat top left;
	padding:7px 6px 5px 6px;
	height:153px
}

/* buttons */

body#secret-abilities a.watch span,
body#secret-abilities a.send		{ display: block; text-indent: -9000px;	overflow:hidden; }

body#secret-abilities a.watch 
{
	height: 154px;
	margin: -20px 0 -35px 0;
	background:url(../images/secretabilities/btns/watch_arrow_sprite.jpg) no-repeat 0 7px;
	display:block;
	cursor:pointer;
}

body#secret-abilities a.watch  img
{
	width:80px; height:80px; margin-top:33px;
}


body#secret-abilities a.active /*.watch*/
{
	background-position: 0 -147px;
}

body#secret-abilities a.send 		{ cursor:pointer; width: 211px; height: 93px; background:url(../images/secretabilities/btns/send.png) no-repeat top left; }

/* forms */
div.register input.submit {
	background: url(../images/secretabilities/btns/submit.png) no-repeat top left;
	width: 126px;
	height: 43px;
	border: none;
	float:left;
	text-indent: -9999px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	left: 0;
}

div.register 							{ background:url(../images/secretabilities/bg-register-form.png) repeat-x top left; }
div.register label						{ color: #fff; }
div.register input.text				{ width: 24em; border: 1px solid #949494; }
div.register #video-details textarea	{ width: 34.5em; border: 1px solid #949494; }
div.register #video-details input.text	{ width: 33em; }
div.register #video-details label		{ float:none; width: 30em; }

div.register #terms					{ float:left; }
div.register #terms span.checkbox input		{ float:left; margin-right: 1em; }
div.register #terms label				{ float:left; width:35em; clear: none; padding: 0;}
div.register #terms div				{ float:left;  clear: both; }

.video-box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* tab nav */
body#secret-abilities ul.tabs { 
	list-style:none; 
	margin:0 0 0 -17px; 
	padding:0;
	height:132px;
	width: 488px;
}

body#secret-abilities ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

body#secret-abilities ul.tabs a { 
	background: url(../images/secretabilities/tabnav.png) no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 132px;  
	width: 258px;
	color:#fff;
	padding:0;
	margin:0;
	position:relative;
	top:0;
	left:0;
	text-indent: -9999px;
}

body#secret-abilities ul.tabs #yours a {
	width:230px;
	background-position: 100% 0;
	left:-45px;
}

body#secret-abilities ul.tabs a:active,
body#secret-abilities ul.tabs a:focus {
	outline:none;		
}

body#secret-abilities ul.tabs a:hover {
	background-position: 0 -132px;	
}
body#secret-abilities ul.tabs #yours a:hover {
	background-position: 100% -132px;
}

body#secret-abilities ul.tabs a.current, 
body#secret-abilities ul.tabs a.current:hover, 
body#secret-abilities ul.tabs li.current a {
	background-position: 0 -264px;		
	cursor:default !important; 
	z-index:2;
}

body#secret-abilities ul.tabs #yours a.current, 
body#secret-abilities ul.tabs #yours a.current:hover, 
body#secret-abilities ul.tabs li#yours.current a {
	background-position: 100% -264px;		
	cursor:default !important; 
	color:#790f0f !important;
}
body#secret-abilities .panes {float:left;position:relative;z-index:4;margin-top:-43px;left:0;top:0;}

body#secret-abilities #main ol 
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:decimal;
    margin:0 30px 20px 23px;
}