body
{ 
	font-family:Trebuchet MS;
	font-size:12px;
	background-color:black;
}
#container
{
	width:960px;
	margin:1px auto;
	border:solid 1px gray;
	padding:2px 2px 2px 2px;
	background-color:black;
	
}
#header
{
 background-image:url('./images/mosaic_lamp.jpg');
 background-position: left;
 background-repeat: no-repeat;
 width:100%;
 height:350px;		
}
#header2
{
 background-image:url('./images/mosaic_lamps.jpg');
 background-position: left;
 background-repeat: no-repeat;
 width:100%;
 height:100px;		
}
#navi
{
width:100%;
height:20px;
background-color: #E0E0E0;
margin-top:15px;
text-align:right;


}
			


#menuH
{
width:100%;
height:28px;
margin-top:1px;
text-align:center;
}
	
#menuV 
{
width:20%;
height:100%;
margin-top:4px;
background-color:Black;
float:left;
margin-top:5px;
}



#content
{
margin:2px auto;
padding:2px auto;
width:78%;
min-height:400px;
}
#footer
{
width:100%;
height:80px;
text-align:center;
font-weight:bold;
font-size:10px;
margin-top:2px;
background-color:silver;
padding-top:2px;		
}

					
					
#slogan
{
position: relative;
left:5px;
top:-15px;
font-family:Verdana;
font-size:11px;
font-weight:bold;
font-style:italic;
color:white;

}
.menu_ItemStyle
{
	font-family:Verdana;
	font-size:12px;
	color:Black;
	margin:2px auto;
	padding:2px auto;
	border:solid 1px #e4e4e4;
	
}
.menu_ItemHoverStyle
{
	color:Navy;
	background-color:#c0c0c0;
}
.menu_ItemSelectedStyle
{
color:Navy;
font-weight:bold;	
}
.var
{
 background-color:Orange;
 border:solid 2px orange;
 font-family:Verdana;
 font-size:8pt;
 color:White;
}
	
.yok
{
 visibility:hidden;	
}
a.detay:link
{
  text-decoration:underline;
  text-align:right;
}

a.detay:visited
{
 text-decoration:none;
}
a.detay:Hover
{
	
 font-weight:bold;
 text-decoration:underline;
 font-size:larger;
 
}

.navigate
{
   color:black;
   text-decoration:none;
}
.navigate:visited:
{
	 color:black;
	 text-decoration:none;
}
.navigate:current:
{
	 color:black;
	 text-decoration:line-through;
}

.activelink
{
	color:black;
	text-decoration:none;
	

	
}




.txtDetay
{
	font-size:10px;
	text-align:right;
	border:solid 1px gray;
	height:17px;	
}
.btnDetay;
{
	font-size:10px;
	border:solid 1px gray;
	height:17px;
}

a.page:link
{
	color:Navy;
	font-weight:bold;
	text-decoration:none;
}
a.page:visited
{
 color:Navy;
 font-weight:bold;	
}
a.page:Hover
{
	color:Gray;
	text-decoration:underline;
	font-weight:bold;
	
}
a.page:Current
{
	color:Gray;
	text-decoration:underline;
	font-weight:bold;
	
}

.sepetText
    {
	text-align:right;
	font-family:Arial;
	font-size:10px;
	border:solid 1px gray;
	
	}
.btnSepet
   {
	font-family:Arial;
	font-size:10px;
	border:solid 1px gray;
	width:100px;
	
	}
	


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;

}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color:yellow;
padding: 2px;
left:+10px;

border-style:none;
visibility: hidden;
color:black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width:0;
padding: 2px;
left:-10px;


}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom:-25px;
left:0px /*position where enlarged image should offset horizontally */


}


.pro8 {padding:0 0 0 35px; margin:0; list-style:none; height:35px; background:#fff url(./images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.pro8 li {float:left;}
.pro8 li a {display:block; float:left; height:35px; line-height:35px; background:url(./images/button1.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro8 li a b {float:left; display:block; padding:0 12px 0 0; background:url(./images/button1.gif) right top;}
.pro8 li.current a {color:#fff; background:url(./images/button3.gif);}
.pro8 li.current a b {background:url(./images/button3.gif) right top;}
.pro8 li a:hover {color:White ; background:url(./images/button2.gif);}
.pro8 li a:hover b {background:url(./images/utton2.gif) right top;}
.pro8 li.current a:hover {color:#fff; background:url(./images/button3.gif); cursor:default;}
.pro8 li.current a:hover b {background:url(./images/button3.gif) right top;}






.searchbtn{padding:10 0 0 60px;display:block; margin:0; list-style:none; height:35px; background:#fff url(./images/button1.gif); position:relative; left:197px; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444; text-align:center;}
.searchbtn:hover{color:#fff; background:url(./images/button2.gif);}
.txtsearch{ position:relative; left:200px}

/*



.pro8 {padding:0 0 0 32px; margin:0; list-style:none; height:25px; background:#fff url(./images/pro_eight_back.gif); position:relative; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.pro8 li {float:left;}
.pro8 li a {display:block; float:left; height:25px; line-height:23px; background:url(./images/pro_eight_0.gif); color:#fff; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer;}
.pro8 li a b {float:left; display:block; padding:0 12px 0 0; background:url(./images/pro_eight_0.gif) right top;}
.pro8 li.current a {color:#fff; background:url(./images/pro_eight_2.gif);}
.pro8 li.current a b {background:url(./images/pro_eight_2.gif) right top;}
.pro8 li a:hover {color:#000; background:url(./images/pro_eight_1.gif);}
.pro8 li a:hover b {background:url(./images/pro_eight_1.gif) right top;}
.pro8 li.current a:hover {color:#fff; background:url(./images/pro_eight_2.gif); cursor:default;}
.pro8 li.current a:hover b {background:url(./images/pro_eight_2.gif) right top;}






.searchbtn{padding:10 0 0 60px;display:block; margin:0; list-style:none; height:25px; background:#fff url(./images/pro_eight_0.gif); position:relative; left:197px; border:1px solid #000; border-width:0 1px 1px 1px; border-bottom-color:#444;}
.searchbtn:hover{color:#fff; background:url(./images/pro_eight_1.gif);}
.txtsearch{ position:relative; left:200px}

/*
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}