html { padding: 0px; margin:0px; }
body { background:url(../images/body.gif) #f8f8f8 repeat-x top left; margin:0px; padding:0px; font-family:Tahoma;}
ul { padding:0px; margin:0px; list-style:none;}
li { padding:0px; margin:0px;}
a { text-decoration:none; padding:0px; margin:0px; outline: none;}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;}
form { padding:0px; margin:0px;}
input { padding:0px; margin:0px;}
span { padding:0px; margin:0px;}

.cleaner { clear: both; float: none; margin: 0px; padding: 0px;}

#outer { background:url(../images/outer.gif) repeat-x bottom left; min-height:856px; }
* html #outer { height:856px;}

.center-out-index { width:994px; margin:0px auto; background:url(../images/center-repeat.gif) repeat-y top left;}
.main-index { width:994px; float: left; min-height:655px; background:url(../images/center-top.jpg) no-repeat top left;}
* html .main-index { height:655px;}

.center-out-inner { width:994px; margin:0px auto; background:url(../images/center-repeat-inner.gif) repeat-y top left;}
.main-inner { width:994px; float: left; min-height:655px; background:url(../images/center-top-inner.jpg) no-repeat top left;}
* html .main-inner { height:655px;}

/* LEFT PART - LOGO, MENU */
.left { width:285px; float:left; padding:0px 0px 0px 23px;}

.left .logo-bg { width:285px; height:127px; margin:0px 0px 24px 0px; float:left; background:url(../images/logo.jpg) no-repeat top left; position:relative;}
.left .logo-bg a.logo-link { position:absolute; top:65px; left:17px; width:247px; height:39px;}
.left .logo-en { width:285px; height:127px; margin:0px 0px 24px 0px; float:left; background:url(../images/logo-en.jpg) no-repeat top left; position:relative;}
.left .logo-en a.logo-link { position:absolute; top:65px; left:53px; width:185px; height:30px;}

.left ul.left-menu { width:261px; float:left; padding:0px 0px 0px 24px;}
.left ul.left-menu li { float:left; width:235px;}
.left ul.left-menu li a { display:block; width:233px; float:left; background-position:top left; background-repeat:no-repeat;}
.left ul.left-menu li a span.for-google { display: none;}
.left ul.left-menu li a:hover { background-position:top right;}
.left ul.left-menu li a.selected { background-position:top right;}

.left ul.left-menu li a.bg-1 { background-image:url(../images/menu-bg/bg-1.gif); height:40px; }
.left ul.left-menu li a.bg-2 { background-image:url(../images/menu-bg/bg-2.gif); height:40px; }
.left ul.left-menu li a.bg-3 { background-image:url(../images/menu-bg/bg-3.gif); height:98px; }
.left ul.left-menu li a.bg-4 { background-image:url(../images/menu-bg/bg-4.gif); height:41px; }
.left ul.left-menu li a.bg-5 { background-image:url(../images/menu-bg/bg-5.gif); height:40px; }
.left ul.left-menu li a.bg-6 { background-image:url(../images/menu-bg/bg-6.gif); height:40px; }

.left ul.left-menu li a.en-1 { background-image:url(../images/menu-en/en-1.gif); height:40px; }
.left ul.left-menu li a.en-2 { background-image:url(../images/menu-en/en-2.gif); height:40px; }
.left ul.left-menu li a.en-3 { background-image:url(../images/menu-en/en-3.gif); height:100px; }
.left ul.left-menu li a.en-4 { background-image:url(../images/menu-en/en-4.gif); height:40px; }
.left ul.left-menu li a.en-5 { background-image:url(../images/menu-en/en-5.gif); height:40px; }
.left ul.left-menu li a.en-6 { background-image:url(../images/menu-en/en-6.gif); height:40px; }


/* THE CENTER AND RIGHT PART */
.content { width:686px; float:left; }
.content .header-img { width:686px; height:155px; float:left; overflow:hidden; }
.content .header-img img { float:left; }

.content .search-bar { width:686px; height:63px; float:left; }

.content .search-bar form#search { width:257px; height:34px; margin:3px 0px 0px 0px; padding:8px 0px 0px 9px; float:right; background:url(../images/search-bg.gif) no-repeat top left;}
.content .search-bar form#search .srch-fld-bg { width:144px; height:20px; padding:9px 0px 0px 27px; float:left; background:url(../images/srch-fld-bg.gif) no-repeat top left;}
.content .search-bar form#search .srch-fld-bg input.srch-fld { width:124px; padding:0px 10px 0px 10px; float:left; color:#9e886c; font-size:11px; background:none; border: none; }
.content .search-bar form#search .srch-btn { width:72px; height:29px; float: left; margin:0px 0px 0px 5px; background:url(../images/srch-btn.gif) no-repeat top left; border:none; color:#d2e6cb; font-size:11px; font-weight:bold; cursor:pointer;}
.content .search-bar form#search .srch-btn.srch-btn2 { background:url(../images/srch-btn.gif) no-repeat top right; cursor: pointer;}

.content .search-bar .lng-en { float:left; padding:3px 0px 3px 35px; position:relative; margin-left:30px; top:17px; background:url(../images/eng-btn.gif) no-repeat left center; color:#84befa; font-size:11px;}
.content .search-bar .lng-en:hover { background:url(../images/eng-btn2.gif) no-repeat left center; color:#aad1f9; }

.content .search-bar .lng-bg { float:left; padding:3px 0px 3px 35px; position:relative; margin-left:30px; top:17px; background:url(../images/bg-btn.gif) no-repeat left center; color:#84befa; font-size:11px;}
.content .search-bar .lng-bg:hover { background:url(../images/bg-btn2.gif) no-repeat left center; color:#aad1f9; }

.content .nav-bar { width:658px; height:35px; float:left; padding:0px 0px 0px 28px;}
.content .nav-bar a { float:left; color:#6a6a6a; font-size:11px; margin:12px 0px 0px 0px;}
.content .nav-bar a:hover { text-decoration:underline;}
.content .nav-bar img { float: left; margin:0px 10px;}
.content .nav-bar span.current-location { float:left; margin:12px 10px 0px 0px; color:#2c2c2c; font-size:11px;}

.content .nav-bar a.home { width:30px; margin:0px; height:33px; display:block; background:url(../images/nav-home.gif) no-repeat top left;}
.content .nav-bar a.home:hover { background:url(../images/nav-home.gif) no-repeat top right; text-decoration:none; }


/* CENTER */
h1.page-title { font-size:16px; color:#528ac3; margin:0px 0px 15px 0px; }

.center { width:686px; float:left; font-size:11px; }
.center .index { width:357px; float:left; min-height:206px; padding:25px 30px 20px 30px; color:#4f4f4f;}
* html .center .index { height:206px;}

.center .index-inner { width:630px; float:left; min-height:206px; padding:25px 28px 20px 28px; color:#4f4f4f;}
* html .center .index-inner { height:206px;}

.center .index p { color:#4f4f4f; margin:0px;}
.center .index a.seemore { font-size:11px; color:#7f7f7f; float:left; margin:18px 0px 18px 0px;}
.center .index a.seemore:hover { color:#528ac3;}

.center .index ul { list-style:disc}

/* Only in index page */
.center .index .infopage {}
.center .index .infopage h1,
.center .index .infopage h2,
.center .index .infopage h3,
.center .index .infopage h4, 
.center .index .infopage h5,
.center .index .infopage h6 {color:#4173AE; font-size:11px; margin:10px 0px;}

/* ibanoto zeleno */
.green { width:671px; float:left; font-size:11px; margin:0px 0px 0px 0px; background:url(../images/green2.gif) repeat-y top left; position:absolute; left:29px; top:-197px;}
.green2 { width:631px; float:left; height:163px; padding:12px 28px 22px 12px; background:url(../images/green1.jpg) no-repeat top left;}
* html .green2 { overflow:hidden; }

.video { width:255px; float:left; margin:0px 40px 0px 0px;}
.video-image { width:205px; height:154px; overflow:hidden; padding:1px; background:#a4ff82; float:left; position:relative; text-align:center;}
.video-image .corner1 { width:11px; height:11px; position:absolute; top:0px; left:0px; background:url(../images/corner1.gif) no-repeat top left;}
.video-image .corner2 { width:11px; height:11px; position:absolute; top:0px; right:0px; background:url(../images/corner2.gif) no-repeat top left;}
* html .video-image .corner2 { right:-1px;}
.video-image img {  }
.video-image .corner3 { width:11px; height:11px; position:absolute; bottom:0px; right:0px; background:url(../images/corner3.gif) no-repeat top left;}
* html .video-image .corner3 {bottom:-2px; right:-1px;}
.video-image .corner4 { width:11px; height:11px; position:absolute; bottom:0px; left:0px; background:url(../images/corner4.gif) no-repeat top left;}
* html .video-image .corner4 {bottom:-2px;}


.video-link { width:189px; padding:2px 0px 0px 18px; float:left; height:19px; position:relative; background:url(../images/video-link.gif) no-repeat top left; color:#fff;}
.video-link .play { width:60px; cursor:pointer; display:block; height:60px; position:absolute; right:7px; bottom:2px; background:url(../images/play.png) no-repeat top left;}

.video-link .play.hovered {background:url(../images/play2.png) no-repeat top left;}

* html .video-link .play  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/play.png', sizingMethod='image');}
* html .video-link .play.hovered  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/play2.png', sizingMethod='image');}

.green-text { width:327px; float:left; padding:12px 0px 0px 0px;}
.green-text h3 { width:337px; color:#194f00; padding:0px 0px 15px 0px; font-size:11px; background:url(../images/green-h3.gif) no-repeat left bottom;}
.green-text p { margin:15px 0px; color:#ffffff;}
.green-text a.seemore { color:#95f970;}
.green-text a.seemore:hover { text-decoration: underline;}


/* RIGHT COLUMN */
.right { width:240px; float:left; padding:28px 0px 0px 29px;}
* html .right { }

.predstavqne { width:240px; float:left;}
.predstavqne h3.pred-title { width:240px; font-size:16px; color:#528ac3; margin:0px 0px 15px 0px;}
.predstavqne .pred-img { width:205px; text-align:center; padding:2px; margin:0px 0px 15px 0px; background:#fff; position:relative; /* float:left; */}

.predstavqne .pred-img .c1 { width:11px; height:11px; position:absolute; top:0px; left:0px; background:url(../images/c1.gif) no-repeat top left;}
.predstavqne .pred-img .c2 { width:11px; height:11px; position:absolute; top:0px; right:0px; background:url(../images/c2.gif) no-repeat top left;}
* html .predstavqne .pred-img .c2 { right:-1px;}
.predstavqne .pred-img .c3 { width:11px; height:11px; position:absolute; bottom:0px; right:0px; background:url(../images/c3.gif) no-repeat top left;}
* html .predstavqne .pred-img .c3 { bottom:-3px; right:-1px;}
.predstavqne .pred-img .c4 { width:11px; height:11px; position:absolute; bottom:0px; left:0px; background:url(../images/c4.gif) no-repeat top left;}
* html .predstavqne .pred-img .c4 { bottom:-3px;}
/*.predstavqne .pred-img a.promo-img-link { width:205px; display: block; text-align: center;}*/
.predstavqne .pred-img img { border: none; display: block;}

.predstavqne a.pred-name { font-size:12px; color:#3765a2; width:207px; }
.predstavqne a.pred-name:hover { text-decoration:underline; }

.predstavqne .pred-spec { font-size:11px; color:#4f4f4f; margin:8px 0px; display:block; width:207px; }
.predstavqne .pred-spec p { margin:1px 0px;}

/* FOOTER */
.footer { width:994px; position:relative; margin:0px auto; padding:1px 0px 0px 0px; height:201px; background:url(../images/footer-top.gif) no-repeat top left;}
.footer .left-links { padding:31px 0px 0px 23px; display:block; height:170px; overflow:hidden; width:287px; float:left; background:url(../images/left-links.gif) no-repeat right top;}
.footer .left-links a { margin:0px 20px 0px 0px; float:left;}
.footer .left-links a img { border: none}
.footer .left-links a.robotunit { width:134px; height:38px; margin:0px 30px 0px 0px; background:url(../images/robotunits-logo.gif) no-repeat top left;}
.footer .left-links a.smc { width:91px; height:41px; background:url(../images/smc-logo.gif) no-repeat top left;}

.footer .serviz { float:left; width:390px; margin:0px 25px 0px 0px; height:201px; background:url(../images/serviz-bg2.gif) no-repeat top left;}
.footer .serviz p.serviz-text { width:363px; margin:0px; padding:10px 0px 10px 27px; color:#4f4f4f; font-size:11px; font-weight:bold;}

.footer .serviz .logos-scroll { width:373px; height:54px; padding:0px 0px 0px 17px;}

.footer .serviz a.seemore { color:#4f4f4f; font-size:11px; margin:5px 0px 0px 17px; float:left;}
.footer .serviz a.seemore:hover { text-decoration: underline;}

span.galarrow { width:17px; height:54px; display:block; float:left;}
span.galarrow a { width:17px; height:54px; display:block; background-position: top left; background-repeat: no-repeat;}
span.galarrow a:hover { width:17px; height:54px; display:block; background-position: -17px top; background-repeat: no-repeat;}

span.galarrow a.prev { background-image:url(../images/left-arrow.gif);}
span.galarrow a.next { background-image:url(../images/right-arrow.gif);}

span.galarrow.prevdis { background:url(../images/left-arrow.gif) no-repeat top right; margin:0px 13px 0px 0px;}
span.galarrow.nextdis { background:url(../images/right-arrow.gif) no-repeat top right;}

#thumblist { width:290px; height:54px; overflow:hidden; margin:0px 13px 0px 0px; float: left; position:relative;}
/*#thumblist ul { height:54px; float:left;}
#thumblist ul li { float:left; height:54px; margin:0px 54px 0px 0px;}
#thumblist ul li a { height:54px; float:left; display:block;}
#thumblist ul li a img {border:none; float:left;}*/

#thumblist table {}
#thumblist table tr {}
#thumblist table tr td {padding:0px 0px 0px 0px; width:145px; }
#thumblist table tr td a { display: block; width:145px; text-align: center;}
#thumblist table tr td a img{border:none;}

.footer .copy { width:233px; height:201px; padding:0px 16px; float:left; background:url(../images/copy-bg.jpg) no-repeat top left;}
.footer .copy ul { width:233px; float:left; padding:40px 0px 0px 0px;}
.footer .copy ul li { width:115px; float:left; color:#666666; font-size:11px;}
.footer .copy ul li span.make { float:right;}
.footer .copy ul li span.make a { width:19px; height:19px; float:left; display:block; background:url(../images/pixel.gif) no-repeat top left;}
.footer .copy ul li span.make span { float: left; color:#73a1c7; padding:2px 2px 0px 0px;}

/* blue kontaks box */
.blue { width:262px; font-size:11px; position:absolute; bottom:202px; right:5px;}
.blue a { color:#fff; }
.blue2 {width:232px; padding:18px 0px 18px 30px; background:#538bc4;}
.blue h3.contacts { width:232px; font-size:16px; padding:0px 0px 15px 28px; color:#528ac3;}
.blue p { color:#ffffff; margin:0px;}
.blue p.tel, .blue p.tel a { color:#fff;}
.blue .phone { width:46px; height:101px; background:url(../images/phone.png) no-repeat top left; position:absolute; left:-46px; top: 28px;}
* html .blue .phone  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/phone.png', sizingMethod='image');}


/* CONTACT */
.center .contact { width:657px; float:left; min-height:206px; padding:25px 15px 30px 13px; color:#4f4f4f; font-size:11px;}
.center .contact h1.page-title { background:url(../images/inner-title-bg.gif) repeat-x bottom left; padding:0px 0px 10px 17px;}
.center .contact .contact-info { float:left; width:180px; color:#3a3924; padding:0px 0px 0px 17px;}
.center .contact .contact-info span.tel { color:#528ac3;}

.center .contact .contact-map { width:158px; float:left; padding:0px 0px 0px 18px;}
.center .contact .contact-map .map1 { width:158px; float:left; background:url(../images/map1bg.gif) no-repeat top left;}
.center .contact .contact-map .map2 {width:158px; height:121px; padding:21px 0px 0px 0px; float:left; background:url(../images/map2bg.gif) no-repeat bottom left;}
.center .contact .contact-map .map2 a.zoom { background:url(../images/lupa.gif) no-repeat left 4px; float:left; padding:3px 0px 6px 17px; margin:0px 0px 0px 10px; color:#a2d6ff; font-size:11px;}
.center .contact .contact-map .map2 .themap { width:150px; overflow:hidden; height:100px; float:left; position:relative; left:4px;}
.center .contact .contact-map .map2 .themap img { position:relative; }

.center .contact .contact-email { width:343px; float:left; border-top:solid 1px #e1e1e1; background:url(../images/mail-icon.gif) no-repeat 17px top; border-bottom:solid 1px #e1e1e1; margin:10px 0px 0px 0px; padding:6px 0px 6px 45px; }
.center .contact .contact-email a { color:#4e84be;}

.center #contact-form { width:388px; float:left; font-size:11px;}
.center #contact-form .form1 { width:356px; min-height:223px; padding:24px 13px 0px 19px; background:url(../images/cf1bg.gif) #d7d7d7 no-repeat top left;}
* html .center #contact-form .form1 { height:223px;}

.center #contact-form .form1 label {margin:0px 0px 0px 2px; float:left;}
.center #contact-form .form1 .small { width:167px; margin:3px 0px 0px 0px; height:16px; padding:4px 5px 2px 5px; font-size:11px; border:none; background:#fff;}
.center #contact-form .form1 .long { width:346px; margin:3px 0px 0px 0px; height:16px; padding:3px 5px; font-size:11px; border:none; background:#fff;}
.center #contact-form .form1 textarea { width:346px; height:88px; margin:3px 0px 0px 0px; padding:3px 5px; font-size:11px; border:none; background:#fff;}
.center #contact-form .form1 td.all-fields { background:url(../images/arrows.gif) no-repeat left 15px;}

.center #contact-form .form2 {width:368px; padding:10px; background:url(../images/form2.gif) #e5e5e5 no-repeat left bottom;}
.center #contact-form .form2 input.contact-btn { width:68px; height:25px; background:url(../images/send-btn.gif) no-repeat top left; float:left; margin:0px 40px 0px 9px; color:#d2e6cb; font-size:11px; border:none; cursor: pointer;}
.center #contact-form .form2 p { margin:5px 0px 0px 0px;}
.center #contact-form .form2 input.checkbox { margin:0px 6px 0px 0px; position:relative; top:2px;}
.center #contact-form .form2 span { padding:0px 0px 0px 0px; float:left;}


/* PRODUCTS LIST */
.center .products { width:657px; float:left; min-height:206px; padding:25px 15px 60px 13px; color:#4f4f4f; font-size:11px;}
.center .products h1.page-title {padding:0px 0px 0px 17px;}

.center .products table#prod-list { width:657px; float:left; padding:0px; margin:0px;}
.center .products table#prod-list tr { padding:0px; margin:0px;}
.center .products table#prod-list tr td { width:388px; padding:0px; margin:0px;}
.center .products table#prod-list tr td div.inner-td { width:625px; float:left; padding:14px 16px;}

.center .products table#prod-list tr td.gray { background:url(../images/prod-list-bg.gif) no-repeat left top;}
.center .products table#prod-list tr td.gray div.inner-td {background:url(../images/prod-list-bg2.gif) no-repeat left bottom;}

.center .products table#prod-list tr td div.inner-td a.img-link { width:120px; /*height:99px;*/ overflow:hidden; margin:0px 15px 0px 0px; display:block; float:left; padding:1px; border:solid 1px #e7e7e7; background:#fff; text-align:center;}
.center .products table#prod-list tr td div.inner-td a.img-link img { border:none;}
.center .products table#prod-list tr td div.inner-td .list-info {}
.center .products table#prod-list tr td div.inner-td .list-info h3 { margin:0px; font-size:12px;}
.center .products table#prod-list tr td div.inner-td .list-info h3 a { color:#528ac3; font-weight:normal;}
.center .products table#prod-list tr td.gray div.inner-td .list-info h3 a { color:#4f4f4f; }
.center .products table#prod-list tr td div.inner-td .list-info p { color:#4f4f4f; margin:8px 0px 8px 0px; }
.center .products table#prod-list tr td div.inner-td .list-info a.seemore { color:#79a3cc; float: right;}
.center .products table#prod-list tr td.gray div.inner-td .list-info a.seemore { color:#4f4f4f;}

.center .products .paging { width:354px; float: left; padding:10px 17px;}
.center .products .paging a.num { float: left; margin:0px 2px 0px 0px; color:#4f4f4f;}
.center .products .paging a.num span { float:left; padding:4px 8px 6px 8px;}
.center .products .paging a.num:hover, .center .products .paging a.num.selected { color:#fff; cursor:pointer; background:url(../images/paging-bg1.gif) no-repeat top left;}
.center .products .paging a.num:hover span, .center .products .paging a.num.selected span {background:url(../images/paging-bg2.gif) no-repeat top right; }


.center .products .paging a.prev { width:21px; float: left; margin:0px 2px 0px 0px; height:21px; display:block; background:url(../images/paging-prev.gif) no-repeat top left; }
.center .products .paging a.prev:hover { background-position:right top; }
.center .products .paging a.next { width:21px; float: left; margin:0px 2px 0px 0px; height:21px; display:block; background:url(../images/paging-next.gif) no-repeat top left; }
.center .products .paging a.next:hover { background-position:right top; }


/* PRODUCT PAGE */
.center .product { width:657px; float:left; min-height:206px; padding:25px 15px 30px 13px; color:#4f4f4f; font-size:11px;}
.center .product h1.page-title { background:url(../images/inner-title-bg.gif) repeat-x bottom left; padding:0px 0px 10px 17px;}
.center .product h3.prod-title { background:url(../images/prod-title-bg.gif) no-repeat left 2px; color:#595959; padding:0px 0px 0px 24px; font-size:12px; font-weight:bold; margin:0px 0px 18px 17px; }
.center .product p.client { margin:0px 0px 15px 17px; color:#595959;}
.center .product p.client b { color:#4275b0; }
.center .product .elementi { width:640px; float: left; padding:0px 0px 0px 17px;}
.center .product .elementi p { margin:0px 0px 1px 0px; color:#595959;}
.center .product .elementi p b { color:#4173ae;}
.center .product img.spacer-line { margin:15px 0px; width:657px; height:1px}
.center .product .prod-text { width:640px; float:left; padding:0px 0px 0px 17px; margin:0px 0px 15px 0px;}

.center .product .prod-text h1 {color:#4173AE; font-size:11px;}
.center .product .prod-text h2 {color:#4173AE; font-size:11px;}
.center .product .prod-text h3 {color:#4173AE; font-size:11px;}
.center .product .prod-text h4 {color:#4173AE; font-size:11px;}
.center .product .prod-text h5 {color:#4173AE; font-size:11px;}
.center .product .prod-text h6 {color:#4173AE; font-size:11px;}

.gallery-1 { width:388px; float: left; background:url(../images/gallery-repeat.gif) repeat-y top left; }
.gallery0 { width:388px; float: left; background:url(../images/gallery-top.gif) no-repeat top left; }
.gallery { width:318px; min-height:200px; float: left; padding:12px 35px; background:url(../images/gallery-bottom.gif) no-repeat left bottom; text-align: center; }
* html .gallery { height:305px;}

.gallery .buttons { width:318px; float:left; padding:0px 0px 10px 0px;}
.gallery .buttons a { float:left; margin:0px 2px 0px 0px; color:#555555; font-size:11px;}
.gallery .buttons a span { float:left; padding:5px 15px 0px 15px; height:20px; line-height:14px;}

.gallery .buttons a:hover, .center .product .gallery .buttons a.selected { background:url(../images/gal-both.gif) no-repeat top left; color:#fff; cursor:pointer;}
.gallery .buttons a:hover span, .center .product .gallery .buttons a.selected span { background:url(../images/gal-both.gif) no-repeat bottom right;}

.gallery .mainimage { width:316px; text-align:center; float:left; padding:1px; background:#fff; position:relative;}
.gallery .mainimage img { border: none; display: block; }
.gallery .mainimage .c1 { width:9px; height:9px; position:absolute; top:0px; left:0px; background:url(../images/pc1.png) no-repeat top left;}
* html .gallery .mainimage .c1  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pc1.png', sizingMethod='image');}

.gallery .mainimage .c2 { width:9px; height:9px; position:absolute; top:0px; right:0px; background:url(../images/pc2.png) no-repeat top left;}
* html .gallery .mainimage .c2  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pc2.png', sizingMethod='image');}

.gallery .mainimage .c3 { width:9px; height:9px; position:absolute; bottom:0px; right:0px; background:url(../images/pc3.png) no-repeat top left;}
* html .gallery .mainimage .c3  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pc3.png', sizingMethod='image'); bottom:-1px;}

.gallery .mainimage .c4 { width:9px; height:9px; position:absolute; bottom:0px; left:0px; background:url(../images/pc4.png) no-repeat top left;}
* html .gallery .mainimage .c4  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pc4.png', sizingMethod='image'); bottom:-1px;}

/* ako toq buton e 4ast of flash , moje i bez dolnite 7 reda */
.gallery .mainimage a.prod-play { width:60px; height:60px; display:block; position:absolute; top:89px; cursor:pointer; left:129px; background:url(../images/prod-play.png) no-repeat top left;}
* html .gallery .mainimage a.prod-play  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod-play.png', sizingMethod='image');}

.gallery .mainimage a.prod-play.prod-play2 { width:60px; height:60px; display:block; position:absolute; top:89px; cursor:pointer; left:129px; background:url(../images/prod-play2.png) no-repeat top left;}
* html .gallery .mainimage a.prod-play.prod-play2  {background:none; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prod-play2.png', sizingMethod='image');}

.controls-video { width:294px; height:31px; float: left; padding:8px 0px 0px 22px;}
.controls-video a.c-pause { width:31px; height:31px; display: block; float:left; margin:0px 10px 0px 0px; background:url(../images/pause-btn.gif) no-repeat top left;}
.controls-video a.c-pause:hover { background-position: top right; }

.controls-video .progress { float:left; width:185px; height:12px; overflow:hidden; margin:8px 10px 0px 0px; background:#fff; position:relative;}
.controls-video .progress .progress-bg { width:185px; height:12px; position:absolute; top:0px; left:0px; z-index:100; background:url(../images/progress-bg.gif) no-repeat top left;}
.controls-video .progress .progress-line { width:185px; height:12px; position:absolute; top:0px; background:url(../images/progress-line.gif) no-repeat top left; border-right: solid 1px #8b8a8a;}
.controls-video .progress .progress-line.hovered { background:url(../images/progress-line.gif) no-repeat bottom left; }

.controls-video a.volume { width:31px; height:31px; display: block; float:left; background:url(../images/volume.gif) no-repeat top left; }
.controls-video a.volume:hover { background-position: top right; }

.controls-images { width:318px; height:31px; float: left; padding:68px 0px 0px 0px; }
.controls-images a.prev { float:left; font-size:11px; cursor:pointer; margin:0px 25px 0px 0px; color:#fff; background:url(../images/prev1.gif) no-repeat top left; }
.controls-images a.prev span { padding:5px 17px 0px 26px; height:20px; float:left; background:url(../images/prev1.gif) no-repeat bottom right;  line-height:14px;}
.controls-images a.prev:hover { background:url(../images/prev2.gif) no-repeat top left; }
.controls-images a.prev:hover span { background:url(../images/prev2.gif) no-repeat bottom right;}

.controls-images a.next {float:right; font-size:11px; cursor:pointer; margin:0px 0px 0px 0px; color:#fff; background:url(../images/next1.gif) no-repeat top right;}
.controls-images a.next span {padding:5px 26px 0px 17px; height:20px; float:left; background:url(../images/next1.gif) no-repeat bottom left; line-height:14px;}
.controls-images a.next:hover {background:url(../images/next2.gif) no-repeat top right;}
.controls-images a.next:hover span {background:url(../images/next2.gif) no-repeat bottom left;}

.controls-images .broi { float: left; font-size:11px; margin:5px 0px 0px 0px; }

.controls-images #thumbs { display: none;}

.center .product .downloads { width:640px; margin:25px 0px 0px 0px; float: left; padding:0px 0px 0px 17px;}
.center .product .downloads a { float:left; color:#282828; font-size:11px; }
.center .product .downloads a:hover { text-decoration:underline; }
.center .product .downloads a.doc { padding:8px 0px 8px 35px; background:url(../images/doc-icon.gif) no-repeat left top; margin:0px 0px 10px 0px;}
.center .product .downloads a.pdf { padding:8px 0px 8px 35px; background:url(../images/pdf-icon.gif) no-repeat 3px top;}

div.error { color:#ff0000; font-weight:bold; margin:10px; }


/* new buttons in the search bar */
.search-bar-spacer { float: left; margin:24px 10px 0px 10px;}
.search-bar a.sitemap { width:11px; height:11px; display:block; float:left; margin:21px 0px 0px 0px; background:url(../images/sitemap.gif) no-repeat top left;}
.search-bar a.rss { font-size:11px; display:block; float:left; margin:20px 0px 0px 0px; color:#84befa;}
.search-bar a.spodeli { float:left; margin:20px 0px 0px 0px; color:#84befa; font-size:11px;}
.search-bar a:hover {color:#bedbf9; background-color: none !important; }

.search-bar .text-size { float:left; margin:20px 0px 0px 0px;}
.search-bar .text-size span { float:left; font-size:11px; color:#84befa;}
.search-bar .text-size span.small_text { margin:0px 0px 0px 3px;}
.search-bar .text-size span.small_text a { width:16px; height:11px; display:block; float:left; background:url(../images/small-font.gif) no-repeat top left; }
.search-bar .text-size span.small_text a:hover { background-position:top right;}
.search-bar .text-size span.normal_text {margin:0px 0px 0px 8px;}
.search-bar .text-size span.normal_text a {width:16px; height:11px; display:block; float:left; background:url(../images/normal-font.gif) no-repeat top left;}
.search-bar .text-size span.normal_text a:hover { background-position:top right;}
.search-bar .text-size span.big_text {margin:0px 0px 0px 8px;}
.search-bar .text-size span.big_text a { width:16px; height:11px; display:block; float:left; background:url(../images/big-font.gif) no-repeat top left;}
.search-bar .text-size span.big_text a:hover { background-position:top right;}

/* TEXT SIZE */

.outer.text-size-1 .center { font-size:12px;}
.outer.text-size-1 .center .index { font-size:12px;}
.outer.text-size-1 .center .products { font-size:12px;}
.outer.text-size-1 .center .products .list-info h3 a { font-size:13px;}
.outer.text-size-1 .center .product { font-size:12px;}
.outer.text-size-1 .center .product h3.prod-title { font-size:13px;}
.outer.text-size-1 .center .contact { font-size:12px;}
.outer.text-size-1  .center .products table#prod-list tr td div.inner-td .list-info h3 a { font-size:13px;}

.outer.text-size-2 .center { font-size:13px;}
.outer.text-size-2 .center .index { font-size:13px;}
.outer.text-size-2 .center .products { font-size:13px;}
.outer.text-size-2 .center .products .list-info h3 a { font-size:14px;}
.outer.text-size-2 .center .product { font-size:13px;}
.outer.text-size-2 .center .product h3.prod-title { font-size:14px;}
.outer.text-size-2 .center .contact { font-size:13px;}
.outer.text-size-2  .center .products table#prod-list tr td div.inner-td .list-info h3 a { font-size:14px;}

.outer.text-size-3 .center { font-size:14px;}
.outer.text-size-3 .center .index { font-size:14px;}
.outer.text-size-3 .center .products { font-size:14px;}
.outer.text-size-3 .center .products .list-info h3 a { font-size:15px;}
.outer.text-size-3 .center .product { font-size:14px;}
.outer.text-size-3 .center .product h3.prod-title { font-size:15px;}
.outer.text-size-3 .center .contact { font-size:14px;}
.outer.text-size-3  .center .products table#prod-list tr td div.inner-td .list-info h3 a { font-size:15px;}

.outer.text-size-4 .center { font-size:15px;}
.outer.text-size-4 .center .index { font-size:15px;}
.outer.text-size-4 .center .products { font-size:15px;}
.outer.text-size-4 .center .products .list-info h3 a { font-size:16px;}
.outer.text-size-4 .center .product { font-size:15px;}
.outer.text-size-4 .center .product h3.prod-title { font-size:16px;}
.outer.text-size-4 .center .contact { font-size:15px;}
.outer.text-size-4  .center .products table#prod-list tr td div.inner-td .list-info h3 a { font-size:16px;}

.outer.text-size-5 .center { font-size:16px;}
.outer.text-size-5 .center .index { font-size:16px;}
.outer.text-size-5 .center .products { font-size:16px;}
.outer.text-size-5 .center .products .list-info h3 a { font-size:17px;}
.outer.text-size-5 .center .product { font-size:16px;}
.outer.text-size-5 .center .product h3.prod-title { font-size:17px;}
.outer.text-size-5 .center .contact { font-size:16px;}
.outer.text-size-5  .center .products table#prod-list tr td div.inner-td .list-info h3 a { font-size:17px;}

/* FORMA ZA ZAPITVANE */
.ask-about-me { padding:3px 5px 3px 5px; margin:4px 0px 3px 0px; width:344px; border:solid 1px #fff; display: block; float:left;}
h3.zap-za-prod { font-size:16px; color:#528ac3; margin:0px 0px 0px 19px; }
#thumblist a img.colored { display: none; }
#thumblist a img.grayscale { display: inline; }
#thumblist a:hover img.colored { display: inline; }
#thumblist a:hover img.grayscale { display: none; }


table.destributors {}
table.destributors td { padding:25px 20px;}
td.distributor1 { width:100px; background:url(../images/smc1.gif) no-repeat 12px center; padding:0px;}
td.distributor2 { width:100px; background:url(../images/robots.gif) no-repeat right center; padding:0px;}
table.destributors a { font-size:12px; color:#528AC3;}
table.destributors a span {font-weight:bold;}
table.destributors a:hover { text-decoration: underline;}

a.linker{ display:block; height:auto; width:100%;}
a.linker span{
	display:block;
	padding:0 0 10px 0;
	color:#528AC3;
	font-size:12px;
	cursor:pointer;
}

a.linker span:hover{
	color:#4F4F4F;
}

a.linker strong{
	padding:5px 0px;
	display:block;
	color:#4F4F4F;
	font-weight:normal;
	cursor:pointer;
}