----------------------------------------------------------*/
html {overflow-x: hidden;  }

/* SLIDER
----------------------------------------------------------*/
.promo-slider { width: 1920px; height: 409px; overflow: hidden; position: absolute; top: 101px; left: 50%; margin-left: -960px; }
.promo-slider .slides_container { width: 1920px;  height: 409px; overflow: hidden; position: relative; display: none; z-index: 9; }
.promo-slider .slide { width: 1920px; height: 409px; display: block; overflow: hidden; position: relative; }
.promo-slider .sliderImg { position: absolute; left: 0; top: 0; z-index: 9; }
.promo-slider .next,
.promo-slider .prev { position: absolute; top: 361px; display: block!important; float: left; height: 52px; width: 33px; text-indent: -9999px; background: url("../images/promo_arrows.png") no-repeat scroll 0 0 transparent; z-index: 101; }
.promo-slider .prev { left: 1430px; background-position: left 0;  background: url("../images/oksol.png") no-repeat scroll 0 0 transparent; }
.promo-slider .next { right: 426px; background-position: right 0;  background: url("../images/oksag.png") no-repeat scroll 0 0 transparent; }

#promo .promo-title { background: transparent url(../images/page-title-ico.png) no-repeat 0 0; font-size: 16px; font-weight: bold; color: #cecece; display: block; height: 41px; line-height: 45px; padding-left: 50px; margin-bottom: 25px; }
#promo-slider-wrapper #slides { width: 1920px; height: 600px; overflow: hidden; position: relative; left: 0; top: 0; z-index: 10; }
/*#promo-slider ul { margin: 0; padding: 0; position: relative; overflow: hidden; }
#promo-slider ul li { margin: 0; padding: 0; width: 1141px; height: 600px; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; float: left; */

#promo .pagination { float: left; height: 35px; overflow: hidden; display:none; position: relative; background: url("../images/controls_bg.png") repeat scroll 0 0 transparent; z-index: 9999; top: -160px; left: 95px; padding: 0 7px 0 5px; border-radius: 5px; }
#promo .pagination li { display: block; float: left; height: 20px; margin: 5px 0 0; text-indent: -9999px; }
#promo .pagination a { display: block; height: 20px; line-height: 23px; margin: 0; outline: 0 none; overflow: hidden; width: 20px; background: url("../images/buttons.png") no-repeat scroll 0 0 transparent; }
#promo .pagination a:hover,
#promo .pagination li.current a { background-position: -43px -26px; }

#promo .promo-title.promo-news-ico { background: transparent url(../images/promo-news-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-mutlubiran-ico { background: transparent url(../images/promo-mutlubiran-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-kurumsal-ico { background: transparent url(../images/promo-kurumsal-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-markalar-ico { background: transparent url(../images/promo-markalar-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-sagliklinesiller-ico { background: transparent url(../images/promo-saglikli_nesiller-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-toplumicin-ico { background: transparent url(../images/promo-toplumicin-ico.png) no-repeat 0 0 !important; }
#promo .promo-title.promo-ulkerletanisin-ico { background: transparent url(../images/promo-ulkerletanisin-ico.png) no-repeat 0 0 !important; }

.promo-slider .slideContent { width: 400px; height: 240px; top: 140px; left: 102px; position: absolute; z-index: 99999; }
#promo .content { position: relative; left: 15px; }
#promo .content .context { width: 365px; height: 240px; position: absolute; left: 0; top: 165px; }
#promo.brands-promo .context { top: 185px; }
.promo-browse { background: transparent url(../images/browse-bg.png) no-repeat 0 0; width: 174px; height: 28px; display: block; clear: both; font-size: 14px; color: #fff; padding: 10px 0 10px 15px; margin-top: 15px; float: left; }
.promo-browse .ico { background: transparent url(../images/ico-prev_next.png) no-repeat -287px 0; width: 20px; height: 20px; display: block; float: left; margin-right: 10px; }
.promo-browse:hover .ico { background-position: -287px -21px; }
.promo-browse strong { text-decoration: underline; }
.ulkertv-video-detail #promo .context,
.ulkertv-all-video #promo .context,
#toplumicin #promo .context { top: 145px; }
.promo-slider .content .context { width: 400px; height: 210px; position: absolute; left: 0; top: 105px; }
.promo-slider .content .context .slider-item { float: left; width: 400px; height: 210px; }
#promo .category { display: block; color: #FFFFFF; font-size: 16px; line-height: 20px; float: left; margin-bottom: 5px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; }
#promo .subtitle { color: #FFFFFF; margin: 5px 0; float: left; clear: both; text-shadow: 0 0 1px rgba(255,0,0,0); font-size: 28px; line-height: 28px; }
#promo h1 { clear: both; color: #FFFFFF; font-family: helvetica,arial,sans-serif; font-size: 28px; font-weight: bold; line-height: 30px; margin-bottom: 8px; text-align: left; }
#promo p { font: 14px/18px Arial, Helvetica, Sans-Serif; color: #FFFFFF; float: left; clear: both; margin-bottom: 26px; }
#promo .btn-wrap { width: 100px; float: left; margin-right: 10px; }
#promo .btn-wrap .btn {  font-size: 11px; color: #555960; font-weight: bold; font-weight: bold; text-align: center; display: block; line-height: 28px; }
#promo .btn-wrap:hover .btn { color: #fff; }
#promo .promo-videos { background: transparent url(../images/promo-video-bg.png) no-repeat 0 0; width: 481px; height: 215px; position: absolute; right: 15px; top: 235px; }
#promo .promo-videos h3 { color: #FFF; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; }
#promo .promo-videos .section { width: 450px; height: 190px; margin: 15px auto; }
#promo .promo-videos .section ul { padding-top: 15px; }

.slider-btn { color: #FFFFFF !important; cursor: pointer; display: block; height: 31px; font-size: 11px; line-height: 28px; font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-weight: bold; background: url(../images/slider-btn-a.png) no-repeat right 0; float: left; padding-right: 3px; text-decoration:none; }
        .slider-btn span { cursor: pointer; color: #FFF; background: url(../images/slider-btn-span.png) no-repeat left 0; display: block; line-height: 31px; padding: 0 8px 0 10px; height: 31px; color: #FFF; }
        .slider-btn span b { color: #FFFFFF !important; }
    .slider-btn:hover { background: transparent url(../images/slider-btn-a.png) no-repeat right -34px; }
        .slider-btn:hover span { background: transparent url(../images/slider-btn-span.png) no-repeat left -34px; }
    .slider-btn:active { background: transparent url(../images/slider-btn-a.png) no-repeat right -68px; }
        .slider-btn:active span { background: transparent url(../images/slider-btn-span.png) no-repeat 0 -68px; color: #555960 !important; }