.greybg{background:rgb(245, 245, 245);}
textarea{ resize: vertical;}

/* product listing page */
#oc-products-list .imgWrap {    
    border: 1px solid #CBC1BB;
    position: relative;
}
#oc-products-list .imgWrap img {
    max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
/* paggination current page */
.yiiPager .page.current a, #oc-products-list .pager .current a {
	background: #626262;
	color: white;
}

.list-view-loading > div {
    opacity: 0.5;
}


/* cart related */
.apply-title{font-weight:bold;}
.cart-list-summary{float:left;width:100%;background:#edeff0;padding:10px 0px;}
.cart-list-summary .margin-right-0{margin-right: 0px !important;}
.cart-list-summary .summary{}
.cart-list-summary .discount-options{}
.cart-list-summary .summary td{border:none;}


.oc-cart-list .cart-header {
    /*color: #c8c8c8;*/
    color:rgb(103, 103, 103);
    padding-bottom: 20px;
}


/*.cart-deliverybilling-wrapper{text-align:center;}*/
.cart-deliverybilling-innerwrapper{padding:0px;}
.cart-deliverybilling-wrapper span{text-align:right;}
.cart-deliverybilling-wrapper .radio span{text-align:left;}

.oc-cart-delivryinfo .frm-deliveryinfo .form-control{ padding:5px;}
.oc-cart-delivryinfo .frm-deliveryinfo input.form-control, .oc-cart-delivryinfo .frm-deliveryinfo select.form-control {
  height:35px;
}

.oc-cart-delivryinfo .frm-deliveryinfo dl{float:left;padding:0px 0px 5px 0px;margin:0px;}
.oc-cart-delivryinfo .frm-deliveryinfo dt, .oc-cart-delivryinfo .frm-deliveryinfo dd{float:left;}
.oc-cart-delivryinfo .frm-deliveryinfo dt{padding:2px 5px 0px 0px;width:18px;}
.oc-cart-delivryinfo .frm-deliveryinfo dd{max-width:90%;}
.oc-cart-delivryinfo .frm-deliveryinfo dl .formErrorContent{position:static;}
.oc-cart-delivryinfo .infoSwitch-wrapper{padding:0px;}
.cart-deliverybilling-wrapper .radio span{margin-bottom:0px;}
.cart-deliverybilling-wrapper .radio, .cart-deliverybilling-wrapper .checkbox, .cart-deliverybilling-wrapper .radio .alert{margin-top:0px;}
.cart-deliverybilling-wrapper .radio label{min-height:auto;}
.ajaxloading{display:none;}


/*cart review*/
.rewardpoint-error{color:#eb5e78;}
.review-detail-title{
  font-size:14px;border-bottom:1px solid #e6e6e8;padding: 10px 0px 5px 0px;font-weight:bold;
}

.table .cart-header > th {
    border-bottom: 2px solid #000000;
    padding-left:0px;
}



.cart-review-promoname{
    display:inline;
    font-size:8pt;
    padding:0px 10px;
    background: #5acb7a;
    color: #fff;
    border: none;
    border-radius: 9px;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

/* progress bar*/
#crumbs {
    background: none repeat scroll 0 0 #efe6e0;
    height: 61px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#crumbs ul {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-table;
    list-style: none outside none;
    margin: 0;
    padding: 0; 
}
#crumbs ul li {
    display: inline; 
}
#crumbs ul li a {
    background: none repeat scroll 0 0 #efe6e0;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    height: 60px;
    margin: 0 5px 0 0;
    /*  w col padding: 22px 68px 10px 105px; */
    padding: 22px 20px 10px 80px; 
    /*  padding: 22px 40px 10px 60px; */
    position: relative;
    text-align: center;
    text-decoration: none;
}
#crumbs ul li a:after {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #efe6e0;
    border-top: 30px solid transparent;
    content: "";
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 1;
}
#crumbs ul li a:before {
    border-bottom: 30px solid transparent;
    border-left: 30px solid #ffffff;
    border-top: 30px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
/*#crumbs .active a:after {
    border-left-color: #cbc1bb;
}*/
#crumbs ul li:first-child a {
    /* padding-left: 50px; */
}
#crumbs ul li:first-child a:before {
    display: none;
}
#crumbs ul li:last-child a {
    margin: 0;
    padding-right: 50px;
}
#crumbs ul li:last-child a:after {
    display: none;
}
#crumbs ul li a:hover {
    background: none repeat scroll 0 0 #cbc1bb;
    color: #ffffff;
}
#crumbs ul li a:hover:after {
    border-left-color: #cbc1bb;
    color: #ffffff;
    /* display: inline; */
}

#crumbs ul li.ipage a {
    background: none repeat scroll 0 0 #cbc1bb;  
}

#crumbs ul li.ipage a:after { 
    border-left-color: #cbc1bb;
}
#crumbs ul li.ipage a:before {
    border-left-color: #ffffff;
}

.payment-method-hd { margin-top: 50px }
.payment-method-bd img { background: none!important; border: none!important }
.payment-method-bd input { background: none; float: left; margin-right: 6px; }
.payment-method-bd label { float: left; width: 200px }
.payment-method-bd span { display: none }

/** cart review page */
.order-summary {    
    font-size: 16px;
    padding: 1rem 0;
/*    margin: 1.5rem auto;
*/    border-bottom: 1px solid #eee !important;
}

hr.address { background-color: #d3d0c9;
    border: none;
    height: 1px;
    clear: both;
    margin: 10px 0;
}

/** General */

.img-border {
    border: 1px solid #CBC1BB;
}

/** product details page lightbox */

.main_menu ul:first-child > li a {
    height: 174px;
}

.bx-viewport {

    position: relative;
}
.bx-viewport li img {
    
    width: auto;
    height: auto; 
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
ul.bxslider{
    margin-left: 0px !important;
}
img#loadImg{
    width: 100%;
}


.row.new-breadrumbs {
	
}
.row.new-product-title {
	margin-bottom: 5px;
}

/*Common*/
.hidden
{
    display: none;
}
.visible
{
    display: block;
}
.thumbnail-active
{
    filter: alpha(opacity=100);
    opacity: 1.0;
    cursor: pointer;
}
.thumbnail-inactive
{
    filter: alpha(opacity=20);
    opacity: 0.2;
    cursor: pointer;
}
.thumbnail-text
{
    color: #7A7677;
    font-weight: bold;
    text-align: left;
    display: block;
    padding: 10px 2px 2px 0px;
}







/* Update : 3-13-2015 */


li.img-sliderz.oc-zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/icon.png);
}



/* Update : 3-27-2015 */

/*old cart steps*/
.cart-breadcrumb .steps {
    width: 24%;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.cart-breadcrumb .steps .circle {
	background: black;
	color: white;
	display: inline;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	line-height: 45px;
	margin-top: 0;
	position: absolute;
	z-index: 2;
	margin-left: -10px;
	text-align: center;
	font-size: 24px;
	vertical-align: middle;
}
.cart-breadcrumb .steps .circle.end {
    right: 0;
}
.cart-breadcrumb .steps .text {
    display: inline-block;
    border-bottom: 4px solid;
    width: 24%;
    text-align: center;
    line-height: 1em;
    position: absolute;
    z-index: 1;
    padding-bottom: 5px;
	font-size: 15px;
}
.cart-breadcrumb .steps a{
	color:black;
}
.cart-breadcrumb  {
    position: relative;
    width: 100%;
	height: 80px;
}
.cart-breadcrumb .steps.active .circle {
    background-color: rgb(255, 153, 90);
}
.cart-breadcrumb .steps.active .text {
    color: rgb(255, 153, 90);
}


.popup-cart-bg-notify-container{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -99999999;
}


.cart-breadcrumb-steps, .cd-multi-steps {
    /*width: 90%;
    max-width: 768px;*/
    padding: 0.5em 1em;
    /*margin: 1em auto;*/
    background-color: #edeff0;
    border-radius: .25em;
}
.cart-breadcrumb-steps:after, .cd-multi-steps:after {
    content: "";
    display: table;
    clear: both;
}
.cart-breadcrumb-steps li, .cd-multi-steps li {
    display: inline-block;
    float: left;
    margin: 0.5em 0;
}
.cart-breadcrumb-steps li::after, .cd-multi-steps li::after {
    /* this is the separator between items */
    display: inline-block;
    content: '\00bb';
    margin: 0 .6em;
    color: #959fa5;
}
.cart-breadcrumb-steps li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
    /* hide separator after the last item */
    display: none;
}
.cart-breadcrumb-steps li > *, .cd-multi-steps li > * {
    /* single step */
    display: inline-block;
    font-size: 10pt;
    color: #000000;
    text-decoration: none !important;
}
.cart-breadcrumb-steps li.active > *, .cd-multi-steps li.active > * {
    /* selected step */
    color: #000000;
}
.no-touch .cart-breadcrumb-steps a:hover, .no-touch .cd-multi-steps a:hover {
    /* steps already visited */
    color: #000000;
}
.cart-breadcrumb-steps.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
    /* replace the default arrow separator with a custom icon */
    content: '';
    height: 16px;
    width: 16px;
    background: url(../img/cd-custom-separator.svg) no-repeat center center;
    vertical-align: middle;
}
.cart-breadcrumb-steps.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
    /* add a custom icon before each item */
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: .4em;
    margin-top: -2px;
    background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
    vertical-align: middle;
}
.cart-breadcrumb-steps.custom-icons li:not(.active):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.active):nth-of-type(2) > *::before {
/* change custom icon using image sprites */
    background-position: -20px 0;
}
.cart-breadcrumb-steps.custom-icons li:not(.active):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.active):nth-of-type(3) > *::before {
    background-position: -40px 0;
}
.cart-breadcrumb-steps.custom-icons li:not(.active):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.active):nth-of-type(4) > *::before {
    background-position: -60px 0;
}
.cart-breadcrumb-steps.custom-icons li.active:first-of-type > *::before, .cd-multi-steps.custom-icons li.active:first-of-type > *::before {
/* change custom icon for the active item */
    background-position: 0 -20px;
}
.cart-breadcrumb-steps.custom-icons li.active:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.active:nth-of-type(2) > *::before {
    background-position: -20px -20px;
}
.cart-breadcrumb-steps.custom-icons li.active:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.active:nth-of-type(3) > *::before {
    background-position: -40px -20px;
}
.cart-breadcrumb-steps.custom-icons li.active:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.active:nth-of-type(4) > *::before {
    background-position: -60px -20px;
}

.cart-breadcrumb-steps.triangle strong {
    font-size: 11pt;
    padding-left:5px;
}


.border-bottom-thick{border-bottom:2px solid #ebebeb;}
.border-bottom-thick-grandtotal{border-bottom:3px solid rgb(138, 138, 138); height:1px;}



@media (max-width: 991px) {
  .cart-breadcrumb .steps{width: 100%;height: 50px;}
  .cart-breadcrumb .steps .text{width: 95%;}
  .cart-breadcrumb{height: 220px;}

  .frm-billinginfo input, .frm-billinginfo select, .oc-cart-delivryinfo .frm-deliveryinfo input, .oc-cart-delivryinfo .frm-deliveryinfo select, .oc-cart-review .bg-prime-dk, .oc-frm-shop-cart .col-md-5.row.pull-right{
    margin-bottom: 5px;
  }

  .oc-cart-delivryinfo .form-group{padding-left: 0px;padding-right:0px;}
}

@media only screen and (min-width: 768px) {
    .cart-breadcrumb-steps.triangle {
      /* reset basic style */
      background-color: transparent;
      padding: 0;
    }

    .cart-breadcrumb-steps.triangle li {
      position: relative;
      padding: 0;
      margin: 4px 4px 4px 0;
      text-align:center;
    }

    .cart-breadcrumb-steps.threesteps li{width:32.8%;}
    .cart-breadcrumb-steps.threesteps li a{width:100%;}

    .cart-breadcrumb-steps.triangle li:last-of-type {
      margin-right: 0;
    }
    .cart-breadcrumb-steps.triangle li > * {
      position: relative;
      padding: 0.9em .8em 0.9em 2.5em;
      color: #bebcbf;
      background-color: #edeff0;
      /* the border color is used to style its ::after pseudo-element */
      border-color: #edeff0;
      text-decoration: none !important;
    }
    .cart-breadcrumb-steps.triangle li.active > * {
      color: #000000;
    }
    .cart-breadcrumb-steps.triangle li.prev-steps > * {
        background-color: #000000;
        border-color: #000000;
        color:#ffffff;
    }
    .cart-breadcrumb-steps.triangle li .fa{margin-right:5px;}
    
    .cart-breadcrumb-steps.triangle li:first-of-type > * {
      padding-left: 1.6em;
      border-radius: .25em 0 0 .25em;
      text-decoration: none;
    }
    .cart-breadcrumb-steps.triangle li:last-of-type > * {
      padding-right: 1.6em;
      border-radius: 0 .25em .25em 0;
    }
    .no-touch .cart-breadcrumb-steps.triangle a:hover {
      /* steps already visited */
      color: #ffffff;
      background-color: #000000;
      border-color: #000000;
    }
    .cart-breadcrumb-steps.triangle li::after, .cart-breadcrumb-steps.triangle li > *::after {
      /* 
        li > *::after is the colored triangle after each item
        li::after is the white separator between two items
      */
      content: '';
      position: absolute;
      top: 0;
      left: 100%;
      content: '';
      height: 0;
      width: 0;
      /* 48px is the height of the <a> element */
      border: 22px solid transparent;
      border-right-width: 0;
      border-left-width: 20px;
    }
    .cart-breadcrumb-steps.triangle li::after {
      /* this is the white separator between two items */
      z-index: 1;
      -webkit-transform: translateX(4px);
      -moz-transform: translateX(4px);
      -ms-transform: translateX(4px);
      -o-transform: translateX(4px);
      transform: translateX(4px);
      border-left-color: #ffffff;
      /* reset style */
      margin: 0;
    }
    .cart-breadcrumb-steps.triangle li > *::after {
      /* this is the colored triangle after each element */
      z-index: 2;
      border-left-color: inherit;
    }
    .cart-breadcrumb-steps.triangle li:last-of-type::after, .cart-breadcrumb-steps.triangle li:last-of-type > *::after {
      /* hide the triangle after the last step */
      display: none;
    }
    .cart-breadcrumb-steps.triangle.custom-separator li::after {
      /* reset style */
      background-image: none;
    }
    .cart-breadcrumb-steps.triangle.custom-icons li::after, .cart-breadcrumb-steps.triangle.custom-icons li > *::after {
      /* 50px is the height of the <a> element */
      border-top-width: 25px;
      border-bottom-width: 25px;
    }

    @-moz-document url-prefix() {
      .cart-breadcrumb-steps.triangle li::after,
      .cart-breadcrumb-steps.triangle li > *::after {
        /* fix a bug on Firefix - tooth edge on css triangle */
        border-left-style: dashed;
      }
    }
}

@media only screen and (min-width: 768px) {
    .cart-breadcrumb-steps, .cd-multi-steps {
      padding: 0 1.2em;
    }
    .cart-breadcrumb-steps li, .cd-multi-steps li {
      margin: 1.2em 0;
    }
    .cart-breadcrumb-steps li::after, .cd-multi-steps li::after {
      margin: 0 1em;
    }
    .cart-breadcrumb-steps li > *, .cd-multi-steps li > * {
      /*font-size: 10pt;*/
      font-size:14px;
    }
}


@media only screen and (max-width: 768px){
  .cart-deliverybilling-wrapper span{display: block;margin-bottom:10px;text-align: left;}
  .cart-deliverybilling-wrapper span.ajaxloading{display:none;}
  .cart-deliverybilling-wrapper .radio span{margin-bottom:0px;}
  .cart-deliverybilling-wrapper .radio, .cart-deliverybilling-wrapper .checkbox, .cart-deliverybilling-wrapper .radio .alert{margin-top:0px;}

  .cart-summary-paymentby .col-sm-6{padding-right:0px !important;}
}

@media only screen and (max-width:500px){
    /*.cart-list-summary{background:none;}*/
    .cart-list-summary .summary{width:100%;background:#edeff0;}
    .cart-list-summary .discount-options{width:100%;padding-top:10px;}
}

/*///// cart breadcrumb mobile styles /////*/

@media only screen and (max-width: 768px){
    .cart-breadcrumb-steps.threesteps li {
        width: 32%;
    }
    .cart-breadcrumb-steps.triangle li::after, .cart-breadcrumb-steps.triangle li > *::after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        content: '';
        height: 0;
        width: 0;
        border: 22px solid transparent;
        border-right-width: 0;
        border-left-width: 20px;
    }
    .cart-breadcrumb-steps.triangle li:first-of-type > * {
        padding-left: 1.6em;
        border-radius: .25em 0 0 .25em;
        text-decoration: none;
    }
    .cart-breadcrumb-steps.triangle li.active > * {
        color: #000000;
    }
    .cart-breadcrumb-steps.threesteps li a {
        width: 100%;
    }
    .cart-breadcrumb-steps.triangle li > * {
        position: relative;
        padding: 1.025em .8em 0.7em 2.5em;
        color: #bebcbf;
        background-color: #edeff0;
        border-color: #edeff0;
        text-decoration: none !important;
    }
    .cart-breadcrumb-steps.triangle li > *::after {
        z-index: 2;
        border-left-color: inherit;
    }
    .cart-breadcrumb-steps.triangle li::after {
        z-index: 1;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        -ms-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px);
        border-left-color: #ffffff;
        margin: 0;
    }
    .cart-breadcrumb-steps li::after, .cd-multi-steps li::after {
        margin: 0 1em;
    }
    .cart-breadcrumb-steps.triangle li .fa {
        margin-right: 5px;
    }
    .cart-breadcrumb-steps li > *, .cd-multi-steps li > * {
        /* font-size: 10pt; */
        font-size: 14px;
    }
    .cart-breadcrumb-steps.triangle li {
        position: relative;
        padding: 0;
        margin: 0px 4px 0px 0;
        text-align: center;
    }
    .cart-breadcrumb-steps, .cd-multi-steps {
        padding: 0em 1em 0em 0em;
    }
    .cart-breadcrumb-steps.threesteps li a span{
        display: none;
    }
}
/*///// eof cart breadcrumb mobile styles /////*/