/* ---- Base Styles ---- */
html, body { margin:0; padding:0; font:13px/17px Georgia, "Times New Roman", Times, serif; color:#444444; height:100% }
body { background:#D0D0D0 url(../images/bg.gif) repeat-x; }
h1, h2, h3, h4 { margin:0 0 15px 0; padding:0; }
p { margin:0 0 17px 0; padding:0; }
a { color:#9a9182; text-decoration:none;}
a:hover { color:#222222; }
img {border:none;}
hr {border:none;border-top: 1px solid #A7A7A7;}
/* ---- Site-wide ---- */
#wrapper { display:block; height:100%; background:url(../images/bg_shadow.png) center center no-repeat; }
#main { width:886px; height:420px; background:#FFFFFF; position:absolute; top:50%; left:50%; margin-top:-212px; margin-left:-446px; }
p#mailList_link { display:block; position:absolute; top:-25px; right:2px; height:0; margin:0; background:url(/images/icon_clubderby.gif) left center no-repeat; width:115px; height:20px; }
p#mailList_link a { display:block; text-indent:-9999px; height:19px; }
#sidebar { width:266px; height:420px; float:left; background:url(../images/bg_logo.gif); }
h1#logo { width:190px; height:85px; margin:160px auto 0; }
h1#logo a { display:block; height:85px; text-indent:-9999px; }
#content { width:620px; height:420px; float:left; background:#FFFFFF url(../images/bg_copy.gif) repeat-x; }
#footer { clear:both; height:25px; width:886px; position:relative; bottom:-15px; font:11px/17px Arial, Helvetica, Verdana, sans-serif; color:#777777; }
#footer .switcher {padding-right:17px;background:url(/images/arrow_down.gif) no-repeat center right;}
#footer .socContainer {display:block;}
#footer .soc {padding:2px 0 0 22px;height:15px;display:block;}
#footer .fb_link {background:url(/images/icn_fb.gif) no-repeat top left;}
#footer .twitter_link{background:url(/images/icn_tt.gif) no-repeat top left;}
#copy { padding:23px 20px 20px 20px; height:377px; width:380px; display:block; float:left; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden; }
#copy .left {float:left;width:50%;}
#copy .right {float:right;width:50%;}
#copy label {width:80px; float:left; font:12px "Times New Roman", Times, serif;}
#copy input {font:11px "Times New Roman", Times, serif; border:1px solid #A7A7A7;}
#copy input[type="image"], #copy input[type="radio"] {border:none;}
#copy select#shipping_state_id {border:1px solid #A7A7A7; width:47px;}
#copy input.button {border:none;}
.section { overflow:auto; margin-top:10px; }
.temp { overflow:hidden; height:340px; }
div.first { clear:left; }
#image { float:left; display:block; margin:0 0 10px 0; }
h2 { color:#777777; text-indent:-9999px; font:italic lighter 24px/18px "Times New Roman", Times, serif; }
h2#Wines { background:url(../images/h2_wines.gif) center left no-repeat; }
h2#Contact {background:url(../images/h2_contact.gif) center left no-repeat;}
h2#MailList {background:url(../images/h2_mail_list.gif) center left no-repeat;}
h2#Trade_Media {background:url(../images/h2_trade_media.gif) center left no-repeat;}
h2#Gallery { background:url(../images/h2_gallery.gif) center left no-repeat;}
h2#Signup_Success {background:url(../images/h2_signup_success.gif) center left no-repeat;}
h2#About_Us_Page {background:url(../images/h2_about_us.gif) center left no-repeat;}
h2#Press {background:url(../images/h2_press.gif) center left no-repeat;}
h2#Ray_and_Pam_Derby {background:url(../images/h2_ray_and_pam.gif) center left no-repeat;}
h2#Tiffinee {background:url(../images/h2_tiffinee.gif) center left no-repeat;}
h2#Events {background:url(../images/h2_events.gif) center left no-repeat;}
h3 { color:#333333; margin-bottom:8px; font: bold 17px/18px "Times New Roman",Times, serif; }
h4 { color:#333333; margin-bottom:8px; font: bold 15px/12px "Times New Roman", Times, serif;}
#menu { margin:18px auto 0; padding:0; list-style:none; display:block; width:100px; }
#menu li { width:100px; height:34px; margin:0; padding:0; }
#menu li a { display:block; height:34px; text-indent:-9999px; }
#menu li#vineyards a { background:url(../images/menu_vineyards.jpg); }
#menu li#vineyards a:hover { background:url(../images/menu_vineyards_roll.jpg); }
#menu li#vineyards { background:url(../images/menu_vineyards_roll.jpg); }
#menu li#wines a { background:url(../images/menu_wines.jpg); }
#menu li#wines a:hover { background:url(../images/menu_wines_roll.jpg); }
#menu li#wines { background:url(../images/menu_wines_roll.jpg); }
#menu li#acquire a { background:url(../images/menu_aquire.jpg); }
#menu li#acquire a:hover { background:url(../images/menu_aquire_roll.jpg); }
#menu li#acquire { background:url(../images/menu_aquire_roll.jpg); }
#menu li#contact a { background:url(../images/menu_contact.jpg); }
#menu li#contact a:hover { background:url(../images/menu_contact_roll.jpg); }
#menu li#contact { background:url(../images/menu_contact_roll.jpg); }
#submenu { display:none; }
#submenu ul { margin:0; padding:0; list-style:none; }
#submenu li { margin:0; float:left;}
#submenu li a { display:block; }
#submenu li a.button {background:url(/images/button_back.gif) no-repeat top left;}
#submenu li a.button:hover { opacity:1; }
#scrollBtns { width:16px; height:50px; position:absolute; right:16px; top:170px; background:url(../images/scroll_arrows.gif); }
#scrollUp { width:16px; height:20px; cursor:pointer; }
#scrollDown { width:16px; height:20px; margin-top:10px; cursor:pointer; }
/* ----- Wines Page ------*/
h3.grey_bottom {font-weight:normal;border-bottom:1px solid #A7A7A7;margin-top:7px;}
ul#winesMenu { width:580px; height:380px; background:url(../images/wines_bg.jpg) no-repeat; margin:0; padding:40px 0 0 40px; list-style:none; }
ul#winesMenu li { display:block; width:163px; height:195px; float:left; margin-right:27px; }
ul#winesMenu a { height:195px; display:block; text-indent:-9999px; }
li#redWines { background:url(../images/winesMenu_red_roll.gif) no-repeat; }
li#redWines a { background:url(../images/winesMenu_red.gif) no-repeat; }
li#redWines a:hover { background:url(../images/winesMenu_red_roll.gif) no-repeat; }
li#whiteWines { background:url(../images/winesMenu_white_roll.gif) no-repeat; }
li#whiteWines a { background:url(../images/winesMenu_white.gif) no-repeat; }
li#whiteWines a:hover { background:url(../images/winesMenu_white_roll.gif) no-repeat; }
li#roseWines { background:url(../images/winesMenu_rose_roll.gif) no-repeat; }
li#roseWines a { background:url(../images/winesMenu_rose.gif) no-repeat; }
li#roseWines a:hover { background:url(../images/winesMenu_rose_roll.gif) no-repeat; }
a.rw_button { margin-left:-6px; }
/* ---- Home Page ---- */
body#home #sidebar { background:url(../images/bg_logo_home.gif); }
#menuHome { margin:0; padding:0; list-style:none; display:block; }
#menuHome li { width:155px; height:420px; float:left; }
#menuHome li a { display:block; height:420px; text-indent:-9999px; }
#menuHome li#vineyards a { background:url(../images/menu_home_vineyards.jpg); }
#menuHome li#vineyards a:hover { background:url(../images/menu_home_vineyards_roll.jpg); }
#menuHome li#vineyards { background:url(../images/menu_home_vineyards_roll.jpg); }
#menuHome li#wines a { background:url(../images/menu_home_wines.jpg); }
#menuHome li#wines a:hover { background:url(../images/menu_home_wines_roll.jpg); }
#menuHome li#wines { background:url(../images/menu_home_wines_roll.jpg); }
#menuHome li#acquire a { background:url(../images/menu_home_aquire.jpg); }
#menuHome li#acquire a:hover { background:url(../images/menu_home_aquire_roll.jpg); }
#menuHome li#acquire { background:url(../images/menu_home_aquire_roll.jpg); }
#menuHome li#contact a { background:url(../images/menu_home_contact.jpg); }
#menuHome li#contact a:hover { background:url(../images/menu_home_contact_roll.jpg); }
#menuHome li#contact { background:url(../images/menu_home_contact_roll.jpg); }
/* ---- Shop Page ---- */
body#shop #submenu {width:100%;float:left;}
body#shop #submenu li { float:left; width:auto; margin:0 7px 0 0; background:transparent; height:26px; opacity:1;filter:alpha(opacity=100);}
body#shop #submenu ul {float:left; margin:0; padding:0 0 0 7px; width:100%; list-style:none;display:block; font:italic 13px/18px "Times New Roman", Times, serif; position:relative;left:0px; top:0px;}
body#shop #submenu li a {text-align:center;}
body#shop #copy {width:580px;overflow:hidden;}
body#shop #content { background:url(../images/bg_shop_new.gif) top right no-repeat; }
body#shop form {float:left; width:557px;}
body#shop .dotted_bottom a { color:#75674f; font-weight:bold; }
body#shop .dotted_bottom a:hover{text-decoration:underline;}
body#shop #submenu li a.rw_button {}
body#shop #submenu li a.ww_button {}
body#shop #submenu li a.ro_button {}
body#shop .start {width:557px;}
body#shop .temp {height:200px;}
body#shop p.ship_para {width:430px;}
body#shop #copy select#shipping_state_id {width:auto;}
/* ---- Mailing List ---- */
form#list_form p{margin-bottom:15px;}
/* ---- Trade and Media Page ---- */
body#trade_media #copy ul{ list-style:none;padding-left:8px;}
body#trade_media #copy li {margin-top:5px;font-size:14px;}
body#trade_media #copy li a {font-size:12px;}
body#mail_list input.long {width:200px;}
/* ---- Gallery Page ---- */
ul#gallery {list-style:none; margin:0; padding:0;}
ul#gallery li {width:100px; padding:5px;float:left;text-align:center;}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria li div span{width:400px} /* MSIE bug */
/* --- About Us Page... ---- */
#about_list {list-style:none;padding:0;margin:0 0 12px 0;}
#about_list li {display:block;width:255px; height:81px; margin:0;padding:0;}
#about_list li a {display:block;width:255px; height:81px; margin:0;padding:0;text-indent:-9999px;}
#about_list li#prorietor a {background:url(/images/about_proprietors.gif) no-repeat top left;}
#about_list li#winemaker a {background:url(/images/about_winemaker.gif) no-repeat top left;}
#about_list li#vineyards a {background:url(/images/about_ourvineyards.gif) no-repeat top left;}
.about_containr p {margin-bottom:5px;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:hidden;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#333333;
display:none;
border: 5px solid #dbe1e2;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_window img { border:4px solid #dbe1e2; margin:5px 0 0 0; padding:0; }
#TB_window h4 { font: bold 14px/12px "Times New Roman", Times, serif; }
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding-top:20px;
/*border:1px solid #bfd7ea;*/
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
margin-bottom:7px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/*----------------------------------------------------------------
My Stuff
-----------------------------------------------------------------*/
#hiddenModalContent { display: none; }