ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
}

.slider {
    position: relative;
}

    .slider,
    .slider ul li,
    .slider ul li a img {
        width: 1050px;
        height: 393px;
        margin-top: -20px;
    }

        .slider a.prev,
        .slider a.next {
            /*background: rgba(0,0,0,.7);*/
            padding: 6px;
            position: absolute;
            top: 163px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .slider a.next {
            right: -11px;
            background: url(../Content/images/ok_sag.png) no-repeat;
            width: 32px;
            height: 34px;
            margin-top: 40px;
        }

        .slider a.prev {
            left: -1px;
            background: url(../Content/images/ok_sol.png) no-repeat;
            width: 32px;
            height: 34px;
            margin-top: 37px;
        }

        .slider a.prev2,
        .slider a.next2 {
            background: rgba(0,0,0,.7);
            padding: 6px;
            position: absolute;
            top: 20px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .slider a.next2 {
            right: -5px;
            background: url(../Content/images/ok_sag.png) no-repeat;
            width: 24px;
            height: 25px;
            position: absolute;
            z-index: 999;
            top: 70px;
        }

        .slider a.prev2 {
            left: -5px;
            background: url(../Content/images/ok_sol.png) no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            z-index: 999;
            top: 70px;
        }

        .slider a.next:hover,
        .slider a.prev:hover {
            /*background-color: dodgerblue;*/
            color: #fff;
        }
       /* sayfalama */
        .slider .pagination {
            position: relative;
            bottom: 58px;
            left: 0px;
            float: right;
            background: url(../Content/images/navigate.png) no-repeat;
            width: 249px;
            height: 59px;
            padding-right: 20px;
        }

            .slider .pagination a {
                float: right;
                padding: 0px 4px;
                color: #00457c;
                text-decoration: none;
                font-size: 14px;
                background: #00457c;
                margin-right: 5px;
                margin-top: 36px;
            }

                .slider .pagination a.active {
                    background-color: #3DA1CD;
                    color: #3DA1CD;
                }

/* carousel */
.visible {
    width: 565px;
    height: auto;
}

.visible-inner ul li,
.visible-inner ul,
.visible-inner ul li a img {
    width: 185px;
    height: 100px;
    margin-right: 5px;
}

.visible a.next,
.visible a.prev {
    height: 40px;
    line-height: 40px;
}

/* carousel vertical */
.visible.vertical {
    width: 185px;
    height: 315px;
}

    .visible.vertical .visible-inner ul li {
        margin-bottom: 5px;
    }

    .visible.vertical a.next,
    .visible.vertical a.prev {
        height: 20px;
        line-height: 20px;
    }

/* vertical */
.vertical a.next {
    left: 50%;
    width: 70px;
    margin-left: -35px;
    text-align: center;
}

.vertical a.prev {
    left: 50%;
    width: 70px;
    top: auto;
    bottom: 20px;
    margin-left: -35px;
    text-align: center;
}

/* list */
.list {
    width: 600px;
    height: 60px;
    overflow: hidden;
    border-top: 3px solid #111;
}

    .list ul li {
        float: left;
        width: 120px;
        height: 60px;
        opacity: .5;
    }

        .list ul li a img {
            width: 120px;
            height: 60px;
        }

        .list ul li.active {
            opacity: 1;
        }