* {
	line-height: 1.4em;
}

body {
	margin: 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: .7em;
	color: #333333;
}

form{
    margin: 0;
    padding: 0;    
}

input{
    line-height: 1.2em;
}

h1 {
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 0 1em 0;
	color: #000000;
}
h2 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	font-weight: normal;
}
h2.upperTitle
{
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 1.1em;
	margin: 0 0 1em 0;
}
h4 {
	font-size: 1em;
	margin: 0 0 1em 0;
}


p {
	margin: 0px;
	margin-bottom: 1em;
	line-height: 1.4em;
}
a {
	color: #666666;
	text-decoration: underline;
}

a[class="a-withoutunderline"] {
	color: #666666;
	text-decoration: none;
}

a:hover[class="a-withoutunderline"] {
	
	text-decoration: none;
}

/** override of ms styles **/
.ms-WPBody a {	text-decoration: underline;}.ms-WPBody a:link, .ms-WPBody a:visited {
	color: #666666;
	text-decoration: underline;}

a:hover {
	text-decoration: underline;
}
a.lnkWhB {
    font-weight: bold;
    color: #FFFFFF;
}
a.dgLBLink {
	font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}
a.dgLLink {
    font-size: 1.1em;
    color: #333333;
} 
a.lLink {
	font-size: 1.1em;
}
a.bLink {
	font-weight: bold;
}
a.lbLink {
	font-size: 1.1em;
	font-weight: bold;
}
.lbLinksabs1{ 
	position:absolute; 
	top: 335px; 
	left: 220px; 
}
.lbLinksabs2{ 
	position:absolute; 
	top: 335px; 
	left: 160px; 
}

a.uLink {
	text-decoration: underline;
}
a.luLink {
	font-size: 1.1em;
	text-decoration: underline;
}
img {
	border: 0px;
}
img.homeRating {
	position: relative;
	top: 1.5em;
}
img.headerImg {
	margin-bottom: 1em;
}
img.headerImgTB {
	margin-bottom: 1em;
	margin-top: 1em;
}
img.drinkThumb {
	border: solid 1px #999999;
	float: left;
	vertical-align: top;
	margin-right: 5px;
}
img.ie6PngFix {
}
img.blank {
    width: 1px;
    height: 1px;
}


.ie6Hide
{
}
.ie6NoBg
{
}
.ie6NoDisplay
{
    display: block;
}
.ie6Display
{
    display: none;
}



#divMain {
	width: 960px;
	margin: 0px auto;
	position: relative;
}

#divTopGlobal {
	position: relative;
	z-index: 90;
}
h1.headerLogo a
{
    display: block;
    width: 630px;
    height: 61px;
    text-indent: -1000em;
    text-decoration: none;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/logo_with_tagline.gif);
    background-repeat: no-repeat;
    overflow: hidden;
}

#divLogo {
	height: 61px;
}

#divNavWrapper {
	position: relative;
	z-index: 90;
}
#divTopNav {
	position: absolute;
	left: 610px;
	top: 3px;
	width: 350px;
	text-align: right;
}
#divMyBar {
	position: absolute;
	left: 720px;
	top: 0px;
	width: 240px;
	background-color: #4a4250;
	color: #FFFFFF;
	height: 54px;
	background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/mybar_bg.jpg);
	background-repeat: no-repeat;
}

.divMyBarBot{
	background-color: #8b878e;
}

#divMyBar a {
	color: #FFFFFF;
}
#divMyBarHeader
{
	position: absolute;
	left: 10px;
	top: 8px;
	width: 50px;
	height: 24px;
	float: left;
	z-index: 10;

}
#divMyBarContent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 230px;
	height: 54px;
	text-align: right;
	padding-right: 10px;
}
#divMyBarItems
{
	position: relative;
	left: 10px;
	top: 18px;
	clear: both;
}

#divMyBarNotify 
{
	display: none;
	position: absolute;
	left: 711px;
	top: 54px;
	width: 249px;
}
#divMyBarNotifyShadow
{
	width: 249px;
	    /*backgrounds width pngs don't work in ie6 */
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/mybar_notify_l_shadow.png);
	background-repeat: repeat-y;
}
#divMyBarNotifyInner
{
	position: relative;
	left: 8px;
	padding: 18px 10px 18px 10px;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #798A66;
	border-width: 1px 1px 0px 1px;
	color: #000000;
	width: 219px;
}
#divMyBarNotifyBottom { }



#divMainNav  {
	position: relative;
	width: 720px;
	height: 54px;
	top: 15px;
}
#divMainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	z-index: 1;
}
#divMainNav ul li {
	position: relative;
	float: left;
	z-index: 1;
}


/*#divMainNav ul li:hover div { display: block; }
#divMainNav ul li:hover select { display: none; }
#divMainNav ul li.over div { display: block; }*/

#divMainNav ul li div.subMenu
{
	position: absolute;
	left: 0px;
	top: 28px; 
	z-index: 99;
	display: none;
}
#divMainNav ul li ul li
{
	float: none;
	padding: 5px;
}
#divMainNav ul li ul li a
{
	color: #990000;
	font-weight: bold;
}
#divMainNav ul li div.navPad
{
	padding: 10px;
}
#divMainNav ul li div.subDrinksType
{
	position: absolute;
	background-color: #EDEDED;
	border: solid 1px #CFCFCF;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_subnav.jpg);
	background-repeat: repeat-x;
	width: 200px;
	z-index:98;
}
#divMainNav ul li div.subDrinksTypeArrow
{
	position: relative;
	left: 20px;
	top: 1px;
	z-index: 99;
}




#divSearch {
	z-index: 1;
	height: 48px;
	border: solid 1px #000000;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_search.gif);
	background-repeat: repeat-x;
	position: relative;
}

#divSearchDDL{
    visibility: visible;
}

#divSearchBar {
	width: 674px;
	position: relative;
	left: 139px;
	top: 7px;
}
#divSearchBar1
{
	width:auto;
	float:left;
	position:relative;
	left:2px;
	top:5px;
}
#divSearchBar2
{
	width:auto;
	float:right;
	position:relative;
	left:-2px;
	top:6px;
}
#divSearchBarLeft
{
	width:3px;
	float:left;
}
#divSearchBarRight
{
	width:3px;
	float:right;
}
#divSearchBarMain {
	width: 668px;
	height: 34px;
	float: left;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_bar_bg.gif);
	background-repeat: repeat-x;
}
#divSearchInput
{
	display:none;
	position:relative;
	top:4px;
}
#divSearchText, #divSearchUserText
{
	position:relative;
	top:4px;
}

#divMainContent {
	position: relative;
	width: 960px;
}


#divFooter
{
	clear: both;
	padding: 30px;
	color: #999999;
	font-size: 0.83em;
	width: 920px;
	text-align:center;
	line-height:16px;
}
#divFooter a 
{
	color: #999999;
}
#divFooter.myBarFooter
{
    padding: 15px 30px 30px 30px;
    background-color: #fff;    
    border-top: 24px solid #8b878e;}
/*#divFooter.myBarFooter a
{
    color: #CCCCCC;
}*/
#divFooter #divFooterCopyright{
    margin-top: 3px;
}
#divFooter a img.footer-drinkiq{
    position:relative; top:2px;
    color: #8fb152;
}


#divHomeBanner
{
	position: relative;
	width: 960px;
	/*height: 311px;*/
	height: 308px;
	overflow: hidden;
}
#divHomeBannerAnim
{
	position: absolute;
	left: 0px;
	top: -1px;
	width: 960px;
}
.divHomeBannerImage
{
	width: 416px;
	float: left;
}
.divHomeBannerContent
{
	width: 504px;
	height: 271px;
	padding: 20px;
	float: right;
	color: #FFFFFF;
}
.divHomeBannerText
{
	width: 295px;
	padding-right: 15px;
	padding-top: 25px;
}

/*
.bannerBg0
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_black_green.jpg);
	background-repeat: repeat-x;
}

.bannerBg1
{
	background-color: #4E7112;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_yellow.jpg);
	background-repeat: repeat-x;
}

.bannerBg2
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_brown.jpg);
	background-repeat: repeat-x;
}

.bannerBg3
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_black_red.jpg);
	background-repeat: repeat-x;
}

.bannerBg4
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_gold.jpg);
	background-repeat: repeat-x;
}

.bannerBg5
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_black_purp.jpg);
    background-repeat: repeat-x;
}
.bannerBg6
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_banner/bg_grad_black_blue.jpg);
    background-repeat: repeat-x;
}
*/

#divHomeBannerText h1
{
	text-transform: uppercase;
	font-size: 2em;
}

.divHomeBannerText h1 a{text-decoration: none; color: #fff;}
.divHomeBannerText h2 a{text-decoration: none; color: #fff;}

.divHomeBannerText h2{
	font-size: 1.3em;
	margin: 0 0 .8em 0;
	font-weight: bold;
}

#divHomeBannerSep
{
	position: absolute;
	left: 740px;
	top: 0px;
	width: 1px;
	/*height: 311px;*/
	height: 308px;
	background-color: #FFFFFF;
	font-size: 0px;
	z-index: 10;
}
#divHomeBannerNav
{
	position: absolute;
	left: 745px;
	top: 0px;
	padding-left: 15px;
	width: 200px;
	padding-top: 25px;
	font-size: 1.1em;
	color: #FFFFFF;
	z-index: 10;
}
#divHomeBannerNav a 
{
	color: #FFFFFF;
}

.homeContent1
{
	position: relative;
	width: 359px;
	height: 366px;
	float: left;
	margin-right: 6px;
	border:solid 1px #CFCFCF;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_home_content_1.jpg);
	background-repeat: repeat-x;
	background-color: #EDEDED;
}


#divHomeCol3
{
	width: 226px;
	float: right;
	position: relative;
	color: #666666;
}

#divHomeCol3 div.bg
{
	position: absolute;
	left: 0px;
	top: 0px;
}
#divHomeCol3 div.text
{
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 0.83em;
	line-height: 1.3em;
}

#divHomeCol3 div.text h2{
    margin-bottom: 5px;
}

#divHomeCol3 div.text h3{
    margin-bottom: 5px;
}


#divHomeCol3 div.homeContent3_1
{
	width: 226px;
	height: 117px;
}
#divHomeCol3 div.homeContent3_2
{
	width: 220px;
	height: 107px;
}

#divHomeCol3 div.homeContent3_2 .col1
{
	position: absolute;
	left: 0px;
	top: 0px;
	border:solid 1px #CFCFCF;
	width: 94px;
	height: 105px;
}
#divHomeCol3 div.homeContent3_2 .col2
{
	position: absolute;
	left: 102px;
	top: 0px;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_stirrings_bg.jpg);
	background-repeat: repeat-x;
	border:solid 1px #CFCFCF;
	width: 108px;
	height: 91px;
	padding: 7px;
	line-height: 1em;
}
#divHomeCol3 div.homeContent3_2 .col2 h3, p
{
	line-height: 1.4em;
	margin-bottom: .5em;
}

#divBannerAd
{
	width: 728px;
	float: left;
}

#divHomeJoin
{
	border:solid 1px #CFCFCF;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/home_join_bg.jpg);
	background-repeat: repeat-x;
	background-color: #EDEDED;
	font-size: 0.83em;
	color: #000;
	width: 204px;
	height: 68px;
	padding: 10px;
	float: right;
}

#divHomeJoin h3{
    margin-bottom: 4px;
}

.homeDrinkRecSel 
{
	position: absolute; 
	right: 10px; 
	top: 9px; 
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:11px;
	width:128px;
}

#divLSearch
{
	width: 199px;
	float: left;
	padding-top: 30px;
}
#divLSearchInner
{
	position: relative;
	left: 10px;
	width: 177px;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/lsearch_bg.gif);
	background-repeat: repeat-y;
	border: solid 0px #999999;
	border-bottom-width: 1px;
}
#divLSearchInner td.lsearchHeading
{
	padding: 4px 0px 4px 0px;
}
#divLSearchInner td.lsearchCount
{
	padding: 4px 5px 4px 0px;
	text-align: right;
}
#divLSearchInner td.lsearchText
{
	padding: 4px 5px 4px 8px;
}
#divMainContentLSearch
{
	width: 561px;
	float: left;
}

.myBarPageContent
{
    background-color: #8b878e;
    width: 960px;
    overflow-x: hidden;
   /* original background-color: 847E89; this color was identical 
     to the cursor color in IE7, causing it to disappear */
}

#divMainLeftNav
{
	width: 199px;
	float: left;
	display: inline;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/leftnav_r_shadow.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}
#divMainLeftNavInner
{
	width: 193px;
	border: 0px;
	border-left: solid 1px #DEDDDE;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_leftnav.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;

}
#divMyBarLeftNav
{
    width: 200px;
	float: left;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/leftnav_mybar_r_shadow.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}
#divMyBarLeftNavInner
{
    width: 195px;
	border: 0px;
	border-left: solid 1px #DEDDDE;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_leftnav.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.leftNavPlusMinus{
    width: 13px;
    height: 13px;
    float: left;
    display: inline;
    margin-right: 3px;
}

.leftNavTextLink{float: right; display: inline; text-align: left; width: 160px;}

.leftNavOptionsList a
{
	text-decoration: none;
	color: #000000;
}
.leftNavOptionsList
{
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 2px;
}
.leftNavOption
{
	margin: 10px 0px 0px 0px;
	padding: 3px 0px 3px 3px;
}

.leftNavOption ul{
    position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	display: none;
}

.leftNavOptionsList div a.leftnavOption1
{
	position: relative;
	top: -2px;
}

.leftNavOptionsList div.navOptionCount
{
	position: relative;
	top: -2px;
	display: inline;
}

.leftNavOption ul li
{
	margin: 3px 0px 0px 6px;
	padding: 3px 0px 3px 3px;
	clear: both;
	display: block;
	list-style-type: none;
	list-style-image: none;
}
.leftNavOption ul li:hover
{
    background-color:#6FCB2A;
	color: #FFFFFF;
  
} 

.leftNavOption ul li.subNavSel
{
    background-color:#6FCB2A;
	color: #FFFFFF;
  
} 
.leftNavOption ul li.subNavSel a{
	color: #FFFFFF;
	text-decoration:none;
}

.leftNavOption ul li.subNavUnsel
{
    background: none;
	color: #000000;
  
} 

.leftNavOption ul li.subNavSpace
{
    background: none;
	height: 7px;
	line-height: 1px;
	margin:0; padding:0;
  
}

.leftNavOption ul li.subNavUnsel a{
	color: #000;
	text-decoration:none;
}

.leftNavOptionsList li.navOptionSelected
{
	background-color:#6FCB2A;
	color: #FFFFFF;
}
.leftNavOptionsList li.navOptionSelected a
{
	color: #FFFFFF;
}

#divMainContentMyBar
{	
    margin-left: 8px;
    width: 752px;
	float: left;
}
#divMainContentColFull
{
	width: 751px;
	float: right;
}
#divMainContentColFull div.leftcol
{
	width:50%;
	float: left;
}
#divMainContentColFull div.rightcol
{
	width:50%;
	float: right;
}

#divMainContentCol1
{
	position: relative;
	left: 17px;
	width: 531px;
	float: left;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-y;
	background-position: top right;
	padding-right: 17px;
}

#divMainContentCol1 h1, h2, h3, h4
{
	margin: 0px;
	padding: 0px;
}

#divMainContentCol2
{
	position: relative;
	left: 17px;
	width: 531px;
	float: left;
	padding-right: 17px;
	line-height: 20px;
}

#divMainContentCol2 h1, h2, h3, h4
{
	margin: 0px;
    padding: 0px;
}

/** setting this to override ms-WSPBody settings **/
#divMainContentCol2 h1
{
	font-size:2.2em;
	font-weight:normal;
}


#divMainContentColAd
{
	padding-left: 20px;
	width: 180px;
	float: right;
}


#divSearchTabs div.divSearchTabL
{
	height:27px;
	background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_ltab.gif);
	background-repeat:no-repeat;
}
#divSearchTabs div.divSearchTabLSel
{
	height:27px;
	background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_ltab_sel.gif);
	background-repeat:no-repeat;
}
#divSearchTabs div.divSearchTab
{
	margin: 0px 5px 0px 5px;
	padding: 5px;
	height: 17px;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_tab_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
}
#divSearchTabs div.divSearchTab a
{
	font-size: 1.1em;
}
#divSearchTabs div.divSearchTabSel
{
	margin: 0px 5px 0px 5px;
	padding: 5px;
	height: 17px;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_tab_bg_sel.gif);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
}
#divSearchTabs div.divSearchTabSel a
{
	font-size: 1.1em;
	color: #000000;
}
#divSearchTabs div.divSearchTabR
{
	height:27px;
	background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_rtab.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
#divSearchTabs div.divSearchTabRSel
{
	height:27px;
	background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/search_rtab_sel.gif);
	background-repeat:no-repeat;
	background-position:top right;
}


.searchResult
{
	width: 500px;
	clear: both;
	padding-top: 20px;
}
.searchResultThumb
{
	width: 65px;
	float: left;
}
.searchResultText
{
	width: 285px;
	float: left;}.searchResultQuick{	width: 75px;	float: right;
	padding-top: 30px;	padding-left: 50px;	font-style: italic;}



.tdHomeBannerSelected
{
 font-size: .73em;
 width: 7px;
 height: 23px;
 border: solid 1px #b3b3b3;
 background-image: url('/_layouts/thebar/images/slide-bg.gif');
 background-repeat: no-repeat;
}
.tdHomeBannerNav
{
	padding-left: 10px;
	font-style: italic;
	font-size: 90%;
}
.tdHomeBannerNav a
{
	font-style: normal;
}

.thumbImage
{
	border: solid 1px #999999;
}


.tableDiv
{
	position:relative;
	top: 12px;
	clear:both;
	display:block;
	width: 960px;
}

.bannerNavSelected
{
 width:7px;height:23px;
}
.bannerNavSpacer
{
	width:1px;height:16px;
}
.tableTdValign td
{
	vertical-align: top;
}



div.brandBanner
{
	padding-top: 1em;
	padding-bottom: 1em;
}

#video{
    width: 527px;
    height: 228px;
    background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/video_bg.gif');
    background-repeat: no-repeat;
    margin-top: 4px;
}

div.divBrandInfo
{
	padding-top: 1em;
	padding-bottom: 1em;	
}

div.divGreyBox544Top
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/greybox_544_top.gif);
	background-repeat: no-repeat;
	width: 544px;
	height: 8px;
}

div.divGreyBox544Mid
{
	width: 544px;
	background-color: #e5e5e5;
}

div.divGreyBox544Bot
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/greybox_544_bot.gif);
	background-repeat: no-repeat;
	width: 544px;
	height: 8px;
	clear: left;
}

div.divBrandInfoLogo
{
	float: left;
	display: inline;
	width: 100px;
	height:60px;
	margin-top: 3px;
	padding-bottom: 3px;
	text-align:right;
	padding-left: 10px;
    padding-right : 10px;
}

div.divBrandInfoText
{
	float: left;
	display: inline;
	width: 385px;
	margin-top: 10px;
	padding-bottom: 7px;
	color: #000;
}
div.divBrandInfoText a
{
	color: #000;
}


div.divPromoRight
{
	padding-top: 1em;
	padding-bottom: 1em;	
}

div.divGreyBox307Top
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/greyboxrt_307_top.gif);
	background-repeat: no-repeat;
	width: 307px;
	height: 12px;
}

div.divGreyBox307Mid
{
	width: 307px;
	height: 165px;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/greyboxrt_307_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

div.divGreyBox307Bot
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/greyboxrt_307_bot.gif);
	background-repeat: no-repeat;
	width: 307px;
	height: 12px;
	clear: left;
}

div.divPromoRightGraphic
{
	margin: 10px 0 0 25px;
	text-align:left;
}

div.divPromoRightText
{
	float: left;
	display: inline;
	width: 240px;
	margin: 10px 0 0 30px;
	color: #000;
}
div.divPromoRightText a
{
	color: #000;
}

div.brandBanner
{
	padding-top: 1em;
	padding-bottom: 1em;
}

.rightDotBg
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
.leftDotBg
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
.bottomDotBg
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.rSrch-overlay-hdr .bottomDotBg{
	margin:0;
	padding:0;
	height: 2px;
}

/*Rating Styles for sml version*/

div.rating0
{
	position:absolute;clip:rect(0px, 61px, 15px, 0px);margin-top:0px;
}
div.rating1
{
	position:absolute;clip:rect(15px, 61px, 30px, 0px);margin-top:-15px;
}
div.rating2
{
	position:absolute;clip:rect(30px, 61px, 45px, 0px);margin-top:-30px;
}
div.rating3
{
	position:absolute;clip:rect(45px, 61px, 60px, 0px);margin-top:-45px;
}
div.rating4
{
	position:absolute;clip:rect(60px, 61px, 75px, 0px);margin-top:-60px;
}
div.rating5
{
	position:absolute;clip:rect(75px, 61px, 90px, 0px);margin-top:-75px;
}
/*Rating Styles for large version*/
/*
div.lrgRating0
{
	position:absolute;clip:rect(0px, 115px, 35px, 0px);margin-top:0px;
}
div.lrgRating1
{
	position:absolute;clip:rect(35px, 115px, 70px, 0px);margin-top:-35px;
}
div.lrgRating2
{
	position:absolute;clip:rect(70px, 115px, 105px, 0px);margin-top:-70px;
}
div.lrgRating3
{
	position:absolute;clip:rect(105px, 115px, 140px, 0px);margin-top:-105px;
}
div.lrgRating4
{
	position:absolute;clip:rect(140px, 115px, 175px, 0px);margin-top:-140px;
}
div.lrgRating5
{
	position:absolute;clip:rect(175px, 115px, 210px, 0px);margin-top:-175px;
}
*/
div.lrgRating0
{
	position:absolute;clip:rect(0px, 115px, 35px, 0px);margin-top:0px;
}
div.lrgRating0_half
{
	position:absolute;clip:rect(35px, 115px, 70px, 0px);margin-top:-35px;
}
div.lrgRating1
{
	position:absolute;clip:rect(70px, 115px, 105px, 0px);margin-top:-70px;
}
div.lrgRating1_half
{
	position:absolute;clip:rect(105px, 115px, 140px, 0px);margin-top:-105px;
}
div.lrgRating2
{
	position:absolute;clip:rect(140px, 115px, 175px, 0px);margin-top:-140px;
}
div.lrgRating2_half
{
	position:absolute;clip:rect(175px, 115px, 210px, 0px);margin-top:-175px;
}

div.lrgRating3
{
	position:absolute;clip:rect(210px, 115px, 245px, 0px);margin-top:-210px;
}

div.lrgRating3_half
{
	position:absolute;clip:rect(245px, 115px, 280px, 0px);margin-top:-245px;
}

div.lrgRating4
{
	position:absolute;clip:rect(280px, 115px, 315px, 0px);margin-top:-280px;
}

div.lrgRating4_half
{
	position:absolute;clip:rect(315px, 115px, 350px, 0px);margin-top:-315px;
}

div.lrgRating5
{
	position:absolute;clip:rect(350px, 115px, 385px, 0px);margin-top:-350px;
}


div.rSectionBar
{
	background-color:#860000;
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_r_section_bar.jpg);
	background-repeat: repeat-y;
	color:#FFFFFF;
	padding: 5px 8px 5px 8px;
	z-index: 1;
}
div.rSectionBar h4
{
	 margin-bottom: 0px;
}
div.rSectionContent
{
    position: relative;
	padding: 5px 8px 15px 8px;
	z-index: 1;
}


table.drinkItemsList
{
	color: #666666;
}
table.drinkItemsList td
{
	vertical-align: top;
}

table.drinkItemsList .drinkItemsTitle
{
	padding: 1px 0px 0px 0px;
	font-size: 1.1em;
	color: #000000;
}

ul.ulNoMargins
{
	margin-bottom: 0px;
}
ul.ulNoMargins li
{
	margin-left: -20px;
	padding-bottom: 5px;
}
div.spacerHalf
{
	height: 5px;
	clear: both;
}
div.spacerH1
{
	height: 10px;
	clear: both;
}

div.spacerH2
{
	height: 20px;
	clear: both;
}
div.spacerH3
{
	height: 30px;
	clear: both;
}

.textReq, .textRed
{
    color: #CC3300;
}
.textDgLB
{
	font-weight: bold;
	color: #333333;
}
.textWhB
{
    color: #FFFFFF;
    font-weight: bold;
}
.textWhSB
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: .9em;
}
.textDg
{
	color: #333333;
}
.textBB
{
	color: #000000;
	font-weight: bold;
}
.textS
{
	font-size: .9em;
}
.textL
{
	font-size: 1.1em;
}
.textX
{
    font-size: 1.3em;
}
.textBlX
{
    font-size: 1.4em;
    color: #000000;
}

.textSBB
{
	color: #000000;
	font-weight: bold;
	font-size: .9em;
}
.textDgSB
{
	color: #333333;
	font-weight: bold;
	font-size: .9em;
}
.textLgSB
{
	color: #666666;
	font-weight: bold;
	font-size: .9em;
}
.textLgS
{
	color: #666666;
	font-size: .9em;
}
.textGrLB
{
	color: #80C644;
	font-size: 1.1em;
	font-weight: bold;
}
.textI
{
    font-style: italic;
}
.textB
{
    font-weight: bold;
}



.leftNavCol1
{
	width: 99%;
}
.leftNavCol2
{
	width: 1%;
	text-align: right;
}


div.drtRowColor
{
    clear: both;
    width: 619px;
    height: 33px;
    padding-bottom: 10px;
}
div.drtRowColor a
{
    font-size: 1.1em;
    color: #333333;
    text-decoration: underline;
    position: relative;
    top: 17%;
    padding-left: 10px;
}
div.drtRowColor div.dbtFrameColor
{
    width: 143px;
    height: 33px;
    float: left;
    margin-right: 0px;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_color_frame.gif);
    background-repeat: no-repeat;
    padding: 1px;
}
div.drtRowColor div.colorWhite
{
    height: 33px;
}

div.drtRowColor div.color
{
    height: 33px;
    background-repeat: no-repeat;
}

div.drtRowColor div.colorBlue
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_blue.jpg);
}
div.drtRowColor div.colorYellow
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_yellow.jpg);
}
div.drtRowColor div.colorPurple
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_purple.jpg);
}
div.drtRowColor div.colorOrange
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_orange.jpg);
}
div.drtRowColor div.colorGreen
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_green.jpg);
}
div.drtRowColor div.colorRed
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_red.jpg);
}
div.drtRowColor div.colorPink
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_pink.jpg);
}
div.drtRowColor div.colorBrown
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_brown.jpg);
}
div.drtRowColor div.colorBlack
{
    height: 33px;
    background-repeat: no-repeat;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_icons/color_black.jpg);
}
div.drtRow
{
    clear: both;
    width: 619px;
    height: 52px;
    padding-bottom: 10px;
    padding-left: 6px;
}
div.drtRow a
{
    font-size: 1.1em;
    color: #333333;
    text-decoration: underline;
    line-height: 1.15em;
}
div.drtRow div.dbtframe
{
    width: 183px;
    height: 52px;
    float: left;
    margin-right: 20px;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_frame.gif);
    background-repeat: no-repeat;
    padding: 1px;
}

div.drtRow div.dbtframe2
{
    width: 183px;
    height: 52px;
    float: left;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/drink_type_frame.gif);
    background-repeat: no-repeat;
    padding: 1px;
}


div.drtRow div.dbtIcon
{
    float: left;
    display: inline;
    width: 60px; 
    text-align:center;
}

div.drtRow div.dbtDrink
{
    float: left;
    display: inline;
    width: 114px; 
    text-align:left;
    padding-top:12px;
    line-height:12px;}

.dbtBoxFullV
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_drink_bg_v.png);
    background-repeat: repeat-y;
    padding:0px 5px 0px 1px;
}
.dbtBoxFullH
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_drink_bg_h.png);
    background-repeat: repeat-x;
    background-color: #EDEDED;
    padding: 10px 0px 0px 8px;
    overflow: hidden;
    width: 619px;
}

.dbtBoxFullColorH
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_color_bg_h.png);
    background-repeat: repeat-x;
    background-color: #EDEDED;
    padding: 10px 0px 0px 8px;
    overflow: hidden;
    width: 619px;
}
.dbtBoxHalfV
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_half_bg_v.png);
    background-repeat: repeat-y;
    padding: 0px 5px 0px 1px;
    overflow: visible;
}
.dbtBoxHalfH
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/dbt_half_bg_h.png);
    background-repeat: repeat-x;
    background-color: #EDEDED;
    padding: 10px 0px 0px 14px;
    height: 330px;
    overflow: visible;
}

.mybarBoxHalfV
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/mybar_half_bg_v.png);
    background-repeat: repeat-y;
    padding: 0px 15px 0px 1px;
    overflow: hidden;
    width:172px;
    border: 0px solid red;
}
.mybarBoxHalfH
{
   background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/mybar_half_bg_h.png);
    background-repeat: repeat-x;
    background-color: #EDEDED;
    padding: 10px 0px 40px 14px;
    width:165px;
    overflow: visible;
    min-height: 350px;
}

.gateFooter 
{
   position: absolute;   
   top: 290px;     
   text-align: center;
   font-size: .8em;
   color: #999999;
   width: 580px;}
.gateFooterEnterText
{

    text-align: left;
    font-size: .77em;
    padding-top:7px;
    color: #999999;
    z-index: 999;}
.gateSep
{
    background-color: #ADADAD;
    width: 1px;
    height: 100%;
    float: left;
    margin:0px 15px 0px 15px;
}

div.nutInfoShadow
{
    width:283px;
    background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/nut_info_shadow.png);
    background-repeat:repeat-y;
}
div.nutInfoInner
{
    background-color: #FFFFFF;
    border:solid 1px #BDBCBD;
    width:232px;
    margin-left:9px;
    padding:11px 15px 11px 16px;
    background-image:url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/nut_info_bg.png);
    background-repeat:repeat-x;
    background-position:left bottom;
}
table.nutInfo
{
    width: 100%;
    text-align: left;
}
table.nutInfo td
{
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 5px 0px 8px 0px;
	color: #000000;
	font-weight: bold;
}

#nutrWrapper{
	position: relative;
	z-index: 20000;}

#nutInfo{
	position: absolute;
	left: -200px;
	top: -30px;
}


div.emailRecipeShadow
{
    width: 449px;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/email_shadow.png);
    background-repeat: repeat-y;
}
div.emailRecipeInner
{
    background-color: #FFFFFF;
    border: solid 1px #BDBCBD;
    width: 398px;
    margin-left: 9px;
    padding: 11px 15px 11px 16px;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/nut_info_bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    overflow: visible;
}
div.printRecipeShadow
{
    width: 279px;
        /*backgrounds width pngs don't work in ie6 */
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/print_shadow.png);
    background-repeat: repeat-y;
}
div.printRecipeInner
{
    background-color: #FFFFFF;
    border: solid 1px #BDBCBD;
    width: 235px;
    margin-left: 9px;
    padding: 11px 12px 11px 12px;
        /*backgrounds width pngs don't work in ie6 */
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/recipe/nut_info_bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}
div.printRecipeInner img.printSize
{
    border: solid 1px #BDBCBD; 
}
div.printRecipeInner img.printSizeSel
{
    border: solid 1px #574F5E; 
}
div.printRecipeInner img.printSize:hover
{
    border: solid 1px #574F5E;
}

div.popup
{
    position:absolute;
    left:0px;    
    top:0px;    
    visibility:hidden;   
    z-index: 20000;
}

table.tblMyBarShortReg td
{
    /*vertical-align: top;*/
    padding-right: 20px;
    padding-bottom: 15px;
    vertical-align: top;
}

.input220
{
    width: 220px;
}

div.myBarTopL
{
    float:left;
    width:494px;
    padding: 2px 2px 4px 14px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: .9em;
}
div.myBarTopL a
{
    color: #FFFFFF;
    font-weight: bold;
}
div.bgGrayL
{
    background-color:#453D4A;
}
div.bgPurpleL
{
    background-color:#542449;
}
div.bgOrangeL
{
    background-color:#F5A41C;
}
div.myBarTopR
{
    float:right;
    width:194px;
    text-align:right;
    padding: 2px 5px 4px 2px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: .9em;
}
div.myBarTopR a
{
    color: #FFFFFF;
}
div.bgGrayR
{
    background-color:#574F5E;
}
div.bgPurpleR
{
    background-color:#854A77;
}
div.bgOrangeR
{
    background-color:#F7CA29;
    color: #000000;
}
div.bgOrangeR a
{
    color: #000000;
}


/* NEW STYLES */
#divFooterLeftNav ul li.sel{
    background-color: #6fcb2a;
    border: 1px solid #dddddd;
    margin-bottom: 6px;
    width: 193px;
    display: block;
}

#divFooterLeftNav ul li.sel a{
    color: #fff;
    text-decoration: none;
    cursor: hand;
}

#divFooterLeftNav ul li.unsel{
    background-color: none;
    margin-bottom: 6px;
    width: 193px;
    display: block;
}

#divFooterLeftNav ul li.unsel a{
    color: #000;
    text-decoration: none;
    cursor: hand;
}


#divFooterLeftNav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
} 

#divFooterLeftNav li
{
    margin-bottom: 6px;
    width: 193px;
    padding: 4px 0px 4px 0px;
    display: block;
    color: #000;
    background-color: none;
    cursor: hand;
} 

/*Article Rollover Menu CSS*/
#divArticleLeftNav ul li.sel{
    background-color: #6fcb2a;
    margin-bottom: 6px;
    width: 193px;
    display: block;
}

#divArticleLeftNav ul li.sel a{
    color: #fff;
    text-decoration: none;
    cursor: hand;
}

#divArticleLeftNav ul li.unsel{
    background-color: none;
    margin-bottom: 6px;
    width: 193px;
    display: block;
} 

#divArticleLeftNav ul li.unsel a{
    color: #000;
    text-decoration: none;
    cursor: hand;
}

.sel3{background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/leftnav_MyBar_bg.gif');height: 23px;padding-top: 1px;width: 193px;display: block;color: #fff;text-decoration: none;}.sel2{    background-color: #6fcb2a;
    height: 23px;
    padding-top: 1px;
    width: 194px;
    display: block;
    color: #fff;
    text-decoration: none;
}

#divArticleLeftNav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
} 

#divArticleLeftNav li
{
    margin-bottom: 6px;
    width: 193px;
    padding: 4px 0px 4px 0px;
    display: block;
    color: #000;
    background-color: none;
    cursor: hand;
} 


/*My Bar Rollover Menu CSS*/
#divMyBarLeftNavInner ul li.sel{
    background-color: #574f5e;
    margin-bottom: 6px;
    width: 193px;
    display: block;
    cursor: hand;
}

#divMyBarLeftNavInner ul li.sel a{
    color: #fff;
    text-decoration: none;
    cursor: hand;
}

#divMyBarLeftNavInner ul li.unsel{
    background-color:none;
    margin-bottom: 6px;
    width: 193px;
    display: block;
    cursor: hand;
}

#divMyBarLeftNavInner ul li.unsel a{
    color: #000;
    text-decoration: none;
    cursor: hand;
}

#divMyBarLeftNavInner ul
{
    list-style: none;
    padding: 0;
    margin: 0;
} 

#divMyBarLeftNavInner li
{
    margin-bottom: 6px;
    width: 193px;
    padding: 4px 0px 4px 0px;
    display: block;
    color: #000;
    background-color: none;
    cursor: hand;
} 

/*MY BAR STYLES*/
#myBar-noLog-left{
    float: left;
    display: inline;
    width: 281px;
    margin: 0px 30px 0px 0px;
}

#myBar-noLog-vDivider{
    float: left;
    display: inline;
    width: 1px;
    height: 226px;
    margin-right: 35px;
}

#myBar-noLog-right{
    float: left;
    display: inline;
    width: 269px;
}

.myBar-noLog-hdr{
    padding-bottom: 17px;
}

.myBar-noLog-content{
    line-height: 19px;
    color: #333;
    /*Changed the font size from 0.9 to 1*/
    font-size: 1em;
}

.myBar-noLog-content ul{
    position: relative;
    left: -20px;
    margin-bottom: 15px;
}

.myBar-noLog-content li{
    padding-bottom: 13px;
}

#myBar-noLog-text{
    padding-bottom: 30px;
}


#myBar-noLog-form{
    line-height: 19px;
}

table.tblMyBarNoLog td
{
    vertical-align: top;
    padding-bottom: 10px;
}

table.tblMyBarNoLog2 td
{
    vertical-align: top;
    padding-bottom: 6px;
    padding-right: 10px;
}

.input265
{
    width: 265px;
}

.input195{
    width: 195px;
}


#divForgotPword{
    visibility: hidden;
    position: absolute;
    left: 348px;
    top: 315px;
    width: 458px;
    height: 206px;
    z-index: 99;
}

#fp{
    position: relative;
    top: 0;
    left: 0;
    width: 458px;
    height: 206px;
}

#fp_bg{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}

#fp_content{
    position: absolute;
    left: 19px;
    top: 61px;
    width: 200px;
    z-index: 2;
    font-size: 0.83em;
    font-weight: bold;
}

#fp_close{
    position: absolute;
    left: 364px;
    top: 16px;
    width: 47px;
    height: 24px;
    z-index: 2;
}

#reg-Lt{
    width: 488px;
    float: left;
    display: inline;
}

#reg-rt{
    float: left;
    display: inline;
}


#reg-wide{
    width: 640px;
    float: left;
    display: inline;
}


.input77{
    width: 76px;
}

.input63{
    width: 63px;
}

.input113{
    width: 113px;
}

.floatLt{
    float: left;
}

.floatRt{
    float: right;
}

.clearLt{
    clear: left;
}

.clearRt{
    clear: right;
}

.clearBoth{
    clear: both;
}

.grey{
    color: #666;
}

.ltGreen{
    color: #5cb903;
}

.input477{
    width: 477px;
}

.bottomDotBg2
{
	background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/bg_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin: 10px 0 0px 0;
}

#reg-thank-lt{
    clear:both;
    width: 385px; 
    float: left; 
    display: inline; 
    margin-right: 20px; 
    padding-left:2px;
}

#reg-thank-rt{
    float: left; 
    display: inline; 
    width: 251px; 
    line-height: 2em; 
    font-size: 1em;
}

.survey-area{
    width: 478px;
    height: 57px;
    margin: 20px 0 0 0;
    padding: 0 0 7px 0;
}

.survey{
    position: relative;
    width: 478px;
    height: 57px;
}   

.survey-icon{
    position: absolute;
    left: -5px;
    top: 0;
}

.survey-icon img{
    width: 70px;
}

.survey-slider{
    position: absolute;
    top: 0;
    left: 71px; 
}

.survey-dropdown{
    position: absolute;
    left: 95px;
    top: 40px;
    font-size: 0.93em;
    color: #000;
}

.drink-pref-sel{
    width: 356px;
    font-size: 0.93em;
    color: #000;
    font-family: Verdana;    
}

.brand_links{
    position: relative;
    width: 622px;
}


/* 1st row only */

.logo1st1strow{
    width:121px; 
    height: 105px;
    float: left;
    display: inline;
    clear: left;
    margin-top: 3px;
}

.logo1strow{
    width:121px; 
    height: 105px;
    border-left: 1px solid #e5e5e5;
    float: left;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
}

/* all other rows */
.logo1st{
    width:121px; 
    height: 105px;
    float: left;
    display: inline;
    clear: left;
    margin-top: 3px;
}

.logorest{
    width:121px; 
    height: 105px;
    border-left: 1px solid #e5e5e5;
    float: left;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
}

.logobreak{
    width: 622px;
    height: 1px;
    clear: left;
    margin: 3px 0 3px 0;
}

.logobreakline{ margin-left:6px; }
.logobreakline1{ margin-left:3px; }
.logobreakline, .logobreakline1{
    width:119px; 
    height: 1px;
    float: left;
    display: inline;
    background-color: #e5e5e5;
    padding:0;
    overflow: hidden;
}

.logo{
    width: 100px;
    margin: 12px auto 0 auto;
    height: 60px; 
    float: none;
    font-family:Verdana,Arial,Sans-Serif;
    padding: 0px;
    font-size:0.7em;
}

.logo img{
    width: 100px;
    height: 60px; 
}

.brand_links_text{
    width: 100px;
    margin: 2px auto 0 auto;
    text-align: center;
    font-size: 0.93em;
    line-height:1.3em;
    color: #999999;
    font-weight: bold;
}

#divMainContentCol2
{
	position: relative;
	left: 17px;
	width: 602px;
	float: left;
}

.article-lt{
    width: 330px;
    float: left;
    display: inline;
    margin-right: 15px;    
}

.article-rt{
    width: 330px;
    float: left;
    display: inline;
}

.article-hdr{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 4px 10px;
    color: #000;
}

.article-img{
    width: 330px;
    padding-bottom: 10px;
}

.article-desc{
    width: 295px;
    margin: 0 auto;
    line-height: 19px;
    color: #3e4847;
}

#divMainContentCol3
{
	position: relative;
	left: 17px;
	width: 680px;
	float: left;
	padding-right: 17px;
	line-height: 20px;
}

#divMainContentCol3 h1, h2, h3, h4
{
	margin: 0px;
	margin-bottom: 14px;
}

#divMainContentCol1 h3.occasionHdr
{
	margin-bottom: 0px;
}

/*.sel{
    background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/leftnav_footer_bg.gif');
    background-repeat: no-repeat;
    margin-bottom: 6px;
    height: 24px;
    width: 194px;
    display: block;
    color: #fff;
    text-decoration: none;
}*/

table.drinkItemsList .catItemsTitle
{
	padding: 0px 0px 0px 0px;
	font-size: 1.25em;
	color: #333;
	line-height: 1.2em;}

table.drinkItemsList .catItemsTitle a{	line-height: 1.2em;}#rightMenuDetails{
    float: right; 
    display: inline;
    width: 155px; 
    height: 152px; 
    margin-left: 35px;
}

#divEmailArticle, #divPrintArticle{
    position: absolute;
    left: 435px;
    top: 431px;
    z-index: 20000;
    visibility: hidden;
}

#divEmailRecipe, #divPrintRecipe{
    position: absolute;
    left: 435px;
    top: 231px;
    z-index: 20000;
    visibility: hidden;
}

.recipeLegal{ 
    font-size: 0.83em; 
    clear:both;
    width: 480px;
    margin: 10px 15px 15px 0px;
}

.essential{
    clear: both;
    width: 510px;
    margin: 0px 0 15px 0;
}

.essential-img{
    width: 150px;
    margin-right: 23px;
    float: left;
    display: inline;
}

.essential-text{
    float: left;
    display: inline;
    width: 335px;
    line-height: 19px;
}   

/*Drink Search Overlays*/

.lyr{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 200001;
}

.search-lyr-bg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 282px;
    height: 269px;
}

.search-lyr-top{
    position: absolute;
    top: 12px;
    left: 24px;
}

.search-lyr-top-rel{
    left: 24px;
    padding: 12px 0 0 24px;
    width: 250px;
}
.search-lyr-content{
    position: absolute;
    left: 36px;
    top: 54px;
}

.search-lyr-ifr{
    position: absolute;
    left: 28px;
    top: 57px;
}

#search-lyr-ifr-scroll{
    height: 180px; 
    width: 240px;
}

.search-lyr-rel-top{
    background-image: url('/_layouts/thebar/images/pop-overlay-top.png');
    background-repeat: no-repeat;
    width:282px; height: 3px;
    overflow: hidden;
}

.search-lyr-rel-mid{
    background-image: url('/_layouts/thebar/images/pop-overlay-bg.png');
    background-repeat: repeat-y;
    width:282px;
}

.search-lyr-rel-bot{
    background-image: url('/_layouts/thebar/images/pop-overlay-bot.png');
    background-repeat: no-repeat;
    width:282px; height: 14px;
    overflow: hidden;
}

.more-pop-up{
    visibility: hidden;
    width: 282px;
    height: 269px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200000;
}
.more-tab
{
	margin-right: 2px;
	color: #fff;
	font-size: 15px;
	background-color: #6dca29;
	width: 180px;
	padding: 2px 0 0 4px;
	height: 22px;
	font-family: Tahoma, Helvetica, sans-serif;
}

.blue, .green, .white, .yellow, 
.red, .clear, .purple,
.pink, .black, .orange, .brown{
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
}

.blue{background-color: #81c2e0;}
.green{background-color: #92d14e;}
.white{background-color: #fff;}
.yellow{background-color: #f3eb00;}
.red{background-color: #d70500;}
.clear{background-color: transparent;}
.purple{background-color: #bd6ae8;}
.pink{background-color: #ff62d5;}
.black{background-color: #000;}
.orange{background-color: #ff9000;}
.brown{background-color: #9a683c;}


/*Flash Overlay*/
#flashcontent{
    position: absolute;
    left: 56px;
    top: 47px;
    z-index: 20002;
}

#flash-lyr{
    visibility: hidden;
    width: 612px;
    height: 426px;
    position: absolute;
    top: 300px;
    left: 290px;
    z-index: 20000;
    
}

#flash-lyr .flash-bg{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20001;
}

#flash-lyr .flash-close{
    position: absolute;
    left: 510px;
    top: 15px;
    z-index: 20003;
}
#flash-lyr .flash-close a{ color:#000; font-size: 0.83em; text-decoration:none; }


#error{
    padding: 0 0 10px 0;
}


.myBarBox688{
    width: 686px;
    border: 1px solid #cccccc;
}

.regPref{
    margin: 10px 0 0 20px;
    width: 100%;
}


#myBar-prof-left{
    float: left;
    display: inline;
    width: 290px;
    margin: 0px 30px 0px 0px;
}

#myBar-prof-vDivider{
    float: left;
    display: inline;
    width: 1px;
    height: 360px;
    margin: 5px 25px 0 5px;
    border-left: 1px dotted #ccc;
}

#myBar-prof-right{
    float: left;
    display: inline;
    width: 259px;
}

.tblMyBarProf1{
    width:100%;
}

.tblMyBarProf1 .td1{
    text-align:right;
    padding: 5px;
}

.tblMyBarProf1 .td2{
    text-align:left;
    padding: 5px 5px 5px 10px;
}

.tblMyBarProf1 .td3{
    text-align:center;
    padding: 5px;
}
.ms-WPBody a.faq
{
	color: #666666;
	text-decoration: none;
}
.tdHomeBannerNav a.headline
{
	font-style: italic;
	text-decoration:none;
}

.comboBox 
{ 
	
	font-family: Verdana;
	border: 1px solid #A6A7AA; 
	background-color: white; 
}

.comboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white; 
}

.comboDropDown 
{ 
  border: 1px solid #868686; 
  background-color: white;
  padding: 1px;
  padding-right: 0px;
  
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.comboItem
{
  font-family: Verdana; 
  font-size: 11px; 
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comboItemHover
{
  background-color: #B2B4BF; 
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}

#wtb-map2{
    width: 661px;
    height: 461px; 
    float: left;
    display: inline;
    
}

#wtb-left{
    float: left;
    display: inline;
    width: 217px;
    height: 439px;
    border: 1px solid #dbdbdb;
    overflow-y: scroll;
    font-size: 11px;
    color: #666666;
    padding: 20px 0px 0px 17px;
}

#wtb-left a{color: #5cb903; font-size: 12px; text-decoration: underline; font-weight: bold;}

#label-boxes{    position: relative;    top: -50px;}

.label-box    
{
	float: left;    
	display: inline;    
	margin-left: 8px;    
	width: 213px;    
	position: relative;
	
}
	
.labels-box-bg    
{
	width: 213px;    
	background-image: url('../images/myBar-labels-box-bg.gif');    
	background-repeat: repeat-y;
}
	
.labels-box-hdr    
{
	width: 193px;    
	height: 31px;    
	padding: 0px 0px 13px 8px;
}

.labels-box-text
{
	width: 175px;    
	height: 140px;    
	padding-left: 18px;    
	font-size: 11px;    
	line-height: 19px;    
	color: #333;    
	position: relative;
}

.labels-box-text2
{   width: 175px;    
    height: 140px;    
    padding-left: 18px;    
    font-size: 10px;    
    line-height: 19px;    
    color: #000;    
    font-weight: bold;    
    position: relative;
}


.labelBoxInput    
{
	width: 175px;    
	font-size: 10px;    
	color: #000;
}

#personalizedNumber    
{
	width: 40px;    
	height: 55px;    
	float: left;    
	display: inline;    
	margin-right: 15px;    
	color: #f5a41c;    
	background-color: #e5e5e5;    
	font-family: Verdana, Geneva, sans-serif;    
	font-size: 36px;    
	padding: 5px 0px 0px 20px;}
	
	
.label-step-hdr    
{
	width: 634px;    
	height: 19px;    
	background-color: #f5a41c;    
	padding: 2px 0px 0px 29px;    
	margin: 9px 0px 9px 10px;    
	color: #fff;    
	font-family: Verdana, Geneva, sans-serif;    
	font-size: 12px;    
	font-weight: bold;    
	display: none;
	
}

.label-step-under-hdr    
{
	width: 600px;    
	padding-left: 39px;    
	display: inlne;
	}
	
.label-step-content    
{
	width: 600px;    
	padding-left: 50px;    
	padding-top: 25px;
}

.label-step-bottle
{    
	margin-left: 24px;
	
}

.label-step-hdr-grey
{   width: 634px; 
    height: 19px; 
    background-color: #dfdfdf;    
    padding: 2px 0px 0px 29px;    
    margin: 9px 0px 9px 10px;    
    color: #fff;    
    font-family: Verdana, Geneva, sans-serif;    
    font-size: 12px;    
    font-weight: bold;
    
}
/*
.label-step-open
{
	float: right;    
	display: inline;    
	height: 12px;    
	width: 12px;    
	text-align:center;    
	padding-top: 4px;
	margin-right: 6px;    
	cursor: pointer;	
}
*/
	
.openStep    
{
	display: none;
	
}
.closedStep    
{
	display: none;
	
}

.messageInput    
{
	width: 236px;    
	font-size: 11px;    
	color: #333;
}
	
.stepInputMed    
{
	width: 125px;  
	font-size: 11px;    
	color: #333;
}

.stepInputLg
{   width: 261px;
    font-size: 11px;
    color: #333;
    
}

.stepInputSml
{
	width: 81px;    
	font-size: 11px;    
	color: #333;
}

td.stepImgTD 
{
	width: 86px;    
	height: 187px;    
	padding-right: 29px;
}

td.stepFlavorTD    
{
	width: 480px;   
	vertical-align: middle;    
	font-size: 10px;
}
	
.homeDrinkRecSel{
    width: 128px;
    border: 1px solid #cccccc;
    color: #333;
    font-size: 11px;
}

/*Create Shopping List popup*/
#shopping-lyr{
    visibility: hidden;
    width: 282px;
    height: 269px;
    position: absolute;
    left: 128px;
    top: 573px;
    z-index: 200000;
}
.search-lyr-content2{
    position: absolute;
    left: 24px;
    top: 44px;
    width: 232px;
}

.shopping-fld{
    padding: 10px 0px 12px 0px;
    width: 232px;
}

.shoppingSelect{
    width: 230px;
    border: 1px solid #cecece;
    font-size: 12px;
}

.input230{
    width: 230px;
    border: 1px solid #cecece;
    font-size: 12px;
}

/*End Shopping List Popup*/
 
td.myBar-recipe-hdr, td.myBar-articleVideo-hdr {
    width: 688px;
    background-image: url(http://static.thebar.com/v2/CSS-JS-IMAGES/myBar-recipe-hdr.gif);
    color: #fff;
    height: 30px;
}

.myBar-recipe-hdr a, .myBar-articleVideo-hdr a {
	color: #fff; text-decoration: none;
}

td.recipeTD{
    width: 340px;
    border-left: 1px solid #cccccc;
    padding: 25px 0px 7px 0px;
    font-size: 14px;
    color: #000000;
}
td.recipeTD div a{
    font-size: 11px;
    color: #666666;
    text-decoration: underline;
}

td.recipeTD div a:hover{
    font-size: 11px;
    color: #888888;
    text-decoration: underline;
}

td.dateTD{
    width: 114px;
    padding: 25px 0px 10px 0px;
    background-color: #f0f0f0;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
}

td.printTD{
    width: 118px;
    background-color: #ffffff;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
    padding: 25px 0px 10px 0px;
}
.printTD a{ color: #000; text-decoration:underline; }

td.deleteTD{
    width: 114px;
    background-color: #f0f0f0;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
    padding: 25px 0px 10px 0px;
}
.deleteTD a{ color: #000; text-decoration:underline; }

td.recipeTD-top{
    width: 274px;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding: 0px 0px 0px 67px;
}

td.dateTD-top{
    width: 103px;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding-left: 11px;
}

td.printTD-top{
    width: 118px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

td.deleteTD-top{
    width: 115px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.recipeTD-img, .articleVideoTD-img{
    float: left;
    display: inline;
    margin: 0px 10px 0px 20px;
    border: 1px solid #999999;
    width: 48px;
    height: 48px;
}

.recipeTD-desc{
    float: left;
    display: inline;
    width: 214px;
}

.articleVideoTD-desc{
    float: left;
    display: inline;
    width: 276px;
    font-size: 11px;
}

.articleVideoTD-hdr{
    font-size: 13px;
    padding-bottom: 5px;
}

td.articleVideoTD{
    width: 400px;
    border-left: 1px solid #cccccc;
    padding: 25px 0px 7px 0px;
    color: #000000;
}

td.dateTD2 {
    width: 114px;
    padding: 25px 0px 7px 0px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
    background-color: #f0f0f0;
}

td.printTD2 {
    width: 118px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
    padding: 25px 0px 7px 0px;
    background-color: #ffffff;
}

td.deleteTD2 {
    width: 114px;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
    color: #000;
    padding: 25px 0px 7px 0px;
    background-color: #f0f0f0;
}

td.articleVideoTD-top{
    width: 334px;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding: 0px 0px 0px 67px;
}

td.dateTD2-top{
    width: 108px;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding-left: 11px;
}

td.printTD2-top{
    width: 85px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

td.deleteTD2-top{
    width: 94px;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

td.shoppingTDRow{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

td.shoppingTD{
    width: 340px;
    padding: 15px 0px 15px 0px;
    font-size: 14px;
    color: #000000;
}

td.shoppingTD-top{
    width: 320px;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    padding-left: 21px;
}

.shoppingTD-desc{
    float: left;
    display: inline;
    width: 214px;
    padding-left: 20px;
}

.shoppingTD-desc a{
    text-decoration: underline;
}

td.shoppingTD div a{
    font-size: 11px;
    color: #666666;
    text-decoration: underline;
}

td.shoppingTD div a:hover{
    font-size: 11px;
    color: #888888;
    text-decoration: underline;
}

.shoppingTD-desc img{
    position: relative;
    top: 3px;
}

div.divShoppingHide{
    background-color: #dfdee0;
    display: none;
}

div.divMyBarShoppingInnerLt{
    float: left; 
    display: inline;
    width: 320px;
    margin: 10px 15px 0 20px;
}

div.divMyBarShoppingInnerLt h2{
    font-size: 1.2em;
    font-weight: bold;
}

div.divMyBarShoppingInnerRt div.divMyBarShoppingInnerRtHolder{
    width: 280px;
    margin: 10px auto 0 auto;
}

div.divMyBarShoppingInnerRt div h2{
    font-size: 1.2em;
    font-weight: bold;
}

div.divMyBarShoppingInnerRt div h3{
    font-size: 1.0em;
    font-weight: bold;
    color: #542449;
    margin-bottom: 0;
    padding-bottom: 0;
}

div.divMyBarShoppingInnerRt div ul{
    margin-top:0;
    position: relative;
    left: -15px;
}

div.divMyBarShoppingInnerRt{
    float: left; 
    display: inline;
    width: 310px;
    border: 1px solid #cccccc;
    margin: 10px 15px 0 0;
    background-color: #ffffff;
}

div.divMyBarShoppingInnerClr{
   clear: both;
   height: 15px;
   overflow: hidden;
}

table.recServings{
    padding-bottom: 5px;
}

.tblMyBarRecipes {
    vertical-align: top;
    position: relative;
}

.MyBarRecipes_Container {
    position: relative;
}

.tblMyBarRecipes .rec1 
{
	width: 63%; 
	display: inline-block; 
}
.tblMyBarRecipes .rec2 
{
	position:absolute;
	top:0;
	left:65%;
	text-align:center;
	width:5%;
}
.tblMyBarRecipes .rec3 
{
	width: 30%; 
	white-space: nowrap; 
	position:absolute; 
	right: -5px;
}

div.recPrintList{
   float: right; 
   display: inline; 
   color: #542449; 
   margin: 0;
   font-size: 1.1em;
   font-weight:bold;
}

div.recPrintList{
  color: #542449;
  text-decoration: underline;
}

a.recLink{
    color: #542449;
    font-weight: bold;
}

a.recDelLink{
    color: #000;
    font-size: .9em;
}

#label-boxes{
    position: relative;
    top: -50px;
}

.label-box
{
    float: left;
    display: inline;
    margin-left: 8px;
    width: 213px;
    position: relative;
}

.labels-box-bg{
    width: 213px;
    background-image: url('/_layouts/thebar/images/myBar-labels-box-bg.gif');
    background-repeat: repeat-y;
}


.labels-box-hdr{
    width: 193px;
    height: 31px;
    padding: 0px 0px 13px 8px;
}

.labels-box-text{
    width: 175px;
    height: 140px;
    padding-left: 18px;
    font-size: 11px;
    line-height: 19px;
    color: #333;
    position: relative;
}

.labels-box-text2{
    width: 175px;
    height: 140px;
    padding-left: 18px;
    font-size: 10px;
    line-height: 19px;
    color: #000;
    font-weight: bold;
    position: relative;
}

.labelBoxInput{
    width: 175px;
    font-size: 10px;
    color: #000;
}

#personalizedNumber{
    width: 40px;
    height: 55px;
    float: left;
    display: inline;
    margin-right: 15px;
    color: #f5a41c;
    background-color: #e5e5e5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    padding: 5px 0px 0px 20px;
}

.label-step-hdr{
    width: 634px;
    height: 19px;
    background-color: #f5a41c;
    padding: 2px 0px 0px 29px;
    margin: 9px 0px 9px 10px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: none;
}


.label-step-under-hdr{
    width: 600px;
    padding-left: 39px;
    display: inilne;
}

.label-step-content{
    width: 600px;
    padding-left: 50px;
    padding-top: 25px;
}

.label-step-bottle{
    margin-left: 24px;
}

.label-step-hdr-grey{
    width: 634px;
    height: 19px;
    background-color: #dfdfdf;
    padding: 2px 0px 0px 29px;
    margin: 9px 0px 9px 10px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.label-step-open{
    float: right;
    display: inline;
    height: 12px;
    width: 12px;
    text-align:center;
    padding-top: 4px;
    margin-right: 6px;
    cursor: pointer;
}

td.stepImgTD{
    width: 86px;
    height: 187px;
    padding-right: 29px;
}

td.stepFlavorTD{
    width: 480px;
    vertical-align: middle;
    font-size: 10px;
}

.messageInput{
    width: 236px;
    font-size: 11px;
    color: #333;
}

.stepInputMed{
    width: 125px;
    font-size: 11px;
    color: #333;
}

.stepInputLg{
    width: 261px;
    font-size: 11px;
    color: #333;
}

.stepInputSml{
    width: 81px;
    font-size: 11px;
    color: #333;
}

#myRecipes a{color: #666666; text-decoration: underline;}

td.rSearchText{
    width: 143px;
    font-size: 11px;
    color: #74ad50;
    padding-bottom: 6px;
    padding-left: 10px;
    vertical-align: middle;
}

td.rSeachClose{
    width: 11px;
    height: 11px;
    padding: 2px 15px 6px 0;

}

td#rSrchHeading1{
    width: 100%;
    height: 22px;
    background-image: url('/_layouts/thebar/images/rSrch-hdr-spirits.gif');
    background-repeat: no-repeat;
    padding: 4px 5px 10px 0px;
}

td#rSrchHeading2{
    width: 100%;
    height: 32px;
    background-image: url('/_layouts/thebar/images/rSrch-hdr-ingredients.gif');
    background-repeat: no-repeat;
    padding: 4px 5px 0 0;
}

#divRecipeContentLSearch
{
	width: 705px;
	float: left;
	display: inline;
	line-height: 18px;
	padding-top: 15px;
}

#steps{
    width: 740px;
    padding-top: 30px;
    position: relative;
}

#step01{
    float: left;
    display: inline;
    width: 242px;
    height: 242px;
    background-image: url('/_layouts/thebar/images/rSrch-step1.gif');
    background-repeat: no-repeat;
}

#step02{
    float: left;
    display: inline;
    width: 241px;
    height: 242px;
    background-image: url('/_layouts/thebar/images/rSrch-step2.gif');
    background-repeat: no-repeat;
}

#step03{
    float: left;
    display: inline;
    width: 242px;
    height: 242px;
    background-image: url('/_layouts/thebar/images/rSrch-step3.gif');
    background-repeat: no-repeat;
}

.step-text{
    width: 196px;
    padding: 150px 0px 0px 24px;
}

#get-started-btn{
    position: absolute;
    right: 18px;
    top: 249px;

}

.openStep{
    display: none;
}

.closedStep{
    display: none;
}

a.blkBLdLink{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

a:hover.blkBLdLink{
    text-decoration: underline;
}

.quickDrink{
    font-style: italic;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    padding-left: 9px;
    line-height: 21px;
}

.newDrink{
    font-size: 11px;
    color: #eb3b1f;
    padding-left: 9px;
    line-height: 21px;
}


/* Notify User Style */
#purr-container {
	position: fixed;
	top: 0;
	right: 0;
}
.notice {
	position: relative;
	width: 324px;
}
.notice .close	
{
	position: absolute; 
	top: 12px; 
	right: 12px; 
	display: block; 
	width: 18px; 
	height: 17px; 
	text-indent: -9999px; 
	background: url(http://static.thebar.com/v2/CSS-JS-IMAGES/purrClose.png) no-repeat 0 10px;
	zbackground: url(/_layouts/TheBar/CSS-JS-IMAGES/purrClose.png) no-repeat 0 10px;
}

.notice-body {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(http://static.thebar.com/v2/CSS-JS-IMAGES/purrTop.png) no-repeat left top;
	zbackground: url(/_layouts/TheBar/CSS-JS-IMAGES/purrTop.png) no-repeat left top;
	color: #f9f9f9;
}
.notice-body img	{width: 50px; margin: 0 10px 0 0; float: left;}
.notice-body h3		{margin: 0; font-size: 1.1em;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom {
	height: 22px;
	background: url(http://static.thebar.com/v2/CSS-JS-IMAGES/purrBottom.png) no-repeat left top;
	zbackground: url(/_layouts/TheBar/CSS-JS-IMAGES/purrBottom.png) no-repeat left top;
}

div.pert_overlay {
	background: #fff; 
	position: absolute; top: 0; left: 0;
	z-index: 9900;
	width: 100%;
	height: 100%;
}

/*Styles for Survey Popup*/
#divSurveyPopup{
    visibility: hidden;    
    width: 449px;
    height: 263px;
    position: absolute;
    top: 300px;
}

#surveyPopupBg{
    width: 449px;
    height: 263px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

#surveyPopupHdr{
    position: absolute;
    left: 22px;
    top: 12px;
    width: 400px;
    z-index: 20;
}

#surveyPopupTxt{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #000;
    width: 270px;
    position: absolute;
    left: 44px;
    top: 67px;
    z-index: 20;
}

#surveyPopupBtn{
    width: 141px;
    height: 23px;
    position: absolute;
    left: 44px;
    top: 174px;
    z-index: 20;
}

#surveyPopupLogo{
    position: absolute;
    width: 171px;
    height: 51px;
    top: 166px;
    left: 234px;
    z-index: 20;
}
   .sanleeDrink{
	margin: 35px 0 0 31px;
	width: 899px;
   }
   .sanleePhoto{
	margin: 5px 0 0 11px;
	width: 253px;
	display: inline;
	float: left;
   }
   .sanleeDotted{
	background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/sandralee_dotted.gif');
	background-repeat: no-repeat;
	width: 899px;
	height: 17px;
   }
   .sanleeDottedVert{
	margin: 0 25px 0 25px;
	width: 1px;
	display: inline;
	float: left;
	background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/sandralee_dotted_vert.gif');
   }
   .sanleeRecipe{
	margin: 30px 0 0 0;
	width: 500px;
	display: inline;
	float: left;
   }
   .sanleeCTA{
	margin: 11px 0 0 11px;
	width: 100px;
	display: inline;
	float: left;
   }
   .sanleeCTAText{
	margin: 47px 0 0 20px;
	width: 500px;
	display: inline;
	float: left;
   }
   
   
   #wtb-google-map{
    width: 897px;
    height: 100%;
    padding-top: 15px;
    position: relative;
}

#wtb-map{
    width: 897px;
    height: 467px;
    position: absolute;
    left: 0px;
    top: 15px;
    z-index: 5;
}

#wtb-popup{
    width: 608px;
    height: 375px;
    position: absolute;
    left: 170px;
    top: 50px;
    z-index: 7;
}

.wtb-choice{
	float: left;
	display: inline;
	width: 263px;
	margin: 48px 15px 0px 15px;
}

.wtb-choice-hdr{
	padding: 13px 0px 13px 0px;
}

.wtb-btn{
	padding: 23px 0px 15px 0px;
}

.wtb-footnote{font-size: 8px;}

#wtb-popup-bg{
    width: 608px;
    height: 375px;
    position: absolute;
    left: 170px;
    top: 50px;
    background: url('http://static.thebar.com/v2/CSS-JS-IMAGES/drink-find-bg.png') no-repeat 0px 0px;
    z-index: 6;
}

#wtb-popup-content{
	padding: 50px 0px 0px 15px;
}
#wtb-popup-content2{
	padding: 50px 0px 0px 15px;
}


#wtb-search-box{
	width: 264px;
	height: 309px;
	background: url('http://static.thebar.com/v2/CSS-JS-IMAGES/search-box.gif') no-repeat 0px 0px;
	margin: 15px 10px 0px 0px;
	float: left;
	display: inline;

}
#wtb-search-results{
	width: 622px;
	height: 309px;
	background: url('http://static.thebar.com/v2/CSS-JS-IMAGES/found-box.gif') no-repeat 0px 0px;
	margin: 15px 0px 0px 0px;
	float: left;
	display: inline;
	position: relative;
}

#wtb-result{
	padding: 12px 0px 0px 13px;
	color: #000;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
}
.wtb-result-hdr
{
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 177px 11px 0px;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 13px;
	padding-left:13px;

}
.wtb-result-lt {
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 177px 11px 13px;
	font-size: 12px;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 13px;
}

.wtb-result-lt span{
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 13px;
	color: #3973c3;
	font-weight: bold;
}

.wtb-result-rt, wtb-result-hdr2{
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 0px 11px 0px;
}

.wtb-result-hdr, .wtb-result-hdr2{
	margin-top: 20px;
}

.wtb-result-paging{
	font-family: Verdana, Geneva, sans-serif;
	position: absolute;
	bottom: 10px;
	left: 240px;
	line-height: 10px;
}

.page-num{
	padding: 0px 4px 0px 0px;
}

.page-link{color: #3355eb; font-size: 10px; text-decoration: none;}
.page-link-sel{color: #333; font-size: 10px; text-decoration: none;}
table.tblMyBarShortRegWTB td
{
    /*vertical-align: top;*/
    padding-right: 20px;
    padding-bottom: 9px;
    vertical-align: top;
}
/*#wtb-google-map{
    width: 897px;
    height: 467px;
    margin-top: 15px;
    position: relative;
}

#wtb-map{
    width: 897px;
    height: 467px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
}

#wtb-popup{
    width: 576px;
    height: 320px;
    position: absolute;
    left: 200px;
    top: 70px;
    z-index: 7;
}

#wtb-popup-bg{
    width: 576px;
    height: 320px;
    position: absolute;
    left: 200px;
    top: 70px;
    background-image: url('http://static.thebar.com/v2/CSS-JS-IMAGES/maps-popup-bg.png');
    background-repeat: no-repeat;
    z-index: 6;
}
*/


/* Shopper Integration */
.divProductOuter{
    border-style: none;
    height: 142px;
    width: 142px;
}

.imgProductLine{
    display: block;
    padding-left: 141px;
}

.divProductInner{
    padding: 10px 0 0 168px;
}

.imgProductLink{
    padding-top: 8px;
}

.tdShopperFirstProduct{
    padding: 26px 0 36px 46px;
}

.tdShopperSecondProduct{
    padding: 26px 46px 36px 46px;
}
 
.tdShopperProducts {
    padding: 0px 0px 36px 46px;
}
/* End Of Shopper Integration */