* {
	/*box-sizing: border-box;*/
}
body {
	/*font-size: 20px;*/
}
.product-raf {

	position:relative;/*zoom: 1.7*/
	perspective: 550px;
	width: 980px;
	height:417px;
	background-image:url(../image/bg-turuncu.png);
	/*background-image:url(../image/bg-turuncu.png);*/
	display: inline-block;
	padding: 2px;

	overflow: hidden;
}

.product-raf #alisverisListesi .name
,.product-raf #alisverisListesi .name a{
	/*display:block !important;*/
	  display: table-cell !important;
	  vertical-align: inherit;
      text-align:left;
}

.product-raf #alisverisListesi .quantity
{
	color:#C36;
	/*background-color:#E9E9E9;*/
	font-weight:bold;
    padding: 2px 2px;
}

.product-raf #alisverisListesi .total
{
	text-align:right;
    padding: 2px 2px;
	
}


.parent {
	width: 650px;
	display: inline-block;
	padding: 2px;
	margin-top:55px;
	margin-left:-20px;
	transform: rotateY(85deg) rotatez(-5deg);
}
.parent.perspective {
/*perspective: 600px;*/
}
.child {
	margin: 2px;
	background:#CCC;
	display: inline-block;/*border: 1px solid rgba(0,0,0,0.5);*/
}
.parent.perspective .child {
	/*transform: rotateY(10deg);*/
  background-color:rgba(0, 0, 0, 0.0);
	width: 95px;
	height: 95px;
	background-image:url(3.png)
}
.urun {
	position:absolute;
	right:0;
	bottom:0;
	width: 95px;
	height:95px;
}
.urun:hover {
	cursor:pointer;
}
.urun .resim {
	width: 100%;
	height:100%;
}
.urun .resim img {
	width: 100%;
	height:100%;/*border:1px solid #000;*/
}


.urun-sepette {
	position:absolute;
	/*width: 100%;*/
	/*height:100%;*/
}
.urun-sepette .resim {
	/*width: 100%;*/
	/*height:100%;*/
}
.urun-sepette .resim img {
	/*width: 100%;*/
	/*height:100%;*/
	/*border:1px solid #000;*/
}


.price {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.price a {
	font-size:13px;
	position:absolute;
	opacity:0.7;
	background-color:#FFF;
	text-decoration: none;
	color: #000;
	left:10px;
	bottom:0;
}

.price a:hover{
   box-shadow: 0px 0px 8px 2px #6CF ;                 
  -moz-box-shadow: 0px 0px 8px 2px #0FF ;            
  -webkit-box-shadow: 0px 0px 8px 2px #0FF ;
}

/*
#urun-1 {
	left:0;
	top:59;
	width: 95px;
	height:95px;
	z-index:31
}
#urun-12 {
	left:561;
	top:115;
	width: 45px;
	height:45px;
	z-index:20
}
#urun-2 {
	left:92;
	top:69;
	width: 85px;
	height:85px;
	z-index:30
}
#urun-11 {
	left:604;
	top:109;
	width: 51px;
	height:50px;
	z-index:21
}
#urun-3 {
	left:171;
	top:81;
	width: 74px;
	height:74px;
	z-index:29
}
#urun-10 {
	left:651;
	top:95;
	width: 65px;
	height:64px;
	z-index:22
}
#urun-4 {
	left:265;
	top:95;
	width: 65px;
	height:64px;
	z-index:28
}
#urun-9 {
	left:736;
	top:81;
	width: 74px;
	height:74px;
	z-index:23
}
#urun-5 {
	left:326;
	top:109;
	width: 51px;
	height:50px;
	z-index:27
}
#urun-8 {
	left:804;
	top:69;
	width: 85px;
	height:85px;
	z-index:24
}
#urun-6 {
	left:375;
	top:115;
	width: 45px;
	height:45px;
	z-index:26
}
#urun-7 {
	left:886;
	top:59;
	width: 95px;
	height:95px;
	z-index:25
}
#urun-13 {
	left:-8;
	top:289;
	width: 95px;
	height:95px;
	z-index:19
}
#urun-24 {
	left:572;
	top:188;
	width: 45px;
	height:45px;
	z-index:8
}
#urun-14 {
	left:83;
	top:264;
	width: 85px;
	height:85px;
	z-index:18
}
#urun-23 {
	left:610;
	top:201;
	width: 51px;
	height:50px;
	z-index:9
}
#urun-15 {
	left:167;
	top:245;
	width: 74px;
	height:74px;
	z-index:17
}
#urun-22 {
	left:654;
	top:211;
	width: 65px;
	height:64px;
	z-index:10
}
#urun-16 {
	left:262;
	top:211;
	width: 65px;
	height:64px;
	z-index:16
}
#urun-21 {
	left:740;
	top:245;
	width: 74px;
	height:74px;
	z-index:11
}
#urun-17 {
	left:320;
	top:201;
	width: 51px;
	height:50px;
	z-index:15
}
#urun-20 {
	left:813;
	top:264;
	width: 85px;
	height:85px;
	z-index:12
}
#urun-18 {
	left:364;
	top:188;
	width: 45px;
	height:45px;
	z-index:14
}
#urun-19 {
	left:894;
	top:289;
	width: 95px;
	height:95px;
	z-index:13
}
#urun-25 {
	left:180;
	top:346;
	width: 74px;
	height:74px;
	z-index:7
}
#urun-32 {
	left:576;
	top:251;
	width: 45px;
	height:45px;
	z-index:0
}
#urun-26 {
	left:251;
	top:307;
	width: 65px;
	height:64px;
	z-index:6
}
#urun-31 {
	left:614;
	top:275;
	width: 51px;
	height:50px;
	z-index:1
}
#urun-27 {
	left:316;
	top:275;
	width: 51px;
	height:50px;
	z-index:5
}
#urun-30 {
	left:665;
	top:307;
	width: 65px;
	height:64px;
	z-index:2
}
#urun-28 {
	left:360;
	top:251;
	width: 45px;
	height:45px;
	z-index:4
}
#urun-29 {
	left:727;
	top:346;
	width: 74px;
	height:74px;
	z-index:3
}*/
#urun-1 
{ 
	 left: 0px; 
	 top: 20px; 
	 position: absolute; 
	 width: 115px;
	 height: 114px;
	 z-index:7;
} 

 #urun-2 
{ 
	 left: 108px; 
	 top: 45px; 
	 position: absolute; 
	 width: 99px;
	 height: 99px;
	 z-index:8;
} 

 #urun-3 
{ 

	 left: 207px; 
	 top: 64px; 
	 position: absolute; 
	 width: 84px;
	 height: 84px;
	 z-index:9;
} 

 #urun-4 
{ 
	 left: 291px; 
	 top: 80px; 
	 position: absolute; 
	 width: 73px;
	 height: 72px;
	 z-index:10;
} 

 #urun-5 
{ 
	 left: 362px; 
	 top: 89px; 
	 position: absolute; 
	 width: 64px;
	 height: 63px;
	 z-index:11;
} 

 #urun-11 
{ 
	 left: -11px; 
	 top: 243px; 
	 position: absolute; 
	 width: 125px;
	 height: 125px;
	 z-index:12;
} 

 #urun-12 
{ 
	 left: 106px; 
	 top: 218px; 
	 position: absolute; 
	 width: 105px;
	 height: 105px;
	 z-index:13;
} 

 #urun-13 
{ 
	 left: 201px; 
	 top: 198px; 
	 position: absolute; 
	 width: 88px;
	 height: 87px;
	 z-index:14;
} 

 #urun-14 
{ 
	 left: 282px; 
	 top: 191px; 
	 position: absolute; 
	 width: 74px;
	 height: 73px;
	 z-index:15;
} 

 #urun-15 
{ 
	 left: 351px; 
	 top: 173px; 
	 position: absolute; 
	 width: 65px;
	 height: 63px;
	 z-index:16;
} 

 #urun-21 
{ 
	 left: 156px; 
	 top: 331px; 
	 position: absolute; 
	 width: 90px;
	 height: 90px;
	 z-index:17;
} 

 #urun-22 
{ 
	 left: 247px; 
	 top: 292px; 
	 position: absolute; 
	 width: 86px;
	 height: 84px;
	 z-index:18;
} 

 #urun-23 
{ 
	 left: 333px; 
	 top: 251px; 
	 position: absolute; 
	 width: 68px;
	 height: 67px;
	 z-index:19;
} 

 #urun-6 
{ 
	 left: 867px; 
	 top: 25px; 
	 position: absolute; 
	 width: 115px;
	 height: 114px;
	 z-index:20;
} 

 #urun-7
{ 
	 left: 775px; 
	 top: 45px; 
	 position: absolute; 
	 width: 99px;
	 height: 99px;
	 z-index:21;
} 

 #urun-8 
{ 
	 left: 691px; 
	 top: 64px; 
	 position: absolute; 
	 width: 84px;
	 height: 84px;
	 z-index:22;
} 

 #urun-9 
{ 
	 left: 618px; 
	 top: 80px; 
	 position: absolute; 
	 width: 73px;
	 height: 72px;
	 z-index:23;
} 

 #urun-10 
{ 
	 left: 556px; 
	 top: 89px; 
	 position: absolute; 
	 width: 64px;
	 height: 63px;
	 z-index:24;
} 

 #urun-16 
{ 
	 left: 868px; 
	 top: 243px; 
	 position: absolute; 
	 width: 125px;
	 height: 125px;
	 z-index:25;
} 

 #urun-17 
{ 
	 left: 771px; 
	 top: 218px; 
	 position: absolute; 
	 width: 105px;
	 height: 105px;
	 z-index:26;
} 

 #urun-18 
{ 
	 left: 693px; 
	 top: 198px; 
	 position: absolute; 
	 width: 88px;
	 height: 87px;
	 z-index:27;
} 

 #urun-19 
{ 
	 left: 626px; 
	 top: 191px; 
	 position: absolute; 
	 width: 74px;
	 height: 73px;
	 z-index:28;
} 

 #urun-20 
{ 
	 left: 566px; 
	 top: 173px; 
	 position: absolute; 
	 width: 65px;
	 height: 63px;
	 z-index:29;
} 

 #urun-24 
{ 
	 left: 736px; 
	 top: 331px; 
	 position: absolute; 
	 width: 90px;
	 height: 90px;
	 z-index:30;
} 

 #urun-25 
{ 
	 left: 649px; 
	 top: 292px; 
	 position: absolute; 
	 width: 86px;
	 height: 84px;
	 z-index:31;
} 

 #urun-26 
{ 
	 left: 581px; 
	 top: 251px; 
	 position: absolute; 
	 width: 68px;
	 height: 67px;
	 z-index:32;
} 

#alisverisSepeti {
	position:relative;
	margin:270px auto;
	width: 170px;
	height: 150px;
	/*left: 405px;*/
	/*background-color:#0CF;*/
	z-index:0;/*opacity:0.05;*/
}

#alisverisSepetiUrunleri {
	position:absolute;
	width: 5px;
	height: 5px;
	left:0px;
	top:0px;
	/*background-color:#0CF;*/
	z-index:1;/*opacity:0.05;*/
}

#happyCenterLogo {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:0 auto;
	width: 233px;
	height: 53px;
	background-image:url(../image/logo-small.png);
	z-index:5;/*opacity:0.05;*/
}

#sepetTutamac {
	position:absolute;
	/*margin:0px auto;*/
	left:376px;
	bottom:0;
	width: 236px;
	height: 37px;
	background-image:url(../image/sepet-tutamac.png);

}



#alisverisListesiIcon{
	position:absolute;
	margin:0 -40px;
	bottom:0;
	right:0;
	z-index:20071;
	cursor:pointer;
	/*background-color:#063c42;*/
	font-weight: 700;
	
	border:1px solid #444;
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px;
	
	display:block;
	z-index:101;
	width:200px;
    
	padding: 15px 15px 15px 55px;
	background: #063c42 url(../image/plus.png) 5% 55% no-repeat;
	color:#FFF;
	zoom:0.8;
}

.iconLabel{
	position:absolute;
	left:0;
	top:0;	
}


#alisverisListesiIcon .BG{position:absolute;text-decoration:none;top:95px;right:0;width:150px;font-size:11px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#063c42 url(../image/plus.png) 5% 55% no-repeat;border:1px solid #444;-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;display:block;z-index:101;padding:15px 15px 15px 55px}


#alisverisListesiIcon:hover{
	border:1px solid #C00;
}

#alisverisListesi{
	position:absolute;
	width: 300px;
	height: 300px;
	left: 345px;
	bottom:30px;
	background-color:#FFF;
	z-index:20069;/*opacity:0.05;*/
	border-radius: 10px;
	border:1px solid #F2F2F2;
	display: none;
	overflow:auto;
	
	
	-webkit-box-shadow: 7px 2px 49px -13px rgba(0,0,0,0.56);
	-moz-box-shadow: 7px 2px 49px -13px rgba(0,0,0,0.56);
	box-shadow: 7px 2px 49px -13px rgba(0,0,0,0.56);
}


#kategoriMenusuCon
{
	position: absolute;
	margin:0 auto;
	width: 50px;
	height:50px;
	left:0;
	right:0;
	top:0;
	bottom:0;

	
	cursor:pointer;
}


#kategoriMenuIcon
{
	position: relative;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	left: 12px;
	top: 60px;
	cursor:pointer;
	
 
}

#parmaklarinizinUcundaLogo
{
	position: relative;
	border-radius: 16px;
	width: 120px;
	height: 120px;
	left: -32px;
	top: 100px;

}




#kategoriMenuIcon:hover
{
	border-radius: 16px;
	
	box-shadow: 0px 0px 8px 2px #6CF ;                 
  -moz-box-shadow: 0px 0px 8px 2px #0FF ;            
  -webkit-box-shadow: 0px 0px 8px 2px #0FF ;
}
	
#kategoriMenusuSecenekler
{
	position:absolute;
	width: 850px;
	height: 200px;
	left: -400px;
	top:100px;
	background-color:#FFF;
	z-index:20069;/*opacity:0.05;*/
	border-radius: 5px;
	border:1px solid #F2F2F2;
	display: none;
}

#kategoriMenusuSecenekler a {
	font-size: 14px;
}

#kategoriMenusuSecenekler ul
{
  -webkit-padding-start: 20px;
}

#kategoriMenusuSecenekler ul li
{
	height:20px;
}

.artiSimgesi
{
	position: absolute;
	top: 0;
	right: 5px;
	height: 25px !important;
	width: 25px !important;
	background: url(../image/plusX.png);
	background-size:100%;
	cursor: pointer;

}