@import url('cs-cart-base.css');

/* [ BASE ] */

/* Ajax */
.ajax-loading-box {
	background:url('../images/bg/ajax_left.gif') no-repeat left bottom;
 	 padding: 0 0 0 5px;
/*	padding: 6px 6px 6px 26px;*/
    position: fixed;
    right: 50%;
    top: 10px;
    z-index: 18;
	display:none;
}

.right-inner-loading-box {
	background: url('../images/bg/ajax_right.gif') no-repeat right bottom;
	padding: 0 5px 0 0;
}
.ajax-inner-loading-box {
	background: #fff1a8 url('../images/icons/ajax.gif') no-repeat 5px center;
	padding: 6px 6px 6px 26px;
	font-size: 92%;
	font-weight: bold;
	color: #3f0000;
}
.ajax-message {
	border: 1px solid #000000;
	background-color: #f4fbff;
}
/* /Ajax*/

/* Picker */
.cm-picker {
	position: absolute;
	z-index: 27;
}
.cm-popup-bg {
	position: absolute;
	z-index: 26;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
}
.popup-notes-content .cm-popup-content-header {
	margin-bottom: 8px;
}
.popup-notes-content {
	border: 1px solid #909090;
}
.popup-content {
	background-color: #ffffff;
}
.cm-dashed-box {
	border: 1px dashed #909090;
	background-color: transparent;
}
.cm-popup-corner-resizer, .cm-popup-hor-resizer, .cm-popup-vert-resizer {
	margin: 0 !important;
}
.cm-popup-hor-resizer, .w-shadow, .e-shadow {
	position: absolute;
	width: 13px;
	height: 100%;
}
.cm-popup-hor-resizer {
	cursor: w-resize;
}
.cm-popup-hor-resizer {
	cursor: w-resize;
}
.cm-left-resizer, .w-shadow {
	background:url(../images/bg/shadow_w.png) repeat-y left top;
	left: -13px;
}
.cm-right-resizer, .e-shadow {
	background: url(../images/bg/shadow_e.png) repeat-y left top;
	right: -13px;
}
.cm-popup-vert-resizer, .n-shadow, .s-shadow {
	position: absolute;
	width: 100%;
	height: 18px;
}
.cm-popup-vert-resizer {
	cursor: s-resize;
}
.cm-top-resizer, .n-shadow {
	top: -18px;
	background: url(../images/bg/shadow_n.png) repeat-x left top;
}
.cm-bottom-resizer, .s-shadow {
	bottom: -34px;
	background: url(../images/bg/shadow_s.png) repeat-x left top;
}
.cm-popup-corner-resizer, .ne-shadow, .se-shadow, .sw-shadow, .nw-shadow {
	position: absolute;
	width: 13px;
	height: 18px;
}
.cm-nw-resizer, .nw-shadow {
	background: url(../images/bg/shadow_nw.png) no-repeat left top;
	top: -18px;
	left: -13px;
}
.cm-nw-resizer {
	cursor: nw-resize;
}
.cm-ne-resizer, .ne-shadow {
	top: -18px;
	right: -13px;
	background: url(../images/bg/shadow_ne.png) no-repeat left top;
}
.cm-ne-resizer {
	cursor: ne-resize;
}
.cm-sw-resizer, .sw-shadow {
	background: url(../images/bg/shadow_sw.png) no-repeat left top;
	bottom: -18px;
	left: -13px;
}
.cm-sw-resizer {
	cursor: sw-resize;
}
.cm-se-resizer, .se-shadow {
	background: url(../images/bg/shadow_se.png) no-repeat left top;
	bottom: -18px;
	right: -13px;
}
.cm-se-resizer {
	cursor: se-resize;
}
.cm-popup-content-header {
	padding: 15px 15px 5px 15px;
	cursor: move;
}
.cm-popup-content-header h3 {
	font: bold 138% Arial;
	margin: 0;
	background-color: transparent;
	padding: 0;
}
.cm-popup-content-header .float-right {
	padding: 2px 4px;
}
.cm-popup-content-footer {
	padding: 0 15px 15px 15px;
}
.object-container {
	padding: 12px;
	overflow-x: auto;
	overflow-y: scroll;
	font-weight: normal;
}
.popupbox-closer {
	position: absolute;
	right: -15px;
	top: -12px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
/* /Picker */


/* Product notification */
.product-notification {
	background-color:#FFFFFF;
	background-repeat:no-repeat !important;
	height:36px;
}
.product-notification .notification-body {
	background-image:url(../images/bg/sepet_urun_bg.png);
	background-repeat:no-repeat;
	width:244px;
	height: 27px;
	margin:10px 0 0;
	padding:7px 8px;
	float:left;
}

a.odeme_yap{
	background-image:url(../images/icons/sepet_fancy_icon.png);
	background-position: left top;
    background-repeat: no-repeat;
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding-left: 25px;
    text-decoration: none;
    width: 95px;
}

a.alisverise_devam{
	background-image:url(../images/icons/sepet_fancy_icon.png);
	background-position: left -24px;
    background-repeat: no-repeat;
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding-left: 22px;
    text-decoration: none;
    width: 98px;
}
/* /Product notification */
/* Buttons */
.button a, .button-action a, .button-big a, .button-submit-action input, .button-submit input, .button-submit-big input {
	color: #ffffff;
	font: bold 11px/11px Tahoma;
	height: 20px;
	border: 0 none;
	margin: 0;
}
.button-submit-action input, .button-submit input {
	padding: 3px 8px 4px 0
}
.button-submit-action input, .button-submit input, x:-moz-any-link {
	padding: 1px 7px 4px 0;
}
.button a, .button-action a {
	padding: 3px 10px 0 3px;
	height: 17px;
	line-height: 12px;
}
/* input buttons */
.button-submit-action, .button-submit, .button-submit-big, .button, .button-action {
	background: #f67c1c url('../images/bg/but_left_action.png') no-repeat left top;
	height: 20px;
	padding-left: 8px;
}
.button-submit, .button {
	background: #7bc3f7 url(../images/bg/but_left.png) no-repeat left top;
}
.button-submit-action input, .button-submit input, .button-submit-big input, .button-action a {
	background: transparent url('../images/bg/but_right_action.png') no-repeat right top;
}
.button-submit input, .button a {
	background: url(../images/bg/but_right.png) no-repeat right top;
}
.button-submit-big, .button-big  {
	background: #ff4f01 url('../images/bg/big_but_left.png') no-repeat left top;
	padding-left: 3px;
	height: 29px;
}
.button-submit-big input , .button-big a  {
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url('../images/bg/big_but_right.png') no-repeat right top;
	padding: 7px 19px 8px 7px;
	height: 29px;
	line-height: 16px;
}
.button-big a  {
	padding: 6px 19px 9px 7px;
	height: 14px;
}
.button-submit-big input, x:-moz-any-link {
	padding: 5px 16px 8px 4px;
}
/* /input buttons */
/* Log in/out styles */
#sign_io {
	color: #014ead;
}
.login-popup .error-text {
	color: #fd0000;
}
.login-popup .form-field label, .login .form-field label {
	color: #757474;
}
.login-popup .form-field .input-text {
	border: 1px solid #d2d9e1;
	background: #ffffff url('../images/icons/icon_username.png') no-repeat 6px 4px;
}
.login-popup .form-field .password {
	background-image: url('../images/icons/icon_password.png');
}
/* /Log in/out styles */

/* Notification box */
.notification-w, .notification-n, .notification-e {
	background-color: #d72323;
}
.notification-header-w, .notification-header-n, .notification-header-e {
	color: #ffffff;
	background: #b50000 url('../images/icons/notification_icon_e.gif') no-repeat left center;
}
.notification-body {
	color: #ffffff;
}
.notification-body a, .notification-body a:visited, .notification-body a:hover, .notification-body a:active {
	color: #ffffff;
}
.notification-n {
	background-color: #88ba00;
}
.notification-header-n {
	background: #5ca400 url('../images/icons/notification_icon_n.gif') no-repeat left center;
}
.notification-w {
	background-color: #ff9600;
}
.notification-header-w {
	background: #f66e00 url('../images/icons/notification_icon_w.gif') no-repeat left center;
}
/* /Notification box */

/*
<!-- -->
<div id="notification_bd897dc3636cc23f921d3367ee6b4b8f__6" class="product-notification-container" style="top: 274px;">
  <div class="w-shadow"></div>
  <div class="e-shadow"></div>
  <div class="nw-shadow"></div>
  <div class="ne-shadow"></div>
  <div class="sw-shadow"></div>
  <div class="se-shadow"></div>
  <div class="n-shadow"></div>
  <div class="popupbox-closer"><img alt="Close" title="Close" class="cm-notification-close" src="/cs-cart/skins/basic/customer/images/icons/close_popupbox.png"></div>
  <div class="product-notification">
    <h1>Ürün sepetinize eklendi.</h1>
    <div class="notification-body">
      <ul>
        <li><a href="index.php?dispatch=products.view&amp;product_id=1524">Puma Men's Speed Cat M</a></li>
        <li><strong class="valign">1</strong>&nbsp;x&nbsp;<span class="none">$</span><span class="none" id="sec_price_2832853818">39.99</span></li>
        <li>
          <div class="product-list-field">
            <label>Options:</label>
            Clothing Size: 4, Color: Olive/Seagrass </div>
        </li>
  
      </ul>
      
    </div>
    <div class="clear">
      <div class="float-left"> <span class="button"><a class="cm-notification-close ">Alışverişe Devam</a></span> </div>
      <div class="float-right"> <span class="button-action"><a class="" href="index.php?dispatch=checkout.checkout">Ödeme Yap</a></span> </div>
    </div>
  </div>
  <div class="s-shadow"></div>
</div>

<!-- -->
*/