/* shopping cart */

.shoppingCart { margin:0 0 10px; }

.cartList { }
	
.cartList .item:before, .cartList .item:after { content: " "; display: table; }
.cartList .item:after { clear: both; }
.cartList .item { *zoom: 1; border-top:1px solid #ccc; padding-top:15px; margin-top:10px;}

.cartList .media { display:table-cell; width:90px; min-width:90px; }
.cartList .content { display:table-cell; padding-left:10px; vertical-align:top; font-size:0.813em; }
.cartList .content p { margin-bottom:0.725em; }
.cartList .itemInfo > .title { font-size:1.231em; }
.cartList .cartItemDetails { display:table; width:100%; }
.cartList .contentExtra { padding-left:10px; }
.cartList .itemInfo { width: 40%; padding-right:20px; padding-left:0; }
.cartList .itemInfo .itemTitle {margin: 0; text-transform:uppercase;}
.cartList .itemInfo .title {text-transform:uppercase;}
.cartList .itemInfo .title a {text-transform:uppercase;}
.cartList .itemInfo .itemTitle a {text-transform:uppercase;}
.cartList .itemRecipient { min-width:50px; vertical-align:top; }
.cartList .itemRecipient .recipientDetails p {margin-bottom: 0;}
.recipientDetails span {margin-left: 5px; color: #949494;}
.cartList .itemQty { width:50px; }
.cartList .itemGiftMessage { width:100px; padding-left:20px; text-align:center; font-size:0.923em; }
.cartList .itemTotal { width:125px; vertical-align:top; text-align:right; }
.cartList .itemTotal li { margin-bottom:5px; }
.cartList .itemPrice { margin-bottom:8px; font-size:1em; }
.cartList .itemMessage { padding:12px 17px; background-color:#f1f9fa; }


.cartList a.removeLink { text-decoration:none; }

.cartHistory .contentExtra { width:21%; text-align:left; padding-left:0;}
.cartHistory .itemPrice { font-weight:normal; font-size:1em; }
.cartHistory .itemStatus { font-weight:bold; }
.cartHistory .itemStatus span { font-weight:normal; }
	
.cartTools { padding:1px; margin:0 0 10px 0; border:1px solid #D2D2D2;}
.cartTools .title { margin:0; padding:5px 7px; font-size:0.9em; font-weight:bold; background:#ccc; }
.cartTools .content { padding:10px 7px; border-top:1px solid #e3e3e3; }
.cartTools ul { margin:0; padding:0; list-style-type:none; position:relative; }
.cartTools li { margin:0 0 5px; }
.cartTools .popup { 
	position:absolute;
	display:none;
	left:-14px;
	right:-14px;
	margin-top:-1px;
	padding:20px 15px;
	margin-bottom:2px;
	border:1px solid #3f3f3f;
	background:#fff;
	z-index:2;
	-webkit-box-shadow:1px 2px 5px 1px rgba(0, 0, 0, 0.25);
			box-shadow:1px 2px 5px 1px rgba(0, 0, 0, 0.25);    
}
.cartTools .icon-close { position:absolute; right:3px; top:3px; cursor:pointer; }
.cartTools .popup li { position:static; display:block; }

.cartTools .showTool { display:block; }
	
.cartTools a,
.cartTools a:link,
.cartTools a:visited { font-size:0.9em; font-weight:bold; text-decoration:none; cursor:pointer;}
	
.cartTools a:hover,
.cartTools a:active {text-decoration:underline;}


.backTo { margin:0 0 10px; }
.backTo a.bringBackTo {padding:0 0 0 10px;}

.cartTools .sf-menu ul {float:none; background-color:#fff;}
	
.cartwrpr {margin:0 auto; padding:2px 0 13px 0;}

.shiphdng {margin:0 0 10px 0; padding:5px; font-weight:bold; background-color:#efefef; border:1px solid #D2D2D2;}
.shipAddr {border-width:1px 1px 0 1px; border-style:solid; border-color:#999999;}
.shipAddr table td {padding: 5px 10px 5px 3px;}

.cart {width:100%; margin:0 auto 5px auto; border-collapse:collapse;}

/* ******** */
/* Cart Fix */
/* ******** */
.cart table tr td {border-bottom:none;}
.cart .edit table tr td{font-size:.9em;}
.cart .edit div a {font-size:.9em;}
/* ************ */
/* End Cart Fix */
/* ************ */

.cart table.innerTable td {border:0; vertical-align:top; padding:0;}
.cart table.innerTable td.pImg {padding-right:10px;}
.cart th {padding:5px; color:#fff; background-color:#3F3F3F;}
.cart td {background-color:#fff; vertical-align:top; padding:10px 0 10px 5px; border-bottom:1px solid #d2d2d2;}
.cart tr.noborder td {border-bottom-width:0;}
.cart td.edit div {padding:5px 0 0 0; font-size:.9em;}
.cart td.qty input.text, table.cart td.wrapping input.text {width:20px; padding-left:3px; padding-right:3px; text-align:center;}
.cart td .name {font-weight:bold; margin:0; color:#000;}
.cart td ul {margin:0; padding:0; list-style-type:none;}
.cart td ul.selections li {margin-bottom:5px; padding-left:10px; background:url(/cms/images/arrowRight.gif) no-repeat 0 4px; font-weight:bold;font-size:13px;}
.cart .prodInfo { font-size:.9em; }
	
.cartInfo {height:1%; margin:0 auto;}
.cartInfo .promoCode { margin-bottom:10px; padding:15px 10px 10px; border:1px solid #D2D2D2; }
.cartInfo .promoCode input.select {width:117px; background-color:#f7f7f7;}
	
.updateCart { padding-top:13px; margin-bottom:11px;}
.updateCart .btnWrapper .btn {background:#999; padding:10px;}
	
.cartSupport {}
.cartSupport .clear {width:0px;}

.checkoutBlock {float:right; width:296px;}

.multipleShips {padding:0 0 10px 0; margin:0 0 20px 0; border-bottom: 1px solid #D2D2D2;}

.chkoutBoxes { margin-bottom:15px; font-size:0.9em; }
.chkoutBoxes .chkoutRow {position:relative; min-height:1px; *height:1%; background:#fff; border:1px solid #e3e3e3; margin-bottom:2px;}
.chkoutBoxes .chkoutRow .title {float:left; display:inline; width:176px; padding:7px 5px 7px 0; margin:0; text-align:right; border-right:1px solid #fff; background-color:#e3e3e3;}
.chkoutBoxes .chkoutRow .price {float:right; display:inline; width:95px; padding:6px 15px 0 0; font-size:1.1em; font-weight:bold; text-align:right;}

.chkoutBoxes a.enterZip, .chkoutBoxes a.enterZip:link, .chkoutBoxes a.enterZip:visited {position:absolute; top:9px; left:5px; font-size:0.75em; color:#000000; text-decoration:underline; z-index:10;}

.costSummary { 
	display:table;
	width:100%;
	margin:0 0 10px;
	border:1px solid #d2d2d2;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size:0.875em;
}
.orderDetails .costSummary {table-layout:fixed;}
.costSummary .costRow { display:table-row; }
.costSummary .title { display:table-cell; padding:5px 10px; text-align:right; font-size:1em; text-transform:none; vertical-align:middle; }
.costSummary .title a { display:inline-block; font-size:0.8em; }
.costSummary .price { display:table-cell; width:35%; padding:5px 10px; text-align:right; vertical-align:middle; }
.costSummary .totalPrice { font-size:1.2em; font-weight:bold; }
	
.recipientSummary { margin-bottom:20px; border-bottom:2px solid #000; }
.recipientSummary .costSummary { border:0; font-size:0.9em;}
.recipientSummary .costSummary .price { padding-right:0; }
	
.shipData {
	position:absolute;
	display:none;
	left:-5px;
	right:-5px;
	margin-top:-1px;
	padding:20px 15px;
	margin-bottom:2px;
	border:1px solid #3f3f3f;
	background:#fff;
	z-index:2;
	-webkit-box-shadow:1px 2px 5px 1px rgba(0, 0, 0, 0.25);
			box-shadow:1px 2px 5px 1px rgba(0, 0, 0, 0.25);
}
.shipData .icon-cancel-circle { position:absolute; top:-4px; right:-4px; font-size:1.5em; cursor:pointer; }
.shipData .shipRow {height:1%; padding:10px 0 0 0;}
.shipData .shipTitle {float:left; display:block; width:95px; margin-top:3px;}
.shipData .icon-close { position:absolute; right:3px; top:3px; cursor:pointer; }
		
.promoOffer {border:1px dashed #ff0000; padding:10px; margin-bottom:10px; color:#FF0000; font-size:1.2em; font-weight:bold; text-align:center;}
#promoOfferPopup {position:realtive; display:none; padding:10px; border:2px solid #1C4E87;}

#promoOfferPopup .pagination .paging {padding-right:0; border-right:0;}

#promoOfferPopup .collectionItems {margin-bottom:10px;}
#promoOfferPopup .collectionItems .itemWrapper a.itemLink,
#promoOfferPopup .collectionItems .itemWrapper a.itemLink:link,
#promoOfferPopup .collectionItems .itemWrapper a.itemLink:visited {width:101px;}
#promoOfferPopup .closeBtn {
	position: absolute;
	right: 0;
	top: -15px;
	width: 53px;
	height: 15px;
	z-index: 1000;
	background: url(/cms/images/layout/ui/icon_close.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999em;
	cursor:pointer;
}
	
.checkoutSummary { 
	position:relative; 
	margin:0 0 10px;
	border-radius: 5px;
	border-color: #FFF;
	box-shadow: 0 3px 10px 2px #E6E6E6;
	padding: 0;
	background: #FFF; 
}
.checkoutSummary > .title { 
	margin:0; 
	padding:12px 20px; 
	font-weight:bold; 
	color:#fff; 
	font-size:1.3em; 
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
    text-align:center;
}
.checkoutSummary > .content { padding:0 20px 10px; }
.checkoutSummary .totalPrice { margin:0 0 10px; font-weight:bold; text-align:center; }
.checkoutSummary .totalPrice > .price { display:block; font-size:1.5em; }
	
.checkoutSummary .costSummary { border:0; }

.checkoutSummary .btnWrapper .btn {padding: 10px; font-size: 1.2em;}
.checkoutSummary .costSummary .title,
.checkoutSummary .costSummary .price {border-bottom: 0; padding:15px 0 5px;}

.slideCart {
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.slideCartRail { position:relative; }


/* one page checkout */

.memberBar {min-height:1px; margin:0 0 7px 0; padding:5px; background:#ECF1F8;}
.memberBar .hdng {margin:0; padding:0 10px; line-height:30px; border:0; border-right:1px solid #fff;}
.memberBar .memberBarInner {padding:3px 15px 0 15px; text-align:right;}
.memberBar label {margin-right:2px; font-weight:bold; vertical-align:baseline;}
.memberBar span.btnWrapper {margin-right:10px;}

.useSavedAddress {padding:4px; font-size:.9em; color:#4e4e4e; background:#e2e2e2;}
.useSavedAddress label { margin:0 !important; cursor:pointer; }
.useSavedAddress input {margin-right:5px; vertical-align:middle;}

.onePageCheckout { position:relative; }
.onePageCheckout .checkoutSteps { margin-right:300px; }


dl.checkoutProcess {min-height:1px; margin:0 0 9px 0;}
dl.checkoutProcess dt.stepTitle {}
dl.checkoutProcess dt.stepTitle span.stepTitleInner {
	position:relative;
	display:block; 
	padding:7px 65px 7px 10px; 
	color:#fff; 
	border:0;
	padding: 10px 65px 10px 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 0;
}
dl.checkoutProcess dt.inactive {margin-bottom:1px;}
dl.checkoutProcess dt.inactive span.stepTitleInner {color:#707070; background-color:#e3e3e3 !important;}
dl.checkoutProcess dt.previous {margin-bottom:1px; border:0;}
dl.checkoutProcess dt.previous span.stepTitleInner {color:#fff; border-top-right-radius: 0px; border-top-left-radius: 0px; padding: 10px 65px 10px 20px; font-size: 1.1em;}
dl.checkoutProcess dd.stepContent {margin:0 0 5px 0; padding:20px 10px; border-top:0; padding: 10px 20px; box-shadow: 0 3px 10px 2px #E6E6E6; background: #fff;}
dl.checkoutProcess .stepGroupTitle { margin-bottom:10px; padding:5px 10px; text-align:left; background-color:#E1E1E1; border:1px solid #ccc; }
dl.checkoutProcess .stepGroupTitle .hdng { margin:0; font-size:18px; border:0; font-weight:bold; }
dl.checkoutProcess .stepGroupTitle .formRow { float:right; display:inline; margin-top:5px; }
dl.checkoutProcess .stepGroupContent { margin-bottom:30px; padding:0 10px; }
dl.checkoutProcess .stepGroupContent .accountBlocks {margin:0; border:0;}
dl.checkoutProcess .stepGroupTitle .hdng span { font-size:0.786em; font-weight:normal; text-transform:none; }
dl.checkoutProcess .stepGroupTitle .hdng .formRow { margin:0; font-size:0.857em; font-weight:normal; }

.checkoutProcess .forms fieldset {position:relative; margin:0 0 10px 130px;}
.checkoutProcess .forms fieldset legend {position:absolute; left:-130px; top:0; width:110px; color: #4E4E4E; font-size: 17px; font-weight: normal; white-space:normal;}
.checkoutProcess .forms fieldset legend span {float:left;}
.checkoutProcess .forms fieldset legend span.note {float:none; font-size:11px;}
	
.checkoutSummary {}
.checkoutCart {}
.checkoutCartInner {margin:0 0 2px 0;}
.checkoutCart .cartItems { padding:1px 10px; }
.checkoutCart .itemWrapper { padding:10px 0; border-top:1px dashed #ccc; }
.checkoutCart .itemWrapper:first-child { border-top:0; }
.checkoutCart .itemImage {float:left; display:inline; height:auto;}
.checkoutCart .itemContent {position:static; padding:0; text-align:left; font-size:1em;}
.checkoutCart .itemContent .itemTitle { float:left; width:58%; margin:0; text-align:left; font-size:0.875em; font-weight:normal; text-transform:uppercase;}
.checkoutCart .recipHeader { padding:10px 0 0 0; border-bottom:1px dotted #ccc; }
.checkoutCart .itemWrapper .itemSwatch {float:left; display:inline; margin:7px 0 12px 0;}
.checkoutCart .itemWrapper .itemPrice { float:right; display:inline; width:40%; margin:0; font-size:1em; text-align:right; font-weight:normal; }
.checkoutCart .itemWrapper .qtyNum {}
	
.checkoutCart .chkoutBoxes .chkoutRow .title {width:160px;}
.checkoutCart .chkoutBoxes .chkoutRow .price {width:105px;}

.siteStamps { margin:10px 0; }
.siteStamps img { vertical-align:middle; }

dl.checkoutProcess dt.stepTitle a.editLink,
dl.checkoutProcess dt.stepTitle a.editLink:link,
dl.checkoutProcess dt.stepTitle a.editLink:visited {position:absolute; font-size:1em; font-weight:bold; text-decoration:none; text-transform:none; color: #5F554B; top:25%; right: 15px;}

.checkoutCart .cartHeader a.editLink,
.checkoutCart .cartHeader a.editLink:link,
.checkoutCart .cartHeader a.editLink:visited {position:absolute; right:10px; top:8px; font-size:0.875em; font-weight:bold; text-decoration:none; text-transform:none; color:#fff; }

.dateSelection .selector {float:left; display:inline; width:90px; margin-right:10px;}
.dateSelection div.selector span {width:60px;}
.dateSelection div.selector select {width:97px;}

.checkoutProcess .supportedPayments { margin:0 0 10px; }
	
.userMessage {width:46%; padding:10px 15px; margin-bottom:10px; background:#E0E0E0; border:1px solid #c7c7c7;}

.helpfulInfo {font-size:14px; color:#4e4e4e; line-height:1.7em;}
.helpfulInfo .hdng2 {margin:0; font-size:18px; font-weight:normal; color:#4e4e4e;}
.cartQuestionsText {float:left; display:inline; width:255px; padding:0 20px;}
.helpLinks {float:left; display:inline; width:320px;}
.helpLinks ul.linkList {}
.helpLinks ul.linkList li {float:left; display:inline; width:140px; margin:0 10px 0 0; padding:0 0 0 10px; background:url(/images/layout/arrow_right_red_open.gif) no-repeat 0 8px;}
.helpLinks ul.linkList a,
.helpLinks ul.linkList a:link,
.helpLinks ul.linkList a:visited {color:#4e4e4e; text-decoration:none;}

.shippingOptions { margin-bottom:7px; font-size:0.9em; }
.shippingOptions .shipOpt {float:left; display:inline; width:178px; margin: 0 5px 5px 0; padding:5px 10px 5px 5px;}
.shippingOptions .shipOpt label {margin:0; cursor:pointer;}
.shipping-selected {background-color:#EFEFEF;}
	
.checkoutSummaryHeading { margin-bottom:5px; padding-bottom:5px; font-weight:bold; border-bottom:1px solid #CCCCCC; }
.checkoutBox { padding:20px 9px; background:#efefef; border:1px solid #e3e3e3; }
.checkoutSubBox { padding:10px; background:#F9F9F9; border:1px solid #e3e3e3; }


/* ## Checkout Review ## */

.billingEmail {  word-wrap: break-word; }

.checkoutReviewTotals { text-align:center; }
.checkoutReviewTotals .reviewTotalBreakdown { display:inline-block; text-align:right; }
.checkoutReviewTotals .grandTotal { font-size:1.2em; font-weight:bold; }

.reviewOptions { border-top:1px dashed #999; padding-top:20px !important; }
.loginLink {position:absolute; top:20px; right:20px;}

.confirmationList .content {font-size:1em;}
.costSummary .hide { display:none;}

.paymentInfo .accountBlocks {min-height:220px;}

.confirmationSummary .inner {padding:0;}
.confirmationSummary .costSummary {display:block; width:100%; margin:0; border:0; text-align:center; font-size:1em;}
.confirmationSummary .costSummary .costRow {display:table; width:100%; clear:both;}
.confirmationSummary .costSummary .title {text-align:left;}
.confirmationSummary .costSummary .price {width:25%;}
.confirmationList .itemInfo {width:auto;}
.confirmationList .itemInfo ul {margin-bottom:5px;}

.stepGroupContent .cartItems .itemWrapper {box-shadow:none; }
.stepGroupContent .cartItems .itemWrapper .itemContent {background:none;}
.stepGroupContent .cartItems .itemWrapper .itemContent:before {position:static; height:0; width:0; background:none;}
.cartItems .itemWrapper .itemTitle {font-size:.9em;}
.cartItems .itemWrapper .itemContent {padding:0; text-align:left;}
.reviewAll {border-top: 1px dashed #999; padding:10px 0;}

/* 16px baseline (0 - 479px) */
@media only screen and (max-width:29.938em){	
	.cartList .itemTotal { display:block; float:none !important; padding-top:10px; margin-bottom:10px; clear:both; text-align:left; }
	.cartList .media { float:left; display:inline; margin:0 10px 10px 0; }
	.cartList .content { display:block; padding:0; }
	.cartList .content.right { display:block; padding:0; width:70%; float:right; text-align:left;}
	.cartList .cartItemDetails { display:block; width:auto; }
	.cartList .contentExtra { clear:left; margin-bottom:15px; padding-left:0; }
	.cartList .itemInfo { clear:left !important; padding-left:0 !important; }
	.cartList .itemGiftMessage { clear:none; text-align:left; padding-left:10px }
}

/* 16px baseline (0 - 641px) */
@media only screen and (max-width:40.063em) {	
	.cartList .contentExtra { display:block; float:left; }
	.cartList .itemInfo { clear:none; display:block; float:none; width:auto; max-width:100%; padding-left:10px; }
	.cartList .itemTotal { display:block; float:left; width: auto; }
}

/* 16px baseline (0 - 767px) */
@media only screen and (max-width:47.938em){
	.slideCartRail { min-height:0 !important; }
	.slideCartCompanion { min-height:0 !important; }

    .checkoutReviewTotals { border-top:1px dashed #999; }
    .reviewTotalBreakdown { display:inline-block; padding-top:10px; }
    .reviewTotalBreakdown .grandTotal {}
    .cartHistory .contentExtra {width:100%; float:none;}
    .loginLink {top:55px;}
}
	
/* 16px baseline (768px+) */
@media only screen and (min-width:48em){
	.slideCartWrapper { position:absolute; top:0; right:0; width:100%; height:100%; }
	.slideCart { position:absolute; top:0; left:0; right:0; max-width:225px; }
	.slideCartRail .stickyTop {}
	.slideCartRail .stickyFixed { position:fixed; left:auto; right:auto; width:25%; }
	.slideCartRail .stickyBottom { top:auto; bottom:0; }
}

/* 16px baseline (960px+) */
@media only screen and (min-width:60em) {
    .checkoutReviewTotals { border-top:1px dashed #999; }
    .reviewTotalBreakdown { padding-top:10px; }
    .reviewTotalBreakdown .grandTotal {}
}

@media only screen and (min-width:47.938em) and (max-width:50em) {
    .checkoutSummary .btnWrapper .btn {font-size:1em;}
}

/* CHROME overlap fix */
#divItems {
	border: 1px solid transparent;
}


/* Loading spinner styles */
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.loader {
	margin: auto;
	overflow: hidden;
}

	.loader.loader-overlay {
		position: fixed;
		z-index: 999;
		top: 25vH;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		height: 14em;
	}

	.loader .spinner {
		font-size: 1em;
		border-radius: 50%;
		border-top: 1.1em solid rgba(142, 132, 122, 0.32);
		border-right: 1.1em solid rgba(142, 132, 122, 0.32);
		border-bottom: 1.1em solid rgba(142, 132, 122, 0.32);
		border-left: 1.1em solid #8e847a;
		height: 8em;
		width: 8em;
		margin: 2em auto;
		position: relative;
		text-indent: -9999em;
		-webkit-animation: load8 .8s infinite linear;
		animation: load8 .8s infinite linear;
	}

	.loader.loader-inline {
		height: 0;
		overflow: visible;
		text-align: right;
	}

		.loader.loader-inline .spinner {
			border-width: 1.5em;
			display: inline-block;
			font-size: 2px;
			margin: 0 5em;
			top: -27px;
			z-index: 9;
		}

/* Auto Address Suggest Container */
.address-picklist-container {
	position: absolute;
	width: 100%;
	z-index: 10;
	margin-top: -15px;
}

.address-picklist {
	background-color: #fff;
	border: 1px solid #6BA9FF;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-sizing: border-box;
	max-height: 206px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
}

	.address-picklist div,
	.use-address-entered {
		color: #575755;
		font-size: 14px;
		line-height: 1.4;
		padding: 5px 11px;
	}

.use-address-entered {
	background-color: #fff;
	border: 1px solid #6BA9FF;
	border-top: 0;
	margin-top: 0px;
	cursor: pointer;
}

.address-picklist .selected, .address-picklist div:hover {
	cursor: pointer;
	background: #f4f4f4;
	border-bottom: 1px solid #6BA9FF;
	border-top: 1px solid #6BA9FF;
	padding: 4px 11px;
}

	.address-picklist .selected:last-child,
	.address-picklist div:last-child:hover {
		border-bottom: 0;
		padding-bottom: 5px;
	}