* { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 11px; color: #2C3248; }
BODY.index { margin: 0px; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-color: #FFFFFF; }
BODY.popup { margin: 0px; background-color: #B5B8C9; }

TABLE.table_top { height: 51px; background-image: url(../images/table_top.gif); background-repeat: no-repeat;}
TABLE.table_top A { font-size: 12px; font-weight: bold; color: #F8FAFB; text-decoration: none; }
TABLE.table_bottom { background-image: url(../images/table_bottom.gif); 
										 background-repeat: no-repeat;
										 color: #030717;
										 background-color: #FFFFFF;
										 height: 70px;
										}
TABLE.table_bottom TD { vertical-align: top; }

TD.td_content { background-image: url(../images/table_bg.gif); 
								background-repeat: no-repeat; 
								background-color: #B5B8C9; 
							}
							
TD.left_td { background-image: url(../images/left_td_bg.gif); 
						 background-repeat: no-repeat; 
						 vertical-align: top;
						 width: 360px;
						}
TD.left_td_home { background-image: url(../images/left_td_bg.gif); 
								  background-repeat: no-repeat; 
								  vertical-align: top;
								}
DIV.spacer { line-height: 5px; background-image: url(../images/dot_spacer.gif); background-repeat:repeat-x; }
DIV.spacer_home { line-height: 12px; background-image: url(../images/h1_katalog_bg.gif); background-repeat:repeat-x; }

DIV.home_box { float: left; width: 422px; }
DIV.home_box IMG { margin-left: 10px; }
						
						
H1 { font-size: 18px; margin: 0px; color: #E7E7EC; }
H1.katalog { height: 36px; background-image: url(../images/h1_katalog_bg.gif); background-repeat:repeat-x; background-position: bottom; }
H1.top_ponuda { height: 30px; line-height: 30px; padding-left: 60px; background-image: url(../images/icons/prsteni.gif); background-repeat: no-repeat; background-position: bottom left; }
H2 { font-size: 14px; margin: 0px; color: #E7E7EC; }
H3 { font-size: 12px; margin: 0px; color: #E7E7EC; }
H4 { font-size: 11px; margin: 0px; color: #E7E7EC; }

.color { color: #2C3248; }

DIV.top_ponuda { height: 30px; line-height: 30px; width: 150px; overflow: hidden; }
DIV.posebna_ponuda { height: 20px; line-height: 16px; width: 130px; overflow: hidden;  }

.h { color: #65667A; }
P { margin: 10px 0px 10px 0px; }
.justify { text-align: justify; }
.xtra_padded { padding-right: 14px; }

A.top_ponuda { display: block; height: 30px; line-height: 30px; padding-left: 60px; font-size: 18px; font-weight: bold; color: #E7E7EC; background-image: url(../images/icons/prsteni.gif); background-repeat: no-repeat; background-position: bottom left; }
A.home { display: block; color: #65667A; font-weight: bold; }
A.prikaz_artikala_title { display: block; color: #E7E7EC; font-weight: bold; font-size: 14px; }

A.forgotpass { color: #65667A;
							 display: block;
							 line-height: 30px;
							 text-align: center;
							 background-image: url(../images/cart/bg_150x26.gif);
							 background-repeat: no-repeat;
							 text-decoration: none;
							}
A.register { color: #65667A;
						 display: block;
						 line-height: 30px;
						 text-align: center;
						 background-image: url(../images/cart/bg_180x26.gif);
						 background-repeat: no-repeat;
						 text-decoration: none;
						}
/* kosarica top left*/
#kosarica_hr { height: 72px; overflow: hidden; background-image: url(../images/cart/kosarica_hr_bg.gif); background-repeat: no-repeat; }
#kosarica_en { height: 72px; overflow: hidden; background-image: url(../images/cart/kosarica_en_bg.gif); background-repeat: no-repeat; }
/* vezani proizvodi*/
TABLE.proizvodi TH { height: 30px; }
TH.l { background-image: url(../images/th_proizvodi_l.gif); background-repeat: no-repeat; }
TH.c { background-image: url(../images/th_proizvodi_c.gif); }
TH.r { background-image: url(../images/th_proizvodi_r.gif); background-repeat: no-repeat; background-position: right; }
/* katalog */
TABLE.artikli { width: 170px; float: left; margin-bottom: 10px; vertical-align: middle; }
TD.artikal_naziv { padding-left: 8px; }
TD.cijena{ text-align: center; height: 30px; background-image: url(../images/cart/bg_150x26.gif); }
TD.katalog_image { height:105px; text-align: center; background-image: url(../images/thumbgen/table_mid.gif); }
TD.cart_image { text-align: center; background-image: url(../images/thumbgen/table_mid_cart.gif); }
TD.spacer { background-image: url(../images/spacer_vert.gif); background-position: top center; }
DIV.spacer_hor  { background-image: url(../images/h1_katalog_bg.gif); }
DIV.spacer_hor2  { background-image: url(../images/spacer_hor.gif); }
TABLE.karakteristike TH { text-align: left; }
INPUT.kupi { width: 70px;
			 height: 30px;
			 ppadding-top: 8px;
			 border: none;
			 font-size: 10px;
			 font-weight: bold;
			 text-align: center;
			 text-transform: uppercase;
			 background-image: url(../images/cart/bg_70x26.gif);
			 background-repeat: no-repeat;
			 color: #2C3248;
			 }
A.detalji { display: block;
						text-decoration: none;
						width: 70px;
						height: 30px;
						line-height: 30px;
						font-size: 10px;
						font-weight: bold;
						border: none;
						text-align: center;
						text-transform: uppercase;
						background-image: url(../images/cart/bg_70x26.gif);
						background-repeat: no-repeat;
					}
TD.katalog_image_detalji { width: 260px; height:200px; text-align: center; background-image: url(../images/thumbgen/table_mid_detalji.gif); vertical-align: middle; }
A.back { display: block;
				 float: left;
				 text-decoration: none;
				 width: 60px;
				 height: 30px;
				 line-height: 30px;
				 font-size: 10px;
				 font-weight: bold;
				 border: none;
				 text-align: center;
				 text-transform: uppercase;
				 background-image: url(../images/cart/bg_60x26.gif);
				 background-repeat: no-repeat;
				}
A.kosarica_zavrsi { display: block;
					float: right;
					text-decoration: none;
					width: 120px;
					height: 30px;
					line-height: 30px;
					font-size: 10px;
					font-weight: bold;
					border: none;
					text-align: center;
					text-transform: uppercase;
					background-image: url(../images/cart/bg_120x26_zavrsi.gif);
					background-repeat: no-repeat;
				}
A {text-decoration:none}
DIV.kosarica_zavrsi { text-decoration: none; width: 120px; height: 30px; line-height: 30px; font-size: 10px; font-weight: bold; text-align: center;  text-transform: uppercase; background-image: url(../images/cart/bg_120x26_zavrsi.gif); background-repeat: no-repeat; }
INPUT.kosarica_dodaj { width: 120px;
											 height: 30px;
											 font-size: 10px;
											 font-weight: bold;
											 text-align: center;
											 text-transform: uppercase;
											 background-image: url(../images/cart/bg_120x26_zavrsi.gif);
											 background-repeat: no-repeat;
											 border-style: none;
											 color: #2C3248;
											}
INPUT.kosarica_dodaj_icon { width: 24px;
														height: 24px;
														background-image: url(../images/icons/cart.gif);
														background-repeat: no-repeat;
														border-style: none;
													}											
INPUT.kosarica_ukloni { width: 120px;
												height: 30px;
												text-align: center;
												font-size: 10px;
												font-weight: bold;
												text-transform: uppercase;
												background-image: url(../images/cart/bg_120x26_zavrsi.gif);
												background-repeat: no-repeat;
												border-style: none;
												color: #2C3248;
											}
											
INPUT.cart_kolicina { width: 24px; height: 18px; float: left; font-size: 11px; border: solid 1px #E6E4E4; text-align: right; }
INPUT.naplata { float: right;
								width: 70px;
								height: 30px;
								font-size: 10px;
								font-weight: bold;
								border: none;
								text-align: center;
								text-transform: uppercase;
								background-image: url(../images/cart/bg_70x26.gif);
								background-repeat: no-repeat;
								background-color: none;
								color: #2C3248;
							}
DIV.nacin_placanja { text-align: center; line-height: 30px; background-image: url(../images/cart/bg_150x26.gif); background-repeat: no-repeat; font-weight: bold; color: #65667A; }
INPUT.checkbox { width: 20px; }
TABLE.cart TH { height: 30px; }
TABLE.cart TD { text-align: center; }
/* meni*/
TD.left_meni { background-image: url(../images/left_meni/mid.gif); background-repeat:repeat-x; }
TABLE.menudef { background-image: url(../images/left_meni/menudef_bg.gif); background-repeat:no-repeat; background-color: #B5B8C9; }
/* left meni */
UL.left_meni { padding: 0px 0px 0px 5px; margin: 0px 0px 0px 5px; color: #FFFFFF; }
UL.left_meni LI { padding: 0px; margin: 0px; list-style-type: none; color: #FFFFFF; }
UL.left_meni LI.file { padding: 0px; margin: 0px; list-style-type: none; color: #FFFFFF; }

A.left_meni { display: block;
							color: #F6F8F9;
							font-weight: bold;
							font-size: 12px;
							padding-left: 5px;
							line-height: 20px;
							margin: 4px 0px 4px 0px;
							border-right: none;
							background-image: url(../images/design/menu_left_item_bg.gif);
							background-repeat: no-repeat;
							text-decoration: none;
						}
A.left_meni:hover { text-decoration: none; color: #333333; }
				 
A.left_meni_main	{ display: block;
										color: #333333;
										font-weight: bold;
										font-size: 12px;
										padding-left: 5px;
										line-height: 20px;
										margin: 4px 0px 4px 0px;
										text-decoration: none;
										}
A.left_meni_main:hover { text-decoration: none; color: #333333; }

A.live { display: block;
				color: #333333;
				font-weight: bold;
				font-size: 12px;
				padding-left: 5px;
				line-height: 20px;
				margin: 4px 0px 4px 0px;
				text-decoration: none;
				}
A.live:hover { text-decoration: none; color: #333333; }

A.live_main { display: block;
							color: #333333;
							font-weight: bold;
							font-size: 12px;
							padding-left: 5px;
							line-height: 20px;
							margin: 4px 0px 4px 0px;
							text-decoration: none;
						 }
A.live_main:hover { text-decoration: none; color: #333333; }

A.left_meni_no_sub { display: block;
										color: #65667A;
										font-weight: bold;
										font-size: 12px;
										padding-left: 5px;
										line-height: 20px;
										margin: 4px 0px 4px 0px;
										text-decoration: none;
									}
A.left_meni_no_sub:hover { text-decoration: none; color: #333333; font-weight: bold; }
A.left_meni_no_sub_main { display: block;
													color: #333333;
													font-weight: bold;
													font-size: 12px;
													padding-left: 5px;
													line-height: 20px;
													margin: 4px 0px 4px 0px;
													text-decoration: none;
													}
A.left_meni_no_sub_main:hover { text-decoration: none; color: #333333; }
/* left meni kraj */
/*
.leftmeni { color:#333333;
						text-decoration: none;
						line-height:24px;
						display:block;
						width:240px;
						}

						
.leftmeni:hover { font-size:11px;
									font-weight: bold; 
									color: #000000; 
									text-decoration: none; 
									}

.leftmenisel { font-weight: bold;
							 color:#333333;
							 text-decoration: none;
							 line-height:24px;
							 display:block;
							 width:240px;
							 }
*/
INPUT,SELECT,TEXTAREA,button,submit { font-size: 11px; color: #003366; background-color:#FFFFFF; border: 1px #003366 solid; cursor: hand; cursor: pointer; padding-left: 2px; width: 150px; }
INPUT.kontakt,SELECT.kontakt,TEXTAREA.kontakt { font-size: 11px; color: #003366; background-color:#FFFFFF; border: 1px #003366 solid; cursor: hand; cursor: pointer; padding-left: 2px; width: 200px; }
INPUT.search,SELECT.search,TEXTAREA.search { font-size: 11px; color: #003366; background-color:#FFFFFF; border: 1px #003366 solid; cursor: hand; cursor: pointer; padding-left: 2px; width: 100px; }
INPUT.button { font-size: 11px; color: #003366; background-color:#FFFFFF; border: 1px #003366 solid; cursor: hand; cursor: pointer; padding-left: 2px; width: 75px; }
INPUT:focus,TEXTAREA:focus { background-color:#F2F6FC; }

TABLE.naplata { width: 500px; border-left: solid 1px #E6E4E4; border-top: solid 1px #E6E4E4; }
TABLE.naplata TH { font-size: 11px; border-right: solid 1px #E6E4E4; border-bottom: solid 1px #E6E4E4; background-color: #115A80; color: #FFFFFF; }
TABLE.naplata TD { font-size: 11px; text-align: center; border-right: solid 1px #E6E4E4; border-bottom: solid 1px #E6E4E4; color: #2C3248; }
TABLE.naplata TD.left { text-align: left; padding-left: 5px; }
TABLE.naplata TD.right { text-align: right; }
TABLE.naplata TD.rabat{ color:#0095D9; }
TABLE.naplata TD.netto{ color:#FF0000; text-align: right; }

TABLE.naplata_final { border-left: solid 1px #E6E4E4; border-top: solid 1px #E6E4E4; }
TABLE.naplata_final TH { text-align: left; font-size: 11px; border-right: solid 1px #E6E4E4; border-bottom: solid 1px #E6E4E4; color: #2C3248; padding-left: 5px; }
TABLE.naplata_final TD { padding-left: 5px; font-size: 11px; border-right: solid 1px #E6E4E4; border-bottom: solid 1px #E6E4E4; color: #2C3248; }
TABLE.naplata_final TD.right { text-align: right; padding-right: 5px; }

/* moj profil */

TABLE.moj_profil { width: 500px; border-top:1px solid #A7AABA; border-right:1px solid #A7AABA; }
TABLE.moj_profil TH { border-bottom:1px solid #A7AABA; border-left:1px solid #A7AABA; text-align:left; background-color:#9EA2B7; color:#343851; height: 30px; }
TABLE.moj_profil TD { border-bottom:1px solid #A7AABA; border-left:1px solid #A7AABA; }
TABLE.moj_profil TD A { font-size:10px; text-decoration:underline; }
TABLE.moj_profil TD.moj_profil_link { text-align:center; background-color:#555555; font-weight:bold; font-size:10px; }
TABLE.moj_profil TD.footer { background-color:#555555; text-align:right; font-weight:bold; }

A.moj_profil { border:1px solid #999999; padding:5px; }
/* moj profil kraj */

TABLE.registracija TH { text-align: right; }

/*pscroller*/
/*
#pscroller1{
width: 340px;
height: 340px;
font-size: 11px;
}

#pscroller2{
width: 180px;
height: 90px;
font-size: 11px;
}
*/
/* vertical marquee*/
#marqueecontainer { position: relative;
					width: 320px; /*marquee width */
					height: 340px; /*marquee height */
					overflow: hidden;
					/*background-color: white;*/
					/*border: 3px solid orange;*/
					padding: 2px;
					padding-left: 4px;
				   }