* {border: 0 none; margin: 0; padding: 0; border-collapse: collapse; }
body { text-align: center; font: normal 11px arial; background: #4986A0 url('css/bg.gif'); }
td { vertical-align:top}
ul { text-align: left; margin-left: 20px;}
ol { text-align: left; margin-left: 20px;}
h1 { margin: 4px auto;font: normal 12px tahoma; line-height: 16px; width: 750px; height:16px; color:silver; }
h1 { text-indent:40px; padding-right:20px; text-align: right;border-bottom: 1px #ffffff solid }
h2 { font: bold 15px tahoma; color: #8FD3E1; line-height: 20px; text-align: left; text-indent:20px; margin: 10px 0}
h2 { width:550px} 


/*  UST TARAF  */


#ustarkaplan  {margin: 0 auto; padding-top:90px; width: 890px; height: 65px; background-image: url('css/ust3.png')}
#ortaarkaplan { margin: 0 auto;  width: 890px;background-image: url('css/orta3.png')}
#altarkaplan  {width: 890px; background: url('css/alt3.png') bottom no-repeat;padding: 0 56px 40px 40px}

/* SAG TARAF */
#govde { float:right; width: 550px; height:450px; margin:17px 0 30px 0; text-align:justify}
#govde { font: normal 11px tahoma; color: #8FD3E1}
#baslik { font: normal 18px tahoma;color: #8FD3E1; text-align: right; border-bottom: 1px solid #8FD3E1;}
#govdetd   {padding-top:10px; font-size:12px;}
#govdetd strong {color: #DF5504}
#siteharitasi a {color:white}


#ustmenu    { margin: 0 auto;margin-top:90px; width: 571px; height:65px; background-image: url('css/menu.png')}
#ustmenu td { text-align:center;vertical-align:middle  ; font: normal 13px arial;} 
#ustmenu a  { text-align:center;color: #8FD3E1; text-decoration:none; float:left; line-height:60px;}
#a1     { padding: 0 20px 0 30px}
#a2,#a3,#a4 {padding:0 10px; text-align:center}
#a5        { padding: 0 20px; float:right;}
#a1:hover  { background: url('css/menuover.png') left    }
#a2:hover  { background: url('css/menuover.png') center  }
#a3:hover  { background: url('css/menuover.png') center  }
#a4:hover  { background: url('css/menuover.png') center  }
#a5:hover  { background: url('css/menuover.png') right 0}
#hakkimizda  { float:left;margin-left:40px;margin-top:84px ;width:90px;line-height:20px;background: url('css/ok.png') left no-repeat ;color:black;}
#hakkimizda  {  font:normal 12px arial; text-decoration:none}
#anasayfa  { float:right;margin-right:20px;margin-top:84px;padding-left:35px; }

/*  SOL TARAF  */

#sol   { float:left; width: 210px; margin-top: 13px; }
#sol a { padding-left:15px; margin: 2px 0; width:190px; text-decoration: none; text-transform:capitalize;}
#sol a { font: normal 10px/14px verdana; text-align: left; color: white; float: left; background: url('css/ok.png') left no-repeat ;}
#sol a:hover         { background-color: black; color: white;}
#sol a:visited:hover { background-color: black; color: yellow;}


#sol h3 { margin-top: 6px; margin-bottom: 3px; width: 195px; font: bold 12px arial; line-height: 20px; background: url('css/h3.png') no-repeat}
#sol h3 { border-bottom: 1px solid #8FD3E1; color : #8FD3E1; text-align:left}


#konum2  { position:absolute; top:4px;z-index:1}
#konum   { margin: 0 auto;width: 770px; text-indent:10px;  font: normal 12px tahoma;line-height:16px; text-align: left; color: #044F6B;}
#konum a { color: #044F6B; text-decoration:underline}
#konum a:hover { background-color: #044F6B; color:white}

.arama   { cursor:pointer; border-bottom: 1px solid silver; margin-bottom:20px; padding-bottom:3px }
.arama a { color:red}
#araform         { height:18px; text-align:right;}
#araform input   { height:18px;width: 150px; margin:5px; text-indent:4px}
#araform button  { height:18px;width: 50px;  margin:5px; border:1px solid  ButtonHighlight}

/*  FORMLAR  */

.form table {width:100%}
.form { font:normal 12px tahoma; margin-bottom:10px; margin-top:10px;}
.form caption { font:normal 14px tahoma; margin-bottom:10px; margin-top:10px; border-bottom: 1px solid #8FD3E1}
.form th { font: normal 11px arial; text-align:right; width:170px; padding:3px 0;}
.form td {  padding:3px 0 3px 5px}
.form select   {border: thin silver solid;}
.form textarea {border: thin silver solid; width:250px; height:70px}
.normaltext { border: thin silver solid;}
.yuvarlak   { }
.onay       { }
.dugme      { }

/*  resim  */
.sag {margin: 0 0 10px 10px; float: right; border: 5px solid #044F6B;}
.sol {margin: 0 10px 10px 0; float: left; border: 5px solid #044F6B;}
.saghatsiz {margin: 0 0 10px 10px; float: right}
.solhatsiz {margin: 0 10px 10px 0; float: left}
.orta, .ortahatsiz {margin:25px auto; text-align:center; width:100%}
.orta img  { border: 8px solid #044F6B}
.odak { text-decoration:underline; color: #8FD3E1}

/*==========GRUPLAMA  ========  */
.anagrup, .grup         { height:102px;width:534px; padding:8px 8px 0 8px; margin-bottom:15px; background:url('css/grup-1.png'); cursor:pointer}
.anagrup dfn, .grup dfn { font:bold 14px tahoma;color:#4986A0; line-height:14px; margin-left:15px;}
.anagrup a, .grup a     { color:#DF5504;}
.anagrup p, .grup p     { font-size:12px;text-indent:15px; margin-top:2px}
.anagrup img, .grup img { height:86px; float:right; margin:0 0 0 10px; border: 4px solid #044F6B}

/* ONCE SONRA  */
#onceki  { float:left; color:#DF5504; margin:10px auto}
#sonraki { float:right;color:#DF5504; margin:10px auto}
.devami  { color:#DF5504 }

/* ALT MENU  */
#altmenu { margin: 50px auto 10px auto;border-left:solid 2px silver}
#altmenu td { padding: 0 20px; border-right:solid 2px silver}
#altmenu a { color:#999999; text-decoration:none }

/*  COPRIGHT  */
#copright {margin:5px auto;}

/*  Resimler Listesi  */
.resimlerlistesi, .resimlerlistesi1 { text-align:center; margin: 10px 0; width:100%; border-top: 3px dotted #044F6B;border-bottom: 3px dotted #044F6B }
.resimlerlistesi td, .resimlerlistesi1 td { padding:10px 0}
.resimlerlistesi1 img { border:6px solid #044F6B;margin:0 auto }
.resimlerlistesi h3, .resimlerlistesi1 h3 { text-align:center;font-size:11px}
.resimlerlistesi p, .resimlerlistesi1 p { text-align:center;margin:0 10px; table-layout:fixed;}
/*  Kategori Urun Listesi  */

#tumurunler a   { color:#DF5504;font: bold 16px tahoma;  text-decoration:none; line-height:20px }
#tumurunler td  { text-align:center; padding: 5px 0}
#tumurunler img { border: 10px solid #044F6B;}


#urunler td  { text-align:center; padding: 5px 0}
#urunler a   { color:#DF5504;font: bold 12px tahoma;  text-decoration:none; line-height:20px }
#urunler img { border: 10px solid #044F6B;}
#resim_1, #resim_2, #resim_3 { position:absolute;top:0;left:0;visibility:hidden;width:100%; height:900px;background-color: #044F6B; text-align:center; cursor:pointer;z-index:2}
#resim_1 img, #resim_2 img, #resim_3 img { border: 20px solid #000000;}
#resim1k img { border: 6px solid #044F6B; cursor:pointer}
#resim2k img, #resim3k img { width:120px;border: 4px solid #044F6B; cursor:pointer}
#resim1k { padding-top:20px;}
#resim2k { float: left; padding:10px 0;}
#resim3k { float: right; padding:10px 0;} 
#teknikoz    { width:260px; float:right;}
#teknikoz caption   { text-align:right;margin:0; padding:8px 0 0 0; font:normal 11px tahoma;border-bottom: solid 1px  #044F6B  }
#teknikoz th { text-align:right; width:30%;vertical-align:top; padding:5px 0; font:normal 11px tahoma}
#teknikoz td { text-align:left;  padding:5px 0 5px 5px; border-bottom: solid 1px  #044F6B}
#teknikoz p { }
#zsiparisformu * {margin:0; padding:0; border:0 none}
#zsiparisformu { width:260px;}
#zsiparisformu caption { margin-top:12px;margin-bottom:10px; text-align:center; color:#DF5504; font: bold 13px arial; border-bottom:solid 1px #044F6B; height:16px;line-height:16px;} 
#zsiparisformu th { text-align:right} 
#zsiparisformu textarea {border: thin silver solid; width:200px; height:70px}
#zsiparisformu input {width:160px;margin:3px 0}

#urunmakaleleri { width:40% }
#urunmakaleleri a { padding-left:15px; margin: 2px 0; width:190px; text-decoration: none; text-transform:capitalize;}
#urunmakaleleri a { font: normal 10px/14px verdana; text-align: left; color: white; float: left; background: url('css/ok.png') left no-repeat ;}
#urunmakaleleri a:hover         { background-color: black; color: white;}
#urunmakaleleri h3 {padding-top:20px;border-bottom: solid 1px #044F6B;}