﻿body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#464646;
	text-align: center;
	margin: 0;
	
	background-repeat: repeat;
}

#container {
background: #ffffff;
width: 100%;
margin: 0px auto;
padding: 0px;
}


#ust{
	position:relative;
	background:#74D2E4;
	height:100px;
	width:100%;
	
}

#header {
	width: 960px;
	margin: 0 auto;
}

#header * {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	color: #FFFFFF;
}

#header h1 
{
    
	float: left;

}

#header h2 
{
    
	float: right;
	padding: 70px 0 0 0;
	font-size: 18px;
	font-weight: bold;
}



#menuarka {
background-image:url('images/header_bg.gif');
width: 100%;
height:40px;
position: relative;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px;
}


#menu {

width: 900px;
height:40px;
position: relative;
margin-right: auto;
margin-left: auto;

}
#menu ul
{
    width:960px;
	display: inline;
	list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    border: none;
	
}
#menu ul li{

	display:inline-block;
	float: left;
	padding: 10px 5px 0 0;
}

#ana-menu ul li a{
	display:inline-block;
	padding:0 0 0 0;

	
}



#submenu {
background-image:url('images/menu_bg.gif');
width: 100%;
height: 10px;
position: relative;
    top: 0px;
    left: 0px;
}

#page {
background-color:#FFFFFF;
width: 960px;

position: relative;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px;

}




 #govde
 {
	margin:0 auto;
	width:960px;
	
 }

 
 #solalan
 {
   	width:200px;
	padding-top:0px;
	padding-left:0px;
	float:left;
	display: inline;
	padding:0 0 0 0;
 }
 #solalan ul
 {
        float: left;
	padding-top:0px;
    top: 0px;
    left: 0px;
padding: 0 0 0 0;
    height:30px;
    width:200px;
    
     display: inline;
	list-style: none;
    margin: 0 0 0 0;
    border: none;

 }
 
 #solalan ul li
 {
     background-color:#dedede;
     width:190px;
    
     color:#383E46;
     font-weight:bold;
     text-align:left;
     font-size: 11px;
	font-weight: bold;
    padding-left:10px;
	padding-bottom: 10px;
	padding-top: 2px;
	background-image:url('images/menu/line.gif');
	background-repeat:no-repeat;
	background-position:bottom;
	
 }
 #solalan ul li:hover {
    padding-left:11px;	
    width:189px;
	
}

 
 
 #solalan ul li a {
	color: #467B99;
	text-decoration: none;
	
}
#solalan ul li a:hover {
	font-weight: bold;
	color: #CF0D78;
 	
	
}

 
 
 #solalan h1 
{
    width:200px;
    height:10px;
	float: left;
	padding-top:0px;
    top: 0px;
    left: 0px;
    padding:0 0 0 0 ;
    margin:2px 0 5px 0  ;
background-image:url('http://www.celikparakasalari.com/images/menu/int1.gif');
}
 
 
 #solalan h2
 {
     float: left;
	padding-top:0px;
    top: 0px;
    left: 0px;
    padding:none ;
  	margin: 0 auto;
    height:33px;
    width:200px;
     background-image:url('images/menu/ugruplarimiz.gif');
 }
  
  
 #sagalan
 {
 	    width:740px;
    
	float: left;
	padding-top:0px;
    top: 0px;
    left: 0px;
    padding:0 0 0 0 ;
    margin-top:auto;
     display: inline;
 }
 .urunkutu
 {
 	width:230px;
 	height:300px;
	
	margin-left:10px;
	margin-top:0px;
	margin-bottom:10px;
	padding:10px 3px 10px 3px;
	float:left;
	background-image: url();
	-moz-border-radius:10px;
	 display: inline;
	
 }
 
  .urunkutu:hover
 {
    background-image: url(images/menu/int1.gif);
 }
 
 
 .urunkutu:img { 
	max-width:220px;
	max-height:220px;

	border:0;
	margin:0 auto;
}
.urunkutuh1
 {
     height:220px;
       	border:0;
	margin:0 auto;
 
 } 
.urunkutuh2
 {
     	border:0;
	padding-top:8px;
    
 
    padding:none ;
  	margin: 0 auto;
  	height:25px;
 
 }
 .urunkutu:h3
 {

	padding-top:7px;
    padding-left:0px;
    
  	margin: 0 0 0 0;


 }
 
 .urunkutuh2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
	text-decoration: none;   
}
 .urunkutuh2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}


.urun {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
.urun:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}




.tdproduct
{
 
}


td.cell1 {background-image: url(); }

td.cell1:hover {background-image: url(images/menu/int1.gif);}



.paneltable
{
     background-image: url(images/menu/int1.gif);
     width:350px;
     height:150px;
 
}





td.paneluyari
{
        font-size:12px;
        color:#C70B69;
        font-weight:bold;
}
td.panellabel
{
        font-size:12px;
        color:#464646;
        font-weight:bold;
}




.productpageurun
{
     
        font-size:13px;
        color:#C70B69;
        font-weight:bold;
 
}
.urunozellik
{
     
        font-size:12px;
        color:#464646;
        font-weight:bold;
        width:100px;
 
}
.iletisim
{
     
        font-size:12px;
        color:#464646;
        font-weight:bold;
        width:110px;
        height:20px;
        vertical-align:top;
}
.iletisim2
{
     
        font-size:12px;
        color:#464646;
        font-weight:bold;
        width:200px;
        vertical-align:top;
}

.iletisim4
{
        
        font-size:12px;
        color:#464646;
        font-weight:bold;

        vertical-align:top;
}


.urunozellik2
{
     
        font-size:12px;
        color:#464646;
        font-weight:900;
 
}



.btnInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
.btnInfo:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464600;
	text-decoration: none;
}



table
{
border-width:0px;
   
}
 .mainbody
 {
     background-color:#ffffff;
     border-width:0px;
     width:900px;
     height:600px;
 }
 
 
 .urungruplari
 {
  
     width:200px;
     border-spacing:0px;
     
     
 }
 
 .urungruplari3
 {
     background-color:#dedede;
     width:180px;
     height:22px;
     color:#383E46;
     font-weight:bold;
     text-align:left;
     
 }

 
 
  
 
  



a.ustmenu {
	border-width:0px;
}
a.ustmenu:hover {
	border-width:0px;
}
img.noborder
{
    border-style:none;
}


 




a.sayfanumara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #467B99;
	text-decoration: none;
	
}
a.sayfanumara:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF8400;
	text-decoration:underline;
	
}

td.fiyat
{
    color:#C70B69;
    font-weight:bold;
}



.uozellik
{
   font-weight:bold; 
   text-decoration:underline;
   color:#C70B69;
   font-size:12px;
   
}


input.btn { 
	  color:#000000; 
	  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
	  font-size:9px; 
	  background-color:#FFCC99; 
	  border:1px solid; 
	  border-color:Olive;
	} 
	
	
	/*Modal Popup*/
.modalBackgroundMessageBox {
	background-color:Gray;

}


.modalPopupMessageBox {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.modalBackground {
	background-color: Gray;

}



 /*Modal Popup*/.modalBackgroundMessageBox

        {

            background-color: Gray;

            -ms-filter: alpha(opacity=50);
             -ms-opacity:0.5;


        }

        .modalPopupMessageBox

        {

            background-color: #ffffdd;

            border-width: 3px;

            border-style: solid;

            border-color: Gray;

            padding: 3px;

            width: 250px;

        }


        .style1

        {

            height: 32px;

        }



