body {
    margin: 0px;
}

.header {
    position: relative;
    top: 10px;
    width: auto;
    height: 149px;
    margin: 0 auto;
    padding-left: 409px;
}

.headerBack {
    position: absolute;
    top: 52px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #9ec864;
    z-index: 1;
}

.logo {
    position: absolute;
    top: 0px;
    left: 30px;
    width: 149px;
    height: 149px;
    border-style: none;
    border-width: 0px;
    z-index:2;
}

.menuContainer {
    position: absolute;
    top: 52px;
    right: 5px;
    width: 790px;
    height: 50px;
    z-index: 100;
}

.topLine1 {
    position: relative;
    top: 82px;
    left: 0px;
    width: auto;
    height: 4px;
    background-color: #6294FA;
    z-index: 1;
}

.topLine2 {
    position: relative;
    top: 83px;
    left: 0px;
    width: 100%;
    height: 4px;
    background-color: #A9EE5D;
    z-index: 1;
}

.slider {
    position: absolute;
    top: 100px;
    right: 20px;
    margin: 0 auto;
    width: 425px;
    height: 300px;
    border-radius: 0px;
    margin-top: 20px;
}

.mainPage {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 50px;
    border-style: solid;
    border-width: 5px;
    border-color: #6294FA;
    border: 5px solid rgba(132, 214, 35,0.5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    background-image: url(../images/pageBg.fw.png);
    background-repeat: repeat;
}

.bottom {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 45px;
    z-index: 1000;
    -webkit-box-shadow: 0px -10px 30px 0px rgba(50, 50, 50, 0.37);
    -moz-box-shadow: 0px -10px 30px 0px rgba(50, 50, 50, 0.37);
    box-shadow: 0px -10px 30px 0px rgba(50, 50, 50, 0.37);
}

.bottomLine1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
    background-color: #fff;
}

.bottomLine2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 45px;
    background-color: #C43A43;
}

.homeProductContainer {
    position: relative;
    top: 0px;
    left: 0px;
    width: 980px;
    height: 150px;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 3px;
}

.homeProductContainerTitle {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 55px;
    height: 140px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #EF7F1A;
}

.homeProductItemContainer {
    position: absolute;
    top: 5px;
    left: 65px;
    width: 890px;
    height: 140px;
}

.homeProductItem {
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    height: 140px;
    background-color: red;
    float: left;
    margin-right: 8px;
}

.homePageProductContainerCover {
    position: absolute;
    top: 5px;
    left: 950px;
    width: 25px;
    height: 140px;
    background-color: #EF7F1A;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.categoryProductItem {
    position: relative;
    top: 0px;
    left: 0px;
    width: 225px;
    height: 225px;
    float: left;
    background-color: red;
    margin: 10px;
    overflow: visible;
}

.categoryProductImage {
    width: 225px;
    height: 170px;
    border-radius: 3px;
}

.homeProductImage {
    width: 140px;
    height: 140px;
}

.categoryPageTitleContainer {
    position: relative;
    top: 0px;
    left: 10px;
    width: 960px;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.categoryPageTitleText {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: 'Myriad Pro';
    font-size: 18px;
    color: #2B2A29;
}

.categoryPageTitleLine1 {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 960px;
    height: 4px;
    background-color: #2B2A29;
}

.categoryPageTitleLine2 {
    position: absolute;
    top: 26px;
    left: 0px;
    width: 960px;
    height: 4px;
    background-color: #EF7F1A;
}

.pagePictureSetProductDetail {
    position: relative;
    left: 10px;
    margin-top: 10px;
    width: 300px;
    height: auto;
    float: left;
    margin-bottom: 20px;
    border-style: none;
}

.productPictureProductDetail {
    position: relative;
    left: 0px;
    width: 300px;
    height: 300px;
    float: left;
    margin-bottom: 20px;
    border-style: none;
}

.pageGalleryItemProductDetail {
    position: relative;
    width: 140px;
    height: 140px;
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
    border-style: none;
}

.pageTextProductDetail {
    position: relative;
    left: 0px;
    margin-left: 50px;
    margin-top: 10px;
    margin-bottom: 50px;
    top: 0px;
    width: 600px;
    height: auto;
    color: #000;
    font-family: "Myriad Pro";
    float: left;
    font-size: 13px;
}

.pagePictureSet {
    position: relative;
    left: 20px;
    margin-top: 60px;
    width: 230px;
    height: auto;
    float: left;
    margin-bottom: 20px;
    border-style: none;
}

.pagePictureSet {
    position: relative;
    left: 20px;
    margin-top: 60px;
    width: 230px;
    height: auto;
    float: left;
    margin-bottom: 20px;
    border-style: none;
}

.pageGalleryItem {
    position: relative;
    width: 110px;
    height: 83px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    border-style: none;
}

.pageTitle {
    position: relative;
    left: 0px;
    margin-left: 50px;
    margin-top: 60px;
    top: 0px;
    width: 700px;
    height: 20px;
    font-family: "Myriad Pro";
    float: left;
    color: #B20000;
    font-size: 16px;
}

.pageText {
    position: relative;
    left: 0px;
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 50px;
    top: 0px;
    width: 700px;
    height: auto;
    color: #000;
    font-family: "Myriad Pro";
    float: left;
    font-size: 13px;
}

.ikTextBoxBig {
    width: 400px;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    height: 20px;
}

.ikTextBoxMid {
    width: 250px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    height: 20px;
}

.ikTextBoxSmall {
    width: 150px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    height: 20px;
}

.ikTextBoxMulti {
    width: 510px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #888888;
    height: 100px;
}

.tableFont {
    color: #333333;
    font-size: 14px;
    font-family: 'Myriad Pro';
}

.contactPage {
    position: relative;
    top: 0px;
    left: -10px;
    width: 980px;
    height: 535px;
    background-color: none;
}

.contactInfo {
    position: absolute;
    width: 390px;
    height: 225px;
    top: 25px;
    left: 35px;
    background-color: none;
}

.contactInfoAddressTitle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 175px;
    height: 20px;
    color: #8C2000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactFormAddressArea {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 310px;
    height: 40px;
    color: #000000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactInfoTelephoneTitle {
    position: absolute;
    top: 90px;
    left: 0px;
    width: 175px;
    height: 20px;
    color: #8C2000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactFormTelephoneArea {
    position: absolute;
    top: 115px;
    left: 0px;
    width: 310px;
    height: 20px;
    color: #000000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactInfoMailTitle {
    position: absolute;
    top: 160px;
    left: 0px;
    width: 175px;
    height: 20px;
    color: #8C2000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactFormMailArea {
    position: absolute;
    top: 190px;
    left: 0px;
    width: 310px;
    height: 40px;
    color: #000000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactForm {
    position: absolute;
    width: 300px;
    height: 260px;
    top: 0px;
    left: 650px;
    background-color: none;
}

.contactFormTitle {
    height: 20px;
    color: #8C2000;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactFormInputSmall {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #C6012E;
    width: 190px;
    height: 20px;
}

.contactFormInputBig {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #C6012E;
    width: 300px;
    height: 60px;
}

.contactFormButton {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #C6012E;
    width: 90px;
    height: 30px;
    color: #111111;
    font-size: 15px;
    font-family: 'Myriad Pro';
}

.contactMap {
    position: absolute;
    width: 950px;
    height: 220px;
    top: 300px;
    left: 35px;
}

.slide-out-div {
    padding: 10px;
    width: 800px;
    background: #f2f2f2;
    border: #EF7F1A 2px solid;
    z-index: 3000;
}

.copyRightText {
    position: absolute;
    left: 10px;
    top: 15px;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

.address {
    position: relative;
    margin: 0 auto;
    top: 5px;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: center;
}

.erasoft {
    position: absolute;
    top: 7px;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: left;
    right: 10px;
}

.social {
    right: 100px;
    position: absolute;
    top: 5px;
}

.referenceItem {
    position: relative;
    width: 100px;
    height: 100px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    border-radius: 3px;
    margin-left: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.referenceItemImage {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0px;
    left: 0px;
}

.referencesTitleContainer {
    position: absolute;
    top: 430px;
    right: 19px;
    padding-left: 10px;
    width: 415px;
    height: 25px;
    background-color: #6294FA;
    margin-bottom: 0px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #A9EE5D;
    padding-top: 5px;
    font-family: 'Myriad Pro';
    font-size: 17px;
    color: #fff;
    -webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.74);
    -moz-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.74);
    box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.74);
    z-index: 500;
}

.defaultPageContainer {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    left: 0px;
    bottom: 100px;
    width: 100%;
    height: 200px;
    border-style: none;
    z-index: 120;
}

.defaultPageContainerInner {
    position: relative;
    top: 0px;
    width: 1040px;
    height: 200px;
    margin: 0 auto;
}

.defaultNewsContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 290px;
    height: 200px;
    background-image: url('/files/site/images/newsContainerBG.png');
    background-repeat: repeat;
    border-radius: 10px;
}

.defaultNewsSliderContainer {
    position: absolute;
    top: 35px;
    left: 10px;
    width: 270px;
    height: 155px;
    overflow:hidden;

}

.defaultNewsTitleContainer {
    position: absolute;
    top: 5px;
    height: 18px;
    padding-top: 2px;
    padding-left: 10px;
    width: 260px;
    color: #D4DE22;
    font-family: 'Myriad Pro';
    font-size: 15px;
}

.defaultGalleryTitleContainer {
    position: absolute;
    top: 5px;
    height: 18px;
    padding-top: 2px;
    padding-left: 10px;
    width: 260px;
    color: #D4DE22;
    font-family: 'Myriad Pro';
    font-size: 15px;
}

.defaultPagaeGalleryContainer {
    position: absolute;
    top: 0px;
    left: 305px;
    width: 735px;
    height: 200px;
    background-image: url('/files/site/images/newsContainerBG.png');
    background-repeat: repeat;
    border-radius: 10px;
}

.defaultGalleryContainer {
    position: absolute;
    top: 35px;
    left: 10px;
    width: 715px;
    height: 155px;
}

.defaultGalleryContainerItemImg {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 76px;
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
}

.defaultNewsItemImg {
    position: relative;
    top: 0px;
    left: 0px;
    width: 93px;
    height: 70px;
    background-color: aqua;
    z-index: 500;
    float: left;
    border-radius: 3px;
}

.defaultNewsItemLink {
    position: relative;
    top: 0px;
    left: 7px;
    width: 100px;
    height: 70px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    font-family: 'Myriad Pro';
    font-size: 12px;
    font-style: normal;
    float: left;
}

    .defaultNewsItemLink:hover {
        text-decoration: underline;
    }

.dropStyle {
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #C6012E;
    width: 190px;
    height: 20px;
}

.guestForm {
    position: relative;
    top: 10px;
    margin: 0 auto;
    width: 444px;
    height: 180px;
    margin-bottom: 20px;
}

.guestFormTxtName {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    border-radius: 3px;
    height: 25px;
    font-family: 'Myriad Pro';
    border-style: solid;
    border-width: 2px;
    border-color: black;
    font-size: 18px;
    color: blue;
    border: 2px solid rgba(132, 214, 35,0.5);
}

.guestFormTxtMail {
    position: absolute;
    top: 10px;
    left: 250px;
    width: 200px;
    border-radius: 3px;
    height: 25px;
    font-family: 'Myriad Pro';
    border-style: solid;
    border-width: 2px;
    border-color: black;
    font-size: 18px;
    color: blue;
    border: 2px solid rgba(132, 214, 35,0.5);
}

.guestFormTxtMessage {
    position: absolute;
    top: 50px;
    left: 10px;
    width: 440px;
    height: 75px;
    font-family: 'Myriad Pro';
    border-style: solid;
    border-width: 2px;
    border-color: black;
    font-size: 18px;
    color: blue;
    border: 2px solid rgba(132, 214, 35,0.5);
}

.guestFormSendBtn {
    position: absolute;
    top: 140px;
    left: 355px;
    width: 100px;
    height: 30px;
    background-color: #D5DE23;
    border: 2px solid rgba(132, 214, 35,0.5);
    font-size: 18px;
    color: blue;
    font-family: 'Myriad Pro';
}

.messageContainerForm {
    position: relative;
    top: 0px;
    left: 14px;
    width: 444px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.item {
    position: relative;
    width: 444px;
    height: 80px;
    background-color: rgba(132, 214, 35,0.7);
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: inherit;
    padding-bottom: 10px;
}

.messageContainerItemName {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #C43A43;
    text-decoration: none;
    font: 16px tahoma;
}

.messageContainerItemMessage {
    position: absolute;
    top: 30px;
    left: 10px;
    color: #2D3EBB;
    text-decoration: none;
    font: 14px tahoma;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* sayfa yüklenirken gösterilen arkaplan rengimiz */
    z-index: 99; /* efektin arkada kalmadığından emin oluyoruz */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url('/files/site/images/715.GIF'); /* burası yazının ilk başında bahsettiğimiz animasyonu çağırır */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}