/*
    *** COPYRIGHT ***
    ------------------------------------------------------------------------------
    This CSS code is the sole Intellectual property of Madwire Media and is protected
      under the copyright laws of the United States of America. Any attempt to copy this 
      design mockup, either whole or part will be deemed an infringement of Madwire Media's 
      rights under the copyright laws of the United States.
*/

/*
Template Name:      MadBC Template 100
Description:        Starting template for BigCommerce
Version:            2.8.1
Author:             Madwire Media
Author URI:         http://www.madwirewebdesign.com/
Updated:            April 26, 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
    Print Styles = prn 
    Plugins = plg

*/

/*
    **** Use the following examples to target ie8, ie7 or both
    ie7 *+html body { background: red; }
    ie8 body { background: green\0/; }
    ie8&7 body { background: yellow\9; }
*/

/* =============================================================================
   Base -n- bas
   ========================================================================== */
   
html { overflow-y: scroll; }
html, body, button, input, select, textarea { font-family: 'Lato', sans-serif; font-size: 12px; }
html, body, button, input, select, textarea, h2, #PageContent h2, #CategoryHeading h2,
#NewsContent h2, .product .Content h2, .Content h3, .Content h2, .TitleHeading { color: #222; }
body { background: #fff; font-family:Georgia, "Times New Roman", Times, serif; }

h1,h2,h3,h4,h5,h6 {}
h1,h2,h3,h4,h5,h6, .Content h2, .TitleHeading, .Content h1 { font-weight: 700; }
.Content h2, .TitleHeading, .Content h1 { font-size: 2em; margin: 0 0 0.67em; font-weight:400; text-transform:uppercase; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2, .product .Content h2 { font-size: 1.5em; margin: 0 0 .83em; }
.Content h3 { margin: 0 0 .8em; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; background: none; margin: 1em 0; padding: 0; }

.icon { vertical-align: middle; }
img.left, p img.left { margin: 0 1.5em 1.5em 0; float: left; }
img.right, p img.right { margin: 0 0 1.5em 1.5em; float: right; }


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

a, .Content a, .Left li a:hover, .fastCartContent .fastCartTop a:hover, .fastCartContent .ProductList .ProductDetails a:hover { color: #b5121b; }
a:hover, .Content a:hover, a:focus, .Content a:focus, .fastCartContent .fastCartTop a, .fastCartContent .ProductList .ProductDetails a { color: #000; }
a:hover, a:active { outline: none; }
a:active, input.button:active, input[type=submit]:active, input[type=button]:active { outline: 0; }
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], button {
    display: inline-block;
    overflow: visible;
    width: auto!important;
    padding: 4px 20px !important;
    cursor: pointer;    
    text-decoration: none !important;
    text-transform: capitalize;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
    color: #fff !important;
    font-size:12px;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-transform:uppercase;
    border: none;
    background: #b5121b;
    -webkit-appearance: none;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
    background: #2B2B2B; 
    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; }

.CompareButton .button { background:#222; }
.CompareButton .button:hover { background:#444; }

/* == Forms =================================================================== */

textarea { overflow: auto; }
#LoginForm form input[type=text] { margin: 0; }
.HorizontalFormContainer dd { padding: 8px 0 0; }
.HorizontalFormContainer dt { padding: 10px 0 0; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], textarea { padding:4px; }

/* == 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; margin: 0; }
#Header, #PrimaryMenu, #Wrapper, #Footer  { width: 1140px; margin: 0 auto; }
 #PrimaryMenuOuter, #WrapperOuter  {width: 1140px;
margin: 0 auto; }
#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 {}
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter { margin-bottom: 0; }
#PrimaryMenu {}
#WrapperOuter {}
#Wrapper { text-align: left;
border-top: none;
width: 1140px;
margin-bottom: 10px; }
.home #Wrapper { border-bottom:none; padding-bottom:0; }
#FooterOuter {}
#Footer { clear: both; }

.Content, .Content.Wide, .Content.Widest { background: none; min-height: 0; }
.Content { width: 550px; margin: 0 20px 0 0; padding: 0; font-size: 1em; }
.Content.Wide { width: 750px; margin: 0; padding: 0; }
.Content.Widest { width: 1140px; 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: 180px; margin-right: 20px; }
.Right { width: 180px; margin: 0; }

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

/* == TopMenu =============================================================== */   
#TopMenuOuter { padding-bottom: 20px; background: #016BB3; } 
#TopMenu {
width: 1140px;
margin: 0 auto;
}
#TopMenu ul { float: right; }
#TopMenu li a, #TopMenu li div { color: #2b2b2b; border-color:#000; font-size: 11px; margin:0; padding: 0 5px; text-transform:uppercase; }
#TopMenu li a img { vertical-align:middle; margin:-2px 0 0 3px; }
#TopMenu li div { border:none; }
#TopMenu li a:hover { color: #b5121b; }

/* == Header ================================================================ */ 
#HeaderOuter {  }
#Header {  }

#header-welcome { text-transform:uppercase; font-size:12px; }
#header-welcome a { color:#2b2b2b; text-decoration:none; font-weight:bold; }
#header-welcome a:hover { color:#b5121b; }

/* == Logo ================================================================== */ 
#Logo { float: none; width:auto; margin:0 auto; }
#Logo img { display: block; margin: 10px 0 16px; max-width:100%; }
#Logo h1 a { color:#121212; }

/* == Search Form =========================================================== */
#SearchForm { width: auto; padding: 0; clear:right; }
#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 { color:#999; margin-right: 5px; font-size: 1em; width:220px; }
#SearchForm #search_query:focus { color:#333; }
#SearchForm input.icon-search { padding-top:2px; }
#SearchForm input.button { padding: 4px 16px; }
#SearchForm p { clear: both; margin: 0; text-align: left; }
#SearchForm a { color: #06c; }
#SearchForm a:hover { color: #09f; }

.QuickSearch { z-index: 9999; }
.QuickSearchHover td{ background: #f4f4f4; }
.QuickSearch a, .QuickSearch a:hover { color: #4D4C51; }

/* == Primary Navigation ===================================================== */
/* Main Pages Menu change id to PrimaryMenu so as to not use bc's styling */
/* Note for proper styling of Side Category List placed in #PrimaryMenu the Panel must only contain the snippet and no html and be set to Classic not Flyout*/
#PrimaryMenuOuter {
    position: relative;
    z-index: 90;
}
#PrimaryMenu {
width: 1138px;
background: url(/template/img/nav-bg.png) repeat-x;
height: 45px;
border: 1px solid #646464;
}
#PrimaryMenu > ul {}
#PrimaryMenu > ul > li { float: left; }
#PrimaryMenu li { margin-bottom: 0; }
#PrimaryMenu > ul > li > a {
    display: block;
	padding: 14px 48px 14px;
	font-size: 1em;
	text-decoration: none;
	color: #434343;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #898989;
}
#PrimaryMenu > ul > .last > a { 
	border-right:none;
}
#PrimaryMenu > ul > li:hover {
	background: url(/template/img/nav-bg-hover.png) repeat-x;
}

#PrimaryMenu a { text-decoration: none; }

#PrimaryMenu > ul > li > a .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 6px;
    margin-left: 4px;
    text-indent: -99999px;
    *text-indent: 0;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: "\2193";
}
#PrimaryMenu > ul > li > a:hover,
#PrimaryMenu > ul > li.dropdown.open > a,
#PrimaryMenu > ul > li.ActivePage > a {
    color: #b5121b;
}
#PrimaryMenu > ul > li > a:hover > .caret,
#PrimaryMenu > ul > li.dropdown.open > a > .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

#PrimaryMenu > ul > li.ActivePage > a,
#PrimaryMenu > ul > li > a:hover {
    color: #fff;
}
/* Drop Down */
#PrimaryMenu > ul > li { position: relative; }
#PrimaryMenu > ul > li > a { *margin-bottom: -3px; }
#PrimaryMenu > ul > li > a:active, #PrimaryMenu .dropdown-toggle:active, #PrimaryMenu .open .dropdown-toggle { outline: 0; }
#PrimaryMenu > ul > li:hover > ul { display:block; }
#PrimaryMenu > ul > li > ul  {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    max-width: 220px;
    _width: 180px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
#PrimaryMenu > ul > li > ul:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    position: absolute;
    top: -7px;
    left: 9px;
}
#PrimaryMenu > ul > li > ul:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px;
}
#PrimaryMenu > ul > li:hover, #PrimaryMenu ul > .dropdown.open  { *z-index: 1000; }
/* Uncomment and remove js in scripts.js if you desire non touch friendly hover dropdown 
#PrimaryMenu > ul > li:hover > ul { display: block; }*/
#PrimaryMenu ul > .dropdown.open > .dropdown-menu { display: block; }
#PrimaryMenu li li a {
    display: block;
    padding: 6px 8px;
    clear: both;
    font-weight: normal;
    color: #555555;
    white-space: nowrap;
}
#PrimaryMenu li li li a { padding-left: 25px; }
#PrimaryMenu li li li li a { padding-left: 35px; }
#PrimaryMenu li li li li li a { padding-left: 45px; }
#PrimaryMenu li li li li li li a { padding-left: 55px; }
#PrimaryMenu > ul > li > a { }
#PrimaryMenu > ul > li > ul a:hover { color: #fff; background: #B5121B; }
/* End Navigation */

/* =============================================================================
   Content -n- cnt
   ========================================================================== */


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
.Left, .Right { font-size: 1em; }
.Left h2, .Right h2 { border-bottom:1px solid #9f9f9f; color:#6f6f6f; font-size:1em; font-weight:400; margin: 0 0 8px; padding-bottom:8px; text-transform:uppercase; }
.Left .BlockContent, .Right .BlockContent { margin: 0; }

.Left { background:#e7e7e7; }
.Left > .Block { padding:0 10px; }
.Left #SideCategoryList li ul { border-top: 1px solid #ddd; }
.Left .ProductList li, .Right .ProductList li { width: auto; border-bottom: 1px solid #ddd; }
.Left .TopSellers li.TopSeller1, .Right .TopSellers li.TopSeller1 { width: auto; border: 1px solid #ddd; }
.Left .TopSellers .ProductDetails, .Right .TopSellers .ProductDetails { width: auto; padding: 5px 10px;  }

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

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

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

#SideCategoryList ul.sf-menu > li > a { padding-left:10px; text-decoration:none; }
#SideCategoryList .sf-menu a { width:142px; }
#SideCategoryList .sf-menu ul { left:160px; }
#SideCategoryList .sf-menu .sfHover a, #SideCategoryList .sf-menu li ul a { background-color:#b5121b; text-decoration:none; }
#SideCategoryList .sf-menu li ul li:hover > a, #SideCategoryList .sf-menu li ul a:focus, #SideCategoryList .sf-menu li ul a:hover, #SideCategoryList .sf-menu li ul a:active { background-color:#a1060f; }
#SideCategoryList .sf-menu, #SideCategoryList .sf-menu ul, #SideCategoryList .sf-menu li { width:160px; }
#SideCategoryList .sf-menu ul a { width:144px; }

#SideShopByBrand li a { padding-left:10px; text-decoration:none; }

/*
    SideCatPopOut
    To use this instead of the flyout set the Side Category List to classic in the admin area then simply add id="SideCatPopOut to .SideCategoryListClassic in SideCategoryList.html under panels.
*/
#SideCatPopOut { 
    position: relative;
    z-index: 69;
}
/* resets */
.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul { padding-left: 0; }
.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li { padding: 3px 0; }
.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul { border: none; }

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

#FooterOuter {  padding: 13px 0 5px;  margin:0 auto;background: #016bb3; }
#Footer { font-size: 1em; text-align:left; }
#Footer h3 { color:#2b2b2b; font-size:12px; text-transform:uppercase; }

#Footer a { color:#fff; }
#Footer a:hover { color:#b5121b; }

#Footer ul li { float:none; margin-bottom:8px; }
#Footer ul li a { border:none; color:#fff; padding:0; }
#Footer ul li a:hover { color:#b5121b; }

#Footer #FooterMenu { float: left; width: 950px; margin: 0 0 16px 0; }
#Footer #FooterMenu ul { text-align: center; list-style: none; margin: 0; padding: 0; }
#Footer #FooterMenu ul li { float: none; display: inline; position: relative; }
#Footer #FooterMenu ul li a { 
    padding: 0 12px;
    color: #06c;
    border: none;
}
#Footer #FooterMenu ul li.ActivePage a, 
#Footer #FooterMenu ul li:hover a { color: #09f; }
#Footer #FooterMenu ul ul { display: none; }

#Footer #copyright { color:#919191; font-size: 11px; text-align:center; }

#SideNewsletterBox { margin:0 0 20px; }
#SideNewsletterBox h2 { color:#2b2b2b; margin-bottom:0; font-size:12px; text-transform:uppercase; }
#SideNewsletterBox input { display: block;
width: 200px;
float: left;
margin-left: 15px; }
#SideNewsletterBox .button { }

#footer-social img { vertical-align:middle; margin:-4px 0 0 5px; }

/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
.Breadcrumb { font-size: 1em; }
.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: left; font-size: 1em; }

#CategoryPagingTop, #CategoryPagingBottom { overflow: hidden; }
.CategoryPagination { overflow: hidden; float: right; }
.CategoryPagination, .CategoryPagination a {
    display: block; 
    color: #595959;
    font-weight: bold;
    text-decoration: none;
    background:none;
    border: none;
    border-image: initial;
}
.CategoryPagination .PagePrev, .CategoryPagination .PageNext, .CategoryPagination .PagingList { float: left; }
.CategoryPagination .PagingList li { float: left; padding: 0; }
.CategoryPagination .PagingList li, .CategoryPagination .PageNext { margin-left: 3px; }
.CategoryPagination a, .CategoryPagination .PagingList li.ActivePage {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    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(../img/bg-pageprev.png); }
.CategoryPagination .PageNext a { background-image: url(../img/bg-pagenext.png); }
.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination .PagePrev a:hover,
.CategoryPagination .PageNext a:hover,
.CategoryPagination .PagingList li a:hover {
    color: #595959;
    background-color: #eee;
    text-decoration: none;
}

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

#CategoryHeading .SubCategoryList { clear:both;}
#CategoryHeading .SubCategoryList ul li { float:left; padding:0; margin: 5px;}

#ModalContainer.QuickViewModal .ModalContent { background: #fff; }

#cat-title { text-align:center; }
#cat-title .Breadcrumb { border:none; }
#cat-title h1 { font-weight:400; text-transform:uppercase; }

#cat-sort { border:1px solid #ccc; border-left:none; border-right:none; overflow:hidden; padding:5px; margin-bottom:1em; }
#cat-sort #CategoryPagingTop { margin:0; padding:0; float:right; }
.CategoryPagination { padding:0; }

#CategoryPagingBottom { border:1px solid #ccc; border-left:none; border-right:none; padding:5px; }

.SubCategoryListGrid ul li { position:relative; }
.SubCategoryListGrid ul li img { max-width:100%; }
.SubCategoryListGrid ul li .subcat-link { display:block; position:absolute; left:0; bottom:15px; text-align:center; width:130px; }

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

.Content .ProductList li, .fastCartContent .ProductList li,
.Content .FeaturedProducts .ProductList li {
    background: none;
    border: 1px solid transparent;
}
.Content .ProductList li:hover,
.Content .ProductList li.Over,
.fastCartContent .ProductList li:hover,
.fastCartContent .ProductList li.Over,
.Content .FeaturedProducts .ProductList li:hover,
.Content .FeaturedProducts .ProductList li.Over {
    background: none;
}

.ProductDetails { padding:5px 0; }
.ProductList strong, .ProductList strong a { color:#2b2b2b; }
.ProductList strong a:hover { color:#b5121b; }
.ProductPrice, .ProductList em, .fastCartContent .ProductPrice, .fastCartContent .ProductList em { color:#2b2b2b; }
.ProductList li .ProductCompareButton { padding:5px 0; }

#CategoryContent .ProductList .ProductActionAdd { }

/* Quick View */

#ModalContainer.QuickViewModal .ModalTitle,
#ModalContainer.QuickViewModal .ModalContent {
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}

.QuickViewBtn {
    background:#B5121B !important;
    border:none;
    color:#fff !important;
    border-radius:0 !important;
    padding:6px 20px !important;
    font-weight:400;
    font-size:12px;
    line-height:1 !important;
}
.QuickViewBtn:hover { background:#222 !important; }

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

#ProductDetails .ProductThumbImage, #ProductDetails .ProductThumbImage a { display:inline-block; }

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

.PrimaryProductDetails .ProductMain { width:580px; }

#ProductDetails { margin-bottom:20px; }

#ProductDetails hr { display: none; }
.AddThisButtonBox { width: auto!important; text-align: left!important; padding:10px 0 0 !important; float:none; margin:0 !important; }

/* Details Grid */   

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

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

.productAttributeList .productAttributeValue {
  display:inline-block !important;
}

.productAttributeList .required {
  margin-left: -.75em;
}

.productOptionViewProductPickListWithImage {
  padding: 2px;
  background: none;
  border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 140px;
}

.productOptionViewProductPickListWithImage .scrollContainer {
  max-height: 135px!important;
}

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

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

/* 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; padding: 5px 6px 5px; border: none; top: 0; border: 1px solid #C9C9C9; color: #000; background: #E4E4E4; }
.TabNav li a:hover { background: #D4D4D4; }
.TabNav li.Active a { border-bottom: none; border-bottom: 1px solid transparent; background: #fff; padding: 5px 6px 5px; font-weight: normal; }
#TabPanels {
    clear: both;
    margin-bottom: 1em;
    border: 1px solid #C9C9C9; padding: 10px; margin-top: 0;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* Similar Products */

#SideProductRelated h2 { text-align:center; font-size:14px; border-bottom:1px solid #ccc; padding:0 0 15px; }

   
/* =============================================================================
   Cart -n- crt
   ========================================================================== */
#CartHeader { overflow: hidden; }
#CartHeader h2 { float: left; }
#CartHeader span .button { margin-top: 7px; }

/* Quick Cart */
   
#ModalTitle, .ModalTitle {
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

.fastCartContent h2 { color:#222; font-weight:400; font-size:20px; text-transform:uppercase; }

.fastCartSummaryBox { background:#eee; }

#fastCartContainer { font-family:Georgia, "Times New Roman", Times, serif; }

#fastCartContainer .ProductList li { width:139px !important; }
#fastCartContainer .ProductList li .ProductImage img { max-width:100%; }
   
/* =============================================================================
   Checkout -n- chk
   ========================================================================== */
.ExpressCheckoutBlock .ExpressCheckoutTitle { background: #E0E0E0; border: 1px solid #ccc; }
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle { background: #F7F7F7;    border: 1px solid #e5e5ef;    color: #555; }
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { color: #888; }
.ExpressCheckoutCompletedContent { left: 325px; }
select[name="sel_billing_address"], select[name="sel_shipping_address"] { margin-bottom: 10px; }
.PL20, .ML20 { margin-bottom: 1em; }
.PL20 p.Submit { margin-bottom: 0; }

   
/* =============================================================================
   Account -n- act
   ========================================================================== */
   


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
   
#cycle-wrap { height:475px; position:relative; margin-bottom:10px; }

#cycle-wrap  .slider-caption { background:#333; background: rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:0; font-size:16px; padding:10px; width:930px; text-transform:uppercase; }
#cycle-wrap  .slider-caption a { color:#fff; }
#cycle-wrap  .slider-caption a:hover { color:#ccc; }

#home-cta { width:1140px; float:left; }
#home-cta .cta { display:block;  float:left;  border-left:0;}
#home-cta .cta-long { width:366px; border-top:0; }
#home-cta .cta-short { width:177px; border-top:0; }

#home-cta .cta a {  }
#home-cta .cta.cta-long a, #home-cta .cta.cta-short a { height:213px; display:block; }



#home-cta .cta a span {
    background:#333;
    background:rgba(0,0,0,0.5);
    color:#fff;
    display:inline-block;
    padding:8px 10px;
    position:absolute;
    right:0;
    bottom:10px;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
}
#home-cta .cta a:hover span { background:#B5121B; }

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

/* ==========================================================================
   Print Styles -n- prn   
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    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: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* =============================================================================
   Plugins -n- plg
   ========================================================================== */
/*! fancyBox v2.0.6 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:8020}
.fancybox-skin{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:8030}
.fancybox-opened .fancybox-skin{-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-outer, .fancybox-inner{padding:0; margin:0; position:relative; outline:none}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.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('../img/fancybox/fancybox_sprite.png')}
#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:8020}
#fancybox-loading div{width:44px; height:44px; background:url('../img/fancybox/fancybox_loading.gif') center center no-repeat}
.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040}
.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; background:transparent url('blank.gif'); -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; 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}
#fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:#000}
#fancybox-overlay.overlay-fixed{position:fixed; bottom:0; right:0}
.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; text-shadow:none; z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8030; text-align:center}
.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; 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:8050}
#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('../img/fancybox/fancybox_buttons.png'); 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:0; width:100%; overflow:hidden; z-index:8050}
#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}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 /* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { margin:0; position:relative; display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
/* Direction Nav */
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { width: 40px; height: 82px; margin: 0 0; display: block; display: none\9; background: url(../img/flexslider/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 44%; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav .flex-next { background-position: 0 0; right:0; }
.flex-direction-nav .flex-prev { background-position: 0 -82px; left:0; }
.flexslider:hover .flex-next { display: block\9; }
.flexslider:hover .flex-prev { display: block\9; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
/* Control Nav */
.flex-control-nav { position: absolute; bottom: 15px; left: 10px; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
/*@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .flex-next { opacity: 1; right: 0; }
}*/