/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

#minicontent #containerSuggestedProd .owl-carousel .owl-wrapper{
	display: block;
	position: relative;
	float:left; width:10000px!important; 
}

#minicontent #containerSuggestedProd .owl-carousel .owl-item {width:180px!Important}

.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 99.8%;
	border:1px solid #ebebeb; border-top:0; 
}

div.alternateimage .owl-carousel .owl-wrapper-outer {border:0; box-sizing:border-box;position: relative;z-index: 99;}
div.chkmainbody .owl-carousel .owl-wrapper-outer {width:99.7%}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}

#search_banner .owl-carousel .owl-item img {width:100%; height:auto!important}
#search_banner .owl-theme .owl-controls {width:96%; right:0; margin:0 2%; position:static}

#search_banner .owl-theme .owl-controls div.owl-buttons {float:right}
#search_banner .owl-theme .owl-controls div.owl-buttons:first-child {float:left}
#search_banner .owl-theme .owl-controls .owl-buttons div.owl-prev {top:40%; left:10px; position:absolute}
#search_banner .owl-theme .owl-controls .owl-buttons div.owl-next {top:40%; right:10px; position:absolute}

#search_banner .owl-carousel .owl-wrapper-outer.autoHeight {border:0; width:100%}


.owl-carousel .owl-item div.item {border-right:1px solid #EBEBEB; height:100%; line-height:18px; height:477px; font-family:open sans, Sans-Serif}
.owl-carousel .owl-item div.item.wholesale {height:477px}

.managerspecial .owl-carousel .owl-item div.item {height:auto}

.owl-carousel .owl-item div.authimgcontainer {border-bottom: 1px dotted #fff; height: 180px; margin: 0 10px 10px; padding: 3px 0; position: relative; text-align:center; width:91%}

/************** Promo stickers *********************/

div.authimgcontainer div.authimg div.stickers {display: inline-block; max-width: 170px; position: absolute; text-align: center;}
div.authimgcontainer div.authimg div.stickers ul li.sale-sticker {background:url(images/sticker-sale.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.authimgcontainer div.authimg div.stickers ul li.free-sticker {background:url(images/sticker-free.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.authimgcontainer div.authimg div.stickers ul li.freeshipping-sticker {background:url(images/sticker-freeshipping.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:32px; clear:left}

div.authimgcontainer div.authimg div.stickers ul li.sale-reward {background:url(images/sticker-reward.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

div.authimgcontainer div.authimg div.stickers ul li.bogo-sticker {background:url(images/bogo-sticker.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

div.authimgcontainer div.authimg div.stickers ul li.new-sticker {background:url(images/new-sticker.png) no-repeat 0 0; padding:6px 0 0px 50px; margin-bottom:3px; text-indent:-99999px; min-height:38px; clear:left}

.owl-carousel .owl-item div.authimgcontainer img {margin: 5px 0;max-width: 170px; width: 100%;}

.owl-carousel .owl-item div.authimgcontainer div.quickeye {cursor: pointer; display: block; height: 26px; left: 14%; position: absolute; top: 80px; z-index: 2;}

.owl-carousel .owl-item div.supind {margin: 5px 9px; background-color:#ECECEC; min-height:25px; text-align:center; line-height:25px; color:#4b4b4b}
.owl-carousel .owl-item div.supind_inactive {margin: 5px 9px; min-height:25px; text-align:center; color:#4b4b4b}

.owl-carousel .owl-item div.item h3 {font-weight: normal; line-height: 15px; min-height: 60px; padding: 0 9px;}
.owl-carousel .owl-item div.item h3 a {color:#000}
.owl-carousel .owl-item div.item h3 a:hover {text-decoration:none}

.owl-carousel .owl-item div.item div.qtybtn span.lblqty {float:left; padding-top:2px}
.owl-carousel .owl-item div.item h4 {font-weight: normal; min-height: 50px; padding: 0 9px; clear:both}
.owl-carousel .owl-item div.item h4 span.yourprice, .owl-carousel .owl-item div.item h4 span.saveprice {clear:left; float:left}
.owl-carousel .owl-item div.item h4 span.yourprice span {display:block; font-weight:normal}



.owl-carousel .owl-item div.item div.qtybtn {padding:0 9px}

.owl-carousel .owl-item div.item div.qtybtn div.qty { clear:both; float:left; margin-top:3px; width:100%}

.owl-carousel .owl-item div.item div.qtybtn span.instk {background-position:0 -13px; margin:4px 0 3px; padding-bottom:0}
.owl-carousel .owl-item div.item div.qtybtn span.outstk {background-position:0 -43px; margin:4px 0 0; padding-bottom:0}

.dietryOverlay {left:100px\9!important}

.owl-carousel .owl-item div.item div.qtybtn div.qty table td {line-height:18px; vertical-align:top}

.owl-carousel .owl-item div.item div.qtybtn input.qty {float:left; margin:0 3px; width:15px}

.owl-carousel .owl-item div.item div.qtybtn a.addtocart {background: url("images/spritebuttons.png") no-repeat -101px 0; border:0; cursor: pointer; float: left; height: 21px; overflow: hidden; padding: 0; text-indent: -9999px; width: 98px; margin-right:-10px}
.owl-carousel .owl-item div.item div.qtybtn a.adding2cart {background: url("images/spritebuttons.png") no-repeat 0 0; border: 0; cursor: pointer; float: left; height: 21px; overflow: hidden; padding: 0; text-indent: -9999px; width: 98px; margin-right:-10px}
.owl-carousel .owl-item div.item div.qtybtn a.ShowConfigure {background: url("images/spritebuttons.png") no-repeat 0 -70px; border: none; cursor: pointer; float: left; height: 21px; overflow: hidden; padding: 0; text-indent: -9999px; width: 98px; border:0; margin:3px 0 0}
.owl-carousel .owl-item div.item div.qtybtn span.addtocart_error_msg {clear:left; float:left;}
.owl-carousel .owl-item div.item.wholesale div.qtybtn span.addtocart_error_msg {position:relative; top:18px}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(255,255,255);
  -moz-transform: translate3d(255,255,255);
  -ms-transform: translate3d(255,255,255); 
}



/****************** Carousel Styling *********************/
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; position:absolute; top:-40px; right:10px; width:57px }
.owl-theme .owl-controls div.owl-buttons {float:left}
.owl-theme .owl-controls div.owl-buttons, .owl-theme .owl-controls div.owl-pagination {display:inline-block}

.owl-theme .owl-controls div.owl-pagination {display:none}


.owl-theme .owl-controls .owl-buttons div.owl-prev{  text-indent:-99999px; background:url(images/smallicons.png) no-repeat -35px 0; display:block; height:20px; width:13px; margin-right:15px}
.owl-theme .owl-controls .owl-buttons div.owl-next{  text-indent:-99999px; background:url(images/smallicons.png) no-repeat -55px 0; display:block; height:20px; width:13px; margin-left:15px}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }

.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}

.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }

div.alternateimage .owl-theme .owl-controls {width:100%; top:10px; right:0}
div.alternateimage .owl-theme .owl-controls div.owl-buttons + div.owl-pagination + div.owl-buttons {float:right}
div.alternateimage .owl-theme .owl-controls .owl-buttons div.owl-prev {margin-left:-15px; margin-right:0}
div.alternateimage .owl-theme .owl-controls .owl-buttons div.owl-next {margin-left:0; margin-right:-15px}

/************************ Home Banner Carousel ****************************/

#top_banner_home div.flexslider {height:auto; overflow:visible}

#top_banner_home .owl-carousel .owl-wrapper-outer {border:0}

#top_banner_home .owl-carousel .owl-item div.item {height:auto}

#top_banner_home .owl-carousel .owl-item div.item img {width:100%; height:100%}

#top_banner_home .owl-carousel .owl-item div.item {border:0; line-height:normal}

#top_banner_home .owl-carousel .owl-wrapper-outer {width:100%!important}

#top_banner_home .owl-theme .owl-controls {width:100%; top:25%; right:0; height:auto; margin-top:0}

#top_banner_home .owl-theme .owl-controls .owl-buttons div.owl-prev {background:url("images/icons.png") no-repeat -0px -48px; height:108px; width:16px; display:block; position:absolute; left:-18px;}
#top_banner_home .owl-theme .owl-controls .owl-buttons div.owl-next {background:url("images/icons.png") no-repeat -20px -48px; height:108px; width:16px; display:block; position:absolute; right:-18px;}


/************************* Carousel Transition ************************/

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/*************************** Media Query *******************/


@media  screen and (min-width:320px) and (max-width:900px) 
{
    #top_banner_home .owl-theme .owl-controls .owl-buttons div.owl-prev {left:2px}
    #top_banner_home .owl-theme .owl-controls .owl-buttons div.owl-next {right:2px}
}
@media  screen and (min-width:854px) and (max-width:900px) 
{
    .owl-carousel .owl-item div.item {height:483px;} 
    .owl-carousel .owl-item div.item.wholesale {height:513px}
    
}



@media  screen and (min-width:771px) and (max-width:875px) 
{
    .owl-carousel .owl-item div.item.wholesale {height:527px}
   
}

@media  screen and (min-width:771px) and (max-width:850px) 
{
    .owl-carousel .owl-item {height:auto}
    div.chkmainbody .owl-carousel .owl-wrapper-outer {width:99.6%}
    .owl-carousel .owl-item div.item {height:523px;}
    .owl-carousel .owl-item div.item.wholesale {height:547px}
    .owl-carousel .owl-item div.item div.qtybtn span.addtocart_error_msg {position:relative; top:0px}
    .owl-carousel .owl-item div.item h4 {min-height:73px}
    .owl-carousel .owl-item div.item.wholesale {height:541px}
     .owl-carousel .owl-item div.item div.qtybtn a.addtocart, .owl-carousel .owl-item div.item div.qtybtn a.adding2cart {margin:4px 0 2px; clear:left}
}

@media  screen and (min-width:320px) and (max-width:395px) 
{
.owl-carousel .owl-wrapper-outer {width:99.5%}
div.chkmainbody .owl-carousel .owl-wrapper-outer {width:99.7%}
}

@media  screen and (min-width:396px) and (max-width:520px) 
{
.owl-carousel .owl-wrapper-outer {width:99.6%}
div.chkmainbody .owl-carousel .owl-wrapper-outer {width:99.7%}
}

@media  screen and (min-width:521px) and (max-width:770px) 
{
.owl-carousel .owl-wrapper-outer {width:99.7%}
div#carouselSuggestedProd.owl-carousel .owl-wrapper-outer {width:538px}
div.chkmainbody .owl-carousel .owl-wrapper-outer {width:99.6%}

}

@media  screen and (min-width:320px) and (max-width:770px) 
{
    .owl-carousel .owl-item {height:auto}
    .owl-carousel .owl-item div.item {height:477px}
    .owl-carousel .owl-item div.item.wholesale {height:492px}
    .owl-carousel .owl-item div.item div.qtybtn input.qty {margin:0 3px}
    .owl-carousel .owl-item div.item div.qtybtn span.instk {margin:4px 0 3px; padding-bottom:0}
    .owl-carousel .owl-item div.item div.qtybtn span.outstk {margin:4px 0 0; padding-bottom:0}
    
}

@media  screen and (min-width:320px) and (max-width:355px) 
{
    .owl-carousel .owl-item {height:auto}
    .owl-carousel .owl-item div.item {height:527px;}
    .owl-carousel .owl-item div.item.wholesale {height:547px;}
    .owl-carousel .owl-item div.item h3 {min-height:60px}
    .owl-carousel .owl-item div.item div.qtybtn a.addtocart, .owl-carousel .owl-item div.item div.qtybtn a.adding2cart {margin:5px 0 2px; clear:left}
    .owl-carousel .owl-item div.item h4 {min-height:73px}
    
}   

@media  screen and (min-width:320px) and (max-width:570px) 
{
    #top_banner_home .owl-theme .owl-controls {top:20%}
}

@media  screen and (min-width:320px) and (max-width:480px) 
{
    #top_banner_home .owl-theme .owl-controls {top:16%}
}

@media  screen and (min-width:320px) and (max-width:400px) 
{
    #top_banner_home .owl-theme .owl-controls {top:10%}
}

@media  screen and (min-width:320px) and (max-width:360px) 
{
    .owl-carousel .owl-item div.item.wholesale {height:537px}
    .owl-carousel .owl-item div.item.wholesale div.qtybtn a.addtocart, .owl-carousel .owl-item div.item.wholesale div.qtybtn a.adding2cart {margin:5px 0 2px; clear:left}
    #top_banner_home .owl-theme .owl-controls {top:2%}
}