html {
background-color: #E2E2E2;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
}
body {
background-color: #E2E2E2;
margin: 0px;
padding: 0;
text-align: center;
font-size: 1.1em;
}
/* master */
#masterDiv {width:100%;}
#mainDiv {width:100%;}
#pageDiv {width:1000px; background-color:white;}
#headerDiv {width:100%; height:105px; background-color:#E2E2E2;}
#headDiv {background-image: url(../images/app/back-top.gif);
background-repeat: no-repeat;
background-position: center top;
height: 105px;
width: 1000px;
position:relative;
top:0px;
/*border:solid 1px Green;*/
}
#footerDiv {width:100%; height:102px; background-color:#E2E2E2;position:relative;}
#fDiv {background-image: url(../images/app/back-bottom.gif);
background-repeat: no-repeat;
background-position: center top;
height: 100px;
width: 1000px;
position:relative;
}
/* m e n u */
#mMenu { position:absolute;
top:18px;
left:320px;
/*width:615px;*/
height:22px;
/*border:solid 1px Orange;*/
}
#lnav
{
/*width:635px;*/
margin: 0;
padding: 0 0 0 10px;
}
#lnav li {
list-style: none;
/*width: 135px;*/
margin: 0;
padding: 0;
float:left;
text-align:center;
}
#lnav li a {
/*width: 100px;*/
text-decoration: none;
text-indent: 0px;
height: 22px;
display: block;
background: transparent;
outline: none;
}
/*
.mnu1 {width: 100px;text-decoration: none;text-indent: 0px;height: 22px;display: block;background: transparent;outline: none;
font-family:Tahoma,Arial; font-size:14px;font-weight:bold;color:White;}
.mnu1:hover, .mnu1 .active {width: 100px;text-decoration: none;text-indent: 0px;height: 22px;display: block;background: transparent;outline: none;
font-family:Tahoma,Arial; font-size:14px;font-weight:bold;color:Blue;}
*/
.mmnu1 {list-style: none;width: 70px;margin: 0;padding: 0;float:left;text-align:center;}
.mmnu2 {list-style: none;width: 100px;margin-left: 1px;padding: 0;float:left;text-align:center;}
.mmnu3 {list-style: none;width: 58px;margin-left: 5px;padding: 0;float:left;text-align:center;}
.mmnu4 {list-style: none;width: 60px;margin-left: 10px;padding: 0;float:left;text-align:center;}
.mmnu5 {list-style: none;width: 60px;margin-left: 15px;padding: 0;float:left;text-align:center;}
.mmnu7 {list-style: none;width: 78px;margin-left: 15px;padding: 0;float:left;text-align:center;}
.mmnu6 {list-style: none;width: 120px;margin-left: 15px;padding: 0;float:left;text-align:center;}
#lnav #mnu1 { background-image: url(../images/app/m1-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu1:hover, #mnu1 .active { background-image: url(../images/app/m1-2.gif);background-position:center center; background-repeat:no-repeat; }
#lnav #mnu2 { background-image: url(../images/app/m2-1.gif);background-position:center center; background-repeat:no-repeat;margin-left:10px;}
#lnav #mnu2:hover, #mnu2 .active { background-image: url(../images/app/m2-2.gif);background-position:center center; background-repeat:no-repeat; }
#lnav #mnu3 { background-image: url(../images/app/m3-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu3:hover, #mnu3 .active { background-image: url(../images/app/m3-2.gif);background-position:center center; background-repeat:no-repeat; }
#lnav #mnu4 { background-image: url(../images/app/m7-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu4:hover, #mnu4 .active { background-image: url(../images/app/m7-2.gif);background-position:center center; background-repeat:no-repeat; }
#lnav #mnu5 { background-image: url(../images/app/m8-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu5:hover, #mnu5 .active { background-image: url(../images/app/m8-2.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu6 { background-image: url(../images/app/m6-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu6:hover, #mnu6 .active { background-image: url(../images/app/m6-2.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu7 { background-image: url(../images/app/m5-1.gif);background-position:center center; background-repeat:no-repeat;}
#lnav #mnu7:hover, #mnu7 .active { background-image: url(../images/app/m5-2.gif);background-position:center center; background-repeat:no-repeat;}
/* searchBox */
#SearchBox
{
background: transparent;
background-image: url(../images/app/searchbox-back.gif);
background-repeat: no-repeat;
position:absolute;
top: 50px;
left: 429px;
width:452px;
height:44px;
/*border:solid 1px Green;*/
}
/*
#SearchQuery {position:relative; top:8px; left:36px;width:300px;}
#SearchBtn {position:relative; top:-21px; left:337px;float:left}
*/
#SearchQuery {position:absolute; top:7px; left:30px;width:300px;}
#SearchBtn {position:absolute; top:-3px; left:342px;}
.Search
{
left:5px;
border:0px;
width:300px;
background:transparent;
font-size:14px;
font-weight:bold;
}
#bhlayout-banners {
border: solid 1px green;
border: none;
margin: 0 5px 0 5px;
width:120px;
vertical-align:top;
}
#bhlayout-header {width:850px;
background-color:white;
border: solid 1px red;
border: none;
height:30px;
margin: 0 0 0 0;
}
#bhlayout-body {width:543px;
background-color:white;
border: solid 1px red;
border: none;
margin: 0 0px 0 0;
position:relative; top:-7px;
}
/* Vesti */
#divVesti{position:relative; top:15px; left:5px; width: 530px; height:840px; border: solid 1px Blue;border:none; }
div.Vest {width:530px;height:160px;margin: 5px 0px 5px 0px;border: solid 1px #CCCCCC;background-image:url(../images/app/vest-back.gif);
position:relative;top:0px;left:0px;}
div.Vest div.v_img {position:relative;top:30px;left:10px;width:75px;height:90px;border: solid 1px #CCCCCC;}
div.Vest div.v_title {position:relative;top:5px;left:10px;font-family:Tahoma; font-size:12px }
div.Vest div.v_txt {position:absolute;top:28px;left:95px; width:400px; height:80px ;font-family:Tahoma; font-size:12px }
/*tri tackice*/
div.Vest div.v_txt a:link {color: red; font-weight: normal; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
div.Vest div.v_txt a:visited {color: #28344D; font-weight: normal; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
div.Vest div.v_txt a:hover {color: #28344D; font-weight: normal; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
div.Vest div.v_txt a:active {color: #28344D; font-weight: normal; text-decoration: none; font-size: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#DivBanerSredina{position:relative; top:0px; left:0px; width: 530px; height:305px; border: solid 1px Blue;border:none;margin: 10px 5px 0px 5px;
background-image:url(../images/baneri/banner-sredina.jpg); background-repeat:no-repeat;}
.DivBanerSredinaNaslov {position:relative; width:530px;height:75px;border: solid 1px #CCCCCC;margin: 0px 5px 0px 5px;}
.DivBanerSredina {position:relative; width:530px;height:330px;border: solid 1px #CCCCCC;margin: 10px 5px 0px 5px;}
/* Proizvodi Big */
#DivProizvodi{position:relative; top:0px; left:0px; width: 845px; border: solid 1px #CCCCCC; border:none; margin: 0px 0px 0px 0px;}
.DivProizvodiTop{position:relative; top:0px; left:0px; width: 420px;height:20px; border: solid 1px #CCCCCC;margin: 0px 0px 0px 0px;background-image:url(../images/app/vest-back.gif);}
#DivProizvodiPakom{position:relative; top:0px; left:0px; width: 420px; border: solid 1px #CCCCCC;border-bottom:none;margin: 0px 0px 0px 0px;}
#DivProizvodiSponsors{position:relative; top:0px; left:0px; width: 420px; border: solid 1px #CCCCCC;border-bottom:none;margin: 0px 0px 0px 0px;}
/*
#DivProizvodiHeader{position:relative; top:0px; left:0px; width: 845px; height:25px; border: solid 1px #CCCCCC;margin: 0px 0px 0px 0px;background-image:url(../images/app/vest-back.gif);}
*/
.DivProizvod{position:relative; top:0px; left:0px; width: 420px; height:76px; border-bottom: solid 1px #CCCCCC;margin: 0px 0px 2px 0px;background-image:url(../images/app/proizvod-back.gif);vertical-align:middle;}
.DivProizvodBottom{position:relative; top:0px; left:0px; width: 420px; height:76px; border-bottom: solid 1px #CCCCCC;margin: 0px 0px 0px 0px;background-image:url(../images/app/proizvod-back.gif);}
.DivProizvod2{position:relative; top:0px; left:0px; width: 420px; height:76px; border-bottom: solid 1px #CCCCCC;margin: 0px 0px 2px 0px;background-image:url(../images/app/proizvod-back2.gif);}
.DivProizvodBottom2{position:relative; top:0px; left:0px; width: 420px; height:76px; border-bottom: solid 1px #CCCCCC;margin: 0px 0px 0px 0px;background-image:url(../images/app/proizvod-back2.gif);}
#ctl00_cphSadrzaj_lblTop1{color:#062872;font-family:Tahoma; font-size:14px; }
#ctl00_cphSadrzaj_lblTop2{color:#062872;font-family:Tahoma; font-size:14px; }
.ProizvodTable{ border:none;margin: 2px 2px 2px 5px; width:390px;height:72px}
.OpisProizvodaNaslov {color:#062872;font-family:Tahoma; font-size:12px; }
.OpisProizvoda {color:#062872;font-family:Tahoma; font-size:11px; }
.OpisProizvodaCena {color:Gray;font-family:Tahoma; font-size:12px }
/* Anketa.Newsletter */
#DivAnketa{position:relative; top:7px; left:0px; width: 300px; height:300px; border:none; border: solid 1px #CCCCCC;background-image:url(../images/app/anketa.gif);}
#DivNewsletter{position:relative; top:17px; left:0px; width: 300px; height:180px; border:none;border: solid 1px #CCCCCC;background-image:url(../images/app/newsletter.gif);}
#DivNewsletter label {font-family:Tahoma; font-size:12px}
/*baner desno gore*/
#bhlayout-footer {width:300px;
height:252px;
background-color:white;
border: none;
border: solid 1px #CCCCCC;
margin: 0 0 0 0;
position:relative;
/*top:-2px;
background-image:url(../images/app/logo-desno.gif);*/
}
/* div-ostalo (b2b flash)*/
#div-ostalo{position:relative; top:27px; left:0px; width: 300px; height:185px; border:none; border: solid 1px #CCCCCC;}
#DivNedAkcija{position:relative; top:37px; left:0px; width: 300px; height:500px; border:none; border: solid 1px #CCCCCC;}
#DivRasprodaja{position:relative; top:50px; left:0px; width: 300px; height:420px; border:none; border: solid 1px #CCCCCC;}
/*curr not used*/
#DivBanerDopunski{position:relative; top:75px; left:0px; width: 300px; height:150px; border:none; border: solid 1px #CCCCCC;}
/*Navigacioni meni*/
#NavDiv a:link
{
color: #062D76;
font-weight: normal;
text-decoration: none;
}
#NavDiv a:visited, #NavDiv a:hover, #NavDiv a:active
{
color: #759fc5;
font-weight: normal;
text-decoration: none;
}
/*Footer menu*/
#tblFoot td.tdfoot {border-right:solid 1px #CCCCCC;text-align:center;}
#tblFoot td.tdfootlast {border-right:none;}
a.pagelink:link {color: #28344D; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
a.pagelink:visited {color: #28344D; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
a.pagelink:hover {color: #28344D; font-weight: normal; text-decoration: none; background-color: #EEEEEE; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px; }
a.pagelink:active {color: #28344D; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
a.footlink:link {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Tahoma,Arial, Helvetica, sans-serif; display: block; padding: 1px 0px 1px 0px; width: 100%;}
a.footlink:visited {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Tahoma,Arial, Helvetica, sans-serif; display: block; padding: 1px 0px 1px 0px; width: 100%;}
a.footlink:hover {color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #6693BD; display: block; padding: 1px 0px 1px 0px; width: 100%;}
a.footlink:active {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Tahoma,Arial, Helvetica, sans-serif; display: block; padding: 1px 0px 1px 0px; width: 100%;}
a.SC_ProdTitle:link {color: #1e5b7e; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
a.SC_ProdTitle:visited {color: #1e5b7e; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
a.SC_ProdTitle:hover {color: #1e5b7e; font-weight: normal; text-decoration: underline; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px; }
a.SC_ProdTitle:active {color: #1e5b7e; font-weight: normal; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Tahoma,Arial, Helvetica, sans-serif; padding: 1px 0px 1px 0px;}
/*baneri*/
/*div.bBaner { width:120px;height:240px;}*/
/* QAF ; KatalogProizvoda*/
/* Kopirano iz normalnog style-n,.css */
#PostavljanjePitanja {width:100% }
TD.sBoxTL
{
background-image: url(../images/box-s-tl.gif);
background-repeat: no-repeat;
height: 7px;
width: 7px;
}
TD.sBoxT
{
border-top: solid 1px #CCCCCC;
}
TD.sBoxTR
{
background-image: url(../images/box-s-tr.gif);
background-repeat: no-repeat;
background-position: right top;
height: 7px;
width: 7px;
}
TD.sBoxL
{
border-left: solid 1px #CCCCCC;
}
TD.sBoxM
{
vertical-align: top;
}
TD.sBoxR
{
border-right: solid 1px #CCCCCC;
}
TD.sBoxBL
{
background-image: url(../images/box-s-bl.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 7px;
width: 7px;
}
TD.sBoxB
{
border-bottom: solid 1px #CCCCCC;
}
TD.sBoxBR
{
background-image: url(../images/box-s-br.gif);
background-repeat: no-repeat;
background-position: right bottom;
height: 7px;
width: 7px;
}
/*kattalogue old*/
a.category:link {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.category:visited {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.category:hover {color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #6693BD; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.category:active {color: #28344D; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.categoryLight:link {color: #FFFFFF; background-color: #6693BD; font-weight: normal; text-decoration: none; font-size:11px; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.categoryLight:visited {color: #FFFFFF; background-color: #6693BD; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.categoryLight:hover {color: #FFFFFF; background-color: #FFFFFF; font-weight: normal; text-decoration: none; font-size:11px; background-color: #2D3A54; display: block; padding: 1px 2px 1px 2px; width: 100%;}
a.categoryLight:active {color: #FFFFFF; background-color: #6693BD; font-weight: normal; text-decoration: none; font-size: 11px; font-family: Arial, Helvetica, sans-serif; display: block; padding: 1px 2px 1px 2px; width: 100%;}
#divKategorije, #divBrendovi
{
/*background: transparent url(../images/td-head-bg.gif) repeat-x 0 0;*/
border-top: 1px solid #cecece;
/*border-left: 1px solid #cecece;
border-right: 1px solid #cecece;*/
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
/*padding: 2px;*/
width:375px;
float:left;
}
#divBaneri1, #divBaneri2
{
width:375px;
float:left;
border-top: 1px solid #cecece;
}
#divKatIBaneri
{
/*width:50%;*/
float:left;
}
#divIzabraneKategorije1, #divIzabraneKategorije2
{
width:732px;
background-image: url(../images/izabranekategorije.gif);
height:161px;
float:left;
padding:10px;
color:White;
font-weight:bold;
/*border:1px solid #000;*/
}
#PozicijaStranice
{
/*text-align:center;*/
padding:0px 0px 0px 120px;
}
TD.tHeaderL
{
background-image: url(../images/td-head-bg.gif);
border-left: solid 1px #D7D7D7;
border-top: solid 1px #D7D7D7;
border-right: solid 1px #8A8A8A;
border-bottom: solid 1px #8A8A8A;
height: 19px;
padding-left: 10px;
font-family: Verdana;
font-size: 9px;
color: #26334C;
font-weight: bold;
}
TD.tHeaderR
{
background-image: url(../images/td-head-bg.gif);
border-left: solid 1px #D7D7D7;
border-top: solid 1px #D7D7D7;
border-right: solid 1px #8A8A8A;
border-bottom: solid 1px #8A8A8A;
height: 19px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
font-family: Verdana;
font-size: 9px;
color: #26334C;
font-weight: bold;
}
TD.dark
{
background-color: #F1F1F2;/*DDEFF6;*/
font-family: Verdana;
font-size: 10px;
border-left: solid 1px #C7C6C1;
border-top: solid 0px #FFFFFF;
border-right: solid 1px #C7C6C1;
border-bottom: solid 1px #C7C6C1;
padding-left: 6px;
padding-right: 6px;
height: 1px;
}
TD.light
{
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
border-left: solid 1px #C7C6C1;
border-top: solid 0px #FFFFFF;
border-right: solid 1px #C7C6C1;
border-bottom: solid 1px #C7C6C1;
padding-left: 6px;
padding-right: 6px;
height: 1px;
}
TD.darkP
{
background-color: #F1F1F2;/*DDEFF6;*/
font-family: Verdana;
font-size: 10px;
border-left: solid 1px #C7C6C1;
border-top: solid 0px #FFFFFF;
border-right: solid 1px #C7C6C1;
border-bottom: solid 1px #C7C6C1;
padding-left: 10px;
padding-right: 10px;
height: 30px;
}
TD.lightP
{
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
border-left: solid 1px #C7C6C1;
border-top: solid 0px #FFFFFF;
border-right: solid 1px #C7C6C1;
border-bottom: solid 1px #C7C6C1;
padding-left: 10px;
padding-right: 10px;
height: 30px;
}
TD.darkNB
{
background-color: #F1F1F2;/*DDEFF6;*/
font-family: Verdana;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
height: 16px;
}
TD.lightNB
{
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
height: 16px;
}
TD.tLeftCP
{
background-color: #EEEEEE;
padding-left: 2px;
border-right: #aaaaaa 1px solid;
border-top: #aaaaaa 0px solid;
border-left: #aaaaaa 1px solid;
border-bottom: #aaaaaa 0px solid;
}
TR.dark
{
background-color: #F1F1F2;/*DDEFF6;*/
font-family: Verdana;
font-size: 10px;
border-top: solid 0px #FFFFFF;
border-bottom: solid 1px #C7C6C1;
padding-left: 10px;
padding-right: 10px;
height: 18px;
border-top: #ffffff 0px solid;
border-bottom: #c7c6c1 3px solid;
}
TR.light
{
background-color: #FFFFFF;
font-family: Verdana;
font-size: 10px;
border-top: solid 0px #FFFFFF;
border-bottom: solid 1px #C7C6C1;
padding-left: 10px;
padding-right: 10px;
height: 18px;
border-top: #ffffff 0px solid;
border-bottom: #c7c6c1 3px solid;
}
TR.tHeaderL
{
background-image: url(../images/td-head-bg.gif);
border-left: solid 1px #D7D7D7;
border-top: solid 1px #D7D7D7;
border-right: solid 1px #8A8A8A;
border-bottom: solid 1px #8A8A8A;
height: 19px;
padding-left: 10px;
font-family: Verdana;
font-size: 9px;
color: #26334C;
font-weight: bold;
}
TD.mouseOver
{
color: #FFFFFF;
background-color: #2D3A54;
font-family: Verdana;
font-size: 10px;
border-top: solid 0px #FFFFFF;
border-bottom: solid 0px #C7C6C1;
padding-left: 6px;
padding-right: 6px;
height: 14px;
border-top: #ffffff 0px solid;
border-left-style:none;
}
/*Kat valjda*/
TD.titleBarLeft
{
background-image: url(../images/titlebar-left-bg.gif);
background-repeat: no-repeat;
width: 40px;
vertical-align: top;
text-align: center;
padding-top: 14px;
}
TD.titleBar
{
background-image: url(../images/titlebar-bg.gif);
background-repeat: repeat-x;
vertical-align: top;
color: White;
font-size: 16px;
font-family: Arial;
font-weight: bold;
padding-top: 8px;
}
TD.titleBarSmall
{
background-image: url(../images/titlebar-bg.gif);
background-repeat: repeat-x;
vertical-align: top;
color: White;
font-size: 14px;
font-family: Arial;
font-weight: bold;
text-transform: uppercase;
padding-top: 8px;
}
TD.titleBarRight
{
background-image: url(../images/titlebar-right-bg.gif);
background-repeat: no-repeat;
width: 4px;
}
TD.titleBarLeftS
{
background-image: url(../images/titlebar-left-s-bg.gif);
background-repeat: no-repeat;
width: 40px;
vertical-align: top;
text-align: center;
padding-top: 14px;
}
TD.titleBarS
{
background-image: url(../images/titlebar-s-bg.gif);
background-repeat: repeat-x;
vertical-align: top;
color: White;
font-size: 14px;
font-family: Arial;
font-weight: bold;
text-transform: uppercase;
padding-top: 0px;
}
TD.titleBarRightS
{
background-image: url(../images/titlebar-right-s-bg.gif);
background-repeat: no-repeat;
width: 4px;
}
TD.box-tl
{
background-image: url(../images/box-tl-bg.gif);
background-repeat: no-repeat;
background-position: left top;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-t
{
border-top: solid 1px #CCCCCC;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-tr
{
background-image: url(../images/box-tr-bg.gif);
background-repeat: no-repeat;
background-position: right top;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-l
{
border-top: solid 1px #CCCCCC;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-m
{
border-top: solid 1px #CCCCCC;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-r
{
border-top: solid 1px #CCCCCC;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-bl
{
border-top: solid 1px #CCCCCC;
background-image: url(../images/box-bl-bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-b
{
border-top: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
TD.box-br
{
border-top: solid 1px #CCCCCC;
background-image: url(../images/box-br-bg.gif);
background-repeat: no-repeat;
background-position: right bottom;
height: 222px;
width: 25%;
vertical-align: top;
padding: 5px;
}
.price
{
font-family: Arial;
font-size: 18px;
clear: both;
}
.product
{
float: right;
vertical-align: middle;
}
.product1
{
vertical-align: middle;
}
a.productTitle:link {color: #AC0D05; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
a.productTitle:visited {color: #AC0D05; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
a.productTitle:hover {color: #AC0D05; font-weight: bold; text-decoration: none;}
a.productTitle:active {color: #AC0D05; font-weight: bold; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
a.productTitleMMS:link {color: #AC0D05; font-weight: bold; text-decoration: underline; text-align:center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
a.productTitleMMS:visited {color: #AC0D05; font-weight: bold; text-decoration: underline; text-align:center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
a.productTitleMMS:hover {color: #AC0D05; font-weight: bold; text-decoration: none; text-align:center;}
a.productTitleMMS:active {color: #AC0D05; font-weight: bold; text-decoration: underline; text-align:center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
.productDescription
{
margin-top: 3px;
color: #3C3C3C;
font-family: Arial, Tahoma, Verdana;
font-size: 10px;
line-height: 14px;
}
a.productDetail:link {color: #858585; font-weight: normal; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/detail-arrow.gif); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
a.productDetail:visited {color: #858585; font-weight: normal; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/detail-arrow.gif); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
a.productDetail:hover {color: #858585; font-weight: normal; text-decoration: none; background-image: url(../images/detail-arrow.gif); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
a.productDetail:active {color: #858585; font-weight: normal; text-decoration: underline; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/detail-arrow.gif); background-repeat: no-repeat; background-position: right center; padding-right: 22px; }
h1 {
color: #fff;
font-size: 14px;
padding: 8px 0 0 40px;
height: 40px;
margin: 27px 0 10px 0;
background: transparent url(../images/h1bg.gif) no-repeat 0 0;
}
H2 {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
padding-top: 2px;
}
H3 {
font-size: 14px;
font-family: Tahoma;
font-weight: normal;
}
H4 {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
}
H5 {
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
}
H6
{
font-size: 10px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
display: inline;
vertical-align: middle;
font-weight: lighter;
}
/* katalog proizvoda */
.katalogHead
{
/*background: transparent url(../images/td-head-bg.gif) repeat-x 0 0;*/
border-top: 1px solid #cecece;
/*border-left: 1px solid #cecece;
border-right: 1px solid #cecece;*/
font-size: 12px;
font-family: Tahoma;
font-weight: bold;
padding: 2px;
}
/* MOJE SRKI */
a.opis:link {color: #28344D; font-weight: normal; text-decoration:none; font-size: 12px; }
a.opis:visited {color: #28344D; font-weight: normal; text-decoration:none; font-size: 12px;}
a.opis:hover {color: #000000; font-weight: normal; text-decoration:none;}
a.opis:active {color: #28344D; font-weight: normal; text-decoration:none; font-size: 12px;}
/* */
.katalogTable
{
border-bottom: 1px solid #cecece;
/*border-left: 1px solid #cecece;
border-right: 1px solid #cecece;*/
width: 752px;
margin-left:auto;
margin-right:auto;
}
/* pakom posao */
INPUT.inputstyle
{
background-image: url(../images/input-bg.gif);
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #383838;
padding: 0px 3px 0px 3px;
}
INPUT.shadow
{
background-image: url(../images/input-bg.gif);
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #383838;
padding: 0px 3px 0px 3px;
}
INPUT.inputstyleDisabled
{
background-image: url(../images/input-bg-disabled.gif);
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #383838;
padding: 0px 3px 0px 3px;
}
SELECT.selectstyle
{
background-image: url(../images/input-bg.gif);
background-repeat: repeat-x;
font-family: Tahoma;
font-size: 11px;
color: #383838;
padding: 0px 3px 0px 3px;
}
/* opis proizvoda */
#OpisProizvoda
{
padding:10px 0px 5px 10px;
border:1-x solid #000;
}
#prodLeft {
width: 250px;
margin-right: 10px;
float: left;
margin-top:10px;
}
#prodRight {
width: 500px;
float: right;
margin-top:10px;
margin-right: 4px;
}
.bottomRlink {
width: 190px;
float: right;
padding: 6px;
text-align: center;
border: 1px solid #ccc;
margin: 4px 0;
}
/* Izabrane kategorije i brandovi */
#IzabranaSlika1
{
width:80px;
height:78px;
margin:37px 60px 0px 40px;
background-image: url(../images/Computer-Background.jpg);
border:1px solid #408FBE;
float:left;
text-align:center;
padding:2px 0px 0px 0px;
}
#IzabranaSlika2, #IzabranaSlika3, #IzabranaSlika4
{
width:80px;
height:78px;
margin:37px 60px 0px 0px;
background-image: url(../images/Computer-Background.jpg);
border:1px solid #408FBE;
float:left;
text-align:center;
padding:2px 0px 0px 0px;
}
/*#IzabranaSlika3
{
width:80px;
height:80px;
margin:37px 60px 0px 0px;
background-image: url(../images/Computer-Background.jpg);
border:1px solid #408FBE;
float:left;
text-align:center;
}
#IzabranaSlika4
{
width:80px;
height:80px;
margin:37px 60px 0px 0px;
background-image: url(../images/Computer-Background.jpg);
border:1px solid #408FBE;
float:left;
text-align:center;
}*/
#IzabranaSlika5
{
width:80px;
height:80px;
margin:37px 0px 0px 0px;
background-image: url(../images/Computer-Background.jpg);
border :1px solid #408FBE;
float:left;
text-align:center;
}
#IzabraniBrend1
{
width:80px;
height:80px;
margin:37px 60px 0px 40px;
/*border:1px solid #408FBE;*/
float:left;
text-align:center;
}
#IzabraniBrend2
{
width:80px;
height:80px;
margin:37px 60px 0px 0px;
float:left;
text-align:center;
}
#IzabraniBrend3
{
width:80px;
height:80px;
margin:37px 60px 0px 0px;
float:left;
text-align:center;
}
#IzabraniBrend4
{
width:80px;
height:80px;
margin:37px 60px 0px 0px;
float:left;
text-align:center;
}
#IzabraniBrend5
{
width:80px;
height:80px;
margin:37px 0px 0px 0px;
float:left;
text-align:center;
}