@charset "utf-8";
/*
  ************************************************************************
  *  LAYOUT CSS 
  ************************************************************************
*/
body { background-color: #342a23; background-image: url(/images/backgorund-repeat.jpg); background-repeat: repeat-y; background-position: center top; color: #090015; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#bgArea { overflow: hidden; clear: both; background-image: url(/images/background.jpg); background-repeat: no-repeat; background-position: center top; }
#indexBackgorund { overflow: hidden; clear: both; min-height: 710px; background-image: url(/images/index-bg.png); background-repeat: no-repeat; background-position: center top; }
#pageBackgorund { overflow: hidden; clear: both; background-image: url(/images/nar.png); background-repeat: no-repeat; background-position: center top; }
#wrapper { width: 920px; height: auto !important; height: 100%; margin: 0px auto; }
#wrapper #header { clear: both; margin: 0 24px; height: 136px; position: relative; }
#wrapper #header h1 { display: block; overflow: hidden; clear: both; width: 247px; height: 110px; background-image: url(/images/delicce.png); background-repeat: no-repeat; background-position: left top; position: absolute; left: 30px; top: 54px; z-index: 1; }
#wrapper #header h1 a { display: block; width: 247px; height: 110px; text-indent: -99999px; }
#wrapper #header #memberArea { display: block; overflow: hidden; clear: both; float: right; height: 30px; margin-top: 6px; margin-right: 36px; background-image: url(/images/login-bgs.png); background-repeat: repeat; background-position: left top; color: #ffffff; font-size: 12px; line-height: 30px; font-weight: bold; font-family: Arial; }
#wrapper #header #memberArea a { display: block; overflow: hidden; float: left; margin-left: 28px; color: #ffffff; font-size: 12px; font-weight: bold; }
#wrapper #header #memberArea #loginA { display: block; overflow: hidden; float: right; min-height: 30px; background-color: #000; }
#wrapper #nav { overflow: hidden; float: right; clear: both; margin-top: 78px; padding-right: 14px; position: relative; z-index: 0; }
#wrapper #nav ul { float: right; clear: both; list-style: none; margin: 0px; padding: 0px; }
#wrapper #nav ul li { float: left; }
#wrapper #nav ul li.nav1 { }
#wrapper #nav ul li.nav2 { margin-left: 10px; }
#wrapper #nav ul li.nav3 { margin-left: 8px; }
#wrapper #nav ul li.nav4 { margin-left: 20px; }
#wrapper #nav a { display: block; overflow: hidden; float: left; margin-left: 10px; }
/*#wrapper #nav a.nav2 { margin-left:10px; }
#wrapper #nav a.nav3 { margin-left:10px; }
#wrapper #nav a.nav4 { margin-left:10px; }*/
#wrapper #contentArea { overflow: hidden; clear: both; padding: 22px 25px; }
#indexBackgorund #wrapper #contentArea { padding: 0px; }
#wrapper #footer { overflow: hidden; clear: both; padding-bottom: 20px; }
#wrapper #footer #footerLeft { display: block; overflow: hidden; float: left; margin: 0 26px; }
#wrapper #footer #footerLeft #sslSerticate { display: block; overflow: hidden; clear: both; margin-top: 5px; margin-left: 4px; }
#wrapper #footer #footerLeft #socialMedia { display: block; overflow: hidden; clear: both; width: 175px; height: 46px; margin-left: 3px; background-image: url(/images/social-media.png); background-repeat: no-repeat; background-position: left top; }
#wrapper #footer #footerLeft #socialMedia a { display: block; overflow: hidden; float: left; width: 85px; height: 25px; text-indent: -99999px; }
#indexBackgorund #wrapper #footer #footerLeft { margin-left: 180px; }
#wrapper #footer #footerRight { display: block; overflow: hidden; float: right; padding-right: 33px; }
#wrapper #footer #footerRight .fLinks { display: block; overflow: hidden; float: left; padding: 2px 0px; margin-left: 0px; }
#wrapper #footer #footerRight .fLinks a { display: block; overflow: hidden; clear: both; padding: 0px 5px; color: #090015; font-size: 12.5px; line-height: 17px; font-weight: bold; /*text-shadow: 1px 1px 5px rgba(255,255,255,0.7);*/ }
#wrapper #footer #footerRight .fLinks a.mainL { font-family: "Arial Black"; }
#wrapper #footer .copyRight { display: block; clear: both; overflow: hidden; padding-left: 16px; padding-top: 33px; color: #090015; font-size: 11px; font-weight: bold; /*text-shadow: 1px 1px 5px rgba(255,255,255,0.7);*/ }
#indexBackgorund #wrapper #footer #footerRight { margin-right: 60px; }
/*
  ************************************************************************
  *  DATA AREA
  ************************************************************************
*/
#welcome { overflow: hidden; clear: both; width: 720px; height: 320px; margin: 0 auto; margin-top: 80px; margin-bottom: 56px; }
#welcome .fixedPage { display: block; overflow: hidden; clear: both; background-repeat: no-repeat; background-position: left top; border-radius: 12px; }
#welcome .fixedPage h2 { font-size: 24px; line-height: 50px; font-family: 'SueEllenFranciscoRegular'; }
#welcome .fixedPage p { }
#welcome #slideShow { display: block; overflow: hidden; clear: both; width: 720px; height: 298px; margin: 0 auto; position: relative; }
#welcome #slideShow #slider { display: block; float: right; clear: both; width: 720px; height: 298px; position: relative; }
/* 
* Genel text alani. 
* Bu alanda bazi onemli bolumler vardir.. 
* Onr : yazinin print edilmesi ws. gibi alanlardir. 
*/
#content { overflow: hidden; clear: both; min-height: 350px; background-color: #fff; background-image: url(/images/content-bg.jpg); background-repeat: repeat; background-position: left top; box-shadow: 0px 3px 25px rgba(0,0,0,1); }
#content #textArea { overflow: hidden; clear: both; margin: 30px; }
#content #textArea #contentBanner { overflow: hidden; clear: both; width: 810px; height: 366px; margin-bottom: 10px; background-image: url(/images/content-banner.jpg); background-repeat: no-repeat; background-position: left center; font-family: 'SueEllenFranciscoRegular'; border-radius: 12px; }
#content #textArea #contentBanner.recipe { }
#content #textArea #contentBanner h2 { overflow: hidden; clear: both; margin-left: 40px; margin-top: 80px; text-transform: uppercase; color: #090015; font-size: 36px; }
#content #textArea #contentBanner.recipe h2 { margin-top: 20px; }
#content #textArea #contentBanner.urun-satin-al h2 { margin-top: 20px; }
#content #textArea #contentBanner h2 a { color: #090015; }
/* Beyaz Banner Start */
#content #textArea #contentBanner.bizim-hikayemiz h2 a { color: #ffffff; }
#content #textArea #contentBanner.nar-eksisi-hakkinda h2 a { color: #ffffff; }
#content #textArea #contentBanner.urun-satin-al h2 a { color: #ffffff; }
#content #textArea #contentBanner.tum-urunler h2 a { color: #ffffff; }
#content #textArea #contentBanner.zeytinyaginin-ozel-kullanim-alanlari h2 a { color: #ffffff; }
#content #textArea #contentBanner.yuz-icin h2 a { color: #ffffff; }
#content #textArea #contentBanner.vucut-icin h2 a { color: #ffffff; }
#content #textArea #contentBanner.bebeginiz-icin h2 a { color: #ffffff; }
#content #textArea #contentBanner.saciniz-icin h2 a { color: #ffffff; }
#content #textArea #contentBanner.elleriniz-icin h2 a { color: #ffffff; }
#content #textArea #contentBanner.nar-eksisi a { color: #ffffff; }
#content #textArea #contentBanner.ozel-tarifler a { color: #ffffff; }

/* Beyaz Banner End */
#content #textArea #contentBanner ul { float:left; list-style: none; margin: 0px; padding: 0px; margin-left: 44px; }
#content #textArea #contentBanner ul li { display: block; overflow: hidden; clear: both; }
#content #textArea #contentBanner.recipe ul li ol { margin-left: 50px; }
#content #textArea #contentBanner ul li a { display: block; overflow: hidden; float: left; text-transform: uppercase; color: #090015; font-size: 26px; line-height: 38px; font-weight: normal; }
/* Beyaz Banner Start */
#content #textArea #contentBanner.bizim-hikayemiz ul li a { color: #fff; }
#content #textArea #contentBanner.nar-eksisi-hakkinda ul li a { color: #fff; }
#content #textArea #contentBanner.urun-satin-al ul li a { color: #fff; }
#content #textArea #contentBanner.tum-urunler ul li a { color: #fff; }
#content #textArea #contentBanner.zeytinyaginin-ozel-kullanim-alanlari ul li a { color: #fff; }
#content #textArea #contentBanner.yuz-icin ul li a { color: #fff; }
#content #textArea #contentBanner.vucut-icin ul li a { color: #fff; }
#content #textArea #contentBanner.bebeginiz-icin ul li a { color: #fff; }
#content #textArea #contentBanner.saciniz-icin ul li a { color: #fff; }
#content #textArea #contentBanner.elleriniz-icin ul li a { color: #fff; }
/* Beyaz Banner End */
#content #textArea #contentBanner ul li a:hover, #content #textArea #contentBanner ul li a.active { font-weight: bold; }
/*#content #textArea #contentBanner.deliccenin-hikayesi ul li a:hover, #content #textArea #contentBanner.deliccenin-hikayesi ul li a.active { font-weight:bold; }*/
/*#content #textArea #contentBanner.recipe ul li a:hover, #content #textArea #contentBanner.recipe ul li a.active { background-image:url(/images/ok-right.png); padding-left:32px; }*/
#content #textArea #contentBanner p { display: block; overflow: hidden; clear: both; width: 250px; margin-left: 44px; line-height: 18px; }
#content #textArea #contentText { overflow: hidden; clear: both; text-align: justify; font-size: 15px; }
#content #textArea h3 { overflow: hidden; clear: both; text-transform: uppercase; color: #090015; font-size: 25px; font-family: 'SueEllenFranciscoRegular'; }
#content #textArea h4 { font-size: 18px; color: #231f20; }
#content #textArea h5 { font-size: 16px; color: #231f20; }
#content #textArea #productRight h3 { font-size: 27px; line-height: 44px; }
#content #textArea #contentText ul { margin: 10px 0; margin-left: 40px; }
#content #textArea #contentText ul li { margin-bottom: 4px; }
#recipeList { overflow: hidden; clear: both; }
#content #textArea #recipeList h4 { overflow: hidden; clear: both; text-transform: uppercase; color: #090015; /*font-size:16px;*/ font-size: 20px; font-family: 'SueEllenFranciscoRegular'; }
#recipeList form { display: block; overflow: hidden; float: right; clear: both; width: 400px; min-height: 20px; margin-top: 22px; padding: 2px; border: 1px solid #231f20; box-shadow: inset 0px 0px 1px rgba(0,0,0,1); }
#recipeList form input { background: none; border: none; outline: none; }
#recipeList form input[type="text"] { width: 350px; height: 24px; margin-right: 10px; padding: 0 10px; font-size: 16px; }
#recipeList form input[type="submit"] { float: right; width: 13px; height: 24px; margin-right: 2px; background-image: url(/images/ok-right-detail.png); background-repeat: no-repeat; background-position: left top; text-indent: -99999px; cursor: pointer; }
#recipeList .rList { overflow: hidden; clear: both; padding-top: 20px; }
#recipeList .rList img { float: left; margin-right: 20px; border-radius: 6px; }
#recipeList .rList .rTitle { text-transform: uppercase; color: #090015; font-size: 16px; line-height: 50px; font-family: 'SueEllenFranciscoRegular'; font-weight: bold; }
#recipeList .rList .rTitle a { color: #090015; }
#recipeList .rList p { text-align: justify; font-size: 14px; }
#recipeList .rList .detail { display: block; overflow: hidden; float: right; margin-top: 16px; padding-right: 26px; background-image: url(/images/ok-right-detail.png); background-repeat: no-repeat; background-position: 55px center; color: #090015; font-size: 20px; line-height: 30px; font-family: 'SueEllenFranciscoRegular'; }
#recipeDetails { overflow: hidden; clear: both; padding-top: 32px; }
/*
  ************************************************************************
  *  INDEX MEMBERS
  ************************************************************************
*/
.index-member-form { overflow: hidden; float: right; padding-top: 30px; }
.index-member-form label { display: block; float: left; }
.index-member-form .login-title { float: left; }
.index-member-form .login-rooter { float: left; }
.index-member-form input { border: 1px solid #adadad; padding: 4px; border-radius: 4px; }
.index-member-form input:focus { border: 1px solid #a7a7a7; -moz-box-shadow: inset 1px 1px 2px #ccc; -webkit-box-shadow: inset 1px 1px 2px; box-shadow: inset 1px 1px 2px #ccc; }
.index-loged-in { overflow: hidden; float: right; }
.index-loged-in .welcomes { display: block; float: left; }
.index-loged-in .my-page { display: block; float: left; }
.index-loged-in .logged-out { display: block; float: left; }
/*
  ************************************************************************
  *  COMMENT AREA
  ************************************************************************
*/
.comments { display: block; clear: both; }
.comments fieldset { border: 1px solid #9a9a9a; padding: 20px; border-radius: 6px; }
.comments fieldset legend { color: #444444; font-size: 1.2em; padding: 10px; }
.comments fieldset label { display: block; clear: left; padding-bottom: 4px; }
.comments fieldset input[type='text'], .comments fieldset input[type='password'], .comments fieldset textarea { display: block; width: 99%; padding: 4px; border: 1px solid #9a9a9a; border-radius: 4px; }
.comments span.requires { font-size: 0.9em; color: red; }
.comments fieldset input:focus, .comments fieldset textarea:focus { border-width: 1px; border-color: coral; border-style: solid; }
.comments fieldset input[type='submit'] { display: block; padding: 4px; border: 1px solid #9a9a9a; border-radius: 4px; background-color: #DFDFDF; }
.comments .yorumSonuc { display: block; clear: both; padding-bottom: 20px; color: red; }
.comments .yorumSonuc span { color: #333; }
.comments .com-list { clear: both; padding-top: 6px; }
.comments .com-list ul { padding: 0; margin: 0; list-style-type: none; }
.comments .com-list ul li { border: 1px solid #9a9a9a; padding: 10px; margin-bottom: 4px; background-color: #f8f7f7; border-radius: 6px; }
.comments .com-list ul li strong { display: block; float: left; font-size: 0.9em; color: #a8a8a8; font-weight: normal; }
.comments .com-list ul li span { display: block; float: right; font-size: 0.9em; color: #a8a8a8; font-weight: normal; }
.comments .com-list ul li p { display: block; clear: both; overflow: hidden; padding-top: 3px; }
/*
  ************************************************************************
  *  SUPPORT FORM STYLE
  ************************************************************************
*/
form#contactForm { display: block; overflow: hidden; clear: both; padding-top: 4px; }
form#contactForm table { width: 99%; }
form#contactForm table tbody tr th { width: 60px; text-align: left; vertical-align: middle; font-weight: bold; }
form#contactForm table tbody tr td { padding: 4px 2px; }
form#contactForm fieldset { border: 1px solid #6d6969; padding: 10px; width: 320px; }
form#contactForm fieldset legend { color: #61615f; font-size: 1.2em }
form#contactForm fieldset label { color: #666666; padding-bottom: 4px; display: block; clear: left; }
form#contactForm input[type='text'], form#contactForm textarea { width: 100%; padding: 1px 2px; }
form#contactForm input[type='submit'] { float: right; padding: 1px 8px; background: none; border: none; background-color: #566347; color: #fff; font-family: 'SueEllenFranciscoRegular'; border-radius: 4px; cursor: pointer; outline: none; }
form#contactForm fieldset textarea { width: 96%; padding: 2px; }
form#contactForm fieldset select { width: 96%; padding: 2px; }
form#contactForm span.dogrulamaKodu { font-size: 0.8em; }
form#contactForm span.requires { font-size: 0.76em; color: #333; }
form#contactForm fieldset input.secureCode { width: 100%; }
form#contactForm fieldset input:focus, form#contactForm fieldset textarea:focus { border-width: 2px; border-color: #64a2e1; border-style: solid; }
form fieldset textarea:focus { border-width: 2px; border-color: #64a2e1; border-style: solid; }
.formGetInfo { display: block; overflow: hidden; clear: both; margin: 10px 0; padding: 6px; border-top: 2px solid #2391D0; border-bottom: 2px solid #2391D0; }
.formGetError { display: block; overflow: hidden; clear: both; margin: 10px 0; padding: 6px; border-top: 2px solid #f00; border-bottom: 2px solid #f00; }

.showhide{padding: 6px; display: none;}