/* WineTime Bar style sheet */
* { margin: 0; }
img { border:none; }
body { position:absolute; width:800px; left:50%; height:100%; margin-left:-400px; background:#7a4d22; }
.bkgd-right { position:absolute; top:0px; right:-190px; width:190px; height:800px; background:#7a4d22 url(../images/bkgd-right.gif) no-repeat top right; }
.bkgd-left { position:absolute; top:0px; left:-190px; width:190px; height:800px; background:#7a4d22 url(../images/bkgd-left.gif) no-repeat top right; }
.container { position:relative; top:0px; left:0px; width:800px; background-color:#fff; }
#masthead { position:relative; top:0px; left:0px; width:800px; height:97px; background:url(../images/masthead-grapes.jpg) no-repeat top right; }
.logo { position:relative; float:left; }

.spotlight-container { position:relative; width:800px; height:240px; padding:20px 0px 0px 0px; background-color:#fff; }
.spotDivider { float:left; margin-top:10px; }
.spotlight { position:relative; float:left; top:0px; width:230px; height:150px; background-color:#fff; padding:0px 15px; }
.spotlight h3 { font:italic bold 18px "Myriad Pro", Arial, sans-serif; color:#741a66; margin:0px 0px 20px 0px; }
.spotlight h4 { font:normal bold 18px "Myriad Pro", Arial, sans-serif; color:#000000;}
.spotlight h5 { font:italic bold 18px "Myriad Pro", Arial, sans-serif; color:red;}
.spotlight h3 span { font:normal normal 12px "Myriad Pro", Arial, sans-serif; color:#777; padding-left:10px; }
.spotlight p { font:normal 12px "Myriad Pro", Arial, sans-serif; color:#5c5c5c; margin:8px 0px; text-align:left; }
.spotlight p span { font:normal 14px "Myriad Pro", Arial, sans-serif; color:#5c5c5c; margin:8px 0px; text-align:left; }
a img.arrow  { position:relative; float:right; bottom:1px; padding-left:50px; border:none; }


#main { position:relative; left:0px; width:800px; height:auto; padding:0px 0px; background:#631a53 url(../images/side_bar-prp.gif) no-repeat top left; z-index:1; }
.nobkgd { background-image:none; }
.text { position:relative; left:197px; width:508px; min-height:650px; padding:10px 60px 15px 35px; text-align:justify; margin-right:0px; background-color:#fff; z-index:10; }
.text p, .text ul, .text ol, label, .orderPage p { font:normal 14px "Myriad Pro", Arial, sans-serif; color:#3c3c3c; line-height:22px; margin:15px 0px 6px 0px; }
.text ul li { margin-left:15px; }
.text table { font:normal 14px "Myriad Pro", Arial, sans-serif; color:#3c3c3c; line-height:22px;}
.inlineList { list-style:none; text-align:center; }
.inlineList li { display:inline; margin:0px 20px; font-weight:bold; }
.text img { margin:20px 0px 0px -35px; }
img.floatL { float:left; margin:10px 20px 10px 0; }
img.floatR  { float:right; margin:10px 0 10px 10px; }
img.border {  border:1px solid #000; }
img.pullout { position:relative; margin-left:-150px; border:1px solid #000; z-index:50; }
.ingredients p { font-family:Verdana, sans-serif; }
.freeship { font-size:14px; font-weight:bold; color:#900; margin-left:10px; }
.price { font-size:14px; font-weight:bold; color:#741a66; margin-left:10px; }

.orderPage { position:relative; width:800px; background-color:#fff; }
.orderPage p { margin-left:50px; width:500px; }
.orderPage h1 { margin-left:20px; }
.orderPage h2 { margin-left:50px; margin-top:15px; }

.center { display:block; text-align:center; padding:10px 0px; }

h1 { font:italic bold 22px "Myriad Pro", Arial, sans-serif; color:#000; margin:15px 0px; }
h2 { font:bold 16px "Myriad Pro", Arial, sans-serif; color:#741a66; margin:20px 0px 15px 0px; }
h3 { font:bold 16px "Myriad Pro", Arial, sans-serif; color:#000; margin:10px 0px 10px 0px; }
p a, li a { font:normal 12px "Myriad Pro", Arial, sans-serif; color:#237abf; text-decoration:none; }
p a:hover, li a:hover { text-decoration:underline; }


#accordion h3  a { font:bold 14px Arial, sans-serif; color:#000; text-decoration:none; }
#accordion h3  span { font:normal 12px Arial, sans-serif; color:#000; }
#accordion div { margin-bottom:10px; }

ul.footer  { list-style:none; width:800px; text-align:center; }
ul.footer li, ul.footer li a { display:inline; font:normal 10px Arial, sans-serif; color:#aaa; }
ul.footer li a:hover { color:#237ABF; }
#footer { position:relative; width:600px; background-color:#fff; padding-bottom:20px; text-align:center; padding-top:20px; }
#footer ul.mid { list-style:none; width:100%; }
#footer ul.mid li { font:normal 10px Arial, sans-serif; color:#aaa;}
#footer ul.mid li a { font:bold 10px "Myriad Pro", Arial, sans-serif; color:#555; text-decoration:none; }
#footer ul.mid li a:hover { text-decoration:underline; }
#footer ul.mid li b { font:bold 10px "Myriad Pro", Arial, sans-serif; color:#000; text-decoration:none; }

#footer ul.mid li img { display:normal; font:bold 10px "Myriad Pro", Arial, sans-serif; color:#000; text-decoration:none; }



/* ------------------------------------------------------------------- */
/*                                  Navigation                         */ 
/* ------------------------------------------------------------------- */

#navigation { position:relative; left:0px; top:0px; height:37px; width:800px; margin:0px; padding:0px; background:url(../images/bkgd-nav-rpt.gif) repeat-x; z-index:90; }
#navigation { font:normal 12px "Myriad Pro", Arial, sans-serif; color:#fff; }

ul.nav { width:800px; margin:0px; padding:0px; display:inline; }
ul.nav li { position:relative; float:left; height:37px; display:block; list-style:none; margin:0px; padding:0px 10px; border-right:1px solid #fff; }
ul.nav li a { position:relative; top:13px; font:bold 12px "Myriad Pro", Arial, sans-serif; padding:0px 6px; margin:0px; margin-bottom:2px; }
ul.nav a { text-decoration:none; color:#fff; }
ul.nav a:hover { text-decoration:none; color:#000; }

/*  PRIMARY NAVIGATION DROP DOWNS  */

ul.nav li a[title], ul.nav li ul li a[title] { border:none; }
ul.nav ul { margin:0px; padding:0px; list-style:none; width:200px; background-color:#923167; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; }
ul.nav li ul { position:absolute; left:0px; top:37px; width:180px; display:none; z-index:90; margin:0px; padding:0px; padding-bottom:0px; }
ul.nav li ul li { padding:0px; margin:0px; width:180px; color:#fff; border-bottom:1px solid #fff; }
ul.nav li ul li a { display:block; background:transparent; color:#fff; border:none; padding:2px 8px; margin:0px; font:bold 11px "Myriad Web", Arial, sans-serif; }
ul.nav li:hover ul, ul.nav li.over ul { display: block; }


.clear { clear:both; }
			
/* ---------------------------------------------------------------------------------------------- */

/* JQUERY CODA SLIDER  */

.intro { position:relative; top:0px; left:0px; z-index:1; }
.wrapper h1 { position:relative; top:25px; left:20px; width:60%; font:italic normal 42px "Myriad Pro", Arial, sans-serif; color:#fff; line-height:40px; }
.wrapper p { position:relative; top:30px; left:20px; width:40%; font:normal 12px Arial, sans-serif; color:#fff; text-align:justify; line-height:18px; }
.wrapper p img { position:relative; top:0px; }
.wrapper p a { position:relative; font:bold 10px Arial, sans-serif; color:#78c2f1; text-decoration:underline; }
.wrapper p a:hover { text-decoration:none; }
.panel .wrapper  p span { font:italic bold 14px Arial, sans-serif; color:#fff; }

.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 0px 0; 	position: relative; width: 100%; }

#banner { background:#000 url(../images/banner.jpg) no-repeat; }

/* These 2 lines specify style applied while slider is loading */
#banner .csw {width: 100%; height:350px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center; }

#banner .stripViewer { /* This is the viewing window */ position: relative; overflow: hidden; 
	border:none; /* this is the border. should have the same value for the links */
	margin: auto; width: 800px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 350px; clear: both; background:transparent; }

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative; left: 0; top: 0; width: 100%; list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy  fools. */ }

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left; height: 100%; position: relative; z-index:10; width: 800px; /* Also specified in  .stripViewer  above */ }

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px; }

#banner .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute; left:30px; top:0px; height:15px; width:150px; margin: auto; padding:0px; z-index:110; }


#banner .stripNav ul { /* The auto-generated set of links */ list-style: none; }
#banner .stripNav ul li { float: left; padding:0px; margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }
#banner .stripNav a { /* The nav links */ font:normal 10px 'Century Gothic', Arial, Helvetica, sans-serif; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff; text-decoration: none; display: inline; padding: 3px 5px; }

#banner .stripNav li.tab1 a { background:transparent; }
#banner .stripNav li.tab2 a { background:transparent; }

#banner .stripNav li a:hover { background-color:rgba(0, 0, 0, 0.25); }
#banner .stripNav li a.current { background-color:rgba(0, 0, 0, 0.45); color: #fff; }

#banner .stripNavL, #banner .stripNavR { display:none; }

#banner .stripNav { display: block; }