@charset "UTF-8";

/* ### GENERAL SETTINGS ### */
* { font-family: Arial,Helvetica,Verdana; font-size: 11px; color: #000; margin: 0; padding: 0; }
/* body { background: url(../images/layout/bg_curtain.jpg); } */
img { border :0; }
ul { list-style-type: none; }
a { text-decoration: none; cursor: pointer; }

/* ### GENERAL LAYOUT ### */
#container { width: 960px; margin: 0 auto; }
#header { height: 30px; width: 100%; }
#content_main { width: 100%; }
#nav-left { width: 168px; }
#content { width: 770px; }
#contentarea{ width: 770px; height: 400px; background-color: #FFF; }
#contentarea-trans{ width: 770px; height: 400px; }
html>body #contentarea { height: auto; min-height: 400px; }
html>body #contentarea-trans { height: auto; min-height: 400px; }
#header li, #footer li { display: inline; }

/* ### LAYOUT CLASSES ### */
.ajax { background: url(../images/layout/ajax-loading.gif) no-repeat center center; width: 100%; }
.box-S { width: 220px; }
.box-SL { width: 275px; }
.box-MS { width: 295px; }
.box-M { width: 350px; }
.box-LS { width: 440px; }
.box-L { width: 490px; }

/* ### PRODUCT LAYOUT ### */
ul.productList li img { margin-left: 8px; border: 1px solid #CCCCCC; }
ul.productList li a p { height: 25px; padding-top: 5px; margin-left: 7px;}
.productListImgOverlay { position: relative;  z-index: 1; margin-top: -130px; margin-bottom: 85px; width: 0px; height: 45px; }
.stampOverlay { margin-left: 10px; background: url(../images/layout/stamp.gif) no-repeat top left; height: 30px; width: 40px; padding-top: 10px; }

.prod-shadow { width: 128px; background: url(../images/layout/image_bg.gif) no-repeat top left; }
#productListNav div { width: 33%; }
.productImgMedium { border: 1px solid #CCCCCC; }
.productImgOverlay { position: relative; margin-top: -305px; height: 90px; width: 0px; }
#productTop { width: 274px; }

/* ### SPACER CLASSES ### */
.marg-L-5 { margin-left: 5px; }
.marg-L-8 { margin-left: 8px; }
.marg-L-10 { margin-left: 10px; }
.marg-L-20 { margin-left: 20px; }
.marg-L-30 { margin-left: 30px; }
.marg-L-40 { margin-left: 40px; }
.marg-L-60 { margin-left: 60px; }
.marg-R-5 { margin-right: 5px; }
.marg-R-10 { margin-right: 10px; }
.marg-R-20 { margin-right: 20px; }
.marg-R-50 { margin-right: 50px; }
.marg-T-5 { margin-top: 5px; }
.marg-T-8 { margin-top: 8px; }
.marg-T-10 { margin-top: 10px; }
.marg-T-20 { margin-top: 20px; }
.marg-T-30 { margin-top: 30px; }
.marg-T-50 { margin-top: 50px; }
.marg-T-60 { margin-top: 60px; }
.marg-B-5 { margin-bottom: 5px; }
.marg-B-10 { margin-bottom: 10px; }
.marg-B-20 { margin-bottom: 20px; }
.pad-T-5 { padding-top: 5px; }
.pad-T-10 { padding-top: 10px; }
.pad-T-20 { padding-top: 20px; }
.pad-B-5 { padding-bottom: 5px; }
.pad-B-10 { padding-bottom: 10px; }
.pad-B-20 { padding-bottom: 20px; }
.pad-L-5 { padding-left: 5px; }
.pad-L-10 { padding-left: 10px; }
.pad-L-15 { padding-left: 15px; }
.pad-L-20 { padding-left: 20px; }
.pad-L-30 { padding-left: 30px; }
.pad-R-5 { padding-right: 5px; }

/* ### GENERAL CLASSES ### */
.float-clear { clear: both; }
.float-L { float: left; }
.float-R { float: right; }
.align-L { text-align: left; }
.align-M { text-align: center; }
.align-R { text-align: right; }
.valign-T { vertical-align: top; }
.valign-M { vertical-align: middle; }
.valign-B { vertical-align: bottom; }
.border-clear { border: 0px; }
.display-inline { display: inline; }
.line-height-100 { line-height: 100%; }
.line-height-150 { line-height: 150%; }
.line-height-200 { line-height: 200%; }
.pointer { cursor: pointer; }

/* ### FONT CLASSES ### */
.font-S-black { color: #000; font-size: 10px; }
.font-M-black { color: #000; font-size: 11px; }
.font-L-black { color: #000; font-size: 15px; }
.font-S-white { color: #fff; font-size: 10px; }
.font-M-white { color: #fff; font-size: 11px; }
.font-ML-white { color: #fff; font-size: 13px; }
.font-L-white { color: #fff; font-size: 15px; }
.font-M-red { color: #CC0000; font-size: 11px; }
.font-S-grey1 { color: #707173; font-size: 10px; }
.font-MS-grey1 { color: #707173; font-size: 11px; }
.font-M-grey1 { color: #707173; font-size: 11px; }
.font-L-grey1 { color: #707173; font-size: 15px; }
.font-S-grey2 { color: #404040; font-size: 10px; }
.font-S-pink1 { color: #c70063; font-size: 10px; }
.font-M-pink1, .font-pink-white, .font-pink-black { color: #c70063; font-size: 11px; }
.font-ML-pink1 { font-size: 13px; color: #c70063; }
.font-L-pink1 { color: #c70063; font-size: 16px; }
.font-XL-pink1 { color: #c70063; font-size: 20px; }
.font-XXL-pink1 { color: #c70063; font-size: 28px; }

.decoration-clear { text-decoration: none; }
.font-underline { text-decoration: underline; }
.font-strike { text-decoration: line-through; }
.font-upper { text-transform: uppercase; }
.font-bold { font-weight: bold; }
.font-normal { font-weight: normal; }
.pos-rel { position: relative; }

/* ### LINK CLASSES ### */
a.font-S-grey1:hover, a.font-S-grey2:hover, a.font-S-black:hover { color: #c70063; }
a.font-M-grey1:hover, a.font-M-black:hover { color: #c70063; }
a.font-S-pink1:hover, a.font-pink-white:hover { color: #fff; }
a.font-pink-black:hover { color: #000; }
a.font-M-pink1:hover, input.font-M-pink1:hover { color: #707173; }
.nav_top { display: block; width: 145px; height: 23px; line-height: 23px; padding-left: 5px; }
.nav_top-on, a.nav_top-off:hover { color: #FFF; font-size: 10px; background: url(../images/menu/bg_menu_active.gif) repeat-x; }
.nav_top-off { color: #404040; font-size: 10px; background: url(../images/menu/bg_menu_normal.gif) repeat-x; }
.btn-110 { background: url(../images/layout/btn-110.png) no-repeat; padding-left: 10px; width: 100px; padding-top: 2px; height: 22px; }
.btn-190 { background: url(../images/layout/btn-190.png) no-repeat; padding-left: 10px; width: 180px; padding-top: 2px; height: 22px; }
.btn-195 { background: url(../images/layout/btn-195.png) no-repeat; padding-left: 10px; width: 185px; padding-top: 2px; height: 22px; }
.btn-200 { background: url(../images/layout/btn-200.png) no-repeat; padding-left: 10px; width: 190px; padding-top: 2px; height: 22px; }
.btn-210 { background: url(../images/layout/btn-210.png) no-repeat; padding-left: 10px; width: 200px; padding-top: 2px; height: 22px; }

/* SUBMENU CLASSES */
.menu .options { border-color: #FFF; border-style: solid; border-width: 1px 1px 0px 1px; }
.menu a {
    display: block;
    width: 133px; 
    height: 23px; 
    line-height: 23px; 
    padding-left: 15px;
    color: #404040; 
    font-size: 10px; 
    background-color: #F9ECF3; 
    font-size: 10px; 
    text-transform: uppercase;
    border-bottom: 1px solid white;
}
.menu a:hover { background-color: #c70063; color: #FFF; }

/* ### DECO CLASSES ### */
.dot-pink { height: 10px; background: url(../images/layout/dot_pink.gif) repeat-x left; }
.bar-pink1 { background: url(../images/menu/bg_menu_normal.gif) repeat-x; }
.square-pink-L { background: url(../images/layout/square-pink-1.gif) no-repeat 0px 5px; padding-left: 12px; }
.arrow-pink-L { background: url(../images/layout/arrows_pink_left.gif) no-repeat 0px 4px; padding-left: 17px; }
.arrow-pink-R { background: url(../images/layout/arrows_pink_right.gif) no-repeat right 4px; padding-right: 17px; }
.arrow-grey-R { background: url(../images/layout/arrows_grey_right.gif) no-repeat right 4px; padding-right: 17px; }
.basket-L { background: url(../images/layout/basket.gif) no-repeat left 1px; padding-top: 3px; padding-left: 15px;}
.basket-L_2 { background: url(../images/layout/basket.gif) no-repeat left 1px; padding-left: 12px; padding-top: 3px; margin-right: 3px }
.club-L { background: url(../images/club/clubcard_m.gif) no-repeat left 0px; padding-left: 40px; padding-top: 5px; }
.pipe-L { background: url(../images/menu/pipe_grey.gif) no-repeat left 2px; padding-left: 10px; padding-right: 5px; }
.coodinates { background: url(../images/layout/coodinates_de.gif) no-repeat top left; margin-top: 10px; padding-top: 10px; }
.titleBar { display: block; width: 280px; height: 23px; line-height: 23px; padding-left: 5px; padding-right: 5px; background: url(../images/menu/bg_menu_active.gif) repeat-x; }
.shop-deco { background: #E9E9E9 url(../images/temp/bg_fashion.jpg) no-repeat bottom center; }
.club-deco-de { background: #1E0211 url(../images/temp/background_club_de.jpg) no-repeat bottom center; }
.club-deco-en { background: #1E0211 url(../images/temp/background_club_en.jpg) no-repeat bottom center; }
.club-deco-cz { background: #1E0211 url(../images/temp/background_club_cz.jpg) no-repeat bottom center; }
.club-deco-pl { background: #1E0211 url(../images/temp/background_club_pl.jpg) no-repeat bottom center; }
.border-grey { border: 1px solid #CCCCCC; }
/* DECO PRODUCT TABS */
#tab_box { width: 275px; height: 360px; background: url(../images/layout/tab-box.gif) no-repeat left bottom; } 
.tab { display: block; height: 23px; width: 108px; font-size: 10px; padding-left: 7px; line-height: 23px; }
.tab-on { color: #9b9c9d; background: url(../images/layout/tab-on.gif) no-repeat;  }
.tab-off { color: #999; background: url(../images/layout/tab-off.gif) no-repeat;  }
a.tab-off:hover { height: 23px; color: #9b9c9d; background: url(../images/layout/tab-over.gif) no-repeat;  }
.tab-space { height: 23px; background: url(../images/layout/tab-space.gif) repeat-x; }
/* DECO TOOLTIPS */
a.tt span{ display: none; }
a.tt:hover{ z-index:25; }
a.tt:hover span.tooltip{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 0px 0px 0px;
    width: 200px;
    text-align: center;
    filter: alpha(opacity:90);
    KHTMLOpacity: 0.90;
    MozOpacity: 0.90;
    opacity: 0.90;
}
a.tt:hover span.top{ display: block; padding: 30px 8px 0; background: url(../images/layout/bubble.gif) no-repeat top; }
a.tt:hover span.middle{ display: block; padding: 0 8px; background: url(../images/layout/bubble_filler.gif) repeat bottom; }
a.tt:hover span.bottom{ display: block; padding: 3px 8px 10px; background: url(../images/layout/bubble.gif) no-repeat bottom; }
/* CAROUSEL */
#carousel { float: left; width: 580px; position: relative; border: 1px solid #CCC; background-color: #F8F8F8; }
#carousel .container { float: left; width: 520px; position: relative; overflow: hidden; }
#carousel ul { width: 100000px; position: relative; }
#carousel ul li { width: 130px; }
#carousel .previous_button {
  margin: 10px 0px 0px 0px;
  float: left;  
  width: 30px;
  height: 135px;
  background: url(../images/layout/previous.gif) no-repeat;
  z-index: 100;
  cursor: pointer;
}
#carousel .previous_button_over { background: url(../images/layout/previous_over.gif) no-repeat; }
#carousel .previous_button_disabled { background-image: none; cursor: default; }
#carousel .next_button {
  margin: 10px 0px 0px 0px;
  float: left;  
  width: 30px;
  height: 135px;
  background: url(../images/layout/next.gif) no-repeat;
  z-index: 100;
  cursor: pointer;
}
#carousel .next_button_over { background: url(../images/layout/next_over.gif) no-repeat; }
#carousel .next_button_disabled { background-image: none; cursor: default; }
#saleTip { border: 1px solid #c70063; background-color: #F9ECF3; }
#saleTipTitle { width: 135px;  height: 20px; background-color: #c70063; }
/* FILTER */
a.filter { position: relative; }
a.filter:hover { background: none; z-index: 50; }
a.filter span { display: none; }
a.filter:hover span {
  display: block; 
  position: absolute;
  top: 0px; 
  left: 10px;
  width: 280px;
  background: #F8F8F8;
  padding: 5px;
  border: 1px solid #CCC;
  border-left: 15px solid #CCC;
}

/* ### FORMS ### */
.form-style { margin: 0px; font-size: 11px; border: 1px solid #d6448d; }
.form-text-XS { width: 50px; height: 17px; }
.form-text-S { width: 100px; height: 17px; }
.form-text-L { width: 200px; height: 17px; }
.form-text-XL { width: 410px; height: 17px; }
.form-select-S { font-size: 10px; height: 15px; }
.form-select-M { font-size: 11px; height: 17px; }
.validation-error { background-color: #FF9999; }