/* Colors @headline: #-E34D3E; @alt: #-44A2B8; @darkeralt: #-087D77; @text: #-535353; @white: #-F8F8F8; */ /* Variables */ @headline: #E34D3E; @alt: #44A2B8; @darkeralt: #087D77; @text: #535353; @white: #F8F8F8; @regtextsize: 14px; @reglineheight: @regtextsize * 1.5; /*Mix Ins*/ .customfont { font-family: 'Oswald'; } .regtext { font: 14px/18px "helvetica neue",arial,helvetica,sans-serif; } .box-shadow (@x: 1px, @y: 2px, @blur: 0, @alpha: 1.0) { box-shadow: @x @y @blur rgba(221, 221, 221, @alpha); -webkit-box-shadow: @x @y @blur rgba(221, 221, 221, @alpha); -moz-box-shadow: @x @y @blur rgba(221, 221, 221, @alpha); border: 1px solid #BCBDC3; padding: 6px 12px; background: @white; } .sub-button { display: block; color: @white; font-size: @regtextsize; background: #BCBDC3; padding: 6px 12px; } .hide { visibility: hidden; } .marginpaddingstrip { margin: 0 !important; padding: 0 !important; } .clear { clear: both; } h1 { font: normal 28px/32px 'Oswald'; padding: 6px 0 9px 0; color: #e34d3e; letter-spacing: 1px; } h2, h2 a { font: italic normal 20px/24px Georgia, "Times New Roman", Times, Serif; padding: 3px 0 9px 0; color: #087D77; letter-spacing: .15px; } h3 { font: normal 18px/22px 'Oswald'; padding: 6px 0 9px 0; color: #e34d3e; border-bottom: 1px solid #e34d3e; margin: 0 6px 0 0; letter-spacing: .035em; } h2 a { font-family: 'Oswald'; text-decoration: none; color: #e34d3e; } h2 a:hover { text-decoration: underline; } p { color: @text; .regtext; padding: 6px 0 9px 0; } a { color: @alt; } a:hover { color: darken(@alt, 20%); } body { background: url(images/bg.jpg) repeat @white; color: @text; .regtext; } strong, b { font-weight: bold; } em { font-style: italic; } .small, .subnote { font-size: 10px; line-height: 12px; } .line2 { display: block; } .container { width: 984px; margin: 0 auto; } .main { width: 628px; float: left; padding: 12px 24px 12px 12px; } .main-home { float: left; margin-top: -159px; } #multi-page { float: left; width: 664px; display: inline; } #header { background: url(images/header-trans-bg-tx.png); box-shadow: 0 1px 7px #aeaeae; height: 112px; border-bottom: 1px solid #76837a; z-index: 100; position: relative; } #logo { padding: 12px 0; float: left; z-index: 10; position: relative; &:hover { top: -2px; } } #navigation { position: relative; margin: 0 auto; display: block; .customfont; list-style-type: none; float: right; margin-top: 50px; ul { position: relative; li { position: relative; list-style: none; float: left; margin: 0px; padding: 0px 16px; text-align: center; a { .customfont; letter-spacing: 1px; height: 42px; display: table-cell; position: relative; font-size: 16px; text-align: center; text-decoration: none; font-weight: normal; color: @text; vertical-align: middle; text-shadow: 1px 1px 2px white; &:hover { top: -2px; } } a.small-nav { font-size: 16px; white-space: nowrap; padding-top: 9px; } } } } #soc-icons { padding: 0 12px 12px 0; display: block; position: absolute; top: 0; right: 50%; margin-right: -492px; li { float: right; margin: 0 3px; a { float: left; background: url(images/sprites.png) no-repeat; width: 32px; height: 32px; &#fb { background-position: -69px 0; } &#twitter { background-position: -33px 0; } &#youtube { background-position: -103px 0; } &#linkedin { background-position: -138px 0; } &#gplus { background-position: -0 0; } &#pinterest { background-position: -173px 0; } } } } /* Slideshow */ .hero-ad { width: 984px; height: 500px; .text-block h3.learn-more { font-weight: normal; font-size: 20px; border-bottom: none; margin: 18px auto 0 auto; text-align: center; background: @headline; width: 178px; display: block; color: @white; padding: 9px; } } #join-banner { background: url(images/main-ad-join-s.jpg) no-repeat; h1 { color: @alt; font-size: 52px; .customfont; text-align: center; line-height: 72px;} h2 { padding: 0 25px; text-align: center; color: @text; font-size: 28px; line-height: 32px; font-style: normal; } .text-block { position: absolute; top:220px; right: 0; width: 500px; } } #host-banner { background: url(images/main-ad-host-s.jpg) no-repeat 100% 0; .text-block { width: 360px; position: absolute; top: 220px; display: block; } h2 { color: @alt; display: block; text-align: center; font-style: normal; font-size: 36px; line-height: 42px; font-family: "helvetica neue",arial,helvetica,sans-serif; letter-spacing: .1em; .line2 { background: @alt; display: block; color: @white; padding: 6px 18px; margin-top: 12px; } } } #wines-banner { background: url(images/main-ad-fissata-s.jpg) no-repeat; .text-block { width: 500px; text-align: center; position: absolute; top: 250px; left: 0px; display: block; } h2 { background: @alt; padding: 18px 24px; font-size: 28px; .customfont; font-style: normal; color: @white; } } #slide-two, #slide-three { display: none; opacity: 0; } #slideshow { width: 984px; height: 500px; border-bottom: 1px solid #336070; ul { margin: 0; padding: 0; list-style-type: none; height: 1%; /* IE fix */ } ul:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .slides { overflow: hidden; width: 984px; float: left; a { text-decoration: none; } ul { width: 3936px; height: 500px; li { width: 984px; float: left; } } } .slides-nav { float: right; position: relative; top: -18px; z-index: 100; li { float:left; a { display: block; height: 12px; width: 12px; margin-right: 6px; background: #dddddd; border: 1px solid #4c4841; } } } } .js #slideshow .slides-nav li.on a { background-color: #eee; } .large-button { letter-spacing: 0.1em; .customfont; display: block; margin: 6px auto 0 auto; text-align: center; background: @headline; color: @white; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px -1px 4px rgba(255, 255, 255, 0.3) inset; &:hover { color: @white; box-shadow: 0 2px 8px @text, 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } } .fold { width: 652px; float: left; padding: 12px 12px 12px 0; } .link-box { width: 312px; display: block; float: left; text-align: center; padding-bottom: 12px; } #home_links a { text-decoration: none; } #home_links h2, #home_links h2 a { font-family: 'Oswald'; padding: 6px 0; color: @white; font-style: normal; font-size: 20px; font-weight: normal; text-decoration: none; text-shadow: 0px 2px 4px #000; } .link-box h3, .link-box h3 a { font-weight: normal; letter-spacing: 1px; border-bottom: none; border-top: 1px solid #939ea1; line-height: 20px; padding: 6px; margin: 0 12px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: @white; } #host-box { background: url(images/host-box-bg.jpg); } #join-box { background: url(images/join-box-bg.jpg) #336070; } .link-box .link-img { width: 300px; height: auto; border: 6px solid @white; box-shadow: 0 9px 7px #343434; } .join-margin { margin-left: 15px; } .testimonial-blurb { padding: 6px; } .quote-div { } .fill {height: 174px; width: 300px; position:relative; background: url(http://www.travelingvineyard.com/wp-content/themes/TTV12/images/testimonial-blurb1.png) 50% 0 no-repeat; } .blurb-quote { font-family: georgia; font-size: 16px; font-style: italic; font-weight: normal; text-align: center; width: 276px; padding: 0 12px; height: 150px; color: #a0a0a0; font-size: 16px; display: table-cell; vertical-align: middle; line-height: normal !important;} #host-slide-two { display: none; opacity: 0; } p.blurb-author { color: #6e6e6d; padding: 0; margin: 0 0 0 24px; } .link-testimonial { padding: 24px 0 6px 0; width: 312px; &:hover { color: #4c4841; } h3 { font-size: 20px; color: @headline; .customfont; font-style: normal; border-top: none; margin: 0 0 6px 0; padding: 6px 0 3px 0; } } .testimonial-wrapper { display: block; float: left; font-weight: normal; } .testimonial-wrapper .toggle-host, .testimonial-wrapper .toggle-join { margin: 0 12px; } .view-join { background: url(images/linkbox-bottom-bg.png) no-repeat 100% 0; } .view-host { .view-join; background-position: -1px 0; }​ .testimonial-author { text-align: right; display: block; color: #4c4841; font-size: 12px; } a.read-more { display: block; background: @alt; padding: 6px 0; text-decoration: none; text-align: center; font-weight: normal; font-size: 16px; letter-spacing: .05em; font-style: normal; color: @white; margin: 0; .customfont; &:hover { background: @darkeralt; color: @white; } } #home-note { float:right; width: 320px; padding: 6px 0 0 0; min-height: 450px; h2 { font-size: 18px; line-height: 24px; text-align: center; padding: 6px 0 9px 0; color: @white; .customfont; font-weight: normal; letter-spacing: .025em; font-style: normal; background: @alt; span.line2 { font-size: 28px; padding: 3px 0; .customfont; } } h3#title { font-size: 14px; line-height: 18px; color: @darkeralt; font-style: italic; margin: 0; font-family: Georgia, "Times New Roman", Times, Serif; font-weight: normal; letter-spacing: .15px; border-bottom: none; } p { padding: 6px 12px; } ul#cons-link { float: left; margin-top: 36px; li a { font-weight: bold; display: block; line-height: 30px; margin-bottom: 12px; text-transform: uppercase; width: 120px; text-align: center; background: url(images/sprites.png) no-repeat -3px -123px; color: @white; text-decoration: none; border: 2px solid #7e2420; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 3px 8px #aaa, 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } } } #sidebar { float:right; width: 320px; padding: 12px 0 0 0; min-height: 450px; } #sidebar h2, #simplemodal-container .sidebar-panel .wpcf7 h2 { text-align: center; color: @white; .customfont; font-size: 20px; line-height: 24px; font-style: normal; padding: 6px 3px; margin-bottom: 12px; background: @alt; } #sidebar h3 { color: #4c4841; font-style: italic; font-family: Georgia, "Times New Roman", Times, Serif; font-size: 16px; line-height: 20px; border: none; } #sidebar .wpcf7 { .box-shadow; margin: 0; padding: 6px 12px 12px 12px; } #sidebar .wpcf7 h2, #simplemodal-container .sidebar-panel .wpcf7 h2 { color: @headline; background: none; font-size: 24px; line-height: 26px; text-align: center; } .sidebar-panel { width: 308px; margin: 0 auto; padding: 6px 0 12px 0 } .sidebar-panel iframe { margin-left: 6px; } #sidebar .sidebar-panel a.learnmore { .customfont; background: #BCBDC3; color: @white; text-decoration: none; display: inline-block; padding: 9px 15px; border-radius: 2px; letter-spacing: 1px; text-align: center; font-size: 14px; margin: 12px 0 12px 12px; border: none; cursor: pointer; } #sidebar .sidebar-panel a.learnmore:hover { background: @darkeralt; } #sidebar hr.sep { color: @darkeralt; border:none;height: 1px; background: @darkeralt; } #sidebar p { color: #4c4841; padding: 6px 0 0 0; } .sidebar-form input { font-size: 16px; color: #4c4841; border:1px solid #4c4841; margin-bottom: 6px; width: 255px; padding: 6px 12px; } #sidebar .form-city, #sidebar .form-zip, #sidebar .form-state { padding: 0; } #sidebar .form-city input { width: 95px; float: left; } #sidebar .form-zip input { width: 45px; margin-left: 6px; float: left; } #sidebar .form-state input { width: 40px; margin-left: 6px; float: left; } .sidebar-form-checkbox { font-size: 14px; color: #4c4841; margin-bottom: 6px; padding: 6px 12px 6px 0; } .sidebar-form-checkbox input { margin: 6px 0 12px 0; } #sidebar .sidebar-form-checkbox span.wpcf7-list-item { margin: 0; } .sidebar-form-checkbox .wpcf7-list-item-label { width: 255px; float: right; } #sidebar .wpcf7-select { font-size: 16px; color: #888; float: left; padding: 5px; margin-left: 6px; border: 1px solid @text; } #sidebar .wpcf7 div.wpcf7-mail-sent-ok { border: 3px solid #84d362; background: #d2f2c4; padding: 12px; font-size: 20px; line-height: 28px; margin: 18px 0 6px 0; text-align: center; } .sidebar-submit { position: relative; } .sidebar-submit input { background: @headline; padding: 9px 0; cursor: pointer; width: 161px; display: block; margin:0 auto; border: none; color: @white; font-size: 16px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 3px 8px #aaa, 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } .sidebar-submit .ajax-loader { position: absolute; top: 60px; right: 50%; } #sidebar .sidebar-text { text-align: center; font-size: 16px; padding: 6px 18px; } #sidebar #host-rewards img { float: left; margin-right: 12px; } #sidebar #guest-benefits #aerator { float: right; margin-left: 12px; } #sidebar #guest-benefits p, #sidebar #host-rewards p { text-align: left; font-size: 14px; margin-top: 12px; } #sidebar #host-rewards p { padding: 0 0 3px 0; margin: 0; } #sidebar #real-people h2 { text-align: center; } #sidebar #more-info h3 { margin-bottom: 0; padding-bottom: 0; } #sidebar .more-info-left { float: left; } #sidebar .more-info-left img { height: 196px; margin-right: 12px; border: 1px solid #336070; } #sidebar .more-info-left img#side-logo { height: 130px; width: 106px; border: none; margin-bottom: 12px; } #sidebar #contact-links li { margin: 0 0 12px 18px; } #sidebar #contact-links h3 { color: @headline; .customfont; font-style: normal; margin-left: 6px; } #sidebar #contact-links a { font-weight: normal; } #sidebar #important-links h3 { } #sidebar #press li, #sidebar #important-links li { margin: 0 0 12px 30px; list-style: circle; } #sidebar #press li a, #sidebar #important-links li a { text-decoration: none; font-weight: normal; } #sidebar #press li a:hover, #sidebar #important-links li a h3:hover { color: @headline; } #sidebar #perfect-match ul { margin-top: 42px; } #sidebar #perfect-match ul li a { margin-bottom: 12px; text-decoration: none; font-size: 16px; font-family: Georgia, "Times New Roman", sans-serif; font-style: italic; color: #787878; display: block; } #sidebar #perfect-match ul li a:hover { color: @darkeralt; } #product-nav .cat-header h3 { font-size: 18px; .customfont; color: @headline; font-style: normal; } ul#product-nav li { margin-bottom: 12px; clear: both; } ul#product-nav li a { display: block; text-decoration:none; font-size: 16px; padding: 6px 0 0 25px; color: #787878; font-style: italic; font-family: Georgia, "Times New Roman", Times, Serif; font-weight: normal; letter-spacing: .15px; } ul#product-nav li a:hover { color: @alt; } ul#product-nav li a.cat-more { float: right; .customfont; font-style: normal; background: #BCBDC3; color: @white; text-decoration: none; display: inline-block; padding: 9px 15px; border-radius: 2px; letter-spacing: 1px; text-align: center; font-size: 14px; margin: 12px 0 12px 12px; border: none; cursor: pointer; } ul#product-nav li a.cat-more:hover { background: @darkeralt; } #product-nav .sidebar-ratings { margin: 3px 6px; display: inline-block; } #simplemodal-container { height:550px; width:650px; color:#bbb; background-color:@white; border:4px solid #444; padding:12px; } #simplemodal-overlay { background-color:#000; opacity: .75; } .modal-content { display: none; } #modal-links { text-align: center; } #modal-links a { text-decoration: none; background: @alt; padding: 18px 30px; display: inline-block; margin: 18px 12px; border: none; color: @white; font-size: 16px; font-weight: bold; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 1px 3px 8px #aaa, 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } #modal-links a#find { border-left: 1px solid #bbb; } #simplemodal-container a.modalCloseImg { background:url(images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer; } #product-nav .sidebar-ratings img { width: 16px; } ul#social { .box-shadow; margin-bottom: 12px; li { &#side-rss a { background: url(images/rss-icon.png) no-repeat; } &#side-facebook a { background: url(images/facebook-icon2.png) no-repeat; } &#side-twitter a { background: url(images/twitter-icon.png) no-repeat; } &#side-googleplus a { background: url(images/google-icon.png) no-repeat; } a { height: 38px; padding: 22px 0 8px 72px; .customfont; text-decoration: none; display: block; font-weight: normal; } } } .alignleft, .aligncenter, .alignright { border: 1px solid #eee; padding: 6px; background: @white; } .blogpost .alignleft, .blogpost .alignright, .blogpost .aligncenter { box-shadow: none; padding: 0; background: transparent; border: none; } .alignleft { float: left; margin: 6px 18px 12px 0; } .aligncenter { margin: 6px auto 0 auto; } .alignright { float: right; margin: 6px 0 12px 18px; } .content ol { border-top: 1px solid @darkeralt; border-bottom: 1px solid @darkeralt; padding: 6px 0; } .imagedive, .entry img.alignleft, .entry img.alignright, .entry img.aligncenter, .entry img.alignnone, { border: 1px solid #dddddd; padding: 6px; margin: 0 0 15px 0; box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .breadcrumbs, .breadcrumbs a { color: @text; padding: 0 0 6px 0; font-size: 12px; } .products .breadcrumbs { padding: 0 0 12px 0; } .imagediv, .entry img.alignleft { float: left; margin-right: 18px; } .entry img.alignright { float: right; margin-left: 18px; } .wp-caption-text { padding: 6px 6px; margin: 0 12px !important; text-align: center; font-size: 12px; border-bottom: 1px solid #BBB; line-height: 16px; } ul.page-list { margin: 0 18px 12px 18px; } ul.page-list li { margin-left: 30px; list-style: circle; color: @text; font-size: 14px; padding: 6px 0; } ul.page-list ul { margin: 6px 0 0 0; } .big-image { display: block !important; position: relative; margin: 6px 0 12px 0; height: 334px; width: 628px; } .big-image h3 { background: url(images/caption-bg.png) repeat; font-size: 22px; line-height: 26px; position: absolute; bottom: 0; border-bottom: none; color: @white; text-align: center; margin:0; width: 602px; } /*join page*/ .big-join-div { background: url(images/join-hero-modal.jpg) no-repeat; width: auto; box-shadow: none; } h2#uncork { .customfont; font-style: normal; } .join-numbers { background: url(images/circle-bg.png) no-repeat; color: @white; height: 65px; width: 65px; display: inline-block; text-align: center; vertical-align: middle; font-size: 36px; line-height: 61px; margin: 0 6px 12px 6px; } .read-testimonials { border-top: 1px solid #336070; border-bottom: 1px solid #336070; padding: 18px; background: url(images/comment-icon.png) no-repeat 100px 10px @white; } .read-testimonials h2 a, .read-testimonials h2 { color: #336070; font-style: normal; padding: 0; } /*uncork page*/ .big-uncork { height: auto; } /*host page*/ .big-host-hero { margin-bottom: 12px; } .link-testimonial-page { background: #efefef; padding: 0; font-weight: normal; } #testimonial-box, .breakout { float: right; margin: 0 0 12px 18px; width: 275px; border-bottom: 1px solid @darkeralt; border-top: 1px solid @darkeralt; } #testimonial-box h3, #post-1831 .breakout h3 { font-size: 18px; text-align: center; border-bottom: 1px solid #bbb; .customfont; } #testimonial-box p { font-size: 13px; line-height: 16px; } #testimonial-box ol { border: none; } /*host rewards*/ .big-host-rewards-div { background: url(images/host-rewards.jpg) 0 80%; height: 200px; } .left-rewards { display: block !important; } /*guest rewards*/ .reward-grid { float: left; .line2 { font-size: 16px; } h2 { font-size: 20px; text-transform: uppercase; font-style: normal; .customfont; text-align: center; padding: 0 3px; line-height: 28px; } } .guest-rewards { .left-box { padding-right: 6px; h2 { margin-right: 33px; padding-bottom: 12px; } } .mid-box { border-left: 1px solid #ccd2d5; margin-left: 6px; padding-left: 6px; h2 { margin-left: 33px; padding-bottom: 12px; } } #rewards-lower { border-top: 1px solid #ccd2d5; margin: 6px 0 18px 0; .mid-box { border: none; } h2 { text-align: center; width: 289px; } .top-h2 { display: block; font-size: 28px; color: @headline; .customfont; font-style: normal; text-align: center; padding: 12px 0; width: 100%; } .left-box { width: 300px; h2 { margin-right: 0; padding-bottom: 12px; } } .mid-box { width: 300px; h2 { margin-left: 0; padding-bottom: 12px; } } } } /*work at home mom*/ .big-mom-div { background: url(images/big-mom-image.jpg) no-repeat; } .big-mom-div h3 { font-size: 20px; padding: 6px 6px 9px 6px; width: 590px; } /*success kit*/ .big-successkit-div { background: url(images/big-success-kit.jpg) no-repeat; } #website img.alignleft { margin-top: 8px; box-shadow: none; border: none; background: none; margin-left: 0; padding: 0; } #website h2 { font-weight: bold; background: @white; border:1px solid @darkeralt; margin: 12px 0 0 60px; color: #4c4841; font-size: 16px; padding: 10px 5px 10px 50px; font-style: normal; font-family: "helvetica neue",arial,helvetica,sans-serif; } h2#grow-with-us { margin-bottom: 12px; line-height: 38px; .customfont; text-transform: uppercase; background: @darkeralt; padding: 12px 0; color: @white; text-align: center; font-size: 28px; font-style: normal; } h2#grow-with-us .line2 {display: block; font-size: 38px; } h3#second-blurb { text-align: center; margin-top: 10px; font-size: 18px; font-style: normal; border-top: 1px solid #336070; border-bottom: 1px solid #336070; padding: 10px 0; background: @white; color: @text; font-family: arial, helvetica, sans-serif; } /*Our Team*/ .big-about-div { background: url(images/big-about-image.jpg) no-repeat; } ul#our-team { margin-top: 12px; li { clear: both; margin-bottom: 18px; overflow: auto; } h2 { padding-bottom: 3px; } h3 { border: none; font-size: 18px; padding-top: 0; color: #4c4841; } .headshot { float: left; width: 100px; border: 2px solid #336070; margin-right: 12px; } } /*Incentive Trip*/ #incentive p { font-size: 16px; line-height: 22px; } #incentive h2.alt { margin: 12px 0; } /*Explore Our Wines Section*/ #wineslider { width: 640px; overflow: hidden; } #explore-box { display: block; overflow: auto; padding-bottom: 12px; border-bottom: 2px solid #ccd2d5; background: @white; h3 { margin-bottom: 0; font-size: 24px; } } .single-wine { width: 161px; float: left; } .product-grid { margin-top: -180px; text-align: center; display: block; height: 474px; text-decoration: none; font-weight: normal; } #explore-box h3 { background-color:rgba(255,255,255,0.9); position: relative; } h4, h4 a, .wine-text-link { line-height: 20px; height: 54px; color: @white; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: none; text-align: center; font-size: 14px; font-style: italic; } .wine-text { min-height: 84px; background: #336070; display: block; padding: 18px 9px; margin: -69px 6px 0 6px; &:hover { background: #5794a9; } } .average-rating-explore { text-align: center; position: absolute; bottom: 6px; min-height: 24px; img { width: 24px; } } #explore-box .bx-prev { float: left; width: 45px; height: 220px; display: block; margin-top: -345px; margin-left: -1px; position: relative; } #explore-box .bx-next { float: right; width: 45px; height: 220px; display: block; margin-top: -345px; position: relative; } /*category grid*/ #product-grid { position: relative; } .post-grid { position: relative;width: 195px; min-height: 165px; .box-shadow; padding: 0; a { text-decoration: none; } h2 { font-size: 16px; text-align: center; .customfont; font-style: normal; padding: 3px 12px; } img { display: block; } .sidebar-ratings { text-align: center; img { display: inline-block; width: 24px; height: 24px; } } .grid-info { position: absolute; top: 0; left: 0; background: url(images/trans-grid-bg.png); height: 100%; width: 100%; display: block; vertical-align: middle; } .grid-info-text { padding: 12px 0; margin: 0 18px; border-bottom: 1px solid #BCBDC3; } } .grid-label { padding: 6px; } .grid-social { margin: 0 auto; text-align: center; position: relative; padding: 9px 0; } .grid-loading { position: absolute; top: 260px; background: url(images/ajax-loader.gif) no-repeat 50%; height: 25px; width: 628px; display: block; } .post-grid-label { position: relative; } /*consultant testimonials*/ #consultant-testimonial-box { .box-shadow; padding: 6px 78px; margin-top: 18px; overflow: auto; } #consultant-testimonial-box img { float: left; } h2.consultant-testimonial-box { margin-bottom: 18px; } #post-1806 h2 { text-align: center; } #consultant-testimonial-box h2 { margin-top: 24px; padding: 12px 0; float: right; width: 315px; font: 20px/24px 'Oswald' normal; } #consultant-testimonial-box h2 a { font-style: normal; } #dsa-bbb { margin-top: 24px; text-align: center; img { margin: 0 12px; } } ul#consultant-testimonial-quote { li { width: 234px; display: inline-block; overflow: auto; vertical-align: top; margin: 0 6px 12px 6px; padding: 6px 6px 6px 60px; background: url(images/quote-bg.png) no-repeat 0 10px; .quote-author { color: @alt; font-style: italic; } } } /*footer*/ #footer { margin-bottom: 30px; h2 { color: @white; font-size: 22px; .customfont; font-style: normal; padding-bottom: 18px; } ul { margin-left: 12px; } a:hover { background: #59625c; } #bus-links { margin-left: 0px; li { float: left; } } #dsa { background: url(images/bus-links.png) no-repeat 0 0; display: block; width: 95px; height: 44px; } #bbb { margin-left: 6px; background: url(images/bus-links.png) no-repeat -132px 0; display: block; width: 86px; height: 41px; } #footer-end { padding-top: 12px; } a#cons-login { color: #555952; text-decoration: none; font-weight: normal; font-size: 18px; .customfont; display: block; padding-bottom: 12px; float: right; background: url(images/cons-login-bg.png) no-repeat; width: 214px; height: 53px; text-align: center; line-height: 50px; text-shadow: 0 1px @white; margin-top: 6px; } #pc_seal_image { width: 115px !important; height: auto; } #copyright p { text-align: center; padding-top: 6px; font-size: 14px; line-height: 14px; color: #76837a; } #copyright p a { font-weight: normal; color: #76837a; } #footer-links { float: left; } } .footer-container { background: #76837a; box-shadow: 0 3px 8px #444 inset; } #footer-nav { width: 984px; overflow: auto; margin: 0 auto; .box { width: 302px; float: left; margin: 18px 0; padding: 12px; } #middle { border-left: 1px solid #b5b1ae; border-right: 1px solid #b5b1ae; ul { margin-top: 12px; } } ul ul{ margin-top: 6px; } li, a { color: @white; text-decoration: none; font-size: 14px; font-weight: normal; padding: 6px 3px; } } .blogpost { margin-bottom: 18px; } .blogpost .entry-content { margin-bottom: 5px; } .blogpost h2, .blogpost h2 a { padding: 6px 0; font-style:normal; font-size: 28px; line-height: 36px; } .blogpost h2 a:hover { color: @headline; text-decoration: underline; } .blogpost h3 { border: none; } .blogpost h1 { margin-bottom: 6px; padding:0; font-style: normal; } h1#blogtitle { font-size: 32px; line-height: 36px; } .entry-content .oldblockquote { border-top: 1px solid #336070; border-bottom: 1px solid #336070; float: right; background: @white; margin-left: 12px; width: 250px; padding: 6px 12px; } blockquote { float: none; border: none; border-left: 2px solid #bbb; margin: 6px 12px; padding: 3px 9px; background: @white; line-height: 20px; } .entry-content a { color: @darkeralt; &:hover { color: @text; } } .entry-content h2 { font-size: 22px; line-height: 26px; font-style: italic; } .entry-content ul { list-style: circle; margin: 9px; } .entry-content ul li { padding-bottom: 9px; font-size: 14px; margin-left: 12px; line-height: 18px; } .author-byline { border-bottom: 1px solid #d6d6d6; margin-bottom: 12px; color: #787878; font-style: italic; padding-bottom: 12px; } .breakout { background: @white; padding: 6px 12px; text-align: center; width: 224px; } .blogpost .blog-read-more { display: block; float: right; background: @alt; padding: 9px 18px; text-decoration: none; .customfont; font-size: 16px; color: @white; margin: 12px 0; } .blogpost .blog-read-more:hover { background: @darkeralt; } .post-navigation { clear: both; .customfont; border-top: 1px solid #bcbdc3; padding-top: 12px; text-align: center; } .post-navigation a { font-size: 20px; margin: 0 12px; } .consultant-bio { .box-shadow; margin: 0 0 12px 0; clear: both; overflow: auto; } .consultant-bio h3 { padding: 0; border: none; } .blogpost .view-pr-box { margin: 0 auto; text-align: center; } .blogpost .view-pr-box .view-pr { .box-shadow; .customfont; color: @alt; font-size: 24px; display: inline-block; margin: 12px 0 30px 0; padding: 18px 30px; text-decoration: none; } .blogpost .view-pr-box .view-pr:hover { background: #ddd; color: @darkeralt; } #searchform { margin-bottom: 10px; } .entry p img { margin-top: -5px; } .products h1 { margin-bottom: 6px; padding: 0; font-size: 36px; letter-spacing: 1px; } .products h2 { font-size: 18px; line-height: 22px; padding: 3px 0 0 0; } .products .attachment-bottle { border: 1px solid @white; } .products #left { float: left; width: 135px;} .products #right { float: left; margin-left: 12px; width: 480px; } .products .entry-content { padding: 0 6px 6px 6px; } .products .entry-content p { letter-spacing: .25px; } .products #more-meta { background: @white; border-top: 1px solid #336070; border-bottom: 1px solid #336070; padding: 12px 6px; margin-top: 6px; } .products #product-meta-right { float: right; } .products .more-info { float: left; width: 342px; } .products .more-info p { font-style: italic; letter-spacing: 1px; line-height: 20px; padding:0; } .products .price { float: right; display: block; } .products .price p { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: @alt; padding: 6px 18px; text-align: center; line-height: 24px; color: @white; font-size: 18px; font-family: Georgia, "Times New Roman", Times, Serif; letter-spacing: 1px; } .products .share { float: right; margin-top: 6px; } .products #left .average-rating { text-align: center; margin: 0 0 3px 0; } .products p.total-rating { font-size: 11px; padding: 3px 0 6px 0; text-align: center; color: #4c4841; } .products #technical-notes h2 { padding-bottom: 0; font-size: 16px; } .products #technical-notes p { font-size: 12px; line-height: 18px; } .products #recipe-recommend li { float: left; padding: 12px 12px 12px 0; } .soldout-banner { position: absolute; background: url(images/soldout.png) no-repeat; display: block; width: 140px; height: 140px; } .write-review, a.cons-locator, .fb-page-button { letter-spacing: 0.1em; .customfont; display: block; line-height: 30px; margin: 6px auto 0 auto; width: 120px; text-align: center; background: @headline; color: @white; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } .write-review:hover, a.cons-locator:hover, .fb-page-button:hover { color: @white; box-shadow: 0 2px 8px @text, 0px -1px 4px rgba(255, 255, 255, 0.3) inset; } /*Recipes*/ .recipes { #left { width: 320px; float: left; } #right { width: 303px; float: right; } .share { margin-left: 36px; } #pairings { width: 628px; overflow: hidden; padding-bottom: 12px; .wine-div { width: 314px; margin: 12px 0 0 0; min-height: 300px; background-repeat: no-repeat !important; background-position: 0 0 !important; h2 { font: 18px/22px 'Oswald' normal; text-decoration: none; letter-spacing: 1px; padding: 3px 12px 9px 84px; border-bottom: 1px solid #d6d6d6; min-height: 44px; margin: 0 12px 0 0; a { font: 18px/22px 'Oswald' normal; font-style: normal; text-decoration: none; color: @darkeralt; } .line2 { font: normal 16px/20px 'Oswald'; color: #888; } } p { margin-left: 84px; padding: 0 21px 0 0; } } } .read-more { margin: 6px auto 0 auto; width: 120px; } } .recipe-box { margin: 0 12px 12px 12px; clear: both; p { margin: 0 6px; } h3 { font: 18px 'Oswald' normal; color: @alt; border-bottom: 1px solid @alt; text-align: center; margin: 0; } ul { margin-top: 12px; } li { float: left; width: 120px; margin-left: 18px !important; list-style: none; margin-bottom: 6px; } } .recipes .bx-next, .recipes .bx-prev, #food-pairings .bx-next, #food-pairings .bx-prev { width: 30px; display: block; position: absolute; top: 25%; padding: 60px 0; } .recipes .bx-next, #food-pairings .bx-next { right: 0; padding-left: 3px; } .recipes .bx-prev, #food-pairings .bx-prev { left: 0; padding-right: 3px; } .recipes .bx-prev:hover, .recipes .bx-next:hover, #food-pairings .bx-next:hover, #food-pairings .bx-prev:hover { background: #e8e8e8; background-color: rgba(256,256,256,.8); } /*Knowledge Center*/ ul.link-list li { margin: 12px 0 12px 24px; } /*Link Fade*/ #sidebar .sidebar-panel a.learnmore, ul#product-nav li a.cat-more, a.read-more, .wine-text, #footer-nav ul li, #footer-nav a, .blogpost .blog-read-more, .blogpost .view-pr-box .view-pr { -o-transition:background .2s ease-in; -ms-transition:background .2s ease-in; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition: background .2s ease-in; } .clear { clear: both; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */ .home_ads { width: 984px; height: 498px; } .imagedivhoriz { padding: 6px; display: inline-block; width: 550px; } .average-rating { margin: 0 0 3px 12px; img { width: 24px; height: 24px; } } .comments-template input { padding: 6px; font-size: 14px; width: 200px; border: 1px solid #bbb; } .comments-template textarea { padding: 6px; font-size: 14px; width: 600px; border: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif; color: #585858; letter-spacing: .075em; } .comments-template input#submit { cursor: pointer; color: @text; } .comments-template input#submit:hover { background: #ddd; } .comment-rating { width:180px; margin-top: 6px; } .comment-rating p { padding: 6px 0 0 0; } .comments-template p { text-align: left; } .star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background: url(images/star.png) left -1000px repeat-x; } .star-rating{ position:relative; width:160px; height:46px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; } .star-rating li{display: inline;} .star-rating a, .star-rating .current-rating { position:absolute;top:0;left:0;text-indent:-1000em;height:46px;line-height:25px; outline:none;overflow:hidden;border: none; } .star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position: left bottom;} .star-rating a.one-star{width:20%;z-index:6;} .star-rating a.two-stars{width:40%;z-index:5;} .star-rating a.three-stars{width:60%;z-index:4;} .star-rating a.four-stars{width:80%;z-index:3;} .star-rating a.five-stars{width:100%;z-index:2;} .star-rating .current-rating{z-index:1;background-position: left center; padding: 0; } ol.comment-list { border-bottom: none; border-top: none; li { border-bottom: 1px solid @white; margin-bottom: 6px; } .comment-box { .box-shadow; padding: 6px; } .edit { display: block; } .comment-text p { padding: 0 12px; margin-bottom: 3px; } .comments { overflow: auto; padding: 6px 0 12px 0; } .avatar-div { float: left; padding: 0 6px 6px 0; margin-right: 6px; overflow: auto; } .children { margin: 0 0 0 30px; .comments { padding: 0; } } } .comment-meta, .comment-meta a { text-align: right; padding-top: 6px; } .comment-meta a { color: @text; text-decoration: none; font-weight: normal; } .comment-moderation { color: #dddddd; padding: 3px 0; padding-left: 6px; } .comment-author { margin: 6px 0; .fn { color: @darkeralt; font-size: 16px; font-weight: bold; } } #featured-comments li { border-bottom: 1px solid #8f8f8f; } .comments-template .testimonial-pagination { .box-shadow; text-align: center; margin-bottom: 6px; } .testimonial-pagination .page-numbers { .customfont; font-size: 16px; padding: 6px; text-decoration: none; display: inline-block; color: @alt; &:hover { background: @alt; color: @white; } } .testimonial-pagination .current { color: @headline; &:hover { background: @white; color: @alt; } } #post-4 h3.text { color: @text; font-size: 14px; line-height: 18px; border:none; font-family: "helvetica neue",arial,helvetica,sans-serif; font-weight: normal; margin-bottom: 6px; padding-bottom: 6px; } h3.block { border-bottom: none; color: @text; font-weight: normal; font-family: "helvetica neue",arial,helvetica,sans-serif; padding: 6px 0 9px 0; font-size: 14px; line-height: 20px; } #post-422 h3 { background: url(images/dotted-div.png) repeat-x 0 100%; border-bottom: none; color: @text; font-size: 14px; overflow: auto; margin: 0 6px 6px 0; padding: 6px 0 24px 0; } #join-5fs h3, .left-rewards h3 { .box-shadow; color: @text; font-size: 14px; overflow: auto; margin: 0 0 12px 0; padding: 9px 6px; } #join-5fs h3 .fs, .left-rewards h3 .fs { color: @headline; font-size: 20px; .customfont; padding-right: 6px; } #join-5fs .fds, .left-rewards .fds { color: @text; font-family: "helvetica neue",arial,helvetica,sans-serif; } /*Testimonial Grid*/ div.grid { border-top: 1px solid @darkeralt; padding: 18px 12px 12px 12px; border-bottom: 1px solid @darkeralt; background: #efefef; overflow: auto; ul li { width:192px; float: left; &.top-row { margin-bottom: 24px; } &.middle { margin:0 12px 24px 12px; } h3 { text-align: center; .customfont; font-size: 48px; color: @alt; padding-bottom: 15px; border:none; margin: 0; line-height: 36px; } p { padding: 6px 0; text-align: center; border-top: 1px solid #BBB; margin: 0 6px; span.emphasis { color: @headline; } } } } .wp-image-1789 { display: inline-block !important; margin-top: 12px; } #post-93 ol.float-list { width: 230px; float: right; margin: 6px 6px 6px 18px; background: @white; } #post-93 ol.float-list li { font-size: 13px; padding: 3px; } #post-93 ol.float-list ul { margin: 6px 0 0 12px; } #post-8 h2, #post-1831 h2#uncork, #post-1834 h2#uncork { text-align: center; } #post-8 h2 a, #post-1831 h2#uncork a, #post-1834 h2#uncork a { font-style: normal; } #cons-pic { padding: 6px; } #post-712 { background: none; } #post-1831 .breakout ul { padding-top: 6px; } #post-1831 .breakout ul li { text-align: left; padding-bottom: 12px; font-size: 13px; line-height: 16px; } #post-1801 .small { text-align: right; } #post-415 .line2 { font-size: 16px; color: #336070; } .uncorked-success { border: none !important; margin: 0 12px 0 36px; list-style: decimal; } .uncorked-success li { margin-bottom: 12px; } .uncorked-success li a { display: inline-block; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; margin: 6px 0; border-radius: 4px; padding: 3px 9px; background: #336070; color: @white; text-decoration: none; text-transform: uppercase; } .uncorked-success li a:hover { background: #5794A9 } #post-1836 ul { margin-bottom: 12px; } #post-1836 li { padding-bottom: 6px; list-style: circle inside; margin-left: 12px; } #post-1836 h3 { font-size: 20px; padding: 6px 0; } #post-1836 #float-box { background: @white; border-top: 1px solid #336070; border-bottom: 1px solid #336070; float: right; width: 230px; margin-left: 15px; padding: 6px; } #post-1836 #float-box h2 { font-size: 18px; color: @headline; } #post-1836 #float-box h3 { font-size: 16px; text-align: center; border-bottom: none; border-top: 1px solid #bbb; margin: 0; padding: 3px 0; } #post-1836 #float-box h3 a:hover { color: #336070; } #post-1831 ul.page-list { margin-left: 0px; } #post-2060 img { padding: 0; }