/*
Template Name:      Roots BigCommerce
Description:        Starting template for BigCommerce
Version:            2.7
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            March 9, 2012
*/

/*
    *** TABLE OF CONTENTS ***
    ------------------------------------------------------------------------------    
    Following the name of each section is -n- and a 3 digit code, for example abc,
    which you can use find or find next to skip to the next section.
    PLEASE LOOK THROUGH CSS BEFORE EDITING IT TO SEE WHAT EACH SECTION CONTAINS
    ------------------------------------------------------------------------------
    
    Base = bas
    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 -n- = chk
    Account = act
    Home Page = hpg
    Internet Explorer 7 = ie7
    Media Queries = mqs
    Plugins = plg

/*

/* =============================================================================
   Base -n- bas
   ========================================================================== */
   
html { overflow-y: scroll; }
body {
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/background-body.png?t=1506538951) repeat-x 0 0 #101010;
    font-size: 14px;
     font-family: "proxima-nova",sans-serif;
    
}
h1,h2,h3,h4,h5,h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
ul.none { margin: 0 0 1.5em 0; padding: 0; list-style: none; }
.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; }

/* == Non-semantic helper classes ============================================= */
/* image replacement */
.ir { display : block; text-indent : -999em; overflow : hidden; background-repeat : no-repeat; text-align : left; direction : ltr; }
/* hide for both screenreaders and browsers */
.hidden { display : none; visibility : hidden; }
/* hide only visually, but have it available for screenreaders */
.visuallyhidden { position : absolute; clip : rect(0 0 0 0); overflow : hidden; margin: -1px; padding : 0; height : 1px; width : 1px; border : 0; }
/* extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position : static; clip : auto; overflow : visible; height : auto; margin : 0; width : auto; }
/* hide but maintain layout */
.invisible { visibility : hidden; }

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

a, .Content a { color: #000; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color: #555; }
a:hover, a:active { outline: none; }
a:active, input.button:active, input[type=submit]:active, input[type=button]:active { outline: 0; position: relative; top: 0px; }
a.ChangeLink:active { position: absolute; top: auto; right: 15px; }
a:active.modalClose { position: absolute; top: 10px; }
a:link { -webkit-tap-highlight-color: #3399FF; }
::-moz-selection { text-shadow: none; background: #3399FF; color: #fff; }
::selection { text-shadow: none; background: #3399FF; color: #fff; }


/* == Buttons =============================================================== */
.button, .Content a.button, input[type=submit], input[type=button] {
    display: inline-block;
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-red.png?t=1506538951) repeat-x 0 0 #4F0101;
    border:1px solid #fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color: #fff;
    padding: 4px 16px;
    cursor: pointer;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    width: auto!important;
    overflow: visible;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-appearance: none;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-red.png?t=1506538951) repeat-x 0 0 #4F0101;
    color: #fff; 
    text-decoration: none;
}
.button.download { margin-bottom: 10px; }
.AccountOrderStatusList li form { margin-bottom: 4px; }
#ProductReviews .button { float: right; }
#LoginButton { padding: 8px 16px !important; margin-bottom: 12px; }
.AddCartButton input.button { margin: -4px 0 0 10px; }
.CheckoutButton { margin-bottom: 1.5em; }
.ProceedToCheckout a.button { padding: 8px 16px; color: #fff; }
.BulkDiscount .button { margin:0!important; }
.noRightMargin { margin-right:0!important; }
/* == Forms =================================================================== */
input, select, textarea { font-family: sans-serif; font-size: 1em; }
button, input, input.Textbox, input[type=text], select, textarea { margin: 0; padding: 3px; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button { width: auto; overflow: visible; }
textarea { overflow: auto; }
#LoginForm form input[type=text] { margin: 0; }
.HorizontalFormContainer dd { padding: 8px 0 0; }
.HorizontalFormContainer dt { padding: 10px 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, Base Styles, and Blue Reset Styles -n- prm
   
   ** MEANT FOR BASIC STRUCTURE for example widths, margins, padding and
   for background images/colors for the basic structure elements
   
   ** NOT FOR CONTENT SPECIFIC STYLES for example styling what is inside the
   header, footer, content areas, etc.
   ** USE APPROPRIATE SECTION(S) FOR THAT
   ========================================================================== */
#html {}
#body {}
#Container { width: auto; margin: 0; }
#Outer {
    background: none;
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/background-pagetop.jpg?t=1506538951) no-repeat top center transparent;
    margin: 0;
}
#TopMenu, #Header, #PrimaryMenu, #Wrapper, #Footer  { width: 950px; margin: 0 auto; }
#TopMenuOuter, #HeaderOuter, #PrimaryMenuOuter, #WrapperOuter, #FooterOuter  { width: 100%; }
#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; }
#TopMenuOuter { margin-bottom: 15px; }
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter { margin-bottom: 16px; }
#PrimaryMenu {}
#WrapperOuter { position:relative; }
#Wrapper { text-align: left; }
#FooterOuter {}
#Footer { clear: both; }

.Content, .Content.Wide, .Content.Widest { background: none; min-height: 0; }
.Content { width: 550px; margin: 0 10px 0 0; padding: 0; font-size: 1em; }
.Content.Wide { width: 691px; margin: 0; padding: 0; }
.Content.Widest { width: 950px; margin: 0; padding: 0; }

/*Sidebars*/
.Left, .Right { background: none; min-height: 0; }
.Left h2, .Right h2 { width: auto; }
.Left li, .Right li { border: none; }
.Left { width: 230px; margin-left:10px; margin-right: }
.Right { width: 190px; margin: 0; }

#Wrapper { background:#fff; padding-bottom:15px; }
.home #Wrapper { background: none; }
.home.blog #Wrapper { background: #fff; }

#OuterInner, #HomeOuterInner {
    width:950px;
    box-shadow: 0px 0px 14px 1px black;
    -moz-box-shadow: 0px 0px 14px 1px black;
    -webkit-box-shadow: 0px 0px 14px 1px black;
    margin:0 auto;
}
#OuterInner {
    z-index:10;
    position:relative;
}
.home #OuterInner {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.checkout .Content.Widest {
    width:930px;
    padding:10px;
}


/* =============================================================================
   Header -n- hdr
   ========================================================================== */

/* == TopMenu =============================================================== */   
#TopMenuOuter {} 
#TopMenu {
    background: #0C0A0B;
}
#TopMenu ul { float: left; margin-top:6px; font-size:.9em; width:610px; }
#TopMenu li a, #TopMenu li div { color: #C2C2C2; border: none; font-size: .95em; margin: 0; padding: 0 10px; }
#TopMenu li a:hover { color: #eee; }

/* == Header ================================================================ */ 
#HeaderOuter {}
#Header {
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-white.png?t=1506538951) repeat-x 0 0 #C5C5C5;
}
#FreeShipping {
    float:left;
    color: #D50100;
    font-size:1.5em;
    text-transform:uppercase;
    text-align:center;
    margin:22px 0 0 17px;
    font-weight:bold;
}
#FreeShipping span {
    display:block;
    font-size:.6em;
}
#ShoppingCart {
    float:right;
    width:384px;
    position:relative;
    margin:14px 10px 0 5px;
}
#ShoppingCart .inner {
    background:#878787;
    z-index:25;
    position:relative;
    height:47px;
    line-height:47px;
    margin:6px 0 0 10px;
    padding-left:61px;
}
#ShoppingCart .inner span {
    font-size:1.15em;
    text-transform:uppercase;
}
#ShoppingCart .inner span,
#ShoppingCart .inner a {
    margin:0 6px 0 0;
    color:#fff;
}
.wf-active #ShoppingCart .inner span,
.wf-active #ShoppingCart .inner a {
    font-weight:600;
    font-style:normal;
}
#ShoppingCart .icon {
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/icon-cart.png?t=1506538951) no-repeat 0 0 transparent;
    z-index:50;
    position:absolute;
    top:0;
    left:0;
    height:67px;
    width:67px;
}
#SlideshowBox {
    overflow:hidden;
    padding:8px;
    background:#fff;
}
#slideshow {
    width:617px;
    height:300px;
    float:left;
    margin-right:10px;
}
#slideshowCategories {
    float:left;
    width:305px;
}
#slideshowCategories a {
    margin-bottom:3px;
    display:block;
    width: 171px;
    height: 73px;
    padding-left:134px;
    color: #6C6C6C;
    text-decoration:none;
    line-height:1;
}
#slideshowCategories a span {
    display:block;
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:bold;
    padding-top:9px;
    margin-bottom:8px;
}
#slideshowCategories a em {
    font-size:.8em;
    display:block;
    width:
}
#slideshowCategories .thumb1 { background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/thumb1-background.jpg?t=1506538951) no-repeat 0 0 transparent; }
#slideshowCategories .thumb2 { background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/thumb2-background.jpg?t=1506538951) no-repeat 0 0 transparent; }
#slideshowCategories .thumb3 { background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/thumb3-background.jpg?t=1506538951) no-repeat 0 0 transparent; }
#slideshowCategories .thumb4 { background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/thumb4-background.jpg?t=1506538951) no-repeat 0 0 transparent; }

#brandSlider {
    width:100%;
    height:89px;
    float:left;
}
#brandSlider a { position:absolute; display:block; }
#brandSlider a img { display:block; width:100%; height:100%; }
#brandSlider .blackscreek { left:7px; top:4px; width:82px; height:83px; }
#brandSlider .russell { left:130px; top:15px; width:200px; height:81px; }
#brandSlider .kenetrek { left:374px; top:20px; width:164px; height:57px; }
#brandSlider .prois { left:600px; top:0px; width:126px; height:91px; }
#brandSlider .suunto { left:808px; top:7px; width:117px; height:77px; }
#brandSlider .sitka { left: 7px; top:20px; width:91px; height: 52px;  }
#brandSlider .eberlestock { left: 173px; top:21px; width:156px; height:52px; }
#brandSlider .badlands { left:413px; top:17px; width:72px; height:60px; }
#brandSlider .havalon { left:558px; top:16px; width:175px; height:60px; }
#brandSlider .lowa { left:768px; top:21px; width:162px; height:55px; }

#backgroundImageShadow {
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:566px;
    box-shadow: 0px 0px 15px 2px black;
    -moz-box-shadow: 0px 0px 15px 2px black;
    -webkit-box-shadow: 0px 0px 15px 2px black;    
    z-index:-1;
}
#PhoneNumber {
    float:right;
    margin-right:14px;
    margin-top:10px;
    font-style:normal;
    width:367px;
    text-align:right;
}
#PhoneNumber em {
    color: #D50100;
    font-weight:bold;
    font-style:normal;
}
#PhoneNumber .help {
    font-weight:bold;
}
#PhoneNumber .LiveChatLink {
    color:#D50100;
    text-decoration:none;
}

/* == Logo ================================================================== */ 
#Logo {
    float: left;
    width: 354px;
    margin-left:13px;
    margin-top:11px;
    position:relative;
}
#Logo span {
    position:absolute;
    top: 63px;
    left: 233px;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    color:#D50100;
}
#Logo img { display: block; margin-bottom: 16px; }

/* == Search Form =========================================================== */
#SearchForm {
    width: auto;
    padding: 0;
    margin-top:4px;
}
#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 { margin-right: 5px; font-size: 1em; color:#999; }
#SearchForm input.button {
    padding: 5px 16px;
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/icon-mag.png?t=1506538951) no-repeat 0 0 transparent;
    border:0;
    height:29px;
}
#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 */
#PrimaryMenuOuter { margin:0; }
#PrimaryMenu {
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/background-menu.png?t=1506538951) repeat-x 0 0 #B60201;
    border-top:5px solid #A7A7A7;
    border-bottom:5px solid #A7A7A7;
}
#PrimaryMenu > ul {text-align:center; }
#PrimaryMenu > ul > li { display:inline-block; }
#PrimaryMenu > ul > li > a {
    display: block;
    padding: 9px 15px;
    font-size: 1.1em;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
}
.wf-active #PrimaryMenu > ul > li > a {
    font-weight:600;
    font-style:normal;
}

#PrimaryMenu > ul > li:hover > a {
    color: #aaa;
}
/* sub menu code */
#PrimaryMenu ul li { position: relative; }
#PrimaryMenu ul ul li { width: 100%; vertical-align: bottom; }/*fixes width and gap issues w/li's in ie7*/
#PrimaryMenu ul ul {
    display: block;
    width: 175px;
    position: absolute;
    top: -10000em;
}
#PrimaryMenu ul ul ul { left: 175px; }
#PrimaryMenu li:hover { visibility: inherit; }/*fixes ie7 sticky bug*/
#PrimaryMenu ul > li:hover > ul { top: auto; z-index: 1000; }
#PrimaryMenu ul  ul > li:hover > ul { top: 0; z-index: 1000; }
#PrimaryMenu li li a {
    display: block;
    padding: 5px 10px;
    background: #B70201;
    color: #fff;
    text-decoration: none;
    text-align:left;
}
#PrimaryMenu li li a:hover { background: #C80100; }
#PrimaryMenu > ul > li.last a { padding-right: 0; }
#PrimaryMenu > ul > li.first a { padding-left: 0; }

/* =============================================================================
   Content -n- cnt
   ========================================================================== */
.Content h2, .TitleHeading, .Content h1 { font-size: 2em; font-weight: 400; color: #000; }
.Content h3 { margin-bottom: 1em; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2, .product .Content h2 { color: #222; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2 { font-size: 1.7em; }
.product .Content h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
.Left, .Right { font-size: 1em; }
.Left h2, .Right h2 { font-size: 1.5em; line-height: 1.2em; }

#SideCategoryList li a,
#SideShopByBrand li a,
#SideAccountMenu li a { display: block; color:#fff; }

#SideCategoryList,
#SideShopByBrand,
#SideAccountMenu,
.Left > article {
    background:#3C3C3C;
    padding:5px 0 10px 0;
}
#SideCategoryList h2,
#SideShopByBrand h2,
#SideAccountMenu h2,
.Left > article > h2 {
    background:#181818;
    color:#fff;
    padding:4px 0 4px 10px;
    font-size:1.3em;
    text-transform:uppercase;
}
#SideCategoryList h2 { background: #A30201; }
.SideCategoryListClassic {
    margin:0;
}
.SideCategoryListClassic > ul > li > a {
    padding:3px;
    background:#181818;
}

#SideShopByBrand .BlockContent ul,
#SideAccountMenu .BlockContent ul,
.Left > article > .BlockContent {
    margin-left:10px;
}

.Left > article a { color:#fff; }

#SideCategoryList .SideCategoryListClassic > ul > li > a {
    font-weight:bold;
    text-transform:uppercase;
}
#SideCategoryList .SideCategoryListClassic > ul > li > ul {
    border:0;
    padding-left: 30px;
    margin-bottom:20px;
}

#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; padding: 3px; margin: 10px 0 0; }
#SideNewsletterBox .button { width: auto; height: auto;    padding: 8px 16px; }

#couponcode, #giftcertificatecode { padding: 5px; }

#SideProductRelated { position:relative; }
#SideProductRelated h2 {
    border-bottom:1px solid #898989;
    text-transform:uppercase;
    font-size:1.2em;
    padding-bottom:5px;
    margin-bottom:10px;
    font-weight:400;
}

#SideShopByBrand a {
    color:#fff;
}


/* =============================================================================
   Footer -n- ftr
   ========================================================================== */

#FooterOuter {
    padding:75px 0 64px 0;
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-blacktogrey.png?t=1506538951) repeat-x 0 0 #141414;
    margin-top:-64px;
    margin-bottom:0;
    
}
#FooterOuter hr {
    color:#4A4A4A;
    background:#4A4A4A;
    height:1px;
    border-top:1px solid #5C5C5C;
}
#Footer { font-size: 1em; text-align:left; width:920px; color:#bbb; }
#Footer a { color: #fff; }
#FooterSocialMedia {
    float:left;
    width: 314px;
}
#FooterSocialMedia a {
    height:25px;
    line-height:25px;
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:left;
    width:170px;
    margin-bottom:10px;
}
#FooterSocialMedia img { vertical-align:middle; margin-right:10px; }
#FooterSocialMedia span { position:relative; top:2px; font-weight:bold; }
#FooterNewsletter {
    float:left;
    color:#bbb;
    width: 600px;
    margin-bottom:20px;
}
#FooterNewsletter h2 {
    font-size:1.1em;
    color:#fff;
    line-height:1;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:5px;
}
#FooterNewsletter .Textbox { width:200px; margin-right:15px; padding:4px; }
#FooterNewsletter p { font-size:.9em; }
#Footer #FooterMenu { float: left; width: 950px; margin: 0 0 16px 0; text-align:center; }
#Footer #FooterMenu ul { text-align: left; list-style: none; margin: 0; padding: 0; }
#Footer #FooterMenu ul li { float: none; display: inline; position: relative; }
#Footer #FooterMenu ul li a { 
    padding: 0 11px 0 7px;
    color: #fff;
    border: none;
    font-size:.9em;
    position:relative;
    top:-4px;
}
#Footer #FooterMenu ul li span { height:12px; border-right:1px solid #fff; display:inline-block; }
#Footer #FooterMenu ul li.first a { padding-left: 0; }
#Footer #FooterMenu ul li.last a { padding-right: 0; }
#Footer #FooterMenu ul li.last span { padding-right: 0; border-right: 0; }


#Footer #FooterMenu ul li a:hover { color: #ccc; }
#Footer #FooterMenu ul li.ActivePage a, 
#Footer #FooterMenu ul ul { display: none; }

#Footer #copyright { font-size: .85em; float:left; width:155px; }


#Footer .paymentOptions {
    float:left;
    margin-left:30px;
}
#Footer .seals {
    float:right;
    position:relative;
    top:-2px;
}
#Footer .verisign { position:relative; top:-2px; margin-left:5px; }
#Footer .layer3 {
    width:950px;
    display:block;
    text-align:left;
    float:left;
    clear:both;
}
#Footer .authorizenet { float:right; position:relative; top:-9px; }
#Footer .seals { width: 400px; }
#Footer .geotrust { float:right; margin-right:10px; }
/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
.Breadcrumb { font-size: 1em; border:0; }
.Breadcrumb a { color:#000; }
.Breadcrumb li:first-child { padding-left: 0; }
.CustomWish.Breadcrumb li.last a { background: none; }
.FeedLink { display: none; }

/* =============================================================================
   Pages -n- pgs
   ========================================================================== */

.home .banner_home_page_bottom ,
.home .banner_home_page_top {
    color:#fff;
}

.home .banner_home_page_bottom a,
.home .banner_home_page_top a {
    color:#fff;
}
.blog .FeedItem h3 { margin-bottom: .5em; }   
.blog .FeedItem .FeedContent p { margin-bottom: .5em; }     
   
   
/* =============================================================================
   Category -n- ctg
   ========================================================================== */
.SortBox { float: right; font-size: 1em; }

.CategoryPagination {
    overflow:hidden;
}
.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: right; }
.CategoryPagination .PagingList li { float: left; padding: 0; }
.CategoryPagination .PagingList li, .CategoryPagination .PageNext { margin-left: 3px; }
.CategoryPagination .PagePrev a, .CategoryPagination .PageNext a, .CategoryPagination .PagingList li {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.CategoryPagination .PagePrev a, .CategoryPagination .PageNext a {
    text-indent: -10000em;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.CategoryPagination .PagePrev a { background-image: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/bg-pageprev.png?t=1506538951); }
.CategoryPagination .PageNext a { background-image: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/bg-pagenext.png?t=1506538951); }
.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination .PagePrev a:hover,
.CategoryPagination .PageNext a:hover,
.CategoryPagination .PagingList li a:hover {
    color: #595959;
    background-color: #eee;
    text-decoration: none;
}

.SubCategoryList, .SubBrandList { background: #F4F4F4; }
.SubCategoryList ul, .SubBrandList ul { margin-bottom: 0; padding-left: 0; }
.SubCategoryList li:last-child, .SubBrandList li:last-child { margin-bottom: 0; }


/* =============================================================================
   Product Lists -n- pls
   ========================================================================== */
.ProductList li .ProductCompareButton { text-align: left; }
.Content .ProductList li { background:none; }
.Content .ProductList li:hover { background:none; }


.product .Content .ProductList.SliderProductList .ProductPriceRating,
.product .Content .ProductList.SliderProductList .ProductPriceRating em {
    color:#3C3C3C;
}
.Content .ProductList.SliderProductList .ProductPriceRating,
.Content .ProductList.SliderProductList .ProductPriceRating em {
    color:#fff;
    font-size:1.1em;
}
.Content .ProductList.CustProdList .ProductPriceRating,
.Content .ProductList.CustProdList .ProductPriceRating em {
    color:#3C3C3C;
    font-size:1.1em;
}


.product .Content .ProductList.SliderProductList .ProductDetails a {
    color:#3C3C3C;
}
.Content .ProductList.SliderProductList li {
    min-height: 265px!important;
}
.Content .ProductList.SliderProductList li a {
    color: #fff;
}
.Content .ProductList .ProductActionAdd a {
    color:#fff;
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-red.png?t=1506538951) repeat-x 0 0 transparent;
    text-decoration:none;
    display:block;
    border:1px solid #fff;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    padding:4px 0;
    width:120px;
    margin:0 auto;
}
.Content .ProductList .ProductActionAdd a:after {
    content:' +'
}
.Content .ProductList.SliderProductList li,
.Content .ProductList.CustProdList li {
    padding:0 0 1px 0;
    border:2px solid transparent;
    text-align:center;
    width:205px!important;
    box-shadow: 0px 0px 10px -1px black;
    -moz-box-shadow: 0px 0px 10px -1px black;
    -webkit-box-shadow: 0px 0px 10px -1px black;
    
}
.Content .ProductList.SliderProductList .ProductImage,
.Content .ProductList.CustProdList .ProductImage {
    border:0px solid #2F2F2F;
    width:100%;
}
.Content .ProductList.CustProdList li {
    padding:0;
    width:211px!important;
    margin: 6px 20px 6px 1px;
}
.Content .ProductList.CustProdList .ProductDetails a {
    color:#3C3C3C;
}
.Content .ProductList.CustProdList .ProductActionAdd a {
    color: #fff;
}
/* List View */

.Content .ProductList.List li { border:0; border-bottom:1px solid #999; }
.Content .ProductList.List .ProductDescription { font-style:normal; }
.Content .ProductList.List strong,
.Content .ProductList.List strong a { color: #181818; }

/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */
#ProductDetails .ProductThumbWrap { float: left; }
#ProductDetails .ProductThumb { float: none; height: auto!important; width:350px!important; }
#ProductDetails .ProductTinyImageList {  }
#ProductDetails .ProductTinyImageList li { border: none!important; } 
#ProductDetails .ProductTinyImageList li .TinyOuterDiv { border: none!important; }
#ProductDetails .ProductThumbImage { border:1px solid #7E7E7E; margin:0; }
.zoomPad {
    float:none;
    display:inline-block;
}
/* == Product Main ========================================================== */
#ProductDetails hr { display: none; }
.AddThisButtonBox { width: auto!important; text-align: left!important; padding: 10px 0 0 0!important; }

.PrimaryProductDetails .ProductMain { width:341px; }
.PrimaryProductDetails .ProductMain h1 { font-size:1.5em; text-transform:uppercase; padding-bottom:5px; border-bottom:2px solid #898989; font-weight:600; color:#3C3C3C;  }
.PrimaryProductDetails .ProductPrice { color: #3C3C3C; }
.ProductDetailsGrid .BrandRow a { color: #3C3C3C; text-decoration:none;  }

/* details grid */   
.ProductDetailsGrid .Label, .productAttributeList .productAttributeLabel { width: auto!important; float: left; text-align: left; padding: 0!important; margin: 0 10px 0 0!important; }
.ProductDetailsGrid .DetailRow { padding: 6px 0 0 0; margin-top: 0; }
.productAttributeList .productAttributeRow { padding: 0!important; margin: 0!important; }
.productAttributeList .productAttributeValue { display: inline; float: left;}
.productAttributeList .required { color: red; }
.ProductDetailsGrid .BulkDiscount { clear: both; padding-top: 15px; }

#ProductDetails .ProductTinyImageList ul li div {
    border:1px solid #7E7E7E;
}

/* product & search tabs  */
#ProductTabs { float: left; }
.TabNav { float: left; margin: 0; padding: 0; border: none; position: relative; overflow: hidden; top: 1px; z-index: 2; border-bottom: none; }
.TabNav li { float: left; margin: 0 2px 0 0; padding: 0; line-height: normal; }
.TabNav li a { display: block; margin: 0 0 1px 0; padding: 8px 12px 8px 12px; border: none; top: 0; border:0; color: #fff; background: #989898; }
.TabNav li a:hover { background: #797979; color:#fff; }
.TabNav li.Active a { border-bottom: none; border-bottom: 1px solid transparent; background: #3C3C3C; font-weight: normal; color:#fff;  }
#TabPanels {
    clear: both;
    border-top: 1px solid #626262;
    padding: 10px;
    margin-top: 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
   
/* =============================================================================
   Cart -n- crt
   ========================================================================== */
#CartHeader { overflow: hidden; }
#CartHeader h2 { float: left; }
#CartHeader span .button { margin-top: 7px; }
   
/* =============================================================================
   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; }

.PL20 { margin-bottom: 15px; } /* comments box */    
   
/* =============================================================================
   Account -n- act
   ========================================================================== */
.AccountLogin { width:312px; padding-left:15px; }
.CreateAccount { width: 304px; padding-right:15px; } 


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */

#HomeFeaturedProducts {
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-grey.png?t=1506538951) repeat-x 0 0 #242424;
    position:relative;
    box-shadow: 0px 0px 6px 1px black;
    -moz-box-shadow: 0px 0px 6px 1px black;
    -webkit-box-shadow: 0px 0px 6px 1px black;
    margin:0px 0;
    
}
#HomeNewProducts {
    background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-lightgrey.png?t=1506538951) repeat-x 0 0 #242424;
    position:relative;
    box-shadow: 0px 0px 14px 1px black;
    -moz-box-shadow: 0px 0px 14px 1px black;
    -webkit-box-shadow: 0px 0px 14px 1px black;
}
#HomeFeaturedProducts .BlockContent,
#HomeNewProducts .BlockContent {
    margin-left:33px;
}
#HomeFeaturedProducts h2,
#HomeNewProducts h2 {
    color:#fff;
    font-size:1.3em;
    padding:11px 0 0 40px;
    margin:0;
    font-weight:bold;
}
#featured-next,
#featured-prev,
#new-next,
#new-prev,
#productpage-next,
#productpage-prev {
    width: 28px;
    display:block;
    height:28px;
    position:absolute;
    top:114px;
}
#featured-next img,
#featured-prev img,
#new-next img,
#new-prev img,
#productpage-next img,
#productpage-prev img {
    width: 100%;
    height:100%;
}
#featured-next, #new-next { left: 916px; }
#featured-prev, #new-prev { left: 5px; }

#productpage-next { left:641px; z-index:100; position:absolute; }
#productpage-prev { left:-7px; z-index:100; position:absolute; }

#WelcomeBox {
    background: url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/img/grad-lightgrey.png?t=1506538951) repeat-x 0 0 #242424;
    box-shadow: 0px 0px 14px 1px black;
    -moz-box-shadow: 0px 0px 14px 1px black;
    -webkit-box-shadow: 0px 0px 14px 1px black;
}
#WelcomeBox .BlogFeed {
    width:300px;
    padding:10px;
    float:left;
}
#WelcomeBox .BlogFeed h2 a {
    color:#fff;
    text-decoration:none;
}
#WelcomeBox .BlogFeed .entry {
    border-top:2px solid #fff;
    color:#fff;
    padding-left:5px;
    padding-top:9px;
}
#WelcomeBox .BlogFeed .entry a {
    color:#fff;
}
#WelcomeBox .BlogFeed h2,
#WelcomeBox .welcomeText h1 {
    padding:0 0 5px 0;
    line-height:1;
    margin:0 0 6px 0;
    text-transform:uppercase;
    color:#fff;
    font-size:1.5em;
    font-weight:bold;
}
#WelcomeBox .BlogFeed h2 {
    margin-bottom:0px;
}
#WelcomeBox .welcomeText h1 {
    border-bottom:2px solid #fff;
}

#WelcomeBox .welcomeText {
    float:left;
    padding:10px;
    float:left;
    width:597px;
    color:#fff;
}

#ModalContentContainer {
    background:#fff;
}
.fastCartSummaryBox {
    background:none;
}
.fastCartContent h2 {
    color:#000;
}

   
/* =============================================================================
   Internet Explorer 7 -n- ie7
   ========================================================================== */
/* IE7 browser-specific:  
    *:first-child+html #example { display: none; }    */
    
*:first-child+html #SearchForm input.button { margin-top: 0; }

*:first-child+html input[type="checkbox"],
*:first-child+html input[type="radio"],
*:first-child+html input.checkbox,
*:first-child+html input.radio { 
    position: static;
}
*:first-child+html #PrimaryMenu > ul > li { display: inline; }   

/* Clearfixes */
*:first-child+html .button { display: inline-block; }   
*:first-child+html  .zoomPad { display:inline; }
*:first-child+html #Footer #FooterMenu ul li span  { display:inline; }

*:first-child+html #PrimaryMenu  { position:relative; z-index:200; }

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

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .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; }
  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; }
}

/* =============================================================================
   Plugins -n- plg
   ========================================================================== */
/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object{vertical-align:top; padding:0; margin:0}
.fancybox-wrap{position:absolute; top:0; left:0; z-index:1002}
.fancybox-outer{position:relative; padding:0; margin:0; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)}
.fancybox-inner{width:100%; height:100%; padding:0; margin:0; position:relative; outline:none; overflow:hidden}
.fancybox-error{color:#444; font:14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:10px}
.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%; border:0; padding:0; margin:0; vertical-align:top}
.fancybox-image{max-width:100%; max-height:100%}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/Styles/img/fancybox/fancybox_sprite.png?t=1506538951)}
#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:1010}
#fancybox-loading div{width:44px; height:44px; background:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/Styles/img/fancybox/fancybox_loading.gif?t=1506538951) center center no-repeat}
.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:1004}
.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/Styles/img/fancybox/blank.gif?t=1506538951); /* helps IE */
z-index:1003}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; cursor:pointer; z-index:1003; visibility:hidden}
.fancybox-prev span{left:20px; background-position:0 -36px}
.fancybox-next span{right:20px; background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute; top:-9999px; left:-9999px; padding:0; overflow:visible; visibility:hidden}
/* Overlay helper */
#fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:1001; background:#000}
/* Title helper */
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:1005}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:1003; text-align:center}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */
background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}
.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8)}
#fancybox-buttons{position:fixed; left:0; width:100%; z-index:1005}
#fancybox-buttons.top{top:10px}
#fancybox-buttons.bottom{bottom:10px}
#fancybox-buttons ul{display:block; width:170px; height:30px; margin:0 auto; padding:0; list-style:none; background:#111; -webkit-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05); -moz-box-shadow:0 1px 3px #000, 0 0 0 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .05); background:#111 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .2)), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.5, rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .15))); background:#111 -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .15) 100%); border-radius:3px}
#fancybox-buttons ul li{float:left; margin:0; padding:0}
#fancybox-buttons a{display:block; width:30px; height:30px; text-indent:-9999px; background-image:url(//cdn2.bigcommerce.com/server500/c7988/templates/__custom/Styles/img/fancybox/fancybox_buttons.png?t=1506538951); background-repeat:no-repeat; outline:none}
#fancybox-buttons a.btnPrev{width:32px; background-position:6px 0}
#fancybox-buttons a.btnNext{background-position:-33px 0; border-right:1px solid #3e3e3e}
#fancybox-buttons a.btnPlay{background-position:0 -30px}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px}
#fancybox-buttons a.btnToggle{background-position:3px -60px; border-left:1px solid #111; border-right:1px solid #3e3e3e; width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px}
#fancybox-buttons a.btnClose{border-left:1px solid #111; width:38px; background-position:-57px 0px}
#fancybox-buttons a.btnDisabled{opacity :0.5; cursor:default}
#fancybox-thumbs{position:fixed; left:0px; width:100%; overflow:hidden; z-index:1005}
#fancybox-thumbs.bottom{bottom:2px}
#fancybox-thumbs.top{top:2px}
#fancybox-thumbs ul{position:relative; list-style:none; margin:0; padding:0}
#fancybox-thumbs ul li{float:left; padding:1px; opacity:0.5}
#fancybox-thumbs ul li.active{opacity:0.75; padding:0; border:1px solid #fff}
#fancybox-thumbs ul li:hover{opacity:1}
#fancybox-thumbs ul li a{display:block; position:relative; overflow:hidden; border:1px solid #222; background:#111; outline:none}
#fancybox-thumbs ul li img{display:block; position:relative; border:0; padding:0}