/* >>> start 2015_CAROUSEL.PHP */

	.carousel_wrap {
		margin:20px 0 35px 0;
	}
	.list_carousel {
		margin:0 auto;
		width:88%;
		text-align:center;
		padding:5px 10px 0px 30px;
		border-bottom:1px solid #F0F0F0;
		border-top:1px solid #E2E2E2;
		height:159px;
		position:relative;
		border-radius:10px;
		box-shadow:0 1px 1px #9C9C9C;
		background-size:99.9% 1px;
		background: rgb(222,222,222); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(left,  rgb(222,222,222) 0%, rgb(249,249,249) 6%, rgb(249,249,249) 93%, rgb(222,222,222) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(222,222,222)), color-stop(6%,rgb(249,249,249)), color-stop(93%,rgb(249,249,249)), color-stop(100%,rgb(222,222,222))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgb(222,222,222) 0%,rgb(249,249,249) 6%,rgb(249,249,249) 93%,rgb(222,222,222) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgb(222,222,222) 0%,rgb(249,249,249) 6%,rgb(249,249,249) 93%,rgb(222,222,222) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgb(222,222,222) 0%,rgb(249,249,249) 6%,rgb(249,249,249) 93%,rgb(222,222,222) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgb(222,222,222) 0%,rgb(249,249,249) 6%,rgb(249,249,249) 93%,rgb(222,222,222) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
	}
	.ie10 .list_carousel {
		height:164px;
	}
	.carousel_clearfix {
		float:none;
		clear:both;
	}
	.stepcarousel {
		overflow:hidden;
		height:158px;
	}
	.stepcarousel > div {
		float:left;
		overflow:hidden;
		margin:2px 5px 10px 5px;
		width:111px;
		text-align:center;
	}
	.stepcarousel > div > a {
		display:block;
		outline:none;
		-moz-outline:none;
		font:13px/100% 'calibri','segoe ui',arial;
		color:#0360B6;
		margin:0 0 3px 0;
		text-decoration:none;
	}
	.stepcarousel > div > a:hover {
		border-top:3px solid #0070FF;
		text-decoration:none;
		font-weight:bold;
		text-decoration:none;
	}
	.stepcarousel > div > a > span {
		color:#FF7305;
		font-family:arial;
		font-size:9px;
		margin-top:3px;
		font-weight:bold;
		letter-spacing:-0.035em;
		line-height:12px;
		text-decoration:none;
		display:block;
	}
	.stepcarousel > div > a:hover > span {
		color:#FF0000;
	}
	.stepcarousel > div img {
		border-right:1px solid #BBB;
		border-bottom:1px solid #BBB;
		border-left:1px solid #e6e6e6;
		border-top:1px solid #e6e6e6;
		background:#FFF;
		padding:4px;
		display:block;
		margin-bottom:2px;
		width:100px;
		height:75px;
	}
	.stepcarousel > div > div {
		color:white;
		background-color:#2F64A7;
		font-size:14px;
		font-weight:bold;
		border-top:1px solid #032E50;
		font-family:'trebuchet ms',Verdana,arial;
		border-radius:4px;
		margin:0 auto;
		width:70%;
	}
	.stepcarousel > div:hover > div {
		width:100%;
		box-shadow:0 0 25px 15px #FFF4A1;
		border-radius:7px 7px 0 0;
		font-size:18px;
		padding:2px 0;		
	}
	a.prev, a.next {
		background: url(../carforum/forum_arrows.png) no-repeat transparent;
		width:45px;
		height:50px;
		display:block;
		position:absolute;
		top:12px;
	}
	a.prev {
		left:-20px;
		background-position:5px 5px;
	}
	a.prev:hover {
		background-position:5px -40px;
	}
	a.prev.disabled {
		background-position:5px -85px !important;
	}
	a.next {
		right:-20px;
		background-position:-40px 5px;
	}
	a.next:hover {
		background-position:-40px -40px;
	}
	a.next.disabled {
		background-position:-40px -85px !important;
	}
	a.prev.disabled, a.next.disabled {
		cursor:default;
	}
	a.prev span, a.next span {
		display:none;
	}
	.carousel_pagination {
		text-align:center;
		margin-top:10px;
	}
	.carousel_pagination a {
		background: url(../carforum/forum_arrows.png) -19px -135px no-repeat transparent;
		width:15px;
		height:15px;
		margin:0 5px 0 0;
		display:inline-block;
	}
	.carousel_pagination a.selected {
		background-position:-45px -135px;
		cursor:default;
	}
	.carousel_pagination a span {
		display:none;
	}
	.carousel_title_box {
		width: 87%;
		border: 1px solid #DDD;
		color: #FFFFFF;
		font:bold 17px 'Roboto Condensed','Segoe UI', Arial;
		margin: 0 auto;
		padding:4px 0;
		text-align: center;
		border-radius: 15px 15px 0 0;
		letter-spacing: 1px;
		background: #214f8a;
	}
	div.carousel_title_box > span {
		font-weight:normal;
		color:#9AC8EC;
		font-size: 15px;
	}
	
	@media only screen and (max-width: 320px) {
		.list_carousel {width:80%;}
		.carousel_title_box {width: 80%;letter-spacing:0.5px;font-size:16px;letter-spacing:0.5px;padding:4px 5px 5px 5px;border-radius:10px 10px 0 0;}
		div.carousel_title_box > span {font-size:12px;}
		
	}
	@media only screen and (min-width: 321px) and (max-width: 480px) {
		.list_carousel {width:82%;}
		.carousel_title_box {width:80%;letter-spacing:0.5px;font-size:16px;letter-spacing:0.5px;padding:4px 5px 5px 5px;border-radius:10px 10px 0 0;line-height:100%;}	
		div.carousel_title_box > span {font-size:12px}		
	}
	@media only screen and (min-width: 481px) and (max-width:768px) {
		/* For general iPad layouts */
		div.carousel_title_box > span {font-size:16px}
		.carousel_title_box {padding:2px 0 2px 0}
	}
	@media only screen and (max-width:600px) { 
		div.carousel_title_box > span {display:block;}
	}
	@media only screen and (max-width:640px) { 
		.list_carousel .carousel_pagination{margin:3px 0 0 0}
	}
	@media only screen and (max-width:720px) {
		.carousel_title_box {letter-spacing:0;width:82%;padding:4px 0 2px 0}
		.list_carousel {padding:5px 10px 0px 15px}
	}
	/*** ///// Mozilla Firefox Hack ///// ***/
	@-moz-document url-prefix() {
		.stepcarousel > div a:hover {padding:0 0 3px 0}
	}
	/*** ///// IE10 Hack ///// ****/
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.stepcarousel > div > a:hover {padding:0 0 4px 0}
		.list_carousel {
			height:165px
		}
	}

/* >>> end 2015_CAROUSEL.PHP */