/*
@import url("resim_dikey.css");
@import url("resim_yatay.css");
@import url("resim_kare.css");
*/
/* Genel Ayarlar */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #fff;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  text-decoration: none;
}

table {
  border: 0;
  margin: auto;
}

.strike {
  text-decoration: line-through;
}

.sale {
  color: #c00;
}

.clear {
  clear: both;
}

.bilgiSayfa {
  cursor: pointer;
}

/* Header Ayarları */
#topBannerContainer {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

#topBannerContainer img {
  max-width: 100%;
  height: auto;
}

#headerContainer {
  margin: 0 auto;
  width: 100%;
  max-width: 1750px;
  background: #fff;
}

#headerLeft {
  float: left;
  width: 55%;
  max-width: 200px;
  padding-left: 1%;
  padding-right: 1%;
  overflow: hidden;
}

#headerLeft img {
  width: 100%;
  height: auto;
  border: 0;
}

#headerCenter {
  float: left;
  width: 45%;
}

#headerCallCenter {
  float: right;
  margin: 10px auto;
  width: 400px;
  height: 35px;
  text-align: center;
}

.headerCallCenterMobil {
  display: none;
}

#callCenterImage {
  width: 75px;
  height: 30px;
  background: url(../img/sprite.png) -700px -19px no-repeat;
}

#headerNavMenu {
  display: none;
}

#headerSearch {
  float: right;
  padding: 5px 0px;
  width: 450px;
  height: 30px;
  text-align: center;
}

#urunQuery {
  float: left;
  margin: 0px 0px 0px 5px;
  height: 26px;
  width: 85%;
  border: 2px solid #ccc;
  background: #fff;
}

#headerRight {
  float: right;
  margin-top: 20px;
  width: 32%;
  height: 80px;
  text-align: right;
}

.uyeGiris {
  cursor: pointer;
}

#headerCart {
  padding: 0px 10px;
  height: 50px;
  text-align: right;
  cursor: pointer;
  display: inline;
}


#headerCart:hover {
  color: #f09;
}

#headerCartNumber {
  float: right;
  margin: 5px 10px 0px 0px;
  display: inline;
}

#headerCartNumberMobil {
 
}

#headerCartPrice {
  float: right;
  margin: 5px 10px 0px 0px;
  padding-left: 10px;
  width: 109px;
  border-left: 1px solid #ccc;
}

#headerCartPreview {
  display: none;
  clear: right;
  position: relative;
  top: 10px;
  left: -80px;
  padding: 13px;
  width: 323px;
  font-size: 12px;
  color: #333;
  border: 1px solid #ccc;
  background: #eee;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  z-index: 1;
}

#headerCartPreview .cartPreviewPic {
  float: left;
  width: 55px;
  height: 70px;
}

#headerCartPreview .cartPreviewPrd {
  float: left;
  width: 83px;
  height: 60px;
}

#headerCartPreview .cartPreviewQty {
  float: left;
  width: 34px;
  height: 20px;
  border-left: 1px solid #ccc;
}

#headerCartPreview .cartPreviewUPr {
  float: left;
  width: 74px;
  height: 20px;
  text-align: right;
  border-left: 1px solid #ccc;
}

#headerCartPreview .cartPreviewTPr {
  float: left;
  width: 74px;
  height: 20px;
  text-align: right;
  border-left: 1px solid #ccc;
}

/* Footer Ayarları */
#footerContainer {
  margin: 0px auto;
  width: 100%;
  padding: 0px;
  background: #ccc;
  min-height: 30px;
}

#footerRight {
  float: right;
  width: 210px;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.socialButton {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

#footerCenter {
  clear: both;
  padding: 5px 0px;
  height: auto;
  text-align: center;
  background: #fff;
}

#footerLinkContainer {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

#footerLinkContainer .footerColA {
  float: left;
  width: 190px;
  margin: 10px;
}

#footerLinkContainer .footerColB {
  float: left;
  width: 170px;
  margin: 10px 10px 10px 0px;
}

#footerLinkContainer .footerTitle {
  font-weight: bold;
}

#footerLinkContainer .footerColC {
  float: left;
  width: 230px;
  margin: 10px 10px 10px 0px;
}

#footerLinkContainer ul {
  margin: 0px 0px 10px 5px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
}

#footerLinkContainer ul li {
  margin: 3px 0px 0px 0px;
}

#footerLinkContainer ul li a {
  color: #555;
}

#footerLinkContainer .textQuantity {
  margin: 5px 0px;
  padding: 5px;
  width: 215px;
  font-size: 14px;
  color: #333;
  background: #fff;
  border: 2px solid #999;
}

.footerBottom {
  margin: 0 1% 10px 1%;
  width: 98%;
  background: #eee;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
}

.footerBottom .footerBottomLeft {
  display: inline-block;
  margin: 5px auto;
  width: 20%;
  text-align: center;
}

.footerBottom .footerBottomMid {
  display: inline-block;
  margin: 5px auto;
  width: 55%;
  text-align: center;
}

.footerBottom .footerBottomRight {
  display: inline-block;
  margin: 5px auto;
  width: 20%;
  text-align: center;
}

.footerPanel {
  margin: 0px auto;
  padding: 10px;
  width: 980px;
  text-align: center;
  background: #999;
}

#bodyFooter .footerMerchNetwork {
  width: 100%;
  text-align: center;
  background: #fff;
}

/* Gövde Ayarları */
#contentContainer {
  margin: 0 auto;
  width: 100%;
  max-width: 1750px;
  margin-bottom: 10px;
}

#contentTopLinks {
  float: left;
  margin: 8px 0% 8px 1%;
  padding: 1%;
  width: 75%;
  height: 18px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#contentTopLinks div {
  float: left;
  padding: 0px 10px;
  border-right: 1px solid #ccc;
}

#contentLeft {
  float: left;
  width: 20%;
  margin: 0 1%;
  /*background: #900;*/
}

.contentLeft {
  float: left;
  width: 20%;
  margin: 0 1%;
  /*background: #900;*/
}

#topCategoryHidden {
  float: left;
  position: absolute;
  margin: 0 0 0 0;
  width: 100%;
  display: none;
  z-index: 9999;
}

#contentMid {
  float: left;
  width: 77%;
  /*background: #999;*/
}

.contentMid-Wide-Yeniler {
  float: left;
  width: 77%;
  text-align: center;
}

.contentMid-Wide {
  float: left;
  width: 99%;
  text-align: center;
}

.mhBilgi {
  margin: 0.5% 1% 0.5% 1%;
  padding: 0.5% 1%;
  font-size: 20px;
  font-weight: bold;
  font-family: Swis721 BlkRnd BT, Arial, Helvetica, sans-serif;
  letter-spacing: 2px;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 5px 5px 1px #999;
  -webkit-box-shadow: 3px 5px 5px 1px #999;
  box-shadow: 3px 5px 5px 1px #999;
}

#bannerLeft {
  width: 108%;
  min-height: 360px;
  height: auto;
}

#bannerLeft img {
  width: 100%;
  height: auto;
  border: 1;
}

#storeBanner {
  width: 100%;
  max-width: 785px;
  overflow: hidden;
}

#storeBanner img {
  width: 100%;
  max-width: 785px;
  height: auto;
  border: 0;
}

#sliderContainer {
  margin: 0% auto 1% auto;
  width: 100%;
  height: auto;
  max-width: 785px;
  min-height: 300px;
  overflow: hidden;
}

#sliderContainer ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: none;
  overflow: hidden;
}

#sliderContainer ul li {
  float: left;
  width: 100%;
  max-width: 785px;
  height: auto;
}

#sliderContainer ul li img {
  width: 100%;
  height: auto;
  border: 0;
}

#sliderThumbContainer {
  margin-bottom: 5px;
  width: 100%;
  height: 70px;
  overflow: hidden;
}

#sliderThumbContainer ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: hidden;
}

#sliderThumbContainer ul li {
  float: left;
  margin-left: 3px;
  padding: 4px;
  width: 65px;
  height: 50px;
  cursor: pointer;
  border: 1px solid #ccc;
}

#sliderThumbContainer ul .sliderThumbFirst {
  margin-left: 0px;
}

/* Sekme Ayarları */
.tab-container {
  width: 98%;
  min-width: 315px;
  overflow: hidden;
}

.etabs {
  margin: 0;
  padding: 0;
  width: 100%;
}

.tab {
  display: inline-block;
  *display: inline;
  background: #f5f5f5;
  border: solid 1px #ccc;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

.tab a {
  font-size: 13px;
  line-height: 2em;
  display: block;
  padding: 0 10px;
  outline: none;
}

.tab a:hover {
  text-decoration: none;
}

.tab.active {
  background: #fff;
  position: relative;
  top: 1px;
  border-color: #ccc;
}

.tab-container .panel-container {
  font-size: 13px;
  background: #fff;
  padding: 5px 0px;
  line-height: 18px;
  border-top: 1px solid #ccc;
  text-align: center;
}

.panel-container .productThumbContainer {
  margin: 5px 0px 5px 5px;
}

.productViewAll {
  margin-bottom: 10px;
}

.rateProdHeader {
  height: 24px;
  font-size: 20px;
  color: #666;
  text-align: left;
}

.rateProdPicture {
  float: left;
  width: 19%;
  height: 250px;
  margin-right: 2%;
}

.rateProdPicture img {
  width: 100%;
  height: auto;
  max-height: 250px;
}

.rateProdDetails {
  float: left;
  width: 55%;
}

.rateProdResult {
  float: left;
  width: 19%;
  padding: 0% 0% 0% 4%;
}

.rateItem {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}

.rateItemStars {
  float: left;
  width: 27%;
}

.rateItemText {
  float: left;
  width: 25%;
}

.rateItemText span {
  font-size: 11px;
  color: #666;
}

.rateItemGraph {
  float: left;
  width: 40%;
  background: #ddd;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.rateItemRate {
  float: left;
  padding: 0 2%;
  width: 4%;
  text-align: right;
}

.rateProdResult fieldset {
  margin: 5%;
  padding: 5% 0%;
  width: 170px;
  font-size: 18px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
}

.rateProdResult legend {
  width: 100%;
  color: #666;
  text-align: center;
}

.rateProdResult div {
  margin-bottom: 25px;
  text-align: center;
}

#rateItemAverage {
  font-size: 48px;
}

.productCommentTitle {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

.productCommentTitle div {
  float: left;
  margin-left: 20px;
}

.productCommentArea {
  width: 100%;
  max-width: 500px;
}

.productCommentButton {
  width: 100%;
  max-width: 500px;
}

.productCommentButton a {
  font-size: 18px;
  color: #fff;
}

.yorumButon {
  float: left;
  margin: 20px 0px;
  width: 150px;
  height: 40px;
  overflow: hidden;
}

.productCommentTime {
  text-align: left;
}

.productCommentTime span {
  float: right;
}

.productCommentText {
  margin-bottom: 10px;
  text-align: left;
}

.productCommentOwner {
  margin-bottom: 20px;
  text-align: left;
  border-bottom: 1px dashed #666;
}

/* Ürün Liste Ayarları */
#contentTavsiyeButton {
  float: left;
  margin: 0px 0px 5px 10px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

#contentTavsiyeArrow {
  float: left;
  cursor: pointer;
}

#contentTavsiye {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.filterContainer {
  width: 100%;
  margin-bottom: 10px;
}

.filterContainer .filterTitle {
  width: 100%;
  height: 12px;
  padding: 9px 0px;
  background: #eee;
  border: 1px solid #ccc;
  font-weight: bold;
  font-size: 14px;
  -moz-border-radius: 4px 4px 0px 0px;
  -webkit-border-radius: 4px 4px 0px 0px;
  border-radius: 4px 4px 0px 0px;
}

.filterContainer .filterContent {
  width: 100%;
  max-height: 350px;
  padding: 3px 0px;
  font-size: 11px;
  font-weight: bold;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  overflow: auto;
}

.filterContainer .filterContent ul {
  list-style: none;
  margin: 5px 0px 5px -40px;
}

.filterContainer .filterContent ul ul li {
  margin-left: 2px;
}

.filterContainer .filterContent ul ul li a {
  font-weight: bold;
  color: #444;
}

.filterContainer .filterContent ul ul ul li a {
  font-weight: normal;
  color: #4E0876;
}

#categoryTree {
  margin: 0 auto;
  width: 98%;
}

.sortLinks {
  float: left;
  margin: 5px;
  0px auto 5px auto;
  width: 99%;
  background: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  text-align: left;
}

.sortLinks .catFrame {
  float: left;
  margin: 5px;
  padding: 0px;
}

.sortLinks div {
  float: left;
  padding: 3px 0px 0px 0px;
}

.sortLinks .sortCell {
  margin: 0px 5px 0px 0px;
  padding: 5px;
}

.sortLinks .sortCell:hover {
  background: #eee;
}

.sortLinks span {
  float: left;
  margin: 7px;
}

#productContainer {
  margin: 0 auto;
  width: 96%;
  padding: 1%;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  background: url(../img/productdetail-bg.png) repeat-x;
}

#productDetailLeft {
  float: left;
  width: 32%;
}

#productDetailMiddle {
  float: left;
  margin: 0% 1%;
  width: 48%;
  font-size: 14px;
}

#productDetailRight {
  float: left;
  width: 18%;
}

#productImageBig {
  cursor: pointer;
}

#productImageBig img {
  width: 99%;
  height: auto;
  border: 1px solid #bfbfbf;
  border-radius: 6px;
}

.pImgD img {
  max-width: 250px;
}

.pImgY img {
  max-width: 380px;
}

.pImgK img {
  max-width: 250px;
}

#productImageGallery {
  margin: 5px 0px;
  width: 100%;
  overflow: hidden;
}

#productImageThumb {
  float: left;
}

#productImageThumb ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#productImageThumb ul li {
  float: left;
  margin: 2px;
  width: 56px;
  height: 66px;
  overflow: hidden;
}

#productImageThumb ul li img {
  cursor: pointer;
  padding: 2px;
  border: 1px solid #ccc;
}

#productDetailHeader {
  margin: 0% 2%;
  padding: 0% 2% 0% 2%;
  width: 92%;
  border-bottom: 1px dashed #ccc;
}

#productDetailComment {
  float: left;
  padding: 1% 0%;
  height: 23px;
}

#productDetailComment .urunPuanla {
  cursor: pointer;
}

#productDetailSocial {
  float: right;
  padding: 1% 0%;
  height: 23px;
  text-align: right;
}

#productDetailSocial a {
  margin-left: 5px;
}

.productDetailPrice {
  float: left;
  margin: 10px 0px 0px 10px;
  padding: 0px 10px 4px 10px;
  width: 168px;
  height: 44px;
  border: 3px solid #ccc;
  background: #fff;
  color: #666;
  text-align: center;
}

.productDetailPrice .priceTitle {
  font-size: 13px;
  font-weight: bold;
}

.productDetailPrice .priceValue {
  font-size: 24px;
  font-weight: bold;
}

.productDetailPriceSales {
  float: left;
  margin: 10px 0px 0px 5px;
  width: 200px;
  height: 50px;
  font-size: 12px;
  overflow: hidden;
}

.productDetailPriceUnit {
  float: left;
  margin: 10px 0px 10px 10px;
  padding: 30px 10px 4px 0px;
  width: 200px;
  height: 16px;
}

.productDetailPriceAlt .priceTitle {
  float: left;
  font-size: 13px;
  font-weight: bold;
}

.productDetailPriceAlt .priceValue {
  float: right;
  font-size: 24px;
  font-weight: bold;
}

.productDetailPriceSale .priceTitle {
  font-size: 13px;
  font-weight: bold;
}

.productDetailPriceSale .priceValue {
  font-size: 24px;
  font-weight: bold;
}

.productDetailCargo {
  ;
  margin-left: 10px;
  float: left;
}

.productDetailPriceTax {
  float: left;
  margin: 40px 0px 10px 20px;
  height: 16px;
  font-size: 11px;
}

#productDetailOptions {
  min-height: 75px;
}

.productDetailLine {
  margin: 10px 0px;
  width: 100%;
  height: 28px;
  border-bottom: 1px solid #eee;
}

.productDetailLineTall {
  margin: 10px 0px;


  width: 100%;
  min-height: 32px;
  border-bottom: 1px solid #eee;
}

.productDetailLineLong {
  padding: 10px 0px;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.productDetailLineCart {
  margin: 10px 10px 10px 20px;
  padding: 0px 10px 4px 10px;
  width: 100%;
  min-height: 50px;
  border-bottom: 1px solid #eee;
}

.detailTitle {
  float: left;
  width: 200px;
  font-weight: bold;
}

.detailTitleNarrow {
  float: left;
  margin: 0px 0px 0px 10px;
  width: 100px;
  font-weight: bold;
}

.detailSeperator {
  float: left;
  width: 10px;
}

.detailValue {
  float: left;
}

.detailValueWide {
  float: left;
}

.detailValueWideExtra {
  width: 480px;
}

.detailSpecs {
  float: left;
}

.detailButtons {
  float: right;
  padding: 5px 0px 5px 10px;
}

.sizeChart {
  margin-top: 10px;
  float: right;
  cursor: pointer;
}

.detailValueButtons {
  float: left;
  margin: 0px 3px 0px 0px;
  padding: 5px;
  min-width: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.productDetailLine .detailValue .detailSale {
  margin-left: 20px;
  padding: 5px;
  width: 140px;
  height: 13px;
  border: 2px dotted #f39;
}

.productPromotion {
  clear: both;
  margin: 10px 0px;
  width: 100%;
  border-bottom: 1px solid #eee;
}

.productPromotion img {
  float: left;
  margin: 0px 10px 10px 0px;
}

.productThumbPriceSaleD {
  color: #f09;
  margin-left: 20px;
}

.productBigImageD {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  z-index: 10;
}

.productBigImageD img {
  width: 100%;
  height: auto;
  border: 0;
}

.productBigImageD2 {
  position: relative;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  z-index: 10;
}

.productBigImageD2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.productThumbNameD {
  margin: 0 auto;
  width: 99%;
  height: 16px;
  overflow: hidden;
}

.productThumbNameD a {
  font-size: 14px;
}

.productThumbNoD {
  margin: 0 auto;
  width: 99%;
  height: 16px;
  text-align: center;
  overflow: hidden;
}

.productThumbNoD a {
  font-size: 12px;
}

.productThumbPriceD {
  margin: 0 auto;
  width: 99%;
  text-align: center;
}

.productThumbPriceD a {
  font-size: 18px;
}

.productThumbPriceD .productThumbCurrD {
  font-size: 10px;
}

.productThumbRateD {
  float: left;
  padding: 2px 0px 0px 0px;
  margin: 2px 0px 0px 0px;
  width: 35%;
  text-align: right;
  overflow: hidden;
}

.productSliderD {
  position: absolute;
  margin: 4% 0% 0% 1%;
  width: 42px;
  z-index: 100;
}

.productSliderD .productSliderThumbD {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 100%;
  height: 158px;
  overflow: hidden;
}

.productSliderD .productSliderThumbD ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  list-style: none;
  overflow: hidden;
}

.productSliderD .productSliderThumbD ul li {
  margin: 0px 0px 1px 0px;
  width: 100%;
  height: auto;
  cursor: pointer;
}

.productSliderD .productSliderThumbD ul li img {
  border: 1px solid #666;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 40px;
  height: 48px;
}

.pagination {
  display: inline-block;
  margin: 20px auto;
}

.pagination span {
  float: left;
}

.pagination a div {
  background: #fff;
  color: #333;
}

.pagination a div:hover {
  background: #ccc;
  color: #fff;
}

.prevNextContainer {
  margin: 0px auto 5px auto;
  padding: 5px;
  width: 90%;
  max-width: 140px;
  border: 1px solid #ccc;
  text-align: center;
  overflow: hidden;
}

.prevNextContainer a {
  font-size: 16px;
}

.prevNextContainer img {
  margin: 0 auto;
  padding: 1%;
  width: 92%;
  max-width: 120px;
  height: auto;
  border: 1px solid #bfbfbf;
}

#prevNextTitlePrev {
  float: left;
  margin: 0px 10px 10px 10px;
  padding: 2px 0px 0px 5px;
  width: 110px;
  height: 15px;
  background: url(../img/arrow-prev.png) no-repeat top left;
}

#prevNextTitleNext {
  float: right;
  margin: 0px 10px 5px 10px;
  padding: 2px 15px 0px 0px;
  width: 110px;
  height: 15px;
  text-align: right;
  background: url(../img/arrow-next.png) no-repeat top right;
}

#productProper #properGallery {
  margin: 8px 0%;
  width: 100%;
  overflow: hidden;
}

#properGallery .properGalleryItem {
  padding: 5px 0px;
  width: 100%;
  border-bottom: 1px dashed #ccc;
}

#properGallery .properGalleryItem .properItemImage {
  float: left;
  margin-left: 2px;
  width: 56px;
}

#properGallery .properGalleryItem .properItemImage img {
  padding: 2px;
  border: 1px solid #ccc;
}

#properGallery .properGalleryItem .properItemDesc {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: 570px;
}

#properGallery .properGalleryItem .properItemPrice {
  float: right;
  margin-top: 10px;
  margin-left: 5px;
  width: 95px;
}

.productSimilar .similarGallery {
  margin-top: 8px;
  width: 100%;
  overflow: hidden;
}

.similarGallery .similarGalleryItem {
  float: left;
  padding: 3px;
  margin: 0px 5px 10px 5px;
  width: 120px;
  height: 160px;
  border: 1px solid #ccc;
}

.similarGalleryItem .itemImage {
  min-height: 144px;
  overflow: hidden;
}

.similarGalleryItem .similarItemDesc {
  padding: 0px 0px 4px 0px;
  width: 120px;
  height: 16px;
  font-size: 12px;
  text-align: center;
}

#galCat {
  height: 170px;
  overflow: hidden;
}

/* Sepet Ayarları */
.cartButtonSepetText {
  float: left;
  margin-top: 30px;
}

.cartHeaderLeft {
  float: left;
  margin: 5px 0% 5px 1%;
  width: 75%;
  height: 60px;
}

.cartHeaderRight {
  float: right;
  margin: 5px 1% 5px 0%;
  width: 20%;
  min-width: 185px;
  height: 37px;
}

#cartEmpty {
  padding: 10px;
  width: 960px;
  font-size: 16px;
}

#cartEmpty .buttonFushia {
  margin-top: 30px;
}

#cartContainer {
  margin: 5px 1% 5px 1%;
  width: 98%;
  font-size: 16px;
}

.cartHeaderLine {
  font-weight: bold;
  background: #eee;
  border: 0px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.cartHeaderLine:hover {
  background: #eee;
}

.cartHeaderCol0 {
  float: left;
  padding: 1% 0;
  width: 10%;
}

.cartHeaderCol1 {
  float: left;
  padding: 1% 0;
  width: 38%;
}

.cartHeaderCol2 {
  float: left;
  padding: 1% 0;
  width: 14%;
}

.cartHeaderCol3 {
  float: left;
  padding: 1% 0;
  width: 7%;
}

.cartHeaderCol4 {
  float: left;
  padding: 1% 0;
  width: 13%;
  text-align: right;
}

.cartHeaderCol5 {
  float: left;
  padding: 1% 0;
  width: 17%;
  text-align: right;
}

.cartHeaderCol6 {
  float: left;
  padding: 5px;
  width: 47%;
  font-size: 11px;
  color: #FA0707;
}

.cartHeaderColPromo1 {
  float: left;
  padding: 1%;
  width: 33%;
  text-align: right;
}

.cartHeaderColPromo2 {
  float: left;
  padding: 1%;
  width: 68%;
  text-align: right;
}

.cartHeaderColPromo3 {
  float: left;
  padding: 1%;
  width: 28%;
  text-align: right;
}

.cartLine {
  font-size: 13px;
  border-bottom: 1px dashed #ccc;
 
}

.cartLine:hover {
  background: #fef;
  
}

.cartLineCol0 {
  float: left;
  padding: 1% 0;
  width: 10%;
 overflow:hidden;
}

.cartLineCol0 .cartProductImage {
  
}

.cartLineCol0 .cartProductImage img {
  top: 0px;
  width: 100%;
  height: auto;
  float:left;
}

.cartLineCol0 .cartProductImage img:first-child {
  border: 1px solid #ccc;
}

.cartLineCol1 {
 float:left;
  padding: 1% 1%;
  width: 36%;
}

.cartLineCol2 {
  float:left;
  padding: 1% 0;
  width: 14%;
  text-align: center;
}

.cartLineCol2 div {
  margin-bottom: 10px;
}

.cartLineCol2 div img {
  cursor: pointer;
}

.cartLineCol3 {
  float: left;
  padding: 1% 0;
  width: 7%;
  height: 115px;
}

.cartLineCol4 {
  float: left;
  padding: 1% 0;
  width: 13%;
  height: 25px;
  text-align: right;
}

.cartLineCol4 span {
  display: none;
}

.cartLineCol5 {
  float: left;
  padding: 1% 0;
  width: 17%;
  height: 25px;
  text-align: right;
}

.cartLineCol4E {
  float: left;
  padding: 1% 0;
  width: 13%;
  text-align: right;
}

.cartLineCol5E {
  float: left;
  padding: 1% 0;
  width: 17%;
  text-align: right;
}

.cartHeaderCol3Promo {
  float: left;
  padding: 5px 0px;
  width: 5%;
}

.cartHeaderCol4Promo {
  float: left;
  padding: 5px 0px 5px 0px;
  width: 19%;
  text-align: right;
  color: #f00;
  cursor: pointer;
}

.cartHeaderCol5Promo {
  float: left;
  padding: 5px 0px;
  width: 12%;
  text-align: right;
  color: #f00;
}

.cartQuantity {
  width: 90%;
  padding: 3px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  background: #fff;
  border: 2px solid #ccc;
}

#promoContainer {
  margin: 10px;
  width: 80%;
  height: 400px;
  overflow: auto;
}

#promoContainer .promoHeader {
  height: 30px;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
}

#promoContainer .promoLine {
  min-height: 35px;
  border-bottom: 1px dashed #ccc;
}

#promoContainer .promoLine:hover {
  background: #fdd;
}

#promoContainer .promoLineCol1 {
  float: left;
  padding: 5px 0px;
  width: 5%;
  overflow: hidden;
}

#promoContainer .promoLineCol2 {
  float: left;
  padding: 5px 0px;
  width: 37%;
  overflow: hidden;
}

#promoContainer .promoLineCol3 {
  float: left;
  padding: 5px 0px;
  width: 10%;
  overflow: hidden;
}

#promoContainer .promoLineCol4 {
  float: left;
  padding: 5px 0px;
  width: 8%;
  text-align: right;
  overflow: hidden;
}

#promoContainer .promoLineCol {
  padding: 5px 0px;
  width: 79%;
}

.cartHeaderCol11 {
  float: left;
  padding: 5px 0px;
  width: 49%;
}

.cartHeaderCol12 {
  float: left;
  padding: 5px 0px;
  width: 0px;
}

.cartHeaderCol13 {
  float: left;
  padding: 5px 0px;
  width: 0px;
}

.cartHeaderCol14 {
  float: left;
  padding: 5px 0px;
  width: 33%;
  text-align: right;
}

#productPageTabs {
  margin: 10px 0px;
}

.etab-container .panel-container {
  font-size: 13px;
  background: #fff;
  line-height: 18px;
  border: solid #ccc 1px;
  -moz-border-radius: 0px 4px 4px 4px;
  -webkit-border-radius: 0px 4px 4px 4px;
  border-radius: 0px 4px 4px 4px;
}

#productPartsArea {
  width: 100%;
  margin: 10px 0px;
  background:
}

#productPartsArea .productPartsContainer {
  width: 98%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#productPartsArea .productPartsColTitle1 {
  float: left;
  padding: 1%;
  width: 9%;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#productPartsArea .productPartsColTitle2 {
  float: left;
  padding: 1%;
  width: 9%;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#productPartsArea .productPartsColTitle3 {
  float: left;
  padding: 1%;
  width: 25%;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#productPartsArea .productPartsColTitle4 {
  float: left;
  padding: 1%;
  width: 11%;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#productPartsArea .productPartsColTitle5 {
  float: left;
  padding: 1%;
  width: 8%;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#productPartsArea .productPartsCol1 {
  float: left;
  padding: 5px 1%;
  width: 9%;
  height: 60px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#productPartsArea .productPartsCol2 {
  float: left;
  padding: 25px 1%;
  width: 9%;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#productPartsArea .productPartsCol3 {
  float: left;
  padding: 25px 1%;
  width: 25%;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#productPartsArea .productPartsCol4 {
  float: left;
  padding: 25px 1%;
  width: 11%;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#productPartsArea .productPartsCol5 {
  float: left;
  padding: 25px 1%;
  width: 8%;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#productPartsArea .productPartsCol1 img {
  width: 100%;
  max-width: 50px;
  height: auto;
  border: 0;
}

#historyGallery #historyGalleryItem {
  float: left;
  width: 870px;
  height: 184px;
  overflow: hidden;
}

#historyGalleryItem ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 870px;
}

#historyGalleryItem ul li {
  float: left;
  width: 145px;
  height: 184px;
  overflow: hidden;
}

#historyGalleryItem ul li .historyItem {
  width: 128px;
  border: 1px solid #ccc;
}

.historyItem a {
  cursor: pointer;
}

.historyItem .historyItemImage {
  padding: 4px;
  width: 120px;
  height: 144px;
}

.historyItem .historyItemColor {
  padding: 0px 5px 4px 5px;
  width: 120px;
  height: 16px;
  font-weight: bold;
  text-align: center;
}

#memberContainer {
  width: 100ch;
  text-align: center;
}

.actualMember {
  display: ;
}

.memberRowWide {
  margin-bottom: 15px;
}

.memberRowWide .rowSmall {
  font-size: 12px;
}

.memberRowWide .textQuantity {
  padding: 5px;
  width: 200px;
  font-size: 16px;
  color: #333;
  background: #fff;
  border: 2px solid #ccc;
}

.memberRowWide .textQuantity:focus {
  border: 2px solid #c9f;
}

.memberRowNarrow {
  float: left;
  margin-bottom: 15px;
}

.memberRowNarrow .textQuantity {
  padding: 5px;
  width: 84px;
  font-size: 16px;
  color: #333;
  background: #fff;
  border: 2px solid #ccc;
}

.memberRowNarrow .textQuantity:focus {
  border: 2px solid #c9f;
}

#orderCart {
  float: right;
  margin: 1%;
  width: 29%;
  border: 1px solid #ccc;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  overflow: hidden;
  background: #fff;
}

#orderCart #orderCartTitle span {
  float: right;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
}

#orderCart .orderCartLine {
  margin: 10px auto;
  width: 96%;
  height: 75px;
  font-size: 11px;
  border-bottom: 1px dashed #ccc;
}

#orderCart .orderCartLine .orderCartImage {
  float: left;
  width: 20%;
  overflow: hidden;
}

#orderCart .orderCartLine .orderCartImage div {
  position: relative;
}

#orderCart .orderCartLine .orderCartImage div img {
  position: absolute;
  top: 0px;
  width: 100%;
  height: auto;
}

#orderCart .orderCartLine .orderCartImage div img:first-child {
  border: 1px solid #ccc;
}

#orderCart .orderCartLine .orderCartText {
  float: left;
  width: 40%;
}

#orderCart .orderCartLine .orderCartQuantity {
  float: left;
  width: 20%;
}

#orderCart .orderCartLine .orderCartPrice {
  float: left;
  width: 20%;
  text-align: right;
}

#orderCart .orderCartTotal {
  width: 100%;
  font-size: 11px;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

#orderCart .orderCartTotal .orderWarning {
  color: #f00;
}

#orderCart .orderCartTotal .orderCartTotalTitle {
  float: left;
  padding-bottom: 5px;
  width: 78%;
  font-weight: bold;
  text-align: right;
}

#orderCart .orderCartTotal .orderCartTotalValue {
  float: left;
  padding-bottom: 5px;
  width: 20%;
  font-weight: bold;
  text-align: right;
}

#verifyContainer {
  position: fixed;
  top: 100px;
  left: 0;
 padding:10px;
 width:100%;
   background-color:#fff;
   border-top:4px solid #f09;
   border-bottom:4px solid #f09;
     font-size: 32px;
  color: #f09;
  font-weight: bold;
}


#verifyContent span {
 display:block;
 color:#000;
 font-size:32px;
 margin-top:25px;
 padding:8px;

}


#completeTitle {
  margin-bottom: 10px;
  font-size: 24px;
  color: #f09;
  font-weight: bold;
  text-align: center;
}

#completeHeader {
  margin: 1%;
  color: #f09;
  font-size: 16px;
  font-style: italic;
  text-align: left;
}

#completeHeaderSiparis {
  margin-bottom: 10px;
  font-size: 14px;
  font-style: bold;
  text-align: center;
}

#completeOrderNo {
  margin-bottom: 10px;
  font-size: 24px;
  color: #900;
  font-weight: bold;
  text-align: center;
}

#supportLeft {
  float: left;
  margin: 1%;
  width: 20%;
  min-width: 190px;
  min-height: 200px;
}

#supportLeft ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#supportLeft ul li {
  margin-bottom: 10px;
}

#supportLeft ul li ul li {
  margin-bottom: 0px;
}

#supportLeft ul .supportMenuMain {
  margin: 0px;
  padding: 5%;
  width: 90%;
  font-size: 13px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}

#supportLeft ul .supportMenuMain:hover {
  background: #fee;
}

#supportLeft ul li ul {
  display: none;
}

#supportLeft ul .supportMenuChild {
  margin: 0px 5px;
  padding: 5px;
  background: #eee;
}

#supportRight {
  float: left;
  margin: 1% 1% 2% 0;
  width: 77%;
  min-height: 200px;
}

#supportRight #supportContent {
  width: 100%;
}

.kredikart {
  margin-left: 6.4%;
}

.orderInfoLine {
  margin: 1% auto;
  padding: 1%;
  width: 96%;
  border: 1px solid #ccc;
}

.orderInfoImage {
  float: left;
  width: 40%;
  max-width: 250px;
  margin-right: 1%;
}

.orderInfoImage img {
  width: 100%;
  height: auto;
  border: 0;
}

.orderInfoContainer {
  float: left;
  width: 59%;
}

.orderInfoContainer div {
  margin-bottom: 10px;
}

.orderInfoContainer .ordenInfoValue {
  float: left;
  width: 100%;
}

.orderInfoContainer .ordenInfoSticker {
  float: left;
  margin: 0px 75px;
  width: 150px;
  height: 150px;
  text-align: center;
}

.ordenInfoCol1 {
  float: left;
  width: 37%;
  font-weight: bold;
}

.ordenInfoCol2 {
  float: left;
  width: 3%;
  font-weight: bold;
}

.ordenInfoCol3 {
  float: left;
  width: 60%;
}

.paymentTellLine {
  width: 99%;
  max-width: 596px;
  padding: 1% 0px;
  border-bottom: 1px solid #ccc;
}

.paymentTellLine .paymentTellHead {
  float: left;
  padding: 1%;
  width: 28%;
}

.elementLeft {
  float: left;
}

.newAddressLine {
  margin-bottom: 5px;
  width: 500px;
  font-size: 14px;
}

.newAddressLine .newwAddressHead {
  float: left;
  padding: 5px;
  width: 90px;
}

.newAddressLine .newwAddressPunc {
  float: left;
  padding: 5px;
  width: 5px;
}

.newAddressLine .newwAddressValue {
  float: left;
  padding: 5px;
  width: 375px;
}

.newAddressLine .newwAddressButton {
  float: right;
  width: 125px;
  text-align: right;
  cursor: pointer;
}

#orderContainer {
  float: right;
  margin: 1% 0% 1% 0%;
  width: 68%;
}

#orderContainer #orderTabs {
  height: 100px;
  border-bottom: 4px solid #6a1;
  font-size: 14px;
  font-weight: bold;
}

#orderContainer #orderTabs .orderTabItemSub {
  padding: 5px 0px;
  font-size: 12px;
  font-weight: normal;
}

#orderContainer #orderTabs .activeTab {
  cursor: pointer;
}

#orderContainer #orderTabs .orderTabItem {
  float: left;
  margin-right: 5px;
  padding: 10px;
  width: 190px;
  height: 80px;
  background: #eee;
}

#orderContainer #orderTabContents .orderTabContent {
  display: none;
  padding: 1%;
  width: 98%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#orderContainer #orderTabContents .addressContainer {
  float: left;
  cursor: pointer;
  margin: 0% 1% 1% 0%;
  padding: 1%;
  width: 28%;
  height: 118px;
  border: 2px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

#orderContainer #orderTabContents #address-0 {
  padding: 47px;
  width: 201px;
  height: 44px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

#orderTabContents .tabContentTitle {
  float: left;
  padding-bottom: 3px;
  width: 308px;
  font-size: 16px;
  font-weight: bold;
}

#orderTabContents .tabContentButton {
  float: left;
  width: 100%;
  text-align: right;
  cursor: pointer;
}

#orderContainer .deliveryContentLine {
  clear: left;
  padding-top: 10px;
  width: 99%;
  height: 50px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

#orderContainer .deliveryContentLine div {
  float: left;
  padding: 1%;
  height: 40px;
}

#tab-payment #paymentTabs {
  height: 30px;
  border-bottom: 3px solid #6a1;
  font-size: 13px;
  font-weight: bold;
}

#tab-payment #paymentTabs .activeTab {
  cursor: pointer;
}

#tab-payment #paymentTabs .paymentTabItem {
  float: left;
  margin-right: 5px;
  padding: 5px;
  height: 20px;
  background: #eee;
}

#tab-payment #paymentTabContents .paymentTabContent {
  display: none;
  padding: 1%;
  width: 97%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine {
  width: 100%;
  padding: 5px 0px;
  border-bottom: 1px solid #ccc;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead {
  float: left;
  padding: 5px;
  width: 136px;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypePunc {
  float: left;
  padding: 5px;
  width: 20px;
  text-align: right;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue {
  float: left;
  padding: 5px;
  width: 400px;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead1 {
  float: left;
  padding: 5px;
  width: 136px;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypePunc1 {
  float: left;
  padding: 5px;
  width: 20px;
  text-align: right;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue1 {
  float: left;
  padding: 5px;
  width: 400px;
}

#tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine #paymentTypeBreak {
  display: none;
}

#paymentTabContents .tabContentTitle {
  float: left;
  padding-bottom: 10px;
  width: 400px;
  font-size: 16px;
  font-weight: bold;
}

#paymentTabContents .tabContentButton {
  float: left;
  padding-bottom: 10px;
  width: 200px;
  text-align: right;
}

#paymentTabContents .tabContentButton {
  cursor: pointer;
}

.ordersLine {
  margin: 0 1% 1% 1%;
  width: 98%;
  border: 1px solid #ccc;
}

.ordersLine:hover {
  background: #f5f5f5;
}

.ordersCol1 {
  padding: 1%;
  float: left;
  width: 12%;
}

.ordersCol1 .ordersCol1Sub {
  clear: both;
  padding: 1% 2% 1% 0%;
}

.ordersCol2 {
  padding: 1%;
  float: left;
  width: 33%;
}

.ordersCol3 {
  padding: 1%;
  float: left;
  width: 8%;
}

.ordersCol4 {
  padding: 1%;
  float: left;
  width: 22%;
  text-align: right;
}

.ordersCol5 {
  padding: 1%;
  float: right;
  width: 6%;
  text-align: right;
}

.ordersSubCol1 {
  margin-top: 5px;
  padding: 3px;
  float: left;
  width: 120px;
  border: 1px solid #ccc;
}

.ordersSubCol2 {
  padding: 5px 10px 0px 10px;
  float: left;
  width: 160px;
}

.ordersSubCol3 {
  margin-top: 5px;
  padding: 10px;
  height: 132px;
}

.orderDetailBox {
  margin: 0 1% 1% 1%;
  width: 98%;
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.orderDetailBoxLeft {
  float: left;
  width: 199px;
  border-right: 1px solid #ccc;
  border-bottom: 0px;
}

.orderDetailBoxLeft .orderDetailSubTitle {
  padding: 5px 10px;
  font-weight: bold;
}

.orderDetailBoxLeft .orderDetailSubContent {
  padding: 5px 10px;
}

.orderDetailBoxRight {
  float: left;
  width: 778px;
}

.orderDetailCol1 {
  float: left;
  padding: 3px 5px;
  width: 163px;
  font-weight: bold;
}

.orderDetailCol2 {
  float: left;
  padding: 3px 5px;
  width: 5px;
  font-weight: bold;
}

.orderDetailCol3 {
  float: left;
  padding: 3px 5px;
  width: 550px;
}

.orderDetailAddress {
  float: left;
  width: 489px;
}

.orderDetailAddressCol1 {
  float: left;
  padding: 5px 10px;
  width: 104px;
  font-weight: bold;
}

.orderDetailAddressCol2 {
  float: left;
  padding: 5px 10px;
  width: 5px;
  font-weight: bold;
}

.orderDetailAddressCol3 {
  float: left;
  padding: 5px 10px;
  width: 320px;
}

.orderDetailResim {
  float: left;
  margin-left: 10px;
  padding: 5px 10px;
  width: 60px;
}

.orderDetailResim img {
  padding: 4px;
  border: 1px solid #ccc;
}

.orderDetailUrun {
  float: left;
  padding: 5px 10px;
  width: 480px;
}

.orderDetailMiktar {
  float: left;
  padding: 5px 10px;
  width: 60px;
  text-align: right;
}

.orderDetailFiyat {
  float: left;
  padding: 5px 10px;
  width: 120px;
  text-align: right;
}

.orderDetailTall {
  height: 70px;
  border-bottom: 1px solid #ccc;
}

.orderDetailNoteLeft {
  float: left;
  padding: 5px 10px;
  width: 130px;
}

.orderDetailNoteLeft img {
  padding: 4px;
  border: 1px solid #ccc;
}

.orderDetailNoteRight {
  float: left;
  padding: 5px 10px;
  width: 808px;
}

.orderDetailFooterCol1 {
  float: left;
  padding: 5px 10px;
  width: 788px;
  text-align: right;
}

.orderDetailFooterCol2 {
  float: left;
  padding: 5px 10px;
  width: 120px;
  text-align: right;
}

/* İndirimli Ürünler Sayfası Ayarları */
.contentMid-Vitrin {
  float: left;
  margin-left: 0px;
  margin-bottom: 5px;
  width: 77%;
}

.productVerticalContainer {
  margin: 5px 0;
  width: 100%;
  border-bottom: 1px dashed #ccc;
}

.productVerticalImage {
  float: left;
  padding: 5px;
  width: 126px;
  overflow: hidden;
}

.productVerticalImage img {
  padding: 2px;
  border: 1px solid #ccc;
}

.productVerticalInfo {
  float: left;
  margin-top: 15px;
  padding: 5px;
  width: 325px;
  overflow: hidden;
}

.productVerticalInfo .productVerticalInfoText {
  width: 325px;
  height: 73px;
}

.productVerticalInfo ul {
  margin: 0px;
  padding: 0px;
  width: 3500px;
  list-style: none;
  overflow: hidden;
}

.productVerticalInfo ul li {
  float: left;
  margin: 0px 3px 0px 0px;
  width: 52px;
  height: 62px;
  cursor: pointer;
}

.productVerticalInfo ul li img {
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.productVerticalPrice {
  float: left;
  margin-top: 15px;
  padding: 5px;
  width: 140px;
  text-align: center;
}

.productVerticalContainerBitiriyoruz {
  width: 100%;
  border-bottom: 1px dashed #ccc;
}

.productVerticalImageBitiriyoruz {
  float: left;
  padding: 5px;
  width: 250px;
  overflow: hidden;
}

.productVerticalPrice strike {
  font-size: 12px;
  font-weight: normal;
}

.productVerticalPrice .productVerticalCurr {
  font-size: 12px;
  font-weight: normal;
}

.productVerticalPrice a {
  font-size: 18px;
  font-weight: bold;
}

.productVerticalRate {
  float: left;
  margin-top: 15px;
  padding: 5px;
  width: 135px;
  text-align: center;
}

/* mağazalarımız sayfa ayarları */
#storeContainer {
  width: 100%;
}

.storeListItem {
  float: left;
  margin: 1%;
  padding: 1%;
  width: 45, 8%;
  min-height: 130px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.storeListItem:hover {
  background: #fee;
}

.storeListItemLeft {
  float: left;
  width: 258px;
  height: 140px;
}

.storeListItemRight {
  float: right;
  width: 198px;
  height: 135px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
}

.storeGalleryItem {
  float: left;
  margin: 1%;
  width: 235px;
  height: 176px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
}

.storeGalleryItem img {
  cursor: pointer;
}

.storeListItemMain {
  margin: 0px auto 10px auto;
  width: 198px;
  height: 145px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
}

.storeListItemMain div {
  padding: 1px;
}

.storeListharita {
  margin-right: 2px;
  margin-top: -19px;
}

/* 404 sayfa ayarları */
.warning404 {
  clear: both;
  margin: 0 auto;
  padding: 1%;
  width: 98%;
  max-width: 990px;
}

.warning404 img {
  width: 100%;
  height: auto;
  border: 0;
}

/* Üye sayfası ayarları */
.accountSubTitle {
  margin: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

#accountMenu {
  float: left;
  width: 220px;
  min-height: 300px;
}

#accountContent {
  float: left;
  padding: 10px 10px 10px 30px;
  width: 730px;
  min-height: 300px;
  font-size: 14px;
}

#accountContent2 {
  float: left;
  margin: 0 auto;
  padding: 5px 5px 5px 30px;
  width: 490px;
  min-height: 300px;
  font-size: 14px;
}

.francahise_sag {
  float: left;
  padding: 15px;
  font-size: 14px;
  margin: 10px auto 0 auto;
  background: #FEF7FF;
}

.franchiseButon {
  width: 320px;
  height: 24px;
}

.franchiseButon div {
  float: left;
  margin: 0px 10px 15px 0px;
  width: 140px;
  height: 24px;
  text-align: center;
  background: #ccc;
  border: 1px solid #ccc;
  -moz-box-shadow: 3px 5px 5px 1px #999;
  -webkit-box-shadow: 3px 5px 5px 1px #999;
  box-shadow: 3px 5px 5px 1px #999;
}

.franchiseButon a {
  font-size: 16px;
}

.francahise_resim {
  float: left;
  padding: 5px;
}

.faccountSubTitle {
  margin: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

#faccountContent {
  float: left;
  margin: 0 auto;
  padding: 5px 5px 5px 20px;
  width: 400px;
  min-height: 300px;
  font-size: 13px;
}

.faccountCol1 {
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  width: 100px;
  min-height: 14px;
}

.faccountCol2 {
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  width: 10px;
  min-height: 14px;
}

.faccountCol3 {
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  width: 220px;
  min-height: 24px;
}

.accountMenuItem {
  margin: 5px 10px;
  width: 200px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
}

.accountMenuItem:hover {
  background: #fee;
}

.accountMenuItem div {
  padding: 10px;
  width: 200px;
}

.accountMenuItemSelected {
  background: #fee;
}

.accountTab {
  display: none;
}

.accountTab pre {
  margin: 5px;
  padding: 5px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.accountTab pre:hover {
  cursor: pointer;
  background: #fee;
}

.accountCol1 {
  float: left;
  margin-bottom: 5px;
  padding: 10px;
  width: 150px;
  min-height: 14px;
}

.accountCol2 {
  float: left;
  margin-bottom: 5px;
  padding: 10px;
  width: 10px;
  min-height: 14px;
}

.accountCol3 {
  float: left;
  margin-bottom: 5px;
  padding: 5px;
  width: 275px;
  min-height: 24px;
}

.accountCol3 .textQuantity {
  padding: 5px;
  width: 260px;
  font-size: 14px;
  color: #333;
  background: #fff;
  border: 2px solid #ccc;
}

.accountPromoLine {
  padding: 10px 0px;
  width: 720px;
  border-bottom: 1px dashed #ccc;
}

.accountPromoCol1 {
  float: left;
  width: 75px;
}

.accountPromoCol2 {
  float: left;
  width: 175px;
}

.accountPromoCol3 {
  float: left;
  width: 105px;
}

.accountPromoCol4 {
  float: left;
  width: 75px;
}

.accountPromoCol5 {
  float: left;
  width: 100px;
}

.productDetHolder {
  float: left;
  width: 67%;
  min-width: 628px;
}

#prodDescRight {
  float: right;
  width: 30%;
  min-width: 270px;
  padding: 1%;
  margin-top: 10px;
  border: 1px solid #ccc;
  background: #f9f6f6;
}

.hideOnMobile {
  display: inline;
}

.showOnMobile {
  display: none;
}

.wizardTitle {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

#wizardRight div {
  margin: 0 1% 2% 0;
}

#wizardRight img {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: 1px solid #bfbfbf;
}

#wizardRight ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 310px;
}

#wizardRight ul li {
  float: left;
  margin: 0px 3px 0px 3px;
  width: 56px;
  height: 68px;
  overflow: hidden;
}

#wizardRight ul li img {
  cursor: pointer;
  padding: 2px;
  border: 1px solid #ccc;
}

#wizardRight {
  float: left;
  margin: 0px;
  width: 100%;
}

#wizardRight .wizardTitle {
  margin: 0px 0px 10px 0px;
}

#wizardParts .productPartsContainer {
  width: 950px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#wizardParts .productPartsColTitle0 {
  float: left;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#wizardParts .productPartsColTitle1 {
  float: left;
  padding: 5px;
  width: 50px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#wizardParts .productPartsColTitle2 {
  float: left;
  padding: 5px;
  width: 50px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#wizardParts .productPartsColTitle3 {
  float: left;
  padding: 5px;
  width: 225px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#wizardParts .productPartsColTitle4 {
  float: left;
  padding: 5px;
  width: 80px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
}

#wizardParts .productPartsColTitle5 {
  float: left;
  padding: 5px;
  width: 60px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
}

#wizardParts .productPartsColTitle6 {
  float: left;
  padding: 5px;
  width: 130px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
}

#wizardParts .productPartsColTitle7 {
  float: left;
  padding: 5px;
  width: 75px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
}

#wizardParts .productPartsColTitle8 {
  float: left;
  padding: 5px;
  width: 75px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  text-align: right;
}

#wizardParts .productPartsColTitle9 {
  float: left;
  padding: 5px;
  width: 65px;
  height: 30px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
}

#wizardParts .productPartsCol0 {
  float: left;
  padding: 5px;
  width: 30px;
  height: 60px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol1 {
  float: left;
  padding: 5px;
  width: 50px;
  height: 60px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol2 {
  float: left;
  padding: 25px 5px;
  width: 50px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol3 {
  float: left;
  padding: 25px 5px;
  width: 225px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol4 {
  float: left;
  padding: 25px 5px;
  width: 80px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol5 {
  float: left;
  padding: 25px 5px;
  width: 60px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#wizardParts .productPartsCol6 {
  float: left;
  padding: 25px 5px;
  width: 130px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

#wizardParts .productPartsCol7 {
  float: left;
  padding: 25px 5px;
  width: 75px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
}

#wizardParts .productPartsCol8 {
  float: left;
  padding: 25px 5px;
  width: 75px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: right;
}

#wizardParts .productPartsCol9 {
  float: left;
  padding: 25px 5px;
  width: 65px;
  height: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

#newPart {
  padding: 10px 0px 10px 0px;
}

#uplArea {
  float: left;
  width: 310px;
  height: 372px;
}

#dataArea {
  float: left;
  margin: 0px 10px 0px 10px;
  width: 410px;
  height: 372px;
}

#dataArea div {
  padding: 0px 0px 10px 0px;
}

#kaydetButon {
  text-align: right;
}

.offersCol1 {
  margin: 10px;
  float: left;
  width: 133px;
}

.offersSubCol1 {
  margin-right: 5px;
  padding: 3px;
  float: left;
  width: 120px;
  border: 1px solid #ccc;
}

.offersCol2 {
  margin: 0px 10px 10px 0px;
  float: left;
  width: 250px;
  min-height: 120px;
  border-right: 2px solid #ccc;
}

.offersSubCol2 {
  margin-right: 5px;
  padding: 5px 0px;
  float: left;
  width: 250px;
}

.offersCol3 {
  margin: 0px 0px;
  float: left;
  width: 140px;
}

.offersSubCol3 {
  float: left;
  padding-bottom: 5px;
  width: 140px;
}

@media only screen and (min-width: 1281px) {
  .storeListItemMain {
    margin: 10px auto 10px auto;
    width: 248px;
    height: 165px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    float: center;
  }

  .storeListItemMain div {
    padding: 1px;
  }

  .storeListharita {
    margin-right: 2px;
    margin-top: -19px;
  }

  .storeListItemMain img {
    width: 100%;
    max-width: 250px;
    height: 135px;
    border: 0;
    float: left;
  }

  .storeListharita img {
    width: 100%;
    max-width: 16px;
    height: auto;
    border: 0;
    float: right
  }

  #topBannerContainer img {
    width: 100%;
    max-width: 1360px;
    height: auto;
    border: 0;
    float: left;
  }

  #storeBanner {
    max-width: 1010px;
    overflow: hidden;
    float: center;
  }

  #storeBanner img {
    width: 190%;
    max-width: 1010px;
    height: auto;
    border: 0;
    float: center;
  }

  #sliderContainer {
    margin: 0% auto 1% auto;
    width: 96%;
    height: auto;
    max-width: 1200px;
    height: auto;
    overflow: hidden;
  }

  #sliderContainer ul {
    margin-left: 15px;
    padding: 0px;
    width: 96%;
    list-style: none;
    overflow: hidden;
  }

  #sliderContainer ul li {
    margin-top: 5px;
    float: left;
    width: 96%;
    max-width: 1200px;
    height: auto;
  }

  #sliderContainer ul li img {
    width: 100%;
    height: auto;
    border: 0;
  }

  #sliderThumbContainer {
    margin-bottom: 5px;
    width: 100%;
    height: 70px;
    overflow: hidden;
  }

  #sliderThumbContainer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
  }

  #sliderThumbContainer ul li {
    float: left;
    margin-left: 5px;
    padding: 4px;
    width: 65px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
  }

  #sliderThumbContainer ul .sliderThumbFirst {
    margin-left: 25px;
  }

  .footerColAMobil {
    display: none;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1280px) {
  .storeListItemMain {
    margin: 10px auto 10px auto;
    width: 198px;
    height: 165px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    float: center;
  }

  .storeListItemMain div {
    padding: 1px;
  }

  .storeListharita {
    margin-right: 2px;
    margin-top: -19px;
  }

  .storeListItemMain img {
    width: 100%;
    max-width: 200px;
    height: 135px;
    border: 0;
    float: left;
  }

  .storeListharita img {
    width: 100%;
    max-width: 16px;
    height: auto;
    border: 0;
    float: right
  }

  #topBannerContainer img {
    width: 100%;
    max-width: 1260px;
    height: auto;
    border: 0;
    float: left;
  }

  #storeBanner {
    overflow: hidden;
    float: left;
  }

  #storeBanner img {
    width: 100%;
    max-width: 970px;
    height: auto;
    border: 0;
    float: left;
  }

  #sliderContainer {
    margin: 0% auto 1% auto;
    width: 96%;
    height: auto;
    max-width: 970px;
    height: auto;
    overflow: hidden;
  }

  #sliderContainer ul {
    margin-left: 10px;
    0px;
    padding: 0px;
    width: 96%;
    list-style: none;
    overflow: hidden;
  }

  #sliderContainer ul li {
    margin-top: 5px;
    float: left;
    width: 96%;
    max-width: 970px;
    height: auto;
  }

  #sliderContainer ul li img {
    width: 100%;
    max-width: 970px;
    height: auto;
    border: 0;
  }

  #sliderThumbContainer {
    margin-bottom: 5px;
    width: 100%;
    height: 60px;
    overflow: hidden;
  }

  #sliderThumbContainer ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    overflow: hidden;
  }

  #sliderThumbContainer ul li {
    float: left;
    margin-left: 5px;
    padding: 1px;
    width: 60px;
    height: 45px;
    cursor: pointer;
    border: 1px solid #ccc;
  }

  #sliderThumbContainer ul .sliderThumbFirst {
    margin-left: 15px;
  }

  .productBigImageD {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 10;
  }

  .productBigImageD img {
    width: 100%;
    height: auto;
    border: 0;
  }

  .productThumbNameD {
    margin: 0 auto;
    width: 99%;
    height: 16px;
    overflow: hidden;
  }

  .productThumbNameD a {
    font-size: 14px;
  }

  .productThumbNoD {
    margin: 0 auto;
    width: 99%;
    height: 16px;
    text-align: center;
    overflow: hidden;
  }

  .productThumbNoD a {
    font-size: 12px;
  }

  .productThumbPriceD {
    margin: 0 auto;
    width: 99%;
    text-align: center;
  }

  .productThumbPriceD a {
    font-size: 18px;
  }

  .productThumbPriceD .productThumbCurrD {
    font-size: 10px;
  }

  .productThumbRateD {
    float: left;
    padding: 2px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    width: 35%;
    text-align: right;
    overflow: hidden;
  }

  .footerColAMobil {
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 989px) {
  body {
    -webkit-text-size-adjust: none;
  }

  #headerLeft {
    float: left;
    width: 16%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
  }

  #headerCallCenter {
    margin: 10px auto;
    padding: 0 0 0 5%;
    width: 95%;
    height: 35px;
  }

  #callCenterCode {
    float: left;
    margin: -25px 0px 0px 60px;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progidXImageTransform.Microsoft.BasicImage(rotation=3);
  }

  #headerNavMenu {
    display: none;
  }

  #headerSearch {
    float: right;
    margin-right: -15px;
    padding: 5px 0px;

    width: 330px;
    height: 30px;
    text-align: center;
  }

  #urunQuery {
    float: left;
    margin: 0px 0px 0px 5px;
    height: 26px;
    width: 81%;
    border: 2px solid #ccc;
    background: #fff;
  }

  #headerRight {
    float: right;
    width: 30%;
    height: 100px;
    text-align: right;
  }

  #headerLoginMenu {
    padding: 10px;
    text-align: right;
  }

  .uyeGiris {
    cursor: pointer;
  }

  #headerCart {
    padding: 0px 10px;
    height: 50px;
    text-align: right;
    cursor: pointer;
  }

  #headerCart {
    display: none;
  }

  #headerCartMobil {
    padding: 0px 10px;
    height: 50px;
    text-align: right;
    cursor: pointer;
    display:inline;
  }

  #contentTopButton {
    display: none;
  }

  #contentTopLinks {
    width: 96%;
  }

  #contentTopLinks a {
    font-size: 12px;
  }

  #contentLeft {
    display: none;
  }

  #topCategoryHidden {
    display: none;
  }

  #contentMid {
    float: left;
    margin: 0% 1%;
    width: 98%;
  }

  #contentTavsiye {
    display: none;
  }

  #contentTavsiyeHeader {
    display: none;
  }

  #prevNextTitleNext {
    font-size: 10px;
    margin: 0px 5px 5px 5px;
    padding: 5px 10px 0px 0px;
  }

  #prevNextTitlePrev {
    font-size: 10px;
    margin: 5px 5px 5px 5px;
    padding: 5px 0px 0px 5px;
    width: 70px;
  }

  .detailValueButtons {
    margin: 0px 5px 0px 0px;
    padding: 10px;
    font-size: 14px;
  }

  .formQuantity {
    padding: 5px;
    font-size: 14px;
  }

  .formelement {
    font-size: 16px;
  }

  .buttonEkle {
    margin: 5px auto 0px auto;
    padding: 3px 5px;
    width: 90%;
    height: auto;
    background: none;
    background-color: #ccc;
    font-size: 8px;
  }

  .detailTitleNarrow {
    width: 80px;
    font-size: 11px;
  }

  .detailSeperator {
    font-size: 11px;
  }

  .detailValueWide {
    font-size: 11px;
  }

  .formelement {
    font-size: 12px;
  }

  .formQuantity {
    padding: 3px;
    font-size: 12px;
  }

  #productDetailTitle {
    font-size: 14px;
  }

  #productDetailComment {
    display: none;
  }

  #productDetailSocial {
    display: none;
  }

  .productDetailCargo {
    width: 60%;
    margin-left: 10px;
    float: left;
    font-size: 10px;
  }

  .productDetailPriceTax {
    display: none;
  }

  .productPromotion img {
    float: left;
    margin: 0px;
  }

  #sliderThumbContainer {
    display: none;
  }

  .productBigImageD {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 10;
  }

  .productBigImageD img {
    width: 100%;
    height: auto;
    border: 0;
  }

  .productThumbNameD {
    margin: 0 auto;
    width: 99%;
    height: 16px;
    overflow: hidden;
  }

  .productThumbNameD a {
    font-size: 14px;
  }

  .productThumbNoD {
    margin: 0 auto;
    width: 99%;
    height: 16px;
    text-align: center;
    overflow: hidden;
  }

  .productThumbNoD a {
    font-size: 12px;
  }

  .productThumbPriceD {
    margin: 0 auto;
    width: 99%;
    text-align: center;
  }

  .productThumbPriceD a {
    font-size: 18px;
  }

  .productThumbPriceD .productThumbCurrD {
    font-size: 10px;
  }

  .productThumbRateD {
    float: left;
    padding: 2px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    width: 35%;
    text-align: right;
    overflow: hidden;
  }

  .productVerticalContainerBitiriyoruz {
    width: 100%;
    border-bottom: 1px dashed #ccc;
  }

  .productVerticalImageBitiriyoruz {
    float: left;
    padding: 1%;
    width: 28%;
    overflow: hidden;
  }

  .productVerticalImageBitiriyoruz img {
    width: 100%;
    height: auto;
    border: 0;
  }

  .productVerticalPrice strike {
    font-size: 12px;
    font-weight: normal;
  }

  .productVerticalPrice .productVerticalCurr {
    font-size: 12px;
    font-weight: normal;
  }

  .productVerticalPrice a {
    font-size: 18px;
    font-weight: bold;
  }

  .productVerticalRate {
    float: left;
    margin-top: 5px;
    padding: 1%;
    width: 15%;
    text-align: center;
    height: 90px;
  }

  .productVerticalRate img {
    display: none;
  }

  .productVerticalRate .rateText {
    display: none;
  }

  .productVerticalInfo {
    float: left;
    margin-top: 15px;
    padding: 1%;
    width: 45%;
    text-align: left;
    overflow: hidden;
  }

  .productVerticalInfo .productVerticalInfoText {
    width: 100%;
    height: 73px;
  }

  .productVerticalPrice {
    float: left;
    margin-top: 15px;
    padding: 1%;
    width: 15%;
    text-align: center;
  }

  .productVerticalCurr {
    display: none;
  }

  .productVerticalInfo .productPromotion {
    clear: both;
    margin: 0;
    width: 100%;
    border-bottom: 0px solid #eee;
  }

  .productPromotion img {
    float: left;
    margin: 0px 5px 5px 0px;
    width: 54px;
    height: auto;
  }

  .productVerticalInfo .buttonCornerLeft {
    clear: right;
    margin: -90px 0 0 0;
  }

  .productVerticalContainer {
    margin: 5px 0;
    width: 100%;
    border-bottom: 1px dashed #ccc;
  }

  .productVerticalImage {
    float: left;
    padding: 5px;
    width: 126px;
    overflow: hidden;
  }

  .productVerticalImage img {
    padding: 2px;
    border: 1px solid #ccc;
  }

  .productVerticalInfo {
    float: left;
    margin-top: 15px;
    padding: 5px;
    width: 325px;
    overflow: hidden;
  }

  .productVerticalInfo .productVerticalInfoText {
    width: 325px;
    height: 73px;
  }

  .productVerticalInfo ul {
    margin: 0px;
    padding: 0px;
    width: 3500px;
    list-style: none;
    overflow: hidden;
  }

  .productVerticalInfo ul li {
    float: left;
    margin: 0px 3px 0px 0px;
    width: 52px;
    height: 62px;
    cursor: pointer;
  }

  .productVerticalInfo ul li img {
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }

  .productVerticalPrice {
    float: left;
    margin-top: 15px;
    padding: 5px;
    width: 140px;
    text-align: center;
  }

  .productVerticalContainerBitiriyoruz {
    width: 100%;
    border-bottom: 1px dashed #ccc;
  }

  .productVerticalImageBitiriyoruz {
    float: left;
    padding: 5px;
    width: 250px;
    overflow: hidden;
  }

  .productVerticalPrice strike {
    font-size: 12px;
    font-weight: normal;
  }

  .productVerticalPrice .productVerticalCurr {
    font-size: 12px;
    font-weight: normal;
  }

  .productVerticalPrice a {
    font-size: 18px;
    font-weight: bold;
  }

  .productVerticalRate {
    float: left;
    margin-top: 15px;
    padding: 5px;
    width: 135px;
    text-align: center;
  }

  .cartHeaderLeft {
    display: none;
  }

  .cartHeaderCol11 {
    display: none;
  }

  .cartHeaderCol14 {
    width: 82%;
  }

  .storeListItem {
    width: 96%;
  }

  .footerBottom .footerBottomLeft {
    width: 98%;
  }

  .footerBottom .footerBottomMid {
    width: 98%;
  }

  .footerBottom .footerBottomRight {
    width: 98%;
  }

  /*#footerLinkContainer{display:none;}*/
  #footerLinkContainer .footerColA {
    display: none;
  }

  #footerLinkContainer .footerColB {
    float: left;
    width: 47%;
    margin: 1%;
  }

  #footerLinkContainer .footerColC {
    display: none;
  }

  #footerLinkContainer .footerProd {
    display: none;
  }

  #memberContainer {
    width: auto;
    text-align: center;
  }

  #memberLogin {
    margin: 5px 1%;
    height: auto;
  }

  #memberNew {
    margin: 5px 1%;
    height: auto;
  }

  .actualMember {
    display: none;
  }

  #orderCart {
    width: 97%;
  }

  #orderContainer {
    float: left;
    margin: 1% 1% 1% 1%;
    width: 97%;
  }

  #orderContainer #orderTabs {
    height: 60px;
  }

  #orderContainer #orderTabs .orderTabItemSub {
    display: none;
  }

  #orderTabContents .tabContentTitle {
    width: 100%;
    font-size: 14px;
  }

  #orderContainer #orderTabContents .addressContainer {
    float: left;
    margin: 0% 1% 1% 0%;
    padding: 1%;
    width: 96%;
    height: 118px;
    border: 2px solid #ccc;
  }

  #orderContainer #orderTabContents #address-0 {
    padding: 4%;
    width: 90%;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  #tab-payment #paymentTabs {
    height: 26px;
    border-bottom: 3px solid #6a1;
    font-size: 12px;
    font-weight: normal;
  }

  #tab-payment #paymentTabs .paymentTabItem {
    margin-right: 3px;
    padding: 3px;
  }

  #tab-payment #paymentTabs .paymentTabItemSelected {
    margin-right: 3px;
    padding: 3px;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue {
    clear: left;
    padding: 1%;
    width: 98%;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead {
    font-size: 14px;
    font-weight: bold;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine #paymentTypeBreak {
    clear: both;
    display: ;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead1 {
    float: left;
    padding: 1%;
    width: 33%;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypePunc1 {
    float: left;
    padding: 1%;
    width: 3%;
    text-align: right;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue1 {
    float: left;
    padding: 1%;
    width: 58%;
  }

  .cartTitleBar {
    display: none;
  }

  .cartLine {
    font-size: 13px;
    border-bottom: 1px dashed #ccc;
  }

  .cartLine:hover {
    background: #fef;
  }

  .cartLineCol0 {
    float: left;
    padding: 1% 0;
    width: 36%;
  }

  .cartLineCol0 .cartProductImage img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
  }

  .cartLineCol1 {
    float: left;
    padding: 1% 2%;
    width: 60%;
  }

  .cartLineCol2 {
    float: left;
    padding: 1% 2%;
    width: 38%;
    text-align: center;
  }

  .cartLineCol2 div {
    margin-bottom: 10px;
  }

  .cartLineCol2 div img {
    cursor: pointer;
  }

  .cartLineCol3 {
    float: left;
    padding: 1% 0;
    width: 15%;
    height: auto;
  }

  .cartLineCol4 {
    float: left;
    padding: 1% 0%;
    width: 61%;
    height: auto;
    text-align: right;
    display: none;
  }

  .cartLineCol5 {
    float: right;
    padding: 1% 0;
    width: 61%;
    height: auto;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
  }

  .cartLineCol5 span {
    display: inline;
  }

  .cartLineCol4E {
    float: left;
    padding: 1% 0;
    width: 60%;
    text-align: right;
  }

  .cartLineCol5E {
    float: left;
    padding: 1% 0;
    width: 60%;
    text-align: right;
  }

  #buttonBreak {
    display: none;
  }

  .cartDelete {
    float: left;
    margin: 2% 0 0 4%;
  }

  .cartInfoArea {
    display: none;
  }

  .payCol2 .bilgiSayfa {
    display: none;
  }

  #headerCart {
    display: none;
  }

  #headerCartMobil {
    padding: 0px 10px;
    height: 50px;
    text-align: right;
    cursor: pointer;
    display: inline;
  }

  .orderInfoContainer div {
    margin-bottom: 1%;
  }

  .ordenInfoCol1 {
    float: left;
    width: 99%;
    font-weight: bold;
  }

  .ordenInfoCol2 {
    display: none;
  }

  .ordenInfoCol3 {
    float: left;
    width: 99%;
  }

  .ordersCol1 {
    padding: 1%;
    float: left;
    width: 98%;
  }

  .ordersCol1 .ordersCol1Sub div {
    float: left;
    padding: 1% 2% 1% 0%;
  }

  .ordersCol2 {
    padding: 1%;
    float: left;
    width: 80%;
  }

  .ordersCol3 {
    padding: 1%;
    float: left;
    width: 8%;
  }

  .ordersCol4 {
    padding: 1%;
    float: left;
    width: 98%;
    text-align: left;
  }

  .ordersCol5 {

    padding: 1%;
    float: right;
    width: 98%;
    text-align: right;
  }

  .ordersSubCol1 {
    float: left;
    margin-top: 1%;
    padding: 1%;
    width: 40%;
    max-width: 120px;
    border: 1px solid #ccc;
  }

  .ordersSubCol1 img {
    width: 100%;
  }

  .ordersSubCol2 {
    padding: 1% 1%;
    float: left;
    width: 54%;
  }

  .ordersSubCol3 {
    margin-top: 1%;
    padding: 10px;
    height: 132px;
  }

  .orderDetailBoxLeft {
    float: left;
    width: 100%;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
  }

  .orderDetailBoxLeft .orderDetailSubTitle {
    float: left;
    padding: 1%;
    width: 33%;
    font-weight: bold;
  }

  .orderDetailBoxLeft .orderDetailSubContent {
    float: left;
    padding: 1%;
    width: 63%;
  }

  .orderDetailBoxRight {
    float: left;
    width: 100%;
  }

  .orderDetailCol1 {
    float: left;
    padding: 1% 1%;
    width: 31%;
    font-weight: bold;
  }

  .orderDetailCol2 {
    float: left;
    padding: 1% 1%;
    width: 1%;
    font-weight: bold;
  }

  .orderDetailCol3 {
    float: left;
    padding: 1% 1%;
    width: 62%;
  }

  .orderDetailAddress {
    float: left;
    width: 100%;
  }

  .orderDetailAddressCol1 {
    float: left;
    padding: 1% 1%;
    width: 31%;
    font-weight: bold;
  }

  .orderDetailAddressCol2 {
    float: left;
    padding: 1% 1%;
    width: 1%;
    font-weight: bold;
  }

  .orderDetailAddressCol3 {
    float: left;
    padding: 1% 1%;
    width: 62%;
  }

  .orderDetailResim {
    float: left;
    padding: 1% 1%;
    width: 20%;
  }

  .orderDetailResim img {
    width: 100%;
    max-width: 50px;
    height: auto;
    border: 1px solid #ccc;
  }

  .orderDetailUrun {
    float: right;
    padding: 1% 1%;
    width: 70%;
  }

  .orderDetailMiktar {
    float: right;
    padding: 1% 1%;
    width: 70%;
    text-align: left;
  }

  .orderDetailMiktar span {
    display: inline;
  }

  .orderDetailFiyat {
    float: right;
    padding: 1% 1%;
    width: 70%;
    text-align: left;
  }

  .orderDetailTall {
    height: auto;
    border-bottom: 0px solid #ccc;
  }

  .orderDetailFooterCol1 {
    float: left;
    padding: 1%;
    width: 60%;
    text-align: right;
  }

  .orderDetailFooterCol2 {
    float: left;
    padding: 1%;
    width: 36%;
    text-align: right;
  }

  .orderDetailNoteLeft {
    float: left;
    padding: 1%;
    width: 30%;
    border-right: 0px;
    border-bottom: 0px solid #ccc;
  }

  .orderDetailNoteLeft img {
    padding: 0px;
    width: 100%;
    max-width: 120px;
    height: auto;
    padding: 0px;
    border: 1px solid #ccc;
  }

  .orderDetailNoteRight {
    float: left;
    width: 60%;
  }

  .orderDetailNoteRight .orderDetailCol1 {
    float: right;
    padding: 1% 1%;
    width: 98%;
    font-weight: bold;
    color: #888;
    border-top: 1px dashed #666;
  }

  .orderDetailNoteRight .orderDetailCol2 {
    float: right;
    display: none;
  }

  .orderDetailNoteRight .orderDetailCol3 {
    float: right;
    padding: 1% 1%;
    width: 98%;
  }

  .hideOnMobile {
    display: none;
  }

  .showOnMobile {
    display: inline;
  }

  .footerColAMobil {
    display: none;
  }
}

@media only screen and (max-width: 479px) {
  body {
    -webkit-text-size-adjust: none;
  }

  #headerLeft {
    width: 34%;
  }

  #headerCenter {
    clear: left;
    width: 100%;
    height: 30px;
  }

  #headerRight {
    margin-top: 2%;
    width: 63%;
    height: 60px;
  }

  #headerCallCenter {
    display: none;
  }

  .headerCallCenterMobil {
    margin-top: 10px;
    width: 100%;
    height: 24px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
  }

  #headerSearch {
    margin: 0 1%;
    margin-left: 20px;
    padding: 0;
    width: 97%;
    height: 32px;
    border: 1px solid #ccc;
  }

  #urunQuery {
    float: left;
    margin: 0;
    padding-left: 1%;
    height: 30px;
    width: 80%;
    border: 0px;
    background: #fff;
  }

  #submitAra {
    float: right;
    width: 15%;
    cursor: pointer;
    background-image: none;
  }

  #headerLoginMenu {
    padding: 5px 10px;
    text-align: right;
  }

  #myOrders {
    display: none;
  }

  #headerCart {
    padding: 5px 10px;
    height: 40px;
    text-align: right;
    cursor: pointer;
  }

  #headerCartNumber {
    float: right;
    width: 90px;
    margin: 0px 10px 0px 0px;
    font-size: 12px;
  }

  #headerCartPrice {
    display: none;
  }

  #headerCartPreview {
    display: none;
  }

  #footerCenter {
    /*display: none;*/
  }

  #contentTopButton {
    display: none;
  }

  #contentTopLinks {
    display: none;
  }

  #contentLeft {
    display: none;
  }

  #topCategoryHidden {
    display: none;
  }

  #contentMid {
    float: left;
    margin: 0% 1%;
    width: 98%;
  }

  #contentTavsiye {
    display: none;
  }

  #contentTavsiyeHeader {
    display: none;
  }

  .sortLinks {
    margin: 30px 0px 3px 0px;
  }

  .productSliderD {
    display: none;
  }

  .productSliderY {
    display: none;
  }

  .productSliderK {
    display: none;
  }

  #productDetailLeft {
    clear: left;
    width: 100%;
    text-align: center;
  }

  #productDetailMiddle {
    clear: left;
    margin: 0% 1%;
    width: 100%;
    font-size: 14px;
  }

  #productDetailRight {
    display: none;
  }

  #productDetailTitle {
    display: none;
  }

  #productDetailHeader {
    display: none;
  }

  .productDetailPriceTax {
    display: none;
  }

  .buttonCornerLeft {
    clear: right;
    margin: 10px 10px 0px 0px;
  }

  .detailValueButtons {
    margin: 0px 5px 0px 0px;
    padding: 10px;
    font-size: 14px;
  }

  .formQuantity {
    padding: 5px;
    font-size: 14px;
  }

  .formelement {
    font-size: 16px;
  }

  #sliderThumbContainer {
    display: none;
  }

  .cartHeaderLeft {
    display: none;
  }

  .cartQuantity {
    width: 90%;
    padding: 1px;
    font-size: 13px;
  }

  .storeListItem {
    width: 96%;
  }

  .footerBottom .footerBottomLeft {
    width: 98%;
  }

  .footerBottom .footerBottomMid {
    width: 98%;
  }

  .footerBottom .footerBottomRight {
    width: 98%;
  }

  /*#footerLinkContainer{display:none;}*/
  #footerLinkContainer .footerColA {
    display: none;
  }

  #footerLinkContainer .footerColAMobil {
    float: left;
    width: 30%;
    margin: 0%;
  }

  #footerLinkContainer .footerColB {
    float: left;
    width: 30%;
    margin: 0%;
  }

  #footerLinkContainer .footerColC {
    display: none;
  }

  #footerLinkContainer .footerProd {
    display: none;
  }

  .productThumbNameD {
    margin: 0 auto;
    width: 99%;
    height: 14px;
    overflow: hidden;
  }

  .productThumbNameD a {
    font-size: 10px;
  }

  .productThumbNoD {
    margin: 0 auto;
    width: 99%;
    height: 14px;
    text-align: center;
    overflow: hidden;
  }

  .productThumbNoD a {
    font-size: 10px;
  }

  .productThumbPriceD a {
    font-size: 10px;
  }

  .productThumbPriceD a .strike {
    font-size: 8px;
  }

  .productThumbPriceD .productThumbCurrD {
    font-size: 8px;
  }

  .productDetailPrice {
    margin: 10px 0px 0px 0px;
  }

  .productDetailPriceDiscount {
    margin: 10px 0px 10px 5px;
  }

  .productDetailPriceSale {
    margin: 10px 0px 10px 0px;
  }

  .productDetailCargo {
    display: none;
  }

  .productDetHolder {
    float: left;
    width: 100%;
    min-width: 0px;
  }

  #memberContainer {
    width: auto;
    text-align: center;
  }

  #memberLogin {
    margin: 5px 1%;
    height: auto;
  }

  #memberNew {
    margin: 5px 1%;
    height: auto;
  }

  .actualMember {
    display: none;
  }

  #orderCart {
    width: 97%;
  }

  #orderContainer {
    float: left;
    margin: 1% 1% 1% 1%;
    width: 97%;
  }

  #orderContainer #orderTabs {
    height: 60px;
  }

  #orderContainer #orderTabs .orderTabItemSub {
    display: none;
  }

  #orderTabContents .tabContentTitle {
    width: 100%;
    font-size: 14px;
  }

  #orderContainer #orderTabContents .addressContainer {
    float: left;
    margin: 0% 1% 1% 0%;
    padding: 1%;
    width: 96%;
    height: 118px;
    border: 2px solid #ccc;
  }

  #orderContainer #orderTabContents #address-0 {
    padding: 4%;
    width: 90%;
    height: 24px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  #tab-payment #paymentTabs {
    height: 26px;
    border-bottom: 3px solid #6a1;
    font-size: 12px;
    font-weight: normal;
  }

  #tab-payment #paymentTabs .paymentTabItem {
    margin-right: 3px;
    padding: 3px;
  }

  #tab-payment #paymentTabs .paymentTabItemSelected {
    margin-right: 3px;
    padding: 3px;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue {
    clear: left;
    padding: 1%;
    width: 98%;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead {
    font-size: 14px;
    font-weight: bold;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine #paymentTypeBreak {
    clear: both;
    display: ;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeHead1 {
    float: left;
    padding: 1%;
    width: 33%;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypePunc1 {
    float: left;
    padding: 1%;
    width: 3%;
    text-align: right;
  }

  #tab-payment #paymentTabContents .paymentTabContent .paymentTypeLine .paymentTypeValue1 {
    float: left;
    padding: 1%;
    width: 58%;
  }

  .cartTitleBar {
    display: none;
  }

  .cartLine {
    font-size: 13px;
    border-bottom: 1px dashed #ccc;
  }

  .cartLine:hover {
    background: #fef;
  }

  .cartLineCol0 {
    float: left;
    padding: 1% 0;
    width: 36%;
  }

  .cartLineCol0 .cartProductImage img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
  }

  .cartLineCol1 {
    float: left;
    padding: 1% 2%;
    width: 60%;
  }

  .cartLineCol2 {
    float: left;
    padding: 1% 2%;
    width: 38%;
    text-align: center;
  }

  .cartLineCol2 div {
    margin-bottom: 10px;
  }

  .cartLineCol2 div img {
    cursor: pointer;
  }

  .cartLineCol3 {
    float: left;
    padding: 1% 0;
    width: 15%;
    height: auto;
  }

  .cartLineCol4 {
    float: left;
    padding: 1% 0%;
    width: 61%;
    height: auto;
    text-align: right;
    display: none;
  }

  .cartLineCol5 {
    float: right;
    padding: 1% 0;
    width: 61%;
    height: auto;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
  }

  .cartLineCol5 span {
    display: inline;
  }

  .cartLineCol4E {
    float: left;
    padding: 1% 0;
    width: 60%;
    text-align: right;
  }

  .cartLineCol5E {
    float: left;
    padding: 1% 0;
    width: 60%;
    text-align: right;
  }

  #buttonBreak {
    display: none;
  }

  .cartDelete {
    float: left;
    margin: 2% 0 0 4%;
  }

  .cartInfoArea {
    display: none;
  }

  .payCol2 .bilgiSayfa {
    display: none;
  }

  #headerCart {
    display: none;
  }

  #headerCartMobil {
    padding: 0px 10px;
    height: 50px;
    text-align: right;
    cursor: pointer;
    display: inline;
  }

  .orderInfoContainer div {
    margin-bottom: 1%;
  }

  .ordenInfoCol1 {
    float: left;
    width: 99%;
    font-weight: bold;
  }

  .ordenInfoCol2 {
    display: none;
  }

  .ordenInfoCol3 {
    float: left;
    width: 99%;
  }

  .ordersCol1 {
    padding: 1%;
    float: left;
    width: 98%;
  }

  .ordersCol1 .ordersCol1Sub div {
    float: left;
    padding: 1% 2% 1% 0%;
  }

  .ordersCol2 {
    padding: 1%;
    float: left;
    width: 80%;
  }

  .ordersCol3 {
    padding: 1%;
    float: left;
    width: 8%;
  }

  .ordersCol4 {
    padding: 1%;
    float: left;
    width: 98%;
    text-align: left;
  }

  .ordersCol5 {
    padding: 1%;
    float: right;
    width: 98%;
    text-align: right;
  }

  .ordersSubCol1 {
    float: left;
    margin-top: 1%;
    padding: 1%;
    width: 40%;
    max-width: 120px;
    border: 1px solid #ccc;
  }

  .ordersSubCol1 img {
    width: 100%;
  }

  .ordersSubCol2 {
    padding: 1% 1%;
    float: left;
    width: 54%;
  }

  .ordersSubCol3 {
    margin-top: 1%;
    padding: 10px;
    height: 132px;
  }

  .orderDetailBoxLeft {
    float: left;
    width: 100%;
    border-right: 0px;
    border-bottom: 1px solid #ccc;
  }

  .orderDetailBoxLeft .orderDetailSubTitle {
    float: left;
    padding: 1%;
    width: 33%;
    font-weight: bold;
  }

  .orderDetailBoxLeft .orderDetailSubContent {
    float: left;
    padding: 1%;
    width: 63%;
  }

  .orderDetailBoxRight {
    float: left;
    width: 100%;
  }

  .orderDetailCol1 {
    float: left;
    padding: 1% 1%;
    width: 31%;
    font-weight: bold;
  }

  .orderDetailCol2 {
    float: left;
    padding: 1% 1%;
    width: 1%;
    font-weight: bold;
  }

  .orderDetailCol3 {
    float: left;
    padding: 1% 1%;
    width: 62%;
  }

  .orderDetailAddress {
    float: left;
    width: 100%;
  }

  .orderDetailAddressCol1 {
    float: left;
    padding: 1% 1%;
    width: 31%;
    font-weight: bold;
  }

  .orderDetailAddressCol2 {
    float: left;
    padding: 1% 1%;
    width: 1%;
    font-weight: bold;
  }

  .orderDetailAddressCol3 {
    float: left;
    padding: 1% 1%;
    width: 62%;
  }

  .orderDetailResim {
    float: left;
    padding: 1% 1%;
    width: 20%;
  }

  .orderDetailResim img {
    width: 100%;
    max-width: 50px;
    height: auto;
    border: 1px solid #ccc;
  }

  .orderDetailUrun {
    float: right;
    padding: 1% 1%;
    width: 70%;
  }

  .orderDetailMiktar {
    float: right;
    padding: 1% 1%;
    width: 70%;
    text-align: left;
  }

  .orderDetailMiktar span {
    display: inline;
  }

  .orderDetailFiyat {
    float: right;
    padding: 1% 1%;
    width: 70%;
    text-align: left;
  }

  .orderDetailTall {
    height: auto;
    border-bottom: 0px solid #ccc;
  }

  .orderDetailFooterCol1 {
    float: left;
    padding: 1%;
    width: 60%;
    text-align: right;
  }

  .orderDetailFooterCol2 {
    float: left;
    padding: 1%;
    width: 36%;
    text-align: right;
  }

  .orderDetailNoteLeft {
    float: left;
    padding: 1%;
    width: 30%;
    border-right: 0px;
    border-bottom: 0px solid #ccc;
  }

  .orderDetailNoteLeft img {
    padding: 0px;
    width: 100%;
    max-width: 120px;
    height: auto;
    padding: 0px;
    border: 1px solid #ccc;
  }

  .orderDetailNoteRight {
    float: left;
    width: 60%;
  }

  .hideOnMobile {
    display: none;
  }

  .showOnMobile {
    display: inline;
  }

  .paymentTellLine {
    width: 99%;
    max-width: 596px;
    padding: 1% 0px;
    border-bottom: 1px solid #ccc;
  }

  .paymentTellLine .paymentTellHead {
    float: left;
    padding: 1%;
    width: 98%;
  }

  .paymentTellLine .paymentTellPunc {
    display: none;
  }

  .paymentTellLine .paymentTellValue {
    float: left;
    padding: 1%;
    width: 98%;
  }

  #supportLeft {
    float: left;
    margin: 1%;
    width: 98%;
    min-width: 190px;
    min-height: 200px;
  }

  #supportLeft ul {
    margin-top: 1%;
  }

  #supportLeft ul .supportMenuMain {
    margin: 0px;
    padding: 2%;
    width: 94%;
    font-size: 13px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
  }

  #supportRight {
    float: left;
    margin: 1% 1% 1% 1%;
    width: 98%;
    min-height: 200px;
  }

  #accountTitle2 {
    margin: 10px auto 0 auto;
  }

  #accountContent2 {
    clear: left;
  }

  .francahise_sag {
    clear: left;
  }

  .rateProdPicture {
    float: left;
    width: 100%;
  }

  .rateProdDetails {
    float: left;
    width: 100%;
  }

  .rateProdResult {
    float: left;
    width: 100%;
  }

  .tab-container {
    width: 98%;
    min-width: 315px;
    overflow: hidden;
    margin-top: -160px;
  }

  .productBigImageD2 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 10;
  }

  .productBigImageD2 img {
    /*position: absolute;*/
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }

  .mhBilgi {
    margin: 0.5% 1% 0.5% 1%;
    padding: 0.5% 1%;
    font-size: 14px;
    font-weight: bold;
    font-family: Swis721 BlkRnd BT, Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 3px 5px 5px 1px #999;
    -webkit-box-shadow: 3px 5px 5px 1px #999;
    box-shadow: 3px 5px 5px 1px #999;
  }
}

.top-menu-wrapper {
  background-color: #f09;
}

.top-menu {
  max-width: 1600px;
  margin: 0 auto;
  background-color: #f09;
}

.top-menu .clear {
  height: 0 !important;
}