/* ################################################################################################
	CSS SLIDERPUSHS PLUGIN
################################################################################################ */

/* ************************************************************************************************

w1 - width 1 : 535px
w2 - width 2 : 757px

************************************************************************************************ */

.clearfix:before,
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

#sliderpushs {
	margin:auto;
	padding:0;
}
#sliderpushs img {border:0;}
.sliderpushs  ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.sliderpushs  ul li {
	margin:0;
	padding:0;
}


/* ************************************************************************************************
	w1 - width 1 : 535px
************************************************************************************************ */
.w1_temp1,
.w1_temp2,
.w1_temp3,
.w1_temp4,
.w1_temp5,
.w1_temp6,
.w1_temp7,
.w1_temp8,
.w1_temp9 {width:535px;} /* Change this value to increase or decrease the width of slider */


/* template 1 **************************************************** */
.w1_temp1 {}

/* template 3 **************************************************** */
.w1_temp2 .push1 {margin:0 0 10px 0;}
.w1_temp2 .push2,
.w1_temp2 .push3 {
	float:left;
	width:262px;
}
.w1_temp2 .push2{margin:0 10px 0 0;}

/* template 3 **************************************************** */
.w1_temp3 .push1 {margin:0 0 10px 0;}
.w1_temp3 .push2,
.w1_temp3 .push3 {
	float:left;
}
.w1_temp3 .push2 {
	margin:0 10px 0 0;
	width:354px;
}
.w1_temp3 .push3{width:171px;}

/* template 4 **************************************************** */
.w1_temp4 .push1 {margin:0 0 10px 0;}
.w1_temp4 .push2,
.w1_temp4 .push3,
.w1_temp4 .push4 {
	float:left;
}
.w1_temp4 .push2 {
	margin:0 10px 0 0;
	width:172px;
}
.w1_temp4 .push3 {
	margin:0 10px 0 0;
	width:172px;
}
.w1_temp4 .push4 {width:171px;}

/* template 5 **************************************************** */
.w1_temp5 .push1 {margin:0 0 10px 0;}

/* template 6 **************************************************** */
.w1_temp6 .push1,
.w1_temp6 .push2 {margin:0 0 10px 0;}


/* template 7 **************************************************** */
.w1_temp7 .push1,
.w1_temp7 .push2,
.w1_temp7 .push3 {
	float:left;
}
.w1_temp7 .push1 {
	margin:0 10px 0 0;
	width:354px;
}
.w1_temp7 .push2 {
	margin:0 0 7px 0;
	width:171px;
}
.w1_temp7 .push3 {width:171px;}

/* template 8 **************************************************** */
.w1_temp8 .push1,
.w1_temp8 .push2 {
	float:left;
}
.w1_temp8 .push1 {
	margin:0 10px 0 0;
	width:354px;
}
.w1_temp8 .push2 {width:171px;}

/* template 9 **************************************************** */
.w1_temp9 .push1,
.w1_temp9 .push2,
.w1_temp9 .push3 {
	float:left;
}
.w1_temp9 .push1,
.w1_temp9 .push2 {
	margin:0 10px 0 0;
	width:172px;
}
.w1_temp9 .push3 {width:171px;}

/* ******************************************************************
	w1 - width 1 : 535px - slider
****************************************************************** */
.sliderpushs .bx-window ul {
    height: 300px; /* Change this value to increase or decrease the height of slider */
    overflow: hidden;
    width: 535px;
}

.bx-pager {
	position:absolute;
	bottom:10px;
	left:0;
	width:535px; /* Change this value to increase or decrease the width of pager button */
    text-align: center;
}
.bx-pager a {
    display:inline-block;
    margin: 0 10px;
	padding:2px 0 0 0;
	height:14px;/* 16 */
	width:16px;
    font:normal 11px Arial, Helvetica, sans-serif;
    color: #fff;
	text-decoration:none;
	background:url(../images/bg_pager.png) no-repeat 0 0 transparent;
}
.bx-pager .pager-active, .bx-pager a:hover {
    color: #000;
    text-decoration: none;
	background:url(../images/bg_pager.png) no-repeat 0 -16px transparent;
}
.bx-wrapper .bx-prev {
    position: absolute;
    top: 145px; /* Change this value to increase or decrease the height of prev button */
    left: 10px;
    height: 30px;
    width: 31px;
    background: url(../images/arrow_prev.png) no-repeat 0 0 transparent;
    text-indent: -999999px;
}
.bx-wrapper .bx-prev:hover {background: url(../images/arrow_prev.png) no-repeat 0 -30px transparent}
.bx-wrapper .bx-next {
    position: absolute;
    right: 10px;
    top: 145px; /* Change this value to increase or decrease the height of next button */
    height: 30px;
    width: 31px;
    text-indent: -999999px;
    background: url(../images/arrow_next.png) no-repeat 0 0 transparent;
}
.bx-wrapper .bx-next:hover {background: url(../images/arrow_next.png) no-repeat 0 -30px transparent;}