/* 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%;
    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;
}
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;
    *display: inline;
    background: url(//images2.drct2u.com/content/common/images/commongui/breadcrumb-chevron.gif) no-repeat;
    background-position: right 50%;
    padding-right: 20px;
    *margin-left: 5px;
    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;
}
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 {
    float: left;
    height: 24px;
    padding: 8px 8px 3px;
}
#sortByOptions p, 
#sortByOptions select, 
.recordsPerPage p, 
.recordsPerPage select {
    float: left;
}
#sortByOptions select {
    width: 190px;
}
#sortByOptions p, 
.recordsPerPage p {
    padding-right: 3px;
}
.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: #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;
}
#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
---------------------------- */
.productPreview {
    position: relative;
    float: left;
    width: 24.75%;
    margin: 0 0 0.3em;
    min-height: 23.7em;
    height: auto !important;
    height: 23.7em;
}
.productPreview > div + div {
    margin-top: 5px;
}
.productPreviewText {
    text-align: inherit;
    min-height: 6.25em;
    height: auto !important;
    height: 6.25em;
    width: 100%;
}
.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;
}
.magnify {
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0 0 1.38em;
}
/* 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;
 *padding-top: 3px;
}
#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;
}
/*------ Registration pages progress graphics --------- */
#regProgressBar1, 
#regProgressBar2 {
    width: 374px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}
#regProgressBar1 {
    background-image: url(//images2.drct2u.com/content/images/freeformat/registerStep1.gif);
}
#regProgressBar2 {
    background-image: url(//images2.drct2u.com/content/images/freeformat/registerStep2.gif);
}
/*------ 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: url(//images2.drct2u.com/content/images/freeformat/deliveryTick.png) no-repeat 160px 2px;
    font-weight: bold;
}
#deliveryService {
    background: url(//images2.drct2u.com/content/images/freeformat/deliveryFull.png) no-repeat 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;
}
#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: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLT.png) no-repeat top left;
}
.commonCurveRT {
    top: 0;
    right: 0;
    background: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRT.png) no-repeat top right;
}
.commonCurveLB {
    bottom: 0;
    left: 0;
    background: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLB.png) no-repeat bottom left;
}
.commonCurveRB {
    bottom: 0;
    right: 0;
    background: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRB.png) no-repeat 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: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintCapRt.gif) 0 0 no-repeat;
}

/* 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: transparent url(//images2.drct2u.com/content/common/images/commongui/GUI_btnHelpIconOrangeCircle.png) no-repeat 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: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxTopLtCap.png) no-repeat left bottom transparent;
}
#miniBagFooterCapTopRight {
    height: 35px;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxTopRtCap.png) no-repeat right bottom transparent;
}
#miniBagFooterCapBotLeft {
    height: 10px;
    _height: 5px;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png) no-repeat left bottom transparent;
}
#miniBagFooterCapBotRight {
    height: 10px;
    _height: 5px;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png) no-repeat right bottom transparent;
}
#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: transparent url(//images2.drct2u.com/content/common/images/commongui/minBagInnerTL.gif) no-repeat center top;
    left: 0;
    top: 0;
}
#miniBagContainer .curveRT {
    background: transparent url(//images2.drct2u.com/content/common/images/commongui/minBagInnerTR.gif) no-repeat center top;
    right: 0;
    top: 0;
}
#miniBagContainer .curveLB {
    background: transparent url(//images2.drct2u.com/content/common/images/commongui/minBagInnerBL.gif) no-repeat center bottom;
    bottom: 0;
    left: 0;
}
#miniBagContainer .curveRB {
    background: transparent url(//images2.drct2u.com/content/common/images/commongui/minBagInnerBR.gif) no-repeat center bottom;
    bottom: 0;
    right: 0;
}
#recentlyViewed {
    margin: 0 0 0 8px;
    _margin: 0 0 0 4px;
    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;
    _margin: 0 4px 0 5px;
    float: left;
    width: 246px;
}
#miniBagContainer .itemImage {
    margin: 2px 0 0 6px;
    _margin: 2px 0 0 3px;
    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;
    _margin: 0 0 0 5px;
    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;
    _margin: 2px 0 0 5px;
}
#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;
    _margin: 0 0 0 5px;
    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;
    _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;
    _margin-left: 39px;
}
.mbItemInfoOuter {
    float: left;
    width: 150px;
    min-height: 60px;
    _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;
    _margin: 8px 0 0 8px;
    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;
}
/*--- Numero online chat  -------------*/
#numeroBtnContainer {
    float: right;
    width: 90px;
}
#numeroBtnContainer, 
#numeroLiveChat, 
#numeroCallBack {
    display: none;
}
#numeroLiveChat a, 
#numeroCallBack a {
    display: block;
    margin: 0 0 10px;
    float: left;
    width: 90px;
    height: 36px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
#numeroLiveChat a {
    background: url(//images2.drct2u.com/content/images/productdetails/liveChatBtn.png) no-repeat 0 0;
}
#numeroCallBack a {
    background: url(//images2.drct2u.com/content/images/productdetails/callBackBtn.png) no-repeat 0 0;
}
#numeroLiveChat a:hover, 
#numeroLiveChat a:focus, 
#numeroCallBack a:hover, 
#numeroCallBack a:focus {
    background-position: 0 -36px;
}
/*--- Page specific containers - Numero online chat  --------*/
#oldCheckoutPageContainer #numeroBtnContainer {
    width: 240px;
}
/*--- Help Page, Balance And Payment h1 headers -------------*/
#balanceAndPayment h1 {
    background-color: #EEE;
    color: #008000;
    font-size: 16px;
    height: 25px;
    margin: 5px 0;
    padding: 3px 0 0 5px;
    display: block;
}
/*--- Account Payment online chat container -----------------*/
#accountPaymentOnlineChat {
    margin-top: 7px;
}
/*--- Balance and Payment online chat container --------*/
#balanceAndPayment #numeroBtnContainer {
    margin-left: 150px;
}
/*--- Account Transactions online chat container ------------*/
#backBtnAndOnlineChatContainer {
    float: right;
    width: 300px;
}
/*--- Product details online chat container -------------*/
#prodTitlePanel #numeroBtnContainer {
    background-image: none;
    float: right;
    height: 36px;
    padding: 7px 0 0 5px;
    width: 230px;
}
/*--- Numero online chat content ENDS  ---*/
.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;
}
/*--- Home Exception Table ------*/
#homeApprovalExceptionsTable {
    font-size: 0.81em;
    width: 800px;
    background-color: #FFF;
    border: 1px solid #000;
    margin-top: 7px;
}
#homeApprovalExceptionsTable td, 
#homeApprovalExceptionsTable th {
    padding: 5px;
    border: 1px solid #000;
}
#homeApprovalExceptionsTable th {
    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: url(//images2.drct2u.com/content/images/registration/get_adobe_reader.png) 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: #222 url(//images2.drct2u.com/content/common/images/commongui/subMenu.png) no-repeat 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: url(//images2.drct2u.com/content/common/images/commongui/modal-unbranded-selected.png) no-repeat center bottom transparent;
    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: url(//images2.drct2u.com/content/common/images/commongui/modal-nav-bg-ub.gif) repeat center bottom #CCC;
    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: url(//images2.drct2u.com/content/common/images/commongui/modal-nav-bg.gif) repeat center bottom #000;
    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: #000 url(//images2.drct2u.com/content/common/images/commongui/black-table-title.gif) repeat-x 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: url(//images2.drct2u.com/content/common/images/commongui/grey-table-title.gif) repeat-x center bottom #FFF;
    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: transparent url(//images2.drct2u.com/content/common/images/commongui/rating-stars.png) no-repeat 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); /* Disabled (Ghosted) */
}
.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);
    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%); /* Multiple images, not compatible with older IE */
    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;
    display: none;
}
/* 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;
    *font-size: 13px;
    margin: 10px 0 0 25px;
    *margin-left: 25px;
    _margin-left: 23px;
    width: 452px;
    height: 48px;
    text-align: center;
}
#titleControls {
    background-color: #EEE;
    position: absolute;
 *position: relative;
    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;
 *position: relative;
    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;
    *font-size: 13px;
    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;
    text-shadow: -1px -1px 1px #248CBF;
}
/*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: transparent url(//images2.drct2u.com/content/common/images/commongui/close-x.png) no-repeat 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;
}
.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;
}
.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: #000 url(//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.png) no-repeat center center;
    display: inline-block;
}

ul.megaDropdown li a.close-mega-menu.smallclose {
    width: 25px;
    height: 25px;
    padding: 0;
    background: #000 url(//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.png) no-repeat 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;
}
.clearfix {
 *zoom: 1; /* Older IE */
}

/* 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;
}
/* ----- Cookie Policy ----- */
.cookieBannerWrapper {
    background: #000 none;
    border-bottom: 2px solid #CCC;
    bottom: 0;
    display: none;
    left: 0;
    padding: 0 0 10px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.cookieBanner {
    margin: 0 auto;
    padding: 15px 0 0;
    width: 1000px;
}
.cookieBanner h6, 
.cookieBanner p, 
.cookieBanner a {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
.cookieBanner h6, 
.cookieBanner p {
    float: left;
    margin: 0;
    padding: 0;
    width: 490px;
}
.cookieBanner h6 {
    font-size: 17px;
    font-weight: normal;
    margin: 4px 0;
}
.cookieBanner p {
    font-size: 12px;
    margin: 0 0 0 23px;
    color: #CCC;
    width: 390px;
    
}
.cookieBanner p a {
    font-weight: bold;
    color: #FFF;
}
.cookieBanner .closeBtn {
    background: transparent url("//images2.drct2u.com/content/common/images/commongui/cookiePolicy-close.png") no-repeat right 0;
    float: right;
    padding: 5px 50px 0 0;
    height: 35px;
    width: 30px;
}
.cookieBanner a:hover .closeBtn, 
.cookieBanner a:focus .closeBtn {
    text-decoration: underline;
}
/************ 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%;
    }
}

@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: 1115px;
        float: right;
        margin-right: 0;
    }
 .plp .productPreviewImage {
        width: 267px;
        height: 335px;
    }
    .plp .productPreviewImage img.large {
        width: 267px;
        height: 335px;
    }
}