/*************************************
 * generic styling for ALS elements
 ************************************/
div.inner_wpr_brand{  width:900px;  padding:0px 0 0 0;
background:#fff url(../images/back_01.png) 0 0 repeat;    height:340px;   margin:18% auto 0 auto;}

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0; width:400px;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both; background:url(../images/news-arrows.png) 0 0 no-repeat; display:block; width:12px; height:11px; top:350px; padding:2px; border-radius:5px; z-index:99999;
}
/*************************************
 * specific styling for #demo1
 ************************************/

#demo1 {
	margin:10px auto; padding:20px 0;
}

#demo1 .als-item {
	margin: 0px 0px;
	padding: 0px 0px;
	height:300px;
	width: 300px; margin-right:0px;
	text-align: center; border:solid 0px #ccc;
}

#demo1 .als-item img {
	display: block;
	margin: 0 auto;
	vertical-align: middle; border:solid 0px #ccc;
}

#demo1 .als-prev, #demo1 .als-next {
	top:300px;
}

#demo1 .als-prev {
	left: 170px; 
	background-position:2px -46px; 	 
}
#demo1 .als-prev:hover {

	background-position:2 -44px;	 
}



#demo1 .als-next {
	right:170px;
	background-position:2px 2px;
	
}
#demo1 .als-next:hover {

	background-position:2 -14px;
	
}

span.brand_name{ display:block; font-size:18px; padding:20px 0 0 0; font-family:Century Gothic, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000; }
span.brand_slogan{ font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:12px; color:#444;}



span.ms_title{font-size:13px; color:#aaa;}