/*** Overall MovingBoxes Slider ***/

.slider{
	position:relative;margin:30px 0 0;
	padding:0 0 3px;background:url(../images/red_bdr.png) 0 bottom repeat-x;}

.inside {
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #999;
}

.mb-wrapper {
	margin: 0 auto 20px;
	position: relative;
	left: 0;
	top: 0;
}

/* Panel Wrapper */


.mb-scroll {
	width: 100%;
	height:401px !important; 
	overflow: hidden;
	margin: 0 auto;
	padding:0;
	position: relative;
	left: 0;
	top: 0;
	font-size: 18px;
}




.mb-slider {  margin:30px 0 0; }

/* active slider border highlight */
.mb-active-slider {
	border-color: #333;
}

/*** Slider panel ***/
.mb-slider .mb-panel {
	margin:0;
	padding: 30px 4px 0;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
	width:388px;
	height:326px !important;/*291*/
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */

.mb-slider .mb-panel.current {
	cursor: auto;
	margin:0;
	
}



.mb-panel.current img { margin:0px 0 0;}


/***						 Inside the panel										 ***/
.mb-inside {
	text-align:center;position:relative;
	
}

.mb-inside img.slide_img {
	position:relative;z-index:1;
}
.mb-inside img.border {position:absolute;top:0;left:0;z-index:2;}
.mb-slider .mb-panel.current .mb-inside img.border{top:0;left:0;}


.mb-inside * {
	max-width: 100%;
	
}

.mb-panel .mb-inside a {display:block;margin:17px 0 0;font-size:16px;color:#f7e790;text-decoration:none;font-family:Georgia, "Times New Roman", Times, serif;}

.mb-panel.current .mb-inside a  {display:block;margin:17px 0 0;font-size:24px;line-height:18px;color:#fff;text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;z-index:3;position:relative;}
/*** Left & Right Navigation Arrows ***/
a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background:none;
	position: absolute;
	top: 50%;
	margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}

/*** Controls added below the panels ***/
.mb-controls {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 100;
}
.mb-controls a {
	background:url(../images/car_btns.png) 0 0 no-repeat;
	display: inline-block;
	text-decoration: none;
	padding: 6px 10px;
	margin:0 5px 0 0;
	text-align: center;
	outline: 0;
	color:transparent;
}
.mb-controls a:hover {
	background-position:0 -31px;
}
.mb-controls a.current {
	background-position:0 -31px;
}
.mb-active-slider .mb-controls {
}