* { padding: 0; margin: 0; } body { background: #fff; font-family: arial, sans-serif; font-size: 13px; color: #000; } img { border: 0; } a { font-family: arial, sans-serif; font-size: 13px; color: #000; text-decoration: underline; } a:hover { text-decoration: none; } .wrapper { position: relative; width: 980px; margin: 0 auto; } #top { position: relative; float: left; width: 980px; height: 110px; } #top a { position: relative; float: left; } #top ul { position: relative; float: right; list-style: none; padding-top: 15px; } #top li { position: relative; float: left; margin-left: 5px; } #top li img, #top li a { position: relative; float: left; width: 16px; height: 11px; } #top div { position: relative; float: right; padding: 45px 30px 0 0; font-size: 15px; color: #999; } #nav { position: relative; float: left; width: 100%; height: 40px; background: #70C1DF; } #nav ul { position: relative; float: left; width: 980px; height: 40px; background: #1D9DCD; list-style: none; } #nav ul li { position: relative; float: left; width: 133px; height: 40px; line-height: 40px; } #nav ul li a { position: relative; float: left; width: 113px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; } #nav ul li a:hover, #nav ul li.selected a { background: url(/images/arrow.gif) center bottom no-repeat; } #header { position: relative; float: left; width: 980px; padding: 15px 0; } #header_text { position: relative; float: left; width: 480px; padding: 0 20px 0 0; } #header_text p { position: relative; float: left; width: 480px; margin-bottom: 10px; line-height: 20px; font-size: 15px; font-weight: bold; } #header_text ul { position: relative; float: left; width: 480px; list-style: none; } #header_text li { position: relative; float: left; width: 145px; margin: 0 5px 5px 0; } #header_text a { position: relative; float: left; width: 145px; line-height: 20px; padding: 5px 0; background: #70C1DF; text-align: center; text-decoration: none; } #header_text a:hover { background: #1D9DCD; color: #fff; } #header #image_list { position: relative; float: left; width: 480px; height: 260px; } #header #image_list img { position: relative; float: left; width: 470px; height: 250px; display: none; border: 5px solid #f1f1f1; } #main, #middle { position: relative; float: left; width: 980px; padding: 15px 0; border-top: 3px solid #605D5E; } h1, h3 { position: relative; float: left; width: 980px; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #1D9DCD; } h3 { margin-top: 15px; } #main p { position: relative; float: left; width: 960px; padding: 0 10px 5px 10px; } #footer { position: relative; float: left; width: 960px; height: 30px; padding: 10px; border-top: 1px solid #70C1DF; font-size: 11px; color: #555; } #footer a { font-size: 11px; color: #555; } #footer p { position: relative; float: left; width: 780px; text-align: right; } #footer p#stats { width: 180px; text-align: left; } #main2 { position: relative; float: left; width: 980px; padding: 15px 0; } #content { position: relative; float: right; width: 714px; } #side { position: relative; float: left; width: 250px; } .box { position: relative; float: left; width: 224px; padding: 10px; border: 3px solid #70C1DF; background: #fefefe; } .box h2 { position: relative; float: left; width: 224px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #1d9dcd; } .box ul { position: relative; float: left; width: 224px; list-style: none; } .box li { position: relative; float: left; width: 224px; } .box a { font-size: 13px; line-height: 18px; text-decoration: none; } .box a:hover, .box .sel a { color: #1D9DCD; text-decoration: underline; } .box .sel { color: #1D9DCD; font-weight: bold; } .box li.active a { font-weight: bold; color: #1D9DCD; } .box .sub a { font-size: 12px; color: #1D9DCD; } .box .sub { color: #1D9DCD; } #slideshow { width: 244px; padding: 0; margin-top: 10px; } #content h1 { position: relative; float: left; width: 714px; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #1D9DCD; } #content p { position: relative; float: left; width: 690px; padding: 0 10px 5px 10px; } #content #text { position: relative; float: left; width: 714px; line-height: 18px; } #content ul#files { position: relative; float: left; width: 714px; list-style-type: none; margin-top: 20px; } #content ul#files li { position: relative; float: left; width: 714px; padding: 0 0 3px 0; } #content ul#images { position: relative; float: left; width: 714px; list-style-type: none; margin-top: 20px; } #content ul#images li { position: relative; float: left; padding: 0 10px 10px 0; } #content form, #widget form { position: relative; float: left; width: 714px; margin-top: 20px; padding: 0; border: 0; } #widget form { width: 368px; padding: 10px; border-left: 1px solid #1d9dcd; border-right: 1px solid #1d9dcd; margin: 0; } #content form fieldset, #widget form fieldset { position: relative; float: left; width: 714px; margin: 0 0 5px 0; padding: 0; border: 0; } #widget form fieldset { width: 368px; } #content form fieldset#error, #widget form fieldset#error { display: none; margin-bottom: 10px; font-weight: bold; color: #f00; } #content form fieldset label.error, #widget form fieldset label.error { color: #f00; } #url1 { display: none; } #content #message { position: relative; float: left; width: 714px; margin-top: 20px; padding: 0; border: 0; font-weight: bold; } ul.products { position: relative; float: left; width: 714px; list-style: none; } ul.products li { position: relative; float: left; width: 158px; padding: 10px; } ul.products li .image { position: relative; float: left; width: 134px; height: 100px; padding: 10px; border: 2px solid #dfeaf7; text-align: center; } ul.products li h3 { position: relative; float: left; width: 148px; height: 55px; padding: 2px 5px 5px; background: #dfeaf7; font-size: 11px; line-height: 14px; text-align: center; margin-top: 0; } ul.products li h3.smaller { height: 25px; } ul.products li h3 a { color: #383838; font-size: 11px; font-weight: bold; text-decoration: none; } ul.products li h3 a:hover { text-decoration: underline; } #product_image { position: relative; float: left; width: 714px; } #product_content { position: relative; float: left; width: 714px; margin-top: 10px; } #middle .col { position: relative; float: left; width: 580px; } #middle .col div { height: 320px; } #middle img { display: none; } #middle h4 { margin-bottom: 5px; font-weight: bold; color: #1D9DCD; } #list-items, #count-items { position: relative; float: left; width: 100%; list-style: none; } #list-items li { position: relative; float: left; width: 168px; margin: 0 10px 10px 0; padding: 10px 0; } #list-items li:hover { background: #ededed; } #list-items h3 { width: 100%; margin: 0 0 5px 0; font-size: 13px; text-align: center; } #list-items div { position: relative; float: left; width: 100%; margin-bottom: 5px; text-align: center; } #list-items label, #list-items span { position: relative; float: left; height: 18px; line-height: 18px; margin: 0 10px 0 35px; } #list-items span { margin: 0; padding: 0 5px; font-size: 15px; font-weight: bold; cursor: pointer; } #list-items input { position: relative; float: left; width: 20px; height: 16px; padding: 0 2px; border: 1px solid #70c1df; } #counting1 button, #counting2 button, .fbtn { position: relative; float: right; background: #1d9dcd; padding: 5px 15px; border: 0; margin: 0; font-size: 13px; font-weight: bold; color: #fff; cursor: pointer; } .fbtn { float: left; margin-left: 174px; } #count-items li { position: relative; float: left; width: 100%; } #count-items div, #count-items label, #count-items select, #count-items input, #count-items textarea, fieldset label, fieldset select, fieldset input, fieldset textarea { position: relative; float: left; width: 174px; } #count-items div.img { width: 360px; } #count-items select, #count-items input, #count-items textarea, fieldset select, fieldset input, fieldset textarea { border: 1px solid #70c1df; } #count-items label, #count-items input, #count-items textarea, fieldset label, fieldset input, fieldset textarea { margin: 3px 0; } #count-items h3 { width: 714px; } form#counting2 { margin-top: 0; } a#windows, a#balconies, a#doors_a { position: relative; float: left; width: 224px; padding: 10px; border: 3px solid #70C1DF; background: #70C1DF; margin-top: 20px; text-decoration: none; font-weight: bold; text-align: center; color: #fff; font-size: 18px; } a#windows:hover, a#balconies:hover, a#doors_a:hover { background: #1D9DCD; } #container { position: relative; width: 980px; margin: 0 auto; } #container h1 { color: #1D9DCD; float: left; font-size: 18px; font-weight: bold; margin: 15px 0; position: relative; width: 800px; } #container form { position: relative; float: left; width: 980px; } #doors-content { position: relative; float: left; width: 980px; margin-bottom: 15px; } #doors-preview { position: relative; float: left; width: 240px; } #doors-controls { position: relative; float: left; width: 720px; padding: 7px; border: 3px solid #70C1DF; } #doors-controls h2 { position: relative; float: left; width: 720px; margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #1d9dcd; } #doors-controls ul { position: relative; float: left; width: 720px; list-style: none; margin-bottom: 10px; } #models li, #models a { position: relative; float: left; width: 42px; height: 42px; } #models li { padding: 3px 1px; margin-right: 1px; margin-bottom: 1px; } #models a { background: url(/data/doors-sprite.png); text-indent: -9999px; outline: none; } #models li:hover { background-color: #ededed; } #models li.selected-control { background-color: #1d9dcd; } #doors-colors li, #doors-colors a { position: relative; float: left; width: 40px; height: 40px; } #doors-colors li { padding: 3px 2px; margin-right: 1px; margin-bottom: 1px; } #doors-colors a { background: url(/data/colors-sprite.png); text-indent: -9999px; } #doors-colors li:hover { background-color: #ededed; } #doors-colors li.selected-control { background-color: #1d9dcd; } #doors-handles li, #doors-handles a { position: relative; float: left; width: 40px; height: 45px; } #doors-handles li { padding: 3px 2px; margin-right: 1px; margin-bottom: 1px; } #doors-handles a { text-indent: -9999px; } #doors-handles li:hover { background-color: #ededed; } #doors-handles li.selected-control { background-color: #1d9dcd; } #doors-controls #model-01 { background-position: 0 0; } #doors-controls #model-02 { background-position: 0 -84px; } #doors-controls #model-03 { background-position: 0 -168px; } #doors-controls #model-04 { background-position: 0 -252px; } #doors-controls #model-05 { background-position: 0 -336px; } #doors-controls #model-06 { background-position: 0 -420px; } #doors-controls #model-07 { background-position: 0 -504px; } #doors-controls #model-08 { background-position: 0 -588px; } #doors-controls #model-09 { background-position: 0 -672px; } #doors-controls #model-10 { background-position: 0 -756px; } #doors-controls #model-11 { background-position: 0 -840px; } #doors-controls #model-12 { background-position: 0 -924px; } #doors-controls #model-13 { background-position: 0 -1008px; } #doors-controls #model-14 { background-position: 0 -1092px; } #doors-controls #model-15 { background-position: 0 -1176px; } #doors-controls #model-16 { background-position: 0 -1260px; } #doors-controls #model-17 { background-position: 0 -1344px; } #doors-controls #model-18 { background-position: 0 -1428px; } #doors-controls #model-19 { background-position: 0 -1512px; } #doors-controls #model-20 { background-position: 0 -1596px; } #doors-controls #model-21 { background-position: 0 -1680px; } #doors-controls #model-22 { background-position: 0 -1764px; } #doors-controls #model-23 { background-position: 0 -1848px; } #doors-controls #model-24 { background-position: 0 -1932px; } #doors-controls #model-25 { background-position: -84px 0; } #doors-controls #model-26 { background-position: -84px -84px; } #doors-controls #model-27 { background-position: -84px -168px; } #doors-controls #model-28 { background-position: -84px -252px; } #doors-controls #model-29 { background-position: -84px -336px; } #doors-controls #model-30 { background-position: -84px -420px; } #doors-controls #model-31 { background-position: -84px -504px; } #doors-controls #model-32 { background-position: -84px -588px; } #doors-controls #model-33 { background-position: -84px -672px; } #doors-controls #model-34 { background-position: -84px -756px; } #doors-controls #model-35 { background-position: -84px -840px; } #doors-controls #model-36 { background-position: -84px -924px; } #doors-controls #model-37 { background-position: -84px -1008px; } #doors-controls #model-38 { background-position: -84px -1092px; } #doors-controls #model-39 { background-position: -84px -1176px; } #doors-controls #model-40 { background-position: -84px -1260px; } #doors-controls #model-41 { background-position: -84px -1344px; } #doors-controls #model-42 { background-position: -84px -1428px; } #doors-controls #model-43 { background-position: -84px -1512px; } #doors-controls #model-44 { background-position: -84px -1596px; } #doors-controls #model-45 { background-position: -84px -1680px; } #doors-controls #model-46 { background-position: -84px -1764px; } #doors-controls #model-47 { background-position: -84px -1848px; } #doors-controls #model-48 { background-position: -84px -1932px; } #doors-controls #model-49 { background-position: -168px 0; } #doors-controls #model-50 { background-position: -168px -84px; } #doors-controls #model-51 { background-position: -168px -168px; } #doors-controls #model-52 { background-position: -168px -252px; } #doors-controls #model-53 { background-position: -168px -336px; } #doors-controls #model-54 { background-position: -168px -420px; } #doors-controls #model-55 { background-position: -168px -504px; } #doors-controls #model-56 { background-position: -168px -588px; } #doors-controls #model-57 { background-position: -168px -672px; } #doors-controls #model-58 { background-position: -168px -756px; } #doors-controls #model-59 { background-position: -168px -840px; } #doors-controls #model-60 { background-position: -168px -924px; } #doors-controls #model-61 { background-position: -168px -1008px; } #doors-controls #model-62 { background-position: -168px -1092px; } #doors-controls #model-63 { background-position: -168px -1176px; } #doors-controls #model-64 { background-position: -168px -1260px; } #doors-controls #model-65 { background-position: -168px -1344px; } #doors-controls #model-66 { background-position: -168px -1428px; } #doors-controls #model-67 { background-position: -168px -1512px; } #doors-controls #model-68 { background-position: -168px -1596px; } #doors-controls #model-69 { background-position: -168px -1680px; } #doors-controls #model-70 { background-position: -168px -1764px; } #doors-controls #model-71 { background-position: -168px -1848px; } #doors-controls #model-72 { background-position: -168px -1932px; } #doors-controls #model-73 { background-position: -252px 0; } #doors-controls #model-74 { background-position: -252px -84px; } #doors-controls #model-75 { background-position: -252px -168px; } #doors-controls #model-76 { background-position: -252px -252px; } #doors-controls #model-77 { background-position: -252px -336px; } #doors-controls #model-78 { background-position: -252px -420px; } #doors-controls #model-79 { background-position: -252px -504px; } #doors-controls #model-80 { background-position: -252px -588px; } #doors-controls #model-81 { background-position: -252px -672px; } #doors-controls #model-82 { background-position: -252px -756px; } #doors-controls #model-83 { background-position: -252px -840px; } #doors-controls #model-84 { background-position: -252px -924px; } #doors-controls #model-85 { background-position: -252px -1008px; } #doors-controls #model-86 { background-position: -252px -1092px; } #doors-controls #model-87 { background-position: -252px -1176px; } #doors-controls #color-alksnis { background-position: 0 0; } #doors-controls #color-auksinis-azuolas { background-position: 0 -80px; } #doors-controls #color-azuolas { background-position: 0 -160px; } #doors-controls #color-balintas-azuolas { background-position: 0 -240px; } #doors-controls #color-balta { background-position: 0 -320px; } #doors-controls #color-bukas { background-position: 0 -400px; } #doors-controls #color-citrina { background-position: 0 -480px; } #doors-controls #color-juoda { background-position: 0 -560px; } #doors-controls #color-juodas-azuolas { background-position: 0 -640px; } #doors-controls #color-klevas { background-position: 0 -720px; } #doors-controls #color-kriause { background-position: 0 -800px; } #doors-controls #color-melyna { background-position: 0 -880px; } #doors-controls #color-raudona { background-position: 0 -960px; } #doors-controls #color-raudonmedis { background-position: 0 -1040px; } #doors-controls #color-riesutas { background-position: 0 -1120px; } #doors-controls #color-ruda { background-position: 0 -1200px; } #doors-controls #color-sidabrine { background-position: 0 -1280px; } #doors-controls #color-sidabrinis-uosis { background-position: 0 -1360px; } #doors-controls #color-sviesus-azuolas { background-position: 0 -1440px; } #doors-controls #color-sviesus-riesutas { background-position: 0 -1520px; } #doors-controls #color-tamsus-riesutas { background-position: 0 -1600px; } #doors-controls #color-uosis { background-position: 0 -1680px; } #doors-controls #color-vanile { background-position: 0 -1760px; } #doors-controls #color-vysnia { background-position: 0 -1840px; } #doors-handles #handle-1 { background: url(/data/rankenos/rankena1.png) 50% 50% no-repeat; } #doors-handles #handle-2 { background: url(/data/rankenos/rankena2.png) 50% 50% no-repeat; } #doors-handles #handle-3 { background: url(/data/rankenos/rankena3.png) 50% 50% no-repeat; } #doors-handles #handle-4 { background: url(/data/rankenos/rankena4s.png) 50% 50% no-repeat; } #doors, #doors div { position: relative; float: left; width: 224px; height: 408px; } #doors span { position: absolute; display: block; width: 40px; height: 65px; top: 180px; left: 18px; background-repeat: no-repeat; z-index: 40; } #doors img { position: relative; float: left; width: 224px; height: 408px; } #doors #blank { z-index: 30; } #doors .dimages { position: absolute; top: 0; left: 0; z-index: 20; } .clickable { cursor: pointer; } .promo { position: relative; float: left; width: 229px; padding: 10px 0 0 10px; margin-top: 10px; } #widget_small { position: fixed; bottom: 0px; right: 15px; width: 190px; height: 30px; overflow: hidden; visibility: visible; z-index: 2147483639; background: none; border: 0; display: block; opacity: 1; cursor: pointer; } #widget_text { position: relative; top: 0; left: 0; width: 100%; height: 30px; border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0; margin: 0; float: none; background: #1d9dcd; font-size: 13px; font-weight: bold; color: #fff; line-height: 30px; text-align: center; } #widget { position: fixed; bottom: 0px; right: 15px; width: 390px; height: 339px; overflow: hidden; visibility: visible; z-index: 2147483639; background: none repeat scroll 0% 0% transparent; border: 0px none; opacity: 1; } #widget_block { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px none; padding: 0px; margin: 0px; float: none; background: none repeat scroll 0% 0% transparent; } #widget_top { width: 100%; height: 30px; border: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0; margin: 0; background: #1d9dcd; font-size: 13px; font-weight: bold; color: #fff; line-height: 30px; text-align: center; cursor: pointer; } #widget_title { position: relative; float: left; width: 330px; padding-left: 30px; } #widget_minus { position: relative; float: left; width: 30px; text-align: center; line-height: 30px; font-size: 15px; } #agent img, #agent p { position: relative; float: left; } #agent img { margin-right: 10px; } @media only screen and (max-width: 980px) { .wrapper, #top, #nav ul, #header, #main, #middle, h1, h3, #main2, #container, #container form, #doors-content { width: 800px; } #header_text, #header_text p, #header_text ul { width: 300px; } #main p, #footer { width: 780px; } #footer p { width: 600px; } #content, #content h1, #content #text, #content ul#files, #content ul#files li, #content ul#images, #content form, #widget form, #content form fieldset, #widget form fieldset, #content #message, ul.products, #product_image, #product_content, #count-items h3 { width: 534px; } #content p { width: 510px; } #middle .col { width: 400px; } #doors-controls, #doors-controls h2, #doors-controls ul { width: 540px; } .strongest-index { position: relative !important; float: left !important; top: 0 !important; left: 0 !important; margin-top: 10px; margin-right: 10px; } } @media only screen and (max-width : 768px) { .wrapper, #top, #nav ul, #header, #main, #middle, h1, h3, #footer, #main2, #container, #container form, #doors-content { width: 680px; } #header_text, #header_text p, #header_text ul { width: 300px; } #main p { width: 700px; } #footer { width: 660px; padding-bottom: 30px; } #footer p { width: 450px; } #content p { width: 460px; } #content, #content h1, #content #text, #content ul#files, #content ul#files li, #content ul#images, #content form, #widget form ,#content form fieldset, #widget form fieldset, #content #message, ul.products, #product_image, #product_content, #count-items h3 { width: 420px; } #middle .col { width: 350px; } #doors-controls, #doors-controls h2, #doors-controls ul { width: 490px; } .strongest-index { position: relative !important; float: left !important; top: 0 !important; left: 0 !important; margin-top: 10px; margin-right: 10px; } #nav ul li { width: 100%; border-bottom: 1px solid #70c1df; text-align: center; } #nav, #nav ul { height: 246px; } #nav ul li a { padding: 0; width: 100%; } .promo-ad { display: none; } } @media only screen and (max-width: 640px) { .wrapper, #top, #nav ul, #header, #main, #middle, h1, h3, #main2, #container, #container form, #doors-content { width: 600px; } #header_text, #header_text p, #header_text ul { width: 600px; } #main p, #footer { width: 600px; } #footer { padding: 10px 0 25px 0; } #footer p { width: 420px; } #content, #content h1, #content #text, #content ul#files, #content ul#files li, #content ul#images, #content form, #widget form, #content form fieldset, #widget form fieldset, #content #message, ul.products, #product_image, #product_content, #count-items h3 { width: 600px; } #content p { width: 600px; } #middle .col { width: 600px; } #doors-controls, #doors-controls h2, #doors-controls ul { width: 600px; } #side, #image_list, .promo-ad { display: none; } #content { float: left; } #nav ul li { width: 100%; border-bottom: 1px solid #70c1df; text-align: center; } #nav, #nav ul { height: 246px; } #nav ul li a { padding: 0; width: 100%; } .strongest-index { position: relative !important; float: left !important; top: 0 !important; left: 0 !important; margin-top: 10px; } } @media only screen and (max-width : 480px) { .wrapper, #top, #nav ul, #header, #main, #middle, h1, h3, #main2, #container, #container form, #doors-content { width: 320px; } #header_text, #header_text p, #header_text ul { width: 320px; } #main p, #footer { width: 320px; } #footer { padding: 10px 0 50px 0; } #footer p { width: 300px; text-align: left; } #content, #content h1, #content #text, #content ul#files, #content ul#files li, #content ul#images, #content form, #widget form, #content form fieldset, #widget form fieldset, #content #message, ul.products, #product_image, #product_content, #count-items h3 { width: 320px; } #content p { width: 300px; } #middle .col { width: 300px; } #doors-controls, #doors-controls h2, #doors-controls ul { width: 300px; } #list-items li { width: 155px; margin-right: 5px; padding: 5px 0; } #nav ul li { width: 100%; border-bottom: 1px solid #70c1df; text-align: center; } #nav, #nav ul { height: 246px; } #nav ul li a { padding: 0; width: 100%; } .strongest-index { position: relative !important; float: left !important; top: 0 !important; left: 0 !important; margin-top: 10px; } #side, #image_list, .promo-ad { display: none; } #content { float: left; } #top div { width: 105px; padding: 10px 0 0 0; } #top div strong { float: left; } }