/*
Title:		Roxio.com - Product Catalog Stylesheet
Author:		Cesar Fabello / Sonic Solutions
Updated:	3.09.2010
Notes:		Base stylesheet leveraged by multiple pages
Active pages:	Prof Product page catalog, Developer tools catalog
*/


/*TEMP*/

.ndl {
	background:#ffff00;
}


/*MISC  SUP PATCHES*/
	/* removed 
	a.supa{
	position:relative;
	display:block;
	}
	a.supa sup{
		position:absolute;
		top:0;
		padding:0 0 0 2px;
		text-decoration:none !important;
	}*/

	
	.shift{
		position : relative;
		font-size : 68%;
	}
	.supp .shift, a .shift{
		top: -.5em;

	}
	
	.xcom-product{
		padding:4px 0 0 10px !important;
	}
	.xcom-product a{
		display:block;
		padding:2px 0 8px 25px;
		background: url('https://img.roxio.com/images/v2/twitter-icon-20x20.gif') 0 0 no-repeat;
	}	



/*GLOBAL PATCHES and FIXES*/
	#container{
		padding-bottom:20px;
	}
	.hdr-gamma, .hdr-beta, .hdr-alpha {
	 margin: 7px 0 7px 0;
	}
	.hdr-main{
		color:#fff !important;
	}
	.normal-weight{
		font-weight:normal;
	}
	
	

	
/*END GLOBAL PATCHES*/



/*TOP CONTENT STYLES*/
	#top-boiler{
		margin:0 0 16px 0;
	}

	#boiler-banner{
		float:left;
		width:694px;
		height:193px;
		margin-right:16px;
	}
	#boiler-banner h2{
		display:none;
	}	
	
	#rightcol-quicklinks{
		float:left;
		width:230px;
		clear:right !important;
	}
	
	/*PATCHES*/
	        .bucket-container .bucket-hdr-width {
	            width: 225px !important;
	        }
		.bucket-container .bucket-content {
			padding: 35px 10px 0 0;
		}        
	ul.quick-links{
	 list-style-type: none;
	 padding: 5px 15px 5px 15px;
	}	
	ul.quick-links li{
	 list-style-type: none !important;
	}	



/*END TOP CONTENT STYLES*/


/*MAIN CONTENT BASE STYLES*/
	.product-catalog h1 sup{
		font-size:60%;
	}
	.product-catalog .one-column h2, .contentContainer h2{
		color:#197cc9;
		font-size:130%;
		padding:6px 0;
		
	}
	
	#systemReq .contentContainer h2{
		font-size:150% !important;
		line-height:150% !important;
		padding:5px 0 10px 0;
		font-weight: normal;		
		color: #0a79bb;	
		
	}
	
	
	.contentContainer h4{
		font-size:100%;
	}
	.bold-link{
		 font-size: 110%;
		 font-weight:bold;

	}
	
	/*imported styles*/
		#content_top {
		clear: both;
		height: 5px;
		background:url("/images/products/roxio_online/content_trim_top.gif") no-repeat top left;
		overflow: hidden;
		}
		.contentContainer {
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			padding: 10px 20px;
		}	
		#content_btm {
			height: 5px;
			background:url("/images/products/roxio_online/content_trim_btm.gif") no-repeat top left;
			overflow: hidden;
		}	
	
	
/*END MAIN CONTENT BASE STYLES*/





	
/*BASE UL STYLES*/
	.product-catalog ul{
	/* padding: 5px 15px 5px 15px;*/
	  padding:5px 0 5px 0 ;
	}	
	
	.product-catalog ul li{	
		 list-style-type:none;
		 padding: 0 0 5px 12px;
		 margin-left:5px;
		 background: url('https://img.roxio.com/images/theme/core/bullet-gray-5x5.gif') 0 6px no-repeat;
	}
	.product-catalog dl{
	 padding: 5px 15px 5px 0px;
	}
	.product-catalog dt{
	 font-size: 110%;
	 font-weight:bold;
	 padding: 0 0 5px 0;
	}
	.product-catalog dd{
	 padding: 0 0 5px 12px;
	 margin-left:5px;
	 background: url('https://img.roxio.com/images/theme/core/bullet-gray-5x5.gif') 0 6px no-repeat;
	}


	
	
	.quick-links{
		padding: 5px 15px 5px 15px !important;
	}
	
	 .quick-links li, .bullets-on li, .three-col-main .bullets-on dd{
	 padding: 0 0 5px 12px;
	 margin-left:5px;
	 background: url('https://img.roxio.com/images/theme/core/bullet-gray-5x5.gif') 0 6px no-repeat;
	}	
/*END BASE*/







/*3 COL STYLES
three-column for 1 wide heading spanning 3 columns
three-col-main for 3 heading columns


*/
	

	/*shared*/	
	.three-column dl, .three-col-main dl{
		 list-style-type: none;
		 padding: 5px 15px 5px 15px !important;
		}
	.three-column dl dd, .three-col-main dl dd{		
		 background:none;
		 padding: 0;
		 margin-left:0;		
	}


	/*three column*/
	.three-column{
		clear:both;
	}
	.three-column dl{
	 list-style-type: none;
	 width: 283px;
	 float:left;
	}
	.three-column dl.middle{
	 list-style-type: none;
	 width: 283px !important;
	 float:left;
	}
	
	/*spacing patches ! */
	.three-column dl.cola{
			 width: 288px;
			 padding: 5px 0 5px 15px !important;
	}	
	.three-column dl.colb{
			width: 283px;	
		 	padding: 5px 0 5px 33px !important;
	}
	.three-column dl.colc{
			 padding: 5px 0 5px 35px !important;
	}		
	
	
	
	
	
	
	
	
	
	/*LINK UNDERLINE - OFF*/
	.three-column dt a, .three-col-main dt a{
		text-decoration:none;
		/*border-bottom:1px solid #197cc9;*/
		display:inline;
	}
	.three-column dt a:hover, .three-col-main dt a:hover{
		text-decoration:none;
		/*border-bottom:1px solid #666;*/
		display:inline;
	}	


	/*3 col with headings*/
	.three-col-main{
		float: left;
		width: 300px;
	}
	.three-col-main p.col-descrip{
		padding:8px 10px 10px 15px !important;
	}
	.tcm-l{
		margin-right:10px;
	}
	.tcm-m{
		margin:0 10px 0 10px;
	}
	.tcm-r{
		margin-left:10px;	
	}		
	.three-col-main h2{
	}
	

/*END 3 COL STYLES*/





#leftCol{
	float: left;
	width: 460px;
}
#rightCol{
	float: left;
	width: 460px;
	margin-left: 20px;
}