/*---------------------------------------------------------------------- COMMON STYLE SHEET TEMPLATE (28-01-2012) - JP 1) Replaced styles for #productWindowContent p.productIncentiveSpecialOffer to match the new concepts (11-01-2013) AC 1) Updates to position of 'limited stock' image within large product fragment (12-11-23) AC 1) Removed min-height fast hack (of 6.25em) from '.productPreviewText' class (JIRA Bug BB-111) 2) Removed float, height, line-height and min-height properties from 'productFragmentWrapper' class as they're POINTLESS and already inherited anyway. (12-10-12) AC 1) Removed unneccesary styles (width and float) from #numItemsContainer to help solve duplicate character bug in IE. (Bug 14934) Added 100% width to .refinementHeader class to resolve IE7 concetina not firing issue (Bug 14879) (01-10-12) 1) Added 100% width to .refinementHeader class to resolve IE7 concetina not firing issue (Bug 14879) (11-09-12) 1) Removed bold declaration for #guidedNav-8 a:hover (29-03-12) NM - Tac 15 1) Removed grey line above product window images (discussed with Daryn Hobden). (14-12-11) MB - Tac 14 1) Removed border from all product images on product window (12-10-11) MB - Web CMS 2 Pagebuilder Release 1) productSort float and width changed as now used within PB cartridge templates. 2) Fixed merge issue with .productPreview height. (21-09-11) MB - My account release 1) Moved sign in css to new signInPages.css 2) removed duplicated styles conflicting with myaccount.css. 3) Drop down nav 3rd column bug fixed (23-11-10)JP - Removed width from #shoppingSecuredLogos (18-11-10) MB 1) Removed styling for 3rd party checkout complete banner advertisments products and moved to new checkout.css file (16-09-10) 1) Merged Trunk SDI with checkout. Fixing merge issue with Drop down nav styles repeated twice. SDI left at bottom of common. (23-08-10) TAC 9 Changes added as follows 1) MB - Numero button containers for online chat and callback, also headers updated for Help Page, Account Payment Balance, Account Transactions, Product details (28-07-10) 1) Bug fixed (5900) adjusted style for #greeting-10 img#questionMark to appear on top of unordered list. Added absolute position and z-index (14-07-10) Merged checkout sign in changes with TAC8 release (29-06-10) BC Various Style updates for View Bag, Payment Method and Product Details Checkout (24-06-10) JP - added styles for latest Sign In amends (16-06-10) BC - updated slight curvebox bug on Checkout Header (09-06-10) BC - Extracted http refs from background image styles (09-06-10) BC - JP Merged Existing Code to resolve conflicts ********************************** (08-06-10) 1) Testing new IE6png fix file by adding the following: img, div, a, input { behavior: url(iepngfix/iepngfix.htc) } (13-05-10) 1) Added Checkout project rework of GUI elements to end of common file 2) Added New Sign In Page styles 3) Added New Footer styles 4) Added Mini Bag styles (10/05/10) 1) Changed img paths to include reference for local build purposes ****MUST BE REMOVED BEFORE LAUNCH*** (22-03-10) 1) Adjusted default styles for resultPages page number selectors to include use of spacer class (15-03-10) 1) Bug fixed #sortByOptions, .recordsPerPage padding set to 8px 8px 3px; (09-03-10) 1) Added new layout css for QuickWins project; Shop Window, Product Window and Top Nav changes. (30-11-09) 1) Added order building banner background image (10-08-09) 1) Added new class #webLoyalty for order confirmation page to set default content alignment to center and removed #paymentConfirmationNav width 400px; (18/03/09) 1) Amended padding and width of #guidedNav-8 containers for inclusion of nav on shop window pages as part of fgn4 (10/03/09) 1) Added new classes for payment confirmation containers (16/02/09) 1) Updated with new classes for 3D secure pages and cash credit screen 2) Ways to Pay (Cash Credit) Page classes added (16/11/08) (22/01/08) 1) Updated with new classes for 3D secure pages (16/11/08) 1) Added VAT banner promo as live common. (Last updated 27/11/08) 1) default page background added to body tag. Alternative backgrounds should be added via brand_style.css body tag (Last updated 25/11/08) 1) #innerPageContainer added 100% height to ensure backgrounds span down page 2) #outerPageContainer added a default background image for fixed content pages. (05/11/08) 1) Added #innerPageContainer for centered site content 2) Added png sale icon project classes - .overImg class and .productPreview has been altered as follows to resolve a height bug added by including the relative image on this class min-height: 15.7em and height: 15.7em (04/11/08) 1) added additional height classes to #signedInPanel (30/10/08) 1) added new class (th.orderSummary span) for additional account transactions msg - (Please note: Cancelled items will not be displayed on this page) (29/10/08) 1) added fix for #accountNavPanel to float content to the right to resolve bug 1953 (27/10/08) 1) .parcelTitleDelivered - added new tick image for this class for background colour change in account management phase1b. 2) #signedInPanel readjusted due to accomodate additional div containers (16/10/08) 1) .orderDetailsTable tr, and td background colours created (29/09/08) 1) Fixed live bug for #signedInPanel - height set to height: 362px (25/09/08) 1) Bug fixed for #orderTrackingContainer size difference in IE6 and mozilla (24/09/08) 1) All phase 1b account transaction pages completed (22/09/08) 1) Account Transactions page completed. (19/09/08) 1) Order Tracking pages 1 to 3 completed. (17/09/08) 1) Created css for page Account Order Tracking1 2) Testing monitor grey palette - created 3 test classes - Test classes now removed (16/09/08) 1) Added .tableborderPaymentAlert classes to resolve font issue on checkout page 2) Added #autoSignInPanel class for new customer registration page 2 (04/09/08) 1) Added classes for new Registration complete account pages - msg 2 and msg 3 2) Added login complete pages msg 1 - free gift and msg 2 - min payment (02/09/08) 1) Added classes for new footer ISIS and IDIS logos in footer section 2) Added classes for new Registration complete account page - msg 1 - welcome to online shopping (29/08/08) 1) Added content for 3 new account management pages; Register and New Online Customer pages 1 and 2 (26/08/08) 1) Added content for new account management page Sign In (02/07/08) 1) Fix for FF3 bug where the 'You have Selected" list, 'Remove Item' text was not aligned to the right hand side. (01/07/08) 1) Hack added to indent list items on Product detail pages. 2) Hack to center container on NoResults page. (26/06/08) 1) #editorial altered to accomodate if no seo text and/or image is displayed. (25/06/08) 1) Font size on Guided Nav H3 increased to 0.88em. 2) Font weight on Guided Nav links reduced to normal from bold. (20/06/08) 1) Bug on product numbers when showing more than 25 pages of results, does not now break layout. 2) Increased product category preview container height to support categories text that run on to two lines under the preview images. 3) Stopped text hover background colour appearing on affinity product preview images. (12/06/08) 1) changed floatRight img class for guided nav, em margin to px to stop seo text being pushed out when font scale is increased. 03/06/08 1) Add clear both for home page content div to prevent home page side nav breaking layout. 2) Fixing header section creating horizontal scroll bar at bottom of the home pages in IE7 only **Resolved javascript bug - missing top and left px sizes for absolute position (updated - 19/05/2008 - 14:15) 1) Corrected all IE pages displaying content center aligned due to div align="center" coded on every page around table content. Corrected using tbody { text-align: left; } (updated - 19/05/2008 - 11:45) 1) Line height removed from body and applied just to guided nav due to too many line height conflicts on smaller base font size pages 2) Added missing acctssubtitle style (updated - 16/05/2008 - 15:20) 1) Testing removing line-height to correct home page errors. (updated - 16/05/2008 - 10:00) 1) set td a to 12px to stop text links becoming too small due to em conflicts on Weee pages html class conflicts 2) corrected li padding issue conflict caused by td class conflicts in mozilla (updated - 15/05/2008 - 12:45) 1) Fixed ul li sizes on shop window, product preview, and product pages 2) Fixed none image based grey buttons with correct button state colours (used on account sign in pages etc) (updated - 09/05/2008 - 16:36) 1) Testing to correct bodytext class conflicts 2) removed table, tr, td, from h1 etc grouped classes due to cellpading and conflicting with table aligned center conflicts 3) Hacks added to 'fix' Product Page hover state (updated - 01/05/2008) 1) Removed redundant classes, repeated properties and majority of colour conflicts 2) Added Guided Nav and Header projects css layout styles 1) Added 'mediaplexCC' class for Adaptive Affinity banner ****** All site center containers ***** */ /******* default page background for all sites (This can be overwritten by brand_style.css as needed) *****/ #outerPageContainer { min-height: 100%; margin-left: auto; margin-right: auto; width:1003px; } * html #outerPageContainer{ width:1003px; min-height:100%; } #innerPageContainer { text-align: left; /* text align must be declared in all items due to 'text-align: center;' being in the body tag*/ } /* 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; /*this will center ALL items on the page in IE but only text in Moz etc. used in conjuntion with the centered page layout. text is reverted back to left aligned via #outerPageContainer */ /*background-image: url(default_pageFrameV2.gif);*/ background-image: url(//images2.drct2u.com/content/images/freeformat/default_pageFrame.gif); background-repeat: repeat-y; background-position: center; width:100%; } h1, h2, h3, h4, h5, h6, div, p, span, form { margin: 0; padding: 0; } p, helplink { font-size: 0.75em; /* 12px / 0.75em em base 100/16px */ padding: 0 0 0.31em 0; } /* Hack added to indent list items on Product detail pages. ---------------------------------------------------------------------*/ span.bodytext ul { margin: 0 0 0 1.5em; } /* Hack to increase font size for nested lists on the Sizing pages ---------------------------------------------------------------------*/ td ul { margin: 0 0 0 3em; } ul li ul li { font-size: 11px; } /* 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, td a { 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; } #productionWindow a:hover { padding: 0; margin: 0; background-color: #fff; color: #fff; } .pageselection h1{ margin: 0 0 0.31em 0; } .pageselection h2{ margin:0 0 0.31em 0; background-color: #ffffff; } /* Default Header Sizes and Link Class text decorations ----------------------------------------------------------------------*/ h1, .largetitle, .VLDlargetitle { 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; } a { outline: none; } /* Image Classes ----------------------------------------------------------------------*/ img { border: 0; zoom: 1; padding: 0; margin: 0; } img a:link, img a:visited, img a:hover { background-color: transparent; padding: 0; margin: 0; text-decoration: none; } .floatRight { float: right; margin: 0 8px 0 8px; } /* 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; } /* innerBorder and outerBorder ------------------------------------------------------------------------*/ .innerBorder { border: 1px solid #ffffff; } .outerBorder { border: 1px solid #ffffff; } /* Breadcrumb nav ----------------------------------------------------------------------*/ #breadcrumbNav { width: 785px; float: left; margin-top: 10px; height: 24px; } #breadcrumbNav span, #breadcrumbNav H1 { font-size: 13px; font-weight: bold; float: left; margin-bottom: 4px; } #breadcrumbNav a, #breadcrumbNav a:link, #breadcrumbNav a:hover, #breadcrumbNav a:visited { float: left; font-size: 13px; font-weight: bold; } #searchResultsHeader h2 #strapline{ border-left: 1px solid #999999; padding: 0 0 0 5px; } /* 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 .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; } /* ---------------------- FORM STYLES ---------------------- */ #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; } /* Select box replacement styles ----------------------------------------------------------------------*/ div.selectbox-wrapper { position:absolute; margin: 0; padding: 0; text-align:left; width:14.06em; } div.selectbox-wrapper ul { list-style-type:none; margin: 0; padding: 0; width:inherit; } div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:0.13em; cursor:pointer; } .selectbox { margin:0; padding:2px 1px 1px 1px; width:14.06em; display:block; background-position:right; cursor:pointer; font-size:0.63em; } #search { width: 246px; float: right; } /* 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; } /* Category Navigation (left nav) -----------------------------------------------------------------*/ #navCategories-8 { float: left; width: 160px; display: block; margin: 0.31em; padding: 0; } #navCategories-8 h2 { padding: 3px 0 3px 4px; font-size: 0.88em; } #navCategories-8 ul { float: left; padding: 0; margin: 0; list-style-type: none; font-size: 0.75em; font-weight: bold; } #navCategories-8 a { padding: 2px 0 2px 6px; } #navCategories-8 a, #navCategories-8 a:link, #navCategories-8 a:visited { text-decoration: none; display:block; width:154px; } #navCategories-8 a:hover { text-decoration:none; display:block; width:154px; } /* Guided Navigation -----------------------------------------------------------------*/ #guidedNav-8 { /*float: left;*/ width: 160px; display: block; padding: 0 0 5px; margin: 0 0 0 10px; word-wrap: break-word; background: transparent none; } #guidedNav-8 p { margin: 0 0 0.75em; padding: 0; font-size: 0.69em; font-weight: normal; clear: both; word-wrap: break-word; } #guidedNav-8 .availableFiltersContainer { zoom: 1; /* Fix for IE */ width: 100%; } #guidedNav-8 ul { padding: 0 0 0.5em; margin: 0 0 0.5em !important; list-style-type: none; width: 100%; overflow: visible; } /* Micro Clearfix (Part 1) */ #guidedNav-8 ul:before, #guidedNav-8 ul:after { content: " "; display: table; } /* Micro Clearfix (Part 2) */ #guidedNav-8 ul:after { clear: both; } /* Micro Clearfix (Part 3) * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ #guidedNav-8 ul { *zoom: 1; } .availableFiltersContainer li { min-height: 2em; height: auto !important; height: 2em; /* min-height fast hack to prevent element collapsing and odd wrapping behaviour */ } #guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFilters, #guidedNav-8 #selectedFiltersHeader { width: 100%; background: transparent none; } #guidedNav-8 .refinementHeader, #guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFiltersHeader { font-size: 0.88em; font-weight: bold; clear: both; border-bottom: none !important; color: #000; } #guidedNav-8 .refinementHeader { position: relative; width: 100%; /* Solves IE7 Bug (bug 14879) */ } #guidedNav-8 .refinementHeader span { display: block; background: transparent url(http://images2.drct2u.com/content/common/images/commongui/guiConcentinaCtrlArrows.png) no-repeat 0 2px; padding: 0 3em 0 16px; cursor: pointer; } #guidedNav-8 .refinementHeader span.active { background-position: 0 -94px; } #guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited { text-decoration: none; } #guidedNav-8 a:hover, #guidedNav-8 a:focus { text-decoration: underline; } a.clearRefinement { text-align: right; } #guidedNav-8 a.clearRefinement { position: absolute; top: 0; right: 0; text-decoration: none; font-weight: normal !important; } #guidedNav-8 .refinementHeader a.clearRefinement:hover, #guidedNav-8 .refinementHeader a.clearRefinement:focus { text-decoration: underline; } #currentSelection li { list-style-type: none; word-wrap: break-word; color: #000; line-height: 2; font-size: 12px; } #currentSelection li span { float: right; font-weight: normal; clear: both; } ul#currentSelection a { text-align: right; } ul.doubleColMenu li, ul.tripleColMenu li { float: left; margin: 0; padding: 0; } ul.doubleColMenu li { width: 48%; margin-right: 1%; } ul.tripleColMenu li { width: 32%; margin-right: 1%; } #guidedNav-8 input, #guidedNav-8 label { vertical-align: middle; color: #000; } #guidedNav-8 input[type="checkbox"] { margin: 0 2px 0 0; _margin: 0 1px 0 0; } #guidedNav-8 .disabled, #guidedNav-8 label.disabled { color: #CCC; } ul#brandBox { height: 150px; overflow: auto; width: 150px; margin-left: 2px; clear: both; } /* 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 range 3 column style containers with 122 x 130 images -----------------------------------------------------------------*/ .productRange122x130x3 { text-align: left; float: left; width: 32.9%; margin: 0 0 0.3em 0; min-height: 10.63em; height: auto !important; height: 10.63em; } .productRange122x130x3 h2 { font-size: 0.94em; margin: 0 0.13em 0 0; padding: 0.3em 0.4em 0.3em 0.4em; } .productRange122x130x3 img.floatLeft { float: left; margin: 5px 10px 0 0; border: 0; padding: 0; } /* Product range 3 column style containers with 212 x 260 images -----------------------------------------------------------------*/ .productRange212x260 { text-align: center; float: left; width: 32.9%; margin: 0 0 0.3em 0; min-height: 18.75em; height: auto !important; height: 18.75em; } .productRange212x260 h3 { font-size: 0.94em; margin: 0 0.13em 0 0; padding: 0.3em 0.4em 0.3em 0.4em; } /* Product preview (search results - lv4 pages) 5 column style containers with 122 x 130 images -----------------------------------------------------------------*/ .productPreview { 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; } /* image hover script - see /js/ballontip.js for config options ----------------------------------------------------------------- */ .hoverStyle{ position:absolute; top: -500px; left: 0; padding: 3px; visibility: hidden; z-index: 100; width: 210px; /*Remove below line to remove IE shadow effect. The line below should always appear last within this class */ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5); } #arrowhead{ z-index: 98; position:absolute; top: -500px; left: 0; visibility: hidden; } /* No Search Results pages (Note Colours set in common as these pages are currently one colour scheme for all sites) ----------------------------------------------------------------------*/ #noResultsContainer { width: 37.50em; margin-left: auto; margin-right: auto; border: 0.06em #CCCCCC solid; padding: 0.63em; background-color: #ffffff; height: auto; text-aligned: left; clear: both; } #alignmentContainer { text-align: center; } #noResultsContainer h1, #noResultsContainer h2 { background-color: #e2e2e2; padding: 7px; color: #000000; text-align: left; } #noResultsContainer h2 { font-size: 0.88em; } #noResultsContainer p { font-size: 0.88em; text-align: center; } #noResultsContainer ul { margin: 1.2em 0 1.2em 3em; font-size: 0.88em; text-align: left; } #searchAgainBox { margin-left: auto; margin-right: auto; border: 1px #000000 Solid; background-color: #F5F5F5; text-align: center; } #searchAgainBox p{ margin-bottom: 0.63em; } #searchAgainBox a, #searchAgainBox a:link, #searchAgainBox a:visited { color: #000000; text-decoration: underline; } #searchAgainBox a:hover { color: #ffffff; background-color: #666666; } #searchAgainBox h2 { background-color: #3b3b3b; color: #ffffff; margin: 0 0 10px 0; text-align: left; } /* 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.boldredlink { font-weight: bold; color: #cc0000; } a.smalllink { 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 { font-size: 0.88em; /* 14px Changed to em value */ font-weight: bold; } .largewhitetextbold { font-size: 0.88em; /* 14px Changed to em value */ font-weight: bold; color: #ffffff; } .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; } .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 */ } /* sidebartext - Incentive code box text ------------------------------------------------------------------------*/ .sidebartext { font-size: 0.63em; /* 10px Changed to EM value*/ } #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 { 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*/ } /* Quick Order Form styles ------------------------------------------------------------------------*/ .qofheadingnumber { font-size: 0.69em; /* 11px Changed to EM value*/ } .qofheadingtitle { font-weight: bold; font-size: 0.88em; /* 14px Changed to EM value*/ } /* Yellow for promotional products in the quick order form */ .qofpromomainsitecolour { background: #f3d91d; } .qofpromotablecelllight { background: #f3d91d; } /* Red for discount promotions in the quick order form */ .qofdiscountmainsitecolour { background: #cc0000; } .qofdiscounttablecelllight { background: #cc0000; } /* this is used for price display (productdetails_view.jsp) in crazy clearance */ .bodytextredbold { font-weight: bold; color: #cc0000; } img.productDetailsLogos { display: block; margin: 1em 2em 0 0; } img.sitelink { display: inline; margin: 0 0 0 4px; } #FreeFormatPage { margin: 0; } .newsseparator { color: #fff; font-weight:bold; } .searchbackground { background : #E2E0E2; } .warrantylogo { text-align: center; border: 1px solid; width: 120px; } .warrantyhref { font-size: 0.88em; /* 14px Change to em value */ font-weight: bold; } /* Advanced Search page ----------------------------------------------------------------------*/ #searchbottom { padding: 5px; margin-left: 1em; margin-top: 0.8em; } /* 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; } /* HACK - ProductPages styles - WILL BE REMOVED FOR FULLY GUIDED NAV PROJECT (Note Colours set in common as these pages are currently one colour scheme for all sites) ----------------------------------------------------------------------------------------------*/ #productImages a, #productImages a:link, #productImages a:visited { text-decoration: none; color: #000; } #productImages a:hover { color: #000; background-color: #fff; text-decoration: underline; } /* 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; position: top; } .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 5px 0; } #transactionsSubHeader { float: left; margin: 5px 0 5 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; } /* --------- Over image png's - sale, best seller and new in -------------*/ .overImg, .overImgRight, .overImgTopRight { display: none; } #productWindowContent .overImg { position: relative; z-index: 3; margin-top: -55px; margin-left: 7px; float: left; display: inline; } /* --------- Over image right hand side png's - buy1get1free & multi-buy -------------*/ #productWindowContent .overImgRight { position: relative; z-index: 4; margin-top: -60px; float: right; clear:right; display: inline; } /* --------- Over image top png's - online exclusive -------------*/ #productWindowContent .overImgTopRight { position: relative; z-index: 5; margin-top: -242px; float: right; clear:right; display: inline; } #productWindowContent .largeProductFragment .overImgTopRight { margin-top: -497px; } .overImg a, .overImg a:link, .overImg a:visited, .overImg a:hover, .overImgRight a, .overImgRight a:link, .overImgRight a:visited, .overImgRight a:hover, .overImgTopRight a, .overImgTopRight a:link, .overImgTopRight a:visited, .overImgTopRight a:hover { border: none; } p.videoAvailable { display: none; } #productWindowContent p.videoAvailable { background-image: url(/content/images/promotionalLogos/DAL_video_overlay.png); background-repeat:no-repeat; background-position: 50% 50%; padding:4px; border:none; width:100%; height:18px; text-indent:-9999px; display: block; } p.productIncentiveSpecialOffer { } #productWindowContent p.productIncentiveSpecialOffer { margin: 0px; padding: 4px; text-align: center; /*font-weight: bold; text-transform: uppercase; color: #FFFFFF; font-size: 14px; text-shadow: 1px 1px black; border: 1px solid #FFFFFF; background: rgb(169,21,21); background: -moz-linear-gradient(top, rgb(169,21,21) 0%, rgb(114,4,3) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(169,21,21)), color-stop(100%,rgb(114,4,3))); background: -webkit-linear-gradient(top, rgb(169,21,21) 0%,rgb(114,4,3) 100%); background: -o-linear-gradient(top, rgb(169,21,21) 0%,rgb(114,4,3) 100%); background: -ms-linear-gradient(top, rgb(169,21,21) 0%,rgb(114,4,3) 100%); background: linear-gradient(to bottom, rgb(169,21,21) 0%,rgb(114,4,3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91515', endColorstr='#720403',GradientType=0 ); */ } /* extra div added to accommodate placement of limited stock code outside the product preview (in product window page) */ .productFragmentWrapper { position: relative; float: left; /*height: auto !important; line-height: 0.94em; min-height: 23.7em;*/ } /* Limited Stock and Online Exclusive 'Flashes' for Product Fragments */ .limitedStock, .onlineExclusive { position: absolute; display: block; white-space: nowrap; overflow: hidden; text-indent: 100%; } .limitedStock { background: url(//images2.drct2u.com/content/common/images/commongui/limitedStockSmall.png) no-repeat 0 0; top: 182px; right: 0; width: 60px; height: 60px; } .onlineExclusive { background: url(//images2.drct2u.com/content/images/promotionalLogos/JDW_exclusive_overlay.png) no-repeat 0 0; top: 0; right: 4px; width: 74px; height: 72px; } .largeProductFragment .limitedStock { top: 436px; /* 497px (main image height) - 60px (limited stock image height) */ right: 0; } .largeProductFragment .onlineExclusive { top: 0; right: 15px; } /* VAT promo banner (Positioned Site wide between the top navigation and the content div)---------------*/ #promoText { float: left; background: url(//images2.drct2u.com/content/images/homepages/081128AW_ALL_promoBg.gif) repeat-x top left; color: #000000; height: 33px; margin: 0 0 2px 0; text-align: center; text-decoration: none; width: 100%; } #promoText p { font-size: 18px; font-weight: bold; padding: 7px 0 6px 0; } /* 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 { /* left card icon*/ width:160px; float:left; text-align:left; } #verfiedbyvisa #card_election { /* right card icon*/ width:160px; 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; } /*---- stock status in product details (hidden in preview sites) ----*/ .fadeMsgBox { position:absolute; bottom: 50px; left: 0; height: 50px; width: 318px; } /*Web Loyalty classes */ #webLoyalty { text-align: center; } #topNavPromoButton { width: 0; } /* Order Building */ #orderBuildingBanner { background-image: url(//images2.drct2u.com/content/common/images/orderBuilding/orderBuildingBanner.png); background-repeat: no-repeat; width: 579px; height: 76px; cursor: pointer; margin-left: 50px; _margin-left: 26px; float: left; } /* Product window -----------------------------------------------------------------*/ #productWindowContent img.large { display: block ! important; } #productWindowContent img.thumb { display: none; } /* Shop Window Image Promotion Template CSS ------------------------------------------- */ #shopWindowPageContainer { float: left; /* do not alter */ clear: both; /* do not alter */ } /* Shop Window NEW Editorial Containers when including Image Promotions ------------------------------------------- */ #editorialBottom { width: 790px; /* do not alter */ margin-bottom: 5px; /* do not alter */ float: left; /* do not alter */ min-height: 10px; /* do not alter */ border: 1px solid #cccccc; /* change as required */ background-color: #f6f7fc; /* change as required */ padding: 5px; } #editorialBottom h2 span { font-style: normal; /* change as required */ color: #000000; /* change as required */ } /* Shop Window OLD Editorial Containers ------------------------------------------- */ #editorial { width: 800px; border: 1px solid #cccccc; margin-bottom: 0.63em; height: auto; min-height: 0.63em; float: left; } #editorial h2, #editorial p { padding: 0.31em; } #editorial h2 { font-weight: bold; } #editorial h2 span, #editorial h2 a, #searchResultsHeader h2 span { font-size: 14px; } #editorial h2 span, #searchResultsHeader h2 span { font-style: normal; color: #000000; } #editorial .floatRight { margin: 0; padding: 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:bold; } /* 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; 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; 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; 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(//images.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(//images.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:url(//images2.drct2u.com/content/common/images/commongui/GUI_btnHelpIconOrangeCircle.png) no-repeat scroll 0 0 transparent; 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 { } .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: 245px; height: 50px; background-image: url(//images2.drct2u.com/content/common/images/commongui/liveChatButtonFrame.png); background-repeat: no-repeat; padding: 24px 0 0 5px; display: none; } #numeroBtnContainer span { display: none; } #numeroLiveChat { display: none; } #numeroLiveChat a, #numeroLiveChat a:link, #numeroLiveChat a:visited { float: left; width: 114px; height: 36px; background-image: url(//images2.drct2u.com/content/common/images/commongui/liveChatBtn.png); background-repeat: no-repeat; background-position: 0 0; } #numeroLiveChat a:hover, #numeroCallBack a:hover{ background-position: 0 -38px; background-color: transparent; } /*--- 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: 39px; 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(/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 -------------------------*/ /*----------Advertising Video Player ---------------------------*/ .hide { display: none; } .show { display: block; } #ADVideoPlayerHeaderLink a, #ADVideoPlayerHeaderLink span { font-size: 14px !important; } #adVideoRestoreBanner { position: fixed; z-index: 999; bottom: 0; height: 30px; width: 100%; } #adVideoCloseContainer { position: fixed; border-top: 1px solid black; left: 0; background-color: #8a0404; width: 144px; height: 30px; bottom: -4px; } #adVideoRestoreBanner a, #adVideoRestoreBanner a:link, #adVideoRestoreBanner a:visited { font-weight: bold !important; color: #FFF !important; float: left !important; margin-left: 20px !important; margin-top: 3px !important; text-decoration: underline !important; font-size: 15px !important; } #adVideoContinueContainer img { padding-top: 5px; float: left; padding-left: 10px; } #adVideoContinueContainer span { font-weight: bold !important; color: #FFF !important; float: left !important; margin-left: 12px !important; margin-top: 4px !important; font-size: 15px !important; } #adVideoRedCross { position: fixed; left: 115px; bottom: 5px; } #adVideoContinueContainer { position: fixed; border-top: 1px solid black; bottom: -4px; left: 143px; background-color: #2c2a2a; width: 100%; height: 30px; margin: 0; } /*--- Video Popup Styling START -------------------------*/ #carouselFrame { width: 990px; height: 505px; } .adVideoclose { display: none; } #adVideoPopupFade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .adVideoPopup_block{ display: none; padding: 0; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; } img.btn_closeAdPlayer { float: right; margin: -55px -55px 0 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #adVideoPopupFade { position: absolute; } *html .adVideoPopup_block { position: absolute; } #adVideoPopup1 { height: 505px; } li#ADVideoPlayerHeaderLink { left: -999em; position: absolute; } /*--- Video Popup Styling END -------------------------*/ /*----------End of Advertising Video Player ---------------------------*/ .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 { font-size:0.75em; } #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: 50px; background: transparent url(http://images2.drct2u.com/content/common/images/commongui/productReviewRatingStars.png) no-repeat 0 50%; 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(http://images2.drct2u.com/content/common/images/commongui/productReviewRatingStarsDisabledGrey.png); /* Disabled (Ghosted) */ } .rating .score.five { background-position: -1100px 50%; } .rating .score.fourAndHalf { background-position: -1150px 50%; } .rating .score.four { background-position: -1200px 50%; } .rating .score.threeAndHalf { background-position: -1250px 50%; } .rating .score.three { background-position: -1300px 50%; } .rating .score.twoAndHalf { background-position: -1350px 50%; } .rating .score.two { background-position: -1400px 50%; } .rating .score.oneAndHalf { background-position: -1450px 50%; } .rating .score.one { background-position: -1500px 50%; } .rating .score.half { background-position: -1550px 50%; } .rating .score.zero { background-position: -1600px 50%; } #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 50%; } #guidedNav-8 .rating .score.fourAndHalf { background-position: -100px 50%; } #guidedNav-8 .rating .score.four { background-position: -200px 50%; } #guidedNav-8 .rating .score.threeAndHalf { background-position: -300px 50%; } #guidedNav-8 .rating .score.three { background-position: -400px 50%; } #guidedNav-8 .rating .score.twoAndHalf { background-position: -500px 50%; } #guidedNav-8 .rating .score.two { background-position: -600px 50%; } #guidedNav-8 .rating .score.oneAndHalf { background-position: -700px 50%; } #guidedNav-8 .rating .score.one { background-position: -800px 50%; } #guidedNav-8 .rating .score.half { background-position: -900px 50%; } #guidedNav-8 .rating .score.zero { background-position: -1000px 50%; } .rating .reviews { overflow: auto; } .productPreview .rating { font-size: 12px; } .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, a.chatButton:hover, a.chatButton:focus{ display: block; color: #FFF; text-decoration: none; padding: 6px; width: 110px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-family: Arial, Helvetica, sans-serif; border-width: 1px; border-color: rgb(50,140,193) !important; background-image: url(//images.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(//images.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(//images.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), -webkit-linear-gradient(rgb(64,158,214) 0%,rgb(48,137,190) 100%); background-image: url(//images.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(//images.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(//images.drct2u.com/content/common/images/commongui/chat_chatBubbles.png), linear-gradient(rgb(64,158,214) 0%, rgb(48,137,190) 100%); *background: url(//images.drct2u.com/content/common/images/commongui/chat_chatBubbles.png); *background-color: #52A7DA !important; background-position: middle right; background-repeat: no-repeat; } @media screen and (-webkit-min-device-pixel-ratio:0) { a.chatButton, a.chatButton:hover, a.chatButton:focus { background-color: #52A7DA !important; background-image: url(//images.drct2u.com/content/common/images/commongui/chat_chatBubbles.png) } } a.chatButton:hover, a.chatButton:focus { text-decoration: none; } #chatBtnContainer { float: right; height: 40px; background-repeat: no-repeat; padding: 0px; display: none; position: relative; } .contactUsChat #chatBtnContainer { height: 0px; } .contactUsChat a.chatButton { position: absolute; top: -16px; *top: -32px; left: -123px; }