/*
Title:		Roxio.com - Toast 10 Style sheet
Author:		Greg Girton / Sonic Solutions
Updated:	12.15.08
*/

#breadcrumb{
 padding: 10px 0 0 0;
 margin: 0 0 0 5px;
 color: #b5b4b4;
 float: left;
}
#breadcrumb a{
 color: #b5b4b4;
 text-decoration: none;
}
#breadcrumb a:hover{
 color: #fff;
}
#breadcrumb .first{
 background: none;
}
#breadcrumb .on{
 color: #fff;
 font-weight: bold;
}
#breadcrumb ul{
 display: inline;
 list-style-type: none;
}
#breadcrumb ul li{
 float: left;
 margin: 0 0 0 8px;
 padding: 0 0 0 12px;
 background: url('/images/products/toast/toast10/breadcrumb-arrow.gif') no-repeat;
 background-position: 0 4px;
}





/*LIVE CHAT NEW*/

	#chat-phone{
		padding:0 0 0 0 !important ;
		margin:0 0 0 0 !important;
		float:right;
		display:inline;
		width:450px;
		/*width:580px;*/
	}
	#chat-phone ul{
		list-style-type:none;
	}
	#chat-phone ul li{
		float:left;
		display:block;
		padding: 0 ;
		margin: 0;
	}
	#chat-phone ul li.chat-bub{
		position:relative;	
		padding:0 10px 0 30px;
	}
	#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;
		margin:0 !important;
		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('/images/v2/products/toast/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('/images/v2/products/toast/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;
	}


/*END LIVE CHAT NEW*/




.purchase-number{
 display: inline;
 color: #fff; 
 float: right; 
 padding: 10px 25px 0 0;
}
.purchase-number span{
 color: #999;
 font-size: 90%;
}
#container/* Container override nulls out general template style applied to this page for custom banner placement*/{
padding: 1px;
width: 980px;
}
#container a{           
 color: #4dacf5;
}
#container a:hover{
text-decoration: none !important;
}
.toast-titanium-title{
/*background: url('/images/products/toast/toast10/toast10-titanium-title.png') no-repeat;
height: 30px;
width: 135px;
margin: 20px 0 0 45px;
float: left;*/
text-indent: -3000px;
height: 0;
}
.disclaimer{
float: left;
font-size: 90%;
padding: 10px 0 10px 50px;
color: #666;
}
#overview.disclaimer{
float: left;
font-size: 90%;
padding: 20px 0 20px 10px;
color: #666;
}
#container .disclaimer{
float: left;
font-size: 90%;
padding: 10px 0 10px 20px;
color: #666;
}
.disclaimer p{
padding: 0 !important;
margin: 0 0 !important;
}
/* BUTTONS*/

.btn-primary{
background: url('http://img.roxio.com/images/products/toast/toast10/btn-guided-tour.png') no-repeat;
text-indent: -3000px;
}
.btn-primary a{
height: 35px;
width: 175px;
display: block;
}
.btn-primary a:hover{
background: url('http://img.roxio.com/images/products/toast/toast10/btn-guided-tour-on.png') no-repeat;
}
.btn-secondary{
background: url('http://img.roxio.com/images/products/toast/toast10/btn-compare.png') no-repeat;
text-indent: -3000px;
}
.btn-secondary a{
height: 35px;
width: 175px;
display: block;
}
.btn-secondary a:hover{
background: url('http://img.roxio.com/images/products/toast/toast10/btn-compare-on.png') no-repeat;
}

/* FAMILY PAGE STYLES */

#family-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/toast10-family-banner.png') top left no-repeat;
height: 480px;
}
#family-promo h1{
background: url('http://img.roxio.com/images/products/toast/toast10/toast10-headline.png') no-repeat 80px 30px;
height: 85px;
text-indent: -3000px;
margin: 0;
}

#subNav {
	clear: both;
	float: left;
	margin-left: 21px;
	width: 900px;

}
#subNav ul {
	margin:0 0 0 8px;
	padding: 5px 0 0px 0;
	list-style:none;
}
#subNav li {
	display:inline;
	margin:0;
	padding:0;
}
#subNav a {
	float:left;
	background:url("/images/v2/products/toast/navTabs_rt.gif") no-repeat right -55px;
	margin: 7px 2px 0 0;
	padding:0 0 0 1px;
	text-decoration:none;
	font-weight:bold;
}
#subNav a span {
	float:left;
	display:block;
	background:url("/images/v2/products/toast/navTabs_lt.gif") no-repeat left -54px;
	padding:10px 9px 5px 16px;
	margin-right: 7px;
	font-weight:bold;
	color:#a4a4a4;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subNav a span {
	float:none;
}
/* End IE5-Mac hack */
#subNav a:hover span {
	color:#fff;
	cursor: pointer;	
}
#subNav a:hover {
	background-position:right -110px;
	font-weight:bold;
}
#subNav a:hover span {
	background-position:left -108px;
	color: #fff;
}
#overview #navOverview a, #awards #navAwards a {
	margin: 0;
	background-position:right 0px;
	font-weight:bold;
}
#overview #navOverview a span, #awards #navAwards a span {
	background-position:left 0px;
	color: #fff;
	padding:13px 9px 9px 16px;
}


.titanium-hotspot, .pro-hotspot {
text-indent: -3000px;
float: left;
height: 320px;
}
.titanium-hotspot{
width: 300px;
margin: 10px 0 0 50px;
 
}
.pro-hotspot{
width: 320px;
margin: 10px 0 0 50px;
}
.titanium-hotspot a, .pro-hotspot a{
width: 320px;
height: 400px;
display: block;
}

#family-buttons{
margin: 100px 0 0 35px;
float: left;
}
#family-buttons p{
margin: 0 0 10px 0;
}

#awards #product-details {
	padding-top: 30px;
}

#product-details{
background: url('http://img.roxio.com/images/products/toast/toast10/detail-top-trim.png') top center no-repeat;
color: #cfcfcf;
min-height: 300px;
height: auto !important;
height: 300px;
padding: 0;
margin: 0;
}
#product-details-bottom{
background: url('http://img.roxio.com/images/products/toast/toast10/detail-bottom.png') top center no-repeat;
height: 40px;
}
#product-details #col1, #col2{
float: left;
width: 400px;
margin: 25px 0 0 60px;
padding: 0;
}
#product-details #col1{
border-right: 1px solid #3f3e3e;
padding: 0 13px 0 0;
}
#product-details #col1 h2, #col2 h2{
font-size: 135%;
font-weight: normal;
padding: 0 50px 10px 0;
margin: 0;
}
#product-details #col1 h3, #col2 h3{
font-size: 100%;
font-weight: bold;
padding: 0 0 10px 0;
color: #4dacf5;
}
#product-details ul{
list-style-type: disc;
margin: 5px 0 5px 15px;
padding: 0;
}
#product-details li{
padding: 0 0 3px 0;
}
#product-details .list-price-callout{
 padding: 5px 0 0 0;
}
#category-promo .list-price-callout{
 margin: 30px 0 5px 580px;
 padding: 0;
}
#sku-promo .list-price-callout{
 margin: 10px 0 5px 640px;
 padding: 0;
}
#product-details .price-callout{
 padding: 3px 0 5px 0;
}
.price-callout span{
font-weight: bold;
font-size: 120%;
}
#product-details .purchase-options{
padding: 10px 0 0 0;
}
#sku-promo .purchase-options{
padding: 10px 0 0 0;
}
.purchase-options a{
 color: #fff !important;
}

/* SKU PAGE STYLES */

#sku-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/toast10-titanium-banner.png') top left no-repeat;
height: 400px;
padding: 0;
}
#sku-promo .titanium-msg{
background: url('http://img.roxio.com/images/products/toast/toast10/toast10-titanium-headline.png') no-repeat;
width: 575px;
height: 102px;
text-indent: -3000px;
margin: 0 0 20px 390px;
clear: both;
}
#subnav{
 float: right;
 margin: 10px 30px 30px 0;
 line-height: 145%;
}
#subnav a{
 color: #cfcfcf;
 text-decoration: none;
}
#subnav a:hover span{
 color: #fff;
 text-decoration: none;
}
#subnav a span{
 color: #cfcfcf;
 height: 22px;
 display: block;
 margin: 0 9px 0 0;
 padding: 2px 0 0 9px;
 cursor: pointer;
}
#subnav .on a span{
 background: url('http://img.roxio.com/images/products/toast/toast10/subnav-on-state-stretch.png') no-repeat top left;
 color: #fff;
}
#subnav .on a{
 display: block;
 color: #fff;
 background: url('http://img.roxio.com/images/products/toast/toast10/subnav-on-state-right-cap.png') no-repeat top right;
 height: 22px;
 
}
#subnav ul{
 float: left;
 margin: 0;
 padding: 5px 0 10px 10px;
 background: url('http://img.roxio.com/images/products/toast/toast10/subnav-stretch.png') repeat-x top left;
 height: 16px;
}
#subnav li{
 float: left;
 padding: 0 2px 0 2px;
 list-style-type: none;
}
.left-cap{ 
 background: url('http://img.roxio.com/images/products/toast/toast10/subnav-left-cap.png') no-repeat left top;
 width: 11px;
 height: 31px;
 float: left;
}
.right-cap{
 background: url('http://img.roxio.com/images/products/toast/toast10/subnav-right-cap.png') no-repeat left top;
 width: 11px;
 height: 31px;
 float: left;
}
#sku-promo #buttons{
 margin: 15px 0 0 595px;
}
#sku-promo .price-callout{
 margin: 0 0 0 550px;
}
#sku-promo .purchase-options{
 margin: 0 0 0 575px;
}
#overview-content{
 width: 530px;
 float: left;
 margin: 0 0 20px 10px;
 padding: 0 30px 0 0;
 border-right: 1px solid #2e2d2d;
}
#overview-content dl{
 padding: 15px 15px 15px 90px;
 margin: 0 0 10px 0;
}
#overview-content dt{
font-size: 120%;
font-weight: bold;
}
#overview-content dt a{
font-size: 100%;
text-decoration: none;
}
#overview-content #burn{
 background: #212121 url('http://img.roxio.com/images/products/toast/toast10/icon-cds.png') no-repeat 10px 10px;
}
#overview-content #copy{
 background: url('http://img.roxio.com/images/products/toast/toast10/icon-copy.png') no-repeat 10px 10px;
}
#overview-content #listen{
 background: #212121 url('http://img.roxio.com/images/products/toast/toast10/icon-listen.png') no-repeat 10px 10px;
}
#overview-content #watch{
 background: url('http://img.roxio.com/images/products/toast/toast10/icon-watch.png') no-repeat 10px 10px;
}
.hotspot-burn{ 
 text-indent: -9999px;
 border: 1px solid #fff;
 display: block;
 position: absolute;
 }
.hotspot-burn a{ 
 width: 80px;
 height: 80px;
 display: block;
 z-index: 999;
 }
#overview-content .hotspot-copy{}
#overview-content .hotspot-listen{}
#overview-content .hotspot-watch{}

#whats-new{
float: left;
margin: 0 0 0 20px;
width: 340px;
padding: 0 20px 0 10px;
}
#whats-new h2{
font-size: 120%;
padding: 0 0 10px 0;
color: #4dacf5;
}
#whats-new ul{
list-style-type: disc;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
line-height: 30px;
}
#whats-new li{
line-height: 18px;
padding: 0 0 10px 0;
}
#tutorials{
 margin: 0 0 10px 0;
}
.pro #tutorials{
 padding: 0 0 30px 20px;
 float: left;
}
.pro #tutorials a{
 text-decoration: none;
}
.pro #tutorials a:hover{
 text-decoration: underline !important;
}
.pro #tutorials h2{
 float: left;
 font-size: 100%;
 color: #4dacf5;
 padding: 5px 10px 0 0;
}
.pro #tutorials ul{
 background-color: #242424;
 border: 1px solid #323232;
 padding: 5px;
 float: left;
 width: 790px;
}
.pro #tutorials ul li{
 display: inline;
 padding: 0 15px 0 15px;
}
.pro-purchase{
 margin: 0 0 0 45px;
}


#add-ons{
margin: 10px 0 0 30px;
padding: 10px 0px 0 0;
float: left;
width: 340px;
line-height: 20px;
}
#add-ons h2{
font-size: 120%;
padding: 0 0 20px 0;
}
#add-ons dl{
padding: 0 0 0 75px;
}
#add-ons dt{
 font-weight: bold;
 padding: 0 0 7px 0;
}
.plugin{
 background: url('/images/products/toast/toast10/hidef-plugin-icon.png') no-repeat;
 height: 60px;
}
#upsell{
 float: left;
 margin: 40px 0 0 30px;
}
/* CATEGORY PAGE STYLES */

#category-promo{
}
.burn-msg#category-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/burn-banner.png') top left no-repeat;
height: 450px;
}
.burn-msg#category-promo .list-price-callout, .copy-msg#category-promo .list-price-callout, .listen-msg#category-promo .list-price-callout, .watch-msg#category-promo .list-price-callout{
 margin: 10px 0 0 755px;
}
.copy-msg#category-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/copy-banner.png') top left no-repeat;
height: 450px;
}
.listen-msg#category-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/listen-banner.png') top left no-repeat;
height: 450px;
}
.watch-msg#category-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/watch-banner.png') top left no-repeat;
height: 450px;
}
.pro-msg#category-promo{
background: url('http://img.roxio.com/images/products/toast/toast10/toast10-titanium-pro-banner.png') top left no-repeat;
height: 350px;
}
.burn-headline, .copy-headline, .listen-headline, .watch-headline, .pro-headline{
text-indent: -3000px;
margin: 0;
padding: 0;
clear: both;
}
.burn-headline{
background: url('http://img.roxio.com/images/products/toast/toast10/burn-headline.png') no-repeat;
width: 468px;
height: 33px;
margin: 0 0 0 475px;
}
.copy-headline{
background: url('http://img.roxio.com/images/products/toast/toast10/headline-copy.png') no-repeat;
width: 447px;
height: 32px;
margin: 0 0 0 495px;
}
.listen-headline{
background: url('http://img.roxio.com/images/products/toast/toast10/headline-listen.png') no-repeat;
width: 282px;
height: 32px;
margin: 0 0 0 665px;
}
.watch-headline{
background: url('http://img.roxio.com/images/products/toast/toast10/headline-watch.png') no-repeat;
width: 475px;
height: 32px;
margin: 0 0 0 470px;
}
.pro-headline{
background: url('http://img.roxio.com/images/products/toast/toast10/headline-pro.png') no-repeat;
width: 492px;
height: 100px;
margin: 0 0 0 400px;
}
.pro-secondary-msg{
 font-size: 120%;
 text-align: center;
 margin: 30px 0 0 375px;
 background-color: #1f1f1f;
 width: 500px;
 padding: 20px;
 padding-bottom: 10px;
 border: 1px solid #343333;
}
.pro-secondary-msg p{
}
.pro-secondary-msg span{
 display: block;
 font-weight: bold;
}
#category-promo #buttons {
margin: 70px 0 0 715px;
}
#category-promo .price-callout{
margin: 10px 0 10px 740px;
}
#category-promo .purchase-options{
margin: 0 0 0 695px;
}
#category-promo .price-callout span{
display: block;
padding: 0 0 3px 0;
}
#category-promo.pro-msg .price-callout{
margin: 0 0 0 500px;
}
#category-promo.pro-msg .purchase-options{
margin: 10px 0 0 520px;
}
#category-promo.pro-msg  .price-callout span{
display: inline;
padding: 0 0 3px 0;
}
#category-promo .pro-system-requirements{
 margin: 0 0 0 570px;
}
#category-content{
width: 960px;
margin: 10px 0 0 10px;
float: left;
}
.column{
 width: 430px;
 float: left;
 margin: 0 20px 0 20px;
}
#category-content.pro{
 margin: 0 0 0 10px;
}
#category-content.pro .thumbnail-module{
 height: 210px;
}
.thumbnail-module{
 float: left;
 margin: 0 0 10px 0;
}
.thumbnail-module a{
text-decoration: none;
}
.thumbnail-module img{
float: left;
margin: 0 20px 0 0;
}
.highslide img {
   border: none !important;
}
.thumbnail-module p{
line-height: 18px;
}
.thumbnail-module h3{
font-size: 110%;
padding: 0 0 3px 0;
line-height: 1.2em;
color: #4dacf5;
}
.award{
 font-weight: bold;
 font-size: 95%;
 color: #7fa82c;
 width: 220px;
 padding: 0;
 margin: 0;
 float: left;
}
p.award{
 line-height: 16px;
}
.award img{
 padding: 0 !important;
 margin: 0 10px 20px 0 !important;
}
.award span{
 font-weight: normal;
 display: block;
 font-size: 85%;
 line-height: 14px;
 padding: 3px 0 0 0;
}

/* FAMILY COMPARISON CHART OVERRIDE */
#comparison-chart-family #comparison-chart {
 margin: 10px 0 0 0;
}
#comparison-chart-famil #comparison-chart #popWrapper{
 margin: 30px 0 0 0;
}
#comparison-chart-family .accordion_toggle h1 span {
 background: none;
}
#comparison-chart-family .accordion_toggle_active h1 span {
 background: none;
}
#comparison-chart-family .hdr-compare .title-compare {
 padding: 23px 0 0 20px !important;
 line-height: 20px;
}
#comparison-chart-family .hdr-compare .title-prod-group {
 float: right !important;
 width: 245px;
 padding: 15px 0 5px 0;
}
#comparison-chart-family .title-prod-one, .title-prod-two{
 float: left;
 width: 100px !important;
 text-align: center;	
 background: url('/images/theme/core/hdr-compare-separator.gif') top left no-repeat;
 min-height: 39px;
 height: auto !important;
 height: 39px;
 padding: 5px 10px 0 10px !important;
}
#comparison-chart-family #comparison-chart .title-feature {
 border-bottom: 1px solid #b0b0b0;
 border-left: 1px solid #b0b0b0;
 border-right: 1px solid #b0b0b0;	
 padding: 5px 5px 5px 15px;
 width: 490px;
}
#comparison-chart-family #comparison-chart .prod-one{
 width: 112px;
}
#comparison-chart-family #comparison-chart .prod-two{
 width: 130px;
}
#comparison-chart-family #comparison-chart h1 span{
 padding: 15px 0 0 15px;
}
.pop-disclaimer{
 margin: 10px 0 0 5px;
}
.pop-disclaimer p{
 margin: 0 0 3px 0;
 font-size: 80%;
 color: #666;
}
/* WHY UPGRADE COMPARISON CHART VERSION OVERRIDE */
#why-upgrade-chart .hdr-compare .title-prod-group {
	width: 320px;
}
#why-upgrade-chart .title-prod-group .title-prod-one, .title-prod-group .title-prod-two, .title-prod-group .title-prod-three, .title-prod-group .title-prod-four {
	width: 70px !important;
}
#why-upgrade-chart .title-feature{
 width: 420px;
}
#why-upgrade-chart #comparison-chart h1 span{
 padding: 15px 0 0 15px;
}
#why-upgrade-chart .accordion_toggle h1 span {
 background: none;
}
#why-upgrade-chart .accordion_toggle_active h1 span {
 background: none;
}
#why-upgrade-chart .hdr-compare .title-compare {
 padding: 23px 0 0 20px !important;
 line-height: 20px;
}
/* PURCHASE PANEL */


#purchase-panel{
 margin: 10px 0 0 0;
}
#purchase-panel h1{
 line-height: 1.1em;
}
#purchase-panel h1 span{
 color: #4dacf5;
}
#purchase-panel .hero{
 float: left;
 padding: 10px 0 0 0;
}
#purchase-panel .purchase-info{
 float: left;
 margin: 30px 0 0 30px;
}
#purchase-panel .list-price{
 padding: 0 0 5px 0;
}
#purchase-panel .your-price{
 font-size: 110%;
 font-weight: bold;
  padding: 0 0 15px 0;
}
#purchase-panel .your-price span{
 font-size: 90%;
 font-weight: normal;

}