html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html{ 
    background:#474747; 
}
body {
	line-height: 1;
	color: #fff;
    font-family:Arial, Helvetica, Sans-Serif;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/*************||*********

        end global reset 

*************||**********

            z-index list

10    |   #header-track, .hp-flyer, .article-title img
20    |   #title, .poklon-bon, .date, .lang
30    |   .new

*********||************/

.hidden, .alt{ display:none; }
.clear{ clear:both; }

/* text styles */
/* non existing in a img */
h1{}
h2{ position:absolute; z-index:10; top:15px; left:20px; overflow:hidden; text-align:center; cursor:pointer; text-transform:uppercase; background:url(bg/placeholder.png) no-repeat 0 0; color:#000; width:368px; height:84px; line-height:84px; font-weight:bold; font-size:30px; }
/* with imagegen */
h3{ text-transform:uppercase; margin:10px 0 0; }
h4{ font-weight:bold; font-size:16px; padding-top:15px; text-transform:uppercase; color:#fff; }
h5{ font:bold 18px/30px Arial; display:block; }

p{ font-size:12px; line-height:1.7em; padding-top:10px; }
li{ font-size:12px; line-height:1.7em; }
a{ color:#fff200; text-decoration:none; }

/* container styles */

#outer{ background:#000 url(bg/body.jpg) no-repeat 0 100%; }
#header-track{ position:absolute; z-index:2; top:80px; left:0; width:100%; height:25px; background:#FFF200; }
#container{ width:980px; margin:0 auto; position:relative; z-index:10; }
    #title{ height:80px; background:#000; position:relative; z-index:20; }
        #sub-nav{ float:right; list-style:none; padding-top:47px; padding-right:10px; }
    #header{ padding-top:50px; }
        .navigation{ position:relative; z-index:10; width:980px; height:50px; background:url(bg/navi.jpg) no-repeat 0 -50px; list-style:none; }
    #content{ float:left; position:relative; width:711px; padding:50px 0 30px; }
    #sidebar{ float:left; width:213px; padding:50px 42px 20px 14px; }
    .home-page #content{ float:right; }
    .home-page #sidebar{ padding-top:20px; }
	.shoppingList #content{ width:980px; }
	.shoppingList #sidebar{ display:none; }
    
#footer{ clear:both; text-align:center; height:25px; padding-top:25px; background:url(bg/footer.gif) repeat-x 0 0; }

/* end container styles */

/* header img */

#header img{ display:block; }

/* footer styles */

#footer ul{ padding:4px 0; }
#footer li{ display:inline; font:11px/12px Arial; border-left:1px solid #fff; padding:0 6px; }
#footer a{ color:#fff; }
#footer a:hover{ color:#FFF200; }

/* home page vidi sve gumb */

.more{ padding-top:10px; padding-right:10px; font:bold 10px Arial; }
.more a{ background:url(bg/dot.gif) no-repeat 0 50%; padding-left:18px; }

/* home page flyers */

.hp-flyer{ float:left; width:193px; height:193px; margin-bottom:15px; padding:15px; padding-right:29px; background:url(bg/flyer.png) no-repeat 0 0; overflow:hidden; position:relative; z-index:10; }
.hp-flyer img{ margin:5px 0; }
.hp-flyer p{ color:#000; padding:0; font-size:12px; line-height:1em; }
.hp-flyer a{ color:#000; }
.hp-flyer h4{ color:#000; padding:0; }
.hp-flyer .more a{ background:url(bg/more.gif) no-repeat 0 50%; padding-left:10px; }
.alt-flyer{ background:url(bg/flyer-alt.png) no-repeat 0 0; }

/* home page features */

.features{ float:left; position:relative; width:100%; padding-top:15px; list-style:none; }
.features li{ float:right; min-height:40px; padding-left:10px; }
.features a{ display:block; line-height:40px; height:22px; padding:9px 0 9px 50px; text-decoration:none; }
.house a{ background:url(bg/house.png) no-repeat 0 50%; }
.park a{ background:url(bg/park.png) no-repeat 0 50%; padding-left:60px; }

/* home page flyer star */

.new-badge{ position:absolute; z-index:30; top:20px; }
.badge-right{ right:-5px; }
.badge-center{ right:220px; }
.badge-left{ left:180px; }

.badge-first{ top:210px; right:485px; }
.badge-sixth{ top:290px; right:15px; }

/* home page shop search */

.trazilica{ position:absolute; top:10px; left:0; width:334px; height:17px; padding:6px 10px; background:url(bg/search.png) no-repeat 0 0; }
.trazilica label{ float:left; font:bold 10px/17px Arial; text-transform:uppercase; }
.features label{ float:left; font:bold 10px/17px Arial; text-transform:uppercase; }
.field{ float:right; background:url(bg/field.gif) no-repeat 0 0; width:160px; height:16px; padding:1px 0; }
.field input{ float:left; width:115px; height:14px; font:11px/12px Arial; margin-left:20px; border:0; }
.field .btnSearch{ background:none; margin-left:0; border:0; padding:0; float:right; width:20px; height:15px; cursor:pointer; }
.trazilica span{ font:bold 10px/17px Arial; float:left; }
/* home page flyer poklon bon image */

.poklon-bon{ position:absolute; left:-2px; top:25px; z-index:20; }
.stilisti-box, .ponude-box, .izlog-box{ position:absolute; left:0; top:-5px; z-index:20; }
/* home page radno vrijeme */

.working-hours{ text-align:right; margin-left:-15px; padding:25px 0 15px 0; background:url(bg/working.gif) no-repeat 0 10px; }
.working-hours p{ font-weight:bold; font-size:10px; color:#fff; text-transform:uppercase; padding-top:5px; }
.working-hours p.radno-vrijeme{ padding:0; }
.working-hours span{ font-size:18px; }

/* home page aktualnosti */

.soon{ width:200px; padding-top:13px; padding-left:13px; clear:both; }
.soon dt{ float:right; width:140px; padding-top:8px; font:bold 13px Arial; }
dd{ clear:right; padding-left:60px; font:11px Arial; }
.date{ position:relative; z-index:20; float:left; clear:left; width:48px; height:47px; padding-left:0; top:-5px; background:url(bg/date.png) no-repeat 0 0; color:#000; text-align:center; }
.date span{ font:8px/15px Arial; }
.arhiva-magazina{ padding:20px 30px; float:left; }
.arhiva-magazina .date{ clear:none; padding-right:25px; padding-bottom:25px; }
.arhiva-magazina .date a{ color:#000; }
/* title navigation */

#tagline{ position:absolute; top:40px; left:175px; }
#shopping-bag{ position:absolute; top:0; left:20px; background:url(bg/shopping-bag.png) no-repeat 0 0; width:167px; height:267px; }
#shopping-bag a{ width:90px; height:120px; display:block; top:90px; left:50px; position:relative; }
#shopping-bag span{ display:none; }

.lang{ position:absolute; left:0; top:30px; width:26px; height:26px; background:url(bg/eng.gif) no-repeat 0 0; display:block; z-index:20; }
#aut{ left:35px; background:url(bg/aut.gif) no-repeat 0 0; }
#hrv{ background:url(bg/hrv.gif) no-repeat 0 0; }
#eng{ left:35px; }
#sub-nav li{ float:left; font-size:22px; }
#sub-nav a{ padding:0 10px; }

/* articles list */

.articles{ /**/ padding:0 20px 20px 20px; float:left; width:670px; }
.articles p{ padding-left:50px; }
.articles ul, .articles ol{ padding-left:20px; }
.article-title{ position:relative; padding-bottom:10px; padding-left:410px; /* IE7 */ height:84px; }
.article-title a{ display:block; color:#000; }
.article-title img{ position:absolute; z-index:10; top:15px; left:20px; }
.article-title p{ padding-top:15px; padding-left:0; font-size:11px; font-weight:bold; }
.article-title .date{ float:none; position:absolute; left:0; }
.article-body{ margin-left:260px; padding-top:18px; }
.article-body p{ padding-left:0; }

.showDetails h2{ top:0; left:0; background:none; overflow:visible; color:#FFF200; text-align:left; padding-left:60px; padding-top:5px; font-size:22px; width:auto; height:auto; line-height:1em; text-transform:none; }
.showDetails .article-title{ padding-bottom:20px; padding-left:0; height:auto; }
.showDetails .article-title p{ padding-left:60px; padding-top:28px; font-size:12px; font-weight:bold; }
.showDetails .date{ top:0; }
.details .article-body{ margin-left:0; padding-top:0; }
.details{ padding-left:60px; margin-bottom:15px; } 

/* fact */

.fact{ position:relative; margin-top:50px; padding:0 15px 15px; display:block; background:url(bg/fact.png) no-repeat 0 100%; }
.fact h3{ position:absolute; display:block; width:100%; line-height:33px; height:33px; text-align:center; top:-33px; left:0; background:url(bg/fact-title.png) no-repeat 0 0; }
.fact p{ text-align:center; font-size:11px; }
.fact img{ margin-top:7px; }
.hp-flyer .more{ text-align:right; }

/* gallery */

.gallery{ float:left; padding:30px 20px; }
.gallery img{ display:block; padding-bottom:20px; }
.details .gallery{ float:none; padding:10px 0; }

/* navigation */

img#header-img{ display:block; }
.navigation li{ position:absolute; bottom:0; width:91px; height:50px; }
.navigation a{ display:block; height:50px; }
.navigation a:hover{ background:url(bg/navi.jpg) no-repeat 0 0; }
.navigation span{ display:none; }

.dogadanja, .events, .veranstaltungen { right:300px; }
.novosti, .news, .neuigkeiten{ right:203px; }
.shopping{ right:108px; }
.za-djecu, .for-kids, .fuer-kinder{ right:11px; }

/* hrv */
#Hrv .dogadanja a:hover{ background-position:-589px 0; }
#Hrv .novosti a:hover{ background-position:-686px 0; }
#Hrv .shopping a:hover{ background-position:-781px 0; }
#Hrv .za-djecu a:hover{ background-position:-878px 0; }

/* eng */
#Eng .navigation{ background:url(bg/navi.jpg) no-repeat 0 -150px; }
#Eng .events a:hover{ background-position:-589px -100px; }
#Eng .news a:hover{ background-position:-686px -100px; }
#Eng .shopping a:hover{ background-position:-781px -100px; }
#Eng .for-kids a:hover{ background-position:-878px -100px; }

/* deu */
#Aut .navigation{ background:url(bg/navi.jpg) no-repeat 0 -250px; }
#Aut .veranstaltungen a:hover{ background-position:-589px -200px; }
#Aut .neuigkeiten a:hover{ background-position:-686px -200px; }
#Aut .shopping a:hover{ background-position:-781px -200px; }
#Aut .fuer-kinder a:hover{ background-position:-878px -200px; }



/* anketa */

#anketa{ padding:10px 0 0; }
#anketa p{ text-align:left; }
#anketa span{ display:block; padding:5px 0 0; }
#anketa input{ font:bold 11px Arial; cursor:pointer; float:left; clear:left; }
#anketa label{ font:11px/1.9em Arial, Helvetica, sans-serif; text-transform:uppercase; float:left; width:160px; }
#anketa label:hover{ font-weight:bold; }
#anketa input.submit{ background:#FFF200; margin:10px 5px 0 0; border:0; padding:2px; -moz-border-radius:6px; float:none; }

.anketaPostotakVanjski{ padding:1px;  background:#000; }
.anketaPostotakUnutarnji{ height:4px;  background:#FFF200; }

/* modal box */

#fancy_ajax{ background:#000; }

/* galerija slika */

.galerija-slika{ list-style:none; }
.galerija-slika li{ float:left; width:206px; height:156px; padding:0 0 20px 20px; overflow:hidden; }
.galerija-slika img{ border:1px solid #FFF200; display:block; padding:1px; }

/* kontakt */

.contact-box{ float:left; width:260px; height:283px; padding:5px 25px; padding-right:37px; /**/ background:url(bg/contact-box.png) no-repeat 0 0; }
.contact-box p{ line-height:1.2em; }

#content p a, #content li a{ text-decoration:underline; }
#content p a:hover, #content li a:hover{ text-decoration:none; }


/* sitemap */

#sitemap ul{ list-style:none; }
#sitemap li{ float:left;  width:200px; height:100px; }
#sitemap li li{ height:20px; }
#sitemap li ul{ margin-left:5px; }

/* gmaps */
.message{ font:11px Verdana, Arial, sans-serif; color:#000; }

/* newsletter-forme */

.newsletter-forme input{ border:0; padding:3px; font:bold 11px Arial, Verdana; }
.newsletter-forme input.submit{ padding:3px; background:#FFF200; color:#000; -moz-border-radius:6px; cursor:pointer; }
.newsletter-forme p{ padding-left:0; }

/* shopping floorplan */
.sResults h3{ padding-bottom:10px; }
.sResults p{ color:#FFF200; font-weight:bold; }
.sResultsFloor{ float:left; padding:20px; }
.searchResults{ padding-left:20px;  }
#content .searchResults a{ color:#FFF200; text-decoration:none; font-weight:bold; padding:5px; }
#content .searchResults a:hover{ color:#fff; }

/**/

.rezultati-pretrage{ list-style:none; }
.rezultati-pretrage li{ float:left; padding-right:20px; }
.rezultati-pretrage li li{ float:none; padding:0; }
.rezultati-pretrage-etaza ul{ list-style:none; }
#content .rezultati-pretrage-etaza a{ display:block; padding:5px; -moz-border-radius:5px; text-decoration:none; margin-bottom:5px; background:#fff200; color:#000; }
#content .rezultati-pretrage-etaza li.alternate{ display:block; }
#content .rezultati-pretrage-etaza li.alternate a{ background:#aaa; }


/* srca 
#left{ position:absolute; z-index:20; right:1280px; top:0; width:550px; height:700px; }
#right{ position:absolute; z-index:20; left:1280px; top:0; width:550px; height:700px; }
*/

/* cco izlog */

.izlog #sidebar{ display:none; }
.izlog #content{ float:none; width:880px; padding:50px 50px 30px; }
.izlog-content{ margin-left:260px; padding-top:20px; }


/* brands */
#brands{ position:absolute; top:305px; left:70px; z-index:1200; }
#brands a{ float:left; padding-left:5px; }









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.yellow {
color:#FDF200;
}