/***** Get Fancy Fonts from Google ******/ @font-face {font-family: 'Lato';font-style: normal;font-weight: 300;src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');} @font-face {font-family: 'Lato';font-style: normal;font-weight: 400;src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');} @font-face {font-family: 'Lato';font-style: normal;font-weight: 700;src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');} /***** End Fancy Fonts *****/ * {margin:0;padding:0;font-family:"Lato", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-text-size-adjust: 100%;} /* Set a few defaults */ body {font-size:15px;} a {color:#4082c8;text-decoration:none;} p {margin:0 0 15px;font-size:15px;} h2 {font-size:22px;margin:35px 0 15px;} h3 {margin:25px 0 10px;} ul, ol {margin:15px 0 15px 35px;} ul li, ol li {margin:0 0 5px;} /* Set custom classes */ .bit {padding:0;overflow:auto;max-width:1000px;box-sizing:border-box;margin:0 auto;position:relative;} .bit.feature {padding:20px 5px 5px 20px;border-bottom:1px solid #DDDDDD;} .full-width {padding:25px 20px;} .third {width:33.333333%;min-width:300px;float:left;box-sizing:border-box;padding:25px 20px;} .two-third {width:66.66666%;float:left;padding:25px 20px;box-sizing:border-box;min-width:300px;} .half {width:50%;float:left;box-sizing:border-box;padding:25px 20px;min-width:300px;} .list-inline {list-style-type:none;overflow:auto;} .list-inline li {float:left;margin:0;} .list-inline li a {display:block;text-decoration:none;} .xpndr {display:none;} .showMobile {display:none;} .dropdown-icon {background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-size:105px 45px;width:10px;height:4px;margin:0 0 2px 5px;background-position:-26px -29px;display:inline-block;} .dropdown-icon-open {transform:rotate(180deg);} /**** Header ****/ #header {background-color:#7677b0;height:100px;} #header .bit {padding:0;height:100px;} /* Logo */ #header #logo {padding:15px;float:left;position:relative;} #header #logo img {display:block;} #header #logo span {position:absolute;bottom:15px;left:165px;font-size:14px;width:120px;color:#FFFFFF;border-left:1px solid #FFFFFF;padding:0 0 0 5px;padding:26px 0 0 10px;} /* Main Navigation */ #nav {padding:0;background-color:#6566a4;} #nav .bit {overflow:visible;} #nav ul {margin:0;} #nav ul li {margin:0;} #nav ul li a.nav-top {display:inline-block;text-decoration:none;color:#FFFFFF;padding:5px 14.5px 5px;box-sizing:border-box;height:32px;font-size:15px;} #nav ul li a.nav-top:hover, #nav ul li:hover a.nav-top {background-color:#7e7fbd;} #nav ul li.spotlight {background-color:#F97EBB;} /* Drop-Down Navigation */ #nav ul li .nav-sub {z-index:9999999;position:absolute;left:auto;top:32px;background-color:#FFFFFF;width:auto;padding:0;box-sizing:border-box;border:1px solid #DDDDDD;border-top:none;overflow:auto;} #nav ul li .nav-sub {display:none;} #nav ul li:hover .nav-sub {display:block;} #nav ul li .nav-sub .nav-sub-list {overflow:auto;background-color:#FFFFFF;float:left;padding:15px 0;} #nav ul li .nav-sub .nav-sub-list a {font-size:16px;} #nav ul li .nav-sub ul {float:left;padding:0;min-width:200px;} #nav ul li .nav-sub ul li {float:none;list-style-type:none;} #nav ul li .nav-sub ul li a {padding:10px 25px;display:block;} #nav ul li .nav-sub ul li a:hover {background-color:#F5F5F5;} #nav ul li .nav-sub ul li a.nav-preg-guide {background-color:#F97EBB;color:#FFFFFF;} #nav ul li a.nav-top {border-bottom:3px solid #7e7fbd;} #nav ul li.nav-concep a.nav-top, #nav ul li.nav-concep .nav-sub {border-bottom:3px solid #FFCC00;} #nav ul li.nav-preg a.nav-top, #nav ul li.nav-preg .nav-sub {border-bottom:3px solid #F97EBB;} #nav ul li.nav-baby a.nav-top, #nav ul li.nav-baby .nav-sub {border-bottom:3px solid #2ec6ff;} #nav ul li.nav-todd a.nav-top, #nav ul li.nav-todd .nav-sub {border-bottom:3px solid #ff8433;} #nav ul li.nav-kids a.nav-top, #nav ul li.nav-kids .nav-sub {border-bottom:3px solid #82d935;} /* Top Right Navigation */ #nav #header-nav-extra {position:absolute;right:0;top:-90px;} #nav #header-nav-extra ul li a {display:block;text-decoration:none;color:#FFFFFF;padding:8px 8px;font-size:13px;} #nav #header-nav-extra ul li a:hover {text-decoration:underline;} /* Search Bar */ #header #header-search {position:absolute;bottom:0;right:0;width:100%;clear:both;max-width:330px;margin:0 auto;} #header #header-search #site-search {padding:10px 0;width:100%;box-sizing:border-box;} #header #header-search #site-search input.search-keyword {padding:6px;font-size:15px;width:80%;border:none;box-sizing:border-box;-webkit-appearance:none;border-radius:0;height:30px;} #header #header-search #site-search button.search-submit {background-color:#9192cb;cursor:pointer;border:none;-webkit-appearance:none;vertical-align:bottom;width:20%;text-align:center;height:30px;} #header #header-search #site-search button.search-submit span.search-submit-icon {display:block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-size:209px 90px;width:22px;height:22px;background-position:-1px -45px;margin:3px auto 4px;} /* Mobile Search and Menu Icon */ #header #header-btn {position:absolute;bottom:0;right:0;display:none;} #header #header-btn .header-btn-bit {float:right;width:70px;cursor:pointer;height:53px;} #header #header-btn .header-btn-bit .header-btn-icon {background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-size:337px 145px;width:36px;height:37px;} #header #header-btn .header-btn-bit.menu-icon .header-btn-icon {background-position:-40px -73px;margin:9px 0 0 17px;} #header #header-btn .header-btn-bit.search-icon .header-btn-icon {background-position:-1px -72px;margin:8px 0 7px 17px;} /**** Header Ads ****/ #header-ads {max-width:1000px; margin:0 auto;padding:0;clear:both;overflow:auto;} /**** Footer ****/ #footer {background-color:#7677b0;border-top:2px solid #FFCC00;} #footer #footer-nav {float:left;} #footer #footer-nav ul {font-size:14px;margin:0;} #footer #footer-nav ul.footer-stand-out {background-color:#6566a4;border-left:5px solid #F36CB3;display:inline-block;margin:0 0 0 -5px;} #footer #footer-nav ul li {margin:0;} #footer #footer-nav ul li a {color:#FFFFFF;padding:10px 15px;} #footer #footer-nav ul li a:hover {background-color:#7e7fbd;} #footer #social-footer {padding:15px 0 15px 15px;overflow:auto;background-color:#6566a4;float:left;margin:8px 0 0 32px;width:185px;border-radius:10px;} #footer #social-footer a {width:30px;height:30px;background-image:url('/images/layout/bh-master-sprite.svg');margin:0 15px 0 0;float:left;background-size:302px 130px;background-color:#FFFFFF;} #footer #social-footer a.social-footer-fb {background-position:-2px -164px;} #footer #social-footer a.social-footer-tweet {background-position:-66px -164px;} #footer #social-footer a.social-footer-pin {background-position:-34px -164px;} #footer #social-footer a.social-footer-insta {background-position:-130px -164px;} #footer #logo-footer {width:140px;height:60px;float:left;margin:7px 0 0 42px} /**** Main ****/ #main {max-width:1000px;margin:0 auto;padding:0;overflow:auto;clear:both;background-color:#FFFFFF;} #main #main-left {width:675px;padding:20px 10px 20px 15px;box-sizing:border-box;float:left;} #main #main-right {width:325px;float:right;box-sizing:border-box;padding:20px 15px 20px 10px;} /**** Main Right ****/ #main #main-right .right-bit {width:100%;margin:0 0 20px;border-bottom:1px solid #DDDDDD;overflow:auto;} #main #main-right .right-bit .right-title {text-align:center;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;font-size:14px;color:#999999;padding:10px;position:relative;} #main #main-right .right-bit .right-title span.right-bit-icon {background-size:158px 68px;height:16px;width:16px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;margin:0 8px -3px 0;} #main #main-right .right-bit .right-title span.right-popular-icon {background-position:-124px -18px;width:25px;background-size:160px 69px;margin:0 10px -2px 0;} #main #main-right .right-bit .right-title span.right-article-icon {background-position:-1px -1px;} #main #main-right .right-bit .right-title span.right-forum-icon {background-position:-18px -1px;width:23px;} #main #main-right .right-bit .right-title span.right-review-icon {background-position:-122px -18px;margin-bottom:-2px;} #main #main-right .right-bit .right-title span.right-competition-icon {background-position:-95px -1px;width:19px;} #main #main-right .right-bit .right-title span.right-support-icon {background-position:-41px -1px;width:19px;} #main #main-right .right-bit .right-title span.right-dropdown-icon {display:none;background-size:147px 63px;height:7px;width:14px;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;position:absolute;right:15px;top:16px;background-position:-36px -32px;} #main #main-right .right-bit .right-sub-title {color:#999999;font-size:14px;border-bottom:1px solid #DDDDDD;display:inline-block;padding:10px 50px 5px 0;margin:0 0 0 10px;} #main #main-right .right-bit .right-list {padding:10px 0;} #main #main-right .right-bit .right-list a {display:block;padding:8px 10px;font-size:14px;} #main #main-right .right-bit .right-list a span {display:block;color:#999999;} #main #main-right .right-bit .right-list a:hover {background-color:#F5F5F5;} #main #main-right .right-bit .right-bit-links {text-align:center;margin:10px 0 10px;} #main #main-right .right-bit .right-bit-links a {display:inline-block;border:1px solid #DDDDDD;border-radius:5px;padding:5px 10px;color:#999999;margin:0 5px;font-size:11px;} #main #main-right .right-bit .right-bit-home {text-align:right;margin:0 0 -10px;} #main #main-right .right-bit .right-bit-home a {font-size:14px;padding:10px;} #main #main-right .right-bit.right-signup {border-radius:20px;box-sizing:border-box;text-align:center;background-color:#F8F8F8;border:none;} #main #main-right .right-bit.right-signup .right-list {padding:0;} #main #main-right .right-bit.right-signup .right-list a {font-size:15px;padding:5px 0;font-weight:bold;color:#000000;} #main #main-right .right-bit.right-signup .right-list a:hover {background-color:#FFCC00;} #main #main-right .right-bit.right-signup .right-signup-bit {padding:5px 0;background-color:#FFCC00;} #main #main-right .right-bit.right-signup .right-socials {overflow:auto;display:block;margin:0;padding:10px 0;} #main #main-right .right-bit.right-signup .right-socials a {background-color:#DDDDDD;border-radius:50%;height:30px;width:30px;padding:0;margin:0 5px -3px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-size:305px 131px;} #main #main-right .right-bit.right-signup .right-socials a.right-social-f {background-position:-2px -34px;} #main #main-right .right-bit.right-signup .right-socials a.right-social-t {background-position:-67px -34px;} #main #main-right .right-bit.right-signup .right-socials a.right-social-g {background-position:-99px -34px;} #main #main-right .right-bit.right-signup .right-socials a.right-social-p {background-position:-35px -34px;} #main #main-right .right-bit.right-signup .right-socials a.right-social-i {background-position:-131px -34px;} #main #main-right .right-bit .right-support-bit {padding:18px 10px;font-size:14px;} #main #main-right .right-bit .right-support-bit a {margin:0 0 5px;display:block;} #main #main-right .right-bit .right-support-bit span {display:block;color:#999999;} #main #main-right .right-bit .right-list .right-forum {height:300px;overflow:hidden;} #main #main-right .right-bit .right-list .right-forum-bit {padding:8px 10px 8px 25px;position:relative;font-size:14px;} #main #main-right .right-bit .right-list .right-forum-bit:hover {background-color:#F5F5F5;} #main #main-right .right-bit .right-list .right-forum-bit a {padding:0;} #main #main-right .right-bit .right-list .right-forum-bit span.right-forum-bit-active {width:10px;height:10px;background-color:#78ce56;border-radius:50%;position:absolute;top:12px;left:10px;} #main #main-right .right-bit .right-list .right-forum-bit span.right-forum-bit-forum {color:#999999;} #main #main-right .right-bit .right-list .right-review-bit {padding:8px 15px;} #main #main-right .right-bit .right-list .right-review-bit:hover {background-color:#F5F5F5;} #main #main-right .right-bit .right-list .right-review-bit a {padding:0;margin:0 0 5px;} #main #main-right .right-bit .right-list .right-review-bit div {font-size:14px;margin:0 0 5px;} #main #main-right .right-bit .right-list .right-review-bit .right-review-bit-title {display:inline-block;} #main #main-right .right-bit .right-list .right-review-bit .right-review-bit-author {color:#999999;font-style:italic;display:inline-block;} #main #main-right .right-bit .right-list .right-review-bit .right-review-bit-stars {overflow:auto;} #main #main-right .right-bit .right-list .right-review-bit span.right-review-star {float:left;width:20px;height:20px;background-size:186px 80px;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-position:-65px -40px;margin:0 2px 0 0;} #main #main-right .right-bit .right-list .right-review-bit span.right-review-star-half {background-position:-85px -40px;} #main #main-right .right-bit .right-list .right-review-bit span.right-review-star-empty {background-position:-105px -40px;} /**** Ad Units ****/ #OriginPlatformAdUnit-2629-overthepage {display:none;} #ad-300x250-btf {margin:20px auto 30px;} p.ad-text {font-size:9px;color:#BBBBBB;margin:0 0 2px;padding:0;text-align:center;} .ad-top-bit {border-bottom:1px solid #DDDDDD;padding:0;text-align:center;} /** Desktop Units */ #ad-242x90 {position:absolute;left:305px;top:0;} #ad-fs300x100 {position:absolute;left:305px;top:0;} #ad-728x90 {margin:0 auto;text-align:center;display:inline-flex;} #ad-728x90 #ros_8807 {margin:auto;} #ad-300x250 {margin:0 0 20px;float:right;} #ad-300x100 {margin:0 0 20px;float:right;} #ros_adoop {display:none;} /* Rules for GN Re-Skin */ body {background-position:center 132px !important;margin:0 !important;} /* Mobile Units */ #ad-320x50 {margin:0 auto;text-align:center;display:none;} #ad-300x250-mobile {width:300px;margin:25px auto;display:none;} .mobile-adzone {border-top:1px solid #DDDDDD;} #ad-300x100-mobile {margin:0 auto;width:300px;display:none;} #mobile-ads {border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;margin:0;} /* Hub Units */ #ad-300x250-hub {margin:0 0 20px;float:right;} /********* Home Page and Hub Page Styles *********/ /* Hub Title */ .bit.page-title {padding:10px;border-bottom:1px solid #DDDDDD;text-align:center;} .page-title h1 {font-size:24px;margin:0;} .page-title h4 {font-size:16px;color:#777777;font-weight:normal;} .page-title h4 span {display:inline-block;} /* Hub Page Feature Block */ #feature {overflow:auto;} #feature .ft-left {float:left;overflow:auto;} #feature .ft-right {float:left;overflow:auto;width:472px;} #feature .ft-488x300 {position:relative;margin:0 15px 15px 0;} #feature .ft-488x300 img {display:block;} #feature .ft-216x140 {margin:0 15px 15px 0;float:left;width:221px;height:142px;overflow:hidden;position:relative;} #feature .ft-216x140 img {width:auto;height:auto;max-height:100%;} #feature span {position:absolute;bottom:0;left:0;padding:15px;background-color:rgba(255,255,255,0.85);width:100%;box-sizing:border-box;font-size:26px;font-weight:bold;} #feature a {color:#000000;} #feature a:hover span {padding-bottom:20px;transition:padding .1s;transition-timing-function:linear;} #feature .ft-216x140 span {padding:10px;font-size:15px;} #feature .ft-216x140 a:hover span {padding-bottom:15px;} #feature .ft-216x140.ft-last {height:85px;} #feature .ft-216x140.ft-last img {width:221px;max-height:inherit;} #feature .hub-home-link {float:left;text-align:center;margin:0;} #feature .hub-home-link a {padding:10px;color:#FFFFFF;background-color:#0099cd;font-weight:bold;font-size:18px;box-sizing:border-box;border-radius:5px;width:221px;display:inline-block;} /* Hub Page Blocks */ .hub {border-bottom:1px solid #DDDDDD;} #main .hub:last-child {border-bottom:none;} .hub h2 {text-align:center;border-bottom:1px solid #DDDDDD;margin:0 0 15px;padding:10px;font-size:28px;font-weight:normal;border-top:1px solid #DDDDDD;} .hub h2 span.hub-bit-icon {margin:0 8px -1px 0;background-size:242px 104px;height:25px;width:25px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;} .hub p {text-align:center;} .hub p.hub-pop {font-weight:bold;color:#FF6600;font-size:20px;} .hub ul {list-style-type:none;margin:0;} .hub ul li {margin:0;} .hub .hub-home-link {text-align:center;margin:20px 0;} .hub .hub-home-link a {padding:10px 25px;border-radius:5px;display:inline-block;font-weight:bold;font-size:18px;color:#FFFFFF;} .hub .hub-directory .hub-home-link a {background-color:#7677b0;} .hub .hub-forum .hub-home-link a {background-color:#78ce56;} .hub .hub-reviews .hub-home-link a {background-color:#FFCC00;} .hub .hub-articles .hub-home-link a {background-color:#0099cd;} .hub .hub-tips-tools .hub-home-link a {background-color:#78ce56;} .hub .hub-comps .hub-home-link a {background-color:#b2882b;} .hub .hub-directory {} .hub .hub-directory h2 span.hub-bit-icon {background-position:-224px -1px;width:16px;} .hub .hub-directory #hub-directory-search {margin:0 0 20px;} .hub .hub-directory #hub-directory-search #hub-keyword {font-size:16px;width:75%;padding:10px 5px;border:1px solid #DDDDDD;box-sizing:border-box;-webkit-appearance:none;} .hub .hub-directory #hub-directory-search #hub-submit {font-weight:bold;font-size:16px;width:23%;background-color:#7677b0;color:#FFFFFF;border:none;border-radius:5px;box-sizing:border-box;padding:10px 5px;cursor:pointer;-webkit-appearance:none;} .hub .hub-directory .hub-directory-dropdown {overflow:auto;text-align:center;} .hub .hub-directory .hub-directory-dropdown .hdd-half {text-align:left;display:inline-block;margin:0 5px 10px;background-color:#F8F8F8;border:1px solid #DDDDDD;border-radius:10px;padding:10px 15px 15px;box-sizing:border-box;max-width:290px;width:100%;} .hub .hub-directory .hub-directory-dropdown .hdd-half h4 {margin:0 0 5px;} .hub .hub-directory .hub-directory-dropdown .hdd-half select {width:100%;box-sizing:border-box;padding:5px;font-size:15px;} .hub .hub-guides {overflow:auto;border-radius:10px;border:2px solid #f97ebb;} .hub .hub-guides .hub-guides-top {background-color:#f97ebb;padding:15px;color:#FFFFFF;line-height:175%;text-align:center;font-size:20px;font-weight:bold;} .hub .hub-guides .hub-guides-bottom {padding:15px;text-align:left;} .hub .hub-guides .hub-guides-bottom p {font-size:18px;text-align:left;} .hub .hub-guides .hub-guides-bottom a {clear:both;display:inline-block;border-radius:5px;padding:10px 15px;text-decoration:none;font-size:18px;background-color:#F97EBB;color:#FFFFFF;} .hub .hub-forum h2 span.hub-bit-icon {background-position:-28px -1px;width:35px;} .hub .hub-forum ul {background-color:#F8F8F8;border-radius:10px;} .hub .hub-forum ul li {padding:15px;border-bottom:1px solid #DDDDDD;position:relative;margin:0 10px;} .hub .hub-forum ul li:last-child {border:none;} .hub .hub-forum ul li .active-thread {height:10px;width:10px;background-color:#78ce56;border-radius:50%;float:left;margin:5px 5px 0 0;position:absolute;top:15px;left:13px;} .hub .hub-forum ul li a {text-decoration:none;color:#4082C8;font-weight:bold;margin:0 0 0 15px;display:block;} .hub .hub-forum ul li .thread-info {padding:0 0 0 15px;} .hub .hub-forum ul li .thread-info span {font-size:14px;padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px solid #DDDDDD;color:#999999;} .hub .hub-forum ul li .thread-info span:last-child {border:none;} .hub .hub-signup {overflow:auto;background-image:url('/images/hubs/home/NewsletterSignUp-BG.jpg');background-position:center right;padding:20px;} .hub .hub-signup .hub-signup-box {max-width:650px;margin:0 auto;padding:0 100px 0 0;box-sizing:border-box;} .hub .hub-signup p {text-align:left;} .hub .hub-signup p span {display:inline-block;} .hub .hub-signup p.hub-signup-bold {font-size:26px;font-weight:bold;color:#134e5b;margin:0 0 10px;} .hub .hub-signup form {max-width:650px;margin:0 auto;} .hub .hub-signup #signup-email {font-size:16px;padding:10px;width:75%;box-sizing:border-box;border:none;margin:0 10px 10px 0;border-radius:5px;} .hub .hub-signup #signup-submit {font-size:16px;border:none;color:#FFFFFF;background-color:#1f6979;border-radius:5px;padding:10px 5px;cursor:pointer;-webkit-appearance:none;width:20%;font-weight:bold;min-width:100px;} .hub .hub-articles h2 span.hub-bit-icon {background-position:-1px -1px;width:26px;} .hub .hub-articles ul li a {padding:15px;border-bottom:1px solid #DDDDDD;text-decoration:none;color:#4082C8;font-weight:bold;display:block;} .hub .hub-articles p {margin:0 auto 20px;} .hub .hub-reviews h2 span.hub-bit-icon {background-position:-187px -27px;width:24px;} .hub .hub-reviews .hub-reviews-bit {padding:15px;border-bottom:1px solid #DDDDDD;overflow:auto;text-align:center;} .hub .hub-reviews .hub-reviews-bit .hub-reviews-right {margin:0 0 0 165px;text-align:left;} .hub .hub-reviews .hub-reviews-bit .review-image {float:left;margin:0 15px 0 0;max-width:150px;width:100%;max-height:150px;} .hub .hub-reviews .hub-reviews-bit .review-image img {width:auto;height:auto;} .hub .hub-reviews .hub-reviews-bit .review-product {margin-top:10px;} .hub .hub-reviews .hub-reviews-bit .review-product a {color:#4082C8;font-weight:bold;text-decoration:none;} .hub .hub-reviews .hub-reviews-bit .review-title {margin-bottom:5px;font-weight:bold;font-size:17px;} .hub .hub-reviews .hub-reviews-bit .review-rating {margin-bottom:5px;} .hub .hub-reviews .hub-reviews-bit .review-rating .hub-review-star {background-size:256px 110px;height:26px;width:28px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-position:-89px -56px;margin:0 1px 0 0;} .hub .hub-reviews .hub-reviews-bit .review-rating .hub-review-star-half {background-position:-117px -56px;} .hub .hub-reviews .hub-reviews-bit .review-rating .hub-review-star-empty {background-position:-145px -56px;} .hub .hub-reviews .hub-reviews-bit .review-user {color:#999999;font-size:15px;margin-bottom:3px;} .hub .hub-tips-tools {overflow:auto;} .hub .hub-tips-tools h2 span.hub-bit-icon {background-position:-129px -27px;} .hub .hub-tips-tools .hub-tips-tools-box {overflow:auto;text-align:center;} .hub .hub-tips-tools .hub-tips-tools-box a {font-weight:bold;display:inline-block;padding:13px 15px 13px 38px;box-sizing:border-box;border:1px solid #DDDDDD;border-radius:5px;margin:0 5px 12px;position:relative;} .hub .hub-tips-tools .hub-tips-tools-box a span {background-size:151px 65px;height:15px;width:20px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-position:-97px -17px;position:absolute;top:15px;left:10px;} .hub .hub-comps {overflow:auto;text-align:center;} .hub .hub-comps h2 span.hub-bit-icon {background-position:-145px -1px;width:29px;} .hub .hub-comps .hub-comp-bit {border:1px solid #DDDDDD;padding:15px;border-radius:10px;max-width:450px;display:inline-block;margin:10px;box-sizing:border-box;overflow:auto;text-align:left;vertical-align:top;} .hub .hub-comps .hub-comp-bit .hub-comp-image {float:left;margin:0 10px 0 0;} .hub .hub-comps .hub-comp-bit .hub-comp-title {font-weight:bold;font-size:17px;} .hub .hub-comps .hub-comp-bit .hub-comp-company {font-size:14px;margin:0 0 10px;color:#999999;} .hub .hub-comps .hub-comp-bit .hub-comp-prize {font-size:15px;margin:0 0 10px 130px;} .hub .hub-comps .hub-comp-bit .hub-comp-end {font-size:14px;color:#555555;margin:0 0 0 130px;} /****** Sidebar Bottom (Sales & New Stuff + Featured Supporter ******/ #sidebar-bottom {max-width:1000px;margin:0 auto;padding:0;overflow:auto;clear:both;border-top:2px solid #FFCC00;background-color:#FFFFFF;} #sidebar-bottom .sidebar-listing-header {border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;padding:10px;font-size:14px;color:#999999;text-align:center;} #sidebar-bottom .sidebar-listing-header .sidebar-listing-icon {background-size:158px 68px;height:16px;width:17px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;margin:0 8px -3px 0;} #sidebar-bottom .sidebar-listing-header.sidebar-listing-sales .sidebar-listing-icon {background-position:-114px -1px;} #sidebar-bottom .sidebar-listing-header.sidebar-listing-support .sidebar-listing-icon {background-position:-41px -1px;width:19px;} #sidebar-bottom .sidebar-listing-bit {border-bottom:1px solid #DDDDDD;padding:15px;font-size:14px;overflow:auto;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-right {margin:0 0 0 165px;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-image {float:left;text-align:center;width:150px;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-image img {height:auto;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-title {font-weight:bold;font-size:16px;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-company {color:#555555;font-size:13px;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-description {margin-bottom:5px;margin-top:10px;color:#000000;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-bold {font-weight:bold;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-link a {background-color:#7677b0;color:#FFFFFF;padding:10px 15px;border-radius:5px;display:inline-block;margin-top:15px;} /****** Site Breadcrumb *****/ #breadcrumb {margin:0 0 15px;color:#999999;font-size:13px;} #breadcrumb ol {margin:0;padding:0;list-style-type:none;overflow:auto;} #breadcrumb ol li {display:inline-block;margin:0;padding:0;} #breadcrumb ol li a {color:#999999;font-size:13px;} #breadcrumb ol li p {color:#555555;margin:0;padding:0;font-size:13px;display:inline-block;} #breadcrumb span.crumb-arrow {padding:0 3px;font-size:15px;} /* Social Bar */ #main #social-bar {overflow:auto;margin:20px 0;} #main #social-bar #social-bar-share {float:left;margin:0 10px 0 0;font-size:13px;color:#999999;line-height:24px;} #main #social-bar .social-bar-bit {float:left;margin:0 10px 0 0;} #main #social-bar .social-bar-bit a {display:block;overflow:auto;color:#555555;} #main #social-bar .social-bar-bit span.social-bar-icon {margin:0 20px;background-color:#FFFFFF;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;width:25px;height:25px;background-size:291px 125px;float:left;} #main #social-bar .social-bar-bit span.social-bar-count {background-color:#F5F5F5;height:25px;line-height:25px;font-size:14px;padding:0 10px;float:left;} #main #social-bar .social-bar-bit.social-bar-facebook a {background-color:#36609f;} #main #social-bar .social-bar-bit.social-bar-facebook span.social-bar-icon {background-position:-4px -35px;} #main #social-bar .social-bar-bit.social-bar-twitter a {background-color:#2caae1;} #main #social-bar .social-bar-bit.social-bar-twitter span.social-bar-icon {background-position:-66px -34px;} #main #social-bar .social-bar-bit.social-bar-google a {background-color:#dc5442;} #main #social-bar .social-bar-bit.social-bar-google span.social-bar-icon {background-position:-96px -34px;} #main #social-bar .social-bar-bit.social-bar-pinterest a {background-color:#cb2027;} #main #social-bar .social-bar-bit.social-bar-pinterest span.social-bar-icon {background-position:-36px -34px;} #main #social-bar #social-bar-count {display:inline-block;background-color:#EEEEEE;font-size:14px;} #main #social-bar #social-bar-count .fbCount {padding:4px 10px;display:inline-block;} /* Site Search Related Pages */ #site-search-related {margin:25px 0;padding:20px 20px 20px 185px;background-repeat:no-repeat;background-position:20px 20px;min-height:150px;clear:both;background-color:#F5F5F5;border-radius:10px;} #site-search-related h6 {font-size:16px;margin: 0 0 10px;color:#000000;font-weight:bold;} #site-search-related ul {margin:0;list-style-type:none;font-size:14px;} #site-search-related ul li {margin:0 0 8px;position:relative;padding:0 0 0 30px;} #site-search-related ul li i {position:absolute;top:0;left:0;background-size:158px 68px;height:17px;width:18px;display:inline-block;background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;margin:0 5px -3px 0;} #site-search-related ul li.bhrp_li_b i {margin:0 0 0 3px;} #site-search-related ul li.bhrp_li_f i {background-position:-18px 0;width:23px;} #site-search-related ul li.bhrp_li_d i {background-position:-146px 0;width:10px;margin:0 0 0 6px;} #site-search-related ul li.bhrp_li_r i {background-position:-122px -18px;width:16px;margin:0 0 0 4px;} /***** Hardcoded Pages Defaults ******/ h1.page-title {font-size:24px;margin:15px 0;} .page-intro {margin:0 0 25px;font-size:15px;} .checklist-table tr {height:30px;font-size:15px;} .page-note p {font-size:14px;} #back-to-top {clear:both;display:block;margin:40px 0 20px;text-align:center;} #back-to-top a {padding:5px 10px;font-size:15px;border:1px solid #DDDDDD;border-radius:10px;display:inline-block;} #back-to-top a span {background-image:url('/images/layout/bh-master-sprite.svg');background-repeat:no-repeat;background-size:170px 100px;width:18px;height:9px;margin:0 5px 1px 0;background-position:-41px -50px;display:inline-block;transform:rotate(180deg);} /***** Sales & New Stuff + Competitions *****/ .ssv_container {margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #DDDDDD;overflow:auto;} .ssv_container .ssv_left {width:35%;padding:0 15px 0 0;box-sizing:border-box;float:left;max-width:165px;} .ssv_container .ssv_left img {width:100%;height:auto;} .ssv_container .ssv_right {overflow:auto;} .ssv_container .ssv_right .ssv_title {font-weight:bold;font-size:17px;margin:0 65px 10px 0;display:inline-block;} .ssv_container .ssv_right .ssv_title span {font-size:14px;color:#555555;font-weight:normal;display:block;} .ssv_container .ssv_right .ssv_body {font-size:15px;margin:0 0 15px;} .ssv_container .ssv_right .ssv_body_spec_instr {margin:5px 0 0;font-weight:bold;} .ssv_container .ssv_right .ssv_body.ssv_strong {font-weight:bold;font-size:17px;} .ssv_container .ssv_right .ssv_body.ssv_strong_minor {font-size:13px;margin:15px 0 0;} .ssv_container .ssv_right .ssv_sitelink a, .ssv_container .ssv_right .ssv_enter_now a {background-color:#7677b0;color:#FFFFFF;padding:8px 15px;border-radius:5px;display:inline-block;font-weight:bold;} .ssv_container.special-offer {background:url(/images/hubs/sales-new-stuff/special-offer.png) no-repeat 100% 0 scroll;} .ssv_container.sale{background:url(/images/hubs/sales-new-stuff/sale.png) no-repeat 100% 0 scroll} .ssv_container.voucher {background:url(/images/hubs/sales-new-stuff/voucher.png) no-repeat 100% 0 scroll} .ssv_container.free-sample {background:url(/images/hubs/sales-new-stuff/free-sample.png) no-repeat 100% 0 scroll} .ssv_container.win {background:url(/images/hubs/sales-new-stuff/win.png) no-repeat 100% 0 scroll; } /***** Competitions *****/ .competition {border-top:1px solid #DDDDDD;padding:20px 0;margin:15px 0 0;} .competition .comp-left {max-width:120px;margin:0 15px 0 0;float:left;width:25%;} .competition .comp-left .comp-image {margin:0 0 15px;width:100%;} .competition .comp-left .comp-image img {width:100%;height:auto;} .competition .comp-right {overflow:auto;} .competition .comp-right .comp-title {font-size:20px;font-weight:bold;} .competition .comp-right .comp-company {margin:0 0 10px;color:#999999;} .competition .comp-right .comp-prize {margin:0 0 15px;border-left:5px solid #FFCC00;background-color:#F5F5F5;padding:10px;} .competition .comp-right .comp-description {margin:0 0 15px;} .competition .comp-right .comp-enter a {padding:10px 25px;color:#FFFFFF;background-color:#7677b0;border-radius:5px;font-weight:bold;display:inline-block;margin:0 0 15px;font-size:17px;} .competition .comp-right .comp-end {margin:0 0 5px;} .competition .comp-right .comp-prize-total {margin:0 0 15px;} .competition .comp-right .comp-link {margin:0 0 25px;} #wantmoretotal {margin:0 0 25px;background-color:#F5F5F5;padding:15px;} #wantmoretotal h2 {margin:0 0 10px;} #wantmoretotal a {margin:0 0 5px;} /* Guides Pop-Up */ #newsOverlay {display:none;width:430px;position:fixed;bottom:-30px;z-index:10;left:50%;margin-left:-215px;} #newsContainer {overflow:visible;width:410px;height:410px;background-color:#FFFFFF;margin:0 auto;padding:0;position:relative;border:10px solid #f97ebb;border-radius:50%;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);} #newsContainer .newsXButton {font-weight:bold;position:absolute;top:-10px;right:-10px;cursor:pointer;padding:15px 20px;font-size:18px;background-color:#f97ebb;color:#FFF;border-radius:50%;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);} #newsContainer .newsHeader {padding:80px 0 20px;text-align:center;border-bottom:5px solid #f97ebb;margin:0 20px;} #newsContainer .newsHeader p {font-size:24px;font-weight:bold;margin:0;} #newsContainer .newsHeader p span.textPink {color:#f97ebb;} #newsContainer .newsHeader p span.textBlock {display:block;} #newsContainer .newsText {padding:25px 25px 0;text-align:center;max-width:450px;margin:0 auto;} #newsContainer .newsText p {font-size:19px;} #newsContainer .newsText p span.textBold {display:inline-block;font-weight:bold;} #newsContainer .newsSignUpBox {padding:0 15px;text-align:center;clear:both;display:block;} #newsContainer .newsSignUpBox .newsButton {display:inline-block;font-size:18px;color:#FFF;border:none;font-weight:bold;border-radius:10px;-webkit-appearance:none;padding:10px 20px;cursor:pointer;margin:10px;font-family:"Lato", Arial, Helvetica, sans-serif;} #newsContainer .newsSignUpBox .newsYes {background-color:#f97ebb;} /****** Article Page Preview *******/ #article {} #article h1 {margin:0 0 20px;font-size:36px;line-height:120%;font-family:"Lato";font-weight:600;} #article #article-meta {margin:0 0 15px;} #article #article-meta .article-author {display:inline-block;border-right:1px solid #DDDDDD;padding:0 10px 0 0;margin:0 5px 0 0;color:#999999;} #article #article-meta .article-date {display:inline-block;color:#999999;} #article h2 {font-weight:bold;font-size:24px;margin:35px 0 25px;} #article h3 {font-weight:bold;font-size:20px;margin:25px 0 15px;} #article p {margin:0 0 15px;line-height:130%;} #article img {width:auto;max-width:100%;margin:0 0 15px;} /************************/ /************************/ /***** FORUM STYLES *****/ /************************/ /************************/ #pagetitle {padding:15px !important;background-color:#F5F5F5 !important;border-left:5px solid #FC0;width:615px;display:inline-block;margin:0 0 15px;} #pagetitle h1 {font-size:18px !important;color:#222 !important;} #pagetitle h1 a {color:#222 !important;} #pagetitle .description {margin:2px 0 0;font-size:13px !important;line-height:inherit;} #forum-user-notifications span {background-color:#E73A3D;color:#FFFFFF;padding:1px 6px;border-radius:4px;margin:0 0 0 5px;font-size:13px;} /****** Forum User Bar ******/ #forum-bar {background-color:#535598;} #forum-bar .bit {overflow:visible;height:29px;} #forum-bar .forum-user {float:left;overflow:auto;} #forum-bar .forum-user .forum-user-welcome {color:#FFFFFF;padding:6px 15px;font-size:14px;border-right:2px solid #7677b0;float:left;} #forum-bar .forum-user .forum-user-welcome strong {color:#FFCC00;} #forum-bar .forum-user .forum-user-welcome span.dropdown-icon {display:none;} #forum-bar .forum-user .list-inline {float:left;} #forum-bar .forum-user .list-inline li a {color:#FFFFFF;font-size:14px;padding:6px 15px;} #forum-bar .forum-user .list-inline li a:hover {background-color:#7374b1;} #forum-bar .forum-user .list-inline li:hover .notifications-list {display:block;} #forum-bar .forum-user .list-inline .notifications-list {background-color:#FFFFFF;position:absolute;left:auto;top:9px;width:auto;z-index:9999999;display:none} #forum-bar .forum-user .list-inline .notifications-list li {float:none; display:block} #forum-bar .forum-user .list-inline .notifications-list li a {color:#4082c8;padding:15px 20px;border:1px solid #DDDDDD;border-top:none;} #forum-bar .forum-user .list-inline .notifications-list li a:hover {background-color:#F5F5F5;} #forum-bar .forum-user .list-inline .notifications-list a span {font-weight:bold;} /****** Forum Nav Bar ******/ #forum-nav-bar {border-bottom:1px solid #DDDDDD;} #forum-nav-bar ul {float:left;} #forum-nav-bar ul li.forum-nav-dropdown-icon {display:none;} #forum-nav-bar ul li.forum-login-link {color:#4082c8;font-size:14px;padding:8px 15px;cursor:pointer;} #forum-nav-bar ul li a {padding:8px 15px;font-size:14px;} #forum-nav-bar ul li:hover {background-color:#EEEEEE;} /***** Forum Login Bar *****/ #forum-login-bar {border-bottom:1px solid #DDDDDD;display:none;} #forum-login-bar .bit {padding:15px 15px 10px;text-align:center;} #forum-login-bar form {width:525px;margin:0 auto;} #forum-login-bar input {} #forum-login-bar input.forum-login-input {font-size:15px;padding:5px;border:1px solid #DDDDDD;-webkit-appearance:none;width:100%;box-sizing:border-box;border-radius:5px;} #forum-login-bar input.forum-login-submit {margin:0 0 15px;font-size:15px;border:none;border-radius:5px;background-color:#7677b0;color:#FFFFFF;-webkit-appearance:none;padding:5px 25px;cursor:pointer;font-weight:bold;} #forum-login-bar form label {display:block;margin:5px 0 10px;} #forum-login-bar .forum-login-field {width:250px;text-align:left;display:inline-block;margin:0 5px 10px;} #forum-login-bar .forum-login-field span {margin:0 0 2px;display:block;} /********* END CUSTOM FORUM STYLES *********/ /************************/ /************************/ /*** DIRECTORY STYLES ***/ /************************/ /************************/ #page_heading {border:none;margin:20px 0 10px;} #page_heading h1 {background-color:#FFFFFF;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;font-size:24px;color:#222222;text-align:center;padding:10px;} #page_heading h1 span {color:#7677b0;} #category-description {margin:0 10px 15px;} #cat_descr {font-size:14px;padding:0 10px 10px;line-height:130%;} .listing_results {overflow:auto;} .listing_results .listing_best {background-color:#f3ecdd;margin:0 0 15px;overflow:auto;padding:15px 10px;border-left:5px solid #FC0;position:relative;float:left;width:100%;box-sizing: border-box;} .listing_results .listing_best h3 {margin:0 0 5px;} .listing_results .listing_best .listing_best_right_container {overflow:hidden;} .listing_results .listing_best p {line-height:130%;color:#222 !important;} .listing_results .listing_best .listing_best_img_container {float:left;padding:0 10px 0 0;} .listing_results .listing_best .ph {border-right:5px solid #7677b0;padding:0 5px 0 0;font-weight:bold;position:absolute;right:10px;} .listing_results .listing_best p.listing_best_profile_link_container {margin:0 !important;} .listing_results .listing_best .listing_best_profile_link_container a {padding:5px 10px;background-color:#FC0;color:#222 !important;display:inline-block;} .listing_results .listing_best .listing_best_profile_link_container a:hover {background-color:#7677b0;color:#FFF !important;} .listing_results p.directory {font-family:"Lato", Arial, Helvetica, sans-serif;clear:both;margin:0 0 10px 10px;} .listing_results p.directory a {font-size:16px;color:#7677b0 !important;} #listing_results_heading {font-size:16px;background-color:#7677b0;color:#FFF;display:block;padding:10px 15px;} #categories {overflow:auto;padding:10px;} #categories .row {overflow:auto;} #categories .row div {float:left;width:210px;padding-bottom:10px;} #categories ul {margin:0;padding:0;} #categories ul.outer {padding-top:10px;} #categories ul a {background-color:#ccc;display:block;margin:0 5px;padding:5px 7px;color:#222;} #categories ul a:hover {background-color:#7677b0;color:#FFF;} #categories ul li {list-style-image:none;list-style-type:none;margin:5px 0 0;} #categories ul li ul {padding:0 15px;} #categories ul li ul li {padding:3px 0 0;} #categories ul li ul li a {padding:5px 7px;color:#222;background-color:#eee;} #left {padding-top:10px;} #listing_details {} #listing_details #top {background-color:#f3ecdd;padding:10px;border-left:5px solid #FC0;} #listing_details #top #logo_container {float:left;} #listing_details #top #vital {overflow:hidden;padding:0 10px;} #listing_details #top #vital h1 {font-size:24px;font-weight:normal;color:#7677b0;padding-bottom:10px;margin:0;} #listing_details #top #vital .vital_containers {float:left;} #listing_details #top #vital #contact {float:right;} #listing_details #top #vital #contact p {margin-bottom:5px;} #listing_details #top #vital #contact p img {vertical-align:middle;padding:0 5px 3px 0;} #listing_details h4.listing_profile {background-color:#7677b0;color:#FFF;padding:10px 15px;margin-bottom:10px;font-size:14px;} #long_descr {padding:0 10px;} #listing_details .enhVideo {width:100%;height:300px;} #bottom {margin:0 0 15px;} #bottom h5 {background-color:#7677b0;color:#FFF;padding:10px 15px;margin-bottom:10px;font-size:14px;cursor:pointer;} #bottom ul {padding:0 25px;border-bottom:2px solid #DDD;} #bottom ul li {margin:0 0 3px;} #right {width:325px;overflow:hidden;text-align:center;margin:20px auto;} #right img {max-width:200px;border:3px solid #eee;padding:5px;margin:0 5px 10px;} #dir_suggest {padding-bottom:10px;} #dir_suggest .dir_suggest_box {width:190px; height:57px;padding:8px;float:left; font-size:13px; line-height:130%;background-color:#F2F2F2;margin:5px;} span.free-listing-review a {font-size:13px !important;} #category-tools {text-align:right;} #category-tools a {color:#999999;padding:10px 20px;text-decoration:none;display:inline-block;border-right:1px solid #DDDDDD;} #category-tools a:last-child {border:none;} #listing-results {border-top:1px solid #DDDDDD;} .listing-bit {padding:10px 15px;border-bottom:1px solid #DDDDDD;overflow:auto;} .listing-bit.listing-enhanced {padding:20px 15px;} .listing-bit .listing-image {float:left;width:120px;height:120px;text-align:center;} .listing-bit .listing-image img {width:auto;max-width:100%;height:auto;} .listing-bit.listing-enhanced .listing-info {margin:0 0 0 135px;} .listing-bit .listing-info h3 {margin:0 0 5px;display:inline-block;} .listing-bit.listing-enhanced .listing-info h3 {margin:0 0 10px;} .listing-bit .listing-info h3 a {font-size:17px;} .listing-bit .listing-info .listing-address {display:inline-block;padding:0 10px 0 0;margin:0 0 5px;} .listing-bit .listing-info .listing-phone {font-weight:normal;font-size:13px;display:inline-block;padding:0;margin:0 0 5px;} .listing-bit .listing-info .listing-comments {margin:0 0 5px 5px;color:#999999;font-size:13px;} .listing-bit .listing-info .listing-covering {margin:0 0 10px;} .listing-bit.listing-free .listing-info .listing-covering {margin:0 0 5px;} .listing-bit .listing-info .listing-covering span {font-weight:bold;} .listing-bit .listing-info .listing-description {margin:5px 0;} .listing-bit .listing-info .listing-link {margin:15px 0 0;} .listing-bit .listing-info .listing-link a {background-color:#FFCC00;border-radius:5px;color:#222222;padding:10px 15px;display:inline-block;font-weight:bold;font-size:14px;} .listing-bit .listing-info .listing-link a:hover {background-color:#7677b0;color:#FFFFFF !important;} #category-breakdown {} #category-breakdown .breakdown-title {text-align:center;font-weight:bold;color:#000000;font-size:18px;border-bottom:1px solid #DDDDDD;padding:10px 0;margin:0 0 15px;} #category-breakdown .breakdown-row {overflow:auto;} #category-breakdown .breakdown-row .breakdown-bit {float:left;width:33.33333%;box-sizing:border-box;} #category-breakdown .breakdown-row .breakdown-bit ul {margin:0 10px 20px;padding:0;} #category-breakdown .breakdown-row .breakdown-bit ul li {list-style-type:none;list-style-image:none;margin:0;padding:0;} #category-breakdown .breakdown-row .breakdown-bit ul li a {display:block;padding:10px;border-bottom:1px solid #DDDDDD;font-size:16px;font-weight:bold;color:#333333;} #category-breakdown .breakdown-row .breakdown-bit ul li a:hover {background-color:#F5F5F5;} #category-breakdown .breakdown-row .breakdown-bit ul li ul {margin:0 0 20px 20px;} #category-breakdown .breakdown-row .breakdown-bit ul li ul li a {font-size:14px;font-weight:normal;} #listing {} #listing h1 {color:#333333;font-size:30px;margin:20px 0 15px;} #listing h2 {color:#333333;font-size:24px;font-weight:bold;padding:10px 15px;width:auto;margin:0 0 15px;text-align:center;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;} #listing h3 {color:#333333;font-size:18px;margin:0 0 5px;border-bottom:1px solid #DDDDDD;padding:0 0 5px;} #listing h4 {color:#333333;border-bottom:1px solid #DDDDDD;padding:10px;text-align:center;border-top:1px solid #DDDDDD;margin:0 0 15px;font-size:18px;} #listing h4.listing-dropdown {display:inline-block;border:1px solid #DDDDDD;border-radius:5px;padding:10px 30px;cursor:pointer;} #listing #listing-logo {padding:15px 15px 0 0;float:left;} #listing #listing-details {margin:0 0 25px;padding:0;overflow:auto;min-height:150px;} #listing #listing-details .listing-details-bit {box-sizing:border-box;margin:0 0 15px 175px;width:300px;padding:5px 0 0;} #listing.listing-free #listing-details .listing-details-bit {margin:0 0 15px;max-width:470px;width:auto;} #listing #listing-details .listing-details-bit h3 {color:#333333;font-size:18px;margin:0 0 5px;border-bottom:1px solid #DDDDDD;padding:0 0 5px;} #listing #listing-details .listing-details-bit p {font-size:15px;margin:0;} #listing #listing-details .listing-details-bit.listing-contact {float:right;width:150px;margin:0 0 15px;} #listing #listing-details .listing-details-bit.listing-contact-left {float:none;width:auto;max-width:470px;} #listing #listing-details .listing-details-bit.listing-contact-left a {max-width:100px;} #listing #listing-details .listing-details-bit.listing-logo {float:left;width:150px;margin:0 0 15px;padding:0;} #listing #listing-details .listing-details-bit.listing-logo img {width:100%;height:auto;overflow:auto;} #listing #listing-details .listing-details-bit .listing-phone {color:#333333;font-size:15px;margin:7px 0 5px;font-weight:bold;} #listing #listing-details .listing-details-bit .listing-fax {color:#555555;margin:0 0 5px;} #listing #listing-details .listing-details-bit .listing-fax span {background-color:#EEEEEE;color:#777777;padding:2px 6px;border-radius:7px;font-size:11px;margin:0 4px 0 0;display:inline-block;} #listing #listing-details .listing-details-bit a {display:block;font-size:14px;font-weight:normal;padding:7px 10px;margin:0 0 5px;border:1px solid #DDDDDD;border-radius:5px;color:#555555;} #listing #listing-details .listing-details-bit a.listing-contact-website {font-size:15px;background-color:#7677b0;color:#FFFFFF;border:1px solid #7677b0;padding:7px 10px;font-weight:bold;margin:7px 0 5px;} #listing #listing-details .listing-details-bit .listing-fax a {display:inline-block;border:none;padding:0;margin:0;} #listing #listing-details .listing-details-bit .listing-aus-delivery {background-color:#55c665;color:#FFFFFF;font-size:14px;font-weight:bold;padding:5px 10px;border-radius:10px;display:inline-block;clear:both;margin:0;} #listing #listing-details .listing-details-bit .listing-aus-delivery img {display:inline-block;margin:0 3px -1px -2px;} #listing .listing-comments span {display:inline-block;background-color:#EEEEEE;color:#777777;border-radius:10px;padding:5px 10px;margin:-10px 5px 5px 0;} #listing #listing-map {margin:0 0 25px;} #listing #listing-profile, #listing #listing-offer {margin:0 0 25px;} #listing #listing-profile .listing-profile-bit, #listing #listing-offer .listing-offer-bit {padding:0 15px 15px;} #listing #listing-profile .listing-profile-bit iframe {width:100%;height:300px;} #listing #listing-offer .listing-offer-bit {font-size:15px;text-align:center;} #listing #listing-locations-categories {margin:25px 0;text-align:center;padding:25px 0 0;border-top:1px solid #DDDDDD;} #listing #listing-locations-categories .listing-dropdown-btn {font-size:15px;border:1px solid #DDDDDD;padding:10px 20px;display:inline-block;border-radius:5px;margin:15px 10px;cursor:pointer;font-weight:bold;} #listing #listing-locations-categories .listing-dropdown-box {text-align:left;display:none;padding:0 0 15px;border-bottom:1px solid #DDDDDD;} /********* END DIRECTORY STYLES *********/ @media /*only screen and */(max-width : 1000px) { .bit {max-width:650px;padding:15px 0;} .ad-top-bit {padding:0 0;} .showMobile {display:inherit;} .hideMobile {display:none !important;} .full-width {padding:25px 10px;} .third {min-width:auto;width:100%;padding:15px 10px;} .two-third {min-width:auto;width:100%;padding:15px 10px;} .half {min-width:auto;width:100%;padding:15px 10px;} /**** Header ****/ #header {background-color:#7677b0;height:auto;} #header .bit {padding:0;height:auto;} #header #logo {position:relative;padding:12px 10px 11px;float:left;} #header #logo img {width:70px;height:auto;} #header #logo span {left:90px;bottom:10px;font-size:12px;padding:1px 0 0 8px;width:100px;} #header-ads {margin:0 auto;padding:0;clear:both;overflow:auto;} #nav {position:relative;left:auto;bottom:auto;clear:both;display:none;padding:0;background-color:#6566a4;} #nav .bit {padding:0;} #nav .list-inline li {float:none;display:block;overflow:auto;border-bottom:1px solid #7677b0;} #nav ul li a.nav-top {padding:15px;} #nav ul li a.nav-top:hover, #nav ul li.nav-dropdown:hover a.nav-top {background-color:#6566a4;} #nav ul li.nav-dropdown a.nav-has-dropdown {float:left;width:70%;} #nav ul li.nav-dropdown .dropdown-box {float:left;width:30%;padding:15px;box-sizing:border-box;text-align:center;border-left:3px solid #54548e;} #nav ul li.nav-dropdown .dropdown-icon {background-size:151px 65px;background-position:-37px -41px;height:7px;width:15px;margin:0 0 2px;} #nav #header-nav-extra {display:none;position:inherit;padding:0;top:0;} #nav #header-nav-extra ul.list-inline li {float:none;} #nav #header-nav-extra ul.list-inline li a {height:auto;padding:15px;box-sizing:border-box;font-size:16px;} #nav #header-nav-extra ul.list-inline li a:hover {background-color:#6566a4;text-decoration:none;} #nav ul li a.nav-top {display:block;height:auto;font-size:16px;} #nav ul li a.nav-top:hover, #header #nav ul li.nav-dropdown:hover a.nav-top {background-color:#6566a4;} #nav ul li .nav-sub {position:relative;top:0;border:none;clear:both;} #nav ul li .nav-sub .nav-sub-list {padding:0;float:none;} #nav ul li .nav-sub ul {border:none;width:100%;padding:0;} #nav ul li .nav-sub ul li {border-bottom:none;border-bottom:1px solid #DDDDDD;} #nav ul li .nav-sub ul li a {padding:15px;} #nav ul li.nav-dropdown:hover .nav-sub {display:none;} #nav ul li a.nav-top, #nav ul li.nav-dropdown .nav-sub {border-bottom:none !important;} #nav ul li.nav-concep {border-bottom:4px solid #FFCC00;} #nav ul li.nav-preg {border-bottom:4px solid #F97EBB;} #nav ul li.nav-baby {border-bottom:4px solid #2ec6ff;} #nav ul li.nav-todd {border-bottom:4px solid #ff8433;} #nav ul li.nav-kids {border-bottom:4px solid #82d935;} #header #header-btn {position:relative;float:right;display:block;} #header #header-btn #site-search {clear:both;} #header #header-search {position:relative;display:none;max-width:400px;} #header #header-search #site-search {padding:10px;} #header #header-search #site-search input.search-keyword {font-size:16px;padding:10px;height:auto;} #header #header-search #site-search button.search-submit {height:40px;} #header #header-search #site-search button.search-submit span.search-submit-icon {margin:0 auto;} /* Main */ #main {max-width:670px;margin:0 auto;} #main #main-left {width:100%;padding:15px 10px;float:none;border-bottom:1px solid #DDDDDD;margin:0 0 25px;} #main #main-right {float:none;margin:0 auto;padding:0;width:300px;} /* Social Bar */ #main #main-left #social-bar .social-bar-bit {margin:0 8px 0 0;} #main #main-left #social-bar .social-bar-bit span.social-bar-icon {margin:0 15px;} /* Main Right Bits */ #main #main-right .right-bit {margin:0;border:none;} #main #main-right .right-bit .right-title {border-bottom:none;text-align:left;cursor:pointer;padding:15px 10px;} #main #main-right .right-bit .right-bit-content {display:none;border-top:1px solid #DDDDDD;} #main #main-right .right-bit .right-title span.right-dropdown-icon {display:inline-block;top:21px;} #main #main-right .right-bit.right-signup {margin:0 0 20px;} #main #main-right .right-bit.right-signup .right-bit-content {display:block;border:none;} #main #main-right .right-bit .right-support-bit.right-bit-content {display:block;} #main #main-right .right-bit .right-list .right-forum {height:auto;} /* Ads */ .hub-ad {border-top:1px solid #DDDDDD;vertical-align:middle;} #ad-320x50 {margin:0 auto;text-align:center;display:block;} #ad-242x90, #ad-728x90, #ad-300x250, #ad-300x100, #ad-fs300x100 {display:none;} #ad-300x250-hub {float:none;margin:20px auto;width:300px;} #ad-300x250-mobile {width:300px;margin:25px auto;display:block;} #ad-300x100-mobile {margin:0 auto;width:300px;display:block;} /**** Forum Member Bar ****/ /****** Forum User Bar ******/ #forum-user-notifications span {background-color:#E73A3D;color:#FFFFFF;padding:1px 6px;border-radius:4px;margin:0 0 0 5px;font-size:13px;} /****** Forum User Bar ******/ #forum-bar {background-color:#535598;} #forum-bar .bit {overflow:visible;height:29px;width:320px;float:left;padding:0;background-color:#535598;} #forum-bar .forum-user {float:left;overflow:auto;height:29px} #forum-bar .forum-user .forum-user-welcome {color:#FFFFFF;padding:6px 15px;font-size:14px;border-right:2px solid #7677b0;float:left;}#forum-bar .forum-user .forum-user-welcome strong {color:#FFCC00;} #forum-bar .forum-user .forum-user-welcome span.dropdown-icon {display:none;} #forum-bar .forum-user .list-inline {float:left;margin:6px 0px 0px 2px;padding:0;} #forum-bar .forum-user .list-inline li a {color:#FFFFFF;font-size:14px;padding:0px 5px;} #forum-bar .forum-user .list-inline li a:hover {background-color:#7374b1;} #forum-bar .forum-user .list-inline li:hover .notifications-list {display:block;} #forum-bar .forum-user .list-inline .notifications-list {background-color:#FFFFFF;position:absolute;left:20px;top:0px;width:auto;z-index:9999999;display:none} #forum-bar .forum-user .list-inline .notifications-list li {float:none; display:block} #forum-bar .forum-user .list-inline .notifications-list li a {color:#4082c8;padding:15px 20px;border:1px solid #DDDDDD;border-top:none;} #forum-bar .forum-user .list-inline .notifications-list li a:hover {background-color:#F5F5F5;} #forum-bar .forum-user .list-inline .notifications-list a span {font-weight:bold;} /***** Forum Login Bar *****/ #forum-login-bar {border-bottom:1px solid #DDDDDD;display:none;} #forum-login-bar .bit {padding:15px 15px 10px;text-align:center;} #forum-login-bar form {width:320px;margin:0 auto;} #forum-login-bar input {} #forum-login-bar input.forum-login-input {font-size:15px;padding:5px;border:1px solid #DDDDDD;-webkit-appearance:none;width:100%;box-sizing:border-box;border-radius:5px;} #forum-login-bar input.forum-login-submit {margin:0 0 15px;font-size:15px;border:none;border-radius:5px;background-color:#7677b0;color:#FFFFFF;-webkit-appearance:none;padding:5px 25px;cursor:pointer;font-weight:bold;} #forum-login-bar form label {display:block;margin:5px 0 10px;} #forum-login-bar .forum-login-field {width:250px;text-align:left;display:inline-block;margin:0 5px 10px;} #forum-login-bar .forum-login-field span {margin:0 0 2px;display:block;} /* Footer */ #footer #footer-nav {float:none;} #footer #footer-nav ul li {width:50%;text-align:center;} #footer #footer-nav ul li a {font-size:16px;} #footer #footer-nav ul.footer-stand-out {margin:20px auto 0;max-width:400px;display:inherit;} #footer #footer-nav ul.footer-stand-out li {width:100%;} #footer #social-footer {margin:20px auto;clear:both;float:none;} #footer #logo-footer {margin:20px auto;clear:both;float:none;} /*** Home Page and Hub Page Styles ***/ /* Featured Articles */ .bit.feature {padding:20px 0 15px 10px;} #feature .ft-right, #feature .ft-left {max-width:488px;width:100%;float:none;margin:0 auto;} #feature .ft-488x300 {padding:0 10px 10px 0;margin:0;} #feature .ft-488x300 span {bottom:10px;padding:10px 25px 10px 10px;} #feature .ft-488x300 img {width:auto;max-width:100%;height:auto;} #feature .ft-216x140 {width:50%;margin:0;box-sizing:border-box;height:auto;padding:0 10px 10px 0;} #feature .ft-216x140 img {height:auto;width:100%;display:block;} #feature .ft-216x140 span {bottom:10px;padding:5px 15px 5px 5px;font-size:16px;} #feature a {display:block;overflow:auto;} #feature .ft-216x140.ft-last {height:auto;} #feature .ft-216x140.ft-last img {width:100%;} #feature .hub-home-link {float:none;text-align:center;} #feature .hub-home-link a {margin:20px 0 15px;} /* Hub Reviews */ .hub .hub-reviews .hub-reviews-bit .review-image {width:110px;} .hub .hub-reviews .hub-reviews-bit .review-image img {width:100%;height:auto;} .hub .hub-reviews .hub-reviews-bit .hub-reviews-right {margin-left:125px;} /* Sidebar Bottom - Sales & New Stuff & Featured Supporter */ #sidebar-bottom .sidebar-listing-bit .sidebar-listing-image {width:100px;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-image img {width:100%;height:auto;} #sidebar-bottom .sidebar-listing-bit .sidebar-listing-right {margin-left:115px;} /***** DIRECTORY STYLES *****/ .listing-bit .listing-image {width:75px;height:75px;} .listing-bit.listing-enhanced .listing-info {margin:0 0 0 90px;} #category-breakdown .breakdown-row .breakdown-bit {max-width:250px;width:100%;float:none;margin:0 auto;} #listing {margin:0;} #listing #listing-details {margin:0 0 25px;} #listing #listing-details .listing-details-bit {width:auto;margin:0 0 15px;clear:both;} #listing #listing-details .listing-details-bit.listing-contact {clear:none;width:140px;} #listing.listing-free #listing-details .listing-details-bit.listing-contact {clear:none;max-width:470px;width:auto;float:none;margin:0 0 25px;} #listing #listing-details .listing-details-bit.listing-logo {width:135px;} #listing #listing-details .listing-details-bit a {max-width:100px;} /***** END DIRECTORY STYLES *****/ /**** Guides PopUp ****/ #newsOverlay {bottom:0;width:100%;margin-left:0;left:auto;} #newsContainer {max-width:410px;width:auto;height:auto;border-radius:0;border:none;border-top:5px solid #f97ebb;overflow:auto;} #newsContainer .newsXButton {padding:10px 15px;top:0;right:0;background-color:#FFFFFF;color:#555555;box-shadow:none;} #newsContainer .newsHeader {padding:10px 15px 5px;border:none;text-align:left;margin:0;} #newsContainer .newsHeader p {font-size:15px;} #newsContainer .newsHeader p span.textBlock {display:inline-block;} #newsContainer .newsText {text-align:left;float:left;width:71%;padding:0 0 15px 15px;box-sizing:border-box;} #newsContainer .newsText p {font-size:13px;margin:0;} #newsContainer .newsSignUpBox {float:left;clear:none;padding:0 15px;width:29%;margin:5px 0 10px;box-sizing:border-box;} #newsContainer .newsSignUpBox .newsButton {margin:0;border-radius:10px;font-size:15px;padding:15px 0;display:block;} } @media /*only screen and*/ (max-width : 640px) { } @media /*only screen and*/ (max-width : 488px) { #feature .ft-488x300 {padding:0 10px 0 0;} #feature .ft-488x300 span {font-size:22px;bottom:0;} #feature .ft-right {padding:0 10px 0 0;box-sizing:border-box;} #feature .ft-216x140 {width:100%;padding:0;margin:5px 0 0;max-height:120px;position:relative;box-sizing:border-box;} #feature .ft-216x140 img {width:100%;height:100%;object-fit:cover;} #feature .ft-216x140 span {width:100%;position:absolute;background-color:rgba(255,255,255,0.80);display:block;padding:10px;bottom:0;} /******* Social Bar *******/ #main #main-left #social-bar #social-bar-share {display:none;} /******* End Social Bar ******/ /** You may also like ... search results **/ #site-search-related {background-image:none !important;padding:20px;min-height:inherit;} } @media /*only screen and*/ (max-width : 350px) { #header #logo span {display:none;} }