/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/

.new_add_box {
	width:302px;
	float:left;
	padding:0 0 3px 0;
	margin-bottom:5px;
	border:1px solid #e2e2e2;
}
.new_add_box h1 {
	float:left;
	text-align:center;
	width:100%;
	background:url(../NewProduct/announ.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#060606;
	padding:5px 0 5px 0;
	margin-bottom:3px;
}	

.aviaslider{ 
height:210px; 	/*this changes the height of the image slider*/
width:300px;
overflow: hidden;
position:relative;
padding:0 0 0 0;
margin:0 0 0 0;
}
.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:210px;
top:0;
left:0;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}



/*** New ADD ***/
.aviaslider_oneadd{ 
height:293px; 	/*this changes the height of the image slider*/
width:100%;
overflow: hidden;
position:relative;
padding:0 0 0 0;
margin:0 0 0 0;
}
.aviaslider_oneadd li, .aviaslider_oneadd .featured{
display: block;
width:100%;
height:293px;
top:0;
left:0;
}

.js_active .aviaslider_oneadd li, .js_active .aviaslider_oneadd .featured{
display:none;
}

.aviaslider_oneadd img, .aviaslider_oneadd a img, .aviaslider_oneadd a{
border:none;
text-decoration: none;
}

/*** New End ***/



.slidecontrolls{
margin:0 auto;
position:absolute;
float:left;
}

.slidecontrolls a{


display:block;
cursor: pointer;
background: transparent url(../images/layout/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.gif) center top no-repeat;
}

.feature_excerpt{
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
color: #fff;

}

.feature_excerpt strong{
display: block;
}



/************************************************************************
-) DEMO PAGE STYLING
*************************************************************************/

/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea{ margin:0; padding:0;}


/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/

.wrapper_fullwidth{ /*div for perfect centering of large scale background images*/
width:100%;
position:relative;
z-index: 1;
background: #000;

clear:both;
font-size: 10px;
color: #fff;
}

.center{ /*center content area */
position: relative;
margin:0 auto;
}