/* austinmedical.com site css */

@charset "UTF-8";

body {
position: relative;
background-color: #ffffff;
color: #424242;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
line-height: 1.5em;
padding: 0;
margin: 0;
}

body,
input,
textarea,
select {
color: #424242;
font-family: 'Open Sans', sans-serif;
font-size: 17px;
line-height: 1.5em;
}

a {
color: #004796;
}

a:visited {
color: #004796;
}

header, main, footer {}

main {
float: left;
clear: both;
width: 100%;
padding-bottom: 40px;
background-color: #ffffff;
}

#scrollToTop {
cursor: pointer;
display: none;
right: 0;
position: fixed;
text-align: center;
bottom: 0;
z-index: 9999;
}

#scrollToTop  img {
max-width: 60px;
height: auto;
}

.inner {
max-width: 1000px;
margin: auto;
}

/* .......... HEADER .......... */

#hamburger{display:none;}

#logo {
	float: left;
	margin: 10px 0;
}
#ys_cpers {
  float: left;
  display: none;
}
.cartBar {
	float: right;
	padding: 6px 0;
	font-size: 13px;
	text-transform: uppercase;
}
#superbarContainer {
	height: 26px;
	width: auto;
	font-size: 13px;
	padding: 6px 0;
	text-transform: uppercase;
	float: right;
}
#ys_superbar {
	width: 100% !important;
}
.smb-mc .mini_msg, .mini_item_count, .mini_subtotal {
	font-family: 'Montserrat', sans-serif !important;
}
.cartBar a, #superbarContainer a {
	text-decoration: none;
	color: #424242;
	font-family: 'Montserrat', sans-serif !important;
}
.cartBar a:hover, #superbarContainer a:hover {
	color: #01a3d5;
}
.ys_clear {
  clear: both;
}

/* ..... TOP SEARCH ..... */

#topSearch {
position: relative;
float: right;
clear: right;
width: calc(100% -  - 30px);
max-width: 600px;
margin-top: 18px;
}

#searcharea fieldset,
#searcharea .labelfield,
#searcharea .buttonlabel {
position: static;
}

#searcharea .labelfield > span {
display: none;
}

#searcharea fieldset {
border: 0;
padding: 0;
margin: 0;
}

#searcharea {
position: relative;
z-index: 2000; /* for auto suggest */
box-sizing: content-box;
height: 28px;
margin: 0;
padding: 0;
border: 1px solid #01a3d5;
}

#searcharea select,
#searcharea [name="section"] {
display: none;
border: 0 none;
height: 28px;
margin: 0 10px 0 0;
padding: 0 0 0 1em;
background-color: #f6f6f6;
}

#searcharea #query {
position: absolute;
box-sizing: border-box;
width: calc(100% - 38px - 2px);
height: 28px;
border: 0;
border-radius: 0;
padding: 0 10px;
line-height: calc(28px - 2px);
}

#searcharea #searchsubmit {
position: absolute;
display: block;
top: 0;
right: 0;
width: calc(38px - 2px);
height: 28px;
padding: 0;
border: 0;
border-radius: 0;
color: transparent;
background-color: transparent;
background-image: url('https://s.turbifycdn.com/aah/austinmedical/search-4.png');
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
cursor: pointer;
}

/* / HEADER */

/* Vitamin Header */

.title-row {
	display: flex;
	align-items: center;
}
.title-row div {
	flex: 1;
}
.title-row div h1 {
	font-size: 38px;
	margin: 10px 0;
}
.vitamins-social {
	text-align: right;
}
.vitamins-social a {
	color: #000000;
	font-size: 17px;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
}
.vitamins-social i {
	margin: 0 5px 0 30px;
	font-size: 22px;
	vertical-align: middle;
	display: inline-block;
}
.vitamins-social span {
	display: inline-block;
	vertical-align: middle;
}
.promo-row {
	display: flex;
	margin: 15px -20px;
}
.promo-row a {
	flex: 1;
	margin: 0 20px;
}
 /* The container must be positioned relative: */
.custom-select {
	position: relative;
	display: inline-block;
	margin: 0 0 0 20px;
	text-align: left;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #0093bd;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #0093bd;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-selected {
	font-size: 18px;
}
/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
} 

.menu-row {
	display: flex;
	margin: 0 0 30px 0;
}
.shop-title {
	flex: auto;
	font-size: 31px;
	align-self: center;
}
.shopping-menu {
	flex: auto;
	text-align: right;
}

/* .......... SLICK SLIDER .......... */

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("https://turbifycdn.com/ay/mobile/i/ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 30%; margin-top: -10px; padding: 0; border: none; outline: none; opacity: .5}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: transparent; opacity: 1 }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "<"; }
[dir="rtl"] .slick-prev:before { content: ">"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
[dir="rtl"] .slick-next:before { content: "<"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: " "; width: 20px; height: 20px; font-family: "slick"; font-size: 15px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.slick-slide img { display: inline }
.slick-slide img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
}

.slick-dots li button {
	background-image: url("https://turbifycdn.com/ay/mobile/i/mobile-scroller-bullet_1.png");
	background-repeat: no-repeat;
	background-position: center middle;
	opacity: 0.2;
}

.slick-active button {
	opacity: 1 !important;
}

.slick-prev {
  background-image: url("https://turbifycdn.com/ay/mobile/i/mobile-scroll-left_2.png");
  left: 0;
  height: 38px;
  width: 39px;
  color: transparent !important;
  background-size: 39px 38px;
}

.slick-next {
  background-image: url("https://turbifycdn.com/ay/mobile/i/mobile-scroll-right_2.png");
  right: 0;
  height: 38px;
  width: 39px;
  background-size: 39px 38px;
  color: transparent !important;
}
/* End of Slider */

/* .......... HOME PAGE .......... */

.ys_promo_banner img {
  height: auto;
  max-width: 100%;
}

.hero-wrapper{
margin:0 auto;
text-align:center;
}

.bestsellers .slide {
  text-align: center;
}
.bestsellers .inside {
  border-bottom: 2px solid #01a3d5;
  display: inline-block;
  padding-bottom: 24px;
}
.bestsellers .slide .txt {
	margin-top: 15px;
}
.bestsellers .slide .txt, .bestsellers .slide .txt a {
  color: #424242;
}
.bestsellers .slide .txt a {
	text-decoration: none;
}
.bestsellers .slide .txt a:hover {
	color: #004796;
}
.bestsellers .slide img {
	border: 1px solid #ffffff;
}
.bestsellers .slide img:hover {
	border: 1px solid #004796;
}
.homeHero .slick-slide {
  text-align: center;
}
.introText, .message, .finaltext {
  padding: 1em 0 1em;
}
#mainPage h2 {
	font-weight: normal;
	font-size: 32px;
	padding: 20px 0 5px;
	text-align: center;
	color: #424242;
	font-family: 'Lora', serif;
}
.sale {
	color: #01a3d5;
	font-weight: bold;
}
.reg {
	color: #7e7e7e;
	font-style: italic;
	text-decoration: line-through;
}
/* / Home page */

/* .......... FOOTER .......... */

footer {
clear: both;
}

.footer-social a {
display: inline-block;
margin: 11px 3px 0 0;
}

.footerBoxes .box a {
text-decoration: none;
}

.footerBoxes {
display: flex;
margin: 0 -10px 20px;
}

.footerBoxes h3 {
font-family: Montserrat,sans-serif;
text-transform: uppercase;
}

.footerBoxes .box a {
text-decoration: none;
}

.footerBoxes .box {
flex: auto;
margin: 10px;
}

#footerPaymentOptions img {
display: block;
margin-top: 10px;
}

#copyright {
text-align: right;
font-size: 11px;
padding-top: 20px;
}

/* ..... NEWSLETTER ..... */

.newsletter.box {
background: linear-gradient(to bottom, #02bfc6, #0093bd);
display: block;
position: relative;
text-align: center;
clear: both;
padding: 10px 0;
}

.newsletter.box h3,
.newsletter.box .prompt {
display: inline-block;
vertical-align: middle;
color: #fff;
margin: 0 15px 0 0;
padding: 0;
}

.newsletter .prompt {
margin-bottom: 10px;
}

.newsletter input[type='email'] {
color: #424242;
border: 1px solid #dedede;
line-height: 35px;
height: 35px;
padding: 0 2em;
box-sizing: border-box;
}

.newsletter input[type="submit"] {
line-height: 35px;
padding: 0 1em;
border: 0;
text-transform: uppercase;
background-color: #beb574;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}

/* / FOOTER */

.breadcrumbs{
padding-top:15px;
}

/*Promo Header*/
ul#ys_promo_banner_list{ padding:0;}
li.ys_promo_banner {margin: 0;}

#custRegDiv, #errorMsg {
    width: 100% !important;
}
.yscp_page{
    display:none;
}
#custRegDiv_c{
    top: 60px !important;
}
#iframe_id {
    width: 100% !important;
}
#custRegDiv .yui-skin-sam .yui-panel .bd {
    padding: 0;
}
h1 {
	line-height: 1.2;
	font-family: 'Lora', serif;
	font-weight: normal;
}

.finner .name a {overflow-wrap: break-word;}
.finner a.fshop-now, .finner input.fshop-now{font-weight:400; padding: 0 1em; font-size:14px; border:1px solid  ; display: inline-block; height:30px; text-align: center; margin-left:auto; margin-right:auto; margin-bottom: 10px; line-height:26px; margin-top: 10px; text-transform: uppercase;}
.finner:hover a.fshop-now, .finner:hover input.fshop-now{ color: #fff; background: #01a3d5; border-color: #01a3d5;}

.loneHero {margin-bottom: 30px;}
.image-left{background: transparent url('https://s.turbifycdn.com/aah/austinmedical/img-20102.png') no-repeat bottom left; padding-bottom: 20px;}
.fitem-left .image-zoom-parent{position: relative; }

/* letters */

#contents-letter-selector {
margin: 0 4px 10px;
padding: 3px 5px;
border: 1px solid #e0e0e0;
text-align: center;
}

#contents-letter-selector a,
#contents-letter-selector span {
padding: 0 8px 0 7px;
}

#contents-letter-selector a {
color: #000;
text-decoration: underline;
font-weight: bold;
}

#contents-letter-selector a:hover {
background-color: #e0e0e0;
}

#contents-letter-selector span {
color: #909090;
}

.contents-letter-header {
margin: 10px 2px 6px;
padding: 5px 0;
background-color: #dddfd2;
text-align: center;
font: normal 17px verdana,tahoma,sans-serif;
}

#anchor-to-top {
float: right;
margin-left: -78px;
margin-top: -2px;
width: 91px;
}

#anchor-to-top a {
color: #000000;
font-size: 11px;
}

/* .......... */

.fsection-image{
text-align:center;
}

/* .......... */

.mainNav .sub { min-width: 100%; max-width:2000px }

/* .................... RESPONSIVE .................... */

/* ........................................ */
@media screen and (min-width: 641px) {

	/* ..... TOP NAV ..... */

	header nav {
		text-align: center;
		background: linear-gradient(to bottom, #02bfc6, #0093bd);
	}

	#topNav {
		display: inline-block;
	padding: 0;
		margin: 0;
	}

	#topNav li{list-style:none;}

	#topNav li a {
		font-family: 'Montserrat', sans-serif;
		color: #fff;
		font-size: 15px;
	}

	.mainNav {
	display: inline-block;
	position: relative;
	}

	#topNav .mainNav .sub li a {
		color: #0093bd;
	}

	.mainNav a.top {
	color: #424242;
	display: block;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	}

	.mainNav a.top:hover {

	}
	.mainNav .sub {
		display: none;
		position: absolute;
		white-space: nowrap;
	}
	.mainNav .sub a {
		display: block;
		text-align: left;
		padding: 5px;
		text-decoration: none;
			text-overflow: ellipsis;
			overflow: hidden;
			max-width: 300px;
	}
	#topNav .mainNav .sub li a:hover {
		background-color: #01a3d5;
		color: #ffffff;
	}
	.mainNav:hover .sub {
		display: inline-block;
		box-sizing: border-box;
		background-color: #ffffff;
		padding: 5px;
		left: 0;
	z-index:1000;
	}

}

/* ........................................ */
@media screen and (min-width: 768px) {

    .image-zoom-parent{min-height:500px;}
    .image-zoom-parent .image-zoom{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
    }
    div#zoom-gallery {margin-top:0;}
    .image-zoom {padding-bottom: 0;}

}

/* ........................................ */
@media screen and (max-width: 1080px) {

	.inner {
	width: auto;
	margin-left: 30px;
	margin-right: 30px;
	}

}

/* ........................................ */
@media screen and (max-width: 910px) {

	.inner {
	margin-left: 20px;
	margin-right: 20px;
	}

	.menu-row {
	display: block;
	}

	.shop-title {
	text-align: center;
	width: 100%;
	display: block;
	margin: 10px 0 20px;
	}

	.shopping-menu {
	text-align: center;
	}

}

/* ........................................ */
@media screen and (max-width: 900px) {

	/* ..... FOOTER ..... */

	.footerBoxes {
	display: block;
	}

	.footerBoxes .box {
	display: block;
	margin: 30px auto;
	text-align: center;
	}

	#footerPaymentOptions > img {
	display: block;
	margin: 10px auto;
	}

	#copyright {
	text-align: center;
	}

}

/* ........................................ */
@media screen and (max-width: 850px) {

	body.vitamin-left-col .fcol:nth-of-type(2n+1){
	clear:none;
	}

	#contents-letter-selector a, #contents-letter-selector span {
	padding: 5px 10px;
	font-size: 20px;
	display: inline-block;
	word-break: break-all;
	}

}

/* ........................................ */
@media screen and (max-width: 768px) {

    .fitem-left .image-zoom-parent{ padding-top: 15px; }

}

/* ........................................ */
@media (max-width: 679px) {

	#iframe_id iframe{
	width:280px !important;
	height: 293px !important
	}

}

/* ........................................ */
@media screen and (max-width: 675px) {

	.promo-row {
	display: block;
	margin: 15px 0;
	text-align: center;

	}
}

/* ........................................ */
@media screen and (max-width: 641px) {

    /*#hamburger,
    .cartLink{ margin-top:inherit !important;}*/

}

/* ........................................ */
@media screen and (max-width: 640px){

	/* ..... TOP NAV -> MENU ..... */

	nav#mmenu {display: none;}

	#mm-topNav > li:first-child,
	.mm-menu .mm-list>li>a.mm-subclose {background: #01a3d5; color: #ffffff;}

	#mm-topNav > li:first-child a {color: #fff;}

	.mm-menu .mm-list>li>a.mm-subclose:before {border-color: #ffffff;}

	.mm-list a {color: #585b61;}

	.mm-menu .mm-list>li>a.mm-subopen:after {color: #01a3d5;}

	/* ..... HEADER ..... */

	#hamburger {
	position: absolute;
	display: block;
	top: 50%;
	left:15px;
	}

	.oneMobRow {
	position: relative;
	float: left;
	width: 100%;
	}

	li.greymob{
	background: #f7f7f7;
	}

	.cartBar {z-index: 1;}

	.cartLink span {
	display: none;
	}

	#yfc_mini {
	display: none;
	}

	#ys_superbar {
	display: none;
	}

	#logo {
	float: none;
	text-align: center;
	display: block;
	}

	#logo img{max-height: 90px !important;}

	.cartbar{position:relative;top:35px}

	a.cartLink {
	position: absolute;
	right: 15px;
	top: 50%;
	}

	a.cartLink img{
	max-width:20px !important;
	max-height:20px !important;
	}

	#topSearch {
	float: none;
	clear: both;
	width: 100%;
	margin-top: 15px;
	}

	/* ..... FOOTER ..... */

	.newsletter.box h3,
	.newsletter.box .prompt {
	display: block;
	text-align: center;
	}

	.newsletter.box .prompt {
	margin-bottom: 6px;
	}

	/* .......... */

	#left-column{
	width:100%;
	clear:both;
	}
	.section-wrap img {
	display: block;
	margin: 0 auto;
	}
	.title-row {
	display: block;
	}
	.title-row div {
	text-align: center;
	}
	.vitamins-social {
	margin: 0 0 20px;
	}
	.vitamins-social i {
	margin: 0 5px;
	}
	.vitamins-social a {
	margin: 0 20px;
	}
	.browse-searcharea .browse-input {
	width: calc(100% - 45px);
	}
	.vitamin-left-col .section-wrap {
	width: 100%;
	padding-left: 0;
	}

}

/* ........................................ */
@media screen and (max-width: 480px) {

	#logo img {
	max-width: 250px !important;
	}

	body.vitamin-left-col .fcol.c3 {
	width: 98%;
	clear:both !important;
	}

}

/* ........................................ */
@media screen and (max-width: 380px) {

	.inner {
	margin-left: 10px;
	margin-right: 10px;
	}

}

/* .......... / .......... */