//
// Magento Enterprise Edition
//
// NOTICE OF LICENSE
//
// This source file is subject to the Magento Enterprise Edition End User License Agreement
// that is bundled with this package in the file LICENSE_EE.txt.
// It is also available through the world-wide-web at this URL:
// http://www.magento.com/license/enterprise-edition
// If you did not receive a copy of the license and are unable to
// obtain it through the world-wide-web, please send an email
// to license@magento.com so we can send you a copy immediately.
//
// DISCLAIMER
//
// Do not edit or add to this file if you wish to upgrade Magento to newer
// versions in the future. If you wish to customize Magento for your
// needs please refer to http://www.magento.com for more information.
//
// @category    design
// @package     rwd_default
// @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
// @license http://www.magento.com/license/enterprise-edition
//

/* ============================================ *
 * Checkout - One Page
 * ============================================ */

/*
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
    display: none;
}
*/

.checkout-onepage-index .col-main {
    width: auto;
    float: none;
}

@include bp(min-width, $bp-medium+1) {
    .checkout-onepage-index {
/*
	    .main-container {
		    padding: 0 5px;
	    }
*/
        .col-main {
            float: left;
            width: 69%; //percentage(660px/960px);
            padding-right: 5px;
        }

        .col-right,
        .col-left {
            width: 29%;// percentage(300px/960px);
            display: block;
        }

        .col-right {
            padding-left: 0;
            float:right;
        }
    }
}

@include bp(max-width, $bp-medium) {
	.col-right.sidebar {display: none}
}

.opc {
    select {
        width: (230px + 135px);
    }
}

/* -------------------------------------------- *
 * Section Styling - Default
 */


.checkout-onepage-index {
	.page-title {
	    margin: 15px 0 0;
	    border-bottom: 1px solid $c-module-border;
	
	    &:after {
	        @include clearfix;
	    }
	    h1 {
	        float: none;
	        border-bottom: none;
	        margin-bottom: 15px;
	        margin-right: 0;
	        font-size: $f-size-xs;
	        letter-spacing: .8px;
	    }
	}

	.sidebar {
		.block {
			//border: 1px solid $c-module-border;
			border-bottom: 0 none;
			margin-bottom: 0;
			
			.block-title {
			    width: 100%;
			    border-bottom: 1px solid $c-module-border;
			    //border-top:0 none;
			    position: relative;
			    //background: $c-email-background;
			    margin-bottom:0;
			    padding: 8px 0 10px !important;

			    @include not-selectable;
			
				strong {
					font-family: $f-stack-gt-extended-medium;
				    font-size: $f-size-s;
				    font-weight: normal;
				    letter-spacing: .8px;
				    line-height: 30px;
				    height: 30px;
				    //margin: 0 20px;
				}
				
				.edit-btn {
					float: right;
					text-transform: uppercase;
					font-family: $f-stack-gt-extended-medium;
				    font-size: 11px;
				    color: $c-text;
				    border-bottom: 1px solid $c-text;
				    letter-spacing: 1.5px;
				    display: block;
				    margin-top: 6px;
					line-height: 1.3;
				}
				
			}
			
			
			&.block-totals {
				.block-title {
					border-bottom: 0 none;
				}
			}

			
			.block-content {
			    margin-top: 0;
			    padding: 10px 0 20px;
			    
			    #discount-coupon-form .field-wrapper, 
			    .cart .giftcard .field-wrapper {
				    border: 0 none;
				}
			    
			    #cart-sidebar {
				    padding-top: 12px;
				    li.item {
						margin: 0 0 10px 0;
				    }
			    }
			    
			    .image-holder {
					width: 45%;
					float: left;
				    .product-image {
					    width: 100%;
					    img {
						    width: 100%;
					    }
				    }
			    }
			    
			    .product-details {
				    float: right;
				    width: 45%;
				    margin-left: 0;
				    
				    .product-name {
					    padding-top: 0;
				    }
				    
			    }
			    p.product-name {
				    font-size: $f-size;
				    letter-spacing: 0.2px;
			    }
			    .option {
				    font-family: $f-stack-gt-extended-medium;
				    font-size: 11px;
				    letter-spacing: 1.5px;
				    padding-top: 8px;
				    &:first-child {
					    padding-top: 15px;
				    }
				    span {
					    text-transform: uppercase;
				    }
			    }
			}
			
/*
			&:last-child {
				border-bottom: 1px solid $c-module-border;
			}
*/
		}
		
		.block-cart {
			.actions,
			.summary,
			.block-subtitle,
			.btn-remove {
				display: none;
			}
		}
	}

	#discount-coupon-form,
	#discount-coupon-form .field-wrapper {
		padding: 0 0 5px;
	}

    table#shopping-cart-totals-table {
        font-family: $f-stack-special;
        font-size: $f-size;
        margin-bottom: 0;
        text-transform: uppercase;
        width: 100%;

        td {
            padding: 4px 0px;
            &.a-right:first-child {
	            text-align: left;
/*
	            &:after {
		            content:":";
		            position: relative;
		            margin-left: -5px;
	            }
*/
            }
        }
        td:first-child {
            min-width: 120px;
        }

/*
        tbody tr:last-child td,
        tbody tr:last-child th {
            padding-bottom: 10px;
        }
*/

    }
	
	.validation-advice {
		display: none !important;
	}
	
	.customer-service {
		border: 1px solid $c-module-border;
		border-top: 0 none;
		text-align: center;
		padding: 20px;
		h2 {
			text-align: center;
			width: auto;
			font-size: $f-size-xxl;
		}
		div a {
			text-transform: uppercase;
			text-decoration: underline;
			font-size: $f-size-l;
			text-transform: uppercase;
		}
	}
	
	.place-order {
		padding: 15px;
		button.button {
			width: 100%;
		}
	}
	
}
#checkoutSteps.hide-titles {
		.step-title {
			display:none;
		}
		#opc-login,
		#checkout-step-review {
			.step-title {
				display:block;
			}
		}

		

}

	#checkout-step-login {
		.col-2 {
			padding-top: 44px; 
		}
	}

.opc .section {
	//border-left: 1px solid $c-module-border;
	//border-right: 1px solid $c-module-border;
	
	
	.step-title {
	    width: 100%;
	    //border-top: 1px solid $c-module-border;
	    position: relative;
	    //background: $c-email-background;
	    @include not-selectable;
	
		h2 {
			font-family: $f-stack-gt-standard-medium;
		    font-size: $f-size-s;
		    font-weight: normal;
		    line-height: 50px;
		    //height: 30px;
		    //margin: 0 20px;
		    text-transform: none;
		}
		a {
		    position: absolute;
		    right: 3px;
		    top: 6px;
		    text-transform: uppercase;
		    text-decoration: underline;
		    cursor: pointer;
		    color: transparent;
			&:after {
				@include arrow(down, 5px, 2px, $c-text);
				margin-top: 10px;
			}
		}

	
	    &:after {
	        @include clearfix;
	    }
	    
	}

	&.active .step-title a {
		display: block;
		&:after {
			@include arrow(up, 5px, 2px, $c-text);
			//margin-top: 15px;
		}
	}

	h3 {
		font-size: $f-size-s;
	    font-weight: normal;
	    font-family: $f-stack-gt-standard-medium;
	    margin-bottom: 5px;
	    text-transform: none;
	    letter-spacing: 0.1px;
	}

	.social-login {
		margin-top: 20px;
	}
	
	&.active .step-title,
	&:last-child .step-title {
	    //border-bottom: 1px solid $c-module-border;
	}

/*
	.required {
		display: none;
	}
*/
	label {
		font-family: $f-stack-gt-extended-medium;
		font-size: 9px;
		letter-spacing: 1.3px;
		line-height: 22px;
	}

	.form-list .field, .form-list .wide, .form-list .control {
	    margin-bottom: 5px;
	}

	li {
		&.field,
		&.wide {
			width: 49%;
		}
		&.fields {
			width: 100%;
			> div {
				> div {
					width:49%;
					float:left;
					&:last-child {
						float:right;
					}
				}
				&:after {
					@include clearfix;
				}				
			}
		}
		&.control {
			clear: both;
			width:100%;
			label {
				display: inherit;
				background-color: transparent;
				padding-left:20px;
				text-transform: none;
				line-height: 42px;
				font-family: $f-stack-gt-standard-medium;
				font-size: 12px;
				letter-spacing: 0.2px;
			}
			.checkbox {
				margin-left: 0;
			}
		}
		&.space-above {
			padding-top: 20px;
		}
		&.address-select {
			width: 100%;
			label {
				text-transform: uppercase;
			}
		}

	}

	.input-box {
		height: 34px;
	}
	input {
	
		font-size: $f-size;
	    height: 34px;
	    line-height: 34px;
   		&::placeholder {
			color:$c-text;
			text-transform: uppercase;
			font-weight: normal;
			
		}
	}
	textarea {
		resize: none;
   		&::placeholder {
			color:$c-text;
			text-transform: uppercase;
			font-weight: normal;
			
		}
	}
	.select-wrapper {
		width: 365px;
		max-width: 100%;
		select {
			width: 110%;
			max-width:110%;
		}
	}
	select {
		height: 32px;
		margin-top: 0;
		text-transform: uppercase;
		font-size: $f-size;
	}

	.remember-me-box {
			float: left;
			margin-top:0; 
		label {
			display: inherit;
			background-color: transparent;
			text-transform: none;
		}
		.link-tip {
			display: none
		}
	}
	
	.forgot-password {
		//float: right;
		padding-top: 5px;
		margin-bottom: 20px;
		a {
			text-transform: uppercase;
			color: $c-text;
			line-height: 15px;
			font-size: 9px;
			letter-spacing: 1.3px;
			display: inline-block;
			padding-bottom: 3px;
			text-decoration: none !important;
			border-bottom: 1px solid $c-text;
		}
	}
	
	li.button {
		background: transparent;
	    display: inline-block;
	    padding: inherit;
	    border: 0;
	    color: inherit;
	    font-size: inherit;
	    font-family: inherit;
	    line-height: inherit;
	    text-align: left;
	    text-transform: uppercase;
	    vertical-align: middle;
	    white-space: nowrap;
	    letter-spacing: 0.17em;
	    width: 100%;
	}
	.buttons-set {
		padding-bottom: 20px;
		border-top: 0 none;
	}	
	.buttons-set button.button,
	button.bt-login-social {
		
		background: #000000;
	    display: inline-block;
	    padding: 15px 7px;
	    border: 0;
	    color: #FFFFFF;
	    font-size: 13px;
	    letter-spacing: 1.7px;
	    font-family: $f-stack-gt-extended-medium;
	    line-height: 19px;
	    text-align: center;
	    text-transform: uppercase;
	    vertical-align: middle;
	    white-space: nowrap;
	    letter-spacing: 0.17em;
		
		width: 80%;//365px;
	    max-width: 100%;	
		
		
	}
	
	button.bt-login-social {
		margin-bottom: 10px !important;
		border: 1px solid #000;
		background: transparent;
		span {
		    height: inherit;
		    line-height: inherit;
		    color: $c-text;
		    padding: inherit;
		    float: inherit;
		    span {
			    min-width: inherit;
			    background-position: inherit;
			    padding-left: inherit !important;
			    text-align: inherit;
			    color: inherit;
			    font-family: inherit;
			    font-size: inherit;
			    font-style: inherit;
			    font-variant: inherit;
			    text-transform: inherit;
			}
		}
		
		&#bt-loginfb {
			//background: #2e3192;
			margin-top: 10px !important;
		}
		&#bt-logingo {
			//background: #cd1f26;
		}
	}

	.back-link {
		display: none;
	}
	li.control.remember-me-box {
		float: left;
		max-width: 50%;
	}
	.forgot-password a {
		text-decoration: underline;
	}
	
	&#opc-login #checkout-step-login > div {
		width: 93%;
		//max-width: 365px;
	}
	
	
	#co-shipping-method-form{
		.sp-methods dt {
			display:none;
		}
		.sp-methods dd {
			ul {
				li {
					width:48%;
					float:left;
					&:nth-child(2n) {
						float:right;
					}
					input {
						visibility: hidden;
					}
					label {
						width:100%;
						background:transparent;
						//border:1px solid $c-module-border;
						padding: 5px;
						border:2px solid #fff;

						cursor: pointer;
						
						font-family: $f-stack-gt-standard-medium;
						font-size: $f-size;
						text-transform: none;
						letter-spacing: 0.2px;
						
						&.active,
						&:hover {
							//position: relative;
							//margin-top: -2px;
							//margin-left: -7px;
							border:2px solid $c-module-border;
							//padding: 5px;
	
						}
					}
				}

				&:after {
					@include clearfix;
				}
			}
		}
		
		.add-gift-message {
			> h3 { 
				display: none;
			}
		}
		
	}
	
	.giftcard {
		padding: 20px 0;
		border-top: 1px solid $c-module-border;
		border-bottom: 1px solid $c-module-border;
		
		h2 {
			display: none;
		}
		
		input {
			float: left;
			width: 49%;
		}
		.button {
			float: right;
			width: 49%;
		}
		
	}
	
	#co-payment-form {
		h3 {
			margin:15px 0;
		}
		label {
			background: transparent;
			text-transform: uppercase;
		}
		select.validate-cc-type-select,
		input.validate-cc-type {
			width:100%;
			max-width: 100%;
		}
		.v-fix {
			width: 100%;
		}
		#authorizenet_cc_type_exp_div {
			.v-fix {
				width:49%;
				margin-right: 0;
				select {
					width:100%;
				}
				&:last-child {
					float:right;
					select {
						//float:right;
					}
				}
			}
			
		}
		#authorizenet_cc_cid {
			width: 49% !important;
		}
		.cvv-what-is-this {
			display:none;
		}
	}
	.use-shiping {
		margin-bottom: 15px;
		text-transform: none !important;
	}
	
	#checkout-step-review {
		padding: 0;
		.step > div {
			width: 49%;
			float: left;
			&:first-child {
				margin-right:2%;
			}
		}
	}

	.gift-messages-form .allow-gift-messages-for-order-container {
		padding-top: 15px;
		label {
		display: none;
		}
		.field {
			width: 48%;
			&:first-child {
				float: right;
			}
			&:last-child {
				float: left;
			}
			.input-box {
				width: 100%;
			}
			&:after {
				@include clearfix;
			}
		}
		.wide {
			width:100%;
			.input-box {
				height: auto;
			}
			textarea {
				max-width: 100%;
			}
			&:after {
				@include clearfix;
			}
		}
		.inner-box:after,
		.fields:after,
		.form-list:after {
			@include clearfix;
		}

	}
	
}


.opc .section.allow:not(.active) .step-title {
    cursor: pointer;
}

/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
/*
.no-touch .opc .section.allow:not(.active) .step-title:hover {
    background-color: $c-module-background;
}
*/


/*
.opc .section.allow:not(.active) .step-title a {
    display: block;
    float: right;
    line-height: 40px;
    height: 40px;
    padding: 0px 10px;
}
*/

.no-touch .opc .section .step-title a:hover {
    text-decoration: none;
}

.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
	display: none;
/*
    width: 26px;
    height: 26px;
    text-align: center;
    color: #FFFFFF;
    line-height: 26px;
    background-color: $c-action;
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -13px;
*/
}

/*
.opc .section.allow .step-title .number {
    background-color: tint($c-action, 50%);
}
*/

.opc .section.allow .step-title h2 {
    //color: $c-text-gray;
}

.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
    //color: $c-text-primary;
}

.opc .section .step-title h2 {
    border-bottom: 1px solid $c-text;
}
.opc .section.active .step-title h2 {
	border-bottom: 0 none;
}


.opc .section .step {
    //padding: $box-spacing-large;
    border-bottom: 1px solid $c-text;
    padding-bottom: $trim/2;

    &:after {
        @include clearfix;
    }

    @include bp(max-width, $bp-large) {
        padding: 10px 20px;
    }
}

.opc select {
    max-width: 365px;
    width: 100%;
}


.opc .buttons-set {
    text-align: left;

    button.button {
        float: left;
        margin-left: 0;
        margin-right: $gap;
        margin-bottom: 0;
    }
    p.required {
        float: right;
        margin-left: 5px;
        margin-bottom: 0;
    }
    .back-link {
        float: right;
        margin: 0;
    }
    a {
        line-height: 20px;
        display: inline-block;
        padding: 5px 5px 5px 0;
    }
    
}
@include bp(min-width, ($bp-medium+100)) {
	.opc .section:not(#opc-login) .buttons-set button.button {
		width: 49%;
	}
}

@include bp(max-width, $bp-small) {
	.checkout-onepage-index {
		.page-title {
		    margin: 15px 0 0;
		    border-bottom: 0 none;
		}
		.col-main {
			margin: 0 5px;
		}
	}
    .opc {
        .section {
	        .forgot-password {
/*
			    position: absolute;
			    right: 41px;
*/
			    float: none;
			    clear: both;
			    padding-top: 0;
		    }
		    .remember-me-box {
			    margin-bottom: 0px !important;
		    }
		    
		}
    }
}
@include bp(max-width, $bp-medium) {
    .opc {
        .section {
		    li.control label {
			    padding-left: 20px;
		    }
		}
    }
}

@include bp(max-width, $bp-xsmall) {
    .opc,
    .paypal-express-review {
        .buttons-set .button + .buttons-set .button {
            margin-left: 0;
        }
    }
}

.opc #opc-login {
/*
    .step {
        padding: 0px;
    }
*/

    .buttons-set {
        border-top: 0;
        padding-top: 5px;
    }
}

@include bp(max-width, $bp-medium) {
    .opc #opc-login .description,
    .opc #opc-login p.required {
        display: none;
    }
}

#opc-payment .note {
    padding: $box-spacing;
}

/* -------------------------------------------- *
 * This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
 * once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
 * It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
 * "Checkout Method" step.
 */

.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
    @include single-transition(opacity, 300ms);
}

/*
.opc.opc-firststep-login .section#opc-login .step-title .number {
    @include single-transition(width, 80ms);
}
*/

.opc.opc-firststep-login .section#opc-login .step-title h2 {
    @include single-transition(margin-left, 80ms);
}

/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the              */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the         */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
/*
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
    opacity: 0;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
    width: 0px;
    overflow: hidden;
}

body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
    margin-left: 0px;
}
*/

/* -------------------------------------------- *
 * Shipping and Payment methods
 */

.sp-methods {
    margin: 0 0 8px;
	width: 92%;
	
    dt {
        margin: 13px 0 5px;
        font-weight: bold;

        &:first-child {
            margin: 0 0 5px;
        }
    }
    dd li {
        margin: 5px 0;
    }
    label img { // This applies to the Paypal Express label
        float: left;
    }
    label a { // This applies to the Paypal Express label
        margin-top: 6px;
        float: right;
        margin-left: 10px;
    }
/*
    .price {
        font-weight: bold;
    }
*/
    .form-list {
        //padding-left: 20px;

        li {
            margin: 0 0 8px;
        }
    }
    select.month {
        width: 120px;
        margin-right: 10px;
    }
    select.year {
        width: 96px;
    }
    input.cvv {
        width: 4em !important;
    }
    #advice-validate-cc-exp-ccsave_expiration {
        max-width: 130px;
    }

    .checkmo-list {
        li {
            margin: 0 0 5px;
            @include clearfix;
        }
        label {
            width: 165px;
            padding-right: 15px;
            text-align: right;
            float: left;
        }
        address {
            float: left;
        }

        @include bp(max-width, $bp-xsmall) {
            padding-left: 0;

            label {
                width: 135px;
            }
        }
    }

    .release-amounts {
        margin: 0.5em 0;
    }
    .release-amounts button {
        float: left;
        margin: 5px 10px 0 0;
    }
}

/* One Page Checkout */
.block-progress {
    border: 0;
    margin: 0;
    border-left: 1px solid $c-module-border;
    padding-left: 20px;

    .block-content {
        font-size: $f-size-s;
    }
    dt {
        padding-top: 6px;
        @include h4;
        margin-bottom: 6px;
        text-transform: uppercase;
        font-weight: normal;
        color: $c-text-gray;
    }

    dt.complete {
        color: $c-h4;
    }
    dd {
        padding-left: 15px;
        margin-bottom: 10px;
        font-family: $f-stack-serif;
        font-style: italic;

        address {
            font-style: italic;
        }
    }

    #payment-progress-opcheckout .subtitle {
        margin-bottom: 3px;
    }

    .payment-info {

        dt {
            padding: 0;
            margin: 0 0 3px 0;
            color: $c-text;
            font-family: $f-stack-serif;
            text-transform: none;
            font-style: italic;
            float: left;
            clear: both;
            font-size: $f-size-s;

            &:after {
                content: ': ';
            }
        }

        dd {
            float: left;
            margin-bottom: 3px;
            font-size: $f-size-s;
        }

        &:after {
            @include clearfix;
        }

    }
}

/* review step */
#checkout-review-table {
    .btn-remove {
        img {
            display: none;
        }
    }
}

#checkout-review-table-wrapper {
    clear: both; // Fix table clearing issue in Firefox
}

#review-buttons-container {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;

    .btn-checkout {
        min-width: 220px;
    }
    .please-wait {
        float: left;
        margin-right: 10px;
    }
    .f-left {
        float: right;
    }
}

// Hide all but the first tr inside of thead
@include bp(max-width, $bp-small) {
    .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
        display: none;
    }
    .checkout-onepage-index {
	    
	    .sidebar {
		    display: none;
	    }
	    
	    .opc {
		    select,
		    input[type=email], 
		    input[type=search], 
		    input[type=number], 
		    input[type=password], 
		    input[type=tel], 
		    input[type=text],
		    .section .buttons-set button.button, 
		    .section button.bt-login-social,
		    .section li.field, 
		    .section li.wide,
		    .section li.fields > div > div,
		    .section #co-shipping-method-form .sp-methods dd ul li {
			    width: 100%;
			    max-width: 100%;
		    }
		    .section li.space-above {
			    padding-top: 0;
			}
	    }
	    .section #co-shipping-method-form .sp-methods dd ul li label {
		    width: 90%;
		    display: block;
		    margin: auto;
	    }
	    
	    .add-gift-message {
		    width:90%;
		    margin: auto;
	    }
	    
	    .section .giftcard .button {
		    float: none;
		    width: 100%;
		    margin-top: 15px;
		}
		
		#authorizenet_cc_type_exp_div  div.v-fix {
			margin-right: 0;
		}
		.section #co-payment-form #authorizenet_cc_cid {
		    width: 100% !important;
		}
		.section #checkout-step-review .step > div {
		    width: 100%;
		    float: none;
		    margin:15px 0;
		}
		.section#opc-login #checkout-step-login > div {
		    width: 100%;
		    margin: auto;
		}
		.section li.button {
			width: 100%;
		}
		.section .form-list .field {
			margin-bottom: 10px;
		}
    }
    
}

// Hide all but the first tr inside of thead
@include bp(max-width, $bp-xsmall) {
    .linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
        display: none;
    }
}

/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
    display: inline;
}

.opc-block-progress dt a,
.opc-block-progress dt .separator {
    display: none;
}

/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
#checkout-step-review .opc-block-progress {
    border-left: none;
    padding-left: 0;

    .block-title {
        display: none;
    }
    .block-content {
        // Override the no-display
        display: block !important;
        padding: 0;

        & > dl > div {
            float: left;
            width: 50%;
        }

        @include bp(max-width, $bp-xsmall) {
            & > dl > div {
                float: none;
                width: auto;
            }
        }

        .changelink {
            display: none;
        }
    }
}

@include bp(max-width, $bp-xsmall) {
    #checkout-review-table thead > tr > th {
        display: none;

        &:first-child {
            display: block;
        }
    }
    #checkout-review-table thead > tr > th:first-child {
        display: block;
    }
}

#checkout-step-review .centinel {
    &> p {
        margin-bottom: $box-spacing;
    }

    iframe {
        width: 100%;
        min-height: 400px;
    }
}

/* Gift options */
.gift-messages-form {
    .item {
        @include clearfix;
        margin-top: $trim;

        h5 {
            font-weight: bold;
        }

        .product-img-box {
            width: auto;
            float: left;
            padding-right: 15px;
        }

        .details {
            float: left;
        }
    }
}

.gift-message-form {
    .inner-box {
        > div {
            @include clearfix;
            width: 100%;
            margin-top: $trim-small;
            display: block;

            &.extra-options-container {
                p {
                    margin-bottom: $trim-small;
                }
            }
        }
    }

    .gift-wrapping-form {
        label {
            margin-right: $box-spacing;
        }

        img {
            float: left;
        }

        .gift-wrapping-design {
            height: 75px;

            &:after {
                @include clearfix;
            }

            .image-box {
                margin-right: 5px;
            }
        }
    }

    .gift-item {
        padding-bottom: $gap;
        margin-bottom: $gap;
        border-bottom: solid 1px $c-divider-border;

        &:after {
            @include clearfix;
        }

        .product-img-box {
            width: 200px;

            .product-image {
                width: 75px;
                margin-left: auto;
                margin-right: auto;
            }

            .product-name {
                display: block;
            }
        }

        .fieldset {
            margin-left: 200px;
        }
    }
}

@include bp('max-width', $bp-medium) {
    .gift-message-form {

        .giftmessage-area{
            max-width: 100%;
        }

        .gift-item {
            .product-img-box {
                width: 100%;
                float: none;
            }

            .fieldset {
                margin-left: 0px;

                textarea {
                    width: 100%;
                }
            }
        }
    }
}


.opc .section .gift-messages-form {
	p {
		input {
			float: left;
		}
		label {
			display: inherit;
		    background-color: transparent;
		    padding-left: 7px;
		    text-transform: none;
		    line-height: 32px;
		    font-family: "GT-America-Standard-Medium", Verdana, Arial, sans-serif;
		    font-size: 12px;
		    letter-spacing: 0.2px;
		    float: left;
		}
	}
}


.opc .section #checkout-step-payment {
	label.use-shiping {
		display: inherit;
	    background-color: transparent;
	    padding-left: 21px;
	    text-transform: none;
	    line-height: 23px;
	    font-family: $f-stack-gt-standard-medium;
	    font-size: 12px;
	    letter-spacing: 0.2px;
		input {
			height: 14px;
			line-height: 0px;
		}
	}
	li.control {
		input {
			float: left;
		}
		label {
			line-height: 23px;
		}
	}
}

.opc .section #register-customer-password {
	p {
	    font-family: $f-stack-gt-standard-medium;
	    font-size: 12px;
	    letter-spacing: 0.2px;
	    font-weight: normal;
	}
}

.opc .section #co-payment-form {
	.radio {
		height: 15px;
	}
}

.checkout-onepage-index table#shopping-cart-totals-table {
    font-size: $f-size-xs;
    strong {
	    font-weight: normal;
    }
    
    tbody tr:last-child td {
	    padding-bottom: 15px;
    }
    
    tfoot {
	    border-top: 1px solid $c-text;
	    tr:first-child {
		    td {
			    padding-top:15px;
		    }
	    }
    }
    
}