/*	
Title:		Roxio.com - Global Stylesheet
Author:		David Tang / Sonic Solutions (revised by Greg Girton)
Updated:	8.6.08
*/


#container { /*background: url('https://img.roxio.com/enu/images/products/creator/2010/creator2010-banner.jpg') 1px 1px no-repeat;*/
}
#breadcrumb { padding: 10px 0 0 0; margin: 0 0 0 5px; color: #b5b4b4; float: left; }
#breadcrumb a { color: #474646; 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('https://img.roxio.com/images/v2/products/creator/2009/breadcrumb-arrow.png') no-repeat; background-position: 0 4px; }
/*LIVE CHAT NEW*/

#chat-phone { padding: 0; margin: 0 !important; float: right; }
#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; }
#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/v2/products/creator/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/v2/products/creator/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: #333; float: left; padding: 10px 25px 0 0; }
.purchase-number span { color: #555; 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 { }
#container a:hover { text-decoration: none !important; }
#productNav { clear: both; margin: 2px 0 0 0; background: #5a5a5a; color: #fff; }
#productNav .productTitle { float: left; padding: 5px 0 5px 15px; }
#productNav .productTitle h1 { font-size: 146%; }
#productNav h1, #productNav p { padding: 0; margin: 0; }
#productNav .productLinks { float: right; padding: 5px 15px 0 0; font-weight: bold; color: #fff; }
#productNav .productLinks a { text-decoration: none; color: #fff; font-weight: normal; }
#productNav .productLinks a:hover { color: #a8a7a7; }
#productNav .productLinks .offState { text-decoration: none; color: #a8a7a7; font-weight: normal; }
.creator-title { display: none; }
#sku-promo { height: 315px; padding: 15px 0 0 340px; }
#sku-promo .creator-msg { display: none; }
#sku-promo .creator-video-msg { background: url('https://img.roxio.com/enu/images/products/creator/2009/creator2009-video-headline.png') no-repeat; width: 575px; height: 70px; text-indent: -3000px; margin: 0; clear: both; }
#sku-promo .creator-burn-msg { background: url('https://img.roxio.com/enu/images/products/creator/2009/creator2009-burn-headline.png') no-repeat; width: 575px; height: 95px; text-indent: -3000px; margin: 0; clear: both; }
#sku-promo .creator-music-msg { background: url('https://img.roxio.com/enu/images/products/creator/2009/creator2009-music-headline.png') no-repeat; width: 575px; height: 70px; text-indent: -3000px; margin: 0; clear: both; }
#sku-promo .creator-photo-msg { background: url('https://img.roxio.com/enu/images/products/creator/2009/creator2009-photo-headline.png') no-repeat; width: 575px; height: 70px; text-indent: -3000px; margin: 0; clear: both; }
#sku-promo .creator-share-msg { background: url('https://img.roxio.com/enu/images/products/creator/2009/creator2009-share-headline.png') no-repeat; width: 575px; height: 95px; text-indent: -3000px; margin: 0; clear: both; }
#product-buttons { margin: 0 0 0 200px; float: none; }
#product-buttons p { margin: 0; }
#sku-promo .purchase-options { padding: 0; color: #fff; margin: 5px 0 0 10px; }
.purchase-options a { color: #fff !important; }
#sku-promo .list-price-callout { margin: 0 0 5px 10px; padding: 0; color: #fff; }
#sku-promo .price-callout { margin: 0 0 0 10px; color: #fff; }
#sku-promo .price-callout span { font-weight: bold; font-size: 120%; }
#sku-promo .price-callout a { margin: 0; color: #fff; }
#creator-offer { float: left; margin: 145px 20px 0 0; }
#upgrade-offer { border-left: 1px solid #7b8ca0; width: 170px; float: left; margin: 145px 0 0 0; padding: 0 0 0 20px }
#upgrade-offer h3 { font-size: 100%; color: #fff; padding: 0 0 10px 0; }
#upgrade-offer a { color: #fff; }
#upgrade-offer .btn-alpha { margin: 0 0 0 15px; font-size: 100%; }
#upgrade-offer p { font-size: 90%; margin: 0 0 0 10px; }
/* BUTTONS*/

.btn-primary { background: url('https://img.roxio.com/enu/images/products/creator/2009/btn-guided-tour.png') no-repeat; text-indent: -3000px; }
.btn-primary a { height: 35px; width: 175px; display: block; }
.btn-primary a:hover { background: url('https://img.roxio.com/enu/images/products/creator/2009/btn-guided-tour-on.png') no-repeat; }
#subnav { float: right; margin: 10px 30px 40px 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('https://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('https://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('https://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('https://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('https://img.roxio.com/images/products/toast/toast10/subnav-right-cap.png') no-repeat left top; width: 11px; height: 31px; float: left; }
#productWrapper { padding: 0 20px 5px 20px; }
#subNav { clear: both; float: left; margin-top: 0; }
#subNav ul { margin: 0 0 0 6px; padding: 5px 0 0px 0; list-style: none; }
#subNav li { display: inline; margin: 0; padding: 0; }
#subNav a { float: left; background: url("/images/products/roxio_online/navTabs_lt.gif") no-repeat left -54px; margin: 7px 2px 0 0; padding: 0 0 0 7px; text-decoration: none; font-weight: bold; }
#subNav a span { float: left; display: block; background: url("/images/products/roxio_online/navTabs_rt.gif") no-repeat right -54px; padding: 10px 15px 5px 6px; font-weight: bold; color: #666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subNav a span { float: none; }
/* End IE5-Mac hack */
#subNav a:hover span { color: #fff; }
#subNav a:hover { background-position: left -108px; font-weight: bold; }
#subNav a:hover span { background-position: right -108px; color: #666; }
#overview #navOverview a, #features #navFeatures a, #benefits #navBenefits a, #requirements #navRequirements a, #awards #navAwards a, #compare #navCompare a, #why-upgrade #navWhyUpgrade a { margin: 0 2px 0 0; background-position: left 0px; font-weight: bold; }
/*#why-upgrade p{
 padding: 0 0 20px 0;
}*/

#overview #navOverview a span, #features #navFeatures a span, #benefits #navBenefits a span, #requirements #navRequirements a span, #awards #navAwards a span, #compare #navCompare a span, #why-upgrade #navWhyUpgrade a span { background-position: right 0px; color: #fff; padding: 13px 15px 9px 6px; }
#content_top { clear: both; height: 5px; background: url("/images/products/roxio_online/content_trim_top.gif") no-repeat top left; overflow: hidden; }
#content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 10px; }
#content ul { margin-left: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }
#content ul li { padding: 0 0 5px 0; }
#requirements #content { padding-left: 15px; padding-right: 15px; }
#requirements #content h2, #awards #content h2 { font-size: 116%; padding: 5px 0 15px 0; }
#requirements #content h4 { font-size: 100%; padding: 0 0 5px 0; }
.C2009Boiler { font-size: 110%; line-height: 150% !important; padding-left: 10px; }
#content_btm { height: 5px; background: url("/images/products/roxio_online/content_trim_btm.gif") no-repeat top left; overflow: hidden; }
.disclaimer { font-size: 90%; padding: 10px 0 0 5px; }
.noBorder { border: none !important; }
.newText { color: #cf0000; font-weight: bold; font-style: italic; }
h2.pageTitle { font-size: 116%; padding: 5px 0 15px 5px; line-height: 126%; }
/* Overview PAGE */

.mainCol { float: left; width: 500px; padding-right: 15px; }
.sideCol { float: left; width: 400px; padding-top: 15px; }
.overviewRow { padding: 10px 0 5px 0; }
.overviewRow .overviewThumb { float: left; width: 75px; text-align: center; padding-top: 10px; }
.overviewRow .overviewFeature { float: left; width: 390px; padding: 5px; }
.overviewFeature h4 { font-size: 106%; padding-bottom: 5px; color: #1072b7; }
.overviewFeature h4 a { color: #1072b7; text-decoration: none; }
.overviewFeature h4 a:hover { color: #666; }
.overviewRow .stripe { background: #f7f7f7; }
.titleBar h2 { background: url('https://img.roxio.com/images/theme/core/hdr-granite-slim-rt.gif') no-repeat top right; color: #5a5a5a; font-size: 106%; }
.titleBar h2 span { display: block; background: url('https://img.roxio.com/images/theme/core/hdr-granite-slim-fill-lt.gif') no-repeat top left; padding: 8px 0 0 15px; height: 23px; line-height: 100%; }
.titleBar .titleClose { background: url('https://img.roxio.com/images/products/creator/2009/title_btm_rt.gif') no-repeat top right; }
.titleBar .titleClose span { display: block; background: url('https://img.roxio.com/images/products/creator/2009/title_btm_lt.gif') no-repeat top left; height: 5px !important; overflow: hidden; }
.sideCol ul { }
.sideCol ul li { }
.bucketOne { padding: 0 5px 5px 8px; }
.bucketTwo { padding: 8px 8px 15px 8px; }
.addOnRow { padding: 8px 0 8px 0; }
.seperator { border-bottom: 1px solid #d9d9d9; }
.addOnRow img { float: left; }
.addOnRow h4 { font-size: 100%; }
.addOnRow .addOnDetail { float: left; width: 240px; padding: 0 0 0 10px; }
.toolTip .creator { color: #d98604; text-decoration: underline; cursor: help; }
.toolTip .creator:hover { color: #666; text-decoration: underline; }
/*Benefits*/

.catNav { clear: both; background: #09558a url('https://img.roxio.com/images/products/creator/2009/title_top_rt.gif') no-repeat top right; color: #fff; font-size: 106%; }
.catNav ul { padding: 6px 0 0px 107px; list-style: none; background: url('https://img.roxio.com/images/products/creator/2009/title_top_lt.gif') no-repeat top left; }
.catNav li { display: inline; margin: 0; padding: 0; }
.catNav a { float: left; padding: 0 0 0 5px; text-decoration: none; margin-left: 5px; }
.catNav a span { float: left; display: block; padding: 1px 12px 4px 8px; color: #fff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.catNav a span { float: none; }
/* End IE5-Mac hack */
.catNav a:hover span { color: #fff; }
.catNav a:hover { background: url("/images/products/creator/2009/subOn_lt.gif") no-repeat top left; }
.catNav a:hover span { background: url("/images/products/creator/2009/subOn_rt.gif") no-repeat top right; color: #fff; }
.benefitsNavClose { background: url('https://img.roxio.com/images/products/creator/2009/navClose_rt.gif') no-repeat top right; }
.benefitsNavClose span { display: block; background: url('https://img.roxio.com/images/products/creator/2009/navClose_lt.gif') no-repeat top left; height: 5px !important; overflow: hidden; }
#navBurn li#catBurn a, #navVideo li#catVideo a, #navMusic li#catMusic a, #navPhoto li#catPhoto a, #navShare li#catShare a { background: url('https://img.roxio.com/images/products/creator/2009/subOn_lt.gif') no-repeat top left; }
#navBurn li#catBurn a span, #navVideo li#catVideo a span, #navMusic li#catMusic a span, #navPhoto li#catPhoto a span, #navShare li#catShare a span { background: url('https://img.roxio.com/images/products/creator/2009/subOn_rt.gif') no-repeat top right; color: #fff; }
.videoContent { padding-top: 10px !important;/*background: url('https://img.roxio.com/images/products/creator/2009/video_screens.jpg') no-repeat center 20px;*/
}
.burnContent { padding-top: 10px !important;/*background: url('https://img.roxio.com/images/products/creator/2009/burn_screens.jpg') no-repeat center 20px;*/
}
.musicContent { padding-top: 10px !important;/*background: url('https://img.roxio.com/images/products/creator/2009/music_screens.jpg') no-repeat center 20px;*/
}
.shareContent { padding-top: 10px !important;/*background: url('https://img.roxio.com/images/products/creator/2009/share_screens.jpg') no-repeat center 20px;*/
}
.photoContent { padding-top: 10px !important;/*background: url('https://img.roxio.com/images/products/creator/2009/photo_screens.jpg') no-repeat center 20px;*/
}
.catTitle { padding: 250px 0 0 0; text-align: center; font-size: 106%; }
.thumbRow { padding-top: 15px; padding-bottom: 10px; padding-left: 10px; }
.thumbCol1, .thumbCol2 { float: left; width: 440px; }
.thumbCol1 img, .thumbCol2 img { float: left; width: 125px; border: 1px solid #666; }
.thumbCol1 .thumbContent, .thumbCol2 .thumbContent { float: left; width: 280px; padding-left: 15px; padding-right: 10px; }
.thumbContent h4 { font-size: 110%; line-height: 16px; padding: 0 0 3px 0; color: #1072b7; }
.extraBucket_top { clear: both; height: 5px; background: url("/images/products/roxio_online/content_trim_top.gif") no-repeat top left; overflow: hidden; margin-top: 5px; }
.extraBucket { border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 3px 0 3px; }
.extraRow { padding: 10px 0 5px 5px; }
.extraRow img { float: left; }
.extraRow .extraCol1 { border-right: 1px solid #ccc; }
.extraRow .extraCol2 { padding-left: 5px; }
.extraRow .extraCol1, .extraRow .extraCol2 { float: left; width: 440px; }
.extraRow h4 { font-size: 100%; }
.extraRow .extraDetail { float: left; width: 280px; padding: 0 0 0 10px; }
.extraBucket_btm { height: 5px; background: url("/images/products/roxio_online/content_trim_btm.gif") no-repeat top left; overflow: hidden; }
/*PNG button*/

.demoCenter { padding-left: 395px; }
.demoCenter p { line-height: 100%; }
.btnWatchVid { margin: 0; margin-top: 10px; float: left; height: 35px; width: 40px; padding: 0 !important;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='https://img.roxio.com/images/products/toast/t9titanium/btn_WatchVid_L2.png');
}
.btnWatchVid[class] { float: left; height: 35px; width: 40px; margin-top: 10px; float: left; padding: 0; background: url('https://img.roxio.com/images/products/toast/t9titanium/btn_WatchVid_L2.png') no-repeat top left; }
/*END PNG button*/
.clearLeft { clear: left; }
.btnWatchVidR a { float: left; display: block; width: 90px; margin-top: 10px; padding: 9px 8px 0 0; text-decoration: none; font-weight: bold; color: #5092dd; height: 34px; background: url('https://img.roxio.com/images/products/toast/t9titanium/btn_WatchVid_R.gif') top right no-repeat; }
.btnWatchVidR a:hover { text-decoration: none; color: #5092dd; }
.btnWatchVid a { float: left; display: block; width: 90px; padding: 9px 8px 0 14px; text-decoration: none; font-weight: bold; color: #5092dd; height: 34px; background: url('https://img.roxio.com/images/products/toast/t9titanium/btn_WatchVid_R.gif') top right no-repeat; }
.btnWatchVid a:hover { text-decoration: none; color: #5092dd; }
/* 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%; }
/* Purchase Panel*/
#creator-purchase-layer { }
#creator2010, #creator2010-pro { float: left; width: 300px; border: 1px solid #000; }