@charset "utf-8";
/* CSS Document */

/* DEFAULTS */
TD { font-family: arial,sans-serif; font-size: 11px; vertical-align: top; }
TH { font-family: arial,sans-serif; font-size: 11px; vertical-align: top; }
div { font-family: arial,sans-serif; font-size: 11px; }
img { border: 0px; }
div.clr { clear:both; margin: 0; padding: 0; font-size: 0; height: 0; overflow: hidden; }
a { color: #ff0000; }
.zeleniTekst {color:#72b916;}
.narancastiTekst {color:#ff0000;} 	
/* mac hide\*/
html, body {height:100%; width: 100%}
/* end hide*/

body { font-family: arial,sans-serif; font-size: 11px; color: #000000; padding:0; margin:0; background: #ffffff; width: 100%; margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px; }

#outer{ min-height:100%; margin:0; color: #000000; position:relative;}
* html #outer { height:100%; }
#inner{
width: 100%;/*needed to fix ies bad handling of widths with percentages*/
margin: 0px 0px 10px 0px;
background: url(../images/backgroundTop.gif) no-repeat 50% 0;
text-align: center;
border: 0px solid red;
padding-top: 30px;
overflow: hidden;
}


/* HEADER*/
div.headerHolder { margin: 0px auto 0px auto; width: 950px; height: 145px; background:e2e2e2; }
div.header { float: left; margin: 0px 15px 0px 15px; width: 920px; height: 225px; background:url(../images/backgroundHeader.gif) repeat-x 0 0; text-align: left; }
* html div.header { margin: 0px 15px 0px 15px; }

div.topMenu {  height: 60px; margin-top: 0px; background:url(http://static.vip.hr/portal/slike/673017_tomato_red_logo.gif) no-repeat 0% 0%; }
div.subMenu { height: 27px; margin: 0px 0px 0px 0px; font-size: 13px; }
div.subMenu div.mojiPodaci { width:200px; height:20px; display:block; background-color:#CC3333;}
div.subMenu div.nadHeader { height:20px; display:block; text-align:right; padding-top:13px; padding-right:10px; }
div.subMenu div.nadHeader a {text-decoration:none;}

/* SEARCHBOX */
div.searchBox { float:right; width: 195px; margin-top: 35px; height: 20px; overflow: hidden;}
div.searchBox div.searchTitle {float: right; font-size: 12px; font-weight: bold; padding-top: 3px;}
div.searchBox div.searchInput {float: right;}
div.searchBox div.searchButton {float: right; padding-top: 1px;}
input.search { width: 130px; height: 13px; font-size: 11px; margin: 0px 3px 0px 3px; color:#6F6F6F; }

div.searchBoxW { float:right; width: 195px; margin-top: 20px; height: 40px; overflow: hidden;}
div.searchBoxW div.searchTitleW {float: right; font-size: 12px; font-weight: bold; padding-top: 3px;}
div.searchBoxW div.searchInputW {float: right;}
div.searchBoxW div.searchButtonW {float: right; padding-top: 1px;}

/* SEARCHBOX end */


/* HEADER end */

div.content { padding-top:20px; margin: 0px auto 0px auto; width: 920px; overflow: hidden; text-align: left;  }

/* CONTENT TYPE 1 - left box */
div.contentLeft { float: left; margin: 0px 11px 0px 11px; width: 179px;   }
* html div.contentLeft { margin: 0px; padding: 0px 11px 0px 11px; }

/*div.contentLeftHead { color: #ffffff; font-size: 13px; font-weight: bold; margin: 15px 0px 0px 2px; }*/
div.contentLeftMenu { padding: 0px; margin: 0px; background-color:#ffffff; border-top:3px solid #ff0000;}
div.contentLeftMenu dl { margin: 0px 0px 10px 0px; background-color:#ffffff}
div.contentLeftMenu dt { margin: 0px 0px 2px 8px; padding-top:4px; }
div.contentLeftMenu dt.separator { margin: 5px 0px 2px 0px; height: 1px; border-bottom: 1px solid #ff0000; overflow: hidden;}
div.contentLeftMenu dt a { text-decoration: none; color: #ff0000; }
div.contentLeftMenu dt a:hover { text-decoration: none; color: #000000; }
div.contentLeftMenu dt a.active { font-weight: bold; }
div.contentLeftMenu dd { margin: 5px 0px 2px 0px; padding-left: 17px; background: url(../images/redArrow.gif) no-repeat 10px 5px;}
div.contentLeftMenu dd a { text-decoration: none; color: #000000; }
div.contentLeftMenu dd a:hover { text-decoration: none; color: #ff0000; }
div.contentLeftMenu dd a.active { color: #ff0000; }

div.contentLeftMenu div.subLevel { margin: 5px 0px 5px 15px; }
div.contentLeftMenu div.subLevel div.separator{ height: 3px; clear: both; overflow: hidden; }
div.contentLeftMenu div.subLevel a { text-decoration: none; color: #424242; }
div.contentLeftMenu div.subLevel a.active { color: #ff0000; } 

div.contentCenter { float: left; margin: 0px 9px 10px 0px; width: 490px; height:100%; color: #454545; border-top:3px solid #ff0000; background-color:#FFFFFF; padding: 10px 10px 10px 10px; border-bottom:10px solid #FFFFFF;}
* html div.contentCenter { margin: 0px 9px 10px 10px; width: 490px; height:100%; border-top:3px solid #ff0000; border-bottom:10px solid #e2e2e2;}
div.contentRight { float: left; margin: 0px 1px 0px 1px; width: 181px; height:100%; padding-top: 15px; overflow: hidden; border-top:3px solid #ff0000;}
div.rightBoxContent { width: 175px; clear: both; overflow: hidden; margin: 10px 0px 10px 0px; text-align:left; }
div.rightBoxContent1 { width: 179px; clear: both; overflow: hidden; margin: 0px 0px 10px 0px; text-align:left; background-color:#FFFFFF; }
div.rightBoxContent p { color: #4a4a4a; margin: 3px 0px 3px 0px; }
div.rightBoxContent1 p { color: #4a4a4a; margin: 6px 6px 6px 6px; }
div.rightBoxContent p.naslov { font-size:12px; font-weight:bold; }
div.rightBoxSeparator { width: 152px; height: 1px; background: #72b916; overflow:hidden; margin: 10px 11px 0px 18px; }
div.rightBoxTraka { height:17px; width:175px; background-color:#72b916; color:#FFFFFF; font-size:11px; font-weight:bold; padding-top:2px; padding-left:5px; }


h1 { font-size: 17px; color: #000000; font-weight: bold; margin: 10px 0px 30px 0px; }
h1.podnaslov { font-size: 17px; color: #000000; font-weight: bold; margin: 10px 0px 5px 0px; }
h2 { font-size:12px; color:#ff0000; font-weight:bold; margin: -15px 0px 0px 35px;}
h2.detaljno { font-size:12px; color:#ff0000; font-weight:bold; margin: -0px 0px 0px 0px;} 


#footer { clear:both; repeat-x 0 -97px; color: #ff0000;  width:100%; text-align:left;  }
div.footTopBorder {width: 920px; overflow: hidden; margin: 0px auto 0px auto; height:25px; }
div.footContent { width: 100%; text-align: left; padding: 5px 50px 5px 15px; color:#ffffff; background:url(http://static.vip.hr/portal/slike/673031_footer_podloga.gif) no-repeat; float:left;}
div.footContent div.footer_links {float:left;}
div.footContent a { text-decoration: none; font-weight:bold; color: #ffffff; }
div.footContent div.copyright { color: #ffffff; text-align:right; padding-right:40px; }

.smallprint { font-size:10px; }
.tablice_header {background:#FF0000; color:#ffffff; font-weight:bold; }
.tablice_redak {background:#FFFFFF}

/* WEBSHOP */

div.mobilni {width:153px; height:290px; float:left; display:block; overflow:hidden;  margin-right:10px; border-top:3px solid #ff0000;}
div.mobilni div.telefon { height:215px; cursor: pointer;}
div.mobilni div.telefon div.naslov { font-weight:bold; font-size:13px; padding-top:5px;}
div.mobilni div.kupuj { padding-top:10px;}
a.noUnderline {text-decoration:none;}
div.mobilniBig { float:left; width:123px; display:block; overflow:hidden;}
div.karakteristike{padding-left:120px;}
div.kupujDetaljno { padding-top:20px; padding-bottom:30px;}

.buttonGreen1 {background-color:#ff0000; font-size:11px; color:#ffffff; margin:0px 4px 0px 2px;}
.buttonOrange {background-color:#ff0000; font-size:11px; color:#ffffff; margin:0px 4px 0px 2px;}
.error {color:#ff0000;}

div.searchBoxW { float:right; width: 195px; margin-top: 20px; height: 40px; overflow: hidden;}
div.searchBoxW div.searchTitleW {float: right; font-size: 12px; font-weight: bold; padding-top: 3px;}
div.searchBoxW div.searchInputW {float: right;}
div.searchBoxW div.searchButtonW {float: right; padding-top: 1px;}
input.search { width: 130px; height: 13px; font-size: 11px; margin: 0px 3px 0px 3px; color:#6F6F6F; }

div.promoCijena {text-align:center; height:65px; padding-left:56px; padding-top:73px; color:#FFFFFF; font-weight:bold; background:url(http://static.vip.hr/portal/slike/628943_krug.gif) no-repeat 70px 60px;}

/* WEBSHOP end */

table.gornjiRub {  border-top:3px solid #ff0000; border-bottom:10px solid #e2e2e2; width:900px; background-color:#ffffff; margin:0px 10px 0px 10px;}
input.polja { font-size:11px; color: #454545;  }
select.odaberi  { font-size:11px; color:#454545; }
tr.bojaRedakSiva { background-color:#f1f1f1;}
tr.bojaRedakBijela { background-color:#ffffff;}
tr.bojaOrange { background-color:#ff0000; color:#ffffff; font-weight:bold;}


/* PRODAJNO MJESTO */

.orangeBg1 {background-color:#ff0000; padding:7px 15px 7px 15px;}
.info1 { float:left; width:140px; margin:0px 3px 15px 3px; }
a.submit {font-weight:bold; color:#FFFFFF; text-decoration:none; font-size:12px; padding-left:20px;}
div.prodajnoInfo{margin-top:36px; margin-left:5px; font-weight:bold;  font-size: 12px;}
div.prodajnoInfo b{font-size: 13px; color:#ff0000;}
.lineSeparatorHorizontal { height: 1px; background: #d1d1d1; overflow:hidden; margin: 10px 5px 10px 0px;}
.lineSeparatorVertical { width: 1px; height:150px; background: #d1d1d1; overflow:hidden; float: left; margin: 0 10px 10px 10px;}
.orangeBgBottom {background-color:#ff0000; height:5px; margin-top:10px; clear:both;}

/* PRODAJNO MJESTO end */

/* FAQ */
#bulletFaq { margin: 0px; padding: 0px; height: 30px; height: auto; overflow:hidden; }
#bulletFaq .pitanje { font-weight:bold; color:#ff0000;  padding-left: 5px; margin: 25px 0px 5px 7px; }
#bulletFaq dd { margin: 3px 0px 10px 20px; font-size: 11px; overflow:hidden;}
/* FAQ end */

/* ANKETA */
div.anketaPitanja { width:20px; float:left;}
div.anketaText {padding-left:20px; padding-right:10px;}
p.naslov { font-size:12px; font-weight:bold; padding-bottom:10px; }
a.bullet1 { display: block; background:url(../images/orangeArrow.gif) no-repeat 4px 5px; font-weight: bold; text-decoration: none; padding-left: 12px; margin: 3px 0px 3px 0px; color:#ed1c24; }
a.bullet2 { display: block; background:url(../images/orangeArrow.gif) no-repeat 4px 5px;  text-decoration: none; padding-left: 12px; margin: 15px 0px 3px 0px; border-top: solid 1px #CCCCCC; }
.buttonGreen {background-color:#72b916; font-size:11px; color:#ffffff; margin:10px 4px 10px 2px;}

div.anketaTraka { height:17px; background-color:#72b916; color:#FFFFFF; font-size:11px; font-weight:bold; padding-top:2px; padding-left:5px; }

/* ANKETA end */

/* TOMATO FREE */
div.promoBanner {float:left;  display:block; overflow:hidden; width:550px; height:183px; background:url(../img_free/dobrodosli_free.gif) no-repeat 0 0; }
div.promoBanner1 {float:left;  display:block; overflow:hidden; width:550px; height:183px; background:url(../img_free/test_dobrodosli_free.gif) no-repeat 0 0; }
div.freeLogin { margin-left:550px; width:250px; height:183px; background:url(../img_free/free_login.gif) no-repeat 0 0; }
div.freeLogin1 { margin-left:550px; width:250px; height:183px; background:url(../img_free/test_free_login.gif) no-repeat 0 0; }
.freeForma {padding-top:50px; padding-left:30px;}

/* TOMATO FREE end */

/* SITEMAP */
a.bulletSitemap { display: block; font-size:18px; font-weight:bold; text-decoration:none;  color: #ff0000; font-weight: normal; text-decoration: none; padding-left: 5px; margin: 3px 0px 3px 0px; }
a.bulletSitemap1 { display: block; font-size:14px; font-weight:bold;  color: #000000; text-decoration: none; padding-left: 30px; margin: 3px 0px 3px 0px; background: url(images/orangeArrow.gif) no-repeat 23px 5px; }
a.bulletSitemap3 { display: block; background:url(images/redArrow.gif) no-repeat 57px 5px; color: #4a4a4a; font-weight: normal; text-decoration: none; padding-left: 65px; margin: 6px 0px 6px 0px; }
/* SITEMAP */


/* PRETRAZIVANJE */

a.bullet3 { display: block; background:url(images/orangeArrow.gif) no-repeat 4px 5px;  text-decoration: none; padding-left: 12px; margin: 15px 0px 3px 0px;  }

.raq { color:#ff0000; text-decoration:none;}

/* HOMEPAGE */

div.naslovnicaPromocija {height:260px; width:910px; display:block; margin-left:9px; }
div.naslovnicaPromocija div.promoN {float:left; width:450px; height:227px; margin-top:30px;}
div.naslovnicaPromocija div.promoS {float:left; display:block; width:450px; height:227px; margin-top:30px;}
div.naslovnicaPromocija div.separacija { float:left; background-color:#ff0000; width:2px; height:255px; display:block;}

div.tekstPodpromocije { margin:10px 0px 10px 9px; height:90px; width:446px; display:block; float:left;}
div.tekstPodpromocije div.podpromocije {background:url(http://static.vip.hr/portal/slike/673044_naslovna_podloge.gif) no-repeat; height:23px; display:block; font-weight:bold; padding-top:7px; padding-left:7px;}
a.peteljka {text-decoration:none; padding-left:10px; color:#FFFFFF;}
div.govorni {margin-bottom:10px;}

div.tekstPodpromocije1 { margin:10px 0px 10px 9px; height:90px; width:230px; display:block; float:left;}
div.tekstPodpromocije1 div.podpromocije1 {background:url(http://static.vip.hr/portal/slike/651547_podPromocijeBgr.gif) repeat-x; height:23px; display:block; font-weight:bold; padding-top:7px; padding-left:7px;} 

/* HOMEPAGE end */

/* SITEMAP */

a.bulletSitemap { display: block; font-size:12px; font-weight:bold; text-decoration:none;  color: #4A4A4A;  none; padding-left: 5px; margin: 3px 0px 3px 0px; }
a.bulletSitemap1 { display: block; font-size:11px; text-decoration: none; padding-left: 30px; color:#000000; margin: 3px 0px 3px 0px; background: url(http://static.vip.hr/portal/slike/651573_orangeArrow.gif) no-repeat 23px 5px; }
a.bulletSitemap3 { display: block; background:url(http://static.vip.hr/portal/slike/651574_redArrow.gif) no-repeat 57px 5px; color: #4a4a4a; font-weight: normal; text-decoration: none; padding-left: 65px; margin: 6px 0px 6px 0px; }

/* SITEMAP end */