/* Table Of Contents
**************************************************

1.0: Global Structure

2.0: Header
	2.1: Navigation
	
3.0: Footer

*/

/* 1.0: Global Structure
**************************************************/
	:focus{outline:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}del{text-decoration:line-through}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline;}ins{text-decoration:none;}ol,ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}
	.nav { margin-top: 4px; }
	#middlePanel {
		background: url(../images/backgroundMiddle.png) repeat-x;
		float: left;
		height: 453px;
		position: relative;
		margin-top:20px;
		width: 100%;
		z-index: 1;
	}
	#main { padding:25px 0px; }
	#panelContainer {
		height: 453px;
		margin: 0 auto;
		position: relative;
		width: 930px;
	}
	#contentMain {
		background: url(../images/backgroundContent.png) no-repeat;
		height: 370px;
		left: 184px;
		padding: 0 40px;
		position: absolute;
		top: 40px;
		width: 363px;
	}
	#contentMain hr {
		border-top: 1px solid #606060 !important;
		border-bottom: none !important;
		border-left: none !important;
		border-right: none !important;
		margin-top: 5px !important;
	}
	
	#videoRadio {
		background: url(../images/backgroundMiddle.png) repeat-x;
		height: 370px;
		left: 184px;
		position: absolute;
		top: 40px;
		width: 443px;
		z-index:2;
	}
	.videoRadioTabs .video, .videoRadioTabs .radio {
		background: url(../images/tvRadioTabs.png) no-repeat 0 0;
		cursor: pointer;
		float:left;
		height:27px;
		margin-right:5px;
		opacity: 0.5;
		text-indent:-9999px;
		width:122px;
	}
	.videoRadioTabs {
		float: left;
	}
	.videoRadioTabs li {
		float: left;
	}
	.videoRadioTabs li a.radio {
		background-position: -128px 0px;
	}
	.videoRadioTabs li a.radio.on {
		cursor: default !important;
		opacity: 1;
	}
	.videoRadioTabs li a.video.on {
		cursor: default !important;
		opacity: 1
	}
	.videoRadioContent {
		background: #383336;
		float: left;
		height: 311px;
		padding: 16px 13px;
		position: absolute;
		top: 27px;
		left: 0;
		width:417px;
	}
	.videoContent, .radioContent {
		position: absolute;
	}
	.videoContent h2 {
		background: url(../images/televisioncommercial.png) no-repeat;
		color: #fff;
		font-family:"Times New Roman", Times, serif !important;
		font-size: 17px;
		margin-top: 26px;
		text-indent: -9999px;
		width: 200px;
	}
	.radioContent {
		display: none;
		margin-top:132px;
		text-align:center;
	}
	.videoBox {
		background: url(../images/backgroundMiddle.png) repeat-x #666;
	}
	
	/* DISCUSSION BOX */
	.discussion, .questions, .resourcesContent {
		position: absolute;
		display: none;
		width: 363px;
	}
	.discussion h2, .questions h2, .resourcesContent h2 {
		color: #fff;
		font-family: "Times New Roman", Times, serif !important;
		font-size: 20px;
		margin-top: 32px;
	}
	.discussion h2 {
		background:url("../images/startthediscussion.png") no-repeat scroll 0 0 transparent;
		text-indent:-9999px;
		width:172px;
	}
	.questions h2 {
		background: url(../images/yourquestionsanswered.png) no-repeat;
		text-indent: -9999px;
		width: 220px;
	}
		
	.discussion img {
		float: left;
		margin-right: 24px;
		margin-top: 18px;
	}
	.discussion p {
		color:#FFFFFF;
		float:left;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		line-height:18px;
		margin-top:15px;
		width:155px;
	}
	.discussion a {
		background: url(../images/downloadthekit.png) no-repeat 0 0px;
		color:#F72A8B;
		float:left;
		margin-top:16px;
		padding-left:15px;
		text-decoration:none;
		font-family:times New Roman;	
		font-size:17px;
		text-indent: -9999px;
		width: 121px;
	}
	.discussion a:hover {
		color: #fff;
	}
	
	/* QUESTIONS BOX */
	.questions .downloads {
		border-top: 1px solid #606060;
		float: left;
		margin-top:5px;
		padding-top:3px;
	}
	.questions .downloads li {
		border-bottom: 1px solid #606060;
		float: left;
		height: 83px;
		width: 363px;
	}
	.questions .downloads li a {
		cursor: pointer;
		float: left;
		height: 83px;
		font-family:times New Roman;
		font-size:16px;
		text-decoration: none;
		position: relative;
		width:363px;
		z-index: 10;
	}
	.questions .downloads li a:hover {
		background: #414141;
	}
	.questions .downloads li a img {
		left:0;
		position:absolute;
		top: 22px;
	}
	.downloadTitle img {
		margin: 0 !important;
		top: 0 !important;
		position: relative !important;
	}
	.questions .downloads li a span.downloadTitle {
		color:#F72A8B;
		cursor: pointer;
		float:left;
		margin-left:60px;
		margin-top:23px;
		position:relative;
		width:295px;
	}
	.questions .downloads li a span.downloadDesc {
		color:#FFFFFF;
		cursor: pointer;
		float:left;
		font-family:Arial,Helvetica,sans-serif;
		font-size:13px;
		line-height:14px;
		margin-left:60px;
		margin-top:1px;
		position:relative;
	}
	a.learnMore {
		background: url(../images/pinkBtn.png) no-repeat;
		float:left;
		height:24px;
		margin-top:24px;
		overflow: hidden;
		position:relative;
		text-decoration: none;
		width:87px;
	}
	a.learnMore span {
		color:#FFFFFF;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		left:8px;
		position:absolute;
		text-transform: uppercase;
		top:7px;
		width: 68px;
	}
	
	/* RESOURCES CONTENT */
	.resourcesContent h2 {
		float: left;
	}
	.resourcesContent hr {
		float: left;
		width: 363px;
	}
	
	.postersAmount, .flyersAmount {
		color: #fff;
		float: right;
		font-size: 13px;
		margin-top: 36px;
	}
		
	.posters, .flyers {
		float:left;
		height:99px;
		margin-top: 10px;
		position:relative;
		width:365px;
	}
	.postersSlide, .flyersSlide {
		float: left;
		height:99px;
		margin-left:20px;
		overflow:hidden;
		position:relative;
		width:325px;
	}
	.miniSlide {
		position: relative;
		width: 2000px;
	}
	.miniSlide li {
		width: 73px;
		margin: 0 11px 0 0;
		height: 99px;
		float: left;
	}
	.miniSlide li a {
		width: 73px;
		height: 99px;
		float: left;
	}
	.miniSlide li a img {
		width: 71px;
		height: 97px;
		float: left;
		border: 1px solid #ae2566;
	}
	.miniSlide li a:hover img {
		border: 1px solid #fff;
	}
	.posters .prev, .flyers .prev {
		background: url(../images/slidePrev.png) no-repeat;
		cursor:pointer;
		height:35px;
		opacity: 0.2;
		position:absolute;
		left:0;
		text-indent:-9999px;
		top:28px;
		width:20px;
		z-index:1;
	}
	.posters .next, .flyers .next {
		background: url(../images/slideNext.png) no-repeat;
		cursor:pointer;
		height:35px;
		opacity: 0.2;
		position:absolute;
		right:0;
		text-indent:-9999px;
		top:28px;
		width:20px;
		z-index:1;
	}
	
	/* FACEBOOK */
	.facebook {
		background: url(../images/ok.png) no-repeat;
		float:right;
		height:300px;
		margin-top:110px;
		position: relative;
		width:271px;
	}
	.facebookBox {
		background: url(../images/facebookBg2.png) no-repeat;
		float: left;
		position: absolute;
		bottom: 0;
		width: 271px;
		height: 56px;
	}
	
	.like {
		float:left;
		margin-left:17px;
		margin-top:17px;
	}
	.shareDecision {
		float: left;
		margin-left:25px;
		margin-top:18px;
	}
	.twitter {
		float: left;
		margin-left:28px;
		margin-top:16px;
	}
	
	.FBConnectButton_Small .FBConnectButton_Text {
		margin-left:19px !important;
	}

/* 2.0: Header
**************************************************/

/* 2.1: Navigation
**************************************************/
	#contentTabs {
		float: left;
		height: 370px;
		margin-left: 1px;
		position: relative;
		top: 40px;
		width: 174px;
	}
	#contentTabs li {
		float: left;
		height: 88px;
		margin-bottom: 6px;
		position: relative;
		overflow: hidden;
		width: 174px;
	}
	#contentTabs li a {
		cursor: pointer;
		float:left;
		height:88px;
		position: absolute;
		text-indent:-9999px;
		width:349px;
	}
	#contentTabs li a.active {
		left: -175px !important;
	}
	#contentTabs li.watchListen a {
		background: url(../images/middleTabs.jpg) no-repeat 0 0;
	}
	#contentTabs li.startDiscussion a {
		background: url(../images/middleTabs.jpg) no-repeat 0 -92px;
	}
	#contentTabs li.questionsAnswered a {
		background: url(../images/middleTabs.jpg) no-repeat 0 -188px;
	}
	#contentTabs li.resources a {
		background: url(../images/middleTabs.jpg) no-repeat 0 -282px;
	}

/* 3.0: Footer
**************************************************/