#content .article_slider .outer-article-box {

    height: 100%;

    margin: 0;

    width: 100%;

    position: relative;

}

#content .article_slider .outer-article-box .article_box {

    height: 100%;

    margin: 0;

    width: 100%;

    padding: 0;

    background: #ededed;

}

#content .article_slider .outer-article-box .article-thumb-wrapper {

    background-color: #FFFFFF;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: contain;

    display: block;

    float: left;

    height: 88%;

    margin: 14px 0 0 14px;

    text-align: center;

    width: 45%;

}

#content .article_slider .outer-article-box .article-thumb-wrapper img {

    display: inline-block;

    max-height: 90%;

    max-width: 100%;

}

#content .article_slider .outer-article-box .article_box .price {



    display: block;

    font-size: 20px;

    position: absolute;

    bottom: 45px;

    right: 15px;  

}

#content .article_slider .outer-article-box .article_box .title-text {

    float: left;

    margin: 4% 0 0 2%;

    width: 44%;

}

#content .article_slider .outer-article-box .article_box .title-text a {

    clear: both;

    display: block;

    font-size: 16px;

    font-weight: 600;

    padding: 3px 0 10px;

}



#content .article_slider .outer-article-box .article_box .title {

    display: inline-block;

    font-size: 12px;

    margin: 5px 5% 0;

    text-align: center;

    width: 90%;

}





#content .article_slider .outer-article-box .article_box .buynow {

    background: none repeat scroll 0 0 #FFA500;

    bottom: 40px;

    color: #FFFFFF;

    display: block;

    height: auto;

    left: 0;

    padding: 4px 7px 4px 45px;

    position: absolute;

    width: 80px; 

}







/****************** HORIZONTAL **********************************************************/



#content .article_slider.horizontal .outer-article-box .article-thumb-wrapper {

   height: 55%;

    width: 95%;

}



#content .article_slider.horizontal .outer-article-box .article_box .title-text {

    float: left;

    margin: 14px 0 0 14px;

    width: 96%;

}



#content .article_slider.horizontal  .outer-article-box .article_box .price {

    display: none;

}







/****************** VERTIKAL **********************************************************/



#content .article_slider.vertical .outer-article-box .article-thumb-wrapper {

   height: 55%;

    width: 95%;

}



#content .article_slider.vertical .outer-article-box .article_box .title-text {

    float: left;

    margin: 14px 0 0 14px;

}



#content .article_slider.vertical  .outer-article-box .article_box .price {

    display: none;

}





















#content .article_slider .flexslider {

    height: 100%;  margin: 0;  border: none;

    -webkit-border-radius: 0;  -moz-border-radius: 0; -o-border-radius: 0;  border-radius: 0;

     -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;

}



#content .article_slider .flex-viewport { height: 100%;}

#content .article_slider .flexslider .slides { height: 100%;}

#content .article_slider .flexslider .slides li.row { height: 100%;}

#content .article_slider .flexslider .flex-control-nav {bottom: 0; background: none repeat scroll 0 0 #cacaca; padding: 10px 0; z-index: 2;}

#content .article_slider .flexslider .flex-direction-nav .flex-prev { left: -10px; }

#content .article_slider .flexslider .flex-direction-nav .flex-next { right: -10px; text-align: right; }

#content .article_slider .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

#content .article_slider .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }



#content .article_slider .flexslider.carousel li {

    margin-right: 0;

}



#content .article_slider .flex-pauseplay a {

    bottom: 6px;

    color: #000000;

    cursor: pointer;

    display: block;

    height: 17px;

    left: 10px;

    opacity: 0.8;

    overflow: hidden;

    position: absolute;

    width: 20px;

    z-index: 10;

}