

#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{

text-indent: -3000px;
height: 0;
}
.disclaimer{
float: left;
font-size: 90%;
padding: 10px 0 10px 50px;
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('btn-guided-tour.png') no-repeat;
text-indent: -3000px;
}
.btn-primary a{
height: 35px;
width: 175px;
display: block;
}
.btn-primary a:hover{
background: url('btn-guided-tour-on.png') no-repeat;
}
.btn-secondary{
background: url('btn-compare.png') no-repeat;
text-indent: -3000px;
}
.btn-secondary a{
height: 35px;
width: 175px;
display: block;
}
.btn-secondary a:hover{
background: url('btn-compare-on.png') no-repeat;
}


.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;
}


#category-promo .list-price-callout{
 margin: 30px 0 5px 580px;
 padding: 0;
}
#sku-promo .list-price-callout{
 margin: 30px 0 5px 640px;
 padding: 0;
}

.price-callout span{
font-weight: bold;
font-size: 120%;
}

.purchase-options a{
 color: #fff !important;
}

/* SKU PAGE STYLES */

#subnav{
 float: right;
 margin: 10px 30px 40px 0;
 line-height: 145%;
 text-align:center;
}
#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('subnav-on-state-stretch.gif') no-repeat top left;
 color: #fff;
}
#subnav .on a{
 display: block;
 color: #fff;
 background: url('subnav-on-state-right-cap.gif') no-repeat top right;
 height: 22px;
 
}
#subnav ul{
 float: left;
 margin: 0;
 padding: 5px 0 10px 10px;
 background: url('subnav-stretch.gif') repeat-x top left;
 height: 16px;
}
#subnav li{
 float: left;
 padding: 0 2px 0 2px;
 list-style-type: none;
 width:70px;
}
.left-cap{ 
 background: url('subnav-left-cap.gif') no-repeat left top;
 width: 11px;
 height: 31px;
 float: left;
}
.right-cap{
 background: url('subnav-right-cap.gif') no-repeat left top;
 width: 11px;
 height: 31px;
 float: left;
}
#buttons{
 margin: 25px 0 0 550px;
}

#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;
color: #4dacf5;
}
#overview-content dt a{
font-size: 100%;
text-decoration: none;
}
#overview-content #burn{
 background: url('icon-1.jpg') no-repeat 10px 10px;
 border-bottom:thin #212121 dotted;
}
#overview-content #copy{
 background: url('icon-2.jpg') no-repeat 10px 10px;
 border-bottom:thin #212121 dotted;
}
#overview-content #listen{
 background:  url('icon-3.jpg') no-repeat 10px 10px;
 border-bottom:thin #212121 dotted;
}
#overview-content #watch{
 background: url('icon-4.jpg') no-repeat 10px 10px;
}
#overview-content #book{
 background: url('icon-5.jpg') no-repeat 10px 10px;
 border-bottom:thin #212121 dotted;
}
#overview-content #book2{
 background:  no-repeat 10px 10px;
}
#overview-content #about{
 background: url('icon-6.jpg') no-repeat 10px 10px;
 border-bottom:thin #212121 dotted;
}
#overview-content #yewu{
 background: url('icon-7.jpg') no-repeat 10px 10px;

}


#overview-content1{
 width: 680px;
 float: left;
 margin: 0 0 20px 10px;
 padding: 0 30px 0 0;
 border-right: 1px solid #2e2d2d;
}
#overview-content1 dl{
 padding: 15px 15px 15px 90px;
 margin: 0 0 10px 0;
}
#overview-content1 dt{
font-size: 120%;
font-weight: bold;
color: #4dacf5;
}
#overview-content1 dt a{
font-size: 100%;
text-decoration: none;
}
#overview-content1 #detail{
 background: url('icon-6.jpg') 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;
}


#whats-new1{
float: left;
margin: 0 0 0 20px;
width: 200px;
padding: 0 20px 0 10px;
}
#whats-new1 h2{
font-size: 120%;
padding: 0 0 10px 0;
color: #4dacf5;
}
#whats-new1 ul{
list-style-type: disc;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
line-height: 30px;
}
#whats-new1 li{
line-height: 18px;
padding: 0 0 10px 0;
}


#weblink{
float: left;
margin: 0 0 0 20px;
width: 265px;
padding: 0 20px 0 10px;
border-right: 1px solid #2e2d2d;
}
#weblink h2{
font-size: 120%;
padding: 0 0 10px 0;
color: #4dacf5;
}
#weblink ul{
list-style-type: disc;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
line-height: 30px;
}
#weblink li{
line-height: 18px;
padding: 0 0 10px 0;
}

#weblink2{
float: left;
margin: 0 0 0 20px;
width: 265px;
padding: 0 20px 0 10px;
}
#weblink2 h2{
font-size: 120%;
padding: 0 0 10px 0;
color: #4dacf5;
}
#weblink2 ul{
list-style-type: disc;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
line-height: 30px;
}
#weblink2 li{
line-height: 18px;
padding: 0 0 10px 0;
}



#weblink3{
float: left;
margin: 0 0 0 20px;
width: 265px;
padding: 0 20px 0 10px;
border-right: 1px solid #2e2d2d;
}
#weblink3 h2{
font-size: 120%;
padding: 0 0 10px 0;
color: #4dacf5;
}
#weblink3 ul{
list-style-type: disc;
padding: 0 0 0 10px;
margin: 0 0 0 5px;
line-height: 30px;
}
#weblink3 li{
line-height: 18px;
padding: 0 0 10px 0;
}



#tutorials{
 margin: 10px 0 0 0;
}
#tutorials2{
 margin: 10px 0 0 0;
}
#tutorials3{
 margin: 10px 0 0 0;
}
#tutorialsfqf {
	MARGIN: 5px 5px 5px;
	width:80px;
	height:80px;
	float:left;
	border:dotted;
	border-color:#666666;
	padding:3px;
	border-width:1px;
	
}

.plugin{
 background: url('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('burn-banner.jpg') 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: 85px 0 0 755px;
}
.copy-msg#category-promo{
background: url('copy-banner.png') top left no-repeat;
height: 450px;
}
.listen-msg#category-promo{
background: url('listen-banner.png') top left no-repeat;
height: 450px;
}
.watch-msg#category-promo{
background: url('watch-banner.png') top left no-repeat;
height: 450px;
}
.pro-msg#category-promo{
background: url('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('burn-headline.png') no-repeat;
width: 468px;
height: 33px;
margin: 0 0 0 475px;
}
.copy-headline{
background: url('headline-copy.png') no-repeat;
width: 447px;
height: 32px;
margin: 0 0 0 495px;
}
.listen-headline{
background: url('headline-listen.png') no-repeat;
width: 282px;
height: 32px;
margin: 0 0 0 665px;
}
.watch-headline{
background: url('headline-watch.png') no-repeat;
width: 475px;
height: 32px;
margin: 0 0 0 470px;
}
.pro-headline{
background: url('headline-pro.png') no-repeat;
width: 492px;
height: 100px;
margin: 20px 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 740px;
}
#category-promo .price-callout{
margin: 10px 0 10px 740px;
}
#category-promo .purchase-options{
margin: 0 0 0 710px;
}
#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 530px;
}
#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: 420px;
 float: left;
 margin: 0 20px 0 20px;
}
.column1{
 width: 860px;
 float: left;
 margin: 0 20px 0 20px;
}
#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;
}


.pop-disclaimer{
 margin: 10px 0 0 5px;
}
.pop-disclaimer p{
 margin: 0 0 3px 0;
 font-size: 80%;
 color: #666;
}



.highslide-wrapper div {
	font-size: 100%;
}

.highslide {
	outline: none;
}

.highslide img {
	border: 1px solid #666;
	cursor: url(zoomin.cur), pointer;
    outline: none;
}
.highslide:hover img {
	border: 1px solid #c0c0c0;
}


.highslide-heading {
	display: none;
	height: 20px;
    font-size: 100%;
	font-weight: bold;
	cursor: default !important;
		overflow: hidden;
		padding-left: 5px;
		background: #fff;

}




.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
	width:900px;
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	COLOR: #f00;
	border: 1px solid #ff0000;
	text-decoration: none;
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #333 1px solid; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #333 1px solid
}
.manu .abled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

.inputbg
{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
background-image:url(inputbg.gif) ;
background-position:right;
background-repeat:no-repeat;
background-attachment:fixed;
}
.inputbg2
{
font-family:Arial, Helvetica, sans-serif;
color:#990000;
background-image:url(inputbg.gif) ;
background-position:left
background-repeat:no-repeat;
background-attachment:fixed;
}

.gray
{
color:#333333;
}


