/* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #de9c47; color: #fff; text-shadow: none; } ::selection { background: #de9c47; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #3a809e ; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 600; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } img.max-width { max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* ===== Primary Styles ======================================================== Author: ========================================================================== */ body{color: #555;font: 12px "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;background: url(../img/headbg.jpg) no-repeat center top;-webkit-font-smoothing: antialiased;} html, body {height: 100%;} a{color: #333!important;text-decoration: none;} h3{font: normal normal 24px/32px Georgia, "Times New Roman", Times, serif; margin: 10px 0;} h4{font-weight: 600;} #container {min-height: 100%;margin: 0 auto -90px;position: relative;} .wrap {margin: 0 auto;width: 960px;position: relative;} .pull-left{float: left;} .pull-right{float: right;} .col-140 {width: 140px;float: right;} .col-220 {width: 220px; float: left;margin-right: 20px;} .col-300{width: 300px;float: left;} .col-400{width: 400px;float: left;} .col-460{width: 460px;float: left;margin-right: 20px;} .col-480{width: 480px;float: left;margin-right: 20px;} .col-620 {width: 640px; float: left;margin-right: 20px;} .shop .col-140 {width: 140px;float: left; margin-right: 20px;} .shop .col-620 {width: 640px;float: left;margin-right: 0} .product .col-140 {float: left;margin-right: 20px;} .product .col-620 {float: left;margin: 0;} #top-bar{background: url(../img/topbarbg.jpg) repeat-x #ccc;position: relative;height: 24px;font-size: 12px;padding-top: 7px;border-bottom: 1px solid #fff;outline: 1px solid #aaa;text-shadow: 0 1px 1px #ffffff;width:100%;} header{height: 180px;position: relative;} #logo{margin-top: 18px; float: left;} #logo a{display: block; width: 430px;height: 75px;background: url(../img/sprites.png) no-repeat -20px -75px;text-indent: -999em;} #shop-badge{position: relative; right: 0;top: -15px;width: 220px;float: right;margin-top: 40px;} #badge{ width: 100px;height: 120px;background: url(../img/sprites.png) 123px -145px;position: absolute;top: -30px;right: 0;display: block;text-indent: -999em} #main-menu {height: 30px;width: 100%;position: absolute;z-index: 10;top: 130px;} #main-menu > ul{float: left;margin-top: 6px;} #main-menu ul li{display: inline-block; position: relative;} #main-menu ul li a{background: url(../img/sprites.png) no-repeat -10px -40px;width: 60px;display: block;float: left;text-indent: -999em;position: relative;} #main-menu ul li a:hover, #main-menu ul li a.active{background: url(../img/sprites.png) no-repeat -10px -14px;} #main-menu ul li a.culture {background: url(../img/sprites.png) no-repeat -75px -40px; width: 70px;} #main-menu ul li a.culture:hover, #main-menu ul li a.culture.active {background: url(../img/sprites.png) no-repeat -75px -14px;width: 70px;} #main-menu ul li a.cuisine{background: url(../img/sprites.png) no-repeat -150px -40px; width: 70px;} #main-menu ul li a.cuisine:hover, #main-menu ul li a.cuisine.active{background: url(../img/sprites.png) no-repeat -150px -14px;width: 70px;} #main-menu ul li a.lifestyle{background: url(../img/sprites.png) no-repeat -225px -40px; width: 80px;} #main-menu ul li a.lifestyle:hover, #main-menu ul li a.lifestyle.active{background: url(../img/sprites.png) no-repeat -225px -14px;width: 80px;} #main-menu ul li a.leisure{background: url(../img/sprites.png) no-repeat -315px -40px; width: 70px;} #main-menu ul li a.leisure:hover, #main-menu ul li a.leisure.active{background: url(../img/sprites.png) no-repeat -315px -14px;width: 70px;} #main-menu ul li a.heritage{background: url(../img/sprites.png) no-repeat -390px -40px; width: 80px;} #main-menu ul li a.heritage:hover, #main-menu ul li a.heritage.active{background: url(../img/sprites.png) no-repeat -390px -14px;width: 80px;} #main-menu ul li a.business{background: url(../img/sprites.png) no-repeat -475px -40px; width: 80px;} #main-menu ul li a.business:hover, #main-menu ul li a.business.active{background: url(../img/sprites.png) no-repeat -475px -14px;width: 80px;} #main-menu ul li a.shop{background: url(../img/sprites.png) no-repeat -559px -40px; width: 45px;} #main-menu ul li a.shop:hover, #main-menu ul li a.shop.active{background: url(../img/sprites.png) no-repeat -559px -14px;width: 45px;} #main-menu ul li a.contact{background: url(../img/sprites.png) no-repeat -610px -40px; width: 80px;} #main-menu ul li a.contact:hover, #main-menu ul li a.contact.active{background: url(../img/sprites.png) no-repeat -610px -14px;width: 80px;} .sub-menu { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; display: none; background: #ddd; position: absolute; text-shadow: 0 1px 1px #ffffff; border: 1px solid #bbb; top: 25px; margin-top: 12px; left: -30%; -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19); padding: 5px 0; z-index: 10; } .sub-menu:before {border-bottom: 20px solid #bbb;border-left: 20px solid transparent;border-right: 20px solid transparent;position: absolute;height: 0;width: 0; display: block; content: '';top: -20px; margin: 0 auto; left: 40px;} .sub-menu:after { border-bottom: 20px solid #ddd; border-left: 20px solid transparent;border-right: 20px solid transparent;position: absolute; height: 0; width: 0; display: block; content: '';top: -19px;margin: 0 auto; left: 40px; } .sub-menu li{float: left;clear: left;padding: 0 10px;z-index: 12;} .sub-menu li a{background: #ddd!important;color: #555!important;text-indent: 0!important;min-width: 80px;padding-top: 5px;padding-bottom: 5px;width: 100px!important;} .sub-menu li a:hover{color: #3a809e!important;} #site-search{float: right;position: relative;} #site-search input {background: none;border: 0;} #site-search #input-container{width: 220px; height: 27px;background: url(../img/sprites.png) 239px -77px;margin-right: 10px;} #site-search #input-container.focus{background: url(../img/sprites.png) 239px -104px;} #site-search #search-input{color: #aaa;margin: 5px 5px 5px 10px;width: 170px;padding-top: 3px;} #site-search #search-input:focus{outline: none!important;} #site-search #search-submit{width: 23px;height: 22px;padding: 0;position: absolute;top: 2px;right: 12px;text-indent: -999em;} #widgets{height: 55px;} #weather-widget{width: 350px;padding-bottom: 0;padding-right: 0;padding-left: 0;} #wxTemp,#wxDesc {display: inline-block; font: 14px/20px Arial,Verdana,sans-serif;color: #555;vertical-align: top;padding-top: 6px;text-shadow: 0 1px 1px #ffffff;} #wxIcon {display: inline-block;width: 61px;height: 34px;margin: 2px 0 -1px 1px;overflow: hidden;background: url('../img/weather-sprites.png') no-repeat 61px 0;} #breadcrumbs{padding-top: 12px;text-shadow: 0 1px 1px #ffffff;float: left;} .channel-title,.widget-title{text-transform: uppercase;font-weight: bold;} .homepage #featured-content, #main-content {width: 800px;float: left;margin-bottom: 20px;margin-right: 20px;} .homepage #featured-content article, .homepage #main-content article {float: left;height: 325px;width: 555px;background-color: #bbb;margin-right: 5px;position: relative;} .homepage #featured-content .featured-area{ width: 575px; height: 325px; float: left; margin-right: 5px; position: relative; background-color: #555; } .homepage #featured-content article{ display: none; z-index: 1; position: relative; left: 0; top: 0; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; opacity: 0; } .homepage #featured-content article.active{ display: block; z-index: 2; opacity: 1; } .homepage #featured-content article a{color:#fff!important} .homepage #main-content article{margin-right: 0;width: 100%;margin-bottom: 20px;height: auto;} .homepage #main-content article.property .article-description{background:#a83b50} .homepage #featured-content aside {width: 220px;float: left;overflow: hidden;height: 325px;} .homepage .featured-article-description, .homepage .article-description {padding: 15px;color: #fff;position: absolute;width: 545px;bottom: 0;background-color: #3a809e;} .homepage .featured-article-description a, .homepage .article-description a {color:#fff!important;} .homepage .featured-article-description, #page-head .title-box, .shop-level-1 .article-description{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%)!important;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)))!important;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)!important;background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)!important;background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)!important;background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%)!important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 )!important;} .ie9gradfix{filter: none!important;} .homepage #featured-content .channels ul {list-style: none;padding: 0;margin: 0;} .homepage #featured-content .channels ul li.one {background-color: #34abab;} .homepage #featured-content .channels ul li.two {background-color: #6D5F8F;} .homepage #featured-content .channels ul li.three {background-color: #DE9C47;} .homepage #featured-content .channels ul li.four {background-color: #3A809E;} .homepage #featured-content .channels ul li a {background-color: #ccc;margin-bottom: 5px;display: block;height: 50px;padding-top: 28px;padding-left: 10px;margin-right: 15px;font: 18px Georgia, "Times New Roman", Times, serif;-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out;} .homepage #featured-content .channels ul li a:hover {margin-right: 20px;} .homepage #featured-content .channels ul li a.active{background-color: #555;color: #ccc!important;margin-right: 20px;} .homepage .col-480 .article-description {width: 450px;position: relative;} .homepage .col-300 .article-description {width: 270px;position: relative;} .col-620 a,.relatives-widget a,#breadcrumbs a{ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .col-620 a:hover,.relatives-widget a:hover,#breadcrumbs a:hover{opacity: 0.6} #main-content h2{font: normal normal 28px Georgia, "Times New Roman", Times, serif; margin-top: 0;} article.spotlight .article-description {background-color: #6d5f8f;} article.calendar .article-description {background-color: #a83b50;} .newsletter-widget,.connect-widget,.relatives-widget{background: #bbb;float: left;width: 270px;margin-bottom: 20px;padding: 15px;color: #fff;} #newsletter-submit{border: 0;outline: 0;height: 32px;background: url(../img/sprites.png) -11px 247px;width: 80px;padding: 0;text-indent: -999em;} #newsletter-submit:hover{background: url(../img/sprites.png) -94px 247px;} .newsletter-input{background: url(../img/sprites.png) -11px 210px;height: 32px;padding: 2px 0 0 10px;border: 0;outline: 0;width: 172px;float: left; margin: 0 8px 0 0;color: #aaa;} .newsletter-widget.small .newsletter-input{background: url(../img/sprites.png) -198px 210px;height: 32px;padding: 2px 10px 0;border: 0;outline: 0;width: 92px;float: left; margin: 0 8px 0 0;color: #aaa;} .newsletter-widget.small #newsletter-submit{border: 0;outline: 0;height: 32px;background: url(../img/sprites.png) -11px 285px;width: 113px;padding: 0;text-indent: -999em;} .newsletter-widget.small #newsletter-submit:hover{background: url(../img/sprites.png) -129px 285px;} .connect-widget.small{width: 125px;padding-right: 0;} .newsletter-widget.small{width: 110px;} .connect-widget ul {list-style: none;margin-bottom: -15px;} .connect-widget ul li a {width: 255px;height: 27px;display: block;margin-left: -55px;padding-top: 9px;padding-left: 45px; text-decoration: none;color: #fff!important;font-size: 14px;} .connect-widget.small ul li a {height: 27px;display: block;margin-left: -55px;padding-top: 9px;padding-left: 45px; text-decoration: none;color: #fff;font-size: 14px;width: 95px;} .connect-widget ul li a.rss{background: url(../img/sprites.png) 0 153px #de9c47;} .connect-widget ul li a.twitter{background: url(../img/sprites.png) -1px 116px #75b0d6;} .connect-widget ul li a.facebook{background: url(../img/sprites.png) 0 78px #5b88c5;} .connect-widget ul li a.email{background: url(../img/sprites.png) 0 41px #5b5b5b;} .relatives-widget{width: 110px;background-color: #7fb2c7;} .relatives-widget ul,.general-widget ul{list-style: none;padding-left: 0;margin-bottom: 0;} .relatives-widget ul li, .general-widget ul li{margin-bottom: 10px;} .relatives-widget ul li:last-of-type,.general-widget ul li:last-of-type{margin-bottom: 0px;} .relatives-widget ul li a {color: #fff!important;} .relatives-widget li ul {display: none;padding-left: 10px;} .general-widget{background-color: #eee;float: left;width: 110px;margin-bottom: 20px;padding: 15px;} .general-widget.payments{background: none;} .magazine-widget{float: left;width: 270px;margin-bottom: 20px;padding: 15px;color: #fff;background-color: #34abab;} .magazine-widget a{color: #fff!important;font: normal normal 24px/32px Georgia, "Times New Roman", Times, serif} #sidebar{width: 140px; float: right;display: block;} #sidebar span,.general-widget.payments span{margin: 0 auto 10px;display: block;text-align: center;color: #555;font-size: 10px;} .ad {background: #ddd;width: 100%;display: block;margin-bottom: 20px;border: 1px solid #ccc;} .sister a{height: 45px; margin-bottom: 20px; background: url(../img/little-sisters.jpg) no-repeat center 0 #fff; display: block; text-indent: -999em;opacity: 0.7;} .sister a:hover{opacity: 1;} .sister.wedding a{background: url(../img/little-sisters.jpg) no-repeat center -40px #fff;height: 40px;} .sister.eatdrink a{background: url(../img/little-sisters.jpg) no-repeat center -78px #fff;height: 40px;} .sister.gardening a{background: url(../img/little-sisters.jpg) no-repeat center -117px #fff;height: 35px;} .sister.summer a{background: url(../img/little-sisters.jpg) no-repeat center -152px #fff;height: 50px;} .sister.farming a{background: url(../img/little-sisters.jpg) no-repeat center -205px #fff;height: 30px;} .sister.business a{background: url(../img/little-sisters.jpg) no-repeat center -234px #fff;height: 33px;} .sister.christmas a{background: url(../img/little-sisters.jpg) no-repeat center -268px #fff;height: 47px;} .sister-publications {list-style-type:none;padding-left:0;text-align:center;} .sister-publications a{display:block;} .sister-publications a:hover{opacity:0.8;} .sister-publications li{display:block;margin-bottom:15px;} .sister-publications img{height:auto;max-width:100%;} #page-head {height: 400px;position: relative;margin-bottom: 10px;} #page-head.seller {height: 400px;position: relative;margin-bottom: 20px;} #page-head .title-box {position: absolute;bottom: 0;width: 600px;padding: 20px 20px 0;} #page-head .title {color: #fff;font: normal normal 28px Georgia, "Times New Roman", Times, serif;} #page-body{font-size: 13px;} .sub-heading{font-size: 16px} #ingredients{list-style: none;padding: 0;} #ingredients li{margin-bottom: 5px;} #ingredients li:before{content: "- ";} .rel-links{font-style: italic;} #share-this{text-indent: -999em;display: block;background: url(../img/sprites.png) -271px -238px;height: 31px; width: 99px;} #share-this:hover{background: url(../img/sprites.png) -371px -238px;} #related, #new-products, #most-popular, #seller-products{display: block;width: 640px;} #related ul,#new-products ul,#most-popular ul,#seller-products ul {list-style: none;padding: 0;display: table;} #related li, #new-products li, #most-popular li, #seller-products li {height:280px;width: 200px;display: block;float: left;margin-right: 20px;} #related li.last, #new-products li.last,#most-popular li.last, #seller-products li.last{margin: 0;} #related h4, #new-products h4, #most-popular h4,#seller-products h4{font: normal normal 16px Georgia, "Times New Roman", Times, serif; margin: 15px 0;} #related li.tiny, #new-products li.tiny, #most-popular li.tiny,#seller-products li.tiny{width: 145px;position: relative;margin-bottom: 20px;} #related,#comments,#new-products,#most-popular,#seller-products{float: left;} #comments{width:640px} #comments h3 small a{color: #bbb;font-size: 16px;} #comments ol{list-style: none;padding: 0;} #comments li{padding: 15px;} #comments li.one{background-color: #f8f8f8;} #comment_form ul, #contact_form ul { list-style: none; padding: 0!important;overflow: hidden;} #comment_form li, #contact_form li { border-top: 1px solid #f8f8f8; padding: 20px; display: table; width: 620px;} #comment_form label, #contact_form label { cursor: default; display: table-cell; width: 131px; padding-right: 20px; font-size: 12px; text-align: right;} #comment_form input, #comment_form textarea, #contact_form input, #contact_form textarea { border: #ccc 1px solid; background-color: #f8f8f8; padding: 6px; font: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #comment_form #submit, #contact_form #submit{background: url(../img/sprites.png) -271px -272px #fff;border: none!important;width: 74px;text-indent: -999em;height: 31px;} #comment_form #submit:hover, #contact_form #submit:hover{background: url(../img/sprites.png) -346px -272px #fff;} #comment_form small,#contact_form small{color: #bbb;} .form-note{margin: 0;color: #bbb;} #form #contact_form label { width:150px; } #form .required { color: red; padding-left: 5px; } #form .error { color: #E22E2E; } #property-banner{height: 60px;background: url(../img/property-banner.png) no-repeat 7px 7px;margin-bottom: 20px;} #shop-banner{height: 93px;background: url(../img/shop-banner.jpg) no-repeat 0 0 #fff;margin-bottom: 20px;} #agent-logo{margin: 10px 0;} .listing{background: #f8f8f8!important; height: auto!important; padding: 20px;width: auto!important;margin-bottom: 0!important;} .listing.two{background: none!important;} .listing h3{margin-top: 0;} #featured-level-1 article{width: 640px!important;margin-right: 0!important;} #featured-level-2 article{width: 325px;height: auto} #featured-level-1 article, #featured-level-2 article {float: left;height: auto;background-color: #bbb;margin-right: 5px;position: relative;} .homepage #main-content article{margin-right: 0;width: 100%;margin-bottom: 20px;} #featured-level-1 .article-description, #featured-level-2 .article-description {padding: 15px;color: #fff!important;position: absolute;width: 525px;bottom: 0;background-color: #3a809e;} .shop-level-1 .article-description {background-color: transparent!important;} #featured-level-1, #featured-level-2{margin-bottom: 20px!important; float: left;} #featured-level-1 .article-description a, #featured-level-2 .article-description a{color: #fff!important;} .level-1 .article-description{width: 610px!important;} .level-2 {width: 310px!important;float: left;margin-right: 0!important;} .level-2.one{margin-right: 20px!important;} .level-2 .article-description{width: 280px!important;position: relative!important;min-height: 100px} #all,#most-popular,#most-recent{display: block;float: left;} .level-3 {width: 200px;display: block;float: left;margin-right: 20px;} .level-3.last{margin: 0;} .level-3 h4{font: normal normal 16px Georgia, "Times New Roman", Times, serif; margin: 15px 0;} #all{border-top: 1px solid #ddd;width: 100%;padding-top: 20px;margin-top: 10px;} #all a{border-bottom-style: dotted;border-bottom-width: 1px;} #view-gallery, #view-legacy-gallery, #view-map, #view-brochure, #view-video, #share-this{margin-bottom: 10px;} #view-gallery:hover, #view-legacy-gallery:hover, #view-map:hover, #view-brochure:hover, #view-video:hover, #share-this:hover{opacity: 1} #view-gallery,#view-legacy-gallery{text-indent: -999em;display: block;background: url(../img/sprites.png) -11px -197px;height: 31px; width: 122px;} #view-gallery:hover,#view-legacy-gallery:hover{background: url(../img/sprites.png) -140px -197px;} #view-map{text-indent: -999em;display: block;background: url(../img/sprites.png) -11px -236px;height: 31px; width: 122px;} #view-map:hover{background: url(../img/sprites.png) -140px -236px;} #view-brochure{text-indent: -999em;display: block;background: url(../img/sprites.png) -11px -277px;height: 31px; width: 124px;} #view-brochure:hover{background: url(../img/sprites.png) -140px -277px;} #view-video{text-indent: -999em;display: block;background: url(../img/sprites.png) -11px -159px;height: 31px; width: 124px;} #view-video:hover{background: url(../img/sprites.png) -139px -159px;} .product_price{font-size: 16px;} #product-options{height: auto;float: left;width: 100%;} #product-options ul{list-style: none;padding: 0;} #product-options li{margin-bottom: 15px;} #product-options .buy{width: 42px;height: 29px;background: url(../img/sprites.png) 212px -224px;margin-top: -6px;text-indent: -999em;border:0} #product-options .buy:hover{width: 42px;height: 29px;background: url(../img/sprites.png) 170px -224px;margin-top: -6px;text-indent: -999em;} .seller-link,.seller-image{ margin: 10px auto;display: block;} .product-title-small{margin: 10px 0!important;} .price-tag{ margin: 0;color: #667e2a;font-weight: bold;} input[id^="product_quantity"] {background: url(../img/sprites.png) -311px 210px;height: 32px;padding: 0 10px 0;border: 0;outline: 0;width: 22px;margin: 0 6px 0 6px;color: #aaa;} #view-preview{text-indent: -999em;display: block;background: url(../img/sprites.png) -361px -365px;height: 31px;width: 124px;} #view-preview:hover{background: url(../img/sprites.png) -490px -365px} #download-now{text-indent: -999em;display: block;background: url(../img/sprites.png) -361px -398px;height: 31px;width: 112px;} #download-now:hover{background: url(../img/sprites.png) -473px -398px} .product-status{position: absolute;top: 15px;right: -3px;width: 74px;height: 35px;} .product-status.new{background: url(../img/sprites.png) 106px -269px;} .product-status.offer{background: url(../img/sprites.png) 106px -307px;} #basket{width: 242px;height: 30px;background: url(../img/sprites.png) 369px -154px;float: right;margin-top: 5px;position:relative; color: #333;} #basket .edit-basket{background: url(../img/sprites.png) 242px -154px;position: absolute;right: 69px;bottom: 0; height: 30px;width: 46px;text-indent: -999em;} #basket .go-checkout{background: url(../img/sprites.png) 196px -154px;position: absolute;right: 0;bottom: 0;width: 69px;height: 30px;text-indent: -999em;} #basket .edit-basket:hover{background: url(../img/sprites.png) 242px -187px;} #basket .go-checkout:hover{background: url(../img/sprites.png) 196px -187px;} #basket .number-items {font-weight: 600;font-size: 12px;position: absolute;top: 7px;left: 32px;} #basket .basket-total {font-weight: 600;font-size: 12px;position: absolute;top: 7px;left: 60px;} #payment-types{text-indent: -999em;display: block;height: 160px;width: 110px;background: url(../img/payments.jpg) -13px -9px;} .clearfooter{height: 100px;clear: both;} footer{background: url(../img/footerbg.jpg) no-repeat center #e6e6e6;padding-top: 15px;text-shadow: 0 1px 1px #ffffff;border-top: 1px solid #ccc;position: relative;height: 100px} #member-panel{position: absolute;width: 100%;z-index: 20;} #member-panel #login,#member-panel #register{display: none;} .panel{margin: 0 auto;display: block;width: 599px;padding: 20px;background-color: #f5f5f5;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-shadow: 0 1px 1px #ffffff; border: 1px solid #aaa; -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.19);position: relative;height: 120px;} #member-panel #login{width: 399px; } .panel form ul{list-style: none;padding: 0;} .panel form li{display: inline-block;margin-right: 5px;margin-bottom: 5px;float: left;} .panel form li.nomargin{margin-right: 0;} .panel form li small{padding: 10px 5px 10px 0;} .panel form li.check{margin: 5px 10px 0 0;} .panel form .textinput {background: url(../img/sprites.png) -11px 210px;height: 32px;padding: 2px 0 0 10px;border: 0;outline: 0;width: 172px;float: left;margin: 0 8px 0 0;color: #aaa;} .panel h4{margin: 0;font-size: 16px;font-weight: normal;font-style: normal;} .panel .close-panel {position: absolute;right: 25px;bottom: 25px;display: none;} #member-panel #submit{background: url(../img/sprites.png) -271px -272px;border: none!important;width: 75px;text-indent: -999em;height: 31px;} #member-panel #submit:hover{background: url(../img/sprites.png) -346px -272px;border: none!important;width: 75px;text-indent: -999em;height: 31px;} #password-reset{display:none;} #password-reset #submit{margin-top: 18px;} #iforgot,#iremember{position: absolute;right: 23px;top: 23px;color: #aaa!important;} #login.panel h4{position: absolute;top: 20px;left: 20px;} #password-reset,#login-form{margin-top: 30px;} #user_gmap{ width:640px;height:300px; margin:20px auto 0px; border:solid 1px #ccc; } #all-results h4, #all-posts h4,#all-events h4 {font: normal normal 18px Georgia, "Times New Roman", Times, serif;margin: 0 0 5px;} #all-results small,#all-posts small,#all-events small {padding-top: 3px;padding-bottom: 3px;border-top: 1px dotted; #333;border-bottom: 1px dotted; #333;display: block;} #all-results p,#all-posts p,#all-events p{margin: 5px 0 0;} #all-posts .listing,#all-posts .listing-img, #all-posts .listing-desc {float: left; display: block;} #basket-contents .listing,#basket-contents .listing-img, #basket-contents .listing-desc {float: left; display: block;} #basket-contents .listing-img, #all-posts .listing-img{width: 145px;margin-right: 10px;} #basket-contents .listing-desc, #all-posts .listing-desc{width: 445px;} .listing-img img {height:auto;max-width: 100%;} .hidden{display:none} .dim{opacity: 0.5} .see-all a {font-size: 18px;border-bottom: 1px dotted #777;color: #777!important;} #update_cart_form .product {border-bottom: 1px dotted;margin-bottom: 10px;padding-bottom: 10px;} #update_cart_form .update {border: 0;outline: 0;height: 30px;background: url(../img/sprites.png) -271px 297px;width: 75px;padding: 0;text-indent: -999em;} #update_cart_form .update:hover {background: url(../img/sprites.png) -346px 297px;} #update_cart_form .proceed {border: 0;outline: 0;height: 30px;background: url(../img/sprites.png) -271px 266px;width: 111px;padding: 0;text-indent: -999em;} #update_cart_form .proceed:hover {background: url(../img/sprites.png) -383px 266px} iframe{display: none} div.youtube {height:0;margin-bottom:1em;padding-bottom:56.25%;padding-top:25px;position:relative;} div.youtube iframe{display:block;height:100%;left:0;position:absolute;top:0;width:100%;} #notification {background-color: #f4e3b9;border-bottom: 1px solid #bfa13e;color: #6c604b;text-align: center;padding: 3px 0;} #billing ul, #shipping ul, #additional_info ul { list-style: none; padding: 0!important;overflow: hidden;} #billing li, #shipping li, #additional_info li { border-top: 1px solid #f8f8f8; padding: 20px; display: table; width: 620px;} #billing label, #shipping label, #additional_info label { cursor: default; display: table-cell; width: 131px; padding-right: 20px; font-size: 12px; text-align: right;} #billing input, #shipping input, #additional_info input { border: #ccc 1px solid; background-color: #f8f8f8; padding: 6px; font: "Open Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .gal-wrap {width: 200px;margin: 0 20px 20px 0;float: left;} .gal-wrap.three {margin: 0 0 20px 0;} .form-download, .form-link { background: #A7C520; background: linear-gradient(#B5D32D,#6DAE19); border-top: solid 1px #F5F6D4; color: #FFFFFF!important; display: inline-block; margin-bottom: 0.5em; padding: 0.25em 0.5em; border-radius: 3px; font-weight: 700; text-shadow: -1px -1px rgba(51, 52, 33, 0.3); } #contact_form.toe-form { } #contact_form.toe-form li { display: block; width: auto; } #contact_form.toe-form label { display: block; margin-bottom: 0.25em; text-align: left; width: 100%!important; } #contact_form.toe-form input, #contact_form.toe-form textarea { box-sizing: border-box; width: 100%; } #contact_form .form-section { border-bottom: solid 1px #ccc; padding-bottom: 1em!important; } #contact_form .form-section:last-of-type { border: none; } #contact_form .form-section li:first-of-type { border-top: none!important; } .sponsor-list { list-style-type: none; margin: 1em 0 0; padding: 0; } .sponsor-list li { display: block; margin-bottom: 1.25em; } .sponsor-list li:last-of-type { margin-bottom: 0; } .sponsor-list img { height: auto; max-width: 100%; } .matrix tr { border-bottom: 1px solid #ccc; } .matrix tr:last-of-type { border-bottom: none; } .matrix td { padding: 0.35em 0; vertical-align: middle; } .chef-matrix td { padding: 0.35em; } .chef-matrix td:first-of-type { padding-left: 0; } p.title { font-size: 1.1em; font-weight: 700; margin-top: 0; } .sub-list { font-size: 0.95em; padding-left: 10px!important; } .sub-list li { position: relative; } .sub-list li:before { content: '-'; left: -10px; position: absolute; } /* ============================================================================= Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }