body { background-color: #d6ba93; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; padding: 0px; margin: 0px; }
img { border: 0px; }
.error { color: #FF0000; }

#wrap { margin-left: auto; margin-right: auto; margin-top: 0px; width: 750px; background-color: #fcf5df; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
#wrap #header { float: left; clear: both; height: 304px; }
#wrap #header #header_images { float: left; clear: both; height: 270px; }

/* Navbar Styles */
#wrap #header #navbar { float: left; clear: both; width: 645px; height: 31px; padding-top: 3px; background-image: url('../images/navbar-bg.gif'); background-repeat: no-repeat; text-align: center;  padding-left: 105px; }
#wrap #header #navbar2 { float: left; clear: both; width: 645px; height: 31px; padding-top: 3px; background-image: url('../images/navbar-bg.gif'); background-repeat: no-repeat; text-align: center;  padding-left: 220px; }
#wrap #header #navbar img { display: block; border: 0px; float: left; clear: none;  }
#wrap #header #navbar ul { display: inline;}
#wrap #header #navbar li { display: inline; }
#wrap #header #navbar li a { text-decoration: none; display: block; float: left; clear: none; font-size: 0px; color: #fcf5df; }

#wrap #header #navbar2 img { display: block; border: 0px; float: left; clear: none;  }
#wrap #header #navbar2 ul { display: inline;}
#wrap #header #navbar2 li { display: inline; }
#wrap #header #navbar2 li a { text-decoration: none; display: block; float: left; clear: none; font-size: 0px; color: #fcf5df; }

#wrap #header #navbar li a#img_home { width: 50px; height: 29px; background-image: url('../images/navbar-home.gif'); }
#wrap #header #navbar li a#img_home:hover { background-image: url('../images/navbar-home-sel.gif'); }
#wrap #header #navbar li a#img_ourprod { width: 115px; height: 29px; background-image: url('../images/navbar-ourproducts.gif'); }
#wrap #header #navbar li a#img_ourprod:hover { background-image: url('../images/navbar-ourproducts-sel.gif'); }
#wrap #header #navbar li a#img_story { width: 85px; height: 29px; background-image: url('../images/navbar-ourstory.gif'); }
#wrap #header #navbar li a#img_story:hover { background-image: url('../images/navbar-ourstory-sel.gif'); }
#wrap #header #navbar li a#img_findus { width: 63px; height: 29px; background-image: url('../images/navbar-findus.gif'); }
#wrap #header #navbar li a#img_findus:hover { background-image: url('../images/navbar-findus-sel.gif'); }
#wrap #header #navbar li a#img_contact { width: 98px; height: 29px; background-image: url('../images/navbar-contactus.gif'); }
#wrap #header #navbar li a#img_contact:hover { background-image: url('../images/navbar-contactus-sel.gif'); }

#wrap #header #navbar2 li a#img_editcontent { width: 85px; height: 29px; background-image: url('../images/navbar-editBeers.gif'); }
#wrap #header #navbar2 li a#img_editbeers { width: 115px; height: 29px; background-image: url('../images/navbar-editContent.gif'); }

#wrap #header #navbar2 li a#img_editcontent:hover { background-image: url('../images/navbar-editBeers-sel.gif'); }
#wrap #header #navbar2 li a#img_editbeers:hover { background-image: url('../images/navbar-editContent-sel.gif'); }

#wrap #main { float: left; clear: both; width: 100%; background-color: #fcf5df; }
#wrap #main #left { float: left; clear: none; width: 168px; padding-left: 7px; padding-top: 8px; }

/* Beer Cells - Left */
#wrap #main #left .beercell { float: left; clear: both; width: 168px; padding-bottom: 10px; }
#wrap #main #left .beercell .bcheader { float: left; clear: both; width: 168px; height: 89px; }
#wrap #main #left .beercell .bcbody { float: left; clear: both; width: 163px; background-image: url('../images/beercell-middle-left.gif'); background-repeat: repeat-y; padding-left: 5px; padding-bottom: 3px; }
#wrap #main #left .beercell .bcbody h1 { width: 142px; padding: 0px; margin: 0px; font-size: 1.2em; font-weight: bold; color: #2b5859; }
#wrap #main #left .beercell .bcbody p { width: 142px; padding: 0px; margin: 0px; color: #2b5859; text-align: justify; }
#wrap #main #left .beercell .bcfooter { float: left; clear: both; width: 163px; padding-left: 5px; padding-top: 5px; height: 26px; font-weight: bold; font-style: italic; background-image: url('../images/beercell-bottom-left.gif'); background-repeat: no-repeat; }
#wrap #main #left .beercell .bcfooter img { padding-left: 5px; border: 0px; }
#wrap #main #left .beercell .bcfooter a { color: #FFFFFF; text-decoration: none; }
#wrap #main #left .beercell .bcfooter a:hover { color: #FFFFFF; text-decoration: underline; }

#wrap #main #left #beerlogos { float: left; clear: both; width: 168px; height: 330px; }
#wrap #main #left #beerimage { float: left; clear: both; width: 168px; }

#wrap #main #middle { float: left; clear: none; width: 410px; }
#wrap #main #productlist { width: 570px; }
#wrap #main #middle #welcome { float: left; clear: both; width: 410px; padding-top: 10px; font-size: 1.2em; line-height: 1.4em; }
#wrap #main #middle #welcome .divider { float: left; clear: both; padding-top: 5px; padding-left: 8px; padding-bottom: 5px; }
#wrap #main #middle #welcome p { float: left; clear: both; width: 384px; margin-top: 4px; margin-bottom: 5px; padding-left: 10px; text-align: justify; color: #2b5859; }

#wrap #main #middle .contentblock { float: left; clear: both; width: 410px; padding-top: 10px; }
#wrap #main #middle .contentblock .divider { float: left; clear: both; padding-left: 8px; padding-bottom: 5px; }
#wrap #main #middle .contentblock p { float: left; clear: both; width: 384px; margin-top: 4px; margin-bottom: 5px; padding-left: 10px; text-align: justify; color: #2b5859; font-size: 1.2em; line-height: 1.5em; }
#wrap #main #middle .contentblock p.backlink { text-align: right; }
#wrap #main #middle .contentblock a { color: #2b5859; font-weight: bold; text-decoration: none; }
#wrap #main #middle .contentblock a:hover { color: #238F8F; text-decoration: underline; }
#wrap #main #middle .contentblock h1 { float: left; clear: both; font-size: 2.4em; color: #2b5859; padding: 0 0 5px 10px; margin: 0; }

#wrap #main #middle.productlist .contenttitle { float: left; clear: both; padding-left: 10px; }
#wrap #main #middle.productlist .contentblock_left, .contentblock_right { float: left; clear: both; width: 570px; padding-left: 10px; padding-bottom: 20px; }
#wrap #main #middle.productlist p { float: left; clear: both; width: 420px; margin-top: 4px; margin-bottom: 5px; padding-left: 10px; text-align: justify; color: #2b5859; }

#wrap #main #middle.productlist .contentblock_left .prodimage { float: left; clear: left; }
#wrap #main #middle.productlist .contentblock_left .prodtext { float: left; clear: none; width: 440px; font-size: 1.2em; line-height: 1.5em; }
#wrap #main #middle.productlist .contentblock_left .prodtext a { color: #2b5859; font-weight: bold; text-decoration: none; }
#wrap #main #middle.productlist .contentblock_left .prodtext a:hover { color: #238F8F; text-decoration: underline; }
#wrap #main #middle.productlist .contentblock_left .prodtext h1 { float: left; clear: both; font-size: 24px; color: #2b5859; padding: 0; margin: 0; padding-left: 10px; }
#wrap #main #middle.productlist .contentblock_left  .divider { float: left; clear: both; padding-top: 5px; padding-left: 8px; padding-bottom: 5px; }

#wrap #main #middle.productlist .contentblock_right .prodimage { float: right; clear: right; }
#wrap #main #middle.productlist .contentblock_right .prodtext { float: right; clear: none; width: 440px; }
#wrap #main #middle.productlist .contentblock_right .prodtext h1 { float: left; clear: both; font-size: 2.4em; color: #2b5859; }
#wrap #main #middle.productlist .contentblock_right .prodtext a { color: #2b5859; font-weight: bold; text-decoration: none; }
#wrap #main #middle.productlist .contentblock_right .prodtext a:hover { color: #238F8F; text-decoration: underline; }
#wrap #main #middle.productlist .contentblock_right  .divider { float: right; clear: both; padding-top: 5px; padding-left: 8px; padding-bottom: 5px; }

#wrap #main #middle #comeenjoy { float: left; clear: both; width: 395px; height: 25px; background-image: url('../images/image-enjoyanale.gif'); background-repeat: no-repeat; text-align: right; padding-top: 86px; padding-right: 15px; font-weight: bold; font-style: italic; }
#wrap #main #middle #comeenjoy img { padding-left: 5px; border: 0px; }
#wrap #main #middle #comeenjoy a { color: #FFFFFF; text-decoration: none; }
#wrap #main #middle #comeenjoy a:hover { color: #FFFFFF; text-decoration: underline; }



#wrap #main #right { float: right; clear: none; width: 160px; padding-left: 5px; padding-top: 1px; }

/* Beer Cells - Right */
#wrap #main #right .beercell { float: left; clear: both; width: 160px; padding-bottom: 3px; }
#wrap #main #right .beercell .bcheader { float: left; clear: both; width: 160px; height: 96px; }
#wrap #main #right .beercell .bcbody { float: left; clear: both; width: 155px; background-image: url('../images/beercell-middle-right.gif'); background-repeat: repeat-y; padding-left: 5px; padding-bottom: 3px; }
#wrap #main #right .beercell .bcbody h1 { width: 134px; padding: 0px; margin: 0px; font-size: 1.2em; font-weight: bold; color: #2b5859; }
#wrap #main #right .beercell .bcbody p { width: 145px; padding: 0px; margin: 0px; color: #2b5859; text-align: justify; }
#wrap #main #right .beercell .bcfooter { float: left; clear: both; width: 155px; padding-left: 5px; padding-top: 5px; height: 26px; font-weight: bold; font-style: italic; color: #FFFFFF; background-image: url('../images/beercell-bottom-right.gif'); background-repeat: no-repeat; }
#wrap #main #right .beercell .bcfooter img { padding-left: 5px; border: 0px; }
#wrap #main #right .beercell .bcfooter a { color: #FFFFFF; text-decoration: none; }
#wrap #main #right .beercell .bcfooter a:hover { color: #FFFFFF; text-decoration: underline; }

/* Pubfinder block - Contact Us page */
#wrap #main #right #pubfinder { float: left; clear: both; width: 160px; padding-bottom: 3px; }
#wrap #main #right #pubfinder #pfheader { float: left; clear: both; width: 160px; height: 165px; }
#wrap #main #right #pubfinder #pffooter { float: left; clear: both; width: 155px; padding-left: 5px; padding-top: 5px; height: 26px; font-weight: bold; font-style: italic; color: #FFFFFF; background-image: url('../images/cell-pubfinder-footer.gif'); background-repeat: no-repeat; }
#wrap #main #right #pubfinder #pffooter img { padding-left: 5px; border: 0px; }
#wrap #main #right #pubfinder #pffooter a { color: #FFFFFF; text-decoration: none; }
#wrap #main #right #pubfinder #pffooter a:hover { color: #FFFFFF; text-decoration: underline; }

#wrap #main #right #awards { float: left; clear: both; width: 160px; padding-bottom: 3px; }

#wrap #footer { clear: both; width: 100%; height: 63px; background-image: url('../images/bg-footer.gif'); background-repeat: no-repeat; }
#wrap #footer #secnav { float: left; clear: both; width: 100%; height: 28px; line-height: 28px; }
#wrap #footer #secnav p { padding: 0px; margin: 0px; padding-left: 20px; width: 730px; color: #fcf5df; }
#wrap #footer #secnav a { color: #fcf5df; text-decoration: none; }
#wrap #footer #secnav a:hover { color: #fcf5df; text-decoration: underline; }
#wrap #footer #copyleft { float: left; clear: none; width: 335px; height: 21px; line-height: 21px; padding-left: 15px; padding-top: 5px; color: #2b5859; }
#wrap #footer #copyright { float: right; clear: none; width: 335px; height: 21px; line-height: 21px; padding-right: 15px; text-align: right; padding-top: 8px; color: #2b5859; }
#wrap #footer #copyright a { color: #2b5859; font-weight: bold; text-decoration: none; }
#wrap #footer #copyright a:hover { color: #2b5859; text-decoration: underline; }

.footer { clear: both; width: 100%; line-height: 1px; }


/* New Form Styles - General */
form.cmxform { float: left; clear: both; }
form.cmxform fieldset { margin-bottom: 10px; border: 0px; }
form.cmxform legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
/*\*//*/
form.cmxform legend {
  display: inline-block;
}
/* IE Mac legend fix */
form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label { width: 120px; /* Width of labels */ }
form.cmxform fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */ }

/* New Form Styles - Specific */
form.cmxform input, textarea { border: 1px solid #2b5859; font-size: 1.1em; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
form.cmxform input.input1, textarea.input1 { width: 100px; }
form.cmxform input.input2, textarea.input2 { width: 200px; }
form.cmxform input.input3, textarea.input3 { width: 300px; }
form.cmxform input.input4, textarea.input4 { width: 400px; }
form.cmxform fieldset li.buttons_right { text-align: right; padding-right: 75px; }
form.cmxform fieldset li.buttons_right input { background-color: #476d6b; color: #FFFFFF; border: 0px; padding: 4px; }



/* Old Input table styles */
.table_form { font-size: 1.1em; }
.table_form th { font-size: 1.1em; color: #1A2871; width: 120px; text-align: left; }
.table_form td { font-size: 1.1em; color: #404e88; width: 290px; text-align: left; height: 26px; }

.inputlarge { width: 280px; border: 1px solid #404e88; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 2px; padding-left: 4px; color: #00588c; }
.inputsmall { width: 150px; border: 1px solid #404e88; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding: 2px; padding-left: 4px; color: #00588c; }
.inputdrop { width: 158px; padding: 0px; border: 1px solid #404e88; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; color: #00588c; }
.inputdroplarge { width: 220px; padding: 0px; border: 1px solid #404e88; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; padding-left: 2px; color: #00588c; }
.buttonsmall { padding: 0px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; }
.table_form .hint { width: 10px; padding: 0px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #00588c; text-align: center; }
.table_form .hintlink { color: #FFFFFF; text-decoration: none; background-color: #F99C5C; padding: 2px; width: 10px; display: block; font-weight: bold; border: 1px solid #CE783D; }
.table_form .hintlink a:hover { text-decoration: underline; }
.table_form label {  }