@import url('/css/reset.css');

body 
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #4d3d25;
 line-height:20px;
 margin: 0;
}
h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  color: #faa61a;
  font-weight: bold;
  line-height: 20px;
  margin-bottom:10px;
  margin-top:2px;
}
#wrapper {
  width: 930px;
  margin: 0 auto auto 0;
}


/* header */
#header {
  width: 890px;
  height: 80px;
}
#logo {
  width: 300px;
  height: 80px;
  margin-left:60px;
  float: left;
  background: transparent url(../images/logo.jpg) no-repeat bottom left !important;

}



/* MENU */
#navcontainer {
  width: 590px;
  text-align: right;
  display: inline;
  margin-left: -300px;
  
}
#nav {
  display: block;
  position: absolute;
  margin-top: 50px;
  margin-left: 505px;
  font-weight: bold;
  padding: 0;
  border-bottom: none;
}

#nav li a, #nav li {
  float: left;
}

#nav li {
  list-style: none;
  position: relative;
}

#nav li a {
  padding: 8px;
  text-decoration: none;
  font-family: Verdana;
  font-weight: bold;
  font-size: 13px;
  color: #717171;
  text-decoration: none;
}

#nav li a:hover {
  font-family: Verdana;
  font-weight: bold;
  font-size: 13px;
  color: #faa61a;
  text-decoration: none;
}


/* Submenu */

.hasChildren {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #000;
  right: 0;
  bottom: 0;
}

#nav li ul {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  padding: 0;
  margin: 0;
  background-color: #D64681;
  border: 1px solid #ccc;
}

#nav li:hover > ul {
  display: block;
}

#nav li ul li, #nav li ul li a {
  float: none;
}

#nav li ul li {
  _display: inline; /* for IE6 */
}
#nav li ul li:hover {
  background-color: #B03065;
}
#nav li ul a:hover {
  color: #fff;
}
#nav li ul li a {
  width: 110px;
  display: block;
}

/* SUBSUB Menu */

#nav li ul li ul {
  display: none;
}

#nav li ul li:hover ul {
  left: 100%;
  top: 0;
}
/* left */
#left {
  width: 295px;
  float: left;
 display: block;
}


/* splash */
#splashleft {
  width: 290px;
  height: 339px;
  float: left;
  display: block;
  position: relative;

}
#splash {
  display: inline;
  width: 600px;
  height: 400px;
  background-color: #000;
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  overflow: hidden;
 float: left;
}
#splashframe {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index:90;

  clear: both;
}

#splashfix {
  display: inline-block;
  width: 600px;
  height: 400px;
  background-color: #000;
  position: relative;
  padding-top: 0px;
  padding-left: 0px;
  overflow: hidden;
  clear: both;
}
#splashfixframe {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index:90;
}
/* content */
#content 
{
  width: 590px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
}
.icerik 
{
  font-size: 0.9em;
  text-align:justify;
  letter-spacing:0.08em;
  line-height:1.6em;
}
#content .icerik 
{
  font-size: 0.9em;
  text-align:justify;
  letter-spacing:0.08em;
  line-height:1.6em;
}
#content p 
{
  font-size: 0.8em;
  text-align:left;
  letter-spacing:0.08em;
  line-height:1.6em;
  margin-bottom:12px;
}
#description {
  display: block;
  width: 400px;
  float: left;
  
  
}
#modelname {
  width: 190px;
  text-align: right;
  display: inline;
  padding-top: 5px;

}
.etiketbold {
  font-family: Verdana;
  font-weight: bolder;
  font-size: 15px;
  color: #898989;
  text-decoration: none;
  display:block;
  text-align:right;
}
.etiketlight {
  font-family: Verdana;
  font-weight: lighter;
  font-size: 15px;
  color: #898989;
  display:block;
  text-align:right;
  text-decoration: none;
}
.urunisim {
  font-family: Verdana;
  font-weight: bolder;
  font-size: 10px;
  color: #898989;
  text-decoration: none;
}
.urunisimlight {
  font-family: Verdana;
  font-weight: lighter;
  font-size: 0.7em;
  color: #898989;
  text-decoration: none;
}
.yazibaslikbold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #faa61a;
  font-weight: bold;
  line-height: inherit;
}
.yazibaslik {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #faa61a;
  line-height: inherit;
}
.yazidetay {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #898989;
}
#urunliste {
  list-style: none;
  width: 575px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  display: inline-block;
 padding: 10px 10px 25px 0px;
}
#urunliste li {
  float: left;
  display: block;
  height:140px;
  width: 100px;
  padding: 0px 0px 25px 0px;
  margin-right:10px;
  margin-left:0px;
  border-top:solid  3px #fff;
}
#urunliste li:hover {
  
  color:#faa61a;
  border-top:solid 3px #faa61a;
}


 /* Slider  */
    .SliderContainer {}
        /* SLIDESHOW  */
        #SlideShow {height:400px;width:600px; overflow:hidden; position:relative; }
        #SlideShow ul { margin:0;padding:0; list-style-type:none;height:400px;}
        #SlideShow ul:after { content: ".";clear:left;display:block;height:0;visibility:hidden;}
        /* SLIDESHOW > SLIDES */
        #SlideShow .SlideShowImages {overflow:hidden;}
        #SlideShow .SlideShowImages ul { margin:0;padding:0;list-style-type:none; width:auto;}
        #SlideShow .SlideShowImages ul li {width:600px;float:left;}
        #SlideShow .SlideShowImages ul li img {height:400px;width:600px;}
        
        /* SLIDESHOW > NAVIGATION */
        #SlideShow ul.SlideShowNavigation {color:#fff;background:#ccc;position:absolute;height:20px;top:11px;right: 11px;z-index:99; line-height: 12px;}
        #SlideShow ul.SlideShowNavigation li {float:left; }
        #SlideShow ul.SlideShowNavigation li a {display: block;padding:5px;width:15px;outline:none;color:#685034;text-align:center; text-decoration:none; font-size:10px; font-weight:bold;}
        #SlideShow ul.SlideShowNavigation li a:hover {text-decoration:none;color:#faa61a;}
        .js #SlideShow ul.SlideShowNavigation li.on, .js #SlideShow .SlideShowNavigation li.on a {background-color: #faa61a;color: #FFF;height:10px;}
        .js #SlideShow ul.SlideShowNavigation li.on a {position: relative;}


/* footer */
#footer {
  clear: left;
  width: 100%;
  height: 25px;
  background-color: #d4cdba;
  text-indent: 500px;
  padding-top: 5px;
  font-family: Verdana;
  font-size: 10px;
 
}



ul#menu {
  list-style-type:none;
  margin-left: 60px;
  padding: 0;
  width: 200px;
}
ul#menu ul {
  list-style-type:none;
  margin-left: 10px;
  padding: 0;
  width: 190px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-bottom: 0px;
}

ul#menu li a {
  font-family: Verdana;
  font-weight: bold;
  font-size: 0.7em;
  letter-spacing:-0.08em;
  color: #665133;
  text-decoration: none;
  padding: 0.3em;
}
.act a {
  font-family: Verdana;
  font-weight: bold;
  font-size: 0.7em;
  letter-spacing:-0.08em;
  color: #665133;
  background: #E9E4DC;
  text-decoration: none;
}

ul#menu li a:hover {
  
  color:#835c24;
}

ul#menu li ul li a {
  font-family: Verdana;
  font-weight: lighter;
  font-size: 0.7em;
  letter-spacing:-0.08em;
  color: #665133;
  text-decoration: none;
  margin-left: 10px;
  line-height: 12px;
  
}

ul#menu li ul {
margin-bottom: 0px;
  
}


ul#menu li ul li a:hover {
  background: #E9E4DC;
}






h2 {
    font: 1.2em Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    letter-spacing: .25em;
    }

.lbl {
    width: 48%;
    float: left;
    text-align: right;
    line-height: 1.2em;
    margin-bottom: 0.2em;
    }

.npt {
    width: 48%;
    float: right;
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 0.2em;
    }

.npt input {
    width: 8em;
    }

br {
    clear: both;
    }

.clearing {
    font-size: 0;
    clear: both;
    }