/********* It contains toaster,colobox, jquery-bxslider, and dropdownn.css**************/
/* Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: bold;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #7fba4a;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/************************Toaster End ****************************************/

/************************Colorbox Begin ****************************************/
@font-face {
  font-family: "Conv_AvenirLTStd-Heavy";
  src: url("../fonts/AvenirLTStd-Heavy.eot");
  src: url("../fonts/AvenirLTStd-Heavy.woff") format("woff"),
    url("../fonts/AvenirLTStd-Heavy.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Heavy.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KulturistaSemiBold";
  src: url("../fonts/KulturistaSemiBold.eot") format("embedded-opentype"),
    url("../fonts/KulturistaSemiBold.woff") format("woff"),
    url("../fonts/KulturistaSemiBold.ttf") format("truetype"),
    url("../fonts/KulturistaSemiBold.svg#KulturistaSemiBold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AvenirLTStd-Roman";
  src: url("../fonts/AvenirLTStd-Roman.eot") format("embedded-opentype"),
    url("../fonts/AvenirLTStd-Roman.woff") format("woff"),
    url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Conv_AvenirLTStd-Medium";
  src: url("../fonts/AvenirLTStd-Medium.eot");
  src: url("../fonts/AvenirLTStd-Medium.woff") format("woff"),
    url("../fonts/AvenirLTStd-Medium.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Conv_AvenirLTStd-MediumOblique";
  src: url("../fonts/AvenirLTStd-MediumOblique.eot");
  src: url("../fonts/AvenirLTStd-MediumOblique.woff") format("woff"),
    url("../fonts/AvenirLTStd-MediumOblique.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-MediumOblique.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Conv_AvenirLTStd-Heavy";
  src: url("../fonts/AvenirLTStd-Heavy.eot");
  src: url("../fonts/AvenirLTStd-Heavy.woff") format("woff"),
    url("../fonts/AvenirLTStd-Heavy.ttf") format("truetype"),
    url("../fonts/AvenirLTStd-Heavy.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999; /*overflow:hidden;*/
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: inherit;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox,
#colorbox * {
  transition: none !important;
}
#cboxOverlay {
  background: #445f28;
  opacity: 0.9;
  filter: alpha(opacity = 90);
}
#colorbox {
  outline: 0;
}
#cboxContent {
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  background: none;
  padding: 0;
}
#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}
#cboxLoadingOverlay {
  background: #000;
}
#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}
#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  display: none;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(images/colorbox_controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}
#cboxPrevious:hover {
  background-position: 0px -25px;
}
#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}
#cboxNext:hover {
  background-position: -25px -25px;
}
#cboxClose {
  background-position: -50px 0px;
  right: 0;
}
#cboxClose:hover {
  background-position: -50px -25px;
}
.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

.zipcode_popup_outer {
  background: #fff;
  padding: 20px 35px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 520px !important;
}
.zipcode_popup_inner {
  width: 340px;
  text-align: center;
}

.zipcode_popup_inner h1 {
  font-size: 18px;
  color: #5bbc3e;
  line-height: 25px;
  text-align: center;
  padding: 0 0 7px 0;
  font-family: "KulturistaSemiBold";
}
.zipcode_popup_inner p {
  font-size: 10px;
  color: #5bbc3e;
  line-height: 16px !important;
  text-align: left;
  padding: 4px 0 4px 0;
  margin-top: 0;
  font-family: "AvenirLTStd-Roman";
}
.zipcode_popup_inner a {
  margin: 0 15px;
  padding: 7px 15px;
  background: #ff6902;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
}
.zipcode_popup_inner a:hover {
  background: #d05c16;
  text-decoration: none;
}
.zipcode_popup_inner a.enable {
  background: #fdc7ad;
  text-decoration: none;
}

.zipcode_popup_img_1 {
  float: left;
  width: 100%;
  border-bottom: 1px solid #cce3b7;
  color: #5bbc3e;
  text-transform: uppercase;
  font-family: "Conv_AvenirLTStd-Heavy";
  font-size: 10px;
}
.zipcode_popup_img_2 {
  float: left;
  width: 100%;
  border-bottom: 0;
  color: #5bbc3e;
  text-transform: uppercase;
  font-family: "Conv_AvenirLTStd-Medium";
  font-size: 10px;
}
.zipcode_popup_img_L_T {
  float: left;
  width: 46%;
  padding: 10px 0 10px 0;
}
.zipcode_popup_img_R_T {
  float: left;
  width: 46%;
  padding: 15px 0 10px 0;
  border-left: 1px solid #cce3b7;
}
.zipcode_popup_img_L_B {
  float: left;
  width: 46%;
  padding: 20px 0 0 0;
}
.zipcode_popup_img_R_B {
  float: left;
  width: 46%;
  padding: 25px 0 0 0;
  border-left: 1px solid #cce3b7;
}
.zip_inner_feild {
  padding: 10px 0 0 0;
}
.zip_inner_feild .txt_feild {
  border: 1px solid #ccc;
  width: 111px;
  font-size: 12px;
  padding: 3px 10px;
  height: 32px;
}
.zip_inner_feild .feild_btton {
  width: 114px;
  height: 32px;
  margin: 0 0;
  padding: 0;
  background: #f3671a;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0px;
  line-height: 32px;
}
.zip_inner_feild .feild_btton:hover {
  background: #2f510f;
  text-decoration: none;
}
.zipcode_popup_inner.zip_inner_feild.strikeline {
  margin-top: 25px;
}
.border_top_colbox {
  border-top: 1px solid #c3e5b6;
  margin-top: 10px;
  padding-top: 10px;
}
.noProductMessage {
  padding-top: 2px !important;
}
.noProductMessage span {
  margin: 10px 0 0 0;
  text-align: left !important;
  font-family: "AvenirLTStd-Roman" !important;
  font-size: 11px !important;
  line-height: 15px;
}
.loginpop_txtbox {
  color: #5cbc3f;
}
.loginbtn_pop {
  margin: 10px 0 !important;
  width: 100%;
  background: #053c00 !important;
}
.loginbtn_pop:hover {
  background: #1c6116 !important;
}
a.backToLocation {
  padding-top: 10px;
  text-decoration: none !important;
}
.no_padding_B_T {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/************************Colorbox End ****************************************/

/************************* Bx-slider Begin **********************************/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto 12px;
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
  /*-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;*/
  background: none;

  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
  /*height: 320px !important;*/
}
.prod_blk_image_slider .bx-wrapper .bx-viewport {
  /*height: 300px !important;*/
  height: auto !important;
}
#slider_banner .bx-wrapper .bx-viewport {
  height: 300px !important;
}

.pdct_img_outer .bx-wrapper .bx-viewport {
  height: 300px !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  top: 202px;
  right: -7px;
  width: auto;
}
#slider_banner .bx-wrapper .bx-pager,
#slider_banner .bx-wrapper .bx-controls-auto {
  position: absolute;
  top: 270px;
  right: 50%;
  width: auto;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
#slider_banner .bx-wrapper .bx-loading {
  background: url(images/bx_loader.gif) center center no-repeat #5cbc3f;
}

/*.bx-pager { bottom: 12px; }*/

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: none;
  border: 1px solid #253f0a;
  text-indent: -9999px;
  display: block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #91cc52;
  border: 1px solid #91cc52;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}
/*   NEW STYLE  */
/*.slider_img_thumb_1{
	max-width:100%;
	max-height:210px;
	margin:auto;
}*/

.prod_blk_image .bx-pager.bx-default-pager {
  position: absolute;
  top: 203px !important;
  right: 0px !important;
  width: auto;
}
.tooltip_header {
  width: 365px;
  padding: 20px 0 20px 0;
}
.tooltip_header h1 {
  width: 100%;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  color: #80bb4d;
  font-size: 16px;
  text-decoration: none;
  line-height: 20px;
  background: url(../images/tooltip_head_bg.png) bottom center no-repeat;
}
.tooltip_header p {
  width: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: "AvenirLTStd-Roman";
  font-size: 14px;
  text-transform: none;
}

/************************* Bx-slider End **********************************/

/************************* Dropdowns Begin**********************************/

#nav {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  /* Clear floats */
  width: auto;
  float: left;
  /* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li {
  /*float:right;*/
  position: relative;
  float: right;
  width: 100%;
}
#nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
#nav a:hover {
  color: #fff;
  background: #6b0c36;
  text-decoration: none;
}

/*--- DROPDOWN ---*/
#nav ul {
  width: 137px;
  list-style: none;
  position: absolute;
  margin: 0 0 0 12px;
  padding: 0;
  left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  top: 29px;
  z-index: 100;
}
#nav ul.login_dropdown1 {
  margin: 0 0 0 12px;
}
#nav ul li {
  padding-bottom: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
}
#nav ul a {
  white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul {
  /* Display the dropdown on hover */
  left: 0; /* Bring back on-screen when needed */
  background: url(../images/login_drop_arrow.png) no-repeat top center;
  padding: 7px 0 0 0;
}
#nav li:hover a {
  /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  background: #f3671a;
  text-decoration: none;
}
#nav li:hover ul a {
  /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
  width: 137px;
  height: 31px;
  text-transform: none;
  padding: 0 0 0 25px;
  background: url(../images/menu_hover_icon_1.png) no-repeat 5px center #f0681a;
}
#nav li:hover ul li a:hover {
  /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  background: url(../images/menu_hover_icon_1.png) no-repeat 5px center #df591e;
}

.login_dropdown {
  background: url(../images/login_drop_arrow_1.png) no-repeat top center !important;
  padding: 9px 0 0 0 !important;
  z-index: 3;
}
.login_dropdown li {
  border: 1px solid #0d3d00 !important;
  border-top: 0px !important;
  padding-bottom: 0px !important;
}
.login_dropdown li > a {
  width: 135px !important;
  color: #81bb4b !important;
  padding: 0 0 0 38px !important;
  text-align: left;
}
.login_dropdown li a:hover {
  color: #000 !important;
}
.login_dropdown li.order_icon a {
  background: url(../images/order_icon.png) no-repeat 11px 12px #fff !important;
  text-align: left !important;
}
.login_dropdown li.account_icon a {
  background: url(../images/account_icon.png) no-repeat 15px 12px #fff !important;
  text-align: left !important;
}
.login_dropdown li.signout_icon a {
  background: url(../images/signout_icon.png) no-repeat 15px 12px #fff !important;
  text-align: left !important;
}

ul.orang_dropdown {
  margin: 0 0 0 -34px !important;
}
.orang_dropdown li a {
  text-align: left !important;
}
.login_link {
  width: 100%;
  text-align: center;
}
.aaaaa {
  margin: 0 0 0 -53px !important;
}
#nav li {
  width: auto !important;
}
#nav li a {
  width: auto !important;
}

/************************* Dropdowns End**********************************/

.bg-yellow {
  background-color: #cccc00;
}

.bg-red {
  background-color: #d44d1c;
}