/********************************************************************************************************************************************************************************
********************* I M P O R T *****************
/********************************************************************************************************************************************************************************/
@import url("reset.css");
@import url("fontface.css");
body { position: relative; background-color: #e6e9ed; }

ul { margin: 0 0 20px 20px; }

.in { position: relative; max-width: 1200px; width: 998px; margin: 0 auto; background: white; }
.main_content { margin: 0 12px; padding-top: 12px; }
    .main_content .in { background-color: #FFFFFF; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; min-height: 400px; padding-bottom: 10px; position: relative; padding-left: 11px; padding-right: 11px; padding-top: 0; text-align: left; width: 976px; }

#main_col { margin: 10px 0 0 0; width: 780px; float: right; }

#main_col.without_col { margin: 0; width: 976px; padding: 0; }
    .main_col_box .main_col_box_header { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
    .main_col_box.main_col_box_01 .main_col_box_header { background: #071842; border-bottom: 1px solid #d9e8f0; }
    .main_col_box.main_col_box_01 .main_col_box_header_02 { background: #071842; border-bottom: 1px solid #d9e8f0; }
    .main_col_box.main_col_box_01 .main_col_box_header_02 h2 { margin: 0; font-weight: bold; text-align: left; padding: 10px 10px 9px 15px; font-size: 15px; color: #fff; }
    .main_col_box.main_col_box_02 .main_col_box_header { background: rgb(100, 100, 100); }
    .main_col_box.main_col_box_02 .main_col_box_content_02 { margin: 0 0 0 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #dde3e5; padding: 0; }
    .main_col_box.main_col_box_02 .main_col_box_header h1 { margin: 0; font-weight: bold; text-align: left; padding: 6px 10px 3px 15px; font-size: 15px; color: #fff; }
    .main_col_box.main_col_box_02 .main_col_box_header h2 { margin: 0; font-weight: bold; text-align: left; padding: 6px 10px 3px 15px; font-size: 15px; color: #fff; }
    .main_col_box.main_col_box_01 .main_col_box_header h2 { margin: 0; font-weight: normal; text-align: left; padding: 8px 10px 3px 10px; font-size: 15px; color: #fff; }
    
    .main_col_box .main_col_box_content, .main_col_box .main_col_box_content_02 { background: white!important; margin: 0 0 0 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: 1px solid #dde3e5; margin: 0 0 0 0; }
    #order .main_col_box .main_col_box_content, .main_col_box .main_col_box_content_02 { background: white!important; margin: 0 0 0 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: none; margin: 0 0 0 0; }

#breadcrumb { font-weight: bold; margin:0; padding: 0 0 7px 10px; font-size:11px; line-height:19px; color:#000; }
#breadcrumb a { text-decoration: underline; display:inline-block; padding:0 15px 0 0; background: url('../images/breadcrumb_arrow.png') 100% 50% no-repeat; margin:0 0 0 0; }
#breadcrumb a:hover { }
#breadcrumb strong { font-weight:normal; }

/**************************************************************
********************* F O O T E R *****************************
/*************************************************************/
#footer { margin: 20px 0 0 0; }
    #footer .in { padding: 5px 10px; }
        .footer {
            width: 998px;
            margin: 0 auto 20px auto;
            padding: 0 0 5px 0;
            position: relative;
        }
        .footer_new1 {
width: 965px;
float: right;
margin-bottom: 5px;
margin-top: 18px;
margin-right: 9px;
padding: 5px;
}
.footer ul {
display: inline;
}

.circ1 {
position: absolute;
top: 15px;
left: 135px;
}
.circ2 {
position: absolute;
top: 15px;
left: 333px;
}
.circ3 {
position: absolute;
top: 15px;
left: 535px;
}
.circ4 {
position: absolute;
top: 15px;
right: 211px;
}
.circ5 {
position: absolute;
top: 15px;
right: 5px;
}
.footer li {
display: inline;
padding: 0 7px 0 0;
}
.circle li {
display: inline;
background: none;
}

.footer-liens {
display: block;
}
.links-footer-infos {
float: left;
text-align: left;
width: 190px;
}
.links-footer-infos p {
color: #333;
font-size: 13px;
margin-left: 5px;
}
.links-footer-infos li {
display: list-item;
font-size: 11px;
color: #666666;
list-style-image: url(../images/puce_footer.png);
margin-left: 23px;
}
.links-footer-infos li a {
font-size: 11px;
color: #666666;
list-style-image: url(../images/puce_footer.png);
}
.links-footer-infos span {
color: #333;
font-size: 13px;
font-weight: bold;
}
.footer address {
    text-align: center;
margin: 0 0 10px;
color: #333;
clear: both;
}
.d-n { display: none; }
/**************************************************************
********************* H E A D E R *****************************
/*************************************************************/
#header { text-align: right; width: 100%; top: 0; height: 224px;  }
    #header .in { background: white; }
    #header .header_container { position: relative; height: 222px;  padding: 10px 10px 0 10px; }
    
    #header .logo { margin: 0; float: left; }
    #header .logo strong {
        position: absolute;
        top: -999em;
        left: -999em;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
    }
        #header .logo a { margin: 10px 0 0 15px; float: left; /*background: transparent url(../images/logo.png) 0 0 no-repeat;*/ }
    
    #header .header_lang { list-style: none; margin: 0 10px 0 0; float: right; }
                #header .header_lang li { float: left; font-size: 13px; }
                    #header .header_lang li a { text-decoration: underline; color: white; font-size: 13px; font-weight: bold; text-transform: uppercase; float: left; }
                    #header .header_lang li a.active { color: white; text-decoration: none; }
                    #header .header_lang li span.divider { color: #9a9a9a; float: left; padding: 0 5px; }
            
            
    #header .links {
        float: right;
        position: absolute;
        right: 13px;
        top: 10px;
    }
    #header .links li {
        float: none;
        display: inline;
    }

    #header .links a {
        font-size: 12px;
        color: #333;
        text-decoration: none!important;
        padding: 0 5px;
        border-right: 1px solid;
    }
    
    #header .login-cart {
        float: right;
        background: url(../images/header-back-login-cart.png) no-repeat;
        width: 230px;
        position: relative;
        height: 45px;
        z-index: 100;
        margin-top: 20px;
    }
    
    #header .cart_ajax { display: none; border: 2px solid rgb(206, 206, 206); background: rgba(255, 255, 255, 0.91); z-index: 109; padding: 5px; position: absolute; top: 40px; right: 0; width: 430px; border-radius: 5px; }
        #header .ajax_cart_arrow { position: absolute; top: 10px; right: -20px; width: 20px; height: 21px; }
        #header .cart_ajax p { padding: 10px; }
        #header .cart_ajax td, #header .cart_ajax th { font-size: 10px; padding: 2px 5px; }
        #header .cart_ajax td a { color: black; }
        #header .cart_ajax tr.low td { background: #fff6e0; }
        #header .cart_ajax tr.high td { background: #f0e0cf; }
        
        #cart_ajax_popup { max-height: 441px; height: 470px; margin-top: -235px; width: 630px; display: none; z-index: 9999; background: white; position: fixed; margin-left: -315px; top: 50%; left: 50%; border: 3px solid rgb(194, 194, 194); border-radius: 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; -moz-border-radius: 5px; }         
        #cart_ajax_popup-close { cursor: pointer; position: absolute; right: 5px; top: 5px; line-height: 999; overflow: hidden; background: url(../images/close_button_silver.png) 0 0 no-repeat; width: 22px; height: 22px; }
            #cart_ajax_popup-close:hover { background: url(../images/close_button_silver_hover.png) 0 0 no-repeat; }
            
        #cart_ajax_popup .wrapper { padding: 3px; }
            #cart_ajax_popup .wrapper h2 { text-align: left; font-size: 14px; font-weight: bold; padding: 10px; margin: 0; background: white; color: #441369; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
            #cart_ajax_popup .wrapper strong { text-align: left; font-size: 17px; font-weight: bold; margin: 0 0 5px 0; display: block; padding: 10px; color: #000; border-radius: 5px; -moz-border-radius: 5px; }
            #cart_ajax_popup .wrapper .wrapper_content { margin: 0; position: relative; padding: 0 10px 10px 10px; display: block; color: #7030a0; }
                #cart_ajax_popup .wrapper .wrapper_content .submit { padding: 0; margin: 0; width: 100%; }
        
        #cart_list {
            padding:  10px;
        }
        #cart_list_table {
        	clear: both;
        	max-height: 240px;
        	_height: 330px;
        	overflow-x: visible;
        	overflow-y: scroll;
        }
        #cart_ajax_popup .h3 {
        	font-size: 130%;
            margin: 0 0 10px 0;
        	line-height: 130%;
        	font-weight: bold;
        }
        table.simple-list th, div.simple-list {
        	background: #e9e9e9;
        	padding: 0;
        	color: black;
        	height: 15px;
        }
        table.simple-list td {
        	vertical-align: top;
            padding: 5px;
         }
        table.simple-list.padding th {
        	padding: 5px;
        }
        table.simple-list th span {
        	background-image: url('../images/simple-list-tl.gif');
        	background-repeat: no-repeat;
        	padding: 5px;
        	display: block;
        	height: 15px;
        }
        table.simple-list th span.right {
        	background-image: url('../images/simple-list-tr.gif');
        	background-repeat: no-repeat;
        	display: block;
        	height: 15px;
        	background-position: right;
        	_margin-top: -1px;
        }
        div.simple-list {
        	padding: 5px;
        	border-radius: 10px 10px 0 0;
        }
        div.simple-list span {
        	display: inline-block;
        	font-weight: bold;
        }
        .simple-list-bottom {
        	width: 100%;
        	height: 20px;
        	margin: 0;
        	padding: 0;
        	background: url('../images/simple-list-bottom.gif');
        	background-repeat: no-repeat;
        	background-color: #FF9C01;
        }
        .simple-list .high-table{
        	background-color: white;
        }
        .simple-list .low-table{
        	background-color: #f6f6f6;
        }
    #header #main_menu { margin: 5px 0 0 0; position: absolute; bottom: 0; width: 978px; z-index: 99;}
    #header #main_menu>div>ul { border-bottom: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0; display: block; list-style: none; background: #e2001a; }
    #header #main_menu>div>ul:after { clear: both; display: table; content: ""; line-height: 0; }
        #header #main_menu .lvl_0 li { float: left; list-style: none; border-bottom: 1px solid white; border-right: 1px solid white; margin: 0 0 -1px 0;}
        #header #main_menu .lvl_0 li a { -webkit-border-radius: 5px 5px 5px 5px; font-weight: bold; font-size: 12px; display: block; padding: 10px 20px 10px 20px;  float: left; color: #fff; }
        #header #main_menu .lvl_0 li a:hover, #header #main_menu .lvl_0 li.hover a { height: 18px; -webkit-border-radius: 5px 5px 5px 5px; color: #fff; }
        
        #header .lvl_0 .text_content ul { display: none!important; }
    
    #header ul#main-menu { list-style: none; padding: 0; }
	#header ul#main-menu li.main-menu-li { background: url(../images/main_menu_li.png) 0 0 repeat; margin: 0; padding: 0; position: relative; height: 44px; z-index: 1; float: left; }
	#header ul#main-menu li.main-menu-li:hover ul, ul#main-menu li.main-menu-li:focus ul, ul#main-menu li.main-menu-li:active ul, ul#main-menu li.main-menu-li.hover ul, ul#main-menu li.main-menu-li.focus ul, ul#main-menu li.main-menu-li.active ul { display: block; }
	#header ul#main-menu li.main-menu-li:hover #products-submenu, #header ul#main-menu li.main-menu-li:focus #products-submenu, #header ul#main-menu li.main-menu-li:active #products-submenu, #header ul#main-menu li.main-menu-li.hover #products-submenu, #header ul#main-menu li.main-menu-li.focus #products-submenu, #header ul#main-menu li.main-menu-li.active #products-submenu { display: block; }
	#header ul#main-menu li.main-menu-li>a { cursor: pointer; text-decoration: none; position: relative; border-right: 1px solid #f5e3c7; padding: 1px 16px 0 16px; display: inline-block; line-height: 43px; color: white; text-decoration: none; }
	#header ul#main-menu li.main-menu-li.active { color: white; }
	#header ul#main-menu li > a:hover, #header ul#main-menu li .active > a { }
	#header ul#main-menu span { float: right; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: url('../images/main-menu-li-line.jpg');}
	
    #header ul#main-menu ul { background: #e2001a; filter: alpha(opacity=90); opacity: 0.95; -moz-opacity: 0.95; -moz-box-shadow: 0 4px 10px -moz-rgba(0, 0, 0, .2); -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2); z-index: 999; position: absolute; top: 100%; left: 0; display: none; }
		#header ul#main-menu ul li { border-bottom: 1px solid white; overflow: hidden; float: none; display: block; }
		#header ul#main-menu li li a { display: block; width: 183px; height: auto; padding: 0 15px; line-height: 32px; text-transform: none; text-align: left; font-weight: normal; color: #fff; }
		#header ul#main-menu li li a:hover { color: white!important; background: none; }


    .prods-cats-panel .submenu_viewer {
        display: none;
        z-index: 9;
        float: left;
        position: absolute; top: 39px;
    }
    .prods-cats-panel .submenu_viewer .submenu_container {
        position: relative;
        background: #fff;
        text-align: left;
        float: left;
        width: 948px;
        padding: 10px;
        border: 5px solid #DE0019;
        margin: 0 0 0 0;
        color: black;
    }
    .prods-cats-panel .submenu_viewer li {
        vertical-align: top;
        display: inline-block;
        margin: 0 0 5px 0;
        width: 33%;
    }
    .prods-cats-panel .submenu_viewer li a {
        font-weight: bold;
        padding: 3px 15px 4px 0px;
        display: block;
    }
    .prods-cats-panel .submenu_viewer li li {
        font-weight: normal !important;
        width: 100%;
        padding: 0 0 0 5px;
        font-variant: normal;
        line-height: 16px;
        background-image: url(../images/topmenu-list-style.png);
        background-repeat: no-repeat;
        background-position: left center;
    }
    .prods-cats-panel .submenu_viewer li li a {
        font-weight: normal !important;
        padding: 0 0 0 10px;
        font-variant: normal;
        line-height: 16px;
        width: auto;
    }
    .prods-cats-panel .submenu_viewer ul.submenu_tops {
        float: left;
        width: 150px;
        margin: 0 10px 0 0;
        padding: 10px 0;
    }
    .prods-cats-panel .submenu_viewer ul.submenu_tops li {
        width: auto;
        display: block;
    }
    .prods-cats-panel .submenu_viewer .submenu_cats {
    padding: 10px 10px 10px 160px;
    }
    .prods-cats-panel .submenu_viewer .submenu_cats strong {
    display: block;
    color: #0081C6 !important;
    font-size: 96% !important;
    text-transform: uppercase !important;
    }
    .prods-cats-panel .submenu_viewer a.lvl_0 {
        border-bottom: 1px solid #557394;
        text-decoration: none;
        padding: 0 0 5px 0;
        margin: 0 10px 0 0;
        font-size: 16px;
        display: block;
        color: black;
    }
    .prods-cats-panel .submenu_viewer ul.lvl_1 {
        margin: 0 10px 0 160px;
        display: block!important;
        padding: 0 0;
    }
    .prods-cats-panel .submenu_viewer ul.lvl_2 {
        margin: 0 10px 0 0;
        display: block!important;
        padding: 0 0;
    }
    #header ul.user_panel { list-style: none; float: left; padding: 8px; margin: 6px 10px; }
        #header .user_panel li { list-style: none; float: left; color: white; }
            #header .user_panel li a { color: white; padding: 0 5px; vertical-align: middle; float: left; }
            #header .user_panel li a:hover { text-decoration: underline; color: #fff; }
    
    #header ul.cart_panel { list-style: none;
float: right;
padding: 8px 0;
margin: 5px 14px 6px 0; }
        #header .cart_panel li { list-style: none; float: left; color: black; }
            #header .cart_panel li strong { color: white; display: inline-block; width: 22px; text-align: center; padding: 0 5px 0 0; }
            #header .cart_panel li a { color: black; padding: 0; vertical-align: middle; float: left; }
            #header .cart_panel li a:hover { text-decoration: underline; color: #000; }
    
    
    #header #login_panel { display: none; overflow: hidden; width: 228px; z-index: 100; position: absolute; top: 75px; right: 10px; }
    #header .login_panel { text-align: left; position: relative; top: -290px; right: 0; background: #fff; border: 2px solid #E2001A; border-radius: 4px; padding: 11px 15px 10px 15px; }
        #header .login_panel .login_panel_close { line-height: 999; overflow: hidden; display: inline-block; width: 16px; height: 16px; background: transparent url(../images/close_button_hover.png) 0 0 no-repeat; position: absolute; top: 10px; right: 15px; }
        #header .login_panel .login_panel_close:hover { background: transparent url(../images/close_button_hover.png) 0 0 no-repeat; }
        #header #login_panel_form { margin: 5px 0 0 0; }
        #header .login_panel p { margin: 0 0 5px 0; text-align: left; }
        #header .login_panel label { font-size: 11px; text-align: left; margin: 7px 5px 3px 0; display: block; }
        #header .login_panel input { border: 1px solid #b6b6b6; height: 25px; border-radius: 4px; display: block; width: 182px; }
        #header .login_panel input:focus {  }
        #header .login_panel input[type='submit'] { width: 194px; margin-top: 5px; display: block; height: 29px; cursor: pointer; border: 1px solid #b3b3b3; background: #0081c6; padding: 1px 8px; font: bold 12px/19px Arial, Helvetica, sans-serif; text-align: center; white-space: nowrap; color: #fff; border-radius: 4px; line-height: 24px; }
        #header .login_panel input[type='submit']:hover { -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.3); color: #dbff00; }
        #header .login_panel_lost_pass { text-decoration: underline; }
        #header .login_panel_lost_pass:hover { color: #ff0000; }
        
        #login_panel div.error { display: block!important; height: 20px; overflow: hidden; }
        #login_panel div.error label { float: none; margin: 0; width: auto; display: block; font-weight: normal; text-align: left; color: red; padding: 0 0 5px 0; }
    
    .slogan {
        color: #fff;
        font-size: 16px;
        margin: 0;
        text-align: right;
        width: 453px;
        font-weight: bold;
    }
    .top_menu_services {
        height: 28px;
        margin-left: 60px;
    }
    .top_menu_services td {
        vertical-align: middle;
    }
    .top_menu_services span {
        margin-left: 5px;
        margin-right: 15px;
        color: #333;
        vertical-align: bottom;
    }
    
    .search { background: #e5e5e5; position: relative; top: -8px; text-align: left; }
        .form-search {
            margin-left: 0;
            width: 968px;
            height: 28px;
            padding: 5px;
            z-index: 100;
            text-align: left;
        }
        .search #search { width: 455px!important; background: url(../images/loupe-search.png) #FFF 1% 50% no-repeat; padding-left: 25px; border: 1px solid #b6b6b6; height: 20px; border-radius: 4px; }
    .recherche-base {
        float: left;
        width: 550px;
    }
    .age1 {
        float: right;
        margin-top: 3px;
        font-size: 13px;
        font-weight: bold;
        color: #0081c6;
        margin-top: 2px;
        border-radius: 0px;
        display: block;
    }
/**************************************************************
********************* L E F T  C O L **************************
/*************************************************************/
#left_col { float: left; width: 182px; margin: 10px 10px 0 0; }
    .left_col_box { margin: 0 0 10px 0;  }
        .left_col_box .left_col_box_animals_img { position: relative;  }
        .left_col_box .left_col_box_header { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin: 0 0 10px 0; }
        .left_col_box.left_col_box_01 .left_col_box_header { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 5px 0; }
        
        .left_col_box.left_col_box_02 .left_col_box_header, .left_col_box.last_visited_prods .left_col_box_header { margin: 0; background: #d90019; }
        .left_col_box.left_col_box_03 .left_col_box_header { margin: 0; border-bottom: 1px solid #B8B8B8; background: #797979; }
        .left_col_box.left_col_box_04 .left_col_box_header { margin: 0; border-bottom: 1px solid #0047A2; background: #00469E; }
        
        .left_col_box.left_col_box_01 .left_col_box_header { background-image: linear-gradient(bottom, #E0E0E0 5%, rgb(71,71,71) 100%); background-image: -o-linear-gradient(bottom, #E0E0E0 5%, #E2E2E2 100%); background-image: -moz-linear-gradient(bottom, #E0E0E0 5%, #E2E2E2 100%); background-image: -webkit-linear-gradient(bottom, #E0E0E0 5%, #E2E2E2 100%); background-image: -ms-linear-gradient(bottom, #E0E0E0 5%, #E2E2E2 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.05, #E0E0E0), color-stop(1, #E2E2E2)); }
        .left_col_box.left_col_box_01 .left_col_box_header:hover { background: #262D3D; }
        .left_col_box.left_col_box_01 .left_col_box_header_open { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #262D3D; }
        .left_col_box.left_col_box_01 .left_col_box_header_active { background: #262D3D; }
        
        .left_col_box.last_visited_prods .left_col_box_header { margin: 0; }
        .left_col_box.last_visited_prods h2 { margin: 0; height: 12px; font-weight: normal; padding: 7px 10px 15px 10px; font-size: 14px; color: #415b68; }
        .left_col_box.last_visited_prods h2 a { color: #fff; }
        
        .left_col_box.left_col_box_01 h2 { margin: 0; font-weight: normal; text-align: left; font-size: 12px; color: #1D1D1D; }
        .left_col_box.left_col_box_01 h2 a { padding: 7px 10px; display: block; color: #1D1D1D; }
        .left_col_box.left_col_box_01 h2 a:hover, .left_col_box.left_col_box_01 .left_col_box_header_active h2 a { color: #fff; }
        
        .left_col_box.left_col_box_02 h2 { margin: 0; font-weight: normal; text-align: center; padding: 8px 10px 7px 10px; line-height: 17px; font-size: 14px; color: #fff; }
        .left_col_box.left_col_box_03 h2 { margin: 0; font-weight: normal; text-align: center; padding: 8px 10px 7px 10px; line-height: 17px; font-size: 14px; color: #fff; }
        .left_col_box.left_col_box_04 h2 { margin: 0; font-weight: normal; text-align: center; padding: 8px 10px 7px 10px; line-height: 17px; font-size: 14px; color: #fff; }
        .left_col_box.left_col_box_01 .left_col_box_header_open h2 { }
        .left_col_box.left_col_box_02 h2 a { display: block; color: #fff; }
        
        .left_col_box .left_col_box_content { background: white; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px v; border: 1px solid #dde3e5; }
        .left_col_box.left_col_box_03 .left_col_box_content { background: #DADADA; border: 1px solid #B8B8B8; }
        .left_col_box.left_col_box_04 .left_col_box_content { background: #E1EBFE; border: 1px solid #D1D1D1; }
            .left_col_box.last_visited_prods .left_col_box_content ul { margin: 10px; list-style: none; clear: both; float: left; }
                .left_col_box.last_visited_prods .left_col_box_content ul li { text-align: left; border-bottom: 1px solid #dde3e3; padding: 0 0 3px 0; float: left; margin: 0 0 3px 0; clear: both; }
                .left_col_box.last_visited_prods .left_col_box_content ul li.last { border-bottom: none; padding: 0; margin: 0;}
                    .left_col_box.last_visited_prods .left_col_box_content ul li a { vertical-align: middle; text-align: left; font-size: 11px; line-height: 13px; overflow: hidden; float: left; }
                    .left_col_box.last_visited_prods .left_col_box_content ul li img { float: left;
margin: 0 5px 0 0; }
             
            .left_col_box.box_bestseller .left_col_box_content ul { margin: 10px; list-style: none; clear: both; float: left; }
                .left_col_box.box_bestseller .left_col_box_content ul li { text-align: left; border-bottom: 1px solid #dde3e3; padding: 0 0 10px 0; float: left; margin: 0 0 10px 0; clear: both; }
                .left_col_box.box_bestseller .left_col_box_content ul li.last { border-bottom: none; padding: 0; margin: 0;}
                    .left_col_box.box_bestseller .left_col_box_content ul li a.img { position: relative; float: left; margin: 10px 10px 0 0; height: 63px; width: 63px; font-size: 11px; line-height: 12px; }
                    .left_col_box.box_bestseller .left_col_box_content ul li img { position: absolute; max-width: 63px; }
                    .left_col_box.box_bestseller .left_col_box_content ul li span { width: 80px; margin: 0 0 0 0; float: right; }
            
            .left_col_box.box_tips .left_col_box_content ul { margin: 10px; list-style: none; clear: both; float: left; }
                .left_col_box.box_tips .left_col_box_content ul li { text-align: left; width: 100%; border-bottom: 1px solid #dde3e3; padding: 0 0 10px 0; float: left; margin: 0 0 10px 0; clear: both; }
                .left_col_box.box_tips .left_col_box_content ul li.last { border-bottom: none; padding: 0; margin: 0;}
                    .left_col_box.box_tips .left_col_box_content ul li a { font-size: 11px; line-height: 12px; }
                    .left_col_box.box_tips .left_col_box_content ul li a.img { position: relative; float: left; margin: 10px 10px 0 0; height: 63px; width: 63px; font-size: 11px; line-height: 12px; }
                    .left_col_box.box_tips .left_col_box_content ul li img { position: absolute; max-width: 63px; }
                    .left_col_box.box_tips .left_col_box_content ul li .button_blue { float: right; margin: 20px 15px 0 15px; }
                        .left_col_box.box_tips .left_col_box_content ul li .button_text { display: inline-block; padding: 3px 0 0 0; }
                        .left_col_box.box_tips .left_col_box_content ul li .button_blue:hover { color: white; text-decoration: underline; }
            
            .left_col_box.box_write_us .left_col_box_content { padding: 10px; }
                .left_col_box.box_write_us .left_col_box_content textarea { margin: 0 0 5px 0; padding: 5px; height: 100px; width: 150px; }
                .left_col_box.box_write_us .left_col_box_content p { padding: 5px 0 0 0; float: left; }
                .left_col_box.box_write_us .left_col_box_content p img { position: relative; top: 4px; left: 5px; }
                .left_col_box.box_write_us .left_col_box_content label { display: inline-block; padding: 5px 5px 0 0; float: left; }
                .left_col_box.box_write_us .left_col_box_content label.error { display: none!important; }
                .left_col_box.box_write_us .left_col_box_content input { float: left; }
                .left_col_box.box_write_us .left_col_box_content input#code { width: 25px; }
                .left_col_box.box_write_us .left_col_box_content input.email { border-right: none; width: 108px; }
                .left_col_box.box_write_us .left_col_box_content input[type="submit"] { border: 1px solid #919191; color: white; background: #AAA; cursor: pointer; height: auto; padding: 6px 10px 7px 10px; margin: 0 0 0 5px; }
            
            .left_col_box.box_newsletter .left_col_box_content { padding: 10px; }
                .left_col_box.box_newsletter .left_col_box_content p { padding: 0 5px 10px 5px; float: left; }
                .left_col_box.box_newsletter .left_col_box_content label.error { display: none!important; }
                .left_col_box.box_newsletter .left_col_box_content input { float: left; }
                .left_col_box.box_newsletter .left_col_box_content input.email { border-right: none; width: 108px; }
                .left_col_box.box_newsletter .left_col_box_content input[type="submit"] { border: 1px solid #919191; color: white; background: #AAA; cursor: pointer; height: auto; padding: 6px 10px 7px 10px; margin: 0 0 0 5px; }
            
    .left_tree .left_col_box_content { -webkit-box-shadow: none; box-shadow: none; margin: 0 0 10px 0; background: none; border: none; }
    .left_tree ul { list-style: none; }
    .left_tree > ul { margin: 10px 0 20px 0; }
        .left_tree ul li a { text-align: left; display: block; }
        .left_tree ul li.lvl_0 a { padding: 2px 10px 2px 10px; }
        .left_tree ul li.lvl_1 a { padding: 2px 20px 2px 10px; }
        .left_tree ul li.lvl_1 strong { font-weight: normal; text-decoration: underline; }
        .left_tree ul li.lvl_1 a:hover { text-decoration: underline; }
        .left_tree ul li.lvl_2 a { padding: 2px 30px 2px 23px; }
        .left_tree ul li.lvl_2 strong { font-weight: normal; text-decoration: underline; }
        .left_tree ul li:hover { }
        .left_tree ul li.active {  }
        .left_tree ul li.dark { color: black; }
        .left_tree ul li.last { margin: 0 0 6px 0; }
            .left_tree ul li.dark a { background: transparent url(../images/tree_star.png) 11px 4px no-repeat; padding: 2px 20px 2px 10px; text-align: left; color: black; }
            .left_tree ul li.dark li a { background: none; padding: 2px 20px 2px 25px; text-align: left; color: black; }
            .left_tree ul li.dark li a:hover { background: none; color: red; }
            .left_tree ul li.dark li strong { background: none; color: red; }
            .left_tree ul li.dark a:hover { background: transparent url(../images/tree_star_hover.png) 11px 4px no-repeat; color: red; text-decoration: none; }
            .left_tree ul li.dark a.active { background: transparent url(../images/tree_star_hover.png) 11px 4px no-repeat; color: red; text-decoration: underline; }
        .left_tree ul li a.last { border-bottom: none; }
/**************************************************************
********************* R I G H T  C O L ************************
/*************************************************************/

/**************************************************************
********************* I N D E X *******************************
/*************************************************************/
.welcome_text { padding: 10px 0; }
.slider-wrapper { padding: 0 0 15px 0; margin: 20px 0 20px 0; position: relative; }
    .slider_shadow { position: relative; height: 25px; }
    .slider_shadow .slider_shadow_left { width: 240px; height: 25px; background: transparent url('../images/indexslider_shadow_left.png') 0 0 no-repeat; width: ; position: absolute; left: 0; }
    .slider_shadow .slider_shadow_right { width: 240px; height: 25px; background: transparent url('../images/indexslider_shadow_right.png') 0 0 no-repeat; position: absolute; right: 0; }

.catalogue-magasins p { margin: 0 0 10px 0; }

.marque { background-repeat: repeat-y; float: left; height: 95px; width: 972px; clear: both; }
.bkg_marque { width: 977px; overflow: hidden; margin: auto; background-color: #fff; height: 95px; background-repeat: no-repeat; }
.bkg_marque1 {
width: 977px;
overflow: hidden;
margin: auto;
background-color: #fff;
height: 95px;
background-repeat: no-repeat;
}
#carousel-control-left, #carousel-control-left1 { background-image: url(../images/fleche-gauche.png); height: 46px; width: 31px; display: block; background-repeat: no-repeat; float: left; margin-top: 45px; }
#carousel-wrapper, #carousel-wrapper1 {
width: 915px;
overflow: hidden;
margin: auto;
float: left;
height: 95px;
margin-top: 17px;
}
#carousel-content, #carousel-content1 {
display: block;
float: left;
height: 62px;
width: 2500000px;
}
#carousel-content .slide, #carousel-content1 .slide1 {
float: left;
height: 62px;
display: block;
background-color: transparent;
margin-left: 10px;
margin-right: 10px;
}
#carousel-content .slide a, #carousel-content1 .slide1 a {
line-height: 80px;
height: 62px;
display: table-cell;
vertical-align: middle;
}
#carousel-content .slide img, #carousel-content1 .slide1 img {
max-height: 62px;
max-width: 163px;
vertical-align: middle;
}
#carousel-control-right, #carousel-control-right1 {
background-image: url(../images/fleche-droite.png);
margin-left: 8px;
height: 46px;
width: 23px;
display: block;
background-repeat: no-repeat;
float: left;
margin-top: 45px;
}
.boutiques-bloc {
padding: 0 11px 7px 0;
}
/**************************************************************
********************* C A T A L O G U E   R E C E N T L Y   V I E W E D *******************************
/*************************************************************/
#catalogue_recently_viewed .clear_history { text-align: center; padding: 10px; }
#catalogue_recently_viewed .content { padding: 10px; }

/**************************************************************
********************* A R T I C L E ***************************
/*************************************************************/
#article { min-height: 500px; position: relative; }
#article .content { padding: 0; margin: 0; }
#article .content .datetime, #article .content .anotation { font-style: italic; }
#article .content .form_poptavka { background: #eeeeee; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#article .content .form_poptavka label { font-size: 12px!important; vertical-align: middle; text-align: left; padding: 5px 5px; font-weight: 600; display: block; }
#article .content .form_poptavka input { display: block; width: 90%; padding: 0 10px!important; }
#article .content .form_poptavka textarea { display: block; width: 97%; height: 50px; padding: 10px!important; }
#article .content .form_poptavka td { vertical-align: middle; padding: 10px; }
#article .content  label.error { display: none; height: 20px; width: 190px; color: red; }
            
    
/**************************************************************
********************* W E L C O M E ***************************
/*************************************************************/
#welcome { padding: 0; position: relative; }
#welcome .content { padding: 0; margin: 0 0 0 0; }
#welcome fieldset { }
#welcome fieldset.half { width: 352px; }
#welcome fieldset.last { }
#welcome fieldset ul { padding: 0 0 20px 20px; }
#welcome fieldset p { color: gray; }

/**************************************************************
********************* A R T I C L E S *************************
/**************************************************************/
#articles { padding: 0; position: relative; }
#articles .content { padding: 15px; margin: 0 0 0 0; }
#articles .content .article_box { width: 50%; margin: 0 0 10px 0; }
#articles .content h2 { display: inline-block }
#articles .content .article_box_icon { margin: 0 10px 0 0; }
    #articles .paging { margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center; background: transparent url('../images/dotted-rule-hor.png') 0 0 repeat-x; }

/**************************************************************
********************* S E A R C H *****************************
/**************************************************************/
#search { padding: 0; position: relative; }
#search .content { background: white; margin: 25px 0 20px 0; }
#search .content .search_article { width: 50%; margin: 0 0 10px 0; }
#search .content h2 { display: inline-block }
#search .content .search_article_icon { margin: 0 10px 0 0; }

#search .catalogue_product_grid ul { width: 100%; list-style:none; position:relative; margin:0; padding:0; z-index:0; }
#search .catalogue_product_grid li { overflow: hidden; margin-right: 10px; margin-bottom: 20px; width: 185px; padding: 0; position:relative; display:block; float:left; }
#search .catalogue_product_grid li.last { margin-right: 0; }
#search .catalogue_product_grid li .catalogue_index_img { z-index: 3; display: block; position: relative; top: 0; left: 0; overflow: hidden; height: 280px; border: 5px solid transparent; width: 175px;  }
#search .catalogue_product_grid li .catalogue_index_img:hover { -webkit-transition: border 0.4s ease-out; border: 5px solid #f35c93; }
#search .catalogue_product_grid li .img { z-index: 2; display: block; position: absolute; top: 0; left: 0; overflow: hidden; height: 290px; width: 185px;  }

#search .catalogue_product_grid img { position: absolute; top:50%!important; left:50%!important; }

#search .catalogue_product_grid .prod_info { background: white; width: 175px!important; margin: 0 0 5px 0; padding: 0; }
#search .catalogue_product_grid .prod_info h2 { margin: 0 0 0 0; font-size: 14px; padding: 10px 0 5px 0; }
    #search .catalogue_product_grid .prod_info h2 a { font-size: 12px; line-height: 15px; font-weight: 300; color: black; }
#search .catalogue_product_grid .prod_info .price { display: inline-block; color: black; padding: 5px 0; }

/********************************************************************************************************************************************************************************
********************* C A T A L O G U E *****************
/*******************************************************************************************************************************************************************************/

/* CATALOGUE INDEX */

/* CATALOGUE LIST */
.catalogue_filters { font-size: 11px; background: #f2f7fa; padding: 5px; }
    .catalogue_filters .catalogue_article { padding: 7px 10px 7px 10px; border-bottom: 1px solid #C1D2DA; }
    .catalogue_filters form { padding: 7px 10px 7px 10px; border-bottom: 1px solid #C1D2DA; }
        .catalogue_filters .catalogue_filters_row_1_col_1 { float: left; width: 380px; }
        .catalogue_filters .catalogue_filters_row_1_col_2 { float: right; width: 350px; }
        .catalogue_filters .catalogue_filters_row_2 { width: 100%; vertical-align: middle; margin: 10px 0; }
            .catalogue_filters .catalogue_filters_row_2 label, .catalogue_filters .catalogue_filters_row_2 input { margin: 0 10px 0 0; vertical-align: middle; }
            .catalogue_filters .catalogue_filters_row_2 input { margin: 0 0 0 0; }
        
        .catalogue_filters .catalogue_filters_row_3_col_1 { float: left; width: 550px; vertical-align: middle; margin: 0 0 10px 0; }
            .catalogue_filters .catalogue_filters_row_3_col_1 .filter_backgrounded { border: 1px solid #bfefd0; margin: 0 20px 0 0; display: inline-block; background: #dcf4e3; padding: 5px 0 5px 5px; }
            .catalogue_filters .catalogue_filters_row_3_col_1 label, .catalogue_filters .catalogue_filters_row_3_col_1 input, .catalogue_filters .catalogue_filters_row_3_col_1 strong { height: auto; vertical-align: middle; }
            .catalogue_filters .catalogue_filters_row_3_col_1 label, .catalogue_filters .catalogue_filters_row_3_col_1 strong { margin: 0 10px 0 0; }
            .catalogue_filters .catalogue_filters_row_3_col_1 input { margin: 0 0 0 0; }
        
        .catalogue_filters .catalogue_filters_row_3_col_2 { text-align: right; float: right; width: 180px; vertical-align: middle; margin: 0 0 10px 0; }
            .catalogue_filters .catalogue_filters_row_3_col_2 label, .catalogue_filters .catalogue_filters_row_3_col_2 input { vertical-align: middle; }
            .catalogue_filters .catalogue_filters_row_3_col_2 input { width: 25px; text-align: center; }
            .catalogue_filters .catalogue_filters_row_3_col_2 input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #cacaca; width: auto; color: white; padding: 0 10px; }
        
        .catalogue_filters .catalogue_filters_row_4_col_1 { float: left; width: 300px; vertical-align: middle; }
            .catalogue_filters .catalogue_filters_row_4_col_1 a, .catalogue_filters .catalogue_filters_row_4_col_1 select { display: inline-block; vertical-align: middle; }
            .catalogue_filters .catalogue_filters_row_4_col_1 a.active { opacity: 0.5; }
        .catalogue_filters .catalogue_filters_row_4_col_2 { text-align: right; float: right; width: 440px; }
            .catalogue_filters .catalogue_filters_row_4_col_2 { float: right; width: 440px; }
                .catalogue_filters .catalogue_filters_row_4_col_2 a { display: inline-block; width: 15px; text-align: center; padding: 5px; background: white; border: 1px solid #999999; }
                .catalogue_filters .catalogue_filters_row_4_col_2 a.next_page, .catalogue_filters .catalogue_filters_row_4_col_2 a.prev_page { border: none; padding: 0; width: 15px; text-align: center; padding: 5px; height: 0; overflow: hidden; line-height: 999; }
                .catalogue_filters .catalogue_filters_row_4_col_2 a.next_page { background: transparent url('../images/paging_arrow_right.jpg') 50% 50% no-repeat; }
                .catalogue_filters .catalogue_filters_row_4_col_2 a.prev_page { background: transparent url('../images/paging_arrow_left.jpg') 50% 50% no-repeat; }
                .catalogue_filters .catalogue_filters_row_4_col_2 span { display: inline-block; width: 15px; text-align: center; padding: 5px; color: white; background: #999999; border: 1px solid #999999; }

.variants_ajax { width: 430px; display: none; z-index: 9999; background: white; position: fixed; margin-left: -215px; top: 50%; left: 50%; border: 3px solid #0088ee; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; -moz-border-radius: 5px; }         
    #variants_ajax-close { cursor: pointer; position: absolute; right: 5px; top: 5px; line-height: 999; overflow: hidden; background: url(../images/close_button_silver.png) 0 0 no-repeat; width: 22px; height: 22px; }
        #variants_ajax-close:hover { background: url(../images/close_button_silver_hover.png) 0 0 no-repeat; }
        
    .variants_ajax .wrapper { padding: 3px; }
            .variants_ajax .wrapper h2 { font-size: 14px!important; font-weight: bold!important; padding: 10px; background: white; color: #441369; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
            .variants_ajax .wrapper strong { font-size: 12px; font-weight: normal; margin: 0; display: block; padding: 10px; background: #9fcad7; color: #000; border-radius: 5px; -moz-border-radius: 5px; }
            .variants_ajax .wrapper .wrapper_content { position: relative; min-height: 100px; padding: 10px; display: block; background: rgb(236, 236, 236); color: #7030a0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
                .variants_ajax .wrapper .wrapper_content .submit { position: absolute; bottom: 10px; width: 400px; }
        
/* CATALOGUE LIST / GRID */
.catalogue_list_grid { list-style: none; float: left; }
    .catalogue_list_grid li { border-right: 1px solid silver; position: relative; float: left; width: 154px; }
    .catalogue_list_grid li.last { border: none; width: 157px; }
    .catalogue_list_grid li.prods_divider { width: 100%!important; height: 1px; display: block; clear: both; background: #d7d6d6; }
        .catalogue_grid_product { text-align: center; padding: 10px 10px 0 10px; } 
        .catalogue_list_grid li.last .catalogue_grid_product { border-right: none; } 
            .catalogue_grid_product .man { padding: 0 0 5px 0; display: inline-block; text-decoration: underline; color: #5a5c5d; text-align: center; }
            .catalogue_grid_product h3 { text-decoration: underline; font-weight: bold; max-height: 33px; overflow: hidden; color: #0f80ce; font-size: 12px; }
            .catalogue_grid_product .product_image { display: block; position: relative; margin: 5px 0; height: 168px; overflow: hidden; text-align: center; }
            .catalogue_grid_product .product_image img { position: absolute; top: 50%!important; left: 50%!important; }
            .catalogue_grid_product .anotation { margin: 0; padding: 0; height: 40px; overflow: hidden; color: #5a898b; font-size: 11px; }
            .catalogue_grid_product .flag_doprava_zdarma { width: 53px; height: 53px; display: inline-block; background: transparent url('../images/flag_doprava_zadarmo_1.png') 0 0 no-repeat; position: absolute; top: 70px; left: 10px; }
            .catalogue_grid_product .flag_bestseller { width: 41px; height: 57px; display: inline-block; background: transparent url('../images/flag_nejprodavanejsi.png') 0 0 no-repeat; position: absolute; top: 10px; left: 15px; }
            .catalogue_grid_product .flag_weight { background: #e7e7e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 7px; border: 2px solid #7a7a7a; position: absolute; top: 150px; right: 10px; }
            .catalogue_grid_product .flags { max-height: 50px; overflow: hidden; }
                .catalogue_grid_product .flags .flag_new { float: left; display: inline-block; width: 50px; margin: 0 0 0 0; height: 40px; text-align: center; }
                .catalogue_grid_product .flags .flag_action { float: left; display: inline-block; width: 48px; margin: 0 0 0 0; height: 40px; text-align: center; }
                .catalogue_grid_product .flags .flag_tip { float: left; display: inline-block; width: 48px; margin: 0 0 0 0; height: 40px; text-align: center; }
                .catalogue_grid_product .flags .flag_sale { float: left; display: inline-block; width: 48px; margin: 0 0 0 0; height: 40px; text-align: center; }
                .catalogue_grid_product .flags .flag_tv { float: left; display: inline-block; width: 48px; margin: 0 0 0 0; height: 40px; text-align: center; }
                .catalogue_grid_product .flags .flag_video { float: left; display: inline-block; width: 48px; margin: 0 0 0 0; height: 40px; text-align: center; }
            .catalogue_grid_product .action_text { color: #e12a2d; font-size: 13px; font-weight: bold; }
            .catalogue_grid_product .price { text-align: left; margin: 5px 0 2px 0; }
            .catalogue_grid_product .price .money { color: #e2001a; font-weight: bold; font-size: 15px; }
            .catalogue_grid_product .price .money.sale { color: #e00d0d; font-weight: bold; font-size: 15px; }
            .catalogue_grid_product .price .money.strike { padding: 5px 0; color: #4f7577; font-size: 12px; text-decoration: line-through; }
            .catalogue_grid_product .price .button_basket { font-weight: bold; color: black; text-decoration: underline; float: right; font-size: 12px; }
.compare-link {
display: block;
width: 20px;
background: transparent url('http://www.potapeni-pro-radost.cz/wepp/templates/images/compare.gif') 0 3px no-repeat;
height: 20px;
float: right;
}
.catalogue_list_grid.grid3 li { width: 242px; }
.catalogue_list_grid.grid3 .catalogue_grid_product .product_image { display: block; position: relative; margin: 5px 0; height: 230px; overflow: hidden; text-align: center; }
            
/* CATALOGUE LIST / TABLE */
/* CATALOGUE LIST / TABLE WITH IMAGES */
/* CATALOGUE LIST / RECENTLY */
.catalogue_list_recently { list-style: none; }
    .catalogue_list_recently li { display: block; }
        .catalogue_list_recently .product_image { float: left; width: 85px; position: relative; margin: 10px; height: 85px; overflow: hidden; text-align: center; }
        .catalogue_list_recently .product_image img { position: absolute; top: 50%!important; left: 50%!important; }
            .catalogue_list_recently h3 { margin: 10px 10px 0 0; display: table-cell; text-decoration: underline; font-weight: bold; height: 85px; color: #0f80ce; font-size: 12px; vertical-align: middle; }
            .catalogue_list_recently h3 a { vertical-align: middle; height: 100%; }
            
/* CATALOGUE DETAIL */
.catalogue_detail_header h1 { width: 720px; padding: 0!important; font-size: 20px!important; }
.catalogue_detail_header_back { background: transparent url('../images/back_arrow.png') 5px 50% no-repeat; display: inline-block; cursor: pointer; position: relative; top: 3px; color: black; padding: 2px 10px 2px 20px; }
.catalogue_detail_header_back:hover { -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 5px 10px 0px rgba(0, 0, 0, 0.2); }
.catalogue_product_detail_left { width: 320px; }
    .catalogue_product_detail_left_main_img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 320px; margin: 10px 0 10px 0; overflow: hidden; display: block; position: relative; width: 320px; }
        .catalogue_product_detail_left_main_img a { display: block; height: 320px; width: 320px; }
            .catalogue_product_detail_left_main_img img { position: absolute; display: block; margin: 0 auto; max-width: 320px; }
        
        .catalogue_product_detail_left_images { margin-top: 10px; }
        .catalogue_product_detail_left_images a { background: white; position: relative; display: inline-block; height: 102px; width: 102px; border: 1px solid #e7dbdd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        .catalogue_product_detail_left_images img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top:50%!important; left:50%!important; }

        .catalogue_product_detail_left_images .wt-scroller { width: 270px!important; }
        .catalogue_product_detail_left_images .wt-scroller .lower-panel { left: 0; width: 270px!important; }
        .catalogue_product_detail_left_images .wt-scroller .scroll-bar { width: 270px!important; }
        .catalogue_product_detail_left_images .wt-scroller .prev-btn { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #96bbdc!important; margin-top: -15px!important; background: #fff url('../images/ico_arrow_11x18.png') 6px -92px no-repeat!important; width: 20px!important; height: 20px!important; left: -11px!important; }
        .catalogue_product_detail_left_images .wt-scroller .next-btn { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 2px #96bbdc!important; margin-top: -15px!important; background: #fff url('../images/ico_arrow_11x18.png') 8px -141px no-repeat!important; width: 20px!important; height: 20px!important; left: 310px!important; }

.catalogue_product_detail_right { background: white; -webkit-box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.2); border-top: 1px solid #f2f2f2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px 0; padding: 10px; width: 435px; }
    .catalogue_product_detail_right table td { padding: 5px 0; }
        .catalogue_product_detail_right table .add_cart_quantity { width: 20px; text-align: center; display: inline-block; }
        .catalogue_product_detail_right select.error { color: #c50b2a; background: #f0d3d8; }
        .catalogue_product_detail_right label.error { display: none!important; }
    .catalogue_product_detail_right table p { padding: 5px 0; }
    .catalogue_product_detail_right table tr.border_bottom td { border-bottom: 1px solid #95b8d0; padding: 10px 0; }
        .catalogue_product_detail_right .detail_icons { margin: 5px 0; float: left; }
        .catalogue_product_detail_right .detail_icons li { margin: 0 5px 0 0; display: inline-block; float: left; }
            .catalogue_product_detail_right .detail_icons li a { border: 2px outset buttonface; }

#catalogue_detail .flag_doprava_zdarma { width: 53px; height: 53px; display: inline-block; background: transparent url('../images/flag_doprava_zadarmo_1.png') 0 0 no-repeat; position: absolute; top: 70px; left: 10px; }
    #catalogue_detail .flag_bestseller { width: 41px; height: 57px; display: inline-block; background: transparent url('../images/flag_nejprodavanejsi.png') 0 0 no-repeat; position: absolute; top: 10px; left: 15px; }
    #catalogue_detail .flag_weight { background: #e7e7e7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 7px; border: 2px solid #7a7a7a; position: absolute; top: 150px; right: 10px; }
    #catalogue_detail .flags { max-height: 50px; margin: 10px 0 0 0; overflow: hidden; }
        #catalogue_detail .flags .flag_new { float: left; display: inline-block; margin: 0 10px 0 0; width: 25px; height: 35px; }
        #catalogue_detail .flags .flag_action { float: left; display: inline-block; margin: 0 10px 0 0; width: 25px; height: 35px; }
        #catalogue_detail .flags .flag_tip { float: left; display: inline-block; margin: 0 10px 0 0; width: 25px; height: 35px; }
        #catalogue_detail .flags .flag_sale { float: left; display: inline-block; margin: 0 10px 0 0; width: 25px; height: 35px; }
        #catalogue_detail .flags .flag_tv { float: left; display: inline-block; margin: 0 10px 0 0; width: 25px; height: 35px; }
        #catalogue_detail .flags .flag_video { float: left; display: inline-block; margin: 0 10px 0 0; width: 35px; height: 35px; }
      

#prod_detail_shipping_info { z-index: 9999; background: white; position: fixed; margin-left: -200px; top: 50%; left: 50%; border: 3px solid #0088ee; border-radius: 5px; -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; box-shadow: rgba(0, 0, 0, 0.199219) 2px 2px 5px 1px; -moz-border-radius: 5px; }         
    #prod_detail_shipping_info-close { cursor: pointer; position: absolute; right: 5px; top: 5px; line-height: 999; overflow: hidden; background: url(../images/close_button_silver.png) 0 0 no-repeat; width: 22px; height: 22px; }
        #prod_detail_shipping_info-close:hover { background: url(../images/close_button_silver_hover.png) 0 0 no-repeat; }
        
    #prod_detail_shipping_info .wrapper { padding: 10px; }
        #prod_detail_shipping_info h3 { font-size: 15px }
        #prod_detail_shipping_info table { list-style: none; margin: 5px 0 10px 0; }
        #prod_detail_shipping_info td { border-bottom: 2px solid white; background: #f5e9d7; padding: 5px; margin: 2px 0 2px 0; }
        #prod_detail_shipping_info td div { width: auto!important; display: inline-block; }

#discussion-form label.error { display: none!important; }
/********************************************************************************************************************************************************************************
********************* O R D E R   P R O C E S S *****************
/*******************************************************************************************************************************************************************************/
.order_process_navigation { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin: 10px 0 0 0; }
    .order_process_navigation li:first-child { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; width: 236px; }
    .order_process_navigation li { border-right: 1px solid #dadada; background-image: url(../images/header_bg.png); background-repeat: repeat-x; background-position: 100% 100%; float: left; width: 245px; display: inline-block; vertical-align: middle; color: #fff; background-color: rgb(146, 146, 146); margin: 0 0 0 0; padding: 10px 0 10px 0; text-align: left; }
    .order_process_navigation li.active { -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.2); background-color: rgb(116, 116, 116); color: #fff; }
    .order_process_navigation li.disabled { background-color: #c4c4c4; color: #cfcfcf; }
    .order_process_navigation li.last { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; margin-right: 0; }
        .order_process_navigation li a, .order_process_navigation li button { line-height: 24px; text-decoration: none; margin: 0 auto; vertical-align: middle; background: none; text-align: center; font-size: 16px; border: none; padding: 0 0 0 0; display: block; font-weight: bold; color: #fff; }
        .order_process_navigation li.active a, .order_process_navigation li.active button { line-height: 24px; color: #fff; }
        .order_process_navigation li.disabled a, .order_process_navigation li.disabled button { line-height: 24px; color: #000; }
        
        .order_process_navigation li span { -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: white; font-weight: 600; margin: 0 10px; padding: 5px 10px; vertical-align: middle; font-size: 17px; text-align: center; color: #000; display: inline-block; }
        .order_process_navigation li.active span { color: #000; }
        .order_process_navigation li.disabled span { color: #bebebe; }

#order { position: relative; }
#order .content { background: #E8EFF6; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px; margin: 0 0 0 0; }
#order .content h2 { font-weight: normal; }
#order .content table { width: 100%; }
#order .content tr { vertical-align: middle; }
#order .content tr.high { background: #fff; }
#order .content tr.low { background: #f7f9fb; }
#order .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#order .content td { vertical-align: middle; padding: 5px 10px; }
#order .content tr.sum { background: #cbe0f2; }

#order fieldset { border: 1px solid #d2e1f0; background: #fff url('../images/dotted-rule-hor.png') 0 100% repeat-x; }
#order fieldset legend { background: white; border: none; }

#order #order_form fieldset.last { margin: 0 0 10px 0; }
#order #order_form fieldset label { vertical-align: middle; width: auto;  }
#order #order_form fieldset label.error { color: #971414; display: none; }

#order #order_form_1 fieldset label.error { display: none!important; }
#order label.summary_data { font-weight: 600; width: 120px; display: inline-block; }

/********************************************************************************************************************************************************************************
********************* R E G I S T R A T I O N *****************
/*******************************************************************************************************************************************************************************/
#registration, #profile { position: relative; }
#registration .content, #profile .content { padding: 0; margin: 0 0 0 0; }
#registration .content table, #profile .content table { width: 100%; }
#registration .content tr.high, #profile .content tr.high { background: #f1f1f1; }
#registration .content th, #profile .content th { white-space: nowrap; padding: 5px 10px; background: #43464A; }
#registration .content td, #profile .content td { padding: 5px 0; }
#registration label.error, #profile label.error { display: none!important; }

/********************************************************************************************************************************************************************************
********************* C A R T *****************
/*******************************************************************************************************************************************************************************/
#cart { position: relative; }
    #cart .category_article p { color: #8c8c8c; text-align: center; }
    #cart .category_article strong { text-transform: uppercase; font-size: 20px; font-weight: normal; }
#cart .content { background: #E8EFF6; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; padding: 10px; margin: 0 0 0 0; }
#cart .content table { margin: 0 0 10px 0; width: 100%; }
#cart .content tr { vertical-align: middle; }
#cart .content tr.high { background: #fff; }
#cart .content tr.low { background: #f7f9fb; }
#cart .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#cart .content td { vertical-align: middle; padding: 5px 10px; }
#cart .content tr.sum { background: #cbe0f2; }

/********************************************************************************************************************************************************************************
********************* O R D E R S *****************
/*******************************************************************************************************************************************************************************/
#orders { position: relative; }
#orders .content { padding: 0; margin: 0 0 0 0; }
#orders .content table { width: 100%; }
#orders .content tr { vertical-align: middle; }
#orders .content tr.high { background: #fff; }
#orders .content tr.low { background: #f7f9fb; }
#orders .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#orders .content td { vertical-align: middle; padding: 5px 10px; }
#orders .content tr.sum { background: #cbe0f2; }

/********************************************************************************************************************************************************************************
********************* C O M P A R E *****************
/*******************************************************************************************************************************************************************************/
#compare { position: relative; }
#compare .content { padding: 0; margin: 0 0 0 0; }
#compare .content table { width: 100%; }
#compare .content thead { padding: 0 0 10px 0; }
#compare .content tr { vertical-align: middle; }
#compare .content tr.high { background: #fff; }
#compare .content tr.low { background: #f7f9fb; }
#compare .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#compare .content th.empty { background: transparent; }
#compare .content td { vertical-align: middle; padding: 5px 10px; }
#compare .content tr.sum { background: #cbe0f2; }

/********************************************************************************************************************************************************************************
********************* W A T C H   D O G *****************
/*******************************************************************************************************************************************************************************/
#watchdog { position: relative; }
#watchdog .content { padding: 0; margin: 0 0 0 0; }
#watchdog .content table { width: 100%; }
#watchdog .content tr { vertical-align: middle; }
#watchdog .content tr.high { background: #fff; }
#watchdog .content tr.low { background: #f7f9fb; }
#watchdog .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#watchdog .content td { vertical-align: middle; padding: 10px 10px; }
#watchdog .content tr.sum { background: #cbe0f2; }

/********************************************************************************************************************************************************************************
********************* L O G I N *****************
/*******************************************************************************************************************************************************************************/
#login { position: relative; }
#login .content { padding: 0; margin: 0 0 0 0; }
#login .content table { width: 100%; }
#login .content tr { vertical-align: middle; }
#login .content tr.high { background: #f1f1f1; }
#login .content th { color: white; white-space: nowrap; padding: 5px 10px; background: #43464A; }
#login .content td { vertical-align: middle; padding: 5px 10px; }
#login .content tr.sum { background: #e3e3e3; }

/********************************************************************************************************************************************************************************
********************* N E W S L E T T E R *****************
/*******************************************************************************************************************************************************************************/
#newsletter { position: relative; }
#newsletter .content table { width: 100%; }
#newsletter .content tr { vertical-align: middle; }
#newsletter .content tr.high { background: #f1f1f1; }
#newsletter .content th { white-space: nowrap; padding: 5px 10px; background: #ECF3CB; }
#newsletter .content td { vertical-align: middle; padding: 5px 10px; }
#newsletter .content tr.sum { background: #e3e3e3; }

/********************************************************************************************************************************************************************************
********************* S E N D   L I N K *****************
/*******************************************************************************************************************************************************************************/
#sendlink { position: relative; }
#sendlink .content { padding: 0; margin: 0 0 0 0; }
#sendlink .content table { width: 100%; }
#sendlink .content tr { vertical-align: middle; }
#sendlink .content tr.high { background: #f1f1f1; }
#sendlink .content th { white-space: nowrap; padding: 5px 10px; background: #ECF3CB; }
#sendlink .content td { padding: 5px 10px; }
#sendlink .content tr.sum { background: #e3e3e3; }
#sendlink label { text-align: left; padding: 5px; vertical-align: top; }
#sendlink label.error { display: none!important; }
#sendlink input[type=text] { padding: 0 5px; width: 340px; }
#sendlink textarea { padding: 5px; height: 50px; width: 713px; }

/********************************************************************************************************************************************************************************
********************* S I T E   M A P *****************
/*******************************************************************************************************************************************************************************/
#site-map { position: relative; }
#site-map .content ul { padding: 0 0 10px 20px; }
#site-map .content li { margin: 0 0 0 0; }

/********************************************************************************************************************************************************************************
********************* 4 0 4 *****************
/*******************************************************************************************************************************************************************************/
#document_404 { position: relative; }
#document_404 .content { padding: 0; margin: 0 0 0 0; }
#document_404 .content ul { padding: 0 0 0 20px; }
#document_404 .content li { margin: 0 0 20px 0; }
#document_404 .content li ul { margin: 5px 0 0 0; }
#document_404 .content li li { margin: 0 0 0 0; }

/********************************************************************************************************************************************************************************
********************* O T H E R   C L A S S E S *****************
/*******************************************************************************************************************************************************************************/
.wysiwig p { margin: 15px 0 0 0; }

.submit { text-align: center; margin: 10px; }
.category_article { padding: 10px; }
input[type='text'], input[type='password'], textarea { padding: 0 5px 0px 5px; }
.button_green, .form-button { font-family: tahoma, verdana, Arial, sans-serif!important; text-rendering: optimizeLegibility; text-decoration: none; cursor: pointer; color: #fff!important; font-weight: 400; font-size: 12px; padding: 4px 10px; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #1a3da3 url(../images/header_bg.png) 100% 100% repeat-x; }
.button_black { cursor: pointer; color: #a3c802; font-weight: normal; font-size: 12px; padding: 6px 15px; border: none; background: black url('../images/button_black.jpg') left bottom repeat-x; }

button { font-family: tahoma, verdana, Arial, sans-serif!important; text-rendering: optimizeLegibility; cursor: pointer; }
.button_blue { padding: 3px 0; color: white; font-size: 15px; position: relative; border: none; background: transparent url('../images/button_blue_middle_bg.png') 0 0 repeat-x; height: 30px; display: inline-block; }
.button_blue_left { position: absolute; left: -15px; top: 0; background: transparent url('../images/button_blue_bg.png') 0 0 no-repeat; height: 30px; width: 15px; display: inline-block; }
.button_blue_right { position: absolute; right: -15px; top: 0; background: transparent url('../images/button_blue_bg.png') 100% 0 no-repeat; height: 30px; width: 15px; display: inline-block; }

fieldset.half.last { margin: 0 0 10px 0; }
fieldset { border: 1px solid #d2e1f0; background: #e8eff6 url('../images/dotted-rule-hor.png') 0 100% repeat-x; margin: 10px; padding: 10px; }
fieldset.half { margin: 0 10px 10px 10px; width: 441px; float: left; padding: 10px; }
fieldset legend { background: #e8eff6; vertical-align: middle; font-size: 1.1em; color: #10538e; padding: 5px 9px; margin: 0 0 0 10px; position: relative; }
fieldset label { vertical-align: middle; text-align: right; width: 100px; display: inline-block; }
fieldset p.desc { font-style: italic; margin: 0 0 0 15px; }
fieldset span.required { color: red; font-size: 15px; }
fieldset hr { height: 1px; border: none; background: white; }
fieldset input[type="text"], fieldset input[type="password"] { width: 190px; }
fieldset input[type="radio"] { vertical-align: middle; }
fieldset p.full { vertical-align: middle; }
fieldset p.full label { display: inline; vertical-align: middle; width: auto; }

input.error { background: #ffdfdf; }
fieldset label.error { display: block; color: #971414; width: auto; }

.message { font-weight: 600; margin: 0 0 5px 0; }
.message .success { color: #7C8F33; }
.message .error { color: #980521; }

/* Tooltips -------------------------------------------------------------------------------*/
.tooltip { z-index: 10001; display:none; background: #7030A0; padding: 10px; color:#fff; max-width: 100px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

#reg_form p { vertical-align: middle; }
#reg_form label { vertical-align: middle; display: inline-block; width: 250px; }
#reg_form input { vertical-align: middle; }
#reg_form input[type="text"] { width: 360px; }
#reg_form input[type="checkbox"] { margin: 0 5px; }
#reg_form input[type="submit"] { padding: 12px 20px; height: auto; }

table.reservation_table { 
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
}
table.reservation_table td{
    padding: 3px;
    border: 1px solid #aaa;
} 

table.reservation_table tr.dark {
    background-color: #aaa;
    font-weight: bold;
}
table.reservation_table tr.dark td {
    padding: 7px;
}
table.reservation_table tr.light {
    background-color: #ddd;
}
form.rezervace input, 
form.rezervace input[type=email],
form.rezervace input[type=number], 
form.rezervace input[type=date] {
    width: 200px;
    padding: 2px;
    padding-left: 8px;
    margin: 3px;
}
form.rezervace select {
    width: 209px;
    height: 32px;
    padding-left: 8px;   
    margin: 3px;
}
form.rezervace input[type=checkbox] {
    width: 15px;
    margin-right: 9px;
    position: relative;
    bottom: -8px;
    margin-left: 15px;
}
form.rezervace label.sirsi {
    width: 200px;
}
form.rezervace label {
    margin-right: 5px;
}
form.rezervace textarea {
    width: 96%;
    height: 71px;
    padding: 10px;
}

