/* ----------- CSS TABLE OF CONTENTS ------------- */ /*--------------------------------------------------- • GLOBAL STYLES - General Styles - Global Page Elements - H1 Title Image Replacements - Order Wine Online - Box • GLOBAL NAVIGATION - Main Navigation - Sub-Navigation - Side-Navigation • HOMEPAGE • GENERAL INTERIOR PAGE - Images/Buttons Replacing Links • PAGE SPECIFIC - Non-Alcoholic Wines (Wine Landing) • PAGE SPECIFIC - Wine Detail • PAGE SPECIFIC - Health Benefits • PAGE SPECIFIC - FAQ • PAGE SPECIFIC - Occasions • PAGE SPECIFIC - Recipes & Cocktails • PAGE SPECIFIC - Recipe & Cocktails Detail Page • PAGE SPECIFIC - Contact • PAGE SPECIFIC - Mailing List • PAGE SPECIFIC - News & Awards • PAGE SPECIFIC - Shipping Policy • PAGE SPECIFIC - Where to Find Us • PAGE SPECIFIC - Buy Ariel (Store) • PAGE SPECIFIC - Checkout (Store) • FORMS • SYSTEM MESSAGES - Error Messages - Success Messages • FOOTER ---------------------------------------------------*/ /* ------------------------------------ GLOBAL STYLES ------------------------------------ */ /* GENERAL STYLES */ html { overflow-y: scroll; } html, body { margin:0; padding:0; width:100%; font-size:100%; } body { background:url(../images/bg/bg_interior.jpg) repeat-x top center #fcfdef; height:100%; font:12px/18px 'Lucida Grande', Arial, Helvetica, sans-serif; font-weight:normal; color:#343434; } h1, h2, h3, h4 { margin:0 0 18px -1px; font-family: 'Raleway', Arial, Helvetica, sans-serif; line-height:1.2em; margin-bottom:.2em; } h1 { margin-bottom:15px; font-size:45px; color:#ffffff; text-transform:uppercase; letter-spacing:-1px; display:block; clear:both; width:646px; height:43px; } h2 { margin-bottom:20px; font-size:24px; color:#e88005; font-weight:600; } h3 { font-size:18px; font-weight:600; color:#222222; } h4 { margin:5px 0 6px; font-size:14px; color:#e88005; font-weight:600; } h5 { margin:2px 0 5px; font-size:13px; font-style:italic; font-family:Georgia, Times, 'Times New Roman', serif; color:#444; } h6 { margin:5px 0 6px; font-size:14px; color:#5e9c06; font-weight:600; } p { margin:0 0 18px; } ul, ol { margin:0 0 18px; padding-left:25px; } em, i { font-style:italic; font-family:Georgia, Times, 'Times New Roman', serif; font-size:110%; } strong, bold { font-weight:600; color:#222222; } a { color:#5e9c06; text-decoration:none; } a:hover { text-decoration:underline; } a:active { outline:none; } img { border:none; outline:none; display:block; } blockquote, blockquote strong, blockquote bold, blockquote em, blockquote i { color:#006990; font-size:26px; line-height:34px; } blockquote { background:url(../images/bg/bg_blockquote.png) no-repeat 0 10px; font-family: 'Raleway'; margin:0 0 30px; padding:5px 60px; font-weight:normal; } blockquote strong, blockquote bold { font-weight:600; } .orange { color:#e38025; } .green { color:#bed73b; } .blue { color:#006990; } .red { color:#ff0000; } .cb { clear:both; } .cl { clear:left; } .cr { clear:right; } .fl { float:left; } .printThis { background:url(../images/icon-printer.gif) no-repeat 0 2px; padding-left:20px; float:right; } /* GLOBAL PAGE ELEMENTS */ #wrapper { background:url(../images/bg/bg_interior_main.jpg) repeat-x top center; margin:0 auto; min-width:980px; position:relative; z-index: 999; } #content_wrapper { margin:0 auto; width: auto!important; min-width: 1040px; } #main_outer_wrap {padding-top: 40px;background:url('/images/bg/bg_interior.jpg') center -70px repeat-x;} #main_content { padding: 20px 20px 40px 20px; clear:both; overflow:hidden; width: 960px; margin: 0 auto; } #main_image {margin-top: 20px;} #main_image img {display: block;width:100%;height:auto;} #left_content { margin:0 15px 0 0; width:590px; float:left;} #right_content { width:320px; float:right; } #top { margin:0 auto; padding-top:27px; width:auto; padding-left: 20px; padding-right: 40px; overflow:hidden; } #web_logo { margin:3px 0 0 19px; float:left; width: 200px;} #print_logo { display:none; } #top_wrap { float:right; width: 566px; padding-top: 10px; } #acct_cart { padding: 0; list-style-type: none; margin:5px 9px 0 15px; font-family:'Raleway'; font-weight:600; text-transform:uppercase; float:left; color: #345407; } #acct_cart li { float: left; margin-right: 10px; } #acct_cart li a:hover { color: #223803; } #acct_cart_winedirect { display:flex; margin-top: -4px; padding-left:16px; } #acct_cart_winedirect .v65-widgetLogin-yourAccount, #acct_cart_winedirect .v65-widgetLogin-editProfile, #acct_cart_winedirect .v65-widgetLogin-login, #acct_cart_winedirect .v65-widgetLogin-logout { display:inline-block; align-items: center; line-height: 32px; padding-right:10px; } #acct_cart_winedirect .v65-widgetModalCart-dropdown { right: 10px; top: 12px; z-index: 9999; left: auto; border:none; box-shadow:0 0 20px rgba(0, 0, 0, 0.3); } #acct_cart_winedirect .v65-widgetModalCart-viewCartButton a, #acct_cart_winedirect .v65-widgetModalCart-checkOutButton a, #acct_cart_winedirect .v65-widgetModalCart-closeButton a { font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:800; letter-spacing: 0.04em; background-color: #05a6c3; color:white; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; } #acct_cart_winedirect .v65-widgetModalCart-closeButton a, #acct_cart_winedirect .v65-widgetModalCart-viewCartButton a { background-color: #abc347; } #social { margin-bottom:11px; float:right; overflow:hidden; font-family:'Nothing You Could Do'; } #social .follow { margin-right:14px; font-size:16px; line-height:20px; letter-spacing:-0.03em; float:left; text-transform:lowercase; } #social a { height:36px; display:block; float:left; text-indent:-9999px; } #social #top_fb { background:url(../images/top/top_facebook.png) no-repeat top left; margin-right:5px; width:70px; height:20px; } #social #top_tt { background:url(../images/top/top_twitter.png) no-repeat top left; margin:2px 9px 0 0; width:68px; height:18px; } .note { font-size:16px; font-weight:bold; font-family:'Nothing You Could Do', cursive; } /* Promo DropDown */ #promo_wrapper { position:relative; z-index: 99; overflow:hidden; background-color: #e88005; border-bottom: 1px solid #eceda8; padding: 15px 10px; color: #FFF; } #promo_wrapper p { margin:0; } #promo_wrapper a { color:#f1f7bc; } #promo_wrapper .center { width:auto; font-size:13px; text-align:center; display: flex; justify-content: center; align-items: center; align-content: center; } #close_holiday { justify-self: flex-end; } #close_holiday img { display:block; } #promo_wrapper .center p { padding: 0 20px; } .cart-icon { float:left; width:16px; height:16px; padding-top: 6px; padding-right: 4px; } .cart-icon img { width:16px; height:16px; } /* Cart DropDown */ #cart_wrapper { display: none; position:relative; z-index: 9999; background-color: #91ba3a; border-bottom: 1px solid #eceda8; height: 85px; padding: 6px 10px 0; color: #FFF; } .no_items { display: none; text-align: center; line-height: 85px; vertical-align: middle; font-size: 1.5em; } .cart_list { width: 960px; padding:0; margin: 0 auto; list-style-type: none; position:relative; } .cart_list li { float: right; width: 75px; height: 85px; margin: 0 5px; text-align: center; position: relative; background: center 30px no-repeat; } .cart_list li p { text-align: center; opacity: 0; filter: alpha(opacity = 0); width:100px; margin-left:-12px; line-height:14px; } .cart_list li a { color: #FFF; } .cart_list li em { color: #f1f7bc; font-style: normal; display: block; position:absolute; top: 30px; left: 50px; z-index: 2; } .cart_list li img { position: absolute; bottom: -14px; left: 50%; margin-left: -9px; z-index: 1;} .cart_list li.sampler { background-image:url(../images/cart/sampler.png); } .cart_list li.sampler em { left: 60px; } .cart_list li.brut_cuvee { background-image:url(../images/cart/brut_cuvee.png); } .cart_list li.merlot { background-image:url(../images/cart/merlot.png); } .cart_list li.cabsauv { background-image:url(../images/cart/cab_sauv.png); } .cart_list li.chard { background-image:url(../images/cart/chard.png); } .cart_list li.blanc { background-image:url(../images/cart/blanc.png); } .cart_list li.rouge { background-image:url(../images/cart/rouge.png); } .cart_list li.zin { background-image:url(../images/cart/white_zin.png); } .cart_list li.total { width: 100px; text-align: right; position:relative; float: right; } .cart_list li.total #close_cart { position:absolute; right: 0; top: 5px; text-align: left; background: url(../images/icon-close.png) center center no-repeat; width: 16px; height: 16px; text-indent: -999em; overflow: hidden; display: block; } .cart_list li.total div { position: absolute; bottom: 13px; right: 0; } .cart_list li.total div > a { display: block; color: #f1f7bc; padding-left: 20px; background: url(../images/icon-cart.png) left no-repeat; } #cart_msg { background: transparent url(../images/cart/bg_item_added2.png) 0 0 no-repeat; width: 306px; height: 46px; position: absolute; right: 46px; top: 80px; border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; display: none; } #cart_msg_wrapper { position:absolute; z-index: 9999; overflow:hidden; background-color: #ffd400; width:340px; height: 60px; padding: 80px 60px; border-radius:6px; text-align:center; font-size:16px; line-height:24px; top:50%; left:50%; margin:-130px auto auto -210px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6); } #cart_msg_wrapper img { display:inline; vertical-align:middle; } #cart_msg_wrapper #close_cart { position:absolute; right: 10px; top: 10px; text-align: left; background: url(../images/icon-close-dark.png) center center no-repeat; width: 16px; height: 16px; text-indent: -999em; overflow: hidden; display: block; } /* TITLE IMAGE REPLACEMENTS */ #nonalcoholic_wines h1, #brut_cuvee h1, #blanc h1, #chardonnay h1, #white_zinfandel h1, #rouge h1, #merlot h1, #cabernet_sauvignon h1 { background:url(../images/title/nonalc_wines.png) no-repeat; text-indent:-9999px; } #our_history h1 { background:url(../images/title/history.png) no-repeat; text-indent:-9999px; } #our_vineyards h1 { background:url(../images/title/vineyards.png) no-repeat; text-indent:-9999px; } #our_process h1 { background:url(../images/title/process.png) no-repeat; text-indent:-9999px; } #health_benefits h1 { background:url(../images/title/health_benefits.png) no-repeat; text-indent:-9999px; } #sustainability h1 { background:url(../images/title/sustain.png) no-repeat; text-indent:-9999px; } #faq h1 { background:url(../images/title/faq.png) no-repeat; text-indent:-9999px; } #distributors h1 { background:url(../images/title/distributors.png) no-repeat; text-indent:-9999px; } #where_to_find_us h1 { background:url(../images/title/where_find.png) no-repeat; text-indent:-9999px; } #occasions h1 { background:url(../images/title/occasions.png) no-repeat; text-indent:-9999px; } #recipes h1, h1#recipe_title { background:url(../images/title/recipes.png) no-repeat; text-indent:-9999px; } #cocktails h1, h1#cocktail_title { background:url(../images/title/cocktails.png) no-repeat; text-indent:-9999px; } #articles_and_links h1 { background:url(../images/title/article_links.png) no-repeat; text-indent:-9999px; } #news_and_reviews h1 { background:url(../images/title/news.png) no-repeat; text-indent:-9999px; } #awards h1 { background:url(../images/title/awards.png) no-repeat; text-indent:-9999px; } #shipping_policy h1 { background:url(../images/title/shipping_policy.png) no-repeat; text-indent:-9999px; } #privacy_policy h1 { background:url(../images/title/privacy_policy.png) no-repeat; text-indent:-9999px; } #contact_us h1 { background:url(../images/title/contact.png) no-repeat; text-indent:-9999px; margin-bottom:35px; } #mailing_list h1 { background:url(../images/title/mailing_list.png) no-repeat; text-indent:-9999px; } #error h1 { background:url(../images/title/404.png) no-repeat; text-indent:-9999px; } #buy_ariel h1, #checkout h1 { background:url(../images/title/shop.png) no-repeat; text-indent:-9999px; } #my_account h1, #account_forgot_password h1, #account_info_thank_you h1, #account_receipt h1, #login_account h1, #account_receipt h1 { background:url(../images/title/my_account.png) no-repeat; text-indent:-9999px; } #create_account h1, #create_account_thank_you h1 { background:url(../images/title/create_account.png) no-repeat; text-indent:-9999px; } /* ORDER WINE ONLINE - BOX */ #order_online_box { background:url(../images/wines/order_wine_bg.png) no-repeat 0 0; margin:0; padding:30px 35px 0; width:230px; float:right; } #order_online_box img { margin:0 auto 15px; } #order_online_box h4, #order_online_box h4 a { margin-bottom:5px; font-size:20px; color:#ffffff; letter-spacing:-1px; text-transform:uppercase; font-style:bold; text-decoration:none; } #order_online_box h4 a:hover, #order_online_box a { color:#e88005; } #order_online_bottom { background:url(../images/wines/order_wine_bg.png) no-repeat center bottom; width:300px; height:20px; float:right; margin-bottom: 20px; clear:right; } /* ------------------------------------ GLOBAL NAVIGATION ------------------------------------ */ /* Main Navigation */ #nav { margin:0; padding:0; width:553px; height:70px; display:block; float:right; list-style:none; } #nav li { float:left; display:block; } #nav li a { background:url(../images/top/nav.png?v=1) no-repeat 0 0; height:36px; display:block; text-indent:-9999px; position:relative; } #nav #nav_wines { width:154px; } #nav #nav_wines a { background-position:0 0; width:154px; } #nav #nav_wines a:hover { background-position:0 -36px; } #nav #nav_about { width:58px; } #nav #nav_about a { background-position:-154px 0; width:58px; } #nav #nav_about a:hover { background-position:-154px -36px; } #nav #nav_benefits { width:107px; } #nav #nav_benefits a { background-position:-212px 0; width:107px; } #nav #nav_benefits a:hover { background-position:-212px -36px; } #nav #nav_sustain { width:102px; } #nav #nav_sustain a { background-position:-319px 0; width:102px; } #nav #nav_sustain a:hover { background-position:-319px -36px; } #nav #nav_faq { width:43px; } #nav #nav_faq a { background-position:-421px 0; width:43px; } #nav #nav_faq a:hover { background-position:-421px -36px; } #nav #nav_buy { width:87px; } #nav #nav_buy a { background-position:-464px 0; width:87px; } #nav #nav_buy a:hover { background-position:-464px -36px; } #nav #nav_lifestyle { width:71px; } #nav #nav_lifestyle a { background-position:-539px 0; width:71px; } #nav #nav_lifestyle a:hover { background-position:-539px -36px; } #nav #nav_news { width:122px; } #nav #nav_news a { background-position:-610px 0; width:122px; } #nav #nav_news a:hover { background-position:-610px -36px; } /* Sub-Navigation */ #nav .subnav { margin-top:10px; padding:0; position:absolute; display:none; z-index:99; list-style:none; height:25px; } #nav .subnav li { margin-right:15px; line-height:14px; height:auto; height:25px; } #nav .subnav li a { background:none; font-size:12px; text-transform:uppercase; font-weight:bold; width:auto !important; text-indent:0; color:#333333; height:auto; padding-bottom:5px; } #nav .subnav li a:hover { color:#006990; text-decoration:none; } #nav #nav_wines .subnav { margin-left:10px; } #nav #nav_about .subnav { margin-left:-100px; } #nav #nav_buy .subnav { margin-left:-260px; } #nav #nav_lifestyle .subnav { margin-left:-70px; } #nav #nav_news .subnav { margin-left:-154px; } .nav_toggle { height:70px; } /* Side-Navigation */ #side_nav { margin:0 0 18px; padding:0; list-style:none; float:right; } #side_nav a { background-repeat:no-repeat; margin:0 0 10px; display:block; font-size:22px; color:#fff; width:300px; height:50px; text-indent:-9999px; } .side_history a { background:url(../images/side/our_history.gif); } .side_vineyards a { background:url(../images/side/vineyards.gif); } .side_process a { background:url(../images/side/process.gif); } .side_occasions a { background:url(../images/side/occasions.gif); width:262px !important; } .side_menu_img a { background:url(../images/side/side_menu_img.gif); margin:0 0 15px !important; height:96px !important; } .side_cocktail_img a { background:url(../images/side/side_cocktails_img.gif); height:96px !important; } .side_menu a { background:url(../images/side/menu_ideas.gif); width:262px !important; } .side_cocktails a { background:url(../images/side/cocktail_recipes.gif); width:262px !important; } .side_articles a { background:url(../images/side/articles.gif); } .side_news a { background:url(../images/side/news.gif); } .side_accolades a { background:url(../images/side/accolades.gif); } #handbook_dl { clear:both; } /* ------------------------------------ HOMEPAGE ------------------------------------ */ #homepage { background:url(../images/bg/bg_home2.jpg) repeat-x top center #c8ec5d; } #homepage #wrapper { background:url(../images/bg/bg_home_main2.jpg) no-repeat top center; padding-bottom:70px; } #homepage #main_content { padding:0; } #feature { padding:130px 56px 40px 65px; width:545px; float:left; } #feature h1.bestWines { background:url(../images/hm/hm_tagline.png) no-repeat top center; margin:0 0 30px; width:542px; height:101px; text-indent:-9999px; display:block; } #feature_imgs { margin:0 0 30px; overflow:hidden; } #feature img { margin:0 7px 0 5px; border:6px solid #ffffff; float:left; } #feature_links { clear:both; } #feature_links a { margin:0 10px 0 5px; display:block; float:left; text-indent:-9999px; height:32px; } .hm_wines { background:url(../images/hm/btn_viewWines.png) no-repeat 0 0; width:197px; } .hm_recipes { background:url(../images/hm/btn_recipes.png) no-repeat 0 0; width:156px; } .hm_buy { background:url(../images/hm/btn_buyAriel.png) no-repeat 0 0; width:85px; } #hm_bottle { margin-top:-20px; width:267px; float:left; } /* ------------------------------------ GENERAL INTERIOR PAGE ------------------------------------ */ /* Images/Buttons Replacing Links */ .btn { margin-bottom:5px; width:132px; height:27px; display:block; text-indent:-9999px; } .btn_fs { background:url(../images/btn/btn_factsheet.gif) no-repeat 0 0; } .btn_menu { background:url(../images/btn/btn_menuIdeas.gif) no-repeat 0 0; } .btn_cocktail { background:url(../images/btn/btn_cocktailRecipes.gif) no-repeat 0 0; } .btn_fblike { background:url(../images/btn/btn_likeThis.gif) no-repeat 0 0; } .btn_tweet { background:url(../images/btn/btn_tweetThis.gif) no-repeat 0 0; } .btn_buy { background:url(../images/btn/btn_buywine.gif) no-repeat 0 0; height:32px !important;} .right_img { float:right; margin:0 0 5px 20px; border:6px solid #ffffff; } .left_img { float:left; margin:0 20px 5px 0; border:6px solid #ffffff; } .img_wide {margin:10px 10px 10px 0;} /* ------------------------------------ PAGE SPECIFIC: Non-Alcoholic Wines ------------------------------------ */ #nonalcoholic_wines #main_content p { margin:0 0 10px 5px; } /*#wine_landing { background:url(../images/wines/arrow.png) no-repeat 0 0; width:100%; overflow:hidden; }*/ #wine_landing { background:url(../images/wines/arrow.png) no-repeat 0 0; width:770px; margin: 0 auto; overflow:hidden; } #wine_landing a { margin:0 8px; display:block; float:left; text-indent:-9999px; } #wine_landing a.brut_cuvee { background:url(../images/wines/wine_brut.png) no-repeat 0 0; width:115px; height:387px; margin-left:20px; } #wine_landing a.brut_cuvee:hover { background-position:0 -387px; } #wine_landing a.blanc { background:url(../images/wines/wine_blanc.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.blanc:hover { background-position:0 -387px; } #wine_landing a.chard { background:url(../images/wines/wine_chard_med.png) no-repeat 0 0; width:150px; height:510px; } #wine_landing a.chard:hover { background-position:0 -543px; } #wine_landing a.zin { background:url(../images/wines/wine_zin.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.zin:hover { background-position:0 -387px; } #wine_landing a.rouge { background:url(../images/wines/wine_rouge.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.rouge:hover { background-position:0 -387px; } #wine_landing a.merlot { background:url(../images/wines/wine_merlot.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.merlot:hover { background-position:0 -387px; } #wine_landing a.cabsauv { background:url(../images/wines/wine_cabsauv_med.png) no-repeat 0 0; width:150px; height:510px; } #wine_landing a.cabsauv:hover { background-position:0 -543px; } /* ------------------------------------ USE WHEN THEY ARE DOWN TO TWO WINES ------------------------------------ */ /* ------------------------------------ PAGE SPECIFIC: Non-Alcoholic Wines ------------------------------------ */ /*#nonalcoholic_wines #main_content p { margin:0 0 10px 5px; }*/ /*#wine_landing { background:url(../images/wines/arrow.png) no-repeat 0 0; width:100%; overflow:hidden; }*/ /*#wine_landing { width:500px; margin: 0 auto; overflow:hidden; background: url(../images/bg/bg_blockquote.png) no-repeat 0 10px; padding: 5px 60px; background-position:43%;} #wine_landing a { margin:0 8px; display:block; display:inline-block; text-indent:-9999px; }*/ /*#wine_landing a.brut_cuvee { background:url(../images/wines/wine_brut.png) no-repeat 0 0; width:115px; height:387px; margin-left:20px; } #wine_landing a.brut_cuvee:hover { background-position:0 -387px; } #wine_landing a.blanc { background:url(../images/wines/wine_blanc.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.blanc:hover { background-position:0 -387px; }*/ /* #wine_landing a.chard { background:url(../images/wines/ariel-chard.png) no-repeat 0 0; width: 33%; height: 560px; background-size: 100%; margin-left:40px; } #wine_landing a.chard:hover { opacity:.8; -webkit-transition:all 0.5s; transition:all 0.5s;}*/ /*#wine_landing a.zin { background:url(../images/wines/wine_zin.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.zin:hover { background-position:0 -387px; } #wine_landing a.rouge { background:url(../images/wines/wine_rouge.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.rouge:hover { background-position:0 -387px; } #wine_landing a.merlot { background:url(../images/wines/wine_merlot.png) no-repeat 0 0; width:111px; height:387px; } #wine_landing a.merlot:hover { background-position:0 -387px; }*/ /*#wine_landing a.cabsauv { background:url(../images/wines/ariel-cab-sauv.png) no-repeat 0 0; width: 33%; height: 560px; background-size: 100%; float:right; margin-right:40px; } #wine_landing a.cabsauv:hover { opacity:.8; -webkit-transition:all 0.5s; transition:all 0.5s;}*/ /* ------------------------------------ PAGE SPECIFIC: Wine Detail ------------------------------------ */ #wine_wrap { padding:30px 0 0; } #wine_bottle_large { margin:0 35px; float:left; } #wine_content { background:url(../images/bg/bg_wine_detail_top.png) no-repeat top center; padding-top:20px; width:670px; overflow:hidden; } #wine_info { background:url(../images/bg/bg_70percent.png) repeat top center; margin-bottom:30px; padding:10px 30px 30px; overflow:hidden; float:right; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; } .wine_description { margin-right:28px; width:450px; float:left; } .wine_description .price p { margin:5px 25px 18px 0; font-size:22px; } .wine_description .add_to_cart { border:none; padding:0; background:none; vertical-align:top; margin-top: 5px; } .wine_description .qty { font:14px 'Lucida Grande', Arial, Helvetica, sans-serif; color:#343434; border:1px solid; margin: 0; padding: 8px 10px; border: 2px solid #e9ebb9; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-right:4px; text-align:center; font-weight:bold; } .btn_purchase { background:url(../images/btn/btn_addtocart.gif) no-repeat 0 0; width:130px; height:28px; display:block; float:left; text-indent:-9999px; } .wine_links { width:132px; float:right; } .wine_social { margin-top:35px; width:132px; } .v65-form-wrapper .v65-widgetAddToCart legend { display: none; } .v65-form-wrapper .v65-widgetAddToCart fieldset { padding:0; } .v65-form-wrapper .v65-widgetProduct-addToCart-quantity { display:inline-block; } .v65-form-wrapper .v65-widgetProduct-addToCart-quantity input { font:14px 'Lucida Grande', Arial, Helvetica, sans-serif; color:#343434; border:1px solid; margin: 0; padding: 8px 10px; border: 2px solid #e9ebb9; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-right:4px; text-align:center; font-weight:bold; width: 28px!important; } .v65-form-wrapper .v65-widgetProduct-addToCart-productSKU { display:none; } .v65-form-wrapper .v65-widgetProduct-addToCart-price { font-size:22px; } .v65-form-wrapper .v65-widgetProduct-addToCart-price::before { content: 'Price: '; font-size:22px; font-weight: bold; } .v65-form-wrapper .v65-widgetProduct-addToCart-button { display:inline-block; margin-left: 10px; } .v65-form-wrapper .v65-widgetProduct-addToCart-button button { font-family:'Raleway', Arial, Helvetica, sans-serif; font-size: 13px; font-weight:800; letter-spacing: 0.04em; background-color: #05a6c3; color:white; text-transform: uppercase; padding: 10px 20px; border-radius: 20px; border:none; } .other_wines { clear:both; overflow:hidden; } .other_wines .note { margin-left:15px; position:relative; } .other_wines .note:after { content:""; background:url(../images/wines/arrow_orange.png) no-repeat; width:20px; height:20px; display:inline-block; margin-left:7px; position:relative; top:13px; } .other_wines a { margin:0 8px; color:#393632; font-size:11px; line-height:13px; font-weight:bold; display:block; float:left; text-align:center; } .other_wines a:hover { color:#05a6c3; text-decoration:none; } .other_wines a.brut_cuvee { background:url(../images/wines/wine_brut_sm.png) no-repeat 0 0; width:78px; height:295px; margin-left:20px; } .other_wines a.brut_cuvee:hover { background-position:0 -300px; } .other_wines a.blanc { background:url(../images/wines/wine_blanc_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.blanc:hover { background-position:0 -300px; } .other_wines a.chard { background:url(../images/wines/wine_chard_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.chard:hover { background-position:0 -300px; } .other_wines a.zin { background:url(../images/wines/wine_zin_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.zin:hover { background-position:0 -300px; } .other_wines a.rouge { background:url(../images/wines/wine_rouge_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.rouge:hover { background-position:0 -300px; } .other_wines a.merlot { background:url(../images/wines/wine_merlot_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.merlot:hover { background-position:0 -300px; } .other_wines a.cabsauv { background:url(../images/wines/wine_cabsauv_sm.png) no-repeat 0 0; width:73px; height:295px; } .other_wines a.cabsauv:hover { background-position:0 -300px; } .other_wines a.active, .other_wines a.active:hover { background-position:0 -600px; color:#888888; } .other_wines a span { display:inline-block; margin-top:268px; } /* ------------------------------------ PAGE SPECIFIC: Our History ------------------------------------ */ /* ------------------------------------ PAGE SPECIFIC: Our Vineyards ------------------------------------ */ /* ------------------------------------ PAGE SPECIFIC: Our Process ------------------------------------ */ /* ------------------------------------ PAGE SPECIFIC: Health Benefits ------------------------------------ */ #health_benefits blockquote { padding:20px 60px; } /* ------------------------------------ PAGE SPECIFIC: Sustainability ------------------------------------ */ /* ------------------------------------ PAGE SPECIFIC: FAQ ------------------------------------ */ #faq h3 { margin-bottom:15px; font-size:24px; line-height:28px; font-family:'Nothing You Could Do', cursive; font-weight:bold; color:#5e9c06; } #faq .expandDiv { background:url(../images/btn/icn_plus.png) no-repeat 0 4px; padding:0 0 0 25px; } #faq .replaceDiv { background:url(../images/btn/icn_plus.png) no-repeat 0 -292px; padding:0 0 0 25px; } .answer_wrap { background:url(../images/bg/bg_faq_top.png) no-repeat top center; margin:0 0 25px 30px; padding-top:20px; width:560px; overflow:hidden; display:none; } .answer { background:url(../images/bg/bg_70percent.png) repeat top center; padding:0 25px; overflow:hidden; } .answer p { margin:5px 0; } .answer_bottom { background:url(../images/bg/bg_faq_bottom.png) no-repeat top center; width:560px; height:20px; } /* ------------------------------------ PAGE SPECIFIC: Occasions ------------------------------------ */ #occasions .note { background:url(../images/side/img_occasions.png) no-repeat 120px 0; margin:0 0 25px 30px; padding:125px 180px 80px 0; display:block; } /* ------------------------------------ PAGE SPECIFIC: Recipes & Cocktails ------------------------------------ */ #recipe_nav { margin:0 30px 20px 0; width:262px; float:left; } /* Sub-Nav for Recipes/Cocktails */ #recipe_list { margin:0 0 20px; padding:0; } #menu_header { background:url(../images/bg/bg_recipe_menu_top.png) no-repeat; margin:0; padding:8px 20px 7px 15px; width:232px; height:33px; font-family:'Raleway'; font-size:28px; font-weight:600; line-height:30px; color:#ffffff; } #menu_middle { background-color:#fef3ba; margin:0; padding:0; } #menu_middle .menu_wine span { display:block; padding:10px 20px 8px; } #menu_middle .menu_wine strong { color:#614e30; } #menu_middle { margin:0; padding:0 0 5px; list-style:none; } #menu_middle li { margin:0; border-top:1px solid #fffdf2; border-bottom:1px solid #d19800; } #menu_middle ul { margin:0; padding:0 0 15px 25px; list-style:none; } #menu_middle ul li { margin:0; border:none; } #menu_middle a { color:#d18000; font-size:11px; } #menu_middle li.last { border-bottom:none; } #menu_middle li.last ul { padding-bottom:5px!important; } #menu_bottom { background:url(../images/bg/bg_recipe_menu_bottom.png) no-repeat; margin:0; width:262px; height:15px; } #recipe_wrap { background:url(../images/bg/bg_recipes_top.png) no-repeat top center; padding-top:20px; width:640px; float:left; overflow:hidden; } #recipe_content { background:url(../images/bg/bg_40percent.png) repeat top center; padding:10px 25px; width:590px; float:left; overflow:hidden; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; } #recipes #recipe_content, #cocktails #recipe_content { padding:0 25px; } #recipe_content blockquote { background:url(../images/bg/bg_recipe_blockquote.png) no-repeat 0 20px; padding:26px 55px 26px 65px; } #recipe_content blockquote, #recipe_content blockquote strong { font-size:19px; line-height:28px; } #recipe_content blockquote { padding-left:58px; overflow:hidden; } #recipe_content .right_img { margin:5px 0 15px 15px !important; } #quote { background:url(../images/bg/bg_quote_marks.png) no-repeat 15px 5px; padding:10px 0 10px 120px; } #recipe_content .note { background:url(../images/img_graham_kerr.gif) no-repeat 0 10px; margin:-30px 15px 70px 20px; width:135px; height:220px; display:block; float:right; } #recipe_content .note span { display:none; } /* ------------------------------------ PAGE SPECIFIC: Recipe & Cocktails Detail Page ------------------------------------ */ #recipe_content h3 { margin-bottom:15px; font-size:24px;} #recipe_content h4 { font-size:18px; } #recipe_content h6 em { font-size:12px; color:#676767; font-weight:lighter; } #recipe_bottle { margin:0 0 25px 20px; width:140px; float:right; } #recipe_bottle img { margin-bottom:20px; width:130px; height:auto; display:block; } #recipe_bottle .wine_social { margin-top:20px; } #cocktail_image_peary {float:right; margin:0 20px 10px 0;} #cocktail_image_thai {float:right; margin: 0 20px 10px 10px;} #cocktail_image_cali {float:right; margin:0 30px 40px 0;} #cocktail_image_peach {float:right; margin:0 30px 40px 0;} div#nutWrap { background:#f2f5d2; margin:0 0 20px 0px; padding:10px 10px 15px; width:260px; -webkit-border-radius:12px; } table.nutrition { border-collapse:collapse; font-size:10px; } table.nutrition th { text-align:left; padding-bottom:5px; } table.nutrition td { padding:4px 2px 4px 6px; border-bottom:1px solid #d5d7bb; } table.nutrition tr.odd td { background:#e4e7c5; } .subnutItem { width:205px; font-weight:bold; } .nutWeight { width:40px; } /* ------------------------------------ PAGE SPECIFIC: Cocktails ------------------------------------ */ #cocktails #recipe_content blockquote { padding:30px 55px 30px 65px; } #cocktails #recipe_content blockquote, #cocktails #recipe_content blockquote strong { font-size:23px; line-height:30px; } /* ------------------------------------ PAGE SPECIFIC: Contact ------------------------------------ */ #contact_wrap { background:url(../images/bg/bg_contact_top.png) no-repeat top center; padding-top:20px; width:700px; overflow:hidden; float:right; } #contact_content { background:url(../images/bg/bg_40percent.png) repeat top center; padding:20px 25px; overflow:hidden; } .contact_img { margin:15px 30px 30px 35px; width:157px; height:355px; float:left; } #contact_content h2 { font-size:30px; line-height:36px; } #contact_content h3 { margin:0 0 20px; font-size:24px; line-height:36px; font-weight:normal; color:#e88005; } #contact_content form { background:url(../images/bg/bg_dots.gif) repeat-y 380px 0; margin:0 25px 18px 0; padding-right:15px; width:370px; float:left; } #contact_content fieldset { margin-bottom:10px; padding:0; } #contact_info { width:230px; float:left; } #contact_fb { background:url(../images/btn/logo_fb.gif) no-repeat top left; margin:10px 0; width:89px; height:18px; display:block; text-indent:-9999px; } #contact_tt { background:url(../images/btn/logo_tt.gif) no-repeat top left; width:86px; height:16px; display:block; text-indent:-9999px; } /* ------------------------------------ PAGE SPECIFIC: Mailing List ------------------------------------ */ #mailing_list #main_content { padding-bottom:10px; } #mailing_list_form { background:url(../images/bg/bg_faq_top.png) no-repeat; margin-bottom:0px; padding:20px 0 0; width:560px; } #mailing_list_form fieldset { background:url(../images/bg/bg_70percent.png) repeat top center; padding:5px 20px 10px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; } #mailing_list_form h3 { color:#5e9c06; } #mailing_list_form label { width:150px; } #mailing_list_form label.question { margin-right:15px; width:285px; } /* ------------------------------------ PAGE SPECIFIC: Login Form / Account / Account Create / Account Forgot Password ------------------------------------ */ #form_login, #form_forgot_password, #form_account div { background:url(../images/bg/bg_faq_top.png) no-repeat; margin-bottom:1em; padding:20px 0 0; width:560px; } #form_login fieldset, #account_form fieldset, #form_account fieldset, #form_account_create fieldset, #form_forgot_password fieldset { margin-bottom: 0; background:url(../images/bg/bg_70percent.png) repeat top center; padding:5px 20px 10px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom-left-radius:20px } #form_login h3, #account_form h3, #form_account h3, #form_account_create h3, #form_forgot_password h3 { margin:-10px 0 1em; font-size:18px; color:#006990; } #account_form h3 .copyFields, #form_account_create h3 .copyFields { font-size:16px; font-weight:normal; } #form_login .login, #form_forgot_password .submit, .forgot_pwd { margin-left: 70px; } #account_form div, #form_account_create div { background:url(../images/bg/bg_faq_top.png) no-repeat; margin-bottom:1em; padding:20px 0 0; width:560px; } #account_form fieldset, #form_account_create fieldset { margin-bottom: 2em; padding-top: 2em; } #account_form fieldset h3, #form_account_create fieldset h3 { margin-top: -30px; } .ie7 #account_form fieldset h3, .ie7 #form_account_create fieldset h3 { margin-top: 0px; } /* ------------------------------------ PAGE SPECIFIC: News & Awards ------------------------------------ */ #articles_and_links #left_content h3, #news_and_reviews #left_content h3, #awards #left_content h3 { margin-bottom:10px; color:#e88005; font-size:18px; } #articles_and_links #left_content ul, #news_and_reviews #left_content ul, #awards #left_content ul { margin:0 0 25px; padding:0; list-style:none; overflow:hidden; clear:both; } #articles_and_links #left_content li, #news_and_reviews #left_content li, #awards #left_content li { padding:4px 15px; line-height:20px; border-bottom:1px solid #e7e9a9; overflow:hidden; } #articles_and_links #left_content .date, #news_and_reviews #left_content .date, #awards #left_content .date { margin-right:15px; width:120px; display:block; float:left; } #articles_and_links #left_content li a, #news_and_reviews #left_content li a, #awards #left_content li a { width:420px; display:block; float:left; } /* ------------------------------------ PAGE SPECIFIC: Shipping Policy ------------------------------------ */ #shipping_policy blockquote { padding:20px 70px; } /* ------------------------------------ PAGE SPECIFIC: Where to Find Us ------------------------------------ */ #where_to_find_us #feature_links a { margin-left:0; } .visit_store { background:url(../images/btn/btn_online_store.png) no-repeat 0 0; width:154px; } .find_tasting_room { background:url(../images/btn/btn_find_tasting_room.png) no-repeat 0 0; width:180px; } /* ------------------------------------ PAGE SPECIFIC: Distributors ------------------------------------ */ #distributors .dist_list span { display:inline-block; width:100px; } #distributors h3 { margin-bottom: 6px; } /* ------------------------------------ PAGE SPECIFIC: Buy ARIEL (Store) ------------------------------------ */ #buy_ariel form h3 { margin:0 0 5px 1px; } .prod_list, .preorderInfo { margin:0 0 18px; padding:0; list-style:none; } .prod_list li { padding:3px 0; overflow:hidden; border-bottom:1px solid #d5d7ab; } .prod_list li span { display:block; float:left; } .prod_list li div { float: left; width: 370px; margin-right: 10px;} .prod_list li.cart_update_row { margin:15px 0; border-bottom:none; overflow:hidden; } .prod_list li.cart_update_row .btn_update { float:right; } .prod_list li.oddRow { background-color:#f3f3f3; } .wImage { margin: 0.7em 20px 0 0; width: 40px; } .wImage img { margin: 0px auto 0; } .wName { margin-right:10px; padding:6px 0 0 0px; width:350px; } .wName a { margin-right:10px; float:left; display:block; } .icn_new { background:url(../images/icons/icn_new.png) no-repeat; width:41px; height:18px; float:left; display:block; } .wName em { color:#550201; } .wDescrip { margin-bottom:10px; font-size:11px; line-height:14px; overflow:hidden; } .wPrice, .wClubP, .wTotal { margin-right:20px; padding:6px 0 0 10px; width:60px; text-align:right; } .regularPrice, .salePrice { display:block; width:85px; } .wQty { width:55px; text-align:center; } .wQty input.product { margin-left:0px; text-align:center; width:40px; padding:5px; } .wQty .sold_out { color:#cc0000; font-weight:bold; line-height:30px; } li.headerRow { background:url(../images/bg/bg_dots.gif) repeat-x bottom center; padding-bottom:10px; font-size:11px; font-weight:bold; color:#e88005; border-bottom:none; } li.headerRow .wName { padding:0 0 0 60px; } li.headerRow .wPrice, li.headerRow .wClubP, li.headerRow .wTotal { padding:0 0 0 10px; } li.headerRow .wQty { text-align:center; padding:0; } #buy_ariel #right_content { margin-top: 106px; } #buy_ariel #right_content h3 { background:url(../images/bg/bg_dots.gif) repeat-x bottom center; padding-bottom:10px; } .preorderInfo { font-size:12px; } .preorderInfo li { padding:5px 0; overflow:hidden; } .preorderInfo .label { padding-top:2px; width:100px; display:block; float:left; } .preorderInfo li input.textInput { width:150px; margin-top:-5px; } .gtotal { font-weight:bold; font-size:1.2em; color:#990000; } #grandTotal { font-size:15px; } .btn_continue { width:92px; height:32px; } /* IE7 Fix */ .ie7 .prod_list li .wName, .ie7 .prod_list li .wDescrip { float: none; } .ie7 .prod_list li.headerRow .wName, .ie7 .prod_list li.headerRow .wDescrip { float: left; } /* ------------------------------------ PAGE SPECIFIC: Checkout (Store) ------------------------------------ */ #checkout #left_content h3 { margin-bottom:10px; } #checkout #right_content { width:265px; } .checkoutSummary { float:right; } .checkoutInfo { width:250px; list-style:none; } .checkoutInfo li { padding:2px 0; overflow:hidden; } .checkoutInfo .label { padding-top:2px; width:160px; display:block; float:left; } .checkoutInfo .label em { color:#006990; } .checkoutInfo #subtotal, .checkoutInfo #discount, .checkoutInfo #tax, .checkoutInfo #shipping, .checkoutInfo #grandTotal { margin-right:20px; float:right; } #checkout .wName { padding-left: 10px; width: 425px; } #checkout .wQty { padding-top: 6px; } #checkout .wPrice { margin-right: 0; } #checkout li.headerRow .wPrice { padding-top: 6px; } #checkout legend .copyFields { font-size:16px; font-weight:normal; } #checkout label, #my_account label, #create_account label { width:130px; } #checkout fieldset { padding:0; clear:both; } .flbox { padding-top:8px; float:left; display:block; } /* Float Spans that wrap text and other form elements */ /* ------------------------------------ PAGE SPECIFIC: Account ------------------------------------ */ #my_account #left_content h3 { margin-bottom:10px; } /* ------------------------------------ PAGE SPECIFIC: Account Orders ------------------------------------ */ #receipt_table { width:100%; border-collapse:collapse; } #receipt_table th { background:url(../images/bg/bg_dots.gif) repeat-x bottom center; padding-bottom:10px; font-size:11px; font-weight:bold; color:#e88005; } #receipt_table td { padding-top:3px; padding-bottom:3px; border-bottom:1px #d5d7ab solid; } .order_num { width:221px; text-align:left; } .order_date { padding-right:10px; width:80px; text-align:left; } .order_total { padding-right:20px; width:80px; text-align:right; } .order_stat { width:100px; text-align:left; } #acct_nav { margin:0 0 18px; padding:0; list-style:none; float:right; } #acct_nav a { background-repeat:no-repeat; margin:0 0 10px; display:block; font-size:22px; color:#fff; width:300px; height:50px; text-indent:-9999px; } .side_account a { background:url(../images/side/side_myacct.gif); } .side_orders a { background:url(../images/side/side_orders.gif); } .side_logout a { background:url(../images/side/side_logout.gif); } /* ------------------------------------ PAGE SPECIFIC: Order Reciept ------------------------------------ */ #addresses { list-style-type: none; margin: 0 0 1.5em; padding: 0; } #addresses li { float: left; margin-right: 40px; border-right: 1px solid #D5D7AB; width: 250px; } #addresses li.last { border: none; margin-right: 0; } #addresses h5, #addresses h6 { font-size: 1em; font-style: normal;font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; color: #000;} #addresses address { margin-bottom: 0.5em; font-style: normal; } #addresses li ul { list-style-type: none; padding: 0; } #addresses li ul li { border: none; } .listing_order { list-style-type: none; margin:0 0 1em; padding: 0px; } .listing_order li { border-bottom: 1px solid #D5D7AB; padding-bottom: 6px; } .listing_order li.headerRow { border-bottom: none; } .listing_order span { display: block; float: left; } #account_receipt .wName { padding-left: 10px; padding-top: 6px; width: 430px; display: block; } #account_receipt .wQty { padding-top: 6px; } #account_receipt .wPrice { margin-right: 0; text-align: right; padding-top: 6px;} .purchase_details { float: right; text-align: right; width: 200px; } .purchase_details dt, .purchase_details dd { padding: 4px 15px 4px 0px; } .purchase_details dt { width: 100px; float: left; clear: left; } .purchase_details .total { color: #8B8E1B; border-top: 1px dotted #D5D7AB; font-size: 1.2em; } .noteInfo { padding:15px 0 30px; width:300px; } .noteInfo h3 { margin-bottom:10px; } /*clearfix*/ .listing_order li:before, .listing_order li:after, #addresses:before, #addresses:after { content: ""; display: table; } .listing_order li:after, #addresses:after { clear: both; } .listing_order li, #addresses { zoom: 1; } /* ------------------------------------ FORMS ------------------------------------ */ form { margin-bottom:18px; } fieldset { margin:0 0 25px; padding:20px 20px 10px; border:0; } legend { margin:0 0 10px; padding:10px 0 10px; font-size:24px; color:#e88005; font-weight:bold; } label { padding:8px 0; width:70px; float:left; font-weight:bold; } p.formField { margin-bottom:10px; padding:0; overflow:hidden; } p.last { margin-bottom:25px; } ul.formField { margin:0 0 5px; padding:8px 5px; list-style:none; } input.textInput, textarea.textInput, select.textInput { margin:0; padding:8px 10px; border:2px solid #e9ebb9; font:12px 'Lucida Grande', Arial, Helvetica, sans-serif; float:left;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; } select.textInput { margin:3px 0; } input.textInput { width:200px; } textarea.textInput { width:250px; } input.short { width:60px; } input.submit { width:80px; height:32px; } .instructions { margin-left:10px; font-style:italic; color:#bbbbbb; } input:focus { outline:0; border-color: #BCBF75; } .field_error input, .field_error textarea, .field_error select { border-color:#ff0000; } /* ------------------------------------ SYSTEM MESSAGES ------------------------------------ */ .msg_error p, .msg_success p { margin-bottom:0; } .msg_error { background:url(../images/btn/sign_warning.gif) no-repeat 15px 15px; background-color:#fad2ba; border-left:3px solid #dfb196; padding:15px 15px 15px 40px; margin-bottom:20px; overflow:hidden; color:#9a2004; font-weight:bold; font-size:13px; } .msg_success { background:url(../images/btn/sign_success.gif) no-repeat 15px 16px; background-color:#d8f7bc; border-left:3px solid #bbdb9e; padding:15px 15px 15px 40px; margin-bottom:20px; overflow:hidden; color:#426820; font-weight:bold; font-size:13px; } /* ------------------------------------ FOOTER ------------------------------------ */ #footer { background:url(../images/bg/bg_dots.gif) repeat-x top center; margin:0 auto; padding: 15px 40px 50px; width:auto; min-width: 960px; color:#8b8e1b; overflow:hidden; } #footer strong { color:#6f7115; } #footer p { margin-bottom:10px; } #copyright { padding-top:12px; width:300px; float:left; } #copyright img { margin-bottom:5px; } #copyright a { color:#6f7115; text-decoration:underline; } #copyright a:hover { text-decoration:none; } #mailing_signup { background:url(../images/footer/ft_envelope.png) no-repeat 0 10px; margin-left:190px; padding:10px 0 15px 50px; width:200px; float:left; } .btn_signup a { background:url(../images/footer/ft_signUp.png) no-repeat top left; width:91px; height:24px; display:block; text-indent:-9999px; } #ft_nav { background:url(../images/footer/ft_bracket.png) no-repeat 0 3px; margin:0; padding: 10px 20px 10px 30px; list-style:none; float:right; } #ft_nav li { margin:0; padding:0; } #ft_nav li a { color:#e88005; } /* ------------------------------------ WINE DIRECT ------------------------------------ */ .v65-widgetModalCart { width: 400px; padding: 0 10px; height: 32px; background: #ccc; position: relative; z-index: 999; } .v65-widgetModalCart-status { line-height: 32px; height: 32px; padding-left:6px; } .v65-widgetModalCart-status a { text-decoration: none; color: #000; } .v65-widgetModalCart-itemCount { font-weight: bold; text-decoration: none; } .v65-widgetModalCart-subTotal { font-weight: bold; text-decoration: none; } .v65-widgetModalCart-dropdown { display: none; background: #fff; border: 1px solid #999; border-top: 0; padding: 10px; position: absolute; top: 32px; left: 10px; } .v65-widgetModalCart-closeButton { text-align: right; margin-bottom: 1em; } .v65-widgetModalCart-closeButton a { display: inline-block; line-height: 18px; height: 18px; padding: 0 10px; background: #ccc; border-radius: 4px; text-decoration: none; color: #333; } .v65-widgetModalCart-closeButton a:hover { display: inline-block; line-height: 18px; height: 18px; padding: 0 10px; background: #ddd; border-radius: 4px; text-decoration: none; color: #444; } .v65-widgetModalCart-itemMessage { } .v65-widgetModalCart-itemSummary { margin-bottom: 1em; width: 370px; } .v65-widgetModalCart-itemSummaryHeader { border-bottom: 1px solid #999; font-weight: bold; line-height: 24px; height: 24px; } .v65-widgetModalCart-items { border-bottom: 1px solid #999; padding:4px 0; } .v65-widgetModalCart-itemSummaryQuantity { float: left; width: 30px; text-align: center; } .v65-widgetModalCart-itemSummaryItem { float: left; width: 50px; text-align: center; } .v65-widgetModalCart-itemSummaryDescription { float: left; width: 150px; } .v65-widgetModalCart-itemSummaryPrice { float: left; width: 70px; text-align: right; } .v65-widgetModalCart-itemSummaryTotal { float: left; width: 70px; text-align: right; } .v65-widgetModalCart-itemSummarySubTotal { background: #eee; width: 370px; line-height: 24px; height: 24px; } .v65-widgetModalCart-itemSummarySubTotalLabel { float: left; width: 300px; text-align: right; } .v65-widgetModalCart-itemSummarySubTotalValue { float: left; width: 70px; font-weight: bold; text-align: right; } .v65-widgetModalCart-itemMessageBottom { margin-bottom: 1em; } .v65-widgetModalCart-BottomButtons { text-align: right; margin-bottom: 1em; } .v65-widgetModalCart-viewCartButton { display: inline-block; margin-right: 5px; } .v65-widgetModalCart-viewCartButton a { display: inline-block; line-height: 18px; height: 18px; text-decoration: none; } .v65-widgetModalCart-viewCartButton a:hover { display: inline-block; line-height: 18px; height: 18px; text-decoration: none; } .v65-widgetModalCart-checkOutButton { display: inline-block; } .v65-widgetModalCart-checkOutButton a { display: inline-block; line-height: 18px; height: 18px; text-decoration: none; } .v65-widgetModalCart-checkOutButton a:hover { display: inline-block; line-height: 18px; height: 18px; text-decoration: none; } /* clearing */ .group:before,.group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }