body { padding: 0; background: #fff; color: #000; font-size: 12px; }
* { margin: 0; padding: 0; font-family: Verdana, Tahoma, sans-serif; text-align: left; border: 0; }

#top { background: #fff url(../img/tlo.gif) repeat-x; }
#topOver { width: 983px; height: 30px; margin: 0 auto; background: #FFF url(../img/top_tlo.gif) no-repeat; }
#topOver { width: 983px; height: 30px; margin: 0 auto; background: #FFF url(../img/top_tlo.gif) no-repeat; }
#topOver a { display: inline; float: right; margin: 5px 10px 0 20px; font-size: 11px; font-weight: normal; text-decoration: none; color: #fff; }
#topOver a:hover { text-decoration: underline; }
#topLogos { width: 981px; height: 70px; margin: 0 auto; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; }
#topNissan { display: inline; float: left; margin: 10px 0 0 30px; }
#topDagon { display: inline; float: right; margin: 15px 30px 0 0; font-size: 9px; }
#topDagon a { font-size: 18px; text-decoration: none; }

#main { clear: both; width: 981px; margin: 0 auto; padding: 1px 0; border-left: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; }
#banner { list-style: none outside none; clear: both; height: 393px; padding: 0; margin: -1px 0 0 0; border-bottom: 1px solid #b5b5b5; overflow: hidden; }
#hpText { clear: both; margin-top: 10px; padding-left: 10px; overflow: hidden; background: url(../img/hptext_bg.gif) repeat-y; }
#hpText .column { position: relative; display: inline; float: left; width: 305px; padding: 0 10px; margin: 0; }
#hpText .first { margin: 0 0 0 2px; padding: 0 10px 0 0;  background: none; }
#hpText .column p { font-size: 12px; font-weight: normal; text-decoration: none; }
#hpText .header { margin: 0 0 5px 0; }
#hpText .header a { position: absolute; top: 0; left: 0; display: block; width: 295px; margin: 0 10px; padding: 43px 0 15px 10px; font-size: 14px; font-weight: bold; text-decoration: none; color: #D34044; }
#hpText .first .header a { margin-left: 0; }
#hpText .more { text-align: right; }
#hpText .more a { text-decoration: none; }

/* DROPPY MENU */
/* Basic code - don't modify */
#menu { display: block; margin: 0; padding: 0; position: relative; z-index: 10; }
#menu li { display: block; list-style: none; width: 163px; height: 22px; margin: 0; padding: 0; float: left; position: relative; z-index: 10; }
#menu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #menu ul { line-height: 0; } /* IE6 "fix" */
#menu ul a { zoom: 1; } /* IE6/7 fix */
#menu ul li { float: left; width: 163px; height: auto; background: #FFF; }
#menu li.last ul { width: 166px; }
#menu li.last ul li { width: 166px; }
#menu li.last ul li a { width: 155px; }
/* Essentials - configure this */
#menu ul { width: 163px; }
/* Everything else is theming */
#menu { width: 981px; height: 22px; margin: 0 auto; border: 1px solid #b5b5b5; }
#menu *:hover, #menu .hover { color: #fff; background: #666 url(../img/menu_tlo_hover.gif); }
#menu li { background: url(../img/menu_kropki.gif) repeat-y; }
#menu li.first { background: none; }
#menu li.last { width: 166px; }
#menu li.last a { width: 155px; }
#menu a { display: block; width: 152px; margin: 0 0 0 1px; padding: 5px 0 5px 10px; line-height: 1; font-family: Verdana, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; background: url(../img/menu_tlo.gif) repeat-x; }
#menu ul a, #menu li.first a { width: 153px; margin: 0;  }
#menu a.current { width: 153px; margin: 0; background: url(../img/menu_tlo_current.gif) repeat-x; color: #FFF; }
#menu a.current:hover { color: #FFF; }
#menu li.last a.current { width: 156px; }
#menu ul { top: 22px; border-top: 1px solid #bbb; }
#menu ul a { font-size: 11px; width: 151px; border: 1px solid #b5b5b5; border-top: 0; }
#menu ul a { border-top: none; } /*- I also needed this for IE6/7 */

#bottomBg { clear: both; height: 47px; margin: 0; padding: 8px 0 0 0; background: #b5b5b5 url(../img/bottom_bg.gif) repeat-x; border-bottom: 1px solid #B5B5B5; }
#bottom { width: 960px; margin: 0 auto; color: #777; font-size: 11px; text-align: center; }
#bottomLeft { float: left; width: 400px; }
#bottomLeft a { text-decoration: none; color: #777; font-weight: normal; }
#bottomLeft a:hover { text-decoration: underline; }
#bottomRight { float: right; width: 400px; padding-top: 14px; text-align: right;}

#productsCategories { list-style: none outside none; margin: 0 10px; padding: 10px 0 30px 0; }
#productsCategories li { position: relative; z-index: 1; clear: both; height: 115px; }
#productsCategories li a { display: block; float: left; width: 940px; margin: 87px 0 0 0; padding: 3px 0 3px 8px; font-size: 16px; text-decoration: none; border-left: 8px solid #b5b5b5; border-bottom: 3px solid #b5b5b5; }
#productsCategories li a img { position: absolute; top: 0px; right: 0px; }
#productsCategories li a:hover { text-decoration: none; color: #BD3629; border-left: 8px solid #BD3629; border-bottom: 3px solid #BD3629; }
#productsCategories li img { float: right; }

#productsList { display: inline; float: left; list-style: none outside none; margin: 0 10px; padding: 0 0 10px 0; }
#productsList li { position: relative; z-index: 1; display: inline; float: left; width: 300px; height: 250px; margin: 9px; border: 1px solid #b5b5b5; }
#productsList li a { display: inline; float: left; width: 300px; height: 250px; margin: 0; padding: 0; font-size: 12px; text-align: center; text-decoration: none; }
#productsList li a span { display: block; position: absolute; bottom: 0; left: 0; width: 290px; height: 30px; padding: 5px 5px; font-weight: normal; background: #b5b5b5 url(../img/products_bg.gif) repeat-x; cursor: pointer; }
#productsList li a:hover span { color: #000; background: #b5b5b5 url(../img/products_bg_hover.gif) repeat-x; }
/* #productsList li a:hover { text-decoration: none; color: #FFF; } */

#product { display: inline; float: left; padding: 0 10px 10px 10px; }
#productImage { display: inline; float: left; width: 400px; }
#productImageMain { width: 400px; height: 268px; padding: 10px 0 0 0; border: 1px solid #b5b5b5; text-align: center; }
#productImageGallery { width: 400px; margin-top: 5px; border: 1px solid #b5b5b5; }
#productImageGallery ul { list-style: none outside none; }
#productDesc { display: inline; float: left; width: 540px; padding: 0 0 20px 10px; }
#productDesc p { line-height: 16px; }
#productDesc ul li { line-height: 16px; }
#productLinks { position: absolute; bottom: 0; right: 0; }
#productLinks a { display: inline; float: left; width: 260px; height: 20px; margin: 0 0 0 12px; padding: 5px 0 0 0; text-align: center; background: #CCC; border: 1px solid #B5B5B5; }
#productTables { clear: both; padding: 20px 0 0 0; }
#productTables table { float: left; width: 400px; margin: 0 0 0 21px; padding: 0; }
#productTables table caption { padding: 3px 0; margin: 0 2px; font-weight: bold; text-align: center; font-size: 12px; background: #555 url(../img/th_bg.gif) repeat-x; color: #FFF; }
#productTables table.first { width: 530px; margin: 0; }
#productTables table th { padding: 2px 4px; background: #999; }
#productTables table td { padding: 2px 4px; background: #ccc url(../img/bottom_bg.gif) repeat-x bottom; }

#productUsedList { width: 730px; border: 1px solid #888; }
#productUsedList td, #productUsedList th { padding: 5px; border-top: 1px solid #888; border-right: 1px dashed #888; }
#productUsedList th { background: url(../img/th_bg.gif) repeat-x; color: #FFF; border-top: 0; }
#productUsedList td.more { border-right: 0; }

#productUsedItem { float: left; width: 300px; border: 1px solid #888; }
#productUsedItem td, #productUsedItem th { padding: 5px; border-top: 1px solid #888; border-right: 1px dashed #888; }
#productUsedItem th { width: 160px; font-weight: bold; }
#productUsedItem th.opis { width: auto; border-right: 0; }
#productUsedItem td { border-right: 0; }
#productUsedItem td.opis { width: auto; border-top: 0; }
#productUsedItemImg { float: left; width: 400px; }

#article { display: inline; float: left; width: 738px; padding: 0 10px 20px 10px; }
#article .item { clear: both; }
#article p { line-height: 16px; }
#article ul { display: table; }
#article img { margin: 0 10px; }
#article img.left { float: left; margin: 0 10px 0 0; }
#article img.right { float: right; margin: 0 0 0 10px; }
.mainArticle { background: url(../img/right_col_bg.gif) repeat-y right; }

#form { width: 400px; margin: 20px auto; text-align: center; }
#form fieldset { margin: 0; padding: 0 }
#form p { text-align: center; }
#form h1 { margin: 20px 0 0 0; text-align: center; }
#form label { display: block; padding: 10px 0 5px 0; }
#form label.error { padding: 0; color: #D34044; }
#form .inputText, #form textarea, #form .inputButton { width: 400px; padding: 3px; background: #DFDFDF; border-top: 1px solid #E0E0E0; border-left: 1px solid #DDD; border-right: 1px solid #888; border-bottom: 1px solid #555; }
#form .inputButton { width: 100px; margin: 10px 150px; background: #333; color: #FFF; text-align: center; }

#rightColumn { display: inline; float: left; width: 203px; padding: 10px; font-size: 11px; color: #333; }
#rightColumn img { border-top: 1px solid #EEE; border-left: 1px solid #DDD; border-right: 1px solid #888; border-bottom: 1px solid #555; }
#rightColumn .item { position: relative; display: inline; float: left; width: 200px; margin: 0; padding: 0 0 15px 0; }
#rightColumn .column p { font-size: 11px; font-weight: normal; text-decoration: none; }
#rightColumn .header { margin: 0 0 5px 0; }
#rightColumn .header a { position: absolute; top: 0; left: 0; display: block; width: 200px; margin: 0 10px; padding: 27px 0 15px 0; font-size: 12px; font-weight: bold; text-decoration: none; color: #D34044; }
#rightColumn .first .header a { margin-left: 0; }
#rightColumn .more { text-align: right; }
#rightColumn .more a { text-decoration: none; color: #555; }

#map { width: 700px; height: 500px; overflow: hidden; margin: 0 0 20px 0; }

#sitemap { display: inline; float: left; width: 718px; padding: 20px 10px 20px 30px; }
#sitemap li { margin-bottom: 3px; }
#sitemap li a { font-size: 14px; font-weight: bold; text-decoration: none; }
#sitemap li ul { margin-top: 3px; }
#sitemap li ul li a { font-weight: normal; }
#sitemap li a:hover { text-decoration: underline; }

h1 { font-size: 18px; margin: 20px 0 10px 0; font-weight: bold; color: #D34044; }
h2 { font-size: 14px; margin: 15px 0 5px 0; font-weight: bold; }
h3 { font-size: 12px; margin: 10px 0 5px 0; font-weight: bold; }
h1.mainTitle { font-size: 16px; font-weight: bold; margin: 10px; padding: 3px 0 3px 8px; font-size: 16px; border-left: 8px solid #b5b5b5; border-bottom: 3px solid #b5b5b5; }
p { margin-bottom: 10px; }
a { text-decoration: underline; font-weight: bold;  color: #000; }
a:hover { color: #BD3629; }
a.back { display: block; clear: both; width: 65px; margin: 10px; padding: 2px 8px 4px 4px; text-decoration: none; color: #555; border-right: 8px solid #b5b5b5; border-bottom: 3px solid #b5b5b5; }
a.back:hover { text-decoration: none; color: #BD3629; border-right: 8px solid #BD3629; border-bottom: 3px solid #BD3629; }
a.more { display: block; clear: both; float: right; width: 65px; margin: 0px; padding: 2px 4px 4px 8px; text-decoration: none; color: #555; border-left: 8px solid #b5b5b5; border-bottom: 3px solid #b5b5b5; }
a.more:hover { text-decoration: none; color: #BD3629; border-left: 8px solid #BD3629; border-bottom: 3px solid #BD3629; }
ul { list-style: square outside none; padding: 0 0 10px 15px;  }
ol { margin: 0 0 0 25px; padding: 0; }
.key { margin: 6px; }
.center { text-align: center; }

/* JCAROUSEL */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; width: 90px; height: 90px; padding: 0; background: none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.jcarousel-skin-box .jcarousel-container { background: #FFF; }
.jcarousel-skin-box .jcarousel-container-horizontal, ul.jcarousel-skin-box { width: 360px; padding: 5px 20px; }
.jcarousel-skin-box .jcarousel-clip-horizontal, ul.jcarousel-skin-box { width: 358px; height: 70px; overflow: hidden; }
.jcarousel-skin-box .jcarousel-item { width: 110px; height: 70px; margin: 0 5px; text-align: center; line-height: 13px; }
.jcarousel-skin-box .jcarousel-item a { font-size: 10px; font-weight: normal; color: #333; }
.jcarousel-skin-box .jcarousel-next-horizontal { position: absolute; top: 25px; right: 2px; width: 16px; height: 27px; cursor: pointer; background: transparent url(../img/button_next.gif) no-repeat 0 0; }
.jcarousel-skin-box .jcarousel-prev-horizontal { position: absolute; top: 25px; left: 2px; width: 16px; height: 27px; cursor: pointer; background: transparent url(../img/button_prev.gif) no-repeat 0 0; }
.jcarousel-skin-box .jcarousel-next-disabled-horizontal, .jcarousel-skin-box .jcarousel-prev-disabled-horizontal  { cursor: default; background: none; }