/*************** Fonts & Graphics ***************/ html {font-size: 75%} body,table,input,label,textarea,button,select {color: #000; font: normal 1em/1.3 Tahoma,sans-serif} h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; display: block} h2 {font: normal 2.5em "Century Gothic", Verdana; color: #00765c} /* 30px */ h3 {font: bold 1.166em "Century Gothic", Verdana;; color: #056782} h4 {font: bold 1.083em Tahoma; color: #727272} h5 {font: bold 1em Tahoma; color: #003f6f} h6 {font: bold 1.083em Tahoma; color: #727272} p {margin: 10px 0; padding: 0; text-align: left} p:first-child {margin-top: 0 !important} html {} /*************** Positioning ***************/ html { background: url("../images/bg_all.png") 0 0 repeat;} body {margin: 0; padding: 25px 0 10px 0; position: relative; background: url("../images/bg_body.png") 0 0 repeat-x;} #wrapper { position: relative; margin: 0 auto 0px auto; width: 974px; background: url("../images/bg_wrapper.png") 0 bottom no-repeat; padding:191px 16px 62px 16px} /* -- Mainframes -- */ #header {position: absolute; top: 0; left: 16px} #content {} #footer {clear: both;} #bottom {} /*************** Representation ***************/ /* ++ Standard elements ++ */ a {color: #144472; text-decoration: underline} a:visited {color: #036} a:hover, a:active,a:focus {text-decoration: none} a.inner {text-decoration: none; border-bottom: 1px dashed #0545af} fieldset {padding: 5px 5px; border: solid 1px #dcdcdc} legend {color: #ccc} input,label,form,textarea,button {margin: 0; padding: 0} input[type="text"],input[type="password"] {padding: 2px 2px; border: 1px solid #e4e8d0} input.text,input.password {padding: 2px 2px; border: 1px solid #e4e8d0} input[type="hidden"] {display: none !important} input.hidden {display: none !important} input[type="image"],input[type="checkbox"] {width: auto !important} input.image,input.checkbox {width: auto !important} select {margin: 0} textarea {padding: 5px 5px; border: 1px solid #ccc;} input,label,select {vertical-align: middle} iframe {display: block; overflow: hidden; margin: 0; padding: 0; border: none} input[type="text"],input[type="password"] {padding: 4px 10px 3px 10px; color: #95989b; font: bold 1.17em Tahoma; border: 1px solid #b8cde0; background: #fffef3 url("../img/bg_input_content-24.png") no-repeat} input.text,input.password {padding: 4px 10px 3px 10px; color: #95989b; font: bold 1.17em Tahoma; border: 1px solid #b8cde0; background: #fffef3 url("../img/bg_input_content-24.png") no-repeat} hr {display: block; border: none; color: #d5dfe5; background-color: #d5dfe5; height: 1px; width: 100%; margin: 10px 0; padding: 0} hr {display: block; border: none; border-top: 1px dashed #adadad; color: #fff; background-color: transparent; height: 1px; width: 100%; margin: 10px 0; padding: 0} table {border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: hide} table th {padding: 0; text-align: center; vertical-align: middle; font-weight: bold} table td {padding: 0; text-align: left; vertical-align: top} table caption {caption-side: top; text-align: center} table thead {} table tfoot {} table tbody {} /* -- List's -- */ ul {margin: 10px 0 10px 15px; padding: 0; list-style-type: none} ul li {margin: 0; padding: 0 0 0 20px; background: url("../images/bull_grey.png") 0 3px no-repeat} li ul {margin-top: 0; margin-bottom: 0} ol {margin: 0 0 10px 20px; padding: 0; list-style-type: decimal} ol li {margin: 0; padding: 0} ol ul li {background: none} dl {margin: 0 0 20px 15px; padding: 0} dl dt {margin: 0 0 6px 0; padding: 0} dl dd {margin: 3px 0 20px 20px; padding: 0} /* -- Images -- */ img {display: block; border: none; vertical-align: middle} /* VA is for inline img's */ /* -- Text -- */ blockquote {margin: 10px 0; padding: 10px 15px} html:lang(en) q {quotes: "\201e" "\201c" "\2018" "\2019"} html:lang(ru) q {quotes: "\00ab" "\00bb" "\201e" "\201c"} cite {} small {} big {} sup {vertical-align: text-top; font-size: 65%} dfn {font-style: normal; margin: 0; padding: 0} var {font-style: normal; margin: 0; padding: 0} code {margin: 0; padding: 0} samp {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0} kbd {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0} tt {font: normal 1em Tahoma, sans-serif; margin: 0; padding: 0} ins {} del {} pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word} /* ^^ Disable a deprecated ^_^ ^^ */ font,basefont { color: inherit; font: inherit; font-size: 100%; } center { text-align: inherit; } s,strike,u { text-decoration: inherit; } /*======= -- OUR BLOCK's & STYLES ! -- =======*/ .fl {float: left; margin: 0 5px 5px 0} .fr {float: right; margin: 0 0px 5px 5px} .bb {padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px !important} .m0 {margin: 0 !important} .rt {position: absolute; top: 20px; right: 20px} .hidden {display: none !important} .showed {visibility: visible !important} .nb { border: none !important} /* contacts */ address.vcard {display: block; font-style: normal; position: relative; width: 771px; height:83px; bottom: 0; left: 137px} address.vcard a.fn {cursor: default; text-decoration: none; color: #000} address.vcard .adr {display: block} address.vcard .country-name {display: none} /* /contacts */ /* -- Header -- */ /* logo */ h1 {font: normal 1.9em "Century Gothic"; color: #392802; text-transform: uppercase; z-index: 10} h1 dfn {font: bold 0.714em "Century Gothic"; color: #9f9f9f; display: block; text-transform: lowercase; color: #2ca9cc} h1 {overflow: hidden; width: 398px; height: 59px; padding: 0; position: absolute; top: 70px; right: 43px} h1 span,h1 a {display: block; position: absolute; width: 100%; height: 100%} h1 span {background: url("../images/text_k_and_b.png") no-repeat; top: 0; left: 0; z-index: 1} h1 a {top: 0; left: 0; z-index: 2} a.logo { width: 109px; height: 109px; display: block; position: absolute; top: 21px; left: 42px;} a.logo span { width: 109px; height: 109px; display: block; position: absolute; top: 0px; left: 0px; background: url("../images/logo.png") 0 0 no-repeat;} /* /logo */ #header { width: 974px; height: 191px; background: url("../images/bg_header.png") 0 0 no-repeat;} #header ul#nav {position: absolute; bottom: 0; left: 27px; margin: 0; padding:0; background: url("../images/bg_nav_bottom.png") 0 bottom repeat-x; zoom: 1} #header ul#nav li {display: block; float: left; margin: 0 2px 0 0; padding: 0 0 5px 0; background: url("../images/bg_nav_bottom.png") 0 bottom repeat-x; position: relative; zoom:1} #header ul#nav li a {display: block; width: 130px; height: 49px; text-align: center; font: bold 1.166em/56px "Franklin Gothic Medium", Tahoma; color: #fefffe; background: url("../images/bg_nav.png") 0 bottom repeat-x; text-decoration: none} #header ul#nav li a:hover,#header ul#nav li a:focus {background: url("../images/bg_nav_hover.png") 0 bottom repeat-x} #header ul#nav li a.sel,#header ul#nav li:last-child a.sel,#header ul#nav li.lastchild a.sel,#header ul#nav li a.sel:hover,#header ul#nav li a.sel:focus { line-height: 49px; background: url("../images/bg_nav_sel.png") 0 bottom no-repeat !important} #header ul#nav li:last-child a,#header ul#nav li.lastchild a { background: url("../images/bg_nav_last.png") 0 bottom no-repeat;} #header ul#nav li:first-child a,#header ul#nav li.firstchild a { background: url("../images/bg_nav_li_first.png") 0 bottom no-repeat;} #header ul#nav li:last-child a:focus,#header ul#nav li.lastchild a:hover,#header ul#nav li.lastchild a:focus,#header ul#nav li:last-child a:hover { background: url("../images/bg_nav_last_hover.png") 0 bottom no-repeat} #header ul#nav li:first-child a:focus,#header ul#nav li.firstchild a:hover,#header ul#nav li.firstchild a:focus,#header ul#nav li:first-child a:hover { background: url("../images/bg_nav_li_first_hover.png") 0 bottom no-repeat} #header ul#nav li:last-child,#header ul#nav li.lastchild { margin: 0;} #header ul#subnav {position: absolute; top: 40px; left: 340px; margin: 0; padding: 0; display: inline; font: 1.333em "Trebuchet MS"; color: #595959} #header ul#nav li:hover ul,#header ul#nav li.jshover ul {display: block} #header ul#nav li ul { display: none; position: absolute; top: 54px; left: -7px; margin: 0; width: 514px; background: #fff; padding: 0 0 0 15px; z-index: 150} #header ul#nav li ul li { margin: 0; padding: 0; background: none;} #header ul#nav li ul li a { background: url("../images/bull_grey.png") 0 6px no-repeat !important; height: 29px;color: #000; padding: 0 0 0 20px; font: normal 1em/29px "Trebuchet MS"; text-align: left; } #header ul#nav li ul li a:hover,#header ul#nav li ul li a:focus,#header ul#nav li ul li:last-child a:hover,#header ul#nav li ul li:last-child a:focus,#header ul#nav li ul li.lastchild a:hover,#header ul#nav li ul li.lastchild a:focus { background: url("../images/bull_blue.png") 0 6px no-repeat !important;} #header ul#nav li ul li:last-child a,#header ul#nav li ul li.lastchild a { margin: 0; background: url("../images/bull_grey.png") 0 6px no-repeat;} /* /-- Header -- */ /* -- Footer -- */ /* /-- Footer -- */ /* -- Bottom -- */ #bottom { height: 60px; width: 971px; position: absolute; bottom: 0; left: 17px; border-bottom: 2px solid #bab5af; background: url("../images/bg_bottom.png") 0 0 repeat-x; text-align: center; font: normal 0.916em/60px Tahoma, Verdana, sans-serif; color: #fff; border-left: 1px solid #e6e5e3; border-right: 1px solid #e6e5e3} /* /-- Bottom -- */ /* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */ #content { width: 920px; padding: 0 27px; background: url("../images/bg_content.png") 0 0px repeat; position: relative; min-height: 810px;} #content-text h2 { margin-bottom: 20px} #content-text {position: relative; margin-left: 388px; padding: 47px 32px 248px 58px; zoom:1; border: 1px solid #c7c7c7;; background: #fff url("../images/bg_content-text.png") 0 0 repeat-x; overflow: hidden; min-height: 340px} #content-text p { font: normal 1.166em/1.4 "Trebuchet MS", Tahoma; text-align: justify;} body.index #content-text img { float: right; border: 1px solid #a4a4a4; margin-left: 48px} #content-text ul.brand_list {clear: both; margin: 0 0 0 -25px; padding: 0; overflow: hidden} #content-text ul.brand_list li {background: none; margin: 0 0 10px 25px; padding: 0; float: left} #content-text ul.brand_list li a { display: block; width: 128px; height: 63px; text-indent: -900em; border: 1px solid #b3a6a6} #content-text ul.brand_list li a.kohler { background: url("../images/userfiles/ill_01.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.downsview { background: url("../images/userfiles/ill_02.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.campagna { background: url("../images/userfiles/ill_03.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.kallista { background: url("../images/userfiles/ill_40.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.grohe { background: url("../images/userfiles/ill_41.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.mti {background: #171717 url("../images/userfiles/ill_mti.jpg") center 50% no-repeat; background-size: 70px 70px;} #content-text ul.brand_list li a.moen {background: url("../images/userfiles/ill-moen.png") center 50% no-repeat; background-size: 120px 48px;} #content-text ul.brand_list li a.rohl { background: url("../images/userfiles/ill_42.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.elkay { background: url("../images/userfiles/ill_elkay.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.franke { background: url("../images/userfiles/ill_franke.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.decora { background: url("../images/userfiles/ill_decora.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.blanco { background: url("../images/userfiles/ill_blanco.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.ronbow { background: url("../images/userfiles/ill_ronbow.jpg") 0 0 no-repeat} #content-text ul.brand_list li a.crosswater { background: url("../images/userfiles/ill_crosswater.gif") 0 0 no-repeat} #content-text ul.brand_list li a.forest { background: url("../images/userfiles/ill_forest.jpg") 0 0 no-repeat} div.carried {font: normal 12px Verdana; color: #4f786f; margin-top: 15px;} div.carried a {color: #4f786f; text-decoration: none} div.carried a:hover {text-decoration: underline} #content-text div.srooms {position: relative; padding-left: 139px} #content-text div.vcard { margin: 30px 0 0 0;} #content-text div.vcard ul.adr { margin: 0; padding: 0;} #content-text div.vcard ul.adr li.country-name { display: none;} #content-text div.vcard ul.adr li { background: none; margin: 0; padding: 0; font: normal 1.166em "Trebuchet MS",Tahoma;} #content-text div.vcard ul.adr li acronym { border: none} #content-text div.vcard ul.adr li a { text-decoration: none; color: #000;} #content-text div.vcard ul.adr li a:hover,#content-text div.vcard ul.adr li a:focus { text-decoration: underline} #content-text div.vcard ul.photos {position: absolute; top: 0; left: 0; margin: 0; padding: 0;} #content-text div.vcard ul.photos li {margin: 0; padding: 0; background: none; font: normal Tahoma 13px;} #content-text div.vcard ul.photos li img {padding: 5px; margin-bottom: 5px; background: url("../images/frame_sr.png") 0 0 no-repeat} #content-text div.vcard ul.photos li a {color: #4f786f; text-decoration: none;} /* Sidebar */ #sidebar { position: absolute; top: 0; left: 27px; background: #fff; padding: 390px 0 0 0; width: 388px;} body.index #sidebar { padding: 416px 0 0 0} #sidebar div#swf { position: absolute; top: 0; left: 0; border: 1px solid #c8c8c8; width: 384px; height: 412px} body.index div.secondary_navigation { background: url("../images/bg_block_secondary_navigation.png") 0 0 no-repeat; height: 139px; width: 395px; position: absolute;bottom: 0; left: 20px;} #sidebar img.ill { position: absolute; top: 0; left: 0; border: 1px solid #c2c2c2} div.chapter_preview { padding: 17px 0 0 0; border-top: 1px dashed #efefef; margin: 0 40px 20px 20px; overflow: hidden;} div.chapter_preview:first-child,div.chapter_preview.firstchild { border-top: none;} div.chapter_preview img { float: left; background: #ecebeb; padding: 3px; border: 1px solid #d7d6d4; margin-right: 30px} div.chapter_preview h3 { color: #005441; border-bottom: 1px solid #e1dedb; padding-bottom: 5px; margin-left: 131px} div.chapter_preview ul.product { margin: 10px 0 0 131px; padding: 0;} div.chapter_preview ul.product li { font: normal 1.166em "Trebuchet MS", Tahoma; padding: 0 0 0 25px; margin: 0;} div.chapter_preview ul.product li:hover,div.chapter_preview ul.product li:focus { background: url("../images/bull_blue.png") 0 3px no-repeat} div.chapter_preview ul.product li a { color: #000; text-decoration: none;} div.chapter_preview ul.product li a:hover, div.block ul.product li a:focus { text-decoration: underline;} div.chapter_preview p.location_link{ margin: 10px 0 0 0; background: url("../images/bull_grey.png") bottom right no-repeat; display: block; padding-right: 20px; text-align: justify; color: #000; font-family: "Trebuchet MS", Tahoma; text-decoration: none;} div.chapter_preview a.location_link:hover,#sidebar div.chapter_preview a.location_link:focus { } div.secondary_navigation { position: absolute; bottom: 0; left:16px; width: 399px; height: 248px; background: url("../images/bg_sec_nav.png") 0 0 no-repeat; z-index: 5} div.secondary_navigation div.chapter_preview h3 { border: none} div.chapter_preview p.location_link a { color: #108fb2;} .popup {width:600px; height:170px; position: absolute; top:230px; left:210px; background: #eceae9; padding:10px 10px 5px 10px; font-family: Verdana, sans-serif; font-size: 14px; border:3px solid #b3a6a6;} .popup p { font-family: Verdana, sans-serif;font-size: 16px;} .popup span {display: block; text-align:right;} .popup .popup-close {display: block; position: absolute; right:15px; top:10px; background: url('../images/popup-close.png') no-repeat 0 2px; width:102px; height:20px; cursor: pointer; padding: 0 0 0 18px;} /* / Sidebar */ /* / ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */ /* Footer */ #footer { position: absolute; bottom: 62px; right: 43px; width: 909px; height: 119px; background: url("../images/bg_footer.png") 0 bottom no-repeat; z-index: 10} #footer h3 { width: 208px; height: 34px; position: absolute; top: 0; left: 137px; background: url("../images/text_showroom_numbers.png") 0 0 no-repeat; text-indent: -900em} #footer dl { position: absolute; top: 50px;;left: 137px; font: normal 0.916em Tahoma, Verdana, sans-serif; margin: 0;} #footer dl dt { float: left; clear: left; margin: 0 0 1px 0; font-weight: bold; color: #3b515e; display: block; width: 119px;} #footer dl dd { margin: 0 0 1px 0; padding: 0; display: block; float: left;} #footer span.email { display: block; position: absolute; right: 30px; top: 50px; display: block; background: url("../images/ill_marka.png") right 0 no-repeat; text-align: right; font: normal 0.916em Tahoma, Verdana, sans-serif; padding: 10px 83px 15px 0;} #footer span.email tt { display: block; font-weight: bold; color: #108fb2} #footer span.email a { color: #000; text-decoration: none;} #footer span.email a:hover,#footer span.email a:focus { text-decoration: underline;} #footer a.fb-link {position: relative; top: 63px; left: 377px; padding: 0 0 0 43px; display: inline-block; height: 30px; background: url("../images/ico_fb.png") 0 0 no-repeat; font: normal 12px/30px Verdana; color: #3d5b93; text-decoration: none;} /* ===================== Vendor page ======================*/ #content-text ul.vendor_list { margin: 20px 0 0 0; padding: 0; position: relative; width: 530px; left: -58px} #content-text ul.vendor_list li { margin: 0; padding: 3px 0 3px 60px; display: block; float: left; width: 205px; background: none} #content-text ul.vendor_list li.even { background: #f8f8f8} #content-text ul.vendor_list li a { text-decoration: none; background: url("../images/bull_d_arrow.png") 0 2px no-repeat; padding: 0 0 0 15px; color: #000; font: normal 1.166em "Trebuchet MS"} #content-text ul.vendor_list li a:hover,#content-text ul.vendor_list li a:focus { text-decoration: underline;} /* ===================== Contact page ======================*/ #content-text dl.contact { margin: 0; padding: 30px 0 30px 58px; position: relative; width: 472px; left: -58px; overflow: hidden; background: #f8f8f8} #content-text h3.contact { color: #000; margin: 30px 0 20px 0} #content-text dl.contact dt { float: left; clear: left; margin: 0 5px 0 0; font: bold 1.166em "Century Gothic", Tahoma; color: #056883} #content-text dl.contact dd { margin: 0 0 5px 0; font: normal 1.166em "Trebuchet MS";} #content-text dl.contact dd.email { margin-bottom: 15px} #content-text dl.contact dd a { text-decoration: none; color: #000; } #content-text dl.contact dd a:hover, #content-text dl.contact dd a:focus { text-decoration: underline} /* ===================== Product page ======================*/ #content-text a.vendor_link { float: right; background: url(../images/bull_vendor.png) 0 0 no-repeat; padding: 0 0 0 23px; color: #108fb2; font: bold 13.5px Tahoma;} body.index #content-text a.vendor_link {margin-top: 15px;} #content-text ul.product_list { margin: 40px 0 0 0; padding: 30px 0 0 58px; position: relative; width: 472px; left: -58px; background: #f8f8f8; overflow: hidden} #content-text ul.product_list li { position: relative; display: block; width: 90px; height: 123px; padding: 1px; background: none; float: left; margin: 0 15px 35px 0} #content-text ul.product_list li a { position: absolute; width: 92px; height: 125px; display: block; background: url("../images/photo_frame.png") 0 0 no-repeat; left: 0; top: 0;} #content-text ul.product_list li a:hover,#content-text ul.product_list li a:focus { background-position: bottom; opacity: 0.5} #content-text ul.product_list li img { width: 90px; height: 123px} #content-text ul.switch { margin: 15px 0 0 0; padding: 0; text-align: center; color: #877f77; font: normal 1.166em "Century Gothic", Tahoma;} #content-text ul.switch li { display: inline; padding: 0; background: none} #content-text ul.switch li a { text-decoration: none; color: #877f77;} #content-text ul.switch li a:hover, #content-text ul.switch li a:focus { text-decoration: underline} /* ===================== location page ======================*/ #content-text div.even { padding: 30px 0 30px 58px; position: relative; width: 472px; left: -58px; background: #f8f8f8} #content-text div.vcard div#map_canvas,#content-text div.vcard div#map_canvas_Lodi,#content-text div.vcard div#map_canvas_NP,#content-text div.vcard div#map_canvas_SB { margin-top: 20px; border: 1px solid #c4bfb9; width: 411px; height: 248px} #content-text div.block { margin: 10px 0} /* =============================== */ body.empty_section div.secondary_navigation { background: url("../images/bg_block_secondary_navigation.png") 0 0 no-repeat; height: 139px; width: 395px; position: absolute;bottom: 0; left: 20px;} body.empty_section div.secondary_navigation * { display: none} body.empty_section #content-text { padding-bottom: 140px} body.index #content-text { padding-bottom: 110px} #content-text div.secondary_navigation p { font-size: 1em} /*addings*/ div.top-picks {background: #dcdbd7; position: relative; height: 159px; padding: 1px 0 0 0;} div.top-picks h2 {font: bold 14px/1 Verdana; color: #6371db; margin-bottom: 16px;} div.top-picks ul {overflow: hidden; margin: 0; padding: 0 ;font: normal 13px Verdana; color: #6371db;} div.top-picks ul li {float: left; width: 30%; padding: 0 0 0 10px; margin: 0 0 4px; background: url(../images/bull_picks.png) 0 7px no-repeat;} div.top-picks ul li a {color: #6371db;} div.top-picks a.top-picks-link {display: block; margin: 40px auto 0; width: 317px; height: 82px; background: url("../images/bg_toplinks.jpg") 0 0 no-repeat; font: bold 14px/80px Verdana; color: #6371db; text-align: center;} form.newsletter {} form.newsletter fieldset {margin: 0; padding: 10px 0 40px; border: none; font: normal 12px Arial; color: #405f96; background: #eceae9;} form.newsletter fieldset h2 {margin: 0 0 15px;; font: normal 17.18px Arial; color: #776d63; text-align: center;} form.newsletter fieldset input#email {width: 171px; height: 22px; margin: 0 20px; background: url(../images/bg_input.png); padding: 0 10px; border: none;} form.newsletter fieldset input#btn_submit {width: 58px; font-size: 12px; color: #405f96; background: #eceae9; padding: 4px 0px; border: 1px solid #c7c7c7; cursor: pointer;} form.newsletter fieldset label { color: #405f96} #content-text.picks h2 {font-size: 27px;} #content-text.picks div.block-staff {position: relative; padding: 0 0 0 0; font: normal 12px Verdana; color: #3d5b93; margin-bottom: 30px;} #content-text.picks div.block-staff p {text-align: left;} #content-text.picks div.block-staff dfn {display: block; overflow: hidden; font-weight: bold; margin-top: 20px;} #content-text.picks div.block-staff img.staff-ill {float: left; margin-right: 10px;} #content-text.picks div.block h3 {font: bold 12px Verdana; margin: 2em 0;} body.thank-you #content-text {min-height: 650px;} #landing-popup {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100500; background: url("../images/bg_shade.png") 0 0 repeat} #landing-popup-wrapper {position: relative; width: 530px; margin: 135px auto 0; padding: 14px 42px 42px; background: #fff; font: normal 12ppx Arial; color: #030303;} #landing-popup-wrapper a {color: #0217e4} #landing-popup-wrapper p {margin: 13px 0;} #landing-popup-wrapper p strong.visit-us {display: block; font-weight: normal; color: #2256ab; font-size: 14px; text-align: center;} #landing-popup-wrapper img {display: block; margin: 25px auto;} #landing-popup-wrapper ul.logo-list {margin: 0 0 42px; padding: 0; overflow: hidden;} #landing-popup-wrapper ul.logo-list li {margin: 0 28px 0 0; padding: 0; background: none; float: left; position: relative; width: 90px; height: 80px; overflow: hidden;} #landing-popup-wrapper ul.logo-list li span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/logos_landing.png") 0 0 no-repeat} #landing-popup-wrapper ul.logo-list li.kohler_logo {width: 153px} #landing-popup-wrapper ul.logo-list li.kohler_logo span {background-position: -119px 0;} #landing-popup-wrapper #btn_close {position: absolute; top: 27px; right: 38px; padding: 3px 37px 3px 0; color: #58595b; text-decoration: none; text-transform: uppercase; font-size: 14px; background: url("../images/ico_close.png") right center no-repeat;} ul.new-picks {margin: 20px 0; padding: 0; text-align: center;} ul.new-picks li {min-width: 110px; margin: 0 10px 20px; padding: 0; background: none; display: inline-block; color: #3D5B93; font-weight: bold; line-height: 1.5;} h3.alt {margin: 10px 0; color: #103a62; font: bold 1.166em/1.4 "Trebuchet MS",Tahoma;}