/*
Title:		Roxio.com - Upgrade Center Stylesheet
Author:		Cesar Fabello
Updated:	9.21.10
Notes:		css for upgrade center default/index page version 2
*/



/*LIVE CHAT NEW  only used by organic.  not OEM*/

	#chat-phone{
		padding:0;
		margin:0 !important;
		float:right;
		clear: both;
	}
	#chat-phone ul{
		list-style-type:none;
	}
	#chat-phone ul li{
		float:left;
		display:block;
	}
	#chat-phone ul li.chat-bub{
		position:relative;	
		padding:0 10px 0 30px;
		color: #fff;
	}
	#chat-phone ul li.chat-bub img{	
		margin-top:8px;
		float:left;
		position:absolute;
		z-index:20;
		top:0;
		left:0;
	}
	#chat-phone ul li.chat-bub p{
		padding:10px 0 0 6px;
		float:left;
		font-weight:bold;
		
	}	

	/*CHAT Button*/
	p.btn-chat {
		padding:6px 0 0 0 !important; margin:0 !important;
		width: 105px;
	}
	.btn-chat a {
		float:left;
		background:url('https://img.roxio.com/images/products/creator/2011/chat-btn-l.png') no-repeat left top;
		margin:0 5px 0 0;
		cursor: pointer;
		font-weight: bold;
		font-size:90%;
		text-decoration: none;
		height: 22px;
		padding:0 0 0 10px;
		color: #fff;
	}
	.btn-chat a span {
		float:left;
		background:url('https://img.roxio.com/images/products/creator/2011/chat-btn-r.png') no-repeat right top;
		height: 18px;
		padding: 4px 27px 0 6px;
		line-height: 116%;	
		
	}
	
	.btn-chat a:hover {
		background-position:0% -28px;
		color:#fff;
		text-decoration:none;
	}
	
	.btn-chat a:hover span {
		background-position:100% -28px;
	}




.purchase-number {
	display: inline;
	color: #fff;
	float: left;
	padding: 10px 45px 0 0;
}
.purchase-number span {
	color: #fff;
	font-size: 90%;
}

/*END LIVE CHAT NEW*/


/*TOP BANNER*/

	#boiler-banner{
		width:898px; /*-22*/
		height:181px; /*-28*/
		background: url(/images/v2/upgrade-center/default-banner.jpg) !important;	
		padding: 28px 0 0 42px;
	}
	#boiler-banner h1.banner-title{
		width:277px;
		height:45px !important;
		padding:0; margin:0;
		background: url(/enu/images/v2/upgrade-center/default-page/headline.png) ;
		text-indent:-9000px;	
		display:block;	
	}
	#boiler-banner .latest{
		width:286px;
		height:80px;
		padding:0; margin:0;
		background: url(/enu/images/v2/upgrade-center/default-page/latest.png) no-repeat;	
		text-indent:-9000px;
				display:block;
	}
	#boiler-banner .save{
		width:199px;
		height:32px;
		padding:0; margin:0;	
		background: url(/enu/images/v2/upgrade-center/default-page/save.png) no-repeat;	
		text-indent:-9000px;			
		display:block;	
	}


	#container h3{
		margin: 20px 0 20px 10px;
		color:#197cc9;
		font-size:150%;
	}



/*COLUMNS*/

	#upgrade-leftcol, #upgrade-rightcol{
		float:left;
		width:465px;
	}
	#upgrade-leftcol{
		margin-right:10px;
	}
	
	#upgrade-columns .bucket-hdr-width{
		width:460px;
	}

	#icon-win, #icon-mac{
		position:absolute;
		left:14px;
		top:4px;
		z-index:200;
	}

	/*patch*/
		.hdr-gamma span {
			padding: 9px 0 0 39px;
		}
		/*.bucket-content{
		min-height:340px;
		}*/
		#ena-ugc .bucket-content, #enz-ugc .bucket-content, #eng-ugc .bucket-content{
		min-height:340px;
		}
		
		
		
		
/*HOVER BOXES*/

	.row-product {
		margin-top:0;
	}
	
	.product-box {
		float: left !important;
		margin:0 20px;
	}
	
	
	/*cesedit*/
	.compare-topcorners a {
	
	}
	
		.compare-topcorners a:hover {
			background: #dfe8f0 url('https://img.roxio.com/enu/boxshots/upgrade-center/upg-corners-top.gif') center top no-repeat;
			/*#709fd3*/
		}
	
		.compare-topcorners img{
			border:1px solid #dedede;
		}
	.product-box a {
		display: block;
		/*padding-top: 118px;*/
		padding-top: 12px;
		width: 98px;
		text-decoration: none;
		text-align: center;
		background-position: 0px 0px;	
	}
	
	.product-box a:hover {
	  /* background-position: -98px 0px;*/
	  	  text-decoration:none;
	}
	
	.product-box a span {
		/*cesedit background: url('https://img.roxio.com/enu/images/products/creator/2010/compare/box-btm-trim.jpg') no-repeat;*/
		background: none;
		background-position: 0px bottom;		
		display: block;
		padding-bottom: 5px;
	}
	
	.product-box a:hover span {
	  /*  background-position: -98px bottom;	*/
	  background: #dfe8f0 url('https://img.roxio.com/images/products/creator/2011/whyup-btm.gif') center bottom no-repeat;  
	  color:#1d3956;

	}


/*END HOVER BOXES*/