@charset "UTF-8";
/* CSS Document */
#positioning h1 {height: 120px;text-indent: -9999px; background: url(../images/header_pricing.png) no-repeat top left;}
.mainCol { overflow:hidden;}
#main .mainCol h2 { font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-size:30px; color: #5088a6; line-height:54px;}
#main .mainCol p { color: #777; font-size: 12px; margin-bottom: 18px;}
.mainCol .studioIntro { background: url(../images/bg_studiointro.png) no-repeat top left; margin:-30px; margin-bottom:-60px;  padding:30px 30px 0 220px; height:230px;}
ul.StudioFXOptions { margin:0 -10px; width:685px; overflow:visible; }
ul.StudioFXOptions > li { display:block; float: left; width:225px; overflow:visible; position:relative; margin-bottom:32px; }
ul.StudioFXOptions div.top { background-repeat:no-repeat; background-position:top center; height:40px; overflow:visible; margin-bottom:5px}
ul.StudioFXOptions div.content { background-repeat:no-repeat; background-position:center center;  overflow:visible; margin-top:0;}
ul.StudioFXOptions div.bottom { background-repeat:no-repeat; background-position:bottom center; height:40px;}
ul.StudioFXOptions li.premium div.content, ul.StudioFXOptions li.premium div.top, ul.StudioFXOptions li.premium div.bottom { background-image:url(../images/bg_box1.png);}
ul.StudioFXOptions li.upgrade div.content, ul.StudioFXOptions li.upgrade div.top, ul.StudioFXOptions li.upgrade div.bottom { background-image:url(../images/bg_box2.png);}
ul.StudioFXOptions li.support div.content, ul.StudioFXOptions li.support div.top, ul.StudioFXOptions li.support div.bottom { background-image:url(../images/bg_box3.png);}

ul.StudioFXOptions .priceTag { width:100px; height:76px;  top:0; left:0px; text-align:left; text-indent: -9999px; display:block; position:absolute; margin-left:-10px; }
ul.StudioFXOptions div.title { position:relative; padding-left:65px; padding-right:20px; padding-top:0; text-shadow: 0 2px #fff; text-align: right; margin-top:-5px; }
ul.StudioFXOptions div.title h3 { margin-top:0; line-height:18px; font-size:16px; margin-bottom:6px; text-transform: none;}
ul.StudioFXOptions div.title h5 { font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif; font-size:12px; line-height:18px;}
ul.StudioFXOptions .premium .priceTag { background: url(/studiofx/images/badge_1299.png) no-repeat top left;}
ul.StudioFXOptions .upgrade .priceTag { background: url(/studiofx/images/badge_999.png) no-repeat top left;}
ul.StudioFXOptions .support .priceTag { background: url(/studiofx/images/badge_699.png) no-repeat top left; margin-left:0; }
ul.StudioFXOptions  ul.features { margin:10px 25px 0 35px; list-style: outside; list-style-image: url(/main/images/bullet_gray.png); height:220px; display:none; }
ul.StudioFXOptions  ul.features li { margin-bottom:12px; font-size:11px; padding-left:5px;}

ul.StudioFXOptions .briefIntro { margin:10px 22px 0 22px; font-size:11px; color: #777; padding-bottom:40px}
ul.StudioFXOptions .briefIntro p {display:block; height:120px; height:auto!important; min-height:120px;}
.briefIntro a.expandLink { text-align:right; display:block; padding-right: 15px; background:url(/main/images/icn_arrow_down.png) no-repeat center right; font-size:11px;}
ul.StudioFXOptions .buttonBottom {  margin-left:-3px; text-align:center; margin-top:-20px;}

#main.Ctr2Col #content div.secondaryCol .includedProds { list-style:inside; margin-bottom:0px; padding-bottom:12px;}
#main.Ctr2Col #content div.secondaryCol .includedProds li { font-size:12px; line-height:24px; margin-left:15px;}
#main.Ctr2Col #content div.secondaryCol h4{ font-weight:600;}
#main.Ctr2Col #content div.secondaryCol p {font-size:12px; line-height:18px; color: #6e7c8a; margin-bottom:12px}

.roundedButton, .roundedButton:hover { position:relative; font-size:12px; text-decoration:none; line-height:12px; text-transform: uppercase; color:#fff; text-shadow: 0 -1px #555; padding-top:16px; padding-bottom:16px; position:relative; padding-left:16px; background-repeat:no-repeat; background-position:top left; margin-right:16px; }
.roundedButton span { background-position:right top; background-repeat:no-repeat; position:absolute; right:-20px; display:block; width:20px; height:44px; top:0;}
.roundedButton.green, .roundedButton.green span{ background-image: url(/main/images/roundedButton_green.png);}
.roundedButton.blue, .roundedButton.blue span{ background-image: url(/main/images/roundedButton_blue.png);}


#content #SubscriptionSideBar.secondaryCol .oemPricing .oem { background: url(../images/icn_OEM.png) no-repeat right top; height:60px; height: auto !important; min-height:60px; padding-right:60px !important;}
.secondaryCol .pricelist { background: url(../images/icn_pricelist.png) no-repeat right top; height:60px; height: auto !important; min-height:60px; padding-right:60px !important;}
.secondaryCol .terms {  background: url(../images/icn_OEM.png) no-repeat right top; height:60px; height: auto !important; min-height:60px; padding-right:60px !important;}
.secondaryCol .resources li {padding:5px 10px;}

.deskProds {width:660px; margin-left:-5px; position:relative;}
.deskProds .top {background: url(../images/BG_DesktopTable1.png) no-repeat top left; height:33px;}
.deskProds .mid {background: url(../images/BG_DesktopTable2.png) repeat-y top left;}
.deskProds .bottom {background: url(../images/BG_DesktopTable3.png) no-repeat top left; height:33px;}

.deskProds .includedInSFX {position:absolute; width: 215px; top:7px; right:0; padding:30px 0; text-align:center; font-size:11px;}

.includedInSFX .studioFXLogo {background:url(../images/logo_Studio_small.png) no-repeat top center; margin-top:5px; padding-top:113px; text-align:center; font-size:11px;}

.deskProds .prodList {margin-left:20px;}
.deskProds .prodList table {width:410px; }

.deskProds th, {padding:5px;}

.deskProds .prodGroup { border-top:none;}
.deskProds .prodGroup th { font-size:14px; font-weight:600; color: #369; }

.prodList .subSection th.smSubHeader {font-size:9px; color: #336699; font-weight: normal; text-align:center; width:95px;}

.deskProds .prodGroup th.skuHeader {text-transform:uppercase; width:70px; border-left: 1px solid #CEDBE3; text-align:center; padding:0 5px;}
.deskProds  .skuCol{ border-left: 1px solid #CEDBE3; text-align:center;}
 
.deskProds tr{border-top: 1px solid #CEDBE3;}
.deskProds .subSection th {font-size:11px; color:#777; font-weight:600; padding-top:2px; text-transform:uppercase; padding-left:5px; background-color:#F6F9FA;}
.deskProds td {font-size:11px; color: #777; padding-top:2px;}
.deskProds td.prodName {padding-left:10px;}
.deskProds th.prodName {padding-left:5px;}

.prodPricing .platforms h3{ font-size:14px; font-weight:600; line-height:30px; color: #555; text-transform:none; font-family: Helvetica, Arial, sans-serif; display:block; padding-left:10px; height:30px; margin-left:-5px; margin-right:-5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-style: solid; border-width: 1px; border-color:#dfe8ed; background: #e3e6e8; /* for non-css3 browsers */	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e6e8'); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e3e6e8)); /* for webkit browsers */	background: -moz-linear-gradient(top,  #ffffff,  #F6F6F6); /* for firefox 3.6+ */}
.platforms > li {margin-bottom:20px;}
.platforms  ul li {margin-bottom:10px;}
.platforms  ul li span em {font-size:11px; font-style: italic;}
.prodPricing table {width:100%;}

.prodPricing table td {font-size:12px;}
.prodPricing table td, .prodPricing table th{padding:5px;}
.prodPricing table tr {border:1px solid #cedbe3;}
.prodPricing table tr.prodGroup { color:#336699; background: #E9E9E9; /* for non-css3 browsers */	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#F6F6F6'); background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#F6F6F6)); /* for webkit browsers */	background: -moz-linear-gradient(top,  #E9E9E9,  #F6F6F6); /* for firefox 3.6+ */}
.prodPricing .prodGroup h4{font-weight:600; }
.prodPricing .prodGroup td {font-size:14px;}
.prodPricing .prodGroup span {font-weight: normal; color: #555; font-size:11px;}

.prodPricing table tr.subSection {background-color:#e0e0e0; color:#555; font-size:11px; font-weight:600; text-transform: uppercase;}
.prodPricing table .details {background-color:#f4f4f4; font-size:11px; display:none;}

.prodPricing .details h6{text-transform: uppercase; font-size:10px;}
.prodPricing .details ul {list-style: outside; margin:5px 30px;}
.prodPricing .details a {font-size:11px;}
.prodPricing .prodName span{display:block; font-size:10px;}

.prodPricing .tryLink {width:55px; text-align:center; border-left: 1px solid #cedbe3}
.prodPricing .buyLink, .prodPricing .priceCol, .prodPricing .skuCol{width:75px; text-align:center; border-left: 1px solid #cedbe3}
.prodPricing .skuHeader, .prodPricing .priceHeader {text-align:center;}

.prodPricing .subSection th {padding-left:10px;}
.prodPricing .prodName {padding-left:15px;}