/* ------------------------------ Css Coded by fatli------------------------------ */

* { margin: 0; padding: 0;}
/* -------------------------------------------------------------- */

body { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size:12px; color: #5b6775; background: url(../images/bg.jpg) center top no-repeat #59a5f9; }
.mainContainer { position: relative; margin: auto auto; width: 1000px; padding: 124px 0 70px 0; }

a { font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #494ca4; }
p { padding-bottom: 15px; }
div {behavior: url("../Scripts/iepngfix.php");}
.mainContainer .logo { position: absolute; left: 40px; top: 66px; display: block; width: 325px; height: 58px; background: url("../images/logo.gif") no-repeat center; }
.mainContainer .logo h1 { display:block; width: 325px; height: 58px; }

/* ------------------------------ ana Menu ------------------------------ */
.mainContainer .mainMenu { position: absolute; top: 88px; right: 27px; list-style: none; }
.mainContainer .mainMenu li { display: block; height: 31px; float: left; margin-left: 15px; padding: 5px 15px 0 0 ; border-right: 1px solid #d2d8df; }
.mainContainer .mainMenu li a { height: 26px; }

.mainContainer .mainMenu li.m1 a { width: 60px; background: url("../images/menu/kongaz_hakkinda.gif") top no-repeat; }
.mainContainer .mainMenu li.m2 a { width: 67px; background: url("../images/menu/kongaz_urunlerimiz.gif") top no-repeat; }
.mainContainer .mainMenu li.m3 a { width: 60px; background: url("../images/menu/kongaz_dolum_tesisi.gif") top no-repeat; }
.mainContainer .mainMenu li.m4 a { width: 60px; background: url("../images/menu/kongaz_lpg_hakkinda.gif") top no-repeat; }
.mainContainer .mainMenu li.m5 a { width: 45px; background: url("../images/menu/kongaz_bize_ulasin.gif") top no-repeat; }
.mainContainer .mainMenu li.m6 a { width: 45px; background: url("../images/menu/kongaz_fiyat_litesi.gif") top no-repeat; }

.mainContainer .mainMenu li.m1 a:hover { width: 60px; background: url("../images/menu/kongaz_hakkinda-1.gif") top no-repeat; }
.mainContainer .mainMenu li.m2 a:hover { width: 67px; background: url("../images/menu/kongaz_urunlerimiz-1.gif") top no-repeat; }
.mainContainer .mainMenu li.m3 a:hover { width: 60px; background: url("../images/menu/kongaz_dolum_tesisi-1.gif") top no-repeat; }
.mainContainer .mainMenu li.m4 a:hover { width: 60px; background: url("../images/menu/kongaz_lpg_hakkinda-1.gif") top no-repeat; }
.mainContainer .mainMenu li.m5 a:hover { width: 45px; background: url("../images/menu/kongaz_bize_ulasin-1.gif") top no-repeat; }
.mainContainer .mainMenu li.m6 a:hover { width: 45px; background: url("../images/menu/kongaz_fiyat_litesi-1.gif") top no-repeat; }

.mainContainer .mainMenu li.m5 { border: none; }


/* ------------------------------ Orta Flash ------------------------------ */
.mainContainer .flashContainer { text-align: center; padding-bottom: 25px; }

/* ------------------------------ Alt Block (Ali riza kaldirtti.) ------------------------------ */
.mainContainer .blockContainer { color: #6b6b81; margin:0 0 100px 0; font-size:11px; }
.mainContainer .blockContainer h3 { color: #6b6b81; font-size: 12px; padding-bottom: 10px; }
.mainContainer .blockContainer p { padding-bottom: 10px; display: block; }
.mainContainer .blockContainer .blockPic { width: 100px; height: 150px; float: left; text-align: center; }
.mainContainer .blockContainer .blockContent { float: left; width: 150px; padding-left: 10px; }
.mainContainer .blockContainer .block1 { width: 269px;  padding: 20px 30px 0 30px; float: left; text-align: left; }
.mainContainer .blockContainer .block2 { width: 269px;  padding: 20px 30px 0 30px; float: left; text-align: left; }
.mainContainer .blockContainer .block3 { width: 269px;  padding: 0 30px 0 30px; float: left; text-align: left; border-left: 1px solid #d6d7d9; }


/* ------------------------------ Sayfa Genel ------------------------------ */
.mainContainer .pageContainer { padding-top: 63px;  }

/* ------------------------------ Menü Genel ------------------------------ */
.mainContainer .pageContainer .menuContainer { float: left; display:block; width: 275px; no-repeat center bottom;  }
.mainContainer .pageContainer .menuContainer .menuContainerLeft { width: 275px; background: url("../images/m_left_shadow.gif") no-repeat top left; }
.mainContainer .pageContainer .menuContainer .menuContainerLeft .menuContainerRight { width: 231px; background: url("../images/m_right_shadow.gif") no-repeat top right; padding: 0 22px 250px 22px; height:200px; }
html>body .mainContainer .pageContainer .menuContainer .menuContainerLeft .menuContainerRight { height:auto; min-height:200px;}

.mainContainer .pageContainer .menuContainer .menuContainerLeft .menuContainerRight .contentMenuFlashTitleContainer { padding: 0 0 0 10px; }

/* ------------------------------ Içerik Menu ------------------------------ */
.mainContainer .pageContainer .leftContent .menuContainer { margin: 0 0 50px 0;}
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu { list-style: none; padding: 30px 0 0 0; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu a { text-decoration: none; font-size: 12px; color: #000000; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li { display: block; border-bottom: 1px solid #d8eafe; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li a { display: block; padding: 8px; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li.selected a { color: #2e3192; background: url("../images/m_white_arrow.gif") no-repeat 210px 13px; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li.subLi {border:none;}
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li ul.subMenu li {border-bottom: 1px solid #d3e6d2;}
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li ul.subMenu li a{padding:3px; font-weight:normal; background:none;  font-size:11px; }
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li ul.subMenu li.selected { font-weight:bold; background:none;}
.mainContainer .pageContainer .leftContent .menuContainer .menuContainerLeft .menuContainerRight .contentMenu li ul.subMenu li.selected a {background: url("../images/m_white_arrow.gif") no-repeat 210px 6px;color: #086f00; font-weight:bold;}

/* ------------------------------ gofret ------------------------------ */
.mainContainer .pageContainer .contentContainer .gofretTop { width: 709px;  background: url("../images/gofret_top.png") no-repeat ; float: left; }
.mainContainer .pageContainer .contentContainer .gofretTop .gofretBottom { width: 709px;   height: auto;  padding:0px 0 0 0;  }
.mainContainer .pageContainer .contentContainer .gofretTop .bottomBg { width: 709px; height:61px; background: url("../images/gofret_bottom.png") no-repeat;  }

/* ------------------------------ içerik Bölüm ------------------------------ */
.mainContainer .pageContainer .contentContainer {  float:left; width:1000px;}
.mainContainer .pageContainer .contentContainerShadow {position: absolute; width: 13px; height: 410px; left: 988px; background: url("../images/p_right_shadow.png") no-repeat right top; }
html>body .mainContainer .pageContainer .contentContainerShadow {left: 984px; }
/* ------------------------------ Sag içerik ------------------------------ */
.mainContainer .pageContainer .contentContainer .rightContent {  width:663px; padding:0 20px 0 26px;  line-height: 16px; background:#FFFFFF; height:400px;   }
html>body .mainContainer .pageContainer .contentContainer .rightContent { width:659px; padding:0 25px 0 25px; min-height:400px; height:auto;}
.mainContainer .pageContainer .contentContainer .rightContent .pageFlashTitleContainer { padding: 25px 0 25px 0px; }
.mainContainer .pageContainer .contentContainer .rightContent #pageFlashPicContainer { margin: 0 0 25px 0; }
.mainContainer .pageContainer .contentContainer .rightContent .contentBox { width: 615px; float: left; padding: 10px 10px 0 0; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox { display: block; width: 190px; list-style: none; float: left; border-left: 1px solid #e0e0e2; padding: 10px 0 0 18px; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li { margin: 0 0 15px 0; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.contactDetail { color: #086f00; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.contactDetail h3 { font-size: 12px; padding: 0 0 10px 0; color: #5b6775; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.contactDetail strong { display: block; color: #5b6775; }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.pictures {font-weight:bold;}
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.pictures ul{ }
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.pictures ul li{ padding:1px; border:1px solid #d0d0d0; margin:3px 0 3px 0; float: left; clear:both;}
.mainContainer .pageContainer .contentContainer .rightContent .rightBox li.pictures ul li img{ border:none; float: left; clear:both;}


/* ------------------------------ Alt Kategori ------------------------------ */
.mainContainer .pageContainer .contentContainer .subNav { padding: 0px 0 10px 2px; border-bottom: 1px solid #e0e1e3; margin:20px 30px 0 25px;}
.mainContainer .pageContainer .contentContainer .subNav a { font-family: Tahoma, Arial, Verdana; font-weight: normal; font-size: 10px; text-decoration: none; color: #5b6775; }
.mainContainer .pageContainer .contentContainer .subNav a.child { background: none; background: url("../images/green_arrow.gif") left center no-repeat; padding-left: 9px; margin-left: 5px; }

/* ------------------------------ Flash ------------------------------ */
.mainContainer .pageContainer .contentContainer .rightContent .pageFlashTitleContainer {  }

/* ------------------------------ Içerik Blok ------------------------------ */
.mainContainer .pageContainer .contentContainer .rightContent .contentBlock { padding: 25px 0 0 5px; }


/* ------------------------------ Position List ------------------------------ */
.mainContainer .pageContainer .contentContainer .rightContent .positionListHeader { display: block; padding: 5px 10px 10px 50px; background: url("../images/i_ik.gif") no-repeat; font-size: 12px; font-weight: bold; border-bottom: 1px solid #e0e1e3; margin: 25px 0 20px 0; }
.mainContainer .pageContainer .contentContainer .rightContent .positionList { list-style: none; padding: 0 0 0 0; display: block; }
.mainContainer .pageContainer .contentContainer .rightContent .positionList li { padding: 0 0 10px 20px; background: url("../images/2_03.gif") no-repeat 10px 3px; }
.mainContainer .pageContainer .contentContainer .rightContent .positionList li .positionTitle { font-size: 12px; color: #27333e;  margin:0px; }
.mainContainer .pageContainer .contentContainer .rightContent .positionList li .positionDescription span { display: block; }



/* ------------------------------ Alt ------------------------------ */
.mainContainer .footer { position: relative; padding: 5px 50px 0 50px; color: #9d9da8; }
.mainContainer .footer .footerLeft { width: 50%; float: left; }
.mainContainer .footer .footerRight {  float: right; width: 200px;}

/* ------------------------------ Alt menü (b2b & deletech logo) ------------------------------ */
.mainContainer .footer .bottomMenu {display: block; list-style: none; padding-top: 10px; position:relative; }
.mainContainer .footer .bottomMenu li { display: block; height: 32px; float: left; width:135px;}
.mainContainer .footer .bottomMenu .b1 { behavior: url("../images/iepngfix.php"); width: 113px;  background: url("../images/bayi_giris.png") no-repeat;  margin-right: 20px; display:block; height:40px; }

/* ------------------------------ deletechLogo ------------------------------ */
.mainContainer .footer .deletechlogo { behavior: url("../images/iepngfix.php"); width: 216px; height: 30px;  background: url("../images/deletechlogo.png") ; cursor:pointer; display:block;}
.mainContainer .footer .posLink { padding-top: 5px; color: #509b7a;  width:216px; height:30px; display:block;}
.mainContainer .footer .deletechlogo a:hover { color: #509b7a; }

*/


/* ------------------------------- E-mail Form Genel ---------------------------------- */
.mainContainer .emailFormContainer {  position:relative; left: 170px; top: -210px; z-index: 2; display: none;    }
.mainContainer .emailFormContainer .emailForm { padding:20px 20px 20px 20px ; width: 214px; height: 198px; position:absolute; z-index:6; }
.mainContainer .emailFormContainer .emailForm .FormTable tr td { color: #e5e5e5; border-bottom: 1px solid #CCCCCC; padding: 5px 0 5px 0; }
.mainContainer .emailFormContainer .emailForm .FormTable tr td.lastItem { border: none; padding-bottom:0; }
.mainContainer .emailFormContainer .emailForm .emailInput { width: 205px; }
.mainContainer .emailFormContainer .emailForm .emailFormCloseButton { position: absolute; background: url("../images/e-mail_close.gif") no-repeat; width: 28px; height: 24px; top: 10px; left: 208px; cursor: pointer;}
.mainContainer .emailFormContainer .emailForm .GeneralForm .actionBgLeft { margin:0;}
.mainContainer .emailFormContainer .emailFormBg { position:absolute;z-index: 5;background: url("../images/e-mail_bg.png") no-repeat; width:254px; height:238px; top:0px; left:0px;}
.mainContainer .emailFormContainer .progressBar { position: absolute; width: 68px; height: 28px; left: 85px; top: 100px; display: none;}

.mainContainer .emailFormContainer .errorMessageList { list-style: none; color: #990000; font-weight: bold; padding: 50px 0 0 0;  }
.mainContainer .emailFormContainer .successful { padding: 50px 0 0 0; }


/*-----------------Diger Formlar----------------------------------*/
.SectionText {padding:0; color:#808c99; font-size:11px;}
.GeneralForm { display:block; border:none;  clear:both; padding:0 0 0 0; margin:0px;}
.GeneralForm .SectionText {padding:10px 0 15px 5px; color:#808c99; font-size:12px;}
.GeneralForm .SectionText .FormProcess { font-size:12px; font-weight:bold;}
.GeneralForm .formTitle{ font-size:15px; color:#bd882c; letter-spacing:-1px; font-weight:bold; padding:5px 0px 5px 0px; display:block;}
.GeneralForm .FormTable{  }
.GeneralForm .FormTable tr{ }
.GeneralForm .FormTable tr td{ padding:8px 0 8px 0; }
.GeneralForm .FormTable label{ display:block; font-weight:bold; color:#474131;padding:0 0 2px 2px; font-size:12px; }
.GeneralForm .FormTable input { padding:4px; background:#f5f8f5; border:1px solid #d1e2d1; width:325px;font-size:12px; }
.GeneralForm .FormTable .radio { padding:0px; background:none; border:none; width:20px; font-size:12px; }
.GeneralForm .FormTable input.focus {background:#FFFBE3;}
.GeneralForm .FormTable tr.formGroup label{ padding:40px 0 6px 0; border-top:1px solid #647280; margin:35px 0 0 0;}
.GeneralForm .FormTable textarea  { font-family: Arial, Tahoma, Helvetica, sans-serif; padding:4px; background:#f5f8f5; border:1px solid #d1e2d1; width:325px;font-size:11px;}
.GeneralForm .FormTable select {background:#f2f4f5;border:1px solid #d1e2d1;font-size:12px; width:325px;font-size:12px; padding:4px; }
.GeneralForm .FormTable .yildizGerekli { color: #9e0b0f; font-size: 14px; font-weight: bold; }
.GeneralForm .FormTable .isaretliYerler { padding: 18px 10px 0 25px; }

.GeneralForm .actionBgLeft .actionBgRight{background:url("../images/iletisim_buton.gif") no-repeat left top; width:100px; height:26px; padding:4px 0px 0 20px; font-weight:bold; float:left;}
.GeneralForm .actionBgLeft .actionBgRight a { color:#FFFFFF;}
.GeneralForm .actionBgLeft .actionBgRight a:hover { color:#f2d3c5;}
.GeneralForm .actionBgLeft .actionBgRight input { font-size: 12px; background:none; border:none; padding:0px; margin:0px; color:#FFFFFF; font-weight: bold; cursor:pointer;}


.iphoneTable td { border-bottom:1px solid #CCCCCC; font-size:10px; padding:3px; line-height:11px;}
.iphoneTable .header td { background:#EFFAFC;}


/* ------------------------------ Genel Styles ------------------------------ */
#KgUrun {position:absolute;	top:222px; left:300px;
}
.littleTitle { display: block; font-weight: bold; }
.BranchTitle { display:block; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#3f8114; }
.branchTable td{ border-bottom:1px solid  #dee4e5; padding:12px; background:url("../images/branch_bg.gif") repeat-x left bottom; }
.search { padding:3px 0 8px 30px; top:100px;}
.contactTitle {font-size: 14px; padding: 15px 0 10px 12px; color: #5b6775; display:block; background:url("../images/sube_bg.gif") no-repeat left bottom; letter-spacing:-1px; font-weight:bold;}
.MerkezOfis h3 { border-bottom:1px solid #e0ede0; letter-spacing:-1px; font-size:14px; font-weight:bold; padding:5px 0 5px 0; margin:5px 0 5px 0;}
.MerkezOfis .TelefonBox { margin:5px 0 5px 0; border-bottom:1px solid #e0ede0; padding:5px 0 5px 0; border-top:1px solid #e0ede0; }
.lastItem { border: none; background: none; }
.FormWarnings { background: #fbf8da; padding: 5px; display:block; color: #a11b3f; border: #f5f2d5 1px solid;  }
.clear { clear: both; display:block; }
.divLink { display: block; width: 100%; height: 100%; cursor: pointer; }
.hm { display: none; }
ul, li { list-style:none;}