/*
    Document   : gridorlist
    Created on : 20 janv. 2012, 16:42:10
    Author     : Atchworks
    Description:
        Purpose of the stylesheet follows.
*/

#navigation{ float:left}
#navigation a {
  float: left;
  padding: 0 0 0 15px;
  height: 12px;
  line-height: 12px;
  margin-right: 15px;
  background: transparent url(img/grid.png) no-repeat left top;
  text-decoration: none;
}

#navigation a#list { background-position: left -12px;}



ul#product_list.grid { overflow: hidden;}

ul#product_list.grid li {
    clear: none;
    float: left;
    margin: 1px 1px 5px;
    padding: 1px 2px 10px;
    position: relative;
    width: 133px;
    border: medium none;
    background: transparent none;
}

ul#product_list.grid li div.center_block {
    margin: 0;
    padding: 0;
    width: 100%
}


ul#product_list.grid a.product_img_link {
    display: block;
    float: none;
    margin: 0 auto;
    width: 129px;
}

ul#product_list.grid li h3 {
    font-size: 1em;
    height: 2em;
    text-align: center;
    margin-bottom: 0.8em;
}

ul#product_list.grid li .product_desc { display: none;}

ul#product_list.grid li .new {
    left: 2px;
    position: absolute;
    top: 2px;
}

ul#product_list.grid li .discount, ul#product_list.grid li .on_sale, ul#product_list.grid li .online_only {
    color: #FFFFFF;
    background-color: #ff0000;
    display: block;
    position: absolute;
    font-size: 0.7em;
    padding: 0.2em 0.5em;
}

ul#product_list.grid  li .discount, ul#product_list.grid li .on_sale {
    right: 2px;
    top: 118px;
}
 ul#product_list.grid li .online_only {
    right: 2px;
    top: 118px;
    z-index: 50;
}

ul#product_list.grid li div.right_block {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
}

ul#product_list.grid li span.availability { display: none}

ul#product_list.grid li .price {
    display: block !important;
    font-size: 1.3em;
    text-align: center;
}
ul#product_list.grid li a.button, ul#product_list.grid li span.exclusive  {
    display: none;
    width: 18px;
    height: 18px;
    text-indent: -6000px;
    background: transparent url(img/shop_cart.png) no-repeat left top;
    position: absolute;
    right: 5px;
    bottom: 5px;}

ul#product_list.grid li:hover .ajax_add_to_cart_button, ul#product_list.grid li:hover span.exclusive {
    display: block;
}
ul#product_list.grid .ajax_add_to_cart_button:hover {  background-position:  left -18px !important;}

ul#product_list.grid li:hover span.exclusive {   background-position: left -36px !important;}

ul#product_list.grid li .compare { display: none }
ul#product_list.grid li:hover .compare {
    display: block ;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Template Presashop 1.5*/

.content_sortPagiBar #navigation{
    float: right;
    margin-left: 20px;
    margin-top: 3px;
}

#center_column.grid_5 ul#product_list.grid li{
    width: 127px;
    margin: 0 1px;
}


#product_list.grid li .left_block {
    float: none;
    padding-top: 0;
    width: 15%;
}

#product_list.grid li .center_block {
    border-right: 1px none transparent;
    float: none;
}

#center_column.grid_5 ul#product_list.grid a.product_img_link {
    width: 124px;
}
#product_list.grid li .content_price {
    float: left;
    margin: 0;
    width: 100%;
}

#center_column.grid_5 ul#product_list.grid li a.button, #center_column.grid_5 ul#product_list.grid li span.exclusive {
    bottom: 15px;
    line-height: 50px;
    overflow: hidden;
    padding: 1px;
}
ul#product_list.grid li .ajax_add_to_cart_button span { display: none;}

#center_column.grid_5 ul#product_list.grid li .discount, #center_column.grid_5 ul#product_list.grid li .on_sale {
    right: 2px;
    top: 105px;
}

#center_column.grid_5 ul#product_list.grid li .new {
    left: 45px;
    top: 15px;
}

*#center_column.grid_5 ul#product_list.grid li .new {
    left: 35px;
    top: 15px;
}