* {
    border: 0;
    margin: 0 auto;
    padding: 0;
    outline: none;
}

body {
    background: #f5f5f5 url(images/main_bg.gif) top center repeat-x;
    color: #494949;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
}

a {
    color: #494949;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

p.clr, .clr {
    clear: both;
    padding: 0;
    margin: 0;
    background: none;
}

p.bg, .bg {
    clear: both;
    padding: 0;
    margin: 10px 0;
    border-bottom: 1px solid #d0d0d0;
}

input, select, textarea {
    border: #cfcfcf 1px solid;
    color: #404040;
    font-size: 12px;
    padding: 3px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

li {
    list-style: none;
}

h2 {
    color: #222222;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 0 0 1em;
}

h3 {
    color: #333333;
    font-size: 1.2em;
    margin: 0 0 .8em;
}

h4 {
    font-size: 1em;
    margin: 0 0 1em;
}

p {
    line-height: 1.5em;
    padding: 0 0 1.3em;
}
/*=== Layout ===*/
#page {
    margin: 0 auto;
    width: 960px;
    padding: 0 20px;
    background: #fff;
}

#page-bottom {
    background: url(images/footer_bg.gif) top center repeat-x;
    margin: 0;
    padding: 0;
}
/*=== Header ===*/
#header {
    margin: 0 auto;
    padding: 0;
    border-top: 4px solid #6bd3f4;
}
/*- Logo -*/
.logo {
    width: 302px;
    float: left;
    margin: 0;
    padding: 0;
}

    .logo h1 {
        background: url(images/logo.gif) top no-repeat;
        float: left;
        text-indent: -9999px;
        width: 302px;
    }

        .logo h1 a {
            display: block;
            height: 97px;
        }

            .logo h1 a:hover {
                text-decoration: none;
            }
/* header_h2 */
.header_h2 {
    border-bottom: 1px solid #d0d0d0;
}

    .header_h2 h2 {
        font: normal 30px Georgia, "Times New Roman", Times, serif;
        color: #17222a;
        padding: 30px 0 30px 0;
        margin: 0;
    }
/*=== Navigation ===*/
/* RSS */
.rss {
    width: 220px;
    float: right;
    padding: 10px 0;
    margin: 30px 0 0 0;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #999;
}

    .rss img {
        margin: 0;
        padding: 0 3px;
        float: right;
    }
/* Search form */
#search span {
    width: 238px;
    display: block;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    height: 32px;
    margin: 5px 10px;
}

#search input#s {
    float: left;
    width: 200px;
    padding: 8px 0 8px 5px;
    margin: 0;
    border: 0;
    background: none;
    color: #646667;
    font: normal 14px Arial, Helvetica, sans-serif;
    line-height: 17px;
    height: 17px;
}

#search .btn {
    float: left;
    padding: 0;
    margin: 0;
    border: 0;
    width: auto;
}
/*- Top Nav -*/
.topnav {
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

    .topnav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .topnav li {
        float: left;
        padding: 0;
    }

        .topnav li a {
            font: normal 12px Arial, Helvetica, sans-serif;
            color: #505050;
            display: block;
            float: left;
            padding: 12px 15px;
            text-decoration: none;
            margin: -2px 0 0 0;
        }

            .topnav li a:hover {
                color: #505050;
                background: #f4f4f4;
                border-top: 2px solid #6bd3f4;
            }

        .topnav li.current_page_item a {
            color: #505050;
            background: #f4f4f4;
            border-top: 2px solid #6bd3f4;
        }
/*=== All Columns ===*/
#columns {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    display: table-cell;
    display: block;
}

    #columns img.centering {
        margin: 0 auto;
        padding: 0 40px;
    }
/*=== Center Column ===*/
#centercol {
    float: right;
    width: 623px;
}
/*=== Right Column ===*/
#rightcol {
    float: left;
    width: 275px;
    padding: 0;
}

.small_link {
    padding: 0;
    margin: 10px;
    background: #f5f5f5;
}

    .small_link a {
        color: #656464;
        text-decoration: none;
    }
/*=== Sub Columns ===*/
.subcols {
    background: url(images/subcols-bgr.gif) repeat-y left;
    height: 1%;
}

.col1, .col2 {
    float: left;
    width: 285px;
}

.col2 {
    float: right;
}
/*=== Post ===*/
.post-block {
}

.post-margin {
    margin-left: 236px;
}
/*- Post Title -*/
.post-title {
    padding: 0 0 5px 0;
    margin: 0;
}

    .post-title h2 {
        display: inline;
        margin: 0;
        padding: 5px 0;
        font: normal 18px Arial, Helvetica, sans-serif;
        color: #2a2a2a;
    }

        .post-title h2 a {
            display: inline;
            padding: 0;
            margin: 0;
            color: #2a2a2a;
            text-decoration: none;
        }
/*- Post Date -*/
.post-date {
    margin: 0;
    padding: 0;
    line-height: 22px;
    float: left;
}
/*- Post Excerpt -*/
.post-excerpt {
    padding: 10px 0 0 0;
    display: table;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #606060;
    margin: 0;
}

    .post-excerpt p {
        line-height: 1.8em;
    }

    .post-excerpt a {
        color: #00a2ca;
        text-decoration: underline;
    }
/*- Post Lists -*/
.post ul, .post ol {
    margin: 0 0 1.5em;
}

    .post ul li {
        background: url(images/ico-list.gif) no-repeat 0 6px;
        margin: 0 0 .4em;
        padding: 0 0 0 10px;
    }

    .post ol li {
        list-style: decimal;
        list-style-position: inside;
        margin: 0 0 .4em;
    }
/*- Post Blockquote -*/
.post blockquote {
    border-left: 3px solid #cfcfcf;
    font-size: 13px;
    font-style: italic;
    margin: 0 0 1.5em;
    padding: 5px 0 0 10px;
}
/*- Post Author -*/
.post-author {
    margin: 0 0 1em;
}

.author-details {
    font-size: 11px;
}

.author-descr {
    display: table;
    height: 1%;
}
/*- Social Links -*/
.social-links {
    font: normal 11px Arial, Helvetica, sans-serif;
    padding: 0;
    color: #b1b1b1;
}

    .social-links a {
        color: #00a2ca;
        font-weight: normal;
        text-decoration: none;
    }

        .social-links a:hover {
            text-decoration: underline;
        }
/* post-commets */
.post-commets {
    margin: 0 0 0 5px;
    padding: 0;
    float: left;
    line-height: 22px;
}
/*- Related Posts -*/
.post-rel {
    line-height: 1.5em;
}

    .post-rel a {
        color: #33707E;
    }

    .post-rel img {
        max-width: 50px;
    }

    .post-rel h2 {
        padding-top: 10px;
    }
/*- Post Comments -*/
.post-comments h2 {
    padding-top: 10px;
}

.post-comments .fl {
    width: 80px;
}

.post-comments .fr {
    width: 500px;
}
/*- Widget Title - */
.wtitle {
    padding: 0 0 10px 0;
    margin: 0;
}

    .wtitle h2 {
        margin: 0;
        padding: 0;
        font: normal 18px Arial, Helvetica, sans-serif;
        color: #2a2a2a;
    }

        .wtitle h2 span {
            font: normal 11px Arial, Helvetica, sans-serif;
            color: #b1b1b1;
        }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
    margin: 0 0 15px 0;
    padding: 10px 0;
}

    .box .content {
        height: 1%;
        padding: 0;
    }

.content .left_sise {
    width: 250px;
    float: left;
}

.content .right_sise {
    width: 375px;
    float: right;
}

.box .ac {
    padding: 5px 0;
    text-align: center;
}

#centercol .box {
}

#rightcol .box {
}
/*- Box2 -*/
.box2 {
    margin: 0 0 20px;
}

    .box2.alt {
        background: #FFFFFF;
    }

    .box2.alt {
        background: #FFFFFF;
    }

.comm-name, .comm-date {
    line-height: 20px;
}
/*=== Styling Lists ===*/
/*- List -*/
.list {
    height: 31px;
    color: #7b7a7a;
    font: normal 11px Arial, Helvetica, sans-serif;
    clear: both;
    padding: 0;
}

    .list li {
        float: left;
        margin: 0;
        padding: 0 5px 0 0;
    }

        .list li a {
            display: block;
            float: left;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            color: #7b7a7a;
        }

            .list li a:hover {
                color: #00a2ca;
            }

            .list li a.active {
                color: #00a2ca;
                font-weight: bold;
                border-top: 1px solid #e0e0e0;
                border-left: 1px solid #e0e0e0;
                border-right: 1px solid #e0e0e0;
            }

div.tabs_list {
    padding: 0;
    margin: 3px 0;
    border: 1px solid #e0e0e0;
}

    div.tabs_list ul {
        list-style: none;
        text-align: left;
        padding: 5px 3px;
    }

        div.tabs_list ul li {
            font: normal 13px Arial, Helvetica, sans-serif;
            padding: 0;
            margin: 5px 0;
        }

            div.tabs_list ul li a {
                border-bottom: 1px solid #e0e0e0;
                display: block;
                padding: 5px 0 5px 15px;
                margin: 0;
                color: #7b7a7a;
            }

                div.tabs_list ul li a:hover {
                    text-decoration: none;
                    color: #00a2ca;
                }

            div.tabs_list ul li ul.children {
                padding: 0 0 0 0;
            }

                div.tabs_list ul li ul.children li {
                    border: 0;
                    margin: 0;
                }

                div.tabs_list ul li ul.children a {
                    background: none;
                }

                    div.tabs_list ul li ul.children a:hover {
                        background: #e0e0e0;
                        color: #000;
                    }

                div.tabs_list ul li ul.children li a {
                    padding: 5px 0 5px 25px;
                    display: block;
                }

                div.tabs_list ul li ul.children li li a {
                    padding: 5px 0 5px 30px;
                    display: block;
                }
/*- List1 -*/
.list1 li {
    background: url(images/ico-list1.gif) no-repeat 0 1.1em;
    border-bottom: 1px solid #e7e7e7;
    height: 1%;
    padding: .7em 0 .7em 13px;
}

    .list1 li.last {
        border: 0;
    }

#rightcol .list1 li a:hover {
    color: #33707e;
}
/*=== Styling Forms ===*/
input.btn {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
}

select {
    padding: 1px;
}
/*- Message -*/
.message div {
    margin: 0 0 18px;
}

.message input {
    padding: 9px 15px;
    width: 470px;
}

.message textarea {
    height: 114px;
    overflow: auto;
    padding: 9px 15px;
    width: 470px;
    font-family: Verdana;
}

.message .submit {
    float: left;
}

.message .btn {
    padding: 0;
    width: 128px;
    height: 32px;
    background: url(images/button.gif);
}

.message .notice {
    color: #a4a4a4;
    float: right;
    font-style: italic;
    padding: 10px 0 0;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img {
    display: block;
    margin: 0;
    padding: 4px;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #f4f4f4;
}

.pic.fl img {
}

.pic.fr img {
}

.th {
    display: block;
    margin: 0 0 .5em;
}

    .th.fl img {
        margin-right: 10px;
    }

.ads img, .widget_flickrRSS img {
    margin: 4px;
}

.widget_flickrRSS img {
    border: 1px solid #cfcfcf;
}

.box .ac img {
    border: 0;
    margin: 0;
}
/*=== Footer ===*/
#footer {
    width: 1000px;
    color: #bcbcbc;
    text-decoration: none;
    font: normal 13px Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 20px 0;
    background: #000;
    border-top: 4px solid #6bd3f4;
}

    #footer a {
        color: #bcbcbc;
        font-weight: bold;
    }

    #footer span {
        color: #bcbcbc;
    }

    #footer .text2 {
        padding: 0px 20px;
        float: right;
    }

    #footer .text {
        padding: 0px 20px;
        float: left;
    }

/*=== Misc. ===*/
.fix {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
}

.hl, .hl2 {
    background: url(images/hl-dot.gif) repeat-x top;
    clear: both;
    height: 2px;
    overflow: hidden;
    width: 100%;
}

.hl2 {
    background: none;
    border-top: 1px solid #e7e7e7;
    height: 1px;
    margin: 0 0 .8em;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.noBorder {
    border: 0;
}

.font-sm {
    font-weight: normal;
}

.white {
    color: #FFF;
}
/* html_body */
.html_body {
    padding: 10px 0;
    margin: 0;
}

    .html_body h2 {
        font: normal 18px Arial, Helvetica, sans-serif;
        color: #2a2a2a;
        padding: 5px 0;
        margin: 0;
    }

        .html_body h2 span {
            font: normal 11px Arial, Helvetica, sans-serif;
            color: #b1b1b1;
        }

    .html_body p {
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #565656;
        padding: 5px 0;
        margin: 0;
        line-height: 1.8em;
    }

        .html_body p span {
            font: bold 14px Arial, Helvetica, sans-serif;
            color: #565656;
        }

    .html_body a {
        color: #00a2ca;
        text-decoration: none;
    }

    .html_body img {
        float: right;
        margin: 10px 5px 10px 0;
        padding: 0;
    }

        .html_body img.flicr {
            float: left;
            margin: 10px 5px;
            padding: 5px;
            border: 1px solid #dedede;
        }

    .html_body .left {
        width: 260px;
        margin: 0;
        padding: 10px 20px;
        float: left;
        border-right: 1px solid #dedede;
    }

    .html_body .right {
        width: 630px;
        margin: 0;
        padding: 10px 10px;
        float: right;
    }

    .html_body .blog_bottom {
        width: 200px;
        float: left;
        padding: 0 10px 0 0;
    }
/* Slider */
#slider {
    width: 960px;
    padding: 12px 0 0 0;
    margin: 0 auto;
}

div#slideshow {
    float: left;
    width: 100%;
    height: 301px;
}

.slider-item {
    width: 100% !important;
    height: 301px;
}

.slider_content_inner img {
    border: none;
}

.controls-center {
    width: 960px;
    margin: 0 auto;
}

#slider_controls {
    float: right;
    padding: 10px 0;
    position: relative;
    margin: 0;
    z-index: 1000;
    width: 960px;
    background: #000;
    height: 23px;
}

    #slider_controls ul {
        margin: 0 auto;
        padding: 2px 0 2px 0;
        width: 120px;
    }

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

        #slider_controls ul li {
            float: left;
            display: block;
        }

            #slider_controls ul li a {
                width: 10px;
                height: 10px;
                background: url('images/tabs_2.gif') no-repeat center center;
                display: block;
                float: left;
                padding: 2px;
                margin: 2px !important;
                margin: 1px 1px;
                outline: none;
            }

                #slider_controls ul li a:focus {
                    outline: none;
                }

                #slider_controls ul li a:hover, #slider_controls ul li a.activeSlide {
                    background: url('images/tabs_1.gif') no-repeat center center;
                }

#menu {
    margin: 0 auto;
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

    #menu li.menuLi {
        float: left;
        position: relative;
    }

        #menu li.menuLi a {
            font: normal 12px Arial, Helvetica, sans-serif;
            color: #505050;
            display: block;
            float: left;
            padding: 12px 15px;
            text-decoration: none;
            margin: -2px 0 0 0;
        }

            #menu li.menuLi a:hover, #menu li.menuLi.aktif a {
                color: #505050;
                background: #f4f4f4;
                border-top: 2px solid #6bd3f4;
            }




.altMenu {
    position: absolute;
    left: 0;
    top: 40px;
    display: none;
    z-index: 999;
}

#menu li.menuLi ul.altMenu li a {
    display: block;
    padding-left: 15px;
    height: 18px;
    width: 200px;
    color: #000;
    border: 0px;
}

    #menu li.menuLi ul.altMenu li a:hover {
        display: block;
        color: #000;
        background: #00a2ca;
        font-weight: bold;
    }

.urun {
    width: 220px;
    height: 550px;
    border: 1px solid #f2f2f2;
    float: left;
    margin-right: 16px;
    margin-bottom: 15px;
}

    .urun:hover {
        border: 1px solid #bc2121;
        box-shadow: 0px 0px 5px #bc2121;
        background-color: #ffe5e5;
        outline: none;
    }

    .urun:focus {
    }

.urun_adi {
    font-family: Arial;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    width: 150px;
    margin-top: 5px;
}

    .urun_adi a {
        color: #505050;
    }

.urun_resim img {
    border: 1px solid #f2f2f2;
    display: block;
}


.urun_fiyat {
    background: #00a2ca;
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding: 7px;
    margin-top: 10px;
}

.detay a {
    background: #00a2ca;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 7px;
    float: left;
    margin-top: 30px;
    width: 207px;
    text-align: center;
}

.urun_ozellik {
    display: block;
}

    .urun_ozellik li {
        font-weight: normal;
        font-size: 12px;
        color: #000;
        margin-top: 5px;
        margin-left: 10px;
        font-family: 'Trebuchet MS',Arial;
        padding-left: 17px;
        background: url(images/nexttt.png) no-repeat left center;
    }

    .urun_ozellik img {
        border: none;
    }

.detay2 {
    background: #00a2ca;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 7px;
    margin-top: 30px;
    width: 207px;
    text-align: center;
}

.katalog a {
    background: #00a2ca;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    width: 500px;
}

    .katalog a:hover {
        background: #044555;
    }

.guvenlik a {
    background: url(images/ok.png) #ebebeb no-repeat left center;
    padding: 10px;
    display: block;
    margin-bottom: 2px;
    padding-left: 15px;
    width: 200px;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .guvenlik a:hover {
        background: #005791;
        color: #fff;
    }

.secili {
    background: #005791;
    color: #fff;
}