/* ------------------------------------------------------------------ Filename: common.css Author: AKQA Description: Basic page layout and default styles Contents: - Reset styles - Global styles - Basic Page Layout Sainsbury's colour palette: - Aubergine - #4e0011 - Plum - #930031 - Cherry - #c11933 - Strawberry - #e23d3a - Orange - #f26334 - Tangerine - #f57f33 - Apricot - #fbac18 - Lemon - #ffd100 - Butter - #ffeb9a - Cream - #fdeec3 ------------------------------------------------------------------- Reset Styles */ /* Fixes Mozilla (i.e. Firefox) scrollbar issue, by indicates that scrollbars should always appear, therefore stopping the center of the page jumping if the page is smaller than the browser window */ html {overflow:scroll;} /* Fixes Mozilla (i.e. Firefox) ellipsis issue */ *:focus {outline-style:none;} body { margin:0 auto; font:62.5% tahoma,arial,sans-serif;line-height:1.3em;color:#000; background:#eee;} /* Header resets */ h1, h2, h3, h4, h5, h6 { margin:0;padding:0; font-family:tahoma,arial,sans-serif;font-size: 1.0em;text-indent: -9999px; background:no-repeat top left;} /* global resets */ p {margin:0;} img { border: none; } a:focus img { border: 1px grey dotted; } form {margin:0;} input, select, textarea {padding:2px;} fieldset {border:0px;} table {table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em;} caption {display:none;} ul {margin:0;padding:0;list-style-type:none;} /* End Reset Styles */ /* ------------------------------------------------------------------ Global Styles */ .hidden {display:none;} p.whiteText {color: #ffffff;} /* Error used for when there are validation problems when submitting a form. This style may need to be modified once server-side validation is introduced. */ .error {color:#f00;font-weight:bold !important;} .errorContactme { color:#f00; font-weight:bold !important; margin:0 0 10px 0; } .myDetailsIcon form dl.form dd.error {padding-left:150px;} /* added for My Account - My Details page */ .errorb {align:left;} div.highlightError { background:#f8e8e9; } div.highlightError .error { width:auto;display:block;margin:0 0 5px;color:#c31f3a } div.highlightError input, .highlightError select { border:solid 1px #c31f3a } div.highlightError input.checkbox { border:none } div.formBlock .error { display:none; } /* Start Global Anchor Styles Anchor styles are defined so that if by default, all links are underlined. As an exception, if the link is given a 'chevron' class, it will be prefixed with a chevron image and will only underline on hover. New window suffixes a new window icon to the link */ a { color:#000; text-decoration: none; } a:hover, a:active { text-decoration: underline; } a.chevron { padding-left:8px; text-decoration: none; background:url(/support_files/style_images/common/chevrons/right-full.gif) no-repeat left 4px; zoom: 1; } a.chevronWhite { padding-left:8px; text-decoration: none; background:url(/support_files/style_images/common/chevrons/right-full-white.gif) no-repeat left 4px; color: #ffffff !important; zoom: 1; } a.chevron:hover, a.chevronWhite:hover { text-decoration: underline; } a.chevron.grey { background:url(/support_files/style_images/common/chevrons/left-full-grey.gif) no-repeat left 2px; color: #858585 !important; } a.rchevron { padding-left:8px; text-decoration: none; background:url(/support_files/style_images/common/chevrons/left-full.gif) no-repeat left 60%; } a.newWindow { padding-right:15px; background:url(/support_files/style_images/common/icons/icon-external-link.gif) no-repeat right 1px; } /* End Global Anchor Styles */ /* CND Changes Start */ /* action button on highlight background (yellow button with white background) */ .btnYellowActionHighlight { background:#fdeec3 url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif); } .btnYellowActionHighlight span, .btnYellowActionHighlight span span, .btnYellowActionHighlight span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-yellowonwhite.gif); } .btnAction span span span span, .btnYellowActionHighlight span span span span { background-image:url(/support_files/style_images/common/buttons/btn-chevron-orange.gif); } .btnAction span span span span.back, .btnYellowActionHighlight span span span span.back { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-back.gif); } /* CND Changes End */ /* Start Global Form Input Styles Input styles are defined so that the text color of user entered data is black. System entered data is grey, as set by the 'default' class. */ input, select, textarea { font:1em tahoma,arial,sans-serif; color: #000; border:solid 1px #a9afb5;} input.checkbox { border:none;background:none } option { padding:0 4px; color: #000; } select.default, option.default, input.default, textarea.default { color:#666; } input.readonly { color:#666; background-color:#efefef } div.form { width:358px} div.formField { margin-top:5px;padding:2px 0pt 2px 10px; } div.highlightError { padding:5px 0 5px 10px; } div.formField div.label { float:left;width:160px } div.formField div.label label { float:left;line-height:1.9em; } div.formBlock { margin-top:5px;padding:2px 0 2px 10px; } div.formBlock div.label { float:left;width:160px } div.formBlock div.label label { float:left;margin-top:3px } div.formBlock .data { margin-top:2px; } div.formField input,div.formBlock input { float:left;width:179px;} div.formField select,div.formBlock select { float:left; } div.formField select.setWidth { width:185px; } div.formBlock div.btnRounded {margin:5px 0 10px 0} /* special formField formats */ div.formFieldSelectAddress { margin-top:5px; padding:5px 0 5px 10px; } div.formFieldSelectAddress div.label { float:left; width:160px; } div.formFieldSelectAddress div.label label { float:left; margin-top:5px; } div.formFieldSelectAddress select { float:left; width:185px; margin:3px 0 0pt 0pt; } div.formFieldSelectAddress input, div.formFieldSelectAddress div.addressGoButton { clear:both; float:right; margin-top:5px; margin-left:160px; } div.formFieldSelectAddress div.addressGoButton div { margin-left:0px;margin-top:0px; } div.formField.checkbox input { width: auto; margin-right: 5px; margin-left: 160px; } div.formField.checkbox label { } div.formField.date select, div.formBlock.date select { width:88px; } div.formField.date select.month, div.formBlock.date select.month { margin-right:9px; } div.formField.textboxsmall input, div.formBlock.textboxsmall input { width: 55px; } div.formField.textboxAutoWidth input { width: auto; } div.formField.nectarField div.input p, div.formBlock.nectarField div.input p { float: left; margin-right: 5px; margin-top: 3px; line-height: 1.2em; } div.formField.nectarField input, div.formBlock.nectarField input { width: 120px; float: left; } div.formField.postcodePAF { margin-bottom:10px; padding-bottom:10px; background-image:url('/support_files/style_images/checkout/separators/bg-formdivider.gif'); background-position:10px 100%; background-repeat:no-repeat; } div.formField.postcodePAF div.label label { margin-top: 7px; } div.formField.postcodePAF input.short { width: 60px; margin:5px 10px 0pt 0pt; } div.formField.postcodePAF input.btnPlain, div.formField.postcodePAF .btnRounded { float:right; } div.formField.postcodePAF .btnRounded { white-space:nowrap; } div.formField input.buildingNumber { width: 95px; } div.formField input.short { width: 55px; } div.checkboxSection { background: url('/support_files/style_images/checkout/separators/bg-formdivider.gif') 10px 0px no-repeat; padding-left: 10px; padding-top: 10px; margin-top: 10px; } /* End Global Form Input Styles */ /* ------------------------------------------------------------------ Basic Page Layout */ .wrapper { font-size:1.1em; background:url(/support_files/style_images/common/backgrounds/bg-container-main.gif) repeat-y top center; } .container { margin:0 auto; width:995px; text-align:left; background:#fff; } /* Padding on the bottom ensures the white background goes all the way down */ .extendToBottom { padding-bottom: 1px; } /* ------------------------------------------------------------------ Page / Sitemap border */ .page, .sitemap { margin-left:10px;width:975px; background:url(/support_files/style_images/common/body/bg-main-top.gif) no-repeat top left; } .page { clear:both;padding-top:25px; } .page .pageData{ background:url(/support_files/style_images/common/body/bg-main-middle.gif) repeat-y top left; } .pageFooter { margin-bottom:10px; height:4px; font-size:1px; background:url(/support_files/style_images/common/body/bg-main-bottom.gif) no-repeat top left; } /* ------------------------------------------------------------------ Variations for LiveSite laid-out pages */ .lsPage {} .lsPageData{ } /* overriding page background for when there is a required grey gradient */ .pageDetailed { margin-bottom:10px; background:url(/support_files/style_images/common/body/bg-main-middle-leftfade.png) repeat-y 10px 0px; } .pageDetailed .page { background:url(/support_files/style_images/common/body/bg-main-top-leftfade.gif) no-repeat top left; } /* required for fixing IE7 bug - margin has to be applied to pageDetailed */ .pageDetailed .page .pageFooter { margin-bottom:0px; } /* Global Site Footer */ div.footerLineWrapper { background: transparent url('/support_files/style_images/common/footer/bg-main-bottom.gif') no-repeat scroll center bottom; font-size: 1.1em; height: 8px; position: relative; top: -4px; } div.footerBar { margin: 0pt 8pt; background: #f26334 url('/support_files/style_images/common/footer/bg-footer.gif') no-repeat scroll center top; height: 22px; font-size: 1.0em; } div.footerBar ul {margin:0 auto;padding:3px 0 0 24px;width:970px;list-style-type:none !important;} div.footerBar ul li { float:left; margin:0 13px 0 0; padding:0 0 0 7px; background:url(/support_files/style_images/common/chevrons/right-full-white.gif) left center no-repeat; } div.footerBar ul li a {color:#fff;} .marginRightButton {margin-left:109px} .myAccountNoContentHeight { height:350px } /* ------------------------------------------------------------------ Global Star Rating */ .starRating { display:block;float:right;margin-top:10px;width:69px;height:16px; text-indent:-10000px; background-repeat:no-repeat;background-position:top left } .starRating0 { background-image:url(/support_files/style_images/common/icons/star-rating-0.gif) } .starRating1 { background-image:url(/support_files/style_images/common/icons/star-rating-1.gif) } .starRating2 { background-image:url(/support_files/style_images/common/icons/star-rating-2.gif) } .starRating3 { background-image:url(/support_files/style_images/common/icons/star-rating-3.gif) } .starRating4 { background-image:url(/support_files/style_images/common/icons/star-rating-4.gif) } .starRating5 { background-image:url(/support_files/style_images/common/icons/star-rating-5.gif) } /*new half star ratings*/ .starRating05 { background-image:url(/support_files/style_images/common/icons/star-rating-0.5.gif) } .starRating15 { background-image:url(/support_files/style_images/common/icons/star-rating-1.5.gif) } .starRating25 { background-image:url(/support_files/style_images/common/icons/star-rating-2.5.gif) } .starRating35 { background-image:url(/support_files/style_images/common/icons/star-rating-3.5.gif) } .starRating45 { background-image:url(/support_files/style_images/common/icons/star-rating-4.5.gif) } .starRatingDesc { float:right;width:69px; text-indent:0;text-align:center;color:#666 } /* more */ /* header styles */ h2 { margin:0 0 7px 25px;color:#f26334 } h6 { margin-bottom:5px; } p { line-height:15px} h2.pageTitle { text-indent: 0px; font-size: 2em; font-weight: 500; color: #F26334; font-family: tahoma, arial, sans-serif; line-height: 100%; } /* standard clear classes */ .clearFloat { display:inline-block; } .clearFloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac */ .clearFloat {display: block;} /* End hide from IE-mac */ .clearFloatLeft { clear:left; } .clearFloatBoth { clear:both; } .clearFloatRight { clear:right; } .invisClear { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } /* standard error CSS */ /* ------------------------------------------------------------------ /* Page content */ .pageHeader { float:left;width:210px;overflow:hidden;} .pageHeader p, .lsPageHeader p { margin:27px 30px 16px 25px} .pageHeader img { margin:27px 0 16px 25px} .pageContent { float:right;padding-top:16px;width:765px;} .pageContent .boxout, .pageContent .highlight, .pageContent .highlightBox { margin:0 0 10px 0; } .highlight p { margin-left: 10px; } .pageContent .boxout { padding:3px;width:737px; border:solid 1px #cac8c8; } .pageContent .boxoutInner { width:737px; } .pageContent .highlight, .pageContent .highlightBox { padding:20px 10px 0 0px; background:#fef6e1 } .pageContent .highlightBox { width:737px; } .pageContent dl.form {margin:0px;clear:both;} .pageContent dl.form dt {clear:left;float:left;width:150px;} .pageContent dl.form dt label {float:left;margin-top:2px} .pageContent dl.form dd {display:block; margin-bottom:9px; margin-left: 150px; padding:0} .pageContent dl.form dd.phone { padding-left:150px;} .pageContent dl.form dd input { width:185px;} .pageContent dl.form dd input.btnPlain {width:auto;} .pageContent dl.form dd p {float:left;margin-left:10px;width:150px;} .questionMark { padding: 2px 0 0;} /* Corrects (?) image on my-cards */ .questionMark img { margin-top: -2px; } a.headingToolTipLink { margin-top:5px; } a.headingToolTipLink img { margin-top:5px } a.toolTipLink span, a.toolTipLinkLeft span { position: absolute; text-indent: -10000px; } /* Comet Named Day Changes.*/ a.toolTipLinkRight span { position: absolute; text-indent: -1000px; } .pageContent strong.strength { padding-bottom:5px;padding-left:60px; background:url(/support_files/style_images/common/icons/icon-password-strength.gif) 0 -100px no-repeat; } .panelHeader { float:left;padding-top:5px;width:218px; } .panelContent {float:right;padding:5px 0 10px 0;width:510px } .pageContent input.checkbox { float:left;height:auto;width:15px;border:0 none; } .pageContent label.checkbox { float:left;margin:3px 0 0 5px; } .panelContent textarea { width:320px; padding:5px; font:1em tahoma,arial,sans-serif; border:solid 1px #a9afb5; margin-bottom:10px; color:#666666; /* Changed to 666 as per client request Can remove when doing clean up if not needed*/ } .pageContent dl.form dd input.short { width:65px; } .pageContent dl.form dd input.number { width:30px; color:#666666; /* Changed to 666 as per client request Can remove when doing clean up if not needed*/ } .pageContent select.setWidth { width:192px; max-width:515px; color:#666666; /* Changed to 666 as per client request Can remove when doing clean up if not needed*/ } .pageContent select.setWidth option {clear:both;} .panelContent p, .panelContentFull p { margin:0 0 10px 0;width:335px; } .info {color:#828282; padding-left:0;} .pageContent a {text-decoration:underline;color:#000} /* ------------------------------------------------------------------ /* containerBoxes */ .containerBoxHeader{ color:#fff; background: url('/support_files/style_images/storelocator/backgrounds/bg-container-right.png') no-repeat top right; } .containerBoxHeader h2, .containerBoxHeader h4{ padding:10px 0 10px 10px; font-size:1.1em;color:#fff;text-indent:0; background: url('/support_files/style_images/storelocator/backgrounds/bg-container-t.png') no-repeat; margin:0; } /* ------------------------------------------------------------------ /* Can't find*/ .cantFindWhatYouNeed{ margin:0;padding-bottom:16px;width:183px; background:url(/support_files/style_images/common/backgrounds/bg-cant-find-bottom.gif) no-repeat bottom; } .cantFindWhatYouNeedInner{background:url(/support_files/style_images/common/backgrounds/bg-cant-find-top.gif) no-repeat;} h3.cantFind{ margin:0 0 0 11px;height:59px;width:103px; text-indent:-10000em; background:url(/support_files/style_images/common/header/h3-cant-find.gif) no-repeat;} /* ------------------------------------------------------------------ /* Page Separator (horizontal rule) */ div.hr { clear:both;margin:4px;height:7px;background:url(/support_files/style_images/common/separators/bg-variable-center.gif) repeat-x top left; } div.hr span { height:7px;font-size:0.1em;background:url(/support_files/style_images/common/separators/bg-variable-left.gif) no-repeat top left; } div.hr span { height:7px;font-size:0.1em;background:url(/support_files/style_images/common/separators/bg-variable-right.gif) no-repeat top left; } /* ------------------------------------------------------------------ /* Buttons */ /* generic rounded button styles */ .btnRounded { /* top left corner, top edge */ float:left;display:none; background-repeat:no-repeat; } .btnRounded a, .btnRoundedBack a { /* top left, top edge, gradient */ font-weight:bold;font-size:1.0em;color:#fff;text-decoration:none; cursor:pointer; } .btnRounded a:hover, .btnRoundedBack a:hover { text-decoration:none;} .btnRounded *, .btnRoundedBack * {display:block;} .btnRounded span { background:transparent no-repeat right top; } /* top right, no edge */ .btnRounded span span { background:transparent no-repeat left bottom; } /* bottom left, bottom edge */ .btnRounded span span span { padding:8px 0 9px; background:transparent no-repeat right bottom; } /* bottom right, right edge*/ .btnRounded span span span span { padding:0 16px 0 22px; background:transparent no-repeat 14px 56%; } /* chevron */ .btnPlain , .pageContent a.btnPlain { padding:2px;width:auto; color:#fff;font-weight:bold; border:solid 2px #d9d9d9;background:#f36738 url(/support_files/style_images/common/buttons/btn-bg-orangeonwhite.gif) no-repeat -10px -6px; text-decoration: none; } .btnPlainCancel , .pageContent a.btnPlainCancel { padding:2px;width:auto; color:#fff;font-weight:bold; border:solid 2px #d9d9d9;background:#f36738 url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif) no-repeat -10px -6px; text-decoration: none; } .pageContent a.btnPlain, .pageContent a.btnPlainCancel {padding:3px 4px} /* action button on plain background (orange button with white background) */ .btnAction { background:#f26334 url(/support_files/style_images/common/buttons/btn-bg-orangeonwhite.gif); } .btnAction span, .btnAction span span, .btnAction span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orangeonwhite.gif); } /* action button on error background (orange button with pink background) */ .highlightError .btnAction { background:#fff url(/support_files/style_images/common/buttons/btn-bg-orange-error.gif); } .highlightError .btnAction span, .highlightError .btnAction span span, .highlightError .btnAction span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orange-error.gif); } /* action button on highlight background (orange button with cream background) */ .btnActionHighlight { background:#f26334 url(/support_files/style_images/common/buttons/btn-bg-orangeoncream.gif); } .btnActionHighlight span, .btnActionHighlight span span, .btnActionHighlight span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orangeoncream.gif); } /* action button chevrons - regardless of background */ .btnAction span span span span, .btnActionHighlight span span span span { background-image:url(/support_files/style_images/common/buttons/btn-chevron-orange.gif); } .btnAction span span span span.back, .btnActionHighlight span span span span.back { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-back.gif); } /* cancel button on plain background (yellow button with white background) */ .btnCancel { background:#f26334 url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif); } .btnCancel span, .btnCancel span span, .btnCancel span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-yellowonwhite.gif); } /* back button on plain background (yellow button with white background) */ .btnCancelHighlight { background:#fff url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif); } .btnCancelHighlight span, .btnCancelHighlight span span, .btnCancelHighlight span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-yellowonwhite.gif); } /* cancel button chevrons - regardless of background */ .btnCancel span span span span, .btnCancelHighlight span span span span { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-back.gif); } .btnCancel span span span span.forward, .btnCancelHighlight span span span span.forward { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-forward.gif); } /* Search yellow forward button on plain background (yellow button with white background) */ .btnSearchForward { background:#fff url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif); } .btnSearchForward span, .btnSearchForward span span, .btnSearchForward span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-yellowonwhite.gif); } /* back button on plain background (yellow button with white background) */ .btnSearchForwardHighlight { background:#fff url(/support_files/style_images/common/buttons/btn-bg-yellowonwhite.gif); } .btnSearchForwardHighlight span, .btnSearchForwardHighlight span span, .btnSearchForwardHighlight span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-yellowonwhite.gif); } /* cancel button chevrons - regardless of background */ .btnSearchForward span span span span, .btnCancelHighlight span span span span { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-forward.gif); } .btnSearchForward span span span span.forward, .btnCancelHighlight span span span span.forward { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-forward.gif); } /* cancel button on plain background (yellow button with white background) */ .btnReturn { background:#fff url(/support_files/style_images/common/buttons/btn-bg-orangeonwhite.gif); } .btnReturn span, .btnReturn span span, .btnReturn span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orangeonwhite.gif); } /* back button on plain background (yellow button with white background) */ .btnReturnHighlight { background:#fff url(/support_files/style_images/common/buttons/btn-bg-orangeoncream.gif); } .btnReturnHighlight span, .btnReturnHighlight span span, .btnReturnHighlight span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orangeoncream.gif); } /* cancel button chevrons - regardless of background */ .btnReturn span span span span, .btnReturnHighlight span span span span { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-back.gif); } .btnReturn span span span span.forward, .btnReturnHighlight span span span span.forward { background-image:url(/support_files/style_images/common/buttons/btn-chevron-yellow-forward.gif); } /* for click and collect print button in order confirmation page*/ .btnActionHighlightOrderConfirmation { background:#fdeec3 url(/support_files/style_images/common/buttons/btn-bg-orangeongrey.gif); } .btnActionHighlightOrderConfirmation span, .btnActionHighlightOrderConfirmation span span, .btnActionHighlightOrderConfirmation span span span { background-image:url(/support_files/style_images/common/buttons/btn-corners-orangeongrey.gif); } /* button positioning */ .printOptions div { float:right; } .btnFormSubmit {margin-right:200px; margin-bottom:10px} .btnFormSubmitRight {margin-right:10px;} /* ------------------------------------------------------------------ /* Tooltips */ div.toolTip { position:absolute;padding-top:6px;width:274px;z-index:5; background:url(/support_files/style_images/common/tooltips/bg-bubble-top.png) no-repeat; } div.toolTipFooter { height:16px; background:url(/support_files/style_images/common/tooltips/bg-bubble-bottom.png) no-repeat; } /* The top image needs to be positioned differently depending on the direction of the bubble */ div.toolTipLeft, div.toolTipLeft div.toolTipFooter { background-position:21px 0; } div.toolTipRight, div.toolTipRight div.toolTipFooter { background-position:0 0; } /* A different arrow image is required depending on which direction the bubble is appearing from */ div.toolTipLeft div.toolTipArrow { padding:0 12px 0 30px; background:url(/support_files/style_images/common/tooltips/bg-bubble-arrow-left.png) no-repeat 0 0; } div.toolTipRight div.toolTipArrow { padding:0 30px 0 6px; background:url(/support_files/style_images/common/tooltips/bg-bubble-arrow-right.png) no-repeat 0 0; } div.toolTipBody { padding:8px 0 15px;min-height:30px; background:#fff; } /* Close button for tooltips */ a.toolTipClose { position:absolute;display:block;margin:0!important;top:15px;left:253px;width:10px; text-indent:-10000px;cursor:pointer; background:url(/support_files/style_images/common/tooltips/btn-close.gif) no-repeat; } /* override left distance for other arrow */ div.toolTipRight a.toolTipClose { left:228px; } /* Override any styles set in the stylesheet */ .toolTipBody h6 { margin:0 16px 8px 4px;text-indent:0} .toolTipBody a { margin:0!important; } .toolTipBody p { clear:both;float:none!important;margin:0 4px!important;padding-left:0!important;width:auto!important; background:none!important;color:#000!important; } .toolTipBody p.info { width:auto } .noScript p.info { background:none!important;clear:both;} .noScriptHide {display:none !important;} /* search control, global style from js */ .floatLeft {float:left} .floatRight {float:right} .bold { font-weight:bold; } /* Mel C: Added this class as chevron was getting overidden by [.pageContent a] at line 325 of common*/ .pageContent a.chevron { text-decoration:none; } .pageContent a.chevron:hover { text-decoration:underline; } /* ------------------------------------------------------------------- Utility bar ------------------------------------------------------------------- */ .utility { padding:0 10px 0 13px; line-height:30px; } .utility a { text-decoration:none; } .utility a:hover { text-decoration:underline; } .utility dl { float:right; margin:0; padding:0; } .utility dt { float:left; margin:0 0 0 7px; } .utility dd { float:left; margin:0; padding:0 20px 0 0; } .utility dt a.comparisons { margin-right:7px; color:#666; } .utility dt.basket { margin-left:15px; } .utility dt.basket a { padding:0 8px 0 27px; display: block; background:url(/support_files/style_images/products/icons/icon-basket.gif) 0 50% no-repeat; } .utility dd.comparisonsItemCount { color:#666; background:url(/support_files/style_images/common/separators/bg-greywhite.gif) no-repeat 100% 50%; } .utility dd.basketItemCount { padding-right:10px; } .utility dd.last { padding:0 4px 0 6px; background:none; } .utility .emphasise { color: #c9384e; font-weight:bold; } .utility .emphasise a { color: #c9384e; } /* ------------------------------------------------------------------- Styling of price and availability ------------------------------------------------------------------- */ .stock { float:left; color:#c9384e; font-size:1em; } .price { float:right; color:#c9384e; text-align:right; } .price .small { font-size:0.8em; line-height:0.8em; padding-top: 11px; padding-right: 4px; float: left; display: block; } .priceNow { line-height:2.1em; font-size:1.3em; } .priceNow .priceRange { font-size:0.8em; font-weight:bold; } .priceFigure { font-size:2em; vertical-align:middle; } /** SIR 6598 Fix **/ .priceDecimal { position:absolute; vertical-align:15%; font-size:0.5em; } .priceSave { display:block; margin:1px 0 6px 0; } .priceWas { display:block; line-height:1.3em; } .priceWas del { vertical-align:bottom; text-decoration:line-through; } /* ------------------------------------------------------------------- Common anchor styles, e.g. icons ------------------------------------------------------------------- */ a.icon { padding-left:15px; text-decoration:none; white-space:nowrap; background-position:0 50%; background-repeat:no-repeat; background-color:transparent; } a.icon:hover { text-decoration:underline; } a.compare { background-image:url(/support_files/style_images/products/icons/icon-compare.gif); } a.wishlist { background-image:url(/support_files/style_images/products/icons/icon-wishlist.gif); } a.bookmark { background-image:url(/support_files/style_images/products/icons/icon-bookmark.gif); } a.print { background-image:url(/support_files/style_images/products/icons/icon-print.gif); } a.printWhite { background-image:url(/support_files/style_images/products/icons/icon-print-white.gif); } a.mail { background-image:url(/support_files/style_images/products/icons/icon-mail.gif); } a.mailWhite { background-image:url(/support_files/style_images/products/icons/icon-mail-white.gif); } a.comparisons { background-image:url(/support_files/style_images/products/icons/icon-comparisons.gif); } a.trash { background-image:url(/support_files/style_images/products/icons/icon-trash.gif); } a.trashWhite { background-image:url(/support_files/style_images/products/icons/icon-trash-white.gif); } a.magnify { padding-left:25px; background-image:url(/support_files/style_images/products/icons/icon-magnify.gif); } a.magnifyWhite { padding-left:28px; background-image:url(/support_files/style_images/products/icons/icon-magnify-white.gif); } a.basket { padding:4px 0 5px 28px; background:transparent url(/support_files/style_images/products/icons/icon-basket.gif) 0 50% no-repeat; } a.go { padding:4px 0 5px 28px; background-image:url(/support_files/style_images/checkout/icons/icon-go.gif); } li.colours, div.colours, dt.colours { margin-top:-4px; padding-left:24px; background:url(/support_files/style_images/products/icons/icon-colours.gif) no-repeat; height: 1.9em; line-height: 1.8em; text-align: left; width: 150px; white-space:nowrap; } /* ------------------------------------------------------------------- Special offer roundels ------------------------------------------------------------------- */ .itemImage { position:relative; width:100%; } .specialOffer { position:absolute; top:5px; left:10px; width:58px; height:58px; } .specialOffer.medium { width:78px !important; height:78px !important; } .specialOffer p { width:100%; height:100%; text-indent:-999em; background-repeat:no-repeat; } .specialOffer p.greatOffers { background-image:url(/support_files/style_images/common/roundels/greatoffers.png); } .specialOffer p.med-greatOffers { background-image:url(/support_files/style_images/common/roundels/med-greatoffers.png); } .specialOffer p.save2 { background-image:url(/support_files/style_images/common/roundels/save2.png); } .specialOffer p.save3 { background-image:url(/support_files/style_images/common/roundels/save3.png); } .specialOffer p.save4dot99 { background-image:url(/support_files/style_images/common/roundels/save4dot99.png); } .specialOffer p.save7 { background-image:url(/support_files/style_images/common/roundels/save7.png); } .specialOffer p.save15 { background-image:url(/support_files/style_images/common/roundels/save15.png); } .specialOffer p.save19dot99 { background-image:url(/support_files/style_images/common/roundels/save19dot99.png); } .specialOffer p.save20 { background-image:url(/support_files/style_images/common/roundels/save20.png); } .specialOffer p.save30 { background-image:url(/support_files/style_images/common/roundels/save30.png); } .specialOffer p.save35 { background-image:url(/support_files/style_images/common/roundels/save35.png); } .specialOffer p.save50 { background-image:url(/support_files/style_images/common/roundels/save50.png); } .specialOffer p.save60 { background-image:url(/support_files/style_images/common/roundels/save60.png) } .specialOffer p.save70 { background-image:url(/support_files/style_images/common/roundels/save70.png); } .specialOffer p.save90 { background-image:url(/support_files/style_images/common/roundels/save90.png); } .specialOffer p.save95 { background-image:url(/support_files/style_images/common/roundels/save95.png); } .specialOffer p.save100 { background-image:url(/support_files/style_images/common/roundels/save100.png); } .specialOffer p.save111 { background-image:url(/support_files/style_images/common/roundels/save111.png); } .specialOffer p.save150 { background-image:url(/support_files/style_images/common/roundels/save150.png); } .specialOffer p.save195 { background-image:url(/support_files/style_images/common/roundels/save195.png); } .specialOffer p.save200 { background-image:url(/support_files/style_images/common/roundels/save200.png); } .specialOffer p.bogof { background-image:url(/support_files/style_images/common/roundels/bogof.png); } .specialOffer p.med-save9dot50 { width:75px; height:75px; background-image:url(/support_files/style_images/common/roundels/med-save9dot50.png); } .specialOffer p.med-bundledeal { background-image:url(/support_files/style_images/common/roundels/med-bundledeal.png); } #minibasket{ } #minibasket dl { padding-top:4px; } .accesshide { position:absolute; left:0; top:-500px;width:1px;height:1px;overflow:hidden; } a:focus { text-decoration: underline !important; } /* ------------------------------------------------------------------- page footer for the guides landing page ------------------------------------------------------------------- */ .guidesPageFooter { margin-left:10px; margin-bottom:10px; height:4px; font-size:1px; background:url(/support_files/style_images/common/body/bg-main-bottom.gif) no-repeat top left; position:relative; top:-4px; } .richText p { margin:15px 0; } .richText ul, .richText ol { padding: 0px 0px 0px 40px; margin: 13px 0px 13px 0px; } .richText ul li { list-style-type: disc; margin: 13px 0px 13px 0px; } .richText ol li { list-style-type: decimal; margin: 13px 0px 13px 0px; } .richText h1, .richText h2, .richText h3, .richText h4, .richText h5, .richText h6 .richText h7 { text-indent:0; } .richText h1 { background-image:none; float: none; font-size:1.5em; height:auto; width:auto; } .richText h2 { font-size:1.4em; margin:auto; color:#000; } .richText h3 { font-size:1.3em; } .richText h4 { font-size:1.2em; } .richText h5 { font-size:1.1em; } .legendPanelBody.ul { width:100px; } .glir { position:relative; width:400px; } .glir span { height:100%; margin-left:0px; position:absolute; width:100%; } .addressGoButton { padding-top: 5px; padding-left: 142px; } .dialogueContent { width: 370px; margin-left: 14px; } .sdrt { font-size: 14px; } #pleaseWait span { background: url(/media/nv_images/groceries/titles/sdrt/checkout_please_wait.gif) no-repeat; margin-left/* */: -12px; } #pleaseWait p { font-size:1.6em; font-weight:normal; color:black; padding-bottom:10px; } #selectAddressCont { float:left; margin: 5px 12px 12px 0; } div.pageSummary p { margin: 0px 25px 15px 25px; } div.pageSummary p.hello { margin: 27px 18px 0px 25px; } /* paging links */ div.paging { float:right; width:69%; text-align:right; } div.belowGrid { padding-bottom:10px; } div.paging span.showAll { float:right; margin-right:9px; padding:5px 0; } div.paging span.showAll a { margin-right:5px; text-decoration:underline; } div.paging ol { float:right; margin:0; padding:5px 0; list-style:none; } div.paging li { float:left; margin:0 2px; } div.paging li a { display:block; text-decoration:underline; } div.paging li.current { padding:0 2px; color:#c11933; font-weight:bold; } div.paging li.previous a { margin:0 9px 0 0; padding-left:8px; text-decoration:none; background:transparent url(/support_files/style_images/common/chevrons/left-full.gif) 0 60% no-repeat; } div.paging li.next a { margin:0 0 0 9px; padding-left:8px; text-decoration:none; background:transparent url(/support_files/style_images/common/chevrons/right-full.gif) 0 60% no-repeat; } div.paging li.previous a:hover, div.paging li.next a:hover { text-decoration:underline; } /*--- for Click and Collect change -a.toolTipLinkLeft - changed from 0% to 10% --- */ a.toolTipLink, a.toolTipLinkLeft {display:none;vertical-align:10%;cursor:pointer} a.toolTipLink img, a.toolTipLinkLeft img {margin-left:4px;vertical-align:top;cursor:pointer} /* ------------------------------------------------------------------------*/ /*--- for Comet Named Day change -a.toolTipLinkRight - changed from 0% to 20% --- */ a.toolTipLinkRight {display:none;vertical-align:20%;cursor:pointer} a.toolTipLinkRight img {margin-right:4px;vertical-align:top;cursor:pointer} /* ------------------------------------------------------------------------*/ /* ------- Click and Collect ------- */ .btnPlain1 { padding:5px;width:120px; color:#fff;font-weight:bold; text-decoration: underline; border:solid 2px #d9d9d9; background:#f36738 url(/support_files/style_images/common/buttons/btn-bg-orangeonwhite.gif) ; } /* ------------- */ /* ------- Click and Collect - delivery options page for the submit button to be disabled. ------- */ .btnActionDisabled { background:#fff url( /support_files/style_images/common/buttons/btn-bg-dullorangeonwhite.gif ); } .btnActionDisabled span, .btnActionDisabled span span, .btnActionDisabled span span span { background-image:url( /support_files/style_images/common/buttons/btn-corners-dullorangeonwhite.gif ); } /* ------------------------------------------------------------------------------------- */ /* -------------Order review page to wrap the text ---------*/ .textWrap{ color:#828282; width:510px; } /* ----------------------------------------------------------*/