*{padding: 0; margin: 0;}
html, body{
margin:0 auto;
padding:0;
font:90% Tahoma,Arial,sans-serif;
background:#fff url(bg.png) top center repeat-x;
color:#333;
min-height: 100%;
height: auto !important;
}
a:link {color: #4e3c20}
a:hover {color: #8d9878}
a:visited {color: #4e3c20}

strong {
	font-weight:bold;
	}

.quote{ 
color:#000;}

#logo{
float:left;}
a#yaprak {
    width: 242px;
    height: 130px;
    background-image: url(panorama.png);
    display: block;
    text-decoration: none;}

a#yaprak:hover {
    background-position: 242px 0;}

.highlight{ 
font-size:116%;
color:#BA0808;
}
#tag {
padding:10px 0 10px 0;}

#tag p {
font:126% Georgia,Arial,serif;
color:#333;}
#tag h2 {
font:156% Georgia,Arial,serif;
color:#ba0808;}

#content p {
padding: 5px 0px 5px 0;}
.announce p {
padding: 5px 0px 5px 0;}

#right ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0 0 0 27px;}
#right ul li {
background: transparent url(double_arrow.png) 0px 4px no-repeat;
margin: 0;
padding: 0px 0px 8px 0px;
text-indent: 14px;}

#right p {
padding: 5px 0px 5px 0;}

#wrap{
background:inherit;
color:#303030;
margin:0 auto;
width:776px;}

#header{
clear:both;
margin:0 0 0 0;
padding:10px 0 0 0;
height:133px;}
#header p{
clear:right;
float:right;
text-align:right;
font-size:86%;
padding:10px 0 0 0;}

#header a img{
float:left;}

#header ul{
float:right;
text-align:right;
font-size:86%;
padding: 20px 0 0 0px;}

#header ul li{display: inline;
list-style-type: none;
padding: 0px 0 0 20px;}

#flash{
clear:both;
margin:0 0 0 0;
padding:0;
background:transparent;
height:220px;}

#menu{
clear:both;
margin:0 0 0 0;
padding:0;
background:transparent;
height:196px;}

dl{width: 99%;overflow: auto;margin: 0 0 1em;
    background: url(dot.gif) repeat-x 0 1.2em}
dt,dd.price{background: inherit;font-size: 100%;font-weight: bold}
dt{float: left;padding-right: 3px;color: #303030}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #555}
dd.ingredients{float: left;width: 99%;padding: 3px 0;
   font: italic 100% Georgia,Times,sans-serif;color: #555}

.announce{
clear:left;
float:left;
margin:0px 0 10px 0;
padding-right:30px;
line-height:1.3em;
width:360px;
background:transparent;}
#content{
float:right;
clear:right;
margin:0px 12px 20px 10px;
padding:0 0px 0 0px;
line-height:1.3em;
width:360px;
text-align:left;}

.alignleft {
	float:left;
	margin:0 10px 20px 60px;
	}

.left{
clear:left;
float:left;
margin:10px 0 10px 0;
padding:0px;
width:192px;
background:transparent;}
.left a img{
border:3px solid #4e3c20;
margin:5px 3px 5px 4px;
padding:0 0 0 0;
cursor: url(images/zoomin.cur ), pointer;}

.left a:hover img {
border:3px solid #8d9878;}

.no_border a img{
border:0;
margin:2px 0px 5px 0px;
padding:0 0 0 0;
cursor: pointer;}

.left a:hover img {
border:0;}

.note{
color:#ba0808;}
.notice{
font-size:86%;
border: 1px dashed #555;
padding: 5px;
margin-bottom: 10px;}
.notice a{
color: #ba0808;}

.contact{
border: 2px solid #4e3c20;
width: 206px;
padding: 10px 10px 10px 18px;
font-size: 76%;
background: #cccc99;}

#view a img{
border:2px solid #000;
margin:6px 0px 0px 8px;
padding:0 0 0 0;}

#view a:hover img {
border:2px solid #4e3c20;}
#view a {
   text-decoration: underline;}

#view ul {
	margin:10px 0 10px 17px;
	}   
   
#content a:hover {
   text-decoration: none;}
#content h3{
font: 146% Georgia,Times,sans-serif;color: #000;
padding: 15px 0 3px 0;}
#view h3{
font: 146% Georgia,Times,sans-serif;color: #000;
padding: 15px 0 3px 0;}
#view h4{
font: 126% Georgia,Times,sans-serif;color: #000;
padding: 15px 0 3px 0;}
.announce h3{
font: 146% Georgia,Times,sans-serif;color: #000;
padding: 15px 0 3px 0;}
#view h2{
font: italic 156% Georgia,Times,sans-serif;color:#ba0808;
padding: 15px 0 3px 0
}
#view {
clear:left;
padding: 0px 0 10px 0;
}
#gallery a img{
border:2px solid #000;
margin:6px 0px 0px 0px;
padding:0 0 0 0;
}

#gallery a:hover img {
border:2px solid #4e3c20;
}
#gallery a {
   text-decoration: underline;
}
#gallery h3{
font: 146% Georgia,Times,sans-serif;color: #000;
padding: 15px 0 3px 0
}
#gallery h2{
font: italic 156% Georgia,Times,sans-serif;color:#ba0808;
padding: 15px 0 3px 0
}
#gallery {
padding: 0px 0 10px 0;
}

#right{
margin:0px 0px 20px 222px;
padding:0 10px 0 20px;
border-left:1px dashed #555;
line-height:1.3em;
text-align:left;
}
#right h1{
font: italic 266% Georgia,Times,sans-serif;
text-align:center;
padding: 0 0 0 0;
}

#right h2{
font: italic 136% Georgia,Times,sans-serif;color: #ba0808;
padding: 15px 0 3px 0
}

#footer{
clear:both;
margin:26px 0 0 0;
padding:10px 10px 5px 0px;
border-top:4px solid #f0f0f0;
width:99%;
text-align:center;
color:#fff;
background-color:#000;
font-size:86%;
}

#footer ul{
text-align:center;
}

#footer ul li{
display: inline;
list-style-type: none;
padding: 0 4px 0 4px;
}

#footer a{
text-decoration: underline;
color:#fff;
background:inherit;
}

#footer a:hover{
color:#8d9878;
background:inherit;
}

a img{
border:none;
padding:0px 2px 0px 0;
}

h2{
font-weight:normal;
font-size:18px;
padding:0;
margin:0;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #right h1 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 70px;
}

#playlist {
	border-collapse: collapse;
	width: 470px;
	margin: 6px 0 0 10px}

#playlist thead tr { background: #eee; color:#000}

#playlist tbody tr td {
	padding: 0.2em 0.5em;
	border-left: 1px dashed #D9D9D9;}

#playlist tbody tr.selected {
	background: #3d80df;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #346dbe;
	border-bottom: 1px solid #7daaea;}

.odd {background: #fff; color: #454545}
.even {background: #edf3fe; color: #454545}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:37px;font-size:14px;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Verdana,Helvitica,sans-serif;border-top:4px solid #999933;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 19px 0 20px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#999933;background:#333 url(images/bgON.gif) repeat-x top left;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

#navcontainer
{
background: inherit;
width: 100%;
margin: 0;
padding: 0 0 0 0;
font-family: verdana, sans-serif;
font-size: 12px;
text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 5px 5px 5px 5px;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #fff;
text-decoration: none;
background: #000;
}


/* mail */
.mailwrapper {
	text-align: center;}

.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 370px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

.maildiv form {
	text-align: left;}
	
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 100px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;}
	
.maildiv a {
	color: #002dbe;
	background: inherit;}
	
.maildiv h2 {
	color: #002dbe;
	background: inherit;
	font-size: 120%;}
	
.maildiv input {
	margin-bottom: 10px;}
	
.maildiv select {
	margin-bottom: 10px;}
	
.maildiv textarea {
	margin-bottom: 10px;}
	
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 0px }
	
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	border: 0px }
	
.maildiv .legendspacing {
	height: 10px;}
	
.maildiv .fmcredits {
	float: left;
	font-size: 80%;}
	
.maildiv .fmsubmit {
	float: right;}
	
.maildiv .fmrequired {
	color: #002dbe;
	background: inherit;
	font-size: 80%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;}
	
.maildiv .fmspacer {
	height: 10px;}
	
.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #002dbe;
	background: inherit;
	margin-bottom: 15px;}
	
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #002dbe;
	background: inherit;
	margin-left: 110px;
	margin-bottom: 15px;}
	
.maildiv .fmerrorbox {
	text-align: left;}
	
.maildiv li {
	margin: 0 0 4px 0;}

.maildiv .fmerrortitle {
	color: #FF0000;
	background: inherit;
	font-size: 120%;}
	/*- Menu 2--------------------------- */
	
#menu2 {
	width: 200px;
	margin-bottom: 20px;
	border-style: solid solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	}
#menu2 li {	
	list-style-type: none;
	}
#menu2 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #666;
	display: block;
	background:  url(menu4.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}
	
#menu2 li a:hover,#menu2 ul li a.current {
	color: #999933;
	background:  url(menu4.gif);
	padding: 8px 0 0 32px;
	}
	
	/*- Menu 3--------------------------- */
	
#menu3 {
	width: 200px;
	margin-bottom: 20px;
	border-style: solid solid none solid;
	border-color: #D8D5D1;
	border-size: 1px;
	border-width: 1px;
	}
#menu3 li {	
	list-style-type: none;
	}
#menu3 li a {
	height: 52px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 52px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #999933;
	display: block;
	background:  url(menu4.gif) 0 -32px;
	padding: 16px 20px 0 30px;
	}
	
#menu3 li a:hover,#menu3 ul li a.current {
	color: #999933;
	background:  url(menu4.gif);
	padding: 16px 20px 0 32px;
	}
	
	
	ul.verticalNavPopOut {
 width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	border-top: 0px solid #000; /* Puts in missing top black border */
}

ul.verticalNavPopOut a {
 display: block;
	width: 200px;
	height: 31px;
	background: url('images/verticalButton2.png') no-repeat left bottom;
	color: #666! important;
	line-height: 30px;
	text-indent: 25px;
	text-decoration: none;
}

ul.verticalNavPopOut a:hover {
 background-position: right bottom;
	color: #999933! important;
}

ul.verticalNavPopOut li {
 display: inline; /* Removes gaps in IE/WIN */
}

ul.verticalNavPopOut ul, ul.verticalNavPopOut ul ul {
	left: -999em;
	position: absolute;
	margin: -32px 0 0 200px;
	padding: 0;
	border-top: 0px solid #000; /* Puts in missing top black border */
}
	
ul.verticalNavPopOut li:hover ul, ul.verticalNavPopOut li:hover ul ul,
ul.verticalNavPopOut li.iehover ul, ul.verticalNavPopOut li.iehover ul ul { /* 2nd, 3rd level hide */
	left: -999em;
}
	
ul.verticalNavPopOut li:hover ul, ul.verticalNavPopOut li li:hover ul,
ul.verticalNavPopOut li.iehover ul, ul.verticalNavPopOut li li.iehover ul { /* 2nd, 3rd level show */
	left: auto;
}

/*__Block hover---*/
#links ul {
        list-style-type: none;
        width: 470px;} 
#links ul li {
background:inherit;}
#links li {
				border-left: 1px dashed #999;
        margin: 5px ;
				height:40px;}
#links li a { 
       color: #ba0808;
        display: block;
        font: 120% Georgia, "Times New-Roman", serif;
        padding: 5px;
				height:38px;
        text-decoration: none;}
 * html #links li a {  /* make hover effect work in IE */
	width: 400px;}
#links li a:hover {
        background: #ffffcc;}		
#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; }