@CHARSET "UTF-8"; body { margin: 0; padding: 0; text-align: left; color: #000; background-color: #3A1400; } body, td, th { font-size: 11px; font-family: Tahoma, sans-serif; } /** top */ #top { width: 100%; text-align: left; background: url('../img/site/topBg.jpg') repeat-x; } #top .north { width: 965px; margin: 0 auto; } #top .north .left { width: 45px; height: 207px; float: left; background: url('../img/site/topLeftBg2.gif') no-repeat right top; } #top .north .right { width: 22px; height: 207px; float: left; /*background: url('../img/site/topLeftBg.gif') no-repeat;*/ } #top .north .body { width: 898px; height: 207px; float: left; background: url('../img/site/topBodyBg2.jpg') no-repeat; } #top .north .links { width: 372px; height: 32px; margin: 0 0 0 515px; } #top .north .links ul { margin: 0; padding: 0; list-style: none; } #top .north .links ul li { margin: 0; padding: 0; position: relative; float: left; display: inline; } #top .north .links ul li a { height: 32px; display: block; text-decoration: none; } #top .north .links .pos1 { width: 105px; } #top .north .links .pos2 { width: 159px; margin-left: 1px; } #top .north .links .pos3 { width: 105px; margin-left: 2px; } #top .north .logo { width: 175px; height: 95px; margin: 15px 0 0 55px; } #top .north .logo a { height: 95px; display: block; } #top .menu { width: 100%; height: 41px; background: url('../img/site/menuBg.jpg') repeat-x; } #top .menu .links { width: 965px; height: 41px; margin: 0 auto; } #top .menu .links ul { margin: 0 33px 0 0; padding: 0; float: right; list-style: none; background: url('../img/site/menuSepBg.jpg') top right no-repeat; width: 910px;} #top .menu .links ul li { margin: 0; padding: 0; height: 41px; text-align: center; position: relative; float: right; display: inline; background: url('../img/site/menuElementBg.jpg') top left no-repeat; } #top .menu .links ul li a { margin: 0 1px; padding: 8px 19px 13px; display: block; font-family: Verdana; font-size: 11px; color: #FF7C41; text-decoration: none; } #top div.menu .links ul li.search { float:left;} #top div.menu .links ul li.search span { display: block; margin-top: 5px; color: #ff7c41; margin-left: 10px;} #top div.menu .links ul li.search span input.submit{ height: 25px; width: 63px; font-size: 10px; color: white; font-weight: bold; background: url('../img/site/buttonSearchBg.gif') bottom left no-repeat; border: 0; cursor: pointer; padding-top: 0px; } #top .menu .links .mark { padding: 14px 19px 0 0; margin: -8px auto 0; background: url('../img/site/menuMark.gif') center no-repeat; } /** main */ #main { width: 100%; text-align: left; overflow: hidden; background: url('../img/site/midTopBg.jpg') top repeat-x; } #main input.button { background: url('../img/site/buttonBg.jpg') no-repeat top left; border:none; width: 70px; height: 24px; cursor: pointer; color: #3A1400; font-size: 10px; font-weight: bold; } #main .body { width: 965px; margin: 0 auto; padding: 10px 0 0 0; /* background: url('../img/site/midTopBodyBg.jpg') top repeat-x; */ } #main .left { width: 252px; padding: 0 0 0 23px; float: left; } #main .left .body { width: auto; height: auto; margin: 0; padding: 0px; } #main .offer { width: 252px; background-color: #D2BB8E; } #main .offer .head { width: 252px; height: 80px; background: url('../img/site/offerHeadBg.jpg') no-repeat; } #main .offer .body { width: 252px; padding-bottom: 30px; margin-top: -31px; background: url('../img/site/offerBodyBg.jpg') bottom right no-repeat; } #main .offer ul { width: 210px; margin: 0 25px 0 16px; padding: 0; list-style: none; background: url('../img/site/sepVerBg.gif') bottom repeat-x; } #main .offer ul li { width: 210px; height: 16px; padding: 4px 0 0 0; text-align: left; background: url('../img/site/sepVerBg.gif') top repeat-x;} #main .offer ul li .mark { background: url('../img/site/offerMark.gif') center left no-repeat; } #main .offer ul li a { margin: 0; padding: 0 0 0 21px; display: block; font-family: Verdana; font-size: 11px; color: #3A1400; text-decoration: none; } #main .offer ul li.current a {font-weight: bold;} #main .orangeBox { width: 252px; margin: 10px 0 0 0; background-color: #F85600; } #main .orangeBox .head { width: 252px; height: 53px; background: url('../img/site/orangeHeadBg.jpg') top no-repeat; } #main .orangeBox .body { width: 252px; height: 36px; background: url('../img/site/orangeBodyBg.jpg') bottom no-repeat; } #main .redBox { width: 252px; margin: 10px 0 0 0; background-color: #851300; } #main .redBox .head { width: 252px; height: 53px; background: url('../img/site/redHeadBg.jpg') top no-repeat; } #main .redBox .body { width: 252px; height: 36px; background: url('../img/site/redBodyBg.jpg') bottom no-repeat; } #main .newsletter { width: 252px; margin: 10px 0 0 0; background-color: #631800; } #main .newsletter .head { width: 206px; padding: 54px 22px 10px 24px; background: url('../img/site/newsletterHeadBg.jpg') top no-repeat; } #main .newsletter .head .text { font-family: Tahoma; font-size: 11px; color: #D2BB8E; } #main .newsletter .head .text p { margin: 0; padding: 0; } #main .newsletter .body { width: 206px; height: 43px; padding: 0 22px 28px 24px; background: url('../img/site/newsletterBodyBg.jpg') bottom no-repeat; } #main .newsletter .form .text { margin: 6px 0 0 0; padding: 0; float: left; } #main .newsletter .form .text input { width: 106px; height: 12px; padding: 7px 8px; font-family: Tahoma; font-size: 11px; color: #D2BB8E; border: none; background: url('../img/site/newstellerTextBg.jpg') no-repeat; } #main .newsletter .form .submit { width: 84px; height: 42px; margin: 0; padding: 0; float: left; background: url('../img/site/newstellerSubmitBoxBg.jpg') no-repeat; } #main .newsletter .form .submit input { width: 73px; height: 27px; margin: 6px 0 0 11px; padding: 2px 0 3px; font-family: Verdana; font-size: 11px; color: #3B1300; font-weight: bold; cursor: pointer; border: none; background: url('../img/site/newstellerSubmitBg.jpg') no-repeat; } #main .right { width: 658px; margin: 0 0 0 10px; padding: 0; float: left; } #main .right .body { width: auto; height: auto; margin: 0; padding: 0px; } #main .right .up { width: 658px; height: 170px; overflow: visible; } #main .right .up .west { width: 438px; height: 170px; float: left; background: url('../img/site/westBg2.jpg') no-repeat } #main .right .up .west p { width: 220px; height: 100px; margin: 55px 0 10px 25px; overflow: hidden; font-family: Verdana; font-size: 11px; color: #3A1400; } #main .right .up .east { width: 211px; margin: 0 0 0 9px; padding: 0; float: left; overflow: hidden; background-color: #F4E8CF; } #main .right .up .east .head { width: 211px; height: 28px; padding: 50px 0 5px 0; text-align: center; background: url('../img/site/eastHeadBg.jpg') top no-repeat; } #main .right .up .east .head p { margin: 0; padding: 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #3A1400; } #main .right .up .east .body { width: 180px; height: 87px; padding: 0 21px 0 10px; background: url('../img/site/eastBodyBg.jpg') bottom no-repeat; } #main .right .up .east .form { margin: 0; padding: 2px 0 0; background: url('../img/site/sepVerBg2.gif') top repeat-x; } #main .right .up .east .form .text { width: 122px; float: left; } #main .right .up .east .form .text input { width: 106px; height: 16px; margin: 6px 0 0; padding: 6px 8px; font-family: Tahoma; font-size: 11px; color: #9E865E; border: none; background: url('../img/site/loginTextBg.jpg') no-repeat; } #main .right .up .east .form .submit { width: 58px; height: 46px; margin: 13px 0; padding: 0; float: left; background: url('../img/site/loginSubmitBoxBg.jpg') no-repeat; } #main .right .up .east .form .submit input { width: 42px; height: 26px; margin: 10px 8px; padding: 0; padding-bottom: 3px; font-family: Verdana; font-size: 11px; font-weight: bold; color: #3B1300; cursor: pointer; border: none; background: url('../img/site/loginSubmitBg.jpg') no-repeat; } #main .right .content { margin: 12px 0 0 0; padding: 0; overflow: hidden; background-color: #E2CCA0; } #main .right .content .head { width: 658px; padding: 60px 0 24px 0; margin: 0; background: url('../img/site/contentHeadBg.jpg') top no-repeat; } #main .right .content .body { margin: 0; padding: 0; overflow: hidden; } #main .right .content .body p { margin: 0; padding: 0; } #main .right .content .row { width: 604px; margin: 0 16px; padding: 10px 14px 12px 8px; overflow: hidden; background: url('../img/site/sepRowBg.gif') bottom repeat-x; } #main .right .content .row .elL { float: left; } #main .right .content .row .elR { float: right; } #main .right .content .row .panel { width: 288px; padding: 0; overflow: hidden; text-align: left; } #main .right .content .row .panel .photo { width: 162px; height: 119px; float: left; background: url('../img/site/photoBg.jpg') no-repeat; } #main .right .content .row .panel .photo img { margin: 13px 14px 11px 13px; border: 1px solid #E1CAA0; } #main .right .content .row .panel .func { padding: 5px 0 0 0; float: left; text-align: center; width:120px;} #main .right .content .row .panel .func p { margin: 0 0 0 10; padding: 0; font-family: Tahoma; font-size: 11px; color: #3A1400; text-align:center;} #main .right .content .row .panel .func p .price { color: #EB4100; } #main .right .content .row .panel .func div.button { background: url('../img/site/buttonBg.jpg') no-repeat; margin: 0 auto; width: 70px;} #main .right .content .row .panel .func a { width: 70px; height: 24px; text-align: center; margin: 0; text-align: center; display: block; vertical-align: middle; line-height: 22px; font-family: Tahoma; font-size: 11px; color: #992A00; } /*#main .right .content .row .panel .func input { width: 70px; height: 24px; text-align: center; padding-bottom: 3px; margin: 5px 0 0; border: none; cursor: pointer; text-align: center; display: block; vertical-align: middle; line-height: 22px; font-family: Tahoma; font-size: 11px; color: #992A00; background: url('../img/site/buttonBg.jpg') no-repeat; }*/ #main .right .content .row .panel .func form div {width: 100%; text-align: center;} #main .right .content .row .panel .func form input.quantity {float: none;} #main .right .content .row .panel .text h1 { margin: 10px 0 0 5px; padding: 0; text-align: left; font-family: Tahoma; font-size: 11px; color: #EA4000; } #main .right .content .row .panel .text p { margin: 5px 0 0 5px; padding: 0; font-family: Tahoma; font-size: 11px; color: #3A1400; } #main .right .content .foot { width: 658px; height: 36px; clear: both; text-align: center; background: url('../img/site/contentFootBg.jpg') bottom no-repeat; } #main .right .content .row .panel .func form {width: 100%;} #main .right .content .row .panel .func input {width: 65px;} #main .right .content .row .panel .func input.button {border: none; font-family: Tahoma; font-size: 11px; color: #992A00; font-weight: normal; width: 70px;} #main .right .content .foot .list { font-size: 11px; font-weight: bold; color: #0d0d0d;} #main .right .content .foot .nav { font-size: 11px; color: #ea4000; margin: 0 0 0 4px; } #main .right .content .foot .num { font-size: 11px; font-weight: bold; color: #9e6d23; margin: 0 0 0 3px; } #main .right .content .foot .sel { font-size: 11px; font-weight: bold; color: #ea4000; margin: 0 0 0 3px; } #main .right .content .foot img { vertical-align: middle; margin: 0 2px; } #main .right .content .detailHead { width: 658px; padding: 60px 0 0 0; margin: 0; background: url('../img/site/contentHeadDetailBg.jpg') top no-repeat; } #main .right .content .detailHead.empty { background: url('../img/site/contentHeadEmptyBg.jpg') top no-repeat; padding-top: 10px;} #main .right .content .detailHead.cart { background: url('../img/site/contentHeadCartBg.jpg') top no-repeat; } #main .right .content .detailHead.order { background: url('../img/site/contentHeadOrderBg.jpg') top no-repeat; } #main .right .content .detailHead.orders { background: url('../img/site/contentHeadOrdersBg.jpg') top no-repeat; } #main .right .content .detailHead.contact { background: url('../img/site/contentHeadContactBg.jpg') top no-repeat; } #main .right .content .detailHead.login { background: url('../img/site/contentHeadLoginBg.jpg') top no-repeat; } #main .right .content .detailHead.message { background: url('../img/site/contentHeadMessageBg.jpg') top no-repeat; } #main .right .content .detailHead.register { background: url('../img/site/contentHeadRegisterBg.jpg') top no-repeat; } #main .right .content .detailHead.profile { background: url('../img/site/contentHeadProfileBg.jpg') top no-repeat; } #main .right .content .detailHead .navButtons { width: 100px; height: 47px; margin: -60px 0 0 0; float: right; padding: 0; position: relative; background: url('../img/site/navButtonsBg.jpg') no-repeat; } #main .right .content .detailHead .navButtons ul { list-style: none; margin: 19px 0 0; padding: 0; } #main .right .content .detailHead .navButtons ul li { width: 23px; height: 24px; display: inline; float: left; position: relative; margin: 0 0 0 4px; } #main .right .content .detailHead .navButtons a { height: 24px; display: block; } #main .right .content .detailHead .panel { margin: 0 20px; padding: 0 0 44px 0; background: url('../img/site/sepRowBg.gif') bottom repeat-x; } #main .right .content .detailHead .panel .photo { width: 247px; float: left; background: url('../img/site/photoNBg.jpg') no-repeat; } #main .right .content .detailHead .panel .photo img { margin: 14px 16px 15px 13px; border: 1px solid #E1CAA0; } #main .right .content .detailHead .panel .info { width: 351px; margin: 0 0 0 20px; padding: 0; float: left; text-align: center; } #main .right .content .detailHead .panel .info .row { width: auto; height: auto; margin: 0; padding: 10px 20px; text-align: left; } #main .right .content .detailHead .panel .info .row p.param { margin: 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #3A1400; font-weight: bold;} #main .right .content .detailHead .panel .info .row p.param span { margin-left: 7px; } #main .right .content .detailHead .panel .info .row p.param .red { color: #EB4100; } #main .right .content .detailHead .panel .info .row p { margin: 5px 0 0; padding: 0; font-family: Tahoma; font-size: 11px; color: #a6623e; } #main .right .content .detailHead .panel .buttons { width: 247px; margin: 10px 0 0; padding: 0 48px; } #main .right .content .detailHead .panel input.button { margin: 0 3px; float: left; background: url('../img/site/buttonBg.jpg') no-repeat; } #main .right .content .detailHead .panel .button a { width: 70px; height: 24px; text-align: center; display: block; vertical-align: middle; line-height: 22px; font-family: Tahoma; font-size: 11px; color: #992A00; } #main .right .content .detailHead .panel .text h1 { margin: 15px 25px 0 5px; padding: 0; text-align: left; font-family: Tahoma; font-size: 11px; color: #EA4000; } #main .right .content .detailHead .panel .text p { margin: 10px 15px 0 5px; padding: 0; font-family: Tahoma; font-size: 11px; color: #3A1400; } #main .right .subUp { width: 658px; height: 110px; margin: 0; padding: 0; overflow: hidden; background: url('../img/site/subUpBg.jpg') no-repeat; } #main .right .subUp .form { margin: 57px 0 0 0; padding: 0 0 0 8px; float: left; } #main .right .subUp .form form { margin: 0; paddin: 0; } #main .right .subUp .form .text { float: left; margin: 0 10px 0 0; padding: 0; } #main .right .subUp .form .text input { width: 106px; height: 16px; margin: 0 0 0 13px; padding: 6px 8px; font-family: Tahoma; font-size: 11px; color: #9E865E; border: none; background: url('../img/site/loginTextBg.jpg') no-repeat; } #main .right .subUp .form .submit { width: 58px; height: 46px; margin: -9px 0 0; padding: 0; position: relative; padding: 0; float: left; background: url('../img/site/subLoginSubmitBoxBg.jpg') no-repeat; } #main .right .subUp .form .submit input { width: 42px; height: 27px; margin: 9px 0 0 8px; padding: 0 0 3px 0; display: inline; font-family: Verdana; font-size: 11px; font-weight: bold; color: #3B1300; cursor: pointer; border: none; background: url('../img/site/subLoginSubmitBg.jpg') no-repeat; } #main .right .subUp .cart { float: right; margin: 20px 60px 0 20px; padding: 0; text-align: center; background: url('../img/site/cart.gif') left center no-repeat; } #main .right .subUp .cart .topBg { width: 100%; height: 1px; margin: 0 0 20px; background: url('../img/site/subCartUpBg.gif') top repeat-x; } #main .right .subUp .cart .botBg { width: 100%; height: 1px; margin: 20px 0 0; background: url('../img/site/subCartDownBg.gif') bottom repeat-x; } #main .right .subUp .cart p { margin: 0 5px 0 28px; padding: 0; font-family: Verdana; font-size: 11px; font-weight: bold; color: #3A1400; } #main .right .subUp .cart .prods { font-weight: normal; color: #eb4100; } /** bottom */ #bottom { width: 100%; height: 47px; padding: 11px 0 0 0; text-align: left; background: url('../img/site/bottomBg.jpg') repeat-x; } #bottom .menu { width: 965px; margin: 0 auto; } #bottom .menu .links ul { margin: 0 0 0 21px; padding: 0; float: left; list-style: none; background: url('../img/site/menuSepBg.jpg') top right no-repeat; } #bottom .menu .links ul li { margin: 0; padding: 0; height: 31px; text-align: center; position: relative; float: left; display: inline; } #bottom .menu .links ul li a { margin: 0 1px; padding: 10px 19px; display: block; font-family: Verdana; font-size: 11px; color: #FF7C41; text-decoration: none; background: url('../img/site/menuSepBg.jpg') center left no-repeat; } #bottom .text { width: 550px; margin: 0 0 0 275px; padding: 15px 0 30px 0; } #bottom .text p { margin: 0; padding: 0; text-align: right; font-family: Tahoma; font-size: 11px; color: #766C57; } /** standard */ a { color: #992a00; text-decoration: none; } img { border: 0; vertical-align: bottom; } img.b { vertical-align: bottom; } img.m { vertical-align: middle; } table { } td, th { vertical-align: top; } .c, .center { text-align: center; } .l { text-align: left; } .r { text-align: right; } .j { text-align: justify; } .t { vertical-align: top; } .m { vertical-align: middle; } .b { vertical-align: bottom; } .clr { clear: both; } .cL { clear: left; } .cR { clear: right; } .pageNum { padding-top: 20px; } div.failed ul { margin: 20px 0 0 0; } div.failed li { color: #d10; } input, textarea, select { font-family: sans-serif; font-size: 10px; background: #e3cca0;} input.disabled, textarea.disabled, select.disabled { font-family: sans-serif; font-size: 10px; background: #e3ece0;} input.noBorder { border: 0; } select { font-size: 11px; } button { border-style: none; background-color: transparent; font-size: 11px; } .hide { display: none; } /** http://www.hyh.pl */ table.cart2 {width: 100%;;} table.cart2 th {background: #D2BB8E; padding: 3px 5px; text-align: center; font-size: 110%; border-bottom: 2px solid #F4E8D0; vertical-align: middle;} table.cart2 th span {font-weight: normal; font-size: 80%;} table.cart2 th.del {width: 10px;} table.cart2 td {padding: 3px 2px; vertical-align: middle;} table.cart2 td input {width: 50px; text-align: center;} table.cart2 tr {background: url(../img/site/subCartDownBg.gif) repeat-x bottom;} table.cart2 tr.sum {background: none;} table.cart2 tr.sum td {padding: 6px;} table.cart2 td input.w1 {width: 50px; text-align: left;} table.cart2 td input.w2 {width: 60px; text-align: left;} table.cart2 td input.w3 {width: 140px; text-align: left;} table.cart2 td input.w4 {width: 200px; text-align: left;} table.cart2 td input.w5 {width: 450px; text-align: left;} .cartPadding {margin: 0 20px;} #productAddToCart { position: fixed; right: 0; top: -300px; width: 211px; padding-bottom: 10px; background: url('../img/site/infoWindowBg.png') bottom no-repeat; z-index: 100; display:none;} #productAddToCart p {background: #f4e8ce; padding: 6px 10px 0 10px; height: 14px; font-size: 10px; margin: 0; font-weight: bold; text-align: center;} ul.navBtns {margin: 15px 20px; padding: 0; float:right;} ul.navBtns li {display: inline;} div.button { background: url('../img/site/buttonBg.jpg') no-repeat; } /*div.button a { width: 70px; height: 24px; text-align: center; margin: 5px 0 0; text-align: center; display: block; vertical-align: middle; line-height: 22px; font-family: Tahoma; font-size: 11px; color: #992A00; }*/ form input.quantity {margin: 3px 0; width: 60px; float: left; text-align: right;}