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

  ----------------------------------------------
  Style Away!!!
  ----------------------------------------------
  Base = !bas
  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
   ========================================================================== */
   
html,
body,
button,
input,
select,
textarea {
  font-family: 'Open Sans', sans-serif;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.Content h2,
.TitleHeading {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #7A7D83;
}

h1 {
  margin-bottom: 0.67em;
  font-size: 2em;
  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;
}

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

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

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: #9B0202;
  outline: 0 none !important;
}

a:hover,
.Content a:hover,
a:focus,
.Content a:focus {
  color: #FFC901;
  outline: 0 !important;
}

a:hover,
a:active {
  outline: 0 !important;
}

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

a.ChangeLink:active {
  position: absolute;
  top: auto;
  right: 15px;
  outline: 0 !important;
}

a:active.modalClose {
  position: absolute;
  top: 10px;
  outline: 0 !important;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
  outline: 0 !important;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
  outline: 0 !important;
}

/* == Buttons =============================================================== */
.button,
.sharebutton,
.sharebutton a,
.Content a.button,
input[type=submit],
input[type=button],
button {
  display: inline-block;
  width: auto !important;
  padding: 7px 16px 8px !important;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-transform: capitalize;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  -webkit-appearance: none;
  outline: 0 !important;
} 

.button:hover,
.sharebutton,
.sharebutton a:hover,
.Content a.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  color: #ffffff;
  outline: 0 !important;
}

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

.CheckoutButton {
  margin-bottom: 1.5em;
}

.BulkDiscount .button {
  margin:0 !important;
}

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: 13px 0 0;
}

/* == 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 {
  background: url("/template/images/backgroundidea.jpg") no-repeat scroll 0 0 #D9D9DB;
  margin: 0;
  width: auto;
}

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

#TopMenu,
#Header,
#Wrapper,
#Footer {
  width: 90%;
  max-width: 940px;
  margin: 0 auto;
}

#TopMenuOuter,
#HeaderOuter,
#PrimaryMenuOuter,
#WrapperOuter,
#FooterOuter {
  width: 100%;
}

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

#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;
  background: #fff;
}
#Wrapper:before,
#Wrapper:after {
  content: "";
  display: table;
}
#Wrapper:after {
  clear: both;
}

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

/* Top Text and Social Icons */

#top-copy {
  margin: 0 auto;
  width: 90%;
  max-width: 940px;
  height: 52px;
  position: relative;
}

#top-copy #open {
  width: 300px;
  height: 22px;
  position: absolute;
  top: 10px;
  left: 0px;
}

#top-copy #open span.always {
  font-weight: 800;
  font-size: 23px;
  color: #494949;
  text-transform: uppercase;
}

#top-copy #open span.monday {
  font-weight: 800;
  font-size: 23px;
  color: #fe0000;
  text-transform: uppercase;
}

#top-copy #top-social {
  width: 94px;
  height: 24px;
  position: absolute;
  top: 14px;
  left: 400px;
}

#top-copy #top-social ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#top-copy #top-social ul li {
  float: left;
  padding-left: 6px;
}

#top-copy #free-shipping {
  width: 350px;
  height: 22px;
  position: absolute;
  top: 10px;
  right: 0px;
}

#top-copy #free-shipping span.free {
  font-weight: 800;
  font-size: 23px;
  color: #494949;
  text-transform: uppercase;
}

#top-copy #free-shipping span.shipping {
  font-weight: 800;
  font-size: 23px;
  color: #f9b704;
  text-transform: uppercase;
}

#top-copy #free-shipping span.orders {
  font-weight: 300;
  font-size: 13px;
  color: #494949;
  text-transform: uppercase;
  border-bottom: 1px dotted #787a7f;
  position: absolute;
  top: 6px;
  margin-left: 4px;
}

#top-copy #free-shipping span.money {
  font-weight: 800;
  font-size: 23px;
  color: #f9b704;
  text-transform: uppercase;
  position: absolute;
  right: 0px;
}

/* == TopMenu =============================================================== */ 
  
#TopMenuOuter {
  padding-bottom: 0px;
  background: transparent;
  width: 368px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  -moz-border-radius: 0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  border-radius: 0px 10px 0px 0px;
}

#TopMenu {
  float: right;
/*  width: 300px;*/
  height: 30px;
  background: #EAEAEA;
  -moz-border-radius: 0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  border-radius: 0px 10px 0px 0px;
}

#TopMenu ul {
  float: right;
}

#TopMenu li a,
#TopMenu li div {
  color: #717172;
  border: none;
  font-size: 11px;
  margin: 8px 0 0 0;
  padding: 0 6px;
  text-transform: lowercase;
}

#TopMenu li.CartLink a {
  font-weight: 700;
  font-size: 13px;
  color: #920202;
  margin-top: 6px;
  padding-right: 15px;
}

#TopMenu li.CartLink a:hover {
  font-weight: 700;
  font-size: 13px;
  color: #920202;
  margin-top: 6px;
  text-decoration: underline;
}

#TopMenu li a:hover {
  color: #717172;
  text-decoration: underline;
}

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

#HeaderOuter {
  background: transparent;
}

#Header {
  height: 115px;
  background: url(/template/images/headerback.png) no-repeat;
  position: relative;
}

#header-number {
  width: 325px;
  height: 28px;
  position: absolute;
  right: 20px;
  bottom: 50px;
}

#header-number span.call-us {
  color: #7A7D83;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  right: -50px;
  text-transform: lowercase;
  top: 10px;
}

#header-number span.phone-number {
  color: #7A7D83;
  float: right;
  font-size: 26px;
  font-weight: 700;
  position: relative;
}

/* == Logo ================================================================== */
 
#Logo {
  height: 106px;
  left: -12px;
  position: absolute;
  top: 0;
  width: 325px;
}

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

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

#SearchForm {
  width: auto;
  padding: 0;
  margin-right: 0px;
  margin-top: 5px;
}

#SearchForm form {
  margin: 0px;
}

#SearchForm label {
  color: #222;
  float: left;
  font-weight: 400;
  margin: 7px 10px 0 0;
}

#SearchForm #search_query,
#SearchForm input.button {
  float: left;
}

#SearchForm #search_query {
  width: 200px;
  height: 25px;
  margin-right: 0px;
  padding: 3px 8px;
  font-size: 1em;
  background: url(/template/images/search.png) no-repeat 5px center #fff;
  padding: 0px 22px !important;
  border: 1px solid #c9c9c9;
  border-right: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#SearchForm input.button {
  width: 64px;
  height: 27px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  background: #000;
  border: 0px solid #A40101;
  border-left: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 16px 0px !important;
}

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

#SearchForm a {
  color: #06c;
}

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

.QuickSearch {
  z-index: 9999;
}

.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 {
  margin-bottom: 0px;
  background: transparent;
  position: relative;
  z-index: 70;
}

#PrimaryMenu {
  max-width: 970px;
  width: 94%;
  margin: 0 auto;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  position: relative;
  -moz-box-shadow: 1px 1px 3px #292929;  
  -webkit-box-shadow: 1px 1px 3px #292929;  
  box-shadow: 1px 1px 3px #292929; 
}

#PrimaryMenu .arrow1 {
  width: 0; height: 0;  
  line-height: 0;  
  border-left: 15px solid transparent;  
  border-top: 22px solid #4A0000;  
  top: 100%;  
  left: 0;  
  position: absolute;  
}

#PrimaryMenu .arrow2 {
  width: 0; height: 0;  
  line-height: 0;  
  border-right: 15px solid transparent;  
  border-top: 22px solid #4A0000;  
  top: 100%;  
  right: 0;  
  position: absolute;  
}

#PrimaryMenu > ul {
  width: 910px;
  height: 40px;
  float: left;
  margin-left: 30px;
}

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

#PrimaryMenu li {
  margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
  display: block;
  padding: 10px 10px 11px;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  border-left: 1px solid #9b2e2e;
  border-right: 1px solid #760505;
}

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

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

/* Horizontal category menu */
#horizontal-categories a {
  color: #fff;
}

#horizontal-categories ul li {
  display: inline-block;
  float: left;
}

#horizontal-categories > ul {
  float: left;
  margin-left: 30px;
}

#horizontal-categories li {
  margin-bottom: 0;
}

#horizontal-categories > ul > li > a {
  display: block;
  padding: 10px 10px 11px;
  font-size: 13px;
  text-decoration: none;
  color: #fff;
  border-left: 1px solid #9b2e2e;
  border-right: 1px solid #760505;
}

#horizontal-categories a {
  text-decoration: none;
}

#horizontal-categories 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";
}

#horizontal-categories > ul > li > a:hover,
#horizontal-categories > ul > li.dropdown.open > a,
#horizontal-categories > ul > li.ActivePage > a {
  color: #fff;
}

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

#PrimaryMenu ul li:hover > ul { display: block !important; }

#PrimaryMenu ul li ul li{
  float: left;
  width: 100%;
  clear: left;
}

#store-info {
  color: #FFFFFF;
  font-size: 13px;
  position: absolute;
  right: 309px;
  top: 10px;
}


#about-us {
  color: #FFFFFF;
  font-size: 13px;
  position: absolute;
  right: 52px;
  top: 10px;
}

#about-us a {
  color: #FFFFFF;
}

#store-info a {
  color: #FFFFFF;
}


/* Drop Down */

#PrimaryMenu ul li {
  position: relative;
}

#PrimaryMenu ul li a {
*margin-bottom: -3px;
padding-left: 19px;
padding-right: 20px;
}

#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: 220px;
  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: 1000;
}

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

#PrimaryMenu ul li ul a:hover {
  color: #fff;
  background: #8C1919;
}

/* 2nd level and below drop down styles */
#PrimaryMenu ul li ul li a .caret {
  position: relative;
  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;
}

/* End Navigation */

/* Drops Banner */

#drops-banner {
  width: 90%;
  max-width: 940px;
  margin: 0 auto;
  background: #fff;
  padding-top: 5px;
  border-top: 5px solid #D9DADB;
}

#drops-banner .drops-line {
  width: 100%;
  height: 9px;
  background: url(/template/images/dropsline.jpg) repeat;
}

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

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

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

.Content.Wide {
  width: 100%;
  padding-left: 200px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  float: none;
}

.Content.Widest {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

.Left {
  width: 180px;
  margin-right: 0;
  margin-left: 10px;
  float: left;
}

.Right {
  width: 21%;
  padding-right: 10px;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

.Left,
.Right {
  font-size: 1em;
  background: none;
  min-height: 0;
}

.Left h2,
.Right h2 {
  width: auto;
  font-size:1.25em;
  margin: 0 0 .8em;
}

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

.Left a,
.Right a {
  display: inline-block;
}

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

.Left .ProductList li,
.Right .ProductList li {
  width: auto;
  border-bottom: none;
}

/* Side Account Menu */

#SideAccountMenu {
  margin-top: 12px;
  background: #F9F9F9;
  border: 1px solid #d7d7da;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#SideAccountMenu h3 {
  height: 26px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000));
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-top: 6px;
  padding-left: 10px;
  margin-bottom: 10px;
}

#SideAccountMenu ul {
  margin-bottom: 10px; 
  list-style: none;
}

#SideAccountMenu ul li {
  padding-left: 10px !important;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #b0b2b7;
  color: #C3C6CE;
}

#SideAccountMenu ul li a {
  font-weight: 600;
  font-size: 14px;
  color: #5b5d64;
  padding: 3px 0px;
}

/* Side Related Products */

#SideProductRelated {
  margin-top: 12px;
  background: #F9F9F9;
  border: 1px solid #d7d7da;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#SideProductRelated h3 {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000));
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 6px 10px;
  margin-bottom: 0px;
  clear: both;
}

#SideProductRelated .ProductList li .ProductDetails a {
  font-weight: 400;
  font-size: 12px;
  color: #504e55;
}

#SideProductRelated .ProductList li .ProductPriceRating {
  margin-left: 20px;
}

#SideProductRelated .ProductList li em {
  font-weight: 700;
  font-size: 16px;
  color: #9b0202;
  margin-bottom: 20px;
}

.ProductList li span.Rating {
  margin-bottom: 10px;
}

.ProductList li .ProductActionAdd {
  width: 110px;
  height: 22px;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 2px;
  text-align: center;
}

.ProductList li .ProductActionAdd a {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

/* 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 p {
  margin: 0 0 6px 0;
}

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

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

#SideNewsletterBox input {
  width: 162px;
  font-size: 1em;
}

/* Side Category List */

#SideCategoryList {
  margin-top: 12px;
  background: #F9F9F9;
  border: 1px solid #d7d7da;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#SideCategoryList h3 {
  width: 168px;
  height: 26px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000));
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-top: 6px;
  padding-left: 10px;
  margin-bottom: 10px;
}

#SideCategoryList ul {
  margin-bottom: 10px; 
  list-style: disc inside;
}

#SideCategoryList ul li {
  margin-left: 10px;
  margin-right: 10px;
  color: #C3C6CE;
  border-bottom: 1px dotted #b0b2b7;
}

#SideCategoryList ul li a {
  font-weight: 700;
  font-size: 14px;
  color: #5b5d64;
  padding: 3px 0px;
}

#SideCategoryList ul li.active {
  color: #911010;
}

#SideCategoryList ul li.active a {
  font-weight: 700;
  font-size: 14px;
  color: #911010;
  padding: 3px 0px;
}

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

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

/* popout styles */

#SideCatPopOut ul ul {
  list-style: none;
}

#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 {
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px !important;
}

#SideCatPopOut li li a {
  display: block;
  padding: 3px 5px 3px 15px !important;
  clear: both;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-decoration: none;
  color: #80838C !important;
  border-bottom: 1px dotted #dfe0e5;
}

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

#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
   ========================================================================== */

#FooterOuter {
  padding: 0px;
  background: transparent;
}

#Footer {
  font-size: 1em;
  clear: both;
  background: #fff;
}

/* Service Portal */

#service-portal {
  margin: 10px;
  position: relative;
}

#service-portal .row {
  margin-left: -10px;
}

#service-portal #service-title {
  border-bottom: 2px solid #DBDBDC;
  margin: 0 0 4px 10px;
}

#service-portal h2 {
  width: 212px;
  background: #54565D;  
  background: -moz-linear-gradient(top, #54565D, #1F2025);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54565D), to(#1F2025));
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 6px 6px 6px 10px;
  text-align: left;
}

#service-portal #service-title span {
  font-weight: 400;
  font-size: 12px;
  color: #820101;
  position: absolute;
  right: 10px;
  top: 0px;
}

.service-line {
  height: 2px;
  background: #DBDBDC;
  margin: 0 0 4px 10px;
}
#service-portal .grid-12 {
  width: 100%;
}
#service-portal .grid-2 {
  width: 20%;
  padding: 0 0 10px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#service-portal .grid-2 img {
  width: 100%;
}
/* Footer Navigation */

#Footer #FooterMenu {
  float: none;
  width: 100%;
  height: 44px;
  margin: 0px;
  margin-bottom: 10px;
}

#Footer #FooterMenu ul {
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 920px;
  height: 30px;
  border: 1px solid #d7d7da;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-left: 10px;
  padding-top: 10px;
}

#Footer #FooterMenu ul li {
  float: none;
  display: inline;
  position: relative;
}

#Footer #FooterMenu ul li a {
  font-weight: 400;
  font-size: 11px;
  padding: 0 12px;
  color: #000;
  border: none;
}

#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a {
  color: #000;
}

/* Footer Items */

#foot-items {
  width: 100%;
  margin-bottom: 50px;
  position: relative;
}

#foot-items .grid-4 {
  margin-left: auto;
  position: relative;
  top: 10px;
  text-align: left;
}

#foot-items .grid-4 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#foot-items .grid-4 ul li {
  padding: 2px 1px;
}

#foot-items .grid-4 ul li a {
  font-weight: 400;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  border: none;
  border-right: 1px solid #b2b2b3;
}
#foot-items .grid-4 ul li:last-child a {
  border-right: 0;
}
#foot-items .grid-4 ul li.First {
  padding-left: 0px;
}

#foot-items .grid-4 ul li.Last a {
  border: none;
}

#foot-items .grid-2 {
  width: 30%;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#foot-items .grid-2 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#foot-items .grid-2 ul li {
  padding-left: 6px;
}

#foot-items .grid-2 ul li a {
  padding: 0px !important;
  border: none !important;
}

#foot-items .grid-3 {
  position: relative;
  width: 40%;
}
#foot-items img {
  max-width: 100%;
}

#foot-items .grid-3 #geotrust {
  float: right;
  margin-top: 10px;
}

#foot-items .grid-1 {
  position: relative;
  width: 28%;
  text-align: right;
}

#foot-items .grid-1 ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  float: right;
  text-align: left;
}

#foot-items .grid-1 ul li.name {
  font-weight: 600;
  font-size: 12px;
  color: #900202;
  text-transform: uppercase;
}

#foot-items .grid-1 ul li {
  font-weight: 600;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  clear: left;
  display: block;
}

/* =============================================================================
   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
   ========================================================================== */

/* Layouts */

.Content.Widest.PageLayout {
  padding: 0 10px 20px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ProdLayout,
.Content.Wide.ProdLayout {
  width: 79%;
  padding-left: 10px;
  margin-right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

/* Search Page */

#SearchPage #TabPanels {
  padding: 0px !important;
}

.SearchContainer .CategoryPagination .PagingList li.ActivePage, 
.SearchContainer .CategoryPagination .PagingList li.ActivePage span, 
.SearchContainer .CategoryPagination .PagePrev a:hover, 
.SearchContainer .CategoryPagination .PageNext a:hover, 
.SearchContainer .CategoryPagination .PagingList li a:hover {
    color: #7A7D83 !important;
}

#SearchSortingSelectContainer {
  margin-right: 10px;
}

/* Blog */

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

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

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

/* Category Heading */

#CategoryHeading {
  margin-top: 12px;
}

#CategoryHeading .BlockContent {
  height: 30px;
  background: #32343A;
}

#CategoryHeading h1 {
  font-weight: 700;
  font-size: 18px;
  color: #ffc901;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 4px;
  border-bottom: 1px solid #5d6069;
}
#CategoryContent {
  clear: none;
}
#category-description {
  margin-top: 10px;
}

.SortBox {
  float: right;
  margin: 5px 10px 0 0;
  font-size: 1em;
  height: 20px;
}

.SortBox select {
  font-family: 'Arial', sans-serif;
  color: #000;
  width: 168px;
  height: 20px;
  padding: 0px;
  border: 1px solid #bbbbbb;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

/* Category Pagination */

#CategoryPagingTop {
  overflow: hidden;
  height: 24px;
  background: #32343A;
  text-align: right;
  padding-top: 6px;
}

#CategoryPagingBottom {
  overflow: hidden;
  margin-right: 5px;
  height: 24px;
  text-align: right;
  padding-top: 6px;
}

#CategoryPagingTop span.page {
  width: 34px;
  height: 14px;
  font-weight: 400;
  font-size: 12px;
  color: #cecaca;
}

.CategoryPagination {
  height: 16px;
  overflow: hidden;
  float: right;
  padding: 0px !important;
  margin-right: 4px;
}

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

.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 {
  font-weight: 400;
  font-size: 14px;
  color: #cecaca;
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 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);
  display: none !important;
}

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

.CategoryPagination .PagingList li.ActivePage, .CategoryPagination .PagingList li.ActivePage span, .CategoryPagination .PagePrev a:hover, .CategoryPagination .PageNext a:hover, .CategoryPagination .PagingList li a:hover {
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: 700 !important;
  text-decoration: underline;
}

#CategoryPagingBottom span.page {
  width: 34px;
  height: 14px;
  font-weight: 400;
  font-size: 12px;
  color: #70737b;
}

#CategoryPagingBottom .CategoryPagination a,
#CategoryPagingBottom .CategoryPagination .PagingList li.ActivePage {
  font-weight: 400;
  font-size: 12px;
  color: #70737b;
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 3px;
}

#CategoryPagingBottom .CategoryPagination .PagingList li.ActivePage,
#CategoryPagingBottom .CategoryPagination .PagingList li.ActivePage span,
#CategoryPagingBottom .CategoryPagination .PagePrev a:hover,
#CategoryPagingBottom .CategoryPagination .PageNext a:hover,
#CategoryPagingBottom .CategoryPagination .PagingList li a:hover {
  color: #2f3033 !important;
  font-size: 12px;
  font-weight: 700 !important;
  background-color: none;
  text-decoration: underline;
}

/* Sub Category and Sub Brand List */

.SubCategoryList,
.SubBrandList {
  background: #F4F4F4;
}

.SubCategoryList ul,
.SubBrandList ul {
  margin-bottom: 0;
  padding-left: 0;
}

.SubCategoryList li,
.SubBrandList li {
  background: url(../../img/subcategory.png) no-repeat 3px 1px;
}

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

#BrandContent h1 {
  text-transform: capitalize;
}

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

.ProductList:before,
.ProductList:after {
  content: " ";
  display: table;
}
.ProductList:after {
  clear: both;
}
.ProductList {
  list-style: none;
  padding: 0;
  margin: 0;
  *zoom: 1;
}

.Content .ProductList {
  margin: 0 0 0 -8px; /* To pull up all in a nice row */
  font-size: 0;
  overflow: hidden;
}


.Content .ProductList li {
  list-style: none;
  display: inline-block;
  width: 25% !important;
  font-size: 0.95em;
  padding: 0 0 24px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto !important;
  margin: 0;
  overflow: hidden;
  min-height: 17em;
  vertical-align: top;
}

.ProductList li .prod-wrap {
  min-height: ;
  background: #F9F9F9;
  border: 1px solid #D7D7DA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 1px 0;
}

.ProductList li .ProductDetails {
  margin-left: 20px;
  margin-bottom: 20px;
}

.ProductList li .ProductDetails a {
  font-weight: 400;
  font-size: 12px;
  color: #504e55;
}

.ProductList li .ProductPriceRating {
  margin-left: 20px;
}

.ProductList li .ProductPriceRating em {
  font-weight: 700;
  font-size: 16px;
  color: #9b0202;
  margin-bottom: 20px;
}

.ProductList li .ProductPriceRating .Rating {
  margin-bottom: 10px;
}

.ProductList li .ProductActionAdd {
  width: 110px;
  height: 22px;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding-top: 2px;
  text-align: center;
}

.ProductList li .ProductActionAdd a {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

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

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

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

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

#ProductBreadcrumb {
  display: none;
}

/* Product Top */

#cat-name {
  background: #F7F7FA;
  width: inherit;
  height: 40px;
  margin-top: 12px;
  position: relative;
}

#cat-name .prod-line {
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 5px;
  left: 10px;
}

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

#ProductDetails .ProductThumbWrap {
  float: left;
  width: 42%;
}

#ProductDetails .ProductThumb {
  float: none;
  height: auto!important;
  width: 100% !important;
}

.ImageCarouselBox {
  float: left;
  padding-left: 10px !important;
  padding-right: 10px !important;
  width: 15%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#ProductDetails .ProductTinyImageList {
  width: 100% !important;
  height: 330px !important;
  margin: 0 0 4px;
}

#ProductDetails .ProductTinyImageList ul {
  width: 100% !important;
}

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

#ProductDetails .ProductTinyImageList li .TinyOuterDiv {
  border: none!important;
}
.ProductTinyImageList img {
  max-width: 100%;
  height: auto;
}
/* == Product Main ========================================================== */

.ProductMain h1 {
  font-weight: 600;
  font-size: 20px;
  color: #504e55;
  margin-top: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid #D7D7DA;
  padding-bottom: 10px;
}

.PrimaryProductDetails .ProductMain {
  width: 42%;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#ProductDetails .BlockContent {
  background: #F9F9F9;
  border: 1px solid #D7D7DA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#ProductDetails hr {
  display: none;
}

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

/* Details Grid */

.ProductDetailsGrid .PriceRow {
  margin-bottom: 30px !important;
}  

.ProductDetailsGrid .PriceRow .Value em {
  font-weight: 700;
  font-size: 22px;
  color: #9b0202;
}

.ProductDetailsGrid .DetailRow {
  margin-top: 0px !important;
}

.ProductDetailsGrid .DetailRow .Label {
  font-weight: 400;
  font-size: 12px;
  color: #84838B;
  width: 106px !important;
  margin-bottom: 10px;
}

.ProductDetailsGrid .DetailRow .Value {
  font-weight: 400;
  font-size: 12px;
  color: #84838B;
  margin-bottom: 10px;
}

.ProductDetailsGrid .DetailRow.InventoryLevel .Value {
  color: #84838B;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.access-title a {
  color: #FFFFFF;
  text-decoration: none;
}

.ProductDetailsGrid .DetailRow.InventoryLevel .Label {
  color: #84838B;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 106px !important;
}

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

.productAttributeList .productAttributeRow {
  margin-bottom: 10px;
}

.productAttributeLabel {
  font-weight: 400 !important;
  font-size: 12px;
  color: #84838B;
}

.productAttributeValue {
  font-weight: 400 !important;
  font-size: 12px;
  color: #84838B;
}

.ProductDetailsGrid .Label,
.productAttributeList .productAttributeLabel {
  width: auto!important;
  text-align: left;
  padding: 0!important;
  margin: 0 10px 0 0!important;
}

.productAttributeList .productAttributeValue {
  display: block!important;
  clear: both;
}

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

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

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

.BulkDiscount input.button {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  width: 210px;
  height: 38px;
  background: url(/template/images/addtocartback.jpg) no-repeat;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 0 64px 3px 16px !important;
}

/* Product and Search tabs  */

#tab-wrap {
  background: #F9F9F9;
  border: 1px solid #D7D7DA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 20px;
}

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

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

.TabNav li a {
  font-size: 14px;
  font-weight: 600;
  display: block;
  top: 0;
  margin: 0;
  padding: 8px 20px 8px;
  color: #696A6B;
  background: #CFD0D1;  
  background: -moz-linear-gradient(top, #CFD0D1, #A3A4A7);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CFD0D1), to(#A3A4A7));
  border: none;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

.TabNav li a:hover {
  background: #D4D4D4;
  color: #fff;
  background: #5A5C63;  
  background: -moz-linear-gradient(top, #5A5C63, #1E1F25);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5A5C63), to(#1E1F25));
}

.TabNav li.Active a {
  padding: 8px 20px 8px;
  font-weight: 600;
  color: #fff;
  background: #5A5C63;  
  background: -moz-linear-gradient(top, #5A5C63, #1E1F25);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5A5C63), to(#1E1F25));
  border-bottom: none;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

#TabPanels {
  color: #46474C;
  font-size: 12px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 10px;
  background: none;
  border: none;
}

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

#CartHeader {
  overflow: hidden;
}

#CartHeader h2 {
  float: left;
}

#CartHeader span .button {
  margin-top: 7px;
}

/* 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
   ========================================================================== */

/* Home Banner */

#home-banner {
  margin: 10px;
}

#home-banner .grid-9 {
  width: 76%;
  padding-right: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home-banner .grid-3 {
  width: 24%;
  background: url(//cdn11.bigcommerce.com/s-7nlvmei/templates/__custom/images/hoursback.png?t=1479167514);
  background-size: cover;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 8px solid #4e4e50;
  position: relative;
  text-align: center;
  padding-bottom: 5px;
}

#home-banner .grid-3 h2 {
  font-weight: 800;
  font-size: 27px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 14px;
}

#home-banner .grid-3 ul {
  width: 50%;
  height: 200px;
  list-style: none;
  float: left;
  margin: 0px;
  padding: 0 0 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}

#home-banner .grid-3 ul.days {
  text-align: right;
  border-right: 3px solid #3E3E40;
  padding: 0 8px 0 0;
}

#home-banner .grid-3 ul li {
  font-weight: 600;
  font-size: 13px;
  color: #fff;
  padding-bottom: 8px;
}

#home-banner .hours-line {
  width: 3px;
  height: 200px;
  background: #3E3E40;
  margin-left: 15px;
  margin-right: 15px;
  float: left;
  display: none;
}

#home-banner #location-link a {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}

#home-banner #location-link a:hover {
  text-decoration: underline;
}

/* Home CTAs */

#home-ctas {
  margin: 0 10px 10px;
  position: relative;
  z-index: 1;
}
#home-ctas .row {
  margin-left: -10px;
}

#home-ctas .grid-3 {
  width: 25%;
  padding: 0 0 20px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#home-ctas .grid-3 .access-title {
  width: 100%;
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000)); 
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

#home-ctas .grid-3 h3 {
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
  padding: 4px 0;
}
#home-ctas .access-img {
  border-left: 1px solid #d7d7da;
  border-right: 1px solid #d7d7da;
}
#home-ctas .access-img img {
  width: 100%;
}
#home-ctas .grid-3 .access-shop {
  width: 100%;
  background: #32343A;
  border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  text-align: right;
  padding: 5px 0;
}

#home-ctas .grid-3 .access-shop a {
  font-weight: 700;
  font-size: 15px;
  color: #fac709;
  text-decoration: none;
  margin-right: 10px;
}

/* Home Featured Products */

#home-featured {
  width: 100%;
  height: 342px;
  margin-bottom: 10px;
  position: relative;
}
#home-featured .grid-12 {
  width: 100%;
}

#home-featured #featured-title {
  border-bottom: 2px solid #DBDBDC;
  margin: 0 10px;
}

#home-featured h2 {
  width: 212px;
  background: #EAEAEA;
  font-weight: 400;
  font-size: 14px;
  color: #222428;
  margin-bottom: 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jcarousel {
  width: 99% !important;
}
#home-featured .ProductList {
  margin-top: 10px;
}

#home-featured .ProductList li {
  width: 222px !important;
  min-height: 280px !important;
  margin-left: 9px !important;
  margin-right: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #E6E7E8;
  text-align: center;
}

#home-featured .ProductList li .ProductImage {
  width: 210px !important;
  height: 182px !important;
  border: 1px solid #D7D7DA;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#home-featured .ProductList li .ProductDetails {
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: auto !important;
}

#home-featured .ProductList li .ProductDetails strong a {
  font-weight: 400;
  font-size: 13px;
  color: #222428;
  text-decoration: none;
}

#home-featured .ProductList li .ProductPriceRating {
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: auto !important;
}

#home-featured .ProductList li .ProductPriceRating em {
  font-weight: 400;
  font-size: 15px;
  color: #7f0101;
  margin-bottom: 0px;
}

#home-featured .ProductList li .ProductActionAdd {
  background: none !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  height: auto !important;
  padding-top: 0px !important;
  text-align: inherit !important;
  width: auto !important;
}

#home-featured .ProductList li .ProductActionAdd a {
  font-weight: 400;
  font-size: 11px;
  color: #32343a;
  text-transform: lowercase;
  text-decoration: none;
  border-bottom: 2px solid #ccccce;
}

/* Home Brands */
#home-brands .grid-12 {
  width: 100%;
}
#home-brands #brands-title {
  border-bottom: 2px solid #DBDBDC;
  margin: 0 10px;
}

#home-brands h2 {
  width: 212px;
  height: 18px;
  background: #EAEAEA;
  font-weight: 400;
  font-size: 14px;
  color: #222428;
  margin-bottom: 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 4px;
}

#home-brands #brand-logos {
  border-bottom: 2px solid #DBDBDC;
  border-top: 2px solid #DBDBDC;
  margin: 4px 10px;
}

#home-brands .brands-line {
  height: 2px;
  background: #DBDBDC;
  margin: 0 10px 15px;
}

/* Home Newsletter */

#home-newsletter {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}

#home-newsletter .row,
#home-newsletter .grid-12,
#home-newsletter #SideNewsletterBox {
  width: 100%;
}

#home-newsletter #SideNewsletterBox input {
  margin: 0px;
  width: 32.3333333%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 1%;
}

#home-newsletter .newsletter-copy {
  width: 45%;
  background: #313131;  
  background: -moz-linear-gradient(top, #313131, #010101);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#313131), to(#010101));
  padding: 5px 0 10px;
  float: left;
}

#home-newsletter .newsletter-copy span.awesome-sales {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  margin-left: 10px;
}

#home-newsletter .newsletter-copy span.start-saving {
  font-weight: 600;
  font-size: 12px;
  color: #f8b003;
  text-transform: uppercase;
  margin-left: 10px;
}

#home-newsletter .BlockContent {
  width: 55%;
  background: url(/template/images/newsback.jpg) repeat;
  float: left;
  background-size: contain;
}

#home-newsletter input.Textbox {
  height: 26px;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 11px;
  color: #141416;
  border: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 0px 8px;
}

#home-newsletter input.button {
  height: 32px;
  background: url(/template/images/yellowbutton.png) no-repeat;
  font-weight: 800;
  font-size: 17px;
  color: #fff;
  text-transform: uppercase;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 3px 13px 4px !important;
  margin-left: 8px !important;
  margin-top: 10px !important;
}

/* Home Copy */

#home-copy {
  margin: 0 10px 10px;
  position: relative;
}

#home-copy .grid-6 {
  width: 49.4%;
  min-height: 282px;
  background: #F9F9F9;
  border: 1px solid #d7d7da;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  margin-bottom: 15px;
}
#home-about {
  margin-right: 1%;
}

#home-copy .grid-6 .copy-title {
  background: #B53232;  
  background: -moz-linear-gradient(top, #B53232, #640000);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B53232), to(#640000));
  -moz-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

#home-copy .grid-6 .copy-title h3 {
  font-weight: 400;
  font-size: 17px;
  color: #fff;
  margin: 0px;
  padding: 5px 5px 5px 10px;
}

#home-copy .grid-6 p {
  font-weight: 400;
  font-size: 12px;
  color: #2a2c31;
  padding: 15px;
  line-height: 1.5;
  margin-bottom: 0;
}

#home-copy .grid-6 p strong {
  font-weight: 600;
  font-size: 14px;
  color: #2a2c31;
}

#home-copy .grid-6 .copy-link {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

#home-copy .grid-6 .copy-link a {
  font-weight: 700;
  font-size: 12px;
  color: #50535a;
  text-decoration: none;
}

/* == 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;
  margin-top: 70px;
  text-indent: -10000em;
  position: absolute;
  z-index: 2000;
}

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

}

/* ==========================================================================
   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   
   ========================================================================== */

#parts-finder img {
  max-width: 100%;
}
#PartFinder {
  font-size: 0;
  background: #373737;
}
#PartFinder .textSection {
  background: #313131;
  background: -moz-linear-gradient(top, #313131, #010101);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#313131), to(#010101));
  width: 20%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
#PartFinder .textSection span {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
#PartFinder .grayTexture {
  width: 79.8%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
#PartFinder .selectorSection {
  background: url(/template/images/newsback.jpg) repeat-x;
  background-size: contain;
  width: 21.9%;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #1D1D1D;
  border-left: 1px solid #595959;
  padding: 14px 10px;
  font-size: 0;
  vertical-align: top;
  margin: 0;
}
#PartFinder .selectorSection:first-child {
  border-left: 0;
}
.selectorSection select {
  width: 100%;
  font-size: 12px;
}
#PartFinder .buttonSection {
  background: url(/template/images/newsback.jpg) repeat-x;
  background-size: contain;
  border-left: 1px solid #595959;
  width: 12%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  padding: 9px 0;
  display: inline-block;
  text-align: center;
}
#PartFinder .btn {
  height: 32px;
  background: url(/template/images/yellowbutton.png) no-repeat right;
  font-weight: 800;
  font-size: 17px;
  text-transform: uppercase;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: 3px 17px 4px 10px !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
  box-sizing: border-box;
}
#provider_list {
  width: 40%;
}
#ToggleMenu,
#DrawerMenu,
#cart-amount {
    display:none;
}


/* Toggle menu
-------------------------------------------------------------- */

#ToggleMenu {
    /*temp styles*/
    cursor: pointer;
    font-size: 15px;
    height: 60px;
    position: relative;
    text-indent: -9999px;
    vertical-align: middle;
    width: 60px;
}
#ToggleMenu:after {
    -ms-box-shadow: 0 8px 0 2px #333, 0 16px 0 2px #333, 0 24px 0 2px #333;
    -moz-box-shadow: 0 8px 0 2px #333, 0 16px 0 2px #333, 0 24px 0 2px #333;
    -webkit-box-shadow: 0 8px 0 2px #333, 0 16px 0 2px #333, 0 24px 0 2px #333;
    box-shadow: 0 8px 0 2px #333, 0 16px 0 2px #333, 0 24px 0 2px #333;
    content: ' ';
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 18%;
    width: 38%;
}
#ToggleMenu:before {
  content: 'MENU';
  position: absolute;
  top: 67%;
  font-size: 12px;
  font-family: Arial, sans-serif;
  width: 100%;
  left: 0;
  right: 0;
  color: #000000;
  text-align: center;
  text-indent: 0;
  font-weight: bold;
}

#Header,
.pageMain {
    -webkit-transition: -webkit-transform 100ms ease-out;
    -ms-transition:     -ms-transform 100ms ease-out;
    transition:         transform 100ms ease-out;
}

.pageMain.off-screen {
    -webkit-transform: translateX(80%);
    -ms-transform:     translateX(80%);
    transform:         translateX(80%);
    position: fixed;
    overflow-y: hidden;
}

/*----------------------------------------------------------------------------------------------------------
#############################################  DRAWER MENU
----------------------------------------------------------------------------------------------------------*/
#DrawerMenu {
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 0;
    width: 80%;
    background-color: #333;
    color: #fff;
}
    #DrawerMenu.on-screen {
        display: block;
        position: absolute;
        overflow-y: auto;
    }

#DrawerMenu  div {
    margin :0;
}

#DrawerMenu h3 {
    background: #9b0202;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    padding: 10px 15px;
    text-transform: uppercase;
    line-height: 1;
    height: inherit;
    border-radius: 0;
    margin: 0;
}
#DrawerMenu #SideCategoryList {
  background: none;
  border: 0;
  border-radius: 0;
}
#DrawerMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#DrawerMenu li,
#DrawerMenu #SideCategoryList ul li {
    float: none;
    border-bottom: 0;
    list-style: none outside none;
    margin: 0;
    color: #fff;
    position: relative;
}
#DrawerMenu a,
#DrawerMenu #SideCategoryList ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: #fff !important;
    font-size: 1.1em;
    font-weight: normal;
    padding: 10px 15px !important;
    border-bottom: 0 !important;
}
#DrawerMenu li > ul a {
    padding: 10px 15px 10px 1.6em;
}

/*# Drawermenu "sign in" options have fixed html, so to align
the "or" text, do these terrible things. #*/
#DrawerMenu li > div {
    padding: 0 15px;
}
#DrawerMenu li > div > a {
    margin: 0 -15px;
}

/*# DRAWERMENU EXPANDER #*/
#DrawerMenu .subcat-expand {
    position: absolute;
    right: 0;
    top: 0;
    height: 41px;
    width: 55px;
}
#DrawerMenu .subcat-expand:after {
    color: #fff;
    content: '+';
    display: block;
    font-size: 16px;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#DrawerMenu .subcat-expand.subcat-expanded:after {
    content: '-'
}

/*# DRAWERMENU SUB MENUS #*/
#DrawerMenu .drawer-subcat {
    background: #444;
    display: block !important;
    max-height: 0;
    overflow: hidden;
    left: auto;
    top: auto;
    position: relative;
    visibility: visible !important;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    width: 100%;
}
#DrawerMenu .drawer-subcat .drawer-subcat {
  background: #555;
}
#DrawerMenu .drawer-subcat .drawer-subcat .drawer-subcat {
  background: #666;
}
#DrawerMenu .drawer-subcat.expanded {
    border-top: 1px solid #555;
    max-height: 1000px;
}

/*# DRAWER MENU CURRENCY SELECTOR #*/

.js-drawermenu-currency-converter {
  color: #ccc;
  font-size: 12px;
  padding: 15px 0;
}
.js-drawermenu-currency-converter span {
  color: #ccc !important;
}
.Content img {
  max-width: 100%;
}
.Content.Wide.WideWithRight {
  padding-left: 10px;
  padding-right: 200px;
}
#NewsContent {
  clear: none;
}
.Content.WideWithLeft .Block,
.Content.WideWithRight .Block {
  clear: none;
}
.cart #PartFinder,
.checkout #PartFinder {
  display: none;
}