body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; vertical-align: middle; background-color:#112341; background-image:url(/images/layout/bg.gif); background-repeat:repeat-y; background-position:center; color:#143168; } form { display:inline; } h1 { margin:0; padding:0; display:inline; font-weight:bold; font-size:20px; } h2 { margin:0; padding:0; display:inline; font-weight:bold; font-size:16px; } h3 { margin:0; padding:0; display:inline; font-weight:bold; font-size:15px; } h4 { margin:0; padding:0; display:inline; font-weight:bold; font-size:13px; } .mainHeadline { font-size:20px; font-weight:bold; } .mainHeadline_Err { font-size:20px; font-weight:bold; color:#fff; padding-left:5px; } .white_Err { color:#fff; padding-left:5px; } .text12bd { font-size:12px; font-weight:bold; } .text14bd { font-size:14px; font-weight:bold; } .text16bd { font-size:16px; font-weight:bold; } .text18bd { font-size:18px; font-weight:bold; } .text10 { font-size:10px; } .text11 { font-size:11px; } .text11bd { font-size:11px; font-weight:bold; } .rowcol1 { background-color:#ECEEF2; } .rowcol2 { background-color:#DCE0E8; } .rowcol_Err { background-color:#bb2300; } .borcercol1 { border:#ECEEF2 1px solid; } .margintopbottom { margin:6px 0px 6px 0px; } .red { color:#bb2300; font-size:18px; } .redErr { color:#bb2300; font-size:12px; font-weight:bold; } .fl { float:left } .fr { float:right; } .white { color:#FFF; } .clear { clear:both; } .tableline { background-image:url(/images/en/cart/layout/cart_element_gradient.gif); background-repeat:repeat-y; } .form260 { width:260px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form270 { width:270px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form270_Err { width:270px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form330 { width:330px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form330_Err { width:330px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form310 { width:310px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form310_Err { width:310px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form270h100 { width:270px; font-size:12px; padding:2px; border:solid 1px #1b2f54; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .form270h100_Err { width:270px; font-size:12px; padding:2px; border:solid 2px #bb2300; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .form450h160 { width:450px; font-size:12px; padding:2px; border:solid 1px #1b2f54; height:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; } .form_cartline { width:435px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form_cartline_Err { width:433px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form_cartline60 { width:60px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form_cartline60_Err { width:60px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form_cartline80 { width:80px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form_cartline80_Err { width:80px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form_cartline120 { width:120px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form_cartline120_Err { width:120px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form_cartline200 { width:200px; font-size:12px; padding:2px; border:solid 1px #1b2f54; } .form_cartline200_Err { width:200px; font-size:12px; padding:2px; border:solid 2px #bb2300; } .form_cartlineh80 { width:435px; height:80px; font-size:12px; padding:2px; border:solid 1px #1b2f54; font-family:Arial, Helvetica, sans-serif; } .form_cartlineh80_Err { width:435px; height:80px; font-size:12px; padding:2px; border:solid 2px #bb2300; font-family:Arial, Helvetica, sans-serif; } .form300 { width:300px; font-size:12px; } .listimg { margin:2px 2px 0px 0px; float:left; border:1px #1b2f54 solid; } .col_light { background-color:#f6f7f9; } .col_dark { background-color:#edeff3; } #CenterLayout { width:960px; text-align:left; margin:0px auto; height:auto; padding:0px; } #btnLogin { cursor:pointer; } #MenuLeft { padding:0px; font-size:11px; width:209px; float:left; border-top:solid 1px #d0d6e1; } #MenuLeft ul { padding:0px; margin:0px; list-style:none; } #MenuLeft li { padding:0px; margin:0px; list-style:none; } #MenuLeft .link { padding:0px; display:block; height:21px; width:199px; padding-left:10px; background-image:url(/images/layout/menu_left_norm.gif); font-weight:bold; text-decoration:none; color:#143168; line-height:21px; border-bottom:solid 1px #d0d6e1; } #MenuLeft .linkdown { padding:0px; display:block; height:21px; width:199px; padding-left:10px; background-image:url(/images/layout/menu_left_down.gif); font-weight:bold; text-decoration:none; color:#fff; line-height:21px; border-bottom:solid 1px #d0d6e1; } #MenuLeft .link:hover { padding:0px; display:block; height:21px; width:199px; padding-left:10px; background-image:url(/images/layout/menu_left_over.gif); font-weight:bold; text-decoration:none; color:#fff; line-height:21px; border-bottom:solid 1px #d0d6e1; } #MenuLeft .linkdown:hover { padding:0px; display:block; height:21px; width:199px; padding-left:10px; background-image:url(/images/layout/menu_left_over.gif); font-weight:bold; text-decoration:none; color:#fff; line-height:21px; border-bottom:solid 1px #d0d6e1; } #header { height:164px; width:960px; background-image:url(/images/en/layout/bg_logo.jpg); background-repeat:no-repeat; display:block; overflow:hidden; } #header .mainmenu { float:none; clear:both; } #header .language { float:left; } #header .bestellschein { margin: 5px 0px 0px 73px; } #header .bestellscheindl { float:left; margin:1px 5px 0px 0px; } #header .loginblock { height:94px; width:360px; background-image:url(/images/en/layout/bg_login.jpg); background-repeat:no-repeat; float:left; color:#FFF; } #header .logedinblock { height:94px; width:360px; float:left; color:#FFF; } #header a, a:visited { text-decoration:underline; color:#f5d956; font-weight:normal; } #header a:hover { text-decoration:underline; color:#F60; } #header .loginfield { float:left; width:688px; margin-top:24px; } #header .loginblocki1 { border:1px #3f547b solid; float:left; font-size:11px; color:#000; padding:2px; height:13px; width:103px; margin:2px 10px 0px 25px; } #header .loginblocki2 { border:1px #3f547b solid; float:left; font-size:11px; color:#000; padding:2px; height:13px; width:103px; margin:2px 10px 0px 0px; } #header .userpass { width:350px; height:25px; display:block; } #header .username { float:left; padding:10px 0px 0px 25px; } #header .password { float:left; padding:10px 0px 0px 90px; } #header .infoblock { display:block; margin-left:25px; } #header .infoblocklogedin { display:block; margin:25px 0px 0px 25px; } #breadcrumb { width:960px; height:26px; background-color:#1b2f54; margin:0px 0px 0px 0px; } #breadcrumb .content { padding:5px 0px 0px 20px; font-weight:bold; font-size:11px; color:#FFF; float:left; width:750px; } #breadcrumb .contentm { padding:5px 0px 0px 20px; font-weight:bold; font-size:11px; color:#FFF; float:left; } #breadcrumb a, a:visited { text-decoration:underline; color:#f5d956; font-weight:bold; } #breadcrumb a:hover { text-decoration:underline; color:#F60; } #ListHeader { border-bottom:1px solid #d0d6e1; padding-bottom:8px; min-height:24px; overflow:auto; } #ListHeader .hl { float:left; } #ListSorter { font-size:11px; float:right; } #ListSorter li { float:left; list-style:none; padding:4px 5px 4px 5px; display:block; } #ListSorter li.down { float:left; list-style:none; padding:4px 5px 4px 5px; display:block; color:#FFF; background-color:#1b2f54; font-weight:bold; } #searchbar { width:960px; height:65px; background-image:url(/images/en/layout/bg_search.gif); background-repeat:no-repeat; display:block; color:#0f2144; } #searchbar a, a:visited { text-decoration:underline; color:#bb2300; } #searchbar a:hover { text-decoration:underline; color:#F60; } #searchbar .searchfielddiv { float:left;padding:15px 0px 0px 132px; width:310px; } #searchbar .fl { float:left; } #searchbar .carttxt { float:left; margin:10px 10px 0px 10px; font-weight:bold; text-align:right; } #searchbar .searchfield { width:295px; border:1px solid #fff; height:17px; font-size:13px; font-weight:bold; } #BikeSelector { background-image:url(/images/layout/bg_startsite_bikes.gif); } #BikeSelector table { font-size:12px; } #BikeSelector a, a:visited { text-decoration:underline; color:#C00; font-weight:bold; } #BikeSelector a:hover { text-decoration:underline; color:#F60; } #BikeSelectorHL { padding:10px 0px 10px 15px; background-color:#FFF; } #CartContainer { background-color:#fff; width:960px; height:auto; overflow:auto; padding:8px 0px 10px 0px; } #CartLeft { padding:10px 0px 15px 15px; font-size:12px; width:718px; float:left; } #CartLeft a, a:visited { text-decoration:underline; color:#bb2300; font-weight:normal; } #CartLeft a:hover { text-decoration:underline; color:#F60; } #CartArticleElement { background-image:url(/images/en/cart/layout/cart_element_gradient.gif); background-repeat:repeat-y; } #CartArticleElement a, a:visited { color:#bb2300; text-decoration:underline; } #CartArticleElement a:hover { text-decoration:underline; color:#F60; } #CartArticleElement .margin { margin-top:5px; } #CartArticleElement .margin2 { margin-top:7px; } #CartArticleElement .amount { font-size:11px; padding:2px; width:40px; border:solid 1px #036; } #CartArticleElement2 { background-image:url(/images/en/cart/layout/cart_element_gradient.gif); background-repeat:repeat-y; } #CartArticleElement2 a, a:visited { color:#bb2300; text-decoration:underline; } #CartArticleElement2 a:hover { text-decoration:underline; color:#F60; } #CartArticleElement2 .margin { margin-top:5px; } #CartArticleElement2 .margin2 { margin-top:7px; } #CartArticleElement2 .amount { font-size:11px; padding:2px; width:40px; border:solid 1px #036; } #CartArticleElementS1 { float:left; } #CartArticleElementS1 a, a:visited { color:#bb2300; text-decoration:underline; } #CartArticleElementS1 a:hover { text-decoration:underline; color:#F60; } #CartArticleElementS2 { float:left; margin-left:10px; } #CartArticleElementS2 a, a:visited { color:#bb2300; text-decoration:underline; } #CartArticleElementS2 a:hover { text-decoration:underline; color:#F60; } #CartAdressBlock a, a:visited { text-decoration:underline; color:#bb2300; } #CartAdressBlock a:hover { text-decoration:underline; color:#F60; } #ContentSide { background-color:#fff; float:right; width:723px; font-size:12px; } #ContentSide a, a:visited { font-weight:bold; text-decoration:none; color:#bb2300; } #ContentSide a:hover { text-decoration:underline; color:#F60; } #ContentSide .container { padding:0px 20px 0px 0px; } #ContentSide .container-text { padding:0px 20px 20px 0px; float:left; width:690px; margin:50px 0px 0px 0px; } #ContentSide .pager { float:right; padding:10px 0px 10px 0px; } #ContentSide .selectimg { border:1px #1b2f54 solid; margin-bottom:6px; } #ContentSide .selectblock { width:175px; margin:20px 0px 0px 0px; float:left; } #NewsBlock { width:960px; height:474px; background-image:url(/images/layout/bg_introsite_content.jpg); background-repeat:no-repeat; overflow:hidden; } #NewsBlock a, a:visited { text-decoration:underline; color:#C00; font-weight:bold; } #NewsBlock a:hover { text-decoration:underline; color:#F60; } #NewsBlock .rightblock { width:300px; float:left; padding:20px 10px 10px 10px; line-height:13px; } #NewsBlock .leftblock { width:640px; float:left; } #NewsBlock .leftleft { float:left; width:310px; padding:20px 10px 10px 10px; } #NewsBlock .leftright { float:left; width:290px; padding:20px 10px 10px 10px; } #NewsBlock .clearimg { clear:both; float:none; } #SelectedBike { float:none; clear:both; position:absolute; top:120px; margin-left:830px; z-index:2000; } #CartSide { width:200px; background-color:#e7eaf0; float:right; width:209px; font-size:12px; } #CartSide a, a:visited { font-weight:bold; text-decoration:none; color:#bb2300; } #CartSide a:hover { text-decoration:underline; color:#F60; } #CartSide .container { padding:10px 10px 10px 10px; } #ArticleListItem { border-bottom:1px solid #d0d6e1; padding:8px 0px 8px 0px; clear:both; overflow:auto; display:inline-block; } #ArticleListItem .thumbborder { border:1px solid #1b2f54; } #ArticleListItem .cntImage { width:230px; float:left; } #ArticleListItem .cntHeadBlock { overflow:auto; display:inline-block; } #ArticleListItem .cntMain { width:468px; float:left; } #ArticleListItem .cntHeadline { width:280px; float:left; } #ArticleListItem .Headline { font-size:15px; } #ArticleListItem .cntRating { float:left; padding-top:3px; font-size:11px; } #ArticleListItem .imgRatingStar { padding-left:6px; } #ArticleListItem .cntCenterBlock { margin-top:6px; } #ArticleListItem .cntBottomBlock { overflow:auto; display:inline-block; margin-top:10px; } #ArticleListItem .linkDetails { width:180px; float:left; } #ArticleListItem .cntPrice { width:282px; float:right; text-align:right; } #ArticleListItem .Price { font-size:15px; font-weight:bold; } #Sitemap li { margin:0px 0px 0px 20px; list-style:square; } #Sitemap ul { margin:0px; padding:0px; } #BottomContent { padding:10px 15px 15px 15px; font-size:12px; background-color:#FFF; } #BottomContent p { margin:0; padding:0; } #BottomContent a, a:visited { text-decoration:underline; color:#C00; } #BottomContent a:hover { text-decoration:underline; color:#F60; } #footer { background-image:url(/images/layout/bg_footer.jpg); background-repeat:no-repeat; width:960px; height:30px; color:#FFF; } #footer a, a:visited { text-decoration:underline; color:#FFF; font-weight:normal; } #footer a:hover { text-decoration:underline; color:#f5d956; } #footer .left { margin:7px 0px 0px 10px; float:left; } #footer .right { margin:7px 10px 0px 0px; float:right; } #fbook { position:absolute; margin:75px 0px 0px 400px; z-index:200; } /* ToolTip */ #dhtmlgoodies_tooltip { background-color:#FFF; border:1px solid #1b2f54; position:absolute; display:none; z-index:20000; padding: 2px; font-size:0.9em; font-size:12px; -moz-border-radius: 6px 6px; } #dhtmlgoodies_tooltipShadow { position:absolute; background-color:#555; display:none; z-index:10000; opacity:0.7; filter:alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; -moz-border-radius:6px; }/* CSS Document */ #ContentSideDetail { background-color:#fff; width:723px; font-size:12px; } #ContentSideDetail a, a:visited { font-weight:bold; text-decoration:none; color:#bb2300; } #ContentSideDetail a:hover { text-decoration:underline; color:#F60; } #ContentSideDetail .container { padding:0px 20px 0px 0px; } #imageRow { overflow:auto; } #imageRow img { margin:2px 2px 0px 0px; float:left; border:1px #1b2f54 solid; } .imgcontainer { position:relative; z-index:10; } #ContentArticleDetail { width:500px; font-size:13px; float:left; margin-left:15px; } #ContentArticleDetail a, a:visited { font-weight:bold; text-decoration:none; color:#bb2300; text-decoration:underline; } #ContentArticleDetail a:hover { text-decoration:underline; color:#F60; } #ContentArticleDetail .container { padding:0px 20px 0px 0px; } #ContentArticleDetail .subheadline { clear:both; margin-bottom:10px; } #ContentArticleDetail .headlineblock { clear:both; margin:10px 0px 0px 0px; width:475px; height:auto; overflow:auto; } #ContentArticleDetail .text { clear:both; margin:0px 0px 10px 0px; width:475px; height:auto; } #ContentArticleDetail .additional { clear:both; margin:10px 0px 10px 0px; width:475px; height:auto; overflow:auto; } #ContentArticleDetail .cartblock { background-color:#f1f3f6; width:475px; height:auto; clear:both; margin-top:15px; border:1px #112341 solid; height:auto; overflow:auto; overflow-x:hidden; overflow-y:hidden; font-size:12px; } #ContentArticleDetail .carthlblock { margin:10px; border-bottom:1px solid #c4ccd9; padding-bottom:10px; } #ContentArticleDetail .carthlblockvar { margin:0px 10px 10px 10px; border-bottom:1px solid #c4ccd9; padding-bottom:10px; overflow:auto; display:inline-block } #ContentArticleDetail .cartbutton { clear:both; float:right; margin:0px 10px 0px 0px; } #ContentArticleDetail .pricebox { float:right; text-align:right; margin-right:10px; } #ContentArticleDetail .amountfield { width:40px; padding:2px; border:1px solid #666; font-size:12px; font-weight:bold; } #ContentArticleDetail .price { clear:both; height:auto; } #ContentArticleDetail .amountbox { float:left; margin-left:10px; } #ContentArticleDetail .splitline { clear:both; padding:10px 0px 10px 0px; } #ContentArticleDetail .splitlinehr { height:1px; color:#003; } #ContentArticleDetail .ratingblock { clear:both; padding:10px 0px 10px 0px; border-bottom:solid 1px #d0d5e0; } #ContentArticleDetail .ratingstars { margin:5px 0px 5px 0px; } #ContentArticleDetail .ratinghilfreich { margin-top:5px; font-size:11px; } #ContentArticleDetail .mainimage { float:none; position:relative; z-index:1000; } #ContentArticleDetail .mainimg { border:1px #1b2f54 solid; } #ContentArticleDetail .splitline { height:1px; font-size:1px; color:#e7eaf0; } #ContentArticleDetail .meinebewertung { margin:10px 0px 10px 0px; font-size:15px; font-weight:bold; } #ArticleSideBar { width:220px; height:auto; float:right; } #ArticleSideBar a, a:visited { color:#bb2300; text-decoration:underline; } #ArticleSideBar a:hover { text-decoration:underline; color:#F60; } #ArticleSideBar img { float:left; border:1px #1b2f54 solid; margin-bottom:6px; } #ArticleSideBar .introtext { padding-right:10px; margin-bottom:10px; } #ArticleSideBar .itemblock { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #d0d6e1; } #ArticleSideBar .itemdesc { text-align:right; padding-right:10px; }.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; } .highslide-caption { display: none; border-top: none; 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(/images/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(/images/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-overlay { display: none; } /* Example of a semitransparent, offset closebutton */ .closebutton { position: relative; top: -15px; left: 15px; width: 30px; height: 30px; cursor: pointer; background: url(/images/highslide/close.png); /* NOTE! For IE6, you also need to update the highslide-ie6.css file. */ } /*****************************************************************************/ /* Controls for the galleries. */ /* Remove these if you are not using a gallery */ /*****************************************************************************/ .highslide-controls { width: 195px; height: 40px; background: url(/images/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(/images/highslide/controlbar-white.gif) right -90px no-repeat; } .highslide-controls li { float: left; padding: 5px 0; margin:0; } .highslide-controls a { background-image: url(/images/highslide/controlbar-white.gif); display: block; float: left; height: 30px; width: 30px; outline: none; } .highslide-controls a.disabled { cursor: default; } .highslide-controls a span { /* hide the text for these graphic buttons */ display: none; } /* 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: 11px; } .highslide-footer .highslide-resize { float: right; height: 11px; width: 11px; background: url(/images/highslide/resize.gif) no-repeat; } .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; margin-bottom: .5em; } .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: relative; float: right; z-index: 2; padding: 0; } .draggable-header .highslide-header .highslide-close a { display: block; height: 16px; width: 16px; background-image: url(/images/highslide/closeX.png); } .draggable-header .highslide-header .highslide-close a:hover { background-position: 0 16px; } .draggable-header .highslide-header .highslide-close span { display: none; } /* hs.wrapperClassName = 'no-head-no-foot' */ .no-head-no-foot .highslide-header { display: none; } .no-head-no-foot .highslide-footer { display: none; } /* hs.wrapperClassName = 'no-footer' */ .no-footer .highslide-footer { display: none; } /* hs.wrapperClassName = 'wide-border' */ .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 .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(/images/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(/images/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(/images/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; }