html {overflow-y: scroll;}
body {background:#96bf0d url(../images/bg.jpg) repeat-x center top}
#wrap {background:#96bf0d url(../images/bg-wrap.jpg) repeat-x center top; margin:0 auto}
div.lefty {float:left;}
#head {background: url(../images/bg-search.jpg) no-repeat right 20px; margin:0 auto; padding:20px 0 5px 0; position:relative; z-index: 500; width:960px}
#head a, #head a img {border:none; text-decoration:none; color:#000}
#head a#sl {position:absolute; right:320px; top:23px}
#head a#en {position:absolute; right:235px; top:23px}
#head a#fb {position:absolute; right:220px; top:21px}
#head form {position:absolute; right:10px; top:22px}
#head form input#search {border:solid 1px #FFF; padding:0; float:left; width:162px; font-family:Arial, helvetica, sans-serif; font-size:12px; color:#7c9818;}
#head form input#send {border:none; background:transparent; height:21px; float:left; width:25px; cursor:pointer}
#head ul#nav {position:absolute; right:10px; top:55px}
#head ul#nav li {float:left}
#head ul#nav li a {display:inline-block; font-size:14px; font-weight:bold; padding:0 0 0 25px; height:22px; float:left;}
#head ul#nav li a.acti span {}
#head ul#nav li a.acti {background: url(../images/topbg.jpg) no-repeat 18px top}
#head ul#nav li a.acti span {height:22px; background:url(../images/topbg.jpg) no-repeat right top}
#head ul#nav li a:hover {background: url(../images/bgtop-hover.jpg) no-repeat 18px top}
#head ul#nav li a:hover span {background:url(../images/bgtop-hover.jpg) no-repeat right top !important}
#head #logo {height:73px; margin:0; padding:0 0 4px 0; width:306px}
#head #logo span {cursor:pointer; background:url(../images/veletekstil-logo.jpg) no-repeat; position:absolute; width:306px; height:73px}
ul#topnav {background:url(../images/bg-nav.jpg) no-repeat left top; height:61px; margin:0 auto; position:relative; z-index:100; width:960px; padding:0 0 10px 0;}
ul#topnav li {float:left; background:url(../images/bg-topnav-li.jpg) no-repeat left top; padding:4px 7px 0 7px}
ul#topnav li a {color:#FFF; display:block; float:left; font-size:15px; font-weight:bold; height:32px; padding:0px 0 0 10px; text-decoration:none}
ul#topnav li a#activebtn, ul#topnav li a.liactive {background:url(../images/bg-topnav-active.jpg) no-repeat left top}
ul#topnav li a.liactive-border {background:url(../images/bg-top-nav.jpg) no-repeat 0 21px}
ul#topnav li a span {cursor:pointer; display:block; float:left; height:30px; padding: 1px 10px 0 0}
ul#topnav li a.liactive span, ul#topnav li a#activebtn span {background:url(../images/bg-topnav-active.jpg) no-repeat right top}
ul#topnav li ul {top:26px; left:0px; padding: 0; position: absolute; visibility: hidden; width:960px; height:25px; z-index:100; background:#ee2e5d}
ul#topnav li ul li {background:url(../images/bg-subnav-li.jpg) no-repeat top left; padding: 6px 10px 0 0; float:left}
ul#topnav li ul li a { color:#fde3ea; font-size:13px; font-weight:normal; height:15px; padding:0 0 0 10px;}
ul#topnav li ul li a:hover {background:none; float:left; color:#fff;}
.first {background:none !important}
ul#topnav li ul#subnavactive {visibility:visible; z-index:1}
#page {margin:0 auto; width:960px}
/* main vertical scroll */
#main {background:url(../images/bg-slide.jpg) no-repeat left top; position:relative; overflow:hidden; height: 237px;}
#pages {position:absolute; height:20000em}
.page {height: 257px; width:720px}
.scrollable {position:relative; overflow:hidden; width: 720px; height: 237px}
.scrollable .items { width:20000em; position:absolute; clear:both}
.item {float:left; cursor:pointer; width:720px; height:237px; padding:10px}
#main_navi {clear:both; padding:0px !important; margin:0px !important; background:url(../images/bg-slide.jpg) no-repeat left bottom; height:34px; width:720px}
#main_navi li { color:#FFFFFF; font-size:15px; font-weight:bold; height:22px; padding:7px 0px 5px 20px; margin-right:2px; width:219px; cursor:pointer; float:left}
#main_navi li#mn1:hover {background:url(../images/mn1.jpg) no-repeat top left}
#main_navi li#mn2:hover {background:url(../images/mn2.jpg) no-repeat top left}
#main_navi li#mn3:hover {background:url(../images/mn3.jpg) no-repeat top left}
#main_navi li#mn1.active {background:url(../images/mn1.jpg) no-repeat top left}
#main_navi li#mn2.active {background:url(../images/mn2.jpg) no-repeat top left}
#main_navi li#mn3.active {background:url(../images/mn3.jpg) no-repeat top left}
#tris {background:url(../images/bg-tris.gif) no-repeat left top; height:250px; margin-top:10px; width:720px; position:relative;}
#tris #t1, #tris #t2, #tris #t3 {float:left; padding: 8px 20px 0 20px; position:relative; width:200px}
#tris #t3 {_padding: 10px 10px 20px 0px}
#tris div .nav {background:url(../images/btn-nav.jpg) no-repeat left top; height:15px; position:absolute; right:20px; top:19px; width:31px}
#tris div .nav .left, #tris div .nav .right {display:block; float:left; height:15px; width:15px;}
.ttitle {color:#7c9818; display:inline-block; font-size:15px; font-weight:bold}
#tris h3 {color:#7c9818; font-size:12px; margin:0; padding: 8px 0 0 0; clear:both;}
#tris h3 a {color:#7c9818; text-decoration:none;}
#tris h3 a:hover {text-decoration:underline;}
#tris .nav a {cursor:pointer;}
span.indhit {position:absolute; width:54px; height:58px; display:block; background:url(../images/brand_hit.png); bottom:60px; right:10px; z-index:5000;}
span.indnew {position:absolute; width:54px; height:58px; display:block; background:url(../images/brand_novo.png); bottom:60px; right:10px; z-index:5000;}
span.indchild {position:absolute; width:54px; height:58px; display:block; background:url(../images/brand_otroski.png); bottom:60px; right:10px; z-index:5000;}
.hit_scroll a, .new_scroll a {text-decoration:none}
.hit_scroll a:hover, .new_scroll a:hover {text-decoration:underline; color:#7C9818}
.hit_scroll { position:relative; overflow:hidden; width: 210px !important; height:200px}
.hit_scroll .itemss {width:20000px !important; height:220px; position:absolute; float:left}
.hit_scroll .itemss div {cursor:pointer; float:left; width: 210px; height:200px}
.new_scroll { position:relative; overflow:hidden; width: 210px !important; height:200px}
.new_scroll .itemss {width:20000px !important; height:220px; position:absolute; float:left}
.new_scroll .itemss div {cursor:pointer; float:left; width: 210px; height:200px; position:relative;}
.chi_scroll { position:relative; overflow:hidden; width: 210px !important; height:200px}
.chi_scroll .itemss {width:20000px !important; height:220px; position:absolute; float:left}
.chi_scroll .itemss div {cursor:pointer; float:left; width: 210px; height:200px}
.chi_scroll .itemss div {cursor:pointer; float:left; width: 210px; height:200px}
.box {padding:0 5px 0 15px; width:210px; line-height:15px}
.box a {color:#ee2e5d; font-weight:bold; display:block; padding: 4px 0 0 0 }
.box a:hover {text-decoration:none;}
.box span {color:#888888; display:block; font-size:10px}
#aktualno {background:url(../images/bg-r1.jpg) no-repeat left top; height:191px; clear:left;}
.rtitle {color:#7c9818; float:left; font-size:15px; font-weight:bold; padding:1px 0 8px 0; width:200px}
.vip {background:url(../images/bg-r-small.jpg) no-repeat left top; height:101px; margin:12px 0 0 0}
.vip img {float:right; padding: 0 0 0 10px}
.vip a {color:#ee2e5d; font-weight:bold; display:block; padding:0}
#info {background:url(../images/bg-info.jpg) no-repeat bottom left; clear:left; height:107px; padding:8px 0 0 0; margin:0 auto; width:960px}
#info .ineri {float:left; padding:0 20px 0 10px; width:290px}
#info .ineri h2 {color:#FFF; font-size:15px; padding:0 0 8px 0}
#info .ineri img {float:left; padding: 0 10px 0 0}
#info .ineri a {color:#ee2e5d; font-weight:bold;}
#info .ineri a:hover {text-decoration:none;}
#foot {background:url(../images/foot.jpg) no-repeat left top; color:#fff; height:128px; margin:0 auto; padding:22px 0 0 30px; width:930px; position:relative}
#foot ul {float:left; padding:0 55px 0 0}
#foot ul li a {color:#fff; text-decoration:none;}
#foot ul li a:hover {text-decoration:underline;}
#foot #ns {clear:both; float:left; padding:20px 0 0 0; width:940px}
#foot #ns p.copy {float:left}
#foot #ns a {border:0 none; color:#fff; float:left; padding-right:4px; text-decoration:none}
#foot #ns img {border:0 none; padding-top:3px}
#foot #ns p.ns {float:right; font-size:12px; padding:2px 30px 0 0; width:225px}
/*subpage*/
#subpage {background:#FFF url(../images/subpagebg.png) no-repeat bottom; float:left; width:720px; margin-right:10px; padding:0 0 20px 0; min-height:510px; height:auto !important; height:510px;}
#subpage h3 {background:#FFF url(../images/bg-subpage-title.jpg) no-repeat top left; color:#FFF; margin:0; font-size:15px; font-weight:bold; padding:6px 0 6px 15px}
#subpage span#nic {background:#FFF url(../images/bg-subpage-notitle.jpg) no-repeat top left; float:left; width:720px; display:block; height:9px;}
#subpage #admin {color:#a9a9a9; padding: 10px 15px}
#subpage #admin a {color:#a9a9a9; display:inline-block; padding:0 2px}
#subpage #admin a#print {background:url(../images/print.jpg) no-repeat left 3px; display:inline-block; padding: 0 0 0 20px; width:40; float:right}
#subpage h1 {clear:left; color:#7c9818; font-size:24; font-weight:bold; margin:0; padding: 10px 0 0 18px}
#subpage p {margin:0; padding:3px 0 3px 18px;}
div.proddesc {margin:0; padding:3px 0 3px 18px;}
#subpage ul {margin:0; padding:5px 0 5px 18px;}
#subpage ul li {background:url(../images/bull.jpg) no-repeat left center; padding:2px 0 2px 10px}
#subpage p#price {font-size:14px}
#subpage p#price strong {color:#7c9818; display:inline-block; font-size:25px; padding:0 0 0 5px}
#subpage p#price strong span {display:inline-block; font-size:14px; font-weight:normal; position:relative; right:-2px; top:-10px}
#subpage a#inquire {padding:0 0 0 18px}
#subpage #pslide {background:url(../images/product-slide.jpg) no-repeat left top; height:212px; float:left; margin:-30px 0 0 0; padding:0 7px; position:relative; overflow:hidden; width:330px}
#products {position:absolute; height:20000em}
.product {height: 212px; width:330px; text-align:center}
#p_navi {border-top:solid 1px #e8e8e8; float:left; padding:10px 0 0 0 !important; margin:0 !important; width:330px}
#p_navi li { color:#FFFFFF; background:none !important; height:75px; width:100px; padding:0 5px !important; cursor:pointer; float:left}
#p_navi li img {border:solid 1px #e8e8e8}
#cross {background:url(../images/bg-ostaloXXXXX.jpg) no-repeat top left; float:left; display:inline; width:720px;}
#cross strong {color:#939393; display:block; font-weight:bold; padding: 20px 0 0 20px}
#cross .ciner {float:left; padding:0 20px; width:140px}
#cross .ciner a {color:#ee2e5d; display:block; padding:0 0 0 8px}
#crossborder {font-size:1px; width:680px; float:left; display:inline; height:1px; border-top:1px solid #e8e8e8; margin:0 0 0 20px;}
#content {float:left; width:692px; padding:10px 0 10px 18px; display:inline; min-height:400px; height:auto !important; height:400px;}
#pagebody {margin:16px 0 10px 18px; width:684px; min-height:338px; height:auto !important; height:338px; line-height:20px;}
#pagebody a {color:#7c9818; text-decoration:underline}
#pagebody a:hover {text-decoration:none}
/*katalog*/
#subpage #catalog {padding:10px 10px 15px 18px; width:692px; min-height:338px; height:auto !important; height:338px;}
#subpage #catalog strong {display:block; padding: 0 0 20px 0}
#subpage #catalog ul {float:left; padding:0}
#subpage #catalog ul li {background:none; float:left; padding:0 0 20px 0; width:173px; height:230px; display:block;}
#subpage #catalog ul li a {color:#7c9818; display:block; font-weight:bold; padding:4px 10px 2px 0; text-decoration:underline;}
#subpage #catalog ul li a:hover {text-decoration:none;}
#subpage #catalog ul li p {padding:0; width:145px}
#subpage #catalog ul li p.pprice {color:#8c8c8c; display:block; font-size:12px; font-weight:bold; width:140px}
#subpage #catalog ul li p.pprice span {color:#7c9818; display:inline-block; font-size:13px; font-weight:normal; text-align:right; width:80px}
#subpage #pagenav {float:left; display:inline; font-size:14px; font-weight:bold; padding:20px 0 0 0; text-align:center; width:680px; margin:10px 0 0 20px; border-top:1px solid #e8e8e8;}
#subpage #pagenav a {color:#7c9818; display:inline-block; padding:0 4px}
#subpage #pagenav a.iactive {color:#9d9d9d; text-decoration:none}
#subpage #pagenav a.pagingactive {color:#000; text-decoration:none}
#prodleft {float:left; width:372px;}
#prodright {float:left; position:relative;}
#pbcont {position:absolute; width:54px; height:174px; top:0; left:256px;}
#pbhit {float:left; width:54px; height:64px; background:url(../images/brand_hit.png) no-repeat top; display:inline;}
#pbnovo {float:left; width:54px; height:64px; background:url(../images/brand_novo.png) no-repeat top; display:inline;}
#pbotroski {float:left; width:54px; height:64px; background:url(../images/brand_otroski.png) no-repeat top; display:inline;}
/* user registration */
table.no_first td{padding: 2px 5px 2px 2px;}
table.no_first{border: 0;}
table.no_first td input{border:1px solid #96BF0D; color:#575757;}
table.no_first td select{border:1px solid #96BF0D; color:#575757;}
table.no_first td a, table.fancytable a{text-decoration:none; color:#F6436D;}
#subpage a.button{text-decoration:none; color:#ffffff; font-weight:bold; background:#7E9717; display:inline-block; padding:3px 6px;}
a.button:hover{text-decoration:underline;}
.company_info{display:none;}
#subpage a{color:#EE2E5D;}
#subpage a:hover{text-decoration:none;}
/* cart */
#steps{float:left; width:100%; display:inline; margin:8px 0 10px 0;}
.step{background:#7C9D18; width:33%; float:left; height:74px; margin:0 1px 0 0; position:relative; z-index:1;}
.step_pic{color:#fff; position:absolute; text-align:center; font-size:15px; font-weight:bold; left:5px; top:7px; width:30px; height:23px;}
.step_title{color:#fff; font-size:14px; line-height:20px; top:8px; left:30px; font-weight:bold; height:25px; position:absolute;}
#subpage p.step_text{color:#fff; padding:0; margin:32px 0 0 11px; float:left; display:inline; font-size:12px;}
.step_next_arrow{position:absolute; right:5px; bottom:5px; width:17px; height:17px; background:url(../images/naprej.png); display:none;}
.activestep{background:#EE2E5D;}
.activestep .step_pic{color:#fff;}
.activestep .step_title{color:#fff;}
.activestep .step_text{color:#fff;}
.activestep .step_next_arrow{display:block;}
/* side cart */
#side_cart{float:left; position:relative; width:210px; background: #ffffff url(../images/kosarica.jpg) top left no-repeat; padding:30px 10px 0 10px; margin:0 0 15px 0; display:inline;}
#side_cart li {float:left; clear:left; width:210px; padding:3px 0 5px 0; border-bottom:1px solid #dfdfdf; }
#side_cart li a{color:#ee2e5d; text-decoration:underline; font-weight:bold;}
#side_cart li a:hover{ text-decoration:none; }
#side_cart a.nablagajno{display:inline; background:url(../images/cartbut.jpg) 0px 0px no-repeat; float:left; height:30px; padding:1px 0 0 30px; margin:10px 0 0 0; color:#ee2e5d; font-weight:bold; font-size:15px; }
#side_cart a.nablagajno:hover{text-decoration:none;}
/*cartinfo*/
#cartinfo{position:absolute; color:#000000; z-index:9000; right:17px; top:25px;}
#cartinfo a{color:#000000; text-decoration:underline;}
#cartinfo a:hover{color:#000; text-decoration:none;}
/*newsearch*/
#search_cont{position:absolute; width:226px; height:22px; color:#fff; z-index:9050; right:7px; top:138px; background:url(../images/search_bg.gif) top left no-repeat;}
#head #search_cont form input#search2{background:none; color:#ffbdcd; font-size:11px; border:0; width:185px; padding:4px 0 0 5px; margin:0; float:left;}
/*tables*/
tr.zEven td{ border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9; background-color:#F7F7F7;padding:3px 8px;}
tr.zOdd td,.zOddTd{ border-left:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;border-right:1px solid #D9D9D9;background-color:#fff;padding:5px 8px;}
tr.zSelected td,.zSelectedTd{font-size:12px; padding:8px; font-weight:bold; background-color:#F7F7F7; color:#000; border-left:1px solid #D6D6D6;border-top:1px solid #D6D6D6;border-right:1px solid #D6D6D6;}
tr.zSelected td a,.zSelectedTd a{color:#ffffff; text-decoration:none;}
tr.zSelected td a:hover,.zSelectedTd a:hover{color:#ffffff; text-decoration:underline;}
/*cart1_table*/
table.cart1_table td{vertical-align:top; border-top:1px solid #e8e8e8; padding:10px 0 10px 0px;}
table.cart1_table td span{ float:left;}
table.cart1_table td input{ float:left; margin:0 5px 0 5px; border:1px solid #c7c7c7; width:10px; text-align:center;}
table.fancytable2{
margin:0 20px;
}
table.fancytable2 td{
border-bottom:1px solid #D9D9D9;
padding:5px 0 5px 0;
}
table.noborder td{ border:0;}
table.noborder td input,table.noborder td select{ border:1px solid #A3A3A3 ;}
.subcat { background:url(../images/subcat.jpg) no-repeat top right !important; height:27px; margin:10px 0 0 20px !important; padding:0 !important; width:670px }
.subcat li { background:none !important; float:left; height:27px; padding:0 !important }
.subcat li a { display:inline-block; height:17px; margin-top:1px; padding:4px 10px }
.subcat li a:hover, .cact { background-color:#ee2e5d; color:#FFFFFF !important; font-weight:bold !important; }
.subcat li#scf { background:url(../images/subcat-left.jpg) no-repeat top left !important; float:left; height:27px; padding:0 !important; width:4px }