.TreeMenuTitle {color: #888888; font: 18px Arial, Helvetica; font-weight: 600}

.XPRedTopBack  {color: #FDC2C2; font: 13px Tahoma, Arial, Helvetica; background-color: #DB8181}
.XPRedMainBack {background-color: #DB8181; background-image: url(img/xpback_Red.gif); background-repeat: no-repeat}
.XPRedMenuBack {background-color: #E19797; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.XPRedHorLine  {background-color: #F0CDCD}
.XPRedExTitle  {color: #FDC2C2; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}
.XPRedText     {color: #FFFFFF; font: 11px Tahoma, Arial}
.XPRedTitle    {color: #FFFFFF; font: 20px Arial, Helvetica; font-weight: bold;}

.XPGreenTopBack  {color: #AAF7A2; font: 13px Tahoma, Arial, Helvetica; background-color: #79C370}
.XPGreenMainBack {background-color: #79C370; background-image: url(img/xpback_Green.gif); background-repeat: no-repeat}
.XPGreenMenuBack {background-color: #90CD89; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.XPGreenHorLine  {background-color: #CBE7C7}
.XPGreenExTitle  {color: #D3FACE; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}
.XPGreenText     {color: #333333; font: 11px Tahoma, Arial}
.XPGreenTitle    {color: #FFFFFF; font: 20px Arial, Helvetica; font-weight: bold;}

.XPOrangeTopBack  {color: #FFD4A2; font: 13px Tahoma, Arial, Helvetica; background-color: #DA9F5B}
.XPOrangeMainBack {background-color: #DA9F5B; background-image: url(img/xpback_orange.gif); background-repeat: no-repeat}
.XPOrangeMenuBack {background-color: #DFB07A; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.XPOrangeHorLine  {background-color: #EDDBC6}
.XPOrangeExTitle  {color: #FFE9CC; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}
.XPOrangeText     {color: #222222; font: 11px Tahoma, Arial}
.XPOrangeTitle    {color: #FFFFFF; font: 20px Arial, Helvetica; font-weight: bold;}

.XPBlueTopBack  {color: #D6DFF5; font: 13px Tahoma, Arial, Helvetica; background-color: #6375D6;}
.XPBlueMainBack {background-color: #6375D6; background-image: url(img/xpback.gif); background-repeat: no-repeat}
.XPBlueMenuBack {background-color: #7AA1E6; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold;}
.XPBlueHorLine  {background-color: #C5DFFF}
.XPBlueExTitle  {color: #D6DFF5; font: 13px Tahoma, Arial, Helvetica; font-weight: bold;}
.XPBlueText     {color: #FFFFFF; font: 11px Tahoma, Arial}
.XPBlueTitle    {color: #D6DFF5; font: 16px Arial, Helvetica; font-weight: bold;}

.XPSilverTopBack  {color: #EEEEEE; font: 13px Tahoma, Arial, Helvetica; background-color: #B1B3C8}
.XPSilverMainBack {background-color: #B1B3C8; background-image: url(img/xpback_s.gif); background-repeat: no-repeat}
.XPSilverMenuBack {background-color: #C3C7D3; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.XPSilverHorLine  {background-color: #DFDFDF}
.XPSilverExTitle  {color: #666666; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}
.XPSilverText     {color: #333333; font: 11px Tahoma, Arial}
.XPSilverTitle    {color: #DEE4F6; font: 20px Arial, Helvetica; font-weight: bold;}

.XPOliveTopBack  {color: #E0E7B8; font: 13px Tahoma, Arial, Helvetica; background-color: #A5BD84}
.XPOliveMainBack {background-color: #A5BD84; background-image: url(img/xpback_o.gif); background-repeat: no-repeat}
.XPOliveMenuBack {background-color: #CBD8AC; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.XPOliveHorLine  {background-color: #DFDFDF}
.XPOliveExTitle  {color: #EDF1D5; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}
.XPOliveText     {color: #333333; font: 11px Tahoma, Arial}
.XPOliveTitle    {color: #E0E7B8; font: 20px Arial, Helvetica; font-weight: bold;}

.TopBack  {color: #AAAAAA; font: 13px Tahoma, Arial, Helvetica; background-color: #FFFFFF}
.Text     {color: #222222; font: 11px Tahoma, Arial}
.MainBack {background-color: #FFFFFF; color: #222222; font: 10px Arial, Helvetica; font-weight: bold}
.MenuBack {background-color: #CCCCCC; color: #FFFFFF; font: 10px Arial, Helvetica; font-weight: bold}
.ExTitle  {color: #AAAAAA; font: 13px Tahoma, Arial, Helvetica; font-weight: bold}

.ParamTitle    {color: #222222; font: 16px Arial, Helvetica; font-weight: bold}
.ParamBack     {background-color: #FFFFFF; font: 11px Tahoma, Arial, Helvetica; font: 11px Tahoma, Arial}
.ParamTbl      {color: #333333; font: 11px Tahoma, Arial, Helvetica; font: 11px Tahoma, Arial}
.ParamTblTitle {background-color: #CEE9F2; color: #444444; font: 11px Tahoma, Arial, Helvetica; font-weight: bold;}
.ParamTblCell  {background-color: #ECF7F9; font: 11px Tahoma, Arial, Helvetica; color: #222222;}


.StyleNameW    {color: #FFFFFF; font: 11px MS Sans Serif; font-weight: bold}
.StyleNameB    {color: #000000; font: 11px MS Sans Serif; font-weight: bold}


a:link.White, a:visited.White       {font: 11px Tahoma, Arial, Helvetica; color: #FFFFFF; text-decoration: none;}

a:hover.White, a:visited:hover.White {font: 11px Tahoma, Arial, Helvetica; color: #FFFFFF; text-decoration: underline;}



a:link.Dark          {font: 11px Tahoma, Arial, Helvetica; color: #3333DD; text-decoration: none;}
a:hover.Dark         {font: 11px Tahoma, Arial, Helvetica; color: #5555FF; text-decoration: underline;}
a:visited.Dark       {font: 11px Tahoma, Arial, Helvetica; color: #5555CC; text-decoration: none;}
a:visited:hover.Dark {font: 11px Tahoma, Arial, Helvetica; color: #5555FF; text-decoration: underline;}

a:link.Black          {font: 11px Tahoma, Arial, Helvetica; color: #222222; text-decoration: none;}
a:hover.Black         {font: 11px Tahoma, Arial, Helvetica; color: #000000; text-decoration: underline;}
a:visited.Black       {font: 11px Tahoma, Arial, Helvetica; color: #222222; text-decoration: none;}
a:visited:hover.Black {font: 11px Tahoma, Arial, Helvetica; color: #000000; text-decoration: underline;}


a:link.MenuLink, a:visited.MenuLink       {font: 11px Tahoma, Arial, Helvetica; color: #FFFFFF; text-decoration: none;}
a:hover.MenuLink, a:visited:hover.MenuLink {font: 11px Tahoma, Arial, Helvetica; color: #FFFFFF; text-decoration: none;}


.MenuTable          {border-width: 0;}
.MenuItem           {border-width: 1; background-color: #628FE2; border-style: solid; border-color: #A0C0FF; color: #FFFFFF}
.MenuItemOver       {border-width: 1; background-color: #285BA5; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.MenuItemSilver     {border-width: 1; background-color: #A3A3A3; border-style: solid; border-color: #E3E3E3; color: #FFFFFF}
.MenuItemOverSilver {border-width: 1; background-color: #696969; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.MenuItemOlive     {border-width: 1; background-color: #9FA862; border-style: solid; border-color: #E2E4CF; color: #FFFFFF}
.MenuItemOverOlive {border-width: 1; background-color: #696D2F; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.MenuItemOrange     {border-width: 1; background-color: #C1911F; border-style: solid; border-color: #FFEEC9; color: #FFFFFF}
.MenuItemOverOrange {border-width: 1; background-color: #816300; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.MenuItemGreen     {border-width: 1; background-color: #20AF1C; border-style: solid; border-color: #CAFFD1; color: #FFFFFF}
.MenuItemOverGreen {border-width: 1; background-color: #258200; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.MenuItemRed     {border-width: 1; background-color: #B11C1C; border-style: solid; border-color: #FFEEEE; color: #FFFFFF}
.MenuItemOverRed {border-width: 1; background-color: #840000; border-style: solid; border-color: #FFFFFF; color: #000000; cursor: hand}

.tabcontent{
display:none;
}

.kategoriler { color: #3D4B6B; text-decoration: none underline; font-size: 8pt; font-family: Verdana; font-weight: bold }
:link.kategoriler{ color: #3D4B6B; text-decoration: none; font-family:Verdana; font-size:8pt}
:hover.kategoriler{ color: #FF6600; text-decoration: none underline; font-family:Verdana; font-size:8pt}

.bottom { color: #3D4B6B; text-decoration: none; font-size: 8pt; font-family: Verdana;  }
:link.bottom{ color: #3D4B6B; text-decoration: none; font-family:Verdana; font-size:8pt}
:hover.bottom{ color: #405B79; text-decoration: none; font-family:Verdana; font-size:8pt; background-color:#ECF2F1}

.KategoriTree { color: #FF6600; text-decoration: none; font-size: 8pt; font-family: Verdana; font-weight: bold }
:link.KategoriTree{ color: #FF6600; text-decoration: none; font-family:Verdana; font-size:8pt}
:hover.KategoriTree{ color: #FF6600; text-decoration: none underline; font-family:Verdana; font-size:8pt; background-color:#EFF3F5}
.sayfalama { color: #3D4B6B; text-decoration: none; font-size: 8pt; font-family: Verdana; padding-left:2px; padding-right:2px; padding-top:3px; padding-bottom:2px  }
:link.sayfalama{ color: #3D4B6B; text-decoration: none; font-family:Verdana; font-size:8pt}
:hover.sayfalama{ border:1px solid #000000; color: #507196; text-decoration: none; font-family:Verdana; font-size:8pt; background-color:#ECF2F1; padding-left:2px; padding-right:2px; padding-top:3px; padding-bottom:2px}

.offers { color: #323E76; text-decoration: none; font-size: 8pt; font-family: Verdana  }
:link.offers{ color: #3D4B6B; text-decoration: none; font-family:Verdana; font-size:8pt}
:hover.offers{ color: #405B79; text-decoration: none; font-family:Verdana; font-size:8pt; background-color:#FFFFCC}
.ftabs {
	padding:0px; MARGIN: 0px; BACKGROUND-COLOR: #ffffff; font-family:verdana; font-size:8pt
}
#data-charts {
	border:1px solid #808080; padding:0px; CLEAR: both; BACKGROUND-COLOR: #F2F2F2; font-family:verdana; font-size:8pt
}
.ftabs A {
	border:1px solid #808080; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 110px; COLOR: #444444; PADDING-TOP: 2px; HEIGHT: 10px; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: none; font-family:verdana; font-size:8pt; margin-left:6px; margin-right:2px; margin-top:2px; margin-bottom:-1px
}
.ftabs A.active {
	FONT-WEIGHT: bold; COLOR: #507196; BORDER-BOTTOM: 1px solid #EEF4FD; BACKGROUND-COLOR: #F2F2F2; font-family:verdana; font-size:8pt
}
.ftabs a:hover.active {
	FONT-WEIGHT: bold; COLOR: #507196; BORDER-BOTTOM: 1px solid #EEF4FD; BACKGROUND-COLOR: #F2F2F2; font-family:verdana; font-size:8pt
}
.ftabs A.inactive {
	COLOR: #444444; BACKGROUND-COLOR: white; font-family:verdana; font-size:8pt
}
.ftabs A:hover {
	
font-family: verdana; font-size: 8pt; background-color:#E8F9E8}


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}