/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

.tabs {list-style: none; overflow: hidden; padding-left: 1px;}
.tabs li {display: inline; cursor: pointer;}
.tabs li span {display: block; float: right; padding: 4px 8px; color: black; border: 1px solid #ccc; background: #eee; margin: 0 0 0 -1px; font-weight: bold;}
.tabs li span.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; font-weight: bolder;}

.tabs-wrapper {width: 260px; height:210px; margin: 10px auto 10px auto;}
.box-wrapper {-moz-box-shadow: 0 0 15px #BDBDBD; -webkit-box-shadow: 0 0 15px #BDBDBD; filter: progid:DXImageTransform.Microsoft.Shadow(color=#e7e6e6, Direction=235, Strength=4); zoom: 1;
 padding: 10px; background: white; border: 1px solid #ccc; margin: -1px 0 0 0; height: 150px; position: relative;}
.content-box {overflow: hidden; position: absolute; top: 10px; right: 10px; width: 260px; height: 160px;}
.content-box h3 {margin: 0 0 10px 0;}
.content-box img {max-width: 110px; max-height: 130px; padding: 40% 0 0 5px;}

.current {}

.col-one {width: 110px; float: right; position: relative; top: 190px; margin: 0 -2px 0 3px; z-index: 3;}
.col-two {width: 135px; float: right; position: relative; top: 190px; margin: 0 -4px 0 4px; z-index: 4;}