/*
------------------------------------------------------
RESET ALL ELEMENTS FOR STYLING
------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border:0;}
fieldset,img{border:0;}
cite,code,em,th{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/*
------------------------------------------------------
SET BASE FONT VALUES
------------------------------------------------------
*/
select,input,textarea{font:99% verdana,sans-serif;}


/*
------------------------------------------------------
GLOBALS
------------------------------------------------------
*/
body { 
 color: #666;
 background: #fff;
}
p { line-height: 1em;}
.inline { display: inline; }
.left { float: left; }
.right { float: right; }
.none { float: none; }
.center { text-align: center; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.small { font-size: 10px; }
.hide { display: none; }
ul {}
.relative {position: relative;}
.clear { clear: both; display: block; height: 1px; font-size: 1px; line-height: 1px; }
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
------------------------------------------------------
FORM STYLES
------------------------------------------------------
*/
input, select, textarea, label {
 color: #999;
}
.inputbox, textarea {
 padding: 2px;
 background-color: #e5e5e5;
 border: none;
 border-top: 1px solid #ccc;
}


select {
 background-color: #fff;
}
.button {
 /*background-color: #e5e5e5;
 border: 1px solid #ccc;
 font-weight: bold;
 text-transform: uppercase;*/
}
.row {
 margin-bottom: 10px;
}
label, .label {
 font-weight: normal;
 margin-bottom: 5px;
}
.field {
 font-weight: normal;
}

.errFld {
 border-top: 1px solid #f00;
} 
.errMsg { 
 font-size: 11px;
 color: #f00;
} 
.onstate-vcf { 
 display: block; 
} 
/*
------------------------------------------------------
FONT STYLES
------------------------------------------------------
*/
em {
 color: #777;
 font-style:italic;
}
strong {
 color:#333;
}
sup {
 font-size: 8px;
}
/*
------------------------------------------------------
LIST STYLES
------------------------------------------------------
*/

/*
------------------------------------------------------
LINK STYLES
------------------------------------------------------
*/
a {
 outline: none;
 color: #893a20;
 text-decoration: underline;
}

a:hover { 
 text-decoration: none;
 /*color: #2373b9;*/
}

/*
------------------------------------------------------
BUTTON STYLES
------------------------------------------------------
*/

/*
------------------------------------------------------
HEADERS STYLES
------------------------------------------------------
*/
h1 { 
 font-size: 20px;
 color: #2173af;
 padding:0;
}

h2 { 
 font-size: 16px;
 color: #2173af;
 margin:0 0 18px 0;
 padding:0;
}
h3 { 
 font-size: 16px;
 color: #333;
 margin:0 0 12px 0;
 padding:0;
}
h4 { 
 font-size: 14px;
 color:#88391f;
 font-weight: bold;
 margin-bottom:12px;
 padding:0;
}
h5 { 
 font-size: 11px;
 color: #067294;
 padding:0;
 font-weight: bold;
}
h6 { 
 font-size: 11px;
 color: #333;
 padding:0;
}
h7 { 
 font-size: 26px;
 color: #2173af;
 padding-bottom: 10px;
}

/*
------------------------------------------------------
LAYOUT STYLES
------------------------------------------------------
*/
a, p { 
/*Must add this in for links and PNG tranparency support for IE6 */
 position: relative ;
}

a,p,li,div{
 /*Must add for IE to get the right size
 font-size: 11px;*/
}

p{ 
 line-height:18px;
}

.hidden{
 display:none;
}


img{
 display:block;
}


body {
 text-align: left;
 /*background: url(_img/bg_main.gif) 0 0 repeat-x;*/ 
 color: #999;
 background-color: #044b61; 
}

.clearfloat {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}

hr{
 color:#ccc; 
 background: #ccc; 
 border: 0; 
 height:1px;
 position: relative;
 clear: both;
}

table p {
 line-height:20px;
}

body {
 font-family: Georgia, 'Times New Roman';
 font-size: 12px; 
 color:#fff;
 background: #011e4a url(_img/bg_main.gif) 0 0 repeat-x;
}

object{
 outline:none;
}

p{
 margin: 0px 0px 20px 0px;
 line-height:20px;
}

.hidden{
 display: none;
}

.img-replace{
 text-indent: -9999px;
}

h1.sifr-wade-sans{
 font-size: 40px;
}

h2.sifr-helvetica-75{
 font-size: 21px;
}

/*
------------------------------------------------------
BUTTONS
------------------------------------------------------
*/

#button-submit{
 width: 84px;
 height: 33px;
 display: block;
 background-image:url(_img/button_submit.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 background-position: 0 0;
}

#button-submit:hover {
 background-position: 0 -33px;
}

/*
------------------------------------------------------
MAIN
------------------------------------------------------
*/

#main-container{
 width: 100%;
 margin: 0 auto;
 position: relative;
}

#main-splash{
 margin: 261px auto 0 auto;
 width: 489px;
 height: 284px; 
}


#main-splash #cans{
 float: left;
 width: 217px;
 height: 204px; 
 background: transparent url(_img/cans.jpg) 0 0 no-repeat;
}

#main-splash #check{
 width: 272px;
 float: left;
}

#main-splash #check h1{
 margin: 0 0 21px 0;
 padding: 0;
 width: 272px;
 height: 108px; 
 background: transparent url(_img/header_main.gif) 0 0 no-repeat;
 border-bottom: 1px solid #1d599c;
}


#main-splash #check h2{
 margin: 0 0 12px 0;
 padding: 0;
 width: 272px;
 height: 12px; 
 background: transparent url(_img/sub_header_main.gif) 0 0 no-repeat;
}

#main-splash #check h3{
 font-size: 14px;
 color: #f5d52a;
 margin: 0;
 padding: 0;
}


#main-splash #check #sorry{
 background: transparent url(_img/header_sorry.gif) 0 0 no-repeat;
 
}


#main-splash #check #another{
 background: transparent url(_img/sub_header_another.gif) 0 0 no-repeat;
}

/*
------------------------------------------------------
HEADER
------------------------------------------------------
*/



 

/*
------------------------------------------------------
FOOTER
------------------------------------------------------
*/

.main-page #footer{
 margin: 200px auto 0 auto;
 padding: 0;
 width: 431px;
 height: 33px; 
 background: transparent url(_img/footer.png) 0 0 no-repeat;
}




.modal{
 background: #f1bc1f url(_img/bg_modal.jpg) 0 0 no-repeat;
 padding: 11px;
}

#modal-container{
 width: 439px;
}

#mc-content{
 min-height:300px;
 height:auto !important;
 height: 300px;
 background: #00529b url(_img/bg_modal_box.gif) 0 0 repeat-y;
 padding: 0 20px 20px 20px;
 font-family: Arial;
}

#mc-content strong{
 color: #fff;
}

#mc-footer{

}

#screensaver-scr{
 width: 187px;
 display: block;
 margin: 20px auto;
}

#change-mind{
 margin: 0px 0 20px 0;
}

/*
------------------------------------------------------
FORMS
------------------------------------------------------
*/

#form-unsubscribe{
 display: block;
}

#form-unsubscribe label.error{
 width: 250px;
 display: block;
 font-weight: bold;
 color: #F5D52A;
 padding: 6px 0 0 0;
}


#form-unsubscribe .field{
 float: left;
}

.input-lrg{
 color: #fff;
 width: 277px;
 padding: 10px 0px 13px 10px;
 border: none;
 background: transparent url(_img/bg_input_lrg.gif) 0 0 no-repeat;
}

#age-check{
 display: block;
}

#age-check .input-sm{
 width: 30px;
 padding: 10px 0px 13px 9px;
 border: none;
 background: transparent url(_img/bg_input_sm.gif) 0 0 no-repeat;
}

#age-check .field{
 float: left;
}

#age-check .field input{
 color: #fff;
 line-height: 1em;
}

#age-check #day{
 margin: 0 10px;
}

#age-check .input-med{
 width: 57px;
 font-size: 12px;
 padding: 10px 0px 13px 23px;
 border: none;
 background: transparent url(_img/bg_input_med.gif) 0 0 no-repeat;
}

#button-submit{
 margin-left: 10px;
 border: 0px solid #FFFFFF; 
}