@import 'anasayfa.css';
@import 'menu.css';
@import 'form.css';
@import 'pagination.css';
@import 'list.css';

@font-face {
    font-family: 'Ubuntu Regular';
    src: url('../fonts/Ubuntu-R-webfont.eot');
    src: local('Ubuntu Regular'),
         url('../fonts/Ubuntu-R-webfont.eot?iefix') format('eot'),
         url('../fonts/Ubuntu-R-webfont.woff') format('woff'),
         url('../fonts/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fonts/Ubuntu-R-webfont.svg#webfontGZB3fjCF') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Babel Sans';
    src: url('../fonts/BabelSans.eot');
    src: local('Babel Sans'),
         url('../fonts/BabelSans.eot?iefix') format('eot'),
         url('../fonts/BabelSans.woff') format('woff'),
         url('../fonts/BabelSans.ttf') format('truetype'),
         url('../fonts/BabelSans.svg#BabelSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Light';
    src: url('../fonts/segoeuil.ttf');
    src: local('Segoe UI Light'),
         url('../fonts/segoeuil.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Franklin Gothic Medium Cond';
    src: url('../fonts/framdcn.ttf');
    src: local('Franklin Gothic Medium'),
         url('../fonts/framdcn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*****************************************************/
/******   B A S I C    S T Y L E S   *****************/
/*****************************************************/
/*
h1, h2, h1 *, h2 * {
  letter-spacing: -1px;
  word-spacing: 2px;
  font-family: "Ubuntu Regular", sans-serif;
  font-weight: normal;
}
*/


body{
    font-family:Verdana;
    font-family:arial,sans-serif;
    font-size:12px;
    height:19px;
    line-height:17px;
    color:#454545;
    background: url(../images/body_bg.jpg) 0 -10px repeat-x;
}
a img {
    border:none;
}

a:link{
    text-decoration:none;
    color:#313131;
}
a:active{
    color:#313131;
}
a:visited{
    color:#313131;
}
a:hover{
    color:#111111;
}


.smart-h2-small{
    font-size:14px;
    letter-spacing: -1px;
    word-spacing: 2px;
    font-family: "Ubuntu Regular", sans-serif;
    font-weight: normal;
}



* {
	margin: 0;
	padding: 0;
}

#top{
    display:none;
    width:100%;
    height:35px;
}
#top #top_container{
    display:block;
    width: 996px;
    margin:0px auto;
}
#top #top_container .col-left{
    display:inline-block;
    float:left;
    padding-top:7px;
}
#top #top_container .col-left a img,#top #top_container .col-right a img{
    opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#top #top_container .col-left a img:hover, #top #top_container .col-right a img:hover{
    opacity:0.6;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#top #top_container .col-right{
    display:inline-block;
    float:right;
    padding-top:9px;
}
#top #top_container .col-right a{
    display:inline-block;
    float:left;
    padding-left:10px;
}
#top #top_container .col-right .vborder{
    background: url(../images/top_right_v_border.png) top right no-repeat;
    padding-right:15px;
}

#main{
    position:absolute;
    width:100%;
    height:100%;
}

#middle{
    position:relative;
    display:inline-block;
    width:942px;
    min-height:400px;
    left:50%;
    margin-left:-471px;
    background: #FFF;
}

#header{
    display:inline-block;
    width:100%;
    height:90px;
    margin:0 auto;
}

#header #header_conatiner{
    display:block;
    width:942px;
    margin:0px auto;
    border:0px solid blue;
}
#header #header_conatiner #header_logo{
    display:inline-block;
    float:left;
    width:210px;
    height:100px;
    margin-top:2px;
    margin-right:2px;
    border:0px solid red;
}
#header #header_conatiner #header_logo img{
    border:none;
    max-height:84px;
    margin:5px 0px;
}

#header #search_form {
    background: url("../images/search_box.png") no-repeat scroll 0 0 transparent;
    border: 0px solid red;
    display: block;
    float: left;
    height: 34px;
    margin-left:140px;
    margin-top:20px;
    width: 268px;
}
#header #search_form .input {
    background: url("../images/search_text.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #565656;
    font-size: 11px;
    height: 24px;
    margin-left: 6px;
    margin-top: 5px;
    padding: 0px 8px;
    position: relative;
    width: 205px;
    z-index: 98;
    border: 0px solid red;
}
#header #search_form .src_button {
    background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size:12px;
    height:24px;
    margin-right:6px;
    margin-top:5px;
    position: relative;
    width: 32px;
    z-index: 99;
}

/*
#header #header_conatiner #header_search{
    display:none;
    float:left;
    width:626px;
    height:80px;
    border:0px solid red;
}
#header #header_conatiner #header_search_form{
    display:block;
    margin:18px auto;
    width:440px;
    height:34px;
    border-radius:3px;
    background: #212121;
    border:1px solid #212121;
}
#header #header_conatiner #header_search_form .search_text{
    display:block;
    float:left;
    width:390px;
    height:28px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    margin-top:1px;
    margin-left:1px;
    border:0px solid #DCDCDC;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
#header #header_conatiner #header_search_form .search_btn{
    display:block;
    float:left;
    width:41px;
    height:31px;
    margin-top:1px;
    margin-right:1px;
    background: url(../images/search_btn.png) top left no-repeat;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    border:0px solid #DCDCDC;
}
#header #header_conatiner #header_search_form .search_btn:hover{
    cursor:pointer;
    opacity:0.8;
}
*/


#header #header_conatiner #header_social_networks{
    display:inline-block;
    float:right;
    height:80px;
    width:150px;
    margin-top:2px;
    margin-right:2px;
    border:0px solid red;
}
#header #header_conatiner #header_social_networks a{
    display:inline-block;
    float:right;
    margin-left:8px;
    margin-top:20px;
    border:0px solid red;
}
#header #header_conatiner #header_social_networks img{
    border:none;
    opacity:1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#header #header_conatiner #header_social_networks img:hover{
    opacity:0.5;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#header .col2  #social{
    display:inline-block;
    float:right;
    text-align:right;
    color:#a3a3a3;
    margin-top:18px;
}
#header .col2  #social .cell{
    display:block;
    float: left;
    line-height:18px;
    margin-right:4px;
}

#header .col2  #social .cell-icon{
    display:block;
    float: left;
    line-height:18px;
    margin-right:4px;
    margin-left:16px;
}

#header .col2  #social .cell span a:link{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}

#header .col2  #social .cell span a:active{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}

#header .col2  #social .cell span a:visited{
    text-shadow:1px 1px 1px #DCDCDC;
    text-decoration:none;
    color:#a3a3a3;
}


#header .col2  #social .cell span a:hover{
    color:#767676;
    cursor:pointer;
}



#main_menu{
    display:inline-block;
    width:100%;
    height:78px;
}

#main_menu #main_menu_container{
    display:block;
    width:954px;
    height:78px;
    margin:0px auto;
    background: url(../images/ustmenu_bg.png) top center no-repeat;
}
#main_menu #main_menu_container a:link{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:active{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:visited{
    color:#FFF;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container a:hover{
    color: #A1A1A1;
    transition: all 500ms ease-in-out 0s;
}
#main_menu #main_menu_container .mn_left{
    display:inline-block;
    float:left;
    width:112px;
    height:38px;
    padding-left:26px;
    padding-top:26px;
    margin-right:6px;
    text-align:left;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}
#main_menu #main_menu_container .mn_middle{
    display:inline-block;
    float:left;
    width:610px;
    height:38px;
    padding-top:26px;
    text-align:center;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}
#main_menu #main_menu_container .mn_middle a{
    padding-left:20px;
    padding-right:20px;
}

#main_menu #main_menu_container .mn_right{
    display:inline-block;
    float:right;
    width:163px;
    height:38px;
    padding-top:26px;
    padding-right:26px;
    text-align:right;
    font-size:16px;
    color:#FFF;
    border:0px solid blue;
}


#banner{
    display: block;
    margin:auto;
    width:922px;
    height:342px;
    padding:8px;
    background: url(../images/banner_bg.png) 0 -40px no-repeat;
}

#container1{
    position:relative;
    display:inline-block;
    width:9996px;
    left:50%;
    margin-left:-498px;
    border:0px solid red;
}
#container2{
    position:relative;
    display:inline-block;
    width:996px;
    left:50%;
    margin-left:-498px;
    border:0px solid red;
}
.w770{
    width:770px;
}
.w970{
    width:970px;
}
.w965{
    width:965px;
}

#leftSide{
    display:inline-block;
    float:left;
    width:215px;
    margin-left:0px;
    padding:0px;
    border:0px solid blue;
}
#rightSide{
    display:inline-block;
    float:right;
    min-height:600px;    
    margin-top:0px;
    margin-right:0px;
    margin-bottom:15px;
    padding-left:0px;
    border:0px solid green;
}

#path-info{
    display:inline-block;
    width:892px;
    height:34px;
    padding-top:5px;
    padding-left: 50px;
    padding-bottom:24px;
    margin-top:5px;
    margin-bottom:5px;
    background: url(../images/path_info_bg.png) 8px 0 no-repeat;
}
#path-info span{
    display:inline-block;
    float:left;
    height:24px;
    margin-top:0px;
    /*
    font-size:16px;
    color:#333333;
    line-height:20px;
    padding-right:4px;
    */
    color:#212121;
    font-size:16px;
    text-decoration:none;
    font-family: "Franklin Gothic Medium Cond";
    font-weight:normal;
    padding-right:4px;
}
#path-info .ok{
    height:20px;
    width:12px;
    background: url(../images/icons/path-info.png) center center no-repeat;
}
#footer{
    display:inline-block;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    background: url(../images/footer_bg.png) top repeat-x;
    border-top:1px solid #EFEFEF;
}

#footer #footer-container{
    display:block;
    width:996px;
    margin:4px auto;
    border:0px solid red;
}
#footer #footer-container .left{
    display:inline-block;
    float:left;
    color:#787878;
    font-size:11px;
    width:150px;
    border:0px solid red;
}
#footer #footer-container .middle{
    display:inline-block;
    float:left;
    text-align:center;
    width:690px;
    color:#787878;
    border:0px solid red;
}
#footer #footer-container .right{
    display:inline-block;
    float:right;
    color:#787878;
    font-size:11px;
    width:150px;
    text-align:right;
    border:0px solid red;
}

#footer #footer-container .right a:link{    
    color:#656565;
    text-decoration: none;
}

#footer #footer-container .right a:active{    
    color:#656565;
}
#footer #footer-container .right a:visited{    
    color:#656565;
}
#footer #footer-container .right a:hover{    
    color:#787878;
}

/************/
.center{
    text-align:center;
}
.bold{
    font-weight:bold;
}


.co-1{
    display:inline-block;
    float:left;
    padding-top:8px;
}
.co-2{
    display:inline-block;
    float:right;
    padding-right:32px;
}

/* UYARILAR - MESAJLAR**/
._info_{
    display:block;
    width:850px;
    margin:30px auto;
    color:#313131;
    font-size:16px;
    font-weight:normal;
    text-align:center;
}

#showMessage{
    display: inline-block;
    width:100%;
    border:1px solid #DD0011;
    border-radius:4px;
    padding:6px 0px;
}
.uyari{
    background: #F56565;
}
.f-uyari{
    color:#FFF !important;
}
.hata{
    background: #F56565 !important;
}
.f-hata{
    color:#FFF;
}


#showMessage li{
    list-style:none;
}
#msgText{
    display:block;
    width:90%;
    margin:2px auto;
    font-weight:bold;
}

.warning-font{
    color:#E4770F;
}

#uyari_span{
    display:none;
    width:100%;
    font-weight:bold;
    padding:5px 10px;
    margin-bottom:5px;
}

.red_font{
    color:#DDFFFF;
}
.red-border{
    border:1px solid red;
}


#generate{
    display:none;
}
#HASH_STRING{
    display:none;
}

.pointer{
    cursor:pointer;
}

.fbold{
    font-weight: bold;
}

/** B: Ürün Detay **/
#urun_detay{
    display:inline-block;
    width:922px;
    margin:0px 10px 10px 10px;
    border:0px solid red; 
}
#urun_detay .row ul{
    margin:0px 10px 10px 20px;
    border:0px solid red; 
}
#urun_detay .row{
    display:inline-block;
    float:left;
    width:100%;
    margin-bottom:10px;
}
#urun_detay #img_box{
    display:inline-block;
    float:left;
    max-width:240px;
    margin-right:6px;
    overflow: hidden;
    border:0px solid blue;
}
#urun_detay #img_box img{
    border:none;
    width:230px;
}
#urun_detay #prd_details{
    display:inline-block;
    float:left;
    width:680px;
    margin-right:4px;
    border:0px solid blue;
}
#urun_detay #prd_details strong{
    display:block;
    color:#0080C7;
    margin-bottom:10px;
    font-size:14px;
}

#urun_detay #prd_details h3{
    display:block;
    color:#565656;
    margin-bottom:10px;
    font-size:14px;
}
#urun_detay #prd_details .icon-im{
    display:inline-block;
    float:left;
    margin-right:4px;
}
#urun_detay #prd_details .text-im{
    display:inline-block;
    float:left;
    padding-top:7px;
    font-weight:bold;
    margin-right:4px;
}
#urun_detay #prd_details .text-im:hover{
    cursor:pointer;
    color:#454646;
}
#urun_detay #prd_details-2{
    display:inline-block;
    float:right;
    width:210px;
    margin-right:4px;
    text-align: right;
    border:0px solid blue;
}
#urun_detay #prd_details-2 p{
    margin-bottom:20px;
}
#urun_detay #irtibat_bilgileri{
    display:inline-block;
    float:left;
    width:918px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#urun_detay #irtibat_bilgileri .urun_ozellikleri{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/urun_ozellikleri_bg.png) top left no-repeat;
}

#urun_detay #irtibat_bilgileri .label{
    display:inline-block;
    float:right;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#E1E1E1;
    text-shadow:1px 1px 1px #121212;
    border-right:1px dotted #F47159;
}
#urun_detay #irtibat_bilgileri .contain{
    display:inline-block;
    float:right;
    font-size:20px;
    font-weight:bold;
    color:#F9A899;
    padding-left:10px;
    padding-right: 15px;
    padding-top:5px;
    padding-bottom:2px;
    text-shadow:1px 1px 1px #212121;
}


#urun_detay #benzer_urunler{
    display:inline-block;
    float:left;
    width:718px;
    height:28px;
    margin:4px 0px 10px 0px;
    background: url(../images/bar_bg2.png) top left repeat-x;
    border-top:1px solid #DCDCDC;
    border-left:1px solid #DCDCDC;
    border-right:1px solid #DCDCDC;
}
#urun_detay #benzer_urunler h2{
    display:inline-block;
    float:left;
    height:30px;
    padding-left:10px;
    padding-right: 15px;
    padding-top:6px;
    padding-bottom:6px;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    background: url(../images/benzer_urunler.png) top left no-repeat;
}
#urun_detay .prd_box_small{
    display:inline-block;
    width:90%;
    margin-bottom:6px;
    padding-left:14px;
    background: url(../images/icons/benzer_urunler_li.png) 0px 5px no-repeat ;
}


#urun_detay .dt li{
    display:block;
    color:#676767;
    line-height:12px;    
    margin-bottom:10px;
    margin-left:10px;
    font-size:14px;
    list-style: normal !important;
}



#urun_detay h2{
    display:block;
    margin:0 0 10px 0;
    border:0px solid red;
}

#urun_detay #urun_resim_galeri{
    display:none;
}
/** E: Ürün Detay **/



/** B: Ürün Detay **/
#referans_detay{
    display:inline-block;
    width:730px;
    margin:0px 10px 10px 10px;
    border:0px solid red; 
}
#referans_detay .row{
    display:inline-block;
    float:left;
    width:100%;
    margin-bottom:10px;
}
#referans_detay #img_box{
    display:block;
    float:left;
    width:150px;
    margin-right:6px;
    overflow: hidden;
}
#referans_detay #img_box img{
    border:none;
    width:140px;
    padding:4px;
    border:1px solid #DCDCDC;
}
#referans_detay #ref_details{
    display:inline-block;
    float:left;
    width:550px;
    margin-right:2px;
    border:0px solid blue;
}
#referans_detay #ref_details strong{
    display:block;
    color:#6C8426;
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details h3{
    display:block;
    color:#565656;
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details .dt{
    display:block;
    color:#676767;
    line-height:18px;    
    margin-bottom:10px;
    font-size:14px;
}

#referans_detay #ref_details .wst{
    display:block;
    color:#676767;
    line-height:18px;    
    margin-bottom:10px;
    font-size:10px;
    text-align:right;
}

#referans_detay #ref_details ul{
    display:block;
    padding:0px;
    margin:2px 16px;
    font-size:14px;
}


#referans_detay h2{
    display:block;
    margin:0 0 10px 0;
    border:0px solid red;
}
/** E: Referans Detay **/

#iletisim{
    color:#454545;
}
#iletisim .adres_satiri{
    display:inline-block;
    width:98%;
    margin:6px 2px;
    color:#565656;
}
#iletisim .adres_satiri p{
    margin-bottom:6px;    
}
#iletisim .title{
    color:#017DC4;
    font-size:14px;
    font-weight:bold;
}


.hTitle{
    margin-bottom:4px;
    font-size:16px;
    font-weight:bold;
    padding:0 0 4px 0;
    border-bottom:1px dotted #8CC53C;
    color:#639c13;
}

/**** Message Fonts ***/
._info_msg{
    color:#DC4800;
}
.sayfa_cont{
    display:inline-block;
    margin:4px 8px;
}