/*	
Title:			Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions
Updated:	7.8.08
Updated:	2.9.00 - cesar - patches made when updating topoffer to a flash banners
	lines ~ 58, 408

*/


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

}

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

/*Static Banner with flash Video Piece*/
	#productWrapper {
		margin: 2px 0 0 0;
		background: url('/images/products/roxio_online/photoshow_banner_plain.jpg') top left no-repeat;
	}
	
	#productBanner {
		color: #fff;
	}
	
	#productBanner h1 {
		font-size: 246%;
		padding: 40px 0 0 90px;
	}
	
	#productBanner a {
		color: #fff;
	}
	
	#productBanner a:hover {
		color: #ccc;
	}
	
	#productBanner #roFlashLayer {
		float: left;
		position: relative;
		width: 330px;
		padding: 25px 5px 0 30px;
	}
/*END Static Banner with flash Video Piece*/



/*NEW flash banner to replace static banner*/
	#container{
		padding: 9px 20px 5px 11px !important; /*patch global padding 20 20 5 20 to accomodate bigger banner*/
	width: 960px !important;

	}

	#productWrapper-flash {
		margin: 2px 0 0 0;
		background: #fff;
		padding-bottom:10px;
	}
	#productBanner-flash{ /*patch to position flash banner in the center*/
		/*margin-top:-11px !important;
		margin-left:-9px !important;*/
		position:relative;
	}
	#productBanner-flash h1#flashh1{
		display:block;
		position:absolute;
		top:10px;
		left:10px;
		z-index:10;
		text-indent:-5000px;
		height:0;
	}
/*END NEW flash banner to replace static banner*/


/*PSHOW download banner*/
	#productBanner-download{
		background: url('/images/products/photoshow/photoshow-bnr-blank.jpg') top left no-repeat;
		height:276px;	
		padding-top: 100px;
	}
	#pshowcase{
		float:left;
		width:370px;
		padding:20px;
		border:1px solid #fff;
	}
	#download-text{
		padding: 20px;
		width:370px;
		background: #fff url('/images/products/photoshow/alert-bg.gif') repeat-x;
		margin:0 auto;	
		border-top:1px solid #fff;
		border-right:1px solid #012f88;		
		border-bottom:1px solid #012f88;		
		border-left:1px solid #fff;
	}
	#download-text h1{
	color:#494848;
	font-size:200%;
	}
	#download-text img{
		margin-bottom:10px;
	}	
	#download-text p{
	color:#494848;
	font-size:150%;
	}		
	#download-text p a:link, #download-text p a:visited{
		color:#197cc9;
	}
	#download-text p a:hover{
		color:#666;
	}		

/*END PSHOW download banner*/







/*NO FLASH ALT CONTENT STYLES*/
	#psnoflash{
			/*height 372*/
			background: url('/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-size:180%;
		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('/enu/images/products/photoshow/bullet.gif') 0 4px 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*/








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

.roBadge {
	position: absolute;
	z-index: 2;
	left: 240px;
	top: 105px;
}

.newBurst {
	position: absolute;
	z-index: 3;
	left: 10px;
	top: -30px;
}

#productBanner #bannerContent {
	float: left;
	width: 490px;
	padding: 20px 5px 0 70px;

}

#bannerContent .priceOption {
}

#bannerContent .yourPrice{
	font-size: 106%;
	font-weight: bold;
	padding: 5px 0 5px 0;
}
#bannerContent .purchaseTitle {
	font-size: 106%;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#bannerContent .rebate {
}

.purchaseOptions {
	padding: 10px 0 0 0;
}

.purchaseOptions  a {
	font-weight: bold;
	text-decoration: none;
	height: 31px;
	padding:0 0 5px 7px;
	font-size: 118%;
}

.purchaseOptions  a span{
	height: 26px;
	padding: 10px 20px 0 11px;
}


.purchaseOptions  a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
}


.purchaseOptions .btnDVD a {
	float: left;
	background:url('/images/products/creator/2009/btnBanner_lt.gif') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
}

.purchaseOptions .btnDVD a span {
	float:left;
	display:block;
	background:url('/images/products/creator/2009/btnBanner_rt.gif') no-repeat right top;
}

.purchaseOptions .btnDownload a {
	float: left;
	background:url('/images/products/creator/2009/btnBanner_lt.gif') no-repeat left top;
	margin:0 5px 0 0;
	cursor: pointer;
}

.purchaseOptions .btnDownload a span{
	float:left;
	display:block;
	background:url('/images/buttons/btnBanner_rt.gif') no-repeat right top;
}

	/*btn wrap */
	.btnWrap{
		display:block;
		float:left;
		width: 171px;
		text-align:right;
	}
	.btnWrap p.btnInfo{
		color:#fff;
		clear:both;
		display:block;
/*		padding-top:4px;*/
		margin-top:0 !important;
		padding-top:4px !important;
		font-weight:bold;
		text-align:center;
		padding-right:12px;
	}
	
	body#trial .btnWrap p.btnInfo{
		text-align:left;
		padding:0 0 0 2px;
	}
	
	
	
	body#trial .btnWrap{
		display:block;
		float:left;
		width: 271px;
		text-align:right;
	}
	
	
	/*END btn wrap */





.purchaseOptions .btnSubscribe a {
	float:left;
	background:url('/images/buttons/btnBanner_lt.gif') no-repeat left top;
	margin:0;
	cursor: pointer;
	
}

.purchaseOptions .btnSubscribe a span{
	float:left;
	display:block;
	background:url('/images/buttons/btnBanner_rt.gif') no-repeat right top;
	text-transform: uppercase;
}

.purchaseOptions .btnTryFree a {
	float: left;
	background:url('/images/buttons/btnBanner_v2_lt.gif') no-repeat left top;
	margin:0 0 0 0;
	cursor: pointer;
}

.purchaseOptions .btnTryFree a span{
	float:left;
	display:block;
	background:url('/images/buttons/btnBanner_v2_rt.gif') no-repeat right top;
	text-transform: uppercase;
}


.iconRow {
	float: left;
	padding: 18px 0 0 5px;
}

.iconRow p {
	float: left;
	margin: 0;
}

.iconRow .sysReq a {
	background: url('/images/products/creator/2009/icon_sysReq_bnr.gif') no-repeat top left;
	padding: 2px 0 2px 25px;
}

.iconRow .sysReq a:hover {
	background: url('/images/products/creator/2009/icon_sysReq_bnr_2.gif') no-repeat top left;
}

.iconRow .viewDemo a {
	background: url('/images/products/creator/2009/icon_viewDemo_bnr.gif') no-repeat top left;
	padding: 2px 0 2px 31px;
}

.iconRow .viewDemo a:hover {
	background: url('/images/products/creator/2009/icon_viewDemo_bnr_2.gif') no-repeat top left;
}

.iconRow .liveChat a {
	background: url('/images/products/creator/2009/icon_liveChat_bnr.gif') no-repeat top left;
	padding: 2px 0 5px 30px;
}

.iconRow .liveChat a:hover {
	background: url('/images/products/creator/2009/icon_liveChat_bnr_2.gif') no-repeat top left;
}

#bannerContent h2 {
	font-size: 196%;
	line-height: 148%;
	font-weight: normal;
}

#bannerContent h3 {
	font-size: 106%;
	padding-top: 10px;
}

#bannerContent h4 {
	padding: 5px 0 5px 0;
	font-size: 106%;
	font-weight: normal;
}
body#trial #bannerContent h4 { /*TRIAL PAGE*/
	display:block;
	width:360px;
	
	font-size: 140%;
	padding-top: 10px;
}


#bannerContent #prodOfferTop {
	margin-top: 20px;
	background: url('/images/products/roxio_online/prodOfferTop.png') top left no-repeat;
	width: 358px;
	height: 5px;
	overflow: hidden;
}

#bannerContent #prodOfferMain {
	background: url('/images/products/roxio_online/prodOfferAlpha.png') top left;
	width: 343px;
	padding: 5px 5px 10px 10px;
	margin: 0;
}

#bannerContent #prodOfferBtm {
	background: url('/images/products/roxio_online/prodOfferBtm.png') top left no-repeat;
	width: 358px;
	height: 5px;
	overflow: hidden;
	margin-bottom: 40px;
}

#subNav {
	clear: both;
	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("/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;
}


#overview #navOverview a, #features #navFeatures a,  #benefits #navBenefits a, #samples #navSamples a, #requirements #navRequirements a {
	margin: 0 2px 0 0;
	background-position:left 0px;
	font-weight:bold;
}


#overview #navOverview a span,  #features #navFeatures a span,  #benefits #navBenefits a span, #samples #navSamples a span,  #requirements #navRequirements a span {
	background-position:right 0px;
	color: #fff;
	padding:13px 15px 9px 6px;
}

#content_top {
	margin-left: 11px !important;/*patched for wider flash banner  old padding 10px*/
	clear: both;
	height: 5px;
	background:url("/images/products/roxio_online/content_trim_top.gif") no-repeat top left;
	overflow: hidden;
}

#content {
	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*/
}
body#trial #content {
	text-align:center;
}
body#trial #content h3{ /*TRIAL PAGE*/
	font-size:150%;
}


#content_btm {
	margin-left: 11px !important;/*patched for wider flash banner  old padding 10px*/
	height: 5px;
	background:url("/images/products/roxio_online/content_trim_btm.gif") no-repeat top left;
	overflow: hidden;
}

.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;
}

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

/*#overview #content h2 {
	color: #075375;
	font-size: 191%;
	font-weight: normal;
	padding: 10px 70px 0 15px;
	line-height: 118%;
}

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



	#content 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 {
	padding: 30px 0 0 10px;
}

#ps_AddInfo .stepOne h4, #ps_AddInfo .stepTwo h4, #ps_AddInfo .stepThree h4 {
	padding: 0 0 15px 0;
	text-align: left;
	font-size: 100%;
}

#ps_AddInfo .stepOne h4 {
	background: url('/enu/images/products/photoshow/imgOne.gif') 5px top no-repeat;
	padding: 0 10px 0 40px;
}

#ps_AddInfo .stepTwo h4 {
	background: url('/enu/images/products/photoshow/imgTwo.gif') 5px top no-repeat;
	padding-left: 40px;
}

#ps_AddInfo .stepThree h4 {
	background: url('/enu/images/products/photoshow/imgThree.gif') 5px top no-repeat;
	padding-left: 40px;
	padding-bottom: 10px;
}

#ps_AddInfo .stepOne {
	float: left;
	width: 285px; /*225*/
	margin-right: 5px;
}

.stepContent {
	height: 220px;
}

.stepOne .stepContent {
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#ps_AddInfo .stepTwo {
	float: left;
	width: 310px; /*250*/
	margin-right: 5px;
}

.stepTwo .stepContent {
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#ps_AddInfo .stepThree {
	float: left;
	width: 295px; /*235*/
}

.stepThree .stepContent {
	text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.stepTop {
	background: url('/images/products/roxio_online/bucket_top_rt.gif') top right no-repeat;

}

.stepTop span {
	display: block;
	height: 5px;
	background: url('/images/products/roxio_online/bucket_top_lt.gif') top left no-repeat;
	overflow: hidden;
}

.stepBtm {
	background: url('/images/products/roxio_online/bucket_btm_rt.gif') top right no-repeat;
}

.stepBtm span {
	display: block;
	height: 5px;
	background: url('/images/products/roxio_online/bucket_btm_lt.gif') top left no-repeat;
}


.finePrint {
	padding-top: 5px;
	font-size: 90%;
}

#benefits .finePrint {
	padding: 5px 0 0 180px;
}



/*WHY UPGRADE STYLES*/
	ol#reasons{
		margin:14px 0 0 4px !important;
		font-size:110%;
	}
	ol#reasons li{
		padding-bottom:10px;
		font-size:120%;
		font-weight:bold;
	color: #fe5b00 /*#075375*/;
	}
	ol#reasons li span{
		font-weight:normal;
		color:#474646;
	}	

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


/*END WHY UPGRADE STYLES*/






/*PHOTOSHOW SAMPLES styles*/

	.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,.sample-thumb p a:visited{
		color:#a17ca6;
		font-weight:bold !important;
		text-decoration:none !important;
	}
	.sample-thumb p a:hover{
		color:#a17ca6;
		text-decoration:underline;
	}


/*END PHOTOSHOW SAMPLES styles*/


/*SYS REQ*/

	.sys-req ul {
		list-style-type: none;
		padding: 15px 0 10px 0;
		margin-left:15px;
	}
	.sys-req ul li {
		background: url('http://img.roxio.com/images/products/creator/2011/bullet-standard.gif') no-repeat;
		background-position: 0 6px;
		padding: 0 0 10px 15px;
	}