@charset "UTF-8";
/* CSS Document */
#positioning h1 {height: 183px;text-indent: -9999px; background: url(../images/positioning_intro.png) no-repeat top center;}
.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;}
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;}
ul.StudioFXOptions div.content { background-repeat:no-repeat; background-position:center center; height:450px; overflow:visible; margin-top:0; padding-bottom:20px;}
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(../images/badge_1299.png) no-repeat top left;}
ul.StudioFXOptions .upgrade .priceTag { background: url(../images/badge_999.png) no-repeat top left;}
ul.StudioFXOptions .support .priceTag { background: url(../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(../images/bullet.png);  }
ul.StudioFXOptions  ul.features li { margin-bottom:12px; font-size:11px; padding-left:5px;}

ul.StudioFXOptions .buttonBottom { position:absolute; bottom:9px; width:225px; text-align:center; left:-3px;}

#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}

#main.Ctr2Col #content div.secondaryCol .licAgreement {padding-bottom:10px;}
#main.Ctr2Col #content div.secondaryCol .licAgreement p{margin-bottom:0;}
#main.Ctr2Col #content div.secondaryCol .licAgreement p a.imgLink {float:right; padding:5px;}

.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:15px; 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(../images/roundedButton_green.png);}
.roundedButton.blue, .roundedButton.blue span{ background-image: url(../images/roundedButton_blue.png);}

.studioFeatures {}
div.mainCol .studioFeatures h3 { font-size: 18px; font-weight: normal; margin: 18px 0; color:#555; text-transform: none; white-space: nowrap;}
.studioFeatures > li { width:709px;  margin-left:-30px; padding:0 30px; w\idth:649px;}
.studioFeatures .downloads { background: url(../images/bg_features_download.jpg) no-repeat top left; height:339px;}
.studioFeatures .upgrades { background: url(../images/bg_features_upgrades.jpg) no-repeat top left; height:331px;}
.studioFeatures .support { background: url(../images/bg_features_support.jpg) no-repeat top left; height:339px;}
.studioFeatures .licMan { background: url(../images/bg_features_compliance.jpg) no-repeat top left; height:375px;}
div.mainCol .studioFeatures li.wrapup { background: url(../images/bg_features_odd.png) repeat-x top left; height:230px; padding: 0 30px; width:709px; w\idth:649px;}
div.mainCol .studioFeatures li.notes {padding:0 30px 30px 30px; height:auto; }
div.mainCol .studioFeatures li.notes p.imp {color:#3E6790 !important;}
.studioFeatures .wrapup .buttonBottom { text-align:center; margin-top:46px; }

.studioFeatures li.odd { border-top: 1px solid #d2dbe2; border-bottom: 1px solid #d2dbe2; padding-right:390px; w\idth:289px;}
.studioFeatures li.even { border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: right; padding-left:390px; w\idth:289px;}

.prodsIncluded ul {background-repeat: no-repeat; background-position: right bottom; height:90px; height:auto !important; min-height:90px; margin-bottom:0;}
.prodsIncluded .NET { background-image: url(../images/bg_prods_NET.png); }
.prodsIncluded .Java { background-image: url(../images/bg_prods_java.png); }
.prodsIncluded .COM { background-image: url(../images/bg_prods_COM.png); }
.prodsIncluded .SP { background-image: url(../images/bg_prods_SP.png); }
.prodsIncluded .PS { background-image: url(../images/bg_prods_PS.png); }
.prodsIncluded .html5 { background-image: url(../images/bg_prods_html5.png); }
.prodsIncluded ul.newProds {background:url(../images/bg_prods_Upcoming.png) no-repeat bottom right; height:340px; height:auto !important; min-height:340px;} 
.newProds li {background: url(../images/icon_checkbox.png) no-repeat 0 0; display:block; height:18px; position:relative; padding-left: 23px; padding-top:2px; margin:4px;}
.newProds li.included {background-position: 0 -18px;}
.newProds li span {position:absolute; top:2px; right:2px; font-size:10px; color: #333;}
.newProds li.footnote {background:none; }
.newProds li.footnote em {color:#777; font-style:italic; font-size:10px;}

.importantNote {background-color:rgb(235,241,243);
width:623px;
height:auto;
border:#fff 1px solid;
-moz-border-radius:1%;
-webkit-border-radius:1%/5%;
border-radius:1%/5%;
-moz-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.13);
-webkit-box-shadow:inset 0px 0px 7px rgba(0,0,0,0.13);
box-shadow:inset 0px 0px 7px rgba(0,0,0,0.13);
padding:15px;
margin:0;
}

.importantNote h6
{
   display:block;
   float:left;
   width:100%;
   height:26px;
   line-height:28px;
   font-weight:bold;
   color:#3E6790;
   margin:0 0 10px 0;
   padding:0 0 0 30px;
   background-image:url(/studiofx/images/icon-note.png);
   background-repeat:no-repeat;
   background-position:left;
}