@media screen and (min-width : 768px) {

input.sepeteeklebuton{
  width:96px;
  height:25px;
  margin:0 5px 0 0;
  float:right;
  background:#ff6c00;
  border-radius:5px;
  border:solid #ff6c00;
  color:#fff;
  font-weight:bold;
}

/* YANYANA OZET SAYFALAR */


#ozetyanyana {
	width:100%;
	margin:auto;
	padding:4px;
}

#ozetler {
	float:left;
	width:50%;
	padding:5px 0 5px 0;
}

#ozetyanyana #ozetresim {
	float:left;
}

#ozetyanyana #ozetresim img {
	width:80px;
	height:80px;
}

#ozetyanyana #ozetaciklama {
	float:left;
	width:68%;
	padding:2px;
}

/* SAYFA YANYANA RESİMLER */ 


.resimyanyana-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.resimyanyana-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.resimyanyana-opened {
	z-index: 8030;
}

.resimyanyana-opened .resimyanyana-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.resimyanyana-outer, .resimyanyana-inner {
	position: relative;
}

.resimyanyana-inner {
	overflow: hidden;
}

.resimyanyana-type-iframe .resimyanyana-inner {
	-webkit-overflow-scrolling: touch;
}

.resimyanyana-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.resimyanyana-image, .resimyanyana-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.resimyanyana-image {
	max-width: 100%;
	max-height: 100%;
}

#resimyanyana-loading, .resimyanyana-close, .resimyanyana-prev span, .resimyanyana-next span {
	background-image: url('resimler/resimyanyana_sprite.png');
}

#resimyanyana-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#resimyanyana-loading div {
	width: 44px;
	height: 44px;
	background: url('resimler/resimyanyana_loading.gif') center center no-repeat;
}

.resimyanyana-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.resimyanyana-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('resimler/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.resimyanyana-prev {
	left: 0;
}

.resimyanyana-next {
	right: 0;
}

.resimyanyana-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.resimyanyana-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.resimyanyana-next span {
	right: 10px;
	background-position: 0 -72px;
}

.resimyanyana-nav:hover span {
	visibility: visible;
}

.resimyanyana-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.resimyanyana-lock {
    overflow: hidden !important;
    width: auto;
}

.resimyanyana-lock body {
    overflow: hidden !important;
}

.resimyanyana-lock-test {
    overflow-y: hidden !important;
}

.resimyanyana-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('resimler/resimyanyana_overlay.png');
}

.resimyanyana-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.resimyanyana-lock .resimyanyana-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.resimyanyana-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.resimyanyana-opened .resimyanyana-title {
	visibility: visible;
}

.resimyanyana-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.resimyanyana-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.resimyanyana-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.resimyanyana-title-inside-wrap {
	padding-top: 10px;
}

.resimyanyana-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



/* URUNLER DUZ */

div#urunlerduz {
	margin:auto; 
}

div#urunlerduz .urun {
	width:100%;
	margin-bottom:8px;
	border-bottom:1px dotted #999999;

}

div#urunlerduz .urun .urunresim {
	float:left;
	margin:5px;
}

div#urunlerduz .urun .urunbilgiler {
	float:left;
	margin:5px;
}

div#urunlerduz .urun h2.urunadi {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:10px;
	color:#000;
}

div#urunlerduz .urun .urunaciklama {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	padding:5px;
	font-size:12px;
	color:#000;
}

div#urunlerduz .urun h3.urunfiyati {
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:13px;
	text-align:right;
	color:#000;
	margin:3px;
}

div#urunlerduz .urun .incele {
	text-align:right;
	margin-bottom:3px;
}

/* URUNLER KARE */

div#urunlerkare {
	width:100%;
	margin:auto;
  background: white;
}

div#urunlerkare .urun {     
  background: white url(resimler/);
	width:270px;
	height:370px;
	float:left;
	margin:auto; 
  border-right:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
}

div#urunlerkare .urun .urunresim {
	 
  background:#f2f2f2;
  width:270px;
	height:270px;
text-align:center;
}

div#urunlerkare .urun .urunresim img {
    background:#f2f2f2;
  	margin:auto; 
    max-width: 100%;
    max-height: 100%;
 
}


div#urunlerkare .urun h2.urunadi {
	font-family:Open Sans,Arima Madurai,Minion Pro,Arial,Tahoma, Geneva;
	font-size:11.5px;
	height:46px;
	margin:10px 0 0 5px;
	color:#000;
  width:125px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:normal;
  float:left;
}

div#urunlerkare .urun a {
	text-decoration:none;
}


div#urunlerkare .urun h3.urunfiyati {
    font:bold 9px Open Sans,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
  color: #dd0000;
  padding:auto;
  float:right;
  font-weight:600px;
  margin:10px 2px 0 0;
}

div#urunlerkare .urun .incele {
	font-size:13px;
  float:left;
	margin:4px 0 0 4px;
  color:#fff;
  font-weight:bold;
}
 /* URUNLER kareler */

div#urunlerkareler {
	width:100%;
	margin:auto;
  background: white;
}

div#urunlerkareler .urun {     
  background: white url(resimler/);
	width:155px;
	height:285px;
	float:left;
	margin:auto; 
  border-right:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
}

div#urunlerkareler .urun .urunresim {
	 
  background:#f2f2f2;
  width:135px;
	height:135px;

text-align:center;
}

div#urunlerkareler .urun .urunresim img {
    background:#f2f2f2;
  	margin:auto; 
max-width: 100%;
    max-height: 100%;
 
}


div#urunlerkareler .urun h2.urunadi {
	font-family:Open Sans,Arima Madurai,Minion Pro,Arial,Tahoma, Geneva;
	font-size:11.5px;
	height:46px;
	margin:10px 0 0 5px;
	color:#000;
  width:125px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:normal;
  float:left;
}

div#urunlerkareler .urun a {
	text-decoration:none;
}


div#urunlerkareler .urun h3.urunfiyati {
    font:bold 9px Open Sans,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
  color: #dd0000;
  padding:auto;
  float:right;
  font-weight:600px;
  margin:10px 2px 0 0;
}

div#urunlerkareler .urun .incele {
	font-size:13px;
  float:left;
	margin:4px 0 0 4px;
  color:#fff;
  font-weight:bold;
}

/* URUNLER KOMPAK */

div#urunlercompact .urun {
	float:left;
	width:40%;
	margin:0 10px 10px 10px;
}

div#urunlercompact .urun .urunresim {
	float:left;
	margin:5px;
}

div#urunlercompact .urun .urunbilgiler {
	float:left;
	margin:5px;
}


div#urunlercompact .urun h2.urunadi {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:16px;
	color:#000;
}

div#urunlercompact .urun .urunaciklama {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	padding:5px;
	font-size:16px;
	color:#000;
}

div#urunlercompact .urun h3.urunfiyati {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:16px;
	text-align:right;
	color:#ff3f3f;
	margin:3px;
}

div#urunlercompact .urun .incele {
	text-align:right;
	margin-bottom:3px;
}

/* URUN DETAY-1 */
div#urundetay1 {
    width:100%;
    border-radius:5px;
}
div#urundetay1 .urunresim {
    float: left;
    width:290px;
    height:290px;
}
div#urundetay1 .urunresim img#birinciresim {
    width: 290px;
    height: auto;

}
div#urundetay1 .urunresim .urundigerresimler img {

    margin-top: 3px;
    padding: 2px;
}
div#urundetay1 .urunbilgileri {
    margin:35px 0 0 10px;
    float: left;
    width:505px;
}
div#urundetay1 .urunbilgileri .urunustbilgi {
    font-size: 17px;
    font-weight:bold;
    padding: 5px 0 5px 0;
    color:#434343;
}
div#urundetay1 .urunbilgileri .urunustbilgi span {
    color: #434343;
    font-size: 17px;
    font-weight:bold;
}
div#urundetay1 .urunfiyatlari {
  padding: 5px 0 5px 0;
}
div#urundetay1 .urunfiyatlari h2.kdvharic {
    width:auto;
    font-size: 36px;
    font-weight:normal;
    color: #ff6c00;
    font-family: Open Sans,Arima Madurai,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
}
div#urundetay1 .urunfiyatlari h2.kdvdahil {
    font-family: Open Sans,Arima Madurai,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
    font-size: 36px;
    font-weight:normal;
}
div#urundetay1 .urunbilgileri .urunaciklama {
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;    
    overflow: auto;
    padding: 5px 0 5px 0;
    margin-bottom:10px;       
}
h2.gramaji{
 color:green;
 width:auto;
  float:right;
  margin-top:10px;
}
.urundetaysepeteeklebuton{
  width:358px;
  height:36px;
  background:#ff6c00;
  border:solid #ff6c00;
  border-radius:3px;
  color:#fff;
  font-weight:bold;  
  font-size:20px;
  margin:20px 0 0 45px;     
}
.tukendi{
  position:absolute;
  text-align:center;
  width:290px;
  height:290px;
  background:url(resimler/tukendi2.png)no-repeat;
}
 .tukendi2{
  position:absolute;
  text-align:center;
  width:140px;
  height:140px;
  background:url(resimler/tukendi2.png)no-repeat;
}
/* URUN DETAY-2 */

div#urundetay2 .urunresim {
	position:relative;
	margin-right:13%;
	float:right;
}

div#urundetay2 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay2 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay2 .urunbilgileri {
	float:left;
	padding:5px;
}

div#urundetay2 .urunbilgileri .urunustbilgi {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:16px;
	
}

div#urundetay2 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:16px;
	
}

div#urundetay2 .urunfiyatlari {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay2 .urunfiyatlari h2.kdvharic {
	font-size:16px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay2 .urunfiyatlari h2.kdvdahil {
	font-size:14px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay2 .urunbilgileri .urunaciklama {
	overflow:auto;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

/* URUN DETAY-3 */

div#urundetay3 {
	margin:auto;
	width:105%;
}

div#urundetay3 .urunresim {
	float:left;
	width:30%;
}

div#urundetay3 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay3 .urunresim .urundigerresimler .resimkategoribaslik {
	font-size:14px;
	color:#C00;
	font-family:Minion Pro,Gabriola,Tahoma, Geneva;
}

div#urundetay3 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay3 .urunbilgileri {
	float:right;
	padding:4px;
	width:65%;
}

div#urundetay3 .urunbilgileri .urunustbilgi {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:13px;
	
}

div#urundetay3 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:13px;
	
}

div#urundetay3 .urunfiyatlari {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay3 .urunfiyatlari h2.kdvharic {
	font-size:14px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .urunfiyatlari h2.kdvdahil {
	font-size:14px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .urunbilgileri .urunaciklama {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay3 .ozelalan1 {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay3 .ozelalan1 h2.ozelbaslik1 {
	font-size:44px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .ozelalan2 h2.ozelbaslik2 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* URUN DETAY-4 */

div#urundetay4 {
	margin:auto;
	width:105%;
}

div#urundetay4 .urunresim {
	float:right;
	width:20%;
	margin-right:5px;
}

div#urundetay4 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay4 .urunresim .urundigerresimler .resimkategoribaslik {
	font-size:16px;
	color:#C00;
	font-family:Minion Pro,Gabriola,Tahoma, Geneva;
}

div#urundetay4 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay4 .urunbilgileri {
	float:left;
	padding:4px;
	width:70%;
}

div#urundetay4 .urunbilgileri .urunustbilgi {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:13px;
	
}

div#urundetay4 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:13px;
	
}

div#urundetay4 .urunfiyatlari {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay4 .urunfiyatlari h2.kdvharic {
	font-size:16px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .urunfiyatlari h2.kdvdahil {
	font-size:16px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .urunbilgileri .urunaciklama {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay4 .ozelalan1 {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay4 .ozelalan1 h2.ozelbaslik1 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .ozelalan2 h2.ozelbaslik2 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* URUN KATEGORILERI */
ul#urunkategorileri li {
   height:20px;
   background:url(resimler/kategoriok.png) no-repeat left;
   padding:10px 0 5px 0;
    border-bottom:solid 1px #ccc;   text-align:left;
}

ul#urunkategorileri li a {
	font-size:15px;
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	text-decoration:none;
  
}

ul#urunkategorileri li a:hover {
	color:#900;
	text-decoration:underline;
}

/*URUN MARKALARI*/
ul#urunmarkalari li {
   height:25px;
   background:url(resimler/kategoriok.png) no-repeat left;
   padding:5px 0 0 14px;
   border-bottom:solid 1px #ccc;
}

ul#urunmarkalari li a {
	font-size:17px;
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	text-decoration:none;
}

ul#urunmarkalari li a:hover {
	color:#900;
	text-decoration:underline;
}
}
 
 
 @media screen and (max-width : 767px) {
 
  input.sepeteeklebuton{
  width:96px;
  height:25px;
  margin:0 5px 0 0;
  float:right;
  background:#ff6c00;
  border-radius:5px;
  border:solid #ff6c00;
  color:#fff;
  font-weight:bold;
}

/* YANYANA OZET SAYFALAR */


#ozetyanyana {
	width:100%;
	margin:auto;
	padding:4px;
}

#ozetler {
	float:left;
	width:50%;
	padding:5px 0 5px 0;
}

#ozetyanyana #ozetresim {
	float:left;
}

#ozetyanyana #ozetresim img {
	width:80px;
	height:80px;
}

#ozetyanyana #ozetaciklama {
	float:left;
	width:68%;
	padding:2px;
}

/* SAYFA YANYANA RESİMLER */ 


.resimyanyana-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.resimyanyana-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.resimyanyana-opened {
	z-index: 8030;
}

.resimyanyana-opened .resimyanyana-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.resimyanyana-outer, .resimyanyana-inner {
	position: relative;
}

.resimyanyana-inner {
	overflow: hidden;
}

.resimyanyana-type-iframe .resimyanyana-inner {
	-webkit-overflow-scrolling: touch;
}

.resimyanyana-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.resimyanyana-image, .resimyanyana-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.resimyanyana-image {
	max-width: 100%;
	max-height: 100%;
}

#resimyanyana-loading, .resimyanyana-close, .resimyanyana-prev span, .resimyanyana-next span {
	background-image: url('resimler/resimyanyana_sprite.png');
}

#resimyanyana-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#resimyanyana-loading div {
	width: 44px;
	height: 44px;
	background: url('resimler/resimyanyana_loading.gif') center center no-repeat;
}

.resimyanyana-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.resimyanyana-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('resimler/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.resimyanyana-prev {
	left: 0;
}

.resimyanyana-next {
	right: 0;
}

.resimyanyana-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.resimyanyana-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.resimyanyana-next span {
	right: 10px;
	background-position: 0 -72px;
}

.resimyanyana-nav:hover span {
	visibility: visible;
}

.resimyanyana-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.resimyanyana-lock {
    overflow: hidden !important;
    width: auto;
}

.resimyanyana-lock body {
    overflow: hidden !important;
}

.resimyanyana-lock-test {
    overflow-y: hidden !important;
}

.resimyanyana-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('resimler/resimyanyana_overlay.png');
}

.resimyanyana-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.resimyanyana-lock .resimyanyana-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.resimyanyana-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.resimyanyana-opened .resimyanyana-title {
	visibility: visible;
}

.resimyanyana-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.resimyanyana-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.resimyanyana-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.resimyanyana-title-inside-wrap {
	padding-top: 10px;
}

.resimyanyana-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}



/* URUNLER DUZ */

div#urunlerduz {
	margin:auto; 
}

div#urunlerduz .urun {
	width:100%;
	margin-bottom:8px;
	border-bottom:1px dotted #999999;

}

div#urunlerduz .urun .urunresim {
	float:left;
	margin:5px;
}

div#urunlerduz .urun .urunbilgiler {
	float:left;
	margin:5px;
}

div#urunlerduz .urun h2.urunadi {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:16px;
	color:#000;
}

div#urunlerduz .urun .urunaciklama {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	padding:5px;
	font-size:12px;
	color:#000;
}

div#urunlerduz .urun h3.urunfiyati {
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:13px;
	text-align:right;
	color:#000;
	margin:3px;
}

div#urunlerduz .urun .incele {
	text-align:right;
	margin-bottom:3px;
}

/* URUNLER KARE */

div#urunlerkare {
	width:100%;
	margin:auto;
                                                      
}

div#urunlerkare .urun {     
	width:270px;
	height:436px;float:left;
position: relative; left:10%;right:10%;
  border-right:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
   border-left:1px solid #e2e2e2;
}

div#urunlerkare .urun .urunresim {
	margin:50px 0 20px 0;
  background:#f2f2f2;
  width:270px;
	height:270px; 
text-align:center;
}

div#urunlerkare .urun .urunresim img {
    background:#f2f2f2;
    max-width: 100%;
    max-height: 100%;
 
}


div#urunlerkare .urun h2.urunadi {
	font-family:Courgette,Open Sans,Arima Madurai,Minion Pro,Arial,Tahoma, Geneva;
	font-size:11.5px;
	height:46px;
	margin:10px 0 0 5px;
	color:#000;
  width:125px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:normal;
  float:left;
}

div#urunlerkare .urun a {
	text-decoration:none;
}


div#urunlerkare .urun h3.urunfiyati {
    font:bold 9px Courgette,Open Sans,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
  color: #dd0000;
  padding:auto;
  float:right;
  font-weight:600px;
  margin:10px 2px 0 0;
}

div#urunlerkare .urun .incele {
	font-size:13px;
  float:left;
	margin:4px 0 0 4px;
  color:#fff;
  font-weight:bold;
}

/* URUNLER kareler */

div#urunlerkareler {
	width:100%;
	margin:auto;
                                                      
}

div#urunlerkareler .urun {     
	width:155px;
	height:285px;
  float:left;
position: relative; left:10%;right:10%;
  border-right:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
   border-left:1px solid #e2e2e2;
}

div#urunlerkareler .urun .urunresim {
  background:#f2f2f2;
  width:135px;
	height:135px;

text-align:center;
}

div#urunlerkareler .urun .urunresim img {
    background:#f2f2f2;
    max-width: 100%;
    max-height: 100%;
 
}


div#urunlerkareler .urun h2.urunadi {
	font-family:Courgette,Open Sans,Arima Madurai,Minion Pro,Arial,Tahoma, Geneva;
	font-size:11.5px;
	height:46px;
	margin:10px 0 0 5px;
	color:#000;
  width:125px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:normal;
  float:left;
}

div#urunlerkareler .urun a {
	text-decoration:none;
}


div#urunlerkareler .urun h3.urunfiyati {
    font:bold 9px Courgette,Open Sans,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
  color: #dd0000;
  padding:auto;
  float:right;
  font-weight:600px;
  margin:10px 2px 0 0;
}

div#urunlerkareler .urun .incele {
	font-size:13px;
  float:left;
	margin:4px 0 0 4px;
  color:#fff;
  font-weight:bold;
}

/* URUNLER KOMPAK */

div#urunlercompact .urun {
	float:left;
	width:40%;
	margin:0 10px 10px 10px;
}

div#urunlercompact .urun .urunresim {
	float:left;
	margin:5px;
}

div#urunlercompact .urun .urunbilgiler {
	float:left;
	margin:5px;
}


div#urunlercompact .urun h2.urunadi {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:16px;
	color:#000;
}

div#urunlercompact .urun .urunaciklama {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	padding:5px;
	font-size:16px;
	color:#000;
}

div#urunlercompact .urun h3.urunfiyati {
	font-family:Minion Pro,Arial,Tahoma, Geneva;
	font-size:16px;
	text-align:right;
	color:#ff3f3f;
	margin:3px;
}

div#urunlercompact .urun .incele {
	text-align:right;
	margin-bottom:3px;
}

/* URUN DETAY-1 */
div#urundetay1 {
    width:100%;
    border-radius:5px;
}
div#urundetay1 .urunresim {
    float: left;
    width:320px;
    height:320px;
}
div#urundetay1 .urunresim img#birinciresim {
    width: 320px;
    height: auto;

}
div#urundetay1 .urunresim .urundigerresimler img {

    margin-top: 3px;
    padding: 2px;
}
div#urundetay1 .urunbilgileri {
    margin:35px 0 0 0;
    float: left;
    width:100%x;
}
div#urundetay1 .urunbilgileri .urunustbilgi {
    font-size: 17px;
    font-weight:bold;
    padding: 5px 0 5px 0;
    color:#434343;
}
div#urundetay1 .urunbilgileri .urunustbilgi span {
    color: #434343;
    font-size: 17px;
    font-weight:bold;
}
div#urundetay1 .urunfiyatlari {
  padding: 5px 0 5px 0;
}
div#urundetay1 .urunfiyatlari h2.kdvharic {
    width:auto;
    font-size: 50px;
    font-weight:normal;
    color: #ff6c00;
    font-family: Courgette,Open Sans,Arima Madurai,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
}
div#urundetay1 .urunfiyatlari h2.kdvdahil {
    font-family: Courgette,Open Sans,Arima Madurai,Minion Pro,Arial,"Trebuchet MS",Helvetica,sans-serif;
    font-size: 36px;
    font-weight:normal;
}
div#urundetay1 .urunbilgileri .urunaciklama {
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;    
    overflow: auto;
    padding: 5px 0 5px 0;
    margin-bottom:10px;       
}
h2.gramaji{
 color:green;
 width:auto;
  float:right;
  margin-top:10px;
}
.urundetaysepeteeklebuton{
  width:100%;
  height:36px;
  background:#ff6c00;
  border:solid #ff6c00;
  border-radius:3px;
  color:#fff;
  font-weight:bold;  
  font-size:20px;
  margin:20px 0 20px 0;      
}
.tukendi{
  position:absolute;
  text-align:center;
  background:grey;
  width:205px;
 padding:102px 0 83px 0;
 opacity:0.7;
}

/* URUN DETAY-2 */

div#urundetay2 .urunresim {
	position:relative;
	margin-right:13%;
	float:right;
}

div#urundetay2 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay2 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay2 .urunbilgileri {
	float:left;
	padding:5px;
}

div#urundetay2 .urunbilgileri .urunustbilgi {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:16px;
	
}

div#urundetay2 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:16px;
	
}

div#urundetay2 .urunfiyatlari {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay2 .urunfiyatlari h2.kdvharic {
	font-size:16px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay2 .urunfiyatlari h2.kdvdahil {
	font-size:14px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay2 .urunbilgileri .urunaciklama {
	overflow:auto;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

/* URUN DETAY-3 */

div#urundetay3 {
	margin:auto;
	width:105%;
}

div#urundetay3 .urunresim {
	float:left;
	width:20%;
}

div#urundetay3 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay3 .urunresim .urundigerresimler .resimkategoribaslik {
	font-size:14px;
	color:#C00;
	font-family:Minion Pro,Gabriola,Tahoma, Geneva;
}

div#urundetay3 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay3 .urunbilgileri {
	float:right;
	padding:4px;
	width:70%;
}

div#urundetay3 .urunbilgileri .urunustbilgi {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:13px;
	
}

div#urundetay3 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:13px;
	
}

div#urundetay3 .urunfiyatlari {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay3 .urunfiyatlari h2.kdvharic {
	font-size:14px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .urunfiyatlari h2.kdvdahil {
	font-size:14px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .urunbilgileri .urunaciklama {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay3 .ozelalan1 {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay3 .ozelalan1 h2.ozelbaslik1 {
	font-size:44px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay3 .ozelalan2 h2.ozelbaslik2 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* URUN DETAY-4 */

div#urundetay4 {
	margin:auto;
	width:105%;
}

div#urundetay4 .urunresim {
	float:right;
	width:20%;
	margin-right:5px;
}

div#urundetay4 .urunresim img#birinciresim {
	border:1px solid #999;
	padding:5px;
}

div#urundetay4 .urunresim .urundigerresimler .resimkategoribaslik {
	font-size:16px;
	color:#C00;
	font-family:Minion Pro,Gabriola,Tahoma, Geneva;
}

div#urundetay4 .urunresim .urundigerresimler img {
	margin-top:3px;
	border:1px solid #999;
	padding:2px;
}

div#urundetay4 .urunbilgileri {
	float:left;
	padding:4px;
	width:70%;
}

div#urundetay4 .urunbilgileri .urunustbilgi {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
	font-size:13px;
	
}

div#urundetay4 .urunbilgileri .urunustbilgi span {
	color:#333;
	font-size:13px;
	
}

div#urundetay4 .urunfiyatlari {
	width:100%;
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}


div#urundetay4 .urunfiyatlari h2.kdvharic {
	font-size:16px;
	color:#666;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .urunfiyatlari h2.kdvdahil {
	font-size:16px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .urunbilgileri .urunaciklama {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay4 .ozelalan1 {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin-bottom:3px;
}

div#urundetay4 .ozelalan1 h2.ozelbaslik1 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#urundetay4 .ozelalan2 h2.ozelbaslik2 {
	font-size:15px;
	font-family:Minion Pro,Gabriola,"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* URUN KATEGORILERI */
ul#urunkategorileri li {
   height:25px;
   background:url(resimler/kategoriok.png) no-repeat left;
   padding:5px 0 0 14px;
      border-bottom:solid 1px #ccc;
}

ul#urunkategorileri li a {
	font-size:17px;
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	text-decoration:none;
}

ul#urunkategorileri li a:hover {
	color:#900;
	text-decoration:underline;
}

/*URUN MARKALARI*/
ul#urunmarkalari li {
   height:25px;
   background:url(resimler/kategoriok.png) no-repeat left;
   padding:5px 0 0 14px;
   border-bottom:solid 1px #ccc;
}

ul#urunmarkalari li a {
	font-size:17px;
  font-family:Minion Pro,Arial,Tahoma, Geneva;
	text-decoration:none;
}

ul#urunmarkalari li a:hover {
	color:#900;
	text-decoration:underline;
}
.tukendi{
  position:absolute;
  text-align:center;
  width:140px;
  height:140px;
  background:url(resimler/tukendi2.png)no-repeat;
}
}