/* CSS Document */
html{ height: 100%; overflow-x: hidden; overflow-y: auto; }
body{ font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #087b80; margin: 0px; height: 100%; background-color: white; }
a { color: #087b80; text-decoration: underline }
a:hover { text-decoration: underline; color: #DA222E }
table,tr,td {vertical-align: top; border-collapse: collapse; border-spacing: 0px }
/* no borders around images in maincontent */
.noBorder img { border: none; }
/* containers */
.container{ position: relative; width: 980px; height: 100%; margin: 0px auto; }
.containerHome{ position: relative; width: 980px; height: 100%; margin: 0px auto; }
.containerCatalog{ position: relative; width: 980px; height: 100%; margin: 0px auto; }
/* DEFAULT main divs / second collumn */
.main{ position: absolute; left: 200px; width: 460px; min-height: 100%; height: auto; background-color: #e8f1ee;}
.mainVideo{ position: absolute; left: 200px; width: 419px; min-height: 100%; height: auto; background-color: #e8f1ee;}
.mainContentVideo{ width: 295px; margin: 67px 60px 60px 60px; height: auto; line-height: 20px;}
.mainContent{ width: 340px; margin: 67px 60px 60px 60px; height: auto; line-height: 20px;}
.mainContent p { margin: 0px; padding:0px; line-height: 20px; min-height: 20px; text-align:justify }
.mainContent h1 { font-size: 19px; margin: 24px 0px 28px 0px; padding: 0px;}
.mainContentVideo h1 { font-size: 19px; margin: 24px 0px 28px 0px; padding: 0px;}
.mainContent h2 { font-size: 15px; margin: 20px 0px 0px 0px; padding: 0px;}
.mainContent h3 { font-size: 12px; margin: 20px 0px 0px 0px; padding: 0px;}
.mainContent span.path {color:#a4bdb9 }
.mainContent a.path {color:#a4bdb9;text-decoration:none }
.mainContent a.path:hover { text-decoration:underline }
.mainContent .listSubPages { width: 100% }
.mainContent .listSubPagesSpacer { height: 7px; min-height: 7px; line-height: 5px; }
.mainContent .listSubPages .leftCollumn { margin-right: 20px; width: 50px; padding: 3px 0px 3px 0px; border-bottom: #A4BDB9 1px solid; white-space: nowrap }
.mainContent .listSubPages .rightCollumn { padding: 3px 0px 3px 0px; border-bottom: #A4BDB9 1px solid }
.mainContent ul { list-style-type:none; margin: 8px 0px 8px 4px; padding: 0px }
.mainContent li { padding-left: 14px; background: url(../img/design/redBullet.gif) no-repeat left 8px; font-family: Verdana,Helvetica,sans-serif; font-size: 11px; color:#408080; text-align:left; line-height:19px }
.mainContent .list-contact-details { width: 100% }
.mainContent .list-contact-details .leftCollumn { margin: 20px; padding: 13px 0px 13px 0px; border-bottom: #A4BDB9 1px dashed; white-space: nowrap }
.mainContent .list-contact-details .rightCollumn { padding: 13px 0px 13px 0px; border-bottom: #A4BDB9 1px dashed }
.mainContent .list-contact-details .first{ padding-top: 3px }
.mainContent .list-contact-details .wideCollumn{ margin: 20px; padding: 13px 0px 0px 0px; white-space: nowrap }
.mainContent .list-contact-details hr { border: none; border-top: 1px dashed #A4BDB9; height: 0px; margin: 20px 0px 20px 0px; }
.mainContent .list-contact-details table { width: 100% }
.mainContent .list-contact-details td { width: 50%; white-space: nowrap}
.mainContent .list-contact-details input { width: 98%; font-size: 11px }
/* DEFAULT left menu / first collumn*/
.leftMenu{ position: absolute; left: 0px; width: 200px; min-height: 100%; height: auto; background-color: white;}
.leftMenuContent { width: 100% }
.leftMenuContent ul { margin:67px 0px 0px 12px; padding:0px }
.leftMenuContent li { display:block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px 0px 0px 16px }
.leftMenuContent li:hover { background-repeat: no-repeat; background-position: 0px 4px }
.leftMenuContent li.active { background-image: url(../img/design/arrow1.png); background-repeat: no-repeat; background-position: 0px 9px }
.leftMenuContent a { font-size:12px; text-decoration:none; line-height: 25px }
.leftMenuContent a:hover { font-size:12px; text-decoration:none; color: #DA222E }
.leftMenuContent a.active { font-size:12px; text-decoration:none; color: #DA222E }
/* DEFAULT bottom menu / first collumn */
.bottomMenu { position: absolute; bottom: 0px; margin: 0px 0px 10px 0px; cursor: pointer; font-size:10px; }
.bottomMenu ul { margin:67px 0px 0px 12px; padding:0px; }
.bottomMenu li { display: block; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding: 3px 10px; width: 158px; }
.bottomMenu li:hover { background-color: #d5ddda; }
.bottomMenu li a:hover { color: #DA222E; }
.bottomMenu a { text-decoration:none; }
.bottomMenu li.language { margin-bottom: 10px }
.bottomMenu li.language:hover { width: auto; }
.bottomMenu li.language a { display: none; margin-left: 5px; }
.bottomMenu li.language:hover a { display: inline; }
.bottomMenu li.language span { display: none; }
.bottomMenu li.language:hover span { display: inline; }
.bottomMenu a.active { color: #DA222E }
/* DEFAULT photos at right menu / third collumn */
.photos{ position: absolute; left: 660px; width: 320px; min-height: 100%; height: auto; background-color: white; }
.photosVideo{ position: absolute; left: 619px; width: 320px; min-height: 100%; height: auto; background-color: white; }
.photosContent{ width: 100%; margin-top: 27px;}
.photosContent .slideshow img { width: 320px; }
.photosContent .slogan { margin-top: 50px; background-image:url(../img/design/red.gif); background-position:left 9px; background-repeat:no-repeat; font-size:23px; letter-spacing:1.3px; padding:0 0 0 25px;}
.photosContent .slogan p {margin: 0px;}
.photosContent img.logo {margin: 25px 0px 70px 160px; width: 154px }
.photosContent img.logoVideo {margin: 25px 0px 70px 206px; width: 154px }
/* DEFAULT top menu elements */
.topMenuBackground{ position: absolute; left:50%; margin-left:-490px; top: 0px; width: 980px; height: 27px; background-color: #087b80; z-index: 46 }
#accordion-toggle-search input { width: 121px; height: 18px; color: gray; font-size: 10px; margin: -2px 11px 0 0; float: right; border: 0px black solid; background-image: url(../img/design/search.png); background-repeat: no-repeat; padding: 3px 0px 0px 20px; background-color: #087B80 }
div#topMenu ul ul, div#topMenu ul li:hover ul {display: none; top: 25px; }
div#topMenu ul li:hover ul, div#topMenu ul ul li:hover ul {display: block; position:absolute; }
#topMenu ul { list-style: none; margin: 0px; padding: 0px; }
#topMenu li ul li{
padding:5px 0px 3px 0px;
float:none;
}
#topMenu li ul li a {
color: white;
font-size:11px;
text-decoration:none;
font-weight: bold;
margin-left: -15px;
padding:6px 12px 6px 27px;
white-space: nowrap;
position: relative;
}
#topMenu li ul li a:hover { color: #DA222E; font-size:11px; text-decoration:none; font-weight: bold; margin-left: -15px; padding:6px 12px 6px 27px; white-space: nowrap;}
#topMenu li ul li a.last { color: white; font-size:11px; text-decoration:none; font-weight: bold; margin-left: -15px; padding:6px 12px 31px 27px; white-space: nowrap; }
#topMenu li ul li a.last:hover { color: #DA222E; font-size:11px; text-decoration:none; font-weight: bold; margin-left: -15px; padding:6px 12px 31px 27px; white-space: nowrap;}
#topMenu div.separator { position:relative; padding: 6px 0px 0px 0px; height: 15px; width: 1px; overflow-x: hidden; float: left; color: white; }
#topMenu div.separator:hover { position:relative; padding: 6px 0px 0px 0px; height: 27px; width: 1px; overflow-x: hidden; float: left; color: white; background-color: #087B80; }
#topMenu div.separatorContent { position:absolute; padding: 0px; top: 9px; width: 1px; left: 0px; height: 9px; line-height: 0px; background-color: white;}
#topMenu{ position: absolute; top: 0px; left: 0px; height: 27px; background-color: #087b80; z-index: 47; left: 50%; margin-left: -490px;}
#topMenu div { height: 15px; margin:0px; padding:6px 0px 6px 0px; float: left; }
#topMenu div:hover { height: 15px; margin:0px; padding:6px 0px 6px 0px; float: left; background-color: #da222e;z-index: 141;}
#topMenu div.current { height: 15px; margin:0px; padding:6px 0px 6px 0px; float: left; background-color: #da222e; list-style:none;}
#topMenu a { color: white; font-size:11px; text-decoration:none; font-weight: bold; padding:6px 12px 6px 12px }
#topMenu a:hover { color:white; font-size:11px; text-decoration:none; padding:6px 12px 6px 12px;}
#topMenu span { color: white; font-size:11px; text-decoration:none; font-weight: bold; padding:6px 12px 6px 12px; cursor:pointer }
#topMenu span:hover { color:white; font-size:11px; text-decoration:none; padding:6px 12px 6px 12px;}
/* HOME main divs / second collumn */
.containerHome .main{ position: absolute; left: 370px; width: 400px; min-height: 100%; height: auto; background-color: #e8f1ee;}
.containerHome .mainContent{ width: 400px; margin: 0px; height: auto; line-height: 20px; background-color: #e8f1ee;}
.containerHome #home-accordion{ }
.containerHome .accordion { position: relative; }
.containerHome .accordion-toggle{ position: relative; z-index: 0; margin: 0; padding: 6px 6px 6px 15px; font-size: 15px; color: #6A9FA0; font-weight: bold; cursor: pointer; background: #087B80; background-image: url(../img/design/accordionBackgroundHome.gif); }
.containerHome .accordion-toggle:hover{ color: #5c9293 }
.containerHome .accordion-content{ overflow: hidden; height: 184px; line-height: 18px; margin-left: 15px; margin-right: 8px; }
.containerHome .stairs_movie {position: relative; width: 400px; margin-top: 200px; height: 242px;}
.containerHome .slogan {height:90px; padding: 60px 0px 0px 31px; color: white; font-weight: normal; font-size: 26px; letter-spacing: 1.3px;background-image:url(../img/design/slogan_3.gif);background-repeat:no-repeat;background-position:0% 97%}
/* HOME left menu / first collumn*/
.containerHome .leftMenu{ position: absolute; left: 0px; width: 370px; min-height: 100%; height: auto; background-color: white; border-left: #087B80 1px solid;}
.containerHome .leftMenu .verticalBar{ width: 100%; margin-top: 200px; background-color: #087B80; height: 225px; }
.containerHome .leftMenu .verticalBar img { margin-top: 30px; }
.containerHome .leftMenu .stairs { padding: 60px 0px 0px 30px; color: white; font-size: 25px; background-image: url(../img/design/slogan_2_new.gif); background-repeat: no-repeat; background-position: left 30px; height: 165px; }
.containerHome .leftMenu .stairs h1 { display: inline; color: white; margin-right: 7px; font-size: 25px; font-weight: bold; }
/* HOME photos at right menu / third collumn */
.containerHome .photos{ position: absolute; left: 770px; width: 210px; min-height: 100%; height: auto; background-color: white; border-right: #087B80 1px solid;}
.containerHome .photosContent{ width: 100%; margin-top: 27px;}
.containerHome .photosContent img.logo {margin: 25px 0px 0px 50px; }
.containerHome .photosContent .verticalBar{ width: 100%; position:absolute; top: 200px; left:0; background-color: #087B80; height: 225px; }
/* CATALOG main divs / second column */
.containerCatalog .main{ position: absolute; left: 200px; width: 570px; min-height: 100%; height: auto; }
.containerCatalog .mainContent{ width: 570px; margin: 27px 0px 0px 0px; height: auto; line-height: 20px;}
.containerCatalog #catalog-accordion{ }
.containerCatalog .accordion { }
.containerCatalog .accordion-toggle{ position: relative; z-index: 0; margin: 0; padding: 4px 4px 3px 5px; font-size: 12px; color: #8b918f; font-weight: bold; cursor: pointer; background: #087B80; background-image: url(../img/design/accordionBackgroundCatalog.png); }
.containerCatalog .accordion-toggle a { font-size: 13px; font-weight: bold; color: #8b918f; text-decoration: none }
.containerCatalog .accordion-toggle a:hover { font-size: 13px; font-weight: bold; color: #DA222E; text-decoration: none }
.containerCatalog .accordion-toggle #accordion-toggle-eealbum-nav{ padding: 4px 6px 6px 15px; position: absolute; right: 11px; top: 0px; }
.containerCatalog .accordion-toggle #accordion-toggle-myalbum-nav{ padding: 6px 6px 6px 15px; position: absolute; right: 11px; top: 0px; }
.containerCatalog .accordion-toggle #accordion-toggle-myalbum-nav:hover { color: #DA222E }
.containerCatalog .accordion-content{ overflow: hidden; margin: 5px 15px 5px 15px; }
.containerCatalog .accordion-content-search{ height: 90px; margin: 0px 0px 0px 0px; background-color: #e8f1ee; }
.containerCatalog .accordion-content-search .searchOption div { float: left; margin-right: 5px; cursor: pointer }
.containerCatalog .accordion-content-search .searchOption div:hover { color: #DA222E }
.containerCatalog .accordion-content-search .searchOption .selected{ color: #DA222E }
.containerCatalog .accordion-content-search .first { margin-left: 15px; width: 100px; font-weight: bold }
.containerCatalog .accordion-content-search-balustrades { height: 45px; margin: 0px 0px 0px 0px; background-color: #e8f1ee; }
.containerCatalog .accordion-content-search-balustrades .searchOption div { float: left; margin-right: 5px; cursor: pointer }
.containerCatalog .accordion-content-search-balustrades .searchOption div:hover { color: #DA222E }
.containerCatalog .accordion-content-search-balustrades .searchOption .selected{ color: #DA222E }
.containerCatalog .accordion-content-search-balustrades .first { margin-left: 15px; width: 100px; font-weight: bold }
.containerCatalog .accordion-content-search-balustrades .balustrade-options { margin-left: 120px; }
.containerCatalog .accordion-content-search-balustrades .balustrade-options span { margin-right: 5px; cursor: pointer }
.containerCatalog .accordion-content-search-balustrades .balustrade-options span:hover { margin-right: 5px; color:#DA222E }
.containerCatalog .accordion-content-search-balustrades .balustrade-options .selected{ color: #DA222E }
.containerCatalog .accordion-content-search-onemorething { height: 0px; margin: 0px 0px 0px 0px; background-color: #e8f1ee; }
.containerCatalog .searchOption { width: 100%; height: 20px; overflow: hidden; }
.containerCatalog .searchOption:hover { width: 100%; height: 20px; background-color: #d5ddda }
.containerCatalog .accordion-content-eealbum { height: 380px; background-color: #e8f1ee; margin: 0px; padding: 5px 15px }
.containerCatalog .accordion-content-eealbum #resultPhotos{ height: 370px; width:540px; overflow: hidden; float: left; position: relative }
.containerCatalog .accordion-content-eealbum .resultPhotosContainer{ height: 370px; width:544px }
.containerCatalog .accordion-content-eealbum #resultPhotosNew{ width: 0px; height: 370px; overflow: hidden; float: left; position: relative }
.containerCatalog .accordion-content-details .container { overflow: hidden; }
.photoSmallContainer { position: relative; top: 1px; left: 1px; float: left; margin: 0px 1px 1px 0px; width: 89px; height: 89px; }
.photoSmallContainerSmall { width: auto; height: auto; }
.photoSmallContainer:hover { }
.photoSmallContainer > span {
display: block; padding: 2px 4px;
background: #333; color: white; font-weight: bold; font-size: 7pt;
position: absolute; bottom: 1px; right: 1px;
filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;
}
.containerCatalog .accordion-content-eealbum img.photoSmall { cursor: pointer; border: #E8F1EE 1px solid; width: 87px; height: 87px; }
.containerCatalog .accordion-content-eealbum img.photoSmall:hover { border: #DA222E 1px solid; }
.containerCatalog .accordion-content-eealbum img.photoThumb { border: #E8F1EE 1px solid; float: left; margin: 0px 1px 1px 0px; cursor: pointer; width: 42px; height: 42px;}
.containerCatalog .accordion-content-eealbum img.photoThumb:hover { border: #DA222E 1px solid; }
.containerCatalog .accordion-content-eealbum img.photoThumbActive { border: #DA222E 1px solid; }
.containerCatalog .accordion-content-details img.photoBig { border: 0px; cursor: pointer}
.containerCatalog .accordion-whitespace-details { height: 0px; background-color: white; }
.containerCatalog .accordion-content-details { background-color: #087B80; height: 0px; z-index: 10; }
.containerCatalog .accordion-content-details .container { color: white; height: 100%; width: 100%; text-align: center; vertical-align: middle; position: relative; padding: -10px; overflow:hidden;}
.containerCatalog .accordion-content-details .title{ color: white; height: 18px; width: 100%; text-align: left; margin: 0px 4px 3px 15px; padding: 4px 0px 0px 0px; font-weight: bold;}
.containerCatalog .accordion-content-details .photo{ }
.containerCatalog .accordion-content-details .text{ height: 460px; width: 290px; text-align: left; margin: 0px 4px 0px 15px; position: absolute; left: 0px; top: 18px;}
.containerCatalog .accordion-content-details .controls{ color: white; height: 28px; width: 540px; text-align: left; margin:0px 4px 0px 15px; padding: 0px; position: absolute; left: 0px; bottom: 4px;}
.containerCatalog .accordion-content-details .controls .photoSeries { display: block; position: relative; float: left; margin-left: 200px; width: 100px; height: 20px; margin-top: 0px;}
.containerCatalog .accordion-content-details .controls .favouritesLink{ position: absolute; left: 235px; top: 4px; line-height: 12px;}
div.photo_series_nav { position: absolute; bottom: 10px; padding: 0 10px; left: 4px; z-index: 99; }
div.photo_series_nav > span { display: block; font-size: 11pt; cursor: pointer; margin-top: -5px; }
.containerCatalog .accordion-content-details .controls .favouritesLink:hover{ color: #DA222E }
.containerCatalog .accordion-content-details .controls .photoLinkPrevious{ cursor: pointer; background-image: url(../img/design/previousPhoto.png); background-repeat: no-repeat; position: absolute; left: 0; background-position: 50% 50%; font-size: 24px; }
.containerCatalog .accordion-content-details .controls .photoLinkPrevious:hover{ cursor: pointer; background-image: url(../img/design/previousPhotoHover.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .photoLinkNext{ cursor: pointer; background-image: url(../img/design/nextPhoto.png); background-repeat: no-repeat; position: absolute; right: 0; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .photoLinkNext:hover{ cursor: pointer; background-image: url(../img/design/nextPhotoHover.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .addToFavorites{ cursor: pointer;background-image: url(../img/design/addToFavorites.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px; }
.containerCatalog .accordion-content-details .controls .addToFavorites:hover{ cursor: pointer;background-image: url(../img/design/addToFavoritesHover.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .removeFromFavorites{ cursor: pointer;background-image: url(../img/design/removeFromFavorites.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .removeFromFavorites:hover{ cursor: pointer;background-image: url(../img/design/removeFromFavoritesHover.png); background-repeat: no-repeat; background-position: 50% 50%; font-size: 24px;}
.containerCatalog .accordion-content-details .controls .fullScreenFlash{ display: block; float: right; top: 0px; white-space: nowrap;}
.containerCatalog .accordion-content-details .controls span { display: block; }
.containerCatalog .accordion-content-details .controls .flashIframe{ width: 15px; height: 10px; border: 0 }
.accordion-content-details div.detailText { line-height: 12px; }
.accordion-content-details div.detailText h2 { margin-bottom: 5px; }
.accordion-content-details .container div.detailsExtraLinks { float: right; color: white; position: absolute; right: 15px; bottom: 50px; font-weight: bold; text-align: right; }
.accordion-content-details .container div.detailsExtraLinks ul { list-style-type: none; }
.accordion-content-details .container div.detailsExtraLinks li { background: none; text-align: right; display: block; }
.accordion-content-details .container div.detailsExtraLinks li.pdf { color: white; cursor: pointer; background-image: url(../img/design/downloadPdf.gif); background-repeat: no-repeat; background-position: left 3px; text-align: right; display: block; }
.accordion-content-details .container div.detailsExtraLinks li.pdf:hover { color: red; background-image: url(../img/design/downloadPdfHover.gif); background-repeat: no-repeat; background-position: left 3px;}
.accordion-content-details .container div.detailsExtraLinks li.info { color: white; cursor: pointer; background-image: url(../img/design/requestInfo.gif); background-repeat: no-repeat; background-position: left 3px; text-align: right; display: block; }
.accordion-content-details .container div.detailsExtraLinks li.info:hover { color: red; background-image: url(../img/design/requestInfoHover.gif); background-repeat: no-repeat; background-position: left 3px;}
.accordion-content-details .container div.detailsExtraLinks li.source { color: white; cursor: pointer; background-image: url(../img/design/downloadSource.gif); background-repeat: no-repeat; background-position: left 3px; text-align: right; display: block; }
.accordion-content-details .container div.detailsExtraLinks li.source:hover { color: red; background-image: url(../img/design/downloadSourceHover.gif); background-repeat: no-repeat; background-position: left 3px;}
div#detailWrapper { }
div.detailWrapper { float: left; width: 100%; height: 100%; }
.containerCatalog .accordion-content-details { overflow: hidden;}
div.detailPhotoNew { display: none; }
div.detail_photos { overflow: hidden; }
div.detail_photos > div { position: absolute; top: 40px;}
.containerCatalog .accordion-whitespace { height: 10px; background-color: white; }
.containerCatalog .accordion-toggle-myalbum { background-color: #E8F1EE; }
.containerCatalog #accordion-toggle-myalbum { overflow: hidden; }
.containerCatalog .accordion-content-myalbum { height: 0px; margin: 0px; padding: 0px 15px; background-color: #E8F1EE; }
.containerCatalog .accordion-content-myalbum img { float: left; margin: 0px 3px 3px 0px; cursor: pointer; width: 42px; height: 42px; }
.containerCatalog .accordion-content-myalbum #favouritesLinks span { margin: 0px 7px 0px 0px; cursor: pointer; }
.containerCatalog .accordion-content-myalbum #favouritesLinks span:hover { color: #DA222E }
.containerCatalog .accordion-content-myalbum .send-favourites-collumn1 { float: left; margin-right: 5px }
.containerCatalog .accordion-content-myalbum .send-favourites-collumn2 { float: left; }
.containerCatalog .accordion-content-myalbum .clear { clear:both }
.containerCatalog .accordion-content-myalbum .send-favourites-button-wrapper { float: right }
.containerCatalog .accordion-content-myalbum #send-favourites-button { cursor:pointer }
.containerCatalog .accordion-content-myalbum #send-favourites-button:hover { cursor:pointer; color: #DA222E }
.containerCatalog .accordion-content-myalbum .send-favourites-source-link { float: left }
.containerCatalog .accordion-content-myalbum .send-favourites-include-link { float: left }
.containerCatalog .accordion-content-myalbum #send-favourites-success-text { cursor:pointer }
.containerCatalog .accordion-content-myalbum #send-favourites-success-text:hover { cursor:pointer; color: #DA222E }
.containerCatalog .accordion-myalbum-container { width: 570px; background-color: #e8f1ee; position: absolute; bottom: 0; }
.containerCatalog .accordion-myalbum-container .resultPhotosContainer{ margin: 7px 0px 7px 0px; overflow: hidden; height: auto; }
.containerCatalog .accordion-myalbum-container img.photoSmall { float: left; margin: 0px 1px 1px 0px; cursor: pointer; width: 42px; height: 42px; border: #E8F1EE 1px solid;}
.containerCatalog .accordion-myalbum-container img.photoSmall:hover { border: #DA222E 1px solid; }
.containerCatalog .accordion-myalbum-container .resultPhotosContainer img:hover { border: #DA222E 1px solid; }
.extremeTracker {position: absolute; height: 0px; width: 0px;}
/* CATALOG photos at right menu / third collumn */
.containerCatalog .photos{ position: absolute; left: 770px; width: 210px; min-height: 100%; height: auto; background-color: white }
.containerCatalog .photosContent{ width: 100%; margin-top: 27px;}
.containerCatalog .photosContent img.logo {margin: 25px 0px 0px 50px; }
.containerCatalog .photos .arrow-keys{ margin-top: 455px; margin-left:25px }
/* PHEELOSOPHY items */
.mainContent .pheelosophy { height: 150px; width: 100%; }
.mainContent .pheelosophySpacer { height: 50px; }
.mainContent .pheelosophyHeader { margin: 0px; cursor: pointer }
.mainContent #pheelosophyText { margin-top: 20px }
/* CONTACT items */
.mainContent .contactIframe { width: 100%; height: 800px; background-color: #E8F1EE; overflow: hidden; }
/* OFFICES items */
.mainContent #offices .continent { font-size: 12px; font-weight: bold; cursor: pointer }
.mainContent #offices .continent:hover { font-size: 12px; font-weight: bold; cursor: pointer; color: #DA222E }
.mainContent #offices .country { margin-left: 20px }
/* VIDEO items*/
.videoContainer {position: relative;}
.videoContainer #videoMain {position: absolute; top: 0px; left: -60px; }
/* DEFAULT main menu with fullscreen mask elements */
.mainMenu {background-color: #005350; min-height: 400px; width: 100%; z-index: 10; }
.mainMenu .container{ position: relative; width: 980px; height: 100%; margin: 0px auto; }
.threeItems { background-image: url(../img/design/linesWhite.gif); background-repeat: no-repeat; width: 836px; height: 219px; z-index: 140 }
.threeItems img { border: white 0px solid; }
.threeItems .item1 { margin-top: 22px; }
.threeItems .item2 { margin-top: 22px; margin-left: 32px; }
.threeItems .item3 { margin-top: 22px; margin-left: 32px; }
/* fieldset threeItems */
#threeItems div { float: left; }
#threeItems fieldset { border: 0px solid white; border-top: 1px solid white; margin:0px; }
#threeItems .fieldsetCenter { border-left: 1px solid white; border-right: 1px solid white; }
#threeItems fieldset legend { color: #fff; font-size:13px; font-weight: bold; padding-left: 5px; padding-right: 5px; }
#threeItems .fieldsetLeft legend { margin-left:26px; }
#threeItems .fieldsetCenter legend { margin-left:104px; }
#threeItems .fieldsetRight legend { margin-left: 80px; }
/* open or closed button on accordion */
.tglArrow { width: 379px; float: left; }
/*#accordion-toggle-search input { float:left; }*/
#accordion-toggle-myalbum, #accordion-toggle-eealbum, #accordion-toggle-search { overflow: auto; }
#accordion-toggle-eealbum-nav { float: left;}
#accordion-toggle-eealbum { height: 19px; overflow: hidden; cursor: auto; }
.tglArrow { background-image: url(../img/design/arrClosed.gif); background-repeat: no-repeat; background-position: 0px 50%; padding-left: 10px; }
.tglArrow.tglOpen { background-image: url(../img/design/arrOpen.gif); }
.tglArrow.tglNoArrow{ padding-left: 10px; background-image: none;}
/* press */
.pressSeparator { border: none; border-top: 1px dashed #A4BDB9; height: 0px; }
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.home_search_wrapper {
padding:10px;
position: absolute;
top:150px;
}
.home_search {
background-color:#E8F1EE;
background-image:url(../img/design/searchbig.png);
background-repeat:no-repeat;
border: none;
color:gray;
float:right;
font-size:10px;
height:18px;
margin:-2px 11px 0 0;
padding:3px 0 0 20px;
width:355px;
}
/*
.containerCatalog .accordion-content-details .container { overflow: hidden; }
.container { overflow: hidden; }
#main, #detailWrapper, #accordion-content-details, #catalog-accordion { oveflow: hidden; }
*/
.request-brochure{
margin-top: 50px;
}
.request-brochure img{
border: 0px;
}
.eenews{
margin: 2px 0px 0px -29px;
}
.eenewsIframe{
width: 100%; height: 350px; background-color: #E8F1EE; overflow: hidden;
}
.eenews-overlay{
width: 235px; height:184px; margin-left: 32px; margin-top: 23px; background-image: url(../img/design/layer_item_en_03_subscribe-eenews.gif);
}
.eenews-overlay:hover{
background-image: url(../img/design/layer_item_en_03_subscribe-eenews-hover.gif);
}
.eenews-overlay-home{
width: 174px; height:60px; margin: 100px 0px 0px 95px; background-image: url(../img/design/eenews-quarterly-newsletter.png);
}
.eenews-overlay-home:hover{
background-image: url(../img/design/eenews-quarterly-newsletter-hover.png);
}
.contact-appointment {
width: 320px;
height: 50px;
border: black 0px solid;
overflow: hidden;
}
.contact-appointment-photo {
height: 200px;
}
.architectatwork-overlay {
background-image: url(../img/design/architectatwork.png);
}