/* style.css */ /* Global ----------------------------------------------------------------------------------------------------*/ .container { border:1px solid #f8cbdb; position:relative;} .site_height { height:575px;} .site_height_dunkel { height:575px; background:#452E37;} .spacer-10_50 {height:50px} .spacer-10_100 {height:100px} .left { float:left; } .right { float:right; } .tna { color:#f8d2e0; } a { color:#442e37;} a:hover { color:#fff; text-decoration:underline;} .justify { text-align:justify; } .nooverflowstart { overflow:hidden; width:370px; height:575px; } h1,h2,h3,h4,h5 {color:#442e37;} .14 { font-size:14px; } .16 { font-size:16px; } .h05 { height:5px; } .h10 { height:10px; } .h20 { height:20px; } .h35 { height:45px; } .h40 { height:40px; } .p60r { padding-right:60px; } .p40r { padding-right:40px; } /* Farben Rosa:#f8d2e1 Dunkel:#442e37 */ /* Head ----------------------------------------------------------------------------------------------------*/ .header { background:#f8d2e1; height:137px; position:relative; } h1#logo a { background:url(img/logo.png) no-repeat; width:170px; height:170px; text-indent:-9999px; display:block; position:absolute; bottom:-50px; left:72px; z-index:1000; } /* TopNavi */ ul#topnav { background:url(img/top_navi_bg.png) repeat-x; list-style:none; position:absolute; bottom:0; margin:0; padding:0 0 0 288px; height:43px; width:702px; float:left; z-index:999; font-size:14px; border-bottom:1px solid #f8d2e0; } ul#topnav li.last { padding:0 27px 0 27px; } ul#topnav li {text-transform:uppercase; height:43px; position:relative; float:left; padding:0 27px 0 27px; } ul#topnav li a { text-decoration:none; color:#f8d2e0; font-size:14px; font-weight:bold; padding:12px 0 13px 0; display:block; } ul#topnav li:hover { background:#f8d2e0; color:#442e37; } ul#topnav li:hover a { color:#442e37; } ul#topnav li.sfHover { color:#442e37; background:#f8d2e0; } ul#topnav li.sfHover a { color:#442e37; } /* TopNavi DropDown-Liste */ ul#topnav li ul.topnav_inner { display:none; position:absolute; left:0; top:43px; background:#f8d2e0; list-style:none; padding:0; margin:0; } ul#topnav li ul.topnav_inner li { display:block; width:195px; margin:0; padding:0 0 0 15px; height:auto; text-transform:none; border-bottom:1px solid #442e37; font-size:13px; } ul#topnav li ul.topnav_inner li.last { border:none; padding-bottom:2px; } ul#topnav li ul.topnav_inner li a { display:block; width:210px; margin:0; padding:7px 0 5px 0; font-size:13px; font-weight:normal; } ul#topnav li ul.topnav_inner li a:hover { color:#fff; background:none; } /* TopNavi DropDown-Liste 3. Ebene */ ul#topnav li ul.topnav_inner li ul.topnav_inner { display:none; position:absolute; left:210px; top:0px; background:#b998a4; list-style:none; margin:0; } ul#topnav li ul.topnav_inner li ul.topnav_inner li:hover { background:none; } /* Footer ----------------------------------------------------------------------------------------------------*/ .footer { background:url(img/footer_bg.png) repeat-x; height:38px; position:relative; } /* Newsticker */ #scroller_container { position: relative; height:25px; overflow: hidden; width:358px; margin:13px 0 0 10px; float:left; } #scroller { white-space: nowrap; line-height: 13px; font-size: 13px; color:#725b61; } #scroller li { display:inline; padding-left:0px; padding-right:60px; } #scroller li.smart { display:inline; background:url(img/smart.png) left center no-repeat; padding-left:40px; padding-right:0px; } #scroller a { color:#725b61; text-decoration:underline; } .bottomnavi { margin: 12px 0 0 12px; } ul#footernavi { float:left; list-style:none; padding:0; text-transform:uppercase; font-size:14px; line-height:14px; } ul#footernavi li { display:block; float:left; margin:1px 25px 0 0; }*/ ul#footernavi li { display:block; float:left; margin:1px 42px 0 0; } ul#footernavi li a { display:block; float:left; text-decoration:none; color:#442e37; } ul#footernavi li a:hover {text-decoration:underline;} .icons { float:right; margin:-4px 12px 0 0; } .icons span { margin-left:8px; } .join { display:block; position:absolute; right:85px; bottom:11px; font-size:14px; line-height:14px; color:#695359; } /* Startseite ----------------------------------------------------------------------------------------------------*/ .fotw { background:#f8d2e1; width:216px; height:575px; padding:0 17px 0 17px; position:relative; } .fotw h2 {text-transform:uppercase; font-size:16px; font-weight:bold; margin:25px 0 5px 0; padding:0; color:#442e37; } .fotw h3 {text-transform:uppercase; font-size:13px; font-weight:bold; color:#442e37; background:url(img/cupcake_pattern.png) no-repeat left top; padding:33px 0 12px 0; margin-left:-5px; text-align:right; margin-top:10px; } .fotw p { text-align:justify; color:#442e37; font-size:13px; line-height:18px; padding-bottom:12px; } .fotw h4.date { font-size:13px;margin:-19px 0 0 45px; } .fotw_entry { left no-repeat; height:236px; position:absolute; bottom:0; left:0; width:236px; text-align:center;} .fotw_entry h4 { background:#f8d2e1; display:inline-block; text-align:center; margin:0 auto; padding:3px 7px 3px 7px; font-style:italic; font-weight:bold; text-transform:uppercase; font-size:12px; } .special_bg {background:url(img/special_bg.png) repeat-x; background-position:0 4px; display:block; position:absolute; left:15px; width:220px; } .fotw_entry ul { margin-left:90px; margin-top:40px; list-style:none; display:block; width:140px; } .fotw_entry li { font-size:13px;line-height:18px; color:#442e37; margin-bottom:7px; text-align:left; background:url(img/arrow.png) no-repeat 0 3px; padding: 0 0 0 20px; } .fotw_entry .illu { position:absolute; left:-15px; bottom:0; width:111px; height:216px; background:url(img/tcb_i.png) no-repeat; } .fotw_entry li a {text-decoration:none;} .fotw_entry li a:hover {text-decoration:underline; color:#442e37;} a.fotw_menue { position:absolute; left:83px; bottom:12px; text-decoration:none; } a.fotw_menue:hover { text-decoration:underline; color:#442e37; } /* Über TCB ----------------------------------------------------------------------------------------------------*/ h1.newspresse { position:absolute; height:104px; width:231px; left:55px; top:222px; background:url(img/newspresse.png) no-repeat; text-indent:-9999px; } h1.tcbteam { position:absolute; height:106px; width:187px; left:55px; top:222px; background:url(img/tcbteam.png) no-repeat; text-indent:-9999px; } .teamblock { margin:87px 0 0 320px; } .newsblock { margin:87px 0 0 320px; } .newsblock ul, .teamblock ul { list-style:none; } .newsblock li, .teamblock li { padding:0; margin:0; display:block; height:198px; } .newsblock h3, .teamblock h3 { display:block; background:#f8d2e0; padding:0; margin:0; height:22px; line-height:22px; font-size:13px; padding:0 0 0 5px;} .newsblock h4, .teamblock h4 { display:block; color:#f7d3e0; margin:0; padding:0 0 3px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } .newsblock img, .teamblock img { float:left; } .newsblock .textbox { float:left; text-align:left; display:block; margin-top:12px; color:#f7d3e0; padding:3px 0 0 15px; width:450px; } .teamblock .textbox { float:left; text-align:left; display:block; margin-top:12px; color:#f7d3e0; padding:1px 0 0 15px; width:450px; } .newsblock a, .teamblock a { color:#f7d3e0;} .teamblock .textbox p { margin:0; } /* Galerie ----------------------------------------------------------------------------------------------------*/ .galerie_container {overflow:hidden; margin-top:63px;} .galerie_container a { float:left; display:block; margin-right:5.3px; margin-bottom:5.3px; padding:0; height:82px; width:82px; } #fancybox-title-main p { font-weight:normal; display:block; } /* Kontakt ----------------------------------------------------------------------------------------------------*/ .kontaktcontainer { padding:62px 20px 20px 55px; background:url(img/layoutimg/kontakt_bg_r.png) left top no-repeat; color:#f7d3e0; } .kontaktcontainer h1 { color:#f7d3e0; font-size:33px; text-transform:uppercase; font-weight:normal; margin-bottom:40px;} .kontaktcontainer h2 { color:#f7d3e0; font-size:17px; text-transform:uppercase; font-weight:bold; margin:0 0 17px 0; padding:0; display:block; } .kontaktcontainer h3 { color:#f7d3e0; font-size:14px; font-weight:bold; display:block; clear:both; padding:0; margin:0 0 3px 0; } .kontaktcontainer p {line-height:18px; display:block; } .kontakt_left { float:left; margin-right:173px; margin-bottom:50px; } .kontakt_right { } p.emin a { text-decoration:underline; color:#f7d3e0; font-weight:normal; } p.emin a:hover {text-decoration:underline; } .kontaktcontainer a { text-decoration:underline; color:#f7d3e0; } .kontaktcontainer a:hover { text-decoration:underline; } /* Menü ----------------------------------------------------------------------------------------------------*/ ul#menue { padding:0; margin:0 0 0 0; width:450px;} ul#menue li {display:block; height:135px; background:#f8d2e1; padding:0; margin:0; color:#442e37; position:relative; } ul#menue li img { display:block; width:100px; } ul#menue li h4 { text-transform:uppercase; font-weight:bold; font-size:15px; display:block; width:320px; padding:11px 0 1px 15px; margin:0; float:left; } ul#menue li p { display:block; float:left; width:320px; padding:0 0 0 15px; margin:0; } a.download_menue { position:absolute; display:block; text-indent:-9999px; height:29px; width:155px; background:url(img/download_menue.jpg); top:177px; right:77px; } a.download_menue:hover { background:url(img/download_menue_h.jpg);} /* Std Spalten ----------------------------------------------------------------------------------------------------*/ .std_spalten_container { padding:62px 20px 20px 55px; background:url(img/layoutimg/std_pattern.jpg) left top no-repeat; color:#f7d3e0; } .std_spalten_container h1 { color:#f7d3e0; font-size:32px; text-transform:uppercase; font-weight:normal; padding:0; margin:0 0 5px 0; } .std_spalten_container h2 { color:#f7d3e0; font-size:17px; text-transform:uppercase; font-weight:bold; margin:0 0 17px 0; padding:0; display:block; } .std_spalten_container h3 { color:#f7d3e0; font-size:14px; font-weight:bold; display:block; clear:both; padding:0; margin:0 0 3px 0; } .std_spalten_container p {line-height:18px; display:block; } .std_spalten_container a { color:#f7d3e0; text-decoration:none; } .std_spalten_container a:hover { text-decoration:underline;} .subgalerie_con { position:relative; } .subgalerie { position:absolute; top:342px; width:528px; overflow:hidden; } .subgalerie img { border:2px #f7d3e0 solid; } .center { margin-left:8px; float:left; } /* Impressum ----------------------------------------------------------------------------------------------------*/ .imp_left { float:left; margin-right:45px; margin-bottom:20px; } .imp_right { } .imp_right a, .imp_left a { text-decoration:underline; } .padding_list {font-weight:bold; display:inline;} .padding_info { position:absolute; left:25px; } .kontakt_liste { position:relative; } h1.imp { margin-bottom:40px; } /* Bestellformular ----------------------------------------------------------------------------------------------------*/ .bestellformular_con { background:#442e37; } .of_head { margin:50px 0 20px 7px; } .of_head p { width:420px; padding:0; margin:0; } .bestellformular_con h1 { color:#f7d3e0; font-size:32px; text-transform:uppercase; font-weight:normal; padding:0; margin:0 0 5px 0; } .bestellformular_con p { line-height:18px; display:block; color:#f7d3e0; } .bestellformular_con a.download_menue { top:227px; right:77px; } h3.removable { color:#725b61; } h3.shop { display:block; color:#725b61; border-top:1px solid #725b61; border-bottom:1px solid #725b61; font-size:14px; padding:8px 0 8px 0; } h3#grandTotal { display:block; height:30px; line-height:30px; border-top:#f8d2e1 solid 1px; color:#222; font-weight:bold; font-size:22px;} .sum_con { border-top:1px solid #442e37; border-bottom:1px solid #442e37; padding:3px 0 3px 0; } .sum_inner { background:#442e37; height:33px; } .sum_inner h4 { float:left; display:block; text-transform:uppercase; font-weight:bold; font-size:14px; color:#f8d2e1; line-height:34px; padding-left:10px;} .sum_inner textarea#summe { float:right; display:block; text-transform:uppercase; font-weight:normal; font-size:14px; color:#f8d2e1; height:32px; width:100px; background:none; outline:none; border:none; line-height:32px; padding:0 10px 0 0 ; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:right;} #OrderForm input.cupcake { background:none; border:none; outline:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:right; width:70px; } #OrderForm textarea { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; } .invisible { display:none; } #OrderForm label.error, fieldset p label.error, #kundendaten label.error, #lieferadresse label.error { position:absolute; left:583px; width:280px; font-size:12px; font-weight:bold; font-style:italic; text-align:left; float:right; color:#f8d2e1; border:1px solid #f8d2e1; padding:8px; line-height:16px; } #OrderForm { margin:0 0 0 75px;} #OrderForm input { background:#fff; border:1px solid #ccc; outline:none; padding:2px; font-size:14px; } #OrderForm input[type=text] { height:25px; } #OrderForm p.menge { line-height:30px; } #OrderForm p.menge label { float:left; display:block; width:200px; } #OrderForm input.of_menge { width:40px; height:25px; text-align:center; float:left; margin-right:10px; } .block ul { list-style:none; } .block li { display:block; float:none; width:550px; height:30px; text-align:left; padding:0; margin:0 0 2px 0; line-height:30px; } .block li label { text-align:left; line-height:30px; margin:0 15px 0 0; } li.menge a { background:url(img/of_na.png);} a.of_produkt_thumb { height:30px; width:30px; display:block; float:left; background:url(img/of_na.png); } #deko_texteingabe { width:392px; height:100px; } #kundendaten label, #lieferadresse label { display:block; text-align:left; width:130px; float:left; line-height:30px; margin:0 20px 0 0; font-size:14px; color:#442e37; } #ofAbholung { margin-bottom:10px; } textarea.anmerkungen { height:100px;} .summe { width:100px; } #OrderForm input.preis {border:none; background:none; outline:none; } td.titel { width:300px; } td.titel.torten_titel { width:290px; } td.menge { text-align:center; padding:0; } td.preview { text-align:center; } td#preis, td#sonder_preis { width:130px; font-size:14px; padding:0; } td#preis.torten_preis { width:140px;} td.preis_sum { width:70px; padding-right:10px; text-align:right; min-width:70px; } input.cupcake { width:50px; } td { font-size:14px; margin:0; padding:5px 0 5px 5px; } th { font-size:14px; margin:0; padding:0; } h2.form_head { background:#442e37; color:#f7d3e0; font-size:17px; font-weight:normal; display:inline-block; padding:0 10px 0 10px; height:22px; line-height:16px; margin:0 0 15px 0; } #OrderForm table { margin:0 0 25px 0; } textarea#summe { overflow:hidden; } #deko input, #verpackung input {float:left; display:block; } #kundendaten input {width:250px; float:left; height:25px; padding:2px; margin:0;} #kundendaten {} h3.trigger { width:515px; height:30px; line-height:30px; display:block; clear:both; background:url(img/h3_arrow_down.png) no-repeat left #fdeef4; background-position:9px 7px; margin:0 0 10px 0 ; padding:0 0 0 35px; text-transform:uppercase; font-size:14px; } h3.trigger a { display: block; text-decoration:none; } h3.trigger a:hover { } h3.active { background:url(img/h3_arrow_up.png) no-repeat left #fdeef4; background-position:9px 6px; }/ .toggle_container { margin: 0 0 5px; padding: 0; overflow: hidden; clear: both; width:550px;} .toggle_container .block {} .toggle_container p { color:#442e37; } #OrderForm input.submit {display:block; width:116px; height:29px; background:url(img/submit.jpg); text-indent:-9999px; } #OrderForm input.submit:hover { background:url(img/submit_h.jpg); } #OrderForm fieldset p.dekoimgbox { font-size:12px; line-height:15px; margin-bottom:10px; } a img.dekoimg { border:none; padding:0; width:45px; height:45px; } .img_deko_unter p { width:45px; height:20px; display:block; float:left; text-align:center; color:#725b61; background:#efbcd0; font-size:11px; margin:0 4px 0 0; padding:0;} input.cupcake { color:#725b61; } /*--*/ fieldset { background:#f8d2e1; border:none; width:550px; padding:0 15px 20px 15px; margin:0 0 0 0; position:relative; } #OrderForm input[type=radio] { padding:0px 0 0 0; margin:0 7px 0 0; } #OrderForm input[type=radio], #OrderForm input[type=checkbox] { background:none; border:none; } .input_field label {font-weight:normal; font-size:14px; color:#442e37; } .input_field { margin:7px 0 0 0; display:block; height:20px; } .input_date { margin-bottom:15px; } p.arrow { background:url(img/of_arrow.png) left center no-repeat; padding:0 0 0 15px; font-size:14px; line-height:14px; color:#442e37; background-position:0 2px; } p.arrow.shophead, p.arrow.aahead { margin-bottom:15px; } p.arrow.datum { line-height:30px; height:30px; display:block; background-position:0 9px; margin-right:5px; } p.arrow.deko { line-height:30px; height:30px; display:block; background-position:0 9px; margin:10px 0 0 5px; } p.formtext, p.dekoimgbox { font-size:12px; display:block; line-height:17px; color:#442e37; } p.checktext { font-size:14px; display:block; line-height:17px; color:#442e37; margin-left:20px; } .sortiment { display:none; } .deko_inner_con a.inline_element { margin:0; padding:0; width:45px; float:left; margin:0 4px 0 0; } .anmerkungen_a {margin:0 0 15px 0; padding:0; } body.iframe_content { background:none; margin:0; padding:0; } body.iframe_content table.iframe_table td { padding:5px 0 0 10px; font-size:12px; } body.iframe_content table.iframe_table td.first { } body.iframe_content table.iframe_table { width:470px; background:#fff; } body.iframe_content table.iframe_table tr { background:#efefef; } body.iframe_content h2.iframe_h2 { font-size:16px; margin:10px 0 10px 0; padding:0; } body.iframe_content tbody tr:nth-child(even) td, tbody tr.even td {background:#fff;} body.iframe_content tbody tr:nth-child(even) tr, tbody tr.even tr {background:#fff;} /* Geschmacksrichtungen ----------------------------------------------------------------------------------------------------*/ #geschmacksrichtungen { margin:10px 0 0 0; overflow:hidden; } #geschmacksrichtungen ul { display:block; background:#efbcd0; padding:10px 10px 10px 15px; float:left; margin:0; height:328px; } #geschmacksrichtungen ul li {line-height:14px; display:block; height:auto; padding:0 10px 0 10px; margin:0 0 5px 0; background:url(img/arrow_li.png) no-repeat; background-position:0 2px; } #geschmacksrichtungen ul li.first { font-weight:bold; padding:0 0 5px 0; background:none; color:#442e37; } #geschmacksrichtungen ul.teige, #geschmacksrichtungen ul.teige li, #geschmacksrichtungen ul.toppings li, #geschmacksrichtungen ul.fuellungen li { width:150px; position:inherit; } #geschmacksrichtungen ul.toppings { float:right; margin:0;width:150px; position:inherit; height:328px; } #geschmacksrichtungen ul.fuellungen { float:left; margin:0 0 0 12px;width:150px; position:inherit; height:328px; } /* Shop ----------------------------------------------------------------------------------------------------*/ .shop_produktliste { position:relative; } .shop_produktliste ul { list-style:none; margin:0; padding:0; } .shop_produktliste ul li { padding:0 0 0 18px; line-height:12px; display:block; width:250px; position:absolute; } .shoplistitem { background:url(img/arrow_dark.png) no-repeat; } .shop_back {background:url(img/arrow_dark_left.png) no-repeat; background-position:0 2px; line-height:13px; height:14px; padding:0 0 0 18px; display:block; position:absolute; top:50px; } .preisauszeichnung { position:absolute; padding:3px 10px 3px 25px; display:block; right:70px; font-size:18px; font-weight:bold; color:#f8d2e1; background:none; } .shop_0 { top: 0.0em; } .shop_1 { top: 1.6em; } .shop_2 { top: 3.2em; } .shop_3 { top: 4.8em; } .shop_4 { top: 6.4em; } .shop_5 { top: 8.0em; } .shop_6 { top: 9.6em; } .shop_7 { top: 0.0em; left:250px; } .shop_8 { top: 1.6em; left:250px; } .shop_9 { top: 3.2em; left:250px; } .shop_10 { top: 4.8em; left:250px; } .shop_11 { top: 6.4em; left:250px;} .shop_12 { top: 8.0em; left:250px;} .shop_13 { top: 9.6em; left:250px;} /* Partner ----------------------------------------------------------------------------------------------------*/ h1.partnerhead { position:absolute; height:104px; width:232px; left:55px; top:222px; background:url(img/partnerhead.png) no-repeat; text-indent:-9999px; } .partnerblock { margin:60px 0 0 320px; background:url(img/partner_pattern.png) left top no-repeat; color:#f8d2e1; padding:22px 0 0 32px; font-size:13px; line-height:21px; font-weight:normal; width:615px; } .partnerblock p { width:500px;} ul.partnerlist { position:absolute; left:350px; bottom:78px; height:362px; list-style:none; padding:0; margin:0; } ul.partnerlist li a { color:#f8d2e1; height:28px; display:block; line-height:28px; } table#partnertable tr:nth-child(even) td, table#partnertable tr.even td {background:none; padding:0; margin:0;} table#partnertable tr { padding:0; margin:0; } table#partnertable tr img { padding:0; margin:0; } table#partnertable tr a { padding:0; margin:0; vertical-align:middle; text-decoration:none; display:inline; height:auto; width:auto; } table#partnertable td { padding:0 0 0 0; text-align:center; vertical-align:middle;} table#partnertable tr.space { height:20px; } /* Jobs ----------------------------------------------------------------------------------------------------*/ h1.jobshead { position:absolute; height:48px; width:155px; left:55px; top:222px; background:url(img/h1_jobs.png) no-repeat; text-indent:-9999px; } .jobback { background:url(img/jobback.jpg) bottom no-repeat; width:378px; min-height:575px; float:left; } .jobblock { margin:30px 0 0 0; } ul#joblist {list-style:none;} ul#joblist li a {display:block; height:24px; background:#f8d2e1; color:#442e37; line-height:24px; padding-left:10px; margin-bottom:18px; } /* Error ----------------------------------------------------------------------------------------------------*/ .container_error { border:none; margin-top:200px; } .container_error p { color:#f8d2e1; font-weight:bold; text-align:center; } /* Plugins ----------------------------------------------------------------------------------------------------*/ /* iFrame-Ersatz */ .scroll-pane { overflow: auto; padding-right:20px; } .impressum-pane { height: 400px; width:490px; } .about-pane { height:480px; width:490px;} .news-pane { height:450px; width:643px; padding-right:10px; } .shopdesign-pane { height:210px; width:490px;} .menue-pane { height:330px; margin-top:40px; width:460px; } .partner-pane { height:362px; width:330px; position:absolute; bottom:78px; right:18px; padding:0; } .jobs_pane { height:380px; width:555px; position:absolute; bottom:78px; right:18px; padding:0;} .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 14px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 13px; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #624f5a; position: relative;} .jspDrag { background: #f8d2e0; position: relative; top: 0; left: 0; cursor: pointer; border-top:1px solid #624f5a; border-bottom:1px solid #624f5a; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #090;; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { height: 13px; } .jspHorizontalBar .jspArrow { width: 14px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspArrowUp { background:url(img/scroll_arrow_up_01.png); } .jspArrowDown { background:url(img/scroll_arrow_down_01.png); } * html .jspCorner { margin: 0 -3px 0 0; } /* Fancybox */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('img/fancybox.png'); } #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none; } * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; } #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('img/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; } #fancybox-content { height: auto; width: auto; padding: 0; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; } #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; } #fancybox-title { position: absolute; bottom: 0; left: -10px; font-size: 12px; z-index: 1102; } .fancybox-title-inside { display:block; width:100%; } .fancybox-title-outside { font-weight: bold; display:block; width:100% } .fancybox-title-over { text-align: left; } #fancybox-title-over { display: block; } #fancybox-title-wrap { } #fancybox-title-wrap span { height: 39px; float: left; } #fancybox-title-left { background:#fff; } #fancybox-title-main { color: #442e37; background:#fff; width:100%; text-align:left; padding-left:10px; padding-right:10px; padding-bottom:20px; margin-top:-1px;} #fancybox-title-right { background:#fff; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('img/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; top:-90px; } #fancybox-right { right: 0px; top:-90px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 58px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background: url('img/fb_back.png') no-repeat; } #fancybox-right-ico { background: url('img/fb_next.png') no-repeat; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 10px; } #fancybox-right:hover span { left: auto; right: 10px; } .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('img/fancybox-x.png'); } #fancy-bg-ne { top: -20px; right: -20px; background-image: url('img/fancybox.png'); background-position: -40px -162px; } #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('img/fancybox-y.png'); background-position: -20px 0px; } #ncy-bg-se { bottom: -20px; right: -20px; background-image: url('img/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('img/fancybox-x.png'); background-position: 0px -20px; } #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('img/fancybox.png'); background-position: -40px -142px; } #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('img/fancybox-y.png'); } #fancy-bg-nw { top: -20px; left: -20px; background-image: url('img/fancybox.png'); background-position: -40px -122px; } #tip-title { margin-left:10px; padding:10px 0 10px 0; } /* Fancybox IE */ #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fb_back.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fb_next.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fancy_shadow_nw.png', sizingMethod='scale'); } dow_nw.png', sizingMethod='scale'); }