﻿
.phone_sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 400px; /*width of featured content slider*/
height: 475px;
margin:40px 0px 0px 25px;

}

.phone_sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
-moz-opacity: 1;
opacity: 1;

}


.phone_pagination{
width: 370px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:left;
padding: 5px 0px;
margin:432px 0 0 0px;
}

.phone_pagination a{
padding:1px 4px;
text-decoration: none;
color:#FFF ;
font-size:13px; font-weight:bold;
text-decoration:none;
width:30px;
}

.phone_pagination a:hover, .phone_pagination a.selected{
color: #fff;
background:url(../images_new/pagination_bg.png) no-repeat center;
width:30px;
text-decoration:none;
}

.phone_pagination .next{
  background-image:url(../images/next.png);
  background-position:center;
  background-repeat:no-repeat;
  
}
.home_pagination .next:hover{
 background-image:url(../images/next_o.png);
  background-position:center;
  background-repeat:no-repeat;
 
}

.phone_pagination .prev{
  background-image:url(../images/prev.png);
  background-position:center;
  background-repeat:no-repeat;

}

.phone_pagination .prev:hover{
 background-image:url(../images/prev_o.png);
  background-position:center;
  background-repeat:no-repeat;

}


.detail_sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 400px; /*width of featured content slider*/
height: 475px;
margin:40px 0px 0px 25px;

}

.detail_sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */


-moz-opacity: 1;
opacity: 1;

}




.home_sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 810px; /*width of featured content slider*/
height: 468px;
margin-left:0px 0px 10px 0px;

}

.home_sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
margin: 0px 0px 10px 0px;
width: 810px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.home_pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:left;
padding: 5px 10px;
margin:420px 0 0 0px;
}

.home_pagination a{
padding:7px;
text-decoration: none;
color:#FFF ;
font-size:13px; font-weight:bold;
width:30px;
text-decoration:none;
}

.home_pagination a:hover, .home_pagination a.selected{
color: #fff;
background:url(../images_new/pagination_bg.png) no-repeat center;
width:30px;
text-decoration:none;
}

.next{
  background-image:url(../images/next.png);
  background-position:center;
  background-repeat:no-repeat;
  
}
.home_pagination .next:hover{
 background-image:url(../images/next_o.png);
  background-position:center;
  background-repeat:no-repeat;
 
}

.prev{
  background-image:url(../images/prev.png);
  background-position:center;
  background-repeat:no-repeat;

}
.home_pagination .prev:hover{
 background-image:url(../images/prev_o.png);
  background-position:center;
  background-repeat:no-repeat;

}

/* Members clubhouse slider class */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 615px; /*width of featured content slider*/
height: 245px;
margin-left:0px;

}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
margin: 4px;
background:white;
width: 615px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
-moz-opacity: 1;
opacity: 1;

}

.pagination{
width: 178px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:left;
padding: 5px 5px;
margin:215px 0 0 10px;

}

.pagination a{
padding: 0 5px;
text-decoration: none;
color:#FFF ;
font-size:14px;
font-weight:bold;
width:30px;
text-decoration:none;


}

.pagination a:hover, .pagination a.selected{
color: #FF9900;
width:30px;
text-decoration:none;
background:url(../images/pagination_bg.png) center;
}

.next{
  background-image:url(../images/next.png);
  background-position:center;
  background-repeat:no-repeat;
  
}
.pagination .next:hover{
 background-image:url(../images/next_o.png);
  background-position:center;
  background-repeat:no-repeat;
 
}

.prev{
  background-image:url(../images/prev.png);
  background-position:center;
  background-repeat:no-repeat;

}
.pagination .prev:hover{
 background-image:url(../images/prev_o.png);
  background-position:center;
  background-repeat:no-repeat;

}





