body{
	margin:0;
	/*background:url(images/cssimages/bg_top.jpg) repeat-x;*/
	background-color:#99cc99;
	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 0px;
	padding: 0;
	width: 205px; /*width of menu*/
	border: 0px solid #212121;

}

.glossymenu a.menuitem{
	background: #006c00;
	/*font-family: "Lucida Grande", Verdana, sans-serif;
	*/
	font-size:11px;
	font-weight: normal;
	color: #FFFFFF;
	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: #ff6600;

}

.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:11px;
color: #3c3c3c;
text-decoration: none;
text-align:left;
width:205px;
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.ekolojimarket.com/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.ekolojimarket.com/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;*/
}

/*************************************************************/

 #marqueecontainer
        {
            position: relative;
            width: 195px; /*marquee width */
            height: 250px; /*marquee height */
            overflow: hidden;
            border: 0px solid orange;
            padding: 0px;
            padding-left: 0px;
        }
        
          #pscroller1
        {
            width: 200px;
            height: 100px;
            border: 1px solid black;
            padding: 5px;
            background-color: lightyellow;
        }
        #pscroller2
        {
            width: 350px;
            height: 20px;
            border: 1px solid black;
            padding: 3px;
        }
        #pscroller2 a
        {
            text-decoration: none;
        }
        .someclass
        { //classtoapplytoyourscroller(s)ifdesired}
        
                .cssguycomments
        {
            background: #eee;
            border: #ddd;
            padding: 8px;
            margin-bottom: 40px;
        }
        .cssguycomments p
        {
            font: normal 12px/18px verdana;
        }
        #pricetable a img
        {
            border: 0;
            vertical-align: text-bottom;
        }
        #pricetable table
        {
            border-collapse: collapse;
            padding: 0px;
            margin: 0px;
        }
        #pricetable th.side
        {
            background: transparent url(/images/bg_th_side.gif) no-repeat bottom left;
        }
        #pricetable td.side
        {
            text-align: right;
            background: transparent url(/images/bg_td_side.gif) no-repeat bottom left;
            width: 140px;
            font: bold 12px/15px verdana;
            color: #6e6f37;
            padding-right: 8px;
        }
        #pricetable th
        {
            height: 64px;
            border-right: 1px solid #fff;
            vertical-align: bottom;
            color: #fff;
            font: bold 14px/16px arial;
            letter-spacing: 2px;
            background: transparent url(/images/bg_th.gif) no-repeat bottom left;
        }
        #pricetable td
        {
            text-align: center;
            background: transparent url(/images/bg_td.gif) no-repeat bottom left;
            border-right: 1px solid #fff;
            color: #fff;
            width: 108px;
            height: 40px;
            font: bold 12px/18px verdana;
        }
        #pricetable td.on
        {
            background: transparent url(/images/bg_td_on.gif) no-repeat bottom left;
        }
        #pricetable th.on
        {
            background: transparent url(/images/bg_th_on.gif) no-repeat bottom left;
            padding-bottom: 9px;
            width: 148px;
        }
        #pricetable tfoot td
        {
            background: transparent url(/images/bg_foot_td.gif) no-repeat top left;
            height: 64px;
            vertical-align: top;
            padding-top: 8px;
        }
        #pricetable tfoot td.on
        {
            background: transparent url(/images/bg_foot_td_on.gif) no-repeat top left;
            padding-top: 16px;
        }
        #pricetable tfoot td.side
        {
            background: transparent url(/images/bg_foot_td_side.gif) no-repeat top left;
        }
        #formcontainer
        {
            width: 443px;
            height: 239px;
            background: transparent url(/images/bg_form.gif) no-repeat top left;
            position: absolute;
            top: 24px;
            left: 341px;
        }
        #formcontainer form
        {
            padding: 8px 10px;
            margin: 0;
        }
        #formcontainer h2
        {
            margin: 0;
            padding: 0 0 14px 0;
            font: bold 21px/27px arial;
            color: #fff;
        }
        #formcontainer fieldset
        {
            border: none;
            padding: 0;
        }
        #formcontainer label
        {
            display: block;
            float: left;
            font: bold 12px/18px verdana;
            color: #fff;
            padding-bottom: 12px;
        }
        #formcontainer label.email
        {
            width: 350px;
        }
        #formcontainer label.email input
        {
            width: 340px;
        }
        #formcontainer label.password
        {
            clear: left;
            padding-right: 40px;
        }
        #formcontainer label.password input, #formcontainer label.retype input
        {
            width: 150px;
        }
        #formcontainer fieldset.buttons
        {
            padding-top: 10px;
            clear: left;
        }
        #prices
        {
            position: relative;
        }
        
                #sepetDiv
        {
            position: absolute;
            padding: 2px;
            border-right: #455690 1px solid;
            border-top: #b9c9ef 1px solid;
            border-left: #b9c9ef 1px solid;
            border-bottom: #455690 1px solid;
            background-color: #e0e9f8;
            visibility: hidden;
            z-index: 100;
        }
        #sorunuz
        {
            position: absolute;
            padding: 2px;
            border-right: #455690 1px solid;
            border-top: #b9c9ef 1px solid;
            border-left: #b9c9ef 1px solid;
            border-bottom: #455690 1px solid;
            background-color: #e0e9f8;
            visibility: hidden;
            z-index: 100;
        }