/* combine : /css/header/desktop/header.css*/
/* HEADER CONTAINER (width currently controlled by tables)
-----------------------------------------------------------------*/
#headerContainer {
	width: 100%;
	min-width: 1000px !important;
	margin-bottom: 0.13em;
	height: auto !important;
	clear:both;
}
#headerContainer, #brandLogo-2, #account-3, #searchArea-4, #bagArea-5 {
	float: left;
	position: relative;
	height: 6.88em;
}
/* LOGO CONTAINER - DIV 2
-----------------------------------------------------------------*/
#brandLogo-2 {
	float: left;
	width: 24%;
	height: 110px;
}
/* TOP NAVIGATION - DIV 1
-----------------------------------------------------------------*/
#topNav-1 {
	float: left;
	width: 100%;
	min-width: 1000px !important;
	padding: 0px;
	clear:both;
}

/* Top Navigation Style
-----------------------------------------------------------------*/
ul#topNavigation {
	width: 100%;
	font-size: 0.75em;
	min-height: 1.31em !important;
	margin: 0em 0em 0.15em 0em;
	padding: 0.4em 0em 0.5em 0em;
	clear: both;
}
#topNavigation a, #topNavigation a:link, #topNavigation a:visited {
	margin: 0em 0em 0em 0.31em;
	padding: 0.20em 0.38em 0.25em 0.56em;
	font-weight: bold;
	text-decoration: none;
}

#topNavigation li {
	padding-right: 0px;
	display: inline;
}
.topnav {
	white-space: nowrap; /* Prevents top-line navigation from wrapping */
}

/* ACCOUNT AREA - DIV 3
-----------------------------------------------------------------*/
#account-3 {
	width: 38%;
	line-height: 0.81em;
}
#accountList {
	float: left;
	position: absolute;
	bottom: 0em;
}
ul#accountList, ul#siteInfoList, ul#bagList {
	list-style-type: none;
	font-size: 0.69em;
	font-weight: normal;
	padding: 0em 0.63em 0.63em 0.63em;
	margin: 0em;
	line-height: 1.25em;
}
#siteInfoList {
	float: right;
	margin: 0em 0.63em 0.19em 0em;
	text-align: right;
	position: absolute; 
	bottom: 0em; 
	right: 0em;
}

/* SEARCH AREA - DIV 4
-----------------------------------------------------------------*/
#searchArea-4 {
	width: 21%;
}
#searchArea-4 input, #searchArea-4 select {
	font-size: 0.69em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0em 0em 0.81em 0.31em;
}
#searchArea-4 p.title {
	font-weight: bold;
	font-size: 0.88em;
	margin: 0em 0em 0.19em 0.31em;
}
p#advancedSearch a {
	font-weight: bold;
	font-size: 0.88em;
	position: absolute; 
	bottom: 0em; 
	left: 0em;
	margin: 0em 0em 0.5em 0.5em;
	border: 1px solid #ffffff;
	padding: 0em 0.5em 0em 0.5em;
	text-decoration: none;
}
#searchArea-4 #searchCategories {
	width: 135px;
}

#searchCategories {
	border: 1px solid #cccccc;
	padding: 1px 1px 1px 0.31em;
}
#searchKeyWords {
	width: 190px;
	border: 1px solid #cccccc;
	padding: 1px 1px 1px 0.31em;
}
#searchButton {
	font-size: 0.56em;
	margin-bottom: 0.81em;
}

/* BAG AREA - DIV 5
-----------------------------------------------------------------*/
#bagArea-5 {
	position: relative;
	height: 6.88em;
	width: 15%;
	line-height: 0.8em;
	padding: 0em;
	float: right;
}
#bagArea-5 p {
	text-align: right;
	font-weight: bold;
	padding: 0.31em 0.63em 3.18em 0em;
}
#bagList {
	text-align: right;
	float: right;
}

#bagList a, #bagList a:link, #bagList a:visited {
	color:#000000;
}

#checkoutBagIcon {
	float: left;
	padding: 0 0 0 10px;
	width: 32px;
	height: 40px;
}

#gotoCheckOutContainerLink {
	margin: 6px 0 0 0;
	padding: 0;
	position: relative;
	float: right;
	height: 58px;
	width: 100%;
	padding: 8px 0 0 0;
}

#gotoCheckOutContainerLink a, #gotoCheckOutContainerLink a:link, #gotoCheckOutContainerLink a:visited, #gotoCheckOutContainerLink a:hover {
    color:#009933;
    font-size: 12px;
}

#gotoCheckOutContainerLink p{
    padding: 0.5em 0.75em 0 0;
}


#gotoCheckOutContainerLink .commonBoxCurveContainer {
	width: 174px;
	height: 50px;
	background-color: #f1f0f0;
	padding:0;
	border:3px solid #f1f0f0;
}

#gotoCheckOutContainerLink .commonCurveLT {
	top:0px; 
	left:0px;	
	width:6px; 
	height:6px;
	background:top url(//images2.drct2u.com/content/common/images/commongui/bagArea5CheckoutCornerLT.gif) no-repeat;
	position: absolute;
	padding: 0px;
}
	
#gotoCheckOutContainerLink .commonCurveRT {
	top:0px; 
	right:0px;	
	width:6px; 
	height:6px;
	background:top url(//images2.drct2u.com/content/common/images/commongui/bagArea5CheckoutCornerRT.gif) no-repeat;
	position: absolute;
	padding: 0px;
}
	
#gotoCheckOutContainerLink .commonCurveLB {
	bottom:0px; 
	left:0px;	
	width:6px; 
	height:6px;
	background:bottom url(//images2.drct2u.com/content/common/images/commongui/bagArea5CheckoutCornerLB.gif) no-repeat;
	position: absolute;
	padding: 0px;
}
	
#gotoCheckOutContainerLink .commonCurveRB {
	bottom:0px; 
	right:0px;
	width:6px; 
	height:6px;
	background:bottom url(//images2.drct2u.com/content/common/images/commongui/bagArea5CheckoutCornerRB.gif) no-repeat ;
	position: absolute;
	padding: 0px;
}

/* LOGGED IN / GREETING - DIV 10 (DIV CONTENT SHOWN WHEN LOGGED IN)
-----------------------------------------------------------------*/
#greeting-10 {
	min-height: 56px;
	height: auto !important;
	height: 3.50em;
	padding-left: 0.38em;
}
#greeting-10 p {
	margin: 0em;
	padding: 0em;
}
#greeting-10 p.logInTitle, #greeting-10 p.logInTitleCredit {
	font-size: 0.69em;
	padding-bottom: 0.19em;
}
#greeting-10 p.logInTitleCredit {
	float: left;
}
#greeting-10 #clientName {
	font-weight: bold;
	padding-bottom: 0.19em;
	display: block;
}
#greeting-10 img#questionMark {
	margin: 0em 0em 0em 0.31em;
	padding: 0em;
	float: left;
	position: absolute;
	z-index: 100;
}

/* GO BACK TO PREVIOUS SITE - DIV 6
--------------------------*/
#previousSite-6 {
	position: relative;
	clear: both;
	text-align: left;
	margin: 0em 0em 0.13em 0em;
	height: 1.5em;
}
#previousSite-6 a {
	font-size: 0.75em;
	margin: 1em;
	font-weight: bold;
	text-decoration: underline;
}
#previousSite-6 ul{
	margin: 0;
	padding: 0;
}
#previousSite-6 li{
        list-style:none;
        display:inline-block;
        font-size:11px; 
        /*The following 2 lines are for ie7 compatibility mode rendering only - can be removed when we no longer do this */
        zoom: 1;
        *display: inline;       
}
#previousSite-6 li a{
	font-size:11px;		
	font-weight: normal;
	padding: 0;
	margin:0;
}
#previousSite-6 .presentSite{
	font-weight: bold;
}


/* Footer containers
-----------------------------------------------------------------*/
#footer {
    clear: both;
    display: block;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
}

/* Footer navigation */
#footerNav-9 {
    font-size: 11px;
    margin: 0 0 0.63em;
    padding: 0.5em 0.5em 0.5em 0.31em;
}
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
    font-weight: bold;
    padding: 6px 9px;
    text-decoration: none;
}
#footerNav-9 li {
    display: inline;
    padding-right: 1px;
}
#footerNav-9 ul {
    margin: 0;
    padding: 0;
}

/* New footer ISIS and IDIS logos ---------------*/

#logoContainer {
    clear: both;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 153px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}
#footerPageDescription {
	clear: both;

	text-align: right;
	padding: 0.38em 1.75em 0.38em 0em;
	font-weight: bold;
	font-size: 1em;
}

/* New footer ISIS and IDIS logos ---------------*/

#logoContainer {
	width: 1000px/*365px*/;
	height: 70px;
	margin: 0 auto;
	clear: both;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	height: 153px; /* Why is a height required? */

}

tbody #logoContainer {
	text-align: center;
	margin: 0 auto;
}

#isisLogo, #idisLogo {
	float: left;
	width: 172px;
	height: 30px;
	padding: 10px 0px 6px 10px;
}

/*Auto complete*/

.ui-autocomplete {
  position: absolute !important;
  margin-top: 31px !important;
}

.ui-autocomplete li{
    padding:14px;
}

/* Drop Down Nav - common styling ----------------------------------- */
.refinementsColumn, .promotionsColumn, .middle promotionsColumn {
	float: left;
	display: inline-block;
	width: 162px;
	word-wrap: break-word;
}

.topNavSpacer1, .topNavSpacer2, .topNavSpacer3, .topNavSpacer4, .topNavSpacer5 {
	width: 5px;
	height:5px;
	float: left;
	zoom:1;
}

.topNavSpacer2{
	width: 4px;
}

.categoryDropNavContent {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: #ffffff;
	border-top: 4px solid #000000;
	border-right: 4px solid #000000;
	border-bottom: 0px;
	border-left: 4px solid #000000;
	padding: 0px;
	margin: 0px;
}

.DDNfooterCapLeft {
	height: 18px;
	background: 0 0 url("//images2.drct2u.com/content/common/images/commongui/common_DDNfooterCap.png") no-repeat;
	height:18px;
	width:13px;
	margin: 0px;
	padding: 0px;
	width: 50%;
	float: left;
}

.DDNfooterCapRight {
	height: 18px;
	background: top right url("//images2.drct2u.com/content/common/images/commongui/common_DDNfooterCap.png") no-repeat;
	height:18px;
	bottom: 0px;
	right: 0px;
	width:13px;
	width: 50%;
	float: right;
}

/* Standard Refinement Category Column Layout and Heading Styles */

.categoryDropNavContent .categoryHeading {
	background-position:0 2px;
	background-repeat:no-repeat;
	color: #FFFFFF;
	font-weight:bold;
	height: 20px;
	margin: 5px 0px 0px 0px;
	padding:2px 0 0 5px;
	width: 150px;
}

.categoryDropNavContent ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: none;
	zoom: 1;
}

.categoryDropNavContent li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: none;
	zoom: 1;
}

.categoryDropNavContent a, .categoryDropNavContent a:link, .categoryDropNavContent a:visited {
	padding: 2px 0 0 4px;
	display: block;
	text-decoration: none;
	background-color: none;
	background-image: none;
}

.categoryDropNavContent a:hover {
	padding: 2px 0 0 4px;
	display: block;
	text-decoration: underline;
	background-color: none;
	background-image: none;
}

/* menu column Column styles */
.promotionsColumn .categoryHeading {
	background-image:url("//images2.drct2u.com/content/common/images/commongui/common_DDNheaderPromotions.png");
}

.promotionsColumn a, .promotionsColumn a:link, .promotionsColumn a:visited {
	color: #999999;
}

.refinementsColumn .categoryHeading {
	background-image:url("//images2.drct2u.com/content/common/images/commongui/common_DDNheaderRefinements.png");
}

.refinementsColumn a, .refinementsColumn a:link, .refinementsColumn a:visited {
	color: #2b2a2a;
}

/* New footer ISIS, IDIS and Security logos ---------------*/

#logoContainer {
    clear: both;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    height: 153px;
    margin-right: auto;
    padding: 0 8px;
    text-align: center;
    width: 1000px;
}
.footerLogoTitle {
	font-size: 11px;
	color: #999;
}
#payUsing, #fastDelivery, #shoppingSecured, #nortonSecured {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    float: left;
    height: 74px;
    margin: 10px 4px 0 0;
    padding: 2px 5px;
    text-align: left;
}
#payUsing {
	width: 355px;
}
#fastDelivery {
	width: 300px;
}
#shoppingSecured {
	width: 160px;
}
#nortonSecured{
	margin:10px 0 0 0;	
}
#payUsing li, #fastDelivery li, #shoppingSecured li, #nortonSecured li {
	display: block;
	float:left;
}
#payUsing div, #fastDelivery div, #shoppingSecured div, #nortonSecured div {
	text-align: left;
	display: block;
}
tbody #logoContainer {
	text-align: center;
	margin: 0px auto 0px auto;
}

/* END New Footer Content ----------------------------------------*/


/* Hides the ui auto complete helper which used to appear at the footer of the page */

.ui-helper-hidden-accessible { display:none; }

span.ui-autocomplete-term {
       font-weight:bold
}/* complete : /css/header/desktop/header.css*/


/* combine : /css/common/desktop/common.css*/
/* 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,
.grid-switch-plp-layout-grids {
    float: left;
    height: 24px;
    padding: 8px 8px 3px;
}
#sortByOptions p, 
#sortByOptions select, 
.recordsPerPage p, 
.recordsPerPage select,
.grid-switch-plp-layout-grids p, 
.grid-switch-plp-layout-grids select {
    float: left;
}
#sortByOptions select {
    width: 190px;
}
#sortByOptions p, 
.recordsPerPage p,
.grid-switch-plp-layout-grids p {
    padding-right: 3px;
}
.grid-switch-plp-layout-grids {
  float: left;
}

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

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

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

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

/* 3x */

#productWindowContent.gridView-3 .productPreviewWrapper,
#C10Cartridge.gridView-3 .productPreviewWrapper {
  margin: 0 .333333% 1em !important;
  width: 32% !important;
}

#productWindowContent.gridView-3 .productPreviewImage,
#C10Cartridge.gridView-3 .productPreviewImage {
  height: 442px;
  width: 100%;
}

#productWindowContent.gridView-3 .large,
#C10Cartridge.gridView-3 .large {
  height: auto;
  position: static;
  width: auto;
  position: absolute;
  vertical-align: middle;
}

.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;
}
.productPLPQuickViewMessage {
	padding: 8px 0;
    font-size: 14px;
    width: 100%;
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.productPLPQuickViewMessage:before {
	content: '';
    background: url(//images2.drct2u.com/content/common/images/commongui/main-image-zoom-icon.png);
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background-size: 12px;
    top: 1px;
}
.plpQuickViewMultiModal .ampl-caro-slide {
    width: auto;
    position: relative;
    background: #ffffff;
}
.plpQuickViewMultiModal .mainFirstValue {
	background: none;
}
.plpQuickViewMultiModal .containerSelect {
    position: relative;
    left: 0;
    width: 100%;
}
.multiBuyModal .plpQuickViewMultiModal .mainSelect {
    min-height: auto;
    width: 100%;
}
.plpQuickViewMultiModal .ampl-content {
    margin-bottom: -30px;
}
.magnify {
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0 0 1.38em;
}
/* 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;
    visibility: hidden;
}
/* From changeTitle.css */
#changetitleContainer {
    background-color: #FFF;
    border-radius: 10px;
    height: 330px;
    width: 500px;
    position: relative;
    font-weight: bold;
}
#titleHeader, #signedInCopy {
    float: left;
    width: 502px;
}
#titleHeader {
    padding-top: 10px;
    padding-left: 6px;
}
#signedInCopy {
    font-size: 23px;
    margin-bottom: 18px;
    margin-top: 15px;
}
#signedInCopy div {
    padding: 4px;
}
#titleCopy p {
    float: left;
    font-size: 15px;
    *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;
}
/*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;
}

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

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

/* Small Buttons */

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

/* Close buttons */

.modalclose,
ul.megaDropdown li a.close-mega-menu.smallclose {
    width: 30px;
    height: 30px;
    background: #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;
}
/************ FOR LARGER SIZED IMAGES ON PLP *************/

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

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


/* combine : /css/common/desktop/siteNav.css*/
@charset "UTF-8";
/*
NOTE TO DEVELOPER/DESIGNERS:
New menu system has more extensive use of CLASSES. Try to style using classes rather than IDs.

Date            User    Action(s)                                      
----------------------------------------------------
2013-09-13      ITAZC   CREATED: New File to manage global navigation
                        ADDED: Basic properties to govern general layout of navigation
2013-09-16      ITAZC   CHANGED: WAS using ID's to style. NOW using classes. Cleaner, more generalised and less of a hazard to overwrite when required.
2013-09-17      ITAZC   ADDED: z-index properties to primary, secondary and tertiary navs (primary highest, tertiary lowest) to eliminate the possibility of layering problems when dropdowns are triggered.
2013-09-26      ITAZC   REMOVED: background colour from .globalFooter (should be up to respective titles)
                ITAZC   ADDED: Better footer sprite graphic coordinates and alignments (new "footerLogos.png" graphic uploaded)
2013-10-02      ITAZC   ADDED: width to globalFooter class, width to be overridden by repective titles.
*/

#accountList li {
    padding: 0 12px 0 0;
}
header,
footer,
nav {
	display: block;
    margin: 0;
    padding: 0;
}
nav ul {
	list-style: none;
}
/*--------------------------- 
Main Navigation <nav> Structure
---------------------------*/
.headerNav {
    position: relative;
    z-index: 500;
    display: block;
    clear: both;
}
.headerNav ul,
.headerNav li {
	list-style: none;
    margin: 0;
    padding: 0;	
}
/*--------------------------- 
Main Navigation <ul> Structure
---------------------------*/
.mainNav:before,
.mainNav:after {
    display: table;
    content: " ";
}
.mainNav:after {
    clear: both;
}
.mainNav {
    zoom: 1;
    width: 100%;
    position: relative;
    /* .primaryNav, .secondaryNav and .tertiaryNav each have a z-index property to prevent layering problems */
}
.mainNav a {
	display: block;
	text-decoration: none;
}
.mainNav a:hover,
.mainNav a:focus {
	text-decoration: underline;
}

    /*--------------------------- 
    Top Level Lists
    ---------------------------*/  
    .mainNav > li {
    	position: relative;
    	float: left;
    	margin: 0 10px;
    }
    .mainNav > li > a {
        text-decoration: none;
        padding: 0;
        margin: 0;
        line-height: 30px;
        white-space: nowrap;
    }
    .mainNav > li > a:hover,
    .mainNav > li > a:focus {
        text-decoration: none;
    }
    .mainNav > li:hover,
    .mainNav > li:focus {
        /* in case you want to style a persistent hover state for top-level list items to remain when the mouse has moved to the sub-menu (drop down) */
    }

    /*--------------------------- 
    Dropdown (Sub) Navigation Column Container (and Column Widths)
    ---------------------------*/
    .mainNav .navColumnContainer {
        /* hide menu initially */
    	position: absolute;
    	left: 0;
    	top: auto;
    	background: #fff none;
    	box-shadow: 0 0.25em 0.25em rgba(0,0,0,0.3);
        *display: none; /* IE7 */
        *zoom: 1; /* IE7 */
        visibility: hidden;
        opacity: 0;
        overflow: auto; /* contain child floats */
        -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        -webkit-transition-delay: .4s;
        -moz-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        -moz-transition-delay: .4s;
        -ms-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        -ms-transition-delay: .4s;
        -o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        -o-transition-delay: .4s;
        transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
        transition-delay: .4s;
    }
    .mainNav li:hover > .navColumnContainer,
    .mainNav li:focus > .navColumnContainer {
        /* show menu on hover event */
        *display: block; /* IE7 */
        visibility: visible;
        opacity: 1;
    }
    .mainNav .navColumnSize1 {
        width: 200px;
        z-index: 9999;
    }
    .mainNav .navColumnSize2 {
        width: 400px;
    }
    .mainNav .navColumnSize3 {
        width: 600px;
    }
    .mainNav .navColumnSize4 {
        width: 800px;
    }
    /*--------------------------- 
    Dropdown (Sub) Navigation Column
    ---------------------------*/
    .mainNav .navColumn {
        float: left;
        width: 169px;
        margin: 15px; /* width + margins = total 200px width, per column */
        *padding: 0 0 15px; /* IE7, which doesn't respect bottom-margin in this situation */
    }
    .mainNav .navGroup {
        margin: 10px 0 15px;
    }
    .mainNav .navColumnContainer .categoryHeading,
    .mainNav .navColumnContainer .categoryHeading a,
    .mainNav .navColumnContainer .subCategoryHeading,
    .mainNav .navColumnContainer .subCategoryHeading a {
        font-weight: bold;
    }

    /*--------------------------- 
    Primary (Top) Navigation Specific
    ---------------------------*/
    .primaryNav {
    	z-index: 650; /* top: above secondary and tertiary navs, to prevent dropdown layering issues. */
    }

    /*--------------------------- 
    Secondary (Top) Navigation Specific
    ---------------------------*/
    .secondaryNav {
        z-index: 600; /* middle; below primary but above tertiary nav, to prevent dropdown layering issues. */
    }

    /*--------------------------- 
    Tertiary (Top) Navigation Specific
    ---------------------------*/
    .tertiaryNav {
    	z-index: 550; /* bottom; below primary and secondary nav, to prevent dropdown layering issues. */
    }

/*--------------------------- 
Global Footer <footer>
---------------------------*/
.globalFooter {
	width: 1000px;
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto !important;
    font-size: 12px;
    float: none;
    font-weight: bold;
}
.globalFooter a {
	text-decoration: none;
    padding: 0;
    font-weight: bold;
}
.globalFooter a:hover,
.globalFooter a:focus {
    text-decoration: underline;
}
.globalFooter ul,
.globalFooter li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.globalFooter nav {
    text-align: center;
    margin: 0 0 0.5em;
    padding: 0.5em;
}
.globalFooter nav li {
	display: inline;
	margin: 0 5px;
}
.globalFooter nav a {
    padding: 0 0.75em;
}

/*--------------------------- 
Logo Container Area
---------------------------*/
.logoContainer {
	clear: both;
	float: none;
	margin: 1em 10px 0;
	overflow: auto;
	text-align: left;
}
    .logoContainer p {
        margin: 0 0 0.5em;
    }
    .logoContainer ul {
        overflow: auto;
    }
    .logoContainer li {
        float: left;
        margin: 0 10px 10px 0;
    }
    .logoContainer li a {
        background: transparent url("//images2.drct2u.com/content/common/images/commongui/footerLogos.png") no-repeat 0 0;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        height: 50px;
        margin: 0;
        padding: 0;
    }
    .logoContainer .personalaccount a {
        background-position: 0 0;
        width: 100px;
    }
    .logoContainer .mastercard a {
        background-position: -110px 0;
        width: 50px;
    }
    .logoContainer .maestro a {
        background-position: -170px 0;
        width: 50px;
    }
    .logoContainer .visa a {
        background-position: -230px 0;
        width: 50px;
    }
    .logoContainer .visaelectron a {
        background-position: -290px 0;
        width: 52px;    
    }
    .logoContainer .laser a {
        background-position: -350px 0;
        width: 32px;
    }
    .logoContainer .3v a {
        background-position: -3950px 0;
        width: 48px;
    }
    .logoContainer .nextdaydelivery a {
        background-position: -455px 0;
        width: 55px;
    }
    .logoContainer .dayshomeapproval a,
    .logoContainer .dayshomeapprovals a {
        background-position: -515px 0;
        width: 120px;
    }
    .logoContainer .easyreturnswithin14days a,
    .logoContainer .dayreturns a {
        background-position: -645px 0;
        width: 82px;
    }
    .logoContainer .verifiedbyvisa a {
        background-position: -740px 0;
        width: 75px;
    }
    .logoContainer .mastercardsecurecode a {
        background-position: -830px 0;
        width: 68px;
    }
/* complete : /css/common/desktop/siteNav.css*/


/* combine : /css/common/modal.css*/
    #modal_outer {
        position:fixed;
        top:50%;
        left:50%;
        z-index:4563; 
    }
    
    #modal_outer > * {
        background: #ffffff !important;
    }
    
    #modal_overlay {
        position:fixed;
        left:0px;
        top:0px;
        z-index:4561;
        background-color:#555555;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        opacity: 0.8;
        height:100%;
        width:100%;
    }
    
    #modal_container {
        text-align: center;
        padding:10px;
        overflow:none;  
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
    }
    
    #modal_control {
        width:100%;
        height: 39px;
        padding-left: 10px;
        padding-right: 10px;
        text-align:center;
        position:relative;
    }
    
    #modal_control .left{
        position:absolute;
        left:0px;
        top:2px;
    }

    #modal_control .right{
        position:absolute;
        right:0px;
        top:2px;        
    }
        
    #modal_header {
        width: 100%;
        padding: 6px;
        padding-top: 0px;
        height: 33px;
        border-bottom: 1px solid #eaeaea;
    }   
    
    #modal_header .title{
        font-weight: bold;
        font-size: 17px;
        margin-top: 0px;
        margin-top: 10px;
        padding: 0;
        display: inline-block;
    }
    
    #modal_container p, #modal_container ul, #modal_container li {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

/* Modal Buttons - Continue, Close, Page Back, Page Forward (Hover states listed at end) */

/* Contine button */

.modalButtonContinue, .modalButtonClose, .modalButtonBack, .modalButtonForward, .modalButtonNoStyle, .videoModalButtonClose {
    float: right;
    min-width: 30px;
    margin-top: 5px;
    height: 20px;
    padding: 0px;
}

#modal_container #controls {
    display: none;
}

.modalButtonContinue a, .modalButtonContinue a:link, .modalButtonContinue a:visited {
    height: 29px;
    margin: 0px;
    color: #000000;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonContinueBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    float: left;
    min-width: 10px;
}

.modalButtonContinue .buttonCapLt {
    height: 29px;
    width: 26px;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonContinueCapLt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}

.modalButtonContinue .buttonCapRt {
    height: 29px;
    width: 10px;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonContinueCapRt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0px;
}


/* Close button, Page Back, Page Forward a classes*/

.modalButtonClose a, .modalButtonClose a:link, .modalButtonClose a:visited, .modalButtonBack a, .modalButtonBack a:link, .modalButtonBack a:visited, .modalButtonForward a, .modalButtonForward a:link, .modalButtonForward a:visited, .modalButtonNoStyle a, .modalButtonNoStyle a:link, .modalButtonNoStyle a:visited, .videoModalButtonClose a, .videoModalButtonClose a:link, .videoModalButtonClose a:visited {
    height: 29px;
    margin: 0px;
    color: #000000;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    float: left;
    min-width: 10px;
}

/* NEW MODAL BUTTON */
.btn-new a, .btn-new a:link,.btn-new a:hover {
    background-image: none;
    text-decoration: none;
    height: initial;
    padding: 12px 14px;
    margin: initial;
    float: none;
    position: relative;
    bottom: 6px;
}

.btn-new a:hover, .btn-new a:hover {
	text-decoration: initial !important;
    color: initial !important;
    float: initial !important;
}

.btn-grey a, .btn-grey a:link {
    background-color: #efefef;
}

.btn-grey a:hover {
    background-color: #dedede !important;
}

.btn-green a, .btn-green a:link, .btn-green a:visited {
	background-color: #3a981e;
	color: #ffffff;
}

.btn-green a:hover {
	background-color: #317d1a !important;
    color: #ffffff !important;
}
/* END NEW MODAL BUTTONS */

.modalButtonClose .buttonCapRt, .modalButtonBack .buttonCapRt, .videoModalButtonClose .buttonCapRt {
    height: 29px;
    float: left;
    width: 10px;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Close Button Left X Graphic */

.modalButtonClose .buttonCapLt, .videoModalButtonClose .buttonCapLt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonCloseCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Page Back Button Left Arrow Graphic */

.modalButtonBack .buttonCapLt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonBackCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* Page Forward Right Arrow Graphic */

.modalButtonForward .buttonCapRt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

.modalButtonForward .buttonCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

/* No style buttons - no left or right edge graphics */

.modalButtonNoStyle .buttonCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonForwardCapLt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}

.modalButtonNoStyle .buttonCapRt {
    height: 29px;
    float: left;
    width: 10px;
    background-image: url(//images.drct2u.com/content/common/images/modalButtons/modalButtonCapRt.gif);
    background-repeat: no-repeat;
    margin: 0px;
}


/* Button HOVERS - Continue, Close, Page Back, Page Forward */

.modalButtonClose a:hover, .modalButtonBack a:hover, .modalButtonForward a:hover, .modalButtonContinue a:hover, .modalButtonNoStyle a:hover, .videoModalButtonClose a:hover {
    text-decoration: none;
    color: #009900;
    float: left;
    background-color: transparent;
}

#modalButtonRight {
    float: right;
}

#modalButtonLeft {
    float: left;
}

/* Additional message text styles */

#warningText {
    font-weight: bold;
    color: #ff0000;
}

#flashZoomifyPhase2Iframe{
    border:0px;
    height:100%;
    margin:-5px -5px -5px -9px;
    overflow:hidden;
    width:100%;
}

#modal_outer .noControls {
    border-bottom:3px solid #DEDCDC;
    padding: 0px;
}

#modal_outer .noHeader {
    border-top:3px solid #DEDCDC;
}

#modal_outer .noFooter {
    border-bottom:3px solid #DEDCDC;
}

.formOverlayBorder {
    position:absolute;
    top:50%;
    left:50%;
    border:3px solid #dedcdc;
    margin-left: -100px;
    width: 200px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    z-index: 1000;
    text-align: center;
    padding:10px;
    padding-top:25px;
    background-color: #FFFFFF;
    background-image: url(//images.drct2u.com/content/images/product_details/loading.gif);
    background-position:50% 3px;
    background-repeat:no-repeat;
    font-size:13px; 
}

.formOverlayBorder .overlayCornerBL {
    background:transparent url(//images.drct2u.com/content/images/productdetails/prodDetailsBL.gif) no-repeat scroll center bottom;
    bottom:0;
    height:10px;
    left:0;
    margin:-3px;
    padding:0;
    position:absolute;
    width:10px;
}


.formOverlayBorder .overlayCornerBR {
    background:transparent url(//images.drct2u.com/content/images/productdetails/prodDetailsBR.gif) no-repeat scroll center bottom;
    bottom:0;
    height:10px;
    right:0;
    margin:-3px;
    padding:0;
    position:absolute;
    width:10px;
}

.overlay {
    background:#FFFFFF none repeat scroll 0 0;
    height:100%;
    left:0;
    margin-left:-3px;
    margin-top:-3px;
    position:absolute;
    top:0;
    width:100%;
    z-index:4563;
}

#modalContinueAnchor {
    cursor: pointer;
}

/* VIDEO MODAL STYLING ONLY
-----------------------------------------------------------------*/
.videoModalContainer {
    padding: 0 !important;
}
.videoModalControls {
    padding: 0 !important;
}

.videoModalHeader {
    padding: 10px 0 10px 0 !important;
}

.videoModalHeader .title {
    padding-left: 10px;
}

/* Irish marketing preferencs - Communication options
-----------------------------------------------------------------*/
.marketingTickBox {
    width: 20px;
    float: left;
    margin-right:3px;
}

/* Ampliance
-----------------------------------------------------------------*/
#modal_outer .quickview-no-product {
    text-align: left;
    height: 310px !important
}

#modal_outer .multisavings-no-product {
    text-align: left;
    height: 310px !important
}

#modal_container.quickview-no-product {
    border: 3px solid #a2a2a2 !important;
    border-radius: 1em !important;
}

#modal_container.multisavings-no-product {
    border: 3px solid #a2a2a2 !important;
    border-radius: 1em !important;
}

#modal_outer .ampl-modal-close {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat scroll 38px 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    color: black;
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: 32px;
    line-height: 25px;
    padding-right: 41px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
}

/* eGain FAQs modal - Out of hours */
.egce-modal-box {
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 10px;
    background: #CCC;
    border: 1px solid #CCC;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    overflow: hidden;
}

.egce-modal-box .egce-modal-close-button {
    background-color: #006A91;
    top: 5px;
    right: 5px;
}

.egce-modal-box .message {
    width: 100%;
    padding: 10px;
    color: #444;
    font-size: 1.2em;
    font-weight: bold;
}

@media screen and (max-device-width: 768px){
    .egce-modal-box {
        width: 90%;
        padding: 5px;
    }

    .egce-modal-box .egce-modal-close-button {
        top: 10px;
    }

    .egce-modal-box .message {
        width: 88%;
        font-size: 1em;
        font-weight: normal;
        line-height: 1.4em;
    }
}
/****** FOR P&P ******/
.PandP {
  text-align: left;
}
.ppOnly {
  margin-top: 12px;
}
.acceptTC {
  overflow: hidden;
  margin: 16px 0;
  width: 250px;
  float: right;
}
.leftTC {
    float: left;         
}
.rightTC {
    float: left;
    width: 220px;
}             
#pandpTickBox {
  position: static;
  float: left;
}
#pandptandc a {
  text-decoration: underline;
}
span#close-btn {
  top: 0;
  right: 0;
  background: black;
  color: white;
  position: absolute;
  height: 25px;
  width: 25px;
  padding-top: 3px;
  text-align: center;
}
span#close-btn:hover {
    cursor: pointer;	
}
#pandpAddToBagBtn {
  clear: both;
}/* complete : /css/common/modal.css*/


/* combine : /css/common/cookiepolicy.css*/

/* ----- Cookie Policy ----- */
.cookieBannerWrapper {
    background: #1d2225;
    bottom: 0;
    display: none;
    left: 0;
    padding: 20px;
    position: fixed;
    width: 100%;
    z-index: 1000;
    color: #ffffff;
    box-sizing: border-box;
    text-align: left;
}
.cookieBanner h6, 
.cookieBanner p, 
.cookieBanner a {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
.cookieBanner h6, 
.cookieBanner p {
    margin: 0;
    padding: 0;
}
.cookieBanner h6 {
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
}
.cookieBanner p {
    margin-top: 6px;
    font-size: 12px;
    line-height: 16px;
}
.cookieBanner p a {
    font-weight: bold;
    color: #FFF;
}
.cookieBanner .closeBtn {
    float: right;
    color: #ffffff;
    margin-top: 12px;
}
.cookieBannerTextContainer {
    float: left;
}
.cookieBanner .closeBtn:after {
    content: "\00d7";
    margin-left: 12px;
    font-weight: bold;
    color: #161c1f;
    border-radius: 100%;
    box-sizing: border-box;
    font-family: "Lucida Sans Unicode";
    font-size: 18px;
    background: white;
    padding: 0px 6px;
}/* complete : /css/common/cookiepolicy.css*/


/* combine : /css/common/modal2.css*/


@charset "UTF-8";
.webToolkit {
    overflow: auto;
}
#jdwModalCloseGlobal {
    background-color: #FFF;
    border-bottom: 3px solid #CCCCCC;
    border-left: 3px solid #CCCCCC;
    border-radius: 0 0 10px 10px;
    border-right: 3px solid #CCCCCC;
    display: none;
    height: 40px;
    margin: 0;
    opacity: 1;
    padding: 0 8px 0 0;
    position: fixed;
    right: 10px;
    top: 0;
    width: 90px;
    z-index: 10010;
}
#jdwModalCloseGlobal a {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat scroll right top transparent;
    color: #000;
    display: block;
    margin: 5px 0;
    padding: 5px 25px 10px 0;
    text-decoration: none;
}
body #jdwModalBackground {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9500;
}
#jdwModalBorder {
    background-color: #FFF;
    border: 3px solid #A2A2A2;
    border-radius: 1em 1em 1em 1em;
    box-shadow: 5px 5px 10px 7px #333232;
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 9600;
}


#jdwModalOuterContent {
    overflow: visible;
    padding-bottom: 10px;
    padding-top: 0;
    position: relative;
}
#jdwModalContent {
    background-color: #FFF;
    height: 100%;
    width: 100%;
    z-index: 10000;
}
#jdwModalHeader {
    display: inline-block;
    height: 40px;
    margin: 0;
    width: 100%;
}
#jdwModalTitle {
    float: left;
    font-size: 1.7em;
    line-height: normal;
    margin: 0 0 0 13px;
    text-align: left;
}
#jdwModalFooter {
    overflow: hidden;
}
#jdwModalClose {
    float: right;
    line-height: normal;
    margin: 5px 5px 0 0;
    text-align: left;
}
#jdwModalClose a {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-close-cross.gif") no-repeat scroll right top transparent;
    color: #000;
    display: block;
    margin-left: 10px;
    padding: 5px 40px 25px 10px;
    text-decoration: none;
}
/* complete : /css/common/modal2.css*/


/* combine : /css/common/desktop/warrantyModal.css*/
/*EDITS:
15/06/16 - MKM1B - 1) Changes as per Jira WT-832 Stack Changes
14/11/13 - MKM1B - 1) Renamed from warrantyPages.css as this file just applied to modal content.
04.06.13 - ITJXP - 1) added .warrantiesContent #warrantyBreakdownInfoContainer
                   2) added .warrantiesContent #controls
                   3) added .warrantiesContent .modalButtonForward, .warrantiesContent .modalButtonClose                    
*/

/* Warranty modals */

.warrantiesContent #warrantyBreakdownInfoContainer {
    overflow: auto;
    padding-right: 16px;
    width: 606px;
    float: left;
    text-align: left;
}

.warrantiesContent #warrantyBreakdownInfoContainer ol,
.warrantiesContent #warrantyBreakdownInfoContainer ul {
    font-size: .75em;
}

.warrantiesContent #warrantyBreakdownInfoContainer ol ol,
.warrantiesContent #warrantyBreakdownInfoContainer ul ul,
.warrantiesContent #warrantyBreakdownInfoContainer ol ul,
.warrantiesContent #warrantyBreakdownInfoContainer ul ol {
    font-size: 1em;
}

#warrantyBreakdownInfoContainer.full-width {
    width: 100%;
}

.warrantiesContent #optionBox {
    margin: 0 -16px 0 0;
    float: right;
    width: 260px;
    height: 100%;
    height: -ms-calc(100% - 16px);
    height: -moz-calc(100% - 16px);
    height: -webkit-calc(100% - 16px);
    height: calc(100% - 16px);
    overflow: auto;
    text-align: left;
    box-sizing: border-box;
}

.warranty-acceptance-text p {
    display: inline;
}

#optionBox .option {
    border-bottom: 1px solid #ccc;
    margin: 6px 16px 0 0;
    display: block;
    padding: 0 0 16px 0;
}

#optionBox .option:last-child {
    border-bottom: none;
}

#optionBox h3,
#optionBox .warrantyPrice {
    color: #24638E;
}

#optionBox .warrantyPrice:before {
    content: "For";
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    padding-right: 4px;
    vertical-align: top;
    display: inline-block;
    vertical-align: top;
}

#optionBox h3 {
    font-size: 150%;
    margin: 0;
    padding: 0 0 0 8px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 168px;
}

.option-inner-top:before {
    content: "";
    width: 36px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    background: transparent url("//images2.drct2u.com/content/common/images/commongui/warranty_shield_icon.png") no-repeat 0 0;
}

#optionBox h3 span {
    display: block;
    font-size: 60%;
    margin-top: 4px;
    font-weight: normal;
}

#optionBox .warrantyPrice {
    font-size: 125%;
    font-weight: bold;
    margin: 0;
}

#optionBox .warrantyPrice {
    display: inline-block;
    vertical-align: top;
}

#optionBox .modalButtonContinue {
    float: none;
    margin-top: 0;
}

.option-shading {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    background: white;
    right: 260px;
    z-index: 0;
    box-shadow: -28px 0 67px -30px rgba(0,0,0,0.2)inset;
}

.option-shading .edge {
    z-index: 1;
    width: 100px;
    height: 50%;
    position: absolute;
    box-shadow: 0px 130px 80px -45px rgb(255,255,255)inset;
    right: 0;
}

.option-shading .edge.top {
    top: 0;
}

.option-shading .edge.bottom {
    bottom: 0;
    box-shadow: 0px -130px 80px -45px rgb(255,255,255)inset;
}

.option-inner-top,
.option-inner-bottom {
    display: block;
}

.option-inner-top {
    margin-bottom: 8px;
}

.option-inner-bottom {
    overflow: auto;
}

.option-inner-bottom .sml {
    float: right;
}

ul.warranty-bullets {
    width: 45%;
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.warranty-bullets li {
    background: transparent;
    font-weight: bold;
    line-height: 1.7;
    padding: 0 0 0 24px;
    position: relative;
}

.warranty-bullets li:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #4b9626 url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-white.png');
    display: inline-block;
    border-radius: 50%;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 1px;
    left: 0;
}

.warranty-lead-bullet {
    list-style: none;
    font-size: 15px;
}

.warranty-lead-bullet:before {
    background: none !important;
}

.warranty-exclusions li:before {
    background: #fff url('//images2.drct2u.com/content/common/images/commongui/png/icons_cross-red.png');
}

.terms-bullets li {
    padding: 5px 0 5px 0;
}

#warrantyBreakdownInfoContainer table {
    font-size: 12px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #CCCCCC;
}

#warrantyBreakdownInfoContainer td {
    padding: 4px;
    text-align: center;
    background-color: #F4F4F4;
}

#warrantyBreakdownInfoContainer th {
    background-color: #EBEBEB;
    padding: 4px;
    text-align: center;
}

.warrantiesContent #controls {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    clear: both;
    display: block;
    padding: 0;
    z-index: 2;
}

/* Below added to target warranties modal windows only as only they get the class 'warrantiesContent' */

.warrantiesContent *,
.warrantiesContent *:before,
.warrantiesContent *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.warrantiesContent #jdwModalOuterContent {
    z-index: 1;
    height: 100%;
    padding: 0;
}

#jdwModalBorder.warrantiesContent {
    box-shadow: 0 0 18px 0px rgb(0, 0, 0);/* Fallback for non RGBA support */
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
    border: none;
    padding: 16px;
    border-radius: 0;
}

.warrantiesContent #jdwModalContent,
.warrantiesContent #jdwModalContent div {
    background: transparent;
}

.warrantiesContent #jdwModalTitle {
    font-size: 24px!important;
    margin: 0;
}

.warrantiesContent h1,
.warrantiesContent h2,
.warrantiesContent h3,
.warrantiesContent h4,
.warrantiesContent h5,
.warrantiesContent h6,
.warrantiesContent #jdwModalTitle {
    padding: 0;
    color: #276f83;
}

.warrantiesContent h1,
.warrantiesContent ul {
    margin-bottom: 16px;
}

.warrantiesContent #jdwModalTitle {
    margin-bottom: 0;   
}

.warrantiesContent h2,
.warrantiesContent h3,
.warrantiesContent h4,
.warrantiesContent h5,
.warrantiesContent h6 {
    margin-bottom: 8px;
    padding: 0;
}

.warrantiesContent ul {
    color: inherit;
}

.warrantiesContent p {
    color: #4d4d4d;
    margin-bottom: 12px;
    padding: 0;
}

.warrantiesContent #jdwModalHeader {
    height: auto;
    margin: 0;
}

.warrantiesContent #jdwModalClose {
    position: absolute;
    right: -16px;
    top: -16px; 
}

/* Buttons and their containers  */

#warrantyMoreInfoContainer {
    float: right;
}

.warrantiesContent #jdwModalClose a {
    background: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.warrantiesContent #jdwModalClose a:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.png);
    background-repeat: no-repeat;
    background-color: #000;
    background-position: center center;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

.subject-to-terms {
    display: inline;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    z-index: 5;
}
.subject-to-terms a {
    text-decoration: underline!important;
}

.warrantiesContent #jdwModalClose {
    margin: 1px 1px;
}

.warrantiesContent #jdwModalFooter {
    position: absolute;
    bottom: 0;
}

/* Warranty Flexslider */

.warranty-testimonials > .slides:before {
    content: "";
    width: 38px;
    height: 30px;
    display: inline-block;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/icons_testimonial-quotes.png);
}

.warranty-testimonials h3 {
    margin-bottom: 8px;
    padding-bottom: 0;
}

.warranty-testimonials .slides {
    overflow: auto;
    padding: 0;
}

.warranty-testimonials li {
    background: transparent;
    display: none; /* This is to stop all slides displaying at the beginning (strange none-default behaviour) */
    padding-left: 46px;
    list-style: none;
}

.warranty-testimonials li p {
    margin-bottom: 8px;
    font-style: italic;
    font-size: 14px;
    color: #000;
}

.warranty-testimonials li p.customer-name {
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
}

/* Stuff for the 'other' modals that are a totally different style to the standard jdw modals - hopefully just temporary */

#modal_container #warrantyBreakdownInfoContainer {
    text-align: left;
    height: 100%;
    overflow: auto;
}

/* End stuff */

@media only screen and (max-width: 56.875em) { /* 910px */
    #jdwModalBorder.warrantiesContent { /* Hacking the JS generated CSS for the modal to make it fluid */
        width: 100%!important;
        margin: inherit!important;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        min-height: 550px;
    }
    #jdwModalBorder.warrantiesContent {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .warrantiesContent #warrantyBreakdownInfoContainer  {
        width: 70%;/* Fallback for browsers that don't support calc */
        width: -ms-calc(100% - 260px);
        width: -moz-calc(100% - 260px);
        width: -webkit-calc(100% - 260px);
        width: calc(100% - 260px);
        float: left;
    }
    .warrantiesContent #jdwModalContent {
        width: auto!important;
        height: 80%!important;
        height: -webkit-calc(100% - 90px)!important;
        height: -moz-calc(100% - 90px)!important;
        height: -ms-calc(100% - 90px)!important;
        height: calc(100% - 90px)!important;
    }
    .webToolkit #warrantyBreakdownInfoContainer.full-width {
        width: 100%;
    }
}

@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) {

    .warrantiesContent #jdwModalClose a:after {
        background-image: url(//images2.drct2u.com/content/common/images/commongui/icons_modal-close-cross.svg);
    }

    .warranty-testimonials > .slides:before {
        background-image: url(//images2.drct2u.com/content/common/images/commongui/icons_testimonial-quotes.svg);
    }
}

/* Checkbox styles

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  margin: 8px 8px 0px 0px;
  padding-left: 23px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
} 

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}
.warranty-acceptance-text label {
    font-size: 11px!important;
}
.warrTerms {  
    margin-top: -11px;  
}
.fcpButton:hover {
    cursor: not-allowed!important;
  }
.fcpButton.fcpOn:hover {  
   cursor: pointer!important;
}
.fcpOn {
  background: #3a981e; 
}
.fcpOff {
  background: #aaa!important;
}
.bpp-modal {
    width: 100%!important;
}
/* Hack fix for direct debit checkbox disapearing */
input[name="authorityConfirmed"] {
  position: static!important;
}
/* Hack fix for duplicated checkbox on review a product modal */
label[for="bv-checkbox-agreedtotermsandconditions"] {
 left: 10000px;
}
[name="agreedtotermsandconditions"]:not(:checked) + label:before, [name="agreedtotermsandconditions"]:checked + label:before,
[name="agreedtotermsandconditions"]:not(:checked) + label:after, [name="agreedtotermsandconditions"]:checked + label:after {
  left: 10000px;
  background: none;
}
#newCardPayment input
{ position: static; }

/* complete : /css/common/desktop/warrantyModal.css*/