/*
Theme Name: E-commerce DEMO
Description: RankLab
Version: 0.99
Author: ResetStudio
Author URI: http://ranklab.it/
*/

/* Resetter */

* {
    margin: 0;
    padding: 0;
}
ul, ol, li {
    list-style: none;
    position : relative;
}

/* Inizio Tipografia e colori */

body, a, td, th, input, textarea, select, a {
    font-family : Arial, 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
    font-size: 12px;
    line-height : 140%;
    color : rgb(96,93,92);
}
html {
    overflow: -moz-scrollbars-vertical;
    margin: 0;
    padding: 0;
}
img, fieldset, input, textarea {
    border : 0px;
}
a *{
    cursor : pointer !important;
}
a:hover{
    text-decoration : none !important;
}
input, textarea, select {
    margin: 3px 0px;
}
.clearer {
    clear : both !important;
    height : 0px !important;
}

/* Gestione Titoli */

.title{
    font-family : Georgia, Arial;
    font-size : 18px;
    display : block;
    color : rgb(201,80,59);
    font-weight : normal;
    padding : 20px 0px;
}
.information-content h2, .information-content h3, .information-content h4{
    font-family : Georgia, Arial;
    font-size : 14px;
    color : rgb(201,80,59);
    font-weight : normal;
}
.information-content strong{
    color : rgb(201,80,59);
}

/* E-commerce DEMO. Adattamento nuova veste grafica */

body {
    margin: 0px;
    padding: 0px;
    background: url(../image/body-bg.jpg) repeat-x left top;
}
.standard-container{
    margin : 0 auto;
    width : 960px;
    position : relative;
}
#top{
    height : 189px;
    width : 960px;
    margin : 0 auto;
    position : relative;
}
#central-container{
    margin : 0 auto;
    width : 960px;
    clear : both;
    background: url(../image/content-bg.jpg) repeat-y 320px top;
    padding-bottom : 20px;
}
#presentation{
    background: url(../image/pres-bg.jpg) repeat-x left top;

}

/* Testo presentazione */

#presentation .text{
    width : 620px;
    float : right;
    font-size : 12px;
}
.presentation-background{
    position : absolute;
    left : -275px;
    top : 0px;
    height : 258px;
    width : 275px;
    background: url(../image/head-left.jpg) no-repeat left top;
}
#presentation .text .title{
    padding : 25px 0px 10px 0px;
    font-size : 24px;
}
#presentation .text p.paragraph{
    width : 420px;
    padding-top : 3px;
}
#presentation .standard-container{
    height : 258px;
    background: url(../image/pres-image.jpg) no-repeat left top;
}
.paper-box{
    position : absolute;
    right : 0px;
    bottom : 0px;
    background : url(../image/box.png) no-repeat left top;
    height : 166px;
    width : 222px;
    bottom : -45px;
    z-index : 100;
    float : right;
}
a.demo-button{
    height : 29px;
    padding-top : 5px;
    width : 164px;
    background: url(../image/button.jpg) no-repeat left top;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    text-decoration : none;
    text-transform : uppercase;
    margin-top : 15px;
    float : left;
    color : #fff;
}
a.demo-button:hover{
    background: url(../image/button.jpg) no-repeat left -34px;
}
.ecommerce-info{
    width : 960px;
    margin : 0 auto;
    padding-bottom  :15px;
    border-bottom : 1px solid rgb(216,215,203);
}
.complete-management{
    width : 300px;
    float : left;
}
.complete-management .title, .why-choose-us .title{
    font-size : 18px;
    padding : 15px 0px 20px 0px;
}
.complete-management p{
    padding-bottom : 5px;
}
.why-choose-us{
    float : right;
    width : 620px;
}
.why-choose-us p{
    padding-bottom : 20px;
    padding-left : 60px;
    background: url(../image/map.jpg) no-repeat left 3px;
}
.why-choose-us p strong{
    color : #C9503B !important;
}
.why-choose-us p.customize{
    background: url(../image/customize.jpg) no-repeat left 3px;
}
.why-choose-us p.search-engine{
    background: url(../image/s-engine.jpg) no-repeat left 3px;
    padding-bottom : 20px;
}


/* Logo */

.logo{
    position : absolute;
    left : 0px;
    top : 50px;
    height : 121px;
    width : 261px;
}
.logo a{
    height : 121px;
    width : 261px;
    background: url(../image/logo.png) no-repeat left top;
    float : left;
    cursor : pointer !important;
}

/* Cerca nel sito */

#search{
    height : 50px;
    width : 960px;
}
.search-header{
    position  : absolute;
    right : 0px;
    bottom : 8px;
    padding-left : 40px;
    background: url(../image/search.png) no-repeat left top;
}
.search-header a.button{
    height : 20px !important;
    float : left;
    margin-top : 1px;
    border : 1px solid rgb(231,230,225);
    background: url(../image/button-bt.jpg) repeat-x left top !important;
    padding : 0px;
    padding : 4px 10px 1px 10px;
    margin-top : 3px;
    cursor : pointer !important;
}
.search-header a.button:hover{
    background: url(../image/button-bt.jpg) repeat-x left -28px !important;
}
.search-header input{
    border : 1px solid rgb(231,230,225);
    padding : 5px;
    width : 160px;
    float : left;
}
.product-search-result input.keywords, .message-result input{
    background : #FFFFFF none repeat scroll 0 0;
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 165px;
}
.product-search-result table.list tr td, .special-content table.list tr td{
    border : 0px;
}

/* Navigation */

#navigation{
    float : right;
    width : 655px;
    height : 110px;
    margin-top : 10px;
}
#navigation ul{
    height : 111px;
    float : left;
    position : relative;
}
#navigation ul li{
    float : left;
    height : 111px;
    width : auto;
}
#navigation ul li a{
    height : 33px;
    float : left;
    padding-left : 22px;
    font-family : Arial;
    font-size : 13px;
    color : rgb(201,80,59);
    width : auto;
    text-decoration : none;
    text-transform : uppercase;
    padding-top : 78px;
}
#navigation ul li a:hover{
    color : rgb(148,56,46);
}
#navigation ul li a span{
    float : left;
    padding : 7px 10px 8px 5px;
}
#navigation ul li a.active span{
    background: rgb(201,80,59);
}
#navigation ul li a.active{
    color : #fff;
    background: url(../image/a-active.png) no-repeat left top;
}

/* ************************************************************************** */
/* Breadcrumb */

#breadcrumb {
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 585px;
    float:left;
    position : absolute;
    left : 102px;
    top : -42px;
    color : #97947F;
}
#breadcrumb a{
    text-decoration : none;
    color : rgb(151,148,127);
}
#breadcrumb a:hover{
    color : #AFAC99;
}

/* ************************************************************************** */

form {
    padding: 0;
    margin: 0;
    display: inline;
}

#header {
    position: relative;
}
.lingua{
    text-align: left;
    color: #999;
    margin-bottom: 4px;
    margin-left:10px;
}
#module_search{
    display:inline;
}
#column_left {
    float: left;
    width: 320px;
}
#column_right {
    float: right;
    width: 180px;
    margin-left: 10px;
}
.heading {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

/* ************************************************************************** */
/* Gestione Content */

#content {
    float: right;
    width: 640px;
    margin-bottom: 10px;
}
.product-title .title{
    color : #C9503B;
    font-family : Georgia,Arial,Helvetica,sans-serif;
    font-size : 18px;
    font-weight : normal;
    padding : 20px 20px 20px 20px;
}
#content .top {
    padding: 8px 0px 6px 10px;
    background: url('../image/content_top.png') no-repeat;
}
#content .middle {
    min-height: 380px;
}

/* ************************************************************************** */
/* Lista Categorie */

#category ul, #information ul {
    margin-top: 0px;
    margin-bottom: 0px;
}
#category ul ul {
    margin-left : 12px;
}
#category ul li, #information ul li{
    border-top : 1px solid rgb(216,215,203);
    padding : 5px 10px 5px 60px;
}
#category ul ul li {
    border : none !important;
    padding : 0px !important;
    list-style: disc;
}
#category ul li a, #information ul li a{
    text-decoration : none;
    font-size : 14px;
}
#category ul li a:hover, #information ul li a:hover{
    color : #C9503B;
}

/* ************************************************************************** */
/* Gestione BOX */

.box.brand select, .box.currency select {
    width : 250px;
    height : 21px;
    margin-top : 20px;
    margin-bottom : 20px;
}
.box.brand .middle, .box.currency .middle{
    border-top : 1px solid rgb(216,215,203);
}
.box .top {
    height : 59px;
    background: url(../image/top-titlebg.jpg) repeat-x left top;
    color : #C9503B;
    font-size: 18px;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.box .top strong{
    float : right;
    width : 260px;
    padding-top : 20px;
    font-weight : normal;
}
.box .top img {
    float: left;
}

/* ************************************************************************** */
/* Best seller. Gestione elenco prodotti sidebar*/

table.bestseller tr td{
    border-top : 1px solid #D8D7CB;
    padding : 10px 0px 10px 11px;
}
table.bestseller .price{
    margin-top : 0px;
}

/* ************************************************************************** */
/* Gestione pagina login  */

.login-page{
    float : right;
    width : 620px;
}
.login-page .title{
    font-weight : normal;
    padding-top : 18px;
    font-size : 18px;
    padding-bottom : 30px;
}
.login, .new-client{
    float : right;
    display : inline-block;
    width : 300px;
    height : 1%;
}
.new-client{
    float : left;
}
.login-page strong{
    margin-bottom: 5px;
    display: block;
}
.login-page .details{
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    padding : 10px;
}
.login-page span{
    display : block;
    color : #C9503B;
    margin-bottom : 5px;
}
.login-page p{
    padding-bottom : 15px;
}

/* Form login. */

.login-page form input{
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 165px;
    background: #fff;
}
.login-page form div{
    clear : both;
}
a.forgotten{
    color : #97947F;
    text-decoration : none;
}
a.forgotten:hover{
    color : #C9503B;
}

/* Pagina DETTAGLIO PRODOTTO */

.product{
    width : 620px;
    float : right;
}
.product .title{
    font-size : 18px;
    padding : 20px 0px;
}
.product-details table{
    width : 100%;
}

/* Scheda prodotto */

.tabs {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    margin-top : 20px;
}
.product table.list tr td{
    border-bottom : 0px;
}
.category-content table.list tr td{
    border : 0px;
}
.tabs a {
    float: left;
    display: block;
    padding: 6px 15px 7px 15px;
    margin-right: 2px;
    border : 1px solid #D8D7CB;
    background : rgb(217,217,205) url('../image/td-bg.jpg') repeat-x;
    color: #97947F;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    z-index: 1;
    position: relative;
    top: 1px;
}
.tabs a.selected {
    background: #FFFFFF url('../image/td-bg-ext.jpg') repeat-x;
    border-bottom: 0px;
    padding-bottom: 8px;
    z-index: 3;
}
.page {
    border: 1px solid #DDDDDD;
    background: #FFFFFF;
    display: inline-block;
    padding: 10px;
    display: block;
    width: 536px;
    clear: both;
    z-index: 2;
    margin-bottom: 10px;
}

/* Review */

.body-review{
    background: rgb(247, 247, 247);
    border : 1px solid rgb(221,221,221);
    padding: 10px;
    margin-bottom: 10px;
}
.body-review strong{
    display : block;
    margin-bottom : 3px;
}
.body-review input{
    background : #FFFFFF none repeat scroll 0 0;
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 165px;
}
.body-review input.radio{
    padding : 0px;
    margin : 0px;
    border : 0px;
    width : 15px;
}
.body-review textarea{
    width : 580px;
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
}

/* ************************************************************************** */

#directory ul {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
    padding-left: 12px;
    list-style: url('../image/bullet_2.png');
}
.success {
    padding: 10px;
    margin-bottom: 10px;
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    font-size : 12px;
    text-align : center;
    width : 600px !important;
    margin-top : 30px;
}
.warning {
    padding : 10px;
    margin-bottom: 25px;
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    font-size: 12px;
    text-align: center;
}
.wait {
    padding: 10px;
    margin-bottom: 10px;
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    font-size : 12px;
    text-align : center;
}
.required {
    color: #C9503B;
    font-weight: bold;
}
.tooltip {
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    padding: 10px;
    font-size : 12px;
    width: 250px;
}
.body.account a.button{
    float : left;
    width : auto;
    text-decoration : none;
    margin-bottom : 5px;
    clear : both;
}
.user-action {
    padding-bottom : 10px;
    float : left;
}
.user-action a{
    text-decoration : none;
    color : #C9503B;
    font-size : 14px;
}
.user-action a:hover{
    color : #605D5C;
}
.clear { /* generic container (i.e. div) for floating buttons */
         overflow: hidden;
         width: 100%;
}

/* ************************************************************************** */
/* Tabella prodotti */

.body strong{
    margin-bottom : 3px;
    display : block;
}
.list {
    width: 100%;
    margin-bottom: 10px;
}
.list td {
    vertical-align: top;
    text-align : center;
    width : 120px !important;
    padding-top  :5px;
}
table.list tr td{
    border-bottom : 1px solid rgb(216,215,203);
    padding-bottom : 15px;
}
.name{
    color : rgb(96,93,92);
    text-decoration : none;
    font-size: 14px;
}
a.name:hover {
    color : #C9503B;
}
.code{
    font-size : 14px;
    color : rgb(170,169,169);
}
.price{
    color : rgb(201,80,59);
    font-weight : bold;
    font-size : 14px;
    display : block;
    margin-top : 3px;
}
.stars{
    margin-top : 5px;
}
.pagination {
    display: inline-block;
    width: 100%;
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    margin-bottom: 10px;
}
.pagination .links, .pagination .results {
    padding: 7px;
}
.pagination .links {
    float: left;
}
.pagination .links a {
    border: 1px solid #CCCCCC;
    padding: 4px 7px;
    text-decoration: none;
    color: #000000;
}
.pagination .links b {
    border: 1px solid #CCCCCC;
    padding: 4px 7px;
    text-decoration: none;
    color: #000000;
    background: #FFFFFF;
}
.pagination .results {
    float: right;
}

/* Carrello. Gestione vasrie visualizzazioni. */

.cart {
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #ECECE4;
}
#module_cart.box table{
    padding-top  :20px;
}
#module_cart.box td{
    font-size : 14px;
}
#module_cart.box .subtotal{
    text-align : right;
    padding : 5px;
}
#module_cart.box .subtotal strong{
    font-size : 12px;
    color : #C9503B;
    font-weight : bold;
}
.cart th {
    background: url(../image/td-bg.jpg) repeat-x left top;
    border-bottom : 1px solid #ECECE4;
    padding: 5px;
    font-weight: normal;
}
.cart td {
    padding: 5px;
    vertical-align: middle;
}
.cart-message{
    padding : 20px 10px 20px 60px;
    border-top : 1px solid #D8D7CB;
    font-size : 14px;
}
.subtotal strong{
    color : #C9503B;
}
.cart a.product-name{
    font-weight : bold;
    color : #97947F;
    text-decoration : none;
}
.cart a.product-name:hover{
    text-decoration : underline !important;
}

/* Pagina carrello */

.cart-products{
    width : 620px;
    float : right;
}
.cart-products .title, .create-user .title{
    font-weight : normal;
    padding : 20px 0px;
    font-size : 18px
}

/* ************************************************************************** */
/* Registrazione Utente */

.create-user{
    width : 620px;
    float : right;
}
.create-user .fields{
    padding : 10px;
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    margin : 0px 0px 20px 0px;
}
.create-user strong{
    margin-top : 10px;
    margin-bottom  :3px;
    display : block;
}
.create-user form input{
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 165px;
    background: #fff;
    margin-right : 10px;
}
input.radio, input.check{
    margin : 0 !important;
    padding : 0px;
    width : 15px !important;
    border : 0 !important;
}
.shipping .message-result{
    margin-bottom : 20px;
}
.shipping .message-result textarea, .body.pay textarea{
    border-bottom : 1px solid #D8D7CB;
}
.mod-options{
    border-bottom : 1px solid #D8D7CB;
    width : 600px;
    height : 1%;
    padding-bottom : 5px;
    margin-bottom : 10px;
}
.mod-options a.button{
    text-decoration : none;
    margin : 10px 0px;
}
input.coupon{
    background : #FFFFFF none repeat scroll 0 0;
    border : 1px solid #D8D7CB;
    padding : 5px;
    width : 165px;
    float : left;
}

/* ************************************************************************** */
/* Gestione dl footer */

#footer-container {
    height : 70px;
    clear : both;
    background: url(../image/footer-bg.jpg) repeat-x left top;
}
#footer {
    height : 70px;
    margin : 0 auto;
    width : 960px;
}
.payment{
    float : left;
    margin-top : 13px;
    height : 45px;
    width : 402px;
}
.credits{
    float : right;
    padding-top : 15px;
    text-align : right !important;
    color : rgb(230,229,231);
}
.credits a{
    color : rgb(218,162,115);
    text-decoration : none;
}
.credits a:hover{
    color : rgb(230,229,231);
}

/* ************************************************************************** */
/* Risultati di ricerca AVANZATA */

.filter{
    float : right;
    width : 620px;
}
.filter .title{
    padding : 20px 0px;
}
#content_search {
    background : #F7F8F3;
    border : 1px solid #D8D7CB;
    padding: 10px;
    margin-top: 3px;
    margin-bottom: 10px;
}
#content_search table{
    width : 100%;
}
.filter table.list tr td, .manufacture-content table.list tr td{
    border : 0px !important;
}
.sort {
    margin-bottom: 10px;
    height: 30px;
    width: 100%;
}
.sort .select {
    float: right;
    padding-top: 6px;
}
.sort .text-sort {
    text-align: right;
    padding-top: 9px;
}
.sort select {
    font-size: 11px;
    margin: 0;
    padding: 0;
    margin-left : 10px;
}

/* Mappa del sito */

.cat-list{
    float: left;
    width: 300px;
    display: inline-block;
}
.cat-list a{
    font-size : 14px;
    text-decoration : none;
}
.cat-list a:hover{
    color : #97947F;
}
.links{
    float: right;
    width: 300px;
    display: inline-block;
}
.links ul li.info{
    font-size : 14px;
    color : #C9503B;
}
.links ul li a{
    text-decoration : none;
    color : #C9503B;
    font-size : 14px;
}
.links ul li a:hover{
    color : #C9503B;
}
.links ul li li a{
    color : #605D5C;
    padding-left : 10px;
}
.links ul li li a:hover{
    color : #97947F;
    text-decoration : none;
}

/* Pagina Contatti */

.address-info{
    background: #F7F8F3;
    border: 1px solid #D8D7CB;
    padding: 10px;
    margin-bottom: 10px;
    display: inline-block;
    width: 600px;
}
.address-info div{
    float : left;
    margin-right : 20px;
    width : 270px;
}
.contact-us .form-fields{
    background: #F7F8F3;
    border: 1px solid #D8D7CB;
    padding: 10px;
}
.contact-us input{
    background : #FFFFFF none repeat scroll 0 0;
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 240px;
    float : left;
}
.contact-us textarea{
    background : #FFFFFF none repeat scroll 0 0;
    border-bottom : 1px solid #D8D7CB;
    padding : 5px;
    width : 438px;
    float : right;
}
.contact-us form label{
    float : left;
    padding-top : 5px;
    width : 150px;
}
.captcha{
    margin-top : 15px;
    clear : both;
}

/* ************************************************************************** */
/* Regole ad uso generale. Bottoni */

a.advanced-search{
    background : url(../image/top-titlebg.jpg) repeat-x left top;
    color : #C9503B;
    font-family : Georgia,Arial,Helvetica,sans-serif;
    font-size : 18px;
    font-weight : normal;
    height : 59px;
    text-decoration : none;
    width : 320px;
    display : block;
    border-bottom :1px solid #D8D7CB;
}
a.advanced-search:hover span{
    color : rgb(159,53,57);
}
a.advanced-search span{
    background: url(../image/search.jpg) no-repeat left top;
    display : block;
    padding : 17px 0px 0px 60px;
    width : 240px;
    height : 42px;
}

/* Bottone Generale */

a.button {
    height : 20px !important;
    float : right;
    margin-top : 1px;
    border : 1px solid rgb(231,230,225);
    background: url(../image/button-bt.jpg) repeat-x left top !important;
    padding : 0px;
    padding : 4px 10px 1px 10px;
    margin-top : 3px;
    cursor : pointer !important;
    color : rgb(151,148,127);
    text-transform : uppercase;
    font-size : 12px;
    font-weight : bold;
}
a.button:hover{
    background: url(../image/button-bt.jpg) repeat-x left -28px !important;
}
.buttons {
    background : none;
    border : none;
    color: rgb(151,148,127) !important;
    margin-bottom: 10px;
    clear: both;
    padding: 5px 0px 5px 5px;
}
.buttons table {
    width: 100%;
    border-collapse: collapse;
}
.buttons table td {
    vertical-align: middle;
}
#alert.button{
    text-decoration : none;
}
#alert.button:hover{
    text-decoration : none !important;
}

/* Generale. Elementi presenti in tutto il template */

.error {
    color: #C9503B;
    display: block;
}
.help {
    cursor: pointer;
}
.clearer{
    clear : both;
}
.description{
    color : #97947F;
    margin-bottom  : 20px;
    font-size :14px;
}
.message-result{
    background: #F7F8F3;
    border: 1px solid #D8D7CB;
    padding: 10px;
    margin-bottom: 10px;
}
.left{
    float : left !important;
}
.user-area strong{
    display : block;
    margin-bottom : 5px;
}
.languages{
    padding-left : 17px;
    padding-top : 5px;
    position : absolute;
    right : 0;
    top : 15px;
    width : 250px;
}

/* Contenitori Generali */

.site-map, .filter, .contact-us, .information-content, .special-offer,
.category-content, .not-found, .success, .product-search-result,
.manufacture-content, .user-area, .downloads, .history, .invoice, .newsletter,
.generic-content, .shipping, .directory-content, .special-content, .alert{
    float : right;
    width : 620px;
}