/* ecos style */
html { overflow-y:scroll; }
body { margin:0 0 30px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; /*background:url(../images/bozic_bg.gif) no-repeat 50% 0;*/ }
.header { width:790px; height:auto; margin:0 auto; padding:0; clear:both; display:block; }
.searchBox { width:158px; height:50px; background:url(../images/searchBoxBg.jpg) repeat-y; margin:0 auto; border:1px #E9E9E9 solid; padding:10px 19px; display:block; position:relative; }
.searchForm { border:0; width:160px; height:22px; display:inline; margin:0 auto; }
.textField { width:110px; height:16px; border:1px #E9E9E9 solid; display:inline; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; }
.srchBtn { width:43px; height:18px; border:0; padding:2px; background:#999999; float:left; display:block; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; margin-left:3px; margin-top:1px; }
.srchBoxTxt { display:block; color:#999999; height:13px; width:auto; }
.srchBoxHdg { display:inline; color:#666666; height:25px; width:auto; }
.topLink { width:auto; height:11px; padding:8px 15px; border-right:1px #E9E9E9 solid; margin:0; text-decoration:none; font-size:10px; color:#999999; text-align:center; font-weight:bold; float:left; background:none; }
.topLink:hover { text-align:center; text-decoration:none; color:#CCCCCC; }
.lastLink { width:auto; height:11px; padding:8px 15px; margin:0; text-decoration:none; font-size:10px; color:#999999; text-align:center; font-weight:bold; float:left; background:none; }
.lastLink:hover { text-align:center; text-decoration:none; color:#CCCCCC; }
.steam_power { margin-bottom:12px; }
.fBannerInter { width:560px; height:130px; display:block; background:url(../images/fBannerInter.jpg) no-repeat; }
.banner_L { width:200px; height:150px; margin:0 auto; display:block; position:relative; background:url(../images/banner_L.jpg) no-repeat center; top:5px; }
.middleWrapper { margin:0 auto; width:560px; display:block; position:relative; top:45px; overflow:hidden; }
.naslovBox { width:370px; height:133px; border-top:1px #cccccc solid; background:#F4F4F4; float:right; margin-bottom:6px; }
.naslovWrap { margin:10px auto; height:55px; width:350px; display:block; position:relative; }
.malaSlika { width:60px; height:55px; float:left; margin-right:10px; }
.naslovTxt { display:block; float:left; width:270px; height:auto; position:relative; }
.breadCrumbs { display:block; margin:0 auto; position:relative; width:560px; height:22px; }
.breadCrumbs_U { display:block; margin:0 auto; position:relative; width:560px; height:22px; background:url(../images/proizvodi_hgg.gif) no-repeat right; }
.bClinks { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-decoration:none; display:inline; }
.bClinks:hover { color:#CCCCCC; text-decoration:none; }
.pdf_links { display:block; margin:0 auto; width:560px; height:22px; }
.pdf_links a { color:#f26522; margin-right:15px; text-decoration:none; font-weight: bold; }
.pdf_links a:hover { color:#ccc; }
.hdgLinks { font-weight:bold; color:#666666; text-decoration:none; }
.hdgLinks:hover { text-decoration:underline; color:#666666; }
.G_productWrapper { width:560px; height:auto; margin:0 auto; position:relative; display:block; top:46px; }
.productWrapper { position:relative; width:558px; height:130px; margin:0 auto; display:block; top:46px; border-top:1px #E9E9E9 solid; }
.productWrapperBottom { width:558px; height:130px; margin:0 auto; position:relative; display:block; top:76px; border-top:1px #E9E9E9 solid; border-bottom:1px #E9E9E9 solid; }
.productHolder { width:279px; margin:0; border-top:1px #E9E9E9 solid; border-left:1px solid white; border-right:1px solid white; border-bottom:1px solid white; }
.productHolderR { width:279px; margin:0; border-top:1px #E9E9E9 solid; }
table.catList { width:100%; border:0; margin:0; padding:0; }
table.catList td { vertical-align:top; border-top:1px #E9E9E9 solid; height:180px; }
.productImage_S { float:left; width:140px; padding:0; margin-bottom:10px; }
.productImage_L { float:left; width:164px; position:relative; display:block; padding:10px 0; }
.productDetail { display:block; position:relative; padding:20px; }
.productTxt { float:left; width:100px; display:block; padding:5px; }
.productTxt ul { padding-left:15px; margin:5px 0 0; }
.productHdg { text-transform:uppercase; color:#f26522; font-size:14px; display:block; }
.ecosHdg { text-transform:uppercase; color:#f26522; font-size:14px; display:block; }
.productHdgLinks { text-transform:uppercase; color:#f26522; font-size:14px; display:block; text-decoration:none; width:auto; }
.productHdgLinks:hover { text-transform:uppercase; color:#f26522; font-size:14px; display:block; text-decoration:underline; }
.productWrapperDetail { width:560px; height:auto; margin:0 auto; display:block; border-top:1px #E9E9E9 solid; }
.productWrapperDetail a { color:#f26522; }
.productImageDetail { float:left; width:auto; height:110px; position:relative; display:block; padding:10px 0; clear:right; z-index:10; }
.sales a { display:block; color:#666; text-decoration:none; font-weight:bold; font-size:11px; padding:0 2px 2px 10px; background:url(../images/arrow_2.gif) left 4px no-repeat; }
.sales a:hover { color:#ccc; }
.sales a:active,.sales a:focus { outline:0; }
.productTxtDetail { width:180px; height:auto; float:left; display:block; position:relative; padding:10px; z-index:20; }
#productTable { margin:20px auto; width:558px; height:auto; position:relative; padding-top:10px; }
.tablePic { border-bottom:1px #E9E9E9 solid; padding:15px 15px 8px 0; }
.tableTxt { border-bottom:1px #E9E9E9 solid; padding:15px 0 8px; }
.productPic { width:150px; height:auto; border:0; padding:10px; }
.cellPaddingHdg { padding:10px; }
.cellBg { padding:3px; width:170px; border-bottom:1px #E9E9E9 solid; text-align:left; }
.cellBg2 { width:auto; padding:3px; border-bottom:1px #E9E9E9 solid; }
.cellNewsContent { padding:0; margin:0; }
.cellNewsContent td { width:auto; border-top:none; border-left:none; border-right:none; margin:0; padding-left:0; padding-bottom:3px; padding-right:3px; padding-top:3px; border-bottom:1px #E9E9E9 solid; text-align:left; vertical-align:top; }
.cellBgTop { color:#666666; padding:3px; border-bottom:1px #E9E9E9 solid; }
#ul,li { list-style-type:circle; }
.catLinks { color:#666666; text-decoration:none; }
.catLinks:hover { color:#999999; text-decoration:underline; }
.anketa { width:348px; height:auto; padding:10px; border:1px #E9E9E9 solid; background:url(../images/searchBoxBg.jpg) repeat-y right top; float:right; clear:right; }
* html .anketa { padding-bottom:0; }
*+html .anketa { padding-bottom:0; }
.brandTxt { display:block; width:150px; height:auto; }
.anketaTxt { display:block; width:200px; height:auto; }
.chekbox { width:180px; height:auto; margin:0 auto; display:block; position:relative; }
.anketaForm { height:auto; display:inline; position:relative; }
.anketaLinks { display:block; text-decoration:none; text-align:left; width:auto; height:12px; color:#999999; margin-left:15px; float:right; position:relative; left:-20px; top:-60px; background:url(../images/arrow_2.gif) no-repeat right; padding-right:7px; }
.anketaLinks:hover { text-decoration:none; color:#CCCCCC; }
.uskrsnja_regata_banner { width:180px; height:300px; position:absolute; left:0; top:0; }
.bottomWrapper { width:790px; height:auto; margin:0 auto; clear:both; float:none; display:block; }
.boxWrap { width:560px; height:180px; margin:55px auto 0; border:0; padding:0; display:block; position:relative; }
.floaterBox1 { width:179px; height:180px; float:left; }
.floaterBox2 { width:180px; height:180px; margin-left:10px; float:left; background:url(../images/Ariston_naslov.jpg) no-repeat top left; }
.floaterBox3 { width:180px; height:180px; margin-left:10px; float:left; background:url(../images/Carrier_naslov.jpg) no-repeat top left; }
.bannerBox { width:200px; margin:0 auto; position:relative; top:10px; }
.banner_S_1 { width:200px; position:relative; margin-bottom:2px; }
.banner_S_2 { width:200px; height:97px; position:relative; margin:0 auto; top:10px; }
.cellBox1 { margin:0 auto; padding:0; border:0; width:570px; height:auto; }
.noborder { border:0; }
.image_T { width:179px; height:auto; margin:0 auto; border:0; padding:0; }
.image_H { width:179px; height:auto; margin:-2px auto 10px; border:0; padding:0; }
.fBoxTxt { width:168px; height:auto; margin:0 auto; border-right:1px #E9E9E9 solid; display:none; padding-right:10px; }
.vise { display:block; color:#CC0000; text-decoration:none; width:25px; height:auto; text-align:left; }
.vise:hover { color:#CC0000; text-decoration:underline; }

/************************ CONTAINER ***/
#container        { width:770px; margin:0 auto; zoom:1; padding:0; }
#container:after  { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#container        { *min-height:0; _height:1%; }

/************************ HEADER ***/
#header       { position:relative; min-height:126px; _height:126px; background:url(../images/header.gif) no-repeat 100% 20px; }
#header .logo { position:absolute; left:0; top:10px; background:url(../images/logo.gif) no-repeat center; width:132px; height:52px; margin:0; }

/************************ Header navigation ***/
#header .nav      { position:absolute; right:-2px; bottom:0; margin:0; padding:0; overflow:hidden; zoom:1; width:772px; }
#header .nav li   { float:left; list-style:none !important; padding:0; margin:0; }
#header .nav li a             { display:block; text-transform:lowercase; background:url(../images/header-nav.gif) 0 0 repeat-x; text-align:center; padding:0 25px 0 24px; line-height:38px; font-size:13px; color:#000; font-weight:bold; text-decoration:none; font-family:Arial, sans-serif; }
#header .nav .active a        { background-position:0 -38px; color:#fff; }
#header .nav .first a         { background:url(../images/header-nav-first.gif) 0 0 no-repeat; }
#header .nav .first.active a  { background-position:0 -38px; }
#header .nav .last a          { width:58px; background:url(../images/header-nav-last.gif) 100% 0 no-repeat; }
#header .nav .last.active a   { background-position:0 -38px; }

#header .additonal-nav { position:absolute; left:140px; bottom:10px; margin:0; padding:0; overflow:hidden; zoom:1; }
#header .additonal-nav li { margin:0; float:left; list-style:none!important; padding-left:7px; }
#header .additonal-nav li a { display:block; width:17px; height:14px; text-indent:-9999px; }
#header .additonal-nav li a.link-1 { background:url(../images/icon-1-home.jpg); }
#header .additonal-nav li a.link-2 { background:url(../images/icon-1-mail.jpg); }

/************************ SIDEBAR ***/
#sidebar          { width:200px; float:left; padding:17px 0 38px; }

/************************ Sidebar left nav ***/
#sidebar .leftNav       { background:url(../images/leftNav-bkg.jpg) repeat-y 0 0; margin:0 0 12px; padding:0; overflow:hidden; zoom:1; }
#sidebar .leftNav li    { list-style:none; margin:0; float:left; clear:left; width:200px; }
#sidebar .leftNav li a  { display:block; background:url(../images/leftNav-bkg.jpg); font-size:13px; color:#a9a9ab; font-weight:bold; font-family:Tahoma,Geneva,sans-serif; text-decoration:none; zoom:1; }
#sidebar .leftNav li a.on,
#sidebar .leftNav li a:hover    { color:#333; background:url(../images/leftNav-bkg-on.jpg); }
#sidebar .leftNav li a span     { display:block; background:url(../images/arrow-1.gif) 95% 0 no-repeat; }
#sidebar .leftNav li a.on span,
#sidebar .leftNav li a:hover span     { background-position:95% -37px; cursor:pointer; }
#sidebar .leftNav li a span em  { display:block; font-style:normal; padding:11px 0 10px 18px; zoom:1; }
#sidebar .leftNav .first em     { background:url(../images/mask-top.gif) top left no-repeat; }

#sidebar .leftNav ul            { margin:0; padding:0; }
#sidebar .leftNav ul li         { background:none; border:none; }
#sidebar .leftNav ul li a       { background:url(../images/arrow-2.gif) left 4px no-repeat; color:#333; margin:0 0 0 8px; padding:0 0 6px 10px; font-size:10px; font-weight:normal; font-family:Verdana, Arial, sans-serif; }
#sidebar .leftNav ul li a.on,
#sidebar .leftNav ul li a:hover { color:#f26522; background:url(../images/arrow-2.gif) left 4px no-repeat; }
#sidebar .leftNav ul li.first a { padding-top:5px; }
#sidebar .leftNav ul li.first a { background-position:left 10px; }
#sidebar .leftNav ul li.first a.on,
#sidebar .leftNav ul li.first a:hover { background:url(../images/arrow-2.gif) left 10px no-repeat; }
#sidebar .leftNav li.lastLast a       { border:none; }
#sidebar .leftNav .lastLast em        { background:url(../images/mask-bottom.gif) bottom left no-repeat; }
#sidebar .leftNav ul li.lastLast a    { padding-bottom:13px; }

#ecos-flyer   { position:relative; width:200px; height:80px; padding:0; margin:0 0 15px; }
#ecos-flyer img { display: block; border: none; }

#download-catalog   { position:relative; width:200px; height:117px; padding:0; margin:0 0 6px; }
#download-catalog img { display: block; border: none; }

#ecos_play_holder { zoom:1; position:relative; display:block; margin:0 0 15px; }
#ecos_play_holder #ecos_play { background:url(../images/clear.gif); position:absolute; left:0; top:0; width:200px; height:66px; z-index:9999; text-indent:-9999px; overflow:hidden; }
#ecos_play_holder img { vertical-align:top; border:none; }

/************************ CONTENT ***/
#content { width:560px; float:right; padding:17px 0 28px; }
#content .flash { height:251px; width:560px; /*margin-bottom:12px;*/ margin-bottom:1px; float:left; background:url(../images/flash-replacement.jpg); }
.banner { display:block; float:left; }
.right-banner { display:block; float:right; }
.right-banner img,.banner img { display:block; border:none; }
h2.head-title { clear:both; padding-top:30px; }
.home-list { height:193px; padding:10px 0 0 0; position:relative; width:560px; float:left; }
.home-list ul { height:193px; list-style:none; position:absolute; top:10px; right:-29px; width:801px; padding:0!important; margin:0!important; }
.home-list li { float:left; list-style:none; margin-right:10px; }
.home-list li.flashItem { /*margin-top: 2px;*/ }
.home-list img { border:none; display:block; }
#large-home-popup { display:block; }

/****************** LOCATION MAP ***/
#location-map         { position: relative; }
#location-map img     { display: block; }
#location-map ul, 
#location-map li      { list-style: none; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; }
#location-map ul a,
#location-map ul span { display: block; position: absolute; text-indent: -9999px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
#location-map ul a    { width: 50px; height: 50px; background: lime; }
#location-map ul span { width: 20px; height: 20px; background: blue; }
#location-map ul dl   { display: none; }

#location-map .location-01 a    { top: 3px; left: 6px; }
#location-map .location-01 span { top: 72px; left: 194px; }
#location-map .location-02 a    { top: 62px; left: 6px; }
#location-map .location-02 span { top: 107px; left: 168px; }
#location-map .location-03 a    { top: 124px; left: 6px; }
#location-map .location-03 span { top: 155px; left: 234px; }
#location-map .location-04 a    { top: 185px; left: 6px; }
#location-map .location-04 span { top: 188px; left: 262px; }
#location-map .location-05 a    { top: 246px; left: 6px; }
#location-map .location-05 span { top: 207px; left: 302px; }
#location-map .location-06 a    { top: 3px; left: 527px; }
#location-map .location-06 span { top: 4px; left: 294px; }
#location-map .location-07 a    { top: 62px; left: 527px; }
#location-map .location-07 span { top: 47px; left: 281px; }
#location-map .location-08 a    { top: 123px; left: 527px; }
#location-map .location-08 span { top: 74px; left: 408px; }
#location-map .location-09 a    { top: 185px; left: 527px; }
#location-map .location-09 span { top: 88px; left: 381px; }
#location-map .location-10 a    { top: 246px; left: 527px; }
#location-map .location-10 span { top: 270px; left: 382px; }

#location-popup         { background: url(../images/locPopupTop.gif) top left no-repeat; padding-top: 9px; width: 203px; position: absolute; top: 0; left: 0; font-size: 11px; line-height: 14px; color: #666; font-family: arial, sans-serif; }
#location-popup .bkg-1  { background: url(../images/locPopupBottom.gif) bottom left no-repeat; padding-bottom: 9px; }
#location-popup .bkg-2  { background: url(../images/locPopupMiddle.gif); padding: 4px 10px 2px 12px; }
#location-popup .close  { display: block; position: absolute; top: 9px; right: 8px; cursor: pointer; }
#location-popup strong  { font-weight: bold; font-size: 14px; line-height: 16px; display: block; text-transform: uppercase; }
#location-popup b       { font-weight: bold; color: #ff6633; display: block; padding-top: 5px; }
#location-popup a       { color: #ff6633; text-decoration: underline; }
#location-popup a:hover { text-decoration: none; }

/************************ FOOTER ***/
#footer       { clear:both; text-align:center; }
#footer ul    { text-align:center; border:1px solid #e9e9e9; border-left:none; border-right:none; padding:6px 0 4px; margin:0 0 5px; }
#footer li    { display:inline; list-style:none; padding:0 5px; }
#footer li a  { color:#bdbdbd; font-size:12px; font-weight:bold; text-decoration:none; }
#footer p     { margin:0; color:#666; }

#overlay { background:#000; position:absolute; top:0; left:0; }
#popup-list { position:absolute; top:0; left:0; cursor:pointer; width:524px; height:317px; }
#popup-list .close { display:block; position:absolute; background:lime; width:50px; height:50px; top:0; right:0; }
#popup-list img { border:none; }

/************************ Christmas **
#christmas { width:770px; height:119px; background:url(../images/bozic_footer.gif) no-repeat 0 0; }*/

.skip { display:block; margin:0 auto; width:560px; height:13px; top:55px; position:relative; }
.prodajnoMjesto { top:0; left:0; width:540px; height:auto; border-bottom:1px #E9E9E9 solid; padding:10px; display:block; position:relative; float:left; margin:0; }
.highlight { color:#666; }
.prodajnoMjesto b { display:block; margin-bottom:3px; font-size:13px; }
.prodajnoMjestoTxt { width:540px; height:40px; border-bottom:1px #E9E9E9 solid; padding:10px; display:block; position:relative; margin:0 auto 10px; }
.pMslika { float:left; margin:0 10px 0 0; position:relative; display:block; }
.adresaTelefon { float:left; width:410px; }
.adresaTelefon .spacingspan { margin-left:0; }
.fancybox-gmap img { float:left; border:none; }
.placanje { top:0; left:0; xwidth:259px; xheight:80px; border-bottom:1px #E9E9E9 solid; padding:10px 10px 20px 10px; display:block; position:relative; xfloat:left; margin:0; }
.uvjetiProdaje { top:0; left:0; width:258px; height:80px; border-bottom:1px #E9E9E9 solid; padding:10px; display:block; position:relative; float:left; margin:0; }
.creditCards { background:url(../images/kartice.jpg) no-repeat; width:252px; height:30px; margin:15px auto 0; float:left; }
.servis { width:540px; height:80px; margin:0 auto; display:block; position:relative; padding:10px; border-bottom:1px #E9E9E9 solid; }
.servisSelect { width:150px; height:auto; border:1px #E9E9E9 solid; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999; padding:3px; }
.brands { background:url(../images/brands.jpg) no-repeat center; width:550px; height:47px; padding:5px; margin:5px auto 0; display:block; position:relative; }
.karta { width:580px; height:522px; margin:10px auto; border:0; display:block; position:relative; border-bottom:1px #E9E9E9 solid; }
.gdjeSmo { width:200px; height:100px; margin:0 auto; display:block; position:relative; padding:10px 0 0; }
.onama { width:560px; height:936px; margin:10px auto; display:block; position:relative; }
.digitalization { width:770px; height:1292px; margin:10px auto; display:block; position:relative; }
.grand-opening { width:703px; height:1020px; margin:10px auto; display:block; position:relative; }
.onamaTxt { display:block; position:relative; width:560px; height:auto; border-bottom:1px #E9E9E9 solid; margin:0 auto; top:55px; padding-bottom:10px; }
.podrskaHdg { margin:0 auto; height:12px; background:#E9E9E9; padding:3px; }
.podrska_td { width:186px; height:160px; border:0; padding:0; margin:0; }
.podrskaBanner { width:180px; height:80px; margin:5px auto; }
.kontakt { width:560px; height:auto; border:0; margin:0 auto; }
.kontaktCell { width:260px; height:500px; border:0; margin:0; padding:10px; }
.kontaktDetails { margin:10px auto; }
.kontaktTable { width:260px; border:0; margin:10px auto; padding:0; }
.formTxtCell { width:90px; border:0; padding:5px 0; margin:0; height:17px; }
.formInputs { width:160px; border:0; margin:0; height:17px; }
.formFields { width:155px; border:1px #E9E9E9 solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999999; }
.submitBtn { width:50px; height:18px; border:0; padding:3px; background:#999999; display:block; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; margin-right:5px; display:inline; }
 
 /*END: PATCH 2006-05-05*/
.index_sign { width:60px; height:13px; display:block; color:black; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; text-decoration:none; text-align:left; padding-left:2px; }
.index_sign:hover { text-decoration:none; color:red; }
.sign { width:590px; height:13px; display:block; color:black; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; text-decoration:none; text-align:left; margin:10px auto; }
.sign:hover { text-decoration:none; color:red; }
.color { color:red; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:11px; text-decoration:none; }
.link { width:770px; margin:0 auto; text-align:left; }
.home_link { margin:10px auto; text-align:left; }
.spacingspan { display:block; margin:2px 0 5px; margin:2px 0 5px 12px; }
#tree { position:absolute; margin:81px 0 0 224px; }
#masna1 { position:absolute; z-index:100; margin:-5px 0 0 -37px; }
#masna2 { position:absolute; z-index:100; margin:-120px 0 0 500px; }
#tekst { margin:0; }