﻿/* reset
html, body, div, span, applet, object, iframe, caption, tbody, tfoot, thead, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend{border-style:none;  border-color:inherit;  border-width:0;  vertical-align:baseline;  font-family:inherit;  font-weight:inherit;  font-style:inherit;  font-size:100%;  outline:0;  padding:0;  margin:0 0 0 0px}


:focus{outline:0}
body{background:white; line-height:1; color:black}
ol, ul{list-style:none}






blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}



:focus{outline:0}



ins{text-decoration:none}
del{text-decoration:line-through}

*/

/*table{border-collapse:collapse; border-spacing:0}*/

*{margin:0; padding:0;}
body{margin:0px;       padding:0px;       background-color:#F4F4F4;       background-image:url(img/bg.png);  background-repeat:repeat-x;  font-family:Helvetica,Arial,sans-serif;   color:#414141}

/**************TYPOGRAPHY***************/
h1{font-family:Helvetica,Arial,sans-serif; font-size:26px; font-style:normal; font-weight:bold; letter-spacing:-1px; line-height:1.3em}
h2{font-family:Arial,Helvetica,Sans-Serif;  font-size:17px; font-weight:bold;  font-style:normal;  letter-spacing:normal; color:#002646; }
h3{font-family:Helvetica,Arial,sans-serif;  font-size:12px;  font-style:normal;  font-weight:bold;  letter-spacing:normal;  line-height:1.6em}
h4{font-family:Tahoma,Arial,Helvetica,Sans-Serif; font-size:10px;  font-style:normal;  font-weight:normal;  line-height:11px;  letter-spacing:normal; text-align:center; color:#fff;}
h5{font-family:Arial,Helvetica,Sans-Serif;  font-size:14px; font-weight:normal;  font-style:normal;  letter-spacing:normal}
h6{font-family:Helvetica,Arial,sans-serif; font-size:12px; font-style:normal; font-weight:bold; letter-spacing:normal; line-height:20px; color:#002646;}
p{font-family:Helvetica,Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; letter-spacing:normal; line-height:20px; color:#787C85;}

p.dflt{width:280px; padding:0px 10px 0px 10px;}

blockquote{text-indent:-0.8em;  font-size:12px}

a{text-decoration:none}
a:selected{}
img { border-style: none; }
.header { width:960px; margin:10px auto; height:115px; }
.mastercontainer{width:960px; margin:10px auto; padding-bottom:10px;}
.footer{ height:25px; width:100%; margin-top:90px; background-color:#001322; border-top:5px solid #B9C5D2; padding-bottom:5px;  }
.infooter{ width:960px; margin:0px auto;}
    
.footermenu{ width: 500px; margin:50px auto;}

/*header*/
.logo { padding:5px 0px 0px 10px; float:left; width: 103px; }
.menu { float:left; margin:35px 0 0 225px; height:30px; width:610px; }
.menu div.RadMenu a.rmLink, .footermenu div.RadMenu a.rmLink  { cursor:pointer; }
.clear{clear:both; height:0px;}



/*HOME*/
.slider{ height:450px; margin:0px 10px 0px 10px;}
.hContent{ width:960px; margin:0px 10px 10px 10px; height:300px;  }
.hContentSep {padding-bottom:10px;}
.hLeft{ width:300px; margin-left:10px; float:left;}
.hMiddle{ width:300px; margin-left:10px; float:left;}
.hRight{ width:300px; float:left; margin-left:10px; }
.htop{width:290px; height:110px; padding:5px 10px;  background-image:url(img/pBg.png); background-repeat:no-repeat; }

.homecontent{ height:350px; background-color:Yellow; margin:10px;}



.spacer{height:50px;}


/*footer*/


/*product display

.uContent{ width:960px; margin:60px 10px 10px 10px; height:315px; }

.uLeft{ width:300px; margin-left:5px; float:left;}
.uMiddle{ width:300px; margin-left:15px; float:left;}
.uRight{ width:300px; float:left; margin-left:15px; }
.utop{width:290px; height:290px; padding:5px; background-repeat:no-repeat; background-color:#fff; border:1px solid #eaeaea;}*/

.pageHeader{margin-top:75px; margin-left:10px; width:940px; height:50px;}
.grid{ display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:172px; height:250px; }

.gridTop{padding:6px;}
.gridP{width:160px;  padding:0px 6px 0px 6px;  }




.erok{ background-image:url(img/thumbBg.png); background-repeat:no-repeat;}
.north{ background-image:url(img/thumbBgN.png); background-repeat:no-repeat;}
.bmg{ background-image:url(img/thumbBgB.png); background-repeat:no-repeat;}
 

.gridSeperator{height:150px;}


.dtGrid{ float: left; position: relative; margin-left: 10px; margin-right: 10px; width:556px; margin-top:50px;
    top: 0px;
    left: 0px;
}

/*product detail*/
.dtGridPic{ float: left; position: relative; margin-left: 10px; margin-right: 10px; width:364px; margin-top:50px; }
.dtGridHeader{height:40px; margin-bottom:25px;}
.dtGridSymbol{height:200px; 
width:300px;
}
.dtGridTable{width:560px; }
.dtGridCell{float: left; position: relative; margin-left: 2px; margin-right: 2px; width:75px; height:40px; margin-top:2px; }


/*hakkimizda detail*/
.Hgrid{ display:inline; float: left; position: relative; margin-left: 10px; margin-top:20px; margin-right: 10px; width:115px; height:115px;  background-color:#fff; padding:5px; border:1px solid #ddd;}

.hkGrid{ float: left; position: relative; width:460px; margin-top:50px;  }
.hkGridTable{width:440px; margin-top:40px; margin-left:10px;}

.hkGridPic{ float: left; position: relative; margin-left: 10px; margin-right: 10px; width:460px; height:460px; margin-top:110px; padding:5px; }

.hkGridPic ul{ margin:0; padding:0px;}

.hkGridHeader{height:40px; margin-left:10px;}


/*kalite*/
.Kgrid{display:inline; float: left; position: relative; margin-left: 10px; margin-top:20px; margin-right: 10px; width:205px; height:300px;  background-color:#fff; padding:5px; border:1px solid #ddd;}

/*loppedslider*/

.container { width:960px; height:450px; overflow:hidden; position:relative; cursor:pointer; }  
.slides { position:absolute; top:0; left:0; }  
.slides .page { position:absolute; top:0; width:960px; display:none; }  
.slides .page .sliderP{ width:484px; height:450px; margin-left:0px; float:left;}
.slides .page .sliderC{ height:450px; width:579px; margin-left:-165px; margin-top:70px; float:left;}
#loopedSlider{ margin:0 auto; width:940px; position:relative; clear:both; }  
ul.pagination { list-style:none; padding:0; margin:-50px 0px 0px 800px; width: 116px; }  
ul.pagination li  { float:left;  height:20px; width:20px; margin-left:5px; position:relative; z-index:100;  }  
ul.pagination li a { height:20px; width:20px;   background-image:url(img/sliderimg/btn.png); background-repeat:no-repeat; border:none;  } 
ul.pagination li.active a { background-image:url(img/sliderimg/btnA.png); color:White;  background-repeat:no-repeat; }  



.widget { width: 460px; padding: 0px; background: #fff; border: 1px solid #dedbd1; margin-bottom: 15px; }
.widget a { color: #222; text-decoration: none; }
.widget a:hover { color: #009; text-decoration: underline; }
	
	
/*Marka Logo*/
.marka{width:960px; height:250px; margin:40px auto; }
.markaLogo{width:300px; float:left;  height:250px;  }
.markaAciklama{width:600px; margin-left:10px; float:left;  height:250px; padding-top:10px;}

.gridSpacer{height:30px; width:900px;}
/**/



 div.RadMenu a.rmLink .rmLeftImage { position: relative; }
        
        div.RadMenu .rmItem .rmLink .rmLeftImage,
        div.RadMenu .rmItem .rmLink,
        div.RadMenu .rmLink .rmText
        {
            margin: 0;
            padding: 0;
        }
        
        
/*LightBox*/


.contactHolder{width:960px; height:350px; margin:50px auto;}
.contactMap{float:left; width: 585px; padding:15px; background-color:#fff;}
.contactT{ float:left; width:300px; margin-left:28px; font-size:12px; }

.LS{ width:960px; margin:0px auto; height:15px; }
.select{ float:right; margin-right:40px; width:143px; height:25px; background-image:url(img/lang.png); text-align:center; padding-top:6px; background-repeat:no-repeat; font-size:12px; color:#ccc;}
.select a{color:#000; margin:5px;}
.select a:hover{color:#ff0000;}

.tableGrid{ display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; width:450px; height:120px; margin-top:40px; margin-bottom:40px;}


.tabbedHolder{ width:940px; margin:40px auto; }

.multiPage{ width:940px; }


