/*
Version: 1.0
Author: Adam Bird (Silkstream Ltd)
Author URL: http://www.silkstream.net
*/

/***********************************************************************

* CSS Table of Contents
* ----------------------------------------------------------------------
* Reset CSS.....................................................(Line  )
* Basic Global CSS..............................................(Line  )
* Basic Global Classes..........................................(Line  )
* Container CSS.................................................(Line  )
* Header CSS....................................................(Line  )
* Footer CSS....................................................(Line  )
* Default Styling CSS...........................................(Line  )

***********************************************************************/

/******* Reset CSS *******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******* Basic Global CSS *******/
body { margin:20px 0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#000;}

a, object { outline:0;}
a {color:#336ca4; text-decoration:underline;}
a:hover { text-decoration:none;}
strong { font-weight:bold;}
em{ font-style:italic;}

::-moz-selection { color:#fff; background:#004990;}
::selection { color:#fff; background:#004990;}

object, embed, video {max-width:100%;height:auto;}
fieldset{padding:10px;border:1px solid #ccc;margin-bottom:1.5em;}
label{cursor:pointer;}
input, textarea{font-family:inherit;font-size:1em;line-height:1.5;}
table{page-break-before:always;}

/******* Basic Global Classes *******/
.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textAlignLeft { text-align:left;}
.textAlignRight { text-align:right;}
.textAlignCenter { text-align:center;}
.overflow { overflow: hidden;}

.btnPrint { width:149px; height:40px; background-position:-181px -150px; text-indent:-99999px;}
.btnPrint:hover { background-position:-181px -190px;}
.btnPrint:active { background-position:-181px -230px;}

.btnSecure { width:360px; height:63px; background-position:0 -270px; text-align:left; text-indent:-99999px;}
.btnSecure:hover { background-position:0 -333px;}
.btnSecure:active { background-position:0 -396px;}

.btnProceed { background-position:-360px -270px; width:126px; height:43px; padding:0; margin:0 0 15px 0; border:0; cursor:pointer; display:block; text-indent:-99999px; font-size:0;}
.btnProceed:hover { background-position:-360px -313px;}
.btnProceed:active { background-position:-360px -356px;}

.btnAcceptOrder {background-image:url(/images/quote_assets_accept_order.png); background-repeat:no-repeat; background-color:transparent; background-position:0 0; display:block; width:172px; height:43px; padding:0; margin:0 0 15px 0; border:0; cursor:pointer; display:block; text-indent:-99999px; font-size:0;}
.btnAcceptOrder:hover { background-position:0 -43px;}
.btnAcceptOrder:active { background-position:0 -86px;}

.btnBank { width:181px; height:44px; background-position:0 -137px; text-align:left; text-indent:-99999px;}
.btnBank:hover { background-position:0 -181px;}
.btnBank:active { background-position:0 -225px;}

.block { border:1px solid #dfdfdf; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:8px; margin:0 0 20px 0;}
.block h3{background-position:0 bottom; height:40px; line-height:46px; padding:0 15px; margin:0 0 10px 0; font-size:13px; font-weight:bold; color:#424242;}
.block h3 span{font-weight:normal;}
.block p{line-height:20px; padding:0 15px; font-size:13px; color:#424242;}

.advert { margin:20px 0 0 0;}
.leaderboard {margin-bottom: 15px; text-align: center;}

/******* Container CSS ********/
#pageContainer {}
#contentArea { width:990px; margin:0 auto 20px;}
#column {width:218px;}
#content {}

/******* Assets CSS ********/
#logo, .block h3, 
#header #changeDetails .notice h4, 
.btnPrint, .btnSecure, .btnBank, form.checkoutForm fieldset input, 
form.checkoutForm fieldset textarea, form.checkoutForm fieldset select,
form.checkoutForm input.btnProceed, a.btnProceed, #artworkProceed a {background-image:url(/images/quote_assets.png); background-repeat:no-repeat; background-color:transparent; display:block;}

/******* Header CSS ********/
#header {width:990px; margin:0 auto; padding:0;}
#logo { width:172px; height:62px; background-position:0 0; margin:0 0 0 18px;}
#phone { font-size:18px; margin:2px 0 20px 18px;}
#paddress { margin:0 0 0 18px;}

#atten { color:#121212; font-size:15px; margin:0 0 0 18px;}
#atten h4{ font-size:16px; padding:12px 0 5px 0}
#atten a{color:#121212; text-decoration:none;}
#atten a:hover{text-decoration:underline;}

#header .column{ width:230px;}
#header .block { margin:0 10px 0 0;}

#header #changeDetails { width:282px;}
#header #changeDetails .notice { background:#f2f2f2; border:1px solid #e8e9eb; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:14px; margin:0 0 10px 0; color:#2e2e2e; line-height:17px;}
#header #changeDetails .notice h4{ color:#333; font:bold 15px Arial, Helvetica, sans-serif; padding:2px 0 2px 30px; background-position:-978px top; margin:0 0 5px 0;}

#header #dateRef { margin:20px 18px;}
#header #dateRef .ref { font-size:20px; font-weight:bold;}
#header #dateRef .ref.ref span { color:#004990;}
#header #dateRef .date { font-size:16px;}

/******* Quote Table CSS ********/
#quoteTable { clear:both; border:1px solid #dfdfdf; padding:8px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

table#quoteProducts {width:100%;border-collapse:collapse;margin:0;padding:0;}

table#quoteProducts th {padding:14px; font:bold 100% Arial, Helvetica, sans-serif; background:url(/images/quote_assets.png) no-repeat left bottom;}
table#quoteProducts th.textalignRight {border-right:none;}
table#quoteProducts th img{ vertical-align:middle;}

table#quoteProducts td {padding:8px; vertical-align:middle; border-bottom:1px solid #eaeaea;}
table#quoteProducts tr.alt td {background:#d6d7d9 url(/images/td_alt.jpg) repeat-x 0 0; border-bottom:none;}

table#quoteProducts td .warning {color:#900;font-weight:bold;font-style:italic;}

table#quoteProducts .remove {text-align:right; width:50px;}

table#quoteProducts .image {text-align:left; width:74px; padding:8px 0 8px 8px;}
table#quoteProducts .image img{ padding:3px; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#eaeaea;}
table#quoteProducts .image a img:hover{ border:1px solid #ccc; background:#f1f1f1;}

table#quoteProducts .description { font-size: 12px; padding: 6px 0; color:#555; line-height: 14px;}
table#quoteProducts .description a, table#quoteProducts .description strong{ font-size: 13px; text-decoration:none; color:#000;}
table#quoteProducts .description a:hover{ text-decoration:underline;}

table#quoteProducts .artwork { font-size:12px;}
table#quoteProducts .artwork img { vertical-align:middle; margin:0 10px 0 0;}
table#quoteProducts .artwork a.uploadMoreArtwork {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#3289de; padding:4px 7px; display:inline; color:#fff; text-decoration:none;}
table#quoteProducts .artwork a.uploadMoreArtwork:hover{ background:#004990; }

table#quoteProducts .quantity {text-align:center; width:74px;}
table#quoteProducts .quantity form{ padding:4px; width:45px; background:#eaeaea; float:right; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
table#quoteProducts .quantity form select{ padding:2px 4px; width:45px;}
table#quoteProducts .alt .quantity {}
table#quoteProducts span.imageSpacer {height:50px;display:block;}

#quoteTotals { font-size:16px; text-align:right; margin: 12px 0 0 0; width:600px;}

#quoteTotals ul{ font-weight:bold; margin:0 18px 12px 0}
#quoteTotals ul li{ line-height:24px;}
#quoteTotals ul li span{ float:left; width:410px}
#quoteTotals p{ margin:0 12px 14px 0; padding:0;}

#otherPayments { clear:right; float:right; text-align:left; font-size:12px; width:360px; margin:10px 0;}
#otherPayments p{margin:0; padding:0 0 10px 0;}
#otherPayments #btnPaypal {margin:10px 0 0 15px;}

#proNotes { width:360px; margin:20px 0 0 0;}

/******* Footer CSS ********/
#footer { clear:both; width:990px; margin:0 auto; background:url(/images/footer_logos.jpg) no-repeat top center; text-align:center; padding:110px 0 50px 0; border-top:7px solid #e6e6e6;}
#footer li{ padding:0 0 3px 0; font-size:110%;}
#footer li:first-child {font-size:120%; font-weight:bold;}

span.error { color: #B00000; display: block; font-weight: bold; padding: 8px 0 0;}

form.checkoutForm { width:710px; background:#EDEDED; padding:15px; margin:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

form.checkoutForm fieldset{ border:1px solid #fff; margin:0 0 15px 0; padding:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
form.checkoutForm fieldset legend{ margin:0 15px; padding:0 10px; font-weight:bold; color:#333; font-size:16px; text-shadow:0px 1px 1px #ffffff;}

form.checkoutForm ul{ margin:10px 20px; padding:0; overflow:hidden;}
form.checkoutForm ul li{ clear:left; list-style:none; overflow:hidden; margin:0 0 4px 0; padding:0;}
form.checkoutForm ul li label{ width:180px;}
form.checkoutForm ul li input{ float:left; margin:0 10px 0 0;}

form.checkoutForm p{ margin:15px 20px 10px 20px; padding:0;}

form.checkoutForm fieldset li.inputCheck {}
form.checkoutForm fieldset li.inputCheck input { padding:0; margin:0; width:20px; float:none; display:inline; vertical-align:middle; background:none; }
form.checkoutForm fieldset li.inputCheck label { padding:0; margin:0; width:auto; float:none; display:inline; vertical-align:middle;}

form.checkoutForm fieldset label { display:block; line-height:28px; font-weight:bold; font-size:13px; float:left; width:120px; height:28px; padding:0; margin:5px 0 0 0;}
form.checkoutForm fieldset input, form.checkoutForm fieldset textarea, form.checkoutForm fieldset select { border:none; border:0; font:16px Arial, Helvetica, sans-serif; color:#777;}

form.checkoutForm fieldset input { padding:5px; height:21px; width:279px; float:right; display:inline; background-position:-711px -95px; margin:0;}
form.checkoutForm fieldset select { background-position:-711px -95px; padding:5px; margin:5px; width:290px;}
form.checkoutForm fieldset textarea { width:645px; height:116px; padding:12px; background-position:-331px -127px; resize:none;}

ul#basketTerms {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fafafa; margin:0; padding:8px 0; width:555px; margin:0 auto;}
ul#basketTerms li{ margin:0 auto; width:400px;}

ul#basketTerms input{vertical-align:top; margin:2px 5px 0 0; padding:0 5px 0 0}
ul#basketTerms span.error{ display:inline; float:none; padding:0 0 0 10px}

form.checkoutForm input.btnProceed { background-position:-360px -270px; width:126px; height:43px; padding:0; margin:15px auto 0; border:0; cursor:pointer; display:block; text-indent:-99999px; font-size:0;}
form.checkoutForm input:hover.btnProceed { background-position:-360px -313px;}
form.checkoutForm input:active.btnProceed { background-position:-360px -356px;}

/******* Assests Checkout Call CSS ********/
#boxContainerLg h2.title, #dividerOr, a#upload, #artworkDecision, #requireArtwork, #uploadWrapper, #uploadProgress, #uploadProgress div,
#artworkRequired textarea, #artworkRequired input, #oldUpload .upload, #boxContainer .title, div#standardCheckout a,
form.checkoutForm input, form.withMargin ul li textarea, form.checkoutForm fieldset li.inputMedSelect, a.uploadTroubles,
#respond .form-submit input, ul#columnNav li.widget-container select, #basketContinue a, a.addComment, .saveComment,
#review_products textarea, #artworkNotes input {background-image:url(/images/assets_checkout.png); background-repeat:no-repeat; background-color:transparent; display:block;}

/******* Checkout Summary Styling CSS *******/

html.js .jshidden {display:none;}
.jsvisible {display:none;}
html.js .jsvisible {display:block;}

#CheckoutSummary { margin:0 18px 0 0; padding:10px; background:url(/images/basket_bg_column.png); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#CheckoutSummary h3{ margin:0 0 8px 0; padding:0; font:normal 18px/18px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#3b3b3b; position:relative;}

#CheckoutSummary table{ width:100%;}
#CheckoutSummary table tr{ margin:10px 0;}
#CheckoutSummary td{ background:#fff; padding:6px; position:relative; overflow:hidden;}
#CheckoutSummary td.right { text-align:left; }

/******* Artwork Styling CSS *******/
.artwork-options #boxContainerLg{ padding:70px 22px 25px 0; width:916px;}
.artwork-options .copy { margin:0 28px 15px 28px; line-height:18px;}

#artworkProceed {float:left; margin:18px 0 0 16px;}
#artworkProceed a { background-position:-486px -270px; width:144px; height:43px; padding:0; margin:0 0 15px 0; border:0; cursor:pointer; display:block; text-indent:-99999px; font-size:0; display: block;}
#artworkProceed a:hover { background-position:-486px -313px;}
#artworkProceed a:active { background-position:-486px -356px;}

#artworkUploadComplete {margin:0 0 0 204px; width:450px; display:none;}
#artworkUploadComplete p {font-size:18px; margin: 0 0 20px 0;}
#artworkUploadComplete a {background: #5FBA2A;color: #fff;padding: 14px 20px;font-size: 20px;text-decoration: none;text-shadow: 0px -1px rgba(0,0,0,0.8);background: url(/images/btn-grad-med.png) #5FBA2A;border-radius: 6px;box-shadow: 0 2px 4px rgba(0,0,0,0.3);font-weight: bold;display: block;text-align: center;}

#artwork {}

#artworkUpload, #oldUpload { margin: 0 0 0 204px; float:none; padding:15px 0;}
#artworkUpload { background:url(/images/assets_upload_title.png) no-repeat; width:450px; padding:130px 0 0 0; min-height:225px;}

#oldUpload { width:430px;}

#dividerOr { float:left; width:60px; height:310px; background-position:-371px -524px; text-indent:-99999px;}
#artworkQueue { margin:0 0 0 20px}

#artworkUpload h3{}
#artworkCheck {font:bold 15px/40px Arial, Helvetica, sans-serif; color:#004990; margin:0;}
#artworkCheck p {display:inline;}
#artworkCheck form {display:inline;}
#artworkCheck a {display:block;}
#artworkInfoIcon {vertical-align:middle;}
span.artworkLimit { display:block; text-align:center; background:#e5e5e5; padding:5px 0; margin:0 12px 10px 20px; font-size:110%;}

.swfupload { margin:0 0 10px 20px; height:42px;}

#artworkUpload ul {position:relative; padding:40px 0 24px 0; margin:15px auto 5px;}
#artworkUpload ul li{list-style:none; width:424px; height:20px; padding:0 0 0 10px; margin:0; background:url(/images/artworkqueue_item.png) no-repeat; line-height:15px; color:#464646;}
#artworkUpload ul li img.queueDelete { vertical-align:top; padding:0 5px 0 0; cursor:pointer;}
#artworkUpload ul li.top{ width:424px; height:40px; background:url(/images/artworkqueue_top.png) no-repeat; position:absolute; top:0; left:0; font-size:16px; color:#000; text-decoration:underline;}
#artworkUpload ul li.btm{ width:424px; height:24px; background:url(/images/artworkqueue_btm.png) no-repeat; position:absolute; bottom:0; left:0;}

a#upload {width:121px; height:42px; background-position:0 -895px; text-indent:-99999px; float:right; margin:0 12px 0 0;}
a:hover#upload {background-position:0 -937px;}
a:active#upload {background-position:0 -979px;}

#uploadWrapper {width:414px; height:15px; background-position:-516px -493px; text-align:left; margin:15px 0 0 20px; padding:5px 0 0 5px}
#uploadProgress {width:422px; height:11px; background-position:-521px -449px; text-align:left;}
#uploadProgress div {width:0px; height:11px; background-position:-527px -468px;}
#uploadFilename {text-align:center; margin:10px 0 0 0;}

#oldUpload .upload {display:block; width:225px; height:42px; background-position:0 -895px; text-indent:-99999px; border:none; margin:10px 12px 10px 0; cursor:pointer;}
#oldUpload .upload:hover {background-position:0 -937px;}
#oldUpload .upload:active {background-position:0 -979px;}

#artworkDecision { width:380px; height:290px; background-position:-549px -630px; margin:0 0 0 510px; position:relative;}
#artworkDecision a#requireArtwork { width:146px; height:42px; background-position:0 -517px; display:block; position:absolute; top:170px; left:30px; text-indent:-99999px;}
#artworkDecision a:hover#requireArtwork { background-position:0 -559px;}
#artworkDecision a:active#requireArtwork { background-position:0 -601px;}

#artworkRequired { width:349px; float:left; padding:15px 0 0 0; }
#artworkRequired h2{font:bold 15px Arial, Helvetica, sans-serif; }
#artworkRequired h3{font:normal 13px Arial, Helvetica, sans-serif !important; padding:0 0 15px 0;}
#artworkRequired input,#artworkRequired textarea,#artworkRequired submit, #artworkCheck textarea {display:block; border:0; border:none;}

#artworkRequired input {display:block; background-position:0 -685px; cursor:pointer; width:163px; height:42px; text-indent:-99999px; color:#fff; font-size:0;}
#artworkRequired textarea, #artworkCheck textarea {display:block; width:329px; height:141px; padding:10px; background-position:-591px -1012px; margin:0 0 10px 0; font:normal 110% Arial, Helvetica, sans-serif;}

#artworkNotes { float:left; width:420px; margin:25px 0 0 20px;}
#artworkNotes ul {margin:0 !important; padding:0 !important; float:left; }
#artworkNotes ul li.txtSelect {list-style:none; margin:0 !important; padding:0 !important; }
#artworkNotes ul li.txtSelect p {width:380px !important; line-height:32px; }
#artworkNotes ul li.txtSelect select {width:370px !important;font-weight:normal; color:#000; }

#artworkNotes textarea { width:400px; height:100px; padding:10px; background:url(/images/artworknotes_txtarea.png); border:none; margin:0 0 10px 0; font:14px Arial, Helvetica, sans-serif;}

#artworkNotes h3{ clear:left; font-weight:bold !important; padding:24px 0 8px 0 !important;}

#artworkNotes input{ float:right; width:127px; height:42px; background-position:-807px -1928px; border:none; padding:0; margin:0; text-indent:-99999px; font-size:0; line-height:0; cursor:pointer;}
#artworkNotes input:hover{ background-position:-807px -1970px; }
#artworkNotes input:active{ background-position:-807px -2012px; }
#artworkInfoIcon { float:left; margin:0 0 0 5px;}

#quoteFinished h1{font:normal 32px Arial, Helvetica, sans-serif; letter-spacing:-0.5px; color:#004990; margin:0 0 10px 0; padding:0;}
#quoteFinished .styling {margin:0 0 0 17px;}

.bankDetails {margin:20px;}
.bankDetails th {width:120px;text-align:left;}

.tipsy { padding: 5px; font-size: 12px; }
.tipsy-inner { padding:10px; background-color: #fff; color:black; border:1px solid #ccc; max-width: 200px; text-align: left; }
.tipsy-inner { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
.tipsy p{ padding: 5px;}

/** Artwork **/
.dz-clickable {cursor:pointer;}
.dz-clickable .dz-preview {visibility:hidden;display:none;}

.l-artwork-upload {overflow:hidden; box-sizing:border-box; padding:0 2rem 3rem;}
.l-artwork-upload * {box-sizing:border-box;}
.l-artwork-upload h2 {font-size:200%; margin-bottom:.5rem;}
.l-artwork-upload h3 {font-size:160%; margin-bottom:.5rem;}
.l-artwork-upload p {margin-bottom:.5rem;}
.l-artwork-upload .svg-icon {width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor;display:inline-block;}

.l-artwork-upload-btn {width:100%;display:block;text-align:center;text-transform: none;font-size:100%;padding:0;overflow:hidden;position:relative;}

.l-artwork-upload-selectfile {margin-bottom:15px;background: #a1a1a1;color:white; transition:background .3s ease; border: 2px dashed #333;}
.l-artwork-upload-selectfile p {margin-bottom:5px;}
.l-artwork-upload-selectfile .svg-icon {font-size:140%;}
.l-artwork-upload-selectfile:last-child {margin-bottom:0;}
.l-artwork-upload-selectfile .artwork-dropzone {overflow:hidden;position:relative;}
.l-artwork-upload-selectfile .artwork-dropzone-state {position:relative;top:0;left:0;width:100%;padding:4.25% 10%; transition: background .3s ease, color .3s ease;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-ready {background:#ccc; color:#111;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-ready:hover {background:#bbb;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-progress {padding:2.25% 10%;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-error {background: #de1313;color:#fff;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-error:hover {background: #c21111;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-success {background: #43ad00;color:#fff;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-success:hover {background: #3c9e00;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-hide {position:absolute; left:100%;}
.l-artwork-upload-selectfile .artwork-dropzone-state.artwork-dropzone-show {position:relative; left:-100%;}
.l-artwork-upload-selectfile .desc {text-transform:uppercase;font-weight:700;}
.l-artwork-upload-selectfile .upload-bar-wrapper {width:80%;margin:5px 10% 0 10%;overflow:hidden;text-align:left;font-size:80%;}
.l-artwork-upload-selectfile .upload-bar {width:100%;height:20px;background:white;margin-bottom:5px;}
.l-artwork-upload-selectfile .upload-bar-liquid {background:#78c5dc;width:0;height:100%;transition:width .1s linear;}
.l-artwork-upload-selectfile .upload-percent {color:white;float:right;}
.l-artwork-upload-selectfile .upload-stats {color:white;}

.l-artwork-upload-files-list {margin-top:1rem;}
.l-artwork-upload-uploadedfiles {padding:.25rem 1rem; border:1px solid #ccc;}
.l-artwork-upload-uploadedfile {padding:.25rem 0;}
.l-artwork-upload-uploadedfile p {margin:0;}
.l-artwork-upload-uploadedfile .artwork-remove-upload {vertical-align: middle;padding: .5rem;display: inline-block;background: #c8c9cc;border-radius: 10rem;color: white;margin: 0 .25rem 0 0;transition:background .3s ease;}
.l-artwork-upload-uploadedfile .artwork-remove-upload:hover {background: #babbbf;}
.l-artwork-upload-uploadedfile span {display:inline-block; vertical-align: middle; font-size:110%;}
.l-artwork-upload-uploadedfile span + svg {margin:0 .25rem; vertical-align:middle; font-size:130%; color:#78c5dc;}
.l-artwork-upload-uploadedfile + .l-artwork-upload-uploadedfile {border-top:1px solid #ccc;margin-top:.25rem;padding-top:.5rem;}


.currency{margin: 0 0 10px 0; margin-left: 1.5em;}
.currencyLinks a{  background: #0f3c7f ;
    color: white;
    text-decoration: none;
    border-radius: 50%;
    padding: 5px 10px;
    margin-right: 5px; }

.m-form input {
    margin-bottom: 1em;
}

.l-checkout-main-col {
    width: calc(70% - (40px/2));
    margin-bottom: 40px;
}
.l-checkout-box-white {
    background: white;
}
.l-checkout-box {
    padding: 20px;
    margin: 0 0 40px 0;
    background: #f2f2f2;
}
.l-checkout-stripe-frame {
    margin: auto;
    border: 1px solid #e8e8fb;
    background: #f8fbfd;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    padding: 32px;
    color: #525f7f;
}
.l-checkout-stripe-title {
    text-align: center;
    color: #32325d;
    margin: -10px 0 20px 0;
}
.l-checkout-stripe-addresses {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.l-checkout-stripe-addresses>div {
    width: 48%;
    width: calc(50% - 10px);
}
.l-checkout-stripe-heading {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 90%;
    margin: 0 0 12px 0;
    color: #32325d;
    letter-spacing: 1px;
}
.l-checkout-stripe-box {
    background: white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 0 20px 0;
    border-radius: 3px;
}
.l-checkout-stripe-box-row {
    padding: 16px;
    font-size: 110%;
}
.l-checkout-stripe-error {
    color: #de4d5d;
    font-weight: 400;
    text-align: center;
}
.l-checkout-stripe-pay {
    margin: 0;
}

.l-checkout-stripe-pay-btn {
    width: 100%;
    text-align: center;
    color: white;
    background: #666ee8;
    font-weight: bold;
    padding: 12px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-size: 120%;
    transition: background ease .3s;
}

.l-checkout-stripe-pay-btn:hover {
    background: #5961e6;
}

.l-checkout-stripe-box-field {
    font-size: 110%;
    display: flex;

    justify-content: space-between;
}

.l-checkout-stripe-label {
    width: 30%;
    text-align: right;
    margin: 0;
    padding: 12px;
}
.l-checkout-stripe-card {
    padding: 14px;
}
.l-checkout-stripe-value {
    width: 70%;
    border-left: 1px solid #f0f5fa;
}

.l-checkout-stripe-footer {
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.l-checkout-stripe-cancel {
    font-size: 90%;
}
.l-checkout-stripe-cancel-btn {
    background: none;
    border: none;
    padding: 2px 0;
}

.change-delivery-address-btn {
    margin-top:1rem;
}

.quote-edit-address--actions {
    border-bottom: 2px solid #555;
    padding: 0 0 1rem 0;
}

.quote-edit-address--heading {
    font-size:150%;
    font-weight:bold;
    padding: 1rem 0;
}

.quote-edit-address--addresses {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}

.quote-edit-address--address {
    width:48%;
    border: 2px solid #ccc;
    padding:1rem;
    box-sizing: border-box;
    margin-bottom:1rem;
    font-size:90%;
}

.quote-edit-address--address button {
    margin-top:1rem;
}

.quote-edit-address--address.selected {
    border-color: #286d9f;
}

.quote-edit-address--address.selected button {
    display:none;
}

.quote-edit-address--pagination {
    margin-bottom:1rem;
}

.quote-edit-address--pagination span {
    margin: 0 .1rem;
    padding: 0 .1rem;
}

.quote-edit-address--pagination button {
    margin: 0 .1rem;
}

.quote-edit-address--form {
    max-width:600px;
}

.quote-edit-address--field {
    display:flex;
    margin-bottom:.1rem;
    align-items:center;
    flex-wrap:wrap;
}

.quote-edit-address--field label {
    width:10rem;
}

.quote-edit-address--field input {
    padding:.2rem .5rem;
    flex-grow:1;
}

.quote-edit-address--field span {
    padding:.2rem .5rem;
    background:#eee;
}

.quote-edit-address--field span.error-message {
    background:none;
    color:red;
}

.quote-edit-address--save {
    margin-top:1rem;
}

.quote-edit-address--save button {
    font-size:120%;
}

.quote-edit-address--note {
    margin-top:1rem;
}

/** Popbox **/
.popbox img, .popbox iframe, .popbox object, .popbox embed {
    max-width: 100%
}

.popbox-fit img, .popbox-fit iframe, .popbox-fit object, .popbox-fit embed {
    display: block;
    margin: 0 auto
}

.popbox-fit img {
    height: auto;
    max-height: none
}

.popbox-fit iframe, .popbox-fit object, .popbox-fit embed {
    max-height: 100%
}

.popbox-overlay {
    background: rgba(0, 0, 0, .4)
}

.popbox {
    font-size:1rem;
    -moz-perspective: 600px;
    -webkit-perspective: 600px;
    perspective: 600px
}

.popbox-popup {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    padding: 0;
    margin: 0
}

.popbox-container {
    padding: 0;
    margin: 0
}

.popbox-loading img {
    display: block
}

.popbox-loading {
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background: url('/images/ajax-loader.gif') no-repeat 0 0
}

.popbox-close {
    padding: 15px;
    margin: 0;
    background: transparent;
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    text-decoration: none;
    color: #555;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 20px
}

.popbox-close:hover {
    color: #333
}

.popbox-title {
    padding: 15px;
    background: #ccc;
    line-height: 20px;
    font-size: 1em
}

.popbox-content {
    padding: 15px;
}

.popbox-fit .popbox-content {
    padding: 0
}