body{
margin:0px; 
padding:0px; 
width:100%;
background-attachment:fixed;
background:#f4f4f4 top center;
font-family:Arial, Helvetica, sans-serif;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   text-decoration:none;
   
}

.clear{clear:both;}
.pagetop{
width:100%;
height:30px;
line-height:30px;
background-image:url(../../images/01_kitap/bgs4.png);
border-bottom:3px solid #2d2d2d;


}

.telefon{font-size:10pt; margin-bottom:1px; font-weight:bold; max-width:900px; font-family:Tahoma,Arial; color:#FFFFFF; float:right; text-align:right; padding-right:10px; margin-left:10px; white-space:nowrap; line-height:30px; overflow:hidden;}
.anadiv{
width:978px;
background-color:#FFFFFF;
margin:0px auto;
border-left:1px solid #b0e0ff;
border-right:1px solid #b0e0ff;
padding-bottom:10px;
}

.header_alan{
width:100%;


}
.header{
width:960px;
min-height:213px;
margin:0px auto;
background:url(../../images/header_resim/01_kitap.png) no-repeat;
}

.header marquee{margin-top:10px!important;}
.header_sag_resim{
width:647px;
height:30px;
float:left;
margin-top:55px;
margin-left:10px;
}
.logo{
height:213px;
margin-left:10px;
display:table-cell;
vertical-align:middle;

}

.logo h1 a{color:#000000;  font-size:25pt; text-decoration:none; font-family:"Trebuchet MS"; padding:5px;}
.logo h3{color:#333333; font-size:18pt; font-family:"Monotype Corsiva", Arial; font-weight:100;  padding:5px; margin-left:10px;}

.uyealan{
height:18px;
float:right;
margin-right:10px;
margin-top:5px;
}
.uyealanyazi{
float:left;
color:#000033;
font-size:10pt;
border-right:1px solid #000;
padding:0px 10px 3px 10px;
}
.uyealanyazi a{
text-decoration:underline;
color:#000033;
}
.katogorialan{
width:980px;
height:30px;
margin-left:10px;
}
.katogri{
width:750px;
height:30px;
float:left;
background-color:#330066;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}

.menu_alan{
width:100%;
height:35px;
margin-top:5px;
}
.ust_menu{
width:960px;
height:40px;
margin-left:10px;
float:left;
}

/*---------Menu---------*/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
font-weight:bold;
height: 40px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background:url(../../images/01_kitap/bgs4.png);
border-bottom: 3px solid #000033;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background:url(../../images/01_kitap/bgs4.png);
  color: #fff;
  display: inline-block;
  font-size: 9pt;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #004c77;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#cssmenu > ul > li:hover > a {
background:url(../../images/01_kitap/bgs3.png);
  box-shadow: inset 0 0 3px #00000;
  -moz-box-shadow: inset 0 0 3px #00000;
  -webkit-box-shadow: inset 0 0 3px #00000;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #002336;
  border-bottom: 1px dotted #999999;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 20px;
  padding: 5px;
}
#cssmenu .has-sub ul li:hover a {
  background: #005a8e;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top:0;
}

#cssmenu .has-sub .has-sub ul li a {
  background: #005a8e;
  border-bottom: 1px dotted #FFFFFF;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #002941;
}
/*---------------MENU BITIS------*/
.orta_alan{
width:960px;
margin:0px auto;
margin-top:10px;
}
.sol_div{
width:199px;
float:left;
}
.orta_div2{
width:960px;
float:left;
}
.orta_div{
width:760px;
float:left;
}
.slider_alan{
width:750px;
height:320px;
float:left;
margin-top:8px;


}
.slider_alan img{max-height:317px;}
/*-----------YAMENU--------------*/
div.sdmenu {
	margin-top:10px;
	width: 200px;
	border-bottom:3px solid #000033;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000;
	margin-bottom:10px;
}
div.sdmenu div {
	background:url(../../images/01_kitap/bgs4.png);
	overflow: hidden;
}
div.sdmenu div:first-child {
	background:url(../../images/01_kitap/bgs4.png);
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 5px;
	font-weight: bold;
	color: #fff;
	cursor: default;
	border-bottom: 3px solid #000033;
}
div.sdmenu div.collapsed span {
	
}
div.sdmenu div a {
	padding: 5px 5px;
	background: #f8f8f8;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #333333;
	font-weight:bold;
	font-size:8pt;
}

div.sdmenu div a:hover {
	background : #f8f8f8;
	color: #FF3300;
	text-decoration: none;
}

/*-----------YAMENU BITIS--------------*/

/*-----------orta ürünler--------------*/
.aracizgi{
width:960px;
height:8px;
float:left;
border-bottom: 2px solid #000033;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-top:10px;
}
.urun_div{
width:148px;
height:260px;
float:left;
margin-left:12px;
background:url(../../images/01_kitap/golge.png);
margin-top:10px;
padding:0px 10px;

}
.urun_div:hover{
width:148px;
height:260px;
float:left;
margin-left:12px;
background:url(../../images/01_kitap/golge-hover.png);
margin-top:10px;
padding:0px 10px;

}

.urun_resim{
width:150px;
height:120px;
margin-top:10px;


}
.urun_resim > center > a > img{
background-color:#FFFFFF;
max-width:150px!important;
max-height:120px!important;
}
.orta_div3 * img{max-width:750px;}
.vitrin * img{max-width:540px;}
.vitrin > div > p {width:548px;}
.vitrin > h3{background:url(../../images/01_kitap/bgs4.png); border-bottom:3px solid #000033; padding:5px; font-size:10pt; margin-top:6px; margin-bottom:10px; text-shadow:0px 1px 1px #008ed7; color:#FFFFFF;}
.fot * img {max-width:960px;}
.orta_div3 > h2{text-shadow: 0px 1px 1px #008ED7;
background:url(../../images/01_kitap/bgs4.png)!important; color:#FFFFFF; font-size:11pt;}

.urun_isim{
font-size:12px;
text-align:center;
font-weight:bold;
height:45px;

}
.urun_isim a{
color:#0099FF;
text-decoration:underline;

}
.urun_isim a:hover{
color:#000;
text-decoration:none;

}
.fiyat{
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;
color:#FF3300;
font-size:9pt;
font-weight:bold;
text-align:left;
margin-left:9px;

}
.urun_div button{
padding:3px;
color:#FFFFFF;
border:none;
font-size:7pt;
font-weight:bold;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
cursor:pointer;

}
.urun_div button:hover{

background:url(../../images/01_kitap/bgs2.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

/*-----------orta ürünler bitis--------------*/

/*-----------özel ürün--------------*/
.special_urun{
width:200px;
height:318px;
float:left;
background:#f8f8f8;
margin-top:6px;
border-bottom: 3px solid #000033;
margin-right:8px;
margin-left:2px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.baslik{
width:195px;
height:20px;
color:#FFF;
line-height:18px;
padding:5px 0px 0px 5px;
font-weight:bold;
font-size: 9pt;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 3px solid #000033;
text-shadow:0px 1px 1px #008ed7
}
.special_resim{
width:180px;
height:140px;
margin:10px auto;
background-color:#FFFFFF;

}

.special_resim img{

max-height:140px!important;
}

/*-----------özel ürün bitis--------------*/
/*-----------Reklam--------------*/
.reklam_alan{
width:960px;
height:140px;
margin:0px auto;
border-top:1px solid #000033;
border-bottom:1px solid #000033;
float:left;
margin-top:10px;
overflow:hidden;
padding-bottom:3px;
}




#imageSliderWrapper {position:relative;border:0px solid green;}
  
#imageSlider 
{
    height:140px; 
    float:left; 
    padding:0;
    overflow:hidden;
    position:relative;
    text-align:center;
}


#imageSlider div.item 
{
    width:320px; height:140px;
    padding:2px;
    background-color:White;
    border:1px solid #EEE;
}

#imageSlider img 
{
    width:320px; height:140px; 
}


/*-----------Reklam bitis-------------*/
/*-----------arama-------------*/
.left_ustmenu{
width:169px;
height:40px;
float:left;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
border-bottom: 3px solid #000033;
}
.search{
width:199px;
height:34px;
background:url(../../images/01_kitap/searchi.png) no-repeat;
float:left;
margin:0px auto;
margin-top:4px;
cursor:pointer;
}
.search input{
width:110px;
border:none;
margin-top:8px;
margin-left:10px;
background:none;
color:#333333;
font-size:9pt;
}

.vitrin{
width:550px;
float:left;
padding:5px 5px 5px 7px;

}

.orta_sag_div{
width:199px;
float:left;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.sag_div{
width:200px;
margin:0px auto;
margin-top:10px;
margin-bottom:20px;
background-color:#f8f8f8;
border-bottom:3px solid #000033;
padding-bottom:10px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

}
.sag_div b{
font-size:8pt;

}
#tooltip {max-width:400px;position:absolute;z-index:9999999;}
#tooltip img {max-width:200px;width:expression(this.width > 200 ? "200px" : true);}
.tooltipGeneralStyle {border:1px solid #d36800;background:#ff7e00;color:#ffffff;font-weight:bold;text-shadow:1px 1px 1px #994c00;padding:4px 8px;}
.tooltipOptionalStyle {border:1px solid #ffc02e;background:#CCCCCC;color:#444444;padding:4px 8px;}
.tooltipUserImage {cursor:pointer; text-decoration:none; color:#333333; font-size:9pt;padding:5px;}
.tooltipUserImageStyle {display:none; background:#0099FF;padding:2px; }
.tooltipUserImageStyle img {display:block;}

.footeralan{
width:100%;
margin:0px auto;

}

.footer{
width:980px;
margin:0px auto;
}
.footer_ust{width:100%; height:11px; background:url(../../images/01_kitap/footer_ust.png);}
.footer_orta{width:100%; background-color:#2dacd7;}
.footer_alt{width:100%; height:49px; background:url(../../images/01_kitap/footer_alt.png);}

.fot{width:960px;padding:10px 10px;  margin:0px auto; font-size:9pt; color:#FFFFFF;}
.altmenu_alan{ list-style:none; height:15px; margin:0px auto; width:500px;}
.alt_menu{list-style:none; margin:0px; padding:0px;  height:13px; text-align:center;  }
.alt_menu li{ margin:5px 20px 5px 0px;  color:#FFFFFF; display:inline; }
.alt_menu li:hover{color:#003366;}
.alt_menu a{text-decoration:none; color:#FFFFFF; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.site-sahibi{float:left; line-height:45px; color:#FFFFFF; width:500px; font-size:10pt; padding-top:5px; margin-left:10px;}
.programlama{float:right; line-height:45px; padding-right:5px; font-size:10pt; color:#FFFFFF;padding-top:5px;}
.programlama a{color:#003366;}
.social{
margin-top:3px;
float:right;
position:relative;
z-index:120;

}

.twitter {
	width:24px;
	height:24px;
	background:url(../../images/01_kitap/twit.png);
	float:right;
	margin-left:5px;
position:relative;
z-index:121;
	
}

.facebook {
    width:24px;
	height:24px;
	background:url(../../images/01_kitap/face.png);
	float:right;
	margin-left:5px;
position:relative;
z-index:122;
}




.orta_div3{
width:750px;
float:left;
margin-left:10px;
margin-top:10px;
}

.orta_div3 * img{max-width:750px;}
.vitrin * img{max-width:540px;}
.fot * img {max-width:960px;}

.orta_div3 span{
font-weight:normal;
}

/*----------------------------SLIDER---------------*/
/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;	border:#dadada solid 1px; }
.lof-slidecontent .preload{	height:100%; width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%; width:100%;	background:transparent url(../../images/01_kitap/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-slidecontent  .sliders-wrapper{position:relative;	 height:100%;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../../images/01_kitap/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {position:absolute; bottom:0px; right:10px;

	padding:0px 0px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:110px;
	width:210px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:20px; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center; }

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent  .button-next, 
.lof-slidecontent .button-previous{
	display:block;
	width:20px;
	color:#FFF;
	cursor:pointer;
	position:absolute;
	height:100%;
	z-index:40;
	top:0;
	text-indent:-999px;

}
.lof-slidecontent   .button-next {
	right:0px;
	background:url(../../images/01_kitap/next.png) no-repeat right center;
}
.lof-slidecontent  .button-previous {
	left:0px;
	background:url(../../images/01_kitap/previous.png) no-repeat left center;
}

.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
margin-left:-8px;

position:relative;
z-index:8000;
}
.lof-slidecontent ul.navigator-wrap-inner li.active, 
.lof-slidecontent ul.navigator-wrap-inner li:hover{

}



.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(../../images/01_kitap/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../../images/01_kitap/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../../images/01_kitap/pause.png) no-repeat center center;
}
.resimler{
width:200px;
height:100px;
float:left;
margin:10px 0 10px 0px;
}


/*-------------------------ZOOM SLIDER---------------------*/
.magnifyarea { /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	width: 300px; /* wide or wider than the widest zoomable image */
	height: 300px; /* high or higher than the tallest zoomable image */
	margin-top:6px;
}

#two { /* Added CSS for second target div of zoomable images */
	height: 243px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
	margin: auto; /* for horizontal centering */
	display: block; /* also for horizontal centering */
	position: relative; /* along with on the fly calculations in script, for vertical centering */
	border-width: 0;
	
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
	padding-top: 25px;
	width: 300px;
	text-align: center;
	
}

.thumbs a { /* trigger links on the thumbnail images */
	text-decoration: none; /* avoid underlines of images, text or spaces in these links */
}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; /* avoid default borders in some browsers */
	border:1px solid #CCCCCC;
}

#description, #description2 {
	/*position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 300px; /* should be width of zoomable image container (.targetarea) */
	text-align: center;
	font: bold 95% sans-serif;
	margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
	color: #222;
	background-color: #fff;
}
/*-----------------------BITIS---------------------------*/

/*-----------------URUN DETAY SAYFASI-----------------------*/
.urunzoomarea{
width:305px;
float:left;
margin-left:10px;
}
.urunatt{
width:440px;
float:left;

}

.urunatt td{
font-weight:bold;
font-size:8pt;
border-bottom:2px #CCCCCC dotted;
padding-bottom:5px;
}

.sayfano{
width:740px;
height:15px;
border-bottom:3px solid #000033;
margin:11px auto;
padding:5px 5px 4px 5px;
font-size:12px;
font-weight:bold;
float:left;
margin-left:10px;
color:#FFFFFF;
text-shadow: 0px 1px 1px #008ED7;
background:url(../../images/01_kitap/bgs4.png);
}

.sayfano a
{
	color:#FFFFFF;
}

/*------------------------URUNLER SAYFASI TAB CONTENT------------------*/
.tabs {
    position: relative;
	margin: 40px auto;
	width: 745px;
	float:left;
	margin-left:10px;
}

.tabs input {
	position: absolute;
	z-index: 1000;
	width: 120px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 120px;
}
.tabs input#tab-3{
	left: 240px;
}
.tabs input#tab-4{
	left: 360px;
}

.tabs label {
	background:url(../../images/01_kitap/bgs4.png);
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	position: relative;
	padding: 0 2px;
    float: left;
	display: block;
	width: 110px;
	color: #FFFFFF;
	font-size:8pt;
	margin-left:5px;
	margin-bottom:3px;
	font-weight: bold;
	text-align: center;
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #000033;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}



.clear-shadow {
	clear: both;
}

.content {
    background: #FFFFFF;
    width: 100%;
	z-index: 5;
    box-shadow: 0 0px 5px -2px #2dacd7;
    border-radius: 0 3px 3px 3px;
}

.content div {
	top: 0;
	left: 0;
	padding: 10px 40px;
	z-index: 1;
	

}

.tabs input.tab-selector-1:checked ~ .content .content-1,{
	z-index: 100;
    filter: alpha(opacity=100);
    opacity: 1;
}
.content div h2,
.content div h3{
	color: #FF3300;
	font-size:12pt;
	}
.content div p {
	font-size: 9pt;
	line-height: 22px;
	text-align: left;
	margin: 0;
	color: #333333;
	padding-left: 15px;
	border-left: 8px solid rgba(255,114,0, 0.1);
}
/*-------------------Tab Bitis-----------------*/
/*---------------------Üye Girisi ------------*/

.uye_girisi_alan{
width:559px;
height:283px;
margin:30px auto;
background-image:url(../../images/01_kitap/uyegirisbg.png) ;
float:left;
margin-left:5px;
}
.uye_girisi_yan{
width:184px;
height:283px;
margin:30px auto;
background-image:url(../../images/01_kitap/uyegirisbg.png) ;
float:left;
margin-left:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-position:515px;
border-right:1px solid #CCCCCC;
 }
 .yanyazi{
 width:170px;
 margin:10px auto;
 font-size:10pt;
 text-align:center;
 }
  .yanyazi button{
 width:140px;
 height:30px;
 color:#FFFFFF;
 background:url(../../images/01_kitap/bgs4.png);
 margin:10px auto;
 font-size:10pt;
 text-align:center;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:none;
font-weight:bold;

 }
.uye_girisi_alan a{
color:#000000;
text-decoration:none;

}
.uye_girisi_alan h2 {

font-size:10pt;
color:#000000;
margin-left:25px;
margin-top:10px;

}

.uye_girisi_alan button{
width:65px;
height:30px;
border:none;
margin-left:25px;
margin-top:10px;
color:#FFFFFF;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom:2px;
float:left;
}
.uye_girisi_alan button:hover{
width:65px;
height:30px;
border:none;
margin-left:25px;
margin-top:10px;
color:#FFFFFF;
background:url(../../images/01_kitap/bgs2.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom:2px;
float:left;
}

.uyegirisyazi{
width:120px;
font-size:16pt;
letter-spacing:1pt;
color:#FF3333;
margin-left:25px;
padding-top:10px;
}
.uyegiris-input{
width:215px;
height:25px;
margin-left:25px;
margin-top:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:#ffb57a 1px solid;
background:#FFFFCC;
padding-left:5px;
color:#FF3300;
font-size:9pt;
}

/*-------------------------BITISI------------*/
/*------------------Yeni Üye------------*/
.yeni_uye_alan{
width:700px;
float:left;
margin-left:10px;
}

.yeni_uye_alan td{
font-size:9pt;


}
 #txt{
width:180px;

}
 
.yeni_uye_alan input{
-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 48, 0.38);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 48, 0.38);
box-shadow:         0px 0px 2px rgba(50, 50, 48, 0.38);
padding: 4px;
border: 0px solid #dcdcdc; 
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
vertical-align:middle;
margin-left:70px;

}
.yeni_uye_alan a{
color:#000000;
text-decoration:underline;
}
.yeni_uye_alan img{
margin-left:70px;
}
.yeni_uye_alan button{
padding:5px;
color:#FFFFFF;
font-size:7pt;
font-weight:bold;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
margin-right:40px;
border:none;


}
.yeni_uye_alan  button:hover{

background:url(../../images/01_kitap/bgs2.png);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}
/*-------------------------BITISI------------*/

/* Showcase
-------------*/
.showcase
{
	position: relative;
	margin: auto;
}

/* Content */
.showcase-content
{

text-align: center;
}

.showcase-content-wrapper
{
text-align: center;
height: 200px;
width: 318px;
display: table-cell;
vertical-align: middle;
}

.showcase div a{color:#000000;}
.showcase div a:hover{color:#0099FF;}
/* Showcase bitisi
-------------*/
.ic_sayfa_banner{
width:750px;
height:150px;
margin-left:10px;
}
.ic_sayfa_baslik{
width:300px;
float:left;
margin-left:50px;
margin-top:-90px;
position:relative;
z-index:600;
}
.ic_sayfa_yazi{
margin-top:20px;
width:730px;
font-size:12px;
padding:10px;

}
.orta_div h3{
color:#990000;
font-size:12px;
margin-bottom:10px;

}

/*---------------ILETISIM SAYFASI----------------*/
.yeni_uye_alan .message textarea {margin-left:70px; width:290px; height:150px; resize:none; font:normal 10pt Arial, Helvetica, sans-serif, "Arial Black"; border:0px #999999 solid;  padding:10px; border-radius: 8px 8px 8px 8px; margin-top:10px;-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 48, 0.38);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 48, 0.38);
box-shadow:         0px 0px 2px rgba(50, 50, 48, 0.38);}

.yeriniz {
width:750px;
margin-top:20px;
border-top:3px solid #000;
padding-top:20px;

}
/*---------------bitis----------------*/
/*---------------ürünler sayfasi----------------*/
.sayfano select{
width:140px;
margin-top:-3px;
margin-left:30px;
float:right;
-webkit-box-shadow: 0px 0px 2px rgba(50, 50, 48, 0.38);
-moz-box-shadow:    0px 0px 2px rgba(50, 50, 48, 0.38);
box-shadow:         0px 0px 2px rgba(50, 50, 48, 0.38);
}


.sayfalama{
list-style:none;
font-weight:bold;
text-align:center;
margin-bottom:10px;
}
.sayfalama li{
display:inline;
padding:10px;
background:url(../../images/01_kitap/normal.png) center no-repeat;
text-align:center;
}

.sayfalama li a{
text-decoration:none;
text-align:center;
color:#FFFFFF;
font-size:9pt;
}

.sayfalama li.onceki{background:url(../../images/01_kitap/onceki.png) center no-repeat;  }
.sayfalama li.onceki a{  padding:15px;}
.sayfalama li.secili{background:url(../../images/01_kitap/aktif.png) center no-repeat; color:#FFFFFF;}
.sayfalama li.sonraki{background:url(../../images/01_kitap/sonraki.png) center no-repeat; }
.sayfalama li.sonraki a{ padding:15px;}

.lh20{line-height:20px;}
.fwb{font-weight:bold;}


.blok_alan{width:100%; background-color:#f8f8f8; margin-top:10px;}
.blok_baslik{

height:20px;
color:#FFF;
padding:5px 0px 0px 5px;
line-height:18px;
font-weight:bold;
font-size: 9pt;
background:url(../../images/01_kitap/bgs4.png);
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom: 3px solid #000033;
text-shadow:0px 1px 1px #008ed7
}

.blok_icerik{font-size:9pt; padding:5px;}
.blok_icerik *{max-width:189px;}
.blok_alt{height:3px; background-color:#000033; }

.ziyaretci_tablo{text-align:left; font-size:9pt; margin-top:5px; width:100%;}
.ziyaretci_tablo tr  {height:20px;}
.ziyaretci_tablo tr:nth-child(odd){background-color:#dddddd;}
.ziyaretci_tablo tr:nth-child(even){background-color:#ffffff;}
.ziyaretci_tablo th  { height:20px; padding-left:5px;}
.ziyaretci_tablo td  { height:20px; text-align:right; padding-right:5px;}


/*eski temalara atılacak bölüm*/
.video-alan{list-style:none; width:220px; float:left; margin-bottom:10px; text-align:center!important; margin-left:15px;}
.video-alan div{font-weight:bold; color:#FF6600;  min-height:35px; min-width:200px; margin-left:10px;}


.resim-galeri-alan{width:740px !important; font-size:10pt !important; padding:5px !important; text-align:justify !important;  color:#333333;}
.resim-galeri-alan div{font-size:10pt;color:#FF3300; font-weight:bold; width:320px; min-height:30px; }
.resim-galeri-alan li{float:left; margin-left:20px; list-style:none; margin-bottom:20px;  min-height:230px; }
.resim-galeri-alan li img{width:340px; height:200px; float:left; border:2px solid #dadada;}

.fotograf-galeri-alan{margin-left:5px; width:740px !important; font-size:10pt !important;    color:#333333;text-align:center; }
.fotograf-galeri-alan div{ font-size:10pt;color:#FF3300; font-weight:bold; }
.fotograf-galeri-alan a{float:left; margin-right:3px; list-style:none; padding-top:5px;  margin-bottom:20px;  }
.fotograf-galeri-alan img{width:110px; height:68px; border:2px solid #dadada; margin:3px;}
.secilen_resim img{ max-width:740px; margin-left:5px;}

.sag-blok{width:740px; margin-top:10px; background:#FFFFFF; }
.sag-blok-ic{width:735px; font-size:10pt; padding:5px; text-align:justify; border:1px solid #dadada; color:#333333;}
.sag-blok-ic *{max-width:700px;}
.sag-blok-ic > center{margin-left:20px;}
.sag-blok-ic a img{margin:0px; margin-left:10px; margin-top:10px;}
.sag-blok-ic div{ color:#CC3300; font-size:10pt; padding:5px; font-weight:bold; }
.sag-blok-ic p img { max-width:735px!important; height:auto!important;}

.input-ayar{width:180px; border:1px solid #dadada; background-color:#f8f8f8; height:20px; padding:3px; color:#666666; float:left;margin-bottom:10px;}
.textarea-ayar{border:1px solid #dadada; background-color:#f8f8f8; width:580px; height:100px; resize:none; padding:5px; font-family:Arial, Helvetica, sans-serif, "Arial Black"; color:#333333;font-size:10pt; float:left;}
.mesajlar{width:715px; margin:0px auto;}
.gonderildi{float:left; margin-top:15px; font-size:10pt; color:#CC3300; margin-left:20px;}
.ad-soyad{font-size:11pt; color:#003366; float:left; margin-right:10px;}
.tarih-saat{font-size:8pt; color:#666666; float:right;}
.mesaj{font-size:10pt; color:#333333; width:715px; padding-bottom:5px; margin-top:5px;}
.gonderi{margin-bottom:20px; border:1px solid #CCCCCC; padding:5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;background: rgb(255,253,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,253,252,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,253,252,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,253,252,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,253,252,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,253,252,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,253,252,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdfc', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}
.gonderi img{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


.sag-blok-baslik{float:left;padding:0px 5px;color:#FFFFFF;  font-size:11pt;font-family:"Tahoma"; font-size:10pt; margin-top:3px;text-shadow:1px 0px 2px #000;}
.sag-blok > h1{color:#2d2d2d; font-family:Tahoma; font-size:10pt;}
.sag-blok-ic > h1{color:#2d2d2d; font-family:Tahoma; font-size:10pt;}
.sag-blok-ic p img { max-width:735px!important; height:auto!important;}

.etkinlik-alan{width:735px;border:1px solid #dadada; margin-top:10px;
padding:5px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}
.etkinlik-alan *{max-width:700px;}
.etkinlik-baslik{font-size:11pt;  text-align:center;  margin-top:-15px; }
.etkinlik-baslik a{color:#000000; text-transform:capitalize; border:1px solid #dadada; padding:5px; background-color:#FFFFFF; position:relative; z-index:60;}
.etkinlik-tarih{color:#FF3300; font-size:10pt; text-align:center; margin-top:10px;}
.etkinlik-tarih img{ vertical-align:middle;margin-top:-2px; }
.etkinlik-kisayazi{color:#666666; font-size:10pt; margin-top:10px;}

h1{font-size:11pt; color:#FF3333;}
td.etkinlik_var {
	 color: #CC0000;

	 font-weight: bold;
	 
 }
.etkinlik_var a{
	 color: #FFFFFF !important;
	 font-weight: bold !important;
	 background-color: #0099CC !important;
 }
/*eski temalara atılacak bölüm*/
.site_map{color:#2d2d2d; font-family:Tahoma, Arial; font-weight:bold;}
.site_map:hover{color:#0099CC; font-family:Tahoma, Arial; font-weight:bold;}

.captcha-alan{height:30px; margin-top:10px;  float:right; margin-left:10px;}
.captcha-input{width:68px; height:23px; border:1px solid #dadada;background-color:#FFFFFF; text-align:center; float:left; padding:3px; color:#333333; margin-left:10px; margin-right:10px; margin-top:10px;}
.captcha-resim{width:130px; float:left; margin-right:5px;} 

.fleft{float:left;}
.fright{float:right;}
.m-right10{margin-right:10px;}
.m-top10{margin-top:10px;}
.m-bottom10{margin-bottom:10px;}

.buttonS, .buttonM, .buttonL, .buttonH, [class*="tablectrl"] {  font-size: 7pt; color: #fff; font-weight: bold; text-shadow: 0px 0px 1px #424242; display: inline-block; line-height: 14px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;}
.buttonS span, .buttonM span, .buttonL span, .buttonH span { text-shadow: 0 1px 0 #6f6f6f; margin-left: 10px; }
.buttonS { padding: 4px 10px; }
.buttonM { padding: 7px 15px; }
.buttonL { padding: 8px 18px;font-size: 8pt; }
.buttonH { float: right; padding: 4px 12px 4px 12px; color: #fff!important; margin: 7px 10px 6px 10px; }
.bGreen:hover, .bRed:hover, .bBlue:hover, .bGreyish:hover, .bBlack:hover, .bLightBlue:hover, .bGold:hover, .bSea:hover, .bBrown:hover, .bPurple:hover, { opacity: 0.95; filter: alpha(opacity=95); -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }


.bGold { border: 1px solid #CC0000; box-shadow: 0 1px 2px 0 #b60202 inset; -webkit-box-shadow: 0 1px 2px 0 #6d0000 inset; -moz-box-shadow: 0 1px 2px 0 #6d0000 inset;
background: #6d0000;
background: -moz-linear-gradient(top,  #b60202 0%, #910101 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#910101), color-stop(100%,#910101));
background: -webkit-linear-gradient(top,  #b60202 0%,#910101 100%);
background: -o-linear-gradient(top,  #b60202 0%,#910101 100%);
background: -ms-linear-gradient(top,  #b60202 0%,#910101 100%);
background: linear-gradient(top,  #b60202 0%,#910101 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0000', endColorstr='#910101',GradientType=0 );

}
.bGold:active { background: #910101; box-shadow: 0 0 2px #910101 inset, 0 1px 0 #fff; -webkit-box-shadow: 0 0 2px #910101 inset, 0 1px 0 #fff; -moz-box-shadow: 0 0 2px #910101 inset, 0 1px 0 #fff;  }



.sayfalama-alan{margin-top:10px;margin:0px auto; float:right;}
.sayfalama-alan li{float:left; list-style:none; }
.sayfalama-alan li a{background:url(../../images/sayfalama.png) no-repeat center; display:inline-block; padding:10px 13px 12px 13px; font-size:10pt;color:#FFFFFF; text-shadow:1px 1px 2px #000;}

#sayfalama-aktif{background-image:url(../../images/sayfalama-aktif.png);}