/* Shopping Cart ========================================================================= */

.checkout-cart-index {
	font-family: 'Nunito', Arial, sans-serif;
    text-transform: uppercase;
}

.page-title h1 {
    margin-top: 18px;
}

/* Shopping Cart Table */
.cart-table {
}

.cart-table thead {
    background: none;
}

.cart-table th {
    border: none;
    font-size: 0.7em;
    font-weight: normal;
    color: #999999;
}

.data-table tr.last {
    border: none;
}

.cart-table td {
    border: none;
    border-top: 1px solid #e5e5e5;
}

.cart-table .product-image {
    width: 90px;
}

.cart-table .product-name {
    margin: 0;
    font-size: 1em;
    line-height: 1.3em;
}

.cart-table input {
    width: 32px;
    height: 36px;
    line-height: 38px;
    padding: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    text-align: center;
    vertical-align: middle;
}
.cart-table td.qty{
    width: 145px;
}

.cart-table .qty .box {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 36px;
    line-height: 38px;
    text-align: center;
    width: 32px;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    margin-top: 0;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cart-table .qty .box:hover {
    opacity: .7;
}

.cart-table .qty i{
    margin-top: 4px;
}
.cart-table .qty .icon-minus{
    background-position: -432px -96px;
}
.cart-table .qty .icon-plus{
    background-position: -408px -96px;
}
.cart-table .btn-update{
    font-size: 1em;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    margin: 20px 0;
}

.cart-table .btn-remove {
    cursor: pointer;
}

.cart-table .btn-remove:hover {
    opacity: .7;
}

.cart-table .item-options {
    float: left;
    margin: 0;
    font-size: 0.7em;
}

.cart-table dt {
    float: left;
    clear: both;
    margin-right: 2px;
    color: #999999;
}

.cart-table dd {
    float: left;
}

.cart-table .item-options dd {
    margin: 0;
}

.cart .price {
    font-size: inherit;
}

.icon.remove {
    display: block;
    position: relative;
    left: 12px;
    width: 14px;
    height: 14px;
    color: transparent;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') -36px -293px no-repeat;
}


/* ---- Delivery Methods ---- */

.delivery-methods.home .top-title div.tooltip-icon{
    background: url(http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/paymentshared/info.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px 0 0 0;
    vertical-align: top;
    position: relative;
    left: 2px;
    top: 1px;
}

.delivery-methods.home .nowrap {
    white-space: nowrap;
}

.delivery-methods.home .top-title div.tooltip-icon:hover .collectplus-tooltip{
    display: block;
}

.collectplus-tooltip{
    display: none;
    width: 250px;
    background: #fff;
    padding: 10px;
    text-align: left;
    position: absolute;
    z-index: 999;
    font-family: verdana,sans-serif;
    text-transform: none;
    font-weight: normal;
    border: 1px solid #c0c0c0;
     -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    border-radius: 5px; /* CSS3 */
    font-size: 12px;
    right: 0;
    bottom: 20px;
    /* Drop shadows */
    -moz-box-shadow: 3px 3px 4px #c0c0c0;
    -webkit-box-shadow: 3px 3px 4px #c0c0c0;
    box-shadow: 3px 3px 4px #c0c0c0;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c0c0c0')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c0c0c0');
}

.collect .top-title {
    color: #333;
}

.delivery-methods .delivery {
    display: inline-block;
    width: 29px;
    height: 19px;
    zoom: 1.2;
    vertical-align: middle;

}

.delivery-methods.collect .top .delivery-label {
    display: inline-block;
    line-height: 0.4em;
}

.icon.collect {
    display: inline-block;
    width: 28px;
    height: 32px;
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat -68px -292px;
    vertical-align: middle;
}

.delivery-text.spacer {
    margin: 0;
    padding: 0;
}

.delivery-methods input {
    width: 94%;
    height: 50px;
    padding: 0 3%;
    margin-bottom: 20px;
    border: none;
    border-radius: 4px;
}

.delivery-methods input::-webkit-input-placeholder,
.delivery-methods input:-moz-placeholder,
.delivery-methods input::-moz-placeholder,
.delivery-methods input:-ms-input-placeholder {
    color: #cccccc;
}


/* Continue Shopping Link */
a.continue-shopping {
    display: block;
    margin: 15px 0;
    text-align: right;
    color: #4aadc3;
}


.cart-empty a {
    color: #4aadc3;
}

/* Checkout Button*/
.cart .buy.button {
    width: 100%;
    font-size: 1.3em;
}

.cart .checkout-types {
	margin: 20px 0;
}


/* Sweet Tooth */


/* Discount Codes & Estimate Shipping and Tax Boxes */


/* Shopping Cart Totals */
#shopping-cart-totals-table {
    width: 100%;
    border-radius: 4px;
    background: #E5E5E5;
}

#shopping-cart-totals-table td,
#shopping-cart-totals-table th {
    padding: 5px 10px;
}

#shopping-cart-totals-table td:first-child,
#shopping-cart-totals-table th:first-child {
    color: #999999;
}

#shopping-cart-totals-table td:nth-child(even) {
	width: 8%;
}

#shopping-cart-totals-table strong {
    font-weight: normal;
}


#shopping-cart-table tfoot td:last-child {
    padding: 0;
}


.sub-total {
    padding: 10px 0;
    border-radius: 4px;
    background: #E5E5E5;
}


/* Options Tool Tip */
.cart td.custom-options {
    margin: 0;
    vertical-align: top;
    text-transform: none;
}

.cart td.custom-options dt {
    max-width: 220px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cart td.custom-options dd {
    padding: 0;
    margin: 0;
}

.truncated {
    cursor: help;
}

.truncated a.dots {
    cursor: help;
}

.truncated a.details {
    cursor: help;
}

.truncated .truncated_full_value {
    position: relative;
    z-index: 999;
}

.truncated .truncated_full_value .item-options {
    position: absolute;
    top: -99999em;
    left: -99999em;
    z-index: 999;
    padding: 8px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
}

.truncated .truncated_full_value .item-options > p {
    text-transform: uppercase;
}

.truncated .show .item-options {
}

.col-left .truncated .show .item-options {
}

.col-right .truncated .show .item-options {
}

.click-collect .item-options {
    display: none;
}


/* Shopping Cart Collateral boxes */
.cart-collaterals {
    overflow: hidden;
}

.giftcard {
	display: inline-block;
	vertical-align: top;
}

#discount-coupon-form {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}

.cart-collaterals h2 {
    margin-bottom: 5px;
    font-size: 1em;
}

.cart-collaterals h4 {
	margin: 10px 0 5px 0;
}

.rewards-box-spend-header h2 {
    margin-bottom: 0;
}

.cart-collaterals label,
.cart-collaterals .box-content {
    font-family: verdana, sans-serif;
    font-size: 0.9em;
    text-transform: none;
    color: #999999;
}


.cart-collaterals > label {
	color: #4aadc3;
}

.coupon-trigger {
    cursor: pointer;
}

.cart-collaterals input {
    width: 180px;
    height: 30px;
    margin-right: 10px;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fefefe;
}

.giftcard button {
	float: right;
}

.giftcard-text {
	float: right;
	clear: both;
}

.giftcard-text a {
    color: #4aadc3;
    text-transform: none;
    text-decoration: underline;
	cursor: pointer;
}


/* Cross Sells */
.crosssell {
	padding: 10px;
    margin-top: 20px;
	border-radius: 4px;
	background: rgba(229,229,229,.5);
}

.table-heading  {
	margin: 0 0 10px 0;
	font-size: 1rem;
}

.crossell-table td {
	padding: 0 20px;
}

.crossell-table button.button {
    float: right;
    width: 80px;
    height: 40px;
    font-size: 1em;
}

.crossell-table h3 {
    font-size: 0.8em;
}


.crossell-table .price-box {
    font-size: .9em;
}

.crossell-table .price-box  p {
    margin: 0;
}

.icon.collectplus {
    background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') no-repeat 0 -655px;
    display: inline-block;
    height: 18px;
    width: 64px;
    vertical-align: middle;
}

#co-payment-form{
    clear: both;
}

#co-billing-form .control{
    margin-bottom: 25px;
}
#co-billing-form .vco-form .form-col{
    width: 100%;
}
/* ======================================================================================= */
/* Responsive Cart ======================================================================================= */

/* Large desktop */
@media (min-width: 1200px) {


}

@media (max-width: 1199px) {

}

@media (min-width: 980px) and (max-width: 1200px)  {

    #checkout-step-shipping_method #collectplus_block{
        position: absolute;
        right: 0;
    }
    #checkout-step-shipping_method #collectplus_block .shipping_collectplus_msg{
        margin-top: 0;
        width: 600px;
    }
    #checkoutSteps h2 {
        margin-left: 20px;
    }

}




/* Menkind Portait Tabet and Up*/
@media (min-width: 768px) {

}

/* Desktop */
@media (max-width: 979px) {

	#shopping-cart-totals-table td:nth-child(even) {
		width: 18%;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .cart-table .product-image {
        width: 70px;
    }

    .icon.remove {
        left: 9px;
        width: 21px;
        height: 21px;
        background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') -32px -339px no-repeat;
    }

    /* Checkout */

    #checkoutSteps.one-page-checkout{
        width: 100%;
    }

    #checkoutSteps.one-page-checkout > div,
    #checkoutSteps #review-col.span7{
        width: 475px;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        float: none;
        margin-bottom: 40px;
    }
    #checkoutSteps h2{
        width: 475px;
        margin-left: auto;
        margin-right: auto;
    }
    #checkoutSteps #checkout-step-login{
        margin-left: 0;
    }

    .checkout-onepage-index #checkoutSteps #payment-form,
    .checkout-onepage-index #checkoutSteps #review-col.review-resize {
        width: 100%;
        margin-left: 20px;
    }

    #checkoutSteps h3{
        margin-top: 0;
    }
    .payment-methods .payment-logo {
        clear: both;
    }

    #qc-loginform .input-box{
        width: 100%;
    }
    .one-page-checkout #opc-login #qc-loginform button{
        margin-bottom: 20px;
    }
    #shipping_method-col, #payment-col{
        margin-top: 0;
    }
    #checkout-step-shipping_method #collectplus_block{
        position: static;
        margin-top: -20px;
    }
    #checkout-step-shipping_method #collectplus_block .shipping_collectplus_msg{
        margin-top: 0;
        width: 455px;
    }
    .shipping_collectplus_msg #collect_small_logo {
        margin-top: 0;
        vertical-align: super;
    }
    #checkout-step-shipping_method #collectplus_block .shipping_collectplus_msg > div {
        width: 79%;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #shopping-cart-table th.a-center,
    #shopping-cart-table td.a-center{
        text-align: center;
    }
    .cart [class*="span"] {
        float: left;
    }

    .cart .span12.page-title.title-buttons {
        padding: 0;
    }

    .cart .continue-shopping {
        text-align: center;
    }

    .cart .continue-shopping button {
        margin-left: 0;
    }

	/* HORRIBLE I HATE IT, there is no god */
	.menkindstorelocator-index-index .top-icons,
	.menkindstorelocator-index-index #headercart {
		display: block !important;
	}

    .click-collect.check td.column-2,
    .click-collect.check td.column-3,
    .click-collect.check td.column-4,
    .click-collect.check td.column-5,
    .click-collect.check th.column-2,
    .click-collect.check th.column-3,
    .click-collect.check th.column-4,
    .click-collect.check th.column-5 {
        display: none;
    }

    .click-collect.check .buttons button {
        max-width: 138px;
        padding: 8px 1px;
    }


    /* Cart Table */
    .cart-table,
    .cart-table tbody {
        display: block;
    }

    .cart-table tr {
        display: table;
        position: relative;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }

    .cart-table th {
        display: none;
    }

    .cart-table td {
        float: left;
        border: none;
    }

    #shopping-cart-totals-table td:nth-child(2) {
        text-align: right;
    }

	.crossell-table {
		width: 100%;
	}

    .cart .cart-table td,
    .cart .crossell-table td {
        padding: 5px;
    }

    .cart-table .name {
        width: 55%;
    }

    .cart-table .product-name {
        margin-top: 16px;
        font-size: .9em;
    }

    .cart-table .qty {
        clear: both;
    }
    #shopping-cart-table.cart-table td.qty.a-center {
        text-align: left;
    }

    .cart-table td.price {
        position: absolute;
        top: 15px;
        right: 0;
    }

    .cart-table .remove {
        float: right;
    }

    .cart-table td.remove {
        position: relative;
    }

    .cart-table td.remove .btn-remove {
        font-size: 0.7em;
        color: #999999;
    }

    .icon.remove {
        position: relative;
        top: -2px;
        left: 0;
        width: 21px;
        height: 21px;
        margin-left: 5px;
        background: url('http://www.menkind.co.uk/skin/frontend/enterprise/menkind_ee/images/sprite.png') -32px -338px no-repeat;
    }

    .cart-table td.remove .visible-phone  {
        float: left;
    }


    .cart-table .item-options {
    }

    .cart td.custom-options {
        top: 0;
    }

    /* Checkout */

    #checkoutSteps.one-page-checkout{
        width: 100%;
    }

    #checkoutSteps.one-page-checkout > div,
    #checkoutSteps #review-col.span7{
        clear: both;
        margin-left: 0;
        float: none;
        margin-bottom: 40px;
    }

    #checkoutSteps #checkout-step-login,
    #checkoutSteps h2{
        margin-left: 0;
    }

    #checkoutSteps h2{
        font-size: 18px;
    }
    #checkoutSteps h3 {
        font-size: 14px;
    }

    #checkoutSteps.one-page-checkout .span7 {
        width: auto;
    }

    .checkout-onepage-index .span12.bottom-banner {
        display: none;
    }

    .checkout-onepage-index #checkoutSteps #review-col.span7 {
        float: inherit;
        width: auto;
        margin-right: 0;
    }

    .checkout-onepage-index #checkoutSteps #payment-form,
    .checkout-onepage-index #checkoutSteps #review-col.review-resize {
        width: 100%;
    }

	iframe#sagepaysuite-server-incheckout-iframe {
        height: 430px;
    }
    .one-page-checkout #opc-login button{
        height: 50px;
        line-height: 50px;
    }
    .one-page-checkout #opc-login button span{
        font-size: 14px;
    }
    .payment-methods .payment-logo {
        clear: both;
    }
    #place-order-button{
        width: 100%;
    }
    #qc-loginform .input-box{
        width: 100%;
    }
    .one-page-checkout #opc-login #qc-loginform button{
        margin-bottom: 20px;
    }
    #checkout-review-load strong, #checkout-review-load b{
        font-size: 16px;
    }
    #shipping_method-col, #payment-col{
        margin-top: 0;
    }
    #checkout-step-shipping_method #collectplus_block{
        position: static;
        margin-top: -20px;
    }
    #checkout-step-shipping_method #collectplus_block .shipping_collectplus_msg{
        margin-top: 0;
        width: auto;
    }

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 767px) and (min-width: 481px) {
}


/* Landscape phones and down */
@media (max-width: 480px) {

    .cart .page-title h1 {
        float: none;
        text-align: left;
    }

    .cart .cart-table th {
        padding: 0 10px 5px 10px;
    }

    .cart .cart-table th.name {
    }

    .cart .cart-table td,
    .cart .crossell-table td {
        padding: 5px 2px;
    }

    .cart td.custom-options {
        max-width: 90px;
    }

    .cart .item-options dd {
        padding-left: 0;
    }

    .cart #shopping-cart-totals-table .manpoints {
        position: relative;
    }

    .small-phone-hidden {
        display: none !important;
    }

    .cart .discount .input-box {
        margin: 0 0 7px 0;
    }

    .cart .item-options dt {
    }

    /* Cart Totals */
    .checkout-cart-index .sub-total {
        font-size: 0.85em;
    }

    /* Checkout */
    .checkout-onepage-index #checkoutSteps #payment-form {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

	iframe#sagepaysuite-server-incheckout-iframe {
        height: 730px;
    }

    #checkout-step-shipping_method #collectplus_block .shipping_collectplus_msg > div {
        width: 70%;
    }
    .shipping_collectplus_msg #collect_small_logo {
        height: 30px;
        margin-top: 27px;
        vertical-align: top;
    }

}


/* ======================================================================================= */