body
{
	margin:0 auto;
	padding:0;
	border:0;
	font:12px Tahoma;
    color: #383838; 
}

input,ul,li,ol,h1,h2,h3,h4,h5,h6,p,textarea,table,tr,th,td,span
{
    margin:0;
    padding:0;
    list-style:none;
    border:none;
    list-style-type:none;
}

a {text-decoration: none; font:12px Tahoma; color:#383838}
a:hover {text-decoration: none; font:12px Tahoma; color:#000}
img {border:none}
:focus{outline:0}




.header {width:100%; height:115px; background-color:#fff;}
.headeric { width:980px; margin:0 auto;}
    .logo {width:332px; height:100px; margin-top:10px; float:left;}




.menukapsa { width:648px; float:right; margin-top:80px;}

#menu {height:27px; float:right; list-style:none; margin:0;}
.menus {float: left; position: relative; text-align:inherit;}
.menus a {display: block; padding:5px; color:#8e8e8e; font:bold 16px Tahoma; }
.menus a:hover { color: #6a6a6a; font:bold 16px Tahoma; padding-left:5px; padding-right:5px; color:#000;}
    
.menus.secili a {font:bold 16px Tahoma; padding:5px; color:#000;}

.alt_menus {position: absolute;  width: 200px; left: 0; top:95px; background-color:#f4f4f4; display: none;}
.alt_menus li a {display: block; padding: 5px; background-color:#f4f4f4;}
.alt_menus li a:hover {background-color: #f1592a; color:#fff; }




.orta {width: 980px; margin:0 auto;}
    .ortasol {width:610px; background-image:url(/_Resources/Web/korkutdekor/images/orta-bg.png); float:left; height:100%;}
    .ortasag {float:right;}




.altsayfa  
{
    width:540px;     
    margin-top:5px;
    margin-left:50px;
    margin-bottom:185px;
    padding:10px;
    color:#fff;    
}
.altsayfabaslik {float:left; font:20px Tahoma; margin-left:10px; margin-bottom:5px;}




.hizmetler { width:550px; margin:0 auto;}
	.hizmetblok { width:100px; height:90px; float:left; border:1px solid #ccc; 
	              background-color:#fff; margin-bottom:5px; overflow:hidden; margin-right:5px;}
		.hizmetblokbaslik { width:100px; padding:5px; font:12px Tahoma; color:Gray;}
		.hizmetblokbaslik a {font:12px Tahoma; color:Gray;}
		.hizmetblokbaslik a:hover {font:12px Tahoma; color:#000; text-decoration:underline;}




.footer { width:100%; background-color:#393a3c;}

.footeralt {width:100%; background-color:#292a2c; position:fixed; bottom:0; left:0; padding:0; z-index:9999999;}

.copyright {width:980px; margin:0 auto;}
.copyrightsol {width:400px; float:left; padding:10px; color:Gray;}
.copyrightsag {width:400px; float:right; padding:10px; color:Gray; text-align:right;}
.copyrightsag a {padding:10px; color:Gray; text-align:right;}
.copyrightsag a:hover {padding:10px; color:#fff; text-align:right;}





.iletisimkapsa { width:560px; margin-top:15px;}

.iletisimsol { width:260px; float:left; color:#fff; padding:5px;}
    .iletisimbilgikapsa { width:260px;}
        .iletisimbilgisol { width:70px; float:left; text-align:right; margin-right:3px; margin-top:5px; margin-bottom:5px;}
        .iletisimbilgisag { width:180px; float:right; text-align:left; margin-top:5px; margin-bottom:5px;}
        .iletisimbilgisag a {color:#fff; text-align:left;}
        .iletisimbilgisag a:hover {color:#f1f1f1; text-align:left;}
        
.iletisimsag { width:280px; float:right; color:#fff; padding:5px;}
    .iletisimformkapsa { width:280px;}
        .iletisimformsol { width:75px; float:left; text-align:right; margin-right:3px; height:25px; margin-top:3px;}
        .iletisimformsag { width:200px; height:25px; text-align:center; float:right;}
            .iletisimformsagmulti { width:200px; height:105px; text-align:center; float:right;}
            
            .iletisimformsagcapcha { width:190px; text-align:center; float:right;}
            .iletisimformsagcapcha a { width:190px; text-align:center; float:right; color:#fff;}
            .iletisimformsagcapcha a:hover { width:190px; text-align:center; float:right; color:#f1f1f1;}
        
        .iletisimtextbox { width:180px; height:20px; border:1px solid #eee;}
        .iletisimtextbox:hover { width:180px; height:20px; border:1px solid #fff;}
        
        .iletisimtextboxmulti { width:180px; height:100px; border:1px solid #eee;}
        .iletisimtextboxmulti:hover { width:180px; height:100px; border:1px solid #fff;}
        
        .iletisimbutonkapsa { width:140px; float:right; margin-top:10px;}
        
        .iletisimbtn { padding:5px; background-color:#fff;}
        .iletisimbtn:hover { padding:5px; background-color:#eee;}

.iletisimbaslik { width:250px; padding:5px; text-align:center;}





.ayrac {width: 100%; height: 3px; background-image:url(/_Resources/Web/korkutdekor/images/aranoktalar.png); margin-top: 3px; margin-bottom: 3px;}




.cizgi {width: 100%; height: 1px; background-color:#ddd; margin-top: 3px; margin-bottom: 3px;}




.temizle {clear: both; padding:0; margin:0;}




.txtGenel {width:200px; height:25px; background-color:#f1f1f1; border:1px solid #e2e2e2; color:Gray; margin-bottom:5px; padding:3px;}
.txtGenel:hover { width:200px; height:25px; background-color:#fff; border:1px solid #999999; color:#000; margin-bottom:5px; padding:3px;}

.btnKaydet {padding:7px; color:Gray; border:1px solid #e2e2e2; background-color:#f1f1f1; 
            font:bold 13px Tahoma; margin-top:30px; margin-bottom:10px; cursor:pointer;}
.btnKaydet:hover {padding:7px; color:#fff; border:1px solid #e2e2e2; font:bold 13px Tahoma; 
                  background-color:#494949; margin-top:30px; margin-bottom:10px; cursor:pointer;}




.welcome { width:530px; margin-top:50px; padding:10px;  color:#fff;}
    
    .welsag { width:530px;}
    
    .welbaslik { width:500px; float:right; font:bold 35px Tahoma; color:#f1592a; text-align:right; margin-right:10px; line-height:30px;}
    .welbaslik a { font:bold 35px Tahoma; color:#f1592a; text-align:right; margin-right:10px; line-height:30px;}
    .welbaslik a:hover { font:bold 35px Tahoma; color:#fff; text-align:right; margin-right:10px; line-height:30px;}
    
    .welspot {width:500px; float:right; font:12px Tahoma; color:#fff; text-align:right; margin-right:5px; margin-top:5px; margin-bottom:10px;}
    .welspot a { font:12px Tahoma; color:#fff; text-align:right; margin-right:10px;}
    .welspot a:hover { font:12px Tahoma; color:#f1f1f1; text-align:right; margin-right:10px;}
    
    .weldetay {width:500px; float:right; font:12px Tahoma; color:#fff; text-align:right; margin-right:10px; line-height:20px;}
    .weldetay a { font:12px Tahoma; color:#fff; text-align:right; margin-right:10px; line-height:20px;}
    .weldetay a:hover {font:12px Tahoma; color:#f1f1f1; text-align:right; margin-right:10px; line-height:20px;}
    
    .welcome2 { width:550px; margin:0 auto; padding:10px; position:fixed; bottom:160px;}
    
    .welsag2 { width:550px;}
    
    .weldetay2 {width:500px; float:right; font:12px Tahoma; color:#fff; text-align:right; margin-right:10px; line-height:20px;}
    .weldetay2 a { font:12px Tahoma; color:#fff; text-align:right; margin-right:10px; line-height:20px;}
    .weldetay2 a:hover {font:12px Tahoma; color:#f1f1f1; text-align:right; margin-right:10px; line-height:20px;}
    
    .anasayfailetisimkapsa { width:500px; float:right;}
    .anasayfailetisimbaslik { width:480px; padding:10px; text-align:right; font:bold 20px Tahoma; color:#f1592a;}
    
    .anasayfailet { width:260px; float:right; color:#fff; padding:5px;}
    .anasayfailetbilgikapsa { width:250px; float:right; text-align:right; margin-right:5px; padding:5px;}
    
        .anasayfailetbilgisol { width:70px; float:left; text-align:right; margin-right:3px; margin-top:5px; margin-bottom:5px;}
        
        .anasayfailetbilgisag { width:180px; float:right; text-align:right; margin-top:3px; margin-bottom:3px;}
        .anasayfailetbilgisag a {color:#fff; text-align:left;}
        .anasayfailetbilgisag a:hover {color:#f1f1f1; text-align:left;}

	



#container
{
    width: 960px;
    margin: auto;
    text-align: left;
}
.effect-container
{
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.effect-container .img-style
{
    margin: 7px;
}
.effect-details
{
    font-family: Tahoma;
    font-size: 20px;
    color: #666;
}
.siyahbeyaz-wrapper
{
    margin:auto;
    position:relative;
    display: inline-block;
}
.siyahbeyaz-wrapper>img
{
    position: absolute;
    z-index: 1;
}
.siyahbeyaz-before
{
    position: absolute;
    z-index: 5;
}
.siyahbeyaz-after
{
    position: absolute;
    z-index: 10;
}
.siyahbeyaz-slice {
    display:block;
    position:absolute;
    z-index:15;
    height:100%;
}
.siyahbeyaz-box
{
    display:block;
    position:absolute;
    z-index:15;
}




	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; 
                     text-indent:-999em; background:url(/_Resources/Web/korkutdekor/images/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized images { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
		#supersized.speed images { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	
		#supersized.quality images { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			
	
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
	#supersized a { width:100%; height:100%; display:block; }
		#supersized li.prevslide { z-index:-20; }
		#supersized li.activeslide { z-index:-10; }
		#supersized li.image-loading { background:#111 url(/_Resources/Web/korkutdekor/images/progress.gif) no-repeat center center; width:100%; height:100%; }
			#supersized li.image-loading images{ visibility:hidden;}
		#supersized li.prevslide images, #supersized li.activeslide images{ display:inline;}

#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:33px; left:0; z-index:4; background:url(/_Resources/Web/korkutdekor/images/nav-bg.png) repeat-x; position:fixed; }
	#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
		#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Tahoma, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
		#slidecaption { overflow:hidden; float:left; color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Tahoma, sans-serif; text-shadow:#000 1px 1px 2px; margin:0 20px 0 0; line-height:42px; }
		
		#navigation { float:right; margin:0px 20px 0 0; }
			#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url('/_Resources/Web/korkutdekor/images/bg-hover.png') repeat-x 0 44px; }
				#play-button:hover{ background-position:0 1px; cursor:pointer; }
			
			#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
				#prevslide{ left:10px; background:url('/_Resources/Web/korkutdekor/images/back.png'); }
				#nextslide{ right:10px; background:url('/_Resources/Web/korkutdekor/images/forward.png'); }
					#prevslide:active, #nextslide:active{ margin-top:-19px; }
					#prevslide:hover, #nextslide:hover{ cursor:pointer; }
			
			ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
				ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
					ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
					ul#slide-list li a{ display:block; width:12px; height:12px; background:url('/_Resources/Web/korkutdekor/images/nav-dot.png') no-repeat 0 -24px; }
						ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
			
			#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url('/_Resources/Web/korkutdekor/images/bg-hover.png') repeat-x 0 44px; }
				#tray-button:hover{ background-position:0 1px; cursor:pointer; }		

					
#progress-back{ z-index:5; position:fixed; bottom:68px; left:0; height:8px; width:100%; background:url('/_Resources/Web/korkutdekor/images/progress-back.png') repeat-x; }
	#progress-bar{ position:relative; height:8px; width:100%; background:url('/_Resources/Web/korkutdekor/images/progress-bar.png') repeat-x; }	

	
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
	#nextthumb { right:12px; }
	#prevthumb { left:12px; }
		#nextthumb images, #prevthumb images { width:75px; height:auto;}
		#nextthumb:active, #prevthumb:active { bottom:70px;}
		#nextthumb:hover, #prevthumb:hover { cursor:pointer;}

			
#thumb-tray{ position:fixed; z-index:3; bottom:50px; left:0; background:url(/_Resources/Web/korkutdekor/images/bg-black.png); height:185px; width:100%; overflow:hidden; text-align:center; 
             -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
	
	#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
		#thumb-back{ left:0; background: url('/_Resources/Web/korkutdekor/images/thumb-back.png') no-repeat center center;}
		#thumb-forward{ right:0; background:url('/_Resources/Web/korkutdekor/images/thumb-forward.png') no-repeat center center;}
			#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
				#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
				#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }		
	
	ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
		ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
			ul#thumb-list li images { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); 
			                          -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; 
			                          -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
			ul#thumb-list li.current-thumb images, ul#thumb-list li:hover images{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
			ul#thumb-list li:hover{ cursor:pointer; }
			

			



.urunlistecizgi { width:500px; height:1px; background-color:#eee; margin-top:5px; margin-bottom:5px;}

.urunlistekapsa { width:560px; margin-top:15px; margin-bottom:20px;}
.urunliste { width:140px; height:150px; border:5px solid #eee; margin-right:5px; margin-bottom:5px; 
             -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; background-color:#fff;}
.urunliste:hover { width:140px; height:150px; border:5px solid #ccc; cursor:pointer; 
                   -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.urunliste a { width:140px; height:100px; cursor:pointer; font:bold 12px Tahoma; color:Gray;}
.urunliste a:hover { width:140px; height:100px; cursor:pointer; font:bold 12px Tahoma; color:#535353;}

.urunlisteayir { width:130px; margin:0 auto; height:2px; background-color:#eee;}

.urunlisteresim { width:140px; height:100px; margin-bottom:5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.urunlisteisim { width:130px; padding:5px; font:bold 12px Tahoma; text-align:center; margin-top:2px; color:Gray;}
.urunlisteisim a { font:bold 12px Tahoma; text-align:center; color:Gray;}
.urunlisteisim a:hover { font:bold 12px Tahoma; text-align:center; color:#000;}	





.urundetaysol { width:200px; float:left;}
.urundetaysag { width:300px; float:right;}
    .urunismi { width:300px; font:bold 20px Tahoma; color:#fff;}
    .urunbilgi { width:300px;}
    .urunbilgiisim { width:300px; font:20px Tahoma; color:#fff;}