*{
padding:0;
margin:0;
outline:none;
text-align:left;
color:#444;
font-family:georgia;
}

body{
font-size:75%;
background: #fff url(/siteImages/rev-body-bg.gif) repeat-x top left;
}

#page{
position:relative;
width:900px;
margin:0px auto;
}

#banner{
width:100%;
height:96px;
}

#main{
float:left;
clear:none;
width:480px;
}

#sidebar{
float:right;
clearn:none;
width:300px;
background: #fff url(/siteImages/rev-sidebar-bg.jpg) repeat-x 0 0px;
min-height:750px;
}

#main, #sidebar{
padding:80px 0 0 0;
}

#nav01{
float:right;
}

#footer{
display:float:left;
clear:both;
padding-top:50px;
background: #fff url(/siteImages/rev-footer-bg.jpg) repeat-x center 25px;
}

#footer p{font-size:11px;}
#footer strong,
#footer a{color:#6f0000;}


/* ...( Front Page  )................................. */

body.default{
background: #000 url(/siteImages/rev-page-bg-2.jpg) no-repeat center 50px;
}

.default #main{
width:375px;
margin:120px 0 0 70px;
padding:0;
min-height:430px;
float:left;
}

.default #sidebar{
width:320px;margin-right:75px;
padding:0;background:none;
min-height:520px;
}

.default #footer{
border-top:1px solid #666;
background:none;
padding:10px 0;
}

.default #footer *{
background:none;
}

.default a#bannerLink{
width:300px;
height:100px;
position:absolute;
top:60px;left:70px;
background: url(/siteImages/rev-logo-bg.jpg) no-repeat top left;
}

.default #banner{
width:100%;
height:77px;
}

.default .blurb{
font-style:italic;
color:#888;
font-size:13px;
}

.default #homeStory{
text-indent:-5000px;
width:440px;
height:130px;

position:absolute;
top:200px;left:0;
}




/* ...( Promos  )...................................... */

#promos{
position:absolute;
top:430px;
height:300px;
}

.default .promo{
width:105px;
float:left;
margin:0px 4px 0 0;
padding:0 17px 13px 0;
background:url(/siteImages/promo-bg.png) no-repeat top right;

}

.default .promo a{
opacity: .85;
-moz-opacity: .85;
filter:alpha(opacity=85);
}

.default .promo a:hover{
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

.default .promo a img{
border:2px solid gray;
}

.default .promo a:hover img{
border:2px solid #bbb;
}

.promo h3{
font-size:.95em;
color:white;
text-align:center;
margin-top:8px;
padding-bottom:5px;
font-family:arial;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px
}

.promo a h3:hover{
border-bottom:2px solid #666;
}

/* ...( Nav 01  )........................................... */

a#bannerLink {
text-indent:-5000px;
display:block;opacity: .85;
-moz-opacity: .85;
filter:alpha(opacity=85);
width:200px;
height:60px;
position:absolute;
top:20px;left:0;
background: url(/siteImages/rev-inside-logo-bg.gif) no-repeat top left;
}

a#bannerLink:hover{
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

.revelry #nav01{
margin-top:0px;
height:42px;
float:right;
clear:none;
}

#nav01 ul{
list-style:none;
}

#nav01 li{
float:left;
margin:0;padding:0;
}

#nav01 a{
display:block;
font-size:11px;
color:#aaa;
text-decoration:none;
height:42px;
text-indent:-5000px;
background:url(/siteImages/rev-nav01-bg.gif) no-repeat top left;
opacity: .8;
-moz-opacity: .8;
filter:alpha(opacity=80);
}

#nav01 a:hover{
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
}

#nav01 li#menu_default a:hover,
#nav01 li#menu_default.selected a{
background-position:bottom left;
}

#menu_about a{width:67px;background-position:0px top}
#menu_contact a{width:82px;background-position:-68px top}
#menu_events a{width:72px;background-position:-150px top}
#menu_pictures a{width:94px;background-position:-220px top}
#menu_reviews a {width:84px;background-position:-311px top}
#menu_trade a{width:76px;background-position:-395px top}
#menu_wine a{width:71px;background-position:-476px top}
#menu_store a{width:70px;background-position:-537px top}



#menu_about.selected a{background-position:0px bottom}
#menu_contact.selected a{background-position:-68px bottom}
#menu_events.selected a{background-position:-150px bottom}
#menu_pictures.selected a{background-position:-220px bottom}
#menu_reviews.selected a {background-position:-311px bottom}
#menu_store.selected a{background-position:-537px bottom}
#menu_wine.selected a{background-position:-476px bottom}
#menu_trade.selected a{background-position:-395px bottom}




/* ...( Nav 02 )............................................ */

#nav02{
float:right;
list-style:none;
margin:-19px -5px;
background:url(/siteImages/nav02BG.gif) no-repeat top left;
padding:1px 0 0 150px
}

#nav02 li{
display:block;
float:left;
margin:0;padding:0;
background:url(/siteImages/nav-01-li-bg.gif) no-repeat 0 -10px;
}

#nav02 li a{
display:block;
padding:5px 10px;
margin:0 -2px 0 2px;
text-decoration:none;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
color:#aaa;
float:left;
}

#nav02 a:hover,
#nav02 .selected a{
color:#999;
background:white;
border-top:1px solid #fff;
margin-top:-1px;
font-weight:bold;
}

#nav02 a:hover{
font-weight:normal;
border-top:1px solid #90684E;
color:#6f0000;
}

#nav02 .selected a:hover{
font-weight:bold;
color:#6f0000;
}

/* ...( Nav 03 )............................................ */

.nav03{
margin:0 0 50px 0;
}

.trade .nav03{margin-bottom:15px}

.trade .nav03 li{
background: url(/siteImages/dotsH.gif) repeat-x left bottom;}

.trade .nav03 li a:hover,{
background-position:0 -1px; 
} 

.nav03 ul{
display:block;margin-bottom:5px;margin-top:-1px;
background: url(/siteImages/dotsH.gif) repeat-x left bottom;
}

.nav03 li, .nav03 dd{
list-style:none;display:block;
background: url(/siteImages/dotsH.gif) repeat-x left top;
}

.nav03 li a, .nav03 dd a{
display:block;
text-decoration:none;
padding:5px 0 5px 25px;
color:gray;
}

.nav03 a:hover, .nav03 .selected{
background-color: #f5f5f5 !important; url(/siteImages/hoverBG.png) no-repeat 0 -1px ;
color:#8B0718;
}

.nav03 .sideHeadLink, .handle{
display:block;
padding:0px 0 2px 0;
background: url(/siteImages/dotsH.gif) repeat-x left bottom;
}

.wine .sideHeadLink{
padding-bottom:1px;
background:none;}

.nav03 .sideHeadLink:hover{
background: url(/siteImages/gradUpGray.gif) repeat-x 0 10px;
}

.nav03 .sideHeadLink h4{
display:block;margin-top:20px;
text-indent:-5000px;
}

.nav03 .handle{display:block;padding:0;}
.nav03 .sideHeadLink {padding-bottom:2px;}
.nav03 .sideLink:hover{
background: none;
}

.nav03 ul .selected a,
.nav03 dd.selected a{
background: #f5f5f5 url(/siteImages/arrowLeft.gif) no-repeat 10px center;
padding-left:25px;
}

.nav03 ul .selected:hover{
background: #ddd url(/siteImages/hoverBG.png) no-repeat top left;
color:#8B0718;
}

.nav03 .story{
margin:10px 0 0 0;
}

.nav03 .storyThumb{
float:left;margin:0 0 5px 0;
}

.nav03 h4{
display:block;
margin-top:10px;
clear:both;margin-left:25px;
}

.nav03 .navTop{display:none;}
.events .nav03 .navTop, .reviews .nav03 .navTop{display:block}


/* ...( ButtonList  )................................. */

ul.buttonList{
float:right;clear:both;
list-style:none;
font-size:10px;
margin-top:-10px;
}

.about ul.buttonList{
margin-top:0;
margin-bottom:-10px;
}

.wine .details ul.buttonList{
margin-top:15px;
}

.buttonList li{
display:block;
float:left;
}

.buttonList li a{
text-indent:-5000px;
height:18px;width:20px;
display:block;
text-decoration:none;
background: url(/siteImages/buttonListBG.gif) no-repeat;
background-position:top left;
}

.buttonList li a:hover{
background-position: 0 -18px;
}

.buttonList li a:active{
background-position: 1px -17px;
}

.buttonList .more a{
width:70px;
}

.buttonList .up a{
background-position: -183px 0;
}

.buttonList .up a:hover{
background-position: -183px -17px;
}

.buttonList .prevArt a{
background-position: -146px 0;
}

.buttonList .prevArt a:hover{
background-position: -146px -17px;
}

.buttonList .nextArt a{
background-position: -165px 0;
}

.buttonList .nextArt a:hover{
background-position: -165px -17px;
}

.buttonList .edit a{
width:38px;
background-position: -70px 0;
}

.buttonList .edit a:hover{
background-position:-70px -17px;
}
.buttonList .pdf, .buttonList .buy{display:none;}
.wine .buttonList li {float:left}
#inside.wine .individual .buttonList {float:left;} 
.promos .up, 
.featured .more, 
.first .more, .first .store,
.stateDistributor .more{display:none}
.promo .more, 
.events .featured .more, 
.reviews .first .more{display:block}


.buttonList .store a{
width:70px;
background-position: -220px top;
}

.buttonList .store a:hover{
background-position:-220px bottom;
}


ul.pageList{margin-top:10px;}


/* ...( Content Elements  )...................................... */

.default p{
color:#ccc;}

p{
font-size:1em;
line-height:150%;
margin-bottom:1em;
}


p strong, .blurb p,
h1, h2, h3, h4, h5{
color:#6f0000;
}

.story{
padding:0 0 20px 0;
float:left;
width:100%;
}


.about .featured{
border:none;
}

.first{
clear:both;
margin-right:40px;
}

#main .first{}
.reviews .following{
border:1px dotted #ccc;
border-width:0 0 1px 0;
}
.wine .individual p{padding-right:150px;}
.wine .details p{padding-right:0px;}

.wine h3{clear:both;
margin-bottom:5px;}

.wine #main .accessory h4{
margin:20px 0 0 100px;
}

.wine #main .accessory .storyThumb{
margin-top:20px
}

.wine #main .accessory {
right:60px
}


.wine .accessory .details{
position:absolute;
}

.blurb, .details{
float:right;
width:120px;
padding-left:15px;
margin-top:3px;
margin-left:10px;
border-left:4px solid #990000;
}

#main .blurb *{
font-size:1.5em;
font-family: Georgia;
text-style:italic;
text-align:center;
line-height:120%;
}

.details{
position:absolute;
top:270px;right:320px;
width:185px;
float:right;
font-size:.95em;
background:url(/siteImages/gradRight.gif) repeat-y top right;
margin:20px -135px 15px 20px;
padding:0px 45px 10px 10px;
border:0px solid #ccc;
border-width:1px 0;
}

.wine .details p{
margin:.6em 0 .3em 0;
color:#555
}

.wine .story{
border:none;
padding:0 10px;
padding-bottom:15px;
}

/*.story h3{
clear:both;
}*/

.story h4{margin:10px 0 5px;}

.wine .story h4{
margin:20px 0 0 65px;
}

.wine .individual h4{
margin-left:0;
}

.following, .wine .following{
border-top:1px dotted #ddd;
}

.wine .story:hover{
}

.wine .list,
#front.wine .first
{width:90%}

.wine .varietalPage{
width:95%;
margin:-30px 0 20px;
border-bottom:1px dotted #ddd;
}

.reviews .varietalPage{
width:95%;float:left;
margin:-40px 0 40px;
border-bottom:1px dotted #ddd;
}

#content .individual{border:none;}

/* -(  Page Items  )- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.storyThumb, 
.storyImage, .date{
overflow:hidden;
float:left;
margin:0 10px 20px 0;
padding:2px 8px 8px 2px;
background:url(/siteImages/buttonBG.png) no-repeat bottom right;
border-top:1px solid #eee;
border-left:1px solid #eee;
}

.storyThumb{
background:url(/siteImages/buttonBG.png) no-repeat bottom right;
}

.storyThumb img{
border:0px;
width:75px;
height:auto;
}


.storyThumb,.storyImage{
position:relative
}

.storyThumb div,
.storyImage div{
position:absolute;
width:45px;height:45px;
background: url(/siteImages/sold.png);
}

.storyThumb{
position:relative;
float:left;
margin-right:10px
}

.storyThumb img{
}

.storyThumb div{
top:65px;left:-25px;
}

.storyImage div{
top:280px;
left:-15px
}

.reviews .storyImage img{
width:140px;height:auto;
}

.storyThumb .soon,
.storyImage .soon {
background: url(/siteImages/soon.png) no-repeat;
}

.wine .storyThumb{
border:none;
padding:0;margin:0;
margin-right:30px;
width:auto;
height:auto;
overflow:visible;
background:none;
}

.wine .storyThumb img{
width:auto;
}

.wine .following .storyThumb{
margin-top:-15px;
}

.wine .storyImage{
position:absolute;z-index:3000;
right:60px;top:130px;
background:none;
border:none;
}

.storyImage{
float:left;
margin-right:19px;
}

.date {
width:150px;
}

.date img{
float:right;
border:0px;
width:75px;
height:75px;
}

.individual .date{
width:75px;height:75px;

}

#main .date h3{
position:absolute;
font-size:10px;
padding:5px 0 0 0;
display:block;
clear:none;
text-align:center;
background:#800000;
width:75px;
float:right;
color:white;
}

#main .date h3 strong{
margin:4px 0 0 0;
padding:5px 0 8px;
display:block;
background:#FFFFFF url(/siteImages/gradUpGray.gif) repeat-x bottom ;
clear:both;
text-align:center;
font-size:36px;
letter-spacing:-1px;
color:#bbb;
height:40px;
}


.file_download_list li img{
border:none;
margin-right:5px;
margin-bottom:-3px;
}

.file_download_list a{
font-size:11px;
padding:3px 0 5px 3px;
}

.trade .promo{
padding-top:15px;
}

.trade #distribution{
width:100%;
}
div.error,
.contact div.date{
float;none;
margin:10px 65px;
padding:30px 40px;
width:260px;
}

div.error{float:right;margin:30px -80px 50px 0;}

p.errorText {
padding-top:10px;
border-top:1px dotted #ccc;
}

p.errorText a{
color:#666;
text-decoration:none;
border-bottom:1px dotted #aaa;
}
.errorText a:hover{
color:#000;
border-bottom:1px dotted #000;
}

.contact div.date p{
text-align:center;
}


/* -(  Newsletter  )- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.newsletter .story{
width:280px;
margin:50px auto;
}

.newsletter .story *{
text-align:center;
color:#666;
margin-bottom:10px;
}

.newsletter a{display:none;}


/* Gallery Stuff - - - - - - - - - - - - - - */


.gallerySlides {
width:508px;
margin:16px 0 0px 0;
position:relative;
float:left;
margin:0 0 16px 0px;
padding:0px 20px 16px 0px; 
background: url(/siteImages/buttonBG.png) repeat-x bottom right;
}

.galleryImage, .storyImage div, .storyImage table{
background:#fff;
padding:10px 0 0 10px;
border:1px solid #eee;
border-width:1px 0 0 1px;
margin:0;position:relative;
}

.galleryImage{
clear:both; 
}


.galleryImage li {display:block;float:left;list-style:none;}

.galleryImage li a{
} 


.galleryImage ul{
position:absolute;
background: #FFF;
display:block;
background:none;
border:none;
right:5px;top:340px;
}


.galleryImage li {display:block;float:left;list-style:none;}

.galleryImage li a{
background:#888;
cursor: pointer;
display: block;
height: 20px;width:4px;
margin-right: 1px;
border:none;
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=20);
} 
.galleryImage .prev,
.galleryImage .next{opacity: .7;
-moz-opacity: .7;
filter:alpha(opacity=70);}

.galleryImage a:hover, 
.galleryImage a.active {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);}

.galleryImage .prev,
.galleryImage .next{width:16px;height:16px;margin-top:3px;}
.galleryImage .prev{background: url(/siteImages/nav_left.gif);}
.galleryImage .next{background: url(/siteImages/nav_right.gif);}
.galleryImage a.prev:hover,
.galleryImage a.next:hover{background-position:bottom left}


.galleryImage p{text-align:center;
position:absolute;
z-index: 10001;
/*left:-151px;padding:15px;border:1px solid #eee;border-width:1px 1px 0 0;
background: url(/_templates/waters/images/buttonBGLeft.gif) repeat-x bottom left;*/
right:-160px;padding:15px;border-top:1px solid #eee;
background: url(/_templates/waters/images/buttonBG.gif) repeat-x bottom right;
bottom:0px;
width:120px;margin:0;display:none;
}

.galleryImage strong{color:#9b0a19;}



/*- - - (   C A L E N D A R    )- - - - - - - - - - - - - - - - - - - -*/
table.calendar {
border-collapse:collapse;
text-align:center;
font-size:11px;
width:100%;
margin:
}

table.calendar a {
color:white;
font-weight:bold;
display:block;
text-decoration:none;
text-align:center;
padding:5px 0;margin:-5px 0;
background:#dcc7b9;
}

table.calendar th {
font-size:14px;
color:#fff;
padding:0px;
border:0px;
text-align:center;
border-top:1px solid white;
}

table.calendar th a{
font-size:16px;text-align:center;
color:#FFF;
background: #900000;
}

table.calendar a:hover{
background: #700000;
color:white;
}

table.calendar tr{
background: #eee;
}

table.calendar td {
vertical-align:middle;
color:#aaa;width:14%;
text-align:center;
border:1px solid white;
padding:5px 0px;
}

table.calendar td:hover {
background: #ddd;
color:white;
}

table.calendar td.today {
background:#900000;
color:white;
}

table.calendar td.today:hover {
background-color: #700000;
}

table.calendar td.invalidDay {
background: #f5f5f5;
}

table .calDays th {
font-size:11px;
padding:2px 0;
background-color:#6f0000;
}

table th.calMonth {
background-color:#900000;
text-align:center;
}

table a.calBack, 
table a.calFwd{
font-size:15px;
padding:5px 0px;margin:0;
}

#smallCal, .stateDistrubutor .storyImage{
width:230px;
float:left;clear:both;
padding:0;
position:relative;
float:left;
margin:0 0 20px 25px;
padding:8px 12px 12px 8px; 
background: url(/siteImages/buttonBG.png) repeat-x bottom right;
}

#bigCal th a{
font-size:30px;
padding:5px 0px;margin:0;
background: #700000; 
}

#bigCal th a:hover{
background-color:#85C647;
}

#bigCal{
margin:0;
padding:30px 0 0 0;
background:#9fcf58;
}

#bigCal table.calendar{
width:100%;
}

#bigCal a {
font-weight:normal;
font-size:10px;
line-height:100%;
color:white;
clear:both;
padding:3px;
margin:5px 0px 3px;
background:#9fcf58;
}

#bigCal a:hover{
background:#85C647;
}

#bigCal .calMonth{
font-size:20px;
}

#bigCal th {
font-size:14px;
}

#bigCal td {
vertical-align:top;
padding:0;
height:80px;
}

#bigCal table.calendar h4 { 
font-size:14px;
margin:5px 5px 3px 5px;
text-align:right;
font-weight:bold;
}

.stateDistributor{
margin-top:20px;
background: url(/siteImages/dotsH.gif) repeat-x left top;
padding:20px 0;
}

/*- - - (  E M A I L  F O R M   )- - - - - - - - - - - - - - - - - - - - - */

.zemContactForm{
font-size:11px;
float:left;clear:none;
color:gray;width:480px;
margin-top:15px;
}

fieldset{border:none;}
legend {display:none;}

label{ /* default labels */
float:left;
clear:left;
vertical-align:baseline;
display:block;
margin:3px 0 8px 0;
height:15px;
line-height:150%;
width:20%;}

input.zemText,
textarea.zemTextarea,
select.zemSelect{ /* default fields */
border:1px inset #ccc;
border-width:1px;
background:#f5f5f5;
margin-bottom:8px;
width:79%;float:right;
padding:3px 0 0;
clear:right;
height:15px;
font:11px arial;
}

.zemText,  .zemTextArea{ /* label widths */
width:20%;float:left;}

 #zemSubscriberFirstName, 
 #zemSubscriberLastName,
 #zemSubscriberCustom2, 
 #zemSubscriberCustom3{ /* 2-column field widths */
width:33%;clear:none;float:left;}

 .zemSubscriberCustom3, 
 .zemSubscriberCustom7, 
 .zemSubscriberCustom6, 
 .zemSubscriberLastName{ /* 2+ column label widths */
text-align:right;
clear:none;
width:12%;
float:left;
margin: 0;
}

 .zemSubscriberFirstName,
 .zemSubscriberCustom5,
 .zemSubscriberCustom2{
width:20.56%;
}

 .zemSubscriberCustom3,
 .zemSubscriberLastName{
text-align:center;
margin-right:0;
}


/* disable Second Phone number
#zemSubscriberCustom2{
width:79%;
float:right;
}
.zemSubscriberCustom3,
#zemSubscriberCustom3
{display:none;} */

#zemSubscriberCustom3, 
#zemSubscriberLastName{ /* 2-column right aligned field  */
float:right;margin-left:0;
}

#zemSubscriberCustom5{ /* custom field width */
width:25%;float:left;margin-left:0;
}

#zemSubscriberCustom6{ /* custom field width */
width:15%;float:left;
margin-left:0px;
padding:0;
height:18px;
}

#zemSubscriberCustom7 { /* custom field width */
width:15%;clear:none;
}

.zemSubscriberCustom6, 
.zemSubscriberCustom7 { /* 2+ column label widths */
clear:none;width:9%; 
margin:0 1% 0;
}
.zemDoSubscribe{clear:none;float:left;width:auto;margin:5px 10px 0 10px;}
#zemDoSubscribe{float:left;clear:both;margin:8px 0 10px 20%;}

#eNewsFields{
clear:both;float:left;
;width:500px;

}
.zemSubscriberLists, 
#zemSubscriberLists { /* don't show list */
float:left;display:none}

#Notes, #instructions {
height:auto;}

.Notes{clear:both;}

.button{
float:right;
margin-right:-5px;
clear:both;
}

.screenreader{display:none;}


/*- - - ( Infographic Stuff  )- - - - - - - - - - - - - - - - - - - - - */

dl.map {
float:left;
position:relative;
width:300px;
height:230px;
text-align:left;
margin:-35px 0 0 0;
padding:0;
border-top:1px solid #aaa;
}

dl.map dt {
list-style:none;
display:inline;
}

#sidebar dl.map dd {
position:absolute;
top:220px;left:40px;
z-index:100000000;
width:220px;
display: none;

}

#sidebar dl.map dd .liner{
padding:10px 15px 5px;
font-size:0.8em;
border:0px solid #ddd;
border-width:1px 0 0 1px;
margin:0;
background: url(/siteImages/buttonBG.png) bottom right;
}

dl.map a.location {
display:block;
position:absolute;
text-indent:-5000px;
outline:none;
z-index:10;
text-decoration:none;
/*opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);*/
}

dl.map a.location:hover{
/*opacity: .9;
-moz-opacity: .9;
filter:alpha(opacity=90);*/
z-index:1000;
}


/*- - - ( Retail Map  )- - - - - - - - - - - - - - - - - - - - - */

dl#retailMap.map{
background: white url(/images/77.jpg) no-repeat center bottom}

dl#retailMap.map a#northwest {
top:50px;left:22px;z-index:3000;
width:109px;height:71px; }

dl#retailMap.map a#northwest:hover {
background: url(/images/81.png);}

dl#retailMap.map a#southwest {
top:85px;left:18px;
width:114px;height:98px; }

dl#retailMap.map a#southwest:hover {
background: url(/images/82.png);}

dl#retailMap.map a#mountain {
top:81px;left:59px;z-index:1600;
width:77px;height:72px; }

dl#retailMap.map a#mountain:hover {
background: url(/images/73.png);}

dl#retailMap.map a#plains {
top:63px;left:105px;z-index:1800;
width:65px;height:110px;}

dl#retailMap.map a#plains:hover {
background: url(/images/76.png);}

dl#retailMap.map a#central {
top:97px;left:157px;z-index:3000;
width:82px;height:66px; }

dl#retailMap.map a#central:hover {
background: url(/images/83.png);}

dl#retailMap.map a#midwest {
top:61px;left:134px;z-index:2000;
width:84px;height:97px; }

dl#retailMap.map a#midwest:hover {
background: url(/images/74.png);}

dl#retailMap.map a#south {
top:130px;left:85px;z-index:22000;
width:111px;height:86px; }

dl#retailMap.map a#south:hover {
background: url(/images/78.png);}

dl#retailMap.map a#southeast {
top:109px;right:47px;
width:93px;height:104px; }

dl#retailMap.map a#southeast:hover {
background: url(/images/80.png);}

dl#retailMap.map a#northeast {
top:55px;right:24px;z-index:1600;
width:73px;height:86px; }

dl#retailMap.map a#northeast:hover {
background: url(/images/79.png);}

dl#retailMap.map a#outlying {
bottom:7px;left:12px;
width:115px;height:65px; }

dl#retailMap.map a#outlying:hover {
background: url(/images/75.png);}

dl#retailMap.map a#canada {
top:29px;left:24px;
width:257px;height:82px; }

dl#retailMap.map a#canada:hover {
background: url(/images/72.png);}


#retailMap div.liner{
padding:0;
margin:0px;
border:none;
overflow:auto;
max-height:350px;
}

#retailMap dt{
padding:0px;
border:none;
background:none;
}

.retailer{
border-bottom:1px solid #eee;
padding:10px 0 15px;
}

dl.map h4{
background-color: #eee !important;
background-position: center 8px !important;
margin:0;padding:5px;
border-bottom:1px solid #ccc;

}

dl.map dd h4{
margin:0;
}

#retailMap dd .retailer h4{
border:none;
}

#retailMap dd h4{
border-bottom:1px solid #ddd;
margin:-10px -9px 5px -15px;
background-color: #eee !important;
}

a.region{
display:none;
}

p.contiguous{margin:0;}

a.close{
position:absolute;
top:12px;right:17px;
text-indent:-5000px;
width:10px;height:10px;
background: url(/siteImages/close2.gif) no-repeat top left;
}

a.close:hover{
background-position: top right;
}

p.instructions{
float:left;
text-align:center;
border-top:1px solid #ccc;
clear:both;padding:5px 30px;
margin-top:0px;
}

#retailMap .liner h3{
padding-top:10px;
font-size:1.4em
}

.promos #main .individual ul.buttonList{float:left;}

.contact .story h3{
clear:both;
}


/*......|  S T O R E    F O R M  |.................................. */

.store .zemContactForm{
display:block;
position:relative;
float:left;
clear:both;
color:gray;
width:500px;
margin:0 0 30px 0;
}

.store label, #payment label{
float:left;
clear:left;
height:17px;
vertical-align:baseline;
display:block;
margin:0px 0 10px 0;
height:20px;
width:75px;
}

.store input.zemText,
.store textarea.zemTextarea,
.store select.zemSelect{
border:1px inset #ccc;
background: url(/siteImages/page-bg.gif) repeat-x 0 -30px;
margin-bottom:10px;
width:200px;
float:right;
padding:0 3px;
clear:right;
height:17px;
font-size:12px;
}

/*......|  Store Selections  |............. */

.store .wineSelection {
float:left;
clear:both;
width:500px;
padding:0 0 0px;
margin:0 0 8px;
border-bottom:1px dotted #ccc;
}
.store .wineSelection label.zemText{
float:left;clear:none;
width:310px;
}

.store .wineSelection input.zemText{
height:17px;
float:left;
width:30px;
}

.store .wineSelection select.zemSelect{
width:65px;
padding:0;
float:left;
margin-left:10px;
}

.store .wineSelection label.zemSelect{
display:none;
}

.store .wineSelection select, 
.store .wineSelection label,
.store .wineSelection input {
height:auto;
margin:0;
padding:0;
}

.store .drawer{
margin-bottom:20px;
float:left;
}

.notBottle select{
display:none;
}

.store .storyThumb{
float:left;clear:none;
border:none;
background:none;
padding:0;
}

.store .storyThumb img{
width:15px;height:auto;
}

.store .wineSelection input.zemText,
.store .wineSelection select.zemSelect,
.store .wineSelection label.zemText,
.store .wineSubTotal{
margin-top:20px;
}

.store .wineSubTotal{
float:right;margin-top:23px;
}

.store .notBottle .storyThumb img{
width:45px;height:auto;
}

.store .notBottle{
padding:0 0 8px;
}


/*......| Fields & Inputs |............. */

.store #storeName,
.store #storeEmail,
.store #homePhone, 
.store #workPhone,
.store #zemSubscriberFirstName, 
.store #zemSubscriberLastName,
.store #zemSubscriberCustom2, 
.store #zemSubscriberCustom3 {
width:170px;
clear:none;
float:left;
}

.store .storeEmail, 
.store .workPhone, 
#payment .ccExpires,
.store .zemSubscriberCustom3, 
.store .zemSubscriberLastName{
clear:none;
width:auto;
float:left;
margin-left:10px;
}

.store #zemSubscriberLastName{
width:170px
}

#payment #ccCV,
.store #workPhone, 
.store #storeEmail,
.store #zemSubscriberCustom3, 
.store #zemSubscriberLastName{
float:right;
margin-left:0;
}

#cc,
.store #city, 
.store #shippingCity,
.store #zemSubscriberCustom5{
width:170px;
float:left;
margin-left:0;
}

#ccExpires,
.store #state, 
.store #shippingState, 
.store .wineSelection select.zemSelect,
.store #zemSubscriberCustom6{
width:75px;
float:left;
margin-left:5px;
padding:0;
color:gray
}

.store #shippingState, 
.store #state{
height:20px;
}

.store #zip, 
.store #shippingZip,
.store #zemSubscriberCustom7 {
width:60px;
clear:none;
float:right;
}

.store .state,
.zip,.store .shippingState,
.store .shippingZip,
.store .zemSubscriberCustom6, 
.store .zemSubscriberCustom7{
clear:none;
width:30px;
margin-left:10px
}

.store .zemSubscriberCustom5,
.store .zemSubscriberCustom2{
clear:both;
width:75px;
text-align:left;
margin-left:0;
}


#payment .ccCV,
.store .zip, 
.store .shippingZip{
width:20px;
clear:none;
float:left;
margin-left:10px;
text-align:right;
}

#payment .ccCV{
width:55px;
}

.store .city, 
.store .shippingCity, 
.store .zemSubscriberCustom5{
width:76px;
}

.store #zemSubscriberCustom1,
.store #zemSubscriberCustom4,
.store #zemSubscriberEmail,
.store #shippingName, 
.store #address2,
.store #address, 
.store #shippingAddress, 
.store #instructions{
width:417px}

.store .zemSubscriberLists, 
.store #zemSubscriberLists {
float:left;
display:none}

.store .zemSubscriberLists {
clear:both;
margin-right:10px;
}

.store #Notes, .store #instructions {
height:auto;
background:#fff;
}

#cc{width:150px;}
#ccExpires{width:70px}
#ccCV{width:40px;}

.store .zemRadio{
float:left;
clear:none;
margin-right:10px;
margin-top:5px;
}

label.zemRadio{
margin-left:0;
}

.store .clubLevel,
.store .sameAddress{
width:auto;
}

.store #zemDoSubscribe{
clear:both;
margin:10px 10px 0 0px;
}

.store .zemDoSubscribe{
margin-top:10px;
}

#inside .button {
clear:both !important;
margin:10px 0 0 0;
}

.store input.clubLevel{
clear:both;
}

.store .clubLevel{
margin:0;
}

.store input.clubLevel{
margin-right:10px;
}

label.zemSubscriberFirstName,
#zemSubscriberFirstName,
label.zemSubscriberLastName,
#zemSubscriberLastName{
margin-top:20px;
}

#inside.store h4{
clear:both;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
} 

#inside.store label.zemDoSubscribe{
width:470px;
clear:none;
float:left;
margin-bottom:0px;
height:auto;
}

/*......|  Payment  |............. */

#payment{
border-top:1px dotted #ccc;
float:left; width:100%;
padding-top:10px;
margin-bottom:-10px;
}

.contact #payment{
margin-bottom:10px;
}

#payment p{
margin:0;
float:right;clear:none;
margin:8px 12px 0 0;
font-style:italic;
}

#payment div{
display:block;float:right;clear:none;
width:50px;
height:35px;
text-indent:-5000px;
clear:none;
background: url(/siteImages/cardVisa.png) 0 45%;
}

#payment div.card_Amex{display:none;clear:both;background: url(/siteImages/cardAmex.png) 0 45%;}
#payment div.card_MC{clear:none;background: url(/siteImages/cardMC.png) 0 45%;}


.store #emailForm p{
clear:both;
}


/*......|  Store Sidebar  |............. */

#storeSidebar{
top:-90px;
right:-280px;
position:absolute;
z-index:10000;
padding:0;
background: url(/siteImages/storeSidebarBG.jpg) repeat-x;
}

.storeSide1{
background: url(/siteImages/storebottle1.jpg) no-repeat top center;
}

.storeSide2{
background: url(/siteImages/storebottle2.jpg) no-repeat top center;
}

.storeSide3{
background: url(/siteImages/storebottle3.jpg) no-repeat top center;
}

.storeSide4{
background: url(/siteImages/storebottle4.jpg) no-repeat top center;
}


/*......|  Store Totals  |............. */

.store #totals {
width:230px;
margin:0px 0 20px 0;
display:block;
padding-top:200px;
}

.store #totals p span{
position:absolute;
right:0;
}

.store #totals p{
border:0px dotted #ccc;
border-width:1px 0 0 0;
padding:8px 0 5px 10px;
position:relative;
width:220px;
margin:0;
float:right;
clear:right;
}

.store p#grandTotal{
background: url(/siteImages/page-bg.gif) repeat-x center left;
color:#6f0000;
border-width:1px 0 1px 0;
}

.store #totals label,
.store #totals input{
display:none;
}

.store .wineSubTotalField{
display:none;
}

.store #shippingFields{
clear:both;
}

p#caseDiscount,
p#clubDiscount{
font-weight:bold;
color:#6f0000;
display:none;
background: url(/siteImages/page-bg.gif) repeat-x 0 -20px;
margin:0;
}


p#caseDiscount span,
p#clubDiscount span,
.store p#grandTotal strong,
.store p em {
color:#6f0000;
font-weight:bold;
font-style:normal;
}

/*......|  Store Shipping Info  |............. */

.store #shippingInfo{
display:none;
background: white;
font-size:1em;
border-top:1px dotted #ccc;
float:left;
clear:both;
position:relative;
padding:0 0 45px 0;
background: url(/siteImages/storeSidebarDownBG.jpg) repeat-x bottom;

}

.store table{
width:230px;
border-collapse:collapse;
background:white;
}

.store #shippingInfo .ctr{
text-align:center}

.store #shippingInfo .rt{
text-align:right}

.store #shippingInfo tr{
padding:0;
}

.store #shippingInfo td,
#shippingInfo th{
padding: 5px 0 5px 10px;
margin:0;
border-bottom:1px dotted #ccc;
}

.store #shippingInfo th{
background: url(/siteImages/page-bg.gif) repeat-x center left;
color:#6f0000;
}


.store .store #main {
padding-top:20px;
}

.store .zemCheckbox{
width:auto;
clear:none;
float:left;
margin-right:5px
}

.store #differentAddress{
margin-left:15px;
}

.store fieldset{
clear:both;
padding-top:15px;

}
.store h4{
clear:both;
margin:20px 0 5px 0}
.store li.pdf,.store li.edit{
display:block;
}



/*......|  Store Buttons  |.............

.store .button input, 
.store .reset input{
font-size:9px;
}

.store span.button
{
float:right;
clear:none;
display:block;
border:none;
margin:15px 30px 15px 0;
}

.store span.reset{
margin-right:10px;
}

*/

.store .button input{
width:80px;
height:20px;
text-indent:-5000px;
background: url(/siteImages/storeButtons.gif);
background-position:-54px top;
border:0px transparent;
}

.store span.reset input{
width:53px;
background-position:0px top;
}

.store .button input:hover{
background-position: -54px -21px;
}

.store .reset input:hover{
background-position: 0px -21px;
}

.store .reset input:active,
.store .button input:active{
margin:2px -2px -2px 2px;
}

.store span.button{
float:right;
clear:none;
display:block;
border:none;
margin:15px 42px 15px 0;
}

.store span.reset{
margin-right:5px;
}


/*......|  Store Errors  |............. */


.store ul.zemError{
margin:-15px 0 30px;
border:1px dotted #ccc;
list-style:inside square;
border-width:1px 1px 0 1px;
background:#fff1af;
font-style:italic;
}

.store .zemError li{
border-bottom:1px dotted #ccc;
padding:3px 5px;
}


.store .zemRequirederrorElement{
font-style:italic;
}


.store input.zemRequirederrorElement{
background:#fff1af;color:black
}


#siteseal{
float:left;
margin:20px 0 0 85px;
}

#siteseal a {
display:none;
}

.store .details{display:none;}

/*......|  Store Errors  |............. */

#inside.store .story{
padding:0px 20px;
float:left;
width:auto;
}

#inside.store .story em{
font-weight:normal;
font-style:italic;
}

#inside.store .story li{
margin-left:20px;
}