/*
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; font-family: 'Lato', sans-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 { color: #444444; font-family: 'Cabin',sans-serif; font-size: 22px;  margin: 0 0 10px; }
#PageContent h2, #CategoryHeading h2, #NewsContent h2, .product .Content h2 { font-size: 1.5em; margin: 0 0 15px; color: #6D6E71; }
.Content h3 { margin: 0 0 10px; color: #015792; }

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: #06c; outline: none; text-decoration: none; }
a:hover, .Content a:hover, a:focus, .Content a:focus { color: #A10B0F; }
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, .QuickViewBtn {
    display: inline-block;
    overflow: visible;
    width: auto!important;
    padding: 8px 16px;
    cursor: pointer;    
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    background: url("/template/images/bg-red.jpg") repeat-x;
    font-family: 'Oswald', sans-serif;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
    -webkit-appearance: none;
}
.button:hover, .Content a.button:hover, input[type=submit]:hover,
input[type=button]:hover, .QuickViewBtn:hover { 
    background: #A10B0F; 
    color: #fff; 
    text-decoration: none;
}

.button.blue,
.Content a.button.blue,
input[type=submit].blue, 
input[type=button].blue, 
button.blue,
#saveForm { color: #fff; background: url("/template/images/bg-blue.jpg") repeat-x center; padding: 2px 10px; }
.button.blue:hover, .Content a.button.blue:hover, input[type=submit].blue:hover, input[type=button].blue:hover { background: #015792; }

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

.QuickViewBtn {
    display: inline-block;
    overflow: visible;
    width: auto!important;
    padding: 8px 16px;
    cursor: pointer;    
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    color: #fff!important;
    border: none;
    background: url("/template/images/bg-red.jpg") repeat-x 0 0!important;
    font-family: 'Oswald', sans-serif;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
    -webkit-appearance: none;
}
.QuickViewBtn:hover { 
    background: #A10B0F!important; 
    color: #fff!important; 
    text-decoration: none;
}

/* == 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; }
#Header, #PrimaryMenu, #Wrapper, #Footer  { width: 950px; margin: 0 auto; }
#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: 10px; }
#PrimaryMenu {}
#WrapperOuter {}
#Wrapper { text-align: left; }
#FooterOuter {}
#Footer { clear: both; }

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

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

body { background: url("/template/images/bg-noise.jpg"); }
body.homepage #Outer { background: url("/template/images/bg-home-1.jpg") no-repeat center 155px; }

.cabin { font-family: 'Cabin', sans-serif; }

.splitLine { 
    height: 0; 
    border-top: 1px solid #1BADD1; border-bottom: 1px solid #1AB3D8;
    border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.2); 
}

#___plusone_0 { position: fixed; top: 40px; left: 10px; z-index: 100; }

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

#HeaderOuter { background: url("/template/images/bg-header.jpg") repeat-x; }
#Header { height: 130px; }
#Logo { position: absolute; top: 30px; left: -4px; width: auto; }
#Logo img { display: block; margin-bottom: 16px; }

#TopMenu { float: right; clear: none; }
#TopMenu ul { float: right; margin-right: -10px; }
#TopMenu li a, #TopMenu li div { color: #A0A0A0; border: none; font-size: .95em; margin: 12px 0 0; padding: 0 10px; border-left: 1px solid #B4B4B4; }
#TopMenu li a:hover { color: #333; text-decoration: none; }
#TopMenu li.First a, #TopMenu li.First div { border-left: none; }

#header-top { float: right; }
#header-top > * { float: left; }

#header-cart { 
    background: url("/template/images/bg-header-cart.jpg") repeat-x center; 
    padding: 8px 5px 8px 10px; 
    margin: 7px 0 0 20px; 
    border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; 
    border: 1px solid #A19B9B;
    border-top: none;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8) inset; -webkit-box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.8) inset; 
}
#header-cart > * { float: left; margin: 0 5px; font-size: 12px; }
#header-cart .cart-txt a { color: #6D6E71; font-weight: bold; }
#cart-total { color: #B11116; }
#header-cart .cart-checkout { margin: 1px 5px 0; padding: 0 0 0 8px; background: url("/template/images/header-arrow.png") no-repeat left center; }
#header-cart .cart-checkout a { color: #28292C; text-transform: uppercase; font-size: 12px; font-weight: 900; text-decoration: none; }
#header-cart .cart-checkout a:hover { color: #0075AB; }

.tag-line { color: #0082CA; font-size: 20px; font-weight: bold; position: absolute; top: 60px; left: 320px; font-family: 'Oswald', sans-serif; }
#header-phone { position: absolute; right: 0; top: 50px; color: #6D6E71; font-size: 30px; font-weight: 900; font-family: 'Oswald', sans-serif; }
#header-phone span { font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }


/* == Primary Navigation ===================================================== */

#PrimaryMenuOuter {
    background: url("/template/images/bg-blue.jpg") repeat-x center;
    position: relative;
    z-index: 69;
}
#PrimaryMenu { }
#PrimaryMenu > ul { width: auto; float: left; margin-left: -15px; }
#PrimaryMenu > ul > li { float: left; }
#PrimaryMenu > ul > li.First { display: none; }
#PrimaryMenu li { margin-bottom: 0; }
#PrimaryMenu > ul > li > a {
    display: block;
    padding: 14px 12px;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
    font-family: 'Oswald', 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,
#PrimaryMenu > ul > li.open > a { 
    color: #FFF;
    background: #0075AB;
    border-left: 1px solid #015792;
    border-right: 1px solid #015792;
    padding: 14px 11px;
}
/* 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 */

#SearchForm { width: auto; padding: 0; margin: 9px 0 0; }
#SearchForm #search_query { 
    font-size: 14px; 
    padding: 9px 10px 7px 30px; 
    background: url("/template/images/search-button.png") no-repeat 8px center #FFF; 
    float: left;
    border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;
    border: none;  
}
#SearchForm input.button { 
    padding: 5px 16px 4px; 
    float: left;
    border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;  
    border: 1px solid #FFF; border-left: none;
    text-transform: uppercase;
}

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

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


/* =============================================================================
   Sidebar -n- sdb
   ========================================================================== */
   
.Left, .Right { font-size: 1em; }
.Left h2, .Right h2 { font-size:1.25em; margin: 0 0 .8em; }
.Left .BlockContent, .Right .BlockContent { margin: 0; }

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

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

.Left .Panel { margin: 0 0 10px; }
.Left .Panel:first-child { margin-top: 10px; }
.Left .Panel h2 { color: #408CB9; font-size: 17px; font-weight: normal; margin: 0; }
.Left .BlockContent {  }

.Left .Panel ul {  }
.Left .Panel li { padding: 3px 0 0; }
.Left .Panel a { color: #919191; font-size: 14px; }
.Left .Panel a:hover { color: #000; text-decoration: none; }

#sidebar-contact { border-bottom: 1px solid #C0C0C0; padding-bottom: 2px; margin-bottom: 15px; }
#sidebar-contact img { margin-left: -7px; }

.Left .SideCategoryListClassic > ul { padding: 0; margin: 0; }
.Left .SideCategoryListClassic > ul > li {  }
.Left .SideCategoryListClassic > ul > li > a { color: #408CB9; font-size: 17px; font-weight: normal; } /* First Level */
.Left .SideCategoryListClassic > ul > li > a:hover { color: #015792; text-decoration: none; }
.Left .SideCategoryListClassic ul ul { border-top: none!important; padding: 0!important; margin: 0 0 10px; }
.Left .SideCategoryListClassic ul ul li {  }
.Left .SideCategoryListClassic ul ul a { color: #919191; font-size: 14px; } /* Second Level */
.Left .SideCategoryListClassic ul ul a:hover { color: #000; text-decoration: none; }

#SideCouponCodeBox, #SideGiftCertificateCodeBox {  }
#SideCouponCodeBox .CouponCode, #SideGiftCertificateCodeBox .GiftCertificateCode {  }
#SideCouponCodeBox .CouponCode .button, #SideGiftCertificateCodeBox .GiftCertificateCode .button { padding: 4px 16px; }
#SideCouponCodeBox hr, #SideGiftCertificateCodeBox hr { display: none!important; }

#SideCategoryList h2 { display: none; }

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

#FooterOuter {  }
#Footer { 
    font-size: 1em; 
    background: url("/template/images/bg-blue-noise.jpg");
    border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; 
    padding: 20px 20px 10px;
    margin-top: 20px;
    width: 910px;
}

#SideNewsletterBox { padding: 20px; background: url("/template/images/bg-blue-fade.jpg") repeat-x center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: -20px -20px 20px; }
#SideNewsletterBox h2 { color: #FFF; text-shadow: 1px 1px 0 #000; font-size: 18px; margin: 0; text-align: left; }
#SideNewsletterBox h3 { color: #FFF; text-shadow: 1px 1px 0 #000; font-size: 13px; margin: 0; font-weight: normal; text-align: left; }
#SideNewsletterBox .BlockContent { margin-top: 5px; }
#SideNewsletterBox input { 
    width: 200px; 
    font-size: 1em; 
    padding: 6px 10px; 
    margin: 0 0 0 20px; 
    float: left; 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}
#SideNewsletterBox .button { width: auto; height: auto;    padding: 5px 10px 4px; margin: 0; position: relative; left: -8px; }

#footer-text { color: #FFF; }
#footer-text p { font-size: 12px; line-height: 1.5; text-align: justify; }

#footer-split {  }
#footer-split .grid-9 { width: 680px; }
#footer-split .grid-9 .splitLine { margin: 25px 0 0; }
#footer-split .grid-3 { width: 200px; }
#footer-split .grid-3 ul {  }
#footer-split .grid-3 li { margin: 0 4px; position: relative; }
#footer-split .grid-3 a { padding: 0; margin: 0; border-left: none; }
#footer-split .grid-3 .hover-popup { 
    position: absolute; 
    top: -10000px; 
    right: -50px; 
    width: 250px; 
    box-shadow: 0 3px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5); 
    border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;
z-index: 3;
}
#footer-split .grid-3 a:hover .hover-popup { top: auto; bottom: 90px; }
#footer-split .grid-3 .hover-popup .popup-inner { width: 230px; background: #FFF; padding: 5px 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#footer-split .grid-3 .hover-popup p { margin: 0; font-size: 12px; color: #000; line-height: 1.5; text-align: justify; }
#footer-split .grid-3 .hover-popup .popup-bottom { position: absolute; top: 100%; left: 0; width: 250px; height: 35px; }

#Footer #FooterMenu {  }
#Footer #FooterMenu .grid-3 {  
    width: 262px; 
    border-right: 1px solid #1BADD1; border-left: 1px solid #1AB3D8;
    border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(255,255,255,0.2);
    margin: 0; 
    padding: 0 20px 0 0;
    min-height: 190px; 
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; 
}
#Footer #FooterMenu .grid-3.last { padding: 0; }
#Footer #FooterMenu .grid-3.hasMenu { width: 192px; padding: 0 10px 0 20px; }
#Footer #FooterMenu .grid-3.first { border-left: none; }
#Footer #FooterMenu .grid-3.first p { margin: 20px 0 0; color: #FFF; font-size: 12px; text-align: left; margin-left: 12px; }
#Footer #FooterMenu .grid-3.first ul { text-align: center; }
#Footer #FooterMenu .grid-3.first li { margin: 0; padding: 0; display: inline; }
#Footer #FooterMenu .grid-3.first a { border-left: none; padding: 0; margin: 0 10px; font-size: 10px; color: #FFF; }
#Footer #FooterMenu .grid-3.first a:hover { color: #000; }
#Footer #FooterMenu .grid-3.last { border-right: none; }
#Footer #FooterMenu .grid-3.last img { margin: 10px 0 0; display: block; margin: 20px auto 0; }
#Footer #FooterMenu .hasMenu ul { text-align: left; list-style: none; margin: 10px 0 0; padding: 0; }
#Footer #FooterMenu .hasMenu ul li { float: none; display: block; position: relative; color: #FFF; font-size: 12px; padding: 3px 0; margin: 0 10px; }
#Footer #FooterMenu .hasMenu ul li a { 
    color: #FFF;
    border: none;
    padding: 0;
    margin: 0;
}

#Footer #FooterMenu .hasMenu ul li.First { display:none; }

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

#Footer .social { clear: both; margin: 20px 0 0; float: left; }
#Footer .social a { margin: 0 2px!important; }

#footer-bottom { background: url("/template/images/bg-red.jpg") repeat-x center; padding: 6px 0 10px; margin-top: 5px; }
#design-by { font-size: 11px; margin: 10px 0 0; color: #FFF; text-align: center; }
#design-by a { text-decoration: none; color: #FFF; }

/* =============================================================================
   Miscelaneous -n- msc
   ========================================================================== */
   
.Breadcrumb { font-size: 1em; }
.Breadcrumb li:first-child { padding-left: 0; }
.CustomWish.Breadcrumb li.last a { background: none; }
.FeedLink { display: none; }

.Breadcrumb { background: #F1F3F7; border-bottom: none; }
.Breadcrumb ul {  }
.Breadcrumb li { color: #000; text-transform: uppercase; font-size: 12px; margin-left: 8px; }
.Breadcrumb li a { color: #6D6E71; text-decoration: none; }
.Breadcrumb li a:hover { color: #000; text-decoration: none; }
.Breadcrumb li { padding-left: 0; }

#FooterOuter #brand-wrapper { width: 950px; margin: 0 auto; overflow: hidden; margin-top: 10px; position: relative; }
#brand-next, #brand-prev { position: absolute; height: 26px; width: 20px; background: url("/template/images/brand-arrows.png") no-repeat; top: 30px; cursor: pointer; }
#brand-next { right: 0; background-position: top right; } 
#brand-prev { left: 0; background-position: top left; }
#brand-slider { margin: 0 auto; }
#brand-slider ul { padding: 0; margin: 0; }
#brand-slider li {
    list-style: none;
    float: none;
    margin: 0 10px;
    width:120px;
    height:80px;
    display:table;
}
#brand-slider li img {
    display:inline-block;
    vertical-align: middle;
}
#brand-slider li a {
    vertical-align:middle;
    display:table-cell;

}
#LoginForm { margin-left: 120px; }

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

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

#BoxShadow dl {
    margin: 10px;
}

#BoxShadow dt {
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px;
}

#BoxShadow dd {
    padding-left:30px;
    margin-bottom: 10px;
}

#BoxShadow{
    padding:10px;
    border:1px solid #ccc;
    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 3px #888;
    box-shadow: 3px 3px 3px #888;
    margin-bottom:20px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */

}  
   
/* =============================================================================
   Category -n- ctg
   ========================================================================== */
   
#CategoryHeading {  }
#CategoryHeading .BlockContent {  }
#CategoryHeading .SortBox {  }
#CategoryHeading h1 {  }
#CategoryHeading .CategoryDescription { color: #919191; }

.SubCategoryList { background: none; padding: 0; }
.SubCategoryList ul { margin: 0 0 0 -10px; padding: 0; }
.SubCategoryList li { padding: 0; list-style: none; float: left; margin: 0 0 10px 10px; background: none; width: 177px; text-align: center; }
.SubCategoryList a { 
    display: block; 
    color: #FFF; 
    text-decoration: none; 
    font-size: 16px; 
    background: url("/template/images/bg-blue.jpg") repeat-x center; 
    display: block; 
    padding: 2px 5px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  
}
.SubCategoryList a:hover { color: #FFF; text-decoration: none; background: #0075AB; }

.SubCategoryListGrid {  }
.SubCategoryListGrid ul { margin: 0; padding: 0; }
.SubCategoryListGrid li { width: 18%!important; margin: 0 1% 10px; padding: 0; }
.SubCategoryListGrid li img { height: auto; max-width: 100%; }
.SubCategoryListGrid a { color: #686868; }

#CategoryContent { border: 1px solid #D9D9D9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#category-top { background: #F1F3F7; padding: 5px 10px; }

#CategoryPagingTop { float: right; margin: 0; }
#CategoryPagingBottom { display: none; }
.CategoryPagination { 
    border: none!important; 
    background: none!important; 
    font-weight: bold;
    padding: 0; 
}
.CategoryPagination .PageNext,
.CategoryPagination .PagePrev { float: none; display: inline-block; clear: none; }
.CategoryPagination .PagingList { float: none; display: inline-block; clear: none; }
.CategoryPagination li {  }
.CategoryPagination a { color: #9C9C9F; text-decoration: none; }
.CategoryPagination .PagingList li.ActivePage,
.CategoryPagination a:hover { text-decoration: underline; color: #000; }

.SortBox { float: left; font-size: 1em; }
#ModalContainer.QuickViewModal .ModalContent { background: #fff; }

.CompareButton { margin: -20px 10px 10px; }

#CategoryForm { margin: 10px 0 -10px; }

#wufooFormm7x3s5 {
    height: 282px;
    background: #F4F6F9;
    border-radius: 10px;
}

.embed #container {
    background:#F2F3F7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #D9D9D9!important;
    padding: 0 10px; 
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
#form2 header { border-bottom: none; padding: 5px; margin: 0; }
#form2 header h2 { color: #05739D; font-size: 14px; margin: 10px 0; font-weight: bold!important; }
#form2 header div { font-size: 13px; color: #929596; line-height: 1; margin: 0 0 10px; }

.wufoo input.text, .wufoo textarea.textarea { border: 1px solid #9C9C9C; border-style: solid none none solid; background: #FFF; }

#form2 ul { height:171px; position:relative; width: auto;}
#form2 li { list-style: none; padding: 0; margin: 0 0 10px; }
#form2 li.focused { background-color: transparent; }
#form2 li label { margin: 5px 0 0; color: #4B4C4D; font-weight: normal; font-size:.95em;  }
#form2 li label.desc { width: 302px; }
#form2 li div { width: auto; }
#form2 li input[type=text],
#form2 li input[type=email],
#form2 li input[type=tel] { width: 225px; padding: 1px 10px 1px 9px; }
#form2 li textarea { height: 68px; width: 425px; } 
#form2 li .submit { float: right; }

#form2 #fo2li6,
#form2 #fo2li3,
#form2 #fo2li4 {
    position:absolute;
    left:6px;
}
#form2 #fo2li6 { top:0; }
#form2 #fo2li3 { top:49px; }
#form2 #fo2li4 { top:99px; }

#form2 #fo2li5 {
    top:0;
    left:293px;
    position:absolute;
}
#form2 .buttons {
    right:4px;
    bottom:3px;
    position:absolute;
}
#form2 .buttons #saveForm {
    padding:5px 20px;
    font-weight:bold;
    text-transform:uppercase;
}





/* =============================================================================
   Brand -n- brd
   ========================================================================== */

#BrandContent { border: 1px solid #D9D9D9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#BrandContent .CategoryPagination { float: right; }

.SubBrandListGrid { background: none; padding: 0; }

.SubBrandListGrid ul,
.SubCategoryListGrid ul {
    margin: 0;
    padding: 0;
}
.SubBrandListGrid li,
.SubCategoryListGrid li { 
    padding: 10px 0 0; 
    list-style: none; 
    float: left; 
    margin: 0 0 10px 10px; 
    background: none; 
    height: auto!important; 
    width: 172px!important; 
    text-align: center; 
    border: 1px solid #0075AB; 
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
    overflow: hidden;
}

.SubBrandListGrid li.RowDivider { display: none; }

.SubBrandListGrid .sub-brand-image,
.SubCategoryListGrid .cat-image {
    margin: 0 10px 10px;
    text-align: center;
    overflow:hidden;
    vertical-align:middle;
    text-align:center;
    min-height:60px;
}
.SubCategoryListGrid .cat-image {
    height:120px;
    display:table-cell;
}
.SubCategoryListGrid .cat-image a {
    display:block;
    width:172px;
}

.SubBrandListGrid .sub-brand-text,
.SubCategoryListGrid ul li > a {
    background: url("/template/images/bg-blue.jpg") repeat-x center;
    padding: 2px 10px;
    color: #FFF;
    display:block;
    min-height:38px;
}
.SubBrandListGrid a:hover .sub-brand-text { background: #015792; }

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

.ProductList li {
    padding: 0 0 5px 24px;
    margin: 10px 0 10px 24px;
    background: none;
    min-height: 0;
}
.ProductList li:hover { background: none; }
.ProductList .ProductImage { overflow: hidden; display: block; text-align: center; border: 1px solid #D9D9D9; }
.ProductList .ProductImage img {  }
.ProductList .ProductDetails { text-align: center; }
.ProductList .ProductDetails a { color: #686868; font-size: 14px; text-decoration: none; font-weight: normal; text-align: center; }
.ProductList .ProductDetails a:hover { color: #000; }
.ProductList .ProductPriceRating {  }
.ProductList .ProductPriceRating em { color: #E81B23; font-size: 16px; font-weight: bold; text-align: center; padding: 5px 0; }
.ProductList .ProductPriceRating .Rating { display: none; }
.ProductList .ProductCompareButton { float: right; margin: 10px 0 0!important; color: #686868; }
.ProductList .ProductActionAdd { text-align: center; }
.ProductList .ProductActionAdd a { text-transform: capitalize; color: #FFF; text-decoration: none; font-size: 13px; background: #0066A1; padding: 4px 6px; text-transform: uppercase; }
 

.ProductList.CustProdList li {
    margin: 20px 0 20px 28px;
    padding-left: 36px;
    border-left:1px solid #D9D9D9;
}
.ProductList.CustProdList li.firstInRow {
    margin-left:35px;
    padding-left: 0;
    border-left: none;
}

#HomeFeaturedProducts li {
    margin-left:10px;
}
#SimilarProductsByCustomerViews .ProductList { margin-left: -21px; padding: 20px 0; }
#SimilarProductsByCustomerViews .ProductList li { margin: 20px 0 20px 41px!important; padding-left: 41px!important; }
#SimilarProductsByCustomerViews .ProductList li:nth-child(3n+1) { padding-left: 0!important; border-left: none!important; }

#SearchResultsProduct .ProductList { margin-left: 0; }
#SearchResultsProduct .ProductList li { border-left: none!important; padding: 10px!important; margin: 0 0 20px!important; }
#SearchResultsProduct .ProductList .ProductRightCol .ProductPrice { color: #E81B23; font-size: 16px; font-weight: bold; }

.CompareButtonContainer .CompareButton .button:first-child { display: none; }

#SearchResultsProduct .ProductList .ProductCompareButton { text-align: left!important; }
#SearchResultsProduct .CategoryPagination { float: left; }
#SearchResultsProduct .CompareButton, #SearchResultsProduct .CompareButtonContainer { float: right; clear: none; }

/* =============================================================================
   Product -n- prd
   ========================================================================== */
   
.product .Content { border: 1px solid #D9D9D9; padding: 10px 20px 0 20px; width: 908px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
   
#ProductDetails { margin: 10px 0 0; position: relative; }
#ProductDetails hr { display: none; }

#ProductDetails .ProductThumbWrap { margin: 0 10px 0 0; }
#ProductDetails .ProductTinyImageList { float: left; margin: 0!important; width: 100px; overflow: visible; }
#ProductDetails .ProductTinyImageList ul { width: auto!important; }
#ProductDetails .ProductTinyImageList li { border: 1px solid #D9D9D9!important; clear: both; margin: 0 0 10px!important; }
#ProductDetails .ProductTinyImageList li#more-link { border: none!important; font-size: 10px; text-align: center; }
#ProductDetails .ProductTinyImageList .TinyOuterDiv { border: none!important; }
#ProductDetails .ProductTinyImageList .TinyOuterDiv > div {  }
#ProductDetails .ProductTinyImageList .TinyOuterDiv img {  }
#ProductDetails .ProductThumb { float: none; text-align: center; float: left; width: auto!important; height: auto!important; margin-left: 7px; }
#ProductDetails .ProductThumbImage { position: relative; margin: 0 auto; }
#ProductDetails .ProductThumbImage a {
    display:none;
    display:block\0/;
    margin: 0!important;
}
#ProductDetails .ProductThumbImage a:last-child {
    display:inline-block;
}

#ProductDetails .zoomPad { display: inline-block; float: none; }
#ProductDetails .zoomPad img { border: 1px solid #D9D9D9!important; }

#ProductDetails .ProductMain { float: right; width: 518px; position: relative; }
#ProductDetails h1 { color: #444444; font-size: 20px; font-weight: normal; margin: 0 0 35px; }
#ProductDetails .ProductDetailsGrid {  }
#ProductDetails .DetailRow { display: block; clear: none; font-size: 12px; float: left; padding-left: 0!important; }
#ProductDetails .Label { width: 120px; float: left; font-size: 14px; margin: 3px 20px 3px 0!important; text-align: right; color: #2C1F1F; font-weight: bold; }
#ProductDetails .Value { float: left; display: block; width: 210px; font-size: 14px; margin: 3px 0!important; color: #000; }
#ProductDetails .Value a { color: #000; text-decoration: underline; }
#ProductDetails .Value a:hover { color: #486CAD; }

#ProductDetails .DetailRow.popUp { position: relative; }
#ProductDetails .DetailRow.popUp em { padding: 0; margin: 0; border-left: none; }
#ProductDetails .DetailRow.popUp .hover-popup { 
    position: absolute; 
    top: -10000px; 
    left: 140px; 
    width: 250px; 
    box-shadow: 0 3px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5); 
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
    z-index: 1000;
    padding: 5px 8px;
    background: #FFF;
}
#ProductDetails .DetailRow.popUp:hover .hover-popup { top: 25px; }
#ProductDetails .DetailRow.popUp .hover-popup .popup-inner { width: 230px; background: #FFF; padding: 5px 10px 0; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#ProductDetails .DetailRow.popUp .hover-popup p { margin: 0; font-size: 12px; color: #000; line-height: 1.5; text-align: justify; }
#ProductDetails .DetailRow.popUp .hover-popup .popup-bottom { position: absolute; top: 100%; left: 0; width: 250px; height: 35px; }

#ProductDetails .productAttributeList { margin: 0 0 20px; float: left; }
#ProductDetails .productAttributeRow { display: block; clear: both; font-size: 12px; float: left; padding-left: 0!important; }
#ProductDetails .productAttributeLabel { width: 120px; float: left; font-size: 14px; margin: 3px 20px 3px 0!important; text-align: right; color: #2C1F1F; font-weight: bold; }
#ProductDetails .productAttributeValue { float: left; display: block; width: 378px; font-size: 14px; margin: 3px 0!important; color: #000; }
#ProductDetails .productAttributeValue > div { padding: 0; width: 100%; border: none; }
#ProductDetails .productAttributeValue input[type=text],
#ProductDetails .productAttributeValue input[type=password],
#ProductDetails .productAttributeValue select,
#ProductDetails .productAttributeValue textarea,
#ProductDetails .productAttributeValue .scrollContainer {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding: 0; width: 100%; min-height: 25px; border: 1px solid #D9D9D9!important; }

#ProductDetails .AddToCartRow { position: absolute; top: 0; right: 0; }
#ProductDetails .AddToCartContainer .PriceRow { text-align: center; font-size: 18px; margin: 0 0 10px; }
#ProductDetails .AddToCartContainer .PriceRow em { color: #E81B23; }
#ProductDetails .AddToCartContainer .PriceRow select { margin: 0 10px 0 0; }
#ProductDetails .ProductAddToCart { overflow:hidden; clear:both; min-height:45px; }
#ProductDetails .BulkDiscount { float: none; text-align: center; }
#ProductDetails .BulkDiscount .button { text-decoration:none; color:#fff; font-size: 18px; font-weight: bold; padding: 6px 20px; }

.addToWishlist {
    display:block;
    clear:both;
    font-weight:bold;
}
a.button.addToWishlist:hover {
    background: #A10B0F;
    color: white!important;
}

#ProductDetails .productAddToCartBelow { clear: left; float: left; margin-right: -100px; padding-top: 1.5em; width: 490px; }
#ProductDetails .productAddToCartBelow .AddToCartContainer { top: 65px; }
#ProductDetails .productAddToCartBelow .productAttributeValue { width: 350px; }

.AddThisButtonBox { text-align:center; width: auto!important; padding: 10px 0 0 60px!important; float: none; margin-top: 0!important; }
.AddThisButtonBox a {
    display:inline-block;
    float:none;
}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs { float:none; }
.productAttributeList .required { display: none; }

#here-to-help { float: right; width: 378px; margin: 10px 0; background: #FFF; }
#here-to-help > h2 { 
    background: url("/template/images/bg-blue.jpg") repeat-x center; 
    color: #FFF; 
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4); 
    font-weight: normal; 
    text-align: center; 
    padding: 7px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.6) inset; 
    margin: 0;
}
#here-to-help .BlockContent { 
    padding: 14px; 
    border: 1px solid #D9D9D9; border-top: none; 
    margin: 0; 
}
#here-to-help .contact-breakdown {  }
#here-to-help .contact-breakdown .one { width: 95px; float: left; }
#here-to-help .contact-breakdown .one img { float: right; margin-right: 5px; }
#here-to-help .contact-breakdown .one p { text-align: center; font-weight: bold; color: #0082CA; margin: 0; display: block; font-size: 13px; }
#here-to-help .contact-breakdown .three { width: 240px; float: right; }
#here-to-help .contact-breakdown .panel { border: 1px solid #D9D9D9; border-top: none; }
#here-to-help .contact-breakdown .panel.first { border-top: 1px solid #D9D9D9; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; }
#here-to-help .contact-breakdown .panel.last { border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; }
#here-to-help .contact-breakdown .panel > h2 { float: left; font-size: 18px; font-weight: normal; padding: 12px 0 12px 12px; margin: 0; }
#here-to-help .contact-breakdown .panel-inner { float: right; text-align: center; width: 180px; }
#here-to-help .contact-breakdown .panel-inner div {  }
#here-to-help .contact-breakdown .panel-inner .phone-container h2 { 
    text-align: center; 
    margin: 4px 0 0; 
    color: #0082CA; 
    font-weight: normal; 
    font-size: 20px; 
    background: url("/template/images/prod-phone.png") no-repeat 2px 5px; 
    padding-bottom: 8px;
}
#here-to-help .contact-breakdown .panel-inner .phone-container p { font-size: 12px; margin: -12px 0 0; }
#here-to-help .contact-breakdown .panel-inner .chat-container img { display: block; margin: 14px auto 0; }
#here-to-help .contact-breakdown .panel-inner .email-container a { margin: 16px 0 0; font-weight: bold; text-decoration: none; color: #0082CA; display: block; font-size: 12px; }
#here-to-help .contact-breakdown .panel-inner .email-container a:hover { color: #000; }

#here-to-help .why-buy { margin: 30px 0 0; }
#here-to-help .why-buy h2 { font-size: 20px; margin: 0 0 10px; }
#here-to-help .why-buy ul { padding-left: 15px; margin: 0; }
#here-to-help .why-buy li { color: #0082CA; font-size: 12px; }
#here-to-help .why-buy li span { color: #000; }

#ProductTabs { float: left; clear: both; }
.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 5px 0 0; padding: 0; line-height: normal; }
.TabNav li a {
    display: block; 
    margin: 0; 
    padding: 6px 13px; 
    border: none; 
    top: 0;  
    color: #FFF; 
    border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;
    font-weight: bold;
    font-size: 15px;
    background: url("/template/images/bg-blue.jpg") repeat-x center;
    border: none;
}
.TabNav li a:hover { background: #0A63A1; color: #FFF; }
.TabNav li.Active a { border: 1px solid #D9D9D9; border-bottom: 1px solid transparent; padding: 5px 12px; font-weight: bold; background: #FFFFFF; color: #262B2F; }
#TabPanels { 
    clear: both; 
    margin: 0; 
    border: 1px solid #D9D9D9; 
    padding: 10px; 
    background: #fff; 
    overflow: hidden; 
    position: relative; 
    z-index: 1; 
    text-align: justify; 
    border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px;
}
#TabPanels h2 { font-size: 14px; color: #486CAD; margin: 0 0 10px; }
.ProductReviewFormContainer dt { width: auto; }
.ProductReviewFormContainer dd { margin-left: 0; }

#ModalContainer.QuickViewModal .ModalTitle { background: url("/template/images/bg-blue.jpg") repeat-x center; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.4);  }
#productDetailsAddToCartForm #ProductDetails .productAttributeLabel { width: 95px; text-align: left; }
#productDetailsAddToCartForm #ProductDetails .productAttributeValue { width: auto; }
#productDetailsAddToCartForm .ProductPrice { color: #E81B23; }


.productAttributeConfigurablePickListProduct img.thumbnail {
    max-width:30px;
}

/* =============================================================================
   (Product) Black -n- prblk
   ========================================================================== */

#ProductDetails .DetailRow.shortRow .Value {
    width:150px;
}

.product.black .Content { background: #000; border: none; width: 910px; }
.product.black .ViewLarger { color: #FFF; }
.product.black #ProductDetails h1 { color: #FCEA3C; }
.product.black #ProductDetails .Label { color: #FFF; }
.product.black #ProductDetails .Value { color: #FFF; }
.product.black #ProductDetails .Value a { color: #FFF; }
.product.black #ProductDetails .Value a:hover { color: #FCEA3C; }
.product.black #ProductDetails .DetailRow.popUp .hover-popup { 
    box-shadow: 0 3px 10px rgba(255,255,255,0.6); -moz-box-shadow: 0 3px 10px rgba(255,255,255,0.6); -webkit-box-shadow: 0 3px 10px rgba(255,255,255,0.6); 
    background: #000;
    color: #FFF;
    border: 1px solid #3D3D3D;
    padding: 10px;
}

.product.black #ProductDetails .DetailRow.popUp .hover-popup .popup-inner { background: #000; color: #FFF; }
.product.black #ProductDetails .DetailRow.popUp .hover-popup p { color: #FFF; }
.product.black #ProductDetails .productAttributeLabel { color: #FFF; }
.product.black #ProductDetails .productAttributeValue { color: #FFF; }
.product.black #ProductDetails .productAttributeValue > div { padding: 0; width: 100%; border: none; }
.product.black #ProductDetails .productAttributeValue input[type=text],
.product.black #ProductDetails .productAttributeValue input[type=password],
.product.black #ProductDetails .productAttributeValue select,
.product.black #ProductDetails .productAttributeValue textarea,
.product.black #ProductDetails .productAttributeValue .scrollContainer { border: 1px solid #FFF!important; }
.product.black #ProductDetails .AddToCartContainer .PriceRow em { color: #FFF; }
.product.black #ProductDetails .BulkDiscount .button { 
    background: url("/template/images/bg-black-fade.jpg") repeat-x center; 
    text-transform: lowercase; 
    color: #FCEA3C; 
    font-weight: normal; 
    border: 1px solid #3D3D3D;
    border-bottom: none;
}
.product.black #ProductDetails .BulkDiscount .button:hover { background: #262626; }
.product.black #here-to-help > h2 { background: url("/template/images/bg-caution.jpg") repeat-x center; text-shadow: 0 0 6px #000000; box-shadow: none; }
.product.black #here-to-help .BlockContent { border: 1px solid #3D3D3D; border-top: none; background: url("/template/images/bg-contact-breakdown-black.jpg") repeat-y center; }
.product.black #here-to-help .contact-breakdown .one p { color: #FCEA3C; }
.product.black #here-to-help .contact-breakdown .panel { border: 1px solid #000; border-top: none; background: #000; background: rgba(0,0,0,0.4); }
.product.black #here-to-help .contact-breakdown .panel.first { border-top: 1px solid #000; }
.product.black #here-to-help .contact-breakdown .panel > h2 { color: #FCEA3C; }
.product.black #here-to-help .contact-breakdown .panel-inner .phone-container h2 { color: #FFF; background: url("/template/images/prod-phone-yellow.png") no-repeat 2px 5px; }
.product.black #here-to-help .contact-breakdown .panel-inner .phone-container p { color: #FCEA3C; }
.product.black #here-to-help .contact-breakdown .panel-inner .email-container a { color: #FFF; }
.product.black #here-to-help .contact-breakdown .panel-inner .email-container a:hover { color: #FCEA3C; }
.product.black #here-to-help .why-buy h2 { color: #FCEA3C; }
.product.black #here-to-help .why-buy li { color: #FCEA3C; }
.product.black #here-to-help .why-buy li span { color: #FFF; }
.product.black .TabNav li a { background: url("/template/images/bg-caution.jpg") repeat-x center; text-shadow: 0 0 6px #000000; color: #FFF; padding: 6px 13px 4px; }
.product.black .TabNav li a:hover,
.product.black .TabNav li.Active a { border: 1px solid #3D3D3D; border-bottom: 1px solid transparent; background: #1A1A19; color: #FCEA3C; padding: 5px 12px 6px; }
.product.black #TabPanels { border: 1px solid #3D3D3D; background: url("/template/images/bg-tabs-black.jpg") repeat-y center; color: #FFF; }
.product.black #TabPanels h2 { color: #FCEA3C; }
.product.black #TabPanels a { color: #FCEA3C; }

#ProductDetails .ProductMain .OutOfStockMessage {
    clear: both;
    float: right;
    width:189px;
    text-align:center;
}
   
/* =============================================================================
   Cart -n- crt
   ========================================================================== */
   
table.CartContents, table.General { border-collapse:collapse; }
#CartContent { margin-bottom:15px; overflow:hidden; }
#CartContent a { }
#CartContent .ProductPrice { color:#444; }
#CartContent tbody { background:#fff; }
#CartContent tbody tr { border:1px solid #E5E5EF; }
#CartContent .CartItemIndividualPrice { font-size:14px; }
#CartContent .SubTotal { font-size:14px; }
.CartContents tfoot .SubTotal td { color:#A10B0F; }
#CartContent .SubTotal.First { font-size:20px; }
#CartContent .SubTotal.Last { background:#fff; border:1px solid #E5E5EF; font-size:22px; }
#CartContent .SubTotal.Last td { color:#A10B0F; }
#CartContent .SubTotal.Last .ProductPrice { color:#333; font-size:22px; }
#CartContent td[align=right] { text-align:right; }
.CartContents tfoot .SubTotal td { border:none; }
.CartContents thead tr th, table.General thead tr th { background: url("/template/images/bg-blue.jpg") repeat-x center; color: #FFF; }
table.General tbody tr td { border-top:1px solid #E5E5EF; }
.EstimateShipping, .CheckoutRedeemCoupon { background:#F8ECD9; border:1px solid #E5E5EF; }
.Content .ProceedToCheckout { width:auto; }
.cart #SideCouponCodeBox , .cart #SideGiftCertificateCodeBox { background:#fff; border:1px dashed #E5E5EF; width:324px; margin:0 10px 10px 0; padding:10px; float:left; clear:none; }
.cart #SideGiftCertificateCodeBox { margin: 0 0 0 48px; }
.cart #SideCouponCodeBox input[type="text"], .cart #SideGiftCertificateCodeBox input[type="text"] { width:150px; }
.cart #SideCouponCodeBox .button , .cart #SideGiftCertificateCodeBox .button { font-family: 'Oswald', sans-serif; font-size:16px; font-weight:normal; text-transform:uppercase; padding:2px 16px; }
.order-phone { color:#766B50; font-size:14px; font-weight:bold; text-align:center; line-height:1.4; }
.order-phone span { color:#015792; font-family: 'Oswald', sans-serif; font-size:26px; font-weight:400; }
#Wrapper .cart-list { list-style:none; padding-left:10px; padding-top: 20px; }
#Wrapper .cart-list li { background:url("/template/img/li-check.png") left center no-repeat; padding-left:28px; margin-bottom:8px; }
#Wrapper .cart-list li.play { background:url("/template/img/li-play.png") left center no-repeat; }
#Wrapper .cart-list li.lock { background:url("/template/img/li-lock.png") left center no-repeat; }
#CartContent .KeepShopping { clear: left; float: left; margin: 20px 0 0; width: auto; }
#CartContent .CheckoutButton { margin: 0 0 20px; }
   
/* =============================================================================
   Checkout -n- chk
   ========================================================================== */

#checkout-top { position:relative; height:102px; z-index:10; margin-top:10px; }
#checkout-items { background:#fcf8f0; border-bottom:none; text-align:center; }
#checkout-items p { font-size:20px; color:#484848; margin-bottom:20px; }
.ExpressCheckout {  }
.ExpressCheckout h4 { font-weight:bold; color:#333; }
.ExpressCheckout .CreateAccount { width:309px; }
.ExpressCheckoutBlock .ExpressCheckoutTitle, .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    background: url("/template/images/bg-red.jpg") repeat-x center;
    border:none;
    color:#fff;
    font-size:22px;
    font-weight:400;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
    padding: 5px 15px;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; 
}
.ExpressCheckoutBlock .ExpressCheckoutTitle .gray, .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle .gray { color: #CCC; }
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent { color:#fff; width:250px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
.ExpressCheckoutContent { background:#e7e7e7; border:1px solid #CCC; overflow:hidden; padding:15px 0 0 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.ExpressCheckoutContent input[type="submit"] { font-family: 'Oswald', sans-serif; font-size:18px; font-weight:normal; padding:4px 16px; text-transform:uppercase; }
.ExpressCheckoutContent #LoginButton { padding:4px 16px !important; }
.ExpressCheckoutBlockCompleted a.ChangeLink { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color:#fff; }
.ExpressCheckoutBlockCompleted a.ChangeLink:hover { text-decoration:none; }
.checkout #LoginForm { margin-left: 0; }

















/* =============================================================================
   Account -n- act
   ========================================================================== */
   
.account .Block.YourAccount {  }
.account .Block.YourAccount ul { padding: 0; }
.account .Block.YourAccount li { list-style: none; margin: 0 0 20px; }
.account .Block.YourAccount a { display: block; font-size: 16px; text-decoration: none; background: #e7e7e7; border-bottom: 1px solid #CCC; padding: 2px 10px; }

/* =============================================================================
   Home Page -n- hpg
   ========================================================================== */
   
#home-1 {  }
#home-1-1 { float: left; width: 653px; height: 345px; overflow: hidden; position: relative; }
#home-1-1 .banner_home_page_top, #home-1-1 .banner_home_page_top p { margin: 0; }
#home-1-1 #cycle img {
    width: 653px; 
    height: auto;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
    box-shadow: 0 3px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}
#home-1-1 #cycle-menu { position: absolute; bottom: 23px; right: 25px; z-index: 50; }
#home-1-1 #cycle-menu ul { list-style: none; padding: 0; margin: 0; }
#home-1-1 #cycle-menu li { list-style: none; padding: 0; margin: 0; float: left; margin-left: 6px; }
#home-1-1 #cycle-menu a { display: block; width: 12px; height: 12px; background: url("/template/images/cycle-indicator.png") no-repeat left center; }
#home-1-1 #cycle-menu li.activeSlide a { background-position: right center; }
#home-1-1 #cycle-menu a:hover { text-decoration: none; }

#home-1-2 { float: right; margin: 5px -63px 0 0; }
#home-2 { border: 1px solid #D9D9D9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 20px; margin: 20px 0 0; overflow: hidden; background:#fff; }
#home-2-1 { border-bottom: 1px solid #D9D9D9; margin: 0 0 20px; padding: 0 0 10px; position: relative; }
#home-2-2 { color: #686868; }
#home-2-2 h2 { font-size: 18px; margin: 0 0 10px; font-family: 'Cabin', sans-serif; }
#home-2-2 p { text-align: justify; }
#home-2-2 .grid-4 { width: 230px; color: #444444; }
#home-2-2 .grid-4 a { text-transform: uppercase; color: #E81B23; font-weight: bold; text-decoration: none; }
#home-2-2 .grid-4 a:hover { color: #000; }
#home-2-2 .grid-8 { width: 658px; }
#HomeFeaturedProducts { margin: 0; }
#HomeFeaturedProducts .BlockContent { margin: -10px 0 0; }
#HomeFeaturedProducts li:first-child { border-left: none!important; }
#HomeFeaturedProducts li:nth-child(n+4) { display: none; }
#home-3 { padding: 20px 20px 10px; background: url("/template/images/bg-home-3.png") no-repeat center top; }
#home-3 .grid-4 { width: 230px; }
#home-3 .grid-8 { width: 658px; }
#home-3 h2 { color: #444444; font-size: 18px; margin: 0 0 10px; font-family: 'Cabin', sans-serif; }
#home-3 p { color: #686868; font-size: 14px; margin: 0 0 10px; text-align: justify; }
#home-3 a { font-size: 13px; font-weight: bold; color: #818181; text-decoration: none; text-transform: uppercase; }
#home-3 a:hover { color: #333; }
   
/* 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;}