/*
UMADBC Template
Wireframe
============================================================
author:      Madwire Media
author URI:  http://www.madwirewebdesign.com/
file:        wireframe.css
description: Stylesheet for the foundation and basic structure of all MADwhite BC Template sites.
version:     1.0
original:    08/07/2014
revised:     DO NOT REVISE // to overwrite, please make !important styles in main.css


*** TABLE OF CONTENTS ***
Global, Body     =    glb
Grid            =   grid
Containers         =    cntr
Top Menu        =    tmenu
Pages Menu         =    pmenu
Sub Menus         =    smenu
Search             =    srch
Newsletter Box    =    newl
Columns            =    cols
Footer             =    ftr
Breadcrumbs     =    brc
Pagination         =    pgn
Category         =    cty
Product         =    prd
Cart             =    crt
Checkout         =     chk
Account            =    acct
Forms             =    frms
Buttons         =    btns
Clearfix        =   clfix
============================================================
*/

/* Global Reset -glb- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;font-style: inherit;font-weight: inherit;
    margin: 0;padding: 0;vertical-align: baseline;
}

html, body {
    width:100%;
    zoom:1;float:none !important;
}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {height:100%;margin:0;padding:0;font-smooth:always;line-height:1.2;}

/* Global Styles -glb- */
p {margin-bottom:10px;line-height:normal;}
hr {border: 0 none;margin: 10px 0;padding: 0;}
.Block {margin-bottom: 10px;margin-top: 0;}

/* A Tags */
a { 
    transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
}
a, a:hover {
    outline:none !important;cursor:pointer;cursor:hand;
}
a img {
    transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
}
img, img a, .ProductThumb a, img a:hover, .ProductThumb a:hover {
    border:none;text-decoration:none;
}
.clicky:hover {
    cursor:pointer;cursor:hand;
}

/* Button Click Effect */
#Menu a:active span, .Button:active, .btn:active, .ButtonInput:active, .ProductActionAdd:active, .Buttons a:active, p.Submit input:active, input[type="submit"]:active, input[type="button"]:active, .SocialMedia li a:active, #FooterMenu li a:active, .ButtonClick:active  {
    position:relative;
    top:1px;left:0;
    outline:none;
}
#Logo #LogoContainer:active {
    position:relative;
    top:1px;
}
#ImageScrollPrev:active {
    position:relative;
    left:-1px;top:0;
}
#ImageScrollNext:active {
    position:relative;
    left:1px;top:0;
}
.sliderPrev:active {
    left:-1px;
}
.sliderNext:active {
    right:-1px;
}
.prev:active {
    left:-1px !important;
}
.next:active {
    right:-1px !important;
}
/* no button click */
.Button input[type="submit"]:active, .btn input[type="submit"]:active, .ButtonInput input[type="submit"]:active, .Button input[type="button"]:active, .btn input[type="button"]:active, .ButtonInput input[type="button"]:active {
    top:0;
}
#Menu ul li ul a:active, .SideCategoryListFlyout ul li ul a:active, .Left .ProductList li a:active, .Right .ProductList li a:active {
    top:0;left:0;
    position:relative;
}

/* Highlight - Hover Glow Effect */
.highlight:hover {
    box-shadow:0 0 10px rgba(255,255,255,0.3);-moz-box-shadow:0 0 10px rgba(255,255,255,0.3);-webkit-box-shadow:0 0 10px rgba(255,255,255,0.3);
}
/* Shadow - Hover Shadow Effect */
.shadow:hover {
    box-shadow:1px 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3);-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
/* Reveal - Hover Opacity Reveal Effect */
.revealimgs img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    }
    .revealimgs img:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity:1;
        -khtml-opacity:1;
        opacity:1;
    }
/* Hightlight - Hover Opacity Highlight Effect */
.highlightimgs img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
    }
    .highlightimgs img:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
        filter: alpha(opacity=85);
        -moz-opacity:0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }
/* === */

/* == Header Tags : h1, h2, h3, etc  ======================== */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1, .Content h1 {margin-bottom:15px;}
h2, .Content h2, .TitleHeading {margin-bottom:10px;}
h3 {margin-bottom:8px;}
h4 {margin-bottom:7px;}
h5 {margin-bottom:6px;}
h6 {margin-bottom:5px;}
.hidden {top: -10000px;position: absolute;}
.visuallyhidden { 
  position: absolute;overflow: hidden !important; 
  clip: rect(0 0 0 0) !important; 
  height: 1px !important; width: 1px !important; 
  margin:-1px !important;padding:0 !important;border: 0 !important; 
}
/* == end Header Tags == */

/* == Logo  ================================================ */
#Logo a {display:block;}
/* == end Logo == */

/*
    Variable Grid System (Fluid Version).
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

    Licensed under GPL and MIT.
    
    =============
    Edited & Customized for Madwire BigCommerce Templates
    Madwire Media
    =============
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container, .grid-row {
    clear:both;
}
.container.divider, .grid-row.divider {
    margin-bottom:15px;
}
/* if you want your grid container to have a margin on left and right */
.container.margins, .grid-row.margins {
    clear:both;
    width: 98%;
    margin-left: 1%;margin-right: 1%;
}
/* if you want the edges of the left and right columns to be flush with full width of site */
.container.full-width, .grid-row.full-width {
    margin-left:-1%;margin-right:-1%;
}
#Header, #TopMenu, #Menu, #Wrapper, #Footer {
    clear:both;position: relative;
    width: 100%;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid-unit,
.grid-img {
    display:inline;
    float: left;position: relative;
    padding-left:1%;padding-right:1%;
}
.grid-unit.box {
    margin-left:1%;margin-right:1%;padding: 0;
    }
    .grid-unit.box div.boxcontent {
        padding:15px;
    }

/* all images inside a grid will fit/resize */
.grid-unit img,
.grid-img img {
    max-width:100%;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid-unit.col-1    {width:6.333%;}
.grid-unit.col-2    {width:14.667%;}
.grid-unit.col-3    {width:23.0%;}
.grid-unit.col-4    {width:31.333%;}
.grid-unit.col-5    {width:39.667%;}
.grid-unit.col-6    {width:48.0%;}
.grid-unit.col-7    {width:56.333%;}
.grid-unit.col-8    {width:64.667%;}
.grid-unit.col-9    {width:73.0%;}
.grid-unit.col-10   {width:81.333%;}
.grid-unit.col-11   {width:89.667%;}
.grid-unit.col-12   {width:98.0%;}
.grid-img           {width:auto;}

.grid-unit.col-1of2,
.grid-unit.col-2of4,
.grid-unit.col-3of6 {width:48.0%;}

.grid-unit.col-1of3 {width:31.333%;}

.grid-unit.col-2of3,
.grid-unit.col-3of4,
.grid-unit.col-4of6 {width:73.0%;}

.grid-unit.col-1of4,
.grid-unit.col-2of6 {width:23.0%;}

.grid-unit.col-1of6 {width:14.667%;}

.grid-unit.col-1of1 {width:98.0%;}

.grid-unit.col-1of5 { width: 18%; }
.grid-unit.col-2of5 { width: 38%; }
.grid-unit.col-3of5 { width: 58%; }
.grid-unit.col-4of5 { width: 78%; }

/* Half Sizes -5% from normal grid widths */
.grid-unit.col-1half   {width:1.333%;}
.grid-unit.col-2half   {width:9.667%;}
.grid-unit.col-3half   {width:18.0%;}
.grid-unit.col-4half   {width:26.333%;}
.grid-unit.col-5half   {width:34.667%;}
.grid-unit.col-6half   {width:43.0%;}
.grid-unit.col-7half   {width:51.333%;}
.grid-unit.col-8half   {width:59.667%;}
.grid-unit.col-9half   {width:68.0%;}
.grid-unit.col-10half  {width:76.333%;}
.grid-unit.col-11half  {width:84.667%;}
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.push-1  {left:8.333%;}
.push-2  {left:16.667%;}
.push-3  {left:25.0%;}
.push-4  {left:33.333%;}
.push-5  {left:41.667%;}
.push-6  {left:50.0%;}
.push-7  {left:58.333%;}
.push-8  {left:66.667%;}
.push-9  {left:75.0%;}
.push-10 {left:83.333%;}
.push-11 {left:91.667%}
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.pull-1  {left:-8.333%;}
.pull-2  {left:-16.667%;}
.pull-3  {left:-25.0%;}
.pull-4  {left:-33.333%;}
.pull-5  {left:-41.667%;}
.pull-6  {left:-50.0%;}
.pull-7  {left:-58.333%;}
.pull-8  {left:-66.667%;}
.pull-9  {left:-75.0%;}
.pull-10 {left:-83.333%;}
.pull-11 {left:-91.667%}

/* Helper Classes
----------------------------------------------------------------------------------------------------*/
/* do not add padding to grids, make inner div with padding */
.pad-0 {padding:0 !important;}
.pad-1 {padding:5px !important;}
.pad-2 {padding:8px !important;}
.pad-3 {padding:10px !important;}
.pad-4 {padding:12px !important;}
.pad-5 {padding:15px !important;}

.mar-0 {margin:0 !important;}
.mar-1 {margin:0.5% !important;}
.mar-2 {margin:0.8% !important;}
.mar-3 {margin:1% !important;}
.mar-4 {margin:1.4% !important;}
.mar-5 {margin:1.8% !important;}
.margin-right {margin-right:1% !important;}
.margin-left  {margin-left:1% !important;}
.margin-right-only {margin-right:1% !important;margin-left:0 !important;}
.margin-left-only  {margin-left:1% !important;margin-right:0 !important;}

.First {border-left:0 !important;}
.Last  {border-right:0 !important;}

.border-left  {border-left:1px solid rgba(0,0,0,0.1);}
.border-right {border-right:1px solid rgba(0,0,0,0.1);}
.grid-unit.border-left  {margin-right:-1px !important;}
.grid-unit.border-right {margin-left:-1px !important;}
.grid-unit.border-right.alpha {padding-right:2%;margin-right:0;}
.grid-unit.border-left.omega  {padding-left:2%;margin-left:0;}
.grid-unit.box.border .boxcontent {border:1px solid rgba(0,0,0,0.1);}
.grid-unit.box.boximg .boxcontent {padding:0;}

.text-center, img-center {text-align:center;}
.text-left   {text-align:left;}
.text-right  {text-align:right;}
.img-left      {float:left;}
.img-right   {float:right;}

.col-left     {float:left;margin-left:0;}
.col-right    {float:right;margin-right:0;}
.col-center   {padding-left:1%;padding-right:1%;}
.col-center-2 {padding-left:2%;padding-right:2%;}

.FloatLeft {float:left;}
.FloatRight {float:right;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha     {padding-left:0;padding-right:1%;margin-right: 1%;}
.omega     {padding-right:0;padding-left:1%;margin-left: 1%;}
.box.alpha {margin-left:0;margin-right:2%;padding:0;}
.box.omega {margin-right:0;margin-left:2%;padding:0;}
/* ====== */

/* == Containers -cntr- == */
#Container         {width: 100%;}

#TopMenuOuter     {clear:both;position: relative;}
#TopMenuWrap     {margin:0 auto;}

#HeaderOuter     {clear: both;position: relative;z-index: 11;}
#HeaderWrap     {margin:0 auto;}

#MenuOuter         {clear: both;position: relative;z-index: 15;}
#MenuWrap         {margin:0 auto;}

#Outer             {clear: both;margin: 0 auto;position: relative;z-index: 1;}
#Outer:after     {clear: both;}
#Wrapper         {margin:0 auto;}
#Wrapper:after     {clear: both;}

#ContentWrap     {width: 100%;float: left;}

#FooterOuter     {clear: both;position: relative;z-index: 5;}
#FooterWrap     {margin:0 auto;}
/* ======== */

/* == Top Menu -tmenu- =========================================== */
#TopMenu {
    position: relative;
    z-index: 90;
    }
    #TopMenu ul {}
    #TopMenu li {
        float:left;
        display:inline-block;
    }
    #TopMenu li div a {
        border-left: 0;display:inline-block;
    }
    
    /* TopMenu Drop-down */
    #TopMenu li ul {
        float: none;
        margin: 0;
        width: auto;max-width: 180px;min-width:130px;min-height:50px;
        padding:4px 10px 6px !important;
        position: absolute;
        text-align: left;
        top:auto;
        z-index: 20;
        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
        border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
        /* Hide off-screen when not needed (this is more accessible than display:none;) */
        left:-9999px;
        /* Make the dropdown fade-in */
        transition: 0.35s linear opacity;
        -webkit-transition: 0.35s linear opacity;
        -moz-transition: 0.35s linear opacity;
        /* Set initial state to transparent */
        opacity:0;
    }
    #TopMenu li:hover ul {
        left:auto; /* Bring back on-screen when needed */
        opacity:1; /* Fade to opaque */
    }
    #TopMenu li ul li {
        margin:0;
        padding:0;
        float:none;
        display:block;
    }
    #TopMenu li ul li a {
    }
    #TopMenu li ul li a:hover {
    }
    
    /* Extras */
    #TopMenu li.Welcome {
        font-weight:700;padding: 0 7px;
    }
    #TopMenu li.First {}
    #TopMenu li.MyAccount ul li {
        height:auto;
        }
        #TopMenu li.AccountDropdown:hover a, #TopMenu li.AccountDropdown.over a {
            background:#444;color:white;
            padding:5px 6px 0;margin:-5px 0 0;
            border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;
            }
            #TopMenu li.MyAccount ul li a {
                margin:0;padding:2px 5px;
                background:white !important;border:none !important;
                border-radius:0 !important;-moz-border-radius:0 !important;
            }
    #TopMenu li.SignOut {
        margin-left: -5px;
    }
    #TopMenu li div a { margin:0;padding:0; }
    #TopMenu li.AccountDropdown { border-right: none; }
    #TopMenu li:last-child { margin-right:0;border-right:none; }
    #TopMenu li.Last, #TopMenu li.Last a { padding-right: 0; }

#YouAreSignedIn {
    display:none; /* by default, hide signed in menu */
}
/* div containing element to be searched for deciding if user is signed in or not */
#AreYouGuest {
    display:none;
    top:-999px;
    position: absolute;
    margin:0;
    font-size:0px;
}
/* == end TopMenu == */

/* == Pages Menu -pmenu- ======================================= */
#Menu, .main-menu {
    z-index:10;
    position:relative;
    }
    #Menu ul, .main-menu ul {
        margin: 0 auto;
        padding: 0;
    }
    #Menu li, .main-menu li {
        float:left;
        display:inline-block;
        list-style: none outside none;
        position: relative;
    }
    #Menu li a, .main-menu li a {
        display: block;
        float: none;
    }
    #Menu li.First, #Menu li.First a, .main-menu li.First, .main-menu li.First a {
        border-left:none;
    }
    #Menu li.Last, #Menu li.Last a, .main-menu li.Last, .main-menu li.Last a {
        border-right:none;
    }
    
    /* PagesMenu Drop-down */
    #Menu li ul.main-sub-box, .main-menu li ul.main-sub-box {
        clear: both !important;
        left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
        position: absolute;z-index: 20;
        text-align: center;
        width:auto;min-width:140px;height:auto;
        margin:0 auto;
        border:none;
        -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5);
        /* Make the dropdown fade-in */
        transition: opacity 0.25s ease-in-out 0s;-moz-transition: opacity 0.25s ease-in-out 0s;-webkit-transition: opacity 0.25s ease-in-out 0s;
        opacity:0; /* Set initial state to transparent */
    }
    #Menu li:hover ul.main-sub-box, .main-menu li:hover ul.main-sub-box {
        left:0; /* Bring back on-screen when needed */
        opacity:1; /* Fade to opaque */
        }
    #Menu li.nav-4:hover ul.main-sub-box, .main-menu li.nav-4:hover ul.main-sub-box {
        left: -200px;
    }
    #Menu li.nav-5:hover ul.main-sub-box, .main-menu li.nav-5:hover ul.main-sub-box {
        left: -250px;
    }
        
        /* Menu Dropdown Arrows */
        #Menu .dropdownarrow, #MobileMenu .dropdownarrow {
            display:none;
            margin: 2px 0 0 10px;
            position: absolute;
            text-align: left;
            width: 100%;
            }
            #Menu ul.onClickDropdown li.SubMenuOpen .dropdownarrow {
                display: block;
            }
        #Menu ul li.HasSubMenu > a, .main-menu ul li.HasSubMenu > a {
            float:left;
        }
        #Menu li a.subpagedropdown {
            float: right !important;
            margin: 0 0 0 -12px;
            position: relative;display:inline-block;
            }
            #Menu li a.subpagedropdown i.icon {
                margin: 2px 0 0 !important;opacity: 0.5;
                font-size:100%;
                }
                #Menu li.SubMenuOpen a.subpagedropdown i.icon, #Menu ul > li > a.subpagedropdown:hover i.icon, .main-menu li > a.subpagedropdown:hover i.icon {
                    opacity: 1;
                }
        #Menu li a.subpagedropdown, .main-menu li a.subpagedropdown { top:-999px;opacity:0;display:none; }
        #Menu li.HasSubMenu a.subpagedropdown, .main-menu li.HasSubMenu a.subpagedropdown { top:0 !important;opacity:1 !important;display: inline-block; }
        
        /* Styling for onClickDropdown */
        #Menu ul.onClickDropdown li.SubMenuOpen, .main-menu ul.onClickDropdown li.SubMenuOpen {
        }
        #Menu ul.onClickDropdown li a, .main-menu ul.onClickDropdown li a {
            cursor:pointer;cursor:hand;
        }
        #Menu ul.onClickDropdown li.HasSubMenu ul.dropdown.closed, .main-menu ul.onClickDropdown li.HasSubMenu ul.dropdown.closed {
            left:-999px;opacity:0; /* Fade to opaque */
        }
        #Menu ul.onClickDropdown li.HasSubMenu ul.dropdown.open, .main-menu ul.onClickDropdown li.HasSubMenu ul.dropdown.open, #MobilePagesMenu ul.onClickDropdown li.HasSubMenu ul.dropdown.open {
            /* Make the dropdown fade-in */
            left:0;opacity:1 !important; /* Fade to opaque */
            right:0; /* center dropdown */
        }
        /* end */
    
    #Menu li ul li, .main-menu li ul li {
        margin:0;display: block;float:none;
        }
        #Menu li ul li a, .main-menu li ul li a {
            display: block;width:auto;
        }
        
/* Mobile */
#MobileMenu {
    margin:0 auto;padding: 0;
    position:relative;z-index: 89;
    transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-webkit-transition: all 0.25s ease-in-out 0s;
    box-shadow: 5px 0 10px rgba(0, 0, 0, 0.3);
    }
    #MobileMenu li {
        clear: both;float: none;
        display: block;
    }
a#mobile-nav-open span i.icon {
    margin: -3px 0 0 -5px !important;padding: 0;
}

/* Put Dropdown Menu Items in Columns, 2 3 or 4 column menus */
#Menu ul.ColumnSubMenu2 li ul li {
    float:left;width:50%;
}
#Menu ul.ColumnSubMenu3 li ul li {
    float:left;width:33.3%;
}
#Menu ul.ColumnSubMenu4 li ul li {
    float:left;width:25%;
}
/* == end PagesMenu == */


/* == Main Content - Columns =================================== */

/* == Columns -cols- == */
.Left, .Right {float:left;min-height:0;position:relative;}
       .Right {float:right;}
.Content {float: none;min-height: 100px;position:relative;}
#ContentWrap.full-width {
    margin-left:0 !important;margin-right: 0 !important;float:none !important;
    }
    #ContentWrap.full-width .Content {
        margin:0 auto;float:none;
    }
/* == end Columns == */

/* == Search -srch- ============================================= */
.SearchForm {
    position: relative;
    z-index: 80;
    }
    .SearchForm label {
        display:none;
        float:left;
    }
    .SearchForm input.Textbox {
        display:inline;
    }
    .SearchForm .SearchBtn {
        vertical-align: middle;
        display:inline;
    }
/* == end Search == */

/* == Newsletter Box -newl- ====================================== */
.NewsletterSubscription {
    }
    .NewsletterSubscription label {
        clear: none;float: left;
    }
    .NewsletterSubscription input {
    }
    .NewsletterSubscription .Button {
        vertical-align: middle;
    }
/* == end Newsletter Box == */

/* == Breadcrumbs -brc- =========================================== */
.Breadcrumb {
    border-bottom:none;
    }
    .Breadcrumb ul {
        margin:0 !important;
    }
    .Breadcrumb li {
        display: inline;
        padding-left: 6px;
    }
    .Breadcrumb li:first-child {
        padding-left: 0;
    }
/* == end Breadcrumbs == */

/* == Sub Menus -smenu- ============================================= */

/* SideCategoryList */

/* On Click Dropdown */
#SideCategoryList .onClickDropdown ul > li.HasSubCategory {
    border-bottom:none;position:relative;
}
#SideCategoryList ul > li > a {
    display:block;
}
#SideCategoryList ul > li.HasSubCategory > a {
    position:relative;z-index:1;
}
#SideCategoryList .onClickDropdown ul ul.subcategory {
    display:none;
    clear:both;
}
#SideCategoryList ul > li i.subcatdropdown {
    display:none; /* hide icon if class is not applied */
}
#SideCategoryList ul ul li i.subcatdropdown {
    display:none !important;
}
#SideCategoryList .onClickDropdown ul > li.HasSubCategory i.subcatdropdown {
    display: inline-block;
    margin:0;padding:8px;
    text-align:center;
    position:absolute;top:0;right:0;z-index:50;
}
#SideCategoryList .onClickDropdown ul > li.HasSubCategory i.subcatdropdown:hover {
    cursor:pointer;cursor:hand;
}
    
    #SideCategoryList .onClickDropdown li ul li a {
        display:block;
    }

/* SubCategory Menus */
.SubCategoryList, .SubBrandList, .CustomMenuList {
    margin: 0 auto 10px;
    padding: 5px;
    }
    .SubCategoryList ul, .SubBrandList ul, .CustomMenuList ul {
        margin: 0 auto;
        }
        .SubCategoryList li, .SubBrandList li, .CustomMenuList li {
            background:none;
            list-style:none;
            margin: 0 0 4px;padding: 0;
            clear:left;float:none;width:auto;text-align: left;
            }
            .SubCategoryList li a, .SubBrandList li a, .CustomMenuList li a {
                display:inline-block;white-space: normal !important;
                margin:0;padding:0;
                font-size:110%;
            }
        .SubCategoryList li.Button, .SubBrandList li.Button, .CustomMenuList li.Button {
            background:none;
            margin: 4px;padding:0;
            clear: none;float:left;width:31%;text-align: center;
            }
            .SubCategoryList li.Button a, .SubBrandList li.Button a, .CustomMenuList li.Button a {
                display:block;white-space: normal !important;
                margin:0;padding: 8px 10px;
                font-size:100%;
            }
        .SubCategoryList li.Button i.icon, .SubBrandList li.Button i.icon, .CustomMenuList li.Button i.icon {
            display:none;
        }
            
        .SubCategoryListGrid, .SubBrandListGrid {
            padding: 4px;
        }
        .SubCategoryListGrid li, .SubBrandListGrid li {
            background:none;
        }
        .SubCategoryListGrid li .CategoryImage, .SubBrandListGrid li .BrandImage {
            margin-bottom:10px;
        }
        .SubCategoryListGrid li .CategoryImage a, .SubBrandListGrid li .BrandImage a {
            display:block;
        }
        
.AllBrandsLink {
    font-weight:600;
}    

#SideSubPageList {
    max-width:200px;
}
.PageList {
    margin:0;
    padding:0;
    }
    .PageList li {
        margin:0 0 3px 0;
        padding:0;
        list-style:none;
    }
    .PageList li a {
        display: block;
        margin: 0;
        padding: 4px;
    }
    .PageList li a:hover {
    }
    .PageList li:last-child {
        border-bottom:none !important;
    }
/* == end Sub Menus == */

/* == Pagination -pgn- ============================================= */
.CategoryPagination {
    font-size:100%;
    float:none;
    border: none;
    margin:0 auto;padding:0;
    text-align: center;vertical-align:middle;
    width:auto;
}
.CategoryPagination .PagingList {
    margin:0;padding:0;
    }
    .CategoryPagination .PagingList li {
        display: inline-block;
        margin: 2px 0;
        }
        .CategoryPagination a {
            text-decoration:none;
            border:none;
            display:inline-block;
        }
        .CategoryPagination .PagingList li a, .CategoryPagination .ActivePage, .CategoryPagination a {
            min-width: 12px;width:auto;height: 16px;
            background-color: #fff;
            background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            border: 1px solid #ccc;
            border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            color: #aaa;font-size: 100%;font-weight:700;line-height: 100%;text-shadow: 1px 1px 0 #fff;
            text-align: center;vertical-align: middle;
            margin:0 2px;padding:4px 4px 1px;
        }
        .CategoryPagination .PagingList li a:hover, .CategoryPagination a:hover {
            background-color:#fff;
            color:#777;text-decoration:none;
            border-color:#aaa;
        }
        .CategoryPagination li.ActivePage {
            font-weight:700;
            margin: 0 2px;padding:4px 4px 1px;
            display:inline-block;
            box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1) inset;
            background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
            background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
        }
        .CategoryPagination li.Prev a, .CategoryPagination li.Next a {
            margin:0;padding: 4px 4px 1px 5px;vertical-align: middle;
            }
            .CategoryPagination li.Prev a i.icon, .CategoryPagination li.Next a i.icon {
                font-size: 110%;
                margin:0;
            }
/* == end Pagination == */

/* == ProductList Stylings -cty- ============================================= */
.Content .ProductList li,
.fastCartContent .ProductList li {
    overflow: hidden;
    }
    ul.ProductList {
        margin:0;
    }
    ul.ProductList .ProductDetails {
        height:auto !important;
    }
    .ProductList .ProductCompareButton input.CheckBox {
        vertical-align: bottom;cursor:pointer;cursor:hand;
    }
    .ProductList .ProductCompareButton, .ProductList .ProductCompareButton:hover, .ProductList .ProductCompareButton label {cursor:pointer;cursor:hand;}

/* Left and Right Sidbar Product Styling */
.Left .ProductList li, .Right .ProductList li {
    clear: both;
    list-style: none outside none;
}
/* == */
/* ====== */

/* Compare */
.CompareItem { width:200px; border-left: solid 1px #dadada; }
.CompareFieldName { font-weight:bold; border-bottom: 1px solid #dadada; }
.CompareFieldTop { border-bottom:solid 1px #dadada; }
.CompareFieldTop a:hover { color:red; }
.CompareCenter { border-left:solid 1px #dadada; border-bottom:solid 1px #dadada; }
.CompareLeft { border-left:solid 1px #dadada; border-bottom:solid 1px #dadada; }
.ComparisonTable tr:hover td, .ComparisonTable tr.Over td { background: #efefef; }
/* == */

/* == Product Page -prd- =========================================== */
/* Product Image */
.PrimaryProductDetails .ProductAside {
    }
    .PrimaryProductDetails .ProductThumbWrap {
        width:auto !important;height: auto !important;
    }
    .PrimaryProductDetails .ProductThumb {
        display: block;
        text-align: center;vertical-align: middle;
        width:auto !important;height: auto !important;
        }
        .PrimaryProductDetails .ProductThumbImage {
            display: block;text-align: center;vertical-align: middle;
            /*width:auto !important;height: auto !important;*/
            transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
            }
            .PrimaryProductDetails .zoomPad {
                float: none !important;display:inline-block !important;width:100%;
            }
            .PrimaryProductDetails .zoomWindow {
                width: 100%;height: 100%;
                box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
                }
                .PrimaryProductDetails .zoomWindow .zoomWrapper { 
                    width: 100% !important;height: 100%;
                    border:1px solid #ccc !important;
                }
            .ProductThumbImage a { transition:none;-moz-transition:none;-webkit-transition:none;
                display:none; }
            .ProductThumbImage a:last-child { display:block; }
            
            .PrimaryProductDetails .ProductThumb img {
                max-width:100%;
                transition:none;-moz-transition:none;-webkit-transition:none;
                margin: auto;
                width: auto !important;/*height:auto !important;*/
                }
                .PrimaryProductDetails .ProductThumb .zoomWrapperImage img {
                    width:auto !important;height:auto !important;max-width:none !important;
                }
        
        #ProductDetails .ImageCarouselBox { margin: 10px 0 10px -13px !important; }
            #ProductDetails .ImageCarouselBox .ProductTinyImageList div img {
                width: auto;height: auto;max-width: 100%;max-height: 100%;padding:0 !important;
            }

/* Product Details */
.PrimaryProductDetails .ProductMain {
    }
    .PrimaryProductDetails .ProductDetailsGrid {
        clear: both;
    }
    .ProductDetailsGrid .Label, .ProductDetailsGrid .productAttributeLabel, .productAttributeList .productAttributeLabel {
        min-width:65px;
    }
    
    #ProductAddtoContainer {
        margin:10px 0;
    }
    .QtyRow select {padding: 2px 3px 2px 5px;}
    #QtyContainer {}
    
    div.FacebookLikeButtonContainer iframe {
        border:none;
        width: auto;height: 22px;
        overflow: hidden;
    }
    .DetailRow div.FacebookLikeButtonContainer iframe {
        height: 22px;
        overflow: hidden;
    }

    /* Wishlist Button */
    #SideProductAddToWishList {
        margin-top: 0;margin-bottom:10px;
        }
        #SideProductAddToWishList .WishlistBtn {
            clear:left;
            float: left;
        }
        #SideProductAddToWishList .WishlistMenu {
            padding:5px;
            font-size:90%;
        }
    
    /* AddThis */
    #ProductSocialShare {
        clear:both;float:none;
        margin:0;text-align:center;
        }
        .ProductAddThisBox a {
            display:inline-block !important;float:none !important;
        }
    
    #UnderImageSocialBtns, #UnderTitleSocialBtns, #UnderProductTabsSocialBtns {
        clear:both;
        margin:10px auto;text-align: center;
        }
        /* Pinterest */
        #UnderImageSocialBtns .PinterestButtonContainer, #UnderTitleSocialBtns .PinterestButtonContainer, #UnderProductTabsSocialBtns .PinterestButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0 10px 0 0;
            width: auto;height: 22px;
            text-align:left;
        }
        /* Facebook */
        #UnderImageSocialBtns div.FacebookLikeButtonContainer, #UnderTitleSocialBtns div.FacebookLikeButtonContainer, #UnderProductTabsSocialBtns div.FacebookLikeButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0 5px 0 0;
            width:92px;height: 22px;
            text-align:left;
            overflow:hidden;
        }
        #UnderImageSocialBtns .ProductAddThisBox, #UnderTitleSocialBtns .ProductAddThisBox, #UnderProductTabsSocialBtns .ProductAddThisBox {
            text-align:center;width:auto;
            clear:none;float:left;
            padding:0;margin:2px 0 0 2px;
        }
    
    #UnderAddCartSocialBtns {
        clear:both;float:left;
        margin:10px auto;text-align:center;
        }
        #UnderAddCartSocialBtns #ProductSocialShare {
            clear:both;width:auto;
        }
        /* Pinterest */
        #UnderAddCartSocialBtns .PinterestButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0;
            width: auto;height: 22px;
            text-align:left;
        }
        /* Facebook */
        #UnderAddCartSocialBtns div.FacebookLikeButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0 10px 0 0;
            width: auto;height: 22px;
            text-align:left;
            overflow:hidden;
        }
        #UnderAddCartSocialBtns .ProductAddThisBox {
            text-align:center;width:auto;
            clear:none;float:right;
            padding:0;margin:0 2%;
        }
    
    #UnderTitleSocialBtns {
    }
    
    #DetailRowSocialBtns {
        clear:none;float:left;
        margin:0;text-align:left;
        }
        #DetailRowSocialBtns #ProductSocialShare {
            clear:both;width:auto;
        }
        /* Pinterest */
        #DetailRowSocialBtns .PinterestButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0 10px 0 0;
            width: auto;height: 22px;
            text-align:left;
        }
        /* Facebook */
        #DetailRowSocialBtns div.FacebookLikeButtonContainer {
            clear:none;float:left;display: inline;position:relative;z-index:2;
            margin:0;
            width: auto;height: 22px;
            text-align:left;
        }
        #DetailRowSocialBtns .ProductAddThisBox {
            text-align:left;width:auto;
            clear:none;float:left;
            padding:0;margin:0 !important;
        }
    
    .ProductMain div.FacebookLikeButtonContainer {
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: left;
    }

    /* Product Panels */
    #ProductPanels #TabPanels .Block {
        min-height:220px;
    }
/* == end Product Main == */

/* Product Videos */
#VideoContainer {
    border: 1px solid #ccc;
    border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.currentVideo {

    background-color: #efefef;
}
.videoRow:hover {
    background-color: #dadada;
}
/* ====== */

/* Product Misc */
#ProductOptionsArea {
    padding: 0;
    margin-bottom: 15px;
}
.ExpectedReleaseDate {
    clear: left;float: left;
    margin:5px 0;
}
.PinterestButtonContainer a {
    transition:none;-moz-transition:none;-webkit-transition:none;
}
.OutOfStockMessage {
    background: url(../../images/ErrorMessage.gif) no-repeat scroll 5px 6px #FFECEC;
    margin:10px 0;padding:5px 5px 5px 28px;
    text-align:center;
    color:#555;
    }
    .OutOfStockMessage p {
        margin:0;
    }
/* == */

/* Product Reviews */
#ProductReviews {
    }
    #ProductReviews .VerticalFormContainer dt {
        margin-bottom: 2px;margin-left: 0;
        padding-top:2px;
        font-size:105%;
    }
    #ProductReviews .VerticalFormContainer dd {
        margin-bottom: 7px;
        margin-left: 0;
    }
    #ProductReviews .ProductReviewFormContainer span {
        font-size:80%;
    }
    #ProductReviews .ProductReviewFormContainer strong {
        font-size:120%;
    }
    #ProductReviews #WriteReview {
        width:auto;
        list-style:none;
        padding:7px 10px;
        color: inherit;
        font-size:95%;
    }
    #ProductReviews h3.WriteReviewLink a {
        color:inherit;
        font-size: 90%;
        font-weight:bold;
        text-decoration:none;
    }
    #ProductReviews h3.WriteReviewLink {
        margin:10px 0 5px;
    }
    #ProductReviews .BlockContent {
        margin:0;
    }
    #ProductReviews #revrating {
        width:40% !important;
    }
    #ProductReviews #revtitle, #ProductReviews #revfromname, #ProductReviews #email, #ProductReviews #revtext {
        width:97% !important;
    }
    #ProductReviews #WriteReview textarea {
        font-size:100%;
    }
    #ProductReviews #captcha {
        clear:both;
        margin:0;
    }
    #ProductReviews .ProductReviewList {
        clear:both;
        margin:0;
    }
    #ProductReviews .ProductReviewList li {
        float: left;
        height: auto;
        list-style: none outside none;
        margin: 0 10px 10px 0;padding: 8px 10px;
    }
    #ProductReviews .ProductReviewList li.Alt {
        margin: 0 0 10px;
    }
    #ProductReviews .ProductReviewList .ReviewTitle {
        color: #666;
        font-size: 120%;font-weight: 600;
        margin-bottom: 5px;
        text-transform: none;
    }
    #ProductReviews .ProductReviewList .ReviewText {
        font-size:100%;
        max-height: 200px;
        overflow: auto;
    }
    #ProductReviews .Meta {
        color: inherit;
        font-size: 10px;
        margin:0;
    }
    #ProductReviews .SuccessMessage, #ProductReviews .ErrorMessage {
        clear: both;
        width: auto;
    }
    #ProductReviews .ProductReviewPaging {
        float:right;
        font-size:90%;
        margin-right:0;
    }
    #loginReq {
        padding: 8px 10px 0 30px;
    }
    /* end Product Reviews */
    
/* == end Product Page == */

/* == Fast Cart ========================================== */
#fastCartContainer {
    }
    .fastCartTop {
        padding: 15px 5px 0 5px;
        width: auto;
    }
    .fastCartContent {
        width: 665px;
    }
    .fastCartThumb {
        width:145px !important;height:145px !important;
        }
        .fastCartThumb img {
            width:auto !important;height:auto !important;
            max-width:145px !important;max-height:145px !important;
        }
    .fastCartItemBox {
        margin-left: 10px;
        max-width: 260px;
        padding: 10px 2px;
    }
    .fastCartItemBox .ProductName a {
        font-weight:bold;
        display:block;
    }
    .fastCartContent .actionLink {
        margin:20px 0;
    }
    .fastCartContent .actionLink .Button {
        font-size: 85%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .fastCartSummaryBox .subtotal {
        clear: both;
        font-size: 110%;
        font-weight: bold;
        margin-top: 2px;
    }
    .fastCartSummaryBox {
        max-width:225px;
        text-align: center;
    }
    .fastCartSummaryBox .FloatRight {
        float:none !important;
    }
    .fastCartSummaryBox .CheckoutButton a {
        font-size: 105%;
    }
    .fastCartSummaryBox .AlternateCheckouts {
        font-size: 90%;
        margin: 7px 0 0;
    }
    .fastCartSummaryBox .fastCartTotalitems {
        font-size:105%;
        }
        .fastCartSummaryBox #fastCartNumItemsTxt {
            font-weight: bold;
        }
    #fastCartContainer .ProductList {}
        #fastCartContainer .ProductList li {
            float: left;
            overflow: hidden;
            width: 145px !important;
        }
        #fastCartSuggestive .ProductImage {
            width:135px !important;height:135px !important;
            background:none !important;
        }
        #fastCartSuggestive .ProductImage img {
            width:auto !important;height:auto !important;
            max-width:135px !important;max-height:135px !important;
        }
        #fastCartSuggestive .ProductInfo a, #fastCartSuggestive .ProductActionAdd a {font-size:90%;}
        #fastCartSuggestive .ProductActionAdd a {font-size:95%;}
/* == end Fast Cart == */

/* == Cart Page -crt- ========================================== */
#CartHeader {
    }
    #CartHeader #CartTopButtons {
        display:none;
    }
#CartContent {
    }
    table.CartContents {
        margin:0 0 10px;
    }
#CartStatusMessage {
    clear:both;
}
.ViewCartLink {
    background: url(../../images/white/Cart.gif) no-repeat 3px 0;
}
a.EstimateShippingLink {
    font-style: italic;
    text-decoration: underline !important;
}
.EstimateShipping {
    width: auto !important;
}
.CartContents .productAttributes {
    font-size:80%;
}
.CartThumb a img {
}

.CartContents #CartSubTotals .SubTotal {
    font-size: 110%;
}

.Content .ProceedToCheckout p {
    font-size: 85%;
    text-align:center;
}
.GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {
    float: none !important;
    margin-bottom: 5px;
    text-align: center;
    width:auto;
}
.GoogleCheckout div, .PayPalExpressCheckout div, .AlternativeCheckout div {
    width:auto !important;
}
.GoogleCheckout input {
    border-radius:15px !important;-moz-border-radius:15px !important;-webkit-border-radius:15px !important;
}
.GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {
    font-size: 85%;
    text-align:center;
    margin: 0;
}
.SecondaryCheckout {
    clear: right;float: right;
    text-align: center;
    margin:10px auto;padding:2px 8px;
    }
    .SecondaryCheckout div.PayAnotherWay {
        color: #777;font-weight: 700;
        margin: -12px 0 5px;
    }
    .AlternativeCheckout a {
        padding: 7px 10px;
        font-size: 80%;font-style:normal;
        text-decoration: none;
    }

span.cartLabel {
    display:none;width:100%;font-weight:700;text-transform:uppercase;text-align:center;font-size:100%;
}

/* Coupon and Gift Certs Boxes */
#CouponGiftCodeArea {
    clear: left;float: left;
    margin:5px 0 8px;
    font-size:90%;
}
#CouponGiftCodeArea #SideCouponCodeBox, #CouponGiftCodeArea #SideGiftCertificateCodeBox {
    clear:none;float:left;
    border:none;
    width:auto;max-width: 185px;height:auto;
    margin:0 10px 0 0;padding:10px;
    position:relative;display:inline;
    }
    #CouponGiftCodeArea #SideCouponCodeBox h3, #CouponGiftCodeArea #SideGiftCertificateCodeBox h3 {
        width:auto;
        font-weight:600;
        margin:0;
    }
        
    #CouponGiftCodeArea #SideCouponCodeBox .BlockContent, #CouponGiftCodeArea #SideGiftCertificateCodeBox .BlockContent {
        margin: 6px 0;
    }
    #CouponGiftCodeArea #SideCouponCodeBox .Textbox, #CouponGiftCodeArea #SideGiftCertificateCodeBox .Textbox {
        width:auto;
        font-size:100%;
        margin:1px 0;padding:4px;
    }
    #SideCouponCodeBox input, #SideGiftCertificateCodeBox input {
        float:left;
        }
        #SideCouponCodeBox input.Button, #SideGiftCertificateCodeBox input.Button {
            float:right;
            margin: 0;padding:1px 5px !important;
            font-size:100%;
            width:50px;
        }
    
    #CouponGiftCodeArea #SideCouponCodeBox p, #CouponGiftCodeArea #SideGiftCertificateCodeBox p {
        font-size: 90%;font-weight: normal;text-transform: none;
        margin:0;line-height: normal;
    }

.Left #SideCouponCodeBox input, .Left #SideGiftCertificateCodeBox input, .Right #SideCouponCodeBox input, .Right #SideGiftCertificateCodeBox input {
    width: 120px;
}
.Left #SideCouponCodeBox h3 span, .Left #SideGiftCertificateCodeBox h3 span, .Right #SideCouponCodeBox h3 span, .Right #SideGiftCertificateCodeBox h3 span {
    display: block;
    font-size: 65%;text-transform: none;
}
/* end Coupon Gift Boxes */

/* == end Cart Page == */

/* == Checkout Page -chk- ========================================== */
.CheckoutRedeemCoupon { 
    padding: 10px;
    width: auto;
    margin-bottom: 10px;
    }
    .CheckoutRedeemCoupon p { 
        font-size:90%;
    }

#CartContent .ProceedToCheckout {
    clear: both;
}

#CheckoutOrderSummary {
    border-top: medium none !important;
    }
    #CheckoutOrderSummary .grid-row {
        padding:4px 6px;
        font-size: 90%;
        }
        #CheckoutOrderSummary .grid-unit {
            padding:0;
        }
    
    #CheckoutOrderSummary .grid-row:first-child {
        background:rgba(0, 0, 0, 0.1);
    }
    #CheckoutOrderSummary .grid-row:last-child {
        font-size: 110%;
        text-transform:uppercase;font-weight:700;
        background:rgba(0, 0, 0, 0.1);
    }
    #CheckoutOrderSummary p {
        line-height: 125%;
    }

#CheckoutPaymentOptions {
    padding: 5px 10px 13px;
}

body.Payment em.ProductPrice {
    font-size:140%;font-weight:600;
}

/* Express Checkout */
.ExpressCheckoutContent {
    padding:0;
}
.ExpressCheckoutBlockCompleted a.ChangeLink {
    display: inline;
    font-size: 80%;
    margin-top: 3px;
}
/* end Express Checkout */

/* == end Checkout Page == */

/* == Info Messages == */
.SpecificInfoMessage {
    background-color: #efefef;color: #555;
    clear:both;
}
.InfoMessage {
    background: #ECECEC;
    color: #555;
}
.SuccessMessage {
    background: #E8FFDF url(../../images/SuccessMessage.gif) no-repeat 5px 8px;
    color: #555;
}
.ErrorMessage {
    background: #FFECEC url(../../images/ErrorMessage.gif) no-repeat 5px 8px;
    color: #555;
}
.NotifyMessage {
    background-color: #efefef;color: #555;
    clear:both;
    margin-bottom: 20px;padding: 15px 15px 0;
}
#ExpectedReleaseDate {
    background-color: #FFF1A8;border: 1px solid #E8B541;
    color: #353535;
    margin:0 auto 10px;padding: 6px;
    text-align: center;width:auto;
    clear:left;
}
/* ====== */

/* == Account Pages -acct- == */

/* Starting Account Page */

/* Misc Account */
.YourAccount {}
    .YourAccount h3 {
        background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
        background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
        background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
        padding:5px;
    }
    .YourAccount p {
        padding:0 10px;
    }
.YourAccount ul {
    margin:0;
    }
    .YourAccount li {
        margin-bottom: 8px;padding:5px;
        list-style:none;
    }
    .YourAccount li a {
        text-decoration:none;
    }

/* Address Book */
#ChooseShippingAddress .InfoMessage a {
    text-decoration: underline;
}

/* Account Menu */
#SideAccountMenu {
}

/* Wishlists */
.RemoveFromWishlistForm {
    text-align: center;
}

/* Order Details */
#AccountOrderStatus .AccountOrderStatusList, #AccountOrders .AccountOrdersList, #AccountInbox .AccountMessageList {
    margin:0;
}
#AccountOrderStatus .AccountOrderStatusList li, #AccountOrders .AccountOrdersList li, #AccountInbox .AccountMessageList li {
    list-style:none;
    padding: 0 10px;
}
/* Downloadable Products */
ul.AccountDownloadItemsList {
    margin:0;
}
li.DownloadItem {
    background:url(../../images/download.png) no-repeat left top;
    padding-left:28px;
    list-style:none;
}
/* ====== */

/* == Search == */
.QuickSearch {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    text-align: left;
    z-index: 50;
    }
    .QuickSearch img.RatingIMG {
        display:none !important;
    }
    td.QuickSearchResultMeta {
        vertical-align:top;
    }
    #SearchProduct_Container {
        padding-top:10px;
    }
    #SearchContent_Container {
        padding-top:10px;
    }
    .SearchSorting {
    }
    .SearchContainer .CategoryPagination .FloatLeft, .SearchContainer .CategoryPagination .FloatRight {
        display:none;
    }
/* ====== */

/* == Misc -msc- ================================================== */
#ModalContentContainer {
    box-shadow: 0 0 30px 4px rgba(0,0,0, 0.8) !important;-moz-box-shadow: 0 0 30px 4px rgba(0,0,0, 0.8) !important;-webkit-box-shadow: 0 0 30px 4px rgba(0,0,0, 0.8) !important;
}
.AccountLogin .FormArea, #LoginForm .FormContainer {
    width: 100%;
    margin: 0 0 0 20px;
}
#LoginForm .CreateAccount, .ExpressCheckoutContent .CreateAccount {
    border-right: 1px solid rgb(50,50,50);/* ie fallback */
    border-right: 1px solid rgba(0,0,0,0.1);
    padding: 0;
}

.FormContainer dt {
    padding-top:7px;
    width: 32%;
}
.HorizontalFormContainer dt, .NarrowFormContainer dt {
    clear: left;float: left;
    text-align: left;
}

.FormContainer dd, .NarrowFormContainer dd {
    margin-left: 22%;margin-bottom:5px;
}
.FormContainer dd, .NarrowFormContainer dd, .HorizontalFormContainer dd {
    margin-bottom: 5px;
    margin-left: 36%;
}

.FormContainer .FormMarginContainer {
    margin-top: 10px;
}

.Required {
    color: #FF0000;
    margin-left: -10px;
    position: absolute;
}

.NarrowFormContainer p.Submit, .HorizontalFormContainer p.Submit, .FormContainer p.Submit {
    margin-left: 36%;
    margin-top: 10px;
}

#LoginForm form dt {
    clear: both;
    width:auto;
    padding-left: 0;padding-right: 10px;
    text-align:right;
}
#LoginForm form dd {
    width:auto;
    margin-left:0;
}

#share-product {
    clear:both;
    }
    #tabcontent {
        clear:both;background:#fff;
        }
        #tabcontent .photo {
            float: left;width:auto;margin-right: 10px;
            }
            #tabcontent .photo img {
                display: block;max-width: 170px;width: auto !important;height: auto;margin: 0 !important;
            }
        #tabcontent .prodInfo {
            margin-left: 30%;
        }
        .sharebutton {
            background: none !important;
            border: medium none !important;border-radius:0 !important;
            padding: 0 !important;
        }

.SitemapPages {
    float: left;
    margin-right: 30px;
    min-width: 44%;
}
.SitemapCategories {
    float: left;
    min-width: 44%;
}
.SitemapBrands {float:none;clear:both;}


/* Slideshow */

#HomeSlideshow .flex-next::selection, #HomeSlideshow .flex-prev::selection {
    background:none !important; /* Safari */
}
#HomeSlideshow .flex-next::-moz-selection, #HomeSlideshow .flex-prev::-moz-selection {
    background:none !important; /* Firefox */
}
#HomeSlideshow .flex-direction-nav a span {
    text-indent:0;
}
#Hero .banner_home_page_top, #Hero .banner_home_page_top p {
    margin-bottom:0;
}
/* ====== */

/* == Forms -frms- ================================================== */
input, select, textarea {
    background:rgba(150, 150, 150, 0.1);border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:1px 1px 1px 1px;box-shadow:0 1px 4px rgba(30, 30, 30, 0.1) inset;
    color:rgba(0, 0, 0, 0.5);
    font-size: 95%;
    padding: 5px;
}
input:focus, select:focus, textarea:focus {
    border:1px solid rgba(0, 0, 0, 0.2);
}
option[selected="selected"] {
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* Button Overlay Style */
input[type="button"], input[type="submit"], .ButtonInput, .Button a, a.Button, .btn, .AddCartBtn, .PaymentBtn, .WishlistBtn, .AddGiftCertBtn, ul.Buttons li a {
    white-space: nowrap !important;
    margin:2px 0;display:inline-block;
    min-width: 10px;height:auto;min-height:10px;
    overflow:visible;vertical-align: baseline !important;
    text-align:center;line-height:100%;text-decoration:none !important;
    cursor:pointer;cursor:hand;
}
.Button, .btn, ul.Buttons li {
    margin-top:1%;margin-bottom:1%;
    height:auto;
    }
    .Button a, a.Button, .btn, .btn a, .ButtonInput input, ul.Buttons li a {
        display:inline-block;
        margin:0;
    }
ul.Buttons {
    margin:0;padding:0;
    }
    ul.Buttons li {
        list-style:none;
    }
*:first-child+html .Button { display:inline-block; }
* html .Button { height:1%; }

input[type="button"]:active, input[type="submit"]:active, .ButtonInput input, .Button a:active, a.Button:active, .btn:active, .AddCartBtn:active, .PaymentBtn:active, .WishlistBtn:active, .AddGiftCertBtn:active, ul.Buttons li a {outline:none !important;}
/* == */

/* Individual Styling for Each Button -btns- */

/* Add to Cart Button */
.AddCartBtn {
    margin: 0 0 5px;padding:0 !important;
    width: 100%;
    }
    .AddCartBtn input {
        margin:0 auto !important;
        -webkit-border-radius:0 !important;
        -moz-border-radius:0 !important;
        border-radius:0 !important;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
    }
/* Wishlist Button */
#SideProductAddToWishList { display:none; }
.WishlistBtn {
    padding:0 !important;
    width:100%;
    }
    .WishlistBtn input {
        margin:0 auto !important;padding-top:6px;padding-bottom:6px;
        -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
    }
/* Add Gift Certificate Button */
.AddGiftCertBtn {
    float: none;
    }
    .AddGiftCertBtn input {
        margin:0 !important;
        -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
    }
/* Checkout Button */
.CheckoutButton {
    width:auto;
    text-align: center;
    }
    .CheckoutButton a {
    }
    .CheckoutButton a:hover {
    }
/* Payment Button */
.PaymentBtn {
    float:right;
    padding:0 !important;
    }
    .PaymentBtn:hover {
    }
    .PaymentBtn input {
        margin:0 !important;
        -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;
    }
/* == */

/* Other Buttons */
.UpdateQty {
    font-size: 70% !important;
    margin: -4px 4px 0;
    }
    .UpdateQty input {
        font-size:inherit !important;
        margin: 0 !important;padding:4px 6px !important;
    }
.EditOptBtn a, .RemoveBtn a, .RemoveBtn.ButtonInput {
    margin: 2px;padding:6px 6px !important;
    font-size:85% !important;
}
.EstimateShippingButtons input, .EstimateShippingButtons span.Button a, .EstimateShipping .Submit input {
    margin: 2px;
}
.ButtonInput .RemoveBtn{
    padding:1px 5px;
}
.RefreshBtn {
    margin: 3px 0 0;
}
.EstimateShippingButtons span {float:left;margin-top:10px;}
.EstimateShippingButtons span a {font-size:80% !important;font-style:italic;text-decoration:underline;}
.CompareButton .CompareBtn {font-size:80%;padding:3px 8px !important;}
.CompareButton .AddCartBtn {display:none;}
input#apply_code {
    float: right;
    font-size: 90%;
    margin: -1px 0 0 !important;padding: 3px 10px !important;
}
/* == */

/* Icons and Button Icons */
i.icon {
    display:inline-block;vertical-align:middle !important;text-align:center;
    font-weight:400 !important;text-shadow:none;
}
.btn i.icon, .Button i.icon, .ButtonInput i.icon {
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);
}

i.icon.sleft {
    margin: -3px -15px 0 16px;padding: 0;
    }
    a i.icon.sleft {
        margin: -3px 1px 0 -2px;padding:0;
    }
i.icon.sright {
    margin: -3px 16px 0 -15px;padding: 0;
    }
    a i.icon.sright {
        margin: -1px -5px 0 0;padding: 0;
    }
i.icon.scenter {
    margin: 0 -15px 0 4px;padding: 0;
    text-align: center;
    }
    a i.icon.scenter {
        margin: 6px 0 8px;padding: 0;
        text-align: center;
    }
.ButtonInput.ButtonIconLeft i.icon.sleft {
    margin-right:-22px  !important;
}
.ButtonInput.ButtonIconRight i.icon.sright {
    margin-left:-20px  !important;
}

i.icon.huge {
    font-size: 220% !important;
}
i.icon.big {
    font-size: 180% !important;
}
i.icon.small {
    font-size: 105% !important;
}
i.icon.tiny {
    font-size: 85% !important;
}
i.icon.micro {
    font-size: 75% !important;;
}
i.icon.atom {
    font-size: 50% !important;;
}

/* Button Input Fix */

.ButtonInput.ButtonIconLeft > input {
    padding-left:22px !important;
}
.ButtonInput.ButtonIconRight > input {
    padding-right:22px !important;
}

/* Product Page Btn Icons */
.AddCartBtn i.icon {
}
.AddCartBtn i.icon.sleft {
    margin: -5px 0 0 -3px;padding:0;
}
.AddCartBtn i.icon.sright {
    margin: -5px -4px 0 0;padding:0;
}

.WishlistBtn i.icon {
    font-size: 110%;
}
.WishlistBtn i.icon.sleft {
    margin: -2px 0 0 -2px;padding:0;
}
.WishlistBtn i.icon.sright {
    margin: -2px -4px 0 0;padding:0;
}

/* Cart Page Btn Icons */
.ContinueShopping {
    clear: left;
}
.RemoveBtn a i.icon {
    font-size: 120%;
    margin:-2px 0 0;padding:0;
}
.EditOptBtn a i.icon {
    font-size: 120%;
    margin:-3px 1px 0 2px;padding: 0;
}
.UpdateQty i.icon {
    font-size: 120%;
    margin:-3px -8px 0 9px;padding: 0;
}

.ProceedToCheckout i.icon {
    font-size:140%;
}
.ProceedToCheckout i.icon.sleft {
    margin:-4px 3px 0 -1px;padding:0;
}
.ProceedToCheckout i.icon.sright {
    margin:-4px 0 0;padding:0;
}

.PaymentBtn i.icon.sright {
    margin:-5px 13px 0 -18px;
}

/* Misc Btn Icons */
.MyAccount a i.icon {
    margin:-2px -2px 0 0;padding: 0;
}
#WishListItems .RemoveBtn i.icon.sleft {
    margin: -2px -4px 0 3px;
}
/* == */

/* Cancel Button Overlay for Image Type Buttons  */
.NoBtn {
    background:none !important;
    border:none !important;
    width:auto;
    padding:0 !important;
    margin:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.NoBtn {
    padding:0 !important;margin:0 !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.NoBg {
    background:none !important;border:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
}
.ButtonInput {
    padding:0 !important;
}

/* Global Form Styles */
input[type=radio] {
    padding:0 !important;
}
#login_email, #login_pass {
    color:rgba(0, 0, 0, 0.5);text-shadow:1px 1px 1px #fff;
    font-size: 95%;
    padding: 5px;
}
.CreateAccountBtn {
    text-align:center;
}

.prev, .next {
    margin:0;
}
/* == end Forms and Buttons == */

/* == Clearfix -clfix- ================================================ */

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.grid-row:before,
.grid-row:after,
.Block:before,
.Block:after,
.BlockContent:before,
.BlockContent:after,
.boxcontent:before,
.boxcontent:after,
.HorizontalFormContainer dl, .VerticalFormContainer dl {
    content: "";   
    display:table;    
    height:0;    
    overflow:hidden;    
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .grid-row:before, .grid-row:after,  .Block:before, .BlockContent:before, .boxcontent:before, .boxcontent:after, .HorizontalFormContainer dl:before, .VerticalFormContainer dl:before, .HorizontalFormContainer dl:after, .VerticalFormContainer dl:after {
    content: "";
    display: table;
}
.clearfix:after, .container:after, .grid-row:after, .Block:after, .BlockContent:after, .boxcontent:after, .HorizontalFormContainer dl:after, .VerticalFormContainer dl:after { clear:both; }
.clearfix, .container, .grid-row, .Block, .BlockContent, .boxcontent, .HorizontalFormContainer dl, .VerticalFormContainer dl { zoom:1; } /* IE < 8 */?
/* == Fixes and Clearfix == */

/* cssEnd */