/*Version F changes*/

.versionF .downloadIndexContainer .downloadIndexApp {margin: 40px 0px 0px;}

.versionF .downloadIndexApp .productList .product{padding: 12px 15px!important;}

.versionF .downloadIndexApp .browseAllButton {margin-bottom: 40px;}

.versionF  .downloadIndexApp .primaryProductIndex, .versionF .downloadIndexApp .secondaryProductIndex {margin: 0px 0px 40px;}

.versionF .downloadIndexContainer .h1 {font: 400 22px "OpenSansLight",sans-serif}

.versionF .downloadIndexContainer h3, .versionF .downloadIndexContainer .h3 {font: 400 18px "OpenSansRegular",sans-serif; background: #f6f6f6;padding: 7px 10px;margin-bottom: 0px;}

.versionF .downloadIndexApp .borderBox {border-top:none;}

.versionF .downloadIndexApp .productList {padding: 0 10px!important;}

.versionF #lemCategoryFreeTool{margin:0 0 40px 0;}

/*Ektron fixes remove in kentico*/

.container_12{
		width:100%!important;
	}
.footer {
    overflow: hidden;
    width: 895px;
    margin: 0 auto;
}
#megamenu {
    left: 0!important;
    z-index: 150;
    width: 100%;
    margin-left: 0!important;
    background-image: url(/creative/images/landing_pages/microsoft/megamenu_bg.png);
    background-repeat: repeat-x;
}
ul#topnav {
    float: none !important;
    height: 37px;
    margin-right: auto;
    margin-left: auto;
}
.container_12 {
    width: 100%;
}
.headerContent, .toptabs {
    width: 895px;
    margin-right: auto;
    margin-left: auto;
}
.wrapperFooter {
    height: auto!important;
}
.legitimacyBlockFull {
    display: none;
    visibility: hidden;
}

/*MAIN LAYOUT*/
.downloadIndexContainer{
	width:942px;
	padding:50px 0 0 0!important;
    min-height:900px;
}

.versionE .downloadIndexContainer{
	padding:25px 0 0 0!important;
}

.grayBackground{
	width:100%;
	position:absolute;
	z-index:-1;
	height:365px;
	background:#f6f6f6;
	border-bottom:1px solid #eeedea;
}

/* TEXT AND FONTS*/

.downloadIndexContainer h1, .downloadIndexContainer .h1{
	font: 400 34px 'OpenSansLight',sans-serif;
	margin:0 0 15px 0;
	color:#333;
}

.downloadIndexContainer h2{
	font: 400 22px 'OpenSansSemiBold',sans-serif;
	margin:0 0 15px 0;
}

.downloadIndexContainer .h2{
	font: 400 16px 'OpenSansRegular',sans-serif;
	margin: 0 0 15px 0;
	display:block;
}


.downloadIndexContainer h3, .downloadIndexContainer .h3  {
	font: 400 18px 'OpenSansLight',sans-serif;
	color:#333;
	margin:0 0 15px 0;
}

.downloadIndexContainer a, .downloadIndexContainer .a{
	font: 400 14px 'OpenSansRegular',sans-serif;
	color:#3499bf;
    cursor:pointer;
}

.downloadIndexContainer a:hover, .downloadIndexContainer .a:hover{
	text-decoration: underline;
	color:#3499bf;
}

.downloadIndexContainer p, .downloadIndexContainer .p{
	font: 400 14px 'OpenSansRegular',sans-serif;
	color:#333;
	padding:0 0 5px 0;
}

.downloadIndexContainer .featuredFreeTools .downloadButton a {
	background:#359ac0;
}

.downloadIndexContainer .downloadButton a {
	font: 400 15px 'OpenSansSemibold',sans-serif;
	color:#fff;
	padding:10px 10px;
	width:235px;
	background:#30b91a;
	display:block;
	text-align:center;
}

.downloadIndexContainer .downloadButton a:hover {
	text-decoration: none;
}

.downloadIndexContainer .downloadButton .downloadSnippet {
	font: 400 14px 'OpenSansRegular',sans-serif;
	color:#30b91a;
	text-align: center;
}

.downloadIndexContainer .downloadIndexApp .downloadButton a {
	width:290px;
}

.versionE .downloadIndexContainer .downloadIndexApp .downloadButton a {
	width:210px;
}


/*LOADING SCREEN*/



/*HERO TILE - FEATURED PRODUCTS*/


.containerBg{
	background:url('../img/header_bg.png') repeat-x;
}

.versionE{
	background-position: 0 -65px!important;
}

.downloadIndexContainer .featuredProduct {
	background:#fff;
	border-top:5px #f99d1c solid;
	text-align:center;
	padding:20px 0;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.2);
	
}

.versionE .downloadIndexContainer .featuredProduct {
	padding:10px 0 20px; 0
}


.downloadIndexContainer .featuredFreeTools .featuredProduct{
	border-top:5px #3399c0 solid;
}

.downloadIndexContainer .featuredProduct .productTitle {
	font: 400 17px 'OpenSansSemibold',sans-serif;
	color:#333;
	padding:0 0 25px 0;
	display:block;
}

.versionE .downloadIndexContainer .featuredProduct .productTitle {
	padding:0 0 15px 0;
}


.downloadIndexContainer .featuredFreeTools  .featuredProduct .productTitle {
	height:60px;
}

.downloadIndexContainer .featuredProduct .productTitle:hover {
	color:#3499bf;
}

.downloadIndexContainer .featuredProduct .productScreenshot {
	width:260px;
	height:130px;
	position:relative;
	margin:0 auto;
	cursor:pointer;
}

.versionE .featuredBoxE{
	overflow:hidden;
	margin:0 10px;
}

.versionE .downloadIndexContainer .featuredProduct .productScreenshot {
	width:110px;
	height:62px;
	margin:0px;
	float:left;
}

.downloadIndexContainer .featuredProduct .productScreenshot .zoomIcon{
	position:absolute;
	width:40px;
	height:40px;
	bottom:0px;
	right:0px;
	background: url('../img/sprite.png') no-repeat;
	
}

.downloadIndexContainer .featuredProduct .productSubText {
	font: 400 15px 'OpenSansRegular',sans-serif;
	color:#333;
	padding:25px 10px;
}

.versionE .downloadIndexContainer .featuredProduct .productSubText {
	font-size: 13px;
	display: block;
	float: left;
	width: 60%;
	padding: 0 0 0 15px;
	text-align: left;
	line-height: 15px;
}

.featuredFreeTools .featuredProduct .productSubText {
	height: 80px;
}

.downloadIndexContainer .featuredProduct .downloadButton a {
	margin:0 auto 10px auto;
}


/* -----MAIN APP-----*/

.downloadIndexApp {
	margin:60px 0 0 0;
}

/*SIIDE BAR*/
.tabAnimate{
    overflow:hidden;
}

.tabAnimate.ng-enter, .tabAnimate.ng-leave {
  -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.tabAnimate.ng-enter,
.tabAnimate.ng-leave.ng-leave-active {
 height: 0px;
}

.tabAnimate.ng-leave,
.tabAnimate.ng-enter.ng-enter-active {
  height: 125px;
}

.serchResultsDisplay {
	padding:0 0 50px 0;
}

.clearSearch {
	padding:15px 10px;
	background:#f6f6f6;
	border:1px solid #ececec;
	width: 283px;
}

.clearSearch p.a, .clearSearch a{
	padding:15px 0 0 0;
}

.sideBar{
	margin:0 0 50px 0;
}

.sideBar .searchBoxInput {
	width:261px;
	height:20px;
	border:1px #ccc solid;
	background: url('../img/search-icon.png') 96% #fcfcfc no-repeat;
	padding:10px;
	color:#bbb;
	font: 400 14px 'OpenSansRegular',sans-serif;
}

.searchInput{
    position:relative;
}

.searchInputClose {
    position: absolute;
    right: 27px;
    display: block;
    top: 12px;
    background: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    cursor:pointer;
}


.sideBar .colapseButton {
	font: 400 16px 'OpenSansSemibold',sans-serif;
	color:#333;
	margin:30px 0 15px 0;
	cursor:pointer;
}

.sideBar .colapseButton.phaseOne {
	margin:0 0 15px 0;
}

.sideBar .colapseButton .toogleIcon {
	display:block;
	background: url('../img/sprite.png') 100% 5% no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	margin: 3px 6px 0 0;
	cursor:pointer;
}

.sideBar .colapseButton .toogleIconClose {
	display:block;
	background: url('../img/sprite.png') 69% 5% no-repeat;
	width: 18px;
	height: 18px;
	float: left;
	margin: 3px 6px 0 0;
	cursor:pointer;
}


.sideBar .categoryList {
	padding:0 0 0 25px;
}

.sideBar .categoryList li {
	margin:0 0 15px 0;
}

.sideBar .category {
	padding: 0px;
	cursor:pointer;
}

.sideBar .category:hover {
	text-decoration: underline;
}

/*PRODUCTS LIST*/

.downloadIndexApp .borderBox{
	border-top:5px #666 solid;
}

.downloadIndexApp  .productList {
	border: 1px solid #ccc;
}

.versionE .downloadIndexApp  .productList {
	padding: 10px;
}


.downloadIndexApp  .productList .product{
	border-bottom: 1px solid #ccc;
	padding:20px;
}

.versionE .downloadIndexApp  .productList .product{
	border-bottom: 1px solid #ccc;
	padding:20px 15px;
}

.downloadIndexApp .primaryProductIndex .productList .product:last-child{
	border-bottom: 0px;
}

.downloadIndexApp .primaryProductIndex, .downloadIndexApp .secondaryProductIndex{
	margin:0 0 50px 0;
}

.downloadIndexApp  .productTitle {
	font: 400 16px 'OpenSansSemibold',sans-serif;
    color:#333;
}

.downloadIndexApp  .productSubTitle {
	margin-bottom:25px;
}

.versionE .downloadIndexApp .productSubTitle {
	margin-bottom:0px;
}

.downloadIndexApp .secondaryProductIndex a.productTitle{
	text-align:center;
	font-size:18px;
    height: 60px;
    display: block;
	line-height: 20px;
	margin-bottom: 5px;
}

.downloadIndexApp .secondaryProductIndex  .productSubTitle {
	text-align:center;
    height: 45px;
    display: block;
}

.downloadIndexApp .viewMore{
	margin: 10px 0 0 0;
	display:block;
}

.versionE .downloadIndexApp .viewMore{
	margin: 0 0 10px 0;
	display:block;
}

.downloadIndexApp .browseAllButton {
	font: 400 14px 'OpenSansSemibold',sans-serif;
	background:#f6f6f6;
	padding:10px 0;
	text-align:center;
	color:#3499bf;
	cursor:pointer;
    margin-bottom:50px;
    display:block;
}

.downloadIndexApp .rightSoftware{
	margin:0 0 50px 0;
}

.downloadIndexApp .rightSoftware .bigText{
	font-size:24px;
}

.downloadIndexApp .rightSoftware .smallText{
	font-size:16px;
}

/* Animation Category Toogle*/

.toogleCategory.ng-enter {
  -webkit-transition:all linear 0.5s;
  -moz-transition:all linear 0.5s;
  -o-transition:all linear 0.5s;
  transition:all linear 0.5s;
  
}

.toogleCategory.ng-leave {
  -webkit-transition:all linear 0s;
  -moz-transition:all linear 0s;
  -o-transition:all linear 0s;
  transition:all linear 0s;
}

 
.toogleCategory.ng-enter.ng-enter-active,
.toogleCategory.ng-leave {
  opacity:1;
}
 
.toogleCategory.ng-enter,
.toogleCategory.ng-leave.ng-leave-active {
  opacity:0;
}


.freeTools .category{
    background:#f5fafc;
    padding:20px 10px 0 10px;
}

.mainProducts .category{
    background:#fffaf3;
    padding:20px 10px 0 10px;
}


.secondaryProductIndex .categoryHeader .h2{
    padding:0 0 0 20px;
}

.secondaryProductIndex .categoryHeader .a{
    padding:0 20px 0 0;
    text-align: right;
}

.secondaryProductIndex .categoryHeader .astrong{
    font-size:20px;
}

.secondaryProductIndex .productList{
	overflow: hidden;
	border:0px;
	margin-left:0px;
	margin-right:0px;
}

.freeTools .borderBoxProducts{
	border-top:5px solid #3399bf;
	margin-bottom:20px;
	background:#fff;
}

.mainProducts .borderBoxProducts{
	border-top:5px solid #fd9a0f;
	margin-bottom:20px;
	background:#fff;
}

.secondaryProductIndex .product{
	border:1px solid #ccc;
}

.downloadButton .downloadSnippet{
	text-align: center;
	display:block;
	margin-top:10px;
}


.freeTools .product .downloadButton a{
	width:100%!important;
	background:#3399bf!important;
}

.versionE .freeTools .product .downloadButton a{
	width:100%!important;
	background:#3399bf!important;
	width: 210px!important;
}

.mainProducts .product .downloadButton a{
	width:100%!important;
	background:#30b91a!important;
}

.downloadButton a.downloadButtonFreetool{
	width:90%!important;
	background:#3399bf!important;
}

/**************************************************************************************************/
/*                This are the styles needed for video modal on product pages                     */
/**************************************************************************************************/
 #ModalWrapper {
    position : fixed;
    display : block;
    z-index : 40001;
}
.ModalOverlay {
    position : absolute;
    z-index : 40001;
    opacity : .5;
    background-color : #FFF;
    -ms-filter: progid : DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter : alpha(opacity=50);
    cursor: pointer;
}
#ModalWrapper, .ModalOverlay {
    top : 0;
    right : 0;
    bottom : 0;
    left : 0;
}
.ModalContainer {
position: fixed;
top: 0px;
left: 0px;
z-index: 40002;
right: 0px;
width: 912px;
margin: 50px auto;
}

.Modal {
    position : relative;
    width : auto;
    margin : 0 auto;
    padding : 25px;
    background-color : #F1F1F3;
    border : 1px solid #f6f6f6;
    border-radius : 5px;
    box-shadow : 0 0 15px #b1b1b1;
}

.Modal img{
    width:860px;
}
#ModalPlayer {
    position : relative;
    z-index : 2;
    height : 353px;
    width : 628px;
    border : 1px solid #D8D8D8;
}
.IconClose {
    position : absolute;
    display : inline-block;
    top : 4px;
    right : 7px;
    font : 600 17px 'OpenSansSemibold', sans-serif;
    color : #404040;
    text-decoration : none;
    cursor:pointer;
}
.Modal .cBtnDownloadContainer {
    width : 100%;
    margin-top : 12px;
}
.downlaodSnippet {
	text-align: center;
	width: 210px;
	display: block;
	padding-top: 7px;
	color: #30b91a;
}

.downlaodSnippetBlue {
	text-align: center;
	width: 210px;
	display: block;
	padding-top: 7px;
	color: #3399bf!important;
}