@charset "utf-8";

/*-----------------------------------------------------------------------------
	Russell Beer
	version:   1.0
-----------------------------------------------------------------------------*/
/* Basics 
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
/* Force vertical scrollbar */
	html { min-height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0px; } /* Remove padding and margin */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul { 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:8px; line-height: 8px; }
.bigBreak { height:20px; }
br { margin: 0; padding: 0; border-width: 0; line-height: 6px; }

/* ---------------------------------------------------------------------------
Beer Page
-----------------------------------------------------------------------------*/
#beersFrame { width:860px; height:406px; position:relative; } 
#beersFrame_leftCol { background:url("../test/images/beers_leftCol.jpg") no-repeat; width:201px; height:406px; margin-right:8px; float:left; position:relative; } 
#beersFrame_rightCol { background:url("../test/images/beers_rightCol.jpg") no-repeat; width:651px; height:406px; float:left; position:relative }
#showWrapper { position:absolute; width:636px; height:323px; left: -6px; top: 53px; }
#beersActive img { position:absolute; left:0; top:0; }


/* ~~~~~~~~~~~~~ Craft Beer Brands Btn ~~~~~~~~~~~~~~~ */
a.Btn_CB { background: url("../test/images/beers_craft.jpg") no-repeat; display: block; height: 58px; width: 153px; overflow: hidden; text-indent: -10000px; position:absolute; left: 23px; top: 95px; }
a:hover.Btn_CB { background-position: 0 -58px; }
/* ~~~~~~~~~~~~~ Russell Brewmaster Series Btn ~~~~~~~~~~~~~~~ */
a.Btn_BM { background: url("../test/images/beers_brewmaster.jpg") no-repeat; display: block; height: 78px; width: 153px; overflow: hidden; text-indent: -10000px; position:absolute; left: 23px; top: 128px; }
a:hover.Btn_BM { background-position: 0 -78px; }
/* ~~~~~~~~~~~~~ Russell Rocky Mountain Beers Btn ~~~~~~~~~~~~~~~ */
a.Btn_RM {
	background: url("../test/images/beers_rocky.jpg") no-repeat;
	display: block;
	height: 75px;
	width: 153px;
	overflow: hidden;
	text-indent: -10000px;
	position:absolute;
	left: 23px;
	top: 206px;
}
a:hover.Btn_RM { background-position: 0 -75px; }

/* ~~~~~~~~~~~~~ Russell Flavored Beers Btn ~~~~~~~~~~~~~~~ */
a.Btn_FB { background: url("../test/images/beers_flavored.jpg") no-repeat; display: block; height: 60px; width: 153px; overflow: hidden; text-indent: -10000px; position:absolute; left: 23px; top: 281px; }
a:hover.Btn_FB  { background-position: 0 -60px; }

/* ~~~~~~~~~~~~~ Russell Specialty Beers Btn ~~~~~~~~~~~~~~~ */
a.Btn_SB { background: url("../test/images/beers_specialty.jpg") no-repeat; display: block; height: 52px; width: 153px; overflow: hidden; text-indent: -10000px; position:absolute; left: 23px; top: 299px; }
a:hover.Btn_SB  { background-position: 0 -52px; }


/* ---------------------------------------------------------------------------
Beer Menus
-----------------------------------------------------------------------------*/
.beersHeaders { position:absolute; top:13px; left:14px; width: 618px; height: 44px; }
.beersMenu {
	position:absolute;
	top:18px;
	left:13px;
	width: 566px;
	height: 16px;
}
/* ~~~~~~~~~~~~~ Cream Ale Btn ~~~~~~~~~~~~~~~ */
a.Btn_CB_CreamAle { background: url("../test/images/pc_creamAle.jpg") no-repeat; display: block; height: 12px; width: 98px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_CreamAle { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Pale Ale Btn ~~~~~~~~~~~~~~~ */
a.Btn_CB_PaleAle { background: url("../test/images/pc_paleAle.jpg") no-repeat; display: block; height: 12px; width: 85px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_PaleAle { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Extra Special Btn ~~~~~~~~~~~~~~~ */
a.Btn_CB_ExtraSpecial { background: url("../test/images/pc_extraSpecial.jpg") no-repeat; display: block; height: 12px; width: 178px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_ExtraSpecial { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Honey Blonde Btn ~~~~~~~~~~~~~~~ */
a.Btn_CB_HoneyBlonde { background: url("../test/images/pc_honeyBlonde.jpg") no-repeat; display: block; height: 12px; width: 155px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_HoneyBlonde { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Lime Lager ~~~~~~~~~~~~~~~ */
a.Btn_CB_limeLager { background: url("../test/images/fb_limeLager.jpg") no-repeat; display: block; height: 12px; width: 85px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_HoneyBlonde { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Lime Lager ~~~~~~~~~~~~~~~ */
a.Btn_CB_twistPack { background: url("../test/images/fb_twistPack.jpg") no-repeat; display: block; height: 12px; width: 103px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_CB_twistPack { background-position: 0 -12px; }




/* ~~~~~~~~~~~~~ IP Eh Btn ~~~~~~~~~~~~~~~ */
a.Btn_BM_IpEh { background: url("../test/images/bm_ipEh.jpg") no-repeat; display: block; height: 12px; width: 55px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_IpEh { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Angry Scotch Btn ~~~~~~~~~~~~~~~ */
a.Btn_BM_AngryScotch { background: url("../test/images/bm_angryScotch.jpg") no-repeat; display: block; height: 12px; width: 156px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_AngryScotch { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Black Death Btn ~~~~~~~~~~~~~~~ */
a.Btn_BM_BlackDeath { background: url("../test/images/bm_blackDeath.jpg") no-repeat; display: block; height: 12px; width: 176px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_BlackDeath { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Blood Alley Btn ~~~~~~~~~~~~~~~ */
a.Btn_BM_Blood { background: url("../test/images/bm_blood_alley.jpg") no-repeat; display: block; height: 12px; width: 153px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_Blood { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Lemon ALe ~~~~~~~~~~~~~~~ */
a.Btn_BM_lemonAle { background: url("../test/images/fb_lemonAle.jpg") no-repeat; display: block; height: 12px; width: 82px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_lemonAle { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Lime Lager ~~~~~~~~~~~~~~~ */
a.Btn_BM_limeLager { background: url("../test/images/fb_limeLager.jpg") no-repeat; display: block; height: 12px; width: 156px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_limeLager { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Lions Lager ~~~~~~~~~~~~~~~ */
a.Btn_BM_lionsLager { background: url("../test/images/sb_lionsLager.jpg") no-repeat; display: block; height: 12px; width: 94px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_lionsLager { background-position: 0 -12px; }
/* ~~~~~~~~~~~~~ Twist Pack ~~~~~~~~~~~~~~~ */
a.Btn_BM_twistPack { background: url("../test/images/fb_twistPack.jpg") no-repeat; display: block; height: 12px; width: 93px; overflow: hidden; text-indent: -10000px; float:left; }
a:hover.Btn_BM_twistPack { background-position: 0 -12px; }