/****************************************************************************************
************************** TABLE OF CONTENTS **********************************/
/****************************************************************************************
  0. Header & Related Fields
  1. FONTS
  2. GLOBAL
  3. INDEX
  4. CATALOG
  5. QUOTES/SBS
  6. MAIL MERGE
  7. BASKET VIEW
  8. Delivery Methods
  9. SHIPPING
  10. BILLING
  11. REVIEW
  12. ACCEPT
  13. ANIMATIONS
  14. APPROVAL

/****************************************************************************************
************************************ 0. HEADER ****************************************
****************************************************************************************/
.header {
  background-color: #17385f;
}
#header-wrapper {
  background-color: var(--header-bkgd-color);
  height: 140px;
  border-bottom: 5px solid #e33027;
}

#header_logo {
  visibility: hidden;
}
#header_title > .custom-header-logo > img {
  position: absolute;
  top: 40px;
  left: 70px;
  width: 300px;
  max-height: 85px;
}


/*** HEADER LINKS ***/
.header-links {
  position: absolute;
  top: 10px;
  right: 80px;
  text-decoration: none;
}
.header-links a {
  text-decoration: none;
  margin-left: 35px;
  color: var(--header-link-txt-color);
}
.header-links a:hover {
  color: #e33027;
}



/******* SECONDARY GROUP HEADER LINK **********/
.group-header-link2 {
  position: absolute;
  top: 66px;
  right: 19vmin;
}

.header-link2 {
  text-align: left;
  display: inline-block;
}

.header-link2 a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  display: block;
}

.header-link2 a:hover {color: #e33027;}

.header-link2-shop {
  text-align: left;
  display: inline-block;
}

.header-link2-shop a {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  display: block;
}

.header-link2-shop a:hover {
  color: white !important;
  background-color: black !important;

}

.group-header-link3 {
  position: absolute;
  top: 66px;
  right: 19vmin;
}

.header-link3 {
  text-align: left;
  display: inline-block;
}

.header-link3 a {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  display: block;
}

.header-link3 a:hover {color: #e33027;}

.header-link3-shop {
  text-align: left;
  display: inline-block;
}

.header-link3-shop a {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  display: block;
}

.header-link3-shop a:hover {
  color: white !important;
  background-color: black !important;

}

/******* SECONDARY GROUP HEADER LINK: END **********/

/*** SHOPPING BASKET ***/
.fa-shopping-basket:before {
    content: "\f07a" !important;
    color: #000;
}

#mobile_cart {
    right: 9vmin !important;
    position: absolute;
    top: 72px !important;
    display: none; //inline !important
}

#mobile_cart .fa-shopping-basket {
    font-size: 31px;
}

#mobile_cart .item_count {
   float: right;
   padding-left: 10px;
   font-size: 24px;
    color: #FFF;
}
/*** END: SHOPPING BASKET ***/




/*** LOGOUT ***/
#logout_userid {
  color: var(--header-link-txt-color);
  padding: 0 15px;
}




/****************************************************************************************
************************************ 1. FONTS ****************************************
****************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Krub&display=swap');

/****************************************************************************************
************************************ 2. GLOBAL ****************************************
****************************************************************************************/
#mobile_link_box {
	z-index: 1000 !important;
}
.previewcell pre { 
  display: none; 
}

.header-links {
    padding: 10px;
}

.main .buttonsbar button {
  margin-bottom: 20px;
 }

h2.pagetitle, .pagetitle {
  font-size: 16px;
  color: #333;
  font-weight: normal;
  text-shadow: none;
}

.header-links {
  text-decoration: none;
}

.header-links a {
  text-decoration: none;
}

#header-links-container {
	width: 100%;
	border-collapse: collapse;
	font-weight: bold;
	color: #FFFFFF;
}

.footer .middle-row td {
    padding: 0px 10px;
}

/*---- CUSTOM BUTTON ---- */
button {
 cursor: pointer;
 letter-spacing: 0px;
 padding: 4px 12px 4px 12px;
}
.form-body .ic-msg:hover {
	/*color: white;*/
}

.fa-shopping-basket::before {
   color: #FFF;
    content: "\f07a";
}

.main {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

.message-block, .message-block .left, .pageinstructions {
        text-align: left !important;
}

.req_fld {
        color: red;
}

/*** Max width on all pages except the Division / Catalog pages ***/
.shipping, .billing, .review, .done, .customer-service, .profile, .basket-view, .view-order, .shiptrack_view2, .waitingorders {
        max-width: 800px !important;
        margin: 20px auto 0 !important;
}

body #header-wrapper.scrolled #header-welcome-msg {
    right: 8.5%;
}

body #header-wrapper.scrolled .profileCircle {
    height: 35px;
    width: 35px;
}

body #header-wrapper.unscrolled {
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

body #header-wrapper.scrolled {
    background: rgba(12, 35, 54, 1);
    height: 85px;
    color: white;
    transition: 0.6s;
    z-index: 99;
}

body #header-wrapper.scrolled:focus, body #header-wrapper.scrolled:hover {
    opacity: 1;
}

body #header-wrapper.scrolled #desktoplogo {
    filter: brightness(0) invert(1);
    transition: 0.3s;
    width: 80%;
}

body #header-wrapper.scrolled #header-welcome-msg {
    top: 0;
}

body #header-wrapper.scrolled #header-links-container a {
    color: white;
}

body #header-wrapper.scrolled .headerSearchBar div.item-search-block {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 12px;
}

body #header-wrapper.scrolled .headerSearchBar div.item-search-block:focus, body #header-wrapper.scrolled .headerSearchBar div.item-search-block:hover {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

body #header-wrapper.scrolled .headerSearchBar div.item-search-block button {
    background: rgba(255, 255, 255, 0.9);
    padding: 12px 8px 12px 12px;
    margin-top: 1px;
    top: 12px;
}

body #header-wrapper.scrolled div.item-search-block input#searchfield_input {
    background: transparent;
    height: 30px;
}

body #header-wrapper.scrolled div.item-search-block input#searchfield_input:focus, body #header-wrapper.scrolled div.item-search-block input#searchfield_input:hover {
    background: white;
}

body .footer .backtotop.unscrolled {
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
}

body .footer .backtotop.scrolled {
    opacity: 1;
    pointer-events: auto;
    transition: 0.5s;
}

.footer .middle-row {
    margin: 10px 0px !important;
}

/****************************************************************************************
*********************************** 3. INDEX *****************************************
****************************************************************************************/

.login {
    text-align: left;
}

.index-container {
  margin: 20px 20px;
  padding-bottom: 20px;
  font-size: 16px;
}


/****************************************************************************************
********************************** 4. CATALOG **************************************
****************************************************************************************/
           /**SPLIT VIEW**/
           /******************/
.sbs_update_field {
	padding: 5px 10px 5px 10px;
}
#page {
  top: 136px;
  left: 95px;
}
#pasteboard {
	width: 450px;
}
.truncate {
	font-size: 16px !important;
}
.left-side.leftSideFieldContainer {
	padding: 0px 0px 100px 0px !important;
}
.imprint-splitview .left-side, .imprint-splitview .right-side {
	width: 35%;
}
table.imprint-splitview {
	min-width: 40% !important;
}
.sublogo-input-cell label {
	display: block ruby;
}
p {
	font-size: 16px; /**May cause font discrepancies elsewhere, potential for ERROR**/
}
#catalog-shop-button {
	left: 40%;
	text-decoration: none;
}

.imprint-splitview #confirm_container .buttonsbar {
	margin-left: auto !important;
}
div.form-body div.title > h1 {
	color: #000000;
	font-size: 18px !important;
	font-family: "IBM Plex Sans", "Trebuchet MS", Arial, Helvetica, Arial, "IBM Plex Sans", "Trebuchet MS", Arial;
}
div.field-container label.label {
	color: #000000;
	font-size: 18px !important;
	font-family: "IBM Plex Sans", "Trebuchet MS", Arial, Helvetica, Arial, "IBM Plex Sans", "Trebuchet MS", Arial;
}

/******************/
#scroll_to_test_pointless {
	display: none;
}

#d_desc2, #d_choose_info {
	font-size: 16px !important;
}
#d_price_html {
	font-style: normal;
	font-size: 16px !important;
}
.select-items .image-container img {
	z-index: 99;
	cursor: pointer;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	position: relative;
}
.select-items .image-container img:hover {
    //transform: scale(3);
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 1999 !important;
}
#d_tag_check select {
	font-size: 15px !important;
}
#d_preview_image > img {
	max-width: 100%;
	width: 600px;
}
.container {
	z-index: 9 !important;
}
.container .main.imprint.catalog--container {
	text-align: center;
}
#bundle_subitems_view\.items_header {
	font-weight: bold;
	font-size: 18px;
}
.main.imprint.catalog--container .items-table {
	border: 1px solid lightgrey;
	width: 40%;
	margin-left: auto !important;
}
.main.imprint.catalog--container .items-table tr:first-child {
	border: 1px solid lightgrey;
}
.container .main.imprint.catalog--container .items-table .choice-cell {
	display: none;
}

.container .main.imprint.catalog--container .items-table th:nth-child(3) {
	display: none;
}
.main.mail-merge.catalog--container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.catalog--container .catalog--gridsize_1x {
	width: 900px;
	max-width: 95%;
	margin: 0 10px;
	padding: 5px;
	float: none !important;
	text-align: center;
}

.preview {
	display: none !important;
}
.height-adjuster {
	margin-top: 0px !important;
}
.select-items .image-container img {
	margin: 20px 0;
	max-width: 100%;
	max-height: 100%;
}
@media only screen and (max-width: 1364px) {
	.catalog-tiny-thumbnail {
		display: none;
	}
}

.responsive_tabs .opened::before, .responsive_tabs .closed::before {
	font-family: FontAwesome;
	position: absolute;
	margin-left: -5% !important;
}
@media only screen and (min-width: 1280px) {
  .responsive_tabs .opened::before, .responsive_tabs .closed::before {
	margin-left: -20px !important;
  }
}

.responsive-longname{
  font-weight:normal !important;
  font-size: 16px;
}

#jquery-overlay{
 z-index: 900 !important;
 display: none !important;
} 

#jquery-lightbox{
 z-index: 1000 !important;
 display: none !important;
}

.add-to-basket-qty-select select {
	width: auto;
	min-width: auto;
	font-size: 16px;
	border-radius: 0;
	max-width: 100%;
	color: #333333;
	margin-top: 5px;
	margin-left: 0px !important;
	margin-right: auto !important;
	text-align: left !important;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	padding: .5rem 1.2rem .5rem .4rem;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
	background-size: 10px 4px;
	background-position: right 0.28rem center;
	background-repeat: no-repeat;
}

.responsive-choose-info {
  display: contents !important;
}

.select-items {
  padding-bottom: 175px !important;
}

.select-items .vertical-shell {
  margin-left: 10px!important;
}

.select-items .image-container img {
  margin: 20px 0;
}

.select-items .longname *, .select-items .longname *{
  font-size: 16px;
}

.select-items .pagetitle {
  margin-left: 10px!important;
}

.select-items .buttonsbar button {
  margin-bottom: 20px;
}
.stretchy_cols {
	max-width: 24% !important;
	min-width: 0% !important;
	width: 15% !important;
	max-height: 515px !important;
	min-height: 515px !important;
	position: relative;
	right: -25px !important;
	vertical-align: bottom !important;
	border: 1px solid lightgray !important;
	margin: 0px !important;
}
.stretchy_cols input {
	border-radius: 10px !important;
	height: 24px !important;
	border: 1px solid grey;
	width: 48px !important;
}
.multi_preview {
	padding-top: 0px !important;
}
.desc_details_specsheet {
	font-size: 16px;
}
div[class="input"] {
	font-size: 0.9vw;
	white-space: normal;
}

#submit_catalog_add {
	margin-top: 5px;
	/*display: none;*/
}
.bundle-qty-selection .add-to-basket-btn .button {
	display: initial !important;
}

#copy4 {
  display: none;
}

.bundle_subitem_preview img {
  border: 1px solid gray;
}

.qtyspec_label {
  /*margin-left: 5px;*/
}

#all_items_view {
    padding-top: 20px !important;
}

.select-items .pageinstructions, .error {
    text-align: left;
    background: #f1f1f1;
    width: 50%;
    margin: 0 auto;
    padding: 10px 0px;
}

.imprint .error {
    background: #f1f1f1;
    width: 100%;
    padding: 10px 0px;
    position: relative;
    left: 0;
    margin-top: 20px;
}

.catalog #upper_buttons {
    position: relative;
    right: 10px;
}

.select-items .pageinstructions {
    -webkit-animation: cssAnimation 8s forwards; 
    animation: cssAnimation 8s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

.responsive_tabs .opened:before, .responsive_tabs .closed:before {
    float: right;
    position: absolute;
    z-index: -1;
    left: 200px;
}

.responsive_tabs .closed:before {
    content: "\f0d9" !important;
}

.responsive_tabs .opened:before, .responsive_tabs .closed:before {
    margin-top: 6px;
}

.responsive_tabs .opened a, .responsive_tabs .closed a, .responsive_tabs div.off a, .responsive_tabs div.off a, .responsive_tabs .opened:before, .responsive_tabs .closed:before {
    display: block;
}

.qtyspec_label {
	/*margin-left: 5px !important;*/
}

.item-search-block {
    margin-left: 25px !important;
    width: 220px;
}

.responsive_tabs-shell {
 background-color: transparent !important;
}
.responsive_tabs-shell .after {
    margin-top: 20px !important;
}

#basket-list-title {
        text-align: left;
        font-size: 16px;
        margin-bottom: 10px;
}

.basket-list-item {
        margin-bottom: 10px !important;
}

.basket-list-item .button {
        padding: 1px 1px 1px 5px !important;
}

#basket_button_container {
        text-align: center;
}

.select-items {
    margin-top: 30px;
}

/* BUNDLE */
.detail_text_wrapper {
    width: 29%  !important;
}

.detail_tagcheck_wrapper {
    width: 32% !important;
    margin-top: 0px !important;
}

.bundle-qty-selection {
    position: inherit !important;
}

.bundle-qty-selection .add-to-basket-qty-select {
    text-align: center;
    padding-top: 20px;
}

.multi_preview a {
    margin-right:5px;
}

.multi_preview a img {
    margin-bottom: 5px;
}

.bundle_subitem td {
    display: table-cell !important;
}

.bundle_subitem_longname {
    margin-bottom: 6px !important;
    font-weight: normal;
    font-size: 16px;
    margin-left: 25px !important;
}

#d_tag_check input[type="text"] {
    border-radius: 5px !important;
    text-align: center;
    padding: 5px;
    border-style: groove;
    font-weight: normal;
    width: 100px !important;
}

.bundle_subitem_input {
    position: relative;
    top: -4px;
    float: left;
}

.edel_download {
	margin: 4px 0px 0px 0px;
	font-size: medium;
	padding: 2px 8px 2px 8px;
}



/****************************************************************************************
**********************************  5. QUOTES/SBS *********************************
****************************************************************************************/

#confirm-proof-download {
    display: none;
}

.leftSideFieldContainer .title {
   /* background: #ccc !important;*/
    border-radius: 0 !important;
  /*  margin-bottom: 15px !important;*/
}

.leftSideFieldContainer .title h1 {
    font-size: 18px !important;
}

.leftSideFieldContainer .title .form-subheader {
    font-size: 16px !important;
    padding: 0px 7px 6px !important;
}

div.field-container div.input select {
    margin: 0px !important;
    max-width: 100% !important;
    padding: 5px !important;
}


.buttonsbar, .form-body {
  border-radius: 0px !important;
}

#estimate-item-container {
  padding: 20px 0;
}

.submit.center button {
  margin-bottom: 20px!important;
}

#all_options, #all_options_container {
  border: none !important;
}
#all_options tr:first-child {
	display: none;
}

.fileSpec {
  position: relative;
  left: 10px;
}

.form-subheader {
  text-align: left !important;
  padding: 0px !important;
}

#approval_checkbox_group input *{
  width: 100px;
  height: auto;
}

.uploadIcon {
  margin-top: 5px !important;
}

div#confirm_container button{
  margin-top: 20px!important;
}

.checkbox-table {
  margin-left: 0!important;
}

.imprint  div.field-container {
    border-bottom: 0px !important;
}

.imprint .form-body td.label input, .imprint .form-body td.input select, .imprint .form-body td.input textarea, .imprint .form-body td.input option {
    width: 100%;
}

.imprint .form-body td.input input[type='text'] {
   /* width: 98%;*/
    width: 10%;
}

/****************************************************************************************
*****************************  6. MAIL MERGE **************************************
****************************************************************************************/

.mail-merge header {
  margin-left: 25px;
}

.mail-merge nav.submit {
  padding-bottom: 30px!important;
}

#listimp-s3-section-5 div {
  margin-left: 25px;
}

div.error {
  margin-bottom: 10px;
}

#ml-handle-link {
  margin-left: 25px;
}

.personal-list-actions {
  text-align: center!important;
}

form[name='clientlist'] div:last-child {
  padding: 20px 20px!important;
}

/***************************************************************************************
*****************************  7. BASKET VIEW  ************************************
****************************************************************************************/
.items-table td {
  font-size: 16px !important;
}
.form-body .ic-msg {
	font-size: 0.9vw;
	color: black;
	padding: 10px;
}

.main.basket-view.catalog--container table:not(.items-table){
	display: none;
}
.main.basket-view.catalog--container .previewcell {
	display: none;
}
.main.basket-view.catalog--container .banner.pagetitle {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.main.basket-view.catalog--container .items-table.true-table {
	background-color: transparent;
	color: #333333;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: left;
	border: 1px solid lightgrey;
}
.main.basket-view.catalog--container .items-table.true-table tr:first-child {
	border: 1px solid lightgrey;
}

.basket-view td.previewcell {
  background-color: transparent!important;
}

.basket-view .buttonsbar button {
  margin-bottom: 20px;
}

table:not(.items-table) {
  margin: 0 auto;
}

/***************************************************************************************
******************************  8. Delivery Methods  ********************************
****************************************************************************************/

tr.dpt--headerRow, tr.dpt--headerRow span, tr.dpt--headerRow *, tr.item_row * {
  font-size: 16px !important;
}

#i-dropship {
  position: relative;
  font-size: 16px;
  color: #00000A;
  font-family: "IBM Plex Sans", "Trebuchet MS", "Arial";
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 10px 4px 10px;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
  background: #FFFFFF;
  background: linear-gradient(#FFFFFF, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
  position: relative;
  behavior: url(/hub/css/PIE.htc);
}

.mail-merge .buttonsbar,
.mail-merge .buttonsbar a,
.mail-merge .buttonsbar a:link,
.mail-merge .buttonsbar * {
  text-decoration: none!important;
  text-align: center!important;
}

.mail-merge .buttonsbar {
  margin-bottom: 10px;
}

tr.dpt--finalizeRow td.dpt--status{
  border-bottom: 0px!important
}

/***************************************************************************************
********************************  9. SHIPPING  **************************************
****************************************************************************************/
.main .form-body .input input {
	padding: 5px 5px 5px 5px;
}
.main .form-body.true-table .left.middle.qty_select_cell input {
	padding: 5px 0px 5px 0px;
	text-align: center !important;
}

.field-container .field-container_customFields .catalog--container_subsection .catalog--gridsize_1x watch_fields div[class="input"] {
	padding: .5rem 1.2rem .5rem .4rem;
}

.catalog--container .catalog--gridsize_2x #shippingRatesList input {
	display: initial;
}
#ml\.ship\.shipping {
	display: none;
}
#ml\.ship\.methbanner {
	font-weight: bold !important;
	color: #000000 !important;
	font-size: 16px !important;
}
.catalog--container_subsection.catalog--gridsize_1x.watch_fields .pagetitle.catalog--subheader {
	text-align: left;
	font-weight: bold !important;
	color: #000000 !important;
}
.mail-merge .field-container * {
	color: #000000 !important;
}
.catalog--container_subsection.catalog--gridsize_1x.watch_fields .form-body .ic-msg{
	font-size: initial;
	color: #000000 !important;
}
#ml_upload\.pagetitle {
	display: none;
}
#ml_upload\.header_label {
	font-weight: bold;
	font-size: 18px;
}
.main.mailing-rate.catalog--container .mailing-rate--container .pagetitle.mailing-rate--subheader {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.main.mailing-rate.catalog--container .mailing-rate--container #mailing_rate_rates {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	min-width: 10%;
	max-width: 30%;
}
.main.mailing-rate.catalog--container .mailing-rate--container #mailing_rate_rates input {
	display: initial;
}
table.catalog--dataTable#shipping-pricetable tr td {
	border-bottom: 1px solid #ccc !important;
	border-top: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	vertical-align: middle !important;
}
.catalog--container_subsection.catalog--gridsize_1x.watch_fields #shipping-pricetable tbody {
	border: 1px solid #ccc !important;
}

.mail-merge .pagetitle{
  margin-left: 15px!important;
}

#see_shipping_methods{
  position: relative;
  font-size: 16px;
  color: #00000A;
  font-family: "IBM Plex Sans", "Trebuchet MS", "Arial";
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  font-weight: normal;
  padding: 4px 10px 4px 10px;
  border: 1px solid #CCCCCC;
  -moz-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
  background: #FFFFFF;
  background: linear-gradient(#FFFFFF, #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
  background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
  background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
  -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
  position: relative;
  behavior: url(/hub/css/PIE.htc);
  max-width: 150px;
  text-shadow: none!important;
}

.mail-merge .field-note{
  display: none!important; /*can't do much better without source change*/
}

.mail-merge #throbber {
  margin-bottom: 20px!important;
}

.mail-merge .field-container *{
  color: #333333!important;
}

label[for="comments"] {
  position: relative;
  bottom: 12px;
}

.shipping .form-body {
  width: 80%;
}

form[action="shiptrack.cgi"] {
  padding-bottom: 25px!important;
}

/***************************************************************************************
************************************  10. BILLING  ***********************************
****************************************************************************************/

.billing .pagetitle{
  margin-left: 15px!important;
}

.billing .buttonsbar button{
  margin-bottom: 20px;
}

.billing *{
  font-size: 16px!important;
}

.billing .form-body {
  width: 740px;
  margin-top: 0;
    margin-bottom: 20px !important;
}

/***************************************************************************************
*********************************  11. REVIEW  **************************************
****************************************************************************************/
#review\.reviewbanner {
	margin-left: -11px;
}
#review\.reviewuserinst {
	margin-left: -8px;
}
#review-items-table {
	border: solid 1px lightgrey;
}
#review-items-table tr:first-child {
	border: solid 1px lightgrey;
}

.review .buttonsbar button{
  margin-bottom: 20px;
}

.review .pageinstructions {
  font-size: 16px;
}

.review *{
  font-size: 16px !important;
}

.review td.data {
  background-color: #eeeeee;
}

.review div {
margin: 0 10px;
}

.pagetitle {
  margin-left: 10px;
}

.main p {
  margin-left: 10px;
}

.accept-proofs table{
  width: 80%;
  margin-bottom: 20px;
}

/***************************************************************************************
**********************************  12. ACCEPT  ************************************
****************************************************************************************/
.main.done.catalog--container .accept-proofs {
	display: none;
}
#accept\.proofsheader {
	display: none;
}

.done div *{
  font-size: 16px;
}

.done td.data{
        background-color: #eeeeee;
}

.done .accept-proofs .form-body{
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
        width: 80%;
}

.done div {
        margin: 0 10px;
}

.accept-showneworderbutton {
        margin: 20px auto !important;
}

.catalog--container .pagetitle {
        margin-top: 10px!important;
}

.accept-proofs  b{
        margin-left: 20px;
        margin-top: 10px;
        line-height: 30px;
}

.previewcell a span {
    position: relative;
    font-size: 16px;
    color: #00000A;
    font-family: "IBM Plex Sans", "Trebuchet MS", "Arial";
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;
    padding: 4px 10px 4px 10px;
    border: 1px solid #CCCCCC;
    -moz-border-radius: 0em;
    -webkit-border-radius: 0em;
    border-radius: 0em;
    background: #FFFFFF;
    background: linear-gradient(#FFFFFF, #CCCCCC);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
    background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
    background: -ms-linear-gradient(#FFFFFF, #CCCCCC);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#CCCCCC');
    -pie-background: linear-gradient(#FFFFFF, #CCCCCC);
    position: relative;
    behavior: url(/hub/css/PIE.htc);
    margin: 5px 20px;
}

.previewcell a {
  text-decoration: none;
  margin: 0px auto;
  line-height: 50px;
  text-align: left;
}

.previewcell *{
  text-align: left !important;
}


/*************************************************************************************
**********************************  13. ANIMATIONS  *****************************
**************************************************************************************/
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes AdminAnimation {
 0% {
  background-position: 0% 50%
 }

 50% {
  background-position: 100% 50%
 }

 100% {
  background-position: 0% 50%
 }
}

@-moz-keyframes AdminAnimation {
 0% {
  background-position: 0% 50%
 }

 50% {
  background-position: 100% 50%
 }

 100% {
  background-position: 0% 50%
 }
}

@keyframes AdminAnimation {
 0% {
  background-position: 0% 50%
 }

 50% {
  background-position: 100% 50%
 }

 100% {
  background-position: 0% 50%
 }
}

@-webkit-keyframes AdminAdnimationhover {
 0% {
  background-position: 100% 50%
 }

 50% {
  background-position: 0% 50%
 }

 100% {
  background-position: 100% 50%
 }
}

@-moz-keyframes AdminAdnimationhover {
 0% {
  background-position: 100% 50%
 }

 50% {
  background-position: 0% 50%
 }

 100% {
  background-position: 100% 50%
 }
}

@keyframes AdminAdnimationhover {
 0% {
  background-position: 100% 50%
 }

 50% {
  background-position: 0% 50%
 }

 100% {
  background-position: 100% 50%
 }
}

/*************************************************************************************
**********************************  14. APPPROVAL *****************************
**************************************************************************************/
.main.approvalqueue #search {
	display: none;
}
.main.approvalqueue .ic-msg {
	display: none !important;
}
#approvalqueue\.waiting_title {
	display: inline !important;
}
.main.approvalqueue .tabular.sortable .ic-msg {
	display: inline !important;
}
.main.approvalqueue.catalog--container {
	padding-bottom: 100px;
}
.pagetitle .ic-msg .pend-order {
	position: absolute;
	left: 46%;
	display: inline !important;
	font-weight: bold;
	font-size: 16px;
	font-family: IBM Plex Sans, Trebuchet MS, Arial,Helvetica,Arial;
}
.column_name {
	display: none;
}