*{margin:0;padding:0;outline:0;}

body.pagans{
background:#E9DEC2 url(/siteImages/bodyBG.jpg) repeat-x;
font-size:75%;
font-family: Georgia, serif;
font-style:normal;
color:#222;
}

#page{
margin:0px auto;
width:800px;
background: url(/siteImages/pageBG.jpg) no-repeat top right;
position:relative;
}

.default #content{
background: url(/siteImages/labelBG.jpg) no-repeat 75px 60px;
}

#content{
position:relative;
}

#banner{
position:absolute;
top:0;
left:0;
width:800px;
height:90px;
}

#brand{
top:83px;
right:40px;
position:absolute;
display:block;
text-indent:-7000px;
height:140px;
width:400px;
background-image: url(/siteImages/homeBG.jpg);
background-position: top left;
}

#brand:hover{
background-position:bottom left;
}

#main{
clear:both;
min-height:500px;
width:450px;
padding:130px 0 20px 50px;
float:left;
clear:left;
}

.default #main{
float:right;
width:350px;
margin:240px 65px 20px 0px;
min-height:200px;
padding:0;  
}

#sidebar{
width:250px;
float:right;
clear:right;
border:none;
min-height:470px;
background: url(/siteImages/sidebarBG.jpg) no-repeat;
padding-top:130px;
}

#footer{
border-top:1px dotted #C8B489;
padding-top:10px;
clear:both;
text-align:center;
font-size:90%;
color:#666;
}

/*......|  N A V   0 1  |.................................. */

#nav01{
width:100%;
margin:0;padding:0;

float:left;
}

#nav01 ul{
margin:0;padding:0;
}


#nav01 li{
list-style:none;
float:left;
margin:0 5px 0 0;
}

#nav01 li a{
display:block;
text-indent:-5000px;
padding:0;
margin:15px 0 0 0;
background: url(/siteImages/nav01BG.jpg) no-repeat bottom left;
width:72px;
border:none;
}

#nav01 li.selected a{
}

#nav01 li#menu_default {
position:absolute;
top:0;left:0;
}

#nav01 li#menu_default a{
margin:0px;
padding:0px;
list-style:none;
text-indent:-5000px;
top:0px;left:0;
width:260px;
height:90px;
background: transparent url(/siteImages/nav01Home.jpg) no-repeat -6px 0;
}

#nav01 #menu_about{
margin-left:268px
}


#nav01 #menu_default a:hover{
background-position:-6px bottom;
}

#nav01 #menu_about a{width:63px;background-position:-10px top;}
#nav01 #menu_wine-club a{width:97px;background-position:-695px top}
#nav01 #menu_contact a{width:78px;background-position:-78px top}
#nav01 #menu_pictures a{width:80px;background-position:-287px top}
#nav01 #menu_vineyard a{width:87px;background-position:-452px top}
#nav01 #menu_wine a{width:58px;background-position:-545px top}
#nav01 #menu_store a{width:82px;background-position:-608px top}

#nav01 #menu_about.selected a{width:63px;background-position:-10px bottom;}
#nav01 #menu_wine-club.selected a{width:97px;background-position:-695px bottom}
#nav01 #menu_contact.selected a{width:78px;background-position:-78px bottom}
#nav01 #menu_pictures.selected a{width:80px;background-position:-287px bottom}
#nav01 #menu_vineyard.selected a{width:87px;background-position:-452px bottom}
#nav01 #menu_wine.selected a{width:58px;background-position:-545px bottom}
#nav01 #menu_store.selected a{width:82px;background-position:-608px bottom}

#nav01 #menu_about a:hover {width:63px;background-position:-10px -16px;}
#nav01 #menu_wine-club a:hover{width:97px;background-position:-695px -16px}
#nav01 #menu_contact a:hover{width:78px;background-position:-78px -16px}
#nav01 #menu_pictures a:hover{width:80px;background-position:-287px -16px}
#nav01 #menu_vineyard a:hover{width:87px;background-position:-452px -16px}
#nav01 #menu_wine a:hover{width:58px;background-position:-545px -16px}
#nav01 #menu_store a:hover{width:82px;background-position:-608px -16px}


/*......|  Temporarily disable sections  |.................................. */

#nav01 #menu_about,
#nav01 #menu_club,
#nav01 #menu_blog,
#nav01 #menu_events,
#nav01 #menu_pictures,
#nav01 #menu_trade,
#nav01 #menu_reviews{

}

#nav01 #menu_contact{

}

/* ..../ nav02 (sidebar) \........................ */
ul#nav02,
dl#nav02{
display:block;
list-style:none;
margin:0;padding:0;
float:left;clear:both;
width:250px;/*
border-bottom:1px solid #E9DEC2;
border-top:1px solid #C8B489;*/
margin:5px 0 5px 3px;
}

.events #nav02{
margin-top:200px;
text-align:left;
}

.blog #nav02 h4,
.events #nav02 h4{
float:left;
width:90%;
margin:10px 0 0 20px;
}

#nav02 dl{border:none;}

#nav02 li,
#nav02 dd {display:block;float:left;clear:both;}

#nav02 li a,
#nav02 dd a{
display:block;
text-decoration:none;
padding:7px 10px;/*
border-top:1px solid #E9DEC2;
border-bottom:1px solid #C8B489;*/
color:#000;
margin:0;
text-align:left;
width:230px;
opacity: .5;
-moz-opacity: .5;
filter:alpha(opacity=50);
background: url(/siteImages/nav02BG.jpg) no-repeat top left;
border-bottom:1px solid transparent;
}

#nav02 dd a{
border-top:0px dotted #ddd;
border-bottom:1px dotted #ddd;
}

a.wrapLink:hover {
display:block;
background: url(/siteImages/gradUpGray.gif) repeat-x 0 10px ;
}

#nav02 li a:hover,
#nav02 dd a:hover,
#nav02 li.selected a,
#nav02 dd.selected a{
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
border-bottom:1px solid #E9DEC2;
}

#nav02 dl h4{
display:block;
border-bottom:1px dotted #ccc;
margin:15px 0 0;
padding:0 0 5px 0;
}

#nav02 h4{clear:both;}


/* ..../ Button List \........................ */

ul.buttonList{
float:left;clear:both;
list-style:none;
font-size:10px;
margin-top:10px;
}

.default ul.buttonList{
float:right;
}

.blog .list ul.buttonList,
.events .list ul.buttonList{
margin-top:-15px;
}

#main .story .buttonList li{
margin-left:0;
display:block;
float:left;
}

.buttonList li a{
text-indent:-5000px;
height:18px;
display:block;
text-decoration:none;
background: url(/siteImages/buttonListBG.gif) no-repeat;
background-position:top left;
border:none;
}

.buttonList li a:hover{
background-position: 0 -18px;
border:none;
}

.buttonList li a:active{
background-position: 1px -17px;
}

.buttonList .buy a{
width:70px;
background-position: -220px -0px;
}
.buttonList .buy a:hover{
width:70px;
background-position: -220px -18px;
}


.buttonList .more a{
width:70px;
}

.buttonList .up a{
width:20px;
background-position: -146px 0;
}

.buttonList .up a:hover{
background-position: -146px -18px;
}

.buttonList .up a:hover{
background-position: -145px -17px;
}

.buttonList .edit a{
width:38px;
background-position: -70px 0;
}

.buttonList .edit a:hover{
background-position:-70px -18px;
}

.buttonList .edit a:active{
background-position:-69px -17px;
}

.buttonList .clubSignUp{
position:absolute;
top:56px;right:140px;
}

.buttonList .clubSignUp a{
width:84px;
background-position: -290px 0px;
}

.buttonList .clubSignUp a:hover{
background-position: -290px -18px;
}

#content .buttonList li.more{display:none;}

#sidebar .story .buttonList li.more,
.default #content .buttonList li.more{display:block;}


/*......|  T E X T  |.................................. */
.story p{
font-size:1em;
margin-bottom:1em;
line-height:140%
}

.default .story p{
font-size:1.1em;
}

.details h4,
#sidebar h4{
margin-bottom:5px;
}

#sidebar h4{
margin-left:12px;
}

a{color:#732118;}
a:hover{color:#962B20;}

/*......|  S T O R Y  |.................................. */

#sidebar .story{
margin-left:25px;
}

.wine #sidebar .story{
display:none;
}

#sidebar .story h4{
margin-left:0px;
}

.details{
position:absolute;
width:200px;
top:57px;right:25px;

}

.details .bottle{
margin: 0px 28px 0px 0;
text-align:center;
}

.details p{
font-size:.85em;
margin-bottom:.3em;
}

.blurb{
float:right;
width:120px;
padding-left:10px;
margin:0 0 10px 10px;
border-left:3px solid #962B20;
font-size:1.3em;
}

.blurb p{
margin:0;
}

.storyImage{margin:0 0 20px 0}
.storyThumb{
margin:0 0 20px -23px;
}

.storyImage img,
.storyThumb img{
border-bottom:1px solid #fff;
border-top:1px solid #C8B489;
}

.wine .storyImage{display:none;}

/*......|  C O N T A C T    F O R M  |.................................. */

.zemContactForm{
font-size:11px;
float:left;clear:none;
color:gray;width:455px;
margin-top:15px;
}

.default .zemContactForm,
.contact .zemContactForm{
margin-left:20px;
}

fieldset{border:none;}
legend {display:none;}

label{ /* default labels */
float:left;
clear:left;
vertical-align:baseline;
display:block;
margin:3px 0 8px 0;
height:17px;
line-height:150%;
width:20%;}

.zemContactForm select.zemSelect{
height:21px;
width:79.4%;
}

input.zemText,
textarea.zemTextarea,
select.zemSelect{ /* default fields */
border:1px solid #eee;
border-width:1px;
background: #fff url(/siteImages/gradGray.gif) repeat-x 0 -12px;
margin-bottom:8px;
width:79%;float:right;
padding:3px 0 0;
clear:right;
height:15px;
font:11px arial;
border-color: #bbb #fff #fff #bbb;
}

.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{
width:20.56%;
}

.zemSubscriberLastName{
width:9%;
margin-right:5px;
}


/* 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;
}

#zemSubscriberCustom7 { /* custom field width */
width:15%;clear:none;
}

.zemSubscriberCustom2{
border:1px solid transparent;
} 

.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:455px;

}
.zemSubscriberLists, 
#zemSubscriberLists { /* don't show list */
float:left;display:none}

#Notes, #instructions {
height:auto;
color:black;}

.Notes{clear:both;}

.button{
float:right;
margin-right:-5px;
clear:both;
}

.zemThanks .blurb{
width:auto;
float:none;
margin-top:30px;
}

.zemThanks p{
padding:0 20%;
}


/*......|  G A L L E R Y  |.................................. */


.gallerySlides {
width:461px;
margin:20px 0 0px 0;
position:relative;
float:left;
margin:0 0 10px 0px;
padding:0px 15px 15px 0px; 
background: url(/siteImages/buttonBG.gif) repeat-x bottom right;
}

.galleryImage, .storyImage div, .storyImage table{
background:#fff;
padding:10px 0 0 10px;

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;
left:5px;top:320px;
}


.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;}