/*
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: #e3e1e1 !important; font-size: 14px; }
h1,h2,h3,h4,h5,h6 { font-family: "proxima-nova",sans-serif; 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; }
p.icon img { 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: #167dc0 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-button.png?t=1758487846) repeat-x;    
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #fff;
    border: none;
    padding: 1px 14px;
    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;
    font-family:proxima-nova-condensed, sans-serif;
    text-transform:uppercase;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
    background: #09f; 
    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;
    padding:8px 48px;
    font-size:1.3em;
}
.CheckoutButton { margin-bottom: 1.5em; }
.ProceedToCheckout a.button { padding: 8px 16px; color: #fff; }
.BulkDiscount .button { margin: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 {
     font-family: proxima-nova, sans-serif;
}
#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:0; }
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter { margin-bottom: 0; }
#PrimaryMenu {}
#WrapperOuter {}
#Wrapper {
    background:#fff;
    text-align: left;
    padding:20px;
}
#Wrapper:after {content:"0";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#Wrapper {display:block;}

#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: 744px; 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: 190px; margin-right:16px; }
.Right { width: 190px; margin: 0; }

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

/* == TopMenu =============================================================== */   
#TopMenuOuter { margin-top:20px; } 
#TopMenu {
    background:#8b8888 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-topmenu.png?t=1758487846) repeat-x;
    border:1px solid #bdbdbd;
    padding:2px 19px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
#TopMenu ul { float: right; margin-top:2px; }
#TopMenu li a, #TopMenu li div { color: #262525; border: none; font-size:13px; font-weight:600; font-family: "proxima-nova",sans-serif; margin: 0; padding: 0 10px; text-shadow:1px 1px 0 rgba(255,255,255,0.5); }
#TopMenu li a:hover { color: #fff; text-shadow:none; }

#TopMenu p { float:left; }
#TopMenu p a { color:#262525; font-weight:600; display:inline-block; margin-right:20px; font-size:12px; text-decoration:none; font-family: "proxima-nova",sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,0.5); }
#TopMenu p a img { vertical-align:middle; }
#gplusheader { color:#262525; font-weight:600; display:inline-block; margin-right:20px; font-size:12px; text-decoration:none; font-family: "proxima-nova",sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,0.5); }
#gplusheader img { position: relative;top: 3px;}
/* == Header ================================================================ */ 
#HeaderOuter { }
#Header { background:url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-header.png?t=1758487846) repeat #222121; padding:0 20px; color:#fff; }

#header-phone { color:#fff; font-weight:600; font-size:18px; float:right; margin:5px 20px 0 0; }
#header-phone a { color:#fff; text-decoration:none; }

#header-cart {
    background:#454545;
    border:1px solid #666;
    border-top:none;
    float:right;
    padding:5px 10px;
    margin-bottom:20px;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
}
#header-cart p { font-family: "proxima-nova",sans-serif; font-weight:600; }
#header-cart a { color:#fff; }
#header-cart img { vertical-align:middle; margin-top:-3px; }

#Header .flags { float:right; clear:right; position:relative; }

#Header .flags a {
    width:24px;
    height:17px;
    display:block;
    position:absolute;
    top:2px;
    text-decoration:none;
    border:0;
}
#Header .flags a img {
    width:100%;
    height:100%;
    display:block;
    border:0;
}
#Header .flags .euro1 { left:0; }
#Header .flags .dollar1 { left:27px; }
#Header .flags .yen1 { left:54px; }
#Header .flags .norway { left:81px; }
#Header .flags .euro2 { left:109px; }
#Header .flags .euro3 { left:136px; }





/* == Logo ================================================================== */ 
#Logo { float: left; width:144px; }
#Logo img { display: block; margin-bottom: 16px; }

/* == Search Form =========================================================== */
#SearchForm { background:#0968b3 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-search.png?t=1758487846) repeat-x; width: auto; margin:5px 5px 0 0; padding: 5px 10px; overflow:hidden; float:right; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px solid #0B6BB5; }
#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 { background:#fff url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/icon-search.png?t=1758487846) 97% 50% no-repeat; font-size: 13px; margin:0; width:220px; padding-right:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; outline:none; }
#SearchForm input.button { padding: 4px 16px; display:none; }
#SearchForm p { clear: both; margin: 0; text-align: left; }
#SearchForm a { color: #06c; }
#SearchForm a:hover { color: #09f; }

.QuickSearch {
    z-index: 9999;
    margin-top:4px;
    margin-left:7px;
}
.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 { }
#PrimaryMenuOuter > .inner { width:990px; margin: 0 auto; background:url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-header.png?t=1758487846); }
#PrimaryMenu {
    background: #dddada url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-nav.png?t=1758487846) repeat-x;
    border:1px solid #b5b5b5;
    -moz-border-radius: 8px 8px 0 0; 
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    width:988px;
}
#PrimaryMenu > ul { float:left; }
#PrimaryMenu > ul > li { float: left; border-right:1px solid #c5c4c4; }
#PrimaryMenu > ul > li > a {
    display: block;
    padding: 12px 16px;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    color: #4f4f4f;
    font-family: proxima-nova,sans-serif;
    font-weight:600;
    font-style:normal;
}

#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu > ul > li:hover > a {
    color: #2b9fcf;
}
/* sub menu code */
#PrimaryMenu ul li { position: relative; }
#PrimaryMenu ul ul > li {
    vertical-align: bottom;
    width:185px;
    float:left;
}
#PrimaryMenu > ul > li > ul {
    display: block;
    position:absolute;
    top:-10000px;
    background: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-header.png?t=1758487846);
    padding-right:10px;
}
#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 > ul > li > ul > li a {
    display: block;
    padding: 1px 10px;
    background: none;
    color: #fff;
    text-decoration: none;
}
#PrimaryMenu > ul > li > ul > li > ul > li > a {
    font-size:.8em;
    border-bottom:1px solid #777;
    margin-left:10px;
}
#PrimaryMenu > ul > li > ul > li > ul > li > ul > li > a {
    font-size: 0.8em;
	margin-left: 15px;
}
#PrimaryMenu > ul > li > ul > li > ul > li.LastChild > a {
    border-bottom:1px solid #777;
}
#PrimaryMenu li li a:hover {
    background: #000;
    background: rgba(0,0,0,.3);
}

/*#PrimaryMenu .menu-xenon-bulbs > ul { display:block; top:auto; }*/
#PrimaryMenu .menu-xenon-bulbs > ul { width: 370px; }
#PrimaryMenu .menu-mtec-bulbs > ul { width: 555px; }
#PrimaryMenu .menu-hid-kits > ul { width:370px; }
#PrimaryMenu .menu-heading {
    color:#fff;
    border-bottom:1px solid #fff;
    margin:5px 0 0 10px;
    padding-left:0;
    display:block;
}
#PrimaryMenu .menu-heading:hover {
    background:none;
}
#PrimaryMenu .menu-led-lights > ul {
    width: 370px;
}
#PrimaryMenu .menu-led-lights > ul > .LastChild {
    position: relative;
}
#PrimaryMenu .menu-cartruck-bulbs > ul {
    width: 370px;
}
/* =============================================================================
   Content -n- cnt
   ========================================================================== */
.Content h2, .TitleHeading, .Content h1 {
    font-size: 2em;
    font-weight: 400;
    margin:0 0 12px;
    color: #2697CF;
    font-size:1.4em;
}
#Wrapper .bottom { margin-bottom:0; }
.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; }

.Content .title {
    background:#090909 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-title.png?t=1758487846) repeat-x;
    border:1px solid #111212;
    color:#fff;
    font-size:22px;
    padding:0 10px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
.Left, .Right {
    font-size: 1em;
    font-family: proxima-nova, sans-serif;
}
.Left h2, .Right h2 {
    font-size: 1.4em;
    line-height: 1.2em;
    background: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-search.png?t=1758487846) 0 0 repeat-x #0968B3;
    color:#fff;
    padding:0;
    margin:0;
    border-radius:14px 14px 0 0;
    -moz-border-radius:14px 14px 0 0;
    -webkit-border-radius:14px 14px 0 0;
    padding: 7px 0 7px 10px;
    font-family:proxima-nova-condensed, sans-serif;
    border:1px solid #0B6BB5;
    text-transform:uppercase;
    
}

#SideCategoryList .BlockContent,
#SideKitFinder .BlockContent {
    padding:0;
    margin:0;
    border-right:1px solid #B9B9B9;
    border-left:1px solid #B9B9B9;
    border-bottom:1px solid #B9B9B9;
    background:#F7F6F6;
}
#SideCategoryList .SideCategoryListClassic > ul > li {
    padding: 0 10px;
    border-bottom:1px solid #B9B9B9;
}
#SideCategoryList .SideCategoryListClassic > ul > li ul {
    display:none;
}
#SideCategoryList li a, #SideShopByBrand li a { display: block; }

#SideKitFinder .BlockContent { padding:10px; }
#SideKitFinder form { text-align: center; }
#SideKitFinder select {
    width:169px;
    margin:0 0 10px 0;
}
#SideKitFinder form div:last-child {
    margin-bottom:0;
}

#SideNewsletterBox .BlockContent {
    border-right:1px solid #CDCCCC;
    border-bottom:1px solid #CDCCCC;
    border-left:1px solid #CDCCCC;
    padding:0 0 15px 8px;
    margin:0;
    background:#F1EEEE;

}
#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; }
#FooterNewsletterBox .button {
    padding: 3px 16px!important;
    background: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-title.png?t=1758487846) repeat-x 0 0 transparent;
}

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

#SidePromoCode {
    background:url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-blue-big.png?t=1758487846) repeat-x 0 0 transparent;
    text-align:center;
    font-family:proxima-nova-condensed, sans-serif;
    padding-bottom:5px;
    border:1px solid #0B6BB5;
}
#SidePromoCode > span {
    padding:7px 0 0 0;
    margin:0;
    color:#fff;
    font-size:1em;
    display:block;
}
#SidePromoCode > em {
    color:#0A4C7B;
    font-size:1.9em;
    font-weight:bold;
    font-style:normal;
    white-space:no-wrap;
    line-height:1.1em;
}
#SidePromoCode > em span {
    display:block;
    color:#fff;
    font-weight:bold;
    font-size:.7em;
    
}


/* =============================================================================
   Footer -n- ftr
   ========================================================================== */
   
#footer-top { padding:20px 0; }
#footer-top img { display:inline-block; margin:0 7px; }

#FooterOuter {}
#Footer { background:#fff; border:1px solid #999; padding:20px 19px; font-size: 1em; text-align:left; font-family:proxima-nova, sans-serif; }

#Footer p { text-align:right; margin-bottom:8px; }

#newsletter { background:#dad6d6 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-newsletter.png?t=1758487846) repeat-x; border:1px solid #b5b5b5; overflow:hidden; padding:5px; margin-bottom:12px; }
#newsletter p { font-size:13px; line-height:1.5; margin:0; }
#newsletter .left { float:left; }
#newsletter .Block { float:right; margin:2px 0 0; }
#newsletter #SideNewsletterBox input { float:left; margin:0 0 0 10px; }
#newsletter #SideNewsletterBox input[type="text"] { margin-top:3px; }

#Footer #FooterMenu { float: left; width: 950px; margin: 0 0 0px 0; }
#Footer #FooterMenu ul { text-align: left;
list-style: none;
margin: 0;
width: 600px;
padding: 0;float:left; }
#Footer #FooterMenu ul li {float: none;
display: inline-block;
width: 145px;
position: relative; }
#Footer #FooterMenu ul li a { 
    padding: 0 12px;
    color: #474747;
    border: none;
    font-weight:bold;
}
#Footer #FooterMenu ul li.ActivePage a, 
#Footer #FooterMenu ul li:hover a { color: #2ca1d5; }
#Footer #FooterMenu ul ul { display: none; }

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


/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
.Breadcrumb { font-size: 1em; font-family:proxima-nova-condensed, sans-serif; }
.Breadcrumb a { color: #959595; text-decoration:none; }
.Breadcrumb a:hover { color: #959595; }
.Breadcrumb li:last-child { color: #2697CF; }
.Breadcrumb li:first-child { padding-left: 0; }
.CustomWish.Breadcrumb li.last a { background: none; }
.FeedLink { display: none; }

/* =============================================================================
   Pages -n- pgs
   ========================================================================== */
.blog .FeedItem h3 { margin-bottom: .5em; }   
.blog .FeedItem .FeedContent p { margin-bottom: .5em; }     
   
   
/* =============================================================================
   Category -n- ctg
   ========================================================================== */
.SortBox { float: right; font-size: 1em; color:#6A6A6A;  }
.SortBox select { color: #A6A6A6; font-size: .8em; }
.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/server1200/111df/templates/__custom/img/bg-pageprev.png?t=1758487846); }
.CategoryPagination .PageNext a { background-image: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-pagenext.png?t=1758487846); }
.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: #fff; }
.SubCategoryList ul, .SubBrandList ul { margin-bottom: 0; padding-left: 0; }
.SubCategoryList li:last-child, .SubBrandList li:last-child { margin-bottom: 0; }
.SubCategoryList {
    overflow:hidden;
    margin-bottom:12px;
}
.SubCategoryList li {
    background:none;
    padding-left:15px;
    display:block;
    float:left;
}
.SubCategoryList li a {
    padding:2px 4px;
    margin-bottom:5px;
    text-decoration:underline;
    color:#0F72B9;
}
.SubCategoryList li a:hover {
    color:#000;
    text-decoration:underline;
}

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

.ProductList .ProductDetails { padding:5px 0; }
.ProductList strong, .ProductList strong a { color:#121212; }
.ProductPrice, .ProductList em { color:#2ca1d5; font-size:1.1em; }
.Content .ProductList li:hover { background:none; }

.Content .ProductList.CustProdList {
    overflow:hidden;
}
.Content .ProductList.CustProdList li {
    width: 172px!important;
    margin:0 15px 15px 0;
    padding:15px 0 15px 0;
    text-align:center;
}
.Content .ProductList.CustProdList li .ProductImage {
    width:172px!important;
}
.Content .ProductList.CustProdList li .ProductImage img { border:1px solid #ccc; }

.Content .ProductList.CustProdList li.rowEnd {
    margin-right:0;
}
.Content .ProductList.CustProdList .ProductDetails a {
    font-family:proxima-nova-condensed, sans-serif;
    color: #000;
    text-transform:uppercase;
    font-size:.9em;
    padding: 0 5px;
    display:block;
}

#HomeFeaturedProducts .CustProdList { margin-left:15px; }

   
/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* == Product Thumb ========================================================== */
#ProductDetails .ProductThumbWrap { float: left; }
#ProductDetails .ProductThumb { float: none; height: auto!important; }
#ProductDetails .ProductTinyImageList {  }
#ProductDetails .ProductTinyImageList li { border: none!important; width: 50px!important; height: 50px!important; }
#ProductDetails .ProductTinyImageList li .TinyOuterDiv { border: none!important; }

/* == Product Main ========================================================== */
#ProductDetails hr { display: none; }
.AddThisButtonBox {
    width: auto!important;
    text-align: left!important;
    padding: 0!important;
    margin:0 0 16px 0;
    float:none;
    
}

.ProductMain > h1 {
    color:#000;
    font-family:proxima-nova-condensed, sans-serif;
    font-size:1.7em;
}
.ProductMain .ProductPrice {
    font-size:1.5em;
    position:relative;
    top:-5px;
}
/* details grid */   
.ProductDetailsGrid .Label, .productAttributeList .productAttributeLabel {
    width: 105px!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; }

/* product & search tabs  */
#ProductTabs { float: left; }
#TabPanels > div > h2 {
    color: #40AFDB;
    font-family:proxima-nova-condensed, sans-serif;
    font-size:1.8em;
}
#SideProductRelated h2,
#SimilarProductsByCustViews h2 {
    color: #40AFDB;
    font-family:proxima-nova-condensed, sans-serif;
    font-size:1.6em;
    border-top:1px solid #D7D4D4;
    border-bottom:1px solid #D7D4D4;
    padding:7px 0;
    text-transform:uppercase;
}
.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;
    padding: 6px 30px;
    border: none;
    top: 0;
    border: 1px solid #5497CB;
    color: #fff;
    background: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-search.png?t=1758487846) 0 0 repeat-x #0968B3;
    font-size:1.2em;
}
.TabNav li a:hover {
    color: #ccc;
    background: url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-search.png?t=1758487846) 0 0 repeat-x #0968B3;
}

.TabNav li.Active a { border:1px solid #C9C9C9; border-bottom: none; border-bottom: 1px solid transparent; background: #fff; padding: 6px 30px; font-weight: normal; color:#000 }
#TabPanels {
    clear: both;
    border: 1px solid #C9C9C9; padding: 10px; margin-top: 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.zoomPad {
    float:none;
    display:inline-block;
}
.ProductAddToCart .productAttributeLabel {
    text-align:left!important;
}
   
/* =============================================================================
   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
   ========================================================================== */
   
#SideAccountMenu .BlockContent {
    background: #F7F6F6;
    margin:0;
    padding: 0 10px;
    border:1px solid #B9B9B9;
}

/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
#cycle-wrap { padding:4px; border:1px solid #ccc; margin-bottom:20px; position:relative; }
#cycle { width:940px; height:290px; overflow:hidden; }

#kit-finder { width:250px; position:absolute; left:20px; top:50px; z-index:100; }
#kit-finder h3 { background:#0968b3 url(//cdn2.bigcommerce.com/server1200/111df/templates/__custom/img/bg-kit-title.png?t=1758487846) repeat-x; color:#fff; padding: 8px 10px; margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0.25); -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
#kit-finder .inner {  background:#f7f5f5; border:1px solid #b5b5b5; padding:10px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

#kit-finder select {
    width: 228px;
    margin-bottom:10px;
}
#kit-finder .note,
#SideKitFinder .note { font-size:12px; font-style:italic; color: #888787; margin:0; }

#home-cta ul { margin:0; padding:0; list-style:none; }
#home-cta ul li { display:inline-block; float:left; margin:0 20px 20px 0; }
#home-cta ul li.last { margin-right:0; }
#home-cta ul li a { display:block; }

#home-rssfeed {
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding:0;
    margin:0;
    height:328px;
}
#home-rssfeed li {
    margin-left:31px;
    margin-right:15px;
    padding-top:10px;
}
.parss-title, .parss-date { display:block; }
.parss-date  { display:none; }

#HomeFeaturedProducts { overflow:hidden; }
#HomeFeaturedProducts .inner { border:1px solid #ccc; overflow:hidden; padding:20px; }

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

/* 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/server1200/111df/templates/__custom/Styles/img/fancybox/fancybox_sprite.png?t=1758487846)}
#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/server1200/111df/templates/__custom/Styles/img/fancybox/fancybox_loading.gif?t=1758487846) 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/server1200/111df/templates/__custom/Styles/img/fancybox/blank.gif?t=1758487846); /* 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/server1200/111df/templates/__custom/Styles/img/fancybox/fancybox_buttons.png?t=1758487846); 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}

.footer-right{
float:right;
width:400px;
margin:25px 0 0 0;}

.footer-left{
float: left;
width: 335px;
height: 115px;}

.footer-left p{text-align:left!important;}

.cartpage #CartHeader .CheckoutButton{ margin-top: 10px; }