/*********************************/
/* Estils generals botiga online */
/*********************************/

/*--------------------------------
    Elements generals
    Capçalera
    Contingut
    Peu
---------------------------------*/




/* Elements generals */

    body {
        font-size: 62.5%;
        font-family: arial, sans-serif;
        color: #666;
        margin: 0;
        padding: 0;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li {
        margin: .2em 0;
        padding: .1em 0;
        list-style: none;
    }

    div, form {
        margin: 0;
        padding: 0;
    }

    a img {
        border: none;
        display: block;
    }

    a {
        color: #424242;
        text-decoration: underline;
    }

    h1{
        color: #424242;        
    }

    h2{
        color: #666;
        font-size: 2.4em;
    }

    p {
        font-size: 1.1em;
    }

    .left {
        float: left;
    }

    .BaseView {
        width: 102.4em;
        margin: 1em auto;
    }

     #content form input.quantity {
        border: 1px solid #ccc;
        width: 4em;
        font-size: 1.2em;
    }

    #content form input.button,
    #content form button,    
    #footer form input.button {
        color: #fff;
        background-color: #81469e;
        font-size: 1.3em;        
        width: auto;        
        padding: 0 .4em;
        border-top: 2px solid #A073B6;
        border-bottom: 2px solid #59306D;
        border-left: 2px solid #A073B6;
        border-right: 2px solid #59306D;        
    }
    
    #content .purchase .pre_order_button {
        color: #fff;
        clear: left;
        background: #81469e !important;
        font-size: 1.4em !important;
        font-weight: normal !important;
        width: auto;
        float: left;
        padding: .1em .7em !important;
        text-transform: uppercase;
        border-top: 2px solid #A073B6;
        border-bottom: 2px solid #59306D;
        border-left: 2px solid #A073B6;
        border-right: 2px solid #59306D;        
    }

    fieldset {
        border: none;
    }

    legend {
        font-weight: bold;
        padding: 0;
        margin: 0;
    }

        legend span {
            float: left;
            font-size: 0.9em;
            font-weight: normal;
            margin-top: 0.3em;
        }

/* Capçalera */

    #header {
        width: 100%;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

        #header h1 {
            float: left;
            clear:left;
            margin: 0;
            padding: 1.5em 0;            
            font-size: 1em;
        }

        #header #basket_container {
            background: url('/novaera_resources/images/bg-basket.jpg') no-repeat 0 0;
            float: right;
            width: 188px;
            height: 78px;
            margin-top: .3em;
        }

            #header #basket_container p {
                font-size: 1.3em;
                color: #fff;
                margin: .6em 0 .6em .8em;
                padding: 0;
            }
                
                #header #basket_container p.view-basket {
                    margin-top: 1em;
                    font-weight: bold;
                }

                #header #basket_container p a {
                    color: #fff;
                }

    #header ul.novaera_menu {
        font-size: 1.2em;
        display: block;
        margin-top: .4em;
    }

        #header ul.novaera_menu li {
            float: left;
            border-right: 1px solid #666;
            padding-right: .6em;
            line-height: 1em;
            margin: auto .6em auto 0;
        }

            #header ul.novaera_menu li.last {
                border: none;
            }

            #header ul.novaera_menu li a {
                color: #666;
            }

    #header ul.left_menu {
        float: left;
    }

        #header ul.left_menu li a {
            font-weight: bold;            
        }

    #header ul.right_menu {
        float: right;
    }
   
    .book_information_block {
        clear: both;
        display: block;
        padding: 3em 0;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
   
   
/* Contingut */
    
    #content {
        width: 100%;
        overflow: hidden;
        margin-top: 2em;
        font-size: 1.1em;
    }

    #content a {
        text-decoration: none;
    }

        #content a:hover {
            text-decoration: underline;
        }

        #content .available_at,
        #content .main_book {
            width: 100%;
            background-color: #e8e8e8;
            padding: 3.5em 0 2.5em 0;
            overflow: hidden;
            position: relative;
        }

        #content .available_at {
            background-color: #fffef3;
            border: 1px solid #e8e8e8 !important;
            width: 92.9em !important;
        }
        
        #content .available_at.nazario_book img {
            margin-top: 6em;
        }

            #content .available_at img,
            #content .main_book img {
                margin-left: 3em;
                margin-right: 5em;
                margin-top: 0;
            }

            #content .available_at .book_detail,
            #content .main_book .book_detail {
                width: 37em;
                float: none;
                margin-right: 10em;
                display: block;
                position: absolute;
                bottom: 2.5em;
                left: 31.4em;
            }
            
            #content .available_at .pre_order_button {
                float: right;
                clear: right;
                
                background-color: #81469E;
                border-color: #A073B6 #59306D #59306D #A073B6;
                border-style: solid;
                border-width: 2px;
                color: #FFFFFF;
                font-size: 1.3em;
                padding: .1em .7em;
                width: auto;
                text-transform: uppercase;
            }
            
            #content .available_at .book_availability {
                float: right;
                clear: right;
                min-width: 12em;
                padding: 1em 2em;
                background-color: #e20304;
                margin-top: 1em;
                margin-bottom: 1em;
                text-align: center;
                
                position: absolute;
                top: 2em;
                right: 4em;
            }
                
                #content .available_at .book_availability span.available_at_text {
                    color: #fff;
                    font-size: 1.5em;
                }
                
                #content .available_at .book_availability span.month {
                    color: #fff;
                    display: block;
                    font-size: 1.9em;
                    font-weight: bold;
                    text-transform: uppercase;
                }
                

        #content .info_offer {
            float: right;
            width: 15em;
            margin-right: 4em;
        }

            #content .info_offer img {
                float: right !important;
                margin: 0 !important;                
            }
            
        #content .info_offer ul.discounts {
            clear: right;
            border: none;
            padding: 1em 0 0 0;
            margin: 0 !important;
        }
        
            #content .purchase .info_offer ul.discounts {
                padding-top: 0;
            }

            #content .available_at ul.discounts,
            #content .main_book ul.discounts {
                overflow:hidden;           
                width:100%;
            }

            #content .info_offer ul li {
                padding: .1em 0;
                margin: .2em 0;
                border: none;
                text-align: right;
            }

                #content .info_offer ul li p {
                    margin: 0;
                    padding: 0;
                }

                #content .info_offer ul li p.offer_title {
                    color: #E20304;
                    font-size: 1.5em;
                    font-weight: bold;
                    margin-bottom: .3em;
                    margin-top: .2em;
                }

                #content .info_offer ul li p.offer_end_date {
                    color: #E20304;
                }

                #content .info_offer .offer_price {
                    color: #81469e;
                    margin-top: .2em;
                    font-size: 2.6em;
                    float: right;
                    margin-top: .5em;
                    padding: 0;
                    margin-bottom: 0;
                }

                #content .info_offer p.offer_price {
                    float: right;
                    clear: right;
                    white-space: nowrap;
                }
                
                #content .available_at .info_offer p.offer_price {
                    margin-top: 4em;
                    margin-bottom: .4em;
                }
                
                #content .available_at ul.discounts {
                    margin-top: 8.7em !important;
                    margin-bottom: .5em !important;
                }

                #content .info_offer p.old_offer_price {
                     text-decoration: line-through;
                     font-size: 1.8em;
                     color: #666;
                 }

                 #content .info_offer p.discount_price {
                     font-size: 2.2em;
                     color: #E20304;
                 }

        
        #content .book_detail {
            float: left;
            width: 57em;
            margin-left: 2em;
            font-size: 1.1em;
        }

            #content .book_detail img {
                margin-right: 5em;
            }

            #content .book_detail img.new_list {
                float: right;
                margin: 0;
            }

            #content #book_detail h2 {
                color: #424242;
                margin: 0 0 .5em 0;
                font-size: 2.6em;
                font-weight: bold;                
            }
            
                #content #book_detail h2 .author {
                    color: #999;
                    font-weight: normal;
                }
            
            #content .book_detail h2 {
                margin: .2em 0 .5em 0;
                font-size: 2.3em;
                font-weight: normal;                
            }

            #content .book_detail h3 {
                margin: 0;
                color: #999;
                font-size: 1.5em;
                font-weight: normal; 
            }

            

    #content .text-area {
    }
        
        .http-response h3 {
            font-size: 2em;
            font-weight: normal;
        }
        .http-response p {
            font-size: 1.4em;
        }

        #content .text-area h2 {            
            font-size: 2em;
            margin: 0 0 1em 0;
        }

        #content .text-area p {
            font-size: 1.2em;
            line-height: 1.4em;
            margin: 0 0 1.5em 0;
        }

        #content .text-area ul {
            margin: 0;
            padding: 0;
            font-size: 1.2em;
        }

            #content .text-area ul li {
                margin: 0 0 1em 0;
                padding: 0 0 0 1.4em;
                line-height: 1.4em;
                background: url("../images/text-li.gif") no-repeat .5em .5em;
            }




    #content .purchase {
        margin-top: .7em;
        clear: left;
        float: left;
    }

        #content .purchase .book_availability {
            background-color: #e20304;
            padding: .5em 1em;
            display: block;
            float: left;
            clear: left;
            margin: 1em 0;
        }
        
            #content .purchase .book_availability .available_at_text {
                color: #fff;
                font-size: 1.2em;
            }
            
            #content .purchase .book_availability .month {
                color: #fff;
                font-size: 1.2em;
                font-weight: bold;
                text-transform: uppercase;
            }
        
    #content .book_list {
        width: 100%;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        #content .book_list li {
            width: 100%;
            overflow: hidden;
            padding: 0 0 2em 0;
            margin: 2em 0 0 0;
            float: left;
            clear: left;
            border-bottom: 1px solid #ccc;
        }

        #content .book_list li img {
            float: left;
            margin-top: 2.6em;
        }

        #content #book_detail .book_info li {
            clear: none;
            float: none;
            width: auto;
        }

        #content .book_list li .book_info,
        #content #book_detail .book_info {
            float: left;            
            border-left: 1px dotted #999;
            margin-left: 3.9em;
            padding-left: 2em;
            margin-top: 4em;
            font-size: 1em;
            width: 200px;
            overflow: hidden;
        }

            #content .book_list li .book_info .info_offer,
            #content #book_detail .info_offer {
                width: 17em;
                float: none;
                font-size: .8em;
            }

                #content .book_list li .book_info .info_offer ul.discounts,
                #content #book_detail .info_offer ul.discounts {
                    margin: .5em 0 .5em 0 !important;
                }

                #content .book_list li .book_info .info_offer ul.discounts li,
                #content #book_detail .info_offer ul.discounts li {
                    margin: 0;
                    text-align: left;
                }

            #content #book_detail .book_info {
                margin-top: 0;
            }

            #content .book_list li .book_info a,
            #content #book_detail .book_info a {
                font-size: 1.1em;
                display: block;
                padding: .5em 0 .5em 2.4em;
                font-weight: bold;
                background: url('/novaera_resources/images/gallery-link.jpg') no-repeat 0 0;
            }

            #content .book_list li .book_info ul,
            #content #book_detail .book_info ul {
                margin-top: 1.5em;
            }
            
            #content #book_detail .book_info ul {
                margin-top: 0;
            }

                #content .book_list li .book_info ul {
                    margin-top: 0;
                }

                #content .book_list li .book_info li,
                #content #book_detail .book_info li {
                    margin: .2em 0;
                    padding: 0;
                    border: none;
                    font-size: 1.2em;
                }
                
            #content .book_list li .book_info {
                width: 20em;
                overflow: hidden;
            }

            #content .book_list .purchase .price,
            #content #book_detail .book_info .price {
                display: block;
                float: left;
                margin-top: .5em;
                font-size: 1.8em;
                margin-bottom: .3em !important;
            }

                #content .book_list .purchase .price span,
                #content #book_detail .book_info .price span {
                    color: #81469e;
                    font-weight: bold;
                }

            #content .book_list .purchase p.price,
            #content #book_detail .book_info p.price {
                font-size: 1.4em;
            }

                #content .book_list .purchase form,
                #content .book_list .main_book .purchase form,
                #content #book_detail form {
                    float: left;
                    clear: left;
                    margin-top: 1em;
                }

                    #content .book_list .purchase form label,
                    #content .book_list .main_book .purchase form label,
                    #content #book_detail form label {
                        font-size: 1.2em;
                        margin-right: .4em;
                        vertical-align: top;
                        line-height: 1.6em;
                        display: block;
                        float: left;
                    }

                    #content .book_list .main_book .purchase,
                    #content .book_list .main_book .purchase .basket {
                        float: right;
                        clear: right;
                    }
                    
                    #content .book_list .main_book .purchase form {
                        float: right;
                    }

                    #content .book_list .purchase form input.quantity,
                    #content .book_list .main_book .purchase form input.quantity,
                    #content #book_detail form input.quantity {
                        margin-bottom: .5em;
                    }
                    
                    #content .book_list .purchase form div.basket,
                    #content #book_detail form div.basket {
                        clear: left;
                        float: left;
                        padding-left: 2em;
                        overflow: hidden;
                        background: url('/novaera_resources/images/basket.gif') no-repeat 0 .2em;
                    }

                    #content .book_list .main_book .purchase form div.basket {
                        background: url('/novaera_resources/images/basket_grey.gif') no-repeat 0 .2em;
                    }
                    
                    #content .book_list .purchase form input.button,
                    #content #book_detail form input.button {
                        margin-left: .7em;
                    }
    
    #content #book_detail {
        width: 100%;
        overflow: hidden;
        margin-bottom: 2em;
    }
    
        #content #book_detail .back {
            float: right;
            font-size: 1.2em;
        }

        #content #book_detail #current_image {
            width: 100%;
            height: 475px;
            background-color: #e8e8e8;
            text-align: center;
            margin-bottom: 1em;
        }

            #content #book_detail #current_image img {
                margin-top: 6em;
            }

    #content #book_detail .book_synopsis {
        float: left;
        width: 57em;
        margin-left: 0;
        font-size: 1.1em;
    }
    
        #content #book_detail .book_synopsis p {
            margin: 0 0 1em 0;
        }

    #content .empty_basket {
        text-align: center;
        font-size: 1.5em;
        color: #333;
    }

    #content .entries_table {
        border-collapse: collapse;     
        width: 100%;        
    }

        #content .entries_table th {
            text-align: left;
            font-size: 115%;
        }
        
        #content .headers_row th {
            border-bottom: 3px solid #ccc;
        }
    
        #content .entries_table th {
            padding: .5em 1em;
            font-size: 110%;
        }        
        
        #content .entries_table td {
            padding: 1em 1em;
            font-size: 110%;
        }

        #content .entries_table td {         
            font-size: 110%;
            padding: 2em 1em;
            border-bottom: 1px solid #ccc;
        }

        #content .entries_table td.product_cell img {
            float: left;
            margin-right: 1.7em;
        }

        #content .entries_table td.product_cell {
        }

        #content .entries_table td.quantity_cell {
            white-space: nowrap;
            text-align: right;
        }

            #content .entries_table td.quantity_cell select {
                font-size: 1em;
            }

        #content .entries_table td.price_cell {            
            text-align: right;
        }

        #content .entries_table th.total,
        #content .entries_table th.price {
            text-align: right;
        }
        
        #content .entries_table th.product {    width: 100%; }
        #content .entries_table th.price {}
        #content .entries_table th.quantity {}
        #content .entries_table th.remove {}
        #content .entries_table th.total {}
        
        #content #basket_summary .entries_table th.remove,
        #content #basket_summary .entries_table td.remove { display: none; }
        
        
        
        #content .entries_table td.total_cell {
            width: 12%;
            text-align: right;
        }

        #content .entries_table td h2 {
            font-weight: normal;
            font-size: 1.8em;
            margin-top: .3em;
        }

        #content .entries_table td h3 {
            margin: 0;
            font-weight: normal;
            font-size: 1.2em;
        }

        #content .entries_table td form input {
            width: 3em;
            padding: .2em;
            font-size: 1em;
        }

            #content .entries_table td form .button {
                width: auto;
                padding: .1em .4em;
            }
            
            #content .entries_table td form .button:hover { cursor: pointer; }
            
            #content .entries_table td.remove_cell .button {
                width: auto;                
                border: none;
                color: #666;
                background-color: #fff;
            }


    #content div.shipping_costs,
    #content div.taxes {
        padding: .5em 1em;
        border-bottom: 1px solid #ccc;
    }

        #content div.shipping_costs .label,
        #content div.taxes .label {            
            float: left;
            font-size: 1.1em;
            font-weight: normal;
            width: 20em;
        }

        #content div.shipping_costs .cost,
        #content div.taxes .cost {
            text-align: right;
            font-size: 1.1em;
            font-weight: normal;            
            margin-left: 52.3em;
        }

    #content div.total {        
        padding: 1em;
        text-align: right;        
        background-color: #f0f0f0;
    }

        #content div.total .label {            
            display: inline;
            color: #333;
            font-size: 1.4em;
            font-weight: bold;
            margin-right: 1.5em;
        }

        #content div.total .cost {
            display: inline;
            color: #333;            
            font-size: 1.4em;
            font-weight: bold;
        }

    #content div.books-paginator {
        width: 100%;
        overflow: hidden;
    }

        #content div.books-paginator p.back {
            float: left;
        }

            #content div.books-paginator p.back a {
                font-size: 1.1em;
                background: url('/novaera_resources/images/back.jpg') no-repeat 0 .1em;
                padding-left: 1.2em;
            }

        #content p.more-books {
            padding: 0;
            margin: 0
            overflow: hidden;
            float: right;
        }

            #content p.more-books a {
                font-size: 1.1em;
                margin: 0 .5em;
            }

                #content p.more-books a.left {
                    border-right: 1px solid #81469E;
                    background: url('/novaera_resources/images/left_arrow.jpg') no-repeat 0 0;
                    padding-left: 2em;
                    padding-right: 1.1em;
                }

                #content p.more-books a.right {
                    background: url('/novaera_resources/images/right_arrow.jpg') no-repeat 100% 0;
                    padding-right: 2em;
                    margin-right: 0;
                }

        
    
    
    /* Formulari compra */    

        #basket_buttons form.back {
            display: inline;
        }

        #basket_buttons form.checkout {
            display: inline;
        }
        
        
        /* Dades de la compra */
        
            #checkout,
            #preorder {
                font-size: 1em;
            }       
            
            #checkout fieldset,
            #preorder fieldset {
                margin: 0 0 2em 0;
                padding: 0;
                border: none;
            }
            
            #checkout fieldset legend,
            #preorder fieldset legend {
                color: #666;
                font-size: 1.4em;
                font-weight: bold;
                padding: 0 0 1em 0;
                *margin-left: -8px;
                
            }
            
            #content .buttons,
            #preorder .buttons,
            #basket_buttons {
                text-align: right;
                padding-top: 1.5em;
                border-top: 1px solid #ccc;
            }

            #checkout .field,
            #preorder .field {
                margin: 0 0 .8em 1em;
                clear: left;
            }

            #checkout .field label,
            #preorder .field label {
                float: left;
                display: block;
                width: 13em;
                font-size: 1.2em;
                line-height: 1.8em;
            }

            #checkout .field_instance-TextBox .control,
            #checkout .field select,
            #preorder .field_instance-TextBox .control,
            #preorder .field select {
                width: 16em;
            }

            #checkout .postal_code_field .control,
            #preorder .postal_code_field .control {
                width: 5em;
            }
            
            
            
        /* Cistella - Resum final de la compra */
            
            #content #basket_summary .entries_table td {
                padding: 1em 0.9em 1em 0.2em;
            }
            
            #content #basket_summary div.total {
                border-bottom: 1px solid #ccc;
            }
            
            #content p.modify_link {                
                margin: .5em 1em 3em 1em;
            }
            
                #content p.modify_link a {
                    color: #666;
                    text-decoration: underline;
                }
            
        
        /* Dades personals de l'usuari */
        
        #content  .PropertyTable {
            font-size: 1em;
        }
        
            #content  .PropertyTable th {
                text-align: left;
            }
            
            #content  .PropertyTable th,
            #content  .PropertyTable td {
                font-size: 1.2em;
                padding: .2em .7em;
            }
        
            
        /* Control d'errors */

            .form_errors {                
                padding: 1em 1.5em;
                margin-bottom: 2em;
                border: 1px solid #ccc;
                background-color: #f2f2f2;
            }

            .form_errors p {
                margin-top: 0;
                font-size: 1.2em;
            }

            .form_errors ul {
                padding-left: 1em;
            }
            
            .form_errors ul li {
                font-size: 1.2em;
                padding-left: .5em;
                background: url("../images/li-error-dot.gif") no-repeat left center;
            }            

            .form_errors ul li em {
                font-weight: bold;
                color: #c00;                
            }

        
        
        

/* Peu */

    #footer {
        width: 100%;
        overflow: hidden;
        font-size: 1.2em;
        margin: 4em 0 2em 0;
    }

        #footer address {
            font-style: normal;
            float: left;
        }

    #footer ul.novaera_menu {
        display: block;
        margin-top: .6em;
        float: left;
        clear: left;        
    }

        #footer ul.novaera_menu li {
            display: inline;
            border-right: 1px solid #666;
            padding-right: .6em;
            line-height: 1em;
            margin: auto .6em auto 0;
            white-space: nowrap;
        }

            #footer ul.novaera_menu li.last {
                border: none;
            }

            #footer ul.novaera_menu li a {
                color: #666;
            }

    #footer form {
        float: right;
        display: none;
        overflow: hidden;
        width: 25em;
    }

        #footer form p {
            padding: 0;
            margin: 0;
        }
        
            #footer form p.title {               
                font-size: 1.3em;
                color: #81469e;
                float: left;
                display: block;
                font-weight: bold;
            }

    #footer div.fields {
        float: right;
        width: 17em;
    }

        #footer div.fields label {
            display: none;
        }

        #footer div.fields input {
            border: 1px solid #ccc;
            font-size: 1.1em;
            width: 13em;
            float: left;
            padding: .1em 0
        }

        #footer div.fields input.send {
            border: none;
            float: left;
            width: auto;
            margin-top: .1em;
            padding: 0;
            margin-left: .2em;
        }

        #footer form p.newsletter_text {
            font-size: 1em;
            margin-bottom: .5em;
        }