﻿ /*
#region !!====={ Version Information }=====!!
%~%@ < 2.0000 > @%~%				// File Version
%~%# < 03/06/2017 > #%~%			// File Mod Date
%~%! < _Core CSS > !%~%             // Cart Module
%~%^ < 2.0000 > ^%~%				// Minimum Core Version
#endregion ==================================
*/
@charset "utf-8";

/*================ Member LOGIN ================*/
/*================ Member LOGIN ================*/
.gc_userAccountPopup{max-width:90vw; width:500px;}
#user-msg-placeholder {background-color: #de0001;color: #fff;padding: 1em;margin: 16px 0;}
.gc_UserLoginPopup {width: 500px;max-width: 90%;max-width: 90vw;}
.gc_UserLoginPopup__tabs {display: block;list-style: none;margin:0; padding:0;}
.gc_UserLoginPopup__tabs li {width: 50%;float: left;padding: 2px 0;display: block;}
.gc_UserLoginPopup__tabs li:nth-child(1) {padding-right: 22px;border-right: 1px solid #888888;}
.gc_UserLoginPopup__tabs li:nth-child(2) {padding-left: 22px;}
.gc_UserLoginPopup__error {background-color: #e00f1e;color: #fff;}
.gc_UserLoginPopup__error label {padding: 1em;display: block;}
.gc_UserLoginPopup__error label:empty {display: none;}
.gc_UserLoginPopup__page {background: #fff;padding: 30px;}
.gc_UserLoginPopup__page:before {content: "";display: block;position: absolute;top: 8px;left: 0;right: 50%;right: calc(50% + 22px);margin: auto;border-right: 10px solid transparent;border-bottom: 10px solid #fff;border-left: 10px solid transparent;width: 0;height: 0;box-sizing: content-box;}
.gc_UserLoginPopup__page--create:before {left: 50%;left: calc(50% + 22px);right: 0;}
.gc_UserLoginPopup__forms {position: relative;padding-top: 18px;}
.gc_UserLoginPopup__form fieldset {display: block;margin: 0;padding: 0;border: none;}
.gc_UserLoginPopup__form legend {width: 100%;font-size: 14px;font-weight: bold;display: block;padding-bottom: 10px;}
.btnSet--right {text-align: right;}
.btnSet--form {padding: 24px 0 0;}
.btnSet--form button:nth-child(2){margin-left:10px;}
.btnSet--form .btn + .btn {margin-left: 10px;}
.btn--close {border:none; background:none;display: block;position: absolute;top: 15px;right: 15px;color: #7f7f7f;width: 26px;height: 26px;text-indent: -999px;overflow: hidden;}
.gc_UserLoginPopup__forms .btn--close {top: 38px;}
.btn--close::before, .btn--close::after { content: "";display: block;position: absolute;width: 100%;height: 6px;margin: auto;top: 0;left: 0;bottom: 0;right: 0;background: currentColor;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
.btn--close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.btn--close::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn--close:hover{opacity:0.5;}
.gc_UserLoginPopup .btn {display: inline-block;border: none;background: none;font: inherit;line-height: 1;padding: 0;text-decoration: none;cursor: pointer;-webkit-transition: background .3s ease, color .3s ease;transition: background .3s ease, color .3s ease;vertical-align: middle;}
.gc_UserLoginPopup .btn--usertab {background-color: #333;color: #bababa;font-size: 14px;font-weight: bold;letter-spacing: .06em;text-decoration: none;border-radius: 6px;display: block;line-height: 1;height: 40px;text-align: center;padding: 13px 0;}
.gc_UserLoginPopup .btn--usertab.js-active {background-color: #f00;color: #fff;}
.btn:focus {outline: none;}
.btn--submitForm {color: #fff;background-color: #f00;font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;border:none; outline:none;cursor:pointer;}
.btn--submitForm:hover,.btn--submitForm:focus {color: #FFF;background:#000;}
.btn--simpleUnderline {color: #de0111;text-decoration: underline;background-color: transparent;font-size: 12px;letter-spacing: .06em;padding: 1em .3em;border:none; outline:none;cursor:pointer;}
.btn--simpleUnderline:hover,.btn--simpleUnderline:focus {color: #000;text-decoration:none;}
.field__label,.field label.error {display: block;padding: 1em 0 0.3em;font-size: 13px;letter-spacing: .03em;}
.field__note {font-size: 11px;font-weight: 500;font-style: normal;}
.field label.error {color: #e00f1e;padding: .1em 0 0;}
.field__label--required:before {content: "* ";color: #e00f1e;}
.field__input {display: block;width: 100%;border: none;background: #d7d7d5;font: inherit;line-height: 1;font-size: 16px;padding: .5em;margin: 0;height: 38px;min-width: 10px;-webkit-transition: background .3s ease, color .3s ease;transition: background .3s ease, color .3s ease;}
.field__input--textarea {height: calc(152px);}
.field__input.error {background-color: #e00f1e;color: #fff;}
.field__input:invalid {box-shadow: none;}
.field__input:focus {outline: none;background-color: #eee;color: #000;}

/*================ User Edit Address ================*/
/*================ User Edit Address ================*/
#CloseAccountMessage{max-width:90vw; width:500px;display:none;}
.closeAcctInner{padding:3% 5%; background:#FFF;}
.btn--creatNew {color: #fff;background-color: #000;font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;border:none; outline:none;cursor:pointer;}
.btn--creatNew:hover,.btn--creatNew:focus {color: #FFF;background:#555;}
.btn--closeAccount {color: #de0111;text-decoration: underline;background-color: transparent;font-size: 12px;letter-spacing: .06em;padding: 1em .3em;border:none; outline:none;cursor:pointer;}
.btn--closeAccount:hover,.btn--closeAccount:focus {color: #000;text-decoration:none;}
.btn--closeAccount img{}
.noInfoMsg{font-size:12px; color:#555; margin-top:15px;}
.uab {float: left;width: 25%;padding: 10px 10px 0 0;}
.uab:nth-child(4n+1) {clear: left;}
.uab__pos {padding: 10px;border: 1px solid #d7d7d5;border-radius: 5px;}
.uab__name {font-weight: bold;font-size: 1.2em;margin-bottom: 4px;}
.uab__company {color: #555;font-size: .9em;margin: 0 0 10px;}
.uab__street {margin: 4px 0;}
.uab__phone {margin: 4px 0;}
.uab__links {margin-top: 10px;}
.uab__links .btn {float: left;}
.uab__links .btn + .btn {float: right;padding: 0.7em 0.3em;font-size:14px;}
.uab__links .btn + .btn .deleteSVG{vertical-align:middle;}
.btn--deleteAccount {color: #F00;border:1px solid #F00; font-size: 14px;font-weight: bold;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;outline:none;cursor:pointer;}
.btn--deleteAccount:hover,.btn--deleteAccount:focus {color: #000;background:#eee;border-color:#000;}
.btn--deleteAccount.finalWarning{width:70%; margin:0 auto;}
.closeAcctInner div{text-align:center;font-weight:bold;}
.closeAcctInner p{text-align:center;font-size:13px;line-height:1.2;}
#ControllerMessage.h-popup{padding:3% 5%; background:#FFF; font-weight:bold;}
.btn--delete {color: #F00;font-size: 14px;font-weight: bold;border:none;background:none;padding: 1em 1.3em;text-transform: uppercase;letter-spacing: .1em;border-radius: 5px;outline:none;cursor:pointer;}
.btn--delete:hover,.btn--delete:focus {color: #000;}

@media only screen and (max-width: 1250px) {
    .uab {width: 33.333%;}
    .uab:nth-child(4n+1) {clear: none;}
    .uab:nth-child(3n+1) {clear: left;}}
@media only screen and (max-width:700px){
    .uab {width: 50%;}
    .uab:nth-child(3n+1) {clear: none;}
    .uab:nth-child(2n+1) {clear: left;}}
@media only screen and (max-width: 640px) {
    .gc_UserLoginPopup__page {padding: 20px;}
    .btnSet--form {padding-top: 16px;}
    .gc_UserLoginPopup__tabs li:nth-child(1) {padding-right: 8px;}
    .gc_UserLoginPopup__tabs li:nth-child(2) {padding-left: 8px;}
    .btn--usertab .verbose {display: none;}}
@media only screen and (max-width: 480px) {
    .uab {float: none;width: 100%;}
    .btn--deleteAccount.finalWarning{width:90%;}}

[class|="P--User"] .main, [class|="P--Account"] .main {background-color: #fff;color: #000;}
[class|="P--User"] p a:hover, [class|="P--User"] p a:focus,
[class|="P--Account"] p a:hover, [class|="P--Account"] p a:focus {color: #000;}
[class|="P--User"] .content, [class|="P--Account"] .content {color: inherit;}
[class|="P--User"] .content {width: calc(100% - 280px);padding-bottom: 20px;}
[class|= "P--User"] .sidebar #cat-list {display: none;}
[class|="P--User"] .sidebar {width: 260px;padding: 10px 25px;}
[class|="P--User"] h1 {font-size: 16px;font-weight: bold;text-transform: uppercase;margin: 24px 0;letter-spacing: .05em;}
[class|="P--User"] h2 {font-size: 16px;color: #f76515;margin: .5em 0;}
.UserSidebarHeading {border-bottom: 1px solid #2e2e2e;color: #f76515;font-size: 14px;font-weight: bold;letter-spacing: .06em;line-height: 1.7;}
.UserSidebarLinkList {font-size: 14px;border-bottom: 1px solid #2e2e2e;padding: 10px 0;}
.UserSidebarLinkList a {display: block;color: #f76515;cursor: pointer;text-decoration: none;}
.UserSidebarLinkList a:hover, .UserSidebarLinkList a:focus {text-decoration: underline;}
.UserSidebarLinkList a.CurrentPage {color: #E00025;text-decoration: none;}
.UserSidebarLinkList li {margin: 15px 0;}
[class|="P--User"] .sidebar #socials {text-align: center;margin-top: 30px;}
[class|="P--User"] .sidebar #socials li {display: inline-block;float: none;}
[class|="P--User"] .sidebar .sidebar__customersFirst {margin: 0 auto;}
[class|="P--User"] .sidebar #socials li:last-child {float: none;clear: both;width: 100%;}
[class|="P--User"] .sidebar #socials li:last-child img {margin-bottom: 20px;}
.UserAddresses {border-top: 1px solid #000;border-bottom: 1px solid #000;margin: 40px 0;padding: 30px 0;}
.fieldset--userSettings legend {display: none;}
.EditAddressPopup legend {display: block;width: 100%;font-size: 18px;font-weight: bold;padding: 20px 0 0;}
.fieldset--userSettings .field {width: 48%;float: left;}
.fieldset--userSettings .field--name,.fieldset--userSettings .field--password, .fieldset--userSettings .field--newsletter {margin-right: 4%;clear: left;}
.fieldset--shippingAddressContact .field {float: left;width: 48%;}
.fieldset--shippingAddressContact .field--addressName,.fieldset--shippingAddressContact .field--fName,.fieldset--shippingAddressContact .field--companyName,.fieldset--shippingAddressContact .field--phone {clear: left; margin-right: 4%;}
.fieldset--shippingAddressAddress .field {float: left;width: 48%;}
.fieldset--shippingAddressAddress .field--country,.fieldset--shippingAddressAddress .field--streetL1,.fieldset--shippingAddressAddress .field--zip,.fieldset--shippingAddressAddress .field--city {clear: left; margin-right: 4%;}
.EditAddressPopup {max-width: 1180px;width: 90%;display: none;}
.EditAddressPopup__pos {background: #fff;padding: 20px;}
@media only screen and (max-width: 1000px) {
    [class|="P--User"] .content {width: 90%;float: none;clear: both;margin: 0 auto;}}
@media only screen and (max-width: 640px) {
    [class|="P--User"] .content {width: 100%;padding: 0 20px;}
	.EditAddressPopup {max-width: 100%;}
	.EditAddressPopup__pos {padding: 10px;}}
@media only screen and (max-width: 480px) {
    .fieldset--userSettings .field {width: 100%;float: none;}
    .fieldset--userSettings .field--name,.fieldset--userSettings .field--password {margin-right: 0;}
    .fieldset--shippingAddressContact .field {float: none;width: 100%;}
    .fieldset--shippingAddressContact .field--addressName,.fieldset--shippingAddressContact .field--fName,.fieldset--shippingAddressContact .field--companyName,.fieldset--shippingAddressContact .field--phone {margin-right: 0;}
    .fieldset--shippingAddressAddress .field {float: none;width: 100%;}
    .fieldset--shippingAddressAddress .field--country,.fieldset--shippingAddressAddress .field--streetL1,.fieldset--shippingAddressAddress .field--zip,.fieldset--shippingAddressAddress .field--city {margin-right: 0;}}

/* Product List - used order history, consumables - Wishlist in seperate CSS */
.pl {display: table;width: 100%;}
.pl__headers {font-size: 14px;letter-spacing: .06em;font-weight: normal;display: table-row;}
.pl__headers .pl__col {border-left: 1px solid #d7d7d5;padding-right: 20px;}
.pl__headers .pl__col:empty, .pl__headers .pl__col:first-child {border-left: none;}
.pl__item {border-bottom: 1px solid #d7d7d5;display: table-row;}
.pl__col {display: table-cell;padding: 5px 20px;vertical-align: middle;}
.pl__item .pl__col {border-bottom: 1px solid #d7d7d5;}
.pl__colLabel {display: none;font-size: 14px;letter-spacing: .06em;font-weight: normal;}
.pl__col--item {width: 55%;}
.pl__item .pl__col--item {padding: 10px 0 5px;}
.pl__itemImageWrap {float: left;width: 100px;}
.pl__itemImage {display: block;margin: 0 auto;width:100%;}
.pl__itemInfo {float: left;width: calc(100% - 150px);padding: 0 20px;}
.pl__itemName {font-size: 16px;font-weight: 600;letter-spacing: .03em;padding: 26px 0 8px;line-height: 1.4;}
.pl__itemName a {color: inherit;text-decoration: none;}
.pl__itemName a:hover,.pl__itemName a:focus {text-decoration: underline;}
.pl__itemSKU {font-size: 13px;letter-spacing: .08em;color: #6b6b6b;}
.pl__itemSKU strong {font-weight: inherit;color: #000;}
.pl__col--date {width: 13%;}
.pl__item .pl__col--date {font-size: 18px;letter-spacing: .04em;font-weight: bold;}
.pl__col--availability {width: 12%;}
.pl__item .pl__col--availability {color: #008e0a;font-size: 12px;letter-spacing: .04em;}
.pl__col--link {width: 16%;padding-right: 0;padding-left: 0;}
.pl__col--remove {width: 4%;text-align: right;padding-left: 0;padding-right: 0;}
.pl__item .pl__col--price {padding-left: 0;text-align: right;}
.pl__item .pl__col--qty {padding-left: 0;text-align: right;}
.pl__item .pl__col--total {padding-left: 0;text-align: right;}
.pl__col--review {}
.pl__items {display: table-row-group;}
.pl__col--link .btn {display: block;}
.pl__col--link .btn + .btn {margin-top: 4px;}
.pl--consumables .pl__col {width: auto;}
@media only screen and (max-width: 1550px) {
    .pl__itemImageWrap {width: 100px;}
    .pl__item .pl__itemImage {max-width: 100px;max-height: 100px;}
    .pl__itemInfo {width: calc(100% - 100px);}
    .pl__item .pl__col--date {font-size: 16px;}
    .pl__itemName {font-size: 14px;}
    .pl__col--item {width: 53%;}
    .pl__col--date {width: 14%;}
    .pl__col--availability {width: 12%;}
    .pl__col--link {width: 17%;}
    .pl__col--remove {width: 4%;}
    .pl__headers {font-size: 13px;}
    .pl--orderDetail .pl__itemImageWrap {width: 75px;}
    .pl--orderDetail .pl__item .pl__itemImage {max-width: 75px;max-height: 75px;}
    .pl--orderDetail .pl__itemInfo {width: calc(100% - 75px);padding: 10px 10px 0;}
    .pl--orderDetail .pl__itemName {padding: 0;}}
@media (max-width: 1400px) {
	.pl__col--item {width: 49%;}
    .pl__col--link {width: 21%;}
    .pl__col--availability {width: 9%;}}
@media only screen and (max-width: 1250px) {
    .pl, .pl__headers, .pl__items, .pl__item {display: block;}
    .pl__col {display: block;float: left;}
    .pl__colLabel {display: inline;}
    .pl__headers {display: none;}
    .pl__item .pl__col {border-bottom: none;}
    .pl__col--item {width: 100%;float: none;}
    .pl__col--date {width: 30%;}
    .pl__col--availability {width: 20%;}
    .pl__item .pl__col--availability {padding: 22px 0 0;}
    .pl__col--link {width: 40%;padding: 10px 0;}
    .pl__col--link .btn + .btn {margin-top: 0;margin-left: 4px;}
    .pl__col--remove {width: 10%;padding: 24px 0 0 0;}
    .pl__item .pl__col--date {padding: 22px 0 0 10px;}
    .pl--consumables .pl__item .pl__col--date {clear: left; width: 40%;}
    .pl--consumables .pl__item .pl__col--link {width: 60%;}
    .pl--consumables .pl__item .pl__col--link .btn {display: inline-block;}
    .pl--orderDetail .pl__item .pl__col--price {width: 23%;margin-top: 13px;}
    .pl--orderDetail .pl__item .pl__col--qty {width: 12%;margin-top: 13px;}
    .pl--orderDetail .pl__item .pl__col--total {width: 25%;margin-top: 13px;}
    .pl--orderDetail .pl__item .pl__col--link {width: 40%;text-align: right;padding: 5px 5px 5px 0;}
    .pl--orderDetail .pl__col--link .btn {display: inline-block;}}
@media only screen and (max-width: 800px) {
    .pl__item .pl__col--date .pl__colLabel {display: none;}}
@media only screen and (max-width: 640px) {
    .pl--consumables .pl__item .pl__col--date {width: 30%;}
    .pl--consumables .pl__item .pl__col--link {width: 70%;}
    .pl--orderDetail .pl__item .pl__col--price {width: 38%;margin-top:0;padding: 5px;text-align: center;}
    .pl--orderDetail .pl__item .pl__col--qty {width: 23%;margin-top:0;padding: 5px;text-align: center;}
    .pl--orderDetail .pl__item .pl__col--total {width: 39%;margin-top:0;padding: 5px;text-align: center;}
    .pl--orderDetail .pl__item .pl__col--link {width: 100%;text-align: center;padding: 0 0 5px;}}
@media only screen and (max-width: 480px) {
    [class|="P--User"] .content {padding: 0 10px;}
    .pl--consumables .pl__item .pl__col--date {width: 100%;}
    .pl--consumables .pl__item .pl__col--link {width: 100%;}
    .pl__item .pl__col--availability {width: 30%;padding: 0;}
    .pl__item .pl__col--date {float: right;width: 70%;font-size: inherit;padding: 0;}
    .pl__item .pl__col--date .pl__colLabel {display: inline;}
    .pl__itemImageWrap {width: 75px;}
    .pl__item .pl__itemImage {max-width: 75px;max-height: 75px;}
    .pl__itemInfo {width: calc(100% - 75px);padding: 0 10px;}
    .pl__itemName {padding: 0;font-size: 13px;line-height: 1.2;}
    .pl__itemSKU {font-size: 12px;}
    .pl__col--link {width: 80%;padding: 5px 0 10px;}
    .pl__col--remove {width: 20%;text-align: center;padding: 19px 0 0 0;}
	.pl--orderDetail .pl__itemInfo {padding-top: 0;}}

/* Order History */
.oh-l {display: table;width: 100%;margin-bottom: 30px;}
.oh-l__head {display: table-row;font-size: 14px;letter-spacing: .06em;font-weight: normal;}
.oh-l__head .oh-l__col {border-left: 1px solid #d7d7d5;white-space: nowrap;}
.oh-l__head .oh-l__col:first-child {border-left: none;}
.oh-l__col {display: table-cell;padding: 5px 20px ;}
.oh-l__colLabel {display: none;font-weight: bold;}
.oh-l__body {display: table-row-group;}
.oh-l__row {display: table-row;}
.oh-l__row:nth-child(2n+1) {background-color: #eee;}
.oh-l__col--num {width: 16%;}
.oh-l__col--total {width: 16%;}
.oh-l__col--status {width: 32%;}
.oh-l__col--details {width: 20%;}
.oh-l__body .oh-l__col--details {white-space: nowrap;font-size: 16px;text-align: center;padding-right: 20px;}
.oh-l__col--details .btn + .btn {margin-left: 4px;}
.oh-l__body .oh-l__col--date, .oh-l__body .oh-l__col--num, .oh-l__body .oh-l__col--total, .oh-l__body .oh-l__col--details {white-space: nowrap;}
@media only screen and (max-width: 1250px) {
    .oh-l__head .oh-l__col .verbose {display: none;}}
@media only screen and (max-width: 800px) {
    .oh-l {display: block;clear: both;}
    .oh-l__head {display: none;}
    .oh-l__body {display: block;}
    .oh-l__row {display: block;padding: 5px 10px;float: left;width: 48%;margin-bottom: 4%;background-color: #eee;}
    .oh-l__row:nth-child(2n+1) {margin-right: 4%;clear: left;}
    .oh-l__col {display: block;padding: 5px 0;}
    .oh-l__colLabel {display: inline;}
    .oh-l__col--num {width: 100%;}
    .oh-l__col--total {width: 100%;}
    .oh-l__col--status:empty {display: none;}
    .oh-l__col--details {width: 100%;}}
@media only screen and (max-width: 540px) {
    .oh-l__row {float: none;margin: 0 auto 10px;width: 100%;}
    .oh-l__row:nth-child(2n+1) {margin-right: auto;}}

/* Order Details */
.od-info {float: right;width: 260px;padding-top: 46px;}
.od-info .od-info__heading {margin: .25em 0 .5em;font-size: 15px;color: #000;font-weight: 700;float: none;letter-spacing: .04em;}
.od-info__body {margin: 10px 0 0;border-radius: 5px;}
.od-price-bd {}
.od-price-bd__line {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.od-price-bd__lineLabel {display: inline-block;padding: 0 0 15px;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-price-bd__lineLabel em {font-size: 0.9em;font-style: normal;font-weight: normal;}
.od-price-bd__lineValue {display: inline-block;text-align: right;padding: 0 0 15px;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-payment-bd {width: 100%;}
.od-payment-bd__line {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.od-payment-bd__lineLabel {display: inline-block;padding: 0.35em 0;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-payment-bd__lineLabel em {font-size: 0.9em;font-style: normal;font-weight: normal;}
.od-payment-bd__lineValue {display: inline-block;padding: 0.35em 0;text-align: right;-webkit-box-flex: 1;-webkit-flex: auto;-ms-flex: auto;flex: auto;}
.od-address {font-style: normal;display: block;}
.od-address em {font-style: normal;display: inline-block;margin-bottom: 0.4em;}
.od-price-bd__line--subtotal {font-weight: 700;font-size: 15px;}
.od-price-bd__line--shipping .od-price-bd__lineValue,
.od-price-bd__line--tax .od-price-bd__lineValue {font-size: 11px;}
.od-price-bd__line--total {font-size: 15px;font-weight: bold;}
.od-price-bd__line--total .od-price-bd__lineLabel, .od-price-bd__line--total .od-price-bd__lineValue {border-top: 3px solid #000;padding-top: 10px;}
.od-payment-bd__line--cc .od-payment-bd__lineValue {font-style: italic;}
.od-info__section {font-size: 13px;background-color: #e4e4e4;padding: 15px;margin-bottom: 10px;}
.od-info__section--price {background-color: transparent;font-size: 14px;padding: 0;}
.od-main, .od-content {float: left;width: calc(100% - 280px);}
.pl--orderDetail .pl__col--link {width: auto;padding: 0;}
.pl--orderDetail .pl__headers .pl__col:first-child{padding-left:0;}
.gc_itemAttrOptChoice { float: left; font-size: 13px; font-weight: 400; margin-top: 0; width: 100%; line-height: 12px;}
.reorderIco{vertical-align:middle;margin-right:3px;}
.pl--orderDetail .pl__item .pl__col--price,
.pl--orderDetail .pl__item .pl__col--qty,
.pl--orderDetail .pl__item .pl__col--total,
.pl--orderDetail .pl--orderDetail .pl__col--link
{text-align:center;}
.packageName {display: block;font-size: 16px;font-weight: bold;margin: .25em 0 .5em;}
.packageActivity {position: relative;padding: 20px 0;}
.singleActivity {margin: 10px 0 0;}
.singleActivity:first-child {margin-top: 0;}
.singleActivity:after {content: " ";display: table;clear: both;}
.packDate {font-size: 13px;float: left;width: 20%;width: calc(150px);}
.dropLine {float: left;width: 80%;width: calc(100% - 150px);}
.packDesc {font-size: 16px;padding: 0 0 6px;}
.packLocation {font-size: 13px;color: #333;}
.reviewableList {clear: both;display: table;width: 100%;}
.reviewableList__item {display: table-row;}
.reviewableList__item:nth-child(2n+1) {background-color: #eee;}
.reviewableList__itemInfo {display: table-cell;vertical-align: middle;padding: 5px 20px;}
.reviewableList__link {display: table-cell;text-align: right;padding: 5px 20px 5px 0;vertical-align: middle;}
@media only screen and (max-width: 1250px) {
    .od-info, .od-main, .od-content {float: none;width: 100%;}}
@media only screen and (max-width: 1250px) and (min-width: 641px) {
    .od-info__section {float: left; width: 48%;}
    .od-info__section:nth-child(2n+1) {clear: left; margin-right: 4%;}
    .pl--orderDetail .pl__item .pl__col--price,
    .pl--orderDetail .pl__item .pl__col--qty,
    .pl--orderDetail .pl__item .pl__col--total,
    .pl--orderDetail .pl--orderDetail .pl__col--link
    {text-align:left;}}
@media only screen and (max-width: 640px) {
    .reviewableList {display: block;}
    .reviewableList__item {display: block;float:left;width: 48%;text-align: center;padding: 10px;margin-bottom: 4%;}
    .reviewableList__item:nth-child(n) {background-color: #eee;}
    .reviewableList__item:nth-child(2n+1) {margin-right: 4%;clear: left;}
    .reviewableList__itemInfo {display: block;padding: 0 0 10px;}
    .reviewableList__link {display: block;text-align: inherit;padding: 0 0 0;}}
@media only screen and (max-width: 540px) {
    .reviewableList__item {float: none;width: 100%;}
    .reviewableList__item:nth-child(2n+1) {margin-right: auto;}
    .singleActivity {margin: 20px 0 0;}
    .packDate {width: 100%;float: none;padding-bottom: 4px;}
    .dropLine {width: 100%;float: none;padding-left: 10px;}}
.P--User--OrderDetail #MessageContainer {color: #de0111;font-size: 18px;font-style: italic;font-weight: 600;margin: 25px 0 15px;}
#ControllerMessage { border-radius:6px;text-align:center; font-size:13px; font-weight:600; letter-spacing:0.5px;line-height: 19px;}
.YouveReviewedThis {color: #de0111;float: left;font-size: 12px;font-weight: 600;margin-bottom: 0;margin-top: 15px;text-align: center;width: 100%;}
.OrderComments {margin: 20px 0 10px;}

/* Guest Order Details page */
.P--User--OrderDetail--Guest .sidebar {padding: 0;margin-top: 25px;background: none;}
.P--User--OrderDetail--Guest .SidebarSocialHeading {text-align: center;font-size: 17px;text-transform: uppercase;font-weight: bold;color: #f76515;margin: 16px 0 10px;}
.P--User--OrderDetail--Guest .sidebar #socials {margin: 0;}
.P--User--OrderDetail--Guest .sidebar #socials li:last-child {display: none;}
.P--User--OrderDetail--Guest .sidebar__customersFirst {display: none;}
.btn--waw-continue {font-size: 13px;color: #fff;text-transform: uppercase;background-color: #c5000f;text-align: center;padding: 12px 0;display: block;border-radius: 10px;}
.btn--waw-continue:hover,.btn--waw-continue:focus {background-color: #fff;color:#000;}
.od-confirmationMessage {margin: 20px 0;}
.od-confirmationMessage p {margin: 1em 0;}