#content {
	width: 753px;
	background: #fff ;
	margin: 0 auto;
	display: block;
	float: none;
	height: auto;
	border-left: 1px black solid;
	padding: 0 0 40px 0;
	border-right: 1px black solid;	
	
}

#contentnav {
	margin: 2px 0 0 10px;
	font: normal 11px arial;
	text-align: left;
	z-index: 99;
	}

#contentnav a, #contentnav a:link, #contentnav a:hover, #contentnav a:visited, #contentnav a:active {
	margin: 0px 5px;
	text-decoration: underline;	
	font-weight: bold;
	padding: 3px;
}

#contentnav a:hover {
	background: #fff;


}

#h1 {
	height: 75px; display:block; 
	background: url('tonerji/07-bkheader.gif') repeat-x;

}
h1.product {
	font: bold 14px arial;
	text-align:left;
	padding-top: 8px;
	margin: 0px 10px 0 10px;
}



#footer {
	width: 753px;	
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	border-right: 1px black solid;
	display:block;
	margin: 0 auto;
	background: #F4F4F4;
	font: normal 11px/22px arial;
	clear:both;
}

#footer a, #footer .blok {
	padding: 0px 20px;
	border-right: 1px #aaa solid;
}


#header {
	width: 100%;
	background: #0f3697 url('tonerji/bkmenu1.gif') repeat-x;
	height: 59px;
	
}

#header2 {
	width: 753px;
	margin: 0 auto;
	height: 59px;
	text-align:left;
}

#headercart {
	float: right;
	font: bold 11px/14px arial;
	color: #fff;
	margin: 0 20px 0 0;
	display: inline;
}

#menu {
	width: 100%; 
	background: #000;
}

#menu ul, #menu li {
	list-style-type: none;
	display: inline;
	font: bold 11px/25px Tahoma; 
	color: #fff;

}


#menu a, #menu a:link, #menu a:hover, #menu a:active, #menu a:visited {
	color: #fff;
	text-decoration: none;
	padding: 3px 13px 3px 13px; 
	margin: 0 0 0 -3px;
	border-right: 1px #777 solid;	
	display: inline;	
}

#menu a:hover {
	background: #333;
}


#content2 {
	display: block; width: 731px; margin: 0px auto; float: none;
}

.colleft_temp, .colleft {
	/*height: 206px; */
	width: 200px; 
	float: left;
	font: normal 11px/17px Arial; 
	text-align: justify;
	clear: left;
}

.colleft_temp img, .colleft img {
	margin: 4px auto;
	display:block;
}

.colright {
	float: right; 
	width: 510px;
	margin-bottom: 30px;
	display:block;
	text-align: left;
	}
	
	


h2.product {
	font: bold 18px Arial; /*color: #0089cf;*/ color: black;
}

h4 {
	font: bold 12px/22px arial; margin: 0 0 2px 0; padding: 0;
}


#product, .divproduct {
	display:block;
	margin-bottom: 40px; !important;
	margin-bottom: 25px;
	float:none;
	width: 510px;
	background: url('tonerji/07-bkproduct.png') repeat-x;	
	text-align: left;
	font: normal 12px/18px Arial;
	color: #222;
	vertical-align:bottom;	
}

#product h2, .divproduct h2 {
	font: bold 18px Arial; 
	color: black; /*color: #0089cf; **svetlomoder** */ 
	background: url('tonerji/07-h2product.gif') no-repeat left center;
	padding: 5px 0 5px 16px;
	margin-left: 2px;
}

#product p, .divproduct p {
	margin: 0 0 10px 18px;
}

#product_cart, .product_cart {	
	display:block; 
	float:right; 
	width: 120px;
	margin: 4px 4px 30px 10px !important;
	margin: 4px 2px 30px 10px;
	border: 1px #fff solid;
	background: #f6f6f6;
	
}

.divproduct ul { 
	margin: 3px 0px 20px 45px; 

	
	}
	


.mSSubmit {
  width: 120px;
  background: #3FA627;
  color: #fff;
  font: bold 12px arial;
  text-align: center;
  padding: 8px 0px;
  border: 1px #999 solid;
}


.mSSHover {
  background: #090 ! important;
  color: white ! important;
  cursor: pointer;
  border: 1px #999 solid;

}



#product_tn, .product_tn { /*ozadje za thumbnail sliko*/
	background: #fff url('tonerji/07-povecaj.gif') no-repeat center bottom;
	width: 118px;
	height: 108px;
	border: 1px #cfcfcf solid;
	text-align:center;
	margin-bottom: 10px;
}

#product_tn a, .product_tn a{
	display:block;
	width: 100%;
	height: 100%;	
	margin: auto;
}

#product_tn img, .product_tn img {
	display: block;
	margin: auto;
	padding-top: 5px;
}

.cena1 {
	border-bottom: 0px #777 solid; color: #333; margin: 4px; width: auto; font: bold 11px arial; display: block;
}
.cena2 {
	font-size: 18px; margin: 0px 2px 5px 4px; display: block;
}

.cena3 {
	font-size: 10px; margin: 2px 2px 5px 4px; display: block;
}


.header      { font-family: Trebuchet MS, Tahoma; color: #333333; font-size: 12px; font-weight: bold }
.tabela      { font-family: Arial; color: #444444; font-size: 9pt; line-height: 140%; border: 1px dotted #FFFFFF }
.tabela2      { font-family: Arial; color: #444444; font-size: 9pt; line-height: 140%; border-left: 2px dotted #E1E1E1 }
.tabela3     { font-family: Trebuchet MS, Tahoma; color: #444444; font-size: 9pt; line-height: 150%; border: 1px dotted #FFFEEE}
.kartuse     { font-family: Arial; font-size: 9pt; color: #444444; line-height: 145% }

a.index1         { display:block; border: 1px solid #EFEFEF; background-color: #EFEFEF; width=100%; text-decoration: none;padding=6px }
a:hover.index1   { display:block; color: #000000; border: 1px solid #C0C0C0; background-color: #C0C0C0; width=100%; text-decoration: none;padding=6px }


h1    { font-family: Trebuchet MS, Arial; font-size: 12pt; color: #000000; text-indent: 0;  margin-top: 0; margin-bottom: 0 }

h2           { font-family: Trebuchet MS, Arial; color: #FF814A; font-size: 12pt; font-weight: bold; margin-top: 0; margin-bottom: 5px; color: #000099 }

h3           { font-family: Trebuchet MS, Arial; color: #333333; font-size: 11pt; font-weight: bold; margin-top: 0; margin-bottom: 0 }

body { font-family: verdana; font-size: 9px; margin: 0 0 0 0; text-align:center; background: #E4E9EB url('tonerji/pagebk.jpg'); }       


.gumb2 { padding-top: 8px; padding-bottom: 8px; cursor:pointer }  
.gumb2:hover { padding-top: 8px; padding-bottom: 8px; cursor:pointer; background-color: #00be1b; color:#FFFFFF } 

a:link.menu { font-family: Tahoma; font-size: 8pt;  font-weight:bold; display:block; padding-left:15px; padding-right:15px; padding-top:2px;padding-bottom:2px;color: #FFFFFF; text-decoration: none;}
a:visited.menu { font-family: Tahoma; font-size: 8pt; font-weight:bold; display:block; padding-left:15px; padding-right:15px; padding-top:2px;padding-bottom:2px; color: #EEEEEE; text-decoration: none}
a:hover.menu { font-family: Tahoma; font-size: 8pt; font-weight:bold; display:block; padding-left:15px; padding-right:15px; padding-top:2px;padding-bottom:2px; color: #FFFFFF; text-decoration: none; background-color:#333333}


a:link {text-decoration: none; color:#000099}
a:visited {text-decoration: none}
a:hover {text-decoration: underline; color:#000099}
input, textarea, select {	font-family: Tahoma;	font-size: 9pt;	background-color: #F2F2F2; 	border: 1px solid #808080;	}
.knof {background-color: #F5F5F5;border: none;}

table.full { text-align: center; vertical-align: top; font-size: 11px; font-family: arial; background-color: #FFFFFF}
table.ocart { margin-left: auto; margin-right: auto; font-family: arial; font-size: 12px; color: black; border-collapse: collapse; vertical-align: top;  padding: 10px; background: white; }
table.ocart2 { margin-left: auto; margin-right: auto; font-family: arial; font-size: 12px; color: black; border-collapse: collapse; vertical-align: top;border-left: 1px solid black; border-right: 1px solid black;  padding: 5px; }
table.cartdata { color: black; font-family: arial; font-size: 12px; vertical-align: top; }
td.pda1 { background: #E2E7FC; padding: 5px; border-left: 1px black dotted; }
td.pda11 { background: #E2E7FC; padding: 5px; border-bottom: 1px solid black; border-left: 1px black dotted; }td.pda2 { background: #FAFCE0; padding: 5px; }
td.pda22 { background: #FAFCE0; padding: 5px; border-bottom: 1px solid black; }
table.izpis { color: black; font-family: arial; font-size: 10px; }
tr.naslov { font-size: 13px; font-weight: 700; }

html {     overflow: -moz-scrollbars-vertical; }


ul.spisek, ol.spisek { margin: 0; padding:10px 0 0 20px; }


img { border: 0; padding: 0 ; margin: 0 }
ul, li { margin: 0 ; padding: 0;}


ul.i1 { float: right; margin: 0px 6px 0 0 ; display: inline; }
ul.i2 { width: 160px; display:block; margin: 0;  }


ul.i1 li         {  border-bottom: 1px #ddd solid; list-style-type:none; background: #f5f5f5; width: 140px; margin: 0; }
ul.i2 li         {  border-bottom: 1px #e2e2e2 solid; list-style-type:none; background: #fdfdfd;  }

ul.i2 a, ul.i2 a:hover, ul.i2 a:link, ul.i2 a:visited, ul.i1 a, ul.i1 a:hover, ul.i1 a:link, ul.i1 a:visited {
	text-align: left; vertical-align: bottom; display: block; margin: 0; 
padding: 0; text-decoration: none;
}

ul.i1 a, ul.i1 a:hover, ul.i1 a:link, ul.i1 a:visited {	 color: #000;  width: 130px; font: bold 12px/22px arial; padding: 0 0 0 10px;}
ul.i2 a, ul.i2 a:hover, ul.i2 a:link, ul.i2 a:visited {  color: #333;  width: 160px; font: normal 12px/20px arial; padding: 0 0 0 10px; background: #fff url('/tonerji/09-menubk1.gif') no-repeat left center;}

							 
ul.i1 a:hover { background: #fff url('/tonerji/09-menubk.gif') no-repeat right center; color: #000;}

ul.i2 a:hover  { background: #fff url('/tonerji/09-menubk.gif') no-repeat left center; color: #379f17; font-weight: bold;}


div.i3 {
	 float: left; width: 182px; text-align: left; display:block; margin: 0 auto;
}







/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border: 1px solid #aaa;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(_overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
kbd, #lightboxCaption { font: normal 12px tahoma; }