/*
 * Hlavni soubor stylu
 * prevzato z webu audiffex 
 */ 
/* html{height: 100%;} */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
body{background: #646464 url('/design/body-bgr.jpg') repeat-x top center; text-align: center; padding: 0; height: 100%; }
 a{text-decoration: none} 
a:hover{text-decoration: underline;}

/*Neviditelny DIV, slouzi pouze k prednacteni vsech potrebnych obrazku na pozadi tlacitek*/
#preload{
    width: 0px; height: 0px; display: inline;
    background-image: url('/design/zoom20.png');     
}
#top{height: 135px; margin-top: 18px;}
#topmenu{width: 100%;}
#topmenu li a{display: block; float: left; height: 87px; width: 119px; background: url('/design/tm-empty-sprite.jpg') 0 0; padding: 0 5px;}
#topmenu li a:hover{text-decoration: none;}
#topmenu li a:hover span{color: white;}
#topmenu li a.top-menu-hover{background: url('/design/tm-empty-hover.jpg');}
#topmenu li a.top-menu-active{ background-position: 0 87px;}
#topmenu li a.top-menu-hover{background: url('/design/tm-empty-hover.jpg');}

.tm-web{display: block; color: #d6d6d6; font-weight: bolder; font-size: 11pt;margin-top: 20px;}
/* .tm-web-desc{display: block; color: #8b8b8b; font-weight: 900; font-size: 8pt; margin-top: 8px;} */
#top1{width: 186px !important; margin-right: 11px; padding: 0 !important;}
#top1 { background: url('/design/tm-home-sprite.jpg') 0 0 !important;}
#top1:hover{ background-position: 0 87px !important;}
#top1 span{visibility: hidden;}

.horiz-list{position: absolute; left: 0px; top: 0px; margin-left: 177px; }
.horiz-list a{color: white; font-size: 8pt;}
.horiz-list li{display: inline; background: url('/design/bullet.png') left center no-repeat; padding-left: 20px; margin-left: 20px;  font-weight: bold; }
.horiz-list{opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*  display: none; */}

#quick-links{width: 773px; float: left; height: 24px; background-image: url('/design/quick-links-bgr.jpg'); background-repeat: no-repeat; 
            text-align: left; padding-top: 7px; position: relative;}            
.quick-list{margin-top: 7px; }
#ql1{display: inline; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

#search{width: 196px; height: 31px; float: left; background-image: url('/design/search.jpg'); position: relative; text-align: left;}
#searchtext{margin: 2px 0 0px 65px; height: 17px; width: 125px; border: none; background-color: #fff; font-weight: bold; font-size: 10pt; color: #7d7d7d; float: left;}
#cse-search-results{overflow: hidden; margin-left: 30px;}

#search-submit{margin-top: 3px; float:left; cursor: pointer;}
#main-wrp{width: 973px; margin: 0 auto 0 auto; }
#content{text-align: left; width: 973px; }
#bottom-wrapper{ width: 100%; height: 68px; text-align: center; background: #646464 url('/design/body-bottom-bgr.jpg') repeat-x top left;}

/******************************************************Hot news+downloads******/
/* #left-hot { width: 189px; height: 608px; float: left; }
.left-hot-top{background: url('/design/left-hot-top2.png') 0px 0px !important; height: 27px; text-align: center; padding-top: 10px;}
.left-hot-top:hover{background-position: 0px 37px !important;}
.left-hot-top:hover h1, .left-hot-top:hover h1 a{color: white;}
.left-hot-top h1, .left-hot-top h1 a{color: #d6d6d6}
.left-hot-top:hover h1, .left-hot-top:hover h1 a:hover{color: white; text-decoration: none;}
.left-hot-h1-active, .left-hot-h1-active a{color: #7f9dd1 !important;} */

#left-hot { width: 189px; height: 608px; float: left; }
.left-hot-top{ display: block; background: url('/design/left-hot-top2.png') 0px 0px !important; width: 100%; height: 27px; 
               text-align: center; padding-top: 10px; font-weight: bold; color: #d6d6d6}
.left-hot-top:hover{ background-position: 0px 37px !important;  color: white;  text-decoration: none; }
.left-hot-top:hover * {text-decoration: none;}
.left-hot-h1-active, .left-hot-h1-active a{color: #7f9dd1 !important;}





#hot-news {height: 213px; background: url('/design/left-menu-bgr.jpg') bottom repeat-y;}

#hot-downloads{height: 194px; margin-top: 13px; background: url('/design/left-menu-bgr.jpg') bottom repeat-y;}
#featured-media{height: 169px; margin-top: 19px; background: url('/design/left-menu-bgr.jpg') bottom repeat-y;}
/****************************************************************Leve menu*****/
#leftmenu {display: block; width: 189px; min-height: 600px; background: #464646; background: url('/design/left-menu-bgr.jpg') no-repeat bottom; float: left;}
.left-top{height: 24px; margin-bottom: 4px; background: url('/design/left-menu-top.jpg'); padding: 11px 0 0 15px;}
.left-top h2{color: #eaeaea;}
/* .left-top{width: 100%; height: 2px; background: url('/design/left-menu-top.jpg');} */ 
.leftmenu-category{height: 25px; padding: 9px 0 0 15px; font-weight: bold; clear: both; color: #eaeaea;}
.leftmenu-category a{ color: #eaeaea; }
.leftmenu-category a:hover{/*  color: white;  */text-decoration: none;}

.leftmenu-element{padding-left: 15px;}
.leftmenu-element li{padding-left: 20px; font-weight: bold; margin-top: 6px; margin-bottom: 6px; width: 140px; color: #b6b6b6; background: url('/design/bullet.png') no-repeat left 3px ;}
.leftmenu-element li.leftmenu-item-active {background-position: right center; color: white; }
/*.leftmenu-item a:hover{text-decoration: underline; color: white;}*/
.leftmenu-element li a{ color: #b6b6b6; font-size: 8pt;}
.leftmenu-element li a:hover{ color: white; text-decoration: underline;}
li.toggler {cursor: pointer; background: url('/design/lm-empty.jpg') no-repeat;}
/*.leftmenu-element li a:hover{color: white;}*/

.left-menu-separator{background-image: none !important; height: 7px;}
a.news-li-active{color: white !important;}
/*************************************************************Spodni bannery***/
#bottom-banners{float: left; padding-left:9px; /* border: 1px solid lime;  */margin-bottom: 13px;}
.banner-spacer{float: left; width: 12px;}
.banner{width: 250px;  height: 169px; float: left; margin: 0; text-align: center; padding: 0; /* border: 1px solid white; */}
/* .banner a{display: block; width: 245px; height:27px; margin: 2px 0 0 3px; padding-top: 8px; background: url('/design/banner-butt.png') 0px 0px; color: #d6d6d6; font-weight: bold;  }
.banner a:hover{background-position: 0px 35px; text-decoration: none; color: white;} */
div#banner1{background:url('/files/banners/guitar_effect_processing.jpg');}
div#banner2{background:url('/files/banners/bass_effect_processing.jpg');}
div#banner3{background:url('/files/banners/software_instruments_live.jpg');}

/*************************************************************Spodni menu******/
#bottom-left {width: 186px; text-align: center; float: left;}
#bottom-menu{width: 973px; height: 31px; margin: 0 auto;}
#bottom-menu a{display: block; float: left; width: 129px; height: 23px; margin-top: 2px; background: url('/design/bottom-link-sprite.jpg') 0 0; padding-top: 6px;}
#bottom-menu a:hover{background-position: 0 58px; text-decoration: none;}
#bottom-menu a span{color: #9b9b9b; font-weight: bold; font-size: 8pt;}
#bottom-menu a:hover span{color: white;}
#bottom-menu a.bottom-menu-active{background-position: 0 29px;}
#bottom-menu a.bottom-menu-active:hover{background-position: 0 58px;}
#audified{background: url('/design/audified-sprite.jpg') 0 0 !important; width: 186px !important; margin-right: 10px; margin-left: 3px;}
#audified span{visibility: hidden !important;}
#audified:hover{background-position: 0 29px !important; text-decoration: none}
/**************************/
#bottom-submenu{width: 793px; height: 22px; margin: 0 auto; text-align: left; padding-left: 180px; position: relative; padding-top: 4px;}
.bottom-list{margin-top: 5px;}
/*************************************************************Hlavni obsah - uvodni stranka*/
#main-rect-home{width: 775px; height: 420px; float: right;  margin-bottom: 19px; position: relative;}
#main-rect-home img{position: absolute; top: 0px; left: 0px; width: 775px; height: 420px;  display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
img#prod1{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*  filter: alpha(opacity=100);   */}
/*************************************************************Hlavni obsah*****/
#main-rect{width: 775px; float: right; background: url('/design/main-rect-mid-w.jpg') repeat-y; margin-bottom: 19px; position: relative; }
#main-rect-top{height: 7px; background: url('/design/main-rect-top-w.jpg');}
/* #main-rect-mid{height: 572px; overflow: auto; color: black; padding: 10px 20px 10px 20px;} */
#main-rect-mid{height: 573px; overflow: auto; color: black; padding: 10px 20px 10px 20px; }

#main-rect-bot{ background: url('/design/main-rect-bot-w.jpg'); height: 1px;}



.main-div{position: relative;}
/*.shutter{position: relative;}*/


/**************************************************************************Text*/
.main-div ul{list-style: disc outside; margin: 10px 20px 10px 50px;}
.main-div li{line-height: 1.5; list-style-image: url(/design/bullet.png); position: relative; top:-5px;}
.main-div li p{margin-left: 0;}
.main-div li.nobullet{list-style: none;}
.main-div p{margin: 10px 0 10px 30px; text-align: justify; line-height: 1.3;}
.main-div table{margin-left: 30px;}
.main-div h1{font-size: 14pt; margin-top: 0.4em; margin-bottom: 1.2em;}
/* .main-div h1{font-size: 14pt; margin-top: 0px; margin-bottom: 0.8em; color: white;} */
.main-div h2{font-size: 11pt; margin-top: 0.2em; margin-bottom: 0.7em;}
.main-div h3{font-size: 10pt; margin-top: 1em; margin-bottom: 0.4em;}
.main-div a, .tut-div a{font-weight: bold; text-decoration: underline; }
.main-div a[rel|="contents"]{display: inline-block; background: url(/design/file-types/external.png) no-repeat right center; padding-right: 18px;}
.main-div a[href$='.pdf'], .main-div a[href$='.PDF']{display: inline-block; background: url(/design/file-types/pdf.png) no-repeat right center; padding-right: 18px; height: 16px;}

.main-div a:hover, .tut-div a:hover{color: #7f9dd1;}
.main-div img{border: 1px solid black; vertical-align: middle; text-align: center;}
.main-div .no-border{border: none;}
.main-div cite{padding-left: 30px;}

/**********************************************************************Tabulky*/
.buynow {margin-left: 30px; margin-top: 15px;}
.buynow td{vertical-align: middle;}
.buynow h3{margin-top: 0px;}
.buynow ul {margin-top: 0px; margin-bottom: 0px;}
.intone {margin-top: 0px; margin-left: 20px;}
.intone td{vertical-align: top; padding: 10px; padding-right: 40px;}
.intone ul{margin-left: 30px;}
.effects{width: 100%; }

.effects *{font-size: 8pt;}


.effects td{text-align: center; vertical-align: middle; border: 1px dotted gray; padding: 2px}
.effects th{text-align: left;border: 1px dotted gray; padding: 2px 10px 2px 2px;}
.effects .th-horiz{text-align: center; vertical-align: middle; padding: 2px;}
.effects .bundled{background: white url('/design/icons/tick.png') center center no-repeat; color: transparent;}
.effects .new{background: white url('/design/icons/tick-blue.png') center center no-repeat; color: transparent;}
.effects .na{background: white url('/design/icons/add-yellow.png') center center no-repeat; color: transparent;}
.effects .eff-name{width: 150px;}

#compatibility td{vertical-align: top; }
#compatibility h3{margin-left: 10px; margin-top: 0px;}

#login-status{float: right; }
#login-status a{font-size: 8pt; font-weight: normal; text-decoration: none} 
#login-status a:hover{ text-decoration: underline}
#login-status a.active{font-size: 8pt; font-weight: bold;}


/*********************************************************************Formulare*/
.webform textarea{width: 300px; height: 85px;}
.webform input, .webform textarea{background-color: #e8eaef;  border: 1px solid #bccbd7;  font-family: tahoma, geneva, sans-serif; font-size: 10pt;}
.webform select{width: 200px;}
.webform input:focus, .webform textarea:focus{border: 1px solid #555; background-color: #f5f5f5;}
.webform-tbl{margin: 0 0 0 50px;}
.webform-tbl th{font-weight:bold; vertical-align:middle;}
.webform-tbl tr{margin-top: 10px;}
.webform-tbl td, .webform-tbl th{ border:0px solid gray; text-align: left; vertical-align: middle; padding-top: 10px; padding-right: 10px;}
td.webform-td-r{text-align: right; padding-right: 20px; width: 140px; font-weight: bold;}
td.webform-td-r-wide{text-align: right; padding-right: 20px; width: 200px; font-weight: bold;}
td.webform-td-mid{width: 320px;}
td.webform-textarea-caption{vertical-align: top; padding-top: 10px;}
.webform-submit:hover{background-color: white;}
.webform-error{font-size: 8pt; color: red; font-weight: bold; }
.webform-message{color: red; font-weight: bold; font-size: 9pt; }
.webform-message-info{color: /* #829ed0 */#000; font-weight: bold; }
.webform-info{font-weight: bold; font-size: 9pt; }
.webform-hint{color: #555; font-weight: normal; font-size: 8pt; padding-left: 20px;}
.error{color: red; font-weight: bold !important;}
#download-table{ width: 600px; margin: 0.5em 0 0.5em 1em;  border-collapse: collapse; }
#download-table tr{height: 30px; vertical-align: middle; }
#download-table td{ border: 1px solid #bccbd7; color: #555;  text-align: left; vertical-align: middle; padding: 5px 10px 5px 10px; margin: 2px; background-color: #e8eaef;}
#download-table td a{color: #555; font-weight: bold; text-decoration: none;}
#download-table th{ color: #59778f; background: url('/design/downl-tbl-bgr.png') no-repeat;text-align: left; vertical-align: middle; padding: 5px 10px 5px 10px; background-color: #a7d7ff; border: 1px solid #8eaccf;}
#download-table td.alt{background-color: white; }
#download-table td.downl-link{width: 40px !important;}

#download-table .filesize{ width: 55px; text-align: center; }
#download-table .version{ width: 60px; text-align: center; }
#download-table .left{ text-align: left; }
#download-table .center{ text-align: center; }
#download-table .right{ text-align: right;  }
.downl-win{width: 32px; background: url('/design/platforms/win2.png') no-repeat center center;}
.downl-mac{width: 32px; background: url('/design/platforms/mac2.png') no-repeat center center;}
/*Formatovani tabulky release notes u download*/
.tbl-download{width: 90%;}
.tbl-download * {font-size: 9pt; line-height: 1.4em;}
.tbl-download div{margin: 5px 0 5px 0;}

.tbl-download li{list-style: disc outside;}
.tbl-download ul{margin-left: 20px;}


#download-infobox{background: url('/design/info.png') no-repeat left center; margin-left: 1em !important; height: 30px; /* display: table-cell; */ padding-left: 30px; padding-top: 15px; vertical-align: middle; font-weight: bold;}

/*********************************************************************Site Map*/
h2.sitemap{font-size: 100%; margin: 10px 0 10px 10px;}
h3.sitemap{font-size: 100%; font-weight: bold; margin: 10px 0 0px 30px;}
ul.sitemap li{padding-left: 40px; list-style: none; /* background: url('/design/sitemap.png') no-repeat 0px 3px; */ margin-left: 10px}
ul.sitemap li a{font-weight: normal !important;}
.sitemap-div{width: 50%; float: left;}

/*************************************************************Included Effects*/
#included-effects-div{text-align: center;}
#included-effects{margin: 0 auto;}
#included-effects td img{margin: 20px 0 20px 0;}
#included-effects img{border: none;}

/********************************************************Nova galerie**/
/* #main-rect-left{width: 320px; height: 580px;  overflow:auto; float: right; border-right: 1px solid #999;  background: #5d5d5d url('/design/main-rect-left-bgr2.png') left top no-repeat; margin-bottom: 19px; padding: 10px 0px 10px 10px;} */
#main-rect-left{width: 248px; height: 580px;  overflow:auto; float: right; /* border-right: 1px solid #999; */ background: #454545 url('/design/main-rect-left-bgr.jpg') left top no-repeat; margin-bottom: 19px; padding: 10px 0px 10px 10px;}
.main-left h2{font-size: 10pt; color: #eaeaea;}
#main-rect-right{width: 477px;height: 580px; position: relative; overflow:auto; float: right; background: #fff url('/design/main-rect-bgr.png') right top; margin-bottom: 19px; padding: 10px 20px 10px 20px;}
#main-rect-left h1{color: #eaeaea; margin-top: -1px;}
/* root element for scrollable */ 
div.scrollable { 
    position:relative; 
    margin-top: 10px; 
    height: 480px;    
    width: 100%;
    overflow:hidden; 
} 
/* root element for scrollable items */ 
div.scrollable div.items {position:absolute;  height:20000em; }

h3.gal-item-name, span.gal-item-name{font-size: 8pt; width: 185px; height: 25px; display: table-cell; color: #b6b6b6; vertical-align: middle;}

h3.gal-item-name a{font-size: 8pt; color: #b6b6b6; }
h3.gal-photo-name, h3.gal-video-name{height: 40px;}
a.gallery-item{display: block; cursor: pointer; text-decoration: none;}
.gallery-item{ height: 30px;  width: 240px; border-bottom: 1px solid #7e7e7e; cursor: default; padding: 5px 0 0 40px; background: transparent url('/design/logo-afx-small.png') no-repeat 10px center; position: relative; }

.gallery-item:hover{background-color: #7d7d7d;}
.gallery-item:hover span{color: white;} 

.gallery-item:hover h3{color: white; text-decoration: underline;} 
.gallery-item img{border: none;}
.no-background{background: none;}
.video-item, .photo-item{height:45px}
.video-item, .effect-item, .sample-item, .preset-item{cursor: pointer;}

.gal-info-wrap-audio{margin-top: 0px; position: absolute; top: 85px; width: 475px; background-color: white; display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.gal-info-wrapper{margin-top: 0px; position: absolute; top: 40px; width: 475px; background-color: white; display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.navi-wrap{clear: both; width: 475px; position: absolute; top: 5px; margin-top: 10px; font-size: 9pt; display: none;/* opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; */}
.navi-wrap a{text-decoration: none; font-weight: bold; color: #bbb;}
.navi-wrap a:hover{color: #777}
.navi{width: 100%; height: 20px;}
.navi a{border: 1px solid #555; display: block; float: left; cursor: pointer; background-color: #999; margin-right: 10px; width: 10px; height: 10px;} 
.navi a.active{background-color: #ddd;}
.navi-prev{ float: left;}
.navi-next{ float: right;}

.init-info{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
#init-video{margin-top: 45px;}

h2.scr-name{font-size: 11pt; display: block; width: 100%; padding: 0px 0 15px 4px; margin-bottom: 20px; border-bottom: 2px dotted #777; }
h2.gal-name{font-size: 11pt; display: block; width: 100%; padding: 0px 0 10px 4px; margin-bottom: 20px; border-bottom: 2px dotted #777; }
div.gal-video-name{ padding: 5px 0 30px 4px; margin: 10px 0 20px 0; border-bottom: 2px dotted #777; }
div.gal-video-name h2{width: 50%; float: left; font-size: 11pt; }
a.video-play-now{ float: right; cursor: pointer; margin: 0; font-weight: bold;}
h3#gal-gear{margin-top: 20px;}
.gal-info{margin-top: 10px; margin-left: 30px;}
.gal-info-presets {margin-bottom: 30px;}
.gal-info-programs * {font-size: 8pt;}
td.desc_header{font-weight: bold; padding-top: 5px;} 
td.descript{width: 100px; padding-left: 20px; padding-top: 5px;}
th.descript{width: 100px; padding-left: 20px; padding-top: 5px;}
#audio{display:block; width: 150px; height:18px; float: left; }
#bank-audio{display:inline-block; width:150px; height:18px; margin-top: 5px; margin-left: 0px;/* border: 1px solid white; */ }
#video{display:block; width:/* 350px */320px; height:/*280px*/240px; margin: 15px auto 0px auto;}
.audio-player-wrp{ margin-top: 40px; visibility: hidden; background-color: green;}
.video-player-wrp{ margin-top: 270px; visibility: hidden; border-top: 2px dotted #777; padding-top: 15px}
.eff-img-div{float: left; margin-top: 10px; width:145px }
.eff-img{width: 140px; height: 246px;}
.eff-desc{float:left; width: 190px; margin-top: 10px; margin-left: 7px;}
.gal-photo-desc{margin: 0px auto 0 auto; padding: 10px;width: 70%; border: 1px solid #999; background-color: #eee; font-style: italic; text-align: center; }
.gal-desc{margin-left: 10px;} 
 img.gal-photo{padding: 6px; border: 1px solid #ccc; background-color: #eee; } 
.photo-wrp{text-align: center; padding-bottom: 20px; /* border-bottom: 1px solid black; */}

.gal-desc p{margin-left: 0 !important;}
.gal-desc li{margin-bottom: 0.4em; margin-left: 20px; list-style-image: url(/design/bullet.png);}
.gal-desc li.itemimg{list-style-image: none; list-style: none;}
.gal-desc h3{margin-left: 4px;}
div.tutorial-div ul{margin-left: 10px;}
.now-playing{display: none; position: absolute; top: 10px; left: 230px; } /* blue arrow */
.now-playing-video{display: none; position: absolute; top: 20px; left: 225px; } 
.now-selected{display: none; position: absolute; top: 12px; left: 230px; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";}
.now-selected-photo, .now-selected-video{top: 22px;}
#now-playing-div{margin-left: 5px; float: left; margin-top: 1px; width: 320px;}
#arrow-up{width: 100px; height: 20px; display: block; margin: 20px auto 0 auto; background: #aabbcc url('/design/arrow-up.png') no-repeat 0% 100%;  border: none;}
#arrow-down{width: 100px; height: 20px; display: block; margin: 10px auto 0 auto; background: #aabbcc url('/design/arrow-down.png') no-repeat 0% 100%;  border: none;}
#arrow-up:active{background-position: 0% 0%;}
#arrow-down:active{background-position: 0% 0%;}
img.gal-thumb{ display: block; float: left; width: 60px; height: 45px; margin: -2px 5px 0 -35px;}
img.gal-scr-thumb{ display: block; float: left; width: 32px; height: 26px; margin: 0px 5px 0 -35px;}
img.preset-thumb{ display: block; float: left; width: 32px; height: 24px; margin: 0px 5px 0 -35px;}
img.gal-relnote{ display: block; float: left; width: 28px; height: 26px; margin: 0px 5px 0 -35px;}

.listimg{max-width: 430px;}

.screenshots td{padding: 10px;}

/********************************************************Preset Gallery**/
#my-banks{width: 80%}
#my-banks td,#my-banks th{padding: 2px 0 2px 2px;}
#my-banks th{border-top: 1px solid grey; border-bottom: 1px solid grey}