/*--------------------------------------- RESET: Meyer v1.0 | 20080212 ---------------------------------------*/ 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; /*vertical-align: baseline; background: transparent;*/ } body { /*line-height: 1;*/ } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*--------------------------------------- DEFAULT STYLES ---------------------------------------*/ body { /* color: #ffffff; font: 62.5% Arial, Helvetica, Geneva, sans-serif; background: #000 url('../siteimages/body/home_bg.jpg') no-repeat center top;*/ } #container { /*background-color:#000; min-height:550px;*/ } h1, h2, h3, h4, h5 { color: #ffffff; } h1, h2, h3 { font-family: Verdana, "Lucida Grande" , Lucida, sans-serif; font-size: 1.8em; margin: 0 0 10px 0; text-transform: uppercase; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } div#container h2, div#container h3, div#container h4, div#homepage-container h2, div#homepage-container h3, div#homepage-container h4 { margin: 0 0 8px 0; } p { line-height: 14px; margin: 0 0 12px 0; } a, a:visited { /* color: #ffffff; font-weight: normal;*/ text-decoration: none; } a:hover, a:active, a:focus { color: #a4a5a9; text-decoration: none; } a img:hover { opacity: 0.65; } .divpic img:hover { opacity: 1; } a.advance-link img:hover { opacity: 1; cursor:default; } div#container a, div#homepage-container a { color: #fff; } div#container a:hover, div#homepage-container a:hover { color: #717171; text-decoration: none; } img { margin: 0; } li ul, li ol { margin: 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } /* classes */ .clear { clear: both; font-size: 0.1px; height: 0; line-height: 0; width: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* =Hide from IE Mac \*/ .clearfix { display: block; } .nowrap { white-space: nowrap; } .hide { display: none; } .left { float: left; } .right { float: right; } .cursor { cursor: pointer; } .upper { text-transform: uppercase; } .bold { font-weight: bold; } .mbottom { margin: 0 0 10px 0; } .smallprint { font-size: 0.9em; } .fill { height: 100%; } .zero { margin: 0; } .link-backing { background-color: #4f4f4f; width: 100%; padding: 5px; } /*--------------------------------------- BODY ---------------------------------------*/ .showgrid { background: url(../siteimages/grid.png); } #wrapper { height: 610px; margin: 0 auto; width: 1060px; font-size:1.2em; } #container, #homepage-container { margin: 10px 0 0 0; position: relative; z-index: 1; } #homepage-container { width: 1060px; } #container { /*padding:10px 20px 20px 20px; width:1020px;*/ } /*--------------------------------------- HEADER ---------------------------------------*/ #header { /*width:1040px; height:103px; background: transparent url('../siteimages/global/bg-header.png') repeat top left; padding: 20px 10px 10px 10px;*/ } #header a.pageHeader { background: url(../siteimages/body/lapicida_logo.gif) no-repeat; display: block; height: 54px; width: 216px; text-indent: -9999px; margin-left:10px; } #header #topnav input, #header .adv_search { background: #242426; border: none; color: #777b7e; } #header input.search-box { width: 142px; height: 13px; background: url('../siteimages/body/search-bg.gif') no-repeat top left; font-family: Arial, Helvetica, Geneva, sans-serif; font-size:0.8em; color:#000; padding:3px; float:left; } #header .search-button { width:72px; height:22px; background: transparent url(/siteimages/buttons/input-search.png) no-repeat; float:left; margin-left:5px; text-indent:-5000px; } #header .search-button:hover { background-position:0 -22px; } #header .search-button:hover { cursor:pointer; } /*--------------------------------------- NAVIGATION ---------------------------------------*/ #mainnav { border-top: 1px solid #9a9995; border-bottom: 1px solid #9a9995; margin: 5px 0 0 0; height: 23px; z-index: 6000; list-style-type:none; padding:5px 0; float:left; } #mainnav a.main { height:20px; border-right:solid 1px #fff; padding:0 18px 0 6px; font-size:0.95em; font-weight:bold; } #mainnav .firstnavitem, #mainnav li ul li { list-style-type: none; } #mainnav li { float: left; font-size: 1.4em; /*padding: 0 6px 0 0; margin:0 6px 0 0;*/ /*position: relative;*/ z-index: 5000; text-transform:uppercase; } #mainnav li.penultimate-child a.main { border:none; margin:0; } #mainnav li.last-child { border:none; margin:0; height:22px; } #mainnav li a { color: #fff; } #mainnav li .nav-item a:hover { text-decoration: none; } #mainnav li .nav-inner { padding: 1px 0px 0px 7px; z-index: 6000; position: relative; } #mainnav .megamenu-wrapper { display: none; left: 0px; position: absolute; top: 17px; width: 270px; z-index:5000; padding-top:3px; } #mainnav .megamenu-wrapper .megamenu-header { background: url(../siteimages/menu/arrow.png) no-repeat top left; height:8px; } #mainnav .megamenu-wrapper { width: auto; } #mainnav .megamenu { margin: 0; padding: 0; } #mainnav .megamenu-inner { padding: 23px 23px 8px 23px; background-color: #363636; } #mainnav .megamenu-inner ul { float: left; width: 464px; margin: 0; list-style-type: none; } #mainnav .megamenu-inner ul li, .customerAccount ul.showrooms li { float: left; width: 225px; height: 73px; overflow: hidden; border-bottom: solid 1px #484848; padding: 0 14px 13px 0; font-size: 0.9em; margin: 0 0 15px 0; } .customerAccount ul.showrooms li { padding-right:0; } ul.showrooms li.last { border-bottom:none; } #mainnav .megamenu-inner ul li.end { padding: 0 0 13px 0; } #mainnav .megamenu-inner ul li.last { border-bottom:none; margin:0; } #mainnav .megamenu-inner ul li .title { float: left; height: 43px; } #mainnav .megamenu-inner ul li .title span { font-size: 0.6em; color: #afafaf; text-transform: none; line-height: 1.4em; display: block; } #mainnav .megamenu-inner ul li a.thumb { float: left; width: 96px; margin: 0 8px 0 0; } #mainnav .megamenu-inner ul li .content { float: left; width: 116px; font-size:0.9em; } #mainnav .generic-menu .megamenu-inner ul { float: left; width: 232px; margin: 0; list-style-type: none; } #mainnav .generic-menu .megamenu-inner ul li { float: left; width: 232px; font-size: 0.8em; margin: 0 0 10px 0; border: none; padding: 0; height: auto; } #mainnav .megamenu-inner ul li a { color:#9F9C97; text-transform:none; } #mainnav .megamenu-inner ul li a:hover { color:#B39853; } #mainnav .megamenu-inner ul li strong { color: #E60E00; font-size: 1.1em; font-weight: bold; padding: 0 0 10px 0; } #topnav { margin-bottom: 10px; } #topnav a.pageHeader { display: block; width: 215px; height: 45px; float: left; margin-top: 5px; } #topnav #links { margin: 10px 0 0 0; float:right; } #header #topnavright { float: right; width:750px; } #header #topnav #topnavright #search { float: right; margin-top: 10px; } #topnav #links li { float: left; list-style-type: none; padding-right: 10px; margin-left: 10px; border-right: solid 1px #fff; position:relative; margin-top:4px; } #topnav #links li.last { border: none; padding-right: 0; } #topnav #links li a { color:#9f9c97; } #topnav #links li.basket a { background: url('../siteimages/basket-logo.gif') no-repeat center left; padding-left:16px; } /*--------------------------------------- FOOTER ---------------------------------------*/ #footer { /*background-color:#fff; color: #676767; height: 40px; margin-bottom:10px; padding: 30px 0 0 0; text-align: center; z-index: 999;*/ } #footer a { color: #676767; } #footer .social-media { float:left; margin-left:25px; } #footer .nav { float:right; font-size:0.9em; margin-right:15px; padding-top:20px; } #footer ul { list-style-type:none; padding:0; margin:0; } #footer ul li { float:left; padding-right:10px; } #footer .social-media ul li a { display:block; width:32px; height:32px; text-indent:-5000px; } .twitter a { background: url('../siteimages/footer/icon_twitter.png') no-repeat top left; } .facebook a { background: url('../siteimages/footer/icon_facebook.png') no-repeat top left; } .youtube a { background: url('../siteimages/footer/icon_youtube.png') no-repeat top left; } .social-media .rss a { background: url('../siteimages/footer/icon_rss.png') no-repeat top left; } h3#blogHeading a.rss { text-indent: -5000px; height:20px; width:20px; background: transparent url('../siteimages/body/rss.png') no-repeat top left; display:block; float:right; margin-top:5px; } #footer .nav a:hover { text-decoration:underline; } body.step-down #footer { background:#000 url(/siteimages/footer/bg_footergradient.png) repeat-x; } body.step-down #footer a { color: #828282; } body.step-down #footer ul li { color: #828282; } /*--------------------------------------- COLUMNS ---------------------------------------*/ div.span-1, div.span-2, div.span-3, div.span-4, div.span-product, .span-product-info { float: left; margin-right: 10px; } .showroom .span-3 img { border:solid 2px #fff; } .showroom .span-3 { width:605px; } .showroom .sideText { float:left; width:385px; margin-left:30px; } .showroom .sideText h1 { margin-bottom:10px; padding-bottom:10px; border-bottom:solid 1px #6b6b6b; } #form h2, #form h3 { padding:10px 0; border-top:solid 1px #6b6b6b; border-bottom:solid 1px #6b6b6b; margin-bottom:20px; } .showroom .sideText .title { float:left; width:128px; padding:2px 0 0 2px; } .showroom .sideText h2 { border-bottom: 1px solid #6B6B6B; border-top: 1px solid #6B6B6B; padding: 10px 0; } .showroom dl#openingHours { float: left; margin: 0; padding: 10px 0; width: 100%; } .showroom dl#openingHours dt { float:left; width:110px; clear:both; font-weight:normal; } .showroom dl#openingHours dd { float:left; } .showroom .sideText .field { float:left; width:255px; } .showroom .sideText .row { float:left; margin:3px 0; } .showroom a.mapLink { float:right; background:transparent url('../siteimages/buttons/map.png') no-repeat; width:50px; height:30px; text-indent:-5000px; } .showroom a.mapLink:hover { background-position:0 -30px; } .showroom .leftColumn { width:605px; float:left; } .showroom dl#contactInformation, .customerAccount .contactInformation { margin:10px 0 20px 0; float:left; } .showroom #contactInformation p, .customerAccount .contactInformation p { margin:0; } .showroom dl#contactInformation dt, .customerAccount .contactInformation dt { float:left; width:80px; clear:both; font-weight:normal; } .showroom dl#contactInformation dd, .customerAccount .contactInformation dd { float:left; color:#918969; width:200px; } .showroom dl#contactInformation dd a, .customerAccount .contactInformation dd a { color:#918969; text-decoration:underline; } .row .field .submitButton { width:69px; height:30px; background:transparent url('../siteimages/body/submitButton.png') no-repeat top left; border:none; text-indent:-5000px; } .row .field .submitButton:hover { cursor:pointer; } div.last { margin-right: 0; } /* index */ #main-panel { background: url(../siteimages/holder/852x480.jpg) no-repeat; display: inline; float: left; height: 480px; margin: 0; padding: 0; position: absolute; width: 852px; z-index: 5; } #side-panel-main { display: inline; float: right; width: 160px; margin: 0; padding: 0; } /* columns */ .span-1 { width: 244px; } .span-2 { width: 498px; } .span-3, div.span-3 { width: 752px; margin: 0; } .span-4 { width: 371px; } .span-full { width: 1024px; } .span-product { width: 395px; } .span-product-info { width: 347px; margin: 0; } .side-panel { float: right; width: 260px; margin-top:5px; } .side-panel-half { float: right; height: 240px; margin: 0 0 5px 0; width: 260px; } /* padding-right */ .append-1 { padding-right: 254px; } .append-2 { padding-right: 508px; } /* padding-left */ .prepend-1 { padding-left: 254px; } .prepend-2 { padding-left: 508px; } /* Border */ div.border { border-right: 1px solid #eee; margin-right: 5px; padding-right: 4px; } .border-bottom { border-bottom: 1px solid #1f1f1f; width: 100%; margin: 10px 0; padding: 2px 0; } /* Border with whitespace */ div.colborder { border-right: 1px solid #eee; margin-right: 239px; padding-right: 242px; } /*---[LeftSidebarPage template layout]---*/ div.left-panel { width: 200px; float: left; } div.right-panel { float: left; width: 730px; margin-left: 20px; } /*--------------------------------------- FEATURES ---------------------------------------*/ /* scroll */ .scroll-pane { width: 750px; height: 500px; overflow: auto; float: left; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; } .jScrollPaneDrag { position: absolute; background: white; cursor: pointer; overflow: hidden; } /* accordian */ #accordion-wrapper { background: black; width: 1024px; margin: 0 auto; overflow: hidden; height: 480px; } #accordion-wrapper h3 { font-weight: normal; font-size: 1.5em; } /*Main Container*/ .container3 { width: 111%; } .container3 ul { list-style-type: none; margin: 0px; padding: 0px; } .container3 li { display: inline; margin: 0px; padding: 0px; } /*Handle*/ .handle3 { float: left; width: 134px; height: 480px; text-align: center; border-right: 1px solid #363636; padding: 0 0 0 5px; } .handle3 img { margin-top: 0px; } .handleOver3 { background: #141414; } .handleOver3 img { margin-top: 0px; filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; } .handleSelected3 { background: #000; } /*Content Container*/ .contentWrapper3 { text-align: left; } .contentInnerWrapper3 { padding: 160px 50px 0 10px; height: 480px; } .contentWrapper3 h3 { border-bottom: 1px solid silver; } .contentContainer3 { padding-left: 0px; float: left; height: 480px; overflow: hidden; } .container ul { list-style-type: none; margin: 0; padding: 0; } .container li { display: inline; margin: 0px; padding: 0px; } /*Content Container*/ .contentContainer { padding-left: 0px; float: left; width: 0px; height: 480px; overflow: hidden; } /*------------- SLIDER --------------*/ #slider { width: 1000px; margin: 0 12px; position: relative; padding: 0; } .scroll { height: 480px; width: 980px; overflow: auto; overflow-x: hidden; position: relative; clear: left; padding: 0 0 0 10px; } .scrollContainer div.panel { height: 480px; width: 1024px; } .scrollButtons { position: absolute; top: 250px; cursor: pointer; } .scrollButtons.left { left: -10px; } .scrollButtons.right { right: -10px; } .scrollContainer div.panel div.intro { display: inline; float: left; height: 50%; width: 320px; margin: 240px 16px 0 0; } .scrollContainer div.panel div.result { float: left; height: 130px; width: 137px; padding: 0 15px 30px 15px; text-transform: capitalize; } div.result p { margin: 0px; line-height: 9px; } /*------------- GALLERY --------------*/ .galleria { list-style: none; position: absolute; top: -10px; left: 692px; } galleria li { display: block; width: 10px; height: 20px; overflow: hidden; } .galleria li a { display: none; } * html .galleria li div span { width: 752px; } .caption { font-style: italic; color: #887; } .gallery-holder { position: relative; margin-top: 10px; } .gallery-panel li { width: 20px; height: 25px; margin: 0 1px; background: #000; } .gallery_panel li div { left: -200px; } #main_image { margin: 0 auto 60px auto; height: 450px; width: 700px; background: black; position: absolute; top: -10px; left: 0px; } #main_image img { margin-bottom: 10px; } .info { text-align: left; width: 700px; margin: 30px auto; border-top: 1px dotted #221; padding-top: 10px; } .info p { margin-top: 1.6em; } /*--------------------------------------- SECTIONS ---------------------------------------*/ /* =index */ #feature { display: inline; float: left; width: 852px; } #sub-panel-main { display: inline; float: right; width: 160px; } .promotion { border-bottom: 1px solid #242426; height: 95px; line-height: 13px; margin: 0; } /* =argento */ div.argento { width: 100%; border-bottom: 1px solid #363636; padding: 4px 0; } div.argento img { float: left; } div.argento p { font-size: 10px; margin-bottom: 10px; line-height: 10px; } .scroll-pane2 { width: 258px; height: 480px; overflow: auto; float: left; border-right: 1px solid #fff; } /* =reclaimed */ .side-panel-half h3 { line-height: 13px; margin: 0 0 5px 0; } .side-panel-half img { margin: 0 0 5px 0; } /* =map */ #map { width: 626px; height: 480px; position: relative; } #map ul { margin: 0; padding: 0; list-style: none; } #map a { position: absolute; width: 50px; height: 75px; text-indent: -1000em; border-radius: 2px; } #map .england a { top: 195px; left: 105px; } #map .france a { top: 300px; left: 125px; } #map .italy a { top: 450px; left: 300px; } #map a:hover { border: 2px solid #fff; } /* =hospitality */ #hospitality div#container ul li, #hospitality div#homepage-container ul li { margin: 0 0 10px 0; } #hospitality div#container input, #hospitality div#container textarea, #hospitality div#homepage-container input, #hospitality div#homepage-container textarea { background: #242426; border: none; color: #777b7e; font-size: 13px; padding: 5px; width: 200px; margin: 0 0 10px 10px; font-size: 12px; } /* =new collections */ div.info { position: absolute; bottom: 0px; width: 347px; text-align: justify; } .nc-option { float: left; width: 125px; height: 145px; margin: 0 5px 3px 0; line-height: 6px; } .nc-option p { line-height: 15px; margin: 3px 2px; } .pp-option { width: 260px; height: 86px; margin: 0 0 10px 0; } /* breadcrumb */ div#breadcrumb { width: 1024px; height: 20px; list-style: none; z-index: 99; background-image: url(../siteimages/body/nav_background.png); position:absolute; top: -15px; left: 20px; } div#breadcrumb ul { list-style: none; position: absolute; z-index: 6; margin: 0 0 0 5px; padding: 0; } div#breadcrumb ul li { float: left; display: inline; line-height: 19px; margin: 0 5px 0 0; } div#breadcrumb a { color: white; } div#breadcrumb a:hover { color: #1f1f1f; } /*------------- PANEL NAVIGATION --------------*/ .project-sub { width: 200px; } .project-sub img { margin: 45px 0 0; } .project-sub blockquote { margin: 30px 0 0; } .project-article { width: 340px; } /* main product info */ .product-img { width: 310px; float: left; margin-right:20px; } .product-img input { width:50px; border:solid 1px #535353 !important; } .product-img-thumb { margin: 7px 0px; } .product-img-thumb-mid { margin: 7px 6px; } #product-info { float:left; width:400px; margin-top:0; } div#product-info h1, div#product-info h2, h3 { margin: 0 0 10px 0; } div#product-info a:hover { color:#B39853; } div.product-spec-holder { width: 100%; border-bottom: 1px solid #505050; padding:15px 0 8px 0; } /* sidepanel */ #product-page .side-panel h2 { border-bottom: 1px solid #505050; padding: 0 0 5px 0; text-align: left; text-transform: uppercase; width: 100%; margin:0; font-size:1.3em; margin-bottom:10px; } #product-page .side-panel h4 { border-top: 1px solid #ffffff; padding: 2px 0 0; text-align: left; text-transform: uppercase; width: 100%; } div#product-info h1, div#product-info h2 { padding-bottom:2px; border-bottom: solid 1px #505050; } div#product-info p { margin-bottom:20px; padding:15px 0; } div#product-info .online-product p { margin-bottom:0px; } div#product-info p.price { font-size:1.2em; font-style:italic; } div#product-info .details { height:270px; } div#product-info .buy-widget { padding:8px 0; border-top:solid 1px #fff; border-bottom:solid 1px #fff; height:29px; margin-bottom:20px; } div#product-info .buy-widget-replacement { padding:8px 0; height:25px; margin-bottom:20px; } div#product-info .buy-widget h4 { float:left; margin-right:20px; padding-top:3px; } div#product-info .buy-widget input.buy-button { background: url('../siteimages/global/bn-gold-bg.gif') no-repeat top left; width:162px; height:24px; border:none; cursor:pointer; color:#fff; text-transform:uppercase; } div#product-info .description-wrapper { margin-bottom:10px; border-bottom: 1px solid #505050; } /*------------- FAQ --------------*/ #faq fieldset label { width: 100%; margin: 0; padding: 0; display: inline; float: left; } #faq fieldset input { float: right; width: 60%; } #faq label span { width: 40%; padding: 0; } #faq .span-1 { margin-right:0px; } #faq .span-2.last {float: right; margin-bottom: 10px; } #faq fieldset div { width:250px; margin:0px; padding:0px; float:left; } *:first-child+html #faq fieldset div { padding: 5px; } #faq fieldset div label { width:55%; margin:0; padding:0px 0px 0px 5px; float:left;vertical-align: top; } #faq fieldset div input { float:left; width:15px; height: 15px; vertical-align:top;} #faq #searchbtn { cursor: pointer; float:right; padding-right:50px; } #faq #searchbtn input { cursor: pointer; float:right; } .help strong, .app strong { margin-bottom:8px; display:block; } /*---------------- index ----------------*/ #container #homepagetop, #homepage-container #homepagetop{ background:#fff; padding:10px; position:relative; z-index:1; } #container #homepagetop .welcome-container, #container #homepagetop .gallery-container, #container #homepagetop .collection-container, #homepage-container #homepagetop .welcome-container, #homepage-container #homepagetop .gallery-container, #homepage-container #homepagetop .collection-container, #homepage-container #homepagetop .video-box { background:#000; position:relative; width:1032px; height:300px; } #homepage-container #homepagetop .video-box div#video { margin-left:280px; height:300px; } #homepage-container #homepagetop .video-box div#video .flashalternate { text-align:left; } #homepage-container #homepagetop .video-box .video-links { float: right; font-size: 0.9em; margin: -20px 10px 0 0; } #homepage-container #homepagetop .video-box .video-links a.selected { color:#B39853; } #homepage-container #homepagetop .gallery-container { background-color:#fff; } #homepage-container #homepagetop .gallery-container div.left-col, #homepage-container #homepagetop .gallery-container div.right-col { float:left; width:200px; } #homepage-container #homepagetop .gallery-container div.right-col { padding-left:10px; } #homepage-container #homepagetop .gallery-container div.right-col h3 { margin-bottom:120px; } #homepage-container #homepagetop .gallery-container div.left-col h3 { text-align:right; padding-right:10px; } #homepage-container ul.gallery-slideshow { float:left; width:600px; } #homepage-container #homepagetop .gallery-container p { color:#111; height:50px; } #homepage-container #homepagetop .gallery-container div.right-col h3.gallery-image-title { color:#111; font-size:1.2em; margin-bottom:10px; } #homepage-container #homepagetop .gallery-container div.right-col h3.gallery-link { font-size:1.1em; margin-bottom:0; } #homepage-container #homepagetop .gallery-container h3.gallery-link a { color:#B39853; } #homepage-container #homepagetop .gallery-text-item { height:140px; display:none; } #container #homepagetop .gallery-container ul, #container #homepagetop .collection-container ul, #homepage-container #homepagetop .gallery-container ul, #homepage-container #homepagetop .collection-container ul { list-style-type:none; padding:0; margin:0; } #container #homepagetop .welcome-container .left-column, #homepage-container #homepagetop .welcome-container .left-column { float:left; width:300px; } #homepage-container #homepagetop .welcome-container .left-column a { color:#fff; } #homepage-container #homepagetop .welcome-container .left-column a:hover { color:#B39853; } #container #homepagetop .welcome-container .right-column, #homepage-container #homepagetop .welcome-container .right-column { float:left; width:580px; height:300px; } ul.welcome-slideshow { list-style-type:none; margin:0; height:300px; } #homepage-container #homepagetop .welcome-container { width:1040px; } ul.welcome-slideshow .textContent { width:300px; padding: 14px 30px; height:260px; } ul.welcome-slideshow .textContent p { position:relative; z-index:100; } ul.welcome-slideshow img { margin-top:-320px; } #homePageIntro { margin-top:-260px; padding:20px 30px; width:300px; z-index:100; position:absolute; } ul.welcome-slideshow li { height:300px !important; } #container div.actions, #homepage-container div.actions { height:55px; background:transparent url('../siteimages/body/homePageNav_bg.png') no-repeat top left; margin-bottom: 20px; } #container div.actions ul, #homepage-container div.actions ul { margin:0 335px; list-style-type:none; padding:0; } #container div.actions ul li, #homepage-container div.actions ul li { float:left; } #container div.actions ul li a, #homepage-container div.actions ul li a { color:#fff; margin:15px 0; padding:0 10px; display:block; border-right:solid 1px #fff; font-size:1.4em; text-transform:uppercase; } #homepage-container div.actions ul li h3 { font-size:1.2em; } #container div.actions ul li.last-child a, #homepage-container div.actions ul li.last-child a { border:none; } #container div.actions ul li.selected, #homepage-container div.actions ul li.selected { background: url('../siteimages/body/arrow.png') no-repeat top center; } #container div.actions ul li.selected a, #homepage-container div.actions ul li.selected a { color:#b39853; } #container div.actions ul li a:hover, #homepage-container div.actions ul li a:hover { color:#b39853; } /*---[Homepage adverts]---*/ #homepagebottom { background:#fff; } #homePageThreeColumn { padding:10px; } ul.adverts { list-style-type:none; margin:0; padding:0; } ul.adverts li { width:340px; height:120px; float:left; margin-right:10px; } ul.adverts li.last-child { margin-right:0; } ul.adverts li.first-child, ul.adverts li.last-child { width:340px; } #container ul.adverts li a, #homepage-container ul.adverts li a { display:block; width:340px; height:90px; text-indent:-5000px; color:#fff; } ul.adverts li h4 { background: url('../siteimages/global/bg-tile.png') repeat top left; font-size:1.4em; text-transform:uppercase; text-align:center; line-height:30px; } #container ul.adverts li h4 a, #homepage-container ul.adverts li h4 a { height:30px; text-indent:0; } ul.adverts li.reclaimed-collection { background: url('../siteimages/homepage/adverts/antique-reclaimed.jpg') no-repeat top left; } ul.adverts li.mobile-app { background: url('../siteimages/homepage/adverts/iphone-app.jpg') no-repeat top left; } ul.adverts li.lapicida-store { background: url('../siteimages/homepage/adverts/visit-store.jpg') no-repeat top left; } ul.controls { list-style-type:none; margin:20px 0 0 0; padding:0; } ul.controls li { width:320px; float:left; margin-right:20px; margin-left:10px } #container ul.controls li h3, #homepage-container ul.controls li h3 { color:#7b7b7b; padding-bottom:5px; border-bottom: dotted 1px #ccc; height:27px; } div#homepage-container h3#blogHeading, div#homepage-container h3#latestNewsHeading { margin:0; } ul.controls li.first-child { margin-left:10px; width:320px; } ul.controls li.last-child { margin-right:0; width:320px; } #homepage-container ul.controls li h4 { color:#7b7b7b; } /*---[Blog post list]---*/ ul.bloglist { margin:0; list-style-type:none; } ul.bloglist li { color:#717171; font-size:1.1em; height:auto; margin-left:0; border-bottom:dotted 1px #ccc; padding:10px 0; } ul.bloglist li span.post-date { margin-right:10px; margin-left:5px; width:60px; display:block; float:left; } ul.bloglist li span.title a { font-weight:bold; display:block; float:left; width:245px; } #container ul.bloglist li h3, #container ul.bloglist li h3 a, #container ul.bloglist li div.sf_postContent, #container ul.bloglist li p { color:#fff; } #container ul.bloglist li a:hover { color:#B39853; } div#container ul.bloglist li span.title a:hover, div#homepage-container ul.bloglist li span.title a:hover, div#container ul.news-list li span.news-title a:hover, div#homepage-container ul.news-list li span.news-title a:hover { text-decoration:underline; color:#B39853; } div.sf_singlePost p { font-size:1em; } #container div.sf_singlePost div.sf_postContent { margin-top:30px; margin-bottom:30px; } #container div.sf_singlePost a:hover { color:#B39853; } #container div.sf_singlePost ul.socialbookmarks { list-style-type:none; margin:20px 0 0 0; } #container div.sf_singlePost ul.socialbookmarks li { float:left; margin-right:5px; } #container div.sf_commentsList div.commenttext, #container p.sf_authorComment { color:#717171; } #container div.sf_commentsList h3 { margin-top:20px; } /*---[Newsletter list]---*/ ul.news-list{ margin:0; list-style-type:none; } ul.news-list li { color:#717171; font-size:1.1em; height:auto; margin-left:0; border-bottom:dotted 1px #ccc; padding:10px 0; } ul.news-list li span.news-date { margin-right:10px; margin-left:5px; width:60px; display:block; float:left; } ul.news-list li span.news-title a { font-weight:bold; width:245px; display:block; float:left; } /*---[Search menu styles]---*/ #mainnav div.horizontal ul.search-type-list { width: 700px; padding:0 10px; } #mainnav div.horizontal ul.search-type-list li { float: left; clear: none; border:none; } #mainnav div.horizontal ul.search-type-list li { width: 125px; margin-right:10px; } #mainnav div.horizontal ul.search-type-list li ul li { float: none; } div.search-menu .menu-wrapper { } .search-menu h3 { margin-left:10px; } .search-menu a.clearSearch { float:right; margin-top:-25px; } .right-panel a.view-all-link { float: right; margin-right: 145px; margin-top: -39px; font-size:1.3em; } .right-panel a.advanced-search-link { background:url('../siteimages/buttons/btnAdvancedSearch.png') no-repeat top left; width:132px; height:22px; display:block; text-indent:-5000px; margin-top:-40px; float:right; } .search-menu .view-all { clear: left; } #container .search-menu h4.view-all a, #container .search-menu h4.advanced-search a { font-size:1.8em; color:#fff; } #container .search-menu h4.view-all a:hover, #container .search-menu h4.advanced-search a:hover, #mainnav div.horizontal h4.view-all a:hover, #mainnav div.horizontal h4.advanced-search a:hover { color:#B39853; } #mainnav div.horizontal h4.view-all a, #mainnav div.horizontal h4.advanced-search a { font-size:1.1em; } #container .search-menu h4.advanced-search { margin-top:25px; } #mainnav div.horizontal h4.view-all { width:340px; float:left; clear:left; } #mainnav div.horizontal h4.advanced-search { width:340px; float:left; text-align:right; margin-left:0; margin-right:10px; } .search-menu ul { list-style-type: none; clear: both; padding: 0; margin: 0; } .search-menu ul li { margin-bottom: 12px; } .search-menu ul li h4 { text-transform:uppercase; font-size:1.1em; } #container .search-menu ul li a:hover, #homepage-container .search-menu ul li a:hover { color:#B39853; } .search-menu ul li ul li { margin-bottom: 5px; } #mainnav .search-menu ul li ul li a { text-transform:none; color:#9F9C97; font-size:1.4em; } #mainnav .search-menu ul li ul li a:hover { color:#B39853; } .search-menu ul li h4 { margin-bottom:5px; } /*---[Collections navigation]---*/ #mainnav .collection-wrapper { width:730px; } #mainnav div.collection-nav { font-size:0.9em; } #mainnav div.collection-nav ul { list-style-type:none; margin:0 10px 10px 10px; width:710px; height:25px; border-bottom:solid 1px #fff; } #mainnav div.collection-nav ul li { float:left; padding:2px 10px 2px 0; margin-right:10px; clear:none; border-right:solid 1px #fff; } #mainnav div.collection-nav ul li.last-child { border-right:none; } #mainnav div.collection-nav ul li a { text-transform:none; color:#9F9C97; font-size:1.1em; } #mainnav div.collection-nav ul li a:hover { color:#B39853; } #mainnav div.collection-nav ul li img { float:left; width:180px; height:120px; margin-right:10px; } #mainnav div.collection-nav ul li .top-block, #mainnav div.collection-nav ul li .bottom-block { float:left; width:490px; } #mainnav div.collection-nav ul li .bottom-block { height:34px; } #mainnav div.collection-nav ul li ul.collection-bottom-nav { width:430px; margin:0; border:none; } #mainnav div.collection-nav ul li ul.collection-bottom-nav li { margin-right:5px; height:22px; } #mainnav div.collection-nav ul li ul.collection-bottom-nav li.last-child { margin-right:0; border-right:none; } #mainnav div.collection-nav ul li .top-block { height:100px; } #mainnav div.collection-nav ul li .top-block ul { border:none; } #mainnav div.collection-nav ul.content-block li { border:none; height:134px; } #mainnav div.collection-nav ul.content-block { border:none; height:134px; } #mainnav div.collection-nav ul.content-block li { font-size:1em; } #mainnav div.collection-nav ul.content-block p { text-transform:none; font-size:0.8em; } #mainnav div.collection-nav ul.content-block ul.collection-bottom-nav li a { font-size:0.8em; } /*---[Showroom menu]---*/ #mainnav ul.showrooms, .customerAccount ul.showrooms { width:560px; } .customerAccount ul.showrooms { font-size:1.1em; margin:0; } #mainnav ul.showrooms li { width: 550px; height: 115px; } .customerAccount ul.showrooms li { width: 580px; height: auto; } #mainnav ul.showrooms li .left-col, .customerAccount ul.showrooms li .left-col { float:left; margin:5px 10px 0 0; } #mainnav ul.showrooms li .right-col, .customerAccount ul.showrooms li .right-col { float:left; width:350px; height:100px; } .customerAccount ul.showrooms li .right-col { width:380px; } #mainnav ul.showrooms li .right-col h3, .customerAccount ul.showrooms li .right-col h3 { margin-top:0; float:left; width:120px; color:#fff; font-weight:bold; font-size:1.2em; } .customerAccount ul.showrooms li .right-col h3 { font-size:1.4em; margin-top:-4px; } #mainnav ul.showrooms li .right-col p { font-size:0.8em; text-transform:none; } #mainnav ul.showrooms li .right-col p.find-us, .customerAccount ul.showrooms li .right-col p.find-us { float:right; width:230px; text-align:right; padding-top:3px; } #mainnav ul.showrooms li .right-col p.find-us a, .customerAccount ul.showrooms li .right-col p.find-us a { color:#B39853; } /*---[product list page]---*/ ul.product-list { list-style-type:none; margin:0; padding:0; } ul.product-list li { float:left; width:170px; height:215px; margin:0 15px; } .item-info p { margin-bottom:5px; } ul.product-list li a img { width:170px; } ul.product-list li .item-info p { font-size:1em; } ul.product-list li .item-info { margin-top:5px; } div#container ul.product-list li .item-info a { color:#d3c17f; } #container ul.product-list li a:hover, #homepage-container ul.product-list li a:hover { color:#B39853; } .list-navigation { text-align:right; margin-bottom:20px; } .list-navigation a { height:26px; margin-left:10px; } #container .list-navigation a.selected-sort { font-weight:bold; color:#fff; } /*---[left sidebar nav]---*/ #container ul.leftnav, #homepage-container ul.leftnav { list-style-type:none; margin:0; } #container ul.leftnav li, #homepage-container ul.leftnav li { margin-bottom:10px; } #container ul.leftnav li a:hover, #homepage-container ul.leftnav li a:hover { color:#B39853; } /*---[Mini newsletter signup]---*/ #container ul.newsletter-subscribe, #homepage-container ul.newsletter-subscribe { list-style-type:none; margin:0; } #container ul.newsletter-subscribe li, #homepage-container ul.newsletter-subscribe li { height:25px; margin:0 0 5px 0; width:330px; } #container ul.newsletter-subscribe li input, #homepage-container ul.newsletter-subscribe li input { border:none; background-color:#ccc; color:#666; width:214px; height:23px; padding-left:5px; line-height:25px; } #container ul.newsletter-subscribe li input.newsletter-name, #homepage-container ul.newsletter-subscribe li input.newsletter-name { width:156px; margin-right:6px; } #container ul.newsletter-subscribe li input.last-item, #homepage-container ul.newsletter-subscribe li input.last-item { margin-right:0; } #container ul.newsletter-subscribe li input[type=submit], #homepage-container ul.newsletter-subscribe li input[type=submit] { width:101px; height:25px; line-height:25px; background: url('../siteimages/global/bn-subscribe.gif') no-repeat top left; color:#fff; text-transform:uppercase; cursor:pointer; margin-left:9px; padding-bottom:2px; padding-left:0; float:right; } /*---[Blog page]---*/ #blog-page #container .left-panel { width: 402px; margin-right:200px; } #blog-page #container .right-panel { width:200px; } ul.sf_postListing li p, .sf_singlePost p, .sf_postComments p { font-size:1em; color:#717171; } #container p.sf_readMore a:hover, #container p.sf_postComments a:hover, #homepage-container p.sf_readMore a:hover, #homepage-container p.sf_postComments a:hover { color:#B39853; } #container div.sf_postContent, #homepage-container div.sf_postContent { margin-bottom:20px; padding-bottom:20px; border-bottom: solid 1px #fff; } #container div.sf_singlePost h4 { font-size:1.8em; border-bottom: solid 1px #fff; padding-bottom:10px; margin:20px 0; } div.sf_singlePost p { color:#fff; } div.sf_singlePost p.image img { border:solid 1px #999 !important; } #container div.sf_singlePost ul.socialbookmarks { height:30px; } ul.rtUL li { font-size:1.3em; } #blog-page #container .right-panel h2.blogCategories, #blog-page #container .right-panel h3 { font-size:1.6em; padding-bottom:10px; border-bottom: solid 1px #fff; margin-bottom:20px; } #blog-page #container .right-panel ul { list-style-type:none; margin:0 0 30px 0; } #blog-page #container .right-panel #tweet ul { margin-bottom:20px; } #blog-page #container .right-panel ul li a { color:#fff; } #blog-page #container .right-panel ul li a:hover { color:#B39853; } #blog-page #container .right-panel #twitterbox a.twitter { text-transform:uppercase; color:#fff; text-decoration:underline; } #blog-page #container .right-panel #twitterbox a.twitter:hover { color:#B39853; } #blog-page #container .right-panel #twitterbox { margin-bottom:30px; } div.blog-categories ul li a { font-size:1.2em; } #blog-page #container .left-panel ul.bloglist h2 { font-size:1.6em; padding-bottom:10px; border-bottom: solid 1px #fff; margin-bottom:20px; } #blog-page #container .left-panel ul.bloglist h2 a { color:#fff; } #blog-page #container .left-panel ul.bloglist p.date { color:#717171; } .blog-categories h3 { display:none; } /*---[]---*/ #wrap { width: 395px; position: relative; } #small { position: relative; width: 100%; } #large { background: white; position: relative; width: 395px; } #mover { position: absolute; top: 0; left: 0; width: 104px; height: 104px; overflow: hidden; z-index: 100; background: transparent; display: none; } #overlay { border: 1px solid blue; width: 102px; height: 102px; position: absolute; top: 0; left: 0; z-index: 200; } #mainnav li a.nonlink { cursor:default; } #iphone-page { background:url("../siteimages/iphone/bg.jpg") no-repeat scroll 0 0 transparent; position:relative; } #iphone-page #iphone { background:url("../siteimages/iphone/iphone.png") no-repeat scroll 0 0 transparent; height:457px; position:absolute; top:20px; width:230px; } #iphone-page #iphone #iphone-galery { left:23px; position:absolute; top:75px; } div#iphone-info { left:250px; position:absolute; top:0; } div#iphone-info h2 { background:url("../siteimages/iphone/title.png") no-repeat scroll 0 0 transparent; height:42px; margin:0; text-indent:-9999px; width:455px; } div#iphone-info h3 { font-size:15px; } #mainnav .search-menu { width:700px; } .shortvideo { position:absolute; left:0; top:0; } .longvideo { position:absolute; left:0; top:0; } #prodsidepanel img { width:50px; padding-right:8px; } .megamenu-inner h3 { font-size:1.2em; } #topnav .megamenu-wrapper { display:none; visibility:hidden; position:absolute; background-color: #001; z-index:10000; width:170px; } #topnav li.last .megamenu-wrapper { left:-75px; } #topnav .megamenu-wrapper .megamenu { padding:10px 0 10px 0; } #topnav #links .megamenu-wrapper .megamenu .megamenu-inner ul li { border:none; padding:0; margin:0; margin-bottom:5px; float:none; } #topnav #links .megamenu-wrapper .megamenu .megamenu-inner ul li a { font-size:1em; } #topnav #links .megamenu-wrapper .megamenu .megamenu-inner ul li a:hover { color:#B39853; } li.section { position:relative; z-index:10000; } #homepage-container .collection-container a { display:block; background:#fff url(../siteimages/Navigation/collections_homepage.jpg) no-repeat; width:258px; height:127px; float:left; text-indent:-9000px; color:#fff; } #homepage-container .collection-container .header { display:block; background:url(../siteimages/Navigation/collections_homepage.jpg) no-repeat; height:46px; width:1040px; text-indent:-5000px; } #homepage-container .collection-container .new-collections { background-position:0 -46px; } #homepage-container .collection-container .reclaimed-link { background-position:-258px -46px; } #homepage-container .collection-container .fine-art-floors { background-position:-516px -46px; } #homepage-container .collection-container .fired-earth-link { background-position:-774px -46px; } #homepage-container .collection-container .fendi-link { background-position:0 -164px; } #homepage-container .collection-container .custom-cut-link { background-position:-260px -164px; } #homepage-container .collection-container .bespoke-link { background-position:-517px -164px; } #homepage-container .collection-container .palladio-link { background-position:-774px -164px; } /*---[Product blurb]---*/ div.product-spec-holder table { width: 100%; text-transform: capitalize; } div.product-spec-holder table th { font-weight: bold; } div.product-spec-holder table thead th { color: white; } div.product-spec-holder table th, div.product-spec-holder table td, div.product-spec-holder table caption { padding: 1px 0; } div.product-spec-holder table tfoot { font-style: italic; } div.product-spec-holder table caption { color: white; } div.product-spec-holder table td { width: 70%; padding-bottom:10px; } div.product-spec-holder table td.title { width: 30%; font-weight: normal; font-style: normal; color:#928857; } /*tr { height : px; }*/ table#shipping { margin: 30px 0; } table#shipping td { width: 30%; padding: 3px; } /*---[basket table]---*/ h1.basket-title { border-bottom:solid 1px #fff; padding-bottom:10px; } table.basket { border-collapse:collapse; margin-bottom:20px; margin-top:10px; } table.basket td, table.basket th { vertical-align:middle; } table.basket th { text-transform:uppercase; text-align:left; border-bottom:solid 1px #fff; padding-bottom:10px; } table.basket .first td { padding-top:12px; } table.basket td.image { width:130px; } table.basket td { padding-bottom:10px; } table.basket tbody { padding-top:20px; } table.basket td.name { width:350px; text-align:left; } #container table.basket td.name a { color:#fff; } #container table.basket td.name a:hover { color:#B39853; } #container table.basket td.remove a { color:#B39853; margin-right: 10px; } #container table.basket td.remove a:hover { color:#fff; } table.basket td.quantity { width:100px; } table.basket td.price { width:100px; } table.basket td.total { width:100px; } table.basket td.remove { width:240px; text-align:right; } table.basket tr.sub-total td { padding-top:20px; border-top:solid 1px #fff; } table.basket tr.sub-total td, table.basket tr.delivery-total td, table.basket tr.grand-total td { text-transform:uppercase; padding-bottom:20px; } table.basket tr.delivery-total td { padding-bottom:40px; } table.basket tr.grand-total td { color:#B39853; border-bottom:solid 1px #fff; } #container .actions { float:right; list-style-type:none; padding:0; margin:0; } #container .actions li { float:left; margin-left:20px; } #container .actions a { color:#fff; text-align:center; text-transform:uppercase; padding-top:8px; width:162px; height:24px; display:block; } .continue-shopping { width:150px; height:30px; padding:0; display:block; } a.continue-shopping { display: block; background: url('../siteimages/buttons/continue-shopping.png') no-repeat top left; width: 172px; height: 30px; text-indent: -5000px; padding: 0; display: block; } a.complete-order { display: block; width: 172px; height: 30px; padding: 0; background: url('../siteimages/buttons/complete-order.png') no-repeat top left; text-indent: -5000px; } a.complete-order:hover { background: url('../siteimages/buttons/complete-order.png') 0 -30px no-repeat; } #container .actions .continue-shopping a { text-transform: none; } #container .actions .checkout a, input.checkout { background: url('../siteimages/buttons/checkout.png') no-repeat 0 0; width:100px; height:30px; text-indent:-5000px; padding:0; border:none; } #container .actions .continue a, input.continue { background: url('../siteimages/buttons/continue.png') no-repeat 0 0; width:120px; height:30px; text-indent:-5000px; padding:0; border:none; } #container .actions .confirm a, input.confirm { background: url('../siteimages/buttons/confirm-order.png') no-repeat 0 0; width:170px; height:30px; text-indent:-5000px; padding:0; border:none; margin-left: 20px; } #container .actions .continue a:hover, input.continue:hover, #container .actions .confirm a:hover, input.confirm:hover { cursor:pointer; background-position:0 -30px; } input.checkout { margin-left:22px; } input.checkout:hover { cursor:pointer; background-position:0 -30px; } .addToBasket { width:128px; height:30px; text-indent:-5000px; background:transparent url('../siteimages/buttons/AddToBasket.png') no-repeat 0 0; border:none; cursor:pointer; } .addToBasket:hover { background-position:0 -30px; } .basketFilled { color: #bbb; font-weight: bold; } .continue-shopping:hover { background-position:0 -30px; } #container .checkout a:hover { background-position:0 -30px; } #container .gold { color:#B39853; } /*---[Checkout page]---*/ h1.checkout-title { padding-bottom:10px; border-bottom:solid 1px #fff; margin-bottom:20px; } .section { margin-bottom:20px; } .section .right-column, .section .left-column { width:460px; float:left; } .section .right-column { padding-left:20px; } .section ul.errors { margin:0; list-style-type:none; } #container .section h3 { padding-bottom:10px; border-bottom:solid 1px #fff; margin-bottom:20px; } .section .row { margin-bottom:10px; } .section .row .title { width:80px; } .section .row .first-name, .section .row .last-name { width:172px; } .section .row .email, .section .row .confirm-email { width:215px; } .section .row .address1, .section .row .address2, .section .row .businessName { width:437px; } /*---[Confirmation page]---*/ #container h1.confirmation-title { padding-bottom:10px; border-bottom:solid 1px #fff; margin-bottom:20px; } p.order-number { margin:20px 0; } p.order-number span { color:#B39853; font-size:1.3em; font-weight:bold; margin-left:10px; } #container p.confirmation-continue-shopping a { float:right; background: url('../siteimages/buttons/continue-shopping.png') no-repeat top left; display:block; width:172px; height:30px; text-indent:-5000px; padding:0; display:block; } #container p.confirmation-continue-shopping a:hover { background-position:0 -30px; } ul.site-map { list-style-type:none; } ul.site-map li { margin-bottom:3px; } ul.site-map li, ul.site-map li a { color:#717171 } #container ul.site-map li a:hover { color:#B39853; } ul.site-map li ul { list-style-type:none; margin-top:4px; margin-left:40px; } #site-map-pane { float:left; overflow:auto; height:480px; width:276px; } .no-link:hover { cursor:pointer; } ul.search-type-list a { background:transparent url('../siteimages/body/unchecked.png') no-repeat top left; padding-left:20px; } ul.search-type-list ul li a.checked, ul.search-type-list a.selected, ul.search-type-list a:hover { background:transparent url('../siteimages/body/checked.png') no-repeat top left; } #brochureRequestContent { color:#717171; } #brochureRequestWrapper #brochureRequestContent { width:180px; float:left; } #brochureRequestWrapper img { float:left; margin-left:10px; } #footerText { color:#b5b5b5; background-color:#f6f6f6; padding:25px; margin-top:20px; } #footerText p { margin:0; line-height:1.6em; } div#homepage-container #footerText a, div#homepage-container #footerText a:hover { color:#b5b5b5; } .viewArchive { clear:both; display:block; padding-top:10px; margin-left:5px; } div#homepage-container a.viewArchive:hover { text-decoration:underline; color:#717171; } .viewExclusiveStones { background:transparent url('../siteimages/buttons/ViewExclusiveStones.png') no-repeat 0 0; display:block; width:200px; height:40px; text-indent:-5000px; position:absolute; margin-top:15px; } .viewBespokeFloorsButton { background:transparent url('../siteimages/buttons/ViewBespokeFloors.png') no-repeat 0 0; display:block; width:200px; height:40px; text-indent:-5000px; position:absolute; margin-top:15px; } .viewAntiqueStones { background:transparent url('../siteimages/buttons/antique-stones.png') no-repeat 0 0; display:block; width:192px; height:40px; text-indent:-5000px; position:absolute; margin-top:15px; } .viewAntiqueCollection { background:transparent url('../siteimages/buttons/antique-collection.png') no-repeat 0 0; width:195px; height:30px; text-indent:-5000px; float:left; margin-bottom:10px; } .viewBespokeFloorsButton:hover, .viewAntiqueStones:hover, .viewExclusiveStones:hover { background-position:0 -40px; } .viewAntiqueCollection:hover { background-position:0 -30px; } .viewTilesButton:hover { background-position:0 -40px; } .welcome-container #homePageIntro p { line-height:1.4em; } .welcome-container #homePageIntro a { color:#fff; } div#container .caption .imageGalleryButton { background:transparent url('../siteimages/buttons/go-to-product.png') no-repeat top left; height:30px; width:130px; display:block; text-indent:-5000px; float:right; margin-right:20px; } div#container .caption .imageGalleryButton:hover { background-position:0 -30px; } .two-column-page #container .leftcolumn { float: left; width: 612px; margin: 0 30px 0 0; } .two-column-page #container .rightcolumn { float: left; width: 378px; } .two-column-page #container .rightcolumn h1, .two-column-page #container .rightcolumn h2 { border-bottom: solid 1px #6b6b6b; padding: 0 0 10px 0; } #collection-gallery { float: left; width: 612px; height: 372px; overflow: hidden; } #collection-gallery .item-holder { float: left; width: 606px; height: 316px; padding: 3px; background: #FFFFFF; overflow: hidden; } #collection-gallery .item-holder .item { float: left; width: 606px; height: 316px; background: #000000; } #collection-gallery .gallery-wrapper { float: left; background: url(../siteimages/reclaimed/bg_gallery.gif) repeat-x; width: 602px; height: 50px; list-style-type: none; padding: 0 0 0 20px; } #collection-gallery ul.gallery-nav { list-style-type: none; margin: 0 auto; } #collection-gallery ul.gallery-nav li { float: left; background: none; height: 50px; } #collection-gallery ul.gallery-nav li a { color: #FFFFFF; font-size: 1.3em; border-right: solid 1px #FFFFFF; display: block; text-transform: uppercase; margin: 15px 0; padding: 0 10px; } #collection-gallery ul.gallery-nav li.last a { padding: 0 0 0 10px; border-right: none; } #collection-gallery ul.gallery-nav li.first a { padding: 0 10px 0 0; border-right: none; } #collection-gallery ul.gallery-nav li a:hover, #collection-gallery ul.gallery-nav li.selected a { color: #B39853; } #collection-gallery ul.gallery-nav li.selected { background: url(../siteimages/body/arrow.png) no-repeat top center; } #request-antique-brochure { float: left; } #request-antique-brochure h3 { border-bottom: solid 1px #6B6B6B; padding: 0 0 10px 0; } #request-antique-brochure .content { float: left; width: 378px; } #request-antique-brochure .content .text-column { float: left; width: 180px; padding: 0 20px 0 0; } #request-antique-brochure .content .text-column p { color: #9F9C97; font-size: 0.9em; } #request-antique-brochure .content .image-column { float: left; width: 178px; } /* CUSTOM BUTTONS/LINKS */ a.request { float: left; background: url(../siteimages/buttons/request.png) no-repeat; width: 80px; height: 30px; text-indent: -5000px; } a.request:hover { background-position:0 -30px; } a.viewproducts { float: left; background: url(../siteimages/buttons/view_products.jpg) no-repeat; width: 103px; height: 20px; text-indent: -5000px; } a.viewcollection { float: left; background: url(../siteimages/buttons/viewCollection.png) no-repeat; width: 113px; height: 20px; text-indent: -5000px; } #product-info .Order40Sample:hover, #product-info .Order5Sample:hover, #product-info .OrderFreeSample:hover { background-position:0 -30px; } #product-info .Order5Sample { display:block; float:left; background:transparent url('../siteimages/buttons/Order5Sample.png') no-repeat top left; height:30px; width:134px; text-indent:-5000px; } #product-info .Order40Sample { display:block; float:left; background:transparent url('../siteimages/buttons/Order40Sample.png') no-repeat top left; height:30px; width:142px; text-indent:-5000px; } #product-info .OrderFreeSample { display:block; float:left; background:transparent url('../siteimages/buttons/order-free-sample.png') no-repeat top left; height:30px; width:150px; text-indent:-5000px; } #product-info .getAQuoteButton { background:transparent url('../siteimages/buttons/get-a-quote.png') no-repeat; height:30px; width:110px; margin-right:15px; text-indent:-5000px; float:left; } #product-info .getAQuoteButton:hover { background-position:0 -30px; } #span-product .ui-icon-circle-plus { margin-top:10px; background: transparent url('../siteimages/buttons/sliderPlus.png') no-repeat top left; } #span-product .ui-icon-circle-minus { margin-top:10px; background: transparent url('../siteimages/buttons/sliderMinus.png') no-repeat top left; } #span-product .ui-slider { margin-top:10px; } #span-product .ui-widget-content { background:none; } #span-product .ui-slider-horizontal .ui-slider-handle { top:-0.4em; } #span-product .ui-slider .ui-slider-handle { height:1.1em; } #span-product .ui-slider-horizontal { height:1px; margin-top:15px; background:#181818; } #span-product .ui-corner-all { border:none; } #pano { height:500px; z-index:-1; } #mainnav .megamenu-inner .showrooms .showroomButton { background:transparent url('../siteimages/body/gold_button_bg.png') no-repeat top left; color:#fff; width:72px; height:22px; display:block; padding-top:2px; text-align:center; float:left; } #mainnav .megamenu-inner .showrooms a.findUs, .customerAccount .showrooms a.findUs { background:transparent url('../siteimages/buttons/FindUs.png') no-repeat 0 0; width:63px; height:20px; display:block; float:left; text-indent:-5000px; } #mainnav .megamenu-inner .showrooms a.findUs:hover { background-position:0 -20px; } #mainnav .megamenu-inner .showrooms .virtualTourButton, .customerAccount .showrooms .virtualTourButton { margin-left:10px; background:transparent url('../siteimages/buttons/VirtualTourSml.png') no-repeat top left; width:94px; height:20px; float:left; text-indent:-5000px; } #container a.virtualTourButton { background:transparent url('../siteimages/buttons/virtual-tour.png') no-repeat top left; width:128px; height:30px; float:left; text-indent:-5000px; } #mainnav .megamenu-inner .showrooms .virtualTourButton:hover { background-position:0 -20px; } #container a.virtualTourButton:hover { background-position:0 -30px; } #container a.virtualTourButton { float:right; margin:10px 0; } div#container a.reclaimedButton { background:transparent url('../siteimages/buttons/reclaimedButton.png') no-repeat top left; display:block; width:195px; height:22px; color:#fff; float:left; margin:0 15px 10px 0; text-align:center; font-size:1.2em; padding-top:3px; } div#container a.viewAntiqueGallery { background:transparent url('../siteimages/buttons/ViewAntiqueGallery.png') no-repeat top left; width:172px; height:30px; float:left; margin:0 15px 10px 0; text-indent:-5000px; } div#container a.viewAntiqueGallery:hover { background-position:0 -30px; } div#container a.signatureButton { background:transparent url('../siteimages/buttons/signature-collection.png') no-repeat top left; display:block; width:205px; height:30px; float:left; margin:0 15px 10px 0; margin-left:10px; text-indent:-5000px; } div#container a.argentoButton { background:transparent url('../siteimages/buttons/argento-collection.png') no-repeat top left; display:block; width:199px; height:30px; float:left; margin:0 15px 10px 0; margin-left:10px; text-indent:-5000px; } div#container a.palladioGalleryButton { background:transparent url('../siteimages/buttons/the-palladio-gallery.png') no-repeat top left; width:170px; height:30px; text-indent:-5000px; display:block; float:left; margin-left:10px; } div#container .buttons { margin-top:14px; } div#container a.argentoButton:hover, div#container a.signatureButton:hover, div#container a.palladioGalleryButton:hover { background-position:0 -30px; } /* Form */ #form { margin:0; padding-top:10px; } #form legend { display:none; } #form label { width:112px; float:left; } #form .error { display:block; padding:0 0 5px 123px; } #hospitality div#container #form input, #hospitality div#container #form textarea, div#container .showroom #form input, div#container .showroom #form textarea { font-family:Arial,Helvetica,Geneva,sans-serif; width:243px; background-color:#fff; color:#000; margin-bottom:5px; border:solid 1px #fff; } .mandatory, .error {color:#CC0000;} .form_note { font-size:0.9em; color:#A6A6A6; padding-left:123px; clear:both; margin:0 0 12px 0; } .respond_message { color: #A6A6A6; font-size: 0.9em; padding-left: 123px; } #form .checkbox label { float:right; width:230px; padding-left:10px; font-size:0.9em; margin-bottom:5px; } .showroom #form .checkbox label { width:220px; margin-right:25px; } #hospitality div#container #form .checkbox input, div#container .showroom #form .checkbox input { float:right; width:15px; background-color:Transparent; border:none; } /* Brochure/Contact pages */ #leftColumn { width:606px; height:316px; float:left; margin-right:31px; background:url(/siteimages/banners/banner_brochure.jpg) no-repeat; border:solid 3px #fff; } #rightColumn { width:377px; float:left; } #rightColumn h1, h2.contactTitle { border-bottom:solid 1px #6B6B6B; padding-bottom:10px; margin-bottom:10px; } .brochure_antiquestore { background:url(/siteimages/brochure_antiquestore.png) no-repeat; min-height:95px; } .brochure_inspiration { background:url(/siteimages/brochure_inspiration.png) no-repeat; min-height:95px; } .btn_downloadbrochure { background:url(/siteimages/buttons/btn_downloadbrochure.png) no-repeat; width:179px; height:30px; text-indent:-5000px; float:left; } .btn_orderhardcopy { background:url(/siteimages/buttons/btn_orderhardcopy.png) no-repeat; width:153px; height:30px; text-indent:-5000px; float:left; } .brochure_options { list-style-type:none; border-top:solid 1px #6B6B6B; padding-top:30px; margin:10px 0 0 0; } .brochure_options li { padding-left:158px; margin-bottom: 10px; } #brochure_buttons { margin:20px 0 10px 0; } #brochure_buttons span { float:left; line-height:30px; font-style:italic; padding:0 17px; color:#A6A6A6; font-size:0.9em; } .brochure_text { float:left; width:166px; } .brochure_text h2 { font-size:1.4em; } .brochure_radio_button { background:url(/siteimages/bg_brochurecheckbox.png) no-repeat; width:53px; height:72px; float:left; padding-top:53px; } #hospitality div#container .brochure_radio_button input { width:30px; } .custom_radio_button_selected, .custom_radio_button_notselected { background:url(/siteimages/formitems/radiobutton_selected.png) no-repeat; width:19px; height:19px; margin-left:17px; } .custom_radio_button_selected input, .custom_radio_button_notselected input {display:none;} .custom_radio_button_notselected { background:url(/siteimages/formitems/radiobutton.png) no-repeat; } .respond_message { color:#fff; } .btn_submit { background:url(/siteimages/buttons/btn_submit.png) no-repeat; width:79px; height:30px; text-indent:-5000px; margin:0 0 10px 122px; float:left; } .showroom .btn_submit { margin-left:115px; } .contact_detail dt, .contact_detail dd { width:120px; float:left; margin-bottom:5px; font-size:1.4em; font-weight:normal; } .contact_detail dd { width:230px; color:#C2BA89; } div#container .contact_detail dt a {color:#fff;} div#container .contact_detail dd a {color:#C2BA89;} div#container .contact_detail dd a:hover {color:#fff;} .return_message { margin-top:20px; } #contactTelephone { display:block; text-align:right; margin-right:15px; } /* Breadcrumb trail */ #breadcrumb { list-style:none; margin:0 0 15px 0; padding:0 0 10px 0; width:100%; border-bottom:solid 1px #6B6B6B; font-size:0.9em; } #breadcrumb li { display:inline; padding-right:5px; } #breadcrumb li .sep { padding-right:5px; } ul.collection-slideshow { list-style-type:none; margin:0; } div#container #collection-content a.collectionButton { background:transparent url('../siteimages/buttons/sampleButtonBg.png') no-repeat top left; width:152px; height:25px; display:block; float:left; padding-top:5px; margin-bottom:5px; text-align:center; color:#fff; font-size:1.3em; } a.contactUs { background:transparent url('../siteimages/buttons/contact-us.png') no-repeat top left; width:110px; height:30px; display:block; float:left; margin-bottom:5px; text-indent:-5000px; } a.getBrochure { background:transparent url('../siteimages/buttons/get-a-brochure.png') no-repeat top left; width:130px; height:30px; display:block; float:left; margin-bottom:5px; text-indent:-5000px; } a.contactUs:hover, a.getBrochure:hover { background-position:0 -30px; } div#container #collection-content a.second { margin-left:10px; } #span-product { margin-top:-14px; } div#container .search-menu .search-type-list h4 { border-top:solid 1px #6B6B6B; border-bottom:solid 1px #6B6B6B; padding:10px 0; font-weight:normal; } div#container .search-menu .search-type-list h4.first { margin-top:0px; } #span-product .right-panel .list-title { border-bottom:solid 1px #6B6B6B; padding-bottom:8px; } #span-product .right-panel { width:800px; } #span-product h2.list-title { width:580px; padding-right:220px; } #collection-content .scroll-pane { width:370px; } #container .backToSearch { color: #FFFFFF; display: block; float: right; font-size:0.9em; } .tilesTitle { margin-top:-100px; } ul.product-list li.dvHeading { width:800px; height:auto; margin-right:0px; font-size:1.6em; margin-bottom:10px; border-top:solid 1px #6B6B6B; padding-top:14px; } div#container .dvHeading.first { border:none; padding-top:0; color:#fff; } h3#blogHeading a { float:left; } #container #caption span.image-caption { width:700px; } ol.sf_pager { list-style-type:none; margin-top:5px; } ol.sf_pager li { float:left; margin-right:15px; } div#container ol.sf_pager li a { text-decoration:underline; } div#container ol.sf_pager li a.sf_PagerSelItem { font-weight:bold; color:#fff; } .flashalternate { text-align:center; } h2.brochureRequest { font-size:2.0em; border-bottom:solid 1px #6B6B6B; padding-bottom:5px; } .captionText { height:435px; } div#homepage-container ul.welcome-slideshow .textContent a { color:#fff; } #thumbs ul.thumbs .thumb img { height: 75px; width: 75px; } #collection-content div { height:328px; } .contactUsForm h3 { margin-bottom:20px; border-bottom: solid 1px #6b6b6b; } .basket .image img { width:100px; } /**** Modals ****/ body.modal { background: #000; } body.modal #wrapper { margin: 0; padding: 0; height: auto; width: auto; } #modalAddedToBasket, #modalGetAQuote { min-width: 350px; background: #000; padding: 30px; } #modalGetAQuote { min-width: 350px; background: #000; /*padding-bottom: 0;*/ } form .customerAccount .loginModal .loginLeft input, form .customerAccount .loginModal .loginRight input { background-color:#fff; border: medium none; height: 24px; width:190px; } h3#customerLogin { border: 0 none; margin: 0 0 0.8em; padding: 0; font-size:1.3em; border-bottom:solid 1px #464646; } #modalAddedToBasket { font-size: 1.2em; padding: 30px 30px 50px 30px; } #modalAddedToBasket h3, #modalGetAQuote h3 { margin: 0 0 0.8em 0; padding: 0; border: 0; } #modalAddedToBasket p { margin: 1.5em 0 2em 0; line-height: 1.2; } #modalAddedToBasket .complete-order, #modalAddedToBasket .continue-shopping { float: left; } #modalGetAQuote p { /*font-size: 0.8em;*/ margin: 1.5em 0; line-height: 1.2; } #form.quoteForm { margin-bottom: 20px; } #form.quoteForm label { /*font-size: 0.8em;*/ width: 132px; } #modalGetAQuote .btn_submit { margin: 0 0 10px 258px; } #modalGetAQuote .error { margin: 0; display: block; padding: 0; } #modalGetAQuote input { float: left; width: 200px; margin: 0 20px 8px 0; } .dvHeading h2 { font-size:1.0em; } form .customerAccount { position:absolute; z-index:9999; min-height: 430px; top:80px; right:1%; } form .customerAccount .close { float:right; margin-top:-35px; } .yourOrder .orderId { color:#a99971; margin-bottom:0px; font-size:1.4em; float:right; margin-top:-30px; } form .customerAccount .yourOrder .title h3 { margin-bottom:0px; } .yourOrder .title { clear:both; float:left; font-size:0.7em; width:245px; } .yourOrder .value { float:left; color:#a99971; } .yourOrder .notes { float: right; margin-left: 20px; color:#fff; } .yourOrder ul { margin:0; } .yourOrder .title li { padding-left:15px; } .yourOrder .value li, .yourOrder .title li, .yourOrder .notes li { list-style-type:none; } .yourOrder .notes span:hover { cursor:pointer; } .yourOrder .value span { display: block; padding-top: 2px; } .yourOrder .row { clear:both; border-top: solid 1px #343434; float:left; width:100%; padding:5px 0; } .yourOrder .row.noborder { border:none; padding-top:0px; } .yourOrder h2 { font-size:1.7em; margin-bottom:0px; } .yourOrder .downloadInvoice { float:right; } form .customerAccount .left h3 { font-size:1.3em; border-bottom:solid 1px #323232; margin:0; padding:7px 0; color:#5e5e5e; } form .customerAccount .left .viewOrders h3 { color:#c3b082; } form .customerAccount .left h3 .fileNoteCount { color:#000; background:transparent url('../../siteimages/circle.png') no-repeat top left; display: block; float: right; height: 20px; text-align: center; width: 20px; margin-top:-2px; padding-top:1px; } form .customerAccount .left h3.last { border:none; } form .customerAccount .left { padding:11px 20px; background-color:#1d1d1d; min-height:448px; width:120px; } form .customerAccount .right { padding:20px; background-color:#242424; float:left; min-height:430px; width:580px; } form .customerAccount h3 a { display:block; } form .customerAccount .createJobCard label { clear:both; float:left; width:150px; } form .customerAccount .createJobCard select { width:150px; } form .customerAccount .createJobCard input, form .customerAccount .createJobCard select { float:left; } form .customerAccount .createJobCard input.text { width:150px; } .orderList a { display:block; } form .customerAccount .createAdminUser .error, form .customerAccount .fileUpload .error, form .customerAccount .orderSearch .error { color: #CC0000 !important; max-width:225px; } form .customerAccount .success { color:#5edf50; display:block; float:left; margin:15px 0 0 10px; } form .customerAccount .loginText .success { margin: 0 0 10px 0; float:none; } form .customerAccount .createAdminUser label, form .customerAccount .orderSearch label { clear:both; float:left; width:90px; } form .customerAccount .createAdminUser input.text, form .customerAccount .orderSearch input.text { width:150px; } form .customerAccount .infoLinks a:visited, form .customerAccount .infoLinks a { color:#fff; float:left; } .customerAccount .infoLinks ul li { clear:both; } form .customerAccount .uploadFile { margin-top:15px; clear:both; float:left; } form .customerAccount ul.files, form .customerAccount .infoLinks ul { list-style-type:none; margin:0; } .customerAccount .infoLinks { min-width:350px; } form .customerAccount .infoLinks ul li { margin-bottom:5px; } form .customerAccount .clearfix { height:10px; } form .customerAccount .login { background: url("../siteimages/buttons/CustomerPortal/login.png") no-repeat scroll 0 0 transparent; display: block; height: 25px; margin: 15px 0; text-indent: -5000px; width: 63px; float:left; } form .customerAccount p { line-height:1.4em; } form .customerAccount #form .loginLeft h3, form .customerAccount #form .loginRight h3 { font-size:1.2em; border:none; margin:0 0 5px 0; padding:0; color:#8f8a84; } form .customerAccount .loginLeft, form .customerAccount .loginRight { float:left; width:210px; } form .customerAccount .loginText { clear:both; float:left; width:420px; } form .customerAccount .yourOrder .jobCardNotes li { background-color:#393939; list-style-type: none; margin: 1px 0; padding: 15px; } form .customerAccount .yourOrder .jobCardNotes { clear: both; float: left; width:100%; padding-top: 5px; } form .customerAccount { font-size:1.2em; } form .adminUserContact .row { margin-bottom:10px; } form .customerAccount .createAdminUser .clearfix, form .customerAccount .orderSearch .clearfix { height:5px; } form .createAdminUser .error, form .orderSearch .error { clear:both; padding:0 0 0 112px !important; } form .customerAccount .downloadOrders { margin-top:10px; } form .customerAccount .orderList a { margin-top:5px; font-size:1.4em; } .customerAccount .customerPortalTitle { min-width:350px; } form .customerAccount .customerPortalTitle h3 { border: 0 none; margin: 0 0 0.8em; padding: 0 0 5px 0; font-size:1.3em; border-bottom:solid 1px #464646; } form .customerAccount h3.portalHeading { border: 0 none !important; font-size:1.6em; padding:0 0 10px 0 !important; margin:0 !important; } .customerAccount #form { padding-top:0px; } #form .loginLeft .error, #form .loginRight .error { padding:0; } #form.createJobCard label { width:190px; } .customerAccount #form.createJobCard .error { padding-left:0px; } #form.createJobCard .jobCardRow { padding:8px 0; clear:both; } #ui-datepicker-div { z-index:10000; } .ui-datepicker-trigger:hover { cursor:pointer; } form .customerAccount .infoLinks a.deleteInfoLink, form .customerAccount .infoLinks a.editInfoLink { float:left; margin-left:12px; margin-top:14px; } .infoLinks #form .error { padding-left:112px; } .jobCardNotes .newNote { font-weight:bold; text-decoration:underline; } form .customerAccount .updateButton, form .customerAccount .download, form .customerAccount .save, form .customerAccount .upload, form .customerAccount .customerPortalAdd { display:block; text-indent:-5000px; float:left; } form .customerAccount .updateButton { background-image:url('../../siteimages/buttons/CustomerPortal/update.png'); width:66px; height:24px; } form .customerAccount .download { background-image:url('../../siteimages/buttons/CustomerPortal/download.png'); width:96px; height:24px; } form .customerAccount .customerPortalAdd { background-image:url('../../siteimages/buttons/CustomerPortal/add.png'); width:48px; height:24px; margin-right:10px; } form .customerAccount .save { background-image:url('../../siteimages/buttons/CustomerPortal/save.png'); width:49px; height:24px; } form .customerAccount .upload { background-image:url('../../siteimages/buttons/CustomerPortal/upload-file.png'); width:96px; height:24px; } form .customerAccount .secondButton { margin-left:10px; } form .customerAccount .right .save { margin:10px 0 0 112px; } form .customerAccount .right .jobCardRow .save { margin-left:192px; } .myAccountButton { background-image:url('../../siteimages/buttons/CustomerPortal/myaccount.png'); width:96px; height:24px; display:block; text-indent:-5000px; margin-right:15px; } #topnav #links li.last { margin-top:0px; } #topnav #links li.basket { border:none; } .infoLinkButton { clear:both; float:left; margin-top:15px; } .forgottenPassword { float:left; display:block; margin: 20px 0 0 18px; } .loginOptions { float:left; width:100%; } .forgottenPasswordButtons { margin-top:15px; } .forgottenPasswordRow .title { width:65px; float:left; display:block; margin-top:3px; } .loginText .terms { margin:10px 0 0 0; } .loginText .terms a { text-decoration:underline; } #form .loginText .error { padding:5px 0 0 0; color:#cc0000 !important; } .orderSearchResults { margin-top:10px; } .orderSearchResults th { font-weight:bold; text-align:left; } .orderSearchResults td { width:180px; } .orderSearchResults td.archiveRow, .orderSearchResults th.archiveRow { width:80px; } .orderSearchResults td.openRow, .orderSearchResults th.openRow { width:50px; } #form.orderSearch .orderSearchResults .error { padding:0 !important; margin:5px 0 0 0; max-width:100%; } .dateFieldNote .addNote span { display:block; width:190px; float:left; } .dateFieldNote .error { color:#cc0000 !important; display: block; float: left; margin-left: 10px; } ul.files { float:left; } ul.files li { float:left; margin-bottom:5px; clear:both; } ul.files li input { clear:both; float:left; } ul.files li a { display:block; margin:2px 0 0 5px; float:left; max-width:555px; } #form.changeUserPassword label { width:130px; } #form.changeUserPassword .error { padding-left:130px; } #form.changeUserPassword .success { float:none; margin:10px 0; } .noFilesUploaded { display:block; } sup { vertical-align:top; } .customerAccount .back { display:block; height:24px; width:50px; background-image:url('../siteimages/buttons/CustomerPortal/back.png'); text-indent:-5000px; float:left; margin-right:10px; } .customerAccount .search { display:block; height:24px; width:66px; background-image: url('../siteimages/buttons/CustomerPortal/search.png'); text-indent:-5000px; float:left; } .customerAccount .send { display:block; height:24px; width:50px; background-image: url('../siteimages/buttons/CustomerPortal/send.png'); text-indent:-5000px; float:left; } .customerAccount .viewArchivedOrders { display:block; height:24px; width:128px; background-image: url('../siteimages/buttons/CustomerPortal/archive.png'); text-indent:-5000px; float:left; margin-left:10px; } form .customerAccount .right .changeUserPassword .save { margin:0; } .notes span { color:#5e5e5e; } .notes span.hasNewNotes { color:#fff; } #form .searchOrderType label { width:auto; float:none; margin-left:10px; } .infoLinks p { margin:0; padding-top:10px; } .infoButton { margin-top:10px; } .infoButton .buttonLeft, .infoButton .buttonRight { display:block; height:22px; width:6px; float:left; } .infoButton .buttonLeft { background:transparent url('../siteimages/buttons/CustomerPortal/buttonLeft.png') no-repeat left top; } .infoButton .buttonRight { background:transparent url('../siteimages/buttons/CustomerPortal/buttonRight.png') no-repeat left top; } .infoButton .buttonMiddle { background:transparent url('../siteimages/buttons/CustomerPortal/buttonMiddle.png') repeat-x left top; height:22px; display:block; float:left; padding-top:1px; font-size:1.3em; } ul.stoneTypes { float:left; list-style-type:none; margin-top:5px; } ul.stoneTypes li { float:left; margin:0 17px; }