/*--------------------------------------------- [Main CSS Stylesheet] Project: Primary Use: Screen Version: 1.0 Author: Dimedia ---------------------------------------------*/ @import url("reset.css"); /* RESET */ html { overflow-y:scroll; } body { background:/*url(../images/bg-body-line.png) repeat-y center bottom*/ #fff; color: #4e4c4c; font: normal normal 12px/100% Arial, sans-serif; text-align: center; } a { color: #106948; text-decoration: none; } a:hover { color: #959494; text-decoration: none; } a.arrow { padding:0 13px 0 0; background:url(../images/arrow-01.png) right center no-repeat; } a.arrow:hover { background-image:url(../images/arrow-02.png); } a img { border: 0; } strong { font-weight: bold; } em { font-style:italic; } /* PRE - SITE */ .fl { float: left; } .fr { float: right; } .cb { clear: both ; } .tr { text-align: right; } .center { text-align:center; } /* SITE */ #bottomBgWrapper { width:100%; background:url(../images/bg-body-bottom.png) no-repeat center bottom; } #topBgWrapper { width:100%; background:url(../images/bg-body-line.png) repeat-y center bottom #fff; } #absoluteTop { display:none; position:absolute; top:0; left:0; width:100%; height:550px; overflow:hidden; background:url(../images/bg-absoluteTop.png) no-repeat center top; } #absoluteTop img { width:1680px; height:550px; position:absolute; top:0; left:50%; margin-left:-840px; } #wrapper { margin:0 auto; text-align:left; width:967px; position:relative; z-index:9; } /* HEADER */ #header { height:130px; } #logo { position:absolute; width:190px; height:65px; top:32px; left:32px; text-indent:-9999px; background:url(../images/logo.png) no-repeat; } #logo a { position:absolute; width:190px; height:65px; top:0; left:0; } #lang-switch { position:absolute; width:42px; height:15px; top:8px; right:5px; } #lang-switch .flag { position:absolute; width:16px; height:11px; top:0px; padding:2px; } #lang-switch .flag a { cursor:pointer; position:absolute; top:0px; left:0px; width:18px; height:13px; } #lang-switch .flag.active { border:1px solid #00887c; padding:1px; } #lang-switch .flag.de { left:0px; background:url(../images/flag-de.png) center center no-repeat; } #lang-switch .flag.en { left:22px; background:url(../images/flag-en.png) center center no-repeat; } /* LOGIN BOX */ #login-box-show { position:absolute; cursor:pointer; top:0px; right:68px; width:86px; height:23px; background:url(../images/bg-login-button.png) no-repeat; } #login-box-show span { position:relative; top:5px; left:12px; color:#7c7c7c; font-size:11px;} #login-box { display:none; position:absolute; width:234px; height:142px; top:0px; right:59px; z-index:100; background:url(../images/bg-login-box.png) no-repeat; color:#fff; font-size:11px; } #login-box .inner { padding:14px 0 0 22px; } #login-box h2 { font:bold 12px arial; } #login-box label { display:inline-block; width:62px; margin-top:6px; } #login-box span.rpl { background:url(../images/bg-input-01.png) no-repeat; padding:3px 0px; width:120px; } #login-box input { border:none; background:none; height:19px; margin-top:6px; color:#fff; padding-left:4px; width:120px; } #login-box input.radio-hidden { display:none; } #login-box input.login { cursor:pointer; background:url(../images/arrow-03.png) 10px 7px no-repeat; height:19px; width:60px; padding-left:10px; } #login-box select { border:none; background:url(../images/bg-select-01.png) no-repeat; width:73px; height:21px; color:#fff; font-size:11px; } #login-box #login-box-close { position:absolute; cursor:pointer; width:86px; height:22px; bottom:0px; right:9px; } #login-box #login-box-close span { position:relative; top:5px; left:12px; } #login-box #login-box-lang-button { cursor:pointer; width:73px; height:21px; display:inline-block; background:url(../images/bg-select-01.png) no-repeat; } #login-box #login-box-lang-button span { padding:6px; line-height:19px; } #login-box #login-box-lang-select { display:none; position:absolute; z-index:10; width:70px; height:52px; left:87px; background:#106948; border:1px solid #072e20; } #login-box #login-box-lang-select label { cursor:pointer; padding:4px 0 0 4px; margin-top:0px; } /* MAIN NAVIGATION */ #main-nav { float:right; margin:83px 27px 0 0; position:relative; z-index:99; } #main-nav li.active a, #main-nav a:hover, #main-nav ul li ul.shadow li:hover .item .item-inner a { color:#959494; } #main-nav ul li { background:url(../images/bg-li-02.png) 0 2px no-repeat; float:left; position:relative; } #main-nav ul li.first { background:none; } #main-nav ul li a { font:bold 12px arial, sans-serif; color:#106948; padding:0 8px 0 13px; text-transform:uppercase; } #main-nav ul li ul.shadow { position:absolute; top:15px; left:0px; display:none; width:164px; padding:0; margin:0; } #main-nav ul li ul.shadow.before-last { left:-85px; } #main-nav ul li ul.shadow.last { left:-105px; } #main-nav ul li:hover ul.shadow { display:block; } #main-nav ul li ul.shadow li { position:relative; display:block; clear:both; width:164px; padding:0; margin:0; background:url(../images/bg-li-shadow-01.png) repeat-y;} #main-nav ul li ul.shadow li.first { background:url(../images/bg-li-shadow-02-top.png) 0 0 no-repeat; } #main-nav ul li ul.shadow.before-last li.first, #main-nav ul li ul.shadow.last li.first { background:url(../images/bg-li-shadow-02-top-last.png) 0 0 no-repeat; } #main-nav ul li ul.shadow li.last { background:url(../images/bg-li-shadow-03-bottom.png) 0 bottom no-repeat; } #main-nav ul li ul.shadow li a { padding:0 21px 0 0; text-transform:none; display:block; color:#106948; } #main-nav ul li ul.shadow li.active a { color:#959494; } #main-nav ul li ul.shadow li .item { width:151px; border-bottom:1px solid #e5e5e5; margin:0 0 0 8px; } #main-nav ul li ul.shadow li.first .item { padding-top:16px; } #main-nav ul li ul.shadow li.last .item { border-bottom:none; padding-bottom:4px; } #main-nav ul li ul.shadow li .item .item-inner { width:142px; padding:6px 0 6px 9px; display:inline-block; background:url(../images/arrow-01.png) 132px center no-repeat; } /*padding+width 151px*/ #main-nav ul li ul.shadow li.active .item .item-inner, #main-nav ul li ul.shadow li:hover .item .item-inner { background-image:url(../images/arrow-02.png); } #main-nav ul li ul.shadow.wider { width:189px; } #main-nav ul li ul.shadow.wider li { width:189px; background:url(../images/bg-li-shadow-wider-01.png) repeat-y;} #main-nav ul li ul.shadow.wider li.first { background:url(../images/bg-li-shadow-wider-02-top.png) 0 0 no-repeat; } #main-nav ul li ul.shadow.wider li.last { background:url(../images/bg-li-shadow-wider-03-bot.png) 0 bottom no-repeat; } #main-nav ul li ul.shadow.wider li .item { width:176px; } #main-nav ul li ul.shadow.wider li .item .item-inner { width:167px; background-position:157px center; } /* CONTENT */ #content { margin-top:79px; min-height:550px; } #content .inner { padding:35px 35px 15px 35px; line-height:20px; } #content p { padding:0px 0px 25px 0px; line-height:20px; } #content h1.page-title { font:bold 18px arial; color:#106948; padding-bottom:17px; } #content h3.page-subtitle { font:normal 12px arial; line-height:20px; font-style:italic; padding:0; margin:0; } #content .inner #sidebarRight ul { padding-bottom:20px; line-height:20px; } #content .inner #sidebarRight li { background:url(../images/bg-li-03.gif) 1px 8px no-repeat; padding:0 0 0 10px; } #content .inner #sidebarLeft { width:186px; float:left; } #content .inner #sidebarLeft .sidebar-nav li { border-bottom:1px solid #e5e5e5; padding:5px 0px 4px 15px; } #content .inner #sidebarLeft .sidebar-nav li.first { border-top:1px solid #e5e5e5; } #content .inner #sidebarLeft .sidebar-nav li a { display:block; font:bold 12px/18px arial; color:#106948; } #content .inner #sidebarLeft .sidebar-nav li:hover a, #content .inner #sidebarLeft .sidebar-nav li.active .item-inner a { color:#959494; } #content .inner #sidebarLeft .sidebar-nav li .item-inner a { padding-right:20px; background:url(../images/arrow-01.png) 152px center no-repeat; } #content .inner #sidebarLeft .sidebar-nav li:hover .item-inner a, #content .inner #sidebarLeft .sidebar-nav li.active .item-inner a { background-image:url(../images/arrow-02.png); } #content .inner #sidebarRight { margin-left:222px; padding-bottom:50px; } #content .inner #sidebarRight.jobs { padding-bottom:60px; } /* HOME */ #content .inner.home { padding:27px 0px 0px 0px; overflow:hidden; } #content .inner.home #home-big-text { font-size:16px; font-style:italic; border-bottom:1px solid #e5e5e5; padding:0 35px 4px 35px; margin-bottom:16px; } #content .inner.home #home-big-text .inner-text { line-height:26px; padding-bottom:25px; } #content .inner.home #home-column-wrapper { overflow:hidden; } #content .inner.home .home-column { float:left; position:relative; min-height:420px; } #content .inner.home .home-column h2 { font:bold 18px arial; color:#116a49; padding:14px 0 16px 0; } #content .inner.home #home-column-1 { width:288px; border-right:1px solid #e5e5e5; padding:0 25px 12px 34px; } /*width+padding=347px*/ #content .inner.home #home-column-1 ul { width:130px; float:left; } #content .inner.home #home-column-1 ul li { background:url(../images/arrow-01.png) 0 center no-repeat; padding-left:12px; line-height:24px; } #content .inner.home #home-column-1 ul li:hover { background-image:url(../images/arrow-02.png); } #content .inner.home #home-column-2 { width:278px; border-right:none; padding:0 34px 12px 34px; overflow:hidden; } /*width+padding=346px*/ #content .inner.home #home-column-2 p { padding-bottom:34px; } /*width+padding=346px*/ #content .inner.home #home-column-3 { width:264px; border-left:1px solid #e5e5e5; padding:0 4px 12px 4px; } /*width+padding=272px*/ #content .inner.home #home-column-3 h2 { padding:14px 20px 18px 30px; } /*width+padding=272px*/ #content .inner.home #home-column-3 ul.news-list { margin-bottom:17px; } #content .inner.home #home-column-3 ul.news-list li { background:#e9f0f3; margin-bottom:5px; } #content .inner.home #home-column-3 ul.news-list li:hover { background:#f4f7f9; } #content .inner.home #home-column-3 ul.news-list li a { padding: 5px 25px 9px 40px; color:#4e4c4c; font:bold 12px/18px arial; display:block; background:url(../images/arrow-01.png) 30px 11px no-repeat; } #content .inner.home #home-column-3 span.rpl { margin-left:31px; line-height:26px; padding:5px 2px 6px 2px; background:url(../images/bg-input-02.png) 0 0 no-repeat; } #content .inner.home #home-column-3 input { border:none; background:none; font-style:italic; color:#7c7c7c; font-size:12px; width:200px; } #content .inner.home #home-column-3 input.newsletter-subscribe { float:right; margin-right:12px; border:none; background:url(../images/arrow-01.png) 8px center no-repeat; font-style:normal; color:#106948; font-size:12px; width:80px; cursor:pointer; } #content .inner.home #home-column-3 input.newsletter-subscribe.hover { background-image:url(../images/arrow-02.png); color:#959494; } /* TEAM PORTRAITS */ #content .inner #sidebarRight .portraits-row { overflow:hidden; font-size:11px; line-height:17px; } #content .inner #sidebarRight .portraits-item { float:left; width:130px; padding:23px 33px 12px 0; } #content .inner #sidebarRight .portraits-item .portraits-img-wrapper { width:120px; margin-bottom:10px; } /* NEWS */ #content .inner #sidebarRight .control-box { padding-bottom:13px; } #content .inner #sidebarRight .control-box select { width:100px; } #content .inner #sidebarRight .control-box ul.pagination { float:right; padding:0; } #content .inner #sidebarRight .control-box ul.pagination li { float:left; padding:0; background:none; } #content .inner #sidebarRight .control-box ul.pagination li a { color:#116a49; font:bold 13px arial; text-decoration:none; margin:0 4px; } #content .inner #sidebarRight .control-box ul.pagination li a:hover, #content .inner #sidebarRight .control-box ul.pagination li.active a { color:#959494; } #content .inner #sidebarRight .control-box ul.pagination li a.arrow-previous { margin-left:20px; } #content .inner #sidebarRight .control-box.bottom { border-top:1px solid #e5e5e5; padding:12px 0 6px 0; } #content .inner #sidebarRight .news-item { border-top:1px solid #e5e5e5; padding:18px 0 0 0; overflow:hidden; } #content .inner #sidebarRight .news-item img { border:1px solid #e5e5e5; float:left; margin-bottom:18px; } #content .inner #sidebarRight .news-item .txt { margin:0 12px 0 160px; } #content .inner #sidebarRight .news-item .txt .news-date { font-size:11px; color:#9d9c94; line-height:11px; } #content .inner #sidebarRight .news-item .txt h3.news-title a { font-size:12px; font-weight:bold; color:#116a49; line-height:20px; } #content .inner #sidebarRight .news-item .txt h3.news-title a:hover { color:#959494; } #content .inner #sidebarRight .news-item .txt p { font-size:13px; padding:0; } #content .inner #sidebarRight .news-item .txt a.more { float:right; color:#106948; padding:10px 16px 6px 0; font-size:12px; background:url(../images/arrow-01.png) right 17px no-repeat; } #content .inner #sidebarRight.news-detail ul.pagination { float:right; } #content .inner #sidebarRight.news-detail ul.pagination li { float:left; margin-left:12px; padding:0; background:none; } #content .inner #sidebarRight.news-detail h1.page-title { width:610px; padding-bottom:14px; } #content h1.page-title span.news-date { font-size:11px; color:#9d9c94; line-height:24px; font-weight:normal; } #content .inner #sidebarRight.news-detail p { padding-bottom:20px; } #content .inner #sidebarRight.news-detail .fr-image { float:right; margin:6px 0 20px 20px; } #content .inner #sidebarRight.news-detail .fr-image a.more-photos { display:block; width:87px; height:20px; background:url(../images/button-more-photos.gif) 1px 0 no-repeat; color:#fff; line-height:20px; padding-left:57px; margin-top:14px; } /* REFERENCES */ #content .inner #sidebarRight.references h1.page-title { padding-bottom:10px; } #content .inner #sidebarRight #references-nav { position:relative; height:29px; background:url(../images/bg-ref-nav.gif) 265px 0 no-repeat; } #content .inner #sidebarRight #references-nav div { float:left; height:29px; background:#106948; } #content .inner #sidebarRight #references-nav div.element-1 { width:33px; } #content .inner #sidebarRight #references-nav div.element-2 { background:none; } #content .inner #sidebarRight #references-nav div.element-3 { width:13px; } #content .inner #sidebarRight #references-nav div.element-4 { background:none; } #content .inner #sidebarRight #references-nav div.element-5 { width:100px; left:0; right:0; } #content .inner #sidebarRight #references-nav a { padding:0 10px; line-height:29px; height:29px; display:inline-block; color:#fff; font-weight:bold; background:#106948; } #content .inner #sidebarRight #references-nav a.active, #content .inner #sidebarRight #references-nav a:hover { color:#116a49; background:none; } #content .inner #sidebarRight #references-wrapper { border-left:1px solid #e5e5e5; overflow:hidden; } #content .inner #sidebarRight .references-item { width:167px; height:129px; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; } #content .inner #sidebarRight .references-item.odd { width:168px; } #content .inner #sidebarRight .references-item .img-wrapper { width:167px; height:96px; line-height:96px; padding-top:10px; text-align:center; } #content .inner #sidebarRight .references-item .img-wrapper a { padding-left:0px; } #content .inner #sidebarRight .references-item .img-wrapper img { vertical-align:middle; } #content .inner #sidebarRight .references-item a { font-size:11px; font-weight:bold; color:#116a49; padding-left:14px; } /* FORMS */ .yellow-star { color:#ebab00; } div.form-block { border-bottom:1px solid #e5e5e5; padding:20px 0 22px 0; overflow:hidden; } div.form-block .form-left { float:left; } div.form-block .form-right { float:left; margin-left:65px; } div.form-block .form-right.captcha { margin-left:40px; margin-top:32px; } div.form-block .fl.captcha { margin-top:28px; } div.form-block strong.block { display:block; padding-bottom:15px; } div.form-block label { display:inline-block; width:90px; vertical-align:middle; line-height:16px; } div.form-block label.disabled { color:#cac9c9; } div.form-block .form-right label { width:100px; } div.form-block .form-right.captcha label { width:140px; } div.form-block .form-left.captcha label { width:140px; } div.form-block .form-right label.wider { width:130px; } div.form-block input { margin-bottom:10px; vertical-align:top; } div.form-block label.radio-selector { margin-bottom:10px; } div.form-block label.radio-selector span { margin-left:5px; } div.form-block label.radio-selector input { position:relative; vertical-align:bottom; margin:0; top:-1px; } div.form-block input.upload { border:1px solid #d1d1d1; width:200px; } div.form-block input.upload.error { background:#f36262; } div.form-block input.txt { border:1px solid #d1d1d1; background:none; } div.form-block input.txt.error { background:#f36262; } div.form-block input.txt.disabled { border:1px solid #f1f1f1; } div.form-block textarea { width:277px; height:108px; border:1px solid #d1d1d1; background:none; font-family:arial, sans-serif; } div.form-block textarea.error { background:#f36262; } input.send-form-button { float:right; background:url(../images/arrow-03.png) 5px 10px no-repeat #116a49; border:none; color:#fff; width:72px; height:24px; margin:7px 2px 0 0; cursor:pointer; } .error-message { color:red; } span.newsletter-message { margin-left:32px; display:block; } /* GMAP */ #gmap { height:350px; border:3px solid #fff; margin-bottom:30px; position:relative; z-index:1; } /* ACCORDION */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header a { display: block; } .ui-accordion .ui-accordion-content { border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } #accordion { padding-bottom:32px; } #accordion h3 { margin-bottom:5px; height:29px; line-height:29px; font-size:13px; font-weight:bold; background:url(../images/arrow-08.gif) 11px 12px no-repeat #e9f0f3; } #accordion h3.ui-state-active { background:url(../images/arrow-09.gif) 11px 12px no-repeat #106948; } #accordion h3 a { color:#4e4c4c; padding-left:25px; } #accordion h3.ui-state-active a { color:#fff; } #accordion .accordion-content { padding:13px 0 30px 26px; line-height:20px; } .popup { display:none; position:absolute; top:30px; left:50%; margin:0 0 0 -373px; width:676px; z-index:101; background:#fff; text-align:left; padding:20px 35px 20px 35px; } #popup-close { position:absolute; width:23px; height:23px; top:6px; right:9px; background:url(../images/button-02.gif) no-repeat; cursor:pointer; } .popup h1.page-title { font:bold 18px arial; color:#106948; padding:8px 0 17px 0; border-bottom:1px solid #e5e5e5; } .popup h1.page-title span { font-size:13px; margin-left:18px; } .popup p { float:left; padding-top:16px; } .popup-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#106948; z-index:99; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; } #popup-iframe { display:none; } /* FOOTER */ #footer { position:relative; height:82px; } #footer .footer-top-wrapper { clear:both; overflow:hidden; line-height:15px; } #footer ul.footer-nav { float:left; margin-top:13px; } #footer ul.footer-nav li { float:left; margin-right:22px; } #footer ul.footer-nav li a { font-size:11px; color:#7c7c7c; } #footer ul.widget-links { float:right; } #footer ul.widget-links li { float:left; width:16px; height:27px; text-indent:-9999px; margin-left:8px; } #footer ul.widget-links li.share { cursor:pointer; width:74px; margin-left:8px; } #footer ul.widget-links li a { float:left; width:16px; height:16px; text-indent:-9999px; margin-top:11px; } #footer ul.widget-links li a.dimedia-toolbar-button { background:url(../images/icon-share3.png) 0 0 no-repeat; width:74px; height:21px; margin-top:7px; } #footer ul.widget-links li a.link-xing { background:url(../images/icon-xing.png) 0 0 no-repeat; } #footer ul.widget-links li a.linkedin { background:url(../images/icon-linkedin.png) 0 0 no-repeat; } #footer ul.widget-links li a.facebook { background:url(../images/icon-facebook.png) 0 0 no-repeat; } #footer ul.widget-links li a.tweeter { background:url(../images/icon-tweeter.png) 0 0 no-repeat; } #footer ul.widget-links li a.rss { background:url(../images/icon-rss.png) 0 0 no-repeat; } #footer .copyright { clear:both; padding-top:13px; font-size:11px; color:#7c7c7c; } /* SHARE TOOLBAR */ #dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-top-ie.png); position: absolute; z-index:100; } #dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; *background-image:url(../images/toolbar/dimedia-toolbar-bottom-ie.png); } #dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; padding: 1px 0; } #dimedia-toolbar ul { margin: -11px 0 -13px 9px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; } #dimedia-toolbar ul li { float: left; margin: 0 5px 4px 0; background: #fff; } #dimedia-toolbar ul a, #dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; } #dimedia-toolbar ul a { opacity: 0.6; } #dimedia-toolbar ul a:hover { opacity: 1; } /** SCROLLER **/ .scrollable { /* required settings */ position:relative; overflow:hidden; width: 535px; height:420px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ .items div { float:left; width:278px; margin:0 35px 0 0; } .items div img { } /** STRELICE **/ .strelice { height: 21px; width:60px; margin:0; z-index:99; position:absolute; top:20px; right:-5px; } .strelice li { position:absolute; height:21px; width:21px; cursor:pointer; } .strelice .strelica_lijevo { background: url(../images/arrow-04.png) no-repeat;} .strelice .strelica_desno { margin-left: 26px; float:left; background: url(../images/arrow-05.png) no-repeat; } .strelice .strelica_lijevo.disabled { background-image: url(../images/arrow-10.png); } .strelice .strelica_desno.disabled { background-image: url(../images/arrow-11.png); } /*----------- LIGHTBOX ------------------------*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-container-image-data-box { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; } #lightbox-secNav-btnClose { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; } #lightbox-buttons { float: right; clear: right; padding-bottom: 5px; } #lightbox-buttons img { margin-left: 5px; cursor: pointer; }