body {
	background-color: #252422;
	padding: 20px;
	font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-serif;
}
#test-accordion {
	padding: 10px;
	position: relative; /* required for effect */
	width: 500px;
}

#test2-accordion {
	padding: 10px;
	position: relative; /* required for effect */
	width: 800px;
}
.accordion-toggle {
	display: block;
	background: #c2bcb3 url(http://www.davidsbrown.com/Accordian/img/off.jpg) repeat-x left bottom;
	color: #ffffff;
	padding: 9px 14px 6px 14px;
	border-top: 1px solid #5d5852;
	text-decoration: none;
	outline: 0;
}

.accordion-toggle:hover, .accordion-toggle:focus, a.accordion-toggle.active {
	background: #acc1ca url(http://www.davidsbrown.com/Accordian/img/on.jpg) repeat-x left bottom;
	border-top: 1px solid #acc1ca;
}

.accordion-content {
	overflow: hidden; /* required for effect */
	background: #d0cebc;
	color: #c4bab1;
	display: none; /* graceful degradation */
}
.accordion-content p {
	margin: 9px 24px;
}

a {
	color: #fff;
}

.horizontal .accordion-toggle {
	float: left; /* This make sure it stays horizontal */
	height: 150px;
	display: block;
	width: 30px;
	background: #f1162a url(http://www.davidsbrown.com/Accordian/img/on.jpg) ;
	color: #f1162a;
	text-decoration: none;
	border-right: 1px solid #5d5852;
	cursor: pointer;
	margin: 0;
	padding: 0;
}


.horizontal .accordion-content {
	height: 151px; /* defined to keep tabs even */
	float: left; /* This make sure it stays horizontal */
	overflow: hidden;
	display: none;
	background-color: #ffffff;
	color: #444444;
}
.horizontal .accordion-content p {
	width: 500px; /* defined to keep tabs even */
	padding: 5px 10px 15px 10px;
}
/* to display active when JS is disabled, will be overwritten by JS */
.accordion-content.active, .horizontal .accordion-content.active {
	display: block;
}