body {margin: 0; padding: 0; text-align: center; background-color: #0A0A0A; font-family: Arial, sans-serif; font-size: 70%; color: #FFFFFF}
a {color: #EA641E}
li {list-style-type: none}
h4 {background-color: #141414; border-bottom: 2px solid #464646; text-transform: uppercase; padding: 5px 15px; margin-bottom: 0; font-weight: normal; font-size: 100%}
h2 {font-size: 350%; text-transform: uppercase}
h2 span {font-size: 80%}
h3 {font-size: 110%; margin: 10px 0}
ul {padding: 0; margin: 0 0 15px 0}
ul.ul-white li {color: #FFFFFF; padding-left: 15px}
li {margin-bottom: 5px}
ul.ul-orange li {color: #EA641E}
a img {border: 1px solid #000000}
a:hover img {border: 1px solid #EA641E}
label, input {vertical-align: middle}
.clasic-form {margin: 40px 0}
.clasic-form label {display: block; margin-bottom: 2px; text-transform: none}
.clasic-form input {width: 188px; padding: 2px}
.clasic-form input.captcha {width: 130px; margin-right: 10px}
.clasic-form textarea {width: 472px; height: 107px; padding: 2px}
.clasic-form img {vertical-align: middle}
.submit-send {color: #FFFFFF; background-color: #FF690A; border: none; font-weight: bold; padding: 5px 10px !important; font-size: 85%; width: auto !important}


#body {margin: 0 auto; text-align: left; width: 1010px; position: relative;z-index: 10;}
#body-in {width: 965px; background-color: #000000}
.ktm-orange {width: 44px; height: 44px; display: block; background: url("../img/ktm_orange.gif") left top no-repeat; position: absolute; right: 0; top: 196px}

#jsmenu {background-color; #000000; margin: 0; padding: 0; float: left; width: 965px}
#jsmenu li {float: left; margin: 0; background-color: #141414}
#jsmenu li a {text-decoration: none; font-weight: bold; text-transform: uppercase; color: #FFFFFF; padding: 3px 15.2px 3px 16px; display: block; background-color: #141414; border-bottom: 2px solid #464646; border-top: 5px solid #EA641E}
#jsmenu li a.menu-first {padding-right: 145px; margin-right: 2px}
#jsmenu li.menu-right {padding-left: 80px; border-bottom: 2px solid #464646; border-top: 5px solid #EA641E}
#jsmenu li.menu-right a {border: none}
#jsmenu li a:hover, #jsmenu li a.active {background-color: #EA641E}
#jsmenu li ul {margin: 0; padding: 0;position: absolute;visibility: hidden;clear: left}
#jsmenu li ul li {float: left;clear: left; width: 195px;display: block}
#jsmenu li ul li a {border: none; border-bottom: 2px solid #000000; font-weight: normal}

.logo {display: block; float: left; background: url("../img/logo.gif") left top no-repeat; width: 258px; height: 53px; margin: 30px 0 40px 0}
.login-basket {position:relative; float: right; width: 140px; background: url("../img/ico_basket.gif") left 23px no-repeat; padding-left: 45px; margin: 20px 0}
.login-basket p {margin: 5px 0}
.login-basket a {text-decoration: none; color: #FFFFFF}
.login-basket a:hover {text-decoration: underline}
.basket {color: #EA641E}

#main {clear: both; background: url("../img/border_main.gif") left bottom no-repeat; padding-bottom: 20px}
#main.subpage {background-image: none; background-color: #0A0A0A; padding-bottom: 0}

#colleft {width: 192px; float: left}
#main.subpage #colleft {background: #000000 url("../img/border_main.gif") left bottom no-repeat; border-right: 2px solid #000000; padding-bottom: 20px}
#menu-left {margin: 0; padding: 0}
#menu-left li {margin: 0}
#menu-left li a {background-color: #1E1E1E; color: #FFFFFF; margin-bottom: 2px; display: block; padding: 3px 15px; font-weight: bold; text-decoration: none; font-size: 300%; text-transform: uppercase}
#menu-left li a:hover, #menu-left li a.active {background-color: #EA641E}
#menu-left li ul {margin: 0; /*display:none*/}
#menu-left li ul li a {font-weight: normal; font-size: 150%}
.ktm-grey {background: url("../img/ktm_grey.gif") left top no-repeat; display: block; width: 81px; height: 36px; margin: 84px 0 10px 15px}
#main.subpage #colleft.with-logo {background-image: none; padding-bottom: 0}
#main.subpage #colleft.with-logo .logo-onyx {width: 194px; text-align: center; background-color: #0A0A0A; margin: 0; padding-top: 20px; border-top: 20px solid #141414; background-position: 35px 15px}
#main.subpage #colleft.with-logo .logo-onyx:hover {background-position: 35px 16px}

#colright {float: left; width: 771px; margin-left: 2px}
#main.subpage #colright {background: #000000 url("../img/border_main.gif") right bottom no-repeat; margin-left: 0; padding-bottom: 20px}
#carousel, #slider {position: relative !important; width: 772px !important; height: 460px !important}
#slider img {float: left; margin: 20px 0 0 50px}
#slider div {float: right; text-align: right; width: 220px; position: absolute; left: 510px; top: 20px}
#slider p {line-height: 3em; color: #FFFFFF}
#slider h2 {line-height: 0.9em; color: #FFFFFF}
#slider p span, #slider p a {display: block; text-transform: uppercase; text-decoration: none}
#slider p span.slide-orange {font-size: 270%; color: #EA641E}
#slider p span.slide-price {font-size: 350%}
#slider p a.slide-more {background-color: #EA641E; color: #FFFFFF; display: inline-block; padding: 0 10px; font-size: 160%}
#slider li a.slide-more img { border:none; }
.control {position: absolute; right: 20px; bottom: 20px; z-index: 20}
.control a {display: inline-block; background: url("../img/carousel_control.gif") center center no-repeat; width: 18px; height: 18px; font-size: 0px; color: #000000; text-decoration: none; margin-right: 10px}
.control a:hover, .control a.activeSlide {background: url("../img/carousel_control-active.gif") center center no-repeat}

.content {padding: 25px 20px 15px 20px}
.content.contact {padding-top: 25px; text-transform: uppercase}
/* .content p, */
.content div.p {margin: 0 0 25px 0; line-height: 1.5em}
.content h4 {color: #E9641F; background-color: transparent; border: none; padding: 0 0 3px 0}
.content.light {background-color: #0A0A0A; padding: 30px 20px 15px 20px; min-height: 202px}
#main.subpage #colright h2 {padding: 0 15px; margin: 0; background-color: #1E1E1E; line-height: 1.27em; font-size: 330%}
#main.subpage #colright h3 {padding: 0; margin: 0 0 15px 0; color: #E9641F; text-transform: uppercase}
#main.subpage #colright h3.nomarginbottom {margin-bottom: 5px}
#main.subpage #colright p {margin: 0 0 18px 0; line-height: 1.4em}
.discount-now {color: #E9641F; padding-left: 50px}
#main.subpage #colright .content.req h3 {margin-top: 35px}
#main.subpage #colright .content.req h3.nomargintop {margin-top: 0}

.key1, .key2, .key3 {padding-left: 70px !important; background: url("../img/key1.gif") 15px top no-repeat; font-size: 300% !important; color: #E9641F}
.key2 {background-image: url("../img/key2.gif")}
.key3 {background-image: url("../img/key3.gif")}

.production {width: 775px}
.production a {float: left}
.production a img {float: left}

.shop-ad {width: 150px; margin-right: 15px; float: left}
.shop-ad a {color: #FFFFFF}
.shop-map {float: left}
.orange-back {background-color: #EA641E; color: #FFFFFF; padding: 5px 10px; font-weight: bold; text-decoration: none; line-height: 1.7em; font-family: "Myriad Pro"; letter-spacing: 0.1em}
.virtual-look .orange-back {padding: 2px 0; line-height: 2em; font-size: 110% !important; width: 221.5px; text-align: center; display: inline-block}
.virtual-look .orange-back.active, .virtual-look .orange-back:hover {text-decoration: underline}
.virtual-look {margin: 50px 0 20px 30px}
.virtual-look p {margin: 0 !important}
#view-2, #view-3 {display:none}

.h-paging {padding: 0 15px; background-color: #1E1E1E}
.h-paging h2 {padding: 0 !important; width: 300px; float: left}
.paging {float: right; letter-spacing: 0.3em; font-size: 110%; margin: 0; padding: 15px 0 0 30px}
.paging.bottom {margin-bottom: 15px; margin-right: 15px}
.paging a {text-decoration: none; vertical-align: middle}
.paging span {color: #EA641E; font-weight: bold; vertical-align: middle}
.paging-left, .paging-right {display: inline-block; background: url("../img/paging_left.gif") left top no-repeat; width: 17px; height: 17px; margin-right: 3px}
.paging-right {background-image: url("../img/paging_right.gif"); margin-left: 3px}
.h-paging form {float: right; font-size: 110%; margin: 15px 0 0 0}
.h-paging form p {margin: 0 0 12px 0 !important}
.h-paging label, h-paging select {vertical-align: middle}
.h-paging label {display: inline-block; margin-right: 5px}
.h-paging select {width: 135px; padding-left: 5px}
.product-add {width: 256px; /* height: 240px; */ height: 290px; float: left; background-color: #FFFFFF; text-align: center; margin: 0 2px 2px 0}
.product-add a img {border: none;}
.product-add h2 {color: #000000; font-size: 230% !important; background-color: transparent !important; padding: 0 5px !important; margin-bottom: 10px !important}
.price {display: inline-block; background-color: #0A0A0A; padding: 4px 20px; vertical-align: middle}
.product-add .orange-back {vertical-align: middle}
.product-add img {margin: 15px 0 5px 0}
.product-adds {width: 775px}

.arrows {margin: 0 0 0 20px !important; padding-top: 2px}
.arrows span, .arrows a {display: inline-block; width: 17px; height: 17px; background: url("../img/paging_left.gif") left top no-repeat}
.arrows span {background-image: url("../img/paging_left-noactive.gif")}
.arrows a.right {background-image: url("../img/paging_right.gif")}
.arrows span.right {background-image: url("../img/paging_right-noactive.gif")}
#carousel-product li {width: 767px; height: 389px}
.product-detail {padding: 12px 20px}
.product-detail form {margin: 0 0 0 30px; padding: 0; float: left; font-size: 110%}
.product-detail form p {margin: 0 !important}
.product-detail form .orange-back {border: none; color: #FFFFFF; text-transform: uppercase; padding: 2px 5px; margin-left: 20px}
.product-detail form select {margin-right: 5px; width: 70px; vertical-align: middle}
.product-detail form input, .product-detail form label {display: inline-block; margin-right: 5px}
.product-input-text {width: 30px}
.product-price {font-weight: bold; font-size: 140%; float: left; position: relative; top: 3px}

.logo-onyx {background: url("../img/logo_onyx.gif") left top no-repeat; display: block; width: 110px; height: 111px; margin: 20px 0 20px 20px}
.logo-onyx:hover {background: url("../img/logo_onyx-active.gif") left 1px no-repeat}
#footer {float: right; width: 741px; background-color: #141414; border-top: 2px solid #464646; border-bottom: 5px solid #EA641E; padding: 10px 15px 3px 15px; margin-right: 44px}
#footer.subpage {margin-top: 90px}
.logo-small {background: url("../img/logo_small.gif") left top no-repeat; display: inline-block; width: 95px; height: 17px}
#footer p {float: right; margin: 0; position: relative; top: 3px}
#footer a {color: #FFFFFF}


.fix {clear: both}
strong.orange {color: #E9641F; text-transform: uppercase}
span.orange {color: #E9641F}

form .submit {background-color: #EA641E; font-size:11px; font-weight: bold; border: none; color: #FFFFFF; text-transform: uppercase; padding: 2px 5px; margin-left: 20px}


.cleaner 
{
  clear: both;
  font-size:1px;
  height:0px !important;
}

#basket_confirm_box {
  display:none; 
  position:absolute; 
  background-color: #E9641F; 
  border: 1px solid black;   
  padding:10px;
  color: #000000;
}

#basket_confirm_box a {
  color: #000000;
  font-weight: bold;
}

.loggedinfo {
  position:absolute;
  left:-100px;
  text-align:right;
  float:right;
  overflow:hidden;
  width:270px;
}

.detailContent {
  padding:20px;
}

form p span.table,
form p label {
  width:140px;
  float:left;
}
form p.nomy label {
  float:none;
  width:auto;
}

.msgmsg {
  color:#E9641F;
}

.basket-table {
  width:100%;
}
.basket-table .sixth {
  width:40px;
  text-align:center;
}
.basket-table tr td span.variant {
  display:block;
  margin-top:3px;
}
.basket-table tr td  .controls a {
  text-decoration:none;
  font-size:200%;
  font-weight:bold;
  float:left;
  margin-right:5px;
  position:relative;
  top:-6px;
}
.basket-table tr td #deleteProduct1 
{

}
.priceInfo {
  margin:30px 0;
  text-align:right;
  font-size:120%;
}

#doporucujeme {
  clear: both;
  text-align: center; 
  margin: 0px; padding: 10px 0 10px 200px; 
  font-size: 80%;
}

#homepage_description {
  margin: -130px 0 0 194px;
  position: absolute;
}



.cleaner { font-size:0px !important; height:1px !important; position:relative; left:-5000px; clear:both;}
.strong { font-weight:bold;}
.displaynone { display:none; }
.padding20 { padding:20px;}


.advancedSearch { position:relative; top:-5px; padding:10px; }

#colright { position:relative;}
.advSearchBtn { position:absolute; top:20px;text-align:right; width:100%;}
.advSearchBtn a,
.advSearchBtn strong { float:none; margin-right:5px; color:#EA641E; padding-left:10px;}
.captionBox { margin-top:10px;padding:5px; border:1px solid gray; position:relative;
              padding-top:10px;  
            }
.captionBox .caption { position:absolute; top:-8px;left:10px; padding:0px 5px 0px 5px;
                       background:#181818;}
.inputBlock,
.inputBlock2,
.inputBlock3 { 
  display:inline-block;
  width:110px;
  overflow:hidden;
  white-space:nowrap;
}
.inputBlock2 { width: auto; margin-left:50px; }
.inputBlock3 { width: auto;  float:right;}
    
.inputBlock input { vertical-align:middle; margin-right:5px;}
.captionBox input.price {width:70px;}
.captionBox input.fultext {width:200px;}

.advancedSearch input {background-color:white; padding:0;}

.inputBlock.all { margin-bottom:0px;}

.partners{
	margin-left: 15px;
}
.partners.main{
	margin-left: 15px;
	width: 180px;
}
.partners a{
	background-color: #0A0A0A;
	border: 0 none;
	float: left;
	line-height: 0;
	margin-bottom: 7px;
	margin-right: 10px;
}
.partners a.big img{
	padding: 7px;
}

#r {
    left: 1011px;
    position: absolute;
    top: 0;
}
#banner {
    position: fixed;
    top: 0;
    z-index: -100;
}
#topbanner,#topbanner_a{
	background:#fff;
	position: absolute;
	left: 275px;
	top: 35px;
	width:500px;
	height:130px;
	z-index: 10;
}
#topbanner_a{
	background:transparent;
	z-index: 20;
}