/**************************************************************/
/************** NORMAAL PAS JE ENKEL IN DEZE CSS **************/
/**************** DE STIJL VAN DE WEBSITE AAN *****************/
/**************************************************************/
.ui-autocomplete-loading,
input[id*='tbSearch'].loading {
    background: url('../../images/layout/loader_whitebg.gif') no-repeat 95% center;
}
#searchParentID .ui-autocomplete-loading {
    background: url('../../images/layout/loader_whitebg.gif') no-repeat 50%;
}

/**************************************************************/
/************************** ALGEMEEN **************************/
/**************************************************************/
body, html {
    margin: 0;
    padding: 0;
}

.PrintCompanyInfo {
    display: none;
}

html {
    scroll-behavior: smooth;
}

h1 {
    font-size: 180%;
    font-weight: bold;
    font-variant: small-caps;
}

h2 {
    font-size: 150%;
    font-weight: bold;
}

h3 {
    font-size: 120%;
}

h4 {
    text-transform: uppercase;
}

h6 {
}

.ajax__tab_body h3 a {
    color: #00387d;
}

a {
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}



/**************************************************************/
/*************************** HEADER ***************************/
/**************************************************************/
div#header {
    /*background-color: #7c8ca2;*/
}


#printheader {
    display: none;
}

/**************************************************************/
/**************** BREADCRUMBS & H1 PAGETRACE ******************/
/**************************************************************/
div#breadcrumbs {
}

    div#breadcrumbs a {
        text-decoration: none;
    }

.breadcrumbs {
    line-height: 125px;
}

._bcPosition {
    margin-left: 20%;
    text-decoration: none;
    font-size: 14px;
    height: 90px;
}

    ._bcPosition, ._bcPosition a {
        color: #A7ACAF;
    }

@media only screen and (max-width: 850px) {
    .breadcrumbs {
        display: none;
    }
}

/**************************************************************/
/************ MIDDLE, LEFTCOL, RIGHTCOL, CENTERCOL ************/
/********************** 1000/1200 PIXELS **********************/
/**************************************************************/
div#container {
}

div#shop {
    margin: auto;
    width: auto;
}

div#middle {
    background-color: #7c8ca2;
    padding: 10px;
}

    div#middle #leftcol {
        width: 225px;
        height: 100%;
        float: left;
    }

    div#middle #rightcol {
        width: 225px;
        height: 100%;
        float: right;
    }

    div#middle #centercol {
        width: 700px;
        height: 100%;
        float: left;
        padding: 0 15px;
    }


/****** search results******/
.ui-menu-item .searchResult .result_Item .item_image img
{
    position:absolute;
}
.ui-menu-item .searchResult .result_Item .item_image img.promoicon {
    height: 30px;
    width: 30px;
    position: absolute;
    margin-top: 10px;
    margin-left: 10px;
}
.ui-menu-item .searchResult .result_Item {
    display: inline-flex;
    /*background-repeat: no-repeat !important;
    background-size: 100% 125px !important;
    -moz-box-shadow: inset 0 -40px 50px -20px #808080;
    -webkit-box-shadow: 0 -40px 50px -20px #808080;
    box-shadow: inset 0 -40px 50px -20px #808080;*/
    -webkit-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 14px -3px rgba(0,0,0,0.2);
    outline: none;
    width: 100%;
    margin: 0;
    margin-bottom: -15px;
}
.ui-menu-item .searchResult {
   padding:2%;
}
.ui-menu-item .searchResult .sResultLink {
    cursor:pointer;
}
    .ui-menu-item .searchResult .result_Item .item_image {
        margin: 1%;
    }
        .ui-menu-item .searchResult .result_Item .item_image img {
            border-radius: 50%;
            width: 120px;
            height: auto;
            border: 1px solid #b2b2b2;
        }
    .ui-menu-item .searchResult .result_Item .item_desc {
        padding: 2%;
        padding-left: 37%;
    }
        .ui-menu-item .searchResult .result_Item .item_desc .item_name {
            font-size: 18px;
            font-weight: bold;
        }
        .ui-menu-item .searchResult .result_Item .item_desc .item_shortdescprition {
            font-size: 14px;
        }
            .ui-menu-item .searchResult .result_Item .item_desc .item_shortdescprition p {
                margin-block-start: 0em;
                margin-block-end: 0em;
            }
._textboxDiv .ui-helper-hidden-accessible{
    display: none;  
}
/***************************************************************/
/******************* CONTENT / INNERCONTENT ********************/
/***************************************************************/
div#content {
}

    div#content #innercontent {
        background-color: #a9c8f0;
        padding: 10px;
    }

#innercontent ul li {
    margin-bottom: 15px;
}

    #innercontent ul li._listItem {
        margin-bottom: -1px;
    }

div#content #innercontent input {
}
    /*div#content #innercontent input.unloaded {
    color:gray;
}
div#content #innercontent input.loaded {
    color: black;
}*/
    div#content #innercontent input.button {
    }

div#content #innercontent a {
}

div#content #innercontent table {
}

    div#content #innercontent table tr {
    }

        div#content #innercontent table tr td {
        }

/*************************************************************/
/********************** ACTIONBUTTONS ************************/
/*************************************************************/
div#actionButtons {
    display: block;
}

    div#actionButtons a {
        display: inline-block;
        text-decoration: none;
    }

        div#actionButtons a.back {
        }

        div#actionButtons a.print {
        }


/*************************************************************/
/************************** FOOTER ***************************/
/*************************************************************/
div#footer {
    position: relative;
    top: 0px;
}


    div#footer ul {
    }

        div#footer ul li {
            display: inline;
        }

            div#footer ul li a {
            }

            div#footer ul li.first {
            }

                div#footer ul li.first a {
                }

            div#footer ul li.last {
            }

                div#footer ul li.last a {
                }




/***************************************************************/
/*************************** MODULES ***************************/
/***************************************************************/

/************************** LANGUAGES **************************/
div#languages {
    margin:10px 0;
}

    div#languages a {
        margin-right: 5px;
        font-size:17px;
    }


/**************************** SEARCH ****************************/
div#searchsmall {
    background-color: #8eacd4;
    margin-bottom: 10px;
    padding: 10px;
}

    div#searchsmall input.button {
        background-image: url(../../images/layout/search.png);
        background-position: center center;
        background-color: Transparent;
        border: none;
        cursor: pointer;
        width: 22px;
        height: 22px;
    }


/********************** SHOPPINGCARTSMALL ***********************/
div#shoppingcartsmall {
    margin-bottom: 0px;
    padding: 3em 0 0em 0;
    border-radius: 0 0 15px 15px;
}


    div#shoppingcartsmall #shoppingInner {
        color:#ffffff;
    }

        div#shoppingcartsmall #shoppingInner table {
            line-height: 5;
            width: 100.1%;
        }
        div#shoppingcartsmall #shoppingInner .shoppingSubtotal {
            display: grid;
            width: 21%;
            text-align: right;
            height: 54px;
        }
        div#shoppingcartsmall #shoppingInner #subTotalAmount {
            font-size: 130%;
            font-weight: bold;
        }
            div#shoppingcartsmall #shoppingInner td.name {
                padding-left: 5%;
                width: 55%;
                line-height:1;
            }
        div#shoppingcartsmall #shoppingInner td.qty {
                width: 15%;
        }

        div#shoppingcartsmall #shoppingInner td.price {
            width: 10%;
        }
        div#shoppingcartsmall #shoppingInner a {
            text-decoration: none;
            color: #ffffff;
            line-height:1;
        }

        div#shoppingcartsmall #shoppingInner .totals {
            padding: 1% 5%;
            text-align: right;
        }
            div#shoppingcartsmall #shoppingInner .totals .shoppingTotal {
              margin-left:5%;
            }


        div#shoppingcartsmall #shoppingInner .expeditioncosts {
            text-align: right;
            padding: 15px 0 20px 0;
            display: flex;
            font-size: 15px;
            height: 60px;
        }
            div#shoppingcartsmall #shoppingInner .expeditioncosts .litExpeditionSelect {
                margin-left: 5%;
                width: 35%;
                text-align: left;
            }
            div#shoppingcartsmall #shoppingInner .expeditioncosts .ddlCountries {
                margin-left: 2%;
                width: 25%;
            }
            div#shoppingcartsmall #shoppingInner .expeditioncosts .ddlCountries select{
                border-radius: 17px;
                height: 33px;
                outline:none !important;

            }
            div#shoppingcartsmall #shoppingInner .expeditioncosts .litExpedition {
                text-align: right;
                width: 28%;
            }

div#shoppingcartsmall #shoppingInner .shoppingBottom {
    text-align: center;
    display: flex;
    height: 41px;
    width: 70%;
    margin-left: 5%;
    font-size: 18px;
    margin-top: 20px;
}
    div#shoppingcartsmall #shoppingInner .shoppingBottom a {
        height: 40px;
        margin-right: 2%;
        border-radius: 14px;
        line-height: 2;
    }
    
        div#shoppingcartsmall #shoppingInner .shoppingCartdelbtn {
            background-image: url(../../images/layout/delBtn.gif);
            height: 14px;
            width: 16px;
            display: block;
        }
.shcFooter {
    display: flex;
    height: 83px;
}
.retrivepassMain {
    margin: 5% 20% 5% 20%;
    padding: 2%;
}
    .retrivepassMain .button {
        padding: 5px;
        cursor: pointer;
        background: grey;
        color: white;
        width: 100%;
        height: 45px;
        text-align: center;
        display: inline-block;
        border-radius: 30px;
        outline: none;
        border-width: 0;
    }
    .retrivepassMain ._email {
        height: 45px;
        border-radius: 30px;
        padding-left: 10%;
        outline: none;
        border-width: 0;
        margin-bottom: 10px;
        width: 90%;
    }
.retrivepassMain table {
    width:50%;
}
    /************************ SHOPPINGCARTS *************************/
    div #shoppingcart .cartOverview {
}

        div#shoppingcart .cartOverview table {
            width: 100%;
        }

            div#shoppingcart .cartOverview table thead {
                border-bottom: 1px solid;
                height: 28px;
            }

                div#shoppingcart .cartOverview table thead th {
                    text-align: right;
                }

            div#shoppingcart .cartOverview table tbody {
            }

                div#shoppingcart .cartOverview table tbody .spacerrow {
                    height: 8px;
                }

                div#shoppingcart .cartOverview table tbody .item {
                }

                    div#shoppingcart .cartOverview table tbody .item td {
                        vertical-align: top;
                    }

                        div#shoppingcart .cartOverview table tbody .item td img {
                            width: 40px;
                        }

                        div#shoppingcart .cartOverview table tbody .item td a {
                            color: #8A8C8E;
                            font-size: 90%;
                        }

                        div#shoppingcart .cartOverview table tbody .item td input {
                        }

                            div#shoppingcart .cartOverview table tbody .item td input.remove {
                                display: block;
                                position: relative;
                                background-image: url(../../images/layout/delete.gif);
                                background-repeat: no-repeat;
                                background-position: top right;
                                border: 0;
                                padding: 1px 8px;
                                cursor: pointer;
                                background-color: transparent;
                            }

        div#shoppingcart .cartOverview #totals {
            overflow: auto;
            display: grid;
            width: 100%;
       
        }

div#shoppingcart {
    padding: 2% 0% 2% 0%;
    background-color: buttonface;
}

    div#shoppingcart .cartOverview #totals ._totals {
        display: flex;
        justify-content: space-between;
        margin-left: 60%;
    }

        div#shoppingcart .cartOverview #totals ._totals ._price {
            margin-right: 40%;
        }

    div#shoppingcart .cartOverview .headers {
        width: 100%;
        font-weight: bold;
        margin-top: 20px;
        display: inline-flex;
    }
    div#shoppingcart .cartOverview .item {
        margin-bottom: 10px;
        padding: 1% 0 1% 1%;
        display: inline-flex;
        width: 99%;
    }



    div#shoppingcart .cartOverview .product {
        width: 20%
    }

    div#shoppingcart .cartOverview .info {
        width: 40%
    }

    div#shoppingcart .cartOverview .delete, div#shoppingcart .cartOverview .total, div#shoppingcart .cartOverview .price, div#shoppingcart .cartOverview .qty {
        width: 10%
    }


    div#shoppingcart .cartOverview #totals hr {
        border-top: 1px dashed #000000 !important;
        width: 24%;
        margin-left: 60%;
    }

    div#shoppingcart .cartOverview  .item input.remove {
        display: block;
        position: relative;
        background-image: url(../../images/layout/delete.gif);
        background-repeat: no-repeat;
        background-position: top right;
        border: 0;
        padding: 1px 8px;
        cursor: pointer;
        background-color: transparent;
    }
    div #shoppingcart .cartOverview #totals table {
        float: right;
        width: auto;
    }
    div#shoppingcart .cartOverview #totals div#shoppingcart .cartOverview #totals table .label {
        padding-right: 25px;
        font-weight: bold;
    }

        div#shoppingcart .cartOverview #totals table tr.total .label, div#shoppingcart .cartOverview #totals table tr.total #tdTotal {
            border-top: 1px dashed #000000;
        }

        div#shoppingcart .cartOverview #totals table .total {
        }

    div#shoppingcart .cartBtn {
        text-align: center;
        height: 50px;
        padding-top: 20px;
        margin-block-start: 0em;
        margin-block-end: 0em;
    }


/***************************** LOGIN ****************************/
div#loginsmall {
   width: 4em;
}

    div#loginsmall input {
        width: 200px;
    }

        div#loginsmall input.button {
            width: auto;
            margin-top: 10px;
        }

    div#loginsmall .head {
    }

    div#loginsmall .foot {
    }

    div#loginsmall .loginLink {
    }

    div#loginsmall #loggedIn {
    }

        div#loginsmall #loggedIn ul {
            margin-top:30px;
        }

            div#loginsmall #loggedIn ul li {
            }

        div#loginsmall #loggedIn .head {
        }

        div#loginsmall #loggedIn .alternate {
        }

        div#loginsmall #loggedIn .foot {
        }


/**************************** PROMOS ***************************/
div#promos {
    background-color: #8eacd4;
    margin-bottom: 10px;
    padding: 10px;
}

    div#promos .header {
    }

    div#promos .box {
    }

        div#promos .box .photo {
        }

        div#promos .box .promotext {
        }

        div#promos .box .productname {
        }

        div#promos .box .price {
        }

            div#promos .box .price .price-only {
                display: none;
            }

    div#promos table {
    }

    div#promos #next2 {
        background-image: url(../../images/layout/rightBtno.png);
        float: right;
        height: 22px;
        width: 22px;
    }

    div#promos #prev2 {
        background-image: url(../../images/layout/leftBtno.png);
        height: 22px;
        width: 22px;
        display: block;
    }


/************************ NEWSCROLLER **************************/
div#newsscroller {
    background-color: #8eacd4;
    margin-bottom: 10px;
    padding: 10px;
}

    div#newsscroller img {
        display: block;
        margin: auto;
    }

.newsimgPhoto {
    /*display:none;*/
    margin-right: 5px;
}

div#newsscroller #enuzun, div#newsscroller #enuzun3 {
    position: relative !important;
    height: auto !important;
}

    div#newsscroller #enuzun div, div#newsscroller #enuzun3 div {
        position: relative !important;
        height: auto !important;
    }
/* --- prev en nextbutton voor promo's. zit standaard niet in demoshop --- */
/*
div#newsscroller table{ }
div#newsscroller #next2
{
	background-image:url(../../images/layout/rightBtno.png);
	float:right;
	height:22px;
	width:22px;
}
div#newsscroller #prev2
{
	background-image:url(../../images/layout/leftBtno.png);
	height:22px;
	width:22px;
	display:block;
}
*/



/****************************************************************/
/************************** PRODUCTCAT **************************/
/****************************************************************/
div#productcats {
    display: block;
    overflow: auto;
}

    div#productcats .box {
        float: left;
        text-align: center;
        padding: 20px;
        background-color: #8EACD4;
        margin: 10px 10px 0 0;
        width: 175px;
        height: 150px;
    }

        div#productcats .box .name {
            text-align: center;
        }

._instock {
    position: absolute;
    width: 80%;
    margin: 44% 10% 0 10%;
    text-align: center;
    line-height: 25px;
    margin-top: 7em;
    color: #ffffff;
    display:block;
}


/***************************************************************/
/************************* PRODUCTLIST *************************/
/***************************************************************/
div#productlist, div#subproductCatlist {
    height: 100%;
    width: 100%;
    display: inline-block
}

    div#productlist .box {
        background-color: #ffffff;
        float: left;
        margin: 2px 0 10px 2px;
        padding: 30px 0 0 0;
        width: 33%;
        min-width: 240px;
        height: 340px;
        position:relative;
    }

    div#subproductCatlist .label a img {
        min-width: 275px;
        height: 240px;
    }

    div#subproductCatlist .label {
        overflow: hidden;
        background-color: #ffffff;
        float: left;
        margin: 2px 0 10px 2px;
        padding: 0px 0 0 0;
        min-width: 240px;
        height: 240px;
    }

        div#subproductCatlist .label p {
            cursor: pointer;
            position: absolute;
            margin-top: -83px;
            position: absolute;
            color: #f1f1f1;
            width: 265px;
            padding: 5px 5px 0px 5px;
            font-size: 20px;
            height: 78px;
        }

    div #productlist .box img {
        margin: auto;
        width: 175px;
        height: 175px;
        display: block
    }

    div#productlist .box .ProductName {
        color: #525960 !important;
        width: 235px;
        display: block;
        margin: auto;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        padding-top: 20px;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 15px;
        height: 45px;
    }

    div#productlist .box .moreInfo {
        background-image: url('/UserFiles/Uploads/Iconen/plus_gray.png');
        display: block;
        background-repeat: no-repeat;
        background-size: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 90%;
        margin-top: -10px;
    }

    div#productlist .box .wishList {
        background-size: 20px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 6px;
        margin-top: -10px;
    }
    div#productlist .box .heart, ._productDetails_Top ._productDetails_left ._productphoto_bottom .heart, ._item_inThepicture ._top .heart {
        display: block;
        background-repeat: no-repeat;
    }
    div#productlist .box .heart_filled, ._productDetails_Top ._productDetails_left ._productphoto_bottom .heart_filled, ._item_inThepicture ._top .heart_filled {
        display: block;
        background-repeat: no-repeat;
    }

    div#productlist .box .price {
        color: #4aad8e;
        font-size: 1.1vw;
        font-weight: bold;
        position: absolute;
        margin-top: -25px;
        margin-left: 10px;
    }

    div#productlist .box .quantity {
        width: 24px;
        height: 24px;
        font-size: 18px;
        text-align: center;
        border: none;
        -webkit-box-shadow: 0px 0px 5px 3px rgba(189,185,189,1);
        -moz-box-shadow: 0px 0px 5px 3px rgba(189,185,189,1);
        box-shadow: 0px 0px 5px 3px rgba(189,185,189,1);
        color: #4aad8e;
        float: right;
        margin-top: 25px;
        margin-right: 20%;
    }

    div#productlist .box .OrderButton {
        background-repeat: no-repeat;
        background-size: 30px;
        width: 30px;
        height: 33px;
        border: none;
        background-color: transparent;
        cursor: pointer;
        position: absolute;
        margin-left: 85%;
        margin-top: 27px;
        text-align: left;
        padding-left: 4px;
        font-size: 16px;
    }

    div #productlist .box .shortdescription {
    }

   


/**************************************************************/
/*********************** PRODUCTDETAIL ************************/
/**************************************************************/
div#productdetail {
    background-color: #e0e0e0;
    padding: 10px;
}

    div#productdetail img {
        margin-right: 10px;
    }

    div#productdetail .middle {
    }

        div#productdetail .middle .orderconfirm {
        }

        div#productdetail .middle table {
        }

            div#productdetail .middle table .name {
            }

            div#productdetail .middle table .price {
            }

            div#productdetail .middle table .variants {
            }

            div#productdetail .middle table .content {
            }

    div#productdetail .header {
    }

    div#productdetail .footer {
    }

#ProductImage .promoicon {
    left: 27px;
    margin-top: -20px;
    position: absolute;
    width: 50px;
}

div#content #innercontent #ProductFiche .productName .lblPromoText {
    font-weight: normal;
    color: #8a8c8e;
}
/*************************************************************/
/*********************** CUSTOMFORMTABLE *********************/
/*************************************************************/
table.regPass {
}

    table.regPass tbody {
    }

        table.regPass tbody tr {
        }

            table.regPass tbody tr td {
            }

                table.regPass tbody tr td .passTd {
                    width: 200px;
                    display: block;
                }

table.CustomFormTable {
}

    table.CustomFormTable tbody {
    }

        table.CustomFormTable tbody tr {
        }

            table.CustomFormTable tbody tr td {
            }

                table.CustomFormTable tbody tr td.LabelCell {
                    width: 200px;
                }

                table.CustomFormTable tbody tr td.FieldCell {
                }


/************************************************************/
/************************** KASSA ***************************/
/************************************************************/
div#Checkout {
}

    div#Checkout input {
    }

        div#Checkout input.button {
        }

    div#Checkout h2 {
        padding: 10px 0;
        border-bottom: solid 1px;
        margin-bottom: 10px;
    }

    div#Checkout .section {
        overflow: auto;
    }

        div#Checkout .section table.contacttypes {
            width: 100%;
            background-color: #ccc;
        }

            div#Checkout .section table.contacttypes thead {
                background-color: #8EACD4;
                height: 28px;
            }

                div#Checkout .section table.contacttypes thead th {
                }

            div#Checkout .section table.contacttypes tbody {
            }

                div#Checkout .section table.contacttypes tbody tr {
                }

                    div#Checkout .section table.contacttypes tbody tr td {
                        padding: 5px;
                    }

        div#Checkout .section .OrderItems {
            width: 100%
        }

            div#Checkout .section .OrderItems thead {
                background-color: #8EACD4;
                height: 28px;
            }

                div#Checkout .section .OrderItems thead th {
                    text-align: center;
                }

                    div#Checkout .section .OrderItems thead th span {
                        font-weight: bold;
                    }

            div#Checkout .section .OrderItems tbody {
            }

                div#Checkout .section .OrderItems tbody .item {
                    background-color: #cadffb;
                }

                    div#Checkout .section .OrderItems tbody .item td {
                        padding: 5px;
                    }

                        div#Checkout .section .OrderItems tbody .item td a {
                        }

                        div#Checkout .section .OrderItems tbody .item td.checkTd {
                        }

                div#Checkout .section .OrderItems tbody .itemAlt {
                    background-color: #ccc;
                }

                    div#Checkout .section .OrderItems tbody .itemAlt td {
                        padding: 5px;
                    }

                        div#Checkout .section .OrderItems tbody .itemAlt td a {
                        }

                        div#Checkout .section .OrderItems tbody .itemAlt td.checkTd {
                        }

        div#Checkout .section .Total {
            float: right;
        }

            div#Checkout .section .Total tbody {
            }

                div#Checkout .section .Total tbody tr {
                }

                    div#Checkout .section .Total tbody tr td {
                    }

                        div#Checkout .section .Total tbody tr td.checkoTd {
                            text-align: right;
                            font-weight: bold;
                        }

                        div#Checkout .section .Total tbody tr td.Price {
                            padding: 5px;
                            text-align: right;
                            width: 90px;
                        }

    div#Checkout .pay {
    }

        div#Checkout .pay .noborder {
        }

    div#Checkout input.button {
    }


/************************************************************/
/********************** ORDEROVERVIEW ***********************/
/************************************************************/
div#ordersoverview {
}

    div#ordersoverview a {
    }

    div#ordersoverview table.orderlist {
        width: 100%;
    }

    div#ordersoverview table tr {
    }

        div#ordersoverview table tr.header {
            background-color: #ccc;
            height: 28px;
        }

            div#ordersoverview table tr.header td {
            }

        div#ordersoverview table tr.item {
        }

            div#ordersoverview table tr.item td {
                padding: 5px;
            }

        div#ordersoverview table tr.alternate {
        }

            div#ordersoverview table tr.alternate td {
                padding: 5px;
            }

/************************************************************/
/********************** RESERVATION *************************/
/************************************************************/

div#Reservation div#ReservationInfo,
div#Reservation div#ReservationLocation,
div#Reservation div#ReservationPersonalData,
div#Reservation div#ReservationProducts,
div#Reservation div#ReservationComment {
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}

div#Reservation td.tdvalidator {
    width: 20px;
}

div#Reservation td.valid {
    background-image: url("../../images/layout/valid.png");
    background-position: center center;
    background-repeat: no-repeat;
}

div#Reservation td.invalid {
    background-image: url("../../images/layout/invalid.png");
    background-position: center center;
    background-repeat: no-repeat;
}

div#Reservation table#ReservationLocationDataTable td.datafield input
div#Reservation table#ReservationPersonalDataTable td.datafield input {
    width: 300px;
}

div#Reservation table#ReservationProductsTable td.tdQuantityTitle {
    padding: 0 7px;
    text-align: center;
}

div#Reservation table#ReservationProductsTable td.tdQuantity {
}

    div#Reservation table#ReservationProductsTable td.tdQuantity input {
        width: 30px;
    }

div#Reservation table#ReservationProductsTable td.tdSearchBox input {
    width: 300px;
}

div#Reservation table#ReservationProductsTable td.tdPrescription {
    white-space: nowrap;
    text-align: center;
}

div#Reservation div#ReservationProducts input#btnAddRow {
    margin-left: 22px;
}

div#Reservation div#ReservationComment textarea {
    width: 100%;
}

/************************************************************/
/************************ WISHLIST **************************/
/************************************************************/
table.wishlistitems {
}

    table.wishlistitems tr.item {
    }

        table.wishlistitems tr.item td {
            padding: 5px;
        }

            table.wishlistitems tr.item td input {
            }

            table.wishlistitems tr.item td a {
            }

    table.wishlistitems tr.alternate {
    }

        table.wishlistitems tr.alternate td {
            padding: 5px;
        }

            table.wishlistitems tr.alternate td input {
            }

            table.wishlistitems tr.alternate td a {
            }

div#lijstBtn {
}

    div#lijstBtn input.button {
    }


/* -------------------------------------------------------- */
















/*************************************************************/
/******************** VALIDATIONFIELDS ***********************/
/*************************************************************/
tbody .FieldCell .validation-status {
    background-image: url("../../images/layout/required.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    height: 20px;
    width: 11px;
    padding: 0 4px;
}

    tbody .FieldCell .validation-status.invalid {
        background-image: url("../../images/layout/invalid.png");
    }

    tbody .FieldCell .validation-status.valid {
        background-image: url("../../images/layout/valid.png");
    }

.regPass .validation-status {
    background-image: url("../../images/layout/required.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline;
    height: 11px;
    width: 11px;
}

    .regPass .validation-status.invalid {
        background-image: url("../../images/layout/invalid.png");
    }

    .regPass .validation-status.valid {
        background-image: url("../../images/layout/valid.png");
    }



/*  DIALOG POPUPS */

.modalBackground {
    background-color: #333;
    filter: alpha(opacity=60);
    -moz-opacity: .60;
    opacity: .60;
}

.modalPanel {
    margin: 20px;
    padding: 30px;
    background-color: #aaa;
    border: 1px solid #fff;
    overflow: auto;
    max-height: 80%;
    min-width: 400px;
}

    .modalPanel .filter {
        border-bottom: 1px solid #fff;
    }

    .modalPanel .controls {
        text-align: right;
        margin-top: 8px;
    }

.modalTable {
    background-color: #fff;
}

/********************************************/
/*  FORMS - with Steps, Headers and Fields  */
/********************************************/
table.CustomFormTable td.header-empty {
    width: 100%;
    height: 20px;
}

table.CustomFormTable td.header-name {
    width: 100%;
    color: #2B2B2B;
    background-color: #c5c5c5;
    padding: 5px 10px 5px 10px;
    word-wrap: break-word;
    margin-top: 20px;
}

table.CustomFormTable td.header-desc {
    width: 100%;
    color: #2B2B2B;
    background-color: #f7f7f7;
    padding: 5px 10px 5px 10px;
    word-wrap: break-word;
    margin-bottom: 20px;
}

table.CustomFormTable td.FieldCell .field {
    float: left;
    width: 300px;
    font-family: "Barlow", Arial !important;
}

table.CustomFormTable td.FieldCell .field-grid {
    float: left;
    width: 480px;
}

table.CustomFormTable td.FieldCell table.field tr td input.other {
    margin-left: 10px;
}

table.CustomFormTable td.ButtonsCell {
    padding-top: 20px;
}

div#shop div#innercontent div.form-step {
    border: 2px solid #444444;
    width: 100%;
    background-color: #fdfdfd;
    margin-top: 10px;
    margin-bottom: 10px;
}

    div#shop div#innercontent div.form-step table.step-name-and-no {
        border-style: none;
        border-width: 0px;
        width: 100%;
        background-color: #444444;
        padding: 2px 10px 2px 10px;
        word-wrap: break-word;
        color: #ffffff;
    }

        div#shop div#innercontent div.form-step table.step-name-and-no td {
            padding: 0px;
            vertical-align: top;
        }

        div#shop div#innercontent div.form-step table.step-name-and-no div.step-name {
            border-style: none;
            border-width: 0px;
            width: 90%;
            background-color: #444444;
            padding: 0px;
            word-wrap: break-word;
            font-weight: bold;
            text-align: left;
        }

        div#shop div#innercontent div.form-step table.step-name-and-no div.step-no {
            border-style: none;
            border-width: 0px;
            background-color: #444444;
            padding: 0px;
            word-wrap: break-word;
            font-weight: bold;
            text-align: right;
            vertical-align: top;
        }

    div#shop div#innercontent div.form-step div.custom-form-introduction {
        border-style: none;
        border-width: 0px;
        width: 95%;
        background-color: #FBFBFB;
        /*padding: 20px 20px 20px 20px;*/
        word-wrap: break-word;
    }

    div#shop div#innercontent div.form-step div.custom-form-step {
        border-style: none;
        border-width: 0px;
        width: 92%;
        background-color: #fbfbfb;
        padding: 20px 20px 20px 20px;
        word-wrap: break-word;
    }

        div#shop div#innercontent div.form-step div.custom-form-step span.step-please-login-before,
        div#shop div#innercontent div.form-step div.custom-form-step span.step-please-enter-contact {
            font-weight: bold;
            font-size: 15px;
            color: red;
        }

        /* Custom Form Step (in Default.ascx Product.ascx front end) */
        div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-desc-caption,
        div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-desc-value,
        div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell table.field-values {
            width: 100%;
            margin: 0px;
            padding: 0px;
            border: 0px none #FFFFFF;
        }

        div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell div.ajax__tab_container {
            width: 50%
        }

        div#shop div#innercontent div.form-step div.custom-form-step td.FieldCell input.multilang-textbox {
            width: 45%;
        }

div#shop div#innercontent .ajax__calendar .ajax__calendar_container table {
    color: #000000;
    font-size: 11px;
}
/* Custom Form Step - Display Results screen (in Default.ascx Product.ascx front end) */
div#shop div#innercontent div.form-step-display-results {
    border: 2px solid #c5c5c5;
    width: 100%;
    background-color: #c5c5c5;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

div#shop div#innercontent div.form-step-name-display-results {
    padding: 5px 10px 5px 10px;
    width: 100%;
    color: #FFFFFF;
    background-color: #c5c5c5;
    word-wrap: break-word;
}

div#shop div#innercontent div.form-step-fields-display-results {
    padding: 5px 10px 5px 10px;
    width: 90%;
    background-color: #c5c5c5;
}

    div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results {
        width: 90%;
        line-height: 14px;
    }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.is-required-display-results {
            width: 22px;
        }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results {
            width: 50%;
        }

            div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results div.field-name-display-results {
                width: 50%;
                word-wrap: break-word;
            }

            div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-display-results div.field-value-name-display-results {
                width: 50%;
                margin-left: 20px;
                word-wrap: break-word;
            }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results {
            width: 45%;
        }

            div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-bar,
            div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-value-bar {
                width: 45%;
                height: 10px;
                border: 1px solid #AAB1B7;
            }

                div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-bar div.field-percentage-bar {
                    height: 10px;
                    background-color: #000000;
                }

                div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-bar-display-results div.field-value-bar div.field-value-percentage-bar {
                    height: 10px;
                    background-color: #888687;
                }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-percentage-display-results {
            width: 59px;
            vertical-align: middle;
        }

            div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-percentage-display-results div {
                width: 59px;
                text-align: right;
            }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-value-display-results span.field-name-display-results {
            color: #333333;
            word-wrap: break-word;
        }

        div#shop div#innercontent div.form-step-fields-display-results table.form-step-fields-display-results td.field-name-value-display-results span.field-value-display-results {
            color: #EA9600;
            word-wrap: break-word;
        }

div#shop div#innercontent div.form-step div.custom-form-step .CustomFormTable {
    width: 100%;
}

/*********************/
/*  CUSTOMER DETAILS */
/*********************/

#detailsmanager {
    z-index: 1;
}

#orderSteps {
    z-index: 1;
    width:45%;
}

div#orderSteps .title {
    color: #D7F50E;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#detailsmanager div.divNew input.button {
}

#detailsmanager div.contactInfo {
    position: relative;
    width: 205px;
    margin: 0;
    padding: 0 8px;
    background-color: #032d45;
    border-left: 2px solid #3581a5;
    border-right: 2px solid #3581a5;
    _margin-top: -2px;
    _width: 225px;
}

#detailsmanager div.selected {
    color: Green;
}

#detailsmanager div.divNew {
    clear: both;
    padding-top: 20px;
}

div#middle #innercontent #detailsmanager div.contactInfo .contactButtons a.icon {
    width: 14px;
    height: 14px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0px 2px;
}

#detailsmanager div.contactInfo .contactButtons a.edit {
    background-image: url(../../images/layout/edit.gif);
}

#detailsmanager div.contactInfo .contactButtons a.delete {
    background-image: url(../../images/layout/delete.gif);
}

#detailsmanager div.contactInfo .contactButtons a.select {
    background-image: url(../../images/layout/ok.gif);
}

#detailsmanager div.contactInfo span.contactButtons {
    float: right;
}

#detailsmanager .ddlType {
    margin-bottom: 15px;
}

#detailsmanager .leftCol {
    text-align: right;
}


div#Steps {
    width: 90%;
    margin-top: 17px;
    margin-bottom: 15px;
    height: 50px;
    padding: 2px;
    border-radius: 15px;
}

    div#Steps ul {
        margin: 0px;
        list-style: none;
        padding: 0;
    }

.step {
    float: left;
    margin-right: 0px;
}

.stepsLeft {
    background: url(../../images/layout/stepsLeft.png) repeat scroll 0 0 transparent;
    float: left;
    height: 36px;
    _height: 34px;
    margin-top: -2px;
    width: 9px;
}

.stepsRight {
    background: url(../../images/layout/stepsRight.png) repeat scroll 0 0 transparent;
    float: right;
    height: 36px;
    _height: 34px;
    margin-left: -9px;
    margin-top: -2px;
    width: 9px;
}



div#middle #innercontent div#Steps a {
    width: auto;
    height: 32px;
    line-height: 32px;
    display: block;
    text-decoration: none;
    color: #616e73;
    background-color: #032d45;
    _padding-right: 5px;
    cursor: default
}

    div#middle #innercontent div#Steps a.clickable {
        cursor: pointer;
    }

    div#middle #innercontent div#Steps a.cartactive {
        color: #fff;
        font-weight: bold;
    }

    div#middle #innercontent div#Steps a.billingactive {
        color: #fff;
        font-weight: bold;
    }

    div#middle #innercontent div#Steps a.paymentactive {
        color: #fff;
        font-weight: bold;
    }

    div#middle #innercontent div#Steps a.deliveryactive {
        color: #fff;
        font-weight: bold;
    }

    div#middle #innercontent div#Steps a.overviewactive {
        color: #fff;
        font-weight: bold;
    }


.cart {
    background-image: url(../../images/layout/1.jpg);
}

.cartactive {
    /*background-image: url(../../images/layout/1.jpg);*/
}
.cartactive, .billing, .billingactive, .delivery, .deliveryactive, .payment, .overview, .paymentactive, .overviewactive, .cart {
    padding-left: 1%;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    font-size: 25px;
}


div#cartTop {
    background-image: url("../../images/layout/cartTop.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
    _height: 14px;
}

div#cartBottom {
    background-image: url("../../images/layout/cartBottom.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#cart .amntEdit input {
    width: 40px;
    float: left;
}

div#cart td.editRow {
    width: 40px;
}

div#cart .deleteicon {
    background-image: url("../../images/layout/delete.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    background-color: #032D45;
}

div#cart .editicon {
    background-image: url("../../images/layout/edit.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-left: 6px;
}

div#cart .amntEdit a.saveicon {
    background-image: url("../../images/layout/save.gif");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    float: left;
    margin: 5px;
}

.billing {
    /*background-image: url("../../images/layout/2.jpg");*/

}

.billingactive {
    /*background-image: url("../../images/layout/2.jpg");*/
}


.delivery {
    /*background-image: url("../../images/layout/3.jpg");*/
}

.deliveryactive {
    /*background-image: url("../../images/layout/3.jpg");*/
}


.payment {
    /*background-image: url("../../images/layout/4.jpg");*/
}

.paymentactive {
    /*background-image: url("../../images/layout/4.jpg");*/
}

.overview {
    /*background-image: url("../../images/layout/5.jpg");*/
}

.overviewactive {
    /*background-image: url("../../images/layout/5.jpg");*/
}

.nonclick {
    cursor: default;
}

div#divItems {
    _width: 100%;
    padding: 10px 20px;
    _margin-top: -2px;
}

    div#divItems table {
        font-size: 12px;
        width: 100%;
    }

        div#divItems table th {
            text-align: left;
        }

input.disabled {
    color: #ffffff;
}

div#bestelLogin {
    margin-top: 70px;
    _margin-top: 100px;
}

div#bestelLoginInner {
    width: 100%;
}
    div#bestelLoginInner .FieldCell .customField_1000122 tr td,
    div#bestelLoginInner .FieldCell .customField_1000122 tr,
    div#bestelLoginInner .FieldCell .customField_1000022 tr td,
    div#bestelLoginInner .FieldCell .customField_1000022 tr {
        height: 30px;
        min-height: 30px;
    }
    div#bestelLoginInner .FieldCell .customField_1000140 select
    {
        display:inline-block;
        width:80px !important;
        
    }
    div#bestelLoginInner .FieldCell {
        font-size: 16px;
        line-height:43px;
    }

        div#bestelLoginInner .FieldCell.left
        {
            width:140px;
            color:#ffffff;
            font-weight:bold;
        }
        div#bestelLoginInner label {
            font-size: 16px;
            color:#ffffff;
        }

    div#bestelLoginInner input#ctl00_cphCenterCol_page_siteLogin_btnNext {
        display: block;
    }

div#loginTop {
    background-image: url("../../images/layout/cartTop.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
    _height: 14px;
}

div#loginBottom {
    background-image: url("../../images/layout/cartBottom.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#divCoupon {
    margin-top: 20px;
    background-color: #032d45;
    width: 360px;
    float: left;
    margin-bottom: 50px;
}

div#CouponInner {
    padding: 10px 9px;
    border-left: 2px solid #3581a5;
    border-right: 2px solid #3581a5;
    _margin-top: -2px;
}

div#couponTop {
    background-image: url("../../images/layout/couponsTop.gif");
    width: 360px;
    height: 13px;
    background-repeat: no-repeat;
}

div#couponBottom {
    background-image: url("../../images/layout/couponsBottom.gif");
    width: 360px;
    height: 13px;
    background-repeat: no-repeat;
}


div#finalTotals {
    font-size: 12px;
    margin-top: 20px;
    background-color: #032D45;
    margin-right: 5px;
    margin-bottom: 20px;
}

    div#finalTotals .total {
        border-left: 2px solid #3581a5;
        border-right: 2px solid #3581a5;
        width: 607px;
        padding-left: 10px;
        _margin-top: -2px;
        _text-align: center;
        padding-right: 18px;
    }

        div#finalTotals .total td {
            text-align: right;
        }

    div#finalTotals .totalTd {
    }

    div#finalTotals .total td.amount {
        _padding-right: 18px;
        width: 20%;
    }

    div#finalTotals .total .totalPrice {
        font-weight: bold;
        color: #D7F50E;
    }

    div#finalTotals .total .subtotalPrice {
        font-weight: bold;
    }

    div#finalTotals table {
        font-size: 12px;
    }

div#finaltotalsTop {
    background-image: url("../../images/layout/cartTop.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#finaltotalsBottom {
    background-image: url("../../images/layout/cartBottom.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#divTotals {
    font-size: 12px;
    margin-top: 20px;
    width: 28%;
    /*background-color: #032D45;*/
    float: right;
    margin-right: 5px;
    margin-bottom: 20px;
}

    div#divTotals .total {
        border-left: 2px solid #3581a5;
        border-right: 2px solid #3581a5;
        width: 225px;
        padding-left: 10px;
        _margin-top: -2px;
        _text-align: center;
    }

        div#divTotals .total td {
            text-align: right;
            padding-right: 18px;
        }

        div#divTotals .total .totalPrice {
            font-weight: bold;
            color: #D7F50E;
        }

        div#divTotals .total .subtotalPrice {
            font-weight: bold;
        }

    div#divTotals table {
        font-size: 12px;
    }

div#totalsTop {
    background-image: url("../../images/layout/smallTotalsTop.gif");
    width: 225px;
    height: 13px;
    background-repeat: no-repeat;
}

div#totalsBottom {
    background-image: url("../../images/layout/smallTotalsBottom.gif");
    width: 225px;
    height: 13px;
    background-repeat: no-repeat;
}



div#control input.bestNext {
    cursor: pointer;
}

div#control input.bestPrev {
    cursor: pointer;
}

div#deliverydetail {
    width: 95%;
    padding: 0px 15px;
    _width: 608px;
    _margin-top: -2px;
}

/*div#paymentDetails{ background-color:#032d45; width:563px; _width:607px; border-left:2px solid #3581a5; border-right:2px solid #3581a5; padding: 10px 20px; _margin-top:-2px; }*/

div#contactTop {
    background-image: url("../../images/layout/contactTop.png");
    _background-image: url("../../images/layout/contactTop.gif");
    width: 225px;
    height: 13px;
    background-repeat: no-repeat;
}

div#contactBottom {
    background-image: url("../../images/layout/contactBottom.gif");
    width: 225px;
    height: 13px;
    background-repeat: no-repeat;
}

div#contacts {
    width: 225px;
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
}


div#finalcontactWrap div#detailsmanager {
    margin: 0;
}

    div#finalcontactWrap div#detailsmanager div.contactInfo {
        width: 271px;
        _width: 291px;
    }

div#finalcontactWrap {
}

    div#finalcontactWrap div#finalcontacts {
        width: 291px;
        float: left;
    }

        div#finalcontactWrap div#finalcontacts div#contactTop {
            background-image: url("../../images/layout/finalcontactTop.gif");
            width: 291px;
            height: 13px;
        }

        div#finalcontactWrap div#finalcontacts div#contactBottom {
            background-image: url("../../images/layout/finalcontactBottom.gif");
            width: 291px;
            height: 13px;
        }


div#finalcontactTop {
    background-image: url("../../images/layout/finalcontactTop.gif");
    width: 291px;
    height: 13px;
    background-repeat: no-repeat;
}

div#finalcontactBottom {
    background-image: url("../../images/layout/finalcontactBottom.gif");
    width: 291px;
    height: 13px;
    background-repeat: no-repeat;
}

div#finalcontacts {
    width: 291px;
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
}

div#deliveryTop {
    background-image: url("../../images/layout/cartTop.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#deliveryBottom {
    background-image: url("../../images/layout/cartBottom.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}

div#deliverydetail {
    background-color: #032D45;
    border-left: 2px solid #3581a5;
    border-right: 2px solid #3581a5;
}

div#deliverywrap {
}

div#payment {
    background-color: #032D45;
    border-left: 2px solid #3581A5;
    border-right: 2px solid #3581A5;
    padding: 10px 20px;
    width: 563px;
    _width: 607px;
    _margin-top: -2px;
}

    div#payment span#spanCredits {
        display: inline-block;
        padding: 8px 0px;
    }

div#paymentTop {
    background-image: url("../../images/layout/cartTop.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
    _height: 14px;
}

div#paymentBottom {
    background-image: url("../../images/layout/cartBottom.gif");
    width: 607px;
    height: 13px;
    background-repeat: no-repeat;
}



div#paymentOverview {
    clear: both;
    margin-bottom: 20px;
    margin-top: 20px;
}

div#totalsWrap {
    width: 610px;
}

.shopItems {
    width: 100%;
}

    .shopItems thead th {
        border-bottom: 1px solid #fff;
    }

    .shopItems .amntLabel span {
        float: left;
    }

    .shopItems .amntLabel a.editIcon {
        float: none;
    }

.item td.totalPrice {
    text-align: right;
}

.alternate td.totalPrice {
    text-align: right;
}

div#divItems table th.totalPrice {
    text-align: right;
}

div#divItems table th {
    border-bottom: 1px solid #fff;
}

/***** Next-previous buttons *****/
.bestNext {
    background: none;
    border: none;
    background-image: url("../../images/layout/right100.jpg");
    height: 65px;
    width: 50px;
    border: none;
}

.bestNextdis {
    background: none;
    border: none;
    background-image: url("../../images/layout/right25.jpg");
    height: 65px;
    width: 50px;
    border: none;
}

.bestPrev {
    background: url("../../images/layout/left100.jpg");
    height: 65px;
    margin-left: -10px;
    margin-right: 50px;
    width: 50px;
    border: none;
}

.bestPrevdis {
    background: none;
    border: none;
    background-image: url("../../images/layout/left25.jpg");
    height: 65px;
    width: 50px;
    margin-left: -10px;
    margin-right: 50px;
}

div#control {
    margin-top: 90px;
    text-align: center;
    clear: both;
}

div#detailsmanager {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 635px;
}

div#delivery {
    margin-top: 10px;
}

div#paymentWrap {
    margin-top: 40px;
}

div#bestelLogin {
    margin-top: 40px;
}

/******** social media *****/
.addthis_toolbox {
}

.at300b {
}

.addthis_button_google_plusone {
    width: 70px;
}

.fb_iframe_widget {
}

.ContactForm {
    margin-bottom: 30px;
}

.addthis_toolbox addthis_default_style {
    margin-top: 30px;
}

.facebookComments {
    background-color: #FFFFFF;
    margin-top: 20px;
    text-align: center;
}

/*************************/
/***  SELECTION FIELDS ***/
/*************************/

.togglePanel {
    height: 20px;
    width: 100%;
    background-color: #ccc;
    color: #333;
    font-weight: bold;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding-left: 8px;
}

div.CategoriesSelection div.catslist {
    height: 380px;
    overflow: auto;
}

div.CategoriesSelection div.controls {
    width: 100%;
    border-top: 2px solid #777;
    padding-top: 10px;
    display: none;
}

div.SelectionField a.addbtn {
    padding: 2px 5px 2px 20px;
    background-image: url(../../images/admin/add.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
}

    div.SelectionField a.addbtn:hover {
        background-color: none;
    }

div.SelectionField a.delBtn {
    background-image: url(../../images/admin/delete.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 16px;
    position: relative;
    top: 2px;
    width: 20px;
}

div.SelectionField div.selected {
    margin-top: 2px;
    max-height: 400px;
    overflow: auto;
}

    div.SelectionField div.selected ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-bottom: 5px;
    }

        div.SelectionField div.selected ul li {
            background-color: #006699;
            height: 22px;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            line-height: 22px;
            padding-left: 5px;
        }

            div.SelectionField div.selected ul li:hover {
                background-color: #336699;
            }


div.SelectionField ul.autoCompleteList,
ul.autoCompleteList {
    list-style-type: none;
    z-index: 999;
    border: 2px solid #bbb;
    padding: 0;
    margin: 0;
    visibility: hidden;
    background-color: #ffffff;
}

    div.SelectionField ul.autoCompleteList li {
        list-style-type: none;
    }

        div.SelectionField ul.autoCompleteList li:hover {
            background-color: Blue;
            cursor: pointer;
        }

        div.SelectionField ul.autoCompleteList li a {
            list-style-type: none;
            background-color: #000;
        }

div.SelectionField .ui-sortable .ui-sortable {
    cursor: move;
}

div.PhotosField a.delBtn {
    left: -18px;
    position: relative;
    cursor: pointer;
}

div.PhotosField div.imagebox img {
    border: 1px solid #ddd;
}

div.FilesField div.selected {
    margin-top: 10px;
}

div.ColourField {
    position: relative;
    z-index: 2;
}

    div.ColourField input {
        -moz-box-sizing: padding-box;
    }

div.SubscribersSelection a.selectall {
    cursor: pointer;
    background-image: url(../../images/admin/toggle.png);
    background-repeat: no-repeat;
    background-position: 4px center;
    padding: 4px 13px 4px 30px;
    background-color: #eee;
    color: #666;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    border: 1px solid #ddd;
}

    div.SubscribersSelection a.selectall:hover {
        border: 1px solid #FF8A06;
    }

div.SubscribersSelection table td img.changebutton {
    cursor: pointer;
}

div.SubscribersSelection table tr.includedmanually {
    background-color: #a6dba3;
}

div.SubscribersSelection table tr.includedbygroup {
    background-color: #d5f1d4;
}

div.SubscribersSelection table tr.excluded {
    background-color: #cf9f9f;
}


/*****************************/
/*** GLOBAL UPDATEPROGRESS ***/
/*****************************/
div#global_updateprogress div#global_updateprogress_background,
div.global_updateprogress div.global_updateprogress_background {
    position: fixed;
    _position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #333;
    z-index: 998;
    opacity: .60;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

div#global_updateprogress div#global_updateprogress_loader,
div.global_updateprogress div.global_updateprogress_loader {
    padding: 20px;
    position: fixed;
    _position: absolute;
    background-color: #fff;
    border: 1px solid #555;
    z-index: 999;
    display: block;
}

    div#global_updateprogress div#global_updateprogress_loader *,
    div.global_updateprogress div.global_updateprogress_loader * {
        float: left;
        display: block;
    }

div#global_updateprogress div#global_updateprogress_message,
div.global_updateprogress div.global_updateprogress_message {
    display: block;
    margin-left: 20px;
    position: relative;
    top: 9px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
}

div .mpeBackground {
    background-color: #333;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


/*****************************/
/*** PIP                   ***/
/*****************************/
 div#innercontent div.pip {
    padding: 5px 2px 5px 2px;
    background-color: #FFFFFF;
    width:60%;
    margin:auto;
}
div#innercontent .modalpopup-content div.pip {
    width: 100%;
}

    div #innercontent div.pip a.pip-link, div#innercontent div.pip a.create-remark {
        color: #21abd9;
        text-decoration: underline;
        font-size: 11px;
    }

     div#innercontent div.pip a[disabled=disabled].pip-link
     div#innercontent div.pip a[disabled=disabled].create-remark {
        color: #CCC;
        text-decoration: underline;
        font-size: 11px;
    }

     div#innercontent div.pip span.pip-link {
        color: #3248A1;
        text-decoration: underline;
    }

div#innercontent div.pip > div#pip-help {
    margin: 10px;
    text-align: right;
}

div#innercontent div.pip > div#pip-customer {
    margin: 10px 10px 30px 10px;
}

div#innercontent div.pip > table.pip {
    margin: 10px 10px 10px 30px;
}

 div#innercontent div.pip div#pip-customer span.pip-title {
    color: #393939;
    font-weight: bold;
}

 div#innercontent div.pip div#pip-customer span.pip-customer {
    color: #3248A1;
    font-weight: bold;
}

 div#innercontent div.pip div.patients-list {
    color: #393939;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

     div#innercontent div.pip div.patients-list table.GridView tr .patient-name {
        color: #393939;
    }

         div#innercontent div.pip div.patients-list table.GridView tr .patient-name a {
            color: #3248A1;
        }

 div#innercontent div.popup-log {
    width: 600px;
    word-wrap: break-word;
    margin-bottom: 20px;
}

     div#innercontent div.popup-log div.log-book > div.modalpopup-content div.log-results {
        width: 600px;
        height: 300px;
        overflow: auto;
    }

     div#innercontent div.popup-log div.modalpopup {
        width: 600px;
        word-wrap: break-word;
        margin-bottom: 20px;
    }

     div#innercontent div.popup-log div.log-search {
        margin-bottom: 10px;
    }

         div#innercontent div.popup-log div.log-search table.log-search {
            color: #393939;
            margin-bottom: 10px;
        }

div.print-log-book {
    margin: 20px 10px 20px 50px;
    width: 600px;
}

     div#innercontent div.popup-log div.pip-log-book table.GridView,
    div.print-log-book table.GridView {
        width: 100%;
        color: #393939;
        border: 1px solid transparent;
        margin-bottom: 10px;
    }

         div#innercontent div.popup-log div.pip-log-book table.GridView td.log-person,
         div#innercontent div.popup-log div.pip-log-book table.GridView th.log-person,
        div.print-log-book table.GridView td.log-person,
        div.print-log-book table.GridView th.log-person {
            width: 300px;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            text-align: left;
        }

         div#innercontent div.popup-log div.pip-log-book table.GridView th.log-day,
        div.print-log-book table.GridView th.log-day {
            width: 250px;
            font-weight: bold;
            padding: 2px 2px 2px 10px;
            text-align: left;
        }

         div#innercontent div.popup-log div.pip-log-book table.GridView td.log-day,
        div.print-log-book table.GridView td.log-day {
            padding: 2px 2px 2px 10px;
            text-align: left;
        }

         div#innercontent div.popup-log div.pip-log-book table.GridView th.log-hour,
        div.print-log-book table.GridView th.log-hour {
            width: 50px;
            font-weight: bold;
            padding: 2px 10px 2px 2px;
            text-align: right;
        }

         div#innercontent div.popup-log div.pip-log-book table.GridView td.log-hour,
        div.print-log-book table.GridView td.log-hour {
            padding: 2px 10px 2px 2px;
            text-align: right;
        }

         div#innercontent div.popup-log div.pip-log-book div.pip-buttons,
        div.print-log-book table.GridView div.pip-buttons {
            padding: 10px 20px 10px 10px;
            text-align: right;
        }

 div#innercontent div.popup-med-schema-daily {
    width: 900px;
    word-wrap: break-word;
    margin-bottom: 20px;
}

     div#innercontent div.popup-med-schema-daily div.med-schema-details > div.modalpopup-content {
        width: 950px;
        height: 300px;
        overflow: auto;
    }

 div#innercontent div.popup-med-schema div.print-dialog {
    margin-bottom: 10px;
}

 div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search {
    color: #393939;
    margin-bottom: 10px;
}

     div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-label {
        color: #393939;
    }

         div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-label span.med-schema-exclamation {
            color: #FF0000;
        }

     div#innercontent div.popup-med-schema-print div.print-dialog table.med-schema-search td.med-schema-search-textbox {
        color: #393939;
    }

 div#innercontent div.pip table.pip .pip-active,  div#innercontent div.pip table.pip .pip-link,
 div#innercontent div.pip table.pip .pip-security-status,  div#innercontent div.pip table.pip .pip-security-link {
    background-color: #f9f9f9;
    padding: 7px 5px;
}

 div#innercontent div.pip table.pip .pip-security-link {
    padding-left: 15px;
}



 div#innercontent div.pip table.third-party-pwd div.popup-explanation {
    width: 300px;
    color: #393939;
    word-wrap: break-word;
    font-style: italic;
    margin-bottom: 20px;
}

 div#innercontent div.pip table.third-party-pwd td.pip-title {
    color: #393939;
    margin-bottom: 20px;
}

 div#innercontent div.pip div.popup-explanation {
    width: 300px;
    color: #393939;
    word-wrap: break-word;
    font-style: italic;
    margin-bottom: 20px;
}

 div#innercontent div.pip div.popup-edit table.rights-edit {
    line-height: 20px;
    vertical-align: middle;
    margin-bottom: 20px;
}

     div#innercontent div.pip div.popup-edit table.rights-edit td.column1 {
        width: 100px;
    }

     div#innercontent div.pip div.popup-edit table.rights-edit td.column2 {
        width: 100px;
        text-align: center;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #C4C4C4;
    }

     div#innercontent div.pip div.popup-edit table.rights-edit td.care-provider {
        color: #030303;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C4C4C4;
    }

     div#innercontent div.pip div.popup-edit table.rights-edit td.right-name {
        color: #000000;
        font-weight: bold;
    }

     div#innercontent div.pip div.popup-edit table.rights-edit td.right-value {
        color: #000000;
        font-weight: bold;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #C4C4C4;
    }

 div#innercontent div.pip div.popup-edit td.pip-title {
    color: #030303;
}

 div#innercontent div.pip span.pip-title {
    color: #393939;
}

 div#innercontent div.pip div.pip-help {
    width: 600px;
    color: #393939;
    padding: 10px;
}

 div#innercontent div.pip div.pip-help-field-name {
    width: 600px;
    color: #393939;
    font-weight: bold;
    margin-bottom: 10px;
}

 div#innercontent div.pip div.pip-help-field-value {
    width: 600px;
    color: #393939;
    margin-bottom: 20px;
}

 div#innercontent div.pip div.pip-edit-med-schema {
    width: 300px;
    word-wrap: break-word;
}

     div#innercontent div.pip div.pip-edit-med-schema table.med-schema {
        width: 100%;
        color: #393939;
        margin-bottom: 10px;
    }

         div#innercontent div.pip div.pip-edit-med-schema table.med-schema td span.med-schema-label {
            color: #393939;
            font-weight: bold;
        }

         div#innercontent div.pip div.pip-edit-med-schema table.med-schema td input.med-schema-textbox {
            color: #393939;
        }

         div#innercontent div.pip div.pip-edit-med-schema table.med-schema td span.med-schema-exclamation {
            color: #FF0000;
        }

         div#innercontent div.pip div.pip-edit-med-schema table.med-schema td input.med-schema-help {
            color: #393939;
        }

     div#innercontent div.pip div.pip-edit-med-schema table.GridView {
        width: 100%;
        color: #393939;
        border: 1px solid transparent;
        margin-bottom: 10px;
    }

         div#innercontent div.pip div.pip-edit-med-schema table.GridView td,
         div#innercontent div.pip div.pip-edit-med-schema table.GridView th {
            padding: 2px 2px 2px 10px;
            text-align: left;
        }

 div#innercontent div.pip table.pip {
    width: 90%;
    color: #393939;
}

     div#innercontent div.pip table.pip > tbody > tr > td.pip-info {
        width: 16px;
    }

     div#innercontent div.pip table.pip > tbody > tr > td.pip-title {
        padding-right: 5px;
        text-align: right;
        width: 100px;
        width: 100px;
    }

     div#innercontent div.pip table.pip > tbody > tr > td.pip-active {
        width: 16px;
        padding-left: 20px;
    }

     div#innercontent div.pip table.pip > tbody > tr > td.pip-link {
        width: 200px;
    }

     div#innercontent div.pip table.pip > tbody > tr > td.pip-security-status {
        width: 250px;
    }


 div#innercontent div.pip table.med-schema-weekly-top,
div.print-med-schema table.med-schema-weekly-top {
    width: 100%;
    color: #393939;
    margin-bottom: 5px;
    margin-top: 30px;
}

 div#innercontent div.pip table.med-schema-daily-top,
div.print-med-schema table.med-schema-daily-top {
    width: 930px;
    color: #393939;
    margin-bottom: 5px;
}

 div#innercontent div.pip table.med-schema-weekly-top tr.empty-row,
div.print-med-schema table.med-schema-weekly-top tr.empty-row {
    height: 30px;
}

 div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo,
div.print-med-schema table.med-schema-weekly-top td.med-schema-logo,
 div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo,
div.print-med-schema table.med-schema-daily-top td.med-schema-logo {
    width: 100px;
    height: 130px;
}

     div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo img.med-schema-logo,
    div.print-med-schema table.med-schema-daily-top td.med-schema-logo img.med-schema-logo {
        border: 1px solid #000 !important;
    }

     div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo input.read-only,
     div#innercontent div.pip table.med-schema-daily-top td.med-schema-logo input.read-only {
        cursor: default;
    }

     div#innercontent div.pip table.med-schema-weekly-top td.med-schema-logo div.med-schema-logo-upload {
        position: absolute;
        left: -140px;
        top: -50px;
    }

 div#innercontent div.pip table.med-schema-weekly-top td.med-schema-title,
div.print-med-schema table.med-schema-weekly-top td.med-schema-title {
    width: 620px;
    color: #1347B7;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    font-size: 110%;
}

 div#innercontent div.pip table.med-schema-daily-top td.med-schema-title,
div.print-med-schema table.med-schema-daily-top td.med-schema-title {
    width: 570px;
    color: #1347B7;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

 div#innercontent div.pip table.med-schema-weekly-top td.med-schema-pharmacist,
 div#innercontent div.pip table.med-schema-weekly-top td.med-schema-doctor,
div.print-med-schema table.med-schema-weekly-top td.med-schema-pharmacist,
div.print-med-schema table.med-schema-weekly-top td.med-schema-doctor,
 div#innercontent div.pip table.med-schema-daily-top td.med-schema-pharmacist,
 div#innercontent div.pip table.med-schema-daily-top td.med-schema-doctor,
div.print-med-schema table.med-schema-daily-top td.med-schema-pharmacist,
div.print-med-schema table.med-schema-daily-top td.med-schema-doctor {
    width: 250px;
    color: #1347B7;
    margin-bottom: 10px;
    text-align: left;
}

 div#innercontent div.pip table.med-schema-weekly-top td span.med-schema-label,
div.print-med-schema table.med-schema-weekly-top td span.med-schema-label,
 div#innercontent div.pip table.med-schema-daily-top td span.med-schema-label,
div.print-med-schema table.med-schema-daily-top td span.med-schema-label {
    width: 250px;
    color: #013069;
    margin-bottom: 10px;
    text-align: left;
    text-decoration: underline;
}

 div#innercontent div.pip table.med-schema-weekly-top td span.med-schema-content,
div.print-med-schema table.med-schema-weekly-top td span.med-schema-content,
 div#innercontent div.pip table.med-schema-daily-top td span.med-schema-content,
div.print-med-schema table.med-schema-daily-top td span.med-schema-content {
    width: 250px;
    color: #013069;
    margin-bottom: 10px;
}

 div#innercontent div.pip table.med-schema-weekly-top td.med-schema-date,
div.print-med-schema table.med-schema-weekly-top td.med-schema-date,
 div#innercontent div.pip table.med-schema-daily-top td.med-schema-date,
div.print-med-schema table.med-schema-daily-top td.med-schema-date {
    color: #013069;
    margin-bottom: 5px;
}

 div#innercontent div.med-schema-details div.pip div.divMedSchemaGrid table.GridView,
div.print-med-schema div.med-schema-details div.divMedSchemaGrid table.GridView {
    width: 930px;
    color: #393939;
    margin-bottom: 10px;
}

 div#innercontent > div.pip div.divMedSchemaGrid table.GridView,
div.print-med-schema div.divMedSchemaGrid table.GridView {
    width: 100%;
    color: #393939;
    margin-bottom: 10px;
}

     div#innercontent > div.pip div.divMedSchemaGrid table.GridView td,
    div.print-med-schema div.divMedSchemaGrid table.GridView td {
        padding: 5px;
    }

         div#innercontent > div.pip div.divMedSchemaGrid table.GridView td.product-weekday,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday {
            padding: 5px 0;
            text-align: center;
        }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView tr.empty-row,
    div.print-med-schema div.divMedSchemaGrid table.GridView tr.empty-row {
        height: 10px;
        border-top-style: none;
        border-width: 0px;
        border-color: transparent;
        padding: 0px;
        margin: 0px;
        border-collapse: separate;
        border-spacing: 0px;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header {
        background-color: #C2AD38;
        text-align: center;
        font-weight: bold;
        width: 340px;
    }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header span.product-name-header,
         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header span.product-name-header,
        div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header span.product-name-header,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header span.product-name-header {
            position: relative;
            z-index: 100;
            color: #393939;
            font-weight: bold;
        }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header,
         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header,
        div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header {
            position: absolute;
            overflow: hidden;
            height: 51px;
            top: 1px;
            left: 1px;
            width: 335px;
            z-index: 10;
        }

             div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header img.product-name-header,
             div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header img.product-name-header,
            div.print-med-schema div.divMedSchemaGrid table.GridView th.product-name-header div.product-name-header img.product-name-header,
            div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name-header div.product-name-header img.product-name-header {
                border-width: 0px;
            }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name {
        text-align: left;
    }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name input.product-name,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name input.product-name {
            color: #393939;
            width: 100%;
        }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name div.med-schema-error {
            color: #FF0000;
            width: 100%;
        }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name a.pip-link-product,
         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name a.pip-vorm {
            color: #393939;
            text-decoration: underline;
        }

        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name a.pip-link-product,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-name a.pip-vorm {
            color: #393939;
            cursor: default;
        }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-name ul.autoCompleteList {
            width: 400px !important;
            height: 150px;
            overflow: auto;
            background-color: #FFFFFF;
        }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-form-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-form-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-form-header {
        text-align: center;
        font-weight: bold;
        width: 60px;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-form {
        text-align: left;
    }

         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-form ul.autoCompleteList {
            width: 300px !important;
            height: 150px;
            overflow: auto;
            background-color: #FFFFFF;
        }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-qty,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-qty {
        width: 10px;
        height: 10px;
        color: #393939;
        text-align: center;
        padding-right: 1px;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-photo,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-photo-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-photo,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-photo-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo-header {
        width: 26px;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }


         div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip,
        div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip {
            display: inline-block;
            float: left;
            position: relative;
            left: 1px;
            behavior: url(../../scripts/css/iepngfix.htc);
            /*color:Black;*/
        }

             div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large {
                display: none;
                position: absolute;
                padding: 6px;
                top: -5px;
                left: 20px;
                z-index: 10009;
            }

            div.print-med-schema div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large {
                display: none;
            }

             div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip:hover div.pill-photo-large {
                display: block;
            }

             div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-photo div.pill-photo-tooltip div.pill-photo-large:hover {
                display: none;
            }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-sober-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-sober-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-sober-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-sober-header {
        width: 35px;
        height: 10px;
        padding: 1px;
        color: #393939;
        background-color: #E79033;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-sober,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-sober {
        width: 10px;
        height: 10px;
        padding: 1px;
        color: #393939;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.morning-title,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.morning-title {
        width: 10px;
        height: 10px;
        padding: 1px;
        color: #393939;
        background-color: #38A5DD;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-morning-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-morning-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-morning-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-morning-header {
        width: 19px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #38A5DD;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.morning-part-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.morning-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.morning-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.morning-part-header {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #93BFE6;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.morning-part,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-morning,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.morning-part,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-morning {
        width: 10px;
        height: 10px;
        padding: 1px;
        color: #393939;
        background-color: #C7DDF2;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.noon-title,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.noon-title {
        width: 16px;
        height: 10px;
        padding: 1px;
        color: #393939;
        background-color: #FFE466;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-noon-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-noon-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-noon-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-noon-header {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #FFE466;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.noon-part-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.noon-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.noon-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.noon-part-header {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #FFEFA9;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.noon-part,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-noon,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.noon-part,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-noon {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #FEF5CA;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.evening-title,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.evening-title {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #F598AB;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-evening-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-evening-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-evening-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-evening-header {
        width: 16px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #F598AB;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.evening-part-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.evening-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.evening-part-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.evening-part-header {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #FCCBD1;
        text-align: center;
        vertical-align: middle;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.evening-part,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-evening,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.evening-part,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-evening {
        width: 10px;
        height: 10px;
        padding: 5px;
        color: #393939;
        background-color: #FDE9EB;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-night-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-night-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-night-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-night-header {
        background-color: #E79033;
        text-align: center;
        vertical-align: middle;
        width: 20px;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-night,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-night {
        width: 16px;
        height: 10px;
        color: #393939;
        text-align: center;
        background-color: #9EE682;
        text-align: center;
        font-weight: bold;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header a,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday-header a,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header a,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday-header a {
        width: 22px;
        height: 10px;
        color: #393939;
        padding: 0px;
        text-align: center;
        text-decoration: none;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday-header,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header a,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday-header a,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header a,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday-header a {
        width: 18px;
        height: 10px;
        color: #393939;
        background-color: #00FF00;
        padding: 0px;
        text-align: center;
        text-decoration: none;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-weekday,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-current-weekday,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-weekday,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-current-weekday {
        width: 12px;
        height: 10px;
        color: #393939;
        text-align: center;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-number,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-number,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-number,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-number {
        width: 30px;
        height: 10px;
        color: #393939;
        padding: 1px 5px 1px 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #393939;
    }

     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-letter,
     div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-letter,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-weekday-header table.weekday td.weekday-letter,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-current-weekday-header table.weekday td.weekday-letter {
        width: 20px;
        height: 10px;
        color: #393939;
        padding: 1px;
    }

    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-remarks-weekly-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks-weekly-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView th.product-remarks-daily-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks-daily-header,
    div.print-med-schema div.divMedSchemaGrid table.GridView td.product-remarks {
        display: none;
    }

 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-remarks-weekly-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks-weekly-header {
    text-align: center;
    width: 16px;
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-remarks-daily-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks-daily-header {
    text-align: center;
    background-color: #C2AD38;
    width: 20px
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks {
    width: 24px;
    text-align: center;
    padding-right: 1px;
    padding-left: 1px;
}

     div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-remarks > div.auto-remark {
        display: none;
    }

 div#innercontent table.GridView div.customControlTooltip {
    display: inline-block;
    position: relative;
    behavior: url(../../scripts/css/iepngfix.htc);
    /*color:Black;*/
}

     div#innercontent table.GridView div.customControlTooltip div.pip-remarks {
        display: none !important;
        position: absolute;
        top: -8px;
        left: -500px;
        width: 500px;
        padding: 6px;
        text-align: left;
        color: #393939;
        background-color: #f8eeb6;
        border: 1px solid #1246B3;
        z-index: 1;
    }

         div#innercontent table.GridView div.customControlTooltip:hover div.pip-remarks,
         div#innercontent table.GridView div.customControlTooltip div.pip-remarks:hover {
            display: block !important;
        }

         div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top {
            width: 500px;
            color: #393939;
            margin-bottom: 10px;
        }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top td.remarks-title {
                text-align: left;
                color: #C00000;
            }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.remarks-top td.remarks-interval {
                text-align: right;
                color: #21AE45;
            }

         div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark {
            width: 500px;
        }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark td.remark-content {
                width: 100%;
                color: #393939;
            }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks table.manual-remark td.remark-buttons a {
                display: inline-table
            }

         div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.auto-remark table.auto-remark {
            width: 100%;
        }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.auto-remark table.auto-remark tr.remark-separator {
                border-top-style: solid;
                border-top-width: 1px;
                border-color: #4583FE;
            }

         div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.pip-buttons {
            text-align: left;
        }

             div#innercontent table.GridView div.customControlTooltip div.pip-remarks > div.pip-buttons div.create-remark {
                margin-top: 50px;
            }

 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.product-visible-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.product-visible-header,
div.print-med-schema div.divMedSchemaGrid table.GridView th.product-visible-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.product-visible-header {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-schema-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-schema-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-schema {
    display: none;
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-schema-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-schema-header {
    width: 30px;
    text-align: center;
    background-color: #C2AD38;
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-schema {
    height: 10px;
    color: #393939;
    text-align: center;
}

div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-edit-save-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-edit-save-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-edit-save,
div.print-med-schema div.divMedSchemaGrid table.GridView th.medication-delete-cancel-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-delete-cancel-header,
div.print-med-schema div.divMedSchemaGrid table.GridView td.medication-delete-cancel {
    display: none;
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-edit-save-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-edit-save-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView th.medication-delete-cancel-header,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-delete-cancel-header {
    width: 30px;
    text-align: center;
    background-color: #C2AD38;
}

 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-edit-save,
 div#innercontent div.pip div.divMedSchemaGrid table.GridView td.medication-delete-cancel {
    height: 10px;
    color: #393939;
    text-align: center;
}

 div#innercontent div.pip table.med-schema-legend {
    margin-top: 10px;
    margin-bottom: 10px;
}

     div#innercontent div.pip table.med-schema-legend td.med-schema-title {
        color: #393939;
        font-weight: bold;
        padding-bottom: 5px;
        text-align: left;
    }

     div#innercontent div.pip table.med-schema-legend td.med-schema-icon {
        text-align: center;
        vertical-align: top;
        width: 25px;
        color: #000000;
    }

         div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.product-visible {
            background-image: url(../../images/admin/visible.png);
            background-repeat: no-repeat;
            background-position: center center;
            width: 16px;
            height: 16px;
            display: inline-block;
        }

         div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.legendMorning {
            background-image: url(../../images/admin/morning.png);
            background-repeat: no-repeat;
            background-position: center center;
            width: 38px;
            height: 31px;
            display: inline-block;
        }

         div#innercontent div.pip table.med-schema-legend td.med-schema-icon div.legendNight {
            background-image: url(../../images/admin/night.png);
            background-repeat: no-repeat;
            background-position: center center;
            width: 35px;
            height: 36px;
            display: inline-block;
        }

 div#content input.popup_button_patients {
    background-image: url(../../images/admin/patientButton.png);
    background-repeat: no-repeat;
    background-position: left -2px;
    border: 0px;
    width: 147px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
    cursor: pointer;
    margin-top: 15px;
}

 div#content div.buttons {
    width: 720px;
    margin-bottom: 15px;
}

 div#content input.popup_button_overview {
    background-image: url(../../images/admin/OverviewButton.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px;
    width: 147px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
    cursor: pointer;
}

 div#content input.popup_button_edit {
    background-image: url(../../images/admin/addButton.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px;
    width: 147px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
    cursor: pointer;
}

 div#content input.popup_button_log {
    background-image: url(../../images/admin/logButton.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px;
    width: 147px;
    height: 38px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
    cursor: pointer;
}


 div#content input.popup_button_add {
    background-image: url(../../images/admin/addButton.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px;
    width: 147px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
}

 div#content input.popup_button_print {
    background-image: url(../../images/admin/imageButton.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px;
    width: 147px;
    height: 35px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding-left: 30px;
    background-color: #ffffff;
    cursor: pointer;
}


 div#innercontent div.pip .addButton {
    background-image: url("../../images/admin/add.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    margin: 0 auto;
    text-align: left;
    width: 25px;
}

 div#innercontent div.pip .morningButton {
    background-image: url("../../images/admin/morning.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 30px;
    margin: 0 auto;
    text-align: left;
    width: 30px;
}

 div#innercontent div.pip .nightButton {
    background-image: url("../../images/admin/night.png");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 35px;
    margin: 0 auto;
    text-align: left;
    width: 30px;
}

 div#innercontent div.pip div.customControlTooltip > .addButton {
    background-image: url(../../images/admin/add.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    display: block;
    cursor: default;
    margin: 0 auto;
}

 div#innercontent div.pip .editButton {
    background-image: url(../../images/admin/aanpassen.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    background-color: Transparent;
    background-repeat: no-repeat;
}

 div#innercontent div.pip .deleteCancelButton {
    background-image: url(../../images/layout/delete.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}

 div#innercontent div.pip .agendaButton {
    background-image: url(../../images/admin/agenda.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 26px;
    height: 35px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}

     div#innercontent div.pip .agendaButton.inCase {
        background-position: center 20px;
        font-weight: normal;
        padding-top: 5px;
        height: 50px;
        color: #000000;
    }

 div#innercontent div.pip .saveButton {
    background-image: url(../../images/admin/save.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}

 div#innercontent div.pip .cancelButton {
    background-image: url(../../images/admin/active_false.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    margin: 0 auto;
}

 div#innercontent div.pip .showButton {
    background-image: url("../../images/admin/exclamation.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    display: block;
    height: 16px;
    margin: 0 auto;
    width: 25px;
}

 div#innercontent div.pip div.customControlTooltip > .showButton {
    background-image: url(../../images/admin/exclamation.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    cursor: default;
    margin: 0 auto;
}

 div#innercontent div.pip div#pip-care-providers > ul {
    padding: 4px;
}

     div#innercontent div.pip div#pip-care-providers > ul > li {
        list-style-type: none;
        width: 240px;
        border: 0 none #FFFFFF;
        font-size: 90%;
        line-height: 15px;
    }

         div#innercontent div.pip div#pip-care-providers > ul > li > div {
            padding: 2px;
            width: 240px;
            border-radius: 4px 4px 4px 4px;
            /*box-shadow: 3px 3px 4px #222222;*/
        }

 div#innercontent div.pip div#pip-care-providers div#contactTop {
    width: 230px;
    height: 25px;
    background: url("/Scripts/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat-x scroll 100% top #EEEEEE;
    border: 0 none #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    line-height: 26px;
}

     div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.icon {
        width: 16px;
        height: 16px;
        text-decoration: none;
        display: block;
        float: left;
        margin: 0px 2px;
        background-repeat: no-repeat;
        background-position: center;
    }

     div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.edit {
        background-image: url(../../images/layout/edit.gif);
    }

     div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.delete {
        background-image: url(../../images/layout/delete.gif);
    }

     div#innercontent div.pip div#pip-care-providers div#contactTop .contactButtons a.select {
        background-image: url(../../images/layout/ok.gif);
    }

     div#innercontent div.pip div#pip-care-providers div#contactTop span.contactButtons {
        float: right;
        position: relative;
        top: 5px;
    }

     div#innercontent div.pip div#pip-care-providers div#contactTop span.qualification {
        font-weight: bold;
    }

 div#innercontent div.pip div#pip-care-providers div.contactInfo {
    width: 222px;
    background-image: none;
    background-color: #FFFFFF;
    border: 0 none #FFFFFF;
    position: relative;
}

     div#innercontent div.pip div#pip-care-providers div.contactInfo span.name {
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 105%;
    }

 div#innercontent div.pip div#pip-care-providers div#contactBottom {
    background-image: none;
    background-color: #FFFFFF;
    height: 13px;
    width: 238px;
    position: relative;
}

 div#innercontent div.modalpopup-title {
    color: #393939;
}

 div#innercontent div.modalpopup div.edit-care-provider {
    margin: 5px 20px 5px 20px;
    color: #393939;
    width: 540px;
}

     div#innercontent div.modalpopup div.edit-care-provider div.care-provider-instructions {
        padding-top: 20px;
        padding-bottom: 20px;
        font-style: italic;
    }

         div#innercontent div.modalpopup div.edit-care-provider div.care-provider-instructions span.care-provider-instructions {
            width: 520px;
            font-style: italic;
        }

 div#innercontent div.modalpopup div.pip-buttons {
    text-align: right;
    padding: 10px;
}

 div#innercontent div.modalpopup {
    padding: 5px;
}
/*****************************/
/*** end PIP               ***/
/*****************************/
input.deleteButton {
    width: 147px;
    height: 35px;
    padding-left: 30px;
    background-color: Transparent;
    background-image: url(../../images/admin/deleteButton.png);
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.saveButton {
    width: 147px;
    height: 35px;
    padding-left: 30px;
    background-color: Transparent;
    background-image: url(../../images/admin/saveButton.png);
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

a.saveButton {
    display: block;
    width: 147px;
    height: 35px;
    background-color: Transparent;
    background-image: url(../../images/admin/saveButton.png);
    background-repeat: no-repeat;
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    -moz-box-sizing: padding-box;
    line-height: 35px;
}

input.restoreButton {
    width: 147px;
    height: 35px;
    padding-left: 30px;
    background-color: Transparent;
    background-image: url(../../images/admin/restoreButton.png);
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.addButton {
    width: 147px;
    height: 35px;
    padding-left: 30px;
    background-color: Transparent;
    background-image: url(../../images/admin/addButton.png);
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.imageButton {
    width: 147px;
    height: 35px;
    padding-left: 40px;
    background-color: Transparent;
    background-image: url(../../images/admin/imageButton.png);
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.cancelButton {
    background-color: Transparent;
    border: none;
    background-image: url(../../images/admin/cancelButton.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 147px;
    padding-left: 25px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.eraseButton {
    background-color: Transparent;
    border: none;
    background-image: url(../../images/admin/erase.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 176px;
    padding-left: 25px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

input.backButton {
    background-color: Transparent;
    border: none;
    background-image: url(../../images/admin/backButton.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 147px;
    padding-left: 25px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}


input.invalidInput {
    background-color: #ffaaaa;
}


/**************************************/
/************ ZORGVERLENERS ***********/
/**************************************/
div#detailsmanager {
    width: auto;
}

ul.droptrue li.ui-state-default {
    list-style: none;
    margin-top: 20px;
}

#detailsmanager div.contactInfo {
    background-color: #ffffff;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid #cfcfcf;
    margin: 0;
    padding: 10px;
    position: relative;
    width: 205px;
}

div#detailsmanager .pip .button {
    background-color: #FFFFFF;
    background-image: url("../../images/admin/addButton.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    padding-left: 30px;
    width: 147px;
}


#accordion, .accordion {
    border: 1px solid #ddd;
    border: none;
    margin: 10px 0
}

    #accordion > a, .accordion > a {
        display: block;
        text-decoration: none;
    }

    #accordion > h3, #accordion > a, .accordion > h3, .accordion > a {
        background-color: #fff;
        background-image: url(../img/gradient.jpg);
        background-image: -moz-linear-gradient(bottom, #f1f1f1, #fff);
        background-image: -ms-linear-gradient(bottom, #f1f1f1, #fff);
        background-image: -o-linear-gradient(bottom, #f1f1f1, #fff);
        background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fff);
        background-image: linear-gradient(bottom, #f1f1f1, #fff);
        border: 1px solid #ddd;
        color: #222;
        font: 14px/30px 'Verdana', sans-serif;
        height: 30px;
        margin: 0;
        padding: 0;
        text-indent: 10px;
    }

    #accordion div, .accordion div {
        color: #555;
        font: 12px/18px 'Verdana', sans-serif;
        padding: 5px 10px;
    }

    #accordion > h3 > span, .accordion > h3.ui-state-default > span.ui-icon {
        background-image: none;
    }

.medischaz a, a.medischaz {
    text-decoration: none;
    color: #fff;
}

    .medischaz a:hover, a.medischaz:hover {
        text-decoration: underline;
    }

.delBtn {
    background-image: url(../../images/layout/reset.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    float: right;
    position: relative;
    top: 2px;
    width: 20px;
    text-decoration: none;
}

.SendPageIcon {
    width: 32px;
    height: 32px;
    background-image: url(../../images/layout/sendpage.png);
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}

/* FLIPBOOK */

#fbFooter {
    height: 49px;
    background-color: Transparent;
    /*background-image: url(/images/layout/flipbook/footerBackground.gif);
	background-repeat: repeat-x;*/
}

.fbPaginationMinor {
    color: #4e6605;
    margin-left: 10px;
}

#fbContents {
    display: none;
    float: left;
    margin-top: 17px;
    margin-left: 15px;
}

#fbMenu {
    /*float: right;*/
    width: auto;
    text-align: center;
}

    #fbMenu a {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image: url(/images/layout/flipbook/fullscreen.png);
        background-repeat: no-repeat;
        background-position: top;
    }

    #fbMenu img {
        margin-left: 5px;
    }

    #fbMenu #fbZoomButton {
        /*display:none;*/
    }

    #fbMenu #fbDownloadButton {
        display: none;
    }

#altmsg {
    position: absolute;
    background-color: #000000;
    padding: 20px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    text-align: center;
}

    #altmsg:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

a.altlink:link {
    color: #FFFFFF;
}

a.altlink:visited {
    color: #DDDDDD;
}

a.altlink:hover {
    color: #FFFFFF;
}

#cblTabs .lvl1 {
    padding-left: 15px;
}

/******* SEARCH *****/
#ctl00_cphCenterCol_page_tabResults_tpProds.ajax__tab_panel img {
    height: 84px;
    width: 100px;
    margin-right: 10px;
}

table#tabletellafriend tr.required {
    display: none;
}

div#Account_content .remainingCredits {
    font-size: 120%;
}

.searchPhoto {
    display: inline-block;
    margin-right: 5px;
}

.searchDetail {
    display: inline-block;
    vertical-align: top;
}

ul.ui-autocomplete {
    background: none;
    background-color: #ffffff;
    z-index: 999;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0% !important;
    width: 99% !important;
    padding: 0 10px 0 0;
}

    ul.ui-autocomplete li div.searchResultDiv {
        padding: 5px;
        border: 5px solid #c0c0c0;
        margin-bottom: 2px;
        width: 510px;
    }

        ul.ui-autocomplete li div.searchResultDiv:hover {
            background-color: #f0f0f0;
            cursor: pointer;
        }

    ul.ui-autocomplete li a.moreResults {
        text-align: right;
        color: #25a2ea;
    }

        ul.ui-autocomplete li a.moreResults:hover {
            text-decoration: underline;
        }

#search .ajax__tab_xp .ajax__tab_header {
    display: none;
}

#search .ajax__tab_xp .ajax__tab_body {
    border-top: 1px solid #999999 !important;
    margin-top: 75px;
}

.SearchResults .title a {
    color: #283474;
    font-weight: bold;
    text-transform: uppercase;
    width: 365px;
    display: block;
}

.SearchResults .lblPrice {
}

.SearchResults .lblVerkrijgbaar {
    color: #9d2e61;
    font-weight: bold;
}

.SearchResults .lblVoorraad {
    color: #09acd5;
    font-weight: bold;
}

#ctl00_cphCenterCol_page_tabResults_tpProds.ajax__tab_panel img.promoIconSmall {
    height: 30px;
    left: 30px;
    margin-top: 3px;
    position: absolute;
    width: 30px;
}

ul.ui-autocomplete li div.searchResultDiv img.promoicon {
    height: 30px;
    left: 20px;
    margin-top: 3px;
    position: absolute;
    width: 30px;
}

.SearchResults .ajax__tab_header {
    display: none;
}


/**************************************/
/********* IMAGEHOVER EFFECTS *********/
/**************************************/
.hoverTable .view, .hoverTable2 .view, .hoverTable3 .view {
    /*width: 300px;*/
    width: 280px;
    /*height: 200px;*/
    height: 100%;
    /*margin: 10px;*/
    float: left;
    /*border: 10px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.hoverTable2 .view {
    width: 235px;
}

.hoverTable3 .view {
    width: 235px;
}

.hoverTable .view .mask, .view .content {
    /*width: 300px;*/
    width: 280px;
    /*height: 200px;*/
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.hoverTable2 .view .mask, .hoverTable2 .view .content,
.hoverTable3 .view .mask, .hoverTable3 .view .content {
    width: 235px;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.hoverTable .view img {
    display: block;
    position: relative;
    width: 280px;
    /*width:300px;*/
}

.hoverTable2 .view img,
.hoverTable3 .view img {
    width: 235px;
    display: block;
    position: relative;
}

.hoverTable .view h2,
.hoverTableSmall .view h2,
.hoverTable2 .view h2,
.hoverTableSmall2 .view h2,
.hoverTable3 .view h2,
.hoverTableSmall3 .view h2,
.hoverTable4 .view h2,
.hoverTableSmall4 .view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.hoverTable .view p,
.hoverTable2 .view p,
.hoverTable3 .view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 50px 20px 20px;
    text-align: center;
}

.hoverTableSmall .view p,
.hoverTableSmall2 .view p,
.hoverTableSmall3 .view p,
.hoverTableSmall4 .view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 0 20px;
    text-align: center;
}

.hoverTable .view a.hoverInfo,
.hoverTableSmall .view a.hoverInfo,
.hoverTable2 .view a.hoverInfo,
.hoverTableSmall2 .view a.hoverInfo,
.hoverTable3 .view a.hoverInfo,
.hoverTableSmall3 .view a.hoverInfo,
.hoverTable4 .view a.hoverInfo,
.hoverTableSmall4 .view a.hoverInfo {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #2e96c2;
    color: #fff !important;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}

    .hoverTable .view a.hoverInfo:hover,
    .hoverTableSmall .view a.hoverInfo:hover,
    .hoverTable2 .view a.hoverInfo:hover,
    .hoverTableSmall2 .view a.hoverInfo:hover,
    .hoverTable3 .view a.hoverInfo:hover,
    .hoverTableSmall3 .view a.hoverInfo:hover,
    .hoverTable4 .view a.hoverInfo:hover,
    .hoverTableSmall4 .view a.hoverInfo:hover {
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 5px #000;
    }



.hoverTableSmall .view,
.hoverTableSmall2 .view,
.hoverTableSmall3 .view,
.hoverTableSmall4 .view {
    /*width: 300px;*/
    width: 180px;
    /*height: 200px;*/
    /*height:130px;*/
    /*margin: 10px;*/
    float: left;
    /*border: 10px solid #fff;*/
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.hoverTableSmall3 .view {
    width: 240px;
}

.hoverTableSmall4 .view {
    width: 216px;
}





    .hoverTableSmall .view .mask, .hoverTableSmall2 .view .mask, .view .content, .hoverTableSmall3 .view .mask, .hoverTableSmall4 .view .mask {
        /*width: 300px;*/
        width: 180px;
        /*height: 200px;*/
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

.hoverTableSmall3 .view .mask {
    width: 240px;
}

.hoverTableSmall4 .view .mask {
    width: 216px;
}

.hoverTableSmall .view img,
.hoverTableSmall2 .view img,
.hoverTableSmall3 .view img,
.hoverTableSmall4 .view img {
    display: block;
    position: relative;
    width: 180px;
    /*width:300px;*/
}

.hoverTableSmall3 .view img {
    width: 240px;
}

.hoverTableSmall4 .view img {
    width: 216px;
}

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(150, 206, 241, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.view-first a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view-first:hover a.hoverInfo {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.view-second img {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.view-second .mask {
    background-color: rgba(0,0,0,0.6);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -moz-transform: translate(460px, -100px) rotate(180deg);
    -o-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all 0.2s 0.4s ease-in-out;
    -moz-transition: all 0.2s 0.4s ease-in-out;
    -o-transition: all 0.2s 0.4s ease-in-out;
    -ms-transition: all 0.2s 0.4s ease-in-out;
    transition: all 0.2s 0.4s ease-in-out;
}

.view-second h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second p {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second a.hoverInfo {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-second:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.view-second:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.view-second:hover p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.view-second:hover a.hoverInfo {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.view-third img {
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-third .mask {
    background-color: rgba(0,0,0,0.8);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.view-third h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.view-third p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.view-third a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.view-third:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.view-third:hover img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}

.view-third:hover h2,
.view-third:hover p,
.view-third:hover a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.view-fourth img {
    -webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
}

.view-fourth .mask {
    background-color: rgba(146,96,91,0.5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    -ms-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
}

.view-fourth h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

.view-fourth p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
    -ms-transition: all 0.3s ease-in-out 0.2s;
    transition: all 0.3s ease-in-out 0.2s;
}

.view-fourth a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    -moz-transition: all 0.3s ease-in-out 0.1s;
    -o-transition: all 0.3s ease-in-out 0.1s;
    -ms-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
}

.view-fourth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}

.view-fourth:hover img {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}

.view-fourth:hover h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view-fourth:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.view-fourth:hover a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.view-fifth img {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-fifth .mask {
    background-color: rgba(77,44,35,0.5);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.view-fifth h2 {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-fifth p {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-fifth a.hoverInfo {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-fifth:hover img {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-fifth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.view-fifth:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.view-fifth:hover p {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.view-fifth:hover a.hoverInfo {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.view-sixth .mask {
    background-color: rgba(255, 255, 255, 0.7);
    top: -200px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s;
    -moz-transition: all 0.3s ease-out 0.5s;
    -o-transition: all 0.3s ease-out 0.5s;
    -ms-transition: all 0.3s ease-out 0.5s;
    transition: all 0.3s ease-out 0.5s;
}

.view-sixth h2 {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.1s;
    -moz-transition: all 0.2s ease-in-out 0.1s;
    -o-transition: all 0.2s ease-in-out 0.1s;
    -ms-transition: all 0.2s ease-in-out 0.1s;
    transition: all 0.2s ease-in-out 0.1s;
}

.view-sixth p {
    color: #333;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}

.hoverTableSmall .view-sixth p, .hoverTableSmall2 .view-sixth p {
    color: #333;
}

.view-sixth a.hoverInfo {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    -o-transition: all 0.2s ease-in-out 0.3s;
    -ms-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
}

.view-sixth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
}

.view-sixth:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.view-sixth:hover p {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.view-sixth:hover a.hoverInfo {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}

@keyframes bounceY {
    0% {
        transform: translateY(-205px);
    }

    40% {
        transform: translateY(-100px);
    }

    65% {
        transform: translateY(-52px);
    }

    82% {
        transform: translateY(-25px);
    }

    92% {
        transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        transform: translateY(0px);
    }
}

@-moz-keyframes bounceY {
    0% {
        -moz-transform: translateY(-205px);
    }

    40% {
        -moz-transform: translateY(-100px);
    }

    65% {
        -moz-transform: translateY(-52px);
    }

    82% {
        -moz-transform: translateY(-25px);
    }

    92% {
        -moz-transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -moz-transform: translateY(0px);
    }
}

@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
    }

    40% {
        -webkit-transform: translateY(-100px);
    }

    65% {
        -webkit-transform: translateY(-52px);
    }

    82% {
        -webkit-transform: translateY(-25px);
    }

    92% {
        -webkit-transform: translateY(-12px);
    }

    55%, 75%, 87%, 97%, 100% {
        -webkit-transform: translateY(0px);
    }
}

.view-seventh img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.view-seventh .mask {
    background-color: rgba(255, 231, 179, 0.3);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-seventh h2 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background: transparent;
    margin: 20px 40px 0px 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-seventh p {
    color: #333;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.hoverTableSmall .view-seventh p, .hoverTableSmall2 .view-seventh p, .hoverTableSmall3 .view-seventh p, .hoverTableSmall4 .view-seventh p {
    color: #333;
}

.view-seventh a.hoverInfo {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-seventh:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.view-seventh:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-seventh:hover h2, .view-seventh:hover p, .view-seventh:hover a.hoverInfo {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.hoverTable {
    display: inline-block;
    border: 1px solid #cecece;
    margin: 10px;
    padding: 10px;
    width: 325px;
    height: 480px;
}

.hoverTable2 {
    display: inline-block;
    border: none;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 235px;
    height: 235px;
}

.hoverTable3 {
    display: inline-block;
    border: none;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 235px;
    height: 235px;
}

.hoverTableSmall, .hoverTableSmall2, .hoverTableSmall3, .hoverTableSmall4 {
    display: inline-block;
    border: 1px solid #cecece;
    margin: 10px;
    padding: 10px;
    width: 220px;
    height: 480px;
}

.hoverTableSmall3, .hoverTableSmall4 {
    padding: 10px 0;
    margin: 5px;
}

.hoverTableSmall3 {
    width: 263px;
    height: 100%;
}

.hoverTableSmall4 {
    width: 237px;
    height: 100%;
}

.dynamicContent {
    height: 60px;
    overflow: hidden;
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hoverTableSmall2, .hoverTableSmall3 {
        width: 261px;
    }

    .hoverTableSmall4 {
        width: 214px;
    }

    .hoverTableSmall {
        width: 278px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hoverTableSmall2 .view, .hoverTableSmall3 .view {
        width: 241px;
    }

    .hoverTableSmall4 .view {
        width: 214px;
    }

    .hoverTableSmall .view {
        width: 262px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .hoverTableSmall2 .view .mask, .view .content, .hoverTableSmall3 .view .mask {
        width: 241px;
    }

    .hoverTableSmall .view .mask {
    }

    .hoverTableSmall4 .view .mask {
    }

    .hoverTableSmall2 .view img, .hoverTableSmall3 .view img {
        width: 241px;
    }

    .hoverTableSmall .view img {
    }

    .hoverTableSmall4 .view img {
    }
}

.hoverTable tr td h2,
.hoverTableSmall tr td h2,
.hoverTable2 tr td h2,
.hoverTableSmall2 tr td h2,
.hoverTable3 tr td h2,
.hoverTableSmall3 tr td h2,
.hoverTable4 tr td h2,
.hoverTableSmall4 tr td h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
}

.hoverTable tr td,
.hoverTableSmall tr td,
.hoverTable2 tr td,
.hoverTableSmall2 tr td,
.hoverTable3 tr td,
.hoverTableSmall3 tr td,
.hoverTable4 tr td,
.hoverTableSmall4 tr td {
    padding: 10px;
}

div#content #innercontent .hoverTable tr td .textInfo,
div#content #innercontent .hoverTableSmall tr td .textInfo,
div#content #innercontent .hoverTable2 tr td .textInfo,
div#content #innercontent .hoverTableSmall2 tr td .textInfo,
div#content #innercontent .hoverTable3 tr td .textInfo,
div#content #innercontent .hoverTableSmall3 tr td .textInfo,
div#content #innercontent .hoverTable4 tr td .textInfo,
div#content #innercontent .hoverTableSmall4 tr td .textInfo {
    display: block;
    line-height: 30px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    width: 80%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
}

/* Chrome 29+ */


.hovertableContent {
    height: 50px !important;
    overflow: hidden !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .hoverTableSmall4 .view {
        width: 192px;
    }

        .hoverTableSmall4 .view img {
            width: 192px;
        }

    .hovertableContent {
        height: 43px !important;
        overflow: hidden !important;
    }
}

@supports (-ms-ime-align:auto) {
    .hoverTableSmall4 .view img, .hoverTableSmall4 .view .mask, .hoverTableSmall4 .view {
        width: 192px;
    }
}

.hoverTable tr:nth-child(3) td:first-child p,
.hoverTableSmall tr:nth-child(3) td:first-child p,
.hoverTable2 tr:nth-child(3) td:first-child p,
.hoverTableSmall2 tr:nth-child(3) td:first-child p,
.hoverTable3 tr:nth-child(3) td:first-child p,
.hoverTableSmall3 tr:nth-child(3) td:first-child p,
.hoverTable4 tr:nth-child(3) td:first-child p,
.hoverTableSmall4 tr:nth-child(3) td:first-child p {
    height: 45px;
    overflow: hidden;
}


@supports (-webkit-appearance:none) {
    .hoverTable tr:nth-child(3) td:first-child p,
    .hoverTableSmall tr:nth-child(3) td:first-child p,
    .hoverTable2 tr:nth-child(3) td:first-child p,
    .hoverTableSmall2 tr:nth-child(3) td:first-child p,
    .hoverTable3 tr:nth-child(3) td:first-child p,
    .hoverTableSmall3 tr:nth-child(3) td:first-child p,
    .hoverTable4 tr:nth-child(3) td:first-child p,
    .hoverTableSmall4 tr:nth-child(3) td:first-child p {
        height: 43px;
        overflow: hidden;
    }
}

@supports (-ms-ime-align:auto) {
    .hoverTable tr:nth-child(3) td:first-child p,
    .hoverTableSmall tr:nth-child(3) td:first-child p,
    .hoverTable2 tr:nth-child(3) td:first-child p,
    .hoverTableSmall2 tr:nth-child(3) td:first-child p,
    .hoverTable3 tr:nth-child(3) td:first-child p,
    .hoverTableSmall3 tr:nth-child(3) td:first-child p,
    .hoverTable4 tr:nth-child(3) td:first-child p,
    .hoverTableSmall4 tr:nth-child(3) td:first-child p {
        height: 43px;
        overflow: hidden;
    }
}

/* Plugin Styles */
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

.cookie-popup {
    display: none;
    position: fixed;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fafafa;
    color: #000;
    font-family: 'Roboto', 'Noto Sans', sans-serif;
    line-height: initial;
    box-sizing: initial;
}

.cookie-popup-inner {
    display: table;
    width: 100%;
}

.cookie-popup-left {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.cookie-popup-headline {
    font-size: 20px;
}

.cookie-popup-sub-headline {
    font-size: 12px;
}

.cookie-popup-right {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
    text-align: right;
}

.cookie-popup-accept-cookies {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 9px 12px;
    font-size: 13px;
    line-height: 1.49;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 8px;
    font-size: 16px;
    min-width: 64px;
    line-height: 1.5;
    border-radius: 2px;
    text-decoration: none;
    color: #000;
    background-color: #c7c7c7;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.12) rgba(0,0,0,.15);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

    .cookie-popup-accept-cookies:hover {
        bottom: 1px;
        text-decoration: none;
        color: inherit;
    }

    .cookie-popup-accept-cookies:active {
        bottom: 0;
        color: initial;
    }

.cookie-popup-learn-more {
    display: block;
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 5px;
    text-decoration: none;
    color: #000;
    opacity: 0.75;
}

    .cookie-popup-learn-more:hover {
        opacity: 1;
        text-decoration: none;
    }

    .cookie-popup-learn-more:active,
    .cookie-popup-learn-more:focus {
        text-decoration: none;
    }

.cookie-popup-lower {
    padding: 15px;
    font-size: 14px;
}


/* Positions */
.cookie-popup.position-bottom {
    bottom: 0;
    box-shadow: 0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);
}

.cookie-popup.position-top {
    top: 0;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.cookie-popup.position-bottomright {
    width: 300px;
    right: 10px;
    bottom: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-bottomright .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-bottomleft {
    width: 300px;
    left: 10px;
    bottom: 10px;
    right: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-bottomleft .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-topright {
    width: 300px;
    right: 10px;
    top: 10px;
    left: inherit;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-topright .cookie-popup-right {
        width: initial;
    }

.cookie-popup.position-topleft {
    width: 300px;
    left: 10px;
    top: 10px;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

    .cookie-popup.position-topleft .cookie-popup-right {
        width: initial;
    }


/* Themes */
.theme-light .cookie-popup {
    background-color: #fafafa;
    color: #000;
}

.theme-light .cookie-popup-accept-cookies {
    background-color: #c7c7c7;
    color: #000;
}

.theme-light .cookie-popup-learn-more {
    color: #000;
}

.theme-dark .cookie-popup {
    color: #fff;
}

.theme-dark .cookie-popup-sub-headline a {
    color: #fff;
}

.theme-dark .cookie-popup-accept-cookies {
    background-color: #212121;
    color: #fff;
}

.theme-dark .cookie-popup-learn-more {
    color: #fff;
}

.theme-red .cookie-popup {
    background-color: #ef5350;
    color: #fff;
}

.theme-red .cookie-popup-accept-cookies {
    background-color: #b61827;
    color: #fff;
}

.theme-red .cookie-popup-learn-more {
    color: #fff;
}

.theme-pink .cookie-popup {
    background-color: #ec407a;
    color: #fff;
}

.theme-pink .cookie-popup-accept-cookies {
    background-color: #b4004e;
    color: #fff;
}

.theme-pink .cookie-popup-learn-more {
    color: #000;
    color: #fff;
}

.theme-purple .cookie-popup {
    background-color: #ab47bc;
    color: #fff;
}

.theme-purple .cookie-popup-accept-cookies {
    background-color: #790e8b;
    color: #fff;
}

.theme-purple .cookie-popup-learn-more {
    color: #fff;
}

.theme-deeppurple .cookie-popup {
    background-color: #7e57c2;
    color: #fff;
}

.theme-deeppurple .cookie-popup-accept-cookies {
    background-color: #4d2c91;
    color: #fff;
}

.theme-deeppurple .cookie-popup-learn-more {
    color: #fff;
}

.theme-indigo .cookie-popup {
    background-color: #5c6bc0;
    color: #fff;
}

.theme-indigo .cookie-popup-accept-cookies {
    background-color: #23408e;
    color: #fff;
}

.theme-indigo .cookie-popup-learn-more {
    color: #fff;
}

.theme-blue .cookie-popup {
    background-color: #42a5f5;
    color: #fff;
}

.theme-blue .cookie-popup-accept-cookies {
    background-color: #0077c2;
    color: #fff;
}

.theme-blue .cookie-popup-learn-more {
    color: #fff;
}

.theme-lightblue .cookie-popup {
    background-color: #29b6f6;
    color: #000;
}

.theme-lightblue .cookie-popup-accept-cookies {
    background-color: #0086c3;
    color: #000;
}

.theme-lightblue .cookie-popup-learn-more {
    color: #000;
}

.theme-cyan .cookie-popup {
    background-color: #26c6da;
    color: #000;
}

.theme-cyan .cookie-popup-accept-cookies {
    background-color: #0095a8;
    color: #000;
}

.theme-cyan .cookie-popup-learn-more {
    color: #000;
}

.theme-teal .cookie-popup {
    background-color: #26a69a;
    color: #fff;
}

.theme-teal .cookie-popup-accept-cookies {
    background-color: #00766c;
    color: #fff;
}

.theme-teal .cookie-popup-learn-more {
    color: #000;
    color: #fff;
}

.theme-green .cookie-popup {
    background-color: #66bb6a;
    color: #000;
}

.theme-green .cookie-popup-accept-cookies {
    background-color: #338a3e;
    color: #000;
}

.theme-green .cookie-popup-learn-more {
    color: #000;
}

.theme-lightgreen .cookie-popup {
    background-color: #9ccc65;
    color: #000;
}

.theme-lightgreen .cookie-popup-accept-cookies {
    background-color: #6b9b37;
    color: #000;
}

.theme-lightgreen .cookie-popup-learn-more {
    color: #000;
}

.theme-lime .cookie-popup {
    background-color: #d4e157;
    color: #000;
}

.theme-lime .cookie-popup-accept-cookies {
    background-color: #a0af22;
    color: #000;
}

.theme-lime .cookie-popup-learn-more {
    color: #000;
}

.theme-yellow .cookie-popup {
    background-color: #ffee58;
    color: #000;
}

.theme-yellow .cookie-popup-accept-cookies {
    background-color: #c9bc1f;
    color: #000;
}

.theme-yellow .cookie-popup-learn-more {
    color: #000;
}

.theme-amber .cookie-popup {
    background-color: #ffca28;
    color: #000;
}

.theme-amber .cookie-popup-accept-cookies {
    background-color: #c79a00;
    color: #000;
}

.theme-amber .cookie-popup-learn-more {
    color: #000;
}

.theme-orange .cookie-popup {
    background-color: #ffa726;
    color: #000;
}

.theme-orange .cookie-popup-accept-cookies {
    background-color: #c77800;
    color: #000;
}

.theme-orange .cookie-popup-learn-more {
    color: #000;
}

.theme-deeporange .cookie-popup {
    background-color: #ff7043;
    color: #fff;
}

.theme-deeporange .cookie-popup-accept-cookies {
    background-color: #c63f17;
    color: #fff;
}

.theme-deeporange .cookie-popup-learn-more {
    color: #fff;
}

.theme-brown .cookie-popup {
    background-color: #8d6e63;
    color: #fff;
}

.theme-brown .cookie-popup-accept-cookies {
    background-color: #5f4339;
    color: #fff;
}

.theme-brown .cookie-popup-learn-more {
    color: #fff;
}

.theme-grey .cookie-popup {
    background-color: #bdbdbd;
    color: #000;
}

.theme-grey .cookie-popup-accept-cookies {
    background-color: #8d8d8d;
    color: #000;
}

.theme-grey .cookie-popup-learn-more {
    color: #000;
}

.theme-bluegrey .cookie-popup {
    background-color: #78909c;
    color: #fff;
}

.theme-bluegrey .cookie-popup-accept-cookies {
    background-color: #4b636e;
    color: #fff;
}

.theme-bluegrey .cookie-popup-learn-more {
    color: #fff;
}
div#shoppingcart .cartOverview .item .labelMobile {
    display: none;
}
div#shoppingcart {
    padding: 2% 20% 5% 20%;
}
.shoppingcartTitle {
    text-align: center;
    font-size: 30px;
}
div#upCheckOut {
    margin: 0 0% 0 0%;
}
/**********PHONE*********/
@media only screen and (max-width: 850px) {
    .cookie-popup-left
    {
        width:50%;
    }
    .ui-menu-item .searchResult .result_Item .item_desc
    {
        padding-left:30%;
    }
    .cookie-popup-right {
        text-align: left;
    }
    div #productlist, div#subproductCatlist {
        display: grid;
    }
    div#shoppingcart .cartOverview .headers {
        display: none;
    }
        div#subproductCatlist .label a img {
            display: none;
        }

        div#subproductCatlist .label {
            height: 60px;
        }

            div#subproductCatlist .label p {
                margin-top: 0px;
                width: 87%;
                height: 60px;
                margin-block-start: 0em;
                margin-block-end: 0em;
            }

        div#productlist .box {
            width: 100%;
        }

            div#productlist .box .wishList {
                background-size: 30px;
                width: 30px;
                height: 30px;
            }

            div#productlist .box .moreInfo {
                background-size: 30px;
                width: 30px;
                height: 30px;
                margin-left: 88%;
            }

            div#productlist .box .ProductName {
                width: 100%;
                margin: auto;
            }

            div#productlist .box .price {
                font-size: 24px;
                margin-top: 0px;
                margin-left: 10px;
            }

            div#productlist .box .OrderButton {
                background-size: 35px;
                width: 35px;
                height: 35px;
                margin-left: 79%;
                margin-top: 30px;
                text-align: left;
                padding-left: 4px;
                font-size: 23px;
            }

            div#productlist .box .quantity {
                margin-top: 32px;
                margin-right: 15%;
            }

    ._instock {
        position: absolute;
        float: unset;
        margin: 44% 10% 0 10%;
        width: 80%;
    }

    .label ._subcatpl {
        position: unset;
        margin-left: 90% !important;
    }

    ._SubCatProducts_tiltle {
        padding-bottom: 10px;
    }

    ._notification {
        width: 71%;
    }
    div#shoppingcart {
        padding: 2% 0% 2% 0%;
    }
        div#shoppingcart .cartOverview .item {
            margin-bottom: 10px;
            padding: 1% 0 1% 1%;
            display: inline-flex;
            width: 99%;
            display: block;
            height: 150px;
        }
        div#shoppingcart .cartOverview .product {
            width: 30%;
            margin-right: 5%;
            float: left;
        }
        div#shoppingcart .cartOverview .info {
            width: 55%;
            float: right;
        }
        div#shoppingcart .cartOverview .delete, div#shoppingcart .cartOverview .total, div#shoppingcart .cartOverview .price, div#shoppingcart .cartOverview .qty {
            width: 53%;
            float: right;
            display: flex;
            margin: 2px 9px 2px 0;
            justify-content: space-between;
        }
        div#shoppingcart .cartOverview .item .labelMobile {
            display: block;
        }
        div#shoppingcart .cartOverview .item input.remove {
            position: absolute;
            right: 0px;
        }
        div#shoppingcart .cartOverview #totals {
            overflow: auto;
            display: grid;
            padding-left: 0%;
            width: 100%;
            margin-top: 0%;
        }
            div#shoppingcart .cartOverview #totals ._totals {
                margin-left: 38%;
            }
                div#shoppingcart .cartOverview #totals ._totals ._price {
                    margin-right: 3%;
                }
            div#shoppingcart .cartOverview #totals hr {
                border-top: 1px dashed #000000 !important;
                width: 60%;
                margin-left: 38%;
            }
    div#shoppingcartsmall #shoppingInner .shoppingBottom {
        width: 75%;
    }
    div#shoppingcartsmall #shoppingInner .shoppingSubtotal {
        width: 15%;
    }
    div#shoppingcartsmall #shoppingInner td.name {
        width: 40%;
    }
    div#shoppingcartsmall #shoppingInner .expeditioncosts .litExpedition {
        width: 18%;
    }
    div#shoppingcartsmall #shoppingInner .expeditioncosts .ddlCountries {
        margin-left: 0px;
        width: 35%;
    }
    div#shoppingcartsmall #shoppingInner .shoppingBottom a {
        height: 40px;
        margin-right: 2%;
        border-radius: 14px;

    }

    div#shoppingcartsmall #shoppingInner .shoppingBottom a {

        height: 32px;
        line-height: 2;
        font-size: 15px;
    }
    div#shoppingcartsmall {
        border-radius: 5px 5px 0 0;
    }
}