@charset "utf-8";
html {}
body {font: 12px Arial, Helvetica, sans-serif; color: #000000;}

a {color: #0d387f; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}

img {border: 0px; display: block;}
form {margin: 0; padding: 0;}
input {outline: none;}
button, input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.clearer {clear: both;}

.formbutton {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton.gif) repeat-x bottom center; color: #333; width: auto}
.formbutton_hover {border: 1px solid #C6C6C6; height: 23px; padding: 1px 4px 2px 4px; background: url(../img/button/formbutton_hover.gif) repeat-x top center}

/* Page */

#page {width: 944px; margin: 0 auto; background: url('../img/2011/page-bg.gif') repeat-y;}
.page_bottom {width: 100%; padding: 0 0 10px 0; background: url('../img/2011/page-bottom.gif') bottom left no-repeat;}

/* Main */

#main {width: 100%;}

/* Header */

#header {width: 100%; height: 144px; overflow: hidden; background: url('../img/2011/header-bg.jpg') no-repeat; position: relative;}
#header .logo {float: left; margin: 18px 0 0 28px;}

/* Header > Attributes */

#attributes {float: right; width: 600px; overflow: hidden; margin: 23px 22px 0 0; display: inline;}
#attributes ul {list-style: none; margin: 0; padding: 0;}
#attributes ul  li {float: right; height: 25px;}
#attributes ul  li a {color: #b3b3b3;}
#attributes ul  li.search {border: 1px #000 solid; margin: 0 0 0 11px;}
#attributes ul  li.search a {float: left;}
#attributes ul  li.search input {float: left; width: 139px; padding: 5px 6px 4px 8px; margin: 0; border: 0px; font: 14px Arial, Helvetica, sans-serif; color: #606060; background: url('../img/header/search_bg.gif') repeat-x;}
#attributes ul  li.lang a {float: left; margin: 7px 9px 0 0;}
#attributes ul  li.lang a:hover, #attributes ul  li.newsletter a:hover {color: #ffeb00; text-decoration: none;}
#attributes ul  li.lang a.active {color: #ffeb00;}
#attributes ul  li.newsletter a {float: left; margin: 7px 2px 0 0;}
#attributes ul  li.newsletter a.active {color: #ffeb00;}
#attributes ul  li.separator {width: 1px; overflow: hidden; margin: 0 15px 0 15px; background-color: #5d5d5d;}
#attributes ul  li.separator2 {color: #b3b3b3; padding: 0 5px; line-height: 26px;}

#h_links {float: left; width: 370px; height: 47px; margin: 10px 0 0 156px;}
#h_links .h_rehvid {float: left; height: 47px; padding: 0 13px 0 0; background: url('../img/h_rehvid.png') no-repeat;}
#h_links .h_rehvid a {float: left; margin: 12px 0 0 58px; font-size: 22px; color: #fff;}
#h_links .h_rehvid a:hover {color: #ffeb00; text-decoration: none;}
#h_links .h_autoservis {float: left; height: 38px; margin: 3px 0 0 0; background: url('../img/h_autoservis.png') no-repeat;}
#h_links .h_autoservis a {float: left; margin: 9px 0 0 68px; font-size: 22px; color: #fff;}
#h_links .h_autoservis a:hover {color: #ffeb00; text-decoration: none;}
		
/* Header > Topmenu */

.topmenu {clear: both; width: 780px; position: absolute; bottom: 0px; left: 22px;}
.topmenu .inline {width: 100%; height: 40px; overflow: hidden;}
.topmenu ul {list-style: none; margin: 0; padding: 0;}
.topmenu ul li {float: left; height: 40px; margin: 0; padding: 0; display: inline; cursor: hand;}
.topmenu ul li a {float: left; display: block; height: 40px; line-height: 42px; padding: 0px 7px 0px 5px; color: #ffffff; font-weight: bold; background: url('../img/topmenu/bg.png') no-repeat; cursor: hand; outline: none;}
.topmenu ul li span {float: left; width: 17px; height: 40px; background: url('../img/topmenu/right.png') no-repeat;}
.topmenu ul li.active, .topmenu ul li.last-active {margin: 0 0 0 -10px; padding: 0 0 0 10px; background: url('../img/topmenu/left_a.png') no-repeat;}
.topmenu ul li.active a, .topmenu ul li.first-active a, .topmenu ul li.last-active a {color: #0d387f; background: url('../img/topmenu/bg_a.png') no-repeat; text-decoration: none;}
.topmenu ul li.active span, .topmenu ul li.first-active span {background: url('../img/topmenu/right_a.png') no-repeat;}
.topmenu ul li.first {padding: 0 0 0 10px; background: url('../img/topmenu/left.png') no-repeat;}
.topmenu ul li.first-active {margin: 0; padding: 0 0 0 10px; background: url('../img/topmenu/left_a.png') no-repeat;}
.topmenu ul li.last span {background: url('../img/topmenu/right_last.png') no-repeat;}
.topmenu ul li.last-active span {background: url('../img/topmenu/right_last_a.png') no-repeat;}
.topmenu ul li a:hover {color: #ffeb00; text-decoration: none;}
.topmenu ul li.active a:hover, .topmenu ul li.first-active a:hover, .topmenu ul li.last-active a:hover {color: #0d387f; text-decoration: none;}

/* Frontpage */

#frontpage {width: 100%;}

/* Frontpage > Top content */

#frontpage .top-content {width: 952px; height: 250px; margin: 0 0 0 -5px; position: relative; border-left: 1px #dfdfdf solid; border-right: 1px #dfdfdf solid; border-bottom: 1px #dfdfdf solid; background: url('../img/2011/front-top-content-bg.jpg') no-repeat;}
#frontpage .top-content h2 {font-size: 18px; font-weight: normal; color: #464646; margin: 0; padding: 0 0 10px 0;}
#frontpage .top-content .col-1 {width: 150px; padding: 0 20px 0 28px;}
#frontpage .top-content .col-2 {width: 175px; padding: 0 25px 0 40px;}
#frontpage .top-content .col-3 {width: 163px; padding: 0 30px 0 35px;}
#frontpage .top-content .col-4 {width: 236px; padding: 0 20px 0 30px;}
#frontpage .top-content .col {float: left; padding-top: 23px;}
#frontpage .top-content .col ul {list-style: none; margin: 0; padding: 0;}
#frontpage .top-content .col-1 ul {margin-left: 5px;}
#frontpage .top-content .col-4 ul {margin-left: 2px;}
#frontpage .top-content .col ul li {display: inline;}
#frontpage .top-content .col ul li a {display: block; padding: 6px 0 5px 16px; text-decoration: underline; background: url('../img/2011/arrow.gif') no-repeat 0 10px;}
#frontpage .top-content .col ul.contact li a {padding: 3px 0 3px 16px; background: url('../img/2011/arrow.gif') no-repeat 0 8px;}
#frontpage .top-content .col ul li a:hover {text-decoration: none;}
#frontpage .top-content .col-2 .scroll {height: 160px; overflow: auto;}
#frontpage .top-content .col select {width: 100%; padding: 2px; margin: 0 0 6px 0; border: 1px #969696 solid;}

/* Frontpage > Center content */

#frontpage .center-content {height: 210px; overflow: hidden; margin: 0 2px; padding: 20px 20px 0 20px; background: url('../img/2011/front-center-content-bg.jpg') no-repeat;}
#frontpage .center-content .box {float: left;}
#frontpage .center-content .box h2 {font-size: 22px; color: #ffeb00; font-weight: normal; margin: 0; padding: 0 0 10px 0;}

#frontpage .center-content .discount {width: 319px;}
#frontpage .center-content .discount table {background-color: #e0e8f5; border: 1px #e0e8f5 solid;}
#frontpage .center-content .discount table th {padding: 1px 0 5px 0;}
#frontpage .center-content .discount table td {text-align: center; padding: 4px 0;}
#frontpage .center-content .discount table td.red {color: #ee3647; font-weight: bold;}
#frontpage .center-content .discount table th.left {text-align: left; padding: 1px 0 5px 12px;}
#frontpage .center-content .discount table td.left {text-align: left; padding: 4px 12px 4px 12px; width: 1%; white-space: nowrap;}
#frontpage .center-content .discount table tr.row_white td {background-color: #ffffff;}

#frontpage .center-content .news {width: 250px; margin: 0 0 0 45px; display: inline;}
#frontpage .center-content .news ul {list-style: none; margin: 0; padding: 0;}
#frontpage .center-content .news ul li {display: inline;}
#frontpage .center-content .news ul li a {display: block; margin: 0 0 17px 0; padding: 0 0 0 20px; color: #fff; font-weight: bold; background: url('../img/2011/arrow2.gif') no-repeat 0 4px;}

#frontpage .center-content .adv {float: right;}

/* Frontpage > Bottom content */

#frontpage .bottom-content {height: 306px; overflow: hidden; margin: 0 2px; padding: 11px 0 0 12px; background: url('../img/2011/front-bottom-content-bg.jpg') no-repeat;}
#frontpage .bottom-content a, 
#frontpage .bottom-content img {display: block; float: left;}
#frontpage .bottom-content h2 {margin: 0 0 10px 0; text-indent: 10px; font-size: 22px; font-weight: normal; color: #0D387F}
#frontpage .bottom-content .column {float: left}
#frontpage .bottom-content .first_c {width: 443px;}
#frontpage .bottom-content .second_c {width: 247px;}
#frontpage .bottom-content .third_c {width: 220px;}
#frontpage .bottom-content .heading {text-indent: 10px}
#frontpage .bottom-content .heading h3 {margin: 0 0 6px 0; padding: 0; font-size: 16px; color: #464646}
#frontpage .bottom-content .item {float: left; width: 196px; height:56px}
#frontpage .bottom-content .third_c .item {width: 206px;}
#frontpage .bottom-content .item a {display: block; width: 174px; padding: 5px 10px; overflow: hidden; font-size: 14px; color: #373737;}
#frontpage .bottom-content .item.txt-small a {font-size: 13px; line-height: 15px;}
#frontpage .bottom-content .third_c .item a {width: 184px;}
#frontpage .bottom-content .item a img {float: left; margin: 0 10px 0 0}
#frontpage .bottom-content .item a:hover {background: #DCDCDC; text-decoration: none}

/* Bottom_banner */

.bottom_banner {overflow: hidden; padding: 0 0 0 12px;}
.bottom_banner div {float: left; margin: 0 10px 0 0;}

/* Content */

#content {overflow: hidden; margin: 15px 2px 10px 2px; background: url(../img/content/left_bg.gif) repeat-y}
#content .inline {width: 100%; overflow: hidden; background: url(../img/content/left_bottom.gif) bottom left no-repeat}

/* Content > Left_side */

#left_side {float: left; width: 199px; overflow: hidden; padding: 0 0 30px 0; min-height: 530px; height:auto !important; height: 530px;}
#left_side h2 {width: 100%; overflow: hidden; margin: 0 0 14px 0; padding: 0; font-size: 14px; color: #4f4f4f; border-bottom: 3px #b7c5dd solid; background: url('../img/content/h1_bg.gif') repeat-y;}
#left_side h2 div {width: 170px; overflow: hidden; padding: 14px 10px 11px 19px; background: url('../img/content/h1_top.gif') no-repeat;}

#left_side ul {list-style: none; width: 180px; margin: 0 0 0 9px; padding: 0;}
#left_side li.level2, #left_side li.level2-active {float: left; width: 100%; margin: 0 0 1px 0; padding: 0; background: url('../img/left_side/a_bg.gif') repeat-y;}
#left_side li.level2 a {display: block; background: url('../img/left_side/a_top.gif') no-repeat;}
#left_side li.level2 a:hover {display: block; background: url('../img/left_side/a_top_a.gif') no-repeat; text-decoration: none;}
#left_side li.level2-active a {display: block; font-weight: bold; background: url('../img/left_side/a_top_a.gif') no-repeat;}
#left_side li.level2 a span, #left_side li.level2-active a span {display: block; padding: 7px 25px 7px 26px; background: url('../img/left_side/a_bottom.gif') bottom left no-repeat;}
#left_side li.level3, #left_side li.level3-active {float: left; width: 100%; margin: 0; padding: 0;}
#left_side li.level3 a {display: block; padding: 2px 10px 2px 35px;}
#left_side li.level3-active a {display: block; padding: 2px 10px 2px 35px; font-weight: bold;}
#left_side li.level3-active a:hover {text-decoration: none;}

/* Content > Text_box */

#title {width: 100%; overflow: hidden; margin: 0 0 23px 0; border-bottom: 3px #c3d4ed solid;}
#title h1 {float: left; width: 83%; font-size: 22px; color: #0d387f; font-weight: normal; margin: 0; padding: 0 0 17px 0;}
#title .attributes {float: right;}
#title .attributes .print {float: right; margin: 10px 8px 0 12px;}
#title .attributes .back {float: right; margin: 8px 0 0 0;}

#content .text_box {float: left; width: 707px; overflow: hidden; padding: 0 0 0 20px;}
#content .text_box .inline {line-height: 16px; background: none;}
#content .text_box .inline p {margin: 0; padding: 0 0 10px 0;}
#content .text_box h2 {margin: 0; padding: 0 0 15px 0;}

/* Spidometer */

.spido_check .tabel1 th {text-align: left; background-color: #e2eaf6; padding: 8px 0 5px 10px;}
.spido_check .tabel1 td {text-align: center; padding: 5px 0; background-color: #f1f7ff;}

/**** OTSING ****/
#otsing {width: 100%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #393939;}
#otsing2 {width: 100%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #393939;}
#otsing select, #otsing input, #otsing form, #otsing dl, #otsing dd, #otsing dt {margin: 0; padding: 0;}
#otsing select, #otsing input, #otsing textarea {font:99% arial,sans-serif;}
#otsing img, #otsing2 img {display: block; border: 0;}
#otsing a, #otsing2 a {color: #0d387f; text-decoration: none;}
#otsing a:hover, #otsing2 a:hover {color: #0d387f; text-decoration: underline;}

#otsing #menu {overflow: hidden; height: 39px; margin: 0 0 15px 0;}
#otsing #menu dd {float: left; display: block;}

#otsing #menu .left {background: url('../img/otsing/menu_left.gif') no-repeat;}
#otsing #menu .left_active {background: url('../img/otsing/menu_left_active.gif') no-repeat;}
#otsing #menu .left a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; margin: 0 0 0 4px; background: url('../img/otsing/menu_bg.gif') repeat-x; text-decoration: none;}
#otsing #menu .left_active a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; margin: 0 0 0 4px; background: url('../img/otsing/menu_bg_active.gif') repeat-x; text-decoration: none;}

#otsing #menu .center a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; background: url('../img/otsing/menu_bg.gif') repeat-x; text-decoration: none;}
#otsing #menu .center_active a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; background: url('../img/otsing/menu_bg_active.gif') repeat-x; text-decoration: none;}

#otsing #menu .right {background: url('../img/otsing/menu_right.gif') top right no-repeat;}
#otsing #menu .right_active {background: url('../img/otsing/menu_right_active.gif') top right no-repeat;}
#otsing #menu .right a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; margin: 0 4px 0 0; background: url('../img/otsing/menu_bg.gif') repeat-x; text-decoration: none;}
#otsing #menu .right_active a {width: 166px; height: 39px; line-height: 32px; font-size: 13px; font-weight: bold; color: #ffffff; text-align: center; display: block; margin: 0 4px 0 0; background: url('../img/otsing/menu_bg_active.gif') repeat-x; text-decoration: none;}

#otsing #menu a:hover {color: #ffffff; text-decoration: none;}

#searchbox {margin: 0 0 15px 0; width: 565px; height: 80px; overflow: hidden;}
#searchbox .corner {float: left; width: 4px; height: 80px; overflow: hidden;}
#searchbox .bg_content {float: left; width: 557px; height: 80px; overflow: hidden; color: #292929; background: url('../img/otsing/searchbox_bg.gif') repeat-x;}
#searchbox dt, #searchbox dd {float: left;}
#searchbox dt {font-weight: bold;}
#searchbox dl.top, #searchbox dl.bottom {margin: 10px 0 0 0; overflow: hidden; width: 100%;}
#searchbox dl.top dt, #searchbox dl.bottom dt {display: inline; margin: 2px 6px 0 10px; line-height: 20px;}
#searchbox dl.top dd, #searchbox dl.bottom dd {display: inline; margin: 2px 5px 0 0;}
#searchbox select {font-size: 11px; color: #666666; height: 20px;}
#searchbox dl.top select {width: 195px;}
#searchbox dl.bottom select {width: 70px;}
#searchbox dl.bottom dd.button {float: left; display: inline; background: url('../img/otsing/button_right.gif') top right no-repeat;}
*html #searchbox dl.bottom dd.button {float: left; display: inline; margin: 0 0 0 10px; background: url('../img/otsing/button_right.gif') top right no-repeat;}
#searchbox dl.bottom dd.button .search {height: 22px; width: 45px; color: #fff; font-weight: bold; line-height: 22px; padding: 0 0 2px 2px; border: 0; margin: 0 2px 0 0; background: url('../img/otsing/button_bg.gif') no-repeat; cursor: pointer;}



#toll {margin: 0 0 20px 0; width: 508px;}
#toll td {background: url('../img/otsing/box1_bg.gif') repeat-x;}
#toll .title {height: 32px; line-height: 31px; margin: 0 0 0 7px; font-size: 15px; font-weight: bold; color: #0d387f;}
#toll dl {height: 25px; overflow: hidden; margin: 4px 0 0 0;}
#toll dl dd {float: left; font-size: 15px; font-weight: bold; color: #0d387f; margin: 0 1px 0 1px; display: inline;}
#toll dl dd a {color: #0d387f; text-decoration: none; width: 36px; height: 25px; line-height: 25px; display: block; text-align: center;}
#toll dl dd a:hover {border: 1px #d8d7d1 solid; width: 34px; height: 23px; line-height: 23px; text-align: center; text-decoration: none;}
#toll dl dd a.active, #toll dl dd .active:hover {border: 1px #d8d7d1 solid; width: 36px; height: 23px; line-height: 23px; text-align: center; text-decoration: none;}

#toll2 {margin: 0 0 20px 0; width: 508px;}
#toll2 td {background: url('../img/otsing/box2_bg.gif') repeat-x;}
#toll2 .title {height: 32px; line-height: 31px; margin: 0 0 0 7px; font-size: 15px; font-weight: bold; color: #0d387f;}
#toll2 dl {height: 25px; overflow: hidden; margin: 4px 0 0 0;}
#toll2 dl dd {float: left; font-size: 15px; font-weight: bold; color: #0d387f; margin: 0 1px 0 1px; display: inline;}
#toll2 dl dd a {color: #0d387f; text-decoration: none; width: 36px; height: 25px; line-height: 25px; display: block; text-align: center;}
#toll2 dl dd a:hover {border: 1px #d8d7d1 solid; width: 34px; height: 23px; line-height: 23px; text-align: center; text-decoration: none;}
#toll2 dl dd a.active, #toll dl dd .active:hover {border: 1px #d8d7d1 solid; width: 36px; height: 23px; line-height: 23px; text-align: center; text-decoration: none;}

#otsing .box, #otsing2 .box {float: left; width:  25%; height: 150px; margin: 0 0 15px 0; text-align: center; font-weight: bold; overflow: hidden;}
#otsing .box_right, #otsing2 .box_right {float: left; width:  119px; text-align: center; font-weight: bold; overflow: hidden;}
#otsing .box img, #otsing .box_right img {border: 1px #9b9b9b solid; margin: 0 0 3px 0;}
#otsing2 .box img, #otsing2 .box_right img {border: 1px #9b9b9b solid; margin: 0 0 3px 0;}
#otsing .box a, #otsing .box_right a {color: #393939; text-decoration: none;}
#otsing2 .box a, #otsing2 .box_right a {color: #393939; text-decoration: none;}
#otsing .box a:hover, #otsing .box_right a:hover {text-decoration: underline;}
#otsing2 .box a:hover, #otsing2 .box_right a:hover {text-decoration: underline;}

#otsing .box_line, #otsing2 .box_line {width: 100%; height: 1px; float: left; overflow: hidden; margin: 10px 0 15px 0; background: url('../img/otsing/box_line.gif') repeat-x;}

#nextprev {margin: 15px 0 20px 0; float: left;}
#nextprev a {font-size: 12px; color: #0d387f; text-decoration: none; margin: 0 3px 0 3px;}
#nextprev a:hover {text-decoration: underline;}
#nextprev a.aktiv {font-weight: bold;}
#nextprev a.prev {padding: 0 0 0 25px; background: url('../img/otsing/prev.gif') no-repeat;}
#nextprev a.next {padding: 0 25px 0 0; background: url('../img/otsing/next.gif') top right no-repeat;}

#otsing .text, #otsing2 .text {line-height: 16px; overflow: hidden; width: 508px; text-align: left;}
#otsing .picborder, #otsing2 .picborder {border: 1px #9b9b9b solid; margin: 0 0 0 18px;}
#otsing .brandlogo, #otsing2 .brandlogo {margin: 0 0 15px 0;}

#otsing #tabel, #otsing2 #tabel {background-color: #cccccc; margin: 5px 0 10px 0;}
#otsing #tabel td, #otsing2 #tabel td {height: 18px; background-color: #ffffff; text-align: center;}
#otsing #tabel .topic td, #otsing2 #tabel .topic td {height: 28px; background-color: #f9f9f9; text-align: center;}
#otsing #tabel td .red, #otsing2 #tabel td .red {color: #ff0000}
#otsing .askmore, #otsing2 .askmore {font-size: 15px; font-weight: bold; color: #0d387f; line-height: 20px;}

.rehv_active .PyramidBackBlueLight {background-color: #ffeb00; color: #153b7e;}
#bodyback_sub .rehv_active td {border-bottom: 1px #dedede solid;}

/* Veljed */

#veljed {background-color: #cddee7; padding: 0px 6px 5px 6px;}
#veljed img {margin: 10px 0 6px 0;}
#veljed .name {background-color: #005aab; font: bold 13px Arial, Helvetica, sans-serif; color: #ffffff; padding: 2px 0 2px 5px;}

#veljed .text {margin: 5px 0 5px 0;}
#veljed .text td {padding: 0 0 0 0; font-size: 12px; font-weight: bold;}
#veljed .text .text2 {padding: 0 0 0 5px; font-size: 10px; font-weight: normal;}
#veljed .text .oldprice {background: url('../img/veljed/line.gif') center left repeat-x;}
#veljed .text .price {color: #ed0009;}

#hotbox a {color: Yellow;}
.hotboxtext {padding: 0 0 4px 0; color: #0d387f;}
.hotboxtext b {font-size: 14px;}
.rehvid.hover {background: #e2eaf6; cursor: pointer;}
.rehvid td {padding: 6px 10px; border-bottom: 1px solid #ececec; font-size: 12px;}
.rehvid td span.laos {color: #26b200;}
.rehvid td span.laos span {color: #000;}
.rehvid td span.tellimisel {color: #f28300;}
.rehvid td .order-link {display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; color: #fff; font-weight: bold; background: url('../img/2011/order-link.gif') repeat-x; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px #9f9f9f; -webkit-box-shadow: 0 1px 2px #9f9f9f; box-shadow: 0 1px 2px #9f9f9f; cursor: pointer;}
.rehvid td .order-link:hover {text-decoration: none;}
td.separator {padding: 30px 0 20px 0;}
td.separator div {width: 100%; height: 2px; overflow: hidden; background: #ccc;}

.red {color: #eb0000;}
.textwhite {color: white; }
.textblue {color: #000;}

.pyramidbodyback {background-color: #FFFFFF; color: #000000;}
.PyramidBodyLight {background: #FBFBFB;}
.PyramidBodyMedium {background: #F0F0F0;}
.PyramidBodyText {line-height: 16px; color: #393939;}
.PyramidBodyTextLight {font-size: 11px;}
.PyramidBodyWhite {background: #FFFFFF;}
.PyramidBackBlueLight {background: #1c4487;}
.PyramidBackYellow {background: Yellow;}
.pyramidtitletext {font-size: 13px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none;}
.PyramidSubTitle {color: #082A8B; font-size : 14px; font-weight : bold;}

.fieldspidomini {
	border : 1px solid White;
	font-family : arial;
	font-size : 11px;
	color : red;
	font-weight : bold;
	width : 25px;
}

.fieldspido {
	border : 1px solid White;
	font-family : arial;
	font-size : 11px;
	color : red;
	font-weight : bold;
}

.wifi-icon {margin: 4px 0 -11px 8px;}

/* Footer */

#footer {width: 974px; overflow: hidden; margin: 0 auto;}
#footer .text {float: left; margin: 3px 0 0 15px; font-size: 11px; color: #888888;}
#footer .okia {float: right; margin: 5px 15px 15px 0;}

.text_box_diverse {padding: 5px 10px}
.text_box_catalog {padding: 10px 6px}
.text_box_fit {width: 100%; overflow: hidden}

.news_pic_position {float: right; margin: 0 0 10px 10px; padding: 2px; border: 1px solid #D0CDC6}
.bodytextlight {color: #999; font-size: 11px}
.bodytextlight a {color: #999}

/* Ankeet */

.ankeet {border: 1px solid #CCC; background: #FAFAFA; float: left; padding: 10px}
.ankeet table td {padding: 4px}
.ankeet .title {font-size: 14px; font-weight: bold}
.ankeet .field input {border: 1px solid #CCC; width: 100%}
.ankeet .field textarea {border: 1px solid #CCC}

/* File and linklist */

.diverse_list {}
.diverse_list ul {margin: 0; padding: 0; list-style: none}
.diverse_list ul li {margin: 0; padding: 2px 0}
.diverse_list ul li img {float: left; margin: 5px 6px 0 0}

/* Sitemap */

.sitemap {}
.sitemap .row {padding: 0 0 8px 0}
.sitemap .row strong {font-size: 14px}
.sitemap .spacer {padding: 0 10px}
.sitemap .spacer img {float: left; margin: 5px 6px 0 0}

/* Search page */

.searchpage {}
.searchpage .info {text-align: right; padding: 0 0 10px 0}
.searchpage .row {padding: 0 0 12px 0; width: 100%; overflow: hidden}
.searchpage .row strong {font-size: 14px}
.searchpage .spacer {padding: 0 0 10px 0}
.searchpage .row .pic {float: left; padding: 0 10px 0 0}

/* Pagging */

.pagging {width: 100%; overflow: hidden}
.pagging .pages {float: left; font-weight: normal}
.pagging .pages ul {list-style: none; margin: 0; padding: 0}
.pagging .pages ul li {float: left; margin: 0 4px 0 0; padding: 0; border: 1px solid #d3e3ff; background: #FFF}
.pagging .pages ul li.spacer {margin: 0; padding: 0 4px 0 0; border: 0px; height: 20px; line-height: 13px; font-size: 18px; font-weight: bold; color: #5d5d5d;}
.pagging .pages ul li a {display: block; float: left; padding: 0 6px; line-height: 20px; height: 20px}
.pagging .pages ul li a:hover {background: #d3e3ff; text-decoration: none;}
.pagging .pages ul li.active {padding: 0 6px; background: #d3e3ff; line-height: 20px; height: 20px}
.pagging .pages ul li a .direction {font-size: 16px; line-height: 16px}
.pagging .pagecount {float: right; line-height: 20px}
.topbrd {border-top: 1px solid #D0CDC6; padding: 6px 0 0 0}
.bottompbrd {border-bottom: 1px solid #D0CDC6; padding: 0 0 6px 0}

/* Newsletter */

#content .newsletter {width: 100%; overflow: hidden}
.newsletter .subscribe {float: left; width: 210px; padding: 10px; background: #F5F6F3; border: 1px solid #CCC}
.newsletter .explanation {float: right; width: 668px}

/* Gallery */

.gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}
.gallery .item {float: left; width: 156px; height: 190px; padding: 5px}
.gallery .separator {float: left; width: 10px; height: 10px}
.gallery .item img {padding: 2px; border: 1px solid #D0CDC6}
.gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}
.gallery .layout {}
.gallery .layout .description {padding: 8px 0 26px 0}

/* News */

.news_list {}
.news_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden}
.news_list .row h1 {font-size: 14px; margin: 0; padding: 0 0 6px 0}
.news_list .row .pic {}
.news_list .pagging {width: 100%; overflow: hidden; padding: 15px 0 0 0}
.news_list .pagging .left {}
.news_list .pagging .right {float: right}

/* ############### CATALOG ############# */

.catalog img.intro_pic {padding: 2px; border: 1px solid #D0CDC6} 
img.catalog_img {padding: 2px; border: 1px solid #D0CDC6; float: left}

/* Catalog list */

.catalog_list {}
.catalog_list .row {padding: 0 0 10px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #E3E0DA}
.catalog_list .row img {float: left}
.catalog_list .row .pic {float: left; width: 120px; padding: 0 10px 0 0}
.catalog_list .row .text {float: left}

/* Catalog item */

.catalog_item {}
.catalog_item .gallery {padding: 10px 0 10px 0; width: 100%; overflow: hidden}
.catalog_item .gallery .item {float: left; width: 156px; height: 190px; padding: 5px}
.catalog_item .gallery .item img {padding: 2px; border: 1px solid #D0CDC6}
.catalog_item .gallery .item .description {padding: 4px 0 10px 0; height: 20px; overflow: hidden}

/* Admin */

#admin_area {position: fixed; top: 0; z-index: 3;}
*html #admin_area {position: absolute} /* IE 6 */
#admin_box {float: left; height: 27px; padding: 7px 0 7px 7px; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; background: url(../img/admin/admin_box_bg.gif) #FFF repeat-x top center}
#admin_box .links {}
#admin_box .links ul {margin: 0; padding: 0; list-style: none}
#admin_box .links ul li {padding: 0; float: left; display: inline}
#admin_box .links ul li a {display: block; float: left; height: 25px; line-height: 25px; padding: 0 5px}
#admin_box .links ul li.button {margin: 0 7px 0 0; padding: 0; float: left; display: inline}
#admin_box .links ul li.button a {border: 1px solid #CCC; color: #0B4FB0; background: #FCFCFC}
#admin_box .links ul li.button a:hover {color: #0064CB; background: #EEE; text-decoration: none}
#admin_box .links ul li.button a img, #admin_box .links ul li.stats a img {float: left; margin: 5px 5px 0 0}
#admin_box .links ul li.structure a {border-right: 1px solid #DCDCDC}
#admin_box .links ul li.stats a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}
#admin_box .links ul li.refresh a {border-right: 1px solid #DCDCDC; border-left: 1px solid #FFF}
#admin_box .links ul li.toggle a {border-left: 1px solid #FFF}
#admin_box .links ul li.refresh a img, #admin_box .links ul li.toggle a img, #admin_box .links ul li.structure a img {margin: 5px 0px 0 0}


.backbody {
	background: #FFFFFF;
}

.backlight {
	background: #F9F9F9;
}

.backmedium {
	background: #F0F0F0;
}

.backwhite {
	background: #FFFFFF;
}



#bodytable {
	border: 1px solid #E1E1E1;
}

.borderbottom {
	border-bottom: 1px solid #DCDCDC;
}

.bordertop {
	border-top: 1px solid #DCDCDC;
}

.bordercolor {
	border: 1px solid #DCDCDC;
}



.formfield {}

.formfield50 {width: 50px}

.formfield100 {width: 100px}

.formfield140 {width: 140px}

.formfield200 {width: 200px}

.formfield250 {width: 250px}

.formfield300 {width: 300px}


.menuback {
	background-color: #FFFFFF;
	width: 190px;
}

.menulevel1 {
	background-image: url(../img/menu/menu_arrow1.gif);
	background-repeat: no-repeat;
	padding: 10px 6px 10px 18px;
	display: block;
	color: #FFFFFF;
}

.menulevel2 {
	
	padding: 5px 5px 5px 5px;
	display: block;
	color: #000000;
}

.menulevel3 {
	background-image: url(../img/menu/menu_arrow3.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 18px;
	display: block;
	color: #2A2A2A;
}

.menulevel4 {
	background-image: url(../img/menu/menu_arrow4.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 28px;
	display: block;
	color: #2A2A2A;
}

.menulevel5 {
	border-bottom: 1px solid #DCDCDC;
	padding: 5px 5px 5px 36px;
	display: block;
	color: #000000;
}


.menuleveltop {
	padding-left : 5px;
	padding-right : 5px;
}

.navitheme {
	background: #C61A22;
}

.adminbutton {
	padding : 4px 6px 4px 6px;
	border : 1px solid Silver;
	border-top : 1px solid Silver;
	height: 23px;
	background-color: White;
}

.adminarea {
	border: 1px solid Silver;
	background-color: #D8D8D8;
	background-image: url(../img/back_button.gif);
	background-repeat: no-repeat;
}

.subtitle {
	color: #696969;
	font-size: 14px;
	font-weight: bold;
}

.textcomment {
	color: Red;
}

.textlang {
	color: Black;
}

.textlight {
	color: #B7B7B7;
}

.textred {
	color: #C22B2B;
}

.textsearch {
	color: #4F4F4F;
}

.tabelauto {
	width : 100%;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #E1E1E1;
}

.tabelauto td {
	border-bottom: 1px solid #E1E1E1;
	vertical-align: top;
	padding : 3px;
}

.tabelautoodd {
	background-color: #F9F9F9;
}

#ankeet {
	background-color: #F8F8F8;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: 1px solid #D9D9D9;
}

#ankeet td {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #FEFEFE;
	padding: 8px;
}

#bodytext td {
	line-height: 18px;
}

#thumb {
	height: 126px;
}

.tabel {
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	
}

.tabel td {
	border-bottom: 1px solid #DCDCDC;
	padding: 3px;
}

.tabel2 {
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 3px;
	margin : 0;
}

.tabel2 td {
	border-bottom: none;
	padding: 3px;
}



/* Search form */

#search-form {margin: -10px 0 5px -10px;}
#search-form .info {margin: 0 0 15px 10px;}

/* Search form > Tabs */

#search-form .tabs {width: 100%; height: 35px; margin: 0; padding: 0; list-style: none; position: relative;}
#search-form .tabs li {float: left;}
#search-form .tabs li a {float: left; margin: 0 -15px 0 7px; font-size: 14px; color: #0d387f; background: url('../img/2011/tabs-li-right.png') no-repeat top right; position: relative;}
#search-form .tabs li a span {float: left; height: 35px; line-height: 35px; padding: 0 30px 0 18px; background: url('../img/2011/tabs-li-left.png') no-repeat;}
#search-form .tabs li a.selected {margin-top: -4px; padding-left: 10px; color: #000; background: url('../img/2011/tabs-li-selected-left.png') no-repeat; z-index: 11;}
#search-form .tabs li a.selected span {padding-top: 4px; padding-left: 8px; background: url('../img/2011/tabs-li-selected-right.png') no-repeat top right;}
#search-form .tabs li a:hover span {text-decoration: underline;}
#search-form .tabs li a.selected:hover span {text-decoration: none;}
#search-form .tabs li.shadow {float: none; width: 100%; height: 3px; background: url('../img/2011/tabs-shadow.png') repeat-x; position: absolute; z-index: 10; bottom: 0; left: 0;}

/* Search form > Content */

#search-form .content {overflow: hidden; background: url('../img/2011/search-form-content.gif') repeat-x #ececec;}
#search-form .content h2 {font-size: 14px; font-weight: normal; margin: 0; padding: 0;}
#search-form .content .search-button {display: block; width: 148px; height: 32px; line-height: 32px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; font-weight: bold; text-align: center; border: 0; background: url('../img/2011/search-button-bg.gif') repeat-x; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #9e9e9e; -webkit-box-shadow: 0 1px 3px #9e9e9e; box-shadow: 0 1px 3px #9e9e9e;}

#search-form .tab-1-content {padding: 5px 0 3px 10px;}
#search-form .tab-1-content .col {height: 192px;}
#search-form .tab-1-content .search-button {margin: 18px 0 0 0;}
#search-form .tab-1-content h2 {padding: 18px 0 10px 0;}
#search-form .tab-1-content ul {margin: 0; padding: 0; list-style: none;}
#search-form .tab-1-content ul li {display: inline;}
#search-form .tab-1-content ul li a {display: block; padding: 3px 5px;}
#search-form .tab-1-content ul li a.selected {background: #d3d3d3;}
#search-form .tab-1-content select {width: 100%; border: 0; background: none; outline: none;}
#search-form .tab-1-content select option {padding: 1px 4px;}

#search-form .tab-1-content .col1 {float: left; width: 130px; padding: 0 15px 0 13px;}
#search-form .tab-1-content .col2 {float: left; width: 80px; padding: 0 15px; background: url('../img/2011/search-shadow.png') no-repeat;}
#search-form .tab-1-content .col3 {float: left; width: 100px; padding: 0 15px; background: url('../img/2011/search-shadow.png') no-repeat;}
#search-form .tab-1-content .col4 {float: left; width: 100px; padding: 0 15px; background: url('../img/2011/search-shadow.png') no-repeat;}
#search-form .tab-1-content .col5 {float: left; width: 148px; height: 179px; padding: 13px 0 0 18px; background: url('../img/2011/search-shadow.png') no-repeat;}

#search-form .tab-2-content {padding: 15px;}
#search-form .tab-2-content h2 {padding: 0 0 5px 0;}
#search-form .tab-2-content select {width: 100%; padding: 2px; border: 1px #ccc solid; outline: none;}
#search-form .tab-2-content .search-button {margin: 16px 0 0 0;}
#search-form .tab-2-content .col {float: left; width: 162px; margin: 0; padding: 0 15px 0 0;}
#search-form .tab-2-content .col4 {width: 148px; padding: 0;}

/* Order tyre */

#order-tyre {}
#order-tyre h2 {font-size: 20px; font-weight: normal; margin: 0; padding: 10px 0 12px 0;}
#order-tyre td {padding: 5px;}
#order-tyre input {width: 150px; margin: 0; padding: 4px; border: 1px #ccc solid;}
#order-tyre select {width: 160px; margin: 0; padding: 2px; border: 1px #ccc solid;}
#order-tyre .FormButton {width: auto; padding: 4px 10px; font-size: 13px; color: #fff; font-weight: bold; border: 0; background: #194286; cursor: pointer;}

/* => Banner slider */
/* ------------------------------------------------------------------- */
#banner-slider ul, #banner-slider ol {
	margin: 0;
	padding:0;
	list-style-type: none;
}
#banner-slider {
	clear: both;
	position: relative;
	left: 2px;
	width: 940px;
	margin: 18px 0;
	background-color: #0c3d7d;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
#banner-slider .viewport, #banner-slider .viewport li {
	position: relative;
	width: 938px;
	height: 270px;
	overflow: hidden;
	z-index: 0;
}
#banner-slider .viewport li, #banner-slider .pager li, #banner-slider .pager a {
	float: left;
}
#banner-slider .overview {
	position:absolute
}
#banner-slider .buttons {
	position: absolute;
	top: 0;
	width: 50px;
	height: 270px;
	background: url('../img/arrows01.png') no-repeat;
	text-indent: -999px;
	overflow: hidden;
	z-index: 5;
}
#banner-slider .buttons.prev {
	left: 0;
	background-position: 15px 50%;
}
#banner-slider .buttons.next {
	right: 0;
	background-position: -180px 50%;
}
#banner-slider .buttons.disable {
	visibility: hidden;
}
#banner-slider .slider-nav {
	padding: 8px 0;
	border-top: 1px solid #496e9e;
	background-color: #0c3d7d;
	text-align: center;
}
#banner-slider .pager {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
}
#banner-slider .pager li {
	margin-right: 12px;
}
#banner-slider .pager a {
	width: 9px;
	height: 9px;
	background-color: #4170ae;
	text-indent: -999px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent: -999px;
}
#banner-slider .pager a:hover {
	background-color: #5b9df4;
}
#banner-slider .pager .active, #banner-slider .pager .active:hover {
	background-color: #fefefe;
}
#facebook_app {
	padding: 12px 0 0 12px;
}