/*
  *** COPYRIGHT ***
  ------------------------------------------------------------------------------
  This CSS code is the sole Intellectual property of Madwire Media and is protected
    under the copyright laws of the United States of America. Any attempt to copy this 
    design mockup, either whole or part will be deemed an infringement of Madwire Media's 
    rights under the copyright laws of the United States.
*/

/* Color: White */

/*
Template Name:      MadBC Template 112
Description:        Starting template for BigCommerce
Version:            3.1.0
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            November 19, 2012
*/

/*
  *** TABLE OF CONTENTS ***
  ------------------------------------------------------------------------------
  Following the name of each section is !n! and a 3 or more digit code, for
  example abc, which you can use find or find next to skip to the next section.
  PLEASE LOOK THROUGH CSS BEFORE EDITING IT TO SEE WHAT EACH SECTION CONTAINS
  ------------------------------------------------------------------------------

  Base             = !bas
  Container Widths = !ctr
  Header           = !hdr
  Content          = !cnt
  Sidebar          = !sdb
  Footer           = !ftr
  Miscelaneous     = !msc (breadcrumb styles are in here and some other stuff)
  Pages            = !pgs
  Category         = !ctg
  Product Lists    = !pls
  Product          = !prd
  Cart             = !crt
  Checkout         = !chk
  Order            = !ord
  Account          = !acct
  Home Page        = !hpg
  Media Queries    = !mqs
  Helper Classes   = !hlp
  Print Styles     = !prn
  Plugins          = !plg

*/

/*
  -----------------------------------------------------------------
  You can use the following examples to target ie8, ie7 or both
  -----------------------------------------------------------------
  ie7   : *+html body { background: red; }
  ie7   : body { *background: red; }
  ie8   : body { background: green\0/; }
  ie8&7 : body { background: yellow\9; }
*/

/* =============================================================================
   Base !n! !bas
   ========================================================================== */

/* == Typography ============================================================ */

html,
body,
button,
input,
select,
textarea {
  font-family: 'Lato',sans-serif;
  color: #333;
}

body {
  font-size: 14px;
  line-height: 1.4;
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1, .h1 {
  font-size: 2em;
  line-height: 1.2;
  margin-bottom: 0.67em;
}

h2, .h2 {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 0.83em;
}

h3, .h3 {
  font-size: 1.17em;
  line-height: 1.3;
  margin-bottom: 10px;
}

h4, .h4 {
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 1.33em;
}

h5, .h5 {
  font-size: .83em;
  margin-bottom: 1.67em;
}

h6, .h6 {
  font-size: .67em;
  margin-bottom: 2.33em;
}

b, strong {
  font-weight: 700;
}

p,
menu,
figure,
fieldset,
ul, ol, dl,
blockquote,
table,
form,
pre,
hr {
  margin-bottom: 1em;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

hr {
  display: block;
  height: 0px;
  background: none;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.large {
  font-size: 1.2em;
}

.uppercase {
  text-transform: uppercase;
}

.jitter {
  -webkit-backface-visibility:hidden;
}

.space-bottom {
  margin-bottom: 40px;
}

/* == Links & Selection ===================================================== */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

a { color: #f7941d; }
/*a:visited { color: #06c; }*/
a:hover { color: #e8850e; }


a:active.modalClose {
  position: absolute;
  top: 10px;
}

/* == Buttons =============================================================== */

.button,
a.button,
.ProductQty a,
.ProductActionAdd a,
.slide-show-render-full .slide-button span,
input[type="submit"],
input[type="button"],
button {
      display: inline-block;
    padding: 8px 16px !important;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff !important;
    background: #f00;
    border: 2px solid #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.88);
    border-radius: 8px;
    -webkit-appearance: none;
}
}

.button:hover,
a.button:hover,
.ProductQty a:hover,
.ProductActionAdd a:hover,
.slide-show-render-full .slide-button span:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button {
  color: #fff;
  background: #d94444;
  text-decoration: none;
}

.button.button-large {
  border: 2px solid #fff;
  font-size: 24px;
  text-transform: uppercase;
  padding: 12px 20px !important;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

#ModalContent a, .ModalContent a.button,
#ModalContent a, .ModalContent .ProductActionAdd a {
  color: #fff;
}

.sharebutton {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

input#apply_code {
  width: auto !important;
}

/* == Tables ================================================================ */

.EstimateShipping,
.CheckoutRedeemCoupon {
  background: #F4F4F4;
  border: 1px solid #e5e5ef;
  color: #4d4d50;
}

table.CartContents,
table.General {
  border: 1px solid #e5e5ef;
}

.CartContents thead tr th,
table.General thead tr th {
  background: #F4F4F4;
  border-bottom: 1px solid #e5e5ef;
  color: #4d4d50;
}

.CartContents tfoot .SubTotal td {
  border-top: 1px solid #e5e5ef;
  color: #4d4d50;
}

.CompareItem {
  border-left: solid 1px #e5e5ef;
}

.CompareFieldName {
  font-weight:700;
  border-bottom: 1px solid #e5e5ef;
}

.CompareFieldTop {
  border-bottom:solid 1px #e5e5ef;
}

.CompareFieldTop a:hover {
  color:red;
}

.CompareCenter {
  border-left:solid 1px #e5e5ef;
  border-bottom:solid 1px #e5e5ef;
}

.CompareLeft {
  border-left:solid 1px #e5e5ef;
  border-bottom:solid 1px #e5e5ef;
}

.ComparisonTable tr:hover td {
  background: #F7F7F7;
}

/* =============================================================================
   Primary Container Widths !n! !ctr
   ========================================================================== */

#TopMenu,
#Header,
#PrimaryMenu,
#Wrapper,
#Footer {
  width: 940px;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* =============================================================================
   Header !n! !hdr
   ========================================================================== */

/* == TopMenu =============================================================== */

#TopMenuOuter {
  background: #eb5b5b;
  color: #fff;
  margin-bottom: 20px;
}

#TopMenu {
  padding: 5px 0 6px;
}

#TopMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

#TopMenu li {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
  text-transform: uppercase;
}

#TopMenu a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}

#TopMenu a:hover { color: #f00; }

.cart-items-var {
  display: none;
}

.icon-cart {
  margin: -6px 4px 0 0;
}

/* == Header ================================================================ */

#HeaderOuter {
  margin-bottom: 20px;
}

#Header {
}

.header-phone {
  float: right;
}

/* == Logo ================================================================== */

#Logo {
  float: left;
  width: auto;
  margin-top: 28px;
}

/* == Header Search ========================================================= */

#SearchForm {
  float: right;
  clear: right;
}

#SearchForm p,
#SearchForm form {
  margin-bottom: 0;
}

#SearchForm p {
  font-size: .9em;
}

#SearchForm #search_query {
  margin-right: 10px;
  width: 175px;
  color: #555;
}

/* == Primary Navigation ===================================================== */

/* Main Pages Menu change id to PrimaryMenu so as to not use bc's styling */
/* Note for proper styling of Side Category List placed in #PrimaryMenu the Panel must only contain the snippet and no html and be set to Classic not Flyout*/
#PrimaryMenuOuter {
  background: #efefef;
  border: 1px solid #dddddd;
  border-left: none;
  border-right: none;
  position: relative;
  margin-bottom: 0;
  z-index: 70;
}

body.home #PrimaryMenuOuter {
  margin-bottom: 0;
}

#banner-header {
  background: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/img/bg-banner-header.jpg?t=1486682323) top center no-repeat;
  height: 100px;
  padding: 18px 0;
  margin-bottom: 20px;
  text-align: center;
}

#banner-header h2 {
  background: #222;
  background: rgba(0,0,0,0.30);
  color: #fff;
  font-size: 40px;
  margin: 0;
  padding: 8px 15px;
  text-transform: uppercase;
  text-shadow:1px 1px 1px rgba(0,0,0,0.25);
}

body.home #banner-header { display: none; }

#PrimaryMenu {
}

#PrimaryMenu > ul {
  margin-bottom: 0;
  position: relative;
}

#PrimaryMenu > ul > li {
  float: left;
}

#PrimaryMenu li {
  margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
  display: block;
  padding: 10px 16px 11px;
  font-family: 'Lato', sans-serif;
  font-size: 1.4em;
  text-decoration: none;
  text-transform: uppercase;
  color: #222;
font-weight: bold;
}

#PrimaryMenu a {
  text-decoration: none;
}

#PrimaryMenu ul li a .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 8px;
  margin-left: 4px;
  text-indent: -99999px;
  *text-indent: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}

#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a {
  color: rgba(0, 0, 0, 0.41);
}

#PrimaryMenu > ul > li > a:hover > .caret,
#PrimaryMenu > ul > li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Drop Down */

#PrimaryMenu ul li {
  position: relative;
}

#PrimaryMenu ul li a {
*margin-bottom: -3px;
}

#PrimaryMenu ul li a:active,
#PrimaryMenu .dropdown-toggle:active,
#PrimaryMenu .open .dropdown-toggle {
  outline: 0;
}

#PrimaryMenu ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
border-radius: 10px
}

#PrimaryMenu ul li ul:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  position: absolute;
  top: -7px;
  left: 9px;
}

#PrimaryMenu ul li ul:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 10px;
}

#PrimaryMenu ul li:hover,
#PrimaryMenu ul .dropdown.open {
  *z-index: 1000;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown */
#PrimaryMenu ul li.HasSubMenu:hover > ul { display: block; }
#PrimaryMenu ul .dropdown.open > .dropdown-menu {
  display: block;
}

#PrimaryMenu li li a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  color: #555555;
  white-space: nowrap;
}

#PrimaryMenu ul li ul a:hover {
  color: #fff;
  background: color: rgba(0, 0, 0, 0.41);
}

/* 2nd level and below drop down styles */
#PrimaryMenu ul li ul li a .caret {
  position: absolute;
  right: 8px;
  top: 2px;
  border-top: 4px solid transparent;
  border-left: 4px solid #777;
  border-bottom: 4px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}

#PrimaryMenu ul li ul li > a:hover > .caret {
  border-left: 4px solid #fff;
}

#PrimaryMenu ul li ul li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

#PrimaryMenu ul li ul li ul {
  top: -3px;
  left: 157px;
}

#PrimaryMenu ul li ul li ul:before {
  border-top: 7px solid transparent;
  border-left: none;
  border-right: 7px solid #ccc;
  border-bottom: 7px solid transparent;
  top: 7px;
  left: -7px;
}

#PrimaryMenu ul li ul li ul:after {
  border-top: 6px solid transparent;
  border-left: none;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  top: 8px;
  left: -6px;
}

/* Mega Menu */

#PrimaryMenu ul li.megamenu-wrap {
  position: static;
}

#PrimaryMenu ul li.megamenu-wrap ul:before,
#PrimaryMenu ul li.megamenu-wrap ul:after {
  display:none;
}

#PrimaryMenu .megamenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 750px;
    padding: 10px 0;
    margin: 0;
    background: rgba(198, 198, 198, 0.85);
    border: 3px ridge rgba(221, 221, 221, 0.74);
    border-radius: 15px;
}

#PrimaryMenu ul li.megamenu-wrap:hover .megamenu {
  display: block;
}

#PrimaryMenu .megamenu .inner {
  padding: 0 10px;
}

#PrimaryMenu .megamenu h3 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#PrimaryMenu .megamenu ul {
  padding: 0;
  margin: 0 0 10px;
  list-style: none;
}

#PrimaryMenu .megamenu ul li a {
  padding: 5px 5px;
}

#PrimaryMenu .megamenu .row > [class*="grid-"] {
  margin-left: 19px;
}

/* End Navigation */

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */

.Content,
.Content.Wide,
.Content.Widest {

}

.Content,
.Content.Wide {
  float: left;
  margin-left: 20px;
}

.Content {
  width: 540px;
}

.Content.Wide {
  width: 700px;
}

.Content.WideE {
    width: 600px !important;
}

.Content.Widest {
  width: 940px;
  margin-left: 0;
  margin-top: 10px;
}

.page-title {}
.page-title h1 {}
.page-title:before,
.page-title:after {
  content: "";
  display: table;
}

.page-title:after {
  clear: both;
}

.page-title {
  *zoom: 1;
}

/* =============================================================================
   Sidebar !n! !sdb
   ========================================================================== */

.Left, .Right {
  float: left;
}

.Left {
  width: 220px;
}

.Right {
  width: 140px;
  margin-left: 20px;
}

.RightE {
  width: 240px !important;
  margin-left: 20px;
}


.Left .Block, .Right .Block, #SideCategoryList {
    margin-bottom: 1em;
    margin-top: 1em;
}

.Left ul,
.Right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Left li a,
.Right li a {
  display: block;
  padding: 2px 0;
}

.Left h2,
.Right h2 {
  font-size: 1.17em;
  line-height: 1.3;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#SideNewsletterBox input[type="text"] {
  width: 90%;
}

.Left .BlockContent li {
  border-bottom: 1px solid #ddd;
}

.Left .BlockContent li a {
  padding: 5px 10px;
  text-decoration: none;
}

.Left .BlockContent li a:hover {
  background: #f7941d;
  color: #fff;
}

/* == Coupon and Gift Certificate Boxes */

#SideCouponCodeBox .Textbox,
#SideCouponCodeBox .button,
#SideGiftCertificateCodeBox .Textbox,
#SideGiftCertificateCodeBox .button {
  float: left;
}

#SideCouponCodeBox .CouponCode,
#SideGiftCertificateCodeBox form {
  overflow: hidden;
}

#SideCouponCodeBox .button,
#SideGiftCertificateCodeBox .button {
  margin-left: 5px;
}

/* == Side Category List ==  */

#SideCategoryList ul {
  margin-bottom: 0;
}

/* == Side Category Popout == */

/*#SideCatPopOut {
  position: relative;
  z-index: 69;
}

#SideCatPopOut ul li {
  position: relative;
}

#SideCatPopOut ul li a {
  position: relative;
}

#SideCatPopOut ul li a .caret {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  text-indent: -99999px;
  *text-indent: 0;
  vertical-align: top;
  border-top: 4px solid transparent;
  border-left: 4px solid #777;
  border-bottom: 4px solid transparent;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}

#SideCatPopOut > ul > li > a:hover > .caret,
#SideCatPopOut > ul > li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}*/

#SideCategoryList ul {
  width: 100%;
}

#SideCategoryList ul li {
  border-bottom: 1px solid #ddd;
  width: 100%;
}

#SideCategoryList ul li a {
  text-decoration: none;
  padding: 5px 10px;
}

#SideCategoryList ul li.sfHover > a,
#SideCategoryList ul li a:hover {
  background: #f7941d;
  color: #fff;
}

#SideCategoryList .sf-menu .sf-sub-indicator {
  display: none;
}

/* popout styles */
#SideCatPopOut ul li ul {
  position: absolute;
  top: -4px;
  left: 100%;
  z-index: 1000;
  float: left;
  display: none;
  width: 290px;
  padding: 5px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc!important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

#SideCatPopOut ul li ul:before {
  content: '';
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #ccc;
  border-bottom: 7px solid transparent;
  position: absolute;
  top: 7px;
  left: -7px;
}

#SideCatPopOut ul li ul:after {
  content: '';
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 8px;
  left: -6px;
}

#SideCatPopOut ul li ul li {
  margin: 0px 3px;
}

#SideCatPopOut ul li:hover,
#SideCatPopOut ul .dropdown.open {
*z-index: 1000;
}

#SideCatPopOut ul li a:active,
#SideCatPopOut .dropdown-toggle:active,
#SideCatPopOut .open .dropdown-toggle {
  outline: 0;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown */
#SideCatPopOut ul li:hover > ul { display: block; }
#SideCatPopOut ul .dropdown.open > .dropdown-menu {
  display: block;
}

#SideCatPopOut li li a {
  display: block;
  padding: 4px 15px;
  clear: both;
  font-weight: 400;
  text-decoration: none;
  color: #555555;
  white-space: nowrap;
}

#SideCatPopOut ul li ul a:hover {
  color: #fff;
  background: #f7941d;
}

/* 2nd level and below drop down styles */
#SideCatPopOut ul li ul li ul {
  left: 220px;
}

#SideCatPopOut ul li ul li > a:hover > .caret {
  border-left: 4px solid #fff;
}

#SideCatPopOut ul li ul li.dropdown.open > a > .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* End Side Category PopOut */

/* =============================================================================
   Footer !n! !ftr
   ========================================================================== */

#footer-cta {
  background: #eb5b5b;
  color: #fff;
  margin-top: 30px;
  padding: 10px 0;
}

#footer-cta p {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.3;
}

#footer-cta p strong {
  display: block;
  text-transform: uppercase;
  font-size: 24px;
}

#FooterOuter {
  background: #eee;
  padding: 20px 0;
}

#Footer {
}

#FooterMenu {
  margin-bottom: 1em;
}

#FooterMenu .nav {
  margin-bottom: 0;
}

#FooterMenu .nav ul {
  display: none;
}

#FooterMenu li {
  display: inline-block;
  margin-left:  15px;
}

#FooterMenu li:first-child {
  margin-left: 0;
}

#FooterMenu a {
  text-decoration: none;
  color: #222;
}

#FooterMenu li.ActivePage > a {
  color: #999;
}

#footer-nav ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

#footer-nav ul li {
  margin-bottom: 5px;
}

#footer-nav ul li a {
  text-decoration: none;
}

#copyright {
  font-size: .9em;
  margin:30px 0 8px;
}

#design-by {
  font-size: .8em;
}

#socnet {
  padding: 0;
}

#socnet a {
  margin: 0 5px 10px;
}

#footer-contact a {
  text-decoration: none;
}

#footer-contact .grid-1 {
  width: 40px;
}

#footer-contact .grid-2 {
  width: 160px;
}

#footer-contact .space-top {
  margin-top: 10px;
}

.footer-icon {
  background: #eb5b5b;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 7px;
  border-radius: 20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
}

/* =============================================================================
   Miscelaneous !n! !msc
   ========================================================================== */

/* messages */

.InfoMessage {
  background: #f4f4f4 url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/InfoMessage.gif?t=1486682323) no-repeat 5px 8px;
  color: #606060;
  border-radius: 10px;
  box-shadow: 2px 2px 10px !important;
  border: 2px solid #DADADA !important;
}


.SpecificInfoMessage {
  color: #606060;
  background-color: #f4f4f4;
}

.Message {
  border-radius: 10px;
  box-shadow: 2px 2px 10px !important;
  border: 2px solid #DADADA !important;
}

.SuccessMessage {
  background: #f4f4f4 url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/SuccessMessage.gif?t=1486682323) no-repeat 5px 8px;
  color: #606060;
}

.ErrorMessage {
  background: #FFECEC url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/ErrorMessage.gif?t=1486682323) no-repeat 5px 8px;
  color: #606060;
  border-radius: 25px;
}

select[id*="qty_"] {
  width: 75px;
  margin:0;
}

/* Tabbed Navigation */
.TabNav:before,
.TabNav:after {
  content: " ";
  display: table;
}

.TabNav:after {
  clear: both;
}

.TabNav {
  *zoom: 1;
}

.TabNav, .TabNav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.TabNav li {
  float: left;
  margin-left: 8px;
  cursor: pointer; /* for social share tabs on order.html */
}

.TabNav li:first-child {
  margin-left: 0;
}

.TabNav li a {
  display: block;
}

.TabNav li a,
#share-product .TabNav li {
  padding: 8px 10px;
  background: #E5E5E5;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: #222;
  border-radius: 5px 5px 0px 0px;
}

.TabNav li a:hover {
  text-decoration: none;
}

.TabNav li.Active a,
#share-product .TabNav li.active {
  background: #F4F4F4;
  color: #222;
}

.TabPanels,
#tabcontent.TabPanels {
  margin-bottom: 1em;
  padding: 10px 10px;
  background: #F4F4F4;
  /* for social share tabs on order.html */
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Compare Button */
.CompareButton {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 15px;
}
.CompareButton .button {
  float: right;
  margin-left: 10px;
}

.modalClose {
  background: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/img/close.gif?t=1486682323) no-repeat right top !important;
}

/* =============================================================================
   Pages !n! !pgs
   ========================================================================== */



/* =============================================================================
   Category !n! !ctg
   ========================================================================== */

/* Category Pagination */

.CategoryPagination .inner {
  float: right;
}

.CategoryPagination ul {
  list-style: none;
  padding: 0;
}

.CategoryPagination,
.CategoryPagination a {
  display: block;
  color: #595959;
  font-weight: 400;
  text-decoration: none;
}

.CategoryPagination .PagePrev,
.CategoryPagination .PageNext,
.CategoryPagination .PagingList,
.CategoryPagination .PagingList li {
  float: left;
}

.CategoryPagination .PagingList li,
.CategoryPagination .PageNext {
  margin-left: 3px;
}

.CategoryPagination a,
.CategoryPagination .PagingList li.ActivePage {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.CategoryPagination .PagePrev a,
.CategoryPagination .PageNext a {
  text-indent: -10000em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.CategoryPagination .PagePrev a {
  background-image: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/img/bg-pageprev.png?t=1486682323);
}

.CategoryPagination .PageNext a {
  background-image: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/img/bg-pagenext.png?t=1486682323);
}
.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination .PagePrev a:hover,
.CategoryPagination .PageNext a:hover,
.CategoryPagination .PagingList li a:hover {
  color: #595959;
  background-color: #eee;
  text-decoration: none;
}

/* SubCategory and SubBrand List */

.SubBrandList li, .SubCategoryList li {
    display: block;
    padding: 5px;
    margin: 5px;
}
.SubBrandList li:before,
.SubCategoryList li:before {
  content: none;
}

/* SubCategory and SubBrand List Grids */

.SubCategoryListGrid {
  border-bottom: 1px solid #bbb;
  margin-bottom: 1.2em;
}

.SubBrandListGrid ul,
.SubCategoryListGrid ul {
  /* Stretches left and right so it lines up with .Content. Use same amount of li padding to line up properly. */
  margin: 0 -10px;
}

.SubBrandListGrid li,
.SubCategoryListGrid li {
  width: 160px !important;
  height: auto !important;
  margin-bottom: 4px;
  padding: 10px;
}

.SubBrandListGrid li > div,
.SubCategoryListGrid li > div {
  height: 200px;
}

.SubBrandListGrid .SubBrandImage,
.SubCategoryListGrid .SubCatImage {
  display: table-cell;
  width: 158px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}

.SubBrandListGrid li img,
.SubCategoryListGrid li img {
  max-width: 100%;
  height: auto;
}

.SubBrandListGrid .SubBrandName,
.SubCategoryListGrid .SubCatName {
  display: block;
  margin-top: 5px;
  font-weight: 700;
}

/* =============================================================================
   Product Lists !n! !pls
   ========================================================================== */

.Content .ProductList {
  margin: 0 0 0 -20px; /* To pull up all in a nice row */
}

.Content .ProductList li {
  /*margin: 0 0 20px 20px; */
  min-height: 250px;
}

.Content .ProductList li {
    width: 225px !important;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

.Content .ProductList li .ProductImage img {
  transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -ms-transition: all 0.1s ease-in;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-backface-visibility:hidden;
}

.Content .ProductList li:hover .ProductImage img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
}

.Content .ProductList li .ProductPriceRating em {
  font-size: 18px;
  margin-bottom: 3px;
}

.Content .ProductList li .ProductDetails {
  margin:5px 0;
  padding: 0 5px;
}

.Content .ProductList li .ProductDetails strong {
  font-weight: 400;
  font-size: 16px;
}

.Content .ProductList.List {
  margin: 0;
}

.Content .ProductList.List li {
  width: 100% !important;
}

.Content .ProductList li .item-wrap{
  background: ;
  padding: 5px 0;
}

/* HOVER Transitions */

.Content .ProductList li.hover-cart .hover-wrap {
  display: block;
  position: relative;
  overflow: hidden;
}

.Content .ProductList li.hover-cart .ProductActionAdd {
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 75%;
    padding: 15px 0;
    transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    margin-left: 30px;
	margin-bottom: -5px;
}

.Content .ProductList li.hover-cart:hover .ProductActionAdd {
  bottom: 0;
}

.Content .ProductList li.hover-cart .ProductActionAdd a {
  display: block;
  font-size: 16px;
  padding: 16px 12px !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* == SEE ie.css For INTERNET EXPLORER SPECIFIC PRODUCT LIST STYLES == */

#fastCartContainer .fastCartContent .ProductList li {
  width: 148px !important;
  padding: 0 !important;
  margin: 3px 8px !important;
  text-align: center;
}
#fastCartContainer .fastCartContent .ProductList .ProductImage img {
  width: auto !important;
  height: 100% !important;
}

#fastCartContainer .fastCartContent .ProductList li .ProductActionAdd a {
  font-size: 12px;
}

#fastCartContainer .ProductList .ProductImage {
  width: 100%;
}

#fastCartContainer .fastCartContent .ProductDetails {
  margin-top: 10px;
}

.fastCartSummaryBox { max-width: 210px; }

#fastCartContainer .fastCartContent .CheckoutButton .button { padding: 8px 10px !important; margin-bottom: 10px; }

/* Search Page */

#SearchResultsProduct .ProductList li { margin-left: 13px; }

/* =============================================================================
   Product !n! !prd
   ========================================================================== */

/* Product Thumb Wrapper and Product Main Widths */

#ProductDetails .ProductThumbWrap,
.PrimaryProductDetails .ProductMain {
  float: left;
}

#ProductDetails .ProductThumbWrap {
  width: 45%;
  margin-bottom: 30px;
}

.PrimaryProductDetails .ProductMain {
  width: 55%;
  padding-left: 20px;
  position: relative;
}

#SimilarProductsByCustomerViews .ProductList li { width: 210px !important; }

/* == Product Thumb ========================================================== */

#ProductDetails .ProductThumb {
  width: auto !important;
  height: auto !important;
}

#ProductDetails .ProductThumbImage {
  width: 100% !important;
  /* This can be uncommented if client doesn't have consistent image sizes/ratios
  height: 300px;
  */
}

/* Scale Product Images */
/* When zoom is disabled */
#ProductDetails .ProductThumbImage a[rel="prodImage"] > img,
/* When zoom is enabled */
#ProductDetails .ProductThumbImage .zoomPad > img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

/* Product Image Gallery Carousel */

#ProductDetails .ProductTinyImageList {
  clear: both;
}

#ProductDetails .ProductTinyImageList li,
#ProductDetails .ProductTinyImageList li * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#ProductDetails .ProductTinyImageList li {
  border: 1px solid transparent !important;
}

#ProductDetails .ProductTinyImageList li[style*="rgb"] {
  border: 1px solid #ccc !important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv {
  border: 0px solid #fff !important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv img {
  padding: 0 !important;
}

/* == Product Main ========================================================== */

#ProductDetails hr {
  display: none;
}

.ShareButtonsWrap {
  clear: both;
  /*position: absolute;
  top: -32px;
  right: 5px;*/
  margin-bottom: 12px;
}

.PinterestButtonContainer {
  float: left;
  margin: 0 !important;
}

.AddThisButtonBox {
  float: left;
  clear: none;
  width: auto!important;
  margin: 4px 0 0 2px !important;
  padding: 0!important;
  text-align: left!important;
}

.addthis_counter.addthis_pill_style {
    display: block;
    height: 25px;
    overflow: hidden;
    padding-left: 5px;
}

/* Details Grid */

.ProductDetailsGrid .DetailRow {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #dbdbdb;
}

.ProductDetailsGrid .DetailRow.PriceRow {
  margin: 0 0 20px;
  padding: 15px 0;
  background: #f4f4f4;
  border-top: 1px dotted #dbdbdb;
  border-radius: 10px;
}

.ProductAddToCart .AddCartButton {
  width: 100%;
  margin-top: 10px;
}

.ProductAddToCart .BulkDiscount {
  float: right;
}

.ProductAddToCart .BulkDiscount .button {
    font-size: 24px;
    border: 2px solid #fff;
    padding: 12px 20px !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.88);
    border-radius: 8px;
}

.product #SideProductAddToWishList {
  text-align: right;
}

.productAttributeValue .productAttributeFluidWidth {
  width: 100% !important;
}

/* Product Videos */

.VideoOverlay {
  background: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/VideoOverlay.png?t=1486682323) no-repeat center center;
}

#VideoContainer {
  overflow: hidden;
}

/* Changing the width and the video will adjust due to the flex video wrapper*/
#FeaturedVideoWrap {
  width: 60%;
  padding-right: 20px;
}

#VideoList {
  width: 40%;
  height: 100%;
}

#VideoList ul {
  width: 100%;
  height: 0;
  /* this percentage padding helps keep the height approximate to the video height based on the video width */
  padding-bottom: 92.481203007519%;
}

/* =============================================================================
   Cart !n! !crt
   ========================================================================== */

.CartContents .CartProductFieldsLink {
  background: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/GiftWrappingAvailable.gif?t=1486682323) no-repeat;
}

.WrappingOptions {
  background: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/images/GiftWrappingAvailable.gif?t=1486682323) no-repeat;
}

/* =============================================================================
   Checkout !n! !chk
   ========================================================================== */

.ExpressCheckoutContent label {
  margin-left: 3px;
}

.ExpressCheckoutBlock .ExpressCheckoutTitle {
  background: #E0E0E0;
  border: 1px solid #ccc;
}

.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
  background: #F7F7F7;
  border: 1px solid #e5e5ef;
  color: #555;
}

.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
  color: #888;
}

.ExpressCheckoutCompletedContent {
  left: 325px;
}

.CheckoutRedeemCoupon {
  padding: 5px 10px;
  margin: 0 0 10px 10px;
}

select[name="sel_billing_address"],
select[name="sel_shipping_address"] {
  height: auto;
}

.CreateAccount, .AccountLogin { width: 50%; float: left; }
.CreateAccount { padding-right: 20px; }

.ExpressCheckout dl {
  overflow: hidden;
}

.ExpressCheckout dt {
  float: left;
  width: 30%;
}

.ExpressCheckout dd {
  float: left;
  width: 70%;
}

.ExpressCheckout input[type="text"], .ExpressCheckout input[type="password"] { width: 200px; }

/* =============================================================================
   Order !n! !ord
   ========================================================================== */

#share-product ul.tabs li {
  padding: 6px 8px 6px 8px;
}

#share-product #tabcontent {
  *zoom: 1;
}

#share-product #tabcontent:before,
#share-product #tabcontent:after {
  content: " ";
  display: table;
}

#share-product #tabcontent:after {
  clear: both;
}

#share-product #tabcontent .photo {
  margin-right: 10px;
}

#share-product #tabcontent .photo img {
  width: 100%;
  height: auto;
}

#share-product #tabcontent .photo + div {
  overflow: hidden;
}

/* =============================================================================
   Account !n! !acct
   ========================================================================== */

.LoginForm .CreateAccount,
.LoginForm .AccountLogin {
  display: table-cell;
  width: 50%;
}

.LoginForm .CreateAccount {
  border-right: 1px solid #ccc;
  padding-right: 20px;
}

.LoginForm .AccountLogin {
  padding-left: 20px;
}

#LoginButton {
  margin-bottom: 10px;
}

#FormField_13 {
  width: 120px !important;
}

.PL20 {
  padding: 0;
}

form dd {
  margin-left: 0;
}

.account .Content ul,
.checkout .Content ul {
  list-style: none;
  padding-left: 0;
}

#CreateAccountForm dt {
  float: left;
  width: 25%;
}

#CreateAccountForm dd {
  float: left;
  width: 75%;
}

#CreateAccountForm input[type="text"], #CreateAccountForm input[type="password"] { width: 200px; }

/* =============================================================================
   Home Page !n! !hpg
   ========================================================================== */

.parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* == Bigcommerce Slider == */

.slide-show {
  margin-bottom: 20px;
}

.slide-show-render,
.slide-show-render-full .slide-heading,
.slide-show-render-full .slide-text {
  font-family: sans-serif;
}

.slide-show-render .slides,
.slide-show-render .slides li,
.slide-show-render-full .slide-content {
  width: auto;
  height: auto;
}

.slide-show-render .slides li {
  border-bottom: none;
}

.slide-show-render .slides li a {
  text-decoration: none;
}

.slide-heading,
.slide-show-render-full .slide-heading {
  font-family: 'Lato', sans-serif;
  font-size: 46px;
  font-weight: 700;
  margin-bottom: 15px;
}

.slide-show-render.slide-show:hover .flex-next { right: 10px; }
.slide-show-render.slide-show:hover .flex-prev { left:10px; }

/* == Custom Flexslider == */

#custom-slider {
  background-image: url(//cdn2.bigcommerce.com/server100/5307a/templates/__custom/img/bg-slider-1.jpg?t=1486682323);
  height: 400px;
  margin-bottom: 60px;
  position: relative;
}

#custom-slider ul.slides > li {
  color: #;
  padding-top: 30px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.2);
  background-repeat: no-repeat;
  background-position: top center;
}

.flex-control-nav {
  bottom: -30px;
}

.flex-control-paging li a.flex-active { background: #eb5b5b; }

#custom-slider .large {
  font-size: 1.3em;
}

.flex-direction-nav a {
  top: 45%;
}

.flexslider .slides img {
  width: auto;
  display: inherit;
}

/* == jCarousel Styles == */

.jcarousel {
  margin: 0 auto;
}

#carousel.jcarousellite {
  position: relative;
}

#carousel.jcarousellite .prev,
#carousel.jcarousellite .next {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  text-indent: -10000em;
}

#carousel.jcarousellite .prev {
  left: 0px;
  border-right: 15px solid #252525;
}

#carousel.jcarousellite .next {
  right:0px;
  border-left: 15px solid #252525;
}

#carousel.jcarousellite .prev:hover,
#carousel.jcarousellite .next:hover {
  opacity: .4;
  filter: alpha(opacity=40);
}

/*== End jCarousel Lite Styles == */

/* == Elastislide Styles == */

#carousel.es-carousel-wrapper {
  padding:0px 30px;
  position:relative;
}

#carousel .es-carousel {
  overflow:hidden;
}

#carousel .es-carousel ul {
  display:none;
}

#carousel .es-carousel ul li {
  float:left;
  display:block;
}

#carousel .es-nav span {
  diplay: block;
  margin-top: -20px;
  width: 0;
  height: 0;
  text-indent:-9000px;
  cursor:pointer;
  opacity:0.8;
  position: absolute;
  top: 50%;
}

#carousel .es-nav span.es-nav-prev {
  left: 0px;
  border-top: 20px solid transparent;
  border-right: 15px solid #252525;
  border-bottom: 20px solid transparent;
}

#carousel .es-nav span.es-nav-next {
  right:0px;
  border-top: 20px solid transparent;
  border-left: 15px solid #252525;
  border-bottom: 20px solid transparent;
}

#carousel .es-nav span.es-nav-prev[style*="none"],
#carousel .es-nav span.es-nav-next[style*="none"] {
  display: block !important;
  opacity: .4;
  filter: alpha(opacity=40);
}

/* == End Elastislide Styles == */

/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

  .productOptionViewRectangle input,
  .productOptionPickListSwatch input {
    display: none;
  }

}
.modalContainer {
    position: fixed;
    z-index: 3100;
    width: 725px !important;
    margin-left: -350px;
    top: 15%;
    display: block;
    height: 287.2px;
    bottom: 0px;
    overflow-y: ;
}

.ModalContent {
    border: 1px solid #606263;
    border-top-width: 0;
    background: #fff;
    margin: 0;
    text-align: left;
    color: #444;
    padding: 10px;
    border-radius: 0 0 10px 10px !important;
}