@import url(https://fonts.googleapis.com/css?family=Michroma);
/* 
    Document   : main.css
    Created on : 22-apr-2014, 16:23:57
    Author     : martijn
    Description:
        Purpose of the stylesheet follows.
*/
root { 
    display: block;
}
html, body{
    margin:0;
    padding:0;
    width:100%;
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 300;
}
.header{
    height:140px;
    background:url(images/header.png);
}
.subheader{
    height:100px;
    background:url(images/subheader.png);  
    padding-top:40px;
}
.mainbody{    
}
.headercontents, .subheadercontents, .mainbodycontents{
    margin-left:auto;
    margin-right:auto;
    width:990px;
}
h1, h2, h3, h4{
    color:#c21c1c;
    margin:0;
}
h1{
    font-size:48px;
    font-weight:600;
    letter-spacing: -3px;
}
h2{
    font-size:32px;
    font-weight:100;
    letter-spacing: -2px;
}
.subheader h1, .subheader h2{
    display:inline-block;
    margin-right:25px;
}
strong{
    color:#c21c1c;
    font-weight:600;
}
.navBar{
    display: inline-block;    
}
.navItem{
    font-family:'Michroma';
    display: table-cell;
    color:white;
    margin-right:35px;
    text-align: center;
    vertical-align: bottom;
    height:50px;
    padding: 5px 20px 5px 20px;
    
}
.navItem:hover{
    background:red;
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
}
.navItem a{
    color:white;
    text-decoration:none;
}
.product{
    margin-left:30px;
}
.voucher{
    border:1px dashed darkgray;
    padding:30px;
    padding-bottom:0px;
}
.voucherCode{
    text-align:center;
    font-size:64px;
    font-weight:600;
    margin-bottom:20px;
}
.voucherTime, .voucherStatus, .voucherCredits{
    display:inline-block;
    border:1px dashed darkgray;
    border-bottom: 0;
    padding:10px;
    width:230px;
    text-align:center;
    display: table-cell;
    vertical-align: bottom;
}
.voucherStatus{
    border-left:0;
    border-right:0;
    width:400px;
}
.voucherValid, .voucherRedeemed, .price, .purchased{
    font-size:32px;
    font-weight:600;
}
.voucherValid, .voucherValid a{
    color:forestgreen;
    font-size:36px;
    text-decoration:none;
}
.voucherValid a{
    background:#ddffdd;
    padding:0px 5px 0px 5px;
}
.voucherValid a:hover{
    background:#aaffaa;
    padding:0px 5px 0px 5px;
}
.voucherRedeemed{
    color:maroon;
    font-size:36px;
}
.infoNote{
    font-size:14px;
}
h2 a{
    text-decoration:none;
    color:maroon;
}
h2 a:hover{
    text-decoration:underline;
    color:black;
    
}
.footer{
    color:gray;
    text-align:center;
}
.footer a{
    color:gray;
    text-decoration:none;
}
.footer a:hover{
    color:maroon;
    text-decoration:underline;
}
blockquote{
    color:#333;
    font-size:12px;
}
.pricetable {
border-collapse: collapse; border-spacing: 0;
border:1px solid black;
margin-left:auto;
margin-right:auto;
}
.pricetable tr:nth-child(odd){
    background:#cdacac;
}
pre span{
    color: #c21c1c;
    font-weight:bold;
}
pre {
    border:1px dashed gray;
    padding:10px;
}