/* -------------------------------------------------------------- Contents: #01 Reset #02 Base styles #02.01 Body #02.02 Links #02.03 Inlines #02.04 Headings #02.05 Blocks #02.06 Lists #02.07 Tables #02.08 Forms #03 Helper styles #04 Page structure #04.01 Page #04.02 Header #04.03 Navigation #04.04 Content #04.05 Footer #05 Page components #05.01 Shared components #06 Overrides ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #01 Reset (see http://meyerweb.com/eric/tools/css/reset/) ---------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } img { vertical-align: middle; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*--------------------------------------------------------------- #02 Base styles ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #02.01 Body ---------------------------------------------------------------*/ body { font: 62.5%/1.5 Arial, Helvetica, sans serif; color: #646464; } /*--------------------------------------------------------------- #02.02 Links ---------------------------------------------------------------*/ a { color: #5f7799; text-decoration: underline; cursor: pointer; } a:hover, a:focus { text-decoration: none; } /*--------------------------------------------------------------- #02.03 - Inlines ---------------------------------------------------------------*/ strong { font-weight: bold; } em { font-style: italic; } /*--------------------------------------------------------------- #02.04 Headings ---------------------------------------------------------------*/ h1 { margin-bottom: 0.6em; font-size: 2em; font-weight: normal; line-height: 1.3; color: #313131; } h2, p.tagLine { margin-bottom: 0.857em; font-size: 1.4em; font-weight: normal; line-height: 1.428; color: #313131; } h3 { margin-bottom: 0.923em; font-size: 1.3em; font-weight: normal; line-height: 1.384; color: #313131; } h4 { margin-bottom: 1em; font-size: 1.2em; font-weight: normal; line-height: 1.428; color: #313131; } /*--------------------------------------------------------------- #02.05 - Blocks ---------------------------------------------------------------*/ p { margin-bottom: 1em; font-size: 1.2em; } /*span { font-size: 1.2em; }*/ address { margin-bottom: 1em; font-size: 1.2em; font-style: normal; } blockquote p { font-style: italic; } /*--------------------------------------------------------------- #02.06 - Lists ---------------------------------------------------------------*/ ul, ol { margin-bottom: 1.5em; font-size: 1.2em; } ul ul, ul ol, ol ul, ol ol { margin: 0; font-size: 1em; } ul.circle { list-style: circle outside; margin-left: 16px; } ul.disc { list-style: disc outside; margin-left: 16px; } ul.horizontal { overflow: hidden; } ul.horizontal li { float: left; padding: 0 5px; } ul.horizontal li.first { padding-left: 0; } ol { list-style: decimal outside; margin-left: 16px; } /*--------------------------------------------------------------- #02.07 - Tables ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #02.08 - Forms ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #03 - Helper styles ---------------------------------------------------------------*/ .clearLeft { clear: left !important; } .clearRight { clear: right !important; } .clearBoth { clear: both !important; } .clearNone { clear: none !important; } .floatLeft { float: left !important; } .floatRight { float: right !important; } .floatNone { float: none !important; } .widthAuto { width: auto !important; } /* Any element with this class will be hidden off screen, but should still be seen by screen readers */ .nonVisual { position: absolute !important; left: -9000px !important; top: 0 !important; } /* Unfortunately, legends don't play well with the above rules */ legend.nonVisual, .displayNone { display: none !important; visibility: hidden !important; } .leader { margin-bottom: 0 !important; } .NotVisible { visibility:hidden; } .MakeVisible { visibility:visible; } /*--------------------------------------------------------------- #04 Page structure ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #04.01 Page ---------------------------------------------------------------*/ body { background: #e9e9eb url('/resources/images/shared/layout/all/body.gif') 0 0 repeat-x; } div.sitePage { width: 976px; margin: 0 auto; background-color: #fff; background-position: 1px 95px; background-repeat: no-repeat; } /*--------------------------------------------------------------- #04.02 Header ---------------------------------------------------------------*/ div#header { position: relative; z-index: 50; /* z-index increased to resolve overlapping issue with navigation and timeline */ float: left; width: 928px; border-width: 0 1px 0; border-style: solid; border-color: #e3e3e3; padding: 0 23px; } div#rangeLogo { float: left; width: 176px; height: 95px; } /*--------------------------------------------------------------- #04.03 Navigation ---------------------------------------------------------------*/ div#siteNavigation { float: left; width: 510px; } div#siteNavigation div.menu { float: left; width: 498px; padding-top: 6px; padding-right: 12px; } div#siteNavigation div.menu ul { margin: 0; } div#siteNavigation ul.horizontal { float: right; overflow: visible; } div#siteNavigation ul.horizontal > li { position: relative; z-index: 40; padding: 0; margin: 1px; } div#siteNavigation ul.horizontal > li:hover { margin: 0; border: 1px solid #e3e3e3; } div#siteNavigation ul.horizontal > li a { position: relative; z-index: 40; display: block; padding: 0 12px; color: #6e6e6e; line-height: 1.833; text-decoration: none; text-transform: uppercase; } div#siteNavigation ul.horizontal > li:hover a { background-color: #fff; } div#siteNavigation ul.horizontal li ul { position: absolute; z-index: 0; left: -1px; top: 2.1em; display: none; width: 200px; border: 1px solid #e3e3e3; font-size: 0.833em; line-height: 2.2; background-color: #fff; } div#siteNavigation ul.horizontal li ul li { position: static; float: none; padding: 0; } div#siteNavigation ul.horizontal li ul li a { display: block; padding: 0 12px; line-height: 2; text-decoration: none; text-transform: uppercase; color: #6e6e6e; background: #fff url('/resources/images/shared/layout/all/menu_li_a.gif') 185px 50% no-repeat; } div#siteNavigation ul.horizontal li ul li a:hover, div#siteNavigation ul.horizontal li ul li a:focus { background-color: #f0f0f2; } div#siteNavigation ul.horizontal li:hover ul { display: block; } div#rangeNavigation { width: 176px; margin-bottom: 6px; margin-top: 3px; } div#rangeNavigation div.menu { width: 176px; background-color: #fff; } div#rangeNavigation div.menu ul { margin: 0; } div#rangeNavigation ul.vertical a { display: block; text-transform: uppercase; text-decoration: none; color: #6e6e6e; overflow: hidden; } div#rangeNavigation ul.vertical { width: 176px; font-size: 1.1em; } div#rangeNavigation ul.vertical > li { position: relative; width: 170px; padding-left: 6px; margin: 1px 0; background-position: 0 0; background-repeat: repeat-y; } div#rangeNavigation ul.vertical li.Rotary { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-Rotary.gif'); } div#rangeNavigation ul.vertical li.UltraSlim { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-UltraSlim.gif'); } div#rangeNavigation ul.vertical li.LesOriginales { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-LesOriginales.gif'); } div#rangeNavigation ul.vertical li.Aquaspeed { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-Aquaspeed.gif'); } div#rangeNavigation ul.vertical li.Editions { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-Editions.gif'); } div#rangeNavigation ul.vertical li.PreciousMetals { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-PreciousMetals.gif'); } div#rangeNavigation ul.vertical li.Evolution { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-Revelation.gif'); } div#rangeNavigation ul.vertical li.DiamondSetTime { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-DiamondSetTime.gif'); } div#rangeNavigation ul.vertical li.Classics { background-image: url('/resources/images/shared/layout/all/rangeNavigation_li-Classics.gif'); } div#rangeNavigation ul.vertical > li > a { width: 142px; margin-left: 1px; padding: 0 20px 0 5px; border: 1px solid #e3e3e3; line-height: 2; background: #fff url('/resources/images/shared/layout/all/menu_li_a.gif') 152px 55% no-repeat; } div#rangeNavigation ul.vertical li.Rotary a:hover, div#rangeNavigation ul.vertical li.Rotary a:focus, div#rangeNavigation ul.vertical li.Rotary:hover > a, div#rangeNavigation ul.vertical li.Rotary a.selected, div#rangeNavigation ul.vertical li.Rotary.selected > a, div#rangeNavigation ul.vertical li.Rotary a.childSelected { color: #a6754b; } div#rangeNavigation ul.vertical li.Rotary.selected > a {background-image: url('/resources/images/shared/range/layout/all/Rotary_RArrow.gif');} div#rangeNavigation ul.vertical li.UltraSlim a:hover, div#rangeNavigation ul.vertical li.UltraSlim a:focus, div#rangeNavigation ul.vertical li.UltraSlim:hover > a, div#rangeNavigation ul.vertical li.UltraSlim a.selected, div#rangeNavigation ul.vertical li.UltraSlim.selected > a, div#rangeNavigation ul.vertical li.UltraSlim a.childSelected { color: #A68B22; } div#rangeNavigation ul.vertical li.UltraSlim.selected > a {background-image: url('/resources/images/shared/range/layout/all/UltraSlim_RArrow.gif');} div#rangeNavigation ul.vertical li.LesOriginales a:hover, div#rangeNavigation ul.vertical li.LesOriginales a:focus, div#rangeNavigation ul.vertical li.LesOriginales:hover > a, div#rangeNavigation ul.vertical li.LesOriginales a.selected, div#rangeNavigation ul.vertical li.LesOriginales.selected > a, div#rangeNavigation ul.vertical li.LesOriginales a.childSelected { color: #993e2e; } div#rangeNavigation ul.vertical li.LesOriginales.selected > a {background-image: url('/resources/images/shared/range/layout/all/LesOriginales_RArrow.gif');} div#rangeNavigation ul.vertical li.Aquaspeed a:hover, div#rangeNavigation ul.vertical li.Aquaspeed a:focus, div#rangeNavigation ul.vertical li.Aquaspeed:hover > a, div#rangeNavigation ul.vertical li.Aquaspeed a.selected, div#rangeNavigation ul.vertical li.Aquaspeed.selected > a, div#rangeNavigation ul.vertical li.Aquaspeed a.childSelected { color: #cc7033; } div#rangeNavigation ul.vertical li.Aquaspeed.selected > a {background-image: url('/resources/images/shared/range/layout/all/Aquaspeed_RArrow.gif');} div#rangeNavigation ul.vertical li.Editions a:hover, div#rangeNavigation ul.vertical li.Editions a:focus, div#rangeNavigation ul.vertical li.Editions:hover > a, div#rangeNavigation ul.vertical li.Editions a.selected, div#rangeNavigation ul.vertical li.Editions.selected > a, div#rangeNavigation ul.vertical li.Editions a.childSelected { color: #a68b21; } div#rangeNavigation ul.vertical li.Editions.selected > a {background-image: url('/resources/images/shared/range/layout/all/Editions_RArrow.gif');} div#rangeNavigation ul.vertical li.PreciousMetals a:hover, div#rangeNavigation ul.vertical li.PreciousMetals a:focus, div#rangeNavigation ul.vertical li.PreciousMetals:hover > a, div#rangeNavigation ul.vertical li.PreciousMetals a.selected, div#rangeNavigation ul.vertical li.PreciousMetals.selected > a, div#rangeNavigation ul.vertical li.PreciousMetals a.childSelected { color: #5f7799; } div#rangeNavigation ul.vertical li.PreciousMetals.selected > a {background-image: url('/resources/images/shared/range/layout/all/PreciousMetals_RArrow.gif');} div#rangeNavigation ul.vertical li.Evolution a:hover, div#rangeNavigation ul.vertical li.Evolution a:focus, div#rangeNavigation ul.vertical li.Evolution:hover > a, div#rangeNavigation ul.vertical li.Evolution a.selected, div#rangeNavigation ul.vertical li.Evolution.selected > a, div#rangeNavigation ul.vertical li.Evolution a.childSelected { color: #484a94; } div#rangeNavigation ul.vertical li.Evolution.selected > a {background-image: url('/resources/images/shared/range/layout/all/Revelation_RArrow.gif');} div#rangeNavigation ul.vertical li.DiamondSetTime a:hover, div#rangeNavigation ul.vertical li.DiamondSetTime a:focus, div#rangeNavigation ul.vertical li.DiamondSetTime:hover > a, div#rangeNavigation ul.vertical li.DiamondSetTime a.selected, div#rangeNavigation ul.vertical li.DiamondSetTime.selected > a, div#rangeNavigation ul.vertical li.DiamondSetTime a.childSelected { color: #006151; } div#rangeNavigation ul.vertical li.DiamondSetTime.selected > a {background-image: url('/resources/images/shared/range/layout/all/DiamondSetTime_RArrow.gif');} div#rangeNavigation ul.vertical li.Classics a:hover, div#rangeNavigation ul.vertical li.Classics a:focus, div#rangeNavigation ul.vertical li.Classics:hover > a, div#rangeNavigation ul.vertical li.Classics a.selected, div#rangeNavigation ul.vertical li.Classics.selected > a, div#rangeNavigation ul.vertical li.Classics a.childSelected { color: #4c5059; } div#rangeNavigation ul.vertical li.Classics.selected > a {background-image: url('/resources/images/shared/range/layout/all/Classics_RArrow.gif');} div#rangeNavigation ul.vertical li ul { position: absolute; left: 175px; top: 0; display: none; width: 178px; border: 1px solid #e3e3e3; border-width: 1px 1px 0 0; font-size: 0.833em; } div#rangeNavigation ul.vertical > li:hover > a, div#rangeNavigation ul.vertical > li.selected:hover > a { background-image: none; } div#rangeNavigation ul.vertical > li:hover ul { display: block; } div#rangeNavigation ul.vertical li ul li { width: 174px; padding-left: 3px; } div#rangeNavigation ul.vertical li ul li.first { background: #fff url('/resources/images/shared/layout/all/rangeNavigation_li_ul_li-first.gif') 0 100% repeat-x; } div#rangeNavigation ul.vertical li ul li a { width: 144px; padding: 0 20px 0 10px; border-left: 1px solid #e3e3e3; line-height: 2.5; background: #fff url('/resources/images/shared/layout/all/menu_li_a.gif') 159px 50% no-repeat; } div#rangeNavigation ul.vertical li ul li.first a { border-color: #fff; } div#rangeNavigation ul.vertical li ul li.last a { border: 1px solid #e3e3e3; border-width: 0 0 1px 1px; } div#rangeNavigation ul.vertical li ul li.last.first a { border-color: #fff; } div#rangeNavigation ul.vertical li ul li a:hover, div#rangeNavigation ul.vertical li ul li a:focus { background-color: #f0f0f2; } div#rangeNavigation ul.vertical li.Rotary ul li a:hover, div#rangeNavigation ul.vertical li.Rotary ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/Rotary_RArrow.gif'); } div#rangeNavigation ul.vertical li.UltraSlim ul li a:hover, div#rangeNavigation ul.vertical li.UltraSlim ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/UltraSlim_RArrow.gif'); } div#rangeNavigation ul.vertical li.LesOriginales ul li a:hover, div#rangeNavigation ul.vertical li.LesOriginales ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/LesOriginales_RArrow.gif'); } div#rangeNavigation ul.vertical li.Aquaspeed ul li a:hover, div#rangeNavigation ul.vertical li.Aquaspeed ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/Aquaspeed_RArrow.gif'); } div#rangeNavigation ul.vertical li.Editions ul li a:hover, div#rangeNavigation ul.vertical li.Editions ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/Editions_RArrow.gif'); } div#rangeNavigation ul.vertical li.PreciousMetals ul li a:hover, div#rangeNavigation ul.vertical li.PreciousMetals ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/PreciousMetals_RArrow.gif'); } div#rangeNavigation ul.vertical li.Evolution ul li a:hover, div#rangeNavigation ul.vertical li.Evolution ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/Revelation_RArrow.gif'); } div#rangeNavigation ul.vertical li.DiamondSetTime ul li a:hover, div#rangeNavigation ul.vertical li.DiamondSetTime ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/DiamondSetTime_RArrow.gif'); } div#rangeNavigation ul.vertical li.Classics ul li a:hover, div#rangeNavigation ul.vertical li.Classics ul li a:focus { background-image: url('/resources/images/shared/range/layout/all/Classics_RArrow.gif'); } /*--------------------------------------------------------------- #04.031 Mini-basket ---------------------------------------------------------------*/ div#miniBasket { float:right;padding-top:8px;width:238px; } div#miniBasket span {font-size:1.2em;} div.MiniBasketHeader { overflow:hidden; } div.MiniBasketHeader span.Title { display:block;float:left;background-color:#3f4042;line-height:2; padding:0 12px; position:relative; text-transform:uppercase;color:#fff; } div.MiniBasketHeader span.AccountLink { float:right;padding-right:12px;line-height:2; } div.MiniBasketInfo { display:block;line-height:2.2; padding:0 12px; position:relative;overflow:hidden; text-transform:uppercase;width:214px;background-color:#d1d1d1; } div.MiniBasketInfo.Account { background-color:Transparent; border:solid 1px #d1d1d1; padding: 0 11px; } div.MiniBasketInfo span.Summary { display:block;float:left; } div.MiniBasketInfo span.ViewCart { display:block; float:right; line-height:2; text-align:right; } div.MiniBasketLink { display:block;line-height:1.5; padding:0 12px; position:relative; width:212px;font-size: 1.1em; border-bottom:solid 1px #d1d1d1; border-right:solid 1px #d1d1d1; border-left:solid 1px #d1d1d1; background-color: #fff; } div#miniBasket span a { color:#505050; padding-right: 16px; text-transform: uppercase; text-decoration:none; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } div#miniBasket div.MiniBasketHeader span a { background-image: url('/resources/images/shared/layout/all/Black_SmallSqRArrow.gif'); } div.MiniBasketLink span a { font-size:0.9em; margin-right:15px; } /*--------------------------------------------------------------- #04.04 Content ---------------------------------------------------------------*/ div#body { clear: both; float: left; width: 974px; border-width: 0 1px 0; border-style: solid; border-color: #e3e3e3; } div#content { position: relative; /* z-index removed to resolve overlapping issue with absolutely positioned child elements being overlapped by footer in all browsers */ float: right; width: 763px; padding-left: 12px; padding-bottom: 12px; } div#sidebar { position: relative; z-index: 50; /* z-index increased to resolve overlapping issue with navigation and timeline */ float: left; width: 176px; padding-left: 23px; padding-bottom: 12px; } /*--------------------------------------------------------------- #04.05 Footer ---------------------------------------------------------------*/ div#footer { position: relative; z-index: 10; clear: both; width: 976px; padding-bottom: 14px; background-color: #eaeaea; } div#siteCopyright { float: left; width: 919px; padding: 0 23px 0 34px; background-color: #e3e3e3; } div#siteCopyright p.copyright { float: left; width: 330px; margin: 0; padding: 1em 0; font-size: 1.1em; line-height: 1.1; color: #828282; } div#siteCopyright div.hygieneMenu { float: right; width: 550px; } div#siteCopyright div.hygieneMenu div#changeLanguage { float: right; } div#siteCopyright div.hygieneMenu div#changeLanguage fieldset { width: auto; padding: 0; border: 0; } div#siteCopyright div.hygieneMenu div#changeLanguage div.formInput, div#siteCopyright div.hygieneMenu div#changeLanguage div.formOptions { float: left; padding-top: 5px; font-size: 1em; background-color: transparent; overflow: visible; } div#siteCopyright div.hygieneMenu div#changeLanguage div.formOptions { clear: none; padding-left: 5px; margin: 0; } div#siteCopyright div.hygieneMenu div#changeLanguage div.formInput select, div#siteCopyright div.hygieneMenu div#changeLanguage div.formOptions input { font-size: 1.1em; text-transform: uppercase; } div#siteCopyright div.hygieneMenu div#changeLanguage ul { margin: 0; font-size: 1.1em; } div#siteCopyright div.hygieneMenu div#changeLanguage a { display: block; padding: 0.454em 50px 0.454em 7px; color: #414141; line-height: 1.1; text-decoration: none; text-transform: uppercase; } div#siteCopyright div.hygieneMenu div#changeLanguage a span { display: none; } div#siteCopyright div.hygieneMenu div#changeLanguage dt { font-size: 1.1em; } div#siteCopyright div.hygieneMenu div#changeLanguage dt a { width: 55px; } div#siteCopyright div.hygieneMenu div#changeLanguage dd { position: relative; } div#siteCopyright div.hygieneMenu div#changeLanguage dd ul { position: absolute; right: 0; bottom: 1.909em; width: 15.272em; border: 1px solid #e3e3e3; background-color: #fff; } div#siteCopyright div.hygieneMenu div#changeLanguage dt.en a, div#siteCopyright div.hygieneMenu div#changeLanguage dd li.en a { background: transparent url('/resources/images/shared/layout/all/changeLanguage_en.gif') 70px 50% no-repeat; } div#siteCopyright div.hygieneMenu div#changeLanguage dt.fr a, div#siteCopyright div.hygieneMenu div#changeLanguage dd li.fr a { background: transparent url('/resources/images/shared/layout/all/changeLanguage_fr.gif') 70px 50% no-repeat; } div#siteCopyright div.hygieneMenu div#changeLanguage dt.de a, div#siteCopyright div.hygieneMenu div#changeLanguage dd li.de a { background: transparent url('/resources/images/shared/layout/all/changeLanguage_de.gif') 70px 50% no-repeat; } div#siteCopyright div.hygieneMenu div#changeLanguage dt a:hover, div#siteCopyright div.hygieneMenu div#changeLanguage dt.active a { color: #fff; background-color: #414141; } div#siteCopyright div.hygieneMenu div#changeLanguage dd li a { padding: 5px 50px 5px 7px; color: #5f7799; background-position: -273px 50% !important; } div#siteCopyright div.hygieneMenu div#changeLanguage dd li a:hover { color: #fff; background-color: #5f7799; } div#siteCopyright div.hygieneMenu div#changeLanguage dd li.selected a { color: #414141; background-color: #e3e3e3; background-position: -673px 50% !important; } div#siteCopyright div.hygieneMenu div.menu { float: right; padding: 1em 0; } div#siteCopyright div.hygieneMenu div.menu.de { width: 360px; } div#siteCopyright div.hygieneMenu div.menu ul { margin: 0; font-size: 1.1em; } div#siteCopyright div.hygieneMenu div.menu ul li, div#siteCopyright div.hygieneMenu div.menu.eur ul li.last { padding: 0 7px; border-right: 1px solid #414141; line-height: 1.1; margin-bottom: 2px; } div#siteCopyright div.hygieneMenu div.menu.eur.de ul li.last { border-right: 0; } /*This can be removed once we have more than 1 language on the site*/ div#siteCopyright div.hygieneMenu div.menu ul li.last { /*padding-right: 0;*/ border-right: 0; } div#siteCopyright div.hygieneMenu div.menu ul li a { color: #404040; text-decoration: none; text-transform: uppercase; } div#siteCopyright div.hygieneMenu div.menu ul li a:hover, div#siteCopyright div.hygieneMenu div.menu ul li a:focus { text-decoration: underline; } div#siteDisclaimer { clear: both; width: 976px; overflow: hidden; } div#siteDisclaimer p.disclaimer { float: left; width: 600px; margin: 0; padding: 10px 16px 0 34px; font-size: 1.1em; color: #828282; } div#siteDisclaimer p#rotaryBadges { float: right; width: 271px; padding: 10px 24px 0 0; } div#siteDisclaimer p#rotaryBadges img { padding-left: 5px; } div#siteDisclaimer p#paymentOptions { float: right; width: 242px; padding: 15px 36px 0 0; } /*--------------------------------------------------------------- #05 Page components ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #05.01 Shared components ---------------------------------------------------------------*/ div.section { clear: both; float: left; width: 100%; margin-bottom: 6px; } div.col { float: left; width: 740px; } div.col.quarter { width: 176px; } div.col.third { width: 238px; } div.col.twoThird { width: 488px; } div.col.half { width: 364px; } div.col.threeQuarter { width: 552px; } div.col.quarter, div.col.third, div.col.twoThird, div.col.half, div.col.threeQuarter { margin-right: 12px; } div.col.last { margin-right:0;} div.col > div.inner { padding: 14px 12px; } div.col div.overlayInner { padding: 20px; } div.intro div.inner { padding-bottom: 0; } div.alignTop div.inner { padding-top: 0; } div.black60 { background: transparent url('/resources/images/shared/layout/all/BlackBg_Opacity60.png') 0 0 repeat; } div.black80 { background: transparent url('/resources/images/shared/layout/all/BlackBg_Opacity80.png') 0 0 repeat; } div.black90 { background: transparent url('/resources/images/shared/layout/all/BlackBg_Opacity90.png') 0 0 repeat; } div.grey80 { background: transparent url('/resources/images/shared/layout/all/GreyBg_Opacity80.png') 0 0 repeat; } div.message.warning, div.message.error { padding: 12px 12px 1px; margin-bottom: 1.2em; color: #e00; background-color: #fde9ea; } div.message.confirmation { padding: 12px 12px 1px; margin-bottom: 1.2em; font-weight:bold; } h2.heavy { margin-bottom: 0; font-size: 1.7em; font-weight: bold; } p.breadcrumbs { margin-bottom: 0.545em; font-size: 1.1em; color: #5f7799; } p.breadcrumbs span.separator { color: #646464; } p.breadcrumbs a { text-decoration: none; color: #5f7799; } p.breadcrumbs a:hover, p.breadcrumbs a:focus { text-decoration: underline; } p.intro { margin-bottom: 0.857em; font-size: 1.4em; line-height: 1.428; } div.blockLink p { padding: 5px 12px; font-size: 1.4em; line-height: 1.1; text-transform: uppercase; margin: 0; background: #5f7799 url('/resources/images/shared/layout/all/SolidColourBg.jpg') 0 100% repeat-x; } div.blockLink a { display: block; padding-right: 16px; color: #fff; text-transform: uppercase; text-decoration: none; background: transparent url('/resources/images/shared/layout/all/White_RArrow.gif') 100% 50% no-repeat; } body.black div.blockLink a { color: #fff; } div#voucherSmallPromo { width: 176px; padding: 0; border: none; margin-bottom: 6px; background-color: #fff; } div#joinMailingList, div#lifetimeGuaranteePromo, div#requestStockAlert { width: 170px; padding: 2px; border: 1px solid #e3e3e3; margin-bottom: 6px; background-color: #fff; } div#requestStockAlert { border-color: #3F4042; position:absolute; left: -2px; top: 2em; background-color:#3F4042; z-index: 40; } div#joinMailingList div.inner, div#lifetimeGuaranteePromo div.inner { width: 152px; padding: 0 9px; background: transparent url('/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg') 0 100% repeat-x; } div#requestStockAlert div.inner { width: 152px; padding: 0 9px; } div#joinMailingList div.message.confirmation { padding: 0; margin: 0; } div#joinMailingList fieldset, div#requestStockAlert fieldset { width: auto; border: 0; padding: 0; } div#joinMailingList fieldset p { margin-left: 0; } div#joinMailingList h2, div#lifetimeGuaranteePromo h2, div#requestStockAlert h2 { padding-top: 6px; margin: 0; font-size: 1.2em; line-height: 1.1; font-weight: bold; text-transform: uppercase; color: #5f7799; } div#lifetimeGuaranteePromo h2 { margin-bottom: 0.333em; } div#lifetimeGuaranteePromo h2 a { color: #fff; text-decoration: none; } div#lifetimeGuaranteePromo h2 a:hover, div#lifetimeGuaranteePromo h2 a:focus { text-decoration: underline; } div#productDetail div#requestStockAlert h2 { color:#fff; } div#requestStockAlert p { font-size: 1.1em; } div#joinMailingList div.formInput, div#requestStockAlert div.formInput { padding: 0 0 12px; font-size: 1.1em; overflow: hidden; } div#joinMailingList label, div#requestStockAlert label { float: none; display: block; width: auto; padding: 0; margin-bottom: 0.6em; } div#joinMailingList input.text, div#requestStockAlert input.text { float: left; display: block; width: 126px; margin-right: 4px; } div#joinMailingList input.image, div#requestStockAlert input.image { float: left; padding-top: 1px; } div#lifetimeGuaranteePromo p { margin: 0; padding-bottom: 10px; font-size: 1.1em; line-height: 1.2; } div#lifetimeGuaranteePromo p a { display: block; padding-right: 28px; text-decoration: none; background: transparent url('/resources/images/shared/layout/all/LargeSqRArrow.gif') 100% 50% no-repeat; } div#lifetimeGuaranteePromo p a:hover, div#lifetimeGuaranteePromo p a:focus { text-decoration: underline; } div#findAStockist { width: 174px; border: 1px solid #e3e3e3; margin-bottom: 6px; background: #5f7799 url('/resources/images/shared/layout/all/SolidColourBg.jpg') 0 100% repeat-x; } div#findAStockist div.inner { width: 152px; padding: 0 9px; border: 2px solid #fff; overflow: hidden; } div#findAStockist div.inner.UK { background: transparent url('/resources/images/shared/layout/all/FindStockist_UK.png') 140px 6px no-repeat; } div#findAStockist fieldset { width: auto; border: 0; padding: 0; } div#findAStockist h2 { padding-top: 6px; margin: 0; font-size: 1.2em; line-height: 1.1; font-weight: bold; text-transform: uppercase; color: #fff; } div#findAStockist h2 a { color: #fff; text-decoration: none; } div#findAStockist h2 a:hover, div#findAStockist h2 a:focus { text-decoration: underline; } div#findAStockist div.formInput { padding: 0 0 10px; font-size: 1.1em; overflow: hidden; } div#findAStockist label { float: none; display: block; width: auto; padding: 0; margin-bottom: 0.6em; color: #fff; } div#findAStockist input.text { float: left; display: block; width: 126px; margin-right: 4px; } div#findAStockist input.image { float: left; padding-top: 2px; } div#findAStockist div.inner div.text { float: left; width: 124px; padding: 0 12px 10px 0; } div#findAStockist div.inner div.text p { margin: 0; font-size: 1.1em; line-height: 1.1; } div#findAStockist div.inner div.text p a { color: #fff; text-decoration: none; } div#findAStockist div.inner div.text p a:hover, div#findAStockist div.inner div.text p a:focus { text-decoration: underline; } div#findAStockist div.inner div.image { float: left; width: 16px; padding-top: 10px; } div#verifySsl { margin-top:20px; } div#verifySsl div.inner { padding-left: 12px; } div#verifySsl div#thawte { padding-left: 25px; } div#verifySsl div#sagepay { margin-top: 20px; } div.featureImage { margin-bottom: 6px; text-align: center; padding:0; } div.featureImage p.caption { padding: 6px 12px; margin: 0; line-height: 1.2; text-align: center; } .sponsorFeature { position: relative; overflow: hidden; margin-bottom: 12px; } .sponsorFeature .info { position: absolute; left: 0; bottom: 0; width: 334px; padding: 0 15px; } .sponsorFeature .info h2 { margin-bottom: 0.117em; font-size: 1.7em; line-height: 1.2; font-weight: bold; text-transform: uppercase; color: #fff; } .sponsorFeature .info p { color: #fff; } .sponsorFeature .info a, .sponsorFeature .info a:hover, .sponsorFeature .info a:focus { text-decoration: none; color: #fff; } .sponsorFeatureMain .info { top: 0; bottom: auto; width: 240px; padding: 30px 28px 0; } .sponsorFeatureMain .info h2 { margin-bottom: 0.714em; font-size: 1.8em; } .sponsorFeatureMain .info h2 span { display: block; font-size: 0.777em; font-weight: normal; } .captionImage { clear: right; float: right; width: 218px; margin: 0 0 12px 18px; } .captionImage em { display: block; padding: 5px; font-size: 0.916em; color: #5f7799; } .captionImage a { text-decoration: none; } .captionImageLarge { width: 304px; } .contentImage { float: left; margin: 0 18px 6px 0; } .pullquote { float: left; width: 160px; padding: 5px 0; border: 1px solid #5F7799; border-width: 1px 0; margin: 4px 18px 12px 0; font-size: 1.4em; font-weight: bold; font-style: italic; color: #5F7799; } p#shareLinks { clear: both; padding: 1em 0 0; } p#shareLinks span { float: left; display: block; padding-right: 10px; line-height: 2.416; } p#shareLinks a { float: left; display: block; width: 29px; height: 29px; padding-right: 5px; } /*--------------------------------------------------------------- #05.02 Home components ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #05.03 Catalogue components ---------------------------------------------------------------*/ div#rangeFeatureNavigation { width: 170px; padding: 2px; border: 1px solid #e3e3e3; margin-bottom: 6px; background-color: #fff; } div#rangeFeatureNavigation div.inner { width: 145px; padding: 2px 12px 1px 13px; background:transparent url(/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg) repeat-x scroll 0 100%; } div#rangeFeatureNavigation div.menu { width: 145px; } div#rangeFeatureNavigation h2 { width: 145px; margin: 0; font-size: 1.2em; line-height: 2.181; font-weight: bold; text-transform: uppercase; color: #5f7799; } div#rangeFeatureNavigation ul { margin: 0; } div#rangeFeatureNavigation li { margin-bottom: 3px; } div#rangeFeatureNavigation li a { display: block; line-height: 2; text-transform: uppercase; text-decoration: none; color: #646464; background: transparent url('/resources/images/shared/layout/all/menu_li_a-hover.gif') 100% 50% no-repeat; } div#rangeFeatureNavigation li a:hover, div#rangeFeatureNavigation li a:focus { color: #5f7799; } div#fullRangeLink { overflow: hidden; } div#fullRangeLink p { float: right; } div.rangeHero { position: absolute; top: 26px; right: 23px; width: 238px; height: 124px; } div.rangeHero.heroOnly { top: 27px; } div.rangeHero h2 { margin: 0; text-transform: uppercase; color: #fff; } div.rangeHero p { color: #fff; } div.rangeHero a { color: #fff; text-decoration: none; } div.rangeHero div.inner { position: relative; width: 214px; height: 96px; padding: 14px 12px 14px 12px; background: transparent url('/resources/images/shared/layout/all/BlackBg_Opacity80.png') 0 0 repeat; } div.rangeHero div.inner p { margin-bottom: 1.8em; } div.rangeHero div.inner p.link { position: absolute; bottom: 0; margin: 0; padding: 0 0 14px; font-size: 1.1em; line-height: 1.1; } div.rangeHero div.inner p.link a { padding-right: 16px; text-transform: uppercase; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } div.rangeHero div.heroProduct { position: absolute; right: 250px; bottom: 0; width: 152px; padding: 14px 12px; background: transparent url('/resources/images/shared/layout/all/BlackBg_Opacity80.png') 0 0 repeat; } div.rangeHero.heroOnly div.heroProduct { right: 0; } div.rangeHero div.heroProduct p { margin: 0; font-size: 1.1em; line-height: 1.1; text-align: center; } div.rangeHero div.heroProduct p a { padding-right: 16px; text-transform: uppercase; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } div#rangeHeroCollection { position: absolute; top: -95px; left: -323px; width: 1220px; height: 800px; z-index: 0; } div.rangeHeroContainer { position: relative; width: 1220px; height: 800px; background-position: 0 0; background-repeat: no-repeat; } div.rangeHeroContainer div.rangeHero { top: auto; bottom: 200px; right: 146px; } div.rangeHeroContainer div.rangeHero div.heroProduct { right: 0; top: auto; bottom: 463px; width: 172px; padding: 14px 12px; } div.rangeHeroContainer div.rangeHero div.heroProduct p { text-align: right; } div.RotaryContainer div.rangeHero div.inner p.link a, div.RotaryContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/Rotary_SmallSqRArrow.gif'); } div.UltraSlimContainer div.rangeHero div.inner p.link a, div.UltraSlimContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/UltraSlim_SmallSqRArrow.gif'); } div.LesOriginalesContainer div.rangeHero div.inner p.link a, div.LesOriginalesContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/LesOriginales_SmallSqRArrow.gif'); } div.AquaspeedContainer div.rangeHero div.inner p.link a, div.AquaspeedContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/Aquaspeed_SmallSqRArrow.gif'); } div.EditionsContainer div.rangeHero div.inner p.link a, div.EditionsContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/Editions_SmallSqRArrow.gif'); } div.PreciousMetalsContainer div.rangeHero div.inner p.link a, div.PreciousMetalsContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/PreciousMetals_SmallSqRArrow.gif'); } div.EvolutionContainer div.rangeHero div.inner p.link a, div.EvolutionContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/Revelation_SmallSqRArrow.gif'); } div.DiamondSetTimeContainer div.rangeHero div.inner p.link a, div.DiamondSetTimeContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/DiamondSetTime_SmallSqRArrow.gif'); } div.ClassicsContainer div.rangeHero div.inner p.link a, div.ClassicsContainer div.rangeHero div.heroProduct p a { background-image: url('/resources/images/shared/range/layout/all/Classics_SmallSqRArrow.gif'); } div#productDetail h1 { margin-bottom: 0.3em; } div#productDetail h2 { margin-bottom: 0.428em; color: #646464; } div#productDetail div.description ul.furtherInfo { margin-bottom: 1em; } div#productDetail div.description ul.furtherInfo li { padding: 0 20px 0 8px; background: transparent url('/resources/images/shared/layout/all/menu_li_a-hover.gif') 0 50% no-repeat; } div#productDetail div.description ul.attributes { float: left; width: 340px; font-size: 1.1em; line-height: 1.545; overflow: visible; } div#productDetail div.description ul.attributes li { position: relative; width: 158px; padding: 6px 12px 0 0; z-index:4; } div#productDetail div.description ul.attributes div.attribute { z-index:4; } div#productDetail div.description ul.attributes div.attribute img { padding-right: 6px; vertical-align: top; z-index:4; } div#productDetail div.description ul.attributes div.info { position: absolute; left: 18px; top: 1.545em; display: none; width: 90px; padding: 9px 7px; border: 1px solid #fff; background-color: #e9e9e9; z-index:5; } div#productDetail div.description ul.attributes div.info img { padding-bottom: 5px;} div#productDetail div.description ul.attributes div.info p { margin: 0; font-size: 1em; line-height: 1.2; z-index:5; } div#productDetail div.images { position: relative; width: 364px; overflow: hidden; } div#productDetail div.images div.main { position: relative; z-index: 10; float: left; width: 254px; height: 254px; padding-right: 5px; overflow: hidden; } div#productDetail div.images div.main img { width: 254px; height: 254px; } div#productDetail div.images div.showcase { float: left; width: 82px; height: 254px; overflow: hidden; } div#productDetail div.images div.showcase img { width: 82px; height: 82px; padding-top: 4px; } div#productDetail div.images div.showcase img.first { padding-top: 0; } div#productDetail div.images div.options { position: absolute; z-index: 20; left: 0; bottom: 0; width: 254px; padding: 8px 0; font-size: 1.1em; line-height: 1.1; text-align: center; } div#productDetail div.images div.options a, div#productDetail div.images div.options span { padding: 0 16px 0 10px; color: #fff; text-transform: uppercase; text-decoration: none; } div#productDetail div.images div.options a:hover, div#productDetail div.images div.options a:focus { text-decoration: underline; } div#productDetail div.images div.options a.first, div#productDetail div.images div.options span.first { padding-left: 0; } div#productDetail div.images div.options a.large { background: transparent url('/resources/images/shared/range/layout/all/Rotary_ViewLarge.gif') 100% 50% no-repeat; } div#productDetail div.images div.options span.zoom { background: transparent url('/resources/images/shared/range/layout/all/Rotary_HoverZoom.gif') 100% 50% no-repeat; } div#relatedProducts { clear: both; padding-top: 14px; } div#relatedProducts h2 { margin-bottom: 0.428em; } /*--------------------------------------------------------------- #05.03 Ecommerce components ---------------------------------------------------------------*/ div.addToBasket { clear: both; /* float: left;*/ /*width: 340px;*/ /*background-color: #3f4042;*/ } div.addToBasket p.price, div.addToBasket div.outOfStock { float: left; padding: 7px 10px 7px; margin: 0; line-height: 1.1; color: #fff; background-color: #3f4042;display:block; } div.addToBasket div.outOfStock { position: relative; } div.addToBasket span.submit { border: 0; background-image: none; } div.addToBasket span.submit input.submit { border: 0 !important;margin:0; } div.addToBasket div.outOfStock a { font-size: 1.2em; } div.BackLinks p { clear:both;padding-top:10px; } div.BackLinks p a { margin-top:10px; /*display: block;*/ padding-right: 16px; text-transform: uppercase; text-decoration:none; color: #646464; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } table#basket { width: 740px; border-collapse: collapse; } table#basket table { border-collapse: collapse; } table#basket td.basketItem { padding: 2px; border-bottom: 1px solid #e3e3e3; } table#basket table.basketItem { width: 740px; margin-top: 6px; border-top: 1px solid #e3e3e3; background: transparent url('/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg') 0 100% repeat-x; } table#basket table.basketItem td.itemImage { float: left; width: 82px; padding: 10px 0 0 12px; } table#basket table.basketItem td.itemImage img { width: 82px; height: 82px; } table#basket table.basketItem td.itemInfo { width: 268px; padding: 10px 12px; vertical-align: top; overflow: hidden; } table#basket table.basketItem td.itemInfo h2 span { display: block; font-size: 0.857em; line-height: 1.2; text-transform: uppercase; } table#basket table.basketItem td.itemInfo p { margin: 0; } table#basket table.basketItem td.itemQuantity { width: 154px; padding: 10px 24px 0 0; vertical-align: top; } table#basket table.basketItem td.itemQuantity div.formInput { padding: 0; } table#basket table.basketItem td.itemQuantity div.formInput label { width: 100px; padding: 2px 0; } table#basket table.basketItem td.itemSummary { width: 176px; padding-top: 4px; vertical-align: top; } table#basket table.basketItem td.itemSummary table { width: 176px; } table#basket table.basketItem td.itemSummary table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.2em; } table#basket table.basketItem td.itemSummary table td.value { text-align: right; } table#basket table.basketItem td.itemSummary table tr.total td { font-weight: bold; background-color: #f8f8f8; } table#basket table.basketSummary { width: 740px; margin-top: 12px; } table#basket table.basketSummary td.basketLinks { width: 170px; padding: 0 12px 14px; vertical-align: top; } table#basket table.basketSummary td.basketLinks p { margin-bottom: 0; font-size: 1.2em; } table#basket table.basketSummary td.basketLinks p a { padding-left: 10px; background: transparent url('/resources/images/shared/layout/all/menu_li_a-hover.gif') 0 50% no-repeat; } table#basket table.basketSummary td.basketItemsSummary { width: 172px; padding-right: 12px; vertical-align: top; } table#basket table.basketSummary td.basketItemsSummary p { margin-bottom: 0; font-size: 1.2em; font-weight: bold; } table#basket table.basketSummary td.basketTotals { width: 362px; vertical-align: top; } table#basket table.basketSummary td.basketTotals table { width: 362px; } table#basket table.basketSummary td.basketTotals table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.2em; text-transform: uppercase; } table#basket table.basketSummary td.basketTotals table td.value { text-align: right; } table#basket table.basketSummary td.basketTotals table tr.subTotal td { padding-top: 0; } table#basket table.basketSummary td.basketTotals table tr.total td { font-size: 1.4em; font-weight: bold; color: #fff; background-color: #404042; } table#basket td.giftWrapEngraving { width: 646px; } table#basket table.giftWrap, table#basket table.engraving { width: 646px; border: 1px solid #5d7798; border-width: 1px 0; background-color: #e1e9f4; } table#basket table.giftWrap { margin: 12px 0 6px; } table#basket table.engraving { margin-bottom: 12px; } table#basket table.giftWrap td.options, table#basket table.engraving td.options { width: 446px; padding: 12px; } table#basket table.giftWrap td.options p.heading, table#basket table.engraving td.options p.heading { margin: 0; font-size: 1.4em; line-height: 1.1; color: #5f7799; } table#basket table.giftWrap td.options ul.options li, table#basket table.engraving td.options ul.options li { line-height: 2.83em; } table#basket table.giftWrap td.options ul.options li.first, table#basket table.engraving td.options ul.options li.first { padding-left: 0; } table#basket table.giftWrap td.options ul.options li.first input.radio, table#basket table.engraving td.options ul.options li.first input.radio { margin-left: 0; } table#basket table.giftWrap td.options div.message label, table#basket table.engraving td.options div.message label { display: block; font-size: 1.2em; line-height: 2; } table#basket table.giftWrap td.options div.message input.text, table#basket table.engraving td.options div.message input.text { width: 400px; font-size: 1.2em; } table#basket table.giftWrap td.summary, table#basket table.engraving td.summary { width: 176px; padding-top: 12px; vertical-align: top; } table#basket table.giftWrap td.summary table, table#basket table.engraving td.summary table { width: 176px; border-top: 1px solid #e3e3e3; background-color: #f7f8fc; } table#basket table.giftWrap td.summary table td, table#basket table.engraving td.summary table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.2em; } table#basket table.giftWrap td.summary table td.value, table#basket table.engraving td.summary table td.value { text-align: right; } table#basket table.giftWrap td.controls, table#basket table.engraving td.controls { width: 152px; padding: 12px; text-align: right; vertical-align: bottom; } span.EngravingPreviewText { display:block;float:left;width:17em;font-size:1.0em; } span.EngravingPreviewText a { font-size:1.2em; background:transparent url(/resources/images/shared/layout/all/menu_li_a-hover.gif) no-repeat scroll 0 50%; padding-left:10px; } img.EngravingPreview { display:block;float:left;width:250px;margin-top:25px; } img.giftwrapimage { display:none;position:absolute;z-index:5;border:solid 1px #5D7798; } div#orderSummaryContainer h2 { padding: 0 12px; margin: 0; color: #5f7799; } table#orderSummary { width: 740px; border-collapse: collapse; } table#orderSummary table { border-collapse: collapse; } table#orderSummary th { text-align: left; } table#orderSummary td.orderLine { padding: 2px; border-bottom: 1px solid #e3e3e3; } table#orderSummary table.orderLine { width: 740px; margin-top: 6px; border-top: 1px solid #e3e3e3; background: transparent url('/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg') 0 100% repeat-x; } table#orderSummary table.orderLine td.itemImage { width: 82px; padding: 10px 0 0 12px; vertical-align: top; } table#orderSummary table.orderLine td.itemImage img { width: 82px; height: 82px; } table#orderSummary table.orderLine td.itemInfo { position: relative; width: 126px; padding: 10px 12px; vertical-align: top; } table#orderSummary table.orderLine td.itemInfo h2 { position: absolute; width: 350px; padding: 0; color: #313131; } table#orderSummary table.orderLine td.itemInfo h2 span { display: block; font-size: 0.857em; line-height: 1.2; text-transform: uppercase; color: #646464; } table#orderSummary table.orderLine td.itemInfo p { padding-top: 5em; margin: 0; } table#orderSummary table.orderLine td.itemOptions { width: 296px; padding: 34px 24px 0 0; vertical-align: top; } table#orderSummary table.orderLine td.itemOptions table { width: 296px; border-top: 1px solid #e3e3e3; } table#orderSummary table.orderLine td.itemOptions table th, table#orderSummary table.orderLine td.itemOptions table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.1em; } table#orderSummary table.orderLine td.itemOptions table th { width: 7em; padding-right: 0; } table#orderSummary table.orderLine td.itemOptions table tr.giftWrap td { padding: 0 12px; } table#orderSummary table.orderLine td.itemOptions table tr.giftWrap td img { width: 22px; height: 22px; } table#orderSummary table.orderLine td.itemSummary { width: 176px; padding-top: 4px; vertical-align: top; } table#orderSummary table.orderLine td.itemSummary table { width: 176px; } table#orderSummary table.orderLine td.itemSummary table th, table#orderSummary table.orderLine td.itemSummary table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.1em; } table#orderSummary table.orderLine td.itemSummary table td { text-align: right; } table#orderSummary table.orderLine td.itemSummary table tr.total th, table#orderSummary table.orderLine td.itemSummary table tr.total td { font-weight: bold; background-color: #f8f8f8; } table#orderSummary table.orderSummary { width: 740px; margin-top: 12px; } table#orderSummary table.orderSummary td.orderLinesSummary { width: 354px; padding: 0 12px; vertical-align: top; } table#orderSummary table.orderSummary td.orderLinesSummary p { margin-bottom: 0; font-size: 1.1em; font-weight: bold; } table#orderSummary table.orderSummary td.orderTotals { width: 362px; vertical-align: top; } table#orderSummary table.orderSummary td.orderTotals table { width: 362px; } table#orderSummary table.orderSummary td.orderTotals table th, table#orderSummary table.orderSummary td.orderTotals table td { padding: 6px 12px; border-bottom: 1px solid #e3e3e3; font-size: 1.1em; text-transform: uppercase; } table#orderSummary table.orderSummary td.orderTotals table td { text-align: right; } table#orderSummary table.orderSummary td.orderTotals table tr.subTotal th, table#orderSummary table.orderSummary td.orderTotals table tr.subTotal td { padding-top: 0; } table#orderSummary table.orderSummary td.orderTotals table tr.total th, table#orderSummary table.orderSummary td.orderTotals table tr.total td { font-size: 1.2em; font-weight: bold; color: #fff; background-color: #404042; } div.formInput.ccvNumber { overflow: visible; } div#ccvNumberHelp { position: relative; display: inline; z-index:4; margin-left: 5px; } div#ccvNumberHelp span { color: #5f7799; } div#ccvNumberHelp div.info { position: absolute; left: 180px; top: -250px; display: none; width: 300px; padding: 9px 7px; border: 1px solid #fff; background-color: #e9e9e9; z-index:5; } div#ccvNumberHelp div.info img { padding-bottom: 5px;} div#ccvNumberHelp div.info p { margin: 0; font-size: 1em; line-height: 1.2; z-index:5; } div.PersonalDetailsContainer .formInput { overflow: visible; } div.helpBox { position: relative; display: inline; z-index:4; margin-left: 5px; } div.helpBox span { font-size: 1.2em; font-weight: bold; color: #fff; padding: 3px 6px; background-color: #a5acb2; cursor: pointer; } div.helpBox div.info { position: absolute; left: 25px; top: -5px; display: none; width: 155px; padding: 9px 7px; border: 1px solid #fff; background-color: #e9e9e9; z-index:5; } div.helpBox div.info img { padding-bottom: 5px;} div.helpBox div.info p { margin: 0; font-size: 1em; line-height: 1.2; z-index:5; } div.formContainer div.col { padding: 8px 0 0; border: 1px solid #e3e3e3; border-width: 1px 0; background: transparent url('/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg') 0 100% repeat-x; } div.formContainer div.col > div.inner { padding: 0 12px 8px; border-bottom: 2px solid #fff; } div.formContainer h2 { color: #5f7799; } div.formContainer div.message.information { padding: 0 12px 1px; } div.formContainer fieldset { padding: 0 0 8px; border-top: 0; border-top-color: #fff; border-bottom: 2px solid #fff; } div.formContainer fieldset p { margin-left: 0; } div.formContainer legend { padding-left: 12px; color: #5f7799; } div.formContainer div.formInput { padding-left: 12px; } div.formContainer div.formInput label { padding-left: 0; } div.formContainer input.checkbox, div.formContainer span.checkbox input, div.formContainer input.radio, div.formContainer span.radio input { margin: 0; } div.formContainer div.formInput.inputFirst { position: relative; padding-left: 36px; } div.formContainer div.formInput.inputFirst input.checkbox, div.formContainer div.formInput.inputFirst span.checkbox, div.formContainer div.formInput.inputFirst input.radio, div.formContainer div.formInput.inputFirst span.radio { position: absolute; left: 12px; } div.formContainer div.formInputGroup { overflow: hidden; } div.formContainer div.formInputGroup div.formInput { float: left; padding-right: 12px; margin: 0; } div.formContainer div.formInputGroup div.formOptions { clear: none; float: left; margin: 0; padding: 8px 0 4px; background-color: transparent; } div.formContainer div.formInputGroup div.formOptions input.submit.inline { font-size: 1.2em; } div.customerAddress { padding-left: 12px; } div.customerAddress div.formInput, div.inner div.customerAddress { padding-left: 0; } div.customerAddress div.formInput label { width: 120px; } div.creditCard div.formInput label { width: 130px; } div.date { position: relative; padding: 4px 0 4px 12px; } div.date p.title { width: 115px; padding: 4px 5px 4px 0; margin-bottom: 0; color: #646464; } div.date div.month { position: absolute; left: 122px; top: 2px; } div.date div.year { position: absolute; left: 20em; top: 2px; } div.date div.month label, div.date div.year label { width: auto; } div.quickLogin { width: 716px; padding: 14px 12px; background-color: #e1e9f4; } div.quickLogin h2 { color: #5f7799; } div.quickLogin fieldset { padding: 0; border: 0; } div.quickLogin div.formInputGroup { width: 716px; overflow: hidden; } div.quickLogin div.formInput { float: left; width: 300px; padding: 4px 12px 4px 0; } div.quickLogin div.formInput label { width: auto; padding-left: 0; } div.quickLogin div.formInput input.text { width: 180px; } div.quickLogin div.formOptions { clear: none; float: right; width: 90px; margin: 0; padding: 0; } /*--------------------------------------------------------------- #05.03 Stockist components ---------------------------------------------------------------*/ div#stockistForm { min-height: 274px; padding: 14px 0; border: 1px solid #e3e3e3; border-width: 1px 0; } div#stockistForm fieldset { padding: 0; border: 0; } div#stockistForm fieldset p { padding-left: 12px; margin-left: 0; } div#stockistForm div.formInput { padding-left: 12px; } div#stockistForm div.formInput label { padding-left: 0; } div#stockistForm div.formInput input.text { width: 13em; } div#stockistMap { width: 358px; height: 298px; padding: 2px; border: 1px solid #e3e3e3; overflow: hidden; } div#stockistSearchResult h2 { text-transform: uppercase; } div#stockistSearchResult div.inner { position: relative; } div#stockistSearchResult div.text { width: 434px; padding-right: 12px; } div#stockistSearchResult div.text p { margin: 0; } div#stockistSearchResult ul.pagination { position: absolute; right: 0; bottom: 12px; margin: 0; font-size: 1.1em; } div#stockistSearchResult ul.pagination li { padding: 4px 4px 4px 8px; margin-right: 12px; border: 1px solid #e3e3e3; background: #fff url('/resources/images/shared/layout/all/Pagination_Grey.jpg') 0 100% repeat-x; } div#stockistSearchResult ul.pagination li a { display: block; padding-right: 12px; line-height: 1.1; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; background: transparent url('/resources/images/shared/layout/all/Grey_RArrow.gif') 100% 50% no-repeat; } div#stockistSearchResult ul.pagination li.prev { padding: 4px 8px 4px 4px; } div#stockistSearchResult ul.pagination li.prev a { padding-right: 0; padding-left: 12px; background: transparent url('/resources/images/shared/layout/all/Grey_LArrow.gif') 0 50% no-repeat; } #stockistLocations { border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; width: 738px; clear: both; } #stockistLocations fieldset { padding: 0; border-top: 0; border-bottom: 1px solid #e3e3e3; width: 738px; float: left; clear: both; } #stockistLocations div.stockistRow { width: 738px; float: left; clear: both; } #stockistLocations div.index, #stockistLocations div.logo, #stockistLocations div.detail, #stockistLocations div.ultraSlim, #stockistLocations div.contact { float: left; overflow: hidden; } #stockistLocations div.index { width: 26px; padding: 18px 12px 24px 12px; } #stockistLocations div.index span { border: 1px solid #e3e3e3; padding: 5px 8px; font-size: 1.2em; font-weight: bold; color: #5f7799; } #stockistLocations div.logo { width: 138px; text-align: center; padding: 12px 12px 14px 12px; } #stockistLocations div.detail { width: 262px; padding: 12px 12px; } #stockistLocations div.detail p { margin: 0; } #stockistLocations div.detail p span.name { font-weight: bold; } #stockistLocations div.detail p span.address { font-size: 11px; } #stockistLocations div.ultraSlim { width: 98px; padding: 10px 0 10px 0; } #stockistLocations div.contact { width: 118px; font-size: 11px; padding: 13px 12px 14px 12px; } #stockistLocations div.contact span { padding-left: 3px; } #stockistLocations div.contact a { padding-left: 12px; background: url('/resources/images/shared/layout/all/RArrow.gif') 0 50% no-repeat; } #stockistLocations div.stockistAccordion { float: left; clear: both; width: 684px; font-size: 12px; padding: 6px 12px 6px 42px; text-transform: uppercase; background: #E1E9F4 url('/resources/images/shared/layout/all/DArrow.gif') 13px 50% no-repeat; cursor: pointer; color: #5F7799; } #stockistLocations div.stockistAccordion.ui-state-active { background-image: url('/resources/images/shared/layout/all/UArrow.gif') } #stockistLocations div.stockistExtended { float: left; clear: both; width: 726px; padding: 14px 0 4px 12px; background-color: #F1F1F3; border-top: 1px solid #FFFFFF; } #stockistLocations div.stockistExtended div.leftColumn { float: left; width: 348px; padding: 0 14px 0 0; font-size: 12px; } #stockistLocations div.stockistExtended div.leftColumn p { margin-left: 0; font-size: 12px; } #stockistLocations div.stockistExtended div.rightColumn { float: left; width: 363px; text-align: right; } #stockistLocations div.stockistExtended div.rightColumn div.stockistPhoto { border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; padding: 2px 2px 2px 2px; background-color: #FFFFFF; margin-bottom: 22px; width: 358px; } #stockistLocations div.stockistExtended div.rightColumn ul.stockistLinks { padding: 0 52px 8px 0; margin: 0; } #stockistLocations div.stockistExtended div.rightColumn ul.stockistLinks li { padding: 0 0 4px 0; } #stockistLocations div.stockistExtended div.rightColumn ul.stockistLinks li a { padding-right: 16px; text-decoration:none; text-transform: uppercase; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } div.addressListControl { width: 751px; border-top: 1px solid #e3e3e3; margin-bottom: 0; } div.addressListControl h2 { text-transform: uppercase; } div.addressListControl div.inner { padding-bottom: 6px; } div.addressListControl ul.horizontal { margin: 0; } div.addressListControl ul.horizontal li { padding: 0 30px 0 12px; margin-bottom: 10px; line-height: 2; background: transparent url('/resources/images/shared/layout/all/RArrow.gif') 0 50% no-repeat; } div.addressListGroup { width: 751px; padding-bottom: 2px; border: 1px solid #e3e3e3; border-width: 1px 0; margin-bottom: 12px; overflow: hidden; } div.addressListGroup div.section { margin-bottom: 0; background: transparent url('/resources/images/shared/layout/all/LeftHandColumn_PromoBg.jpg') 0 100% repeat-x; } div.addressListGroup h3 { margin-bottom: 0.461em; text-transform: uppercase; color: #5f7799; } div.addressListGroup div.col.third div.inner { padding-top: 0; } div.addressListGroup address { margin-bottom: 0; } div.addressListGroup address strong.title { font-size: 1.083em; font-weight: normal; color: #313131; } /*--------------------------------------------------------------- 05 Page components ---------------------------------------------------------------*/ /*--------------------------------------------------------------- 05.01 - search forms ---------------------------------------------------------------*/ div#GiftFinder div.heading span { font-size: 1.2em; } div#SearchFilters {z-index:4;position:relative;} div#SearchContainer {clear:both;width:740px;/*overflow: hidden; commented out 25/08 */} div#SearchContainer div#SearchIntro {width:176px;float:left;} div#SearchContainer div#SearchBoxes {float:left;width:564px;} div#SearchContainer.full div#SearchBoxes {width:740px;} div#SearchContainer div#SearchIntro h2 { text-transform:uppercase;margin-top:10px;margin-bottom:0; } div.filtercontainer { width:176px;float:left; position:relative;z-index:100;margin-right: 12px; } div.filtercontainer select { font-size: 1.2em; } div.filtername { text-transform:uppercase;width:152px;font-size:1.2em;padding:5px 12px; cursor:pointer; font-weight:bold;background:#5f7799 url(/resources/images/shared/layout/all/SolidColourBg.jpg) repeat-x;color:#fff; } div.filtername label { color:#fff;text-decoration:none;width:152px;display:block;cursor:pointer; background:transparent url(/resources/images/shared/layout/all/SmallDarrow.gif) 100% 50% no-repeat; } fieldset#searchfilters div.filtername label { background-image:none;cursor:default; } select.filteroptions {width:176px;} div.SelectedOption { text-transform:uppercase;width:152px;padding:5px 12px;font-weight:bold;font-size: 1.2em;z-index:4; background:#ededed url(/resources/images/shared/layout/all/filterOption-bg.gif) repeat-x;color:#5f7799; } div.filtercontainer ul {z-index:5;display:none;list-style-type:none;margin:0;padding:0;position:absolute;} div.filtercontainer ul li { text-transform:uppercase;margin:0;width: 152px;padding:2px 12px; color:#5f7799;display:block; background:#ededed url(/resources/images/shared/layout/all/filterOption-bg.gif) repeat-x; } div.filtercontainer ul li a {color:#5f7799;text-decoration:none;} div#search fieldset { border:none; padding-top:0;display:inline; } div#search h2,div#GiftFinderResults h2 { text-transform:uppercase;font-weight:bold;margin-bottom:0; } div#GiftFinderResults, div#SearchContainer {margin-top:20px;} div#GiftFinderResults + div#SearchContainer {margin-top:0;} div#giftfinderheader { margin: 14px 0 28px; } div#searchheader { margin: 0 0 14px; } div#giftfinderheader div.col { background:transparent url(/resources/images/shared/layout/all/BlackBg_Opacity20.png) repeat; } div#searchheader div.col { width:300px; } div#searchheader h1, div#searchheader h2, div#searchheader p, div#giftfinderheader h1, div#giftfinderheader h2, div#giftfinderheader p { color:#fff; } div#searchheader h1, div#giftfinderheader h1 { margin-bottom:0; } div#searchheader h2, div#giftfinderheader h2 { text-transform:uppercase; font-weight:normal;font-size:1.5em; } /*--------------------------------------------------------------- 05.02 - product lists ---------------------------------------------------------------*/ div#productDetail h2 {font-size:1.3em;} div#category h1 {margin-bottom:0;text-transform:uppercase;} div#category p.tagLine {text-transform:uppercase;} div#category h2 {font-size:1.3em;} div#category h3 {display:inline;text-transform:uppercase;font-size:1.3em;font-weight:bold;} div.productrow {width:740px;margin-bottom:20px;display:block;overflow:hidden;clear:both;} div.ProductSeparator {width:12px;float:left;height:11px;} div.Product { width:238px;min-height:110px;float:left;padding-top:10px;padding-bottom:10px;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3;position: relative; } div.Product div.ProductImage { width: 82px;padding: 0 12px;color:#4c4c4c;float:left; } div.Product div.ProductImage a { display: block; width: 82px; height: 82px; } div.Product div.ProductImage span.Price { padding:5px 0;text-align:center;display:block;width:82px;font-weight:bold;font-size:1.1em; background: transparent url(/resources/images/shared/layout/all/filterOption-bg.gif) repeat-x; } div.Product div.ProductIntro { width: 120px;float:left;padding-right: 12px;padding-bottom: 15px;/*max-height:86px;*/overflow:hidden; } div.Product div.ProductIntro p { margin:0;padding:0; } div.Product div.ProductIntro p.Collection { line-height: 1.1; text-transform:uppercase; } div.Product div.ProductIntro p.ProductLink a { font-size: 1.2em;text-decoration:underline;color:#5f7799; line-height: 1.1; } div.Product p.MoreInfo { display:block;position: absolute; right: 12px; bottom: 6px;text-transform:uppercase;font-size: 1.1em;line-height: 1.1; } div.Product p.MoreInfo a { display: block; padding-right: 16px; text-transform: uppercase; text-decoration:none; color: #646464; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } div.PagingContainer { width:740px;margin-bottom:15px;overflow:hidden; } div.PagingContainer div.Paging { float:right; } div.PagingContainer div.Paging span { float: left; display: block; } div.PagingContainer div.Paging input.PagingButton, div.PagingContainer div.Paging span.PagingButton, div.PagingContainer div.PageInfo input.PagingButton { background-color:#fff; border:solid 1px #e3e3e3; padding:2px 5px; font-weight:bold; font-size: 1.1em; text-transform: uppercase; text-align: center; } div.PagingContainer div.PageInfo input.PagingButton { margin-right:4px; } div.PagingContainer div.Paging span.PagingButton { float: none; display: inline-block; padding:3px 7px; line-height: 1.3; } div.PagingContainer div.Paging input.PagingButton, div.PagingContainer div.PageInfo input.PagingButton { font-family: Arial, Helvetica, sans serif; background: #fff url('/resources/images/shared/layout/all/Pagination_Grey.jpg') 0 100% repeat-x; overflow: visible; } div.PagingContainer div.Paging span.PagingButton.CurrentPage, div.PagingContainer div.PageInfo span.PagingButton.CurrentPage, div.PagingContainer div.Paging input.PagingButton.CurrentPage, div.PagingContainer div.PageInfo input.PagingButton.CurrentPage { background-color:#5f7799; border-color:#5f7799; color:#eee; background-image: none; } div.PagingContainer div.PageInfo { float:left; width: 300px; } div.PagingContainer div.PageInfo p { float: left; margin: 0; padding-left: 12px; line-height: 2; } div.section.searchResultsContainer { width:740px; border-bottom: solid 1px #E3E3E3; margin-bottom:12px; } /*--------------------------------------------------------------- 05.03 Forms ---------------------------------------------------------------*/ fieldset { border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; padding-top:10px; } fieldset p {margin-left:10px;} legend { margin-bottom: 0.714em; font-size: 1.4em; font-weight: normal; } input.submit { outline: 0; font-family: Arial, Helvetica, sans serif; font-size: 1em; color: #646464; cursor: pointer; overflow: visible; } input.submit.inline { padding: 0 0 0 5px; border: 0; text-align: left; color: #5f7799; background: transparent url('/resources/images/shared/layout/all/menu_li_a-hover.gif') 0 50% no-repeat; } span.submit { float: left; display: block; border: 1px solid #e3e3e3; font-size: 1.2em; background-color: #e3e3e3; background: #e3e3e3 url('/resources/images/shared/layout/all/GreyCTA_SolidColourBg.jpg') 0 100% repeat-x; } span.submit input.submit { padding: 5px 25px 5px 8px; border: 2px solid #fff; text-transform: uppercase; text-align: left; color: #313131; background: transparent url('/resources/images/shared/layout/all/Grey_RArrow-withpadding.gif') 100% 50% no-repeat; } span.submit.right { float: right; } span.submit.promenant { background: #5f7799 url('/resources/images/shared/layout/all/SolidColourBg.jpg') 0 100% repeat-x; } span.submit.promenant input.submit { color: #fff; background-image: url('/resources/images/shared/layout/all/White_RArrow-withpadding.gif'); } input.checkbox, span.checkbox input, input.radio, span.radio input { margin: 0; margin-left:10px; } span.checkbox.marginNone input { margin: 0; } input.radio, span.radio input { position: relative; top: 2px; } input.text, textarea, select { padding: 2px; border: 1px solid #b5b5b5; font-family: Arial, Helvetica, sans serif; font-size: 1em; } input.text[disabled], textarea[disabled], select[disabled] { color: #444; background-color: #ddd; } .validation { background:transparent url(/resources/images/shared/layout/all/validation-warning.gif) 5px 0px no-repeat; color: #ee2b33 !important; font-size:1em !important; } .Invalid { background-color:#fde9ea; } div.formInput { margin: 0; padding:4px 0; font-size: 1.2em; overflow: hidden; } div.formInput label { float: left; display: block; width: 115px; padding: 2px 5px 2px 10px; } div.formInput.Invalid label { color: #ee2b33 !important; } div.formInput input.text { width: 225px; } div.formInput input.text.medium { width: 100px; } div.formInput input.text.small { width: 50px; } div.formInput .validation { padding-left: 25px; } div.formInput.inputFirst label { float: none; display: inline; width: auto; padding-right: 0; padding-left: 5px; } div.formInput.vertical label { float: none; width: auto; padding: 0; } div.formOptions { clear: both; margin: 1em 0; padding: 12px; max-width: 716px; background-color:#e1e9f4; overflow: hidden; } div.formOptions span.submit { margin-right: 12px; } div.formOptions span.submit.promenant { font-size: 1.4em; } div.formOptions span.submit.right { margin-left: 12px; margin-right: 0; } div.formOptions span.link { float: left; display: block; padding: 8px 0 7px; margin-right: 12px; font-size: 1.2em; } div.formOptions span.link.right { float: right; margin-left: 12px; margin-right: 0; } /*--------------------------------------------------------------- 05.03a submit buttons ---------------------------------------------------------------*/ div.FilterButton { overflow: hidden; } div.FilterButton.AlignToBottom { padding-top: 22px; } div.FilterButton span.submit { width: 174px; font-size: 1.3em; } div.FilterButton span.submit input.submit { width: 174px; } span.submit a.submit { display: block; padding: 5px 25px 5px 8px; border: 2px solid #fff; text-transform: uppercase; text-align: left; text-decoration: none; color: #313131; background: transparent url('/resources/images/shared/layout/all/Grey_RArrow-withpadding.gif') 100% 50% no-repeat; } span.submit.promenant a.submit { color: #fff; background-image: url('/resources/images/shared/layout/all/White_RArrow-withpadding.gif'); } /*--------------------------------------------------------------- 05.04 registration form ---------------------------------------------------------------*/ div#LifetimeGuaranteeContainer, div#MembershipFormContainer { padding: 0; } div#MembershipForm div.formInput { width: 340px; } div#MembershipForm div.formInput.ListBox { } div#MembershipForm div.formInput p { font-weight:bold;margin:0; padding: 0 10px 2px 0; font-size: 1em; } div#MembershipForm div.formInput label, div#MembershipForm div.formInput span.OuterLabel { display: block; width: 130px; padding: 0 10px 2px 0; font-size: 1em; font-weight:bold;float:left; } div#MembershipForm div.formInput span.HelpText { font-size:1em; } div#MembershipForm div.formInput label.NotImportant, div#MembershipForm div.formInput p.NotImportant { font-weight:normal !important; } div#MembershipForm div.formInput label.checkbox { width:auto;padding:2px 5px 0 0;display:inline; } div#MembershipForm div.formInput label em { color:Black; } div#MembershipForm div.formInput p.Invalid, div#MembershipForm div.formInput span.OuterLabel.Invalid, div#MembershipForm div.formInput label.Invalid, div#MembershipForm div.formInput label.Invalid em { color:Red !important; } div#MembershipForm div.formInput span.checkbox input, div#MembershipForm div.formInput input.radio { margin: 0; } div#MembershipForm div.formInput input.radio { position: relative; top: 2px; } div#MembershipForm div.formInput span.checkbox input { margin-right:15px;display:inline;float:left; } div#MembershipForm div.formInput.squeeze span.checkbox input { margin-right:10px; } div#MembershipForm div.formInput.squeeze div { float:left; } div#MembershipForm div.formInput.squeeze div label { margin-right:5px;margin-top:-5px; } div#MembershipForm div.formInput.squeeze div.col1 label { width:46px; } div#MembershipForm div.formInput.squeeze div.col2 label { width:103px; } div#MembershipForm div.formInput.squeeze div.col3 label { width:68px; } div#MembershipForm div.formInput span.checkbox.Last input { margin-right:0 !important; } div#MembershipForm div.formInput input.text, div#MembershipForm div.formInput textarea, div#MembershipForm div.formInput select { padding: 2px; font-family: inherit; border-color:#a5acb2; } div#MembershipForm div.formInput input.text, div#MembershipForm div.formInput select { width: 160px; } div#MembershipForm div.formInput input.text.Postcode { width: 73px !important; } div#MembershipForm div.formInput input.text.DOB { width: 83px !important; } div#MembershipForm div.formInput.inputFirst label { float: none; display: inline; width: auto; padding-right: 0; padding-left:0; } /* end form styles */ /*div.MembershipFormHeader {} div.MembershipFormHeader div.MembershipFormIntro {float:left;} */ /* dark blue box in top right of forms */ div.LoginPanel {padding:2px;margin-right:0;border:solid 1px #eaeaea;} div.LoginPanel div.LoginBoxContainer {background-color:#5f7799;margin:1px;} div.LoginPanel div.LoginBoxContainer.inner {padding:10px;} div.LoginPanel div.LoginBoxContainer h2 {line-height:1;margin:0 0 6px 0;font-weight:bold;padding:0;color:#FFF;text-transform:uppercase;} div.LoginPanel div.LoginBoxContainer p {margin:0;color:#fff;padding:0;line-height:1.2em;} div.LoginPanel div.LoginBoxContainer a { color:#fff;text-decoration:none; display:block;padding-right:20px; background:transparent url(/resources/images/shared/timeline/arrow-right.gif) 100% 0 no-repeat; } div.LoginPanel div.LoginBoxContainer span a {text-transform:uppercase;} div.CustomerFormContainer {background:transparent url(/resources/images/shared/layout/all/two-column-form-bg.gif) top left repeat-y;} div.PersonalDetailsContainer {float:left;padding-left:12px;width:352px;margin-right:12px;} div.CustomerFormContainer h2 {font-size:1.7em;padding:0;margin:10px 0 2px 0;color:#004584;font-weight:bold;} div.CustomerFormContainer p.Required, div.WatchDetailsRight p.Required, div.WatchDetailsLeft p.Required {margin:0 0 15px 0;} div.CustomerFormContainer p.Required em, div.WatchDetailsRight p.Required em, div.WatchDetailsLeft p.Required em {line-height:5px; vertical-align:middle; font-size:1.3em;font-weight:bold;color:#808285 !important;} div.OtherDetailsContainer {float:left;padding-left:12px;width:352px;} #PromoRegForm.CustomerFormContainer { background: none; } #PromoRegForm div.half { width: 364px; float: left; margin-right: 12px; } #PromoRegForm div.PersonalDetailsContainer { background-color: #eceff4; margin-bottom: 10px; } /* customer watch */ div.CustomerWatchBlockContainer {background:transparent url(/resources/images/shared/layout/all/customer-watch-bg.gif) left top repeat-y;} div.WatchDetailsSeparator {width:740px;height:9px;clear:both;background-color:White;font-size:0;} div.WatchDetailsLeft {float:left;padding-left:12px;width:352px;margin-right:12px;padding-top:20px;} div.WatchDetailsRight {float:left;padding-left:12px;width:352px;padding-top:65px;} div.WatchDetailsLeft h2, div.WatchDetailsRight h2 {font-weight:bold;font-size:1.7em;padding:0;margin:0 0 2px 0;color:#004584;} div.RemoveWatchContainer {z-index:5;float:right;padding-top:20px;padding-right:35px;right:0px;position:absolute;} div.content_help_popup{margin-left:320px;width:155px;background-color:#FFF;border:1px solid #333;position:absolute;z-index:100;padding:4px;} /*--------------------------------------------------------------- #05.05 Static content pages ---------------------------------------------------------------*/ /*--------------------------------------------------------------- #05.051 waterproof ---------------------------------------------------------------*/ div#waterproof { } /*--------------------------------------------------------------- #05.052 range overview ---------------------------------------------------------------*/ div#rangeoverview h2 {margin-bottom:0;font-size:1.3em;} div#rangeoverview h2.RangeName {margin-bottom:0;text-transform:uppercase;font-size:1.4em;} div#rangeoverview h3 {} div#rangeoverview p {margin:0;} div#rangeoverview p.RangeLink {margin-bottom:20px;} div#rangeoverview p.RangeLink a { padding-right: 16px; text-transform: uppercase; text-decoration:none; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } /*--------------------------------------------------------------- #05.053 limited edition ---------------------------------------------------------------*/ div#LimitedEdition div.section { position: relative; } div#LimitedEdition div.HeroPanel {padding:2px;margin-right:0;border:solid 1px #eaeaea;background-color:#fff;position:absolute;left:487px;top:-125px;} div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer {background-color:#5f7799;margin:1px;} div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer.inner {padding:10px;} div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer h2 {line-height:1;margin:0 0 6px 0;font-weight:bold;padding:0;color:#FFF;text-transform:uppercase;} div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer p {margin:0;color:#fff;padding:0;line-height:1.2em;} div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer a { color:#fff;text-decoration:none; display:block;padding-right:20px; background:transparent url(/resources/images/shared/timeline/arrow-right.gif) 100% 0 no-repeat; } div#LimitedEdition div.HeroPanel div.HeroPanelBoxContainer span a {text-transform:uppercase;} div#LimitedEdition div#ContentPanel { width: 726px; float: left; position: relative; padding: 10px 12px 0; margin-bottom: 10px; background: #5a524f url('/resources/images/shared/LimitedEdition/Main_bg.jpg') repeat-x left top; } div#ltdEditionIntroText { width: 310px; position: absolute; top: 25px; left: 25px; z-index: 100000; } div#ltdEditionIntroText p { font-size: 1.3em; line-height: 1.5; color: #444; } div#ltdEditionIntroImgs { width: 726px; height: 323px; } div.ltdEditionImg { width: 726px; height: 323px; float: left; } div#ltdEditionImg1 { background: url('/resources/images/shared/LimitedEdition/hero_IntroSuper25.jpg') no-repeat left top; } div#ltdEditionImg2 { background: url('/resources/images/shared/LimitedEdition/hero_IntroSuper41.jpg') no-repeat left top; } div#LimitedEdition div#ContentPanel a.close { font-size:1.1em; line-height:1.1; color: #646464; text-transform: uppercase; text-decoration: none; position: absolute; top: 20px; right: 20px; z-index: 30; padding: 0 16px 0 0; background: transparent url('/resources/images/shared/range/layout/all/LimitedEdition_Close.gif') 100% 50% no-repeat; } div#LimitedEdition div#productDetail { width: 708px; background-color: #fff; padding: 10px 9px 20px 9px; } div#LimitedEdition div.section { margin: 0; } div#LimitedEdition div#productDetail div.images { width: 293px; padding-right: 0; } div#LimitedEdition div#productDetail div.images div.main { width: 293px; height: 293px; } div#LimitedEdition div#productDetail div.images div.main img { width: 293px; height: 293px; } div#LimitedEdition div#productDetail div.images div.options { width: 293px; } div#LimitedEdition div#productDetail div.images div.options a.large { background: transparent url('/resources/images/shared/range/layout/all/LimitedEdition_ViewLarge.gif') 100% 50% no-repeat; } div#LimitedEdition div#productDetail div.images div.options span.zoom { background: transparent url('/resources/images/shared/range/layout/all/LimitedEdition_HoverZoom.gif') 100% 50% no-repeat; } div#LimitedEdition div#productDetail div.description { width: 300px; margin-right: 22px; } div#LimitedEdition div#productDetail div#attributeList { width: 382px; float: left; padding-left: 307px; } div#LimitedEdition div#productDetail div.showcase { width: 73px; } div#LimitedEdition div#productDetail div.showcase img { width: 61px; height: 61px; padding-top: 3px; } div#LimitedEdition div#productDetail div.showcase img.first { margin-top: 45px; } div#ltdEditionSuper41 { width: 729px; height: 326px; background: url('/resources/images/shared/LimitedEdition/hero_Super41.jpg') no-repeat left top; } div#ltdEditionSuper41Text { width: 300px; position: absolute; top: 25px; left: 325px; } div#ltdEditionSuper41Text h1 { color: #fff; } div#ltdEditionSuper41Text p { font-size: 1.3em; line-height: 1.5; color: #d4d4d4; } div#ltdEditionSuper41 .close { color: #fff !important; } div#LimitedEdition div#chooseWatch { width: 352px; height: 120px; background: url('/resources/images/shared/LimitedEdition/Choose_bg.jpg') repeat-x left top; } div#LimitedEdition div#chooseWatch span { width: 320px; font-size: 1.2em; font-weight: bold; color: #fff; text-transform: uppercase; float: left; padding: 6px 16px; } div#LimitedEdition div#chooseWatch ul li { width: 80px; height: 80px; float: left; padding-left: 6px; } div#LimitedEdition div#chooseWatch ul li a { width: 76px; height: 76px; float: left; border: solid 2px #e3e3e3; } div#LimitedEdition div#chooseWatch ul li a img { width: 76px; height: 76px; float: left; } div#LimitedEdition div#chooseWatch ul li a:hover, div#LimitedEdition div#chooseWatch ul li a.selected { border: solid 2px #5f7799 !important; } div#LimitedEdition div#otherLinks { width: 290px; float: right; } div#LimitedEdition div#otherLinks a { width: 127px; height: 120px; text-decoration: none; float: left; padding: 4px 7px; margin-top: 3px; background: url('/resources/images/shared/LimitedEdition/OtherLink_bg.jpg') no-repeat left top; } div#LimitedEdition div#otherLinks a:hover, div#LimitedEdition div#otherLinks a.selected { background: none; background-color: #5f7799; } div#LimitedEdition div#otherLinks a.gallery { float: right; } div#LimitedEdition div#otherLinks a span { width: 125px; text-transform: uppercase; float: left; text-indent: 2px; } div#LimitedEdition div#otherLinks a span.heading { font-size: 1.2em; font-weight: bold; color: #ddd2cd; padding-bottom: 3px; } div#LimitedEdition div#otherLinks a span.subHeading { color: #fff; padding-top: 3px; } div#LimitedEdition div#MembershipForm { padding-top:10px; margin-top:10px;clear:both; } div#LimitedEdition div.MembershipFormIntro h2 { margin-bottom:0;text-transform:uppercase;font-weight:bold; font-size:1.7em; } div#LimitedEdition div#MembershipForm { padding-top:10px; clear:both; } div#LimitedEdition div.MembershipFormIntro h2 { margin-bottom:0;text-transform:uppercase;font-weight:bold; font-size:1.7em; } ul.LimitedEdition { margin-left:15px; } ul.LimitedEdition li { list-style-type:disc; list-style-position:outside; } /*--------------------------------------------------------------- #05.054 voucher pages ---------------------------------------------------------------*/ div#VoucherContainer {width:600px;margin-left:10px;margin-top:10px;} div#VoucherContainer div#TermsContainer {width:580px;margin-left:10px;margin-right:10px;margin-top:10px;} div#VoucherNavigation div.VoucherPagination {width:70%;float:left;} div#VoucherNavigation div.VoucherPrint {float:right;width:30%;text-align:right;} div#VoucherNavigation div.VoucherPrint a {text-decoration:underline;} div#VoucherNavigation p.header { color:#313131; font-size:2em; font-weight:normal; line-height:1.3; margin-bottom:0.6em;} div#VoucherNavigation ul {margin-top:0;} div#VoucherNavigation ul li a {text-decoration:underline;} @media print { div#VoucherNavigation {display:none;} } /*--------------------------------------------------------------- #05.055 delivery ---------------------------------------------------------------*/ table.shippingMethod { width: 568px; } table.shippingMethod th { } table.shippingMethod th, table.shippingMethod td { border-bottom: 1px solid #4b403a; padding-top: 5px; font-size:1.2em; } table.shippingMethod td { } table.shippingMethod td.service, table.shippingMethod th.service { width: 160px;text-align:left; } table.shippingMethod td.minWeight, table.shippingMethod td.maxWeight, table.shippingMethod th.minWeight, table.shippingMethod th.maxWeight { width: 110px; text-align: right; } table.shippingMethod td.price, table.shippingMethod th.price { width: 50px; text-align: right; } /*--------------------------------------------------------------- #05.06 orders table ---------------------------------------------------------------*/ table#customerOrders th, table#customerOrders td { border-bottom: 1px solid #4b403a; padding:5px; font-size:1.2em; } /*--------------------------------------------------------------- #05.07 sitemap ---------------------------------------------------------------*/ div.section.sitemap h2 { margin-bottom:0; } div.section.sitemap ul li ul { margin-left:3em; } div.section.sitemap ul li ul li.last { margin-bottom:10px !important; } /*--------------------------------------------------------------- #05.08 Bespoke watch ---------------------------------------------------------------*/ div#bespokeWatch { overflow: hidden; } div#bespokeWatch div.details { float: left; width: 400px; } div#bespokeWatch div.details p.tagline { padding-top: 100px; } div#bespokeWatch div.image { float: left; width: 240px; } body.bespokeWatchPrint { background-color: #fff; background-image: none; } body.bespokeWatchPrint div.header { padding: 10px; } body.bespokeWatchPrint div#bespokeWatch { padding: 0 20px 20px; } body.bespokeWatchPrint div#bespokeWatch div.details { width: 300px; } body.bespokeWatchPrint div.footer p { text-align: center; } body.bespokeWatchPrint div.buttons { position: absolute; right: 20px; top: 20px; width: 250px; overflow: hidden; } body.bespokeWatchBasketConfirmation div.header { padding: 20px 20px 0; } body.bespokeWatchBasketConfirmation div.options { padding: 0 20px; overflow: hidden; } body.bespokeWatchBasketConfirmation div.options p { clear: both; margin-bottom: 0.5em; overflow: hidden; } body.bespokeWatchBasketConfirmation div.footer { padding: 0 20px 20px; } /*--------------------------------------------------------------- #05.09 Vacancies ---------------------------------------------------------------*/ div.vacancy { border-top: solid 1px #e3e3e3; } /*--------------------------------------------------------------- #06 Overrides ---------------------------------------------------------------*/ body.threeDSecure { background-color: #fff; background-image: none; } div.largeHero div#content { padding-top: 260px; /* changed from 240*/ } div.regularHero div#content { padding-top: 151px; } div.smallHero div#content { padding-top: 82px; } div.smallHero div.rangeHero div.heroProduct { bottom: 69px; } div.rangeHero.LesOriginalesHero { top: 10px; height: 139px; } div.rangeHero.LesOriginalesHero h2 { background:transparent url(/resources/images/shared/range/LesOriginales_HeroLogo.gif) no-repeat; width:219px; height:53px; text-indent:-9000px;margin-left:12px; } body.home div.rangeHero.LesOriginalesHero h2 { background:transparent url(/resources/images/shared/range/LesOriginales_HomeHeroLogo.gif) 0 0 no-repeat; height:40px; } div.rangeHero.LesOriginalesHero div.inner { padding-top:0;padding-left:0;height:125px;width:226px; } div.rangeHeroContainer div.rangeHero.LesOriginalesHero div.inner { padding-top:12px;padding-left:0;height:113px;width:226px; } div.rangeHero.LesOriginalesHero div.inner p { padding-left:12px; } body.home div#content { min-height: 520px; } body.home div#content div.section { position: relative; z-index: 10; width: 376px; } body.home div.rangeHeroContainer { display: none; } body.home div.rangeHeroContainer.EvolutionContainer { display: block; } body.home div.rangeHeroContainer div.rangeHero { border: 1px solid #333039; border-width: 1px 0; } body.customerDetails div#intro div.col div.inner { padding-bottom: 0; } body.orderConfirmation div#regForm h2 { color: #5f7799; } body.home div#rangeNavigation div.menu { background-color: transparent; } body.home div.rangeHeroContainer { display: none; } body.home div.rangeHeroContainer.RotaryContainer { display: block; } a.arrow { padding-right: 16px; text-transform: uppercase; text-decoration:none; background: transparent url('/resources/images/shared/layout/all/SmallSqRArrow.gif') 100% 50% no-repeat; } /*--------------------------------------------------------------- # search colouring ---------------------------------------------------------------*/ div#search div.filtername { background:#3d3d3f url(/resources/images/shared/layout/all/Search_SolidColourBg.gif) repeat-x; } div#search div.filtername label { background:transparent url(/resources/images/shared/layout/all/Search_SmallDarrow.gif) 100% 50% no-repeat; } div#search fieldset#searchfilters div.filtername label { background-image:none; } div#search div.SelectedOption { background-color:#d9d9d9 !important; background-image:none !important; color:#3f3f3f !important; } div#search div.filtercontainer ul li { background-color:#d9d9d9 !important; background-image:none !important; color:#3f3f3f !important; } div#search div.filtercontainer ul li a { color:#3f3f3f !important; } div#search div.formOptions { background-color:#d9d9d9; } div#search div.formOptions span.submit.promenant { background:#3e3f41 url('/resources/images/shared/layout/all/Search_SolidColourBg.gif') repeat-x scroll 0 100%; border:1px solid #FFFFFF; } /*--------------------------------------------------------------- # gift finder colouring ---------------------------------------------------------------*/ div#giftfinder div.filtername { background:#8c6d37 url(/resources/images/shared/layout/all/GiftFinder_SolidColourBg.gif) repeat-x; } div#giftfinder div.filtername label { background:transparent url(/resources/images/shared/layout/all/GiftFinder_SmallDarrow.gif) 100% 50% no-repeat; } div#giftfinder fieldset { border:none; } div#giftfinder fieldset#searchfilters { padding-top:0; } div#giftfinder fieldset#searchfilters div.filtername label { background-image:none; } div#giftfinder div.SelectedOption, div#giftfinder div.filtercontainer ul li { background-color:#eaeaea !important; background-image:none !important; color:#8c6d37 !important; } div#giftfinder div.filtercontainer ul li a { color:#8c6d37 !important; } div#giftfinder div.formOptions { background-color:#ccae7a; } div#giftfinder div.formOptions span.submit.promenant { background:#8c6d37 url('/resources/images/shared/layout/all/GiftFinder_SolidColourBg.gif') repeat-x scroll 0 0; border:1px solid #FFFFFF; } body.overlay { padding: 20px 0 0 20px; background-color: #fff; background-image: none; } body.overlay div#MembershipForm div.LoginPanel { margin-right: 0; }