/* --------------------------------------------------------------
	Trefethen Family Vineyards
	Version: 1.0 (2008-08-21)
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "lib/960.css";


/* Body
-------------------------------------------------------------- */

body { background: url('../images/common/entire-bg.png') no-repeat 50% 0; min-width: 980px; margin: 0; }


/* Header & Navigation
-------------------------------------------------------------- */

/* Logo */
.trefethen { display: block; overflow: hidden; text-indent: -9999px; width: 220px; height: 122px; background: #ffffff url(../images/common/trefethen-logo.png); }

/* Sitewide Navigation */
#sitewide-navigation { margin-top: 44px; float: right; }
#sitewide-navigation .tabs { margin: 0; }
#sitewide-navigation .tabs a:link, #sitewide-navigation .tabs a:visited { margin: 0 5px 0 10px; padding: 5px 5px 5px 5px; color: #444444; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#sitewide-navigation .tabs a:hover { color: #a10000; }

.menu-spacer { margin: 0 0 1px 0; }

/* Drop Down Menus */

.grid_3 { width: 190px; }

.dropmenudiv_b { position:absolute; top: 0; border: 1px solid #d5d5d5; font: normal 12px Georgia, serif; text-align: left; line-height: 16px; z-index: 100; background-color: #fff; visibility: hidden; }

.menu_left { float: left; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 15px; }
.menu_right { float: right; margin: 15px 15px 0 0; }
.wines-menu_left { width: 185px; float: left; margin: 15px 15px 0 15px; clear: left; }
.wines-menu_right { width: 170px; float: right; margin: 15px 15px 0 0; clear: right; }
.menu_left ul { margin: 0 0 15px 0; list-style-type: none; }
.menu_left ul li { display: inline; font: bold 10px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #a10000; }

.dropmenudiv_b ul li a:link,
.dropmenudiv_b ul li a:visited { display: block; font: normal 12px Georgia, serif; text-transform: none; text-decoration: none; color: #161616; padding: 4px 0 0 0; }
.dropmenudiv_b ul li a:hover { color: #a10000; text-decoration: underline; }
* html .dropmenudiv_b a { /* IE only hack */ width: 100%; }

/* Account Navigation */
#account-navigation { margin-top: 5px; float: right; width: 220px; }
#account-navigation .tabs { text-transform: lowercase; }
#account-navigation .tabs li { margin-left: 0; border-right: 1px solid #dadada; }
#account-navigation .tabs li.end { margin-left: 0; border-right: 0px; }
#account-navigation .tabs a:link, 
#account-navigation .tabs a:visited { padding: 0 10px; color: #666; font-size: 11px; text-decoration: none; }
#account-navigation .tabs a:hover { color: #a10000; }

/* Sub Navigation */
#sub-navigation { margin: 0; }
#sub-navigation ul { margin: 0 0 15px 0; list-style-type: none; }
#sub-navigation ul li a:link,
#sub-navigation ul li a:visited { display: block; font: normal 12px Georgia, serif; text-transform: none; text-decoration: none; color: #161616; padding: 0 0 4px 0; background: none; }
#sub-navigation ul li a:hover { color: #a10000; text-decoration: underline; }
#sub-navigation h1 { margin: 0 0 8px 0; font-weight: bold; font-size: 85%; text-transform: uppercase; color: #a10000; }


/* Images
-------------------------------------------------------------- */

#header-image { text-align:center; margin: 0 0 15px 0; padding: 0;}
#footer-image { text-align:center; margin: 0; padding: 0;}
.menu-image { margin: -10px 0 -4px 0;}


/* Miscellaneous
-------------------------------------------------------------- */

hr { height: 1px; margin: 0 0 15px 0; background-color: transparent; clear: both; border-style: none; border-bottom: 1px solid #cdcdcd; border-left: 0 none #fff; border-top: 0 none #fff; border-right: 0 none #fff; }
/* a[href$='.pdf'] { padding: 5px 30px 5px 0; background: transparent url(../images/icons/pdf.gif) no-repeat center right; }

/* Defaults
-------------------------------------------------------------- */
h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1em; margin-bottom: 0.75em; color: #a10000; margin-top: -0.6em;}


/* Homepage
-------------------------------------------------------------- */

.home .spacer { margin: 0 0 0 0; }
.home .right img { margin: 0 0 -5px 0; padding:0; border-bottom: 1px solid #fff; }
.home .headline { margin: 10px 0 10px 0; }

.home ul#column2 { list-style-type: none; }
.home ul#column2 li { list-style-type: none; }

.home ul#holiday01 { list-style-type: none; margin: 0 0 0 0; }
.home ul#column01 li { list-style-type: none; }
.home ul#holiday02 { list-style-type: none; margin: 0 0 0 0; }
.home ul#column02 li { list-style-type: none; }
.home ul#holiday03 { list-style-type: none; margin: 0 0 0 0; }
.home ul#column03 li { list-style-type: none; }

/* Our Story
-------------------------------------------------------------- */

/* Spacer */
.ourstory .spacer { margin: 0 0 75px 0; }

/* Paragraph */
.ourstory p { width: 600px; }

/* Misc */
.ourstory .napagreen { width: 200px; margin: 0 0 20px 20px; padding: 15px 15px 5px 15px; float: right; border: 1px solid #cdcdcd; }
.ourstory .napagreen p { width: 190px; margin: 0 0 10px 0; font-size: 12px; }

.ourstory .sustainable ul { margin: 0 0 0 0; list-style-type: square; width: 450px; }
.ourstory .sustainable ul li { margin: 0 0 0 18px; padding: 0 0 12px 0; font: normal 11px 'Lucida Grande', Tahoma, Verdana, sans-serif; color: #505050; line-height: 15px;}

.ourstory blockquote p em { font-size: 11px; font-family: Georgia, Times, serif; color: #a10000; }
.ourstory blockquote p { font-size: 10px; font-family: sans-serif; }

/* Images */
.ourstory-oneestate img.map { margin: 0 0 15px 15px; float: right; }
.ourstory img.left { margin: 0 20px 20px -40px; padding: 2px; float: left; border: 1px solid #cdcdcd; }
.ourstory img.right { margin: 0 -40px 20px 20px; padding: 2px; float: right; border: 1px solid #cdcdcd; }

/* Download */
.ourstory .download { margin: 0 0 10px 10px; padding: 5px 15px; float: right; border: 1px solid #ededed; font-size: 11px; }

/* One Estate */
.ourstory-oneestate .spacer { margin: 0 0 75px 0; }


/* Our Wines
-------------------------------------------------------------- */

/* Spacer */
.ourwines .spacer { margin: 0 0 25px 0; }

/* Technical Information */
.ourwines .techinfo { margin: 0 10px 0 0; text-align: right; }
.ourwines .techinfo p { margin: 0 0 1.3em 0; line-height: 1.1em; }
.ourwines .techinfo p strong { font-size: 0.85em; font-weight: bold; color: #a10000; }
.ourwines .techinfo p em { font-size: 0.85em; font-style: normal; color: #010101; }

/* Downloads */
.ourwines .downloads { margin: 0 10px 0 0; padding: 15px 0 0 0; text-align: right; line-height: 1.1em; }
.ourwines .downloads span { font-size: 0.85em; font-weight: bold; text-transform: lowercase; color: #747474; }
.ourwines .downloads a:link, 
.ourwines .downloads a:visited { color: #a10000; font-size: 0.85em; font-style: normal; text-decoration: none; }
.ourwines .downloads a:hover { text-decoration: underline; }

/* Download Icons */
.ourwines .downloads a[href *="#"] { padding: 0 10px 0 0; background: url(../images/navigation/nav-down-arrow.gif) no-repeat center right; }
.ourwines .downloads a[href$='/downloads/'] { padding: 4px 30px 5px 0; background: transparent url(../images/icons/files.gif) no-repeat center right; }
.ourwines .downloads a[href$='.pdf'] { padding: 4px 30px 5px 0; background: transparent url(../images/icons/pdf.gif) no-repeat center right; }
.ourwines .downloads a[href$='.jpg'] { padding: 4px 30px 5px 0; background: transparent url(../images/icons/jpg.gif) no-repeat center right; }

/* Tasting Notes */
.ourwines .tastingnotes {}

/* Buy Now Button */
.ourwines .buynow { padding: 10px 0 10px 0; }
.ourwines .buynow p a:link, .ourwines .buynow a:visited { display: block; background: #a10000; color: #ffffff; font-size: 11px; font-weight: normal; padding: 5px 0 5px 10px; margin: 0 0 10px 0; text-decoration: none; }
.ourwines .buynow p a:hover { background: #c60000; }
.ourwines .buynow p strong { font-size: 15px; padding: 0 6px 0 0; font-weight: normal; }
.ourwines .buynow p { font-size: 11px; font-weight: normal; margin: 0 0 8px 0; }

/* Promos */
.ourwines .promos { margin: 0 0 25px 0; padding: 7px 7px; color: #a10000; background-color: #ffffff; border: 1px solid #dddcd7; }

/* Accolades */
.ourwines .accolades strong { font-family: "Helvetic Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #a10000; }
.ourwines .accolades p { font-size: 11px; line-height: 16px; font-family: Georgia, serif; }
.ourwines .accolades p em { text-transform: uppercase; font-family: "Helvetic Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: bold; font-size: 10px; }


/* Visit Us
-------------------------------------------------------------- */

.visitus h3 { color: #000000; margin: 5px 0 3px 0; }
.visitus h4 { color: #a10000; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 3px 0 6px 0; }

.visitus .sidebar { font-size: 11px; }


/* Recipes
-------------------------------------------------------------- */

.recipes #content h1.title { color: #a10000; font: normal 32px Georgia, serif; }
.recipes #content h1 { color: #000000; margin: 5px 0 15px 0; font-size: 14px; }
.recipes #content h2 { color: #a10000; font: normal 16px Georgia, serif; margin: 3px 0 12px 0; }
.recipes #content ul { margin: 0 0 30px 0; }
.recipes #content ul li { list-style-type: square; font: normal 11px 'Lucida Grande', Tahoma, sans-serif; line-height: 15px; margin: 0 0 9px 16px; }



/* Clubs & Events
-------------------------------------------------------------- */

/* Spacer */
.events .spacer { margin: 0 0 25px 0; }
.events h1 { font-size: 28px; margin: 20px 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #cacaca; }
.events h2 { font: normal 46px Georgia, "Times New Roman", serif; color: #a10000; margin: 0 0 30px 0; float: right; }

/* Place My Order Button */
.registerforevent { padding: 10px 0 10px 0; text-align: right; }
.registerforevent p a:link, .registerforevent a:visited { display: block; background: #a10000; color: #ffffff; font-size: 11px; font-weight: normal; padding: 8px 0 8px 10px; margin: 0 0 10px 0; text-decoration: none; }
.registerforevent p a:hover { background: #c60000; }
.registerforevent p strong { font-size: 16px; padding: 0 10px 0 0; font-weight: normal; }
.registerforevent p { font-size: 11px; font-weight: normal; margin: 0 0 8px 0; }

/* Region Listing */
.clubsandevents .region li { display: block; list-style-type: none; border-bottom: 1px solid #f4f4f4; margin: 0 0 10px 0; padding: 0 0 10px 0; line-height: 16px; }
.clubsandevents .region h3 { font: normal 16px Georgia, "Times New Roman", serif; color: #000; margin: 7px 0 7px 0; }
.clubsandevents .region #state { margin: 3px 5px 0 0; font-size: 9px; font-weight: bold; float: left; }
.clubsandevents .region .pacific { padding: 0 3px; color: #fff; background-color: #29a5de; }
.clubsandevents .region .mountain { padding: 0 3px; color: #fff; background-color: #a10000; }
.clubsandevents .region .central { padding: 0 3px; color: #fff; background-color: #4a9c18; }
.clubsandevents .region .eastern { padding: 0 3px; color: #fff; background-color: #ffae00; }
.clubsandevents .region span.date { font-size: 11px; }
.clubsandevents .region ul { margin: 0 0 60px 0; }

/* Event Date */
.eventdate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.eventdate .month { display: block; font-size: 9px; font-weight: bold; line-height: 11px; color: #666; text-transform: uppercase;}
.eventdate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}


/* Off the Vine
-------------------------------------------------------------- */

/* Spacer */
.offthevine .spacer { margin: 0 0 15px 0; }

/* Headings */
.offthevine h1 { margin: 0 0 15px 0; font-size: 2em; }
.offthevine .hotpress h2 { margin: 0 0 5px 0; font-size: 1.6em; color: #a10000; }

/* Images */
.offthevine .hotpress img { float:right; margin: 0 0 15px 15px; }

/* Press Entry */
.press:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.offthevine .hotpress p em { font-size: 0.85em; }
.offthevine .hotpress .entry { margin: 0 0 35px 0; }


/* Photo Gallery
-------------------------------------------------------------- */

/* Spacer */
.photogallery .spacer { margin: 0 0 20px 0; }



/* Trade
-------------------------------------------------------------- */

/* Spacer */
.trade .spacer { margin: 0 0 20px 0; }


/* Feedback
-------------------------------------------------------------- */

/* Spacer */
.feedback .spacer { margin: 0 0 20px 0; }


/* Store
-------------------------------------------------------------- */

/* Spacer */
.store .spacer { margin: 0 0 20px 0; }

.store h3 { font-size: 11px; color:#000000; border-bottom: 1px solid #cdcdcd; margin: 0 0 7px 0; padding: 0 0 7px 0; }

span.phonenumber { font-weight: normal; color: #999999; }
span.number { color: #000; }

/* Logins */
.return-guest-login { border: 1px solid #dbdbdb; background: #f3f3f3; padding: 15px; }
.first-time-login { border: 1px solid #dbdbdb; background: #fff; padding: 15px; }

#checkout { font-size: 12px; margin: 0 0 25px 0; width: 700px; text-align: left; border-collapse: collapse; }
#checkout th { font-size: 11px; font-weight: bold; padding: 5px 8px; }
#checkout td { padding: 8px; vertical-align: middle; }
#checkout .odd { background: #fafafa; }
#checkout .total td { font-size: 11px; font-weight: bold; border-bottom: 1px solid #ffffff; vertical-align: top; }
#checkout .total strong { color: #a10000; font-size: 16px; }
#checkout .total small { color: #999999; font-size: 8px; }

.personalinfo { font-size: 11px; }
.wineinfo { font-size: 10px; text-align: center; line-height: 12px; font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; }
.wineinfo img { margin: 5px 0 5px 0; height: 80px; }
.wineinfo a:link, .wineinfo a:visited { color: #333; padding: 0 0 5px 0; text-decoration: none; }
.wineinfo a:hover { color: #a10000; }
.wineinfo h3 { color: #a10000; text-align: left; font-size: 12px; }

.store img.right { float: right; }

.store span.ordertotal { font-size: 18px; font-weight: bold; color:#a10000; }

/* Success, Error & Promo Messages */
.store .success { margin: 0 0 20px 0; padding: 15px; color: #0e4320; background-color: #cfe5c6; border: 1px solid #0e4320; }
.store .error { margin: 0 0 20px 0; padding: 15px; color: #a10000; background-color: #e8bcbc; border: 1px solid #a10000; }
.store .promos { margin: 0 0 25px 0; padding: 8px 10px; color: #a10000; background-color: #ffffff; border: 1px solid #dddcd7; }

/* Update My Info Button */
.updateinfo { padding: 15px 0 10px 0; text-align: center; }
.updateinfo p a:link, .updateinfo a:visited { display: block; background: #fff; color: #a10000; border-top: 1px solid #fff; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; font-size: 11px; font-weight: normal; padding: 0 0 8px 0; margin: 0 0 10px 0; text-decoration: none; }
.updateinfo p a:hover { background: #fff; font-weight: normal; border-top: 1px solid #fff; border-right: 1px solid #a10000; border-bottom: 1px solid #a10000; border-left: 1px solid #a10000; }
.updateinfo p { font-size: 11px; font-weight: normal; margin: 0 0 8px 0; }

/* Place My Order Button */
.placeorder { padding: 10px 0 10px 0; text-align: right; }
.placeorder p a:link, .placeorder a:visited { display: block; background: #a10000; color: #ffffff; font-size: 11px; font-weight: normal; padding: 8px 0 8px 10px; margin: 0 0 10px 0; text-decoration: none; }
.placeorder p a:hover { background: #c60000; }
.placeorder p strong { font-size: 20px; padding: 0 10px 0 0; font-weight: normal; }
.placeorder p { font-size: 11px; font-weight: normal; margin: 0 0 8px 0; }


/* Footer
-------------------------------------------------------------- */

span.footer { color: #444444; font-size: 80%; }
span.copyright { color: #777777; font-size: 70%; }
span.links { color: #777777; font-size: 80%; }
span.links a:link, span.links a:visited { color: #777777; margin: 0 6px 0 6px; }
span.links a:link.end, span.links a:visited.end { color: #777777; margin: 0 0 0 6px; }
span.links a:hover, span.links a:hover.end { color: #a10000; }

a[href$='http://facebook.com/trefethenfamilyvineyards'] {
display:inline-block;
padding-left:22px;
line-height:16px;
background:transparent url(http://trefethen.com/public/social/facebook.png) center left no-repeat;
}