/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/


body {
    background-color: #fff; /* set body background colour as white*/
    font-size: .86em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: Black;
    text-shadow: none;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

    body .ui-body-c, body .ui-bar-a, body .ui-overlay-c {
        font-family: 'VisbyCF', sans-serif;
        text-shadow: none;
        border: 0;
    }

        body .ui-body-c input, body .ui-body-c select, body .ui-body-c textarea, body .ui-body-c button,
        body .ui-btn-up-c, body .ui-btn-hover-c, body .ui-btn-down-c, body .ui-bar-a {
            font-family: 'VisbyCF', sans-serif;
            text-shadow: none;
        }

.ui-input-search, div.ui-input-text {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}


a:link {
    color: #E82B84;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color: #E82B84;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #E82B84;
    font-weight: bold;
    text-decoration: none;
}

a:active {
    color: #E82B84;
    font-weight: bold;
    text-decoration: none;
}

ul {
    margin-bottom: 20px;
    line-height: 1.2em;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 14px;
    text-shadow: none;
    margin: 0;
}

h1 {
    background-color: #fff;
    margin: 0;
    color: #E82B84;
    text-shadow: none;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: solid 1px #999999;
}

h2 {
    font-size: 14px;
    color: White;
    background-color: #DA68A7;
    font-weight: normal;
    padding: 10px;
}

h3 {
    font-weight: bold;
    color: #666666;
}

h4 {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}

h5 {
    font-weight: bold;
    font-size: 15px;
    color: #666666;
}

h6 {
    font-weight: bold;
    color: #E82B84;
    font-size: 12px;
}

.h4pad {
    padding: 10px 0px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.inner-container {
    font-size: 11px;
    padding: 10px 5px;
    /*background-image: url("images/assets/bg_repeat.png");*/
    background-repeat: repeat;
    background-color: #E82B84;
    color: white;
}

    .inner-container p {
        color: white;
    }

    .inner-container-lightpink {
    font-size: 11px;
    padding: 10px 5px;
    background-repeat: repeat;
    background-color: #ffdceb;
}

.inner-container-pad5 {
    font-size: 11px;
    padding: 5px 0;
    /*background-image: url("images/assets/bg_repeat.png");*/
    background-color: White;
    background-repeat: repeat;
}

.inner-container-nopad {
    font-size: 11px;
    background-color: White;
    background-repeat: repeat;
    min-height: 260px;
}

.inner-container-nopad-short {
    font-size: 11px;
    /*background-image: url("images/assets/bg_repeat.png");*/
    background-color: White;
    background-repeat: repeat;
    min-height: 237px;
}

.inner-container-plainbg {
    font-size: 11px;
    padding: 10px 10px;
    background-color: White;
}

.inner-container-plainbg-nopad {
    font-size: 11px;
    padding: 10px 0px;
    background-color: White;
}

.inner-container-plainlighterbg {
    font-size: 11px;
    padding: 10px 10px;
    background-color: #EDEDED;
}

.inner-container-whitebg {
    font-size: 11px;
    padding: 10px 10px;
    background-color: white;
}

.lightpinkbg {
    background-color: #ffdceb;
    border-bottom: 1px solid #fff
}

.cleanTable {
    border-collapse: collapse;
    background-color: #fff;
    border-width: 0px;
    width: 100%;
}

    .cleanTable td {
        border-width: 0px;
        text-align: center;
        font-size: 14px;
        color: White;
    }

.footerPanel a {
    background-color: transparent;
    font-size: 13px;
    color: Grey !important;
    font-weight: normal;
    padding-bottom: 5px;
}

.footerLinksDiv {
    padding-top: 15px;
    font-style: italic;
}

.footerIcons {
    padding: 0px 8px 4px 8px;
}

.gradientpanel-greytowhite {
    height: 16px;
    padding: 10px 10px;
    background-image: -webkit-gradient( linear, 0 0, 0 50, from(rgba(204, 204, 204, 1)), to(rgba(255, 255, 255, 0)) );
    /* mozilla example - FF3.6+ */
    background-image: -moz-linear-gradient( rgba(204, 204, 204, 1) 10px, rgba(255, 255, 255, 0) );
}

.background-dropshadow-top {
    opacity: 0.2;
    height: 20px;
    background: -moz-linear-gradient(black, white); /* FF 3.6+ */
    background: -ms-linear-gradient(black, white); /* IE10 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, white)); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(black, white); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(black, white); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='white'); /* IE6 & IE7  */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='white')"; /* IE8        */
    background: linear-gradient(black, white);
}

.background-dropshadow-bottom {
    opacity: 0.2;
    height: 20px;
    background: -moz-linear-gradient(white, black); /* FF 3.6+ */
    background: -ms-linear-gradient(white, black); /* IE10 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, black)); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(white, black); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(white, black); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='black'); /* IE6 & IE7  */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='black')"; /* IE8        */
    background: linear-gradient(white, black);
}

.shortgradientpanel-greytowhite {
    padding: 10px 0px;
    background-image: -webkit-gradient( linear, 0 0, 0 30, from(rgba(204, 204, 204, 1)), to(rgba(255, 255, 255, 0)) );
    /* mozilla example - FF3.6+ */
    background-image: -moz-linear-gradient( rgba(204, 204, 204, 1) 3px, rgba(255, 255, 255, 0) );
}

.gradientpanel-whitetogrey {
    min-height: 5px;
    padding: 10px 10px;
    background-image: -webkit-gradient( linear, 0 0, 0 30, from(rgba(255, 255, 255, 0)), to(rgba(204, 204, 204, 1)) );
    /* mozilla example - FF3.6+ */
    background-image: -moz-linear-gradient( rgba(255, 255, 255, 0) 0px, rgba(204, 204, 204, 1) );
}

.popup-window {
    padding: 10px !important;
    font-size: 12px;
}

.popup-header {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

/* Styles for basic forms (BASE .NET styles)
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers (BASE .NET styles)
-----------------------------------------------------------*/
.field-validation-error {
    /*color: #ff0000;*/
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

#offline {
    margin: 10px 0;
}

/* global classes
-----------------------------------------------------------*/
.ui-grid-b > :nth-child(n) {
    margin-right: 0;
}

.ui-body-c .ui-link {
    color: #E82B84;
    text-decoration: none;
}

    .ui-body-c .ui-link:hover {
        color: #E82B84;
        text-decoration: none;
    }

    .ui-body-c .ui-link:visited {
        color: #E82B84;
        text-decoration: none;
    }

.loginNav .ui-link:visited, .logoutNav .ui-link:visited {
    color: #000;
    text-decoration: none;
}

.ui-body-c .ui-link:active {
    color: #E82B84;
    text-decoration: none;
}

.loginNav .ui-link:active, .logoutNav .ui-link:active {
    color: #E82B84;
    text-decoration: none;
}

.ui-loader-default h1 {
    display: none;
}

.ui-icon-dice {
    background-image: url("images/assets/icon_date.png") !important;
    background-repeat: no-repeat !important;
    background-position: 99% 50% !important;
    background-size: 20px 20px !important;
}

.ui-datebox-container {
    border: none !important;
}

    .ui-datebox-container .ui-header {
        display: none;
    }

p {
    line-height: 1.2em;
    margin: 10px 0;
}

.relative {
    position: relative;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.innerContent {
    padding: 10px;
}

.textInnerContent {
    padding: 0 10px;
}

.blockInnerContent {
    padding: 10px 0px;
}

.orderDetailsInnerContent {
    padding: 10px 20px;
}

.shadowDivider {
    background-repeat: repeat-x;
    background-position: bottom left;
}

.shadowOptionDivider {
    background-repeat: repeat-x;
    background-position: left center;
    text-align: center;
    font-weight: bold;
}

    .shadowOptionDivider span {
        padding: 10px 20px;
        background-color: #fff;
    }

.rightFont {
    text-align: right;
}

.centerFont {
    text-align: center;
}

.blueFont {
    color: #32A8FF;
}

.redFont {
    color: #FF2F3C;
}

.greyFont {
    color: #999;
}

.darkGreyFont {
    color: #333;
}

.darkPinkFont {
    color: #E82B84;
}

.darkPinkFont-wishlist {
    color: #E82B84;
    font-size: 8pt;
}

.blackFont {
    color: Black;
    letter-spacing:1px;
}

.whiteFont {
    color: White;
}

.largeFont {
    font-size: 1.2em;
}
/* larger? really? */
.largerFont {
    font-size: 1.4em;
}

.massiveFont {
    font-size: 1.7em;
}

.smallFont {
    font-size: 0.95em; /*for 11pt*/
}

.smallerFont {
    font-size: 0.85em;
}

.font8 {
    font-size: 8px;
}

.font9 {
    font-size: 9px;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.font40 {
    font-size: 40px;
}

.font55 {
    font-size: 55px;
}

.fontItalic {
    font-style: italic;
}

.fontBold {
    font-weight: bold;
}

.pink {
    color: #E82B84;
}

.pink-bold12 {
    color: #E82B84;
    font-size: 12px;
    font-weight: bold;
}

.pink-bold36 {
    color: #E82B84;
    font-size: 36px;
    font-weight: bold;
}
/*.noTextDecoration {
    text-decoration: none;
}*/

.noTextShadow {
    text-shadow: none;
}

.note {
    color: #000;
    font-size: 11px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.centre {
    margin: 0 auto;
    display: inline-block;
}

hr.hr-dark {
    height: 1px;
    color: #999999;
    background-color: #999999;
    margin: 0;
    border: 0;
}

hr.hr-white {
    height: 1px;
    color: White;
    background-color: White;
    margin: 0;
    border: 0;
}

hr.hr-grey {
    height: 2px;
    color: #ccc;
    background-color: #ccc;
    margin: 0;
    border: 0;
}

hr.hr-pink {
    height: 1px;
    color: #E82B84;
    background-color: #E82B84;
    margin: 0;
    border: 0;
}

hr.hr-grey-right {
    height: 2px;
    color: #ccc;
    background-color: #ccc;
    margin: 0;
    border: 0;
    width: 120px;
    float: right;
}

hr.hr-lightgrey {
    height: 1px;
    color: #cccccc;
    background-color: #cccccc;
    margin: 0;
    border: 0;
}

hr.hr-darkpink {
    height: 4px;
    color: #E82B84;
    background-color: #E82B84;
    margin: 0;
    border: 0;
}

.padbottom {
    padding-bottom: 20px;
}

.padbottomsmall {
    padding-bottom: 5px;
}

.padtop {
    padding-top: 15px;
}

.padtop1 {
    padding-top: 1px;
}

.padtop3 {
    padding-top: 3px;
}

.padtop5 {
    padding-top: 5px;
}

.padtop6 {
    padding-top: 6px !important;
}

.padtop12 {
    padding-top: 12px;
}

.padbottom5 {
    padding-bottom: 5px;
}

.padbottom10 {
    padding-bottom: 10px;
}

.pad10 {
    padding: 0 10px;
}

.pad5 {
    padding: 0 5px;
}

.padtop1 {
    padding-top: 1px;
}

.padtop10 {
    padding-top: 10px;
}

.padtop17 {
    padding-top: 17px;
}

.alignRight {
    text-align: right;
}

.alignCenter {
    text-align: center;
}

.nomargin {
    margin: 0;
}

.nopad {
    padding: 0px;
}

.centrediv {
    margin: 0 auto;
}

img.imgqmark {
    height: 20px;
    width: 20px;
    float: left;
}

img.img320 {
    width: 320px;
}

a.largebutton-darkpink div {
    margin-top: 15px;
    -moz-border-radius: 0;
    border-radius: 0;
    color: White;
    background-color: #E82B84;
    height: 28px;
    text-align: center;
    text-shadow: none;
    padding-top: 12px;
    font-size: 12px;
}

a.largebutton-darkpink:hover div {
    margin-top: 15px;
    -moz-border-radius: 0;
    border-radius: 0;
    color: White;
    background-color: #CCCCCC;
    height: 28px;
    text-align: center;
    text-shadow: none;
    padding-top: 12px;
    font-size: 12px;
}

a.largebutton-pink div {
    margin-top: 15px;
    -moz-border-radius: 0;
    border-radius: 0;
    color: White;
    background-color: #DA68A7;
    height: 28px;
    text-align: center;
    text-shadow: none;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
}

a.largebutton-pink:hover div {
    margin-top: 15px;
    -moz-border-radius: 0;
    border-radius: 0;
    color: White;
    background-color: #CCCCCC;
    height: 28px;
    text-align: center;
    text-shadow: none;
    padding-top: 12px;
    font-size: 12px;
    font-weight: bold;
}

.largebutton-grey {
    text-align: center;
    line-height: 35px;
    background-color: #666666;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 15px 0 0;
}

    .largebutton-grey a {
        color: #FFFFFF;
    }

.smallbutton-lightgrey {
    text-align: center;
    line-height: 35px;
    background-color: #CCCCCC;
    font-size: 12px;
    font-weight: bold;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
    text-shadow: none;
    margin: 15px 0 0;
    padding: 0px 10px;
    color: White;
}

    .smallbutton-lightgrey img {
        padding-top: 11px;
        display: block;
        float: left;
    }

    .smallbutton-lightgrey a {
        display: block;
        color: #FFFFFF;
    }

.smallbutton-grey {
    text-align: center;
    line-height: 35px;
    background-color: #666666;
    font-size: 12px;
    font-weight: bold;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
    text-shadow: none;
    margin: 15px 0 0;
    padding: 0px 10px;
}

    .smallbutton-grey img {
        padding-top: 11px;
        display: block;
        float: left;
    }

    .smallbutton-grey a {
        display: block;
        color: #FFFFFF;
    }

.smallbutton-grey-on {
    text-align: center;
    line-height: 35px;
    background-color: #E82B84;
    font-size: 12px;
    font-weight: bold;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
    text-shadow: none;
    margin: 15px 0 0;
    padding: 0px 10px;
}

    .smallbutton-grey-on img {
        padding-top: 11px;
        display: block;
        float: left;
    }

    .smallbutton-grey-on a {
        display: block;
        color: #FFFFFF;
    }

.smallbutton-pink {
    text-align: center;
    line-height: 35px;
    background-color: #ffc7e2;
    font-size: 16px;
    font-weight: bold;
    /*-moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;*/
    text-shadow: none;
    padding: 0px 20px;
}

    .smallbutton-pink input[type="checkbox"] {
        margin-top: 11px;
        display: block;
    }

    .smallbutton-pink a {
        display: block;
        color: #333;
    }


.darkerpink {
    color: #E82B84;
}

.darkpink {
    color: #e688b6;
}

.button-darkpink a {
    display: block;
    color: white !important;
}

.button-darkpink {
    background-color: #E82B84;
    color: white !important;
}


.button-black {
    background-color: black;
    color: white !important;
}

    .button-black a {
        color: white !important;
    }

.button-darkgrey a {
    display: block;
    color: white !important;
}

.button-darkgrey {
    background-color: grey;
    color: white;
}

.smallbutton-darkpink {
    text-align: center;
    line-height: 35px;
    background-color: #E82B84;
    font-size: 12px;
    font-weight: bold;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
    text-shadow: none;
    margin: 15px 0 0;
    padding: 0px 10px;
}

    .smallbutton-darkpink a, .smallbutton-darkpink .loginContinue {
        display: block;
        color: #FFFFFF;
    }

    .smallbutton-darkpink input[type="checkbox"] {
        margin-top: 11px;
        display: block;
    }

    .smallbutton-black {
    text-align: center;
    line-height: 35px;
    background-color: black;
    font-size: 12px;
    font-weight: bold;
    /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
    text-shadow: none;
    margin: 15px 0 0;
    padding: 0px 10px;
}

    .smallbutton-black a, .smallbutton-black {
        display: block;
        color: #FFFFFF;
    }

    .smallbutton-black input[type="checkbox"] {
        margin-top: 11px;
        display: block;
    }

.smallbutton-with-checkbox {
}

    .smallbutton-with-checkbox .ui-btn-up-c {
        text-align: center;
        line-height: 35px;
        background-color: #DA68A7;
        font-size: 12px;
        font-weight: bold;
        /*-moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;*/
        margin: 0px;
        padding: 0px;
        display: block;
    }

    .smallbutton-with-checkbox .ui-icon, .smallbutton-with-checkbox ui-icon-shadow, .smallbutton-with-checkbox ui-icon-checkbox-off {
        padding-left: 20px;
    }

    .smallbutton-with-checkbox .ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner, .smallbutton-with-checkbox span.ui-btn-inner {
        padding: 0;
        margin: 0;
    }

    .smallbutton-with-checkbox .ui-controlgroup-controls {
        width: 100%;
    }

.ui-collapsible-heading {
    margin: 0;
}

.ui-collapsible.ui-collapsible-collapsed .ui-collapsible-heading .ui-icon-plus, .ui-icon-arrow-u {
    background-position: -216px 0;
}

#nav .ui-icon-arrow-r {
    background-position: -108px 0;
}

.ui-icon-arrow-l {
    background-position: -144px 0;
}

.ui-collapsible .ui-collapsible-heading .ui-icon-minus,
.ui-icon-arrow-d {
    background-position: -216px 0;
}

.ui-select .ui-icon-arrow-u {
    background-position: -180px 0;
}

.ui-select .ui-icon-arrow-d {
    background-position: -216px 0;
}

.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    background-color: #CCCCCC;
    text-shadow: none;
    font-weight: normal;
    color: #E82B84;
}

.ui-collapsible-set {
    margin: 0;
}

.ui-collapsible-content {
    padding: 0;
    margin: 0;
}

.ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    padding-left: 18px;
    padding-right: 40px;
}

.static-accordian .ui-collapsible-heading {
    margin: 0;
}

.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
    padding-left: 35px;
}

.static-accordian .ui-collapsible.ui-collapsible-collapsed .ui-collapsible-heading .ui-icon-plus, .static-accordian .ui-icon-arrow-u {
    background-position: -180px 0;
}

.static-accordian .ui-icon-arrow-r {
    background-position: -108px 0;
}

.static-accordian .ui-icon-arrow-l {
    background-position: -144px 0;
}

.static-accordian .ui-collapsible .ui-collapsible-heading .ui-icon-minus,
.static-accordian .ui-icon-arrow-d {
    background-position: -216px 0;
}

.static-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    background-color: #fff;
    text-shadow: none;
    font-weight: normal;
    color: #E82B84;
}

.static-accordian .ui-collapsible-set {
    margin: 0;
}

.static-accordian .ui-collapsible-content {
    padding: 0;
    margin: 0;
}

.static-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    padding-left: 18px;
    padding-right: 40px;
}

.static-accordian .ui-corner-top, .static-accordian .ui-corner-bottom {
    border-radius: 0;
}

.static-accordian-header .ui-btn-up-c {
    border: 0 none;
}

.static-accordian-header .ui-btn-hover-c:hover {
    border: 0 none;
}

.static-accordian-header .ui-btn-inner {
    font-size: 14px;
    padding-left: 0;
    white-space: normal;
}

.static-accordian-content {
    padding: 10px 10px;
    /*background-image: url("images/assets/bg_repeat.png");*/
    background-color: White;
    background-repeat: repeat;
}

.category-accordian .ui-collapsible-heading {
    margin: 0;
}

    .category-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
        background-color: #CCCCCC;
        text-shadow: none;
        font-weight: bold;
        color: #E82B84;
        font-size: 16px;
        border-bottom: 1px solid #ccc;
    }

.category-accordian .ui-collapsible-set {
    margin: 0;
}

.category-accordian .ui-collapsible-content {
    padding: 0;
    margin: 0;
}

.category-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    padding-left: 10px;
    padding-right: 40px;
}

.category-accordian .ui-corner-top, .category-accordian .ui-corner-bottom {
    border-radius: 0;
}

.category-accordian-header .ui-btn-up-c {
    border: 0 none;
}

.category-accordian-header .ui-btn-hover-c:hover {
    border: 0 none;
}

.category-accordian-header .ui-btn-inner {
    font-size: 14px;
    padding-left: 0;
    white-space: normal;
}
/*a .category-accordian-content, a:hover .category-accordian-content, a:visited .category-accordian-content
{
    color: #333333;
    font-weight: normal;
    text-decoration: none;
}
*/

a .category-accordian-content {
    color: #333333;
    font-weight: normal;
    text-decoration: none;
}

a:active .category-accordian-content, a:hover .category-accordian-content,
a.nav-stripe-grey:active, a.nav-stripe-grey:hover {
    font-weight: normal;
    text-decoration: none;
    background: #F6CFD4;
}

.category-accordian-content {
    padding: 10px 10px;
    background-image: url("images/assets/bg_repeat.png");
    background-repeat: repeat;
    font-size: 14px;
}

.category-accordian .ui-collapsible .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    background-color: #FFFFFF;
}

.category-accordian .ui-collapsible-collapsed .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
    background-color: #FFFFFF;
    color: #E82B84;
}

.brand-heading {
    color: #E82B84;
    font-weight: bold;
}

.greypanel-withborder {
    background-color: #CCCCCC;
    border: 1px solid #666666;
}

.whitepanel-redborder {
    border: 1px solid #f00;
}

.btn-postage-quote-holder {
    margin-bottom: 10px;
}

.btnPostageQuote {
    color: #fff;
    font-weight: bold;
    background-color: #f00;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 6px 35px;
    cursor: pointer;
    border: 1px solid #f00;
    width: 110px;
}

    .btnPostageQuote.ui-link {
        color: #fff;
        font-size: 12px;
    }

        .btnPostageQuote.ui-link:hover {
            color: #fff;
            font-size: 12px;
        }

        .btnPostageQuote.ui-link:visited {
            color: #fff;
            font-size: 12px;
        }

.postageQuoteStoreOpen, .postageQuoteStoreClosed {
    text-align: center;
}

.postageQuoteTitle {
    font-weight: bold;
    font-size: 12px;
    padding: 10px 15px;
    line-height: 20px;
}

.postageQuoteDesc {
    font-size: 12px;
    line-height: 17px;
    margin-top: 12px;
    padding: 0 15px;
}

.btn-postage-quote {
    width: 130px;
}

.handlingfee-desc {
    text-align: center;
    color: #f00;
}

.registry-profile-header {
    min-height: 105px;
    padding-top: 20px;
}

.postageQuote-container {
    width: 300px;
    margin: 0 auto;
}

    .postageQuote-container .errorPostageQuote {
        color: red;
        font-size: 12px;
    }

.registry-profile-header img {
    margin-top: 3px;
    position: absolute;
}

.registry-profile-content {
    padding-left: 120px;
    font-size: 12px;
}

    .registry-profile-content p {
        margin-top: 0px;
    }

.registry-profile-names {
    font-weight: bold;
    font-size: 16px;
    color: #E82B84;
}

.registry-profile-heading {
    color: #E82B84;
    font-size: 14px;
}

.registry-profile-vlaue {
    font-size: 14px;
}
.registry-profile-img {
    width: 100px;
    height: 100px;
}

.registry-faq .hr-grey {
    height: 1px;
    background-color: grey;
    color: grey;
}

.product-filter {
}

    .product-filter .ui-disabled {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.product-filter-page .ui-select {
    width: 100%;
    /*min-width: 240px;*/
}

.departmentlist .ui-select {
    width: 100%;
    min-width: 160px;
}

.product-filter-page .ui-btn-corner-all {
    border-radius: 0px;
}

.product-filter-page .ui-icon {
    height: 36px;
    width: 25px;
}

.product-filter-page .ui-collapsible .ui-collapsible-heading .ui-icon-minus, .product-filter-page .ui-icon-arrow-d {
    background-image: url("images/assets/dropdown.png");
    background-position: 0 0;
    background-size: 25px 36px;
}

.product-filter-page .ui-btn-icon-right .ui-icon {
    right: 0;
}

.product-filter-page .ui-icon {
    border-radius: 0;
}

.product-filter-page .ui-icon-searchfield:after {
    border-radius: 0;
}

.product-filter-page span.ui-btn-inner {
    border-top: 0 none;
    font-size: 15px;
    padding: 5px;
    text-align: left;
    font-weight: normal;
    background-color: White;
}

.product-filter-page .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .product-filter-page .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
    margin-top: -18px;
}

/*.product-filter-page .ui-select .ui-btn-icon-right .ui-btn-inner, .product-filter-page .ui-select .ui-li-has-count .ui-btn-inner {
    padding-right: 20px;
}*/

.product-filter-filter {
    font-size: 11px;
    padding-top: 15px;
    font-weight: bold;
}

.product-filter-filter-selected {
    color: #E82B84;
    font-size: 11px;
}

.registryitem {
    /*width: 132px;*/
    width: 48%;
    font-size: 12px;
    color: #666666;
}

    .registryitem .RRP {
        font-size: 10px;
    }

    .registryitem img {
        max-width: 100%;
        max-height: 100%;
    }

.qtyremaining {
    color: #E82B84;
}

.qty {
    color: #E82B84;
}

img.imgcalleft {
    height: 24px;
    width: 24px;
    float: left;
    padding-top: 2px;
    border: 0 none;
}

.registryitem-qty input {
    padding-left: 8px;
    display: block;
    font-weight: bold;
}

img.imgcalright {
    width: 24px;
    height: 24px;
    float: right;
    padding-top: 2px;
    border: 0 none;
}

img.imgcalright-wishlist {
    width: 24px;
    height: 24px;
    float: right;
    padding-top: 6px;
    border: 0 none;
    margin-right: 20px;
}

.registryitem-qty .ui-corner-all {
    float: left;
    /*margin: 4px 0 0 23px;*/
    font-weight: bold;
    display: block;
    height: 25px;
    text-align: center;
    width: 40px;
    float: left;
    padding: 0px 10px;
}

.registryitem-qty {
    padding: 10px 0;
    text-align: center;
    /*width: 120px;*/
    float: left;
}

.registryitem-img {
    /*width: 130px;
    height: 130px;*/
}

.registryitem-qty .ui-input-text.ui-focus, .registryitem-qty .ui-input-search.ui-focus {
    box-shadow: none;
}





.btn-shoppingbag-wishlistselect {
    text-align: center;
    background-color: #e688b6;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0px;
    text-shadow: none;
    margin: 0;
    padding: 0 5px;
    margin-top: 5px !important;
    color: #ffffff;
    font-size: 8pt;
    width: 150px;
}

.btn-shoppingbag-wishlist {
    text-align: center;
    background-color: #e688b6;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0px;
    text-shadow: none;
    margin: 0;
    padding: 0 5px;
    color: #ffffff;
    font-size: 8pt;
    width: 150px;
}

.btn-shoppingbag-wishlistbottom {
    text-align: center;
    background-color: #991655 !important;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0px;
    text-shadow: none;
    margin: 0;
    padding: 0 5px;
    color: #ffffff;
    font-size: 8pt;
}

.btn-grey-out-shoppingbag {
    text-align: center;
    background-color: Silver;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
    color: White;
    padding: 0 5px;
}


.buttonContainer {
    padding: 0 0;
    position: static;
}


ol.orderedlist-pinklarge {
    counter-reset: item;
    list-style-type: none;
    padding-left: 30px;
}

    ol.orderedlist-pinklarge li {
        display: block;
        min-height: 30px;
        padding-bottom: 5px;
    }

        ol.orderedlist-pinklarge li:before {
            content: counter(item) "  ";
            counter-increment: item;
            color: #E82B84;
            float: left;
            font-size: 18px;
            font-weight: bold;
            position: absolute;
            left: 18px;
            line-height: 18px;
        }

ul.unorderedlist {
    padding-left: 20px;
}

    ul.unorderedlist li {
        padding-bottom: 5px;
    }

.navbutton-grey .ui-btn-corner-all {
    border-radius: 0;
}

.navbutton-grey .ui-shadow {
    box-shadow: none;
}

.navbutton-grey .ui-btn {
    border: 0 none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.navbutton-grey .ui-btn-inner {
    font-size: 14px;
    color: #666666;
    background-color: #EDEDED;
    padding: 10px;
    font-weight: normal;
    text-shadow: none;
}

.inner-container-plainbg .inner-container-plainlighterbg {
    text-shadow: none;
}
/* ----------------------------------------------------------- 

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. 
-----------------------------------------------------------*/
.page {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

    header h1, #header h1 {
        font-weight: bold;
        padding: 8px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
        text-shadow: 1px 1px 2px #111;
        background: transparent;
    }


.ui-checkbox .ui-btn-icon-left .ui-icon {
    left: 1px;
}

.ui-checkbox .ui-icon {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.ui-icon-checkbox-on {
    background-image: url("images/svgs/icon-black-tick.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 1px 1px;
}

.ui-icon-checkbox-off {
    background-image: none;
    border: 1px solid black;
}

/* Customised header start
-----------------------------------------------------------*/
.pokHeader {
    width: 100%;
    height: 50px;
}

.headerTop {
    background-color: #fff;
    z-index: 102;
    position: absolute;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #999999;
}

.headerTop-grey {
    background: White repeat;
    z-index: 102;
    position: absolute;
    width: 100%;
}

.homeLogo {
    padding: 6px 0px;
    float: left;
}
    /*We need a set of half sized images for old mobile devices where css3 are not supported.. TODO: ask Athena!! */
    .homeLogo a {
        background-image: url("images/svgs/POK-2017-mobile-Logo-noOval.svg");
        background-size: 80px 40px;
        float: left;
        margin-left: 5px;
        width: 80px;
        height: 40px;
        background-position: right center;
    }


.loginNav li, .privacyNav li, .logoutNav li {
    display: inline;
}

.loginNav a, nav.headerBottom a, nav.footerNav a, .privacyNav a, .logoutNav a {
    text-decoration: none;
}

    /*nav.headerBottom a.ui-btn-active, nav.footerNav a.ui-btn-active {
    border: 1px solid #333;
    background: #333;
}*/

    nav.headerBottom a.ui-btn-active, nav.footerNav a.ui-btn-active {
        border-bottom: 1px solid #CCC;
        border-top: 0;
        border-left: 1px solid;
        border-left-color: Silver;
    }

nav.headerBottom {
    height: 60px;
    position: absolute;
    width: 100%;
    top: 50px;
}
/*.ui-btn-up-c {
    border-bottom: 0 #CCC;
}*/


.loginNav a.ui-link, .logoutNav a.ui-link {
    font-weight: normal;
    color: #333; /*dark grey*/
    font-size: 12px;
}

.loginNav ul, .logoutNav ul {
    padding-left: 0;
}

.privacyNav a.ui-link, .privacyNav a.ui-link:visited, .privacyNav li {
    font-weight: normal;
    color: white;
}

.privacyNav ul {
    text-align: right;
    padding: 0 5px 0 120px;
}

    .privacyNav ul a {
        font-size: 12px;
    }

.logoMenu {
    display: inline-block;
    float: left;
    text-align: right;
    position: relative;
}

.headerIcons {
    display: inline-block;
    float: right;
    padding-top: 10px;
    text-align: right;
    position: relative;
}

    .headerIcons a {
        text-align: right;
    }

.headerTop .ui-block-a {
    width: 30%;
    height: 50px;
}

.headerTop .ui-block-b {
    width: 30%;
    height: 50px;
}

.loginNav {
    margin-top: 0px;
    padding-top: 6px;
}

    .loginNav ul, .logoutNav ul {
        text-align: right;
    }

.verticalBar {
    margin: 0 5px 0 5px;
}

.headerNavbar {
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DA68A7));
    background-image: -webkit-linear-gradient(top, white, #DA68A7);
    background-image: -moz-linear-gradient(top, white, #DA68A7);
    background-image: -ms-linear-gradient(top, white, #DA68A7);
    background-image: -o-linear-gradient(top, white, #DA68A7);
    background-image: linear-gradient(top, white, #DA68A7);
}

nav.headerBottom .ui-btn-inner {
    font-size: 0.80em;
    padding: 0.0em 5px;
    padding-top: 25px;
    font-weight: normal;
    color: #333; /*dark grey*/
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DA68A7));
    background-image: -webkit-linear-gradient(top, #fff, #DA68A7);
    background-image: -moz-linear-gradient(top, #fff, #DA68A7);
    background-image: -ms-linear-gradient(top, #fff, #DA68A7);
    background-image: -o-linear-gradient(top, #fff, #DA68A7);
    background-image: linear-gradient(top, #fff, #DA68A7);
}

    nav.headerBottom .ui-btn-inner:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E82B84));
        background-image: -webkit-linear-gradient(top, #fff, #E82B84);
        background-image: -moz-linear-gradient(top, #fff, #E82B84);
        background-image: -ms-linear-gradient(top, #fff, #E82B84);
        background-image: -o-linear-gradient(top, #fff, #E82B84);
        background-image: linear-gradient(top, #fff, #E82B84);
    }

nav.headerBottom .ui-block-a {
    width: 37%;
    position: relative;
}

nav.headerBottom .ui-block-b {
    width: 35%;
    position: relative;
}

nav.headerBottom.ui-navbar li .ui-btn {
    text-align: left;
}

    nav.headerBottom.ui-navbar li .ui-btn .ui-btn-text {
        left: 27%;
    }

nav.headerBottom .ui-block-c {
    width: 28%;
    position: relative;
}

nav.headerBottom a {
    border-top: none;
    border-bottom: none;
}

.wishListText {
    padding: 8px 0;
}

.number {
    padding-left: 2px;
    font-weight: normal;
}

.padleft30 {
    padding-left: 30px;
}

.padleft25 {
    padding-left: 25px;
}

.padleft10 {
    padding-left: 10px;
}

.padleft5 {
    padding-left: 5px;
}

.padleft3 {
    padding-left: 3px;
}

.padright10 {
    padding-right: 10px;
}

.pokHeader .ui-navbar li .ui-btn-inner {
    padding-top: 25px;
    padding-bottom: 0;
}

.pokHeader .ui-navbar li .ui-btn-inner {
    padding: 0;
}

    .pokHeader .ui-navbar li .ui-btn-inner .ui-btn-text {
        float: right;
        padding: 5px 0;
        font-weight: bold;
    }

    .pokHeader .ui-navbar li .ui-btn-inner .ui-icon {
        left: 15%;
        top: 10px;
    }

nav.ui-navbar li:last-child .ui-btn {
    border-right-width: 0;
}

#headerRegistry .ui-btn-up-c {
    border-left-width: 0;
}

.giftIcon {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url("images/assets/nav_icon_gift.png");
    background-size: 20px 20px;
    position: absolute;
    left: 65px;
    top: 5px;
    width: 40px;
    height: 20px;
}

.wishIcon {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url("images/assets/nav_icon_wish.png");
    background-size: 20px 20px;
    position: absolute;
    left: 25px;
    top: 5px;
    width: 40px;
    height: 20px;
}

.bagIcon {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-image: url("images/assets/nav_icon_bag.png");
    background-size: 20px 20px;
    position: absolute;
    left: 37px;
    top: 5px;
    width: 40px;
    height: 20px;
}

.ui-icon-nav-gift {
    background-image: url("images/assets/nav_icon_gift.png");
    background-size: 20px 20px;
    background-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0 20px;
    border: 0 none;
}

.ui-icon-nav-wishlist {
    background-image: url("images/assets/nav_icon_wish.png");
    background-size: 20px 20px;
    background-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 2px 20px 0 20px;
}

.ui-icon-nav-shoppingbag {
    background-image: url("images/assets/nav_icon_bag.png");
    background-size: 20px 20px;
    background-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 2px 20px 0 20px;
}

.iconContainer {
    float: left;
    padding: 0 5px;
    height: 42px;
}

.iconLine {
    border-right: 1px solid grey;
}

.iconPointer {
    background-image: url("images/svgs/selection-indicator.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 10px 10px;
}


/*-----------------------------------------------------------
Customised header end*/

#main {
    border-radius: 0 0 0 0;
    /*float: left;*/
    width: 100%;
    background-color: White;
    background-repeat: repeat;
    position: absolute;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: initial;
}

footer,
#footer {
    text-align: center;
    line-height: normal;
    margin: 0;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    background-color: #EEEEEE;
}

.footerNav .cleanTable {
    background-color: transparent;
}

.footerCopyRight {
    padding-top: 15px;
}

.footerPrivacy {
    padding: 0 5px;
    text-shadow: none;
    background-color: #EEEEEE;
}

.footerlinks {
    color: Gray;
    font-size: 10px;
    font-weight: normal;
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 5px;
}

    .footerlinks a {
        color: Gray;
        font-size: 10px;
        font-weight: normal;
    }

/*-----------------------------------------------------------
Customised footer end*/

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    /*border-bottom: 1px #5C87B2 solid; The border-line is not required*/
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
    }

        ul#menu li#greeting {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul#menu li a {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            background-color: #e8eef4;
            color: #034af3;
            border-radius: 4px 4px 0 0;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
        }

            ul#menu li a:hover {
                background-color: #fff;
                text-decoration: none;
            }

            ul#menu li a:active {
                background-color: #a6e2a6;
                text-decoration: none;
            }

        ul#menu li.selected a {
            background-color: #fff;
            color: #000;
        }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

/*input[type="text"], input[type="number"],
input[type="password"], input[type="tel"], input[type="email"] {
    border: 1px solid #666666;
    color: #666666;
    font-size: 14px;
    background-color: White;
}*/

.input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: White;
}

.ui-shadow-inset {
    box-shadow: none;
}

.ui-corner-all {
    border-radius: 0px;
}

input.ui-input-text {
    width: auto;
    display: inline;
    box-sizing: border-box;
}

select {
    /*border: 1px solid #ccc;*/
    padding: 2px;
    font-size: 14px;
    color: #444;
}

input[type="submit"] {
    font-size: 14px;
    padding: 5px;
    -webkit-appearance: none;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0 !important;
}

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

    table td {
        padding: 5px;
        border: solid 1px #e8eef4;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
        background-color: #e8eef4;
        border: solid 1px #e8eef4;
    }
/* DROPDOWN
----------------------------------------------------------*/
.dropdown .ui-select {
    width: 100%;
}

.dropdown .ui-btn-inner {
    padding: 7px 20px;
}

.dropdown .ui-btn-corner-all {
    border-radius: 0px;
}

.dropdown .ui-icon {
    height: 40px;
    width: 25px;
}

.dropdown .ui-collapsible .ui-collapsible-heading .ui-icon-minus, .dropdown .ui-icon-arrow-d {
    background-image: url("images/assets/dropdown.png");
    background-position: 0 0;
    background-size: 25px 35px;
}

.dropdown .ui-btn-icon-right .ui-icon {
    right: 0;
}

.dropdown .ui-icon {
    border-radius: 0;
}

.dropdown .ui-icon-searchfield:after {
    border-radius: 0;
}

.dropdown span.ui-btn-inner {
    border-top: 0 none;
    font-size: 14px;
    padding-left: 5px;
    text-align: left;
    font-weight: normal;
    background-color: White;
}

.dropdown .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .dropdown .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
    margin-top: -18px;
}

.dropdown .ui-select .ui-btn-icon-right .ui-btn-inner, .dropdown .ui-select .ui-li-has-count .ui-btn-inner {
    padding-right: 20px;
}

.dropdown option {
    font-size: 14px;
}
/* BUTTONS NEW */



.smallbutton {
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    font-weight: bold;
    /*-moz-border-radius: 3px!important;
    -webkit-border-radius:3px!important;
    border-radius:3px!important;*/
    text-shadow: none;
    padding: 5px !important;
    margin: 0px 5px !important;
    border-width: 0px;
}

.smallbutton-wishlist {
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    /*-moz-border-radius: 3px!important;
    -webkit-border-radius:3px!important;
    border-radius:3px!important;*/
    text-shadow: none;
    padding: 5px 20px !important;
    border-width: 0px;
    height: 15px;
    line-height: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
    background-color: #E82B84;
}

.smallbutton input[type="checkbox"] {
    margin-top: 11px;
    display: block;
}

.button-lightpink a {
    display: block;
    color: #333 !important;
}

.button-lightpink {
    background-color: #ffc7e2;
}

.button-clearpink {
    font-style: italic;
    font-weight: normal;
    border: 1px solid #E82B84;
    background-color: #fff;
    color: #E82B84 !important;
    line-height: 35px;
    padding: 0px 10px !important;
}

    .button-clearpink:active {
        color: white !important;
        background-color: #E82B84;
    }


.button-grey a {
    display: block;
    color: white !important;
}

.button-grey {
    color: white;
    background-color: #959595;
}


/* MISC  
----------------------------------------------------------*/
.error {
    color: Red;
}

/*
nav, 
#menucontainer {
    margin-top: 40px;
}
*/

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

.imgleft {
    position: absolute;
    padding-top: 3px;
}

.paragraphright {
    padding-left: 30px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    /*color: #fff;*/
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

/* Home page carousel
----------------------------------------------------------*/
.slider {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden;
}

    .slider li {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.slides_container {
    width: 100%;
    height: 130px;
    padding: 10px;
}

    .slides_container div {
        width: 100%;
        height: 130px;
        display: block;
    }

.mainCarouselImage1 a {
    background-image: url("images/carousel/maincarousel.jpg");
    background-size: 300px 130px;
    background-repeat: no-repeat;
}

mainCarouselImage1, .mainCarouselImage2, mainCarouselImage3, mainCarouselImage4, mainCarouselImage5 {
    width: 300px;
    height: 130px;
}

    .mainCarouselImage2 a {
        background-image: url("images/carousel/maincarousel.jpg");
        background-size: 300px 130px;
        background-repeat: no-repeat;
    }

.mainCarouselImage3 a {
    background-image: url("images/carousel/maincarousel.jpg");
    background-size: 300px 130px;
    background-repeat: no-repeat;
}

.mainCarouselImage4 a {
    background-image: url("images/carousel/maincarousel.jpg");
    background-size: 300px 130px;
    background-repeat: no-repeat;
}

.mainCarouselImage5 a {
    background-image: url("images/carousel/maincarousel.jpg");
    background-size: 300px 130px;
    background-repeat: no-repeat;
}

.mainCarouselImage6 a {
    background-image: url("images/carousel/maincarousel.jpg");
    background-size: 300px 130px;
    background-repeat: no-repeat;
}

/*-----------Main carousel*/
.carouselIndicators {
    height: 15px;
    list-style: none outside none;
    margin: 0 20px 0 0;
    padding: 0;
    position: absolute;
    right: 2px;
    text-align: right;
    bottom: 10px;
    width: 155px;
    z-index: 99;
}

    .carouselIndicators li {
        display: inline-block;
        margin: 0 3px;
        padding-top:5px;
    }

        .carouselIndicators li .circle {
            display: block;
            height: 10px;
            margin: 0;
            padding: 0;
            width: 10px;
            background: url("images/carousel/scroll_indicator.png");
        }

li.activeSlide .circle {
    display: block;
    background: url("images/carousel/scroll_indicator_on.png");
    width: 10px;
}

.featureItem {
    text-align: center;
    padding-bottom: 32px;
}

.homepromo .featureItem img {
    width: 300px;
    height: 130px;
}

.FeatureItem {
    width: 100%;
}

.mainImageCarousel {
    vertical-align: middle;
    margin: 0 auto;
    position: relative;
}

.imagegallery {
    margin-right: 0;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    box-shadow: 3px 3px 3px #666666;
}


.featuredUrlLinks {
    margin: 0;
    width: 100%;
    height: 80px;
}

.featureLinks {
    height: 80px;
    text-align: center;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    box-shadow: 3px 3px 3px #666666;
}

.dailyDeal {
    width: 120px;
    height: 80px;
    text-align: center;
    -moz-box-shadow: 3px 3px 3px #666666;
    -webkit-box-shadow: 3px 3px 3px #666666;
    box-shadow: 3px 3px 3px #666666;
}

.featuredUrlCarousel {
    width: 100%;
    height: 80px;
    vertical-align: middle;
    margin: 0px 5px 15px 10px;
    position: relative;
}

.combinedbutton-container {
    width: 30%;
    border-color: #666666;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

input.combinedtextbox {
    border-right: none;
    display: block;
    float: left;
    margin: 0;
    width: 100%;
    border-color: #666666;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.product-detail-post .combinedbutton-darkpink {
    font-size: 14px;
    height: 28px;
    padding-top: 10px;
    padding-left: 20px;
}

.searchfield .combinedbutton-darkpink {
    height: 30px;
}

.ac_results {
    z-index: 103;
}

    .ac_results li {
        height: 30px;
        line-height: 30px;
    }

a.combinedbutton-darkpink, a.combinedbutton-darkpink:hover, a.combinedbutton-darkpink:visited {
    color: White;
}

.combinedbutton-darkpink {
    /*border-left: 0;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;*/
    /*border-radius: 0 5px 5px 0;*/
    display: block;
    float: left;
    margin: 0;
    width: 100%;
    background-color: #E82B84;
    color: White;
    font-weight: bold;
    border-color: #666666;
    text-shadow: none;
    padding-top: 7px;
    padding-left: 5px;
}

a.combinedbutton-darkpink:hover, a.combinedbutton-darkpink:visited {
    color: White;
}

.searchfield {
    /*padding: 10px 0;*/
    overflow: hidden;
    background-color: #fff;
}

    .searchfield img {
        background-color: #c1c1c1;
    }

    .searchfield p {
        font-size: 12px;
        color: #E82B84;
        font-weight: bold;
        margin: 0;
        padding: 10px 0 5px 0;
        background-color: #c1c1c1;
    }

    .searchfield .ui-btn-text {
        color: #666666;
        background-color: #c1c1c1;
    }

    .searchfield input {
        border: 0 !important;
        background-color: #c1c1c1;
    }

    .searchfield select {
        border: 0 !important;
    }

ul.ui-autocomplete {
    margin: 0;
    list-style-type: none;
    padding: 0;
    border: 1px solid #666666;
    width: 50px;
    background-color: White;
    font-size: 12px;
    color: #666666;
    font-family: Arial;
}

    ul.ui-autocomplete li {
        padding: 0 0 0 5px;
        margin: 0;
        line-height: 40px;
        height: 40px;
        list-style-type: none;
    }

        ul.ui-autocomplete li a {
            line-height: 40px;
            height: 40px;
            display: block;
        }

filerdropdown-mid {
    width: 10%;
}

.filerdropdown-container {
    width: 100%;
}

.filerdropdown {
    width: 100%;
}

input.filertextbox {
    width: 50%;
}

.filerdropdown .ui-btn-corner-all {
    margin: 0;
    border-radius: 5px 5px 5px 5px;
}

.filerdropdown .ui-icon {
    height: 40px;
    width: 25px;
}

.filerdropdown .ui-collapsible .ui-collapsible-heading .ui-icon-minus, .filerdropdown .ui-icon-arrow-d {
    background-image: url("images/assets/dropdown.png");
    background-position: 0 0;
    background-size: 25px 35px;
}

.filerdropdown .ui-shadow {
    box-shadow: none;
}

.filerdropdown .ui-btn-icon-right .ui-icon {
    right: 0;
}

.filerdropdown .ui-icon {
    border-radius: 0;
}

.filerdropdown .ui-icon-searchfield:after {
    border-radius: 0;
}

.filerdropdown span.ui-btn-inner {
    border-top: 0 none;
    font-size: 11px;
    padding-left: 5px;
    text-align: left;
}

.filerdropdown .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .filerdropdown .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
    margin-top: -18px;
}

.filerdropdown .ui-select .ui-btn-icon-right .ui-btn-inner, .filerdropdown .ui-select .ui-li-has-count .ui-btn-inner {
    padding-right: 20px;
}

.overlay-greyout {
    background-color: #000000;
    opacity: 0.5;
    filter: alpha(opacity=40);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
}

.productgrid {
    /*width: 96%;*/
    margin: 0 auto;
    background-color: #fff;
}

.featureItem-product {
    width: 300px;
    height: auto;
    background-color: White;
}

    .featureItem-product img {
        display: block;
        margin: 0 auto;
    }

.mainImageCarousel-product {
}

.imagegallery-product {
    box-shadow: none;
}

    .imagegallery-product div.featureItem {
        background-color: White;
    }

.product-detail {
    padding-right: 0px;
}

.product-detail-header {
    font-size: 18px;
    color: #E82B84;
    font-weight: bold;
}

.product-detail-no {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.product-detail-container {
    padding: 10px 9px 10px 9px;
    margin: 0 auto;
}

.product-detail-toolbar {
    height: 45px;
    width: 225px;
    display: none;
    background-color: #EEEEEE;
    /*margin-top: 10px;*/
}

    .product-detail-toolbar .ui-block-a {
        width: 21%;
    }

    .product-detail-toolbar .ui-block-b {
        width: 17%;
    }

    .product-detail-toolbar .ui-block-c, .product-detail-toolbar .ui-block-d {
        width: 31%;
    }

    .product-detail-toolbar a {
        margin-right: 5% !important;
        margin-top: 7px !important;
    }

.product-detailTable {
    border-collapse: collapse;
    background-color: #fff;
    border-width: 0px;
    width: 100%;
}

    .product-detailTable td {
        text-align: left;
        border-width: 0px;
        color: Black;
        padding: 0px;
        vertical-align: top;
    }


.product-carousel-container {
    position: relative;
    /*width:170px;*/
    margin-bottom: 5px;
}


.product-detail-container span.limited {
    background: transparent url(images/svgs/icon-low-stock.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
}

.product-detail-container span.cashback {
    background: transparent url(images/svgs/icon-cash-back.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
}

.product-detail-container span.bonusgift {
    background: transparent url(images/svgs/icon-bonus-gift.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 10px;
}

.product-detail-container span.chancetowin {
    background: transparent url(images/svgs/icon-chance-to-win.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.product-detail-container span.colourvaries {
    background: transparent url(images/svgs/icon-colour-varies.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.product-detail-container span.freedelivery {
    background: transparent url(images/svgs/icon-free-delivery.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.product-detail-container span.designvaries {
    background: transparent url(images/svgs/icon-design-varies.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}


.product-detail-container span.limitededition {
    background: transparent url(images/svgs/icon-limited-edition.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.product-detail-container span.onsale {
    background: transparent url(images/svgs/icon-on-sale.svg) no-repeat scroll;
    display: block;
    overflow: hidden;
    z-index: 105;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
}

.product-detail-bag-text {
    padding: 8px 4px 0px 4px !important;
}

.maylike {
    clear: both;
    width: 320px;
    margin: 0px auto 10px auto;
}

    .maylike .es-carousel {
        overflow: hidden;
        height: 180px;
        width: 300px;
        margin-left:10px;
    }

    .maylike .es-carousel-wrapper {
        width: 320px;
        height: 160px;
        margin-top: 0px;
    }

.maylike-img-div {
    float: left;
    width: 130px;
    padding: 10px 10px 0px 7px;
}

.maylike-img {
    border: grey 1px solid;
}

.maylike-product-details {
    padding: 9px 5px 0px 0px;
    position: relative;
}

.maylike-price-div {
    padding-right: 5px;
}

.maylike-ul .priceContainer {
    position: static;
}

    .maylike-ul .priceContainer span {
        display: inline;
        width: auto;
        height: auto;
        vertical-align: baseline;
    }

.maylike-ul .featureItem {
    text-align: left;
    height: 160px;
    width: 280px;
    background-color: #EEE;
}

.maylike-ul {
}

.maylike .carouselIndicators {
    height: 15px;
    list-style: none outside none;
    margin: 0 20px 0 0;
    padding: 0;
    position: absolute;
    text-align: center !important;
    bottom: -10px !important;
    right: auto !important;
    width: 100% !important;
    z-index: 99;
    -webkit-padding-start: 0px;
}

.maylike-more-results {
    display: table-cell;
    vertical-align: middle;
    width: 270px;
    height: 150px;
    padding: 5px;
    text-align: center;
}

    .maylike-more-results a {
        font-size: 14px;
    }

.maylike-carousel-container {
    position: relative;
    text-align: center;
}

.maylike .es-nav span {
    margin-top: 0px;
    top: 0;
}

.maylike-ul table, .maylike-ul tr, .maylike-ul td {
    border: 0px;
    padding: 0px;
    width:250px;
}

.maylike .es-nav span.es-nav-prev, .maylike .es-nav span.es-nav-next {
    height: 160px;
    width: 20px;
}

.maylike-price-td {
    vertical-align: bottom;
    padding-bottom: 4px !important;
}

.maylike-name-div {
    height: 50px;
    padding-top: 12px;
    padding-right: 5px;
}

.product-socialicon {
    float: right;
    padding-left: 3px;
}

.product-socialicon-fb {
    float: right;
    overflow: hidden;
    width: 44px;
    padding-left: 3px;
}

.product-detail-zoom {
    position: absolute;
    right: 0px;
    bottom: -2px;
    z-index: 100;
}

.product-detail-desc {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
}

.pricesection-left {
    text-align: right;
}

.pricesection-right {
    float: right;
}

    .pricesection-right .ui-btn-corner-all, .shoppingbag-listview-subleft .ui-btn-corner-all {
        padding-top: 3px;
        padding-bottom: 3px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.product-detail-rrp {
    font-size: 12px;
    color: black;
    margin: 10px 0 0 0;
    font-weight: bold;
}

.product-unitprice-header {
    font-size: 14px;
    color: #E82B84;
    font-weight: bolder;
    margin: 5px 0 0 0;
}

.product-unitprice {
    font-size: 28px;
    color: #E82B84;
    font-weight: bolder;
    margin: 0;
}

.product-detail-qty {
    color: #666666;
    font-size: 14px;
    margin: 5px 0;
}

.product-detail-post {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pricesection-right .ui-corner-all {
    border-radius: 0;
    display: block;
    /*height: 30px;*/
    /*padding-top:5px;*/
    margin: 0 5px;
    text-align: center;
    width: 40px;
    float: left;
    font-weight: bold;
    /*margin-top:4px;*/
}

.pricesection-right {
    text-align: center;
}

    .pricesection-right .ui-input-text.ui-focus, .pricesection-right .ui-input-search.ui-focus {
        box-shadow: none;
    }

.product-detail-post input.combinedtextbox {
    width: 43%;
    height: 40px;
    font-size: 12pt;
}

.product-detail-post .combinedbutton-container {
    width: 34%;
}

    .product-detail-post .combinedbutton-container input {
        font-size: 12px;
    }

.product-detail-color {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 5px;
}

input.prodqty {
    color: #333333;
    font-size: 16px;
    height: 30px;
}

input.prodqty-wishlist {
    width: 25px !important;
    height: 25px;
    padding: 2px 0 0 7px !important;
}

input.prodOrderqty {
    color: #333333;
    font-size: 16px;
    width: 40px !important;
    height: 25px !important;
    padding: 0 !important;
}

input.sendRequestText {
    color: #333333;
    font-size: 16px;
    width: 250px;
}


.colortile {
    float: left;
    border: 1px solid #666666;
    width: 29px;
    height: 29px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.postageText {
    color: #E82B84;
    font-size: 14px;
    padding: 7px 0 0 0px;
    height: 30px;
}

.product-cardvalue {
    color: #666666;
    font-size: 14px;
    overflow: hidden;
    padding: 10px;
}

.product-cardinner {
    padding-top: 10px;
    padding-bottom: 5px;
}


/*----------------------
Main carousel ends*/

/* Elastislide Style 
----------------------*/
.es-carousel-wrapper {
    /*max-width:480px;*/
    position: relative;
    width: 300px;
    height: 100px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 10px;
}

.es-carousel {
    overflow: hidden;
    height: 85px;
    width: 300px;
}

    .es-carousel ul {
        display: none;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .es-carousel ul li {
            height: 100%;
            float: left;
            display: block;
            position: relative;
            left: -7px;
        }

            /*-----------------------------*/
            .es-carousel ul li.dailyDealUrl {
                height: 80px;
                display: block;
            }

            .es-carousel ul li.promotionUrl {
                height: 80px;
                display: block;
            }

            .es-carousel ul li span {
                /*width: 70px;*/
                height: 65px;
                display: table-cell;
                vertical-align: middle;
            }

            .es-carousel ul li a .hacktopspace {
                clear: both;
                height: 10px;
                display: block;
            }

.es-nav span {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -15px;
    text-indent: -6500px;
    cursor: pointer;
    z-index: 1;
}

    .es-nav span.es-nav-next {
        right: 0px;
        left: auto;
        display: block !important;
        width: 18px;
        height: 37px;
        -moz-background-size: 100%;
        background-size: 100%;
    }

    .es-nav span.es-nav-prev {
        display: block !important;
        width: 18px;
        height: 37px;
        -moz-background-size: 100%;
        background-size: 100%;
    }

li.promotionUrl:last-child {
    margin-right: 0;
}

.home-feature-links {
    text-align: center;
    padding-top: 4px;
}

/*-----------------------------*/
.accountSliderWrap {
    margin: 0 auto;
}

/*-----------------------------*/
.refineSliderWrap {
    margin: 0 auto;
}

.searchSliderWrap {
    margin: 0 auto;
}

.itemSliderWrap {
    margin: 0 auto;
}

.slider1 {
    position: absolute;
    margin-top: -20000px;
    width: 100%;
    z-index: 106;
}

.slider2 {
    position: absolute;
    margin-top: 0px;
    width: 100%;
    z-index: 106;
    display: none;
}

.slider1 img {
    border: 0;
}


.searchSliderWrap h3 {
    color: White;
    font-family: 'VisbyCF', sans-serif;
}

#sliderContent {
    /*position: absolute;*/
    width: 100%;
    background-color: #1c1c1c;
    position: static;
}

/* Product List
--------------------------*/
.searchResultTextContainer {
    background: #E82B84;
    color: white;
    font-weight: normal;
}


.gridListView {
    border: 0;
    padding: 10px;
}

.gridIcon a {
    background-image: url("images/svgs/Icon-GridView-InActive.svg");
    background-size: 27px 27px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    background-color: #fff;
}

.listIcon a {
    background-image: url("images/svgs/Icon-ListView-Active.svg");
    background-size: 27px 27px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    /*border-left: 1px solid #ccc;*/
}

.sortBy {
    width: 140px;
}

.items {
    width: auto;
}

.thin-dd {
    line-height: 10px;
}

    .thin-dd span.ui-btn-inner {
        font-size: 10px;
    }

.sortBy .ui-select {
    width: 100%;
}

.items .ui-select {
    width: 75px;
    padding-left: 10px;
}

.productListImageContainer {
    text-align: center;
    background-color: White;
    position: relative;
    width: 95%;
    padding-right: 7px;
}

    .productListImageContainer img {
        max-width: 100%;
    }



.productOutStock {
    margin-top: 15px;
}

.petersPriceContainer .ui-block-a {
    width: 95%;
}


.gridViewDetails {
    margin: 10px 0;
    position: relative;
    width: 50%;
}


.priceContainer {
    position: static;
    width: 95%;
    min-height: 30px;
}

.productGridHrDiv {
    padding-top: 30px;
    padding-bottom: 5px;
}

.productGridHr {
    width: 100%;
}

/*
.productGridContainer .gridViewDetails:nth-child(odd) {
    float: left;
}

.productGridContainer .gridViewDetails:nth-child(even) {
    float: right;
}
    */

.listViewDetails {
    margin: 10px 0;
}

.buttonContainer {
    margin: 5px 0;
}

    .buttonContainer .ui-block-b {
        margin: 0 5px;
    }



.changeQtyButton {
    background-color: white;
    width: 56px;
    border: 1px solid #DA68A7;
    padding: 0px;
    height: 29px;
}

    .changeQtyButton img {
        padding-top: 2px;
    }



.productSearchGridView a, .productSearchListView a, .listViewImage {
    position: relative;
    display: inline-block;
}

.viewDetail {
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 1;
}

.imageRibbon {
    position: absolute;
    top: -120px;
    left: 0;
    z-index: 1;
}

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

    .productSearchListView a:hover {
        color: White;
    }

.showMoreProducts {
    margin: 10px 0;
}

.product-image {
    width: 35%;
    float: left;
    text-align: center;
}

.product-details {
    float: right;
    width: 65%;
}

.btnShowMore {
    text-align: center;
    line-height: 30px;
    background-color: grey;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
    color: White;
}

    .btnShowMore a {
        color: White !important;
    }

    .btnShowMore:hover, .btnShowMore:active, .btnShowMore:visited {
        background-color: #CCCCCC;
    }

.btnMoveUnpurchased {
    text-align: center;
    line-height: 30px;
    background-color: grey;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
    color: White;
    margin-bottom: 10px;
}

    .btnMoveUnpurchased a {
        color: White !important;
        margin-bottom: 10px;
    }

    .btnMoveUnpurchased:hover, .btnMoveUnpurchased:active, .btnMoveUnpurchased:visited {
        text-align: center;
        line-height: 30px;
        background-color: #CCCCCC;
        font-size: 12px;
        font-weight: bold;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        text-shadow: none;
        margin: 0;
        color: White;
        margin-bottom: 10px;
    }

.btnText {
    color: White;
}

/*.btnText:hover, .btnText:active
{
    color : #E82B84;
}*/

.callForPrice {
    width: 132px;
    padding-top: 10px;
}

.callPrice {
    font-size: 16px;
    padding-top: 30px;
}
/* Product List ends
--------------------------*/

/* Shopping Bag starts
--------------------------*/
.shoppingbag-listview {
    margin: 0 auto;
    min-width: 300px;
}

    .shoppingbag-listview p {
        margin: 5px 0;
    }

.shoppingbag-listview-left {
    float: left;
    padding-right: 10px;
    position: relative;
    text-align: right;
    width:28%;
}

    .shoppingbag-listview-left img.listViewImage {
    }

.shoppingbag-listview-right {
    float: right;
    position: relative;
    width: 68%;
    text-align: left;
}

.shoppingbag-listview-price {
    font-size: 14px;
    color: #666666;
}

.shoppingbag-listview-subleft {
    float: left;
}

.shoppingbag-listview-smallheading {
    font-size: 12px;
    color: #E82B84;
}

.shoppingbag-listview-subright {
    float: right;
}

.shoppingbag-listview-total {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.shoppingbag-listview-subleft input {
    width: 40px;
    height: 25px;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
}

.shoppingbag-listview-subleft .ui-btn-inner {
    padding: .4em;
}

.shoppingbag-listview-subright .qtyminus {
    display: block;
    float: left;
    padding-top: 7px;
}

.shoppingbag-listview-subright .qtyplus {
    display: block;
    float: right;
    padding-top: 7px;
}

.shoppingbag-listview-buttons {
    padding-left: 100px;
    padding-top: 5px;
}

    .shoppingbag-listview-buttons .smallbutton {
        padding: 0px 10px !important;
    }

.gift-wrapping-pointer {
    background-image: url("images/svgs/Icon-GiftIt-UpArrow.svg");
    position: absolute;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: -15px;
    right: 45px;
}

.gift-wrap-selection {
    width: 40px;
    margin: 10px 10px 15px 10px;
    float: left;
    text-align: center;
}

.gift-wrap-container {
    min-width: 300px;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid #E82B84;
}

textarea.gift-msg-txt {
    font-size: 14px;
    width: 100%;
    height: 110px;
    color: #666666;
    margin-top: 0px;
}

textarea.promo-msg-txt {
    font-size: 14px;
    width: 100%;
    height: 110px;
    color: #666666;
    margin-top: 5px;
}

    textarea.gift-msg-txt:-moz-placeholder {
        font-style: italic;
        color: #CCCCCC;
    }

    textarea.gift-msg-txt::-webkit-input-placeholder {
        font-style: italic;
        color: #CCCCCC;
    }

.gift-wrap-character-indication {
    font-size: 12px;
    color: #666666;
}

.gift-wrap-character-left {
    font-size: 14px;
    font-weight: bold;
}

.shoppingbag-postage-container {
    width: 300px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.postcodeTextbox {
    padding: .4em !important;
}

.handlingfee-heading {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
}

.handlingfee-cost {
    color: #E82B84;
}

.handlingfee-desc {
    text-align: center;
    color: #f00;
    padding: 10px 5px;
}

.shoppingbag-price-sub {
    color: black;
    font-size: 16px;
    padding-bottom: 5px;
}

.shoppingbag-price-subcost {
    color: black;
    font-size: 16px;
    padding-bottom: 5px;
}

.shoppingbag-price {
    font-weight: bold;
    color: #E82B84;
    font-size: 18px;
    padding: 5px 0;
}

.shoppingbag-price-cost {
    font-weight: bold;
    color: #E82B84;
    font-size: 18px;
    padding: 5px 0;
}

.shoppingbag-delivery {
    font-size: 13px;
    font-weight: bold;
    color: #666666;
}

.shoppingbag-price-container {
    width: 300px;
    margin: 0 auto;
}

.shoppingbag-continue {
    display: block;
    width: 50%;
}

.shoppingbag-proceed {
    display: block;
    width: 50%;
}


.shoppingbag-checkout-left {
    float: left;
    margin-top: 15px;
}

.shoppingbag-checkout-mid {
    float: left;
    padding: 25px 5px 0px 20px;
    font-size: 13px;
    font-weight: bold;
    color: black;
}

.shoppingbag-checkout-right {
    float: right;
}

.addressBusinessName input {
    margin-bottom: 0px;
}
/* Shopping Bag ends
--------------------------*/


/* Checkout page starts
--------------------------*/
.processMap-gradientpanel-greytowhite {
    height: 45px;
    padding: 10px 10px;
    background-image: -webkit-gradient( linear, 0 0, 0 50, from(rgba(204, 204, 204, 1)), to(rgba(255, 255, 255, 0)) );
    /* mozilla example - FF3.6+ */
    background-image: -moz-linear-gradient( rgba(204, 204, 204, 1) 10px, rgba(255, 255, 255, 0) );
}

.processMap {
    padding-bottom: 10px;
    text-align: center;
}

.savedAddress {
    width: 100%;
}

.fullWidthdDDL{
    width: 100% !important;
}


.countryDDL .ui-select .ui-btn {
    margin: 0;
}

.userDetail .ui-block-a input, .userDetail .ui-block-b input, .userDetail .ui-block-b .validationMessage {
    /*width: 90% !important;*/
    /*padding: .4em !important;*/
}

.userDetail .ui-block-b input, .userDetail .ui-block-b .ui-select, .userDetail .ui-block-b .validationMessage {
    float: right;
}

.fullWidthTextBox input.ui-input-text {
    width: 100%;
}

.fullWidthTextBox {
    margin: .5em 0 !important;
    display: block;
}

.fullWidthSelect {
    margin: .5em 0 !important;
    display: block;
}

.fullWidthSelect .ui-select {
    float:left;
    width:30%;
}

.checkSignMe {
    width: 65%;
}

.checkContainer .ui-btn-text {
    font-family: VisbyCF;
    font-weight: bold;
    font-size: 12px;
    color: #222;
    /*margin-left:10px;*/
}

.checkContainer.eGiftAgreeCheck .ui-btn-text {
    font-size: 11px;
}

.checkContainer .ui-btn-inner, .btnConfirmation .ui-btn-inner {
    padding: 8px 0px;
}

.checkContainer .ui-checkbox-on .ui-icon {
    background-color: #FFF;
    border: 1px solid black;
}

.btnContinue .ui-btn-inner {
    padding: .7em 20px;
    font-size: 12px;
}

.btnConfirmation .ui-btn-inner {
    background-color: #E82B84;
    border-radius: 0px;
}

.btnContinue .ui-btn-inner {
    border-radius: 0px;
}


.btnContinue {
    width: 32%;
    float: right;
}


.btnResetPassword {
    width: 50%;
    float: right;
}

.btnConfirmation {
    width: 75%;
    float: right;
}

    .btnContinue .ui-btn-text, .btnConfirmation .ui-btn-text {
        color: White;
        font-weight: bold;
    }

.address-from {
    margin: 0 auto;
}

    .address-from .iradio {
        margin-right: 10px;
    }

/* Checkout page ends
--------------------------*/

/* ShoppingBag Confirmation page starts
--------------------------*/
.confirmationContainer {
    padding: 10px;
    height: 20px;
    background-color: White;
    font-size: 12px;
}

.confirmation {
    padding-left: 40px;
    background: White url("images/svgs/icon-green-tick.svg") no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    color: #88A80D;
    height: 20px;
}

    .confirmation p {
        margin: 0;
        padding-top: 5px;
    }

.confirmation-header-left {
    width: 70%;
}

.confirmation-header-right {
    width: 30%;
}

.confirmation-address-left {
    width: 50%;
}

.confirmation-address-right {
    width: 50%;
}

.confirmation-address-left div, .confirmation-address-right {
    font-size: 13px;
}

.errorContainer {
    padding: 10px;
    height: 30px;
    border: 1px solid Black;
    background-color: #CCCCCC;
    font-size: 12px;
}

.error {
    padding-left: 40px;
    background: #CCCCCC url("images/assets/icon_error.png") no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    color: Black;
    height: 20px;
}

    .error p {
        margin: 0;
        padding-top: 5px;
    }

.orderNumber {
    padding-bottom: 10px;
}

.information {
    padding: 10px 0px;
}

.dividerMargin, .divider {
    margin: 10px 0;
}

.productInformation {
    padding-bottom: 10px;
}

    .productInformation .ui-block-a {
        width: 20%;
    }

    .productInformation .ui-block-b {
        width: 55%;
    }

    .productInformation .ui-block-c {
        width: 10%;
    }

    .productInformation .ui-block-d {
        width: 15%;
    }

.paymentSummaryContainer {
    background-color: White;
    overflow: auto;
}

.paymentSummaryForm {
    width: 230px !important;
}

/* ShoppingBag Confirmation page ends
--------------------------*/

/* ShoppingBag payment page starts
--------------------------*/
.couponButton {
    padding: 0px 18px !important;
    width: 20%;
    margin-left: 5px;
}

couponButton a{
    width: 100%
}

.couponTextBox {
    width: 60%;
}

.voucherContainer {
}

.voucher {
    width: 100%;
    padding: 10px 0;
}

    .voucher .combinedtextbox {
        border-right: none;
        border-radius: 0;
        height: 30px;
        display: block;
        float: left;
        margin: 0;
        width: -webkit-calc(70% - 8px);
        width: calc(70% - 8px);
        width: -moz-calc(70% - 8px);
        border-color: #666;
        width: 80%;
    }

    .voucher .combinedbutton-container {
        width: 15%;
        height: 30px;
    }

.paymentContainer {
    margin: 0 auto;
    width: 95%;
    padding: 10px 0 0 0;
}

    .paymentContainer .iradio {
        float: left;
        margin-right: 10px;
    }

.payByPayPal .iradio {
    margin-top: 6px;
}

.paymentOptionRadio {
    display: block;
    float: left;
    margin-top: 7px;
    margin-right: 7px;
}

/*.paymentOptionRadioWithText {
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 7px;
}*/

.paymentTypeContainer {
    /*padding: 0 10px 10px 10px;*/
    overflow: hidden;
}

    .paymentTypeContainer .validationMessage {
        padding-bottom: 5px;
        font-size: 11px;
    }

.paymentOptionRadioText {
    display: block;
    float: left;
    margin-right: 7px;
}

.paymentOptionImg {
    float: left;
}

.paymentOptionText {
    float: left;
}

.paymentCreditCardContainer {
    /*width: 300px;*/
    /*margin: 0 auto;*/
    margin-top: 30px;
}

.payment .ui-select {
    width: 100px;
    float: left;
    padding-right: 10px;
}

.payment-expiry {
    color: #E82B84;
    font-size: 14px;
    padding: 8px 0 0 0;
    margin: 0;
}

.paymentButtonContainer {
    margin: 0 auto;
    /*width: 300px;*/
    padding: 10px 10px 10px 10px;
}

    .paymentButtonContainer .smallbutton-darkpink {
        width: 120px;
        margin-top: 10px;
    }


.voucher .ui-link, .voucher .ui-link:hover {
    color: White;
    font-weight: normal;
}

.voucher .combinedbutton-darkpink {
    border-left: 0;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-radius: 0;
    display: block;
    float: left;
    margin: 0;
    width: 100%;
    background-color: #E82B84;
    color: White;
    font-weight: bold;
    border-color: #666666;
    text-shadow: none;
    padding-top: 6px;
    padding-bottom: 4px;
    text-align: center;
}

.payment-checkout-desc {
    font-size: 12px;
    color: #666666;
}

.payment-listview-subleft {
    float: left;
    width: 68px;
}

.payment-listview-submid {
    float: left;
    width: 30px;
}

.payment-listview-subright {
    float: right;
    width: 70px;
}

.payment-checkout-gift-left {
    float: left;
    width: 85px;
}

.payment-checkout-gift-right {
    float: right;
    width: 187px;
}

.payment-checkout-gift-msg {
    font-size: 14px;
    color: #666666;
    font-style: italic;
}

.modifyOrderButtonContainer {
    /*width: 300px;*/
    margin: 0 auto;
}

    .modifyOrderButtonContainer .smallbutton-pink {
        width: 120px;
        margin: 10px 0;
    }

.payment-checkout-postage-container {
    /*width: 300px;*/
    margin: 0 auto;
}

.payment-checkout-subtotal-left {
    float: left;
    width: 210px;
    font-size: 16px;
    color: #000;
    height: 25px;
    line-height: 25px;
}

.payment-checkout-subtotal-right {
    font-size: 20px;
    float: right;
    width: 115px;
    color: #666666;
    height: 25px;
    line-height: 25px;
    text-align: right;
    font-weight: bold;
}

.payment-checkout-postage-right {
    font-size: 16px;
    float: right;
    width: 80px;
    color: #666666;
    height: 25px;
    line-height: 25px;
    text-align: right;
}

.payment-checkout-total {
    /*float: left;*/
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.payment-checkout-total-price {
    font-size: 30px;
    font-weight: bold;
    color: #E82B84;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 800;
    text-align: center;
}


.payment-checkout-total-right {
    float: right;
    color: #E82B84;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    width: 190px;
    text-align: right;
}

.payment-checkout-deductions-heading-left {
    float: left;
    width: 105px;
    font-size: 14px;
    color: #000;
    height: 25px;
    line-height: 25px;
}

.payment-checkout-deductions-heading-right {
    font-size: 14px;
    float: right;
    width: 75px;
    color: #666666;
    height: 25px;
    line-height: 25px;
    text-align: right;
}

.payment-checkout-deductions-left {
    float: left;
    /*width: 145px;*/
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    color: #666666;
}

.payment-checkout-deductions-right {
    font-size: 14px;
    float: right;
    /*width: 145px;*/
    color: #666666;
    height: 20px;
    line-height: 20px;
    text-align: right;
}

.order-form {
    width: 95%;
    margin: 0 auto;
}

.shoppingbag-itemheader {
    min-height: 60px;
}
/* ShoppingBag payment page ends
--------------------------*/

/* store locator starts
--------------------------*/
.map {
    height: 300px;
    width: 100%;
}

.getDirection {
    width: 60%;
}

    .getDirection:hover {
        background-color: #DA68A7;
    }

    .getDirection .ui-link, .getDirection .ui-link:hover {
        color: White;
    }

/* store locator ends
--------------------------*/

/* Wishlist page starts
--------------------------*/

.wishListCheckContainer .ui-checkbox .ui-btn-icon-left .ui-btn-inner {
    padding-left: 35px;
}

.button-wishlist-remove {
    font-size: 10px;
    font-weight: bold;
    width: 50px;
    padding: 3px !important;
    font-style: normal;
    line-height: normal;
}



    .btn-shoppingbag-long.btn-highlight {
    }




.btn-shoppingbag-long-disabled {
    background-color: #ccc;
}


.btn-shopping-bag-long-text {
    background-color: White;
    color: Black;
    font-weight: normal;
    text-align: center;
    height: 28px;
    border: 1px solid #E82B84;
    padding: 0px 10px;
    padding-top: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


    .btn-shopping-bag-long-text a {
        color: Black;
    }

.btn-shopping-bag-long-text-disabled {
    border: 1px solid #ccc;
}



.wishlist-listview {
    margin: 0 auto;
    width: 320px;
}

    .wishlist-listview p {
        margin: 5px 0;
    }

.wishlist-listview-left {
    float: left;
    width: 40%
}

    .wishlist-listview-left img.listViewImage {
        max-width: 100%;
    }

.imageContainer {
    width: 100%;
    content: "";
    display: block;
    padding-top: 100%;
}

.wishlist-listview-right {
    float: right;
    width: 58%;
}

.wishlist-listview-price {
    font-size: 16px;
    color: #E82B84;
    font-weight: bold;
}

p.wishlist-listview-price {
    margin-bottom: 0;
}

.wishlist-listview-price-heading {
    font-size: 13px;
    color: #E82B84;
}

.wishlist-listview-subleft {
    width: 85px;
    float: left;
}

p.wishlist-listview-rrp {
    margin-bottom: 0;
}

.wishlist-listview-smallheading {
    font-size: 12px;
    color: #E82B84;
}

.wishlist-listview-subright {
    width: 93px;
    float: right;
    padding-top: 12px;
}

.wishlist-listview-total {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.wishlist-listview-subright input {
    width: 34px;
    height: 25px;
    display: block;
    float: left;
    margin: 6px 0 0 6px;
    text-align: center;
    font-weight: bold;
}

.wishlist-listview-subright .qtyminus {
    display: block;
    float: left;
    padding-top: 3px;
}

.wishlist-listview-subright .qtyplus {
    display: block;
    float: right;
    padding-top: 3px;
}

.wishlist-listview-buttons {
    padding-top: 10px;
}
/* Wishlist page ends
--------------------------*/

/* Login starts
--------------------------*/
.btnLogin {
    width: 80%;
}

.loginContainer .ui-block-a {
    width: 55%;
}

.loginContainer .ui-block-b {
    width: 45%;
    padding-top: 5px;
}

.loginContainer .ui-link:hover {
    text-decoration: underline;
}

.dividerOR .hr-grey {
    width: 45%;
    margin-top: 25px;
}


.dividerOR {
    font-size: 16px;
    font-weight: bolder;
    text-align: center;
    line-height: 50px;
}

.redFont {
    color: Red;
}

.loggedInTick {
    position: absolute;
    left: 70px;
    top: 25px;
    z-index: 1000;
    width: 18px;
    height: 18px;
    background-image: url("images/svgs/POK-2017-mobile-black-tick.svg");
}

.itemsInCart {
    position: absolute;
    right: 0px;
    top: 20px;
    z-index: 1000;
    width: 20px;
    height: 20px;
}

.itemsInCartCircle {
    background-color: black;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.itemsInCartNumber {
    padding-top: 1px;
    text-align: center;
    z-index: 1001;
    color: White;
    font-size: 13px;
    font-weight: bold;
}

.accountPanelLoggedIn {
    background-color: #fff;
}

.accountText {
    font-size: 14px;
    color: Black;
    font-weight: normal;
}

.accountLoggedInColPad {
    padding-bottom: 20px;
}

.accountLoggedInIcon {
    padding-right: 10px;
}

.accountLoggedInCol {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.accountPanel {
    min-height: 120px;
    background-color: #E82B84;
}

    .accountPanel td {
        border-width: 0px;
        text-align: center;
        font-size: 13px;
        color: White;
    }

.accountItem div:active {
    color: #E82B84 !important;
}

.register .field-validation-error span {
    color: #E82B84;
    float: right;
    font-size: 12px;
}

.registercreate .field-validation-error span {
    color: #ff0000;
    font-size: 12px;
}

.register .reg-fn-val span {
    padding-right: 10%;
}

.searchTable {
    background-color: transparent;
}

    .searchTable td {
        padding: 0px;
    }

/* Login ends
--------------------------*/

/* Registry pages starts
--------------------------*/


.registry-headerimage-container {
    margin: 0 auto;
}

    .registry-headerimage-container img {
        margin: 0 auto;
        display: block;
    }

.registry-searchpanel {
    width: 300px;
    margin: 0 auto;
    position: relative;
}

    .registry-searchpanel input[type='text'] {
        height: 35px;
    }

input.datepicker {
    border-right: none;
    float: left;
    margin: 0;
    height: 35px;
}

.ui-icon, .ui-icon-searchfield:after {
    /*background-color:#fff;*/
}

.datepicker-arrow {
    background-image: url("images/assets/dropdown.png");
    width: 30px;
    float: left;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    height: 33px;
    background-position: center center;
    background-repeat: no-repeat;
}

.datepicker-panel {
    margin-top: 35px;
    background: White repeat scroll center center;
    box-shadow: 3px 3px 3px #666666;
    height: 150px;
    position: absolute;
    z-index: 2;
}

.datepicker-cal-container {
    height: 130px;
}

.datepicker-cal-left {
    float: left;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 119px;
}

.datepicker-cal-right {
    float: right;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    width: 119px;
}

.datepicker-cal-divider {
    width: 1px;
    background-color: #CCCCCC;
    float: left;
    height: 100%;
}

.datepicker-cal-year {
    font-weight: bold;
    float: left;
    width: 35px;
}

.datepicker-cal-month {
    float: left;
    text-align: center;
    width: 38px;
    padding-bottom: 10px;
}

.datepicker-cal-arrow-left {
    float: left;
    text-align: center;
    width: 40px;
}

.datepicker-cal-arrow-right {
    float: right;
    text-align: center;
    width: 40px;
}

.datepicker-trigger {
    float: left;
}

.datepicker-cal-header {
    padding-bottom: 15px;
    padding-top: 10px;
}

.registry-searchpanel h3, .registry-searchpanel h6 {
    padding-bottom: 5px;
}

.registry-searchpanel-halfdivider {
    width: 135px;
    height: 10px;
    float: left;
    padding-top: 10px;
}

.registry-searchpanel-dividertexts {
    width: 30px;
    float: left;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
}

a.nav-stripe-grey {
    display: block;
    font-weight: normal;
    height: 40px;
    padding: 0 10px;
    background-color: #EDEDED;
    color: #333333;
}

    a.nav-stripe-grey div {
        padding-top: 15px;
        float: left;
    }

    a.nav-stripe-grey img {
        padding-top: 15px;
        width: 10px;
    }

.registry-create-container {
    width: 300px;
    margin: 0 auto;
}

.registry-panel-left {
    width: 130px;
    float: left;
    margin: .5em 0;
}

.registry-panel-right {
    width: 130px;
    float: right;
    margin: .5em 0;
}

.registry-panel-full {
    width: 100%;
    margin: .5em 0;
}

.checkout-with-text input {
    float: left;
    margin-bottom: 5px;
}

.checkout-with-text {
    font-size: 12px;
    padding: 10px 0;
}

.registry-confirm-panel {
    margin: 0 auto;
    width: 300px;
    font-size: 12px;
}

.registryitem-stat {
    padding-bottom: 3px;
}

.registryitem-purchase-amt {
    font-size: 24px;
    padding-top: 2px;
    display: block;
}

.registryitem-list-img {
    /*width: 100px;*/
    max-width: 100%;
    float: right;
}

.registryitem-list {
    color: #666666;
    font-size: 12px;
}

    .registryitem-list p {
        margin-top: 5px;
        margin-bottom: 5px;
    }

.registryitem-list-top {
}

.registryitem-list-bottom {
}

.registryitem-list-top-left {
    float: left;
    width: 40%;
}

.registryitem-list-top-right {
    float: right;
    width: 58%;
}

.registryitem-list-bottom-left {
    float: left;
    width: 102px;
}

.registryitem-list-bottom-right {
}

.registryitem-list .smallbutton-pink {
    padding: 0 6px;
}

.registryitem-list .smallbutton-grey {
    padding: 0 6px;
}

.popup-window-withbutton {
    width: 260px;
    padding: 10px 10px 10px 10px;
}

    .popup-window-withbutton .ui-btn {
        background: #DA68A7;
    }

    .popup-window-withbutton a.ui-btn-up-a, .popup-window-withbutton a.ui-btn-hover-a {
        border: none;
    }

.registry-quantity-left {
    float: right;
    /*width: 100px;*/
}

.registry-quantity-right {
    float: right;
    width: 130px;
    padding-right: 10px;
}

/*.registry-quantity-left .registryitem-qty .ui-corner-all {
    margin: 4px 0 0 10px;
}*/

.purchase-popup-header {
    min-height: 20px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
}

.purchase-popup-content-alt {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    min-height: 15px;
}

.purchase-popup-content {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    min-height: 15px;
}

.purchase-popup-col1 {
    width: 85px;
    float: left;
    padding-left: 10px;
}

.purchase-popup-col2 {
    width: 50px;
    float: left;
}

.purchase-popup-col3 {
    width: 85px;
    float: left;
}

.purchase-popup-col4 {
    width: 40px;
    float: left;
    padding-right: 10px;
    text-align: right;
}

/* Registry pages end
/* Registry end
--------------------------*/

/* MyDetails starts
--------------------------*/
.order-list .ui-collapsible-content {
    margin: 10px 15px;
}
/*
.order-list .category-accordian-header .header{
    padding: 0 5px;
}*/

ul.orders a {
    font-weight: normal;
    font-size: 12px;
}

ul.orders .ui-block-a {
    width: 35%;
}

ul.orders .ui-block-b {
    width: 65%;
}

.order-details-information .ui-block-a {
    width: 65%;
}

.order-details-information .ui-block-b {
    width: 35%;
}

ul.changeInformation a {
    font-weight: normal;
    font-size: 14px;
}

.changeBottom {
    padding-bottom: 35px;
    background-color: White;
}
/* MyDetails ends
--------------------------*/

/* OrderDetails starts
--------------------------*/
.backToMyDetails {
    color: White;
}

.order-details .orderNumber, .addressInformation h4 {
    color: #333;
}

a.btn-backButton {
    font-size: 14px;
    font-weight: normal;
    background-color: #E82B84;
    color: white;
    text-shadow: none;
    padding: 10px 100% 10px 10px;
}

.btn-generic {
    text-align: center left;
}

.clickButtonInner {
    padding: 10px 0;
}

.order-details-information {
    text-shadow: none;
}
/* OrderDetails ends
--------------------------*/

/* ChangeAddress starts
--------------------------*/
.btn-grey-out-shoppingbag a {
    color: White;
}

.btn-grey-out-shoppingbag:active {
    background-color: Silver !important;
}

.address-edit {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url("images/svgs/icon-edit.svg");
    background-size: 15px 15px;
}

.address-delete {
    width: 100px;
    margin: 10px 0;
}

.address-delete {
    margin-left: 10px;
}

.addressInformation {
    padding: 10px 10px 0 10px;
}

.address-delete .deleteSymbol {
    font-weight: bolder;
}

.address-new {
    width: 120px;
    margin: 10px 0;
}

.iconPointerAddress {
    background-image: url("images/svgs/selection-indicator.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
    padding-left: 20px;
}


.editAddressContent {
    background-color: #e9e9e9;
}

.addressTable td {
    text-align: left;
    vertical-align: top;
    color: Black;
    padding: 0px;
}

/* ChangeAddress ends
--------------------------*/

/* Design overview starts
--------------------------*/
.ui-focus, .ui-btn:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-input-text.ui-focus, ui-input-search.ui-focus {
    -moz-box-shadow: 0 0 0px #E82B84;
    -webkit-box-shadow: 0 0 0px #E82B84;
    box-shadow: 0 0 0px #E82B84;
    /*border: 2px solid #E82B84;*/
    border: 0;
}

.freeMembership {
    padding-bottom: 10px;
}

.freeMembership .ui-link:hover, .freeMembership .ui-link:active {
    text-decoration: underline;
}

.footerNav {
    background-color: #EEEEEE;
    padding-top: 5px;
}

.footerlinks a:hover, .footerlinks a:active {
    color: #E82B84;
}

nav.footerNav li .ui-btn-inner:hover {
    background-color: #F6CFD4;
}

.ui-btn-down-c {
    border: none;
    background: #CCCCCC;
    font-weight: bold;
    color: #222;
    text-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #CCCCCC ),to( #CCCCCC ));
    background-image: -webkit-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -moz-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -ms-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -o-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: linear-gradient( #CCCCCC,#CCCCCC );
}

.ui-select .ui-btn-up-c, .ui-select .ui-btn-hover-c {
    border: 1px solid #666666;
}

.ui-btn-active {
    border: 1px solid #CCC /*{global-active-border}*/;
    background: #E82B84 /*{global-active-background-color}*/;
    font-weight: bold;
    color: Black /*{global-active-color}*/;
    cursor: pointer;
    text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #E82B84 /*{global-active-background-start}*/ ), to( #E82B84 /*{global-active-background-end}*/ )); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #F6CFD4 /*{global-active-background-start}*/, #E82B84 /*{global-active-background-end}*/ ); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient( #F6CFD4 /*{global-active-background-start}*/, #E82B84 /*{global-active-background-end}*/ ); /* FF3.6 */
    background-image: -ms-linear-gradient( #F6CFD4 /*{global-active-background-start}*/, #E82B84 /*{global-active-background-end}*/ ); /* IE10 */
    background-image: -o-linear-gradient( #F6CFD4 /*{global-active-background-start}*/, #E82B84 /*{global-active-background-end}*/ ); /* Opera 11.10+ */
    background-image: linear-gradient( #F6CFD4 /*{global-active-background-start}*/, #E82B84 /*{global-active-background-end}*/ );
    font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.btnContinue .ui-btn-up-c {
    border: none;
    background: #E82B84;
    font-weight: bold;
    color: #222;
    text-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #E82B84 ),to( #E82B84 ));
    background-image: -webkit-linear-gradient( #E82B84,#E82B84 );
    background-image: -moz-linear-gradient( #E82B84,#E82B84 );
    background-image: -ms-linear-gradient( #E82B84,#E82B84 );
    background-image: -o-linear-gradient( #E82B84,#E82B84 );
    background-image: linear-gradient( #E82B84,#E82B84 );
}

.btnContinue .ui-btn-hover-c {
    border: none;
    background: #CCCCCC;
    font-weight: bold;
    color: #222;
    text-shadow: none;
    background-image: -webkit-gradient(linear,left top,left bottom,from( #CCCCCC ),to( #CCCCCC ));
    background-image: -webkit-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -moz-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -ms-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: -o-linear-gradient( #CCCCCC,#CCCCCC );
    background-image: linear-gradient( #CCCCCC,#CCCCCC );
}

.ui-btn-corner-all {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.btn-highlight:active {
    background-color: #E6A1C3;
}

.btn-highlight-black:active {
    background-color: #676767;
}


.product-expander {
    padding: 5px, 0;
    text-align: right;
    font-size: 14px;
}

    .product-expander:hover, .product-expander:active {
        text-decoration: underline;
    }

.smallbutton-grey:hover, .smallbutton-grey:active, .largebutton-grey:hover, .largebutton-grey:active {
    background-color: #CCCCCC;
}

.smallbutton-pink:hover, .smallbutton-pink:active, .smallbutton-darkpink:hover, .smallbutton-darkpink:active, .combinedbutton-darkpink:hover, .combinedbutton-darkpink:active {
    background-color: #CCCCCC;
}

.ui-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.checkContainer .ui-btn-up-c, .checkContainer .ui-btn-hover-c, .checkContainer .ui-btn-down-c {
    border: none;
    background: White;
    font-weight: bold;
    color: #222;
    text-shadow: none;
}

.productListImageContainer img:hover, .productListImageContainer img:active {
    border: 1px solid #E82B84;
}


.productListImageContainer span.limited, .shoppingbag-listview-left span.limited {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-low-stock.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    left: 0px;
}

.productListImageContainer span.cashback, .shoppingbag-listview-left span.cashback {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-cash-back.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.bonusgift, .shoppingbag-listview-left span.bonusgift {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-bonus-gift.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.chancetowin, .shoppingbag-listview-left span.chancetowin {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-chance-to-win.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.colourvaries, .shoppingbag-listview-left span.colourvaries {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-colour-varies.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.onsale, .shoppingbag-listview-left span.onsale {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-on-sale.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
}

.productListImageContainer span.freedelivery, .shoppingbag-listview-left span.freedelivery {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-free-delivery.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.designvaries, .shoppingbag-listview-left span.designvaries {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-design-varies.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}


.productListImageContainer span.limitededition, .shoppingbag-listview-left span.limitededition {
    width: 30px;
    height: 30px;
    background: transparent url(images/svgs/icon-limited-edition.svg) no-repeat scroll;
    position: absolute;
    z-index: 105;
    right: 0;
    margin-right: 10px;
    top: 80px;
}

.productListImageContainer span.moreItemText {
    z-index: 20;
    font-size: 60px;
    color: #ffffff;
    font-weight: bold;

}

.productSearchListView .productListImageContainer span.moreItemText {
    z-index: 20;
    font-size: 80px;
    color: #ffffff;
    font-weight: bold;
}

.productListImageContainer img.plus-bg {
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 0px;
}



.productListImageContainer img.tiles {
    position: relative;
    z-index: 1;
}

.showmoreItem-container {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 20;
    top: 0px;
    left: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Design overview ends
--------------------------*/

/* static pages starts
--------------------------*/
.shippingrates-accordian {
    font-size: 11px;
}

    .shippingrates-accordian a, .shippingrates-accordian a:hover, .shippingrates-accordian a:visited {
        color: #333333;
    }

    .shippingrates-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
        color: #333333;
    }

.shipping-header-left {
    width: 70%;
    float: left;
    color: #E82B84;
    font-weight: bold;
}

.shipping-header-right {
    width: 30%;
    float: right;
    font-weight: bold;
    text-align: right;
}

.shipping-desc-left {
    width: 70%;
    float: left;
}

.shipping-rowalt {
    padding: 5px 10px;
    background-color: #F6CFD4;
}

.shipping-row {
    padding: 5px 10px;
}

.giftcard-accordian {
    font-size: 11px;
}

    .giftcard-accordian .ui-collapsible-heading .ui-btn-icon-right .ui-btn-inner {
        color: #333333;
    }

.giftcard-promo-list {
    width: 300px;
    margin: 0 auto;
}

.giftcard-promo-item-left {
    float: left;
    width: 110px;
    border: 1px solid #666666;
    margin-right: 10px;
}

    .giftcard-promo-item-left img {
        width: 110px;
    }

.giftcard-promo-item-right {
    float: right;
    width: 178px;
}

    .giftcard-promo-item-right p {
        margin-bottom: 0;
    }

.giftcardpin-container {
    width: 280px;
}
/* static pages ends
--------------------------*/
/* eNewsletter pages starts
--------------------------*/
/*.newsletter-row-alt {
    padding: 10px 10px;
    background-color: #fff;
    line-height:24px;
}*/

.newsletter-row {
    padding: 10px 10px;
    background-color: #fff;
    line-height: 20px;
    border-bottom: 1px solid grey;
}

.subscribeEmail {
    width: 99% !important;
}

.newsletterbutton {
    width: 99%;
}

/* eNewsletter pages ends
--------------------------*/
div.fbShare {
    float: left;
    overflow: hidden;
    width: auto;
    height: 21px;
}

/* Click and Collect portion starts
--------------------------*/
.storeDisplayName, .pickUpPeriod, .mapframe {
    padding-top: 10px;
}

.storeInfoLeft {
    width: 110px;
}

.storeInfoRight {
}

.pickUpPeriodContainer {
    margin-top: 10px;
    padding: 0 5px 10px 5px;
    border: 1px solid #999999;
    background-color: #cccccc;
}

.mapLink {
    padding-right: 20px;
    background-position: right;
    height: 17px;
}


.storeMap {
    height: 230px;
    width: 330px;
    padding-left: 10px;
}

li.actbar-btn {
    display: none;
}
/* Click and Collect portion ends
--------------------------*/

font-size: 18px; .errorbox {
    border: 1px solid #F2FF69;
    background: #F9FFB8;
    padding: 10px;
    margin: 0 0 15px 0;
    font-size: 12px;
}

.errorbox .errorLine {
    color: red;
    padding: 10px;
}

.similar-searches li {
    line-height: 35px;
}

.similar-searches .ui-link {
    font-size: 18px;
}
/* Menu
--------------------------*/
#nav-main {
    width: 100%;
    /*overflow: hidden;
    position:absolute;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: scroll;*/
}

    #nav-main .ui-btn-active {
        border: 0;
    }

    #nav-main .ui-btn-inner {
        font-size: 15px;
        padding-left: 0;
        white-space: normal;
        /*border-bottom: 1px solid grey;*/
    }

    #nav-main .submenu-section {
        background: #1c1c1c;
    }

    #nav-main .brand-heading {
        background: #ffd2e8;
    }

    #nav-main .menu-brand {
        background: #1c1c1c;
    }

    #nav-main .ui-icon-arrow-r {
        display: none;
    }

.brand-heading-text {
    color: #1c1c1c;
    font-weight: bold;
    font-size: 14px;
}


#nav-main .ui-listview {
    line-height: normal;
}

#nav-main .ui-li {
    border-top-width: 0px !important;
}

#nav-main .menu-level {
    background-color: #f6f6f6;
}

#nav-main a.ui-link-inherit {
    padding: .6em 10px .6em 15px;
}

#nav-main .topCat {
    width: 120px;
    max-width: 120px;
    display: inline-block;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

#nav-main .ui-btn-text, #nav-main .ui-btn-inner.ui-li, #nav-main li {
    position: static !important;
}

    #nav-main .ui-btn-text a {
        font-weight: normal;
        color: #ffd2e8;
    }

.ui-icon-arrow-new-l {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    /*background-image:url("images/svgs/POK-2016-mobile-LeftArrow-topCategories.svg");*/
    background-image: url("images/svgs/POK-2017-mobile-Arrow-backmenu.svg");
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    margin-right: 50px;
}

.ui-icon-arrow-new-r {
    margin-top: -22px;
    position: static;
    float: right;
    margin-right: 7px;
    background-image: url("images/svgs/POK-2016-mobile-RightArrow-T2.svg");
    width: 9px;
    /*height: 15px;*/
    background-repeat: no-repeat;
}

#nav-main .ui-icon-arrow-l {
    margin-top: 9px;
    position: static;
    float: left;
    margin-left: 10px;
}

#nav-main div.level-1 > ul > li > .submenu-container, #nav-main div.level-1 > ul > li:hover > .submenu-container {
    opacity: 1;
    visibility: hidden !important;
    padding: 0;
    margin: 0;
    top: 0;
    height: 0;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#nav-main .level-0 {
    width: 100%;
}

#nav-main div.level-1, #nav-main .menu-submenu {
    display: block;
    visibility: visible;
    opacity: 1 !important;
    width: 100%;
    padding: 0 !important;
    z-index: 1;
    zoom: 1;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #1c1c1c;
}

#nav-main .menu-submenu {
    height: 2000px;
}

.menu-header img {
    padding: 5px 5px 5px 10px;
}

#nav-main .menu-header .ui-btn-inner {
    font-size: 14px;
    background-color: #fff;
    height: 42px;
    padding-top: 8px;
    text-align: center;
}

#nav-main .menu-header .ui-btn-text a {
    color: black;
}

#nav-main .brand-heading {
    background: #ffd2e8;
}

#nav-main .menu-header .ui-link-inherit {
    padding-left: 25px;
}

#nav-main .ui-link-inherit {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: 0 0 0;
}

.menu-submenu {
    position: absolute !important;
}

#nav-main div.level-1 {
    left: 0;
}

#nav-main div.level-2 {
    left: 100%;
    top: 0;
}

#nav-main div.level-3 {
    left: 100%;
    top: 0;
}

#nav-main div.level-4 {
    left: 100%;
    top: 0;
}

#nav-main a .menu-brand {
    color: #333333;
    font-weight: normal;
    text-decoration: none;
}

#nav-main .menu-link a:active, #nav-main .menu-link a:hover {
    font-weight: bold;
    /*text-decoration: none;
    background: #F6CFD4;*/
    color: #E82B84;
}



#nav-main .menu-brand .ui-btn-inner {
    border-bottom: 0px solid grey;
}

#nav-main .menu-link {
    font-size: 14px;
}

    #nav-main .menu-link .ui-icon {
        display: none;
    }

#nav-main .seeAll {
    display: inline-block;
    word-break: break-all;
    white-space: nowrap;
    font-size: 13px;
    max-width: 150px;
    font-weight: bold;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

/*.ui-icon-delete {
    background-image: url(images/icons-18-black.png);
}*/

.shopping-payment-modifyorder {
    color: #ffffff;
}

/*.ui-icon-myapp-downarrow {
	background: url("images/downarrow.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}*/

.bx-wrapper img {
    margin: 0 auto !important;
    width: 98%;
}

.product-share {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.pricesection {
    float: left;
}

.pinkBorder {
    border: 1px solid #DA68A7 !important;
}

.productNumber {
    font-weight: bold;
}


.productImg {
    width: 100%;
    /*max-width: 750px;
    max-height: 750px;*/
    /*padding-bottom: 33px;*/
}

.product-carousel-container {
    width: 100%;
    max-width: 720px;
    display: inline-block;
}

.cycle-slide-active {
    display: initial !important;
}

.shareButton {
    overflow: auto;
    z-index: 999;
}

.overlayIcon {
    overflow: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}

.zoomImg {
    width: 30px;
}

.shareImg {
    width: 25px;
    height: 25px;
    padding: 5px;
}

.cycle-pager {
    width: 100%;
    z-index: 500;
    position: absolute;
    overflow: hidden;
    bottom: 0px;
}

    .cycle-pager span {
        font-size: 35px;
        width: 16px;
        height: 35px;
        display: inline-block;
        color: #eee;
        text-shadow: -1px 0 #E82B84, 0 1px #E82B84, 1px 0 #E82B84, 0 -1px #E82B84;
        padding-right: 4px;
    }

        .cycle-pager span.cycle-pager-active {
            color: #333;
            text-shadow: -1px 0 #E82B84, 0 1px #E82B84, 1px 0 #E82B84, 0 -1px #E82B84;
        }

.goBackButton {
    margin-bottom: 20px;
}

.showPurchasesButtonDisabled {
    border: 1px solid #ccc;
    background-color: #fff;
    padding-left: 0px;
    height: 22px;
    line-height: 10px;
    text-align: left;
}

.showPurchasesButton {
    border: 1px solid #DA68A7;
    background-color: #fff;
    padding-left: 0px;
    height: 22px;
    line-height: 10px;
    text-align: left;
}

.searchpagecashbacktext {
    color: black;
    position: relative;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 5px;
}

.searchpagecashbacktextcallforprice {
    color: black;
    position: relative;
    font-size: 9pt;
}

.productpagecashbacktext {
    font-size: 9pt;
    color: #DB68A3;
    font-size: 11pt;
    font-weight: bold;
    padding-top: 5px;
}

.wishlistnamehd {
    height: 30px;
    margin-top: 4px;
    padding: 5px;
}

    .wishlistnamehd div {
        display: inline-block;
        overflow: hidden;
        width: 65% !important;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
    }

    .wishlistnamehd input {
        left: 5px;
        width: 200px !important;
        margin-top: 0px;
        position: absolute;
        padding: .4em !important;
        border: 0 !important;
    }

    .wishlistnamehd img {
        float: right;
        margin-top: -20px;
        width: 20px;
    }

.wishlistname {
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
}

#createwl {
    display: none;
}

.checkContainer .combinedbutton-darkpink {
    width: 89px;
    text-align: center;
    height: 23px;
}

.checkContainer .combinedbutton-container {
    width: 90px;
}

#WishlistSortby {
    float: left;
    margin-top: 12px;
}

    #WishlistSortby dropdown {
        float: left;
    }

.wishlistnoitems {
    font-family: VisbyCF;
    font-size: 12pt;
    margin-left: 10px;
}

.wishlistdepartment {
    background-color: lightgrey;
    color: #000000;
}

.wishlist-listview-height {
    height: 180px;
}

.wishlistbuttonbottom {
    bottom: 0px;
    position: relative;
}

.movewishlist {
    display: none;
    position: relative;
}

.movewishlisthd {
    font-family: 12pt;
    font-size: 10pt;
    width: 90%;
}

/*.wishlistemailhd {
    margin-left:10px;
}*/

.wishlistemailbutton {
    width: 89px;
    text-align: center;
    padding-left: 0;
    height: 23px;
}

.wishlistimage {
    width: 25px;
}

.wishlistexpand {
    margin-right: 10px;
    margin-left: 5px;
    width: 25px !important;
}

.wishlist-productheading {
    width: 92%;
}

.wishlistloginmsg {
    border: solid 1px #991655;
    padding: 5px;
}


.product-detail-toolbar-small {
    height: 45px;
    /*background-color: #EEEEEE;*/
    text-align: center;
    margin-top: 10px;
}

    .product-detail-toolbar-small .ui-block-a {
        width: 21%;
    }

    .product-detail-toolbar-small .ui-block-b {
        width: 17%;
    }

    .product-detail-toolbar-small .ui-block-c, .product-detail-toolbar .ui-block-d {
        width: 31%;
    }

    .product-detail-toolbar-small a {
        margin-right: 5% !important;
        /*margin-top: 7px !important;*/
    }
/*
.aticon-twitter.at4-icon {
    background: url('../images/twitter.png') no-repeat left !important
}
.aticon-pinterest_share.at4-icon, .aticon-pinterest.at4-icon {
    background: url('../images/pinterest.png') no-repeat left !important
}
.aticon-google_follow.at4-icon, .aticon-google_plusone.at4-icon, .aticon-googleplus.at4-icon, .aticon-google_plusone_share.at4-icon {
    background: url('../images/googleplus.png') no-repeat left !important
}
.aticon-facebook.at4-icon {
    background: url('../images/facebook.png') no-repeat left !important
}*/

.product-detailTable {
    border-collapse: collapse;
    background-color: #fff;
    border-width: 0px;
    width: 100%;
}

    .product-detailTable td {
        text-align: left;
        border-width: 0px;
        color: Black;
        padding: 0px;
        vertical-align: top;
    }

.percentdiscount {
    color: #dd76aa;
    font-weight: bolder;
    font-size: 8pt;
}

.percentdiscountdetail {
    color: #dd76aa;
    font-weight: bolder;
    font-size: 10pt;
}

.toppadded {
    margin-top: 5px;
}

.registrydetailsouter {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    text-align: left;
}

.registrydetails {
    margin-top: 5px;
}

.selectregistrytext.inactive {
    font-size: 16px;
    color: #666;
    margin-top: 18px;
    margin-left: 20px;
    font-weight: normal;
    float: left;
}

.selectregistrytext.active {
    font-size: 16px;
    color: #E82B84;
    margin-top: 18px;
    margin-left: 20px;
    font-weight: normal;
    float: left;
}

.selectregistryimg {
    float: left;
}

.registrybuttontext {
    color: #fff;
    float: left;
}

.registrybuttontext-contactus {
        color: #E82B84;
    float: left;
    width:100%; 
    text-align:center; 
    margin: 5px 5px 5px 5px;
     border: solid 1px #E82B84;
}

.registrybuttondiv {
    background-color: #E82B84;
    overflow: hidden;
    padding: 5px 10px 5px 10px;
}

.registrybuttonimg {
    float: left;
    margin-right: 5px;
}

.btn-showpurchases-long {
    height: 22px;
    width: 22px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0px;
    padding: 0px 5px;
    background-color: #E82B84;
    line-height: 18px;
}

.btn-showpurchases-long-disabled {
    background-color: #ccc;
}

.paymentoptiontext {
    margin-left: 30px;
    font-size: 8pt;
    color: #666666;
}

#braintree-payment {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.postcodelocker {
    /*overflow: scroll;*/
    -webkit-overflow-scrolling: touch;
    margin: 10px;
}

#showauspostdetails {
    margin-left: 10px;
}

#lockermap {
    height: 230px;
    width: 100%;
    margin-top: 10px;
}

.viewMapLockers {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.locationimage {
    background: transparent url('http://www.petersofkensington.com.au/public/images/icon-poi-marker-red.png') 0px center no-repeat;
    color: white;
    padding: 6px 0 0 0px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    width: 24px;
    height: 26px;
    float: left;
    margin-left: 5px;
}

.lockeraddress {
    float: left;
    margin-top: 8px;
    padding-left: 4px;
    width: 280px;
}

.lockername {
    float: left;
    margin-top: 6px !important;
}

.errorlabel {
    color: #ff0000;
}

.addressdetailsheader {
    font-weight: bold;
}

.addressdetails {
    padding-left: 10px;
}


.parcellockerwrapper {
    display: inline-block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.auspostsearch {
    width: 23px;
    height: 23px;
    padding: 0px !important;
    background-image: url('./images/svgs/Mobile-searchIcon.svg');
}

#afterpayinfo, #zippayinfo, #klarnainfo {
    font-style: italic;
}

.couponfield {
    text-transform: uppercase;
}

.burgerMenuIcon {
    float: left;
    padding-top: 10px;
}



.buggermenuSliderWrap {
    background: #1c1c1c;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/*--------------------------JQM css rewrite--------------------------*/

.ui-panel-inner {
    padding: 0;
}

.ui-bar-a {
    border: 0;
    text-shadow: none;
}


.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
    border: 0;
}

.ui-content {
    padding: 0;
}

div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text {
    background: white;
    padding: .4em;
    margin: 0;
    border: 1px solid #666666;
    width: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-body-a, .ui-overlay-a {
    border: 0;
}

.ui-btn-up-a {
    text-shadow: none;
    border: 0;
}

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

.refine {
    display: inline-block;
    margin: 0 auto;
    width: 100px;
    padding: 15px 0 15px 0;
}


    .refine span {
        font-size: 16px;
        font-weight: bold;
    }

.menuheader {
    width: 100%;
    height: 50px;
}

.SearchResultText {
    background-color: #E82B84;
    margin: 0;
    color: White;
    text-shadow: none;
    font-weight: normal;
    padding: 5px 10px 5px 5px;
}


.searchFilterDiv {
    background-color: #fff;
}

.searchButton {
    background-color: transparent;
    border: 0;
    display: inline-block;
    float: right;
    text-align: right;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 5px 0px;
}


.searchwrapper img {
    background-color: transparent;
    border: 0;
    display: inline-block;
    float: left;
    text-align: left;
    position: relative;
    width: 30px;
    height: 25px;
    margin: 4px 0px;
    background-color: #fff;
}

.searchwrapper input {
    margin-top: 2px;
    background-color: transparent !important;
}

.searchTextbox {
    /*background-color: transparent;*/
    /*border: 0;*/
    /*min-width: 240px;*/
    /*float: left;*/
    position: relative;
    display:block;
    width: 100%;
}

    .searchTextbox div {
        top: 0;
        left: 30px;
        height: 30px;
        position: absolute;
        display: block;
        width: 100%;
        background-color: transparent;
    }

    .searchTextbox input {
        font-size: 16px;
        color: black;
        position: absolute;
        width: 100%;
        border: 0;
    }


        .searchTextbox input[type="text"] {
        }

        .searchTextbox input[type="password"] {
            color: black;
            user-select: none;
            -webkit-text-fill-color: transparent;
            background: transparent;
            letter-spacing: 0px;
            padding: 3px;
            border: 0;
        }

.searchwrapper {
    display: inline-block;
    width: 100%;
    height: 30px;
    position: relative;
    background-color: #fff;
}


.dropdownheader {
    font-weight: bold;
    color: #db68a3;
}

.search-filter-text {
    color: #6f6f6f;
    font-size: 16px;
    padding: 0px 10px 10px 10px;
}

.productheaderline1 {
    font-weight: bold;
    color: #db68a3;
    font-size: 14px;
}

.productheaderline2 {
    font-weight: bold;
    color: #333;
    font-size: 12px;
}


.priceheader {
    font-weight: bolder;
    color: #db68a3;
    font-size: 14px;
}

.rrpheader {
    font-weight: bold;
    color: #333;
    font-size: 12px;
}

.search-filter-highline {
    font-weight: bold;
    color: black;
    font-size: 16px;
}

.urlShowMore {
    display: inline-block;
    color: #db68a3;
}

table.tbSearchContent {
    border: 0 !important;
}

    table.tbSearchContent td {
        border: 0 !important;
    }


.searchHeader {
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-bottom: solid 1px #999999;
    /*border-top: solid 1px #999999;*/
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 106;
    height: 45px;
}

    .searchHeader span {
        color: #676767;
        font-family: 'VisbyCF', sans-serif;
    }

.itemPerPageDropdown {
}

.brand-startwith {
    padding: 7px;
    border-bottom: solid 1px #999999;
}

    .brand-startwith a {
        display: inline-block;
        width: 100%;
    }

    .brand-startwith span {
        font-size: 16px;
        color: Black;
        font-weight: bold;
        line-height: 22px;
    }

.brand-list div {
    padding: 7px;
    color: Black;
    display: block;
    text-align: left;
    padding-left: 20px;
}


.brand-list span {
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.brand-list a {
    display: inline-block;
    width: 100%;
}

.category-level1 {
    padding: 7px;
    border-bottom: solid 1px #999999;
}

    .category-level1 a {
        display: inline-block;
        width: 100%;
    }

    .category-level1 span {
        font-size: 16px;
        color: Black;
        font-weight: bold;
    }

.category-level2 {
    padding: 10px 0 0 20px;
}

    .category-level2 a {
        display: inline-block;
        width: 100%;
    }

    .category-level2 span {
        font-size: 14px;
        color: Black;
        font-weight: bold;
    }



.category-level3 {
    padding: 10px 10px 0px 20px;
}

    .category-level3 a {
        display: inline-block;
        width: 100%;
    }

    .category-level3 span {
        font-size: 14px;
        color: #333;
        font-weight: bold;
    }

.cat1display,
.cat2display,
.cat3display {
    text-align: left;
    padding-bottom: 5px;
}

    .cat1display span {
        font-size: 16px;
        color: Black;
        font-weight: bold;
    }

    .cat2display span {
        font-size: 14px;
        color: Black;
        font-weight: bold;
        padding-left: 20px;
    }

    .cat3display span {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        padding-left: 40px;
    }

.refineitemlist {
    padding: 7px;
    border-bottom: solid 1px #999999;
    height: 19px;
}

    .refineitemlist a {
        display: inline-block;
        width: 100%;
    }

    .refineitemlist span {
        font-size: 14px;
        color: #333;
    }

.refineitems {
    padding: 15px 0 15px 10px;
}


    .refineitems span {
        font-size: 16px;
        font-weight: bold;
    }


.refineheader {
    padding: 7px 7px 2px 7px;
}

    .refineheader span {
        font-size: 16px;
        color: #E82B84;
        font-weight: bold;
    }

.refinecontent {
    padding: 7px 7px 2px 7px;
    height: 19px;
}

    .refinecontent span {
        font-size: 14px;
        color: #333;
    }

    .refinecontent a {
        display: inline-block;
        width: 100%;
    }

.categoryemptysection {
    padding: 7px;
}

    .categoryemptysection span {
        font-size: 14px;
        font-weight: bold;
    }

.categoryvaluesection {
    padding: 7px;
    line-height: 18px;
}

.brandemptysection {
    padding: 7px;
}

    .brandemptysection span {
        font-size: 14px;
        font-weight: bold;
    }

.brandvaluesection {
    padding: 7px;
}

.sortsection {
    padding: 5px 5px 15px 5px;
    border-bottom: solid 1px #676767;
    overflow: hidden;
}

.stocksection {
    padding: 5px 5px 15px 5px;
    border-bottom: solid 1px #676767;
    overflow: hidden;
}


.pricerangesection {
    padding: 5px 5px 15px 5px;
    border-bottom: solid 1px #676767;
    overflow: hidden;
}

    .pricerangesection span {
        color: #E82B84;
    }

    .pricerangesection div {
        border: 0;
        color: #eee;
    }

.categorysection {
    padding: 5px 5px 15px 5px;
    border-bottom: solid 1px #676767;
    overflow: hidden;
}


.brandsection {
    padding: 5px 5px 20px 5px;
    overflow: hidden;
}

.brandselected {
    font-size: 14px;
    color: Black;
    font-weight: bold;
    padding-left: 5px;
}

/*.leftdollar {
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    float: left;
    position:relative;
    left: 8px;
    top: 14px;
}

.rightdollar {
    color: #666666;
    font-size: 14px;
    font-weight: 700;
    float: right;
    position:relative;
    right: 47px;
    top: 14px;
}*/

.refine-panel-header {
    background-color: #E82B84;
    padding: 10px;
    text-align: center;
    position: relative;
}


    .refine-panel-header span {
        font-size: 15px;
        font-weight: bold;
        color: #fff;
    }

.refine-panel-main {
    background-color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
}

.middle-logo {
    width: 80px !important;
    display: inline-block;
    padding-top: 5px;
}

.product-purchase-buttons {
    margin-top: 5px;
    width: 100%;
    text-align: center;
}

    .product-purchase-buttons a {
        position: relative;
        width: 100%;
        min-width: 90px;
        max-width: 170px;
        margin: 5px 5px 0px 0px;
    }

.product-purchase-buttons-grid {
    width: 100%;
}

    .product-purchase-buttons-grid a {
        position: static;
        width: 46%;
        min-width: 92px;
        max-width: 155px;
        margin: 5px 5px 0px 0px;
        display: inline-block;
    }

.product-purchase-buttons-detail {
    width: 100%;
}

    .product-purchase-buttons-detail a {
        position: static;
        width: 100%;
        min-width: 90px;
        /*margin: 5px 5px 0px 5px;*/
        display: inline-block;
    }

.product-gridview-name {
    min-height: 52px;
}

.search-result {
    margin-top: 45px;
}

.emaildiv {
    padding: 10px;
    position: relative;
    display: block;
}



.goBackButton {
    text-align: left;
    width: 42%;
    margin-right: 10px;
}

    .goBackButton a:hover {
        color: White;
    }

    .goBackButton a {
        color: White;
    }

    .goBackButton span {
        display: inline-block;
        color: White;
        padding: 7px 3px 7px 3px;
    }

    .goBackButton img {
        display: inline-block;
        float: right;
    }

.button-carousel {
    height: 30px;
}

    .button-carousel span {
        height: 29px !important;
        display: inline-block !important;
        line-height: 29px !important;
    }

    .button-carousel img {
        padding: 5px 5px !important;
    }



.greyout-bottom {
    background-color: transparent;
    width: 100%;
    padding-bottom: 50px;
    position: absolute;
}

.viewAllBrandButtonContainer {
    padding: 0 5px;
    background-color: #E82B84;
}




/* ---- Buttons  ---- */

.btn-shoppingbag {
    text-align: left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0px;
    text-shadow: none;
    margin: 0;
    position: relative;
    float: left;
    width: 100%;
    background-color: #E82B84;
}

.btn-shoppingbag img{
    height: 20px;
    width: 20px;
    padding: 5px 5px;
}


    .btn-shoppingbag span {
        font-size: 12px;
        font-weight: bold;
        padding-right: 10px;
    }


    .btn-shoppingbag a, .btn-shoppingbag a.ui-link {
        color: #FFFFFF;
        display: block;
    }

        .btn-shoppingbag a:hover, .btn-shoppingbag a.ui-link:hover {
            color: #FFFFFF;
        }

.btn-addtobag {
    background-color: #E82B84;
    min-width: 105px;
    padding: 0px 1px;
}

    .btn-addtobag a:hover {
        color: White;
    }

    .btn-addtobag a {
        color: White;
    }

    .btn-addtobag span {
        display: inline-block;
        color: White;
        line-height: 42px;
        padding: 0px 4px;
    }

    .btn-addtobag img {
        display: inline-block;
        float: right;
        height: 20px;
        width: 20px;
        padding: 12px 5px 0 0;
    }

.btn-buynow {
    background-color: black;
    min-width: 105px;
    padding: 0px 1px;
}

    .btn-buynow span {
        display: inline-block;
        color: White;
        line-height: 42px;
        padding: 0px 4px;
    }

    .btn-buynow img {
        height: 12px;
        width: 12px;
        padding: 16px 5px 0 0;
        float: right;
    }

    .btn-buynow a {
        display: block;
    }

.btn-notifyme {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid #E82B84;
}

    .btn-notifyme img {
        padding: 9px 5px 0 0;
        float: right;
        height: 18px;
    }

    .btn-notifyme span {
        width: 100px;
        padding: 5px;
        float: left;
    }


.btn-registry {
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
    border: 1px solid #E82B84;
}

.btn-registry span {
    padding: 0 5px;
}

    .btn-registry img {
        height: 15px;
        width: 25px;
        padding: 12px 5px 0 0;
    }

    .btn-registry a, .btn-registry a.ui-link {
        color: #FFFFFF;
    }

.btn-wishlist {
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
    border: 1px solid #E82B84;
}

    .btn-wishlist img {
        height: 15px;
        width: 25px;
        padding: 12px 5px 0 0;
    }

.btn-wishlist span {
    padding: 0 5px;
}

    .btn-wishlist a, .btn-wishlist a.ui-link {
        color: #FFFFFF;
    }


.btn-shoppingbag-long-light {
    height: 39px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0px;
    /*padding: 0px 5px;*/
    background-color: #E82B84;
    line-height: 39px;
    margin-top: 10px;
    width: 98%
}



/* ---- End Buttons ---- */



.popular-brand-section {
    border-top: 1px solid #eeeeee;
    padding: 10px 0;
    margin: 10px 0;
}

.popular-brand-section div{
    padding: 5px 0;
}

.popular-brand-section span {
    color: black;
    padding-left: 10px;
}

.all-brand-section {
    border-top: 1px solid #eeeeee;
    padding: 10px 7px 0 0;
    margin: 10px 0;
}

.all-brand-section a{
    display: inline-block;
    width: 100%;
}


.teir1header {
    color: #fff;
    border: 0;
    background-color: #E82B84;
    font-size: 18px;
}

.product-full-desc {
    line-height: 18px;
}

#lc_chat_title{
    color: #ffffff;
    font-weight: bold;
}

.expandableheader {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
}

.expandable {
    font-size: 14px;
    padding-top: 10px;
}

.bottomLayerDiv {
    background-color: #ccc;
    display: block;
    text-align: center;
    width: 100%;
}

.bottomLayerDiv a{
    display: block;
    margin: 5px;
}

.chckt-button {
    background-color: #E82B84;
}

.chckt-button--disabled, .chckt-button--disabled:hover  {
    background-color: #d2dae1;
}

.chckt-button:hover {
    background-color: #d2dae1 !important;
}

.place-order-button {
    text-align: center;
    margin-top: 20px;
    padding: 10px 0 16px 0;
}

.apple-pay-button {
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
    visibility: hidden;
    display: inline-block;
    width: 200px;
    min-height: 30px;
    border: 1px solid black;
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-size: 100% calc(60% + 2px);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    margin: 5px auto;
    transition: background-color .15s;
}

    .apple-pay-button.visible {
        visibility: visible;
    }

    .apple-pay-button:active {
        background-color: rgb(152, 152, 152);
    }

.chckt-pm {
    /*background: white;*/
    border: 1px solid #d6d6d6;
    border-top: 0;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 100%;
    z-index: 1;
}

.payment-first-child {
    border-top: 1px solid #d6d6d6;
    border-radius: 4px 4px 0 0;
}



.chckt-pm__header {
    box-sizing: border-box;
    display: block;
    float: left;
    padding: 14px 20px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.chckt-pm__radio-button {
    float: left;
    margin-top: 7px;
    position: relative;
}

.eGiftTC {
    margin:10px 10px 10px 10px;
}

.deliveryHeader {
    margin: 20px 0 5px 0;
    width: 98%;
    background-color: #eee;
    padding: 5px;
}

.checkoutPlaceOrderButton {
    cursor: pointer;
    width: 100%;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    height: 48px;
    display: block;
    padding: 0 auto;
    border: none;
    background-color: #00112c;
    letter-spacing: 1px;
    border-radius: 6px;
    font-family: Arial;
}

.checkoutPlaceOrderButton:hover {
    background-position: 0 -45px;
}
li.adyen-checkout__payment-method{
    list-style-type: none;
}