/*	
Title:		Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions
Remixed by	Cesar Fabello based on david's photoshow styles for renewal page
Remixed by	Cesar Fabello for photoshow travel landing page
Remixed by	Cesar Fabello for photoshow touch
Updated:	11.26.08
Updated:	6.09.09
Updated:	10.20.09
*/


#productTitle {
	background: #5a5a5a;
	color: #fff;
	margin: 2px 0 0 0;

}

#productTitle h1 {
	font-size: 136%;
	padding: 5px 0 5px 15px;
}

#productWrapper {
	margin: 2px 0 0 0;

}

#productBanner {
	color: #fff;
	background: #fff url('https://img.roxio.com/images/promotions/landing/photoshow/touch/touch-banner.jpg') top left no-repeat;
	margin:0 !important; 
	padding:0 !important;
	min-height:370px;
	/*8ca852*/	
}


#productBanner a {
	color: #fff;
}

#productBanner a:hover {
	color: #ccc;
}

#productBanner #roFlashLayer {
	float: left;
	position: relative;
	width: 380px;  /*415*/
	padding: 25px 5px 0 30px;
}

.ps_style {
	border-bottom: 1px solid #ccc;
	display: block;
}



/*BANNER CONTENT*/
	#productBanner #bannerContent {
		float: left;
		width: 510px;  /*(940)*/
		padding: 40px 5px 0 430px;
	}
	#productBanner #bannerContent h1{
		width:393px;
		height:39px;
		background: url(/images/promotions/landing/photoshow/touch/headline.png) top left no-repeat;*/
	}
	#productBanner #bannerContent h2{
		width:402px;
		height:39px;
		background: url(/images/promotions/landing/photoshow/touch/sub-headline.png) top left no-repeat;*/
	}	
	#productBanner #bannerContent h3{
		width:393px;
		height:50px;
		background: url(/images/promotions/landing/photoshow/touch/sub-headline2.png) top left no-repeat;*/
		margin:10px 0 30px 0 !important;
		margin-top: 10px !important;
		margin-bottom:30px;
	}
	#productBanner #bannerContent h1 p,#productBanner #bannerContent h2 p, #productBanner #bannerContent h3 p{
		display:none;
	}		

/*END BANNER CONTENT*/




/*PURCHASE OPTIONS*/
	#bannerContent #prodOfferWrap{
		padding:16px 0 0 20px;
	
	}
	#action-buttons{
		float:left;
		width:174px;
	}
		.btn-downloadnow{
			clear:both;
			display:block;
			height:35px;
			padding:0 !important;
			margin:14px 0 0 0 !important;
		}	
	
		.btn-downloadnow a{
			float:left;	
			width:174px;
			height: 35px;
			background: url(/images/promotions/landing/photoshow/touch/btn-downloadnow.png) no-repeat;
			
		}
		.btn-downloadnow a span{
			display:none;
		}	
		
		.btn-downloadnow a:hover{
			width:174px;
			height: 35px;
			background: url(/images/promotions/landing/photoshow/touch/btn-downloadnow.png)no-repeat;		
			background-position:0% -50px;
		}
		.btn-watchvideo{
			display:block;
			clear:both;
			width:174px;
			height:35px !important;	
			height:35px;
			padding:0 !important;
			margin:0 !important;			
	
		}
		
		.btn-watchvideo a{
			float:left;	
			width:174px;
			height:35px !important;
			background: url(/images/promotions/landing/photoshow/touch/btn-watchvideo.png) no-repeat;
			
		}
		.btn-watchvideo a span{
			display:none;
		}	
		
		.btn-watchvideo a:hover{
			width:174px;
			height: 35px;
			background: url(/images/promotions/landing/photoshow/touch/btn-watchvideo.png)no-repeat;		
			background-position:0% -50px;
		}	
	#offer-info{
		float:left;
		padding: 0 0 0 40px;
	}
/*END PURCHASE OPTIONS*/








/*TAB NAVIGATION STYLES*/
	#subNav {
		clear: both;
		float: left;
	}
	
	#subNav ul {
		margin:0 0 0 6px;
		padding: 5px 0 0px 0;
		list-style:none;
	}
	
	#subNav li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#subNav a {
		float:left;
		background:url("/images/products/roxio_online/navTabs_lt.gif") no-repeat left -54px;
		margin: 7px 2px 0 0;
		padding:0 0 0 7px;
		text-decoration:none;
		font-weight:bold;
	}
			
	#subNav a span {
		float:left;
		display:block;
		background:url("/images/products/roxio_online/navTabs_rt.gif") no-repeat right -54px;
		padding:10px 15px 5px 6px;
		font-weight:bold;
		color:#666;
	}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#subNav a span {float:none;}
		/* End IE5-Mac hack */
	#subNav a:hover span {
		color:#fff;
	}
	
	#subNav a:hover {
		background-position:left -108px;
		font-weight:bold;
	}
	
	#subNav a:hover span {
		background-position:right -108px;
		color: #666;
	}
	
	/*ACTIVE TAB STYLES*/
		#overview #navOverview a, #benefits #navBenefits a, #features #navFeatures a, #samples #navSamples a {
			margin: 0 2px 0 0;
			background-position:left 0px;
			font-weight:bold;
		}
		
		
		#overview #navOverview a span,  #benefits #navBenefits a span, #features #navFeatures a span, #samples #navSamples a span{
			background-position:right 0px;
			color: #fff;
			padding:13px 15px 9px 6px;
		}
	/*END ACTIVE TAB STYLES*/	
	
/*END TAB NAVIGATION STYLES*/	








/*CONTENT WRAPPER*/
	#content_top {
		clear: both;
		height: 5px;
		background:url("/images/products/roxio_online/content_trim_top.gif") no-repeat top left;
		overflow: hidden;
	}
	
	#content, .content {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px;
		overflow:hidden;
	}
	
	.overviewContent{
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px 4px 10px 16px;
		overflow:hidden;
	}	


	.featuresContent {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px;
		overflow:hidden;
	}	
	
	
	#content_btm {
		height: 5px;
		background:url("/images/products/roxio_online/content_trim_btm.gif") no-repeat top left;
		overflow: hidden;
	}
	
	

	.content h2{
	color: #075375;
	font-size: 155%;
	font-weight: normal;
	padding: 8px 20px 0 15px;
	line-height: 118%;
	}	
	
	
/*END CONTENT WRAPPER*/







/*OVERVIEW STYLES*/
	.overviewContent h2{
		
	}
	.txt-fast-fun{
		width:339px;
		height:36px;
		background: url('https://img.roxio.com/images/promotions/landing/photoshow/touch/its-multi-touch.gif') no-repeat;
		margin:0 0 16px 4px;
	}
	.txt-fast-fun p{
		display:none;
	}
	
	
	#touch-steps{
		float:left;
		list-style-type:none;
		padding:0 0 0 0px;
	}
	#touch-steps li{
		float:left;
		width:175px; /*(227)*/
		margin:0 0 0 2px;
		padding:0 12px 0 40px;
	}
	.hotspot1,.hotspot2, .hotspot3,.hotspot4 {
		display:block;	
		height:156px;
		width:175px;
		text-indent: -3000px;
	}
	
	
	#touch-steps li	span{
		font-weight:bold;
	}
	#step-1{
		background: url('https://img.roxio.com/images/promotions/landing/photoshow/touch/step-1.jpg') top left no-repeat;	
	}

	#step-2{
		background: url('https://img.roxio.com/images/promotions/landing/photoshow/touch/step-2.jpg') top left no-repeat;	
	}

	#step-3{
		background: url('https://img.roxio.com/images/promotions/landing/photoshow/touch/step-3.jpg') top left no-repeat;	
	}

	#step-4{
		background: url('https://img.roxio.com/images/promotions/landing/photoshow/touch/step-4.jpg') top left no-repeat;	
	}


/*OVERVIEW STYLES*/









.nextPage {
	clear:both;
	text-align: right;
	font-weight: bold;
	background: url("https://img.roxio.com/enu/images/7x7_arrow.gif") no-repeat;
	background-position: right 15px;
	padding: 10px 10px 10px 10px !important;
	margin-right:14px;
	
	}




.finePrint {
	padding: 10px 0 0 20px !important;
	font-size: 90%;
}