﻿body
{
    background: #e1e1e1 url('images/bg.png') repeat-x;
    margin-top: 0px;
}
@font-face {
	font-family: 'MyriadProRegular';
	src: url('myriadpro-regular-webfont.eot');
	src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfonttbOi0tsU') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
    font-family: 'standard07_58Regular';
    src: url('standard0758-webfont.eot');
    src: local('☺'), url('standard0758-webfont.woff') format('woff'), url('standard0758-webfont.ttf') format('truetype'), url('standard0758-webfont.svg#webfontpR7VC2sP') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'standard07_57Regular';
    src: url('standard0757-webfont.eot');
    src: local('☺'), url('standard0757-webfont.woff') format('woff'), url('standard0757-webfont.ttf') format('truetype'), url('standard0757-webfont.svg#webfontFBvfm5af') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular-webfont.eot');
    src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontH6lDoy8x') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'MyriadProCondensed';
    src: url('myriadpro-cond-webfont.eot');
    src: local('☺'), url('myriadpro-cond-webfont.woff') format('woff'), url('myriadpro-cond-webfont.ttf') format('truetype'), url('myriadpro-cond-webfont.svg#webfont7U5hnj3H') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'kroeger05_57Regular';
    src: url('kroeger0557-webfont.eot');
    src: local('☺'), url('kroeger0557-webfont.woff') format('woff'), url('kroeger0557-webfont.ttf') format('truetype'), url('kroeger0557-webfont.svg#webfont2ajYChbV') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'kroeger05_56Regular';
    src: url('kroeger0556-webfont.eot');
    src: local('☺'), url('kroeger0556-webfont.woff') format('woff'), url('kroeger0556-webfont.ttf') format('truetype'), url('kroeger0556-webfont.svg#webfontuIwSh3C0') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'kroeger05_55Regular';
    src: url('kroeger0555-webfont.eot');
    src: local('☺'), url('kroeger0555-webfont.woff') format('woff'), url('kroeger0555-webfont.ttf') format('truetype'), url('kroeger0555-webfont.svg#webfontBQYWeQHA') format('svg');
    font-weight: normal;
    font-style: normal;
}


.container
{
    width: 981px;
    margin: 0px auto;
}
.header
{
    background-color: #1a1a1a;
    width: 981px;
    height: 157px;
    margin: 0px auto;
    float: left;
}
.headerust
{
    width: 970px;
    margin: 0px auto;
    float: left;
}
.logo
{
    width: 204px;
    height: 113px;
    background: url('images/logo.png') top left;
    margin-left: -15px;
    float: left;
}
.content
{
    width: 981px;
    background-color: White;
    float: left;
    margin: 0px auto;
}
.footer
{
    width: 981px;
    float: left;
    margin: 0px auto;
    background-color: White;
}
.footeralt
{
    width: 970px;
    margin: 25px 6px 5px 6px;
    float: left;
    height: 1
0px;
    background-color: #1a1a1a;
}
.icerik
{
    width: 970px;
    margin: 0px auto;
    margin-top: -40px;
}
.topmenu
{
    float: left;
    width: 750px;
}
.topmenu ul
{
    text-decoration: none;
    list-style: none;
    float: left;
    margin: 0px;
    padding: 30px 0px 0px 48px;
}
.topmenu ul li
{
    display: inline;
    text-decoration: none;
    list-style: none;
    height: 68px;
    color: #868686;
    font-size: 16px;
    margin-left: 3px;
    float: left;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'MyriadProRegular' , sans-serif;
}
.topmenu ul li a
{
    color: #868686;
    text-decoration: none;
    margin-left: 32px;
    height: 56px;
    float: left;
}
.topmenu ul li a:hover
{
    background: url('images/menulinkbg.png') no-repeat center;
    color: #fff;
    text-decoration: none;
    height: 56px;
    float: left;
}
.dil
{
    float: right;
    background: url('images/eng.png') no-repeat right;
    padding: 0px 30px 0px 0px;
    margin-top: 21px;
    margin-right: 34px;
}
.dil a
{
    float: left;
    font-family: 'standard07_57Regular', Sans-Serif;
    font-weight: normal;
    font-style: normal;
    color: #868686;
    font-size: 8px;
    text-decoration: none;
}
.diltr
{
    float: right;
    background: url('images/tr.jpg') no-repeat right;
    padding: 0px 30px 0px 0px;
    margin-top: 21px;
    margin-right: 34px;
}
.diltr a
{
    float: left;
    font-family: 'standard07_57Regular', Sans-Serif;
    font-weight: normal;
    font-style: normal;
    color: #868686;
    font-size: 8px;
    text-decoration: none;
}
.manset
{
    float: left;
    width: 100%;
}
.slider
{
    float: left;
    width: 100%;
    background: url('images/sliderbg.png') no-repeat center;
    height: 147px;
    margin-top: 5px;
}
.urunler
{
    float: left;
    width: 970px;
}
.urunleritem
{
    width: 170px;
    float: left;
    margin-left: 19px;
    margin-right: 5px;
}
.urunlerresimbg
{
    float: left;
    background: url('images/urunleritembg.png') no-repeat center;
    width: 160px;
    height: 170px;
}
.urunlerresim
{
    float: left;
    padding: 10px;
    max-width: 128px;
    max-height: 141px;
}
.urunlerresim img
{
    float: left;
    max-width: 128px;
    max-height: 141px;
}
.urunleritem h2
{
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'MyriadProRegular' , serif;
    padding: 0px;
    margin: 5px;
    font-size:18px;
    height:60px;
}
.urunleryazi
{
    float: left;
    font-size: 11px;
    font-family: Arial;
    padding: 5px;
    padding-top: 0px;
    height:50px;
}
.urunlerlink
{
    font-family: 'standard07_58Regular';
    font-weight: normal;
    font-style: normal;
}
.urunlerlink a
{
    text-decoration: none;
    float: left;
    font-size: 8px;
    padding: 5px;
    padding-top: 20px;
    color: #99010b;
}
.clear
{
    clear: both;
}
.footerlogo
{
    float: left;
    background: url('images/footerlogo.png') no-repeat left;
    width: 129px;
    height: 69px;
}
.footermenu
{
    float: left;
    margin-left: 25px;
}
.footermenu ul
{
    float: left;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    list-style: none;
    margin-top: 20px;
}
.footermenu ul li
{
    text-decoration: none;
    list-style: none;
    float: left;
    display: inline;
    margin-left: 12px;
    margin-right: 12px;
    font-family: Tahoma;
    font-size: 11px;
}
.footermenu ul li a
{
    text-decoration: none;
    float: left;
    color: #737373;
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 10px;
}
.footermenu ul li a:hover
{
    text-decoration: none;
    float: left;
    color: White;
}
.sagcizgi
{
    float: left;
    background: url('images/sagcizgi.png') no-repeat center;
    width: 1px;
    height: 39px;
}
.reklam5
{
    float: right;
    width: 55px;
    height: 35px;
    background: url('images/reklam5.png') no-repeat right;
    margin: 25px 15px 0px 0px;
}
.cevko
{
    float: left;
    width: 129px;
    height: 36px;
    background: url('images/cevko.png') no-repeat center;
    margin-left: 40px;
    margin-top: 10px;
}
.copyright
{
    float: left;
    font-size: 8px;
    font-family: 'standard07_57Regular';
    font-weight: normal;
    font-style: normal;
    color: #a1a1a1;
    margin-left: 15px;
    margin-top: 25px;
}
.ustbaslik
{
    float: left;
    background: url('images/ustbaslikbg.png') no-repeat center;
    width: 970px;
    height: 118px;
    font-family: 'MyriadProRegular';
	font-weight: normal;
	font-style: normal;
    font-size: 30px;
    color: #1a1a1a;
}
.ustbaslik h2
{
    margin: 0px;
    padding: 35px 0px 0px 20px;
}
.kategoriler
{
    float: left;
    width: 215px;
}
.kategoriler h2
{
    float: left;
    font-family: 'MyriadProCondensed';
    font-weight: normal;
    font-style: normal;
    font-size: 33px;
    color: #1a1a1a;
    margin: 0px;
    margin-left: 10px;
    margin-top: 10px;
    width: 215px;
}
.icerikdetay
{
    width: 729px;
    margin-left: 12px;
    float: left;
}
.kategorimenu
{
    float: left;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e3e3e3;
}
.kategorimenu ul
{
    float: left;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    margin-top: 10px;
}
.kategorimenu ul li
{
    float: left;
    text-decoration: none;
    list-style: none;
    display: block;
    width: 215px;
    padding-left: 10px;
    color: #828282;
}
.kategorimenu ul li a
{
    color: #828282;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'MyriadProRegular' , sans-serif;
    font-size: 18px;
}
.kategorimenu ul li a:hover
{
    color: #000;
    text-decoration: none;
}
.yazdir
{
    float: right;
    background: url('images/yazdir.png') no-repeat left;
    width: 50px;
    margin-right: 25px;
    margin-top:25px;
    margin-bottom:10px;
}
.yazdir a
{
    float: right;
    font-family: 'standard07_57Regular';
    font-weight: normal;
    font-style: normal;
    font-size: 8px;
    color: #485048;
    text-decoration: none;
}
.icerikurunler
{
    float: left;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e3e3e3;
    width: 729px;
    
    margin-left: 12px;
    font-family:Arial;
    font-size:12px;
}
.icerikurunler input
{
    width: 400px;
    height:18px;
    border: 1px solid #E6E6E6;
    font-family:Arial;
    font-size:11px;
}

.icerikurunleritem
{
    width: 170px;
    float: left;
    margin-left: 12px;
    margin-top: 25px;
    
}
.icerikurunlerresimbg
{
    float: left;
    background: url('images/urunleritembg.png') no-repeat center;
    width: 160px;
    height: 170px;    
}
.icerikurunlerresim
{
    float: left;
    padding: 10px;
    width: 128px;
    max-height: 141px;
    max-width:128px;
    text-align:center;
}
.icerikurunlerresim img
{
    max-width: 128px;
    max-height: 141px;
    border: none;
    
}
.icerikurunleryazi
{
    float: left;
    font-size: 12px;
    font-family: Arial;
    padding: 5px;
    padding-top: 0px;
}
.icerikurunler p
{
    font-family: Arial;
    font-size: 12px;
}
.icerikurunler h3
{
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'MyriadProRegular' , sans-serif;
    font-size: 22px;
    margin-top: 10px;
}

.iletisim
{
    float: left;
    width: 350px;
    font-family: Arial;
    font-size: 11px;
}
.iletisim h3
{
    float: left;
    color: #828282;
    width:100%;
}
.googlemap
{
    width: 350px;
    float:left;
    font-family: Arial;
    font-size: 11px;
    margin-top:50px;
}
.googlemap h3
{
    float: left;
    color: #828282;
}

/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

#jCarouselLite .carousel
{
    padding: 10px 0 0 0;
    margin: 0 0 20px 0px;
    position: relative;
    width: 970px;
}
#jCarouselLite .digg
{
    position: absolute;
    top: 110px;
}
#jCarouselLite .main
{
    width: 950px;
    margin-left: 10px;
    margin-right: 10px;
}

#jCarouselLite .demo em
{
    color: #FF3300;
    font-weight: bold;
    font-size: 60%;
    font-style: normal;
}
#jCarouselLite .carousel
{
    /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
    float: left;
}
#jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next
{
    display: block;
    float: left;
    width: 40px;
    height: 24px;
    margin-right: 25px;
    margin-left: 10px;
    margin-top: 45px;
    text-decoration: none;
    background: url('images/left.png') no-repeat;
}
#jCarouselLite .carousel a.next
{
    background: url('images/right.png') no-repeat;
}
#jCarouselLite .carousel a.next:hover
{
    background: url('images/rightover.png') no-repeat;
}
#jCarouselLite .carousel a.prev:hover
{
    background: url('images/leftover.png') no-repeat;
}
#jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active
{
    border: none;
    
}
#jCarouselLite .carousel .jCarouselLite
{
    border: 1px solid black;
    float: left;
    background-color: #dfdfdf; /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
}
#jCarouselLite .carousel ul
{
    margin: 0;
}
#jCarouselLite .carousel li img, #jCarouselLite .carousel li p
{
    margin: 10px;
    min-height:117px;
    max-height:117px;
    min-width:80px;
}

#jCarouselLite .widget img
{
    cursor: pointer;
    
}
#jCarouselLite
{
    width: 970px;
}
#jCarouselLite .vertical
{
}
#jCarouselLite .vertical .jCarouselLite
{
    /* so that in IE 6, the carousel div doesnt expand to fill the space */
    width: 970px;
}
#jCarouselLite .imageSlider li img, #jCarouselLite .imageSlider li p, #jCarouselLite .imageSliderExt li img, #jCarouselLite .imageSliderExt li p
{
    width: 970px;
}
.sol
{
    float: left;
}

/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/
.satisnoktalari
{
    float: left;
    margin-top: 25px;
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e3e3e3;
    font-family:Arial;
    font-size:11px;
}
.satisnoktalariselect
{
    border: solid 2px #d0d0d0;
    width: 231px;
    height: 35px;
    padding: 5px;
    float: left;
}
.satisnoktalari h3
{
    float: left;
    color: #828282;
    width: 100%;
    margin-bottom: 10px;
}
.satisnoktalari ul
{
    float: left;
    width: 100%;
    text-decoration: none;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-top: 50px;
    height: 150px;
}
.satisnoktalari ul li
{
    display: inline;
    text-decoration: none;
    list-style: none;
    width: 145px;
    float: left;
    font-family: Arial;
    font-size: 11px;
}
.googleharita
{
    float: left;
    background: url('images/googlemapbg.png') no-repeat center;
    width: 322px;
    height: 176px;
}
.googleharita #harita
{
    margin:8px 0px 0px 13px;
    float:left;
}
.googleharita #link
{
    width:100px;
    height:23px;
    float:right;
    margin-top:-30px;
    margin-right:32px;
    background-color:Black;
    color:White;
}
.googleharita #link a
{
    float:left;
    width:100px;
    padding:5px 0px 0px 5px;
}
.urunaciklama
{
    float:left;
    margin-right: 25px;
    margin-top: 10px;
    width:600px;
    }
    .urunaciklama h2
    {
        float: left;
    font-family: 'MyriadProRegular';
    font-weight: normal;
    font-style: normal;
    font-size: 31px;
    color: #1a1a1a;
    margin: 0px;
    margin-left: 15px;
    padding:0px;
        }