@charset "utf-8";


/*-----------------------------------------------------------------------------
	
	Russell Brewing Company
	
	version:   1.0

	-----------------------------------------------------------------------------*/
	/* Basics
	-----------------------------------------------------------------------------*/
	
	body { height: 100%; } 
	
	html { height: 100%; } 
	
	/* Force vertical scrollbar */
	html {
	min-height: 100%;
	margin-bottom: 1px;
}
	
	* { margin: 0; padding: 0px; } /* Remove padding and margin */

	ul {
	margin: 0em 0;
} 

	table {
	margin: 0em 0;
} 

	fieldset {
	margin: 0em 0;
} 

	form {
	margin: 0em 0;
} 

	blockquote {
	margin: 0em 0;
} 

	pre {
	margin: 0em 0;
} 

	p {
	margin: 0em 0;
} 

	h6 {
	margin: 0em 0;
} 

	h5 {
	margin: 0em 0;
} 

	h4 {
	margin: 0em 0;
} 

	h3 {
	margin: 0em 0;
} 

	h2 {
	margin: 0em 0;
} 

	h1 {
	margin: 0em 0;
} /* Put it back on certain elements */ 
	
	.clear { clear:both; } /* Class for clearing floats */
	
	img { border: 0; } /* Remove border around linked images */

	
/* ---------------------------------------------------------------------------
Spacers & Headers
-----------------------------------------------------------------------------*/
		
.break { margin: 0; padding: 0; border-width: 0; height:4px; line-height: 8px; }

.bigBreak { height:20px; }

.dividerLine {
	width: 870px;
	height:5px;
	margin-top: 5px;
	background-color:#9f644b;
	background:url(../images/topDividerLine.jpg) no-repeat top;
}

.dividerLineBottom {
	width: 870px;
	height:8px;
	background-color:#9f644b;
	background:url(../images/bottomDividerLine.jpg) no-repeat top;
	margin-top: 15px;
	margin-bottom: 5px;
}

.dividerLineBottom2 {
	width: 870px;
	height:77px;
	background-color:#9f644b;
	background:url(../images/bottomDividerLine2.jpg) no-repeat top;
	margin-top: 15px;
	margin-bottom: 5px;
}


.beerBelly {
	width: 860px;
	height:406px;
	background-color:#9f644b;
	background:url(../beer_img/Russell_Lions_Lager_Page.jpg) no-repeat top;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.beerBelly1 {
	width: 860px;
	height:406px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.beerSearch {
	width: 860px;
	height:370px;
	background:url(../beer_img/search2.jpg) no-repeat top;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.lemonSearch {
	width: 860px;
	height:370px;
	background:url(../beer_img/lemon_ale.jpg) no-repeat top;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.goldenStag {
	width: 860px;
	height:1044px;
	background:url(../beer_img/golden_stag.png) no-repeat top;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}


.pipe {
	width:1px;
	height:18px;
	padding: 0px 8px 0px 8px;
}

br {
	margin: 0;
	padding: 0;
	border-width: 0;
	line-height: 8px;
}

*.brHalf { display:block; margin-top:-0.5em; }

*.brSingle { display:block; margin-top:0em; }

*.brOne { display:block; margin-top:1.5em; }

*.brDouble { display:block; margin-top:2em; }

	
/* ---------------------------------------------------------------------------
HREF Selectors
-----------------------------------------------------------------------------*/	


	
/* ---------------------------------------------------------------------------
Paragraph/Header/List Selectors
-----------------------------------------------------------------------------*/	

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	line-height:18px;
	color:#000000;
	padding:0;
	margin:0;
	padding-bottom: 15px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:21px;
	line-height:25px;
	padding:0;
	margin:0;
	padding-bottom: 15px;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:21px;
	padding:0;
	margin:0;
	padding-bottom: 12px;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	color:#000000;
	padding:0;
	margin:0;
	font-weight: normal;
	padding-bottom: 15px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#802e15;
	font-weight:bold;
	padding:0;
	margin:0;
}
ul {
	list-style:none;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:12pt;
	color:#616465;

}
li {
	padding-bottom:1px;
	

}
a:link {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}
a:visited {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}
	
a:active {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}
a:hover {
text-decoration: underline;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}

#contentAreaMain  a:link {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}

#contentAreaMain  a:visited {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}

#contentAreaMain a:active {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}

#contentAreaMain a:hover {
text-decoration: underline;
	color: #624a38;
	font-size:13px;
	line-height: 15px;
}


/* ---------------------------------------------------------------------------
Secondary Page Headers & Breadcrumbs
-----------------------------------------------------------------------------*/	



/* ---------------------------------------------------------------------------
Global ID's
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bk.gif) repeat;
	text-align: center;
	margin: 0;
	padding: 0; }
#wrapper {

	width: 100%;
	text-align: left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position:relative; }
	
#siteFrame {
	background-color:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin: 0 auto;
	position: relative; /* Allow room for footer to stick to the bottom */
	width: 870px;
}


/* ---------------------------------------------------------------------------
Top Logo & Navigation
-----------------------------------------------------------------------------*/

#topSection{
	height: 325px;
	width: 100%;
	position: relative;
	margin-bottom: 2px;
	top: 0px;
	left: 0px;
}

#topCommerce{
	height: 320px;
	width: 100%;
	position: relative;
	margin-top: 5px;
	margin-left: 4px;
	margin-bottom: 1px;
	top: 0px;
	left: 0px;
}


/* ---------------------------------------------------------------------------
Main Content
-----------------------------------------------------------------------------*/

#contentArea {
	position:relative;
	margin-top: 2px;
}

#beerContentArea {
	position:relative;
	margin-top: 5px;
}

#contentAreaLeft{
	width:175px;
	float: left;
	padding: 30px 0px 0px 25px;
}

#contentAreaLeft a:link {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 22px;
}
#contentAreaLeft a:visited {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 22px;
}
	
#contentAreaLeft a:active {
	text-decoration: none;
	color: #624a38;
	font-size:13px;
	line-height: 22px;
}
#contentAreaLeft a:hover {
text-decoration: underline;
	color: #624a38;
	font-size:13px;
	line-height: 22px;
}

.contentGradientLine{
	float:left;
	background:url(../images/verticleLine.jpg) no-repeat bottom left;
	width: 7px;
	margin-right: 20px;

	}
.contentSolidLine{
	float:left;
	background-color:#dcd6cd;
	width: 7px;
	margin-right: 20px;
	margin-top: 15px;

	}

#contentAreaMain {
	background-color:#FFFFFF;
	background:url(../images/verticleLineThin.jpg) repeat-y top right;
	width:470px;
	float:left;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 20px;
}

#contentAreaMain2 {
	background-color:#FFFFFF;
	width:470px;
	float:left;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 20px;
}


.contentAreaRightBanner{
	float:right;
	padding-top: 25px;
	padding-right: 20px;
	position: relative;
}

.findRussell{
	float:right;
	padding-top: 35px;
	padding-right: 80px;
	position: relative;
}
.findRussell2{
	float:right;
	padding-top: 0px;
	padding-left: 10px;
	position: relative;
}

.contentAreaSearch{
	float:right;
	padding-top: 25px;
	padding-right: 20px;
	position: relative;
}

#titlesv2 {
	border-bottom:solid 1px #CCCCCC;
}

#titlesv2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-top:4px;
	color:#333333;
}

#titles {
}

#titles p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-top:4px;
	color:#333333;
}

#tablenow { 
  border: 0; 
  font-family: arial; 
  font-size:13px; 
  
} 
.tablenow td
{ 
font-family: Arial;
font-weight: normal;
font-size: 13px;
} 

h1.headlines { height:44px; } 

/* ---------------------------------------------------------------------------
Footer
-----------------------------------------------------------------------------*/

#footer {
	width: 860px;
	padding-top: 5px;
	margin-left: 5px;
	height: 20px;
}

.footerContent{
	width:160px;
	float:left;
	padding-left: 20px;
}


.footerContent a:link {
	text-decoration: none;
	color: #624a38;
	font-size:10px;
	line-height: 12px;
}
.footerContent a:visited {
	text-decoration: none;
	color: #624a38;
	font-size:10px;
	line-height: 18px;
}
a:active {
	text-decoration: none;
	color: #624a38;
	font-size:10px;
	line-height: 18px;
}

.footerContent a:hover {
	text-decoration: none;
	color: #624a38;
	font-size:10px;
	line-height: 18px;
}

/*-----------------------------------------------------------------------------
SiteMap
-----------------------------------------------------------------------------*/

.sitemapStyle {
	padding-left:0px;
	padding-top:15px;
	padding-bottom:5px;
	background-color:#FFFFFF;
        background:url('/img/sitemap.jpg') no-repeat;
	color:#333333;
	height:200px;
	line-height:13px
}

.sitemapStyle a:link {
	text-decoration: none;
	color: #957b58;
	font-size:10px;
	line-height: 13px;
}
.sitemapStyle a:visited {
	text-decoration: none;
	color: #957b58;
	font-size:10px;
	line-height: 13px;
}
.sitemapStyle a:active {
	text-decoration: none;
	color: #957b58;
	font-size:10px;
	line-height: 13px;
}
.sitemapStyle a:hover {
	text-decoration: underline;
	color: #957b58;
	font-size:10px;
	line-height: 13px;
}

/* ---------------------------------------------------------------------------
Homepage Main Banner
-----------------------------------------------------------------------------*/

#homeMainBanner{
	background:url(../_images/mainbanner_middle.jpg) repeat;
	height:325px;
	width:auto;
	position: relative;
}

.hmbTop{
	background:url(../_images/mainbanner_top.jpg) top;
	height:35px;
}

.hmbBottom{
	background:url(../_images/mainbanner_bottom.jpg) bottom no-repeat;
	height:42px;
	position: relative;
}

.hmb_contentLeft{
	position: absolute;
	left: 0px;
	top: 7px;
}

.hmb_contentRight{
	background:url(../img/newsbanner.jpg) top no-repeat;
	position: absolute;
	right: 6px;
	top: 7px;
}

.hmb_contentPress{
	float:right;
	width: 390px;
	padding-right: 0px;
}


.hmb_contentPress a:link {
	text-decoration: none;
	color: #624a38;
	font-size:11px;
	line-height: 16px;
}
.hmb_contentPress a:visited {
	text-decoration: none;
	color: #624a38;
	font-size:11px;
	line-height: 16px;
}
.hmb_contentPress a:active {
	text-decoration: none;
	color: #624a38;
	font-size:11px;
	line-height: 16px;
}
.hmb_contentPress a:hover {
	text-decoration: underline;
	color: #BA7025;
	font-size:11px;
	line-height: 16px;
}

#featureBox_1 { float:left; width:200px; height:100px; padding-left: 30px; margin-top:60px; position:absolute; } 
}

#featureBox_2 { float:center; width:200px; height:100px; padding-left: 0px; margin-top:60px; position:absolute; }

}

.goldenStag { position: relative; height: 1044px; width: 860px; }
.goldenStag #featureBox_2 { float: none; top: auto; width: auto; height: auto; left: auto; }
.goldenStag .contest-details { padding: 435px 75px 0; color: #513a2a; font-size: 1.1em; }
.goldenStag p { padding-bottom: 17px; }
.goldenStag .findRussell2 { position: absolute; bottom: 54px; right: 76px; width: 273px; height: 33px; }



/* ------------------- for new header */