.minimizeVizPropertyCatalog { position: relative; width: 100%; height: 20px; }
.minimizeVizPropertyCatalog div { position: absolute; width: 100%; height: 1px; background-color: #b6b6b6; top: 10px; }

.vizPropertyCatalogTitle { font-family: Filosofia, Times, serif; font-size: 20px; line-height: 20px; color: #E20C34; border-top: 1px solid #E20C34; margin: 0 0 5px 0; padding: 8px 0 3px 0; }

.minimizeVizPropertyCatalog .openVizProperty, .minimizeVizPropertyCatalog .closeVizProperty { position: absolute; right: 0; font-family: Filosofia, Times, serif; font-size: 18px; color: #b6b6b6; padding: 0 23px 0 5px; cursor: pointer; }
.minimizeVizPropertyCatalog .openVizProperty { background: white url(../images/catalog_arrow.png) no-repeat right 0; }
.minimizeVizPropertyCatalog .closeVizProperty { display:none; background: white url(../images/catalog_arrow.png) no-repeat right 100%; }

.vizPropertyCatalog { position: relative; overflow: hidden; }
.vizPropertyCatalog * { margin: 0; padding: 0; }
.vizPropertyCatalog select, .vizPropertyCatalog input { border: none }
.vizPropertyCatalog select:hover, .vizPropertyCatalog input:hover { border: none }

.vizPropertyCatalog .vizHeader { position: relative; width: 100%; background-color: #E20C34; color: white; }
.vizPropertyCatalog .vizHeader .letterBar li { float: left; list-style-type: none; padding: 9px 4px 7px 5px; margin: 0 1px; font-size: 12px; font-weight: bold; }
.vizPropertyCatalog .vizHeader .letterBar li:not(.letterFilter) { opacity: .6; }
.vizPropertyCatalog .vizHeader .search { position: absolute; top: 9px; right: 9px; background: url(../images/search.png) no-repeat 2px 30%; padding-left: 30px; border-left: 1px solid white; }
.vizPropertyCatalog .vizHeader .search input {  width: 103px; font-size: 12px; background-color: #c3c4c4; color: #616161; border: none; padding: 2px 3px; }
.vizPropertyCatalog .vizHeader .letterBar li.clearVizCatalog { width: 35px; height: 34px; border-right: 1px solid white; overflow: hidden; background: url(../images/clear.png) no-repeat center center; margin: 0; padding: 0; cursor: pointer; }
.vizPropertyCatalog .vizHeader .letterBar li.clearVizCatalog:hover { background: url(../images/clear_hover.png) no-repeat center center; }


.vizPropertyCatalog .filter { width: 100%; height: 20px; line-height: 20px; background-color: #E20C34; color: white; margin-top: 2px; padding: 5px 0 5px 10px; }
.vizPropertyCatalog .filter > div { float: left; padding:0 10px; }
.vizPropertyCatalog .filter div.publicFilter, .vizPropertyCatalog .filter div.rightFilter, .vizPropertyCatalog .filter div.territoryFilter { border-right: 1px solid white; }
.vizPropertyCatalog .filter div:first-child { padding-left: 0; }
.vizPropertyCatalog .filter div label { text-transform: uppercase; display: inline-block; font-size: 11px; line-height: 5px; }

.vizPropertyCatalog .selectedLetter { background-color: orange; }
.vizPropertyCatalog .letterFilter { cursor: pointer; color: white; opacity: 1; }
.vizPropertyCatalog .letterFilter:hover { background-color: orange; }

.vizPropertyCatalog .optionFilter { background-color: #dcdfdf }
.vizPropertyCatalog .selectFilter { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: black; padding: 0; background: #c3c4c4 url(../images/select_arrow.png) no-repeat right top; }
.vizPropertyCatalog .selectFilter.hover { background: #dcdfdf url(../images/select_arrow.png) no-repeat right bottom; }
.vizPropertyCatalog .optionFilter { position: relative; z-index: 5; opacity: 0; }
.vizPropertyCatalog .selectFilter, .vizPropertyCatalog .optionFilter { height: 19px; font-size: 11px; }

.vizPropertyCatalog .publicFilter .optionFilter { width: 80px; }
.vizPropertyCatalog .rightFilter .optionFilter { width: 100px; }
.vizPropertyCatalog .territoryFilter .optionFilter { width: 130px; }
.vizPropertyCatalog .typeFilter .optionFilter { width: 100px; }

.vizPropertyCatalog .pagVizPropertyCatalog { color: white; }
.vizPropertyCatalog .pagVizPropertyCatalog { width: 100%; height: 18px; background-color: #E20C34; text-align: center; }
.vizPropertyCatalog .pagVizPropertyCatalog .navPage { cursor: pointer; }
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber { display: inline; }
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li { display: inline; margin: 0; }
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li span { display: inline-block; padding: 0 7px; margin: 0; cursor: pointer; }
/*.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li.before2:before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 4px 0 0; background-color: white; }*/
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li.before2 span { display: inline-block; width: 1px; height: 10px; margin: 0; padding: 0; background-color: white; }
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li span:hover { background-color: orange; }
.vizPropertyCatalog .pagVizPropertyCatalog .pageNumber li span.selectedPage { color: black; }

.vizPropertyCatalog .pagVizPropertyCatalog .prevPage, .vizPropertyCatalog .pagVizPropertyCatalog .nextPage { display: inline-block; width: 7px; height: 11px; opacity: .5; }
.vizPropertyCatalog .pagVizPropertyCatalog .prevPage { background: url(../images/left_arrow.png) no-repeat; }
.vizPropertyCatalog .pagVizPropertyCatalog .nextPage { background: url(../images/right_arrow.png) no-repeat; }
.vizPropertyCatalog .pagVizPropertyCatalog .navPage.prevPage:hover, .vizPropertyCatalog .pagVizPropertyCatalog .navPage.nextPage:hover { opacity: 1; }

.vizPropertyCatalog.catalogClose { height: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; 
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.vizPropertyCatalog.catalogOpen { height: 395px; padding: 15px 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; 
-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.vizPropertyCatalog.catalogOpen .vizHeader .search, .vizPropertyCatalog.catalogClose .vizHeader .search { background: url(../images/search.png) no-repeat 6px 30%; padding-left: 38px; border-left: 1px solid white; }

.vizPropertyCatalog.catalogOpen .vizHeader .letterBar li, .vizPropertyCatalog.catalogClose .vizHeader .letterBar li { margin: 0 5px 0 5px; }

.vizPropertyCatalog.catalogOpen .vizHeader .letterBar li:first-child, .vizPropertyCatalog.catalogClose .vizHeader .letterBar li:first-child { margin-left: 1px; }

.vizPropertyCatalog.catalogOpen .filter div label, .vizPropertyCatalog.catalogClose .filter div label { margin-right: 5px; }

.vizPropertyCatalog .licences { position: relative; width: 100%; height: 600px; }
.vizPropertyCatalog.catalogOpen .licences, .vizPropertyCatalog.catalogClose .licences { height: 306px; }

.vizPropertyCatalog .licences .ajax-loader { position: absolute; width: 100%; height: 100%; z-index: 99; opacity: 0; visibility: hidden; }
.vizPropertyCatalog .licences .ajax-loader div { position: absolute; width: 120px; height: 120px; left: 50%; margin-left: -60px; top: 50%; margin-top: -60px; border-radius: 15px; overflow: hidden; background: black url(../images/ajax-loader.gif) no-repeat center 40%; opacity: .7;}
.vizPropertyCatalog .licences .ajax-loader div p { position: absolute; width: 100%; bottom: 10px; color: white; font-size: 14px; font-weight: bold; text-align: center; font-style: italic; }

.vizPropertyCatalog .licences a { float: left; width: 222px; height: 280px; overflow: hidden; text-decoration: none; color: #696969; margin: 12px 22px 5px 0px; }
.vizPropertyCatalog:not(.catalog) .licences a { margin: 12px 24px 5px 0px; }

.vizPropertyCatalog .licences a.nthchild { margin-right: 0; }

.vizPropertyCatalog .licences a .highlightVizProperty, .vizPropertyCatalog .licences a .newVizProperty { position: absolute; width: 55px; height: 43px; line-height: 42px; font-size: 15px; font-weight: bold; color: black; padding: 0; margin-left: 5px; margin-top: -5px; }
.vizPropertyCatalog .licences a .highlightVizProperty { padding-left: 13px; background: url(../images/hit.png) no-repeat;  }
.vizPropertyCatalog .licences a .newVizProperty { padding-left: 7px; background: url(../images/new.png) no-repeat; }

.vizPropertyCatalog .licences a div { width: 222px; height: 222px; background-repeat: no-repeat; margin-bottom: 3px; }
.vizPropertyCatalog .licences a .licenceTitle { line-height: 18px; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 2px 0 3px 0; }
.vizPropertyCatalog .licences a .vizPropertyInfo { line-height: 1em; font-size: 13px; }