body {
}

/*

Intro Box

*/

.introBox
{
	width: 700px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	color: #C66C1D;
	background-color: #000;
	font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
}

.introBox h1
{
	font-size: 20pt;
	font-weight: bold;
	margin: 0 30px 10px 30px;
}

.introBox h2
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	margin: 0 30px;
}

.introBox p
{
	font-size: 14px;
	margin: 0 30px;
}

/*

Slider

*/

#horizontalSliderWindow
{
	width: 700px;
	height: 325px;
	overflow: hidden;
	background: #E5E4DA url( ../images/ourproducts/slider-back.gif ) repeat-x top left;
	position: relative;
}

#horizontalSlider
{
	height: 325px;
	padding: 8px 0 8px 30px;
	top: 0;
	position: relative;
}

#horizontalSlider div
{
	float: left;
	height: 295px;
	position: relative;
}

#horizontalSlider #step-1 table
{
	width: 540px;
	height: 295px;
}

#horizontalSlider #step-1 td h1
{
	font-family: Tahoma, Sans-Serif;
	font-size: 20pt;
	color: #C66C1D;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#horizontalSlider #step-2 table
{
	width: 185px;
	height: 295px;
}

#horizontalSlider #step-3 table
{
	width: 350px;
	height: 295px;
}

#horizontalSlider #step-4 table
{
	width: 245px;
	height: 295px;
}

#horizontalSlider #step-5 table
{
	width: 430px;
	height: 295px;
}

#horizontalSlider #step-6 table
{
	width: 490px;
	height: 295px;
}

#horizontalSlider table p
{
	font-family: Tahoma;
	color: #606B77;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 16px;
	margin-top: 4px;
	margin-left: 0px;
	padding: 0;
}

/* 
Slider Buttons
*/

#leftSliderButton
{
	position: absolute;
	z-index: 99;
	top: 120px;
	left: 0;
}

#rightSliderButton
{
	position: absolute;
	z-index: 98;
	top: 120px;
	left: 636px;
}

#rightSliderButton
{
	display: block;
	padding: 0;
	margin: 0;
}

.barsParagraph
{
	padding-left: 30px;
}

/*	image swap fade in effect */
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
}
/* end of image swap */


/* Glossary page */
#scrollGlossary
{
	width: 700px;
	height: 510px;
	overflow: hidden;
	position: relative;
}
.glossaryContent
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Tahoma;
	font-size: 13px;
	line-height: 17px;
	width: 635px;
	background-image: url(../images/ourproducts/glossarybg.gif);
}
.glossaryAlternateContent
{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 17px;
	font-family: Tahoma;
	font-size: 13px;
	width: 635px;
	background-image: url(../images/ourproducts/glossarybg1.gif);
}
#glossaryhead
{
	background-image: url(../images/ourproducts/glossary_head_bg.gif);
}
#index
{
	font-family: Tahoma;
	font-size: 11px;
	color: White;
}
#glossaryHeading
{
	height: 42px;
	padding-top: 10px;
	padding-left: 30px;
	font-family: Tahoma;
	font-size: 20px;
	color: #c66c1d;
	font-weight: bold;
}
#glossaryIndex
{
	height: 30px;
}
#glossaryScroller
{
	position: absolute;
	top: 490px;
	left: 340px;
	width: 60px;
}
#glossaryScroller #down
{
	width: 30px;
	display: block;
}
#glossaryScroller #up
{
	width: 30px;
	display: none;
}
#glossaryWindow
{
	position: relative;
}


/* FAQ */
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#c66c1d;
	font-family: Tahoma;
	font-weight: bold;
	font-size:13px;
	background-color: White;	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_text a:link
{
	color:#606b77;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
}
.dhtmlgoodies_text a:visited
{
	color:#606b77;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
}
.dhtmlgoodies_text a:hover
{
	color:#c66c1d;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
}

.dhtmlgoodies_answer
{	/* Parent box of slide down content */
	/* Start layout CSS */
	/*background-color:#e5e4da;*/
	color:#606b77;
	font-size: 13px;
	font-family: Tahoma;
	/*width:400px;*/
	background-image:url('../images/home/ourcompany/faq_ans_bg.gif');
	background-repeat: repeat;
	visibility:hidden;
	height:0px;
	overflow:hidden;
}

.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}


#faqheaderTxt
{
	width:100%;
	height: 86px;
	background-color: Black;
}
.custompageHeaderTxt
{
	font-family: Tahoma;
	font-size: 20px;
	color: #c66c1d;
	font-weight: bold;
}
.custompageHeaderTxtSmall
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration:none;
}
a.custompageHeaderTxtSmall:link
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration:none;
}
a.custompageHeaderTxtSmall:hover
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #c66c1d;
	text-decoration:none;
}
a.custompageHeaderTxtSmall:visited
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration:none;
}
.formInput
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-size: 11px;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Tahoma;
	height: 12px;
	background-color: white;
	width: 143px;
}
.formTextBox
{
	border-right: white 1px solid;
	border-top: white 1px solid;
	font-size: 11px;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	font-family: Tahoma;
	background-color: white;
	width: 143px;
}
.faq
{
	position: relative;
	overflow:hidden ;
	margin-left: 485px;
}
.faqRowStyle
{
	background-color: Black;
}
.faqColumnRight
{
	width: 40px;
	text-align: left;
}
.faqColumnButton
{
	width: 40px;
	padding-top: 55px;
	text-align: left;
}
.faqColumnLeft
{
	width: 143px;
	padding-left: 13px;
	padding-top: 10px;
	padding-bottom: 13px;
	padding-right: 0px;
}
#faqcategoryTxt
{
	background-image:url(../images/home/ourcompany/faq_ques_bg.gif);
}

/* Brand Detail*/
#rightpanelhead
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 20px;
	color: White;
	position:absolute; 
	top: 10px; 
	left: 20px; 
	width: 245px; 
	height: 25px;
}
#rightpaneldescription
{
	font-family: Tahoma;
	font-size: 13px;
	position: absolute; 
	top: 55px; 
	left: 20px; 
	width: 238px; 
	height: 290px; 
	color: White;
}
.rightpanellink
{ 
	position:absolute; 
	top: 360px; 
	left: 0px; 
	width: 290px; 
	height: 95px; 
	color: White;
}
#rightpanellinkbottle
{
	position:absolute; 
	bottom: 0; 
	right: 0; 
	width: 100px; 
	height: 200px; 
	padding-bottom: 0px;
}
a.branddetaillink:link
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
} 
a.branddetaillink:hover
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
} 
a.branddetaillink:visit
{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
} 
#branddetailleftpanel
{
	position: absolute; 
	width: 410px; 
	height: 455px; 
	top: 0px; 
	left: 0px;
}
.branddetailrightpanel
{
	position: absolute; 
	width: 290px; 
	height: 455px; 
	top: 0px; 
	left: 410px;
}
#branddetailbottompanel
{
	position: absolute; 
	top: 455px; 
	left: 0px;
}
#bottlecaption
{ 
	display:none;
	position: absolute; 
	top: 133px; 
	left: 48px; 
	width: 194px; 
	height: 132px;
}
#bottlecaption1
{ 
	position: absolute; 
	top: 75px; 
	left: 30px; 
	width: 194px; 
	height: 132px;
	
}
#bottlecaption2
{ 
	position: absolute; 
	top: 60px; 
	left: 25px; 
	width: 194px; 
	height: 132px;
	
}
#bottlecaption3
{ 
	position: absolute; 
	top: 120px; 
	left: 55px; 
	width: 194px; 
	height: 132px;
	
}
.msgbox
{
	background-color: Black;
	color: White;
	text-align: right;
	padding-right: 8px;
	font-family: Tahoma;
	font-size: 11px;
	vertical-align: top;
	padding-left: 5px;
	height: 18px;
}
.msgboxcontent
{
	background-color: Black;
	color: White;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	vertical-align: top;
	height: 18px;
}
#pospanel
{
	position: absolute; 
	top: 6px; 
	left: 80px; 
	width: 530px; 
	height: 150px;
	padding: 2px 10px 2px 10px;
}
.posTable
{
	padding-left: 30px;
	padding-right: 30px;
}
.posalign
{
	text-align: center;
	vertical-align: middle;
	width: 33%;
	padding-left: 30px;
	padding-right: 30px;
}
.knowmore
{
	position: absolute; 
	top: 20px; 
	left: 35px; 
	font-family: Tahoma;
	font-size: 13px;
}
a.knowmorelink:link
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	color: #D9882D;
}
a.knowmorelink:visited
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	color: #D9882D;
}
a.knowmorelink:hover
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	color: #D9882D;
}

/* Bars */
a.barsUrl:link
{
	font-family: Tahoma;
	font-size: 13px;
	color: White;
	text-decoration: none;
}
a.barsUrl:visited
{
	font-family: Tahoma;
	font-size: 13px;
	color:White;
	text-decoration: none;
}
a.barsUrl:hover
{
	font-family: Tahoma;
	font-size: 13px;
	color:#c66c1d;
	text-decoration: none;
}
#barsTitle
{
	padding-left:30px; 
	padding-top:13px; 
	height: 35px; 
	vertical-align: bottom;	
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: Black;
}
#barsContact
{
	padding-left:30px;
	height:63px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: Black;
	line-height: 16px;
}
#barsSpace
{
	height:12px;
	width:700px;
}
.barSiteClass
{
	padding-top:2px;
	text-align:center;
	height:19px;
}
.barDescriptionClass
{
	padding-top:0px;
	padding-left:30px; 
	width:435px;
}
/* Media */


/* Beer Professor Blog */
#beerProBanner
{
	background-image: url(../images/ourproducts/Beer_professor_banner.jpg);
	width: 700px;
	height: 175px;
}
#beerProBannerTitle
{
	padding-top: 14px;
}
#beerProContent
{
	padding: 15px 20px 10px 30px;
	margin: 0px;
	width: 450px;
}
#beerProBlogPostList
{
	padding-left: 30px;
	width: 450px;
}
#beerProNav
{
	padding: 15px 0px 10px 0px;
	margin: 0px;
	width: 185px;
}
#commentBox
{
	width: 451px;
	height: 288px;
	background-image: url(../images/ourproducts/commentBoxBg.jpg);
	padding: 0px;
	margin-left: 30px;
}
#commentBoxTable
{
	padding: 30px 10px 10px 10px;
	margin: 0px;
}
.commentBoxTxt
{
	color: White;
	font-family: Tahoma;
	font-size: 13px;
}
.commentBoxComments
{
	font-family: Tahoma;
	font-size: 18px;
	color: #c66c1d;
}
h2.postTitle
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

h2.postTitle a:link
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
h2.postTitle a:visited
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
h2.postTitle a:hover
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
h3.postDate
{
	font-weight: normal;
	padding-bottom: 13px;
}
h1.postTitle
{
	color: #c66c1d;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
}

h1.postTitle a:link
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
h1.postTitle a:visited
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
h1.postTitle a:hover
{
	color: #c66c1d;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
.postComments
{
	padding-left: 0px;
}
p.commentListAuthor
{
	color: #c66c1d;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
p.commentListDate
{
	color: #606B77;
	font-size: 12px;
	font-family: Tahoma;
	margin: 0px;
	padding-bottom: 15px;
}
p.commentListText
{
	color: #606B77;
	font-size: 12px;
	font-family: Tahoma;
	margin:0px;
	padding: 0px 0px 20px 0px;
}

.commentsButton input
{
	
}
.commentsInput
{
	background-image: url( ../images/ourproducts/txtbg.jpg);
	border: 0px;
}
.commentsList p
{
	color: Red;
	font-family: Tahoma;
	font-size: 13px;
	padding-top: 15px;
}

.postComments
{
	padding-top: 20px;
}
.postsNavigation p
{
	padding: 0px;
	margin: 0px;	
}

.postsNavigation a:link
{
	color: #c66c1d;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.postsNavigation a:visited
{
	color: #c66c1d;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.postsNavigation a:hover
{
	color: #c66c1d;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

h1.postTitle
{
	padding: 5px 0px;	
}


.post h2
{
	padding: 10px 0px;
	margin: 0px;
	color: #606b77;
	font-size: 13px;
}

.feed {
	background:transparent url(../images/ourproducts/feed.gif) no-repeat scroll 0pt 5px;
	display:block;
	padding:5px 0pt 5px 20px;
}