/*
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;
  color: #646665;
}

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

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

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

h1 {
  margin-bottom: 10px;
  font-size: 1.6em;
  line-height: 1.2;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #4F525B;
  text-transform: capitalize;
}

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: #22B9F0;
  outline: none !important;
}

a:hover,
.Content a:hover,
a:focus,
.Content a:focus {
  color: #22B9F0;
  text-decoration: underline;
  outline: none !important;
}

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

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

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

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

::-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;
  width: auto !important;
  padding: 7px 16px 8px !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #ffffff !important;
  background: #00CEF5;  
  background: -moz-linear-gradient(top, #40D9F8, #00A7EE);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40D9F8), to(#00A7EE));
  border: 1px solid #AFC6CC;
  border-radius: 0px;
  cursor: pointer;
  -webkit-appearance: none;
  outline: none !important;
} 

.button:hover,
.sharebutton,
.sharebutton a:hover,
.Content a.button:hover,
input[type=submit]:hover,
input[type=button]:hover {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  background: #00A7EE;  
  background: -moz-linear-gradient(top, #00A7EE, #40D9F8);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00A7EE), to(#40D9F8));
  color: #ffffff;
  outline: none !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;
  outline: none !important;
}

.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 {
  width: auto;
  margin: 0;
}

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

#TopMenu {
  padding-bottom: 4px;
  border-bottom: 2px solid #DFE0E4;
  clear: none;
  float: right;
  display:inline-block;
}

#Header,
#PrimaryMenu,
#Wrapper,
#Footer {
  width: 950px;
  margin: 0 auto;
}

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

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

#TopMenu {
  height: auto;
}

#Header {
  height: 112px;
}

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

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

#WrapperOuter {
  background: url(/template/images/background.jpg) no-repeat #fff;
}

#Wrapper {
  text-align: left;
  *zoom: 1;
  min-height: 100%;
}

#Wrapper:before,
#Wrapper:after {
  content: "";
  display: table;
}
#Wrapper:after {
  clear: both;
}

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

/* == TopMenu =============================================================== */ 
  
#TopMenuOuter {
  padding-bottom: 13px;
  background: #fff;
  border-top: 8px solid #000000;
}

#TopMenu {
  height: 20px !important;
  margin-top: 20px;
}

#TopMenu ul {
  float: right;
}

#TopMenu li {
  padding: 0 8px;
  height: 25px;
}

#TopMenu li.First {
  padding-left: 0px;
}

#TopMenu li.Last {
  padding-right: 0px;
}

#TopMenu li.CartLink {
  padding-right: 0px;
}

#TopMenu li.CartLink img {
  width: 24px;
  height: 18px;
}

#TopMenu li a,
#TopMenu li div {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  color: #5c5e64;
  text-transform: uppercase;
  border: none;
  margin: 0px;
  padding: 0px;
}

#TopMenu li a:hover {
  color: #5c5e64;
}

#header-contact {
  line-height: 1;
  text-align: center;
  clear: right;
  float: right;
  margin: 10px 0 0;
}
  #header-contact ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
    #header-contact li {
      float: left;
      padding-left: 35px;
    } 
    #header-contact li.phone {
      font-family: 'Questrial', sans-serif;
      font-size: 20px;
      color: #00AEED;
      font-weight: bold;
      margin-top: 10px;
    }
    #header-contact li.headershipping{
        font-size: 14px;
        padding: 12px 0 0!important;
        text-transform: uppercase;
        font-family: "Oswald", sans-serif;
        color: #00ADEF;
    }
      #header-contact span.hours {
        font-family: 'Questrial', sans-serif;
        font-size: 14px;
        color: #a7abad;
      }

/* Custom Cart Box */

#CustomCartBox {
  width: 160px;
  position: relative;
}

#CustomCartBox ul li {
  padding: 0px;
  padding-left: 4px;
  float: left;
}

#CustomCartBox #crtnumber {

}

#CustomCartBox #crttext {

}

#CustomCartBox ul li.cart-img {
  padding-left: 0px;
  position: absolute;
  top: 0px;
  right: 136px;
}

#CustomCartBox ul li.cart-link {
  position: absolute;
  top: 0px;
  right: 68px;
}

#CustomCartBox ul li.cart-items {
  width: 56px;
  position: absolute;
  top: 0px;
  right: 5px;
}

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

#HeaderOuter {
  background: #fff;
  border-top: 8px solid #000;
  height: 165px;
  border-bottom: 15px solid #EEEFF4;
}

#Header {
  position: relative;
}

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

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

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

#SearchForm {
  width: auto;
  padding: 0;
  float: left !important;
}

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

#SearchForm .Textbox {
  padding-left: 20px;
}

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

#SearchForm #search_query {
  margin-right: 5px;
  padding: 0px 18px;
  font-size: 1em;
  border-radius: 0px !important;
  background: url(/template/images/search.png) no-repeat;
  border: 1px solid #C9C9C9;
  border-right: none;
  margin-right: 0px !important;
}

#SearchForm input.button {
  border-radius: 0px !important;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  border: 1px solid #C9C9C9;
  border-left: none;
  background: #01B8F2;  
  background: -moz-linear-gradient(top, #41DAF9, #00A9EE);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#41DAF9), to(#00A9EE));
  padding: 1px 8px 4px !important;
  height: 24px;
}

#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: 10px;
  background: #fff;
  position: relative;
  z-index: 70;
}

#PrimaryMenu {
  height: 24px;
}

#PrimaryMenu > ul {
  float: right;
}

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

#PrimaryMenu li {
  margin-bottom: 0;
}

#PrimaryMenu > ul > li > a {
  display: block;
  padding: 0px 5px 0px;
  font-size: 1em;
  text-decoration: none;
  color: #4F5259;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

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

#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;
  height: 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.ActivePage {
  background: url(/template/images/activearrow.png) no-repeat center bottom;
}

#PrimaryMenu ul li.2 {
  background: url(/template/images/activearrow.png) no-repeat center bottom;
  display: none;
}

#PrimaryMenu ul li ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  width: 160px;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  -webkit-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: #0088cc;
}

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

/* End Navigation */

/* =============================================================================
   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: 740px;
  margin: 0;
  padding: 0;
}

.Content.Widest {
  width: 930px;
  margin: 0;
  padding: 0;
}

.page-title {}
.page-title h1 {}
.page-title:before,
.page-title:after {
  content: "";
  display: table;
}
.page-title:after {
  clear: both;
}
.page-title {
  *zoom: 1;
  border-bottom: 1px solid #E3E3E5;
  position: relative;
}

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

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

.Right {
  width: 180px;
  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: block;
}

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

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

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

/* Side Category List */

#SideCategoryList h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#SideCategoryList ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#SideCategoryList ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

/* Side Clearance */

#SideClearance h3 {
  background: #00CEF5;  
  background: -moz-linear-gradient(top, #40D9F8, #00A7EE);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40D9F8), to(#00A7EE));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#SideClearance ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#SideClearance ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

/* Side Shop by Brand */

#SideShopByBrand {
  position: relative;
}

#SideShopByBrand h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

/* Side Gifts */

#SideGifts h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#SideGifts ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#SideGifts ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

/* Side Shop New */

#SideShopNew h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#SideShopNew ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#SideShopNew ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

/* Side Shop By Price */

#SideCategoryShopByPrice {
  position: relative;
}

#SideCategoryShopByPrice h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

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

/* Side Account Menu */

#SideAccountMenu h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#SideAccountMenu ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#SideAccountMenu ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

#SideAccountMenu ul li a:hover strong {
  color: #12A8DD;
}

#SideAccountMenu ul li a strong:hover {
  color: #12A8DD;
}

/* Gift Certificates Menu */

#GiftCertificatesMenu h3 {
  background: #413D3C;  
  background: -moz-linear-gradient(top, #6C6B69, #1A1A18);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C6B69), to(#1A1A18));
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  height: 24px;
  padding: 4px 10px 1px;
  margin-bottom: 5px;
}

#GiftCertificatesMenu ul li {
  border-bottom: 1px solid #F1F1F1;
  margin-left: 10px;
  margin-right: 5px;
}

#GiftCertificatesMenu ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #12A8DD;
  text-transform: uppercase;
}

/* 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: 3px 0;
  position: relative;
}

#SideCatPopOut ul li a .caret {
  display: none;
  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 li ul {
  float: left;
  width: 160px;
  padding: 4px 0;
  margin: 0;
  position: relative;
}

#SideCatPopOut ul li ul li {
  margin: 0px 22px;
  list-style: disc !important;
  font-size: 12px;
  color: #6F6F6F;
}

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

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

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

#SideCatPopOut li li a {
  display: block;
  padding: 3px 0px;
  clear: both;
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #6F6F6F;
}

#SideCatPopOut ul li ul a:hover {
  color: #6F6F6F;
  background: transparent;
}

/* 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: 13px 0 5px;
  background: #000;
}

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

/* Footer Navigation */

#Footer #FooterMenu {
  float: left;
  width: 950px;
  margin: 0 0 16px 0;
}

#Footer #FooterMenu ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

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

#Footer #FooterMenu ul li a {
  font-family: 'Questrial', sans-serif;
  padding: 0 8px;
  color: #727272;
  border: none;
}

#Footer #FooterMenu ul li.ActivePage a,
#Footer #FooterMenu ul li:hover a {
  color: #727272;
  text-decoration: underline;
}

#Footer #FooterMenu ul ul {
  display: none;
}

#Footer #copyright {
  font-size: .85em;
}

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

/* Footer Text and Social Icons */

#FooterOuterText {
  width: 100%;
  background: #0C0C0C; 
}

#FooterText {
  width: 950px;
  margin: 0 auto;
}

#FooterText .row {
  margin-top: 25px;
}

#FooterText .grid-7 {
  margin-left: 0px;
  width: 500px;
}

#FooterText .grid-2 {
  margin-left: 0px;
}

#FooterText #foot-copy {
  margin-right: 178px;
}

#FooterText #foot-copy p {
  font-family: 'Questrial', sans-serif;
  color: #727272;
}

#FooterText #foot-copy p span {
  font-family: 'Questrial', sans-serif;
  color: #00BBFF;
  text-transform: uppercase;
}

#FooterText #mad-design {
  width: 160px;
  margin-top: 18px;
}

#FooterText #mad-design a {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #434343;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
}

#FooterText #mad-design a:hover,
#FooterText #mad-design a:focus,
#FooterText #mad-design a:active {
  font-family: 'Open Sans', sans-serif;
  color: #434343;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: underline;
}

#FooterText #foot-social {
  width: 112px;
  margin-top: 15px;
}

#FooterText #foot-social ul {
  list-style: none;
  padding: 0px !important;
  margin: 0px !important;
  float: right;
}

#FooterText #foot-social ul li {
  float: left;
  display: block;
  padding-left: 5px;
}

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

.Breadcrumb ul li {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  color: #646665;
  text-transform: uppercase;
}

.Breadcrumb ul li a {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  color: #646665;
  text-transform: uppercase;
  text-decoration: none;
}

.Breadcrumb ul li a:hover,
.Breadcrumb ul li a:focus,
.Breadcrumb ul li a:active {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  color: #A7ABAE;
  text-transform: uppercase;
  text-decoration: underline;
}

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

/* Search Page */

#SearchPageHeader .page-title {
  width: 600px;
  border: none;
}

#SearchPage .TabNav li a {
  font-size: 14px !important;
}

.SearchContainer .ProductList li {
  width: 140px !important;
  margin: 10px !important;
}

/* Blog */

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

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

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

/* Products Page */

.products-page ul li {
  width: 120px;
  height: 170px;
}

.products-page ul li a img {
  width: 110px;
  height: 110px;
}

/* Category Page */

.PageLayout {
  width: 950px;
  min-height: 100%;
  background: url(/template/images/homecontentback.jpg) repeat !important;
  border-radius: 6px !important;
  border: 1px solid #fff;
  margin-top: -36px !important;
  position: relative;
  z-index: 10;
  padding-bottom: 44px;
  clear: both;
}

.PageLayout:after {
  clear: both;
  content: "";
  display: table;
}

.PageLayout .grid-12 {
  margin-bottom: 5px;
  margin-left: 0px;
}

#cat-lines {
  position: absolute;
  bottom: 10px;
  left: 5px;
}

.CategoryLayout {
  width: 930px;
  min-height: inherit;
  background: #fff !important;
  margin-left: 5px;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  clear: both;
}

.CategoryLayout:after {
  clear: both;
  content: "";
  display: table;
}

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

/* Category Banner */

#cat-banner {
  width: 740px;
  height: 68px;
  background: #F8F8FA;
  border-left: 1px solid #E0DFE4;
}

#cat-banner #catbanner-text {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

#cat-banner h3 {
  font-family: 'Oswald', sans-serif;
  color: #01AEF0;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 28px;
}

#cat-banner span {
  font-family: 'Questrial', sans-serif;
  font-size: 12px;
  color: #A1A2A4;
  float: right;
}

/* Category Heading */

#CategoryHeading {

}

#CategoryHeading h1 {
  margin-left: 10px;
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E3E3E5;
}

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

.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;
  -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: #01AEF0;
  text-decoration: underline;
}

/* Category Content */

#CategoryContent .ProductList .ProductPriceRating .RetailPriceValue {
  /*display: none;*/
}

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

/* Sub Category List Grid */

.SubCategoryListGrid ul {
  padding-left: 0px;
}

.SubCategoryListGrid li {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  margin-bottom: 4px;
  margin-left: 10px;
  padding: 26px;
  text-align: center;
}

.SubCategoryListGrid li.RowDivider {
  padding: 0px;
}

.SubCategoryListGrid ul li a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #6A6A6C;
  text-decoration: none;
  text-transform: uppercase;
}

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

.ProductList li {
    float: left;
    font-size: 0.95em;
    list-style: none outside none;
    margin: 12px;
    min-height: 17em;
    overflow: hidden;
    padding: 8px;
    width: 130px;
    text-align: center;
}

.ProductList .ProductDetails strong a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #02A1DB;
  text-transform: capitalize;
}

.ProductList .ProductPriceRating {
  height: 70px !important;
  line-height: 1;
  text-align: center;
  position: relative;
}

.ProductList .ProductPriceRating span {
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 10px;
  color: #646665;
  text-transform: uppercase;
  margin-right: 5px;
  margin-top: 8px;
}

.ProductList .ProductPriceRating span.price {
  margin-left: 16px;
  margin-right: 6px;
}

.ProductList .ProductPriceRating em {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #646665;
  text-align: left;
}

.ProductList .ProductPriceRating span.SalePrice {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #646665;
  float: right;
  margin-top: 0px;
  margin-right: 31px;
  height: 20px;
}

.ProductList .ProductPriceRating span.Rating {
  margin-left: 8px;
  position: absolute;
  bottom: 4px;
}

.ProductList .ProductPriceRating span.label {
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 12px;
  text-transform: lowercase;
  margin-top: 5px;
}

.ProductList .ProductActionAdd {
  width: 104px;
  height: 24px;
  border: 1px solid #AFC6CE;
  background: #00ACEE;  
  background: -moz-linear-gradient(top, #40D9F8, #1FAAE5);  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40D9F8), to(#1FAAE5));
  margin-left: 13px;
  padding-top: 4px;
}

.ProductList .ProductActionAdd a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  text-transform: lowercase;
  text-decoration: none;
}

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

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

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

#ProductDetails .ProductThumbWrap {
  float: left;
}

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

.ImageCarouselBox {
  display: none;
}

#ProductDetails .ProductTinyImageList {
}

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

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

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

.PrimaryProductDetails .ProductMain {
  width: 364px;
  margin-left: 20px;
}

#ProductDetails hr {
  display: none;
}

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

/* Details Grid */   

.ProductDetailsGrid {
  margin-top: 10px;
  position: relative;
}

.PriceRow {
  height: 28px;
  position: relative;
}

.PriceRow .Label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: #646665;
  height: 28px;
  position: absolute;
  top: 8px;
  left: 0px;
}

.PriceRow .Value{
  height: 28px;
  position: absolute;
  top: -10px;
  left: 108px;
}

.PriceRow em.ProductPrice {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #646665;
  height: 28px;
}

.RetailPrice {
  height: 28px;
  position: relative;
  margin-bottom: 20px !important;
}

.ProductDetailsGrid .RetailPrice .Label {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1em;
  color: #646665;
  height: 18px;
  position: absolute;
  top: 18px;
  left: 0px;
}

.RetailPrice .Value {
  font-weight: 700;
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 108px;
}

.RetailPrice .Value strike {
  color: #D10000;
  font-size: 32px;
  height: 28px;
}

#prod-line {
  height: 1px;
  width: 364px;
  border-bottom: 1px solid #E3E3E5;
  margin-top: 15px;
  margin-bottom: 15px;
}

.QuantityInput {
  font-weight: 400 !important;
  font-size: 12px;
  color: #848889;
  text-transform: lowercase;
}

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

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

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

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

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

.ProductAddToCart {
  width: 364px;
  height: 44px;
}

.ProductAddToCart .Label {
  margin-top: 6px !important;
}

.ProductAddToCart .QuantityBox {
  margin-top: 5px !important;
}

.ProductAddToCart .DetailRow {
  width: 364px;
  height: 44px;
}

.BulkDiscount {
  width: 200px;
  height: 40px;
  clear: none;
  float: left;
  position: relative;
  margin-left: 30px;
}

#cart-logo {
  position: absolute;
  top: 0px;
  left: 8px;
}

.ProductAddToCart .BulkDiscount .button {
  font-size: 22px;
  padding: 1px 17px 3px 45px !important;
  height: 40px;
  width: 200px;
}

/* Availability Grid */

#availability-grid {
  list-style: none;
  padding: 0px;
  margin-top: 32px;
}

#availability-grid li {
  background: url(/template/images/checkmark.png) no-repeat left;
  padding-left: 14px;
}

#availability-grid li.out-of-stock {
  background: url(/template/images/redx.png) no-repeat left;
  padding-left: 14px;
}

#availability-grid li.do-not-ship {
  background: url(/template/images/redx.png) no-repeat left;
  padding-left: 14px;
}

.DetailRow .availability {
  display: none !important;
}

/* 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 2px 0 0;
  padding: 0;
  line-height: normal;
  width: 182px;
  text-align: center;
}

.TabNav li a {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  top: 0;
  margin: 0;
  padding: 6px 25px 10px;
  color: #fff;
  background: #CFD0D4;
  border: none;
}

.TabNav li a:hover {
  background: #D4D4D4;
}

.TabNav li.Active a {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #5D5E63;
  text-transform: uppercase;
  padding: 5px 25px 10px;
  background: url(/template/images/tabarrow.png) no-repeat center bottom #fff;
  border: 1px solid #E6E4E5;
  border-bottom: 1px solid transparent;
  text-decoration: none;
}

#TabPanels {
  clear: both;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #E6E4E5;
}

#SimilarMultiProductsByCustomerViews h2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 16px;
  border-bottom: 1px solid #E3E3E3;
}

#SimilarProductsByCustomerViews h2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #00aeef;
  text-transform: uppercase;
  border-bottom: 1px solid #E3E3E3;
  padding-left: 20px;
  padding-bottom: 15px;
}

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

.CartContents span.Availability {
  display: none;
}

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

.credit-cards {
  position: absolute;
  right: 0px;
  top: 0px;
}

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

#home-content {
  width: 950px;
  /*height: 632px;*/
  background: url(/template/images/homecontentback.jpg) repeat;
  border-radius: 6px;
  margin-top: -36px;
  position: relative;
  z-index: 10px;
  border: 1px solid #fff;
}

#home-content .grid-12 {
  margin-left: 0px;
}

#home-content #home-banner {
  margin-top: 10px;
  padding: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 10px;
}

#home-content .home-lines {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}

.line-1 {
  width: 940px;
  height: 1px;
  background: #C0C0C0;
}

.line-2 {
  width: 940px;
  height: 2px;
  background: #fff;
}

#home-content #home-panels {
  margin-top: 10px;
}

#home-content .grid-7 {
  margin-left: 0px;
  width: 560px;
}

#home-content .grid-2 {
  margin-left: 0px;
  width: 182px;
}

#home-content #home-shipping {
  padding-left: 5px;
}

#home-content #home-shipping img {
  margin-bottom: 10px;
}

#home-content #our-history {
  margin-left: 15px;
}

#home-content #our-products {
  margin-left: 7px;
}

/* Home Text and Media Gallery */

#home-text {
  width: 950px;
  height: 210px;
  margin-top: 25px;
  margin-bottom: 30px;
}

#home-text .grid-7 {
  margin-left: 0px;
}

#home-text .grid-5 {
  margin-left: 0px;
}

#home-text #home-copy {
  padding-left: 10px;
}

#home-text #home-copy h2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  color: #4B4C50;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#home-text #home-copy p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #7B7C80;
  font-size: 13px;
  line-height: 1.5;
}

#home-text #home-copy a {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #22B9F0;
  text-transform: uppercase;
  text-decoration: none;
}

#home-text #home-copy a:hover,
#home-text #home-copy a:focus,
#home-text #home-copy a:active {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #22B9F0;
  text-transform: uppercase;
  text-decoration: underline;
}

#home-text #home-gallery {
  width: 370px;
  height: 210px;
  margin-left: 30px;
  background: url(/template/images/clearance.png) no-repeat;
  position: relative;
}

#home-text #home-gallery a.back {
  width: 370px;
  height: 209px;
  position: absolute;
}

#home-text #home-gallery h3 a {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 30px;
  color: #22B9F0;
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
  bottom: 26px;
  left: 6px;
}

#home-text #home-gallery span a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #7B7C80;
  text-decoration: none;
  position: absolute;
  bottom: 5px;
  left: 8px;
}

/* == jCarousel Styles == */

.jcarousel {
  margin: 0 auto;
}

#carousel.jcarousellite {
  position: relative;
}

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

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

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

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

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

/* == Elastislide Styles == */

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

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

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

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

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

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

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

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

/* == End Elastislide Styles == */
   
/* =============================================================================
   Media Queries !n! !mqs
   ========================================================================== */
   
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

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

}

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

#web-by {
  padding-top: 100px;
}

#shimano {
  float: right;
}

#FooterText #mad-design {
  margin-top: 18px;
  width: 260px !important;
}


/* Style for Shop By Brand select list */
.MenuBrands > select {
  width: 180px;
}

.MenuBrands .AllBrands{display:none;}