/* dCodes Framework:(c) TemplateAccess */

a {
	color: #5E6A87;
	background: inherit;
	text-decoration: none; }

a:hover {
	color: #808080;
	background: inherit;
	text-decoration: underline; }

.dc_clear {
	clear: both;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 0px;
	line-height: 0px }

#slidorion {
	width: 930px;
	height: 310px; /* Set to slidorion width. Is equal to #slider+#accordion width */;
	position: relative; /* Set to slidorion height. Is equal to #slider and #accordion height */;
	padding: 10px;
	border: 1px none #ccc;
	background: #000000;
}

#slider {
	width: 530px;
	height: 334px; /* Set to slider width */
	position: relative; /* Set to slider height */
	float: left;
	overflow: hidden; /* Hides the animations */ }

.slider-image { position: relative }

#accordion {
	border: thin solid #C0C0C0;
	width: 398px;
	height: 322px; /* Set to accordion width */;
	background: #000000;
/* Set to image height */
	position: relative;
	z-index: 999;
	float: left;
}

	#accordion .header {
	height: 36px;
	background: #EC6433;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ededed',endColorstr='#dcdcdc',GradientType=0 );
	border: none;
	border-top: 1px solid #ccc;
	padding: 0px;
	margin: 0px;
}

	#accordion .header a {
	background: none;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	display: block;
	color: #000000;
}

	#accordion .header a:hover { background:#C0C0C0;cursor: pointer }

	#accordion .header a.active {
		border-bottom: none;
		background-color: #EC6433 !important;
		color: #fff }

	#accordion .content {
	height: 178px;
	font-weight: bold; /* This height needs to be changed as it depends on the accordion height and number of tabs */;
	font-size: 16px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #00000;
	overflow: auto;
	color: #C0C0C0;
}