﻿

.swiperOuterWrapper{
    position:relative;
}
div.swiperSettingsActionButton{
    position:absolute;
    top:0;
    right:0;
    padding:5px 10px;
    color:White;
    font-weight:bold;
    font-size:14px;
    background-color:#555;
    border-radius:3px;
    z-index:10000;
    cursor:pointer;
}
div.swiperSettingsPop{
    display:none;
    width:1000px;
    height:600px;
    overflow:auto;
    background-color:white;
    z-index:10001;
    border-radius:10px;
    border:5px solid #444;
    padding:10px;
}
.hideDialogClose .ui-dialog-titlebar{
    display:none;
}
.swiperSettingsClose{
    position:absolute;
    top:0;
    right:0;
    padding:10px;
    cursor:pointer;
}






span.swiper-pagination-bullet{
    background:#555;
    opacity:1;
}
span.swiper-pagination-bullet-active{
    background: #fedd14;
}










.swiper-container {
    width: 753px;
    height: 252px;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ccc;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiperItem{
    width: 753px;
    height: 252px; 
    background-repeat:no-repeat;
}

.productSwiper{
    position:relative;
    background-color:Black;
    background-size:252px 252px;
    background-position:left
}
span.swiperProductTitle{
    position:absolute;
    color:#bbb;
    text-align:left;
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    left:300px;
    top:20px;
}
span.swiperProductDescription{
    position:absolute;
    color:#888;
    text-align:justify;
    width:410px;
    height:130px;
    overflow:hidden;
    left:300px;
    top:60px;
}
span.swiperProductPrice{
    position:absolute;
    color:#bbb;
    font-weight:bold;
    text-align:right;
    left:300px;
    bottom:35px;
}