/* Genel sayfa düzeni */

/* Kapsayıcılar
/************************************************************/

/* Üst */

div.dfx_ContainerTop
{
    background-image: url(/Images/ContainerTopBg.jpg);
    background-repeat: repeat-x;
    height: 86px;
}

div.dfx_ContainerTop .container_16
{
    position: relative;
    height: 86px;
}

/* Banner */

div.dfx_ContainerBanner
{
}

div.dfx_ContainerBanner .container_16
{
    position: relative;
}

/* Oturum Açma Paneli */

div.dfx_LoginPanel
{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 234px;
    height: 174px;
    background-image: url(/Images/LoginPanel.png);
    background-repeat: no-repeat;
}

.dfx_LoginHeader
{
    position: absolute;
    left: 24px;
    top: 28px;
    width: 190px;
    color: #ff7100;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.dfx_LoginForm
{
    position: absolute;
    left: 22px;
    top: 55px;
    width: 190px;
    margin: 0;
    padding: 0;
    color: #ccc;
}

.dfx_Login_TextBox
{
    border: none 0;
    width: 94px;
    height: 14px;
    padding: 3px 5px;
    background-color: Transparent;
    background-image: url(/Images/TextboxBg.png);
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
}

ul.dfx_LoginMenu
{
    position: absolute;
    left: 40px;
    top: 55px;
    margin: 0;
    padding-left: 0;
    width: 190px;
    color: #ccc;
    line-height: 11px;
}

ul.dfx_LoginMenu li
{
    padding-left: 21px;
    margin-top: 10px;
    background-image: url(/Images/RightArrow.png);
    background-repeat: no-repeat;
}

ul.dfx_LoginMenu li:first-child
{
    margin-top: 0;
}

.dfx_LoginForm a, ul.dfx_LoginMenu a
{
    color: #eee;
}

.dfx_LoginForm a:hover, ul.dfx_LoginMenu a:hover
{
    color: #fff;
    text-decoration: none;
}

/* Ana Bölüm */

div.dfx_ContainerMain
{
    background-image: url(/Images/ContainerMainBg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

div.dfx_ContainerMain .container_16
{
    background-color: #666;
    padding: 0;
}

/* Alt */

div.dfx_ContainerBottom
{
    color: #545454;
}

div.dfx_ContainerBottom a
{
    color: #acacac;
}

div.dfx_ContainerBottom a:hover
{
    color: #acacac;
    text-decoration: underline;
}

div.dfx_ContainerBottom .container_16
{
    background-color: #333;
    padding: 20px 0;
}

/* İçerik Sütunları */

div.dfx_ColumnLeft, div.dfx_ColumnMain, div.dfx_ColumnMainHalf
{
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 0;
}

div.dfx_ColumnLeft
{
    width: 240px;
}

div.dfx_ColumnLeft .grid_4 h1
{
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

div.dfx_ColumnLeft .grid_4 a
{
    color: #afafaf;
}

div.dfx_ColumnLeft .grid_4 ul
{
    padding-left: 0;
}

div.dfx_ColumnLeft .grid_4 ul li
{
    border-bottom: solid 1px #777;
    background-image: url(/Images/BulletList2.gif);
    padding-top: 3px;
    padding-bottom: 3px;
}

div.dfx_ColumnMainHalf
{
    width: 360px;
}

div.dfx_ColumnMain
{
    width: 720px;
}

/* Site haritası kılavuzu */

div.dfx_SiteMapPath
{
    padding: 20px 0 17px 0;
    color: #eee;
}

div.dfx_SiteMapPath a, div.dfx_SiteMapPath a:hover
{
    color: #eee;
}

/* Menüler
/************************************************************/

/* Ana menüler */

ul.dfx_MenuMainTop, ul.dfx_MenuMainBottom
{
    max-width: 640px;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
}

ul.dfx_MenuMainTop
{
    position: absolute;
    right: 0;
    top: 10px;
    height: 40px;
}

ul.dfx_MenuMainBottom
{
    float: right;
    margin: 5px 5px 0 0;
}

/* Ana menüde yer alan <li> etiketleri */

ul.dfx_MenuMainTop li, ul.dfx_MenuMainBottom li
{
    float: left;
    padding: 0;
    background-image: none;
}

ul.dfx_MenuMainTop li
{
    margin-left: 20px;
}

ul.dfx_MenuMainBottom li
{
    margin-left: 10px;
}

/* Ana menülerde yer alan ilk <li> etiketleri */

ul.dfx_MenuMainTop li:first-child, ul.dfx_MenuMainBottom li:first-child
{
    margin-left: 0;
}

/* Ana menülerde yer alan <a> etiketleri */

ul.dfx_MenuMainTop li a, ul.dfx_MenuMainBottom li a
{
    display: inline-block;
}

ul.dfx_MenuMainTop li a, ul.dfx_MenuMainBottom li a:hover
{
    text-decoration: none;
}

ul.dfx_MenuMainTop li a
{
    color: #545454;
    height: 40px;
    line-height: 40px;
}

ul.dfx_MenuMainTop li a:hover
{
    color: #333;
    background-image: url(/Images/MenuMainTopBullet.gif);
    background-position: center top;
    background-repeat: no-repeat;
}

ul.dfx_MenuMainBottom li a
{
    padding: 3px 5px;
    color: #acacac;
}

ul.dfx_MenuMainBottom li a:hover
{
    background-color: #4d4d4d;
}



/* Diğer
/************************************************************/

/* İzgören&Akın Logosu */

img.dfx_Logo
{
    position: absolute;
    left: -6px;
    top: 0;
    width: 246px;
    height: 90px;
}

img.dfx_Beta
{
    position: absolute;
    left: 270px;
    top: 45px;
}

div.dfx_BetaMsg
{
    position: absolute;
    right: 0;
    top: 50px;
    height: 30px;
    line-height: 30px;
    width: 680px;
    text-align: right;    
    font-weight: bold;
}

/* Yer tutucu */

img.dfx_Spacer
{
    display: block;
    width: 1px;
    height: 1px;
}

/* Sol sütunda yer alan sayfa bölümleri */

div.dfx_Section
{
    width: 240px;
    margin-bottom: 14px;
}

h1.dfx_SectionHeader
{
    background-image: url(/Images/SectionHeader.png);
    background-repeat: no-repeat;
    height: 31px;
    margin: 0;
    font-size: 13px;
    color: #fff;
    padding-left: 40px;
    padding-top: 8px;
}

div.dfx_SectionBody
{
    background-image: url(/Images/SectionBody.png);
    background-repeat: repeat-y;
}

div.dfx_SectionContent
{
    background-image: url(/Images/SectionContent.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    height: 145px; /* Max: 155px */
    width: 200px; /* Max: 220px */
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 10px 0;
    position: relative;
}

div.dfx_SectionContent ul
{
    margin: 0;
    padding-left: 0;
    height: 112px;
    overflow: hidden;
}

div.dfx_SectionContent ul li
{
    padding-left: 21px;
    margin-top: 5px;
    background-image: url(/Images/Bullet1.png);
    background-repeat: no-repeat;
}

div.dfx_SectionContent ul li:first-child
{
    margin-top: 0;
}

div.dfx_SectionFooter
{
    background-image: url(/Images/SectionFooter.png);
    background-repeat: no-repeat;
    height: 7px;
}

/* Sayfa bölümleri içinde yer alan navigasyon kontrolleri */

div.dfx_SectionNav
{
    position: absolute;
    right: 10px;
    bottom: 5px;
}

div.dfx_SectionNav input
{
    position: relative;
    top: 3px;
}

div.dfx_SectionNav span span
{
    display: inline-block;
    width: 24px;
    text-align: center;
}

/* Müşteri görüşlerinin bulunduğu konuşma alaı */

div.dfx_DialogBox
{
    width: 185px; /* Max: 200px */
    height: 90px; /* Max: 110px */
    padding: 0 10px 20px;
    background-image: url(/Images/DialogBox.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    overflow: hidden;
}

div.dfx_DialogBox img
{
    float: right;
    margin: 0 5px 0 0;
}

div.dfx_ClientName
{
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 120px;
    height: 26px;
    overflow: hidden;
    line-height: normal;
    font-size: 10px;
}

/* Sağ bölümde yer alan içerik kutuları */

div.dfx_Box
{
    width: 720px;
}

h1.dfx_BoxHeader
{
    background-image: url(/Images/BoxHeader.png);
    background-repeat: no-repeat;
    height: 26px;
    margin: 0;
    font-size: 13px;
    color: #333;
    padding-left: 50px;
    padding-top: 13px;
    line-height: 18px;
}

.dfx_BoxHeaderText
{
    display: inline-block;
    width: 305px;
}

div.dfx_BoxBody
{
    background-image: url(/Images/BoxBody.png);
    background-repeat: repeat-y;
}

div.dfx_BoxContent
{
    background-image: url(/Images/BoxContent.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 342px; /* Min: 372px */
    width: 680px; /* Max: 700px */
    padding: 20px 10px 10px;
    margin: 0 auto;
    overflow: hidden;
}

div.dfx_BoxFooter
{
    background-image: url(/Images/BoxFooter.png);
    background-repeat: no-repeat;
    height: 3px;
    margin-bottom: 20px;
}

div.dfx_BoxHalf
{
    width: 360px;
}

div.dfx_BoxHalf h1.dfx_BoxHeader
{
    background-image: url(/Images/BoxHeader_Half.png);
}

div.dfx_BoxHalf div.dfx_BoxBody
{
    background-image: url(/Images/BoxBody_Half.png);
}

div.dfx_BoxHalf div.dfx_BoxContent
{
    width: 340px;
    padding: 0;
    height: 372px;
}

div.dfx_BoxHalf div.dfx_BoxFooter
{
    background-image: url(/Images/BoxFooter_Half.png);
}

/* Ürün */

div.dfx_Product
{
    position: relative;
    width: 320px;
    height: 110px;
    margin: 10px auto;
    background-image: url(/Images/ProductBox.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

div.dfx_ProductThumb
{
    position: absolute;
    left: 11px;
    top: 11px;
    width: 110px;
    height: 78px;
    overflow: hidden;
}

div.dfx_ProductText
{
    position: absolute;
    left: 135px;
    top: 8px;
    width: 175px;
}

div.dfx_ProductText h1, div.dfx_ProductText p
{
    margin: 0;
    padding: 0;
    line-height: normal;
}

div.dfx_ProductText a
{
    color: #333;
}

div.dfx_ProductText h1
{
    font-size: 11px;
    font-weight: bold;
}

.dfx_ProductAddToBasket
{
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 30px;
    height: 25px;
}

div.dfx_ProductPrice
{
    position: absolute;
    right: 40px;
    bottom: 10px;
    width: 80px;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    overflow: hidden;
    color: #000;
    text-align: right;
}

div.dfx_ProductPrice span
{
    font-size: 12px;
}

div.dfx_ProductRating
{
    position: absolute;
    left: 135px;
    bottom: 18px;
}

/* Ürün Detayı */

div.dfx_ProductDetails
{
    position: relative;
    width: 680px;
    height: 197px;
    margin: 10px auto;
    background-image: url(/Images/ProductBoxDetails.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

div.dfx_ProductThumbDetails
{
    position: absolute;
    left: 11px;
    top: 11px;
    width: 230px;
    height: 166px;
    overflow: hidden;
}

div.dfx_ProductTextDetails
{
    position: absolute;
    left: 255px;
    top: 8px;
    width: 415px;
}

div.dfx_ProductTextDetails a
{
    color: #333;
}

div.dfx_ProductTextDetails h1, div.dfx_ProductTextDetails p
{
    margin: 0;
    padding: 0;
    line-height: normal;
}

div.dfx_ProductTextDetails h1
{
    font-size: 16px;
    font-weight: bold;
}

/* Ürün açıklamaları */

.dfx_ProductUserComments
{
}

.dfx_ProductUserComment
{
    border-top: solid 1px #ccc;
    padding-top: 10px;        
}

.dfx_ProductUserComment h1
{
    font-size: 12px;
    margin: 0;
}

.dfx_ProductUserComment h1 span
{
    font-size: 11px;
    font-weight: normal;
    color: #999;
}

/* Metin Biçimlendirmeleri */

.dfx_TextStyle1
{
    color: #F47900;
}

.dfx_TextStyle2
{
    color: #E31D2A;
}

.dfx_TextStyle3
{
    color: #E31D2A;
    font-weight: bold;
}

/* Form öğeleri */

.dfx_TextBox
{
    border: solid 1px #999;
    font-family: Tahoma;
    font-size: 11px;
    padding: 3px;
}

/* Düğme */

a.dfx_Btn
{
    display: inline-block;
    background-image: url(/Images/ButtonBg.jpg);
    background-repeat: repeat-x;
    background-position: center;
    background-color: #fff;
    border: solid 1px #999;
    text-decoration: none;
    line-height: 16px;
    padding: 4px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
}

a.dfx_Btn:hover
{
    background-image: url(/Images/ButtonBg_Over.jpg);
}

a.dfx_Btn img
{
    float: left;
    margin-right: 4px;
}

/* Eğitmen bilgilerinin yer aldığı kutu */

.dfx_TeacherBox
{
    background-image: url(/Images/EgitmenBg.png);
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    min-height: 180px;
}

.dfx_TeacherBox h1
{
    font-size: 16px;
    color: #E31D2A;
    padding: 0;
    margin: 0 0 30px;
}

.dfx_TeacherBox img
{
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    left: 25px;
    top: 61px;
}

.dfx_TeacherBox p
{
    margin-left: 150px;
}

/* Navigasyon */

div.dfx_Nav
{
    /*float: right;*/
    position: relative;
    width: 134px;
    margin: 0 auto;
    height: 20px;
    overflow: hidden;
}

.dfx_NavLabel
{
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -6px;
}