﻿/* Reset styles*/
Html, Body, Div, Dl, Dt, Dd, H1, H2, H3, H4, H5, H6, Pre, Form, P, Blockquote, Fieldset, Form { margin: 0px; padding: 0px; }
Fieldset, Img { border: none; }
Caption, Th { text-align: left; }
Table { border-collapse: collapse; border-spacing: 0;font-size:12px;  }
P {margin-bottom:14px;margin-top:14px;line-height:14px;}
H1{ font-size:22px;}
H2{ font-size:18px;}
H3{	font-size:14px;}
H4{	font-size:12px;}
H5{	font-size:12px;}
H1,H2,H3,H4,H5{margin-bottom:16px;margin-top:16px;}
.clearit {  clear: both; font-size: 0; height: 0; line-height: 0;}
.display-none{displaY:none;}

Body{font-family:arial; font-size:12px;}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 2px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #000000; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #000000; 
}




-webkit-scrollbar {
    width: 2px;
}
 
/* Track */
-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
 
/* Handle */
-webkit-scrollbar-thumb {
    background: #000000; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
-webkit-scrollbar-thumb:window-inactive {
	background: #000000; 
}
#solcontanier{ width:238px; background:url(../img/bg_menuRepeat.png) top left; margin:0px;padding:0px; float:left;}
#solcontanier #menuTop{background:url(../img/bg_menuTop.png) no-repeat top left; height:184px;} 
#solcontanier #menuTop A{display:block; height:160px; width:180px;}
#solcontanier #containerBottom{position:fixed; bottom:0px; background:url(../img/bg_menuBottom.png) no-repeat bottom left; height:40px;width:240px;z-index:1;} 
#solcontanier #social{position:fixed; bottom:20px;height:40px;width:240px; z-index:1;} 
#solcontanier #banka{position:fixed; bottom:5px;height:40px;width:240px; z-index:1;margin-bottom:80px;
margin-left:12px;} 
#solcontanier #banka a{
	margin:5px;} 
#solcontanier #bankadevam{position:fixed; bottom:-25px;height:40px;width:240px; z-index:1;margin-bottom:80px;
margin-left:85px;} 
#sagcontanier{margin:0px 0px 0px -1px;padding:0px;float:left;}
#sagcontanier IFRAME{border:none;margin:0px;}

#subelerbg{overflow-y: scroll; overflow-x: hidden;}


/*Menuler*/
#menuler {margin:0;padding:0;list-style:none; z-index:10; }
#menuler li {width:236px; list-style-type:none; margin:0px;padding:0px 0px 0px 0px; background:url(../img/bg_menuItem.png) bottom repeat-x; vertical-align:middle;}
#menuler li a{font-family:Gabriola;color:white;font-size:24px; text-decoration:none;cursor:pointer;padding-left:20px;}
#menuler li .menu_body{display:none;}
#menuler li .menu_body ul {padding:0;margin-left:0px;}
#menuler li .menu_body ul li {width:206px;padding:0px 0px 0px 30px; border-bottom:solid 1px #be444f; background:none; }
#menuler li .menu_body ul li a {font-size: 17px;font-family:Gabriola;padding:2px 0px 2px 10px;display:block;height:22px;}
#menuler li .menu_body ul li.L2 {background-color:#562126;font-size: 16px;}
#menuler li .menu_body ul li.L2.altGrup A{font-size: 15px;padding:2px 0px 2px 20px; font-style:italic;}

#menuler li a:hover,
#menuler li.selected a,
#menuler li.selected .L2 a:hover ,
#menuler li.selected .L2.selected a{color:#fece71;}
#menuler li.selected .L2 a{color:#fff;}
#menuler li a:hover {color:#fece71;}

#social {text-align:center; margin-top:20px}
#social img {height:26px;width:25px;text-align:center;margin-right:4%;margin-left:4%;opacity:0.3;filter:alpha(opacity=30);-ms-filter: "alpha(opacity=30)"; /* IE 8 */-khtml-opacity: .30; /* Safari 1.x */-moz-opacity: .30; /* FF lt 1.5, Netscape */}
#social img:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)"; /* IE 8 */-khtml-opacity: .100; /* Safari 1.x */-moz-opacity: .100; /* FF lt 1.5, Netscape */}

#bankadevam img {opacity:0.3;filter:alpha(opacity=30);-ms-filter: "alpha(opacity=30)"; /* IE 8 */-khtml-opacity: .30; /* Safari 1.x */-moz-opacity: .30; /* FF lt 1.5, Netscape */}
#bankadevam img:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)"; /* IE 8 */-khtml-opacity: .100; /* Safari 1.x */-moz-opacity: .100; /* FF lt 1.5, Netscape */}

#banka img {opacity:0.3;filter:alpha(opacity=30);-ms-filter: "alpha(opacity=30)"; /* IE 8 */-khtml-opacity: .30; /* Safari 1.x */-moz-opacity: .30; /* FF lt 1.5, Netscape */}
#banka img:hover {opacity:1.0;filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)"; /* IE 8 */-khtml-opacity: .100; /* Safari 1.x */-moz-opacity: .100; /* FF lt 1.5, Netscape */}

.contentBody{background:url(../img/bg_body_small.png); width:556px; margin-left:0px;}
.contentLeftShadow{  background: url("../img/bg_contentLeft.png") no-repeat scroll left top transparent; height: 300px;  position: absolute;left: 0px;  top: 0px; width: 3px;}
.pageContainer{width:559px; margin-left:-3px;padding-top:35px; }
.pageContainer .pageContent{margin-right:0; width:559px;}
.pageContainer .pageContent P{padding:0px 40px; margin-top:0px; line-height:16px;}
.pageContainer .pageContent H2{color: #363636; font-family: Gabriola; font-size: 20px; line-height: 24px; padding:0px 40px; font-weight:normal; margin-bottom:5px; font-style:oblique; }

.baslikbg{height:59px; background:url(../img/bg_baslik.png);color:white; font-family:Georgia;font-size:24px; margin-bottom:24px;}
.baslikbg .baslikText{font-style:oblique; padding:14px 25px;}


.form{ padding:0px 40px;}
.form .formLabel,
.form .formInput {width:400px; color:#363636;}
.form .formLabel { color: #363636;font-family: Gabriola; font-size: 20px; line-height:24px;}
.form .formLabel SPAN{font-size:16px;}
.form .formInput { border:solid 5px #E7E3DD; background-color: #FFEEEE; margin-bottom:15px; border-radius:3px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07); }
.form .formInput INPUT,
.form .formInput TEXTAREA,
.form .formInput SELECT{width:390px; padding:5px;background-color:#FCFCFC; color:#363636; border:none;}
.form .formInput SELECT{width:400px;}
.form .formInput TEXTAREA{height:100px;}
.form .formInput.NoBot{width:70px; display:inline-block;}
.form .formInput.NoBot INPUT{width:60px;}
.form DIV.noBot{width:80px; display:inline;}
.form .Success{font-size:20px; color:#449919;}
.form .error{color:#800000;}
.form .btnIletisim{padding:10px 50px; color:#363636; border:solid 2px #E7E3DD; margin-bottom:15px; border-radius:3px;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);}
.form .btnIletisim:hover{cursor:pointer; border:solid 2px #fff; }
.form .formWarning{ width:400px; background-color:#FCFCFC;color:#800000; padding:10px; border-radius:3px; font-weight:bold;margin-bottom:40px;}

/*Şubeler*/
#subeler {}
#subelericerik ul {margin:0; padding:0;list-style:none;}
#subelericerik ul li{list-style:none; display:block; margin:0px; border-bottom:solid 1px #cc9c34;width:558px;padding-top:5px;}
#subelericerik ul li:hover{background:rgba(255, 255, 255, 0.7);}
.subeicerik {height:80px;font-family:Arial;font-size:11px;color:#363636; line-height:16px;}
.subeicerik .info{width:350px; padding-left:30px;float:left}
.subeicerik .social{width:177px;float:left}
.subeicerik .social DIV{margin-bottom:5px;}
.subebaslik {font-family:Gabriola;font-size:22px;color:#363636;font-style:oblique; line-height:28px; white-space:nowrap;}
.subetur {float:right;width:240px;margin-top:10px;}
.dileksikayet {width:110px;height:18px;}
.dileksikayet a{background:url(../img/dileksikayet.png) no-repeat;color:#797979;font-family:Arial;font-weight:bold;font-size:10px;padding:3px 0 4px 25px;width:110px;height:18px;text-decoration:none;}
#subelermaps { float: right; left: 556px; min-width: 300px; position: absolute;top: 0;}

/* Tarihçe */
#tarihce{}
#tarihce .cizgicek{background:url(../img/yazicizgi.png) no-repeat bottom center; padding-bottom:10px;}
.galleria {height: 440px; width: 675px;margin-left:5px;}
.galleria-container{border-left:5px solid #562126;}

/* Ürünler*/

.productList{width:538px; margin-left:20px;}   
.productList .product{background:url(../img/product_bg.png) no-repeat bottom left;height:105px;} 
.productList .productImage{width:160px;height:100px; float:left; text-align:center;}
.productList .productImage IMG{ height:100px;}
.productList .productInfo{width:260px;height:100px; float:left; margin-right:10px;}
.productList .productInfo .productName{ display:block; width:250px;font-size: 22px;font-family:Gabriola;}
.productList .productInfo .productDescription{display:block; width:250px;font-size: 12px; height:60px;overflow:hidden;}
.productList .productPrice{width:95px;height:90px; padding-top:10px;padding-left:5px; float:left; font-size:16px;}
.productList .productPrice .price{display:none}
.productList .productPrice .tl{background:url(../img/10pxTL.png) no-repeat;width:10px; height:14px; display:inline-block;margin-left:3px; }
.productList .productPrice .socialDemo{display:block;width:80px; height:50px;margin-top:5px;/* background:url(../img/dummy_social2.png) no-repeat top left;*/}

/* Tiny Scrollbar */

.scrollMenu{ width: 238px;height: 166px;  margin:0px; }
.scrollMenu .viewport { width: 223px; height: 166px; overflow: hidden; position: relative; }
.scrollMenu .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.scrollMenu .scrollbar{  border-radius:3px; position: relative; background-position: 0 0; float: right; width: 12px; left:-3px; }
.scrollMenu .track { background-color:#117669; border-radius:3px; height: 100%; width:10px; position: relative; padding: 0 1px; }
.scrollMenu .thumb { background:url(../img/bgScrollUp.png) no-repeat bottom left ; border:solid 1px #9b7e45; border-radius:3px;  height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
.scrollMenu .thumb .end { background: transparent url(../img/bgScrollEnd.png) no-repeat; overflow: hidden; height: 10px; width: 10px; }
.scrollMenu .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

