/* ===[ accordion css reset ]=== */
.latestPosts * {border: 0;line-height: 0;list-style: none;margin: 0;padding: 0;}

/* ===[ latestPosts ]=== */
.latestPosts {
	float: right;
	max-width: 300px;	/* Do not replace max-width with width or you'll lose responsiveness */
	outline: none !important;
	position: relative;
}

/* Do not change anything in this rule */
.latestPosts .jAccordion-slidesWrapper {height: 100%;overflow: hidden;position: relative;width: 100%;}
/* Do not change display, overflow or position */
.latestPosts .jAccordion-slide {
	border-top: 1px solid #888;
	display: block;
	overflow: hidden;
	position: relative;
}
.latestPosts .jAccordion-slide:first-child {border-top-color:transparent}
/* Opera 10.xx bug fix
 * More info: http://css-lab.com/bug-test/opera-ap-bugfix.html
 */
.latestPosts .jAccordion-slide:after {content: "";float: left;height: 1%;width: 0;}

/* Article info - title and date */
.latestPosts .articleInfo {
	background: url(images/arrow.png) no-repeat 97.1% center;
	border-bottom: 1px solid #888;
	height: 47px;
	margin-bottom: 13px;
	padding-top: 10px;
}
.latestPosts li:hover .articleInfo {background: url(images/arrow_hover.png) no-repeat right center}
.latestPosts .jAccordion-slide.activeItem .articleInfo {background: url(images/arrow_active.png) no-repeat right center;
	border-bottom-color: #00AAFF;
}
.latestPosts .articleInfo a {
	color: #000;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.latestPosts a:hover {text-decoration: underline}
.latestPosts em {
	color: #555;
	display: block;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	margin-top: 5px;
}
/* Content of slide */
.latestPosts p {
	color: #222;
	font: normal 12px/1.7 Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	text-align: justify;
}
.latestPosts p img {
	float: left;
	padding: 0 13px 13px 0;
}
.latestPosts p a {
	color: #00AAFF;
	font-weight: bold;
	text-decoration: none;
}
.producstList p a:hover {text-decoration: underline}
/* ===[ Rules used when JS is disabled ]=== */
/* Rule for inactive slide */
.latestPosts.noJS .jAccordion-slide {
	height: 57px;
}
/* Active slide size */
.latestPosts.noJS .jAccordion-slide:hover {height: auto}
.latestPosts.noJS li:hover .articleInfo {background: url(images/arrow_active.png) no-repeat right center;border-bottom-color: #00AAFF;}
/* ===[ End of rules used when JS is disabled ]=== */