body{
text-align:center;
background:#eee;
font-size:75%;
font-family: Arial, Helvetica;
}

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

#page{
width:100%;
background: white url(/siteImages/pageBG.gif) repeat-x top left;
}

#page div{
text-align:left;
}

#banner{
position:relative;
top:0;left:0;
height:80px;
width:750px;
margin:0 auto;
}

#banner img{
float:left;
margin:13px -10px 0 20px;
}

#content{
background: white;
margin:0px auto;
clear:both;
width:750px;
padding-bottom:40px;
}

#sidebar{
padding:15px;
float:left;
width:250px;
background:url(/siteImages/dotsV.gif) repeat-y right top;
border:none;
}

#page #footer{
padding:10px;
height:50px;
background: #eee url(/siteImages/grayGrad.gif) repeat-x 0px -5px;
clear:both;
text-align:center;
}

#footer p{
font-size:11px;
}

#footer a{
color:gray;
text-decoration:none;
padding-bottom:2px;
background: url(/siteImages/dotsH.gif) repeat-x bottom center;
}

#footer a:hover{
color:#444;
}

/*- - - |  N A V I G A T I O N   |- - - - - - - - - - - - - - - - */

#navs{
position:absolute;
top:55px;right:15px;
z-index:10;
}

#navs ul{
list-style:none;
margin:0;
padding:0;
display:block;
}

#navs li{
float:left;
background: url(/siteImages/tabBG.gif) no-repeat -7px 0px;
margin:0;padding:0;
height:25px;
}

#navs li a {
background: url(/siteImages/tabBG.gif) no-repeat 100% 0px;
display:block;
padding:9px 15px 2px 0;
margin-left:13px;
font-size:11px;
color:#888;
text-decoration:none;
}

#navs li a:hover{
color:#333;
text-decoration:underline;
}

#navs li.selected {
background-position: -3px -50px;
margin:0 -4px 0 -2px;
}

#navs li.selected a {
background-position: 100% -50px;
color:#888;
margin-left:18px;
}

#navs li.selected a:hover{
color:#333;
text-decoration:underline;
}

#navs2{
float:left;
width:100%;
background: url(/siteImages/gradDown.gif) repeat-x bottom left;
padding-bottom:15px;
margin-bottom:10px;
}

#navs2 ul{
width:750px;
list-style-type:none;
margin:0 auto;
}

#navs2 li{
float:right;
margin:0px;padding:0px;
}

#navs2 a{
display:block;
padding:4px 15px;
text-decoration:none;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
color:#666;
font-size:11px;
}

#navs2 a:hover{
background-color:#FFD38F;
}

#navs2 .selected{
background: url(/siteImages/gradDown.gif) repeat-x 100% -5%;
}

/*- - - |  T Y P E S T Y L E S   |- - - - - - - - - - - - - - - - */

p {
font-size:1em;
line-height:135%;
margin-bottom:1em;
color:gray;
}

p strong{color:#555}

h1,h2,h3, #jpopalt {
margin-bottom:.4em;line-height:100%;
color:#f70;}

h1 {font-size:2.5em;letter-spacing:-.4pt;}
h2 {font-size:2em;letter-spacing:-.2pt;}
h3, #jpopalt {font-weight:bold;font-size:1.5em;letter-spacing:-.1pt;}

h4,h5 {
font-size:1em;
float:left;
line-height:135%;
margin-right:.4em;
color:#555;
}

h5 {font-size:1em;
float:none;
}

div .blurb {
float:right;
width:33%;
background: url(/siteImages/dotsV.gif) repeat-y bottom left;
margin:0 0 10px 20px;
padding-left:15px;
border:none;
}

.main .blurb{
width:120px;
}

.blurb span{
display:block;
background: url(/siteImages/endQuote2.gif) no-repeat bottom right;
}

.blurb p{
font-size:1.3em;
line-height:120%;
color:#bbb;
text-indent:15px;
text-align: center;
font-weight:bold;
margin-bottom:0;
background: url(/siteImages/startQuote2.gif) no-repeat top left;
}

.blurb strong{
color:#888;
}

#sidebar1 h5{
border:none;
padding:0;
margin:0;
width:100%;
}

em{
color:#666;
}

/*- - - |  P A G E   E L E M E N T S   |- - - - - - - - - - - - */
.slideshowFrame {
position:relative;
width:375px;
height:208px;
float:right;
margin: 60px 0 0 35px;
overflow: hidden;
}

.domain .slideshowFrame{
margin: -70px 0 0 35px;
}

.story .slideshowFrame img{
margin:0;
width:375px;height:208px;
}

.slideshowFrame span{
position:absolute;
top:0;left:0;
width:375px;height:208px;
text-indent:-5000px;
background: url(/siteImages/imageMaskBG.png) no-repeat top left;
z-index:10000;
}

.main{
float:left;
margin:20px 0 0 0;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
padding-bottom:20px;
}

.main .more, 
.twoThirds .more,
.creative .more {
display:none;
}

.domain .main{
width:750px;
padding:20px 0 50px;
background:none;
}

.basic {
background:none;
}

.basic h3{
padding-top:40px;
}

.secondary{
float:left;width:750px;
background: url(/siteImages/columns.gif) repeat-y center top;
margin-bottom:20px;
}

.twoThirds{
float:left;
width:480px;
padding:20px 20px 20px 0;
background: url(/siteImages/dotsV.gif) repeat-y bottom right;
}

.left, .right{
float:left;
width:229px;
padding:5px 15px 0 0;
background:none;
}

.center{
float:left;
width:232px;
padding:5px 12px 0 18px;
background:none;
}

.right{
padding:5px 0px 0 15px;
background:none;
}

.right img{
float: right;
}

.left img, .right img, .center img{
margin-bottom:10px;
}

.secondary h3{
font-size:1.3em;
}

.right h3{
clear:both;
}

.side{
margin-top:15px;
}

/*- - - |  T H U M B  P O P   |- - - - - - - - - - - - */
#desc{
display:none;
}

.rssThumbs{
clear:both;
}

.rssThumbFloat img{
width:100px;
border:none;
}

.rssThumbFloat a{
float:left;
margin:10px 7px 0 0;
}

.rssThumbFloat a:hover{
border:1px solid #bbb;
padding:3px 3px 3px 4px;
margin: 6px 3px -4px -5px;
}

#fullsize{
position:relative;
float:left;
padding:30px 0 30px;
background: url(/siteImages/gradDownWide.gif) no-repeat bottom;
}

#fullsize div{
float:right;
width:250px;
}

#fullsize span{
position:absolute;
background: url(/siteImages/imageMaskLargeBG.png);
top:30px;left:0;
width:480px;
height:266px;
}

#jpopalt{
margin-top:40px;
}

#jpopcap{
font-size:1em;
line-height:150%;
margin-bottom:1em;
color:gray;
}

#placeholder{
float:left;
}

.twoThirds h3{
clear:both;
}

/*- - - |  B U T T O N  L I S T   |- - - - - - - - - - - - */
.buttonList{
display:block;
list-style:none;
clear:both;
float:right;
margin:0 0 10px 0;
padding:0 20px 0 0;
width:100%;

}

.buttonList li{
float:right;
clear:none;
margin:0 0px 0 35px;;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding-bottom:1px;
}

.buttonList a{
display:block;
text-decoration:none;
font-size:11px;
background: url(/siteImages/arrow.gif) 	no-repeat 100% 0px;
padding: 2px 20px 2px 0;
line-height:100%;
color:gray;
margin-right: -20px;
border:none;
}

.buttonList a:hover{
color:#001D4F;
background-position:100% -16px;
}

.rssEdit a{
background:url(/siteImages/edit.gif) no-repeat 100% 0px;
}

#phoneLink,#faxLink{
float:left;
}

#faxLink a{
background:url(/siteImages/fax.gif) no-repeat 100% 0px;
}

#phoneLink{;margin-left:20px}
#phoneLink a{background:url(/siteImages/phone.gif) no-repeat 100% 0px;
}

#phoneLink a:hover,
#faxLink a:hover{
background-position:100% -16px;
}

.up a{
background-image:url(/siteImages/arrowUpCircle.gif);
}

.prev a{
background:url(/siteImages/arrowLeftCircle.gif) no-repeat 0px 0px;
padding: 2px 0px 2px 20px;
margin:0 0 0 -20px;
}

.prev a:hover{
background-position:0px -16px;
}

li.next,li.up, li.prev{
float:left}

li.up{
margin-left:20px;
}

/*- - - |  Z I R   |- - - - - - - - -  - - - - - - - - - - - */

.zirSmallHead{
text-indent:-5000px;
margin-bottom:0px;
height:30px;
}

.main .zirMainHead{
clear:none;
}
.zirMainHead{
text-indent:-5000px;
margin:10px 0 0 0;
height:50px;
clear:both;
}

.story img{
float:left;
margin:0 15px 15px 0;
}

.zirSideHead{
margin: 50px 0 15px 492px;
width:260px;
}

/*- - - |  E M A I L   F O R M   |- - - - - - - - - - - - */
.zemContactForm{
margin:30px 0;
clear:both;
padding:0;
float:left;
width:100%;
}

.zemContactForm *{
font-family:Arial;
}

.zemContactForm div{
display:none;
}

fieldset {
border:none;
margin:0;padding:0;}

legend {display:none;}

label{
font-size:1em;
color:gray;
float:left;
clear:left;
padding:5px 0 3px 0px;
display:block;
margin-top:0;
background: url(/siteImages/dotsH.gif) repeat-x top;
width:90px;
margin-bottom:15px;
line-height:100%;
}

label:hover{
background-color:#eee;
color:black;
}

#Email, 
#Name, 
#Message, 
#Receiver, 
#Phone {
border:1px inset #ccc;
background:#f5f5f5;
margin-bottom:15px;
width:80%;height:14px;float:right;
padding:2px;clear:right;
font-size:11px;
color:black;
display:block;
}

#Message{
height:100px;
} 

.button, .ign_login p.publish {
padding:0;margin:0;
float:right;
clear:both;
margin:0 25px 0 0;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding-bottom:1px;
}

.button input, .ign_login .publish{
display:block;
text-decoration:none;
font-size:11px;
background:url(/siteImages/arrow.gif) no-repeat 100% 1px;
padding: 2px 20px 2px 0;
line-height:100%;
color:gray;
margin-right:-20px;
border:none;
}

.button input:hover{
color:#001D4F;
background-color:#eee;
background-position:100% -15px;
}

/*- - - |  C O L L A P S E R   |- - - - - - - - - - - - */
.collapser * {
list-style-type:none;
}

#dale, #cricket {
width:280px;
}

#content .collapser li ul li{
line-height:1.3em;
border:none;
background: url(/siteImages/dotsH.gif) repeat-x bottom;
padding:5px 0;
margin: 5px 0 10px;
color:gray;
}

#content .collapser li ul{
background: url(/siteImages/dotsH.gif) repeat-x top;
margin-left:20px;
}

.collapser li{
margin-bottom:10px;
}

.collapser li a{
font-size:1.3em;
color:#bbb;
text-decoration:none;
font-weight:bold;
}

.collapser li a img {
border:none;
margin:2px 3px 0 -3px;
}

.collapser a:hover{
color:#555;
}

.ign_login{
width:250px;
background:white;
margin:20px auto;
height:200px;
padding:20px;
background:#eee;
border:1px outset #eee;
}

.ign_login label{
float:left;
width:100%;
padding:4px 0 0;
}

.ign_login .edit{
float:right;margin-top:-16px;
background:#fff;clear:none;
border:1px inset #aaa;
height:18px;
}

.ign_login .publish{
float:right;}

.zemContactForm {
font-size:11px;
float:left;clear:both;;
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 solid #000 !important;
border-color: #888 #ccc #ccc #888 !important;
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;
}

.aquireWine, .zemDoSubscribe{clear:none;float:left;width:auto;margin:5px 10px 0 10px;}

#aquireWine, #zemDoSubscribe{float:left;clear:both;margin:8px 0 10px 20%;}
#aquireWine {margin-bottom:0;}

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