/* CSS Document */

body{
	background:#fbfbfb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}



/***** Header Starts *****/
/***** Containers *****/

#header{
	width:965px;
	position:relative;	
	overflow:hidden;
	height:110px;
	margin:0 auto;
}


/***** Logo Field *****/
#logo-href{
	width:200px;
	height:100px;
	margin:5px 10px 5px 20px;
	float:left;
}

#logo-href img{
	border:none;
}


/***** Nav Menu *****/

#nav-menu{
	height:47px;
	list-style-type:none;
	float:left;;
	margin:35px 20px 0px 0px;
	padding:0;
}

#nav-menu li{
	font-size:0.8em;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:45px;
	text-align:center;
	display:inline;
	margin:15px 5px 15px 5px;
}

#nav-menu li a{
	text-decoration:none;
	color:#444;
	padding:15px 0px 15px 13px;
}






/***** Header Ends *****/
/*****Content Starts *****/

/***** Containers *****/

#content{
	margin:0 auto;
	margin-top:3px;
	width:965px;
	position:relative;
	background:url(images/content-top.png) no-repeat top;
	overflow:hidden;	
}

#content2{
	margin-top:20px;
	width:965px;
	position:relative;
	background:url(images/content-bottom.png) no-repeat bottom;
	overflow:hidden;
	padding-bottom:10px;
}

.top-image{
	margin:10px;
	margin-top:0px;
	float:left;
	margin-right:100px;	
}

/*****Slider *****/

#slider{
	width:700px;
	height:160px;
	overflow:hidden;
	position:relative;
	margin:0px 10px 10px 10px;
	background:url(images/Alt-images/top-image-2.png) no-repeat;
	float:left;
}

.kid{
	position:absolute;
}

#slider img{
	display:none;	
}

/***** Prices *****/

#prices{
	float:left;
	width:332px;
	height:70px;
	padding:5px;
	background:url(images/prices-bg.png) no-repeat;	
	margin-left:12px;
}

.price-title{
	color:green;
	font-size:1.2em;
	line-height:70px;
	padding:0;
	margin:0;
	height:70px;
	width:225px;
	font-weight:bold;
	float:right;
}

.price{
	background:url(images/price-bg.png) no-repeat;	
	width:220px;
	height:90px;
	display:inline;	
	float:left;
	margin:5px;
}

.price-img{
	margin:5px 15px;
	float:left;	
}

.price-amount{
	float:left;
	line-height:90px;
	margin:0;
	padding:0;
	margin-left:10px;
	font-weight:bold;
	color:#006;	
}


/***** News *****/

#new{
	float:left;
	width:700px;
	margin:0px 10px;
	margin-right:100px;
	height:40px;		
}

.new-title{
	margin:0px;
	padding:0px 0px 0px 52px;
	float:left;	
	line-height:34px;
	width:190px;
	font-weight:bold;
	color:green;
	font-size:1.1em;
	background:url(images/new-title-icon.png) no-repeat 2px 2px;
}

.current-news{
	margin:0px;
	width:430px;
	height:34px;
	font-size:0.9em;
	color:#006;	
	text-decoration:none;
	position:absolute;
	left:15px;
	top:8px;
}

.other-news{
	margin:0px;
	width:430px;
	height:34px;
	font-size:0.9em;
	color:#006;	
	text-decoration:none;
	position:absolute;
	top:35px;
}

.news-container{
	float:left;
	margin:0px;
	background:url(images/new-bg.png) no-repeat;
	width:430px;
	padding-right:20px;
	height:34px;
	overflow:hidden;
	position:relative;
}


/***** İş Ortakları *****/

#partners{
	margin-left:12px;
	width:332px;
	height:80px;
	background:url(images/prices-bg2.png) no-repeat;
	padding:5px;
	float:left;
}

.ptitle{
	float:left;
	width:140px;
	height:80px;
	line-height:80px;
	color:green;
	font-size:1.2em;
	font-weight:bold;
	margin:-5px 0px 0px 5px;
	padding:0;	
}

#partner-img{
	float:right;
	position:relative;
	width:180px;
	height:70px;
	overflow:hidden;
	padding:0px;
	margin-right:5px;
}

.current-partner{
	position:absolute;
	width:180px;
	height:70px;
	margin:0px;
	z-index:1;
	top:0;
	left:0;
}

.partner{
	position:absolute;
	width:180px;
	height:70px;
	top:80px;
	left:0;
	margin:0px;
}

/***** Gallery *****/

#gallery{
	width:220px;
	height:200px;
	margin:10px;
	float:left;	
	background:url(images/gallery-bg.png) no-repeat;
	text-align:center;
	padding:8px;
	
}

.gallery-title{
	margin:0;
	padding:0;
	line-height:28px;
	font-weight:bold;
	height:28px;
	width:204px;
	color:green;	
}

#gallery-images{
	position:relative;
	float:left;
	width:204px;
	height:156px;
	overflow:hidden;
}

.galleryImg{
	position:absolute;
}

/***** Right Field *****/

#right-field{
	width:240px;
	height:320px;
	position:absolute;
	right:10px;
	top:-10px;	
}

.searchform{
	width:240px;
	height:40px;
	background:url(images/searchform.gif) no-repeat;
	margin:0 auto;
	float:left;	
}

.searchbox{
	width:180px;
	height:22px;
	float:left;
	background:url(images/searchbox.gif) no-repeat;
	line-height:24px;
	padding-left:10px;
	padding-right:0px;
	border:none;
	margin:8px 0px 0px 10px;
}

.searchbtn{
	width:18px;
	height:22px;
	float:right;
	background:url(images/searchicon.gif) no-repeat;
	border:none;
	margin:9px 10px 0px 0px;	
	cursor:pointer;
}

#sorgula{
	width:240px;
	height:145px;
	background:url(images/bayiler-bg.png) no-repeat;
	margin:0 auto;
	margin-top:10px;
	text-align:center;	
	padding-top:5px;
	float:left;
}

.eco-image{
	float:left;
	margin:10px;
	margin-bottom:15px;
}

.sorgu{
	margin:8px;
	float:left;
	border:none;
	border:1px solid #ccc;
}

.bayi-sorgula{
	font-weight:bold;
	color:green;
	font-size:1em;
	text-decoration:none;
	margin-bottom:15px;
}

#contact-us{
	width:240px;
	height:120px;
	background:url(images/iletisim-bg.png) no-repeat;
	margin:0 auto;
	margin-top:10px;
	text-align:center;	
	padding-top:5px;
	float:left;
	margin-bottom:5px;
}

.contact-us-icon{
	margin:10px 0px 0px 10px;
	float:left;
}

.contact-us-title{
	width:120px;
	font-weight:bold;
	color:green;
	font-size:1em;
	text-decoration:none;
	float:right;
	margin:0;
	margin-right:10px;
	margin-top:5px;
}

.phone{
	width:120px;
	height:25px;
	line-height:25px;
	margin:0;padding:0;
	float:right;
	font-size:0.8em;
	font-weight:bold;
	margin-right:10px;	
}

.follow-us{
	width:240px;
	height:80px;
	float:left;
	text-align:center;
	background:url(images/follow-us-bg.png) no-repeat;
	margin-top:5px;	
}

.follow-us p{
	font-size:1em;
	font-weight:bold;
	color:green;
	margin:2px 0px 0px 0px;
}


.flw img{
	border:none;
	padding:4px;	
}


/***** Duyurular *****/

.duyurular{
	width:660px;
	float:left;	
}

.duyurular ul{
	width:660px;
	float:left;	
}

.duyurular ul li{
	width:660px;
	float:left;
	line-height:30px;
}

.duyurular a{
	color:red;	
}

.duyurular-title{
	width:680px;
	font-size:2em;
	font-weight:bold;
	color:#5085c4;
	float:left;
	padding:30px 0px 10px 20px;
	margin:0;	
}

/***** Mini Contents *****/
.mini-content{
	width:165px;
	height:320px;
	float:left;
	position:relative;
	margin:4px 0px 10px 12px;
	background:url(images/mini-content-bg.png) no-repeat;	
}

.mini-content img{
	width:155px;
	height:100px;
	margin:5px;
	float:left;	
}

.mini-content a{
	
	float:left;
	text-decoration:none;
	font-size:1em;
	margin:0px 10px;;
}

.black{
	color:black;	
}

.blue{
	color:blue;	
}

.red{
	color:red;	
}

.green{
	color:green;	
}

.mini-content .detay:hover{
	text-decoration:underline;
}


.mini-content p{
	border-top:1px solid #ccc;
	width:155px;
	font-size:0.8em;
	margin:5px;
	float:left;
	margin-bottom:12px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}

.mini-content ul{
	margin:0;
	padding:0;
	width:120px;
	float:left;
	list-style-type:none;
	margin-left:5px;
}

.mini-content ul li{
	margin:0;
	paading:0;
	width:155px;
	float:left;
}

.mini-content ul li a{
	color:#009;
	font-size:0.8em;
	float:left;
	text-decoration:none;
	padding:0;
}

.mini-content ul li a:hover{
	text-decoration:underline;
}


/***** Sidebar *****/

#sideBar{
	width:240px;
	height:700px;
	margin:10px 0px 0px 10px;
	float:left;
}

#mainMenu{
	width:200px;
	list-style-type:none;
	float:left;
	margin:10px 20px;
	padding:0;
}

#mainMenu li{
	width:200px;
	height:36px;
	line-height:36px;
	display:block;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0px;
	position:relative;
	border-bottom:2px solid #666;
}

#mainMenu li a{
	padding:0px 20px 0px 20px;
	color:green;
	text-decoration:none;
	display:block
}

#mainMenu li img{
	position:absolute;
	top:9px;
	right:8px;
	cursor:pointer;
}

#mainMenu .subMenu{
	display:block;
	list-style-type:none;
	margin:0;padding:0;
}

#mainMenu .subMenu li{
	font-size:0.75em;
	font-weight:400;
	margin:0px 0px 0px 10px;
	background:none;
	line-height:24px;
	width:190px;
	height:24px;
	border-bottom:1px solid #CCC;
}

#mainMenu .subMenu a{
	display:block;
	color:#666;
	text-decoration:none;
}

#mainMenu .subMenu a:hover{
	font-weight:bold;	
}

#mainMenu .openMenu{
	display:block;
	list-style-type:none;
	margin:0;padding:0;
}

#mainMenu .openMenu li{
	font-size:0.75em;
	font-weight:400;
	margin:0px 0px 0px 10px;
	background:none;
	line-height:24px;
	width:190px;
	height:24px;
	border-bottom:1px solid #CCC;
}

#mainMenu .openMenu a{
	display:block;
	color:#666;
	text-decoration:none;
}

#mainMenu .openMenu a:hover{
	font-weight:bold;	
}

/***** Content Text *****/
#content-page{
	width:700px;
	padding:0px 10px 0px 5px;
	float:right;
	font-size:0.8em;
	margin-top:0px;
	line-height:1.5em;
}

.title{
	width:700px;
	font-size:2em;
	font-weight:bold;
	color:#5085c4;
	float:left;
	padding:10px 0px 10px 20px;
	margin:0;
	margin-top:10px;	
}

.content-image{
	width:320px;
	padding:5px;
	height:200px;
	float:right;	
}

.content-text{
	line-height:1.4em;
	font-size:1em;
	padding:0px 10px 10px 0px;
}

/***** Products *****/
.product{
	float:left;	
	width:700px;
}
.product div{
	width:450px;
	float:left;
}

.product-name{
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:10px 0px 10px 20px;
	color:#5085c4;
	float:left;
	display:block
}

.product-image{
	float:right;
	padding:10px;
	margin-top:20px;
}

.product-detail{
	float:left;
	font-size:1em;
	margin:0;
}

.product-href{
	text-decoration:none;
	color:blue;
	float:right;
	font-size:0.8em;
	font-weight:bold;
}

.product-href:hover{
	text-decoration:underline;
}

/***** Content Ends *****/
/***** Footer Starts *****/

#footer-text{
	text-align:center;
	font-size:0.6em;
	width:935px;
	float:left;
	margin:0px;
	padding:0px 15px 15px 10px;;
}

#footer-text a{
	text-decoration:none;
	color:black;
}

.footer-navbar{
	float:left;
	width:965px;
	list-style-type:none;
	padding:0;
	margin:10px 0px;
}

.footer-navbar li{
	display:inline;
	margin:0px 5px;
}

.footer-navbar li a{
	text-decoration:none;
	font-size:0.7em;
	color:black;
	font-weight:bold;	
}


/***** Container *****/

#footer{
	margin:0 auto;
	margin-top:0px;
	width:965px;
	height:85px;
	position:relative;	
	text-align:center;
	padding-top:10px;
	background:url(images/footer-bg.png) no-repeat;
}

/***İletişim****/
.iletisim-form{
		   
	width:500px;
	list-style-type:none;
	float:left;
	margin-top:10px;
	padding:0;
    

}

.iletisim-form li{
	display:block;
	float:left;
	width:500px;
	height:100px;
	color:#006;

}

.iletisim-form li p{
    display:block;
    font-size:1em;
	padding:0px;
	margin-left:10px;
  	float:left;

}
	
.iletisim-form li img{
      float:left;
      margin-left:10px;
}


.iletisim-sirket-adi{
    float:left;
	width:500px;
	height:30px;
	padding:0; 
	margin:0 0 10px 20px;
    color:#006;
}
	
/****Hızlı İletişim****/

.hizli-iletisim-bilgi{
	
	float:left;
	margin-top:0px;
	color:#006;

}
.hizli-iletisim-form{

	float:left;
	padding:0;
	display:block;
  	list-style-type:none;
    margin-left:30px;
	width:550px;	
	
}

.hizli-iletisim-form li{
	width:350px;
	height:50px;
   	padding:0;
	display:block;
   	line-height:50px;
	color:#006;
}

.hizli-iletisim-text{
	width:200px;
	height:40px;
	background:url(images/hizli-iletisim.png) no-repeat top left;
	border:0;
    padding: 0px 10px;
	float:right;
	line-height:20px;	
	outline: none; 
}

	
.hizli-iletisim-form .hizli-iletisim-list {
	width:480px;
	height:200px;
   	padding:0;
	color:#006;
	float:left;

}	 
.hizli-iletisim-ileti{
	width:330px;
	height:180px;
	border:none;	background:url(images/hizli-iletisim-ileti.png) no-repeat top left;
    padding:10px 10px;
	float:right;
    resize:none;
	overflow:auto;
	outline: none; 
	
}

.hizli-iletisim-btn{
   	background:url(images/gonder.png) no-repeat top left;
	width:100px;
	height:40px;
	border:none;
	cursor:pointer;
    margin-left:130px;
	
}


.bayilik-muracat{
	width:600px;
	float:left;
}

.bayilik-muracat p{
	width:150px;
	line-height:40px;
    margin:2px 0px 2px 30px;
	padding:0;
 	float:left; 
	color:#006;
	outline: none; 
	
}

.iletisim-slct{
	width:220px;
	height:40px;
	margin:2px 180px 2px 0px;
	padding:12px 10px 10px 10px;
	float:right;	
	background:url(images/hizli-iletisim2.png) no-repeat;
	background-size:220px 40px;
	border:none;
	-webkit-appearance:none;
	outline: none; 	
	overflow:hidden;
}

.iletisim-text{
	width:200px;
	height:40px;
	line-height:20px;
	padding:0px 10px;
	float:right;
	background:url(images/hizli-iletisim.png) no-repeat top left;
	border:0;
    margin:2px 180px 2px 0px;
	outline: none; 		
}

.iletisim-ileti{
	width:330px;
	height:180px;
	border:0;
	background:url(images/hizli-iletisim-ileti.png) no-repeat top left;
    padding:10px 10px;
	margin-left:20px;
	float:left;
    resize:none;	
	outline:none;    
	overflow:auto;

}

.iletisim-btn{
	width:100px;
	height:40px;
	float:left;
	margin-left:200px;
	background:url(images/gonder.png) no-repeat top left;
	border:0;
	cursor:pointer;	
}

.iletisim-alankodu{
	width:30px;
	height:32px;
	float:left;
	margin:5px 2px 5px 22px;
	padding-left:10px;
	border:0;
	background:url(images/alankodu.png) no-repeat;
	outline: none; 
}

.iletisim-telefon{
	width:150px;
	height:32px;
	float:right;
	margin:5px 180px 5px 3px;
	padding-left:10px;
	border:0;
	background:url(images/telefon.png) no-repeat;	
	outline: none; 
	
}
/***Bayilik***/

.bayilik{
	width:660px;
	height:520px;
	float:left;
}

.bayilik p{
	width:220px;
	height:40px;
	font-size:1em;
	float:left;	
	margin:0;
	padding:0;
	color:#006;
}

.bayilik .bayilik-baslik{
	font-weight:bold;
	color:green;
	font-size:1em;
	border-bottom:2px groove #ccc;	
	line-height:40px;
	margin-bottom:10px;
}

/***Bayi Sorgula***/

.bayi-sorgu-sonuc
{
	width:600px;
	float:left;
	padding:8px;
	border-bottom:2px groove #006;
}

.bayi-adi
{
	font-size:1em;
	font-weight:bold;
	color:red;
	padding:0;
	margin:0;	
}

.bayi-adres
{
	font-size:0.9em;
	color:#006;
	float:left;
	padding:0;
	margin:0;
}

.bayi-telefon
{	
	margin-top:0px;
	color:#006;
	font-size:0.9em;
	padding:0;
	float:right;
}

.bayi-sonuc{
	width:600px;
	color:#006;
	font-size:1em;
	font-weight:bold;
	float:left;
	padding:10px;
	margin:20px 0px 0px 0px;
	border-bottom:2px groove #006;
}

/***** Pages ****/

.pages{
	width:300px;
	height:34px;
	display:block;
	text-align:center;
	position:absolute;
	bottom:80px;
	left:400px;
}

.pages a{
	width:25px;
	height:30px;
	float:left;
	background:url(images/pages.png) no-repeat;
	margin:2px;
	font-size:1.1em;
	line-height:30px;
	text-decoration:none;
	color:black;	
}

.pages .active-page{
	width:25px;
	height:30px;
	float:left;
	background:url(images/pages2.png) no-repeat;
	margin:2px;
	font-size:1.1em;
	line-height:30px;
	text-decoration:none;
	color:black;	
}

/**Serach result link**/
.searchbox-result{
	width:600px;
	float:left;
	margin:5px 0px 5px 20px;
	
}
.searchbox-result a{
	font-size:1.1em;
	color:#006;
	text-decoration:none;
}

/***** Gallery *****/

#photo-field{
	float:left;
		
}

#photo-container{
	width:640px;
	height:480px;
	background:url(images/photo-gallery-bg.png);
	float:left;
	margin:20px;	
	padding:20px;
}

#next{
	margin:240px 0px 0px 0px;
	float:left;	
	cursor:pointer;
}

#prev{
	margin:240px 0px 0px 40px;
	float:left;	
	cursor:pointer;
}


#login-container{

	width:965px;
	height:650px;
	position:relative;
	overflow:hidden;
	padding-bottom:20px;
    background:url(images/login-bg.jpg) repeat-x;
	text-align:center;
}

#login-content{
	width:400px;
	height:400px;
	background:url(images/login-form.gif) no-repeat;
	margin: 140px 270px;
	padding-top:30px;

}

.logout-text{
	width:400px;
	color:#006;
	font-size:1em;
	font-weight:bold;
	float:left;
	padding-left:20px;
	margin:10px 0px 0px 0px;
	text-decoration:none;
	
}

#price-result{
	width:500px;
	float:left;
	padding-left:30px;
	color:green;
	font-size:1.4em;
	font-weight:bold;	
}



















