body { background: #fff url("../img/images/strona2_01.jpg") repeat-x; font: normal 12px Helvetica, Arial, sans-serif; padding: 0; margin: 0px 0 0 0; color: #63722e; } /* All ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ form { display: inline; } h1, h2, h3, h4, h5, h6 { font-family: Arial; margin: 0; padding: 0; } a { text-decoration: none; color: #63722e; } a:hover { text-decoration: underline; color: #7e8d0b; } h1 { font-size: 16px; } h2 { font-size: 15px; } h3 { font-size: 14px; } h4 { font-size: 13px; } h5 { font-size: 12px; } img, ul, li, p, fieldset { margin: 0; padding: 0; list-style-type: none; border: 0; text-align: left; } /* ------------------------------------------------------------- Page */ #page { width: 1000px; height: auto; margin:0 auto 0 auto;} #page #header { width: 950px; height: 117px; margin: 0 auto; } #page #header #account { width: 950px; padding-top: 45px; position: absolute; } #page #header #account .left { width: 300px; float: left; display: inline; } #page #header #account .left h4 { height: 18px; color: #7e8d0b; padding: 4px 0 0 35px; background: url("../img/images/strona2_06.jpg") no-repeat; } #page #header #account .left h4 span { color: #7f7f7d; font-size: 9px; font-weight: normal; } #page #header #account .right { width: 350px; float: right; display: inline; margin-top: 2px; } #page #header #account .right h1 { padding: 4px 0 0 35px; } #page #header #account .right h1 a { height: 18px; color: #b8a68e; padding: 4px 0 0 35px; background: url("../img/images/strona2_03.jpg") no-repeat left; letter-spacing: -1px; } #page #header #logo { width: 190px; height: 325px; position: absolute; margin-left: 790px; margin-left: 785px;} #page #header #menu { width: 900px; padding: 90px 0 0 5px; } #page #header #menu ul li { font-size: 13px; color: #7e8d0b; font-weight: bold; margin-right: 16px; float: left; display: inline; } #page #header #menu ul li a { color: #7e8d0b; } #page #center { clear: both; width: 950px; margin: 0 auto 0 auto; } /* ------------------------------------------------------------- Left */ #page #center #left { width: 200px; margin-top: 10px; float: left; display: inline;} #page #center #left h1 { font-size: 20px; font-weight: normal; color: #a6ba10; background: url("../img/images/strona2_11.jpg") repeat-x bottom; padding: 7px 0 10px 5px; } #page #center #left h1.koszyk { padding: 5px 0 3px 5px; } #page #center #left h1.koszyk span { background: url("../img/images/strona2_03-05.jpg") no-repeat 100% 0; width: 170px; height: 36px; display: block; padding: 21px 0 1px 5px; } #page #center #left ul { font-size: 13px; font-weight: bold; color: #63722e; background: url("../img/images/strona2_11.jpg") repeat-x bottom; padding: 8px 0 15px 8px; } #page #center #left ul li { margin: 5px 0 5px 0; } #page #center #left ul li a { color: #63722e; } #page #center #left .search { padding: 10px 0 0 5px; margin-bottom: 10px; } #page #center #left .search label { font-size: 13px; padding: 0 0 1px 4px; display: block; font-weight: bold; } #page #center #left .search input { width: 133px; height: 25px; background: url("../img/images/strona2_03-34.jpg") no-repeat; border:0; padding: 10px 0px 0 10px; float:left; display:inline; } #page #center #left .search input.submit { width: 29px; height: 35px; background: url("../img/images/strona2_34.jpg") no-repeat; border:0; padding: 0!important; float:left; display:inline } #page #center #left .box { border-right: 1px dashed #d0daa1; border-bottom: 1px dashed #d0daa1; height: 299px; width: 198px; } #page #center #left .box h2 { text-align: left; margin-left: 14px; background: none; color: #63722e; } #page #center #left .box h2 span { font-size: 17px; display: block; } #page #center #left .box .top .img { height: 185px; } #page #center #left .box .bottom { width: 198px!important; } /* ------------------------------------------------------------- Content */ #page #center #content { width: 725px; margin-left: 15px; float: left; display: inline; } #page #center #content div.big.top.image img { display: block; float: left; display: inline; } /* ------------------------------------------------------------- Beld */ #page #center #content .beld { width: 660px; margin: 20px 0 20px 15px; } #page #center #content .beld .left { width: 300px; float: left; display: inline; } #page #center #content .beld .right { width: 200px; float: right; display: inline; } #page #center #content .beld .right ul { float: right; display: inline; } #page #center #content .beld .right ul li { float: left; display: inline; } #page #center #content .beld .right ul li a { margin: 0 4px 0 4px; } #page #center #content .beld .right .first { background: url("../img/images/strzalka-right.jpg") no-repeat 100% 4px; padding-right: 5px; float: left; display: block; } /* ------------------------------------------------------------- Prodcut - index */ #page #center #content #product { width: 715px; margin: 8px 0 0 10px; } #page #center #content #product table { width: 100%; } #page #center #content #product table td { width: 233px; height: 185px; vertical-align: bottom; } #page #center #content #product table td h1, #product table td h2, #product table td h3 { padding-top: 5px; } /* ------------------------------------------------------------- Products, left */ #page #center #content #products .box { border-right: 1px dashed #d0daa1; border-bottom: 1px dashed #d0daa1; margin: 0; height: 299px; width: 220px; float: left; display: inline; } #page #center #content #products .box h1, #page #center #left .box h1 { text-align: left; margin-left: 18px; } #page #center #content #products .box h1 span, #page #center #left .box h1 span { font-size: 17px; display: block; } #page #center #content #products .box .top, #page #center #left .box .top { text-align: center; height: 260px; padding: 15px 0 0 0; } #page #center #content #products .box .bottom, #page #center #left .box .bottom { width: 220px; padding: 0 0 0 0; } #page #center #content #products .box .bottom a.detalis, #page #center #left .box .bottom a.detalis { width: 70px; height: 24px; background: url("../img/images/strona-produkty_20.jpg") no-repeat; display: block; float: left; } #page #center #content #products .box .bottom a.buy, #page #center #left .box .bottom a.buy { width: 70px; height: 24px; background: url("../img/images/strona-produkty_29.jpg") no-repeat; display: block; float: right; } #page #center #content #prodcut_all { width: 690px; } #page #center #content #prodcut_all #img { width: 200px; float: left; display: inline; } #page #center #content #prodcut_all #wrapper h1 span { font-size: 15px; display: block; } #page #center #content #prodcut_all #wrapper { width: 461px; border-left: 1px dashed #d0daa1; padding: 10px 0 0 17px; float: left; display: inline; } #page #center #content #prodcut_all #wrapper p { margin: 10px 0 10px 0; line-height: 16px; } #page #center #content #basket table { width: 680px; margin-left: 10px; } #page #center #content #basket table td a { text-decoration: underline; font-size: 13px; font-weight: bold; } #page #center #content #basket table thead th, #koszyk table tbody td { width: 15%; } #page #center #content #basket table thead .title, #koszyk table tbody .title { width: 30%; text-align: center; } #page #center #content #basket table thead { background: #a6ba10; color: #fff; } #page #center #content #basket table thead th { padding: 5px; } #page #center #content #basket table tbody .title { padding: 8px 0 10px 0; text-align: center; } #page #center #content #basket table tbody td { padding: 18px 0 10px 0; vertical-align: top; border-right: 1px dashed #d0daa1; border-bottom: 1px dashed #d0daa1; } #page #center #content #basket table tbody h1 { padding-left: 15px; text-align: left; } #page #center #content #basket #bottom { width: 680px; margin: 8px 0 0 10px; } #page #center #content #basket #bottom .right { float: right; display: inline; width: 200px; } #page #center #content #basket #bottom .right h2 { margin-bottom: 5px; } #page #center #content #basket #bottom .lr { height: 25px; border-top: 1px dashed #d0daa1; } #page #center #content #basket #bottom .lr a.continue { width: 120px; height: 24px; background: url("../img/images/strona-koszyk_07.jpg") no-repeat; display: block; float: left; } #page #center #content #basket #bottom .lr a.checkout { width: 98px; height: 24px; background: url("../img/images/strona-koszyk_10.jpg") no-repeat; display: block; float: right; } #page #center #content #text { margin-left: 10px; width: 680px; } #page #center #content #text p { margin: 10px 0 10px 0; font-size: 13px; } #page #center #content .belds { border-top: 1px dashed #d0daa1; margin: 18px 0 10px 0; } #page #center #content .belds input { border: 0!important; width: 98px; height: 24px; margin:0!important; padding:0!important; display: block; float: right; background: none!important; } #fotter { clear: both; width: auto; height: 276px; background: url("../img/images/strona2_55.jpg") repeat-x; margin-top: 54px; } #fotter #margins { padding: 140px 0 0 0; width: 950px; margin: 0 auto 0 auto; } #fotter .code { width: 250px; height: 58px; color: #969191; font-size: 12px; background: url("../img/images/strona2_23.jpg") no-repeat; padding: 8px 0 0 55px; float: left; display: inline; } #fotter .link { margin-top: 15px; width: 500px; float: left; display: inline; } #fotter .link a { margin: 0 8px 0 8px; font-weight: bold; } form fieldset label { display: block; padding: 4px 0 2px 0; } form fieldset input, textarea, select { color: #63722e; border: 1px solid #b7c83d; background: #fdffee; font-family: Tahoma; font-size: 12px; } form fieldset input, textarea { padding: 4px 0 4px 5px; } form fieldset h4 span { text-decoration: underline; } form fieldset .checkbox { width: 650px; clear: both; padding:0; margin:0; } form fieldset .checkbox p.c { width: 20px; float: left; display: inline; } form fieldset .checkbox p.c input { border:0; background: none; } form fieldset .checkbox p { width: 600px; padding-top: 0px; margin:13px 0 0 0!important; font-size: 11px!important; float: left; display: inline; } .clear { clear: both; margin: 0!important; padding: 0!important; background: none!important; }