/* COLORS 
	Header/NAV Dark Blue: #00458b; 
	NAV Hover Red: #b81c21;
	Header smaller text lighter blue: #3b82c2;
	Light Blue (Nutrition Box) : #d9e3ee;
	Plate Dark Brown: #5c3713;
	Plate Light Brown: #bab09d;
	Plate Lighter Brown: #dabe7a;

*/

/* CSS PAGE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}
* { margin:0; padding:0; border:0; }

/* MAIN STYLES */
body { background:#0b1f36 url(/media/images/layout/backgrad.gif) top center repeat-x; }
body, div, p, ul, li, td, select, input, textarea { font-size:14px; line-height:18px; font-family: Garamond, Serif; color:#3a3a3a; }
p { margin:0px 0px 15px 0px }

.floatL { float: left}
.floatLmarginR20 { float: left; margin-right: 20px}
.floatR { float: right}
.clearFloat { clear:both; line-height:0px; height:0px; font-size:1px }
.alignR { text-align: right}
.alignL { text-align: left}
.alignC { text-align: center}
.prnt { display:none }
.spacer { display:block; width:1px; height:15px; }
.spacerMed { display:block; width:1px; height:10px}
.spacerSmall { display: block; width:1px; height:5px}
.marginR20 { margin-right: 20px}
.marginL20 { margin-left: 20px}
.marginL80 { margin-left: 80px}
.marginT20 { margin-top: 20px}
.marginR10 { margin-right: 10px}
.marginL10 { margin-left: 10px}
.marginT10 { margin-top: 10px}
.marginL5 { margin-left: 5px}
.bold { font-weight: bold}
.normal { font-weight: normal}

.margin30Center { margin: 20px 30px }
.padR20{ padding-right:20px}
.padL20 { padding-left: 20px}
.padL60 { padding-left: 60px} /* added from oldstyle-lp.css */
.padRL10 { padding: 0 10px}
.padT20 { padding-top: 20px}
/* Pearl: needed to have the tiling pattern expand to 100% height */
html, body, form, container { height:100%; }
* html #container { height:100% }


/* HEADERS and HEADER LINKS */
h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#7f1a1e; font:bold 18px Garamond, Serif }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#00458b; font:bold 17px Garamond, Serif  }
h3, h3 a, h3 a:active, h3 a:visited, h3 a:focus { }
h4, h4 a, h4 a:active, h4 a:visited, h4 a:focus { color:#00458b; font: bold 16px Garamond, Serif }
h5, h5 a, h5 a:active, h5 a:visited, h5 a:focus { }
h6, h6 a, h6 a:active, h6 a:visited, h6 a:focus { }


/* LINKS */
a, a:active, a:visited, a:focus { color:#b81c21; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#eb232a; text-decoration:none; }

/* LISTS */
.content ul { margin:0px 30px 20px 30px }
ol { margin:0px 35px 20px 35px; list-style:decimal }
ol.alpha { margin:0px 35px 20px 35px; list-style-type:upper-alpha }
.content ul li, ol li  { margin-bottom:3px } /* space in between list items */

/* FORM ELEMENTS */
.formGeneral .formTitle { float:left; width:70px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#00458b }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#00458b }
.formGeneral .formTitleLong { float:left; width:350px; text-align:left; margin:3px 10px 3px 80px; font-weight:bold; color:#00458b } /* added from oldstyle-lp.css */
.formGeneral .formInput, .formGeneral .formInputShort { float:left; margin-bottom:5px; margin-right: 10px }
.formGeneral .formInput input { width:150px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#faf6ed; line-height:normal }
.formGeneral .formInputShort input { width:20px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#faf6ed; line-height:normal }
.formGeneral .formInputLong input { width:30px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#faf6ed; line-height:normal }
.formGeneral .dropDown { width:160px; height:20px; border:solid 1px #7b7b7b; background-color:#faf6ed; line-height:normal; position:relative; top:2px;}
.formBtn { padding-top:20px; text-align:center; }
.formGeneral .bold { float:left; margin-top:3px}

/* TABLE */
.staticData { margin: 0px} 
.staticData th {padding: 10px; background-color: #faf6ed; font-weight: bold; font-size: 20px; font-family: Serif, Times New Roman, Garamond}
.staticData th.alt {padding: 10px; background-color: #ded9ce; font-weight: bold; font-size: 20px; font-family: Serif, Times New Roman, Garamond}
.staticData td {padding:10px; line-height: 1.5em; font-size: 12px }
.staticData td.alt2 {padding:10px; line-height: 1.5em; font-size: 12px; background-color: #faf6ed}
.staticData td.alt {padding:10px; line-height: 1.5em; font-size: 12px; background-color: #ded9ce}

/*************** LAYOUT ***************/

/* FRAMEWORK */
#container { width:1012px; display:block; margin:0 auto}
#subContent { }

/* FOOTER EMAIL SIGN UP */
.footerPlaceholderBox { background:url(/media/images/layout/footerSignUpSub_BG.jpg) no-repeat; margin:0; width: 1012px; height:130px }

#homepageFooter .emailSignUp {background-color: #0b1f36; background: url(/media/images/layout/footerSignUp_BG.jpg) no-repeat; margin: 0px; width:1012px; height: 90px }
#homepageFooter .emailSignUpSpacer { display: block; height: 35px; width: 1px }

#subpageFooter .emailSignUp { background:url(/media/images/layout/footerSignUpSub_BG.jpg) no-repeat; margin:0; width: 1012px; height:130px }
#subpageFooter .emailSignUpSpacer{ display:block; height:70px; width:1px}

#subpageFooter .emailSignUp p, #homepageFooter .emailSignUp p { float:left; color: #00458b;font-weight: bold; font-size: 15px; font-family: Serif, Times New Roman, Garamond}
/*
#indexFooterSignUp {background-color: #0b1f36; background: url(/media/images/layout/footerSignUp_BG.jpg) no-repeat; margin: 0px; width:1012px; height: 90px }
.indexFooterSignUpSpacer { display: block; height: 35px; width: 1px }

#footerSignUp { background:url(/media/images/layout/footerSignUpSub_BG.jpg) no-repeat; margin:0; width: 1012px; height:130px }
.footerSignUpSpacer { display:block; height:70px; width:1px}

#footerSignUp p, #indexFooterSignUp p { float:left; color: #00458b;font-weight: bold; font-size: 15px; font-family: Serif, Times New Roman, Garamond}
*/

.footerSignUpForm { padding-top: 2px}
	.footerSignUpForm .formInputLong input {float:left; display: inline; width:120px; height:15px; margin-right:5px; border-top:solid 1px #b81c21; border-right:solid 1px #b81c21; border-bottom :solid 1px #b81c21; background-color:#fff; line-height:normal }
.btnSignUp {display: block; width: 56px; height: 17px; background: url(/media/images/layout/btnSend.gif) no-repeat 0 0; float: left; cursor: pointer}
	.btnSignUp:hover { background-position: 0 bottom;}

/* FOOTER */
#footer {background-color: #0b1f36; background: url(/media/images/layout/footer_BG.jpg) no-repeat; color:#00458b; margin: 0px; width:1012px; height: 90px;text-align:center; font:normal 12px Garamond, Serif; line-height:22px }
#footer a, #footer a:visited, #footer a:active, #footer a:focus { padding:0px 10px 0px 5px; color:#00458b; text-transform:uppercase; border-right:solid 1px #00458b; }
.footerLinkSpacer { display:block; height: 25px; width: 1px}
a.footer:active, a.footer:focus { color:#b3b3b3; }
#footer a:hover { color:#b81c21; }
a#noLine, a:active#noLine, a:visited#noLine, a:focus#noLine { border:none }

/* HEADER */
#header { display:block; margin:0 auto; width:1012px; height:108px; background: url(/media/images/layout/headerBg.jpg) top left;}
#logo img { position:absolute; display:block; margin:11px 0px 0px 40px; width:112px; height:133px; border: 0 } /* border: 0 added from oldstyle-lp.css */

/* MAIN NAV */
#navContainer { width: 600px; position: absolute; margin: 72px 0 0 200px; height:15px; z-index: 101 } /* changed width: 820 to 600 because it was blocking the shareThis button */

.nav, .nav ul { list-style: none; margin: 0; padding: 0 }

.nav { z-index: 100; position: relative }
.nav li {float: left; margin: 0; padding: 0; position: relative }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited, .nav li a:focus 
{ font-family: Garamond, serif; line-height: 1.3em; display: block; text-decoration: none; text-indent: -9999px }


/* First Level */
a.thinkLocal, a.thinkLocal:link, a.thinkLocal:active, a.thinkLocal:visited, a.thinkLocal:focus { background: url(/media/images/layout/nav.gif) no-repeat 0 0; width: 113px;  }
	a.thinkLocal:hover, a.selected { background: url(/media/images/layout/navHover.gif) no-repeat 0 0}
a.drinkLocal, a.drinkLocal:link, a.drinkLocal:active, a.drinkLocal:link:visited, a.drinkLocal:link:focus { background: url(/media/images/layout/nav.gif) no-repeat -150px 0; width: 109px; }
	a.drinkLocal:hover {background: url(/media/images/layout/navHover.gif) no-repeat -150px 0}
a.shopLocal, a.shopLocal:link, a.shopLocal:active, a.shopLocal:link:visited, a.shopLocal:link:focus { background: url(/media/images/layout/nav.gif) no-repeat -300px 0; width: 100px;}
	a.shopLocal:hover {background: url(/media/images/layout/navHover.gif) no-repeat -300px 0}
a.yourLocal, a.yourLocal:link, a.yourLocal:active, a.yourLocal:link:visited, a.yourLocal:link:focus { background: url(/media/images/layout/nav.gif) no-repeat -440px 0; width: 100px;}
	a.yourLocal:hover {background: url(/media/images/layout/navHover.gif) no-repeat -440px 0}

	#navContainer li:hover a.thinkLocal,    
	#navContainer li.sfHover a.thinkLocal
	{
	  background: url(/media/images/layout/navHover.gif) no-repeat 0 0; width: 113px; 
	  color: #b81c21;
	}
	#navContainer li:hover a.drinkLocal, 
	#navContainer li.sfHover a.drinkLocal 
	{
	   background: url(/media/images/layout/navHover.gif) no-repeat -150px 0; width: 109px; 
	  color: #b81c21;
	}
	#navContainer li:hover a.shopLocal, 
	#navContainer li.sfHover a.shopLocal 
	{
	   background: url(/media/images/layout/navHover.gif) no-repeat -300px 0; width: 100px; 
	  color: #b81c21;
	}
	#navContainer li:hover a.yourLocal,
	#navContainer li.sfHover a.yourLocal 
	{
	   background: url(/media/images/layout/navHover.gif) no-repeat -439px 0; width: 100px; /* changed -440px to -439px and it fixed an IE7 bug */
	  color: #b81c21;
	}
/* Second Level */
#navContainer li:hover ul a, #navContainer li:hover ul a:link, #navContainer li:hover ul a:active, #navContainer li:hover ul a:visited, #navContainer li:hover ul a:focus,    
#navContainer li.sfHover ul a, #navContainer li.sfHover ul a:link, #navContainer li.sfHover ul a:active, #navContainer li.sfHover ul a:visited, #navContainer li.sfHover ul a:focus 
{ text-indent: 0; color: #00458B}
#navContainer li:hover ul a:hover, #navContainer li.sfHover ul a:hover 
{ color: #b81c21; background:none; }

.nav ul 
{ background: url(/media/images/layout/subnavBG.png) left bottom no-repeat; list-style: none; margin: 0; width: 179px; position: absolute; top: -999em; left: -15px; z-index: 102; padding: 5px 0 15px 0; }
.ie6 .nav ul 
{ background: #fff; list-style: none; margin: 0; width: 170px; position: absolute; top: -999em; left: -1px; z-index: 102 }
.nav li:hover ul, .nav li.sfHover ul 
{ top: 15px}
.nav ul li 
{  border: 0; float: none;font-size: 12px; font-weight: bold}
.nav ul li a, .nav ul li a:link, .nav ul li a:active, .nav ul li a:visited, .nav ul li a:focus
{ padding: 5px 0 5px 20px; width: 150px }
.nav ul a:hover 
{ background: #3b82c2; color: #fff }
.navDivider {float:left; display: block; width: 40px; height: 30px }

/* RIGHT SIDE NAV */
#rightNavContainer {width: 200px; float: right; margin: 44px 5px 0 0}
.ie6 #rightNavContainer {width: 200px; float: none; position: relative; top: -1px; left: 820px}

/* FACEBOOK LINK */
a.facebook, a.facebook:link, a.facebook:active, a.facebook:link:visited, a.facebook:link:focus {background: url(/media/images/layout/nav.gif) no-repeat -615px 0;  margin: 20px 0 0 36px; width: 134px; padding-left: 20px; color:#00458b;}
	a.facebook:hover {background: url(/media/images/layout/nav.gif) no-repeat -615px 0; color:#b81c21;}

/* SHARE THIS */
#shareThis { margin: 6px 0 0 30px }
#shareThis a, #shareThis a:link ,#shareThis a:active ,#shareThis a:visited ,#shareThis a:focus { color:#00458b; }
#shareThis a:hover {color:#b81c21 }

/* HOME FLASH */
#flashContainer { width: 1000px; height: 402px; margin: 0px auto}

/* HOME FEATURES */
/*#homeFeatures { padding: 0px 10px 0px 10px; position: relative } */
#homeFeatures { padding: 0px; background-color: #0b1f36; background: url(/media/images/layout/homeFeatures_BG.jpg) no-repeat; color:#00458b; margin: 0px; width:1012px; height: 219px }
.homeFeat { position: relative; float: left; padding:60px 0 0 35px; z-index: 1 }

.featBoxContainer { width: 290px; min-height: 135px; height: expression( this.scrollHeight < 136 ? "135px" : "auto" );}
	.featTextContainer { padding:30px 15px 15px 15px; width: 135px}
		.featTextContainer h2 { color: #00458b; font-family: Serif, Times New Roman, Garamond; font-weight:bold; padding-bottom: 3px}
		.featTextContainer p { color: #616161; font-size: 11px; padding-bottom: 5px}
		.btnMore {position: absolute; bottom: 10px }
		.btnMore a { display: block; width: 58px; height: 18px; background: url(/media/images/layout/btnMore.gif) no-repeat left top}
		.btnMore a:hover { background-position: left bottom}
.featImageContainer { position: absolute; width: 130px; height: 160px; z-index:5; margin: 0 0 0 160px}
	.featImageContainer img {}


/* SUBPAGE LAYOUT */
#shadowTop { background: url(/media/images/layout/shadowTop.gif) repeat-x left top; width:1000px; height: 30px; margin: 0 auto }
#mainBG { width:1000px; background: #155b98 url(/media/images/layout/textureSide.gif) no-repeat left top; min-height: 630px; height: expression( this.scrollHeight < 631 ? "630px" : "auto" ); margin: 0 auto }
#shadowBtm { background: url(/media/images/layout/shadowBtm.gif) repeat-x; width:1000px; height: 30px; margin: 0 auto }
#sideNav { width: 170px; float: left; padding-top: 25px}
	h3.sideNavList { padding:0 0 20px 15px}
	h3.sideNavList_sectionTitle{ padding:0 0 5px 15px; color: #fff; font-size:20px; font-weight:bold; background: url(/media/images/layout/stroke.gif) bottom right no-repeat;}
h3.sideNavList a, h3.sideNavList a:visited,h3.sideNavList a:active, h3.sideNavList a:focus { color: #fff; font-size:14px; line-height: 1.4em; cursor: pointer }
	h3.sideNavList a:hover{ background: url(/media/images/layout/stroke.gif) bottom left repeat-y; padding-bottom: 4px; color: #fff}
#mainContent { float: left }
	.whiteTop { background: url(/media/images/layout/whiteTop.gif) no-repeat; width: 830px; height: 42px}
	.whiteTop_27px{ background: url(/media/images/layout/whiteTop_27px.gif) no-repeat; width: 830px; height: 27px}
	.whiteBtm { background: url(/media/images/layout/whiteBtm.gif) no-repeat; width: 830px; height: 45px}
	.whiteCenter { background-color: #fff; width: 830px;}
	.whiteR { background: url(/media/images/layout/whiteRight.gif) top right repeat-y; min-height: 462px;height: expression( this.scrollHeight < 463 ? "462px" : "auto" ); }
	.whiteL { background: url(/media/images/layout/whiteLeft.gif) top left repeat-y; min-height: 462px;height: expression( this.scrollHeight < 463 ? "462px" : "auto" ); }
/*
	.whiteR_repeat { background: url(/media/images/layout/whiteRight_repeat.gif) top right repeat-y; width: 35px  }
	.whiteL_repeat { background: url(/media/images/layout/whiteLeft_repeat.gif) top left repeat-y; width: 38px }

*/

#centerContent { padding: 0 43px}
	.headerIcon {background: url(/media/images/layout/headerIcon.gif) right no-repeat; height: 34px; width: 29px; position: relative; display: block; margin-left: 710px; margin-top:-37px}
.subHeaderContainer {background: url(/media/images/layout/newsHeaderBG.gif) no-repeat; width: 702px; height: 40px; padding: 18px 0 0 0;}
	.subHeaderContainer h3 { color:#00458b; font:bold 18px Garamond Serif; padding-left: 20px }

/* What's Kraeusening */
#detailPlate { background: url(/media/images/kraeuseningPlate.jpg) no-repeat; width: 707px; height: 433px; text-indent: -9999px; margin: 0 auto}
.nutritionBox1 { background-color: #d9e3ee; padding: 15px; min-height: 160px;height: expression( this.scrollHeight < 161 ? "160px" : "auto" );  }
	.nutritionBox1 img { float: left; background: url(/media/images/layout/nutritionBeer.gif) top left no-repeat; width: 55px; height: 157px; display: inline  }
	.nutText { padding:0 20px 0 70px}
	.nutritionBox1 h4 { padding: 10px 0; text-transform:uppercase; color: #00458b; font-weight: bold; font-size: 15px}
.nutritionBox2 { background-color: #d9e3ee; padding: 15px; min-height: 160px;height: expression( this.scrollHeight < 161 ? "160px" : "auto" ); }
	.nutritionBox2 img { float: left; background: url(/media/images/layout/nutritionBeerLight.gif) top left no-repeat; width: 55px; height: 157px; display: inline   }
	.nutritionBox2 h4 { padding: 10px 0; text-transform:uppercase; color: #00b4f0; font-weight: bold; font-size: 15px}
.nutritionBox3{ background-color: #d9e3ee; padding: 15px; min-height: 160px;height: expression( this.scrollHeight < 161 ? "160px" : "auto" );  }
	.nutritionBox3 img { float: left; background: url(/media/images/layout/silveraward2.png) top left no-repeat; width: 223px; height: 150px; display: inline  }
	.nutText { padding:0 20px 0 70px}
	.nutritionBox3 h4 { padding: 10px 0; text-transform:uppercase; color: #00458b; font-weight: bold; font-size: 15px}
	
/* Downloads */
#downloads { background: url(/media/images/layout/downloadsBG.gif) no-repeat; width: 690px; height: 543px; padding: 20px; margin-left:10px }
	#downloads h4 { padding-top: 10px}
.downloadOne { width: 213px; float: left; }
	.downloadOne img { padding-bottom: 20px; margin:0 auto; display: block; width:188px }
.downloadOther { width: 300px; float: left; }
	.downloadOther img { padding-bottom: 20px; margin: 0 auto; display: block; width: 280px }
.downloadOtherTap { width: 200px; float: left; }
	.downloadOtherTap img { padding-bottom: 20px; margin: 0 auto; display: block; width: 37px }
.btnDownload {}
	.btnDownload a { display: block; width: 150px; height: 25px; background: url(/media/images/layout/btnDownload.gif) top left no-repeat; margin: 0 auto }
	.btnDownload a:hover { background-position: bottom left}

/* AGE VERIFICATION */
#avContent { display:block; background: url(/media/images/layout/AV.jpg) no-repeat; width: 1000px; height: 400px; margin: 0 auto }
#avContent #textarea { padding: 70px 0 40px 40px; color: #fff}
#avContent p { color: #fff}
#avContent h1 { color: #fff; font: bold 18px}
.formGeneral .avTitle { float:left; padding: 3px 10px; text-align:right; margin:0px 10px 0px 10px; font-weight:bold; color:#fff }
.btnEnter { display: block; width: 112px; height: 25px; background: url(/media/images/layout/btnEnter.gif) no-repeat 0 0;}
	.btnEnter:hover { background-position: 0 bottom }
#AVfooter {background-color: #0b1f36; background: url(/media/images/layout/AVfooter_BG.jpg) no-repeat; color:#00458b; margin: 0px; width:1012px; height: 150px;text-align:center; font:normal 10px; line-height:22px; padding-top: 57px }
	#AVfooter a, #AVfooter a:visited, #AVfooter a:active, #AVfooter a:focus { padding:0px 10px 0px 5px; color:#00458b; text-transform:uppercase; border-right:solid 1px #00458b; }
	#AVfooter a:hover { color:#b81c21; }

/* Used in footer on Privacy Policy, Responsibility, Terms & Conditions, and Contact Us pages before Age Verification has taken place */
.footerPlaceholderBox{background-color: #0b1f36; background: url(/media/images/layout/AVfooter_BG.jpg) no-repeat; color:#00458b; margin: 0px; width:1012px; height: 150px;text-align:center; font:normal 10px; line-height:22px; padding-top: 57px }

.footerPlaceholderBox a, .footerPlaceholderBox a:visited, .footerPlaceholderBox a:active, .footerPlaceholderBox a:focus { padding:0px 10px 0px 5px; color:#00458b; text-transform:uppercase; border-right:solid 1px #00458b; }
.footerPlaceholderBox a:hover { color:#b81c21; }



/* NEWS and AWARDS */
.newsContainer { padding: 15px; margin-bottom: 10px }
.newsHeaderContainer { background: url(/media/images/layout/newsHeaderBG.gif) no-repeat; width: 702px; height: 60px; padding: 18px 0 0 0px}
.date { font-weight: bold; font-size: 14px; color: #3b82c2; float: right; margin-right: 30px}
	.ie6 .date { margin-right: 10px}
.newsHeader { float: left; margin-left: 20px; color: #00458b; line-height: 1.5em; font: bold 17px}
	.ie6 .newsHeader { margin-left: 10px}
.newsContent { color: #616161;padding: 0 20px}
	.newsContainer img.awardLager { float: left; background: url(/media/images/layout/awardBeers.jpg) top left no-repeat; width: 72px; height: 160px; margin-right: 40px}
	.newsContainer img.awardLight { float: left; background: url(/media/images/layout/awardBeers.jpg) top right no-repeat; width: 72px; height: 160px; margin-right: 40px}
.awardContent { color: #00458b;padding: 0 20px; font-size: 14px; line-height: 1.5em}

/* LOCATOR */
.locatorInitialImage { padding: 20px 150px 0 0}
table.grid {  width:100%; }
table.grid tr { } /* right-left borders don't work on IE for tr... lame */
table.grid tr.empty { border:0px; }
table.grid td { border-bottom: solid 1px #757575; font-size:11px; padding:2px 4px;  }
table.grid tr.empty td { border:0px; padding:0px; }
table.grid tr.gridHeader { background:#00458b; }
table.grid tr.gridHeader th { color:#fff; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#ede0c7 }
table.grid tr.gridAlternateRow { background:#faf6ed }

/* Media Customizer - Get Kraeusened */
#mediaCustomizerContainer { padding: 0 40px; width:741px; }
/*.ie #mediaCustomizerContainer { padding: 0 20px; width:741px; } this doesn't look right */

#mediaGalleryContainer { padding: 0 40px; width:741px; }

#get img { position:absolute; display:block; margin:0px 0px 0px 0px; width:37px; height:140px }

.btnGet {}
	.btnGet a { display: block; width: 37px; height: 140px; background: url(/media/images/tapThumb.jpg) top left no-repeat; margin: 0 auto }
	.btnGet a:hover