/* 
Theme Name: Alışveriş
Theme URI: http://www.dessedesign.com
Author: İsa Sevgili 
Author URI: http://www.namazzamani.net
Description: 
Tags: Kuyumcu, Malzeme 
*/ 
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
::selection {
	background: #FE57A1;
	color: #fff;
	text-shadow: none
}
li {list-style: none;
	text-decoration: none}
li a {
	list-style: none;
	text-decoration: none
}
a {
	text-decoration: none
}
p {
	
	line-height: 19px;
}
h1 {
	color: #666;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: normal;
	margin-left: 2%;
	margin-right: 2%;
}
h2 {font-size: 14px;}
#container {
	max-width: 990px;
	border: 0px solid #C00;
	margin: 0 10px 0 10px;
	margin: 0px auto;
	background-color: #fff;
}
body {
	background-image: url(body-bg.png);
	background-repeat: repeat;
	background-color: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 12px;
}
header {
	width: 980px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background:url(banner.png) no-repeat center;
}
#ust {
	width: 980px;
	height: 115px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#logo {
	width: 285px;
	float: left;
	}
#biziara {
	float:right;
	width:265px;
	height:33px;
	background:url(bizi-ara.png) no-repeat;
	padding:100px 0px 0 0px;
	
}
#biziara li a {margin:0 3px 10px 0px; float:left;}

#lang {margin:0 0 0 150px;}
nav {
	height: auto;
	width: 100%;
	position:relative
}
.menu {
	overflow: hidden;
	background-color: #111;
	background:url(nav.png);
	border-radius: 4px;
	font-family: 'Ubuntu', sans-serif;
}
.menu ul li {
	position: relative;
	float: left;
	z-index: 20;
	margin:-12px 0 3px 0;
}
.menu ul li a {
	display: block;
	display: inline-block;
	padding: 10px 30px 8px 30px;
	margin: 0px -3px 0px -3px;
	color: #fff;
	font-size: 14px;
	background: url(menu-split.png) right no-repeat;
	position: relative;
	text-decoration: none;
	text-shadow: 0px -1px 0px #000;
	z-index: 6;
}
.menu ul li a:hover {
	color: #cacaca
}
.menuAc {
	background-color: #666;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	display: none;
}
#govde {
	width: 978px;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	margin-bottom: 1px;
	padding-bottom: 0;
	margin-bottom: 2px;
	text-align: left;
	color: #666;
	padding-top: 20px;
}
#govde a:hover {
	text-decoration: underline;

}
.kategori {
	color: #ccc;
	margin-top: 12px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 25px;
	font-size: 13px;
	font-family: Sans-serif!important;
}
.kategori a {
	color: #888;
	font-size: 13px !important;
}
.aciklama {
	margin-bottom: 22px;

}
#urunsayisi {
	overflow: auto;
	background: #eee url(urun.png) repeat;
	padding: 0 10px 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}
.urun {
	width: 150px;
	float: left;
	line-height: 36px;
	background: url(uruns.png) left center no-repeat;
	padding-left: 25px;
	padding-top: 2px;
}
span#urun-fiyat {
	font-size: 24px;
	color: #CE347E;
	font-family: 'Ubuntu', sans-serif !important;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 50px;
}
span#eski-fiyat {
	color: #bbb;
	text-decoration: line-through;
	font-size: 16px;
	font-weight: normal;
}
.sayfa {
	float: right;
	color: #666;
	line-height: 36px;
	font-size: 12px;
}
.sayfa a {
	font-size: 12px;
}
.sayfa a:hover {
}
#ana-box {
	width: 950px;
	margin:15px;

}
#box {
	width: 710px;
	padding-bottom: 15px;
	float: right;
	margin-right: 15px;
	height: auto;
}

#box > .left {
	float: left;
	margin-right: 10px;
}
#box > .left + .right {
	margin-left: 325px;
	margin-top: -15px;
}

#urun-aciklama {
	padding-top: 5px;
	line-height: 19px;


}
#zoom-image {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	border-radius: 2px;
	width: 300px;
	height: 310px;
	margin-bottom: 10px;
}
.zoom {
	margin-top: 5px;
	text-align:center;
	}
.zoom a {
	font-size: 10px;
	color: #888;
	text-align: center;
	text-transform: uppercase;
	background: white url('zoom.png') 5px 2px no-repeat;
	padding-top: 1px;
	padding-right: 5px;
	padding-left: 16px;
	padding-bottom: 1px;
}
.image-additional {
	width: 330px;
	margin-left: 0;
	clear: both;
	overflow: hidden;
	float: left;
}
.image-additional img {
	padding: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
.image-additional a {
	float: left;
	display: block;
	margin-right: 9px;
	margin-bottom: 9px;
}
span#uretici a {color:#CE347E;}
span#uretici a:hover {text-decoration:underline}

#diger-sayfa {
	width: 710px;
	padding-bottom: 15px;
	float: right;
	margin-top: 22px;
	margin-right: 15px;
	text-align:center;
}
#box-cerceve {
	width: 222px;
	height: 218px;
	text-align: center;
	background: url(box-bottom-shadow.png) bottom no-repeat;
	color: #E24D8F;
	line-height: 24px;
	float: left;
	margin: 0 7px 15px 7px;
}
#box-cerceve a {
	color: #666;
	font-size: 13px;
}
#box-cerceve a:hover {
}
#box-image {
	position: relative;
	overflow: hidden;
	background: url(../image/noimage.gif) center no-repeat;
	width: 216px;
	height: 140px;
	padding: 2px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
}
#benzerler { margin-right:20px; float:right;}
#flue-green {
	float:right;
	margin:25px 10px 25px 0;
}
#flue-red {
	float:left;
	margin:25px 0 25px 8px;
}
aside {
	width: 231px;
	height: auto;
	border-right: 1px dotted #ccc;
}
aside ul {
}
.box-content {
	text-align: left !important;
}
/* box category */
section {
	background: none;
	margin-bottom: 30px;
}

.box-category {
	margin: -10px 0 15px 0;
}
.box-category ul {
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
}
.box-category > ul > li {
	padding: 6px 5px 6px 0px;
}
.box-category > ul > li + li {
	border-top: 0px dashed #e2e2e2;
}
.box-category > ul > li > a {
	background: url(../image/arrow-right.png) left 3px no-repeat;
	font-size: 13px;
	text-decoration: none;
	color: #666;
	padding-left: 10px;
}
.box-category > ul > li > a:hover {
	font-size: 13px;
	color: #CE347E;
	text-decoration: underline;
	background: url(../image/arrow-right.png) left 3px no-repeat;
}
.box-category > ul > li ul {
	display: none;
}
.box-category > ul > li a.active {
	font-weight: normal;
	color: #CE347E;
}
.box-category > ul > li a.active + ul {
	display: block;
}
.box-category > ul > li ul > li {
	padding: 10px 5px 0px 15px;
}
.box-category > ul > li ul > li > a {
	text-decoration: none;
	font-size: 13px;
	color: #666;
	display: block;
}
.box-category > ul > li ul > li > a:hover {
	text-decoration: underline;
	color: #CE347E;
}
.box-category > ul > li ul > li > a.active {
	font-weight: normal;
}
/* END BOX */
.category {
	background-image: url(category.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	background-color: #E24D8F;
}
.kampanya {
	background-image: url(star.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: #AAD55E;
}
.encoksatan {
	background-image: url(sun.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-color: #F7B42C;
}
.benzer{
	background-image: url(benzer.png);
	background-position:  7px center;
	background-repeat: no-repeat;
	background-color: #72C2F0;
	
}
.category, .kampanya, .encoksatan, .benzer {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 16px;
	text-align: left;
	color: #fff;
	padding: 5px 8px 5px 26px;
	box-shadow: 2px 2px 0px 0 #E4E4E4;
	border-left: 1px dotted #fff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.box-heading {
	margin-bottom: 25px;
}
.solKutu {
	width: 225px;
	height: 65px;
	padding: 1px;
	color: #CE347E;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #DDD;
}
.solKutu a {
	color: #666
}
.solResim {
	float: left;
	width: 75px;
	height: 50px;
	margin-right: 10px;
	border: 1px solid #e1e1e1;
	padding: 2px;
	border-radius: 2px;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}
footer {
	width: 980px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background-color: #383838;
	background-image: url(footer-shadow.png);
	background-repeat: repeat-x;
	margin: 0 auto;
	padding-top: 27px;
	font-family: 'Ubuntu', sans-serif!important;
}
.altkutu1, .altkutu2, .altkutu3, .altkutu4 {
	float: left;
	width: 220px;
	margin: 0 10px 10px 12px;
	font: 12px;
	color: #7E7E7E;
	display: block;
	font-size: 12px;
}
.altkutu1, .altkutu2, .altkutu3 {
	background: url(footer-sol-sutun.png) right no-repeat;
}
.altkutu1 li, .altkutu2 li, .altkutu3 li, .altkutu4 li {
	list-style: none;
	line-height: 20px;
	background: url(ok.png) left 7px no-repeat;
	padding-left: 10px;
}
.altkutu1 li a, .altkutu2 li a, .altkutu3 li a, .altkutu4 li a, #footer-son a {
	color: #7e7e7e;
}
.altkutu1 a:hover, .altkutu2 a:hover, .altkutu3 a:hover, .altkutu4 a:hover {
	color: #7e7e7e;
	text-decoration: underline;
}
.altkutu1 H4, .altkutu2 H4, .altkutu3 H4, .altkutu4 H4 {
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 16px;
	color: #797979;
	font-family: 'Ubuntu', sans-serif!important;
}
#footer-son {
	width: 978px;
	height: 30px;
	font-family: Helvetica;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #2e2e2e;
	color: #7E7E7E;
}
#footer-son a {
	color: #999 !important;
}
#footer-son a:hover {
	color: #999!important;
	text-decoration: underline;
}
.powered {
	float: left;
	width: 150px;
	height: auto;
	margin-top: 0;
	font-size: 11px;
	margin-left: 10px;
}
.copyright {
	float: left;
	width: 150px;
	height: auto;
	margin-top: 0;
	margin-left: 30%;
}
.yukari {
	width: 50px;
	height: auto;
	float: right;
	top: 1px;
	margin-right: 10px;
}
.clear {
	clear: both;
}

@media screen and (max-width: 980px) {
#govde, #ana-box, footer, header, #ust {
	width: 100%
}
#footer-son {
	width: 99%
}
aside {
	display: none
}
#box {
	width: auto;
	margin: 0 auto;
	float: none
}
#ortala {
	width: 740px;
	margin: 0 auto;
}
 
}

@media screen and (max-width: 740px) {
#ortala {
	width: 502px
}
#box {
		overflow: hidden;
		text-align: center;
		}
#box > .left + .right {
		margin-top: 15px;
		margin-left: 0px;
}
.image-additional {
		float: none;
		margin-right: 0px;
		width: auto;
}
#box .image-additional a {
		float: none;
		display: inline-block;
		margin: 5px;
}
@media (max-width: 980px) {
	.menuAc { display: block }
	.menu ul { display: none }
	.menu ul li { float: none }
	.menu ul li a { border-right: none; line-height:30px; background:none}
}
@media (min-width: 980px){
	.menu ul { display: block!important }
}

@media screen and (max-width: 980px) {
header { position:relative}	
}
@media screen and (max-width: 580px) {
#ust {height:210px;}
#biziara, #logo {margin:0 auto; float:none}
.right {
	width:100%;
	float:none;
}
}
@media screen and (max-width: 502px) {
#ortala {
	width: 260px
}
}