body, table, tr, th, td, p, form, fieldset, legend, div, ul, ol, li, h1, h2, h3 {margin: 0; padding: 0; border: 0;} body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 140%; color: #808080; background: #ececec url('../img/bgr/main.gif') repeat-x; } .left {float:left} .right {float:right} .clear {clear: both;} a {text-decoration: none;} a img {border: 0;} .textLeft {text-align: left;} .textCenter {text-align: center;} .textRight {text-align: right;} body div:after, body p:after {content: "."; display:block; height: 0; clear:both; visibility:hidden;} .pinBox {float: left;} .pinBox .pbLeft {width: 32px; height: 66px; float: left; background: url('../img/pinbox/left.jpg') no-repeat;} .pinBox .pbRight {width: 7px; height: 66px; float: left; background: url('../img/pinbox/right.gif') bottom left no-repeat;} .pinBox .pbCenter {width: 200px; height: 52px; padding: 14px 0px 0px 0px; float: left; background: url('../img/pinbox/center.gif') bottom left repeat-x;} .pinBox .pbTitle {color: #fff;} .pinBox a, .pinBox a:visited {color: #feae01;} .pinBox .pbCenter img {margin: 0px 3px 2px 3px} #all {width: 970px; margin: 5px auto 0px auto; text-align: left;} #logo {margin: 5px 20px 0px 0px} .topLeftPinbox .pbCenter {width: 385px;} #topRightPinbox {margin-left: 10px; float: right;} #topRightPinbox .pbCenter {width: 328px;} #topRightPinbox .pbCenter div {width: 318px; height: 17px; float:left; margin-top: 10px; padding: 0px 0px 0px 10px; background: url('../img/bgr/innerLineOrange.gif') center left repeat-x;} #topRightPinbox .pbCenter p, #topRightPinbox .pbCenter a {display: block; float:left;} #topRightPinbox .pbCenter p {padding: 0px 7px 0px 7px; margin-right: 10px; font-size: 18px; font-weight: bold; color: #ffad01; background: url('../img/bgr/topLeftPinboxCenter.gif') repeat-x;} #topRightPinbox .pbCenter a, #topRightPinbox .pbCenter a:visited {padding: 0px 7px 0px 7px; color: #f99207; font-size: 10px; cursor:pointer; background: url('../img/bgr/topLeftPinboxCenter.gif') repeat-x;} #topRightPinbox p.pbTitle {font-size: 16px; color: #fff; font-weight: normal; background: none;} #innerTop {width: 770px; height: 17px; padding: 0px 0px 0px 200px; margin: 10px 0px 10px 0px; background: url('../img/bgr/innerLineGrey.gif') center left repeat-x;} #innerTop p {float: left; padding: 0px 10px 0px 10px; background: #ececec; color: #c40100; font-weight: bold;} #innerTop div {padding: 0px 10px 0px 10px; margin-right: 30px; background: #ececec;} #innerTop div a, #innerTop div a:visited {color: #c40100;} #footer {width: 960px; margin: auto; padding: 20px 0 20px 0; text-align: center;} #fTop, #fBottom {width: 960px; height: 9px; background: url('../img/bgr/fTop.gif') no-repeat;} #fBottom {background: url('../img/bgr/fBottom.gif') no-repeat;} #fContent {padding: 10px 0px 10px 0px;} #footer a, #footer a:visited {color: #a2a2a2; text-transform: uppercase} #footer img {margin:0px 3px 3px 3px;} #footer div.clear{font-size: 10px; margin-top: 10px;} #footer div.clear p, #footer div.clear a {display:inline; color: #adadad} #footer div.clear p span {color: #d21f1f; font-weight: bold;} #footer div.clear img {margin: 0px 4px 2px 4px} #flash {clear:both; height: 203px; background: none; margin: auto; text-align: center;} #mainNav {width: 960px; height: 38px; margin: 10px auto 10px auto; text-align: center;} #mnLeftCorner, #mnRightCorner {width: 10px; height: 38px; float: left; background: url('../img/bgr/mnLeftCorner.gif') no-repeat;} #mnRightCorner {background: url('../img/bgr/mnRightCorner.gif') no-repeat;} #page {width: 960px; margin: 10px auto 30px auto;} #pageTop {width: 960px; height: 11px; background: url('../img/bgr/pageTop.gif') no-repeat;} #pageBottom {width: 960px; height: 55px; background: url('../img/bgr/pageBottom.gif') no-repeat;} #pageBottom .pinBox .pbLeft {height: 85px; background: url('../img/pinbox/pageBottomLeft.gif') no-repeat;} #pageBottom .pinBox {float:right; margin-right: 10px; height: 85px;} #pageBottom .pinBox .pbCenter {height: 80px; margin-top: 5px; background: url('../img/pinbox/pageBottomCenter.gif') repeat-x;} #pageBottom .pinBox .pbRight {height: 80px; margin-top: 5px; background: url('../img/pinbox/pageBottomRight.gif') repeat-x;} #pageBrands {width: 960px; clear: both; padding: 10px 0px 10px 0px; background: #fff;} #pbLeftCorner {width: 10px; height: 105px; float: left; margin-left: 7px; background: url('../img/bgr/brandsLeft.gif') no-repeat;} #pbRightCorner {width: 10px; height: 105px; float: left; background: url('../img/bgr/brandsRight.gif') no-repeat;} #pageBrandsContent {width: 926px; height: 88px; padding: 8px 0px 8px 0px; float: left; background: #eee; border-bottom: 1px solid #b2b2b2;} #pageBrandsContent p.title {margin-bottom: 10px; color: #000; font-size: 12px; text-transform: uppercase;} #pageBrandsContent img {margin-right: 10px;} #pageBrandsLeft {float: left;} #pageBrandsRight {float: right; text-align: right;} #pageMiddle {width: 946px; padding: 7px; background: #fff;} #mainLeft {width: 300px; float:left; margin-right: 20px;} #mainpageNav {width: 301px; float: left; margin-right: 20px;} #mainpageNav h2.title { font-size: 11px; color: #fff; margin: 0;} #mainpageNav h2.title span {display:block; float:left} #mainpageNav h2.title .mpNavTitleCorner {width: 10px; height: 44px;} #mainpageNav h2.title #cornerLeft {background: url('../img/bgr/mpNavTitleLeft.gif') no-repeat;} #mainpageNav h2.title #cornerRight {background: url('../img/bgr/mpNavTitleRight.gif') no-repeat;} #mainpageNav h2.title .mptTitleCenter {width: 281px; height: 29px; padding-top: 15px; text-align: center; background: url('../img/bgr/mpNavTitleCenter.gif') repeat-x; text-transform: uppercase;} .mpNavContent {width: 270px; float: left; padding: 15px; background: #DCDCDC url('../img/bgr/mpNavContent.gif') bottom left repeat-x;} .mpNavContent a, .mpNavContent a:visited {display: block; width: 260px; padding: 2px 0px 2px 5px; color: #323232; border-bottom: 1px solid #d4d4d4; cursor: pointer;} .mpNavBottom {width: 300px; height: 11px; clear: both; background: url('../img/bgr/mpNavBottom.gif') no-repeat;} .mpNavContentTitle {padding: 3px 0px 0px 8px; text-transform: uppercase; color: #5c5c5c; border-bottom: 1px solid #d4d4d4;} #subpageBox {width: 299px; float:left; margin-top: 30px;} #subpageBox #sboxTop, #subpageBox #sboxBottom {width:299px; height: 12px; clear: both; background: url('../img/subpageBox/top.gif') no-repeat;} #subpageBox #sboxBottom {background: url('../img/subpageBox/bottom.gif') no-repeat;} #sboxContent {padding: 8px 20px 8px 20px; background: #eee;} #sboxContent div {color: #4c4c4c;} #sboxContent p.red {color: #c40000; font-size:12px;} #sboxContent h2.red {margin: 10px 0px 10px 0px; color: #c40000; font-size: 22px;} #maincontent {width: 625px; float: left;} h1.mcTitle {width: 625px; float: left; color:#fff; font-size: 11px; text-transform: uppercase;} h1.mcTitle span {display:block; float:left} #mcTitleCornerLeft {width: 10px; height: 44px; background: url('../img/bgr/mcTopLeft.gif') no-repeat;} #mcTitleCornerCenter {width: 595px; height: 29px; padding: 15px 0px 0px 10px; background: url('../img/bgr/mcTopCenter.gif') repeat-x;} #mcTitleCornerRight {width: 10px; height: 44px; background: url('../img/bgr/mcTopRight.gif') no-repeat;} #mcContent {width: 585px; clear: both; padding: 15px 20px 20px 20px; background: #eee; color: #323232; line-height: 180%; text-align: justify;} #mcContent div {margin-bottom: 10px;} #mcContent div p.title {font-weight: bold; font-size: 12px;} #mcContent p {margin-bottom: 10px; text-align: justify;} #mcContent ul {margin: 3px 0px 3px 20px} #mcContent ul ul {margin: 3px 0px 3px 40px} #seeOurOffer {margin: 20px 0px 20px 0px; color: #c40000;} #seeOurOffer p {margin-bottom: 12px; font-size: 14px; font-weight: bold;} #seeOurOffer h2 {font-size: 21px} #mcBottom {width: 625px; height: 14px; background: url('../img/bgr/mcBottom.gif') no-repeat; } #gallery {margin: auto; text-align: center;} #gallery p.topBorder {width:560px; margin: 10px 0px 30px 0px; border-top: 1px solid #c2c2c2;} .galleryImg {width: 186px; height: 86px; margin-right: 7px; margin-bottom: 7px; float: left;} .galleryImg img {border: 3px solid #bababa; vertical-align: top;} #gallery a, #gallery a:visited {color: #8a0000;} #gallery a#galleryLink img, a#galleryBackLink img {margin: 2px 3px -1px 3px;} #gallery a#galleryLink {float: right;} #gallery a#galleryBackLink {float: left; clear: both;} #enclosures {clear:both; float: right; margin-top: 25px;} .enclosure {height: 60px; float: right; margin-left: 15px;} .enclosureLeft, .enclosureRight {width: 10px; height: 33px; margin-top: 27px; float: left; background: url('../img/bgr/enclosureLeft.gif') bottom left no-repeat; } .enclosureRight {background: url('../img/bgr/enclosureRight.gif') bottom left no-repeat;} .enclosureContent {height: 33px; margin-top: 27px; float: left; background: url('../img/bgr/enclosureCenter.gif') bottom left repeat-x; position: relative;} .enclosureContent img {float: left; position: absolute; top: -27px;} .enclosureContent a {position: relative; margin: 0 5px 0 50px; padding-top: 5px; top: 5px; color: #000; font-size: 10px; font-weight: bold;} .faq p.title {margin-bottom: 10px; cursor: pointer;} .faq p.border {width: 400px; margin: 15px auto 5px auto; border-bottom: 1px solid #c2c2c2; } .news {margin: 10px 0px 10px 0px; padding-bottom: 10px; border-bottom: 1px solid #c2c2c2;} .news p.title {font-weight: bold; font-size: 12px;} .news p.title a, .news p.title a:visited {color: #343434} #orderForm #leftFieldset, #orderForm #rightFieldset {width: 275px; float: left;} #orderForm label {color: #6f6f6f;} #orderForm #leftFieldset {padding-right: 0px;} .textInput {padding: 5px; float: left; font-size: 12px; border: 1px solid #d5d5d7; color: #6f6f6f; background: url('../img/bgr/input.gif') repeat-x; font-family: Tahoma, Verdana, Helvetica, sans-serif;} #orderForm textarea {padding: 5px; clear: both; float: none; font-size: 12px; border: 1px solid #d5d5d7; font-family: Tahoma, Verdana, Helvetica, sans-serif; background: url('../img/bgr/textarea.gif') repeat-x;} #orderForm h2 {margin: 10px 0px 10px 0px ; font-size: 13px; color: #323232} #leftFieldset label {display: block; width: 100px; float: left; margin-top: 5px; margin-right: 10px; text-align: left; } #leftFieldset .textInput {width: 105px;} #leftFieldset textarea {width: 235px; height: 200px;} #zapytanieLabel {margin: 0px 0px 3px 10px;} #rightFieldset {padding-left: 25px; border-left: 1px solid #c2c2c2; } #rightFieldset label.left {display: block; width: 120px; float: left; margin: 5px 5px 0px 0px} #rightFieldset select {width: 125px} #rightFieldset select {padding:2px; margin-top: 4px; font-size: 12px; color: #6f6f6f; font-family: Tahoma, Verdana, Helvetica, sans-serif;} #rightFieldset label#przebiegLabel {width: 160px;} #orderForm div.required {width: 250px; background: url('../img/required.gif') top right no-repeat;} #leftFieldset label.error {display: inline; width: 190px; margin-left: 0px; font-weight: bold; color: #C40000;} #rightFieldset label.error {display: inline; clear: both; width: 190px; font-weight: bold; color: #C40000;} .opcje label {clear:both; margin-bottom: 3px;} .opcje textarea {clear: both; width: 260px; height: 150px;} .opcje label.error {width: 260px; float: left;} #orderForm p {margin: -5px 0px 10px 10px; color: #747474;} #orderForm .uslugi {float: left;} #orderForm .uslugi1 {width: 130px; margin-left: 10px ;} #orderForm .uslugi2 {width: 110px;} #orderForm .uslugi div {width: 145px;} #zgodaFieldset {margin: 10px 0px 30px 0px} #zgodaFieldset input {float:left;} #zgodaFieldset label {width: 530px; display: block; margin-left: 5px; text-align: justify; float: left; clear: right;} #zgodaFieldset label.error {margin-left: 25px; width: 530px; clear: both; text-align: left; font-weight: bold; color: #C40000;} #formBottom p.borderTop {width: 560px; height: 1px; margin: auto; border-top: 1px solid #747474;} #formBottom p.requiredInfo {clear:both; margin: 20px 0px 0px 0px; text-transform: uppercase; font-size: 9px; color: #474747; font-weight: bold;} #formBottom p.requiredInfo img {margin: 3px 10px -4px 0px;} #submits {padding-top: 20px;} #submits input { float: left; margin: 0px 20px 0px 20px; } #contactForm #formLeft, #contactForm #formRight {width: 275px; float: left;} #contactForm #formLeft {border-right: 1px solid #c2c2c2;} #contactForm #formRight {width: 250px; padding-left: 25px;} #contactForm {margin-top: 15px; float: left;} #contactForm label {display: block; width: 60px; float: left; margin-top: 5px; } #contactForm .textInput {width: 155px;} #contactForm label.error {display: inline; width: 190px; margin-left: 60px; font-weight: bold; color: #C40000;} #contactForm div.required {width: 250px; background: url('../img/required.gif') top right no-repeat} #contactForm #zapytanieArea {width: 490px; height: 120px; padding: 5px; font-size: 12px; border: 1px solid #d5d5d7; color: #6f6f6f; font-family: Tahoma, Verdana, Helvetica, sans-serif; background: url('../img/bgr/textarea.gif') repeat-x;} #contactForm #zgodaFieldset {margin: 10px 0px 30px 0px} #contactForm #zgodaFieldset input {float:left; margin-left: 40px; margin-top: 10px;} #contactForm #zgodaFieldset label {width: 500px; display: block; margin-left: 5px; text-align: justify; float: left; clear: right;} #contactForm #zgodaFieldset label.error {margin-left: 60px; width: 400px; clear: both; text-align: left; font-weight: bold; color: #C40000;} .carListing {width: 605px; float: left; padding-bottom: 0;} .carListing h2.title {font-size: 12px; margin: 0px 0px 15px 0px; text-transform: uppercase;} .liRow {float: left; margin: 0} .carLi {width: 193px; height: 149px; float: left; margin-right: 3px; background: url('../img/bgr/carLi.gif') no-repeat;} .carLi .carLiTitle {width: 172px; height: 18px; float: left; font-size: 10px; font-weight: bold; margin: 5px 0px 0px 3px; padding: 0px 0px 3px 10px; background: url('../img/bgr/carLiTitle.gif') repeat-x;} .carLi .carLiTitle a, .carLi .carLiTitle a:visited {color: #920202; text-transform: uppercase; text-align: left; float: left;} .carLiContent {width: 176px; height: 112px; float: left; padding: 5px; margin: -10px 0px 0px 3px; background: #fff url('../img/bgr/carLiRight.gif') top right repeat-y;} .carLiContent .carPhoto {display: block; width:170px; height: 68px; margin: auto; text-align: center; cursor: pointer;} .carLiContent p {color: #2e2e2e; font-size: 12px; text-transform: uppercase;} .carLiContent p span {color: #7e7e7e} .carLiContent a.more, .carLiContent a.more:visited {float:right; color: #920202;} .carLiContent a.more img {float:left; margin: 7px 4px 0px 0px;} .textContent ul {margin: 3px 0px 3px 20px} .textContent p {margin-bottom: 5px;} #mainLeftCarLisitng {width: 300px; float:left; margin-right: 20px;}