/* CSS Document */ /* Author: Guillaume Quimper - Influenza Marketing */ /* Version 1.0 - March 2009 */ /*------------ Basic Elements ------------*/ *, html { margin: 0; padding: 0 ; } body { background: #023A5B url(../images/layout/body-bg2.jpg) no-repeat center top; text-align: center; font-family:"Trebuchet MS", Arial, sans-serif; padding: 42px 0; } a { outline: none; text-decoration: none; } a img { border: none; } /*------------ Page Flip ------------*/ #pageflip { position: relative; z-index: 6; right: 0; top: -42px; float: right; } #pageflip img { width: 160px; height: 162px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; } #pageflip .msg_block { width: 160px; height: 160px; overflow: hidden; position: absolute; right: 0; top: 0; background: url(../images/layout/peel_background.png) no-repeat right top; } /*------ Wrappers ------*/ #siteWrapper { width: 898px; position: relative; margin: 0 auto; background: #fff; border: 2px solid #fff; text-align: left; } #contentWrapper { background: #0A5392 url(../images/layout/bg-contentWrapper.jpg) no-repeat left center; z-index: 1; margin-top: 30px; padding: 39px 23px 0 23px; } /*---- Header ----*/ #header { height: 202px; position: relative; } #header.EN { background:url(../images/layout/bg-header-EN.jpg) no-repeat; } #header h1, #header h2 { text-indent: -3000px; overflow: hidden; } #home { width: 306px; height: 95px; position: absolute; z-index: 50; top: 10px; left: 108px; } #home a { height: 95px; display: block; } #quickNav { width: 316px; height: 39px; float: right; margin-right: 30px; background: url(../images/layout/bg-quickNav.png) no-repeat; } #quickNav ul { list-style: none; padding-top: 4px; text-align: center; } #quickNav ul li { float: left; height: 32px; border-right: 1px solid #A5CBE6; padding-top: 3px; position: relative; } #quickNav ul li a { color: #003A5E; font-size: 14px; font-weight: bold; height: 22px; padding: 2px 0 4px 0; } #quickNav ul li a:hover { color: #438ECB; text-decoration: underline; } #quickNav ul li.home a { background: url(../images/layout/icon-home.png) no-repeat; padding-left: 22px; } #quickNav ul li.contact a { background: url(../images/layout/icon-contact.png) no-repeat; padding-left: 28px; } #quickNav ul li.lang a { background: url(../images/layout/icon-language.png) no-repeat; padding-left: 24px; } #quickNav ul li.lang em { background: url(../images/layout/ttip-bg.png) no-repeat; width: 180px; height: 68px; position: absolute; top: 55px; left: -40px; text-align: center; font-size: 13px; padding: 24px 20px 12px 2px; font-style: normal; color: #5485a3; z-index: 2; display: none; } /*English */ #quickNav.EN ul li.home { width: 85px; } #quickNav.EN ul li.contact { width: 129px; } #quickNav.EN ul li.lang { width: 100px; border-right: none; } /*Ttips*/ /*------------- Main Navigation -------------*/ #mainNav { position: absolute; top: 188px; z-index: 5; height: 62px; background: url(../images/layout/bg-mainNav.png) no-repeat; padding: 0 1px; width: 898px; } #mainNav ul { list-style: none; text-align: center; } #mainNav ul li { float: left; position: relative; } #mainNav ul li a { width: 224px; height: 42px; display: block; padding-top: 20px; font-size: 17px; color: #fff; background: url(../images/layout/mainNav-button.png) no-repeat; position:relative; z-index: 15; } #mainNav ul li a strong { color: #26B5E8; } #mainNav ul li a span.text { position: relative; z-index: 25;} #mainNav ul li a div.light {background: url(../images/layout/mainNav-button-hover.png) no-repeat center top; position: absolute; left:0; top: 45px; z-index: 20; width: 224px; height: 33px; display: none; } #mainNav ul li a.active div.light { display: block; } #mainNav ul li ul { background: url(../images/layout/mainNav-drop-bg.png) no-repeat left bottom; position: absolute; left:0; top: 50px; z-index: 2; text-align: left; padding: 22px 0 10px 0; display: none; } #mainNav ul li ul li { float: none; height: auto; padding-left: 10px; } #mainNav ul li ul li a {background: none; height: auto; padding: 6px 10px 6px 20px; font-size: 14px; color: #26B5E8; font-weight: bold; position: relative; } #mainNav ul li ul li a:hover { color: #FFF; } #mainNav ul li ul li a span { background: url(../images/layout/mainNav-drop-hover-bullet-ie6.png) no-repeat left center; width: 13px; height: 13px; display: none; position: absolute; left: 0; top: 8px; } #mainNav ul li ul li a.active { color: #fff; } #mainNav ul li ul li a.active span { display: block; } /*----- Column -----*/ #column { float: right; width: 302px; position: relative; } #column h4 { font-size: 20px; font-weight: normal; color: #E7F1F9; padding: 14px 0 5px 12px; line-height: 20px; } #column h4 strong { color: #26B5E8; font-weight: normal; } #video { height: 282px; background: url(../images/layout/bg-video-box.png) no-repeat; } #video div.preview { width: 270px; margin: 0 auto; padding: 1px; border: 1px solid #77BDE2; } #news { height: 255px; background: url(../images/layout/bg-news-box.png) no-repeat bottom; margin-top: 19px; margin-bottom: 10px; } #news ul#newsTabs { height: 40px; list-style: none; text-align: center; } #news ul#newsTabs li { float: left; height: 40px; } #news ul#newsTabs li a { font-size: 15px; color: #26B5E8; font-weight: bold; height: 34px; display: block; padding-top: 6px; } #news ul#newsTabs li a strong { color: #fff; } #news ul#newsTabs li.tab1 a { width: 141px; background: url(../images/layout/button-tab-1.png) no-repeat; } #news ul#newsTabs li.tab2 a { width: 141px; padding-right: 20px; background: url(../images/layout/button-tab-2.png) no-repeat; } #news ul#newsTabs li a.selected { background-position: left bottom; } #news div#aquapipe, #news div#industry { padding: 5px 10px; height: 192px; } #news div h5 a { text-align: right; font-size: 13px; color: #26B5E8; display: block; padding: 2px; } #news div h5 a:hover { color: #fff; } #news div div.scroll-pane { height: 179px; width: 282px; overflow: auto; padding: 0; } #news div div h5 { color: #26B5E8; font-size: 13px; width: 260px; line-height: 14px; margin-top: 15px; border-top: 1px solid #376FA6; padding: 15px 0 2px 0; } #news div div h5.first { margin-top: 0; padding: 0 0 2px 0; border-top: none; } #news div div h6 a { color: #26B5E8; font-size: 11px; } #news div div p { color: #fff; font-size: 11px; width: 260px; } #address { height: 282px; background: url(../images/layout/bg-video-box.png) no-repeat; margin-bottom: 10px; } #address img { display: block; margin: 0 auto; border: none; padding: 15px 0; } #address p { font-size: 14px; line-height: 120%; color: #fff; background: url(../images/layout/icon-address.png) no-repeat; padding-left: 20px; margin-left: 20px; } #address p strong { color: #26B5E8; } #address ul { list-style: none; margin: 20px 0 0 20px; } #address ul li { padding-left: 20px; font-size: 14px; color: #fff; line-height: 16px; margin-bottom: 4px; } #address ul li strong { color: #26B5E8; } #address ul li.phone { background: url(../images/layout/icon-phone.png) no-repeat left center; } #address ul li.toll { background: url(../images/layout/icon-toll-free.png) no-repeat left center; } #address ul li.fax { background: url(../images/layout/icon-fax.png) no-repeat left center; } #address ul li.email { background: url(../images/layout/icon-email.png) no-repeat left center; } #address ul li.email a { color: #fff; } #address ul li.email a:hover { color: #26B5E8; } /*----- Content -----*/ #mainContent { float: left; width: 530px; position: relative; padding-bottom: 20px; } #headingContent { background: url(../images/layout/bg-content-top.png) no-repeat; padding: 8px 10px 0 20px; height: 32px; } #headingContent h3 { font-size: 24px; font-weight: normal; color: #1169A5;} #headingContent h3 strong { color: #003A5E; font-weight: normal; } #headingContent p { float: right; padding: 5px 2px 0 0; font-size: 13px; } #headingContent p a { color: #1f9cc8; position: relative; top:0; left:0; } #headingContent p a:hover { color: #003a5e; } #content { background: url(../images/layout/bg-content.png) no-repeat left bottom; padding: 0 30px 0 20px; } #content h3 { font-size: 24px; font-weight: normal; color: #1169A5; position: relative; top: -4px; } #content h3 strong { color: #003A5E; font-weight: normal; } #content h4 { font-size: 20px; font-weight: normal; color: #1169A5; padding-top: 10px; } #content p { font-size: 13px; line-height: 125%; padding: 10px 0; color: #053354; } #content p.first { padding-top: 0; } #content p strong { color: #075387; } #content p a { color: #1169A5; } #content h5 { font-size: 14px; color: #1169A5; padding-top: 15px; } #content h6 { text-align: right; padding: 10px 0 20px 0; } #content h6.news { padding: 0 0 15px 0; border-bottom: 1px solid #1f9cc8; } #content h6.news.last { border-bottom: none; padding-bottom: 20px; } #content h6 a { color: #003A5E; font-size: 14px; } #content ul { margin: 0 20px; list-style: none; } #content ul li { font-size: 13px; color: #053354; margin: 5px 0; background: url(../images/layout/bullet-highlight.png) no-repeat 0 4px; padding-left: 20px; line-height: 17px; } #content ol { margin: 0 20px; padding-bottom: 20px } #content ol li { font-size: 13px; color: #084B7E; margin-bottom: 5px; line-height: 17px;} #content ol li.alt { background-color: #9DC9E4; } #content a.more { font-size: 15px; font-weight: bold; color: #003A5E; line-height: 15px; background: url(../images/layout/bg-th.png) no-repeat right center; padding-right: 18px; } #content a.more:hover { color: #26B5E8; } #content ul.certificates { height: 120px; padding: 0 0 10px 0; margin: 0 auto; } #content ul.certificates li { height: 100px; padding: 0; float: left; margin: 0 2px; } #content ul.certificates li a { border: 1px solid #376FA6; padding: 1px; width: 145px; height: 100px; margin: 0; display: block; position: relative; } /* Highlight Green Specific */ #content div.highlightGreen { margin: 0 -28px 0 -18px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #003A5F url(../images/layout/bg-highlight-green.jpg) no-repeat; padding: 10px; } #content div.highlightGreen h5 { color: #1f5f13; padding-top: 0; } #content div.highlightGreen p { padding: 0 10px; line-height: 110%; font-size: 14px; color: #fff; } #content div.highlightGreen p strong { color: #1f5f13; } #content div.highlightGreen ul li { margin: 5px 0; font-size: 14px; color: #fff; background: url(../images/layout/bullet-highlight-green.png) no-repeat 0 5px; } #content div.highlightGreen ul li strong { color: #194600; } /* Highlight Blue */ #content div.highlight { margin: 0 -28px 0 -18px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; background: #003A5F url(../images/layout/bg-highlight.jpg) no-repeat; padding: 10px; } #content div.highlight h5, #content div.highlight h4 { color: #26B5E8; padding-top: 0; } #content div.highlight a, #content div.highlightGreen a { color: #fff; text-decoration: underline; } #content div.highlight p { padding: 0 20px; line-height: 110%; font-size: 14px; color: #fff; background: url(../images/layout/arrow-highlight.png) no-repeat left center; } #content div.highlight p strong { color: #26B5E8; } #content div.highlight ul li { margin: 5px 0; font-size: 14px; color: #fff; background: url(../images/layout/bullet-highlight.png) no-repeat 0 5px; } #content div.highlight ul li strong { color: #26B5E8; } #content div.steps { background: url(../images/layout/arrow-down.png) no-repeat center bottom; padding-bottom: 14px; margin-bottom: 5px; } #content div.steps.first { padding-top: 5px; } #content div.steps.last { background: none; } #content div.steps span { width: 32px; height: 26px; display: block; float: left; text-align: center; font-size: 16px; color: #fff; background: url(../images/layout/bg-number-steps.png) no-repeat; margin-right: 5px; padding-top: 6px; position: relative; top: -6px; } #content div.steps p { font-size: 14px; color: #003A5E; padding-top: 5px;} #videoDisplay { margin: 20px 0; height: 300px; padding-top: 20px; width: 400px; margin: 0 auto; } /*----------------- Home Page Specifics ------------------*/ #homeList { margin: 10px -30px 0 -18px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; height: 300px; background: url(../images/text-home-page.png) no-repeat; } #homeList h4, #homeList ul li { text-indent: -3000px; overflow: hidden; background: none; } #carbon { margin: 0 -30px 0 -18px; border-bottom: 2px solid #fff; height: 75px; background: url(../images/carbon-home-page.png) no-repeat; } #carbon.benefits { background:url(../images/carbon-benefits-page.png) no-repeat; border-bottom: none; margin: 0 -32px 0 -20px; } #carbon p { text-indent: -3000px; overflow: hidden; } .imgRight { float: right; margin: 0 -5px 0 5px; } .imgRight2 { float: right; margin: 10px -5px 0 5px; } /*---- Sitemap ----*/ div.sitemap { border: 2px solid #fff; background: #003a5f url(../images/layout/bg-highlight.jpg) no-repeat; padding: 20px 10px 20px 10px; } div.sitemap h5, div.sitemap h4 { color: #26B5E8; padding-top: 0; font-weight: normal; } div.sitemap p { padding: 0 20px; line-height: 110%; font-size: 14px; color: #fff; background: url(../images/layout/arrow-highlight.png) no-repeat left center; } div.sitemap ul { padding: 0 0 0 12px; list-style: none; } div.sitemap ul li { padding: 0 0 0 16px; margin: 2px 0; font-size: 14px; color: #053354; background: url(../images/layout/bullet-highlight.png) no-repeat 0 4px; font-weight: bold; position: relative; } div.sitemap ul li { font-weight: bold; color: #fff; } div.sitemap ul li a { text-decoration: none; font-weight: normal; color: #fff; } div.sitemap ul li ul li a { text-decoration: none; font-weight: normal; } #contentBottom { background: url(../images/layout/bg-content-bottom-ie6.png) no-repeat; height: 10px; position: relative; text-indent: -3000px; overflow: hidden; } /*------------ Content Tables -------------*/ table#specs { /*border: 1px solid #376FA6; padding: 1px; margin-top: 10px;*/ } table#specs tr.alt { background: #9DC9E4; } table#specs th, #content table#specs td { padding: 10px ; } table#specs th { width: 180px; text-align: right; background: url(../images/layout/bg-th.png) no-repeat 193px 14px; vertical-align: text-top; font-size: 14px; color: #26B5E8; padding-right: 22px; } table#specs tr.alt th { background-color: #9DC9E4;} table#specs td { font-size: 14px; padding-left: 2px; color: #fff; } table#licensees { padding:0; width: 460px; font-size: 12px; padding: 10px 0 10px 0; margin: 0 0 10px 0; border-top: 1px solid #7696b5; } table#licensees.nobordertop { border:0; padding: 0; margin:0; } table#licensees tr th { font-size: 16px; font-weight: bold; color: #003A5E; padding-top: 10px; } table#licensees tr td.image { font-size: 14px; } table#licensees tr td.email { padding-left: 12px; } table#licensees tr td a { color: #0075ec; text-decoration: underline; } /*---------- Contact Form ----------*/ form#contactForm { } form#contactForm fieldset { border: none; } form#contactForm fieldset legend { display: none; } form#contactForm fieldset div { padding-bottom: 10px; } form#contactForm fieldset div label { font-size: 14px; font-weight: bold; width: 120px; display: block; float: left; text-align: right; padding: 1px 5px 0 0; color: #075387; } form#contactForm fieldset div input.input, form#contactForm fieldset div textarea { width: 300px; padding: 2px; border: 1px solid #26B5E8; background: #E1EEF7; } form#contactForm fieldset div input.input.error, form#contactForm fieldset div textarea.error { border: 1px solid #990000; } form#contactForm fieldset div select.input { width: 307px; padding: 2px; border: 1px solid #26B5E8; background: #E1EEF7; } form#contactForm fieldset div textarea { height: 75px; } form#contactForm div#submit { text-align: right; padding: 0 50px 15px 0; } form#contactForm div#submit input { width: 226px; height: 42px; font-size: 15px; font-weight: bold; color: #26B5E8; background: url(../images/layout/submit-button.png) no-repeat; cursor: pointer; border: none; } #content div.container { background: #F7BFBE url(../images/layout/error-notice.png) no-repeat left center; border: 1px solid #A3231E; padding: 10px 10px 10px 50px; /*margin-top: -20px;*/ margin-bottom: 10px; display: none; } #content div.container h5 { font-size: 12px; color: #A3231E; padding: 0; } #content div.container ol { margin-left: 20px; padding: 0; } #content div.container ol li { font-size: 11px; color: #A3231E; margin: 0 } #message { padding-top: 52px; padding-bottom: 95px; } div.container { position: absolute; top:0; left:0; } /*---------- Login Form ----------*/ #content p.red-form{color:#990000; font-weight:bold;} form#conn-client div{padding:5px 0;} form#conn-client div label { font-size: 14px; font-weight: bold; width: 120px; display: block; float: left; text-align: right; padding: 1px 5px 0 0; color: #075387; } form#conn-client div input{ width: 300px; padding: 2px; border: 1px solid #26B5E8; background: #E1EEF7;} form#conn-client div.submit { text-align: right; padding:10px 50px 15px 0; } form#conn-client div.submit input { width: 226px; height: 42px; font-size: 15px; font-weight: bold; color: #26B5E8; background: url(../images/layout/submit-button.png) no-repeat; cursor: pointer; border: none; } /* Documents view */ #content p.desc{color:#084b7e;} #content p.download img{padding:1px solid #fff; border:1px solid #fff;} #content span.update{float:right; font-size:11px; color:#084b7e;} #content span.update b{color:#26b5e8;} #content p a.pdf{color:#075387; font-weight:bold; background: url(../images/bg-download/pdf.png) no-repeat; padding-left:25px;} #content p a.doc, #content p a.docx{color:#075387; font-weight:bold; background: url(../images/bg-download/word.png) no-repeat; padding-left:25px;} #content p a.docx{color:#075387; font-weight:bold; background: url(../images/bg-download/word.png) no-repeat; padding-left:25px;} #content p a.xls, #content p a.xlsx{color:#075387; font-weight:bold; background: url(../images/bg-download/excel.png) no-repeat; padding-left:25px;} #content p a.ppt{color:#075387; font-weight:bold; background: url(../images/bg-download/ppt.png) no-repeat; padding-left:25px;} #content ul.nav{padding:15px 0;} #content ul.nav li{background:none; display:inline-block; border:2px solid #fff; width:18px; height:18px;padding:0; text-align:center; margin:3px;} #content ul.nav li.nav-doc{background:#26b5e8;} #content ul.nav li.current{background:#084b7e;} #content ul.nav span{font-size:12px; padding-right:15px;} #content ul.nav li a{font-size:13px; font-weight:bold; color:#fff;} #content ul.nav li span{font-size:13px; font-weight:bold; color:#fff; padding-right:0;} /* Admin */ #address ul.navig-admin{padding:15px;} #address ul.navig-admin li{padding:10px 0;} #address ul.navig-admin li.admin-add{ background: url(../images/bg-download/application_add.png) no-repeat left center; padding-left:25px;} #address ul.navig-admin li.admin-logout{ background: url(../images/bg-download/door_out.png) no-repeat left center; padding-left:25px;} #address ul.navig-admin li.admin-home{ background: url(../images/bg-download/application_home.png) no-repeat left center; padding-left:25px;} #address ul.navig-admin li a{color:#fff; font-size:14px; font-weight:bold;} #content div.highlight h5.admin-titre span{float:right;} #content ul.admin-doc li{background:none; display:inline-block;margin:3px;padding-bottom:15px;} #content ul.admin-doc li a.pdf{color:#075387; font-weight:bold; background: url(../images/bg-download/pdf.png) no-repeat; padding-left:25px;} #content ul.admin-doc li a.doc, #content ul.admin-doc li a.docx{color:#075387; font-weight:bold; background: url(../images/bg-download/word.png) no-repeat; padding-left:25px;} #content ul.admin-doc li a.xls, #content ul.admin-doc li a.xlsx{color:#075387; font-weight:bold; background: url(../images/bg-download/excel.png) no-repeat; padding-left:25px;} #content ul.admin-doc li a.ppt{color:#075387; font-weight:bold; background: url(../images/bg-download/ppt.png) no-repeat; padding-left:25px;} #content ul.admin-doc li a.mod-admin{color:#075387; font-weight:bold; background: url(../images/bg-download/application_edit.png) no-repeat; padding-left:25px;} #content ul.admin-doc li a.sup-admin{color:#075387; font-weight:bold; background: url(../images/bg-download/application_delete.png) no-repeat; padding-left:25px;} #content ul.admin-doc img{padding:1px; border:1px solid #fff;} form#conn div{padding:5px 0; position:relative;} form#conn div label { font-size: 14px; font-weight: bold; width: 120px; display: block; float: left; text-align: right; padding: 1px 5px 0 0; color: #075387; } form#conn div input{ width: 300px; padding: 2px; border: 1px solid #26B5E8; background: #E1EEF7;} form#conn div textarea{ width: 300px; padding: 2px; border: 1px solid #26B5E8; background: #E1EEF7; height:100px;} form#conn div.submit { text-align: right; padding:10px 50px 15px 0; } form#conn div.submit input { width: 226px; height: 42px; font-size: 15px; font-weight: bold; color: #26B5E8; background: url(../images/layout/submit-button.png) no-repeat; cursor: pointer; border: none; } form#conn div label.error{color:#990000; position:absolute; top:5px; left:300px;} form#conn div#mod-doc label.error{left:365px;text-align:left;} form#conn div input.error{border:1px solid #990000;} form#conn-client div{position:relative;} form#conn-client div label.error{color:#990000; position:absolute; top:5px; left:300px;} form#conn-client div input.error{border:1px solid #990000;} /*---- Footer ----*/ #footer { width: 902px; position: relative; margin: 0 auto; padding-top: 5px; } #logos { float: right; } #logos ul { list-style: none; } #logos ul li { float: left; font-size: 10px; color: #0079C2; margin-left: 15px; } #logos ul li span { width: 80px; display: block; float: left; text-align: right; padding: 10px 5px 0 0; line-height: 12px; } #logos ul li.nsf span { width: 110px; } #logos ul li img { border: none; position: relative; } #credits { text-align: left; } #credits ul { list-style: none; display: block; height: 16px; margin-left: -5px; } #credits ul li { float: left; font-size: 12px; padding: 0 4px 0 5px; border-right: 1px solid #4FA6D4; line-height: 14px; } #credits ul li.last { border-right: none; } #credits ul li a { color: #4FA6D4; } #credits ul li a:hover { color: #fff; } #credits p { font-size: 10px; color: #0079C2; } /*--------- jScrollPane ---------*/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; height: 200px; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../images/layout/bg-scroll-track.png) repeat-y; } .jScrollPaneDrag { position: absolute; background: url(../images/layout/drag-scroll.png) no-repeat; cursor: pointer; overflow: hidden; height: 18px; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 14px; background: url(../images/layout/arrow-scroll-up2.png) no-repeat; } a.jScrollArrowUp:hover { } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 14px; background: url(../images/layout/arrow-scroll-down2.png) no-repeat; } #news a.jScrollArrowDown:hover { } #news a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { } /*-------------- jQuery Lightbox --------------*/ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; 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-container-image img { border: 1px solid #003A5E;} #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, 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 10px; color: #666; } #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; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }