* { margin:0; padding:0; text-align: center;
}

body {padding-bottom:20px; background-image: url('../Design/bg.gif'); background-repeat: repeat-x; background-position: 0px 0px; font-size: 12px; font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif; text-align:justify; color: #696969; background-color: #BFBFBF;}

/* ----------------- Master Page  ---------------------------*/

#AnaCerceve
{
    padding-bottom: 20px;
    background-image: url('../Design/ArkaPlan.gif');
    width: 910px;
    margin: 0 auto;
    background-repeat: repeat-x;
    min-height:1px;
}
#UstCerceve {padding: 0px 10px 0px 10px; background-position: 0px 0px; position: relative; height: 100px; overflow: hidden; background-repeat: no-repeat; background-image: url('../Design/UstCerceve.jpg');}
#UstCerceveLogo {float: left; width: 150px; background-image: url('../Design/Ervaksan_Logo.png'); background-repeat: no-repeat; background-position: 0px 0px; height: 95px;}
#UstCerceveYazi {background-image: url('../Design/BaslikYazisi.png'); background-repeat: no-repeat; background-position: 0px 0px; float:left; width:400px; height:85px; position:inherit; top:10px; left:50px;}
#UstCerceveSlogan {float: right; width: 150px; height: 75px; padding: 15px; text-align: center; color: #C0C0C0;}
#MenuCerceve {padding:0 15px 5px 6px; background:url("../design/nav.gif") 0 100% no-repeat;}
#SunumCerceve {background-image: url('../Design/SunumCerceve.gif'); background-repeat: repeat-y !important; background-position: 0px 0px;}
    #SunumCerceveUst {background-repeat: no-repeat; background-position: 0px 0px; width: 910px; height: 35px; background-image: url('../Design/Baslik.png');}
    #SunumCerceveAlt {background-position: 0px 0px; width: 910px; height: 12px; background-image: url('../Design/SunumCerceveAlt.gif'); font-size: 0; background-repeat: no-repeat;}
#AltCerceve {width: 870px; padding: 20px 20px 0 20px; background: url('../Design/alt_cerceve-910-100.jpg') no-repeat 0 0; height: 100px; color: #CCCCCC; text-align: left;}
#Sayfa
{
    background-image: url('../Design/UrunlerSayfa.png');
    background-repeat: repeat-y;
    background-position: 0px rosivrepus;
    width: 910px;
    min-height: 800px;
}
#SayfaSol {width: 235px; padding: 5px; margin: 10px; float: left;}
#SayfaSag {width: 610px; padding: 5px; margin: 10px; float:right; }


/* ------------------ Slider Baslangıç------------ */

#sidebar {width: 200px;	padding: 0;	margin: 0 0 0 690px;}
#slider {position: relative; margin: 0px; width: 400px;}
#slider .viewer {width: 400px; height: 200px; border: solid 1px #D4D4D4; border-radius: 3px;}
#slider .slide {width: 400px; height: 200px; }
#slider .indicator {position: relative; z-index: 1; text-align: center; margin: 10px 0 0 0;}
#slider .indicator span {display: inline-block; text-indent: -9999em; width: 12px; height: 12px; background: #E3DFDF; border-radius: 6px; margin: 0 2px 0 2px;}
; border-radius: 6px; margin: 0 2px 0 2px;}
#slider .indicator span.active {background: #6E6E6E;}
#wrapper {position: relative; width: 499px; 
margin: 50px 0px 0px 70px; background: #FFFFFF; border-radius: 6px; box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
    top: 0px;
    left: 0px;
    height: 333px;
}
.IletisimKutuSol {position: relative; width: 200px; height:175px; margin: 10px; padding:10px; background: #FFFFFF; border-radius: 6px; box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);}
.IletisimKutuSag {position: relative; width: 500px; height:154px; 
margin: 10px; padding:10px; background: #FFFFFF; border-radius: 6px; box-shadow: 0px 5px 20px 2px rgba(0,0,0,0.1);
    top: 6px;
    left: -7px;
}


/* ------------------ Slider Bitiş------------ */


a:link, a:visited {color: #3366CC; font-weight: 700;}
a:hover {color: Red; text-decoration: none;}
a:active {color: #3366CC;}
p {margin-bottom: 0px; line-height: 1.6em;}


/* ------------------ HEADINGS ---------------------------------*/

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0; color: #666666; text-align:left;}
h1 {font-weight:bold; font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 140%; text-align: left;}
h4 {font-size: 120%;}
h5, h6 {font-size: 100%;}
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {margin-top: 0px;}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {width:100%;}
div.menu {padding: 4px 0px 4px 8px;}
div.menu ul {list-style: none; margin: 0px; padding: 0px; width: auto;}
div.menu ul li a, div.menu ul li a:visited {font-weight:bold; color: black; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap;}
div.menu ul li a:hover {background-color: #bfcbd6; color: #465c71; text-decoration: none;}
div.menu ul li a:active {background-color: #465c71; color: #cfdbe6; text-decoration: none;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {margin: 1em 0px; padding: 1em; border: 1px solid #ccc;}
fieldset p {margin: 2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label {display: block;}
fieldset label.inline {display: inline;}
legend {font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px;}
input.textEntry {width: 320px; border: 1px solid #ccc;}
input.passwordEntry {width: 320px; border: 1px solid #ccc;}
div.accountInfo {width: 42%;}

/* MISC  
----------------------------------------------------------*/
/*
.loginDisplay {font-size: 1.1em; display: block;text-align: right; padding: 10px; color: White;}
.loginDisplay a:link {color: white;}
.loginDisplay a:visited {color: white;}
.loginDisplay a:hover {color: white;}
.failureNotification {font-size: 1.2em; color: Red;}
.bold {font-weight: bold;}
.submitButton {text-align: right; padding-right: 10px;}

*/
/* --------------------- Genel Stil (display, float, margin, text-align...) ------------------------------ */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
.relative {position:relative;}
.clear {clear:both;}
.f-left {float:left !important;} 
img.f-left {float:left; margin-right:10px; width: 107px;}
.f-right {float:right !important;} 
img.f-right {float:right; margin-left:10px;}
.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}
.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}
.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}
.noscreen {display:none;}

/* ------------------------- Generally HTML styles (table, ul, dl...)-------------------------------------------- */            

table.table-style01 {width:100%;}
table.table-style01 th {text-align:center;}


ul.ul-style01 {margin:15px 0 15px 20px; padding:0; list-style:none;}
ul.ul-style01 li {margin: 0; padding: 0; padding-left: 15px; background: url('../Design/date.gif') no-repeat 0px 5px;} 
ul.ul-style01 ul {margin:0; padding:0; list-style:none;}
ul.ul-style01 ul li {background: url("../design/date.gif") 0 5px no-repeat;}

/* --------------- Layout --------------------------------------------------- */

    #cols
{
    background-image: url('../Design/cols.gif') 0 0 repeat-y; min-height:900px;
    height: 1250px;
}
        #content {float:left; width:655px; overflow:hidden;}
            #content #content-title {margin:0; padding:15px 15px 10px 20px; background:url("../design/content-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal; color:White;}
            #content #content-in {padding:15px 15px 10px 20px;}
            .yazirengi{ color:Gray;}
        #aside {float:right; width:255px; overflow:hidden;}
            #aside #aside-title {margin:0; padding:15px 15px 10px 15px; background:url("../design/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}
            #aside .aside-in {padding:10px 10px 15px 10px;}
            #aside .aside-box {padding:10px; background:url("../design/aside-box.jpg") 0 0 no-repeat;}
            #aside .title {margin:0 5px 0 0; padding:10px 15px; background:url("../design/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}    
    #cols-bottom {width:910px; height:12px; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0;}
        
/* --------------------------------------- Ana Sayfa ----------------------------------- */

#perex {margin-left: 5px; padding: 1px 15px 15px 15px; background: url("../design/perex.gif") no-repeat 0 100%; background-color: #000000;}
#perex p {margin:0;}
#sections {background:url("../design/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:25px; background:url("../design/sections-bottom.gif") 0 0 no-repeat; font-size:0;}
    .section {float:left; width:200px;}
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:10px; background:url("../design/GriBaslik.jpg") 0 0 no-repeat; font-size:100%;}
    .section-in {margin-bottom:10px; padding:0 10px 10px 10px;}
dl#DuyuruHaber, dl#DuyuruHaber dd {margin:0;}
dl#DuyuruHaber dt {clear:both; padding-left:18px; background:url("../design/ico-list.gif") 0 2px no-repeat;}
dl#DuyuruHaber dd {margin:7px 0 10px 0; padding-bottom:10px;}
dl#DuyuruHaber dd span.date {padding-right:10px; background:url("../design/date.gif") 100% 50% no-repeat; font-size:85%; font-weight:bold;}