﻿
/*#region Css Content*/
/*
<%--
master
headings
fonts
Navbar
anchors
content
ltr body
input
pager
image preview
Side banners
Slide show banners
newsflashes
captcha control
Border classes
Display classes
ul classes
Auto Complete
Breadcrumbs
Splash Banner
SubCategories
HPSubCategories
    Flip image effect
Catalog item page
feature templates / template fields
Item Colors
Item Rating
Catalog items Groups
Catalog Items Upgreades
Slide Show
CatalogDataList
CatalogDataListItem
Catalog items filter
Filter by colors
Catalog order form
    Extended Shipment Options
Albums view
AlbumPicsDataList
AlbumsList
CatalogItemTabsList
ContentDataList
ComplementaryContents
CART_LIST (dynamic cart)
Catalog recommended items
ScrollTopIcon
dForms
Lead
Wishlist
Floating Cart
Floating Search
Countdown Mechanism
Middle Banners
Modal
    Secure Buy Link
    CatalogItem Video Modal
    Wishlist Modal
    Available delivery opts modal
    Ask about product Modal
    Product added to order
    Remove item from cart
LogIn
PasswordRecovery
whatsapp-icon
Shopping cart banner / Manufacturers banners
--%>
*/
/*#endregion Css Content*/

/*#region Font face - Start*/

@font-face 
{
    font-family : 'Open Sans Hebrew';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/opensanshebrew-regular-webfont.eot');
    src: url('/Static/Fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), 
         url('/Static/Fonts/OpenSansHebrew-Regular.woff2')              format('woff2'), 
         url('/Static/Fonts/OpenSansHebrew-Regular.woff')               format('woff'), 
         url('/Static/Fonts/OpenSansHebrew-Regular.ttf')                format('truetype'), 
         url('/Static/Fonts/OpenSansHebrew-Regular.svg')                format('svg');
}

@font-face 
{
    font-family : 'Open Sans Hebrew Bold';
    font-style  : normal;
    font-weight : bold;
    src: url('/Static/Fonts/opensanshebrew-bold-webfont.eot');
    src: url('/Static/Fonts/opensanshebrew-bold-webfont.eot?#iefix')    format('embedded-opentype'), 
         url('/Static/Fonts/opensanshebrew-bold-webfont.woff')          format('woff'), 
         url('/Static/Fonts/opensanshebrew-bold-webfont.ttf')           format('truetype'), 
         url('/Static/Fonts/opensanshebrew-bold-webfont.svg')           format('svg');
}

@font-face 
{
    font-family : 'Alef Hebrew';
    font-style  : normal;
    font-weight : 400;
    src: url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Regular.eot');
    src: url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Regular.eot?#iefix')   format('embedded-opentype'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Regular.woff2')        format('woff2'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Regular.woff')         format('woff'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Regular.ttf')          format('truetype'), 
         url('/Static/Fonts/Alef-Regular.svg')                                                                  format('svg');
}

@font-face 
{
    font-family : 'Alef Hebrew Bold';
    font-style  : normal;
    font-weight : bold;
    src: url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Bold.eot');
    src: url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Bold.eot?#iefix')      format('embedded-opentype'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Bold.woff2')           format('woff2'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Bold.woff')            format('woff'), 
         url('//themes.googleusercontent.com/static/fonts/earlyaccess/alefhebrew/v3/Alef-Bold.ttf')             format('truetype'), 
         url('/Static/Fonts/Alef-Bold.svg')                                                                     format('svg');
}

@font-face 
{
    font-family : 'Assistant Bold';
    font-style  : normal;
    font-weight : 700;
    src: url('/Static/Fonts/Assistant-Bold.eot');
    src: url('/Static/Fonts/Assistant-Bold.eot?#iefix')       format('embedded-opentype'),
         url('/Static/Fonts/Assistant-Bold.woff2')            format('woff2'),
         url('/Static/Fonts/Assistant-Bold.woff')             format('woff'),
         url('/Static/Fonts/Assistant-Bold.ttf')              format('truetype'),
         url('/Static/Fonts/Assistant-Bold.svg')              format('svg');
}

@font-face 
{
    font-family : 'Assistant ExtraBold';
    font-style  : normal;
    font-weight : 800;
    src: url('/Static/Fonts/Assistant-ExtraBold.eot');
    src: url('/Static/Fonts/Assistant-ExtraBold.eot?#iefix')  format('embedded-opentype'),
         url('/Static/Fonts/Assistant-ExtraBold.woff2')       format('woff2'),
         url('/Static/Fonts/Assistant-ExtraBold.woff')        format('woff'),
         url('/Static/Fonts/Assistant-ExtraBold.ttf')         format('truetype'),
         url('/Static/Fonts/Assistant-ExtraBold.svg')         format('svg');
}

@font-face 
{
    font-family : 'Assistant ExtraLight';
    font-style  : normal;
    font-weight : 200;
    src: url('/Static/Fonts/Assistant-ExtraLight.eot');
    src: url('/Static/Fonts/Assistant-ExtraLight.eot?#iefix') format('embedded-opentype'),
         url('/Static/Fonts/Assistant-ExtraLight.woff2')      format('woff2'),
         url('/Static/Fonts/Assistant-ExtraLight.woff')       format('woff'),
         url('/Static/Fonts/Assistant-ExtraLight.ttf')        format('truetype'),
         url('/Static/Fonts/Assistant-ExtraLight.svg')        format('svg');
}

@font-face 
{
    font-family : 'Assistant Light';
    font-style  : normal;
    font-weight : 300;
    src: url('/Static/Fonts/Assistant-Light.eot');
    src: url('/Static/Fonts/Assistant-Light.eot?#iefix')      format('embedded-opentype'),
         url('/Static/Fonts/Assistant-Light.woff2')           format('woff2'),
         url('/Static/Fonts/Assistant-Light.woff')            format('woff'),
         url('/Static/Fonts/Assistant-Light.ttf')             format('truetype'),
         url('/Static/Fonts/Assistant-Light.svg')             format('svg');
}

@font-face 
{
    font-family : 'Assistant Regular';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/Assistant-Regular.eot');
    src: url('/Static/Fonts/Assistant-Regular.eot?#iefix')    format('embedded-opentype'),
         url('/Static/Fonts/Assistant-Regular.woff2')         format('woff2'),
         url('/Static/Fonts/Assistant-Regular.woff')          format('woff'),
         url('/Static/Fonts/Assistant-Regular.ttf')           format('truetype'),
         url('/Static/Fonts/Assistant-Regular.svg')           format('svg');
}

@font-face 
{
    font-family : 'Assistant SemiBold';
    font-style  : normal;
    font-weight : 600;
    src: url('/Static/Fonts/Assistant-SemiBold.eot');
    src: url('/Static/Fonts/Assistant-SemiBold.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Assistant-SemiBold.woff2')        format('woff2'),
         url('/Static/Fonts/Assistant-SemiBold.woff')         format('woff'),
         url('/Static/Fonts/Assistant-SemiBold.ttf')          format('truetype'),
         url('/Static/Fonts/Assistant-SemiBold.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Black';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/Heebo-Black.eot');
    src: url('/Static/Fonts/Heebo-Black.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Black.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Black.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Black.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Black.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Bold';
    font-style  : normal;
    font-weight : 700;
    src: url('/Static/Fonts/Heebo-Bold.eot');
    src: url('/Static/Fonts/Heebo-Bold.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Bold.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Bold.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Bold.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Bold.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo ExtraBold';
    font-style  : normal;
    font-weight : 800;
    src: url('/Static/Fonts/Heebo-ExtraBold.eot');
    src: url('/Static/Fonts/Heebo-ExtraBold.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-ExtraBold.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-ExtraBold.woff')         format('woff'),
         url('/Static/Fonts/Heebo-ExtraBold.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-ExtraBold.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo ExtraLight';
    font-style  : normal;
    font-weight : 200;
    src: url('/Static/Fonts/Heebo-ExtraLight.eot');
    src: url('/Static/Fonts/Heebo-ExtraLight.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-ExtraLight.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-ExtraLight.woff')         format('woff'),
         url('/Static/Fonts/Heebo-ExtraLight.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-ExtraLight.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Light';
    font-style  : normal;
    font-weight : 300;
    src: url('/Static/Fonts/Heebo-Light.eot');
    src: url('/Static/Fonts/Heebo-Light.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Light.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Light.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Light.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Light.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Medium';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/Heebo-Medium.eot');
    src: url('/Static/Fonts/Heebo-Medium.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Medium.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Medium.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Medium.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Medium.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Regular';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/Heebo-Regular.eot');
    src: url('/Static/Fonts/Heebo-Regular.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Regular.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Regular.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Regular.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Regular.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo SemiBold';
    font-style  : normal;
    font-weight : 600;
    src: url('/Static/Fonts/Heebo-SemiBold.eot');
    src: url('/Static/Fonts/Heebo-SemiBold.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-SemiBold.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-SemiBold.woff')         format('woff'),
         url('/Static/Fonts/Heebo-SemiBold.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-SemiBold.svg')          format('svg');
}

@font-face 
{
    font-family : 'Heebo Thin';
    font-style  : normal;
    font-weight : 400;
    src: url('/Static/Fonts/Heebo-Thin.eot');
    src: url('/Static/Fonts/Heebo-Thin.eot?#iefix')   format('embedded-opentype'),
         url('/Static/Fonts/Heebo-Thin.woff2')        format('woff2'),
         url('/Static/Fonts/Heebo-Thin.woff')         format('woff'),
         url('/Static/Fonts/Heebo-Thin.ttf')          format('truetype'),
         url('/Static/Fonts/Heebo-Thin.svg')          format('svg');
}

/*#endregion Font face - End*/

/* master stylesheet for the sites */
BODY {
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    background-color: #FFFFFF;
    background-repeat: repeat;
    background-position: center top;
}

iframe {
    background-color: transparent;
    margin: auto 0px;
}

TABLE {
    font-family: Arial;
    font-size: 12px;
}

INPUT, SELECT, TEXTAREEA {
    font-family: Arial;
}

/* headings */
H1 {
    margin: 0;
    padding: 0;
}

H2 {
    margin: 0;
    padding: 0;
}

/* fonts */
.white, A.white, A.white:visited {
    color: #FFF;
}

.blue, A.blue, A.blue:visited {
    color: #00F;
}

.red {
    color: #F00;
}

.black, A.black, A.black:visited {
    color: #000;
}

.maroon, A.maroon, A.maroon:visited {
    color: #990002;
}

.smallText {
    font-size: 11px;
}

.normalText {
    font-size: 12px;
    font-weight: normal;
}

.largeText {
    font-size: 14px;
}

.largerText {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

/*#region Navbar - Start */

.stickToTop {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

    .stickToTop.sticky-position
    {
        position: sticky !important;
    }

.start-from-top {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1000;
}

.topNavAdvSubCatIcon {
    border-width: 0px;
    border-style: none;
    margin: 0px 3px;
}

.topNavAdvSubCatBottomSep {
    background-position: bottom left;
    background-repeat: repeat-x;
    font-size: 0px;
}

    .topNavAdvSubCatBottomSep img {
        visibility: hidden;
    }

    div.divSubCatContainer.window-width-menu
    {
        width   : 100%;
        left    : 0px;
        right   : 0px;
    }

        div.divSubCatContainer.window-width-menu > div.window-width-menu
        {
            margin-left    : auto;
            margin-right   : auto;
        }

div.divSubCatContainer > div.subCatContainer, 
div.divSubCatContainer > div.window-width-menu > div.subCatContainer
{
    height  : 100%;
}

div.divSubCatContainer div.subCatContainer > div 
{
    display : inline-table;
    width   : 100%;
}

/*#endregion Navbar - End */

/*#region anchors - Start */

A, A:visited {
    text-decoration: none;
}

    A:hover, A:visited:hover {
        text-decoration: underline;
    }

    A.Underline, A.Underline:visited {
        text-decoration: underline;
    }

        A.Underline:hover, A.Underline:visited:hover {
            text-decoration: none;
        }

.reg-link-hover:hover,
.ContentArea .reg-link-hover:hover
{
    font-weight: bold !Important;
}

.reg-link-with-underline:hover,
.ContentArea .reg-link-with-underline:hover
{
    font-weight     : bold !Important;
    text-decoration : none !Important;
}

.reg-link-with-out-underline 
{
    font-weight     : bold !Important;
    text-decoration : underline !Important;
}

/*#endregion anchors - End */

/* content */
.ContentTitleMiddle {
    float: right;
    padding: 2px 0 0 0; /* overriden in style.css */
}

.ContentSubTitleMiddle {
    float: right;
    padding: 2px 0 0 0; /* overriden in style.css */
}

.SubTitleQuickEditContainer {
    float: left;
    padding: 1px 0 0 3px;
}

.RightPadded {
    padding: 0 12px 0 0;
}

.FullPadded {
    padding: 5px;
}

/* ltr body */
BODY.ltr,
BODY.ltr TABLE,
BODY.ltr TD {
    direction: ltr;
}

    BODY.ltr .ContentTitleMiddle,
    BODY.ltr .ContentSubTitleMiddle,
    BODY.ltr .ContentTitleLeft,
    BODY.ltr .ContentTitleRight {
        float: left;
    }

    BODY.ltr TD {
        text-align: left;
    }

.hideElement {
    position: absolute !Important;
    top: -10000px !Important;
    left: -10000px !Important;
}

/* input */
.inputTxt {
    border: solid 1px #D5D6D7;
}

.darkButton {
    border: solid 1px white;
    color: White;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 0;
    background-color: #8899D9;
    cursor: pointer;
    height: 20px;
}

.lightButton {
    border: solid 1px #D5D6D7;
    color: Black;
    padding: 0 0 0 0;
    background-color: #FFFFFF;
    cursor: pointer;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    background: url(../Images/layout/bg_button.gif);
}

.quickEditButton {
    width: 33px;
    background: #FF0000;
    color: #FFFFFF;
    font-size: 10px;
    border: solid 1px #FFFFFF;
    padding: 0 3px 1px 3px;
    height: 16px;
    cursor: pointer;
    text-align: center;
}

.SurveyButton {
    cursor: pointer;
}

/*
.roundCornersBtn
{
    background-image: none;
	border: 0px solid;
	
	color: #FFFFFF;
	height: auto;
	width: auto;
	padding: 14px 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-transition: background-color 0.25s ease;
	-ms-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-webkit-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease;
	behavior: url('/Static/Include/PIE-1.0.0/PIE.htc');
}
*/

.orderSubmitBtn {
    line-height     : 30px;
    padding         : 7px 15px;
    display         : inline-block;
    font-weight     : bold !Important;
    font-size       : 22px;
    text-decoration : none;
    text-shadow     : 0px 0px 0px #000000, 0px -1px 0px #000000, 0px 0px 0px #000000;
    margin          : 0px 3px;
}

    /*
    .orderSubmitBtn:hover {
        text-decoration: none;
    }
    */

.basic-button
{
    -webkit-appearance  : button-bevel;
    color               : buttontext;
    background-color    : buttonface;
}

/* pager */
.pager {
    color: #686868;
    font-weight: bold;
}

    .pager A, .pager A:visited {
        color: #686868;
        text-decoration: underline;
        font-weight: bold;
    }

        .pager A:hover, .pager A:visited:hover {
            color: #686868;
            text-decoration: none;
        }

.currentPage {
    font-size: 13px;
}

/*#region image preview - Start */

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 1px;
    display: none;
    color: #fff;
}

/*#endregion image preview - End */

/*#region Side banners - Start */

div.SideBanner {
    top: 90px;
    position: fixed;
}

    div.SideBanner > div > div {
        overflow: hidden;
    }

    div.SideBanner img {
        border-style: none;
    }

div.RightSideBanner {
    text-align: right;
    right: -5px;
}

    div.RightSideBanner > div {
        float: left;
    }

div.LeftSideBanner {
    text-align: right;
    left: -5px;
}

    div.LeftSideBanner > div {
        float: right;
    }

/*#endregion Side banners - End */

/*#region Slide show banners - Start */

.banners-slide-show-container 
{
    /*display           : table-cell;*/
    float               : right;
    width               : 60%;
}

.banners-container 
{
    /*display           : table-cell;*/
    display             : inline-table;
    height              : 100%;
    min-height          : 100%;
    float               : left;
    width               : 39.5%;
    position            : relative;
}

    .banners-container > div:first-child
    {
        display         : table-row;
    }

    .banners-container > div:last-child
    {
        display         : table-cell;
        vertical-align  : bottom;
    }

    .banners-container ul
    {
        margin          : 0px;
        padding         : 0px;
        list-style      : none;

        /*
        margin-bottom: 0px;
        width: auto;
        float: none;
        position: unset;
        list-style: none;
        */
    }

    .banners-slide-show-container.one-by-two-banners-formation,
    .banners-slide-show-container.two-by-two-banners-formation
    {
        width           : 49.8%;
    }

    .banners-container.one-by-two-banners-formation,
    .banners-container.two-by-two-banners-formation
    {
        width           : 49.8%;
    }

    .banners-container.two-by-two-banners-formation ul.top-banners-list,
    .banners-container.two-by-two-banners-formation ul.bottom-banners-list,
    .banners-container.one-by-two-banners-formation ul.bottom-banners-list
    {
        display         : inline-table;
        direction       : rtl;
    }

        .banners-container.two-by-two-banners-formation ul.top-banners-list li,
        .banners-container.two-by-two-banners-formation ul.bottom-banners-list li,
        .banners-container.one-by-two-banners-formation ul.bottom-banners-list li
        {
            display         : table-cell;
            vertical-align  : top;
        }

        .banners-container.two-by-two-banners-formation ul.top-banners-list li:first-child,
        .banners-container.two-by-two-banners-formation ul.top-banners-list li:last-child,
        .banners-container.two-by-two-banners-formation ul.bottom-banners-list li:first-child,
        .banners-container.two-by-two-banners-formation ul.bottom-banners-list li:last-child,
        .banners-container.one-by-two-banners-formation ul.bottom-banners-list li:first-child,
        .banners-container.one-by-two-banners-formation ul.bottom-banners-list li:last-child
        {
            width           : 49.7%;
        }

        /*
        .banners-container > ul.bottom-banners-list li:first-child
        {
            float: right;
            width: 50%;
        }

        .banners-container > ul.bottom-banners-list li:last-child
        {
            float: left;
            width: 49.5%;
        }
        */

    .banners-container > div 
    {
        /*position          : absolute;*/
    }

        .banners-container > div.main-banner 
        {
            /*top           : 0px;*/
        }

        .banners-container div.mid-banner-sep 
        {
            height          : 9px;
            /*width         : 9px;*/
            width           : 0.6%;
        }

        .banners-container > div.secondary-banner 
        {
            /*bottom        : 0px;*/
            /*margin-top    : 9px;*/
        }

    .banners-container img 
    {
        width               : auto;
        height              : auto;
        max-width           : 100%;
        max-height          : 100%;
        display             : block;
    }

@media screen and (min-width: 961px) 
{
    .banners-container .mid-banner-sep 
    {
        display             : none;
    }

    .banners-container .bottom-banners-list .mid-banner-sep 
    {
        display             : block;
    }
}

@media screen and (max-width: 960px) 
{
    .banners-slide-show-container 
    {
        display             : block;
        float               : none;
        width               : 100% !important;
    }

    .banners-container 
    {
        display             : inline-table;
        margin              : 10px 0px;
        width               : 100% !important;
        float               : none;
        height              : initial;
        min-height          : initial;
    }

    .banners-container.one-by-two-banners-formation,
    .banners-container.two-by-two-banners-formation
    {
        display             : block;
    }

        .banners-container > div 
        {
            position        : inherit;
            display         : table-cell !important;
        }
}

@media screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) 
{
    .banners-container 
    {
        margin-bottom       : 0px;
    }

        .banners-container > div 
        {
            display         : block !important;
            /*margin-bottom : 10px;*/
        }

            .banners-container > div.mid-banner-sep 
            {
                width       : 100%;
                height      : 10px;
            }
}

@media screen and (min-width: 768px)
{
    div.banners-container.banner-effect ul li
    {
        position            : relative;
    }

    div.banners-container.banner-effect ul li a:after 
    {
	    content             : "";
	    display             : block;
        position            : absolute;
	    top                 : 0px;
	    right               : 0px;
	    width               : 100%;
	    height              : 100%;
	    opacity             : 0;
        background-color    : black;
        -webkit-transition  : all .2s ease 0s;
        -moz-transition     : all .2s ease 0s;
        transition          : all 0.2s ease-in 0s;
    }

    div.banners-container.banner-shading-effect ul li a:hover:after 
    {
	    opacity             : 0.5;
    }

    div.banners-container.banner-enlarge-effect ul li a:hover img/*,
    div.banners-container ul li a:focus img*/
    {
	    -webkit-transform   : scale(1.15);
        transform           : scale(1.15); 
    }
}

/*#endregion Slide show banners - End */

/* newsflashes */
#ticker-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 120px;
    padding: 0px;
}

#slider {
    position: relative;
    width: 100%;
}

/*#region Captcha control - Start*/

div.CaptchaControl img {
    float: right;
}

div.CaptchaControl_ltr img {
    float: none;
}

div.CaptchaControl input,
div.CaptchaControl_ltr input {
    border: solid 1px #dedede;
    width: 70px;
    margin: 5px 10px 0 0;
}

div.CaptchaControl_ltr input {
    float: left;
}

/*#endregion Captcha control - End*/

.ContentArea img[align="right"] {
    margin-left: 5px;
}

.pointer-cursor 
{
    cursor: pointer;
}

.no-margin
{
    margin: 0px !important;
}

.no-padding
{
    padding: 0px !important;
}

.no-background 
{
    background: none !important;
}

.inherit-parent-style
{
    font-size   : inherit !important;
    font-weight : inherit !important;
    font-family : inherit !important;
    line-height : inherit !important;
    color       : inherit !important;
}

.inherit-parent-display
{
    display     : inherit !important;
}

/*
.borderWithShadow
{
    border      : solid 1px black;
    box-shadow  : 0 1px 6px 1px #9d9d9d;
}
*/
/*#region Border classes - Start*/
.NoBorder {
    border-width: 0px !Important;
    border-style: none !Important;
}

.noPadding {
    padding: 0px !Important;
}

.no-bg-color {
    background: transparent !Important;
    background-color: transparent !Important;
}

.round-border {
    border: solid 1px black;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*#endregion Border classes - End*/

/*#region Display classes - Start*/

.display-none
{
    display : none !Important;
}

.display-block
{
    display : block !Important;
}

.display-inline
{
    display : inline !Important;
}

.display-inline-block
{
    display : inline-block !Important;
}

.display-table
{
    display : table !Important;
}

.display-inline-table
{
    display : inline-table !Important;
}

/*#endregion Display classes - End*/

/*#region ul classes - Start*/

ul.list-style-none
{
    margin      : 0px;
    padding     : 0px;
    list-style  : none;
}

ul.float-list-items li
{
    float       : right;
}

body.ltr ul.float-list-items li
{
    float       : left;
}

li.horizontal-sep-item
{
    width       : 100%;
}

li.vertical-sep-item
{
    height      : 1px;
}

/*#endregion ul classes - End*/

/*#region Auto Complete - Start*/

.autocomplete-suggestions 
{
    border              : 1px solid #999;
    background          : #fff;
    cursor              : default;
    overflow            : auto;
    -webkit-box-shadow  : 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow     : 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow          : 1px 4px 3px rgba(50, 50, 50, 0.64);
    text-align          : right;
    direction           : rtl;
}

.autocomplete-suggestion 
{
    padding             : 2px 5px;
    white-space         : nowrap;
    overflow            : hidden;
    font-size           : 1.1em;
}

.autocomplete-selected 
{
    background          : #f0f0f0;
}

.autocomplete-suggestions strong 
{
    color               : #3399ff;
}

.ui-menu.ui-autocomplete 
{
    direction           : rtl;
}

body.ltr .ui-menu.ui-autocomplete 
{
    direction           : ltr;
}

    .ui-menu.ui-autocomplete .ui-menu-item 
    {
        list-style      : none;
    }

    .ui-menu.ui-autocomplete .ui-menu-item img 
    {
        vertical-align  : middle;
        border          : none;
        max-height      : 45px;
        max-width       : 45px;
    }

    .ui-menu.ui-autocomplete a.ui-menu-item-wrapper
    {
        text-decoration : none;
        display         : block;
        line-height     : 1.2em;
        zoom            : 1;
    }

    .ui-menu.ui-autocomplete a.ui-menu-item-wrapper span.bold 
    {
        color           : #3399ff;
    }

    body:not(.ltr) .ui-menu.ui-autocomplete .ui-menu-item img  
    {
        margin-left     : 2px;
    }

    body:not(.ltr) .ui-menu.ui-autocomplete a.ui-menu-item-wrapper 
    {
        text-align      : right;
        padding-right   : 7px !important;
    }

    body.ltr .ui-menu.ui-autocomplete .ui-menu-item img  
    {
        margin-right     : 2px;
    }

    body.ltr .ui-menu.ui-autocomplete a.ui-menu-item-wrapper 
    {
        text-align      : left;
        padding-left    : 7px !important;
    }

/*#endregion Auto Complete - End*/

/*#region Breadcrumbs - Start*/

.breadCrumbs 
{
    font-size       : 11px !Important;
}

    .breadCrumbs span.gtSeparator 
    {
        font-weight : normal !Important;
        padding     : 0px 3px;
    }

    .breadCrumbs span.lastBreadCrumb
     {
        font-weight : normal !Important;
    }

    .breadCrumbs a.breadCrumbLink,
    .breadCrumbs a.breadCrumbLink:hover 
    {
        font-size   : 100%;
        font-weight : normal !Important;
    }

    .breadCrumbs span.boldCategory,
    .breadCrumbs a.boldCategory 
    {
        font-weight : bold !Important;
    }

/*#endregion Breadcrumbs - End*/

/*#region Splash Banner*/

#divSplashBanner {
    display: none;
    position: absolute;
    left: 50%;
    top: -400px;
    margin: 0px 0px 0px -300px;
    z-index: 1002;
}

    #divSplashBanner #tblSplashBanner {
        background-color: #808080;
        border: solid 1px #808080;
        width: 600px;
    }

#tblSplashBanner #tdSplashBannerCloseX {
    width: 10px;
    height: 10px;
    border: solid 1px #ffffff;
    padding: 2px;
}

    #tblSplashBanner #tdSplashBannerCloseX span {
        text-decoration: none;
        color: #ffffff;
        cursor: pointer;
    }

#tblSplashBanner #tdSplashBannerCloseText {
    color: #ffffff;
    padding: 0px 10px;
}

#tblSplashBanner #tdSplashBannerSeparator {
    height: 1px;
    line-height: 1px;
    background-color: #808080;
}

#tblSplashBanner #tdSplashBannerContent {
    background-color: #ffffff;
    height: 390px;
    vertical-align: top;
}

.splashBannerOverlay {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: black;
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

/*#endregion Splash Banner*/

/*#region SubCategories - Start */

div.responsiveSubCategoriesContainer,
div.responsiveContentSubCategoriesContainer 
{
    display             : inline-block;
}

div.responsiveSubCategoriesContainer,
div.static-sub-categories-wrapper
{
    width               : 100%;
}

    div.responsiveSubCategoriesContainer > ul,
    div.responsiveContentSubCategoriesContainer > ul 
    {
        list-style-type : none;
        padding         : 0px;
        margin          : 0px;
    }

    div.responsiveSubCategoriesContainer li.liSubCategory,
    div.responsiveContentSubCategoriesContainer li.liSubCategory 
    {
        display         : inline-block;
        vertical-align  : top;
        float           : right;
        padding         : 1px 0px;
    }

body.ltr div.responsiveSubCategoriesContainer li.liSubCategory,
body.ltr div.responsiveContentSubCategoriesContainer li.liSubCategory 
{
    float               : left;
}

div.responsiveSubCategoriesContainer li.liSubCategory > div,
div.responsiveContentSubCategoriesContainer li.liSubCategory > div 
{
    display             : table;
    margin              : auto;
}

div.responsiveSubCategoriesContainer li.liHorizontalSep 
{
    width               : 100%;
    float               : right;
    /*display           : none; */
    padding             : 1px;
    margin              : 1px 0px;
}

body.ltr div.responsiveSubCategoriesContainer li.liHorizontalSep 
{
    float               : left;
}

div.responsiveSubCategoriesContainer li.liVerticalSep 
{
    float               : right;
    display             : none;
    margin              : 1px 0px;
}

body.ltr div.responsiveSubCategoriesContainer li.liVerticalSep 
{
    float               : left;
}

/*#endregion SubCategories - End */

/*#region HPSubCategories - Start */

div.responsiveHPCategoriesContainer,
div.staticHPSubCategoriesContainer 
{
    display: inline-block;
    /*margin              : 0px 15px;*/
    width: 100%;
    /*margin: 0px 15px 0px -15px;*/
}

    div.responsiveHPCategoriesContainer > ul 
    {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    div.responsiveHPCategoriesContainer li.liHPCategory 
    {
        display: inline-block;
        vertical-align: top;
        float: right;
        padding: 1px 0px;
    }

body.ltr div.responsiveHPCategoriesContainer li.liHPCategory 
{
    float: left;
}

div.responsiveHPCategoriesContainer li.liHPCategory > div 
{
    display: table;
    margin: auto;
}

.scaleCatImgContainer 
{
    overflow: hidden;
    position: relative;
}

    .scaleCatImgContainer img 
    {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        .scaleCatImgContainer img:hover 
        {
            /*width               : 100%; */
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
        }

/*#region Flip image effect - Start */

div.flip-img-warpper
{
    position            : relative;
    height              : 100%;
    width               : 100%;
    display             : inline-block;
}

table.flip-img-warpper div.flip-img-warpper:before,
div.flip-img-warpper:before
{
    content             : "";
    width               : 100%;
    height              : 100%;
    position            : absolute;
    visibility          : hidden;
    opacity             : 0;
    -webkit-transform   : rotateY(-90deg);
    -moz-transform      : rotateY(-90deg);
    -ms-transform       : rotateY(-90deg);
    -o-transform        : rotateY(-90deg);
    transform           : rotateY(-90deg);
    -webkit-transition  : all 0.3s ease;
    -moz-transition     : all 0.3s ease;
    transition          : all 0.3s ease;
    display             : block;
    top                 : 0px;
    bottom              : 0px;
    right               : 0px;    
    left                : 0px;
    margin              : auto;
    z-index             : 0;
}

table.flip-img-warpper:hover div.flip-img-warpper:before,
div.flip-img-warpper:hover:before,
div.flip-img-warpper.hover:before
{
    visibility          : visible;
    opacity             : 1;
    -webkit-transform   : rotateY(0);
    -moz-transform      : rotateY(0);
    -ms-transform       : rotateY(0);
    -o-transform        : rotateY(0);
    transform           : rotateY(0);
    -webkit-transition  : all 0.3s ease 0.18s;
    -moz-transition     : all 0.3s ease 0.18s;
    transition          : all 0.3s ease 0.18s;
}

table.flip-img-warpper div.flip-img-warpper img,
div.flip-img-warpper img
{
    width               : auto;
    max-width           : 100%;
    height              : auto;
    max-height          : 100%;
    position            : absolute;
    visibility          : visible;
    opacity             : 1;
    -webkit-transition  : all 0.3s ease 0.18s;
    -moz-transition     : all 0.3s ease 0.18s;
    transition          : all 0.3s ease 0.18s;
    top                 : 0px;
    bottom              : 0px;
    right               : 0px;
    left                : 0px;
    margin              : auto;
    display             : block;    
    z-index             : 999;
}

table.flip-img-warpper:hover div.flip-img-warpper img,
div.flip-img-warpper:hover img,
div.flip-img-warpper.hover img
{
    visibility          : hidden;
    opacity             : 0;
    -webkit-transform   : rotateY(-90deg);
    -moz-transform      : rotateY(-90deg);
    -ms-transform       : rotateY(-90deg);
    -o-transform        : rotateY(-90deg);
    transform           : rotateY(-90deg);
    -webkit-transition  : all 0.3s ease;
    -moz-transition     : all 0.3s ease;
    transition          : all 0.3s ease;
}

/*#endregion Flip image effect - End */

/*#endregion HPSubCategories - End */

/*#region Catalog item page - Start */

div#responsiveCatalogPicsContainer 
{
    text-align      : center;
}

    .image-illustration-remark
    {
        color       : #6f6c75; 
        /*position  : absolute; 
        bottom      : -3px; 
        left        : 0px; 
        right       : 0px; 
        margin      : 0px auto;*/
        font-size   : 12px;
    }

a.purchaseItem 
{
    line-height     : 30px;
    padding         : 0px 15px;
    display         : inline-block;
    font-family     : Tahoma;
    text-decoration : none;
    border-radius   : 5px;
    -webkit-border-radius: 5px;
    transition      : background-color 0.25s ease;
    white-space     : nowrap;
    text-align      : center;
}

table.rblQuantity 
{
    display         : inline-table;
    text-align      : right;
    vertical-align  : middle;
}

.rblQuantity input[type=radio] 
{
    vertical-align  : -2px;
}

.item-page-promotion-desc-container
{
    background-color: #feffbb; 
    border          : solid 1px #f1eebf; 
    padding         : 16px 0px; 
    text-align      : center;
}

    .item-page-promotion-desc-container > span
    {
        color       : #3c3c3d;
    }    

/*#region feature templates / template fields - Start */

.featureFieldContainer td.titleFieldRight 
{
    background-image    : url('/Images/layout/c_line_r.png');
    background-position : top left;
    background-repeat   : no-repeat;
    width               : 8px;
}

body.ltr .featureFieldContainer td.titleFieldRight 
{
    background-image    : url('/Images/layout/c_line_l.png');
}

.featureFieldContainer td.titleFieldMiddle 
{
    background-image    : url('/Images/layout/c_line_m.png');
    background-position : top left;
    background-repeat   : repeat-x;
    height              : 31px;
}

.featureFieldContainer td.titleFieldLeft 
{
    background-image    : url('/Images/layout/c_line_l.png');
    background-position : top left;
    background-repeat   : no-repeat;
    width               : 8px;
}

body.ltr .featureFieldContainer td.titleFieldLeft 
{
    background-image    : url('/Images/layout/c_line_r.png');
}

.featureFieldContainer div.featureFieldSeparator 
{
    background-image    : url('/Images/layout/c_line.png');
    background-position : top left;
    background-repeat   : repeat-x;
    height              : 2px;
    margin              : 0px 6px;
}

/*#endregion feature templates / template fields - End */

/*#region Item Rating - Start */

div.averageRatingImgsContainer 
{
    display     : inline-block;
    direction   : ltr;
}

/*#endregion Item Rating - End */

/*#region Catalog items Groups  - Start */

div.groupItemsPanel hr 
{
    border-style    : solid;
    color           : silver;
    border-bottom   : 0px;
}

div.groupItemsPanel div.divUpgradePriceContainer 
{
    margin-bottom   : 3px;
    font-weight     : bold;
}

div.groupItemsPanel div.groupDescription 
{
    margin-bottom   : 10px;
}

div.groupItemsPanel div.groupItemsImgsContainer > table 
{
    display         : inline-block;
    vertical-align  : middle;
}

div.groupItemsImgsContainer > table div.itemImgContainer span 
{
    font-size       : 24px;
    font-weight     : bold;
    padding         : 0px 8px;
    vertical-align  : middle;
}

div.groupItemsImgsContainer > table div.itemImgContainer img 
{
    vertical-align  : middle;
}

div.groupItemsImgsContainer > div.orderImgContainer 
{
    display         : inline-block;
    vertical-align  : middle;
}

div.groupItemsNamesContainer > div.orderImgContainer 
{
    margin-right    : 5px;
    margin-top      : 20px;
}

    div.groupItemsImgsContainer > div.orderImgContainer > span,
    div.groupItemsNamesContainer > div.orderImgContainer > span 
    {
        font-size       : 24px;
        font-weight     : bold;
        padding         : 0px 8px;
        vertical-align  : middle;
    }

    div.groupItemsImgsContainer > div.orderImgContainer > a,
    div.groupItemsNamesContainer > div.orderImgContainer > a 
    {
        line-height     : 30px;
        display         : inline-block;
        font-family     : Tahoma;
        text-decoration : none;
        vertical-align  : middle;
        padding         : 0px 15px;
    }

div.groupItemsNamesContainer span.spnCatalogItem span.itemName 
{
    vertical-align: 3px;
}

div.groupItemsNamesContainer span.opacityCatalogItem 
{
    /*
    filter:             alpha(opacity=40);
    -moz-opacity:       0.4;
    -khtml-opacity:     0.4;
    opacity:            0.4;
    */
    /*
    opacity:            0.4; 
    -khtml-opacity:     0.4; 
    -moz-opacity:       0.4; 
    -ms-filter:         'alpha(opacity=40)'; 
    filter:             alpha(opacity=40); 
    filter:             progid:DXImageTransform.Microsoft.Alpha(opacity=20.5);
    */
    /*
    filter: alpha(opacity=40);
    opacity:            0.4;
    zoom: 1;
    */
}

div.groupItemsPanel #btnCalcTotalGroupItemsPrice 
{
    display: none;
}

/*#endregion Catalog items Groups - End */

/*#region Catalog Items Upgreades - Start */

div.upgradesContainer 
{
    margin              : 5px 0px;
}

    div.upgradesContainer img.upgradeTopBottomImg 
    {
        width           : auto;
        max-width       : 100%;
    }

    div.upgradesContainer img#imgUpgradesTopImage 
    {
        margin-bottom   : 10px;
    }

    div.upgradesContainer img#imgUpgradesBottomImage 
    {
        margin-top      : 10px;
    }

    div.upgradesContainer td.tdUpgradeGroup hr 
    {
        margin          : 0px;
    }

    div.upgradesContainer hr 
    {
        border-style    : solid;
        border-width    : 0px;
        border-top-width: 1px;
    }

    div.upgradesContainer td.tdUpgradeGroup td.radioCheckBoxCell,
    div.upgradesContainer td.tdUpgradeGroup td.tdDescription,
    div.upgradesContainer td.tdUpgradeGroup td.tdUpgradePrices,
    div.upgradesContainer td.tdUpgradeGroup td.tdUpgradeQuantity 
    {
        min-height      : 25px;
        line-height     : 25px;
    }

    div.upgradesContainer td.tdUpgradeGroup td.tdUpgradePrices,
    div.upgradesContainer td.tdUpgradeGroup td.tdUpgradeQuantity 
    {
        vertical-align  : top;
    }

    div.upgradesContainer td.tdUpgradeGroup td.radioCheckBoxCell 
    {
        width           : 28px;
        text-align      : center;
    }

    div.upgradesContainer td.tdUpgradeGroup td.tdUpgradeQuantity 
    {
        text-align      : left;
        /*padding-left            : 5px;*/
        width           : 70px;
        white-space     : nowrap;
    }

td.tdUpgradeGroup td.tdUpgradeQuantity div.quantityContainer 
{
    margin-left         : 5px;
    display             : inline-block;
}

div.upgradesContainer td.tdUpgradeGroup td.tdUpgradePrices 
{
    width               : 75px;
    white-space         : nowrap;
}

td.tdUpgradeGroup td.tdUpgradePrices div.pricesContainer 
{
    display             : inline-block;
}

td.tdUpgradeGroup tr.trOption td.tdUpgradePrices div.pricesContainer 
{
    min-height          : 24px;
    margin-top          : 1px;
}

div.upgradesContainer td.tdUpgradeGroup td.tdUpgradeQuantity select 
{
    vertical-align      : -1px;
}

div.upgradesContainer td.tdUpgradeGroup div.descriptionContainer select 
{
    margin-top          : 3px;
}

td.tdUpgradeGroup td.tdDescription 
{
    padding-left        : 5px;
}

    td.tdUpgradeGroup td.tdDescription div 
    {
        display             : inline-flex;
        min-height          : 25px;
        line-height         : 25px;
        vertical-align      : top;
    }

        td.tdUpgradeGroup td.tdDescription div label,
        td.tdUpgradeGroup td.tdDescription div a,
        td.tdUpgradeGroup td.tdDescription div span 
        {
            vertical-align  : top;
        }

            td.tdUpgradeGroup td.tdDescription div span label 
            {
                margin-right: 3px;
            }

            td.tdUpgradeGroup td.tdDescription div a img 
            {
                margin-top  : 1px;
            }

            td.tdUpgradeGroup td.tdDescription div span.catalogNumber 
            {
                color       : #9b9bbd;
            }

    td.tdUpgradeGroup td.tdDescription input[type=checkbox],
    td.tdUpgradeGroup td.tdDescription input[type=radio] 
    {
        margin-right        : 0px;
        margin-left         : 5px;
        margin-top          : 6px;
        vertical-align      : 3px;
    }

/*#endregion Catalog Items Upgreades - End */

/*#region CatalogItemTabsList - Start */

ul.CatalogItemTabsList 
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.tabDiv 
{
    width: 100%;
    padding: 10px;
    position: relative;
    display: none;
}

div.TabsContentArea 
{
    height: 100%;
    width: 99%;
    display: block;
    position: relative;
}

/*#endregion CatalogItemTabsList - End */

/*#endregion Catalog item page - End */

/*#region Item Colors - Start */

span.itemColorsContainer 
{
    display: inline-block;
    vertical-align: -3px;
}

    span.itemColorsContainer span 
    {
        display             : inline-block;
        width               : 14px;
        height              : 14px;
        /*margin-bottom     : 1px;*/
        margin              : 1px;
        margin-left         : 5px;
        /*border            : solid 1px transparent;*/
        background-size     : contain;
    }

        span.itemColorsContainer span:hover,
        span.itemColorsContainer span.selectedColor 
        {
            border          : solid 1px black;
            /*border-color  : Black;*/
            /*margin-bottom : 0px;*/
            margin          : 0px;
            margin-left     : 4px;
        }

    #tdCIPageContainer .container.custom .item-colors-wrapper
    {
        padding             : 0px 15px 5px;
    }

        #tdCIPageContainer .container.custom .item-colors-wrapper > span:first-child
        {
            font-weight     : bold; 
            vertical-align  : 1px;
            display         : block;
            margin-bottom   : 5px;
        }

        #tdCIPageContainer .container.custom span.itemColorsContainer span 
        {
            width           : 21px;
            height          : 27px;
            border          : solid 1px #dadbdd;
            margin          : 0px;
            margin-left     : 5px;
            margin-bottom   : 5px;
        }

            #tdCIPageContainer .container.custom span.itemColorsContainer span:hover,
            #tdCIPageContainer .container.custom span.itemColorsContainer span.selectedColor
            {
                margin-left : 5px;
                border-color: black;
            }

            /*
            #tdCIPageContainer .container.custom span.itemColorsContainer span:last-child, 
            #tdCIPageContainer .container.custom span.itemColorsContainer span:last-child:hover,
            #tdCIPageContainer .container.custom span.itemColorsContainer span:last-child.selectedColor
            {
                margin-left : 0px;
            }
            */

span.orderItemColor 
{
    display: block;
    width: 14px;
    height: 14px;
}

/*#endregion Item Colors - End */

/*#region Slide Show - Start */

#slideShowCycler
{
    /*
     position:  fixed; 
     top:       0px; 
     z-index:   -1000; 
     width:     100%;
     */
    /*display: none;*/
}

/*#endregion Slide Show - End */

/*#region CatalogDataList - Start */

div.responsiveCatalogDLContainer 
{
    display: inline-block;
    /*margin              : 0px 15px;*/
    width: 100%;
    /*margin: 0px 15px 0px -15px;*/
}

    div.responsiveCatalogDLContainer > ul 
    {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    div.responsiveCatalogDLContainer li.liCatalogItem 
    {
        display: inline-block;
        vertical-align: top;
        float: right;
        padding: 1px 0px;
    }

body.ltr div.responsiveCatalogDLContainer li.liCatalogItem 
{
    float: left;
}

div.responsiveCatalogDLContainer li.liCatalogItem > div 
{
    display: table;
    margin: auto;
}

div.responsiveCatalogDLContainer li.liHorizontalSep 
{
    width: 100%;
    float: right;
    /*display         : none; */
    padding: 1px;
    margin: 1px 0px;
}

body.ltr div.responsiveCatalogDLContainer li.liHorizontalSep 
{
    float: left;
}

div.responsiveCatalogDLContainer li.liVerticalSep 
{
    float: right;
    display: none;
    margin: 1px 0px;
}

body.ltr div.responsiveCatalogDLContainer li.liVerticalSep 
{
    float: left;
}

/*#endregion CatalogDataList - End */

/*#region CatalogDataListItem - Start */

td.catalogItemVerContainer,
td.catalogItemHorizontalContainer 
{
    padding: 0px 5px 10px 5px;
    border-width: 0px;
    border-style: none;
    line-height: 150%;
    vertical-align: top;
    text-align: center;
    direction: rtl;
}

td.catalogItemVerTopContainer 
{
    text-align      : center !important;
    vertical-align  : top;
}

    td.catalogItemVerTopContainer div.catalogItemVerImgContainer 
    {
        clear: both;
    }

        td.catalogItemVerTopContainer div.catalogItemVerImgContainer table 
        {
            margin: 0px auto;
        }

            td.catalogItemVerTopContainer div.catalogItemVerImgContainer table td 
            {
                text-align: center;
            }

td.catalogItemVerContainer div.imgContainer,
td.catalogItemHorizontalContainer div.imgContainer 
{
    position: relative;
}

td.catalogItemVerContainer div.percentDiscountContainer,
td.catalogItemHorizontalContainer div.percentDiscountContainer,
div.tblDiscountContainer div.percentDiscountContainer,
table.tblDiscountContainer div.percentDiscountContainer 
{
    background-image: url('/Images/layout/des.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 49px;
    color: White;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    position: absolute;
    display: none;
    left: 0px;
    bottom: 0px;
}

    td.catalogItemVerContainer div.percentDiscountContainer a,
    td.catalogItemVerContainer div.percentDiscountContainer a:hover,
    td.catalogItemHorizontalContainer div.percentDiscountContainer a,
    td.catalogItemHorizontalContainer div.percentDiscountContainer a:hover,
    div.tblDiscountContainer div.percentDiscountContainer a,
    div.tblDiscountContainer div.percentDiscountContainer a:hover,
    table.tblDiscountContainer div.percentDiscountContainer a,
    table.tblDiscountContainer div.percentDiscountContainer a:hover,
    div.catalogItemVerImgContainer div.percentDiscountContainer a,
    div.catalogItemVerImgContainer div.percentDiscountContainer a:hover 
    {
        color: White !Important;
        font-size: 15px !Important;
        font-weight: bold !Important;
        text-align: center;
        line-height: 15px !Important;
    }

    td.catalogItemVerContainer div.percentDiscountContainer span,
    td.catalogItemHorizontalContainer div.percentDiscountContainer span,
    div.tblDiscountContainer div.percentDiscountContainer span,
    table.tblDiscountContainer div.percentDiscountContainer span 
    {
        display: inline-block;
        text-shadow: 0px 0px 0px #000000, 0px -1px 0px #000000, 0px 0px 0px #000000;
        font-size: 13px;
    }

        td.catalogItemVerContainer div.percentDiscountContainer span.discountValue,
        td.catalogItemHorizontalContainer div.percentDiscountContainer span.discountValue,
        div.tblDiscountContainer div.percentDiscountContainer span.discountValue,
        table.tblDiscountContainer div.percentDiscountContainer span.discountValue 
        {
            margin-top: 10px;
            font-size: 15px;
        }

div.responsiveCatalogDLContainer td.catalogItemVerTopContainer div.catalogItemVerImgContainer 
{
    position: relative;
}

div.responsiveCatalogDLContainer div.catalogItemVerImgContainer a.item-whats-app 
{
    position: absolute;
    right: 0px;
    bottom: 0px;
}

td.catalogItemVerTopContainer div.catalogItemVerSummaryContainer 
{
    margin          : 0px auto;
    text-align      : inherit;
    display         : inline-block;
}

td.catalogListVertLinksContainer 
{
    text-align      : center !important;
    vertical-align  : bottom;
}

.relativePosition 
{
    position        : relative;
}

.scaleItemImgContainer 
{
    overflow        : hidden;
    position        : relative;
}

    .scaleItemImgContainer img 
    {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        .scaleItemImgContainer img:hover 
        {
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
        }

div.item-image-link-wrapper 
{
    text-align: center;
}

/*#endregion CatalogDataListItem - End */

/*#region Catalog items filter - Start */

div.filterConainerBox 
{
    margin: 10px 0px;
}

    div.filterConainerBox div.filter-box-table
    {
        display : table;
        width   : 100%;
        z-index : 99999;
    }
    
        div.filter-box-table div.filter-box-row
        {
            /*display : table-row;*/
            display         : inline-table;
            width           : 100%;
        }

        div.filter-box-table:not(.no-bacground) div.filter-box-row
        {
            /*background: linear-gradient(rgb(255, 255, 255), rgb(242, 243, 237));*/
            background      : -webkit-linear-gradient(#ffffff, #f2f3ed); /* For Safari 5.1 to 6.0 */
            background      : -o-linear-gradient(#ffffff, #f2f3ed); /* For Opera 11.1 to 12.0 */
            background      : -moz-linear-gradient(#ffffff, #f2f3ed); /* For Firefox 3.6 to 15 */
            background      : linear-gradient(#ffffff, #f2f3ed); /* Standard syntax */
            -ms-filter      : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f3ed')"; /* IE8 hack */
        }

        div.filter-box-table div.filter-box-row.filter-top-bottom-deco-row
        {
            height          : 5px;
            background      : none;
        }

            div.filter-box-table div.filter-box-row > div
            {
                display     : table-cell;
            }

                div.filter-box-row.filter-top-bottom-deco-row .filter-top-deco-table,
                div.filter-box-row.filter-top-bottom-deco-row .filter-bottom-deco-table
                {
                    display : inline-table;
                    width   : 100%;
                    height  : 5px;
                }

                div.filter-box-row .close-filter-box
                {
                    display : none;
                }

                .glyphicon.show-filter-box
                {
                    display : none;
                }

    div.filterConainerBox div.filter-box-table.round-border 
    {
        border-color    : #c6c6c6;
    }

    /*deprecated*/
    div.filterConainerBox .filterBoxTopBottomRow 
    {
        height          : 5px;
    }

div.filterButtonsConainerBox 
{
    margin              : 0px;
}

div.filterConainerBox div.filterFieldsButtons 
{
    margin-right        : 5px;
    margin-bottom       : 10px;
}

div.filterButtonsConainerBox div.filterFieldsButtons 
{
    margin-top          : 10px;
}

div.filterConainerBox div.filterFieldsButtons div 
{
    display             : inline-block;
}

    div.filterConainerBox div.filterFieldsButtons div button 
    {
        background      : none;
        border          : none;
        padding         : 0px;
    }

    div.filterConainerBox div.filterFieldsButtons div img 
    {
        width           : 11px;
        border-width    : 0px;
        vertical-align  : -1px;
        cursor          : pointer;
    }

    div.filterConainerBox div.filterFieldsButtons div a 
    {
        margin-right    : 2px;
        margin-left     : 10px;
    }

/*deprecated*/
div.filterConainerBox td.filterBoxTopRight,
div.filterConainerBox td.filterBoxTopLeft,
div.filterConainerBox td.filterBoxBottomRight,
div.filterConainerBox td.filterBoxBottomLeft 
{
    width: 5px;
    height: 5px;
    background-repeat: no-repeat;
    padding: 0px;
}

div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopRight,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopMiddle,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopLeft,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomRight,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomMiddle,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomLeft
{
    display: table-cell;
    padding: 0px;
}

div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopRight,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopLeft,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomRight,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomLeft
{
    width: 5px;
    padding: 0px;
    background-repeat: no-repeat;
}

div.filterConainerBox td.filterBoxTopRight,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopRight
{
    background-image: url('/Images/layout/filter/filter_box_r_top.gif');
}

div.filterConainerBox td.filterBoxTopLeft,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopLeft
{
    background-image: url('/Images/layout/filter/filter_box_l_top.gif');
}

/*deprecated*/
div.filterConainerBox td.filterBoxTopMiddle,
div.filterConainerBox td.filterBoxBottomMiddle 
{
    height: 5px;
    background-repeat: repeat-x;
    padding: 0px;
}

div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopMiddle,
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomMiddle
{
    background-repeat   : repeat-x;
}

div.filterConainerBox td.filterBoxTopMiddle,    /*deprecated*/
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxTopMiddle
{
    background-image: url('/Images/layout/filter/filter_box_mid_up.gif');
    background-color: white;
}

div.filterConainerBox td.filterBoxMiddle 
{
    /*
        border-left             : solid 1px #c5c4c2; 
        border-right            : solid 1px #c5c4c2;
        */
}

div.filterConainerBox td.filterBoxMiddleRightLeft, /*deprecated*/ 
div.filterConainerBox .filter-box-row .filterBoxMiddleRightLeft
{
    background-image: url('/Images/layout/filter/filter_box_r_l_mid.gif');
    background-position: top;
    background-repeat: repeat-y;
    width: 1px;
}

div.filterConainerBox td.filterBoxMiddle div.featureFilterFieldsContainer,  /*deprecated*/
div.filterConainerBox div.filterBoxMiddle div.featureFilterFieldsContainer
 {
    padding: 5px;
}

div.additionalFieldsContainer div.additional-fields-table
{
    display         : inline-table;
    width           : 100%;
    border          : solid 1px #c6c6c6;
    border-radius   : 5px;
    background      : -webkit-linear-gradient(#ffffff, #f2f3ed); /* For Safari 5.1 to 6.0 */
    background      : -o-linear-gradient(#ffffff, #f2f3ed); /* For Opera 11.1 to 12.0 */
    background      : -moz-linear-gradient(#ffffff, #f2f3ed); /* For Firefox 3.6 to 15 */
    background      : linear-gradient(#ffffff, #f2f3ed); /* Standard syntax */
    -ms-filter      : "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f3ed')"; /* IE8 hack */
}

div.filterConainerBox .filter-box-row div.additionalFieldsContainer div.additional-fields-table .filterBoxMiddleRightLeft
{
    background      : none;
    width           : 0px;
}

/*deprecated*/
div.featureFilterFieldsContainer table
{
    width: 100%;
}

div.featureFilterFieldsContainer .ft-filter-fields-table
{
    width   : 100%;
    display : inline-table;
}

    /*deprecated*/
    div.featureFilterFieldsContainer table td.filterTdContainer
    {
        vertical-align: top;
        width: 25%;
    }

    div.featureFilterFieldsContainer .ft-filter-fields-table span.filterTdContainer
    {
        width           : 25%;
        display         : table-cell !important;
        padding         : 1px;
        vertical-align  : top;
    }

        /*deprecated*/
        div.featureFilterFieldsContainer table td.filterTdContainer div.filterTdContainer 
        {
            display: inline-block;
            width: 95%;
        }

        div.featureFilterFieldsContainer .ft-filter-fields-table span.filterTdContainer div.filterTdContainer 
        {
            display     : inline-block;
            width       : 95%;
        }

    /*deprecated*/
    div.featureFilterFieldsContainer table td.filterVertTdContainer 
    {
        padding-right: 5px;
    }

    /*deprecated*/
    div.featureFilterFieldsContainer table div.vertFilterSeparator 
    {
        height: 10px;
    }

    div.featureFilterFieldsContainer .ft-filter-fields-table span.filterVertTdContainer 
    {
        padding-right: 5px;
    }

    div.featureFilterFieldsContainer .ft-filter-fields-table div.vertFilterSeparator 
    {
        height: 10px;
    }

div.filterConainerBox td.filterBoxBottomRight,  /*deprecated*/
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomRight
{
    background-image: url('/Images/layout/filter/filter_box_r_down.gif');
}

div.filterConainerBox td.filterBoxBottomLeft,   /*deprecated*/
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomLeft
{
    background-image: url('/Images/layout/filter/filter_box_l_down.gif');
}

div.filterConainerBox td.filterBoxBottomMiddle, /*deprecated*/
div.filterConainerBox div.filter-box-row.filter-top-bottom-deco-row .filterBoxBottomMiddle
{
    background-image: url('/Images/layout/filter/filter_box_mid_down.gif');
}

div.fieldValuesContainer div.fieldLabel 
{
    /*margin-right              : 3px; */
    margin-bottom   : 5px;
    padding-right   : 22px;
}

div.fieldValuesContainer ul 
{
    margin          : 0px;
    padding         : 0px;
    list-style      : none;
}

div.fieldValuesContainer div.fieldValue span, 
div.fieldValuesContainer li.fieldValue a span
{
    display         : inline-block;
    margin-right    : 5px;
    text-decoration : none;
    color           : #7a7a7a;
}

div.fieldValuesContainer div.fieldValue div.field-value-sep 
{
    margin: 5px 0px;
    margin-right: 3px;
}

div.fieldValuesContainer input[type=checkbox] 
{
    vertical-align: -2px;
}

div.fieldValuesContainer div.fieldAdditionalValues 
{
    margin-top: 10px;
    position: relative;
}

div.fieldValuesContainer div.single-field-warpper > div 
{
    display         : table-cell;
}

div.fieldValuesContainer div.single-field-warpper > div:not(:last-child)
{
    padding-left    : 20px;
    padding-right   : 0px;
}

body.ltr div.fieldValuesContainer div.single-field-warpper > div:not(:last-child)
{
    padding-left    : 0px;
    padding-right   : 20px;
}

div.fieldValuesContainer ul.single-field-warpper
{
    display         : inline-grid;
    margin          : 0px;
    padding         : 0px;
    list-style      : none;
    grid-auto-flow  : column;
    column-gap      : 20px;
}

div.fieldAdditionalValues a.showAdditionalValues 
{
    display         : inline-block;
    text-align      : center;
    border          : solid 1pt black;
    background-color: white;
    margin-right    : 2px;
    width           : 85px;
}

div.fieldAdditionalValues div.additionalFieldsContainer 
{
    /*display             : none; */
    position        : absolute;
    margin-top      : 2px;
    width           : 100%;
    z-index         : 10000;
    /*zoom: 1;            
            top: 20px;*/
}

div.additionalFieldsContainer td.filterBoxMiddle div.featureFilterFieldsContainer,  /*deprecated*/
div.additionalFieldsContainer div.filterBoxMiddle div.featureFilterFieldsContainer 
{
    padding-right   : 0px;
}

div.additionalFieldsContainer div.closeAdditionalFields 
{
    position        : absolute;
    top             : 10px;
    left            : 5px;
}

    div.additionalFieldsContainer div.closeAdditionalFields button 
    {
        background  : none;
        border      : none;
        padding     : 0px;
        margin-left : 5px;
    }

    div.additionalFieldsContainer div.closeAdditionalFields img 
    {
        margin-left : 5px;
        cursor      : pointer;
        width       : 9px;
    }

        div.additionalFieldsContainer div.closeAdditionalFields button img 
        {
            margin-left : 0px;
        }

div.additionalFieldsContainer div.featureFilterFieldsContainer a span 
{
    display         : inline-block;
    margin-right    : 5px;
    text-decoration : none;
    color           : #7a7a7a;
}

div.additionalFieldsContainer div.featureFilterFieldsContainer div.field-value-sep 
{
    margin          : 5px;
}

/* responsive */

/*#endregion Catalog items filter - End */

/*#region Filter by colors - Start */

.filterByColorsContainer 
{
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 5px;
}

    .filterByColorsContainer span 
    {
        display: inline-block;
    }

        .filterByColorsContainer span:hover 
        {
            filter: alpha(opacity=70);
            -moz-opacity: 0.70;
            -khtml-opacity: 0.70;
            opacity: 0.70;
        }

/*#endregion Filter by colors - End */

/*#region Catalog order form - Start */

div.catalogOrderForm 
{
}

    div.catalogOrderForm #tblPurchaseItems caption
    {
        visibility          : collapse;
        position            : absolute;
    }

    div.catalogOrderForm table.purchaseItemsHeaders 
    {
        width               : 100%;
        height              : 37px;
    }

        div.catalogOrderForm table.purchaseItemsHeaders .itemNameHeading 
        {
            width           : 248px;
            text-align      : right;
            padding-right   : 5px;
            font-size       : 16px;
            background-color: transparent;
        }

body.ltr div.catalogOrderForm table.purchaseItemsHeaders .itemNameHeading 
{
    text-align              : left;
    padding-right           : 0px;
    padding-left            : 5px;
}

div.catalogOrderForm table.purchaseItemsHeaders .priceHeading 
{
    width                   : 95px;
    font-size               : 16px;
    background-color        : transparent;
}

body.ltr div.catalogOrderForm table.purchaseItemsHeaders .priceHeading 
{
    width                   : 85px;
}

div.catalogOrderForm table.purchaseItemsHeaders .deliveryCostHeading 
{
    width                   : 85px;
    font-size               : 16px;
    background-color        : transparent;
}

div.catalogOrderForm table.purchaseItemsHeaders .quantityHeading 
{
    width                   : 74px;
    font-size               : 16px;
    background-color        : transparent;
}

body.ltr div.catalogOrderForm table.purchaseItemsHeaders .quantityHeading 
{
    width                   : 97px;
}

div.catalogOrderForm table.purchaseItemsHeaders .totalPriceHeading 
{
    width                   : 80px;
    font-size               : 16px;
    background-color        : transparent;
}

body.ltr div.catalogOrderForm table.purchaseItemsHeaders .totalPriceHeading 
{
    width                   : 75px;
}

div.catalogOrderForm table.rptItems 
{
    width                   : 100%;
    margin-bottom           : 10px;
}

    div.catalogOrderForm table.rptItems tr.itemDetails 
    {
        height              : 29px;
        text-align          : center;
    }

table.rptItems tr.itemDetails td.itemName 
{
    width                   : 258px;
    text-align              : right;
}

body.ltr table.rptItems tr.itemDetails td.itemName 
{
    text-align              : left;
}

table.rptItems tr.itemDetails td.itemName td.itemCatalogPic 
{
    padding-right           : 7px;
    max-width               : 55px;
}

body.ltr table.rptItems tr.itemDetails td.itemName td.itemCatalogPic 
{
    padding-right           : 0px;
    padding-left            : 7px;
}

table.rptItems tr.itemDetails td.itemName td.itemCatalogPic img 
{
    border-width            : 0px;
    max-height              : 48px;
    max-width               : 48px;
    margin-left             : 7px;
}

body.ltr table.rptItems tr.itemDetails td.itemName td.itemCatalogPic img 
{
    margin-left             : 0px;
    margin-right            : 7px;
}

table.rptItems tr.itemDetails td.itemName td.itemNameLink 
{
    width                   : 100%;
    font-weight             : bold;
}

    table.rptItems tr.itemDetails td.itemName td.itemNameLink span.present-label 
    {
        float               : left;
    }

body.ltr table.rptItems tr.itemDetails td.itemName td.itemNameLink span.present-label 
{
    float                   : right;
}

table.rptItems tr.itemDetails td.itemPrice 
{
    width                   : 85px;
}

    table.rptItems tr.itemDetails td.itemPrice span.minus-value
    {
        display             : inline-block;
        direction           : ltr;
    }

table.rptItems tr.itemDetails td.shipmentPrice 
{
    width                   : 85px;
}

table.rptItems tr.itemDetails td.itemQuantity 
{
    width                   : 74px;
}

table.rptItems tr.itemDetails td.itemTotalPrice 
{
    width                   : 80px;
    text-align              : right;
    white-space             : nowrap;
}

body.ltr table.rptItems tr.itemDetails td.itemTotalPrice 
{
    text-align              : left;
}

table.rptItems tr.itemDetails td.itemTotalPrice span 
{
    margin-right            : 23px;
}

    table.rptItems tr.itemDetails td.itemTotalPrice span span
    {
        margin-right        : 0px;
    }

        table.rptItems tr.itemDetails td.itemTotalPrice span.minus-value
        {
            display         : inline-block;
            direction       : ltr;
        }

body.ltr table.rptItems tr.itemDetails td.itemTotalPrice span 
{
    margin-right            : 0px;
    margin-left             : 23px;
}

    body.ltr table.rptItems tr.itemDetails td.itemTotalPrice span span
    {
        margin-right        : 0px;
        margin-left         : 0px;
    }

div.catalogOrderForm tr.continueShopping td 
{
    border-bottom           : solid 1px #c3c3c3;
    padding                 : 10px 0px;
}

    div.catalogOrderForm tr.continueShopping td a 
    {
        line-height         : normal;
        font-size           : 14px;
        padding             : 5px 10px;
    }

div.catalogOrderForm td.orderDetails.hide-details-summary table.orderDetailsSummary
{
    display                 : none;
}

div.catalogOrderForm table.orderDetailsSummary 
{
    width                   : 100%;
    margin-bottom           : 10px;
    border-style            : none;
    border-width            : 0px;
    border-bottom           : solid 1px #c3c3c3;
    padding-bottom          : 20px;
}

table.orderDetailsSummary div.shipmentPaymentCouponContainers 
{
    display                 : inline-block;
    vertical-align          : top;
}

div.shipmentPaymentCouponContainers div.divShipmentTypesContainer,
.shipment-Types-selectmenu-ul,
div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer,
.self-pickup-branches-selectmenu-ul,
div.shipmentPaymentCouponContainers div.paymentTypesContainer 
{
    padding                 : 5px 10px;
    height                  : 27px;
    line-height             : 27px;
    font-size               : 12px;
}

    div.shipmentPaymentCouponContainers div.divShipmentTypesContainer h2.shipmentTitle,
    /*div.shipmentPaymentCouponContainers div.divShipmentTypesContainer span.shipmentTitle,*/
    div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer h2.pickup-branche-title,
    div.shipmentPaymentCouponContainers div.paymentTypesContainer .paymentsTitle 
    {
        font-weight         : bold;
        white-space         : nowrap;
        float               : right;
        margin-left         : 5px;
        text-align          : right;
        display             : inline-block;
        line-height         : 27px;
        font-size           : 16px;
        background-color    : transparent;
        max-height          : 100%;
        max-height          : -moz-available;          /* WebKit-based browsers will ignore this. */
        max-height          : -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        /*max-height        : fill-available;*/
    }

    div.shipmentPaymentCouponContainers div.divShipmentTypesContainer h2,
    div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer h2
    {
        margin-bottom       : 0px;
        margin-top          : 0px;
    }

    div.shipmentPaymentCouponContainers div.divShipmentTypesContainer > div,
    div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer > div
    {
        display             : inline-block;
    }

        div.shipmentPaymentCouponContainers div.divShipmentTypesContainer > div.ui-selectmenu-menu > ul.ui-menu,
        div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer > div.ui-selectmenu-menu > ul.ui-menu
        {
            white-space     : nowrap;
        }

body.ltr div.shipmentPaymentCouponContainers div.divShipmentTypesContainer h2.shipmentTitle,
/*body.ltr div.shipmentPaymentCouponContainers div.divShipmentTypesContainer span.shipmentTitle,*/
body.ltr div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer h2.pickup-branche-title,
body.ltr div.shipmentPaymentCouponContainers div.paymentTypesContainer .paymentsTitle 
{
    float                   : left;
    text-align              : left;
    margin-left             : 0px;
    margin-right            : 5px;
}

div.shipmentPaymentCouponContainers div.divShipmentTypesContainer span.ui-selectmenu-button,
div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer span.ui-selectmenu-button,
div.shipmentPaymentCouponContainers div.paymentTypesContainer span.ui-selectmenu-button 
{
    /*height          : 26px;*/
}

    div.shipmentPaymentCouponContainers div.divShipmentTypesContainer span.ui-selectmenu-button span.ui-selectmenu-text,
    div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer span.ui-selectmenu-button span.ui-selectmenu-text,
    div.shipmentPaymentCouponContainers div.paymentTypesContainer span.ui-selectmenu-button span.ui-selectmenu-text 
    {
        /*padding-top : 0.2em;*/
        padding-left        : 5px;
    }

body.ltr div.shipmentPaymentCouponContainers div.divShipmentTypesContainer span.ui-selectmenu-button span.ui-selectmenu-text,
body.ltr div.shipmentPaymentCouponContainers div.divSelfPickupBranchesContainer span.ui-selectmenu-button span.ui-selectmenu-text,
body.ltr div.shipmentPaymentCouponContainers div.paymentTypesContainer span.ui-selectmenu-button span.ui-selectmenu-text 
{
    padding-left            : 0px;
    padding-right           : 5px;
}

div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer 
{
    padding-top             : 7px;
    padding-bottom          : 7px;
    margin-right            : 100px;
}

body.ltr div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer 
{
    margin-right            : 0px;
    margin-left             : 100px;
}

div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer .expansionTitle 
{
    margin-right            : 5px;
    text-decoration         : underline;
    font-weight             : bold !Important;
}

body.ltr div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer .expansionTitle 
{
    margin-right            : 0px;
    margin-left             : 5px;
}

div.shipmentPaymentCouponContainers div.deliveryExpansionsContainer div.divCustomerPickupText 
{
    padding                 : 6px;
    padding-top             : 0px;
}

div.deliveryExpansionsContainer div.divCustomerPickupText div.closeExpansion 
{
    color                   : #fff;
    padding                 : 4px;
    float                   : right;
}

body.ltr div.deliveryExpansionsContainer div.divCustomerPickupText div.closeExpansion 
{
    float                   : left;
}

div.divCustomerPickupText div.closeExpansion a,
div.divCustomerPickupText div.closeExpansion button
{
    color                   : #fff;
    text-decoration         : none;
}

/*#region Extended Shipment Options - Start */

.extended-shipment-opts-wrapper 
{
    background-color            : #f6f6f7; 
    padding                     : 10px 0px; 
    line-height                 : 27px;
}

    .extended-shipment-opts-wrapper div.shipment-opt-wrapper
    {
        padding                 : 0px 10px;
    }

        .extended-shipment-opts-wrapper div.shipment-opt-wrapper > div
        {
            display             : table-cell;
        }

        .extended-shipment-opts-wrapper > div:not(.shipment-opt-wrapper)
        {
            line-height         : normal;
        }

            .extended-shipment-opts-wrapper input[type=radio]
            {
                vertical-align  : -2px;
                margin-right    : 0px;
            }

            body.ltr .extended-shipment-opts-wrapper input[type=radio]
            {
                margin-right    : 5px;
                margin-left     : 0px;
            }

    .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper
    {
        padding-right           : 2px; 
        /*width                 : 100%;*/
    }

    body.ltr .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper
    {
        padding-right           : 0px;
        padding-left            : 2px;
    }

        .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > label
        {
            margin-left         : 5px;
        }

        body.ltr .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > label
        {
            margin-left         : 0px;
            margin-right        : 5px;
        }

        .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span
        {
            white-space         : nowrap;
            display             : inline-block;
        }

            .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > img,
            .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > button img
            {
                border-width    : 0px; 
                vertical-align  : -3px; 
                cursor          : pointer; 
            }

            .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > a,
            .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > button span.expansionTitle
            {
                margin-right    : 2px; 
                text-decoration : underline;
            }

                .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > a:hover,
                .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > button:hover span.expansionTitle
                {
                    text-decoration: none;
                }

            body.ltr .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > a,
            body.ltr .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > span > button span.expansionTitle
            {
                margin-right    : 0px;
                margin-left     : 2px;
            }

        .extended-shipment-opts-wrapper div.shipment-opt-details-wrapper > div > a
        {
            text-decoration     : underline; 
            font-weight         : bold !important;
        }

    div.shipment-opt-details-wrapper .stores-list-wrapper
    {
        margin-top              : 5px;
    }

        div.shipment-opt-details-wrapper .stores-list-wrapper > div 
        {
            display             : table;
        }

            div.shipment-opt-details-wrapper .stores-list-wrapper > div > div
            {
                display         : table-row;
                height          : 30px;
                line-height     : 30px;
            }

                div.shipment-opt-details-wrapper .stores-list-wrapper > div > div > span
                {
                    display     : table-cell;
                }

                div.shipment-opt-details-wrapper .stores-list-wrapper > div > div > span:first-child
                {
                    padding-left: 20px;
                }

                div.shipment-opt-details-wrapper .stores-list-wrapper > div > div > span select
                {
                    width       : 248px;
                    height      : 21px;
                }

    div.expansion-container
    {
        width                   : 100%;
        /*padding-top             : 4px;*/
    }

        div.expansion-container div.divCustomerPickupText
        {
            position            : relative; 
            padding             : 0px; 
            width               : 100%;
            background-color    : #feffb7;
            border              : solid 1px #c4cc05;
            margin-top          : 4px;
        }

            div.expansion-container div.divCustomerPickupText img
            {
                position        : absolute; 
                top             : -5px; 
                left            : 50%;
                border          : none;
                width           : 9px;
                height          : 5px;
            }

            .extended-shipment-opts-wrapper .deliveryExpansionsContainer .divCustomerPickupText img
            {
                display         : none;
            }

            div.expansion-container div.divInnerCustomerPickupText
            {
                padding         : 10px;
                background-color: transparent;
            }

/*#endregion Extended Shipment Options - End */

/*          
            div.shipmentPaymentCouponContainers div.paymentTypesContainer
            {
                padding             : 5px 10px;                
                height              : 27px;
                line-height         : 27px;
            }
            
                div.shipmentPaymentCouponContainers div.paymentTypesContainer span.paymentsTitle
                {
                    font-weight     : bold;
                    white-space     : nowrap; 
                    float           : right;                     
                    margin-left     : 5px;
                    text-align      : right;                    
                    display         : inline-block;
                    line-height     : 27px;
                }
                
                div.shipmentPaymentCouponContainers div.paymentTypesContainer span.ui-selectmenu-button
                {
                    height          : 26px;
                }
                
                    div.shipmentPaymentCouponContainers div.paymentTypesContainer span.ui-selectmenu-button span.ui-selectmenu-text
                    {
                        padding-top : 0.2em;
                    }
            */

div.shipmentPaymentCouponContainers div.couponContainer {
    padding-top: 5px;
    margin-top: 10px;
    padding-right: 10px;
}

body.ltr div.shipmentPaymentCouponContainers div.couponContainer {
    padding-right: 0px;
    padding-left: 10px;
}

div.shipmentPaymentCouponContainers div.couponContainer span,
div.shipmentPaymentCouponContainers div.couponContainer > label 
{
    font-size: 16px;
}

    div.shipmentPaymentCouponContainers div.couponContainer span.errCoupon {
        font-size: inherit;
        color: Red;
    }

div.shipmentPaymentCouponContainers div.couponContainer div {
    display: inline-block;
    padding-top: 5px;
}

    div.shipmentPaymentCouponContainers div.couponContainer div input[type=text] {
        width: 145px;
    }

    div.shipmentPaymentCouponContainers div.couponContainer div a {
        color: #000000;
    }

        div.shipmentPaymentCouponContainers div.couponContainer div a span {
            font-weight: bold;
            text-decoration: underline;
        }


table.orderDetailsSummary div.detailsSummary {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

body.ltr table.orderDetailsSummary div.detailsSummary {
    margin-right: 0px;
    margin-left: 30px;
}

table.orderDetailsSummary div.detailsSummary div.summaryTitle {
    font-size: 14px;
    font-weight: bold;
    /*margin-right      : 30px; */
    line-height: 20px;
}

table.orderDetailsSummary div.detailsSummary div.generalSummary {
    width: 330px;
    text-align: left;
}

body.ltr table.orderDetailsSummary div.detailsSummary div.generalSummary {
    text-align: right;
}

table.orderDetailsSummary div.detailsSummary div.generalSummary div {
    line-height: 20px;
}

    table.orderDetailsSummary div.detailsSummary div.generalSummary div span {
        font-weight: bold;
    }

        table.orderDetailsSummary div.detailsSummary div.generalSummary div span.propertySummary 
        {
            width           : 90px;
            display         : inline-block;
            text-align      : right;
            padding-right   : 20px;
            white-space     : nowrap;
        }

body.ltr table.orderDetailsSummary div.detailsSummary div.generalSummary div span.propertySummary 
{
    text-align              : left;
    padding-right           : 0px;
    padding-left            : 20px;
}

div.catalogOrderForm td.orderDetails .pick-up-details-wrapper
{
    /*padding-right       : 10px;*/
}

    div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div
    {
        border-bottom   : solid 1px #c3c3c3;
        margin-bottom   : 10px;
        padding-bottom  : 10px; 
        font-size       : 16px;
    }

        div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div
        {
            margin-right: 10px;
            display     : inline-table;
        }

        div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:first-child > span
        {
            margin-left : 5px;
            font-weight : bold;
        }

        div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div div
        {
            display     : inline-block;
        }

            div.catalogOrderForm td.orderDetails .pick-up-details-wrapper span.pick-up-details-sep
            {
                margin  : 0px 10px;
            }

            div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:last-child span:last-child
            {
                margin  : 0px;
            }

@media screen and (max-width: 767px)
{
    div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div
    {
        margin              : 0px;
        padding             : 0px 15px;
    }
}

@media screen and (max-width: 450px)
{
    div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:first-child
    {
        display             : table-row;
    }

    div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:last-child
    {
        display             : inline-table;
    }

        div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:last-child div
        {
            display         : table-row;
        }

            div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:last-child div span
            {
                display     : table-cell;
                padding-left: 5px;
            }

            div.catalogOrderForm td.orderDetails .pick-up-details-wrapper > div > div > div:last-child div span.pick-up-details-sep
            {
                display     : none;
            }
}

div.catalogOrderForm table.contactInformation 
{
    width               : 100%;
    direction           : rtl;
    margin              : 12px 0px 0px 0px;
    border-style        : none;
    border-width        : 0px;
}

    div.catalogOrderForm table.contactInformation tr.contactInformationTitle 
    {
        height          : 29px;
    }

table.contactInformation tr.contactInformationTitle td span 
{
    font-weight         : bold;
}

table.contactInformation tr.contactInformationTitle span.mandatoryFieldsComment 
{
    margin-right        : 15px;
    font-weight         : normal;
}

div.catalogOrderForm table.contactInformation .userDetails,
div.catalogOrderForm table.contactInformation table.shipmentAddress 
{
    width               : 100%;
    border-width        : 0px;
    margin-bottom       : 10px;
    padding-bottom      : 20px;
}

div.catalogOrderForm table.contactInformation .userDetails 
{
    border-bottom       : solid 1px #c3c3c3;
}


table.contactInformation .userDetails div.detailsBlock > div
{
    display             : table;
    width               : 100%;
}

    table.contactInformation .userDetails div.detailsBlock > div > div
    {
        display         : table-row;
        height          : 43px;
    }

        table.contactInformation .userDetails div.detailsBlock > div > div > div
        {
            display     : table-cell;
        }

table.contactInformation .userDetails div.detailsBlock table tr,
table.contactInformation table.shipmentAddress div.detailsBlock table tr 
{
    height              : 43px;
}

table.contactInformation .userDetails div.detailsBlock,
table.contactInformation table.shipmentAddress div.detailsBlock 
{
    display             : inline-block;
    vertical-align      : top;
}

    table.contactInformation .userDetails div.detailsBlock .full-name-remark,
    table.contactInformation .userDetails div.detailsBlock .full-address-remark 
    {
        height          : auto;
    }

        table.contactInformation .userDetails div.detailsBlock .full-name-remark td,
        table.contactInformation .userDetails div.detailsBlock .full-name-remark > div,
        table.contactInformation .userDetails div.detailsBlock tr.full-address-remark td,
        table.contactInformation .userDetails div.detailsBlock .full-address-remark > div
        {
            padding-bottom  : 2px;
            padding-right   : 1px;
        }

        table.contactInformation .userDetails div.detailsBlock .full-name-remark span,
        table.contactInformation .userDetails div.detailsBlock .full-address-remark span 
        {
            color       : #626066;
            font-size   : 12px;
        }

    /*table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel,
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue
    {
        display         : table-cell;
    }*/

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel,
    table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyLabel 
    {
        vertical-align  : top;
        width           : 113px;
        line-height     : 27px;
        padding-left    : 6px;
    }

        table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel span,
        table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel label,
        table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyLabel span,
        table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyLabel label 
        {
            font-weight : bold;
            font-size   : 12px;
            white-space : nowrap;
            margin-right: 6px;
        }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue,
    table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyValue 
    {
        vertical-align  : top;
    }

    table.contactInformation .userDetails div.detailsBlock.right-details-block .detailsPropertyValue,
    table.contactInformation table.shipmentAddress div.detailsBlock.right-details-block td.detailsPropertyValue 
    {
        padding-left    : 31px;
    }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue input[type=text],
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue textarea,
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue select,
    table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyValue input[type=text],
    table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyValue textarea 
    {
        border          : solid 1px #a3a1a0;
        padding         : 2px 5px;
        font-size       : 14px;
        width           : 220px;
        max-width       : 220px;
        /*min-width     : initial;*/
        /*height        : 20px;*/
    }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue input[type=text],
    table.contactInformation table.shipmentAddress div.detailsBlock td.detailsPropertyValue input[type=text] 
    {
        height          : 20px;
    }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue textarea 
    {
        height          : 106px;
        max-height      : 106px;
        min-height      : 106px;
        min-width       : 220px;
        resize          : none;
    }

        table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue textarea.abbreviated-mode 
        {
            height      : 63px;
            min-height  : 63px;
            max-height  : 106px;
            resize      : vertical;
        }

    table.contactInformation .userDetails div.detailsBlock .detailsPropertyValue select
    {
        height          : 26px;
        width           : 232px;
        max-width       : 232px;
        padding         : 0px;
    }

    body:not(.responsiveBody) table.contactInformation .userDetails div.detailsBlock tr.abbreviated-mode td,
    body:not(.responsiveBody) table.contactInformation .userDetails div.detailsBlock .abbreviated-mode > div
    {
        vertical-align  : bottom;
    }

        body:not(.responsiveBody) table.contactInformation .userDetails div.detailsBlock .abbreviated-mode .detailsPropertyLabel span,
        body:not(.responsiveBody) table.contactInformation .userDetails div.detailsBlock .abbreviated-mode .detailsPropertyLabel label
        {
            margin-bottom   : -3px;
            display         : inline-block;
        }

        body:not(.responsiveBody) table.contactInformation .userDetails div.detailsBlock .abbreviated-mode .detailsPropertyValue select 
        {
            margin-bottom   : -2px;
        }

div.catalogOrderForm table.contactInformation td.toggleShipmentAddress 
{
    padding             : 6px;
    padding-right       : 0px;
}

div.catalogOrderForm table.contactInformation table.purchaseOptions 
{
    width               : 100%;
    border-width        : 0px;
    margin-bottom       : 10px;
}

    div.catalogOrderForm table.contactInformation table.purchaseOptions td 
    {
        padding-right   : 141px;
    }


div.catalogOrderForm input[type=checkbox] /*,
    div.catalogOrderForm input[type=radio]*/ 
{
    vertical-align      : -2px;
}

div.divTermsOfUse 
{
    display             : none;
    position            : absolute;
    width               : 470px;
    height              : 300px;
    background-color    : #606060;
    z-index             : 3000;
}

div.divCustomerPickupText 
{
    display             : none;
    position            : absolute;
    /*width             : 470px;
	height              : 400px;*/
    background-color    : #606060;
    z-index             : 3000;
    width               : auto;
    height              : auto;
    /*padding-bottom    : 15px;*/
    padding             : 0px 15px 15px;
}

div.divInnerTermsOfUse 
{
    width               : 423px;
    height              : 240px;
    overflow            : auto;
    padding             : 15px;
    background-color    : #fff;
    margin              : 0 auto;
    clear               : both;
    color               : Black;
}

div.divInnerCustomerPickupText 
{
    /*width             : 422px;
	height              : 340px;*/
    width               : auto;
    height              : auto;
    overflow            : auto;
    padding             : 15px;
    background-color    : #fff;
    margin              : 0 auto;
    clear               : both;
}

td.tdDeliveryByBasketOptions 
{
    width               : 18px;
    max-width           : 18px;
    padding             : 0px;
    padding-right       : 6px;
    /*vertical-align    : top;*/
}

    td.tdDeliveryByBasketOptions table 
    {
        /*margin-top    : -4px;*/
    }

        td.tdDeliveryByBasketOptions table label 
        {
            display     : none;
        }

@media screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) 
{
    table.contactInformation .userDetails div.detailsBlock .detailsPropertyLabel span,
    table.contactInformation table.shipmentAddress div.detailsBlock .detailsPropertyLabel span 
    {
        margin-right    : 0px;
    }
}

/*#region Participant details - Start */

.participants-details-container 
{ 
    width               : 100%;
    display             : inline-block;
    direction           : rtl;

}
    .participants-details-container > div:first-child 
    { 
        font-weight     : bold; 
    }

    .participants-details-container .participant-details 
    {
        border-bottom   : solid 1px #c4c4c4;
        padding         : 14px 0px; 
    }

        .participants-details-container .participant-details > div > div 
        { 
            height      : 46px; 
            /*line-height : 46px; */
        }


            .participant-details span.heb-name 
            { 
                margin-left : 12px; 
            }
            
            .participant-details span.eng-name 
            { 
                margin-left : 11px; 
            }
            
            .participant-details input[type=text] 
            { 
                width       : 114px; 
                border-color: #a3a1a0; 
            }
            
            .participant-details input.first-name, 
            .participant-details span.birth-date 
            { 
                margin-left : 19px; 
            }
            
            .participant-details input.last-name 
            { 
                margin-left : 19px; 
            }

            .participant-details span.passport 
            { 
                margin-left : 6px; 
            }
            
            .participant-details input.passport 
            { 
                width       : 95px; 
                direction   : ltr; 
            }
            
            .participant-details select 
            { 
                border-color: #a3a1a0; 
                height      : 28px; 
                direction   : rtl; 
            }

            .participant-details select.DaysDropDown, 
            .participant-details select.MonthsDropDown 
            { 
                float       : left; 
                margin-right: 8px; 
            }
            
            .participant-details .participant-no-container 
            { 
                display     : table-cell;
                height      : 100%; 
            }
            
                .participant-details .participant-no-container > span 
                { 
                    height              : 100%;
                    background-color    : #dcdcdc;
                    display             : table;
                    margin-left         : 11px; 
                }
            
                    .participant-details .participant-no-container > span > span 
                    { 
                        width           : 56px; 
                        font-size       : 35px; 
                        font-weight     : bold; 
                        color           : #8a8a8a; 
                        text-align      : center; 
                        display         : table-cell; 
                        vertical-align  : middle; 
                    }

                .participant-details-container 
                { 
                    display             : table-cell;
                    vertical-align      : top; 
                }

                    .participant-details-container > div 
                    { 
                        display         : inline-table; 
                    }

                        .participant-details-container > div > div 
                        { 
                            display         : table-cell;
                            vertical-align  : top; 
                        }


                    .participant-name-container > div > span 
                    { 
                        display             : table-cell; 
                        height              : 46px; 
                        vertical-align      : top;
                    }

                    .participant-name-container input[type=text] 
                    { 
                        width               : 140px;
                        height              :24px;
                        padding             : 1px 5px;
                    }

                    .participant-name-container input[type=text].last-name 
                    { 
                        width           : 147px;
                    }

                    .participant-gender-bdate-id-passport-container > div 
                    { 
                        display         : table;
                    }

                    .participant-gender-bdate-id-passport-container > div:first-child 
                    { 
                        height          : 46px;
                    }

                    .participant-gender-bdate-id-passport-container > div > div 
                    { 
                        display         : table-cell; 
                        white-space     : nowrap;
                    }

                    .participant-gender-bdate-id-passport-container span:not(.mandatory-field),
                    .participant-gender-bdate-id-passport-container label
                    { 
                        font-size       : 12px;
                        font-weight     : bold;
                    }

                        .participant-gender-container,
                        .participant-birth-date-container,
                        .participant-teudat-zehut-container
                        {
                            height          : 46px;
                            vertical-align  : top;
                        }

                            .participant-gender-container span:first-child 
                            { 
                                margin-left : 8px;
                            }

                            .participant-gender-container select 
                            { 
                                width       : 75px; 
                                height      : 28px;
                            }

                        .participant-birth-date-container > span 
                        { 
                            margin-right    : 17px; 
                            margin-left     : 11px;
                            vertical-align  : text-bottom;
                        }

                        .participant-birth-date-container > div 
                        { 
                            display         : inline-block;
                            vertical-align  : top;
                        }

                        .participant-teudat-zehut-container span:first-child 
                        { 
                            margin-right    : 21px; 
                            margin-left     : 11px;
                        }

                        .participant-teudat-zehut-container input[type=text] 
                        { 
                            width           : 105px;
                            height          : 24px;
                            padding         : 1px 5px;
                        }

                        .participant-passport-no-container span:first-child 
                        { 
                            margin-right    : 21px; 
                            margin-left     : 11px;
                        }

                        .participant-passport-no-container input[type=text] 
                        { 
                            width           : 95px;
                            height          : 24px;
                            padding         : 1px 5px;
                        }

    .participants-details-container span.mandatory-field 
    { 
        line-height         : initial; 
        height              : initial;
    }

@media screen and (min-width: 961px)
{
    .participants-details-container .participant-details > div > div 
    { 
        height              : auto;
        line-height         : initial;
    }

    .participant-name-container > div:not(:first-child) > span 
    { 
        height              : auto !Important;
    }
}

@media screen and (max-width: 960px)
{
    .participant-details-container > div > div 
    { 
        display             : table; 
        width               : 100%;
    }

    .participant-name-container > div 
    { 
        display             : table; 
        width               : 100%;
    }

    .participant-name-container > div > span 
    { 
        width               : 50%;
    }

    .participant-name-container > div > span:not(:first-child) 
    { 
        text-align          : left;
    }

    .participant-name-container input[type=text], 
    .participant-name-container input[type=text].last-name 
    { 
        width               : 90%; 
        margin-left         : 0px;
    }

    .participant-gender-bdate-id-passport-container > div 
    { 
        width               : 100%;
    }

    .participant-passport-no-container 
    { 
        text-align          : left;
    }

    .participant-passport-no-container input[type=text] 
    { 
        width               : 105px;
    }
}

@media screen and (max-width: 630px)
{
    .participant-no-container > span > span 
    { 
        width               : 35px;
    }

    .participant-teudat-zehut-container 
    { 
        display             : table-row !important;
    }

        .participant-teudat-zehut-container > span 
        { 
            margin-right    : 0px !important;
        }

    .participant-birth-date-container 
    { 
        text-align          : left;
    }

        .participant-birth-date-container > span 
        { 
            margin-right    : 0px;
        }
}

@media screen and (max-width: 530px)
{
    .participant-no-container > span > span 
    { 
        width               : auto !Important; 
        padding             : 0px 2px !Important;
    }

    .participant-valid-passport-container
    {
        min-height          : 35px;
    }

    .participant-valid-passport-container, 
    .participant-passport-no-container 
    { 
        display             : block !Important; 
        text-align          : right;
    }

        .participant-passport-no-container > span 
        { 
            margin-right    : 0px !Important;
        }
}

@media screen and (max-width: 470px)
{
    .participant-details-container 
    { 
        width               : 100%;
    }

        .participant-details-container > div 
        { 
            display         : inline;
        }

    .participant-gender-container, 
    .participant-birth-date-container 
    { 
        display             : block !Important;
    }

    .participant-birth-date-container 
    { 
        text-align          : right !Important;
    }   
     
    .participant-name-container > div > span 
    { 
        display             : table-row; 
        text-align          : right !Important; 
        height              : 35px;
    }

    .participant-name-container > div > span:not(:first-child) 
    { 
        line-height         : initial;
    }

    .participant-gender-bdate-id-passport-container > div > div
    {
        height              : auto;
        min-height          : 35px;
    }

    .participant-gender-bdate-id-passport-container > div:not(:first-child) > div 
    { 
        line-height         : 35px;
    }
}

/*#endregion Participant details - End */

/*#endregion Catalog order form - End */

/*#region Albums view - Start */

div.responsiveAlbumsContainer,
div.staticAlbumsContainer {
    display: inline-block;
    width: 100%;
}

    div.responsiveAlbumsContainer > ul,
    div.staticAlbumsContainer > ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    div.responsiveAlbumsContainer li.liAlbum,
    div.staticAlbumsContainer li.liAlbum {
        display: inline-block;
        vertical-align: top;
        float: right;
        padding: 1px 0px;
    }

body.ltr div.responsiveAlbumsContainer li.liAlbum,
body.ltr div.staticAlbumsContainer li.liAlbum {
    float: left;
}

div.responsiveAlbumsContainer li.liAlbum > div,
div.staticAlbumsContainer li.liAlbum > div {
    display: table;
    margin: auto;
    width: 230px;
    height: 210px;
}

li.liAlbum td.albumContainer {
    padding: 10px 0px;
    border-width: 0px;
    border-style: none;
    line-height: 150%;
    vertical-align: top;
    text-align: center;
    direction: rtl;
}

    li.liAlbum td.albumContainer table {
        width: 100%;
    }

td.albumContainer td.albumTopContainer {
    text-align: center;
    vertical-align: top;
}

td.albumTopContainer div.albumImgContainer {
    clear: both;
}

    td.albumTopContainer div.albumImgContainer table {
        margin: 0px auto;
    }

        td.albumTopContainer div.albumImgContainer table td {
            text-align: center;
            vertical-align: middle;
            height: 160px;
        }

div.albumImgContainer div.imgContainer img {
    max-height: 160px;
    width: auto;
    max-width: 100%;
    border-width: 0px;
}

div.responsiveAlbumsContainer li.liAlbum td.listItemTitle,
div.staticAlbumsContainer li.liAlbum td.listItemTitle {
    height: 30px;
}

li.liAlbum td.listItemTitle span {
    font-weight: bold;
}

div.responsiveAlbumsContainer li.liHorizontalSep,
div.staticAlbumsContainer li.liHorizontalSep {
    width: 100%;
    float: right;
    padding: 1px;
    margin: 1px 0px;
}

div.responsiveAlbumsContainer li.liVerticalSep,
div.staticAlbumsContainer li.liVerticalSep {
    float: right;
    display: none;
    margin: 1px 0px;
}

body.ltr div.responsiveAlbumsContainer li.liHorizontalSep,
body.ltr div.staticAlbumsContainer li.liHorizontalSep,
body.ltr div.responsiveAlbumsContainer li.liVerticalSep,
body.ltr div.staticAlbumsContainer li.liVerticalSep {
    float: left;
}

/*#endregion Albums view - End */

/*#region AlbumPicsDataList - Start */

td.albumPic a, td.albumPic a:hover, td.albumPic a:visited, td.albumPic a:visited:hover {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

div.responsivePicsDLContainer,
div.responsiveHPPicsDLContainer {
    display: inline-block;
    width: 100%;
}

    div.responsivePicsDLContainer ul,
    div.responsiveHPPicsDLContainer ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    div.responsivePicsDLContainer li.liAlbumPicItem,
    div.responsiveHPPicsDLContainer li.liHPAlbumPicItem {
        display: inline-block;
        vertical-align: top;
        float: right;
        padding: 1px 0px;
    }

body.ltr div.responsivePicsDLContainer li.liAlbumPicItem,
body.ltr div.responsiveHPPicsDLContainer li.liHPAlbumPicItem {
    float: left;
}

div.responsivePicsDLContainer li.liAlbumPicItem > div,
div.responsiveHPPicsDLContainer li.liHPAlbumPicItem > div {
    display: table;
    margin: auto;
}

div.responsivePicsDLContainer li.liHorizontalSep {
    width: 100%;
    float: right;
    padding: 1px;
    margin: 1px 0px;
}

div.responsivePicsDLContainer li.liVerticalSep {
    float: right;
    display: none;
    margin: 1px 0px;
}

body.ltr div.responsivePicsDLContainer li.liHorizontalSep,
body.ltr div.responsivePicsDLContainer li.liVerticalSep {
    float: left;
}

/*#endregion AlbumPicsDataList - End */

/*#region AlbumsList - Start */

.horizFloatRight {
    float: right;
    padding-left: 15px;
}

.horizFloatLeft {
    float: left;
    padding-right: 15px;
}

/*#endregion AlbumsList - End */

/*#region ContentDataList - Start */

div.responsiveContentDLContainer {
    display: inline-block;
    width: 100%;
}

    div.responsiveContentDLContainer > ul,
    div.contentSummariesContainer > ul,
    div.content-feature-templates-container > ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    div.responsiveContentDLContainer li.liContentItem,
    div.contentSummariesContainer li.liContentSummaryItem,
    div.content-feature-templates-container li.content-template-item {
        display: inline-block;
        vertical-align: top;
        float: right;
        padding: 1px 0px;
    }

body.ltr div.responsiveContentDLContainer li.liContentItem,
body.ltr div.contentSummariesContainer li.liContentSummaryItem,
body.ltr div.content-feature-templates-container li.content-template-item {
    float: left;
}

div.responsiveContentDLContainer li.liContentItem > div div.contentSummariesContainer li.liContentSummaryItem > div,
div.content-feature-templates-container li.content-template-item > div {
    display: table;
    margin: auto;
    border-collapse: collapse;
}

div.responsiveContentDLContainer li.liHorizontalSep {
    width: 100%;
    float: right;
    padding: 1px;
    margin: 1px 0px;
}

body.ltr div.responsiveContentDLContainer li.liHorizontalSep {
    float: left;
}

div.responsiveContentDLContainer li.liVerticalSep {
    float: right;
    display: none;
    margin: 1px 0px;
}

body.ltr div.responsiveContentDLContainer li.liVerticalSep {
    float: left;
}

/*#endregion ContentDataList - End */

/*#region ComplementaryContents - End */

div#staticCContentsDLContainer table.tblItemContent span.summaryContent,
div#responsiveCContentsDLContainer li.liContentItem span.summaryContent {
    display: block;
    clear: both;
}

div#staticCContentsDLContainer table.tblItemContent div.fullArticle,
div#responsiveCContentsDLContainer li.liContentItem div.fullArticle {
    margin: 12px 0px;
    clear: both;
}

/*#endregion ComplementaryContents - End */

/*#region CART_LIST - Start */

div.cartContainer {
    clear: both;
}

    div.cartContainer div.scrollbar {
        position: relative;
        float: right;
        width: 4px;
        height: 167px;
    }

    div.cartContainer div.disable {
        display: none;
    }

    div.cartContainer div.scrollbar .track {
        background-color: #4e3100;
        height: 167px;
        width: 2px;
        position: relative;
        padding: 0 1px;
    }

        div.cartContainer div.scrollbar .track .thumb {
            height: 11px;
            top: 0px;
            border-radius: 5px;
            right: -2px;
            width: 9px;
            cursor: pointer;
            overflow: hidden;
            position: absolute;
            background-color: #9bb100;
        }

            div.cartContainer div.scrollbar .track .thumb .end {
                background-color: #9bb100;
                overflow: hidden;
                height: 5px;
                width: 9px;
            }



    div.cartContainer div.viewport {
        width: 95%;
        height: 167px;
        overflow: hidden;
        position: relative;
    }

    div.cartContainer div.overview {
        list-style: none;
        position: absolute;
        right: 7px;
        top: 0px;
        width: 100%;
    }

    div.cartContainer div.viewport div.overview div.orderItem {
        margin: auto;
        color: #533707;
        font-size: 13px;
        /*cursor                : default;*/
        border-bottom: 1px solid #e6e6e6;
        height: 38px;
        overflow: hidden;
        padding: 1px 5px;
        display: table;
        width: 100%;
    }

        div.cartContainer div.viewport div.overview div.orderItem div {
            display: table-cell;
            vertical-align: middle;
        }

            div.cartContainer div.viewport div.overview div.orderItem div.itemQuantity {
                height: 35px;
                width: 23px;
                text-align: center;
            }

            div.cartContainer div.viewport div.overview div.orderItem div.itemPricingBy {
                text-align: center;
                width: 26px;
            }

            div.cartContainer div.viewport div.overview div.orderItem div.itemName {
                text-align: right;
                padding-right: 5px;
                font-size: 11px;
                position: relative;
                padding-left: 10px;
            }

            div.cartContainer div.viewport div.overview div.orderItem div.itemImg {
                text-align: center;
                width: 52px;
                height: 33px;
            }

                div.cartContainer div.viewport div.overview div.orderItem div.itemImg img {
                    width: auto;
                    max-width: 46px;
                    height: auto;
                    max-height: 33px;
                }

/*#endregion CART_LIST - End */

/*#region Catalog recommended items*/

div.recommended-items-modal-container div.vertical-alignment-helper {
    width: auto;
    margin: 0px auto;
}

.recommended-items-container > div > div:not(:first-child) {
    border-right-style: solid;
    border-right-width: 1px;
    border-left-style: none;
}

body.ltr .recommended-items-container > div > div:not(:first-child) {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: none;
}

div#recommendedItemsModal div.modal-header,
div#itemAddedToPurchaseModal div.modal-header {
    border-bottom-style: none;
}

    div#recommendedItemsModal div.modal-header button,
    div#itemAddedToPurchaseModal div.modal-header button {
        float: right;
        margin-top: inherit;
    }

    div#recommendedItemsModal div.modal-header h3.modal-title {
        text-align: center;
    }

body.ltr div#recommendedItemsModal div.modal-header button,
body.ltr div#itemAddedToPurchaseModal div.modal-header button {
    float: left;
    margin-top: inherit;
}

div.recommended-items-container {
    width: 98%;
    text-align: center;
    margin: 0px auto;
}

    div.recommended-items-container > div {
        display: inline-table;
        width: 98%;
    }

div.recommended-item-container {
    display: inline-block;
    text-align: center;
    display: table-cell;
    max-width: 220px;
}

    div.recommended-item-container div.catalogItemVerImgContainer {
        position: relative;
    }

        div.recommended-item-container div.catalogItemVerImgContainer div.imgContainer {
            max-width: 170px;
            max-height: 170px;
            padding: 15px;
        }

    div.recommended-item-container div.recommended-item-title {
        min-height: 40px;
        width: 100%;
        display: inline-table;
    }

        div.recommended-item-container div.recommended-item-title div.listItemTitle {
            vertical-align: top;
            display: table-cell;
        }

div.recommended-item-title div.listItemTitle a {
    font-weight: bold;
    display: inline-block;
    max-width: 90%;
}
/*
                div.recommended-item-container > div td.listItemTitle
                {
                    height          : 40px;
                    vertical-align  : top;
                }

                    div.recommended-item-container > div td.listItemTitle a
                    {
                        font-weight : bold; 
                        display     : inline-block; 
                        max-width   : 90%;
                    }
                    */

div.recommended-item-container div.recommended-item-price-container {
    line-height: 33px;
}

div.recommended-item-price-container span.recommended-item-price-before {
    text-decoration: line-through;
    margin-right: 0px;
    margin-left: 5px;
}

body.ltr div.recommended-item-price-container span.recommended-item-price-before {
    margin-right: 5px;
    margin-left: 0px;
}

div.recommended-item-price-container span.recommended-item-price {
    font-weight: bold;
    font-size: 1.2em;
}

div#recommendedItemsModal div.modal-footer,
div#itemAddedToPurchaseModal div.modal-footer {
    text-align: center;
    border-top-style: none;
}

    div#recommendedItemsModal div.modal-footer button,
    div#itemAddedToPurchaseModal div.modal-footer button {
        cursor: pointer;
        border-style: none;
    }

@media (min-width: 768px) {
    .recommended-items-modal-container .modal-dialog {
        width: auto;
    }
}

@media (max-width: 768px), (max-width: 812px) and (orientation: landscape) {
    .recommended-items-container > div {
        display: block !important;
        width: auto !important;
    }

        .recommended-items-container > div > div.recommended-item-container {
            display: block !important;
            border-right-style: none !important;
            border-left-style: none !important;
            width: auto !important;
            max-width: 300px;
        }

        .recommended-items-container > div > div:not(:first-child) {
            border-style: none;
            border-top-style: solid;
            border-top-width: 1px;
            margin-top: 20px;
        }

    .recommended-item-container .catalogItemVerImgContainer > table {
        margin: 0px auto;
    }
}

/*#endregion Catalog recommended items*/

/*#region ScrollTopIcon */

div.scrollTopIcon 
{
    background-color    : #6e6e6e;
    border              : 1px solid #ffffff;
    filter              : alpha(opacity=80);
    -moz-opacity        : 0.80;
    -khtml-opacity      : 0.80;
    opacity             : 0.80;
    position            : fixed;
    bottom              : 10px;
    display             : none;
    z-index             : 1000;
    right               : 20px;
}

body:not(.acc-keyboard-navigation) div.scrollTopIcon.child-got-focus
{
    border-width        : 3px !important;
}

    div.scrollTopIcon a 
    {
        display         : block;
        color           : #ffffff;
        padding         : 12px;
        line-height     : 16px;
        font-size       : 14px;
        text-decoration : none;
    }

/*#endregion ScrollTopIcon */

/*#region dForms - Start */

.dFormFieldBorderImagesWrapper 
{
    display         : inline-table;
    direction       : ltr;
}

    .dFormFieldBorderImagesWrapper > div 
    {
        display     : table-row;
    }

        .dFormFieldBorderImagesWrapper > div > div 
        {
            display : table-cell;
        }

.responsive-dform-fields-container 
{
    display         : table !important;
    margin-left     : auto !important;
    margin-right    : auto !important;
    width           : auto !important;
}

.responsive-dform-field-outer-container 
{
    display         : table-cell;
    vertical-align  : top;
}

    .responsive-dform-field-outer-container > div > div 
    {
        display     : inline-block;
    }

.responsive-dform-field-seperator 
{
    display         : table-cell;
    width           : 10px;
}

.dform-input-error:focus 
{
    outline         : none; 
}

textarea.dform, input[type=text].dform 
{
    text-indent     : 5px;
}

.dform-container select 
{
    text-indent     : 2px;
}

@media screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) 
{
    /*
    .dform-container
    {
        height      : auto !important;
    }
    */

    .responsive-dform-fields-container 
    {
        width               : 96% !important;
    }

    .responsive-dform-field-outer-container 
    {
        display             : table;
        width               : 100%;
    }

        .responsive-dform-field-outer-container > div 
        {
            display         : table-row;
        }

            .responsive-dform-field-outer-container > div > div,
            .responsive-dform-field-outer-container > div > div.tdTextCell 
            {
                display     : table-cell;
                float       : none !important;
            }

        .responsive-dform-field-outer-container input[type=text] 
        {
            min-width       : 100%;
        }

    .responsive-dform-field-seperator 
    {
        display             : table-row;
        width               : initial;
        height              : 5px;
    }

    .responsive-dform-img-submit 
    {
        display             : none;
    }

    .responsive-dform-fields-container .responsive-dform-submit 
    {
        display             : block !important;
    }

    .responsive-dform-fields-container input[type=submit] 
    {
        width               : 100%;
        border-style        : none;
    }
}

@media screen and (max-width: 375px) 
{
    .responsive-dform-fields-container 
    {
        width: 93% !important;
    }
}

/*#endregion dForms - End */

/*#region Lead - Start */

a.read-more 
{
    padding: 0px 10px;
}

    a.read-more.lead-content-displayed 
    {
        padding : 0px;
        float   : left;
    }

body.ltr a.read-more.lead-content-displayed 
{
    float       : right;
}

/*#endregion Lead - End */

/*#region Wishlist - Start */

td.wishlist-outer-container 
{
    width                   : 100%;
    text-align              : left;
    vertical-align          : top;
}

    td.wishlist-outer-container > div 
    {
        margin              : 0px auto;
        width               : 100%;
        display             : inline-table;
    }

        td.wishlist-outer-container > div.rtl 
        {
            text-align      : right;
        }

        td.wishlist-outer-container > div.ltr 
        {
            text-align      : left;
        }

        td.wishlist-outer-container > div > div.ContentTitle 
        {
            display         : table-row;
        }

div.wishlist-container 
{
    direction               : rtl;
    /*margin                : 30px 0px;*/
    padding                 : 30px 0px;
}

body.ltr div.wishlist-container 
{
    direction               : ltr;
}

div.wishlist-item-container 
{
    display                 : inline-table;
    width                   : 100%;
}

    div.wishlist-item-container div.wishlist-item 
    {
        display             : table-row;
    }

div.wishlist-item div.wishlist-item-pic-container 
{
    display                 : table-cell;
    vertical-align          : top;
    padding-right           : 13px;
    padding-left            : 16px;
    width                   : 146px;
}

body.ltr div.wishlist-item div.wishlist-item-pic-container 
{
    padding-right           : 16px;
    padding-left            : 13px;
}

div.wishlist-item-pic-container div.wishlist-item-pic 
{
    border                  : solid 1px #efefef;
    width                   : 146px;
    height                  : 146px;
    min-width               : 146px;
    min-height              : 146px;
    vertical-align          : middle;
    display                 : table-cell;
}

    div.wishlist-item-pic-container div.wishlist-item-pic img 
    {
        border-width        : 0px;
        max-width           : 100%;
        height              : auto;
        border              : 0px;
    }

div.wishlist-item div.wishlist-item-details 
{
    display                 : table-cell;
    vertical-align          : top;
    width                   : 100%;
}

div.wishlist-item-details div.wishlist-item-price-container 
{
    margin-top              : 10px;
}

div.wishlist-item-price-container div.wishlist-item-price-before 
{
    text-decoration         : line-through;
}

div.wishlist-item-price-container div.wishlist-item-price span 
{
    font-weight             : bold;
}

    div.wishlist-item-price-container div.wishlist-item-price span.item-price 
    {
        font-size           : 1.2em;
    }

div.wishlist-item div.wishlist-item-added-date-container 
{
    display                 : table-cell;
    vertical-align          : top;
    width                   : 185px;
    float                   : left;
    margin-left             : 15px;
    text-align              : left;
    white-space             : nowrap;
}

body.ltr div.wishlist-item div.wishlist-item-added-date-container 
{
    float                   : right;
    margin-left             : 0px;
    margin-right            : 15px;
    text-align              : right;
}

div.wishlist-item div.wishlist-item-added-date-container a 
{
    display                 : block;
}

div.wishlist-container div.wishlist-sep 
{
    height                  : 1px;
    background-color        : #efefef;
    margin                  : 14px 0px;
}

div.wishlist-empty-msg-container 
{
    text-align              : center;
    margin-top              : 117px;
}

    div.wishlist-empty-msg-container > div 
    {
        margin-bottom       : 30px;
    }

@media screen and (max-width: 970px) 
{
    div.wishlist-item div.wishlist-item-added-date-container 
    {
        width               : auto;
    }
}

@media screen and (max-width: 600px) 
{
    div.wishlist-item div.wishlist-item-pic-container 
    {
        width               : 130px;
    }

    div.wishlist-item-pic-container div.wishlist-item-pic 
    {
        width               : 130px;
        height              : 130px;
        min-width           : 130px;
        min-height          : 130px;
    }

    div.wishlist-empty-msg-container 
    {
        margin-top          : 40px;
    }

        div.wishlist-empty-msg-container > div 
        {
            margin-bottom   : 15px;
        }
}

@media screen and (max-width: 470px) 
{
    div.wishlist-item div.wishlist-item-pic-container 
    {
        width       : 100px;
    }

    div.wishlist-item-pic-container div.wishlist-item-pic 
    {
        width       : 100px;
        height      : 100px;
        min-width   : 100px;
        min-height  : 100px;
    }
}

@media screen and (max-width: 370px) 
{
    div.wishlist-outer-container,
    div.wishlist-outer-container > div.ContentTitle 
    {
        display     : initial;
    }

    div.wishlist-item-container,
    div.wishlist-item-container div.wishlist-item,
    div.wishlist-item div.wishlist-item-pic-container,
    div.wishlist-item div.wishlist-item-details,
    div.wishlist-item div.wishlist-item-added-date-container 
    {
        display     : block;
    }

    div.wishlist-item div.wishlist-item-pic-container 
    {
        padding     : 0px;
        margin      : 0px auto;
        width       : 146px;
    }

    div.wishlist-item-pic-container div.wishlist-item-pic 
    {
        width       : 146px;
        height      : 146px;
        min-width   : 146px;
        min-height  : 146px;
    }

    div.wishlist-item div.wishlist-item-details 
    {
        padding     : 15px;
        width       : auto;
    }

    div.wishlist-item div.wishlist-item-added-date-container 
    {
        float       : none;
        margin-left : 0px;
        text-align  : center;
    }
}

/*#endregion Wishlist - End */

/*#region Floating Cart - Start */

div.floating-cart-container 
{
    width               : 300px;
    height              : 460px;
    direction           : rtl;
    position            : fixed;
    z-index             : 10001;
    box-shadow          : 0px 4px 10px 0px rgba(0,0,0,.3);
    display             : none;
}

    div.floating-cart-container div.header 
    {
        height          : 41px;
        text-align      : center;
    }

        div.floating-cart-container div.header > div > span 
        {
            line-height : 41px;
        }

    div.floating-cart-container div.body 
    {
        height          : 319px;
    }

        div.floating-cart-container div.body div.cartContainer 
        {
            clear       : both;
        }

            div.floating-cart-container div.cartContainer div.scrollbar 
            {
                height          : 167px;
                position        : relative;
                float           : right;
                width           : 4px;
            }

            div.floating-cart-container div.cartContainer div.scrollbar div.track 
            {
                height          : 167px;
                background-color: black;
                width           : 2px;
                position        : relative;
                padding         : 0 1px;
                display         : none;
            }

            div.floating-cart-container div.cartContainer div.scrollbar div.track div.thumb 
            {
                top             : 0px;
                height          : 136.044px;
                border-radius   : 5px;
                right           : -2px;
                width           : 9px;
                cursor          : pointer;
                overflow        : hidden;
                position        : absolute;
                background-color: gray;
            }

            div.floating-cart-container div.cartContainer div.scrollbar div.track div.thumb  div.end 
            {
                background-color: gray;
                overflow        : hidden;
                height          : 5px;
                width           : 9px;
            }

            div.floating-cart-container div.viewport 
            {
                overflow        : hidden;
                position        : relative;
                height          : 319px;
            }

                div.floating-cart-container div.viewport div.overview 
                {
                    top         : 0px;
                    list-style  : none;
                    position    : absolute;
                    right       : 7px;
                    text-align  : left;
                }

            div.floating-cart-container div.overview > div 
            {
                display         : inline-block;
                text-align      : right;
            }

        div.floating-cart-container div.floating-cart-item 
        {
            height              : 100px;
            padding             : 18px 0px;
            margin              : auto;
            overflow            : hidden;
            display             : inline-table;
            width               : 98%;
            border-bottom-style : dashed;
            border-bottom-width : 1px;
        }

            div.floating-cart-item div.floating-image-container 
            {
                width               : 87px;
                display             : table-cell;
                vertical-align      : middle;
                border-left-style   : solid;
                border-left-width   : 1px;
            }

                div.floating-cart-item div.floating-image-container > table 
                {
                    margin          : 0px auto;
                }

            div.floating-cart-item div.floating-item-details 
            {
                display             : table-cell;
                vertical-align      : top;
                width               : 173px;
                padding-right       : 18px;
            }

                div.floating-item-details div.floating-item-title 
                {
                    height              : auto;
                    min-height          : 41px;
                    border-bottom-style : solid;
                    border-bottom-width : 1px;
                }

                    div.floating-item-details div.floating-item-title span.present-label
                    {
                        float           : left;
                    }

                    body.ltr div.floating-item-details div.floating-item-title span.present-label
                    {
                        float           : right;
                    }

                div.floating-item-details div.floating-item-price-remove 
                {
                    height              : 57px;
                    position            : relative;
                }

                    div.floating-item-price-remove div.floating-price-container 
                    {
                        display         : inline-block;
                        margin-top      : 8px;
                    }

                        div.floating-item-price-remove div.floating-price-container div.floating-item-quantity 
                        {
                            position    : absolute;
                            bottom      : 0px;
                            height      : 24px;
                        }

                    div.floating-item-price-remove div.floating-item-quantity > span 
                    {
                        display         : inline-block;
                        margin-bottom   : 2px;
                        vertical-align  : bottom;
                    }

                    div.floating-item-price-remove div.floating-item-quantity > div 
                    {
                        display         : inline-table;
                    }

            div.floating-item-quantity div.add-item,
            div.floating-item-quantity div.omit-item,
            div.floating-item-quantity div.item-quantity  
            {
                display                     : table-cell;
                height                      : 22px;
                text-align                  : center;
                line-height                 : 22px;
                vertical-align              : middle;
                border-style                : solid;
                border-width                : 1px;
            }

            div.floating-item-quantity div.add-item,
            div.floating-item-quantity div.omit-item 
            {
                width                       : 22px;
                cursor                      : pointer;
            }

            div.floating-item-quantity div.add-item input[type=submit],
            div.floating-item-quantity div.omit-item input[type=submit]
            {
                font-weight                 : inherit;
                font-size                   : inherit;
                color                       : inherit;
                font-family                 : inherit;
            }

            div.floating-item-quantity div.add-item
            {
                border-bottom-right-radius  : 5px;
                border-top-right-radius     : 5px;
            }

            div.floating-item-quantity div.omit-item 
            {
                border-bottom-left-radius  : 5px;
                border-top-left-radius     : 5px;
            }

                div.floating-item-quantity div.add-item input[type=submit],
                div.floating-item-quantity div.omit-item input[type=submit] 
                {
                    background-color        : transparent;
                    padding                 : 0px;
                    border-style            : none;
                    width                   : 22px;
                    cursor                  : pointer;
                }

            div.floating-item-quantity div.item-quantity 
            {
                width               : 33px;
                border-right-style  : none;
                border-left-style   : none;
            }

            div.floating-item-price-remove div.floating-remove-container 
            {
                display     : inline-block;
                width       : 21px;
                position    : absolute;
                left        : 0px;
                bottom      : 0px;
            }

        div.floating-cart-container div.floating-cart-item.bundle-item 
        {   
        }

            div.floating-cart-container div.floating-cart-item.bundle-item .floating-price-container > span
            {
                display     : none;
            }

            div.floating-cart-container div.floating-cart-item.bundle-item .add-item,
            div.floating-cart-container div.floating-cart-item.bundle-item .omit-item,
            div.floating-cart-container div.floating-cart-item.present-item .add-item,
            div.floating-cart-container div.floating-cart-item.present-item .omit-item
            {
                background-color: lightgray;
            }

            div.floating-cart-item.bundle-item div.floating-item-quantity div.add-item input[type=submit], 
            div.floating-cart-item.bundle-item div.floating-item-quantity div.omit-item input[type=submit],
            div.floating-cart-item.present-item div.floating-item-quantity div.add-item input[type=submit], 
            div.floating-cart-item.present-item div.floating-item-quantity div.omit-item input[type=submit]
            {
                cursor          : default;
            }

            div.floating-cart-container div.floating-cart-item.bundle-item .item-quantity span,
            div.floating-cart-container div.floating-cart-item.present-item .item-quantity span
            {
                color           : gray;
            }

    div.floating-cart-container div.footer 
    {
        height              : 99px;
        border-top-style    : solid;
        border-top-width    : 1px;
    }

        div.floating-cart-container div.footer div.total-cart-container 
        {
            margin-top      : 14px;
            margin-right    : 36px;
            margin-bottom   : 8px;
            display         : inline-block;
        }

            div.floating-cart-container div.footer div.total-cart-container > div 
            {
                display     : inline-block;
            }

        div.floating-cart-container div.footer div.floating-action-container 
        {
            text-align      : center;
        }

            div.floating-action-container .continue-to-checkout,
            div.floating-action-container input.close-floating-win  
            {
                border-radius   : 5px;
                border-style    : solid;
                border-width    : 1px;
                cursor          : pointer;
                height          : 40px;
            }

            div.floating-action-container .continue-to-checkout 
            {
                width           : 167px;
                margin-left     : 10px;
            }

                div.floating-action-container .continue-to-checkout img 
                {
                    border          : 0px;
                    vertical-align  : top;
                    margin-top      : 2px;
                    margin-left     : 5px;
                }

                div.floating-action-container .continue-to-checkout span 
                {
                    line-height     : 34px;
                    display         : inline-block;
                }

            div.floating-action-container input.close-floating-win 
            {
                width           : 79px;
            }

@media screen and (max-width: 960px) 
{
    body.responsiveBody div.floating-cart-container  
    {
        position    : fixed;
        left        : 50%;
        transform   : translate(-50%, -0%);
        transform   : -webkit-translate(-50%, -0%);
        transform   : -moz-translate(-50%, -0%);
        transform   : -ms-translate(-50%, -0%);
    }
}

/*#endregion Floating Cart - End */

/*#region Floating Search - End*/

body.responsiveBody div#floatingSearchWrapper
{
    display                     : none;
}

div#floatingSearchWrapper
{
    top                         : auto;
    left                        : 0;
    position                    : absolute;
    width                       : 100%;
    z-index                     : 8;
    right                       : 0px;
    margin                      : 0px auto;
}

    div#floatingSearchWrapper > div
    {
        margin                  : 0px auto;
        height                  : 100%;
        position                : relative;
    }

        div#floatingSearchWrapper > div .floating-search
        {
            width               : 100%; 
            height              : 100%;
            position            : absolute; 
            top                 : 0; 
            bottom              : 0; 
        }

            div#floatingSearchWrapper > div .floating-search > div
            {
                display         : table-cell;
                width           : 100%;
                vertical-align  : middle;
            }

            div#floatingSearchWrapper > div .floating-search > div.close-search,
            div#floatingSearchWrapper > div .floating-search > div.search-button
            {
                text-align      : center;
            }

            div#floatingSearchWrapper > div .floating-search > div.search-button > div > a
            {
                display         : block;
            }

                div#floatingSearchWrapper > div .floating-search > div.search-button > div > a:hover
                {
                    text-decoration: none;
                }

            div#floatingSearchWrapper > div .floating-search > div.close-search
            {
                position        : initial;
                cursor          : pointer;
            }


            div#floatingSearchWrapper > div .floating-search input[type=text]
            {
                /*text-indent   : 10px;*/
                border          : none; 
                height          : 100%; 
                width           : 100%; 
                background-color: transparent;
                padding         : 0px;
            }

            div#floatingSearchWrapper > div .floating-search input:focus 
            {
                outline         : none;
            }

            div#floatingSearchWrapper > div .floating-search > div.close-search i.fa-times,
            div#floatingSearchWrapper > div .floating-search > div.search-button i.fa-search
            {
                display         : block;
                font-size       : 1.5em;
            }

/*#endregion Floating Search - End*/

/*#region Countdown Mechanism - Start */

.countdown-wrapper
{
    display                 : inline-block;
}

.countdown-wrapper-bg-color
{
    padding                 : 12px 9px 8px 9px;
}

    .countdown-inner-container
    {
        direction           : ltr; 
        display             : inline-table;
    }

        .countdown-inner-container > div
        {
            display         : inline-block; 
            text-align      : center;
        }

            .countdown-inner-container > div > div:first-child > span
            {
                font-size   : 30px; 
                display     : inline-block;
                line-height : 30px;
            }

        .countdown-inner-container > span
        {
            vertical-align  : top; 
            font-size       : 30px; 
            padding         : 0px 3px;
            line-height     : 30px;
        }

/*#endregion Countdown Mechanism - End */

/* #region Middle Banners - Start */

ul.middle-banners,
ul.cols-banners
{
    margin              : 0px;
    padding             : 0px;
    list-style          : none;
}

    ul.middle-banners > li,
    ul.cols-banners > li
    {
        float           : right;
    }

    ul.cols-banners ul.middle-banners > li
    {
        float           : none;
    }

        ul.middle-banners > li img
        {
            max-width   : 100%;
            max-height  : 100%;
            width       : 100%;
            height      : auto;
            display     : block;
        }

@media screen and (min-width: 768px)
{
    ul.four-banners-list > li
    {
        width           : 24.7%;
    }

    ul.five-banners-list > li
    {
        width           : 19.68%;
    }

    ul.six-banners-list > li
    {
        /*width           : 16.33%;*/
        width: calc((100% - 60px) / 6);
    }

    ul.three-banners-list.half-by-quarters > li:not(:last-child) 
    {
        width           : 24.7%;
    }

    ul.three-banners-list.half-by-quarters > li:last-child
    {
        width           : 49.8%;
    }

    ul.three-banners-list.quarters-by-half > li:not(:first-child) 
    {
        width           : 24.7%;
    }

    ul.three-banners-list.quarters-by-half > li:first-child
    {
        width           : 49.8%;
    }

    ul.three-banners-list.two-fifths-by-one-by-two > li,
    ul.two-rows-banners-list.two-fifths-by-one-by-two > li,
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:first-child
    {
        width           : 39.76%;
    }

    ul.two-rows-banners-list.two-fifths-by-one-by-two > li
    {
        width           : 39.85%;
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:nth-child(odd)
    {
        /*width           : 33.06%;*/
        /*width: calc((100% - 36px) / 6 * 2);*/
        width: calc((100% - 60px) / 6 * 2 + 12px);
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:nth-child(even)
    {
        /*width           : 16.33%;*/
        /*width: calc((100% - 36px) / 6);*/
        width: calc((100% - 60px) / 6);
    }

    ul.three-banners-list.two-fifths-by-one-by-two > li:not(:first-child):not(:last-child),
    ul.two-rows-banners-list.two-fifths-by-one-by-two > li:not(:first-child):not(:last-child),
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:not(:first-child)
    {
        width           : 19.68%;
    }

    ul.two-rows-banners-list.two-fifths-by-one-by-two > li:not(:first-child):not(:last-child)
    {
        width           : 19.5%;
    }

    /*
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:not(:first-child)
    {
        width           : 59.84%;
    }

        ul.two-rows-banners-list.three-single-fifths-by-two-fifths ul.three-by-three-banners-list > li
        {
            width       : 32.93%;
        }
        */

    ul.top-banners-list:not(.no-bottom-banners-list) > li 
    {
        margin-bottom   : 0.4%;
    }

    /*ul.six-banners-list > li:not(:last-child),*/
    ul.five-banners-list > li:not(:last-child),
    /*ul.five-banners-list > li:not(:nth-child(5n)),*/
    ul.four-banners-list  > li:not(:last-child),
    ul.three-banners-list > li:not(:last-child),
    ul.two-rows-banners-list > li:not(:last-child)
    {
        margin-left     : 0.4%;
    }

    ul.six-banners-list > li:not(:last-child),
    ul.four-banners-list.sixes-banners-2x1x2x1 > li:not(:last-child)
    {
        margin-left     : 12px;
    }

    ul.top-banners-list.four-banners-list.sixes-banners-2x1x2x1:not(.no-bottom-banners-list) > li
    {
        margin-bottom   : 12px;
    }

    ul.five-banners-list > li:nth-child(5)
    {
        margin-left     : 0px;
    }

    ul.two-banners-list > li
    {
        width           : 49.8%;
        margin-bottom   : 0.4%;
    }

    ul.bottom-banners-list > li
    {
        margin-bottom   : 0px;
    }

    ul.two-banners-list > li:nth-child(odd)
    {
        margin-left     : 0.4%;
    }

    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.top-banners-list > li,
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths ul.top-banners-list > li
    {
        margin-bottom   : 1%;
    }

        ul.two-rows-banners-list.two-fifths-by-one-by-two ul.top-banners-list.one-by-one-banners-list > li
        {
            margin-bottom: 2.5%;
        }

        /*
        ul.two-rows-banners-list.three-single-fifths-by-two-fifths ul.top-banners-list.one-by-one-banners-list:not(:first-child) > li
        {
            margin-bottom: 2.1%;
        }
        */

        ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:not(:first-child) ul.top-banners-list.one-by-one-banners-list > li
        {
            margin-bottom: 2.1%;
        }

    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.middle-banners.top-banners-list li,
    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.one-by-one-banners-list li
    {
        float           : none;
        width           : -moz-available;          /* WebKit-based browsers will ignore this. */
        width           : -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width           : fill-available;
    }

    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.two-banners-list > li
    {
        /*width         : 49.45%;*/
        max-width       : 49.45%;
        width           : -moz-available;          /* WebKit-based browsers will ignore this. */
        width           : -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width           : fill-available;
    }

        ul.two-rows-banners-list.two-fifths-by-one-by-two ul.two-banners-list > li:nth-child(odd)
        {
            margin-left : 1.1%;
        }

    /*
    ul.two-rows-banners-list ul.three-by-three-banners-list > li:not(:last-child)
    {
        margin-left     : 0.6%;
    }

    ul.two-rows-banners-list ul.three-by-three-banners-list.top-banners-list > li
    {
        margin-bottom   : 0.8%;
    }
    */

    ul.middle-banners > li
    {
	    position        : relative;
    }

    ul.middle-banners > li a:after
    {
	    content             : "";
	    display             : block;
        position            : absolute;
	    top                 : 0px;
	    right               : 0px;
	    width               : 100%;
	    height              : 100%;
	    opacity             : 0;
        background-color    : black;
        -webkit-transition  : all .2s ease 0s;
        -moz-transition     : all .2s ease 0s;
        transition          : all 0.2s ease-in 0s;
    }

    /*#ctl02_ctl01_ulTwoBanners li:last-child:after
    {
        transition: .2s ease-in;
    }*/

    ul.middle-banners.banner-shading-effect > li a:hover:after
    
    {
	    opacity         : 0.5;
    }

    ul.middle-banners.banner-enlarge-effect > li a:hover img/*,
    ul.middle-banners > li a:focus img*/
    {
	    -webkit-transform: scale(1.15);
        transform        : scale(1.15);
    }

    .display-under-768
    {
        display         : none;
    }

    ul.middle-banners.two-cols-banners > li
    {
        width           : calc((100% - .2%) / 2);
    }

    ul.middle-banners.two-cols-banners > li:first-child
    {
        margin-left     : .2%;
    }

    ul.cols-banners > li:not(:last-child)
    {
        margin-left     : .4%;
    }

    ul.cols-banners ul.middle-banners li:not(:last-child)
    {
        margin-bottom   : 1.2%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px)
{
    ul.six-banners-list > li 
    {
        width           : 32.66%;
        width           : calc((100% - 24px) / 3);
    }

    ul.six-banners-list > li:not(:last-child),
    ul.four-banners-list.sixes-banners-2x1x2x1 > li
    {
        /*margin-left     : 1%;
        margin-bottom   : 1%;*/
        margin-left     : 12px;
        margin-bottom   : 12px;
    }

    /*
    this dosen't work because there is a hidden element that is not ignored
    ul.six-banners-list > li:nth-child(3n)
    {
        margin-left: 0px;
    }
    */

    ul.six-banners-list > li:nth-child(4),
    ul.six-banners-list > li:nth-child(7)
    {
        margin-left     : 0px;
    }

    ul.six-banners-list > li:nth-child(n+3)
    {
        margin-bottom   : 0px;
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:nth-child(odd)
    {
        width           : 66.33%;
        width           : calc((100% - 24px) / 3 * 2 + 12px);
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:nth-child(even)
    {
        width           : 32.66%;
        width           : calc((100% - 24px) / 3);
        margin-left     : 0px;
    }
}

@media screen and (max-width: 767px)
{
    ul.two-banners-list > li:nth-child(odd), 
    ul.three-banners-list > li,
    ul.four-banners-list > li,
    ul.five-banners-list > li,
    ul.two-rows-banners-list.two-fifths-by-one-by-two ul > li,
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths ul > li
    {
        margin-bottom   : 1%;
    }

    ul.top-banners-list.no-bottom-banners-list > li:last-child,
    ul.top-banners-list.no-bottom-banners-list > li:nth-last-child(2)
    {
        margin-bottom   : 0px;
    }

    ul.bottom-banners-list > li:last-child, 
    ul.bottom-banners-list.four-banners-list > li:nth-last-child(2),
    ul.bottom-banners-list.five-banners-list > li:nth-last-child(2)
    {
        margin-bottom   : 0px;
    }

    ul.four-banners-list > li,
    ul.five-banners-list > li,
    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.two-banners-list > li
    {
        width           : 49.5%;
    }

    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.one-by-one-banners-list,
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:not(:first-child) ul.one-by-one-banners-list
    {
        width           : 49.5%;
        display         : inline-block;
    }

        ul.two-rows-banners-list.two-fifths-by-one-by-two ul.one-by-one-banners-list:first-child,
        ul.two-rows-banners-list.three-single-fifths-by-two-fifths > li:not(:first-child) ul.one-by-one-banners-list:first-child
        {
            float       : right;
            margin-left : 1%;
        }

    ul.two-banners-list > li
    {
        width           : 100%;
    }

    ul.four-banners-list > li:nth-child(odd),
    ul.five-banners-list > li:nth-child(odd),
    ul.three-banners-list.half-by-quarters > li:first-child,
    ul.three-banners-list.quarters-by-half > li:nth-last-child(2),
    ul.two-rows-banners-list.two-fifths-by-one-by-two ul.two-banners-list > li:nth-child(odd),
    ul.two-rows-banners-list.three-single-fifths-by-two-fifths ul.two-banners-list > li:nth-child(odd)
    {
        margin-left     : 1%;
    }

    ul.three-banners-list.half-by-quarters > li:not(:last-child) 
    {
        width           : 49.5%;
    }

    ul.three-banners-list.half-by-quarters > li:last-child
    {
        width           : 100%;
    }

    ul.three-banners-list.quarters-by-half > li:not(:first-child) 
    {
        width           : 49.5%;
    }

    ul.three-banners-list.quarters-by-half > li:first-child
    {
        width           : 100%;
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:not(.two-sixes),
    ul.six-banners-list > li:not(.two-sixes)
    {
        width           : 49.5%;
        width           : calc((100% - 12px) / 2);
    }

    /*
    ul.four-banners-list.sixes-banners-2x1x2x1 > li:not(.two-sixes):nth-child(odd),
    ul.six-banners-list > li:not(.two-sixes):nth-child(odd)
    {
        width           : 49.5%;
        margin-left     : 0px;
    }
    */

    ul.four-banners-list.sixes-banners-2x1x2x1 > li.two-sixes,
    ul.six-banners-list > li.two-sixes
    {
        width           : 100%;
        margin-left     : 0px;
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li
    {
        margin-bottom   : 12px;
    }

    ul.four-banners-list.sixes-banners-2x1x2x1 > li:nth-child(2)
    {
        margin-left     : 12px;
    }

    ul.six-banners-list > li
    {
        margin-bottom   : 12px;
    }

    ul.six-banners-list > li:nth-child(1),
    ul.six-banners-list > li:nth-child(4),
    ul.six-banners-list > li:nth-child(6)
    {
        margin-left     : 12px;
    }

    ul.six-banners-list > li:nth-last-child(-n+2)
    {
        margin-bottom   : 0%;
    }

    .display-over-767
    {
        display         : none;
    }

    ul.middle-banners.two-cols-banners > li
    {
        width           : 100%;
    }

    ul.middle-banners.two-cols-banners > li:first-child
    {
        margin-bottom   : 1%;
    }

    ul.middle-banners.two-cols-banners > li:last-child li
    {
        width           : 49.5%;
        margin-bottom   : 1%;
    }

    ul.middle-banners.two-cols-banners > li:last-child ul:first-child li:first-child
    {
        width           : 100%;
    }

    ul.middle-banners.two-cols-banners > li:last-child ul:last-child li:last-child
    {
        margin-right    : 1%;
    }

    ul.cols-banners > li
    {
        float               : none;
        width               : 100% !important;
    }

        ul.cols-banners ul.middle-banners > li
        {
            margin-bottom   : 1%;
        }
}

/* #endregion Middle Banners - End */

/*#region Modal - Start */

/*Bug 4579*/
/*
.modal,
.modal *::before, 
.modal *::after 
{
    -moz-box-sizing     : initial;
    -webkit-box-sizing  : initial;
    box-sizing          : initial;
}
*/

.modal.fade.fade-modal .modal-dialog
{
    -webkit-transition  : opacity .3s ease-out !important;
    -moz-transition     : opacity .3s ease-out !important;
    -o-transition       : opacity .3s ease-out !important;
    transition          : opacity .3s ease-out !important;
    opacity             : 0;
    -webkit-transform   : none !important;
    -moz-transform      : none !important;
    -ms-transform       : none !important;
    -o-transform        : none !important;
    transform           : none !important;
}

.modal.fade.fade-modal.in .modal-dialog
{
    opacity             : 1; 
}

div.modal.fade-scale.in div.modal-content 
{
    width               : 95%;
}

div.modal-header.modal-header-no-border,
div.modal-footer.modal-footer-no-border
{
    border              : none;
}

.modal-content .modal-header h3 span 
{
    color               : black;
    display             : inline-block;
}

/*#region Secure Buy Link */

div.modal div.secure-buy-modal 
{
    width               : 100%;
}

div.secure-buy-modal div.modal-content 
{
    max-width           : 800px;
}

    div.secure-buy-modal div.modal-header div 
    {
        padding         : 0px 30px;
        font-size       : 18px;
    }

div.secure-buy-modal div.modal-body ul 
{
    list-style-type     : none;
    margin              : 0px;
    padding-right       : 30px;
    font-size           : 14px;
    line-height         : 25px;
}

div.secure-buy-modal div.modal-body span 
{
    font-size           : 14px;
    font-weight         : bold;
    line-height         : 45px;
    margin-right        : 30px;
}

div.secure-buy-modal div.modal-content-ltr 
{
    direction           : ltr;
}

    div.secure-buy-modal div.modal-content-ltr div.modal-body ul 
    {
        padding-right   : 0px;
        padding-left    : 30px;
    }

    div.secure-buy-modal div.modal-content-ltr div.modal-body span 
    {
        margin-right    : 0px;
        margin-left     : 30px;
    }


/*#endregion Secure Buy Link */

/*#region CatalogItem Video Modal */

div.modal div.item-video-modal 
{
    width               : 95%;
}

div.item-video-modal div.modal-content 
{
    max-width           : 670px;
}

div.item-video-modal div.modal-header 
{
    padding             : 10px 15px 5px;
}

div.item-video-modal div.modal-body 
{
    padding             : 0px 15px;
}

div.item-video-modal .yt-container 
{
    position            : relative;
    padding-bottom      : 56.25%;
    padding-top         : 30px;
    height              : 0px;
    overflow            : hidden;
}

    div.item-video-modal .yt-container iframe,
    div.item-video-modal .yt-container object,
    div.item-video-modal .yt-container embed 
    {
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        height          : 100%;
    }

div.item-video-modal div.modal-footer 
{
    padding             : 0px;
    padding-bottom      : 15px;
}

/*#region Video Stamp Icon */

.video-modal-container .fade-scale 
{
    transform           : scale(1);
    opacity             : 0;
    -webkit-transition  : all .25s linear;
    -o-transition       : all .25s linear;
    transition          : all .25s linear;
}

    .video-modal-container .fade-scale.in 
    {
        opacity         : 1;
        transform       : scale(1);
    }

div.video-stamp-icon 
{
    display             : inline-block;
    position            : absolute;
    bottom              : 0px;
    background-image    : url('/Images/layout/ico_video.png');
    background-position : center center;
    background-repeat   : no-repeat;
}

    div.video-stamp-icon.right 
    {
        right           : 0px;
    }

    div.video-stamp-icon.left 
    {
        left            : 0px;
    }

    div.video-stamp-icon > a.video-url 
    {
        
        display             : block;
        width               : 70px;
        height              : 66px;
    }

.content-video-icon-wrapper 
{
    position                : relative;
}

    .content-video-icon-wrapper > div.video-stamp-icon 
    {
        display             : table;
        width               : 100%;
        height              : 100%;
        top                 : 0px;
        margin-top          : auto;
        margin-bottom       : auto;
    }

        .content-video-icon-wrapper > div.video-stamp-icon > a.video-url 
        {
            background-image: none;
            display         : table-cell;
            text-align      : center;
            vertical-align  : middle;
        }

/*#endregion Video Stamp Icon */

/*#endregion CatalogItem Video Modal */

/*#region Wishlist Modal - Start */

div.modal.fade-scale.in 
{
    padding-right       : 0px !important;
}

div.modal div.item-video-modal.item-wishlist-modal div.modal-content
{
    max-width           : 300px;
}

div.item-wishlist-modal div.modal-header 
{
    padding-bottom      : 0px;
}

div.item-wishlist-modal div.modal-body 
{
    text-align          : center;
}

    /*
    div.item-wishlist-modal div.item-added-to-wishlist
    {
        margin  : 10px 0px;
    }
    */

/*#endregion Wishlist Modal - End */

/*#region Available delivery opts modal - Start */

.modal.fade .modal-dialog.available-delivery-opts-modal,
.modal.in .modal-dialog.available-delivery-opts-modal
{
	-webkit-transform   : none;
	transform           : none;
}

    div.available-delivery-opts-modal div.modal-header 
    {
        padding         : 15px;
    }

        div.available-delivery-opts-modal div.modal-header h3 
        {
            text-align  : center;
        }

    div.available-delivery-opts-modal div.modal-body 
    {
        padding         : 0 20px;
    }

        div.available-delivery-opts-modal .available-delivery-opts-wrapper 
        { 
            width       : 100% 
        }

            div.available-delivery-opts-modal .available-delivery-opts-wrapper ul 
            { 
                margin          : 0px; 
                padding         : 0px; width: 100%; 
                list-style      : none; 
            }

                div.available-delivery-opts-modal .available-delivery-opts-wrapper ul li
                {
                    white-space : nowrap;
                    clear       : both;
                    line-height : 30px;
                }
                
                    .available-delivery-opts-wrapper .available-delivery-opt 
                    { 
                        float   : right; 
                    }

                    BODY.ltr .available-delivery-opts-wrapper .available-delivery-opt 
                    { 
                        float   : left; 
                    }
                                    
                    .available-delivery-opts-wrapper .available-delivery-opt-price 
                    { 
                        float   : left;
                    }

                    BODY.ltr .available-delivery-opts-wrapper .available-delivery-opt-price 
                    { 
                        float   : right;
                    }

@media screen and (min-width: 400px)
{
    div.available-delivery-opts-modal div.modal-content 
    {
        max-width: 400px;
    }
}

/*#endregion available-delivery-opts-modal - End */

/*#region Ask about product Modal - Start */

.ask-about-product-modal
{
    width           : 100%;
}

    .ask-about-product-modal .modal-content 
    {
        width       : 95%; 
        max-width   : 470px;
    }

        .ask-about-product-modal .modal-content .modal-header
        {
            border          : none; 
            height          : 49px;
        }

            .ask-about-product-modal .modal-content .modal-header > div
            {
                font-size   : 18px; 
                text-align  : center;
            }

            .ask-about-product-modal .modal-content .modal-header h3 span
            {
                font-size   : 26px;
            }

        .ask-about-product-modal .modal-content .modal-body
        {
            padding         : 0px; 
            min-height      : 470px; 
            overflow        : hidden;
        }

            .ask-about-product-modal .modal-content .modal-body iframe
            {
                overflow    : hidden; 
                overflow-x  : hidden; 
                overflow-y  : hidden; 
                height      : 100%; 
                width       : 100%; 
                position    : absolute; 
                top         : 0px; 
                left        : 0px; 
                right       : 0px; 
                bottom      : 0px;
            }

        .ask-about-product-modal .modal-content .modal-footer
        {
            border          : none;
            padding         : 8px;
        }

/*#endregion Ask about product Modal - End */

/*#region Product added to order - Start */

/*
.modal.fade .modal-dialog.product-added-to-order-modal,
.modal.in .modal-dialog.product-added-to-order-modal 
{
    -webkit-transform: none;
    transform: none;
}
*/

.modal-dialog.product-added-to-order-modal .modal-content 
{
    max-width           : 800px;
}

div.product-added-to-order-modal div.modal-header h2,
div.product-added-to-order-modal div.modal-header h3 
{
    text-align          : center;
}

    div.product-added-to-order-modal div.modal-header h2 span,
    div.product-added-to-order-modal div.modal-header h3 span 
    {
        font-size       : 22px;
    }

div.product-added-to-order-modal div.modal-body 
{
    padding             : 20px;
    text-align          : center;
}

    div.product-added-to-order-modal div.modal-body button 
    {
        border-radius   : 5px;
        border-style    : solid;
        border-width    : 1px;
        cursor          : pointer;
        height          : 46px;
        padding         : 0px 21px;
        background-color: #373637;
    }

        div.product-added-to-order-modal div.modal-body button span 
        {
            display     : inline-block;
            line-height : 28px;
            font-size   : 22px;
            font-weight : bold;
            color       : white;
        }

@media screen and (min-width: 400px) 
{
    div.product-added-to-order-modal div.modal-content 
    {
        max-width       : 400px;
    }
}

/*#endregion Product added to order - End */

/*#region Remove item from cart - Start */

/*
.modal.fade .modal-dialog.product-added-to-order-modal,
.modal.in .modal-dialog.product-added-to-order-modal 
{
    -webkit-transform: none;
    transform: none;
}
*/

.modal-dialog.remove-item-from-cart-modal .modal-content 
{
    max-width           : 500px;
}

div.remove-item-from-cart-modal div.modal-header h3 
{
    text-align          : center;
}

    div.remove-item-from-cart-modal div.modal-header h3 span 
    {
        font-size       : 22px;
    }

div.remove-item-from-cart-modal div.modal-body 
{
    text-align          : center;
}

    div.remove-item-from-cart-modal div.modal-body button 
    {
        border-radius   : 5px;
        border-style    : solid;
        border-width    : 1px;
        cursor          : pointer;
        height          : 46px;
        padding         : 0px 21px;
        background-color: #373637;
    }

        div.remove-item-from-cart-modal div.modal-body button span 
        {
            display     : inline-block;
            line-height : 28px;
            font-size   : 22px;
            font-weight : bold;
            color       : white;
        }

@media screen and (min-width: 400px) 
{
    div.remove-item-from-cart-modal div.modal-content 
    {
        max-width       : 400px;
    }
}

/*#endregion Remove item from cart - End */

/*#region Available payment opts modal - Start */

.modal.fade .modal-dialog.available-payment-opts-modal,
.modal.in .modal-dialog.available-payment-opts-modal
{
	-webkit-transform   : none;
	transform           : none;
}

    div.available-payment-opts-modal div.modal-header 
    {
        padding         : 15px;
    }

        div.available-payment-opts-modal div.modal-header h3 
        {
            text-align  : center;
        }

    div.available-payment-opts-modal div.modal-body 
    {
        padding         : 0 20px;
    }

        div.available-payment-opts-modal .available-payment-opts-wrapper 
        { 
            width       : 100%;
        }

            div.available-payment-opts-modal .available-payment-opts-wrapper ul 
            { 
                margin          : 0px; 
                padding         : 0px; 
                width           : 100%; 
                list-style      : none; 

                display         : table;
                width           : auto;
                margin          : 0px auto;
                text-align      : right;
            }

                div.available-payment-opts-modal .available-payment-opts-wrapper ul li
                {
                    white-space : nowrap;
                    clear       : both;
                    line-height : 30px;
                    display     : table-row;
                }

                    div.available-payment-opts-modal .available-payment-opts-wrapper ul li > div
                    { 
                        display: table-cell;
                    }
                
                    /*
                    .available-payment-opts-wrapper .available-payment-opt
                    { 
                        float   : right; 
                    }

                    BODY.ltr .available-payment-opts-wrapper .available-payment-opt 
                    { 
                        float   : left; 
                    }
                                    
                    .available-payment-opts-wrapper .available-payment-opt-price 
                    { 
                        float   : left;
                    }

                    BODY.ltr .available-payment-opts-wrapper .available-payment-opt-price 
                    { 
                        float   : right;
                    }
                    */

@media screen and (min-width: 400px)
{
    div.available-payment-opts-modal div.modal-content 
    {
        max-width: 400px;
    }
}

/*#endregion available-payment-opts-modal - End */

/*#endregion Modal - End */

/*#region LogIn - Start */

.login-controls-wrapper
{
    text-align                      : center;
    direction                       : rtl;
    padding-top                     : 50px;
}

.login-controls-wrapper.manage-login
{
    padding-top                     : 0px;
}

    .login-controls-wrapper > div
    {
        margin                      : 0px auto 100px auto; 
        display                     : inline-table;
        width                       : 80%;
    }

        .login-controls-wrapper > div > div
        {
            display                 : table-cell; 
            width                   : 49.5%;
            padding-top             : 12px;
            vertical-align          : top;
        }

        .login-controls-wrapper > div > div.login-seperator
        {
            width                   : 1%;
            padding-top             : 0px;
        }

            .login-controls-wrapper div.login-seperator div
            {
                width               : 1px; 
                height              : 240px; 
                background-color    : #c0c0c0;
                margin              : 0px auto;
            }

        .login-controls-wrapper div.login-controls
        {
            width                   : 290px;
            margin                  : 0px auto;
        }

            .login-controls-wrapper div.login-controls div.notification-controls
            {
                min-height          : 50px; 
                /*display           : table-cell; 
                vertical-align      : bottom;*/
                display             : table;
                width               : 100%;
            }

                .login-controls-wrapper div.login-controls div.notification-controls > div
                {
                    display         : table-row;
                }

                    .login-controls-wrapper div.login-controls div.notification-controls > div > div
                    {
                        display     : table-cell;
                    }

                        .login-controls-wrapper div.login-controls div.notification-controls div:not(:last-child) > div > span
                        {
                            padding         : 0px 0 10px 0; 
                            text-align      : right;
                            display         : block;
                        }

                        .login-controls-wrapper div.login-controls div.notification-controls div > div > span span
                        {
                            font-weight     : bold;
                            color           : red;
                            display         : block;
                            padding-bottom  : 6px;
                        }

                .login-controls-wrapper div.login-controls div.notification-controls > div.mandatory-fields-comment
                {
                    font-size               : 0.9em;
                    text-align              : right;
                }

                    .login-controls-wrapper div.login-controls div.notification-controls > div.mandatory-fields-comment > div
                    {
                        vertical-align      : bottom;
                    }

            .login-controls-wrapper div.login-controls div.input-controls
            {
                display                     : table;
            }

                .login-controls-wrapper div.login-controls div.input-controls > div
                {
                    display                 : table-row;
                }

                    .login-controls-wrapper div.login-controls div.input-controls > div > div
                    {
                        display             : table-cell;
                        text-align          : right;
                    }

                        .login-controls-wrapper div.login-controls div.input-controls > div:not(.input-ctl) > div > label
                        {
                            font-size       : 0.9em; 
                            margin-top      : -5px; 
                            display         : block;
                        }

            .login-controls-wrapper div.login-controls div.input-ctl
            {
                height              : 30px; 
                text-align          : right;
                line-height         : 30px;
            }

                .login-controls-wrapper div.login-controls div.input-ctl > div
                {
                    display         : table-cell;
                }

                    .login-controls-wrapper div.login-controls div.input-ctl > div:first-child
                    {
                        min-width   : 100px;
                        padding-left: 10px;
                    }

                .login-controls-wrapper div.login-controls div.input-ctl > div input[type=text],
                .login-controls-wrapper div.login-controls div.input-ctl > div input[type=password]
                {
                    width           : 130px;
                }

                .login-controls-wrapper div.login-controls div.input-ctl div.action-ctl-wrapper
                {
                    /*width           : 130px;*/ 
                    text-align      : center;
                }

        .login-controls-wrapper div.guest-register-controls 
        {
            margin                  : 0px auto; 
            display                 : table;
        }

            .login-controls-wrapper div.guest-register-controls > div:first-child
            {
                margin-bottom       : 50px;
            }

            .login-controls-wrapper div.guest-register-controls > div:last-child div
            {
                margin-top          : 23px; 
                margin-bottom       : 23px;
            }

    .login-controls-wrapper .login-reg-guest-button,
    /*.login-controls-wrapper .login-reg-guest-button:hover,*/
    .login-controls-wrapper .login-reg-guest-button:visited
    {
        display                     : inline-block; 
        border-width                : 0px;
        border-radius               : 3px;
        line-height                 : 30px;
        padding                     : 0px 22px; 
        white-space                 : nowrap;
        width                       : 100%;
        box-sizing                  : border-box; 
        text-decoration             : none;
        min-width                   : 130px;
    }

    .login-controls-wrapper .login-button
    {
        padding                     : 0px;
    }

    .login-controls-wrapper input[type=submit].login-reg-guest-button.login-button
    {
        font-size                   : inherit;
        cursor                      : pointer;
    }

    body.ltr .login-controls-wrapper
    {
        direction                   : ltr;
    }

        body.ltr .login-controls-wrapper div.login-controls div.notification-controls div > span
        {
            text-align              : left;
        }

        body.ltr .login-controls-wrapper div.login-controls div.input-ctl
        {
            text-align              : left;
        }

@media screen and (max-width: 767px)
{
    .login-controls-wrapper > div > div
    {
        display                 : block; 
        width                   : 100%;
        padding-top             : 0px;
        vertical-align          : auto;
    }

    .login-controls-wrapper > div > div.login-seperator
    {
        width                   : 100%;
        margin                  : 20px 0px;
    }

        .login-controls-wrapper div.login-seperator div
        {
            width               : 100%; 
            height              : 1px; 
            background-color    : #c0c0c0;
        }
}

@media screen and (max-width: 450px)
{
    .login-controls-wrapper div.guest-register-controls 
    {
        margin                  : 0px; 
        margin-right            : 100px;
    }

    body.ltr .login-controls-wrapper div.guest-register-controls 
    {
        margin                  : 0px; 
        margin-left            : 100px;
    }
}

/*#endregion LogIn - End */

/*#region PasswordRecovery - Start*/

.password-recovery-wrapper > table 
{
    width                       : 90%; 
    max-width                   : 450px;
}

    .password-recovery-wrapper > table tr td
    {
        padding                 : 20px 0 150px 0px;
    }

    .password-recovery-wrapper .password-recovery-controls
    {
        margin-top              : 20px; 
        display                 : inline-table;
    }

        .password-recovery-wrapper .password-recovery-controls > div
        {
            display             : table-row;
        }

            .password-recovery-wrapper .password-recovery-controls > div > div
            {
                display         : table-cell; 
                vertical-align  : top; 
                padding-top     : 10px;
            }

            .password-recovery-wrapper .password-recovery-controls > div > div:first-child
            {
                width           : 130px;
            }

            .password-recovery-wrapper .password-recovery-controls .recovery-input
            {
                width           : 180px;
                vertical-align  : text-top; 
            }

                .password-recovery-wrapper .password-recovery-controls .recovery-input > div
                {
                    display     : table;
                    width       : 100%;
                }

            .password-recovery-wrapper .password-recovery-controls > div:last-child .recovery-input
            {
                padding-top     : 5px;
            }

                .password-recovery-wrapper .password-recovery-controls .recovery-input input[type=text]
                {
                    height      : 16px; 
                    width       : 165px; 
                    padding     : 1px 2px;
                }

    .password-recovery-wrapper input[type=submit]
    {
        width                   : 70px;
        font-weight             : bold;
    }

@media screen and (max-width: 450px)
{
    .password-recovery-wrapper .password-recovery-controls
    {
        display             : block;
    }

        .password-recovery-wrapper .password-recovery-controls > div 
        {
            display         : table;
            width           : 100%;
            margin-bottom   : 10px;
        }

            .password-recovery-wrapper .password-recovery-controls > div > div
            {
                padding-top : 0px;
            }

            .password-recovery-wrapper .password-recovery-controls > div > div:first-child 
            {
                display     : table-row;
            }

            .password-recovery-wrapper .password-recovery-controls > div > div:not(:first-child) 
            {
                width       : auto;
            }

            .password-recovery-wrapper .password-recovery-controls > div > div:last-child 
            {
                text-align  : left;
            }

            .password-recovery-wrapper .password-recovery-controls > div:last-child .recovery-input
            {
                text-align  : center;
            }

                .password-recovery-wrapper .password-recovery-controls .recovery-input input[type=text]
                {
                    width   : 100%;
                }
}

/*#endregion PasswordRecovery - End*/

/*#region whatsapp-icon */

div.whatsapp-icon-wrapper 
{
    position                : fixed;
    bottom                  : 60px;
    z-index                 : 1000;
    right                   : 10px;
    display                 : inline-table;
}

div.whatsapp-icon-wrapper 
{
    direction               : rtl;
}

    div.whatsapp-icon-wrapper.whatsapp-icon-left-pos 
    {
        right               : unset;
        left                : 10px;
        direction           : ltr;
    }

    div.whatsapp-icon-wrapper > div 
    {
        display             : table-cell;
        vertical-align      : middle;
    }

        div.whatsapp-icon-wrapper > div a 
        {
            text-decoration : none;
        }

    body:not(.ltr) div.whatsapp-icon-wrapper.whatsapp-icon-left-pos div.whatsapp-label
    {
        direction           : rtl;
    }

    div.whatsapp-icon-wrapper div.whatsapp-label span 
    {
        color               : white;
        background-color    : black;
        filter              : alpha(opacity=70);
        -moz-opacity        : 0.70;
        -khtml-opacity      : 0.70;
        opacity             : 0.70;
        display             : table-cell;
        vertical-align      : middle;
        padding             : 10px;
        border-radius       : 3px;
    }

    div.whatsapp-icon-wrapper div.whatsapp-icon + div.whatsapp-label 
    {
        visibility          : hidden;
        opacity             : 0;
        transition          : opacity 0.5s ease;
    }

    div.whatsapp-icon-wrapper div.whatsapp-icon:hover + div.whatsapp-label 
    {
        visibility          : visible;
        opacity             : 1;
    }

    body.responsiveBody div.whatsapp-icon-wrapper div.whatsapp-icon + div.whatsapp-label 
    {
        display             : none;
    }

/*#endregion whatsapp-icon */

/*#region Shopping cart banner / Manufacturers banners - Start */

body .responsive-manufacturer-banner,
body .desktop-manufacturer-banner,
body .responsive-shopping-cart-banner,
body .desktop-shopping-cart-banner
{
    border  : 0px; 
    width   : 100%; 
    height  : auto;
    margin  : 0px auto;
}

body.responsiveBody .responsive-manufacturer-banner,
body.responsiveBody .responsive-shopping-cart-banner
{
    display: block;
}

body.responsiveBody .desktop-manufacturer-banner,
body.responsiveBody .desktop-shopping-cart-banner
{
    display: none;
}

body:not(.responsiveBody) .responsive-manufacturer-banner,
body:not(.responsiveBody) .responsive-shopping-cart-banner
{
    display: none;
}

body:not(.responsiveBody) .desktop-manufacturer-banner,
body:not(.responsiveBody) .desktop-shopping-cart-banner
{
    display: block;
}

/*#endregion Shopping cart banner / Manufacturers banners - Start */

.excluded-element-wrapper 
{
    position        : relative;
    width           : 100%;
    overflow        : hidden;
    margin-bottom   : 10px;
    text-align      : center;
    height          : 100%;
    display         : inline-table;
}

@media screen and (max-width: 768px), (max-width: 812px) and (orientation: landscape) 
{
    .excluded-element-wrapper 
    {
        margin-bottom       : 1%;
    }

        .excluded-element-wrapper .banners-container 
        {
            margin-bottom   : 1%;
        }

        .excluded-element-wrapper .banners-container > div.mid-banner-sep
        {
            height          : 0px;
            margin-top      : 1%;
        }
}


.banners-container a:focus, 
.middle-banners a:focus 
{
    outline             : 0;
}

    .banners-container a:focus .scaleCatImgContainer, 
    .middle-banners a:focus .scaleCatImgContainer 
    {
        outline         : 1px auto #df1a1e;
        outline-offset  : -7px;
    }

a:focus, 
img[tabindex]:focus, 
select:focus, 
area[href]:focus, 
button[type=button]:focus,
button[role=button]:focus
{
    outline             : 1px auto #df1a1e;
}

.modal button.close:focus 
{
    opacity             : 1;
}

    .modal button.close:focus span 
    {
        opacity         : .2;
    }

.orderDetails .itemDetails .pointer-cursor 
{
    outline-offset      : 2px;
}

.extended-shipment-opts-wrapper [role=region] 
{
    outline-offset      : -2px;
}

#lg-outer button#lg-close
{
    opacity: 1;
}

button.link-style-button:hover 
{
    text-decoration: none !important;
}

.ltr-dir        { direction : ltr; }
.rtl-dir        { direction : rtl; }
.underline-deco { text-decoration: underline; }

input[submit]:hover,
.login-controls-wrapper .login-reg-guest-button:hover,
/*.orderSubmitBtn:hover,*/
.purchaseItem:hover
{
    text-decoration: underline !important;
}

.body-backdrop 
{
    position: fixed;
    display : none;
    top     : 0;
    left    : 0;
    right   : 0;
    bottom  : 0;
    z-index : 1;
}