body{
	margin:0;
	/*background:url(images/cssimages/bg_top.jpg) repeat-x;*/
	background-color:#3c3c3c;
	FONT-SIZE: 12px;
	FONT-FAMILY: Lucida Grande , Helvetica , Arial ,sans-serif; 
	TEXT-DECORATION: none;
}

a{
	text-decoration:underline;
	font-weight:bolder;
	color:#009933;
}


img a{
	border:0;

}

#topline{
	vertical-align:top;
	margin:0;
	height:20px;
	color:#FFFFFF;
	text-align:center;
}

#banner2{
	height:210px;
	background:#FFFFFF url("images/im_banner.jpg") no-repeat top left;
	margin:0;
	width:100%;
}


/* MENÜ */
	ul#menu { width: 100%; height: 43px; background: #FFF url("images/cssimages/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
	ul#menu li { display: block; float: right; margin: 0 0 0 5px; }
	ul#menu li a { height: 43px; color: #003366; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
	ul#menu li a:hover { color: #333; }
	ul#menu li a.current{ color: #FFFFFF; background: #FFF url("images/cssimages/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }


/*Category Tree*/
#CategoryTree{
	padding-left:1em;
	color:#0069A0;
	background-color:white;
	font-weight: bold;
	font-size:12px;
	margin-bottom:5px;
}


/* Sol Menü*/

.glossymenu{
	margin: 0px 0px 0px 5px;
	padding: 0;
	width: 180px; /*width of menu*/
	border: 0px solid #212121;

}

.glossymenu a.menuitem{
	background: #3c3c3c;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	font-size:16px;
	color: #d9d9d9;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0 4px;
	padding-left: 10px;
	text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #d9d9d9;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color: #3c3c3c;
background: #d9d9d9;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #d9d9d9;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
background: #e5e5e5;
text-align:center;
padding-left:5px;
padding-right:5px;
}

.glossymenu div.submenu ul li a{
display: block;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight:normal;
font-size:12px;
color: #3c3c3c;
text-decoration: none;
padding: 10px 5px 10px 5px;
padding-left: 10px;
text-align:left;
width:148px;
vertical-align :middle;

border-top: 1px dashed gray;
}

.glossymenu div.submenu ul li a:hover{
background: #bebebe;
color: black;
}

.glossymenu div.submenu ul li img{
	text-align:center;	
}

/*Üyelik*/

.box {
		padding: 4px 5px;
		border: 1px solid #ccc;
		margin: 0 0 5px 0;
		height:auto;
	}
	
/*Ürün detay*/
#urundetay{
	background-color:#FFFFFF;
	background-image:url("http://www.imateks.com.tr/images/aciklama_bg.jpg");
	background-repeat:repeat-x;
	margin:auto;
	padding:0px;
	width:98%;
}

/*Üyelik */
.uyetablo{
	margin:0;
	color:#006666;
	text-align:left;
	padding-left:10px;
	font:Arial, Helvetica, sans-serif 0,8em;
}

.footer{
	background-image:url("http://www.imateks.com.tr/images/cssimages/footer_bg.jpg");
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	height:100px;
	width:100%;
}


/**************************************************************

	SlideShow
	v 1.3

**************************************************************/

.slideshowContainer {
	border: 0px solid #ccc;
	width: 190px;
	height: 300px;
	margin-bottom: 5px;
	background-color:#ffffff;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/

