/*///////// PAGES //////////*/ /* Global */ .page-title { color: #343434; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.6em; line-height: 1.2em; margin-bottom: 0.5em; border-top: 1px solid #D8D8D8; padding-top: 0.5em; } .landing .more a, .list .more a { padding-right: 10px; background: url('/media/themes/decanter/moreBg.png') right 0.6em no-repeat; } /* Landing */ .landing {} .landing .action { text-align: right; font-weight: bold; border-top: #D8D8D8 1px solid; padding-top: 0.5em; } /* List */ .list { } .list .introduction { margin-bottom: 1em; } /* Items */ .list .item { margin-bottom: 1em; } .list .item h1, .list .item h2, .list .item h3, .list .item h4, .list .item h5, .list .item h6, .list .item p { margin-bottom: 0.3em; } /* Selected */ .selected { border-top: 1px solid #D8D8D8; padding-top: 1em; } /* Intro */ .selected .headline { color: #343434; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.6em; line-height: 1.2em; margin-bottom: 0.5em; } .selected .info, .selected .post-info { margin-bottom: 1em; } .selected .date { font-weight: bold; } .selected .byline { } .selected .commentsLink { } .selected .media { } .selected .date {} .selected .post-date { font-size: 1.2em; } .selected .teaser { clear: both; margin-bottom: 1em; } /* Images */ .selected #selectedImage { text-align: center; } .selected .other-images img { margin-top: 0.3em; } /* Body */ .selected .body {} .selected .body h2 { font-size: 1.8em; margin-bottom: 1em; } .selected .body h3 { font-size: 1.6em; margin-bottom: 1em; } .selected .body h4 { font-size: 1.4em; margin-bottom: 1em; } .selected .body p, .selected .body ul, .selected .body ol, .selected .body blockquote { margin-bottom: 1.5em; } .selected .body ul { list-style-type: disc; list-style-position: inside; } .selected .body ol { list-style-type: decimal; list-style-position: inside; } .selected .body a { text-decoration: underline; } .selected .body blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } /* Pagination */ .selected .childArticles { margin-bottom: 1em; } .selected .childArticles h2 { font-size: 1.4em; } .selected .childArticles .nextPrev { text-align: right; } /* Related articles title */ .contentFooter .related .title { font-size: 1.6em;} /* Specials */ .specials #page-nav { display: none; } .specials .selected { margin-top: 0; border: none; } /* Modular */ /* Global */ .landing .more, .list .more { float: right; } /* Glossary */ .glossary .list { } .glossary .list .item { } .glossary .list .item .copy { padding-left: 30px; } .glossary .pagination li { height: 35px; } /* FAQ */ .faq .list .headline { color: #B40034; } .faq .list .accordion-content { padding-left: 22px; } /* Galleries */ /* Selected */ .galleries #content .item { text-align: center; } /* Sildeshow */ .galleries .img { margin-bottom: 1em; border: 1px solid #CCC; } .galleries .img #selectedImage { width: auto; padding: 10px; } .galleries .img .description { display: block; background: #f5f5f5; padding: 5px; margin-bottom: 0 !important; text-align: left; } .galleries .thumb-strip .previous { float: left; display: block; width: 50px; height: 80px;} .galleries .thumb-strip .previous a { display: block; width: 50px; height: 80px; background: url('/media/themes/decanter/previousLarge.png') top left no-repeat; } .galleries .thumb-strip .next { float: right; width: 50px; height: 100px; } .galleries .thumb-strip .next a { display: block; width: 50px; height: 100px; background: url('/media/themes/decanter/nextLarge.png') top left no-repeat; } .galleries .thumb-strip .previous span, .galleries .thumb-strip .next span { display: block; text-indent: -4000px; } .galleries .thumb-strip .slideshow-thumbnail { float: left; margin-left: 10px; display: inline-block; width: 85px; height: 100px; text-align: center; } .galleries .galleryNav { margin: 1.5em 0 0.5em 0; color: #666; } .galleries .viewNav { float: left; } .galleries .prevNext { float: right; } .galleries .prevNext .prev { background: transparent url('/media/themes/decanter/prev.png') 0% 50% no-repeat; padding-left: 10px; } .galleries .prevNext .next { background: transparent url('/media/themes/decanter/next.png') 100% 50% no-repeat; padding-right: 10px; } /* Ajax galleries */ /* TODO comment */ html .wineLabels #slideshow #content h1 { margin: 16px 0 30px 0; } html .wineLabels .contentExtra { display: none; } html .wineLabels .contentFooter { width: auto; } html .wineLabels .contentFooter #comments { background-color: #fff; border: none; } html .wineLabels .contentFooter #comments { background-color: #fff; border: none; } #ajaxGallery { height: 420px; } #slideshow #twitter-button { margin: 16px 0 0 0; width: 80px; float: left; } #ajaxGallery .previous { float: left; display: block; width: 50px; height: 160px; margin-top: 70px;} #ajaxGallery .previous a { display: block; width: 50px; height: 80px; background: url('/media/themes/decanter/previousLarge.png') top left no-repeat; text-indent: -4000px; } #ajaxGallery .next { display: block; float: right; width: 50px; height: 160px; margin-top: 70px; } #ajaxGallery .next a { display: block; width: 50px; height: 100px; background: url('/media/themes/decanter/nextLarge.png') top left no-repeat; text-indent: -4000px; } #ajaxGalleryMainImage { width: 500px; float: left; border: none; } #ajaxGalleryMainImage #selectedImage { text-align: center; float: left; padding: 0; width: 180px; border: none; margin-bottom: 8px; } #ajaxGalleryMainImage #imageCount { float: left; padding: 0; width: 180px; border: none; text-align: center; clear: both; } #ajaxGalleryMainImage #description { width: 300px; padding: 0; float: left; background: none; margin: 75px 0 0 8px; } #ajaxGalleryMainImage p { width: 300px; padding: 0; float: left; background: none; } /* Magazine */ /* Selected */ .magazine .selected .media { float: left; margin: 0 0.5em 0.5em 0; } /* Competitions */ /* Selected */ .competitions .form_error { color: #C50031; margin-left: 165px; margin-bottom: 0.4em; } .competitions .selected h2 { border-top: dotted 1px #CCD3E6; margin: 1em 0 0.5em 0; padding-top: 1em; } .competitions .selected .teaser { font-weight: normal; } .competitions .selected .body .terms {} .competitions .selected .body .terms fieldset { padding: 5px; } .competitions .selected .body .terms p { margin-bottom: 0.2em; } .competitions .selected .body .terms ul { list-style: none; } .competitions .selected .body .terms li { line-height: 1.8em; } .competitions .selected .body .terms input { float: left; clear: left; } .competitions .selected .body .check-list { list-style: none; } .competitions .selected .body .terms #termsStandard p { width: 95%; border: 1px solid #CCC; padding: 5px; overflow-y: scroll; display: block; height: 130px; } .competitions #details label { width: 160px; text-align: right; display: inline-block; padding-right: 5px; } .competitions .selected #details #country { width: 230px; } .competitions .selected #details #home_phone_code { width: 70px; } /* Shopping Mall */ /* List */ .shopdirectory #body ul.shopDirectory { display: block; border-top: 1px solid #CCC; padding: 1em 0; } .shopdirectory #body ul.shopDirectory li { font-size: 2.6em; color: #343434; font-family: Georgia, "Times New Roman", Times, serif; } .shopdirectory #body ul.shopDirectory li a { color: #343434; } .shopdirectory #body ul.shopDirectory li ul { margin-top: 0.5em; } .shopdirectory #body ul.shopDirectory li ul li { font-size: 0.5em; margin-bottom: 0.3em; padding-left: 10px; background: transparent url('/media/themes/decanter/bullet.png') no-repeat scroll left 0.6em; } .shopdirectory #body ul.shopDirectory li ul li a { color: #B40034; } .shopdirectory #body .list .item .thumb { float: right; margin: 0 0 0.5em 0.5em; } .shopdirectory #body .list .item .more span { font-weight: bold; } /* Pages */ /* Home Page */ .siteHome #content { border: none; padding-top: 0; margin-top: 0; } a.archive { font-family: Georgia, "Times New Roman", Times, serif; color: #343434; } /* Blogs List */ .list .post-date { font-size: 1.2em; } /* Search List */ .Search2 #main h2 { font-size: 1.3em; } /* Competition List */ /* Contact Selected */ #contact { } #contact label { width: 120px; display: block; float: left; text-align: right; margin-right: 5px; } #contact textarea { width: 300px; height: 250px; overflow-y: scroll ; } /* Microsites */ .microsite #mainHeader { margin-bottom: 1em; } .microsite #main .branding .navigation { padding-bottom: 0; } .microsite #main .branding .navigation ul { padding-bottom: 0; } /* DWWA */ .dwwa #dwwaSocialLinks a { display: block; font-size: 14px; color: #000; float: left; margin: 0 5px 0 0; } .dwwa #dwwaSocialLinks img { display: block; float: left; margin: 0 15px 0 0; } /* Text Styles */ /* Links */ .dwwa #mainBody a { color: #B40034; font-weight: bold; } .dwwa #mainBody .title a { color: #fff; } .dwwa #mainBody #page-nav .trail li:last-child, #mainBody #page-nav .trail li:last-child a { color: #919191; } .dwwa #body .textIndent125 .teaser, .dwwa #body .textIndent125 .headline, .dwwa #body .textIndent125 .title { margin-left: 125px; } .dwwa #body .dwwaIsland .title { font-family: Georgia,Times,sans-serif; font-size: 26px; font-weight: normal; background: url("/media/themes/decanter/dwwa/dwwa-title-background.png") no-repeat scroll left bottom transparent; margin: 0 0 12px 0; padding: 0 0 0 10px; } /* Slideshow */ #dwwa-slideshow { position: relative; width: 370px; float: left; margin: 0 10px 0 0; } #dwwa-quicklinks { float: left; background: url('/media/themes/decanter/dwwa/dwwa-quicklinks-background.png') no-repeat; width: 211px; height: 236px; padding: 10px; } #dwwa-quicklinks h3 { font-family: Georgia; } /* IE6 Hack: sorry for this hacky behaviour for padding */ *html #dwwa-quicklinks .item { padding: 0; } #body #dwwa-quicklinks .title { margin: 0; font-size: 16px; margin-bottom: 10px; } #body #dwwa-quicklinks h3 { padding-left: 18px; background: url('/media/themes/decanter/dwwa/dwwa-quicklinks-bullet.png') no-repeat left top; line-height: 25px; } .dwwa .slideShowWrapper { position: relative; } .dwwa .slideShowContainer { background: no-repeat center; height: 260px; margin-bottom: 10px; position: relative; cursor: pointer; } .dwwa .slideShowImageContainer { position:absolute } .dwwa .slideShowPager { width: 100px; position: absolute; top: 225px; right: 3px; background: url('/media/themes/decanter/dwwa/fade-white.png') repeat; height: 20px;} .dwwa .slideShowPager label { color: #000; float: left; margin: 0.1em 5px 0; font-size: 1.2em; } .dwwa .slideShowContainer a.active { text-decoration: underline; } .dwwa .slideShowSubContainer { position: absolute; top: 20px; width: 305px; color: #FFFFFF; height: 130px; } .dwwa .slideShowSubContainer h2 { padding: 10px 5px 5px 5px; font-size: 2.2em; } .dwwa .slideShowSubContainer .slideShowHeadline, .slideShowSubContainer .slideShowTeaser { margin: 8px; } .dwwa .slideShowSubContainer .slideShowHeadline { margin-bottom: 0; } .dwwa .slideShowSubContainer .slideShowTeaser { margin-top: 0; } .dwwa .slideShowSubContainer .item { padding: 5px; background: url('/media/themes/decanter/dwwa/fade-white.png') repeat; height: 170px; } .dwwa .slideShowItem.item { overflow: visible; padding: 5px; margin: 0; height: 170px;} .dwwa .slideShowHeadline { font-size: 2em; } .dwwa .slideShowHeadline a { color: #B8C768; } .dwwa .slideShowPager ol li { float: left; padding: 0 2px; text-align: center; color: #b83357; display: inline; cursor: pointer; } .dwwa .slideShowPager ol li.active { text-decoration: underline; color: #000; } .dwwa .slideShowItem { width: 305px; height: 170px; } .dwwa .slideShowHeadline { font-family: Georgia; } .dwwa .slideShowTeaser { color: #000; } /* Pod styles */ .dwwa .clearImages .headline, .dwwa .clearImages .teaser { clear: both; } .dwwa .dwwaIsland { padding: 1em 0; margin-bottom: 1em; background: url('/media/themes/decanter/enprimeur.hr.png') bottom left no-repeat; } .dwwa .dwwaIsland .grid1 .itemWrap .item { padding: 0.2em 0; margin: 0; } /* Opacity Promo */ .dwwa .opacityPromoWrapper { position: relative; margin-bottom: 1em; padding-bottom: 1.2em; } .dwwa .opacityPromoOpacity { padding: 0; position: absolute; top: -75px; height: 75px; width: 303px; background: url('/media/themes/decanter/dwwa/fade-white.png') repeat; } .dwwa .opacityPromoOpacity .headline a { color: #B8C768 } .dwwa .opacityPromoOpacity .headline { margin: 8px; margin-bottom: 0; font-size: 1.7em; } .dwwa .opacityPromoOpacity .teaser { margin: 8px; margin-top: 0; color: #000; } /* Right Hand Column */ .dwwa .enprimeurRightIsland { margin-bottom: 0.8em; } .dwwa .enprimeurRightIsland .items .wrapper { padding: 1em; padding-bottom: 0; } .dwwa .enprimeurRightIsland .items .bulkmailSignUp { padding: 1em; padding-top: 0; } .dwwa .enprimeurRoundedIsland { margin-bottom: 0.8em; border: 2px solid #ccc; background-color: #f5f5f5; } .dwwa .enprimeurRoundedIsland .items { padding: 1em; } .dwwa .enprimeurRoundedIsland .items .wrapper .items { padding: 0; } .dwwa .enprimeurRoundedIsland .items .title { font-family: Georgia, Times, serif; font-size: 1.5em; font-weight: normal; padding-bottom: 0.5em; } .dwwa #footer { clear: both; } .dwwa #footer .footerNav { width: 60%; } .dwwa #footer .navLegal, #footer .navLegal a, .dwwa #footer .navLegal p { font-size: 12px; } /* En Primeur */ /******** WARNING *********? Layout for the enprimeur microsite is very hacky in the IE6 department - this needs further work before features are rolled out accross the rest of the site. /* Text Styles */ .enprimeur #body .textIndent125 .teaser, .enprimeur #body .textIndent125 .headline, .enprimeur #body .textIndent125 .title { margin-left: 125px; } .enprimeur #body .enprimeurIsland .title { font-family: Georgia,Times,sans-serif; font-size: 2.53em; font-weight: normal; background: url('/media/themes/decanter/enprimeur.separator.png') bottom left no-repeat; padding-bottom: 0.2em; margin-bottom: 0.75em;} .enprimeur .slideShowSubContainer .slideShowHeadline, .enprimeur .opacityPromoOpacity .headline { font-family: Georgia, Times, serif; font-weight: normal; } .enprimeur .enprimeurData .headline { font-family: Georgia, Times, serif; font-weight: normal; } .enprimeur .enprimeurData { margin-bottom: 1em; } /* Header Social Buttons */ .enprimeur #enprimeurHeaderSocialWrapper { position: relative; } .enprimeur #enprimeurHeaderSocialHeader { position: absolute; top: -40px; width: 260px; height: 40px; background: #fff;} .enprimeur #enprimeurHeaderSocialHeader .title { font-size: 1.4em; line-height: 2.3em; display: inline; } .enprimeur #enprimeurHeaderSocialImages { position: absolute; top: -38px; width: 260px; left: 173px; } .enprimeur #enprimeurHeaderSocialImages img { margin: 0 0.4em; } /* Newsletter Sign Up */ .enprimeur #body .enprimeurRightIsland .title { font-family: Georgia, Times, serif; font-weight: normal; font-size: 1.8em; } .enprimeur #body .enprimeurRightIsland p { font-size: 1.3em; } /* Slideshow */ .enprimeur .slideShowWrapper { position: relative; } .enprimeur .slideShowContainer { background: no-repeat center; height: 260px; margin-bottom: 10px; position: relative; width: 620px; cursor: pointer; } .enprimeur .slideShowImageContainer { position:absolute } .enprimeur .slideShowPager { width: 100px; position: absolute; top: 225px; right: 3px; background: url('/media/themes/decanter/fade-black.png') repeat; height: 20px;} .enprimeur .slideShowPager label { color: #eeeeee; float: left; margin: 0.1em 5px 0; font-size: 1.2em; } .enprimeur .slideShowContainer a.active { text-decoration: underline; } .enprimeur .slideShowSubContainer { position: absolute; top: 20px; width: 305px; color: #FFFFFF; height: 170px; } .enprimeur .slideShowSubContainer h2 { padding: 10px 5px 5px 5px; font-size: 2.2em; } .enprimeur .slideShowSubContainer .slideShowHeadline, .enprimeur .slideShowSubContainer .slideShowTeaser { margin: 8px; } .enprimeur .slideShowSubContainer .slideShowHeadline { margin-bottom: 0; } .enprimeur .slideShowSubContainer .slideShowTeaser { margin-top: 0; } .enprimeur .slideShowSubContainer .item { padding: 5px; background: url('/media/themes/decanter/fade-black.png') repeat; height: 170px; } .enprimeur .slideShowItem.item { overflow: visible; padding: 5px; margin: 0; height: 170px;} .enprimeur .slideShowHeadline { font-size: 2em; } .enprimeur .slideShowHeadline a { color: #B8C768; } .enprimeur .slideShowPager ol li { float: left; padding: 0 2px; text-align: center; color: #FFFFCC; display: inline; cursor: pointer; } .enprimeur .slideShowHeadline li:hover { color: #FFFFCC; } .enprimeur .slideShowPager ol li.active { text-decoration: underline; } .enprimeur .slideShowItem { width: 305px; height: 170px; } /* Pod styles */ .enprimeur .clearImages .headline, .enprimeur .clearImages .teaser { clear: both; } .enprimeur .enprimeurIsland { padding: 1em 0; margin-bottom: 1em; background: url('/media/themes/decanter/enprimeur.hr.png') bottom left no-repeat; } .enprimeur .enprimeurIsland .grid1 .itemWrap .item { padding: 0.2em 0; margin: 0; } /* Data table */ .enprimeur #content .datatable { margin-bottom: 1em; } .enprimeur #content .datatable table { font-size: 0.9em;} .enprimeur #content .datatable table { margin: 0; padding: 0; } /* Opacity Promo */ .enprimeur .opacityPromoWrapper { position: relative; margin-bottom: 1em; padding-bottom: 1.2em; } .enprimeur .opacityPromoOpacity { padding: 0; position: absolute; top: -75px; height: 75px; width: 303px; background: url('/media/themes/decanter/fade-black.png') repeat; } .enprimeur .opacityPromoOpacity .headline a { color: #B8C768 } .enprimeur .opacityPromoOpacity .headline { margin: 8px; margin-bottom: 0; font-size: 1.7em; } .enprimeur .opacityPromoOpacity .teaser { margin: 8px; margin-top: 0; color: #ffffff; } /* Right Hand Column */ .enprimeur .enprimeurRightIsland { margin-bottom: 0.8em; } .enprimeur .enprimeurRightIsland .items .wrapper { padding: 1em; padding-bottom: 0; } .enprimeur .enprimeurRightIsland .items .bulkmailSignUp { padding: 1em; padding-top: 0; } .enprimeur .enprimeurRoundedIsland { margin-bottom: 0.8em; border: 2px solid #ccc; background-color: #f5f5f5; } .enprimeur .enprimeurRoundedIsland .items { padding: 1em; } .enprimeur .enprimeurRoundedIsland .items .wrapper .items { padding: 0; } .enprimeur .enprimeurRoundedIsland .items .title { font-family: Georgia, Times, serif; font-size: 1.5em; font-weight: normal; padding-bottom: 0.5em; } /* Bulk Mail Sign Up */ .enprimeur #bulkmailSignUp { } /* Enprimeur - Chinese Microsite */ .chinese-microsite .commentsLink{ display: none; } .enprimeur-middle{ padding-top: 15px; } /* .enprimeur-quicklinks { float: left; background: url('/media/themes/decanter/enprimeur-quicklinks-bg.png') no-repeat; width: 286px; height: 236px; padding: 10px; }*/ .enprimeur-quicklinks { background: #f5f5f5; width: 280px; padding: 10px; border: 2px solid #ccc; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ border-radius: 5px; /* CSS3 */ } .enprimeur-quicklinks h3 { font-family: Georgia; } #body .enprimeur-quicklinks .title { margin: 0; font-size: 16px; margin-bottom: 10px; } #body .enprimeur-quicklinks h3 { padding-left: 18px; background: url('/media/themes/decanter/dwwa/dwwa-quicklinks-bullet.png') no-repeat left top; line-height: 25px; } .share-social-chinese #print-button1.rhsShare{ left: 0; top: 35px; } .enprimeur #enprimeurScoresDatatable th { padding: 2px; } /******* Home page ********/ /* Slideshow */ .main-homepage #slideshow-gm-home { width: 100%; clear: both; margin-bottom: 10px; } .main-homepage .slideShowWrapper{ position: relative; height: 350px; width: 622px; position: relative; overflow: hidden; } .main-homepage .slideShowPager{ display: none; } .main-homepage .slideShowContainer { background-repeat: no-repeat !important; background-position: center !important; background-color: black !important; -moz-background-size: cover !important; background-size: cover !important; height: 350px; width: 622px; overflow: hidden; } .main-homepage .slideShowSubContainer { position: absolute; left: 0; top: 20px; width: 275px; height: 146px !important; padding: 14px; border: none; background-color: black; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color: #FFF; margin: 0; } .main-homepage .slideContent{ height: 131px; overflow: hidden; } .main-homepage .slideShowItem { position: relative; width: 100%; height: 95px; margin: 0; padding: 0; overflow: visible; } .main-homepage .slideShowSubContainer h3 a, .main-homepage .slideShowSubContainer h3 a:link, .main-homepage .slideShowSubContainer h3 a:hover, .main-homepage .slideShowSubContainer h3 a:visited { text-decoration: none; font-size: 1em; color: white; font-weight: bold; } .main-homepage .slideShowSubContainer h3 { position: relative; margin-bottom: 10px; font-size: 18px; } .main-homepage .slideShowSubContainer p { position: relative; margin: 0 0 10px 0; font-size: 13px; } .main-homepage .slideShowSubContainer p.readMore{ text-align: right; } .main-homepage .slideShowSubContainer p.readMore a{ color: #fff; } .main-homepage .slideShowSubContainer p.readMore a span{ font-size: 0.7em; } .main-homepage ul.slideShowSideList { height: 74px; width: 622px; position: absolute; z-index: 100; left: 0; bottom: 0; overflow: hidden; } .main-homepage ul.slideShowSideList li { margin: 0; height: 72px; float: left; } .main-homepage ul.slideShowSideList li a { color: #fff !important; padding: 8px; font-size: 13px; font-weight: normal; line-height: 1.3em; text-decoration: none; display: block; border-top: 2px solid #fff; border-left: 0px solid #fff; border-right: 2px solid #fff; background-color: #860c2f; height: 72px; width: 138px; } .main-homepage ul.slideShowSideList li.last a{ border-right: 0 !important; } .main-homepage ul.slideShowSideList li a:visited, ul.slideShowSideList li a:link { color: #fff; } .main-homepage ul.slideShowSideList li a:hover {background-color: #a20b37;} .main-homepage ul.slideShowSideList li a.active, ul.slideShowSideList li a.active:hover { background-color: black; border-top: 0; background-color: black; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; padding-top: 10px; width: 138px; margin-top: 0px; } .main-homepage .slideShowHeadline a { font-size: 1em; color: #fff; text-decoration: none; font-weight: bold; } .main-homepage a.homeNewsLink, .main-homepage a.homeNewsLink:hover, .main-homepage a.homeNewsLink:link, .main-homepage a.homeNewsLink:visited { color: #4591B5; display: block; font-weight: bold; text-decoration: none; margin-top: 10px; font-size: 1.4em; text-align: right; margin-bottom: 10px; } /* Latest news */ .main-homepage .latestNews{ margin-right: 0 !important; background: #f5f5f5; border: 1px solid #cecece; padding: 4px 8px 8px 8px; width: 285px; } .main-homepage .latestNews .island{ background: none !important; margin-bottom: 3px !important; } .main-homepage .latestNews h3{ font-size: 2.2em !important; margin-bottom: 3px; } .main-homepage .latestNews h4{ width: 187px; float: right; } .main-homepage .latestNews img.thumb{ margin-top: 0.5em; margin-right: 0.8em; } .main-homepage .latestNews .teaser{ width: 187px; float: right; } .main-homepage .latestNews .newsletterHome h3.title{ font-size: 1.6em !important; } .main-homepage .latestNews .newsletterHome .tout{ margin-bottom: 8px; } .main-homepage .latestNews .newsletterHome fieldset{ background: #fff; border: 1px solid #cfcfd1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .main-homepage .latestNews .newsletterHome fieldset p{ margin-bottom: 0 !important; } .main-homepage .latestNews .newsletterHome #cheetahmail-email{ width: 210px; margin: 5px 0 5px 5px; border: 0 !important; background: none !important; font-size: 12px; color: #808080 !important; } .main-homepage .latestNews .newsletterHome label{ display: none; } .main-homepage .latestNews .newsletterHome .button{ background: #b50033; border: 1px solid #850b30; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: normal; cursor: pointer; } .main-homepage .latestNews2 .action a { font-family: 'Trebuchet MS', Arial, Georgia, Times, sans-serif; color: #B40034; } /* Comments rotator */ #recentCommentsContainer{ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #e8e6e3; padding: 6px 32px 20px; background: url('/media/themes/decanter/comment-quotes.png') #FFF no-repeat 9px 9px; margin-bottom: 10px; font-size: 10px; position: relative; } #recentCommentsContainer .btn{ display: block; height: 16px; width: 16px; text-indent: -999em; position: absolute; top: 80px; } #recentCommentsContainer .btn:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #recentCommentsContainer #prevComment{ left: 8px; background: url('/media/themes/decanter/comment-prev.png') no-repeat; } #recentCommentsContainer #nextComment{ right: 8px; background: url('/media/themes/decanter/comment-next.png') no-repeat; } #recentCommentsContainer #index{ height: 16px; width: 30px; text-align: right; position: absolute; top: 7px; right: 8px; font-size: 11px; font-weight: bold; display: none; } #recentCommentsContainer #recentCommentTitle { font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; font-weight: bold; font-size: 17px; margin-bottom: 2px; } #recentCommentsContainer #recentCommentBody{ margin-bottom: 7px; height: 95px; } #recentCommentsContainer .authorLine{ line-height: 17px !important; height: 32px; } #recentCommentsContainer #recentCommentByline{ font-weight: bold; } #recentCommentsContainer #recentCommentStrapline span.on{ font-weight: normal !important; } #recentCommentsContainer #recentCommentStrapline a.articleLink{ font-weight: bold !important; } /* Tasting Notes */ #home-col-left{ width: 302px; } .main-homepage .tasting-notes{ width: 302px; float: left; margin-bottom: 40px; } .main-homepage .tasting-notes h3{ font-size: 2.2em; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #3f3f3f; } .main-homepage .tasting-notes .wines{ overflow: hidden; height: 750px; } .main-homepage .tasting-notes .wines li{ margin-bottom: 2px; clear: both; overflow: hidden; } .main-homepage .tasting-notes .wines li.hide{ } .main-homepage .tasting-notes .wines li .img{ float: left; width: 90px; margin: 0 5px 5px 0; } .main-homepage .tasting-notes .wines li .img img{ width: 90px; } .main-homepage .tasting-notes .wines li .desc{ float: right; width: 202px; } .main-homepage .tasting-notes .wines li .desc h4{ font-size: 13px; } .main-homepage .tasting-notes .wines li .desc h4 a{ font-size: 13px; } .main-homepage .tasting-notes .wines li .desc .rating-base{ margin: 5px 0; } .main-homepage .tasting-notes .wines li .desc p{ font-size: 13px !important; } .jcarousel-skin-tango .jcarousel-container {} .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 302px; height: 750px; padding: 40px 0px 0px 0px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 302px; height: 750px; } .jcarousel-skin-tango .jcarousel-item { width: 302px; height: 150px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 0px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } .tasting-notes .carousel-bottom { background: transparent url('/media/themes/decanter/fade-bottom.png') repeat-x bottom; height: 100px; margin-top: -100px; z-index: 5; position: relative; } /* jCarousel Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical{ position: absolute; z-index: 10; bottom: -20px; width: 100%; height: 20px; cursor: pointer; background: #999999 url('/media/themes/decanter/arrow-bottom-light.png') no-repeat center; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .jcarousel-skin-tango .jcarousel-next-vertical:active{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 0; width: 100%; height: 20px; cursor: pointer; background: #999999 url('/media/themes/decanter/arrow-top-light.png') no-repeat center; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .rating-base{ width: 84px; height: 15px; background: url('/media/themes/decanter/rating-stars-light.png') no-repeat; } .rating-score{ display: block; width: 0; height: 15px; background: url('/media/themes/decanter/rating-stars-dark.png') no-repeat; } .star0 .rating-score{ width: 0px; } .star1 .rating-score{ width: 16px; } .star2 .rating-score{ width: 33px; } .star3 .rating-score{ width: 50px; } .star4 .rating-score{ width: 67px; } .star5 .rating-score{ width: 84px; } .main-homepage .wine-finder h3.title{ font-size: 1.6em !important; } .main-homepage .wine-finder{ margin-bottom: 5px; } .main-homepage .quick-search-form{ border-bottom: 1px solid #E8E6E3; padding-bottom: 12px; } .main-homepage .quick-search-form fieldset{ background: #fff; border: 1px solid #cfcfd1; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .main-homepage .quick-search-form fieldset p{ margin-bottom: 0 !important; } .main-homepage .quick-search-form #wineNameRight{ width: 228px; margin: 5px 0 5px 5px; border: 0 !important; background: none !important; font-size: 12px; color: #808080 !important; } .main-homepage .quick-search-form label{ display: none; } .main-homepage .quick-search-form .searchButton{ background: #b50033; border: 1px solid #850b30; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 12px; font-weight: normal; cursor: pointer; } /* Magazine block */ .magazine-home-container{ clear: both; heigth: 300px; position: relative; } .magazineHome{ padding: 20px 20px 20px 0px; clear: both; } /*.magazineHome{ position: relative; width: 180px; height: 200px; float: left; border: 1px red solid; overflow: hidden; }*/ .magazineHome h3{ margin-bottom: 10px; } .magazineHome h3 a{ font-size: 22px !important; color: #3f3f3f; font-family: Georgia, "Times New Roman", Times, serif; } .magazineHome p{ color: #3f3f3f !important; } .magazineHome ul{ margin-left: 165px; margin-top: -98px; } .magazineHome ul li{ padding-left: 11px; background: url('/media/themes/decanter/bullet.png') no-repeat 0 7px; } .magazineHome .thumb{ background: #f2f3f8; border: 1px solid #cacdce; padding: 3px; margin-right: 15px !important; } .digital-subscriptions a{ display: block; width: 211px; top: 82px; right: -10px; height: 137px; position: absolute; z-index: 2; font-size: 13px; } .digital-subscriptions a span{ display: block; text-align: left; } .digital-subscriptions a .tablet-bg{ float: left; width: 99px; padding-left: 11px; height: 131px; margin-right: 9px; background: url('/media/themes/decanter/ipad.png') no-repeat; } .digital-subscriptions a .tablet{ margin: 12px 0 0 0; } .digital-subscriptions a:hover .tablet{ border: 0 !important; } .digital-subscriptions a span.desc{ margin: 14px 0 0 0; } .digital-subscriptions a span.intro{ margin: 0 0 8px 0; } .digital-subscriptions a span.devices{ font-size: 14px; } /* Side banners with accordion effect */ .side-banners{ margin-bottom: 15px; } .side-banners .banner { border: 1px solid #c3c3c3; margin-top: 10px; position: relative; } .side-banners .ui-state-active{ border-bottom: 0px; } .side-banners .banner a.tab-area{ display: block; width: 334px; height: 69px; position: relative; font-size: 10px; font-weight: bold; line-height: 12px; } .side-banners .banner a.tab-area .expand{ position: absolute; right: 10px; bottom: 8px; text-align: right; padding-right: 17px; background: url('/media/themes/decanter/arrow-down-grey.png') right no-repeat; } .ui-state-focus { outline: none !important; } .side-banners .banner-content{ overflow: hidden; background: #f2f2f2; border: 1px solid #c3c3c3; border-top: 0; padding: 5px 10px; margin-bottom: 10px; width: 314px; } .side-banners .banner-content ul{ padding: 4px 0; } .side-banners .banner-content ul a.item{ display: block; height: 104px; overflow: hidden; } .side-banners .banner-content ul a.item:hover{ text-decoration: none; } .side-banners .banner-content ul span.title{ display: block; font-weight: bold; color: #a00427; font-size: 14px; } .side-banners .banner-content ul span.desc{ display: block; color: #262626; font-size: 12px; } .side-banners .banner-content ul a.item:hover span.title{ text-decoration: underline; } .side-banners .ui-icon{ display: block; width: 334px; height: 69px; cursor: pointer; position: absolute; z-index: 2; } .side-banners .defaultIcon{ background: url('/media/themes/decanter/arrow-bottom.png') 308px 42px no-repeat !important; } .side-banners .selectedIcon{ background: url('/media/themes/decanter/arrow-top.png') 308px 42px no-repeat !important; } .side-banners .ui-state-hover .defaultIcon, .side-banners .ui-state-hover .selectedIcon{ -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } /* SHOP DIRECTORY */ .shopdirectory .teaser{ font-size: 1.3em; line-height: 1.5em; } /*** RIGHT COLUMN ***/ #right .sky01{ float: right; width: 160px; overflow: hidden; position: relative; } .latest-poll{ clear: both; } /* SOCIAL MEDIA COLUMN */ #facebook-widget, #twitter-widget{ border: 1px solid #cecece; margin-bottom: 10px; } #twitter-widget .twtr-ft, #twitter-widget .twtr-hd{ display: none !important; } #twitter-widget .twtr-timeline{ height: 173px !important; } #twitter-widget .twtr-tweet{ height: 160px; overflow:hidden; margin-bottom: 30px; border-bottom: 0 !important; } #twitter-widget .twtr-tweet-text p{ font-size: 12px !important; } #twitter-widget .footer-decanter{ font-size: 12px; } #twitter-widget .footer-decanter a{ display: block; height: 33px; line-height: 33px; background: url('/media/themes/decanter/twitter-widget-bird.png') 6px 0 no-repeat; padding-left: 48px; margin-bottom: 5px; color: #6d6d6d; } #twitter-widget .twtr-tweet{ height: 136px; } #twitter-widget .twtr-hyperlink{ margin: 6px 0; display: block; } #twitter-widget em{ font-size: 11px; } /* WINE SEARCH */ .finder .searchResult{ overflow: hidden; } .finder .searchResult .rating{ float: right; border: 0 !important; } /* WINE DETAILS */ .finder .rating abbr{ border: 0 !important; } .selected #wine .photo { float:right; margin:0px 10px 10px 0px; border: 1px solid black; } /*** DWWA AWARDS - WINE DETAILS ***/ .wine-details .awards-name{ font-size: 1.4em; margin-top: 15px; border-bottom: 0; clear: both; padding: 7px 0; color: #919191; } .wine-details h1{ font-size: 1.7em; } .wine-details h2{ font-size: 1.4em !important; font-weight: normal !important; } .wine-details .back-button-container{ margin: 5px 0; font-size: 12px; line-height: 16px; } .wine-details a.back-button{ display: block; width: 80px; background: url("/media/themes/decanter/comment-prev.png") no-repeat scroll 0 0 transparent; padding-left: 24px; } .wine-details .backtotop{ display: none !important; } .wine-details .rating-container{ font-size: 12px; } .wine-details .rating-base{ clear: both; margin: 4px 0 10px 0;}