﻿
/*======= Live CHat Styles======================= */
.liveChat {
    background-color: #0099FF !important;
    width: 31px;
    height: 130px;
    position: absolute;
    top: 375px;
    display: block;
    background: url(../../_assets/_images/_general/live-chat.png) 10px 50% no-repeat;
    cursor: pointer;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 0;
    left: 0;
}

.cta:hover, .liveChat:hover {
    padding-left: 6px;
    background-position: 16px 50%;
}

.LiveChatOutOfHours {
    position: fixed;
    right: 0px;
    top: 240px;
    width: 40px;
    height: 130px;
    cursor: pointer;
    background: url(images/LiveChatImage.png) top left no-repeat;
    display: block;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

/*
    The other one doesn't do it so for consistency, don't do it when out of hours...
    .LiveChatOutOfHours:hover {
    padding-right: 6px;
    background-position: 16px 50%;
}*/
