html, body{
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-family : 'Roboto Condensed', sans-serif;
font-weight : 300;
font-size : 14px;
}
::selection 			{color:#fff; background:#bc0a0a;}
::-moz-selection 	{color:#fff; background:#bc0a0a;}
b,strong {
font-weight : 400;
}
img {
border : 0;
}
body {
background : url(../img/loader.gif) center 250px no-repeat;
overflow : hidden;
}
.left {
float : left;
}
.clear {
clear : both;
}
.ortala {
margin : 0 auto;
width : 900px;
padding : 0px 10px;
}
#left {
float: left;
width : 200px;
height : 100%;
background : url(../img/left_bg.png) top left no-repeat;
position : relative;
z-index : 1;
}
#bottom {
position : fixed;
bottom : 0;
width : 100%;
height : 185px;
background : url(../img/bottom_bg.png) top left no-repeat;
}
#logo {
position : fixed;
bottom : 0;
width : 350px;
height : 185px;
z-index : 2;
}
#menu {
float : right;
height : 52px;
margin-top : 100px;
}
#menu_left {
float : left;
width : 7px;
height : 52px;
background : url(../img/menu_left.png);
}
#menu_ic {
float : left;
height : 32px;
padding : 10px 0;
background : url(../img/menu_bg.png);
}
#menu_right {
float : right;
width : 47px;
height : 52px;
background : url(../img/menu_right.png);
}
#menu_ic a{
float : left;
text-decoration : none;
color : #fff;
font-size : 16px;
line-height : 22px;
padding : 5px 10px;
background : url(../img/ara.png) center right repeat-y;
}
#menu_ic a:hover{
border-bottom : 2px solid #bc0a0a;
padding-bottom : 3px;
color : #fff;
}
#page{
width : 50%;
height: 99%;
float: right;
padding : 30px;
background : #fff;
text-align : right;
overflow: scroll;
}
#redbas{
margin : -30px;
margin-top : -50px;
padding : 30px;
padding-top : 50px;
padding-bottom : 10px;
margin-bottom : 30px;
background : #bc0a0a;
color : #fff;
height : 75px;
}
#redbas h1{
color : #fff;
}
#butons{
position : absolute;
margin-left : -185px;
width : 150px;
float: left;
top : -30px;
text-align : right;
background : #bc0a0a;
overflow : hidden;
padding : 5px;
padding-right : 0px;
padding-top : 145px;
}
#butons a{
display : block;
text-decoration : none;
background : #bc0a0a;
padding : 10px;
color : #fff;
font-size : 16px;
border-bottom : 1px solid #ca2323;
line-height : 20px;
}
#butons a:hover{
background :#a80000;
color : #fff;
}
#butons a.sec{
cursor : default;
background : #fff;
color : #bc0a0a;
}
#page::-webkit-scrollbar {
width : 7px;
cursor : pointer;
}
#page::-webkit-scrollbar-track {
background : #eee;
}
#page::-webkit-scrollbar-thumb {
background : #bc0a0a;
}
#page h1{
color : #bc0a0a;
}
.resim{
float: left;
width : 155px;
height : 100px;
overflow : hidden;
margin-right : 10px;
margin-bottom : 10px;
text-align :center;
border : 2px solid #444;
}
.resim:hover{
border : 2px solid #bc0a0a;
}
img.urun_resim{
max-height : 100px;
}
.ilan{
display : block;
height : 100px;
padding : 10px;
border  : 1px solid #ddd;
margin-bottom : 10px;
}
.ilan .resim{
float: left;
width : 155px;
height : 100px;
overflow : hidden;
margin-right : 10px;
margin-bottom : 10px;
text-align :center;
border : 0px solid #444;
}
.ilan:hover{
display : block;
height : 100px;
padding : 9px;
border : 2px solid #bc0a0a;
cursor : pointer;
background : #fbfbfb;
}

#hizli{
float : right;
background : #eee;
width : 260px;
margin-top : 10px;
}
#hizli h2{
margin : 0;
padding : 0;
padding : 15px;
padding-left : 45px;
background : url(../img/hizli.png) center left no-repeat;
color : #bc0a0a;
font-size : 14px;
font-weight : 300;
}
#hizliform{
width : 237px;
padding : 10px;
}
#hizliform input{
float : left;
border : 1px solid #ddd;
outline : 0;
background : #fff;
padding : 10px;
width : 215px;
color : #333;
margin-bottom : 10px;
}
#hizliform textarea{
float : left;
border : 1px solid #ddd;
outline : 0;
background : #fff;
padding : 10px;
width : 215px;
color : #333;
margin-bottom : 10px;
resize : none;
height : 80px;
font-family : arial;
}
input#gonder{
float : right;
text-align : right;
padding-left : 45px;
background : url(../img/send.png) center left no-repeat #bc0a0a;
outline : 0;
padding : 10px;
width : 100px;
color : #fff;
font-size : 14px;
margin-bottom : 15px;
cursor : pointer;
font-weight : 500;
}
input#gonder:hover{
background : url(../img/send2.png) center left no-repeat #fff;
color : #bc0a0a;
}