html, body {margin: 0; padding: 0; border: 0;}

body {
	background-color: #f5fbff;
	background-image: URL('./pod-body.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	text-align: center;
	font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
}


/* >>>>>>>>>> PRETYPOVANI TAGU >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

a {
	color: #00529f;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a.a2 {
	padding-right: 17px;
	background-image: URL('./pod-a2.gif');
	background-position: right;
	background-repeat: no-repeat;
}

a.a3 {
	padding-right: 17px;
	background-image: URL('./pod-a3.gif');
	background-position: right;
	background-repeat: no-repeat;
	color: #9A1B1F;
}

a.a4 {
	padding-right: 17px;
	background-image: URL('./pod-a4.gif');
	background-position: right;
	background-repeat: no-repeat;
	color: #9A1B1F;
}

a.a5 {
	padding-left: 17px;
	background-image: URL('./pod-a5.gif');
	background-position: left top;
	background-repeat: no-repeat;
	color: #9A1B1F;
}

h2 {
	margin: 0px;
	margin-bottom: 20px;
	background-image: URL('./pod-h2.gif');
	background-position: 0px 13px;
	background-repeat: repeat-x;
	font-weight: bold;
	font-size: 1.7em;
	font-size: 1.6em;
	color: #223f9a;
}

    h2.mensi {
      font-size: 1.4em;
    }

	h2 strong {
		padding-right: 5px;
		background-color: #f8fcff;
		background-image: URL('./pod-h2-strong.jpg');
		background-position: left top;
		background-repeat: no-repeat;
	}

h3 {
	font-weight: bold;
	font-size: 1.6em;
	color: #000;
}
	
h4 {
	font-weight: bold;
	font-size: 1.5em;
	color: #223f9a;
}	

h5 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.5em;
	color: #223f9a;
	border-bottom: 2px solid #223f9a;
}	

	h5 strong {
		color: #223f9a;
	}

	
h6 {
	margin-bottom: 10xp;
	font-weight: bold;
	font-size: 1.2em;
	color: #223f9a;
}

/* pokud nema byt spodni nebo horni margin u nadpisu pouzit: */
.nmd {
	margin-bottom: 0px;
}
.nmh {
	margin-top: 0px;
}


a img, form, fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

table {
	font-size: 1.0em;
}

/* <<<<<<<<<< PRETYPOVANI TAGU <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>> ROZVRZENI STRANEK >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#pozadi {
	display: block;
	width: 50%;
	height: 550px;
	background-image: URL('./pod-pozadi.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	position: absolute;
	left: 50%;
	top: 0px;
}

#obr-zbytek-dite, #obr-zbytek-medved {
	width: 50%;
	height: 355px;
	position: absolute;
	left: 50%;
	top: 0px;
	background-position: 499px 0px;
	background-repeat: no-repeat;
}

#obr-zbytek-dite {background-image: URL('./pod-dite-zbytek.jpg');}
#obr-zbytek-medved {background-image: URL('./pod-medved-zbytek.jpg');}

/* -- stranky -- */

#str {
	width: 998px;
	margin: auto;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -499px;
}

	#str-hlavicka {
		height: 305px;
		background-image: URL('./pod-hlavicka.jpg');
		background-position: left top;
		background-repeat: no-repeat;
	}
	
		#str-hlavicka-obr-dite {
			display: block;
			width: 299px;
			height: 305px;
			background-position: left top;
			background-repeat: no-repeat;
			background-image: URL('./pod-hlavicka-dite.jpg');
			position: absolute;
			left: 699px;
			top: 0px;
		}
		
		#str-hlavicka-obr-medved {
			display: block;
			width: 299px;
			height: 305px;
			background-position: left top;
			background-repeat: no-repeat;
			background-image: URL('./pod-hlavicka-medved.jpg');
			position: absolute;
			left: 699px;
			top: 0px;
		}
		
		#str-hlavicka h1 {
			margin: 0px;
			padding: 0px;
			width: 228px;
			height: 100px;
			font-size: 10px;
			background-image: URL('./logo-nutrilon.gif');
			background-position: left top;
			background-repeat: no-repeat;
			position: absolute;
			left: 33px;
			top: 72px;
		}
		
			#str-hlavicka h1 a {
				display: block;
				height: 100px;
				text-decoration: none;
			}
			
				#str-hlavicka h1 a strong {
					display: none;
					visibility: hidden;
				}
				
		#str-hlavicka h2 {
			margin: 0px;
			padding: 0px;
			width: 310px;
			height: 50px;
			font-size: 10px;
			background-image: URL('./nap-hlavicka.gif');
			background-position: left top;
			background-repeat: no-repeat;
			position: absolute;
			left: 272px;
			top: 125px;
		}
		
			#str-hlavicka h2 strong {
				display: none;
				visibility: hidden;
			}
			
		#hlav-menu1 {
			width: 588px;
			height: 35px;
			background-image: URL('./menu/pod-menu1.jpg');
			background-position: left top;
			background-repeat: no-repeat;
			position: absolute;
			left: 31px;
			top: 24px;
			color: #134496;
		}
		
			#hlav-menu1 ul {
				margin: 0px;
				padding: 0px;
			}
			
				#hlav-menu1 ul li {
					display: block;
					height: 35px;
					float: left;
					list-style: none;
					font-size: 10px;
					background-image: URL('./menu/pod-menu1-li.gif');
					background-position: left;
					background-repeat: no-repeat;
					color: #618ad8;
				}
				
				
					#hlav-menu1 ul li a {
						display: block;
						text-decoration: none;
						color: #214f9d;
					}
					
					#hlav-menu1 ul li a:hover {
						color: #618ad8;
					}
					
						#hlav-menu1 ul li strong {
							display: block;
							padding: 8px;
							padding-top: 11px;
							padding-bottom: 10px; 
						}
						
						/*
						 *
						 * mene polozek v menu, tak je natahnout od sebe
						 *
						 *
						 */

						#hlav-menu1 ul li strong {
							padding-left: 26px;
							padding-right: 26px;
						}

						 
				#hlav-menu1 ul li.prvni {
					background-image: none;
					padding-left: 3px;
				}
				
		#hlav-menu2 {
			width: 588px;
			height: 109px;
			position: absolute;
			left: 31px;
			top: 196px;
		}
		
			#hlav-menu2 ul {
				margin: 0px;
				padding: 0px;
			}
			
				#hlav-menu2 ul li {
					display: block;
					width: 147px;
					height: 109px;
					margin: 0px;
					padding: 0px;
					float: left;
					list-style: none;
					font-size: 13px;
					text-align: center;
					background-image: URL('./menu/pod-menu2-li1.jpg');
					background-position: left top;
					background-repeat: no-repeat;
				}
				
				#hlav-menu2 ul li.odr-01 { width: 152px; background-image: URL('./menu/pod-menu2-li1.jpg'); }
				#hlav-menu2 ul li.odr-02 { width: 148px; background-image: URL('./menu/pod-menu2-li2.jpg'); }
				#hlav-menu2 ul li.odr-03 { width: 146px; background-image: URL('./menu/pod-menu2-li3.jpg'); }
				#hlav-menu2 ul li.odr-04 { width: 142px; background-image: URL('./menu/pod-menu2-li4.jpg'); }

				#hlav-menu2 ul li.aktiv-01 { width: 152px; background-image: URL('./menu/pod-menu2-li1-A.jpg'); }
				#hlav-menu2 ul li.aktiv-02 { width: 148px; background-image: URL('./menu/pod-menu2-li2-A.jpg'); }
				#hlav-menu2 ul li.aktiv-03 { width: 146px; background-image: URL('./menu/pod-menu2-li3-A.jpg'); }
				#hlav-menu2 ul li.aktiv-04 { width: 142px; background-image: URL('./menu/pod-menu2-li4-A.jpg'); }
				
					#hlav-menu2 ul li a {
						display: block;
						height: 92px;
						color: #fff;
						font-weight: bolder;
						text-decoration: none;
						padding-left: 13px;
						padding-right: 13px;
					}
					
					#hlav-menu2 ul li a:hover {
						color: #457b68;
						text-decoration: none;
					}
					
					#hlav-menu2 ul li.odr-02 a:hover { color: #2d3785; }
					#hlav-menu2 ul li.odr-03 a:hover { color: #7630a4; }
					#hlav-menu2 ul li.odr-04 a:hover { color: #ce7908; }
					
						#hlav-menu2 ul li strong {
							display: block;
							padding-top: 45px;
						}
						
						#hlav-menu2 ul li.aktiv-01 strong { color: #457b68; padding-top: 70px; }
						#hlav-menu2 ul li.aktiv-02 strong { color: #2d3785; padding-top: 70px; }
						#hlav-menu2 ul li.aktiv-03 strong { color: #7630a4; padding-top: 70px; }
						#hlav-menu2 ul li.aktiv-04 strong { color: #ce7908; padding-top: 70px; }
						
	#str-stat {
		background-image: URL('./pod-stat.jpg');
		background-position: left top;
		background-repeat: repeat-y;
	}
	
		#str-stat-in {
			background-image: URL('./pod-stat-in.jpg');
			background-position: left top;
			background-repeat: no-repeat;
		}
		
			#stat-hlav {
				width: 635px;
				float: right;
			}
			
				#stat-hlav-in {
					margin-top: 20px;
					margin-right: 34px;
					margin-bottom: 10px;
					text-align: justify;
				}
				
				  
					#stat-hlav-in em {
						font-style: normal;
						color: #5c92ba;
					}
					
			
			#str-iBar {
				width: 331px;
				float: left;
			}

				#stat-iBar-in {
					width: 270px;
					padding-top: 20px;
					margin-left: 30px;
					margin-bottom: 10px;
				}
				
					#stat-iBar-in h2 strong {
						background-color: #fdfffe;
					}
					
				#ibar-menu3 {
					font-weight: bold;
					font-size: 11px;
					font-family: "Arial CE", Arial, "Helevetica CE", Helvetica, sans-serif;
					margin-bottom: 25px;
				}
				
					#ibar-menu3 h4 {
						margin-top: 25px;
						margin-bottom: 25px;
						padding: 0px;
						font-weight: bold;
						font-size: 1.6em;
					}
					
					#ibar-menu3 h4.barva1 { color: #64bb9f; }
					#ibar-menu3 h4.barva2 { color: #5f6faf; }
					#ibar-menu3 h4.barva3 { color: #ac79b2; }
					#ibar-menu3 h4.barva4 { color: #ffbc4a; color: #de8e06;}
					
					#ibar-menu3 ul {
						margin: 0px;
						padding: 0px;
					}
					
						#ibar-menu3 ul li {
							list-style: none;
							padding-left: 20px; 
							margin-top: 10px;
							background-image: URL('./menu/odr-menu3-barva0.gif');
							background-position: 8px 3px;
							background-repeat: no-repeat;
						}
						
						#ibar-menu3 ul li.barva1 { background-image: URL('./menu/odr-menu3-barva1.gif'); }
						#ibar-menu3 ul li.barva2 { background-image: URL('./menu/odr-menu3-barva2.gif'); }
						#ibar-menu3 ul li.barva3 { background-image: URL('./menu/odr-menu3-barva3.gif'); }
						#ibar-menu3 ul li.barva4 { background-image: URL('./menu/odr-menu3-barva4.gif'); }
						#ibar-menu3 ul li.barva9 { background-image: none; }

						#ibar-menu3 ul li.barva1, #ibar-menu3 ul li.barva1 a { color: #64bb9f; }
						#ibar-menu3 ul li.barva2, #ibar-menu3 ul li.barva2 a { color: #5f6faf; }
						#ibar-menu3 ul li.barva3, #ibar-menu3 ul li.barva3 a { color: #ac79b2; }
						#ibar-menu3 ul li.barva4, #ibar-menu3 ul li.barva4 a { color: #de8e06; }

						#ibar-menu3 ul li.aktiv {
							background-image: URL('./menu/odr-menu3-aktiv.gif');
							color: #28338c;
						}
						
						/*
						#ibar-menu3 ul .barva1.aktiv {color: #457b68;}
						#ibar-menu3 ul .barva2.aktiv {color: #2d3785;}
						#ibar-menu3 ul .barva3.aktiv {color: #7630a4;}
						#ibar-menu3 ul .barva4.aktiv {color: #ce7908;}
						*/

						#ibar-menu3 ul li.barva0 {
							color: #769fd3;
						}
						
						#ibar-menu3 ul li a:hover {
							color: #000;
						}
						
						#ibar-menu3 .menu3-prod {
							height: 31px;
							background-image: URL('./menu/pod-menu3-prod-b1.gif');
							background-position: left top;
							background-repeat: no-repeat;
						}
						
						#ibar-menu3 li.barva1 .menu3-prod { background-image: URL('./menu/pod-menu3-prod-b1.gif'); }
						#ibar-menu3 li.barva2 .menu3-prod { background-image: URL('./menu/pod-menu3-prod-b2.gif'); }
						#ibar-menu3 li.barva3 .menu3-prod { background-image: URL('./menu/pod-menu3-prod-b3.gif'); }
						#ibar-menu3 li.barva4 .menu3-prod { background-image: URL('./menu/pod-menu3-prod-b4.gif'); }
						
							#ibar-menu3 .menu3-prod a {
								display: block;
								height: 31px;
								text-decoration: none;
							}
							
								#ibar-menu3 .menu3-prod a strong {
									display: block;
									padding-top: 9px;
								}

						#ibar-menu3 .menu3-prod-A {
							height: 31px;
							background-image: URL('./menu/pod-menu3-prod-b1-A.gif');
							background-position: left top;
							background-repeat: no-repeat;
						}
						
						#ibar-menu3 li.barva1 .menu3-prod-A { background-image: URL('./menu/pod-menu3-prod-b1-A.gif'); }
						#ibar-menu3 li.barva2 .menu3-prod-A { background-image: URL('./menu/pod-menu3-prod-b2-A.gif'); }
						#ibar-menu3 li.barva3 .menu3-prod-A { background-image: URL('./menu/pod-menu3-prod-b3-A.gif'); }
						#ibar-menu3 li.barva4 .menu3-prod-A { background-image: URL('./menu/pod-menu3-prod-b4-A.gif'); }
						
							#ibar-menu3 .menu3-prod-A strong {
								color: #fff;
								display: block;
								padding-top: 8px;
							}
								
						#ibar-menu3 li.ods1 { margin-left: 0px; }
						#ibar-menu3 li.ods2 { margin-left: 0px; }
						#ibar-menu3 li.ods3 { margin-left: -20px; }
						#ibar-menu3 li.ods4 { margin-left: -40px; }
						
						
		
			#stat-reset {
				height: 18px;
				background-image: URL('./pod-stat-reset.jpg');
				background-position: left top;
				background-repeat: no-repeat;
				font-size: 10px;
				clear: both;
			}
			
	#str-paticka {
		height: 60px;
		font-size: 9px;
		color: #223f9a;
		position: relative;
	}
	
		#str-paticka a {
			text-decoration: none;
			color: #86add2;
		}
		
		#str-paticka a:hover {
			color: #134496;
		}
		
		#str-paticka-info {
			padding-top: 5px;
			text-align: center;
			color: #888;
		}
	
		#str-paticka-in {
			margin-top: 10px;
			margin-left: 15px;
		}
		
			#str-paticka span.pat-nutricia {
				display: block;
				width: 75px;
				height: 11px;
				background-image: URL('./logo-nutricia.gif');
				background-position: left top;
				background-repeat: no-repeat;
				position: absolute;
				left: 160px;
				top: 25px;
			}
			
				#str-paticka span.pat-nutricia a {
					display: block;
					height: 11px;
				}
				
					#str-paticka span.pat-nutricia a strong {
						display: none;
						visibility: hidden;
					}
					
			#str-paticka span.pat-mail {
				display: block;
				width: 100px;
				height: 11px;
				position: absolute;
				left: 250px;
				top: 25px;
			}

			#str-paticka span.pat-mojedite {
				display: block;
				width: 61px;
				height: 13px;
				background-image: URL('./logo-mojedite.gif');
				background-position: left top;
				background-repeat: no-repeat;
				position: absolute;
				left: 580px;
				top: 25px;
			}
			
				#str-paticka span.pat-mojedite a {
					display: block;
					height: 13px;
				}
				
					#str-paticka span.pat-mojedite a strong {
						display: none;
						visibility: hidden;
					}
			
			#str-paticka span.pat-immunofortis {
				display: block;
				width: 102px;
				height: 11px;
				background-image: URL('./logo-immunofortis.gif');
				background-position: left top;
				background-repeat: no-repeat;
				position: absolute;
				left: 680px;
				top: 25px;
			}
			
				#str-paticka span.pat-immunofortis a {
					display: block;
					height: 11px;
				}
				
					#str-paticka span.pat-immunofortis a strong {
						display: none;
						visibility: hidden;
					}

			#str-paticka span.pat-navig {
				display: block;
				width: 175px;
				height: 11px;
				position: absolute;
				left: 805px;
				top: 25px;
				text-align: right;
			}
					
			#str-paticka span.pat-nahoru {
				display: none;
				visibility: hidden;
			}
			
	#str-jazyky {
		width: 100px;
		height: 20px;
		position: absolute;
		left: 650px;
		top: 30px;
		font-size: 0.9em;
	}
	
		#str-jazyky ul {
			margin: 0px;
			padding: 0px;
		}
		
			#str-jazyky li {
				list-style: none;
			}
			
			#str-jazyky li.jaz-cz {
				display: none;
				visibility: hidden;
			}
			
				#str-jazyky li a {
					text-decoration: none;
					font-weight: bold;
				}

		
/* <<<<<<<<<< ROZVRZENI STRANEK <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* >>>>>>>>>> OSTATNI NASTAVENI >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
.barva1 { color: #64bb9f; }
.barva2 { color: #5f6faf; }
.barva3 { color: #ac79b2; }
.barva4 { color: #de8e06; }

.nevid {
	display: none;
	visibility: hidden;
}

.infoV {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	border: 2px solid #cc0000;
	color: #cc0000;
}

.infoG {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	border: 2px solid #145f06;
	color: #145f06;
}

.centered {
	text-align: center;
}
.vlevo {
	text-align: left;
}

.form-pol {
	border: 1px solid #dcecf9;
	background-color: #dcecf9;
	color: #28338b;
	font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, sans-serif;
	font-size: 1.0em;

	scrollbar-arrow-color: #28338b; 
	scrollbar-face-color: #dcecf9;
	scrollbar-highlight-color: #dcecf9; 
	scrollbar-shadow-color: #dcecf9; 
	scrollbar-3dlight-color: #dcecf9; 
	scrollbar-track-color: #dcecf9; 
	scrollbar-darkshadow-color: #dcecf9;
}

.form-tla {
	height: 25px;
	background-color: #00529f;
	border: 1px solid #00529f;
	font-weight: bold;
	text-align: center;
	color: #dcecf9;
}

.tbl-top td {
	vertical-align: top;
}

.tbl-bottom {
	vertical-align: bottom;
}

ul.odr1 li, ul.odr3 li {
	list-style-image: URL('./odr-01.gif');
	margin-top: 5px;
}

	ul.odr1 li em, ul.odr3 li em {
		font-style: normal;
		color: #223f9a;
	}
	
ul.odr3 {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

  ul.odr3 li {
    margin: 0px;
    margin-bottom: 10px;
  }

ul.odr2 li {
	list-style-image: URL('./odr-02.gif');
	margin-top: 10px;
}

	ul.odr2 li strong {
		font-weight: bold;
		font-size: 1.2em;
		color: #223f9a;
	}
	
		ul.odr2 li ul li {
			list-style-image: none;
			margin-top: 5px;
		}
		
ol.cis1 li {
	font-weight: bold;
	color: #223f9a;
	margin-bottom: 5px;
	font-size: 1.5em;
}

	ol.cis1 li span {
		font-weight: normal;
		color: #000;
		font-size: 8pt;
	}

ol.cis2 li {
	font-weight: bold;
	color: #223f9a;
	margin-bottom: 5px;
	font-size: 1.1em;
}

	ol.cis2 li span {
		font-weight: normal;
		color: #000;
		font-size: 8pt;
	}

	
.pod-carou {margin: 0; padding: 5px 0; color: #888; font-size: 80%; line-height: 150%; border-top: 1px solid #ddd;}
ul.pod-carou {list-style: none;}
ul.pod-carou li {line-height: 180%;}
		
.poznamka {
	font-size: 0.9em;
	color: #888;
}

.poznamka2 {
	font-size: 0.9em;
	color: #cc0000;
}

  h5.poznamka2 {
    font-size: 13px;
    border-bottom: 1px solid #cc0000;
  }

  .poznamka2 a {
    color: #cc0000;
  }
  
  .poznamka2 a:hover {
    color: #000;
  }

.poznamka3 {
	font-size: 1.0em;
	color: #223f9a;
}

ol.poznVysv {}
ol.poznVysv li {padding: 3px 0;}
ol.poznVysv li small {color: #666; /*font-style: italic;*/}

/* Etiketa - Nahled */
.etiketaNahled {border: none; margin: 0; padding: 0; border-collapse: collapse;}
.etiketaNahled .roh {width: 5px; height: 5px; background: url('./etiketa-roh.gif') no-repeat;}
 .etiketaNahled .roh.lh {background-position: 0 0;}
 .etiketaNahled .roh.ph {background-position: -5px 0;}
 .etiketaNahled .roh.ld {background-position: 0 -5px;}
 .etiketaNahled .roh.pd {background-position: -5px -5px;}
.etiketaNahled .hor {height: 5px; background: url('./etiketa-hor.gif') repeat-x;}
 .etiketaNahled .hor.h {background-position: 0 0;}
 .etiketaNahled .hor.d {background-position: 0 -5px;}
.etiketaNahled .ver {height: 5px; background: url('./etiketa-ver.gif') repeat-y;}
 .etiketaNahled .ver.l {background-position: 0 0;}
 .etiketaNahled .ver.p {background-position: -5px 0;}
.etiketaNahled tr,
.etiketaNahled td,
.etiketaNahled .thickbox,
.etiketaNahled a,
.etiketaNahled img {border: 0; margin: 0; padding: 0;}

/* <<<<<<<<<< OSTATNI NASTAVENI <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.moreNewsLink {
  float: left;


}

.count_1, .count_2, .count_3, .count_4, .count_5, .count_6 {
  width: 270px;
  margin: 10px;
  height: 150px;
}

/* NUTRILON VESELE VANOCE */

#vanoce {
 margin-left: 0px;
 padding-bottom: 10px;
 display: none;
 width: 600px;
 height: 77px;
 background: url('./vanoce.jpg') no-repeat left top;
}

/* acordion  */

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

ul.ui-accordion-container { margin: 0; padding: 0; list-style-type: none; }
ul.ui-accordion-container li { margin: 0; margin-bottom: 2px; padding: 0; background-image: url(i/accordion-left.png); background-repeat: no-repeat; }
ul.ui-accordion-container li a.ui-accordion-link { display: block; padding-left: 5px; margin-right: 3px; height: 28px; background-image: url(i/accordion-middle.png); color: #000; text-decoration: none; line-height: 28px; }
ul.ui-accordion-container li .ui-accordion-right { display: block; background-image: url(i/accordion-right.png); position: absolute; top: 0px; right: 0px; height: 28px; width: 3px;  }

ul.ui-accordion-container li:hover { background-image: url(i/accordion-left-over.png); }
ul.ui-accordion-container li:hover a.ui-accordion-link { background-image: url(i/accordion-middle-over.png); }
ul.ui-accordion-container li:hover .ui-accordion-right { background-image: url(i/accordion-right-over.png); }

ul.ui-accordion-container li.active { background-image: url(i/accordion-left-act.png); }
ul.ui-accordion-container li.active a.ui-accordion-link { background-image: url(i/accordion-middle-act.png); }
ul.ui-accordion-container li.active .ui-accordion-right { background-image: url(i/accordion-right-act.png); }