/*
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: 0 !important;	
		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;
		
		}
	
		#subNav a {
			background:url("/jpn/images/upgrade_center/emc/c2010/tabs/navTabs_lt.gif") no-repeat left -54px;
			cursor:hand;			
		}
		#subNav a span {
			background:url("/jpn/images/upgrade_center/emc/c2010/tabs/navTabs_rt.gif") no-repeat right -54px;

		}
	/*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;
	}
	
	/*system req*/
/*	.system-requirements{
		margin: 0 20px 0 0;
	}
	.system-requirements a {
		float: left;
		background:url('/images/theme/core/btn-sysreq-lt.png') no-repeat left top;
		padding: 0 0 5px 10px;
		cursor: pointer;
	    text-decoration: none !important;
		height: 37px;
	}
	.system-requirements a span {
		float:left;
		display:block;
		background:url('/images/theme/core/btn-sysreq-rt.png') no-repeat right top;
		padding: 4px 20px 0 10px;
		height: 26px;
		color: #fff;
		font-size: 11px;
	}
*/
	
/*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('http://roxiocentral.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*/



/* guided tour button
	#offerContent .watchGT {
		padding: 0 0 0 8px;
	}
	
	#offerContent .watchGT a {
		float:left;
		font-weight: bold;
		text-decoration: none;
		height: 25px;
		padding:0 0 0 32px;
		font-size: 100%;
		background:url('/images/offers/emc/c2009/watchGT_btn_lt.gif') no-repeat left top;	
		color: #1072b7;
		margin:0 5px 0 0;
		cursor: pointer;
		line-height: 100%;
	}
	
	#offerContent .watchGT a:hover {
		color: #d98604;
		background-position: 0 -25px;
	}
	
	#offerContent .watchGT a span {
		float: left;
		display: block;
		height: 19px;
		padding: 6px 15px 0 6px;
		margin: 0;
		background:url('/images/offers/emc/c2009/watchGT_btn_rt.gif') no-repeat right top;	
		width: 130px;
	}
	#offerContent .watchGT a:hover span {
	
	}
/* END guided tour button*/












/*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*/



/*PRICE TAB STYLES*/
/*	.priceTab {
	    margin: 51px 0 0 0;
	    float: left;
	    height: 74px;
	    width: 199px;
	    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/offers/emc/price_tab_199x74.png');
	}
	
	.priceTab[class] {
	    background: url('/images/offers/emc/price_tab_199x74.png') no-repeat bottom left;
	}
	
	.priceTab .caption {
	    padding: 23px 0 0 0;
	    text-align: center;
	    color: #fff;
	}
	
	.priceTab .caption a {
	    color: #fff;
	}
	
	.priceTab .caption h1 {
	    font-size: 306%;
	    padding: 3px 0 5px 0;
	
	}
	
	.priceTab .caption p {
	    font-size: 100%;
	    padding: 5px 0 0 0;
	    font-weight: bold;
	}
/*END PRICE TAB STYLES*/	




/*PRODUCT INFO*/
	#productInfo {
	}
	
	#productInfoContent {
	    float: left;
	    width: 550px;
	    padding: 10px 5px 5px 5px;
	    background: #f0f1f2 url('http://roxiocentral.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('http://www.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='/images/offers/emc/windows_vista_logo_68x99.png');
	}
	
	#productInfoContent .vistaLogo[class] {
	    background: url('http://roxiocentral.roxio.com/images/offers/emc/windows_vista_logo_68x99.png') no-repeat bottom left;
	}
	#windowsVistaLogo {
	    float: right;
	    width: 69px;
	    height: 99px;
	   behavior: url('http://roxiocentral.roxio.com/common_scripts/pngbehavior.htc');
	}
	
	#productInfoPurchase {
	    float: left;
	    width: 185px;
	    height: 285px;
	    padding: 10px 5px 5px 5px;
	    background: #d3d8dc url('http://roxiocentral.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*/




/*PURCHASE OPTIONS OLD*/
/*	#purchaseOptions {
	}
	
	#purchaseOptions .listPrice {
	    float: left;
	}
	
	#purchaseOptions .yourPrice {
	    float: left;
	}
	
	.listPrice {
	    padding: 0 10px 5px 0;
	}
	
	.yourPrice {
	    font-weight: bold;
	    padding: 0 0 5px 0;
	}
	
	.large {
	    font-size: 126%;
	}*/
/*END PURCHASE OPTIONS*/













/*DEMOTED DELETE*/
/*

#productOptions{
    padding: 5px 0 5px 0;
}

#productOptions .btnDownload {
    float: left;
    margin: 0 5px 0 0;
}











*/
/*END DEMOTED DELETE*/























/* OPTIONAL STYLES ------------------------------------------------------------------------------------------------- */





/*FEATURES AND BENEFITS c2009*/
/*	.featureRow{
		clear: both !important;
		padding: 10px 0 0 0;
	
	}
	.patch{ 
		min-height:160px;
	}
	.featureRow ul {
		padding: 5px 0 5px 5px !important;
	}
	
	.featureRow li {
		margin-left:15px;
		padding: 0 0 5px 0 !important;
		
	}
	
	
	.featureRow img{
		float: left;
		margin: 0 10px 20px 10px;
		border: 1px solid #666;
	}
	
	.featureRow .featureContent {
		float: left;
		width: 700px; 
	}
	.featureRowIcon img{
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.featureRowIcon img{
	    float: left;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	.overviewFeature h3{
	    font-size: 100%;
	}
	.overviewFeature{
	    float: left;
	    width: 200px;
	    padding-right: 10px;
	    padding-bottom: 10px;
	}
	.feature ul{
	    list-style-type: disc;
	    list-style-position: inside;
	    margin-left: 0;
	    padding-left: 1em;
	    text-indent: -1em;
	}
	.feature li{
	}
/*END FEATURES AND BENEFITS*/





/* WHATS NEW c2009*/
/*	#audioFeatures {
	 padding: 5px 0 10px 120px;
	 background: url('/images/offers/emc/145x120_audio_icon.jpg') no-repeat top left;
	 border-bottom: 1px solid #ccc;
	}
	
	#dataCopyFeatures {
	 padding: 5px 0 10px 120px;
	 background: url('/images/offers/emc/145x120_burn_icon.jpg') no-repeat top left;
	 border-bottom: 1px solid #ccc;
	}
	
	#photoVideoFeatures {
	 padding: 5px 0 10px 120px;
	 background: url('/images/offers/emc/145x120_video_icon.jpg') no-repeat top left;
	 border-bottom: 1px solid #ccc;
	}
	
	#mediaMobileFeatures {
	 padding: 5px 0 10px 120px;
	 background: url('/images/offers/emc/icon_mediaMobile_15x15.jpg') no-repeat top left;
	}
/* END WHATS NEW */	


/* CREATE NOW c2009 */
/*	#createNowContent {
	}
	
	#createNowContent ul {
	    list-style-type: none;
	    padding: 5px 0 5px 10px !important;
	    margin: 0;
	}
	
	#createNowContent li {
	    background: url('/images/arrow.gif') no-repeat;
	    background-position: 0 5px;
	    padding: 0 0 5px 12px !important;
	    margin: 0;
	}
/* END CREATE NOW c2009 */


/* 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 ------------------------------------------------------------------------------------------------- */