/******************************/ /****** BASIC STYLES ******/ /******************************/ body{ font-family:helvetica, verdana; font-size:.8em; background:white url(/graphics/bg.gif) top left; background-attachment:fixed; margin:0px; } a{text-decoration:none;} a:hover{text-decoration:underline;} img{border-style:none;} /**********************************/ /****** STRUCTURE STYLES ******/ /**********************************/ #page{ width:741px; margin-left:200px; padding-bottom:30px; background:url(/graphics/box-bg-footer.png) bottom no-repeat; } #page .content{ background:url(/graphics/box-bg.png) top repeat-y; padding:20px; } /************************************/ /****** DETAIL PAGE STYLES ******/ /************************************/ #info-logo{ display:block; float:left; background:url(/graphics/info-logo.gif) top no-repeat; width:33px; height:57px; text-indent:-999px; overflow:hidden; } #info-logo:hover{background-position:bottom;} #info-logo-girl{ display:block; float:left; background:url(/graphics/info-logo.gif) bottom no-repeat; width:33px; height:57px; text-indent:-999px; overflow:hidden; } #info-logo-girl:hover{background-position:top;} .detail-images{float:left;width:650px;} .detail-images .additional{float:right;padding:20px;} .detail-images .legend{text-align:center;font-weight:bold;} .detail-images img.detail{float:left;padding:20px;} #detail-text{clear:both;} #detail-text .info{float:left;} #detail-text .price{float:right;font-size:48px;} #detail-text .price strong{float:left;padding-right:30px;} #detail-text .buy, #detail-text .buy-off{ display:block; clear:both; width:67px; height:76px; margin-right:28px; background:url(/graphics/caddie.png) no-repeat; text-indent:-999px; overflow:hidden; } #detail-text .buy-off{background-image:url(graphics/caddie-keinmehr.png);color:gray;cursor:default;} .desc{float:left;width:240px;margin-right:-40px;} .desc h2{font-size:16px;margin:0;} .options{clear:both;} .options strong{display:block;float:left;padding-top:8px;width:5em;} .options a{ display:block; width:24px; outline:0; float:left; } #options-size a{text-align:center;margin:3px;border:1px solid gray;height:20px;padding-top:4px;color:black;font-weight:bold;} #options-color a{text-indent:-999px;overflow:hidden;margin:3px;height:24px;border:1px solid #999;} #options-sex a{text-indent:-999px;overflow:hidden;margin:3px;height:24px;border:1px solid #999;} #options-sex a.male{background:url(/graphics/icon_sex_m.png)} #options-sex a.female{background:url(/graphics/icon_sex_f.png)} #options-id .opt-shape{padding:0;width:45px;height:35px;text-indent:-999px;overflow:hidden;} #options-id .opt-fit{background:url(graphics/symbol-major.png);} #options-id .opt-regular{background:url(graphics/symbol-regent.png);} #options-id .opt-tshirt{background:url(graphics/symbol-tshirt.png);} #options-id .opt-debardeur{background:url(graphics/symbol-debardeur.png);} #detail-text .options a:hover{margin:2px;border:2px solid #444;} #detail-text .options a.sel{margin:1px;border:3px solid black;} #detail-text .buy:hover{background-image:url(/graphics/caddie-on.png);} #detail-text .buy-off:hover{background-image:url(/graphics/caddie-keinmehr.png);} .demo-images{clear:both;margin-top:6px;} .demo-images{min-height:111px;} .demo-images.spaced{text-align:center;} .demo-images a, .demo-images img{display:block;float:left;} .demo-images.spaced a, .demo-images.spaced img{display:inline-block;float:none;} #options-id a{width:auto;text-align:center;margin:3px;border:1px solid gray;height:20px;padding:4px 4px 0 4px;color:black;font-weight:bold;} /***********************************/ /****** NAVIGATION STYLES ******/ /***********************************/ #stock_info { position:absolute; top: 350px; left: 30px; } #nav{ position:absolute; top:30px; left:0px; width:138px; margin:0; background:url(/graphics/nav-header.png) top left no-repeat; padding:165px 0 0 5px; list-style-type:none; z-index:3; } #nav a{ display:block; height:31px; background:top left no-repeat; text-indent:-999px; overflow:hidden; margin-bottom:-2px; } #nav .sub a{margin-left:16px;} #nav .home a {background-image:url(/graphics/nav-home.png);} #nav .shop a {background-image:url(/graphics/nav-order.png);} #nav .contact a {background-image:url(/graphics/nav-contact.png);} #nav .about a {background-image:url(/graphics/nav-about.png);} #nav .goodies a {background-image:url(/graphics/nav-goodies.png);} #nav .members a {background-image:url(/graphics/nav-members.png);} #nav .events a {background-image:url(/graphics/nav-events.png);} #nav .shop-fett a {background-image:url(/graphics/nav-fett.png);} #nav .shop-supalame a {background-image:url(/graphics/nav-supalame.png);} #nav .shop-lektion a {background-image:url(/graphics/nav-lektion.png);} /* PAGES 1 home 2 utilisateurs 3 site 4 mon profil 5 mailing list 6 configuration 7 contact 8 about 9 shop 10 shop lektion1 hans 11 shop lektion1 lieselotte 12 mailing list sign 13 shop lektion 2 lumpi homme 14 shop lektion 2 lumpi femme 15 shop ubermehr helicopter lady 16 shop serigraphies 17 shop lektion 1 noch ein mal homme 18 shop lektion 1 noch ein mal femme 24 events chicks on breaks 20 members 21 events 22 events chicks on breaks 23 goodies 25 shop tasche 26 events 2009 27 shop fett cervelas 28 shop fett papet 29 shop fett rosti */ #nav .home a:hover, #nav.page-1 .home a {background-image:url(/graphics/nav-home-on.png);} #nav .shop a:hover, #nav.page-32 .shop a, #nav.page-9 .shop a {background-image:url(/graphics/nav-order-on.png);} #nav .contact a:hover, #nav.page-7 .contact a {background-image:url(/graphics/nav-contact-on.png);} #nav .about a:hover, #nav.page-8 .about a {background-image:url(/graphics/nav-about-on.png);} #nav .goodies a:hover, #nav.page-23 .goodies a {background-image:url(/graphics/nav-goodies-on.png);} #nav .members a:hover, #nav.page-20 .members a {background-image:url(/graphics/nav-members-on.png);} #nav .events a:hover, #nav.page-21 .events a, #nav.page-26 .events a, #nav.page-22 .events a {background-image:url(/graphics/nav-events-on.png);} #nav .shop-fett a:hover, #nav.page-27 .shop-fett a, #nav.page-28 .shop-fett a, #nav.page-29 .shop-fett a {background-image:url(/graphics/nav-fett-on.png);} #nav .shop-supalame a:hover, #nav.page-16 .shop-supalame a, #nav.page-30 .shop-supalame a, #nav.page-31 .shop-supalame a, #nav.page-25 .shop-supalame a, #nav.page-15 .shop-supalame a {background-image:url(/graphics/nav-supalame-on.png);} #nav .shop-lektion a:hover, #nav.page-10 .shop-lektion a, #nav.page-11 .shop-lektion a, #nav.page-13 .shop-lektion a, #nav.page-14 .shop-lektion a, #nav.page-17 .shop-lektion a, #nav.page-18 .shop-lektion a {background-image:url(/graphics/nav-lektion-on.png);} /*****************************/ /****** CART STYLES ******/ /*****************************/ .cart-content{ margin:0 auto; text-align:left; } .cart-content td{ background:url(/graphics/gray-px.png) top center repeat-x; } .cart-content th{font-weight:bold;} .cart-content .price{font-weight:bold;text-align:right;} .cart-content .sum{font-size:16px;} .cart-nav{height:20px;padding:20px 40px;margin:0;} .cart-nav a{ font-size:16px; display:block; padding:12px 20px; border:1px solid #CCC; color:#666; } .cart-nav a:hover{color:black;background:white;text-decoration:none;border-color:#666;} /* Order form */ .form-order{width:490px;margin:0 auto;} .form-order h3{margin:10px 0 0 98px;} .form-order div{padding:0;border-bottom:1px solid #DDD;} .form-order div div{padding:3px;border-bottom:none;border-top:1px solid #DDD;} .form-order label{ display:block; float:left; width:90px; text-align:right; margin-right:8px; } .type_paiement label { display:block; width:440px; float:right; text-align:left; margin-left:8px; } .form-order .submit{text-align:right;} /********************************/ /****** SLIMBOX STYLES ******/ /********************************/ #lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(/graphics/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/graphics/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/graphics/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/graphics/closelabel.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } #admin { position :absolute; float :left; top :0px; right :0px; padding :5px; border :1px solid; background-color :white; text-align :center; color :black; } #loading{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #CFCFCF; background-repeat: no-repeat; background-image: url(/img/loading-circle.gif); background-position: 50% 50%; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; visibility: hidden; } #loadingText{ position: absolute; top: 50%; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; padding-top: 50px; height: 200px; font-weight: bold; font-size: medium; font-family: Verdana, Arial, Helvetica; text-align: center; } #view_cart { position:relative; float:right; } .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%; } a.button { background: transparent url('/img/bg_button_a.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; } a.button span { background: transparent url('/img/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; } a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } /******************************/ /****** SELECT MODEL ******/ /******************************/ #model-selector{ margin:0; padding:0; list-style-type:none; background:url(/graphics/hp-detail-supalame.png) 10px 5px no-repeat; } #model-selector .lektion{float:left;} #model-selector a{ display:block; width:162px; height:58px; padding:4px; float:left; background:url(/graphics/btn-1.png) center no-repeat; } #model-selector a span{ position:absolute; display:none; background:url(/graphics/hp-detail-supalame.png) top left no-repeat; width:234px; height:216px; top:190px; left:370px; text-indent:-999px; overflow:hidden; } #model-selector ul:hover .default:hover{display:block} #model-selector .l1 a{background-image:url(/graphics/btn-1.png);} #model-selector .l2 a{background-image:url(/graphics/btn-2.png);} #model-selector .lu a{background-image:url(/graphics/btn-u.png);} #model-selector .ln a{background-image:url(/graphics/btn-4.png);} #model-selector .l1 a:hover, #model-selector .l1.cur a{background-image:url(/graphics/btn-1-on.png);} #model-selector .l2 a:hover, #model-selector .l2.cur a{background-image:url(/graphics/btn-2-on.png);} #model-selector .lu a:hover, #model-selector .lu.cur a{background-image:url(/graphics/btn-u-on.png);} #model-selector .ln a:hover, #model-selector .ln.cur a{background-image:url(/graphics/btn-4-on.png);} #model-selector.black .l1 a{background-image:url(/graphics/btn-1_b.png);} #model-selector.black .l2 a{background-image:url(/graphics/btn-2_b.png);} #model-selector.black .lu a{background-image:url(/graphics/btn-u_b.png);} #model-selector.black .ls a{background-image:url(/graphics/btn-s_b.png);} #model-selector.black .ln a{background-image:url(/graphics/btn-4_b.png);} #model-selector.black .lt a{background-image:url(/graphics/btn-t_b.png);} #model-selector.black .heli a{background-image:url(/graphics/nav_menu_helicopterlady_button.png);} #model-selector.black .pirate a{background-image:url(/graphics/nav_menu_piratelady_button.png);} #model-selector.black .hans a{background-image:url(/graphics/nav_menu_hans_button.png);} #model-selector.black .lieselotte a{background-image:url(/graphics/nav_menu_lieselotte_button.png);} #model-selector.black .lumpi a{background-image:url(/graphics/nav_menu_lumpi_button.png);} #model-selector.black .l1 a:hover, #model-selector.black .l1.cur a{background-image:url(/graphics/btn-1_b-on.png);} #model-selector.black .l2 a:hover, #model-selector.black .l2.cur a{background-image:url(/graphics/btn-2_b-on.png);} #model-selector.black .lu a:hover, #model-selector.black .lu.cur a{background-image:url(/graphics/btn-u_b-on.png);} #model-selector.black .ls a:hover, #model-selector.black .ls.cur a{background-image:url(/graphics/btn-s_b_onclick.png);} #model-selector.black .ln a:hover, #model-selector.black .ln.cur a{background-image:url(/graphics/btn-4_b-on.png);} #model-selector.black .lt a:hover, #model-selector.black .lt.cur a{background-image:url(/graphics/btn-t_b_onclick.png);} #model-selector.black .heli a:hover, #model-selector.black .heli.cur a{background-image:url(/graphics/nav_menu_helicopterlady_button_onclick.png);} #model-selector.black .pirate a:hover, #model-selector.black .pirate.cur a{background-image:url(/graphics/nav_menu_piratelady_button_onclick.png);} #model-selector.black .hans a:hover, #model-selector.black .hans.cur a{background-image:url(/graphics/nav_menu_hans_button_onclick.png);} #model-selector.black .lieselotte a:hover, #model-selector.black .lieselotte.cur a{background-image:url(/graphics/nav_menu_lieselotte_button_onclick.png);} #model-selector.black .lumpi a:hover, #model-selector.black .lumpi.cur a{background-image:url(/graphics/nav_menu_lumpi_button_onclick.png);} .sex-select{display:block;float:left;padding:8px;color:red;font-weight:bold;border:1px solid #DDD;margin:10px;} .sex-select:hover{background:#EEE;} #supatweeter{position:absolute;top:15px;left:980px;width:170px;border:1px solid #868686;background-color:white;} #supatweeter_logo{text-align:center;padding:5px;} #supatweeter a {color:black;} #supatweeter ul {list-style:none;margin:0;padding:8px;} #supatweeter li {margin:0;padding:0;border-bottom:1px dotted black;} #facebook-like{margin-left:651px; margin-top:578px;} #fett-selector{list-style:none;margin:0;padding:0;} #fett-selector li{float:left;} #fett-selector a{ display:block; width:162px; height:58px; margin:4px; float:left; background:url(/graphics/btn-1.png) center no-repeat; text-indent:-999px;overflow:hidden; } #fett-selector a.cervelas{background-image:url(/graphics/nav_menu_cervelas_button.png);} #fett-selector a.papet{background-image:url(/graphics/nav_menu_papet_button.png);} #fett-selector a.rosti{background-image:url(/graphics/nav_menu_rosti_button.png);} #fett-selector a.cervelas:hover, #fett-selector.cervelas a.cervelas {background-image:url(/graphics/nav_menu_cervelas_button_onclick.png);} #fett-selector a.papet:hover, #fett-selector.papet a.papet {background-image:url(/graphics/nav_menu_papet_button_onclick.png);} #fett-selector a.rosti:hover, #fett-selector.rosti a.rosti {background-image:url(/graphics/nav_menu_rosti_button_onclick.png);}