.myCard {
	margin-bottom: 25px;
	}

.myCard .menu {width: 170px; overflow: hidden;float: right; border: 0px;border-top: solid #9f9f9f 1px;border-left: solid #9f9f9f 1px;position: relative;
font-size: 10px;
visibility: visible;font-family:"Almoni",arial; }
.myCard .tabs {border-bottom: solid #9f9f9f 1px; margin-top: 0;	}
.myCard .tabs ul {border-bottom: 0;	}
.myCard .tabs li {width: 115px;}
.myCard .tabs li a {text-align: center;}
.myCard .tabContent #MyCard_btnCoupons sub{vertical-align:text-top;font-size:70%;color:#FF3A1E;}

.myCard .cardTabs {}
.myCard .tabsContent {
	background: #fff;
	border: solid #9f9f9f 1px;	
	border-top: 0;
	border-left	: 0;
	padding: 10px 0; 
	}
	
.myCard .tabContent {display:none;}
.myCard .tabsContent .active-tab {display:block;}

.myCard .tabContent a {
	font-size: 19px;
	display: block;
	color: #9f9f9f;
	text-decoration: none;
	padding: 5px; 
	padding-right: 10px;
	margin-bottom: 5px;
	position: relative;
    }
    

#TabContent_Messages a {padding-right: 30px; }

.active-panel table { font: 400 18px/18px 'Almoni', arial;}
    
.myCard .tabContent a.active ,
.myCard .tabContent a.active em
{background: #409cd6; color: #fff;}

#MyCard_btnInbox em {color: #409cd6; font-style: normal; text-decoration:none;}
#MyCard_btnInbox.active em {color: #fff;}
#MyCard_btnTrash i {
	position: absolute;
	right :3px;
	top: 5px;
	width: 25px; 
	height: 25px; 
	background: url(/images/p1000/icons-sprite.png) no-repeat -325px -146px;		
	
	}
	
#MyCard_btnArchive i {
	position: absolute;
	right :3px;
	top: 5px;
	width: 25px; 
	height: 25px; 
	background: url(/images/p1000/icons-sprite.png) no-repeat -325px -182px;		
	
	}
	
#MyCard_btnNewMessage i {
	position: absolute;
	right :3px;
	top: 5px;
	width: 25px; 
	height: 25px; 
	background: url(/images/p1000/icons-sprite.png) no-repeat -325px -220px;		
	}
			


.panel {
	display:none;
	float: right;  
	width: 86%;
	background: #fff;	
	min-height: 300px;
	padding: 0px;
	border: solid #9f9f9f 1px;
	margin-right: -1px;
	position: relative;
    }
    
.active-panel {display:block;}

.panelMyCard,.panelCRMNew { padding: 20px; width: 688px; font-size: 19px;}
.panelMyCard .name {font-weight: bold;}

.panelMyOrders {padding: 10px 0;}
.panelLostCalls {padding: 10px 0;}

.panelUpdateDetails {padding: 20px; width: 688px;}
.panelUpdateDetails .control-group {clear: right;}

.order .actions .facebookShare{background: #5165a6;
display: block;
text-decoration: none;
color: #fff;
text-align: center;
padding-right: 0px;
font-weight: normal;
cursor: pointer;}
.order .actions .facebookShare i {display: inline-block;background: url(/images/p1000/icons-sprite.png) no-repeat -269px -322px;vertical-align: middle;width: 16px;height: 17px;padding-right:10px;}
.order {
	position: relative;
	border-bottom: solid #ededed 1px;
	margin-left: 10px;	
	margin-bottom: 20px;
	display: table;
	width: 100%;
    }
     
.order .orderItems {float:right;display:table-cell;}  
.order .orderItem {display:inline-table;}
.order .img {float:right;margin-left: 10px;}
.order .img img {width: 150px; height: 150px; border: solid #9f9f9f 1px; margin-right: 20px; margin-bottom: 29px; }

.order .details {
	
	display: table-cell;	
	padding-right:10px;
	top: 0px;
	width: 540px;	
	padding: 0;
	float:right;
	}
.order .details h4 {margin: 0; margin-bottom: 10px;}

.order .details h4 a, 
.order .details h4 a:visited {
	 font-size: 16px;
	 text-decoration:none;
	 color: #000;
	 }
	  

.order .details .info { font-size: 14px;	} 

.order .actions {
	float:left;display:table-cell;
	left: 10px; 
	position:absolute;
	}

.order .actions a,
.order .actions a:visited {
	display: block;
	width: 140px; 
	height: 25px;
	padding-top: 1px;
	margin-bottom: 2px;
	font-size: 17px; 
	color: #fff;
	background: #409cd6;	
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	}

.order .actions .btnInvoice,
.order .actions .btnInvoice:visited {	
	background: #FF563E;
	
	} 

.order .actions .btnViewOrder,
.order .actions .btnViewOrder:visited {	
	background: #409cd6;
	
	}
	
.order .actions .btnSupport,
.order .actions .btnSupport:visited {	
	background: #9f9f9f;
	
	}	
 
.order .actions .btnSend,
.order .actions .btnSend:visited {	
	background: #409cd6;	
	}	
.myCard	.UserCoupons{padding-right: 1px;}
.myCard	.UserCoupons .panel{border:0px;}

.msgIndex .actions {margin-top: 7px; background: #9f9f9f; padding-right: 44px; }
.msgIndex .actions a {
	font-size: 16px; 
	font-weight: bold;
	color: #fff; 
	text-decoration: none; 
	float: right; 
	padding: 10px 5px;
	margin-left: 35px;
	}

.msgIndex .titles {font-size: 19px; border-bottom: solid #ededed 1px; margin: 0 27px 15px; padding: 10px 0;}
.msgIndex .titles .markrow {float: right; width: 0px; }
.msgIndex .titles .from {float: right; width: 150px; padding-right: 21px;}
.msgIndex .titles .subject {float: right; width: 450px;}
.msgIndex .titles .date {float: right; }
	
.msgIndex {}
.msgIndex .messages {}
.msgIndex .message {clear:both; color: #9f9f9f;font-size: 16px; margin-bottom: 12px;}
.msgIndex .message .mark {float: right; width: 49px; }
.msgIndex .message .mark input {margin-right: 12px; }
.msgIndex .message .from {float: right; width: 150px;}
.msgIndex .message .subject {float: right; width: 450px;}
.msgIndex .message .date{float: right;  }
		
.msgIndex .unread {color: #000;}		

#searchCalls {
border: solid #409cd6 1px;
background-color: #f5f3f4;
height: 30px;
width: 200px;
margin: 15px;
}
.table{width:100%;}
 .table th{text-align:right;}

#bsdata{

height: 34px;
border: 0;
background-color: #ff563e;
color: white;
width: 70px;
}
.crmOrders{ height: 34px;
border: 0;
background-color:#1F6692;
color: white;
width: 70px;
padding: 9px 14px;
text-decoration: none;
font-size: 14px;}
.crmNew{ height: 34px;
border: 0;
background-color: #45A8E6;
color: white;
width: 70px;
padding: 9px;
text-decoration: none;
font-size: 14px;}
.title{font-size:14px;font-weight:bold;padding: 5px 36px;margin-right: -15px;}
.myCard .panelCoupons .tabs{display: inline-block;margin-top: 3px;width: 100%; }
.myCard .panelCoupons .tabs h4{font-weight: 700;
font-size: 18px !important;
color: #ffffff!important;
background: #FFFFFF;
float: right;
margin: 0px 10px -1px 0px !important;
padding: 10px;
cursor: pointer;}
.myCard .panelCoupons .tabs h4{font-weight: 700;
font-size: 18px !important;
color: #ffffff!important;
background: #70B9E7;
float: right;
margin: 0px 10px -1px 0px !important;
padding: 10px;
cursor: pointer;}
.myCard .panelCoupons .tabs .active {
font-weight: 700;
color: #409cd6!important;
background: white;
border: 1px solid;
border-color: gray gray white;
top: 0px;
border-bottom: 2px solid white;}

.myCard .panelCoupons .panel{border-top:0px;}
.myCard .order .coupon {width:662px;  margin: 10px;padding:10px;}    
 .myCard .order .coupon table{width:100%;}
 
 .myCard .order .coupon .SiteCoupon .headerSeparator{background-color:#CFE6F4;border-bottom:#409CD6;}
  .myCard .order .coupon .SiteCoupon .headerSeparatorBody{background-color:#CFE6F4;height:32px;border-bottom:solid 8px #409CD6;text-align:center;}
  .headerSeparatorBody div{display:none;}
    .myCard .order .coupon .SiteCoupon .couponcontent{background-image:url(/images/p1000/CheckOnlyCenter.png);background-repeat:no-repeat;width:100%;border-collapse:collapse;height:211px;margin:auto;}
    .myCard .order .coupon .SiteCoupon .cell{padding:3px;border-bottom: solid 1px #409CD6;text-align: right;margin:2px;font-size:16px;padding-right:30px;}
    
     .myCard .order .coupon .Platinum .couponcontent{background-image:url(/images/p1000/BodyPlatinum.png);background-repeat:no-repeat;width:100%;border-collapse:collapse;height:211px;margin:auto;}
     .myCard .order .coupon .Platinum .headerSeparator{background-color:#9b9d9f;border-bottom:#c8c9cb;}
	 .myCard .order .coupon .Platinum .headerSeparatorBody{background-color:#9b9d9f;height:32px;border-bottom:solid 8px #c8c9cb;}
     .myCard .order .coupon .Platinum .cell{padding:3px;border-bottom: solid 1px #c8c9cb;text-align: right;margin:2px;font-size:16px;padding-right:30px;}
     
     
      .myCard .order .coupon .Gold .couponcontent{background-image:url(/images/p1000/BodyGold.png);background-repeat:no-repeat;width:100%;border-collapse:collapse;height:211px;margin:auto;}
     .myCard .order .coupon .Gold .headerSeparator{background-color:#fcd960;border-bottom:#fbc926;}
	 .myCard .order .coupon .Gold .headerSeparatorBody{background-color:#fcd960;height:32px;border-bottom:solid 8px #fbc926;}
     .myCard .order .coupon .Gold .cell{padding:3px;border-bottom: solid 1px #fbc926;text-align: right;margin:2px;font-size:16px;padding-right:30px;}
     
     
    .myCard .order .coupon .couponcontent td {padding-right:10px;}
    .myCard .order .coupon table .cell{padding:3px;border-bottom: solid 1px #409CD6;text-align: right;margin:2px;font-size:16px;padding-right:30px;}
.myCard .disabled .order .coupon table {filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.3;}
.myCard .order .coupon .Platinum .logo,.myCard .order .coupon .Gold .logo{display:none;}
.disabled{filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
        filter: alpha(opacity=50);
 
        }
 .categoryResults_items a.cartFrame_itemDelete:before {
    content: '';
    position: absolute;
    left: 50%;   
    width: 12px;
    height: 18px;
    background: url(/images/p1000/cart_delete.png) left top repeat-y;
    background-size: 100% auto;
    top: 0px;
    margin-left: 20px;
}
.categoryResults_items a.cartFrame_itemDelete {
    position: absolute;
    left: 7px;
    top: 2px;
    display: block;
    width: 45px;
    height: 10px;
    padding-top: 0px;
    text-decoration: none;
    text-align: center;
   
    font: 400 16px/16px "Almoni",arial;
    z-index:1;
}

.container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float:right;
  width:auto;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border:solid 1px #000000;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wishsms .submit {
    width: 94px;
    height: 31px;
    background-color: #3f9ad3;
    color: white;
    font: 400 23px "Almoni",arial;
}
.wishsms
{
	float:left;border: 1px solid #eaeaea;
    height: 52px;
    padding: 10px 30px 0px 30px;
    margin-top:0px;
    margin-left:20px;
    position: relative;
    z-index: 3;
    border-radius: 9px;vertical-align:middle;
}
.wishsmsText {padding-right:20px;padding-left:20px;}
@media only screen and (min-width: 1336px) 
{			
	
	.panelMyCard,.panelCRMNew { width: 86%; }
	.panelUpdateDetails {width: 86%;}
	#RelatedProductsSlider {width: 86%;}
	#RelatedProductsSlider .bx-next {    left: 943px;}
	#RelatedProductsSlider .bx-prev {    left: -5px;}
}

@media only screen and (min-width: 651px) and (max-width: 800px) 
{	
	.panel {width: 100%;}	
	.panelMyCard ,.panelCRMNew{ width: 454px; }
	.panelUpdateDetails {width: 454px;}
	
	.order {margin-left: 4px;}
	.order .img img {margin-right: 10px;width: 142px; height: 142px;}
	.order .details {width: 293px; right: 165px;}
	.order .details h4 {margin-bottom: 7px; line-height: 15px;}
	.order .details h4 a, 
	.order .details h4 a:visited {font-size: 13px; font-weight: bold;}
	.order .details .info {font-size: 13px;}

	.order .actions {left: 0; bottom: 3px;}
	.order .actions a, 
	.order .actions a:visited {width: 120px; height: 21px; font-size: 12px;}
	
	.panelInbox,  
	.panelOutbox,
	.panelTrash,
	.panelArchive,
	.panelNewMessage 	
	{clear: right; margin-top: 0; margin-right: 0; width: 732px;}
	.myCard .order .coupon table .cell {font-size: 15px;padding-right: 3px;}

	.myCard .order .coupon {width: 490px;margin: 0px; padding: 0px;}

}

@media only screen and (max-width: 650px) 
{
	.myCard .tabsContent {border-left: solid #9f9f9f 1px;	}
	.panel {width: 100%; margin-right: 0; padding: 5px;margin-top: 0; }	
	.panelMyCard ,.panelCRMNew{ width: 100%;padding: 10px; font-size: 15px;}
	.panelUpdateDetails {width: 450px;padding: 10px; }
	.myCard .menu {display:none;}
	.order {margin-left: 4px;}
	.order .img img {margin-right: 5px;width: 120px; height: 120px;}
	.order .details {width: 293px; right: 135px;}
	.order .details h4 {margin-bottom: 7px; line-height: 15px;}
	.order .details h4 a, 
	.order .details h4 a:visited {font-size: 12px; font-weight: bold;}
	.order .details .info {font-size: 11px;}

	.order .actions {left: 0; bottom: 3px;}
	.order .actions a, 
	.order .actions a:visited {width: 110px; height: 21px; font-size: 11px;}
 
	 
	
	.panelUpdateDetails {width: 440px;}
	.panelInbox,  
	.panelOutbox,
	.panelTrash,
	.panelArchive,
	.panelNewMessage 	
	{clear: right; margin-top: 0; margin-right: 0; width: 440px;}
	
	.msgIndex .actions a {font-size: 15px;}
	.msgIndex .titles{font-size: 16px;}
	.msgIndex .titles .from {width: 85px;}
	.msgIndex .titles .subject {width: 220px;}
	
	
	.msgIndex .message{font-size: 14px;}
	.msgIndex .message .from {width: 85px;}
	.msgIndex .message .subject {width: 220px;}
	.msgIndex .message .date {padding-right: 10px;}
	.ui-jqgrid .ui-jqgrid-htable th {font-size:16px;}
	.ui-jqgrid .ui-jqgrid-btable{font-size:12px;}
	.UserCoupons .panel{padding:0px;}
	 .myCard .order .coupon{width: 465px;    margin: 0px;padding:0px;}
	 .myCard .order .coupon table .cell {font-size: 14px;padding-right: 3px;}

}

@media only screen and (max-width: 375px) 
{ 
	
	.wishsms {    padding: 10px 2px 0px 2px;}
	.wishsms .submit {    width: 54px;    }
	.wishsmsText {padding-right:3px;padding-left:3px;}
    .myCard .tabsContent {border-left: solid #9f9f9f 1px;	}
	.panel {width: 100%; margin-right: 0; padding: 5px;margin-top: 0; }	
	.panelMyCard { width: 305px;padding: 5px;font-size: 13px; }
	.panelUpdateDetails {width: 305px;padding: 5px;font-size: 14px; padding-bottom:15px;}
	.panelUpdateDetails .singleoption-group  {height: 44px; 	}
	
	.order {margin-left: 4px; height: 130px;}
	.order .img img {margin-right: 0px;width: 80px; height: 80px;}
	.order .details {width: 209px; right: 90px;}
	.order .details h4 {margin-bottom: 5px; line-height: 12px;}
	.order .details h4 a, 
	.order .details h4 a:visited {font-size: 11px; font-weight: bold;}
	.order .details .info {font-size: 10px;}

	.order .actions {left: 0; bottom: 3px;}
	.order .actions a, 
	.order .actions a:visited {width: 80px; height: 13px; font-size: 9px;}
 
	 .ui-jqgrid .ui-jqgrid-btable{font-size:9px !important;}	
	.ui-jqgrid .ui-jqgrid-htable th {font-size:14px!important;}
	.ui-jqgrid .ui-jqgrid-pager{font-size:10px!important;}	
	.panelUpdateDetails {width: 305px;}
	.panelInbox,  
	.panelOutbox,
	.panelTrash,
	.panelArchive,
	.panelNewMessage ,
	.panelCRMNew	
	{clear: right; margin-top: 0; margin-right: 0; width: 305px;}
	
	.msgIndex .actions {padding-right: 24px;}
	.msgIndex .actions a {font-size: 12px; margin-left: 5px;}
	.msgIndex .titles{font-size: 14px; margin-right: 8px;}
	.msgIndex .titles .from {width: 54px; }
	.msgIndex .titles .subject {width: 152px;}
	
	
	.msgIndex .message{font-size: 12px;}
	.msgIndex .message .mark{width: 30px;}
	.msgIndex .message .from {width: 54px;}
	.msgIndex .message .subject {width: 142px;}
	.msgIndex .message .date {padding-right: 10px;}
     .myCard  .order .coupon{margin-right:-10px;width:321px;font-size:13px!important;}
     .myCard  .order .coupon .logo{visibility:hidden;display:none;width:1px;}
      .myCard  .order .coupon .cell{font-size:14px!important;padding-right:1px;}
     .myCard  .panelCoupons .order{height:200px;}
     .myCard .order .coupon .couponcontent{background-image:url(/images/p1000/CouponMobile.png);height:156px;}
          .myCard .order .coupon .couponcontent td{padding-left: 60px;}
}


.myCard .pagination {height: 30px; margin-bottom: 12px; clear: both;padding-left:14px; }
.myCard .pagination ul {}
.myCard .pagination li {display:inline; }
.myCard .pagination a, 
.myCard .pagination a:hover {
	float: left;
    padding: 5px 7px 7px 7px;
    min-width: 33px;
    height: 31px;
    border: solid #9f9f9f 1px;
    background: #fff;
    color: #9f9f9f;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    margin-right: 3px;
	}

.myCard .pagination .bx-prev {}
.myCard .pagination .bx-next {}
.myCard .pagination .current {}
.myCard .pagination .current a {background: #9f9f9f;color: #fff;}
.myCard .pagination .nextBlock {}
.myCard .pagination .nextBlock a {background: transparent; border: 0; font-weight: bold; font-size: 22px;}

@media screen and (max-width: 480px) {

   .wishsms {    padding: 10px 5px 0px 5px;}
   	.wishsms .submit { width: 54px;}
}