/************************
myDailyDiv_R4i.css
MINOR CHANGES FROM H, FEB 14 2013
#subwinewrap added 3-24-13
***************************/

#winewrap {position:relative; top:0; left:0; width:1200px; height:900px; }


#drinkthisnow { position:absolute; top:0; left:20px; height:800px;width:800px;}
#drinkthisnow h3 {font: 1px arial, sans-serif; color:#fff;}	

#wine-caddy {position:relative; top:0px; left:0px; padding-top:12px; width:800px; height:800px;  background: url(portwinecaddy-bg.jpg) no-repeat;}
#wine-caddy h1 {color:#bc350b; font-family:serif; font-size:32px; line-height:32px; text-align:center; margin:0;}


#wine-caddy .toptext {position:relative; top:16px; left:75px; width: 640px; height:80px; text-align:center; padding:0; margin-bottom:2px; }
#wine-caddy .toptext p {font:14px "myriad pro", verdana, arial, sans-serif; line-height:18px !important; color: #555;  letter-spacing:0px; margin:0 24px 0 24px;}

#wine-caddy .daily-wine { position:relative; top:12px; left:94px; width: 600px; height:500px; margin:0; padding:0; font:9px normal arial, sans-serif; color:#ddd; text-align:center; }
#wine-caddy .daily-wine .winetext {position:relative; top:2px; left:0; height:600px; width:600px; font-family:"myriad pro",verdana, arial, sans-serif; font-size:10px;}

#wine-caddy .daily-wine .winetext .winename {font-family:verdana, sans-serif; font-size:11px;  font-style:italic; line-height: 16px;text-align:right; color:#bbb; margin-top:6px; padding-top:18px;  border-top: thin solid #ddd;}
#wine-caddy .daily-wine .winetext img {height:500px; width:600px; margin:0; padding:0;}

#wine-caddy .daily-wine .winetext h5 {width: 600px;font:20px georgia, serif !important; font-weight:bold !important; color: #cf141b; margin-top:1px; margin-bottom:4px; text-align:center; margin-left:2px;}
#wine-caddy .daily-wine .winetext p {width: 600px; font:13px georgia, serif; line-height:13px !important;color: #222; margin:0; text-align:center;  padding-bottom:12px; margin-left:2px;}	
#wine-caddy .daily-wine .winetext a {text-decoration:none; color: #999 !important; }	


#goEarlier a:link{position:absolute; top:320px; left:21px;  height:84px; width:66px; padding:0; z-index:99;background:url(green-arrow-left.png) no-repeat;}
#goEarlier a:visited{position:absolute; top:320px; left:21px;   height:84px; width:66px; padding:0; z-index:99;background:url(green-arrow-left.png) no-repeat;}
#goEarlier a:hover{position:absolute; top:320px; left:21px;   height:84px; width:66px; padding:0; z-index:99; background:url(green-arrow-left-down.png) no-repeat; cursor: hand; cursor: pointer;}

#goLater a:link {position:absolute; top:320px; left:710px;  height:84px; width:66px; padding:0; z-index:99;background:url(green-arrow-right.png) no-repeat;}
#goLater a:visited {position:absolute; top:320px; left:710px;  height:84px; width:66px; padding:0; z-index:99;background:url(green-arrow-right.png) no-repeat;}
#goLater a:hover {position:absolute; top:320px; left:710px; height:84px; width:66px; padding:0; z-index:99; background:url(green-arrow-right-down.png) no-repeat; cursor: hand; cursor: pointer; }

#toDiv{width:600px; height:500px; margin-top:0px; padding:0px; font-family:verdana, sans-serif; font-size:8px; color:#333; border:none;text-align:center;}

#prevdiv{width:600px; height:500px; margin-top:10px; margin-left:2px; padding:0px;  font-family:verdana, sans-serif; font-size:8px; color:#333; border:1px solid #ddd;text-align:center;}

#nextdiv{width:600px; height:500px; margin-top:10px; margin-left:2px;padding:0px;  font-family:verdana, sans-serif; font-size:8px; color:#333; border:1px solid #ddd;text-align:center;}

#dummydiv{width:600px; height:500px; margin-top:10px; margin-left:2px; padding:0px; font-family:verdana, sans-serif; font-size:8px; color:#333; border:1px solid #fff;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:0 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:0 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:0 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:0 8px;}


#faq-bar {position:absolute; top:160px; left:940px; width:240px; height:auto; }
#faq-bar h1 {color:#bc350b; font-family:"century gothic", verdana, sans-serif; font-size:48px; }
#faq-bar h1 a{color:#bc350b; font-family:"century gothic", verdana, sans-serif; font-size:48px; }
#faq-bar h1 a:hover{color:#d10702; font-family:"century gothic", verdana, sans-serif; font-size:48px; }
#faq-bar p {color:#555; font-family:sans-serif; font-size:12px; }

#subwinewrap {width:600px; height:auto; margin:50px; padding:20px; background-color:#fbfbfb; color:#666; float:left;}
#subwinewrap h3 {font-size:18px; font-family:"century gothic", sans-serif; color:#222;}
#subwinewrap p {font-size:13px; line-height:18px; font-family:"century gothic", sans-serif;}
#subwinewrap a {font-size:13px; font-family:"century gothic", sans-serif; color:#999;}
#subwinewrap em {font-size:13px; font-family:"century gothic", font-style:italic; sans-serif; color:#999;}

#bigarrowbox {width:300px; height:300px; float:right;margin:400px 180px 0 0;}



a:-webkit-any-link {text-decoration:none;}


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