* {
	margin: 0;
	padding: 0;
}

.tabbed-box p {
	line-height: 2em;
	margin: 0;
	padding: 0;
}

.tabbed-box p img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
}

.tabbed-box {
	width: 242px;
	background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;
	border: 1px solid #ddd;
	margin-top: 1em;
	margin: 0;
	padding: 0;
	float: right;
	height: 300px;
	display: table;
}

.tabbed-box .tabs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

.tabbed-box .tabs li a {
	display: block;
	width: 80px;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #888;
	background: #fff url(tabbed-tab-bg.jpg) repeat-x bottom; 
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}

.tabbed-box .tabs li:first-child a {
	border-left: none; }

.tabbed-box .tabs li a:hover {
	color: #333; }

.tabbed-box .tabs li a:focus {
	outline: none; }

.tabbed-box .tabs li a.active {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #fff; }

.tabbed-content {
	padding: 3em 1em 1em 1em;
	display: none;
}