/* 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:#300d0c url(/media/images/layout/backgrad.gif) top center repeat-x; }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Arial, sans-serif; color:#5d5151; }
p { margin:0px 0px 15px 0px }
img, div { behavior: url(/includes/iepngfix/iepngfix.htc) }
.floatL { float: left}
.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; }
.marginR20 { margin-right: 20px}
.marginL20 { margin-left: 20px}
.marginR10 { margin-right: 10px}
.marginL10 { margin-left: 10px}
.marginL5 { margin-left: 5px}

.margin30Center { margin: 20px 30px }
.padR20{ padding-right:20px}
.padL20 { padding-left: 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 Serif, Times New Roman, Garamond; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#003e61; font:bold 15px Serif, Times New Roman, Garamond; }
h3, h3 a, h3 a:active, h3 a:visited, h3 a:focus { }
h4, h4 a, h4 a:active, h4 a:visited, h4 a:focus { }
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:#b32428; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#7f1a1e; 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:#003e61 }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#003e61 }
.formGeneral .formInput, .formGeneral .formInputShort { float:left; margin-bottom:5px }
.formGeneral .formInput input { width:150px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#f7f1e5; line-height:normal }
.formGeneral .formInputShort input { width:20px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#f7f1e5; line-height:normal }
.formGeneral .formInputLong input { width:30px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#f7f1e5; line-height:normal }
.formGeneral .dropDown { width:160px; height:20px; border:solid 1px #7b7b7b; background-color:#f7f1e5; line-height:normal; position:relative; top:2px;}
.formBtn { padding-top:20px; text-align:center; }
.formGeneral .bold { float:left; margin-top:3px}

/* Gusto Guys Forms */
.formGeneral .formInputLongest input, .formGeneral .formInputLongest textarea  { width:850px; padding:3px; border:solid 1px #7b7b7b; line-height:normal }
.formGeneral  .formTextArea { width:850px; height:200px; padding:3px; border:solid 1px #7b7b7b; line-height:normal }
.formGeneral label { font-weight: bold } 
.chkBox label { margin-left: 5px; font-weight: normal }
.formMessage p { color: #7f1a1e; line-height: 1.5em; font: bold 18px Serif, Times New Roman, Garamond }
.formBg { padding: 20px; margin-bottom: 10px; background: #f7f1e5 }
.radioListYesNo input { margin: 10px; font-weight: bold }
.radioList input { margin: 0 3px 0 20px }
.radioList label { margin-right: 20px }
.radioYesNoTitle { margin-left: 10px; font-weight: bold; color: #003e61 }
.formRedLabel label { display: inline; float: left; margin-right: 5px; padding: 4px 7px; color: #fff; text-transform: uppercase; text-align: center; background: #80191D }
.formRedLabelInput input { display: inline; float: left; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#f7f1e5; line-height:normal }
.formRedLabelInput select { display: inline; float: left; margin-right:5px; padding: 3px 0; border:solid 1px #7b7b7b; background-color:#f7f1e5 }
.formGeneral ol { margin: 0 0 0 20px; padding: 0 }
.formGeneral li { margin: 0 0 20px 0; padding: 0 }

/* TABLE */
.staticData { margin: 0px} 
.staticData th {padding: 10px; background-color: #f7f1e5; 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: #f7f1e5}
.staticData td.alt {padding:10px; line-height: 1.5em; font-size: 12px; background-color: #ded9ce}

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

/* FRAMEWORK */
#container { width:1000px; min-height:100%; margin:0px auto; background-color: #fff; border-right: solid 10px #c5922c; border-left: solid 10px #c5922c }
#mainContent { width:1000px; margin:0px auto; background:url(/media/images/layout/bgHome.jpg) top center no-repeat;}
#subContent { width:1000px; margin:0px auto; background:url(/media/images/layout/bgSubpage.jpg) top center no-repeat;}
#header { display:block; margin:0 auto; width:990px; height:130px; background: url(/media/images/layout/headerBg.gif) top left repeat-x}
#footer { display:block; width:1000px; text-align:center; color:#bbbbbb; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:22px; }

/* HEADER */
#logo img { position:absolute; display:block; margin:11px 0px 0px 20px; width:119px; height:110px }
#logoR { float:right; display: block; padding:11px 20px 0 0; width: 109px; height: 102px }

/* FACEBOOK LINK */
a#btnFacebook, a#btnFacebook:active, a#btnFacebook:visited { position:absolute; display:block; margin: 0 0 0 700px; width:125px; height:26px; background: url(/media/images/layout/btnFacebook.gif) no-repeat 0 0 }
	a#btnFacebook:hover, a#btnFacebook:focus { background-position: 0 bottom}

/* MAIN NAV */
#navContainer { width: 705px; height: 25px; background: url(/media/images/layout/nav.gif) no-repeat;position: absolute; margin: 50px 0 0 145px}
.historyLinkContainer a { float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 193px; height: 25px; background-position: left top}
	.historyLinkContainer a:hover, .historyLinkContainer a.selected {background-position: left bottom}
/*.adLinkContainer a {float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 113px; height: 25px; background-position: -87px top}
	.adLinkContainer a:hover, .adLinkContainer a.selected { background-position: -87px bottom }*/
.newsLinkContainer a {float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 136px; height: 25px; background-position: -193px top}
	.newsLinkContainer a:hover, .newsLinkContainer a.selected { background-position: -193px bottom}
.locatorLinkContainer a { float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 149px; height: 25px; background-position: -329px top}
	.locatorLinkContainer a:hover, .locatorLinkContainer a.selected { background-position: -329px bottom}
.storeLinkContainer a {float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 56px; height: 25px; background-position: -478px top}
	.storeLinkContainer a:hover, .storeLinkContainer a.selected { background-position: -478px bottom}
.galleryLinkContainer a { float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 75px; height: 25px; background-position: -534px top}
	.galleryLinkContainer a:hover, .galleryLinkContainer a.selected { background-position: -534px bottom}
.downloadsLinkContainer a { float:left; display: block; background: url(/media/images/layout/nav.gif) no-repeat; width: 96px; height: 25px; background-position: -609px top}
	.downloadsLinkContainer a:hover, .downloadsLinkContainer a.selected { background-position: -609px bottom}
/*.navDivider {float:left; display: block; width: 13px; height: 25px }*/

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

/* HOME FEATURES */
#homeFeatures { padding: 0px 10px 0px 10px; position: relative }
#homeFeat { position: relative; float: left; padding-left:20px; z-index: 1 }
/* 
#homeFeat2 { position: relative; float: left; padding-left: 20px; z-index: 1 }
#homeFeat3 { position: relative; float: left; padding-left: 20px; z-index: 1 } 
*/
.featBoxContainer { width: 290px; min-height: 143px; height: expression( this.scrollHeight < 144 ? "143px" : "auto" );  background-color: #ebddc2; border: 5px solid #caa53e}
	.featTextContainer { padding:15px; width: 135px}
		.featTextContainer h2 { color: #003e61; font-family: Serif, Times New Roman, Garamond; padding-bottom: 3px}
		.featTextContainer p { color: #616161; font-size: 12px; padding-bottom: 5px}
		.btnMore {position: absolute; bottom: 20px }
		.btnMore a { display: block; width: 64px; height: 16px; background: url(/media/images/layout/btnMore.gif) no-repeat left top}
		.btnMore a:hover { background-position: left bottom}
.featImageContainer { position: absolute; width: 150px; height: 160px; z-index:5; margin: 0 0 0 160px;  }
	.featImageContainer img {}
	
a#btnRingtone, a#btnRingtone:active, a#btnRingtone:visited { position:absolute; z-index:6; margin:5px 0 0 15px/*261px 0 0 555px*/; width:267px; height:54px; background: url(/media/images/layout/btnRingtone.gif) no-repeat 0 0}
	a#btnRingtone:hover, a#btnRingtone:focus { background-position: 0 bottom }
	
/* FOOTER EMAIL SIGN UP */
.footerPlaceholderBox { background-color: #f7f1e5; padding: 10px; margin: 15px 30px; height: 20px }
#footerSignUp { background-color: #f7f1e5; padding: 10px; margin: 15px 30px; height: 20px }
#footerSignUp p { float: left;padding:0 5px 0 150px; color: #5d5151;font-weight: bold; font-size: 15px; font-family: Serif, Times New Roman, Garamond}
.footerSignUpForm { padding-top: 2px}
	.footerSignUpForm .formInputLong input {float:left; display: block; width:120px; height:14px; margin-right:5px; border-top:solid 1px #caa53e; border-right:solid 1px #caa53e; border-bottom :solid 1px #caa53e; background-color:#fff; line-height:normal }
.btnSignUp {display: block; width: 56px; height: 16px; background: url(/media/images/layout/btnSend.gif) no-repeat 0 0; float: left; cursor: pointer}
	.btnSignUp:hover { background-position: 0 bottom;}

/* FOOTER */
#footer a, #footer a:visited, #footer a:active, #footer a:focus { padding:0px 10px 0px 5px; color:#bbbbbb; text-transform:uppercase; border-right:solid 1px #bbbbbb; }
a.footer:active, a.footer:focus { color:#b3b3b3; }
#footer a:hover { color:#5d5151; }
a#noLine, a:active#noLine, a:visited#noLine, a:focus#noLine { border:none }


/* SUBPAGE */
#subpageHeader { width: 990px; margin: 5px auto; height: 35px; background-color: #5C1817}
	#subpageHeader .subpageTitle { padding: 4px 0 0 20px; float:left}
#textarea { width:650px; padding: 20px 30px; float:left }
	#textarea .text { }
#sideImage { float:left; display:block; margin-top:20px  }
#gustoTextArea { width: 930px; margin: 0 auto; padding: 20px 0 } /* added 9/17/09 */

/* SUBPAGE SUBNAV  only History-News-Gallery pages */
#subNav { list-style-type:none; width: 418px; float:right; margin:6px 20px 0 0}
	#subNav li { float: left;}
#subNav211 { list-style-type:none; width: 211px; float:right; margin:6px 20px 0 0}
	#subNav211 li { float: left;}
	
#subNavHistory a { background: url(/media/images/layout/subNav_HistoryAdvertising.gif) no-repeat; width: 110px; height: 23px; display: block; background-position: left top; text-indent: -5000px; margin-right: 40px}
	#subNavHistory a:hover, #subNavHistory a.selected { background-position: left -23px}
#subNavTv a { background: url(/media/images/layout/subNav_HistoryAdvertising.gif) no-repeat; width: 130px; height: 23px; display: block;background-position: -154px top; text-indent: -5000px; margin-right: 40px}
	#subNavTv a:hover, #subNavTv a.selected { background-position: -154px -23px}
#subNavPrint a {background: url(/media/images/layout/subNav_HistoryAdvertising.gif) no-repeat; width: 89px; height: 23px; display: block;background-position: -329px top; text-indent: -5000px}
	#subNavPrint a:hover, #subNavPrint a.selected { background-position: -329px -23px}
	
#subNavNews a { background: url(/media/images/layout/subNav_NewsEvents.gif) no-repeat; width: 80px; height: 20px; display: block;background-position: left top; text-indent: -5000px}
	#subNavNews a:hover, #subNavNews a.selected { background-position: left -21px}
#subNavEvent a {background: url(/media/images/layout/subNav_NewsEvents.gif) no-repeat; width: 131px; height: 20px; display: block;background-position: -80px top; text-indent: -5000px}
	#subNavEvent a:hover, #subNavEvent a.selected { background-position: -80px -21px}

/* AGE VARIFICATION */
#avContent { background: url(/media/images/layout/AVpage.jpg) no-repeat right top; width: 995px; height: 584px}
.formGeneral .avTitle { float:left; padding: 3px 10px; text-align:right; margin:0px 10px 0px 10px; font-weight:bold; color:#fff; background-color: #7f1a1e; font-family: Serif, Times New Roman, Garamond }
.btnEnter { display: block; width: 112px; height: 25px; background: url(/media/images/layout/btnEnter.gif) no-repeat 0 0;}
	.btnEnter:hover { background-position: 0 bottom }

/* ADVERTISING */
.adContainer { width: 270px; height: 305px; background-color: #f7f1e5; padding:15px; margin-bottom:15px; float:left; position: relative; z-index:1 }
.posterContainer { width: 100%}
	.posterContainer td { padding-bottom:30px}
	.posterContainer a { display: block; width:80px; height:107px; border: 2px solid #f7f1e5; margin: 0 auto}
	.posterContainer a:hover { border: 2px solid #caa53e}
.beerBottle { background: url(/media/images/layout/bottle.png) no-repeat; width: 85px; height: 295px; position: absolute; z-index: 10; margin-left:220px; margin-top: 30px}
	.ie6 .beerBottle {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/layout/bottle.png');width:85px; height:295px;position: absolute; z-index: 10; margin-left:220px; margin-top: 30px}
.lnkTV { padding: 10px 0 0 10px; }
.lnkPrint { padding: 10px 0 0 10px; }

/* NEWS */
.newsContainer { border-bottom: 5px solid #ebddc2; padding: 15px; margin-bottom: 10px }
.date { font-weight: bold; font-size: 12px}
.newsHeader { color: #7f1a1e; line-height: 1.5em; font: bold 18px Serif, Times New Roman, Garamond}
.newsContent { color: #616161}

/* LOCATOR */
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:#003e61; }
table.grid tr.gridHeader th { color:#fff; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#f7f1e5 }
table.grid tr.gridAlternateRow { background:#ded9ce }

/* GUSTO GUYS */
.gustoContainer { width: 900px; padding: 20px; background-color: #f7f1e5}
.gustoContainer h2 {color: #5d5151;font-weight: bold; font-size: 15px; font-family: Serif, Times New Roman, Garamond}
.gustoPics { width: 880px; margin: 0 auto;}
	.gustoPics .noMargin a {border: 2px solid #f7f1e5; display: block; width: 200px; height: 150px; float: left; margin-left: 0px}
	.gustoPics .withMargin a {border: 2px solid #f7f1e5; display: block; width: 200px; height: 150px; float: left; margin-left: 20px}
	.gustoPics a:hover { border: 2px solid #caa53e}
	
	
#gustoFeatureContainer { display: block; width: 939px; height: 91px; background: url(/media/images/gustoGuys/toutBG.gif)}

/* DOWNLOADS */
.downloadItem { float: left; width: 250px; margin: 0 20px 20px 0 }
	.downloadItem img { display: block; margin: 0 auto 10px auto }
a.btnDownload, a.btnDownload:active, a.btnDownload:visited { display: block; width: 113px; height: 25px; background: url(/media/images/layout/btnDownload.gif) top left no-repeat; margin: 0 auto }
a.btnDownload:hover, a.btnDownload:focus { background-position: bottom left}