/*
Template Name:      MadBC
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: sans-serif; font-size: 14px; }
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; }

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-family:"Anton", sans-serif; font-size: 2em; margin: 0 0 0.3em; font-weight:normal; line-height:1.15em; }
#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 { color: #000; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color:#b30101; }
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;
	cursor: pointer;	
	text-decoration: none;
	padding:4px 16px;
	background: url("../../img/subcat-bg.png") repeat-x scroll center top #5F0000;
    border: 1px solid #591212!important;
    display: block;
    font-family: "Anton",sans-serif;
    font-size: 18px;
	color: #fff;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-appearance: none;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover, input[type=button]:hover { 
	background: none repeat scroll 0 0 #5F0000;
    color: #ddd;
	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; }

.DetailRow	.AddCartButton	.BulkDiscount	.button	{
	background: #7db523; /* Old browsers */
	background: -moz-linear-gradient(top, #7db523 0%, #4f6d1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db523), color-stop(100%,#4f6d1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db523 0%,#4f6d1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db523 0%,#4f6d1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7db523 0%,#4f6d1f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7db523 0%,#4f6d1f 100%); /* W3C */
	border-color: #52682e !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db523', endColorstr='#4f6d1f',GradientType=0 ); /* IE6-9 */
	margin: 0 !important;
}

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

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

/* == Tables ================================================================== */
.EstimateShipping, .CheckoutRedeemCoupon { background: #F4F4F4; border: 1px solid #e5e5ef; color: #4d4d50; }
table.CartContents, table.General { border: 1px solid #e5e5ef; }
.CartContents thead tr th, table.General thead tr th {
	background: #F4F4F4;
	border-bottom: 1px solid #e5e5ef;
	color: #4d4d50;
}
.CartContents tfoot .SubTotal td { border-top: 1px solid #e5e5ef; color: #4d4d50; }
.CompareItem { border-left: solid 1px #e5e5ef; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #e5e5ef; }
.CompareFieldTop { border-bottom:solid 1px #e5e5ef; }
.CompareFieldTop a:hover { color:red; }
.CompareCenter { border-left:solid 1px #e5e5ef; border-bottom:solid 1px #e5e5ef; }
.CompareLeft { border-left:solid 1px #e5e5ef; border-bottom:solid 1px #e5e5ef; }
.ComparisonTable tr:hover td { background: #F7F7F7; }

/* =============================================================================
   Primary Container Widths, Base Styles, and Blue Reset Styles -n- prm
   
   ** MEANT FOR BASIC STRUCTURE for example widths, margins, padding and
   for background images/colors for the basic structure elements
   
   ** NOT FOR CONTENT SPECIFIC STYLES for example styling what is inside the
   header, footer, content areas, etc.
   ** USE APPROPRIATE SECTION(S) FOR THAT
   ========================================================================== */
#html {}
#body {}
#Container { width: auto; margin: 0; }
#Outer { background: none; 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 {}
#TopMenu {}
#HeaderOuter { position: relative; }
#Header {}
#PrimaryMenuOuter { margin-bottom: 0; }
#PrimaryMenu {}
#WrapperOuter {}
#Wrapper {
	text-align: left;
	padding-top:10px;
	min-height:350px;
}
#shadow-wrap { 
	width:950px;
	margin:0 auto;
	box-shadow: 5px 0 11px -4px #444, -5px 0 11px -4px #444;
	-moz-box-shadow: 5px 0 11px -4px #444, -5px 0 11px -4px #444;
	-webkit-box-shadow: 5px 0 11px -4px #444, -5px 0 11px -4px #444; 
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.ie8 #shadow-wrap {border:1px solid #666;}
#FooterOuter {}
#Footer { clear: both; }

.Content, .Content.Wide, .Content.Widest { background: none; min-height: 0; }
.Content { width: 650px; margin: 0; padding: 0 20px; font-size: 1em; }
.Content.Wide { width: 910px; margin: 0; padding: 0 20px; }
.Content.Widest { width: 910px; margin: 0; padding: 0 20px; }

/*Sidebars*/
.Left, .Right { background: none; min-height: 0; }
.Left h2, .Right h2 { width: auto; }
.Left li, .Right li { border: none; }
.Left { width: 200px; margin:0 0 0 20px; padding:10px 20px; }
body.brands .Left {padding:10px 0; width:240px;}
.Right { width: 180px; margin: 0; }

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

/* == TopMenu =============================================================== */   
#TopMenuOuter { padding-bottom: 13px; background: #fff; } 
#TopMenu { position:absolute; right:0; top:8px; width:auto; }
#TopMenu ul { float: right; }
#TopMenu li a, #TopMenu li div { color: #000; border: none; font-size: .95em; margin: 8px 0 0 0; padding: 0 10px; }
#TopMenu li a:hover { text-decoration:none; color: #ff0000; }
a#buygiftcards { display:inline-block!important; width:95px; height:17px; margin-top:11px!important; background:url('../../img/buy-giftcards.png') no-repeat center; text-indent:-9999px; *display:inline; zoom:1; }
a#head-checkout { width:75px; height:21px; background:url('../../img/head-checkout.png') no-repeat; text-indent:-9999px; }
a#head-checkout:hover { background:url('../../img/head-checkout-hover.png') no-repeat; }

#tiptop { padding:10px 0; background:#000; }
#tiptop ul { width:950px; margin:0 auto; }
#tiptop ul li { display:inline; padding:0 60px 0 0; color:#fff; font-size:12px; }
#tiptop ul li em { font-weight:bold; }
#tiptop ul li.last { padding-right:0; }

/* == Header ================================================================ */ 
#HeaderOuter { background: #fff; }
#Header { position:relative; }

#head-phone { width:302px; height:40px; position: absolute; right: 319px; top: 44px; }
#head-phone .lefty { float:left; width:90px; height:40px; padding-right:10px; border-right:2px solid #7e8083; text-align:right; }
#head-phone .lefty p { margin-top:4px; font-size:12px; font-weight:bold; }
#head-phone .righty { float:left; width:198px; height:40px; border-right:2px solid #7e8083; text-align:center; }
#head-phone .righty p { font-size:18px; margin:0; line-height:1.1em; }
#head-phone .righty p span.phone { font-size:24px; font-weight:bold; }


/* == Logo ================================================================== */ 
#Logo { float: left; width: auto; }
#Logo img { display: block; margin:25px 0 15px; }

/* == Search Form =========================================================== */
#SearchForm { position:absolute; right:0; top:47px; width: auto; padding: 0; }
#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 { 
	border-color: #000000;
	border-radius:5px;
    font-size: 18px;
    margin: 2px 13px 0 0;
    padding: 6px;
    width: 232px; 
}
#SearchForm input.button { padding:0; background:none; border:none!important; width:41px; height:40px; }
#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 {
	background: none;
	position: relative;
	z-index: 69;
}
#PrimaryMenu {}
#PrimaryMenu > ul {
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
	-moz-border-top-left-radius:5px; 
	-moz-border-top-right-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	-webkit-border-top-right-radius:5px; 
	border-top:1px solid #a66767;
	border-bottom:1px solid #2d2d2d;
	background:url('../../img/main-nav-bg.png') repeat-x;
}
#PrimaryMenu > ul > li { float: left; height:49px; background:url('../../img/main-nav-border.png') no-repeat right center; }
#PrimaryMenu > ul > li.last { background:none; }
#PrimaryMenu li { margin-bottom: 0; }
#PrimaryMenu > ul > li > a {
	display: block;
	padding: 12px 37px 10px;
	font-size: 1.25em;
	text-decoration: none;
	color: #fff;
	font-family:'Anton', sans-serif;
}
#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: #ffffff;
}
#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;
	text-decoration:underline;
}
/* 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 > ul  {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-width: 220px;
	_width: 160px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
#PrimaryMenu > ul > li > ul:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	position: absolute;
	top: -7px;
	left: 9px;
}
#PrimaryMenu > ul > li > ul:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 10px;
}
#PrimaryMenu > ul > li:hover, #PrimaryMenu ul > .dropdown.open  { *z-index: 1000; }
/* Uncomment and remove js in scripts.js if you desire non touch friendly hover dropdown 
#PrimaryMenu > ul > li:hover > ul { display: block; }*/
#PrimaryMenu ul > .dropdown.open > .dropdown-menu { display: block; }
#PrimaryMenu li li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	color: #555555;
	white-space: nowrap;
}
#PrimaryMenu 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: #0088cc; }
/* End Navigation */

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


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
.Left, .Right { margin-bottom:15px; font-size: 1em; }
.Left h2, .Right h2 { font-family:"Anton", sans-serif; font-size:1.65em; margin: 0 0 .6em; font-weight:normal; color:#fff; }
.Left .BlockContent, .Right .BlockContent { margin: 0; }

.Left { background:url('../../img/side-bg.png') repeat-x top #5f0000; border-radius:6px; }
body.brands .Left {background:none;}
.Left li a { color:#fff; }
.Left li a:hover { color:#000; text-decoration:none; }
.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 { 
	width:950px; 
	height:45px;
	margin:0 auto; 
	background:url('../../img/newsletter-bg.png') repeat-x; 
	overflow:hidden;
}
#SideNewsletterBox p { margin: 0 0 6px 0; }
#SideNewsletterBox p.bottom { margin-bottom: 0; }
#SideNewsletterBox label { float:left; clear:none; margin-bottom: 0; }
#SideNewsletterBox label.sign-up {
	background: none repeat scroll 0 0 #717171;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 10px 0 10px;
    width: 230px;
	height:38px;
}
#SideNewsletterBox label.get-savings {
	color: #FFFFFF;
    margin: 14px 36px;
}
#SideNewsletterBox input {
	float: left;
    font-size: 1em;
    margin: 9px 0 0;
    padding: 4px;
    width: 224px;	
}
#SideNewsletterBox .button { float:left; width: 91px; height: 25px; margin-left:12px; padding: 0; background:url('../../img/submit-newsletter.png') no-repeat top; }
#SideNewsletterBox .button:hover { background:url('../../img/submit-newsletter-hover.png') no-repeat top!important; }

#couponcode, #giftcertificatecode { float:left; padding: 9px; margin-right:10px; }


/*
	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: 0; }
.Left #SideCategoryList #SideCatPopOut.SideCategoryListClassic li ul { border: none; }
/* --/-- */
#SideCatPopOut > ul > li  { position: relative; }
#SideCatPopOut > ul > li > a { font-size:13px; color:#fff; padding: 4px 0; position: relative; }
#SideCatPopOut > ul > li > a:hover { color:#000; }
#SideCatPopOut > ul > li > a .caret {
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	right: 8px;
	top: 6px;
	text-indent: -99999px;
	*text-indent: 0;
	vertical-align: top;
	border-top: 4px solid transparent;
	border-left: 4px solid #777;
	border-bottom: 4px solid transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}
#SideCatPopOut > ul > li > a:hover > .caret,
#SideCatPopOut > ul > li.dropdown.open > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* popout styles */
#SideCatPopOut > ul > li > ul {
	position: absolute;
	top: -5px;
	left: 180px;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-width: 220px;
	_width: 160px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc!important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
#SideCatPopOut > ul > li > ul:before{
	content: '';
	display: inline-block;
	border-top: 7px solid transparent;
	border-right: 7px solid #ccc;
	border-bottom: 7px solid transparent;
	position: absolute;
	top: 7px;
	left: -7px;
}
#SideCatPopOut > ul > li > ul:after{
	content: '';
	display: inline-block;
	border-top: 6px solid transparent;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	position: absolute;
	top: 8px;
	left: -6px;
}
#SideCatPopOut > ul > li > ul  > li  { margin: 0px 3px; }
#SideCatPopOut > ul > li:hover, #SideCatPopOut ul > .dropdown.open  { *z-index: 1000; }
#SideCatPopOut > ul > li > a:active, #SideCatPopOut .dropdown-toggle:active, #SideCatPopOut .open .dropdown-toggle { outline: 0; }
/* Uncomment and remove js in scripts.js if you desire non touch friendly hover dropdown */
/*#SideCatPopOut > ul > li:hover > ul { display: block; }*/
#SideCatPopOut ul > .dropdown.open > .dropdown-menu { display: block; }
#SideCatPopOut li li a {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	text-decoration: none;
	color: #555555;
	white-space: nowrap;
}
#SideCatPopOut li li li a { padding-left: 25px; }
#SideCatPopOut li li li li a { padding-left: 35px; }
#SideCatPopOut li li li li li a { padding-left: 45px; }
#SideCatPopOut li li li li li li a { padding-left: 55px; }
#SideCatPopOut > ul > li > a { }
#SideCatPopOut > ul > li > ul a:hover { color: #fff; background: #0088cc; }


/* =============================================================================
   Footer -n- ftr
   ========================================================================== */
#foot-stuff-wrap { width:910px; margin:0 auto; padding-bottom:8px; }
#FooterOuter { background:url('../img/foot-bg.png') repeat-x top #979797; }
#Footer {
    position:relative;
    width:950px;
    margin:0 auto 0 auto; 
    padding: 40px 0; 
    position: relative; 
    border: none; 
    font-size: 1em; 
    text-align:left;
}
#Footer ul { display:block; float:left; list-style:none; min-height:175px; margin:0 24px 40px 0; padding:0 30px 0 0; border-right:2px solid #a4a4a4; }
#Footer ul li { clear:both; display:block; margin-bottom:4px; }
#Footer ul li.heading { color:#000; font-size:19px; font-family:Arial, sans-serif; }
#Footer ul li a { padding-left:0; color:#000; font-size:13px; font-family:Arial, sans-serif; text-decoration:none; border:none; }
#Footer ul li a:hover { text-decoration:underline; }

#foot-phone-wrap { width:390px; margin:0 auto; color:#fff; border-left:4px solid #484848; border-right:4px solid #484848; text-align:center; line-height:3.3em; }
#foot-phone-wrap span { display:block; }
#foot-phone-wrap .foot-order { font-size:30px; color:#484848; }
#foot-phone-wrap .foot-phone { color:#484848; font-weight:bold; font-family:Arial, sans-serif; font-size:48px; line-height:.7em; }
#foot-phone-wrap .foot-hours { color:#484848; font-size:25px; font-weight:bold; }


#footer-nav .span-4, #footer-nav .span-3, #footer-nav .span-5 { border-right:1px solid #dec08d; width:149px; margin-bottom:15px; height:250px; }
#footer-nav .span-3 { width:129px; }
#footer-nav .span-5 { width:169px; }
#footer-nav .span-4.last { border:none; }
#footer-nav h3 { color:#2C3534; }

#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-bottom #copyright { font-size: .85em; color:#fff; }
#footer-bottom #design-by { font-size: .8em; color:#fff }

#footer-bottom { background:#484848; }
#footer-bottom > .inner { position:relative; width:950px; margin:0 auto; padding:25px 0; }

#social-wrap {
	left: 398px;
    position: absolute;
    top: 24px;	
}
a.social-icons { display:inline-block; width:36px; height:36px; background:url('../../img/socialicons.png') no-repeat; *display:inline; zoom:1; text-indent:-9999px; }
a.social-icons#rss { }
a.social-icons#tw { background-position:-49px 0; }
a.social-icons#fb { background-position:-94px 0; }
#cclogos  { position:absolute; right:0; top:24px; }

/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
.Breadcrumb { float:left; font-size: 1em; border:none; }
#ProductBreadcrumb { padding-bottom:10px; }
.Breadcrumb li:first-child { padding-left: 0; }
.bread-wrap { margin-bottom:10px; border-bottom:1px solid #DCDFE2; }
.Breadcrumb li a { color:#000; }
.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 { margin-bottom:6px; float: right; font-size: 1em; }

.category-free-shipping	{
	margin-bottom: 1em;
}

#CategoryHeading { position:relative; /*min-height:300px;*/ margin-bottom:10px; padding:26px 30px 15px 30px; background:url('../../img/cat-heading-bg.png') repeat-x top #2a2a2a; border-radius:6px; }
#CategoryHeading h1 { color:#fff; font-size:42px; }
.banner_category_page_top { position:absolute; right: 40px; top: 51px; }
.banner_category_page_top p { margin:0; }
#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 { padding:0; width:175px; float:left; margin:0 9px 18px;}
.SubCategoryList li a { 
	display:block; 
	padding:4px 0 4px; 
	font-family:"Anton", sans-serif; 
	font-size:18px; 
	border-radius:6px; 
	color:#fff;
	border:1px solid #591212; 
	background:url('../../img/subcat-bg.png') repeat-x top #5f0000; 
	text-align:center; 
	text-decoration:none;
}
.SubCategoryList li a:hover { text-decoration:none; background:#5f0000; color:#bbb; }
.SubCategoryList li:last-child, .SubBrandList li:last-child { margin-bottom: 0; }

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


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

.Content .ProductList li { width:312px!important; min-height:0!important; margin:0 5px 16px; padding:20px 0; border-radius:6px; border:1px solid #7d7d7d; background:url('../../img/product-list-bg.png') repeat-x top #dbdbdb; }
.Content .ProductList li:hover { background:url('../../img/product-list-bg.png') repeat-x top #dbdbdb; }
.Content .ProductList li .ProductImage { display:block; float:left; width:131px!important; height:auto !important; margin:0 8px 0 0; }
.Content .ProductList li .ProductImage img { max-width:100%; max-height:100%; }
.Content .ProductList li .ProductDetails { padding-bottom:6px; }
.Content .ProductList li .col-r { width:163px; float:left; padding:0 10px 8px 0; }
.Content .ProductList strong a { display:block; padding-bottom:6px; color:#000; font-family:"Anton", sans-serif; font-weight:normal; font-size:15px; }
.Content .ProductList .ProductPriceRating em { color:#ab0101; font-size:18px; font-weight:normal; }
.Content .ProductList .ProductActionAdd { margin-top:7px; }
.Content .ProductList .ProductActionAdd a {
	width:142px;
	background: url("../../img/subcat-bg.png") repeat-x scroll center top #5F0000;
    border-radius: 6px 6px 6px 6px;
	border:1px solid #591212;
    display: block;
    font-family: "Anton", sans-serif;
    font-size: 18px;
	color:#fff;
    /*margin-bottom: 18px;*/
    padding: 4px 0;
    text-align: center;
    text-decoration: none;
}
.Content .ProductList .ProductActionAdd a:hover {
	background: none repeat scroll 0 0 #5F0000;
    color: #BBBBBB;
    text-decoration: none;
}

#SideProductRelated .ProductList li:first-child, #SideProductRelated .ProductList li:nth-child(2), #SideProductRelated .ProductList li:nth-child(3) { display:block; } 
#SideProductRelated .ProductList li { display:none; width:213px!important; padding:5px 6px; }
#SideProductRelated .ProductList li .ProductDetails {  }
#SideProductRelated .ProductList li .ProductImage { width:88px!important; height:88px!important; }
#SideProductRelated .ProductList .Rating { margin-bottom:6px; }
/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
/* Product Page */

.relative	{
	position: relative;
}

#ProductDetails	{
	float: left;
	margin-bottom: 35px;
}

		#ProductDetails	.ProductMain	h2	{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 32px;
			font-weight: bold;
			line-height: 1.25em;
			margin-bottom: 10px;
		}
	
	.DetailRow	{
		margin-bottom: 0.5em;
	}

	#ProductDetails	.ProductDetailsGrid	{
		color: #766B50;
		float: left;
		font-size: 12px;
		width: 208px;
	}

	#ProductDetails	.ProductDetailsGrid.Lefty	{
		width: 200px;
	}

		#ProductDetails	.ProductDetailsGrid	.DetailRow	{
			margin-bottom: 0.625em;
			overflow: hidden;
		}

			#ProductDetails	.ProductDetailsGrid	.DetailRow	.left	{
				float: left;
				margin-right: 10px;
			}

			#ProductDetails	.ProductDetailsGrid	.DetailRow	p.left	{
				font-size: 11px;
				margin: 0 5px 0 0;
			}

	#ProductDetails	.ProductPrice	{
		font-size: 24px;
		line-height: 1;
	}

	#ProductDetails	.RetailPrice	{
		font-size: 13px;
		font-weight: bold;
	}

		#ProductDetails	.ProductDetailsGrid	.Label	{
			font-weight: normal;
		}

	.Field45.quantityInput	{
		margin-top: 0.5em;
	}

#product-price-match-inner { background:#FCF8F0; border:1px solid #E4D5B3; color:#000; padding:20px; width:518px; height:298px; text-align:left; }
#product-price-match-inner p { font-size:13px; line-height:1.5; }

#price-match-inner { background:#FCF8F0; border:1px solid #E4D5B3; color:#000; padding:20px; width:518px; min-height:298px; text-align:left; }
#price-match-inner p { font-size:13px; line-height:1.5; }

.PrimaryProductDetails .ProductMain { width:430px; padding-left:5px; position:relative; }
#ProductDetails .span-8 { width:230px; }

#ProductDetails .ProductMain .BulkDiscount { clear:none; padding:0 0 0 10px; float:left; }

.ImageCarouselBox { width:95px; margin:0 !important; padding:0 !important; float:left; }
#ProductDetails .ProductTinyImageList { float:none; clear:both; margin:0 0 4px 0; width:96px !important; }
#ProductDetails .ProductTinyImageList ul { width:96px !important; }
#ProductDetails .ProductTinyImageList ul li {
	display:none;
    background:#fff;
    border:1px solid #ddd !important;
    margin:0 0 5px 0;
    float:none !important;
}
#ProductDetails .ProductTinyImageList ul li:nth-child(1), 
#ProductDetails .ProductTinyImageList ul li:nth-child(2), 
#ProductDetails .ProductTinyImageList ul li:nth-child(3) {
	display:block;
}

#ProductDetails  .TinyOuterDiv { border:none !important; }
#see-photos { text-align:center; }
#see-photos .button { font-size:15px; }

.PrimaryProductDetails .ProductThumb { height:360px !important; width:380px !important; margin-bottom:15px; }
#ProductDetails .ProductThumbImage {
    background:#fff;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    z-index:100;
}

.zoomPad { float:none; }

.ProductDescription p { font-size:13px; line-height:1.5; }

.description-box { float:right; margin:-30px 0 10px 10px; width:253px; }
.description-box a { color:#766B50; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:18px; }
.description-box p { margin-bottom:8px; }
.description-box .inner { border:1px solid #dcccb5; padding:10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.description-box .inner ul { padding:0; list-style:none; margin:0; }
.description-box .inner ul li { background:url(../img/li-star.png) 0 2px no-repeat; color:#766B50; margin-bottom:6px; padding-left:17px; font-weight:bold; }
.description-box .inner ul li span { color:#B8924C; }

#product-side	{
	float: right;
	width: 224px;
	/* position: absolute;
	right: 0;
	top: 0;
	z-index: 1; */
}
	
	#product-side	.left, 
	#product-side	.right	{
		margin-bottom: 0.5em;
	}

	#product-side-box.sticky	{
		position: fixed;
		top: 10px;
		z-index: 10;
	}

	#product-side-box	{
		background: #a10101;
		border: 1px solid #666;
		padding: 10px 0 5px;
		text-align: center;
		width: 228px;
	}
	
#product-side-box .Block { margin:0 0 10px; }

#product-side-box .productAttributeList .productAttributeRow { margin-bottom:5px !important; overflow:hidden; }

#product-side-box .ProductAddToCart { padding:0 0 0 10px; }

#product-side-box .AddCartButton { background:#fff; border:1px solid #e4d5b3; display:block; margin:10px auto 0 auto; padding:10px; float:left; }

#product-side-box .AddCartButton .button { font-size:17px; font-weight:normal; padding:4px 24px; }

#product-side-box .AddCartButton #qty_ { margin:3px 5px 0 0; }

.addthis_toolbox	{
	margin-bottom: 0.5em;
	text-align: center;
}

	#product-side-box	.addthis_toolbox	a	{
		-khtml-text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
		-moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
		-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
		text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
		
		color: #fff;
		display: inline;
		float: none;
		font-size: 16px;
		font-weight: bold;
		margin: 0 auto;
		text-decoration: none;
	}

	#product-side-box	.addthis_toolbox	a:hover	{
		color: #222;
	}

	#product-side-box	.at300bs	{
		display: none;
	}

#product-side-box #frmWishList input[type="submit"] {
	color:#ccc;
    display: block;
    background:none;
    border: none!important;
    margin:0 auto !important;
	padding:0;
	text-transform:uppercase;
    cursor: pointer;
    font-size:21px;
    font-weight:normal;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    overflow: visible;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
}
#product-side-box #frmWishList input[type="submit"]:hover { color:#000; }
.productAttributeList .productAttributeValue select { width:210px; }

.productAttributeList label { font-size:12px; }

.ProductDetailsGrid		.Label, 
.productAttributeList	.productAttributeLabel	{
	float: left;
	font-size: 12px;
	margin: 0 10px 0 0 !important;
	padding: 0 !important;
	text-align: left;
	width: auto !important;
}

.ProductDetailsGrid	.DetailRow	{
	margin-top: 0;
	padding: 0;
}

.free-shipping-banner	{
	background: url(/templates/__custom/img/free-shipping-banner.png) 50% 50% no-repeat;
	border-top: 1px solid #ccc;
	clear: both;
	height: 4em;
}

.productAttributeList .productAttributeRow { padding: 0!important; margin: 0!important; }
.productAttributeList .productAttributeValue { display: inline; float: left;}
.productAttributeList .required { color: red; }
.ProductMain .BulkDiscount { clear: both; padding-top: 15px; }
.BulkDiscount .button { margin:0!important; }

#SimilarProductsByCustomerViews { text-align:center; padding-top:10px; }
#SimilarProductsByCustomerViews h3 { font-size:15px; font-weight:bold; }
#SimilarProductsByCustomerViews .ProductList li {
    padding:5px;
    height: 100px !important;
    width:218px !important;
    float:none;
	margin-bottom:5px;
    text-align:left;
    moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#SimilarProductsByCustomerViews .ProductList .ProductImage { width:90px !important; height:90px !important; float:left; margin-right:10px; }
#SimilarProductsByCustomerViews .ProductList .ProductImage img { width:90px !important; height:90px !important; }
#SimilarProductsByCustomerViews .ProductList .ProductDetails { float:left; width:118px; height:49px !important; padding:0; overflow:hidden; }
#SimilarProductsByCustomerViews .ProductList .ProductDetails a { font-size:13px; }
#SimilarProductsByCustomerViews .ProductList .ProductPriceRating { float:left; width:106px; }
#SimilarProductsByCustomerViews .ProductList .Rating { display:block; }
#SimilarProductsByCustomerViews .ProductList .Rating img { height:17px; }
#SimilarProductsByCustomerViews .ProductList em { font-size:14px; height:auto; }
#SimilarProductsByCustomerViews .ProductList em strike { display:none; }
#SimilarProductsByCustomerViews .ProductActionAdd { display:none; }

#tab-wrap { float:left; width:670px; margin-bottom:15px; }
#side-wrap { float:left; width:230px; margin-left:10px; }

/* Product 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 #666; color: #444; background: #fff; font-size:18px; }
.TabNav li a:hover { background: #888; }
.TabNav li.Active a { border-bottom: none; border-bottom: 1px solid transparent; background: #EEEEEE; padding: 5px 6px 5px; font-weight: normal; }
#TabPanels {
    clear: both;
    border: 1px solid #666; padding: 10px; margin-top: 0;
    background: #eee;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/* Brands Page */
.brand-content { border:4px double #e4d5b3; border-right:none; border-left:none; padding:10px 10px 0; }
.brand-content p { line-height:1.5; margin-bottom:10px; }

.SubBrandListGrid { margin:0; padding:0; }
.SubBrandListGrid ul { margin:0; padding:0; }
.SubBrandListGrid li { margin:0 6px; padding:0; background:none; height:135px !important; }
.SubBrandListGrid li img { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }
.SubBrandListGrid .RowDivider { display:none; }
#LeaseStationButton {margin:0 0 15px;}
/* =============================================================================
   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; }
.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
   ========================================================================== */
.CreateAccount, .AccountLogin {width:300px;}


/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
/*body.home .Content > .inner { padding:0 20px; }*/
#bcDrops {
	float:left;
	width:250px; 
	height:320px;
	margin:0 18px 0 0;
	padding:30px 20px 0;
	background:url('../../img/drops-bg.png') repeat-x #5f0000;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
body.brands #bcDrops, body.brands #bcDrops select {width:200px;}
#bcDrops h2 {
	padding-left:30px; 
	background:url('../../img/drops-search.png') no-repeat left center; 
	color:#fff;
	font-size:29px;
	padding-left:36px;
	margin-bottom:7px;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
}
#bcDrops p { color:#fff; font-size:12px; line-height:1.65em; }
#bcDrops select {
	border-radius: 6px;
    margin-bottom: 20px;
    padding: 7px 5px;
    width: 250px;
}
#cycle {
	position:relative;
	background:url('../../img/cycle.png') repeat-x top #2a2a2a;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	float:left;
	width:601px;
	height:350px;
}
#cycle h2 {color:#fff; font-size:2.3em;}
#cycle p, #cycle ul { margin:0; padding:0; color:#fff;}
#HomeCyclePanel {padding:32px 170px 33px 13px;}
#HomeCyclePanel > ul {list-style:none;}
#HomeCyclePanel > ul li ul {padding-left:15px; list-style:disc;}
#HomeCyclePanel > ul > li > ul > li {font-size:12px; padding-bottom:4px;}
#HomeCyclePanel a.learn-more {
	background: url("../../img/shop-all-bg.png") repeat-x scroll center top #520606;
    border: 1px solid #1F1F1F;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    display: block;
    font-family: "Anton",sans-serif;
    font-size: 18px;
    height: 32px;
    text-align: center;
    text-decoration: none;
    width: 163px;
}
#HomeCyclePanel a.learn-more:hover {
	background: none repeat scroll 0 0 #5F0000;
    color: #BBBBBB;
}
#HomeCyclePanel img {position:absolute; bottom:10px; right:10px;}

#cat-panel-wrap { margin:20px 0 10px; }
.cat-panel h3, .cat-panel-wide h3  {
	color: #FFFFFF;
    font-family: Anton,sans-serif;
    font-size: 19px;
    font-weight: normal;
    margin: 0 0 0.2em;	
	line-height:1.1em;
}
.cat-panel ul, .cat-panel-wide ul { list-style:none; padding:0; }
.cat-panel ul li a, .cat-panel-wide ul li a { color:#fff; font-size:12px; }
.cat-panel ul li a:hover, .cat-panel-wide ul li a:hover { color:#b30101; }
.cat-panel a.shop-all { 
	display:block; 
	position:absolute;
	bottom:18px;
	left:110px;
	width:133px; 
	height:32px; 
	color:#fff; 
	font-family:"Anton", sans-serif; 
	font-size:20px; 
	border-radius:6px; 
	background:url('../../img/shop-all-bg.png') repeat-x top #520606; 
	border:1px solid #1f1f1f;
	text-align:center;
	text-decoration:none;
}
.cat-panel a.shop-all:hover { background:#5f0000; color:#bbb; }
.cat-panel { position:relative; width:290px; height:223px; float:left; margin:0 20px 20px 0; }
.cat-panel > .inner { padding:16px 20px 0 112px; }

.cat-panel#car-truck { background:url('../../img/cat-panel-1.jpg') no-repeat; }
.cat-panel#align-equip { background:url('../../img/cat-panel-2.jpg') no-repeat; }
.cat-panel#tire-changers { background:url('../../img/cat-panel-3.jpg') no-repeat; }
.cat-panel#wheel-balancers { background:url('../../img/cat-panel-4.jpg') no-repeat; }
.cat-panel#paint-booth { background:url('../../img/cat-panel-5.jpg') no-repeat; }
.cat-panel#air-comp { background:url('../../img/cat-panel-6.jpg') no-repeat; }

.cat-panel-wide { width:445px; height:230px; margin-right:20px; float:left; }
.cat-panel-wide > .inner { padding:16px 20px 0 127px; }
.cat-panel-wide#wide-equip-1 { background:url('../../img/cat-wide-equip-1.jpg') no-repeat; }
.cat-panel-wide#wide-equip-2 { background:url('../../img/cat-wide-equip-2.jpg') no-repeat; }

#HomeFeaturedProducts, #brands-banner { width:890px; margin-bottom:8px; padding:10px; border-radius:6px; background:url('../../img/home-featured-bg.png') repeat-x top #fff; }
#HomeFeaturedProducts h2, #brands-banner h2 { margin-bottom:.5em; color:#fff; font-size:21px; text-shadow:0px 2px 3px #444; }
#HomeFeaturedProducts .ProductList { margin-left:3px; text-align:center; }
#HomeFeaturedProducts .ProductList li { width:207px!important; margin:0 6px; padding:0; }
#HomeFeaturedProducts .ProductList li .ProductImage { width:205px!important; height:149px!important; border:1px solid #b3b3b3; border-radius:6px; }
#HomeFeaturedProducts .ProductList li .ProductDetails strong a { color:#000; font-size:14px; }
#HomeFeaturedProducts .ProductList li .ProductPriceRating em { color:#818181; font-weight:normal; font-size:14px; }
#HomeFeaturedProducts .ProductList li .ProductActionAdd a { 
	display:block; 
	width:118px; 
	margin:5px auto 0; 
	padding:5px 0 6px; 
	border:1px solid #591212; 
	border-radius:4px; 
	background:url('../../img/add-to-cart-bg.png') repeat-x #5f0000;
	text-decoration:none;
	text-transform:lowercase;
}
#HomeFeaturedProducts .ProductList li .ProductActionAdd a:hover { color:#fff; background:#5f0000; }

#brands-banner { background-position:center -6px; }
#brands-banner h2 { margin:.5em 0 .7em; }
#brands-banner a { display:block; float:left; width:133px; height:45px; margin-right:15px; text-indent:-9999px; }
#brands-banner a.americure { background:url('../../img/brand-americure.jpg') no-repeat 0 12px; }
#brands-banner a.belaire { background:url('../../img/brand-belaire.jpg') no-repeat 0 9px; }
#brands-banner a.benpearson { background:url('../../img/brand-benpearson.jpg') no-repeat 0 0; }
#brands-banner a.bendpak { background:url('../../img/brand-bendpak.jpg') no-repeat 0 12px; }
#brands-banner a.campbell { background:url('../../img/brand-campbell.jpg') no-repeat 0 3px; }
#brands-banner a.cemb { background:url('../../img/brand-cemb.jpg') no-repeat 0 11px; }

#home-seo { padding:25px 19px; border-radius:6px; background:url('../../img/home-seo.png') repeat-x #2a2a2a; }
#home-seo > .third {
	float: left;
    margin-right: 18px;
    width: 272px;
}
#home-seo p { color:#fff; font-size:13px; }
#bs-wrap { width:910px; margin:0 auto; }
#bsbanner {  background:#a10101; }
#bsbanner ul { width:910px; margin:0 auto; padding:0; }
#bsbanner li { display:block; float:left; margin-right:46px; padding:16px 0 16px 30px; color:#fff; }
#bsbanner li.thumb { margin-left:-20px; background:url('../../img/thumb.png') no-repeat left center; }
#bsbanner li.truck { padding-left:45px; background:url('../../img/truck.png') no-repeat left center; }
#bsbanner li.check { background:url('../../img/check.png') no-repeat left center; }
#bsbanner li.lock { background:url('../../img/lock.png') no-repeat left center; }

.last { margin-right:0!important; }
.no-right { margin-right:0; }

/* =============================================================================
   Search Page
   ========================================================================== */
body.search .Content .ProductList li { float:none; clear:both; width:601px!important; padding:15px 10px; text-align:left; }
body.search .Content .ProductList li .ProductDetails { text-align:left; }
body.search .Content .ProductList li .ProductImage { margin-right:12px!important; float:left; width:50px!important; height:50px!important;}
body.search .Content .ProductList .ProductPriceRating em, body.category-parts .Content .ProductList .RetailPriceValue { font-size:17px!important; }
body.search .Content .ProductList li .ProductPriceRating { float:left; }
body.search .Content .ProductList li .ProductActionAdd { float:right; margin-top:-7px; }
body.search .Content .ProductList .Rating { display:none; }

/* 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 v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* 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 {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-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 {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../../img/flexslider/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../../img/flexslider/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}