/*
Title:      Roxio.com - Upgrade Global Stylesheet
Author:     David Tang / Sonic Solutions
Updated:    07.30.07
Updated:    06.11.08 by Cesar
Updated:    10.20.08 by Cesar
Updated:    1.02.09 by Cesar for emc landing pages in new wrapper
Updated:    7.30.09 by Cesar for emc 2010 styles

*/




/*MISC STYLES*/

	/* clearfix */
	.clearfix:after {  
	    content: ".";  
	    display: block;  
	    clear: both;  
	    visibility: hidden;  
	    line-height: 0;  
	     height: 0;  
	}  
	
	.clearfix {  
	     display: inline-block;  
	}  
	
	 html[xmlns] .clearfix {  
	   display: block;  
	}  
	  
	* html .clearfix {  
	     height: 1%;  
	} 
	
	.disclaimer {
		font-size: 90%;
		padding: 6px 0 0 5px !important;
		color: #999;
	}	




/*POP WIN PATCH*/
	#popContainer{
		text-align:left !important;
		padding: 0 10px;
	
	}
	#popContainer ul li{
		margin-left:15px;
	}
/*END POP WIN PATCH*/


/*GLOBAL PATCHES*/
	#top{
		margin:0;
		padding:0;
	}
	#container{ /*Patches global style*/
	margin-top: 15px;	
		width:980px;
		padding:0 !important;
	}
	
/*END GLOBAL PATCHES*/







/*MIGRATED STYLES*/

	/*global patch styles*/
		.content-wrap{ /*added to provide padding for content below banner*/
			padding:0 20px 0 20px;
		
		}
	
	/*END global patch styles*/

	#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 MIGRATED STYLES*/



/*TOP BAN STYLES*/
	#oemLogo {
	float: right;
	margin-top: 20px;
	    margin-left: 10px;
	    margin-bottom:6px;
	}
	
	.alert {
	    color:#d31925;
	}
	
	.viewDemo {
	    font-weight: bold;
	    padding: 5px;
	}
	
	.viewDemo a {
	    background:url('https://img.roxio.com/images/icon_demo.gif') no-repeat top left;
	    padding: 5px 0 10px 35px;
	}

	.priorVersion {
	    border-top: 1px solid #ddd;
	    font-size: 86%;
	    color: #cf0000;
	    height: 36px;
	    padding: 9px 0 0 0;
	}
/*END TOP BAN STYLES*/












/*OFFER CONTENT*/
	#offerContent {
		float: left;
		padding: 30px 0 0 240px; /*OLD 	padding: 105px 0 0 22px;*/
		width: 321px;
	}
	
	#offerContent h2 {
		display:block;
		width:299px;
		padding-left:0;
		font-size: 150%;
		line-height:150%;
		color: #fff;
	}
/*OFFER CONTENT*/




/*PRODUCT INFO*/
	#productInfo {
	}
	
	#productInfoContent {
	    float: left;
	    width: 550px;
	    padding: 10px 5px 5px 5px;
	    background: #f0f1f2 url('https://img.roxio.com/images/offers/emc/producInfoContent_bg_1x297.gif') top left repeat-x;
	    border-top: 1px solid #5b765a;
	    border-right: 1px solid #e2e2e2;
	    border-bottom: 1px solid #d2d2d2;
	    height: 285px;
	} 
	
	#productInfoContent ul {
	    list-style-type: none;
	    padding: 10px 0 5px 10px;
	}
	
	#productInfoContent li {
	    background: url('https://img.roxio.com/enu/images/6x6_orange_bullet.gif') no-repeat;
	    background-position: 0 5px;
	    padding: 0 0 5px 12px;
	}
	
	#productInfoContent h3 {
	/*    width: 200px;*/
	    font-size: 126%;
	    padding: 0 0 10px 0;
	}
	
	#productInfoContent .prodText {
	    float: left;
	    width: 475px;
	    padding: 0 5px 0 0;
	}
	
	#productInfoContent .vistaLogo {
	    float: left;
	    width: 68px;
	    height: 99px;
	    text-indent: -9999px;
	    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='https://img.roxio.com/images/offers/emc/windows_vista_logo_68x99.png');
	}
	
	#productInfoContent .vistaLogo[class] {
	    background: url('https://img.roxio.com/images/offers/emc/windows_vista_logo_68x99.png') no-repeat bottom left;
	}
	#windowsVistaLogo {
	    float: right;
	    width: 69px;
	    height: 99px;
	   behavior: url('/common_scripts/pngbehavior.htc');
	}
	
	#productInfoPurchase {
	    float: left;
	    width: 185px;
	    height: 285px;
	    padding: 10px 5px 5px 5px;
	    background: #d3d8dc url('https://img.roxio.com/images/offers/emc/producInfoPurchase_bg_1x297.gif') top left repeat-x;
	    border-right: 2px solid #fff;
	    border-left: 2px solid #fff;
	    border-bottom: 1px solid #9bafba;
	} 
	
	#productInfoPurchase .boxShot {
	    margin: 0 0 0 15px;
	}
/*END PRODUCT INFO*/	


/*Contain Container Patch styles.  patch for include files converted form IDs to classes*/
	.contentContainer {
	    padding: 10px;
	}
	
	.contentContainer h2 {
	    font-size: 116%;
	}
	
	.contentContainer h4 {
	    font-size: 106%;
	}
	
	.contentContainer ul {
	    padding: 5px 0 5px 0;
	}
	
	.contentContainer ul li {
	    padding: 0 0 2px 5px;
	    margin-left: 15px;
	    
	}
/*END Contain Container Patch styles*/






/* COMPARE CHART c2009  */
	#compareChart{
	width:737px;
	border-left: 1px solid #b5b5b5;
	}
	
	
	#comparisonTable {
	    width: 734px;
	}
	
	#comparisonTable td {
	     padding: 5px;
	}
	
	#comparisonTable th {
	     padding: 5px;
	     border-top: 1px solid #949494;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    text-align: center;
	    color: #fff;
	}
	
	
	#comparisonTable .descriptionHdr {
	    background: #e7e7e7;
	        color: #333;
	        font-size: 126%;
	        text-align: left;
	}
	
	
	#comparisonTable .prod1Hdr {
	    background: #ff8c00;
	}
	
	#comparisonTable .prod2Hdr {
	  background: #7a7a7a;
	}
	
	#comparisonTable .prod3Hdr {
	  background: #b1b1b1;
	}
	
	#comparisonTable .descriptionSub {
	    background: #f0f0f0;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	}
	
	#comparisonTable .descriptionSub h4 {
	    font-size: 116%;
	}
	
	#comparisonTable .prod1Sub {
	    background: #fce0b7;
	    width: 53px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	}
	
	#comparisonTable .prod2Sub {
	  background: #c3c3c3;
	    width: 53px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	}
	
	#comparisonTable .prod3Sub {
	  background: #dedede;
	    width: 53px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	}
	
	
	#comparisonTable .descriptionItem {
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	}
	
	#comparisonTable .prod1Item {
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    color: #d98604;
	    font-family: verdana, arial, helvetica;
	    font-weight:bold;
	    font-size: 160%;
	    text-align: center;
	}
	
	#comparisonTable .prod2Item {
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    color: #6e6e6e;
	    font-family: verdana, arial, helvetica;
	    font-weight:bold;
	    font-size: 160%;
	    text-align: center;
	}
	
	#comparisonTable .prod3Item {
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    color: #848484;
	    font-family: verdana, arial, helvetica;
	    font-weight:bold;
	    font-size: 160%;
	    text-align: center;
	}
	
	#comparisonTable td span {
	    color: #d98604;
	    font-family: verdana, arial, helvetica;
	    font-weight:bold;
	    font-size: 10px !important;
	    text-align: center;
	}
	
	.listnew{
	    color:#f00;
	    font-style:italic;
	    font-weight:bold;
	}
	
	
	
	#comparisonTable .descriptionFtr {
	    background: #e8e8e8;
	    line-height: 7px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    font-size: 1%;
	    padding: 0;
	    margin: 0;
	}
	
	#comparisonTable .prod1Ftr {
	    background: #ff8c00;
	    line-height: 7px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    font-size: 1%;
	    padding: 0;
	    margin: 0;
	}
	
	#comparisonTable .prod2Ftr {
	    background: #7a7a7a;
	    line-height: 7px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    font-size: 1%;
	    padding: 0;
	    margin: 0;
	}
	
	#comparisonTable .prod3Ftr {
	  background: #b1b1b1;
	    line-height: 7px;
	    border-right: 1px solid #949494;
	    border-bottom: 1px solid #949494;
	    font-size: 1%;
	    padding: 0;
	    margin: 0;
	}
/* END COMPARE CHART */	

/* END OPTIONAL STYLES ------------------------------------------------------------------------------------------------- */














