/* Created by B&M - Benes&Michl - www.benes-michl.cz */

body {
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  
  color: #000000;
  margin: 0px; padding: 0px; 
  text-align: center;  
  background: url(../images/bg_page2.jpg) no-repeat center top #000; 
}

body.window {background: #fff;}

a{text-decoration: underline; outline: 0;  color:#951377;}
a:hover{text-decoration: none;}
a img{border: none;}

fieldset{
  display: block;
  padding: 10px 10px;
  width: 650px;
  border: 1px solid #DDDDDD;  
  background: #FFFFFF url(../images/bg_fieldset.gif) no-repeat left top; 
}

fieldset legend{
  
  padding: 0px 5px 0px 8px;
  font-weight: bold;
  color: #951377;
}

h1 { font-size: 30px; color: #000; margin: 5px 0px 5px 0px; font-weight: normal;}
h1.hidden {display: none;}
h2 { font-size: 16px; color: #000; }
.cats h2,.marks h2 {font-weight: normal; margin: 0 ; padding: 0; }
.marks h2 {display: inline; font-weight: bold;}

p.small {font-size: 11px; position: relative; top: 5px; left: 365px;}

.button {display:block;background:no-repeat top;text-align:center;text-decoration: none;font-weight:bold;}
.button:hover{background-position:bottom;}
.button.small {width: 62px; padding: 3px 0px 2px 0px; height:14px;background-image: url(../images/button_small.png); color:#FFF;font-size:11px;}
.button.big {line-height:0;width: 160px; padding: 16px 0px 16px 0px; height:4px;background-image: url(../images/button_big.png); color:#FFF;font-size:14px;}

.button_detail {float: left; display: block; margin: 0 5px 5px 0; width: 110px; height: 25px; padding-left:40px; font-size: 11px;font-weight: bold;color:#000 !important; text-decoration: none;line-height: 23px;}
.button_detail:hover {background-position: left bottom;}
.button_size { background: url(../images/button_size.png) no-repeat left top; width: 130px;}
.button_fav { background: url(../images/button_fav.png) no-repeat left top;}
.button_count { background: url(../images/button_count.png) no-repeat left top; width: 130px; color:#FFF !important;}
.button_mail { background: url(../images/button_email.png) no-repeat left top;}
.button_wishlist { background: url(../images/button_wishlist.png) no-repeat left top;}
.button_not { background: url(../images/button_not.png) no-repeat left top; width:171px; margin-left: 300px; margin-top: 10px;}

.float_left {float: left;}
#banner_home {position:absolute; right:15px; bottom:-15px;}
#banner_home_small {
  display: block;
  width:324px;
  height: 201px;
  position: absolute;
  bottom:10px;
  right:0px;
  background: url('/images/banner_home_small.gif') right top no-repeat;)
}

/* ------------ LAYOUT ------------ */
#page{
  display: block;
  position:relative;
  width: 960px;
  margin: auto;
  text-align: left;
}
/* ------------ HEADER ------------ */
#header{ display: block; width: 960px; height: 85px;  padding-top: 7px; position: relative;}
#header a{ color: #fff;}
#header .logo{ padding-left: 0px; margin-top:20px;float: left;}
#header img{ float: left;}
#header .no_club{ padding-left: 53px; padding-top: 10px; float: left;}
#header .login {display: block; height: 45px; width: 140px;  padding: 25px 0px 0px 7px; float: left;}
#header .login p{ color: #E56CCC; line-height: 14px; padding:0px; margin:0px;}

#header .satna{ float: left; padding-top: 10px; display: block; width: 100px; position: relative; z-index: 2;}
#header .satna img {margin-right: 10px;}
#header .satna .margin_top {position: relative; top: 5px;}

#header .basket{ float: right;   padding-top: 10px; display: block; width: 230px;}
#header .basket_text { padding-top: 8px;}
#header .basket_text a{ font-size: 18px; }
#header .basket_text p{ margin-top: 2px;  color: #E56CCC;}
.price{ color: #FFF; font-weight: bold;}
/* ------------ CONTENT ------------ */
#content{
  display: block;
  background: #FFF;
}

#content .col_left{
  display: block;
  width: 210px;
  float: left;  
}
#content .col_right{
  display: block;
  float: left;
  width: 745px;    
  min-height:800px;
  _height:800px;
  padding: 0px;
  padding-bottom:80px;
  margin: 0px;
  background: url(../images/bg_col_right_bottom_default.gif) no-repeat bottom #FFF;
  border: 1px solid #9F1181;        
}
.registrace #content .col_right{background: #330029; padding-bottom: 30px;}
#content .col_right .col_right_top{
  display: block;  
  width: 722px;
  min-height: 450px;
  _height: 450px;
  padding: 23px;
  padding-right:0px;
  background: url(../images/bg_col_right_top_default.gif) no-repeat top;
}
#content .registrace .col_right_top{background: #330029 url(../images/registrace-noone.gif) no-repeat; background-position: right 0px;}
#content .col_right.catalog .col_right_top, #content .col_right.catalog {background: #330029;}
#content .col_right.catalog.detail{background: url(../images/bg_col_right_bottom_default.gif) no-repeat bottom #FFF;}
#content .col_right.catalog.detail .col_right_top{background: url(../images/bg_col_right_top_default.gif) no-repeat top left;}

.home #content .col_right{
  background: url(../images/bg_col_right_bottom.gif) no-repeat bottom #330029;
  border-color: #9F1181;    
  padding-bottom: 30px; 
}

.home #content .col_right .col_right_top{ 
  background: url(../images/bg_home_4.jpg) no-repeat top left #330029; 
  min-height: 250px;
  _height: 250px;  
}
.home .banners{display: block; padding: 0 16px; margin: 0; padding-top: 18px; &margin-top: -42px;}
.home .banners .item{display: block; float: left; margin: 0px 6px; _margin: 0 5px;}
.home .product{  background: url(../images/bg_product_home.gif) no-repeat center bottom; margin-top: 40px; margin-top: 40px\9; &margin-top: 50px; &margin-bottom: 30px;}
.home .product_content{ background-color: #20001A;}
.home .product_content .buy_price{ color: #FFF;} 
.home .product_content .code{ color: #FFF;}
.home h1{ color: #FFF; width: 210px;}
.home .products{ margin-top: -15px; margin-left: -13px;}
/* ------------ FIND ------------ */
.col_left .find{
  display: block;
  height: 65px;
  margin-top: 14px;
  width: 190px;
  background: url(../images/bg_find.gif) no-repeat;
  padding: 20px 0px 0px 20px;
}

.find .fulltext{
  height: 20px;
  width: 170px;
  border: 1px solid #CB1AA6;
  background-color: #5F0A4C;
  color: #FFF;
  padding: 2px 0px 0px 2px;
}
.find .submit, .search .submit, .sendmail .submit{  
  width: 64px;
  height: 27px;
  background: url(../images/find_button.gif) no-repeat 0px 0px;
  float: left;   
}
.find .submit:hover, .search .submit:hover{
  background: url(../images/find_button.gif) no-repeat 0px -27px;
}
.find a{ float: left; font-size: 11px;}
.find .detail_search{ padding-top: 5px; color: #E56CCC; padding-right: 26px; background: none;}
.find p{ margin: 0px;}
.find .buttons{ margin-top: 5px;}
/* ------------ MENU ------------ */
.menu{ display: block; width: 210px; margin-top: 7px; } 
.menu .top{
  display: block;
  background: url(../images/bg_menu_top.gif) no-repeat;
  height: 20px;
  width: 210px; 
}
.menu .bottom{
  display: block;
  background: url(../images/bg_menu_bottom.gif) no-repeat;
  height: 20px;
  width: 210px; 
}
.menu .center{
  background: url(../images/bg_menu_center.gif) repeat-y; 
  width: 170px;
  padding: 0px 20px 0px 20px;
}
.menu a{
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #9C9B9B;
  padding:2px 0px;
  width: 165px;
  padding-left: 5px;
}
.menu a.active{ background: #9F1181; font-weight: bold; color: #FFF;}
.menu a:hover{ text-decoration: underline; color: #FFF;}
.menu .category{ display: block;  font-size: 17px; color: #FFF; padding: 10px 0px 10px 0px;}
/*.menu .category.first{ padding-top: 3px;}
.menu .category img {display: block; float: right; position: relative; top: -18px; &top: -33px;}
.menu .category:hover {cursor: pointer;}*/

/* ------------ NEWSLETTER ------------ */
.newsletter{
  display: block;
  height: 100px;
  width: 190px;
  background: url(../images/bg_newsletter.gif) no-repeat;
  margin-top: 4px; 
  padding-left: 20px;
}
.newsletter .title{ font-size: 18px; color: #FFF; padding: 10px 0px 0px 0px; display: block; }
.newsletter p{ margin: 0px; padding-top: 5px;}
.newsletter a{ float: left; font-size: 11px;}
.newsletter .submit{ width: 64px; height: 27px; background: url(../images/newsletter_button.gif) no-repeat 0px 0px;}
.newsletter .submit:hover{background: url(../images/newsletter_button.gif) no-repeat 0px -27px;}
.newsletter .buttons{ margin-top: 5px;}
.newsletter input{
  height: 20px;
  width: 170px;
  border: 1px solid #686868;
  background-color: #141214;
  color: #9C9B9B;
  padding: 2px 0px 0px 2px;
}
.newsletter .remove{ color: #FFF; padding-top: 5px; padding-right: 25px;}

/* ------------ CRUMB_MENU ------------ */

.crumb_menu{display: block;  font-weight: bold; padding-top: 5px;}
.crumb_menu a{
  color: #9E1180;
  font-weight: normal;
  padding-right: 15px;
  margin-right: 10px;
  background: url(../images/crumb_menu_arrow.gif) no-repeat right center;
}
.marks{ clear:both;display: block;  font-weight: bold; padding-top: 5px;}
.marks a {margin-right:10px;}
.marks a.active {color:#fff;}
/* ------------ LIST_NAVIGATION ------------ */
.list_navigation{ display: block; float: right; padding-right: 23px;margin-top:40px;}
.list_navigation a{
  color: #9E1180;
  display: block;
  float: left;
  width: 17px;
  height: 18px;  
  text-align: center;
  padding-top: 2px; 
  margin-left: 7px; 
  margin-top: 3px;
}
.list_navigation a.active, .list_navigation a:hover{
  width: 15px;
  height: 16px;
  border: 1px solid #FF9AF9;
  background: #9F1181;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.list_navigation .prev{
  display: block;
  width: 24px;
  height: 22px;
  background: url(../images/list_nav_prev_button.gif) 0px 0px no-repeat;
  border: 0px;
  margin: 0px;
}
.list_navigation .prev:hover{
  width: 24px;
  height: 22px;
  background: url(../images/list_nav_prev_button.gif) 0px bottom no-repeat;
  border: 0px;
}
.list_navigation .next{
  display: block;
  width: 24px;
  height: 22px;
  background: url(../images/list_nav_next_button.gif) 0px 0px no-repeat;
  border: 0px;
  margin: 0px;
  margin-left: 7px;
}
.list_navigation .next:hover{
  width: 24px;
  height: 22px;
  background: url(../images/list_nav_next_button.gif) 0px bottom no-repeat;
  border: 0px;
}
.list_navigation a.all,.list_navigation a.all:hover{width:80px;margin-right:0px;padding-right:0px;}


.col_right_bottom .list_navigation { margin-top: 25px;}
/* ------------ PRODUCT ------------ */
.products{ margin-top: 5px; padding:0;}
.products a{text-decoration: none;}
.product{
  display: block;
  float: left;
  width: 237px;
  height: 376px;
  /*background: url(../images/bg_product.gif) no-repeat center bottom #FFF; */
  margin-top: 6px;
  margin-right: 6px;
  position: relative;
}
.product_content{ width: 237px; height: 376px; padding: 0px;}
.product_content .title{
  display: block;
  font-weight: bold;
  color: #9E1180;
  text-align: center;
  font-size: 11px;
  height: 30px;
  margin-top: 12px;
}

.product_content .colors{ float: left; margin-top: 20px; margin-left: 15px; _margin-left: 5px; height: 13px; width:90px;}
/*.product_content .colors{ float: left; margin-top: 10px; margin-left: 5px; width: 80px;}*/
.color{ display: block; height: 13px; width: 13px; border: 1px solid #FF9AF9; float: left; margin-left: 4px; margin-bottom: 4px;}
/*colors*/
.color.blue{background: blue;}
.color.green{background: green;}
.color.red{background: red;}
.color.black{background: black;}
.color.white{background: white;}

.product_content .price{padding-right: 45px; padding-top: 11px; text-align: right; color: #FFF; font-weight: normal; display: block; width: 80px; float: right;  font-size: 25px;}
.price p{ font-size: 9px; margin: 0px;}
.before{ text-decoration: line-through;}
.price .code{ color: #000;}
.price .buy_price{ font-size: 25px; color: #FFF; font-weight: normal;}

.product .buy{ 
  display: block;
  width: 80px;
  height: 27px;
  float: right;
  background: url(../images/product_buy.gif) no-repeat 0px 0px; 
  margin-top: 10px;
}
.product .buy:hover{
  background: url(../images/product_buy.gif) no-repeat 0px -27px;
}
.product.last{ margin-right:0px;}
.product .action{ position: absolute; left: 0px; top: 0px;}
.product .action.collection{ top: 200px;}
.product .cup {left: 127px}

.product .goto_detail{
  display: block; 
  width: 80px; 
  height: 16px;
  text-align: center;
  color: #FFF;
  font-size: 13px;
  padding: 3px 0px; 
  position: absolute; 
  top: 318px; 
  right: -1px; 
  background: url(../images/bg_product_list_detail.png) no-repeat left top;
}
.product .info{display: block; width: 237px; height: 55px; background: url(../images/bg_product_list_info.png) no-repeat center top; position: absolute; top: 296px; z-index: 20; &left: 0;}
.catalog h1{color: #FFF;}
.catalog.detail h1{color: #000; margin:0;}
#content .col_right.catalog{padding-bottom: 10px;}
#content .col_right.catalog .col_right_top{padding: 10px 0 10px 10px; width: 735px;}
#content .col_right.catalog.detail .col_right_top{padding: 23px; width: 722px; padding-right:0px;}

#content .col_right.catalog .col_right_top .top{padding: 0px 18px;width:350px; float:left;}


.catalog .crumb_menu, .catalog.detail .crumb_menu{color: #F042CC; font-weight: bold; padding-top: 0;}
.catalog.detail .crumb_menu{color: #000;}
.catalog .crumb_menu a{background: url(../images/crumb_menu_arrow_pink.gif) no-repeat right 4px;}
.catalog.detail .crumb_menu a{background: url(../images/crumb_menu_arrow.gif) no-repeat right 4px;}
.catalog .list_navigation a{color: #FFF;}
.catalog .list_navigation{margin-right: 30px;}
.products .hidden{visibility: hidden;}

/* ------------ REPORTER SHOP HOME ------------ */
.reporter_shop{position:relative;display: block; color: #9E1180;  float: left; padding-top: 124px; padding-left: 40px;}
.reporter_shop p{display: block; line-height:130%;padding-right:250px; }
.reporter_shop p.left, .reporter_shop p.right {float: left; width: 170px; padding-right: 12px; font-size: 11px; line-height: 16px;}
.reporter_shop p.middle {font-size: 11px; line-height: 16px;}
.reporter_shop p.right{padding-right: 0; width: 166px;}
.reporter_shop .title{ font-family: Arial; font-size: 18px; color: #FF9AF9; font-weight: normal; padding-bottom: 0px; margin-bottom: 0px; &margin-bottom: 12px;  &margin-top: 22px; width: 453px}
/* ------------ DETAIL ------------ */
.product_detail{ margin-top: 28px;}
.product_detail .left{ display: block; width: 350px; margin-right: 15px; float: left;}
.product_detail .right{ display: block; width: 340px; float: left; padding: 0px 10px 26px 0px;}

.product_detail .title{ display: block; padding-top: 10px; color: #212121; font-size: 18px;}


.product_color{ display: block; width: 330px; border: 0px; margin-top: 1px; float: left; padding-bottom:5px; background: #FFF1FC; }
.product_color.active{ background: #F5D5EE; }
.product_color input{ margin-top: 9px; float: left; margin-left: 14px;}
.product_color .color{
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  border: 1px solid #FF9AF9;
  margin: 0px 16px;
  margin-top: 4px;  
}
.product_colors{  margin-top: 4px; width: 330px;}
.product_color span{ float: left; margin-top: 3px;color:#000;}
.product_color span.not_available {color:#AAA;}

.product_color .sizes{ float: left; padding-top: 6px; padding-left: 26px; width:160px;}
.product_color .sizes .size{ padding-right: 9px; font-weight: bold; }
.product_colors a{ text-decoration: none; } 

.catalog.detail .price{ 
  display: block;
  width: 311px; 
  min-height: 139px;
  padding: 12px;
  background: url(../images/bg_price.gif) no-repeat left top;
  color: #E56CCC; 
  font-size: 14px; 
  font-weight: bold; 
  margin-top: 5px;
}
.catalog.detail .price .popiska{padding-top: 10px;}
.catalog.detail .price p{font-size: 11px; font-weight: normal; line-height: 9px;}
.catalog.detail .price .buy_price{margin-left: 10px; font-size: 24px; font-weight: normal;}
.catalog.detail .price .buy_price img{position: relative; top: 5px; left: 1px;}
.catalog.detail .price .before, .catalog.detail .price .before_kc{color: #FFF;}
.catalog.detail .price .title{color: #FFF; font-weight: normal;}
.catalog.detail .price table{margin-top: 5px;}
.catalog.detail .price table input{ width: 32px; height: 18px;  margin-top: 4px;}
.catalog.detail .price table select{ width: 92px; height: 20px;  margin-top: 4px;}
.catalog.detail .price table td{color: #FFF; font-weight: normal; font-size: 11px; padding-right: 10px; _padding-right: 6px;}
.catalog.detail .price .button_add{  
  display: block;
  width: 160px;
  height: 36px;
  position: relative;
  top: 8px;
  background: url(../images/button_add.png) no-repeat 0px 0px;
}
.catalog.detail .price .button_add:hover{background-position: 0 -36px;}  
.catalog.detail .photos{padding-top: 20px;}
.catalog.detail .photos a img{margin-right: 5px;}
.catalog.detail .other{padding-top: 40px; &padding-top: 0;} 
.catalog.detail .other .title{font-size: 18px; font-weight: normal;}
.catalog.detail .other .item{display: block; position: relative;} 
.catalog.detail .other .item .price{
  display: block; 
  color: #FFF; 
  font-size: 11px; 
  font-weight: normal; 
  width: 50px; 
  text-align: right; 
  padding: 2px 0px; 
  padding-right: 5px;
  background: url(../images/bg_other_price.png) no-repeat left top; 
  position: absolute; 
  top: 120px; 
  right: 0px;
}

.right .title{ color: #000; padding: 2px 0px;}
.right p{ color: #000; padding: 0px; margin: 5px 0;}
.right a{ color: #9E1180;}
.right .product_in_category{ margin-bottom: 16px; display: block; height: 45px;}
.right .product_in_category img{ float: left; margin-right: 9px;}
.catalog.detail .show_all{ display:block; font-weight: normal; margin-top: 10px; }
/*     ORDER    */
.col_right_bottom .order{ 
  display: block; 
  height: 93px; 
  width: 350px; 
  background: url(../images/bg_order.gif) no-repeat; 
  margin-top: 15px;
  margin-bottom: 40px;
  padding-left: 12px;
  padding-top: 16px;
  color: #FFF; 
}
.order .title{ font-size: 18px;}
.col_right.catalog .order input{
  border: 1px solid #FF9AF9;  
  width: 31px;
  height: 15px;
  font-weight: bold;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 9px;
  margin-top: 2px;
}
.order select{width: 150px; height: 21px; margin-top: 2px;}
.order .count{ padding-left: 10px;}
.order .submit{
  display: block;
  width:160px;
  height: 37px;
  background: url(../images/order_button.gif) no-repeat 0px 0px;
  margin-top: 6px;
  margin-left: 15px;
}
.order .submit:hover{
  background: url(../images/order_button.gif) no-repeat 0px -37px;
}
.order td{ vertical-align: top;}

/*--------------- DETAIL PRODUKTU -------------------*/
.catalog.detail .intro_photo{display: block; position: relative;}
.catalog.detail .intro_photo .button_zoom{display: block; position: absolute; top: 481px; left: 140px;}
.catalog.detail .action{display: block; position: absolute; top: 0; left: 0;}
.catalog.detail .action.collection{top:400px;}

/* ------------ FOOTER ------------ */
.footer{ display: block; width: 740px; height: 65px; float: right; color: #6E6E6E;  margin-top: 5px; padding:0px 5px;}
.footer a{ color: #951377; text-decoration: none;}
.footer a:hover{ text-decoration: underline;}
.footer .left{ float: left;}
.footer .right{ color: #6E6E6E; float: right;}
.footer .right a {padding: 0px 3px;}
/* ------------ CLEANER ------------ */
.cleaner{ clear: both;}

/* -------------- SEARCH -----------*/
.searched {font-size: 30px; font-weight: normal; color: #540748;}
.search {
  display: block;
  width: 600px;
  padding: 0px;
  padding-bottom: 50px;
  margin-top: 30px;
  margin-left:0px;
   
}
p.search_text { margin-top: 50px; padding-right: 30px;}
.search table{ width: 680px; border-collapse: collapse; margin-top: 0px;}
.search a.submit {display: block; float: right; margin-top: 30px; margin-right: 50px; _margin-right: 26px;}
.search input {width: 100px; margin-left: 0px; margin-bottom: 4px; border: 1px solid #7F9DB9; margin-right: 10px;}
.search select {width: 102px; margin-left: 0px; margin-bottom: 4px; border: 1px solid #7F9DB9; margin-right: 10px;}
.search .checkbox {width: 20px; margin-left: 0px; margin-right: 10px;}
.search label {font-weight: bold; margin-right: 30px; position: relative; top: -2px;}
.search table tr td {padding-top:2px; }
.search table tr th.border{font-weight: normal; border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; text-align: left;}
.search table tr th.first {padding-left: 110px;}
.search table tr th.last {padding-right: 120px;}
.search table tr th.color_th {padding-top: 12px;}
.color_picker {display: block; margin-top: 5px; width: 440px; background: #F5D5EE; padding: 2px 3px;}
.search table tr.big th{font-size: 18px; color: #800D68; font-weight: bold; text-align: left;}
.search table tr span{ display: block; float: left; width: 60px;}
.search table tr.big input{
  width: 440px; 
  height: 20px; 
  padding-top: 4px; 
  padding-left: 3px;
  margin-left: 44px; 
  margin-right: 0px;
  position: relative;
  &top: 8px;
}

/*.color_item {display:block; float: left; height: 13px; width: 13px; margin: 0 2px; border: 1px solid #FF9AF9;}*/
.search .color_item {display: block; float: left; height: 11px; width: 11px; margin: 2px 4px; border: 5px solid #F5D5EE;}
.search .color_item.active {height: 19px; width: 19px; border: 1px solid #F5D5EE;}
/* ------------ ORDER ------------ */
.basket_items {border-collapse: collapse; width: 700px; font-size: 11px; margin-bottom: 18px;}
.basket_items td.first,.basket_items th.first {padding-left: 16px;}
.basket_items td,.basket_items th {padding: 6px 5px; padding-top: 8px; vertical-align: top; text-align: left; border-bottom: 1px solid #F5D5EE; font-weight: normal;}
.basket_items .item_price {text-align:right; padding-right: 50px;}

.basket_items .pr {text-align: right;}
.basket_items .cntr {text-align: center;}
.basket_items .sum_price td,.basket_items .sum_price th{border-top:4px solid #D8D8D8;}
.basket_items .sum td,.basket_items .sum th{border-top:4px solid #D8D8D8;}
.basket_items .title {font-size:11px; text-decoration: underline;}
.basket_items .title:hover {text-decoration: none;}
.basket_items .code{font-size: 10px;}
.basket_items a.plus, .basket_items a.minus{display: block; float: right; text-decoration: none; width:12px; height: 12px; background: url(../images/icon_kosik_plus.gif) no-repeat left top; margin-left: 2px; position: relative; top: -12px; left: -29px; &top: -12px;}
.basket_items a.minus{background-image: url(../images/icon_kosik_minus.gif);margin-top:12px;}
.basket_items a.plus{margin-left: 5px;margin-top:12px;}
.basket_items #sleva input{width: 190px; height: 16px; margin-left: 10px; position: relative; top: 2px;}

.basket_items .button_sleva{ float: right;margin-left: 8px; position: relative; top: -18px; left: -80px; top: 2px; &top: -18px;}

.basket_items td.color{padding-left: 0;}
.basket_items tr.violet th, .basket_items tr.pink th{border-bottom: 1px solid #FFF; color: #FFF; background: #9E1180;}
.basket_items tr.pink th{background: #F5D5EE; color: #9E1180;}
.basket_items .photo{display: block; float: left; margin-right: 15px;}
/* ------------ KOSIK ------------ */
.kosik h1{display: block;font-size: 30px; color: #000; padding: 0 0 13px 40px; background: url("../images/img_kosik.png") no-repeat left 7px;}
.kosik h3{font-size: 18px; font-weight: normal; padding: 0; margin: 0;}
.kosik .step_list{display: block; float: left; width: 500px; height: 25px; background: url(../images/line_step_1.jpg) no-repeat left top;}
.kosik .step_list.step_2{background-image: url(../images/line_step_2.jpg);}
.kosik .step_list.step_3{background-image: url(../images/line_step_3.jpg);}
.kosik .step_list.step_4{background-image: url(../images/line_step_4.jpg);}
.kosik .link, .kosik link_2{display: block; float: right; padding-right: 38px; padding-top: 6px;}
.kosik .left, .kosik .right{display: block; float: left; width: 380px; border-bottom: 1px solid #F5D5EE; padding: 10px 20px; padding-top: 0;}
.kosik .left{height: 180px; padding-bottom: 44px; &padding-bottom: 45px; _padding-bottom: 10px;}
.kosik .right{height: 180px;}
.kosik .left input{ padding-right: 5px; position: relative; left: -5px;}
.kosik .left p{font-size: 11px; line-height: 20px; padding: 0;}
.kosik .right{width: 240px; padding-top: 34px; position: relative;}
.kosik .right table th, .kosik .right table td{font-size: 11px; font-weight: normal; text-align: right;}
.kosik .right table td{font-weight: bold;text-align:right; width:150px;}
.kosik .right table tr.big th, .kosik .right table tr.big td{font-weight: bold; font-size: 14px; vertical-align: bottom; padding-top: 8px;}
.kosik .right table tr.big td{font-size: 24px; font-weight: normal;}
.kosik .right table tr.big img{position: relative; top: 5px;}
.green{color: #3FA800;}
.kosik a.link_2{display: block; margin: 18px 22px 0px 410px; margin-left: 410px\9; _margin-left: 210px\9; &padding: 8px 6px; &position: relative; &top: -8px; float: left;}

.kosik.satna h1{display: block;font-size: 30px; color: #000; padding: 0 0 13px 40px; background: url("../images/wishlist_icon.png") no-repeat left 3px;}

.err{ 
  line-height: 20px; 
  width: 680px; 
  display:block; 
  padding: 5px 10px; 
  background:#FBE3E4;
  margin: 20px 23px 10px 0px;
  border: 1px solid #FBC7C9;
  color: #FF0000;
  font-weight: bold;
}
.not{ 
  line-height: 20px; 
  width: 680px; 
  display:block; 
  padding: 5px 10px; 
  background:#E6EFC2;
  margin: 20px 23px 10px 0px;
  border: 1px solid #C6D881;
  color: #3F4F00;
  font-weight: bold;
}
/*------------REGISTRACE------------------*/
.registrace .title { height: 60px; }
.registrace .col_right_top {padding: 25px; background: url(../images/registrace-noone.gif) no-repeat left top; position: relative;}
.registrace h1 {display: block; font-size: 30px; color: #FFF; padding: 0 0 25px 40px; background: url("../images/icon_person_violet.png") no-repeat left 6px;}
.registrace legend, .registrace h3 {font-size: 18px; color: #D016AD; font-weight: normal; padding-left: 0;}
.registrace legend {&margin-left: -7px; &margin-bottom: 8px;}
.registrace fieldset {background: none; border: none; padding-left: 0px; position: relative;}
.registrace .right fieldset {width: 320px;}
.registrace .left fieldset {width: 340px;}
.registrace .col_right p, .registrace li {font-size: 11px; color: #F878E0;}
.registrace ul {padding-left: 7px; padding-bottom: 30px; &padding-bottom: 0px;}
.registrace li {padding-left: 25px; &margin-left: -40px; list-style-type: none; background: url(../images/li_point_violet.gif) no-repeat left 4px; padding-bottom: 16px;}
.registrace table {padding-left: 2px;}
.registrace table th {width: 90px; color: #FFF; font-size: 11px; line-height: 26px; font-weight: normal; &padding-left: 14px;}
.registrace td, .registrace th {text-align:left;}
.registrace label {color: #FFF; position: relative; top: -5px; &top: -2px;}
.registrace .check {display: block; position: absolute; top: -32px; top: 14px\9; &top: 14px; left: 110px; left: 112px\9; &left: 106px;}
.registrace .sleva {display: block; background: url(../images/bg_sleva.gif) no-repeat left top; height: 154px; margin-top: 20px; padding: 20px 15px 74px 20px;}
.registrace .sleva p {color: #FFF;}
.registrace .col_right input, .registrace select {border: 1px solid #CB1AA6; margin-left: 12px; width: 150px; height: 18px;}
.registrace .check input {&border: none; width: 20px; padding: 0;}
.registrace select {width: 154px\9; height: 22px\9; &width: 154px; &height: 20px;}
input.cp,.registrace .col_right input.cp {width: 30px; margin-left: 8px}
.registrace .col_right .left, .registrace .col_right .right {display: block; width: 330px; float: left; padding-top: 20px;}
.registrace .col_right .right {padding-left: 34px; width: 320px;} 
.registrace .sleva {position: relative;  padding-bottom: 0px;}
.registrace .sleva fieldset {margin: 0; padding: 0;}
.registrace .sleva .left, .registrace .sleva .right {padding-top: 0;}
.registrace .sleva .left h3 {padding: 0; margin: 0;}
.registrace .sleva .left p {&margin-top: 10px;}
.registrace .sleva .right {width: 280px; padding: 16px; padding-top: 0;}
.registrace .sleva .club_noone {position: absolute; top: 63px; left: -5px; width: 116px; height: 62px;}
.registrace .sleva table input {width: 150px; height: 18px; border: 1px solid #CB1AA6; background: #5F0A4C; color: #FFF;}
.registrace .sleva .check {display: block; position: absolute; top: 96px; left: 370px; _width: 200px; left: 394px\9; &left: 366px; _left: 366px;}
.registrace .err {background: #9E1180; color: #FFF;}
.short_div {display: block; width: 350px; padding: 0;}

.col_right.order p{ line-height: 0px;}
.col_right.order p.small{ line-height: 12px; color: #F00;}

input.sale_code{ display: block; width: 150px; margin-left: 7px; float: left; margin-right: 15px;} 
.input_code { display: block;  padding-top: 10px;}
.login_no{ padding-left: 0px; }
.delete_order{
  display: block;
  width:  113px;
  height: 27px;
  background: url(../images/button_clean_basket.gif) no-repeat 0px 0px;
  float: left;
  padding-right: 15px;
}
.delete_order:hover{background-position: 0px -27px;}
.finish_order{float: left;}
.order_next{
  display: block;
  width:  119px;
  height: 26px;
  background: url(../images/button_order_next.gif) no-repeat 0px 0px;
  float: left;
}
.order_next:hover{background-position: 0px -27px;}
.order_back{
  display: block;
  width:  84px;
  height: 26px;
  background: url(../images/button_order_back.gif) no-repeat 0px 0px;
  float: left;
  padding-right: 15px;
}
.order_back:hover{background-position: 0px -27px;}
.button_registrace{
  display: block;
  width:  103px;
  height: 18px;
  padding: 10px 43px;
  background: url(../images/button_registrace.gif) no-repeat 0px -1px;
  float: left;
  padding-right: 15px;
  color: #FFF; 
  text-decoration: none; 
  font-weight: bold;
}
.button_registrace:hover{background-position: 0px -38px;}
.button_login{
  display: block;
  width:  101px;
  height: 26px;
  background: url(../images/button_login.gif) no-repeat 0px 0px;
  float: left;
  padding-right: 15px;
  margin-top: 5px;
}
.button_login:hover{background-position: 0px -27px;}
.button_search{float: right;margin-right: 45px;}

.general_condition{ 
  display: block;  
  padding: 10px 30px;  
  margin: auto;
  text-align: left;
  background: url(../images/bg_col_right_bottom_default.gif) no-repeat bottom #FFF;
  font-size:13px; line-height:140%;
}
.general_condition.normal{
  margin-top: 30px;
  background: none;
}
.general_condition ol li{  font-weight: bold; padding: 5px 0px;}
.general_condition ol li ol{ padding-left: 15px;}
.general_condition ol li ol li{ font-size: 11px; font-weight: normal; padding: 2px 0px; line-height: 13px;} 

.cats{ display: none;}

.category img.violet{ display: block; position: absolute; top: 18px; top: 18px\9; &top: 18px; right: 16px; right: 16px\9; &right: 10px; _right: 30px;} 
.category img.violet_hover{ display: none; position: absolute; top: 20px; top: 20px\9; &top: 20px; right: 16px; right: 16px\9; &right: 10px; _right: 30px;}
.category{cursor: pointer; position: relative;}

table.shops td{padding:5px;}
table.shops td b {line-height:25px;}
.ucet a.finish_order{padding-bottom: 23px; padding-top: 10px;}

p.error{padding-left: 20px; color: #FFF;}

.not_available {text-decoration: line-through; color:#AAA;}

.col_left .marks {
  text-align:center;
  margin-top:20px;
}
.col_left .marks a {
  margin-top:10px;
  margin-bottom:10px;
  display:block;
}


.col_left .sale_banner {margin-top:20px;padding-right:10px;text-align:center;}

.menu .akcni {display: block; font-weight:bold; font-size: 17px; color: #FFF; padding: 10px 0px 14px 0px; background: url(../images/akcni_off.gif) no-repeat right; border-bottom:1px solid #9f1181;}
.menu .akcni_1 {background-image:url(../images/akcni_on.gif);}


.col {display:block; float:left}
.col.span2 {width:312px;}

#login_form input {width:160px;}

.sendmail_box{position: relative;}

.sendmail{  
  display: none;
  position: absolute;
  top: -100px;
  left: -50px;
  z-index: 9999;
  background-color: #3F3F3F;
  padding: 10px;
  border: 1px #262626 solid;
  color: white;
}

.sendmail input, .sendmail textarea {width: 180px;}
.sendmail .submit {font-size: 11px;}
.sendmail .title {color: white; margin-bottom: 5px;}
.sendmail table td {vertical-align: top; text-align: left; color: white;}
.sendmail .close {position: absolute; right: 10px; top: 5px; font-weight: bold; text-decoration: none; color: white;}
.sendmail .close:hover {color:#EBF305;}

.product_content h2 {margin: 0 ;}

.extra_page .wallpaper {float: left; font-size: 9px; text-align: center; margin-right: 25px;margin-top: 25px;}

.extra_page .wallpaper img {
width:150px;
}
.extra_page a.active{
text-decoration: none;
border-left:1px solid #767A03;
border-right:1px solid #767A03;
border-top:1px solid #767A03;
padding:2px 5px 0;
}

.extra_page a.active:hover{
color: black !important;
}

.extra_page .h1 {
color:#FFF;
font-size:18px;
}






  .dostupnost {padding: 10px ;}           
  .dostupnost img {float: left; border: 1px #E0E0E0 solid; margin-right: 20px;margin-top:10px;}
  .dostupnost .top {float: left;width:700px;text-align: left; font-size: 12px;}           
  .dostupnost table {border-collapse:collapse; margin-top: 15px;}
  .dostupnost h1 {text-align:left;}
  
  
  .dostupnost table th {text-align:center; background:url(../images/table_th.png); color:#FFF;padding:2px 3px; width: 95px;font-size: 12px;font-weight: bold;height:65px; border-right: 1px #DFDFDF solid;border-bottom: 2px #FFF solid;}
  .dostupnost table td {text-align:center; padding:2px 3px;border:1px solid #DFDFDF ; color:#0F9B00; font-size: 14px; font-weight: bold; vertical-align: middle;}
  
  
  .dostupnost_label {padding:3px 12px 5px 0px; color: #444;}
  .dostupnost_label.active {font-weight:bold;}

  .dostupnost .color_div {display: block; float: left;} 
  .dostupnost .color_div input[type="radio"] {margin-left: 10px;}
  .dostupnost .color_div a {display:block}
  .dostupnost .color_div .color {  
    border:1px solid #B1B1B1;
    display:block;
    height:23px;
    margin:4px 4px 5px 4px;
    width:23px;
  }
  .dostupnost .color_div .active .color {
  border:1px solid #212121;
  }
  .dostupnost .sizes_div {float: left;}
  .dostupnost .sizes_label {color: #000; float: left;display: block;margin: 5px 25px 0px 15px; text-align: left;}
  .dostupnost .sizes {float: left; margin-top: 8px ; text-align: left;max-width: 400px; }
  .dostupnost .sizes .size {margin-right: 10px; font-weight: bold;}
  
  .dostupnost .product_colors {padding: 7px 20px 6px; background-color: #DFDFDF;width:auto; display:inline-block;}
  
  .dostupnost table td.firstcol,.dostupnost table th.firstcol{background:url() #EBF305 !important; color: #000 !important; font-size: 12px; font-weight: bold; width: 65px; border-top: 1px #BDC400 solid; border-bottom: 1px #BDC400 solid;}
  .dostupnost table th.firstcol {border-right: 0px; border-top: 0px; border-bottom: 2px #FFF solid;}

  .dostupnost .odd {background: url() #F2F2F2;}
  .dostupnost table .odd .firstcol{background: url() #DFE705 !important;}
  
  .dostupnost .no_item {font-size: 10px; color: #717171; font-weight: normal;}