﻿/* dCodes Framework:(c) TemplateAccess */

a {
	color: #990026;
	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: 958px;
	height: 334px; /* 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 solid #ccc;
	-webkit-box-shadow: 0 0 12px #ccc;
	-moz-box-shadow: 0 0 12px #ccc;
	box-shadow: 0 0 12px #ccc;
	background: #f2f2f2;
	top: 0px;
	left: 0px;
}

#slider {
	width: 518px;
	height: 334px; /* Set to slider width */
	position: relative; /* Set to slider height */
	float: left;
	overflow: hidden; /* Hides the animations */ }

.slider-image { position: relative }

#accordion {
	width: 440px;
	height: 334px; /* Set to accordion width */
	background: #eee; /* Set to image height */
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index: 999;
	float: left }

	#accordion .header {
		height: 36px;
		color: #333;
		background: #ededed;
		background: -moz-linear-gradient(top,#ededed 59%,#dcdcdc 100%);
		background: -webkit-linear-gradient(top,#ededed 59%,#dcdcdc 100%);
		background: -o-linear-gradient(top,#ededed 59%,#dcdcdc 100%);
		background: -ms-linear-gradient(top,#ededed 59%,#dcdcdc 100%);
		background: linear-gradient(top,#ededed 59%,#dcdcdc 100%);
		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 }

			#accordion .header a:hover { background:#ededed;cursor: pointer }

			#accordion .header a.active {
				border-bottom: none;
				background-color: #990026 !important;
				color: #fff }

	#accordion .content {
		height: 190px;
		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: #d6d6d6;
		background: -moz-linear-gradient(top,#d6d6d6 0%,#ffffff 10%);
		background: -webkit-linear-gradient(top,#d6d6d6 0%,#ffffff 10%);
		background: -o-linear-gradient(top,#d6d6d6 0%,#ffffff 10%);
		background: -ms-linear-gradient(top,#d6d6d6 0%,#ffffff 10%);
		background: linear-gradient(top,#d6d6d6 0%,#ffffff 10%);
		filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6',endColorstr='#ffffff',GradientType=0 );
		overflow: auto }

