/*	
Title:		Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	6.17.06
Updated:	1.08.09 by Cesar for photoshow home V2
Updated:	8.03.09 by Cesar - added photoshow samples
Updated:	5.23.10 by Cesar - added photoshow flash ALT styles
*/

body{
	font-family: Arial, Helvetica, sans-serif;
}

.italic {
	font-style: italic;
}

#homeContainer {
	margin: 0;
	padding: 0;
	width: 960px;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px;
}




.photoShowFlash {
	
}




#homeBuckets {
	margin: 5px 0 0 0;
	padding: 0;
}




/*-------------- TAB CONTENT LAYOUT STYLES ---------------*/

/*SUBNAV*/
	#subNav {
		clear: both;
		display:inline;
		float: left;
		margin-left:11px !important;/*patched for wider flash banner  old padding 10px*/
	}
	
	#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("https://img.roxio.com/images/homepage/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("https://img.roxio.com/images/homepage/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;
	}
	
	
	#subNav .on a {
	margin: 0 2px 0 0;
	background-position:left 0px;
	font-weight:bold;

	}
	
	#subNav .on a span {
		background-position:right 0px;
		color: #fff;
		padding:13px 15px 9px 6px;
	}
	
	#subNav .on a span {
		background-position:right 0px;
		color: #fff;
		padding:13px 15px 9px 6px;
	}
	
	#subNav a span {
		min-width: 50px;
		width: auto !important;
		/*width: 50px;*/
		text-align: center;
		white-space: no-wrap !important;
	}
	
	
	
/*END SUBNAV*/


/*CONTENT BORDERS*/
	#content_top {
		margin-left: 11px !important;/*patched for wider flash banner  old padding 10px*/
		clear: both;
		height: 5px;
		background:url("https://img.roxio.com/images/homepage/content_trim_top.gif") no-repeat top left;
		overflow: hidden;
	}
	
	#content{/* used by features tab*/
		margin-left: 11px !important; /*patched for wider flash banner  old padding 10px*/
		width:918px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px; /*patched for wider flash banner  old padding 10px*/
	}
	
	
	#content_btm {
		margin-left: 11px !important;/*patched for wider flash banner  old padding 10px*/
		height: 5px;
		background:url("https://img.roxio.com/images/homepage/content_trim_btm.gif") no-repeat top left;
		overflow: hidden;
	}
/* END CONTENT BORDERS*/


.content-overview, .content-benefits, .content-features, .content-samples{ /*SHARED*/

		margin-left: 11px !important; /*patched for wider flash banner  old padding 10px*/
		width:918px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		padding: 10px; /*patched for wider flash banner  old padding 10px*/

}

/*OVERVIEW STYLES*/
	.content-overview h2, .content-benefits h2,.content-samples h2, .content-features h2{
	color: #075375;
	font-size: 155%;
	font-weight: normal;
	padding: 8px 20px 0 15px;
	line-height: 118%;
	}
	.content-benefits h2,.content-samples h2{
	padding: 8px 20px 10px 15px;
	}
	
	
	.stepText {
		color: #ff5d00;
	}
	
	#ps_AddInfo {
		float:left;
		width:906px;
		padding: 30px 0 0 10px;
		margin:0 !important;	
	}
	
	#ps_AddInfo .stepOne h4, 
	#ps_AddInfo .stepTwo h4, 
	#ps_AddInfo .stepThree h4 {
		padding: 0 0 15px 0;
		text-align: left;
		font-size: 100%;
	}
	
	/*H4 STYLES*/
		#ps_AddInfo .stepOne h4 {
			background: url('https://img.roxio.com/images/homepage/imgOne.gif') 5px top no-repeat;
			padding: 8px 10px 4px 40px !important;
			min-height:45px !important;
			font-weight:bold;
		}
		
		#ps_AddInfo .stepTwo h4 {
			background: url('https://img.roxio.com/images/homepage/imgTwo.gif') 5px top no-repeat;
			padding: 8px 0 4px 40px !important;
			min-height:45px !important;
			font-weight:bold;			
		}
		
		#ps_AddInfo .stepThree h4 {
			background: url('https://img.roxio.com/images/homepage/imgThree.gif') 5px top no-repeat;
			padding: 8px 0 4px 40px !important;
			min-height:45px !important;
			font-weight:bold;		
		}
	/*END H4 STYLES*/

	
	#ps_AddInfo .stepOne {
		float: left;
		width: 285px; /*225*/
		margin-right: 5px;
	}
	
	.stepContent {
		height: 250px;
		margin:0 !important;
		padding:0 0 0 0 !important;
		margin-top:0 !important;
	}
	
		.stepOne .stepContent {
			text-align: center;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		
		.stepTwo {
			float: left;
			width: 310px; /*250*/
			margin-right: 5px;
	
		}
		
		.stepTwo .stepContent {
			text-align: center;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		/*.testContent{
		display:block;
		margin:0;
		background:#00f;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;		
		}*/
	
		.stepThree {
			float: left;
			width: 295px; /*235*/
		}
		
		.stepThree .stepContent {
			text-align: center;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
		}
		
		
		
		
	.stepTop {
		background: url('https://img.roxio.com/images/homepage/bucket_top_rt.gif') top right no-repeat;
		margin:0 !important;
		margin-bottom:0 !important;
		

	}

	.stepTop span {
		display: block;
		height: 5px;
		background: url('https://img.roxio.com/images/homepage/bucket_top_lt.gif') top left no-repeat;
		overflow: hidden;
	
	}
	
	.stepBtm {
		background: url('https://img.roxio.com/images/homepage/bucket_btm_rt.gif') top right no-repeat;
	}
	
	.stepBtm span {
		display: block;
		height: 5px;
		background: url('https://img.roxio.com/images/homepage/bucket_btm_lt.gif') top left no-repeat;
	}
	
	
	
	
	
	
/*END OVERVIEW STYLES*/








/*BENEFIT STYLES*/
/*	.content-benefits h2 {
		color: #075375;
		font-size: 146%;
		font-weight:bold;
		line-height: 118%;
		padding: 10px 10px 0 20px;
	}*/



	.featureRow{
		padding: 15px 0 0 0;
	}
	.featureRow img{
		float: none;
		border: none;
	}
	.overviewFeature h3{
		font-size: 100%;
	}
	.overviewFeature{
		float: left;
		padding-left: 10px;
		width: 700px; /*545*/
	}
	
	.overviewImage {
		float: left;
		width: 170px;
		text-align: center;
	}

	.finePrint {
		padding-top: 5px;
		font-size: 90%;
	}
	
	.content-benefits .finePrint {
		padding: 5px 0 0 180px;
	}	
	
/*END BENEFIT STYLES*/




/*WHY UPGRADE STYLES*/

		/*PATCH THIS*/

	ol#reasons{
		margin:14px 0 0 24px !important;
	}
	ol#reasons li{
		padding-bottom:10px;
		font-size:120%;
		font-weight:bold;
	color: #fe5b00 /*#075375*/;
list-style-position:inside !important;
		list-style-type:decimal !important;	
		
	}
	ol#reasons li span{
		font-weight:normal;
		color:#474646;
		padding-left:8px;
		list-style-type:decimal !important;
	}	


		.btn-alpha a {
			float: left;
			background:url('https://img.roxio.com/images/theme/core/btn-aqua-lt.gif') no-repeat left top !important;
			margin:0 5px 0 0;
			cursor: pointer;
			font-weight: bold;
			text-decoration: none;
			height: 21px;
			padding:0 0 5px 10px;
			color: #fff;	
		}
		.btn-alpha a span {
			float:left;
			display:block;
			background:url('https://img.roxio.com/images/theme/core/btn-aqua-rt.gif') no-repeat right top !important;
			height: 21px;
			padding: 5px 18px 0 6px;
			line-height: 116%;	
		}
		
		.btn-alpha a:hover {
			font-weight: bold;
			text-decoration: none;
			color: #fff !important;
			background-position:0% -52px !important;
		}
		
		.btn-alpha a:hover span {
			background-position:100% -52px !important;
		}



	/*patch*/
	.btn-alpha{
	margin:0 0 40px 20px !important;
	}	


/*END WHY UPGRADE 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;
	}

/*-------------- END TAB CONTENT LAYOUT STYLES ---------------*/







/*PHOTOSHOW SAMPLES styles*/
	.content-samples {
		padding-bottom: 30px;
	}
	.samples-row{
		clear:both !important;
		padding: 16px 0 0 10px !important;
		margin:0;
		
	}
	.sample-thumb{
		float:left;
		padding:0; margin:0;
		margin-left:10px;
		
		display:block;margin-right:10px;
	}
	.sample-thumb a:link img, .sample-thumb a:visited img {
		border:3px solid #e5e5e5;
	}
	.sample-thumb a:hover img{
		border:3px solid #cecbcb;
	}
	.sample-thumb p{
		padding:2px 0 0 0 !important;
		margin:0;
	}	
	.sample-thumb p a:link{
		color:#a17ca6;
		text-decoration:none;
	}
	.sample-thumb p a:hover{
		color:#a17ca6;
		text-decoration:underline;
	}


/*END PHOTOSHOW SAMPLES styles*/






/* clearfix-rox */
.clearfix-rox:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	 height: 0;  
}  

.clearfix-rox {  
	 display: inline-block;  
}  

 html[xmlns] .clearfix-rox {  
   display: block;  
}  
  
* html .clearfix-rox {  
	 height: 1%;  
} 



/*NO FLASH ALT CONTENT STYLES*/
		#productBanner-flash{ /*patch to position flash banner in the center*/
			/*margin-top:-11px !important;
			margin-left:-9px !important;*/
			position:relative;
			clear:both;
		}
		#productBanner-flash h1#flashh1{
			display:block;
			position:absolute;
			top:10px;
			left:10px;
			z-index:10;
			text-indent:-5000px;
			height:0;
		}



	#psnoflash{
			/*height 372*/
			background: url('https://img.roxio.com/enu/images/products/photoshow/ps-premium-nf.jpg') top left no-repeat;
			padding:55px 0 44px 400px;
			text-align:center !important;
			color:#fff;
		}
	#psnoflash h1{
	font-family:verdana !important;font-weight:bold;
		font-size:150%;
		line-height:130%;
		padding:0 0 110px 0;		
	}		
	#psnoflash ul{
		display:block;
		clear:both;
		text-align:center;
		padding:10px 0 0 65px;
		list-style-type:none;
	}		
	#psnoflash ul li{
		float:left;
		font-size:180%;
		font-weight:bold;
	}			
	#psnoflash ul li.show-bullet{
		background: url('https://img.roxio.com/enu/images/products/photoshow/bullet.gif') 0 10px no-repeat;
		margin-left:15px;		
		padding-left:20px;
	}	
	#start-subscribe{
		padding:15px 0 0 60px;
	}
	#start-subscribe p{
		display:block;
		float:left;
	}
	.imsold{
		font-size:120%;
		font-weight:bold;
		color:#03619e;
		text-align:left;
		padding:6px 0 10px 10px !important;
		width:250px;
		border-left:2px solid #03619e;
	}
	.imsold a:link,.imsold a:hover,.imsold a:visited{
		color:#fff;
	}

/*END NO FLASH ALT CONTENT STYLES*/