/*
[colour codes]
    background: #30363b (dark grey) | #000000 (black)
    text:       #c8a53c (yellow) | #ffffff (white) | #7f8080 (grey)

[typography]
    headings:       16px/1.5 Arial
    body:           14px/1.5 Arial
    links, forms:   12px/1.5 Arial
    
[structure]
    ~reset
    ~typography
    ~global
    ~navigation
    .header
    .content
    .footer
    ~forms
*/

/*~~~~~~~~~~ RESET ~~~~~~~~~~~*/

/* http://meyerweb.com/eric/tools/css/reset/  -  v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*~~~~~~~~~~ TYPOGRAPHY ~~~~~~~~~~*/
body { font: 12px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif; color:#fff; width:100%; height:100%; }
a:focus { outline: 1px dotted; }

hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 16px; font-weight:normal; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
}




/*~~~~~~~~~~ GLOBAL ~~~~~~~~~~~*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.block { display: inline; float: left; position: relative; }
.error { color:Red; font-weight:bold; }
body{
    background-color:#30363b;
}
.container {
    background: #000 url('images/body.background.gif') repeat-y 0 0;
    margin: 0 auto;
    width: 980px;
    padding:0 12px;
}
.containerBottom{
    background: #30363B url('images/body.background.bottom.jpg') no-repeat 0 0;
    margin: 0 auto 20px;
    width: 1004px;
    height:15px;
}

.content form span.validation-summary-errors{ color:Red; font-weight:bold; }
.content form ul.validation-summary-errors{ color:Red; font-weight:normal; }


/*~~~~~~~~~~ NAVIGATON ~~~~~~~~~~*/
a{ color:#fff; text-decoration:none; }
a:hover{ color:#c8a53c; }
a span{ color:#c8a53c; }


/*~~~~~~~~~~ HEADER ~~~~~~~~~~*/
.header { margin:0 0 10px; padding:8px 0 0; position:relative; }
.heading img { display:block; }
.header .logo{ margin:0 0 11px 13px; display:block; width:202px; height:127px; }
.header .logoPrintImg{ display:none;}

.home {}
    .header .logoHome { margin:0 auto 5px; }

.default{}
    .header h4{
        float:right;
        display:inline;
        margin:0 25px 0 0;
        color:#7f8080;
        line-height:1;
        font-weight:normal;
    }
    .header h4 span{
        color:#fff;
    }
    
    .header h4.Expiry
    {
        right:0;
        top:30px;
        color:#FFFFFF;
    }
    
    .header h1{
        position:absolute;
        display:block;
        top:53px;
        left:316px;
    }
    .header h2{
        position:absolute;
        display:block;
        top:129px;
        right:95px;
    }
    .header h1 .forsomeonespecial { display:block; position:absolute; top:79px; right:-215px; }
    .header h1 span.forsomeonespecial{
        font: normal 16px georgia;
        text-transform:uppercase;
        display:none;
    }



/*~~~~~~~~~~ CONTENT ~~~~~~~~~~*/
.content{ padding:0 0 5px; text-align:center; font-size:14px; }

.home
    .content{ text-align:left; font-size:12px; }
    
.reward{}
    .content h3{ display:inline-block; vertical-align:middle; }
    .content h3 img.congratulations{ vertical-align:middle; padding:0 25px 0 0; }
    .content h3 img.print{ display:none; }
    .content p.conditions{font-size:11px;}
    .content span{ color:#c8a53c; }
    .content a.print{ text-decoration:underline; }
    
.pages{}
    .content .contentWrapper h1{ font:40px Lucida Grande, "Times New Roman", Serif; }
    .content .contentWrapper h2{ font:normal small-caps 26px Georgia, "Times New Roman", Serif; color:#c8a53c; margin:0 0 5px; }
    .content .contentWrapper h4{ font:normal small-caps 17px Georgia, "Times New Roman", Serif; color:#c8a53c; margin:0 0 15px; }
    .content .contentWrapper h1 img, .content .contentWrapper h2 img, .content .contentWrapper h4 img { float:none; display:inline; padding:0; }
    .content .contentWrapper{ padding:0 50px; text-align:left; font-size:12px; }
    
    .content .contentWrapper img { float:right; display:inline; padding:0 0 25px 25px; }
    .content .contentWrapper ul { padding:0 0 20px; }
    .content .contentWrapper ul li { margin: 0 0 5px 0; list-style:none; background:url('images/li.gif') no-repeat 0px 8px; padding:0 0 0 12px; }
    .content .contentWrapper a { color:#c8a53c; }
    .content .contentWrapper a:hover { color:#fff; }


/*~~~~~~~~~~ FOOTER ~~~~~~~~~~*/
.footer{
    padding:0 0 20px;
}
.footer .left{
    background: url('images/hr.left.gif') no-repeat right 14px;
    width:280px;
    height:35px;
    text-align:right;
    margin:12px 0 0;
}
.footer .left a{
    margin:0 3px 0 2px;
}
.footer .left a span{
    color:#c8a53c;
}
.footer .middle{
    width:420px;
    text-align:center;
}
.footer .middle a{
    float:left;
    display:inline;
    padding:0 0 0 23px;
}
.footer .right{
    background: url('images/hr.right.gif') no-repeat 0 22px;
    width:280px;
    height:35px;
    text-align:right;
    margin:4px 0 0;
}
.logoTwitter{
    margin:0 40px 0 0;
}
.logoFacebook{
    margin:0 8px 0 0;
}
.footerImg{
    display:inline;
}
.footerImgPrint{
    display:none;
}


/*~~~~~~~~~~ FORMS ~~~~~~~~~~*/
form{
    width:420px;
    margin:0 auto;
    display:block;
    text-align:left;
}
form input{
    background:url('images/input.gif') no-repeat 0 0;
    width:180px;
    height:22px;
    border: none;
    margin:0 0 10px;
    padding:3px 10px 2px;
    line-height:23px;
    display:inline-block;
    float:left;
}
form input[type="hidden"]{
    display:none;
}
form input.wide{
    background:url('images/input.wide.gif') no-repeat 0 0;
    width:401px;
}
form .submit, form .csv, form .xml{
    float:right;
    display:inline-block;
    background:url('images/btn.submit.gif') no-repeat 0 0;
    width:94px;
    height:33px;
    text-indent:-9999px;
    margin:0 0 10px 20px;
    outline:none;
    cursor:pointer;
}
form .csv{
    background:url('images/btn.csv.gif') no-repeat 0 0;
}
form .xml{
    background:url('images/btn.xml.gif') no-repeat 0 0;
}
form .submit:hover, form .csv:hover, form .xml:hover{
    background-position:0 -33px;
}
form .email{
    margin-left:20px;
}
form label{
    color:#fff;
    vertical-align:middle;
    text-align:left;
    margin:7px 0 0;
    display:inline;
    height:18px;
    float:left;
}
form .checkbox{
    vertical-align:middle;
    width:auto;
    height:auto;
    margin:-2px 10px 0 0;
    background:none;
    padding:0;
    float:none;
}
form p{
    font-size:14px;
    text-align:center;
    color:#c8a53c;
    
}