﻿#page{width:650px; border:1px solid #000; background:#FFF; }
#page .closeDiv{width:275px; float:right; position:relative; right:0px; top:0px; margin:5px 5px 0px 0px; padding:5px 0px; border-bottom:1px solid #000; z-index:2;}
    .btnClose{width:13px; height:13px; display:block; float:right; background:url(../images/close_button.png) no-repeat; cursor: pointer;}
#page .pageContent{width:650px; height:650px; position:relative; top:0px; z-index:1;}
#page .pageFooter{width:650px; height:116px; clear:both; background: url(../images/pageFooter_image.jpg) no-repeat right;}
.clear{ clear:both;}
.modal-window {position: absolute; right:5px; top:30px; margin: 0; padding: 0; z-index: 102; width:650px; height:100%;}
.close-window {position: absolute; width: 47px; height: 47px; right: -23px; top: -23px; background: transparent url(../images/close-button.png) no-repeat scroll right top; text-indent: -99999px; overflow: hidden; cursor: pointer; }
.formAlert{font:normal 11px Arial; color:#333; }
#myMap{width:425px; height:200px;}
/* FONT SETTINGS
*********************************************/

.pagename{font-size:16px; font-family:Arial; color:#d33227;}

/* MAIN PAGE SETTINGS
*********************************************/
#mainPage{width:650px; height:650px; padding-top:80px; background:url(../images/anasayfa_background.jpg) no-repeat;}
    #mainPage .pageinContent{width:320px; float:right;  padding:40px 35px 20px 40px;  background:#FFF; height:500px; overflow:auto;}
    #mainPage .pageinContent ul{ width:320px; margin-top:10px; border-top:1px solid #000;}
    #mainPage .pageinContent ul li{width:320px; margin-top:10px;}
    .f_newsHeadline{color:#000; font:bold 15px Arial;}
    .f_newsText{color:#333; font:normal 12px Arial;}
    
    
#cookShopPage{width:650px;  height:650px; height:100%; padding-top:80px; background:url(../images/cookshop_background.png) no-repeat; overflow:auto;}
    #cookShopPage .pageinContent{width:320px; height:500px;  float:right;  padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    .f_cookshoptext{color:#333; font:normal 12px Arial;}
    
#menuPage{width:650px;  height:650px; padding-top:80px; background:url(../images/menu_background.jpg) no-repeat;}
    #menuPage .pageinContent{width:420px; height:500px; float:right; padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    #menuPage .pageinNavigation{width:80px; padding:10px; float:left; margin-left:30px; background:url(../images/transparanbeyaz_background.png);}
    #menuPage .pageinNavigation ul{width:80px; margin-bottom:5px;}
    .f_menunavigation{font:bold 12px Arial; color:#000;}
    
#subelerPage{width:650px;  height:650px; padding-top:80px; background:url(../images/subeler_background.png) no-repeat;}
    #subelerPage .pageinContent{width:420px; height:500px; float:right; padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    #subelerPage .pageinNavigation{width:80px; padding:10px; float:left; margin-left:40px; background:url(../images/transparanbeyaz_background.png);}
    #subelerPage .pageinNavigation ul{width:80px; margin-bottom:5px;}
    .f_menunavigation{font:bold 12px Arial; color:#000;}
    
#franchisePage{width:650px;  height:650px; padding-top:80px; background:url(../images/franchise_background.jpg) no-repeat;}
    #franchisePage .pageinContent{width:320px; height:500px;  float:right;  padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    .f_franchisetext{color:#333; font:normal 12px Arial;}
    
#suggestionPage{width:650px;  height:650px; padding-top:80px; background:url(../images/franchise_background.jpg) no-repeat;}
    #suggestionPage .pageinContent{width:320px; height:500px;  float:right;  padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    .f_franchisetext{color:#333; font:normal 12px Arial;}
    
    
#ikPage{width:650px;  height:650px; padding-top:80px; background:url(../images/insankaynaklari_background.png) no-repeat;}
    #ikPage .pageinContent{width:450px; height:500px; float:right; position:relative; right:0px; padding:40px 30px 20px 20px;  background:#FFF; overflow:auto;}
    /*#ikPage .pageinContent ul{width:320px; display:block;}
    #ikPage .pageinContent ul li{float:left; padding-bottom:5px;}
    #ikPage .pageinContent ul li.iklabel{width:120px;}
    #ikPage .pageinContent ul li.ikinput{width:195px; margin-left:5px; }
    .input_ik{width:190px; border:1px solid #000; padding:3px 0px 4px 5px;}
    
    .btnTemizle{padding:2px 15px; color:#FFF; text-align:center; font-size:12px; background:#b5b5b5; border:0; margin-top:10px;}*/
    
    #ikForm{width:415px !important; float:left; font:normal 12px Arial;}
    #ikForm ul{ margin-bottom:5px; width:415px; min-height:30px;}
    #ikForm ul li.ikLabel{width:110px; padding-top:5px; min-height:25px; font:bold 11px Arial; float:left;}
    #ikForm ul li.ikInput{width:300px; min-height:25px; float:right;}
        .inputik {width:300px; padding:2px 3px 3px 3px; border:1px solid #000; color:#333; font:bold 12px Arial;}
        .inputik2 {width:100px; padding:2px 3px 3px 3px; border:1px solid #000; color:#333; font:bold 12px Arial;}
        .inputik3 {width:85px; padding:2px 3px 3px 3px; border:1px solid #000; color:#333; font:bold 12px Arial;}
        .inputik4 {width:120px; padding:2px 3px 3px 3px; border:1px solid #000; color:#333; font:bold 12px Arial;}
        .f_fontform{font:bold 11px Arial; color:#000;}
        .btnGonder{padding:2px 15px; color:#FFF; text-align:center; font-size:12px; background:#5c5b59; border:0; margin-top:10px;}
            
#basindaPage{width:650px;  height:650px; padding-top:80px; background:url(../images/basinda_background.png) no-repeat;}
    #basindaPage .pageinContent{width:320px; height:500px;  float:right;  padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    #basindaPage .pageinContent ul{margin-top:5px;}
    .pirobox_gall{color:#333; font:normal 13px Arial;}
    .pirobox_gall a, .pressHeadline a:visited{color:#333; text-decoration:none;}
    .pirobox_gall a:hover{ text-decoration:none;}

#iletisimPage{width:650px;  height:650px; padding-top:80px; background:url(../images/iletisim_background.png) no-repeat;}
    #iletisimPage .pageinContent{width:420px;  height:500px;  float:right;  padding:40px 40px 20px 40px;  background:#FFF; overflow:auto;}
    .f_contacthead{font-size:13px; font-family:Arial; color:#d33227;}
    #iletisimPage .pageinContent ul{margin-top:5px;}
    
    #iletisimForm{width:350px;}
    #iletisimForm ul{width:350px; margin-bottom:10px; }
    #iletisimForm ul li.iletisimFormLabel{width:145px; font:bold 12px Arial; padding-top:5px; float:left;}
    #iletisimForm ul li.iletisimFormInput{width:200px; float:right;}
        .inputif {width:195px; padding:2px 3px 3px 3px; border:1px solid #000; color:#333; font:bold 12px Arial;}
        
        
/***** TOOLTIP
***************/
.darkTip						{  }
.darkTip .content				{ width: 200px; padding: 10px; background:#303030 url(../images/toolTip_background.png) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:3px solid #303030; color: #020202; }
.darkTip .bottom				{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }

.lightTip						{  }
.lightTip .content				{ padding: 10px; background:#E2E2E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:3px solid #CCC; color: #333; }
.lightTip .content	img{height:110px;}
.lightTip .bottom				{ height: 14px; background: url(../images/notch-white.png) top center no-repeat; }
    
