/*====================*/
/* Main Layout Styles */
/*====================*/

html {height: 102%;}
body {min-height:101%; background:#FFFFFF; font-family:Helvetica,Arial,sans-serif; font-size: 12px; color:#020202;	line-height:1.6em; 	text-align: center;	background-image:url(images/body-bg22b.jpg); background-position:0px 0px 0px 100px;	background-repeat:no-repeat;}
#wrapperhome {	width:100%;	min-height:100%; margin:0; padding:0; text-align:center;}
#wrapper {width:100%; min-height:100%; margin:0; padding:0; text-align:center;}
#header {width:930px; height:194px; margin:0 auto; padding:0; position:relative; text-align:left; background-image:url(images/header-mainb.jpg); background-position:0; background-repeat:no-repeat;}


#header-time {width:930px; height:194px; margin:0 auto; padding:0; position:relative; text-align:left; background-position:0; background-repeat:no-repeat;}


#header-test {width:930px; height:194px; margin:0 auto 5px auto; padding:0; position:relative; text-align:left; background-image:url(images/header-mainb2.jpg); background-position:0; background-repeat:no-repeat;}
#header-link { position: absolute; top: 72px; left: 784px; width: 146px; height: 122px; background-color: transparent; }


/**** HomePage Weekly Events Start ******/
#wklyeventwrap {float:left; width:816px; margin:0 0 0 52px; text-align:center;}

/**** HomePage Weekly Events End ******/


/*=============================*/
/* Home Layout Specific Styles */
/*=============================*/

/*=============================*/
/* Home Layout Image Rotator */
/*=============================*/
#slideshow {width:900px; margin:7px 5px 0px 0px; padding:0px; text-align:center; position:relative; height:220px; }
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9; }
#content-text-home {width:900px; height:250px; margin:0; padding:0; text-align:center; position:relative; background-image:url(images/content-text-bg.jpg); background-repeat:no-repeat; background-position:center;}

#content-text-homeB {width:900px; height:123px; margin:0px 0 100px 0; padding:0; text-align:center; }

#featurebanner-home {width:900px; height:123px; margin: 0px 0 -65px 0; position:relative; z-index:1000; }
#featurebanner-video {width:900px; height:350px; margin: 0px 0 -65px 0; position:relative; z-index:1000; }

/* trying to fix homepage */

#content-text-homeB2 {width:900px; height:123px; margin:15px 0 0px 0; padding:0; text-align:center;} 
#featurebanner-home2 {width:900px; height:123px; margin: 0px 0 0px 0;}
#featurebanner2-home2 {width:900px; height:123px; margin: 15px 0 0px 0;}

#content-text-homeBackground {width:900px; height:123px; background-image:url(../fun/images/snow-falling-animated.gif);   margin:15px 0 0px 0; padding:0; text-align:center;} 

#featurebanner-video2 {width:900px; height:350px; margin: 0px 0 0px 0; }
#content-navB2 {width:900px; margin: 10px auto;  padding: 10px 0px; text-align: center;}

#featurebanner-video2B {width:900px; height:355px; margin: 0px 0 0px 0; background-color:#000; clear:both;}
#fbLeftContent {float:left; width:230px; height:350px; margin: 0px 0 0px 0; }
#fbCenterContent {float:left; width:425px; height:350px; margin: 0px 0 0px 8px; }
#fbRightContent {float:right; width:230px; height:350px; margin: 0px 0 0px 0; }

/* trying to fix homepage */
#featurebanner-adventure {width:900px; height:40px; margin: 10px 0 0 0;}

#content-text {width:900px; margin:0 auto; padding:0px 10px; text-align:center; position:relative;}
#content-title {width:900px; margin:0px auto; padding:5px 0px; text-align:center; position:relative;}
#content-title h2 {font-weight:bold;}
#content-nav {width:900px; margin: 0 auto; padding: 10px 0px; text-align: center; position: relative;}

#content-navB {width:900px; margin: 0 auto; padding: 10px 0px; text-align: center;	}

#company-main {width:900px;	margin:0 auto; padding:0 0; text-align:center; position:relative;}
#info-main {width:880px; margin:0 auto;	padding:0 0; text-align:justify; position:relative;}

/*=======================*/
/* Home Page Menu Styles */
/*=======================*/

.urbangreymenu {width:800px; /*width of menu*/ text-align:center; margin:0px auto; padding:0px;}
.urbangreymenu .headerbar {font:bold 13px Verdana; color:white; background:#606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom:0px; /*bottom spacing between header and rest of content*/ text-transform:uppercase; padding:7px 10px; /*31px is left indentation of header text*/ text-align:left;}
.urbangreymenu ul { list-style-type:none; margin:0px; padding:0px; margin-bottom:0px; /*bottom spacing between each UL and rest of content*/}
.urbangreymenu ul li {padding-bottom:2px; /*bottom spacing between menu items*/ }
.urbangreymenu ul li a {border:0px; font:normal 12px Arial; color:black; background:#E9E9E9; display:block; padding:5px 0; line-height:17px; padding-left:8px; /*link text is indented 8px*/ text-decoration:none; outline:ridge #000000;}
.urbangreymenu ul li a:visited {color:black;}
.urbangreymenu ul li a:hover { /*hover state CSS*/color:white; background:black; border:0px;}
#home a:hover {background:#03429f; border:0px; font-weight:bold;}
#magazine a:hover {background:#6b90c7; border:0px; font-weight:bold;}
#features a:hover {background:#009abf; border:0px; font-weight:bold;}
#extras a:hover {background:#8d9f19; border:0px; font-weight:bold;}
#news a:hover {background:#ffa70f; border:0px; font-weight:bold;}
#gallery a:hover {background:#ea4d00; border:0px; font-weight:bold;}
#subscribe a:hover {background:#be3201; border:0px; font-weight:bold;}
#advertise a:hover {background:#1d282d; border:0px; font-weight:bold;}
#home1 a:hover {background:#03429f; border:0px; font-weight:bold;}
#magazine1 a:hover {background:#6b90c7; border:0px; font-weight:bold;}
#features1 a:hover {background:#009abf; border:0px; font-weight:bold;}
#extras1 a:hover {background:#8d9f19; border:0px; font-weight:bold;}
#news1 a:hover {background:#ffa70f; border:0px; font-weight:bold;}
#gallery1 a:hover {background:#ea4d00; border:0px; font-weight:bold;}
#subscribe1 a:hover {background:#be3201; border:0px; font-weight:bold;}
#advertise1 a:hover {background:#1d282d; border:0px; font-weight:bold;}
#home2 a:hover {background:#03429f; border:0px; font-weight:bold;}
#magazine2 a:hover {background:#6b90c7; border:0px; font-weight:bold;}
#features2 a:hover {background:#009abf; border:0px; font-weight:bold;}
#extras2 a:hover {background:#8d9f19; border:0px; font-weight:bold;}
#news2 a:hover {background:#ffa70f; border:0px; font-weight:bold;}
#gallery2 a:hover {background:#ea4d00; border:0px; font-weight:bold;}
#subscribe2 a:hover {background:#be3201; border:0px; font-weight:bold;}
#advertise2 a:hover {background:#1d282d; border:0px; font-weight:bold;}
#home3 a:hover {background:#03429f; border:0px; font-weight:bold;}
#magazine3 a:hover {background:#6b90c7; border:0px; font-weight:bold;}
#features3 a:hover {background:#009abf; border:0px; font-weight:bold;}
#extras3 a:hover {background:#8d9f19; border:0px; font-weight:bold;}
#news3 a:hover {background:#ffa70f; border:0px; font-weight:bold;}
#gallery3 a:hover {background:#ea4d00; border:0px; font-weight:bold;}
#subscribe3 a:hover {background:#be3201; border:0px; font-weight:bold;}
#advertise3 a:hover {background:#1d282d; border:0px; font-weight:bold;}
#footer {clear:both; text-align:center;	padding:30px 0;	color:#31333E; font-size: 12px; line-height: 1.6em; background-image:url(images/Footer.jpg); background-repeat:repeat-x; background-position:bottom;}

/*=====================*/
/* NEW Footer */
/*=====================*/
#ftr-new {clear:both; padding:30px 0; color:#31333E; font-size: 12px; line-height: 1.6em; background-image:url(images/Footer.jpg); 	background-repeat:repeat-x; background-position:bottom;}
#ftr-wrap {margin:0 auto; width:860px;}
#ftr-fb {float:left; background:url('images/Facebook_148x59.png') no-repeat; width:148px; height:59px; margin:15px 0 0 47px;}
#ftr-jfest {float:left; background:url('images/JungleFests_260x59.png') no-repeat; width:260px; height:59px; margin:15px 0 0 0;}
#ftr-news-wrap {float:left; width:349px; margin:15px 0 0 0; font-size:11px; line-height:1.2em; text-align:left; background-color:#c1c2c4; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:5px; }
#ftr-news-wrap #ftr-jmail {float:left; background:url('images/JunglEmailLogo_Stacked.png') no-repeat; width:131px; height:49px;}
#ftr-news-wrap #ftr-signup {float:left; width:214px;}
#ftr-media {float:left; background:url('images/MediaLogos_768x48.png') no-repeat; width:768px; height:48px; margin:15px 0 50px 47px;}

/*=====================*/
/* Fisheye Shadow Menu */
/*=====================*/

#nav-shadow {margin: 0 auto 0px auto; padding: 10px 0 0 127px; width: 401px; min-height: 100px; text-align: center; list-style: none;}
#nav-shadow li {margin-right: 15px; width: 81px; height: 72px; position: relative; float: left;}
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {margin: 0 auto; width: 59px; height: 59px; text-indent: -9999px; overflow: hidden; background: url(../css/images/icons.png) no-repeat; display: block; position: relative; z-index: 2; 	outline: none;}

/* Button Colors */
		
#nav-shadow li.button-color-1 a {background-position: -3px -3px;}
#nav-shadow li.button-color-2 a {background-position: -92px -3px;}
#nav-shadow li.button-color-3 a {background-position: -181px -3px;}
#nav-shadow li.button-color-4 a {background-position: -270px -3px;}
			
/* Button Shadow */
		
#nav-shadow li img.shadow {margin: 0 auto; position: absolute; bottom: 0; left: 0; z-index: 1;}

/*========================*/
/* Sub Page Layout Styles */
/*========================*/

#lower-header {width: 900px; padding: 0px 0px; border: 0px; margin: 0px auto;}

/*======================*/
/* Sub Side Menu Styles */
/*======================*/

.arrowlistmenu{width:190px; /*width of accordion menu*/ float:left; padding:0; margin:0; border:0; position:relative; font-family: verdana, sans-serif; font-size:12px; text-align: left;}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/ font:bold 14px Arial; color:#FFFFFF; background:black; margin-bottom:2px; /*bottom spacing between header and rest of content*/ text-transform:uppercase; padding:4px 0 4px 5px; /*header text is indented 10px*/ text-decoration:none;
border-bottom:1px solid #fff; cursor:auto;}
.arrowlistmenu .menuheader2 { /*CSS class for menu headers in general (expanding or not!)*/ font:bold 14px Arial; color:#FFFFFF; background:red; margin-bottom:2px; /*bottom spacing between header and rest of content*/ text-transform:uppercase; padding:4px 0 4px 5px; /*header text is indented 10px*/ text-decoration:none;
border-bottom:1px solid #fff; cursor:auto;}
.menuheader a {color:#ffffff;}
.menuheader a:hover{color:#ffffff;}
.menuheader a:visited{color:#ffffff;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background:#FF6633}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type:none; margin:0; padding:0; margin-bottom:2px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{padding-bottom:2px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{color:#A70303; background:url(../arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display:block; padding:2px 0; padding-left:19px; /*link text is indented 19px*/ text-decoration:none; font-weight:bold; border-bottom:1px solid #dadada; font-size:90%;}
.arrowlistmenu ul li a:visited{color:#A70303;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/color:#A70303; background-color:#F3F3F3;}

#main {width: 710px; padding: 5px 0px 0px 0px; border: 0px; float:right; font-size: 12px; line-height: 1.6em;}
#rotatorbox {width:710px; height:288px; margin:0px; padding:7px 10px 0px 20px; position:relative;}
#company {width:710px; margin:0px 0px 20px 0px; padding:0px; position:relative;	clear: both;}
#info {width:710px; margin:0px; padding:10px 10px 10px 20px; text-align:left; position:relative; color: #000000;}
li.whatsNew { list-style:circle;}
li.recipe{list-style:decimal;}

#featured{ width:440px; height:288px; margin: 7px 10px 10px 20px; padding-right:230px; position:relative; border:0px; background:#fff;}
#featured ul.ui-tabs-nav{ position:absolute; top:0; left:440px; list-style:none; padding:0; margin:0; width:230px; }
#featured ul.ui-tabs-nav li{padding:1px 0; padding-left:0px; font-size:12px; color:#666; }
#featured ul.ui-tabs-nav li img{float:left; margin:0px; background:#fff; padding:0px 2px; border:1px solid #eee;}
#featured ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana; line-height:18px; }
#featured li.ui-tabs-nav-item a{ display:block; height:70px; color:#333; background:#fff; line-height:20px;}
#featured li.ui-tabs-nav-item a:hover{ background:#fff; }
#featured li.ui-tabs-selected{ background:url(../selected-item.gif) top left no-repeat; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#fff; }
#featured .ui-tabs-panel{ width:440px; height:288px; background:#999; position:relative;}
#featured .ui-tabs-panel .info{ position:absolute; top:218px; left:0; height:70px; width: 440px; background: url(../transparent-bg.png); }
#featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
#featured .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px; color:#f0f0f0;
}
#featured .info a{ text-decoration:none; color:#fff; outline: none;}
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }

a, a:visited {color:#FFF; text-decoration:none; outline: none;}
a:hover, a:active {color:#FFF; text-decoration:none;}
a.footer, a.footer:visited {color:#A70303; text-decoration:none; font-weight:bold; outline: none;}
a.footer:active {color:#A70303; text-decoration:none; font-weight:bold;}
a.footer:hover {color:#A70303; text-decoration:underline; font-weight:bold;}
a.breadcrumb, a.breadcrumb:visited {color:#A70303; text-decoration:none; outline: none;}
a.breadcrumb:active {color:#A70303; text-decoration:none;}
a.breadcrumb:hover {color:#A70303; text-decoration:underline;}
a.store, a.store:visited {color:#000000; text-decoration:none; outline: none;}
a.store:active {color:#000000; text-decoration:none;}
a.store:hover {color:#000000; text-decoration:underline;}
h1 {font-size:2.0em; line-height:1.3em;	margin:0.5em 0;}
h2 {font-size:1.6em; line-height:1.3em;	margin:1.5em 0 0.5em 0;}

h3 {font-size:1.2em; line-height:1.0em; margin:0.5em 0;}
h2.first {margin-top:0;}
p {margin-bottom:1em; color: #000;}

ol {list-style:decimal;	padding-left:30px; margin-bottom:1.5em;}
ul {list-style:disc; padding-left:25px;	margin-bottom:1.5em; color: #000;}
li {padding:2px; list-style: none;}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
u {text-decoration:underline;}

.show {cursor:pointer; color:#c00; display:block; text-align:right;}
.hidden img {float:left; padding:10px 10px 10px 0;}
p.jfy {text-align:justify;}

/*========================*/
/*=== Structure Styles ===*/
/*========================*/

#content-rotator {width:900px; margin:0 auto; position:relative;}
#content h2 {margin-left:30px;}

/*====================*/
/*=== Other Styles ===*/
/*====================*/

.clear {clear:both;}

/*===================*/
/*=== Sub Index Page ===*/
/*===================*/

#shoponline {width:440px; padding-right:230px; margin-left:20px; margin-top:5px; margin-bottom:20px; position:relative; border:5px solid #ccc; height:460px; background:#fff; float:left;}

/*==================*/
/*===== Shipping Table ====*/
/*==================*/

table#ship {background-color:#FFFFFF; border: solid #777 3px; width: 90%;}

table#ship td {padding: 5px; border: solid #000 1px;}

.data {color: #000000; text-align: right; background-color: #CCCCCC;}

.toprow {font-style: italic; text-align: center; background-color: #FFFFCC;}

.leftcol {font-weight: bold; text-align: left; width: 150px; background-color: #CCCCCC;}

#plazawrap {float:left; text-align:center; width:200px; height:200px; padding:0 10px 0px 10px;}

.clr {clear:both;}
.cheeseWrap {float:left; width:700px; margin:0 0 10px 0;}
.cheeseImg {padding:0 7px 7px 0; float:left;}
.cheeseInfo {float:left; width:500px;}
.cheeseTitle {font-size:14px; font-weight:bold; padding:0;padding:10px 0 0 0;}
.newsletterImgWrap { background-color:#FFF; padding:5px; float:right; margin:0 0 10px 10px; clear:both;  color:#000;}
.newsletterImgWrapLt { background-color:#FFF; padding:5px; float:left; margin:10px 10px 10px 0; clear:both;  color:#000;}
.newsletterImgSubt {font-weight:bold; text-align:left;  color:#000; margin:0 0 3px 0;}
.newsletterImgCapt {text-align:left; color:#000; font-style:italic;}

.newsletterImgWrap2 { background-color:#FFF; padding:5px; float:right; margin:0 0 10px 10px;   color:#000;}
.newsletterImgWrap2Lt { background-color:#FFF; padding:5px; float:left; margin:10px 10px 10px 0;   color:#000;}

.beerInHeadlightsImgTop {font-size:12px; font-weight:bold; text-align:center; color:#000; margin:0 0 3px 0;}
.beerInHeadlightsImgCaption {text-align:center; color:#000; margin:0 0 3px 0;}
.beerInHeadlightsImageWrap3 {float:left; width:220px;  margin:0 0 0px 0; padding:0px 5px;}
.beerInHeadlightsImageWrap4 {float:left; width:165px; height:325px; margin:0 0 0px 0; padding:0px 3px;}
.beerInHeadlightsImg {padding:0px 7px 7px 0px; align:center; height:auto; width:auto; padding:0px 5px;}

.tourWrap {float:left; width:700px; margin:0 0 10px 0;}
.tourImg {padding:0 7px 7px 0; float:left;}
.tourInfo {float:left; width:480px;}

p.name {font-size:16px; font-weight:bold; color:#000}

.newsletterImgWrapDan { background-image:url(../events/images/dan/slimer.jpg); background-repeat:no-repeat; background-position:center;   padding:5px; float:right; margin:0 0 10px 10px; clear:both;  color:#000;}

.rndCorders { border: 2px solid #24301c; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:5px; text-align:center; line-height:1em;}

/**** Beer Department CSS ****/
.beerWrap {float:left; width:700px; margin:0 0 10px 0;}
.beerImg {padding:0 7px 7px 0; float:left; width:175px; }
.beerInfo {float:left; width:510px;}
.beerTitle {font-size:14px; font-weight:bold; padding:0;padding:0px 0 0 0;}
/**** End Beer Department CSS ****/


/**** Corpfruit CSS ****/
#corpfruitwrap {float:left; width:900px; text-align:left;}
#corpfruitleft {float:left; width:650px; text-align:left; margin:5px 10px 0 10px;}
#corpfruitimage {float:left; width:215px; text-align:left; margin:10px 0px 0 0px;}
#corpfruitright {float:left; width:200px; text-align:left; margin:5px 0px 0 0px; padding: 0 0 0 20px}
#rndCorners {width:210px; float:left; border: 2px solid #24301c; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding:5px; text-align:center; line-height:1em; margin:25px 0 0 0;
background-color:#a7d8be; font-size: 1.3em; font-weight: bold; }

/**** End Corpfruit CSS ****/
#recipelogo {float:left; width:500px; padding:0 0 0 200px}
#recipeImgWrap { background-color:#FFF; padding:5px; float:right; margin:0 0 10px 10px; clear:both;  color:#000;}
#recipeListImg {border:solid 1px #CCC; padding:5px; float:right; margin:0 0 10px 10px; clear:both;}

/**** junglemail start ****/
#junglemailtext {float:left; width:460px;}
#junglemailimage {float:left; width:230px; margin-left:10px;}
/**** junglemail end ****/

/**** jungle jobs start ****/
#junglejobs {width:335px; float:left; padding:0 5px 0 5px;}
#junglejobsbottom {width:710px; float:left;}
/**** jungle jobs end ****/

/**** Events Start ****/
#calendar_holder {float:left; width:510px;}

#calendar_css{width:510px; padding:10px; background-color:black; font-family:Helvetica,Arial,sans-serif; font-size:12px;color:#000; position:relative;}
#calendar_css h1 {font-size:30px; color:#FFF; text-align:center; padding:0 0 0 0; margin:0px 0 5px 0;}
#calendar_css h2 {font-size:10px; color:#FFF; text-align:left; padding:0 0 0 0; margin:0px 0 5px 0;}
#calendar_css #month{width:490px; margin:auto; background-color:white;}
#calendar_css p{margin:0; height:155px; padding:10px; overflow:hidden; text-align:justify; background-color:white;}
#calendar_css a{float:left; width:68px; height:35px; border:1px solid #C7C7C7; text-decoration:none; font-size:30px; font-weight:bold; color:#000; text-align:center; padding-top:15px;}

#calendar_css a.arrow {color:#FFF; position:inherit ; height:10px; width:inherit; float:none; border:hidden; background-color:#000; padding:0 0 0 0;}
#calendar_css a:hover.arrow {color:#093; position:inherit ; height:10px; width:inherit; float:none; border:hidden; background-color:#000; padding:0 0 0 0;}

#calendar_css a.grey{float:left; width:68px; height:35px; border:1px solid #C7C7C7; text-decoration:none; font-size:30px; font-weight:bold; color:#EBEBEB; text-align:center; padding-top:15px;}

#calendar_css a.days, #calendar_css a:hover.days{height:15px; font-size:14px; color:white; line-height:15px; background-color:black; cursor:default;}
#calendar_css a.empty, #calendar_css a:hover.empty{background-color:transparent; cursor:default;}
#calendar_css a span{display:none;}
#calendar_css a:hover span{display:block; width:230px; height:155px; padding:10px 10px 10px 10px; position:absolute; bottom:10px; left:10px;background-color:#FFF; font-size:12px; color:black; font-weight:normal; text-align:left ; overflow:hidden;}
#calendar_css a:hover{background-color:#093;}
#calendar_css a span em{display:block; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #000; font-style:normal; font-weight:bold; font-size:16px;}

#calendar_css a span.events{display:none;}
#calendar_css a:hover span.events{display:block; width:230px; height:155px; padding:10px 10px 10px 10px; position:absolute; bottom:10px; left:260px;background-color:#FFF; font-size:12px; color:black; font-weight:normal; text-align:left; overflow:hidden; border-left:10px solid #000;}
#calendar_css a span.events em{display:block; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #000; font-style:normal; font-weight:bold; font-size:16px;}

.imgbox {float:left;}

img.beerImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: 0 0; background-repeat:no-repeat;}


img.wineImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: -31px 0; background-repeat:no-repeat;}

img.cigarImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: -61px 0; background-repeat:no-repeat;}

img.cookingImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: -91px 0; background-repeat:no-repeat;}

img.ystarImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: -120px 0; background-repeat:no-repeat;}

img.gstarImage {width:29px; height:29px; background-image:url(../events/images/icons/horizontal.jpg); background-position: -151px 0; background-repeat:no-repeat;}

div.cookingClass, div.beerTasting, div.wineTasting, div.cigarTasting, div.specialEvent {float:left; height:31px; width:690px; margin:0 0 3px 20px; clear:both;}

p.events {color: #000; margin:5px 0 0 35px}

#toggleMenu {float:left; width:710px; margin:0 0 10px 0;}

h2.events {font-size:1.6em; line-height:1.3em; margin:1.6em 0 .4em 0; color:#666}
h2.eventsTop {font-size:1.6em; line-height:1.3em; margin:.4em 0 .4em 0; color:#666}

/**** Events End ****/
.drag{position:relative; cursor:move; z-index: 100; }
#directions {float:left; width:300px; height:180px; margin:10px 0 0px 40px;}
.revealcontent{visibility: hidden;}

/*Example CSS to create LCD countdown look*/

#timerHolder {width:900px; height:45px; background-image:url(../images/homepage/timer/winefest/timer.jpg); background-repeat:no-repeat; padding-top:10px;}
.lcdstyle{color:#CCC; font: bold 18px MS Sans Serif; padding: 10px;}
.lcdstyle sup{font-size: 80%; padding: 10px;}
.jimmystyle {color:#CCC; font-size: 30px; font-family:Helvetica,Arial,sans-serif;  padding-top:0px; text-align:left; }
.jimmystyle sup {margin: 0 175px 0 0;}
.jimmystyle day {font-size: 1em; margin: 0 50px 0 0;}
.jimmystyle hour {font-size: 1em; margin: 0 50px 0 0;}
.jimmystyle min {font-size: 1em; margin: 0 50px 0 0;}
.jimmystyle sec {font-size: 1em; margin: 0 50px 0 0;}
.jimmystyle text {font-size: 40%;}

/* Holiday Gifts Stuff*/

#giftTop {height:176px; width:900; background-image:url(../giftideas/images/holidayTop.jpg); background-repeat:no-repeat;}

#giftBottom {height:435px; width:900; background-image:url(../giftideas/images/holidayBottom.jpg); background-repeat:no-repeat;}

#giftMiddle {width: 900px; height: 589px; background-image:url(../giftideas/images/holidayMid.jpg); background-repeat:no-repeat; position: relative; margin: -0px 0 0 0;}

#giftMiddle li {margin: 0px 0 0 0; padding: 0; list-style: none; display: block; position: absolute;}

#giftMiddle a {display: block;}

#giftMiddle1 {left: 34px; top: 118px; width: 254px; height: 81px;}
#giftMiddle2 {left: 630px; top: 115px; width: 224px; height: 86px;}
#giftMiddle3 {left: 47px; top: 264px; width: 212px; height: 62px;}
#giftMiddle4 {left: 625px; top: 265px; width: 234px; height: 80px;}
#giftMiddle5 {left: 277px; 	top: 265px; width: 338px; height: 316px;}

#giftMiddle1 a {height: 81px;}
#giftMiddle2 a {height: 86px;}
#giftMiddle3 a {height: 62px;}
#giftMiddle4 a {height: 80px;}
#giftMiddle5 a {height: 316px;}

#giftMiddle1 a:hover {background-image:url(../giftideas/images/holidayMid.jpg); background-repeat:no-repeat; background-position: -34px -707px;}

#giftMiddle2 a:hover {background-image:url(../giftideas/images/holidayMid.jpg); background-repeat:no-repeat; background-position: -630px -704px;}

#giftMiddle3 a:hover {background-image:url(../giftideas/images/holidayMid.jpg); background-repeat:no-repeat; background-position: -47px -853px;}

#giftMiddle4 a:hover {background-image:url(../giftideas/images/holidayMid.jpg); background-repeat:no-repeat; background-position: -625px -854px;}





/* NEW SHOP ONLINE MENU*/


.newMenu {width:190px; /*width of accordion menu*/ float:left; padding:0; margin:0; border:0; position:relative; font-family: Helvetica,Arial,sans-serif; font-size:12px; text-align: left;}

.newMenu .headerbar{font: bold 13px Helvetica,Arial,sans-serif; color:#FFF; background-color: #606060; margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; text-indent: 10px; padding: 7px 0 7px 0; /*31px is left indentation of header text*/}

.newMenu ul{list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/}

.newMenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/ }

.newMenu ul li a{font: bold 12px Arial; color:#000; position: relative; background: #E9E9E9; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; /*link text is indented 8px*/ text-decoration: none;}

.newMenu ul li a:visited{color:#000;}

.newMenu ul li a:hover, .urbangreymenu ul li a.selectedanchor{ /*hover state CSS*/ color:#FFF; background-color:#000;}







.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid black; font: normal 12px Helvetica,Arial,sans-serif; line-height: 18px; z-index: 100; /* zIndex should be greater than that of shadow's below */ width: 190px; /* default width for menu */ }

.anylinkcss ul{margin: 0; padding: 0; list-style-type: none;}

.anylinkcss ul li a{width: 100%; display: block; text-indent: 3px; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; background-color:#FFF; color:#000; }

.anylinkcss a:hover{ /*hover background color*/ background-color:#FF0; color:#000;}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/  visibility: hidden; }


/* END NEW SHOP ONLINE MENU*/