@charset "utf-8";


.wrapperd {  position:relative; display:block;
	 margin:20px auto 10px auto !important;
      width: 100%; float:left; 
	height:540px; 
     background: url(../images/steel_plus_railling-stand) no-repeat center  bottom;
	z-index:2;
}

/*---------- Slider ----------- */

/*---------- Left and Right Triggers ----------- */
#slide-prev {
	position:absolute;
	width:24px;
	height:33px;
	bottom:22px;
	left:26px;
	z-index:4; 
	background:url(../images/sl-control.png) left top no-repeat;
}
#slide-next {
	position:absolute;
	width:24px;
	height:33px;
	bottom:22px;
	right:26px;
	z-index:4;
	background:url(../images/sl-control.png) left -44px no-repeat;
}

/*---------- Shadow, just for styling ----------- */
.s-shadow-b{
	background:url(../images/shadow-2.png) no-repeat center bottom;
	width:960px;
	height:60px; bottom:44px;
	position:absolute; margin:0px 1% 0px 1% !important;
	z-index:1;
}
/*---------- Main Slider Container----------- */
 #slider { background-color:#d33b90; border: solid 2px #c13085;
	width:980px; padding:2px;
	height:452px;
	margin: 18px auto 20px auto !important;
	margin-right:auto;
	position:relative;
	z-index:2;
	display:block;;
	
	/*box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1)*/
		
		box-shadow: 3px 3px 3px #9d075f;
	-moz-box-shadow: 3px 3px 3px #9d075f;
	-webkit-box-shadow: 3px 3px 3px #9d075f;
}

#slider div img{ width:974px; height:444px; float:left;border: solid 2px #c13085}


/* Every slide must be hidden by default */
.slide { display:none; }

/* 
   And only the slide with "cs-activeSlide" class must be visible!
   !Reserved Class name. Required class! 
*/
.cs-activeSlide { display:block; }

/* Container with caption's text. Must be hidden */
 .slide-descriptions {
	display:none;
}

/* Container with caption, must be hidden by default */
 .caption {
	background: url("../images/d-bg.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: none; font-size:15px;
    height: auto;
    padding: 10px 10px 20px 10px; 
    position: absolute;
    left: 34px;
    top: 280px ;
    width: 400;
    z-index: 16; line-height:24px;
}

.caption h3 { float:left; font-size:18px; padding: 4px 10px 4px 10px;  font-weight:700; color:#FFFFFF; background-color: #ff5400 ;}
.caption span { float:left; font-size:14px; padding-left:8px; font-weight:700;  color:#FFFFFF;}
.sl-descr{ font-size:15px; font-weight:700;   }
.sl-descr > h3 { float:left; width:98%; font-size:18px; color:#FFFFFF; }
.sl-descr > span { font-size:18px; color:#FFFFFF; font-weight:700; }
.full-3D {
	right: 40px;
    top: 580px;
    width: 840px;
	height:20px;
}

/* Container with Pagination buttons */
.pagination {
	bottom: 12px;
     margin:0px auto 0px  auto !important;
   
    position: relative ;
    text-align: center;
}
.slider-pagination {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../images/navi.png) no-repeat left bottom;
	margin:10px 6px 6px 0px;
	cursor:pointer;
	position:relative;
	z-index:200;
}
/* This is a required class for the "Active" pagination button. ! Reserved Class Name ! */
.cs-active-pagination {
	background:url(../images/navi.png) no-repeat left top;
}