.loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1; } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; padding:2px; } .loadmask-msg div { padding:5px 10px 5px 25px; background: url('/images/admin/loading.gif') no-repeat 5px 5px; line-height: 16px; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; cursor:wait; } .masked { overflow: hidden !important; } .masked-relative { position: relative !important; } .masked-hidden { visibility: hidden !important; } /* reset */ * { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } body { font-size: 62.50%; background: #f5821f url('/images/bg/bg-winter.png') repeat-y 50% 0; } /* clearing --------------*/ .x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .x { height: 1%; } *:first-child+html .x { min-height: 1px; } /* -----------------------*/ a { outline: none; text-decoration: none; } a:hover { text-decoration: underline; } img { border: 0; } ul, li { list-style-type: none; } button { display: block; cursor: pointer; } .errordiv { font-size: 12px; color: red; } .no-margin { margin-bottom: 0 !important; } #autocompleteitem { position: fixed; z-index: 2000; background: transparent url('/images/bg/dropme.png') no-repeat -491px bottom; width: 266px; padding-bottom: 10px; margin-top: -5px; } #autocompleteitem ul { height: 16px; padding: 0 4px; } #autocompleteitem li { text-align: left; padding: 3px; } /* layout - #wrapper, #content-top, #content, #content-bottom */ .discountPrice { color: #C33200 !important; } #wrapper { min-width: 976px; } #content-top { min-width: 976px; margin: 0 auto; height: 238px; background: transparent url('/images/bg/content-top.png') no-repeat 50% -10px; } #content-wrapper { min-width: 976px; margin: 0 auto; background: transparent url('/images/bg/content-middle.png') repeat-y 50% 0; } #content-bottom { min-width: 976px; margin: 0 auto; height: 92px; background: transparent url('/images/bg/content-bottom.png') no-repeat 50% 0; } /* common */ #wrapper p { font-size: 1.4em; line-height: 1.5em; margin-bottom: 15px; } .old-price { text-decoration: line-through; } .new-price, .new-price a { color: #c33200 !important; font-weight: bold !important; } #site .relevant { color: #c33200; } .add { outline: none; display: block; width: 180px; height: 38px; background: transparent url('/images/buttons/add.png') no-repeat 0 0; float: right; text-indent: -5000px; border: 0; margin: 0 auto; } .add:hover { background: transparent url('/images/buttons/add.png') no-repeat 0 -40px; text-decoration: none; } .vp .add { background-position: 0 -80px; } .vp .add:hover { background-position: 0 -120px; } .zk .add { background-position: 0 -160px; } .zk .add:hover { background-position: 0 -200px; } .button1 { outline: none; display: block; width: 182px; height: 38px; background: transparent url('/images/buttons/button1.png') no-repeat 0 0; float: left; border: 0; text-indent: -5000px; } .button1:hover { background-position: 0 -40px; } .vp .button1 { background-position: 0 -80px; } .vp .button1:hover { background-position: 0 -120px; } .zk .button1 { background-position: 0 -160px; } .zk .button1:hover { background-position: 0 -200px; } .button1-natrag { background-position: 0 -240px; } .button1-natrag:hover { background-position: 0 -280px; } .vp .button1-natrag { background-position: 0 -320px; } .vp .button1-natrag:hover { background-position: 0 -360px; } .zk .button1-natrag { background-position: 0 -400px; } .zk .button1-natrag:hover { background-position: 0 -440px; } .button-custom { outline: none; display: inline-block; width: 158px; height: 18px; margin: 0 5px; background: transparent url('../images/buttons/custom.png') no-repeat 0 0; border: 0; color: #FFF !important; font-weight: bold; padding: 8px 5px; font-size: 14px; text-align: center; text-shadow: rgba(0,0,0,.6) 0 1px 0; -moz-text-shadow: rgba(0,0,0,.6) 0 1px 0; -webkit-text-shadow: rgba(0,0,0,.6) 0 1px 0; behavior: url("css/PIE.php"); } .button-custom:hover { text-decoration: none !important; background-position: 0 bottom; } #emptyArticlesNotice .buttons { text-align: center; padding-top: 10px; } #site .button1-potvrdi { background-position: 0 -480px; width: 115px; } #site .button1-potvrdi:hover { background-position: 0 -520px; } #site .button1-narudzbe { background-position: 0 -560px; width: 195px; } #site .button1-narudzbe:hover { background-position: 0 -600px; } #site .button1-narudzbe-disabled { background-position: 0 -720px; width: 195px; cursor: default; } #site .button1-moj-profil { background-position: 0 -640px; width: 130px; } #site .button1-moj-profil:hover { background-position: 0 -680px; } #site .button1-moj-profil-disabled { background-position: 0 -800px; width: 130px; cursor: default; } #site .button1-posalji { background-position: 0 -880px; width: 115px; } #site .button1-posalji:hover { background-position: 0 -920px; } .kosarica .button1-posalji, .prijava .button1-posalji { margin-top: 25px; } #site .button1-fizicka { background-position: 0 -960px; width: 140px; } #site .button1-fizicka:hover { background-position: 0 -1000px; } #site .button1-pravna { background-position: 0 -1040px; width: 140px; } #site .button1-pravna:hover { background-position: 0 -1080px; } #site .button1-promijeni { background-position: 0 -1120px; width: 170px; } #site .button1-promijeni:hover { background-position: 0 -1160px; } #site .button1-detalji-narudzbe { background-position: 0 -1200px; width: 178px; } #site .button1-detalji-narudzbe:hover { background-position: 0 -1240px; } .tooltip { display:none; background:transparent url('/images/bg/tooltip.png'); font-size:11px; font-weight: bold; height:77px; width:165px; padding:10px; color:#475e88; z-index: 50; } .mali-tooltip { height:36px; width:84px; padding:8px; background:transparent url('/images/bg/tooltip-small.png'); z-index: 500; text-align: center; color:#475e88; } .dugi-tooltip { height:36px; width:254px; padding:8px; background:transparent url('/images/bg/tooltip-long.png'); z-index: 2100; text-align: center; color: #475e88; } /* #header */ #header { margin: 0 auto; width: 946px; height: 238px; position: relative; background: transparent url('/images/bg/header.jpg') no-repeat 15px 54px; padding: 0 15px 0 15px; } #header .top-links { height: 54px; } .col1 { width: 400px; float: left; } .col2 { width: 270px; float: left; text-align: right; padding-top: 18px; } .col3 { width: 270px; float: right; text-align: right; } #header .col1 { padding-top: 22px; } #header p { font-size: 1.2em; line-height: 1.9em; margin: 0; color: #475e88; } #header .top-links a { color: #475e88; margin: 0 5px; } #header .top-links a:hover { text-decoration: underline; } #header a strong { color: #fff; } #header .adm { color: #c33e13 !important; } #basket-search form { width: 270px; } #search input { width: 205px; height: 20px; padding: 2px 5px 2px 30px; border: 0; float: left; font-size: 14px; line-height: 20px; -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px; background: #ffedbe url('/images/icons/search.png') no-repeat 5px 2px; color: #EB8023; position: relative; z-index: 3000; } #search button { border: 0; width: 26px; height: 24px; float: left; background: transparent url('/images/buttons/search.png') no-repeat 0 0; text-indent: -5000px; position: relative; z-index: 3000; } #search button:hover { background-position: 0 bottom; } .basket span { display: block; height: 30px; line-height: 30px; float: left; margin-right: 7px; } .basket a { display: block; height: 30px; float: left; background: transparent url('/images/icons/shopping-bag.gif') no-repeat right 0; padding-right: 25px; line-height: 30px; margin-right: 7px; } .basket .mp:hover { background-position: right -105px; } .basket .vp { background-position: right -35px; } .basket .vp:hover { background-position: right -140px; } .basket .zk { background-position: right -70px; } .basket .zk:hover { background-position: right -175px; } #logo-banner { height: 138px; } #logo { float: left; display: block; width: 197px; height: 138px; background: transparent url('/images/logo.png') no-repeat 0 0; text-indent: -5000px; } #logo img { display: none; } #header .banner { float: left; width: 468px; height: 60px; font-size: 0; line-height: 0; margin: 20px 0 0 47px; } #navigation { height: 36px; z-index: 50; position: absolute; bottom: 40px; left: 81px; } #navigation li { font-size: 20px; line-height: 30px; float: left; margin-right: -8px; } #navigation a { float: left; display: block; height: 36px; color: #475e88; background: transparent url('/images/bg/nav.png') no-repeat 0 -72px; padding-left: 13px; } #navigation a strong { font-family: homework; float: left; display: block; height: 36px; line-height: 30px; color: #475e88; background: transparent url('/images/bg/nav.png') no-repeat right -108px; padding: 0 20px 0 9px; text-transform: lowercase; cursor: pointer; } #navigation .active a { background-position: 0 0; } #navigation .active a strong { background-position: right -36px; color: #fff; text-transform: uppercase; } #navigation a:hover { text-decoration: none; } #navigation a:hover strong { color: #fff; text-decoration: none; } #navigation .active:hover strong { color: #fff; } #subnav { display: block; width: 946px; height: 46px; z-index: 10; position: absolute; bottom: 0; left: 15px; } #subnav-m { float: left; width: 934px; height: 36px; background: transparent url('/images/bg/subnav.png') repeat-x 0 -46px; padding-top: 10px; } #subnav-l { float: left; width: 6px; height: 46px; background: transparent url('/images/bg/subnav.png') no-repeat 0 0; } #subnav-r { float: left; width: 6px; height: 46px; background: transparent url('/images/bg/subnav.png') no-repeat 0 -92px; } #subnav ul { padding-left: 18px; } #subnav li { display: inline; } #subnav li { font-size: 20px; line-height: 27px; margin-right: 10px; } #subnav a { font-family: homework; background: transparent url('/images/icons/flowers.png') no-repeat 0 -85px; padding-left: 33px; padding-right: 10px; font-weight: bold; color: #ffe0a9; } #subnav a:hover, #subnav .active a { color: #f97e0d; background-position: 0 0; text-decoration: none; } #subnav .vp:hover, .vp #subnav .active a { color: #9bc850; background-position: 0 -28px; } #subnav .zk:hover, .zk #subnav .active a { color: #69cae2; background-position: 0 -56px; } .kosarica #subnav ul { text-align: right; padding-right: 73px; } /* #content */ #content { width: 946px; margin: 0 auto; padding: 0 15px 0 15px; } /* #site */ #site { width: 902px; margin: 0 auto; padding: 8px 0 1px 0; } #site h1 { font-family: homework; font-size: 4em; line-height: 1.7em; } #site h2 { font-size: 2.6em; line-height: 1.2em; color: #475e88; margin-bottom: 10px; } #site h3 { font-size: 1.7em; line-height: 1.2em; margin-bottom: 15px; color: #475e88; } #site h4 { color: #475e88; font-size: 1.6em; line-height: 1.2em; margin-bottom: 15px; } #site p { font-size: 1.4em; line-height: 1.2em; margin-bottom: 15px; color: #475e88; } #site .real-list { margin-bottom: 15px; } #site #single .real-list li { font-size: 1.4em; line-height: 1.2em; margin-bottom: 3px; color: #475e88; list-style-type: circle; margin-left: 15px; } #site a { color: #ff8a00; font-weight: bold; } #site .note { font-size: .9em !important; line-height: 1.2em; padding: 3px 15px 0 15px; color: #475e88; margin-bottom: 8px !important; } #site .note a { font-weight: normal !important; } /* #aside */ #aside { float: left; width: 125px; padding: 0 0 0 6px; margin-bottom: 10px; } .kolekcija-detalji #aside { width: 131px; padding-left: 0; } /* aside navigation - acordion */ #accordionitems, #accordion { width: 125px; padding-top: 11px; } #accordionitems h2, #accordion h2 { font-family: homework; margin: -11px 0 0 0; padding: 4px 0; height: 27px; font-size: 15px; line-height: 22px; cursor: pointer; background: transparent url('/images/bg/nav-aside.png') no-repeat 0 -30px; } #accordionitems h2.last, #accordion h2.last { background-position: 0 -65px; height: 22px; } #accordionitems h2 span, #accordion h2 span { display: block; background: transparent url('/images/icons/flowers.png') no-repeat 0 -231px; background-repeat: no-repeat; padding-left: 27px; font-family: homework; color: #475e88; } #accordionitems h2.current , #accordion h2.current { cursor: default; background: transparent url('/images/bg/nav-aside.png') no-repeat 0 0; height: 20px; } #accordionitems h2.current span, #accordion h2.current span { background-position: 0 -116px; color: #fff; } #accordionitems h2:hover span, #accordion h2:hover span { background-position: 0 -116px; color: #fff; } #accordionitems div.pane, #accordion div.pane { padding: 4px 0 2px 0; color: #fff; font-size: 12px; background: transparent url('/images/bg/aside-menu.png') no-repeat 0 bottom; } #accordionitems .pane h3 , #accordion .pane h3 { font-family: homework; margin: 0 0 3px 0; font-size: 14px; color: #475E88; padding: 0 6px; } #accordionitems .pane h3 , #accordion .pane h3.active { color: #FFF; } #accordionitems .pane h3 span, #accordion .pane h3 span { font-family: Arial, Helvetica, sans-serif; } #accordionitems .pane ul, #accordion .pane ul { padding-bottom: 10px; } #accordionitems .pane ul li, #accordion .pane ul li { width: 125px; } #accordionitems .pane ul li a, #accordion .pane ul li a { color: #475E88; display: block; padding: 3px 10px 4px 28px; background: transparent url('/images/icons/flowers.png') no-repeat 0 -230px; line-height: 14px; } #accordionitems .pane ul li.open a, #accordion .pane.open ul li a { color: #fff; display: block; padding: 3px 10px 4px 28px; background: transparent url('/images/icons/flowers.png') no-repeat 0 -117px; line-height: 14px; } #accordionitems .pane ul li.sale a, #accordion .pane ul li.sale a { color: #C33200; text-transform: uppercase; background-position: 0 -467px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; } #accordionitems .pane ul li a:hover, #accordionitems .pane ul li.active a, #accordion .pane ul li a:hover, #accordion .pane ul li.active a { background: transparent url('/images/icons/flowers.png') no-repeat 0 -117px; text-decoration: none; color: #fff; } #accordionitems .pane ul li.sale a:hover, #accordionitems .pane ul li.sale-opened a, #accordion .pane ul li.sale a:hover, #accordion .pane ul li.sale-opened a { background-position: 0 -545px; font-size: 14px; color: #C33200; } #accordionitems .current .closed a, #accordion .current .closed a { color: #475e88; background: transparent url('/images/icons/flowers.png') no-repeat 0 -231px; } /* aside navigation - without accordion */ #sidebar-nav { width: 125px; padding-top: 11px; } #sidebar-nav h2 { font-family: homework; margin: -11px 0 0 0; padding: 4px 0; height: 27px; font-size: 15px; line-height: 22px; cursor: pointer; background: transparent url('/images/bg/nav-aside.png') no-repeat 0 -30px; } #sidebar-nav h2.last { background-position: 0 -65px; height: 22px; } #sidebar-nav h2.lastCurrent { background-position: 0 -130px !important; } #sidebar-nav h2 span { display: block; background: transparent url('/images/icons/flowers.png') no-repeat 0 -231px; background-repeat: no-repeat; padding-left: 27px; font-family: homework; color: #475e88; } #sidebar-nav h2.current { cursor: default; background: transparent url('/images/bg/nav-aside.png') no-repeat 0 -95px; } #sidebar-nav h2.current span { background-position: 0 -116px; color: #fff; } #sidebar-nav h2:hover span { background-position: 0 -116px; color: #fff; } /* #main */ #main { float: right; width: 750px; padding-right: 6px; } /* #main-img - scrollable */ #main-img { position: relative; width: 720px; height: 430px; padding: 5px 5px 0 5px; margin: 0 auto 10px auto; } #main-img .scrollable { height: 430px; overflow: hidden; position: relative; width: 720px; } #main-img .scrollable .items { clear: both; position: absolute; width: 20000em; height: 430px; } #main-img .items .main-img { float: left; width: 720px; height: 430px; position: relative; } #main-img .scrollable img { float: left; height: 430px; width: 720px; } #main-img .effect { background: transparent url('/images/bg/main-img-effect.png') no-repeat 0 0; width: 720px; height: 430px; position: absolute; left: 0; top: 0; } #main-img .overlay { width: 716px; position: absolute; left: 2px; top: 100px; } #main-img .overlay-block { top: 2px; } #main-img .overlay-vertical { width: auto; position: absolute; top: 50px; } #main-img .overlay-vertical-right { width: auto; position: absolute; left: auto; right: 2px; top: 50px; text-align: right; } #main-img .overlay .row { display: block; padding: 0 40px; background: transparent url('/images/bg/overlay.png') repeat-x 0 0; margin-bottom: 10px; font-family: homework; color: #fff; } #main-img .overlay .row p { font-family: homework; color: #fff; } #main-img .overlay .block { display: block; height: 346px; padding: 40px; background: transparent url('/images/bg/overlay.png') repeat-x 0 0; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } #main-img .overlay .block-right { display: block; height: 346px; padding: 40px; background: transparent url('/images/bg/overlay.png') repeat-x 0 0; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; position: absolute; right: 0; top: 0; text-align: right; } #main-img .overlay * { color: #fff; } #main-img .overlay h1 a { font-family: homework; color: #fff; } #main-img .overlay h1 .row a { font-family: arial; font-size: 12px; } #wrapper .overlay a:hover { color: #FFDF87; text-decoration: none; } #wrapper .overlay h2 { font-size: 30px; } #wrapper .overlay h3 { font-size: 22px; } #wrapper .overlay p { font-size: 17px; margin-bottom: 10px; } #wrapper .overlay ul { margin-bottom: 10px; } #wrapper .overlay li { font-size: 17px; margin-bottom: 5px; } #buttons { position: absolute; right: 20px; top: 20px; text-align: center; } #buttons .navi a { display: inline-block; width: 20px; height: 20px; background: transparent url('/images/icons/bullet.png') no-repeat 0 0; margin: 0 2px; } #buttons .navi a:hover, #buttons .navi a.active { background-position: 0 -30px; } /* #breadcrumbs */ #breadcrumbs { background-color: #fff3d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 auto 8px auto; width: 888px; } #breadcrumbs li { display: block; float: left; font-size: 11px; height: 18px; line-height: 18px; } #breadcrumbs li span { background-color: #F5821F; display: inline-block; width: 107px; height: 18px; line-height: 18px; padding: 0 8px; color: #fff3d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; margin-right: 5px; } #breadcrumbs li a { display: inline-block; height: 18px; line-height: 18px; color: #F5821F; background: transparent url('/images/bg/breadcrumbs.png') no-repeat right 50%; padding: 0 25px 0 8px; } #breadcrumbs li a:hover { color: #ffa200; text-decoration: none; } #breadcrumbs li strong { display: inline-block; color: #F5821F; height: 18px; line-height: 18px; padding: 0 0 0 8px; } /* .pages */ .pages { float: right; margin: 0 2px 0 0; } #site .pages a { margin: 0; font-size: 11px; color: #475e88; line-height: 20px; } #aside .pages a { font-size: 11px; line-height: 11px; vertical-align: top; margin: 0; } #aside .pages a.prev { margin-left: 1px; } #aside .pages a.next { margin-right: 1px; } #site .pages a:hover { text-decoration: underline; } .pages strong { margin: 0 1px; color: #F5821F; font-size: 11px; line-height: 20px; } #aside .pages strong { font-size: 11px; line-height: 11px; vertical-align: top; margin: 0; } .pages .first-page, .pages .first-page { margin: 0 3px; } .pages .inactive { font-weight: bold !important; color: #FF8A00 !important; } /* .choose */ #site .choose { z-index: 1100; position: relative; padding: 2px 7px 0 7px; width: 876px; height: 30px; background: transparent url('/images/bg/choose.png') no-repeat 0 0; margin: 0 auto 8px auto; } #site .choose p { margin-bottom: 0; } .choose label { float: left; font-size: 11px; line-height: 22px; margin: 0 0 0 2px; color: #475e88; font-weight: normal !important; } .choose .drop { margin: 0 0 0 6px !important; } .choose .niceform { float: left; width: 515px; padding-top: 3px; } .choose .more-pages { width: 360px; float: right; text-align: right; padding-top: 3px; } .choose .more { font-size: 1em !important; padding: 0 7px 0 0; display: inline; } .choose .more strong { font-size: 1.2em; } .choose .more a { color: #475E88 !important; } /* .choose .more .show-20 { display: none; } */ .choose .more-pages .pages { float: none; display: inline; } .choose .pages { padding-top: 4px; } #site .choose .back { margin: 0 2px; line-height: 26px; float: left; } #site .choose .back a:hover { text-decoration: none; color: #475e88; } #site .choose-small { z-index: 500; position: relative; padding: 10px 7px 0 22px; width: 341px; height: 52px; background: transparent url('/images/bg/choose-small.png') no-repeat 0 0; } #site .choose-small label { padding: 0 0 3px 8px; font-weight: bold; font-size: 12px; font-weight: bold; } .aside-pages { padding: 0 7px 0 8px; float: none; margin: 0; } /* .box1, .box2, .box3, .box4 */ .box1 { width: 750px; background: transparent url('/images/bg/box1.png') repeat-y 50% 0; position: relative; z-index: 10; margin: 0 0 10px 0; } .box1-top { width: 750px; background: transparent url('/images/bg/box1.png') no-repeat 0 0; } .box1-bottom { width: 736px; padding: 8px 7px; background: transparent url('/images/bg/box1.png') no-repeat right bottom; } .box2 { width: 726px; background: transparent url('/images/bg/box2.png') repeat-y 50% 0; margin: 0 auto 5px auto; } .box2-top { width: 686px; height: 45px; background: transparent url('/images/bg/box2.png') no-repeat 0 0; padding: 20px 20px 0 20px; margin: 0 auto; } .box2-bottom { width: 726px; height: 45px; background: transparent url('/images/bg/box2.png') no-repeat right bottom; margin: 0 auto; } .box2-header { background-color: #fff3d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .date { display: block; float: left; background-color: #F5821F; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px; padding: 2px 5px; color: #fff3d5; font-family: Georgia, Garamond, serif; font-weight: bold; } #site .box2 h2 { display: block; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #F5821F; margin: 0; height: 18px; line-height: 18px; padding: 0 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #site .box2 h3 { font-family: Arial, Helvetica, sans-serif; color: #F5821F; margin: 0; font-weight: normal; } #site .box2 p { margin: 10px 0 0 0; line-height: 1.28em; } .box2-middle { padding: 0 20px; } .box2 .img { font-size: 0; line-height: 0; } .box2 .imgl { float: left; margin: 0 15px 5px 0; } .box2 .imgr { float: right; margin: 0 0 5px 15px; } .box2 .imgc { margin: 10px 0; text-align: center; } .box4 { width: 890px; background: transparent url('/images/bg/box4.png') repeat-y 50% 0; margin: 0 auto 8px auto; } .box4-top { background: transparent url('/images/bg/box4.png') no-repeat 0 0; padding: 20px 0 0 0; } .prijava .box4-top { padding: 20px 25px; } .box4-bottom { background: transparent url('/images/bg/box4.png') no-repeat right bottom; } .box4 .col1 { width: 640px; } .box4 .col2 { width: 200px; padding-top: 0; float: right; } /* .products */ .products li { display: block; float: left; width: 180px; height: 290px; margin: 0 0 2px 3px; display: inline; } .products li .bg { display: block; width: 180px; height: 290px; background: transparent url('/images/bg/product-bg.png') no-repeat 0 0; position: absolute; top: 0; left: 0; z-index: 40; } .products li a { display: block; float: left; width: 161px; height: 282px; padding: 8px 9px 0 10px; position: relative; cursor: pointer; } .products li a img { font-size: 0; line-height: 0; width: 161px; height: 215px; } .products li a .title { text-align: center; padding: 5px 10px 0 10px; font-size: 12px; color: #475e88; width: 142px; display: block; position: relative; z-index: 50; } .products li a:hover, .products li a:hover span, .products li a:hover strong { text-decoration: none !important; } .products li .overlay { z-index: 60; position: absolute; top: 200px; left: 12px; width: 136px; height: 20px; padding: 0 10px; cursor: pointer; text-transform: uppercase; font-size: 17px; color: #fff; text-align: left; text-indent: -5000px; } .products li .overlay-visible { display: block; background: transparent url('/images/bg/overlay-main.png') no-repeat 0 0; text-align: center; text-indent: 0; } .products li a .hover { color: #ff8a00; } .aside-products { height: 646px !important; padding-left: 5px; overflow: hidden; margin: 6px 0; } .aside-products li { width: 98px; height: 149px; margin: 0 auto; padding: 0; float: left; margin-bottom: 6px; } .aside-products li.bordered { border: 1px solid #C33200; } .aside-products li .bg { display: block; width: 98px; height: 149px; background: transparent url('/images/bg/product-aside-bg.png') no-repeat 0 0; position: absolute; top: 0; left: 0; } .aside-products li.hover { background-position: 0 0; } .aside-products li a { width: 90px; height: 119px; padding: 5px 0 0 5px; float: none; cursor: pointer; } .aside-products li a img { width: 90px; height: 119px; } .aside-products li a:hover, .aside-products li a:hover span, .aside-products li a:hover strong { text-decoration: none !important; } .aside-products li a .hover { color: #ff8a00; } .aside-products li a .title { width: auto; padding: 0 2px 0 2px; font-size: 11px; } .aside-products li .overlay { top: 108px; left: 5px; width: 82px; height: 14px; padding: 0 3px; font-size: 10px; color: #fff; text-transform: none; } .aside-products li .overlay-visible { background: transparent url('/images/bg/overlay-aside.png') no-repeat 0 0; } /* product stickers */ .product-big .stick { z-index: 150; position: absolute; top: 5px; left: 0; width: 75px; height: 75px; } .product-big .st-akcija { top: 297px; } .product-big .st-top1 { top: 5px; } .product-big .st-top2 { top: 75px; } .product-big .st-top3 { top: 145px; } .product-big .st-akcija5 { background: transparent url('/images/stick/article_action_5.png') no-repeat 0 0; } .product-big .st-akcija10 { background: transparent url('/images/stick/article_action_10.png') no-repeat 0 0; } .product-big .st-akcija15 { background: transparent url('/images/stick/article_action_15.png') no-repeat 0 0; } .product-big .st-akcija20 { background: transparent url('/images/stick/article_action_20.png') no-repeat 0 0; } .product-big .st-akcija25 { background: transparent url('/images/stick/article_action_25.png') no-repeat 0 0; } .product-big .st-akcija30 { background: transparent url('/images/stick/article_action_30.png') no-repeat 0 0; } .product-big .st-akcija35 { background: transparent url('/images/stick/article_action_35.png') no-repeat 0 0; } .product-big .st-akcija40 { background: transparent url('/images/stick/article_action_40.png') no-repeat 0 0; } .product-big .st-akcija45 { background: transparent url('/images/stick/article_action_45.png') no-repeat 0 0; } .product-big .st-akcija50 { background: transparent url('/images/stick/article_action_50.png') no-repeat 0 0; } .product-big .st-akcija55 { background: transparent url('/images/stick/article_action_55.png') no-repeat 0 0; } .product-big .st-akcija60 { background: transparent url('/images/stick/article_action_60.png') no-repeat 0 0; } .product-big .st-akcija65 { background: transparent url('/images/stick/article_action_65.png') no-repeat 0 0; } .product-big .st-akcija70 { background: transparent url('/images/stick/article_action_70.png') no-repeat 0 0; } .product-big .st-akcija75 { background: transparent url('/images/stick/article_action_75.png') no-repeat 0 0; } .product-big .st-akcija80 { background: transparent url('/images/stick/article_action_80.png') no-repeat 0 0; } .product-big .st-akcija85 { background: transparent url('/images/stick/article_action_85.png') no-repeat 0 0; } .product-big .st-na-akciji { background: transparent url('/images/stick/prop_akcija.png') no-repeat 0 0; } .product-big .st-biopamuk { background: transparent url('/images/stick/prop_biopamuk.png') no-repeat 0 0; } .product-big .st-na-akciji { background: transparent url('/images/stick/prop_akcija.png') no-repeat 0 0; } .product-big .st-biopamuk { background: transparent url('/images/stick/prop_biopamuk.png') no-repeat 0 0; } .product-big .st-cool { background: transparent url('/images/stick/prop_cool.png') no-repeat 0 0; } .product-big .st-dostupno { background: transparent url('/images/stick/prop_dostupno.png') no-repeat 0 0; } .product-big .st-dostupno-odmah { background: transparent url('/images/stick/prop_dostupnoodmah.png') no-repeat 0 0; } .product-big .st-fancy { background: transparent url('/images/stick/prop_fancy.png') no-repeat 0 0; } .product-big .st-gala { background: transparent url('/images/stick/prop_gala.png') no-repeat 0 0; } .product-big .st-hit { background: transparent url('/images/stick/prop_hit.png') no-repeat 0 0; } .product-big .st-nedostupno { background: transparent url('/images/stick/prop_nedostupno.png') no-repeat 0 0; } .product-big .st-novo { background: transparent url('/images/stick/prop_novo.png') no-repeat 0 0; } .product-big .st-svecano { background: transparent url('/images/stick/prop_svecano.png') no-repeat 0 0; } .product-big .st-top5 { background: transparent url('/images/stick/prop_top5.png') no-repeat 0 0; } .product-big .st-trendy { background: transparent url('/images/stick/prop_trendy.png') no-repeat 0 0; } .product-big .st-uskoro { background: transparent url('/images/stick/prop_uskoro.png') no-repeat 0 0; } .product-big .st-zakljucnica { background: transparent url('/images/stick/prop_zakljucnica.png') no-repeat 0 0; } .product-big .st-povoljno { background: transparent url('/images/stick/prop_povoljno.png') no-repeat 0 0; } /* product small stickers */ .products li .stick-small { z-index: 150; position: absolute; top: 5px; left: 0; width: 35px; height: 35px; } .products li .st-sm-akcija { top: 192px; } .products li .st-sm-top1 { top: 5px; } .products li .st-sm-top2 { top: 45px; } .products li .st-sm-top3 { top: 85px; } .products li .st-sm-akcija5 { background: transparent url('/images/stick/article_action_5_small.png') no-repeat 0 0; } .products li .st-sm-akcija10 { background: transparent url('/images/stick/article_action_10_small.png') no-repeat 0 0; } .products li .st-sm-akcija15 { background: transparent url('/images/stick/article_action_15_small.png') no-repeat 0 0; } .products li .st-sm-akcija20 { background: transparent url('/images/stick/article_action_20_small.png') no-repeat 0 0; } .products li .st-sm-akcija25 { background: transparent url('/images/stick/article_action_25_small.png') no-repeat 0 0; } .products li .st-sm-akcija30 { background: transparent url('/images/stick/article_action_30_small.png') no-repeat 0 0; } .products li .st-sm-akcija35 { background: transparent url('/images/stick/article_action_35_small.png') no-repeat 0 0; } .products li .st-sm-akcija40 { background: transparent url('/images/stick/article_action_40_small.png') no-repeat 0 0; } .products li .st-sm-akcija45 { background: transparent url('/images/stick/article_action_45_small.png') no-repeat 0 0; } .products li .st-sm-akcija50 { background: transparent url('/images/stick/article_action_50_small.png') no-repeat 0 0; } .products li .st-sm-akcija55 { background: transparent url('/images/stick/article_action_55_small.png') no-repeat 0 0; } .products li .st-sm-akcija60 { background: transparent url('/images/stick/article_action_60_small.png') no-repeat 0 0; } .products li .st-sm-akcija65 { background: transparent url('/images/stick/article_action_65_small.png') no-repeat 0 0; } .products li .st-sm-akcija70 { background: transparent url('/images/stick/article_action_70_small.png') no-repeat 0 0; } .products li .st-sm-akcija75 { background: transparent url('/images/stick/article_action_75_small.png') no-repeat 0 0; } .products li .st-sm-akcija80 { background: transparent url('/images/stick/article_action_80_small.png') no-repeat 0 0; } .products li .st-sm-akcija85 { background: transparent url('/images/stick/article_action_85_small.png') no-repeat 0 0; } .products li .st-sm-na-akciji { background: transparent url('/images/stick/prop_akcija_small.png') no-repeat 0 0; } .products li .st-sm-biopamuk { background: transparent url('/images/stick/prop_biopamuk_small.png') no-repeat 0 0; } .products li .st-sm-na-akciji { background: transparent url('/images/stick/prop_akcija_small.png') no-repeat 0 0; } .products li .st-sm-biopamuk { background: transparent url('/images/stick/prop_biopamuk_small.png') no-repeat 0 0; } .products li .st-sm-cool { background: transparent url('/images/stick/prop_cool_small.png') no-repeat 0 0; } .products li .st-sm-dostupno { background: transparent url('/images/stick/prop_dostupno_small.png') no-repeat 0 0; } .products li .st-sm-dostupno-odmah { background: transparent url('/images/stick/prop_dostupnoodmah_small.png') no-repeat 0 0; } .products li .st-sm-fancy { background: transparent url('/images/stick/prop_fancy_small.png') no-repeat 0 0; } .products li .st-sm-gala { background: transparent url('/images/stick/prop_gala_small.png') no-repeat 0 0; } .products li .st-sm-hit { background: transparent url('/images/stick/prop_hit_small.png') no-repeat 0 0; } .products li .st-sm-nedostupno { background: transparent url('/images/stick/prop_nedostupno_small.png') no-repeat 0 0; } .products li .st-sm-novo { background: transparent url('/images/stick/prop_novo_small.png') no-repeat 0 0; } .products li .st-sm-svecano { background: transparent url('/images/stick/prop_svecano_small.png') no-repeat 0 0; } .products li .st-sm-top5 { background: transparent url('/images/stick/prop_top5_small.png') no-repeat 0 0; } .products li .st-sm-trendy { background: transparent url('/images/stick/prop_trendy_small.png') no-repeat 0 0; } .products li .st-sm-uskoro { background: transparent url('/images/stick/prop_uskoro_small.png') no-repeat 0 0; } .products li .st-sm-zakljucnica { background: transparent url('/images/stick/prop_zakljucnica_small.png') no-repeat 0 0; } .products li .st-sm-povoljno { background: transparent url('/images/stick/prop_povoljno_small.png') no-repeat 0 0; } /* total look */ .total-look .box1-bottom { padding: 20px 7px; } .total-look .img { float: left; width: 270px; padding: 0 28px 0 40px; } .total-look .img img { width: 264px; height: 350px; } .total-look .details { float: left; width: 320px; height: 320px; margin-left: 10px; padding: 15px; } .total-look .cure, .total-look .totallook2 { background: transparent url("http://www.fckids.hr/images/bg/izdvajamo-trendovi-cure.png") no-repeat 0 0; } .total-look .decki, .total-look .totallook3 { background: transparent url("http://www.fckids.hr/images/bg/izdvajamo-trendovi-decki.png") no-repeat 0 0; } .total-look .babycure, .total-look .totallook4 { background: transparent url("http://www.fckids.hr/images/bg/izdvajamo-trendovi-babycure.png") no-repeat 0 0; } .total-look .babydecki, .total-look .totallook5 { background: transparent url("http://www.fckids.hr/images/bg/izdvajamo-trendovi-babydecki.png") no-repeat 0 0; } .total-look .details h2 { margin: 0 0 6px 0 !important; } .total-look .cure h2, .total-look .totallook2 h2 { color: #FFCB5A !important; } .total-look .decki h2, .total-look .totallook3 h2 { color: #A1B8FC !important; } .total-look .babycure h2, .total-look .totallook4 h2 { color: #FFC2DF !important; } .total-look .babydecki h2, .total-look .totallook5 h2 { color: #88E6FF !important; } .total-look .details h2 span { font-size: 14px; } .total-look .details h3 { color: #FFFFFF !important; margin: 0 0 15px 0 !important; } .total-look .details table { width: 320px; margin: 0 0 15px 0; } .total-look .details p, .total-look .details a { color: #FFFFFF; font-size: 11px !important; } .total-look .details th { color: #180057; font-weight: bold; text-align: left; font-size: 11px; height: 24px; vertical-align: top; } .total-look .details td { color: #FFFFFF; font-size: 11px; padding-left: 2px; height: 24px; vertical-align: top; } .total-look .details td.w0 { text-align: left !important; width: 30px; } .total-look .details td.w1 { width: 162px; } .total-look .details td.w2 { width: 50px; } .total-look .details td.w2 a { color: #FFF !important; } .total-look .details td.w2 .new-price a { color: #C33200 !important; } .total-look .details p { color: #FFF !important; } .total-look .details td.w2 a { color: #FFF !important; } .total-look .details td.w2 .new-price a { color: #C33200 !important; } .total-look .details p { color: #FFF !important; } .total-look .details td span { display: block; } /* kosarica */ .kosarica .choose .back { float: left; } .kosarica .choose .niceform { width: 400px; padding-left: 10px; } .kosarica .choose .print { float: left; line-height: 26px !important; } .kosarica .choose .print a { line-height: 26px !important; vertical-align: middle; font-size: 11px; font-weight: normal !important; color: #475e88 !important; } .kosarica .choose .print a img { line-height: 26px !important; vertical-align: middle; } .kosarica .choose .print a:hover { text-decoration: none; color: #F5821F !important; } #wrapper .kosarica .note { text-align: right; margin: 0 !important; } .kosarica .note span { color: #c33200; } .kosarica table { width: 890px; margin: 0 auto; } .kosarica table tr { position: relative; } .kosarica table th { height: 46px; background: transparent url('/images/bg/table.png') no-repeat 50% 0; color: #475e88; text-align: center; font-size: 12px; vertical-align: middle; white-space: nowrap; } .kosarica table th.first { background-position: 0 0; padding: 0 5px 0 10px; } .kosarica table th.last { background-position: right 0; padding: 0 10px 0 5px; } .kosarica .on-top th { background-position: 50% -138px; } .kosarica .on-top th.first { background-position: 0 -138px; } .kosarica .on-top th.last { background-position: right -138px; } .vp .box4 table th { background-position: 50% -46px; } .vp .box4 table th.first { background-position: 0 -46px; } .vp .box4 table th.last { background-position: right -46px; } .vp .box4 .on-top th { background-position: 50% -184px; } .vp .box4 .on-top th.first { background-position: 0 -184px; } .vp .box4 .on-top th.last { background-position: right -184px; } .zk .box4 table th { background-position: 50% -92px; } .zk .box4 table th.first { background-position: 0 -92px; } .zk .box4 table th.last { background-position: right -92px; } .zk .box4 .on-top th { background-position: 50% -230px; } .zk .box4 .on-top th.first { background-position: 0 -230px; } .zk .box4 .on-top th.last { background-position: right -230px; } .box4 th .icon { vertical-align: middle; padding-bottom: 10px; } .kosarica .dosadasnje-narudzbe th.last { width: 178px; } .kosarica table td { padding: 10px 5px; font-size: 12px; line-height: 15px; text-align: center; color: #F5821F; font-weight: bold; vertical-align: top; } .kosarica .bez-slika td { vertical-align: middle; } .kosarica .dosadasnje-narudzbe td { color: #475e88; vertical-align: middle; } .kosarica table td.img { padding: 10px; } .kosarica table td.form-elements .drop, .kosarica table td.form-elements .nodrop, .kosarica table td.form-elements input { float: none; } .kosarica table td.form-elements { padding-top: 7px; } .kosarica table td.form-elements .dropme { text-align: left; } .kosarica table td.status1 { color: #7ead2d; } .kosarica table td.status3 a { text-decoration: underline; } .kosarica table td.status4 { color: #c33200; } .kosarica table td a { color: #475e88 !important; } .kosarica table td a strong.twice { color: #7ead2d !important; font-size: 15px; padding-left: 3px; display: block; } .kosarica table td a strong.remove { color: #c33200 !important; font-size: 15px; padding-left: 3px; display: block; } .kosarica table td a:hover strong { text-decoration: none !important; } .kosarica table .napomena { text-align: left; padding-left: 9px; padding-right: 0; width: 555px; } .kosarica table .napomena label { width: auto; font-weight: normal; padding-left: 9px; text-transform: none; margin-bottom: 5px; } .kosarica table .total-price { font-size: 13px; color: #475e88; text-align: right; padding-right: 8px; } .kosarica table .total-price .s1 { width: 125px; display: inline-block; text-align: left; font-weight: normal; } .kosarica table .total-price .s2 { width: 170px; display: inline-block; } .kosarica table .total { font-size: 28px !important; padding: 10px 0 0 0; font-weight: bold; text-align: right; padding-right: 8px; white-space: nowrap; } .kosarica table .total span { color: #c33200; text-transform: uppercase; } .kosarica table .total .s1 { width: 125px; display: inline-block; text-align: left; } .kosarica table .total .s2 { width: 170px; display: inline-block; } .kosarica table button { float: right; margin-right: 5px; } .box4 table .coloredRow td { background: #fed884; } .box4 table .row-hover td { background: #fee2a1; } html>/**/body .box4 table .coloredRow td { background: transparent url('/images/bg/table-row.png') repeat-y 0 0; } html>/**/body .box4 table .row-hover td { background: transparent url('/images/bg/table-row-hover.png') repeat-y 0 0; } .kosarica .niceform .dropme { z-index: 600; } .kosarica .intro { line-height: 35px !important; padding: 0 25px; font-size: 1.3em !important; } .kosarica .intro .button1 { float: none; display: inline-block; } html>/**/body .kosarica .intro .button1 { float: right; } .kosarica .podaci { padding: 0 25px; z-index: 2100; position: relative; } .kosarica .podaci span { width: 180px; float: left; line-height: 22px; } .kosarica .podaci strong, .kosarica .podaci .drop { text-align: right; float: left; width: 160px; } .kosarica .podaci .col3 { padding-right: 60px; width: 340px; padding-top: 24px; margin-bottom: 10px; } .kosarica .podaci .col3 p { width: 340px; } .kosarica .podaci .col4 { padding-left: 60px; width: 340px; margin-bottom: 10px; } #site .podaci .col4 .note { float: none; width: auto; padding: 0 !important; margin: 0; font-size: .8em !important; } #site .paragraph { color: #475E88; font-size: 1.4em; line-height: 1.2em; margin-bottom: 5px; position: relative; } .prihvacam input { float: none !important; } .dostava { z-index: 3000; } .inner { padding: 0 25px 20px 25px; } .inner .col1 { width: 624px; } #site .inner h2 { margin-bottom: 15px; } #site .inner p { font-size: 15px; } #site .detalji p { margin: 0; } .inner .napomena { margin: 10px 0 !important; } .inner { padding: 0 25px 10px 25px; } /* prijava i registracija */ .box4 h2 { text-transform: uppercase; } .box4 h2 span { text-transform: none; font-weight: normal; } .box4 h2 img { vertical-align: -12%; } #site .box4 .nodrop { float: none; display: block; } .box4 label { text-transform: uppercase; float: left; width: 180px; line-height: 16px; padding-top: 6px; } .box4 input { float: left; } .box4 .podaci .col3 input { float: right; } .box4 .podaci .col3 .dropme { left: auto; right: 0; text-align: left; z-index: 5000; } .box4 .col2 .button1 { float: none; float: right; clear: both; text-align: left; } .problems { text-align: right; height: auto !important; font-size: 11px !important; padding-right: 7px; } .problems a { color: #475e88 !important; text-decoration: underline; } #site .box4 form .col3 p, #site .box4 form .col4 p { height: 42px; margin: 0 0 5px 0 !important; } #site .podaci form .col3 p, #site .podaci form .col4 p { height: auto; } #site .box4 form .col3 .input, #site .box4 form .col4 input { float: none; } #site.prijava form input#newsletter { float: left; } .box4 p .icon { float: left; margin: 2px 5px 0 0; } .box4 p label .icon { margin: 0 3px 0 0; } .box4 h3 { color: #475e88; margin: 0 0 5px 0 !important; } .box4 .col3 { float: left; width: 400px; text-align: left; } .box4 .col4 { float: right; width: 400px; } .box4 .col3 label, .box4 .col4 label { width: 146px; } #site .box4 label .note { color: #475e88; font-size: 11px !important; font-weight: normal; display: block; text-transform: none; text-align: left; padding: 0; margin: 0 !important; } #site .box4 label .smaller { line-height: 11px; } #promijeni-lozinku-content { background: #ffdf87; padding: 15px; margin: -4px 0 0 0; -webkit-border-radius: 7px 0 7px 7px; -moz-border-radius: 7px 0 7px 7px; border-radius: 7px 0 7px 7px; display: none; width: 810px; } #promijeni-lozinku-content .col1 { width: 520px; padding: 5px 0 0 0; } #promijeni-lozinku-content .col1 p { clear: none; float: left; display: inline; } #promijeni-lozinku-content .col2 { padding: 0; } #promijeni-lozinku-content .button1 { margin: 0; } #site .box4 #newsletter1, #site .box4 #newsletter2 { float: left; } #site .box4 .bottom-button .button1 { float: right; margin: 0; } /* poruke */ .pretraga input { margin-top: 5px !important; } /* popup */ .popup { border: 0; position: absolute; top: 0; left: -5000px; width: 720px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url("css/PIE.php"); } html>/**/body .popup { border: 0; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 10px solid #435069; background-color: #435069; } .shadowed { -webkit-box-shadow: 0px 0px 20px #662f00; -moz-box-shadow: 0px 0px 20px #662f00; box-shadow: 0px 0px 20px #662f00; behavior: url("css/PIE.php"); } .popup .top { height: 28px; padding-top: 8px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: transparent url('/images/bg/top.png') repeat-x 0 0; behavior: url("css/PIE.php"); } .vp .top { background: transparent url('/images/bg/top.png') repeat-x 0 -36px; } .zk .top { background: transparent url('/images/bg/top.png') repeat-x 0 -72px; } .popup .top h2 { color: #fff; font-weight: bold; font-size: 1.7em; margin: 0; padding: 0 12px; float: left; } .popup-body { width: 680px; background: #fff; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; padding: 20px; behavior: url("css/PIE.php"); } .popup .close { background: transparent url("http://www.fckids.hr/images/buttons/close.png") no-repeat right 0; cursor: pointer; display: block; float: right; height: 11px; line-height: 11px; margin: 4px 6px 0 0; padding: 0 15px 0 2px; font-size: 12px; text-transform: uppercase; color: #475e88 !important; font-weight: bold; } /* #basket-popup .close { color: #fff !important; font-weight: normal; } */ .basket { float: right; } #emptyArticlesNotice .basket { float: none; } .popup .close span { text-transform: none; font-size: 10px; line-height: 11px; vertical-align: top; font-weight: normal; } .popup .close:hover { text-decoration: none; } .popup h2 { font-size: 2.4em; margin: 0 0 14px 0; color: #475e88; } .popup h3 { font-size: 1.3em; line-height: 1em; margin: 0; color: #475e88; } .popup p { font-size: 1.4em; line-height: 1.2em; color: #475e88; margin: 0 !important; } .popup a { color: #475e88; text-decoration: none; } .popup a:hover { text-decoration: underline; } .popup .product-big { float: left; } .popup .img img { width: 264px; height: 350px; float: left; } .popup .img .next:hover { background-position: -20px 50%; } .popup .desc { float: right; width: 350px; padding-top:10px; } .popup .old-price { color: #c33200; } .popup .new-price { text-decoration: underline; margin-left: 5px; } .popup h2 strong { color: #c33200; } p.with-button { padding-top: 10px; text-align: center; } .popup .more { float: left; font-size: 12px; font-weight: normal; line-height: 38px; } .popup .products { display: block; width: 344px; height: 305px; margin-top: 5px; overflow: auto; } .small-products li { width: 60px; height: 77px; background: transparent url('/images/bg/product-small-bg.png') no-repeat 0 -77px; margin: 0 3px 3px 0; } .popup .small-products li { margin: 0; } .vp .small-products li { background-position: 0 -154px; } .zk .small-products li { background-position: 0 -231px; } .small-products li.hover { background-position: 0 0; } .small-products li a { width: 50px; height: 67px; padding: 5px 5px 5px 2px; cursor: pointer; } .popup .small-products li a { padding-left: 5px; } .small-products li a img { width: 50px; height: 67px; border: 0; } .small-products li a:hover, .small-products li a:hover span, .small-products li a:hover strong { text-decoration: none !important; } .small-products li a .hover { color: #ff8a00; } .small-products li .overlay { top: 61px; left: -2px; width: 53px; height: 14px; padding: 0 2px; font-size: 9px; text-transform: none; } .small-products li .overlay-visible { background: transparent url('/images/bg/overlay.png') repeat-x 0 0; } .popup .small-products li .overlay { left: 6px; } .popup .note { font-size: 11px !important; line-height: 1.2em; margin: 10px 0 0 10px; color: #475e88; text-align: left; } #product-popup { z-index: 9999; } #product-popup .popup-body { } #add-product-popup { text-align: center; width: 520px; z-index: 20000 !important; } #add-product-popup .popup-body { width: 500px; padding: 20px 10px; } #basket-popup { z-index: 30000; padding: 10px; background-color: #fff; width: 654px; } #basket-popup .popup-body { background: #fff; width: 654px; padding: 0; min-height: 295px; } .popup .box3 { background: #fb982f; border: 1px solid #845d0e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px 10px 10px 10px; margin-bottom: 15px; } .vp .popup .box3 { background: #7eaf2c; border: 1px solid #5e7434; } .zk .popup .box3 { background: #3298ba; border: 1px solid #748494; } #basket-popup .close { float: none; text-align: right; margin-bottom: 10px; } #basket-popup h2 { padding: 0 20px; color: #fff; font-size: 2.1em; } #basket-popup .close span { color: #fff; } #basket-popup h3 { font-size: 14px; text-decoration: underline; color: #475e88; margin-bottom: 25px; } #basket-popup p { color: #475e88; } #basket-popup .basket { background: transparent url('/images/icons/shopping-bag-big.png') no-repeat 10px 20px; min-height: 130px; height: 100% !important; height: 130px; position: relative; float: left; width: 280px; padding-left: 10px; } .vp #basket-popup .basket { background-position: 10px -110px; } .zk #basket-popup .basket { background-position: 10px -240px; } #basket-popup .basket p { padding-left: 100px; } #basket-popup .basket .total { position: absolute; bottom: 10px; left: 10px; } #basket-popup .buttons { padding-top: 80px; float: left; } #basket-popup .buttons .button1 { display: inline; } .popup table { width: 630px; margin: 0 auto; border: 1px solid #845d0e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .vp .popup table { border: 1px solid #5e7434; } .zk .popup table { border: 1px solid #748494; } .popup table th { height: 25px; background-color: #ffd159; border-bottom: 1px solid #845d0e; color: #475e88; } .popup table th.first { -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .popup table th.last { -webkit-border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .vp .popup table th { background-color: #c4df74; border-bottom: 1px solid #5e7434; } .zk .popup table th { background-color: #a2d9f7; border-bottom: 1px solid #748494; } .popup table td { background-color: #fff; color: #475e88; padding: 10px 10px 0 10px; font-size: 12px; line-height: 14px; text-align: center; vertical-align: top; } .popup table td.w1 { width: 60px; text-align: center; vertical-align: middle; } .popup table td.w2 { width: 230px; } .popup table td.table-bottom { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; height: 10px; padding: 0; line-height: 0; font-size: 0; } .popup form { margin: 0 auto; width: 360px; } .niceform .col { float: left; margin: 0 5px; color: #475e88; } .popup form .col { text-align: left; font-size: 1.4em; line-height: 1.2em; margin: 0 9px; display: inline; z-index: 50; position: relative; } .niceform label { display: block; font-weight: bold; } .popup label { font-size: 12px; line-height: 20px; margin: 0; padding-left: 8px; font-weight: bold; } .niceform .add { float: none; z-index: 5; position: relative; } .popup .bottom-links { clear: both; font-size: 1.1em !important; padding: 15px 20px 0; } .popup .bottom-links .prev { float: left; } .popup .bottom-links .next { float: right; } /* styled selects */ .niceform input { border: 0; font-size: 12px; height: 22px; line-height: 22px; font-weight: bold; color: #F5821F; margin: 0; width: 85px; background: transparent url("../images/bg/drop.png") no-repeat 0 0; padding: 0 20px 0 4px; cursor: pointer; vertical-align: middle; } .popup .niceform input { background-position: 0 -22px; color: #475e88; } .niceform .drop, .niceform .nodrop { position: relative; float: left; margin: 0; display: inline; } .niceform .dropme { position: absolute; top: 19px; left: 0; background: transparent url("../images/bg/dropme.png") no-repeat 0 bottom; border: 0; border-top: 0; padding: 4px 4px 4px 4px; display: none; width: 101px; max-height: 220px; height:auto !important; height:220px; } .niceform .dropme ul { max-height: 220px; height:auto !important; height:220px; overflow: auto; } .popup .niceform .dropme { background-position: -109px bottom; color: #475e88; } .niceform .dropme li { zoom: 1; } .niceform .dropme li a { font-size: 12px; background: transparent !important; color: #F5821F !important; display: block; padding: 1px 1px; text-decoration: none !important; } .niceform .dropme li a:hover { background: #feb567 !important; color: #475E88 !important; text-decoration: none !important; } .popup .niceform .dropme li a { color: #475e88 !important; } .popup .niceform .dropme li a:hover { background: #475e88 !important; color: #fff !important; } .niceform .w1 input { width: 75px; font-size: 11px; background-position: 0 -66px; } .niceform .w2 input { width: 51px; font-size: 11px; background-position: 0 -110px; } .popup .niceform .w1 input { background-position: 0 -88px; color: #9bc850; } .niceform .w1 .dropme { width: 91px; background-position: -218px bottom; } .niceform .w2 .dropme { width: 67px; background-position: -416px bottom; } .popup .niceform .w1 .dropme { background-position: -317px bottom; } .niceform .w1 .dropme li a { font-size: 11px; } .niceform .w2 .dropme li a { font-size: 11px; } .niceform input.input { width: 69px; padding: 0 8px; background-position: 0 -132px; cursor: text; } .niceform .w1 input.input { width: 59px; padding: 0 8px; background-position: 0 -198px; } .niceform .w2 input.input { width: 34px; padding: 0 8px; background-position: 0 -242px; } .niceform .w3 input.input { width: 234px; height: 22px; padding: 3px 8px; background-position: 0 -264px; font-size: 14px; } .niceform .w4 input.input { width: 334px; height: 22px; padding: 3px 8px; background-position: 0 -292px; font-size: 14px; } .popup .niceform input.input { width: 69px; padding: 0 8px; background-position: 0 -154px; color: #475e88; } .popup .niceform .w1 input.input { width: 59px; padding: 0 8px; background-position: 0 -220px; color: #475e88; } .niceform textarea { width: 536px; height: 130px; background: transparent url('/images/bg/textarea.png') no-repeat 0 0; border: 0; padding: 5px 7px; font-size: 16px; color: #475e88; font-weight: bold; } #site .niceform .checkbox { height: auto; } .niceform .checkbox input { width: 15px; height: 15px; vertical-align: -10%; margin: 0 0 0 2px; background-image: none !important; line-height: auto; padding: 0; } .niceform .checkbox label { text-transform: none; font-weight: normal; padding: 0; font-size: .9em; } .niceform .bottom-button input { margin-top: 13px; } .niceform .bottom-button label { margin-top: 10px; } /* tabs */ .tabs-wrap { width: 410px; margin-bottom: 10px; } .tabs-wrap .pane { background: transparent url('/images/bg/pane.gif') no-repeat 0 top; display: none; } .tabs-wrap .pane-bottom { width: 370px; padding: 20px; max-height: 700px; background: transparent url('/images/bg/pane.gif') no-repeat right bottom; } .tabs-wrap .wider-pane .pane-bottom { padding: 20px 5px; width: 400px; } ul.tabs { margin: 0 0 -6px 0 !important; height: 36px; overflow: hidden; } ul.tabs li { float: left; text-indent: 0; padding: 0; margin: 0 -12px 0 3px !important; } ul.tabs a { float: left; background: url('/images/bg/tabs.gif') no-repeat 0 -73px; font-size: 12px; display: block; height: 36px; line-height: 36px; text-align: center; text-decoration: none; color: #475E88 !important; padding: 0 0 0 13px; margin: 0px; position: relative; } ul.tabs a strong { float: left; display: block; height: 36px; line-height: 28px; color: #475e88; background: transparent url('/images/bg/tabs.gif') no-repeat right -109px; padding: 0 11px 0 0; cursor: pointer; } ul.tabs a:hover { color: #fff; text-decoration: none; } ul.tabs a.current { background-position: 0 0; } ul.tabs a.current strong { background-position: right -36px; color: #fff; } ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor: default !important; color: #fff !important; } ul.tabs a:hover strong { color: #fff !important; } ul.tabs a.w1 strong { width:84px; } ul.tabs a.w2 strong { width:117px; } ul.tabs a.w3 strong { width:183px; } /* tabs content */ #site .tabs-wrap .pane h2 { font-size: 2em; margin: 0 0 17px 0; color: #475e88; font-family: Arial, Helvetica, sans-serif; } #site .tabs-wrap .pane h3 { font-size: 1.3em; line-height: 1em; margin: 0; color: #475e88; font-family: Arial, Helvetica, sans-serif; } #site .tabs-wrap .pane p { font-size: 1.3em; line-height: 1.2em; color: #475e88; margin: 0; } #site .tabs-wrap .pane a { color: #475e88; font-weight: bold; } #site .tabs-wrap .pane a:hover { text-decoration: underline; } .tabs-wrap .pane h2 strong { color: #c33200; } #site .tabs-wrap .pane .note { padding: 15px 0 0 0; font-size: 11px !important; } #site .tabs-wrap .wider-pane .note { padding-left: 15px; padding-right: 15px; } #site .tabs-wrap .materials p { margin-bottom: 10px; } .tabs-wrap .small-products { overflow: auto; max-height: 246px; } .tabs-wrap .small-products li { margin: 0 7px 7px 0; padding-left: 3px; } .product-info .details { float: left; width: 410px; padding: 12px 0 0 11px; } .product-info .img-share { float: right; width: 300px; } .product-big { display: block; width: 264px; height: 432px; padding: 17px 16px; position: relative; margin: 0 auto; } .product-big .bg { display: block; width: 296px; height: 467px; background: transparent url('/images/bg/product-bg-big.png') no-repeat 0 0; position: absolute; top: 0; left: 0; } .product-big-img { display: block; width: 264px; height: 350px; } a .product-big-img { cursor: pointer; } .product-big-img img { width: 264px; height: 350px; } .img-square .product-big { height: 346px; padding-top: 103px; } .img-square .product-big .bg { background: transparent url('/images/bg/product-bg-big-square.png') no-repeat 0 0; } .img-square .product-big .product-big-img { height: 264px; } .img-square .product-big .product-big-img img { height: 264px; } .product-big .prev-title-next { padding: 3px 14px 0 14px; width: 236px; height: 27px; position: absolute; bottom: 57px; } .product-big .prev-title-next .prev { width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat -40px 50%; text-indent: -5000px; margin: 0; } .product-big .prev-title-next .next { width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat 0 50%; text-indent: -5000px; margin: 0; } .product-big .prev-title-next .prev:hover { background-position: -60px 50%; } .product-big .prev-title-next .next:hover { background-position: -20px 50%; } .product-big .prev-title-next h3 { float: left; text-align: center; width: 196px; font-size: 1.7em; line-height: 1.1em; margin: 0 !important; } .product-info .share { padding: 3px 7px 0 7px; width: 236px; height: 25px; position: absolute; bottom: 28px; left: 21px; } .product-info .share ul { float: left; } .product-info .share p { float: right; } .product-info .share li { float: left; } .product-info .share li a, .product-info .share .addthis_toolbox { float: left; } .product-info .share a, .product-info .share .addthis_toolbox { display: block; font-size: 0; line-height: 0; margin: 0 3px; vertical-align: middle; } .addthis_button_compact { margin: 0 !important; padding: 0 !important; } .addthis_toolbox .at300bs { background: transparent url('/images/icons/add.png') no-repeat 0 0; width: 24px; height: 22px; text-indent: -5000px; margin: 0 !important; } .product-info .add { float: none; } .product-big .prev-next { padding: 3px 7px 0 7px; width: 80px; height: 30px; left: 94px; position: absolute; } .product-big .prev { margin: 0 5px; width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat -40px 50%; text-indent: -5000px; } .product-big .next { margin: 0 5px; width: 20px; float: right; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat 0 50%; text-indent: -5000px; } .product-big .prev:hover { background-position: -60px 50%; } .product-big .next:hover { background-position: -20px 50%; } /* biggest image */ #big-img-popup, #big-img-square-popup, #big-img-details-popup { width: 506px; height: 614px; top: 0 !important; } #big-img-popup .close, #big-img-square-popup .close, #big-img-details-popup .close { position: absolute; top:21px; right: 21px; z-index: 100; } .product-biggest { display: block; width: 450px; height: 754px; padding: 30px 28px; position: relative; margin: 0 auto; } .product-biggest .bg { display: block; width: 506px; height: 814px; background: transparent url('/images/bg/product-bg-biggest.png') no-repeat 0 0; position: absolute; top: 0; left: 0; } .product-biggest-img { display: block; width: 452px; height: 600px; } a .product-biggest-img { cursor: pointer; } .product-biggest-img img { width: 452px !important; height: 600px !important; } .img-square .product-biggest { height: 598px; padding-top: 187px; } .img-square .product-biggest .bg { background: transparent url('/images/bg/product-bg-biggest-square.png') no-repeat 0 0; } .img-square .product-biggest .product-big-img { height: 452px; } .img-square .product-biggest .product-big-img img { height: 452px; } .product-biggest .prev-title-next { padding: 3px 14px 0 14px; width: 420px; height: 42px; position: absolute; bottom: 120px; } .product-biggest .prev-title-next .prev { width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat -40px 50%; text-indent: -5000px; margin: 0; } .product-biggest .prev-title-next .next { width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat 0 50%; text-indent: -5000px; margin: 0; } .product-biggest .prev-title-next .prev:hover { background-position: -60px 50%; } .product-biggest .prev-title-next .next:hover { background-position: -20px 50%; } .product-biggest .prev-title-next h3 { float: left; text-align: center; width: 380px; font-size: 1.7em; line-height: 1.1em; margin: 0 !important; } .product-biggest .prev-next { padding: 3px 7px 0 7px; width: 80px; height: 30px; left: 94px; position: absolute; } .product-biggest .prev { margin: 0 5px; width: 20px; float: left; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat -40px 50%; text-indent: -5000px; } .product-biggest .next { margin: 0 5px; width: 20px; float: right; display: block; height: 20px; background: transparent url('/images/icons/prev-next.png') no-repeat 0 50%; text-indent: -5000px; } .product-biggest .prev:hover { background-position: -60px 50%; } .product-biggest .next:hover { background-position: -20px 50%; } /* #footer */ #footer { width: 946px; margin: 0 auto; padding: 0 15px 0 15px; } #footer-nav { display: block; width: 946px; height: 36px; margin-bottom: 8px; } #footer-nav-m { float: left; width: 934px; height: 30px; background: transparent url('/images/bg/footer-nav.png') repeat-x 0 50%; padding-top: 6px; } #footer-nav-l { float: left; width: 6px; height: 36px; background: transparent url('/images/bg/footer-nav.png') no-repeat 0 0; } #footer-nav-r { float: left; width: 6px; height: 36px; background: transparent url('/images/bg/footer-nav.png') no-repeat 0 bottom; } #footer-nav li { display: inline; font-size: 15px; line-height: 25px; margin: 0 0 0 7px; } #footer-nav a { color: #475e88; } #footer-nav a:hover { text-decoration: underline; } #footer p { font-size: 1.1em; line-height: 1.5em; margin: 0; color: #475e88; } #footer .bottom-links { float: left; padding-left: 11px; } #footer a { color: #475e88; margin: 0 5px; } #footer a:hover { text-decoration: underline; } #footer .to-top { float: right; padding-right: 18px; text-align: right; width: 110px; } #footer .to-top a { font-size: 11px; line-height: 25px; font-family: Arial, Helvetica, sans-serif; } .footer-links { text-align: center; } /* scrollbar */ .scroll .jspVerticalBar { background: transparent; } .scroll .jspHorizontalBar { display: none; } .scroll .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg.png") no-repeat center center; } .scroll .jspDrag { background: #a7a9ac url("http://www.fckids.hr/images/scroll/scroll-drag-middle.png") no-repeat center center; } .scroll .jspDragTop { background: transparent url("http://www.fckids.hr/images/scroll/scroll-drag-ends.png") no-repeat center top; height: 7px; position: absolute; top: 0; width: 16px; } .scroll .jspDragBottom { background: transparent url("http://www.fckids.hr/images/scroll/scroll-drag-ends.png") no-repeat center bottom; height: 7px; position: absolute; bottom: 0; width: 16px; } .scroll .jspArrowUp { background: transparent url("http://www.fckids.hr/images/scroll/scroll-up.png") no-repeat center 0; } .scroll .jspArrowDown { background: transparent url("http://www.fckids.hr/images/scroll/scroll-down.png") no-repeat center bottom; } #scroll1 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg1.png") no-repeat center center; } #scroll2 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg2.png") no-repeat center center; } #scroll3 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg3.png") no-repeat center center; } .popup .scroll .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg-g.png") no-repeat center center; } .popup .scroll .jspDrag { background: #a7a9ac url("http://www.fckids.hr/images/scroll/scroll-drag-middle-g.png") no-repeat center center; } .popup .scroll .jspDragTop { background: transparent url("http://www.fckids.hr/images/scroll/scroll-drag-ends-g.png") no-repeat center top; } .popup .scroll .jspDragBottom { background: transparent url("http://www.fckids.hr/images/scroll/scroll-drag-ends-g.png") no-repeat center bottom; } .popup .scroll .jspArrowUp { background: transparent url("http://www.fckids.hr/images/scroll/scroll-up-g.png") no-repeat center center; } .popup .scroll .jspArrowDown { background: transparent url("http://www.fckids.hr/images/scroll/scroll-down-g.png") no-repeat center center; } .popup #scroll1 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg1-g.png") no-repeat center center; } .popup #scroll2 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg2-g.png") no-repeat center center; } .popup #scroll3 .jspTrack { background: transparent url("http://www.fckids.hr/images/scroll/scroll-bg3-g.png") no-repeat center center; } .faq li { border-bottom: 1px solid #FF8A00; } .faq-title { font-size: 14px; font-weight: bold; margin: 4px; display: block; }