/***CSS leri hem bu dosyadan alıyor.*******/
@charset "utf-8";
@charset "iso-8859-9";
/* CSS dökümanı */
/*tarayıcı uyumluluğu için gereken css sıfırlama kodumuz*/
html, 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; font-size: 100%; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
* {margin:0;padding:0;}
a {text-decoration:none;cursor:pointer;outline:none;}
input, select, textarea {color:#444444;border:1px solid #ece9e9;background-color:#ffffff;font-family:Arial;font-size:12px;}
/***************sayfa cssleri*******************/
body{background-color:#ebebeb;margin:0px;font-family:verdana;}
#magnet-ana-kapsam{width:999px;margin: 0 auto;}
#golge-ust{width:1016px; height:7px; margin:auto; background-image:url(images/golge-ust.png); background-repeat:no-repeat;}
#ust-kapsam{width:1016px; width/*\**/:1016px\9; padding:0 8px 0 8px; padding/*\**/:0px 0px 0px 0\9; height:144px; margin:auto; background-image:url(images/golge-zemin-genel.png);background-repeat:repeat-y; z-index:-1;margin-left: 2px;}
	.ust_serit {position:absolute;top:99px;right:-66px;width:60%;width/*\**/:21%\9;height:43px; right:-39px; background:url(images/ust-serid.png) repeat-x; z-index:-999;z-i9ndex/*\**/:-999\9;}	
.alt_serit {
	position:relative;
	top:-38px;
	right:310px;
	width:317px;
	height:43px;
	}
	#logo-kapsam{width:246px; width/*\**/:240px\9; height:144px; float:left;padding-left/*\**/:5px\9;}
	#menu-unvan-telno{width:754px; height:144px; float:left;}	
	#telno-sag-ustmenu{width:754px; width/*\**/:744px\9; height:49px; border:0px}
		#telno{width:162px; width/*\**/:199px\9; height:49px; padding:0 0 0 60px; padding/*\**/:0 0 0 60px\9; margin:0 0 0 120px; float:left; background-image:url(images/ikonlar_05.png); background-position:center; background-repeat:no-repeat;}			
		#sag-ustmenu{width:290px; width/*\**/:300px\9; height:49px; padding:10px 0 0 10px; margin:0 0 0 103px; margin-top/*\**/:-48px\9;margin-left/*\**/:453px\9; float:left; background-image:url(images/ardalan-sag-ustmenu.jpg); background-repeat:no-repeat;}
			#sag-ustmenu ul li{list-style-type:none; float:left; padding-left:15px;}
			#sag-ustmenu ul li a{font:normal 10px arial; color:#7d7d7d; text-decoration:none;}
			#sag-ustmenu ul li a:hover{color:#cf2323;}
	#unvan-slogan{width:544px; height:52px; padding-right:210px; padding-right/*\**/:10px\9;}
		#unvan-slogan p{margin:0px; padding:0px; width/*\**/:700px;}
	#ana-menu-kapsam{width:755px; width/*\**/:760px\9; height:43px;  height/*\**/:43px; background-image:url(images/ardalan-ana-menu.png); z-index:400;}
		.ana-menu-etkin-konum {float:left;display:inline;}
		#h_sag_menu {width:754px;height:43px;position:relative; height/*\**/:43px\9; z-index:400;}
		#h_sag_menu ul {list-style:none;}
		#h_sag_menu ul li {float:left;display:inline;height:30px;width:auto !important;position:relative;border-left:solid 1px #0a169f;margin-top:7px; margin-top/*\**/:3px\9}
		#h_sag_menu ul li:first-child, #h_sag_menu ul li:first-child a {border-left:none !important;}
		#h_sag_menu ul li a, #h_sag_menu ul li a:link, #h_sag_menu ul li a:visited {border-left:solid 1px #0e1ef4;font-weight:700;padding:0 10px;color:#373737;height:36px;display:inline-block; font:normal 15px Arial; color:#dfdfdf;}
		#ust-kapsam_nav li a:hover span {background-position:0px 0px; margin-top:-3px; margin-top/*\**/:-0spx\9}
		#h_sag_menu ul li ul {list-style:none;padding:0;}
		#h_sag_menu ul li ul li {display:list-item;list-style:none;float:none !important;width:145px !important;height:auto;border-top:1px solid #46c9ff !important;border-bottom:1px solid #00a2e5 !important;background:none !important;}
		#h_sag_menu ul li ul li:first-child {border-top:none !important;}
		#h_sag_menu ul li ul li:last-child {border-bottom:none !important;}
		#h_sag_menu ul li ul li a, #h_sag_menu ul li ul li a:link, #h_sag_menu ul li ul li a:visited {color:#ffffff;background:none;height:auto !important;padding:0 !important;margin:0;}
		#h_sag_menu ul li ul li a:hover {color:#222222 !important;}
		.span1 {background:url(images/menu-etkin-sol.png) no-repeat 0 100px;display:inline-block;height:36px;width:11px}
		.span2 {background:url(images/menu-etkin-orta.png) repeat-x 0 100px;display:inline-block;height:36px;padding-top:6px;color:#fff}
		.span3 {background:url(images/menu-etkin-sag.png) no-repeat 0 100px;display:inline-block;height:36px;width:11px}	
#govde-kapsam{width:996px; width/*\**/:1050px;\9 margin:auto; overflow:hidden; background-image:url(images/golge-zemin-genel.png); background-repeat:repeat-y; padding:0 10px 0 10px; margin:auto;}
	#govde-sol{width:248px; float:left;}
		.sol-baslik{width:193px; width/*\**/:250px;\9 height:25px; background-image:url(images/ardalan-urun-baslik.jpg); background-repeat:no-repeat; font:bold 15px arial; color:#FFF; padding:12px 0 0 55px}
		.sol-ust-parca{width:248px; height:11px; background-image:url(images/ardalan-kategori-ust-parca.jpg); background-repeat:no-repeat;}
		#ilk-kategori-kapsam{width:226px;  min-height:400px; padding:0 0 0 20px;background-image:url(images/ardalan-kategori-orta-parca.jpg); background-repeat:repeat-y; margin-top/*\**/:-8px\9;}
			#ilk-kategori-kapsam ul{background-image:url(images/ikon-kategori.png); background-position:left top; background-repeat:no-repeat; padding:0 0 0 20px; font:bold 15px Arial; color:#605e5e; border-bottom:1px #ccc solid; margin-bottom:5px;width: 197px;}
			#ilk-kategori-kapsam ul li{background-image:none; font:normal 14px Arial; color:#515151; line-height:25px; border-bottom:1px #ccc solid}
			#ilk-kategori-kapsam ul li a{color:#515151;font-family:verdana;font-size:12px;}
			#ilk-kategori-kapsam ul li a:hover{color:#C62A2B;}
			#ilk-kategori-kapsam ul #ayrac{border-bottom:1px #CCC solid; margin-right:15px; line-height:/*\**/0px; margin:/*\**/0px\9; padding:/*\**/0px\9; width:198px; width/*\**/:187px\9; height:/*\**/1px\9; margin-top/*\**/:-15px\9}
			#ilk-kategori-kapsam #ul-ayrac{list-style-type:none; width:258px; border-bottom:1px #CCC solid; list-style-type:none; margin:10px 0 5px -10px; width/*\**/:185px\9; margin-top/*\**/:-3px\9}
		.sol-alt-parca{width:248px; height:11px; background-image:url(images/ardalan-kategori-alt-parca.jpg); background-repeat:no-repeat; margin-top:-6px;}
		#bilgilendirme-ilk-com-tr{width:222px; width/*\**/:250px; height:200px; padding:0 0 0 20px; background-image:url(images/ardalan-kategori-orta-parca.jpg); background-repeat:repeat-y; margin-top/*\**/:-8px\9}
		#bilgilendirme-ilk-com-tr a {font-size:14px;}
		#div-ayir{height:6px;}
	#govde-sag{width:747px; float:left; width/*\**/:700px\9;}
		#vitrin-kapsam{width:735px; height:258px; height/*\**/:250px\9; margin:5px 0 0 5px; margin/*\**/:5px 0 0 5px\9}
		#vitrin-golge{width:733px; height:53px; height/*\**/:20px\9; background-image:url(images/virtin-golge.png); background-repeat:no-repeat;}
		#icerik-kapsam{width:747px; margin-top:22px; margin-top/*\**/:-0px;\9}
		#icerik-ust-parca{width:747px; width/*\**/:743px\9; height:12px; height/*\**/:18px\9; background-image:url(images/icerik-ust-parca.jpg); background-repeat:no-repeat; float:left; margin-top/*\**/:-0px\9;}
		#icerik-orta-parca{width:705px; width/*\**/:713px\9; background-image:url(images/icerik-orta-parca.jpg); background-repeat:repeat-y; padding:0 15px 0 25px; padding/*\**/:0 10px 0 25px\9; float:left; margin-top/*\**/:-7px\9;text-align:justify;}
		#urun-ayrinti{}		
			#magner-resim{width:148px; height:127px; background:#333; float:left; margin:20px 15px 15px 0;}
			#magnet-yazi{width:530px; float:left; }
		#icerik-alt-parca{width:747px; width/*\**/:743px\9; height:13px;  background-image:url(images/icerik-alt-parca.jpg); background-repeat:no-repeat;float:left;}
		.diger_urun {/*border:1px solid #C62A2B;*/height:183px;width:200px;margin-top:10px;cursor:pointer;}
		/*.diger_urun p:hover{border:1px solid #2433E4;cursor:pointer;}*/
		.txtbox{height:30px;line-height:30px;}
		.txtbox:hover{border:1px solid #ccc;}
		.txtarea:hover{border:1px solid #ccc;}
		.c_detial_link a:link{color:#605e5e;font-weight:bold;}
		.c_detial_link a:hover{color:#C62A2B;}
		.iletel_bg {background: url(images/ile_tel.png) no-repeat scroll left center transparent;padding-left: 20px;}
		.ileadres_bg {background: url(images/ile_adres.png) no-repeat scroll left center transparent;padding-left: 20px;}
		.ilefax_bg {  background: url(images/ile_fax.png) no-repeat scroll left center transparent;padding-left: 20px;}
		.ilemail_bg { background: url(images/ile_mail.png) no-repeat scroll left center transparent;padding-left: 16px;}
		.iletisim_resim{float:right;margin-left:-229px;margin-left:/*\**/:0px\9;position:absolute;margin-top:0px; margin-top:/*\**/:-500px\9;*margin-top:-300px;}
		.iletisim_resim2{float:right;margin-left:-229px;margin-left:/*\**/:0px\9;position:absolute;*margin-top:-430px;}
		/*Chrome için css*/
		@media screen and (-webkit-min-device-pixel-ratio:0) {  
    		.iletisim_resim2 {margin-top:30px;}
    		.iletisim_resim{margin-top:30px;}
		}
		/*Chrome için css*/ 			
/*---------------------------- Kayan kitaplar -------------------------------*/
#kayan-magnetler-kapsam{width:708px; float:left;}
.kayan-urun-kapsam {position:relative;width:708px; padding-left:15px;height:200px;}
.kayan-urun-kapsam .geri {
	position:absolute;
	left:0;
	top:55px;
	left:4px
}
.kayan-urun-kapsam .ileri {
	position:absolute;
	right:24px;
	top:55px;
}
.kayan-urun-kapsam .geri a,
.kayan-urun-kapsam .ileri a {cursor:pointer;}
.kayan-urun-kapsam .kaydirak {width:708px;margin-left:27px; padding/*\**/:0 0 0 15px\9;}
.kayan-urun-kapsam ul li {background:url(images/yeni-urunler.png); list-style-type:none; display:block; width:180px; width/*\**/:200px\9; height:171px;float:left;border:0;position:relative; background-repeat:no-repeat; padding:0 0 0 25px; padding/*\**/:0 0 0 0px\9; background-position:right; margin-bottom:-15px;}
.kayan-urun-kapsam ul li strong {width:99px;height:50px;font:normal 12px arial; color:#ff7e00;display:block;padding:0 0 0 0px;float:right; }
.kayan-urun-kapsam ul li strong b{display:block;padding:11px; text-decoration:none; color:#ff7e00;}
.kayan-urun-kapsam ul li strong a{text-decoration:none; color:#ff7e00}
.kayan-urun-kapsam ul li a:hover{color:#333}
.kayan-urun-kapsam ul li span {font-weight:bold;position:absolute;right:46px;top:129px;display:block;line-height:1em;font:normal 12px arial;color:#545353;width:98px;text-align:center;padding:12px 11px 3px ;}
/*---------------------------- Kayan kitaplar bitti -------------------------------*/
#alt-kapsam{width:1016px; height:128px; margin:auto; padding-top:27px; background-image:url(images/golge-zemin-genel.png);background-repeat:repeat-y;clear:both;}
	#alt-menu-kapsam{width:836px; height:43px; background-image:url(images/ardalan-ana-menu.png); margin-left:7px;}
		.ana-menu-etkin-konum {float:left;display:inline;}
		#alt-menu {width:784px;height:43px;position:relative;} 
		#alt-menu ul {list-style:none;}
		#alt-menu ul li {float:left;display:inline;height:20px;width:auto !important;position:relative;border-left:solid 1px #0a169f;margin-top:7px}
		#alt-menu ul li:first-child, #alt-menu ul li:first-child a {border-left:none !important;}
		#alt-menu ul li a, #alt-menu ul li a:link, #alt-menu ul li a:visited {border-left:solid 1px #0e1ef4;font-weight:700;padding:0 10px;color:#373737;height:36px; height/*\**/:35px\9; display:inline-block; font:normal 15px Arial; color:#dfdfdf;}
		#ust-kapsam_nav li a:hover span {background-position:0px 0px; margin-top:-0px}
		#alt-menu ul li ul {list-style:none;padding:0;}
		#alt-menu ul li ul li {display:list-item;list-style:none;float:none !important;width:145px !important;height:auto;border-top:1px solid #46c9ff !important;border-bottom:1px solid #00a2e5 !important;background:none !important;}
		#alt-menu ul li ul li:first-child {border-top:none !important;}
		#alt-menu ul li ul li:last-child {border-bottom:none !important;}
		#alt-menu ul li ul li a, #alt-menu ul li ul li a:link, #alt-menu ul li ul li a:visited {color:#ffffff;background:none;height:auto !important;padding:0 !important;margin:0;}
		#alt-menu ul li ul li a:hover {color:#f0f !important;}	
	#alt-menu-sakli-hak{width:836px; float:left}
		#saklihak{width:836px; padding:40px 0 0 7px; margin-top:-62px;}
		#saklihak span{float:left; width:380px; padding:0 0 0 30px;}
	#logo-alt{width:180px;  height:151px; float:right; z-index:+400;margin-top:-32px;}
#golge-alt{width:1016px; height:14px; margin:auto; background-image:url(images/golge-alt.png); background-repeat:no-repeat;}
.tel{font:bold 18px Arial; color:#FFF;}
.tel{font/*\**/:bold 16px\9 Arial; color:#FFF;}
.unvan{ color:#3e3e3e; text-align:center; letter-spacing:-1px;}
.unvan{font: bold 16px verdana; letter-spacing/*\**/:0px\9; color/*\**/:#3e3e3e\9; font/*\**/:bold 16px verdana\9; width/*\**/:400px;\9 } /* ie8 ve ie 7 */
.slogan{font:normal 13px verdana; color:#3e3e3e;text-align:center; letter-spacing:-1px;}
h1{font:normal italic 20px Arial; color:#dc1919; /*border-bottom:1px #d1d1d1 solid; margin-bottom:15px;*/}
h2{font:normal italic 20px Arial; color:#dc1919;/* border-bottom:1px #d1d1d1 solid; margin-bottom:15px;*/}
h2 a{font:normal italic 20px Arial; color:#dc1919; border-bottom:1px #d1d1d1 solid; margin-bottom:15px;}
h2 a:visited{font:normal italic 20px Arial; color:#dc1919; border-bottom:1px #d1d1d1 solid; margin-bottom:15px;}
h3{font:normal italic 20px Arial; color:#dc1919; border-bottom:1px #d1d1d1 solid; margin-bottom:15px;}
h4{font:normal italic 16px Arial; color:#dc1919; border-bottom:1px #d1d1d1 solid; margin:20px 0 10px 0; }
.genelyazi{font:normal 14px Arial; line-height:18px;}
.yazi2{font:bold 11px Arial; color:#4a4a4a;}
.sag{float:right;}


/* Easy Slider */

#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */