﻿/* =========Product Gallery ======== */

.galllery-tbl-tl{ background:url("../images1/contentslider/gallery_tl.html") repeat-x;  } /* Top line */
.galllery-tbl-ll{ background:url("../images1/contentslider/gallery_ll.html") repeat-y;  } /* left line */
.galllery-tbl-bl{ background:url("../images1/contentslider/gallery_bl.html") repeat-x;  } /* Bottom line */
.galllery-tbl-rl{ background:url("../images1/contentslider/gallery_rl.html") repeat-y;  } /* Right line */
.galllery-tbl-bg{ background:url("../images1/contentslider/gallery_bg.html");}
a.btn_gallery{ float:right; width:50x; text-decoration:none; color:#888; font-weight:bold; background:url("../images1/bullet_arrow.html") no-repeat left center; padding:0 0 1px 10px; margin:10px 0 0 0;}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 398px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%; line-height:12px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:left;
}

.contentdivpage{
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 130px;
line-height:12px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:left;
}

.pagination{
width: 100px;  float:left;/*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: left;  
margin: 10px 0px 20px 20px;
position: absolute; left: 350px; top: 450px;
z-index: 0;
}

.pagination a{
margin:0px 2px 0px 0px; font-size:10px;
padding: 0px 2px 1px 2px; border:#ff7700 solid 1px;
text-decoration: none; 
color: #ff7700; background:#ffffff;
}

.pagination a:hover, .pagination a.selected{
color: #fff; 
background-color: #ff7700;
}


#slider1, #slider3{
z-index: -2;
}

#slider1 .contentdiv, #slider3 .contentdiv{
}

#paginate-slider1, #paginate-slider3{
}

