/* Outer Containers
----------------------------------------------------------------------*/
/*
html {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
*/
/* Set body and fonts
----------------------------------------------------------------------*/
body {
    font: normal normal normal 100%/1.25 Arial, Helvetica, Verdana, sans-serif; /* 16px default body font size | 20px line height */
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
body.rwd-signin {
    text-align: center;
}
/* Basic Links
----------------------------------------------------------------------*/
a, input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button, 
.btn, 
.button {
    cursor: pointer;
}
a, a:link, a:visited {
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
/* Global Structure
----------------------------------------------------------------------*/
#outerPageContainer {
    width: 1003px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#outerPageContainer, 
#innerPageContainer {
    text-align: left;
}

#outerLandingPage {
    max-width: 100%;
}

/* Typography
----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, div, p, span, form, img, article, section, header, footer, nav {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
    padding: 0;
    margin: 0 0 1em;
    margin: 0 0 1rem;
}
h1, .largetitle {
    font-size: 1.13em;
}
h2, h3 {
    font-size: 1em;
}
h3, h4 {
    padding-bottom: 0.5em;
}
h4 {
    font-size: 1.2em;
}
p {
    font-size: 0.75em;
    padding: 0 0 0.31em;
    padding: 0;
}

/* Typography within <main> tag;
This can be removed when the business adopts a standard typographical system, with a decent vertical rhythm and proportionally sized headings...
---------------------------------------------------------------------*/
main {
    display: block;
    margin: 10px 0;
    padding: 0 10px; /* pad the sides from the edge */
}
    main h1, 
    main h2, 
    main h3, 
    main h4, 
    main h5, 
    main h6 {
        font-weight: bold;
    }
    main h1 {
        font-size: 32px; /* Old Fallback */
        font-size: 2rem; /* Assuming 16px base font size */
    }
    main h2 {
        font-size: 20px; /* Old Fallback */
        font-size: 1.25rem; /* Assuming 16px base font size */
    }
    main h3 {
        font-size: 18px; /* Old Fallback */
        font-size: 1.125rem; /* Assuming 16px base font size */
    }
    main h4, 
    main h5, 
    main h6, 
    main p, 
    main li, 
    main th,
    main td, 
    main dt,
    main dd {
        font-size: 16px; /* Old Fallback */
        font-size: 1rem; /* Assuming 16px base font size */
    }
    main h1, 
    main h2, 
    main h3, 
    main h4, 
    main h5, 
    main h6, 
    main p, 
    main dl, 
    main ul, 
    main ol, 
    main table {
        margin: 0 0 1em;
        margin: 0 0 1rem;
        padding: 0;
    }
    main ul, 
    main ol {
        margin: 0 0 1em 2em;
        margin: 0 0 1rem 2rem;
    }
        main li {
            margin: 0;
            padding: 0;
        }
    main th, 
    main td {
        padding: 5px;
    }
    main dt {
        font-weight: bold;
    }
    main dd {
        margin-left: 0;
    }
    .faqQuestions p {
        margin-bottom: 0;
    }
        .faqQuestions a {
            display: block;
            padding: 3px;
        }
        .faqQuestions p + h2 {
            margin-top: 1em;
        }

/* Hacks to stop overused and conflicting 'bodytext' and bodytextbold' classes applied multiple times on same content via table, tr, td, and div classes - All conflicts corrected below can be deleted once all table layout removed from all sites! Sizes currently fixed in pixel to stop em conflicts on classes applied multiple times on one element.
----------------------------------------------------------------------*/
td.bodytext, 
td.bodytext p, 
td.bodytext a, 
span.breadcrumbcue, 
.breadcrumb, 
.breadcrumbcue, 
a.breadcrumblink, 
.breadcrumblink a:hover, 
.breadcrumblink a:visited {
    font-size: 12px;
    padding-bottom: 0.31em;
}
a.breadcrumblink, 
.breadcrumblink a:hover, 
.breadcrumblink a:visited {
    text-decoration: none;
}
tbody {
    text-align: left;
}
.bodytext, 
.bodytextbold, 
.bodytext ul li, 
#copyCell, 
#copyCell ul li, 
a.boldwhitelink, 
a.boldBlueLink, 
a.bluelink, 
.shopwindowfolder, 
.shopwindowfolder2 {
    font-size: 12px;
}
.bodytext a:link, 
.bodytext a:visited, 
.bodytext a:hover, 
.bodytextbold a:link, 
.bodytextbold a:visited, 
.bodytextbold a:hover {
    font-size: 12px;
    padding: 0;
    margin: 0;
}
span.breadcrumbcue, 
.breadcrumb, 
a.breadcrumblink {
    font-size: 12px;
    font-weight: bold;
}
.tableborder {
    border: 1px solid #000;
}
/* Image Classes
----------------------------------------------------------------------*/
img {
    border: 0;
    zoom: 1;
    /* Basic responsive imgs */
    /* max-width: 100%;
    height: auto; */ /* These styles are causing issues site-wide - commenting out for the timebeing 27/06/19. */
}
img a:link, 
img a:visited, 
img a:hover {
    background-color: transparent;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
/* Table Default Colours - Used on all pages where tables still exist
------------------------------------------------------------------------*/
.tableborder {
    background: #000;
}
/* tablecelllight - Default light cell background colour always white
------------------------------------------------------------------------*/
.tablecelllight {
    background: #FFF;
    padding: 0.2em;
    color: #000;
    text-decoration: none;
}
.tablecelllight, 
.tablecelllight td, 
.tablecelllight p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
/* Breadcrumb nav
----------------------------------------------------------------------*/
#breadcrumbNav ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
#breadcrumbNav li, 
#breadcrumbNav div.breadcrumbDiv {
    display: inline-block;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/breadcrumb-chevron.gif");
    background-repeat: no-repeat;
    background-position: right 50%;
    padding-right: 20px;
    zoom: 1;
}
#breadcrumbNav div.breadcrumbDiv:last-child {
    background: none;
}
.breadcrumbcuelink {
    background: none !important;
    color: #000;
    font-weight: bold;
}
#breadcrumbNav a, 
#breadcrumbNav a:link, 
#breadcrumbNav a:hover, 
#breadcrumbNav a:visited, 
#breadcrumbNav h1 {
    font-size: 13px;
    font-weight: bold;
    display: inline;
}
.breadcrumbDiv {
    font-size: 13px;
}
/* -------------------------
Search Results
---------------------------- */
#searchResultsHeader {
    float: left;
    width: 800px;
}
#searchResultsHeader h2 {
    width: auto;
    height: auto;
    margin-right: 5px;
    margin-bottom: 5px;
}
p.description {
    clear: both;
}
#searchResultsHeader .searchResultsHeaderCategory {
    color: #00AEEF;
    float: left;
    font-weight: bold;
}
/* -------------------------
Product Sort
---------------------------- */
.productSort {
    float: right;
    width: 814px;
    background-color: #EEE;
    margin-bottom: 6px;
    height: 34px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}
p.productNumbers {
    float: left;
    margin: 0 5px 0 4px;
}
p.productDrop {
    float: right;
    margin-right: 5px;
}
.productSort select {
    font-size: 0.81em;
}
.dropReplace {
    float: right;
    margin-right: 3px;
}
#sortByOptions, 
.recordsPerPage,
.grid-switch-plp-layout-grids {
    float: left;
    height: 24px;
    padding: 8px 8px 3px;
}
#sortByOptions p, 
#sortByOptions select, 
.recordsPerPage p, 
.recordsPerPage select,
.grid-switch-plp-layout-grids p, 
.grid-switch-plp-layout-grids select {
    float: left;
}
#sortByOptions select {
    width: 190px;
}
#sortByOptions p, 
.recordsPerPage p,
.grid-switch-plp-layout-grids p {
    padding-right: 3px;
}
.grid-switch-plp-layout-grids {
  float: left;
}

.grid-switch-plp-layout-grid {
  cursor: pointer;
  display: inline-block;
  height: 23px;
  vertical-align: top;
  width: 23px;
}

.svggridbox {
  fill: #9c9c9c;
  transition: .3s;
}

.grid-switch-plp-layout-grid:hover .svggridbox {
  fill: #565656;
}

[grid-state="active"] .svggridbox {
  fill: #000000;
}

.resultsPages {
    float: right;
    background-color: #EEE;
    min-width: 180px;
}
.productPages {
    float: right;
}
.productPages a, 
.productPages a:link, 
.productPages a:visited, 
.productPages a:hover {
    float: left;
    height: 24px;
    padding: 7px 4px 3px;
}
.productPages a:hover {
    background-color: #000;
    color: #FFF;
    text-decoration: none;
}
.productPages .link, 
.productPages .previous, 
.productPages .current, 
.productPages .first {
    text-align: center;
    height: 34px;
    float: left;
}
.productPages .link, 
.productPages .first, 
.productPages .spacer {
    border-right: 1px solid #FFF;
}
.productPages .current, 
.productPages .first,  
.productPages .last {
    font-size: 13px;
    font-weight: bold;
}
.productPages .current {
    background-color: #777;
    color: #FFF;
    height: 24px;
    padding: 7px 4px 3px;
}
.productPages .current,  
.productPages .previous {
    border-right: 1px solid #FFF;
}
.productPages .previous a {
    text-align: left;
    width: 26px;
}
.productPages a {
    font-size: 12px;
}
.productPages .next a {
    background-color: #EEE;
    background-image: url("//images2.drct2u.com/content/images/FGN/fgn_generic_nextPage.png");
    background-repeat: no-repeat;
    width: 32px;
    border-left: 1px solid #FFF;
}
.productPages .spacer {
    width: 14px;
    height: 28px;
    float: left;
    padding-top: 6px;
    text-align: center;
}
.productPagesTxt {
    float: left;
    padding: 7px 4px 0 0;
    text-align: right;
    font-size: 12px;
    height: 27px;
    border-right: 1px solid #FFF;
}
/* -------------------------
Old Form Pages Style support
---------------------------- */
#formPane input:focus, 
#formPane textarea:focus, 
#formPane select:focus {
    background-color: #FFC;
}
#formPane .labelFocus {
    background: #FFC !important;
    margin: -1px;
    color: #000 !important;
    border: 1px solid #FC6;
}
/* -------------------------
Main Page Content Containers
---------------------------- */
#content-div {
    clear: both;
}
#content-div a:hover {
    background-color: transparent;
}
#browseContent-7 {
    float: left;
    padding: 0;
    width: 815px;
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
            justify-content: flex-start;
}
#fullWidthContainer, 
#fullWidthContent {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
}
.clear {
    float: left;
    height: 1px;
    min-height: 1px !important;
    margin: 0;
    padding: 0;
    border: 0;
}
/* -------------------------
Product Classes with 122x130 sized images
---------------------------- */
.productRange122x130 {
    text-align: center;
    float: left;
    width: 19.8%;
    margin: 0 0 0.3em;
    min-height: 12.7em;
    height: auto !important;
    height: 12.7em;
}
.productRangeOverview {
    float: left;
    width: 97%;
    min-height: 60px;
    height: auto !important;
    height: 3.75em;
    padding-left: 0.13em;
    padding-right: 0.13em;
}
.productRange122x130 img {
    margin-top: 0.13em;
}
.productRange122x130 h2 {
    font-size: 0.94em;
    line-height: 1em;
    margin: 0 0.13em 0 0;
    padding: 0.13em 0.4em;
}
.productRange122x130 p {
    float: left;
    text-align: center;
    width: 98%;
    line-height: 1.125em;
    margin-top: 2px;
}
/* -------------------------
Product preview (search results - lv4 pages) 5 column style containers with 122 x 130 images
---------------------------- */
.productPreviewWrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
padding: 6px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
margin-bottom: 12px;
max-width: 25%;
}

.gridView-3 .productPreviewWrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
        flex: 0 0 33%;
max-width: 33%;
}

.productPreviewWrapper .productPreviewImage img:first-child {
width: 100%;
height: auto;
position: relative;
z-index: 0;
}

.productPreviewWrapper .productPreviewImage a {
    position: relative;
    display: block;
}
.productPreviewWrapper .productPreviewImage {
    position: relative;
}

.productPreviewWrapper .productPreviewImage .btn-save-for-later {
    position: absolute;
    margin: 0;
    top: 6px;
    left: 6px;
    padding: 6px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    z-index: 4;
    min-height: inherit;
    max-height: inherit;
}
.productPreviewWrapper .productPreviewImage .btn-save-for-later:hover {
    background-color: #fff;
}
.productPreviewWrapper .productPreviewImage .btn-save-for-later:before {
    margin: 0;
    background-size: 16px;
    background-position: center center;
    background-repeat: no-repeat;
}
.productPreviewWrapper .saved-for-later-txt {
    position: absolute;
    margin: 0;
    top: 6px;
    left: 20px;
    height: 28px;
    overflow: hidden;
    z-index: 3;
    pointer-events: none;
}
.productPreviewWrapper .saved-for-later-txt:before {
    content: "";
    position: relative;
    margin: 0;
    top: 3px;
    left: -120px;
    font-size: 12px;
    padding: 6px 12px 6px 20px;
    color: #fff;
    border-radius: 0 13px 13px 0;
    background-color: #000;
    border: 1px solid #000;
    min-height: 15px;
}
.productPreviewWrapper .saved-for-later-txt.added:before {
    content: "Saved for Later";
    animation-name: savedforlater;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
.productPreviewWrapper .saved-for-later-txt.removed:before {
    content: "Removed";
    animation-name: savedforlater;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
@keyframes savedforlater {
    0%, 100% { left: -120px }
    10%, 90% { left: 0px }
}
.productPreviewWrapper .saved-for-later-txt.added ~ .btn-save-for-later,
.productPreviewWrapper .saved-for-later-txt.removed ~ .btn-save-for-later {
    pointer-events: none;
}

.productPreview > div + div {
    margin-top: 5px;
}
.productPreviewText p:empty {
    display: none;
}
.productPreviewText p {
    margin: 0;
    padding: 0;
}
.productPreview .rating {
    font-size: 12px;
    text-align: left;
}
.productPreview .rating .score {
    margin: 0 auto;
}
.productPreview .rating .reviews {
    color: #999;
}
.productPrice {
    font-weight: bold;
}
.productTitle {
    font-weight: bold;
    margin-top: 5px;
}
.productPLPQuickViewMessage {
    padding: 8px 0;
    font-size: 14px;
    width: 100%;
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.productPLPQuickViewMessage:before {
    content: '';
    background-image: url("//images2.drct2u.com/content/common/images/commongui/main-image-zoom-icon.png");
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background-size: 12px;
    top: 1px;
}
.plpQuickViewMultiModal .ampl-caro-slide {
    width: auto;
    position: relative;
    background: #ffffff;
}
.plpQuickViewMultiModal .mainFirstValue {
    background: none;
}
.plpQuickViewMultiModal .containerSelect {
    position: relative;
    left: 0;
    width: 100%;
}
.multiBuyModal .plpQuickViewMultiModal .mainSelect {
    min-height: auto;
    width: 100%;
}
.plpQuickViewMultiModal .ampl-content {
    margin-bottom: -30px;
}
.magnify {
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0 0 1.38em;
}
/* New Roundals - PLP & PDP */
.overRoundel {
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    z-index: 21;
}
.overRoundel.overRoundelRight {
    position: absolute;
    display: inline-block;
    left: inherit;
    bottom: 0;
    right: 0;
    z-index: 21;
}
.overRoundel.overRoundelTopRight {
    position: absolute;
    display: inline-block;
    bottom: inherit;
    left: inherit;
    top: 0;
    right: 0;
    z-index: 21;
}
a.belowImageRoundal {
    display: block;
    text-align: center;
    margin-bottom: 8px;
}
/* OLD CSS CLASSES ----------------------------------------------
 These classes from the original common file have been kept as they are
 still used on some deeper site pages (the redesign of which is currently
 out of Header and Guided Nav projects scope) Redundant styles have been
 removed and the remaining classes have been cleaned up to remove conflicting

 and repeated font sizes, styles and colours. All font sizes have also
 been changed to EM sizes.
----------------------------------------------------------------------------*/
a.smalllink {
    font-size: 11px;
    text-decoration: underline;
}
a.boldBlueLink {
    color: #00C;
}
a.whitelink, 
a.boldwhitelink {
    color: #FFF;
}
a.boldBlueLink, 
a.boldwhitelink, 
a.checkoutlink, 
a.bodytextbold, 
.bodytextbold {
    font-weight: bold;
}
.largetextbold, .largeredtextbold {
    font-size: 0.88em;
    font-weight: bold;
}
.largeredtextbold {
    color: #F00;
}
.exlargeredtextbold {
    font-size: 1.75em;
    font-weight: bold;
    color: #F00;
}
.largebodytext {
    font-size: 1em;
}
.largebodytextbold, 
.largebodytextboldunderline {
    font-size: 1em;
    font-weight: bold;
}
.largebodytextboldunderline {
    text-decoration: underline;
}
.bodytextred, 
.bodytextredlarge {
    color: #C00;
}
.bodytextredlarge {
    font-size: 0.88em;
}
.bodytextblue {
    color: #00C;
}
.smalltext {
    font-size: 0.63em;
}
/* -------------------------
Policies Footer (Links)
---------------------------- */
.policiesLinks {
    text-align: center;
}
.policiesLinks a {
    display: inline-block;
    font-weight: bold;
    padding: 5px;
    margin: 0 5px 10px 0;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 3px;
    border: 1px solid #999;
    background: #EEE;
}
.policiesLinks a:link {
    text-decoration: none;
}
.policiesLinks a:hover,
.policiesLinks a:focus {
    text-decoration: underline;
    border-color: #666;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 500px) {
    .policiesLinks a {
       display: block;
    }
}
/* -------------------------
Incentive code box text
---------------------------- */

#affinityText {
    float: left;
    width: 785px;
}
#affinityProducts {
    float: left;
}
#affinityProducts .productPreview {
    width: 165px;
}
.affinitytitle {
    font-weight: bold;
    font-size: 1.13em;
}
/* -------------------------
Account Transactions page - 'Information on your account' text
---------------------------- */
.acctssubtitle {
    font-weight: bold;
    font-size: 12px;
}
#termsAndConditionsList, 
#termsAndConditionsList li, 
#termsAndConditionsList a, 
#termsAndConditionsList h1 {
    font-size: 100%;
    line-height: 1.125em;
}
/* -------------------------
Fake button (used on terms and conditions pages, warranty pages etc)
---------------------------- */
.fakebutton {
    font-size: 11px;
    background: #999;
    color: #FFF;
    text-align: center;
    border: 1px solid;
    padding-left: 2%;
    padding-right: 2%;
    text-decoration: none;
}
a.fakebutton, 
a.fakebutton a:link, 
a.fakebutton a:visited {
    background: #999;
    color: #FFF;
    text-decoration: none;
}
a.fakebutton a:hover {
    background: #000;
    text-decoration: none;
}
#brandspopup {
    width: 302px;
    clear: both;
}
#brandspopup ul li {
    padding: 0 0 1px 10px;
}
.homeserve ol {
    padding: 0;
    margin: 0;
}
.homeserve li {
    font-size: 10px;
    list-style: lower-roman;
}
/* -------------------------
Account Management / Register / Login Pages
---------------------------- */
#signInContentContainer, 
#accountContentContainer {
    float: left;
    width: 100%;
}
#signInContentContainer #checkoutPageTitle {
    margin-top: 10px;
}
#pageContentContainer {
    margin: 10px auto;
    width: 795px;
}
#accountContentContainer h1, 
#accountContentContainer h2 {
    margin: 0 0 15px;
    font-size: 1.2em;
}
#stepText {
    color: #000;
}
#accountContentContainer h3 {
    clear: both;
    color: #333;
}
#infoPanel h2 {
    font-size: 0.88em;
    color: #000;
    background-color: #EEE;
    margin: 0;
    padding: 7px 7px 7px 30px;
}
#accountSecurityIcon, 
#accountCartIcon, 
#accountTickIcon {
    background-repeat: no-repeat;
    background-position: 6px 7px;
}
#accountSecurityIcon {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountLock.png");
}
#accountCartIcon {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountCart.png");
}
#accountTickIcon, 
p#signedInMsg {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountTick.png");
}
p#signedInMsg {
    background-repeat: no-repeat;
    background-position: 4px 9px;
    padding: 8px 0 0 30px;
    font-size: 1.13em;
    font-weight: bold;
    color: #060;
    float: left;
}
#accountContentContainer ul {
    font-size: 0.75em;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 7px;
}
#accountContentContainer p {
    margin: 6px 0;
}
#newOnlinePanel {
    border: 1px solid #CCC;
    float: left;
    width: 350px;
    padding: 10px;
    margin: 10px 10px 10px 5px;
    height: 365px;
    background-color: #FFF;
}
.accountButtonContainer {
    float: right;
    min-width: 30px;
    padding-bottom: 5px;
}
.accountButton a, 
.accountButton a:link, 
.accountButton a:visited, 
.accountButtonPayment a, 
.accountButtonPayment a:link, 
.accountButtonPayment a:visited, 
.accountButtonShopping a, 
.accountButtonShopping a:link, 
.accountButtonShopping a:visited, 
.trackOrderButton a, 
.trackOrderButton a:link, 
.trackOrderButton a:visited {
    height: 28px;
    margin: 5px 0 0;
    color: #4d72b0;
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountBtnBg.png");
    background-repeat: repeat-x;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 5px;
    float: left;
    min-width: 10px;
}
.accountButton a:hover, 
.accountButtonPayment a:hover {
    text-decoration: none;
    float: left;
    background-color: transparent;
}
.accountButton a:hover, 
.accountButtonPayment a:hover, 
.accountButtonShopping a, 
.accountButtonShopping a:link, 
.accountButtonShopping a:visited, 
.trackOrderButton a, 
.trackOrderButton a:link, 
.trackOrderButton a:visited {
    color: #060;
}
.trackOrderButtonContainer {
    float: right;
    min-width: 30px;
}
.trackOrderButton a, 
.trackOrderButton a:link, 
.trackOrderButton a:visited {
    margin: 0;
}
.accountButtonShopping a:hover, 
.trackOrderButton a:hover {
    text-decoration: none;
    color: #000;
    float: left;
    background-color: transparent;
}
.buttonCapLt, 
.buttonCapRt, 
.accountButtonCapLt, 
.accountButtonCapRt, 
.trackOrderButtonCapLt, 
.trackOrderButtonCapRt {
    height: 33px;
    background-repeat: no-repeat;
    float: left;
}
.accountButtonCapLt, 
.buttonCapLt {
    width: 8px;
    margin: 5px 0 8px 5px;
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountBtnCapLt.png");
}
.accountButtonCapRt, 
.buttonCapRt, 
.trackOrderButtonCapRt {
    width: 11px;
    margin: 5px 0 8px;
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountBtnCapRt.png");
}
.trackOrderButtonCapLt {
    width: 26px;
    margin: 0 0 0 5px;
    background-image: url("//images2.drct2u.com/content/images/freeformat/trackBtnCapLt.png");
}
.trackOrderButtonCapRt {
    margin: 0;
}
.inputArea, #inputArea {
    background-color: #EEE;
    padding: 3px 3px 3px 8px;
    clear: both;
    margin: 0 0 10px;
    float: left;
    width: 97%;
}
.inputArea h3 {
    font-size: 0.88em;
}
#infoPanel {
    border: 1px solid #CCC;
    float: left;
    width: 300px;
    padding: 0;
    margin: 10px 10px 10px 5px;
    min-height: 100%;
    background-color: #FFF;
}
#infoIcon {
    margin: 7px 8px 0;
}
#floatRadio {
    float: left;
    margin: 7px 10px 20px 4px;
}
#infoIcon, .floatTextField {
    float: left;
}
/*------ user prompt  msg text --------- */
p.promptUser, 
span.promptUser {
    font-weight: bold;
    color: #4d72b0;
}
p.promptUser a, 
p.promptUser a:link, 
p.promptUser a:visited {
    font-weight: bold;
    color: #4d72b0;
    text-decoration: underline;
}
p.promptUser a:hover {
    background-color: #4d72b0;
    text-decoration: none;
    color: #FFF;
}
#accountNotice, 
#accountReminder, 
#accountSpecialOffer {
    text-align: center;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    padding: 5px 5px 0;
    float: left;
    width: 97%;
}
#accountReminder {
    border: 1px solid #CCC;
}
#accountReminder p, #accountNotice p, #accountSpecialOffer p {
    font-size: 0.88em;
}
#accountReminder h2, #accountNotice h2 {
    background-color: #EEE;
    padding: 3px;
}
#accountReminder h3#paymentDue {
    color: #C00;
    text-decoration: underline;
}
#accountSpecialOffer h2 {
    background-color: #eaf5ea;
    padding: 3px;
    color: #060;
}
span.accountArrears {
    font-weight: bold;
}
p.formName {
    clear: left;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    width: 135px;
    margin: 2px 0 0 5px;
}
.formValue {
    float: right;
    margin: 7px 10px 5px;
    width: 220px;
}
/*------ Form drop menu classes --------- */
.dobMenu {
    float: right;
    margin: 7px 10px 4px;
    font-size: 12px;
}
.dobMenu select {
    font-size: 1.2em;
    margin-left: 1em;
    margin-right: 1em;
}
#accountMenuDay, #accountMenuMonth, #accountMenuYear {
    float: left;
    margin: 0;
    border: 1px solid #999;
}
#accountMenuDay {
    margin-right: 7px;
}
#accountMenuMonth {
    margin-right: 7px;
    width: 90px;
}
/*------ Customer Details --------- */
#custDetailsPanel {
    border: 1px solid #CCC;
    float: left;
    width: 310px;
    padding: 10px 10px 0;
    margin: 10px 10px 10px 5px;
    min-height: 427px;
    background-color: #FFF;
}
#custDetailsPanel h2 {
    color: #000;
    font-size: 1.1em;
}
.custDetailsRow, #autoSignInRow, #autoSignInRow {
    float: right;
    width: 100%;
    background-color: #EEE;
}
.custDetailsRow, #autoSignInRow {
    margin-bottom: 5px;
    min-height: 30px;
}
#autoSignInRow {
    margin-bottom: 0;
}
#autoSignInPanel {
    float: left;
    width: 200px;
    background-color: #FFF;
}
#autoSignInCheckBox {
    margin: 5px 220px 0 0;
    padding: 0;
    float: right;
}
#tickBoxMsg {
    font-size: 11px;
    line-height: normal;
    width: 280px;
    padding: 2px 0 5px 20px;
    background-color: #EEE;
    float: left;
    margin: 0;
}
p.custName, p.custAddress, 
p.custDOB, 
p.custHomePhone, 
p.custDayPhone, 
p.custMobile {
    clear: left;
    float: left;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    width: 95px;
    padding: 0 0 0 3px;
}
p.custDetails {
    float: left;
    padding: 0 0 0 10px;
    font-size: 12px;
}
#exampleInput {
    color: #4d72b0;
    font-size: 0.88em;
    padding-left: 55px;
}
#accNumField, #passwordField {
    width: 320px;
}
/* ------- Account Navigation -------- */
#newCustomerPanel, 
#signedInPanel, 
#accountNavPanel {
    border: 1px solid #CCC;
    float: left;
    padding: 10px;
    background-color: #FFF;
}
#newCustomerPanel {
    width: 400px;
    margin: 10px 5px 10px 10px;
    min-height: 365px;
}
#newCustomerPanel h2 {
    font-size: 0.94em;
    color: #000;
}
#signedInPanel {
    width: 470px;
    margin: 10px 0 10px 10px;
    min-height: 22.81em;
    height: auto !important;
    height: 22.81em;
}
#signedInPanel h1, 
#signedInPanel h2, 
#signedInPanel h3 {
    text-align: center;
}
#signedInPanel h2 {
    font-size: 0.94em;
    color: #000;
}
#accountNavPanel {
    float: right;
    width: 250px;
    padding: 10px 10px 0;
    margin: 10px 0 0 10px;
    min-height: 10px;
}
#accountNavPanel h2 {
    font-size: 1em;
    text-align: center;
    margin-bottom: 8px;
}
#accountNavPanel h3 {
    font-size: 0.88em;
    color: #000;
    background-color: #EEE;
    padding: 7px 7px 7px 37px;
    clear: both;
    height: 18px;
}
#accountNavDetails, #accountNavTransactions, #accountNavManage, #accountNavWish, #accountNavRecent {
    background-repeat: no-repeat;
    background-position: 10px 7px;
}
#accountNavDetails {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountReport.png");
}
#accountNavTransactions {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountMagnify.png");
}
#accountNavManage {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountEdit.png");
}
#accountNavWish {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountHeart.png");
}
#accountNavRecent {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountBasket.png");
}
h2#accountStar {
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountStar.png");
    background-repeat: no-repeat;
    background-position: 8px 3px;
    text-align: left;
    padding-left: 35px;
}
#accountNavPanel li {
    padding-bottom: 3px;
    padding-top: 3px;
    font-weight: bold;
}
p#otbMessage {
    float: left;
    text-align: center;
    font-size: 1em;
    line-height: normal;
    width: 100%;
}
#otbMessagePrompt {
    color: #4D72B0;
    font-weight: bold;
}
span.promptUserWish {
    color: #F00;
    font-weight: bold;
}
/* Table Border Payment Alert ---------------*/
.tableborderPaymentAlert {
    background-color: #C30;
    padding-bottom: 8px;
}
.tableborderPaymentAlert td, 
.tableborderPaymentAlert a, 
.tableborderPaymentAlert a:link, 
.tableborderPaymentAlert a:visited, 
.tableborderPaymentAlert a:hover {
    font-size: 12px;
}
.tableborderPaymentAlert h4 {
    color: #C00;
    font-size: 13px;
    font-weight: bold;
}
/* Account Management - Transactions / Order Tracking
----------------------------------------------------------------------------------------------*/
#orderTrackingContainer {
    float: left;
    width: 100%;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 10px;
    margin-top: 5px;
}
#trackOrderHeader {
    float: left;
    width: 350px;
}
#trackOrderHeaderTable {
    float: left;
    width: 300px;
    border: 1px solid #CCC;
    margin: 10px 0;
    font-weight: bold;
    padding: 5px;
}
#trackOrderHeaderTable tr {
    text-align: center;
}
#trackOrderHeaderTable th {
    background-color: #000;
    color: #FFF;
}
.orderDetailsTable {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    font-size: 0.81em;
    margin: 0 0 15px;
    width: 100%;
}
.orderDetailsTable tr, 
.parcelDetailsTable tr {
    background-color: #EEE;
}
.orderDetailsTable td, 
.parcelDetailsTable td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
.transactionsTable tr {
    background-color: #FFF;
}
.orderDetailsTable th, 
.orderDetailsTable td, 
.parcelDetailsTable th, 
.parcelDetailsTable td, 
.transactionsTable th, 
.transactionsTable td {
    padding: 6px;
}
.orderDetailsTable th {
    background-color: #CCC;
}
th.orderSummary {
    background-color: #666;
    color: #FFF;
    font-size: 1.25em;
    font-weight: bold;
}
th.orderSummary span {
    color: #FFF;
    font-size: 0.75em;
    font-weight: normal;
    position: relative;
    left: 218px;
}
.transactionsTable th {
    background-color: #666;
    color: #FFF;
    font-size: 1em;
    border-right: 1px solid #FFF;
}
.parcelDetailsTable {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    font-size: 12px;
    margin: 10px 0 15px;
    width: 100%;
}
.parcelDetailsTable th {
    background-color: #CCC;
    font-weight: normal;
}
.parcelTitleDespatched {
    float: left;
    font-size: 16px;
    font-weight: bold;
}
.parcelTitleDelivered {
    font-size: 16px;
    background-image: url("//images2.drct2u.com/content/images/freeformat/deliveryTick.png");
    background-repeat: no-repeat;
    background-position: 160px 2px;
    font-weight: bold;
}
#deliveryService {
    background-image: url("//images2.drct2u.com/content/images/freeformat/deliveryFull.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 18px;
}
#accountBottomNav, 
#recentlyMovedText, 
#statusText {
    float: left;
}
#accountInfoIcon a:link, 
#accountInfoIcon a:visited, 
#accountInfoIcon a:hover {
    float: left;
    margin: 0 0 0 5px;
    background-color: transparent;
}
#deliveryIcon a:link, 
#deliveryIcon a:visited, 
#deliveryIcon a:hover {
    float: left;
    margin: 1px 0 0 5px;
    background-color: transparent;
}
#statusIcon {
    margin-left: 5px;
    float: left;
}
/* Account Transactions page --------*/
#availableCreditHeader {
    background-color: #03C;
}
.transactionsTable {
    float: left;
    border: 1px solid #CCC;
    padding: 5px;
    font-size: 0.81em;
    margin: 0 0 5px;
}
.orderBreak td {
    border-bottom: 1px solid #333;
    height: 3px;
}
.orderNumber {
    font-weight: bold;
    color: #006;
}
tr.accountCardPayments td, 
tr.trackButtonRow td {
    background-color: #FFF;
    border-bottom: 1px solid #333;
}
#newFeatureMsg {
    border: 1px solid #F00;
    float: left;
    padding: 5px;
    margin: 0 0 10px;
    width: 783px;
    font-size: 0.88em;
    background-color: #FFD9D9;
}
#transactionsSubNav {
    float: right;
    margin: 5px 0;
}
#transactionsSubHeader {
    float: left;
    margin: 5px 0;
}
#noTransactions {
    margin: 20px auto 10px;
    width: 60%;
    border: 1px solid #CCC;
    padding: 10px;
    text-align: center;
    height: 100px;
}
#noTransactions p {
    margin-top: 20px;
    font-size: 14px;
}
#noTransactions h2 {
    text-decoration: underline;
    background-color: #EEE;
    padding: 10px;
}
.backButton, .continueButton {
    min-width: 30px;
    padding-bottom: 5px;
}
.backButton {
    float: left;
}
.continueButton {
    float: right;
}
.continueButton a, 
.continueButton a:link, 
.continueButton a:visited {
    height: 28px;
    margin: 5px 0 0;
    color: #060;
    background-image: url("//images2.drct2u.com/content/images/freeformat/accountBtnBg.png");
    background-repeat: repeat-x;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 5px;
    float: left;
    min-width: 10px;
}
.continueButton a:hover {
    text-decoration: none;
    color: #000;
    float: left;
    background-color: transparent;
}
/* Verified by Visa */
#verfiedbyvisa {
    padding: 20px;
    padding-top: 2px;
    line-height: 15px;
    text-align: left;
}
#verfiedbyvisa #card_visa {
    width: 160px; /* left card icon*/
    float: left;
    text-align: left;
}
#verfiedbyvisa #card_election {
    width: 160px; /* right card icon*/
    float: left;
    text-align: right;
}
#verfiedbyvisa #close_button {
    width: 250px;
    float: left;
    text-align: center;
}
/* Ways to Pay (Cash Credit) Page---------------*/
#waysToPayContainer {
    float: left;
    width: 100%;
    position: relative;
}
#waysToPayContainer h1 {
    margin: 0 0 0 10px;
    font-size: 1.2em;
}
#waysToPayContainer ul {
    font-size: 0.75em;
    margin: 5px 5px 15px 35px;
    padding: 0 0 0 30px;
}
#waysToPayContainer p {
    margin: 5px 0 5px 45px;
}
span.applyForCreditStrap {
    color: #000;
    font-size: 0.88em;
    font-weight: normal;
    font-style: italic;
}
#payNowPanel {
    width: 750px;
    border: 1px solid #CCC;
    padding: 5px;
    margin: 10px 5px 5px 10px;
    height: 75px;
    background-color: #EEE;
    float: left;
    display: inline;
}
#payNowPanel img, 
#applyForCreditPanel img {
    float: left;
    margin-right: 8px;
}
#payNowPanel img.cards {
    position: absolute;
    top: 35px;
    left: 660px;
    margin: 0;
    padding: 0;
}
#applyForCreditPanel, 
#waysToPayBtnPanel {
    width: 750px;
    border: 1px solid #CCC;
    float: left;
    display: inline;
}
#applyForCreditPanel {
    padding: 5px;
    margin: 5px 5px 5px 10px;
    height: 165px;
    background-color: #EEE;
}
#applyForCreditPanel h3 {
    margin: 5px 0 5px 45px;
    padding: 5px 0 5px 10px;
    background-color: #333;
    color: #FFF;
}
#applyForCreditPanel .accountButtonContainer {
    position: absolute;
    top: 320px;
    left: 470px;
}
#waysToPayBtnPanel {
    padding: 0 5px 10px;
    margin: 5px 5px 10px 10px;
    height: 30px;
}
.aprRateText {
    font-size: 1.4em;
}
/*---- payment Confirmation page ----*/
#paymentConfirmation {
    margin: 0;
    width: 1000px;
}
#paymentConfirmation h1 {
    text-align: center;
    padding: 10px;
}
#paymentConfirmationNav {
    height: 40px;
    clear: both;
}
#processingAnimationGif {
    width: 600px;
    height: 212px;
}
/*Web Loyalty classes */
#webLoyalty {
    text-align: center;
}
#topNavPromoButton {
    width: 0;
}
/* Product & Search window number of items found -------------------- */
#numItemsContainer {
    width: 800px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}
#numItemsContainer p {
    font-size: 14px;
}
#numItems {
    font-weight: bold;
}
/* Checkout project rework of GUI elements ------------------- */
/* Common CURVE CONTAINER -------------------*/
.commonBoxCurveContainer {
    position: relative;
    border: 3px solid #DDD;
    z-index: 1;
    float: left;
}

#forgottenPassword .commonBoxCurveContainer {
    float: none;
}

.commonCurveLT, 
.commonCurveRT, 
.commonCurveLB, 
.commonCurveRB {
    position: absolute;
    margin: -3px;
    padding: 0;
    width: 10px;
    height: 10px;
}
.commonCurveLT {
    top: 0;
    left: 0;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLT.png");
    background-repeat:no-repeat ;
    background-position: top left;
}
.commonCurveRT {
    top: 0;
    right: 0;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRT.png");
    background-repeat: no-repeat;
    background-position: top right;
}
.commonCurveLB {
    bottom: 0;
    left: 0;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLB.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}
.commonCurveRB {
    bottom: 0;
    right: 0;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRB.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}
/* Common sizing, padding, margin etc for ALL BUTTONS */
.commonBtnContinue, 
.commonBtnContinueTinted, 
.commonBtnClose, 
.commonBtnBack, 
.commonBtnForward, 
.commonBtnNoStyle, 
.commonBtnAdd, 
.commonBtnForwardTinted, 
.commonBtnSecure {
    float: right;
    min-width: 30px;
    height: 30px;
    padding: 0;
}
.commonBtnBack {
    float: left;
}
.commonBtnAdd .commonBtnCapLt, 
.commonBtnAdd .commonBtnCapRt, 
.commonBtnBack .commonBtnCapLt, 
.commonBtnBack .commonBtnCapRt, 
.commonBtnBag .commonBtnCapLt, 
.commonBtnBag .commonBtnCapRt, 
.commonBtnClose .commonBtnCapLt, 
.commonBtnClose .commonBtnCapRt, 
.commonBtnContinueTinted .commonBtnCapLt, 
.commonBtnContinueTinted .commonBtnCapRt, 
.commonBtnForward .commonBtnCapLt, 
.commonBtnForward .commonBtnCapRt, 
.commonBtnForwardTinted .commonBtnCapLt, 
.commonBtnForwardTinted .commonBtnCapRt, 
.commonBtnNoStyle .commonBtnCapLt, 
.commonBtnNoStyle .commonBtnCapRt, 
.commonBtnNoStyleTinted .commonBtnCapLt, 
.commonBtnNoStyleTinted .commonBtnCapRt, 
.commonBtnPrint .commonBtnCapLt, 
.commonBtnPrint .commonBtnCapRt, 
.commonBtnSecure .commonBtnCapLt, 
.commonBtnSecure .commonBtnCapRt, 
.smallBtnClose .smallBtnCapLt, 
.smallBtnClose .smallBtnCapRt, 
.smallBtnEdit .smallBtnCapLt, 
.smallBtnEdit .smallBtnCapRt, 
.smallBtnGeneric .smallBtnCapLt, 
.smallBtnGeneric .smallBtnCapRt, 
.smallBtnPromo .smallBtnCapLt, 
.smallBtnPromo .smallBtnCapRt, 
.smallBtnView .smallBtnCapLt, 
.smallBtnView .smallBtnCapRt {
    height: 29px;
    float: left;
    /*
    background-repeat: no-repeat;
    */
    margin: 0;
}
.smallBtnClose, 
.smallBtnView, 
.smallBtnEdit, 
.smallBtnGeneric, 
.smallBtnPromo, 
.commonBtnBag {
    float: left;
    min-width: 30px;
    height: 20px;
    padding: 0;
}
/* Common sizing, padding, margin etc for LARGE BAG BUTTON */
.commonBtnBag {
    float: right;
}
.commonBtnAdd a, 
.commonBtnAdd a:link, 
.commonBtnAdd a:visited, 
.commonBtnBack a, 
.commonBtnBack a:link, 
.commonBtnBack a:visited, 
.commonBtnBag a, 
.commonBtnBag a:link, 
.commonBtnBag a:visited, 
.commonBtnClose a, 
.commonBtnClose a:link, 
.commonBtnClose a:visited, 
.commonBtnContinue a, 
.commonBtnContinue a:link, 
.commonBtnContinue a:visited, 
.commonBtnContinueTinted a, 
.commonBtnContinueTinted a:link, 
.commonBtnContinueTinted a:visited, 
.commonBtnForward a, 
.commonBtnForward a:link, 
.commonBtnForward a:visited, 
.commonBtnForwardTinted a, 
.commonBtnForwardTinted a:link, 
.commonBtnForwardTinted a:visited, 
.commonBtnNoStyle a, 
.commonBtnNoStyle a:link, 
.commonBtnNoStyle a:visited, 
.commonBtnNoStyleTinted a, 
.commonBtnNoStyleTinted a:link, 
.commonBtnNoStyleTinted a:visited, 
.commonBtnPrint a, 
.commonBtnPrint a:link, 
.commonBtnPrint a:visited, 
.commonBtnSecure a, 
.commonBtnSecure a:link, 
.commonBtnSecure a:visited, 
.smallBtnClose a, 
.smallBtnClose a:link, 
.smallBtnClose a:visited, 
.smallBtnEdit a, 
.smallBtnEdit a:link, 
.smallBtnEdit a:visited, 
.smallBtnView a, 
.smallBtnView a:link, 
.smallBtnView a:visited, 
.smallBtnPromo a, 
.smallBtnPromo a:link, 
.smallBtnPromo a:visited, 
.smallBtnEdit a, 
.smallBtnEdit a:link, 
.smallBtnEdit a:visited, 
.smallBtnView a, 
.smallBtnView a:link, 
.smallBtnView a:visited, 
.smallBtnGeneric a, 
.smallBtnGeneric a:link, 
.smallBtnGeneric a:visited, 
.viewButton a, 
.viewButton a:link, 
.viewButton a:visited {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    float: left;
    min-width: 10px;
    font-weight: normal;
    padding-top: 4px;
    color: #000;
    margin: 0;
}
/* Common link styling and images for TINTED BUTTONS -----Includes Continue, Forward Tinted, and Secure */
.commonBtnContinue a, 
.commonBtnContinue a:link, 
.commonBtnContinue a:visited, 
.commonBtnContinueTinted a, 
.commonBtnContinueTinted a:link, 
.commonBtnContinueTinted a:visited, 
.commonBtnForwardTinted a, 
.commonBtnForwardTinted a:link, 
.commonBtnForwardTinted a:visited, 
.commonBtnNoStyleTinted a, 
.commonBtnNoStyleTinted a:link, 
.commonBtnNoStyleTinted a:visited,
.commonBtnSecure a, 
.commonBtnSecure a:link, 
.commonBtnSecure a:visited {
    height: 29px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedBg.gif");
    background-repeat: repeat-x;
    font-size: 13px;
    padding-top: 4px;
    padding-left: 2px;
}
/* Common link styling and images for BAG Button*/
.commonBtnBag a, 
.commonBtnBag a:link, 
.commonBtnBag a:visited {
    height: 34px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnBagBg.gif");
    background-repeat: repeat-x;
    font-size: 15px;
    padding-top: 4px;
    padding-left: 2px;
}
/* Close button, Page Back, Page Forward a classes*/
.commonBtnClose a, 
.commonBtnClose a:link, 
.commonBtnClose a:visited, 
.commonBtnBack a, 
.commonBtnBack a:link, 
.commonBtnBack a:visited, 
.commonBtnForward a, 
.commonBtnForward a:link, 
.commonBtnForward a:visited, 
.commonBtnNoStyle a, 
.commonBtnNoStyle a:link, 
.commonBtnNoStyle a:visited, 
.commonBtnAdd a, 
.commonBtnAdd a:link, 
.commonBtnAdd a:visited {
    height: 29px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonBg.gif");
    background-repeat: repeat-x;
    font-size: 13px;
    padding-top: 4px;
    padding-left: 2px;
}
.smallBtnClose a, 
.smallBtnClose a:link, 
.smallBtnClose a:visited, 
.smallBtnEdit a, 
.smallBtnEdit a:link, 
.smallBtnEdit a:visited,
.smallBtnGeneric a, 
.smallBtnGeneric a:link, 
.smallBtnGeneric a:visited, 
.smallBtnPromo a, 
.smallBtnPromo a:link, 
.smallBtnPromo a:visited, 
.smallBtnView a, 
.smallBtnView a:link, 
.smallBtnView a:visited {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnSmallBg.gif");
    font-size: 12px;
    padding-left: 2px;
    padding-top: 0;
    height: 21px;
    line-height: 21px;
    color: #000;
}
.smallBtnClose a, 
.smallBtnClose a:link, 
.smallBtnClose a:visited {
    color: #C00;
}
.smallBtnGeneric a, 
.smallBtnGeneric a:link, 
.smallBtnGeneric a:visited, 
.smallBtnView a, 
.smallBtnView a:link, 
.smallBtnView a:visited {
    color: #077b15;
}
.smallBtnPromo a, 
.smallBtnPromo a:link, 
.smallBtnPromo a:visited {
    color: #584e16;
}
.smallBtnClose a:hover, 
.smallBtnEdit a:hover,
.smallBtnGeneric a:hover, 
.smallBtnPromo a:hover,  
.smallBtnView a:hover {
    text-decoration: none;
    color: #000;
    background-color: transparent;
}
/* -----------------LEFT RIGHT CAP STYLING AND IMAGES*/

.commonBtnContinueTinted .commonBtnCapLt {
    width: 29px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedContinueCapLt.png");
}
.commonBtnSecure .commonBtnCapLt {
    width: 29px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnSecureCapLt.png");
}
.commonBtnSecure .commonBtnCapRt, 
.commonBtnContinueTinted .commonBtnCapRt, 
.commonBtnNoStyleTinted .commonBtnCapRt {
    width: 10px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapRt.png");
}

.commonBtnBag .commonBtnCapLt, 
.commonBtnBag .commonBtnCapRt {
    height: 35px;
}
.commonBtnBag .commonBtnCapLt {
    width: 34px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnBagCapLt.gif");
}
.commonBtnBag .commonBtnCapRt {
    width: 10px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnBagCapRt.gif");
}
.commonBtnPrint a, 
.commonBtnPrint a:link, 
.commonBtnPrint a:visited {
    height: 29px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintBg.gif");
    font-size: 13px;
    padding-top: 4px;
}

/* Close Button*/
.commonBtnAdd .commonBtnCapRt, 
.commonBtnBack .commonBtnCapRt, 
.commonBtnClose .commonBtnCapRt, 
.commonBtnNoStyle .commonBtnCapRt {
    width: 10px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapRt.png");
    background-repeat: no-repeat;
}

/* Add Button*/
.commonBtnAdd .commonBtnCapLt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnAddCapLt.png");
}

/* Back Button*/
.commonBtnBack .commonBtnCapLt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnBackCapLt.png");
}

/* Close Button*/
.commonBtnClose .commonBtnCapLt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCloseCapLt.png");
}

/* Forward Button*/
.commonBtnForward .commonBtnCapRt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnForwardCapRt.png");
}
.commonBtnForward .commonBtnCapLt, 
.commonBtnNoStyle .commonBtnCapLt {
    width: 10px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapLt.png");
}

/* Print Button*/
.commonBtnPrint .commonBtnCapLt, 
.commonBtnPrint .commonBtnCapRt {
    height: 31px;
}
.commonBtnPrint .commonBtnCapLt {
    width: 32px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintCapLt.gif");
}
.commonBtnPrint .commonBtnCapRt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintCapRt.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
}

/* Forward Tinted Button*/
.commonBtnForwardTinted .commonBtnCapRt {
    width: 26px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnForwardTintedCapRt.png");
}
.commonBtnForwardTinted .commonBtnCapLt, 
.commonBtnNoStyleTinted .commonBtnCapLt {
    width: 10px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapLt.png");
    background-repeat: no-repeat;
}


/* Small EDIT Button Cap left and Right*/
.smallBtnClose .smallBtnCapLt, 
.smallBtnClose .smallBtnCapRt, 
.smallBtnEdit .smallBtnCapLt, 
.smallBtnEdit .smallBtnCapRt, 
.smallBtnGeneric .smallBtnCapLt, 
.smallBtnGeneric .smallBtnCapRt, 
.smallBtnPromo .smallBtnCapLt, 
.smallBtnPromo .smallBtnCapRt, 
.smallBtnView .smallBtnCapLt, 
.smallBtnView .smallBtnCapRt {
    height: 21px;
}

/* Small Button: CLOSE. Left Caps. */
.smallBtnClose .smallBtnCapLt {
    width: 24px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnCloseSmallCapLt.gif");
    background-repeat: no-repeat;
}

/* Small Button: EDIT. Left Caps. */
.smallBtnEdit .smallBtnCapLt {
    width: 27px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnEditSmallCapLt.gif");
    background-repeat: no-repeat;
}

/* Small Button: VIEW. Left Caps. */
.smallBtnView .smallBtnCapLt {
    width: 25px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnViewSmallCapLt.gif");
    background-repeat: no-repeat;
}

/* Small Button: GENERIC. Left Caps. */
.smallBtnGeneric .smallBtnCapLt {
    width: 7px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapLt.png");
    background-repeat: no-repeat;
}

/* Small Button: PROMO. Left Caps. */
.smallBtnPromo .smallBtnCapLt {
    width: 25px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnPromotionsSmallCapLt.gif");
    background-repeat: no-repeat;
}

/* Small Button: CLOSE/EDIT/GENERIC/PROMO/VIEW. Right Caps. */ 
.smallBtnClose .smallBtnCapRt, 
.smallBtnEdit .smallBtnCapRt, 
.smallBtnGeneric .smallBtnCapRt, 
.smallBtnPromo .smallBtnCapRt, 
.smallBtnView .smallBtnCapRt {
    width: 7px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.gif");
    background-repeat: no-repeat;
}

/* Button HOVERS - Continue, Close, Page Back, Page Forward */
.commonBtnClose a:hover, 
.commonBtnBack a:hover, 
.commonBtnForward a:hover, 
.commonBtnContinue a:hover, 
.commonBtnContinueTinted a:hover, 
.commonBtnNoStyle a:hover, 
.commonBtnForwardTinted a:hover, 
.commonBtnAdd a:hover, 
.commonBtnBag a:hover, 
.commonBtnSecure a:hover, 
.commonBtnPrint a:hover {
    text-decoration: none;
    color: #090;
    background-color: transparent;
}

/*--- ORANGE HELP ICON  --------------------------------- */
a.help, 
a.help:link, 
a.help:visited {
    background-color: transparent;
    background: url("//images2.drct2u.com/content/common/images/commongui/GUI_btnHelpIconOrangeCircle.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    float: left;
    height: 20px;
    margin: 10px 0 0 5px;
    position: relative;
    text-indent: -9999px;
    width: 20px;
    z-index: 24;
}
a.help:hover {
    background-color: transparent;
}
iframe, 
iframe body {
    text-align: left;
    -webkit-overflow-scrolling: touch;
}
.helpDivInner {
    border: 3px solid #F60;
    padding: 6px;
}
#helpDiv {
    text-align: left;
    font-size: 12px;
    background-color: #FFF;
    max-width: 300px;
    width: 300px;
    margin-left: -350px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 650;
}
#helpDiv .title {
    border-bottom: 1px solid #CCC;
    padding-bottom: 6px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    background-color: #FFF;
}
/*Small View Button*/
.viewButton {
    float: left;
    min-width: 45px;
    height: 19px;
    margin: 0 0 0 10px;
}
.viewButton a, 
.viewButton a:link, 
.viewButton a:visited {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapMid.png");
    background-repeat: repeat-x;
    font-size: 12px;
    height: 17px;
    padding-top: 2px;
    text-decoration: none;
}
.viewButtonCapLt, 
.viewButtonCapRt {
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    width: 6px;
}
.viewButtonCapLt {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapLt.png");
}
.viewButtonCapRt {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapRt.png");
}
/* ----------------------------
MiniBag Styling
---------------------------- */
#miniBagContainer {
    border-left: 2px solid #666;
    border-right: 2px solid #666;
    background-color: #EEE;
    float: left;
    width: 506px;
}
#miniBagFooterCapTopLeft, 
#miniBagFooterCapBotLeft, 
#miniBagFooterCapBotRight, 
#miniBagFooterCapTopRight {
    width: 255px;
    float: left;
}
#miniBagFooterCapTopLeft {
    height: 35px;
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minibagBoxTopLtCap.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
#miniBagFooterCapTopRight {
    height: 35px;
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minibagBoxTopRtCap.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
#miniBagFooterCapBotLeft {
    height: 10px;
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}
#miniBagFooterCapBotRight {
    height: 10px;
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png");
    background-repeat: no-repeat;
    background-position: right bottom;
}
#miniBag #miniBagEmptyMessage {
    padding: 6px 0 20px;
    font-size: 12px;
    text-align: center;
}
#recentlyViewed #miniBagEmptyMessage {
    float: left;
    padding: 0 0 6px 14px;
    font-size: 12px;
}
.minibagWasTxt {
    color: #F00 !important;
    float: none !important;
}
.minibagWasTxt span {
    text-decoration: line-through;
}
#miniBag .boxCurveContainer {
    background-color: #FFF;
}
#miniBagContainer .boxCurveContainer {
    border: 1px solid #999;
    float: left;
    position: relative;
}
#miniBagContainer .curveLT, 
#miniBagContainer .curveRT, 
#miniBagContainer .curveLB, 
#miniBagContainer .curveRB {
    position: absolute;
    width: 10px;
    height: 10px;
    margin: -1px;
    padding: 0;
}
#miniBagContainer .curveLT {
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minBagInnerTL.gif");
    background-repeat: no-repeat;
    background-position: center top;
    left: 0;
    top: 0;
}
#miniBagContainer .curveRT {
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minBagInnerTR.gif");
    background-repeat: no-repeat;
    background-position: center top;
    right: 0;
    top: 0;
}
#miniBagContainer .curveLB {
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minBagInnerBL.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: 0;
    left: 0;
}
#miniBagContainer .curveRB {
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/minBagInnerBR.gif");
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: 0;
    right: 0;
}
#recentlyViewed {
    margin: 0 0 0 8px;
    float: left;
    height: 100%;
    width: 238px;
}
#recentlyViewedInner {
    width: 234px;
    max-height: 355px;
    float: left;
    margin-top: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 12px;
}
#miniBag {
    overflow: hidden;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 8px 0 5px;
    float: left;
    width: 246px;
}
#miniBagContainer .itemImage {
    margin: 2px 0 0 6px;
    border: 1px solid #DDD;
}
#miniBagContainer .itemImage, 
#miniBagContainer .itemImage img {
    float: left;
    width: 61px;
    height: 65px;
}
#miniBagContainer #itemColourSize p {
    margin: 0;
    padding: 0 8px 0 0;
    float: left;
    color: #666;
    font-size: 12px;
}
#miniBagContainer #itemColourSize {
    margin: 0 0 0 10px;
    float: left;
    min-width: 28px;
}
#miniBagContainer #itemSize p {
    margin: 0;
    padding: 0;
}
#miniBagContainer #itemSize {
    margin: 4px 0 0 10px;
    float: left;
    min-width: 70px
}
#miniBagContainer .itemName {
    float: left;
    width: 142px;
    margin: 2px 0 0 10px;
}
#miniBagContainer .itemName p {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.15em;
}
#miniBagContainer .mbItemFragment {
    float: left;
    margin: 0;
    min-height: 95px;
    border-bottom: 1px solid #CCC;
    padding: 4px 0 0;
}
#miniBagContainer .itemPrice, 
#miniBagContainer .wasPrice, 
#miniBagContainer .mbPricing {
    margin: 0 0 0 10px;
    float: left;
    width: 140px;
}
#miniBagContainer .itemPrice p, 
#miniBagContainer .wasPrice p, 
#miniBagContainer .mbPricing p {
    margin: 0;
    padding: 0;
    color: #000;
    float: left;
    padding-right: 8px;
    font-size: 12px;
}
#miniBagContainer #recentTitle {
    margin: 0;
    padding: 0;
    width: 234px;
    height: 30px;
    background-color: #FFF;
}
#miniBagContainer #miniBagTitle {
    height: 29px;
    margin: 0;
    width: 244px;
    border-bottom: 1px solid #DDD;
    background-color: #c7f291;
}
#miniBagContainer #recentTitle p, 
#miniBagTitle p {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}
#miniBagContainer #recentTitle p {
    padding: 5px 0 0 15px;
}
#miniBagTitle p {
    padding: 6px 0 0;
    text-align: center;
}
#miniBagTitle span {
    float: left;
    color: #000;
    padding-right: 4px;
}
#miniBagTitle #mbSpecialMessage p {
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 0 15px;
}
#miniBagItemContainer {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 6px 0 0;
    width: 242px;
    max-height: 315px;
}
#miniBagItemContainer .warrantyName, 
#miniBagItemContainer .warrantyPrice {
    float: right;
    padding: 0 10px 0 0;
}
#mbWarrantyHolder {
    float: left;
    background-color: #EEE;
    width: 227px;
    border-bottom: 1px solid #CCC;
}
.mbWarrantyButtonContainer {
    margin: 0;
    float: right;
    width: 68px;
    height: 28px;
}
#mbWarrantyPrice, 
#mbWarrantyDesc {
    font-size: 12px;
    padding: 0 10px;
}
#mbWarrantyPrice {
    float: left;
}
#mbWarrantyDesc {
    color: #666;
}
.mbGuiButtonContainer {
    float: left;
    height: 28px;
    width: 150px;
    margin-top: 8px;
    margin-left: 77px;
}
.mbItemInfoOuter {
    float: left;
    width: 150px;
    min-height: 60px;
}
#miniBagContainer .remove a, 
#miniBagContainer .remove a:link, 
#miniBagContainer .remove a:visited {
    color: #C00;
}
#miniBagContainer .remove {
    margin-left: 10px;
}
.mbCheckoutButtonContainer {
    font-weight: bold;
    height: 35px;
    margin: 4px 38px 4px 0;
    width: 200px;
}
#miniBagContainer .itemPrice p#minibagPromoTotal {
    color: #F00;
    font-weight: bold;
}
/*Account Management Information*/
#paymentAccountCardIssue input {
    float: left;
}
#paymentAccountCardIssue p {
    float: left;
    padding-left: 10px;
}
#signinBackgroundContainer {
    background-color: #FFF;
}
#qtip-0 {
    opacity: 1 !important;
    zoom: 1 !important;
}
.mbDisTxtStrong {
    color: #008000;
}
.discountHolder {
    background-color: #EEE;
}
/*----  SDI Delivery Notes Start  ------------------------*/
#sdiDeliveryDetails {
    float: left;
    height: 277px;
    width: 759px;
    padding: 0;
    margin: 0;
    background-color: #EEE;
}
#sdiDeliveryHead {
    border-bottom: 2px solid #999;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 730px;
}
#sdiDeliveryNotes {
    float: left;
    height: 235px;
    width: 258px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #CCC;
}
p.sdiDeliveryTitle {
    float: left;
    font-size: 14px;
    padding: 12px 5px 5px 0;
    height: 12px;
    width: 310px;
    font-weight: bold;
}
p.sdiDeliveryInstructions, 
p.sdiDeliveryError {
    font-size: 12px;
    font-weight: normal;
    padding: 15px 5px 5px 15px;
}
p.sdiDeliveryInstructions {
    height: 30px;
    width: auto;
    line-height: 1.2em;
}
p.sdiDeliveryError {
    float: right;
    color: #F00;
    width: 245px;
}
#sdiDeliveryContact {
    float: left;
    height: 235px;
    width: 490px;
    padding: 0;
    margin: 0;
    padding-top: 8px;
}
#sdiDeliverInputBox {
    float: left;
    height: 25px;
    margin: 0;
    padding: 13px 0 0 15px;
    width: 470px;
}
#sdiDeliverInfo {
    background-color: #DDD;
    float: left;
    height: 23px;
    margin: 0;
    width: 180px;
}
#sdiDeliverInfo p {
    color: #000;
    font-weight: normal;
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 3px 6px 0 0;
}
.sdiColourChange {
    color: #F00;
}
#sdiAcceptanceConditions {
    width: 394px;
    height: 88px;
    float: left;
    padding: 0;
    margin: 13px 0 0 15px;
    border: 1px #000 solid;
    background-color: #FFF;
}
#sdiAcceptanceConditions p, 
#sdiAcceptanceConditions ul {
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    margin: 0;
}
#sdiAcceptanceConditions p {
    padding: 8px 8px 6px;
    font-weight: bold;
}
#sdiAcceptanceConditions ul {
    width: 330px;
    height: 55px;
    padding: 0;
    font-size: 12px;
}
#sdiAcceptanceConditions li {
    width: auto;
    height: auto;
    padding: 0 0 2px 12px;
    margin: 0;
    list-style: none;
}
.writeReviewHeader, 
.writeReviewFooter {
    height: 34px;
    width: 995px;
}
.writeReviewHeader {
    background-image: url("//images2.drct2u.com/content/images/productdetails/write_review_main_section_header.gif");
    margin-top: 10px;
}
.writeReviewFooter {
    background-image: url("//images2.drct2u.com/content/images/productdetails/write_review_main_section_footer.gif");
    background-repeat: no-repeat;
}
.pr_write_review {
    margin: 10px 0 0;
}
.sourcedFromTradingTitle {
    color: #008000;
    background-color: #CCC;
}
/*--- Peace Of Mind Plan (POMP) Begins ---------------*/
.sectionPolicies.pagePOMP {
    padding-left: 10px;
    padding-right: 0;
}

/* iPad fix for personal account content div */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
    .sectionPolicies.pagePOMP {
      width: 73%;
    }
    
    .sectionPolicies.pagePOMP img {
        max-width: 100%;
    }
}

.sectionPolicies.pagePOMP h2 {
    color: #b10a7f;
    padding: 20px 0;
}
.sectionPolicies.pagePOMP a {
    text-decoration: underline;
}
img.PABenefitsImg1, 
img.PABenefitsImg2 {
    margin-bottom: 1.5em;
}

.PA_footerNav {
    text-align: center;
}
.orange_buttons {
    clear: both;
    text-align: center;
}
.orange_buttons .btn {
    border-radius: 3px;
    border: 1px solid #F60;
    background: #F60;
    background: linear-gradient(#FC0, #F60);
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 1em;
}
.orange_buttons .btn:hover,
.orange_buttons .btn:focus, 
.orange_buttons .btn:active {
    text-decoration: underline;
}
.PA_getAdobeReader {
    background-image: url("//images2.drct2u.com/content/images/registration/get_adobe_reader.png");
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    padding-top: 50px; 
}
.PA_getAdobeReader a {
    display: block;
    color: #000;
}
/*--- Peace Of Mind Plan (POMP) Ends -------------------------- */

.categoryDropNavContent .subMenu {
    background-color: #222;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/subMenu.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 21px;
    margin: 2px 0;
    padding: 4px 0 0 14px;
    color: #FFF;
    font-weight: 700;
}
.categoryDropNavContent .subMenu a:link, 
.categoryDropNavContent .subMenu a:visited {
    color: #FFF;
    font-weight: 700;
    text-decoration: none;
    padding: 0;
    background: none !important;
}
.categoryDropNavContent .subMenu a:hover {
    text-decoration: underline;
    padding: 0;
    background: none;
}
#availableFiltersWrapper .singleColMenu .highlightRefinementElement a, 
#availableFiltersWrapper .singleColMenu .highlightRefinementElement a:link, 
#availableFiltersWrapper .singleColMenu .highlightRefinementElement a:visited, 
#availableFiltersWrapper .singleColMenu .highlightRefinementElement a:hover {
    color: #F00;
}
#googleAnalyticsContent {
    display: none;
}
#mobileSite {
    border: 2px solid #13B1EB;
    padding: 10px 0;
    margin: 5px;
    text-align: center;
}
#mobileSite a:link, 
#mobileSite a:visited {
    color: #13B1EB !important;
}
/* Modal */
#jdwModalTitle {
    background: #FFF;
}
/* Nav Tabs */
#navTabs_container {
    height: 28px;
    border-bottom: 3px solid #000;
    line-height: normal;
}

#sizeguide_container #navTabs_container {
    height: 37px;
}

#navTabs li.selected span {
    background-color: transparent;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/modal-unbranded-selected.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 15px;
    position: relative;
}
#navTabs li.selected a, 
#navTabs a:hover {
    color: #FFF;
}
#navTabs li {
    float: left;
    margin-right: -1px;
}
#navTabs li a {
    background-color: #CCC;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/modal-nav-bg-ub.gif");
    background-repeat: repeat;
    background-position: center bottom;
    zoom: 1;
    text-decoration: none;
    display: block;
    color: #000;
    padding: 6px 12px;
    border-right: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-top: 1px solid #BBB;
}
#navTabs li.selected a, 
#navTabs a:hover {
    background-color: #000;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/modal-nav-bg.gif");
    background-repeat: repeat;
    background-position: center bottom;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.modal_video {
    text-align: center;
}
/* Modal Generic Colours */
#jdwModalBack a, 
#navTabs_container, 
#jdwModalClose a, 
#jdwModalBacktoProductButton a {
    font-size: 0.75em;
}
#jdwModalFooter {
    margin-top: 10px;
}
#sizeguide_container {
    height: 100%;
}
#modal_content {
    margin: 0 10px 15px;
    overflow: hidden;
    text-align: left;
}
#navTabs {
    list-style: none;
    margin: 0;
    padding: 0;
}
#sizeGuide_content {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-top: none;
    padding: 25px 17px 0;
    height: 375px;
    overflow: auto;
    overflow-x: hidden;
}
#sizeGuide_content h2, 
#sizeGuide_content p {
    margin-bottom: 12px;
}
/* Modal Tables */
#sizeguide_container table {
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}
.sizeGuideTblTitle {
    background: #EEE url(//images2.drct2u.com/content/common/images/commongui/generic-table-title.gif) repeat-x center bottom;
    color: #000;
    padding: 11px;
    text-align: left !important;
}
.sizeGuideblackTitle {
    background-color: #000;
    background-image:  url("//images2.drct2u.com/content/common/images/commongui/black-table-title.gif") repeat-x center bottom;
    background-repeat: repeat-x;
    background-position: center bottom;
    color: #FFF !important;
    font-weight: bold;
    padding: 11px!important;
    text-align: left!important;
    border-top: 1px solid black !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
}
.sizeGuideGreyTitle, 
.greySmallcell {
    background-color: #FFF;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/grey-table-title.gif");
    background-repeat: repeat-x;
    background-position: center bottom;
    color: #000 !important;
    font-weight: bold;
    padding: 11px !important;
}
.sizeGuideGreyTitle {
    width: 30%;
}
.greySmallcell {
    width: 9%;
}
.sizeGuideblackCell {
    background: #000;
    color: #FFF;
    font-weight: bold;
}
.blackcellGrad {
    background: #000; /* Solid Colour Fallback */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#323131', endColorstr='#000', GradientType=0 ); /* IE6-8 */
    background: linear-gradient(#323131, #000);
    color: #FFF;
    font-weight: bold;
}
.sizeGuideBorderBlack {
    border-right: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
}
.sizeGuideDarkgreyCell {
    background: #333;
    color: #FFF;
}
.sizeGuideGreyCell {
    background: #5d5b5b;
    color: #FFF;
    font-weight: bold;
}
#internationalKey td, 
#internationalKey th, 
#internationalBraSizes td, 
#internationalBraSizes th, 
#clothingCare td, 
#clothingCare th, 
#nightWear td, 
#nightWear th, 
#womensTable td, 
#womensTable th, 
#mensTable td, 
#mensTable th, 
.measurement td, 
.measurement th, 
.sizeGuideMediumTable td, 
.sizeGuideMediumTable th, 
.footTable td, 
.footTable th {
    border: 1px solid #CCC;
}
#internationalKey td, 
#internationalKey th {
    width: 50px;
}
#internationalBraSizes td, 
#internationalBraSizes th {
    text-align: center;
}
#internationalKey th {
    padding: 10px;
    width: 200px;
}
#internationalBraSizes {
    width: 100%;
    margin: 0 0 20px;
}
#internationalKey, .halfTable {
    width: 50% !important;
}
#clothingCare td, 
#clothingCare th, 
#nightWear td, 
#nightWear th, 
#womensTable td, 
#womensTable th, 
#mensTable td, 
#mensTable th {
    padding: 5px;
}
.measurement, 
.sizeGuideMediumTable, 
.footTable {
    border-collapse: collapse;
}
.measurement td, 
.measurement th, 
.sizeGuideMediumTable td, 
.sizeGuideMediumTable th, 
.footTable td, 
.footTable th {
    text-align: center;
    padding: 15px 1px;
}
.measurement th {
    color: #000;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}
#sizeGuideNoBottom {
    margin-bottom: 0 !important;
}
.sizeGuideMediumTable td, 
.sizeGuideMediumTable th, 
.sizeGuideNarrow td {
    width: 5%;
}
.sizeGuideMediumTable th {
    padding: 0 10px;
}
.sizeGuideSmallCell td {
    width: 6%
}
.sizeGuideLongCell td, 
.sizeGuideLongCell th {
    width: 17%;
}
.sizeGuideHeight {
    padding: 10px !important;
}
.footTable td {
    width: 7%
}
.sizeGuideIcon {
    text-align: center;
}
.sizeGuideNoborder {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}
.sizeguideLeft {
    text-align: left !important;
    padding-left: 11px !important;
}
.sizeGuideTitle {
    width: 15%;
}
.sizeGuideSlogo {
    margin-bottom: 15px;
}
.sizeGuideQtrTbl {
    width: 25% !important;
}
.sizeGuidelongTitle {
    width: 150px;
    text-align: left;
}
.sizeGuideBorderBot {
    border-bottom: 1px solid #CCC !important;
}
/* Web CMS 3 Review Stars (Product Fragment AND LHN Refinement) ---------------------------------------*/
.rating {
    overflow: auto;
}
.rating .score {
    display: block;
    float: left;
    width: 90px;
    line-height: 16px;
    background-color: transparent;
    background-image: transparent url("//images2.drct2u.com/content/common/images/commongui/rating-stars.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.rating .score.disabled {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/productReviewRatingStarsDisabledGrey.png");
}
.rating .score.five {
    background-position: 0 0;
}
.rating .score.fourAndHalf {
    background-position: -100px 0;
}
.rating .score.four {
    background-position: -200px 0;
}
.rating .score.threeAndHalf {
    background-position: -300px 0;
}
.rating .score.three {
    background-position: -400px 0;
}
.rating .score.twoAndHalf {
    background-position: -500px 0;
}
.rating .score.two {
    background-position: -600px 0;
}
.rating .score.oneAndHalf {
    background-position: -700px 0;
}
.rating .score.one {
    background-position: -800px 0;
}
.rating .score.zero {
    background-position: -1000px 0;
}
.rating .score.norating {
    background-image: none;
}
#guidedNav-8 .rating li, 
#guidedNav-8 .rating a {
    font-size: 11px;
}
#guidedNav-8 .rating li {
    clear: both;
}
#guidedNav-8 .rating .score {
    width: 85px;
    height: 16px;
    text-decoration: none !important;
}
#guidedNav-8 .rating .reviews {
    text-decoration: none !important;
}
.rating a .score, 
a .rating .score {
    cursor: pointer;
}
.rating .reviews {
    overflow: auto;
}
.rating a:link {
    text-decoration: none;
}
.rating a:hover, .rating a:focus {
    text-decoration: underline;
}
#footerPageDescription {
    clear: both;
    text-align: right;
    padding: 0.38em 1.75em 0.38em 0;
    font-weight: bold;
    font-size: 1em;
}
/* *********************** */
/* eGain Chat              */
/* *********************** */
a.chatButton {
    display: block;
    color: #FFF;
    text-decoration: none;
    padding: 6px;
    width: 110px;
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 1px;
    background-color: #52A7DA;
    border-color: rgb(48,137,190); /* Solid Colour Fallback */
    background-image: url("//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png"), linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%);
    background-position: right center;
    background-repeat: no-repeat;
}
a.chatButton:link {
    text-decoration: none;
}
a.chatButton:hover,  
a.chatButton:focus {
    text-decoration: underline;
}
a.chatButton span {
    color: #FFF !important;
    font-size: 12px !important;
}
#chatBtnContainer {
    float: right;
    background-repeat: no-repeat;
    padding: 5px;
    visibility: hidden;
}
/* From changeTitle.css */
#changetitleContainer {
    background-color: #FFF;
    border-radius: 10px;
    height: 330px;
    width: 500px;
    position: relative;
    font-weight: bold;
}
#titleHeader, #signedInCopy {
    float: left;
    width: 502px;
}
#titleHeader {
    padding-top: 10px;
    padding-left: 6px;
}
#signedInCopy {
    font-size: 23px;
    margin-bottom: 18px;
    margin-top: 15px;
}
#signedInCopy div {
    padding: 4px;
}
#titleCopy p {
    float: left;
    font-size: 15px;
    margin: 10px 0 0 25px;
    width: 452px;
    height: 48px;
    text-align: center;
}
#titleControls {
    background-color: #EEE;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 42px;
    margin: 5px;
    padding: 5px 5px 0;
    width: 481px;
    border-radius: 7px;
    font-weight: normal;
}
#titleWelcome, #titleImage {
    float: left;
    background-position: 1px 0;
    background-repeat: no-repeat;
}
#titleWelcome {
    height: 109px;
    width: 244px;
}
#titleImage {
    border-radius: 7px;
    height: 97px;
    margin-left: 11px;
    width: 234px;
}
#affiliateSitesContainer {
    background-color: #FFF;
    border-radius: 10px;
    height: 402px;
    width: 604px;
    position: relative;
    font-weight: bold;
    border: 3px solid #DDD;
}
#promoHeader {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    float: left;
    width: 604px;
    height: 38px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/affiliateModalHeaderBG.jpg");
}
#promoHeaderTop, 
#tradingTitleImage {
    padding-top: 10px;
    float: left;
    width: auto;
    height: auto;
}
#promoHeaderTop {
    padding-left: 202px;
}
#tradingTitleImage {
    padding-left: 5px;
}
#promoControls {
    float: left;
    background-color: #EEE;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 604px;
    border-radius: 7px;
    font-weight: normal;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/affiliateModalFooterBG.jpg");
}
.modalButtonContinue {
    padding-top: 3px;
}
.personalisationContent .modalButtonContinue {
    padding-top: 0;
}
#promoImage {
    float: left;
    font-size: 15px;
    margin: 0;
    height: 322px;
    width: 604px;
    text-align: center;
}
#technicalError p {
    text-align: center;
    font-size: 15px;
    margin-top: 50px;
}
#newCommonContinueBtn {
    background: #666 linear-gradient(#C9F393, #3A981E) repeat 0 0;
    border: 1px solid #247694;
    border-radius: 3px;
    color: #FFF;
    display: block;
    font-size: 1.16667em;
    font-weight: bold;
    padding: 5px 38px 5px 10px;
    text-align: center;
    text-decoration: none;
}
/*international site detection css*/
.internationalRedirectContainer {
    background: #FFF; /* Solid Colour Fallback */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#999', GradientType=0 ); /* IE6-9 */
    background: linear-gradient(#fffff 39%, #DDD 88%, #999 100%);
    height: 90px;
    padding: 10px 0 0;
    position: absolute;
    top: -100px;
    width: 100%;
}
.internationalRedirectContainer div {
    margin: 0 auto;
    text-align: left;
    width: 1000px;
}
.internationalRedirectContainer p {
    font-size: 16px;
}
.internationalRedirectContainer .irCloseBtn {
    background-image: transparent url("//images2.drct2u.com/content/common/images/commongui/close-x.png");
    background-repeat: no-repeat;
    background-position: right 0;
    float: right;
    height: 35px;
    padding: 5px 50px 0 0;
    width: 30px;
}
.internationalRedirectContainer ul {
    margin: 12px 0 0;
    padding: 0;
}
.internationalRedirectContainer ul li {
    cursor: pointer;
    display: inline-block;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 9px 9px 9px 50px;
}
.internationalRedirectContainer ul li a {
    color: #000;
    text-decoration: underline;
}
.internationalRedirectContainer .redirectActive {
    border: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background-color: #FFF;
}
/*--different flag icons--*/
.internationalRedirectContainer .redirectUK, 
.internationalRedirectContainer .redirectDE, 
.internationalRedirectContainer .redirectEU, 
.internationalRedirectContainer .redirectUS, 
.internationalRedirectContainer .redirectIE {
    background-repeat: no-repeat;
    background-position: 10px center;
}
.internationalRedirectContainer .redirectUK {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/United-Kingdom-flag.png");
}
.internationalRedirectContainer .redirectDE {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/Germany-Flag.png");
}
.internationalRedirectContainer .redirectEU {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/European-Union-Flag.png");
}
.internationalRedirectContainer .redirectUS {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/United-States-Flag.png");
}
.internationalRedirectContainer .redirectIE {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/Ireland-Flag.png");
}
/*  add these to: /content/common/styles/productreviews/productReviews.css  */
.speech-bubble {
    background: #FFF none;
    border-radius: 10px;
    color: #000;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}
.speech-bubble:after {
    border-color: #FFF transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    position: absolute;
    right: 50px;
    width: 0;
}
.writeReviewBannerContainer, 
.submittedReviewBannerContainer {
    background: #EEE none;
    border: 1px solid #CCC;
    border-radius: 10px;
    padding: 20px;
}
.writeReviewBannerContainer #reviewTitleSlot {
    float: left;
    font-size: 26px;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    width: 400px;
}
.writeReviewBannerContainer #reviewTitleSlot h4 {
    color: #F00;
}
.writeReviewBannerContainer #reviewPromotionSlot {
    float: left;
    font-size: 24px;
    line-height: normal;
    margin: 0 0 0 32px;
    width: 450px;
}
.writeReviewBannerContainer #reviewRulesSlot {
    clear: both;
    padding: 16px 0 0;
    text-align: center;
}
.submittedReviewBannerContainer #reviewDiscountTitleSlot, 
.submittedReviewBannerContainer #reviewDiscountTermsSlot {
    text-align: center;
}
.submittedReviewBannerContainer #reviewDiscountCodeSlot {
    color: #F00;
}
.logoContainer .payzone a {
    background-position: -910px 0;
    width: 85px;
}
.logoContainer .visaDebit a {
    background-position: -1048px 0;
    width: 47px;
}
.logoContainer .myHermes a {
    background-position: -1135px 0;
    width: 56px;
}
.irishRightsSubHeading {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
}
.irishRightsList {
    padding: 0 0 0 0.5em;
    margin: 0 0 0 0.5em !important;
    list-style: none;
    width: 100%;
    overflow: visible;
}
/*** ----------NEW BUTTONS [these styles are / must be duplicated in button-ui.css]----------***/

a.btn,
input[type=submit].btn {
    border: none;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    padding: 10px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    position: relative;
    -webkit-appearance: none;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.05s ease;
}
a.btn:active, 
input[type=submit].btn:active {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
a.btn.proposal .btn {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
a.btn.proposal .btn:active {
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0px, 2px);
    -moz-transform: translate(0px, 2px);
    -ms-transform: translate(0px, 2px);
    -o-transform: translate(0px, 2px);
    transform: translate(0px, 2px);
}
.rightBtnContainer, 
.leftBtnContainer {
    margin: 5px;
    padding: 0;
}
.rightBtnContainer {
    float: right;
    display:block;
}

/* This is the fix for the My Account - Manage Card Details class name */
/* Start */
.rightBtnContainer.commonBtnSecure {
    min-width: 30px;
    height: auto;
}
.rightBtnContainer.commonBtnSecure .primaryBtn {
    background-image: none;
    font-size: 14px;
    padding: 10px;
    height: auto;
    float: none;
}
.leftBtnContainer.commonBtnNoStyle {
    min-width: 30px;
    height: auto;
}
.leftBtnContainer.commonBtnNoStyle .tertiaryBtn {
    background-image: none;
    font-size: 14px;
    padding: 10px;
    height: auto;
    float: none;
}
/* End */

.leftBtnContainer.commonBtnBack a.btn.tertiaryBtn {
    background: none;
    height: auto;
    border: 1px solid;
    font-size: 14px;
    padding: 9px;
}

.leftBtnContainer {
    float: left;
}
.centerBtnContainer {
    text-align: center;
    margin: 5px;
    padding: 0;
}
/*Button sizes*/
.btn-s {
    padding: 5px;
    font-size: 10px;
}
.btn-l {
    padding: 15px;
}
a.btn.primaryBtn, 
a.btn.primaryBtn:link, 
a.btn.primaryBtn:visited, 
a.btn.primaryBtn:hover, 
a.btn.primaryBtn:active, 
a.btn.secondaryBtn, 
a.btn.secondaryBtn:link, 
a.btn.secondaryBtn:visited, 
a.btn.secondaryBtn:hover, 
a.btn.secondaryBtn:active {
    color: #FFF;
    text-decoration: none;
}
/* Primary Button */
a.btn.primaryBtn {
    font-weight: bold;
    background: #3a981e;
}
/* Secondary Button */
a.btn.secondaryBtn {
    background: #00aeef;
}
/* Tertiary Button */
a.btn.tertiaryBtn {
    background: #DDD;
    text-decoration: none;
    font-weight: normal;
}
a.btn.tertiaryBtn, 
a.btn.tertiaryBtn:link, 
a.btn.tertiaryBtn:visited, 
a.btn.tertiaryBtn:hover, 
a.btn.tertiaryBtn:active {
    color: #000;
}
/* Button PNG definitions */
.btn:after {        
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 0;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: text-top;
    display: inline-block;
}
.btn.icon-leftarrow:before {        
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 0;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}
.tertiaryBtn.icon-leftarrow:before {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-black.png');
}
.icon-tick:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-white.png');
}
.icon-tick-black:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-black.png');
}
.icon-secure:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_secure-white.png');
}
.icon-rightarrow:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_rightarrow-white.png');
}
.icon-rightarrow-black:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_rightarrow-black.png');
}
.icon-leftarrow:before {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-black.png');
}
.icon-cross:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_cross-red.png');
}
.icon-wishlist:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_wishlist-black.png');
}
.icon-view:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_view-black.png');
}
.icon-view-white:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_view-white.png');
}
.icon-shopping:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_bag-white.png');
}
.icon-print:after {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_print-black.png');
}
.prev.btn:after { /* First Remove the :after pseudo element */
    content: none;
    background-image: none;
}
.prev.btn:before {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-white.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    left: 0;
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    display: inline-block;
    margin-right: 10px;
}
.prev.btn.icon-leftarrow:before {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-black.png');
}
.prev.btn.icon-leftarrow-white:before {
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-white.png');
}

/* Small Buttons */

a.btn.sml {
    font-size: 12px;
    padding: 8px 10px;
}
a.btn.sml:after {
    margin-left: 8px;
    width: 13px;
    height: 13px;
    background-size: cover;
}

/* Close buttons */

.modalclose,
ul.megaDropdown li a.close-mega-menu.smallclose {
    width: 30px;
    height: 30px;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.png");
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
}

ul.megaDropdown li a.close-mega-menu.smallclose {
    width: 25px;
    height: 25px;
    padding: 0;
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.png");
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 11px;
}

/* Button SVG (retina only) definitions */

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min--moz-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (min-device-pixel-ratio: 2), 
only screen and (min-resolution: 192dpi), 
only screen and (min-resolution: 2dppx) {
    .icon-tick:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_tick-white.svg');
    }
    .icon-tick-black:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_tick-black.svg');
    }
    .icon-secure:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_secure-white.svg');
    }
    .icon-rightarrow:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_rightarrow-white.svg');
    }
    .icon-rightarrow-black:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_rightarrow-black.svg');       
    }
    .icon-leftarrow:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_leftarrow-black.svg');
    }
    .icon-cross:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_cross-red.svg');
    }
    .icon-wishlist:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_wishlist-black.svg');
    }
    .icon-view:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_view-black.svg');
    }
    .icon-shopping:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_bag-white.svg');
    }
    .prev.btn.icon-leftarrow:before {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_leftarrow-black.svg');
    }
    .prev.btn.icon-leftarrow-white:before {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_leftarrow-white.svg');                
    }
    .icon-print:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_print-black.svg');
    }
    .modalclose,
    ul.megaDropdown li a.close-mega-menu.smallclose {
        background-image: url(//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.svg);
    }
}

.btn-list {
    list-style: none;
    padding: 0;
}

.btn-list li {
    display: inline-block;
    margin-right: 8px;
}

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

/*** ----------END----------***/

/* Credit Upsell */
.icon-creditupsell {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAACqklEQVRYR82YgXHUQAxFSQXQAUcFQAVcKiCpAFMBSQUcFQAV4A4IHTgVJHRwVACpgPx3s2KUPa299u2Q04zGPluW3mq12p07eXIcciGMt9Kv0qsxpJNH5n2m+N+kZ47jte5vS1yPCbwW1HcpDBtpJ30p/SN9ka573C2B38j7deWMAfhR+jOBklGyPSRofp9G0C2AyRTTupJuUyCukWCDLd9Qr9Suly/68SE96HV9nzs5BJiMkKU86Cc92wS01CmwxOR+cDZRLfN6z9dSYAtOoFwiYMvcDxl3UurU5JVuqOVV4ItHZLm3d3OBcWpTGvmnJtcOCBjsWUQbKeBeeMYsebFBYfsu+aKed51jDjC1RYAoq/iiJnlv2et0/1n6S8q9b1Ur/Y4GfpkNqnfQu85RA2xZ4hqJAQ3pJQMCFMhoYUXl5LuFj7HXOcaAS4vKO8xrkm+YSjJItm0Q9g2DQL2QeWx9XefQ2DyX9iXgtV5aq4qyas+iDI7ZL3lHEm5SEu5y4FJ7GQvU6+W2koQs+lqe2mhIHB0ELsrmzANPLapKpllmDHZvc0geKBPrIP9apQEz/d2sUO2Mo1kmq2T3jqxKBwuHsTX1dgj1nphm3318CVAuwD5YjAD/TjVSHya2pL0xxbWyleGVAwKcxYWUtvfdxvG3NsKEHYuJs+whwoDRoeSkJfBSUDJ9LvXdo+jrGICBYwOiXiflWICLNZuPoDXw1EYQZZCFR92WtuYH37QGrjlMTU77mEFr4OLqLkCw4DhSVmUXH62Bl2Svun6PBTg/tI8OunWG2Wqrp1e2LDiOBtUCMA2bPzBayKmczK3jWXFbH35YROiYMAPUbdXOljsCeJU+fjprqIcZV+9sETDPOiln4v8lbDDrJcF8o+d4B7g/ny7xWfPNxdKSuAc/JJPgcl7a4QAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: 10px center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .icon-creditupsell {    
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%2275%200%20795%20560%22%20enable-background%3D%22new%2075%200%20795%20560%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0D%0A%09%3Cpath%20fill%3D%22%230F0F0F%22%20d%3D%22M550.2%2C530.1%22/%3E%0D%0A%09%3Cpath%20fill%3D%22%230F0F0F%22%20d%3D%22M712%2C7.6l148%2C178.3c5.4%2C7.1%2C5.4%2C17.8-3.6%2C23.2L715.5%2C314.3l-19.6-25L810%2C203.7c7.1-5.4%2C7.1-14.3%2C1.8-21.4%0D%0A%09%09l-51.7-58.9c-3.6-5.4-10.7-5.4-16.1-1.8l-87.4%2C64.2h-94.5l148-105.2c5.4-3.6%2C7.1-12.5%2C1.8-17.8l-19.6-23.2%0D%0A%09%09c-3.6-3.6-8.9-5.4-12.5-1.8l-205%2C146.4h-39.2L683.5%2C4.1C690.6-3.1%2C704.9-1.3%2C712%2C7.6z%22/%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%09%3Cpath%20fill%3D%22%230F0F0F%22%20d%3D%22M89.6%2C275.1c3.6-10.7%2C25-28.5%2C30.3-32.1L357.1%2C93.2c8.9-5.4%2C25-16.1%2C37.5-25c16.1-10.7%2C35.7-7.1%2C48.2%2C7.1%0D%0A%09%09l1.8%2C3.6c12.5%2C16.1%2C8.9%2C41-8.9%2C53.5l-71.3%2C48.2c-10.7%2C7.1%2C0%2C33.9%2C12.5%2C33.9l244.1%2C5.4c17.8%2C0%2C33.9%2C16.1%2C33.9%2C33.9l0%2C0%0D%0A%09%09c0%2C17.8-14.3%2C32.1-32.1%2C32.1H426.6c-5.4%2C0-8.9%2C3.6-8.9%2C8.9v8.9c0%2C5.4%2C5.4%2C10.7%2C10.7%2C10.7h222.9c17.8%2C0%2C32.1%2C14.3%2C32.1%2C32.1l0%2C0%0D%0A%09%09c0%2C17.8-14.3%2C32.1-32.1%2C32.1H430.2c-5.4%2C0-8.9%2C3.6-8.9%2C8.9V400c0%2C3.6%2C3.6%2C7.1%2C7.1%2C7.1h205.1c16.1%2C0%2C30.3%2C12.5%2C30.3%2C30.3l0%2C0%0D%0A%09%09c0%2C17.8-16.1%2C30.3-33.9%2C30.3H433.8c-5.4%2C0-8.9%2C3.6-8.9%2C8.9v8.9c0%2C5.4%2C3.6%2C8.9%2C8.9%2C8.9h149.8c16.1%2C0%2C30.3%2C12.5%2C30.3%2C30.3v5.4%0D%0A%09%09c0%2C16.1-12.5%2C28.5-28.5%2C28.5l-428%2C1.8c-41%2C0-73.1-32.1-73.1-73.1v-33.9c0-44.6%2C0-87.4%2C0-142.7C84.2%2C305.5%2C86%2C280.5%2C89.6%2C275.1%22/%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');
    }
}
a#creditUpsellBanner, 
a#creditUpsellBanner:visited, 
a#creditUpsellBanner:hover {
    clear: both;
    background-color: #E4F5F5;
    border: 1px solid #C4D2D2;
    margin: 3px 0;
    width: 100%;
    padding: 14px 10px 12px 55px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}
a#creditUpsellBanner span {
    text-decoration: underline;
}
h2.creditUpsellTitle, 
p.creditUpsellMessage {
    display: inline-block;
    margin-left: 5px;
    padding: 0;
}
#signedInHolder #signedInBox h2.creditUpsellTitle {
    font-size: 1em;
}
p.creditUpsellMessage, 
p.creditUpsellMessage a {
    font-size: 13px;
    color: #000;
}
h2.creditUpsellTitle {
    font-size: 1em;
    color: #000;
}
#BVRRContainer {
    clear: both;
}
/* -------------------------
Common Utility: Clearfix
------------------------- */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

/* Search Outlet form */
.search-outlet {
    display: block;
    padding: 10px;
    height: 130px;
}

.search-outlet .search-header {
    float: left;
    width: 40%;
    margin: 0;
    margin-right: 10px;
    padding-left: 10px;
}

.search-outlet .search-header h2 {
    display: block;
    margin-bottom: 10px;
}

.search-outlet .search-header p.description {
    color: #333333;
    font-size: 1em;
}

.searchForm {
    float: left;
    margin-top: 40px;
}

.searchForm .searchKeyWords {
    border: 1px solid #999;
    padding-left: 10px;
    width: 288px;
    height: 28px;
}

.searchForm input.searchButton {
    position: relative;
    display: inline-block;
    border: 0;
    background: url(/content/common/images/commongui/search-button.png) left top no-repeat;
    margin-left: -5px;
    width: 32px;
    height: 32px;
    text-indent: -999em;
    cursor: pointer;
}

/* PAP page text clearfix */
.sectionPolicies.pagePOMP h2 {
    display: block;
    clear: left;
}
/************ FOR LARGER SIZED IMAGES ON PLP *************/

@media (min-width: 1003px) {
    .plp #outerPageContainer {
        width: 100%;
    }
    .plp #browseContent-7 {
        width: 100%!important;
    }
    /* RULES FOR T7 */
    .plp #LPT1_slot3, .plp #LPT1_slot4, .plp #LPT1_slot5, .plp #LPT1_slot6, .plp #LPT1_slot7, .plp #LPT1_slot8, .plp #LPT1_slot9 {
        width: 80%;
    }
    /* RULES FOR NCFP */
    .plp #LPT3_slot3, .plp #LPT3_slot4, .plp #LPT3_slot5, .plp #LPT3_slot6, .plp #LPT3_slot7, .plp #LPT3_slot8, .plp #LPT3_slot9, .plp #LPT3_slot10, .plp #LPT3_slot11, .plp #LPT3_slot12, .plp #LPT3_main1, .plp #LPT3_main2, .plp #LPT3_main3, .plp #LPT3_main4, .plp #LPT3_main5, .plp #LPT3_main6, .plp #LPT3_main7, .plp #LPT3_main8, .plp #LPT3_main9 {
        width: 80%;
    }
    .plp .productSort {
        width: 100%!important;
    }
    .plp #LPT3_sideNavContainer, .plp #LPT3_sideNavItem2, .plp #LPT3_sideNavItem3, .plp #LPT3_sideNavItem4, .plp #LPT3_SideNavItem5, .plp #LPT3_SideNavItem6, .plp #LPT3_sideNavItem7, .plp #LPT3_sideNavItem8, .plp #LPT3_sideNavItem9, .plp #LPT3_slot2 {
        width: 192px!important;
    }
    .plp .cartridgeHeader {
      width: 100%; 
    }
}

@media (min-width: 1300px) {
    .plp #outerPageContainer {
        width: 1300px;
    }
    /* RULES FOR T7 */    
    .plp #LPT1_slot3, .plp #LPT1_slot4, .plp #LPT1_slot5, .plp #LPT1_slot6, .plp #LPT1_slot7, .plp #LPT1_slot8, .plp #LPT1_slot9 {
        width: 1115px;
        float: right;
        margin-right: 0;
    }
    /* RULES FOR NCFP */   
    .plp #LPT3_slot3, .plp #LPT3_slot4, .plp #LPT3_slot5, .plp #LPT3_slot6, .plp #LPT3_slot7, .plp #LPT3_slot8, .plp #LPT3_slot9, .plp #LPT3_slot10, .plp #LPT3_slot11, .plp #LPT3_slot12, .plp #LPT3_main1, .plp #LPT3_main2, .plp #LPT3_main3, .plp #LPT3_main4, .plp #LPT3_main5, .plp #LPT3_main6, .plp #LPT3_main7, .plp #LPT3_main8, .plp #LPT3_main9 {
        width: 1100px;
        float: right;
        margin-right: 0;
        position: relative;
        left: 5px;
    }
}
h3.notification-error {
    background: #ffd5dd;
    color: #ef032d;
    padding: 20px;
    text-align: center;
    font-weight: lighter;
    border-radius: 2px;
    margin: 12px 0;
}

.plp .priceInfo.discounted-price p.salePrice,
.plp-tablet .priceInfo.discounted-price p.salePrice {
    display: none;
}

.plp .priceInfo.discounted-price p.wasPriceFormat,
.plp-tablet .priceInfo.discounted-price p.wasPriceFormat {
    text-decoration: line-through;
    color: #727272;
    text-transform: capitalize;
}

.plp .priceInfo.discounted-price p.productPrice,
.plp-tablet .priceInfo.discounted-price p.productPrice {
    color: #ff0041;
    text-transform: capitalize;
}

/* Terms and Conditions - Bespoke Credit Agreement numbers bolded */
main.pagePoliciesCreditSummary ul {
    margin: 0 0 1em 2em;
    margin: 0 0 1rem 2rem;
}
main.pagePoliciesCreditSummary > ol > li > ol {
    margin: 0 0 1em 2em;
    margin: 0 0 1rem 2rem;
}
main.pagePoliciesCreditSummary > ol {
    list-style: none;
    counter-reset: ol-list-counter;
    margin: 0 0 1rem 0;
    display:flex;
    flex-flow: row wrap;
}
main.pagePoliciesCreditSummary > ol > li {
    counter-increment: ol-list-counter;
    position: relative;
    flex: 1 1 100%;
    padding-left: 35px;
}
main.pagePoliciesCreditSummary > ol > li:before {
    content: counter(ol-list-counter)". ";
    font-weight: bold;
    position: absolute;
    left: 0;
    width: 28px;
    text-align:right;
}

.pagePoliciesPayment__warning {
    padding: 16px;
    border: 1px solid #252525;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
}