/* ---------- Generelles HTML ---------- */
code {font-size: 9px; font-family: verdana, courier, arial, helvetica, sans-serif; }
fieldset {padding: 6px; margin: 6px; border:1px solid #ddd}
legend {font-size: 11px; padding:4px; color:#777}
td,th,div,
select,option {font-size: 11px; color:#666666; font-family:Arial, Verdana, Helvetica, sans-serif;}
input,textarea {font-size: 11px; color:#99CC00; font-family:Arial, Verdana, Helvetica, sans-serif; padding:2px;}
option {border:none}
textarea {padding:2px}
form {display:inline}
small {font-size:12px}
fieldset {border-color:#ccc}
.box_td_spacer {line-height:2;}
.select_lang {width:100px; border-top:0px; border-left:0px; border-right:0px; border-bottom:0px solid #cccccc;background-color:#f1f1f1; color:#777777; padding-left:3px;}
.select_lang_item2 {padding-left:3px; color:#777777;}
.select_lang_item1 {padding-left:3px; color:#777777;}
.select_section {width:134px; border-top:0px; border-left:0px; border-right:0px; border-bottom:0px solid #cccccc; background-color:#c2c2c2; color:#ffffff; padding-left:3px;}
.select_section_item1 {padding-left:3px; background-color:#99CC00; color:#ffffff;}
.select_section_item2 {padding-left:3px; background-color:#99CC00; color:#ffffff;}
.select_section_item3 {padding-left:3px; background-color:#99CC00; color:#ffffff;}
.div_boxname_section {text-align:left; border-left:1px solid #ffffff; width:120px; margin-top:10px; color:#ffffff; margin-left:0px; margin-bottom:1px; height:16px; padding-right:10px; text-align:left;}
/* ---------- Haupttabelle ---------- */
/* schatten der seite */
.pageme {width:905px; border:1px solid #f2f2f2;}
.page_border {width:905px; background-color:#ffffff; border:1px solid #cccccc; }
.mainbody {background-color: #DAFEFC; padding:5px; text-align:left; }
.pageme_content {width:100%; padding-left:2px; padding-right:2px;}
.mainbody_top {background:#ffffff url(img/top_points.jpg); height:9px; background-repeat:repeat-x;}
.mainbody_main {background:#ffffff url(img/page_main.png); background-repeat:repeat-y;}
.mainbody_footer {background:#ffffff url(img/page_footer.png); height:5px; background-repeat:no-repeat;}
.bg_top {background:#ffffff url(img/bg_top_leiste.png); height:11px; background-repeat:repeat-x;}
.page_banner {background-image:url(img/headerbg.jpg); height:59px; background-position:center; background-repeat:no-repeat;}
.page_banner_shop {background-image:url(img/headerbg.jpg); height:59px; background-position:center; background-repeat:no-repeat;}
.page_footer {background-color:#F9F9F9; margin-top:1px; margin-left:2px; margin-right:2px; padding:5px; text-align:center;}
.page_footer_border {border-top:1px solid #eeeeee; margin-top:1px;}
.page_main {padding-top:5px;}
.links_banner {margin-left:10px; margin-bottom:10px; text-align:left;}
/* ---------- Seitenhintergrund ---------- */
html body {margin-top: 20px; background-color:#DAFEFC; }
/* ---------- Seitenkopf ---------- */
.pageheader {background:#777 url(img/header_bg.gif); height:120px}
/* ---------- linke & rechte Spalte ---------- */
#leftnavi {width:195px; padding-left:10px; padding-right:1px; border-right:0px solid #e2e2e2;}
#rightnavi {width:180px; padding-right:10px;}
/* ---------- mittige Spalte bzw. Inhalt ---------- */
#content {padding-left:10px; padding-right:10px; padding-top:8px; width:673px;}
/* ---------- Links ---------- */
a:link,a:visited {color: #777777; text-decoration: underline; font-weight:;}
a:hover {color: #99CC00; text-decoration: underline; font-weight:;}
img{
border:0;
}
a.top_active,a.top_active:visited,a.top_active:hover {color:#99CC00; font-weight:bold;}
/* ---------- Links der Navigations-Boxen ---------- */
a.links_boxes:link,
a.links_boxes:visited {color: #777; text-decoration:none}
a.links_boxes:hover {color: #99CC00; text-decoration:none}
a.light:link,
a.light:visited {color: #000; text-decoration: underline; font-weight:normal;}
a.light:hover {color: #777;text-decoration:none;font-weight:normal;}
/* ---------- Hauptkategorie-Link Downloads & Links ---------- */
a.categtitle_b:link,
a.categtitle_b:visited{color:#666666; font-size:11px; font-weight:bold}
a.categtitle_b:hover {color: #99CC00; font-size:11px; font-weight:bold}
/* ---------- Links unter Newstitel ---------- */
a.newsintro:link {color: #000;font-weight:normal; text-decoration:none}
a.newsintro:visited {color: #000;font-weight:normal; text-decoration:none}
a.newsintro:hover {color: #777;font-weight:normal; text-decoration:none}
/* ---------- Links der Speedbar- Navigation ---------- */
a.speedbar:link {color:#999999;text-decoration:underline;}
a.speedbar:visited {color:#999999;text-decoration:underline;}
a.speedbar:hover {color:#99CC00;text-decoration:underline;}
a.speedbar_top:link {color:#99CC00;text-decoration:underline;}
a.speedbar_top:visited {color:#99CC00;text-decoration:underline;}
a.speedbar_top:hover {color:#999999;text-decoration:none;}
/* ---------- Hauptüberschriften Boxen + Hintergrund ---------- */
.navigation_box {background:#DCDCDC; height:25px; padding-left:12px; line-height:25px; font-weight:bold; color:#666666; border-bottom:1px solid #B8B8B8;}
/* ---------- Hintergrund Boxen ---------- */
.navigation_box_bg_cats {padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; text-align:left;}
.navigation_box_bg {background:#f9f9f9; padding-left:15px; padding-right:10px; padding-top:10px; padding-bottom:10px; text-align:left;}
.div_boxname {width:60px; margin-top:10px; color:#ffffff; margin-left:0px; margin-bottom:1px; background:#99CC00; height:16px; padding-left:10px; text-align:left;}
.div_boxname_navi {width:60px; margin-top:10px; color:#ffffff; margin-left:0px; margin-bottom:1px; background:#99CC00; height:16px; padding-left:10px; text-align:left;}
.div_boxname_shop {margin-top:10px; color:#ffffff; margin-left:0px; margin-bottom:1px; background:#99CC00; height:16px; padding-left:10px; text-align:left;}
.div_middle_line {margin-bottom:2px; border-top:2px solid #eeeeee;}
/* linke und untere boxrahmen */
.div_box_padding {margin-top:1px; padding-bottom:1px; padding-right:1px; padding-left:1px; border-left:2px solid #99CC00; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.div_box_padding_border {margin-top:10px; padding:5px; border:1px solid #eeeeee;}
.div_box_padding_cart {margin-top:1px; padding-bottom:1px; padding-right:1px; padding-left:1px; border-left:2px solid #99CC00; border-right:2px solid #99CC00; border-bottom:1px solid #eeeeee;}
.div_box_padding_cart_border {margin-top:10px; padding:5px; border:1px solid #eeeeee;}
#archivebox h1,h2 {display:inline; font-size:14px; font-weight:bold;}
.box_newsticker {text-align:left; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin-top:0px; padding:5px; background-color:#ffffff; }
.newnews_title {border-bottom:1px solid #eeeeee; text-align:left;}
.box_lastthreads {margin-top:0px; padding:5px; text-align:left;}
/* ---------- 1. und 2. alternierende Zeilenfarbe ---------- */
.row_first {background-color: #ffffff; padding-left:5px;}
.row_second {background-color: #f9f9f9; padding-left:5px;}
/* ---------- Tabellen Background ---------- */
.formArea {background-color: #f9f9f9; padding-left:5px;}
/* ---------- Normale Boxen (Inhalte) ---------- */
.box_inner {background-color:#fff;}
.box_inner_body {background-color:#fff;}
/* ---------- Formatierung Tabelle "Downloadpopup, Login, galeriebild, Inlineshot ---------- */
.outer_boxborder {background-color: #fff; margin: 1px; padding: 1px; border: 1px solid #e6e6e6;}
/* ---------- Box Kommentare News, Gästebuch, usw ---------- */
.commentfield {border:1px solid #ccc; color:#666; padding:10px; background-color:#fff; margin-bottom:3px}
/* ---------- Zellenauffüllung Inhaltboxen ---------- */
.box_padding {padding:4px}
/* ---------- Titel Suchergebnisse ---------- */
.title_result_search {font-size:14px; font-weight:bold}
/* ---------- Newstitel in Newsansicht ---------- */
.title_big {font-size:16px; font-weight:bold; color:#99CC00}
/* ---------- Artikel-Text eigene Ansicht ---------- */
.article {text-align:justify}
/* ---------- Topnews / Topartikel Startseite ---------- */
.topnews {text-align:left; color:#99CC00; font-size:14px; border-bottom:2px solid #eeeeee; background-color:#fff;padding:2px;}
.intro {background-color:#ffffff; padding:5px; margin-top:5px; text-align:left; border-top:1px solid #eeeeee;}
.intro_news {background-color:#ffffff; padding:5px; margin-top:5px; text-align:left;}
.readmore {padding-left:5px;}
/* ---------- Newsansicht wenn 1-Spaltig ---------- */
.content_left_one {}
/* ---------- Obere Navigation ---------- */
.speedbar {color:#cccccc;}
/* ---------- Linien unter und oberhalb von Navigationen (News und Artikel ---------- */
.hrdiv {height:1px; background-color:#D7D7D7; margin-top:5px; margin-bottom:5px}
/* ---------- Trenner: Trennt einzelne Artikel in Archiven News & Artikel ---------- */
.news_spacer {border-bottom:1px solid #fff;}
/* ---------- Mittige Bild - Ausrichtung ---------- */
.absmiddle {vertical-align:middle;}
/* ---------- Inlineshot ---------- */
.inlineshotbox {margin-top:10px; margin-right:10px; float:left; border:1px solid #ddd; width:130px; padding:1px;}
.inlineshot_text {background-color:#f1f1f1; padding:2px; color:#000;}
/* ---------- Normale Boxen Titel(Inhalte) ---------- */
.box_innerhead {color:#999999; border-bottom:2px solid #eeeeee; padding:5px; font-size:14px; font-weight:bold;position:relative}
.box_innerhead_small {color:#999999; border-bottom:2px solid #eeeeee; padding:5px; font-size:11px; font-weight:normal;position:relative}
/* ---------- Container Boxen (Beinhalten Normale Boxen) ---------- */
.box_outer {background-color: #fff; text-align:left;}
.box_outerhead {background-color: #fff; padding: 0px; position:relative; text-align:left; border-bottom:dotted; border-bottom-color:#99CC00; border-bottom-width:1px;}
/* ---------- Boxen (Archiv- Auswahl in News & Artikelarchiv) ---------- */
.box_archive_selector {}
/* ---------- 0px Rahmen Style für IE (Checkboxen) ---------- */
.noborder {border: 0px}
/* ---------- Schaltflächen ---------- */
.button,.button_bbodes {font-size:11px;color: #fff;cursor: pointer;}
/* ---------- Codeboxen für HTML und PHP ---------- */
.divcode {background-color:#ffffff; border:1px dotted #FF0000; font-size:9px; font-family: verdana, arial, helvetica, sans-serif; }
.divcode_header {MARGIN: 5px 0px 0px; background-color: #FFCCCC; padding:2px; color:#FF0000; width:50px; text-align:center;}
.divcode_quote {background-color:#FFFF99; border:1px solid #ffffff;}
.divquote_header {MARGIN: 5px 0px 0px; background-color:#FFCC00; padding:2px; color:#ffffff; width:50px; text-align:center;}
/* ---------- Fehlermeldungen ---------- */
.errorfont {color: red; font-weight: normal;}
/* ---------- Seiten-Navigation 1,2,3 usw. ---------- */
a.page_navigation:link,
a.page_navigation:visited{font-weight:normal;color:#fff;background-color:#C0C0C0;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px}
a.page_navigation:hover,
a.page_navigation,.pnav {font-weight:normal;color:#fff;background-color:#777;text-decoration: none;padding-bottom:1px;padding-left:4px;padding-right:4px;padding-top:1px;}
/* ---------- Hervorhebung von Suchergebnissen ---------- */
.highlight {font-weight:bold }
/* ---------- Textformatierung F.A.Q ---------- */
.faqtext {padding: 8px;}
/* ---------- Auswahlmenü "Hersteller" ---------- */
.selectfield {background-color:#fff; border: 1px solid #C0C0C0; overflow:auto; height:100px; padding: 3px}
/* ---------- Seitefuß Copyrighthinweis ---------- */
a.calevent_extended:link,
a.calevent_extended:visited{text-decoration:underline;font-weight:normal;color:#777;}
a.calevent_extended:hover {font-weight:normal;text-decoration:none;}
.copyright {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 1.5;
text-align:center;
color: #999999;
}
.parseTime {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 1.5;
text-align:center;
color: #999999;
}
SPAN.productOldPrice {
font-size:12px;
color: #f63030;
text-decoration: line-through;
}
/* ---------- DIV CONTAINER AGB REGISTRIERUNG ---------- */
.agb_container_payment {border:1px solid #DCDCDC;padding:2px;height:180px;overflow:auto;background-color:#fff}
/* ---------- DIV CONTAINER AGB REGISTRIERUNG WENN FEHLER ---------- */
.agb_container_payment_error{border:1px solid #DCDCDC;padding:2px;height:180px;overflow:auto;background-color:#fff}
/* ---------- Muss nicht editiert werden ---------- */
/* ---------- Setzt 'float' auf 0 ---------- */
.clear {clear:both}
.floatcontent {padding:0px; _min-height:80px; /* ---------- FÜR IE: ---------- */ _height: 6em }
/* Download Bedingungen */
.download_accept {border:1px dotted #ff0000; color:#FF0000; padding:5px; text-align:center; margin-bottom:10px;}
.phpcode_heading {color:#ffffff; background-color:#FFCCCC; margin-top:15px; width:50px; padding-left:5px; padding-right:5px;}
.phpcode {border:1px dotted #FFA8A8; padding:5px; white-space:pre;}
.php_code_row_number {color:#FFCCCC;}
.php_code_comment {color:#BCBCBC;}
.group_discount {color:#666666;font-size:11px;}
.group_price {color:#ff0000;font-size:12px;font-weight:bold;}
.group_table {background-color:#f9f9f9; border:1px solid #cccccc; margin:5px; padding:5px; width:150px;}
.imageHover {margin:5px;padding:3px;border:1px solid #cccccc;}/* CSS Document */
/* ---------- Tabs Produkt - info ---------- */
.productdetail_active {font-weight:bold; text-align:center; float:left; width:auto; padding:3px; background-color:#ddd; border:1px solid #ddd; border-bottom:0px; margin-right:1px}
.productdetail_inactive {text-align:center; float:left; width:auto; padding:3px; background-color:#fff; border:1px solid #ddd; border-bottom:0px; margin-right:1px}
/* ---------- Neue Produkte Startseite ---------- */
/* ---------- 1. Box Neue Produkte ---------- */
.container_newproducts_1 {background-color:#fff; border: 1px solid #ddd; margin-bottom:7px; margin-top:5px; padding:5px}
.container_newproducts_2 {background-color:#F6F6F6; border: 1px solid #ddd; margin-bottom:7px; margin-top:5px; padding:5px}
/* ---------- Produktpreis ---------- */
.newproducts_price {text-align:right; font-size:14px; font-weight:bold; color:#777}
/* ---------- Detail-Link rechts unten ---------- */
.newproducts_detail {text-align:right; margin-bottom:2px }
/* ---------- Breite einer Spalte obere Shopnavigation WERT * 3 ~ 100 % ---------- */
.shoptopnavi_width_once {float:left; _width:100%;}
/* ---------- Produktdetail-Ansicht ---------- */
/* ---------- Linke Spalte (Bild) ---------- */
.product_detail_left {width:20%; float:left}
/* ---------- Rechte Spalte ---------- */
.product_detail_right {width:75%; float:left}
/* ---------- Obere Spalte Produkttitel ---------- */
.product_title_top {float:left; width:70%; font-weight:bold;font-size:14px; color:#777}
/* ---------- Obere Spalte Verfügbarkeits-Icon ---------- */
.product_detail_top {float:left; width:28%; text-align:right}
/* ---------- Linke & Rechte Spalten Preisstaffelungen, Produktvarianten + Dropdownfeld ---------- */
.product_detail_various_title {position:relative; font-weight:bold}
.product_detail_various_left {float:left; width:25%}
.product_detail_various_right {float:left; width:70%}
.product_deatil_various_select {width:200px}
/* ---------- Auswahloption Stückzahl ---------- */
.product_detail_dropdown {float:left; width:90px}
.product_detail_dropdown_select {width:85px}
/* ---------- Button In den Warenkorb, Vorbestellung ---------- */
.product_detail_orderbuttons {float:left; width:200px}
/* ---------- Produkt-Teaser rechte Spalte ---------- */
.product_newest_box{margin-right:0px; border:1px solid #eeeeee; margin-bottom:5px}
/* ---------- FORMATIERUNG FELDER UND TEXT BEI REGISTRIERUNGSFEHLER ---------- */
.inputerror {color:#777;font-size:11px;}
.inputfielderror {border:2px solid #777;padding:2px;}
/* ---------- TABELLENKOPF VERSANDARTEN ---------- */
.shipping_header {margin-top:5px; padding:4px;color:#000;font-weight:bold;background-color:#F2F0EE;}
/* ---------- TABELLE VERSANDARTEN ---------- */
.shipping_body {border-bottom:1px solid #eee;padding:1px;background-color:#fff; }
/* ---------- TABELLE VERSANDKOSTENFREIE ZUSTELLUNG ---------- */
.shipping_info {margin-top:6px;margin-bottom:6px;padding:5px;color:#666;background-color:#eee;}
/* ---------- PRODUKTLINK GROSS IN TABELLE 'Folgende Produkte sind in dieser Kategorie verfügbar' ---------- */
a.shopitem_big:link,
a.shopitem_big:visited {font-size:14px;font-weight:bold;color:#777;text-decoration:none;}
a.shopitem_big:hover {color:#000;}
/* ---------- WARNUNGSTEXT, WENN WENIG STÜCK AUF LAGER SIND ---------- */
.shop_small_warning {font-weight:normal;color:#777}
/* ---------- TABELLE, DIE PRODUKTE ENTHÄLT ---------- */
.itembox {padding:10px; border: 1px solid #D5D5D5;}
/* ---------- TABELLE NEUESTE PRODUKTE ---------- */
.shop_lastitems {height:15px; padding:3px; background-color:#f9f9f9; color:#000; font-weight:bold; _border-bottom:1px solid #DCDCDC}
/* ---------- Preis Produkt Kategorieübersicht ---------- */
.itembox_price {color:#fff; font-weight:bold; padding:0px; padding-left:5px; letter-spacing:1px; background: #777}
/* ---------- Hintergrund Details & Kaufen Kategorieübersicht ---------- */
.itembox_order {background:#C0C0C0}
.itembox_text {height:140px;}
a.new_articles:link,
a.new_articles:visited {color:#000; text-decoration:none; font-weight:bold;}
/* ---------- NEUESTE PRODUKTE STARTSEITE ---------- */
.itembox_startpage {border:1px solid #DCDCDC;background-color:#fff}
/* ---------- DATUM ERSCHEINUNGSTERMIN ---------- */
.shop_time_small {color:#bcbcbc;}
/* ---------- TABELLE NAVIGATION, WELCHE PREISSORTIERUND UND SEITEN NAVIGATION ENTHÄLT ---------- */
.shop_navidiv {padding:5px;background-color:#E9E9E8;}
/* ---------- 1. UND 2. WECHSELNDE HINTERGRUNDFARBE WARENKORB ---------- */
.basket_items_secondtr {background-color:#fff;}
.basket_items_firsttr {background-color:#f9f9f9;}
/* ---------- TABELLEN-FUSS WECHSELND WARENKORB-ARTIKEL ---------- */
.basket_items_bottom {border-bottom:1px solid #DCDCDC;}
/* ---------- TABBELLENKOPF WARENKORB ---------- */
.basket_header {background-color:#D5D5D5;color:#666;font-weight:bold;padding:4px;border-bottom:1px solid #fff;}
/* ---------- TABELLE WARENKORB ---------- */
.shop_basketborder {background-color:#fff;border:1px solid #fff;}
/* ---------- TABELLEN PREISRECHNUNG WARENKORB ---------- */
.shop_basket_prices {border-top:0px solid #DCDCDC;background-color:#fff;padding:1px;padding-left:8px;}
/* ---------- TABELLE GESAMTPREIS WARENKORB ---------- */
.shop_summ {background-color:#F2F0EE;color:#000;padding:4px;
}
/* ---------- TEXT LISTENPREIS - STATT... ---------- */
.shop_listprice {font-size:11px;}
/* ---------- TEXT 'SIE SPAREN...' ---------- */
.shop_you_saved {color:#777;}
/* ---------- TABELLE, DIE DEN PREIS ENTHÄLT (DETAIL) ---------- */
.shop_pricebox {padding:11px;border:1px solid #DCDCDC;background-color:#F6F6F6;}
/* ---------- Produkt-Titel ---------- */
.shop_product_big {font-weight:bold;font-size:14px; color:#777}
/* ---------- PREISFORMATIERUNG ---------- */
.shop_product_price_big{text-align:right; font-weight:bold;font-size:14px; color:#777; margin-top:3px; margin-bottom:3px}
/* ---------- ZAHLUNGSMETHODEN- TABELLE ---------- */
.paymethod_div {border:1px solid #D2D0CF;padding:5px;color:#333;background-color:#eee;margin-left:25px;}
/* ---------- TABELLE SUCHMASKE SHOP ---------- */
.xsearchform {background-color:#fff;border:1px solid #DCDCDC;}
.shopinput {border:0px; padding:0px;}
#TdPicLink td{
padding:10px 0 0 0;
border: 1px solid #dde3e6;
}
.contentsTopics {
font-family: verdana, courier, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#999999;
}
.onepxwidth {
width: 1px;
}
/* Sitemap Tables */
.sitemap_heading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #FFFFFF;
background-color: #f2f2f2;
padding-top: 2px;
padding-bottom: 2px;
border: 1px solid #CCCCCC;
text-align:center;
}
.sitemap_heading a {color:#606060;}
.sitemap_heading a:hover {color:#618fb4; text-decoration:none;}
.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #FFFFFF; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}
/* Power Search */
.ps_hit {color: #9C0;}
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}