* {margin:0;padding:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;	font-size:0.6em;background: #000 url(../images/siyahbg.jpg) repeat-x top left;}
li{list-style:none;float:left;}
img {border:none;}

a{text-decoration:none;color:#b2b2b2;outline-style:none;}
.normal {color:#B2B2B2;font-size:1.1em;}
.ince {font-size:0.6em;}
.mavi, .mavi a {color:#384939;font-size: 1.2em;}
.beyaz{color:#fff}
.kirmizi {color:#FF0000}
#sepetmesaj a {
color:#009933;
font-size:1.1em}
#maincontainer {width:100%;float:left;}
#floatedcontainer {width:995px;}

.baslik {color:#b3f92b;font-size:1.2em; padding:6px;}
.sagust{float:right; padding-top:5px}
.sagust ul li {float:right}
.currency{float:right; background:url(../images/currency.png) no-repeat; padding:3px; width:23px; height:13px; padding-top:1px; margin-right:7px}
.ustmenu{margin-top:25px; float:right;}
.canta{background:url(../images/canta.png) left 1px no-repeat; width:143px; height:39px; padding-left:20px; padding-top:6px; color:#384939}
#sepetust{padding-top:7px; padding-left:22px; text-align:left}
.menuitem {background:url(../images/ustmenupass.jpg) bottom no-repeat; width:68px; height:20px; padding-top:26px; margin-left:3px;}
.menuitem a{color:#b3f92b;}
.menuitem a:hover{color:#fff;}
.girissubmit {background:url(../images/login.jpg) no-repeat; width:63px; height:22px; border:none; padding-left:13px; color:#FFF; padding-top:0; font-size:1.1em; cursor:pointer}
.galerikon {background:url(../images/fotogaleri.jpg) no-repeat; width:144px; height:82px; padding-left:40px; padding-top:5px; cursor:pointer}
.sssdiv{padding:5px; background-color:#000; float:left; width:180px; text-align:left; height:112px}

.logo {text-align:left; height:50px; padding-top:20px; padding-left:5px; float:left; width:270px; color:#CCC}
.galeri {background:url(../images/framebg.jpg) right bottom no-repeat;width:130px; height:125px; padding-top:25px;border:1px solid #CDCDCD;}

#alt {float:left;background:#1a1a1a url(../images/solbg.jpg) left top no-repeat; width:850px;}

#ust {float:left;width:858px}
.sepete {background:url(../images/add.jpg) left 3px no-repeat;padding-left:20px;cursor:pointer;	height:16px;padding-top:3px;color:#0a6903;}
.ortaurundetay {margin-top:-18px; padding-right:5px; z-index:100; width:130px; height:15px;}
.ortaaciklama{padding-top:5px; height:60px; width:130px}
.sepeteekle img {cursor:pointer;}

/*ust kısım sonu*/


/*orta kısım*/
#sol {position:relative;z-index:1;float:left;width:190px;text-align:left;}

#mailsonuc {color:#FF0000;font-weight:bold;}
#encok li {
}
#encok .res {background:url(../images/golge.jpg) top center no-repeat;padding:15px;width:100px;padding-bottom:5px;border:1px solid #D8D8D8;border-bottom:none;}

#sepet {position:absolute;display:none;z-index:1001;width:276px; margin-left:-20px; margin-top:7px;}
* html #sepet {margin-left:-91px;}
*:first-child+html #sepet {margin-left:-91px;}
#olculer {position:absolute;visibility:hidden;z-index:500;width:auto;}

#kapat {float:right;background-color:#FFF;cursor:pointer;}

#tablesepet {
	background-color:#FFFFFF;
	border:1px solid #b3f92b;
	border-bottom:none;

}
#tablesepet input {
	border:1px solid #fff;
	background-color:#17B4D7;
	width:100px;
	font-weight:bold;
	height:24px;
	color:#FFFFFF;
	font-size:10px;
	vertical-align:middle;
	cursor:pointer
}

#tablesepet td {
	height:30px;
	color: #0a6903;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom:1px solid #b3f92b;
	padding-left:10px;
}
#tablesepet .nb td {
	border:none;
}

.sepeteekle {
	padding-top:10px;
	padding-bottom:20px;
}
#sw td {padding:5px;}
#orta {
	z-index:0;
	float:left;
	width:636px;
	padding:5px;
	background:#FFF;

}
.ortaurun {
	float:left;
	width:626px;
	margin-top:2px;
	padding-bottom:10px;

}
#urun {
	padding-top:15px;
	float:left;
	width:130px;
	padding-left:23px;
}
#urun ul li {
text-align:center}
#urun a {
color:#0a6903}

.ozellik {
	float:left;
	width:591px;
	padding:5px;
	margin-left:2px;
	background:url(../images/secenekbg.jpg) top center repeat-x;
	border:1px solid #D8D8D8;
	border-bottom:none;
}


#urun .urunad {
padding-top:5px;font-size:1.1em;
font-weight:bold;
}

.resim {
	background:url(../images/golge.jpg) top center repeat-x;
	padding:15px;
	width:156px;
	height:250px;
	padding-bottom:5px;
	border:1px solid #D8D8D8;
	border-bottom:none;
}
.resim li td {
	text-align:left;
}

#urun .sepeteekle {
	padding-top:10px;
	padding-bottom:10px;
}
#urun .buyutec {
	margin-top:-20px;
	width:180px;
	text-align:right;
}

/*ortakısımsonu*/

/*en alt*/
#enalt {
	/*background:url(../images/altbg.jpg) top repeat-x;*/
	height:91px;
	clear:both;
	float:left;
	padding-top:3px;
	width:870px;
	
}
#enalt a {
color:#fff;}
#giris {
	padding-top:10px;
}

/*formlar*/
.aramakutu {
	height:14px;
	width:146px;
	background:#161616;
	border:1px solid #333;
	border-collapse:collapse;
	font-size:1.1em;
	color:#bfbcbc;
	height:13px;
	padding:4px;
}
.giriskutu {
	height:14px;
	width:180px;
	background:#161616;
	border:1px solid #333;
	border-collapse:collapse;
	font-size:1.1em;
	color:#bfbcbc;
	height:12px;
	padding:4px;
}
#giris .kutu2 {
	background:url(../images/sifre.jpg) left top no-repeat;
	width:158px;
	height:20px;
	padding-left:3px;
}
.sifre, .kadi {
	height:12px;
	width:150px;
	background:none;
	border:1px solid #00B1F4;
	border-collapse:collapse;
	font-size:0.9em;
	color:#FFFFFF
}
.kadi {
	width:160px;
}

/*formlar sonu*/

/*jquery*/
	#makeMeScrollable
	{
		width:100%;
		height: 140px;
		position: relative;
		float:left;
	}
	
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}

div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 18px;
	width: 18px;
	height: 133px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */

	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/vitrinleft.jpg);				
	background-color: #fff;
	background-repeat: no-repeat;
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 18px;
	width: 18px;
	height: 133px;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/vitrinright.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 88px;
	padding-top:3%
}

div.scrollableArea
{
	position: relative;
	width: 100%;
	height: 80%;
}
div.scrollableArea a {
float:left}

.news_style{
display:none;
}
#news_button {
cursor:pointer;}
/*jquery sonu*/
.ortaheader {
	background:url(../images/bgheader.jpg) repeat-x;
	border:1px solid #7dbc04;
	float:left;
	width:624px;
	border-top-width:2px;
	padding:4px;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}


.ayirici {
	height:2px;
	float:none;
	clear:left;
	padding:0;
	margin:0;
}
.lanse {
	background-color:#272727;
	padding:5px;
	float:left;
}
.lanse a {
	color:#0a6903;	
}

/*açılır menu*/

.sidemenu ul li {
	position: relative;
	padding:7px;
	padding-left:0px;
	background:#282828 url(../images/menubg.jpg);
	width:182px;
	font-size:1.1em;
	color:#000000;
	margin-bottom:4px
}
.sidemenu ul li div {
	background: url(../images/menu_ok.jpg) 10px center no-repeat;
	padding-left:35px;
}
.sidemenu li a {
color:#fff;
}
.sidemenu li a:hover {
color:#b3f92b;
}
/* End */


.baslk {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
	height:19px;
	padding-top:5px;
}
#form {
	float:left;
	padding-left:10px;
	font-size:1.1em;
	color:#333333;
	width:586px
}
#form input, #form select {
	border:1px solid #000;
	background:#FFFFFF;	
	padding:1px;
	width:226px;
}
#form textarea {
	border:1px solid #000;
	padding:1px;
	width:100%;
}
#form .normal {
	width:auto;
	background:none;
	border:none;
}
#form td {
	padding-top:10px;
}
#form td table td {
	padding-right:6px;
	padding-top:0;
	font-weight:normal;
}
#sss {
font-size:.9em;
text-align:left;
color:#FFF;
}
.pagi {
	font-weight:bold;
	padding-top:10px
}
.pagi a {
color:#000000}
#uye {
	margin-top:20px;
	margin-left:20px;
	padding-right:20px;
}
#uye li {
	float:none;
	margin-bottom:10px
}
#siparisust {
	margin-left:2px;
}
#siparisust li {
	float:left;
	color: #0a6903;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom:2px solid #0a6903;
	width:150px;
	padding-bottom:5px;

	text-align:center
}
#siparisust li a {
	color: #00b1f4;
}
#siparisust .act {
	border-bottom-color:#b3f92b;
}
#proforma {
	float:left;
	width:600px;
	padding-left:10px;
	color:#666666;
	font-size:11px
}
#proforma table td.baslik {
	color:#fff;
	background:#000;
	padding-bottom:7px;
	padding-top:7px;
}
#siparisust .nb {
	border:none;
	width:7px;
}

.siyah {
	font-size:1.1em;
	color:#000000;
	font-weight:bold
}
#secim {
border:1px solid #dadada }
#secim td {
text-align:center}

#hediye .kirmizi {
font-size:1em;
font-weight:bold;
padding-top:10px}#sayfa .kutu {
	background:url(../images/kullanicigiris.jpg) left top no-repeat;
	width:180px;
	height:20px;
	padding-left:3px;
}
#sayfa .kutu2 {
	background:url(../images/sifre.jpg) left top no-repeat;
	width:158px;
	height:20px;
	padding-left:3px;
}

#tablo table {
border:1px solid #dadada;
border-bottom:none;
border-right:none;
border-top:none;
border-left:none;
border-collapse:separate;
}

#tablo td {
border:1px solid #dadada;
border-top:none;
padding:2px;

text-align:center
}
#tablo tr {
border-left:1px solid #dadada;
}
#tablo .header td {
border:none;
font-weight:bold;
border-bottom:1px solid #dadada;
}
#tablo .acik {
background:url(../images/baslikalti.png) top left repeat-x;
}
#tablo .koyu{
background:url(../images/baslikbg.png) top left repeat-x;
}
#tablo .header .tablosol {
background:url(../images/tablosol.jpg) left top no-repeat;
border-left:none;}
#tablo .header .tablosag {
background:url(../images/tablosag.jpg) right top no-repeat;
border-right:none;}

#tablo .mainheader {
color:#6083bb;
font-weight:bold;
font-size:1.4em;
border:none;
text-align:left;
}
#tablo a{
color:#009900;}
#tablo .nb td {
border:none;
text-align:left;}

.style1 {
	color: #000000;
	font-weight: bold;
}

.fix{
background:url(../images/bg_alt.jpg) bottom center no-repeat; width:100%;  height:414px;  z-index:-100; position:fixed; left:0; bottom:0;}

.formrow{
	background:url(../images/bgheader.jpg) bottom repeat-x;
	border:1px solid #7dbc04;
	border-top-width:2px;
	padding:4px;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
}
#sag{
background:url(../images/productsbg.jpg) left top no-repeat;}

.products li {
	width:100px;
	height:175px;
	float:left;
	padding-right:10px;
	padding-bottom:2px;
	padding-top:0px;
	text-align:center;
}
.bgdiv {
	width:100px;
	height:165px;
	background-position:-40px -20px;
	background-repeat:no-repeat;
}
.bgdiv:hover{
cursor:pointer;}
.baslik2 {
	background:url(../images/grey.png) repeat;
	padding:3px;
	color:#b2b2b2;
	font-size:12px
}
.uyepanel{
padding-left:20px; margin-top:6px;
color:#b2b2b2}