/* 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;
}

/* 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 ----------------------------------------*//* complete : /css/header/desktop/header.css*/


/* combine : /css/common/desktop/common.css*/
/*----------------------------------------------------------------------
    COMMON STYLE SHEET TEMPLATE
        (03/12//13) MB -Changes made for release P-1-2013-11-25-fsiContentTweaksProdV1 
            (04-11-2013) AC
            1) Added font-size to ".productPages a" selector. Unintended fallback after the removal of arbitrary font-size from "td a" selector (which was causing issues in itself). TABLET-3061
        (27/09/13) MB
            1) Refactor of common.css to remove older unused styles and general clean up - TechDebt project
            2) Moved content into separate stylesheets, where possible with header restrictions to reduce amount of css appearing on pages where they are not used - TechDebt project
            3) Added new common button style - refactored some old shop code pages to use new style - projects to pick up switching
        to this new button - newCommonContinueBtn.
        (20/09/13) MB
            1) removed width from #miniBagContainer .itemImage img for FSI images.
        (28-08-2013) AC
            1) Removed properties from #noResultsContainer [h2, p and ul] as they were interefering (overwriting) properties for automated affinities (Rich Relevance).
            2) Added bottom margin to #searchAgainBox 
        (04-07-2013) AC
            1) Updated a.chatButton to remove "\9" hack, which was causing issue in tablet. Bug TABLET-2221. 
        (11-06-2013) AC
            1) Added touch-gesture scrolling for iframes.
        (06-06-2013) AC
            1) Added font-size property to "#jdwModalBacktoProductButton a" tag.
        (13-05-2013) JP
            1) changed font-weight to normal on .commonBtnContinue a
        (13-05-2013) AC
            1) position: relative removed as inline style from product preview HTML. Now handled by this file. It was too difficult to override.
        (26-04-2013) AC
            1) Added float left to breadcrumbs 'a' tag. It was missing.
----------------------------------------------------------------------  */

/* Outer Containers
----------------------------------------------------------------------*/

#outerPageContainer {
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 1003px;
    text-align: left; 
    position: relative; }

* html #outerPageContainer {
    width: 1003px;
    min-height: 100%; }

#innerPageContainer { text-align: left; }

/* Set body and fonts
----------------------------------------------------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* Using standard 16px = 1em / 100% default size */
    line-height: 1.125em; /*16x1.125=18 */
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    width: 100%; }

h1, h2, h3, h4, h5, h6, div, p, span, form, img {
    margin: 0;
    padding: 0; }
    
h1, .largetitle { font-size: 1.13em; }

h2 { font-size: 1em; }

h3 {
    font-size: 1em;
    padding-bottom: 0.5em; }

h4 {
    font-size: 1.2em;
    padding-bottom: 0.5em; }

a, a:link, a:visited { text-decoration: underline; }

a:hover { text-decoration: none; }

p {
    font-size: 0.75em; /* 12px / 0.75em em base 100/16px */
    padding: 0 0 0.31em 0; }
    
/* Hack to increase font size for nested lists on the Sizing pages
---------------------------------------------------------------------*/
td ul { margin: 0 0 0 3em; }

/* 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 {
    font-size: 12px;
    padding-bottom: 0.31em; }

a.breadcrumblink, .breadcrumblink a:hover, .breadcrumblink a:visited {
    font-size: 12px;
    padding-bottom: 0.31em;
    text-decoration: none; }

tbody { text-align: left; }

.bodytext, .bodytextbold, .bodytext ul li, #copyCell, #copyCell ul li, a.boldwhitelink, a.boldBlueLink, a.bluelink, #copyCell, .shopwindowfolder, .shopwindowfolder2 { font-size: 12px; }

.bodytext a:link, .bodytext a:visited, .bodytext a:hover {
    font-size: 12px;
    padding: 0;
    margin: 0; }

.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; }

    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: #000000; }

/* tablecelllight - Default light cell background colour always white
------------------------------------------------------------------------*/
.tablecelllight {
    background: #ffffff;
    padding: 0.2em;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none; }

    .tablecelllight td {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        font-weight: normal; }

    .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;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    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: #ECEBEB;
    margin-bottom: 6px;
    height: 34px; }

p.productNumbers {
    float: left;
    margin: 0 5px 0 4px; }

p.productDrop {
    float: right;
    margin-right: 5px; }

select { font-size: 0.81em; }

.dropReplace {
    float: right;
    margin-right: 3px; }

#sortByOptions, .recordsPerPage {
    float: left;
    height: 24px;
    padding: 8px 8px 3px; }

#sortByOptions p, #sortByOptions select { float: left; }

#sortByOptions select { width: 190px; }

#sortByOptions p, .recordsPerPage p { padding-right: 3px; }

.recordsPerPage p, .recordsPerPage select { float: left; }

.resultsPages {
    float: right;
    background-color: #ECEBEB;
    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: #000000;
        color: #ffffff;
        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 #ffffff; }

    .productPages .current, .productPages .first, .productPages .last {
        font-size: 13px;
        font-weight: bold; }

    .productPages .current {
        background-color: #797a7a;
        color: #ffffff;
        height: 24px;
        padding: 7px 4px 3px;
        border-right: 1px solid #ffffff; }

    .productPages .last {  }

    .productPages .previous { border-right: 1px solid #ffffff; }

        .productPages .previous a {
            text-align: left;
            width: 26px; }

        .productPages a {
                font-size: 12px; }

    .productPages .next a {
        background-color: #E0DEDE;
        background-image: url(//images2.drct2u.com/content/images/FGN/fgn_generic_nextPage.png);
        background-repeat: no-repeat;
        width: 32px;
        border-left: 1px solid #ffffff; }

    .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 #ffffff; }

/* 
Old Form Pages Style support
----------------------------------------------------------------------*/
#formPane input:focus,#formPane textarea:focus,#formPane select:focus { background: #FFFFCC; }

#formPane .labelFocus {
    background: #FFFFCC !important;
    margin: -1px;
    color: #000000 !important;
    border: 1px solid #FFCC66; }

/* Main Page Content Containers
-----------------------------------------------------------------*/
#content-div { clear: both; }

    #content-div a:hover { background-color: transparent; }

#browseContent-7 {
    float: left;
    padding: 0;
    width: 815px; }

#fullWidthContainer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px; }

#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 0;
    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 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; /* removed from inline styles, now handled properly [with CSS file]. */
    float: left;
    width: 24.75%;
    margin: 0 0 0.3em 0;
    min-height: 23.7em; /* important for keeping product preview boxes flowing in fixed row heights in FF/IE7*/
    height: auto !important;
    height: 23.7em;
    line-height: 0.94em; }

.productPreviewText {
    float: left;
    width: 98%;
    text-align: inherit;
    min-height: 6.25em; /* important for keeping product preview boxes flowing in fixed row heights in FF/IE7*/
    height: auto !important;
    height: 6.25em; /* important for keeping product preview boxes flowing in fixed row heights in IE6 */ }

    .productPreviewText p { padding-bottom: 2px; }

.productPrice { font-weight: bold; }

.productTitle {
    font-weight: bold;
    margin-top: 5px;
    width: 99%; }

.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) Redundent 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 { /* returned 137 times in jsp's */
    font-size: 11px;
    text-decoration: underline; }

a.whitelink { color: #ffffff; }

a.boldBlueLink {
    font-weight: bold;
    color: #0000cc; }

a.boldwhitelink {
    font-weight: bold;
    color: #ffffff; }

a.checkoutlink { font-weight: bold; }

a.bodytextbold { font-weight: bold; }

.largetextbold { /* returned 56 times in jsp's */
    font-size: 0.88em; /* 14px Changed to em value */
    font-weight: bold; }

.largeredtextbold {
    font-size: 0.88em; /* 14px Changed to em value */
    font-weight: bold;
    color: #ff0000; }

.exlargeredtextbold {
    font-size: 1.75em; /* 28px Changed to em value */
    font-weight: bold;
    color: #ff0000; }

.bodytextbold { font-weight: bold; } /* referenced in 54 jsp's */

.largebodytext { font-size: 1em; /* 17px Change to 16px em value */ }

.largebodytextbold {
    font-size: 1em; /* 17px Change to 16px em value */
    font-weight: bold; }

.largebodytextboldunderline {
    font-size: 1em; /* 17px Change to 16px em value */
    font-weight: bold;
    text-decoration: underline; }

.largeheadingtext { font-size: 1.50em; /* 24px Change to em value */ }

.bodytextred { color: #cc0000; }

.bodytextredlarge {
    font-size: 0.88em; /* 14px Change to em value */
    color: #cc0000; }

.bodytextwhite { color: #ffffff; }

.bodytextblue { color: #0000cc; }

.bodytextwhitebold {
    font-weight: bold;
    color: #ffffff; }

.smalltext { font-size: 0.63em; /* 10px Change to em value */ }

/* 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; /* 18px Changed to EM value*/ }

/* Account Transactions page - 'Information on your account' text
------------------------------------------------------------------------*/
.acctssubtitle { /* returned 607 times in jsp's */
    font-weight: bold;
    font-size: 12px; /*font-size: 0.75em;  12px Changed to EM value*/ }

a.acctssubtitle { font-size: 12px; }

.acctssubtitleColoured {
    font-weight: bold;
    font-size: 0.75em; /* 12px Changed to EM value*/
    color: #ff0000; /* Same colour across sites*/ }

/* Terms and Conditions List page - policies_view.html */

#termsAndConditionsList, #termsAndConditionsList li, #termsAndConditionsList a, #termsAndConditionsList h1 {
    font-size: 100%;
    line-height: 1.125em;   
}

#termsAndConditionsList h1 {
    
}

/* Fake button (used on terms and conditions pages, warranty pages etc)
----------------------------------------------------------------------*/
.fakebutton {
    font-size: 11px;
    background: #9b9b9b;
    color: #ffffff;
    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: #9b9b9b;
    color: #ffffff;
    text-decoration: none; }

a.fakebutton a:hover {
    background: #000000;
    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 {
    float: left;
    width: 100%; }

    #signInContentContainer #checkoutPageTitle { margin-top: 10px; }

#pageContentContainer {
    margin: 10px auto 10px auto;
    width: 795px; }

#accountContentContainer {
    float: left;
    width: 100%; }

    #accountContentContainer h1, #accountContentContainer h2 {
        margin: 0 0 15px 0;
        font-size: 1.2em; }

#stepText { color: #000000; }

#accountContentContainer h3 {
    clear: both;
    color: #333333; }

#infoPanel h2 {
    font-size: 0.88em;
    color: #000000;
    background-color: #F3F3F3;
    margin: 0;
    padding: 7px 7px 7px 30px; }

#accountSecurityIcon {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountLock.png);
    background-repeat: no-repeat;
    background-position: 6px 7px; }

#accountCartIcon {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountCart.png);
    background-repeat: no-repeat;
    background-position: 6px 7px; }

#accountTickIcon {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountTick.png);
    background-repeat: no-repeat;
    background-position: 6px 7px; }

p#signedInMsg {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountTick.png);
    background-repeat: no-repeat;
    background-position: 4px 9px;
    padding: 8px 0 0 30px;
    font-size: 1.13em;
    font-weight: bold;
    color: #006600;
    float: left; }

#accountContentContainer ul {
    font-size: 0.75em;
    margin-top: 5px ;
    margin-right: 5px;
    margin-bottom: 7px; }

#accountContentContainer p { margin: 6px 0 6px 0; }

#newOnlinePanel {
    border: 1px solid #cccccc;
    float: left;
    width: 350px;
    padding: 10px;
    margin: 10px 10px 10px 5px;
    height: 365px;
    background-color: #ffffff; }

.accountButtonContainer {
    float: right;
    min-width: 30px;
    padding-bottom: 5px; }

.accountButton a, .accountButtonPayment a, .accountButton a:link, .accountButtonPayment a:link, .accountButton a:visited, .accountButtonPayment a:visited {
    height: 28px;
    margin: 5px 0 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;
    cursor: pointer; }

.accountButton a:hover, .accountButtonPayment a:hover {
    text-decoration: none;
    color: #006600;
    float: left;
    background-color: transparent; }

.accountButtonShopping a, .accountButtonShopping a:link, .accountButtonShopping a:visited {
    height: 28px;
    margin: 5px 0 0 0;
    color: #006600;
    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; }

.accountButtonShopping a:hover {
    text-decoration: none;
    color: #000000;
    float: left;
    background-color: transparent; }

.trackOrderButtonContainer {
    float: right;
    min-width: 30px; }

.trackOrderButton a, .trackOrderButton a:link, .trackOrderButton a:visited {
    height: 28px;
    margin: 0;
    color: #006600;
    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; }

.trackOrderButton a:hover {
    text-decoration: none;
    color: #000000;
    float: left;
    background-color: transparent; }

.accountButtonCapLt, .buttonCapLt {
    height: 33px;
    width: 8px;
    margin: 5px 0 8px 5px;
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountBtnCapLt.png);
    background-repeat: no-repeat;

    float: left; }

.accountButtonCapRt, .buttonCapRt {
    height: 33px;
    width: 11px;
    margin: 5px 0 8px 0;
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountBtnCapRt.png);
    background-repeat: no-repeat;
    float: left; }

.trackOrderButtonCapLt {
    height: 33px;
    width: 26px;
    margin: 0 0 0 5px;
    background-image: url(//images2.drct2u.com/content/images/freeformat/trackBtnCapLt.png);
    background-repeat: no-repeat;
    float: left; }

.trackOrderButtonCapRt {
    height: 33px;
    width: 11px;
    margin: 0;
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountBtnCapRt.png);
    background-repeat: no-repeat;
    float: left; }

.inputArea, #inputArea {
    background-color: #F3F3F3;
    padding: 3px 3px 3px 8px;
    clear: both;
    margin: 0 0 10px 0;
    float: left;
    width: 97%; }

.inputArea h3 { font-size: 0.88em; }

#infoPanel {
    border: 1px solid #cccccc;
    float: left;
    width: 300px;
    padding: 0;
    margin: 10px 10px 10px 5px;
    min-height: 100%;
    background-color: #ffffff; }

#infoIcon {
    margin: 7px 8px 0 8px;
    float: left; }

#floatRadio {
    float: left;
    margin: 7px 10px 20px 4px; }

.floatTextField { float: left; }

/*------ Registration pages progress graphics --------- */
#regProgressBar1 {
    width: 374px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(//images2.drct2u.com/content/images/freeformat/registerStep1.gif);
    background-repeat: no-repeat; }

#regProgressBar2 {
    width: 374px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(//images2.drct2u.com/content/images/freeformat/registerStep2.gif);
    background-repeat: no-repeat; }

/*------ 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: #ffffff; }

#accountNotice, #accountReminder, #accountSpecialOffer {
    text-align: center;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    padding: 5px 5px 0 5px;
    float: left;
    width: 97%; }

#accountReminder { border: 1px solid #cccccc; }

    #accountReminder p, #accountNotice p, #accountSpecialOffer p { font-size: 0.88em; }

    #accountReminder h2, #accountNotice h2 {
        background-color: #F3F3F3;
        padding: 3px; }

    #accountReminder h3#paymentDue {
        color: #CC0000;
        text-decoration: underline; }

#accountSpecialOffer h2 {
    background-color: #eaf5ea;
    padding: 3px;
    color: #006600; }

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 10px;
    width: 220px; }

/*------ Form drop menu classes --------- */
.dobMenu {
    float: right;
    margin: 7px 10px 4px 10px;
    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 #999999; }

#accountMenuDay { margin-right: 7px; }

#accountMenuMonth {
    margin-right: 7px;
    width: 90px; }

/*------ Customer Details --------- */
#custDetailsPanel {
    border: 1px solid #cccccc;
    float: left;
    width: 310px;
    padding: 10px 10px 0 10px;
    margin: 10px 10px 10px 5px;
    min-height: 427px;
    background-color: #ffffff; }

    #custDetailsPanel h2 {
        color: #000000;
        font-size: 1.1em; }

.custDetailsRow, #autoSignInRow {
    float: right;
    width: 100%;
    background-color: #F3F3F3;
    margin-bottom: 5px;
    min-height: 30px; }

#autoSignInRow {
    float: right;
    width: 100%;
    background-color: #F3F3F3;
    margin-bottom: 0; }

#autoSignInPanel {
    float: left;
    width: 200px;
    background-color: #ffffff; }

#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: #F3F3F3;
    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 {
    border: 1px solid #cccccc;
    float: left;
    width: 400px;
    padding: 10px;
    margin: 10px 5px 10px 10px;
    min-height: 365px;
    background-color: #ffffff; }

    #newCustomerPanel h2 {
        font-size: 0.94em;
        color: #000000; }

#signedInPanel {
    border: 1px solid #cccccc;
    float: left;
    width: 470px;
    padding: 10px;
    margin: 10px 0 10px 10px;
    min-height: 22.81em;
    height: auto !important;
    height: 22.81em;
    background-color: #ffffff; }

    #signedInPanel h1, #signedInPanel h2, #signedInPanel h3 { text-align: center; }

    #signedInPanel h2 {
        font-size: 0.94em;
        color: #000000; }

#accountNavPanel {
    border: 1px solid #cccccc;
    float: right;
    width: 250px;
    padding: 10px 10px 0 10px;
    margin: 10px 0 0 10px;
    min-height: 10px;
    background-color: #ffffff; }

    #accountNavPanel h2 {
        font-size: 1em;
        text-align: center;
        margin-bottom: 8px; }

    #accountNavPanel h3 {
        font-size: 0.88em;
        color: #000000;
        background-color: #F3F3F3;
        padding: 7px 7px 7px 37px;
        clear: both;
        height: 18px; }

#accountNavDetails {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountReport.png);
    background-repeat: no-repeat;
    background-position: 10px 7px; }

#accountNavTransactions {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountMagnify.png);
    background-repeat: no-repeat;
    background-position: 10px 7px; }

#accountNavManage {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountEdit.png);
    background-repeat: no-repeat;
    background-position: 10px 7px; }

#accountNavWish {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountHeart.png);
    background-repeat: no-repeat;
    background-position: 10px 7px; }

#accountNavRecent {
    background-image: url(//images2.drct2u.com/content/images/freeformat/accountBasket.png);
    background-repeat: no-repeat;
    background-position: 10px 7px; }

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: #ff0000;
    font-weight: bold; }

/* Table Border Payment Alert ---------------*/
.tableborderPaymentAlert {
    background-color: #CC3300;
    padding-bottom: 8px; }

    .tableborderPaymentAlert td, .tableborderPaymentAlert a, .tableborderPaymentAlert a:link, .tableborderPaymentAlert a:visited, .tableborderPaymentAlert a:hover { font-size: 12px; }

    .tableborderPaymentAlert h4 {
        color: #CC0000;
        font-size: 13px;
        font-weight: bold; }

/* Account Management - Transactions / Order Tracking
----------------------------------------------------------------------------------------------*/
#orderTrackingContainer {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding: 10px;
    margin-top: 5px; }

#trackOrderHeader {
    float: left;
    width: 350px; }

#trackOrderHeaderTable {
    float: left;
    width: 300px;
    border: 1px solid #cccccc;
    margin: 10px 0 10px 0;
    font-weight: bold;
    padding: 5px; }

    #trackOrderHeaderTable tr { text-align: center; }

    #trackOrderHeaderTable th {
        background-color: #000000;
        color: #ffffff; }

.orderDetailsTable {
    float: left;
    border: 1px solid #cccccc;
    padding: 5px;
    font-size: 0.81em;
    margin: 0 0 15px 0;
    width: 100%; }

    .orderDetailsTable tr, .parcelDetailsTable tr { background-color: #f3f3f3; }

    .orderDetailsTable td, .parcelDetailsTable td {
        border-bottom: 1px solid #cccccc;
        border-right: 1px solid #cccccc; }

.transactionsTable tr { background-color: #ffffff; }

.orderDetailsTable th, .orderDetailsTable td, .parcelDetailsTable th, .parcelDetailsTable td, .transactionsTable th, .transactionsTable td { padding: 6px; }

.orderDetailsTable th { background-color: #cccccc; }

th.orderSummary {
    background-color: #666666;
    color: #ffffff;
    font-size: 1.25em;
    font-weight: bold; }

    th.orderSummary span {
        color: #ffffff;
        font-size: 0.75em;
        font-weight: normal;
        position: relative;
        left: 218px; }

.transactionsTable th {
    background-color: #666666;
    color: #ffffff;
    font-size: 1em;
    border-right: 1px solid #ffffff; }

.parcelDetailsTable {
    float: left;
    border: 1px solid #cccccc;
    padding: 5px;
    font-size: 12px;
    margin: 10px 0 15px 0;
    width: 100%; }

    .parcelDetailsTable th {
        background-color: #cccccc;
        font-weight: normal; }

.parcelTitleDespatched {
    float: left;
    font-size: 16px;
    font-weight: bold; }

.parcelTitleDelivered {
    font-size: 16px;
    background-image: url(//images2.drct2u.com/content/images/freeformat/deliveryTick.png);
    background-repeat: no-repeat;
    background-position: 160px 2px;
    font-weight: bold; }

#accountBottomNav { float: left; }

#deliveryService {
    background-image: url(//images2.drct2u.com/content/images/freeformat/deliveryFull.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 18px; }

#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: #0033CC; }

.transactionsTable {
    float: left;
    border: 1px solid #cccccc;
    padding: 5px;
    font-size: 0.81em;
    margin: 0 0 5px 0; }

.orderBreak td {
    border-bottom: 1px solid #333333;
    height: 3px; }

.orderNumber {
    font-weight: bold;
    color: #000066; }

tr.accountCardPayments td {
    background-color: #ffffff;
    border-bottom: 1px solid #333333; }

tr.trackButtonRow td {
    border-bottom: 1px solid #333333;
    background-color: #ffffff; }

#newFeatureMsg {
    border: 1px solid #ff0000;
    float: left;
    padding: 5px;
    margin: 0 0 10px 0;
    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 auto;
    width: 60%;
    border: 1px solid #cccccc;
    padding: 10px;
    text-align: center;
    height: 100px; }

    #noTransactions p {
        margin-top: 20px;
        font-size: 14px; }

    #noTransactions h2 {
        text-decoration: underline;
        background-color: #f3f3f3;
        padding: 10px; }
/* 3D secure new button containers */
/* backButtons always positioned on the left of any form page - continueButtons on the right */
.backButton {
    float: left;
    min-width: 30px;
    padding-bottom: 5px;
    cursor: pointer; }

.continueButton {
    float: right;
    min-width: 30px;
    padding-bottom: 5px;
    cursor: pointer; }

    .continueButton a, .continueButton a:link, .continueButton a:visited {
        height: 28px;
        margin: 5px 0 0 0;
        color: #006600;
        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: #000000;
        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: #000000;
    font-size: 0.88em;
    font-weight: normal;
    font-style: italic; }

#payNowPanel {
    width: 750px;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 10px 5px 5px 10px;
    height: 75px;
    background-color: #f3f3f3;
    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 {
    width: 750px;
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 5px 5px 5px 10px;
    height: 165px;
    background-color: #f3f3f3;
    float: left;
    display: inline; }

    #applyForCreditPanel h3 {
        margin: 5px 0 5px 45px;
        padding: 5px 0 5px 10px;
        background-color: #3F3F3F;
        color: #ffffff; }

    #applyForCreditPanel .accountButtonContainer {
        position: absolute;
        top: 320px;
        left: 470px; }

#waysToPayBtnPanel {
    width: 750px;
    border: 1px solid #cccccc;
    padding: 0 5px 10px 5px;
    margin: 5px 5px 10px 10px;
    height: 30px;
    float: left;
    display: inline; }

.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 #dedcdc;
    z-index: 1;
    float: left; }

.commonCurveLT {
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: top url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLT.png) no-repeat;
    position: absolute;
    margin: -3px;
    padding: 0; }

.commonCurveRT {
    top: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: top url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRT.png) no-repeat;
    position: absolute;
    margin: -3px;
    padding: 0; }

.commonCurveLB {
    height: 10px;
    bottom: 0;
    left: 0;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveLB.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    position: absolute;
    margin: -3px;
    min-height: 0; }

.commonCurveRB {
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCurveRB.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
    position: absolute;
    margin: -3px;
    padding: 0; }

/* 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; }

.smallBtnClose, .smallBtnView, .smallBtnEdit, .smallBtnGeneric, .smallBtnPromo {
    float: left;
    min-width: 30px;
    height: 20px;
    padding: 0; }

/* Common sizing, padding, margin etc for LARGE BAG BUTTON */
.commonBtnBag {
    float: right;
    min-width: 30px;
    height: 20px;
    padding: 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, .commonBtnSecure a, .commonBtnSecure a:link, .commonBtnSecure a:visited {
    height: 29px;
    margin: 0;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    padding-right: 3px;
    float: left;
    min-width: 10px;
    cursor: pointer;
    font-weight: normal; }

/* Common link styling and images for BAG Button*/
.commonBtnBag a, .commonBtnBag a:link, .commonBtnBag a:visited {
    height: 34px;
    *height: 34px;
    margin: 0;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnBagBg.gif);
    background-repeat: repeat-x;
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    float: left;
    min-width: 10px;
    cursor: pointer; }

/* 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: 25px;
    margin: 0;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonBg.gif);
    background-repeat: repeat-x;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-top: 4px;
    padding-left: 2px;
    float: left;
    min-width: 10px;
    cursor: pointer; }

/* SMALL Close button*/
.smallBtnClose a, .smallBtnClose a:link, .smallBtnClose a:visited, .smallBtnEdit a, .smallBtnEdit a:link, .smallBtnEdit a:visited, .smallBtnView a, .smallBtnView a:link, .smallBtnView a:visited {
    height: 21px;
    line-height: 21px;
    margin: 0;
    color: #b72222;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnSmallBg.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-left: 2px;
    float: left;
    min-width: 10px; }

.smallBtnPromo a, .smallBtnPromo a:link, .smallBtnPromo a:visited {
    height: 21px;
    margin: 0;
    color: #584e16;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnSmallBg.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-left: 2px;
    float: left;
    min-width: 10px; }

/* SMALL Edit button*/
.smallBtnEdit a, .smallBtnEdit a:link, .smallBtnEdit a:visited {
    height: 21px;
    line-height: 21px;
    margin: 0;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnSmallBg.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
    padding-left: 2px;
    float: left;
    min-width: 10px; }

/* SMALL Edit button*/
.smallBtnView a, .smallBtnView a:link, .smallBtnView a:visited, smallBtnGeneric a, .smallBtnGeneric a:link, .smallBtnGeneric a:visited {
    height: 21px;
    line-height: 21px;
    margin: 0;
    color: #077b15;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnSmallBg.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-decoration: underline;
    padding-left: 2px;
    float: left;
    min-width: 10px; }

.smallBtnClose a:hover, .smallBtnEdit a:hover, .smallBtnView a:hover, .smallBtnGeneric a:hover, .smallBtnPromo a:hover {
    text-decoration: none;
    color: #000000;
    float: left;
    background-color: transparent; }

/* -----------------LEFT RIGHT CAP STYLING AND IMAGES*/
/* Continue Button*/
.commonBtnContinueTinted .commonBtnCapLt {
    height: 29px;
    width: 29px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedContinueCapLt.png);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

.commonBtnContinueTinted .commonBtnCapRt {
    height: 29px;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapRt.png);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

/* Secure Button*/
.commonBtnSecure .commonBtnCapLt {
    height: 29px;
    width: 29px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnSecureCapLt.png);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

.commonBtnSecure .commonBtnCapRt {
    height: 29px;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapRt.png);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

/* Large Bag Button*/
.commonBtnBag .commonBtnCapLt {
    height: 35px;
    width: 34px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnBagCapLt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

.commonBtnBag .commonBtnCapRt {
    height: 35px;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnBagCapRt.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 0; }

.commonBtnPrint a, .commonBtnPrint a:link, .commonBtnPrint a:visited {
    height: 29px;
    margin: 0;
    color: #000000;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintBg.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; }

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

.commonBtnClose .commonBtnCapLt {
    height: 29px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCloseCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* Back Button*/
.commonBtnBack .commonBtnCapLt {
    height: 29px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnBackCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnBack .commonBtnCapRt {
    height: 29px;
    width: 24px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapRt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* Forward Button*/
.commonBtnForward .commonBtnCapRt {
    height: 29px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnForwardCapRt.png);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnForward .commonBtnCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* Print Button*/
.commonBtnPrint .commonBtnCapRt {
    height: 31px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintCapRt.gif);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnPrint .commonBtnCapLt {
    height: 31px;
    width: 32px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnPrintCapLt.gif);
    background-repeat: no-repeat;
    margin: 0; }

/* Forward Tinted Button*/
.commonBtnForwardTinted .commonBtnCapRt {
    height: 29px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnForwardTintedCapRt.png);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnForwardTinted .commonBtnCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* Add Button*/
.commonBtnAdd .commonBtnCapLt {
    height: 29px;
    width: 26px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnAddCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* No Style Button*/
.commonBtnNoStyle .commonBtnCapLt {
    height: 29px;
    width: 10px;
    float: left;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnNoStyle .commonBtnCapRt {
    height: 29px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCommonCapRt.png);
    background-repeat: no-repeat;
    margin: 0; }

.commonBtnNoStyleTinted .commonBtnCapLt {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapLt.png);
    background-repeat: no-repeat;
    float: left;
    height: 29px;
    margin: 0;
    width: 10px; }

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

.commonBtnNoStyleTinted .commonBtnCapRt {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnTintedCapRt.png);
    background-repeat: no-repeat;
    float: left;
    height: 29px;
    margin: 0;
    width: 10px; }

/* Small CLOSE Button Cap left and Right*/
.smallBtnClose .smallBtnCapLt {
    height: 21px;
    float: left;
    width: 24px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnCloseSmallCapLt.gif);
    background-repeat: no-repeat;
    margin: 0; }

.smallBtnClose .smallBtnCapRt {
    height: 21px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.gif);
    background-repeat: no-repeat;
    margin: 0; }

/* Small EDIT Button Cap left and Right*/
.smallBtnEdit .smallBtnCapLt {
    height: 21px;
    float: left;
    width: 24px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnEditSmallCapLt.gif);
    background-repeat: no-repeat;
    margin: 0; }

.smallBtnEdit .smallBtnCapRt {
    height: 21px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.gif);
    background-repeat: no-repeat;
    margin: 0; }

/* Small VIEW Button Cap left and Right*/
.smallBtnView .smallBtnCapLt {
    height: 21px;
    float: left;
    width: 24px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnViewSmallCapLt.gif);
    background-repeat: no-repeat;
    margin: 0; }

.smallBtnView .smallBtnCapRt {
    height: 21px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.gif);
    background-repeat: no-repeat;
    margin: 0; }

/* small Generic Button*/
.smallBtnGeneric .smallBtnCapLt {
    height: 21px;
    float: left;
    width: 7px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapLt.png);
    background-repeat: no-repeat;
    margin: 0; }

.smallBtnGeneric .smallBtnCapRt {
    height: 21px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.png);
    background-repeat: no-repeat;
    margin: 0; }

/* Small PROMO Button Cap left and Right*/
.smallBtnPromo .smallBtnCapLt {
    height: 21px;
    float: left;
    width: 24px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnPromotionsSmallCapLt.gif);
    background-repeat: no-repeat;
    margin: 0; }

.smallBtnPromo .smallBtnCapRt {
    height: 21px;
    float: left;
    width: 10px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/GUI_btnGenericSmallCapRt.gif);
    background-repeat: no-repeat;
    margin: 0; }

/* 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: #009900;
    background-color: none; }

/*--- ORANGE HELP ICON  ------------------------------------------------------------------------------------*/
a.help, a:link .help, a:visited .help {
    background: transparent url(//images2.drct2u.com/content/common/images/commongui/GUI_btnHelpIconOrangeCircle.png) no-repeat 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin: 10px 0 0 5px;
    position: relative;
    text-indent: -9999px;
    width: 20px;
    z-index: 24; }

a:hover .help {
    cursor: pointer;
    background-color: transparent; }

.bgiframe {  }

iframe, iframe body {
    text-align: left;
    -webkit-overflow-scrolling: touch; }

.helpDivInner {
    border: 3px SOLID #FF6600;
    padding: 6px; }

#helpDiv {
    text-align: left;
    font-size: 12px;
    background-color: #FFFFFF;
    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: #FFFFFF; }

/*Small View Button*/
.viewButton {
    float: left;
    min-width: 45px;
    height: 19px;
    margin: 0 0 0 10px; }

.viewButtonCapLt {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapLt.png);
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    width: 6px; }

.viewButtonCapRt {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapRt.png);
    background-repeat: no-repeat;
    float: left;
    height: 19px;
    width: 6px; }

.viewButton a, .viewButton a:link, .viewButton a:visited {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/mbViewBtnCapMid.png);
    background-repeat: repeat-x;
    color: #000000;
    float: left;
    font-size: 12px;
    height: 17px;
    min-width: 10px;
    padding-top: 2px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif; }

/*miniBag Styling---------------------------------------------------------------*/
#miniBagContainer {
    border-left: 2px solid #5a5a5a;
    border-right: 2px solid #5a5a5a;
    background-color: #e8e7e7;
    float: left;
    width: 506px;
    _width: 506px; }

#miniBagFooterCapTopLeft {
    width: 255px;
    height: 35px;
    background-color: red;
    float: left;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxTopLtCap.png) no-repeat scroll left bottom transparent; }

#miniBagFooterCapBotLeft {
    width: 255px;
    height: 10px;
    _height: 5px;
    background-color: red;
    float: left;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png) no-repeat scroll left bottom transparent; }

#miniBagFooterCapBotRight {
    width: 255px;
    height: 10px;
    _height: 5px;
    background-color: green;
    float: left;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxBotCap.png) no-repeat scroll right bottom transparent; }

#miniBagFooterCapTopRight {
    width: 255px;
    height: 35px;
    background-color: green;
    float: left;
    background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxTopRtCap.png) no-repeat scroll right bottom transparent;
    _background: url(//images2.drct2u.com/content/common/images/commongui/minibagBoxTopRtCap.gif) no-repeat scroll right bottom; }

#miniBag #miniBagEmptyMessage {
    padding: 6px 0 20px 0;
    font-size: 12px;
    text-align: center; }

#recentlyViewed #miniBagEmptyMessage {
    float: left;
    padding: 0 0 6px 14px;
    font-size: 12px; }

.minibagWasTxt {
    color: #E40E0E !important;
    float: none !important; }

    .minibagWasTxt span { text-decoration: line-through; }

#miniBag .boxCurveContainer { background-color: #FFFFFF; }

#miniBagContainer .boxCurveContainer {
    border: 1px solid #868686;
    float: left;
    position: relative; }

#miniBagContainer .curveLT {
    background: url(//images2.drct2u.com/content/common/images/commongui/minBagInnerTL.gif) no-repeat scroll center top transparent;
    height: 10px;
    left: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 10px; }

#miniBagContainer .curveRT {
    background: url(//images2.drct2u.com/content/common/images/commongui/minBagInnerTR.gif) no-repeat scroll center top transparent;
    height: 10px;
    margin: -1px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 10px; }

#miniBagContainer .curveLB {
    background: url(//images2.drct2u.com/content/common/images/commongui/minBagInnerBL.gif) no-repeat scroll center bottom transparent;
    bottom: 0;
    height: 10px;
    left: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 10px; }

#miniBagContainer .curveRB {
    background: url(//images2.drct2u.com/content/common/images/commongui/minBagInnerBR.gif) no-repeat scroll center bottom transparent;
    bottom: 0;
    height: 10px;
    margin: -1px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 10px; }

#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; }

    #recentlyViewedInner p {  }

#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 {
    float: left;
    width: 61px;
    height: 65px;
    margin: 2px 0 0 6px;
    _margin: 2px 0 0 3px;
    border: 1px solid #DEDCDC; }

    #miniBagContainer .itemImage img {
        float: left;
        width: 61px;
        height: 65px; }

#miniBagContainer #itemColourSize p {
    margin: 0;
    padding: 0 8px 0 0;
    float: left;
    color: #666666;
    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 #c0c0c0;
    padding: 4px 0 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: #000000;
    float: left;
    padding-right: 8px;
    font-size: 12px; }

#miniBagContainer #recentTitle {
    margin: 0;
    padding: 0;
    width: 234px;
    height: 30px;
    background-color: #ffffff; }

#miniBagContainer #miniBagTitle {
    height: 29px;
    margin: 0;
    width: 244px;
    border-bottom: 1px solid #DEDCDC;
    background-color: #c7f291; }

#miniBagContainer #recentTitle p {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 5px 0 0 15px;
    color: #000000;
    font-family: verdana,Arial,Helvetica,sans-serif; }

#miniBagTitle p {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    padding: 6px 0 0 0;
    color: #000000;
    font-family: verdana,Arial,Helvetica,sans-serif;
    text-align: center; }

#miniBagTitle span {
    float: left;
    color: #000000;
    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 0;
    width: 242px;
    max-height: 315px;
    _height: 315px }

    #miniBagItemContainer .warrantyName, #miniBagItemContainer .warrantyPrice {
        float: right;
        padding: 0 10px 0 0; }

#mbWarrantyHolder {
    float: left;
    background-color: #f2f2f2;
    width: 227px;
    border-bottom: 1px solid #C0C0C0; }

.mbWarrantyButtonContainer {
    margin: 0;
    float: right;
    width: 68px;
    height: 28px; }

#mbWarrantyPrice {
    font-size: 12px;
    float: left;
    padding: 0 10px 0 10px; }

#mbWarrantyDesc {
    font-size: 12px;
    color: #666666;
    padding: 0 10px 0 10px; }

.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: #b72222; }

#miniBagContainer .remove { margin-left: 10px; }

.mbCheckoutButtonContainer {
    font-weight: bold;
    height: 35px;
    margin: 4px 38px 4px 0;
    width: 200px; }

#miniBagContainer .itemPrice p#minibagPromoTotal {
    color: #FF0000;
    font-weight: bold; }

/*Account Management Information*/
#paymentAccountCardIssue input { float: left; }

#paymentAccountCardIssue p {
    float: left;
    padding-left: 10px; }

#signinBackgroundContainer { background-color: #FFFFFF; }

#qtip-0 {
    opacity: 1 !important; /*Santdard compliant browsers*/
    -moz-opacity: 1 !important; /*Firefox and Mozilla browsers*/
    -webkit-opacity: 1 !important; /*WebKit browser e.g. Safari*/
    zoom: 1 !important; }

.mbDisTxtStrong { color: #0e8519; }

.discountHolder { background-color: #eef2f6; }

/*----  SDI Delivery Notes Start  ------------------------*/
#sdiDeliveryDetails {
    float: left;
    height: 277px;
    width: 759px;
    padding: 0;
    margin: 0;
    background-color: #f1efef; }

#sdiDeliveryHead {
    border-bottom: 2px solid #808080;
    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 #CCCCCC; }

p.sdiDeliveryTitle {
    float: left;
    font-size: 14px;
    padding: 12px 5px 5px 0;
    height: 12px;
    width: 310px;
    font-weight: bold; }

p.sdiDeliveryInstructions {
    font-size: 12px;
    font-weight: normal;
    padding: 15px 5px 5px 15px;
    height: 30px;
    width: auto;
    line-height: 1.2em; }

p.sdiDeliveryError {
    float: right;
    font-size: 12px;
    color: #FF0000;
    font-weight: normal;
    padding: 12px 5px 5px 15px;
    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: #dddddd;
    float: left;
    height: 23px;
    margin: 0;
    width: 180px; }

    #sdiDeliverInfo p {
        color: #000000;
        font-weight: normal;
        float: right;
        font-size: 12px;
        margin: 0;
        padding: 3px 6px 0 0; }

.sdiColourChange { color: #FF0000; }

#sdiAcceptanceConditions {
    width: 394px;
    height: 88px;
    float: left;
    padding: 0;
    margin: 13px 0 0 15px;
    _margin: 8px 0 0 8px;
    border: 1px #000000 solid;
    background-color: #FFFFFF; }

    #sdiAcceptanceConditions p {
        font-family: Arial, Helvetica, sans-serif;
        float: left;
        padding: 8px 8px 6px 8px;
        margin: 0;
        font-weight: bold; }

    #sdiAcceptanceConditions ul {
        font-family: Arial, Helvetica, sans-serif;
        width: 330px;
        height: 55px;
        float: left;
        padding: 0;
        margin: 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;
    display: none; }

#numeroLiveChat { display: none; }

#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 --------------------------------------------*/
#helpPages h1, #balanceAndPayment h1 {
    background-color: #F1F0F0;
    color: #2A6B14;
    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 {
    background-image: url(//images2.drct2u.com/content/images/productdetails/write_review_main_section_header.gif);
    height: 34px;
    width: 995px;
    margin-top: 10px; }

.writeReviewFooter {
    background-image: url(//images2.drct2u.com/content/images/productdetails/write_review_main_section_footer.gif);
    background-repeat: no-repeat;
    height: 34px;
    width: 995px; }

.pr_write_review { margin: 10px 0 0 0; }

.sourcedFromTradingTitle {
    color: green;
    background-color: silver; }

/*--- Home Exception Table ------*/
#homeApprovalExceptionsTable {
    font-size: 0.81em;
    width: 800px;
    background-color: #ffffff;
    border: 1px solid #000000;
    margin-top: 7px; }

    #homeApprovalExceptionsTable td, #homeApprovalExceptionsTable th {
        padding: 5px;
        border: 1px solid #000000; }

    #homeApprovalExceptionsTable th { background-color: #CCC; }

/*--- Peace Of Mind Plan (POMP) Begins -----------------------*/
.PA_section1 {
    float: left;
    width: 636px;
    overflow: hidden;
    text-align: left; }

    .PA_section1 h2 {
        font-size: 26px;
        color: #b10a7f;
        font-weight: normal;
        padding: 20px 0 20px 0; }

    .PA_section1 p, .PA_section1 li { font-size: 13px; }

    .PA_section1 ul { margin: 0; }

.PA_section2 {
    float: left;
    width: 363px; }

.PA_footerNav {
    float: left;
    width: 1000px;
    text-align: center; }

.orange_buttons {
    float: left;
    width: 1000px;
    height: 50px;
    z-index: 40;
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 0; }

    .orange_buttons a { padding-right: 10px; }

p.PA_getAdobeReader {
    background: url(//images2.drct2u.com/content/images/registration/get_adobe_reader.png) no-repeat;
    background-position: top center;
    _display: inline;
    text-align: center;
    float: left; }

    p.PA_getAdobeReader a {
        display: block;
        width: 1000px;
        padding-top: 45px;
        text-align: center;
        color: #000; }

/*--- Peace Of Mind Plan (POMP) Ends -------------------------*/

.categoryDropNavContent .subMenu {
    background: url(//images2.drct2u.com/content/common/images/commongui/subMenu.png) no-repeat 0 0;
    height: 21px;
    margin: 2px 0;
    padding: 4px 0 0 14px ;
    background-color: #212629;
    color: #ffffff;
    font-weight: 700; }

/* IE6 only */
* html .categoryDropNavContent .subMenu {
    background: url(//images2.drct2u.com/content/common/images/commongui/subMenu_IE6.gif)
    no-repeat 0 0;
    background-color: #212629; }

/**/
.categoryDropNavContent .subMenu a:link, .categoryDropNavContent .subMenu a:visited {
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    padding: 0 ;
    background: none !important; }

.categoryDropNavContent .subMenu a:hover {
    text-decoration: underline;
    padding: 0;
    background: none; }

#googleAnalyticsContent { display: none; }

#availableFiltersWrapper ul.singleColMenu li.highlightRefinementElement a, #availableFiltersWrapper ul.singleColMenu li.highlightRefinementElement a:link, #availableFiltersWrapper ul.singleColMenu li.highlightRefinementElement a:visited, #availableFiltersWrapper ul.singleColMenu li.highlightRefinementElement a:hover { color: #ff0000; }

#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; }

#navTabs_container {
    height: 28px;
    border-bottom: #000 3px solid;
    line-height: normal; }

#navTabs li.selected span {
    background: url(//images2.drct2u.com/content/common/images/commongui/modal-unbranded-selected.png) no-repeat scroll 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 scroll center bottom #c2c4c6;
        zoom: 1;
        text-decoration: none;
        display: block;
        color: #000;
        padding: 6px 12px;
        border-right: 1px solid #b3b3b3;
        border-left: 1px solid #b3b3b3;
        border-top: 1px solid #b3b3b3; }

    #navTabs li.selected a, #navTabs a:hover {
        background: url(//images2.drct2u.com/content/common/images/commongui/modal-nav-bg.gif) repeat scroll 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 10px;
    overflow: hidden;
    text-align: left; }

#navTabs {
    list-style: none outside none;
    margin: 0;
    padding: 0; }

#sizeGuide_content {
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
    padding: 25px 17px 0 17px;
    width: 888px;
    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: url(//images2.drct2u.com/content/common/images/commongui/generic-table-title.gif) repeat-x scroll center bottom #eff0f2;
    color: #000;
    padding: 11px;
    text-align: left!important; }

.sizeGuideblackTitle {
    background: url(//images2.drct2u.com/content/common/images/commongui/black-table-title.gif) repeat-x scroll center bottom #000;
    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 {
    background: url(//images2.drct2u.com/content/common/images/commongui/grey-table-title.gif) repeat-x scroll center bottom #fff;
    color: #000!important;
    font-weight: bold;
    padding: 11px!important;
    width: 30%; }

.greySmallcell {
    background: url(//images2.drct2u.com/content/common/images/commongui/grey-table-title.gif) repeat-x scroll center bottom #fff;
    color: #000!important;
    font-weight: bold;
    padding: 11px!important;
    width: 9%; }

.sizeGuideblackCell {
    background: #000;
    color: #fff;
    font-weight: bold; }

.blackcellGrad {
    background: #000;
    background: url(data: image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #323131 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323131), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #323131 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #323131 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #323131 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(top, #323131 0%,#000000 100%); /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#323131', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    color: #fff;
    font-weight: bold; }

.sizeGuideBorderBlack {
    border-right: 1px solid #000!important;
    border-top: 1px solid #000!important; }

.sizeGuideDarkgreyCell {
    background: #353434;
    color: #fff; }

.sizeGuideGreyCell {
    background: #5d5b5b;
    color: #fff;
    font-weight: bold; }

#internationalKey td, #internationalKey th {
    border: 1px solid #c8c8c8;
    width: 50px; }

#internationalBraSizes td, #internationalBraSizes th {
    border: 1px solid #c8c8c8;
    text-align: center; }

#internationalKey th {
    padding: 10px;
    width: 200px; }

#internationalBraSizes {
    width: 100%;
    margin: 0 0 20px 0; }

#internationalKey, .halfTable { width: 50%!important; }

#clothingCare td, #clothingCare th, #nightWear td, #nightWear th, #womensTable td, #womensTable th,  #mensTable td, #mensTable th {
    border: 1px solid #c8c8c8;
    padding: 5px; }

.measurement, .sizeGuideMediumTable, .footTable { border-collapse: collapse; }

.measurement td, .measurement th, .sizeGuideMediumTable td, .sizeGuideMediumTable th, .footTable td, .footTable th {
    border: 1px solid #c8c8c8;
    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 { width: 5%; }

.sizeGuideMediumTable th { padding: 0 10px; }

.sizeGuideNarrow td { width: 5% }

.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 #c8c8c8!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; /* hide text, phark image replacement (new technique)
    http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */ }

        .rating .score.disabled { background-image: url(//images2.drct2u.com/content/common/images/commongui/productReviewRatingStarsDisabledGrey.png); /* Disabled (Ghosted) */ }

        .rating .score.five { background-position: 0px 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.half { background-position: -900px 0%; }

        .rating .score.zero { background-position: -1000px 0%; }
        
        .rating .score.norating { background-image: none; }

/* SimplyBe & Marisota ratings */
.DAL .rating .score.five {
    background-position: 0px 18px;
}
.DAL .rating .score.fourAndHalf {
    background-position: -100px 18px;
}
.DAL .rating .score.four {
    background-position: -200px 18px;
}
.DAL .rating .score.threeAndHalf {
    background-position: -300px 18px;
}
.DAL .rating .score.three {
    background-position: -400px 18px;
}
.DAL .rating .score.twoAndHalf {
    background-position: -500px 18px;
}
.DAL .rating .score.two {
    background-position: -600px 18px;
}
.DAL .rating .score.oneAndHalf {
    background-position: -700px 18px;
}
.DAL .rating .score.one {
    background-position: -800px 18px;
}
.DAL .rating .score.half {
    background-position: -900px 18px;
}
.DAL .rating .score.zero {
    background-position: -1000px 18px;
}
.FSP .rating .score.five {
    background-position: 0px 33px;
}
.FSP .rating .score.fourAndHalf {
    background-position: -100px 33px;
}
.FSP .rating .score.four {
    background-position: -200px 33px;
}
.FSP .rating .score.threeAndHalf {
    background-position: -300px 33px;
}
.FSP .rating .score.three {
    background-position: -400px 33px;
}
.FSP .rating .score.twoAndHalf {
    background-position: -500px 33px;
}
.FSP .rating .score.two {
    background-position: -600px 33px;
}
.FSP .rating .score.oneAndHalf {
    background-position: -700px 33px;
}
.FSP .rating .score.one {
    background-position: -800px 33px;
}
.FSP .rating .score.half {
    background-position: -900px 33px;
}
.FSP .rating .score.zero {
    background-position: -1000px 33px;
}

#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; }

.rating a .score,
a .rating .score { cursor: pointer; }

#guidedNav-8 .rating .score.five { background-position: 0 0%; }

#guidedNav-8 .rating .score.fourAndHalf { background-position: -100px 0%; }

#guidedNav-8 .rating .score.four { background-position: -200px 0%; }

#guidedNav-8 .rating .score.threeAndHalf { background-position: -300px 0%; }

#guidedNav-8 .rating .score.three { background-position: -400px 0%; }

#guidedNav-8 .rating .score.twoAndHalf { background-position: -500px 0%; }

#guidedNav-8 .rating .score.two { background-position: -600px 0%; }

#guidedNav-8 .rating .score.oneAndHalf { background-position: -700px 0%; }

#guidedNav-8 .rating .score.one { background-position: -800px 0%; }

#guidedNav-8 .rating .score.half { background-position: -900px 0%; }

#guidedNav-8 .rating .score.zero { background-position: -1000px 0%; }

.rating .reviews { overflow: auto; }

.productPreview .rating {
    font-size: 12px;
    text-align: left;
    margin-top: 5px; }

    .productPreview .rating .score { margin: 0 auto; /* For Chrome */ }

    .productPreview .rating .reviews { color: #999; }

#guidedNav-8 .narrowByTitle { position: relative; }

    #guidedNav-8 .narrowByTitle span {
        display: block;
        font-size: 16px;
        font-weight: bold;
        padding: 0 3em 0 0; /* make room for the "Clear All" link to the right */ }

    #guidedNav-8 .narrowByTitle a.clearRefinement {
        line-height: 2;
        position: absolute;
        right: 0;
        top: 0; }

#footerPageDescription {
    clear: both;
    text-align: right;
    padding: 0.38em 1.75em 0.38em 0;
    font-weight: bold;
    font-size: 1em; }

/* *********************** */
/* eGain Chat              */
/* *********************** */
a.chatButton span {
    color: #FFF !important;
    font-size: 12px !important; }

a.chatButton {
    display: block;
    color: #FFF; text-decoration: none;
    padding: 6px;
    width: 110px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
    font-family: Arial, Helvetica, sans-serif; 
    border-width: 1px; 
    border-color: rgb(50,140,193); 
    background-image: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), -moz-linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%);
    background-image: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), -webkit-gradient(linear, color-stop(0, rgb(64,158,214)), color-stop(1, rgb(48,137,190)));
    background-image: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), -o-linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%);
    background-image: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), -ms-linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%);
    background-image: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%); 
    background: url(//images2.drct2u.com/content/common/images/commongui/chat_chatBubbles.png);
    background-color: #52A7DA;
    background-position: middle right;
    background-repeat: no-repeat; }

    a.chatButton:hover, a.chatButton:focus { text-decoration: none; }

#chatBtnContainer {
    float: right;
    background-repeat: no-repeat;
    padding: 5px;
    display: none; }

/* From changeTitle.css */
#changetitleContainer {
    background-color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 330px;
    width: 500px;
    position: relative;
    font-weight: bold; }

#titleHeader {
    float: left;
    padding-top: 10px;
    padding-left: 6px;
    width: 502px; }

#signedInCopy {
    float: left;
    font-size: 23px;
    margin-bottom: 18px;
    margin-top: 15px;
    width: 502px; }

    #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: #F1EFEF;
    position: absolute;
    *position: relative;
    bottom: 0;
    left: 0;
    height: 42px;
    margin: 5px;
    padding: 5px 5px 0;
    width: 481px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-weight: normal; }

#titleWelcome {
    float: left;
    background-position: 1px 0;
    background-repeat: no-repeat;
    height: 109px;
    width: 244px; }

#titleImage {
    float: left;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-position: 1px 0;
    background-repeat: no-repeat;
    float: left;
    height: 97px;
    margin-left: 11px;
    width: 234px; }

/*----------------------------------------------------------------------
    From affiliateSites.css
    (03-06-13) Added .personalisationContent .modalButtonContinue for CMSRTHREE-796
*/
#affiliateSitesContainer {
    background-color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 402px;
    width: 604px;
    position: relative;
    font-weight: bold;
    border: 3px solid #dedcdc; }

#promoHeader {
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    float: left;
    width: 604px;
    height: 38px;
    background-image: url(//images2.drct2u.com/content/common/images/commongui/affiliateModalHeaderBG.jpg); }

#promoHeaderTop {
    padding-top: 10px;
    padding-left: 202px;
    float: left;
    width: auto;
    height: auto; }

#tradingTitleImage {
    padding-top: 10px;
    float: left;
    width: auto;
    height: auto;
    padding-left: 5px; }

#signedInCopy {
    float: left;
    font-size: 23px;
    margin-bottom: 18px;
    margin-top: 15px;
    width: 502px; }

    #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; }

#promoControls {
    float: left;
    background-color: #F1EFEF;
    position: absolute;
    *position: relative;
    bottom: 0;
    left: 0;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 604px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-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: linear-gradient(to bottom, #C9F393 0%, #3A981E 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #247694;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 1.16667em;
    font-weight: bold;
    padding: 5px 38px 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px #248CBF; }
    
 /*international site detection css*/
.internationalRedirectContainer {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 39%, #D5D5D5 88%, #989898 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(39%, #ffffff), color-stop(88%, #D5D5D5), color-stop(100%, #989898)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 39%, #D5D5D5 88%, #989898 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 39%, #D5D5D5 88%, #989898 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 39%, #D5D5D5 88%, #989898 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 39%, #D5D5D5 88%, #989898 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#989898', GradientType=0 ); /* IE6-9 */
    height: 90px;
    padding: 10px 0 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: url(//images2.drct2u.com/content/common/images/commongui/close-x.png) no-repeat scroll right 0 transparent;
    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 outside none;
    margin: 0 10px 0 0;
    padding: 9px 9px 9px 50px;
}
.internationalRedirectContainer ul li a {
    color: #231F20;
    text-decoration: underline;
}
.internationalRedirectContainer .redirectActive {
    border-top: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background-color: white;
}
/*--different flag icons--*/

.internationalRedirectContainer .redirectUK {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/United-Kingdom-flag.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
.internationalRedirectContainer .redirectDE {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/Germany-Flag.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
.internationalRedirectContainer .redirectEU {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/European-Union-Flag.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
.internationalRedirectContainer .redirectUS {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/United-States-Flag.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
.internationalRedirectContainer .redirectIE {
    background-image: url(//images2.drct2u.com/content/common/images/commongui/Ireland-Flag.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}
/*  add these to: /content/common/styles/productreviews/productReviews.css  */
.speech-bubble {
    background: none repeat scroll 0 0 white;
    border-radius: 10px 10px 10px 10px;
    color: #000000;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}
.speech-bubble:after {
    border-color: white transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -15px;
    content: "";
    display: block;
    position: absolute;
    right: 50px;
    width: 0;
}
.writeReviewBannerContainer, .submittedReviewBannerContainer {
    background: none repeat scroll 0 0 #ECECEC;
    border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    padding: 20px;
}
.writeReviewBannerContainer #reviewTitleSlot {
    float: left;
    font-size: 26px;
    line-height: 30px;
    padding: 20px;
    text-align: center;
    width: 400px;
}
.writeReviewBannerContainer #reviewTitleSlot h4 {
    color: red;
}
.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 {
    text-align: center;
}
.submittedReviewBannerContainer #reviewDiscountCodeSlot {
    color: red;
}
.submittedReviewBannerContainer #reviewDiscountTermsSlot {
    text-align: center;
}
.logoContainer .payzone a, .logoContainer .payzone a {
    background-position: -910px 0;
    width: 85px;
}

.logoContainer .visaDebit a, .logoContainer .visaDebit a {
    background-position: -1048px 0;
    width: 47px;
}


.logoContainer .myHermes a, .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-type: none;
    width: 100%;
    overflow: visible;
}

/*** ----------NEW BUTTONS [these styles are / must be duplicated in button-ui.css]----------***/

a.btn {
    border: medium none;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0;
    padding: 10px;
    margin: 0;    
    text-align: center;
    text-decoration: none;
    cursor: pointer;    
    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 {
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.3);
}
a.btn.proposal .btn {
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);        
}

a.btn.proposal .btn:active {
    -webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
     box-shadow: inset 0px 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 {
    float: right;
    margin: 5px;
    padding: 0px;
}
.leftBtnContainer {
    float: left;
    margin: 5px;
    padding: 0px;
}
.centerBtnContainer {
    text-align: center;
    margin: 5px;
    padding: 0px;
}

/*Button sizes*/
.btn-s {
    padding: 5px;
    font-size: 10px;
}
.btn-l {
    padding: 15px;
}

/* Primary Button */
a.btn.primaryBtn {
    font-weight: bold;
    background: #4b9626;
    color: #fff;
}
a.btn.primaryBtn:link,
a.btn.primaryBtn:visited,
a.btn.primaryBtn:hover,
a.btn.primaryBtn:active,

a.btn.secondaryBtn:link,
a.btn.secondaryBtn:visited,
a.btn.secondaryBtn:hover,
a.btn.secondaryBtn:active {
  color: #FFF;
  text-decoration: none;
}

/* Secondary Button */
a.btn.secondaryBtn {
    background: #30aff6;
    color: #FFF;
    text-decoration: none;
}
a.btn.secondaryBtn:hover {
    color: #FFF;
    text-decoration: none;
}

/* Tertiary Button */
a.btn.tertiaryBtn {
    background: #ddd;
    color: #000;
    text-decoration: none;
    font-weight: normal;
}
a.btn.tertiaryBtn:link,
a.btn.tertiaryBtn:visited,
a.btn.tertiaryBtn:hover,
a.btn.tertiaryBtn:active {
  color: #000;
}

/* Button PNG definitions */
.btn:after {        
    content: "";
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-white.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    right: 0;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: text-top;
    display: inline-block;
}
.icon-tick:after {      
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-white.png');
}
.icon-tick-black:after {    
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_tick-black.png');
}
.icon-secure:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_secure-white.png');       
}
.icon-rightarrow:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_rightarrow-white.png');       
}
.icon-leftarrow:before {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-black.png');                
}
.icon-cross:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_cross-red.png');      
}
.icon-wishlist:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_wishlist-black.png'); 
}
.icon-view:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_view-black.png');
}
.icon-shopping:after {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_bag-white.png');  
}
.icon-print:after {
    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 {
    background-image: url('//images2.drct2u.com/content/common/images/commongui/png/icons_leftarrow-black.png');                
}

/* 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) {
    .btn:after {        
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_tick-white.svg');
    }
    .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-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');                
    }
    .icon-print:after {
        background-image: url('//images2.drct2u.com/content/common/images/commongui/svg/icons_print-black.svg'); 
    }
}

/*** ----------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) {
    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;
}/* 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;
        -moz-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;  
    }
    .mainNav li:hover > .navColumnContainer,
    .mainNav li:focus > .navColumnContainer {
        /* show menu on hover event */
        *display: block; /* IE7 */
        visibility: visible;
        opacity: 1;
    }
    .mainNav .navColumnSize1 {
        width: 200px;
    }
    .mainNav .navColumnSize2 {
        width: 400px;
    }
    .mainNav .navColumnSize3 {
        width: 600px;
    }
    .mainNav .navColumnSize4 {
        width: 800px;
    }
    /*--------------------------- 
    Dropdown (Sub) Navigation Column
    ---------------------------*/
    .mainNav .navColumn {
        float: left;
        width: 170px;
        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 div {
        float: left;
        margin: 0 20px 0 0;
    }
    .logoContainer div:last-child,
    .logoContainer .nortonSecured {
        margin-right: 0;
    }
    .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_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;
		border-left:3px solid #dedcdc;
		border-right:3px solid #dedcdc;
		background-color:#FFFFFF;
		padding:10px;
		overflow:none;	
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	#modal_control {
		width:100%;
		background-image:url(//images.drct2u.com/content/common/images/modalButtons/modalControlPanelBg.gif);
		background-repeat: repeat-x;
		background-color:#FFFFFF;
		background-position:center bottom;		
		border:3px solid #dedcdc;
		-moz-border-radius-bottomleft:5px;
		-moz-border-radius-bottomright:5px;	
		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%;
		background-color: #FFFFFF;
		border: 3px solid #dedcdc;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;	
		padding: 6px;
		padding-top: 0px;
		height: 33px;
	}	
	
	#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;
}

.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;
}/* complete : /css/common/modal.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 0 8px;
    width: 100%;
}
#jdwModalTitle {
    float: left;
    font-size: 1.7em;
    line-height: normal;
    margin: 0 0 0 13px;
    text-align: left;
}
#jdwModalBack, #jdwModalBacktoProductButton {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-unbranded-bg.gif") repeat scroll center bottom #C2C4C6;
    border: 1px solid #B3B3B3;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 0 10px;
}
#jdwModalBack a, #jdwModalBacktoProductButton a {
    background: url("//images2.drct2u.com/content/common/images/commongui/modal-back-arrow.gif") no-repeat scroll 5px 50% transparent;
    color: #000;
    display: block;
    padding: 4px 5px 4px 35px;
    text-decoration: none;
}
#jdwModalBack a:hover, #jdwModalBack a:focus, #jdwModalBacktoProductButton a:hover, #jdwModalBacktoProductButton a:focus {
    text-decoration: underline;
}
#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/supersites.css*/
/** SUPERSITES DESKTOP & TABLET **/
#supersites {
    *zoom: 1;
    list-style: none;
    position: relative;
    z-index: 2;
    height: 33px;
    background: #949494;       
    overflow: hidden;
}
#supersites ul {
    list-style: none;
    padding: 0 58px 0 5px; 
    height: 30px;
    margin: 0 auto;
    position: relative; 
    display: block;
    width: 1004px;
    text-decoration: none;
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#supersites li {
    float: left;
    border-bottom: 1px solid rgb(201, 201, 201);
    height: 100%;
    margin: 2px 1px;
    padding: 0 10px;
    width: auto;
    background: #DFDFDF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;    
    cursor: pointer;
    opacity: 1;
}
#supersites a {
    display: inline-block;
    outline: none;
    margin: 0 auto;
    padding: 0;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    opacity: 0.5;
    line-height: 27px;
    font-size: 13px;
   -webkit-transition: opacity .15s ease-in-out;
   -o-transition: opacity .15s ease-in-out;  
    transition: opacity .15s ease-in-out; 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
	text-decoration-line: none;
	text-transform: uppercase;
	top: 2px;
}
#supersites a:link, 
#supersites a:visited, 
#supersites a:active {
	text-decoration: none;
}
/**
 * This hack targets the Webkit browser engine
 * which includes Safari and Chrome.
 */
@-moz-document url-prefix() { 
    #supersites a {
        top: 1px;
    }
}
[id$='-tab'].tab a {
    color: #000;
}
a[class^="icon-super-tab-"] {
    height: 100%;
    background-size: 100% auto;
}

#supersites #more-tab {
	position: absolute;
	display: none;
	width: 47px;
	padding: 2px 10px 0px;
	text-align: right;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #000;
	right: 0px;
}
#supersites #more-tab span {
     background-image: url("//images2.drct2u.com/content/common/images/commongui/dropdown-black.svg");
     background-repeat: no-repeat;
     width: 11px;
	 height: 11px;
	 display: inline-block;
	 top: 10px;
	 position: relative;
	 right: 4px;
}
/* Active Tab */
#supersites ul li a:hover,
#small-supersites ul li:hover {
     -webkit-transition: opacity .15s ease-in-out;	
     -o-transition: opacity .15s ease-in-out;      
      transition: opacity .15s ease-in-out;
      opacity: 1;
}
#supersites li.active {
	 -webkit-transition: all 0.5s ease;
	 -o-transition: all 0.5s ease;  
	  transition: all 0.5s ease;   
	  background-color: #fff;
	  padding-bottom: 3px;
	  border-bottom: none;
	  opacity: 1;
	 -webkit-box-shadow: none;   
	  box-shadow: none;
}
#supersites .active a {
    opacity: 1;
    cursor: default;
}
/* Label text on left */
#superSiteTitle {
	color: #000;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
	padding: 3px 5px 0px 0px;
	margin: 0px;
	text-align: left;
	text-transform: uppercase;
	width: 150px;
}
/* Supersite 'More Sites' dropdown */
#small-supersites {
   -moz-box-sizing: border-box;
    box-sizing: border-box;  	
    background-color: #FFF;
    border-style: solid;
    border-color: #B6B6B6;
    border-width: 1px;
    position: absolute;
    width: 250px;
    left: 745px;
    top: 5px;
    display: none;
    z-index: 9999;
   -webkit-box-shadow: 5px 5px 6px -4px #555;
    box-shadow: 5px 5px 6px -4px #555;    
}
#small-supersites.supersites-tablet {
	right: 11px;
    top: 37px;
    left: auto;
}
.small-supersites-text {
	padding: 7px 0;
}     
#small-supersites a, 
#small-supersites a:link, 
#small-supersites a:visited {
	color: transparent;
}
#small-supersites a span {
	font-size: 14px;
	color: black;
	text-align: center;
	display: block;
	text-transform: uppercase;
}
#small-supersites li {
    text-align: left;
    font-size: 13px;
    margin-left: 25px;
}
#small-supersites ul.small-supersites-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#small-supersites ul.small-supersites-tabs li:hover {
	background-color: #EDFBFC;
}
#small-supersites ul.small-supersites-tabs li {
    border-top: 1px solid #D1D1D1;
    display: none;
    float: left;
    height: 37px;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
   -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#small-supersites a {
	top: 2px;
	height: 30px;
    display: block;
    line-height: 32px;
    margin: 0 auto;
    opacity: 0.8;
    outline: medium none;
    position: relative;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
   -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s; 
    cursor: pointer;  
}
#small-supersites p,
#small-supersites h1 {
    font-size: 16px;
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0px 37px 0 15px    
}
.superClose {
	position: absolute;
	right: 0px;
	margin: 0px;
	display: block;
	box-sizing: inherit;
	padding: 0 10px;
	font-size: 24px;
	cursor: pointer;
	color: #B3B3B1;
}
span.titleText {
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 97%;
    font-size: 0;
}
span.visitShop  {
    color: #00B1ED;
    display: block;
    font-style: italic;
    font-weight: bold;
    right: 7px;
    position: absolute;
	font-size: 10px;
	text-decoration: none;
}
/* Supersites Tablet */
#supersites.supersites-tablet ul {
    width: 100%;
    padding-right: 75px;
}
#supersites.supersites-tablet #more-tab {
    cursor: pointer;
    position: absolute;
    right: 10px;
}
#supersites.supersites-tablet #small-supersites {
    right: 10px;
    left: auto;
    top: 37px;
}
.qtip-supersites .qtip-content {
	font-size: 13px;
}
/* Logo overwrites for Static tabs */
#supersites .icon-super-tab-IHM span, #small-supersites .icon-super-tab-IHM span { display: none; }
#supersites .icon-super-tab-JDF span, #small-supersites .icon-super-tab-JDF span { display: none; }
#supersites .icon-super-tab-TKD span, #small-supersites .icon-super-tab-TKD span { display: none; }
#supersites .icon-super-tab-FGE span, #small-supersites .icon-super-tab-FGE span { display: none; }

#supersites a.icon-super-tab-IHM,
#small-supersites .icon-super-tab-IHM {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAAAAQCAYAAAAF492qAAAFwElEQVRoQ+2YZ8xlQxjH37XKKhu9xyohiN77bjYEEUGIkli8SnRWyyKrLMtWvXevzgeEZLXwQZQoQRBERBBfdKKXVX4/mUlmx5l73uO615czyS/n3nPPnTPzPP95nmdmxEDbWgv02AIjetx/231rgQFFtjBcCnfAc5lNtuP72XAgfBl+W5br4TAIa8OLcBvcDj+EZ9bieibcB0/B3KzfLfh+CNwJL4T+/VzVzuHm1MJvS3H/VDga3oJJob/C4wPO59nCj9dz/2RYBK6CKfBuxbPaYjhjnY/nxsGJsCP8BvfDNPgQtJ322agwHud9Eeibo7JnPgpjuITrVxB9+Ayf70qerfLV5fz+APyS9ekYHwRtcHPyWyd9xMf0w5EwGOY1jyaaikzxXAZPwhB8DUuCotsWjoFPw4t0mgZQbKmzFue7E90Z9gWFrePWgJKYMnv8/dWxTw7XWVx3gGPDWBxXVVNkB4GG/KnwzNLcrxNZ3Vjnpw/Fr4DOgg9gFOwTxuc430neX3Jk6f6K/Pe80K9zXxAUYyqydfl+DSgYxf0zrA4XwOtwMcTFvxCf7ceFsCoomGjDOpH5+0x4E+4GA402PA0WgMlNRPY9f7gQFMxN8GdiJI16Rpisk18TrgBXzK9wa/LslnzeEzYDRfVvRaZhZ8B7cB1sHMZgVPu/ReYctYdi+iSZ+8hg/N+5GoX+CL81FZl/GwtGbheNAkpFFkXzMveNbKmvjKAKShFoO9t6wRdmrSnBnmYgW53I7E9fG7HTYOJ9A9IJTUS2GH8wfDs4w3XeNuSGIjS0jw4vPp/rLqDSVbjvi6tYA3UjMt9vZLoa7oVdwzsN+alR03H2K5IZvaPjK0z1j1v/tchc5PpqYsFX6QD0iZF9CdBfisVopn9MqXUiW4ZnhsAoajD5LJ9dKrI878dnH+eD6cxUeS5MgFifpf2lacb7Ud07hQG8wdUBOaEbweiTiqxU52zPc3mtaP+OfVOYDa7E/eDpfILZ9041mfNy1Q8nXXYa66v0kaeummEVHVnlYOe9UvCFdah2NhWn76yqpUtjMPXqDwX2UrDltVwtfey/TmT2axbRl7vDa/AYzAFrs7lNItk6/CHfBKQDL4nMGmwDsDawuBwDD4MO7SaSGblOB2seU8dW4ELZHIwiMdynY+xHJNPh1jvPhzmm7y99rotkeQAwLVlvKQ5ry7zw35p7nQJCOo69+bIXHAffwaJgTWqNpXCjgKs2hmk/aml5sFTYDay3zTCTmoisLl0qwulhsDFdGnoNn6ZYaxALSgVmndKNyBSuBrY2fCIYxjpjOYhitx7MWz9E5juN1jadlDfHvgq8DU1rMmstI+4ewaaxpspFZrorlTb6XF/pFxejghqsGKebu4PhmzCPOpHlXRhMhmB6E5HVFf7uplwFaeEfi8Hjuf8xbANGL1dHNyJTSLeAIf6VMLsVuCo653QYuMvNW79EVir8HdsRsD7Emscx1kWy1MFx56otjXDOMxdZp8J/5WAnI53NxXkouAOOzRTqkZRp81EoHXH5/P4wHvIdexzTI01EZh3m1v1KUOWmv2+hdISR7jjcSbqyboB7QJF0IzJ3aaeAW3KPMVyRHg+4ozPimq58V34W1C+RpUcYOvN90PGO0YVnvRMXh45qIjKf1+YeESkwxWrrdIThZujHYC+PMNy4uUDdoJhuFZo73tjiZsAyxyzkhq4UyUyRitHyQE24s3fnbzlzAExsKjIHMZzD2Hxba4rQ8Rbp1hNVIisV03HjkW82dIzp1xVken4ITNd+doV7mJlHs06Fv2dHrsovwAXgrjht8XdrvuGMVVFZCCsoa1HPDNPD2LTvpiLzv56DGc1d9IqoarOxGvcVtXWXKdRCPB7GunlQHGYgC/y8uZlyoZ4EnoNWbQzjpixqws3XJhAPi33X54qsba0FemqBVmQ9NW/buRZoRdbqoOcWaEXWcxO3L/gL2I/Z/qfKtQIAAAAASUVORK5CYII=');    
    background-repeat: no-repeat;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;    
    image-rendering: crisp-edges;
    top: 1px;
    width: 153px;
}
#supersites a.icon-super-tab-JDF,
#small-supersites .icon-super-tab-JDF {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAABk1z2tAAABp0lEQVRIS+3VPShFYRzH8XtDyCSDsiiSUswiUQyKMgl5mQwGkoGS1yh56Q5IGAwGq6wKdQslSlgY78aASUqS76+eU4/TOaWOo6Oc+nS6z3XP+T3/53n+4rGIX/GI54vZAXMI24M21CKFAyzjxkwkj/sOZnGCahz7TLKL8SLM+Hx/Zd51x70cQ2hBBg6xgqQTMJ8P6zjFFp6RjSaMoxcX8ArYbR7+6hPEGdZkvP62hPElLOAcHygzYxsKmIYRc5/n/m69SN8rXCEmkQt3BYMG7OSZNR6T1HiVAhRgE2O49qhCupmVZhZGBVXZVUxBW+rLSihgKabRj0ePgPbQd/egqq19al9+S6wCtJqAKpb29j72kPIL6N78+oFKruunl9iZhIIWow7N0EHtc5Z4jQ+juPWooMJO/EJA+9XK1Yhh55Bo/V+QgH1I9KMwA2aZd6p7aGXsS1tv0W4z6neX2MYD1I8qNQvcQ30q0zzI7oNBT7GWcg565hHeoG4xqKK5G3U7gx2oxxPUMHXCk1BlwzjFylCBATRALe0MKtjun/pXR+DoXf8VDLomn5angD2KxcHbAAAAAElFTkSuQmCC');    
    background-repeat: no-repeat;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;    
    image-rendering: crisp-edges;    
    top: 1px;
    width: 40px;
}
#supersites a.icon-super-tab-TKD,
#small-supersites .icon-super-tab-TKD {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAABs0lEQVRIS+3UzyuEQRzH8V1ccKHIQf4A7pKDhHJUSiHFHvw8IhwQRZLktwNFW5KTcHRwQHtwIhdJiosScfBjb3h/NE9NT/vsPi7WwVOvdmZnnpnvM/OdCQaS/ASTPH9AAaRjFhuIWAHlU17GCWZQhzJ0mz56p8Pq/0L5AHM4wqdp0/gtCKEElwhjDQ9eAeTRuIJTTCGKphgB2EGn0V6MCYziEKnoQSbm8WzKrfyWoitWAJp8EVdmsDfzJYkCMN0ClRTaNThSsIkx2KubQz2McXcAF/w5iXcMwplcg/sNIJe+qxgxH6Gt0ngLuIWzNd8B2wHsUK9BLRqgfbQfvwG4c6pAX4pmaP+VJ3s4RtQOQJPv4hpKNiXYvRWB3wAyeEf7HYa97NnUlSMVaMSZ5rAD+OCPAehXiaenHz/NAXsLzu0ltMpZlLUlEa9TUEjjOpSMW9C++V2BavqG0IkiDJn6oyuYYeqv8e4BDbSENuhIJQog1jHU8dNqKgl1P9xBR1NbodXuixeABuyF8kHntsqUvS6iJ9r3MQ3dH062KwglYD3KoX7b0H1x8yeuYtfW/G71fwW+AEBof25bPh1gAAAAAElFTkSuQmCC');    
    background-repeat: no-repeat;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;    
    image-rendering: crisp-edges;    
    top: 1px;
    width: 32px;
}
#supersites a.icon-super-tab-FGE,
#small-supersites .icon-super-tab-FGE {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAQCAYAAACycufIAAACTUlEQVRIS92WPUhWURjHtcIKKYiWhpZ0FJqqpZqChqI9SEKxiL6JvhD6sKTSBkUSRVAbsqUh54iEoIY+hsaiIWqpqYbQEIr6/eScOFzufd8r6HJf+HHux3PPc/7P85znvI0NFf41Vlhbg+LWwiAcS4T+5PoZ3IY34fkhxqmCYFzjeW/yrpnrYdgMh+Fr8m5jeNfD+CEznz52QzfcyawpNX3CzXPYCUfgW/JyNde3YD4V94AHL4PRKsb9cAKOwhfQcUtGRGZt/293cHU53D1kfLxIceew/5V8k+d7A+/HwOAPwJ9gv5fxInQUidMuG+Gy4lby7XX4DD/gAJyC2eC8TObKiHO6bTAOJ8HEbIIRsGpmamVuHwatcA9+Q1lxW7AdhfMwB/fhErxeBnGu/wxYnlZZJ1iWfa65aM+5DvfdUDA06rX23K4QOb/rgq1BkEExi/5ugKWzlJlz3vVgAlbAGjgNC3uwKHMaum9sNFfA5lImc+6DCTBzT4OoPYw3oR0+LYM43RjMSbBCZoLfQnFRuFGfBztXGXEKmYZ10UEy2tUUbubcF879PmMXu2XZPRc/z62GWg3Fdy7ANm5XqifOWr8LNhIz/jdZuKVq93U0WJb7I4jZjcFUlPMYzPRXz/eixMWytCRtDJ5H9Ry0YWPtHw/26eJsMp6RnoeW+MEw3wXGj6C/7eC5aht/u9Ti8g7xfpy8ArNQq6F4qL6AJoiNI11fPB48P6+G+czkWbCUv4NzmPl3GWHe1gtsYeZy5qrGo8r/t6xGmnJUVDpz/wCftaSx2wIJ8QAAAABJRU5ErkJggg==');    
    background-repeat: no-repeat;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -moz-crisp-edges;    
    image-rendering: crisp-edges;    
    top: 1px;
    width: 55px;
}
@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) {
 	#supersites a.icon-super-tab-IHM,
	#small-supersites .icon-super-tab-IHM {
        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%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%20width%3D%22144.8px%22%0D%0A%09%20height%3D%2215.4px%22%20viewBox%3D%22-42%20-66.4%20144.8%2015.4%22%20enable-background%3D%22new%20-42%20-66.4%20144.8%2015.4%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_3%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_4%22%3E%0D%0A%09%3Ctext%20transform%3D%22matrix%281%200%200%201%20-42.0421%20-55.225%29%22%20font-family%3D%22%27Arial%27%22%20font-size%3D%2213%22%3EHOME%20%26amp%3B%20ELECTRICALS%3C/text%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');    
        background-repeat: no-repeat;
        width: 145px;
        top: 1px;
	}
	#supersites a.icon-super-tab-JDF,
	#small-supersites .icon-super-tab-JDF {
	    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%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%20width%3D%2238.3px%22%0D%0A%09%20height%3D%2215.4px%22%20viewBox%3D%221.8%20-22.2%2038.3%2015.4%22%20enable-background%3D%22new%201.8%20-22.2%2038.3%2015.4%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%09%3Ctext%20transform%3D%22matrix%281%200%200%201%201.8333%20-11.0777%29%22%20font-family%3D%22%27Arial%27%22%20font-size%3D%2213%22%3EGIFTS%3C/text%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_3%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_4%22%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');    
	    background-repeat: no-repeat;
        width: 38px;
        top: 1px;
	}
	#supersites a.icon-super-tab-TKD,
	#small-supersites .icon-super-tab-TKD  {
	    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%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%20width%3D%2230.3px%22%0D%0A%09%20height%3D%2215.4px%22%20viewBox%3D%2244.5%20-40.9%2030.3%2015.4%22%20enable-background%3D%22new%2044.5%20-40.9%2030.3%2015.4%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_3%22%3E%0D%0A%09%3Ctext%20transform%3D%22matrix%281%200%200%201%2044.4697%20-29.7822%29%22%20font-family%3D%22%27Arial%27%22%20font-size%3D%2213%22%3EKIDS%3C/text%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_4%22%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');    
	    background-repeat: no-repeat;
        width: 30px;
        top: 1px;
	}
	#supersites a.icon-super-tab-FGE,
	#small-supersites .icon-super-tab-FGE {
	    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%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%20width%3D%2251.9px%22%0D%0A%09%20height%3D%2215.4px%22%20viewBox%3D%220%200.4%2051.9%2015.4%22%20enable-background%3D%22new%200%200.4%2051.9%2015.4%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%20id%3D%22Layer_1%22%3E%0D%0A%09%3Ctext%20transform%3D%22matrix%281%200%200%201%200%2011.589%29%22%20font-family%3D%22%27Arial%27%22%20font-size%3D%2213%22%3EBEAUTY%3C/text%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_2%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_3%22%3E%0D%0A%3C/g%3E%0D%0A%3Cg%20id%3D%22Layer_4%22%3E%0D%0A%3C/g%3E%0D%0A%3C/svg%3E%0D%0A');    
	    background-repeat: no-repeat;
	    width: 52px;
	    top: 1px;
	}
}
#small-supersites .icon-super-tab-IHM,
#small-supersites .icon-super-tab-JDF,
#small-supersites .icon-super-tab-TKD,
#small-supersites .icon-super-tab-FGE {
    top: 4px;
}	/* complete : /css/common/supersites.css*/