/******************************************************************************
 * @section General Carousel
 * @notes styles for a general carousel.
 */

.general_carousel {
	height:226px;
	overflow:hidden;
	position:relative;
}
.general_carousel a {color:#a6d3f7;}
.general_carousel div.gc-panels a {text-decoration:none;}
.general_carousel div.gc-panels a:hover {
	color: #fff;
	text-decoration: none;
}
.general_carousel div.icon { }
.general_carousel div.gc-links {
	font-size:11px;
	height: 26px;
	background: url('http://media.charlotteobserver.com/design/mm-tab-bg.gif') repeat-x white;
	width: 636px;
	position: absolute;
}

.general_carousel div.gc-links ul {
	padding: 0;
	margin: 0;
	height: 26px;
	overflow: hidden;
}
.general_carousel div.gc-links ul li {
	padding: 8px 20px 0;
	margin: 0;
	list-style-type: none;
	float: left;
	height: 19px;
}
.general_carousel div.gc-links ul li a {
	color: #0d2034;
}
.general_carousel div.gc-links ul li.active {
	border-bottom-style: none;
	background-color: #0C222D;
	height: 19px;
}
.general_carousel div.gc-links ul li.active a {
	color:#fff;
	text-decoration: none !important;
	cursor:default;
}			
.general_carousel div.gc-pagination {
	text-align:center;
	line-height:0;
	margin: 15px 0 0 0;
}
.general_carousel div.gc-pagination a img {
	width: 8px;
	height: 12px;
}
.general_carousel div.gc-pagination a {
	margin:0 3px;
	background-image:url(http://media.charlotteobserver.com/design/mm-panel.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.general_carousel div.gc-pagination a.activeSlide {
	background-image:url(http://media.charlotteobserver.com/design/mm-panel-active.gif);
}
.general_carousel div.gc-left {
	width:27px;
	height:27px;
	line-height:0;
	position:absolute;
	left:0;
	top:100px;
	z-index: 1;
}
.general_carousel div.gc-right {
	width:27px;
	height:27px;
	line-height:0;
	position:absolute;
	right:0;
	top:100px;
}
.general_carousel .gc-panels {
	top: 20px;
	height: 150px;
	overflow: hidden;
	margin: auto;
}
.general_carousel div.gc-panels div.gc-panel {
	height:140px;
	background-image:url(http://media.charlotteobserver.com/design/mm-panels-bg.gif);
	background-repeat:repeat-y;
}
.general_carousel div.gc-panels ul {
	padding:0 0 0 18px;
	margin:0;
}
.general_carousel div.gc-panels ul li {
	padding:0;
	margin:0 96px 0 0;
	float:left;
	display:inline;
	width:152px;
	list-style-type:none;
	font-family:Georgia,"Times New Roman",Times,serif;
}
.general_carousel div.gc-panels ul li.last {margin-right:0;}
.general_carousel div.gc-panels div.img {
	line-height:0;
	border:1px solid #fff;
	margin-bottom:8px;
	width:150px;
	height: 90px;
}
.general_carousel div.gc-panels div.img img {
	width: 150px;
}
.general_carousel div.gc-panels div.apimg {
	line-height:0;
	border:1px solid #fff;
	margin-bottom:8px;
	width:150px;
	background-color:#000;
}
a .imgap { border-style:none; outline: none; padding:13px 0px 13px 29px;}
.general_carousel div.gc-panels div.txt {
	line-height:1.5em;
}
.general_carousel div.gc-footer {
	position:absolute;
	left:20px;
	right:20px;
	top:215px;
	text-align:center;
	color:#fff;
}
.general_carousel div.gc-footer a {margin:0 10px;}
.general_carousel span.icon {background-image:url(http://media.charlotteobserver.com/design/icons-white.gif);}
.gc-panelset {
	height: 229px;
	overflow: hidden;
	display: none;
	background: url("http://media.charlotteobserver.com/design/general_carousel_bg.gif") repeat scroll 0 0 transparent;
}
div.gc-panelset-first {display:block;}
.gc-panelset_container {
	margin: 0 10px;
}

/******************************************************************************
 * Override style for a carousel in grid-ab
 */

.grid-ab .general_carousel .gc-panelset {width: 300px;}
.grid-ab .general_carousel .gc-panels .txt {
    width: 150px;
    margin: auto;
    padding: 5px 0 0 0;
}
.grid-ab .general_carousel .gc-panels ul li {
    margin: 0;
    width: 260px;
}
.grid-ab .general_carousel .gc-panels ul li .img  {margin: auto;}
.grid-ab .general_carousel .gc-panels ul {padding: 0;}
.grid-ab .general_carousel .gc-panels .gc-panel {
    width: 260px;
    background: none;
}
.grid-ab .general_carousel .gc-panels {width: 260px;}

/******************************************************************************
 * Override style for a carousel in grid-abcd
 */

.grid-abcd .general_carousel {height: 249px;}
.grid-abcd .general_carousel .gc-panelset {
	width: 636px;
	position: absolute;
	top: 26px;
}
.grid-abcd .general_carousel .gc-panels .txt {
    width: 150px;
    margin: auto;
    padding: 5px 0 0 0;
}
.grid-abcd .general_carousel .gc-panels ul li {
    margin: 0;
    width: 200px;
}
.grid-abcd .general_carousel .gc-panels ul li .img  {margin: auto;}
.grid-abcd .general_carousel .gc-panels ul {padding: 0;}
.grid-abcd .general_carousel .gc-panels .gc-panel {
    width: 600px;
    background: none;
}
.grid-abcd .general_carousel .gc-panels {
	width: 600px;
	top: 10px;
}
.grid-abcd .general_carousel .gc-panelset_container {
	background: url("http://media.charlotteobserver.com/design/general_carousel_bg.gif") repeat scroll 0 26px transparent;
	height: 249px;
}
.grid-abcd .general_carousel .gc-pagination {
	margin: 8px 0 0;
	height: 12px;
}