/* =================================
    CSS STYLES FOR CATALooK.netStore 
    v6.3.0, 02/2011
   =================================
*/

/* Quantity entry box */
.bootstrap-touchspin > input.form-control {
    min-width: 30px;
    padding: 6px 2px; /* Overwrite Boostrap .form-control class */
    text-align: center;
}

.CATToggleButton {
    font: 12px Verdana, sans-serif;
    color: #000; /* non selected color */
}

    .CATToggleButton .dnnRadiobutton {
        display: none !important;
    }

    .CATToggleButton input[type="radio"] {
        width: 0px;
        height: 0px;
        display: none;
    }

    .CATToggleButton input[type=radio] + span + label {
        cursor: pointer;
        padding: 1px;
        color: #3E3928;
        background-color: #f5f5f5;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        border: 1px solid #AAAAAA;
        margin: 2px 0px 2px 5px !important;
        white-space: nowrap;
        clear: left;
    }

        .CATToggleButton input[type=radio] + span + label:hover {
            padding: 1px;
            border: 1px solid rgba(255,0,0, 0.8);
            -webkit-border-radius: 4px;
            border-radius: 4px;
            box-shadow: 0 0 5px rgba(255, 0, 0, 1);
            -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
            -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
            color: #FFFFFF;
            background: #D1CFC2;
        }

    .CATToggleButton input[type=radio]:checked + span + label {
        padding: 1px;
        border: 1px solid rgba(255,0,0, 0.8);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        -moz-box-shadow: 0 0 5px rgba(255, 0, 0, 1);
        background-color: #F7F5E8;
        color: #000000;
    }


* {
    box-sizing: border-box;
}

    *:before, *:after {
        box-sizing: border-box;
    }

.CATClearFloat {
    clear: both;
}

/* required for datalist flow mode */
.CAT_Datalist_ItemStyle {
    vertical-align: top;
}

/* Add To Cart etc. Message Modal Window (Window Width >= 768px) */
.cat_modal_sm {
    width: 600px;
}

/* ====================
    MODULE CONTAINERS
   ====================*/

/*
.CATContainerBorder img {
    vertical-align: baseline;
}
*/

/* Style of the Container title row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerHeader {
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

td.CATContainerHeader, div.CATContainerHeader {
    visibility: visible;
    height: 22px;
}

/* Style of the Container footer row */
/* select [hidden] for hide or [visible] to show. To remove white spaces edit the container HTML skin: module CAT_StoreSettings: [Edit Container] or the module skin */
.CATContainerFooter {
    visibility: visible; /* display:none; */
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

td.CATContainerFooter, div.CATContainerFooter {
    visibility: visible;
    height: 22px;
}

/* ===================
    MODULE INNER AREA
   ===================*/

/* Style of the inner Container border and background */
.CATBorder {
    border: none;
    background-color: Transparent;
}

/* Style of the inner sections border and background of the presentation layer modules*/
.CATSectionBorder {
    border: none;
    background-color: Transparent;
}

/* Style of the inner sections border and background of the admin modules*/
.CATAdminSectionBorder {
    border-bottom: #C3C3C3 1px solid;
    background-color: Transparent;
}

/* Style of the border and background of the admin sub menus */
.CATSubMenuBorder {
    border: 1px #C3C3C3 solid;
    background-color: Transparent;
}

/* Style of the item border and background of list items from the list, grid and repeater controls */
.CATListBorder {
    border: 1px #C3C3C3 dotted;
    background-color: Transparent;
}

/* Style of the item border and background of list items from the grid controls */
.CATGridBorder {
    border-bottom: #C3C3C3 1px solid;
    background-color: Transparent;
}

/* Style of the inner module chapter main title row */
.CATHeader {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #E5E5E5;
    padding: 5px;
}

    .CATHeader span {
        color: #000000;
        display: inline;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 18px;
        font-weight: bold;
        line-height: 120%;
        min-width: 1px;
        width: 1px;
    }

/* Style of the inner module chapter sub title row */
.CATAltHeader {
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    padding: 10px 0 10px;
    line-height: 120%;
}

/* Style of the left title fields and of the breadcrumbs and Custom Pager control */
.CATSubHeader {
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

td.CATSubHeader, div.CATSubHeader {
    background-color: #F5F5F5;
}

/* Style of the right value fields in admin pages and of the content area of all presentation layer modules */
.CATRow {
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    vertical-align: top;
}

/* Style of the highlighted value fields */
.CATRowHighLight {
    font-weight: normal;
    font-size: 14px;
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

td.CATRowHighLight, div.CATRowHighLight {
    border-bottom: 0px solid #E5E5E5;
    text-align: left;
}


/* ====================
    General
   ====================*/

.catVisible {
    display: normal !important;
}

.catHidden {
    display: none !important;
}


/* Style of Product Number, ISBN Number, EAN Number, Author, Publisher, Size, URL */
.CATProductNumber {
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
}

/* Style of Price 1 and Retail Price Prefix in repeaters, product lists and detail page */
.CATProductListItem {
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
}

/* Style of Price 2 to 6 and Price extensions (exchanged amount, tax value, percentage discount extension) */
.CATUnitCost {
    color: #808080;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

/* Style of Special Price DiscountExtension*/
.CATNormalBold {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* */
.CATDescription {
    font-weight: normal;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

/* Please inform your customers that you 
  do not accept liability for the correctness of images and descriptions in the 
  product details. An appropriate sentence is indicated below the picture in the 
  product details.  */
.CATLiability {
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

/* Style of the welcome message on store home pages */
.CATHomeHead {
    color: #c0c0c0;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
}

/* style of item titles */
.CATSubHead {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* title style */
.CATSubSubHead {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* text style used for most text */
.CATNormal {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* */
.CATSmall {
    color: #000000;
    font-family: Arial Narrow;
    font-size: 12px;
    font-weight: normal;
}


.CATNormalRed {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
}

/* ====================
    Controls
   ====================*/

/* text style used for textboxes in the admin and edit pages , input[type="text"]*/
.CATNormalTextBox {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

/* style used for dropdownlistcontrols of all pages and the ddl control of module CAT_MenuNF */
.CATNormalDropDownList, select {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px; /*1.2em;*/
    font-weight: normal;
    color: #666666;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalCheckBox {
    margin-left: -4px;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

/* text style used for checkboxes in the admin and edit pages, for Nav compatibility */
.CATNormalRadio {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal; /*	text-indent: -5px; */
    color: #666666;
}


/* ====================
    Links/Buttons
   ====================*/

/* text style for buttons and link buttons used in the store admin pages */
.CATCommandButton {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
}

/* hyperlink style for buttons and link buttons used in the store admin pages */
A.CATCommandButton:link, A.CATCommandButton:visited, A.CATCommandButton:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
}

A.CATCommandButton:hover {
    color: #666666;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
}

/* Standard for links 
.CATContainerBorder a, .CATContainerBorder a:link, .CATContainerBorder a:visited, .CATContainerBorder a:active {
    color: #555555;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
}

    .CATContainerBorder a:hover {
        color: #666666;
        text-decoration: none;
        font-weight: normal;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 14px;
    }
*/

/* ====================================================
    TAB Menu Style used in module CAT_Products
   ====================================================*/

/* Active Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabNoActive {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #FCFCFC;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
}

/* Tab Spacer Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabSpacer {
    height: 24px;
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 1px;
    border-bottom-color: #98AAB1;
    border-bottom-style: solid;
}

/* Passive Tab Style in Store WorkPages (AddEditProducts.ascx ...) */
.CAT_TabActive {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 24px;
    background-color: #F5F5F5;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: #98AAB1;
    border-style: solid;
}


/* ====================================================
    DataGrid Style used in Store WorkPages(Admin Pages)
   ====================================================*/

.CATGrid {
    width: 100%;
    background-color: Transparent;
    background-image: none;
}

    .CATGrid td {
        border-bottom: 1px solid #E5E5E5;
        padding: 4px;
    }

.CATGridHeader {
    height: 22px;
    font-weight: bold;
    color: #222222;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

    .CATGridHeader td {
        background: #F5F5F5;
        border-bottom: 1px solid #CCCCCC;
        width: 0% !important;
    }

    .CATGridHeader span {
        color: #000000;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 14px;
        font-weight: normal;
    }

    .CATGridHeader .dnnFormHelpContent span {
        color: #fff;
    }

.CATGridItem, .CATGridItemAlt {
    color: #222222;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
}

    .CATGridItem td table td, .CATGridItemAlt td table td {
        border: none !important;
        padding: 0 !important;
    }

.CATGridEditItem {
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
}

.CATGridFooter {
    background-color: #C6C3C6;
}

.CATGridPager {
    height: 32px;
    font-weight: normal;
    font-size: 14px;
    color: #777777;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    background-color: #F5F5F5;
}


/*==================================================
    Java Menu Style used in module CAT_MenuNF
  =================================================*/
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö          |
|--------------------------------------------------*/

.dtree {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
}

    .dtree img {
        border: 0px;
        vertical-align: middle;
    }

    .dtree a {
        color: #333;
        text-decoration: none;
    }

        .dtree a.node, .dtree a.nodeSel {
            white-space: nowrap;
            padding: 1px 2px 1px 2px;
        }

            .dtree a.node:hover, .dtree a.nodeSel:hover {
                color: #000000;
                text-decoration: underline;
            }

        .dtree a.nodeSel {
            background-color: #F5F5F5;
            color: #777777;
        }

            .dtree a.node:visited, .dtree a.nodeSel:visited {
                /*color: #800080; */
                text-decoration: none;
            }

    .dtree .clip {
        overflow: hidden;
    }


/* ====================================================
    Style for the solpart menu in module CAT_MenuNF
   ====================================================*/

/* Background of the SolPart menu in module CAT_MenuNF */
td.CATMenuBG {
    background-color: transparent;
}

.CATMenuContainer {
    background-color: transparent;
    height: 20px;
    font-size: 0px;
    width: 180px;
}

/* Changes of height will cause an ftp error! */
.CATMenuBar {
    cursor: pointer;
    cursor: hand;
    height: 16px;
    background-color: Transparent;
}


.CATMenuIcon {
    cursor: pointer;
    cursor: hand;
    background-color: #F5F5F5;
    text-align: center;
    width: 15px;
    height: 16px;
}

.CATMenuItem /* activate bg image for subitems here */ {
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    background-color: #fff; /* fixed firefox problem, do not use transparent here */
}

.CATMenuArrow td {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}


.CATMenuRootArrow td {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}

.CATItemsBreak {
}

.CATRootItem td /* left right and center bg of unselected root tab */ {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
}

.CATRootItemActive td /* outher left other right and center bg of active root item */ {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
}

.CATRootItemSelected td /* outher left other right and center bg of selected sub item */ {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
}

.CATRootItemBreadCrumb td {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FCFCFC;
    border-bottom: #777777 1px solid;
    border-top: #FFFFFF 1px solid;
}

.CATSubMenu /* outher left and right bg of unselected sub item, bg of sub tab */ {
    z-index: 1000;
    cursor: pointer;
    cursor: hand;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #FFFFFF;
}

.CATSubItemActive td /* outher left other right and center bg of selected sub item */ {
    border-top: 0px solid;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    height: 20px;
    background-color: #C1BE9B;
}

.CATSubItemSelected /* outher left other right and center bg of selected sub item */ {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    background-color: #C1BE9B;
}

.CATSubItemBreadCrumb /* no effect */ {
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 14px;
    font-weight: normal;
    color: #777777;
    background-color: Transparent;
}

/* ===================================================================
    Style for the TreeMenu of advanced categories in module CAT_MenuNF
   ===================================================================*/
.CATTreeViewMenu {
    width: 175px;
    background-color: #FFFFFF;
}

.CATTreeViewMenu_Header {
    background-color: #FFFFFF;
}

.CATTreeMenu_NodeSelected {
    color: #595757;
    text-decoration: none;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeChildCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeCssClass {
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_NodeOverCssClass {
    color: #6C6D6F;
    text-decoration: none;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    padding-left: 5px;
}

.CATTreeMenu_BodyCssClass {
    color: #47a045;
    text-decoration: none;
    font-weight: normal;
    font-family: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica;
    font-size: 14px;
    padding-left: 5px;
}

/* ====================================================
    Style for the Link Box Control in module CAT_MenuNF
   ====================================================*/

LI.linkbox .CATMenu img {
    width: 30px;
    margin-right: 5px;
    text-decoration: none;
}

LI.linkbox {
    display: list-item;
    list-style-position: outside;
    list-style-image: url(bullet.gif);
    margin-left: 0px;
    line-height: 12.5pt;
    list-style: none;
    margin: 0;
    padding: 0;
}

A.CATMenu, A.CATMenu:link, A.CATMenu:visited {
    text-decoration: none;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    color: #777777;
    margin-right: 10px; /*for horizontal menu*/
}

    A.CATMenu:hover {
        text-decoration: underline;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 12px;
        color: #777777;
    }


/* ====================================================
    CSS STYLES FOR THE OLDER FRAME MODULE CATALooKStore 
    v3.3, 11/2004
   ====================================================*/

/*Size of Tree Menu in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopLeftFrame {
    height: 600px;
    width: 24%;
}

/*Size of Product List in Module CATALooKStore. Fixed values are necessary for some containers */
.ShopRightFrame {
    height: 600px;
    width: 74%;
}

/* Body backcolor, border and scrollbars of ShopLeftFrame TreeMenu in module CATALooKStore*/
.MenuPaneBody {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: Red;
    border-style: solid;
}

/* Body backcolor, border and scrollbars of ShopRightFrame ProductList of module CATALooKStore */
.ItemPaneBody {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Width of List Control on Frame ShopMainSide(module: CATALooKStore) [width:auto;] or [width: xxx;] or [width: xxx%;] */
.CATProductListGrid {
    width: 100%;
}

.CATProductBrowseList {
    width: 100%;
}


/* Border + Background style of repeaters in module CATALooKStore */
.CATPostContainer {
    background-color: Transparent;
    background-image: none;
    background-repeat: no-repeat;
    border-width: 1px;
    border-color: red;
    border-style: solid;
}

/* Title Style in repeaters on module CATALooKStore */
.CATMostPopularHead {
    background-color: red;
    background-image: none;
    background-repeat: no-repeat;
    color: #fff;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    font-weight: bold;
}

/* Style of horizontal row in repeaters on module CATALooKStore */
.CATMostPopularFoot {
    color: #000000;
    height: 1px;
}
/* Item text in repeators on module CATALooKStore */
A.CATMostPopularItemText, A.CATMostPopularItemText:link, A.CATMostPopularItemText:visited {
    color: #000000;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
    font-size: 12px;
    text-decoration: none;
}

    A.CATMostPopularItemText:hover {
        color: red;
        font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
        font-size: 12px;
        text-decoration: underline;
    }



/* ===============================================
    Default style for the advanced paging control
   ===============================================*/

/* default style paging table */
.CATPagingTable {
    background-color: #F5F5F5;
    border: solid 1px #CCCCCC;
    margin-bottom: 10px;
    text-transform: none;
    width: 100%;
}

    .CATPagingTable .CATNormal {
        color: #333333;
        font-family: inherit;
        font-size: 14px;
    }

/* default text style for inactive link buttons of advanced paging control */
.CATNormalDisabled {
    color: #999999;
    font-family: inherit;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif, Avant Garde;
}

.CATPagingTable > tbody > tr > td {
    display: block;
    width: auto !important;
    white-space: normal !important;
    padding: 2px 2px 0 2px;
}

    .CATPagingTable > tbody > tr > td:first-child {
        float: left;
    }

    .CATPagingTable > tbody > tr > td:last-child {
        float: right;
    }

    .CATPagingTable > tbody > tr > td > a, .CATPagingTable > tbody > tr > td > span {
        margin-bottom: 2px;
    }


/* ===============================================
    Style for the lytebox.js script
   ===============================================*/

#lbOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 500px;
}

    #lbOverlay.grey {
        background-color: #000000;
    }

#lbMain {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
}

    #lbMain a img {
        border: none;
    }

#lbOuterContainer {
    position: relative;
    background-color: #fff;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}

    #lbOuterContainer.grey {
        border: 3px solid #888888;
    }

#lbDetailsContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    width: 100%;
    line-height: 1.4em;
    overflow: auto;
    margin: 0 auto;
}

    #lbDetailsContainer.grey {
        border: 3px solid #888888;
        border-top: none;
    }

#lbImageContainer, #lbIframeContainer {
    padding: 10px;
}

#lbLoading {
    position: absolute;
    top: 45%;
    left: 0%;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 0;
    background: url(lytebox/Images/loading.gif) center no-repeat;
}

#lbHoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lbImageContainer > #lbHoverNav {
    left: 0;
}

#lbHoverNav a {
    outline: none;
}

#lbPrev {
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    left: 0;
    float: left;
}

    #lbPrev.grey:hover, #lbPrev.grey:visited:hover {
        background: url(lytebox/Images/prev_grey.gif) left 15% no-repeat;
    }

#lbNext {
    width: 49%;
    height: 100%;
    background: transparent url(lytebox/Images/blank.gif) no-repeat;
    display: block;
    right: 0;
    float: right;
}

    #lbNext.grey:hover, #lbNext.grey:visited:hover {
        background: url(lytebox/Images/next_grey.gif) right 15% no-repeat;
    }

#lbPrev2, #lbNext2 {
    text-decoration: none;
    font-weight: bold;
}

    #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {
        color: #333333;
    }

#lbPrev2_Off, #lbNext2_Off {
    font-weight: bold;
}

    #lbPrev2_Off.grey, #lbNext2_Off.grey {
        color: #CCCCCC;
    }

#lbDetailsData {
    padding: 0 10px;
}

    #lbDetailsData.grey {
        color: #333333;
    }

#lbDetails {
    width: 60%;
    float: left;
    text-align: left;
}

#lbCaption {
    display: block;
    font-weight: bold;
}

#lbNumberDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em;
}

#lbNavDisplay {
    float: left;
    display: block;
    padding-bottom: 1.0em;
}

#lbClose {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbClose.grey {
        background: url(lytebox/Images/close_grey.png) no-repeat;
    }

#lbPlay {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPlay.grey {
        background: url(lytebox/Images/play_grey.png) no-repeat;
    }

#lbPause {
    width: 64px;
    height: 28px;
    float: right;
    margin-bottom: 1px;
}

    #lbPause.grey {
        background: url(lytebox/Images/pause_grey.png) no-repeat;
    }













    




/*Catalook Css Start*/

select[id$="SortFieldControl_ddlSortField"] ,select[id$="DashBoard_ddlSortField"]{
border: 1px solid #B7B6B6;
padding: 10px 15px;
display: inline-block;
background: #FFF url("/DesktopModules/CATALooKStore/Skins/TrainFitness_CAT_2015_New/drop_down_img.png") no-repeat scroll 96% 50%;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance:none;
appearance:none;
}


div[id$="ShoppingCart_pnlUserData"] input[type="text"], div[id$="ShoppingCart_pnlUserData"] select, div[id$="ShoppingCart_pnlUserData"] textarea, div[id $="ShoppingCart_pnlUserData"] input[type="email"], div[id$="ShoppingCart_pnlUserData"] input[type="search"], div[id$="ShoppingCart_pnlUserData"] input[type="password"] {
    border-radius: 0px;
    box-shadow: none;
    font-size: 15px;
}
@media(min-width:320px){
div[id$="pnlSortFieldSelection"], #tblSortField {
    width: 310px;
    margin: 0px auto;
}
div[id$="pnlSortFieldSelection"] span, #tblSortField span {
font-size: 13px !important;
padding-top: 10px;
color: #000 !important;
font-weight: bold;
}
select[id$="SortFieldControl_ddlSortField"],select[id$="DashBoard_ddlSortField"] {
font-size: 13px  !important;
}
.quantity_txt1 input {height:26px !important;margin-bottom:10px;}
/*.border_hide tr td.CATRow {width:100px !important;}
.border_hide tr td.CATRow img {width:75px;}*/
.list_text {background: #ECECEC;padding: 0px 10px;}
.quantity_txt1 div[class^="col-lg-6"]:not(:first-child) {padding-top:10px !important;}
.Responsive_div div[class^="col-lg-6"]:not(:first-child) {padding-top:0px !important;}
.border_hide {width:98% !important;margin-left:-7%;}
.grid_text {background:#ECECEC;padding:10px;}
.grid_lt {width:100%;float:none;text-align:center;padding-top:10px;}
.grid_middle{width:100%;float:none;}
.grid_rt {float:none;width:100%;}
.list_text_left {width: 98%;margin-left: -2%;border:0px;}
.grid_rt .quantity_txt1 div[class^="col-lg-6"]:not(:first-child) {padding-top:0px !important;}
}
@media(min-width:360px){
div[id$="pnlSortFieldSelection"] span, #tblSortField span {
        font-size: 14px !important;
}
select[id$="SortFieldControl_ddlSortField"],select[id$="DashBoard_ddlSortField"] {
font-size: 14px !important;
}
.quantity_txt1 input {height:30px !important;}
.border_hide {width:100% !important;margin-left:0%;}
.list_text_left {width: 100%;margin-left: 0%;}

}
@media(min-width:400px){

.grid_rt .quantity_txt1 .col-lg-6 {
    float: left;
    width: 50% !important;
    padding-top: 0px !important;
}
}
@media(min-width:480px){
div[id$="pnlSortFieldSelection"] span, #tblSortField span {
    font-size: 18px !important;
    margin-right: 8px;	 
}
select[id$="SortFieldControl_ddlSortField"],select[id$="DashBoard_ddlSortField"] {
font-size: 16px  !important;
}
.quantity_txt1 input {height:30px !important;}
/*.border_hide tr td.CATRow {width:140px !important;}
.border_hide tr td.CATRow img {width:auto;}*/
.list_text {padding: 0px 20px;}
.grid_lt {}


}
@media(min-width:500px){
.quantity_txt1 .col-lg-6 {float:left;width:50%;}
.quantity_txt1 input {margin-bottom:10px;}
.grid_lt {width:25%;float:left;text-align:left;padding-top:0px;}
.grid_middle{width:75%;float:left;}


}
@media(min-width:600px){
.quantity_txt1 .col-lg-6 {float:left;width:50%;padding-top:0px !important;}
.quantity_txt1 div[class^="col-lg-6"]:not(:first-child) {padding-top:0px !important;}
.grid_img img {width:100%;}
.grid_lt {width:15%;float:left;}
.grid_middle{width:45%;float:left;}
.grid_rt {float:left;width:40%;margin-top:10px;}
}
@media (min-width:600px){
.list_title1 a {font-size:17px !important;}
.list_text span {
font-family: "GothamRounded-Book","Varela Round",sans-serif !important;
color: #000 !important;
font-size:15px !important;
line-height:1.5em !important;
}
.grid_rt  .quantity_txt1 .col-lg-6 {
    float: none;
    width: 100% !important;
    padding-top: 0px !important;
}
}
@media(max-width: 992px){
    .quantity_txt1 .col-lg-6{
        width: 100% !important;
    }
}

@media(min-width:640px){
div[id$="pnlSortFieldSelection"] {
    width: 55%;
}
.quantity_txt1 input {height:36px !important;}
}
@media(min-width:768px){
div[id$="pnlSortFieldSelection"] {
    width: 45%;
}
}
@media(min-width:992px){
div[id$="pnlSortFieldSelection"] {
    width: 30%;
}
}
@media(min-width:995px){
div[id$="pnlSortFieldSelection"] {
    width: 34%;
}
.quantity_txt1 input {height:30px !important;}

}
@media(min-width:995px){

.grid_rt  .quantity_txt1 .col-lg-6 {
    float: left;
    width: 50% !important;
    padding-top: 0px !important;
}
}
@media(min-width:1250px){
div[id$="pnlSortFieldSelection"] {
    width: 30%;
}
.quantity_txt1 input {height:38px !important;}

}
@media(min-width:320px) and (max-width:600px)
{
.list_title1 {font-size:16px !important;}
.list_text span {
font-family: "GothamRounded-Book","Varela Round",sans-serif !important;
color: #000 !important;
font-size:13px !important;
}
.Responsive_div .col-lg-6 {padding:0px;}
}
div[id$="ProductPage_pnlSortFieldSelection"]  input[id$="SortFieldControl_ibtnGo"]{
padding-top:14px;
}


div[id$="ProductPage_pnlSortFieldSelection"] span[id$="SortFieldControl_lblSortField2"], div[id$="ProductPage_pnlSortFieldSelection"] select[id $="SortFieldControl_ddlSortField2"]{
display:none;
}
.grid_text span {
font-family: "GothamRounded-Book","Varela Round",sans-serif !important;
color: #000 !important;
font-size:15px !important;
line-height:1.5em !important;
}

.list_title1 a {color: #5A5757 !important;font-weight: bold !important; }
.quantity_txt1 {background:#ECECEC;}
.border_hide {border:none !important;}
.quantity_txt1 .col-lg-6 {padding:0px;}

.RadButton_Default.rbSkinnedButton, .RadButton_Default .rbDecorated, .RadButton_Default.rbVerticalButton, .RadButton_Default.rbVerticalButton .rbDecorated, .RadButton_Default .rbSplitRight, .RadButton_Default .rbSplitLeft{
    background-color: #089569;
    background-image: none !important;
    color: #ffffff !important;
}
/*Catalook Css Ends*/
.display_two_items_inline{
    display: inline-block;
    width: 49%;
    padding: 1em;
}
@media(max-width: 767px){
    .display_two_items_inline{
        display: inline-block;
        width: 100% !important;
        padding: 1em;
    }
}
.display_two_items_inline input{
    background-color: #ffffff;
    color: #666666;
    padding: 0.5em;
}
.full_width{
    width: 75% !important;
}
.floating_right_item{
    float: right;
}
.floating_right_item span{
    display: none;
}
.full_width div:first-child{
    float: left;
    width: 81.6%;
}
.full_width div:first-child select{
    float: right;
}
.store_menu_align{
    margin-top: -6.7em;
}
@media (max-width: 992px){
    .store_menu_align{
        margin-top: -11em;
    }
}
@media (max-width: 993px){
    .music_menu_small{
    float: left;
    width: 50% !important;
    top: -0.26em;
    position: relative;
    z-index: 999;
    }
}
.music_menu_small{
    z-index: 999;
}
.ContentPane{
    z-index: 1;
}
.product_links_container{
    width: 100%;
}
@media (max-width: 360px){
   .CATPagingTable a.CATCommandButton{
        padding: 0;
        margin: -0.25em;
    } 
}
@media(max-width: 1024px){
    .music_menu_small{
        width: 100% !important;   
    }
    .CATPagingTable .CATNormalDisabled{
        display: none;
    }
    .CATPagingTable .CATNormal:first-child{
        display: none;
    }
    .store_menu_align{
        margin-top: -2em;
    }
}
@media (max-width: 768px){
    table.CATPagingTable tr td:first-child{
        display: none;
    }
    .CATPagingTable a.CATCommandButton{
        padding: 0;
        margin: 0;
    } 
}
.product_detail_menu{
    padding-top:1.7em;
}
.records_per_page{
    margin-top: -3.4em;
    margin-bottom: 2em;
}
#dnn_ctr25495_ProductPage_SortFieldControl_lblSortField{
    display: none;
}
.music_menu_small input{
    background-color: #ffffff; 
}
div#dnn_ctr25477_ModuleContent {z-index: 2147483647 !important}
div.container.SearchStoreMenu_container {padding-top:15px}
#shoppager .CATPagingTable .CATNormal, #shoppager .CATPagingTable .CATNormal a.CATCommandButton, #shoppager .CATPagingTable .CATNormal a.CATCommandButton:hover {font-size: 13px !important; font-family: "Century Gothic",Verdana,Arial,Helvetica,sans-serif,Avant Garde;}