@charset "utf-8";
/**
	Main CSS Document for CADE Winery
**/

@import url(reset.css); /* reset elements to ensure consistency */

/* default styles */
body { background: #292727; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#background { position: fixed; width: 100%; height: 100%; bottom: 245px; /*top:0px;*/ left: 0; z-index: 1; }
#container { position: relative; z-index: 2; min-width: 950px; }
#content { width: 950px; margin: 345px auto 0 auto; min-height: 350px; background: #ffffff; color: #555; }
#content .inner { padding: 20px; }


#content ul, 
#content ol, 
#content dl, 
#content p { margin-bottom: 1.4em; line-height: 1.4em; }
#content ul, 
#content ol { margin-left: 1.8em; }
#content ul { list-style-type: disc; }
#content ol { list-style-type: decimal; }

b, strong {font-weight:bold;}

.inner table {margin-bottom:1.4em; line-height:1.4em;}
	.inner table td {padding:0px 20px 5px 0px;}

div.hr {height:0px; border-top:1px #999 solid; border-bottom:0px; margin:0 0 1.4em; clear:both;}
div.hr hr {display: none;}
hr {color:#666; margin:0 0 1.4em;}

/* tools */
.clear { clear: both; }
.float_right { float: right; margin: 0 0 12px 20px; }
.float_left { float: left; margin: 0 20px 12px 0; }

.blurb { background: url(../images/bg_blurb.png); width: 450px; padding: 20px 20px 0 20px; position: absolute; top: 81px; right: 0; z-index: 2; }
.blurb .inner { height: 50px; overflow: hidden; }
.blurb p { line-height: 1.4em; margin-bottom: 1.4em; }
.blurb .toggle_link { margin-top: 8px; float: right; }
.blurb .toggle_link a { display: block; width: 40px; height: 10px; background-image: url(../images/sprite_arrows.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; background-position: right top; }
.blurb.active .inner { height: auto; }
.blurb.active .toggle_link a { background-position: right -10px; }

/* headers */
h2 { color: #792424; font-size: 24px; font-weight: normal; text-transform: lowercase; margin-bottom: 20px; }
h3 { color: #222; font-size: 15px; line-height: 1.1em; margin-bottom: 12px; }
h3 strong, h3 b {color: #792424 !important; font-size:17px;}
h4 { color: #444; font-size: 12px; font-weight: bold; line-height: 1.1em; }
 
/* links */
a { color: #7f2d2f; text-decoration:none;}
a:focus { outline: none; }

/* home */
a#btn_prev,
a#btn_next { display: block; width: 30px; height: 50px; text-indent: -9999px; overflow: hidden; background-image: url(../images/sprite_nav_slides.png); background-repeat: no-repeat; position: absolute; top: 33%; }
a#btn_prev { background-position: 0 0; left: 100px; }
a#btn_prev:hover { background-position: 0 -49px; }
a#btn_next { background-position: -30px 0; right: 100px; }
a#btn_next:hover { background-position: -30px -49px; }
#home #masthead { /*margin-bottom: 300px;*/ }



/* masthead */
/* utlitity */
#utility { background: #292727; }
#utility .inner { width: 950px; margin: 0 auto; }
#utility ul { border-left: 1px solid #7a292e; float: right; }
#utility ul li { float: left; }
#utility ul li a { display: block; font-family: "Times New Roman", Times, serif; font-size: 15px; color: #FFDC9E; letter-spacing: .05em; text-decoration: none; background: #5a0f14; border-right: 1px solid #7a292e; line-height: 31px; text-align: center; }
#utility ul li a:hover { background: #78282d; }
#utility #ut_buy a { width: 90px; }
#utility #ut_visit a { width: 94px; }
#utility #ut_contact a { width: 144px; }

/* nav */
#nav { background: url(../images/bg_nav.png) left bottom repeat-x; padding: 0 0 10px 0; }
#nav .inner { width: 950px; margin: 0 auto; }
#nav h1,
#nav ul li { float: left; }
#nav h1 { margin: 6px 0 0 10px; }
#nav ul { float: right; }
#nav ul li a { display: block; padding: 0 22px; line-height: 50px; text-decoration: none; color: #ffffff; text-transform: uppercase; font-size: 10px; letter-spacing: .06em; }
#nav ul li a:hover { background: #4b4848; color: #c5ab7d; }

/* interior */
.interior #container { background: url(../images/bg_container.gif) left top repeat-x; }
.interior .jcarousel-skin-tango { position: static; margin: 0; }

#cellar-pass-container {min-height:150px; border:1px #999 solid; padding:10px 20px; margin-bottom:18px; background:#fff url(/images/loading.gif) center no-repeat;}
ul.bottle-thumbs {list-style-type:none !important;}
	ul.bottle-thumbs li {width:110px; height: 160px; float:left; margin:10px;}
		ul.bottle-thumbs li img{box-shadow:0px 0px 5px rgba(0, 0, 0, .3);}
		ul.bottle-thumbs li img:hover{box-shadow:0px 0px 5px rgba(0, 0, 0, .5); border:2px #fff solid; position:relative; top:-2px; left:-2px;}
		ul.bottle-thumbs li img:active{top:0px; left:0px; border:none;}

/* footer */
#footer { background: #292727 url(../images/bg_footer.gif) left top repeat-x; position: relative; z-index: 2; font-size: 11px; }
#footer .inner { width: 950px; margin: 0 auto; padding-top: 36px; }
#footer address { line-height: 1.3em; margin-bottom: 1.3em; }
#footer address .logo { display: block; margin-bottom: 8px; }
#footer a { text-decoration: none; color: #ffffff; }
#footer a:hover { color: #7f2d2f; }
#footer .col { float: left; }
#footer .col.one { margin: 0 150px 0 76px; }
#footer .col.two { width: 300px; text-align: center; margin-right: 130px; }
#footer .col.two .logo { margin-bottom: 10px; }
#footer .col.two p { margin-bottom: 24px; }
#footer .social img { padding: 0 1px; }
#footer .social span { display: inline-block; vertical-align: top; padding-top: 4px; }
#footer .social #gplusone { display: inline-block; }
#footer .col.three .logo { display: block; margin-bottom: 8px; padding-left: 6px; }
#footer .col.three ul { padding-left: 32px; }
#footer .col.three ul li { margin-bottom: 8px; padding-left: 6px; }
#footer .support ul { line-height: 1.3em; }
#footer .col.three li.sub { position: relative; }
#footer .col.three li.sub .hidden { width: 180px; padding: 12px 12px 4px 12px; background: #1b1b1b; color: #cccccc; border: 1px solid #5e5b5b; position: absolute; left: -206px; bottom: -4px; z-index: 200; display: none; font-size: 11px; }
#footer .col.three li.sub .hidden ul { margin: 0 0 8px 0px; padding: 0; line-height: 1.2em; }
#footer .col.three li.sub .hidden ul li { margin-bottom: 0; padding-left: 0; }
#footer .col.three li.sub .hidden a { color: #ffffff; }
#footer .col.three li.sub .hidden a:hover { color: #7f2d2f; }
#footer .col.three li.sub .hidden h3 { font-size: 12px; font-weight: bold; margin: 0 0 2px 0; padding: 0; color: #FFDC9E; }

/* overrides and tweaks */
#footer .col.three li.sub.s_resorts .hidden { bottom: -80px; }
#footer .col.three li.sub.s_wine .hidden { bottom: -24px; }
#footer .col.three li.sub.s_rest .hidden { bottom: -84px; }
#footer .col.three li.sub.s_shops .hidden { bottom: -20px; }

/*
	Sticky Footer by Ryan Fait
	http://ryanfait.com/
*/
html, body { height: 100%; }
#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; } /* the bottom margin is the negative value of the footer's height */
#footer, .push { height: 246px; } /* .push must be the same height as .footer */
/* home overrides */
#home_footer { height: 424px; position: relative; z-index: 2; }
#home .push { height: 424px; }
#home #container { margin: 0 auto -424px; }


/*
	Background Stretcher jQuery Plugin
	© 2011 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/
HTML {_background: url(/images/trans.gif) no-repeat fixed;}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {	position: absolute;	top: 0;	left: 0; }
.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; top: 0; left: 0; }


/*
	jCarousel
*/
.jcarousel-skin-tango { /*position: absolute; bottom: 250px; left: 50%; margin: 0 0 0 -475px; z-index: 3;*/ width: 950px; margin: 0 auto; }
.jcarousel-skin-tango h3 { line-height: 38px; background: #191919 url(../images/bg_promo_hdr.png); color: #ffdc9e; font-family: "Times New Roman", Times, serif; font-size: 15px; padding-left: 10px; margin: 0; font-weight: normal; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 884px; /* 950 - 66 */
    padding: 0px 33px;
}

.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 884px; height: 178px; }
.jcarousel-skin-tango .jcarousel-item { width: 294px; height: 178px; position: relative; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 1px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {	margin-left: 0px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 33px;
    height: 178px;
    cursor: pointer;
    background-image: url(../images/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 33px;
    height: 178px;
    cursor: pointer;
    background-image: url(../images/next-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(../images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: 0 -178px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: 0px 0;*/
    background: url(/images/next-horizontal-blank.png) repeat-y;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 33px;
    height: 178px;
    cursor: pointer;
    background-image: url(../images/prev-horizontal.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(../images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: 0 -178px;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /*background-position: 0px 0;*/
    background: url(/images/prev-horizontal-blank.png) repeat-y;
}

#home_footer { position: relative; }
#home_footer .helper { position: absolute; width: 100%; left: 0; bottom: 0; }
#home .paging_callout { position: relative; width: 950px; margin: 0 auto; height: 38px; overflow: hidden; }
#home .paging_callout .toggle { position: absolute; top: 0px; right: 32px; z-index: 2; }
#home .paging_callout .toggle a { display: block; width: 884px; height: 38px; text-indent: -9999px; overflow: hidden; background-image: url(/images/sprite_toggle_callouts.png); background-repeat: no-repeat; background-position: right top; }
#home .paging_callout .toggle a:hover { background-position: right -38px; }
#home .paging_callout .toggle a.selected { background-position: right -76px; }
#home .paging_callout .toggle a.selected:hover { background-position: right -114px; }

.eclub { position:absolute;left:33px;top:0px;width:294px;height:178px; }
.eclub .optin { background: #191919 url(../images/bg_promo_optin.jpg) left bottom no-repeat; height:178px; }
.eclub .optin form { padding-top: 8px; }
.eclub .optin form .field { margin-bottom: 8px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ .eclub .optin form .field { margin-bottom: 5px; } } /* safari hack */
.eclub .optin form .field label { display: block; float: left; text-align: right; margin-right: 8px; width: 76px; padding-top: 2px; color: #ffffff; }
.eclub .optin form .field input { width: 156px; font-size: 11px; border: none; padding: 2px 4px; }
.eclub .optin form .btn_submit { padding-left: 84px; }
.eclub h3 { line-height: 38px; background: url(../images/bg_promo_hdr.png); color: #ffdc9e; font-family: "Times New Roman", Times, serif; font-size: 15px; padding-left: 10px; margin: 0; font-weight: normal; }


/*#mycarousel .optin { background: url(../images/bg_promo_optin.jpg) left bottom no-repeat; }
#mycarousel .optin form { padding-top: 18px; }
#mycarousel .optin form .field { margin-bottom: 8px; }
#mycarousel .optin form .field label { display: block; float: left; text-align: right; margin-right: 8px; width: 76px; padding-top: 2px; color: #ffffff; }
#mycarousel .optin form .field input { width: 156px; font-size: 11px; border: none; padding: 2px 4px; }
#mycarousel .optin form .btn_submit { padding-left: 84px; }*/



.jcarousel-skin-tango .jcarousel-item .cta_link { position: absolute; bottom: -50px; left: 0; width: 100%; margin-bottom: 0 !important; }
.jcarousel-skin-tango .jcarousel-item .cta_link a { display: block; background: url(../images/bg_promo_link.png); text-align: right; text-transform: uppercase; color: #ffffff; text-decoration: none; /*padding: 14px 20px;*/ padding: 0 20px; line-height: 50px; font-size: 11px; }

.interior .jcarousel-skin-tango .jcarousel-prev-horizontal { background-image: url(../images/prev-horizontal.gif); }
.interior .jcarousel-skin-tango .jcarousel-prev-disabled { background: #292727; border-left:1px solid #fff; }

.interior .jcarousel-skin-tango .jcarousel-next-horizontal { background-image: url(../images/next-horizontal.gif); }
.interior .jcarousel-skin-tango .jcarousel-next-disabled { background: #292727; border-right:1px solid #fff; width:32px; }

.interior .paging_callout .toggle { display: none; }

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute
 *
 */
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; vertical-align: middle; /*zoom: 1;*/ }

ul.dropdown li.hover,
ul.dropdown li:hover { 
	position: relative;
	z-index: 599;
	cursor: default;
	background: #4b4848;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	/*width: 100%;*/
	width: 170px;
	background: #4b4848;
	padding-bottom: 10px;
}

ul.dropdown ul li { float: none !important; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }
#nav ul.dropdown li.dir ul a { line-height: 1.2em; padding: 8px 24px; }
#nav ul.dropdown li.dir ul a:hover { /*color: #000000;*/ }

/* debugging */
#home #crutch { height: 400px !important; }
#lastNav { width: 190px; left: auto; right: 0; }

/* wine labels */
.wine_labels { margin-bottom: 20px; }
.wine_labels img {box-shadow:0px 0px 5px rgba(0, 0, 0, .3); height: 100px; margin: 0 6px 14px 0; }
.wine_labels img:hover {box-shadow:0px 0px 5px rgba(0, 0, 0, .5); /*border:2px #fff solid; position:relative; top:-2px; left:-2px;*/ }

ul.black-links a { color: #000000; }
ul.black-links a:hover { color: #7f2d2f; }

/* press */
.tbl-press td { text-align: center; padding: 0 0 10px 0; }
.tbl-press td h2 { text-align: left; margin: 0 0 20px 0; padding: 20px 0 8px 0; border-bottom: 1px solid #333333; }
.tbl-press td img { display: block; margin: 0 auto 4px auto; }
.tbl-press td img.add-border { border: 1px solid #000000; }
.tbl-press td span { display: block; }
/* Calendar
*****************************************/
.calendar_hd2 { font-weight:bold; }
.calendar_highlight { background-color:#302C22; }
.calendar_table a { color:#E0DAC5; }
.calendar_link { text-decoration: none;	font-weight:bold; color:#e0dac5; }
.ui-datepicker a { text-decoration:none !important; }
/*jquery calendar*/
.ui-datepicker { font-size:11px !important; }


/* MDAdmin styles 
*****************************************/
br[mce_bogus] {display: none;} /**Cleans up the mess that <br mce_bogus="1"> makes. Do not remove*/


/* MEDIA QUERIES
*****************************************/
/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
}

/* iphone landscape */
@media screen and (max-width: 480px) {

}

/* iphone portrait */
@media screen and (max-width: 320px) {

}