/* CSS style sheet by www.stikgroup.de     */
/* STENIK GROUP Ltd. - Web design company  */
/* We give your business a face            */

/* ----------------------------------------------------------------------- [ GLOBAL CONFIG ] */
/* mac hide\*/
/* html, body {height:100%} */
/* end hide */

* { margin:0px; padding:0; }
body { background:url(../img/body-bgr.jpg) repeat-x top left #fff; }
body, p, a, td, input, textarea, div, span {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#636363;
}
.clear { clear:both; font-size:1px;}
p { margin:5px 0; padding:0px; }
img {border:0;}
ul {list-style:url(../img/bullet2.gif); margin:20px 40px;}
a {text-decoration:none;color:#474747;}
a:hover {text-decoration:underline}
h1 {
	font-size:16px;
	color:#636363;
	text-transform:uppercas`e;
	display:block;
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
}
h2 {
	margin:0 0 10px 0;
	color:#636363;
	font-size:14px;
	display:block;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER ] */
#wrapper {
	width:100%;
	margin:0px auto;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > HEADER ] */
#wrapper .header {
	width:960px;
	height:200px;
	background:url(../img/header-bgr.jpg) no-repeat top left;
	margin:0px auto;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > HEADER > Top Nav ] */
.header .topNav {
	/*width:760px;*/
	float:left;
	top:10px;
	position:relative;
} 
.header .topNav a{
	text-transform:uppercase;
	padding:0 5px 0 12px;
	background:url(../img/bullet.gif) 0 2px no-repeat;
	text-decoration:none;
	color:#fff;
	font-size:9px;
}
.header .topNav a:hover{color:#999;}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > HEADER > Category ] */ /*****EDIT 22.07.2010******/
.header div.select {
	width:960px;
	height:150px;
	clear:both;
	position:relative;
}
div.select a,
div.select ul{
	display:block;
	float:left;
	position:relative;
	text-decoration:none;
	top:21px;
	width:300px;
	z-index:1;
}
/*a.trucks {margin:0 0 0 30px; height:150px;}
a:hover.trucksbg, a.trucksactivebg {background:url(../img/tir-button-top.png) bottom center no-repeat;}
a:hover.trucksde, a.trucksactivede {background:url(../img/de-truck-button.gif) bottom center no-repeat;}
a:hover.trucksfr, a.trucksactivefr {background:url(../img/fr-truck-button.gif) bottom center no-repeat;}
a:hover.trucksru, a.trucksactiveru {background:url(../img/ru-truck-button.gif) bottom center no-repeat;}
a:hover.trucksen, a.trucksactiveen {background:url(../img/en-truck-button.gif) bottom center no-repeat;}
a:hover.trucksarab, a.trucksactivearab {background:url(../img/arab-truck-button.gif) bottom center no-repeat;}*/

a.logo {margin:0 0 0 25px; height:80px; height:39px; left:349px; position:absolute; top:28px; width:302px; }
a.buses {margin:0 0 0 20px; height:150px;}
/*a:hover.busesbg ,a.busesactivebg {background:url(../img/busses-button-top.png) bottom center no-repeat;}
a:hover.busesde ,a.busesactivede {background:url(../img/de-bus-button.gif) bottom center no-repeat;}
a:hover.busesfr ,a.busesactivefr {background:url(../img/fr-bus-button.gif) bottom center no-repeat;}
a:hover.busesru ,a.busesactiveru {background:url(../img/ru-bus-button.gif) bottom center no-repeat;}
a:hover.busesen ,a.busesactiveen {background:url(../img/en-bus-button.gif) bottom center no-repeat;}
a:hover.busesarab ,a.busesactivearab {background:url(../img/arab-bus-button.gif) -2px 124px no-repeat;}*/

div.select ul.trucks,  /* <-------- Tova sa novite stilove za butonite /22.07.2010/ */
div.select ul.bus {
	margin:72px 0 0 0;
	/*height:47px;*/
	display:block;
}  
div.select ul.trucks li, 
div.select ul.bus li {
	margin:0px!important;
	padding:0px!important;
	/*height:47px;*/
	display:block;
	list-style-image: none!important;
	list-style-type:none;
	cursor:pointer;
}
div.select ul.bus {margin:73px 0 0 48px;}
div.select ul.trucks li a,
div.select ul.bus li a{
	width:300px; 
	height:47px; 
	display:block; 
	background:url(../img/tabs.png) no-repeat;
	
	
}

div.select ul.bus ul.dropdown a,div.select ul.trucks ul.dropdown a{
   top:0px;
}

div.select ul.trucks li a.bg {background-position:1px 1px;}       /* <-------- Tuk zadavash poziciite na backgroundite za vseki ezik za kamionite */
div.select ul.trucks li a.en {background-position:1px -47px;}
div.select ul.trucks li a.de {background-position:1px -94px;}
div.select ul.trucks li a.fr {background-position:1px -141px;}
div.select ul.trucks li a.ru {background-position:1px -188px;}
div.select ul.trucks li a.ar {background-position:1px -235px;}

div.select ul.bus li a.bg {background-position:1px -282px;}       /* <-------- Tuk zadavash poziciite na backgroundite za vseki ezik za busovete*/
div.select ul.bus li a.en {background-position:1px -329px;}
div.select ul.bus li a.de {background-position:1px -329px;}
div.select ul.bus li a.fr {background-position:1px -329px;}
div.select ul.bus li a.ru {background-position:1px -376px;}
div.select ul.bus li a.ar {background-position:1px -423px;}



#trucksContainer ,#busesContainer {position:absolute;top:0;left:0;display:none;} 

/* ----------------------------------------------------------------------- [ BODY > WRAPPER > HEADER > Language bar ] */
.header .langBar {
	width:350px;
	height:30px;
	float:right;
	text-transform:uppercase;
	color:#fff;
	font-size:9px;
	padding:10px 0 0 0;
}
a.bg, a.en, a.de, a.fr, a.ru, a.arab {
	width:16px;
	height:11px;
	font-size:1px;
	background-image:url(../im/flags.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	float:left;
	display:block;
	position:relative;
}
a.bg{background-position:1px 0;margin:9px 0 0 10px;}
a.en{background-position:-23px 0;margin:9px 0 0 10px;}
a.de{background-position:-69px 0;margin:9px 0 0 10px;}
a.fr{background-position:-46px 0;margin:9px 0 0 10px;}
a.ru{background-position:-92px 0;margin:9px 0 0 10px;}
a.arab{background-position:-115px 0;margin:9px 0 0 10px;}
a:hover.bg,a.bg.bgact{background-position:1px -15px;} 
a:hover.en,a.en.enact{background-position:-23px -15px;}
a:hover.de,a.de.deact{background-position:-69px -15px;}
a:hover.fr,a.fr.fract{background-position:-46px -15px;}
a:hover.ru,a.ru.ruact{background-position:-92px -15px;}
a:hover.arab,a.arab.arabact{background-position:-115px -15px;}



.header .langBar .langbox{
	background:url(../im/lang-bar.jpg) no-repeat top left;
	float:right;
	top:-11px;
	position:relative;
}
.header .langBar .langbox .langboxcorner { width:10px; height:30px; background:url(../im/lang-bar.jpg) no-repeat -290px 0; float:left;}
.header .langBar p.label {
	background:transparent url(../img/bullet.gif) no-repeat scroll 0 4px;
	padding:0 20px 0 20px;
	margin:0px !important;
	color:#fff;
	font-size:11px;
	display:block;
	float:right;
} 
/*.header .langBar {
	width:214px;
	height:30px;
	background:url(../img/lang-bar.gif) no-repeat top left;
	float:right;
	line-height:15px;
	padding:0 0 0 20px;
	text-transform:uppercase;
	font-size:9px;
}

.header .langBar span.left {
	float:left;
	width:94px;
	color:white;
	line-height:25px;
}
.header .langBar span.right {
}
.header .langBar a {
	width:16px;
	height:11px;
	font-size:1px;
	background-image:url(../img/flags.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	float:left;
	display:block;
	top: 7px;
	position:relative;
	margin-left:10px;
}
a.bg{background-position:1px 0;margin:0 0 0 10px;}
a.en{background-position:-23px 0;margin:0 0 0 10px;}
a.fr{background-position:-46px 0;margin:0 0 0 10px;}
a.de{background-position:-69px 0;margin:0 0 0 10px;}

a:hover.bg,a.bgact{background-position:1px -15px;}
a:hover.en,a.enact{background-position:-23px -15px;}
a:hover.de,a.deact{background-position:-69px -15px;}
a:hover.fr,a.fract{background-position:-46px -15px;}*/
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CATEGORY ] */
#wrapper .category {
	position:relative;
    width:1125px;
	height:166px;
	background:url(../img/cat-bgr.jpg) bottom center no-repeat;
	margin:0px auto;
}
.category a.carbox {
	width:95px;
	height:95px;
	float:left;
	margin:9px 10px 0 0;
	display:block;
	text-decoration:none;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT ] */
#wrapper .content {
	width:100%;
	margin:0px auto;
	background:url(../img/wrapper-bgr.jpg) repeat-y top center;
}
.content .cont {
	width:900px;
	margin:0px auto;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Leftside Bar ] */
.cont .left {
	width:680px;
	float:left;
	text-align:justify;
	margin:0 0 30px 0;
}
div.spacer {font-size:1px; background:url(../img/spacer.gif) repeat-x top left; margin:20px 0; clear:both;}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Leftside Bar > Catalogue ] */
/*a.offer {
	 width:153px;
	 height:160px;
	 float:left;
	 display:block;
	 margin:0 4px 20px 0;
	 text-decoration:none;
	 padding:2px;
	
}*/
a.offer {
	 width:218px;
	 float:left;
	 display:block;
	 margin:0 4px 20px 0;
	 text-decoration:none;
	 padding:2px;
	 height:210px;
	 
}
a.offer:hover {background-color:#555;}

a.offer span.model {
	width:210px;
	padding:10px 5px;
	background:#f3f3f3;
	color:#555;
	border-top:1px solid #fff;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	display:block;
	text-align:left;
}
a:hover.offer span.model {background:#555;color:#f3f3f3;text-decoration:none;}
a:hover.offer span.price {background:#555;color:#f3f3f3;text-decoration:none;}
a.offer span.price {display:block; }
a.offer p.price {
	width:122px;
	padding:10px 15px 10px 5px;
	background:url(../img/more-bgr.gif) right no-repeat;
	color:#FF0000;
	margin:0px;
	font-weight:bold;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Leftside Bar > Search ] */
div.singleForm {
	width:200px;
	height:24px;
	margin:5px 0;	
}
select.dropdown {
	padding:2px;
	border:1px solid #999;
	color:#888;
	font-size:11px;
	width:200px;
}
.dropdown2 {
	padding:2px;
	border:1px solid #999;
	color:#888;
	font-size:11px;
	width:55px;
	margin:0 0 0 10px;
}
input.double {
	width:50px;
	padding:2px;
	margin:0 0 0 5px;
	color:#888;
}
div.doubleForm {
	width:100px;
	height:28px;
	margin:5px 0;
	float:left;
	line-height:26px;
	padding:0;
}
.right label {
	display:block;
	float:left;
	margin:10px 0 5px;
	width:103px;
	color:#888
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Leftside Bar > Catalogue Page ] */
.left .prodDiv {width:690px;}
.prodDiv .eng {
	width:165px;
	margin:0 0 0 10px;
	float:left;
}
.prodDiv .prodCol {
	width:335px;
	/*height:150px;*/
	float:left;
	margin:0 0 15px;
}
.prodDiv .prodInfo {
	width:245px;
	float:left;
	margin:0 10px;
}
.eng span.price {
	display:block;
	margin:10px 0;
	float:left;
	color:red;
	font-weight:bold;
}
.eng a.more {
	float:left;
	background:url(../img/more-bgr.gif) no-repeat left;
	font-size:10px;
	color:#636363;
	padding:0 0 0 15px;
	text-decoration:underline;
	font-weight:bold;
	display:block;
	width:150px;
	text-align:left;
}
.prodInfo a:hover.more {text-decoration:none;}
p.paging a {
	background:#f3f3f3;
	border:0 none;
	color:#474747;
	font-family:Tahoma,Verdana;
	margin:0 1px;
	padding:4px 7px;
	text-decoration:none;
}
p.paging a:hover {
background:#474747;
color:#f3f3f3;
}
p.paging a.active {
background:#474747;
color:#f3f3f3;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Leftside Bar > Product Page ] */
.left .product {width:630px;}
.product .img {
	width:300px;
	float:left;
	margin:0 5px 0 0;
}
.img a.th {
	width:96px;
	height:74px;
	border:1px solid #fff;
	text-decoration:none;
	float:left;
	margin:2px 2px 0 0;
	display:block;
}
.img a:hover.th {border:1px solid #555;}
.product p.price {color:#ff0000; font-weight:bold;}
.product .spec {
	float:right;
	width:315px;
	margin:25px 0 0 5px;
	background:url(../img/spec-bgr.gif) repeat-y left top;
}
.spec .info {
	width:175px;
	float:left;
}
.spec .info2 {
	width:130px;
	float:right;
}
.moreinfo {margin:40px 0 0 0;}
a.back {
	float:right;
	padding:5px 0 0 10px;
	background:url(../img/back-bullet.gif) no-repeat 1px 10px;
	font-size:10px;
	color:#474747;
    text-decoration:underline;
	display:block;
	font-weight:bold;
}
a:hover.back {text-decoration:none;}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Rightside Bar ] */
.cont .right {
	width:207px;
	float:right;
	font-size:11px;
}
.right .search{
	width:205px;
	height:30px;
	background:url(../img/search-bar.jpg) no-repeat top left;
}
.search .searchForm {
	width:145px;
	border:0;
	background:none;
	height:14px;
	padding:8px;
	
}
.subm {
	background:none;
	border:0 none;
	height:28px;
	width:38px;
}
p.contact {
	background:url(../img/bullet2.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	font-size:11px;
	margin:0 0 10px 0;
}
div.contact {
	background:url(../img/bullet2.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	font-size:11px;
	margin:0 0 10px 0;
	text-align:left;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > FOOTER ] */
#wrapper .footer {
	width:100%;
	background:url(../img/footer-bgr.jpg) no-repeat center 0;
	margin:0px auto;
}
.footer .footNav {
	width:925px;
	height:50px;
	margin:0px auto;
	background:url(../img/foot-bgr.gif) no-repeat top left;
	padding:0 0 30px 0;
}
.footNav p.mainNav {
	float:left;
	display:block;
	font-size:11px;
}
.footNav p.catNav {	
	float:right;
	display:block;
	font-size:11px;
}
p.catNav a, p.mainNav a{font-size:11px;}
.footNav p.copy {float:left; display:block;}
.footNav p.copybg{margin:35px 0 0 -271px; }
.footNav p.copyen{margin:35px 0 0 -277px; }
.footNav p.copyfr{margin:35px 0 0 -327px; }
.footNav p.copyru{margin:35px 0 0 -353px; }
.footNav p.copyde{margin:35px 0 0 -334px; }
.footNav p.copyarab{margin:35px 0 0 -228px; }

.footNav p.powered {float:right; display:block;margin:35px 0 0 0;}

input.submBut {
    background:url(../img/search.jpg) no-repeat top left; 
    color:#fff; font-size:11px; 
    width:126px; 
    height:28px; 
    margin:10px 0;
    border:none;
}

a.sendReq_bg{
    width:211px; 
    height:41px; 
    display:block;
    text-decoration:none;
    margin:10px 0;

}

a.bgReq{
   background:url(../img/bg-send-request.jpg) no-repeat top left;
}
a.arabReq{
   background:url(../img/arab-send-request.jpg) no-repeat top left;
}
a.deReq{
   background:url(../img/de-send-request.jpg) no-repeat top left;
}
a.enReq{
   background:url(../img/en-send-request.jpg) no-repeat top left;
}
a.ruReq{
   background:url(../img/ru-send-request.jpg) no-repeat top left;
}
a.frReq{
   background:url(../img/fr-send-request.jpg) no-repeat top left;
}
a.sendReq_bg:hover {background-position:bottom left}

/* ---------------------------------------------------------------------------------------  [ CONTACT ]  --------------- */

div.w253{
padding:6px 0 0 6px;
width:253px;
background:transparent url(../im/inputs-bkg.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:40px;
}
div.w253.short{
width:178px;
}
div.w253.short input{
width:178px;
border-width:0px;
}

div.w400{
padding:6px 0 0 6px;
width:400px;
background:transparent url(../im/textareas-bkg.gif) no-repeat scroll 0 0;
display:block;
float:left;
height:71px;
margin:0 0 5px;
}
div.w400 textarea{
width:400px;
border:none;
border-width:0px;
}

div.w253 input{
width:253px;
border:none;
border-width:0px;
}

div.f2{
background:transparent url(../im/inputs-bkg.gif) no-repeat scroll right top;
display:block;
float:left;
font-size:1px;
height:26px;
margin:0 0 10px;
width:7px;
}

div.f4{
background:transparent url(../im/textareas-bkg.gif) no-repeat scroll right top;
display:block;
float:left;
font-size:1px;
height:63px;
margin:0 0 10px;
width:7px;
}

input.contactSubmit{
background-image:url(http://cmi.demo.stenikgroup.com/template/im/btn-bkg.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#000000;
display:block;
float:left;
height:26px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:10px;
width:98px;
border:none;
}

#busesContainer{
margin-left:90px;
}
#trucksContainer{
margin-left:90px;
}

/*   TOOLTIP  ---------------------------------------------------------------------------------------------------------------------------------- */
.tooltip {
	position:absolute;
	visibility:hidden;
	background:black;
	padding: 4px 12px 5px;
	font: 15px Tahoma, Geneva, sans-serif;
	color:white;
	top:120px;
}
#busesContainer a.carbox { 
	margin:10px 26px 0 0;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Catalog ] 27.07.09*/
.cont .catalog {
	width:auto;
	text-align:justify;
	margin:0 0 30px 0;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Catalog product ] 27.07.09*/
div.catalog a.prodCol {
	width:446px;
	padding:2px;
	display:block;
	cursor:pointer;
}
div.catalog a.prodCol:hover {
	background:#555;
	text-decoration:none !important;
}
div.catalog a.prodCol span.leftside {
	width:152px;
	display:block;
	float:left;
}
div.catalog a.prodCol span.leftside img {
	width:152px;
	height:114px;
	border-bottom:1px solid #fff;
	float:left;
}
div.catalog a.prodCol span.leftside span.model {
	background:#f3f3f3;
	width:142px;
	padding:5px;
	color:#555;
	float:left;
	font-size:11px;
	font-weight:bold;
}
div.catalog a.prodCol span.leftside span.model:hover {
	text-decoration:none;
}
div.catalog a.prodCol span.eng {
	width:274px;
	font-size:14px!important;
	float:right;
	display:block;
	text-align:left;
}
div.catalog a.prodCol:hover span.eng {
	color:#fff;
}
div.catalog a.prodCol span.eng span.price {
	font-size:16px;
}
div.catalog a.prodCol span.eng span.more {
	background:transparent url(../img/more-bgr.gif) no-repeat scroll left top;
	color:#636363;
	display:block;
	clear:both;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 15px;
	text-align:left;
}
div.catalog a.prodCol:hover span.eng span.more {color:#fff; background-position:bottom left;}

/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > Catalog search ] 27.07.09*/
div.searchCat {
	width:auto;
	margin:10px 0 20px 0;
}
div.searchCat div.search{
	background:transparent url(../img/search-bar.jpg) no-repeat scroll left top;
	height:30px;
	width:205px;
}
/* ----------------------------------------------------------------------- [ BODY > WRAPPER > CONTENT > DROPDOWN ] 09.07.2010*/
div.select ul.dropdown {
	margin:0;
	position:static!important;
	padding:10px;
	background-color:#1B1B1B!important;
	width:auto;
	/*height:550px;*/
}
div.select ul.dropdown li{
	list-style:none;
}
div.select ul.dropdown a,
div.select ul.dropdown a.last {
	border-bottom:1px solid #333333;
	color:#fff;
	display:block!important;
	width:270px!important;
	font-size:18px;
	padding:15px 8px;
	text-decoration:none;
	text-transform:uppercase;
	background-image:none!important;
	background-color:#1B1B1B!important;
	height:auto!important;
}
div.select ul.dropdown a:hover,
div.select ul.dropdown a.last:hover {
	text-decoration:none;
	background:#f8d66d!important;
	color:#000!important;
}
div.select ul.dropdown a.last {
	border-bottom:none!important;
	clear:both;
}
div.break-news{
	background:url("../img/b-news-bgr.jpg") no-repeat scroll 0 0 transparent;
	height:14px;
	left:315px;
	position:relative;
	top:-26px;
	width:334px;
	padding:6px;
	color:#FFF;
}
