html>body {background-image:url(http://www.brinkmannswineandspirits.com/images/misc/bg_pattern.gif);}
body {background-image:url(http://www.brinkmannswineandspirits.com/images/misc/bg_pattern.gif);}
body, html {margin:0;padding:0;}
#container {width:799px; margin:0 auto;}
a{ color: #ffffff; text-decoration: underline; }
a:hover{ text-decoration: underline; color:#e8cd7e; }
/* TOP BAR, PHOTO HEADER, LOGO */
#topbanner {width:100%;height:35px;background-image:url(../images/misc/top_bg_repeat.png);background-repeat:repeat-x;margin-bottom:30px;_background-image:url(../images/misc/top_bg_repeat.gif);}
#headercontainer {width:799px;height:220px;} /* Just for easy viewing on each page */
#logoheader {z-index:1;position:relative;top:11px;left:30px;width:198px;height:198px;background-image:url(../images/header/logo.png);background-repeat:no-repeat;_background-image:url(../images/header/logo.gif);}
#logoheader a {
display: block;
height: 100%;
width: 100%;
}
/* PAGE HEADER */
#pageheader {width:799px; min-height:40px;background-color:#750a0e;_position:relative;_top:-200px;} /* A CONTAINER */
#pageheadercontent {width:auto;padding:20px 10px 60px 37px;background-image:url(../images/nav/nav_bottom_bg.png);background-repeat:repeat-x;background-position:top left;background-color:#750a0e;} /* NOT ON HOMEPAGE BUT EVERY OTHER PAGE */
.headerimage {display:block;}
#pageheaderleft {width:460px;float:left;margin-right:20px;}
#pageheaderright {width:auto;float:left;background-image:url(../images/header/header_dottedseparator.gif);background-repeat:repeat-y;background-position:top left;}
/* NAV LINKS */
#navbar ul {margin:0;padding:0;}
#navbar {position:relative;width:799px;height:41px;background-image:url(http://www.brinkmannswineandspirits.com/images/nav/nav_bg.png);}
#navbar li {display:inline;padding:0;list-style:none;}
li#navhome a {position:absolute;left:37px;top:12px;background-image:url(../images/nav/nav_home.gif);background-repeat:no-repeat;width:40px;height:25px;display:block;overflow:hidden;}
li#navhome a:hover{background-position:-40px 0px;}
#homepage li#navhome a {position:absolute;left:37px;top:12px;background-image:url(../images/nav/nav_home.gif);background-repeat:no-repeat;width:40px;height:25px;display:block;overflow:hidden;background-position:-40px 0px;}
li#navspacer1 {position:absolute;left:92px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navasktim a {position:absolute;left:109px;top:12px;background-image:url(../images/nav/nav_asktim.gif);background-repeat:no-repeat;width:52px;height:25px;display:block;overflow:hidden;}
li#navasktim a:hover{background-position:-52px 0px;}
#asktimpage li#navasktim a {position:absolute;left:109px;top:12px;background-image:url(../images/nav/nav_asktim.gif);background-repeat:no-repeat;width:52px;height:25px;display:block;background-position:-52px 0px;overflow:hidden;}
li#navspacer2 {position:absolute;left:176px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navspecials a {position:absolute;left:193px;top:11px;background-image:url(../images/nav/nav_staff_picks.gif);background-repeat:no-repeat;width:73px;height:25px;display:block;overflow:hidden;}
li#navspecials a:hover{background-position:-73px 0px;}
#specialspage li#navspecials a {position:absolute;left:193px;top:11px;background-image:url(../images/nav/nav_staff_picks.gif);background-repeat:no-repeat;width:73px;height:25px;display:block;overflow:hidden;background-position:-73px 0px;}
li#navspacer3 {position:absolute;left:277px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navdrinkrecipes a {position:absolute;left:298px;top:12px;background-image:url(../images/nav/nav_drinkrecipes.gif);background-repeat:no-repeat;width:93px;height:25px;display:block;overflow:hidden;}
li#navdrinkrecipes a:hover{background-position:-93px 0px;}
#recipespage li#navdrinkrecipes a {position:absolute;left:298px;top:12px;background-image:url(../images/nav/nav_drinkrecipes.gif);background-repeat:no-repeat;width:93px;height:25px;display:block;overflow:hidden;background-position:-93px 0px;}
li#navspacer4 {position:absolute;left:406px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navdirections a {position:absolute;left:423px;top:12px;background-image:url(../images/nav/nav_directions.gif);background-repeat:no-repeat;width:67px;height:25px;display:block;overflow:hidden;}
li#navdirections a:hover{background-position:-67px 0px;}
#directionspage li#navdirections a {position:absolute;left:423px;top:12px;background-image:url(../images/nav/nav_directions.gif);background-repeat:no-repeat;width:67px;height:25px;display:block;overflow:hidden;background-position:-67px 0px;}
li#navspacer5 {position:absolute;left:505px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navnewsletter a {position:absolute;left:524px;top:12px;background-image:url(../images/nav/nav_onthebrink.gif);background-repeat:no-repeat;width:90px;height:25px;display:block;overflow:hidden;}
li#navnewsletter a:hover{background-position:-90px 0px;}
#brinkpage li#navnewsletter a {position:absolute;left:524px;top:12px;background-image:url(../images/nav/nav_onthebrink.gif);background-repeat:no-repeat;width:90px;height:25px;display:block;overflow:hidden;background-position:-90px 0px;}
li#navspacer6 {position:absolute;left:629px;top:9px;background-image:url(../images/nav/nav_vertline_spacer.png);background-repeat:no-repeat;width:2px; height:23px; display:block;overflow:hidden;}
li#navcontact a {position:absolute;left:646px;top:12px;background-image:url(../images/nav/nav_contact.gif);background-repeat:no-repeat;width:75px;height:25px;display:block;overflow:hidden;}
li#navcontact a:hover{background-position:-75px 0px;}
#contactpage li#navcontact a {position:absolute;left:646px;top:12px;background-image:url(../images/nav/nav_contact.gif);background-repeat:no-repeat;width:75px;height:25px;display:block;overflow:hidden;background-position:-75px 0px;}
/* BODY CONTENT */
#pagebody {position:relative;_top:-200px;background-color:#312017;min-height:100px;padding:0px 34px 20px 34px;background-image:url(../images/misc/body_bg_woodpattern.jpg);background-repeat:repeat;background-position:top left;}
#pagebodytop {width:100%;height:15px;background-image:url(../images/nav/nav_bottom_bg.png);background-repeat:repeat-x;background-position:top left;_background-image:none;clear:right;margin-bottom:5px;}
#box1 {position:relative;width:220px;height:254px;margin-right:30px;margin-top:20px;float:left;}
.box1image {width:170px;height:136px;background-image:url(../images/home_asktim.jpg);}
.box1image a{display:block;width:100%;height:100%;}
.boxbottom {width:170px;height:80px;background-image:url(../images/home_bottombox.png);}
.boxbottomcontent {font: 10px/14px Arial, sans-serif; color:white;padding:15px 10px 10px 10px; font-weight:bold;}
.boxbottomcontent a{text-decoration:none;color:white; font-weight:bold;}
.boxbottomcontent a:hover{text-decoration:underline;color:#fff9ae; font-weight:bold;}
#box2 {position:relative;width:220px;height:254px;margin-right:30px;margin-top:20px;float:left;_display:inline;}
.box2image {width:170px;height:136px;background-image:url(../images/home_whatshot.png);}
.box2image a{display:block;width:100%;height:100%;}
#box3 {position:relative;width:220px;height:254px;margin-top:20px;float:left;}
.box3image a{display:block;width:100%;height:100%;}
.box3image {width:170px;height:136px;background-image:url(../images/home_bevcalc.png);}
.box3imagecalc {width:170px;height:136px;background-image:url(../images/home_bevcalc.jpg);}
.clear {clear:both;}
#footer {width:100%;text-align:center;margin-top:30px;padding-top:10px;font: 10px/12px Arial, Helvetica, sans-serif;color:#e8cd7e; font-weight:bold;}
#footer a{color:#e8cd7e;text-decoration:none; font-weight:bold;}
#footer a:visited{color:#e8cd7e;text-decoration:none; font-weight:bold;}
#contactbodyleft {position:relative;width:70%;float:left;padding-right:20px;}
#contactbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#contactbodyright {position:relative;width:25%;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;padding-left:15px;}
#contactbodyright p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#directionsbodyleft {position:relative;width:460px;float:left;padding-right:20px;}
#directionsbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#directionsbodyright {position:relative;width:236px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;padding-left:15px;}
#directionsbodyright p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#directionsbodyright a{color:#8eb99c;}
#directionsbodyleft ul{list-style-type:decimal;font:12px/18px Arial, Helvetica, sans-serif;color:white;padding:10px 0px 15px 27px;margin:0px;}
.directionsimg {display:block;padding-left:10px;}
#recipesbodyleft {position:relative;width:480px;float:left;padding-right:20px;}
#recipesbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#recipesbodyright {position:relative;width:216px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;}
#recipesbodyright p {font:11px/18px Arial, Helvetica, sans-serif;color:white;}
.recipeheader {display:block;margin-bottom:15px;}
.singlerecipeimg {position:relative;float:left;width:51px;padding-right:10px;}
.singlerecipetitle {position:relative;float:left;width:410px;font: bold 14px/15px Arial, Helvetica, sans-serif;color:white;}
.recipecontainer ul {margin:0;padding:10px 0px 0px 0px;list-style-position: inside;font: 12px/15px Arial, Helvetica, sans-serif;}
.recipecontainer {margin-bottom:15px;}
#hotbodyleft {position:relative;width:480px;float:left;padding-right:20px;}
#hotbodyright p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#hotbodyright a{color:#8eb99c;}
#hotbodyright a:hover{color:#8eb99c;}
#hotbodyright {position:relative;width:219px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;padding-left:10px;}
#hotbodyleft p {font:14px/20px Arial, Helvetica, sans-serif;color:white;}
#hotbodyleft h1 {font:14px/20px Arial, Helvetica, sans-serif;color:white;}
#hotbodyleft h2 {font:bold 14px/20px Arial, Helvetica, sans-serif;color:white;}
#hotbodyleft a:hover{color:#8eb99c;}
#hotbodyleft a{color:#8eb99c;}
#specialsbodyleft {position:relative;width:480px;float:left;padding-right:20px;}
#specialsbodyright p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#specialsbodyright a{color:#8eb99c;}
#specialsbodyright a:hover{color:#8eb99c;}
#specialsbodyright {position:relative;width:219px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;padding-left:10px;}
#specialsbodyleft p {font:11px/18px Arial, Helvetica, sans-serif;color:white;margin-top:-10px;}
#specialsbodyleft h1 {font:bold 13px/18px Arial, Helvetica, sans-serif;color:white; margin-top: 5px;}
#specialsbodyleft h2 {font:11px/18px Arial, Helvetica, sans-serif;color:white;margin-top:-9px;}
#specialsbodyleft a:hover{color:#8eb99c;}
#specialsbodyleft a{color:#8eb99c;}
#hotbodyleft {position:relative;width:480px;float:left;padding-right:20px;}
#hotbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#hotbodyleft a{color:#8eb99c;}
#hotbodyleft a:hover{color:#8eb99c;}
#brinkbodyleft a{color:#8eb99c;}
#brinkbodyleft a:hover{color:#8eb99c;}
#hotbodyright {position:relative;width:219px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;padding-left:10px;}
#hotbodyright p {font:12px/18px Arial, Helvetica, sans-serif;color:white;margin-top:-10px;}
#hotbodyright h1 {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#hotbodyright h2 {font:bold 13px/18px Arial, Helvetica, sans-serif;color:white;margin-top:-9px;}
#hotbodyright a{font:12px/15px Arial, Helvetica, sans-serif;color:#8eb99c;display:block;margin-top:7px;}
#hotbodyright a:hover{color:#e8cd7e;}
#asktimbodyleft {position:relative;width:515px;float:left;padding-right:20px;}
#asktimbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#asktimbodyright {position:relative;width:179px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;}
#asktimbodyright p {font:11px/18px Arial, Helvetica, sans-serif;color:white;margin-top:-10px;}
.interact {background:#8eb99c;padding:15px;}
.interact a{font:12px/12px Arial, Helvetica, sans-serif;margin-top:10px;display:block;color:#750a0e;}
.sidecontent {padding:15px;}
.sidecontent a{font:12px/15px Arial, Helvetica, sans-serif;color:#8eb99c;display:block;margin-top:7px;}
.sidecontent a:hover{color:#e8cd7e;}
.sidecontent2 {padding-left:15px;}
.sidecontent2 a{font:12px/15px Arial, Helvetica, sans-serif;color:#8eb99c;}
.sidecontent2 p{font:12px/15px Arial, Helvetica, sans-serif;color:white;}
.sidecontent2 a:hover{color:#e8cd7e;}
#specialsbodyright a{font:12px/15px Arial, Helvetica, sans-serif;color:#8eb99c;display:block;margin-top:7px;}
#specialsbodyright a:hover{color:#e8cd7e;}
.qa {width:auto;margin-bottom:5px;margin-top:15px;}
.questionanswer {}
.asktimpic {float:right;margin-left:15px;}
.qaleft {float:left;padding-right:5px;width:auto;font:bold 12px/18px Arial, Helvetica, sans-serif;color:white;}
.qaright {width:auto;font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#biocontainer {width:501px;height:auto;margin-top:15px;margin-bottom:30px;}
#bioimage {background-image:url(../images/misc/asktimpic2.jpg);width:100px;height:100px;margin:0px 10px 10px 0px;float:left;}
#biotext {padding-right:0px;}
#biotext .whotim{font: bold 13px/15px Arial, Helvetica, sans-serif;color:white;float:left;padding-right:5px;}
#biotext .whotim2{font:11px/16px Arial, Helvetica, sans-serif;color:white;}
.questionwho {font:10px/5px Arial, Helvetica, sans-serif;position:relative;top:-8px;color:#aaaaaa}
h3 {font:bold 12px/18px Arial, Helvetica, sans-serif;color:white;}
.questioncategory {display:block;margin-top:15px;}
#nextpage {float:right;width:91px;height:26px;}
#nextpage img {border:0;}
#previouspage {float:left;width:115px;height:26px;}
#previouspage img{border:0;}
#brinkbodyleft {position:relative;width:515px;float:left;padding-right:20px;}
#brinkbodyleft p {font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#brinkbodyright {position:relative;width:179px;float:left;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;}
.specialspic {float:left; margin-right:7px;margin-bottom:10px;padding-top:4px;}
.specialstext {
margin-left: 55px;
}
.headerspace {margin-bottom:8px;}
.indent {padding-left:15px;}
#box3calc {position:relative;width:220px;height:254px;float:left;margin-right:40px;}
#bevcalcleft {position:relative;width:auto;float:left;}
#bevcalcright {position:relative;width:auto;float:left;}
#bevcalcresults {position:relative;width:auto;float:left;}
#bevcalcform {width:auto;font:12px/18px Arial, Helvetica, sans-serif;color:white;}
#bevcalcform ul{padding:0;margin:0;padding-left:20px;}
.eventcontainer {width:500px;font:12px/18px Arial, Helvetica, sans-serif;color:white;margin-top:20px;margin-bottom:5px;}
.eventcontainer p{font:12px/18px Arial, Helvetica, sans-serif;color:white;}
.eventcontainer h1{font:bold 14px/18px Arial, Helvetica, sans-serif;color:white;}
.info1 {float:left;width:auto;font:bold 12px/18px Arial, Helvetica, sans-serif;color:#e8cd7e;padding-right:5px;}
.info2 {width:auto;}
.eventcontainer ul{margin-top:0px;padding-top:0px;}
.eventcontainer a{color:#8eb99c;}
.eventcontainer a:hover{font-weight:700;}
.whatshotheader {margin-top:25px;margin-bottom:25px;}
.infusionimg {float:left;margin-right:15px;margin-bottom:15px;margin-top:15px;}
.whatshotimg {float:left;margin-right:15px;margin-bottom:15px;}
#grandopening {float:left;width:180px;background-image:url(../images/header/header_dottedseparator.png);background-repeat:repeat-y;background-position:top left;font: 12px/15px Arial, Helvetica, sans-serif;color:white;padding:0px 0px 0px 15px;position:relative;top:-20px;}
#grandopening a{color:#8eb99c;font:font-weight:700;text-decoration:underline;}
#grandopening a:hover{color:#e8cd7e;text-decoration:underline;}
#grandopening p{padding:0;margin:0;}
.homepagecontainer {width:500px;float:left;font:12px/18px Arial, Helvetica, sans-serif;color:white;margin-right:30px; font-weight:bold;}
.hotleft {float:left;width:45%;margin-top:6px;margin-right:3px;}
.hotleft p{margin:0;padding:0;}
.hotright {float:left;width:32%;margin-top:10px;}
.hotleft img {float:left;margin-right:5px;margin-bottom:25px;height:50px;width:50px;}
/* MYEMMA STUFF */
/* Controls width of your form */
.e2ma_signup_form {
width:500px;
}
/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text]{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 400px;
}
.e2ma_signup_form select { width:auto;margin-right:5px;}
.e2ma_signup_form textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 400px;
}
/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
padding:0px;
margin-bottom:6px;
}
/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
text-align:center;
display: none;
}
/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
border:0;
}
/* Controls style and formatting of welcome message */
.e2ma_signup_message {
display:none;
}
/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
font-family:Arial, Helvetica, sans-serif,serif;
text-transform:uppercase;
font-size:12px;
font-weight:700;
color:white;
text-align:left;
padding-top:5px;
}
/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
font-family:verdana;
font-size:10px;
color:#333333;
}
/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
font-family:Verdana, sans-serif;
font-size:10px;
color:#333333;
font-weight:normal;
}
/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
font-family:Verdana, sans-serif;
font-size:10px;
color:#333333;
border:1px solid #dddddd;
padding:5px;
margin-bottom:5px;
}
/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
font-family:Arial, Helvetica, sans-serif,serif;
font-size:10px;
color:white;
padding:5px;
margin-bottom:5px;
}
/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
color:#FF0000;
}
/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
float:left;
}
/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
display: inline;
}
/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button {
width: 60px !important;
}