table.wk {background:#fff;} table.wk_zk {background:#fff;} #rahmen {background:#fff;} #rahmen tr td {background:#fff;} /* --- Neue AAT */ .her-link a {font-weight:normal!important;color:#000!important;text-decoration:none!important;} .ada_text a {font-weight:normal!important;color:#000!important;text-decoration:none!important;} #breadcrumb { margin: 15px 0 5px 0; font-weight:bold; font-size:12px; float:left; } #breadcrumb a { text-decoration: underline; } #artikelzusaetze { float:left; margin:-15px 0 0 10px; display:block; height:35px; width:150px; } #artikelzusaetze img { float:left; margin-right:5px; } #artikeldetail { width:820px; height:auto; overflow:hidden; } #artikeldetail p a { text-decoration:underline; } #artikeldetail h1 { font-family: Georgia,Times,Serif; font-size: 24px; color: #222222; text-align: center; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #888888; height: 25px; display: block; font-weight: normal; } #col-left { width:180px; height:auto; margin:0; padding:0; float:left; } #col-middle { width:330px!important; height:auto; margin:0x; padding:5px; float:left; } #col-right { width:290px; height:auto; padding:0; margin:5px 0 0 0; float:right; overflow:auto; border:none; } #artikeldetail div#bewerti { float:left; width:300px!important; } #auszeichnungen { float:left; width:auto; } #col-bottom { width:820px; height:auto; overflow:hidden; } /* --- Neue AAT Ende */ .staffel { width:205px; height:33px; background:#671E07; font-size:16px; padding:0 0 0 5px; margin:0; text-align:center; font-weight:bold; color:#ffffff; font-family:Arial-Narrow,Arial, Helvetica, sans-serif } .aa_menge_staffel_literpreis{color:#ddd;} .e6 { font-size: 12px; font-weight:bold; color: #ffffff; background: url(img/se_preisersparnis.gif) no-repeat; width:45px; height:45px; text-align:center; padding-top:14px; } A {text-decoration:none; color: #4a391f;} A:visited {color: #4a391f;} A:hover {text-decoration:none;} body {infobackground:#BACAC7; scrollbar:#BACAC7; buttonface:#BACAC7; color:#4a391f} iframe {border: 1px solid #E6DCC1;background:#ffffff;} select {width:140px;} h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a391f; text-decoration:none;} h5 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-weight:normal; color: #ABA697; text-decoration:none;margin:0px;padding:0px;margin-left:5px;width:400px;position:relative;margin-top:-20px;} /*Tabellenzeilenhintergrund*/ .tdbg{background-color:#E3D5B9;}/*dfd9c9*/ p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f; text-decoration:none;} form, input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f;} .serie_1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f; text-indent: 1px;font-weight: bold;} .serie_tab {width: auto;height: auto;} .serie_tab img {align:center;} /*Hauptschriftart für Preis, Artikeltext(klein), Musiktitel, Footertext*/ .a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4a391f; text-decoration:none;} /*Text-Menü unten*/ .a1 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none;color:#4a391f} .a1 a {text-decoration:none;font-size:10px;color:#4a391f} .a1 a:active {text-decoration:none;font-size:10px;color:#4a391f} .a1 a:hover {text-decoration:none;font-size:10px;color:#4a391f} .a2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f; text-decoration:none;} /*zzgl. Versandkosten auf Startseite*/ .a3 {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #6C0606; text-decoration:none;} .a4 {font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #6C0606; text-decoration:none;} /*Preis(früher), Artikeltext(normal), Text in Startseitenmodulen,*/ .b {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4a391f; text-decoration:none;} /*Überschriften Mitte*/ .b1 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f; text-decoration:none;} /*Preise in Infogruppen*/ .b2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6A2226; text-decoration:none;font-weight:bold;} .b3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4a391f; text-decoration:none;} .b4 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration:none;} /*Login, Warenkorb, Zur Kasse, usw..., Artikelgruppen wenn im Text-Menü und nicht als Reiter*/ .b5 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none;} .b5 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e6e4c6; text-decoration:none;} /*Überschrift der Shopfenster !*/ .b6 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4a391f; text-decoration:none;} /*Feldbezeichner Loginbereich*/ .b7 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5A584F; text-decoration:none;line-height:19px;} /*Preis in Artikeldetailanzeige / Artikelname1 in Artikeldetail / Staffelpreise*/ .c {font-family: Arial,Verdana; font-size: 11px; color: #4a391f;font-weight:bold;} .c1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;} .c1 a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;} /*Überschriften bei neues Konto anlegen*/ .c2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a391f;} .c3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6C0606;} .c4 {font-family: Arial,Verdana; font-size: 18px; color: #4a391f;font-weight:bold;} .e {font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #4a391f;} .e1 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #FFFFFF;} .e2 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #4a391f;} .e3 {font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #CC0000;} .h {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-indent: 1px;} /*Sprache/Währung/eMail/Passwort in Shopfenstern*/ .k {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4a391f; text-indent: 1px;} /*Verlinkte Überschriften in Bewertungen und bei Bewertung abgeben*/ .k2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4a391f; text-indent: 1px;} LI {list-style-type: square; color: #4a391f;} HR {height=1; color: #FFFFFF;} .x2 {font-family: Arial, Helvetica, sans-serif, Helvetica; font-size: 11px; color: #4a391f; font-weight:bold;} .y2 {font-family: Arial, Helvetica, sans-serif, Helvetica; font-size: 10px; color: #4a391f; font-weight:bold;} .x19 {font-family: Arial, Helvetica, sans-serif, Helvetica; font-size: 16px; color: #CC0000; font-weight:bold;} .y19 {font-family: Arial, Helvetica, sans-serif, Helvetica; font-size: 12px; color: #4a391f; font-weight:bold;} a:link.c1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF;} #price_uvp_text {position:relative;top:10;z-index:10;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px;color:#682E38;} #price_uvp_cross {position:relative;top:-9;z-index:11;} .dbheadline {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #6E1A36;font-weight:bold;} .dbbutton {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E1A36;font-weight:bold;} .dbbutton a:hover,a:link,a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6E1A36;font-weight:bold;} .dbbutton1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;font-weight:bold;} .c1black {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4a391f;} .se_count {height:25px;margin-top:10px;padding:10px;} .se_count_font_normal {position:relative;margin-top:5px;font-family: Arial, Helvetica; font-size: 18px; color: #6D163A; text-decoration:none;cursor:hand;} .se_count_font_activ {color: #6D163A; cursor:hand;} /*Generisches-Menü-Oben*/ #nav_generic {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:none;color:#ffffff;font-weight:normal} #nav_generic a {text-decoration:none;font-size:11px;color:#ffffff;font-weight:normal} #nav_generic a:hover {text-decoration:none;font-size:11px;color:#ddd;font-weight:normal} /* 2-Spaltiges Suchergebnis */ .srp-div { border: 1px solid #AAA496; height:260px; width:310px; margin-bottom:3px; } .srp-top { padding:5px; } body > table { border-right:1px solid #000000!important; border-left:1px solid #000000!important; } .x62{display:block;float:left;height:70px;width:120px;overflow:auto;} #tgp { background:url(http://www.vinexus.de/img/tgp.jpg); width:353px; height:155px; } #tgp ul { list-style:none; margin:0; font-size: 1.2em; font-weight:bold; padding:40px 0 0 0; } #tgp ul li { display:block; float:left; margin:0 2px 0 10px; } #tgp ul li a { text-decoration:none; color: #0B0B0B; } #tgp ul li a:hover { color: #896230; } .welcome { text-align:center; font-size:10px!important; color:#b0a790!important; } #loginbereich { width:620px; } #loginbereich-left { width:300px; height:200px; float:left; background:#E3D5B9; } #loginbereich-right { width:300px; height:200px; float:right; background:#E3D5B9; } #loginbereich-sofortkauf { width:620px; float:left; margin-top:20px; background:#E3D5B9; } .loginbereich-headline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #5A584F; line-height:30px; } .loginform { } #in_wk {display:block!important; display:none;float:left;position:relative;margin-left:-421px;margin-top:-100px;z-index:10000;width:320px;height:195px;border: 1px solid #333333;background-color:#FFFFFF;} #in_wk img { float:left; margin:0; padding:0; } .anzahl_ag {font-size: 9px; color: #999999;} .anzahl_aug {font-size: 9px; color: #999999;} .anzahl_zk {font-size: 9px; color: #999999;} .anzahl_her {font-size: 9px; color: #999999;} .anzahl_azu {font-size: 9px; color: #999999;} #kai2 { width:auto; height:auto; border:1px solid #777; text-align:left; } #kai2 h1 { position:relative; margin-top:-25px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; font-weight:bold; margin-left:8px; } #kai2 p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin-left:8px; margin-right:8px } .sf_tab_her_ag2 {width: 159px!important;width:160px; height: 350px; overflow-x: hidden; overflow-y: auto;border-right:1px solid #FFFFFF;} .sf_tab_her_ag4 {width: 159px!important;width:160px; height: 350px; overflow-x: hidden; overflow-y: auto;border-right:1px solid #FFFFFF;} .tip { border-bottom:1px dotted #000000; cursor:help; } a.tip, a.tip:link, a.tip:visited, a.tip:active { color: #616161; text-decoration: none; position: relative; } a.tip:hover { background: transparent; z-index: 100; } a.tip span { display: none; text-decoration: none; } a.tip:hover span { display: block; position: relative; top: 100px; left: 0; width: 200px; z-index: 100; color: #2f2f2f; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding: 2px 10px; background-color: #ebebeb; text-align: left; border-color: #780303; border-style: solid; border-width: 1px 4px; } /** * @file: highslide.css * @version: 4.1.8 */ .highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; } .highslide-container table { background: none; } .highslide { outline: none; text-decoration: none; } .highslide img { border: 2px solid silver; } .highslide:hover img { border-color: gray; } .highslide-active-anchor img { visibility: hidden; } .highslide-gallery .highslide-active-anchor img { border-color: black; visibility: visible; cursor: default; } .highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; } .highslide-wrapper, .highslide-outline { background: white; } .glossy-dark { background: #111; } .highslide-image-blur { } .highslide-number { font-weight: bold; color: gray; font-size: .9em; } .highslide-caption { display: none; font-size: 1em; padding: 5px; /*background: white;*/ } .highslide-heading { display: none; font-weight: bold; margin: 0.4em; } .highslide-dimming { position: absolute; background: black; } a.highslide-full-expand { background: url(img/highslide/fullexpand.gif) no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px; } .highslide-loading { display: block; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px; background-image: url(img/highslide/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i { padding: 2px; color: silver; text-decoration: none; font-size: 10px; } a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; } .highslide-move, .highslide-move * { cursor: move; } .highslide-viewport { display: none; position: fixed; width: 100%; height: 100%; z-index: 1; background: none; left: 0; top: 0; } .highslide-overlay { display: none; } .hidden-container { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(img/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Thumbnail boxes for the galleries. */ /* Remove these if you are not using a gallery. */ /*****************************************************************************/ .highslide-gallery ul { list-style-type: none; margin: 0; padding: 0; } .highslide-gallery ul li { display: block; position: relative; float: left; width: 106px; height: 106px; border: 1px solid silver; background: #ededed; margin: 2px; line-height: 0; overflow: hidden; } .highslide-gallery ul a { position: absolute; top: 50%; left: 50%; } .highslide-gallery ul img { position: relative; top: -50%; left: -50%; } html>/**/body .highslide-gallery ul li { display: table; text-align: center; } html>/**/body .highslide-gallery ul li { text-align: center; } html>/**/body .highslide-gallery ul a { position: static; display: table-cell; vertical-align: middle; } html>/**/body .highslide-gallery ul img { position: static; } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(img/highslide/controlbar-white.gif) 0 -90px no-repeat; margin: 20px 15px 10px 0; } .highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url(img/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; list-style: none; } .highslide-controls a { background-image: url(img/highslide/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a.disabled span { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; cursor: pointer; } /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a { background-position: 0 0; } .highslide-controls .highslide-previous a:hover { background-position: 0 -30px; } .highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; } .highslide-controls .highslide-play a { background-position: -30px 0; } .highslide-controls .highslide-play a:hover { background-position: -30px -30px; } .highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; } .highslide-controls .highslide-pause a { background-position: -60px 0; } .highslide-controls .highslide-pause a:hover { background-position: -60px -30px; } .highslide-controls .highslide-next a { background-position: -90px 0; } .highslide-controls .highslide-next a:hover { background-position: -90px -30px; } .highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; } .highslide-controls .highslide-move a { background-position: -120px 0; } .highslide-controls .highslide-move a:hover { background-position: -120px -30px; } .highslide-controls .highslide-full-expand a { background-position: -150px 0; } .highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; } .highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; } .highslide-controls .highslide-close a { background-position: -180px 0; } .highslide-controls .highslide-close a:hover { background-position: -180px -30px; } /*****************************************************************************/ /* Styles for the HTML popups */ /* Remove these if you are not using Highslide HTML */ /*****************************************************************************/ .highslide-maincontent { display: none; } .highslide-html { background-color: white; } .highslide-html-content { display: none; width: 400px; padding: 0 5px 5px 5px; } .highslide-header { padding-bottom: 5px; } .highslide-header ul { margin: 0; padding: 0; text-align: right; } .highslide-header ul li { display: inline; padding-left: 1em; } .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next { display: none; } .highslide-header a { font-weight: bold; color: gray; text-transform: uppercase; text-decoration: none; } .highslide-header a:hover { color: black; } .highslide-header .highslide-move a { cursor: move; } .highslide-footer { height: 16px; } .highslide-footer .highslide-resize { display: block; float: right; margin-top: 5px; height: 11px; width: 11px; background: url(img/highslide/resize.gif) no-repeat; } .highslide-footer .highslide-resize span { display: none; } .highslide-body { } .highslide-resize { cursor: nw-resize; } /*****************************************************************************/ /* Styles for the Individual wrapper class names. */ /* See www.highslide.com/ref/hs.wrapperClassName */ /* You can safely remove the class name themes you don't use */ /*****************************************************************************/ /* hs.wrapperClassName = 'draggable-header' */ .draggable-header .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .draggable-header .highslide-heading { position: absolute; margin: 2px 0.4em; } .draggable-header .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .draggable-header .highslide-header .highslide-move * { display: none; } .draggable-header .highslide-header .highslide-close { position: absolute; right: 2px; top: 2px; z-index: 5; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(img/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } .draggable-header .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'titlebar' */ .titlebar .highslide-header { height: 18px; border-bottom: 1px solid #dddddd; } .titlebar .highslide-heading { position: absolute; width: 90%; margin: 1px 0 1px 5px; color: #666666; } .titlebar .highslide-header .highslide-move { cursor: move; display: block; height: 16px; position: absolute; right: 24px; top: 0; width: 100%; z-index: 1; } .titlebar .highslide-header .highslide-move * { display: none; } .titlebar .highslide-header li { position: relative; top: 3px; z-index: 2; padding: 0 0 0 1em; } .titlebar .highslide-maincontent { padding-top: 1em; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .wide-border { background: white; } .wide-border .highslide-image { border-width: 10px; } .wide-border .highslide-caption { padding: 0 10px 10px 10px; } /* hs.wrapperClassName = 'borderless' */ .borderless .highslide-image { border: none; } .borderless .highslide-caption { border-bottom: 1px solid white; border-top: 1px solid white; background: silver; } /* hs.wrapperClassName = 'outer-glow' */ .outer-glow { background: #444; } .outer-glow .highslide-image { border: 5px solid #444444; } .outer-glow .highslide-caption { border: 5px solid #444444; border-top: none; padding: 5px; background-color: gray; } /* hs.wrapperClassName = 'colored-border' */ .colored-border { background: white; } .colored-border .highslide-image { border: 2px solid green; } .colored-border .highslide-caption { border: 2px solid green; border-top: none; } /* hs.wrapperClassName = 'dark' */ .dark { background: #111; } .dark .highslide-image { border-color: black black #202020 black; background: gray; } .dark .highslide-caption { color: white; background: #111; } .dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a { background-image: url(img/highslide/controlbar-black-border.gif); } /* hs.wrapperClassName = 'floating-caption' */ .floating-caption .highslide-caption { position: absolute; padding: 1em 0 0 0; background: none; color: white; border: none; font-weight: bold; } /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading { color: gray; font-weight: bold; height: 20px; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url(img/highslide/icon.gif) no-repeat 0 1px; } .controls-in-heading .highslide-controls { width: 105px; height: 20px; position: relative; margin: 0; top: -23px; left: 7px; background: none; } .controls-in-heading .highslide-controls ul { position: static; height: 20px; background: none; } .controls-in-heading .highslide-controls li { padding: 0; } .controls-in-heading .highslide-controls a { background-image: url(img/highslide/controlbar-white-small.gif); height: 20px; width: 20px; } .controls-in-heading .highslide-controls .highslide-move { display: none; } .controls-in-heading .highslide-controls .highslide-previous a { background-position: 0 0; } .controls-in-heading .highslide-controls .highslide-previous a:hover { background-position: 0 -20px; } .controls-in-heading .highslide-controls .highslide-previous a.disabled { background-position: 0 -40px !important; } .controls-in-heading .highslide-controls .highslide-play a { background-position: -20px 0; } .controls-in-heading .highslide-controls .highslide-play a:hover { background-position: -20px -20px; } .controls-in-heading .highslide-controls .highslide-play a.disabled { background-position: -20px -40px !important; } .controls-in-heading .highslide-controls .highslide-pause a { background-position: -40px 0; } .controls-in-heading .highslide-controls .highslide-pause a:hover { background-position: -40px -20px; } .controls-in-heading .highslide-controls .highslide-next a { background-position: -60px 0; } .controls-in-heading .highslide-controls .highslide-next a:hover { background-position: -60px -20px; } .controls-in-heading .highslide-controls .highslide-next a.disabled { background-position: -60px -40px !important; } .controls-in-heading .highslide-controls .highslide-full-expand a { background-position: -100px 0; } .controls-in-heading .highslide-controls .highslide-full-expand a:hover { background-position: -100px -20px; } .controls-in-heading .highslide-controls .highslide-full-expand a.disabled { background-position: -100px -40px !important; } .controls-in-heading .highslide-controls .highslide-close a { background-position: -120px 0; } .controls-in-heading .highslide-controls .highslide-close a:hover { background-position: -120px -20px; } /*****************************************************************************/ /* Styles for text based controls. */ /* You can safely remove this if you don't use text based controls */ /*****************************************************************************/ .text-controls .highslide-controls { width: auto; height: auto; margin: 0; text-align: center; background: none; } .text-controls ul { position: static; background: none; height: auto; left: 0; } .text-controls .highslide-move { display: none; } .text-controls li { background-image: url(img/highslide/controlbar-text-buttons.png); background-position: right top !important; padding: 0; margin-left: 15px; display: block; width: auto; } .text-controls a { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; background-position: left top !important; position: relative; left: -10px; display: block; width: auto; height: auto; text-decoration: none !important; } .text-controls a span { background: url(img/highslide/controlbar-text-buttons.png) no-repeat; margin: 1px 2px 1px 10px; display: block; min-width: 4em; height: 18px; line-height: 18px; padding: 1px 0 1px 18px; color: #333; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; font-weight: bold; white-space: nowrap; } .text-controls .highslide-next { margin-right: 1em; } .text-controls .highslide-full-expand a span { min-width: 0; margin: 1px 0; padding: 1px 0 1px 10px; } .text-controls .highslide-close a span { min-width: 0; } .text-controls a:hover span { color: black; } .text-controls a.disabled span { color: #999; } .text-controls .highslide-previous span { background-position: 0 -40px; } .text-controls .highslide-previous a.disabled { background-position: left top !important; } .text-controls .highslide-previous a.disabled span { background-position: 0 -140px; } .text-controls .highslide-play span { background-position: 0 -60px; } .text-controls .highslide-play a.disabled { background-position: left top !important; } .text-controls .highslide-play a.disabled span { background-position: 0 -160px; } .text-controls .highslide-pause span { background-position: 0 -80px; } .text-controls .highslide-next span { background-position: 0 -100px; } .text-controls .highslide-next a.disabled { background-position: left top !important; } .text-controls .highslide-next a.disabled span { background-position: 0 -200px; } .text-controls .highslide-full-expand span { background: none; } .text-controls .highslide-full-expand a.disabled { background-position: left top !important; } .text-controls .highslide-close span { background-position: 0 -120px; } /*****************************************************************************/ /* Styles for the thumbstrip. */ /* See www.highslide.com/ref/hs.addSlideshow */ /* You can safely remove this if you don't use a thumbstrip */ /*****************************************************************************/ .highslide-thumbstrip { height: 100%; } .highslide-thumbstrip div { overflow: hidden; } .highslide-thumbstrip table { position: relative; padding: 0; border-collapse: collapse; } .highslide-thumbstrip td { padding: 1px; /*text-align: center;*/ } .highslide-thumbstrip a { outline: none; } .highslide-thumbstrip img { display: block; border: 1px solid gray; margin: 0 auto; } .highslide-thumbstrip .highslide-active-anchor img { visibility: visible; } .highslide-thumbstrip .highslide-marker { position: absolute; width: 0; height: 0; border-width: 0; border-style: solid; border-color: transparent; /* change this to actual background color in highslide-ie6.css */ } .highslide-thumbstrip-horizontal div { width: auto; /* width: 100% breaks in small strips in IE */ } .highslide-thumbstrip-horizontal .highslide-scroll-up { display: none; position: absolute; top: 3px; left: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-up div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) left center no-repeat; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down { display: none; position: absolute; top: 3px; right: 3px; width: 25px; height: 42px; } .highslide-thumbstrip-horizontal .highslide-scroll-down div { margin-bottom: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) center right no-repeat; height: 42px; } .highslide-thumbstrip-horizontal table { margin: 2px 0 10px 0; } .highslide-viewport .highslide-thumbstrip-horizontal table { margin-left: 10px; } .highslide-thumbstrip-horizontal img { width: auto; height: 40px; } .highslide-thumbstrip-horizontal .highslide-marker { top: 47px; border-left-width: 6px; border-right-width: 6px; border-bottom: 6px solid gray; } .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { margin-left: 10px; } .dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { border-bottom-color: white !important; } .highslide-thumbstrip-vertical-overlay { overflow: hidden !important; } .highslide-thumbstrip-vertical div { height: 100%; } .highslide-thumbstrip-vertical a { display: block; } .highslide-thumbstrip-vertical .highslide-scroll-up { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-up div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) top center no-repeat; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .highslide-thumbstrip-vertical .highslide-scroll-down div { margin-left: 10px; cursor: pointer; background: url(img/highslide/scrollarrows.png) bottom center no-repeat; height: 25px; } .highslide-thumbstrip-vertical table { margin: 10px 0 0 10px; } .highslide-thumbstrip-vertical img { max-width: 60px; } .highslide-thumbstrip-vertical .highslide-marker { left: 0; margin-top: 8px; border-top-width: 6px; border-bottom-width: 6px; border-left: 6px solid gray; } .dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { border-left-color: white; } .highslide-viewport .highslide-thumbstrip-float { overflow: auto; } .highslide-thumbstrip-float ul { margin: 2px 0; padding: 0; } .highslide-thumbstrip-float li { display: block; height: 60px; margin: 0 2px; list-style: none; float: left; } .highslide-thumbstrip-float img { display: inline; border-color: silver; max-height: 56px; } .highslide-thumbstrip-float .highslide-active-anchor img { border-color: black; } .highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div { display: none; } .highslide-thumbstrip-float .highslide-marker { display: none; }