/*	
Title:		Roxio.com - Global Stylesheet
Author:		Cesar Fabello
Updated:		Jan 20, 2010
*/







/*#container{
	padding: 20px 20px 5px 20px;
	
	}
*/





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

}

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

#productWrapper {
	margin:0 !important;

}


#container{
	padding: 20px 20px 5px 20px;
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
	width: 940px;
	background: #fff url('/images/promotions/landing/evcc/top-banner.jpg') top left no-repeat;
	height: auto !important;
	line-height: 150%;
}


#productBanner {
	color: #fff;
/*	background: #fff url('/images/promotions/landing/evcc/top-banner.jpg') top left no-repeat;*/
	/*8ca852*/	
}


#productBanner a {
	color: #fff;
}

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




/*BANNER CONTENT*/
	#productBanner {
		float: left;
		/*width: 669px;  (940)*/
		padding: 0 5px 0 311px;
		min-height:309px;
	}
	#productBanner h1{
		width:617px;
		height:52px;
		background: url(/images/promotions/landing/evcc/headline1.png) top left no-repeat;*/
	}
	#productBanner h2{
		width:617px;
		height:29px;
		background: url(/images/promotions/landing/evcc/headline2.png) top left no-repeat;*/
	}	

	#productBanner h1 span,#productBanner h2 span{
		display:none;
	}		

/*END BANNER CONTENT*/




/*PURCHASE OPTIONS*/
	 #prodOfferWrap{
	 	width:507px;
		padding:44px 0 0 90px;
	
	}
	#prodOfferWrap h3{
		color:#fff;
		font-size:150%;
		padding-bottom:10px;
	}
	#action-buttons{
		float:left;
		width:330px;
		padding-top:10px;
		
	}
	#action-buttons p{
		float:left;
		margin-right:4px;
	}
	
.btn-main a span {
	float:left;
	height: 21px;
	padding: 5px 28px 0 16px;
}

.btn-alpha a span {
	float:left;
	height: 21px;
	padding: 5px 28px 0 16px;
	line-height: 116%;	
}	
	

/*END PURCHASE OPTIONS*/








/*TAB NAVIGATION STYLES*/
	#subNav {
		clear: both;
		float: left;
		width:940px;

	}
	
	
	#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, #requirements #navRequirements a, #features #navFeatures a, #samples #navSamples a {
			margin: 0 2px 0 0;
			background-position:left 0px;
			font-weight:bold;
		}
		
		
		#overview #navOverview a span,  #requirements #navRequirements 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*/	






/*SYS REQ*/
	.C2010-content-headline {
		font-size:150% !important;
		line-height:150% !important;
		padding:0 0 5px 0;
		font-weight: normal;		
		color: #0a79bb;
	}

	#sysreq-content{
		padding:0 20px 20px 10px;
		line-height:150%;
	}

	#sysreq-content h4{
	font-size:106%;
	
	}


	#sysreq-content ul {
		padding:5px 0;
	}
	#sysreq-content ul li{
		margin-left:12px;
	}
	

	
/*SYS REQ*/	
	
	



/*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{
		
	}
	
	#evc-overview{
		float:left;
		list-style-type:none;
		padding:20px 0 0 0px;
	}
	#evc-overview li{
		float:left;
		width:282px; /*(227)*/
		padding:0 18px 0 0;
	}
	#evc-overview li.middle{
		float:left;
		width:282px; /*(227)*/
		padding:0 9px 0 9px;
	}	
	#evc-overview li.last{
		float:left;
		width:282px; /*(227)*/
		padding:0 0 0 18px;
	}	
	
	
	#evc-overview li span{
		font-weight:bold;
	}
	#evc-overview h2{
		display:block;
		font-size:150%;
		color:#1072b7; 
		margin-bottom:10px !important;
	}
	#evc-overview li p{
		padding-top:10px;
	}
	
	#evc-overview li a:link img, #evc-overview li a:visited img{
		border:1px solid #000;
	}
	#evc-overview li a:hover img{
		border:1px solid #c0c0c0;
	}



/*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%;
}


/*popup*/

	#formatsPop{
		padding:0 !important;
		margin:0 !important;
	}
	
	#pop{
		padding:0 20px 10px 20px;
	}
	
	#pop h4{
			font-size:150% !important;
			line-height:150% !important;
			padding:0 0 8px 0;
			font-weight: normal;		
			color: #0a79bb;
	}
	#pop p{
		padding-bottom:6px;
	}


/*PATCH*/

	table.video-conversion{
	width:880px !important;
	
	}


	.accordion_content table table{
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		width: 918px; /*738*/
	}
	
	.accordion_content table table td {
		padding: 3px 3px 3px 0px;
		border-bottom: 1px solid #fff;
		
	}
	.nowrap{
		white-space:nowrap !important;
		padding-right:10px;
	}
	.under{
			color: #0a79bb;
	}