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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; margin: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } html { background: #bbb; /*overflow-y: scroll;*/ } body { color: black; font: 0.75em Arial, Verdana, sans-serif; } p { margin-bottom: 14px; text-align: justify; } a { color: #f06aa6; text-decoration: underline; } a:hover, a:focus, a:active { color: black; } img { border: none; } .clear { clear: both; overflow: hidden; margin: 0; height: 0; } .clear-spacer { clear: both; overflow: hidden; margin: 0; height: 20px; } .clear-spacer5 { clear: both; overflow: hidden; margin: 0; height: 5px; } .clear-right { clear: right; overflow: hidden; margin: 0; height: 0; } h1 { font-size: 150%; color: #f06aa6; font-weight: normal; margin-bottom: 16px; } h2 { font-size: 130%; font-weight: normal; margin-bottom: 5px; } h3 { font-size: 150%; font-weight: normal; margin-bottom: 12px; } h4 { font-size: 150%; font-weight: normal; margin-bottom: 12px; color: gray; } h5 { font-size: 130%; font-weight: normal; margin-bottom: 5px; color: gray; } .line { height: 1px; width: 100%; border-top: solid 1px #bbb; overflow: hidden; margin-bottom: 5px; } #header { background: url('PD-top-bg.gif') repeat-x; width: 100%; overflow: hidden; height: 154px; } #header .content { width: 902px; margin: 0px auto; height: 154px; } #logo a { float: left; background: url('PD-logo.gif') no-repeat; height: 150px; width: 220px; margin-left: -67px !important; margin-left: 0px; text-indent: -9999px; } #partnered { float: right; margin-top: 19px; height: 67px; overflow: hidden; } #nav-tab { float: right; height: 31px; margin-top: 33px; } #nav-tab ul { float: left; margin: 0; padding: 0; list-style: none; height: 31px; } #nav-tab li { display:inline; margin: 0; padding: 0; } #nav-tab a { display: block; float: left; width: auto; margin: 0 0 0 1px; padding: 0 13px; color: white; background: url('PD-nav-tab.gif') repeat-x; font: 1.2em/2.1 Arial,Geneva,sans-serif; text-decoration: none; letter-spacing: -0.05em; height: 31px; } #nav-tab a:hover, #nav-tab a:focus, #nav-tab a:active {background: url('PD-nav-tab.gif') repeat-x 0 -31px} #main { width: 100%; background: white url('PD-main-bg-base.gif') repeat-y top center; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #bbb; overflow: hidden; } #main-content { width: 902px; margin: 0px auto; background: white url('PD-main-bg.gif') repeat-y; } #left-panel { float: left; width: 190px; } #search { float: left; width: 164px; height: 20px; background: url('PD-search-bg.gif') no-repeat; margin: 12px 0px; } #search .form { margin: 0px; padding-top: 2px; padding-left: 4px; } #search .input { border: none; background: none; width: 135px; font-size: 90%; color: #777; margin: 0; padding: 0; } #basket-summary { float: left; background: url('PD-basket-icon.gif') 130px 0px no-repeat; width: 164px; } #basket-summary .content { float: left; color: #f06aa6; margin-bottom: 7px; } #basket-summary img { float: left; } .cats ul { margin: 0 0 15px 0; padding: 0; list-style: none; } .cats li { margin:0; padding: 1px 0px; } .cats a { text-decoration: none; } .bookmark { float: left; margin: 12px 0; } .fast-delivery { float: left; margin: 12px 0; font-size: 1.2em; } .image-section .bookmark a img, .image-section .bookmark a:hover img  { border: none; } #main-panel { float: right; width: 700px; padding: 12px 0px 0px 12px; margin: 0; overflow: hidden; } .breadcrumb { font-size: 0.95em; margin-bottom: 20px; } .breadcrumb a { text-decoration: none; } .main-image { float: left; position: relative; width: 498px; height: 217px; overflow: hidden; } .secondary-image { float: left; position: relative; width: 201px; height: 217px; margin-left: 1px; overflow: hidden; } .main-image img, .secondary-image img { position: absolute; left: 0px; top: 0px; } #main-panel .home-content { margin: 17px 0px 0px 0px; width: 498px; float: left; } #main-panel .home-logos { margin: 0; width: 202px; float: left; background: url('PD-hdivider.gif') no-repeat; min-height: 510px; height: auto !important; height: 520px; } #main-panel .home-logos .logos { margin: 17px 0 8px 10px; } .home-content .product-item { width: 166px; } .content .product-item { width: 175px; } .content .prod-row .product-item, .content .prod-row .product-itemR { width: 162px; height: auto; min-height: 90px; height: auto !important; height: 90px; } .product-item { float: left; min-height: 100px; height: auto !important; height: 100px; } .product-item img, .product-itemR img { float: left; width: 75px; height: 75px; border: solid 1px black; border: solid 1px black; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-duration: 0.3s; transition-timing-function: ease-in-out; } .product-item a:hover img, .product-itemR a:hover img { border: solid 1px #f06aa6; -webkit-box-shadow: rgba(0,0,0,.35) 0 1px 7px; -moz-box-shadow: rgba(0,0,0,.35) 0 1px 7px; -o-box-shadow: rgba(0,0,0,.35) 0 1px 7px; box-shadow: rgba(0,0,0,.35) 0 1px 7px; } .product-item .content { float: left; padding: 0px 7px 0px 3px; width: 79px; font-size: 0.9em; } .product-item .content a, .product-itemR .content a { text-decoration: none; } .prod-row { float: left; width: 100%; border-bottom: solid 1px #ccc; } .prod-row .product-item, .prod-row .product-itemR { float: left; padding: 10px 6px 2px 6px; } .prod-row .product-item { border-right: solid 1px #ccc; } .prod-row .product-item .content, .prod-row .product-itemR .content { float: left; padding: 0px 0px 0px 3px; width: 82px; font-size: 0.9em; } .image-section { float: left; width: 211px; } .image-section img { float: left; border: solid 1px black; } .image-section a:hover img { border: solid 1px #f06aa6; } .image-section .thumbimages { float: left; margin-top: 4px; } .image-section .thumbimages img { margin: 0 2px 2px 0; } .title { float: left; width: 489px; } .title h1 { color: black; font-size: 150%; font-weight: normal; margin-bottom: 5px; } .price-section { float: left; width: 215px; } .details-section { float: right; width: 260px; font-size: 0.9em; } .price { color: red; font-size: 1.3em; } .price-details { color: gray; font-size: 0.65em; } .smaller { font-size: 0.9em; } #footer { width: 100%; background: white; overflow: hidden; } #footer-content { width: 902px; height: 57px; margin: 0px auto; } #footer-image { float: left; background: url('PD-footer.gif') no-repeat; width: 261px; height: 43px; margin: 14px 0px 0px 15px; } #footer-content .data { float: right; text-align: right; font-size: 0.9em; color: gray; margin-top: 18px; } #footer-content .nav ul { margin: 0; padding: 0; list-style: none; } #footer-content .nav li { display:inline; margin:0; padding: 0 3px 0 3px; } #footer-content .nav a { text-decoration: none; } #footer-content .copyright { margin: 4px 3px 0px 0px; float: right; } #footer-content .contact { margin: 4px 3px 0px 0px; float: right; color: black; } #footer-content .phoneicon { margin: 4px 3px 0px 5px; float: right; width: 42px; height: 22px; background: url('PD-phoneicon.gif') no-repeat; } .image_float_right { float: right; background: #ecedef; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; border: solid 1px #dfe0e3; margin: 15px 0 15px 15px; } /* Home logo image map */ #home-logos-map { width: 174px; height: 450px; background: url('PD-logo-group-new.gif') no-repeat; position: relative; } #home-logos-map a { position: absolute; text-decoration: none; } #home-logos-map a i { visibility: hidden; } #kartell { left: 0px; top: 0px; width: 41px; height: 22px; } #alessi { left: 41px; top: 0px; width: 47px; height: 22px; } #flos { left: 88px; top: 0px; width: 35px; height: 22px; } #evasolo { left: 123px; top: 0px; width: 51px; height: 22px; } #stelton { left: 0px; top: 22px; width: 54px; height: 26px; } #rexite { left: 54px; top: 22px; width: 49px; height: 26px; } #blomus { left: 103px; top: 22px; width: 71px; height: 26px; } #rosendahl { left: 0px; top: 48px; width: 71px; height: 30px; } #driade { left: 71px; top: 53px; width: 44px; height: 30px; } #normann { left: 115px; top: 48px; width: 59px; height: 49px; } #mondaine { left: 0px; top: 78px; width: 69px; height: 19px; } #foscarini { left: 0px; top: 97px; width: 54px; height: 22px; } #vola { left: 54px; top: 97px; width: 61px; height: 22px; } #artemide { left: 115px; top: 97px; width: 59px; height: 22px; } #edra { left: 0px; top: 119px; width: 48px; height: 24px; } #oluce { left: 48px; top: 119px; width: 59px; height: 24px; } #vipp { left: 121px; top: 119px; width: 42px; height: 24px; } #magis { left: 0px; top: 143px; width: 41px; height: 33px; } #jensen { left: 41px; top: 143px; width: 74px; height: 33px; } #zanotta { left: 115px; top: 143px; width: 59px; height: 33px; } #poulsen { left: 0px; top: 176px; width: 48px; height: 33px; } #menu { left: 48px; top: 176px; width: 46px; height: 33px; } #umbra { left: 94px; top: 176px; width: 36px; height: 33px; } #spore { left: 130px; top: 176px; width: 44px; height: 33px; } #scanglobe { left: 0px; top: 213px; width: 54px; height: 26px; } #bestlite { left: 54px; top: 213px; width: 69px; height: 26px; } #acme { left: 123px; top: 213px; width: 51px; height: 26px; } #fiam { left: 0px; top: 239px; width: 32px; height: 32px; } #luceplan { left: 32px; top: 239px; width: 36px; height: 32px; } #xo { left: 68px; top: 239px; width: 53px; height: 32px; } #leklint { left: 121px; top: 239px; width: 53px; height: 32px; } #iittala { left: 0px; top: 271px; width: 62px; height: 25px; } #nava { left: 68px; top: 271px; width: 47px; height: 25px; } #verpan { left: 121px; top: 271px; width: 53px; height: 25px; } #wusthof { left: 0px; top: 296px; width: 26px; height: 34px; } #essey { left: 26px; top: 296px; width: 36px; height: 34px; } #upets { left: 62px; top: 296px; width: 45px; height: 34px; } #brio { left: 107px; top: 296px; width: 38px; height: 34px; } #mono { left: 145px; top: 296px; width: 29px; height: 34px; } #horm { left: 0px; top: 330px; width: 37px; height: 25px; } #maurer { left: 37px; top: 330px; width: 70px; height: 25px; } #fontana { left: 107px; top: 330px; width: 67px; height: 25px; } #kundalini { left: 0px; top: 355px; width: 48px; height: 21px; } #areaware { left: 54px; top: 355px; width: 53px; height: 21px; } #senz { left: 115px; top: 355px; width: 59px; height: 21px; } #yamagiwa { left: 54px; top: 376px; width: 58px; height: 14px; } #mgx { left: 0px; top: 376px; width: 48px; height: 25px; } #architect { left: 72px; top: 390px; width: 103px; height: 14px; } #established { left: 0px; top: 405px; width: 54px; height: 27px; } #tradition { left: 62px; top: 405px; width: 68px; height: 27px; } #muuto { left: 130px; top: 405px; width: 44px; height: 27px; } #deadgood { left: 0px; top: 431px; width: 54px; height: 19px; } #bonaldo { left: 62px; top: 431px; width: 53px; height: 19px; } #casamania { left: 123px; top: 431px; width: 51px; height: 19px; } /* END Home logo image map */ #main-search { float: left; width: 100%; } #main-search .field { float: left; margin-right: 20px; } #main-search .field .input { font-size: 0.9em; } .cart-image { width: 60px; border: solid 1px black; } /* NEW ITEMS */ #subForm input { font-size: 0.9em; margin-bottom: 5px; } #subForm label { font-size: 0.9em; } #subForm input[type="text"] { border: none; background: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding: 5px; width: 160px; } #subForm input[type="text"]:focus { background: black; color: #f06aa6; } .cart ol, form ol { margin-left: 2em; } table.cart-buttons { margin-top: 25px; } input.submitauto { color: #454545; border: solid 1px #ccc; padding: 8px; font-size: 14px; cursor: pointer; font-weight: bold; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.65); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; transition-duration: 0.3s; transition-timing-function: ease-in-out; -webkit-box-shadow: rgba(0,0,0,.55) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,.55) 0 1px 2px; -o-box-shadow: rgba(0,0,0,.55) 0 1px 2px; box-shadow: rgba(0,0,0,.55) 0 1px 2px; background: #ddd; background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)),to(rgb(197,197,197))); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(197,197,197) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(197,197,197) 100%); background: linear-gradient(top, rgb(255,255,255) 0%, rgb(197,197,197) 100%); } input.submitauto:hover, input.submitauto:focus { color: #f06aa6; text-shadow: none; border: solid 1px black; -webkit-box-shadow: rgba(0,0,0,.55) 0 1px 6px; -moz-box-shadow: rgba(0,0,0,.55) 0 1px 6px; -o-box-shadow: rgba(0,0,0,.55) 0 1px 6px; box-shadow: rgba(0,0,0,.55) 0 1px 6px; background: black; background: -webkit-gradient(linear, left top, left bottom, from(rgb(51,51,51)),to(rgb(0,0,0))); background: -moz-linear-gradient(top, rgb(51,51,51) 0%, rgb(0,0,0) 100%); background: -o-linear-gradient(top, rgb(51,51,51) 0%, rgb(0,0,0) 100%); background: linear-gradient(top, rgb(51,51,51) 0%, rgb(0,0,0) 100%); } input.hlight { color: white; text-shadow: 0 1px 1px rgba(162, 18, 83, 0.7); border: solid 1px #da5993; background: #f06aa6; background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,149,196)),to(rgb(240,106,166))); background: -moz-linear-gradient(top, rgb(255,149,196) 0%, rgb(240,106,166) 100%); background: -o-linear-gradient(top, rgb(255,149,196) 0%, rgb(240,106,166) 100%); background: linear-gradient(top, rgb(255,149,196) 0%, rgb(240,106,166) 100%); }