html {
    font-size: calc(1em + 1vw);
    height:100%;
}
body {
    font-family: 'open_sansregular';
    direction:ltr;
    padding-top: 0;
    margin: 0;
    background-image: url('../img/background-repeat.jpg') ;
    background-repeat: repeat-x;
    width:100%;
    height:100%;
    background-color:#424242;
}
.centerText{
    text-align:center;
}
/*---HomePage -----*/
.upperSection{
    background-image: url('../img/background-top.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:470px;
    background-color:#414141;
    position: relative;
}

.bottomSection{
    background-image: url('../img/background_bottom.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*min-height: 700px;*/
    /*height: 81% !important;*/
    padding: 15px;
    position: relative;
    max-width: 1100px;
    margin: 0 auto;

}
.bottomSection_Login{
    background-image: url('../img/loginBackground.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:590px;
    padding:15px;
    max-width: 1100px;

}

.bottomSection2{
    background-image: url('../img/bottomBackgroundImage.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 700px;
    /*height: 81% !important;*/
    padding:15px;
    padding-bottom:5px;
    position: relative;
}

.FooterSection{
    height:auto;
    padding:15px;
    background-color:black;

}

.shoppingCart-back{
    background-image: url('../img/myshopping-cart-back.png') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 700px;
    height: 81%;
    background-color:#e3e3e3;
    height: 81% !important;
    padding: 15px;
    padding-bottom: 5px;
    position: relative;
}

.verification-back{
    background-image: url('../img/verification-background.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*min-height:785px;*/
    background-color:#e3e3e3;

}
.checkout-back{
    background-image: url('../img/checkout-background.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 700px;
    height: 81%;
    background-color:#e3e3e3;
}

.bottomSectionPages{
    background-image: url('../img/bottomBackgroundImage.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:582px;

}

.bottomSectionPages2{
    /*background-image: url('../img/bottomBackgroundImage.jpg') ;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:300px;

}


.bottomSectionContact{
    background-image: url('../img/contactus.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:814px;

}

.bottomSectionLogin{
    background-image: url('../img/loginBackground.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:814px;

}

.bottomSectionBecomeDealer{
    background-image: url('../img/becomeDealerBackground.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height:auto;
}
.bottomSeperator{
    width:100%;
    min-height:100px;
    background-color:transparent;
}

.bottomSeperatorPages{
    width:100%;
    min-height:50px;
    background-color:transparent;
}

.internalContainer{
// padding-top:20px;
}

.LoginBtn{
    text-align:right;
    align:right;
    direction:rtl;
    padding:15px;
}

.padding0{
    padding:0px;
}

.bold{
    font-family: 'open_sansbold';
}

.regular{
    font-family: 'open_sansregular';
}
.regularFont{
    font-family: 'open_sansregular';
}

.bannerTextBox{

    margin:0 auto;
    text-align:left;
    width:auto;
}
.bannerTextBox h1 {
    font-size: 1rem;
}
.bannerText{
    max-width:333px;
    max-height:60px;
    overflow:hidden;
    font-size: 0.5rem;
}

.center{
    text-align:center;
}
/*----Style for Menu---*/
.menu{
    width:100%;
    height:42px;
    background-image:url('../img/menu-rp.jpg');
    background-repeat: repeat-x;
    padding:16px;
    float:left;
}
ul.topnav {
    list-style-type: none;
    margin-top:15px;
    padding: 0;
    overflow: hidden;
    background-color: #333;


}

/* Float the list items side by side */
ul.topnav li {
    float: left;
    font-family: 'open_sansbold';
}


/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #c5c5c5;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 12px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {
    background-color: #555;
    color:white;

}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
    ul.topnav li:not(:first-child) {display: none;}
    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
    ul.topnav.responsive {position: relative;}
    ul.topnav.responsive li.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    ul.topnav.responsive li {
        float: none;
        display: inline;
    }
    ul.topnav.responsive li a {
        display: block;
        text-align: left;
    }
}

.uppercase{
    text-transform: uppercase;
}

/*---Search Box---*/
.searchBox{
    background-color:#4a4a4a;
    color:#9d9d9d;
    font-size:18px;
    padding:14px;
    padding-top:0;
    padding-bottom:0;
    height:45px;
    line-height:45px;
    outline:none;
}
.searchBox input{
    outline:none;
}
.searchTab{
    width:500px;

}
.tabs{
    padding:0px;

}
.Searchtab{
    margin-top:15px;
}

.submitSearch{
    border:0px;
    background-image:url('../img/search.png');
    width:18px;
    height:18px;
    float:right;
    background-repeat: no-repeat;
    background-color:#4a4a4a;
    cursor:pointer;
    margin-top:10px;
    outline:none;
}

/*---HomeBanner---*/
.rightText{
    background-image:url('../img/right_banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height:416px;
}
.float{
    float:left;
}
.floatRev{
    float:right;
}

.imgLeft{
    width:auto;
    float:left;
    width:100%;

}

.AboutUsText {
    padding:0px;
}
.nopadding{
    padding:0px;
}

.HomeIntro{
    width:100%;
    margin-top:10px;
    color:#262626;
}

.italic{
    font-family: 'open_sansitalic';
}

.TextIntro{
    margin-top:10px;
    color:#262626;
}

.TitleIntro{
    color:#262626;
    font-size:18px;
}

.catalogBox{
    background-color:#262626;
    max-width:500px;
    min-height:199px;
    background-image:url('../img/catalog_background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-left:8px solid #da2528;
    margin-bottom:25px;
    float:right;
}

.catalogBoxM{
    background-color:#262626;
    min-height:300px;
    background-image:url('../img/catalog_background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-left:8px solid #da2528;
    margin-bottom:53px;
}

.redBorder{
    width:36px;
    min-height:199px;
    /*background-color:#da2528;*/
    float:left;
}

.catalogText{
    max-width:500px;
    height:auto;
    margin:0 auto;
    float:left;
}
.white{
    color:white;
}

.grey{
    color:#747474;
}
.clear{
    clear:both;
}

.catalogsBtn{
    margin-top:20px;
    margin-bottom:30px;
}

.margin50{
    margin-top:35px;
    width:100%;
}
.margin70 {
    margin-top: 70px;
    width: 100%;
}


.footer{
    width:100%;
    height:50px;
    background-image:url('../img/footer-rp.jpg');
    background-repeat: repeat-x;
    padding:16px;

}

.footerSction{
    width:100%;
    margin:0 auto;
    height:45px;
}
.redText{
    color:#d92628;
    font-size:9px;

}

.red{
    color:#d92628;
}
.red:hover,  .red:focus{
    color:#d92628;

}
a:focus , a:hover {text-decoration:none}
.footerItem{
    font-size:9px;
    color:#747474;
    cursor:pointer;
    width:auto;
    text-align:center;
    max-width:140px;
    float:left;
    margin-left:22px;
    font-family: 'open_sansbold' !important;

}
.footerItem:hover{
    color:#c9c9c9;
}
.footerItem:active{
    color:#c9c9c9;
}

.footerItemM{
    font-size:12px;
    color:#747474;
    cursor:pointer;
    width:auto;
    text-align:center;
    margin:10px;
    font-family: 'open_sansbold' !important;

}

.footerItemM:hover{
    color:#c9c9c9;
}
.footerItemM:active{
    color:#c9c9c9;
}

.footerM{
    width:100%;
    text-align:center;
    background-color:#222222;
    padding-top:20px;
    padding-bottom:20px;
    float:left;
}

/*---Pages -----*/
.upperSectionPages{
    background-image: url('../img/background-top.jpg') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:173px;
    background-color:#414141;
    /*max-width:1100px;*/
    margin:0 auto;
}


/*---accordion style----*/

/**
 * Styling top level items
 */
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
a { text-decoration: none; }
ol, ul { list-style: inside }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}
.nav a, .nav label {
    display: block;
    padding: .3rem 0.5rem;
    color: #fff;
    background-color: #151515;
    box-shadow: inset 0 -1px #1d1d1d;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
    font-size:12px;
}


.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
    color: rgba(255, 255, 255, 1);
    background: #030303;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
    padding-left: 2rem;
    background: #252525;
    box-shadow: inset 0 -1px #373737;
    text-decoration:none;
    font-family: 'open_sansregular';
    color:#d89230;
    font-size:12px;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313;color:#d02628 }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
    padding-left: 4rem;
    background: #353535;
    box-shadow: inset 0 -1px #474747;

    text-decoration:none;
    font-family: 'open_sansregular';
    color:#d89230;
    font-size:12px;

}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
    padding-left: 6rem;
    background: #454545;
    box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
    max-height: 1000px; }

/**
 * Rotating chevron icon
 */

label > span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*---end of accoridon style----*/

/*---products page---*/
.LMenuTitle{
    font-family: 'open_sansbold';
    color:#ffffff;
    width:100%;
    padding:10px;
    background-color:#353535;

}
.padding30{
    padding-top:30px;
}

.nav{
    margin-top:20px;
}

.allCategories{
    background-color:#d92629 !important;
    color:#ffffff;
    text-transform: uppercase;
    font-size:12px
}
.categoryEntry{
    color:#ffffff;
    text-transform: uppercase;
    font-size:12px
}

.categoryEntry:hover{
    background-color:#d92629 !important;
    color:#ffffff;
    text-transform: uppercase;
    font-size:12px
}



.categoryEntry:active{
    background-color:#d92629 !important;
    color:#ffffff;
    font-weight:bold;
    text-transform: uppercase;
    font-size:12px
}

.itemListing{
    margin-bottom:20px;
    text-align:center;
    border:1px solid black;
    height: auto;
}

.floatR{
    float:right;
}

.redBottomBorder{
    width:100%;
    border-bottom:2px solid #d92629;
    margin:0 auto;
}

.ItemTitle{
    text-align:center;
    width:100%;
    margin:0 auto;
    color:#ffffff;
    /*padding:10px;*/
    margin-top:10px;
    margin-bottom:10px;
}

.itemListing img{
    margin:0 auto;
}

.rArrow{
    background-image: url('../img/rArrowMenu.png') ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height:10px;
    width:10px;
    margin:0 auto;
}

.page{
    width:26px;
    height:41px;
    background-color:#353535;
    color:white;
    text-align:center;
    line-height:41px;
    cursor:pointer;
}

.page:hover, .page:focus{
    width:26px;
    height:41px;
    background-color:#b8292b;
    color:white;
    text-align:center;
    line-height:41px;
    cursor:pointer;
}

.page a {color:white;}

.itemNumbers{
    background:transparent;
    color:white;
    border:0px;
    width:50px
}

.itemsPerPage{
    width:80px;
    height:41px;
    background-color:#5d5d5d;
    color:white;
    line-height:41px;
    text-align:center
}

.marginL20{
    margin-left:20px
}

.marginB20{
    margin-bottom:20px
}
.inlineAuto{
    display:inline;
    width:auto
}

.positionRelative{
    position:relative
}

.price{
    position:absolute;
    top:15px;
    right:20px
}
.itemBox{
    background-color:white;
    border-bottom:1px solid black;
    margin-bottom: 10px;
}

.ItemImage{
    border-left:1px solid black;
}
.itemTextBox{
    max-width:90%;
    margin:0 auto;
    min-height:230px;
    border-left:1px solid black;
    padding-bottom:20px;
    padding:10px;
}
.itemText{
    max-width:100%;
    margin:0 auto;

}

#ImageItem img{
    margin-top:25px !important;
}

.font14{
    font-size:14px;
}

.font12{
    font-size:12px;
}
.font11{
    font-size:11px;
}

/*---Modals style----*/
.regular1{
    max-width:1000px !important;
    /* min-width:300px !important; */
    margin:0 auto;
    width:100%;
    min-width: inherit;
}
.slider-nav-thumbnails{
    /*width:500px !important;*/
    width:100%;
    margin-top:5px;
    padding-top:5px;
}
/* .modal-transparent */

.modal-transparent {
    background: transparent;
}
.modal-transparent .modal-content {
    background: transparent;
}
.modal-backdrop.modal-backdrop-transparent {
    background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent.in {
    opacity: .9;
    filter: alpha(opacity=90);
}

/* .modal-fullscreen */

.modal-fullscreen {
    background: transparent;
}
.modal-fullscreen .modal-content {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
    background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
    opacity: .97;
    filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media (min-width: 768px) {
    .modal-fullscreen .modal-dialog {
        width: 750px;
    }
    .md-modal {
        position: absolute !important;
        top: 100%;
        left: 50%;
        width: 50%;
        max-width: 1000px;
        min-width: 75%;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@media (min-width: 992px) {
    .modal-fullscreen .modal-dialog {
        width: 970px;

    }


    .md-modal {
        position: absolute !important;
        top: 100%;
        left: 50%;
        width: 50%;
        max-width: 1000px;
        min-width: 75%;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}
@media (min-width: 1200px) {
    .modal-fullscreen .modal-dialog {
        width: 1170px;
    }
    .md-modal {
        position: absolute !important;
        top: 100%;
        left: 50%;
        width: 50%;
        max-width: 1000px;
        min-width: 75%;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@media (min-width: 460px) {
    .md-modal {
        position: absolute !important;
        top: 100%;
        left: 50%;
        width: 50%;
        max-width: 1000px;
        min-width: 50%;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);

    }
}


@media (min-width: 320px) {
    .md-modal {
        position: absolute !important;
        top: 60%;
        left: 50%;
        width: 50%;
        max-width: 1000px;
        min-width: 50%;
        height: auto;
        z-index: 2000;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);

    }
}
.titlepoupUp{
    font-size:16px;
}

/*---About usPages -----*/
.UpperBanner{
    /* background-image: url('../img/aboutus.jpg') ; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height:231px;
    background-color:#414141;
    /*max-width:1100px;*/
    margin:0 auto;

}

.contactForm{

    margin:0 auto;
    padding-top:30px;
}

.contactTitle{
    font-size:12px;
    margin-bottom:20px;
}

input .noborder{
    border:0px;
}

.contactForm input{
    width:100%;
    border:0px;
}

.contactForm textarea{
    width:100%;
    border:0px;
    resize:none;
}

.contactSpacing{
    margin-bottom:10px;
}

input{
    padding-left:5px;
}

.contactSubmit{
    border: none;
    background: url('../img/sendBtn.png') no-repeat top left;
    height:34px;
}

.dealerSubmit{
    border: none;
    background: url('../img/submitDealer.jpg') no-repeat top left;
    height:34px;
    width:114px;

}

.resetDealer{
    border: none;
    background: url('../img/resetDealer.jpg') no-repeat top left;
    height:34px;
    width:114px;

}

.loginSubmit{
    border: none;
    background: url('../img/loginBtn2.jpg') no-repeat top right;
    height:34px;
}

.contactAddress{
    width:100%;
    margin:0 auto;
    height:272px;
    float:left
}

.contactAddressBox{
    max-width:300px;
    height:auto;
    margin:0 auto;
    text-align:center;
    margin-top:83px;
}

.SigninText{
    max-width:360px;
    margin:0 auto;
    margin-top:50px;
}

.semiBold{
    font-family: 'open_sanssemibold';
    padding-left:5px;
}

.signinFields{
    font-size:12px;
}

#SigninForm input{
    width:100%;
    border:0px;
}

.activefooter{
    color:#c9c9c9;
}

.businessInfo{
    width:100%;
    background-color:#3c3c3c;
    color:white;
    font-size:20px;
    min-height:34px;
    line-height:34px;
    margin-top:35px;

}

.small{
    color:white;
    font-size:11px;
}

#becomeDealer input{
    width:100%;
    max-width:300px;
    border:0px;
    height:30px;
}

.box input{
    opacity:0
}

.loggedInAs{
    color:#afafaf;
}

.CartDiv{
    width:100px;
    height:35px;
    line-height:35px;
    background-color:#c92427;
    color:white;
    border-radius: 6px;
    text-align:center;
    font-size:12px;
}

.flyout{

    display:none;
}

.flyoutAccount{

    display:none;
}
.flyoutAccountMobile{

    display:none;
}

.flyoutMobile{

    display:none;
}

#deals:hover + .flyout{
    display:block;
}

.topnav li:focus{
    background-color:#555
}

#deals a , #myAccount a{
    cursor:pointer;
}

.margin36{
    margin-top:70px;
}
.colorbdbaba{
    color:#bdbaba;
}

.color3e3e3e{
    color:#3e3e3e;
}

.BoldItalic{
    font-family: 'open_sansbold_italic';
}

.widthAuto{
    width:auto;
}

.font9{
    font-size:9px;
}

span.inner {
    color: black;
}
span.outer {
    text-decoration: line-through ;
    color:#d92629;
}

.margin-bott-100{min-height: 500px;}
.MyCartContainer{
    margin-top:40px;
    /*min-height: 500px;*/
}


/*---My shopping cart table---*/
.refT{
    width:160px;
    min-height:30px;
}

.descriptionT{
    width:300px;
    min-height:30px;
}

.qtyT{
    width:100px;
    min-height:30px;
}

.pkT{
    width:100px;
    min-height:30px;
}

.priceT{
    width:100px;
    min-height:30px;
}

.extPriceT{
    width:200px;
    min-height:30px;
}

.ShoppingCartTable th{
    padding:10px;
}


.ShoppingCartTable td{
    color:#212121;
    min-height:40px;
    line-height:40px;
}


.ShoppingCartTable tr:nth-child(even){background-color: #e6e6e6;font-size:12px}
.ShoppingCartTable tr:nth-child(odd){background-color: #f1f1f1;font-size:12px}
.ShoppingCartTable tr td{
    padding:5px;
}

.underline {
    text-decoration:underline;
    font-size:12px;
    cursor:pointer;
}

tfoot tr {height:20px !important;padding:0px !important;}

.btnCart{
    margin-right:10px}

.AddressRow  .Address:nth-child(even){background-color: #e6e6e6;font-size:12px;}
.AddressRow .Address:nth-child(odd){background-color: #f1f1f1;font-size:12px}
.Address{
    padding-bottom:7px;
}

.font11{
    font-size:11px;
}

.ProductImage {
    /*width: 210px;*/

    text-align: center;
    background-color: white;

    width:100%;
    min-height:220px;
    overflow: auto;
    padding:20px
}

body {
    scrollbar-face-color: #000000;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-highlight-color:#7D7E94;
    scrollbar-3dlight-color: #7D7E94;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-track-color: #7D7E94;
    scrollbar-arrow-color: #C1C1D1;
}

.faded {
    opacity:0.5;

}

.opaque{
    opacity:1;

}

.CursorPointer{
    cursor:pointer;
}

.MarginBottom84{
    /*  margin-bottom:84px; */
}

.MaxWidthContainer{
    max-width:1100px;
    margin:0 auto;
    padding:0px 30px 15px;
}



.MarginAuto{
    width:100%;
    margin:0 auto;
}


.block{
    max-width:1220px !important;
    margin:0 auto !important;
}

#jquery-loader-background{background-color: silver}
#jquery-loader.blue-with-image{
    border:2px #008587 solid;
    padding-top:35px;
    background-color: white;
    text-align: center;
    background-image: url(../img/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.border1Balck{border:1px solid black}

.paddingTop30px{
    padding-top:30px
}



.FullContainerDiv{
    max-width:1100px;
    margin:0 auto;
    padding:20px;
}
.FullContainerDiv2{
    width:100%;
    margin:0 auto;
    padding:30px;
    min-height:170px;
}

.HomeRotatingSlider{
    /*top:20px;*/
    box-shadow: 4px 26px 24px black;
}
.left{
    float:right;
}

.DisplaListingItems{
    padding-left:10px;
    border:1px solid black;
}

.ProductDescriptionPosition{
    position:absolute;
    bottom:10px;
}


.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin:0 auto;
    border-color:#555 #f3f3f3 #f3f3f3;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.ContactDiv{
    padding-right:0;
}
.outOfStock{
    color:#d92628;
}

/* mobile product menu */
.clicked{
    background-color: rgb(217, 38, 41);
}

.border-black{
    border-color: black !important;
}

/* Smartphones ----------- */
@media only screen and (max-width: 991px) {
    .nav__list, #expandLeftMenu { display: none; }
}
.search-input {
    font-size:18px;
    width:90%;
    background-color:transparent;
    border:0px;
    padding:0;
    padding-left:5px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .search-input {
        padding: 5px;
    }
}

.search-input:-webkit-autofill,
.search-input:-webkit-autofill:hover,
.search-input:-webkit-autofill:focus,
.search-input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #4a4a4a inset !important;
    -webkit-text-fill-color: #9d9d9d !important;
}


/* Search Index.php */
.overlay {
    left: 5% !important;
    right: 5% !important;
    top: 10px !important;
    width: 1100px !important;
}

@media (max-width: 768px) {

    .overlay {
        max-width: 400px !important;
        width: auto !important;
    }
}
/* END Search Index.php */


/* Modal */
.md-close-wrapper{
    padding-right: 10px;
    text-align: right;
}

.md-close {
    border:0px;
    background-color:transparent;
    padding: 0;
}
/* END Modal */


/* Sub Menu Styles */
.text-white {
    color: #fff;
}

.sub-category-anchor{
    width: 100%;
    font-size: 12px;
    -ms-word-break: break-all;
    word-break: break-all;
    display: block;
}
.sub-category-anchor>img{
    max-width: 20px;
    float: left;
}

.sub-category-anchor>span{
    max-width: 100px;
}
.sub-category-mobile {
    color: #d92629 !important;

}
.sub-category-mobile > img{
    float: left;
}

.sub-category-mobile > span {
    margin-left: 5px;
}
.sub-category-wrapper:not(:last-child){
    border-right: 1px solid #6f6f6f;
}
.sub-category-wrapper:not(:first-child){
    margin-left:10px;
}

.sub-category-wrapper{
    padding-right: 5px;
}
/* End Sub Menu Styles */

.bannerImageCenter {
    text-align:center;
    line-height:84px

}

.about-us-txt {
    width:250px;
    margin:0 auto;
    min-height:84px;
    color:white;
    font-size:25px;
    border-top:3px solid white;
    border-bottom:3px solid white;
    text-align:center
}

.UpperBanner{
    background-color:#e3e3e3;
    min-height:230px;
    margin-top:3px;
    text-align:center;
    background-size:cover;
}


h1.catalogTextH1{
    font-size:32px !important;
}
.prod-details-wrapper{
    padding-right:30px;
    position:relative;
    height:513px;
}
.shop_cart{
    position: absolute;
    /* margin-top: 60px!important; */
    /* margin-bottom: -60px!important; */
    bottom: 15px;
    width: 96%;
    max-width: 1070px;
}

#success-modal {
    font-family: 'open_sansregular';
    z-index: 9999;
    position: fixed;
    background: #fff;
    padding: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    width: 400px;
    left: 55%;
    transform: translate(-50%, 0);
}

#success-modal h3 {
    color: #00AB14;
    margin: 0;
}

.close {
    top: 10px;
    right: 10px;
    opacity: 1;
    z-index: 1;
    position: absolute;
}

@media screen and (max-width:768px) {
    .shop_cart {
        width: 100%;
        position: relative;
    }
}

/* ======================================================== Media Queries ======================================================== */
@media screen and (max-width:768px) {
    .UpperBanner {
        max-height: 157px;
        display: flex;
        align-items: center;
        min-height: auto;
        width: 100%;
        padding: 10px;
    }
}
@media screen and (max-width:384px) {
    .about-us-txt {
        line-height: 40px;
        min-height: 40px;
    }

    .bannerImageCenter {
        line-height: 40px;
    }

    .UpperBanner{
        margin-top:0;
        min-height: auto;
        width: 100%;
        padding: 10px;
    }
}

@media screen and (min-width:768px) {
    .UpperBanner{
        max-height: 157px;
        display: flex;
        align-items: center;
        width: 100%;
        padding: 10px;
    }
}

@media only screen and (min-width: 991px) {
    .footer-wrapper{
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px 20px;

    }

    .prod-details-bottom{
        position: absolute;
        bottom:0;
    }

    .prod-details-wrapper{
        position: absolute;
        right: 0;
        height: 100%;
    }

    .LeftImgColumn{
        min-height: 500px;
    }

    .margin-bott-100{
        margin-bottom: 100px;
    }
}

/* ======================================================== END Media Queries ======================================================== */