/*****************************************************************************************************************
 *****************************************************************************************************************
 *****************************************************************************************************************
 
    1. This Style sheet should contain elements for layout view only. Any specific elements to particular Tool (for e.g KNR should be placed in SiteKNR stylesheet) should be placed in its own stylehseet
 
    2. Please place any override specific styles to Bootstrap, Font-Awesome etc into Override- styles sheets 
        
    3. Font name should be specified only here under body, unless there is a requirement to have different font for any particular tool

    4. Media Queries should be placed in respective stylesheets only. Dont combine into one.

 *****************************************************************************************************************
 *****************************************************************************************************************
 *****************************************************************************************************************/
header, footer, hgroup, nav, section {
    display: block;
}

    footer .float-left, footer .float-right {
        float: none;
    }

footer {
    text-align: center;
    height: auto;
    padding: 10px 0;
    background-color: #eee;
}

    footer p {
        margin: 0;
    }

.content-wrapper {
    margin: 0 auto;
    max-width: 1040px;
}

.content-wrapper-fullwidth {
    margin: 0 auto;
    width: 100%;
}

.Content_ShowPage {
    padding: 0px;
}

.main-content {
    /*background: url("../Images/accent.png") no-repeat;*/
    padding-top: 30px;
    position: relative;
    top: 0px;
}

.featured + .main-content {
    /*background: url("../Images/heroAccent.png") no-repeat;*/
}

header .content-wrapper {
    padding-top: 20px;
    clear: both;
}

footer {
    padding-top: 20px;
    clear: both; /*background-color: #e2e2e2;*/
    font-size: 10px;
    height: 100px;
}


#TopMenu {
    background-color: #ec3932;
}

#TopHeader #btnsubmit {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.7em;
    background: none;
    border: none;
    color: black;
    padding: 4px 4px 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity .3s;
}

#topheader-container {
    z-index: 999999;
}

#TopHeader {
    min-height: 100px;
    background-color: #fff;
    width: 100%;
    max-width: 1040px;
    margin: auto;
}

.NewProduct {
    width: 240px;
    height: 310px;
    border: 1px solid #eee;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center;
    color: #2e3192;
}

    .NewProduct div {
        margin-bottom: 10px;
    }

.PopularProduct {
    width: 20%;
    float: left;
    display: inline-block;
}

    .PopularProduct .PrdProductImage {
        border: 0;
        height: 208px;
        width: 208px;
    }


@media (max-width:767px) {

    .PopularProduct .PrdProductImage {
        display: block;
        margin: auto;
    }

    .PopularProduct {
        width: 100%;
    }

    .PrdCategory {
        width: 50% !important;
    }
}

.PrdProduct {
    display: table-cell;
    width: 160px;
    height: 220px;
    border: 1px solid #eee;
    margin-left: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-align: center;
    vertical-align: top;
    float: left;
    color: #2e3192;
}

.PrdProductImage {
    height: 169px;
    width: 168px;
    border-bottom: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

    .PrdProductImage a img {
        position: absolute;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 152px;
        max-width: 152px;
    }

    .PrdProductImage img {
        max-width: 188px;
        max-height: 189px;
    }

.PrdDescription {
    margin-top: 10px;
}

.PrdProduct:first-child {
    margin-left: 0px;
    margin-right: 20px;
}

.PrdProduct div {
    margin-bottom: 10px;
}

#PrdImageList {
    display: table;
}

.divimg {
    display: table-cell;
    height: 120px;
    width: 120px;
}

    .divimg div {
        height: 110px;
        width: 110px;
        margin: 5px;
        position: relative;
        border: 1px solid #eee;
    }

        .divimg div img {
            max-height: 108px;
            max-width: 108px;
            position: absolute;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

.PrdImages {
    width: 480px;
    border: 1px solid #eee;
}

#MainImages {
    height: 479px;
    width: 478px;
    border-bottom: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.NewProduct:first-child {
    margin-left: 0px;
}

.PrdCategory {
    display: table-cell;
    width: 113px;
    height: 100px;
    text-align: center;
    vertical-align: top;
    float: left;
}



#LogoTopLeft, #LogoTopRight {
    height: 110px;
    position: relative;
    padding: 0px 2px;
}



    #LogoTopLeft a {
        cursor: pointer;
    }

        #LogoTopLeft a img {
            width: 100%;
            max-width: 210px;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
        }


#login-container {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

#TopMenu {
    position: relative;
    max-width: 1040px;
    margin: auto;
}

    #TopMenu > div > nav {
        display: inline-block;
    }


#site_footer {
    font-size: 14px;
    text-align: center;
    margin-top: 40px;
    padding: 20px 0px;
}

#disclaimer {
    margin-top: 1em;
}

div#UsrDetails {
    border-left: 1px #949699 solid;
}

    div#UsrDetails .col-sm-6 {
        margin-bottom: 10px;
    }

div#RegistrationBanner {
    background-image: url('/Content/images/WelcomeBG.jpg');
}


#bsSiteMenu {
    padding-left: 0px;
}


#footer_column_sitemap {
    text-align: left;
    margin-bottom: 20px;
}

#footer_column_disclaimer {
    text-align: center;
    margin-bottom: 20px;
}

#footer_column_SynchroPower {
    text-align: right;
}


.QAToolBar-Gap {
    display: none;
}

#Services-footer {
    padding-bottom: 50px;
}

    #Services-footer h1 {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        padding-left: 16px;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    #Services-footer li {
        font-size: 15px;
        list-style: none;
        padding-top: 0px;
    }

    #Services-footer div {
        margin-bottom: 0px !important;
    }


    #Services-footer ul {
        padding: 0px;
    }

        #Services-footer ul li a {
            font-size: 15px;
            color: #fff;
        }

        #Services-footer ul li ul li a {
            font-size: 13px;
            font-weight: bold;
            color: #fff;
        }

        #Services-footer ul li ul li ul li a {
            font-size: 14px;
            font-weight: normal;
            color: #fff;
        }

    #Services-footer img {
        display: none;
    }

    #Services-footer .col-sm-3 {
        width: 0px;
    }

.tbl-logos {
    width: 100%
}

    .tbl-logos td {
        text-align: center;
    }


@media (max-width: 960px) {
    .LogoTopLeft {
        padding-left: 15px !important;
    }

    .LogoTopRight, header .login {
        padding-right: 15px !important;
    }

    .footerItem {
        padding-left: 15px !important;
    }

    #TopHeader {
        height: 162px;
    }

    #HomePageDashboard > div > div:nth-child(2) > p:nth-last-child(2) {
        margin-bottom: 40px;
    }

    .content-wrapper {
        padding-left: 20px;
        padding-right: 20px;
        max-height: none;
    }
}

@media (max-width: 767px) {
    div#HomePageBanner {
        margin-top: 0px;
    }

    #container1 {
        border-bottom: 0px;
    }

    .content-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .PageContent {
        max-width: 100%;
    }

    .LogoTopLeft {
        position: relative;
    }

    .NewProduct {
        margin-left: auto;
        margin-right: auto;
    }

    .PrdProduct {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }


    .NewProduct:first-child {
        margin-left: auto;
        margin-right: auto;
    }

    .PrdProduct:first-child {
        margin-left: auto;
        margin-right: auto;
    }
    /*.PrdCategory {
    width: 65px;
    height: 75px;
    margin-right: 10px;
    margin-bottom: 10px;
}
     .PrdCategory img{
         max-width: 65px;
     }*/
    #LogoTopLeft a img {
        margin-top: 15px;
        width: 100%;
    }

    #LogoTopLeft {
        padding-left: 15px;
    }

    .LogoTopRight {
        padding-left: 15px;
    }

    #LogoTopRight_CVY {
        background-image: url(/Content/images/Choose_Your_Voucher.jpg);
        width: 214px;
        height: 142px;
    }

    #LogoTopRight_CVR {
        background-image: url(/Content/images/Choose_Your_Reward.jpg);
        width: 200px;
        height: 155px;
    }

    .LogoTopRight {
        display: none;
    }

    #LogoTopRight {
        padding-right: 15px !important;
    }

    div.SearchBox {
        right: 15px !important;
    }
}


#TopHeader {
    height: auto;
}

    #TopHeader #btnsubmit {
        padding: 8px 4px 0 0;
        margin-top: -5px;
    }

.navbar-header .navbar-brand {
    display: none !important;
}

#bsSiteMenu {
    padding-left: 15px;
}

#footer_column_sitemap {
    text-align: center;
}


#footer_column_SynchroPower {
    text-align: center;
}

#menu_container {
    border-bottom: 0px !important;
}

.mb-logos div {
    text-align: center;
    margin-bottom: 15px;
}
}