/* novaera stylesheet */

/* General styles */

    html {
        position: relative;
        font-size: 12pt;
    }

    body {
        margin: 0;
        padding: 0;        
        color: #333;
        font-size: 62.5%;
        font-family: Arial, Verdana, sans-serif;
        background-color: #fff;        
    }

    div {
        margin: 0;
        padding: 0;
    }

    dl, dt, dd {
        margin: 0;
        padding: 0;
    }

    ul, li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding: 0;
        margin: 0;
        font-size: 1em;
    }
    
    img {
        border: 0;
    }

    .hidden {
        display: none;
    }
    
    a,
    p {
        color: #666;
    }
    
    abbr,
    acronym {
        border-bottom: none;
    }
    

/* Logo homepage */    

    #start {
        text-align: center;
        margin: 240px auto 100px auto;
    }
  
    
/* Main layout */

    #super {
        width: 95em;
        margin: 0 auto;
    }
    
    
    
/* Header */

    #header {
        width: 100%;
        overflow: hidden;
        margin: 1.5em 0 1em 0;
    }
    
        #header h1 {
            float: left;
        }
        
        #header .main-menu {
            float: left;
            font-size: 1.4em;
            margin-top: .3em;
            margin-left: 1em;
        }
        
            #header .main-menu li {
                display: inline;
                margin-left: 1em;
                padding-left: 1em;
                border-left: 1px solid #999;
            }
            
                #header .main-menu li.first {
                    margin-left: 0;
                    padding-left: 0;
                    border-left: none;
                }
            
                #header .main-menu li.language {                    
                    margin-left: 3em;
                    padding-left: 0;
                    border: none;
                }
            
                #header .main-menu li a {
                    text-decoration: none;
                }
                
                    #header .main-menu li a:hover {
                        text-decoration: underline;
                    }
                    
        #header .local-menu {
            clear: right;
            float: right;
            padding: .2em 0;
        }
        
        #header .local-menu,
        #header .local-menu * {
            width: 98px;
            height: 17px;
            vertical-align: middle;
        }

            #header .local-menu li {
                display: block;
                width: 100%;
                overflow: hidden;
                margin: 0;
                padding: 0;
                font-size: 1.2em;
                text-align: center;
                background: url('/novaera_resources/images/bg-titles.gif') no-repeat 0 0;
            }

            #header .local-menu li span {
                color: #fff;
                width: 77px;
                float: left;
                font-size: 11px;
                margin-top: 2px;
                text-align: center;
            }
            
            #header .local-menu li a {
                text-decoration: none;
                width: 6px;
                height: 9px;
            }
            
                #header .local-menu li.more-books a.left {
                    float: left;
                    margin-top: 4px;
                    margin-left: 4px;
                    background: url("/novaera_resources/images/titles-left.gif") no-repeat 0 0;
                }

                #header .local-menu li.more-books a.right {
                    float: right;
                    margin-top: 4px;
                    margin-right: 4px;
                    background: url("/novaera_resources/images/titles-right.gif") no-repeat right center;
                }
            
                #header .local-menu li a:hover {
                    text-decoration: none;
                }
                
                
/* Book info button */

    #content {
        margin-top: 5em;
    }

    #content .book-info {
        text-align: right;
        font-size: 1.7em;
        font-weight: bold;
        margin-bottom: 2em;
    }

        #content .book-info span {
            margin-left: .4em;
            margin-right: .4em;
            padding: 0 0 0 .6em;
            border-left: 1px solid #999;
            font-weight: normal;
            font-size: 1em;
        }

        #content .book-info a.option-book img {
            vertical-align: top;
        }


/* Text layer - Main sections */

    .text-layer {
        display: none;
        width: 100%;
        position: absolute;
        z-index: 10;        
        top: 5em;
        left: 0;
        background-color: #ffffff;
        border-bottom: 1px solid #ccc;
        padding-top: 0;
        padding-bottom: 3em;
    }   
    
        .text-layer .content {
            width: 95em;
            margin: 0 auto;
            font-size: 1em;            
        }

        .text-layer p {
            color: #666;
            margin: 1.5em 0;
            font-size: 1.4em;            
        }
        
        
        .text-layer p.close {
            margin-top: .2em;
            font-size: 1.2em;
            text-align: right;            
            line-height: 1.4em;
        }

            
/* Text layer - Book info */
        
        .text-layer .presentation {
            width: 58em;
            float: left;
        }
        
            .text-layer .presentation h2 {
                color: #666;
                font-size: 1.8em;
            }
            
            .text-layer .presentation p {
                color: #666;
                margin: 1.5em 0;
                font-size: 1.2em;
                line-height: 1.4em;
            }
            
            .text-layer .presentation p.highlighted,
            .text-layer .presentation div.highlighted p{
                font-size: 1.5em;
                font-weight: bold;
            }

            
        
        .text-layer .data {
            font-size: 1em;
            width: 30em;
            float: right;
            margin-top: 4.7em;
        }

            .text-layer .data ul {
                margin-bottom: 1.7em;
            }

            .text-layer .data ul.author-list {
                margin-bottom: .4em;
            }
        
            .text-layer .data li {
                color: #666;
                font-size: 1.2em;
                margin: 0 0 .3em 0;
            }                       

            .text-layer .data li.discount p {
                margin: .1em auto;
                padding: .2em auto;
            }

                .text-layer .data li.discount p.offer_title {
                    font-weight: bold;
                    color: #E20304;
                    font-size: 1.3em;
                }

                .text-layer .data li.discount p.old_offer_price {
                    color:#666666;
                    font-size:1.4em;
                    text-decoration:line-through;
                }

                .text-layer .data li.discount p.discount_price {
                    color:#E20304;
                    font-size:1.7em;
                }

                .text-layer .data li.discount p.offer_end_date {
                    color:#E20304;
                    font-size: 1em;
                }
            
            .text-layer .data li.price {
                margin-top: 1.5em;
            }
            
                .text-layer .data li.price  .big-price {
                    font-size: 1.4em;
                    margin-left: .5em;
                }
            
            .text-layer .data li.shopping-cart {
                margin-top: 1em;
            }
            
                .text-layer .data li.shopping-cart img {
                    float: left;
                    margin-right: .5em;
                }
            
            .text-layer .data li .red {
                color: #E20304;
            }

/* Unsubscribe */

.unsubscribeForm{
    margin-left: 20em;
    margin-top: 10em;
}

#message{
    margin-top:10em;
}

#message p{
    font-size:1.5em;
}