/* STANDARDS */
html[xmlns^="http"] { overflow-y:scroll; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, .moodtext-h3, .moodtext-h2, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
font-family: inherit; vertical-align: baseline; text-decoration:none; }
html, body { min-height: 100%; height: auto; height: 100%; line-height: 1.6em; -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body { font-size: 70%; font-family: 'Source Sans Pro', sans-serif; font-weight:300; color: #000; background-color: #6a6a6a;}
ul { list-style-type:none}
a { color: #000; cursor: pointer; }
.nopadding { padding: 0;}
.nomargin { margin: 0;}
.noptop { padding-top: 0; }
.floatright {float: right;}
.floatleft {float: left;}
.nofloat {clear: both; display: block; font-size: 0; height: 0; visibility: hidden; line-height:0px; font-size: 0;}
br { margin: 0; padding: 0; line-height: 0.0001em; }
table { border-collapse:collapse; }
td, th { vertical-align: top; }
p { padding: 0 0 0 0; }
.clear { width: 100%;}
.dropdownnavi { display:none; }
/* General */
#mother { background-color: #f4f4f4; width: 100%;}
#content { padding-bottom: 20px; font-size: 16px;}
.inner-content { width: 100%; padding-top: 20px; }
.whitebackground { background-color: #fff; border-bottom: 1px solid #d6d6d6; padding: 20px 0 15px 0; min-width: 100%;}
img {max-width: 480px;}
.inner-content a {color: #939393; font-size: 16px; text-decoration: underline;}
.inner-content a:hover {text-decoration: none;}
.notmobile { display: none;}
.bold { font-weight: 600; color: #A9B38C; }
strong { font-weight: 600; }
/* NOT DISPLAYED AT SMALLER DEVICES */
#product-navigation, .notmobile { display: none;}
/* HEADER */
#header { background-color: #B3B2B2; height: 80px; border-bottom: 2px solid #A9B38C; min-width: 100% }
#navigation { overflow: hidden; }
h1 a { width: 244px; height: 25px; float: left; padding-top: 30px; padding-bottom: 30px; cursor: pointer; display: block; margin-left: 20px; }
h1 img { width: 244px; height: 25px; }
#navigation ul#mobile-navigation li a img.burgermenu { width:35px; height: 35px; }
#navigation ul#mobile-navigation li a.mobile-icon { position: absolute; top: 25px; right: 10px; display: block; width:40px; height: 40px; font-size: 40px; font-weight: 600;
color: #fff; margin-right: 10px;}
#navigation ul#mobile-navigation li ul#main-navigation { background-color: #fff; padding: 20px 0 15px 0; position: absolute; top: 82px; overflow:hidden; display: none;
opacity: 0; visibility: hidden; border-bottom: 2px solid #A9B38C; width: 100%; }
#navigation ul#mobile-navigation li:hover ul#main-navigation{ display: block !important; opacity: 1!important; visibility: visible !important; overflow:hidden!important;
z-index: 2!important; position: absolute; min-height: 170px;}
#navigation ul#main-navigation li .dropdownnavi ul { background-color: #f8f8f8;}
#navigation ul#mobile-navigation li ul#main-navigation li { border-bottom: 1px solid #e4e4e4;}
#navigation ul#mobile-navigation li ul#main-navigation a { background: url(../images/navigation-arrow.png) 20px 11px no-repeat; padding: 8px 10px 8px 40px; font-size: 18px;
font-weight: 400; display: block; color: #999}
#navigation ul#mobile-navigation li ul#main-navigation ul li a { font-weight: 300; }
#navigation ul#mobile-navigation li ul#main-navigation a:hover, #navigation ul#mobile-navigation li ul#main-navigation .dropdownnavi ul li:hover ul.sortiment-navigation li a:hover
{ background-color: #e3e3e3;}
#navigation ul#main-navigation li .dropdownnavi { padding: 0; overflow:hidden; display: none; opacity: 0; visibility: hidden;
position: relative; width: 100%;}
#navigation ul#main-navigation li .dropdownnavi ul { background-color: #f8f8f8;}
#navigation ul#main-navigation li:hover .dropdownnavi { display: block !important; opacity: 1!important; visibility: visible !important; overflow:hidden!important;
z-index: 2!important; position: relative; }
.dropdownnavi ul li ul.sortiment-navigation { padding: 0; overflow:hidden; display: none; opacity: 0; visibility: hidden;
position: relative; }
.dropdownnavi ul li:hover ul.sortiment-navigation { display: block !important; opacity: 1!important; visibility: visible !important; overflow:hidden!important;
z-index: 2!important; position: relative; }
#navigation ul#mobile-navigation li ul#main-navigation .dropdownnavi ul li:hover ul.sortiment-navigation li a { background: none;}
#navigation ul#mobile-navigation li ul#main-navigation .dropdownnavi ul li:hover ul.sortiment-navigation li { background-color: #ececec; border-top: 1px solid #e4e4e4; border-bottom: 0;}
#navigation ul#mobile-navigation li ul#main-navigation .searchbox-li { border: none; padding-top: 15px;}
#searchbox { width: 90%; position: relative; margin-top: 10px; padding-left: 20px;}
.searchboxclass { background-color: #e3e3e3; border: none; border-radius: 0; -webkit-appearance: none; float: left; width: 85%; height: 15px; padding: 1%; color: #6a6a6a; }
#searchbox .submit { background:url(../images/search.png) 1px 5px no-repeat #fff; border: none; height: 23px; float: left;
width: 10%; cursor: pointer; margin-left: 3%; border-radius: 0; -webkit-appearance: none;}
/* Footer */
#yoga #footer, #fitness #footer, #wellness #footer { position: relative; top: -30px !important;}
.footer-navi { display: none;}
#upperfooter { background-color: #fff; border-top: 1px solid #d6d6d6; height: 250px; padding: 20px 0;}
.footerbox { width: 100%; }
.phonenumber { font-size: 16px; font-weight: 500; display: block; width: 120px; height: 20px; padding-left: 50px; padding-bottom: 0.5em;
background:url(../images/phoneemail.jpg) 10px 0 no-repeat; color:#939393; }
.footernote { font-size: 16px; font-weight: 500; color: #A9B38C; display: block; width: 120px; height: 20px;
padding-left: 50px; background:url(../images/phoneemail.jpg) 10px -26px no-repeat;}
#upperfooter h6 { color: #A9B38C; font-size: 20px; margin-bottom: 15px; font-weight: 500; padding-left: 10px; margin-top: 20px;}
.footerbox p, .footerbox address { color: #939393; font-size: 16px; padding-bottom: 10px; line-height: 20px; font-weight: 500; padding-left: 10px;}
.lastfooterbox { display: block; position: relative; top: -241px; left: 55%; width: 135px;}
a.socialmedia { display: block; background:url(../images/socialmedia.jpg) no-repeat; width: 25px; height: 25px; text-indent:-99999px;
float: left; padding-right: 20px; }
a.facebook { background-position: 8px 0;}
a.twitter { background-position: -34px 0;}
a.vimeo { background-position: -121px 0;}
a.instagram { background-position: -78px 0;}
/*Email Safe */
p#mailinvite::after,span#displayMail::before,span#displayMail::after { background-color: #fff; color: #A9B38C; }
p#mailinvite::after { content: "vise\40zenathletics"; color: #A9B38C; }
span#displaymail::before { content: "ser"; color: #A9B38C; }
span#mussweg { display: none;}
span#displaymail::after { content: "vice\40zenathletics.com"; color: #A9B38C; }
#lowerfooter { background-color: #6a6a6a; border-top: 2px solid #A9B38C;}
#footernewsletter { height: 0; padding: 0; position: relative; top: -30px;}
.footerboxnewsletter { width: 100%; float:left; color: #f4f4f4; font-size: 16px; font-weight: 500;}
.newsletterfooterbox { width: 100%; padding-bottom: 15px;}
.newsletterfooterbox h6 { color: #A9B38C; font-size: 20px; margin-bottom: 5px; font-weight: 500; margin-top: 0; padding-left: 10px;}
/*Newsletter*/
.newsletterfooterbox #mc_embed_signup { background-color: transparent; clear:left; }
.newsletterfooterbox #mc_embed_signup .mc-field-group label { width: 100%; display: block; margin-bottom: 5px; }
.newsletterfooterbox #mc_embed_signup .mc-field-group input { width: 250px; height: 15px; padding: 4px; border: none; margin-right: 0!important;
-webkit-appearance: none; border-radius: 0;}
.newsletterfooterbox #mc_embed_signup .mc-field-group input:hover { border: none;}
.newsletterfooterbox #mc_embed_signup .mc-field-group { padding: 0; min-height: 44px;}
.newsletterfooterbox #mc_embed_signup #mc-embedded-subscribe.button { -webkit-appearance: none; border-radius: 0; height: 30px; font-size: 12px; font-weight: 400; text-align: center;
width: 258px; border: none; color: #fff; margin: 5px 0 0 0; padding:0; }
.newsletterfooterbox #mc_embed_signup div.response { font-weight: 500;}
.newsletterfooterbox #mc_embed_signup form { padding-left: 10px;}
.newsletterfooterbox #mc_embed_signup .button { background-color: #A9B38C;}
.newsletterfooterbox #mc_embed_signup input.mce_inline_error{ border-color: #6a6a6a; }
.newsletterfooterbox #mc_embed_signup div.mce_inline_error { background-color: #6a6a6a; width: 140px; padding-bottom: 0; margin-bottom: 0;}
.newsletterfooterbox #mc_embed_signup .button:hover { background-color: #A9B38C; opacity: .8; border: none; cursor: pointer;}
/* Moodimage */
.banner { display: none;}
/* Content */
.inner-content h3 { color: #A9B38C; font-size: 20px; margin-bottom: 15px; font-weight: 500; padding-left: 10px;}
.inner-content h3.greyheadline { color: #939393; padding-top: 25px; margin-top: 10px; border-top: 1px dotted #d6d6d6; padding-left: 10px;}
#index .inner-content h3.greyheadline { border-top: none;}
.inner-content p,
.inner-content address { color: #939393; font-size: 16px; line-height: 20px; font-weight: 500; padding: 0 10px 10px 10px;}
.left-contentimage { display: none; }
.logos { width: 100%; text-align: center; }
.logos img { width: 100px; padding: 10px 15px; text-align: center;}
.logos img.purearth { width: 70px;}
.logos img.zenathletics { width: 120px;}
a.categoryboxes { width: 100%; height: 76px; padding: 60px 0; text-align: center; display: block;
overflow:hidden; text-decoration: none; }
.categoryboxes .category-h4 { color: #474747; font-size: 25px; font-weight: 400; padding-bottom: 10px; display: block;}
.categoryboxes .category-p { color: #474747; font-size: 18px; line-height: 20px; padding: 0 10px;}
#yogabox { background:url(../images/yoga-480.jpg) 0 0 no-repeat; background-size: 100% 196px;}
#fitnessbox { background:url(../images/fitness-480.jpg) 0 0 no-repeat; background-size: 100% 196px;}
#wellnessbox { background:url(../images/wellness-480.jpg) 0 0 no-repeat; background-size: 100% 196px;}
#index .inner-content .productwrapper { display: none;}
.sidebar h4 { font-size: 17px; color: #A9B38C; margin-bottom: 10px; }
.inner-content .sidebar p,
.inner-content .sidebar address { padding: 0 0 15px 0; }
/* Product Overview Pages */
#formen #productmoodshot { display: none;}
#product-content { width: 100%; margin-bottom: 30px;}
#yoga .inner-content, #fitness .inner-content, #wellness .inner-content
{ padding-top: 0;}
#overview { padding: 0; margin: 0;}
#overview a { display: block; width: 100%; text-decoration: none; }
#overview a span { display: block; padding: 12px 10px; background-color: #fff; background-color: #ececec; border-top: 1px solid #e4e4e4; border-bottom: 0;
font-size: 18px; font-weight: 400;}
#overview a:hover span { background-color: #e3e3e3;}
#product-content .productsbox { width: 100%; margin-bottom: 1px; }
#product-content .productsbox a { min-height: 70px; width: 96%; padding: 2%; background-color: #fff; display: block; cursor: pointer; text-decoration: none;}
#product-content .productsbox a:hover { background-color: #f7f7f7;}
#product-content .productsbox img { width: 70px; height: 70px; padding-bottom: 10px; display: block; padding-right: 20px; float: left;}
#product-content .productsbox .productsbox-h5 { font-size: 18px; font-weight: 400; color: #6a6a6a; padding: 5px 0; display: block; }
#product-content .productsbox .productsbox-p,
#product-content .productsbox span { font-size: 16px; font-weight: 400; padding-top: 0.1em; color: #A9B38C;}
/* Product Pages */
#product-container { position: relative; top: -20px; background-color: #fff; padding: 0 0 20px 0; border-bottom: 1px solid #d6d6d6;}
#product-container .mainimage { width: 44%; float: left; padding-left: 3%; padding-right: 15%; padding-left: 15%; margin-top: 80px; padding-bottom:15px;}
#product-container .images-add { width: 15%; float: left; margin-top: 80px; padding-right: 3%;}
#product-container .mainimage img { width: 100%; height: 100%;}
#product-container .images-add img { width: 100%; height: 100%;}
#product-container #product-information { width: 92%; color: #939393; clear:both; padding-left: 4%; padding-right: 4%;}
#product-container img { height: 12px; }
#product-container h2 { font-size: 22px; line-height: 1.1em; font-weight: 400; color: #A9B38C; text-align: left; padding: 25px 0 5px 0; margin: 0;
position: absolute; top: 0; width: 70%; font-weight: 400;}
#product-container a { cursor: pointer;}
#product-container img.logopurearth { height: 35px; }
#product-container img.logorejuvenate { height: 25px; }
#product-container #product-imagebox { width: 100%;}
#product-container h4 { font-size: 18px; font-weight: 400; color: #A9B38C; padding: 5px 0;}
#product-content .note, .inner-content #product-content p
{ font-size: 16px; padding: 0 0 10px 0;}
.inner-content #product-content .product-details p
{ padding-left: 4%;}
#product-content .note a { text-decoration: underline; }
#product-content .note a:hover { text-decoration: none;}
#product-content .colors { font-size: 90px; text-decoration: none; }
.inner-content #product-content .description{ border-top: 1px dotted #cdcdcd; padding-top: 10px;}
.inner-content p.note a { font-size: 16px; padding-top: 0; padding-bottom: 10px; text-decoration: none;
background: url(../images/contentlink.png) 0 2px no-repeat;}
#product-content .product-details {width: 100%; color: #6a6a6a; font-weight: 400; }
#product-content .product-details ul,
#product-content #product-container ul { font-size: 16px; font-weight: 400; line-height: 1.5em; padding-left: 4%; padding-right: 4%; }
#product-content .product-details ul li,
#product-content #product-container ul li{ background: url(../images/list-point) 0 9px no-repeat; padding-left: 15px; color: #939393; font-size: 16px; line-height: 25px; font-weight: 400; }
#product-content .downloadbox { background-color: #A9B38C; width: 100%; float: left; padding: 20px 0;}
#product-content .downloadbox a { display: block; padding: 10px 0 10px 50px; border-bottom: 1px solid #BCCBC2;
color: #fff; height: 20px;}
#product-content .downloadbox a.noborder,.noborder
{ border: 0; text-decoration: none; }
#product-content .product-details { padding-bottom: 15px;}
#product-content .downloadbox a.download{ background:url(../images/downloadbox.png) 20px 10px no-repeat; text-decoration: none;}
#product-content .downloadbox a.video { background:url(../images/downloadbox.png) 20px -21px no-repeat; text-decoration: none;}
#product-content .downloadbox a:hover { background-color: rgba(255,255,255,0.2);}
.pdfdownload { width: 46%; padding: 2%; float: left; }
.pdfdownload img { width: 100%; }
.pdfdownload a { display: block; background-color: #fff; border: 1px solid #d6d6d6; padding: 3%;
width: 93%; cursor: pointer; text-decoration: none;}
.pdfdownload .pdfdownload-h3 { font-size: 16px; margin-top: 15px; margin-bottom: 0; display: block; color:#A9B38C; padding-bottom: 5px; width: 140px;}
.pdfdownload .pdfdownload-p { padding-top: 2px; font-size: 16px; display: block; color: #939393;}
#product-container img.logopurearth { height: 35px; }
#product-container img.logorejuvenate { height: 25px; }
#product-container .pattern img { width: 20px; height: 20px; padding-right: 5px; padding-top: 4px; }
.inner-content p.note a { font-size: 16px; padding-bottom: 10px; text-decoration: none;
background: url(../images/contentlink.png) 0 6px no-repeat; padding-left: 10px;}
/*Contactform*/
.inner-content textarea, .inner-content input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inner-content p input { border: 1px solid #D6D6D6; width: 90%; float: left; margin-bottom: 15px;
-webkit-appearance: none; border-radius: 0;}
.inner-content form label { width: 90%; -webkit-appearance: none; border-radius: 0;}
.inner-content form .submit { width: 90%; height: 30px; background-color: #A9B38C; border: none; color: #fff; font-size: 15px; -webkit-appearance: none;
border-radius: 0; font-weight: 500; }
.inner-content form .submit:hover { background-color: #A9B38C; opacity: .9; cursor: pointer;}
.inner-content form p { padding-bottom: 3px; font-weight: 500; }
.inner-content textarea { background-color: white; border: 1px solid #d6d6d6; width: 90%; height: 80px; border-radius: 0; -webkit-appearance: none;}
/* Moodimages Subpages */
#subpagemood { width: 100%; border-bottom: 2px solid #A9B38C;}
#retailers #subpagemood, #wholesale #subpagemood, #private-label #subpagemood, #customized-logo #subpagemood,
#catalog #subpagemood { background:url(../images/topimages/catalog_moodimage1-480.jpg) no-repeat 0 0; height: 150px; background-size: 100% 100%;}
#contact #subpagemood, #error #subpagemood { background:url(../images/topimages/about_moodimage1-480.jpg) no-repeat 0 0; height: 150px; background-size: 100% 100%;}
#about .subpagemoodimage, #faq .subpagemoodimage { background:url(../images/topimages/about_moodimage1-480.jpg) no-repeat 0 0; height: 150px; background-size: 100% 100%;}
#subpagetitle { background-color: rgba(255,255,255,0.8); width: 100%; position: relative; top: 0; height: 100%; left: 0; }
#subpagetitle.moodtext h2, #contact #subpagetitle.moodtext a
{ font-size: 30px; font-weight: 400; color: #6a6a6a; text-align: center; line-height: 1em; padding-top: 60px; text-decoration: none;}
#contact #subpagemood .inner-content { padding-top: 0; height: 100%; text-align: center;}
#contact #subpagetitle.moodtext a span.wholesale-line{ font-size: 16px; display: block; padding-top: 25px;}
#contact #subpagetitle.moodtext a span.wholesale-highlight{ font-size: 25px; text-transform: uppercase; text-align: center; color: #A9B38C; }
/* Subpages Content */
.inner-content .sidebar { background-color: #fff; border-bottom: 1px solid #d6d6d6; padding: 20px 2% 15px 0; width: 98%; margin-bottom: 20px;
position: relative; top: -20px;}
.sidebar h4 { font-size: 17px; font-weight: 400; color: #A9B38C; margin-bottom: 10px; padding-left: 10px;}
.sidebar h5 { font-size: 17px; font-weight: 400; color: #A9B38C; margin-bottom: 10px; padding-left: 10px;}
.inner-content .sidebar p,
.inner-content .sidebar address { padding: 0 0 15px 10px; }
/* Retailers */
#retailers h3 { padding-top: 20px;}
.retailerstable { margin-left: 10px; overflow: hidden; clear: both; font-weight: 400;}
.retailerstable th.companyth { width: 150px;}
.retailerstable td, .retailerstable th { padding-right: 10px; max-width: 20%; padding-bottom: 10px; text-align: left;}
.retailerstable th { color: #A9B38C; font-size: 16px;}
.retailerstable td, .retailerstable td a{ color: #939393; font-size: 16px; text-decoration: none;}
.retailerstable td a { text-indent: -9999px; background: url(../images/linkicon.png) 16px 0 no-repeat; display: block; width: 40px; height: 15px;}
.retailerstable .available { text-align: center;}
.retailerstable .check { font-size: 1px; color: #A9B38C; }
.retailerstable .notavailable { font-size: 1px; color: #ca3030; }
.inner-content .language { width: 110px; margin: 0 auto 20px auto; }
.inner-content .language a { font-weight: 400; font-size: 16px; }
.inner-content .prequote p { text-align: center; font-size: 20px; padding: 0 10px 20px 10px;}
.inner-content p.highlightbox,
.inner-content div.highlightbox { background-color: #fff; color: #A9B38C; padding: 10px; border-left: 5px solid #A9B38C; border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 0 3%; font-weight: 400; }
/* Workout Vids */
#workoutvids .inner-content .prequote { width: 97%; margin-right: 3%;}
#workoutvids .inner-content p.highlightbox { width: 96%; border-left: 1px solid #d6d6d6 !important; margin-bottom: 20px; color: #d6d6d6; padding-top: 10px;}