/* RESPONSIVE*/

/* #Base 960 Grid
================================================== */

    .container                                  { width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }
    .middle.columns                             { margin-bottom: 10px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0px; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .columns, .column { margin: 0; }
        .columns.row_img { margin-bottom: 15px; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }




/*LAYOUT specifique au theme
================================================== */

/*Slideshow*/

.slideshow { margin-bottom: 10px;}


.carousel {
    position: relative ;
    z-index: 100;
}


.carousel ul {
    position:absolute;
    overflow:hidden;
    margin:0;
    padding:0;
    list-style:none;
}

.no-js .carousel ul {position:static;}

.carousel .mask {
    overflow:hidden;
    position: relative;
}

.carousel ul li {
    float:left;
    width:700px;
    height:325px;
    text-align:center;
}

.carousel .pagination-links {
    list-style:none;
    margin:0;
    padding:0;
    position: absolute;
    bottom: 10px;
    right: 10px
}

.carousel .pagination-links li {
    display:inline;
}


.carousel .pagination-links li a:hover {text-decoration:none;}

.carousel .pagination-links li.current a {
    color:#fff;
}

.carousel .disabled {
    color:gray;
    cursor:default;
}


#abSlide .mask {
    width:940px; /* 700px */
}




/* #Carousel Styles
================================================== */

#columns .es-carousel-wrapper{
    position:relative;
    position: relative;
}

#columns .es-carousel-wrapper.sixteen {
    margin: 10px 0 10px 15px;
    width: 900px;
}

#columns .es-carousel-wrapper.twelve {
    margin-left: 20px;
    width: 708px;
}


.es-carousel{
    overflow:hidden;
    position: relative;
}
.es-carousel ul{
    display:none;
}
.es-carousel ul li{
    height:100%;
    float:left;
    display:block;
}
.es-carousel ul li a{
    display:block;
}
.es-carousel ul li a img{
    display:block;
    border:none;
    max-height:100%;
    max-width:100%;
    margin: 0 auto;
}
.es-nav span{
    cursor: pointer;
    font-size: 16px;
    height: 26px;
    left: -18px;
    margin-top: -13px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 14px;
    padding: 0;
}
.es-nav span.es-nav-next{
    right:-18px;
    left:auto;
    text-align: right;
    background-position:top right;
}
.es-nav span:hover{
    opacity:1.0;
}




.mobile {display: none }


/* dynamically created SPAN, placed below the SELECT */
span.select{
    position:absolute;
    float:left;
    left:0;
    height:40px;
    line-height:40px;
    text-indent:10px;
    background:transparent url(../img/select.gif) no-repeat top right;
    cursor:default;
    color: #ffffff;
    z-index:1;
    }

/* Search block*/
.sf-search {position: relative}


.bt_search {
    display: none ;
    background-image:  url("../css/modules/jbx_menu/img/menu.png");
    background-position: left center;
    background-repeat: repeat-x;
    color: #ffffff;
    font-size: 1.3em;
    padding: 0 1em;
    float: right;
    text-shadow: 0 -1px 1px #000000;
 }

/*switcher mode*/

.switcher { position: relative}
.switcher a{
    /*display: block;*/
    padding: 3px 10px;
    text-transform: capitalize;
}
.switcher .selected a:hover { color: #ffffff}


.switcher a {
    /*display: block;*/
    cursor: pointer;
    text-decoration: none;
}


.switcher .option {
    position: relative; /*absolute*/
    margin-top: -20px;
    /*right: 0;*/
    /*z-index: 1001;*/
    /*display: block;*/
    white-space: nowrap;
}
.switcher .option a {
    color: #ae1b00;
    background-color: transparent;
    /*padding: 10px*/}

.switcher .option a:hover { text-decoration: underline;}



/* #Media Queries
================================================== */
    @media only screen and (min-width: 960px) {
    /*product-list */
    .grid ul#product_list li:hover .all_block, #index ul#product_list li:hover .all_block {
    z-index: 30;
    left: 0;
    border-color: #cccccc;
     -moz-box-shadow: 8px 8px 12px #aaaaaa;
    -webkit-box-shadow: 8px 8px 12px #aaaaaa;
    box-shadow: 8px 8px 12px #aaaaaa;
    }

    .grid ul#product_list li:hover .product_desc, #index ul#product_list li:hover .product_desc {
    display: block;
    width: 90%;
    margin-left: 10px;
    margin-top: 10px;
    }

    .grid ul#product_list li .price, ul#product_carrousel li .price, #index ul#product_list li .price {
    color: #ffffff;
    font-size: 1.3em;
    padding: 2px 5px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }

    .grid ul#product_list li:hover div.buttons_block, #index ul#product_list li:hover div.buttons_block {
    display : block;
    }

    .grid ul#product_list li:hover .compare {
    display: block ;
    position: absolute;
    bottom: 0px;
    left: 0;
    }
    /* End product-list */

    }



    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {}

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
    .no_pad { display: none;}

    #header_logo .logo{
        width: 360px;
        height: 53px;
    }
        #header_logo .slogan{
            top: 73px;
            font-size: 14px;
        }
    
    #page {  padding: 0 }
    #center_column {  width: 768px}

    #index #center_column, #category #center_column, #new-products #center_column,
     #prices-drop #center_column, #best-sales #center_column, #search #center_column,
     #manufacturer #center_column, #supplier #center_column {
    width: 528px
    }

        /* Carousel */

    .carousel ul li {
    width:556px;
    height:248px;
    }
    #abSlide .mask { width:556px}



    /*search block*/
    .bt_search {display: block}
    #searchbox {
    background-color: #c71b1b;
    display: none;
    overflow: hidden;
    padding: 2px 10px 10px;
    width: 200px;
    position: absolute;
    top: 40px;
    right: 0;
    }

    /*address */
    #order #order_carrier {
    margin-left: 106px;
    padding: 0.5em 28px 0.5em 18px;
    }

    /*step order*/

    ul.step li span.number_step {  margin-right: 5px}
    ul.step li span.text_step {  margin-right: 10px}

    /*Newsletter block*/
    div#newsletter_block_left .inputskin { width: 95% }


    /*scenes*/
    #scenes_list { width: 460px}

    /*product-list*/
    ul#product_list li{
        padding-bottom: 14px;
    }
    .grid ul#product_list li, ul#product_carrousel li, #index ul#product_list li  {
        height: 250px;
    }

    ul#product_list li div.center_block, ul#product_list li div.right_block  {    width: 334px }
    ul#product_list li h3, ul#product_list li p.product_desc { width: 204px}

    #idTab4 ul#product_list li div.center_block, #idTab4 ul#product_list li div.right_block  {    width: 500px }
    #idTab4 ul#product_list li h3, #idTab4 ul#product_list li p.product_desc { width: 370px}


    .grid ul#product_list li, ul#product_carrousel li, #index ul#product_list li   { width: 154px;}
    .grid ul#product_list li:hover .product_desc, #index ul#product_list li:hover .product_desc { display: none}


    ul#product_list li .new, ul#product_carrousel li .new, ul#product_list li .discount,
     ul#product_carrousel li .discount, ul#product_list li .on_sale , ul#carrousel_list li .on_sale,
     ul#product_list li .online_only, ul#product_carrousel li .online_only   {
        padding: 0 8px 0 10px;
    }

    .grid ul#product_list li .prices_block, ul#product_carrousel li .prices_block, #index ul#product_list li .prices_block {
        margin-left:0;
    }


    ul#product_list li p.product_desc {   font-size: 0.92em   }

    .grid ul#product_list li .price, ul#product_carrousel li .price, #index ul#product_list li .price {
    color: #ffffff;
    font-size: 1.3em;
    padding: 2px 5px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }
    /*end product-list*/

    /*Pagination*/
    #pagination { width: 498px}



    /*page product*/
    #primary_block #pb-left-column { width: 426px;}

    #primary_block #info_box, #primary_block #desc_box {
    width: 100%;
    margin-right: 0;
    }
    #primary_block #price_box, #primary_block #option_box {
    width: 100%;
    margin-left: 0;
    background-color: transparent;
    padding: 0;
    }

    /*manufacturer list*/
    #suppliers_list , #manufacturers_list {
        display: inline-block;
        margin: 10px 0 20px;

    }
    #suppliers_list li, #manufacturers_list li {  border-bottom: 1px solid #dddddd; width: 498px}
    #suppliers_list .left_side, #manufacturers_list .left_side { padding: 10px 0;
        padding-top: 10px;
        width: 130px;
    }
    #suppliers_list li .right_side, #manufacturers_list li .right_side {
        float: right;
        text-align: right;
        width: 60%;
    }
    /*Carousels*/
    #columns .es-carousel-wrapper.sixteen, #columns .es-carousel-wrapper.twelve  {width: 708px;}

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
    .no_mobile{ display: none;}
    .mobile {display: block;}

    body { background: #ffffff none;}

    #header_logo .logo{
        width: 420px;
        height: 63px;
        margin: 10px auto;
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    #header_logo img {  float: none }

    #header_logo .slogan {
        top: 77px;
        font-size: 13px;
        text-align: center;
        width: 100%;
    }

    #page {
        box-shadow:0 0 0 transparent;
        margin-top: 0;
        margin-bottom: 0;
        border-top-width: 52px;
        padding: 0;
        position: relative;
    }

    #center_column, #index #center_column, #category #center_column, #new-products #center_column, #prices-drop #center_column, #best-sales #center_column, #search #center_column,
    #cms #center_column,#manufacturer #center_column, #supplier #center_column, #left_column, #right_column {    width: 100%    }
   #left_column, #right_column {   margin: 10px 0 }


    #left_column {
    background-color: #f0f0f0;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }

    #footer {text-align: center; width: 420px;/*450*/}

     /* Tabs */
    div.sheets { background-color: transparent;}

    /*form */

    form.std fieldset {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    /*step order*/
    ul.step li.step_todo span.text_step, ul.step li.step_done span.text_step { display: none}
    ul.step li.step_todo span.number_step, ul.step li.step_done span.number_step { margin-right: 0}
    ul.step li.step_todo span.line_step, ul.step li.step_done span.line_step { display: block}

    /*.breadcrumb */
    .breadcrumb {   margin: 20px 0 10px; }


    form#mobil-nav {
        margin: 0;
        position: relative;
    }

    select.select {
        float: left;
        height: 40px;
        margin-left: 0;
        position: relative;
        width: 80%;
        z-index: 10;
    }

    .bt_search {display: block}
    #search_query_menu, .search_button, .label_search { border: none medium }

    #searchbox {
        background-color: #c71b1b;
        display: none;
        overflow: hidden;
        padding: 2px 10px 10px;
        width: 200px;
        position: absolute;
        top: 40px;
        right: 0;
    }

    #center_column div.block h4, #center_column h4  {
        background: url("../img/bg_titre.png") repeat-x scroll left top transparent;
        padding-top: 15px ;
        margin: 10px 0;
    }
    #center_column div.block h4 span, #center_column h4 span {  background-color: transparent}

    /* block column*/
    div.block { background-color: transparent}
    #left_column div.block {
        border-bottom: 1px solid #DDDDDD;
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 0;
    }

    #right_column div.block h4 {
    background: url("../img/bg_titre.png") repeat-x scroll left top transparent;
    margin: 10px 0;
    padding: 20px 1em 0 0;
    text-transform: uppercase;
    }

    #right_column div.exclusive h4 {
    background: none transparent;
    padding-top: 0;
    margin-left: 10px;
    }

    #right_column div.block .block_content {padding: 0}
    #left_column div.block .block_content,#right_column div.block.exclusive .block_content  {padding: 0 5px 0 10px}
    #left_column div.block .block_content {
        display: none;
        background-color: #ffffff;
    }

    .products_block li h5 ,.column_block_price{ float: left}
    div.block li { padding: 1em 0;}
    div.block .products li {
        padding: 0.2em 0;
        border-bottom: 1px solid #dddddd;
        margin-top: 10px
    }
    div.block li .link_img { margin-right: 10px}
    div.block li h5 {
        display: block;
        height: 2em;
        line-height: 0.9em;
        margin-bottom: 0.4em;
        font-size: 12px;
    }
    div.block li .column_block_desc {font-size: 0.9em }
    .column_block_price  {
         margin-left: 5px;
         text-align: center;
         font-weight: bold;
    }

    #footer div.block li {
        display: inline-block;
        padding: 0.5em;
    }

     /*History*/
     .history_payment_table, .history_statut_table, .history_invoice_table, .history_vide_table,
     .history_detail, .history_invoice, .history_state, .cart_ref, .td_empty, .cart_availability, .cart_unit  { display: none  }

    /*authentification*/
     .account_creation span.inline-infos { display: none}
     #account-creation_form .birth span, #address_alias label{
        width: 100%;
        text-align: left
     }
     #address_alias input { margin-left: 33% }

     /*contact form*/
     body#contact-form div#center_column form select { width: 50% }

     /*order*/
     tr.cart_item td {padding: 0.4em 0.2em; }
     td.cart_quantity { width: 5.5em}

     .cart_quantity_input { margin: 5px 0 0 0}

     #order form#voucher h4, #order form#voucher p { float: none }
     #order-opc form#voucher h4 {
        background-image: none;
        margin: 0;
        width: 100%;
     }


     #order form#voucher fieldset .submit input{  margin: 10px auto}

     #order #order_carrier {
        background-color: #F0F0F0;
        border: medium none;
        margin-left: 0;
        padding: 0.5em 0;
    }
    #order #order_carrier h4 {
        margin-left: 10px
    }

    #order-opc textarea#message { width: 400px    }
    .opc_float { width: 100% }


     /*address */
     ul.address {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    }
    .address.item  {  margin-left: 0; padding-left: 0}

    /*block categories*/
   #left_column div.block ul.tree li { padding: 0.8em 0 0.8em 1.2em }

    /* block cart*/
    #cart_block { top: 0px } /*30px */

    /* Wishlist */
    #mywishlist form.std fieldset input#submitWishlist {
        display: block;
        margin: 20px auto 0;
    }

    /*stores*/
    #map { height: 280px}

    /*manufacturer list*/
    #suppliers_list , #manufacturers_list {
        display: inline-block;
        margin: 10px 0 20px;

    }
    #suppliers_list li, #manufacturers_list li {  border-bottom: 1px solid #dddddd}
    #suppliers_list .left_side, #manufacturers_list .left_side { padding: 10px 0;
        padding-top: 10px;
        width: 130px;
    }
    #suppliers_list li .right_side, #manufacturers_list li .right_side {
        float: right;
        text-align: right;
        width: 50%;
    }

    /*scenes*/
    #scenes {  display:none }



    /*product-list*/
     ul#product_list li, .grid ul#product_list li, #index ul#product_list li {
        padding-bottom: 0px;
        margin-bottom: 0;
        border-bottom: 1px solid #dddddd;
    }

    #navigation , #compare_form {display: none}

    .grid ul#product_list li, ul#product_carrousel li, #index ul#product_list li {
        width: 418px;
        height: auto;
    }

    .grid ul#product_list li div.right_block, .grid ul#product_list li div.center_block, #index ul#product_list li div.right_block, #index ul#product_list li div.center_block {
        clear: none;
    }


    .grid ul#product_list li .all_block, #index ul#product_list li .all_block,  ul#product_list li .all_block{
        display: block;
        border: medium none;
        position: inherit;
        padding: 5px 0;
        width: 100%;
    }
    .grid ul#product_list li div.left_block, #index ul#product_list li div.left_block, ul#product_list li div.left_block {
        width: 90px;
        margin-right: 10px;
        float: left
    }
    .grid ul#product_list .product_img_link, #index ul#product_list .product_img_link, ul#product_list .product_img_link {
        width: 90px;
    }


    .grid ul#product_list li div.center_block, #index ul#product_list li div.center_block,
     .grid ul#product_list li div.right_block,#index ul#product_list li div.right_block,
      ul#product_list li div.center_block, ul#product_list li div.right_block {
        width: 318px;
        margin-left: 0;
        padding: 0;
     }

    .grid ul#product_list li h3, #index ul#product_list li h3, ul#product_list li h3 {
        width: 218px;
        text-align: left;
    }
    .grid ul#product_list li .prices_block, #index ul#product_list li .prices_block,
     ul#product_list li .prices_block {
        clear: none;
        width: 95px;
        margin-left: 5px;
    }

    ul#product_carrousel li .price {
    color: #ffffff;
    font-size: 1.3em;
    padding: 2px 5px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
     }

    .grid ul#product_list li .product_desc, #index ul#product_list li .product_desc, ul#product_list li p.product_desc {
      display: block;
      width: 100%;
    }

    .grid ul#product_list li .price, #index ul#product_list li .price {
    background: transparent none;
    }

    ul#product_list li div.buttons_block { display: none; }
    #center_column p#navigation {  margin-bottom:2em;}
    #productsSortForm { display: none;}

    ul#product_list li .new, ul#product_list li .discount,
      ul#product_list li .on_sale, ul#product_list li:hover .compare, ul#product_list li .compare  {
     display: none;
     }

    .grid ul#product_list li .new, .grid ul#product_list li .discount,
     .grid ul#product_list li .on_sale{
     display: block;
     }
    #pagination {  margin: 10px 0 20px    }


    /* end product-list*/


    /*page product*/
    #primary_block, #footer_product, #primary_block #info_box, #primary_block #desc_box, #primary_block #price_box, #primary_block #option_box,
     #primary_block #pb-right-column, #primary_block #pb-left-column  {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    }

    #color_picker { display: none;}

    #primary_block #option_box {
    background-color: transparent;
    padding: 0;
    }

    #footer_product { width:100%}
    #more_info_block .block_hidden_only_for_screen { display: block;}

    #sendComment textarea { width: 90%;}

    /* Block Currencies*/
      #setCurrency{
    float:left;
    margin-bottom: 0;
    position: absolute;
    top: -52px ;
    left: 0;
    margin-left: 0
    }

    .switcher .bt_currency a {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 1.5em;
    height: 47px;
    padding: 5px 10px 0;
    text-align: center;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    }
    .switcher .bt_currency a span {
    clear: both  ;
    font-size: 12px;
    }
    .switcher .option {
    left: 1px;
    width: 105px
    }

    /*block Language*/
     #languages_block_top{
    float:left;
    margin: 0;
    position: absolute;
    top: -20px ; /*-52px*/
    }

    .switcher .bt_language  {
    padding: 5px 0 0;
    text-transform: capitalize;
    color: #ffffff;
    font-size: 1.5em;
    height: 47px;
    text-align: center;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    }

    .switcher .bt_language  span {
    clear: both  ;
    font-size: 12px;
    }

    .switcher .option {
    width: 105px
    }

    /*block user info*/
     #header_user  {
      position: absolute;
      top: -52px;
      left: 50%
    }
    #header_nav, #header_user #shopping_cart { text-align: center}


    #header_user .ajax_cart_product_txt, #header_user .ajax_cart_product_txt_s, #header_user .ajax_cart_total {  display: none!important }
    #header_user #shopping_cart {
    background-image: none;
    padding: 0;
    }
    #header_user ul{
     margin: 0;
    }

    #header_user #your_account {
      width: 100%;
      text-align: center;
      margin-left: 0;
      border-right: 1px solid #ffffff;
    }

    #your_account  a.mobile {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 52px;
    }

    #shopping_cart.bg_color {   background-color: transparent }

    #header_user #shopping_cart a {
    line-height: 0.5em;
    padding: 5px 0;

    }


    span.ajax_cart_quantity, .ajax_cart_no_product span,  #your_account .fontico{
      font-size: 1.3em;
      line-height: 1.8em;
      color: #ffffff;
    }


    span.ajax_cart_quantity, .ajax_cart_no_product span {
    background-image: url("../img/bg_cart.png");
    background-position: center -63px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    padding-left: 30px;
    }

     /*Carousels*/
    #columns .es-carousel-wrapper, #columns .es-carousel-wrapper.sixteen { margin: 10px 0 10px 20px  }
    .slideshow { margin-bottom: 0;}
    .container .middle.columns {
    margin-bottom: 10px;
    width: 205px;
    }
    .marg-right {  margin-right: 5px; }
    .marg-left {   margin-left: 5px  }



    #manufacturers_block_footer{
    margin: 10px 0 20px 20px;
    }

    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {


    /* block column*/
    #right_column div.block li .column_block_desc, #right_column div.block li .top_block { width: 320px }
    #left_column div.block li .column_block_desc, #left_column div.block li .top_block,
     #right_column div.block.exclusive li .column_block_desc, #right_column div.block.exclusive li .top_block  { width: 305px }

    .carousel ul li {
    width:420px;
    height:280px;
    }
    #abSlide .mask { width:420px}



    div.block li h5 { width: 218px  }
    #left_column div.block li h5, #right_column div.block.exclusive  li h5 { width: 203px  }
    .column_block_price  {  width: 95px }

    /*page product*/
    #primary_block #image-block {   margin: 0 auto;    }

    /*Block Special*/
    .special_block h5 {
    font-size: 1.2em;
    width: 300px;
    }

    /*block Currencies*/
    #setCurrency{width: 105px}

    /*block language*/
    #languages_block_top{
    left: 20px; /*104*/
    width: 105px;
    }

    /*block userinfo*/
    #header_user {  width: 210px }
    #header_nav , #header_user #shopping_cart { width: 105px }

    /*Carousels*/
    #columns .es-carousel-wrapper, #columns .es-carousel-wrapper.sixteen,
     #columns .es-carousel-wrapper.twelve, #views_block { width: 382px}

    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
    /* block column*/
    #right_column div.block li .column_block_desc, #right_column div.block li .top_block { width: 198px }
    #left_column div.block li .column_block_desc, #left_column div.block li .top_block,
     #right_column div.block.exclusive li .column_block_desc, #right_column div.block.exclusive li .top_block  { width: 183px }

    #header_logo .logo{
        width: 280px;
        height: 42px;
        margin-bottom: 35px;
    }

    #header_logo .slogan {
        top: 58px;
        font-size: 13px;
        line-height: 10px;
        text-align: center;
    }
    
    .carousel ul li {
    width:300px;
    height:200px;
    }
    #abSlide .mask { width:300px}


    div.block li h5 { width: 128px  }
    #left_column div.block li h5, #right_column div.block.exclusive  li h5 { width: 113px  }
    .column_block_price  {  width: 60px }

     /*order step*/
    ul.step li span.line_step { width: 22px}

    /*opc*/
    #order-opc textarea#message { width: 280px}

    /* authentification*/
    #account-creation_form input.text,
     #account-creation_form #id_country,
     #account-creation_form #id_state,
     #authentication textarea { width: 12em }

    /*contact*/
    body#contact-form div#center_column form input#email,
     body#contact-form div#center_column form select#id_contact {width: 60%}

    body#contact-form div#center_column form textarea#message {width: 260px}


    /*stores*/
    #map { height: 320px; }

    /*product-list*/
     .grid ul#product_list li, ul#product_carrousel li, #index ul#product_list li, ul#product_list li{
    width: 298px;
    }

    .grid ul#product_list li div.center_block, #index ul#product_list li div.center_block,
     .grid ul#product_list li div.right_block,#index ul#product_list li div.right_block,
      ul#product_list li div.center_block, ul#product_list li div.right_block  { width: 198px}

    .grid ul#product_list li h3, ul#product_carrousel li h3, #index ul#product_list li h3, ul#product_list li h3  { width: 128px }

    .grid ul#product_list li .prices_block, #index ul#product_list li .prices_block,
     ul#product_list li .prices_block  {width: 60px}

    ul#product_list li p.compare { display: none}

    ul#product_list li .prices_block {
    text-align: right;
    font-size: 0.8em;
    }

    ul#product_list li p.product_desc {
      width: 100%;
      font-size: 0.9em;
    }
    /*end product-list*/

    /*block special*/

    .special_block h5 {
    font-size: 1.1em;
    width: 185px;
    }

    /*block Currencies*/
    #setCurrency{width: 75px}

    /*block language*/
    #languages_block_top{
    left: 10px; /*74px*/
    width: 75px
    }

    /*block userinfo*/
    #header_user {  width: 150px }
    #header_nav , #header_user #shopping_cart { width: 75px }


    /*Carousel*/
    #columns .es-carousel-wrapper, #columns .es-carousel-wrapper.sixteen,
     #columns .es-carousel-wrapper.twelve, #views_block { width: 260px; }

   .container .middle.columns {
    margin-bottom: 10px;
    width: 145px;
    }

    #footer {text-align: center; width: 290px;/*450*/}
    
    }


/*Hack IE*/

    /*product-list */
    .ihateie .grid ul#product_list li:hover .all_block,.ihateie #index ul#product_list li:hover .all_block {
    border-color: #cccccc;
    }


    .ihateie .grid ul#product_list li .price, .ihateie ul#product_carrousel li .price,.ihateie #index ul#product_list li .price {
    color: #ffffff;
    font-size: 1.3em;
    padding: 2px 5px;
    text-align: center;

    }

    /* End product-list */