﻿/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/** Global Zero Out ***********************************************************************************/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
}

input {
    outline: none;
}
p, td, li {
    font-size: 1.2em;
    line-height:1.2em;
}
p, td, li, h1, h2, h3, h4, h5, h6, th, td, span, caption{
    text-align:left;
	vertical-align: top;
}
img {
	border: 0;
}
object, embed {
    outline: none;
    border: 0;
}
ol, ul { list-style: none; }
div { position: relative; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse; 
	border-spacing: 0;
}





/* * * * * * * * * * * * * * * *
	SITE BASE STYLES
* * * * * * * * * * * * * * * */

body {
    font: 62.5%/1.5 Arial, Helvetica, sans-serif;
    color: #000;
    background: #020925; /* url(images/Global/background.jpg) no-repeat 50% 0; */
}

a:link,
a:visited {
text-decoration:none;
}

a:hover, 
a:active {
text-decoration:none;	
}


.floatLeft{ float:left; }
.ir { text-indent: -9000px; overflow:hidden; } /* Image Replacement */
.clear{ clear:both; }
.clearDiv{ clear:both; height:1px;}



/** Layout **********************************************************************************************/

body {
    text-align: center;
    padding-bottom: 3em;
	background:#020E3E url(images/av-bg.jpg) no-repeat center 20px;
}

#page {
    width: 682px;
    height:360px;
    margin: 132px auto 0px;
    position: relative;
    text-align:left;
}

#header {
	width:348px;
	height:229px;
    position: relative;
	background:url(images/av-logo.jpg) no-repeat;
	margin:0 0 0 166px;
}

#presentation {
	width:295px;
	height:68px;
	margin:0 0 0 190px;
}




/** Body Styles **********************************************************************************************/

p.intro{
	display:block;
	width: 248px;
	height:10px;
	margin:6px 0 17px 22px;
	background:url(images/av-intro-text.gif) no-repeat 0 0;
}

.DateForm{
}

.input-month,
.input-day,
.input-year{
	border:solid 1px #005891;
	background:url(images/av-textbox-bg.gif) no-repeat 0 0;
	padding:3px 2px 2px 2px;
	text-align:center;
	margin-top:3px;
	float:left;
}
.input-month,
.input-day{
	width:38px;
	margin-right:12px;
}
.input-year{
	width:48px;
	margin-right:21px;
}

.AVFormSubmit{
	display:block;
	width:96px;
	height:34px;
	float:left;
}

/** Footer **********************************************************************************************/

#footer{
	width:682px;
	height:52px;
	position:absolute;
	bottom:0;
	left:0;
}
#footer ul{
	display:block;
	width:682px;
	height:52px;
}
#footer ul li{
	display:block;
	float:left;
}
#footer ul li a{
	display:block;
	text-indent: -9000px; 
	overflow:hidden;
}

li.gbgr{
	width:106px;
	height:50px;
	margin:0 32px 0 0;
}
li.gbgr a{
	display:block;
	float:left;
	width:106px;
	height:50px;
	background:url(images/av-btn-great-beer-great-responsibility.gif) no-repeat 0 0;
}
li.gbgr a:hover,
li.gbgr a:active {	
	background-position:0 -50px;
}



li.footerLink,
li.copywrite{	
	height:11px;
	margin-top:35px;
	overflow:hidden;
}
li.footerLink a:hover,
li.footerLink a:active {	
	background-position:0 -11px;
}

li.gear{
	width:94px;
}
li.gear a{
	width:94px;
	background:url(images/av-btn-get-icehouse-gear.gif) no-repeat 0 0;
}
li.pp{
	width:71px;
	padding-left:5px;
	background:url(images/av-footer-pipe.gif) no-repeat 0 0;
}
li.pp a{
	width:71px;
	background:url(images/av-btn-privacy-policy.gif) no-repeat 0 0;
}
li.tc{
	width:110px;
	padding-left:5px;
	background:url(images/av-footer-pipe.gif) no-repeat 0 0;	
}
li.tc a{
	width:110px;
	background:url(images/av-btn-terms-and-conditions.gif) no-repeat 0 0;
}
li.copywrite{
	width:243px;
	display:block;
	width:243px;
	background:url(images/av-copywrite-text.gif) no-repeat 0 0;
	text-indent: -9000px; 
	overflow:hidden;
	margin-left:8px;
}

.ageFail p,
.error p{
	font-size:12px;
	padding:0 0 10px 0;
}



.error {
    width:682px;
    height:420px !important;
    margin: 64px auto 0px !important;
    position: relative;
    text-align:left;
}

.error #header {
	width:348px;
	height:196px;
    position: relative;
	background:url(images/error-logo.jpg) no-repeat !important;
	margin:0 0 0 201px;
}

.error #presentation {
	width:400px;
	height:68px;
	margin:0 0 0 150px;
}
.errorIndent{
	padding-left:10px;
	line-height:15px;
}