#winewrap {position:relative; top:0; left:0; width:100%; height:auto; padding-bottom:8px;}


#drinkthisnow {  position:relative; width:100%; margin: 0 auto;}
#drinkthisnow h3 {font: 1px arial, sans-serif; color:#fff;}	

#wine-caddy {position:relative; width:100%; top:0px; left:0px; padding-top:5px; padding-bottom:10px; margin-bottom:10px;  }
#wine-caddy h1 {color:#bc350b; font-family:baskerville, georgia, serif;  font-size:3em; line-height:3em; margin:0;}




#wine-caddy .toptext {position:relative; margin: .5em auto; width: 100%; height:auto; text-align:center; padding:0;  }
#wine-caddy .toptext p {font:.9em "myriad pro", verdana, arial, sans-serif; line-height:1.1em !important; color: #555;  letter-spacing:0px; margin:8px auto;}

#wine-caddy .daily-wine { position:relative; margin:0 auto; width: 100%; height:auto; padding:0; font:9px normal "helvetica neue", arial, sans-serif; color:#ddd; text-align:center; }
#wine-caddy .daily-wine .winetext {position:relative; margin:0 auto; height:auto; width:95%; font-family:"myriad pro",verdana, arial, sans-serif; font-size:10px;}

#wine-caddy .daily-wine .winetext .winename {font-family:verdana, sans-serif; font-size:.8em;  font-style:italic; line-height: 1.2em;text-align:right; color:#bbb; margin-bottom:.2em; padding-top:.2em;  border-top: thin solid #ccc;}
#wine-caddy .daily-wine .winetext img {height:auto; width:100%; margin:0 auto; padding:0;}

#wine-caddy .daily-wine .winetext h5 {width: 100%;font:20px georgia, serif !important; font-weight:bold !important; color: #cf141b; margin-top:10px; margin-bottom:6px; text-align:center; }
#wine-caddy .daily-wine .winetext p {width: 100%; font:14px georgia, serif; line-height:16px !important;color: #222; margin:0; text-align:center;  padding-bottom:12px; }	
#wine-caddy .daily-wine .winetext a {text-decoration:none; color: #222 !important; }	

/* Turn off subhed on small mobile */

@media (max-width: 480px) {
#hed-no-mobile {display:none;}
#subhed-no-mobile {display:none;}
#toptext-no-mobile {display:none;}
}

/* SCROLL BUTTONS for screen and mobile */

#goEarlier a:link{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:visited{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:hover{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat; cursor: hand; cursor: pointer;}

#goLater a:link {position:absolute; top:200px; right:-1px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:visited {position:absolute; top:200px; right:-1px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:hover {pposition:absolute; top:200px; right:-1px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat; cursor: hand; cursor: pointer; }

@media (max-width: 480px) {
#goEarlier a:link{position:absolute; top:50px; left:0;  width:72px; height:51px; padding:0; z-index:999;background:url(EARLIER_50x35.png) no-repeat;}
#goEarlier a:visited{position:absolute; top:50px; left:0;   width:72px; height:51px; padding:0; z-index:999;background:url(EARLIER_50x35.png) no-repeat;}
#goEarlier a:hover{position:absolute; top:50px; left:0;   width:72px; height:51px; padding:0; z-index:999;background:url(EARLIER_50x35.png) no-repeat;cursor: hand; cursor: pointer;}


#goLater a:link {position:absolute; top:50px; right:-22px;   width:72px; height:51px; padding:0; z-index:999;background:url(LATER_50x35.png) no-repeat;}
#goLater a:visited {position:absolute; top:50px; right:-22px;   width:72px; height:51px; padding:0; z-index:999;background:url(LATER_50x35.png) no-repeat;}
#goLater a:hover {position:absolute; top:50px; right:-22px;   width:72px; height:51px; padding:0; z-index:999;background:url(LATER_50x35.png) no-repeat; cursor: hand; cursor: pointer;}
}


@media (min-width: 481px) and (max-width: 767px) {
#goEarlier a:link{position:absolute; top:180px; left:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:visited{position:absolute; top:180px; left:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:hover{position:absolute; top:180px; left:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat; cursor: hand; cursor: pointer;}


#goLater a:link {position:absolute; top:180px; right:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:visited {position:absolute; top:180px; right:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:hover {pposition:absolute; top:180px; right:0px;  height:90px; width:58px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat; cursor: hand; cursor: pointer; }
}



@media (min-width: 768px) and (max-width: 979px) {
#goEarlier a:link{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:visited{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat;}
#goEarlier a:hover{position:absolute; top:200px; left:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-left.png) no-repeat; cursor: hand; cursor: pointer;}

#goLater a:link {position:absolute; top:200px; right:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:visited {position:absolute; top:200px; right:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat;}
#goLater a:hover {pposition:absolute; top:200px; right:0px;  height:90px; width:70px; padding:0; z-index:999;background:url(mauve-arrow-right.png) no-repeat; cursor: hand; cursor: pointer; }
}


#toDiv{width:100%; height:auto; margin-top:2%px; padding:0px; font-family:verdana, sans-serif; font-size:.6em; color:#333; border:none;text-align:center;}

#prevdiv{width:100%; height:auto; margin-top:2%px; padding:0px; font-family:verdana, sans-serif; font-size:.6em; color:#333; border:none;text-align:center;}

#nextdiv{width:100%; height:auto; margin-top:2%px; padding:0px; font-family:verdana, sans-serif; font-size:.6em; color:#333; border:none;text-align:center;}

#dummydiv{width:90%; height:auto; margin-top:2%px; padding:0px; font-family:verdana, sans-serif; font-size:.6em; color:#333; border:none;text-align:center;}

#todaysMessage{font:9px normal arial, sans-serif!important; color:#aaa !important; letter-spacing:1px; text-align:center!important;; line-height:9px;margin:0; padding:8px;}
#prevDayMessage{font:9px normal arial, sans-serif!important; color:#aaa !important; letter-spacing:1px; text-align:center!important;; line-height:9px;margin:0; padding:8px;}
#nextDayMessage{font:9px normal arial, sans-serif!important; color:#aaa !important; letter-spacing:1px; text-align:center!important;; line-height:9px;margin:0; padding:8px;}
#dummyMessage{font:9px normal arial, sans-serif!important; color:#aaa !important; letter-spacing:1px; text-align:center!important;; line-height:9px;margin:0; padding:8px;}


#faq-bar {position:relative; top:200px; left:860px; width:260px; height:auto; }
#faq-bar h1 {color:#bc350b; font-family:serif; font-size:36px; }
#faq-bar p {color:#555; font-family:sans-serif; font-size:13px; }

#subwinewrap {text-align: left; height:auto; max-width:700px; margin: 100px auto;}



/* Removes the outline from inputs and textareas when you focus them
 */
:focus {
outline: none;
}

/* Same stuff as prev, but for mozilla firefox; works on ff8, not w/ 3.6.3 */
::-moz-focus-inner {
border: 0;
}

/* You know when you highlight text it usually has that blue fill, well with this you can change its color
*/
::selection {
background: #cdebef;
color: #000;
}

/* once again, same stuff as above, but for mozilla firefox */
::-moz-selection {
background: #cdebef;
color: #000;
}