BODY {
	SCROLLBAR-FACE-COLOR: #EEEBDF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #EEEBDF; 
	SCROLLBAR-ARROW-COLOR: #2E63A5; 
	SCROLLBAR-BASE-COLOR: #EEEBDF; 
	scrollbar-dark-shadow-color: #EEEBDF; 
	scrollbar-3d-light-color: #EEEBDF;
	}

	A {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}
	A:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #FF0000;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}
	A.prhead {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: italic;
		font-weight: none;
		font-size: 11pt;
		}
	A.prhead:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #FF0000;
		text-decoration: italic;
		font-weight: none;
		font-size: 11pt;
		}
	A.footlinks {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: normal;
		font-size: 8pt;
		}
	A.footlinks:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #FF0000;
		text-decoration: none;
		font-weight: normal;
		font-size: 8pt;
		}		
	A.brojstrane {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}
	A.brojstraneakt {
		font-family: Tahoma,Arial, Helvetica;
		color : #FF0000;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}
	p.dpnazivi {
		font-family: Tahoma,Arial, Helvetica;
		color : #6699FF;
		text-decoration: none;
		font-size: 10pt;
		}		
	A.dplinks {
		font-family: Tahoma,Arial, Helvetica;
		color : #6699FF;
		font-size: 9pt;
		}
	A.dplinks:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : red;
		font-size: 9pt;
		}
	p.albumtekst {
		text-align= justify;
		text-indent: 20;
		font-family: Tahoma,Arial,Helvetica;
		font-size: 9pt;
		color : #2E63A5;
		}
	div.albumtekst {
		text-align= justify;
		text-indent: 20;
		font-family: Tahoma,Arial,Helvetica;
		font-size: 9pt;
		color : #2E63A5;
		padding-left: 5 px;
		padding-right: 5 px;
		}
	A.cvnavig {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: italic;
		font-weight: none;
		font-size: 10pt;
		}
	A.cvnavig:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #FF0000;
		text-decoration: italic;
		font-weight: none;
		font-size: 10pt;
		}		
	.tabslika { 
	font-family: Tahoma;
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

a.dugme-hor {
	background-image: url('Image/hbutover.jpg');	
	color: #000080;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right top;
	border: medium none;
	position: relative;
	font-family: Tahoma,Arial, Helvetica;
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;
	text-transform: none;
	cursor: hand;
	text-align: right;
	top: 0px;
}

a.dugme-hor:hover {
	background-image: url('Image/hbutover.jpg');
	text-decoration: none;
	cursor: hand;
	color: #6699FF;
	background-position: left top;

}


	A.korpalink {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: bold;
		font-size: 9pt;
		}

	p.naslkategorije {
	font-family: Tahoma, Helvetica;
	font-size: 11pt;
	color: #2E63A5;	
	}
	
	h1.naslov {
	height: 100%;
	width: 100%;
	font-family: Tahoma, Helvetica;
	font-size: 12pt;
	color: #2E63A5;	
	}
	
	p.naslnaziv {
	font-family: Tahoma, Helvetica;
	font-size: 11pt;
	color: #6699FF;
	font-weight: bold;	
	}		
	
	p.meni {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: normal;
		}

	A.meni {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: normal;
		}

	a.meni:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: underline;
		font-weight: bold;
		}

	a.meni:active {
		font-family: Tahoma,Arial, Helvetica;
		color : #CC0000;
		text-decoration: none;
		font-weight: bold;
		}

	a.orderforminfo {
		font-family: Tahoma,Arial, Helvetica;
		color : #CC0000;
		text-decoration: none;
		font-size: 8pt;
		}
	a.imeproizvoda {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: bold;
		font-siza: 9pt;
		padding-left: 20px;
		}

	a.imeproizvoda:hover {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		text-decoration: none;
		font-weight: bold;
		font-siza: 9pt;
		padding-left: 20px;
		}

.dhtmlselect{ /*style of DHTML Select Menu, main box */
width: 158px; /*default  width of main box */
border: 1px solid black;
position: relative;
text-indent: 30px;
padding: 1px 0;
cursor: hand;
cursor: pointer;
background-color: #F0F0F0;
font-family: Tahoma,Arial, Helvetica;
font-size: 11pt;
}

.dhtmlselect .downimage{ /*style of "down" image to the right of the DHTML Select Menu*/
position: absolute;
left: 5px;
width: 18px;
height: 18px;
}

.dhtmlselect .dropdown{ /*style of Drop Down Menu that appears onMouseover */
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position: absolute;
left: 0;
width: 160px; /*default width of drop down menu*/
display: none;
z-index: 5;
font-weight: normal
}

.dhtmlselect .dropdown a{ /*style of Drop Down Menu's links */
width: auto;
display: block;
background: #fff7d1;
border-bottom: 1px solid black;
padding: 1px 0;
text-indent: 5px;
text-decoration: none;
color: black;
}

.dhtmlselect .dropdown a{ /*IE 6 (and below) hack */
width: 100%;
}

.dhtmlselect .dropdown a:hover{
background: #ffe469;
}

	p.meninaslov {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 10pt;
		color : #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		padding-left: 5px;
		}

	a.nazivproizvoda {	
		font-family: Tahoma,Arial, Helvetica;
		font-size: 8pt;
		font-weight: bold;
		text-decoration: none;
		color: #2E63A5;
		text-align: center;
		}

	.proizvod {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: #2E63A5;
		text-align: center;
		}
	
	.slikasmall {
		border: 1px solid #FF0000; 
		}
	
	.korpatekst {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 8pt;
		font-weight: bold;
		text-decoration: none;
		color: #2E63A5;
		}

	.staracena {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 9pt;
		text-decoration: line-through;
		color: #2E63A5;
		}

	.novacena {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 9pt;
		font-weight: bold;		
		text-decoration: none;
		color: #FF0000;
		}
					
	.korpatekst2 {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 8pt;
		text-decoration: none;
		color: #2E63A5;
		}

		.korpatekst3 {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 9pt;
		text-decoration: none;
		color: #FF0000;
		font-weight: bold;
		}	
		
	.korpanaslov {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #2E63A5;
		text-align: center;
		}

	.korpahead {
		font-family: Tahoma,Arial, Helvetica;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		}

	.opisproizvoda {
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 10px;
		width: 180px;
		font-family: Tahoma,Arial, Helvetica;
		font-size: 8pt;
		background: white;
		text-decoration: none;
		text-align: justify;
		text-indent: 15px;	
		color: #2E63A5;
		}

/* The wrapper div */
.datePicker
        {
        position:absolute;
        min-width:21em;
        width:21em;
        z-index:9999;
        text-align:center;
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        background:transparent;
        }

.datePicker th,
.datePicker td
        {
        font-size:11px;
        }

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0px none;
        display:none
        }
/* The button created beside each input */
.date-picker-control
        {
        border:0px none;
        padding:0;
        margin-left:4px;
        background:url('images/cal.gif') no-repeat 0 0;
        width:16px;
        height:16px;
        margin-top:0;
        vertical-align:top;
        cursor:pointer
        }
/* The next & previous buttons */
.datePicker th button
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        height:1em;
        width:0.8em;
        line-height:0.8em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
.datePicker th button:active,
.datePicker th button:focus,
.date-picker-control:active,
.date-picker-control:focus
        {
        outline:none;
        }
.datePicker th button.prev-but
        {
        text-align:left;
        }
.datePicker th button.next-but
        {
        text-align:right;
        }
/* The mon, tue, wed etc day buttons */
.datePicker th button.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:auto;
        width:auto;
        text-decoration:none;
        line-height:1.4em;
        }
/* The table */
.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url('images/gradient-e5e5e5-ffffff.gif') repeat-x 0 -20px;
        text-align:center;
        width:100%
        }
.datePicker table tfoot td
        {
        background:#fff url('images/gradient-e5e5e5-ffffff.gif') repeat-x 0 -40px;
        }
/* Common TD & TH styling */
.datePicker table td
        {
        border: 1px solid #ccc;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:default;
        background:#fff url('images/gradient-e5e5e5-ffffff.gif') repeat-x 0 -50px;; padding-left:0.5em; padding-right:0.5em; padding-top:0.6em; padding-bottom:0.5em
        }
.datePicker table th
        {
        border:0px none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center
        }
/* The "mon tue wed etc" day header button styles */
.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        cursor:help;
        }
/* The "todays date" style */
.datePicker table td.date-picker-today
        {
        background:#fff url('images/bullet2.gif') no-repeat 0 0;
        color:rgb(100,100,100) !important
        }
/* The "selected date" style */
.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:transparent !important;
        cursor:default !important;
        }
/* The "disabled days" style */
.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
.datePicker table td#date-picker-hover
        {
        background:#fff url('images/bg_header.jpg') no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170)
        }
/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html .datePicker table td.date-picker-selected,
* html .datePicker table td.date-picker-hover,
* html .datePicker table td
        {
        background-image:url('none');
        }
div.visitors{
	text-align: center;
	height: 22px;
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D6996;
	padding-right: 10px;
}
div.popup {
	font-family: Tahoma,Arial, Helvetica;
	color : #2E63A5;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	cursor:hand;
	width: 100%;
}

.cena {
	font-family: Tahoma,Arial,Helvetica;
	color : #FF0000;
	text-decoration: none;
	text-align: center;	
	font-weight: bold;
	font-size: 11pt;
	padding-top: 6px;
}

div.zaglavlje {
	font-family: Tahoma,Arial, Helvetica;
	width: 100%;
	height: 100%;
	Border: 1px solid #F0F0F0;	
}
div.zaglavlje-lr {
	font-family: Tahoma,Arial, Helvetica;
	width: 100%;
	height: 100%;
	Border-left: 1px solid #F0F0F0;	
	Border-right: 1px solid #F0F0F0;
}

div.zaglavlje-top {
	font-family: Tahoma,Arial, Helvetica;
	width: 100%;
	height: 100%;
	Border-top: 1px solid #F0F0F0;	
	Border-left: 1px solid #F0F0F0;	
	Border-right: 1px solid #F0F0F0;
}

div.zaglavlje-bottom {
	font-family: Tahoma,Arial, Helvetica;
	width: 100%;
	height: 100%;
	Border-top: 1px solid #F0F0F0;	
	Border-left: 1px solid #F0F0F0;	
	Border-right: 1px solid #F0F0F0;
}

	div {
	font-family: Tahoma, Helvetica;
	font-size: 9pt;
	}

	.clsCMOn, .clsCMOver {
	font-size: 12px;
        padding: 2px 4px;
	color: black;
	}
div.proptions {
	background-color: #F0F0F0; 
	height: 100%;
	width: 100%;
	vertical-align:middle;
	font-family: Tahoma, Helvetica;
	font-size: 8pt;
	font-color: #2E63A5;	
	padding-top: 8px;	
}

div.onama {
	background-color: #FFFFFF; 
	height: 100%;
	width: 100%;
	font-family: Tahoma, Helvetica;
	font-size: 9pt;
	color: #2E63A5;	
	padding-top: 8px;	
	text-indent: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
div.naslovna {
	height: 100%;
	width: 100%;
	font-family: Tahoma, Helvetica;
	font-size: 9pt;
	color: #2E63A5;	
	padding-top: 8px;	
	text-indent: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
		
div.opisproizvoda {
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		width: 350px;
		font-family: Tahoma,Arial, Helvetica;
		font-size: 8pt;
		background: white;
		text-decoration: none;
		text-align: justify;
		text-indent: 15px;	
		color: #2E63A5;
		}

	div.okvir {
	Border-top: 1px solid #000000;	
	Border-left: 1px solid #000000;	
	Border-right: 1px solid #000000;
	Border-bottom: 1px solid #000000;
	}

	.errorMessage {
		color : #F00;
		font-family: Tahoma,Arial, Helvetica;
	}
	.errorItem {
		background : #F99;
	}
	p.sesija {
		font-family: Tahoma,Arial, Helvetica;
		color : #2E63A5;
		font-size: 8pt;
		text-align:'center';			
		}
	p.uvod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	padding: 4px;
	}	
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
z-index: 1;
}

.glossymenu li{
position: relative;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: -80;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
z-index: 2;
}

.glossymenu li a{
background: white url('glossyback.gif') repeat-x bottom left;
color: black;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Tahoma, Helvetica, sans-serif; padding-right:0; padding-top:5px; padding-bottom:5px
}
.glossymenu li a.sivo{
background: white url('glossyback3.gif') repeat-x bottom left;
color: black;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Tahoma, Helvetica, sans-serif; padding-right:0; padding-top:5px; padding-bottom:5px
}
.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: url('arrow.gif') no-repeat center right;
}
.glossymenu li a:hover{
background-image: url('glossyback2.gif');
}
.glossymenu li a.sivo:hover{
background-image: url('glossyback2.gif');
}
/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }

.tareaie {
background:#FFFFFF url('Images/spiral5.gif'); 
background-repeat: repeat-y;
border:1px solid #000080; 
padding-left: 130; 
padding-top: 20; 
padding-bottom: 20; 
color:#000080;
font-family:tahoma;
font-size:10pt; 
width:560;
height:560;
}

p.naslovna1 {
	font-family: Tahoma, Helvetica;
	text-indent: 20;
	align:left;
	font-size: 10pt;
	color: #000000;
}

.nsl1 {
padding-left:10;
padding-right:10;
padding-top:25;
padding-bottom:5;
}

.cvecara-head {
padding-left:5;
padding-right:5;
padding-top:10;
padding-bottom:10;
}

.cvecara-venci {
padding-left:3;
padding-right:3;
padding-top:10;
padding-bottom:10;
}

.cvecara-artikl {
padding-left:3;
padding-right:3;
padding-top:5;
padding-bottom:5;
}

.cvecara-vline {
background-image: url('images/vline.gif');
background-repeat: repeat-y;
padding-top:5;
padding-bottom:5
}
.cvecara-tekst1 {
	font-family: Tahoma, Helvetica, Verdana;
	text-indent: 30;
	align:left;
	font-size: 11pt;
	color: #000000;
}

.cvecara-tekst2 {
	font-family: Tahoma, Helvetica, Verdana;
	text-indent: 20;
	align:left;
	font-size: 10pt;
	color: #000000;
}

.cvecara-tekst3 {
	font-family: Tahoma, Helvetica, Verdana;
	text-indent: 20;
	align:center;
	font-size: 9pt;
	color: #C0C0C0;
}

.cvecara-tekst4 {
	font-family: Tahoma, Helvetica, Verdana;
	font-weight: bold;
	align:center;
	font-size: 14px;
	color: #C0C0C0;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.hintsClass {
			font-family: tahoma, verdana, arial;
			font-size: 12px;
			background-color: #f0f0f0;
			color: #000000;
			border: 1px solid #808080;
			padding: 5px;
		}
.hintSource {
			color: green;
			text-decoration: underline;
			cursor: pointer;
		}