@import "//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";
@import "//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800";

@font-face {
    font-family: 'Klinic Slab Bold';
    src: url('/Content/skin/bar/klinicslabbold-webfont.eot');
    src: url('/Content/skin/bar/klinicslabbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/skin/bar/klinicslabbold-webfont.woff') format('woff'),
         url('/Content/skin/bar/klinicslabbold-webfont.ttf') format('truetype'),
         url('/Content/skin/bar/klinicslabbold-webfont.svg#klinic_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Klinic Slab Bold';
    src: url('/Content/skin/bar/klinicslabboldit-webfont.eot');
    src: url('/Content/skin/bar/klinicslabboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/skin/bar/klinicslabboldit-webfont.woff') format('woff'),
         url('/Content/skin/bar/klinicslabboldit-webfont.ttf') format('truetype'),
         url('/Content/skin/bar/klinicslabboldit-webfont.svg#klinic_slabbold_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* #navbar-top { display: none; } */

/* Theme Generic */
body {padding-top:0px;}
.navbar-fixed-top {top:140px; z-index: 999;}
#skinWrap {padding-top:200px;}
#uac-input {margin-top:325px;} /* This is needed when header branding is turned off */
.tab-content, #welcomeblock { margin-top:10px;}
#skinHeader {position:fixed;left:0;right:0;z-index:1030;margin-bottom:0;background:white;}
#skinFooter {}

/* Theme Specific */
#entirediv.container,
.navbar .container {margin-left:20px;}
#skinHeader {font-family:'Open Sans', Helvetica, Sans-Serif;}
#skinFooter {font-family:'Open Sans', Helvetica, Sans-Serif;}
#welcomeblock {margin-top:10px;}

#entirediv.container { margin: 0 auto;}
.navbar-inner > .container { margin: 0 auto; }

#nav {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	background: #da2435;
	height: 35px;
	padding-top: 10px;
	font-size: 14px;
	color: #fff;
}
#nav a {
	color: #fff;
}
.logo {
	width: 239px;
	height: 24px;
	background: url(./v2/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 16px 0 28px;
	float: left;
	display: inline;
}
.logo a {
	display: block;
	height: 100%;
}
.header-nav {
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 19px;
	float: left;
}
.header-main-nav {
	margin-right: 83px;
    width: 56px;
}
.header-nav li {
	float: left;
	text-transform: uppercase;
	padding: 0 15px;
	border-left: 1px solid #e56671;
}
.header-nav li:first-child {
	border: none;
	padding-left: 0;
}
.header-nav li a {
	color: #fff;
	text-decoration: none;
}
.header-nav li a:hover {
	text-decoration: underline;
}
.header-nav .search-form,
.breadcrumbs-holder .search-form
{
	margin: 0 !important;
}
.header-nav .search-form label ,
.breadcrumbs-holder .search-form label 
{
	float: left;
	text-transform: uppercase;
	margin: 0 17px 0 0;
}
.header-nav .search-form .fields,
.breadcrumbs-holder .search-form .fields {
	position: relative;
	width: 162px;
	float: left;
	background: #c31525;
	margin: -2px 0 -4px;
}
.header-nav .search-form .form-text,
.breadcrumbs-holder .search-form .form-text {
	border: none;
	outline: none;
	background: none;
	padding: 4px 0 4px 5px;
	margin: 0;
	width: 135px;
	float: left;
	font-family: 'MuseoSans500';
	font-size: 14px;
	color: #fff;
}
.header-nav  .search-form .form-submit ,
.breadcrumbs-holder .search-form .form-submit {
	position: absolute;
	right: 8px;
	top: 7px;
	cursor: pointer;
	border: 0;
	font-size: 0;
	line-height: 0;
	width: 10px;
	height: 10px;
	overflow: hidden;
	background: url(./v2/ico-find.png) no-repeat;
	text-indent: -9999px;
}

.search-form-holder {
	position: absolute;
	left: 0;
	top: 10px;
	width: 916px;
}
.search-form-holder .search-form {
	float: right;
}
.search-form-holder .search-form .fields {
	background: #c9c9c9;
}
.search-form-holder .search-form label {
	font-family: 'MuseoSans700';
	font-size: 14px;
	margin-top: 3px;
}
.drop-down {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	background: url(./v2/bg-drop.png);
	height: 0;
	overflow: hidden;
	z-index:2000;
}
.drop-content {
	overflow: hidden;
	width: 100%;
}
.drop-down .col {
	float: left;
	padding: 15px 0 110px 30px;
}
.drop-down .col1 {
	width: 150px;
}
.drop-down .col2 {
	width: 106px;
}
.drop-down .col3 {
	width: 125px;
}
.drop-down .col4 {
	width: 134px;
}
.drop-down .col5 {
	width: 151px;
}
.drop-down .col6 {
	width: 150px;
}
.drop-down .col h3 {
	margin: 0;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
.drop-down .col ul {
	margin: 9px 0 0;
	padding: 0;
	text-transform: uppercase;
	list-style: none;
	font-size: 11px;
	line-height: 18px;
}
.drop-down .col ul .drop-info {
	display: none;
}
.drop-holder {
	width: 400px;
	height: 92px;
	position: absolute;
	left: 30px;
	bottom: 18px;
	background: url(./v2/bg-drop-holder.gif) no-repeat 0 3px;
}
.drop-info {
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	font-size: 12px;
}
.drop-info.active {
	z-index: 1;
}
.drop-info img {
	float: left;
	border: 3px solid #fff;
	margin: 3px 15px 0 0;
	width: 154px;
	height: 83px;
}
.drop-info h3 {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 15px;
}
.drop-info p {
	margin: 15px 0 0;
	line-height: 15px;
}

/*footer*/
/*
#footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
}
.home-page #footer {
	border-top: 21px solid #000;
}
*/
.social {
	margin: 0;
	padding: 12px 43px 0 40px;
	list-style: none;
	float: left;
	font-size: 12px;
	color: #000;
}
.social li {
	float: left;
	line-height: 28px;
	margin-right: 20px;
	display: inline;
	text-transform: uppercase;
}
.social li a {
	float: left;
	padding: 0 0 0 36px;
	color: #000;
    text-decoration: none !important;
}
.social li .link-twitter {
	background: url(./v2/ico-twitter.gif) no-repeat 0 50%;
}
.social li .link-facebook {
	background: url(./v2/ico-facebook.gif) no-repeat 0 50%;
}
.social li .link-rss {
	background: url(./v2/ico-rss.gif) no-repeat 0 50%;
}
.social li .link-youtube{
  	background: url(./v2/youtube-icon.gif) no-repeat 0 50%;
}
.social li .link-mail {
	background: url(./v2/ico-mail.gif) no-repeat 0 50%;
	padding-left: 32px;
	font-size: 14px;
	margin-left: 27px;
}

/* HEADER */
header {
    /* background-color: rgba(0, 0, 0, 0.3); */
	background-color: #ca182a;    
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
    height: 140px;
    position: relative;
    z-index: 100;
    display: block;
}

inside { margin:0 auto; max-width:1140px; padding:0 20px; position:relative; }
header inside { height:100%; }
header.noBanner { background-color:transparent; }

/*** MAIN NAV ***/
#mainNav {
	height:55px;
	width:100%;
	position: absolute;
	right:0;
	bottom:0;
	text-align: center;
	background-color: #ca182a;
}
#mainNav > inside { position: static; }
.mainNav { height:55px; position: relative; }
.mainNav ul {
	display:inline-block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	height:55px;
	line-height:55px;
}
.mainNav > ul > li {
	display:block;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	height:55px;
	line-height:55px;
}
.mainNav > ul > li > a {
	display: inline-block;
	color: #fff;
	padding: 0 0;
	text-transform: uppercase;
	font-size:26px;
	height:55px;
	line-height:55px;
	font-family: 'Klinic Slab Bold';
	position: relative;
}
.mainNav > ul > li > a:hover { text-decoration:none; }
.mainNav > ul:hover > li > a { color:rgba(255,255,255,0.3); }
.mainNav > ul > li:hover > a { color:rgba(255,255,255,1); }
.mainNav > ul > li > a:after {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-10px;
	border-style:solid;
	border-width:0 10px 0 10px;
	border-color:transparent transparent #fff transparent;
	z-index:3000;
}
.mainNav > ul > li:hover > a:after { border-width: 0 10px 10px 10px; }
.mainNav > ul > li > a > span { display:inline-block; line-height:22px; padding:0 30px; border-left:1px dashed #fff; }
.mainNav > ul:hover > li > a span { border-color:rgba(255,255,255,0.3); }
.mainNav > ul > li:first-child > a > span { border-width:0; }

.noBanner .mainNav > ul > li > a { color:#000; }
.noBanner .mainNav > ul:hover > li > a { color:rgba(0,0,0,0.3); }
.noBanner .mainNav > ul > li:hover > a { color:rgba(0,0,0,1); }
.noBanner .mainNav > ul > li > a > span { border-color:#000; }
.noBanner .mainNav > ul:hover > li > a span { border-color:rgba(0,0,0,0.3); }

.mainNav h1, .mainNav h2, .mainNav h3, .mainNav h4 {
	color: #c11728;
	margin: 0;
	position: relative;
	font-family: 'Klinic Slab Bold';
}

.categoryStuff {
	float:left;
	width:40%;
}

.categoryHeader { min-height:50px; text-align:center; padding-top: 20px; }
.categoryHeader h1 { font-size:30px; line-height:normal; text-transform:uppercase; margin:0; }
.categoryHeader p { font-size: 16px; }
.catPhoto { 
	height:90%;
	width:auto;
	margin: 0 10%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
}

#search {
    float: right;
    padding-top: 10px;
}

#search input[type="text"] {
    background-color: rgba(0, 0, 0, 0.15);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: left;
    height: 30px;
    line-height: normal;
    margin-bottom: 0;
    width: 278px;
    font-size: 14px;
	padding: 8px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 0 10px 0;
	font-weight: normal;
	outline: 0;	
	font-family: 'Open Sans', Helvetica, Sans-Serif;
}

#search input[type="submit"], #searchMobile input[type="submit"] {
    background-color: transparent;
    background-image: url("//bartelldrugs.com/content/themes/btd/images/searchIconSmall.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0;
    float: left;
    height: 30px;
    margin-left: -30px;
    padding: 0;
    width: 30px;
}

#logo {
    background: url("//bartelldrugs.com/content/themes/btd/images/logo-desktop.gif") no-repeat scroll center center / contain rgba(0, 0, 0, 0);
    display: block;
    height: 52px;
    left: 50%;
    margin-left: -263px;
    position: absolute;
    top: 50%;
    width: 526px;
    z-index: 100;
}

#topBar {
    background-color: #ca182a;
    height: 50px;
    left: 0;
    line-height: 50px;
    position: absolute;
    top: 0;
    width: 100%;
}

#topBar hr {
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	margin: 0px;
}

#topBar form {
	margin: 0px;
}
/** BIG DROP DOWNS **/
.dropDown {
	position:absolute;
	top:55px;
	left:0;
	width:100%;
	padding:0 !important;
	display: block !important;
	height: auto !important;
	line-height: normal !important;
	text-align:left;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .2s, 0s;
	transition-delay: 0s, .1s;
	z-index:2000;
}

.dropDown h3 a {
	color: #c11728;
}

.dropDown inside { position:relative; max-width:auto; }
.mainNav > ul > li:hover .dropDown {
	opacity: 1;
	visibility: visible;
	transition-delay: .1s, 0s;
    z-index:3000;
    background: #fff;
}
#dropDownBG {
	position:absolute;
	top:55px;
	left:0;
	width:100%;
	height:0;
	background: #fff;
	box-shadow:0 0 30px rgba(0,0,0,0.4);
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .3s, 0s;
	transition-delay: 0s, .3s;
}

#mainNav:hover #dropDownBG {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s, 0s;	
}

.dropDown nav {
	float:right;
	width:55%;
	padding:20px 0;
}
.dropDown nav * { list-style:none; display:block; line-height:20px !important; } 
.dropDown li { border-top:1px solid #ccc; padding:20px 0; width:47%; float:left; overflow:hidden; margin-right:3%; }
.dropDown li:nth-child(-n+2) { border-top:0; }
.dropDown h3 { text-transform:uppercase; margin:0; font-size:20px; font-weight:400; }
.dropDown nav p { font-size:14px; margin:3px 0 0 0; overflow:hidden; text-overflow:ellipsis; max-height:60px; line-height:22px !important;  }


.dropLink {
	display:block;
	width:calc(50% - 30px);
	float:left;
	text-align: center;
	margin:15px;
	font-size:20px;
	color: #3d3233;
	font-weight:bold;
	line-height:24px;
}
.dropLink:hover { text-decoration:none; }
.dropLink .image {
	height:140px;
	margin-bottom:10px;
	background-color: #eee;
}
.dropDown nav:hover .dropLink { opacity:0.3; }
.dropDown nav .dropLink:hover { opacity:1; }

.dropDown .product {
	background:none;
	background-size:100% 100%;
	height:240px;
	margin-bottom:20px;
}

#mainNav:hover .dropDown .product { background:url('//bartelldrugs.com/content/themes/btd/images/smudge-blue.png') center center no-repeat; background-size:100% 100%; }
.dropDown .product .image {
	float: left;
	width:35%;
	height:80%;
	margin:5% 5% 5% 10%;
	background-size: contain;
	background-position: right center;
}
.dropDown .product .text {
	float: left;
	display: table;
	height: 100%;
	width:45%;
	line-height: normal;
	font-size:12px;
}
.dropDown .product .salePrice { font-size:50px; line-height:30px; font-weight:bold; }
.dropDown .product .moneySmalls { text-transform: uppercase; font-size:.5em; }
.dropDown .product .name { display:block; font-weight:600; font-size:20px; line-height:24px; margin-bottom:5px; }
.dropDown .product .details { }
.dropDown .product .regularPrice { }
.dropDown .product .local { display:block; }
.dropDown .product .unit { font-size:.3em; }

/* FOOTER */

footer {
	font-family: "Open Sans",Helvetica,sans-serif;
	font-size: 16px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
	color:#fff;
	background: rgb(171,25,45); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiMTkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTBhMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(171,25,45,1) 0%, rgba(117,10,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(171,25,45,1)), color-stop(100%,rgba(117,10,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(171,25,45,1) 0%,rgba(117,10,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(171,25,45,1) 0%,rgba(117,10,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(171,25,45,1) 0%,rgba(117,10,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(171,25,45,1) 0%,rgba(117,10,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab192d', endColorstr='#750a14',GradientType=0 ); /* IE6-8 */
}


footer a { color: #fff; }
footer a:hover { opacity: 0.5; text-decoration: underline; color: #fff; }
footer a.icon:hover { text-decoration: none;}
footer h4 { color: #fff; line-height: 26px; margin:0; font-size: 26px; }
footer .icon { display:inline-block; height:26px; color:#fff; margin: 0 5px; }
footer .icon:before { width:auto; height:auto; position:relative; line-height:26px; font-size:26px; }

footer h3 {
    color: #000;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}
footer h1, footer h2, footer h3, footer h4 {
    font-family: "Klinic Slab Bold";
    margin: 0;
    position: relative;
}

#footerMenu { margin-bottom:40px !important; }
#footerMenu {
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;	
}
#footerMenu, #footerMenu ul, #footerMenu li, #footerMenu a { list-style:none; margin:0; padding:0; text-align:left; position:relative; line-height: 26px; }
#footerMenu > li { margin-bottom:15px; }
#footerMenu > li > a { font-size:24px; font-family:'Klinic Slab Bold'; margin-bottom:0; display: inline-block; }
#footerMenu a:hover { opacity:1; text-decoration: underline; }
#footerMenu .children {  }

#footerMiddle { margin-bottom: 50px; }
#footerMiddle h3:not(.icon) { display:inline; color:#fff; text-transform:uppercase; margin:0 10px;}

#footerBottom { position: relative; }
#footerLogo { position: absolute; right:0; bottom:-5px; }
#footerLinks { color: #fff; font-size: 14px; text-align: left; }

#menu-footer-legal-links-1 { margin-left: 5px !important; }
#footerLinks ul, #footerLinks li, #footerLinks a { display:inline-block; list-style-type:none; padding:0; margin:0; }
#footerLinks a:hover {text-decoration: none;}
#footerLinks li { padding: 0 5px; line-height:14px !important; }
#footerLinks a { color:#fff; }
/*
.footer-nav {
	overflow: hidden;
	background: #da2435;
	font: 11px/14px Arial, Helvetica, sans-serif;
	color: #fff;
}
.footer-nav div {
	height: 51px;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.footer-nav ul {
	margin: 0 0 0 12px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
* +html .footer-nav ul {
	margin-top: expression(this.parentNode.offsetHeight > this.offsetHeight ? ((this.parentNode.offsetHeight-this.offsetHeight)/2 + "px") : "0");
}
.footer-nav li {
	float: left;
	padding: 0 10px 0 11px;
	margin-left: -1px;
	display: inline;
	white-space: nowrap;
	background: url(./v2/sep-footer-nav.gif) no-repeat 0 50%;
}
* +html .footer-nav li {
	float: left;
}
.footer-nav li a {
	color: #fff;
}
*/

/* MISC */

inside {
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 20px;
	position: relative;
	display: block;
}

#skinHeader input[type="submit"], #skinHeader button, #skinHeader .button,
#skinFooter input[type="submit"], #skinFooter button, #skinFooter .button {
    background-color: #cb1a2c;
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Klinic Slab Bold";
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    outline: medium none;
    padding: 8px 15px;
    position: relative;
    text-transform: uppercase;
}


#mobilehome,
.element-mt,
.desktop-none {
	display:none !important;
}