/*
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: #fff; font-size: 14px; }
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: #06c; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color: #09f; }
a:hover, a:active { outline: none; }
a:active, input.button:active, input[type=submit]:active, input[type=button]:active { outline: 0; position: relative; top: 1px; }
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(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/button-bg.jpg?t=1430424428) repeat-x left center;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    color: #fff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    text-decoration: none;
    text-transform: capitalize;
    width: auto;
    overflow: visible;
    -webkit-appearance: none;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
    background: #AA0F13; 
    color: #fff; 
    text-decoration: none;
}

.button.black {
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/category-title-bg.jpg?t=1430424428) repeat-x left center!important;
    padding: 8px 16px!important;
    box-shadow: 0 1px 0 #606060 inset, 0 -1px 0 #333 inset;
    -moz-box-shadow: 0 1px 0 #606060 inset, 0 -1px 0 #333 inset;
    -webkit-box-shadow: 0 1px 0 #606060 inset, 0 -1px 0 #333 inset;
    border: 2px solid #000!important;
}
.button.black:hover { 
    background: #000!important; 
    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 {  }

/* == 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 { background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/footer-bg.jpg?t=1430424428) repeat-x bottom #000000; }
#Container { width: auto; margin: 0; }
#Outer { background: none; 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 {  }
#PrimaryMenu {}
#WrapperOuter {}
#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: 686px; 
    box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    background: #F8F8F8;
    padding: 20px;
    margin: 0 0 0 10px;
    border-width: 1px;
    border-style: none solid solid;
    border-color: #000 #000 #000 #878787;
}

.Content.Widest { width: 950px; margin: 0; padding: 0; }
.product .Widest {
    width: 910px; 
    box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    background: #F8F8F8;
    padding: 20px;
    border-width: 1px;
    border-style: none solid solid;
    border-color: #000 #000 #000 #878787;
}


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


.Left {
    box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 0 10px #303030 inset, 
                0 10px 6px 4px rgba(0,0,0,0.3), 
                0 10px 16px 6px rgba(0, 0, 0, 0.3) inset;
    background: #F8F8F8;
    padding: 20px;
    margin: 0;
    border-width: 1px;
    border-style: none solid solid;
    border-color: #000 #000 #000 #878787;    
}

.white { color: #FFF; }
.bold { font-weight: bold; }

.rail { height: 4px; position: absolute; top: 30px; left: 0; right: 0; }
.rail .ActiveMenuItem { height: 4px; position: absolute; top: 0; left: 0; }

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

#HeaderOuter { background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/header-bg.jpg?t=1430424428) repeat-x; }
#Header { position: relative; clear: both; height: 171px; }
#TopMenu { position: relative; }
#TopMenu ul { position: absolute; top: 0; right: -6px; z-index: 1; }
#TopMenu li a, 
#TopMenu li div { 
    color: #FFF; 
    border: none; 
    font-size: 12px; 
    padding: 0 10px; 
    font-weight: bold;
    text-transform: lowercase;
}
#TopMenu li.cart a {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 900;
    padding: 0 25px 0 10px;
    background: url(//cdn2.bigcommerce.com/server2600/21bab/templates/__custom/images/header-cart.png?t=1430424428) right top no-repeat;
}
#TopMenu li a:hover { color: #AA0F13; text-decoration: none; }
#SocialContainer { position: absolute; right: 0; top: 90px; width: auto; }
#SocialContainer h2 { 
    float: left; 
    color: #707070; 
    font-weight: 900; 
    font-size: 20px; 
    margin: 0 19px 0 0!important; 
}
#SocialContainer div { float: left; margin: 0 -1px 0 0; }
#SocialContainer a { text-decoration: none; }
#SocialContainer div img { margin: 0 1px; }
#Logo { position: absolute; left: -21px; top: 6px; width: auto; float: none; }
#PrimaryMenu { height: 40px; position: absolute; right: 0; top: 126px; width: auto; }
#PrimaryMenu > ul {  }
#PrimaryMenu > ul > li { float: left; margin: 8px 12px 0; }
#PrimaryMenu > ul > li > a {
    display: block;
    margin: 0;
    font-size: 14px;
    text-decoration: none;
    color: #A6A6A6;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
}
#PrimaryMenu > ul > li.First { margin: 8px 12px 0 0; padding: 0; }
#PrimaryMenu > ul > li.last { margin: 8px 0 0 12px; padding: 0; }
#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu > ul > li:hover > a { color: #FFF; }

#SearchForm { padding: 0; height: 40px; position: absolute; right: 0; top: 44px; }
#SearchForm #search_query { 
    font-size: 14px;
    padding: 6px 6px 6px 30px;
    width: 210px;
    border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    color: #707070;
    background: #000;
    border: 1px solid #707070;
    border-bottom: 2px solid #707070;
    background: url(//cdn2.bigcommerce.com/server2600/21bab/templates/__custom/images/search-button.png?t=1430424428) no-repeat 8px 5px;
    margin: 0;
    float: left;
    border-right: none;
}
#SearchForm input.button { 
    border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;    
    margin: 0;
    padding: 6px 10px 7px;
    float: left;
    text-transform: uppercase;
}
.QuickSearch { z-index: 9999; }
.QuickSearchHover td{ background: #f4f4f4; }
.QuickSearch a, .QuickSearch a:hover { color: #4D4C51; }                
                    
/* 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: #0E59A4;
    color: #fff;
    text-decoration: none;
}
#PrimaryMenu li li a:hover { background: #3C82C7; }*/

/* =============================================================================
   Content -n- cnt
   ========================================================================== */
.Content h2, .TitleHeading, .Content h1 { 
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/category-title-bg.jpg?t=1430424428) repeat-x;
    display: block;
    margin: 0 -10px;
    padding: 8px 10px;
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
}
.page .Content h2, .page .TitleHeading, .page .Content h1 { margin: 0 -10px 20px; }
.page .Content { line-height: 1.5!important; }
.Content h3 { margin: 30px 0 10px; }
#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 { display: block; }
#couponcode, #giftcertificatecode { padding: 5px; width: 95px; }

.Left .Panel { margin: 0 0 20px!important; }
.Left .Panel:first-child { /*margin: 0!important;*/ }
.Left .Panel h2 { 
    font-weight: bold;
    color: #000; 
    padding: 4px 0 4px 10px;
    display: block;
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/button-bg.jpg?t=1430424428) repeat-x center;
    margin: 0 -10px 5px;
    border-color: #303030;
    border-style: solid none;
    border-width: 2px; 
    font-size: 14px;
}
.Left .BlockContent { margin: 0!important; }

.Left .Panel ul {
    padding: 0!important; 
    margin: 0; 
    border-top: none!important; 
}
.Left .Panel li { padding: 0; margin: 0; }
.Left .Panel a {
    font-weight: normal;
    color: #000; 
    padding: 2px 0; 
    display: block;
}
.Left .Panel a:hover {
    font-weight: normal;
    color: #FFF; 
    background: #949494;
    background: rgba(48,48,48,0.5);
    margin: 0 -10px;
    padding: 2px 0 2px 10px;
    text-decoration: none;
}

#SideCategoryList > h2 { display: none; }
.Left .SideCategoryListClassic > ul { padding: 0!important; margin: 0 0 20px; } /* First Level */
.Left .SideCategoryListClassic > ul:last-child { margin: 0; }
.Left .SideCategoryListClassic > ul > li { padding: 0; margin: 0; }
.Left .SideCategoryListClassic > ul > li > a { 
    font-weight: bold;
    color: #000; 
    padding: 2px 0 2px 10px;
    display: block;
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/button-bg.jpg?t=1430424428) repeat-x center;
    margin: 0 -10px;
    border-color: #303030;
    border-style: solid none;
    border-width: 2px;
}
.Left .SideCategoryListClassic > ul > li > a:hover {
    background: #AA0F13;
    text-decoration: none;    
}
.Left .SideCategoryListClassic ul ul {  /* Second Level */
    padding: 0!important; 
    margin: 0; 
    border-top: none!important; 
}
.Left .SideCategoryListClassic ul ul li { padding: 0; margin: 0; }
.Left .SideCategoryListClassic ul ul a {
    font-weight: normal;
    color: #000; 
    padding: 2px 0; 
    display: block;
} 
.Left .SideCategoryListClassic ul ul a:hover {
    font-weight: normal;
    color: #FFF; 
    background: #949494;
    background: rgba(48,48,48,0.5);
    margin: 0 -10px;
    padding: 2px 0 2px 10px;
    text-decoration: none;
}

.Left hr { display: none!important; }


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

#FooterOuter {}
#Footer { font-size: 12px; height: 100px; padding: 10px 0 0; margin: 20px auto 0; }

#Footer #FooterMenu { float: left; width: 950px; margin: 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 { 
    padding: 0 12px;
    color: #A6A4A5;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}
#Footer #FooterMenu ul li.ActivePage a, 
#Footer #FooterMenu ul li:hover a { color: #FFF; }
#Footer #FooterMenu ul ul { display: none; }

#Footer #Copy { 
    width: 100%; 
    clear: both; 
    margin: 40px 0 0; 
    text-align: left; 
    color: #FFF;
    font-size: 10px;
    float: left; 
}
#Footer #Copy a { text-decoration: none; color: #CE4446; }
#Footer .FloatRight { margin: -12px 0 0; }
#Footer .FloatRight img { margin: 0 1px; }


/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
   
.Breadcrumb { margin: 0!important; border-bottom: none!important; }
.Breadcrumb ul {  }
.Breadcrumb li { color: #959394; text-transform: lowercase; }
.Breadcrumb li a { color: #959394; text-decoration: none; }
.Breadcrumb li:first-child { padding-left: 0; }

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

#CartContent {  }
#CartContent .CartContents { border: none; }
#CartContent a { color: #FFF; text-decoration: none; font-weight: normal; }
#CartContent a:hover { color: #9A1A36; }
#CartContent .ProductPrice { font-size: 20px; font-weight: bold; color: #857540; }
#CartContent .KeepShopping { margin: -20px 0 20px; }
#CartContent .CartRemoveLink { font-size: 11px; }

.CreateAccount { width: 310px; padding-left:15px; }

.blog .FeedItem { border-top: 2px solid #000; }
.blog .FeedItem:first-child { border-top: none; }
.blog .FeedItem h2 { background: none; margin: 30px 0 10px; padding: 0; font-size: 20px!important; }
.blog .FeedItem h2 a { color: #000!important; text-decoration: none; }
.blog .FeedItem .ReadMore { color: #AA0F13; font-size: 12px; }


/* =============================================================================
   Pages -n- pgs
   ========================================================================== */
.blog .FeedItem h3 { margin-bottom: .5em; }   
.blog .FeedItem .FeedContent p { margin-bottom: .5em; }     

/* Contact Us */

#ContactForm { float: left; width: 420px; }
#ContactForm dd { padding: 0; margin-left: 0; padding-top: 0; }
#ContactForm dt { float: none; font-weight: normal;    }
#ContactForm .Warning { font-size: 12px; color: #828282; }
#ContactForm .Textbox,
#ContactForm textarea {
    background: rgb(226,226,226);
    background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(237,237,237,1) 13%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(13%,rgba

(237,237,237,1)), color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 13%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 13%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 13%,rgba(254,254,254,1) 100%);
    background: linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(237,237,237,1) 13%,rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    box-shadow: 0px -5px 0px rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0px -5px 0px rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0px -5px 0px rgba(0,0,0,0.1) inset;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    width: 400px;
    border: 1px solid #C4C4C4;
    padding: 5px 10px;
    transition: border 1s, box-shadow .5s, -moz-box-shadow .5s, -webkit-box-shadow .5s;
    -moz-transition: border 1s, box-shadow .5s, -moz-box-shadow .5s, -webkit-box-shadow .5s;
    -webkit-transition: border 1s, box-shadow .5s, -moz-box-shadow .5s, -webkit-box-shadow .5s;
}
#ContactForm .Textbox:focus,
#ContactForm textarea:focus {
    border: 1px solid #828282;
    box-shadow: 0px -2px 0px rgba(0,0,0,0.2) inset, 0px 2px 0px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0px -2px 0px rgba(0,0,0,0.2) inset, 0px 2px 0px rgba(0,0,0,0.2) inset;
    -webkit-box-shadow: 0px -2px 0px rgba(0,0,0,0.2) inset, 0px 2px 0px rgba(0,0,0,0.2) inset;
}
#ContactForm .Submit { margin-left: 0; }


/* Search Page */

.ToggleSearchFormLink { margin: 10px; }
#toggle_form_link { color: #FFF; text-decoration: none; }
#SearchPageHeader h2 { background-repeat: repeat; }

   
   
/* =============================================================================
   Category -n- ctg
   ========================================================================== */


#CategoryHeading { margin: 0 0 10px; }
#CategoryHeading .BlockContent {  }
#CategoryHeading .top-container {
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/category-title-bg.jpg?t=1430424428) repeat-x;
    display: block;
    margin: 0 -10px;
    padding: 5px 10px;
}
#CategoryHeading h1 { 
    float: left;
    font-size: 24px;
    color: #FFF;
    font-weight: normal;
    margin: 5px;
    background: none;
    padding: 0;
}
#CategoryHeading .top-container .top-right { float: right; width: auto; }
#CategoryHeading .SortBox {
    color: #FFFFFF;
    float: left;
    margin: 5px 10px 0;
}
#CategoryHeading .SortBox select { padding: 1px; font-size: 12px; }
#CategoryPagingTop { margin: 0; float: left; clear: none; }
.CategoryPagination { 
    border: none!important; 
    background: none!important; 
    font-weight: normal; 
}
.CategoryPagination .PageNext,
.CategoryPagination .PagePrev { float: none; display: inline-block; clear: none; }
.CategoryPagination .PagingList { float: none; display: inline-block; clear: none; }
.CategoryPagination li { color: #FFF; }
.CategoryPagination a { color: #959394; text-decoration: none; }
.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination a:hover { color: #FFF; text-decoration: underline; }
#CategoryHeading .CategoryDescription { margin: 0 0 10px; }
#CategoryHeading .CategoryDescription p { margin: 0; }
#CategoryHeading .CategoryDescription img { margin: 0 auto; display: block; max-width: 100%; height: auto; }
#CategoryHeading .SubCategoryList { display: none; }


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

.ProductList {  }
.ProductList ul {  }
.ProductList li {
    width: 155px!important;
    height: auto!important;
    padding: 0!important;
    margin: 20px 8px!important;
    border: none!important;
    background: none!important;
    min-height: 0!important;
    overflow: visible!important;
}
.ProductList li:hover { background: none; }
.ProductList .ProductImage {
    width: 152px!important;
    height: 152px!important;
    overflow: visible;
    display: block;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.ProductList .ProductImage img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #959394;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.ProductList .ProductDetails { text-align: left; float: left; margin: 5px 0 0; }
.ProductList .ProductDetails a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
}
.ProductList .ProductPriceRating { width: 100%; }
.ProductList .ProductPriceRating em {
    color: #45454F;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    padding: 3px 0 0;
}
.ProductList .ProductPriceRating .Rating { display: none; }
.ProductList .ProductCompareButton { display: none; }
.ProductList .ProductActionAdd { width: 100%; }
.ProductList .ProductActionAdd a {
    text-transform: uppercase;
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
    width: 146px;
    padding: 8px 0!important;
    text-align: center;
}
.CompareButton { display: none!important; }

/* Product - Side Products Related */

#SideProductRelated h2 {
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/category-title-bg.jpg?t=1430424428) repeat-x;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 10px;
    margin: 0;
    color: #FFF;
    margin: 0 0 10px!important;
}
#SideProductRelated .ProductList li {
    width: 155px!important;
    margin: 10px 0 20px!important;
}
#SideProductRelated .ProductList li:nth-child(2n) { margin: 10px 0 20px 15px!important; }
#SideProductRelated .ProductList li:nth-child(n+5) { display: none; }
#SideProductRelated .ProductList .ProductImage {
    width: 152px!important;
    height: 152px!important;
}
#SideProductRelated .ProductList .ProductActionAdd { display: none; }
   
/* =============================================================================
   Product -n- prd
   ========================================================================== */
.product h1, .product h2 { 
    margin: 0!important; 
    background: none; 
    padding: 0;
    color: #000;
}
#ProductDetails {  }

/* Left Column */

#ProductLeft { width: 325px; float: left; }
#ProductDetails .ProductThumbWrap {  }
#ProductDetails .ProductThumb { float: none; height: auto!important; width: auto!important; }
#ProductDetails .ProductThumbImage { 
    width: 325px!important; 
    height: 455px!important; 
    position: relative; 
}
#ProductDetails .ProductThumbImage .coverUp {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 0;
    bottom: 0;
    background: #FFF;
}
#ProductDetails .zoomPad {  }
#ProductDetails .zoomPad img {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #959394;
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
#ProductDetails .ImageCarouselBox {  }
#ProductDetails .ImageCarouselBox .ProductTinyImageList {  }
#ProductDetails .ImageCarouselBox ul {  }
#ProductDetails .ImageCarouselBox li {
    border: none!important; 
    width: 73px!important; 
    height: 93px!important;
}
#ProductDetails .ImageCarouselBox .TinyOuterDiv { border: 4px solid #404040!important; }
#ProductDetails .ImageCarouselBox .TinyOuterDiv > div {  }
#ProductDetails .ImageCarouselBox .TinyOuterDiv img {  }

/* Right Column */

#ProductRight { width: 550px; float: right; }
#ProductDetails hr { display: none;    }
#ProductDetails h1 { 
    font-weight: bold;
    font-size: 24px;
    color: #000;
    text-transform: uppercase;
    margin: 5px 0 0 -10px;
    padding: 10px;
    border-bottom: 2px solid #C5C6CA;
}
#ProductDetails .ProductMain { width: 550px; }
#ProductDetails .ProductMain > .ProductDetailsGrid {
    padding: 0 0 10px;
    border-bottom: 2px solid #C5C6CA;    
    margin: 0;
    float: left;
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/freeShipping.jpg?t=1430424428) no-repeat right 95% transparent;
}
#ProductDetails .DetailRow,
.productAttributeList .productAttributeRow {
    display: block;
    clear: none;
    font-size: 12px;
    float: left;
    padding-left: 0!important;
    margin: 0 0 0 10px;
}
#ProductDetails .Label,
#ProductDetails .productAttributeLabel {
    width: 120px;
    float: left;
    font-size: 12px;
    margin: 3px 0!important;
    text-align: left;    
}
#ProductDetails .Value,
#ProductDetails .productAttributeValue {
    float: left;
    display: block;
    width: 210px;
    font-size: 12px;
    margin: 3px 0!important;
}
#PriceWrapper {
    padding: 10px 0;
    border-bottom: 2px solid #C5C6CA;    
    text-transform: uppercase;
    margin: 0 0 10px;
}
#ProductDetails .Value .ProductPrice { 
    color: #000; 
    font-size: 24px; 
    font-weight: bold;
}
#AddToCartWrapper {
    padding: 2px 0;
    border-bottom: 2px solid #C5C6CA;
    margin: 0 0 10px;
}
#ProductDetails .Label.QuantityInput { margin: 14px 0!important; }
.Field45 { margin: 8px 0; }
#ProductDetails .Value.AddCartButton { width: 410px; }
#ProductDetails .BulkDiscount { float: right; }
#ProductDetails .BulkDiscount .button { 
    float: none; 
    font-size: 19px;
    margin: 0;
    color: #EE1A26;
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/button-cart.jpg?t=1430424428) repeat-x right center;
    padding: 8px 40px 8px 16px;
}
#ProductDetails .BulkDiscount .button:hover { color: #FFF; }
#ProductDetails .productAddToCartRight {  }
.AddThisButtonBox { 
    width: auto!important; 
    text-align: left!important; 
    padding: 0!important; 
    float: none;
    margin: 10px 0 10px 10px!important;
}
.productAttributeList .required { display: none; }

#ProdMeta { margin: 20px 0 0; float: left; width: 100%; }
#ProdMeta .Panel {  }
#ProdMeta h2 { 
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/category-title-bg.jpg?t=1430424428) repeat-x;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 10px;
    margin: 0;
    color: #FFF;
    margin: 0 0 10px!important;
}
#ProdMeta .BlockContent {  }
#ProdMeta hr { display: none!important; }

/* Currency Selector */

#ProdMeta .CurrencyChooser h2 { margin: 0!important; }
#ProdMeta .CurrencyChooser p { display: none; }
.CurrencyList dl { margin: 0; padding: 0; }
.CurrencyList dd { 
    padding: 0px; 
    margin: 0px; 
    border: 1px solid #CECECE;
    border-style: none solid;
    background: #FFF!important;
    clear: both;
}
.CurrencyList a {
    padding: 0 3px 0 5px;
    display: block;
    line-height: 1.8;
    text-decoration: none;
    font-size: 11px;
    border-bottom: 1px solid #CECECE;
    color: #000;
}
.CurrencyList a.Sel { background: #CECECE!important; }
.CurrencyList a:hover { background: #DBDBDB!important; }
.CurrencyList a:hover .Text { text-decoration: none!important; color: #000; }
.CurrencyList a .Flag {
    margin-top: 4px;
    display: block;
    float: left;
    width: 24px;
    padding-right: 2px;
    vertical-align: middle;
}
.CurrencyList a .Text { display: block; padding-left: 24px; }
.PrimaryProductDetails .YouSave { font-weight: bold; margin-top: 3px; display: block; }

/* Reviews */
#ProductReviews .button {
    background: none;
    color: #EE1A26;
    float: right;
    padding: 1px 10px;    
}
#ProductReviews .button:hover {
    color: #FFF;
}
    

   
/* =============================================================================
   Cart -n- crt
   ========================================================================== */
#CartHeader { overflow: hidden; }
#CartHeader h2 { background: none; color: #000; }
#CartHeader span .button { margin-top: 7px; }

#CartContent {  }
#CartContent .CartContents { border: none; }
#CartContent a { text-decoration: none; font-weight: normal; }
#CartContent a:hover { color: #AA0F13; }
#CartContent .ProductPrice { font-size: 20px; font-weight: bold; color: #AA0F13; }
#CartContent .KeepShopping { margin: -20px 0 20px; }
#CartContent .CartRemoveLink { font-size: 11px; }

   
/* =============================================================================
   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 */
.ExpressCheckoutContent {
    background:#FFF;
    display:block;
    margin-top:-10px;
    overflow:hidden;
    padding-top:10px;
}
   
/* =============================================================================
   Account -n- act
   ========================================================================== */
   


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
#CycleContainer { position: relative; width: 950px; height: 516px; }
#CycleMenu { position: absolute; bottom: 25px; right: 25px; z-index: 100; }
#CycleMenu li { display: block; float: left; margin: 0 0 0 5px; }
#CycleMenu a { display: block; background: url(//cdn2.bigcommerce.com/server2600/21bab/templates/__custom/images/cycle-active.png?t=1430424428) no-repeat; height: 16px; width: 16px; }
#CycleMenu li.activeSlide a { background-image: url(//cdn2.bigcommerce.com/server2600/21bab/templates/__custom/images/cycle-nonactive.png?t=1430424428); }
#CycleContainer .banner_home_page_top { margin: 0!important; }
#CycleContainer .banner_home_page_top p { margin: 0!important; }
#CycleContainer .banner_home_page_top img {  }
#SideNewsletterBox {
    background: #181717;
    height: 60px;
    padding-top: 5px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.6) inset, 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.6) inset, 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.6) inset, 0 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin: 0;
    border-width: 1px;
    border-style: none solid solid;
    border-color: #000 #000 #000 #5C5C5C;
}
#SideNewsletterBox h2 {
    float: left;
    margin: 12px 5px 0;
    padding: 0 10px 0 10px;
    color: #969696;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    background: none;
}
#SideNewsletterBox h2 .white { font-size: 24px; }
#SideNewsletterBox input {
    float: left;
    border: none;
    margin: 16px 10px 0 0;
    padding: 4px 10px;
    width: 150px;
    text-align: center;
}
#SideNewsletterBox .button {
    float: left;
    padding: 6px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    margin: 12px 0 0;
}
#HomeBlockTwo {  }
#HomeBlockTwo .blockTitle { 
    background: url(//cdn1.bigcommerce.com/server2600/21bab/templates/__custom/images/home-block2-hr.jpg?t=1430424428) no-repeat left 10px;
    margin: 10px 0;
}
#HomeBlockTwo .blockTitle h2 { 
    color: #969696; 
    text-transform: uppercase; 
    text-shadow: 3px 2px 2px #000000; 
    display: block; 
    float: right; 
    font-size: 19px;
    margin: 0;
    padding: 0;
    background: none;
}
#HomeBlockTwo .Panel {  }
#HomeBlockTwo .Panel.One { width: 555px; float: left; color: #969696; line-height: 2; font-size: 14px; }
#HomeBlockTwo .Panel.Two { float: right; }
#HomeBlockTwo .Panel.Two .imgContainer { border: 1px outset #000;  }
#HomeBlockTwo .Panel.Two img { 
    border: 4px solid #303030; 
}

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

/* Clearfixes */
*:first-child+html .button { display: inline-block; }   

/* =============================================================================
   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/server2600/21bab/templates/__custom/Styles/img/fancybox/fancybox_sprite.png?t=1430424428)}
#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/server2600/21bab/templates/__custom/Styles/img/fancybox/fancybox_loading.gif?t=1430424428) 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/server2600/21bab/templates/__custom/Styles/img/fancybox/blank.gif?t=1430424428); /* 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/server2600/21bab/templates/__custom/Styles/img/fancybox/fancybox_buttons.png?t=1430424428); 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}