/** NOTE:
 * The info stylesheet can be included from most anywhere, therefore we want to
 * ensure that it's styles won't collide with anything, so everything is
 * prefixed with the #info-content selector.
 */

/*General*/
/*#content { width: 968px; height: 537px; } */
#content-container.footer-content { background-image: url(/media/images/home/bg-home-low.jpg); background-position: center center;} 


#info-content .two-column { position:relative;float: left; display:inline; width: 355px; margin-left: 80px; /*overflow: hidden;*/ }

#info-content .column-one { margin-left: 0; }

#info-container { position: relative; width:817px; height: 445px; margin: 0 auto 0 auto; padding: 45px 46px 65px 102px; background-image: url(/media/images/info/window.png); background-repeat: no-repeat; }

* html #info-container { background-image: url(/media/images/info/window.gif); }

#footer-content-container {z-index:300;}

#info-container h1 { color: #e8e8e8; text-transform:uppercase; font-weight:bold; font-size:22px; padding:0; margin: 0 0 7px; font-family:"Arial Narrow", Arial, sans-serif;  margin-bottom:7px; }
#info-container #info-close-button {display:block;position: absolute; top: 42px; right: 45px; height:20px; width:33px; padding-right:25px;background:url(/media/images/button-close.png) no-repeat right 0; cursor:pointer; color:#e7e7e7;}

* html #info-container #info-close-button { background:url(/media/images/button-close.gif) no-repeat right 0; }

#info-content { height:415px; overflow:auto; padding: 0 10px 0 0; }
#info-content p { color: #999; font-size:1.2em; margin-bottom:5px; }
#info-content .separator {margin-top:45px; font-size: 12px; color: #e7e7e7; }
#info-content li { color: #e7e7e7; } 
#info-content ul {padding:35px 0; }
#info-content li a {text-decoration:none; font-weight:bold; }
#info-content li img {margin-right:13px; }
#info-content h2 { color: #e7e7e7; font-weight:normal; font-size:13px; padding:0; margin:0; margin-bottom:2px; }
#info-content a.info-link {color: #686868;font-size:0.9em;text-decoration:underline;}

/* our family of beers */
#info-content #beer-family .bottles { text-align: center; }
#info-content #beer-family img { display: inline; } 
#info-content #beer-family ul {/*margin:-9px 0 0 0;*/ padding:0;position:absolute;top:350px;left:100px;z-index:100; width: 840px;}
#info-content #beer-family li {display:inline;float:left;width:145px;margin-right:20px;font-size:1.1em;}
#info-content #beer-family li.last {margin:0 0 0 30px;}
#info-content #beer-family li h4 {display:block;padding-bottom:10px;}
#info-content .vertical-divider {position:absolute;top:115px;left:730px;width:10px;height:350px;border-left:1px dotted #ccc;}

/*International*/
#info-content ul.listSites { float: left; width: 200px; overflow: hidden; margin: 20px 0 0 150px;}
#info-content ul.listSites li {clear:both; overflow: hidden; margin-top: 5px; }
#info-content ul.listSites li a {float:left;font-size:1.2em;}
#info-content ul li a.highlight {width: auto; position:relative; float:left; }
#info-content ul li a.highlight:hover {background-color:#212121; }


/*Mailing Form*/
#info-content .italic{font-style:italic; }
#info-content form{ font-size:12px; margin:15px 0 20px 0; position:relative; overflow: hidden;}
#info-content form fieldset{ height:30px; padding:0px 0; position:relative; }
#info-content form fieldset div span{position:absolute; margin:0; padding:3px 0 0 0; width:210px; text-align:left; }
#info-content form input,#info-content form select{position:absolute; }
#info-content form label { color: #9a9a9a; }
#info-content form p {display:inline; margin-left:44px; color: #9a9a9a; }
#info-content form p a {font-style:italic; text-decoration:underline; }
#info-content .email{width:215px; }
#info-content .firstName,.lastName{width:215px; }
#info-content .state,.contactPref{min-width:165px; width:auto; }
#info-content .gender{width:100px; }
#info-content .zipCode{width:70px; }
#info-content .mobile{width:175px; }
#info-content .birthDateMonth {width:40px;left:145px;}
#info-content .birthDateDay {width:40px;left:200px;}
#info-content .birthDateYear {width:70px;left:255px;}
#info-content .mobile1 {width:40px;left:145px;}
#info-content .mobile2 {width:40px;left:200px;}
#info-content .mobile3 {width:70px;left:255px;}

#info-content form span.info input,
#info-content form input#budInfo,
#info-content form input#messages,
#info-content form input#checkedInput,
#info-content form input#submit{position:relative; margin-right:10px; }

#info-content .email,
#info-content .firstName,
#info-content .lastName,
#info-content .gender,
#info-content .state,
#info-content .zipCode,
#info-content .contactPref {left:145px; }

#info-content .errorMessage{margin-left:17px;font-size:1.0em;font-style:normal;color:#f00;}

#info-content #firstNameVal,
#info-content #lastNameVal{right:175px; left:auto; position:absolute; top:0; }

#info-content #emailVal{right:150px; left:auto; position:absolute; top:0; }
#info-content #zipCodeVal{right:325px; left:auto; position:absolute; top:0; }
#info-content #birthDateVal{right:220px; left:auto; position:absolute; top:0; }
#info-content #genderVal{right:295px; left:auto; position:absolute; top:0; }
#info-content #stateVal{right:230px; left:auto; position:absolute; top:0; }
#info-content #contactPrefVal{right:230px; left:auto; position:absolute; top:0; }

#info-content form fieldset.submitGroup { position: absolute; right: 0; top: 235px; width: 85px; } 
#info-content .submitButton{color:#fff;width:80px;height:22px;background:#b70101;border:none;cursor:pointer;}


#info-content form .formChecks {padding-top:20px; clear: left;}
#info-content form .formChecks fieldset{height:20px; margin-right: 30px }

/*Links*/
#info-content #tabs{font-size:13px; padding:0.2em; }
#info-content #tabs ul{padding:0.2em 0; margin-bottom:45px; }
#info-content #tabs ul li{font-style:normal; float:left; margin:0 0.2em -1px 0; padding:0; position:relative; }
#info-content #tabs ul li a{float:left; padding:0.5em 1em; }
#info-content #tabs h2{display:block; font-weight:bold; font-size:16px; clear:both; padding:7px; text-decoration:underline; }
#info-content #tabs .goTop{display:block; font-weight:bold; font-size:12px; font-style:italic; clear:both; padding:7px; text-decoration:underline; }
#info-content #tabs .goTop:hover{background-color:transparent; }
#info-content #tabs div a{ margin:0; padding:3px 0; line-height: 120%}
#info-content #anheuser-busch{width:680px; height:320px; }
#info-content .linksBusch{height:300px; }
#info-content #anheuser-busch div,
#info-content #outdoor div,
#info-content #sports div,
#info-content #entertainment div,
#info-content #search-engines div,
#info-content #helper-programs div{float:left; width:280px; margin-right:30px; }
#info-content #anheuser-busch a,
#info-content #outdoor a,
#info-content #sports a,
#info-content #entertainment a,
#info-content #search-engines a,
#info-content #helper-programs a{font-size:0.85em;display:block; width:280px; text-decoration:none; font-style:italic; font-weight:bold; margin-bottom:5px; font-family:Georgia,serif;color:#d3d3d3;}
#info-content #anheuser-busch a:hover,
#info-content #outdoor a:hover,
#info-content #sports a:hover,
#info-content #entertainment a:hover,
#info-content #search-engines a:hover,
#info-content #helper-programs a:hover{background-color:#212121; }

#info-content #anheuser-busch p{width:445px; margin-bottom:15px; }

/* Interaction states
----------------------------------*/
#info-content .ui-state-default,
#info-content .ui-widget-content .ui-state-default { background: #555555 url(/media/images/info/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;  font-weight: bold;  color: #eeeeee;  outline: none;  }
#info-content .ui-state-default a,
#info-content .ui-state-default a:link,
#info-content .ui-state-default a:visited { color: #eeeeee;  text-decoration: none;  outline: none;  }
#info-content .ui-state-hover,
#info-content .ui-widget-content .ui-state-hover,
#info-content .ui-state-focus,
#info-content .ui-widget-content .ui-state-focus { background: #c40000 url(/media/images/info//ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;  font-weight: bold;  color: #ffffff;  outline: none;  }
#info-content .ui-state-hover a,
#info-content .ui-state-hover a:hover { color: #ffffff;  text-decoration: none;  outline: none;  }
#info-content .ui-state-active,
#info-content .ui-widget-content .ui-state-active { background: #c40000 url(/media/images/info/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;  font-weight: bold;  color: #ffffff;  outline: none;  }
#info-content .ui-state-active a,
#info-content .ui-state-active a:link,
#info-content .ui-state-active a:visited { color: #ffffff;  outline: none;  text-decoration: none;  }

/* terms */
#info-content .legal-copy #info-content p,
#info-content .legal-copy #info-content a { color:#e7e7e7; margin-bottom: 10px; font-size:11px; }