/* ALLGEMEINE REGELN */ * { margin:0; padding:0; border:0; list-style-type: none; } body { width:100%; margin:0; padding:0; background: #c8c8c8 url(img/egoist_background.png) repeat-x; font-family: Helvetica Neue, Helvetica, Arial; font-size: 11px; color:#333; line-height: 16px; } @font-face { font-family: univers; src: url("universbold.eot")} @font-face { font-family: univers; src: url("universbold.ttf")} #main_image { /*height: 673px;*/ background: url(img/zoom.png) no-repeat; } #main_image:after { content:""; display:inline-block; height:50%; } #main_image:hover { background: #FFF} .topheaderbutton { display:block; height: 21px; width: 119px; background: url(img/top_basket_button_1.png) no-repeat 0 0; color: #666; font-family: univers; text-shadow: 1px 1px 1px #FFF; padding-top: 7px} .topheaderbutton:hover { background: url(img/top_basket_button_1.png) no-repeat 100% 0; color: #FFF; text-shadow: 1px 1px 1px #000} .warenkorb { background: url(img/warenkorb_symbol.png) no-repeat; width: 51px;height: 50px; display: block; margin-top: -12px;} /* STATISCHE LAYOUT-ELEMENTE */ #topheader { height: 120px;} #topheadercontent { width: 978px; margin: auto; height: 160px;} #logo { float: left; margin-right: 40px; padding-top: 30px; width: 192px; } #topmenu { height: 30px;padding-left: 8px; } #basketheader { height: 69px; width: 746px; background: url(img/basket_header.png) no-repeat; float: left;margin-top: 13px; } #nobasketheader { height: 39px; width: 746px; background: url(img/no_basket_header.png) no-repeat; float: left;margin-top: 13px; } #left { width: 730px; float: left} #right { width: 263px; float: right} #footer { padding-top: 20px; background: #e8e8e8 url(img/grad_bg_2.gif) repeat-x;} .ban_sky { top: 60px; margin: auto; width: 160px; right: 0; position: absolute} .boxshadow { -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.09),-2px 2px 3px rgba(0,0,0,.09),2px -2px 3px rgba(0,0,0,.09),-2px -2px 3px rgba(0,0,0,.09);-moz-box-shadow: 1px 1px 3px rgba(0,0,1,.05); } .boxshadow_3 { box-shadow: 1px 1px 3px rgba(0,0,0,.08),-1px 1px 3px rgba(0,0,0,.08),1px -1px 3px rgba(0,0,0,.08),-1px -1px 3px rgba(0,0,0,.08); -moz-box-shadow: 1px 1px 3px rgba(0,0,1,.05),-1px 1px 3px rgba(0,0,1,.05),1px -1px 3px rgba(0,0,1,.05),-1px -1px 3px rgba(0,0,1,.05); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.08),-1px 1px 2px rgba(0,0,0,.08),1px -1px 2px rgba(0,0,0,.08),-1px -1px 2px rgba(0,0,0,.08); filter: progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=180, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=270, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=0, strength=3); } .boxshadow_4 { box-shadow: 1px 1px 3px rgba(0,0,0,.14), -1px 1px 3px rgba(0,0,0,.14),1px -1px 3px rgba(0,0,0,.14),-1px -1px 3px rgba(0,0,0,.14);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.14),-1px 1px 3px rgba(0,0,0,.14),1px -1px 3px rgba(0,0,0,.14),-1px -1px 3px rgba(0,0,0,.14);-moz-box-shadow: 1px 1px 3px rgba(0,0,1,.14),-1px 1px 3px rgba(0,0,1,.14),1px -1px 3px rgba(0,0,1,.14),-1px -1px 3px rgba(0,0,1,.14); filter: progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=180, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=270, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=0, strength=3) } .boxshadow_2 { border: 1px solid #BCBCBC; -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.2);-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.2);} .boxshadow_bottom { border-bottom: 1px solid #C9C9C9; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.07);-moz-box-shadow: 1px 1px 0px rgba(0,0,1,.02); } .boxshadow_bottom_right { border-bottom: 1px solid #C9C9C9;border-right: 1px solid #C9C9C9; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.07);-moz-box-shadow: 1px 1px 0px rgba(0,0,1,.02); } .boxshadow_inner { -moz-box-shadow:inset 2px 2px 3px #D9D9D9;-webkit-box-shadow:inset 2px 2px 3px #D9D9D9 } .productbox { width: 178px; height: 248px; float: left; border: 1px solid #656565; overflow: hidden; background: #FFF; text-align: center; margin: 1px} .bg_grad_black { background: #8C5C38 url(img/bg_grad_black.png) repeat-x;} .bg_grad_black_2 { background: #000 url(img/bg_grad_black.png) repeat-x;} .bg_grad_lgrey { background: #FAFAFA url(img/bg_grad_lgrey.png) repeat-x;} .bg_grad_lgrey_2 { background: #FAFAFA url(img/light_grey_bg.png) repeat-x;} .picshw:hover { -moz-box-shadow:inset 2px 2px 3px #D9D9D9;-webkit-box-shadow:inset 2px 2px 3px #D9D9D9 } a.slider_left_arrow { width: 29px; height: 105px; background: url(img/slider_arrow_left.png) no-repeat; float: left; display: block } a.slider_left_arrow:hover { width: 29px; height: 105px; background: url(img/slider_arrow_left.png) no-repeat 100% 0; float: left } a.slider_right_arrow { width: 29px; height: 105px; background: url(img/slider_arrow_right.png) no-repeat; float: right; display: block } a.slider_right_arrow:hover { width: 29px; height: 105px; background: url(img/slider_arrow_right.png) no-repeat 100% 0; float: right } .z100 { z-index: 100 } .underlined { text-decoration: underlined } .text a:link,visited { color: #000 } .text a:hover { color: #000; text-decoration: underline } .searchbutton { background: url(img/search_button.png) no-repeat; border: 0; color: #FFF; width: 86px; height: 24px; float: left;margin-left: 4px} .searchbutton:hover { background: url(img/search_button.png) no-repeat 100% 0; text-shadow: 1px 1px #000;} .dropdownbutton { background: url(img/dropdownbutton.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .dropdownbutton:hover { background: url(img/dropdownbutton.png) no-repeat 100% 0; } .dropdownbutton_2 { background: url(img/dropdown_2.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .dropdownbutton_2:hover { background: url(img/dropdown_2.png) no-repeat 100% 0; } .arrowbutton_left { background: url(img/arrow_left.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowbutton_left:hover { background: url(img/arrow_left.png) no-repeat 100% 0; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowbutton_right { background: url(img/arrow_right.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowbutton_right:hover { background: url(img/arrow_right.png) no-repeat 100% 0; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowgreybutton_left { background: url(img/grey_arrow_left.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowgreybutton_left:hover { background: url(img/grey_arrow_left.png) no-repeat 100% 0; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowgreybutton_right { background: url(img/grey_arrow_right.png) no-repeat; border: 0; width: 25px; height: 23px; margin-left: 4px} .arrowgreybutton_right:hover { background: url(img/grey_arrow_right.png) no-repeat 100% 0; border: 0; width: 25px; height: 23px; margin-left: 4px} .questionbutton { background: url(img/meinegroesse_button.png) no-repeat; border: 0; width: 100px; height: 25px; margin-left: 4px} .questionbutton:hover { background: url(img/meinegroesse_button.png) no-repeat 100% 0; border: 0; width: 100px; height: 25px; margin-left: 4px} .artdelbutton { background: url(img/art_delete.png) no-repeat; border: 0; width: 17px; height: 17px;} .artdelbutton:hover { background: url(img/art_delete.png) no-repeat 100% 0; border: 0; width: 17x; height: 17px;} .stepbutton { background: url(img/steps.png) no-repeat; border: 0; width: 23px; height: 23px; margin-left: 4px} .stepbutton:hover { background: url(img/steps.png) no-repeat 100% 0; border: 0; width: 23x; height: 23px; margin-left: 4px} .stepbutton_active { background: url(img/steps.png) no-repeat 100% 0; border: 0; width: 23px; height: 23px; margin-left: 4px} .stepbutton_active:hover { background: url(img/steps.png) no-repeat 0 0; border: 0; width: 23x; height: 23px; margin-left: 4px} .closebutton { background: url(img/close_button.png) no-repeat 0 0; border: 0; width: 25px; height: 24px; margin-left: 4px} .closebutton:hover { background: url(img/close_button.png) no-repeat 100% 0; border: 0; width: 25px; height: 24px; margin-left: 4px} .inbasketbutton { background: url(img/in_basket.png) no-repeat; border: 0; width: 199px; height: 52px; margin-left: 4px} .inbasketbutton:hover { background: url(img/in_basket.png) no-repeat 100% 0; border: 0; width: 199x; height: 52px; margin-left: 4px} .twitterbutton { background: url(img/twitter.png) no-repeat; border: 0; width: 22px; height: 22px; margin-left: 4px} .twitterbutton:hover { background: url(img/twitter.png) no-repeat 100% 0; border: 0; width: 22x; height: 22px; margin-left: 4px} .facebookbutton { background: url(img/facebook.png) no-repeat; border: 0; width: 22px; height: 22px; margin-left: 4px} .facebookbutton:hover { background: url(img/facebook.png) no-repeat 100% 0; border: 0; width: 22x; height: 22px; margin-left: 4px} .mailbutton { background: url(img/mail.png) no-repeat; border: 0; width: 22px; height: 22px; margin-left: 4px} .mailbutton:hover { background: url(img/mail.png) no-repeat 100% 0; border: 0; width: 22x; height: 22px; margin-left: 4px} .btn { background: url(img/black_button.gif) no-repeat; border: 0; color: #FFF; width: 68px; height: 24px; margin-left: 4px} .btn:hover { background: url(img/black_button.gif) no-repeat 100% 0; text-shadow: 1px 1px #000;} .searchbox { height: 18px; border-top: 1px solid #333; border-bottom: 1px solid #FFF; border-left: 1px solid #999; border-right: 1px solid #999; -moz-box-shadow:inset 0px 1px 1px #999;-webkit-box-shadow:inset 0px 1px 1px #999} .dropdownbox { border-top: 1px solid #333; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; -moz-box-shadow:inset 0px 1px 1px #999;-webkit-box-shadow:inset 0px 1px 1px #999;} div.topmenu { float: right; height: 30px; } a.menu_button { cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/menu_buttons_2.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.menu_button:hover, li.menu_button_special:hover, menu_button_active { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/menu_buttons_2.png) no-repeat 50% 0;} a.menu_button_special { cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/menu_buttons_2.png) no-repeat 0 0; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.menu_button_special:hover { cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/menu_buttons_2.png) no-repeat 100% 0; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.new_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/new_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.new_button:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/new_button.png) no-repeat 50% 0;} a.shop_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/shop_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.shop_button:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/shop_button.png) no-repeat 50% 0;} a.sale_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/sale_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.sale_button:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/sale_button.png) no-repeat 100% 0;} a.egoist_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/egoist_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.egoist_button:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/egoist_button.png) no-repeat 50% 0;} a.egoist_button2 { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/egoist_button.png) no-repeat 50% 0;} a.egoist_button2:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/egoist_button.png) no-repeat 50% 0;} a.marken_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/marken_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.marken_button:hover { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/marken_button.png) no-repeat 50% 0;} a.kontakt_button { display: block; cursor: pointer; height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/kontakt_button.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} a.kontakt_button:hover, a.menu_button_special:hover, menu_button_active { height: 30px; width: 124px; color: #FFF; text-align: center; background: url(img/kontakt_button.png) no-repeat 50% 0;} a.jobs_button { display: block; cursor: pointer; height: 27px; width: 122px; color: #FFF; text-align: center; background: url(img/menu_subline_jobs.png) no-repeat; padding-top: 8px; padding-right: 62px;text-shadow: 1px 1px 1px #000;} a.stores_button { display: block; cursor: pointer; height: 27px; width: 122px; color: #FFF; text-align: center; background: url(img/menu_subline_stores.png) no-repeat; padding-top: 8px; text-shadow: 1px 1px 1px #000;} ul.products { padding-left: 20px } li.topcat { height: 24px; font-size: 12px; list-style-image: url(img/dot.png); background: url(img/grey_grad.png) no-repeat;} li.firstcat { margin: 10x 0px; font-size: 12px; list-style-image: url(img/dot.png);} li.cat { margin: 10x 10px 0 0; font: normal 14px/18px Helvetica Neue, Helvetica, Arial; list-style-image: none;} li.lastcat { margin: 10x 0px; font-size: 12px; list-style-image: url(img/dot.png);} li.info { margin: 10x 0px; font-size: 12px; background: url(img/grey_grad_2.png) no-repeat;} li a, a:visited { color: #333; } li a:hover { color: #000;text-decoration: underline; } /* HINTERGRUND-FARBEN */ .bgc_lgrey { background-color: #F1F1F1 } .bgc_lgrey2 { background-color: #DADADA } .bgc_lgrey3 { background-color: #E4E4E4 } .bgc_sgrey { background-color: #FAFAFA } .bgc_dgrey { background-color: #797979 } .bgc_dgrey2 { background-color: #333 } /* .bgc_sand { background-color: #FFFBE0 } */ .bgc_sand { background-color: #FAEBE1 } .bgc_white { background-color: #FFFFFF } .bgc_black { background-color: #000000 } .bgc_black_opacity { background: url(img/black_opacity.png)} .bgc_rose { background-color: #FFE4DF } .bgc_yellow { background-color: #FFA } .bgc_syellow { background-color: #FFFBE7 } .bgc_lred { background-color: #FEA2AC } .bgc_lred2 { background-color: #FDC8CE } .bgc_blue { background-color: #0099EE } .bgc_lblue { background-color: #E0F5FE } .bgc_green { background-color: #006472 } .bgc_lgreen { background-color: #AFD957 } .bgc_dblue { background-color: #018EC9 } .bgc_sdgrey { background-color: #D7D7D7 } .bgc_test { background-color: #F1F1F1 } .bg_grey_spot { background-image: url(../images/layout/bg_grey_spot.jpg) } .bg_dgrey { background-image: url(img/bg_dg.gif) } .bgc_p01blue { background-color: #02B9FF } .bgc_p01green { background-color: #8ABA18 } .bgc_p01mag { background-color: #B94F95 } .bgc_p01orange { background-color: #F9B200 } .fo_white { background: url(../images/layout/fade_out_white.png) repeat-x; width: 100%; height: 56px } .fo_white:hover { background: transparent } /* TEXT-FARBEN */ .tc_white { color: #FFF } .tc_white_2 { color: #d8dae3 } .tc_black { color: #000 } .tc_lgrey { color: #938F93 } .tc_dgrey { color: #666 } .tc_dgrey2 { color: #333 } .tc_sgrey { color: #C0C0C0 } .tc_turkey { color: #549694 } .tc_senf { color: #BFA11E } .tc_brown { color: #8C5C38 } .tc_rose { color: #EF472C } .tc_drose { color: #F29080 } .tc_red { color: #8F0808 } .tc_lila { color: #BE4994 } .tc_red { color: #C00 } .tc_blue { color: #0099EE } .tc_blue a:hover { color: #000; text-decoration: underlined } .tc_blue a:link .tc_dblue { color: #018EC9 } .male { color: #0099EE } .female { color:#FE00D1 } /* TEXT FORMATIERUNGEN */ .bold { font-weight: bold } .normal { font-weight: normal } .descr { font:normal 11px Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#7F7F7F } .italic { font-style: italic } .underline { text-decoration: underline} .ta_j { text-align: justify } .ta_center { text-align: center } .ta_left { text-align: left } .ta_right { text-align: right } /* SCHRIFTARTEN */ .ff_helvetica { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .ff_georgia { font-family: Georgia; } .ff_verdana { font-family: Verdana,sans-serif } .ff_geneva { font-family: Geneva,sans-serif } .ff_arial { font-family: Arial,Helvetica, sans-serif; } .ff_trebuchet { font-family: "Trebuchet MS",sans-serif;letter-spacing: 0px; } .ff_lucida { font-family: "Lucida Grande",sans-serif } .ff_univers { font-family: univers} /* TEXT EFFEKTE */ .shw_black { text-shadow: 2px 2px 2px rgba(0,0,0,5); } .shw_black_2 { text-shadow: 2px 0px 5px rgba(0,0,0,5); } .ts_white { text-shadow: -1px 1px 0px #FFF; } .ts_white_hl { text-shadow: 4px 4px 1px #FFF; } .ts_grey { text-shadow: 1px 1px 0px #D7D7D7; } .ts_grey_1 { text-shadow: 1px 1px 3px #D0D0D0; } .ts_black { text-shadow: -1px -1px #000; } .ts_opac { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .ts_black_2 { text-shadow: #000 0 1px 3px; } .ts_dgrey { text-shadow: 1px 1px 1px #333; } ##.ts_dblue { text-shadow: 1px 1px 2px #0F7AA4; } .ts_dblue { text-shadow: 1px 1px 1px #207EA9; } .ts_none { text-shadow: 0px 0px 0px } .topnav:hover { background: #2BA7E0;color: #FFF; } /* TEXT GROESSE */ .fs_8 { font-size: 8px } .fs_9 { font-size: 9px } .fs_10 { font-size: 10px } .fs_11 { font-size: 11px } .fs_12 { font-size: 12px; line-height: 19.2px; } .fs_13 { font-size: 13px } .fs_14 { font-size: 14px } .fs_15 { font-size: 15px } .fs_16 { font-size: 16px } .fs_18 { font-size: 18px } .fs_20 { font-size: 20px } .fs_30 { font-size: 30px } /* LINE-SPACING */ .lh_11 { line-height: 11px } .lh_12 { line-height: 12px } .lh_13 { line-height: 13px } .lh_14 { line-height: 14px } .lh_15 { line-height: 15px } .lh_16 { line-height: 16px } .lh_17 { line-height: 17px } .lh_18 { line-height: 18px } /* HINTERGRUENDE */ .grad_bg_1 { background-image: url(../images/layout/grad_bg_1.png); background-repeat: repeat-x; background-position: bottom } .grad_bg_2 { background-image: url(../images/layout/slight_grey_gradient.gif); background-repeat: repeat-x; background-position: bottom } .grad_bg_3 { background-image: url(../images/layout/slight_grey_gradient_2.gif); background-repeat: repeat-x; background-position: bottom } .grad_bg_black { background-image: url(../images/grad_bg_black.png); background-repeat: repeat-x; background-position: top } .grad_bg_silver { background-image: url(../images/grad_bg_silver.png); background-repeat: repeat-x; background-position: top } /* TRANSPARENZEN */ .opacity_50 { opacity: 0.5; filter: alpha(opacity=50) } .opacity_60 { opacity: 0.6; filter: alpha(opacity=60) } .opacity_65 { opacity: 0.65; filter: alpha(opacity=65)} .opacity_70 { opacity: 0.7; filter: alpha(opacity=70) } .opacity_75 { opacity: 0.75; filter: alpha(opacity=75) } .opacity_80 { opacity: 0.8; filter: alpha(opacity=80) } .opacity_0 { opacity: 0; filter: alpha(opacity=0) } .oph_60:hover { opacity: 0.6; filter: alpha(opacity=60) } /* ANZEIGE */ .dpl_none { display: none } .dpl_block { display: block } .dpl_hidden { visibility: hidden } .dpl_inline { display: inline } .ofl_hidden { overflow: hidden } .ofl_scroll { overflow: scroll; overflow-x:hidden } .ofl_visible { overflow: visible } .op_box { opacity: 0; filter: alpha(opacity=0); cursor: pointer } .op_box:hover { opacity: 1; filter: alpha(opacity=100); cursor: pointer } /* RAHMEN */ .b_all { border: 1px solid } .b_top { border-top: 1px solid } .b_bottom { border-bottom: 1px solid } .b_left { border-left: 1px solid } .b_right { border-right: 1px solid } .b_none { border: 0 } /* RAHMEN-FARBEN */ .bc_sgrey { border-color: #E5E5E5 } .bc_sgrey2 { border-color: #EFEFEF } .bc_lgrey { border-color: #D7D7D7 } .bc_dgrey { border-color: #797979 } .bc_dgrey_2 { border-color: #666 } .bc_white { border-color: #FFF } .bc_turkey { border-color: #549694 } .bc_senf { border-color: #BFA11E } .bc_brown { border-color: #BD7924 } .bc_rose { border-color: #F29080 } .bc_lila { border-color: #BE4994 } .bc_sand { border-color: #e6c1a2 } .bc_greengrey { border-color: #2E926D } .bc_blue { border-color: #0099EE } .bc_red { border-color: #C00 } .bc_green { border-color: #006472 } .bc_dblue { border-color: #018EC9 } .bc_black { border-color: #000 } /* RAHMEN-STÄRKE */ .bw_1 { border-width: 1px } .bw_2 { border-width: 2px } .bw_3 { border-width: 3px } .bw_4 { border-width: 4px } .bw_5 { border-width: 5px } /* RAHMEN-STILE */ .bs_dotted { border-style: dotted } .bw_4 { border-width: 4px } /* RAHMEN-RADIEN */ .rounded_full { -webkit-border-radius: 12px; -moz-border-radius: 12px } .rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px } .rounded_4 { -webkit-border-radius: 4px; -moz-border-radius: 4px } .rounded_2 { -webkit-border-radius: 2px; -moz-border-radius: 2px } .rounded_white { -webkit-border-radius: 5px; -moz-border-radius: 5px } .rounded_grey { -webkit-border-radius: 5px; -moz-border-radius: 5px } .rounded_grey { -webkit-border-radius: 5px; -moz-border-radius: 5px } .rounded_topleft { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px } .rounded_topleft_4 { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px } .rounded_bottomleft_4 { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px} .rounded_topright { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px } .rounded_bottomleft { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px} .rounded_bottomright { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px} /* POSITIONIERUNG */ .pos_rel { position: relative } .pos_abs { position: absolute } .pos_fix { position: } .pos_l_0 { left: 0 } .pos_b_0 { bottom: 0 } /* AUSSEN-ABSTÄNDE */ .m_none { margin: 0 } .m_auto { margin: auto } .m_all_1 { margin: 1px } .m_all_5 { margin: 5px } .m_all_10 { margin: 10px } .m_all_15 { margin: 15px } .m_all_20 { margin: 20px } .m_left_1 { margin-left: 1px } .m_left_5 { margin-left: 5px } .m_left_8 { margin-left: 8px } .m_left_10 { margin-left: 10px } .m_left_10m { margin-left: -10px } .m_left_15 { margin-left: 15px } .m_left_20 { margin-left: 20px } .m_left_30 { margin-left: 30px } .m_left_100 { margin-left: 100px } .m_left_150 { margin-left: 150px } .m_left_350 { margin-left: 350px } .m_right_5 { margin-right: 5px } .m_right_10 { margin-right: 10px } .m_right_10m { margin-right: -10px } .m_right_15 { margin-right: 15px } .m_right_20 { margin-right: 20px } .m_right_30 { margin-right: 30px } .m_top_2 { margin-top: 2px } .m_top_3 { margin-top: 3px } .m_top_4 { margin-top: 4px } .m_top_5 { margin-top: 5px } .m_top_8 { margin-top: 8px } .m_top_10 { margin-top: 10px } .m_top_12 { margin-top: 12px } .m_top_15 { margin-top: 15px } .m_top_20 { margin-top: 20px } .m_top_20m { margin-top: -20px } .m_top_25 { margin-top: 25px } .m_top_30 { margin-top: 30px } .m_top_70 { margin-top: 70px } .m_bottom_5 { margin-bottom: 5px } .m_bottom_10 { margin-bottom: 10px } .m_bottom_12 { margin-bottom: 12px } .m_bottom_15 { margin-bottom: 15px } .m_bottom_20 { margin-bottom: 20px } .m_bottom_1 { margin-bottom: 1px } /* INNEN-ABSTÄNDE */ .p_5_2 { padding: 5px 2px } .p_2_5 { padding: 3px 6px } .p_button { padding: 2px 5px } .p_none { padding: 0 } .p_all_1 { padding: 1px } .p_all_2 { padding: 2px } .p_all_3 { padding: 3px } .p_all_4 { padding: 4px } .p_all_5 { padding: 5px } .p_all_10 { padding: 10px } .p_all_15 { padding: 15px } .p_all_20 { padding: 20px } .p_left_5 { padding-left: 5px } .p_left_10 { padding-left: 10px } .p_left_15 { padding-left: 15px } .p_left_20 { padding-left: 20px } .p_left_30 { padding-left: 30px } .p_right_5 { padding-right: 5px } .p_right_10 { padding-right: 10px } .p_right_15 { padding-right: 15px } .p_right_20 { padding-right: 20px } .p_top_1 { padding-top: 1px } .p_top_2 { padding-top: 2px } .p_top_3 { padding-top: 3px } .p_top_4 { padding-top: 4px } .p_top_5 { padding-top: 5px } .p_top_10 { padding-top: 10px } .p_top_12 { padding-top: 12px } .p_top_15 { padding-top: 15px } .p_top_20 { padding-top: 20px } .p_top_30 { padding-top: 30px } .p_top_40 { padding-top: 30px } .p_top_50 { padding-top: 30px } .p_bottom_5 { padding-bottom: 5px } .p_bottom_10 { padding-bottom: 10px } .p_bottom_15 { padding-bottom: 15px } .p_bottom_20 { padding-bottom: 20px } /* DIV-CONTAINER GRÖSSEN */ .box1000 { width: 1000px } .box990 { width: 990px } .box978 { width: 978px } .box950 { width: 950px } .box750 { width: 750px } .box730 { width: 730px } .box742 { width: 742px } .box740 { width: 740px } .box720 { -webkit-box-shadow: rgba(0,0,1,.09) 1px 1px 1px 0px; border: 1px solid #D7D7D7} .box700 { width: 700px } .box700m { max-width: 700px } .box680 { width: 680px } .box650 { width: 650px } .box620 { width: 620px } .box600 { width: 600px } .box590 { width: 590px } .box570 { width: 570px } .box560 { width: 560px } .box550 { width: 550px } .box500 { width: 500px } .box480 { width: 480px } .box450 { width: 450px } .box420 { width: 420px } .box418 { width: 418px } .box400 { width: 400px } .box390 { width: 390px } .box380 { width: 380px } .box360 { width: 360px } .box350 { width: 350px } .box340 { width: 340px } .box330 { width: 330px } .box320 { width: 320px } .box310 { width: 310px } .box300 { width: 300px } .box280 { width: 280px } .box260 { width: 260px } .box250 { width: 250px } .box240 { width: 240px } .box230 { width: 230px } .box220 { width: 220px } .box210 { width: 210px } .box200 { width: 200px } .box180 { width: 180px } .box170 { width: 170px } .box168 { width: 168px } .box160 { width: 160px } .box150 { width: 150px } .box140 { width: 140px } .box138 { width: 138px } .box134 { width: 134px } .box124 { width: 124px } .box120 { width: 120px } .box110 { width: 110px } .box106 { width: 106px } .box100 { width: 100px } .box90 { width: 90px } .box80 { width: 80px } .box70 { width: 70px } .box60 { width: 60px } .box50 { width: 50px } .box40 { width: 40px } .box30 { width: 30px } .box20 { width: 20px } .box18 { width: 18px } .box14 { width: 14px } .box_shw { -webkit-box-shadow: rgba(0,0,1,.09) 2px 2px 2px 1px; -moz-box-shadow: rgba(0,0,1,.09) 2px 2px 2px 1px;zoom: 1;filter: progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=180, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#EFEFEF, direction=270, strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#EFEFEF, direction=0, strength=1);background-color: #fff; } .box_shw_1 { -webkit-box-shadow: #D7D7D7 1px -1px 0px 1px; -moz-box-shadow: rgba(0,0,1,.09) 1px 1px 1px 1px; } .img_shw { -webkit-box-shadow: #222 1px 1px 1px 1px; -moz-box-shadow: rgba(0,0,1,.06) 1px 1px 1px 3px;} .tm_ms,.tm_mag,.tm_int,.tm_mp { display: none} /* MAXIMALE BREITE */ .mw_50 { max-width: 50px } li.ts:hover { background-color: #EFEFEF; border-bottom: 1px solid #E5E5E5 } /* HÖHEN ANGABEN */ .h10 { height: 10px } .h14 { height: 14px } .h16 { height: 16px } .h18 { height: 18px } .h19 { height: 19px } .h20 { height: 20px } .h34 { height: 34px } .h35 { height: 35px } .h36 { height: 36px } .h37 { height: 37px } .h40 { height: 40px } .h45 { height: 45px } .h50 { height: 50px } .h60 { height: 60px } .h70 { height: 70px } .h74 { height: 74px } .h80 { height: 80px } .h90 { height: 90px } .h95 { height: 95px } .h100 { height: 100px } .h105 { height: 105px } .h110 { height: 110px } .h120 { height: 120px } .h130 { height: 130px } .h140 { height: 140px } .h150 { height: 150px } .h160 { height: 160px } .h180 { height: 180px } .h200 { height: 200px } .h220 { height: 220px } .h230 { height: 230px } .h245 { height: 245px } .h280 { height: 280px } .h300 { height: 300px } .h450 { height: 450px } .h480 { height: 480px } .h500 { height: 500px } /* FLOATING */ .left { float: left } .right { float: right } .cl_both { clear: both; } .cl_left { clear: left } .cl_right { clear: right } /* ÜBERSCHRIFTEN */ h1 { font-size: 15px; font-weight: bold; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; font-family: univers} h2 { font-size: 13px } h3 { font-size: 11px } h4 { font-size: 11px } /* Z-INDEX */ .zi_1000 { z-index: 1000 }; /* ANORDNUNGEN */ .va_top { vertical-align: top } .va_bottom { vertical-align: bottom } .p_absolute { position: absolute } .p_relative { position: relative } /* LISTEN */ ul {z-index: 1000 } ul.ul_topnavi { margin-left: 10px; padding-top: 7px; font-family: "Trebuchet MS"; font-size: 16px; } ul.ul_topnavi li a { margin-right: 15px; color: #FFF; height: 24px } ul.ul_topnavi li a:hover { margin-right: 15px; color: #018EC9;text-shadow: 2px 2px 2px rgba(0,0,0,5); } ul.ul_topnavi li.tn_active a { margin-right: 15px; color: #018EC9; text-shadow: 2px 2px 2px rgba(0,0,0,5);} ul.ul_topnavi li.tn_inactive a { margin-right: 15px; color: #FFF;} ul.ul_subnavi { margin-left: 10px; padding-top: 10px; font-family: "Trebuchet MS"; font-size: 12px } ul.ul_subnavi li a { margin-right: 15px; color: #FFF; height: 24px } ul.ul_subnavi li a:hover { margin-right: 15px; color: #018EC9;text-shadow: 2px 2px 2px rgba(0,0,0,5); } ul.ul_subnavi li.sn_active a { margin-right: 15px; color: #018EC9; text-shadow: 2px 2px 2px rgba(0,0,0,5); } /* IMAGES */ .thumb_1 { width: 90px; height: 60px; border: 1px solid #D2D2D2; padding: 1px } .thumb_2 { border: 1px solid #D2D2D2; padding: 1px; } .thumb_2:hover { border: 1px solid #BD7924 } .thumb_3 { width: 60px; height: 45px; border: 1px solid #D2D2D2; padding: 1px } .thumb_4 { width: 20px; height: 30px; border: 1px solid #D2D2D2; padding: 1px } .thumb_male { width: 60px; height: 45px;border: 1px solid #D2D2D2; padding: 1px } .thumb_male:hover { border: 1px solid #0099EE } .thumb_profile { max-width: 200px; max-height: 150px } .thumb_120 { max-width: 120px; max-height: 90px; border: 1px solid #D2D2D2; padding: 1px } /* MAUS ZEIGER */ .cur_help { cursor: help } /* LINKS */ a { color:#8C5C38; text-decoration: none; cursor: pointer } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:focus { text-decoration:underline; } a:hover { color: #8C5C38; text-decoration:none; } a:active { color:#000; text-decoration:underline;} a.headline:link, a.headline:visited { color: #FFF } a.headline:hover { color: #000; background: #FFF; padding-left: 5px; padding-right: 5px; } a.headline:focus { font-weight:bold; text-decoration:underline; } a.pic:hover { opacity: 0.7; filter: alpha(opacity=70) } /* Effekte */ .trans {-moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; } .trans:hover {-moz-transform: scale(1.1); -webkit-transform: scale(1.1);text-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 4px rgba(0,0,0,0.2),0 0 6px rgba(0,0,0,0.2); -webkit-transition: all 0.2s linear; } /* Tabellen */ th { font:bold 11px Tahoma, Verdana, Helvetica, sans-serif } td, td p { font:normal 10px Tahoma, Verdana, Helvetica, sans-serif; color:#7F7F7F; empty-cells: show } /* td.cal:hover { background-color:#FFFBD5 } */ /*---*/ input[type=text],input[type=password] { font-family: Verdana,sans-serif; background: #fff url(../images/layout/inp_bg.png) repeat-x;border: 1px solid #DDD; padding: 2px; -moz-box-shadow:inset 0px 1px 1px #999;-webkit-box-shadow:inset 0px 1px 1px #999; font-size: 10px; color: #333; margin: 3px 0px; height: 16px;} /* FORMULAR FELDER */ input[type=submit] { cursor: pointer; height: 22px; color: #666; text-shadow: 1px 1px 0px #EFEFEF; text-align: center; background: url(img/submit_buttons.png) no-repeat 0 0; box-shadow: 1px 1px 3px rgba(0,0,0,.14), -1px 1px 3px rgba(0,0,0,.14),1px -1px 3px rgba(0,0,0,.14),-1px -1px 3px rgba(0,0,0,.14);-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.14),-1px 1px 3px rgba(0,0,0,.14),1px -1px 3px rgba(0,0,0,.14),-1px -1px 3px rgba(0,0,0,.14);-moz-box-shadow: 1px 1px 3px rgba(0,0,1,.14),-1px 1px 3px rgba(0,0,1,.14),1px -1px 3px rgba(0,0,1,.14),-1px -1px 3px rgba(0,0,1,.14); filter: progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=90,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=180, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=270, strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#D0D0D0, direction=0, strength=3) } input[type=submit]:hover {background: url(img/submit_buttons.png) no-repeat 100% 0; color: #FFF;text-shadow: 1px 1px 0px #000; } input[type=button] { background: url(img/submit_buttons.png) no-repeat 0 0; border: 0; color: #666; height: 24px;margin-left: 4px;text-shadow: 1px 1px #000; font-size: 11px; } input[type=button]:hover {background: url(img/submit_buttons.png) no-repeat 100% 0; color: #FFF;text-shadow: 1px 1px #000; } button.warenkorb_b { background: url(img/warenkorb_button.png) no-repeat; width: 198px; height: 52px; display:block; border: 0; box-shadow: 0; filter: 0; -webkit-box-shadow: 0; -moz-box-shadow: 0; cursor:pointer } button.warenkorb_b:hover { background: url(img/warenkorb_button.png) no-repeat 100% 0; width: 198px; height: 52px } input[type=text],input[type=password],input.inputreg,input.inputreg [type=password]{ font-family: Verdana,sans-serif; background: #EFEFEF url(img/field_bg.gif) repeat-x; padding: 2px; -moz-box-shadow: 1px 1px 1px #D7D7D7,-1px 1px 1px #D7D7D7,1px -1px 1px #D7D7D7,-1px -1px 1px #D7D7D7;-webkit-box-shadow: 1px 1px 2px #D7D7D7, -1px 1px 2px #D7D7D7, 1px -1px 2px #D7D7D7, -1px -1px 2px #D7D7D7; border: 1px solid #FFF; font-size: 12px; color: #666; margin: 3px 0px; height: 18px;} textarea { font-family: Verdana,sans-serif; background: #FFF url(img/field_bg.gif) repeat-x; padding: 2px; font-size: 12px; -moz-box-shadow: 1px 1px 1px #D7D7D7,-1px 1px 1px #D7D7D7,1px -1px 1px #D7D7D7,-1px -1px 1px #D7D7D7;-webkit-box-shadow: 1px 1px 2px #D7D7D7, -1px 1px 2px #D7D7D7, 1px -1px 2px #D7D7D7, -1px -1px 2px #D7D7D7; border: 1px solid #FFF; font-size: 12px; color: #666; margin: 3px 0px;} button.ordering_small,input.ordering_small { background: #EFEFEF url(img/ordering_buttons_small1.png) no-repeat 0% 0; width: 130px; height: 32px; color: #666; text-shadow: 1px 1px 1px #EFEFEF; font-weight: bold; font-size: 12px; cursor: hand } button.ordering_small:hover,input.ordering_small:hover { background: #EFEFEF url(img/ordering_buttons_small1.png) no-repeat 100% 0; width: 130px; height: 32px; color: #FFF;text-shadow: 1px 1px 0px rgba(255,255,255,.14); } button.ordering_small2,input.ordering_small2 { background: #EFEFEF url(img/ordering_buttons_small2.png) no-repeat 0% 0; width: 160px; height: 40px; color: #666; text-shadow: 1px 1px 1px #EFEFEF; font-weight: bold; font-size: 12px; cursor: hand } button.ordering_small2:hover,input.ordering_small2:hover { background: #EFEFEF url(img/ordering_buttons_small2.png) no-repeat 100% 0; width: 160px; height: 40px; color: #FFF;text-shadow: 1px 1px 0px rgba(255,255,255,.14); } button.ordering,input.ordering { background: #EFEFEF url(img/ordering_buttons.png) no-repeat 0% 0; width: 199px; height: 50px; color: #666; text-shadow: 1px 1px 1px #EFEFEF; font-weight: bold; font-size: 12px; cursor: hand } button.ordering:hover,input.ordering:hover { background: #EFEFEF url(img/ordering_buttons.png) no-repeat 100% 0; width: 199px; height: 50px; color: #FFF;text-shadow: 1px 1px 0px rgba(255,255,255,.14); } select { font-family: Verdana,sans-serif; background: #fff url(../images/layout/inp_bg.png) repeat-x;margin: 4px 0px; border: 1px solid #D7D7D7; padding: 3px 5px 2px 5px; -moz-box-shadow:inset 0px 1px 1px #999;-webkit-box-shadow:inset 0px 1px 1px #999; font-size: 12px; color: #333} input:focus,input:hover { background-color: #FFFBE7 } select:focus,select:hover { background-color: #FFFBE7 } option { font-size: 10px;color: #000; font-family: Arial;font-size: 11px; line-height:1.3em; } textarea:focus,textarea:hover { } checkbox { border-top: 1px solid #BBB;border-left: 1px solid #BBB;border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 3px 5px 2px 5px;} .search { background: #333; color: #FFF; border: 1px solid #444; margin-top: 6px;width:150px;text-shadow: 1px 1px #000;} .search:hover,.search:active { background: #444;} a.toggle_right { padding:0 0 0 22px; cursor:pointer; background:url(../images/layout/arrow_right.gif) no-repeat 0 1px } a.toggle_down { padding:0 0 0 22px; cursor:pointer; background:url(../images/layout/arrow_down.gif) no-repeat 0 1px } .balloon_dblue { background:url(../images/balloon.gif) no-repeat; width: 10px; height: 10px; } .balloon_dgrey { background:url(../images/balloon_grey.gif) no-repeat; width: 10px; height: 10px; } .pointer { cursor: pointer } .fancy { cursor: url('../images/lupe.cur'), pointer;} .inline-edit .form { display: none; } .inline-edit .hover { background-color: #FFFBD5; cursor: pointer; } ul#detail_thumbs li { margin: 5px; text-align: center; float: left; border-bottom: 3px solid #FFF;padding-bottom: 1px } ul#detail_thumbs li.active { border-bottom: 3px solid #666} /* tables */ table.tablesorter {margin:10px 0pt 15px;font-size: 8pt;width: 100%;text-align: left; empty-cells: show } table.tablesorter thead tr th, table.tablesorter tfoot tr th {font-size: 8pt; empty-cells: show } table.tablesorter thead tr .header {background-image: url(../images/icons/ts_bg.gif);margin-right: 10px;background-repeat: no-repeat;background-position: center right;cursor: pointer; empty-cells: show } table.tablesorter tbody td {vertical-align: top; empty-cells: show } table.tablesorter tbody tr.odd td {empty-cells: show} table.tablesorter thead tr .headerSortUp {background-image: url(../images/icons/ts_asc.gif);} table.tablesorter thead tr .headerSortDown {background-image: url(../images/icons/ts_desc.gif);} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {} table { empty-cells: show } .hover_blue:hover {background-color: #EFEFEF; border-color: #EFEFEF} .hl {color:#F90 !important;} .note{color:#F90;} .req { font-weight:bold;} .err {color:#F90;} .done {color:#00B910;} .link {background: url(bg/oxid_pe_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#555555 !important; line-height:1.1em;} .link2 {padding-left:0;font-size:10px;text-decoration:none;color:#757C83 !important; line-height:1.1em;} .link:hover, .link2:hover {text-decoration: underline;} .def_color_1 {color:#757C83;} .fs12 {font-size: 12px !important;} .fs11 {font-size: 11px !important;} .fs10 {font-size: 10px !important;} .nobrd {border: none !important;} .nobold {font-weight: normal !important;} .ta_right {text-align: right !important;} div.right, span.right {float:right;} div.left, span.left {float:left;} a.black_link {color: #000 !important;} a.black_link:hover {color: #f90 !important;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} /* Forms */ form{margin-top:0px;margin-bottom:0px;} input {color: #000;} input.btn.hl {border-color:#f90;color:#f90;} input.chbox {vertical-align:middle; margin-top: 0px;} input.chk {margin: 1px 5px 1px 0px !important; padding: 0 !important;} textarea.fullsize {width: 100%;} input.openid {background: #fff url(bg/openid-icon-small.gif) no-repeat 0 50%; border:1px solid activeCaption; padding:2px 1px 2px 18px;} /* Tables .....*/ table {border-collapse: collapse;} table.min_width {width:auto} th {text-align: left;padding: 0 5px 0 0;font-weight: normal;} tr.row_sep td hr{display:none;} tr.row_sep td div{background: url(bg/sepatator_pe_.gif) no-repeat center center; margin: 0;height: 15px;} tr.sep td, tr.sep th {background: url(bg/sepatator_pe_.gif) no-repeat center center;} /* Navigation - bars */ div.bar {vertical-align: middle;} div.bar .left {float:left;} div.bar .right {float:right;} /* Navigation - boxes */ dl.box {padding:0;margin:0;float:right;position:relative;} dl.box dt {padding:5px;font-weight:bold;font-size:11px;text-indent:5px;} dl.box dd {margin:0;padding:4px 4px 0;} /* Navigation - menues */ ul.menue {padding:0; margin:0; list-style:none;} ul.menue li {margin:0; white-space:nowrap;position: relative;} ul.menue li a {line-height: 100%;} ul.menue.horizontal li {float:left;} ul.menue.vertical li {float:none;height: 100%;} .dropdown { visibility: hidden; display:block; position:absolute; left:0;top:100%;padding:0;margin:0;z-index:1000;} .open .dropdown { visibility: visible; } /* Navigation - tree */ ul.tree {padding:0;margin:0;} ul.tree ul {padding:0;margin:0 0 0 15px;} ul.tree li {padding:0;margin:0;list-style: none;} ul.tree li a{line-height: 100%;} /* Layout */ div#page { width:980px;margin:0px auto 0;padding:0;position: relative;background:#ffffff;} div#header { clear:both; background:#ffffff;} div#content { clear:both; background:url(bg/bd_pe_.gif) repeat-y;} div#path { margin:0 0 0 195px;background:#ffffff;padding:15px 0 0 0;border-bottom:1px solid #e2e2e2;color:#555555;} div#body { margin:0 210px 50px 190px;padding:10px 0 0 0;} div#left { float:left; width:180px;background:#ffffff;border-right:4px solid #e2e2e2;} div#right { float:right; width:204px;background:#ffffff;} div.clear {clear: both;} /* Blank pages, popups */ div#body.plain {margin: 0; padding: 0; width: auto;} /* + layout - header */ #header div.bar .fixed {min-width:184px;border-right:1px solid #ffffff;float:left;} div.bar.oxid {background:#ffffff;} div.bar.oxid .logo {padding:18px 0;float:left;} div.bar.oxid dl.box {min-height: 98px;min-width:150px;margin:0 0 1px 2px;} dl.box {background:#ffffff;border:1px solid #e2e2e2;width:150px;} dl.box dt {background:#e2e2e2;color:#555555;} dl.box dt a {color:#555555;padding:0 0 0 10px;background:transparent url(bg/oxid_pe_.gif) 0 -10px no-repeat;display:block;} dl.box dd {color:#555555;} dl.box dd ul {margin:0;} dl.box.open dt {background-color:#d11104;color:#ffffff;} dl.box.open dt a {background-position:0 -35px;color:#ffffff;} dl.box.open dd.dropdown { top:2em;margin-top:3px;width:150px;padding:0;} dl.box.open dd.dropdown ul li a { display:block;padding:0 5px 0 15px; line-height: 20px; text-decoration: none;background:#e2e2e2 url(bg/oxid_pe_.gif) 0 -50px no-repeat;color:#555555;} dl.box.open dd.dropdown ul li a:hover{background-color:#d11104;color:#ffffff;background-position:0 -75px;} dl.box.service dd ul{padding:0} dl.box.service dd ul li{list-style: none;padding:1px 0;} dl.box.service dd ul li a{color:#555555;padding-left:10px;background:transparent url(bg/oxid_pe_.gif) 0 -100px no-repeat;text-decoration: none;} dl.box.service dd ul li a:hover {text-decoration: underline;} dl.box.account dd {line-height: 150%;} dl.box.basket{background:#ffffff;border-color:#e2e2e2;} dl.box.basket dt {background:#e2e2e2;} dl.box.basket.open dt {background-color:#d11104;} dl.box.basket.open dt a {color:#ffffff;} dl.box.basket.open dd.dropdown ul li a{background-color:#e2e2e2;color:#555555;} dl.box.basket.open dd.dropdown ul li a:hover{background-color:#d11104;color:#ffffff;} dl.box.basket dd table {width:100%;} div.bar.links {background:#e2e2e2;border-bottom:1px solid #ffffff;} div.bar.links a {line-height: 11px;color:#555555; font-weight: bold; float:left;vertical-align: bottom;padding:7px .5em; border-left:1px solid #ffffff;} div.bar.links a.language {margin:4px 3px 4px .8em;padding:0;border:none;} div.bar.links a.language img{margin:1px;} div.bar.links a.language.act img{opacity:.7;} div.bar.links a.currency {padding:0 0 0 .5em ;margin:7px 0 7px .5em;} div.bar.links a.currency.sep{padding:7px 0 7px 1em;margin:0 0 0 1em;} div.bar.links a.currency.act{color:#d11104;} div.bar.links .right a { padding: 7px 1em;} div.bar.links .left a { padding: 7px 1em;border-left:none;border-right:1px solid #ffffff;} div.bar.links.single{background:#d11104;} div.bar.links.single a{color:#ffffff;} div.bar.links.single a.act{color:#e2e2e2;} div.bar.categories { background:#d11104; border-bottom: 1px solid #ffffff;} div.bar.categories a { min-width:50px;text-align:center;line-height:1;color:#ffffff; text-decoration: none; display:block; padding: 10px;font-weight: bold;font-size:11px;} div.bar.categories li a.more{ background: transparent url(bg/oxid_pe_.gif) no-repeat 5px -125px;text-indent: 10px;} div.bar.categories li a.exp.more { background-position: 5px -625px;} div.bar.categories li.open a.more{ background-position: 5px -150px;} div.bar.categories a.fixed { padding: 10px 0; text-align: center; background-color: #d11104;color:#ffffff;} div.bar.categories a.fixed:hover { background-color: #e2e2e2;color:#555555;text-decoration: none; } div.bar.categories li.open a, div.bar.categories li a.exp{ background-color: #e2e2e2;color:#555555;text-decoration: none; } div.bar.categories ul.menue.horizontal li {float:left; border-right : 1px solid #ffffff;} div.bar.categories ul.menue.vertical li {float:none; border-top : 1px solid #ffffff;} div.bar.categories ul.menue.vertical li a { text-align:left;padding: 7px 10px; background: #e2e2e2;color:#555555;font-weight: normal;} div.bar.categories ul.menue.vertical li a:hover { background-color:#d11104;color:#ffffff;} /* + layout - footer*/ #footer a{text-decoration: none;} #footer a:hover{text-decoration: underline;} #footer .shopicons {padding: 0 150px;} #footer .footertext {text-align: center; font-size: 10px; padding: 5px 0; clear: both;color:#555555} div.bar.copy{ height:13px;background:#d11104;border-top:2px solid #ffffff;color:#ffffff;padding:5px 10px 5px 200px;} div.bar.copy a{color:#ffffff;} div.bar.shop{ background:#ffffff;color:#555555;padding:8px 190px 10px 180px;text-align: center;} div.bar.shop a{color:#555555;margin:0 7px;} div.bar.icons{text-align: right;} /* minibasket */ .box.minibasket .hr {background: url(bg/sepatator_pe_.gif) no-repeat center center; height: 15px;} .box.minibasket .tocart { height:18px; line-height:18px; width: 149px; background: transparent url(bg/buttons_pe_.gif) no-repeat right 0; margin-left:auto; border: 0 none;padding:0 1px 0 0;} .box.minibasket .tocart input{ width: 149px; height:18px;text-align:center; background: transparent url(bg/buttons_pe_.gif) no-repeat left 0; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;} /* + layout - left */ #left strong.h2{display: block;} #left strong.h2{background:#e2e2e2;padding:10px 5px 5px;margin:0;color:#555555;} #left strong.h2 a {text-decoration: none; color: #555555} #left strong.h2 a:hover {text-decoration: underline;} #left p {padding:3px 10px;margin:0;} #left form.search{padding:5px 0;} #left .search input.txt {width:122px;margin-top:2px;padding:1px 0;} #left .search select {width:126px;margin-top:2px;padding:1px 0;} #left .search span.btn input {font-weight: bold;width:28px;text-align: center;} #left hr {margin: 3px 10px;} /* left minibasket */ #left .box.minibasket {padding:7px 10px;} /* information list */ #left ul.info {margin:0;padding:0 0 30px 0;} #left ul.info li {list-style: none; padding: 0; margin: 0;} #left ul.info li a {background:url(bg/oxid_pe_.gif) no-repeat right -250px; text-indent: 10px; color: #555555;display: block;padding:10px 0; border-bottom:1px solid #e2e2e2;} /* news list */ #left dl.news {margin: 7px 0; padding-left: 10px;} #left dl.news dt {margin-bottom: 9px;} #left dl.news dt a {color: #555555; text-decoration: none;} #left dl.news dt a:hover {text-decoration: underline;} #left dl.news dd {margin: 0 0 9px 0;} /* partners list */ #left .partners {margin: 7px 0;} #left .partners .logo {text-align: center; margin-top: 20px;} ul.tree li a {background:#ffffff url(bg/oxid_pe_.gif) no-repeat right 500px;color:#555555;display:block;padding:10px 2px;border-top:1px solid #e2e2e2;} ul.tree li a.has{padding-right:15px;background-position:right -175px;} ul.tree li a.root{text-indent:15px;padding-right:0;background-position:0 -175px;font-weight: bold;border-color:#e2e2e2;} ul.tree li a.exp{text-indent:15px;padding-right:0;background-position:0 -200px;} ul.tree li a.act{background-color:#d11104;color:#ffffff;} ul.tree li a.exp.act{background-position: 0 -225px;} /* + layout - right */ #right strong.h2 {display: block;} #right strong.h2{position:relative;border-left:4px solid #e2e2e2;background:#e2e2e2;padding:10px 5px 5px;margin:0;color:#555555;} #right strong.h2 a {text-decoration: none; color: #555555} #right strong.h2 a:hover {text-decoration: underline;} #right div.box {border-left:4px solid #e2e2e2;padding:7px 10px;} #right div.box p{padding:7px 10px;} #right .form label {color:#555555;display:block;margin:0 0 3px;} #right .form input.txt {width: 176px; margin:0 0 3px;} #right .form input.txt.openid{width: 159px;} #right .form span.btn input {width: 179px;} #right .form a.link {display:block;margin:0 0 3px;} #right div.forms strong.h2 {background-color: #e2e2e2;color:#555555;border-left-color:#e2e2e2;} #right div.forms strong.h2 a{color:#555555;} #right div.forms div.box{border-left-color:#e2e2e2;background-color:#ffffff;} #right .listitem {margin: 2px 0 7px; padding-left: 66px; position: relative; min-height: 45px; height:auto; color: #555555; width: 114px;} #right .listitem .picture{position: absolute; display: block; left: 0; top: 0; width: 56px; height: 42px; text-align:center; background: #ffffff; border: 1px solid #e2e2e2;} #right .listitem a.title{overflow:hidden;width:108px;display:block;} #right .listitem a {text-decoration: none; color: #555555;} #right .listitem a:hover {text-decoration: underline;} #right .listitem tt {display: block;} #right .actions {margin: 3px 0 5px;} #right .actions a {display: block;} #right .listitem.bargain a.link {color: #555555;} #right .listitem.rightlist {border-bottom: 1px solid #e2e2e2; height:auto;} #right .listitem.rightlist.lastinlist {border: none; margin-bottom: 3px;} #right .listitem.rightlist .price{font-size: 14px; font-weight: bold; color: #555555; margin: 16px 24px 9px 0; width: 90px; position: relative;} #right .listitem.rightlist .price a {font-weight: normal; color: #555555;} #right .listitem.rightlist .price a:hover {color: #555555;} #right .listitem.rightlist .price .tocart{ width: 18px; height: 16px; position: absolute; left: 92px; top: 0;} #right .listitem.rightlist .price .btn{ width: 20px; height: 18px; margin:0; border:0;background: transparent url(bg/buttons_pe_.gif) 0 0 no-repeat;padding: 0;cursor:pointer;} #right .listitem.rightlist .link {background: url(bg/oxid_pe_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color: #555555 !important; line-height:1.1em;} #right .listitem.rightlist .link:hover {text-decoration: underline;} /* right minibasket */ #right .box.minibasket {color: #555555;} #right .box.minibasket .tocart{ width: 149px; height: 18px; line-height: 18px;} #right .box.minibasket .tocart input{ width: 149px; height: 18px; text-align:center; margin:0; border:0;color:#ffffff;padding:2px 0 0 23px;cursor:pointer;font-weight: bold;line-height: 1.1em;} #right .recommlist .btn{border:1px solid #555555;background: #555555;color:#ffffff;font-weight: bold;width:30px;text-align: center;line-height: 100%;} #right dl.actionslist {color: #555555; margin-bottom: 5px;} #right dl.actionslist dt {background: url(bg/sepatator_pe_.gif) no-repeat top center; font-weight: bold; padding-top: 5px;} #right dl.actionslist dd {margin: 0; height: 12px;} #right dl.actionslist dd tt {width: 80px; float: left;} #right dl.actionslist dd span {float: left;} #right dl.actionslist .link {background:url(bg/oxid_pe_.gif) no-repeat 0 -385px;padding-left:14px;font-size:10px;text-decoration:none;color:#555555 !important; line-height:1.1em; float: right;} #right dl.actionslist .link:hover {text-decoration: underline;} #right .recommlistsearch .btn {width: auto;} #right .recommlistsearch .search_input {width: 120px;} /* RSS */ #right .box {position:relative;} a.rss{display:block;position:absolute;right:0;bottom:0; width:14px;height:14px; background: transparent url(bg/rss.gif) 0 0 no-repeat;text-decoration: none;bottom:5px;right:6px;} #body strong.head a.rss, #body strong.head2 a.rss, #body .product strong.h4 a.rss, #body .boxhead a.rss {bottom:8px;} #body strong.head, #body strong.head2 {position:relative; display: block;} #right strong.h2 a.rss{bottom:6px;} /* Path */ #path{ position:relative;} #path a{color:#555555; text-decoration: none;} #path a:hover{text-decoration: underline;} #path a.dinfo{position:absolute;right:0;} /* Content */ #body a{font-size: 11px; text-decoration: none; color: #555555;} #body a:hover{text-decoration: underline; color: #d11104;} #body, #body td, #body th {font-size: 11px;} #body strong.head, #body h1.head{margin:0 5px;background: #ffffff;color:#555555;font-size:14px;font-weight: bold;padding:8px .5em;border-left:8px solid #555555;border-top:1px solid #555555;border-right:1px solid #555555;position:relative;} #body strong.head2 {margin:0 5px 10px 5px;background: #ffffff;color:#555555;border:1px solid #555555;border-left-width:8px;float:left; width:549px;padding:8px 6px;} #body .boxhead {margin:0 5px;background:#ffffff; padding:6px 5px 6px 7px;height:20px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;width:549px;float:left;position:relative;} #body strong.head em, #body h1.head em, #body .boxhead em{font-weight: normal;font-style:normal;font-size:11px;line-height: 11px;} #body strong.head small, #body h1.head small, #body .boxhead small{font-weight: bold;font-size:11px;line-height: 11px;display:block;position:absolute;top:9px;right:3.5em;} #body .boxhead small{top:12px;} #body strong.head h1, #body .boxhead h1{margin:0; padding: 0; display: inline;} #body .box{border:1px solid #555555;border-top:none;padding:8px 6px;margin:0 5px 10px;width:556px;float:left;background:#ffffff;} #body .empty{padding:0 6px !important; height: 0px; overflow: hidden;} #body .box img{border:none;padding:0;margin:0;} #body .box p {margin:0 0 1em 0;} #body .box ul.list{margin:0;padding:0;} #body .box ul.list li{background:url(bg/oxid_pe_.gif) no-repeat 0 -675px;display:inline;padding-left:8px;margin-right:10px;} #body .box ul.list li a{text-decoration: none;color:#555555;} #body .box ul.list li a:hover{text-decoration: underline;color:#d11104;} #body .box.info {padding: 10px 10px 10px 15px; width:543px;} #body .box.notice {padding: 5px 0 0; width:568px; border: none;} #body .box .catfilter {margin: 5px 5px 10px 0;} #body .box .catfilter label {margin-right: 7px;} #body .box .catfilter select {margin: 3px;} #body.plain .boxhead {margin: 5px 5px 0 5px; width: auto; float:none;} #body.plain .box {width: auto; float:none;} #body div.bar.prevnext {background-color:#e2e2e2; border:1px solid #555555;margin:5px;padding:0;height: 27px; float: left; width: 568px;} #body div.bar.prevnext input {background:#d11104;color:#ffffff;border:1px solid #e2e2e2;cursor:pointer;font-size: 11px;font-weight:bold;padding:5px 35px;margin:0;line-height: 1.1em;} #body div.bar.prevnext.bottom {margin-bottom:15px;} #body .form th {text-align: left;padding: 7px 0;font-weight: bold;font-size:11px; background: url(bg/sepatator_pe_.gif) no-repeat bottom center;} #body .form th.mid {/*border-top:1px dotted #000;*/padding-top:3em;} #body .form th small{font-weight: normal; font-size: 10px;} #body .form td{padding: 3px 0;} #body small{font-weight: inherit; font-size:69% ;} /* Other */ #body .dot_sep{background: url(bg/sepatator_pe_.gif) no-repeat center center; border:0px none;height:10px;margin:0px;} #body .dot_sep.mid {margin: 5px 0;} #body .errorbox{font-size:10px;font-weight:bold;border:1px solid #555555;color:#555555; padding: 5px; margin:3px 5px 10px; width:558px; float: left;} #body .errorbox p{margin: 0;} #body .errorbox.inbox {width: 528px; margin: 5px 0; float: none;} /* Plain errors*/ #body.plain .errorbox {width: auto; font-size:10px; font-weight:bold; color:#D81F01; margin: 20px; padding: 0; border: none; width: 500px;} #body.plain .errorbox a {color:#D81F01; text-decoration: underline;} #body.plain .errorbox a:hover {color:#666;} #body.plain .errorbox .errhead {background: #D81F01; color: #fff; padding: 5px 15px;} #body.plain .errorbox .errbody {border: 1px solid #D81F01; padding: 15px;} /* Locator */ #body .locator {margin:0 5px 10px 5px; border:1px solid #555555; color: #555555;float:left;width:568px;} #body .locator .lochead {background: #e2e2e2; color: #555555; padding: 8px .6em; height: 1.1em;} #body .locator .lochead strong.h4 {margin: 0; padding: 0; color: #555555; font-size: 11px; font-weight: bold; float: left;} #body .locator .locbody {padding: 5px 0.6em; text-align: right; height: 1.3em; overflow: visible;} #body .locator .locbody, #body .locator .locbody a {font-size: 10px;} #body .locator .arrow {font-size: 10px; font-weight: bold;} #body .locator a.active {font-weight: bold; color: #d11104;} #body .locator .sep {padding: 0 2px; color: inherit;} #body .locator .sort_row a.none {background:url(bg/oxid_pe_.gif) no-repeat right -750px; padding-right: 20px;} #body .locator .sort_row a.asc {background:url(bg/oxid_pe_.gif) no-repeat right -775px; padding-right: 20px;} #body .locator .sort_row a.desc {background:url(bg/oxid_pe_.gif) no-repeat right -800px; padding-right: 20px;} #body .locator .btn {margin-bottom: 6px;} #body .locator.compare .locbody {height: auto;} /* Products */ #body .product{border:1px solid #555555;float:left;width:143px;height:147px;margin:0 5px 10px 5px;padding:5px 5px 5px 130px;position:relative;background:#ffffff;} #body .product .picture{display:block;width: 115px;text-align: center;position:absolute;top:8px;left:8px;overflow: hidden;} #body .product strong.h3 {margin:0;height: 40px; display: block;} #body .product strong.h3 a{font-size: 10px;color:#000000;} #body .product tt {color:#555555;display:block;} #body .product .flag {width:6px;height: 6px;border:1px solid #969696;float:left;margin:3px 8px 0 0;} #body .product .flag.red{background-color:#f00;} #body .product .flag.orange{background-color:#ffb200;} #body .product .flag.green{background-color:#00ab1f;} #body .product .desc {color:#555555;font-size: 10px;} #body .product .actions a{text-decoration: none; color: #555555; padding-left: 12px; background: url(bg/oxid_pe_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .product .actions a:hover{text-decoration: underline;} #body .product .variants {height: 35px;} #body .product .variants label{display:block;color:#555555;font-size: 9px;padding-bottom:3px;} #body .product .variants select{width: 136px;} #body .product .amprice {clear: left;} #body .product .amount {padding-top:.5em;} #body .product .amount label{margin-right:.5em;color:#555555;font-size: 10px;} #body .product .price {margin-bottom: 4px; } #body .product .price big {font-size: 18px;line-height: 100%; font-weight: bold;white-space:nowrap;} #body .product .price sup.dinfo {vertical-align:super;margin:0;padding:0;} #body .product .price sup.dinfo a{color: inherit;text-decoration: none;font-weight: bold;font-size: 13px;} #body .product .price sup.dinfo a:hover{text-decoration: underline;color: inherit;} #body .product .price small {font-weight: inherit; font-size:69% ;} #body .product span.btn a { width: 135px; line-height: 19px; padding: 0px; margin-top: 0px; font-size: 10px; text-align: center; color:#ffffff; display: block;} #body .product span.btn a:hover { text-decoration: none; } #body .product .price .pricefrom {line-height: 9px;} #body .product .tocart { height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_pe_.gif) no-repeat right 0; margin:0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .product .tocart input{ height:18px;line-height: 1;width: 134px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .product.head {margin-top:30px;border-top:none;border-color:#555555;} #body .product.head strong.h4{display: block;margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;} #body .product.head strong.h4 small{display:block;position:absolute;top:8px;left:49%;color:#555555;font-size:10px;font-weight: normal;} #body .product.head strong.h4.big{width: 549px;} #body .product.head.topshop strong.h4{color:#555555;border-color:#d11104;} #body .product.head.topshop{border-color:#d11104} #body .product.big{width:282px;height:208px;padding-left:281px;} #body .product.head strong.h4.big{width: 549px; display: block;} #body .product.big .picture{width: 250px;} #body .product.big strong.h3 {margin-top:10px; display: block;} #body .product.big strong.h3 a{font-size: 12px;color:#000000;} #body .product.big .actions a{display:inline;margin-right:10px;} #body .product.big .price big{font-size: 23px;} #body .product.big .price .old {font-weight: bold;font-size: 11px;} #body .product.big .price sub.only {display:block;float:left;font-weight: bold;font-size: 11px;margin-right:.5em;height: 3em;} #body .product.big .price .desc {color:#555555;font-size: 10px;} #body .product.small{width:123px;height:147px;padding-left:5px;padding-top:125px;} #body .product.small .variants {height: 3em; margin-bottom:2px;} #body .product.small .picture {height: 118px;} #body .product.small .price {white-space:nowrap;} #body .product.small .tocart {width:121px;} #body .product.small .tocart input{width:121px;} #body .product.small .variants select{width: 123px;} #body .product.small span.btn a { width: 121px;} #body .product.thin{width:433px;height:130px; border-color: #555555;} #body .product.head strong.h4{margin:0;background:#ffffff; padding:8px 5px 1px 7px;height:20px; position:absolute;top:-30px;left:-1px;border-top:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;width:259px;line-height:20px; font-size: 11px;font-weight: bold;color:#555555;} #body .product.head strong.h4.thin{width: 549px;border-color:#555555;;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px;} #body .product.thin .price {position:absolute; top:5px; right:5px;} #body .product.thin .amount {position:absolute; bottom:25px; right:5px;} #body .product.thin .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thin .moreinfo {position:absolute; bottom:5px; right:100px;} #body .product.thin .moreinfo a {width: 135px;} #body .product.thin .variants {position:absolute; bottom:25px; right:100px;} #body .product.thin .actions {margin-top:2em;} #body .product.thin tt {float: left;} #body .product.thin .flag {float: left;margin-left:4px;} #body .product.thinest{ width:479px;height:50px; padding-left: 72px; margin: 0; border: none;} #body .product.thinest .picture {left: 0; height: 42px; width: 56px;border:1px solid #CBCBCB;} #body .product.thinest strong.h3 {height: 26px; margin-top: 3px; display: block;} #body .product.head strong.h4.thinest{width: 556px;border-color:#555555;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px;} #body .product.thinest .price {position:absolute; top:15px; right:5px;} #body .product.thinest .price big {font-size: 14px;line-height: 100%;} #body .product.thinest .price sup.dinfo a{font-size: 11px;} #body .product.thinest .amount {position:absolute; bottom:5px; right:170px;} #body .product.thinest .tocart {position:absolute; bottom:5px; right:5px;} #body .product.thinest .actions {margin-top:0em; clear: left;} #body .product.thinest tt {float: left;} #body .product.thinest .flag {float: left;margin-left:4px;} #body .product.thinest .variants {height: auto;} #body .product.firstinlist {border-bottom:none;margin-bottom:0;} #body .product.inlist {border-top:none;border-bottom:none;margin-bottom:0;} #body .product.lastinlist {border-top:none;} #body .separator {height: 10px;background:transparent url(bg/sepatator_pe_.gif) no-repeat center center;margin:0 5px;float:left;width: 568px;border:1px solid #555555;border-top:none;border-bottom: none;} #body .separator.inbox {width: 555px; border: none; margin: 0;} #body .txtseparator {height: 10px; margin:0 5px;float:left;width: 568px;border:1px solid #555555;border-top:none;border-bottom: none;} #body .txtseparator.inbox {margin:0; width: 555px; border: none; border-bottom:1px solid #555555} #body .product.details {height:auto;min-height: 260px; margin-bottom: 0; border-bottom: none; border-color: #555555;} #body .product.details strong.h4 {border-color:#555555;color:#555555;background:#e2e2e2;padding:1px 5px 8px 7px; display: block;} #body .product.details h1 {border:none;margin:8px 0 0 0;padding:0;color:#000000;background: none;font-size:12px;font-weight: bold;} #body .product.details tt {margin:3px 0 0 0;} #body .product.details .desc {margin:3px 0 0 0;font-size: 11px;color:#555555;} #body .product.details .picture {text-align:left;height: 250px;} #body .product.details .exturls {position:absolute;top:260px;left:8px; width: 250px;} #body .product.details .exturls a{color:#d11104;font-size:10px;margin-right:1em;} #body .product.details .cats {margin:1em 0 0 0;font-size:10px;color:#555555;} #body .product.details .cats a{font-size:10px;color:#555555;} #body .product.details .cats img{margin-right:1em;} #body .product.details .status {padding-top:1em;font-size:10px;color:#555555;} #body .product.details .variants {padding-top:1em;} #body .product.details .actions {padding-top:1em;clear:left;} #body .product.details .actions a{display:block;color:#555555;} #body .product.details .actions a.reqlogin{background:none;padding-left:0;} #body .product.details .price {margin:1em 0;} #body .product.details .price big{display:block;float:left;margin-right:8px;} #body .product.details .price .old {font-weight: bold;font-size: 11px;} #body .product.details .price sup.dinfo {font-size:10px;font-weight: normal;color:#555555;vertical-align:top;/*width:120px;display:block;word-wrap:break-word;*/float:left;line-height: inherit;width:120px;} #body .product.details .price sup.dinfo a {font-size: 11px; font-weight: bold;} #body .product.details .price sub.only {display:block;float:left;font-weight: bold;font-size: 11px;margin-right:.5em;height: 3em;} #body .product.details .price .desc {color:#555555;font-size: 10px;} #body .product.details .packing{clear:left;padding-top:.5em;font-size:10px;color:#757C83;} #body .product.details .pperunit{clear:left;padding-top:.5em;font-size:10px;color:#000;} #body .product.details .amprice th{font-size: 10px; font-weight: bold;} #body .product.details .amprice td{font-size: 10px; padding: 0;} #body .product.details .amprice .am{color:#555555;} #body .product.details .amprice .pr{font-weight: bold;} #body .product.details .amount {clear:left;} #body .product.details .pricealarm {float: left; margin-top: 2px;} #body .product.details .pricealarm a {font-size: 10px;} #body .product.details .persparam {clear: left; padding-top: 7px;} #body .product.details .persparam label {font-size: 10px; margin-right: 10px; color: #555555;} #body .product.details .tocart {float: left; margin-top:2px; margin-right: 40px; } #body .product.details .socialbookmarks {padding-top:1em;} #body .product.details a.sbookmarks {border-right:1px solid #e2e2e2; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} #body .product.details a.sbookmarks.noborder {border:none; height: 20px; display:block; float:left; padding: 0px 3px 0px 3px; margin: 0px;} #body .product.moredetails {margin:0 5px 10px; height: auto; width: 556px; border-top: none; padding: 5px 6px;border-color:#555555;} #body .product.moredetails .morepics{margin-top: 10px; padding: 5px 0; height: 44px; border-top: 1px solid #e2e2e2; } #body .product.moredetails .morepics a{border: 1px solid #e2e2e2; width: 56px; height: 42px; margin: 0 11px 0 2px; float: left;} #body .product.moredetails .longdesc {margin-top: 10px;padding: 15px 0 0; border-top: 1px solid #e2e2e2; line-height: normal;} #body .product.moredetails .longdesc strong.h3 {font-size: 12px; height: auto; margin: 0px; padding-bottom: 7px; font-weight: bold; display: block;} #body .product.moredetails .longdesc p{margin: 0; padding:7px 0px;} #body .product.moredetails .longdesc .question {margin: 10px 0 1px; padding-top: 11px; border-top: 1px solid #e2e2e2;} #body .product.moredetails .longdesc .question a {font-size: 10px; font-weight: bold; color:#d11104;} #body .box .attributes td{border-bottom:1px solid #e2e2e2;font-size:10px;padding:.5em 0} #body .box .attributes .last td {border-bottom:none} #body .box .pricealarm {border-top:1px solid #e2e2e2;} #body .box .pricealarm th {padding-top:.5em;} #body .box .pricealarm th label{font-weight: bold;font-size: 10px;color:#555555;} #body .welcome {float:left;width:280px;height:157px;margin:0 5px 10px 5px;padding:0;} #body .box .guestbook {margin-top: 9px;} #body .box .guestbook .head td {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 5px 0; color: #555555;} #body .box .guestbook .head td.name {color: #555555;} #body .box .guestbook .body td {font-size: 10px; padding: 5px 0;} /* Links */ #body .box dl.links {margin: 0;} #body .box dl.links dt {margin: 0 0 12px;} #body .box dl.links dt a {color: #555555;} #body .box dl.links dt a:hover {color: #555555;} #body .box dl.links dd {background: url(bg/sepatator_pe_.gif) no-repeat bottom center; padding-bottom: 10px; margin: 0 0 10px; } #body .box dl.links dd.last {background: none; margin: 0; padding: 0; } /* News list */ #body dl.news {margin: 0;} #body dl.news dt {margin-bottom: 12px;} #body dl.news dt a {font-weight: bold; color: #555555;} #body dl.news dt a:hover {text-decoration: none;} #body dl.news dd {margin: 0 0 15px 0;} /* Compare */ #body .box.compare {margin-bottom: 20px;} #body .box.compare .reorder {margin-bottom: 5px; height: 10px; clear: both;} #body .box.compare .reorder a {font-size: 10px; font-weight: bold; border: 1px solid #555555; padding-left: 2px; line-height: 10px; width: 11px; color: #555555; display: block;} #body .box.compare .reorder a:hover {text-decoration: none; color: #555555;} #body .box.compare .product{border: none; float: none; display: block;} #body .box.compare .product .picture{display:block; width: 115px; text-align: center; position:absolute; top:8px; left:4px;} #body .box.compare .product.small {width:123px;height:147px;margin: 0 auto; padding: 125px 0 0 0;} #body .box.compare .actions {padding-top:1em; margin-bottom: 5px; width:123px;text-align:left;} #body .box.compare .actions a{text-decoration: none; color: #555555; padding-left: 12px; background: url(bg/oxid_pe_.gif) no-repeat 0 -300px;font-size: 10px;display:block;width: 1%; white-space: nowrap;} #body .box.compare .actions a:hover{text-decoration: underline;} #body .box.compare .fromcompare {height:18px;line-height:1; width: 121px; background: transparent url(bg/buttons_pe_.gif) no-repeat right -50px; margin: 0; border: 0 none;padding:0 1px 0 0;clear:left;} #body .box.compare .fromcompare input {height:18px;line-height:1;width: 121px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .box.compare table.cmp_tbl {margin-left: auto; margin-right: auto; width: 97%;} #body .box.compare table.cmp_tbl td, #body .box.compare table.cmp_tbl th {font-size: 10px; padding: 3px 6px 3px 6px; border-left:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2;} #body .box.compare table.cmp_tbl th {font-weight: bold;} #body .box.compare .no_left_brd {border-left: none !important;} #body .box.compare .no_bot_brd td, #body .box.compare .no_bot_brd th {border-bottom: none !important;} #body.plain .box.compare table.cmp_tbl {margin: 0; width: auto;} #body.plain .box.compare .product.small {height: auto;} #body.plain .box.compare .actions {display: none;} #body.plain .box.compare .tocart {display: none;} #body.plain .box.compare table.cmp_tbl th {width: 121px;} /* ORDER */ /* Order steps */ #body .ordersteps {margin: 0 5px 5px; float:left;} #body .ordersteps dl {width: 102px; height: 63px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #555555; background: #e2e2e2; color: #555555;} #body .ordersteps dt {padding:0; margin: 0;} #body .ordersteps dt, #body .ordersteps dt a {font-size: 10px; font-weight: bold;} #body .ordersteps dl big {font-size: 21px; line-height: 19px;} #body .ordersteps dt a:hover big {text-decoration: underline;} #body .ordersteps dd, #body .ordersteps dd a {font-size: 9px; margin: 0;} #body .ordersteps .lastinrow {margin-right: 0; width: 102px;} #body .ordersteps dl.active {background: #ffffff;} #body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #000000;} #body .ordersteps.nofinalstep dl {width: 126px;} #body .ordersteps.nofinalstep .lastinrow {width: 128px;} /* Order back/next step button */ #body div.bar.prevnext .arrowdown input {background: url(bg/oxid_pe_.gif) no-repeat 15px -342px; background-color: #d11104; padding-left: 38px; padding-right: 25px;} #body div.bar.prevnext .arrowright input {background: url(bg/oxid_pe_.gif) no-repeat 15px -318px; background-color: #d11104;} #body div.bar.prevnext .minorderprice {font-size: 12px; font-weight: bold; line-height: 27px; text-align: center; width: auto;} #body div.bar.prevnext .termsconfirm {width: auto; margin: 0 10px;} #body div.bar.prevnext .termsconfirm td {font-size: 10px; color: #555555; padding: 3px 3px 3px 0;} #body div.bar.prevnext .termsconfirm a {font-size: 10px; color: #555555; text-decoration: underline;} #body div.bar.prevnext .termsconfirm a:hover {color: #555555;} #body div.bar.prevnext .termsconfirm .chkbox {background: none; border: none; vertical-align: middle; margin: 0px; padding: 0;} #body div.bar.prevnext.terms {height: auto; margin-bottom: 10px;} /* Basket */ #body .basket {float: left; margin: 0 3px 10px 6px; border: 1px solid #555555; border-left:none; empty-cells: show;width:569px;} #body .basket tbody td {padding-top: 10px;} #body .basket th {background: #ffffff; color: #555555; font-weight: bold; height: 25px; padding-left: 6px;} #body .basket th.brd {padding: 0;border-left: 1px solid #555555;} #body .basket th .brd_line {background: #555555; width: 7px; height: 25px;} #body .basket th.lastcol {padding-left: 0;} #body .basket td.brd {border-left: 1px solid #555555;} #body .basket .bsk_sep td {height: 9px; padding-top: 0;} #body .basket .bsk_sep .line {border-bottom: 1px solid #e2e2e2;} #body .basket .bsk_sep .bigline {border-bottom: 4px solid #e2e2e2;} #body .basket .picture {border: 1px solid #e2e2e2; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px;} #body .basket .art_title a {font-size: 10px; font-weight: bold; color: #000000;} #body .basket .art_title a:hover {color: #000000;} #body .basket .art_num {font-size: 10px; color: #555555;} #body .basket .btn, #body .basket .amount {margin-bottom: 7px;} #body .basket .upd {color: #ffffff; width: 91px; cursor: pointer; padding: 1px;} #body .basket .price {padding-right: 25px; text-align: right;} #body .basket .orderprice {padding-right: 20px; text-align: right;} #body .basket .vat {padding-left: 20px;} #body .basket .vat_order {padding-left: 15px;} #body .basket .amount {padding-right: 20px;} #body .basket .totalprice {padding-right: 6px; text-align: right;} #body .basket .notice td {padding-top: 5px; font-size: 10px; color: #555555;} #body .basket .sumrow td {padding-top: 3px;} #body .basket .sumrow.total td {padding: 7px 0 4px;} #body .basket .sumdesc {padding-right: 15px !important; text-align: right;} #body .basket .discount, #body .basket .coupon {color: #555555; font-size: 10px;} #body .basket .bottrow {height: 14px;} #body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #555555; color: #ffffff; background: #555555;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;} #body .basket a.wrapremove {width: 70px;} #body .basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_pe_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 -100px; margin:0; border:0;color:#ffffff;padding:4px 0 0 23px;font-weight: bold; } #body .basket .frombasket { height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_pe_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .basket .frombasket input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} #body .basket .frombasket a { width: 77px; height: 16px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 -50px; margin:0; border:0; color:#ffffff; padding:4px 0 0 23px; font-weight: bold; font-size: 10px; text-align: center; text-decoration: none; display: block;} /* user options step */ #body strong.useroptboxhead {margin:10px 5px 0;background: #ffffff; padding:4px 5px 5px 7px;height:20px;border:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;line-height:20px; font-size: 12px;font-weight: bold;color:#555555;width:162px; display: block;} #body strong.useroptboxheadbig {margin:10px 5px 0;background: #ffffff; padding:4px 5px 5px 7px;height:20px;border:1px solid #555555;border-left:8px solid #555555;border-right:1px solid #555555;line-height:20px; font-size: 12px;font-weight: bold;color:#555555;width:259px; display: block;} #body .useroptbox {border:1px solid #555555; border-top: none; width:151px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;} #body .useroptboxbig {border:1px solid #555555; border-top: none; width:248px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;} #body .useroptbox .link {font-size: 10px;} #body .useroptbox .err {margin-bottom: 10px; font-size: 10px;} /* payment step */ #body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;} /* order step */ #body dl.orderinfocol {margin: 0 5px; width: 257px; float:left;} #body dl.orderinfocol dt {padding:0; margin: 0 0 5px 0; height: 23px; font-weight: bold; border-bottom: 1px solid #e2e2e2;} #body dl.orderinfocol dd {padding:0; margin: 0;} #body .giftwrap {height:18px;width: 20px; background: transparent url(bg/buttons_pe_.gif) 0 -100px no-repeat; margin:0; border: 0 none; padding:0; display: block;} #body .etrustlogocol {float: left; width: 100px;} #body .etrustdescocol {float: left; width: 443px;} /* Wrapping */ #body .wrapping {float: left; margin: 0 5px 10px 6px; border: 1px solid #555555; border-left:none; empty-cells: show;} #body .wrapping tbody td {padding-top: 10px;} #body .wrapping th {background: #ffffff; color: #555555; font-weight: bold; height: 25px; padding-left: 6px;} #body .wrapping th.brd {padding: 0;border-left: 1px solid #555555;} #body .wrapping th .brd_line {background: #555555; width: 7px; height: 25px;} #body .wrapping td.brd {border-left: 1px solid #555555;} #body .wrapping .wrp_sep td {height: 9px; padding-top: 0;} #body .wrapping .wrp_sep .line {border-bottom: 1px solid #e2e2e2;} #body .wrapping .picture {border: 1px solid #e2e2e2; background: #ffffff; text-align: center; display: block; height: 42px; width: 56px; margin-left: 5px;} #body .wrapping .art_title a {font-size: 10px; font-weight: bold; color: #000000;} #body .wrapping .art_title a:hover {color: #000000;} #body .wrapping .art_num {font-size: 10px; color: #555555;} #body .wrapping .wrapping_items td {padding-top: 0;} #body .wrapptop {margin-top: 10px;} #body .giftbigimg {padding-right: 12px;} #body dl.orderinfocol.greetingcard {width: 540px; margin: 0;} #body .cardbox {width: 257px; float: left; margin: 0 10px 5px 0;} #body .cardbox .card_title {} #body .cardbox .card_body {padding: 5px 0 5px 25px;} #body .card_sep {clear: both;} #body .giftmessage {width: 100%; height: 100px;} /* More categories */ #body .morecats {margin: 0 5px; width: 569px; float: left;} #body .morecats dl {margin: 0 0 25px;} #body .morecats dt {background: #e2e2e2; border-bottom: 1px solid #ffffff;} #body .morecats dd {background: #e2e2e2; border-bottom: 1px solid #ffffff; margin: 0; padding: 0;} #body .morecats dl a {color:#555555; padding: 4px 10px; display: block;font-weight:normal;} #body .morecats dl dt a{font-weight:bold;} #body .morecats dl a:hover {color:#555555;} #body .morecats dd a {background: url(bg/oxid_pe_.gif) no-repeat 10px -650px; padding-left: 22px;} /* Account header */ #body .account_header dl{border-bottom: 1px solid #e2e2e2; margin: 2px 0; padding-bottom: 5px; width: 97%;} #body .account_header dl.lastInCol{border-bottom: 0; margin: 0; padding-bottom: 0px;} #body .account_header dt a{font-weight: bold; font-size: 10px; text-decoration: none; color: #555555; padding-left: 8px;} #body .account_header dt a:hover{text-decoration: underline; color: #555555;} #body .account_header dt a.active{color: #d11104;} #body .account_header dd{margin: 2px 0; font-size: 10px; color: #555555; padding-left: 8px;} /* Account pages */ #body .account strong.h4 {font-size: 11px; font-weight: bold; margin: 0; padding: 0; display: block;} #body .account small{font-size: 10px;} /* Account remove from list button */ #body .product .fromlist { position: absolute;right: 155px; top: 117px; height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_pe_.gif) no-repeat right -50px; margin:0; border: 0 none; padding:0 1px 0 0;float: left} #body .product .fromlist input{ height:18px;line-height:1;width: 100px; background: transparent url(bg/buttons_pe_.gif) no-repeat 0 -50px; margin:0; border:0;color:#ffffff;padding:0 0 0 23px;cursor:pointer;font-weight: bold;} /* Account wishlist */ #body .wishlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .wishlist .product.thin {width: 413px;} #body .wishlist .separator {margin: 0; width: 541px; border: none;} #body .wishlist .dot_sep {clear: both;} /* Account wishlist search results */ #body .wishsearchresults .searchitem {background: url(bg/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;} #body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; font-weight: bold; color: #000; display: block; width: 1%; white-space: nowrap;} #body .wishsearchresults .searchitem a:hover {color: #000;} /* Account order history */ #body .form.orderhistory td {font-size: 10px; padding: 2px 0;} #body .form.orderhistory th {font-weight: bold; font-size: 10px; border: none; background: none; padding: 2px 0;} #body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 11px;} #body .form.orderhistory a.tocart {height:18px; width: 20px; background: transparent url(bg/buttons_pe_.gif) 0 0 no-repeat; margin:0; border: none; padding:0; display: block;} #body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;} #body .form.orderhistory a.artlink:hover {color: #000;} #body .form.orderhistory .amount {padding-right: 7px;} /* Account reccomend list */ #body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;} #body .recommendlist .product.thin {width: 413px;} #body .recommendlist .separator {margin: 0; width: 541px; border: none;} #body .recommendlist .dot_sep {clear: both;} /* Suggest */ #body ul.suggest {margin: 0;} /* Mall shops start page */ #body .mallbox {width: 980px; margin: 15px auto;} #body .mallbox .mallhead {position: relative; clear: both; height: 75px;} #body .mallbox .mallhead .mallmenu {position: absolute; right: 7px; top: 55px; margin: 0; padding: 0; list-style-type: none;} #body .mallbox .mallhead .mallmenu li {float: left; margin: 0 5px; padding-right: 10px; border-right: 1px solid #999;} #body .mallbox .mallhead .mallmenu li.last {border: none;} #body .mallbox .mallhead .mallmenu li a {font-size: 10px;} #body .mallbox .langbox {background:#24316E; border-bottom: 1px solid #fff; padding: 8px 7px; color: #fff;} #body .mallbox .langbox a {font-size: 10px; color: #fff;} #body .mallbox .langbox a.lang_active {font-weight: bold;} #body .mallbox .locationbox {padding: 15px 0 2px 0; margin: 0 0 15px 15px; font-size: 10px; color: #A7A7A7; border-bottom: 1px solid #CBCBCB;} #body .mallbox .welcomebox {position: relative; margin-left: 15px; width: 480px;} #body .mallbox .welcomebox .shopselectbox {position: absolute; left: 510px; top: 7px; width: 400px; font-size: 10px;} #body .mallbox .mallfooter {margin: 55px 0 0; position: relative;} #body .mallbox .mallfooter .copyright {background: #24316E; color:#fff; height: 15px; margin: 2px; padding: 6px 0px; text-align:right;} #body .mallbox .mallfooter a {font-size: 10px; color: #fff;} /* Basket popup */ #mask{visibility: hidden;display:none;} #mask iframe{visibility: hidden;border:none;} #mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;} div.popup{visibility: hidden;display:none;} div.popup strong{display: block; margin: 9px 0; font-size: 11px;} div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;z-index: 2000;margin-top:-75px;margin-left:-135px; width: 350px; height: 250px; background: #FFF; padding: 10px; border: 1px solid #BCBCBC; -webkit-box-shadow: 4px 4px 3px rgba(0,0,0,.2);-moz-box-shadow: 4px 4px 3px rgba(0,0,0,.2);} div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;} div.on.popup table {width:100%;} div.on.popup input {color:#555555;background:#e2e2e2;border:1px solid #555555;font-weight: bold;padding:2px;width:130px;} div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:130px;} div.on.popup input.bl{position:absolute;bottom:10px;left:10px;} div.on.popup input.br{position:absolute;bottom:10px;right:10px;} #zoom {padding:0;overflow:auto;min-width:250px;min-height: 150px;background:#e2e2e2;border-color:#000000;} #zoom ul.tabs{padding:0;margin:0;background:#ffffff;height: 28px;width:100%;} #zoom ul.tabs li{list-style: none;margin:1px;float:left;} #zoom a{display:block;padding:5px;background:#e2e2e2;width:20px;text-align: center;border:1px solid #555555;color:#555555;font-weight: bold;} #zoom ul.tabs li.close{float:right;} /* Message boxes */ #body .msg{ float:left;width:548px;color: #000000;background: #ffffff;border: 1px solid #e2e2e2;margin: 0 5px 10px 5px;padding: 5px 10px;} #body .msg .err{color: #555555;font-weight: bold;} /* Tags */ #body .box .tags {text-align: center;} #body .box .tags a{line-height: 100%;padding:0 .2em;cursor: pointer;color:#000;} #body .box .tags a.sel{color:green;font-weight: bold;} /* Ratings */ #write_review {display: none;} #body td.rating { width:89px; height:16px; margin:0; padding:0; background: url(bg/stars.jpg) no-repeat 0 0;} #body td.rating.s1 {background-position:-72px -38px;} #body td.rating.s2 {background-position:-54px -38px;} #body td.rating.s3 {background-position:-36px -38px;} #body td.rating.s4 {background-position:-18px -38px;} #body td.rating.s5 {background-position:0 -38px;} #body ul.rating {width:89px; height:16px; margin:0 0 3px; padding:0; list-style:none; clear:both; position:relative; background: url(bg/stars.jpg) no-repeat left top;} #body ul.rating li {cursor: pointer; float:left;} #body ul.rating li a {position:absolute; left:0; top:0; width:18px; height:16px; text-decoration:none; z-index: 200;} #body ul.rating li a b {display: none;} #body ul.rating li.s1 a {left:0;} #body ul.rating li.s2 a {left:17px;} #body ul.rating li.s3 a {left:34px;} #body ul.rating li.s4 a {left:51px;} #body ul.rating li.s5 a {left:68px;} #body ul.rating li a:hover {z-index:2; width:89px; height:16px; overflow:hidden; left:0; background: url(bg/stars.jpg) no-repeat 0 -18px;} #body ul.rating li.s1 a:hover {background-position: -72px -18px;} #body ul.rating li.s2 a:hover {background-position: -54px -18px;} #body ul.rating li.s3 a:hover {background-position: -36px -18px;} #body ul.rating li.s4 a:hover {background-position: -18px -18px;} #body ul.rating li.s5 a:hover {background-position: 0 -18px;} #body .rating_review_input {margin:0; height:16px;} #body .rating li.current_rate{background: url(bg/stars.jpg) left bottom; position: absolute; height: 16px; z-index: 1;} #body dl.review { margin: 5px 0; padding-top: 5px; border-top: 1px solid #ccc;} #body dl.review dt {margin-bottom: 7px; height: 1em;} #body dl.review dd {clear: both; margin: 0;} #body dl.review .param {margin-left: 20px; color: #757C83;} /* Recommendation lists */ #body dl.recommlistdesc {margin: 0 0 10px;} #body dl.recommlistdesc dt {font-size: 10px; padding: 3px 0 7px; background: url(bg/sepatator_pe_.gif) no-repeat bottom center;} #body dl.recommlistdesc dt a {font-size: 10px;} #body dl.recommlistdesc dd {font-size: 10px; margin: 3px 0;} #body .recommitems .article {width: 125px; margin-right: 9px; float: left; color: #787F87; font-size: 10px;} #body .recommitems .article a {font-size: 10px;} #body .recommitems .article .picture {width: 56px; height: 42px; text-align: center; border:1px solid #CBCBCB; margin-bottom: 3px;} #body .recommitems input.btn {border:1px solid #555555;border-width: 1px 0;} #body .recomm_author {font-weight: normal;} #body .recomlistdesc {float: left; width: 415px;} .verification_code {border: 1px solid #000; color: #000; padding: 2px; text-align:center; width:80px;} #body #demoAdminLink {border: 1px solid; position:absolute; left:778px; top:160px; height: 80px; width: 200px; opacity:0.7;z-index:1000;} #body #demoAdminLink .closeAdminLink {display: block; width: 15px; height: 12px; border: none; margin-left: 185px;} #body #demoAdminLink .openAdminLink {display: block; width: 185px; height: 18px; border: none; margin-left: 7px; margin-top: 32px;} div.jqZoomTitle { } .jqZoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:10; border-color:#c4c4c4; border-style: solid; } .jqZoomPup img { border: 0px; } .preload{ -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width:90px; * width:100px; height:43px; *height:55px; z-index:10; position:absolute; top:3px; left:3px; } .jqZoomWindow { border: 1px solid #FFF; background-color: #FFF; width: 320px; height: 450px; } .headmenu:link { color: #FFF } .headmenu:visited { color: #FFF } .blackbutton { background: url(img/black_button.png) no-repeat; border: 0; color: #FFF; width: 68px; height: 24px; margin-left: 4px} .blackbutton:hover { background: url(img/black_button.png) no-repeat 100% 0; text-shadow: 1px 1px #000;} label { font-size: 12px; color: #666; margin-right: 10px;} #body div.bar.prevnext.paypaltop {background-color:#f0f0f0; border:1px solid #969696;margin:5px;padding:0;height: 100%; float: left; width: 568px;} #body div.bar.prevnext input[class=paypalbutton] {background-color:#f0f0f0;border:0px;padding:0px;margin-top:5px;} #body div.bar.prevnext.paypalbottom {margin-bottom:15px;height: 100%;} #s3slider { width: 736px; /* important to be same as image width */ height: 458px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 736px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 736px; background-color: #000; filter: alpha(opacity=0); /* here you can set the opacity of box with text */ -moz-opacity: 0.0; /* here you can set the opacity of box with text */ -khtml-opacity: 0.0; /* here you can set the opacity of box with text */ opacity: 0.0; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ /*top: 0; if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .clear { clear: both; }