@font-face {
    font-family: PracticeBlack;
    src: url(../fonts/custom/PracticeBlack.otf) format('opentype')
}

@font-face {
    font-family: PracticeBlack;
    font-style: italic;
    src: url(../fonts/custom/PracticeBlackIta.otf) format('opentype')
}

@font-face {
    font-family: PracticeRegular;
    src: url(../fonts/custom/PracticeRegular.otf) format('opentype')
}

@font-face {
    font-family: PracticeRegularIta;
    src: url(../fonts/custom/PracticeRegular.otf) format('opentype')
}

div.wishlist-items {
    padding-bottom: 50px
}

div.wishlist-item {
    float: left;
    width: 132px;
    margin-left: 5px;
    padding-top: 10px;
    position: relative
}

div.wishlist-items div.wishlist-item:first-child, div.wishlist-items div.wishlist-item:nth-child(5n+1) {
    margin-left: 0
}

div.wishlist-items div.wishlist-item:nth-child(5n+1) {
    clear: both
}

div.wishlist-items div.wishlist-item:nth-child(5n+0) {
    float: right;
    margin-left: 0
}

div.wishlist_image {
    margin-bottom: 5px;
    vertical-align: top;
    width: 132px;
    text-align: left
}

    div.wishlist_image img {
        min-width: 132px
    }

div.WLImgWrapper {
    width: 132px;
    height: 132px;
    overflow: hidden;
    text-align: center;
    margin: auto;
    vertical-align: middle
}

img.WLcropcenter {
    position: relative;
    width: auto !important;
    height: 132px !important;
    top: 0;
    left: 50%;
    margin-left: -100%
}

div.wishlist_image:hover {
    cursor: pointer
}

div.wishlist-item:hover div.wishlist_title_small, div.wishlist-item:hover div.wishlist_title_small a, div.wishlist-item:hover div.wishlist_title_small a:hover {
    color: #e3591d
}

div.wishlist-item:hover div.wishlist_image img {
    opacity: .5
}

div.wishlist-item:hover div.wishlist_image {
    background: #000
}

div.wishlist_title {
    font-size: 2em;
    color: #000;
    font-family: PracticeRegular,serif;
    font-weight: 400;
    text-decoration: none
}

div.wishlist_title_small {
    text-align: left;
    padding-left: 10px
}

    div.wishlist_title_small a, div.wishlist_title_small a:hover {
        font-size: 14px;
        color: #886d62;
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        text-decoration: none
    }

div.wishlist_design_code {
    text-align: left;
    font-size: 11px;
    padding-left: 5px
}

div.wishlist_remove {
    width: 15px;
    float: right;
    text-align: right;
    padding-right: 10px;
    padding-top: 5px
}

div.wishlist_clear {
    width: auto;
    display: inline-block;
    margin-right: 10px
}

    div.wishlist_clear a {
        display: block;
        text-decoration: none;
        color: #fc4f59;
        border: #fc4f59 2px solid;
        font-size: 16px;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        display: block;
        padding: 5px 15px;
        text-align: center
    }

        div.wishlist_clear a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #fc4f59;
            font-size: 16px;
            font-weight: bold;
            font-family: "Open Sans",sans-serif
        }

#WishlistCount {
    color: #e3591d
}

.wishlist-link-page div.add_wishlist {
    font-size: 12px;
    color: #fff;
    font-family: 'Lato',Arial,sans-serif;
    font-weight: 400;
    text-decoration: none;
    height: 20px;
    line-height: 20px
}

    .wishlist-link-page div.add_wishlist a {
        font-size: 12px;
        color: #fc4f59;
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        text-decoration: none;
        height: 20px;
        line-height: 20px;
        background-image: url('/Images/wishlist_arrow.gif');
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 16px
    }

        .wishlist-link-page div.add_wishlist a:hover {
            font-size: 12px;
            color: #fc4f59
        }

.wishlist-link div.add_wishlist {
    font-size: 12px;
    color: #fc4f59;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    text-decoration: none;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    margin-top: -197px;
    background: rgba(255,255,255,.7);
    width: 91px;
    display: none
}

    .wishlist-link div.add_wishlist a {
        font-size: 12px;
        color: #fc4f59;
        font-family: "Open Sans",sans-serif;
        font-weight: 400;
        text-decoration: none;
        height: 30px;
        line-height: 30px;
        background-image: url('/Images/wish_add.png');
        background-repeat: no-repeat;
        background-position: right top;
        display: block;
        letter-spacing: .5px
    }

        .wishlist-link div.add_wishlist a:hover {
            font-size: 12px;
            color: #fc4f59;
            letter-spacing: .5px
        }

.wishlist-link div.on_wishlist {
    font-size: 12px;
    color: #fc4f59;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    position: absolute;
    margin-top: -197px;
    background: transparent;
    width: 192px;
    text-align: right;
    letter-spacing: .5px
}

    .wishlist-link div.on_wishlist a {
        height: 30px;
        line-height: 30px;
        display: block;
        letter-spacing: .5px
    }

.wishlist-link-page div.on_wishlist {
    display: none
}

    .wishlist-link-page div.on_wishlist a {
        display: none
    }

.collection_page_image_container div.on_wishlist {
    font-size: 12px;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    position: absolute;
    margin-top: -400px;
    background: transparent;
    width: 600px;
    text-align: right;
    z-index: 19999
}

    .collection_page_image_container div.on_wishlist a {
        height: 30px;
        line-height: 30px;
        display: block
    }

#EmailWishList {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 10000;
    padding: 0;
    margin: 0
}

div.EmailWishListContent {
    position: relative;
    width: 700px;
    height: 680px;
    left: 50%;
    margin-left: -400px;
    top: 15%;
    background: #fff;
    padding: 50px
}

div.wishlist_left {
    position: relative;
    float: left;
    width: 45%
}

div.wishlist_right {
    position: relative;
    float: right;
    width: 45%
}

.wl_textbox {
    background-color: #fff;
    border: 1px solid #6e163f;
    color: #6e163f;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    height: 20px;
    width: 100%
}

.wl_dropdown {
    background-color: #fff;
    border: 1px solid #6e163f;
    color: #6e163f;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    height: 25px;
    width: 100%
}

.wl_textbox_big {
    background-color: #fff;
    border: 1px solid #6e163f;
    color: #6e163f;
    resize: none;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    height: 80px;
    width: 100%
}

div.wishlist_form_head {
    padding-bottom: 3px;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: bold
}

div.wishlist_form_input {
    padding-bottom: 5px
}

div.wishlist_form_input_security label {
    padding-bottom: 3px;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    display: block
}

div.add-to-mych {
    display: inline-block;
    text-align: center;
    width: auto;
    margin-right: 5px
}

    div.add-to-mych a {
        color: #fc4f59;
        border: #fc4f59 2px solid;
        font-size: 16px;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        padding: 5px 15px
    }

        div.add-to-mych a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #fc4f59;
            font-size: 16px;
            font-weight: bold;
            font-family: "Open Sans",sans-serif
        }

div.go-to-mych {
    display: none;
    display: inline-block;
    text-align: center;
    width: auto;
    margin-right: 5px
}

    div.go-to-mych a {
        color: #fc4f59;
        border: #fc4f59 2px solid;
        font-size: 16px;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        padding: 5px 15px
    }

        div.go-to-mych a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #fc4f59;
            font-size: 16px;
            font-weight: bold;
            font-family: "Open Sans",sans-serif
        }

div.my-castle-howard-controls {
    width: 1280px;
    margin: 0 auto 20px;
    padding: 20px 0;
    box-sizing: border-box;
    position: relative
}

div.my-castle-howard-controls-page {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    overflow: auto;
    clear: both
}

div.add-page-to-mych, div.remove-page-from-mych {
    display: inline-block;
    margin-left: 5px;
    text-align: center
}

div.add-page-to-mych {
    margin-left: 0 !important
}

    div.add-page-to-mych a, div.remove-page-from-mych a {
        text-decoration: none;
        color: #fc4f59;
        border: #fc4f59 2px solid;
        font-size: 16px;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        display: block;
        padding: 5px 15px;
        text-align: center
    }

        div.add-page-to-mych a:hover, div.remove-page-from-mych a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #fc4f59;
            font-size: 16px;
            font-weight: bold;
            font-family: "Open Sans",sans-serif
        }

div.remove-page-from-mych {
    display: none
}

div.page-go-to-mych {
    display: inline-block;
    margin-left: 5px;
    text-align: center
}

    div.page-go-to-mych a {
        text-decoration: none;
        border: #fc4f59 2px solid;
        color: #fc4f59;
        padding: 5px 15px;
        font-size: 16px;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        display: block;
        text-align: center
    }

        div.page-go-to-mych a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #fc4f59;
            font-size: 16px;
            font-weight: bold;
            font-family: "Open Sans",sans-serif
        }