@charset "utf-8";

/* HTML ELEMENTS ************************************************/
BODY, p, pre, li {
	margin:0px;
	padding:0px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2D2D2D;
}

IMG {
	border:0px;
	behavior: url(/pngHack/pngHack.htc);
	/*float: left;*/
}

#mainNav IMG {
	float: left;
}

FORM {
	margin:0px;
	padding:0px;
}
/* Text styles ************************************************/
P {
	line-height: 115%;
	margin-top:10px;
	margin-bottom:10px;
}
q{
	font-style: italic;
}
H1 {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#025a97;
	font-size: 16px;
	text-transform: uppercase;
}	

H2 {
	margin:15px 0px 0px 0px;
	padding:0px;
	color:#025a97;
	font-size: 12px;
	text-transform: uppercase;
}

H3 {
	margin:10px 0px 0px 0px;
	padding:0px;
	color:#333333;
	font-size: 12px;
}

A {
	color:#025A97;
}
a:hover{
	color:#2f7fb6;
}
.blueText {
	color:#2f7fb6;
}

/*.smallText {
	font-size:10px;
}*/

.ui-tabs-hide { display: none; }
.ui-tabs-nav {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	font-size: 12px;
}
.ui-tabs-nav li{
	display: inline;
	padding-right: 5px;
}
.ui-tabs-selected{
	font-weight: bold;
}
.ui-tabs-selected a{
	text-decoration: none;
	cursor: default;
}

/* Navigation ************************************************/
#homepage #nav_wrapper {
	position: relative;
	width: 975px;
	margin: 0px auto;
	top: 0px;
	z-index: 10;
}
#innerpage #nav_wrapper {
	position: absolute;
	width: 975px;
	z-index:200;
	top: 0px;
	left: 15px;
	z-index: 10;
}
#frameSideLeft{
	width: 15px;
	height: 93px;
	position: absolute;
	top: 0px;
	left: -15px;
	z-index: 10;
}
#frameSideRight{
	width: 15px;
	height: 93px;
	position: absolute;
	top: 0px;
	left: 975px;
	z-index: 10;
}
#frameBottom{
	height:125px;
	left:-15px;
	position:relative;
	width:1005px;
}
#innerpage #nav{
	position: relative;
	width: 975px;
	margin: 0px;
	height: 66px;
	background-color:#FFFFFF;
}

#homepage #nav {
	position: relative;
	width: 975px;
	height: 66px;
	background-color:#FFFFFF;
	top:0px;
	z-index: 10;
	margin: 0px auto;
}


#topNav, #mainNav {
	width:804px;
	float:left;
}

#topNav {
	height:24px;
	top:0px;
	left:170px;
	background-image: url(../img/menu_02.jpg);
	background-repeat:repeat-x;
}

#topNav IMG {
	float:right;
}

#mainNav {
	top:24px;
}

#searchBox{
	width: 115px;
	height: 34px;
	float: right;
	position: relative;
	background-image: url(../img/searchBox.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#searchBox INPUT {
	position:absolute;
	top:12px;
	left:9px;
	width:80px;
	height:13px;
	border:0px;
	font-size:9px;
	color:#6e6e6e;
}

#searchBox IMG {
	float:right;
	cursor: pointer;
}

/* Section mini pages ************************************************/
#homepage .menuSection{
	display:none;
	width:973px;
	background-position:bottom center; 
	background-image:url(../img/gradientSection.gif);
	background-color:#ffffff;
	height: 280px;	
	margin: 0 auto;
	left: 0px;
	top: 0px;
}
.menuSection{
	display:none;
	width:973px;
	margin: 0px;
	background: #ffffff url(../img/gradientSection.gif) bottom center repeat-x; 
	border: 1px solid lightGrey;
	height: 295px;	
	position:relative;
	z-index:11;
}

.menuSectionHome{
	position:absolute;
	display:none;
	width:975px;
	background-image:url(../img/gradientSection.gif);
	top: 65px;
	margin-left: 44px;
	height: 280px;	
	z-index:11;
}
.sectionHeader {
	position: absolute;
	width:960px;
	height: 15px;
	left:8px;
	background-image:url(../img/hash.gif);
	background-position:top;
	background-repeat:repeat-x;
}
/*
.sectionHideLiners {
	background-color:#FFFFFF;
	height:20px;
	left:-8px;
	position:absolute;
	top:0;
	width:973px;
	z-index:-1;
}
*/
.sectionInner {
	position:relative;
	width:960px;
	top: 36px;
	left: 18px;
}

#sectionCol1of3 {
	position:absolute;
	width:345px;
	left:0px;
}

#sectionCol2of3 {
	position:absolute;
	width: 390px;
	left:370px;
}
#MenuSection1 #sectionCol1of3 {
	position:absolute;
	width:auto;
	left:10px;
}

#MenuSection1 #sectionCol2of3 {
	position:absolute;
	width: 485px;
	left:234px;
}
#MenuSection2 #sectionCol1of3 {
	position:absolute;
	width:330px;
	left:0px;
}

#MenuSection2 #sectionCol2of3 {
	position:absolute;
	width: 390px;
	left:370px;
}


#sectionColSubNav {
	position:absolute;
	width: 170px;
	left:770px;
	border-bottom: 1px solid #e6e4dd;
}

#section1Liner, #section2Liner {
	position:absolute;
	width:1px;
	background-color:#ebecec;
	height:200px;	
}

#section1Liner{
	left:350px;
}
#section2Liner {	
	left:755px;
}

#sectionCommunityThumbnails {
	display: none;
	position:absolute;
	border: 1px solid #eeeeee;
}

#sectionCommunityThumbnails IMG {
	margin:5px;
	display:block;
	cursor: pointer;
}

#flashPlayer {
	position:absolute;
	top:0px;
	left: 10px;
}
#flashPlayer img{
	height: 228px;
	width: auto;
}
#sectionCommunityCol {
	position:absolute;
	width: 325px;
	left:405px;

}

.menuSection .button {
	position:absolute;
	top: 184px;
	left: 0px;
}

/* Buttons ************************************************/

.btn {
	cursor:pointer;
}

.btnSectionClose {
	cursor:pointer;
	float:right;
	display:block;
}

.btnSubNav, .btnSubNavOv, .btnSubNavOn  {
	vertical-align: middle;
	background-repeat:no-repeat;
	background-position: right bottom;
	border-bottom: 1px solid #e6e4dd;
	width: 170px;
	min-height: 26px;
	display:block;
	cursor:pointer;
	z-index:15;
	overflow: hidden;
}
.btnSubNav {
	background-image: url("~/media/Images/LeftMenu/btnSubNavOf.jpg");
	background-color: #fbfbfb;
}

.btnSubNavOv {
	background-image: url("~/media/Images/LeftMenu/btnSubNavOv.jpg");
	background-color: #eaeaea;
}

.btnSubNavOn {
	background-image: url("~/media/Images/LeftMenu/btnSubNavOn.jpg");
	background-color: #eaeaea;
}
.btnTopSubNav, .btnTopSubNavOv, .btnTopSubNavOn  {
	vertical-align: middle;
	background-repeat:no-repeat;
	background-position: top right;
	background-image: url("~/media/Images/LeftMenu/btnTopNav.jpg");
	width: 170px;
	min-height: 26px;
	display:block;
	cursor:pointer;
	z-index:15;
	overflow: hidden;
	border-bottom: 2px solid #e6e4dd;
	border-top: 2px solid #e6e4dd;
}

.btnTopSubNavOv, .btnTopSubNavOn {
	vertical-align: middle;
}

.btnTopSubNav A,  .btnTopSubNavOv A, .btnTopSubNavOn A {
	vertical-align: middle;
	margin:0px;
	padding:5px 7px;
	display: block;
	font-size:10px;
	text-decoration: none;
	color:#77787c;
	text-transform: uppercase;
	margin-right: 5px;
}

.btnSubNav A,  .btnSubNavOv A, .btnSubNavOn A {
	vertical-align: middle;
	margin:0px;
	padding:5px 7px;
	display: block;
	font-size:10px;
	text-decoration: none;
	color:#77787c;
	text-transform: uppercase;
	margin-right: 5px;
	font-weight:normal;
}


.btnSubNav A {
	color:#77787c;
}

.btnSubNavOv A {
	color:#0a3e6f;
}

.btnSubNavOn A {
	color:#0a3e6f;
}


.btnSubNavSubSection, .btnSubNavSubSectionOv , .btnSubNavSubSectionOn {
	vertical-align: middle;
	width: 170px;
	min-height: 20px;
	display:block;
	cursor:pointer;
	z-index:15;
	overflow: hidden;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e4dd;
	background-color: #ffffff;
}

.btnSubNavSubSection {
/*	background-image: url(../img/BGSubNavSubSection.gif);*/
}
.btnSubNavSubSectionOv {
/*	background-image: url(../img/BGSubNavSubSectionOv.gif);*/
}
.btnSubNavSubSectionOn {
/*	background-image: url(../img/BGSubNavSubSectionOv.gif);*/
}
.btnSubNavSubSection A,  .btnSubNavSubSectionOv A, .btnSubNavSubSectionOn A{
	vertical-align: middle;
	margin:0px 0px 0px 22px;
	padding:4px 0px 0px 0px;
	display: list-item;
	font-size:10px;
	text-decoration: none;
	font-weight:normal;
}

.btnSubNavSubSection A {
	color:#77787c;
}

.btnSubNavSubSectionOv A , .btnSubNavSubSectionOn A {
	color:#03335f;
}


#btnPrint {
	display:inline;
	float: right;
	cursor:pointer;
}

/* Brand Selector ************************************************/
#brandSelected {
	position:absolute;
	width:70px;
	top:10px;
	height: 239px;
}


#selectedBottle{
	position: absolute;
	bottom: 0px;
	max-width: 80px;
}

.brandDetails {
	position: absolute;
	top: 10px;
	left:90px;
	width: 300px;
	display: none;
}

.brandDetailsP2 {
	position: absolute;
	top: 10px;
	left:90px;
	width: 300px;
	display: none;
}

.detailsBtns {
	position: absolute;
	top: 190px;
	left:0px;
}

#brandBottles{
	position: absolute;
	left: 435px;
	top: 55px;
	overflow: hidden;
}

#brandBottles IMG{
	display: block;
}

.arrLeft, .arrRight {
	position:absolute;
	width: 15px;
	height:53px;
	top:115px;
	z-index:20;
}


.arrLeft {
	left:410px;
}

.arrRight {
	left:902px;
}

.tableBottles {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 20;
	padding:0px;
	margin:0px;
}

#brandGradient {
	position: absolute;
	z-index: 100;
	width: 470px;
	height:159px;
	top:45px;
	left:435px;
}

#brandGradient IMG{
	width: 470px;
	height:159px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/brands/gradient.png', sizingMethod='scale');	
	z-index: 100;
}

/* Page Templates ************************************************/
#homepage {
	position: relative;
	width: 100%;
	height: 656px;
	margin: auto;
}
#homepageInner {
	width:1073px;
	margin:auto;
}

#header {
	height:230px;
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 0;
	min-height: 230px;
	max-height: 230px;
}
#header img{
	height: 230px;
	min-width: 1005px;
	max-width: 1426px;
	min-height: 230px;
	max-height: 230px;
	width: 100%;
}
#header_placeholder {
	height:250px;
}
.heritage {
	background-image:url(../img/header_image_heritage.jpg);
}

.company {
	background-image:url(../img/header_image_company.jpg);
}

.community {
	background-image:url(../img/header_image_community.jpg);
}

.brands {
	background-image:url(../img/header_image_backup.jpg);
}

#wrap {
	width: 1005px;
	float: left;
}
#subwrap{
	float: right;
	width: 747px;
}
#innerpage {
	position: relative;
	width: 1005px;
	margin:auto;
}

#colSubNav {
	width: 170px;
	margin-left:36px;
	float: left;
	text-transform: uppercase;
}

#content {
	float: left;
	width:490px;
	position:relative;
	z-index: 1;
}

#rightCol {
	display:inline;
	float: left;
	margin-left:50px!important;
	margin-left:25px;
	width:207px;
}



#pageTitle{
	font-size: 24px;
	color:#025a97;
	width: 490px;
	min-height:28px;
	border-bottom:1px solid #b5b5b5;
	margin-bottom: 20px;
	padding-right: 257px;
	line-height: 93%;
	float: left;
	text-transform: uppercase;
	margin-top: -5px;
	padding-top: 5px;
}

#boxItem{
}

.boxItem {
	margin: 15px 0;
}

.boxItem a:hover{
	color: #195782;
}

.rightColLiner {
	height:23px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom:24px;
}

#footer{
	margin-top: 30px;
	margin-bottom:10px;
	margin-left: 20px;
	width: 975px;
}

#homepage #footer{
	margin: 0 auto;
	position: relative;
	height: 12px;
	width: 985px;
}
.siteSpots img{
	float: left;
}
#homepage .siteSpots{
	margin: 0 auto;
	position: relative;
	/*width: 985px;*/
	text-align:center;
	height: 65px;
}

#homepage #footerWrap {
	top:675px;
	position:absolute;
	width:100%;
}

.hidden {
	display: none;
}

/* Form Templates ************************************************/
.left{
float:left;
}

.outer{
margin-left:-30px;
}

.viewed{
	text-decoration:none;
	color:#8b8c90;
}

#qualityForm, #orderForm, #mdfform{
	margin-left:30px;
	margin-top:15px;
}


#next, #add,#qualityForm input[type='text'], #orderForm input[type='text'], #mdfform input[type='text']{
	height:15px;
	border:1px #999999 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8b8c90;
}
input[type='submit'], #next1{
	margin:0;
	padding:1px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8b8c90;
	border:1px solid #999999!important;
	border:none;
}
#qualityForm select, #orderForm select, #mdfform select,#qualityForm #submit, #orderForm #submit, #mdfform #submit{
	height:18px;
	font-size:11px;
}
/*
#qualityForm .frmLabels{
	float:left;
	width:100px;
}
*/
#orderForm .frmLabels{
	float:left;
	width:150px;
}
/*
#mdfform .frmLabels{
	float:left;
	width:150px;
}
*/
form li{
	padding: 0px;
	margin: 0px;
}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	display:block;
	color: red;
	clear:both;
}
#orderForm label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	margin-left:150px;
}
div.error { display: none; }
input {	border: 1px solid black; }
input:focus { border: 1px dotted black; }
/*input.error { border: 1px dotted red; }*/

.frmText{
height:auto;
border:1px #999999 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8c90;
width:190px;
}

.frmTA{
height:auto;
border:1px #999999 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8c90;
width:400px;
}

.frmRN1{
height:auto;
border:1px #999999 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8c90;
width:55px;
}

.frmRN2{
height:auto;
border:1px #999999 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8b8c90;
width:25px;
}

.frmTextQty{
	height:auto;
	border:1px #999999 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b8c90;
	width:130px;
	margin-right:10px;
}

.frmTextPermit{
	height:auto;
	border:1px #999999 solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b8c90;
	width:50px;
}

.frmTextArea{
border:1px #999999 solid;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#8b8c90;
}

.frmCheckBox{
background:#FFF;
border:1px #999999 solid;
color:#8b8c90;
}


/* BioList *****************************/
.bioList {
	width:100%;
}
.bioItem {
	/*position: relative;
	top: 15px;*/
	width: 230px;
	margin-bottom: 20px;
	margin-right: 10px;
	float: left;
}
.bioName {
	padding-top:7px;
	text-transform:uppercase;
	color:#025a97;
	font-weight:bold;
	clear: right;
	display: block;
	font-size:12px;
	text-decoration: none !important;
}
.bioName:hover{
	color: #2F7FB6;
}
.bioFunction {
	clear: right;
	display: block;
	height:25px;
}
.bioList  .bioImg {

	clear: left;
	float: left;
	margin-right: 5px;
	padding:5px;
	border:1px solid #e4e4e4; 
}
.bioLink {
	clear: right;
	margin-top:23px;
	display: block;
	text-decoration: none;
}
.bioDetail .bioName,.bioDetail .bioFunction {
	width:150px;
	position:relative;
	z-index: 1;
	left:230px;
}
.bioDetail .bioImg{
	position:relative;
	float:left;
	top: -40px;
	padding:5px;
	border:1px solid #e4e4e4;
	z-index: 1;
}
.bioDetail .bioDesc{
	width:255px;
	float:left;
	padding-left:18px;
	padding-top:10px;
	position: relative;
	z-index: 1;

}
/* Documents *********************************/
.document {
	margin-top: 12px;
}
.document a {
	display: block;
	margin-bottom: 3px;
}
.document img {
	float: none;
	margin: 0px 2px;
	height:17px;
	width:17px;
}

/* News **************************************/
.newsYear {
	display: none;
}
.news {
	border-bottom: 1px solid #e4e4e4;
	margin: 10px 0px;
}
.newsTitle {
	color:#0062A6;
	font-weight:bold;
	text-transform:uppercase;
}
.date {
	color:#8B8C90;
	margin-bottom:10px;
}
.readMore {
	display: block;
	margin: 10px 0px;
}
/* BoxItem **********************************/
.boxItem img {
	margin: 2px 5px 2px 0px;
}
/* Footer ***********************/
.footer_ruler{
	background-image: url("/img/bgFooter.gif");
	height: 10px;
} 
.footerElement {
	color: #969595;
	font-size: 10px;
	padding: 5px 0;
	background-color: white;
	white-space:nowrap;
}
.footerElement a{
	color: #969595;
	text-decoration:none;
	display:block;
	padding: 0px 12px;
}

.footerElement a:hover{
	color:#0a3e6f;
}

#flashContainer {
	width: 100% !important;
	min-width:1004px;
	position: absolute;
	top: 0px;
}
.siteSpots{
	width: 945px;
	position: relative;
	margin: 0px auto;
}
/* Header ***********************/
.headerElement {
	color: #969595;
	font-size: 12px;
	padding: 0px 5px;
	height: 15px;
	background-color: white;
	float:right;
	vertical-align: bottom;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
}
a.headerElement:hover{
	color:#0a3e6f;
}

#headerLang ,#headerFAQ{
	border-left: 1px dotted #969595;
}

/* EndHeader ***********************/
/*FAQ*****************************/
.question {
	margin: 10px 0px;
	font-size: 12px;
	color: #025A97;
}
.faqAnchor {
	border-bottom: 1px solid #B5B5B5;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
/*EndFAQ**************************/
.sport_table{
	text-align: center;
}
.sport_table a{
	text-decoration: none;
}
.sport_table img{
	width: 63px;
	height: auto;
}
.sport_logo{
	text-decoration: none;
}
.sport_logo img{

}

input[type="radio"]{
	border:none;
}
iframe{
	overflow:auto;
}
#respchoices{
	margin:0 auto;
}


/* BREWERIE */

.brewerie_block{
	border-bottom: 1px solid #ddd;
	clear: both;
	float: left;
	padding-bottom: 15px;
	widows: 513px;
}
#breweries{
	width: 513px;
}
.brewerie{
	clear: both;
	height: 85px;
}
.brewerie_num_red, .brewerie_num_yellow, .brewerie_num_blue {
	width: 20px;
	height: 16px;
	margin: 17px 8px 1px 1px;
	float: left;
	clear: left;
	text-align: center;
	background: #fff top left no-repeat scroll;
	line-height: 14px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	vertical-align: middle;
}
.brewerie_num_red{
	background-image: url('~/media/Images/Breweries/brewerie_red.png') 
}
.brewerie_num_blue{
	background-image: url('~/media/Images/Breweries/brewerie_blue.png') 
}
.brewerie_num_yellow{
	background-image: url('~/media/Images/Breweries/brewerie_yellow.png') 
}
.brewerie_item{
	width: 480px;
	margin-top: 2px;
	float: left;
	clear: right;
}
.brewerie_item p{
	margin: 0px;
}
/* //BREWERIE */

#market_wire_detail{
	display:block;
	width:490px;
	/*overflow:auto;*/
}
#market_wire_detail, 
#market_wire_detail p,
#market_wire_detail p pre,
.release, .summary{
	display:block;
	margin:10px 0;
	padding:0;
	width:490px;
	/*white-space:normal;*/
}
td{
	vertical-align:top;
	/*display:block;*/
}
textarea{
	width:250px;
	margin:0;
	padding:0;
}

.imgHomeLogo
{
margin-top:18px;    
}