/*
Template Name:      MadBC
Description:        Starting template for BigCommerce
Version:            3.0.1
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            October 5, 2012
*/

/*
  *** TABLE OF CONTENTS ***
  ------------------------------------------------------------------------------  
  Following the name of each section is !n! and a 3 or more digit code, for.PrimaryProductDetails .ProductMain
  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
  ------------------------slider------------------------------------------------------

  ---------------------------------------------
  Style Away!!!
  ----------------------------------------------
  Base = !bas#SideCatPopOut ul li a
  Primary Container Widths, Base Styles, and Blue Reset Styles = prm
  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
  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
   ========================================================================== */

@import url(//fonts.googleapis.com/css?family=Myriad Pro:400,700);
@import url(//fonts.googleapis.com/css?family=Lato);
@font-face {
    font-family: 'CardoBold';
    src: url('Cardob101-webfont.eot');
    src: url('Cardob101-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cardob101-webfont.woff') format('woff'),
         url('Cardob101-webfont.ttf') format('truetype'),
         url('Cardob101-webfont.svg#CardoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CardoRegular';
    src: url('Cardo104s-webfont.eot');
    src: url('Cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cardo104s-webfont.woff') format('woff'),
         url('Cardo104s-webfont.ttf') format('truetype'),
         url('Cardo104s-webfont.svg#CardoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {
min-height:100%;
}

html,
body,
button,
input,
select,
textarea {
  font-family: 'Helvetica';
}

body {
/*background:url('https://cdn2.bigcommerce.com/n-arxsrf/lxku4v/product_images/uploaded_images/background.jpg?t=1415300069') no-repeat top center transparent;*/
background: #fff;
  font-size: 14px;
  line-height: 1.4;
  -webkit-background-size: 2150px 1704px;
min-height: 100%;
}

html,
body,
button,
input,
select,
textarea,
.Content h2 {
  color: #222;

}

h1,
h2,
h3,
h4,
h5,
h6,
.Content h2,
.TitleHeading {
  margin: 0;
  font-family: inherit;
  font-weight: lighter;
  color: inherit;
}

h1 {
  margin-bottom: 0.67em;
  font-size: 1.5em;
  line-height: 1.2;
}

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

h3,
.Content h3 {
  margin-bottom: 1em;
  font-size: 1.17em;
  line-height: 1.3;
font-weight:bold;
}

h4 {
  margin-bottom: 1.33em;
  font-size: 1em;
  line-height: 1.25;
  color: #000000;
}

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

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

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

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

.icon {
  vertical-align: middle;
}
a img {
    border: 0;
}

img.left,
p img.left {
  margin: 0 1.5em 1.5em 0;
  float: left;
}

img.right,
p img.right {
  margin: 0 0 1.5em 1.5em;
  float: right;
}

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

a,
.Content a {
  color: #000;
}

a:hover,
.Content a:hover,
a:focus,
.Content a:focus {
  color: #444;
}

a:hover,
a:active {
  outline: none;
  text-decoration:none;
  color:#444;
}

a:active,
input.button:active,
input[type=submit]:active,
input[type=button]:active {
  outline: 0;
}

a.ChangeLink:active {
  position: absolute;
  top: auto;
  right: 15px;
}

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

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

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

/* == Buttons =============================================================== */
.button,
.sharebutton,
.sharebutton a,
.Content a.button,
input[type=submit],
input[type=button],
button {
  display: inline-block;
  padding: .3em .7em .2em !important;
  font-size: 17px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #00abc9;
  border-color: #00abc9;
  border: none;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
  cursor: pointer;
  -webkit-appearance: none;
  font-family:'Helvetica';
} 
quotebutton {
  display: inline-block;
  width: auto !important;
  padding: .3em .7em .2em !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #00abc9;
  border-color: #00abc9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  font-family:'Helvetica';
}
#quotebutton {
margin-right:-30px;
  display: inline-block;
  width: auto !important;
  padding: .3em .7em .2em !important;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #00abc9;
  border-color: #00abc9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  font-family:'Arial';
}
#bulkbutton {
margin-right:-60px;
margin-top:8px;
  display: inline-block;
  width: auto !important;
  padding: .3em .7em .2em !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #00abc9;
  border-color: #00abc9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  font-family:'Arial';
}
#bottomh1 h1{
text-align:center; 
background:#999999;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.button:hover,
.sharebutton,
.sharebutton a:hover,
.Content a.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
  font-size: 17px;
  text-decoration: none;
  background: #02789c;
  color: #ffffff;
}

.sharebutton {
  padding: 0 !important;
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.button.download {
  margin-bottom: 10px;
}

.AccountOrderStatusList li form {
  margin-bottom: 4px;
}

#ProductReviews .button {
  float: right;
}

#LoginButton {
  margin-bottom: 12px;
}

.AddCartButton input.button {
  /*margin: -4px 0 0 100px;*/
  font-size:28px;
float:right;
margin-left:400px;
}

.CheckoutButton {
  margin-bottom: 1.5em;
}


input.button[value="update quantity"] {
  margin-top: 5px;
}

/* == Forms =================================================================== */

textarea {
  overflow: auto;
}

#LoginForm form input[type=text] {
  margin: 0;
}

.HorizontalFormContainer dd {
  padding: 8px 0 0;
}

.HorizontalFormContainer dt {
padding: 18px 0 0;
line-height:.9px;
}

/* == 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:bold;
  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 and Container Reset Styles !n! !prm
   
   ** NOT FOR CONTENT SPECIFIC STYLES for example styling what is inside the
   header, footer, content areas, etc.
   ** USE APPROPRIATE SECTION(S) FOR THAT
   ========================================================================== */

#Container {
  width: auto;
  margin: 0;
}

#Outer {
  background: none;
  margin: 0;
}

#TopMenu,
#PrimaryMenu,
#Wrapper,
#Footer {
  width: 100%;
  margin: 0 auto;
}

#Header {
   width: 100%;
   margin: 0 auto;

}

#TopMenuOuter,
#HeaderOuter,
#PrimaryMenuOuter,
#WrapperOuter,
#FooterOuter {
  width: 100%;
  min-width:1181px;
}

#HeaderOuter,
#Header,
#PrimaryMenuOuter {
  position: relative;
}

#HeaderOuter {
  margin-top:15px;
}

#TopMenu,
#Header {
  height: auto;
}

#Header,
#Footer {
  padding: 0;
  border: none;
}

#Header ul,
#PrimaryMenu ul,
#Footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#WrapperOuter {

}

#Wrapper {
  text-align: left;
  *zoom: 1;
}
#Wrapper:before,
#Wrapper:after {
  content: "";
  display: table;
}
#Wrapper:after {
  clear: both;
}

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

/* == TopMenu =============================================================== */ 
  
#TopMenu {
border-bottom: 1px solid #e5e5e5;
width: 100%;
font-family: 'Helvetica';
background: #283442;
height: 45px;
min-width: 1050px;
}

#TopMenu ul {
  float: right;
  margin-right:20px;
}

#TopMenu li a,
#TopMenu li div {
  color: #fff;
  border: none;
  font-size: .95em;
  margin: 12px 0 0 0;
  padding: 0 10px;
}

#cptop {
  color: #909090;
  border: none;
  font-size: .95em;
  margin: 8px 0 0 0;
  padding: 0 10px;
  font-weight:bold;
}

#TopMenu li a:hover {
  color: #7dc736;
  text-decoration:none;
}
#TopMenu .CartLink a {
  padding:1px 25px 1px 5px;
  background:url(https://cdn2.bigcommerce.com/n-arxsrf/lxku4v/product_images/uploaded_images/cart-icon.png?t=1415382325) no-repeat center right transparent;
}
#TopMenu .CartLink a span {
  color: #82b53f;
  font-weight:bold;
}

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

#HeaderOuter {
  background: none;
}

#Header {
}

#Header .right {
  float:left;
  margin-left: 330px;
width: 80%;
margin-top:-90px;
}
#Header .right .socialMedia {
  text-align:right;
  margin-bottom:19px;
}
.phone {

  float:left;
  font-size:.9em;
  font-family:Helvetica;
  line-height:1.9;
  margin-left:15px;
}
  .phone em,
  .phone span,
  .phone a {

    font-style:normal;
  }

  .phone span { text-align:left; }
  .phone a { color: #fff; text-decoration:none; font-size:2.2em; }

  .phone em,
  .phone span {
    color: #fff;
  }



/* == Logo ================================================================== */
 
#Logo {
  float: left;
  width: auto;
}

#Logo img {
  display: block;
  margin-bottom: 16px;
}

/* == Search Form =========================================================== */

#SearchForm {
/*width: 85%;*/
/* height: 20px; */
/* margin-top: 7px; */
/* margin-right: 20px; */
/* margin-left: 10px; */
/* padding: 1px; */
/*border: 1px solid #B3B3B3;*/
/* border-radius: 5px; */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: inset 0 0 5px #666;
/* -webkit-box-shadow: inset 0 0 1px #666; */
/* box-shadow: inset 0 0 2px #666; */
}

#SearchForm #search_query,
#SearchForm input.button {

}
#SearchForm input.button {
background: #7dc736;
height: 30px!important;
 margin-left: -3px; 
float: right;
}

#SearchForm #search_query {
font-size: 1em;
background: #f2f2f2;
color: #000;
font-family: 'Helvetica';
line-height: 1.1;
margin-left: 15px;
height: 30px;
min-width: 300px; 
}

#SearchForm p {
  clear: both;
  margin: 0;
  text-align: left;
}

#SearchForm a {
  color: #06c;
}

#SearchForm a:hover {
  color: #09f;
}

.QuickSearch {
  z-index: 9999;
  margin-left:-3px;
  margin-top:5px;
  width:72%;
}

.QuickSearchHover td {
  background: #f4f4f4;
}

.QuickSearch a,
.QuickSearch a:hover {
  color: #4D4C51;
}

/* == 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: none;
  position: relative;
  z-index: 10;
  margin-top:-59px;
  margin-bottom: 70px;
}

#PrimaryMenu {
    background:#82b53f;
    /*background:url(../../img/logo.png) no-repeat 0 -109px #82b53f;*/
    /*background:url(../../img/logo.png) no-repeat 0 -106px #82b53f;*/
    height:108px;
    position:relative;
}

#PrimaryMenu > ul {
  position:absolute;
  top:0;
  left:0;
}


#PrimaryMenu > ul > li {
  float: left;
  background:url(../../img/bg-menuitem.png) no-repeat top right transparent;
}
#PrimaryMenu > ul > li.last {
  background:none;
}
#PrimaryMenu > ul > li > span {
  padding: 15px 31px 13px 31px;
  height:24px;
  display:block;
}
#PrimaryMenu > ul > li:first-child {
  background:none;
}

#PrimaryMenu li {
  margin-bottom: 0;
}


#PrimaryMenu > ul > li > a {
  display: block;
  padding: 15px 19px 13px 19px;
  font-size: 1.3em;
  font-weight:bold;
  text-decoration: none;
  color: #17207b;
  font-family:Helvetica;
  text-transform:uppercase;
  margin-left:7px;
}

#PrimaryMenu a {
  text-decoration: none;
}

#PrimaryMenu ul li a .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 6px;
  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 #fff;
  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: #d7bf3f;
}

#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;
  margin-left:-48px;
  margin-right:30px;

}

#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: 2000;
  float: left;
  display: none;
  width: 283px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
}

#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: 1001;
}

/* Uncomment and remove js in scripts.js if you desire non touch/mobile friendly hover dropdown */
#PrimaryMenu ul li: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: normal;
  color: #555555;
  white-space: nowrap;
    margin-left: 45px;
}

#PrimaryMenu ul li ul a:hover {
  color: #3399cc;
  /*background: #82b53f;*/
  width: 250px;
}

/* 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;
}

#PromoBar {
  margin:0 auto;
  width:950px;
  overflow:hidden;
  position:absolute;
  top:53px;
  left:0;
}

/* End Navigation */

/* =============================================================================
   Content !n! !cnt
   ========================================================================== */
.SearchContent.Wide{
width: 70%;
margin: 0;
padding: 0;
min-width: 750px;
}

.Content,
.Content.Wide,
.Content.Widest {
  background: none;
  min-height: 0;
}

.Content {
  width: 500px;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 1em;
}

.Content.Wide {
  width: 63%;
  margin: 0;
  padding: 0;
min-width:727px;
}

.Content.Widest {
  width: 100%;
  margin: 0;
  padding: 0;
}
.Content > .Block {
  margin-top:0;
}

.page-title h1 {
  color: #283442;
  font-family:'Helvetica';
  font-weight:bold;
  font-size:1.2em;
}
.page-title:before,
.page-title:after {
  content: "";
  display: table;
}
.page-title:after {
  clear: both;
}
.page-title {
  *zoom: 1;
}

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

.Left {
  max-width: 208px;
  width: 20%;
  margin-right: 12px;
  margin-left:10px;
  background:#f7f6f0;
  color:#fff;
  box-shadow:0 0 1px 0px #000;
  -moz-box-shadow:0 0 1px 0px #000;
  -webkit-box-shadow:0 0 1px 0px #000;

}

.Right {
width:15%;
  margin: 0;
  background:#f7f6f0;
  color:#fff;
margin-left:10px;
margin-right:10px;
float:right;
}
.Right .BlockContent {
  

}

.Left,
.Right {
  font-size: .94em;
  min-height: 0;
}

.Left h3,
.Right h3 {
  width: auto;
  font-size:1.2em;
  margin: 0;
  background: #efefe6;
  color:#000000;
  font-family:'Helvetica';
  padding:3px 0 0 10px;
}
.Left .Block:first-child,
.Right .Block:first-child {
  margin-top:0;
}

.Left li,
.Right li {
  border: none;
}

.Left a {
display: block;
color:#000000;
}

.Right a:hover {
  display: block;
  color:#194a85 ;
}
.Left ul li a:hover,
.Right ul li a:hover {
  color:#ccc;
  text-decoration:none;
}

.Left .BlockContent,
.Right .BlockContent {
  margin: 0;
}

.Left .ProductList li,
.Right .ProductList li {
  width: auto;
  border-bottom: 1px solid #ddd;
}

.Left ul li a {
  padding-left:15px;
}

/* Side Gift Certificate Boxes */

#SideCouponCodeBox hr,
#SideGiftCertificateCodeBox hr {
  display: none;
}
#SideCouponCodeBox,
#SideGiftCertificateCodeBox {
  border-bottom: 1px solid #DDD;
}

/* Side Top Sellers */

.Left .TopSellers li.TopSeller1,
.Right .TopSellers li.TopSeller1 {
  width: auto;
  border: 1px solid #ddd;
}

.Left .TopSellers .ProductDetails,
.Right .TopSellers .ProductDetails {
  width: auto;
  padding: 5px 10px;
}

/* Side Newsletter Box */

#SideNewsletterBox {
  padding:10px;
}
#SideNewsletterBox h4 {
  font-family:'Helvetica';
  font-size:1.9em;
  text-transform:uppercase;
  margin:0;
  padding:0;
}
#SideNewsletterBox p {
  font-size:.9em;
  margin: 0 0 6px 0;
  color:#000000;
}

#SideNewsletterBox p.bottom {
  margin-bottom: 0;
}

#SideNewsletterBox label {
  margin-bottom: 3px;
}

#SideNewsletterBox input {
  width: 162px;
  font-size: 1em;
  margin: 10px 0 0;
  color:#979797;
}
#SideNewsletterBox input.button {
  font-size:1.3em;
}

/* Side Category List */

.Left #SideCategoryList li ul {
  border-top: 1px solid #ddd;
}

/* == Side Category Popout == */

#SideCouponCodeBox .Textbox,
#SideCouponCodeBox .button,
#SideGiftCertificateCodeBox .Textbox,
#SideGiftCertificateCodeBox .button {
  float: left;
}
#SideCouponCodeBox .CouponCode,
#SideGiftCertificateCodeBox form {
  overflow: hidden;
}

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

#SideCatPopOut {
  position: relative;
  z-index: 6;
}

/* resets */

.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul {
  padding-left: 0;
}

.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li {
  padding: 0;
}

.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul {
  border: none;
}
/* --/-- */

#SideCatPopOut ul li {
  position: relative;
}

#SideCatPopOut ul li a {
  padding-top: 2px;
  padding-bottom:2px;
  border-bottom:1px solid #999999;
  color:#000000;
  font-size:12px;
  font-family: 'Helvetica';
}

#SideCatPopOut ul li a:hover {
color: #3399cc;
text-decoration:underline;
}

/* popout styles */
#SideCatPopOut ul li ul {
  width:100%;
  background:#ffffff;
  float: left;
  list-style: none;
}
.dropdown li {
font-weight:none;
}


/* End Side Category PopOut */

/* End Side Category PopOut */

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

#FooterOuter {
/*padding: 13px 0 5px;*/
  background: none;
}

#Footer {
  font-size: 1em;
  clear: both;
  text-align:left;
  width: 100%;
min-width:1050px;
}

/* Footer Navigation */

#FooterMenus .col {
  float:left;
  border-top:1px solid #D7D1C9;
  border-bottom:1px solid #D7D1C9;
  /*border-left:1px solid #7F7F7F;*/
  border-right:1px solid #ccc;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
  min-height:315px;
  padding-left:25px;
  padding-top:13px;
  padding-bottom:13px;
}
#FooterMenus .col1 { width: 25%; border-left:none; }
#FooterMenus .col2 { width: 25%; }
#FooterMenus .col3 { width: 25%; }
#FooterMenus .col4 { width: 25%; }
#FooterMenus .col5 { width: 25%; border-right:none; }

#FooterMenus ul li {
  display:block;
  float:none;
  color:#666;
  font-family:'Helvetica', 'Times New Roman', serif;
  line-height: 23px;
  font-size: 0.90em;
}
#FooterMenus ul li:first-child {
  font-family:'Helvetica';
  color:#212321;
  font-size:.95em;
  font-weight:bold;
text-transform: uppercase;
}
#FooterMenus ul li a {
  padding:0;
  border:0;
  color:#666;
}

#FooterMenus ul li a:hover{
  text-decoration: underline;
}

#FooterMenus ul li {
  display:block;
  float:none;
  color:#666;
  font-family:'Helvetica', 'Times New Roman', serif;
  line-height: 23px;
  font-size: 0.90em;
}

#BlogCatColumn ul li {
  display:block;
  float:none;
  color:#666;
  font-family:'Helvetica', 'Times New Roman', serif;
  line-height: 23px;
  font-size: 0.90em;
}
#BlogCatColumn ul li:first-child {
  font-family:'Helvetica';
  color:#212321;
  font-size:.95em;
  font-weight:bold;
text-transform: uppercase;
}
#BlogCatColumn ul li a {
  padding:0;
  border:0;
  color:#666;
}

#BlogCatColumn ul li a:hover{
  text-decoration: underline;
}

#BlogCatColumn ul li {
  display:block;
  float:none;
  color:#666;
  font-family:'Helvetica', 'Times New Roman', serif;
  line-height: 23px;
  font-size: 0.90em;
}


#Footer #design-by {
  font-size: .8em;
}
#Footer .socialMedia {
  margin-top:10px;
}

#copyright {
margin-top: 15px;
float:right;
   font-size: .85em;
margin-right:14px;
}
#Footer #bbb {
  float:left;
  margin-left:117px;
  margin-top:16px;
}
#Footer #FooterSecurity { float:right; }
#Footer #FooterSecurity .AuthorizeNetSeal { float:right; margin-top:8px; }
#Footer #FooterSecurity .siteseal { margin-top:28px; float:right; margin-right:10px; }

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

.Breadcrumb {
  font-size: 1em;
}

.Breadcrumb li:first-child {
  padding-left: 0;
}

.CustomWish.Breadcrumb li.last a {
  background: none;
}

.FeedLink {
  display: none;
}

select#qty_,
select[id*="qty_"] {
  width: 70px;
}

#ModalContainer.QuickViewModal .ModalContent {
  background: #fff;
}

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

.blog .FeedItem h3 {
  margin-bottom: .5em;
}

.blog .FeedItem .FeedContent p {
  margin-bottom: .5em;
}

/* =============================================================================
   Category !n! !ctg
   ========================================================================== */
  
.SortBox {
  float: right;
  margin: 5px 5px 0 0;
  font-size: 1em;
}

/* Category Pagination */

#CategoryPagingTop,
#CategoryPagingBottom {
  overflow: hidden;
}

.CategoryPagination {
  overflow: hidden;
  float: right;
}

.CategoryPagination,
.CategoryPagination a {
  display: block;
  color: #595959;
  font-weight: bold;
  text-decoration: none;
  background:none;
  border: none;
  border-image: initial;
}

.search .CategoryPagination a {
  background: #fff;
}

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

.CategoryPagination .PagingList li {
  float: left;
  padding: 0;
}

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

.CategoryPagination a,
.CategoryPagination .PagingList li.ActivePage {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  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(../../img/bg-pageprev.png);
}

.CategoryPagination .PageNext a {
  background-image: url(../../img/bg-pagenext.png);
}

.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;
}
#CategoryBanner {
  position:relative;
}
#CategoryBanner h1 {
  position:absolute;
  color:#575757;
  font-family:'Helvetica';
  font-size:2.0em;
  top:0px;
}

/* Sub Category and Sub Brand List */

.SubCategoryList,
.SubBrandList {
  background: none;
  overflow:hidden;
}
.SubCategoryList > b,
.SubBrandList > b {
  display:block;
  margin-bottom:6px;
  margin-left:25px;
}
.SubCategoryList a,
.SubBrandList a {
  color:#000;
  text-decoration:none;
}
.SubCategoryList a:hover,
.SubBrandList a:hover {
  color:#444;
}

.SubCategoryList ul,
.SubBrandList ul {
  margin-bottom: 0;
  padding-left: 0;
  width:650px;
  overflow:hidden;
}

.SubCategoryList li,
.SubBrandList li {
  background: url(../../images/IcoRating1.png) no-repeat 3px 1px;
  width:250px;
  float:left;
}

.SubCategoryList li:last-child,
.SubBrandList li:last-child {
  margin-bottom: 0;
}

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

.ProductList li .ProductCompareButton {
  text-align: left;
  display:none;
}

.Content .ProductList li,
.fastCartContent .ProductList li,
.Content .FeaturedProducts .ProductList li {
  background: none;
  border: 1px solid transparent;
}

.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over,
.Content .FeaturedProducts .ProductList li:hover,
.Content .FeaturedProducts .ProductList li.Over {
  background: none;
}

.Content #HomeFeaturedProducts .ProductList li {
  display:inline-block;
  float:none;
  width:300px!important;
}
.Content #HomeFeaturedProducts .ProductList .ProductImage {
  display:inline-block;
  width:300px!important;
  height:200px!important;
  border:0;
}
.Content #HomeFeaturedProducts .ProductList { text-align: center; }
.Content #HomeFeaturedProducts .ProductList .ProductImage {
  box-shadow:0 2px 10px -4px #444;
  -webkit-box-shadow:0 2px 10px -4px #444;
  -moz-box-shadow:0 2px 10px -4px #444;
  -o-box-shadow:0 2px 10px -4px #444;
  margin-bottom:10px;
}
.Content #HomeFeaturedProducts .ProductList .ProductImage img {
  width:auto;
  height:auto;
  max-width:300px;
  max-height:200px;
  margin-left:auto;
  margin-right:auto;
}
.Content #HomeFeaturedProducts .ProductList .ProductDetails a {
  font-family:'Helvetica';
  font-size:1em;
}
.Content #HomeFeaturedProducts .ProductList .ProductPriceRating em {
  color: #82b53f;
  font-size:1.4em;
  font-family:'Helvetica';
  font-weight: lighter;
}


#SideProductRelated ul li {
  width:171px!important;
  padding:0;
  margin:0 10px 0 0;
  text-align:center;

}
#SideProductRelated .ProductList .ProductImage {
  display:inline-block;
  width:135px!important;
  height:135px!important;
  border:0;
  box-shadow:0 2px 10px -4px #444;
  -webkit-box-shadow:0 2px 10px -4px #444;
  -moz-box-shadow:0 2px 10px -4px #444;
  -o-box-shadow:0 2px 10px -4px #444;

}
#SideProductRelated .ProductList .ProductImage img {
  max-width:100%;
}
#SideProductRelated .ProductList .ProductDetails a {
  color:#212421;
  font-family:'Helvetica';
  font-size:.85em;
}
#SideProductRelated .ProductList .ProductPriceRating em {
  color: #aa0000;
  font-size:1.4em;
  font-family:'Helvetica';
}



.ProductList.CustProdList { text-align: center; }
.ProductList.CustProdList li {
/*margin:0 13px 33px 0;
padding:0px 0px 30px 0px;*/
  overflow:visible;
  width:33%!important;
/*background: #f7f6f0;*/
margin-left:auto;
margin-right:auto;
border: 1px solid #CCC;
min-height:440px;
margin-bottom:-7px;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
}
.ProductList.CustProdList li.lastInRow {
  margin-right:0;
}
.ProductList.CustProdList .ProductImage {
/*box-shadow:0 2px 10px -4px #444;
border:1px solid #d4d4d4;*/
  height:230px!important;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  position:relative;
width:33%;
display:block;
margin-left:auto;
margin-right:auto;
}
.ProductList.CustProdList .ProductImage .inner {
  margin:2px;
  height:100%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.ProductList.CustProdList .ProductImage img {
max-width:250px;
max-height:229px;
}
.ProductList.CustProdList .ProductDetails {
  margin-top:5px;
  min-height:62px;
  margin-bottom:24px;
  position:relative;
}
.ProductList.CustProdList .ProductDetails a {
  color:#212421;
  font-family:'Helvetica', 'Times New Roman', serif;
  font-size:1.0em;
  font-weight:bold;
}
.ProductList.CustProdList .ProductDetails a:hover {
  font-family:'Helvetica', 'Times New Roman', serif;
  font-size:1.0em;
  text-decoration:underline;
}

.ProductList.CustProdList .ProductPriceRating {
  float:left;
  margin-left:3px;
  margin-right:5px;
}
strike { 
color: #17207b;
}
.ProductList.CustProdList .ProductPriceRating em {
  color: #aa0000;
  font-size:1.32em;
  font-family:'Helvetica';
  letter-spacing: -1px;
}
.ProductList.CustProdList .ProductActionAdd {
  float:right;
  margin-right:3px;
}
.ProductList.CustProdList .ProductActionAdd a {
  font-family:'Helvetica';
  color:#1853ff;
  text-decoration:none;
  padding-right:20px;
  font-size:1.0em;
  background:url(../../img/icon-cart-blue.png) no-repeat right 1px transparent;
  text-decoration:underline;
display:none;
}

.ProductList.List .ProductDetails a {
  color:#000000;
  font-weight:bold;
}
.ProductList.List .ProductPrice {
  color: aa0000;
  font-size:1.2em;
}

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

#ProductDetails .ProductThumbWrap {
  float: left;
position:relative;
}

#ProductDetails .ProductThumb {
  float: none;
  height: auto!important;
}
#ProductDetails .ProductThumbImage {
    border:2px solid #f7f6f0;
    z-index:0px;
    margin:0;
    width:100%!important;
    height:100%!important;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}
#ProductDetails .ProductThumbOuter {
  /*border:1px solid #D4D4D4;
  box-shadow:0 2px 10px -4px #444;
  -webkit-box-shadow:0 2px 10px -4px #444;
  -moz-box-shadow:0 2px 10px -4px #444;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;*/
  height:425px;
  padding:2px;
  text-align:center;
}
#ProductDetails .ProductThumbImage > a > div > img {
  max-height:415px;
z-index:0;
}
#ProductDetails .ProductThumbImage  a {
  display:none;
  display:block\0/;
}
#ProductDetails .ProductThumbImage a:last-child {
  display:block;
}

#ProductDetails .ProductThumbImage .zoomPad {
  float:none;
  display:inline-block;
z-index:0;
}


#ProductDetails .ProductTinyImageList {
}

#ProductDetails .ProductTinyImageList li {
  border: none!important;
  width: 64px!important;
  height: 64px!important;
}

#ProductDetails .ProductTinyImageList li .TinyOuterDiv {
  border: none!important;
}

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

.PrimaryProductDetails .ProductMain {
  width: 46.5%;
  margin-left: 20px;
max-width: 700px;
min-width: 200px;
float:left;
}

#ProductDetails hr {
  display: none;
}

.AddThisButtonBox {
  width: auto!important;
  text-align: left!important;
  padding: 0 0 0 0!important;
  margin:0;
float:left;
}

#ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {
  margin-top:31px;
}
/* Details Grid */   


.ProductDetailsGrid .DetailRow,
.productAttributeList .productAttributeRow {
  padding: 0!important;
  margin: 0 0 8px!important;
}

.ProductDetailsGrid .Label,
.productAttributeList .productAttributeLabel {
  width: 141px!important;
  text-align: left;
  padding: 0!important;
  margin: 0 10px 0 0!important;
  font-size:.90em;
margin-left:10px;
}

.ProductDetailsGrid .Label .Required {
  position:relative;
  left:0;
}

.ProductDetailsGrid .ProductPrice {
color: #aa0000;
font-size: 2em;
font-family: 'Helvetica';
}
.ProductDetailsGrid .PriceRow .Label {
  margin-top:3px!important;
}

.productAttributeList .productAttributeValue {
  display: inline-block!important;
  clear: both;
  color:#636363;
}

.productAttributeList .required {
  margin-left: -.75em;
}

.productOptionViewProductPickListWithImage {
  padding: 2px;
  background: #fff;
  border: solid 1px #bbb!important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.productOptionViewProductPickListWithImage .scrollContainer {
  /*max-height: 135px!important; original code*/
  max-height: 100%!important;
  max-width: 100%!important;
}

html.javascript .productOptionViewRectangle input,
html.javascript .productOptionPickListSwatch input {
  left: 3px;
  top: 3px;
}

.BulkDiscount {
  clear: both;
  padding-top: 15px;
}

.SpecificInfoMessage {
  margin-top:0;
}

/* Product and Search tabs  */

#ProductTabs {
  float: left;
}

.TabNav {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  top: 1px;
  z-index: 2;
  border: none;
}

.TabNav li {
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  line-height: normal;
}

.TabNav li a {
  display: block;
  top: 0;
  margin: 0;
  padding: 5px 6px 3px;
  color: #000;
  background: #f7f6f0;
  border: 1px solid #000;
/* border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;*/
  font-weight:bold;
  height: 25px;
}

.TabNav li a:hover {
  background: #efefe6;
  color:#000;
}

.TabNav li.Active a {
  padding: 5px 6px 3px;
  background: #072b5d;
  border:0;
  border-bottom: 1px solid #FFFFFF;
  color: #fff;

}

#TabPanels {
  clear: both;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 10px;
  background: #ffffff;
  color:#7B7B7B;
  border-style:double;
}

#SideProductRelated h3 {
  display:inline-block;
  background: #212421;
  color:#fff;
  font-family:'Helvetica';
  padding:5px 8px 3px 8px;
  min-width:150px;
  margin:0;
  font-size:1.5em;
margin-top: 15px;
}
#SideProductRelated h3 span {
  color:#fee24b;
}
#SideProductRelated .BlockContent {
  background: #f9f9f9;
  overflow:hidden;
  padding:1em 0;
  border:1px solid #E5E5E5;
}

/* =============================================================================
   Cart !n! !crt
   ========================================================================== */
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 600px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    font-weight: bold;
    position: relative;
    font-size:15px;
/*
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;

    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;*/
}


#CartHeader {
  overflow: hidden;
}

#CartHeader h2 {
  float: left;
}

#CartHeader span .button {
  margin-top: 7px;
}
.Content .ProceedToCheckout {
  width:264px;
}

/* fast cart */

.fastCartContent {
  min-height: 235px;
  width: auto;
}

.fastCartContent h2 {
  color: #000;
  background-color: transparent;
}

.fastCartSummaryBox {
  background-color: #fff;
  border:1px solid #eee;
}

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

.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;
}

select[name="sel_billing_address"],
select[name="sel_shipping_address"] {
  height: auto;
  margin-bottom: 10px;
}

.PL20,
.ML20 {
  margin-bottom: 1em;
}

.PL20 p.Submit {
  margin-bottom: 0;
}

/* Order Complete */

#share-product #tabcontent {
  overflow:hidden;
}

#share-product #tabcontent .photo {
  width:auto; margin-right:14px;
}

#share-product ul.tabs li img {
  top:0;
}

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

#security-question-heading {
  margin-top: 10px;
}

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

/* == 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);
}

#SliderContainer {
  width:100%;
  height:413;
  margin-left:auto;
margin-right:auto;
}
#slider .slides .Block { margin: 0; }

#HomeThumbnails {
  float:left;
  width:420px;
}
#HomeThumbnails a {
  float:left;
  display:block;
  margin-left:3px;
  margin-bottom:2px;
  background:#182283;
  width:206px;
  height:208px;
  color:#fff;
  text-decoration:none;
}
#HomeThumbnails a.freeshipping {
  width:208px;
  text-decoration:none;
  text-align:center;
}
#HomeThumbnails a.freeshipping span {
  display:block;
  color: #fee24b;
  font-family:'Helvetica';
  font-size:3em;
  text-transform:uppercase;
  font-weight:bold;
  margin-top:15px;
  line-height:1;
}
#HomeThumbnails a.freeshipping em {
  color: #fff;
  font-style:normal;
  font-family:'CardoBold', 'Times New Roman', serif;
  display:block;
  margin:5px 0 10px 0;
}
#HomeThumbnails a.img {
  position:relative;
} 
#HomeThumbnails a em {
  color:#fee24b;
  font-style:normal;
}
#HomeThumbnails a.img span { 
  position:absolute;
  bottom:15px;
  left:3%;
  width:94%;
  background:#2d2c2c;
  text-align:center;
  padding:3px 0 0 0;
  font-family:'Helvetica';
  font-weight:bold;
  font-size:1.3em;
  text-transform:uppercase;
}
#HomeFeaturedProducts .BlockContent {
  width:100%;
  background: #f9f9f9;
  margin:0 0 0 -4px;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
}
/*#HomeCategories h2,
#HomeFeaturedProducts h2 {
  display:inline-block;
  background: #212421;
  font-family:'Helvetica';
  padding:5px 8px 3px 8px;
  min-width:150px;
  margin:0;
}*/

#HomeCategories h2 span,
#HomeFeaturedProducts h2 span {
  color:#fee24b;
}
#HomeCategories ul {
  list-style-type:none;
  margin:.7em 0 0 0;
  padding:0;
}
#HomeCategories ul li {
  float:left;
  margin-right: 12px;
  margin-bottom:0px;
}
#HomeCategories ul li.lastInRow { margin-right:0; }

/*== End jCarousel Lite 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;
  }

}

/* ==========================================================================
   Helper Classes !n! !hlp   
   ========================================================================== */
   
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  *zoom: 1; }

/* ==========================================================================
   Print Styles !n! !prn   
   ========================================================================== */

/* if these styles need modifications make sure to copy modifications to print.css for ie8 and ie7 without the media query of course */
@media print {
  * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a,  a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }
  pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr,  img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p,  h2,  h3 { orphans: 3; widows: 3; }
  h2,  h3 { page-break-after: avoid; }
}