/*CSS FOR: HOW TO NAVIGATION*/
#main_content {font-size:18px; line-height:150%;}
#nav_bar li {font-size:15px;}
.cat_tabs {height:30px;min-width:100px;}
.cat_tabs > span {vertical-align:middle;}
.mobile_banner {width:100%;}

#tabs_wrapper{float:left;position:relative;top:5px;max-width:997px;min-height:61.2vh;overflow:hidden;width:100%;}
#tabs_wrapper h2{color:#10a049;}
#tabs_wrapper a.category{background-color:#016f4f;/*border-radius:12px 12px 0px 0px;*/border-bottom:none;color:#ffffff;cursor:pointer;display:inline-block;font-size:14px;line-height:27px;margin:0px 7px 0px 0px;padding:0px 1%;position:relative;text-align:center;}
#tabs_wrapper a.category:hover, #tabs_wrapper a.category_selected{top:0px;background-color:#CCC;color:#fff;}
#tabs_wrapper .category_wrapper{background-color:#ffffff;color:#707070;cursor:default;display:block;float:left;font-size:18px;font-weight:bold;padding:12px 0px 0px 0px;/*margin:0px 1% 1% 1%;*/width:135px;/*height:220px;*/text-align:center;}
#tabs_wrapper .stains_category_wrapper{background-color:#ffffff;color:#707070;cursor:default;display:block;float:left;font-size:16px;font-weight:bold;padding:12px 0px 0px 0px;/*margin:0px 1% 1% 1%;margin-bottom:14px;*/width:135px;height:180px;text-align:center;}
#tabs_wrapper .category_wrapper img{cursor:default;}
#tabs_wrapper select{color:#707070;width:135px;}
#tabs_wrapper #tab_content_grid{display:grid;grid-template-columns:repeat(auto-fill, 135px);grid-gap:6px;justify-content:space-between;}
#tabs_wrapper #tab_content_grid a{display:block;max-height:135px;max-width:135px;overflow:hidden;}
#tabs_wrapper #tab_content{background-color:#ffffff;/*border:1px solid #cccccc;*/float:left;top:0px;padding:1% 0px;position:relative;min-height:720px;min-width:200px;width:100%;}
#tabs_wrapper #tab_content #left{float:left;width:20%;max-width:135px;}
#tabs_wrapper #tab_content #left ul{list-style:none;padding:0px;margin:0px;}
#tabs_wrapper #tab_content #left li{/*padding-top:15%;*/padding-top:4px;}
#tabs_wrapper #tab_content #left li img{width:100%;}
#tabs_wrapper #tab_content #right{width:100%;}
#tabs_wrapper #tab_content #right h1 {font-size:48px;margin:10px 0;line-height:40px;}
#tabs_wrapper #tab_content #right p, #tabs_wrapper #tab_content #right ol, #tabs_wrapper #tab_content #right ul{font-size:18px;line-height:150%;}
#tabs_wrapper #tab_content #right ol li {margin:15px 0;}
#tabs_wrapper #tab_content #right .header{margin-top:10px;text-transform:uppercase;}
#tabs_wrapper #tab_content #right .subheader{margin-top:5px;}
#tabs_wrapper #tab_content #right ol{padding-top:0px;margin-top:3px;}
#tabs_wrapper #tab_content #right p{margin:0px;}
#tabs_wrapper #tab_content #right #default_tip{padding-bottom:5px;}
#tabs_wrapper #tab_content #right #social{float:right;padding-top:10px;}.social_icon{display:inline !important;bottom:3px;float:left;padding-right:5px;padding-bottom:10px;}
#tabs_wrapper #tab_content #right #suggested{clear:both;padding-top:1%;}
#tabs_wrapper #tab_content #right #suggested #no_title{padding:5px 0px;}
#tabs_wrapper #tab_content #right #suggested hr{color:#098040;}#tabs_wrapper #tab_content #right #suggested img{border:1px solid #f6f7f1;border-radius:10px;display:inline-block;margin-right:0px;padding:10px;}
#tabs_wrapper #tab_content #right #suggested_equipment{clear:both;padding-top:1%;}#tabs_wrapper #tab_content #right #suggested_equipment #no_title{padding:5px 0px;}#tabs_wrapper #tab_content #right #suggested_equipment hr{color:#098040;}#tabs_wrapper #tab_content #right #suggested_equipment img{border:1px solid #f6f7f1;border-radius:10px;display:inline-block;margin-right:15px;padding:10px;}
#tabs_wrapper #tab_content #right #video_social{float:right;margin-top:10px;}#tabs_wrapper #tab_content #right #video_social img{margin:0px;padding:5px;}#button_green{background:#5ec379;background:linear-gradient(to bottom, #5ec379 32%,#10a049 56%);color:#ffffff !important;border-radius:7px;background-color:#10a049;display:block;margin-top:5px;padding:5px 20px;text-align:center;}#button_blue{color:#ffffff !important;background-color:#0066cc;display:block;height:30px;line-height:15px;margin-top:5px;padding:5px 20px;text-align:center;}
/*Tips Results*/#category_wrapper{color:#707070;}
#category_wrapper .header,#category_wrapper .warning{color:#10a049;font-weight:bold;text-transform:uppercase;}#category_wrapper .subheader{color:#10a049;text-transform:capitalize;}#tabs_wrapper .category_wrapper a img{border:none;}
@media screen and (max-width:900px){#hurry_search{margin-right:0px;max-width:400px;width:28%;}#hurry_search .hurry_input{max-width:300px;width:70%;}#tabs_wrapper #tab_content #left{width:25%;}#tabs_wrapper #tab_content #right{width:65%;}}
@media screen and (max-width:768px){#tabs_wrapper #tab_content #left{width:30%;}#tabs_wrapper #tab_content #right{width:60%}}@media screen and (max-width:640px){#hurry_search{width: 100%;top: 0px;float:left;margin-bottom:5px;}#tabs_wrapper #tab_content{width:100%;border-right:none;}}@media screen and (max-width:460px){#tabs_wrapper #tab_content #right{float:right;padding-left:0%;width:60%;}}
@media screen and (max-width:460px){.mobile_banner{display:block;width:100%;padding-bottom:10px;}#hurry_search{width:97%;}#tabs_wrapper a.category{font-size:10px;font-size:3vw;}#tabs_wrapper #tab_content #left{display:none;}#tabs_wrapper #tab_content #right{float:left;padding-left:0%;width:100%;}}
@media screen and (max-width:360px){#tabs_wrapper a.category{font-size:3vw;}video{background-color:#f6f7f1 !important;width:100%;}#tabs_wrapper .category_wrapper, #tabs_wrapper .stains_category_wrapper{height:192px;width:121px;}#tabs_wrapper select{width:121px;}#tabs_wrapper img{width:100%;}#tabs_wrapper #tab_content #right #suggested img{width:auto !important;}}
@media screen and (max-width:320px){#tabs_wrapper a.category{font-size:3.4vw;}video{background-color:#f6f7f1 !important;width:100%;}#tabs_wrapper .category_wrapper, #tabs_wrapper .stains_category_wrapper{height:192px;width:121px;}#tabs_wrapper select{width:121px;}#tabs_wrapper img{width:100%;}#tabs_wrapper #tab_content #right #suggested img{width:auto !important;}}
/*BEGIN FAQS*/#faq_search{list-style:none;margin:0px 0px 0px 35px;padding:0px;}#faq_search label{color:#6397ce;font-size:16px;font-weight:bold;line-height:18px;}#faq_search .faq_input{border:2px solid #6397ce;font-size:16px;max-width:695px;min-width:96px;width:76%;}#faq_search .faq_submit{background-color:#6397ce;border:3px solid #6397ce;color:#ffffff;cursor:pointer;font-size:16px;min-width:63px;max-width:132px;width:10%;}#faq_search #show_all{background-color:#6397ce;border:3px solid #6397ce;color:#ffffff;font-size:16px;padding:2px 5px 0px 5px;min-width:63px;max-width:132px;width:10%;}
#main_content .letter_list{margin:14px 0px 20px 33px;}#main_content .used_letter, #main_content .unused_letter{background-color:#6397ce;border:1px solid #6397ce;color:#ffffff;display:inline-block;line-height:23px;margin:0px 2px 2px 2px;text-align:center;font-size:16px;padding:3px 8px;}
#main_content .unused_letter{background-color:#d6d6d6;color:#6397ce;}#main_content .used_letter:hover{background-color:#ffffff;color:#6397ce;}#main_content .big_letter{color:#6397ce;font-size:30px;font-weight:bold;}#main_content .triangle{color:#016f4f;display:inline-block;}#main_content .faq_content{background-color:#f6f7f1;border:1px solid #016f4f;border-radius:12px;}
#sorry{border:2px solid #9b0122;border-radius:12px;display:block;height:auto;margin:14px 0px 20px 35px;padding:5px;text-align:center;width:88%;}#main_content .faq_content{margin:0px;max-height:0px;overflow:hidden;padding:0px;visibility:hidden;transition: all .5s ease-in-out;}
#main_content .expanded, #main_content .show:focus ~ .faq_content{max-height:750px;margin:0px 15px 15px 15px;padding:10px;visibility:visible;transition:max-height 1s ease-in-out,margin .11s ease-in-out,padding .11s ease-in-out;}
#main_content .rotated, #main_content .show:focus .triangle{transition:.5s; transform:rotate(90deg);}@media screen and (max-width:320px){#sorry{margin:0px;width:auto;}} #available_at_text {padding-top:20px}
/*FRAGRANCES*/#intro_continued{display:none;}#common_name{color:#10a049;}
/*AMP Custom*/.text_underline {text-decoration:underline;} .list_lower_alpha {list-style-type:lower-alpha;} .list_style_none {list-style:none;} .no_pad_mar {margin:0;padding:0;} .m_minus15 {margin-left:-15px;} .dont {color:#ff0000;margin-left:25px;}
#videos {clear: both;background-color: transparent;height: 0px;padding-bottom: 56.25%;position: relative;}
