div.contentdiv {
padding-top: 0
}
div.contentdiv h1 {
margin: 0 0 10px;
color: #af1a30
}
div.contentdiv h2 {
color: #337ebb !important;
font-size: 20px !important;
line-height: 24px !important;
margin: 0 !important;
padding: 10px 0 5px !important;
width: auto
}
div.contentdiv.mppd h2 {
text-align: center;
padding-bottom: 20px !important
}
div.contentdiv h1, div.contentdiv ul li {
padding-bottom: 5px
}
div.contentdiv ol {
padding-top: 10px
}
div.contentdiv ol li {
padding-left: 10px
}
div.contentdiv.tandc ol li {
padding: 0 0 10px !important;
border: 0;
margin: 0
}
div.contentdiv.cscl ol li {
padding: 0 0 10px 15px !important;
border: 0;
font-size: 13px
}
div.contentdiv h3 {
color: #337ebb;
font-weight: 400;
margin-left: 0
}
div.contentdiv div.wrapperwholesale h3 {
font-size: 24px
}
div#catalog_content div#home .virtual_title {
border-bottom: 3px solid #555;
color: #1d6f9e;
display: block;
font-size: 20px;
font-weight: 400;
margin: 15px 0
}
div#catalog_content div#home table#Table1 ul {
padding-bottom: 20px
}
div#catalog_content div#home table#Table1 ul li.question {
font-weight: 700;
padding-bottom: 10px;
color: #1d6f9e
}
div#catalog_content div#home table#Table1 p {
padding-bottom: 10px
}
div#catalog_content div#home table#Table1 ol li, div.contentdiv ol li {
list-style: decimal;
margin-left: 25px;
padding-bottom: 10px
}
div#catalog_content div#home div.policyquestion {
padding: 10px;
background: #f7f7f7;
border: 1px solid #ccc;
margin-bottom: 10px
}
div#catalog_content div#home a, div#catalog_content div#home div.policyquestion ol li {
color: #1d6f9e
}
div#catalog_content div#home table#Table1 ul.heading {
margin: 10px 0;
overflow: hidden;
padding: 0;
width: 100%
}
div#catalog_content div#home img {
max-width: inherit !important
}
div#faqcontent ul.questionslist li {
font-weight: 700;
padding: 3px 0 0
}
div#faqcontent ul.questionans {
margin: 10px 0 10px 10px
}
div#contactconatainer ul.addresslist li, div#faqcontent ul.questionans li {
border-bottom: 1px dotted #111;
padding: 10px 0
}
div#faqcontent ul.questionans li span {
font-weight: 700;
padding-bottom: 3px;
display: block
}
div#contactconatainer {
margin-top: 10px;
margin-left: 10px
}
div#contactconatainer ul.emailcontactlist {
margin-top: 10px;
font-weight: 700
}
div#contactconatainer ul.emailcontactlist li.heading {
font-weight: 400;
color: #1d6f96;
margin: 10px 0
}
div#contactconatainer ul.emailcontactlist li ol li {
border-bottom: 1px dotted #111;
padding: 3px 0 5px
}
div#contactconatainer ul.addresslist {
margin-top: 10px;
font-weight: 400
}
div#contactconatainer ul.addresslist h3.heading {
font-weight: 400;
color: #1d6f96;
border: 0;
margin: 10px 0;
padding: 0
}
div#contactconatainer ul.addresslist li ol li {
border: 0;
vertical-align: top;
display: inline-block;
padding: 0
}
div#contactconatainer ul.addresslist li ol li.location {
width: 180px
}
div#contactconatainer ul.addresslist li ol li.address {
width: 195px
}
div#contactconatainer ul.addresslist li ol li.mapicon {
width: 100px;
text-align: center
}
.acc_container .acc_content > div > h3, .acc_container .acc_nav ul li {
cursor: pointer
}
.clear {
clear: both;
display: block !important
}
.acc_container .acc_content .wrapper-3col-1 {
padding: 10px 22px;
float: left;
margin: 0 auto;
width: 40% !important;
display: block !important
}
.acc_container .acc_content .wrapper-3col-1 p {
margin: 0 10px !important
}
.others, .rcorners1 {
text-align: center;
font-weight: 700
}
.rcorners1 {
border-radius: 25px;
background: #eef2ff;
padding: 10px;
margin: auto auto 25px;
font-size: 20px;
color: #206ba9
}
.others {
margin: auto;
font-size: 13px;
width: 100%;
max-width: 350px;
color: #e4dfdf
}
.floatr {
float: right;
padding: 10px;
width: 55%;
text-align: right;
margin-left: 20px;
margin-top: 15px
}
.contentdiv h1 img, .floatr img {
max-width: 100%;
height: auto
}
div#wholesale-faq-pop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//media.mercolamarket.com/assets/images/organic-clothing/lb-bg.png);
background-color: Transparent;
z-index: 999999
}
div#wholesale-faq-pop div#wholesale-faq-pop-content-area {
position: fixed;
border: 1px solid #666;
background-color: #fff;
z-index: 999999;
height: 50% !important;
left: 10% !important;
top: 10% !important;
width: 80% !important;
padding: 2%
}
div#wholesale-faq-pop div#wholesale-faq-pop-content-area a.wholesale-faq-pop-close {
height: 30px;
width: 30px;
position: absolute;
top: -12px !important;
right: -12px !important;
background: url(//media.mercolamarket.com/assets/images/closebtn.png) 0 0
}
div#wholesale-faq-pop-content-area div.pop-up-content {
margin: 20px 2.5%;
padding: 0;
width: 95%
}
div#wholesale-faq-pop-content-area div.pop-up-content h2 {
color: #be1c1c !important
}
div.topproductlist ul.productlist#productlisting > li div.productdetails h2 a span#alternatename {
font-weight: 700;
font-size: 22px
}
div#catcontent {
clear: both;
overflow: hidden
}
div#catcontent div.category {
float: left;
width: 50%;
position: relative;
top: 0;
padding: 0 10px;
text-align: center;
font-size: 14px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
cursor: pointer;
margin-top: 10px;
margin-bottom: 20px
}
div#catcontent div.category:hover {
top: -5px
}
div#catcontent div.category div.categoryname {
color: #008cba;
border-bottom: 1px dotted #b1b1b1;
padding-bottom: 5px
}
div#catcontent div.category:hover div.categoryname {
border-bottom: 1px solid #008cba
}
div#catcontent div.category div.categoryname span.number {
font-size: 25px;
font-weight: 700;
border: 1px solid #008cba;
padding: 0;
border-radius: 45px;
font-weight: var(--default-font-weight-bold);
display: inline-block;
float: left;
height: 45px;
line-height: 45px;
width: 45px
}
div#catcontent div.category div.categoryname a {
height: 45px;
width: 100%;
display: flex;
justify-content: center;
text-align: center;
flex-direction: column
}
div#catcontent div.category a {
color: #008cba
}
div#catcontent div.category div.categoryname a:before {
display: block;
color: #008cba;
font-size: 2.4rem;
font-weight: 700;
min-width: 50px;
height: 50px;
line-height: 50px;
border-radius: 100px;
position: absolute;
top: -5px;
border: 1px solid #008cba;
font-weight: var(--default-font-weight-bold);
}
div#catcontent div.category:nth-of-type(1) div.categoryname a:before {
content: "0"
}
div#catcontent div.category:nth-of-type(2) div.categoryname a:before {
content: "1"
}
div#catcontent div.category:nth-of-type(3) div.categoryname a:before {
content: "2"
}
div#catcontent div.category:nth-of-type(4) div.categoryname a:before {
content: "3"
}
div#catcontent div.category:nth-of-type(5) div.categoryname a:before {
content: "4"
}
div#catcontent div.category:nth-of-type(6) div.categoryname a:before {
content: "5"
}
div#catcontent div.category:nth-of-type(7) div.categoryname a:before {
content: "6"
}
div#catcontent div.category:nth-of-type(8) div.categoryname a:before {
content: "7"
}
div#catcontent div.category:nth-of-type(9) div.categoryname a:before {
content: "8"
}
div#catcontent div.category:nth-of-type(10) div.categoryname a:before {
content: "9"
}
div#catcontent div.category:nth-of-type(11) div.categoryname a:before {
content: "10"
}
div#catcontent div.category:nth-of-type(12) div.categoryname a:before {
content: "11"
}
div#catcontent div.category:nth-of-type(13) div.categoryname a:before {
content: "12"
}
div#catcontent div.category:nth-of-type(14) div.categoryname a:before {
content: "13"
}
div#catcontent div.category:nth-of-type(15) div.categoryname a:before {
content: "14"
}
div#catcontent div.category:nth-of-type(16) div.categoryname a:before {
content: "15"
}
div#catcontent div.category:nth-of-type(17) div.categoryname a:before {
content: "16"
}
div#catcontent div.category:nth-of-type(18) div.categoryname a:before {
content: "17"
}
div#catcontent div.category:nth-of-type(19) div.categoryname a:before {
content: "18"
}
div#catcontent div.category:nth-of-type(20) div.categoryname a:before {
content: "19"
}
div#catcontent div.category:nth-of-type(21) div.categoryname a:before {
content: "20"
}
div#catcontent div.category:nth-of-type(22) div.categoryname a:before {
content: "21"
}
div#catcontent div.category:nth-of-type(23) div.categoryname a:before {
content: "22"
}
div#catcontent div.category:nth-of-type(24) div.categoryname a:before {
content: "23"
}
div#catcontent div.category:nth-of-type(25) div.categoryname a:before {
content: "24"
}
div#catcontent div.category:nth-of-type(26) div.categoryname a:before {
content: "25"
}
div#catcontent div.category:nth-of-type(27) div.categoryname a:before {
content: "26"
}
div#catcontent div.category:nth-of-type(28) div.categoryname a:before {
content: "27"
}
div#catcontent div.category:nth-of-type(29) div.categoryname a:before {
content: "28"
}
div#catcontent div.category:nth-of-type(30) div.categoryname a:before {
content: "29"
}
div#catcontent div.category:nth-of-type(31) div.categoryname a:before {
content: "30"
}
div#catcontent div.row {display:flex!important}
div#catcontent div.row.wholesale-account,
div#catcontent div.row.retail-account{display:none!important}
div#catcontent div.row.wholesale-account.ws-account {display:flex!important}
div#catcontent div.row div.aboutleftnav {border-right:1px solid #eaeaea}
/* Flash Sale CSS */
div.slick-item div.product-list {
padding: 30px 0;
height: auto
}
div.product-list span.savings {
background: #AF1B31;
color: #fff;
padding: 4px 10px;
font-size: 12px;
font-weight: 600;
top: 7px;
left: 10px;
position: absolute;
}
div.product-list div.flsaleblk h3 {
color: #333;
font-size: 12px;
margin-bottom: 0;
height: 2.5em;
max-width: 20em;
}
div.product-list div.flsaleblk div.supind {
text-align: center;
font-size: 12px;
color: #333
}
div.product-list div.flsaleblk h3 > div + span {
padding-left: 3px
}
div.product-list div.flsaleblk div.salepricing {
margin-top: 10px;
text-align: center
}
div.product-list div.flsaleblk div.salepricing span.ratingProgress {
font-size: 12px;
color: #636363
}
div.product-list div.flsaleblk ul.cartlinescontainer li.actionaddtocart a.btn.addtocart,
div.slick-track div#Productdetails div a.btn.addtocart, div.slick-item div.product-list ul.cartlinescontainer li.actionaddtocart.cartline a.btn.addtocart {
width: 174px;
font-size: 13px;
margin: 10px auto 0;
float: none;
border-radius: 20px!important;
background: #AF1B31
}
div.bogoslider div.sticker-block {
display :flex;
margin-top:-25px;
}
div.bogoslider div.sticker-block div.stickers ul li {
min-height:28px;
line-height:20px;
margin:0 2px 0 0;
}
div .slick-item div.product-list{
height:auto!important;
}
div#bogosaledata {
background: #e3fdff
}
div.slick-track div#Productdetails div a.notify {
width: 174px !important;
font-size: 13px;
margin: 10px auto 0 !important;
float: none;
border-radius: 20px;
color: #fff;
background: #939393;
padding: 4px 15px;
text-transform: uppercase;
display: inline-block;
line-height: 1.4;
}
div.product-list div.flsaleblk ul.cartlinescontainer li.actionaddtocart a.btn.addtocart.btndisabled,
div.slick-track div#Productdetails div a.btn.addtocart.btndisabled {
cursor: not-allowed;
}
div#biodynamic-farmer {
display: flex
}
div#biodynamic-farmer > div.left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
div#biodynamic-farmer > div.left span.flashsaletimer {
font-weight: var(--default-font-weight-bold);
color: #AF1B31;
font-size: 18px;
height: 20px;
}
div#biodynamic-farmer div.flashsale h3.products-head {
margin: 0;
text-indent: -9999px;
background: url(//media.mercolamarket.com/assets/images/shop/Flash-Sale_Logo.png) 0 0 no-repeat;
background-size: contain;
background-position: center;
height: 78px;
margin-bottom: 10px
}
.slick-track {
margin: 0 !important
}
.flashsalescontainer .addtocart_successmsg {
padding: 0 0 0 15px;
text-align:center;
}
.category #Productdetails > div > span.price {
text-align: left;
display: block;
}
#Productdetails div.sku-nameprice h3 {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: auto;
}
div.flashsalereadyavailed.popup_content {
width: 95%;
max-width: 350px;
}
div.flashsalereadyavailed.popup_content h2 {
padding-bottom: 10px;
}
div.health-icons ul li a {
height: 100%;
}
@media screen and (max-width:320px) {
div#catcontent div.category div.categoryname a::before {
min-width: 30px;
height: 30px;
line-height: 25px;
border-radius: 43px;
font-size: 1.4rem
}
}
@media screen and (min-width:321px) and (max-width:479px) {
div#catcontent div.category div.categoryname a::before {
min-width: 40px;
height: 40px;
line-height: 35px;
border-radius: 53px;
font-size: 2.4rem
}
}
@media screen and (max-width:480px) {
div#catcontent div.category div.categoryname span.number {
font-size: 20px;
border-radius: 30px;
height: 30px;
line-height: 30px;
width: 30px
}
div#catcontent div.category div.categoryname a {
height: 30px
}
}
@media screen and (max-width:600px) {
div.product-list div.flsaleblk ul.cartlinescontainer li.actionaddtocart a.btn.addtocart:hover,
div.slick-track div#Productdetails div a.btn.addtocart:hover, div.slick-item div.product-list ul.cartlinescontainer li.actionaddtocart.cartline a.btn.addtocart:hover {
transform: scale(1.0) !important
}
}
@media screen and (min-width:769px) {
div #catcontent div.category {
width: 25%
}
}
@media screen and (min-width:901px) {
div#catcontent div.category {
width: 20%
}
}
@media screen and (max-width:1280px) {
.topbox {
margin-bottom: 1%
}
}
@media screen and (min-width:1281px) {
div#catcontent div.category div.categoryname {
position: relative
}
}
@media only screen and (max-width:768px) {
div#catcontent div.row {flex-direction:column}
div.leftcontainer {display:none;}
div.aboutcontent {width:100%}
.acc_container .acc_content, .acc_container .acc_nav {
max-width: none !important;
float: none !important;
margin: 0 !important;
width: 100% !important;
border: 0 !important;
min-height: inherit !important
}
.acc_container, .acc_container .acc_nav ul li {
background-image: none !important;
max-width: none !important
}
.acc_container .acc_nav ul li span {
cursor: pointer;
margin-right: 0 !important
}
.wrapper-3col-1 ul li {
list-style: disc !important;
font-weight: 400 !important
}
.wrapper-3col-1 {
margin: 0 0 0 20px !important;
padding: 0 15px !important
}
.top-faq-box-inner-1 {
padding: 10px !important
}
.acc_container .acc_content .wrapper-3col-1 {
width: 100% !important
}
}
@media screen and (max-width:750px) {
.wrapper-3col-1 {
float: none !important;
width: 70% !important;
padding: 20px
}
.acc_container .acc_content .top-faq-box-1 .top-faq-box-inner-1 {
height: auto !important
}
}
.acc_container {
border: 1px solid #59acf0;
width: 100%;
margin: 10px auto;
color: #216baa;
background: #f8f8fa;
line-height: 20px
}
.acc_container .acc_nav {
width: 25%;
float: left;
background-color: #fff;
position: relative
}
.acc_container .acc_nav ul {
padding: 0;
margin: 0
}
.acc_container .acc_nav ul li {
margin-left: 0 !important;
padding-bottom: 0 !important;
list-style: none inside none;
font-weight: 700;
position: relative
}
.acc_container .acc_nav ul li:after {
background: url(https://media.mercolamarket.com/assets/images/mercola/active-tab.gif) bottom right no-repeat;
position: absolute;
top: 0;
right: -9px;
content: ""
}
.acc_container .acc_nav ul li label {
padding-left: 15px;
display: block;
line-height: 39px;
border-bottom: 1px solid #dedede
}
.acc_container .acc_nav ul li.active {
background-color: #eef2fe
}
.acc_container .acc_nav ul li.active:after {
background: url(https://media.mercolamarket.com/assets/images/mercola/active-tab.gif) top right;
height: 39px;
content: "";
width: 9px
}
.acc_container .acc_content {
width: 80%;
float: left;
background-color: #f8f8fa;
min-height: 235px;
border-left: 1px solid #59acf0
}
.acc_container .acc_content > div {
padding: 5px 20px;
display: none
}
.acc_container .acc_content .active {
display: block
}
.acc_container .acc_content > div > h3 {
margin-top: 10px;
font-size: 13px;
font-weight: 400;
text-transform: initial
}
.acc_container .acc_content > div > h3::before {
content: url(https://media.mercolamarket.com/assets/images/mercola/plus.png);
margin-right: 10px
}
.acc_container .acc_content > div > h3.active::before {
content: url(https://media.mercolamarket.com/assets/images/mercola/minus.png);
margin-right: 10px
}
.acc_container .acc_content > div > div {
display: none;
margin-left: 15px
}
.acc_container .acc_content > div > div p {
margin: 10px !important;
color: #515151 !important
}
.acc_container .acc_content .top-faq-box-1 {
border-radius: 10px !important;
width: 95%;
border: 10px solid #f1f1f1;
background: #f1f1f1;
margin: 20px auto;
display: block !important
}
.acc_container .acc_content .top-faq-box-1 .top-faq-box-inner-1 {
background-image: none;
border: 1px solid #ebebeb;
display: block !important;
border-radius: 10px !important;
background: #fff;
border-bottom: 2px solid #ebebeb;
min-height: 150px
}
.acc_container .acc_content .top-faq-box-inner-1 ul {
width: 95% !important;
float: left;
display: block;
text-align: left
}
.acc_container .acc_content .top-faq-box-inner-1 ul a {
text-decoration: none !important
}
.contentdiv p {
font-size: 13px
}
.wrapper {
padding: 20px;
border-right: 1px solid #eee;
float: left;
width: 25%
}
.wrapper h3 {
margin-bottom: 16px;
font-weight: 400;
color: #337ebb
}
.warning-box {
background: 0 0 #fdf3d0;
border: 1px solid #af1a30;
width: 93%;
margin: 20px;
padding: 20px 10px
}
a.action span.label, h1.lined {
font-size: 24px !important
}
.bolder {
color: #af1a30
}
.center, a.button, div.quality .img-floater h1 {
text-align: center
}
.warning-box P {
font-size: 12px !important
}
div.contentdiv .wrapperbox p {
margin: 0 20px 10px;
padding: 5px 30px 5px 20px !important;
background: #ebebeb;
width: 75%;
border-bottom: 1px solid #ebebeb;
border-top: 0 solid #ebebeb
}
.attention {
display: block;
float: left;
font-size: 42px;
margin: 0 10px 20px 0;
vertical-align: bottom
}
span.highlighted {
background: #ff0
}
.wrapperbox {
float: left;
width: 43%;
margin: 0 auto;
padding-left: 20px
}
.wrapperbox ul {
margin-left: 20px
}
#wholesale-faq-pop-content-area {
left: 10%;
top: 10%;
word-break: break-all
}
.pop-up-content {
height: 80%;
overflow: auto;
padding: 20px;
width: 93%
}
.word-break {
word-break: break-all
}
.content-holder {
width: 100%;
margin: 0 auto;
clear: both
}
.content-holder img {
padding-right: 20px
}
.wrapperwholesale {
border-right: 1px solid #eee;
float: left;
margin: 0 auto;
padding-left: 20px;
width: 30%
}
.wrapperwholesale p {
border-bottom: 1px dotted #eee;
clear: both;
margin: 10px !important;
padding-left: 20px;
text-align: left
}
.wrapperwholesale .indent {
padding-left: 40px !important
}
.wrapperwholesale img {
padding: 5px
}
.wrapperwholesale h3 span {
font-size: 24px;
font-weight: 400
}
.wrapperwholesale p span {
border-bottom: 1px dotted #c1c1c1
}
a.button {
border-radius: 2px 2px 2px 2px;
cursor: pointer;
display: inline-block;
font: 700 12px/17px Arial,sans-serif;
padding: 5px 6px 4px
}
a.blue {
background: #4b8df8;
background: -moz-linear-gradient(top,#4c8ffd,#4787ed);
background: -ms-linear-gradient(top,#4c8ffd,#4787ed);
background: -o-linear-gradient(top,#4c8ffd,#4787ed);
background: -webkit-linear-gradient(top,#4c8ffd,#4787ed);
border: 1px solid #3079ed !important;
moz-transition: border .2s;
o-transition: border .2s;
transition: border .2s;
webkit-transition: border .2s
}
a.blue:hover {
background: #3f83f1;
background: -moz-linear-gradient(top,#4d90fe,#357ae8);
background: -ms-linear-gradient(top,#4d90fe,#357ae8);
background: -o-linear-gradient(top,#4d90fe,#357ae8);
background: -webkit-linear-gradient(top,#4d90fe,#357ae8);
border: 1px solid #2f5bb7 !important;
text-decoration: none
}
a.action span.label {
line-height: 45px !important;
padding: 0 25px !important
}
a.blue span.label {
color: #fff !important;
float: left;
line-height: 18px;
overflow: hidden;
padding: 0 10px;
text-shadow: 0 1px 0 #2f5bb7 !important
}
div.contentcontact h1, div.contentcontact h3 {
font-weight: 700 !important
}
div.contentcontact h2 {
color: #af1a30 !important;
font-size: 18px !important;
line-height: normal !important
}
div.contentcontact h3 {
font-size: 13px;
color: #000
}
div.contentcontact div.content-holder img {
margin: 5px;
padding: 0
}
div.contentcontact .backtotop {
font-size: 12px !important;
margin-top: 5px;
float: right
}
span.chat-banner-indicator2 a img {
width: 250px !important
}
div.contentdiv .republish-block h3 {
text-align: center;
color: #337ebb !important;
line-height: 26px !Important;
font-size: 24px !important;
font-weight: 400;
margin-bottom: 10px;
margin-top: 30px;
padding: 0 0 5px !important
}
.press-media-block h3 span, h3 {
font-size: 24px;
font-weight: 400
}
.republish-block p {
padding: 0 0 5px 20px !important;
text-align: center
}
.press-media-block p {
padding: 0 0 5px 40px !important;
text-align: center
}
.top-faq-box-inner {
background: #fff !important
}
.top-faq-box-inner p {
width: 100% !important;
text-align: left !important
}
.contentcontact .top-faq-box-inner p, .top-faq-box-inner p {
font-size: 12px !important
}
.contentcontact .top-faq-box-inner p, .top-faq-box-inner h3 {
text-align: center !important;
width: 100% !important
}
.top-faq-box-inner ul li {
width: 93% !important
}
.top-faq-box-inner ul.top-faq {
float: left;
width: 33% !important
}
.contentdiv .press-media-block h3 {
color: #337ebb !important;
font-weight: 400 !important;
padding-left: 50px;
text-align: center
}
.content-holder .email-support-block h3, .support-block .chat-block h3, .support-block .phone-support-block h3 {
margin: 0 0 20px 80px !important;
font-weight: 400;
color: #337ebb
}
.btn {
margin-bottom: 5px;
text-align: center;
width: 100%
}
.content-holder .wrapper {
width: 30%;
float: left;
padding-bottom: 0
}
.content-holder .wrapper.border {
margin-right: 5px;
border-right: 1px dotted #ebebeb;
height: 310px
}
.press-media-block, .republish-block {
width: 47%;
float: left
}
.content-holder .wrapper p {
border-bottom: 1px dotted #dcdcdc;
padding: 7px;
font-size: 13px !important;
line-height: normal !important;
padding-bottom: 10px !Important
}
.content-holder .wrapper .indent {
padding: 10px 0 10px 40px !important;
font-size: 13px !important
}
.content-holder .wrapper h3 {
color: #337ebb;
margin: 0 !important
}
.content-holder .wrapper h3 span {
font-size: 24px;
font-weight: 400;
color: #337ebb
}
div.content-left {
width: 51%
}
div.content-right {
width: 48%;
padding-left: 10px;
float: right
}
div.logo-alignment {
text-align: right;
padding-right: 10px
}
div.contentdiv.gmofree h2 {
color: #337ebb !important;
font-size: 26px;
line-height: 34px;
margin: 10px 0;
text-align: center
}
.gmofree .floatr {
float: right;
margin: 15px
}
.gmofree .floatl {
float: left;
margin: 15px
}
.contentdiv.gmofree p {
font-size: 14px !important
}
div.contentdiv.gmofree p {
padding: 10px
}
div.contentdiv.testimonials h2, div.contentdiv.wholesaltc h2 {
color: #337ebb !important;
font-size: 18px !Important;
line-height: normal !Important;
font-weight: 400 !Important
}
div.contentdiv p, div.contentdiv.testimonials p, div.contentdiv.wholesaltc p {
font-size: 13px !important;
line-height: normal !important;
padding: 0 0 10px !important
}
div.contentdiv.quality h2 {
color: #337ebb !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 24px !important;
margin: 0;
padding: 10px 0 5px !important;
width: auto
}
div.contentdiv.quality p {
font-size: 13px !important;
line-height: normal !Important;
padding: 5px 0 10px !Important
}
ul.check {
padding-left: 20px;
text-indent: 2px;
list-style: none;
list-style-position: outside
}
.red {
color: #af1a30
}
.tabcontent {
padding: 10px 20px;
background-color: #f4f4f4;
border: 1px solid #e1e1e1;
width: 100%;
clear: both
}
.OffTab, .OnTab {
font-size: 1em;
width: 140px;
top: -2.3em;
left: 10px;
padding: 5px;
border: 1px solid #e1e1e1;
border-bottom: none;
text-align: center
}
.OnTab {
height: 52px;
color: #000;
font-weight: 700;
background-color: #f4f4f4;
margin: -3px 0 0
}
.OffTab {
font-weight: 400;
margin: 0;
background-color: #f8f8f8
}
.OffTab a:hover, .OnTab a:hover {
color: #000;
text-decoration: none
}
.tab-box a {
color: #03519b !important
}
.OffTab, .OffTab a:hover {
color: #999
}
.OffTab, .tab-box {
height: 49px
}
.OnTab a:visited {
color: #000
}
.OffTab a:visited {
color: #999
}
div.quality .img-floater {
float: left;
width: 50%
}
#drmercola, .video-bg {
width: 50%;
float: right
}
.video-bg iframe {
width: 65%
}
.tab-container {
width: 100%
}
@media only screen and (max-width:970px) {
.contentdiv.quality imgt {
max-width: 100%
}
.video-bg {
float: right
}
}
@media screen and (max-width:900px) {
.video-bg, div.quality .img-floater {
float: none;
margin: 0 auto
}
.contentdiv.quality img {
max-width: 100%
}
.video-bg {
width: 62%;
float: none !important;
padding-top: 1px
}
.check, .div.contentdiv.quality ul li {
margin-left: 0
}
}
@media screen and (max-width:600px) {
.contentdiv.quality img {
max-width: 100%
}
.video-bg {
float: right
}
}
@media screen and (max-width:400px) {
.contentdiv.quality img {
max-width: 100%
}
.video-bg {
width: 100% !important;
float: none
}
.img-floater, .video-bg {
margin-left: 0 !important
}
}
#abandoncart a.close, .mobile {
display: none
}
#drmercola {
width: 80px
}
div.contentdiv.premiumproducts h2 {
text-align: center;
border-top: 1px solid #292929;
border-bottom: 1px solid #292929;
padding: 20px 0;
color: #337ebb;
font-size: 26px !important;
line-height: 34px !important;
margin: 20px 0 !important
}
div.contentdiv.premiumproducts ol li {
list-style: none;
margin: 0
}
#pad {
margin-bottom: 70px
}
#pad img {
margin-top: -50px
}
#border img {
border: 1px solid #292929
}
div.contentdiv.premiumproducts h4 {
line-height: 28px !important;
font-size: 20px;
color: #337ebb;
font-weight: 400
}
figure img {
max-width: 250px;
margin-left: 40px
}
ol li {
line-height: 18px;
padding: 20px 0 !important;
border-bottom: 1px solid #292929
}
.contentdiv.premiumproducts p, ol li {
font-size: 15px
}
.list p {
line-height: 22px;
font-size: 14px;
padding: 10px 20px;
margin-top: 0
}
#border img, div.contentdiv.premiumproducts p {
padding: 10px
}
@media only screen and (max-width:970px) {
.contentdiv.premiumproducts imgt {
max-width: 100%
}
.video-bg {
float: right
}
}
@media screen and (max-width:900px) {
.img-floater, .video-bg {
float: none;
margin-left: 20%
}
#pad img {
margin: 0 0 10px 20px;
background: #fff;
padding: 20px
}
.contentdiv.premiumproducts img {
max-width: 100%
}
.video-bg {
width: 62%;
float: none !important;
padding-top: 1px
}
.check, .div.contentdiv.premiumproducts ul li {
margin-left: 0
}
}
@media screen and (max-width:800px) {
.mobile {
display: block
}
.contentdiv.premiumproducts img {
max-width: 90%
}
.video-bg {
float: right
}
#pad img {
margin: 0 0 10px 20px
}
#pad {
margin-bottom: 20px
}
}
@media screen and (max-width:400px) {
.contentdiv.premiumproducts ol, .contentdiv.premiumproducts ul {
padding: 0;
margin: 0
}
.contentdiv.premiumproducts .list img {
max-width: 90%;
padding: 3px
}
#drmercola {
float: right;
margin: 10px !important
}
.mobile {
display: block
}
}
div.contentdiv.petdonation img.petbanner {
width: 100%;
margin-bottom: 10px
}
@media only screen and (max-width:970px) {
.contentdiv.gmofree img {
max-width: 100%
}
.video-bg {
float: right
}
}
@media screen and (max-width:900px) {
.img-floater {
float: none;
margin-left: 20%
}
.contentdiv.gmofree img {
max-width: 100%
}
}
@media screen and (max-width:600px) {
div.logo-alignment {
text-align: center !important;
padding-right: 0 !important
}
div.content-left, div.content-right {
width: 100% !important;
text-align: left !important
}
div.content-right {
text-align: center !important
}
.contentdiv.gmofree img {
max-width: 100%
}
}
@media screen and (max-width:1500px) {
.wrapper {
border-right: 1px solid #eee !important;
border-bottom: 1px #fff solid !important
}
.wrapper, .wrapperbox, .wrapperwholesale {
float: left !important
}
.wrapperwholesale {
border-bottom: 1px #fff solid !important;
border-right: 1px solid #eee !important
}
.about-dr-mercola {
width: 100%
}
.contentcontact .wrapper {
width: 30%;
float: none !important;
border: 0 !Important
}
.top-faq {
float: left;
width: 33%
}
.border {
border-right: 1px solid #eee !important;
padding: 20px 10px;
border-bottom: none !important
}
.press-media-block {
width: 50%;
float: left
}
.republish-block {
border: 1px solid #ebebeb;
float: right;
padding-right: 20px;
width: 40%
}
.content-holder .wrapper.border {
margin-right: 0;
border-right: 1px dotted #ebebeb !important;
height: 310px;
width: 33.33%
}
.content-holder .wrapper {
float: left !Important
}
}
@media screen and (max-width:945px) {
.wrapper {
border-right: 1px solid #eee !important;
border-bottom: 1px #fff solid !important
}
.wrapper, .wrapperbox, .wrapperwholesale {
float: left !important
}
.wrapperwholesale {
border-bottom: 1px #fff solid !important;
border-right: 1px solid #eee !important;
width: 50% !important;
box-sizing: border-box
}
.about-dr-mercola {
width: 100%
}
.top-faq-box-inner ul.top-faq {
float: left;
width: 50% !important
}
.contentcontact .content-holder .wrapper {
width: 48% !important;
float: left !important
}
}
@media screen and (max-width:800px) {
.top-faq {
float: none;
width: 80%
}
.press-media-block p {
padding: 0
}
}
@media screen and (max-width:721px) {
.content-holder .wrapper, .press-media-block, .republish-block {
width: 95%;
height: auto !important
}
.content-holder .wrapper.border {
border: 0 !important
}
.press-media-block h3 {
width: 90%;
padding-left: 0
}
.top-faq {
float: none;
width: 80%
}
.press-media-block p {
padding: 0 !important
}
.top-faq-box-inner ul {
width: 80% !important
}
div.contentdiv .top-faq-box p {
text-align: center
}
img.center {
float: none !important
}
.contentdiv ol, .contentdiv ul {
padding-left: 0
}
}
@media screen and (max-width:600px) {
.wrapper {
float: none !important;
width: 100% !important;
padding: 20px;
border-bottom: 1px solid #eee !important;
border-right: none !important
}
.wrapperbox, .wrapperwholesale {
float: none !important;
width: 90%
}
.wrapperwholesale {
border-bottom: 1px solid #eee !important;
border-right: none !important;
padding: 20px;
width: 100% !important
}
.about-dr-mercola {
width: 100%
}
.top-faq-box-inner ul.top-faq {
float: left;
width: 100% !important
}
.contentcontact .content-holder .wrapper {
width: 100% !important;
float: left !important;
height: auto !Important
}
}
@media screen and (max-width:400px) {
.wrapper {
float: none;
padding: 20px
}
.wrapperbox {
float: none;
padding-left: 0;
width: 90%
}
.pop-up-content {
padding: 10px;
width: 80%
}
.wrapperwholesale {
float: none;
padding: 20px
}
.about-dr-mercola {
clear: both;
width: 100%
}
.content-holder img {
margin-left: 40px
}
#wholesale-faq-pop-content-area {
height: 450px;
margin-left: 10px;
width: 90%
}
.floatr {
float: none;
text-align: center;
margin: 0;
padding: 0
}
}
.top-faq-box {
width: 90% !important
}
@media screen and (min-width:1280px) {
.acc_container .acc_nav {
width: 20%
}
}
div.welcome-content figure.span1_of_2 {
padding-top: 130px
}
div.welcome-content .span1_of_1 {
padding: 0 7%
}
@media screen and (max-width:685px) {
div.welcome-content figure.span1_of_2 {
padding-top: 30px;
width: 100%;
text-align: center;
margin: 0
}
div.share-content div.span2_of_1, div.welcome-content div.span1_of_1 {
width: 100%
}
div.welcome-content div.span1_of_1 p {
padding: 0
}
}
@media screen and (max-width:970px) {
.premier-table, div.redeem-content div.span3_of_1, div.redeem-content figure.span3_of_2, div.share-content div.span2_of_1, div.share-content figure.span2_of_2 {
width: 100%;
padding: 0;
margin: 0 auto
}
div.redeem-content figure.span3_of_2, div.share-content figure.span2_of_2 {
text-align: center
}
div.redeem-content div.span3_of_1 p {
padding: 0 20px
}
}
.LB-black-overlay {
top: 0;
left: 0;
display: none;
position: fixed;
width: 100%;
height: 100%;
background-image: url(//media.mercolamarket.com/assets/images/organic-clothing/lb-bg.png);
background-color: Transparent;
z-index: 1001
}
.LB-wrapper {
display: table-cell;
vertical-align: middle;
padding: 10px
}
.LB-white-content {
margin: auto;
z-index: 1002;
width: 100%;
max-width: 860px;
position: relative
}
a.close {
text-decoration: none;
height: 30px;
width: 30px;
position: absolute;
top: -10px;
right: -10px;
background: url(//media.mercolamarket.com/assets/images/closebtn.png) 0 0;
z-index: 1003
}
.vidpad {
background-color: #fff;
padding: 15px;
border-radius: 5px
}
.video-holder {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.video-holder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.col {
float: left
}
.content2 p, .pad {
text-align: left
}
strong.premier-plus {
font-style: italic
}
strong.premier-plus span {
width: auto !important;
margin: 0 !important;
display: inline-block !important;
color: #218649
}
div.masthead {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/bg-logo.png) center center no-repeat;
width: 100%;
margin: -53px auto 0;
padding: 90px 0 2px
}
div.masthead, div.notmobile {
max-width: 860px
}
div.notmobile, div.rewards-list, div.welcome-content {
width: 100%;
margin: 0 auto
}
div.welcome-content {
max-width: 860px
}
div.rewards-list {
max-width: 942px
}
div.contentdiv div.autoship div.masthead p {
font-size: 20px !important
}
div.notmobile.lftimg {
position: relative;
left: -41px;
top: -44px
}
div.notmobile.rhtimg {
position: relative;
right: -41px;
top: -146px
}
.header-content {
text-align: center
}
.blue-bar, .header-content img {
max-width: 100%
}
div.autoship div.mast-content {
background: url(//media.mercolamarket.com/assets/images/autoship/header.jpg) center center no-repeat;
max-height: 430px;
padding: 90px 0 2px;
margin-top: -53px !important
}
div.autoship div.mast-content, div.autoship div.masthead {
width: 960px;
max-width: 100%;
margin: 0 auto;
height: 100%
}
div.autoship .content, div.autoship .content2 {
background-color: #fff;
width: 880px;
max-width: 100%;
margin: 40px auto 0
}
div.contentdiv.autoship .content2 h2 {
color: #363636;
font-weight: 700;
font-size: 30px;
line-height: normal
}
.blue-bar {
background-color: #016fb8;
height: 8px;
margin-top: -20px
}
div.play-video-btn {
margin-top: 20px
}
div.play-video-btn img {
width: 202px;
height: 43px
}
h2 {
font-size: 30px;
line-height: 29px
}
h3 {
font-size: 18px;
text-transform: uppercase
}
div.contentdiv p {
padding: 0 20px 10px 0 !important;
font-size: 15px !important
}
.benefit-cont {
background-color: #72bda6;
width: 960px;
max-width: 100%;
margin: 70px auto 0;
color: #fff !important
}
div.contentdiv.autoship .benefit-cont h2 {
font-weight: 400 !important;
margin-top: -11px;
color: #fff !important;
font-size: 30px !important
}
div.contentdiv.autoship p {
padding-right: 0 !Important;
font-size: 16px !Important
}
.benefit-cont img {
margin-top: -43px
}
.arrow-bullet {
text-align: left;
margin: 30px 40px 40px;
float: left;
width: 50%
}
.arrow-bullet li {
list-style-image: url(//media.mercolamarket.com/assets/Images/autoship/arrow-bullet.png) !important;
padding-bottom: 10px !important;
font-size: 16px !important;
line-height: 23px !important
}
.benefit-cont figure {
float: right;
border: 1px solid #fff;
padding: 10px;
margin: 40px 20px 20px 0
}
.benefit-cont figure img {
margin: 0 !important
}
.benefit-cont figure figcaption {
font-size: 12px
}
.not-mobile {
display: none
}
.save-bundle {
margin-top: 10px
}
div.contentdiv .save-bundle h2 {
color: #004170 !important;
font-size: 30px !important;
font-weight: 700 !Important
}
.save-bundle p {
padding-right: 0 !important
}
.floatl, .save-bundle img {
float: left
}
.floatr p {
text-align: right;
padding: 0
}
.floatl {
width: 40%
}
.autoship-shop {
background: url(//media.mercolamarket.com/assets/images/autoship/set-up-autoship.jpg) center center no-repeat;
width: 960px;
max-width: 100%;
margin: 30px auto 0;
max-height: 452px;
height: 100%;
padding: 30px 0 2px;
color: #fff
}
div.contentdiv .autoship-shop h2 {
margin: 0;
padding-bottom: 10px !important;
color: #fff !important;
font-size: 30px !Important;
font-weight: 700 !important
}
div.contentdiv .autoship-shop h3 {
color: #fff !important
}
.autoship-shop ol {
width: 80%;
margin: 0 auto;
list-style: decimal none none !important;
font-size: 16px !important
}
.autoship-shop ol li {
list-style: decimal !important;
font-size: 16px !important;
padding: 0 !important;
border: 0
}
.autoship-shop img {
text-align: center
}
.shop-now {
margin-top: 10px
}
@media screen and (min-width:971px) {
div.rewards-list {
padding: 0 41px
}
.floatr {
margin-right: 10px !important
}
}
div.rewards-list img {
width: 100%;
margin: 0 auto -5px
}
.welcome-content {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/family-bg.png) top center no-repeat;
width: 860px;
max-width: 100%;
margin: 0 auto;
height: auto
}
.welcome-content p {
line-height: 32px !Important
}
.span1_of_1 {
width: 67.5%;
box-sizing: border-box
}
.span1_of_1 p {
color: #fff;
padding-left: 40px;
line-height: 30px
}
.span1_of_2 {
width: 25.26%;
padding-top: 140px
}
.welcome-title {
font-size: 22px
}
.span2_of_1 {
width: 60%
}
.span2_of_2 {
width: 40%
}
.share-title {
font-size: 36px
}
.share-title p {
line-height: 0
}
.share-content, .share-title {
width: 865px;
max-width: 100%;
margin: 0 auto;
display: block
}
.redeem-content p, .share-content p {
font-size: 14px;
color: #464646;
padding: 0;
line-height: 30px
}
.share-content .span2_of_2 {
padding-top: 0;
max-width: 100%;
margin: 0;
float: right
}
.share-content .span2_of_2 img {
max-width: 100%;
margin-left: 0
}
.redeem-content {
clear: both
}
.redeem-content .span3_of_1 {
background-color: #f5f5f5;
padding: 20px;
margin-top: 45px
}
.span3_of_1 {
width: 78%
}
.span3_of_2 {
width: 22%;
margin: 0
}
.get-started {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/laptop.png) center center no-repeat;
clear: both
}
.get-started .pad {
padding: 40px 100px
}
.get-started .pad .white-overlay {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/white-overlay.png) center center;
padding: 10px 50px;
max-width: 906px;
margin: 0 auto
}
.get-started .pad .white-overlay p {
font-size: 16px;
line-height: 2
}
.get-started p.title {
text-align: center;
font-size: 24px !important;
font-weight: 700
}
@media screen and (max-width:910px) {
.mobile2 {
float: none !important
}
.arrow-bullet {
width: 85% !important;
margin: 30px 30px 20px 40px;
padding: 10px
}
.benefit-cont figure {
width: 40% !important;
margin: 0 auto 10px !important;
float: none !important;
clear: both !important
}
.not-mobile {
display: block
}
.floatl, .floatr, .floatr p, .save-bundle img {
float: none;
text-align: left !important
}
.save-bundle {
width: 90%;
margin: 0 auto
}
.floatr {
width: 100%
}
.autoship-shop img {
width: 50%
}
div.autoship-shop .shop-now img {
width: 50% !important
}
}
@media screen and (max-width:768px) {
.get-started .pad {
padding: 30px
}
.get-started .pad .white-overlay {
padding: 20px 40px
}
.get-started .pad .white-overlay p {
font-size: 12px
}
.get-started .pad .white-overlay img {
max-width: 100%
}
.get-started .pad .white-overlay a img {
width: auto
}
}
.col1of3, .col2of3 {
width: 100%;
float: left
}
.col1of3 {
width: 20%;
display: none
}
div.contentdiv div.share-title p {
font-size: 36px !important;
line-height: 36px !Important
}
.premier-table {
margin: 0 auto;
max-width: 100%
}
.premier-table .pad {
padding: 10px
}
.premier-table .pad p {
margin-top: 0
}
.premier-table .col2of3 .pad {
border: 5px solid #f9f8f2;
padding: 5px;
margin-bottom: 15px
}
.premier-table table {
border-spacing: 5px 0;
width: 100%;
border-collapse: separate
}
.premier-table .pad img, .premier-table table img {
max-width: 250px;
width: 100%
}
.premier-table table td span {
display: none;
margin-right: 10px;
height: 27px;
width: 95px
}
.premier-table table td span.mymercola {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/mymercola.png) left center no-repeat
}
.premier-table table td span.premierplus {
background: url(//media.mercolamarket.com/assets/images/healthy-rewards/premierplus.png) left center no-repeat
}
.premier-table table td, .premier-table table th {
padding: 10px 0;
text-align: center
}
.premier-table table td {
font-weight: 700
}
.premier-table table tr td:first-child {
font-weight: 400
}
.premier-table table th, .premier-table table tr.even td {
background-color: #f9f8f2
}
.premier-table table tr.odd td {
background-color: #d3e4e1
}
.premier-table table tr.final td {
font-size: 10px;
color: #666
}
section.faq div#accordion div.accorblk h3 span, section.faq h3.ui-state-default span.ui-icon {
background: url(../images/smallicons.png) no-repeat right -355px;
height: 14px;
width: 25px;
float: right;
margin-top: 14px
}
section.faq div#accordion div.accorblk h3.active span, section.faq div#accordion div.accorblk h3:hover span, section.faq h3.ui-state-default.ui-corner-top span.ui-icon, section.faq h3.ui-state-default.ui-state-hover span.ui-icon {
background: url(../images/smallicons.png) no-repeat right -372px
}
@media screen and (max-width:970px) {
.notmobile {
display: none
}
.col1of3, .col2of3 {
width: 100% !important;
float: none !important
}
.share-content {
width: 100%
}
.share-content .span2_of_1, .share-content .span2_of_2 {
float: none !important;
width: 100%
}
.share-content .span2_of_2 {
text-align: center
}
}
@media screen and (max-width:539px) {
.header-content img {
width: 90% !important
}
div.play-video-btn img {
width: 202px !important
}
.benefit-cont img {
width: 30% !important
}
.arrow-bullet {
width: 75% !important;
margin-left: 15px;
margin-bottom: 5px
}
.benefit-cont figure {
width: 80% !important;
margin-right: 20px
}
div.autoship-shop .shop-now img, div.benefit-cont figure img {
width: 100% !important
}
.autoship-shop-content {
width: 90%;
margin: 0 auto
}
.autoship-shop ol {
padding: 0
}
.mobile2 {
display: none
}
.content2 {
margin-top: 100px !important
}
}
@media screen and (max-width:320px) {
.shop-now {
margin-top: -20px !important
}
}
@media screen and (max-width:420px) {
.premier-table table td {
display: inline-block;
width: 100%;
background-color: #fff !important;
border-bottom: 2px solid #f9f8f2;
text-align: left;
font-weight: 400
}
.premier-table table td span {
display: block !important;
float: left;
margin-bottom: 5px
}
.premier-table table td strong.premier-plus span {
display: inline !important;
float: none
}
.premier-table table th {
display: none
}
.premier-table table tr td:first-child {
background-color: #f9f8f2 !important;
text-align: center;
font-weight: 700
}
.premier-table table tr.final td {
font-weight: 400
}
}
.premier-buyer-table tbody tr td {
border-right: 0;
border-left: 0;
-webkit-border-radius: 0;
border-radius: 0;
background: 0 0;
border-top: 2px solid #f1f1f1;
border-bottom: 2px solid #f1f1f1;
margin: 20px 0
}
.premier-buyer-table {
border: 0;
border-radius: 0
}
.centered {
text-align: center
}
.premier-buyer-table p, .shipping-info-table p {
font-size: 14px
}
.premier-buyer-table tr td, .shipping-info-table tr td {
padding: 10px 5px 10px 10px !important;
vertical-align: top
}
.shipping-info-table tr td p.header {
margin-top: 80px
}
.premier-buyer-table tr td p.header {
margin-top: 100px;
font-size: 12px;
line-height: 16px
}
.premier-buyer-table tr td.discount {
background: #fff url(//media.mercolamarket.com/assets/images/premier-buyers/free.png) no-repeat center 10px
}
.premier-buyer-table tr td.promos {
background: #fff url(//media.mercolamarket.com/assets/images/premier-buyers/gift.png) no-repeat center 10px
}
.premier-buyer-table tr td.fsh {
background: #fff url(//media.mercolamarket.com/assets/images/premier-buyers/shipping.png) no-repeat center 10px
}
.premier-buyer-table tr td.support {
background: #fff url(//media.mercolamarket.com/assets/images/premier-buyers/csr.png) no-repeat center 10px
}
.premier-buyer-table tr td.savings {
background: #fff url(//media.mercolamarket.com/assets/images/premier-buyers/new.png) no-repeat center 10px
}
.premier-buyer-table tr td p.free {
font-size: 14px
}
.premier-buyer-table tr td h2.lined, .shipping-info-table tr td h2.lined {
margin-right: 5px;
margin-top: 10px
}
.premier-buyer-table tr td ul li, .shipping-info-table tr td ul li {
margin: 0 0 0 -20px;
font-weight: 700;
font-size: 12px
}
.contendiv .top-faq-box-inner p {
text-align: center !important
}
.contentdiv.returns .top-faq-box-inner table, .top-faq-box-inner table {
margin-bottom: 10px
}
div.contentdiv.wholesale .top-faq-box-inner td {
border: 0
}
div.contentdiv.wholesale h2.redclass {
color: #af1a30 !important
}
.contentdiv.returns .top-faq-box-inner tr.bottom td, .top-faq-box-inner tr.bottom td {
border-bottom: 0
}
.contentdiv.returns .top-faq-box-inner p, .contentdiv.returns .top-faq-box-inner td.left, .top-faq-box-inner td.left {
text-align: left !important
}
span.tooltip {
position: relative;
float: right
}
.contentdiv.returns span.tooltip span, span.tooltip span {
color: #03519b !important;
font-size: 12px !important
}
span.tooltip1:hover div.tooltip-wrapper {
top: -190px;
left: -35px
}
span.tooltip2:hover div.tooltip-wrapper {
top: -135px;
left: -35px
}
span.tooltip3:hover div.tooltip-wrapper {
top: -195px;
left: -35px
}
span.tooltip4:hover div.tooltip-wrapper {
top: -122px;
left: -35px
}
span.tooltip5:hover div.tooltip-wrapper {
top: -90px;
left: -35px
}
span.tooltip6:hover div.tooltip-wrapper {
top: -105px;
left: -35px
}
span.tooltip7:hover div.tooltip-wrapper, span.tooltip8:hover div.tooltip-wrapper {
top: -90px;
left: -35px
}
span.tooltip9:hover div.tooltip-wrapper {
top: -110px;
left: -35px
}
.contentdiv.returns div.tooltip-wrapper, div.tooltip-wrapper {
left: -99999px;
position: absolute;
text-decoration: none !important;
z-index: 100
}
div.tooltip-wrapper {
top: -99999px
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-top, div.tooltip-wrapper div.tooltip-top {
background: url(//media.mercolamarket.com/assets/images/tanning-beds/tipTop.png) no-repeat;
height: 19px;
width: 382px
}
div.tooltip-wrapper div.tooltip-body {
background: url(//media.mercolamarket.com/assets/images/tanning-beds/tipMid.png);
width: 348px;
padding: 0 17px 5px;
font-size: 11px;
margin-top: -1px
}
div.tooltip-wrapper div.tooltip-bottom {
background: url(//media.mercolamarket.com/assets/images/tanning-beds/tipBtm.png) no-repeat;
height: 32px;
width: 382px
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-body p.blue, div.tooltip-wrapper div.tooltip-body p.blue {
color: #03519b !important;
font-weight: 700
}
.contentdiv .return-list li, .contentdiv.returns .contentdiv .return-list li {
margin-left: 15px
}
.contentdiv.returns .top-faq-box-inner ul, .top-faq-box-inner ul {
width: 250px
}
.premierbuyer .content-wrapper {
width: 100%;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin: 0 auto;
padding: 10px
}
.premierbuyer .wrapper {
float: left;
width: 20%;
margin: 0 auto
}
.premierbuyer .wrapper p {
clear: both;
text-align: center;
padding: 10px
}
@media screen and (max-width:1005px) {
.premierbuyer .wrapper {
float: left !important
}
}
@media screen and (max-width:945px) {
.premierbuyer .wrapper {
float: left !important
}
}
@media screen and (max-width:600px) {
.premierbuyer .wrapper {
float: none !important;
width: 80% !important;
padding: 20px;
border-bottom: 1px solid #eee !important
}
}
@media screen and (max-width:400px) {
.premierbuyer .wrapper {
float: none;
padding: 20px
}
.top-faq-box-inner table {
font-size: 9px
}
.top-faq-box-inner {
padding: 0
}
.top-faq-box-inner th {
padding: 0 !important
}
}
.container_gray-text {
padding: 20px;
width: 85%;
margin: 0 auto
}
.sideimage {
padding: 20px 5px 0 0;
margin: 0 20px 10px 0;
float: left
}
.contentdiv.qualityservice img.qualitybanner {
width: 100%
}
.qualityservice .contentdiv img {
max-width: 100%;
height: auto
}
.container_gray, .container_gray-col {
width: 80%;
box-shadow: 0 -4px 5px 1px #ebebeb;
padding: 20px;
margin: 0 auto;
text-align: center
}
.container_gray-col {
width: 100%;
padding: 0
}
.side-images {
float: right;
margin-left: 50px
}
.qualityservice .wrapper ul {
width: 89%;
margin-left: 20px
}
.qualityservice .wrapper {
float: left;
width: 47%;
margin: 0 auto;
padding-left: 20px;
border: 0 !important
}
.divider-v {
width: 100%;
margin: 0 auto;
padding: 10px;
border-bottom: 1px solid #c7c7c7
}
.divider {
height: 300px;
margin: 110px 2% 0;
border-right: 1px solid #c7c7c7;
float: left
}
@media screen and (max-width:1005px) {
.qualityservice .wrapper {
float: left !important
}
.tax-rates {
width: 90%
}
}
@media screen and (max-width:945px) {
.qualityservice .wrapper {
float: left !important
}
.tax-rates {
width: 90%
}
}
@media screen and (max-width:600px) {
.divider {
display: none
}
.qualityservice.wrapper {
float: none !important;
width: 90%
}
.qualityservice div.contentdiv ul {
width: 100%
}
.tax-rates {
width: 90%
}
.sideimage {
float: none;
margin: 0 20%
}
}
@media screen and (max-width:400px) {
.side-images {
margin-left: 20%;
float: none
}
.qualityservice .wrapper {
float: none;
padding-left: 0;
width: 90%
}
.divider {
display: none
}
.attention {
margin: 0 10px 100px 0
}
.tax-rates {
width: 80%
}
.qualityservice div.contentdiv ul {
margin-left: 0
}
.sideimage {
float: none
}
}
.contentdiv.returns .tooltip-body {
background: #f1f1f1 !important;
border: 10px solid #f1f1f1 !important;
border-color: transparent;
border-radius: 10px !important;
box-shadow: 0 0 0 8px rgba(0,0,0,.3);
margin: 20px auto;
radius: 10px !important;
webkit-border-radius: 10px !important;
width: 80%
}
.contentdiv.returns .tabcontent {
background-color: #f4f4f4;
border: 1px solid #e1e1e1;
padding: 10px 3%;
clear: both;
width: 100%;
box-sizing: border-box
}
.contentdiv.returns div#tabs ul li.tablist {
float: left;
margin: 0 0 0 -1px !important;
list-style: none;
padding: 5px;
width: 20%;
box-sizing: border-box
}
.contentdiv.returns div#tabs ul li.activeTab {
margin-top: -3px !important;
height: 55px
}
.contentdiv.returns .activeTab, .contentdiv.returns ul li.tablist {
background-color: #f8f8f8;
border: 1px solid #e1e1e1;
border-bottom: none;
color: #999;
font-size: 1em;
font-weight: 400;
height: 52px;
left: 10px;
margin: 0;
padding: 5px;
text-align: center;
top: -2.3em;
width: 16%;
list-style: none
}
.contentdiv.returns .activeTab {
background-color: #f4f4f4;
color: #000;
font-weight: 700;
height: 55px;
margin: -3px 0 0
}
.contentdiv.returns .activeTab a, .contentdiv.returns ul li.tablist a {
text-decoration: none;
color: #03519b
}
.contentdiv.returns .activeTab a {
font-weight: 700
}
.contentdiv.returns ul li.tablist a:hover {
color: #999;
text-decoration: underline
}
.contentdiv.returns .activeTab a:hover {
text-decoration: underline
}
.contentdiv.returns .tab-box {
height: auto
}
.contentdiv.returns ul li.tablist a:visited {
color: #03519b
}
.contentdiv.returns .activetab a:visited {
color: #000
}
.contentdiv.returns .top- faq-box {
width: 100% !important
}
.contentdiv.returns .red {
color: #af1a30
}
.contentdiv.returns .top-faq-box-inner th, .top-faq-box-inner th {
border-bottom: #ccc 3px solid;
padding: 5px !important;
text-align: center !important
}
.contentdiv.returns .top-faq-box-inner td, .top-faq-box-inner td {
border-bottom: 1px #ccc solid;
padding: 5px !important;
position: relative
}
.contentdiv.returns .top-faq-box-inner td.right, .top-faq-box-inner td.right, .top-faq-box-inner th.right {
border-left: 1px #ccc solid;
text-align: center !important
}
.contentdiv.returns span.tooltip {
display: inline-block;
position: relative
}
.contentdiv.returns span.tooltip:hover span, span.tooltip:hover span {
cursor: pointer !important;
text-decoration: underline
}
.contentdiv.returns span.tooltip:hover div.tooltip-wrapper {
bottom: 5px;
left: 5px
}
.contentdiv.returns div.tooltip-wrapper {
bottom: -99999px;
width: 90%
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-body {
background: url(//media.mercolamarket.com/assets/images/tanning-beds/tipMid.png);
font-size: 11px;
margin-top: -1px;
padding: 0 17px 5px;
width: 348px
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-bottom {
background: url(//media.mercolamarket.com/assets/images/tanning-beds/tipBtm.png) no-repeat;
height: 32px;
width: 382px
}
.contentdiv.returns .wrapper1 {
background: url(//media.mercolamarket.com/assets/images/shop/arrow-01.png) no-repeat 0 0;
display: inline-block
}
.contentdiv.returns .wrapper1 p, .contentdiv.returns .wrapper2 p, .contentdiv.returns .wrapper3 p {
color: #fff;
font-size: 12px;
text-align: left;
padding-right: 0 !important
}
.contentdiv.returns .wrapper1, .contentdiv.returns .wrapper2, .contentdiv.returns .wrapper3 {
box-sizing: border-box;
height: 89px;
margin: 10px;
max-width: 400px;
padding: 3px 10px 0 116px;
width: 100%
}
.contentdiv.returns .wrapper2 {
background: url(//media.mercolamarket.com/assets/images/shop/arrow-02.png) no-repeat 0 0;
display: inline-block
}
.contentdiv.returns .wrapper3 {
background: url(//media.mercolamarket.com/assets/images/shop/arrow-03.png) no-repeat 0 0;
display: block
}
.contentdiv.returns .wrapper3 p {
color: #000
}
.contentdiv.returns .holder {
margin: 0 auto;
width: 100%
}
.contentdiv.returns .top-faq-box {
width: 100% !important;
box-sizing: border-box
}
.contentdiv.returns .top-faq-box-inner {
padding: 0 !important
}
@media screen and (max-width:1024px) {
.acc_container .acc_content {
width: 75%
}
}
@media screen and (min-width:1005px) {
.contentdiv.returns .wrapper {
float: left
}
.contentdiv.returns .col1of2 {
width: 50%
}
.contentdiv.returns .floatl {
float: left
}
}
@media screen and (max-width:945px) {
.contentdiv.returns .wrapper1, .contentdiv.returns .wrapper2, .contentdiv.returns .wrapper3 {
float: none
}
.contentdiv.returns span.tooltip {
float: none !important
}
}
@media screen and (max-width:700px) {
.contentdiv.returns div#tabs ul li.tablist {
height: 65px
}
.contentdiv.returns div#tabs ul li.activetab {
height: 68px
}
}
@media screen and (max-width:600px) {
.contentdiv.returns ul li.tablist {
height: 70px
}
.contentdiv.returns .activetab {
height: 73px
}
.contentdiv.returns .wrapper1, .contentdiv.returns .wrapper2, .contentdiv.returns .wrapper3 {
border-bottom: 1px solid #eee;
float: none
}
.contentdiv.returns div.contentdiv {
margin: 0;
padding: 0
}
}
@media screen and (max-width:480px) {
.contentdiv.returns .wrapper1, .contentdiv.returns .wrapper2, .contentdiv.returns .wrapper3 {
border-bottom: 1px solid #eee;
float: none;
margin: 0
}
.contentdiv.returns .wrapper1 p, .contentdiv.returns .wrapper2 p, .contentdiv.returns .wrapper3 p {
font-size: 11px
}
.contentdiv.returns div.contentdiv {
margin: 0;
padding: 0
}
.contentdiv.returns .tab-holder {
padding: 0 !important;
width: 100% !important
}
.contentdiv.returns ul li.tablist {
height: 75px;
font-size: 12px
}
.contentdiv.returns .activetab {
height: 78px
}
.contentdiv.returns .top-faq-box-inner table {
break: break-all
}
.contentdiv.returns .top-faq-box-inner {
font-size: 10px !important;
padding: 0 !important;
width: 100%
}
.contentdiv.returns .top-faq-box-inner div, .contentdiv.returns span.tooltip span {
font-size: 10px !important
}
.contentdiv.returns span.tooltip {
float: none
}
.contentdiv.returns div.tooltip-wrapper {
margin-left: 30px !important
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-body {
width: 230px
}
div.product-list div.flsaleblk h3{height: 3em;}
}
@media only screen and (min-width:350px) and (max-width:480px) {
.contentdiv.returns span.tooltip {
float: none !important
}
.contentdiv.returns .wrapper1, .contentdiv.returns .wrapper2, .contentdiv.returns .wrapper3 {
border-bottom: 1px solid #eee;
float: none;
margin: 0
}
.contentdiv.returns .wrapper1 p, .contentdiv.returns .wrapper2 p, .contentdiv.returns .wrapper3 p {
font-size: 11px
}
.contentdiv.returns div.contentdiv {
margin: 0;
padding: 0
}
.contentdiv.returns .tab-holder {
padding: 0 !important;
width: 100% !important
}
.contentdiv.returns ul li.tablist {
height: 72px
}
.contentdiv.returns .activetab {
height: 75px
}
.contentdiv.returns .top-faq-box-inner table {
word-break: break-all
}
.contentdiv.returns .top-faq-box-inner {
font-size: 10px !important;
padding: 0 !important;
width: 100%
}
.contentdiv.returns .top- faq-box-inner div, .contentdiv.returns span.tooltip span {
font-size: 10px !important
}
.contentdiv.returns div.tooltip-wrapper {
left: 30px !important
}
.contentdiv.returns div.tooltip-wrapper div.tooltip-body {
width: 230px
}
}
@media (min-width:600px) and (max-width:959px) {
.contentdiv.returns .wrapper1 p, .contentdiv.returns .wrapper2 p {
color: #fff;
font-size: 12px;
text-align: left
}
.contentdiv.returns .wrapper3 p {
font-size: 12px;
text-align: left
}
}
@media screen and (max-width:410px) {
.contentdiv.returns div#tabs ul li.tablist {
font-size: 11px;
height: 100px
}
.contentdiv.returns div#tabs ul li.activetab {
height: 103px
}
}
/*div.trendingcarousel, div.topproductlist {
visibility: hidden
}*/
div.flex-video {
max-width: 560px;
margin: 0 auto
}
div.flex-video div.widescreen {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.flex-video div.widescreen iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ordernow a {
padding: 8px 15px 8px 15px !important;
color: #fff !important
}
.ordernow a:before {
display: none !important
}
div.productDetailsContainer div div.ordernow.ordernowimage.notifyme {
background-color: #939393 !important;
}
.sitewide-lp-heroBanner li.prodSubtitle {
font-size: 17px;
font-weight: 400;
display: flex;
margin-top: 10px;
align-items: center;
color: #999999;
}
.sitewide-lp-heroBanner li.prodSubtitle .uomdetails {
border-right: 1px solid #999999;
padding-right: 10px;
margin-right: 10px;
line-height: 15px;
}
.shopcategory-banner {
margin: 10px 0 0;
}
.headertop.container.mobilecontainer {
margin: 0 auto !important;
max-width: 1500px !important;
}
@media (max-width:899px) {
div .row.product-div-bg {
padding: 30px 0 20px 0 !important
}
div#biodynamic-farmer > div.left {
padding-bottom: 10px!important
}
div#biodynamic-farmer {
flex-direction: column;
margin-top: -15px
}
div#biodynamic-farmer div.col-md-10.flashsalecontent {
width: 100%
}
div#biodynamic-farmer div.flashsale h3.products-head {
width: 140px;
height: 56px
}
}
div.instaimgvideo {
position:relative;
max-width:1485px;
margin:0 auto;
}
div.instaimgvideo div.owl-carousel {
margin-bottom: 40px;
}
div.instaimgvideo div.owl-stage {align-items:center; gap:10px}
div.instaimgvideo div.owl-stage div.owl-item {margin:0;}
div.instaimgvideo div.video-carousel div.owl-stage div.owl-item {margin:0!important; display:flex!important;}
div.instaimgvideo div.video-carousel div.owl-stage div.owl-item div.item iframe {border-radius:15px}
div.instaimgvideo div.owl-stage div.item {display:flex; justify-content:center; align-items:center}
div.instaimgvideo div.owl-stage div.item video, div.instaimgvideo div.owl-stage div.item img {
width: 270px !important;
height: auto !important;
background: #fff !important;
border-radius: 14px !important
}
div.instaimgvideo button {background:rgba(0,0,0,0.6)}
div.instaimgvideo div.owl-carousel .owl-nav {position:static;}
div.instaimgvideo div.owl-carousel .owl-nav button.owl-prev,
div.instaimgvideo div.owl-carousel .owl-nav button.owl-next {
width: 32px !important;
height: 32px;
display: block;
padding: 0;
top: 50%;
position: absolute;
transform: translateY(-50%);
border-radius: 100px;
}
div.instaimgvideo div.owl-carousel .owl-nav button.owl-prev {
background: #5656567a url('data:image/svg+xml, ') no-repeat 4px 4px !important;
left:10px;
}
div.instaimgvideo div.owl-carousel .owl-nav button.owl-next {
background: #5656567a url('data:image/svg+xml, ') no-repeat 6px 4px !important;
right:10px;
}
div.instaimgvideo div.owl-carousel .owl-nav button.owl-next.disabled,
div.instaimgvideo div.owl-carousel .owl-nav button.owl-prev.disabled {
display: none!important
}
@media (max-width:1200px) {
div.instaimgvideo div.owl-stage {gap:0}
div.instaimgvideo div.owl-stage div.item.instavideo {width:260px;}
div.instaimgvideo div.owl-stage div.item video, div.instaimgvideo div.owl-stage div.item img {
width: 235px !important;
}
}
@media (max-width:570px) {
div.instaimgvideo div.owl-stage {gap:5px}
div.instaimgvideo div.owl-stage div.item.instavideo {width:210px;}
div.instaimgvideo div.owl-stage div.item video, div.instaimgvideo div.owl-stage div.item img {
width: 210px !important;
}
}
@media (max-width:820px) {
div.instaimgvideo div.owl-carousel .owl-nav {
display:none;
}
div.instaimgvideo div.owl-carousel .owl-dots {
display: flex;
margin-top: 0;
justify-content:center;
text-align: center;
position: absolute;
z-index: 99;
right: 0;
left: 0;
margin: 0 auto 15px;
}
div.instaimgvideo div.owl-carousel .owl-dots.disabled {display:none}
div.instaimgvideo div.owl-carousel .owl-dots button.owl-dot {background:#000; opacity:0.5; border:1px solid #fff; width:12px; height:12px; margin:5px; border-radius:10px; padding:0!important;}
div.instaimgvideo div.owl-carousel .owl-dots button.owl-dot.active {opacity:1}
div.instaimgvideo div.owl-carousel, div.instaimgvideo div.owl-carousel .owl-stage-outer {
overflow: hidden
}
}
.sitewide-lp-carousel .owl-carousel .owl-item {
height: unset;
}
.sitewide-lp-carousel .owl-carousel .owl-item > div {
flex: auto;
}
.sitewide-lp-carousel .sitewide-lp-Wrapper .sitewide-lp-Grid {border:0!important;}
.sitewide-lp-carousel .owl-nav {
top: 50%;
}
.sitewide-lp-carousel .owl-carousel .owl-nav button.owl-prev,
.sitewide-lp-carousel .owl-carousel .owl-nav button.owl-next {
transform: translateY(-50%);
border-radius: 100px;
width: 32px;
height: 32px;
}
.sitewide-lp-carousel .owl-carousel .owl-nav button.owl-next {
background: #5656567a url('data:image/svg+xml, ') no-repeat 6px 4px !important;
right: -13px;
}
.sitewide-lp-carousel .owl-carousel .owl-nav button.owl-prev {
background: #5656567a url('data:image/svg+xml, ') no-repeat 4px 4px !important;
left: -10px;
}
.sitewide-lp-Wrapper #Productdetails {
border-radius: 12px;
height: 100%;
display: flex;
flex-direction: column;
background-color: #fff;
overflow: hidden;
border: 1px solid #f0f0f0;
}
div.fall-category .sitewide-lp-Wrapper #Productdetails {border:0!important;}
.fall-category .sitewide-lp-carousel .sitewide-lp-Wrapper .sitewide-lp-Grid {border:0!important;}
.sitewide-lp-Wrapper #Productdetails .sitewide-lpImg-Container {
background: #fff;
border-radius: 15px;
position: relative;
}
.sitewide-lp-Wrapper #Productdetails .bs-sales-product-img {
position: relative;
}
.sitewide-lp-Wrapper #Productdetails .bs-sales-product-img a {
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.sitewide-lp-Wrapper #Productdetails .bs-sales-productgray-bg {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #00000008;
border-radius: 10px 10px 0 0;
cursor: pointer;
}
.sitewide-lp-Wrapper #Productdetails .bs-sales-product-img img {
max-width: 260px;
margin: 0 auto;
padding-top: 0px;
}
.sitewide-lp-Wrapper #Productdetails .proddetails-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
flex-grow: 1;
justify-content: space-between;
width: 100%;
padding: .8em 1.5em 1em;
}
.sitewide-lp-Wrapper #Productdetails .productInfoWrap {
color: #7d7d7d;
font-size: 16px;
min-height: 93px;
}
.sitewide-lp-Wrapper #Productdetails .productName {
text-align: left;
color: #000;
font-size: 17px;
line-height: normal;
}
.sitewide-lp-Wrapper #Productdetails .productName a {
font-size: 17px;
line-height: 1.3;
text-align: left;
}
.sitewide-lp-Wrapper #Productdetails .productName a:hover {
text-decoration: underline;
}
.sitewide-lp-Wrapper #Productdetails span#alternatename {
color: #000;
}
.sitewide-lp-Wrapper #Productdetails span.productsubtitle {
color: #7D7D7D;
line-height: 18px;
font-size: 15px;
display: block;
}
.sitewide-lp-Wrapper #Productdetails .productName + div.uomdetails {
display: inline;
}
.sitewide-lp-Wrapper #Productdetails .productName + div.uomdetails span {
padding-right: 5px;
border-right: 1px solid #7d7d7d;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap {
height: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing {
padding-bottom: 0;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap:wrap;
min-height:90px;
grid-gap:5px;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing p {
position: unset;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p {
width: 100%;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div {
margin-top: -12px;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p span.price span.aslowastext {color:#7d7d7d; font-size:14px; font-weight:normal; text-transform:uppercase;}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div + span.listprice.boldhead {
margin-left:0;
margin-top:-4px;
}
div.fall-category .sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div + span.listprice.boldhead {
margin-left: -8px;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing span.listprice.boldhead + p {
display: none
}
.sitewide-lp-Wrapper .sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing p {
position: unset;
}
#Productdetails .productPrice-wrap .productpricing div.actionlinks + span + div div.ordernow {margin-top:0}
#Productdetails .productPrice-wrap .productpricing div.actionlinks + span + div > div.cartlinescontainer div.ordernow {
margin-top:0;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap span.price {
color: #000;
}
.sitewide-lp-Wrapper #Productdetails span.listprice {
font-size: 18px;
font-weight: 400;
}
.sitewide-lp-Wrapper #Productdetails .productpricing .actionlinks {
display: none;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing div:has(.ordernow) {
position: unset !important;
width: 100% !important;
}
.sitewide-lp-Wrapper #Productdetails .productpricing .ordernow {
display: block;
background: #AF1A30;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 400;
transition: all .3s ease;
cursor: pointer;
border-radius: 50px;
text-align: center;
width: 100%;
margin: 0;
padding: 10px 15px !important;
bottom: 0;
text-transform: uppercase;
}
.sitewide-lp-Wrapper #Productdetails .proddetails-container .productpricing .ordernow:hover {
transform: scale(1.036);
}
.sitewide-lp-Wrapper #Productdetails .proddetails-container .productpricing .ordernow.notifyme:hover {
transform: none!important;
}
.sitewide-lp-Wrapper #Productdetails .ordernow.ordernowimage.notifyme {
width: 100%;
background-color: #939393;
}
.sitewide-lp-Wrapper #Productdetails .ordernow a {
padding: 0 !important;
}
@media (max-width: 1300px) {
.sitewide-lp-Wrapper #Productdetails .bs-sales-product-img img {
max-width: 230px;
height:auto!important;
}
}
@media (max-width: 989px) {
.sitewide-lp-Wrapper #Productdetails .proddetails-container .productpricing .ordernow:hover {
transform: scale(1.04);
}
}
@media (max-width: 950px) {
.sitewide-lp-carousel .owl-carousel .owl-nav {
display: none;
}
}
@media (max-width: 896px) {
.sitewide-lp-Wrapper #Productdetails div.ordernow.ordernowimage [id*="btnAddToCart_"] {
font-size: 13px;
}
.sitewide-lp-Wrapper #Productdetails .proddetails-container {
padding: .8em .8em 1em;
}
}
@media (max-width: 550px) {
.sitewide-lp-Wrapper #Productdetails .proddetails-container {
gap: 20px;
}
.sitewide-lp-Wrapper #Productdetails .productName a {
font-size: 15px;
}
.sitewide-lp-Wrapper #Productdetails .productInfoWrap {
font-size: 13px;
min-height:110px;
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap span.price {
font-size: 22px;
}
.sitewide-lp-Wrapper #Productdetails span.listprice {
font-size: 16px;
}
.sitewide-lp-Wrapper #Productdetails .productpricing .ordernow {
padding: 7px 15px !important;
}
}
@media (max-width: 600px) {
.sitewide-lp-Wrapper #Productdetails .proddetails-container .productpricing .ordernow:hover {
transform: scale(1.05) !important;
}
}
@media (max-width: 480px) {
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing {flex-direction:column; min-height:50px;}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div {margin-top:0}
div.fall-category .sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div {margin-top:-12px}
div.fall-category .sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div + span.listprice.boldhead {
margin: -9px 0 0
}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div + span.listprice.boldhead {margin-top:0;}
.sitewide-lp-Wrapper #Productdetails .productPrice-wrap .productpricing > p + div.actionlinks + span {flex-grow:1}
}
@media (max-width: 360px) {
.sitewide-lp-Wrapper #Productdetails .productName a {
font-size: 14px;
}
}
/*********** css change for ola botanical page *******/
div.search.prod-list.watermark > div.col-xs-12 {display:flex}
/************* css change for dr. mercola product page **************/
div.col-lg-6.right-cap {display:flex!important; text-align:left; align-items:normal; flex-direction:column; justify-content:center;}
div.col-lg-6.right-cap p.t-author {text-align:right}
/************* css change for dr. mercola product page **************/
.contentdiv .how-works ul {
display: flex;
justify-content: space-around
}
@media (max-width: 768px) {
.how-it-works {width:100%}
.contentdiv .how-works ul {
flex-direction: column;
}
}
.faq-container .accordion-title span {font-size:24px!important}
.faq-container .accordion-item{border:0; border-bottom:1px solid #000!important}
.faq-container .panel-default > .panel-heading button.accordion-button {display:inline-block!important}
div.notifymepopup div.notifyme fieldset {border:0}
div[region_id="Most Searched Section"] .flex-container {flex-wrap:nowrap; justify-content:space-between}
.row > .flex-container > .search { position: relative; top: 0; transition: top ease 0.5s; margin-bottom: 15px;}
.row > .flex-container > .search:hover {top:-5px;}
.row > .flex-container > .search:hover > span > a > span.search-wrapper {border-bottom:2px solid #000}
@media screen and (max-width: 640px) {
div [region_id="Most Searched Section"] .flex-container {flex-direction:column}
}
div#catcontent div#featuredproducts {display:none}
.topbox .top-supplement-nav.owl-carousel .item a {font-size:17px}