
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	color:#555555;
	font:12px/18px  "Verdana",Arial, sans-serif;
	background-color:#D5E3F4;
}

div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a {
	color:#375a84;
	font:12px/18px  Verdana,Helvetica, sans-serif;
	text-decoration:none;

}

a:hover {
	color:#d03535;
	font:12px/18px  Verdana,Helvetica, sans-serif;
	text-decoration:none;
}



td.col {
border-bottom:1px solid #E5E5E5;
}

td.col a {

color:#597d9f; 

text-decoration:none; 

}



td.col a:hover {

color:#364D61; 

text-decoration:none; 

}

tr.back{

background-color:#E6EAff;

}

#ara{

	width:100%;

	height:10px;

	margin:0 auto;

	background:url(../images/ara.jpg) repeat-x;

	color:#fff;

	padding:0px;

	float: left;

}

/*----TOP PANEL----*/

#topPans{

	width:100%;

	height:112px;

	position:relative;

	margin:0 auto;

	background:url(../images/banner.jpg) no-repeat;

	color:#fff;

	padding:0px;

	float: center;

}

#topPansen{

	width:100%;

	height:96px;

	position:relative;

	margin:0 auto;

	background:url(../images/baneren.jpg) no-repeat;

	color:#fff;

	padding:0px;

	float: left;

}

#topPan{

	width:250px;
	position:relative;
	margin:0 auto;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	float: left;
	width:118px;
	height:34px;
	position:absolute;
	margin:0 auto;
	/*background:url(../images/topPan-bg.gif) 0 0 repeat-x #fff;*/
	color:#fff;
	padding:0px;
	float: left;
	right: 10px;
	top: 2px;

}



#topMenuRightPan {

	width:70px;

	height:16px;

	float:left;

	background:url(../images/menu-rightbg.gif) 0 0 no-repeat;

}



/*----BODY PANEL----*/

#bodyPan{
	background-color:#FFF;
	width:896px;
	float:left;
	padding:5px 2px 0;

	}

#navmenualt{

background-image:url(../images/ustmenu.jpg);

}

/*----BODY LEFT PANEL----*/

#bodyPan2{width:17%; 

float:left; 

margin:7px auto; 

padding:1px 4px 0;

/*background-color: #D9EBFF;*/

border:#CCCCCC;



}



#bodyPan2 h2 {

color:#00111A;

padding:4px 6px; 

font:20px/20px Georgia, "Times New Roman", Times, serif;}



#bodyPan3{width:79%; 

float:right; margin:0 auto; padding:9px 4px 0;}

/*----BODY LEFT PANEL----*/

#bodysolPan{

	padding-left:7px;
	padding-right:5px;
	background-color: #fff;
    background: url(../images/kenarsol.jpg) no-repeat right bottom; 
}

#bodyLeftPan{
	width:690px;
	float:right;
	padding:5px 0px 0px 5px;
    background:url(../images/arkaplan.jpg) no-repeat #FFF; 
	
}

#bodyform{
	width:420px;
	float:right;
	padding:1px 16px 0 0;
	background-color: #00CCFF;
}

#bodyLeftPan h2{
color:#375A84;
font:14px/28px Georgia, "Times New Roman", Times, serif;}

#bodyLeftPan h2 span{
background:#fff; 
color:#5f6061;}


#bodyLeftPan h3{
height:30px; 
color:#00111A; font:28px/28px  "Times New Roman", Times, serif;}

#bodyLeftPan h3 span{background:#fff; color:#5f6061;}



#bodyLeftPan p{padding:7px 0 0;}

#bodyLeftPan p span{background:#fff; color:#5f6061; font-weight:normal;}



#bodyLeftPan ul{

}

#bodyLeftPan ul li{

/*background:transparent url(../images/listStyle.gif) no-repeat scroll 0 5px;*/

color:#4C4C4C;

list-style-image:none;

list-style-position:outside;

list-style-type:none;

}



#bodyLeftPan ul li a{

}



#bodyLeftPan ul li a:hover{

width:390px;
height:20px; 

color:#676363; 

text-decoration:underline;}



#bodyLeftPan p.more{background:#F3F3F3; color:#003D5C; width:410px; height:11px; margin:25px 0; padding:0px; line-height:11px; font-size:11px; }

#bodyLeftPan p.more a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}

#bodyLeftPan p.more a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}



#bodyLeftNextPan{

width:232px; 

height:20px;

clear:both; 

padding:0 0 0;

background:url(../images/box_01.jpg) 0 0 no-repeat #fff;

}

#bodyLeftPan p.next{

color:#003D5C; 

width:410px; 

height:11px; 

padding:0px; 

line-height:11px; 

font-size:11px; 

clear:both; }

#bodyLeftPan p.next a{display:block; width:44px; height:11px; background:#fff; color:#003D5C; text-decoration:none; margin:0 0 0 246px; line-height:11px; text-align:center; padding:0px; text-transform:uppercase;}

#bodyLeftPan p.next a:hover{display:block; width:44px; height:11px; background:#E0DEDE; color:#003D5C; text-decoration:none;}





#bodyLeftNextPanorta{

width:232px;

height:120px; 

background:url(../images/box_02.jpg) 0 0 repeat-y #fff;

}

#bodyLeftNextPanorta p.next{

color:#003D5C; 

width:200px; 

padding:10px 16px;

line-height:11px; 

font-size:11px; 

clear:both; }



#bodyLeftNextPanalt{

width:232px;

height:30px;

background:url(../images/box_03.jpg) 0 0 no-repeat #fff;

}



#bookcatagories{

	width:100%;

	margin:0 auto;

	padding:5px 0 0;

}

#namePan{width:156px; 

float:left; 

color:#4F4F4F; 

font-size:14px; 

text-transform:uppercase;}

#nameonePan{

	width:220px;
	float:left;
	padding: 2px 0 0;

}





#nameonePan a{

color:#597d9f; 

text-decoration:none; 

}

#nameonePan a:hover{

color:#0033CC; 

text-decoration:none; 

}

#nameonePanen{

	width:225px;

	float:left;

	background:url(../images/lincsen.jpg) 0 0 no-repeat #fff;

	padding: 25px 0 0;

}

#nameonePanen a{

color:#597d9f; 

text-decoration:none; 

}

#nameonePanen a:hover{

color:#0033CC; 

text-decoration:none; 

}

#dosya{

padding:0;

}

#dosya a{

color:#922b2b; 

text-decoration:none; 

}

#dosyaen{

	width:225px;

	float:left;

	background:url(../images/dosyaen.jpg) 0 0 no-repeat #fff;

	padding: 25px 0 0;

}

#dosyaen a{

color:#922b2b; 

text-decoration:none; 

}

#nameonePan ul{width:156px;}

#nameonePan ul li{width:140px; height:20px; background:url(../images/arrow.gif) 0 6px no-repeat #fff; color:#03537D; padding:0 0 0 10px;}

#nameonePanAriza{

width:100%; 

float:left; 

padding:3px 8px;

background-color:#D9EBFF;

background: url(../images/baslikmavi.gif) 0 0 no-repeat #D9EBFF;

}

#nameonePanAriza ul{width:100%;}

#nameonePanAriza ul li{

background:url(../images/arrow.gif) 0 6px no-repeat ; 

color:#03537D; 

padding:0 0 0 10px;}

#nameonePanAriza ul li a{

color:#1A1A1A; 

text-decoration:none; 

}

#nameonePanAriza ul li a:hover{

color:#0033CC; 

text-decoration:none; 

}

#nameonePanAriza2{

	width:100%;

	margin: 10px 0px;

	float:left;

	padding:3px 8px;

	background: url(../images/baslik.gif) 0 0 no-repeat #f0f0f0;

}

#nameonePanAriza2 ul{width:100%;}

#nameonePanAriza2 ul li{

/*width:140px; 

height:20px; */

background:url(../images/arrow.gif) 0 6px no-repeat ; 

color:#03537D; 

padding:0 0 0 10px;}



#pricePan{

width:100%; 

float:center; 

padding:0 0 0 15px;

color:#4F4F4F; font-size:14px; text-transform:uppercase;}

#priceonePan{

	width:25px;

	float:left;

	height: 245px;

	/*background-image: url(../images/onyuz_ara.jpg);*/

}

#priceonePan ul{width:143px;}

#priceonePan ul li{width:133px; height:20px; color:#00111A; line-height:20px; font-size:12px; font-weight:bold; padding:0 0 0 10px;}





#discountonePan{
	background:url(../images/duyuru.jpg) 0 0 no-repeat #fff;
	margin:0 auto;
	padding:20px 0 0;
	width:400px;
	float:left;

}




#bodySagPan{

background-color:#FFF;

width:200px; 

float:left; 

border:0px solid #DADADA; 

background:#ffffff; 

color:#1A1A1A; 

padding:0 0 0px;

}



#bodyRightPan{width:200px; float:left; border:1px solid #DADADA; background:#ffffff; color:#1A1A1A; padding:0 0 2px;}



#bodyRightPan h2{

	width:195px;

	height:35px;

	display:block;

	border:1px solid #DADADA;

	background:#fff;

	color:#00111A;

	font:24px/34px Georgia, "Times New Roman", Times, serif;

	margin:6px 8px 16px;

	padding:0 0 0 10px;

}



#bodyRightPan2{

	width:232px;

	border:1px solid #DADADA;

	background:#F3F3F3;

	color:#1A1A1A;

	padding:2px 0 2px;



}



#bodyRightPan2 h2{

	width:195px;

	height:35px;

	display:block;

	border:1px solid #DADADA;

	background:#fff;

	color:#00111A;

	font:24px/34px Georgia, "Times New Roman", Times, serif;

	margin:6px 8px 16px;

	padding:0 0 0 10px;

}





#footermainPan{

width:900px;
height:70px; 
color:#010101; 
clear:both; 
padding:2px 0 0;
background:url(../images/banneralt.jpg) 0 0px no-repeat transparent; 

}



/*----SITE HARITASI----*/

#sitemap ul{

 margin:0 0 18px 29px;

}

#sitemap ul li{

 height:18px;}

#sitemap ul li a{

 background:url(../images/1_more.gif) 0 6px no-repeat #fff;

 height:18px; 

 display: inline; 

 color:#1A1A1A;

 text-decoration:none; 

 padding:0 0 0 20px;}

#sitemap ul li a:hover{

background:url(../images/1_more.gif) 0 6px no-repeat #fff; 

color:#CC3300; text-decoration:none;}







/*----SITE HARITASI----*/

#logolar {

margin-top:28px;


}

#kenar {

margin-top:0px;
margin-left:0px;


}

#footerPan{

	
	margin-left:2px;
	font-family:"Verdana",Arial, Helvetica, sans-serif;

}



#footerPan ul{

width:870px;

margin:0 auto;}

#footerPan li{

float:right; }

#footerPan ul li a{

padding:0 5px 0; 

color:#555; 
text-decoration:none;}





#footer p {

	margin: 0;

	padding: 25px 20px 15px 20px;

}



#footer a {

	color: #FFFFFF;

}



#legal {

	padding: 22px 5px;

	color:#fff;

}



#links {

	float: right;

}





input {

background-color: #f9f9f9;

border: #ccc 1px solid;

color: black;

font-weight: normal



}



TEXTAREA {

border: #ccc 1px solid;

font-weight: normal

}

select {

background-color: #f9f9f9;

border: #ccc 1px solid;

color: black;

font-weight: normal

}

.inputHighlighted {

  background-color: #FFFFCC;

  color: #000;

  border: 1px solid #ccc;

}



#basinmuv {

	padding: 10px 10px;

	color:#fff;

	background:url(../images/yokbasinLogo.gif) 0 0 no-repeat #fff;

	height:30px;

	width:251px;

}







/*----anasayfa----*/

#leftana {

	padding:6px 0 0;

	width: 225px;

	float:left;

	background:url(../images/lincs.jpg) 0 0 no-repeat #fff;

	

	}



#lefttextorta {

	height:100%;

	padding:25px 0 0px 0;

		}

		

#lefttextorta a{

color:#597d9f; 

text-decoration:none; 

		}

		

#lefttextorta a:hover{

color:#c61414; 

text-decoration:none; 

		}

	

#rightana {

	border-left-image: url(../images/onyuz_ara.jpg);

	padding:6px 0 0;

	float:left;

	border: 4px solid #fff;

	width: 320px;

	}

	

#righttextorta {



	height:100%;

	padding:25px 0 0px 0;

		}



#righttextorta p.read{

background-color: #fbfbfb;

padding:6px 4px 5px 5px;



		}

#rightextorta a{

color:#597d9f; 

text-decoration:none; 



		}

		

#rightextorta a:hover{

color:#c61414; 

text-decoration:none; 

		}

		

a.button {

font-weight: bold;

font-size: 9px;

font-family: Verdana, Arial, Helvetica, sans-serif;

padding: 1px 4px;

text-align: center;

min-width: 75px;

text-transform: normal;

background-color: #f5f5f5;

color: #666;

}

a.button:link {

background-color: #fff;

color: #666;

text-decoration: none;

}

a.button:visited {

background-color: #56b7e2;

color: #fff;

text-decoration: none;

}

a.button:hover {

background-color: #dd7902;

color: white;

border-color: black white white black;

text-decoration: none;

}

a.button:active {

background-color: #56b7e2;

color: #fff;

text-decoration: none;

}



div.float {

  text-align: right;

  padding-right:19px;

  }

  

div.float p {

   text-align: center;

   }

table.X1table {

color:#6B6B6B;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-size-adjust:none;

font-style:normal;

font-variant:normal;

font-weight:bold;

line-height:20px;

}

table.X1table td {

border-bottom:1px solid #EBEBEB;

}



.Scroller-Container {

  position: absolute;

  top: 16px; left: 0px;

}

.Scrollbar-Up {

  position: absolute;

  width: 8px; height: 10px;

  background-color: #56B7E2;

  font-size: 0px;

}

.Scrollbar-Track {

  width: 10px; height: 190px;

  position: absolute;

  top: 20px;

  background:url(../images/scroll.jpg) repeat-y #FFF;

  

}

.Scrollbar-Handle {

  position: absolute;

  width: 10px; height: 30px;

  background:url(../images/handle.gif) no-repeat ;

  

}

.Scrollbar-Down {

  position: absolute;

  top: 220px;

  width: 8px; height: 10px;

  background-color: #56B7E2;

  font-size: 0px;

}

#Scrollbar-Container {

  position: absolute;

  top: 5px; left: 410px;

}



#Container {

  position: absolute;

  top: 10px; left: 5px;

  width: 400px;

  height: 210px;

  background-color: #eaeff1;

  border:1px solid #f5f5f5;

  z-index: 2;



}

#News, #About, #Extra { 

  position: absolute;

  top: 10px; 

  overflow: hidden;

  width: 400px;

  height: 230px;

  display: none;

}

#News {display: block;}

p {

  margin: 0; padding: 0px 20px 10px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  text-indent: 20px;

  color: #777;

}

#Navigation {

  position: absolute; 

  top: -10px;

  left: 5px;

}

#Navigation a {

  margin: 5px 2px 0 0;

  padding: 0 5px;

  height: 20px;

  background-color: #f0802e;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10px;

  color: #fff;

  text-decoration: none;

  display: block;

  float: left;

  letter-spacing: 1px;

}

#Navigation a:hover {

  margin-top: 0px;

  height: 25px;

}

#Navigation a.current {

  margin-top: 0px;

  height: 25px;

  background-color: #58b8e2;

  color: #fff;



}

#duyuruscroll {

position:relative;

left: 0px;

top:0px; 

}

#path 

{
background:url(../images/pathback.jpg) repeat-x #FFF;
color:#5f6061; 
font-weight:normal;
font:10px/14px Arial, Verdana, sans-serif;
}



div.img

  {

  margin: 2px;

  border: 1px solid #ccc;

  height: 130px;

  width: auto;

  float: left;

  text-align: center;

  }

div.img img

  {

  display: inline;

  margin: 3px;

  border: 1px solid #ffffff;

  }

div.img a:hover img

  {

  border: 1px solid #0000ff;

  }

div.desc

  {

  text-align: center;

  font-weight: normal;

  width: 120px;

  margin: 2px;

  }

  div.islem

  {

  text-align: center;

  font-weight: normal;

  width: 120px;

  margin: 2px;

  }

  

  

  #TB_window {

  font: 12px Arial, Helvetica, sans-serif;

  color: #cccccc;

}

#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: fixed;

  z-index:100;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}

.TB_overlayBG {

  background-color:#000;

  filter:alpha(opacity=75);

  -moz-opacity: 0.75;

  opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

  position: fixed;

  background: #ffffff;

  z-index: 102;

  color:#000000;

  display:none;

  border: 4px solid #525252;

  text-align:left;

  top:50%;

  left:50%;

}

* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

  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:7px 10px 5px 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.TB_modal{

  padding:15px;

}

#TB_ajaxContent p{

  padding:5px 0px 5px 0px;

}

#TB_load{

  position: fixed;

  display:none;

  height:33px;

  width:33px;

  z-index:103;

  top: 50%;

  left: 50%;

  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}

* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

  z-index:99;

  position:fixed;

  top: 0;

  left: 0;

  background-color:#fff;

  border:none;

  filter:alpha(opacity=0);

  -moz-opacity: 0;

  opacity: 0;

  height:100%;

  width:100%;

}

* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 22em; /* ems so it will grow */
	background: url(../images/00/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../images/00/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../images/00/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 12px 30px 1px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/00/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 25px 31px;
}

.duyuru {
background-color:#fff;

}

.haber li.first, .topTracks li.first {
border-top:0 none;
}

.haber li, .topTracks li {
border-bottom:1px solid #bfcfe3;
border-top:1px solid #f0f0f0;
font-size:11px;
line-height:1.18182em;
padding:7px 7px 7px 30px;
}

.haber li.first {
background-color:#fff;
}
.haber li.second {
background-color:#fbfbfd;
}

#pageresult {
width:620px;
text-align: right;
}
#pageresult a {
border: 1px solid #ccc;
color: #000;
padding:2px;
}
#pageresult a:hover, #pagination a:active{
border: 1px solid #2b66a5;
color: #fff;
background-color: #009CFF;
padding:2px;
}


.allbuton {
	padding-left	: 30px;
	height			: 20px;
}
.allbuton a {
	display				: block;
	float				: right;
	height				: 20px;
	margin				: 0px 0px 0 0;
	padding				: 0 5px 0 5px;
	border-right		: 1px solid #D4D4D4;
	border-bottom		: 1px solid #D4D4D4;
	border-left			: 1px solid #D4D4D4;
	text-align			: center;
	font				: bold 11px/20px Arial, Helvetica, sans-serif;
	letter-spacing		: 1px;
	text-decoration		: none;
	color				: #999999;
}

.allbuton a:hover {
	color				: #009CFF;
}

th {
-x-system-font:none;
background:#CAE8EA url(../images/bg_header.jpg) no-repeat scroll 0 0;
border-bottom:1px solid #C1DAD7;
border-right:1px solid #C1DAD7;
border-top:1px solid #C1DAD7;
color:#4F6B72;
font-family:"Arial",Verdana,Helvetica,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:2px;
line-height:normal;
padding:6px 6px 6px 12px;
text-align:left;
}


