/* ** ** JJ :: 13/06/2011 :: Decreased HERO text banner width (txtbanner) to allow new SLI information to fit. ** JJ :: 15/09/2011 :: Added some new P4L CSS styles ** */ * { margin: 0; padding: 0 } body { background: url("/images/xmas/background.jpg") top center repeat-y #FFF; background-attachment: fixed; font: normal 12px Arial, Helvetica, sans-serif; text-align: center; line-height: 1.7em } /*body { background: url("/images/frame/mainbackground.gif") top center repeat-x #7d0849; font: normal 12px Arial, Helvetica, sans-serif; text-align: center; line-height: 1.7em }*/ a img { border: 0 } #toph1 { position: relative; top: 0; left: 0; margin: 0 auto; width: 100%; height: 30px; text-align: center; line-height: 30px } #toph1 h1 { position: relative; top: 0; left: 0; z-index: 10; margin: 0 auto; width: 950px; padding-left: 10px; height: 30px; line-height: 30px !important; font: normal 10px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: left; text-transform: uppercase; background: #3a0c20; border-right: solid 15px #3a0c20; border-left: solid 15px #3a0c20 } #toph1b { position: absolute; left: 0 ;top: 8px ;margin: 0 auto ;width: 100% } #toph1b h1 { width: 1250px; line-height: 15px; font: normal 9px Arial, Helvetica, sans-serif; color:#96a2ab; text-align: right; padding-right: 30px } #wrapper { margin: 0 auto; width: 960px; border-right: solid 15px #6f0840; border-left: solid 15px #6f0840 } /* --- HEADER STYLE --- */ #minitopnav { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; line-height: 30px !important; text-align: center; color: #96a2ab } #minitopnav div { width: 940px; height: 30px; text-align: right; margin: 0 auto } #minitopnav div a { font: bold 10px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #96a2ab; padding: 0 10px } #minitopnav a:link, #minitopnav a:visited { color: #96a2ab } #minitopnav a:hover, #minitopnav a:visited:hover { color: #FFF } #header{ background: #6f0840; height: 120px } #logo{ width: 376px; height: 120px; float: left } #flash{ left: 0px; top: 0px; position: relative } #basketinfo { background: url("img/phone.gif") top right no-repeat; width: 510px; padding: 10px 10px 0px 0px; float:right; text-align: right; line-height: 20px; text-transform: uppercase; color: #d5dde2 } #basketinfo form { margin: 0 } #basketinfo img { vertical-align: middle; margin: 0px 5px; padding: 0 !important } #basketinfo a, #basketinfo span { color: #d5dde2; text-decoration: none; padding: 0 10px } #basketinfo div { float: right; } #basketinfo input { margin: 0 5px } input.searchbox { width: 175px; margin: 0px 0px 0px 5px; border: solid 1px #939598; padding: 2px; margin-top: 0 !important } input.searchbutton { } #basketinfo #newsticker { width: 500px; height: 70px; text-align: left; vertical-align: top } #ticker-wrapper * { margin: 0 } #ticker-wrapper.has-js { width: 500px; height: 20px; display: block; font-family: Arial; font-size:.75em; margin: 40px 0 0 0 } #ticker { width: 500px; height: 23px; display: block; float: left; position: relative; overflow: hidden; background-color: #6f0840; padding: 0 } #ticker-title { padding-top: 7px; float: left; color: #900; font-weight: 700; background-color: #6f0840; text-transform: uppercase } #ticker-content { padding-top: 7px; float: left; position: absolute; color: #FFF; font-weight: 700; background-color: #6f0840; margin: 0 } #ticker-content a { text-decoration: none; color:#FFF } #ticker-content a:hover { text-decoration: underline; color: #FCC } #ticker-swipe{ padding-top: 7px; position: absolute; top:0; left: 80px; background-color: #6f0840; display: block; width: 500px; height: 23px } #ticker-swipe span { margin-left: 1px; background-color: #6f0840; border-bottom: 1px solid #FFF; height: 12px; width: 7px; display: block } #ticker-controls { list-style-type: none; float: right; padding: 7px 10px 0 0 } #ticker-controls li{ margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; padding: 0 } #ticker-controls li#play-pause { background-image: url(/js/ticker/images/controls.png); background-position: 32px 16px } #ticker-controls li#play-pause.over { background-position: 32px 32px } #ticker-controls li#play-pause.down { background-position: 32px 0 } #ticker-controls li#play-pause.paused { background-image: url(/js/ticker/images/controls.png); background-position: 48px 16px } #ticker-controls li#play-pause.paused.over { background-position: 48px 32px } #ticker-controls li#play-pause.paused.down { background-position: 48px 0 } #ticker-controls li#prev { background-image: url(/js/ticker/images/controls.png); background-position: 0 16px } #ticker-controls li#prev.over { background-position: 0 32px } #ticker-controls li#prev.down { background-position: 0 0 } #ticker-controls li#next { background-image: url(/js/ticker/images/controls.png); background-position: 16px 16px } #ticker-controls li#next.over { background-position: 16px 32px } #ticker-controls li#next.down { background-position: 16px 0 } .js-hidden { display: none } /* --- TOP MENU STYLE --- */ #topnavigation { background: url("img/DS_webmenu_background.jpg") top left repeat-x #6f0440; width: 100%; margin: 0; height: 29px; border-bottom: solid 1px #8b8a88; text-align: left; font: normal 12px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #666 } #topnavigation ul { list-style: none; padding: 0px; margin: 0px } #topnavigation li { float: left; border-left: solid 1px #52052f; text-align: center; position: relative; z-index: 200 } #topnavigation table { border-collapse: collapse; z-index: 180; position: absolute; left: 0px; top: 29px; background: #e0dad4 } #topnavigation ul li:hover, #topnavigation ul li:visited:hover { background: url("img/DS_webnavi_background.jpg") top left repeat-x #e0dad4 } #topnavigation ul li a { text-decoration: none; color: #abb9c2; padding: 4px 12px; line-height: 29px } #topnavigation ul li.icon { border-left: none } #topnavigation ul li.icon a { padding: 0px 5px } #topnavigation b, #topnavigation strong, #topnavigation ul li a:hover, #topnavigation ul li a:visited:hover { color: #6f0840 } #topnavigation ul ul { visibility: hidden; position: absolute; width: 480px; padding: 10px 0; left: 0; top: 29px; background: #e0dad4; border: solid 1px #CCC; border-top: none; text-transform: capitalize } #topnavigation ul ul.allcats { width: 600px } #topnavigation ul table { visibility: hidden; position: absolute; padding: 10px 0; left: 0; top: 29px; background: #fff; border: solid 1px #CCC; border-top: none; text-transform: capitalize } #topnavigation ul li:hover ul, #topnavigation ul li:hover table, #topnavigation a:hover ul { visibility: visible } #topnavigation ul ul li:hover, #topnavigation ul ul li:visited:hover { background: none } #topnavigation li li { padding: 0 10px; border: 0; float: none; text-align: left } #topnavigation li li.subright { margin-left: 50%; margin-top: -20px } #topnavigation li li.licenter { margin-left: 33%; margin-top: -20px } #topnavigation li li.liright { margin-left: 66%; margin-top: -20px } #topnavigation a.sub, #topnavigation .navtitle { display: block; line-height: 20px; padding: 0px; margin: 0px; text-align: left; color: #666 } table.topmenu { border: solid 2px #ece9e5 !important; background: #6f0840 } table.topmenu td { padding: 10px; text-align: left; font: normal 12px Arial, Helvetica, sans-serif !important; vertical-align: top; background: #f7f5f3 } td.menubody a { font: normal 12px Arial, Helvetica, sans-serif; line-height: 2em !important; padding: 0 !important } td.menubody a:link, td.menubody a:visited, td.menubody a:link b, td.menubody a:visited b { color: #000 !important } td.menubody a:hover, td.menubody a:visited:hover, td.menubody a:hover b, td.menubody a:visited:hover b { color: #6f0840 !important; background: #ece9e5; } td.menuheader { background: #ece9e5 !important; padding: 5px 10px !important; color: #FFF } td.menuheader a { font: bold 12px Arial, Helvetica, sans-serif !important; padding: 0 !important } td.menuheader a:link, td.menuheader a:visited { color: #000 !important } td.menuheader a:hover, td.menuheader a:visited:hover { color: #6f0840 !important; } .tmb1 { width: 90px; } .tmb2 { width: 160px; } .tmb3 { width: 110px; } .tmb4 { width: 190px; } .tmb5 { width: 120px; } .tmb6 { width: 120px; } .tmb7 { width: 110px; } /*table.topmenu { background: #FFF } table.topmenu td { padding: 10px; text-align: left; font: normal 12px Arial, Helvetica, sans-serif !important; vertical-align: top } td.menubody a { font: normal 12px Arial, Helvetica, sans-serif; line-height: 1.5em !important; padding: 0 !important } td.menubody a:link, td.menubody a:visited { color: #5b6f7b !important } td.menubody a:hover, td.menubody a:visited:hover { color: #6f0840 !important } td.menuheader { background: #5b6f7b; padding: 3px 10px !important; color: #FFF } td.menuheader a { font: bold 12px Arial, Helvetica, sans-serif !important; padding: 0 !important } td.menuheader a:link, td.menuheader a:visited { color: #FFF !important } td.menuheader a:hover, td.menuheader a:visited:hover { color: #CCC !important } td.menufooter { padding: 0px 10px 10px 10px !important } td.menufooter a { font: bold 12px Arial, Helvetica, sans-serif !important; line-height: 1em !important; padding: 0 !important } td.menufooter a:link, td.menufooter a:visited { color: #5b6f7b !important } td.menufooter a:hover, td.menufooter a:visited:hover { color: #6f0840 !important }*/ #breadcrumbs { text-align: left; background: url("img/breadcrumbbg.gif") top left repeat-x #e0dad4; padding: 7px 10px; text-transform: uppercase; font: normal 9px Arial, Helvetica, sans-serif; color: #666 } #breadcrumbs a { color: #666 } #breadcrumbs b, #breadcrumbs strong { color: #6f0840 !important } #breadcrumbs a:link, #breadcrumbs a:visited { text-decoration: none } #breadcrumbs a:hover, #breadcrumbs a:hover:visited { text-decoration: underline } /* --- MAIN BODY STYLE --- */ #body { clear: both; background: #FFF; padding: 14px 10px } #widebanner { padding-bottom: 10px } /* --- LEFT NAV STYLE --- */ #leftnav{ width:172px; margin-bottom:20px; float:left; background-color:#FFF } /* --- SLI NAV STYLE --- */ * focus { outline: none } #leftnav .container { display: block; background-color:#ffffff } #leftnav .container img { margin: 0px } #leftnav .container p { height: 20px; margin: 5px 0 0 8px; font-size: 14px; font-weight:normal; text-align: center } #leftnav .container p a { color: #7D0849; text-decoration: underline; text-transform: uppercase } #leftnav h2.trigger { padding: 0 0 0 15px; margin: 5px 0 0px 0; background: url("/img/opened-toggle.gif") no-repeat; height: 20px; line-height: 20px; text-align: left; width: 172px; font-size: 11px; font-weight: bold; float: left; position: relative } #leftnav h2.trigger a { color: #6f0840; text-decoration: none; text-transform: uppercase; display: block } #leftnav h2.trigger a:hover { color: #6f0840; text-transform: uppercase } #leftnav h2.active { background-position: left bottom; text-transform: uppercase; color: #000 } #leftnav h2:hover, h2.active a { background-position: left -18px } #leftnav h2.active a:hover { background-position: left bottom } #leftnav h2.active:hover { background-position: left bottom } #leftnav .toggle_container { width: 172px; background: #f7f5f3; font-size: 1.2em; clear: both; position: relative; display: block; text-transform: uppercase } #leftnav .container ul { list-style-type: none; padding: 0px 0px 10px 10px; margin:0px 0 px; overflow: auto } #leftnav .container ul li { width: 150px; float: left; text-align: left; margin: 3px 3px 1px 0; font-size: 11px; font-weight: normal; color: #7D0849; line-height: 1.3em } #leftnav .container ul li a { color:#666; text-decoration: none } #leftnav .container ul li a:hover { color:#641f45; text-decoration: none } #leftnav .container ul ul { list-style-type: none; padding: 0; margin: 0 0 0 5px; width: 130px; overflow: hidden } #leftnav .container ul ul li { padding: 0; margin: 0 } .moreless_link { font-weight: bold !important; color: #7D0849 !important } .moreless_link a { color: #a4557b !important } .bjabanner { float: left; border: 0; margin-top: 10px } /* --- MAIN CONTENT AREA --- */ #maincontent { background-color:#ffffff; float:right; /*width:748px;*/ width: 100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5b6f7b; margin:0px; padding-top:0px; margin-bottom:10px; text-align: left } #basketcontent { background:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5b6f7b; margin:0px; padding-top:0px; margin-bottom:10px; text-align: left } #maincontent p, #basketcontent p { margin:0px; padding:0px; margin-bottom:15px } #maincontent ul, #basketcontent ul { margin:0px; padding:0px } #maincontent li, #basketcontent li { margin-left:20px; padding:0px } #maincontent a, #basketcontent a { color:#5b6f7b } #maincontent a:hover, #basketcontent a:hover, #maincontent a:visited:hover, #basketcontent a:visited:hover { color:#6f0840 } .titleheader { background: url("/img/h2bg.gif") top left repeat-x #f4f2ef; line-height: 25px; padding: 5px 10px; text-align: left } .titleheader #erheaderlink { width: 200px; text-align: right; float: right; font-size: 12px; font-weight: normal } .titleheader #erheaderlink a { text-transform: uppercase; text-decoration: none; font-size: 11px } .titleheader #options { clear:both; padding: 5px 0 0 0; text-align: left; color: #6f0840 } .titleheader .basketmaininfo { line-height: 14px; padding-top: 10px; font-weight: bold; text-transform: uppercase } .titleheader .basketmaininfo #totprice { width: 170px; float: right; text-align: left } #maincontent h2, #basketcontent h2 { text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #6f0840; text-transform:uppercase } #maincontent #contentwrapper, #basketcontent #contentwrapper { padding: 3px } #maincontent #contentleftwrapper { float: left; margin-top: 10px; width: 660px; /*width: 480px;*/padding: 10px; border-right: solid 1px #CCC; } #maincontent h3, #basketcontent h3 { text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #6f0840; text-transform:uppercase; margin-bottom:15px } #maincontent h5, #basketcontent h5 { text-align: left; font: bold 14px Arial, Helvetica, sans-serif; color: #6f0840; margin-bottom: 10px } #topcbanner {} #topcbuttons { height: 136px; margin: 10px auto } #topcbuttons a img { border: 0 } .highlightbox { background: #f4f2ef !important; margin-bottom: 10px; padding: 10px; width: 660px; } /* JPEG banners go here [CHECK IF THESE TWO ARE NEEDED AFTER IMAGE SWAP] */ #maincontent #homebanner { /* background-image:url(images/Spring2008.jpg); */ background-repeat:no-repeat; background-position:bottom; width:725px; height:184px } #maincontent h2.collections{ background-image:url(images/h2collections.gif); background-repeat:no-repeat; width:630px; height:31px; margin-top:2px; margin-bottom:2px } #loggedincontent { padding-left: 10px; padding-top: 10px } #usernamebox { float: right; width: 400px; text-align: right } #loggedincontent table { width: 720px } #loggedincontent table th { text-align: left; color: #6f0840; padding: 0 2px } #loggedincontent table td { text-align: left; background: #FFF; padding: 2px } /* --- CATEGORY BOX DROPDOWN --- */ #mainbanner { margin: 0 0 10px 0; } #txtbanner { width: 707px; margin: 0 0 10px 0; height: auto; z-index: 9999; background: #000; padding: 10px 20px; } #txtbanner h3 { font-size: 14px; margin-bottom: 2px !important; padding-bottom: 2px !important; color: #9facb5; text-transform: uppercase } #txtbanner p, #displaycattxt p { font-size: 12px; color: #c3ced4 } #txtbanner p.txtbannerhead { margin-bottom: 2px !important; padding-bottom: 2px !important } #txtbanner p.findmore { padding-bottom: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; margin-top: 0px !important } #txtbanner a { font-size: 12px; font-weight: bold; color: #9facb5; text-decoration: none; text-transform: uppercase } #displaycattxt { display: none; filter: alpha(opacity=95); -moz-opacity: .95; opacity: .95; -khtml-opacity: 95.0; position: relative; width: 700px; left: -20px; background: #000; padding: 0 20px } #displaycattxt a { font-size: 12px; font-weight: bold; color: #9facb5; text-decoration: none; text-transform: capitalize } /* ---- right menu [CHECK IF THESE ARE NEEDED AFTER IMAGE SWAP] */ #rightmenu { float: right; width: 240px; text-align: left; text-transform: uppercase } #rightmenu b { color: #6f0840 } #rightmenu ul, #rightmenu li { list-style-type: none; margin: 0; padding: 0 } #rightmenu a:visited, #rightmenu a:link { color:#57575a; text-decoration:none } #rightmenu a:hover, #rightmenu a:visited:hover { color: #6f0840; text-decoration:none } /* --- HOME PAGE BLOCKS --- */ #homecats { display: block; margin: 0; width: 560px; float: left } #homecats .titleheader { margin-bottom: 9px } .homecatblock { width: 175px; height: 175px; border: 1px solid #d8d2c9; text-align: center; float: left; margin-right: 13px; margin-bottom: 13px; text-transform: uppercase; font-size: 12px; font-weight: bold; color:#6f0840 } .homecatblockend { width: 175px; height: 175px; border: 1px solid #d8d2c9; text-align: center; float: left; margin-right: 0px; margin-bottom: 13px; text-transform: uppercase; font-size: 12px; font-weight: bold; color:#6f0840 } .homecatblock a, .homecatblockend a { text-transform: uppercase; text-decoration:none; color:#6f0840 !important } #finance { float: right; width: 172px; padding-bottom: 10px } #latestaskedquestion { float: right; width: 172px; height: 261px; background: url("/images/homepage/box_askthejeweller.jpg") top center #000 } #latestaskedquestion div { padding: 10px 10px 10px 15px; text-align: left; font: normal 12px Arial, Helvetica, sans-serif } #latestaskedquestion span { text-transform: uppercase; color: #da397b; font-weight: bold } #latestaskedquestion a { text-transform: uppercase; text-decoration: none; font-weight: bold } #latestaskedquestion div img { float: right; padding-left: 10px; border: 0; width: 72px; height: 72px } /* --- CATEGORY PAGE BLOCKS --- */ #cats { display: block; margin: 0; width: 748px; float: left } #cats hr { clear: both; margin: 0 0 10px 0; padding: 0; height: 0; color: #FFF; border-top: solid 1px #CCC } .infoblock { width:240px; border-right: dotted 1px #ced7d1; text-align: center; float:left; margin: 0 6px 1px 0; padding-right: 6px } .infoblockend { width:240px; border-right: 0; text-align:center; float:left; margin: 0 0 1px 0; padding-right: 0px } .infoblock hr, .infoblockend hr { margin: 0px; padding: 5px 0 } .infoblockcatname { text-transform:uppercase; font-size:14px; padding-top: 3px; line-height: 15px; height: 45px; text-align: center; background: #f8f7f5; font-weight:bold; color:#6f0840; margin-bottom: 5px } .infoblockpricerange { text-transform:uppercase; font-size:14px; line-height: 20px; height: 20px; text-align: center; background: #c4ced4; font-weight:bold; color:#6f0840 } .infoblockcatname a, .infoblockpricerange a { padding: 0px 10px; text-decoration: none !important; color:#6f0840 !important } .infoblock .infoblockfooter, .infoblockend .infoblockfooter { background-color:#f8f7f5; font-size:12px; color:#666 !important; height: 12px; padding: 0px; text-align: center; line-height: 12px; text-transform:uppercase } .infoblock .infoblockfooter2, .infoblockend .infoblockfooter2 { width: 220px; background-color:#f8f7f5; font-size:12px; color:#755950; height: 12px; padding: 0px; text-align: left; text-transform:uppercase } .infoblock .infoblockbutton, .infoblockend .infoblockbutton { width: 220px; height: 50px; background-color:#f8f7f5; line-height: 12px; font-size:11px; color:#755950; padding: 5px 10px; text-align: center; text-transform:uppercase } .infoblockbutton p.prodnamebutton { margin-bottom: 0px; padding-bottom: 8px } .infoblockbutton p.prodpricebutton b { font-size: 12px } .infoblockbutton a { text-decoration: none } .infoblockbutton:hover { background: #d8d2c9 } .infoblockprice { width: 110px; float: left; margin: 2px 10px 2px 0; font-weight: bold; color: #6f0840 } .infoblockmore { width: 80px; float: right; margin: 2px 0 2px 10px } .infoblockfooter a, .infoblockfooter a:link, .infoblockfooter a:visited, .infoblockprice a, .infoblockprice a:link, .infoblockprice a:visited, .infoblockmore a, .infoblockmore a:link, .infoblockmore a:visited { text-decoration: underline; padding: 0; font-weight: bold; color: #666 !important } .infoblockfooter a.metal, .infoblockfooter a.metal:link, .infoblockfooter a.metal:visited { text-decoration: underline; font-weight: normal; color: #666 !important; font-size: 10px } .infoblockfooter a:hover, .infoblockfooter a:visited:hover { text-decoration: underline !important; color: #6f0840 !important } /* ---- Older infoblock styles [CHECK IF THESE ARE NEEDED AFTER IMAGE SWAP] --- */ .infoblockfooter .items{ float:left; padding-left:2px; width:98px; text-align:center } .infoblockfooter .moredetails{ float:right; padding-right:2px; width:98px; text-align:center } .infoblock .infoblockfooter .separator, .infoblocktype2a .infoblockfootertype2 .separator, .infoblocktype2b .infoblockfootertype2 .separator, .infoblockmiddle .infoblockfooter .separator, .infoblockend .infoblockfooter .separator{ float:right; width:1px; font-weight:normal } /* id's for bracelet and bangles categories */ .infoblockfootertype2{ height:30px; width:313px; background-color:#f3f5f3; font-family:tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:30px; color:#5b6f7b; font-weight:bold } .infoblocktype2a{ width:313px; border:1px solid #ced7d1; text-align:center; float:left; margin-right:10px; margin-bottom:10px } .infoblocktype2b{ width:313px; border:1px solid #ced7d1; text-align:center; float:left; margin-right:0px; margin-bottom:10px } .infoblockfootertype2 .itemstype2{ float:left; padding-left:2px; width:154px; text-align:center } .infoblockfootertype2 .moredetailstype2{ float:right; padding-right:2px; width:154px; text-align:center } /* id's for subcat page */ .infoblock .description, .infoblock .description, .infoblockmiddle .description, .infoblockmiddle .description, .infoblockend .description, .infoblockend .description, .infoblocktype2a .description, .infoblocktype2b .description{ text-align:left; text-transform:uppercase; padding:5px; font-family:tahoma,verdana,Arial, Helvetica, sans-serif; font-size:11px } .infoblock .infoblockfooter .itemsproduct, .infoblock .infoblockfooter .itemsproduct, .infoblockmiddle .infoblockfooter .itemsproduct, .infoblockmiddle .infoblockfooter .itemsproduct, .infoblockend .infoblockfooter .itemsproduct, .infoblockend .infoblockfooter .itemsproduct, .infoblocktype2a .infoblockfooter .itemsproduct, .infoblocktype2b .infoblockfooter .itemsproduct, .infoblocktype2a .infoblockfootertype2 .itemsproduct, .infoblocktype2b .infoblockfootertype2 .itemsproduct{ float:left; padding-left:5px; width:98px; text-align:left } /* other classes */ input, textarea, select{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5b6f7b } .choice{ text-transform:uppercase; font-size:11px } .choiceselected{ text-transform:uppercase; font-size:11px; color:#641f45 } .CategoryTrails{ text-transform: capitalize; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; border-bottom:1px solid #e0dad4; padding-bottom:10px; padding-left:75px; text-align:left; background: url(images/urhere.gif) top left no-repeat #FFF } .CategoryTrailsnounderline{ text-transform: capitalize; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding-bottom:10px; padding-left:75px; text-align:left; background: url(images/urhere.gif) top left no-repeat #FFF } /* --- DELIVERY PAGE --- */ #deliverytabs { position: relative; top: 0px; left: -10px; width: 680px } ul.deliverylabels { clear: both; margin: 0 !important; padding: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; list-style: none; display: block; height: 31px } ul.deliverylabels li { list-style: none; border: 1px solid #d8d2c9; border-bottom: 0px; float: left; margin: 0; padding: 0; margin-left: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; padding-left: 0 !important } ul.deliverylabels li a { display: block; width: 325px; padding: 5px 5px 10px 5px; margin: 0 !important; line-height: 15px; color: #605048 !important; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } ul.deliverylabels li a:link, ul.deliverylabels li a:visited { background: #FFF } ul.deliverylabels li a.pilactive, ul.deliverylabels li a:hover, ul.deliverylabels li a:visited:hover { background: #d8d2c9 } #deliverytabs div { display: block; background: #FFF; width: 668px; padding: 5px; border: solid 1px #d8d2c9 } #deliverytabs div div.deliverybox { background: #f4f2ef !important; margin: 10px 0 20px 0; border: 0; padding: 10px; width: 648px !important; font-weight: bold; color: #6f0840 !important } .deliverybox img { float: right } a.lightlink, a.lightlink:link, a.lightlink:visited { color: #b6a7a3 !important; text-decoration: none } a.lightlink:hover, a.lightlink:visited:hover { color: #6f0840 !important } /* --- LOGIN PAGE --- */ #loggedintabs { padding-top: 5px; width: 100% } ul.loggedinlabels { clear: both; margin: 0 !important; padding: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; list-style: none; display: block; height: 31px } ul.loggedinlabels li { list-style: none; border: 1px solid #d8d2c9; border-bottom: 0px; float: left; margin: 0; padding: 0; margin-left: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; padding-left: 0 !important } ul.loggedinlabels li a { display: block; width: 356px; padding: 5px 5px 10px 5px; margin: 0 !important; line-height: 15px; color: #605048 !important; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } ul.loggedinlabels li a:link, ul.loggedinlabels li a:visited { background: #FFF } ul.loggedinlabels li a.pilactive, ul.loggedinlabels li a:hover, ul.loggedinlabels li a:visited:hover { background: #d8d2c9 } #loggedintabs #orderhistory, #loggedintabs #accountinfo { display: block; background: #f4f2ef; width: 730px; padding: 10px 5px; border: solid 1px #d8d2c9 } #loggedintabs #orderhistory { padding: 10px 5px 200px 5px } #orderhistory table { width: 720px } #orderhistory table th { text-align: left; color: #6f0840; padding: 0 2px } #orderhistory table td { text-align: left; background: #FFF; padding: 2px } /* --- VIEW ORDER PAGE --- */ #yourinvoice { border-bottom: solid 1px #d8d2c9; margin-bottom: 20px } #yourinvoice table { width: 100%; padding: 10px } #yourinvoice table tr td { width: 50%; text-align: left; vertical-align: top } .sizedtxt { clear: left; width: 80px; text-align: left; float: left } #yourinvoice table.yourinv { background: #f4f2ef } #yourordercontents { clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 20px } #yourordercontents table { width: 100%; margin: 0; padding: 0 } #yourordercontents table tr td { padding: 2px 5px; text-align: left; vertical-align: top } td.viewordertotal { line-height: 30px; color: #6f0840; border-top: solid 1px #d8d2c9; background: #f4f2ef; text-align: right !important; font: bold 14px Arial, Helvetica, sans-serif } #yourordernotes { clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 20px } #yourordernotes table { width: 100%; margin: 0; padding: 0 } #yourordernotes table tr td { padding: 2px 5px; text-align: left; vertical-align: top } #yourpayments { clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 20px } #yourpayments table { width: 100%; margin: 0; padding: 0 } #yourpayments table tr td { padding: 2px 5px; text-align: left; vertical-align: top } #yourordershipments { clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 20px } #yourordershipments table { width: 100%; margin: 0; padding: 0 } #yourordershipments table tr td { padding: 2px 5px; text-align: left; vertical-align: top } #yourcertificates { clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 20px } #yourcertificates p { padding: 10px } h3.orderlinks { text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #6f0840; line-height: 30px } h3.orderlinks a { text-decoration: none; font-weight: bold; color: #6f0840 !important } /* --- PRODUCT PAGES --- */ #maincontent h3.subtitle { margin: 10px } #productinfo {} /* --- ASK THE EXPERT PAGE --- */ #maincontent #contentleftwrapperq { float: left; width: 490px; padding: 10px 10px 10px 0 } #askaquestion { display: none; background-color: #f7f5f3; padding-left: 10px; padding-top: 10px; padding-right: 10px } #latestquestion { background: #eae6df; padding-bottom: 10px } #latestquestion .lqheader { padding-left: 10px; height: 32px; line-height: 32px; background: url("images/lqheader.gif") top left repeat-x; text-transform: uppercase; color: #6f0840 !important; font-size: 16px } .askedby { float: left; width: 100px; padding: 20px 10px 0 10px; line-height: 1em } .askedby b { color: #000 } .qcomments { font-size: 10px } .questdisplayed { width: 350px; float: right; text-align: left; padding: 20px 10px 10px 0 } .questdisplayed h4 { color: #6f0840 } .questdisplayedavatar { width: 100px; float: left; text-align: center; padding-top: 25px; padding-bottom: 10px } #lqbuttons { clear: both; text-align: right; padding-right: 10px } #lqbuttons a img { padding-left: 10px; border: 0 } #qheader { margin: 10px 0; padding: 5px 0; text-align: left; color: #9d1561; background: #6f0840 } #qheader a { padding: 0 10px; text-decoration: none; text-transform: uppercase; color: #b7b6ba } #qheader a b, #qheader a:hover { color: #FFF !important } .questodd { border-bottom: solid 1px #e7e2dc } .questeven { /* border-bottom: solid 1px #e7e2dc; */ background: #f7f5f3; padding-top: 5px } .questevenarrow { border-bottom: solid 1px #e7e2dc; background: #f7f5f3 } #arrow { height: 13px; background-image: url("images/arrowline.gif") } .questbuttons { clear: both; text-align: right; padding: 0 10px 10px 0 } .questbuttons a img { padding-left: 115px; border: 0 } .stars img { width: 12px; height: 12px; margin-right: 4px } #expertsright { float: right; width: 240px; padding-bottom: 10px } .expertsgrid { margin: 10px 0; background: #f7f5f3; width: 230px; padding: 5px } .expertsgrid hr { margin: 10px 0 } .myfavjewel { float: right; text-align: right; width: 120px; height: 110px; font-weight: bold } .myfavjewel a { font-weight: normal } .expertsgrid p b { text-transform: uppercase; color: #6f0840 !important; font: bold 14px Arial, Helvetica, sans-serif !important } .expertsgrid a { text-decoration: none; text-transform: uppercase; font-size: 11px } .expertimg { width: 80px; height: 84px } .expertname { color: #6f0840; text-transform: uppercase; font: bold 16px Arial, Helvetica, sans-serif; padding-bottom: 2px !important; margin-bottom: 0px !important } .experttitle { color: #6f0840; font: normal 10px Arial, Helvetica, sans-serif; padding-top: 0px !important; margin-top: 0px !important } .experttext { clear: right; color: #333; font: normal 11px Arial, Helvetica, sans-serif } /* --- BLOG PAGES --- */ #blogbanner { width: 728px; height: 265px; padding: 10px; text-align: left } #blogbanner #disco { margin: 50px 10px 0 0; float: right } /* #blogbanner table.subscription { float: right; background: #f7f5f3 !important; margin: 5px 10px !important; width: 400px !important; height: 125px !important; border: solid 1px #93a4ae } #blogbanner td.substxt { padding: 5px; color: #6f0840; font-weight:bold } #blogbanner td.subsbox { padding: 2px 5px; font-weight:bold }*/ #blogcontent { border-top: solid 5px #d8d1c9; padding-top: 10px } #blogcontent p.small { font: 10px Arial, Helvetica, sans-serif; color:#57575a; padding-bottom: 0; margin-bottom: 0 } .braceletmainimg { clear: both; display: block; border: 1px solid #ced7d1; text-align: center; vertical-align: middle; margin: 10px 10px 0 10px } /* --- LEFT PANEL --- */ #productinfo #leftpanel { float:left; width: 400px; text-align: left; margin: 10px 0 0 10px } #productinfo #leftpanel ul.prodimglabels { margin: 0 !important; padding: 0 !important; list-style: none; display: block } #productinfo #leftpanel div.prodimglabels { margin: 0 !important; padding: 0 !important; list-style: none; display: block; max-height: 30px } #productinfo #leftpanel div.prodimglabels img { margin: 0 !important; padding: 0 !important } ul.prodimglabels li { list-style: none; border: 1px solid #ced7d1; border-bottom: 0; float: left; margin: 0 5px 0 0; padding: 0; margin-left: 0 !important; padding-left: 0 !important } ul.prodimglabels li a { display: block; padding: 5px 5px 10px 5px; line-height: 15px; color: #605048 !important; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } ul.prodimglabels li a:link, ul.prodimglabels li a:visited { background: #FFF } ul.prodimglabels li a.pilactive, ul.prodimglabels li a:hover, ul.prodimglabels li a:visited:hover { background: #ced7d1 } #productinfo #leftpanel #productimage { clear: both; display: block; border: 1px solid #ced7d1; text-align: center; vertical-align: middle; overflow: hidden } #productinfo #leftpanel #productthumbnails { padding-top: 15px; text-align: left } #productinfo #leftpanel #productthumbnails img { height: 58px; width: 55px; border: solid 1px #CCC; margin: 0 3px 3px 0 } #productinfo #leftpanel #producttray { padding: 15px 0; border-bottom: solid 1px #CCC } #productinfo #leftpanel #producttray #woodtray { display: block; width: 380px; background: url("/img/woodbg.jpg") top left repeat-y #4f2d21; padding: 10px; margin-top: 10px } #productinfo #leftpanel #producttray #woodtray #jtray { display: block; text-align: left; text-transform: uppercase; color: #FFF } #producttrayouter { border: solid 1px #CCC; padding: 10px; margin-top: 10px } #jtray img { height: 64px; width: 60px; border: 0; margin: 5px 5px 0 0 } #woodtray img.cleartable { float: right; width: 1px; height: 69px; margin: 0px !important } #woodtray img.tdsonwood { clear: both; height: 32px; width: 380px; border: 0; margin: 0 0 0 0 } #productinfo #leftpanel #leftbottom { margin-top: 10px; padding: 10px 0; color: #6f0840; text-transform: uppercase; font-size: 11px } /* --- RIGHT PANEL --- */ #productinfo #rightpanel { float: right; width: 475px; text-align: left; margin: 10px 10px 0 0 } #productinfo #rightpanel #price { margin-top: 10px; border-top: solid 1px #CCC; padding-top: 10px; width:475px; font: normal 10px Arial, Helvetica, sans-serif; color: #6f0840; text-align: right } #productinfo #rightpanel #price .rrp { text-decoration: line-through; color: #000 } #currencybox { float: right; width: 54px; text-align: center; border: solid 1px #CCC; margin-left: 10px } #pricevalue { float: left; width: 150px; text-align: left; font: normal 24px Arial, Helvetica, sans-serif; color: #6f0840 } .stockmessage { text-align: center; font-weight: bold; padding: 5px; margin-top: 5px; color: #6f0840; background: #f4f2ef; text-transform: uppercase } .soldoutmessage { text-align: center; font-weight: bold; padding: 5px; margin-top: 5px; color: #FFF; background: #6f0840; text-transform: uppercase } #productinfo #rightpanel #itemdescription { clear: both } #productinfo #rightpanel #itemdescription #useractionstop { margin-top: 10px; border-top: solid 1px #CCC; padding: 10px 0; color:#5B6F7B; width: 475px } #productinfo #rightpanel #itemdescription #useractionstop #aslowas { text-transform: uppercase } #productinfo #rightpanel { border-bottom: solid 1px #CCC; padding-bottom: 10px; margin-bottom: 10px } select.ringsize { text-transform: uppercase; margin-bottom: 10px } .btnringsize { vertical-align: top } #productinfo #rightpanel #itemdescription #certlogos { float: right; width: 65px; margin: 10px } #productinfo #rightpanel #itemdescription #buttons { margin: 0 0 10px 0; border-bottom: solid 1px #CCC; clear: both; font-size: 11px; text-align: left } #productinfo #rightpanel #itemdescription #buttons input { margin: 0 20px 5px 0 } #productinfo #rightpanel #itemdescription #useractionstop a { margin-left: 5px } #productinfo #rightpanel #useractions { margin: 0 0 10px 0; border-bottom: solid 1px #CCC; padding: 5px; line-height: 25px } #question{ float: left; text-align: left; width:280px } #useractionstop a, #question a { text-decoration: none !important } #question #myform {} #question #myform table { float: left; border: 1px solid #dae1dc; width: 473px; margin-top: 12px } #question #myform table input, #question #myform table textarea { width: 410px } #question #myform table .qbutton{ background-image: url("images/btnask.gif"); width: 53px; height: 17px } #productinfo #rightpanel #useractions #useractionsicons { float: right; width: 65px } #productinfo #rightpanel #productinfotabs { margin-bottom: 10px } #productinfo #rightpanel #productinfotabs ul.prodinfolabels { clear: both; margin: 0 !important; padding: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; list-style: none; display: block; height: 35px } #productinfo #rightpanel #productinfotabs ul.prodinfolabels img { border: 0; float: left; padding-right: 10px } ul.prodinfolabels li { list-style: none; border: 1px solid #d8d2c9; border-bottom: 0px; float: left; margin: 0 5px 0 0; padding: 0; margin-left: 0 !important; margin-bottom: 0px !important; padding-left: 0 !important } ul.prodinfolabels li a { display: block; width: 95px; padding: 5px 5px 5px 10px; margin: 0 !important; line-height: 15px; color: #605048 !important; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } ul.prodinfolabels li a:link, ul.prodinfolabels li a:visited { background: #FFF } ul.prodinfolabels li a.pilactive, ul.prodinfolabels li a:hover, ul.prodinfolabels li a:visited:hover { background: #d8d2c9 } #productinfo #rightpanel #productinfotabs div { display: block; background: #f4f2ef; width: 473px; border: solid 1px #d8d2c9 } #productinfo #rightpanel #productinfotabs ul li { line-height: 18px } #generalinformation ul, #packagingdelivery ul { margin: 10px } #productinformation ul { list-style: none; margin: 10px } #productinformation ul li { width: 220px; text-align: left; list-style: none; padding-left: 0 !important; margin-left: 0 !important; line-height: 18px } #productinfotabs img { vertical-align: middle } #productinformation ul li.valuefield { float: right; font-weight: bold !important; color: #6f0840 !important } #productinformation ul li.valuefield a { font-weight: bold !important; color: #6f0840 !important } #reviews { clear: both; border-top: solid 2px #d8d1c9; margin-top: 10px } #reviews h5 { text-transform: uppercase } #qanda { float: right; padding-top: 10px; width: 475px; font-size: 12px } #qanda a { text-decoration: none !important } #quanda .answers { position:relative; top:-40px; background: #FFF; border-bottom: solid 1px #CCC } #matchitems { clear: both; border: solid 1px #CCC; padding: 10px } #matchitems h2 { border-bottom: solid 1px #CCC; padding-bottom: 8px; margin-bottom: 10px } #matchitems .infoblock { margin-bottom: 10px } #matchitems #matchlink { clear: left; text-align: left } #matchitems #matchlink a { text-decoration: none !important } #matchitems .viewmore { border-top: solid 1px #CCC; padding-top: 10px } #productinfo #rightpanel #reference { text-transform:uppercase; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:right } #productinfo #rightpanel #productdetails{ background-color:#f3f5f3; width:365px; padding:0px; margin-bottom:5px } div.producttitle{ font: bold 13px Arial, Helvetica, sans-serif } #productinfo #rightpanel #productdetails ul{ list-style:none; margin: 0px; padding: 0px; width:365px } #productinfo #rightpanel #productdetails li{ background-image:url(images/productbullet.gif); background-repeat:no-repeat; background-position:left; float: left; width: 340px; text-transform:capitalize; padding:0px 0px 2px 25px; margin:0px; font-size:11px; vertical-align:middle } #productinfo #rightpanel #PriceSelection{ line-height:25px; background-color:#641f45; padding:0px 0px 0px 5px; font-size:11px } #productdescription{ border-top:1px solid #dae1dc; border-bottom:1px solid #dae1dc; background-color:#FFFFFF; float:left; width:492px; font-family: Helvetica, sans-serif; font-size:11px; padding:2px 0px 2px 0px; margin-top:5px } .subtotal{ text-transform:uppercase; color:#f78f1e; font-size:12px; font-weight:bold; background-color:#641f45 } .subtotalamount{ text-transform:uppercase; color:#FFF; font-size:12px; font-weight:bold; background-color:#641f45 } .total{ text-transform:uppercase; color:#f78f1e; font-size:16px; font-weight:bold; background-color:#641f45; border-top:1px solid #FFF } .totalamount{ text-transform:uppercase; color:#FFF; font-size:16px; font-weight:bold; background-color:#641f45; border-top:1px solid #FFF } #productinfo #rightpanel #price li.value{ float: left; width:220px; text-transform:uppercase; padding:0px 0px 2px 0px; margin:0px; color:#ffffff; font-size:16px; font-weight:bold } th.OuterTable{ vertical-align:top; text-align:left; width:200px } td.OuterTable{ text-align:left } td.tableheader{ border-top:1px solid #DAE1DC } th.tableborderbottomleft{ text-align:left } th.tableborderbottomright{ text-align:right } td.itemtableleft{ text-align:left; vertical-align:top } td.itemtableright{ text-align:right; vertical-align:top } .cvv{ background-color:#F3F5F2; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:2px } .left{ background-color:#F3F5F2; vertical-align:top; padding:5px } .catdescbox{ float:left; background-color:#F3F5F2; vertical-align:top; padding:10px; width: 703px } th.OuterTableCaption{ text-align:left } p.testimonial{ background-color:#F3F5F3; padding:4px } a:visited, a.active, a, p{ color:#5B6F7B } .groovebutton { font-size: 8pt; background-color:#e0dad4; border-style:groove; border: 0px; cursor: hand; color: #F0F0F0 } #pounds{ margin-bottom:5px } p.Error { width: 100%; padding: 10px 0px; text-align: center; background: #641f45; color: #FF3; font: normal 14px Arial, Helvetica, sans-serif ; margin-bottom: 10px; line-height: 20px } .button { border-top: 0 } table.subscription { width: 260px; height: 50px; margin: 0 auto; background: #FFF } /* Policies */ h4.pollinks { text-align: left; font: bold 14px Arial, Helvetica, sans-serif; color: #6f0840; line-height: 30px } h4.pollinks a { text-decoration: none; color: #6f0840 !important } .policies { padding: 5px; background: #f7f5f3 } /* Press releases */ .prtable { margin-top: 10px; width: 100%; border: solid 1px #dae1df } .prmonth { background: #dae1df; vertical-align: top; text-align: left; color: #666; font-weight: bold; padding: 10px 5px; width: 110px } .prarticles { background: #FFF; padding: 10px } .prarticles h4 { color: #641f45 } .prarticles hr { color: #FFF; border: 0; border-bottom: dotted 1px #641f45 } /* Footer submenu */ #footersubmenu { font: 10px Arial, Helvetica, sans-serif; color:#57575a; padding: 0 10px } #footersubmenu h4 { border-bottom: 1px dotted #333333; font: bold 12px Arial, Helvetica, sans-serif } #SampleSale { width: 725px; text-align: left; background: #641f45 } /* --- BASKET --- */ #basketitemsheader { width: 100%; border: 0; text-align: left; text-transform: uppercase; background: #f4f2ef } #basketitemsheader div { vertical-align: top; padding: 10px 0; text-align: left; font: bold 12px Arial, Helvetica, sans-serif; color: #6f0840; float: left } #basketitems { width: 100%; clear: both; border: solid 1px #d8d2c9; text-align: left; text-transform: uppercase } #basketitems a { color: #6f0840 !important; text-decoration: none } #basketitems div { vertical-align: top; padding-top: 10px; text-align: left; float: left; color: #6f0840; font: normal 12px Arial, Helvetica, sans-serif } #basketitems hr { clear: both; width: 100%; padding: 0; margin: 0; height: 0; border-top: solid 1px #d8d2c9 } .biitems { width: 105px } .biimg { padding-top: 0px !important; width: 105px; display: block } .biimg img { margin: 5px 0 0 5px } .biname { width: 250px } .biprice { width: 100px } .biseparator { width: 100%; margin: 0 !important; padding: 0 !important; border-bottom: solid 1px #d8d2c9; height: 0px !important } .biref { width: 95px } .biqty { width: 70px; text-align: left } .bidate { width: 150px; text-align: left } .biqty .qtyinput { width: 17px; color: #6f0840; text-align: center } #chkRemove{ display: none; height: 0px; margin: 0; padding: 0 } .bisubtotal { width: 105px; font-weight: bold !important } .bicountry { width: 240px; text-transform: capitalize } .relitemsonbasket { float: none !important; width: 600px; margin-left: 100px; background: #f4f2ef; padding: 10px; margin-bottom: 10px } .relitemsonbasket .morerelinfo { float: right !important; width: 160px; text-align: left; text-transform: uppercase } .morerelinfo a:link, .morerelinfo a:visited { color: #5b6f7b !important } .morerelinfo a:hover, .morerelinfo a:visited:hover { color: #6f0840 !important } .relitemsonbasket img { float: left; height: 60px; padding-right: 10px } #promocode { clear: both; float: none; padding: 5px 0px !important; width: 100%; background: #f2f0ec; color: #5b6f7b !important; text-transform: uppercase } #promocode .promoupdate { float: right; margin-right: 127px } #totalinbasket { clear: both; float: none; width: 100%; text-align: right !important; padding: 10px 0px !important; font: bold 18px Arial, Helvetica, sans-serif !important; color: #6f0840; text-transform: uppercase; background: #eae6df; border-top: solid 1px #d8d2c9 } #totalinbasket span { margin-right: 20px } #totalinbasket small { font-size: 14px; font-weight: normal; padding-right: 30px } #socialactions { clear: both; float: none; width: 100%; text-align: left !important; height: 35px; padding: 0px !important; background: #f2f0ec; border-top: solid 1px #d8d2c9 } #socialactions img { clear: both; float: none; margin: 5px } #specialreq { padding-top: 20px; width: 340px; float: left } #specialreq .titleheader p { line-height: 1.3em } #basketfinalbox { width: 360px; float: right; padding-top: 20px } /* --- PAYMENT PAGES --- */ #basketuhere { margin-bottom: 10px } #paytabs { margin-top: 10px; width: 100%; text-align: right; height: 30px } #maincontent #paycontentwrapper { padding: 10px; background: #f4f2ef; border: solid 1px #d8d1c9 } #paycontentwrapper h4 { color: #6f0840; text-transform: uppercase; font-size: 14px } .paytables th, .paytables td { line-height: 30px } #paycontentwrapper .paytables th { text-transform: uppercase; font-weight: normal } #bottompaymentactions { clear: both; margin: 10px 0; padding: 20px 0 10px 0; height: 50px; } #bottompaymentactions .botpayact { float: left; width: 320px; height: 100px; margin-right: 13px } #bottompaymentactions .bbr { float: right; width: 360px; text-align: right; margin-right: 0 !important } .shipmethmsg { padding-left: 10px; color: #6f0840; font: bold 14px Arial, Helvetica, sans-serif !important; text-align: left; text-transform: none } #shipmethitems { clear: both !important; float: none !important; background: #f4f2ef; width: 100%; margin: 10px 0; border-top: solid 1px #d8d2c9; /*border-bottom: solid 1px #d8d2c9;*/ color: #5b6f7b !important } #shipmethitems th, #shipmethitems b, #shipmethitems strong { color: #6f0840 !important } #shipmethitems th, #shipmethitems td { padding-left: 10px; padding-bottom: 10px } .shipmethod { clear: both !important; float: left; with: 330px; vertical-align: top; padding: 10px; padding-left: 0px; color: #5b6f7b !important } .handlinginstr { float: right !important; with: 320px; text-transform: none; background: #f4f2ef; vertical-align: top; padding: 10px; margin-right: 10px } .handlinginstr textarea { width: 300px } .boxed { width: 720px; padding: 10px; clear: both; border: solid 1px #d8d2c9; text-align: left } #editaddress { width: 300px; padding: 5px; background: #f4f2ef; float: right } #totalincheckout { clear: both; float: none; width: 740px; text-align: right !important; padding: 10px 0px !important; font: bold 18px Arial, Helvetica, sans-serif !important; color: #6f0840; text-transform: uppercase; background: #f2f0ec; border: solid 1px #d8d2c9; border-top: 0 } #totalincheckout span { margin-right: 20px } ul.paymethlabels { clear: both; margin: 0 !important; padding: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; list-style: none; display: block; height: 35px } ul.paymethlabels li { list-style: none; border: 1px solid #d8d2c9; border-bottom: 0px; float: left; margin: 0; padding: 0; margin-left: 0 !important; margin-bottom: 0px !important; padding-bottom: 0px !important; padding-left: 0 !important } ul.paymethlabels li a { display: block; width: 210px; padding: 5px; margin: 0 !important; line-height: 25px !important; color: #605048 !important; font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none } ul.paymethlabels li a:link, ul.paymethlabels li a:visited { background: #FFF } ul.paymethlabels li a.pilactive, ul.paymethlabels li a:hover, ul.paymethlabels li a:visited:hover { background: #d8d2c9 } #creditcard, #paypal, #pay4later { clear: both; display: block; background: #FFF; width: 728px; padding: 5px; border: solid 1px #d8d2c9 } .inlabel { float: left; padding-right: 5px; } /* --- FINANCE PAGE --- */ #p4lbox { float: right; width: 172px; height: 330px; background: url("/images/financebg.gif") top center no-repeat #09C; margin-left: 10px } #p4lbox form { margin: 0; padding: 0 } #p4lbox img { border: 0; margin: 10px 5px; } #p4lbox div { padding: 130px 5px 0 8px; color: #FFF; } #p4lbox #calc_results { color: #FD0; padding: 0px; font: bold 11px Arial, Helvetica, sans-serif; } #p4lbox span { color: #FFF; text-align: right; font-size: 12px } #p4lbox #p4legal { padding: 10px 0 0 0; font: italic 10px Arial, Helvetica, sans-serif; color: #FFF; } /* --- LEARNING CENTRE STYLE --- */ #mainring { float: left; width: 495px; margin: 10px 0 } #advice { float: right; width: 236px; background: url("/images/learning/questions.gif") bottom center no-repeat #FFF; margin: 10px 0 } #advice a { text-decoration: none; text-transform: uppercase } #advice img { margin-bottom: 85px } #advice p { margin: 10px 10px 5px 10px; padding: 0; font-weight: bold } #advice ol { margin-left: 5px; padding-left: 10px; color: #6f0840 } #advice ol a { color: #6f0840 !important } .learningbox { background: #efece7; border: solid 1px #CCC; padding: 10px; margin-top: 10px; color: #666 } .learningbox a { text-transform: uppercase; text-decoration: none; font-weight: bold } .learningbox a:link, .learningbox a:visited, #advice p a:link, #advice p a:visited { color: #8496a0 !important } .learningbox a:hover, .learningbox a:visited:hover, #advice p a:hover, #advice p a:visited:hover { color: #6f0840 !important } .learningbox div { width: 360px; float: left } .learningbox .clear { height: 0; padding: 0; margin: 0 } .learningbox span { padding: 0 3px; font-weight: bold; color: #8496a0 } .learningbox img { margin-right: 20px } .learninghr { clear: both; width: 100%; padding: 0; margin: 10px 0 0 0; height: 0px; border: 0; border-top: solid 1px #CCC } /* --- HELP PAGES STYLE --- */ #helpcontent { background-color:#fff; width:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5b6f7b; margin:0px; padding-top:0px; margin-bottom:10px; text-align: left } #helpcontent table { width: 100%; margin-top: 10px } #helpcontent table td { padding: 0 5px 10px 5px; vertical-align: top } #helpcontent table div.titleheader { line-height: 20px; padding: 5px } #helpcontent div.titleheader h2 { text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #6f0840; text-transform:uppercase } #helpcontent table h3 { color: #6f0840; padding-bottom: 0 !important; margin-bottom: 0 !important; font-size: 14px } #helpcontent ul { margin: 10px 0 0 20px; list-style: url("img/helparrow.gif") } #helpcontent a { text-decoration: none !important } #helpcontent a:hover, #helpcontent a:visited:hover { text-decoration: underline !important; color: #6f0840 !important } #helpbottom { background-color:#fff; width:100%; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5b6f7b; margin:0px; padding-top:0px; margin-bottom:10px; text-align: left } #helpbottom #bottombanners { padding-left: 95px !important; padding-right: 95px !important } #helpbottom #bottomtxt { padding-left: 95px !important; padding-right: 95px !important } #helpbottom #bottomlogos { width: 100% !important } #helpbottom #bottomlinks { width: 100% !important } #helpbottom #bottomlinks table { margin: 0 auto !important } #helpmenu { float: right; width: 230px; text-align: left; text-transform: uppercase; background: #f7f5f3; padding: 5px; margin-top: 10px } #helpmenu p { padding: 0 5px; border-bottom: solid 1px #93a4ae } #helpmenu b { color: #6f0840 } #helpmenu ul, #helpmenu li { list-style: url("img/helparrow.gif") } #helpmenu a:visited, #helpmenu a:link { text-decoration: none !important; text-transform: none !important } #helpmenu a:hover, #helpmenu a:visited:hover { text-decoration: underline !important; color: #6f0840 !important; text-transform: none !important } .returntohelp { padding: 20px 0 50px 0; text-align: left } .returntohelp a img { border: 0 } /* --- DISPLAYED TABLES --- */ div.diamondshapes { margin: 0 auto; width: 480px } div.diamondshapes img { float: left } table.tdstable { margin: 0 auto; width: 400px; padding: 10px; border: solid 1px #d8d1c9 } table.tdstable th { background: url("/img/h2bg.gif") top left repeat-x #f4f2ef; padding: 5px; text-align: left; color: #6f0840; font-size: 14px } table.tdstable td { background: #f7f5f3; padding: 5px; text-align: left } /* --- FOOTER STYLE --- */ #tdslivebox { clear: both; width: 940px; height: 325px; background: url("/images/frame/tdslive.gif") top left no-repeat } #watchlive { width: 100%; height: 40px; text-align: right } #watchlive img { width: 100px; height: 35px } #lastviewed { clear: both; margin: 0px 0; padding: 0px 0 } #lastviewed ul { list-style: none; padding: 0em; position: relative; border: 0px solid #9DB029; background-color: #ffffff; width: auto; margin: 0.1em 0 } #lastviewed li { border: 0px; width: auto; margin: 0em; padding: 0.0em; background-color: #ffffff; overflow: hidden } #bottombanners { clear: both; margin: 10px 0; padding: 10px 0; height: 140px; border-top: solid 5px #d8d1c9; border-bottom: solid 2px #d8d1c9 } .ukawards { float: left; border: 0; margin-right: 10px } #bottombanners .botbanner { float: left; width: 240px; height: 140px; margin-right: 12px } #bottombanners .bbr { float: right; margin-right: 0 !important } #bottombanners #specialoffers { width: 240px; height: 138px; background: url("/images/frame/box_signup.jpg") top left no-repeat } #specialoffers form { padding: 90px 0px 0px 10px; text-align: left } #specialoffers form input { width: 150px; height: 18px } #specialoffers form img { width: 75px; height: 12px; margin-top: 6px } #bottomtxt { text-align: right } #community { clear: both; margin-top: 0px; padding-top: 10px; text-align: left } #bottomlogos { clear: both; margin-top: 10px; padding: 10px 0; border-top: solid 5px #d8d1c9; text-align: center } #bottomlogos img { margin: 0 0 0 4px } #bottomlinks { clear: both; margin: 10px 0; padding: 10px 0; border-top: solid 2px #d8d1c9; border-bottom: solid 2px #d8d1c9; text-align: left } #bottomlinks table { width: 940px } #bottomlinks table td { text-align: left; vertical-align: top; padding-right: 10px } #bottomlinks b { color: #6f0840 } #bottomlinks ul, #bottomlinks li { list-style-type: none; margin: 0; padding: 0 } #bottomlinks a:visited, #bottomlinks a:link { color: #57575a; text-decoration: none } #bottomlinks a:hover, #bottomlinks a:visited:hover { color: #6f0840; text-decoration: none } #footer { font:10px Arial, Helvetica, sans-serif; color:#57575a } #footer a:visited, #footer a:link { color:#57575a; text-decoration:none } #footer a:hover { text-decoration:underline } #footerleft { float: left; text-align: left } #footerright { float: right } .clear { display: block !important; clear: both !important; float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important } .gold { color: #605048 } .purple { color: #6f0840 !important } a.purple { color: #6f0840 !important } a.white { color: #ffffff !important } a.whitetray { color: #ced4d7 !important; text-decoration: none; text-transform: uppercase } a.purple:link, a.purple:visited { text-decoration: none !important } a.purple:hover, a.purple:visited:hover { text-decoration: underline !important } .purpleh3 { text-align: left; font: bold 16px Arial, Helvetica, sans-serif; color: #6f0840; text-transform:uppercase; margin-bottom:15px; text-decoration: none } .grey { color: #5b6f7b !important } .plsnote { padding-left: 10px; color: #beb1ac } p.ringlist { margin-top: 10px; padding-top: 10px !important; border-top: solid 7px #d8d1c9 } .pay4later-more-details { width:465px; height:23px; margin-top:10px; cursor:pointer; background-repeat:no-repeat; background: #E4D4BC; } .pay4later-more-details { display:block; width: 465px; padding-top: 3px; padding-left:10px; font-size:12px; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #000000; } .pay4later-more-details #p4l_message #p4l_amount { font-weight:bold; } #financedetails { display: none; position: absolute; left:0; top:0; width:465px; padding:5px; background:#E4D4BC; } #financedetailspayment { display: block; left:0; top:0; width: 500px; padding:10px; background:#E4D4BC; } #p4lloading { padding-left:20px; background-image:url(http://www.thediamondstore.co.uk/images/p4l/ajax-loader-trans.gif); background-repeat:no-repeat; width: 465px; } #p4lloadingsecure { padding-left:20px; background-image:url(https://www.thediamondstore.co.uk/images/p4l/ajax-loader-trans.gif); background-repeat:no-repeat; width: 465px; } #p4ldetails { width:465px; background:#E4D4BC; padding: 0px; }