@import url('reset.css');
@import url('class.css');
@import url('font.css');

/* 
	Netkolog Web Danışmanlığı
	DushHaus
	ismail akdoğan
*/

/*	Genel Ayarlar
-----------*/
body{background-image:url(../images/body.png);background-repeat:repeat-x;background-position:top left;background-color:#fff;}
#genel{width:910px;height:100%;margin-left:20px;}

/*	Site Ust
-----------*/
#siteust{width:910px;height:auto;margin:0px;padding:8px 0px 0px 0px;}

#siteust .logo{
	width:auto;
	height:auto;
    margin-top:7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#siteust .logo img{border:0px;}

#siteust .ustlink{width:auto;height:auto;margin:43px 0px 0px 130px;}
#siteust .ustlink ul{float:left;width:auto;height:auto;display:inline;}
#siteust .ustlink ul li{float:left;width:auto;height:auto;background-image:url(../images/ustlink-bg.gif);background-position:center left;background-repeat:no-repeat;
padding:0px 5px 0px 5px;margin:0px;}
#siteust .ustlink ul li a{width:auto;height:auto;margin:0px;padding:0px;line-height:20px;vertical-align:middle;}

#siteust .ustlinkeng{width:auto;height:auto;margin:43px 0px 0px 60px;}
#siteust .ustlinkeng ul{float:left;width:auto;height:auto;display:inline;}
#siteust .ustlinkeng ul li{float:left;width:auto;height:auto;background-image:url(../images/ustlink-bg.gif);background-position:center left;background-repeat:no-repeat;
padding:0px 5px 0px 5px;margin:0px;}
#siteust .ustlinkeng ul li a{width:auto;height:auto;margin:0px;padding:0px;line-height:20px;vertical-align:middle;}

#siteust .ustlinkalm{width:auto;height:auto;margin:43px 0px 0px 20px;}
#siteust .ustlinkalm ul{float:left;width:auto;height:auto;display:inline;}
#siteust .ustlinkalm ul li{float:left;width:auto;height:auto;background-image:url(../images/ustlink-bg.gif);background-position:center left;background-repeat:no-repeat;
padding:0px 5px 0px 5px;margin:0px;}
#siteust .ustlinkalm ul li a{width:auto;height:auto;margin:0px;padding:0px;line-height:20px;vertical-align:middle;}

#siteust .ustsag{width:220px;height:auto;margin:0px;padding:0px;}
#siteust .ustsag .multikutu{width:220px;height:auto;margin:0px;padding:0px;line-height:20px;vertical-align:middle;}
#siteust .ustsag .multikutu p{float:left;width:220px;height:auto;margin:0px;padding:0px;line-height:20px;vertical-align:middle;}
#siteust .ustsag .multikutu p a{float:left;padding:0px;margin-left:10px;margin-right:10px;}
#siteust .ustsag .multikutu p a img{float:left;padding-top:5px;}
#siteust .ustsag .multikutu p img.multikutuara{float:left;margin-left:15px;}
#siteust .ustsag .multikutu p a.lang{margin-left:5px;margin-right:0px;}

#siteust .ustsag .aramakutu{width:220px;height:auto;margin:20px 0px 0px 0px;padding:0px;height:23px;text-align:left;line-height:20px;vertical-align:middle;}
#siteust .ustsag .aramakutu input[type=text]{float:left;width:140px;height:16px;padding:1px 5px;border:1px solid #ccc;margin-top:3px;margin-left:1px;font-size:12px;}
#siteust .ustsag .aramakutu img{float:right;border:0px;margin:4px 10px 1px 0px;}
#siteust .ustmenu{float:left;width:910px;height:auto;margin:12px 0px 0px 0px;padding:0px;border:0px solid #bbb;padding:0px 1px 1px 1px;background-color:#fff;}
/*#siteust .ustmenu ul{float:left;width:906px;height:26px;background-image:url(../images/menu-bg.png);background-repeat:repeat-x;background-position:top left;display:inline;}*/
#siteust .ustmenu ul
{
	float:left;
	width:auto;
	height:29px;
	background-image:url(../images/menu-bg.png.);
	background-repeat:repeat-x;
	background-position:top left;
	display:inline;
	}
#siteust .ustmenu ul li
{
	float:left;
	line-height:29px;
	vertical-align:middle;
	font-weight:bold;
	background-image:url(../images/top_middle.png);
	width:217px;
	padding-left:0px;
	}

#siteust .ustmenu ul li img
{
	margin-left:5px;
	}
	
#siteust .ustmenu ul li.left
{
	background-image:url(../images/top_left.png) !important;
	background-repeat:no-repeat;
	width:5px !important;
	height:29px;
	}

#siteust .ustmenu ul li.right
{
	background-image:url(../images/top_right.png) !important;
	background-repeat:no-repeat;
	background-position:right;
	width:5px !important;
	height:29px;
	}
	
#siteust .ustmenu ul li a
{
    color:#666;
    }
    
#siteust .ustmenu ul li a:hover, #siteust .ustmenu ul li a.activited
{
    color:#7B2D2D;
    }


/*	Govde
-----------*/
#govde{width:922px;height:auto;margin:0px;padding:10px 0px 0px 0px;}
#govde .buyukresim{width:392px;height:auto;margin:0px;padding:3px;border:1px solid #bbb;text-align:center;}
#govde .buyukresim img{padding:0px;}

#govde .icerik{width:510px;height:auto;margin:0px;padding:0px;}
#govde .icerik .resimler{width:500px;height:auto;margin:0px 0px 10px 0px;padding:0px;}
#govde .icerik .ufakresim{width:152px; height:152px;padding:2px;border:1px solid #bbb;margin-right:12px;}
#govde .icerik .imgson{margin-right:0px;margin-left:1px;}

#govde .icerik .metinkutusu{width:486px;height:auto;margin:0px 0px 0px 0px;padding:9px 0px 9px 10px;background-color:#eee;border-left:4px solid #0095ba;}
#govde .icerik .metinkutusu p{float:left;text-align:left;letter-spacing:normal;line-height:13px;font-size:11px;}

#govde .altkutular{width:908px;height:auto;margin:0px 0px 0px 0px;padding:1px 0px;background-color:#fff;border:1px solid #bbb;}
#govde .altkutular .altkutu{width:126.5px;height:124px;background-color:#fff;background-image:url(../images/altkutular-bg.png);background-repeat:repeat-x;
background-position:top left;border-right:1px solid #bbb;margin-left:1px;margin-right:1px;}
#govde .altkutular .ailk{margin-left:2px;}
#govde .altkutular .ason{border-right:0px;}

#govde .altkutular .altkutu img{margin-top:7px;margin-bottom:8px;}
#govde .altkutular .altkutu p{font-size:10px;line-height:12px;letter-spacing:normal;}

#sitealt{width:908px;height:30px;border-left:1px solid #bbb;border-right:1px solid #bbb;background-image:url(../images/sitealt-bg.png);background-repeat:repeat-x;
background-position:top left;}

#sitealt .link{width:620px;height:auto;margin:0px 0px 0px 5px;padding:0px;}
#sitealt .link p{width:100%;float:left;text-align:left;margin:0px;padding:0px;}
#sitealt .link p a{float:left;font-size:10px;line-height:30px;vertical-align:middle;width:auto;margin-right:10px;}

#sitealt .copyright{width:260px;height:auto;margin:0px 5px 0px 0px;padding:0px;}
#sitealt .copyright p{float:right;font-size:10px;line-height:30px;vertical-align:middle;color:#666}

/*	MasterPage
-----------*/
#govde .kenar{width:220px;height:auto;margin:0px;padding:0px;}
#govde .kenar ul{float:left;width:220px;height:14px;
margin:0px;padding:0px;display:block;
}
#govde .kenar ul li{float:left;width:220px;margin:0px;padding:0px;font-weight:bold;}
#govde .kenar ul li a{float:left;background-image:url(../images/list-item.gif);background-repeat:no-repeat;background-position:center left;
width:200px;padding:5px 0px 5px 15px;margin:0px 0px 0px 5px;}

#govde .masterpage{width:680px;height:auto;margin:0px;padding:0px;min-height:300px;}
#govde .masterpage .baslik{width:675px;height:auto;margin:0px;padding:5px 0px 5px 5px;}
#govde .masterpage .baslik h1{float:left;margin:0px;padding:0px;font-size:16px;font-weight:400;color:#000;line-height:24px;vertical-align:middle;}
#govde .masterpage .masteric{width:670px;height:auto;margin:0px;padding:5px;}
#govde .masterpage .masteric p{font-size:12px;line-height:14px;letter-spacing:normal;}

/*  Kategori
-----------*/
#govde .masterpage .kategori{width:680px;height:auto;margin:0px 0px 10px 0px;padding:0px;}
#govde .masterpage .kategori .kbaslik{
	width:668px;
	height:auto;
	margin:0px 0px 5px 0px;
	padding:5px 0px;
	background-image:url(../images/kategori-baslik-bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	background-color: #EEE;
}
#govde .masterpage .kategori .kbaslik h2{font-size:12px;color:#000;font-weight:bold;width:auto;padding-left:10px;}
#govde .masterpage .kategori .kbaslik h2 a{font-size:12px;color:#000;}
#govde .masterpage .kategori .kbaslik span{font-size:12px;color:#000;font-weight:400;width:auto;padding-right:5px;}
#govde .masterpage .kategori .kbaslik span a{font-size:12px;color:#000;font-weight:bold;}

#govde .masterpage .kategori .kicerik{width:704px;height:auto;margin:0px;padding:0px;margin-bottom:20px;}
#govde .masterpage .kategori .kicerik .kkutu
{
    width:auto;
    height:auto;
    margin:0px 8.5px 0px 0px;
    padding:0px;
    }
#govde .masterpage .kategori .kicerik .kkutu p{width:126px;margin:0px;padding:0px;text-align:left;margin-top:5px;}
#govde .masterpage .kategori .kicerik .kkutu p, #govde .masterpage .kategori .kicerik .kkutu a
{
    color:#666;
    text-decoration:none;
    font-weight:bold;
    }
#govde .masterpage .kategori .kicerik .kkutu p:hover, #govde .masterpage .kategori .kicerik .kkutu a:hover
{
    color:#7B2D2D;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    }
#govde .masterpage .kategori .kicerik .kkutu img{padding:1px;border:1px solid #bbb;}
#govde .masterpage .kategori .kicerik .kkson{margin-right:0px;}

/*  Urun Detay
-----------*/
#govde .masterpage .urundetay{width:680px;height:auto;margin:0px;padding:0px;}
#govde .masterpage .urundetay p{float:left;width:680px;height:auto;margin:0px;padding:0px;font-size:11px;color:#333;letter-spacing:normal;line-height:13px;vertical-align:middle;}
#govde .masterpage .urundetay p img.buyukresim{float:left;width:322px;margin:0px 10px 5px 0px;padding:3px;background-color:#fff;border:1px solid #bbbbbb;}
#govde .masterpage .urundetay p img.ufakresim{width:152px;height:152px;padding:3px;background-color:#fff;border:1px solid #bbbbbb;}
#govde .masterpage .urundetay p img.uf1{margin:0px 5px 5px 0px;}
#govde .masterpage .urundetay p img.uf2{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
div.urundetay a img.uf1, div.urundetay a img.uf2
{
	width:135px !important;
	height:135px !important;
	}
.srcbut{margin-top:5px;}
.select_urun{width:210px; margin-bottom:2px; height:24px; border-bottom:none; border-top:none; border-right:#CCC 1px solid; border-left:none; padding-left:10px; padding-bottom:3px; font-weight:bold; font-size:11px; line-height:22px; vertical-align:middle; margin-top:0px; }
.renk1{background-image:url(../images/select-bg.png);}
.renk2{background-image:url(../images/select-bg2.png);}
.alt_select{margin-left:60px;}

.imagekare{
	float: left;
	margin-right: 6px;	
	width:152px;
	height:152px;
}

.xselected
{
    font-weight:bold;
    color:#7B2D2D;
    }
.kenar a:hover
{
    color:#7B2D2D;
    }
    
.xlist
{
    font-weight:bold;
    }
    
body a:hover, body a.activited
{
    color:#7B2D2D;
    }
	#tablo {width:278px; margin-bottom:20px; padding:5px}
	#tablo td{ border:1px solid #B2B2B2;color:#666666; font-size:10.5px;}
	#tablo .backk{ background:#C7CBD6}
	
	fieldset {
	padding:0px;
	width:100%;
	margin-top: 36px;
	color: #666;
	height: auto;
	vertical-align: middle;
}
.formtablo {
	border:1px solid #EFEFEF;
	color: #666;
	background-color: #F7F7F7;
	width:100%;
	min-height:300px;
	height:100%;
	padding:10px;/*background-image: url(../../images/back2.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
	font-size:12px;
}
.form_text {
	width:164px;
}
.form_drop {
	height:21px;
	width:170px;
}
.form_field {
	height:40px;
	width:163px;
}
.form_but {
	height:20px;
	width:170px;
	line-height:11px;
}
fieldset {
	padding:0px;
	border:1px solid #fff;
	border-color:#fff #666661 #666661 #fff;
	width:100%;
	margin-top: 36px;
	color: #666;
	background-color: #EEEDEA;
	height: auto;
	vertical-align: middle;
}
.formtablo {
	border:1px solid #EFEFEF;
	color: #666;
	background-color: #F7F7F7;
	width:100%;
	min-height:300px;
	height:100%;
	padding:10px;/*background-image: url(../../images/back2.jpg);
	background-repeat: no-repeat;
	background-position: center center;*/
}

/**************************************************** */

.min-gallery
{
	width: 392px;
	height: 292px;
	margin: auto;
}
.min-gallery .preview
{
	width: 392px;
	height: 292px;
	position: relative;
	overflow: hidden;
}
.min-gallery .preview img
{
	/* width: 795px;             height: 525px;*/
	position: absolute;
}
.min-gallery .bottom
{
	width: 100%;
	height: 98px;
	color: Gray;
	font-family: Arial;
	font-size: 1em;
	font-weight: bold;
	overflow: hidden;
}
.min-gallery .bottom .long
{
	width: 100%; /*height: 100%;*/
}
.close
{
	text-align: center;
	color: white;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
	width: 100%;
	padding: 4px;
}
.min-gallery .bottom .short
{
	width: 100%;
	height: 100%;
}
.min-gallery .bottom .short .left
{
	padding-left: 44px;
	padding-top: 42px;
	width: 322px;
	float: left;
}
.min-gallery .bottom .short .middle
{
	width: 118px;
	float: left;
}
.min-gallery .bottom .short .right
{
	width: 300px;
	float: left;
	text-align: right;
	padding-right: 38px;
	padding-top: 42px;
}
.min-gallery .bottom .short .middle > div
{
	float: left;
}

.short-thumbnail-container
{
	width: 36px;
	padding-top: 30px;
	cursor: pointer;
}
.gallery-nav-left
{
	cursor: pointer;
	width: 12px;
	margin-right: 28px;
	height: 18px;
	background-image: url(arrow-left.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 40px;
}
.gallery-nav-right
{
	width: 12px;
	margin-left: 28px;
	height: 18px;
	cursor: pointer;
	background-image: url(arrow-right.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 40px;
}
.thumbnail-button
{
	width: 8px;
	height: 8px;
	margin: 2px;
	background-image: url(box.jpg);
	float: left;
}
.active-image
{
	z-index: 100;
	display: block;
}
.inactive-image
{
}
.gallery-caption
{
	position: absolute;
	width: 100%;
	height: 100px;
	background-color: Black;
	widht: 100%;
	z-index: 102;
	color: gray;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	padding: 8px;
}
/*Horizontal Orientation CSS*/
.thumbnails
{
	width: 420px; /*height: 28px;*/
	margin: auto;
	padding: 0;
	padding: 22px 0px 0px 0px;
	position: relative;
}
.thumbnails-back, .thumbnails-forward
{
	float: left;
	width: 13px;
	height: 40px;
	position: relative;
	top: 6px;
	cursor: pointer;
}
.thumbnails-back
{
	background-image: url(arrow-left.png);
	background-repeat: no-repeat;
	background-position: left;
}
.thumbnails-forward
{
	background-image: url(arrow-right.png);
	background-repeat: no-repeat;
	background-position: right;
}
.thumbnails-contents
{
	width: 390px;
	height: 48px;
	float: left;
	position: relative;
	overflow: hidden;
}
.thumbnails-contents > div
{
	position: absolute;
	width: 100%;
}
.thumbnails-contents > div > div
{
	float: left;
}
.thumbnails-contents img
{
	width: 43px;
	height: 43px;
	margin-left: 9px;
	margin-right: 9px;
	border: solid 2px black;
}
/*Horizontal Orientation CSS Ends*/

/*Common*/
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive
{
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
}
.thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}
.clear-fix
{
	clear: both;
}
.mavii {
	color: #09D;
}
