.checkoutArea{padding:10px; overflow:hidden}
.SCPage2 h2{ padding:0 50px 10px 0; background:url('../images/icons/default/wishlist_icon.png') right no-repeat; border-bottom:3px solid #2192e9}
.SCPage {background: #FFF;padding: 10px;}
.SCPage h2{padding:0 50px 10px 0; background:url('../images/icons/default/shoppingCart.png') right no-repeat; border-bottom:3px solid #2192e9; color:#666}
.cartTable{width:100%; border:1px solid #999; background:#FFF; color:#444; font-size:13px}
.cartTable th{text-align:center; background:#EEE; line-height:30px}
.cartTable .odd{background:#F5F5F5; border-bottom:1px solid #CCC; line-height:25px}
.cartTable .even{background:#FFF; border-bottom:1px solid #CCC; line-height:30px}
.cartTable tbody td{text-align:center; padding:15px 0}
.cartTable tfoot td{text-align:center; padding:10px 0}

.wizard .hormenu{list-style:none}
.wizard .hormenu li{float:right; width:20%}
.wizard .hormenu li a{display:block}
.wizard .hormenu li a:hover{text-decoration:none}
.wizard .hormenu li a span.h2{font-size:16px; color:#666; text-align:center; display:block}
.wizard .hormenu li a span.dot{display:block; height:20px; margin-top:5px; text-align:center; background:url(../images/stepline.png) repeat-x center left}
.wizard .hormenu li span.label{display:block; text-align:center; color:#999; background:none; font-size:15px}
.wizard .hormenu li a span.dot span{width:20px; height:20px; display:inline-block; background:url(../images/steps.png) no-repeat 0 -40px}
.wizard .hormenu li:first-child a span.dot{margin-right:45%; text-align:right}
.wizard .hormenu li:last-child a span.dot{margin-left:45%; text-align:left}
.wizard .hormenu li a.done span.h2, .wizard .hormenu li a.done span.label{color:#CCC}
.wizard .hormenu li a.done span.dot span{background-position:0 -20px}
.wizard .hormenu li:first-child a.done span.dot span{background-position:0 0}
.wizard .hormenu li a.selected span.dot span{background-position:0 -120px}
.wizard .hormenu li:first-child a.selected span.dot span{background-position:0 -100px}
.wizard .hormenu li a.selected span.h2, .wizard .hormenu li a.selected span.label{color:#FF6600;}
.formwiz{margin-top:30px}
.breadCrumb{direction:rtl}

.wizard .tabbedmenu{list-style:none; background:#f7f7f7; padding:10px; padding-bottom:0; border:1px solid #ddd}
.wizard .tabbedmenu li{display:inline-block; margin-left:5px; position:relative; bottom:-1px}
.wizard .tabbedmenu li a{display:block; padding:10px 20px; color:#999; border:1px solid #ddd; background:#EEE}
.wizard .tabbedmenu li a{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
.wizard .tabbedmenu li a span{font-weight:bold}
.wizard .tabbedmenu li a span.h2{color:#999; display:block; font-size:24px; font-family:'Wyekan',Arial,Helvetica,sans-serif; font-weight:normal}
.wizard .tabbedmenu li a:hover{text-decoration:none}
.wizard .tabbedmenu li a.selected, .wizard .tabbedmenu li a.done{background:#fff; color:#333; border-bottom:1px solid #fff}
.wizard .tabbedmenu li a.selected span.h2, .wizard .tabbedmenu li a.selected span{color:#333}
.wizard .tabbedmenu li a.done span.h2, .wizard .tabbedmenu li a.done span{color:#333}

.stepContainer .content{border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0}
.stepContainer h2{color:#333}
.stepContainer .par p{margin:10px 0; padding:0; border:0; background:none}
.stepContainer .par p:last-child{border-bottom:0}
.stepContainer{color: #333;}
.actionBar{padding:10px 0; position:relative; overflow:none; clear:both}
.actionBar .loader{float:right; display:none}
.actionBar a{float:left; display:inline-block; padding:12px 30px; background:#333; color:#eee; margin-right:5px; font-weight:bold; text-shadow:1px 1px #111; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;font-size:16px}
.actionBar a:hover{text-decoration:none; background:#000; color:#fff; text-shadow:none}
.actionBar a.buttonDisabled{background:#ccc; color:#666; text-shadow:1px 1px #ddd}
.actionBar a.buttonDisabled:hover{background:#ccc; color:#666; text-shadow:1px 1px #ddd; cursor:default}
.actionBar .msgBox{margin:40px 0 10px 0; position:relative}
.actionBar .msgBox .content{padding:7px 10px; background:#fffccc; color:#333; border:1px solid #FEEA7A}
.actionBar .msgBox .close{padding:0 2px 2px 2px; background:none; line-height:10px; text-transform:lowercase; font-size:10px; position:absolute; top:5px; left:7px; color:#333; text-shadow:none; font-weight:bold; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px}
.actionBar .msgBox .close:hover{background:#333; color:#eee}

.verwizard .verticalmenu{list-style:none; float:right; width:180px}
.verwizard .verticalmenu li{margin-bottom:2px}
.verwizard .verticalmenu a{display:block; padding:5px; color:#999}
.verwizard .verticalmenu a:hover{text-decoration:none}
.verwizard .verticalmenu a.selected{background:#333; color:#fff}
.verwizard .verticalmenu a.done{background:#333; color:#aaa}
.verwizard .verticalmenu a span{font-weight:bold}
.verwizard .stepContainer{margin-right:200px}
.verwizard .actionBar{margin:10px 0 0 200px}

.stdform{padding:0 10px}
.stdform p, .stdform div.par{margin:15px 0}
.stdform div.par{overflow:hidden}
.stdform span.field, .stdform div.field{margin-right:220px; display:block; position:relative}
.stdform .formwrapper{display:block; padding-top:5px; margin-right:220px; line-height:25px}
.stdform label{float:right; width:200px; text-align:left; padding:5px 5px 0 0; color:#222}
.stdform label.error{float:none; color:#f60; font-size:11px; display:block; text-align:right; font-weight:bold}

.stdform input{border:1px solid #ccc;  padding:4px 5px; width:300px; color:#000}
.stdform input:focus{background:#fff;  border-color:#000}
.stdform .smallinput{width:40%}
.stdform .mediuminput{width:60%}
.stdform .longinput{width:80%}
.stdform input.error{border:1px solid #f60}

.stdform input[type=radio], .stdform input[type=checkbox]{width:auto; margin:0; vertical-align:middle}
.stdform input[type=submit]{width:auto; margin:0; font-weight:bold; color:#eee; background:#333; border:0; padding:7px 10px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; cursor:pointer}
.stdform input[type=reset]{width:auto; margin:0; color:#666; border:1px solid #ccc; background:#eee; padding:7px 10px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin-right:5px}
.stdform input[type=submit]:hover{background:#222; color:#EEE}
.stdform input[type=reset]:hover{background:#222; cursor:pointer; color:#EEE}

.stdform textarea{border:1px solid #ccc;  padding:4px 5px; color:#000}
.stdform textarea.error{border:1px solid #f60}

.stdform select{border:1px solid #ccc;  min-width:40%;  color:#000;}
.stdform select.error{border:1px solid #f60}

.stdform textarea:focus, .stdform select:focus{background:#fff;  border-color:#ccc}

.stdform button{border:1px solid #333; background:#333; color:#fff; cursor:pointer; padding:7px 10px}
.stdform button:hover{background:#111; border:1px solid #000; color:#fff}
.stdform button.cancel{background:#eee; color:#666; border:1px solid #ddd}
.stdform button.cancel:hover{background:#ddd; border:1px solid #ccc}
.stdform small.desc{font-size:11px; color:#999; font-style:italic; display:block; margin:5px 0 0 220px}
.stdform .stdformbutton{margin-right:220px}

.stdform2 p, .stdform2 div.par{border:0px solid #ccc; margin:0; border-top:0; padding:0; background:#fff}
.stdform2 div.terms{border:0; background:none}
.stdform2 p:first-child, .stdform2 div.par:first-child{border-top:0px solid #ccc}
.stdform div.par{overflow:hidden}
.stdform2 label{display:inline-block;  vertical-align:top; text-align:right; }
.stdform2 label.error{margin-right:0; padding:0}
.stdform2 label small{font-size:11px; color:#999; display:block; font-weight:normal; line-height:16px}
.stdform2 span.field, .stdform2 div.field{margin-right:220px; display:block; background:#fff; padding:5px; border-right:0px solid #ccc}
.stdform2 .stdformbutton{margin-right:0; padding:20px; background:#fff}

.notification{height:51px; overflow:hidden; position:relative; margin-bottom:20px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:1px 1px 2px #ddd}
.notification p{margin:5px 75px 0 10px; font-size:13px; color:#F60; padding:0}
.notification a.close{position:absolute; width:14px; height:14px; top:5px; left:5px; background-image:url(../images/close.png); background-repeat:no-repeat}
.notification a.close:hover{cursor:pointer}
.msgalert a.close{background-position:-14px 0}
.msgalert a.close:hover{background-position:-14px -14px}
.msginfo a.close{background-position:-42px 0}
.msginfo a.close:hover{background-position:-42px -14px}
.msgsuccess a.close{background-position:-28px 0}
.msgsuccess a.close:hover{background-position:-28px -14px}
.msgerror a.close{background-position:0 0}
.msgerror a.close:hover{background-position:0 -14px}

.msgalert{border:1px solid #eac572; background:#ffe9ad url(../images/notifications.png) no-repeat right -52px}
.msginfo{border:1px solid #99c4ea; background:#d1e4f3 url(../images/notifications.png) no-repeat right -156px}
.msgsuccess{border:1px solid #c1d779; background:#effeb9 url(../images/notifications.png) no-repeat right -104px}
.msgerror{border:1px solid #e18b7c; background:#fad5cf url(../images/notifications.png) no-repeat right 0}
.warningBox{padding:10px; margin:5px auto; background:#fffdd9; border:1px solid #ffc580; color:#444}

.stdtable{width:100%}
.stdtable .con0{background:#fcfcfc}
.stdtable .con1{background:#f9f9f9}
.stdtable th, .stdtable td{line-height:16px; vertical-align:middle}
.stdtable thead th, .stdtable thead td{padding:5px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc}
.stdtable tfoot th, .stdtable tfoot td{padding:5px 10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc}
.stdtable thead th:first-child, .stdtable tfoot th:first-child, 
.stdtable thead td:first-child, .stdtable tfoot td:first-child{border-right:1px solid #ddd}
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0{background-color:#eee}
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1{background-color:#ddd}
.stdtable thead th.sorting, .stdtable thead td.sorting{background-image:url(../images/sort_both.png); background-repeat:no-repeat; background-position:right 3px}
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc{background-image:url(../images/sort_asc.png); background-repeat:no-repeat; background-position:right 4px}
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc{background-image:url(../images/sort_desc.png); background-repeat:no-repeat; background-position:right 4px}
.stdtable thead td{font-weight:bold}
.stdtable thead td.center{text-align:center}
.stdtable tbody tr td{padding:8px 10px; border-left:1px solid #eee; border-bottom:1px solid #eee; background:#FFF}
.stdtable tbody tr:last-child td{border-bottom:1px solid #ccc}
.stdtable tbody tr td:first-child{border-right:1px solid #ddd}
.stdtable tbody tr td:last-child{border-left:1px solid #ddd}
.stdtable tbody tr:hover td, .stdtable tbody tr.selected td{background:#fffccc; color:#333}
.stdtable tbody tr.togglerow td{background:#fff}
.stdtable tbody tr.togglerow:hover td{background:#fff}
.stdtable tbody tr.hiderow{display:none}
.stdtable a{color: #B0000B;}
.tableoptions{background:#eee url(../images/titlebg.png) repeat-x top left; border:1px solid #ccc; border-top:0; padding:8px}
.tableoptions button{background:#fcfcfc url(../images/titlebg.png) repeat-x top left; font-size:11px; color:#666; padding:7px 10px; border:1px solid #bbb; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; margin:0; outline:none}
.tableoptions button:hover{background:#eee; cursor:pointer}
.tableoptions select{background:#fcfcfc url(../images/titlebg.png) repeat-x top left; padding:6px 5px 7px 5px; border:1px solid #bbb; margin:0; outline:none; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; font-size:11px; color:#666}


.dataTables_wrapper{position:relative; color:#444}
.dataTables_length, .dataTables_paginate{background:#eee url(../images/titlebg.png) repeat-x top left; border:1px solid #ccc; border-top:0; padding:8px}
.dataTables_wrapper select{background:#fcfcfc url(../images/titlebg.png) repeat-x top left; padding:5px; border:1px solid #bbb; margin:0; outline:none; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd; font-size:11px; color:#666}
.dataTables_wrapper input{border:1px solid #ccc; padding:4px 5px 4px 5px; width:200px}
.dataTables_filter{position:absolute; top:8px; left:8px}
.dataTables_info{position:absolute; bottom:13px; right:8px}
.dataTables_paginate{text-align:left; line-height:16px}
.dataTables_paginate span{display:inline-block}
.dataTables_paginate .paginate_button{border:1px solid #ccc; color: #B0000B; padding:5px 7px; margin-right:5px; font-weight:bold; background:#fcfcfc; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;  font-size:11px; -moz-box-shadow:1px 1px 2px #ddd; -webkit-box-shadow:1px 1px 2px #ddd; box-shadow:1px 1px 2px #ddd;}
.dataTables_paginate .paginate_active{border:1px solid #222; background:#333;  color:#fff; padding:5px 7px; margin-right:5px; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-size:11px}
.dataTables_paginate .paginate_button:hover{background:#ddd; border:1px solid #ccc; cursor:pointer; color:#333}

#ProductTab .nav-tabs {
	border-bottom: 0;
	direction:rtl;
}

.table .title{
	font-size:16px;
	color:#333;	
}
@media (max-width: 880px) {
	.wizard .hormenu li a span.label{
		display:none;	
	}
}

p a{color:#09C}
p a:hover{color:#F90}
.c-info a{color:#333}
.c-info a:hover{color:#09C}

.ui-widget-content{direction:rtl}
.ui-menu .ui-menu-item a{
	display: block;
    padding: 0.2em 0.4em;
    text-decoration: none;
	text-align:right;
	font-size:14px;
	cursor:pointer;
}
.ui-menu-item a .img {

}

.ui-menu-item a .img img{max-height:45px;max-width:55px;padding:3px}

.ui-menu-item a .desc {
    direction: rtl;
	min-height:40px;
}

.ui-menu-item a .desc p {
    margin-right: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-menu .ui-menu-item a{border-bottom:1px solid #ccc}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border-bottom-right-radius:0px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-left-radius:0px}
input, button, select, textarea,table{direction:rtl}
.required{color:#F00}



.oldPrice{text-decoration:line-through; color:#E33336}
.b-description_readmore_wrapper {    
    display: flex;
    flex-flow: column wrap;
    align-items: center;  
    max-width: none !important;
    width: 100%;
}

.b-description_readmore {
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    text-align: right;
    box-sizing: border-box;
}

.b-description_readmore_button {
    display: inline-block;
    width: 150px;
    border: 0px solid #1154DB;
    padding: 10px 0; 
    cursor: pointer; 
    text-align: center;
	color:#000;
	line-height:40px;
	font-size:16px;
}

.b-description_readmore_button:hover {
    color: #B8B8B8;
}

.b-description_readmore_ellipsis:after {    
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 25px;    
    background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1) 65%);
} 	

.text-danger {
    color: #fff;
    display: inline-block;
    background-color: #a94442;
    padding: 0 5px;
    margin: 5px 0;
    border-radius: 3px;
    font-size: 11px;
}


.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}


.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #0089cf;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}

.radio label, .checkbox label{

}
.textradio {
	position: relative;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	padding-right:10px;
	font-size:16px;
}
@media screen and (max-width: 600px) {
	.bannerRight{
		display:none;
	}
}


@media screen and (min-width: 600px) {
	.productLink{
		display:none;
	}
}

  .contact-floating {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999999;
    direction: rtl;
  }

  .contact-toggle-btn {
    width: 60px;
    height: 60px;
    background: #00a884;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
    font-size: 28px;
    transition: 0.3s;
  }
  .contact-toggle-btn:hover {
    transform: scale(1.07);
  }

  /* The popup box */
  .contact-box {
    display: none;
    width: 260px;
    background: #fff;
    position: absolute;
    bottom: 80px;
    right: 0;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    padding: 18px 16px;
    animation: fadeIn .25s;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .contact-title {
    font-size: 16px;
    color: #222;
    font-weight: bold;
    margin-bottom: 6px;
  }

  .contact-text {
    font-size: 13px;
    color: #444;
    margin-bottom: 16px;
    line-height: 1.6;
  }

  .contact-btn {
    display: block;
    background: #f3f3f3;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 14px;
    color: #222;
    transition: .2s;
  }

  .contact-btn:hover {
    background: #e8e8e8;
  }

  .contact-btn img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-left: 8px;
  }

  @media (max-width: 480px) {
    .contact-box { width: 230px; }
    .contact-toggle-btn { width: 54px; height: 54px; }
  }