@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import "introjs.min.css";
@import "instructions.css";
@import "playing-cards.css";
@import "slick.css";

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 8, 2017 */

@font-face {
	font-family: 'bebas_neuebold';
	src: url('Type/bebasneue_bold-webfont.woff2') format('woff2'),
	     url('Type/bebasneue_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuebook';
	src: url('Type/bebasneue_book-webfont.woff2') format('woff2'),
	     url('Type/bebasneue_book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuelight';
	src: url('Type/bebasneue_light-webfont.woff2') format('woff2'),
	     url('Type/bebasneue_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neue_regularregular';
	src: url('Type/bebasneue_regular-webfont.woff2') format('woff2'),
	     url('Type/bebasneue_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuethin';
	src: url('Type/bebasneue_thin-webfont.woff2') format('woff2'),
	     url('Type/bebasneue_thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "dlex-4";
  src:url("Type/dlex-4.eot");
  src:url("Type/dlex-4.eot?#iefix") format("embedded-opentype"),
    	url("Type/dlex-4.woff") format("woff"),
    	url("Type/dlex-4.ttf") format("truetype"),
    	url("Type/dlex-4.svg#dlex-4") format("svg");
  font-weight: normal;
  font-style: normal;
}

/**********************************************************************
 * GENERAL
 */

html {
  -webkit-text-size-adjust: none
}

html, body {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

body {
  color: #525C61;
	background: #eee;
  font: 300 18px/24px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	overscroll-behavior: none;
}

table {
  border-spacing: 0!important;
  border-collapse: collapse;
}

.wrapper {
	background: #fff;
}

td {
  border-spacing: 0!important;
  border-collapse: collapse;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'bebas_neue_regularregular', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

p, td {
  font-size: 12px;
  color: #525C61;
}

input, textarea, select, option {
  font-size: 12px;
  color: #525C61;
}

input:focus,
textarea:focus, 
select:focus, 
option:focus {
  outline-color: #a6ce39;
}

input:disabled, 
textarea:disabled {
  color: #aaa;
}

select:disabled, 
option:disabled {
  opacity: 0.5;
}

input, textarea {
  font-size: 14px;
  padding: 6px 8px;
  background: #fafafa;
  border: 1px solid #ccc;
  /*border-right: none;*/
  /*border-bottom: none;*/
  /*border-left: none;*/
  margin: 0 0;
}

input[type="checkbox"] {
  margin: 0 5px 0 0!important;
}

img {
  border: none;
}

a:link, a:visited {
  color: #008a7a;
  text-decoration: none;
  border-bottom: none;
	transition: all 200ms ease-in-out;
}

a:hover, a:active {
  color: #a6ce39;
}

form {
  margin: 0;
	padding: 0 0 0 300px;
	width: 100%;
	box-sizing: border-box;
	overscroll-behavior: none;
}

td.stepArea p {
  margin: 0;
  line-height: 14px;
}

input {
  margin-right: 3px;
}

td.basic {
  vertical-align: top;
}

.sf-sub-indicator {
  display: none;
}

/**********************************************************************
 * ENTIRE PAGE
 */

body.page {
  margin: 0;
  width: 100%;
  background: #eee;
  height: 100%;
  word-wrap: break-word;
}

td.pageContent {
  padding: 0 0 30px;
  margin: 0 auto;
  display: block;
  background: #fff;
  width: 85%;
  /*position: relative;*/
}

img.pageMinimumWidth {
  width: 100%;
  height: 1px;
  display: block;
  background: #fff;
  margin: 0;
}

/**********************************************************************
 * MAIN NAVIGATION BAR
 */

#tblNavigationBar {
  margin: 0;
	/*padding: 0 3px 0 0;*/
	padding: 0;
  background: #2E343C url(Images/sidebar-bg.jpg);
	background-size: cover;
	position: fixed;
	display: block;
	width: 300px;
	box-sizing: border-box;
	left: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#tblNavigationBar tbody, 
#tblNavigationBar tbody tr {
	display: block;
	width: 100%;
}


#tblNavigationBar::before {
	/*display: block;
	content: "";
	position: fixed;
	width: 300px;
	top: 0;
	bottom: 0;
	left: 0;
	background: rgba(46,52,60,0.75);*/
}

#tblNavigationBar::after {
	/*display: block;*/
	/*content: "";*/
	/*width: 3px;*/
	/*position: absolute;*/
	/*right: 0;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*background: #008a7a;*/
  /*background: -moz-linear-gradient(top, #008a7a 0%, #a6ce39 100%);*/
  /*background: -webkit-linear-gradient(top, #008a7a 0%,#a6ce39 100%);*/
  /*background: linear-gradient(to top, #008a7a 0%,#a6ce39 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a7a', endColorstr='#a6ce39',GradientType=1 );*/
	/*transition: all 200ms ease-in-out;*/
}

/*#tblNavigationBar:hover::after {
	background: #a6ce39;
}*/

td.navBar {
  padding: 0;
  margin: 0;
  display: flex;
  width: 100%;
	height: 100%;
  position: relative;
  flex-flow: column nowrap;
}

.navBarTable {
	height: 100%;
  display: flex;
  flex-flow: column nowrap;
  position: absolute;
  padding: 130px 0 0;
  width: 100%;
  box-sizing: border-box;
}

body.start .navBarTable {
  padding: 200px 0 0;
}

.navBarRow, 
.navBarBody {
	height: 100%;
}

.navBarInner {
	display: flex!important;
	flex-flow: column nowrap;
	justify-content: space-between;
}

td.navBar::before {
  background: url(Images/dl-logo-reverse-lsc.svg) no-repeat center center;
  display: block;
  height: 100px;
	min-height: 100px;
  margin: 30px 30px 0;
  box-sizing: border-box;
  content: "";
  z-index: 10;
  position: relative;
  background-size: contain;
}

td.navBarLeft {
  font-size: 14px;
  padding: 0;
	margin: 30px 0 20px;
	display: block;
	width: 100%;
}

td.navBarLeft table, 
td.navBarLeft table tbody, 
td.navBarRight table, 
td.navBarRight table tbody {
	display: block;
	width: 100%;
}

td.navBarLeft table tr, 
td.navBarRight table tr {
  flex-flow: column nowrap;
  display: flex!important;
	width: 100%;
}

td.navBarMiddle {
  display: block;
  padding: 0 0;
}

td.navBarRight {
  font-size: 14px;
  display: block;
	width: 100%;
  padding: 0 0 50px;
}

td.navBarLeft img, 
td.navBarRight img {
  display: none;
}

td.navBarCell {
  height: 50px;
}

td.navBarRight td.navBarCell {
  height: inherit;
}

td.navBarCell div {
  float: none!important;
}

td.navBarSeparator {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 0;
}

#ctl00_shoppingCart_tdSeparator,
#ctl00_orders_tdSeparator, 
#ctl00_library_tdSeparator, 
#ctl00_profile_tdSeparator, 
#ctl00_pricing_tdSeparator, 
#ctl00_aboutUs_tdSeparator, 
#ctl00_paper_tdSeparator {
  /*height: 35px;*/
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 0;
}

div.navBarButton {
  /*height: 50px;*/
}

div.navBarButton-l {
  padding-left: 0;
}

div.navBarButton-r {
  padding-right: 0;
}

div.navBarButtonSelected {
}

div.navBarButtonSelected-l {
  padding-left: 0;
}

div.navBarButtonSelected-r {
  padding-right: 0;
}

div.navBarButton-inner,
div.navBarButtonSelected-inner {
  padding: 0px;
  margin: 0px;
}

div.navBarButtonSelected-inner {
}

div.navBarButton-inner:hover {
}

a.navBarButton, 
a.navBarButtonSelected {
  color: #eee;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
  padding: 0 30px;
  height: 50px;
  font: 300 20px/50px 'Montserrat';
  position: relative;
  transition: all 200ms ease-in-out;
	border-left: 3px solid transparent;
}

a.navBarButtonSelected, 
body.papers a#ctl00_papers_anchor, 
body.page.prep a#ctl00_fileprep_anchor
body.page.home a#ctl00_products_anchor {
  background: rgba(30, 34, 39, 0.7);
	border-left: 3px solid #a6ce39;
	color: #fff;
}

a.navBarButtonSelected:hover {
}

a.navBarButton:hover {
  background: rgba(30, 34, 39, 0.4);
	border-left: 3px solid #008A7A;
}

div.navBarMessage {
  font-size: 16px;
  padding: 20px 30px;
  color: #eee;
	text-align: center;
}

.user-name {
	display: inline-block;
}

.navBarButtonRight-l {
}

.navBarButtonRight-r {
}

.navBarButtonRight-inner {
}

div.navBarButtonRight {
  padding: 0 30px;
  margin: 0;
}

a.navBarButtonRight {
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  background: rgba(30, 34, 39, 0.4);
  font-size: 16px;
  line-height: 38px;
	font-weight: 300;
	letter-spacing: 1px;
  padding: 0 20px;
  height: 40px;
	border-radius: 20px;
	border: 2px solid #008A7A;
	box-sizing: border-box;
  display: block;
  margin: 0;
  position: relative;
  text-transform: uppercase;
	text-align: center;
  color: #eee;
  transition: all 200ms ease-in-out;
}

a.navBarButtonRight:hover {
  background: rgba(30, 34, 39, 0.7);
	border: 2px solid #a6ce39;
	color: #fff;
}

div.navBarButtonRight-t {
  margin-top: 0px;
}

/**********************************************************************
 * Areas
 *
 * Areas are major graphical regions surrounding page content. There are three kinds:
 *   Simple Area - bordered region with a title bar. (Example: Login page)
 *   List Area - adds optional icon, "comment" line, optional help link, full-width. (Example: Shopping Cart)
 *   Step Area - adds next/previous links and optional left-side step controls. (Example: checkout steps)
 *
 * Each area is composed of 3 or 4 horizontal slices:
 *   areaHeader:   title bar
 *   areaComment:  "comment" line
 *   area:         actual area content
 *   areaFooter 
 *
 * Each horizontal slice is built using 3 table cells. For example, the header:
 *   td.areaHeader-l:  the left edge of the header
 *   td.areaHeader  :  the content of the header
 *   td.areaHeader-r:  the right edge of the header
 * 
 * Most areas have flexible width, growing either to accommodate their
 * content or to fit the browser window. This flexibility is implemented in
 * many cases using a cell with width=100%, which can cause other cells to
 * shrink to zero width if you're not careful. If cells used for area edges
 * shrink to zero width, use "padding-left" rather than "width" to specify
 * their width.
 */

/*  "area" style 
 
 For 'Start', 'Order', 'My Library' and 'My Profile' pages 
 */

td.areaHeader-l {
  width: 30px;
}

td.areaHeader-r {
  width: 30px;
}

td.areaHeader {
  vertical-align: bottom;
  padding: 50px 0 0;
  /*border-bottom: 3px solid #a6ce39;*/
}

td.areaHeader::after, 
h2.title::after, 
ul.highlights li h2::after {
	width: 100%;
	height: 3px;
	display: block;
	content: "";
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008a7a+0,a6ce39+100 */
  background: #008a7a; /* Old browsers */
  background: -moz-linear-gradient(left, #008a7a 0%, #a6ce39 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #008a7a 0%,#a6ce39 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #008a7a 0%,#a6ce39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a7a', endColorstr='#a6ce39',GradientType=1 ); /* IE6-9 */
  clear: both;
}

td.areaComment-l, 
td.areaComment-r, 
td.area-l, 
td.area-r {
  width: 30px;
	min-width: 30px;
	max-width: 30px;
}

td.areaComment {
  padding: 0;
  vertical-align: top;
}

img.area-l, 
img.area-r {
  display: none;
}

/* otherwise cell may collapse with wide content */

td.area {
  padding: 0;
  width: 100%;
}

td.area table {
	width: 100%;
}

td.areaFooter-l {
}

td.areaFooter-r {
}

td.areaFooter {
  vertical-align: top;
}

/*	 Text styles for areaHeader and areaComment  */

div.areaTitle {
  padding: 0 0 10px;
  font-size: 44px;
  /*color: #008a7a;*/
  font-family: 'bebas_neue_regularregular', sans-serif;
  font-weight: 300;
  text-shadow: none;
  text-transform: uppercase;
  line-height: 32px;
}

div.areaTitleLink {
  font-size: 20px;
  padding-top: 8px;
  font-weight: normal;
  font-family: 'Montserrat', sans-serif;
  display: none;
}

a.areaTitleLink, 
a.areaTitleLinkRollover {
  font-size: 20px;
  color: #555;
  text-decoration: none;
  padding: 0 0px 0 10px;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 0 1px 0 #E7ECDE;
}

a.areaTitleLinkRollover {
  color: #A86733;
  cursor: pointer;
}

div.areaComment {
  padding: 4px 0 30px;
  text-align: top;
  text-shadow: none;
  font: 300 18px/24px 'Montserrat', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color: #819199;
}

.hidden {
  display: none!important;
}

div.areaCommentRight {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  color: #555;
  padding: 5px 0 0 0;
  text-shadow: 0 1px 0 #E7ECDE;
  display: none;
}

div.areaEmptyMessage {
  text-align: center;
  padding: 12px 0 16px 0;
}

/*  Area title icons  */

div.areaIconCheckout {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconOrders {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconEditDocument {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconHelp {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

/* div.areaIconHelp            { background: url(Images/AreaIconHelp.png           ) no-repeat; width: 24px; height: 24px; margin: 3px 0px 0px 0px;} */

div.areaIconLibrary {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconProfile {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconShoppingCart {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

div.areaIconStartDocument {
  width: 24px;
  height: 24px;
  margin: 8px 0px 0px 0px;
  display: none;
}

/* simpleArea

For 'Log-in', 'Help' and 'Select image" pages. 
 */

td.simpleAreaHeader-l {
  width: 30px;
}

td.simpleAreaHeader-r {
  width: 30px;
}

td.simpleAreaHeader {
  vertical-align: bottom;
  padding: 30px 0 0;
  border-bottom: 2px solid #a6ce39;
}

/* stepArea
 
For 'Check-out' and 'Editing' pages.
Shares "area" styles, but has it's own area and footer style, and additional styles to indicate 
the current step, and for next/previous controls.
 */

td.stepArea {
  padding: 0;
  background: #fff;
  width: 100%;
	/*position: relative;*/
  display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
}

td.stepArea div.block {
  padding-bottom: 0;
}

.Form_Header_ExtraSpaceAbove div.block {
  margin-top: 10px;
}

td.stepArea > div.block {
	width: 100%;
}

td.stepAreaFooter-l {
  width: 30px;
}

td.stepAreaFooter-r {
  width: 30px;
}

td.stepAreaFooter {
  vertical-align: middle;
}

td#StepArea_tdPriceHint {
  vertical-align: top;
}

/*  Text styles for Step Area  */

span.stepLabel {
  font-weight: 700;
}

span.currentStepIndicator {
  font-size: 10px;
  padding-left: 5px;
  padding-right: 0px;
}

/*  Next/Previous controls  */

div.stepAreaHeaderNextPrevControls,
div.stepAreaFooterNextPrevControls {
  padding: 0;
  float: right!important;
}

td.stepAreaHeaderNextPrevControls,
td.stepAreaFooterNextPrevControls {
  vertical-align: top;
}

td.stepNextPrevLabel {
  padding-top: 0;
  vertical-align: middle;
}

td.stepNextPrevLabel span {
  height: 30px;
  display: block;
}

a.stepNextPrevLabel, 
a.stepNextPrevLabelRollover {
  color: #525C61;
  text-decoration: none;
  padding: 0;
  text-transform: uppercase;
  font: 26px/30px 'bebas_neue_regularregular', sans-serif;
  height: 30px;
  display: block;
  transition: all 0.2s ease;
  cursor: pointer;
}

a.stepNextPrevLabelRollover {
  color: #819199;
  cursor: pointer;
}

td.areaGraphicNextStep,
td.areaGraphicNextStepRollover, 
td.areaGraphicPreviousStep,
td.areaGraphicPreviousStepRollover {
  height: 30px;
  width: 40px;
  position: relative;
}

td.areaGraphicPreviousStep span a::before,
td.areaGraphicPreviousStepRollover span a::before, 
td.areaGraphicNextStep span a::before,
td.areaGraphicNextStepRollover span a::before  {
  display: block;
  content: "";
  font-family: "dlex-4";
  box-sizing: border-box;
  position: absolute;
  text-transform: none;
  text-align: center;
	color: #525C61;
  border: 2px solid #525C61;
  border-radius: 50%;
  line-height: 27px;
  font-size: 16px;
  top: 0;
  height: 30px;
  width: 30px;
}

td.areaGraphicPreviousStep span a:hover::before {
	color: #819199;
}

td.areaGraphicPreviousStep span a,
td.areaGraphicPreviousStepRollover span a, 
td.areaGraphicNextStep span a,
td.areaGraphicNextStepRollover span a {
	display: block;
	cursor: pointer;
	height: 30px;
	width: 30px;
}

td.areaGraphicPreviousStep span a::before,
td.areaGraphicPreviousStepRollover span a::before {
  content: "m";
  left: 0;
}

td.areaGraphicNextStep span a::before,
td.areaGraphicNextStepRollover span a::before {
  content: "l";
  right: 0;
  text-indent: 3px;
}

td.areaGraphicNextPrevSeparatorLine {
  height: 25px;
  width: 30px;
}

/**********************************************************************
 * SIDEBARS

There are three kind of sidebar:
 *    Category sidebar (on the start page)
 *    Help sidebar (on the help page)
 *    Step Controls sidebar (on editing step and checkout step pages)
  
 Here they are skinned similarly, but they have distinct classes
 and so may be skinned differently.
 
  Each sidebar has 3-cell slices for header, footer, and content.
 */


td.categorySidebarHeader-l {
  display: none;
}

td.categorySidebarHeader-r {
  display: none;
}

td.categorySidebarFooter-l {
  display: none;
}

td.categorySidebarFooter-r {
  display: none;
}

td.categorySidebar-l {
  display: none;
}

td.categorySidebar-r {
  display: none;
}

#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_tblStepControlsSidebar {
	display: none;
}

td.stepControlsHeader-l, 
td.helpSidebarHeader-l {
  background: #BDC7AA;
  height: 40px;
  padding-left: 10px;
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
/* instead of width, to prevent collapse */
}

td.stepControlsHeader-r, 
td.helpSidebarHeader-r {
  background: #BDC7AA;
  height: 40px;
  padding-left: 10px;
  border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
/* instead of width, to prevent collapse */
}

td.categorySidebarHeader {
  display: none;
}
 
td.stepControlsHeader, 
td.helpSidebarHeader {
  background: #BDC7AA;
  vertical-align: top;
}
 
td.helpSidebar-l, 
td.stepControls-l {
  background: #BDC7AA;
  padding-left: 10px;
/* instead of width, to prevent collapse */
}
 
td.helpSidebar-r, 
td.stepControls-r {
  background: #BDC7AA;
  padding-left: 10px;
/* instead of width, to prevent collapse */
}

td.helpSidebarFooter-l, 
td.stepControlsFooter-l {
  background: #BDC7AA;
  height: 10px;
  padding-left: 10px;
  border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
/* instead of width, to prevent collapse */
}
 
td.helpSidebarFooter-r, 
td.stepControlsFooter-r {
  background: #BDC7AA;
  height: 10px;
  padding-left: 10px;
  border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -webkit-border-radius: 0 0 10px 0;
/* instead of width, to prevent collapse */
}

td.categorySidebarFooter, 
td.helpSidebarFooter, 
td.stepControlsFooter {
  background: #BDC7AA;
  vertical-align: top;
}

div.categorySidebarTitle,
div.helpSidebarTitle,
div.stepControlsTitle {
  padding: 10px 0 0 0;
  font-size: 20px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  text-shadow: 0 1px 0 #E7ECDE;
}

td.helpSidebar,
td.stepControls {
  background: #BDC7AA;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 5px;
}

td.categorySidebar {
  display: none;
}

img.categorySidebarMarginRight {
  width: 0px;
}

/* margin separating category sidebar from product catalog */

img.helpSidebarMarginRight {
  width: 15px;
}

/* margin separating help sidebar from help content */

img.stepControlsMarginRight {
  width: 0;
  display: none;
}

/* margin separating step controls from step area */

/* -----------------------------------------------------
 * Category sidebar - Search and Search rule
 */
 
#divSearch {
  position: absolute;
  /*width: 1200px;*/
}

td.categorySidebarSearch {
  background: none;
  padding-top: 0px;
}

div.categorySidebarSearchTextBox {
  margin: 30px 30px 0;
  position: relative;
	display: none;
	z-index: 1;
}

div.categorySidebarSearchTextBox::after {
  display: block;
  content: "g";
  font-family: "dlex-4";
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  text-transform: none;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
	color: #888;
}

div.categorySidebarSearchTextBox input {
  color: #888;
  height: 40px;
  box-sizing: border-box;
  background: #fafafa;
	border: 2px solid #008A7A;
	/*box-shadow: 0 2px 3px rgba(0,0,0,0.4);*/
  margin: 0;
  padding: 0 15px 0 35px;
  line-height: 40px;
  clear: both;
  display: block;
  border-radius: 20px;
  width: 100%;
	content: "Search...";
	transition: all 200ms ease-in-out;
}

div.categorySidebarSearchTextBox input::placeholder {
  color: #aaa;
}

div.categorySidebarSearchTextBox input:active, 
div.categorySidebarSearchTextBox input:focus {
  border: 2px solid #a6ce39;
	-webkit-outline: none;
	outline: none;
}

td.categorySidebarSearchRule-l {
  background: none;
  width: 0px;
}

td.categorySidebarSearchRule {
  background: none;
  width: 123px;
  height: 0px;
	display: none;
}

td.categorySidebarSearchRule-r {
  background: none;
  width: 0px;
}

/* Sidebar selected */

td.categorySidebarLabel, 
td.categorySidebarLabelSelected,
td.helpTopic,
td.helpTopicSelected {
  padding: 0px 8px 0px 0;


/*

see e.g. categorySidebarLabelLevel1 for padding-left */
}

td.categorySidebarLabelSelected,
td.helpTopicSelected {
  background: #d2d2d2;
}

td.categorySidebarLabelLevel1,
td.helpTopicLevel1 {
  padding-left: 5px;
}

td.categorySidebarLabelLevel2,
td.helpTopicLevel2 {
  padding-left: 35px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 25px 5px;
}

td.categorySidebarLabelLevel3,
td.helpTopicLevel3 {
  padding-left: 70px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 60px 4px;
}

td.categorySidebarLabelLevel4 {
  padding-left: 105px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 39px 6px;
}

td.categorySidebarLabelLevel5 {
  padding-left: 110px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 49px 6px;
}

td.categorySidebarLabelLevel6 {
  padding-left: 115px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 59px 6px;
}

td.categorySidebarLabelLevel7 {
  padding-left: 120px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 69px 6px;
}

td.categorySidebarLabelLevel8 {
  padding-left: 125px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 79px 6px;
}

td.categorySidebarLabelLevel9 {
  padding-left: 130px;
  background-image: url(Images/CategorySidebarArrow.gif);
  background-repeat: no-repeat;
  background-position: 89px 6px;
}

a.categorySidebarLabel, 
a.categorySidebarLabelSelected,
a.helpTopic, 
a.helpTopicSelected,
a.stepControlLabel, 
a.stepControlLabelSelected {
  font-size: 12px;
  color: #363636;
  text-decoration: none;
  white-space: nowrap;
}

a.categorySidebarLabelLevel1 {
  font-size: 16px;
}

a.categorySidebarLabelLevel2 {
  font-size: 15px;
}

a.categorySidebarLabelLevel3 {
  font-size: 14px;
  font-weight: bold;
}

a.categorySidebarLabelLevel4 {
  font-size: 12px;
}

a.categorySidebarLabelLevel5 {
  font-size: 12px;
}

a.categorySidebarLabelLevel6 {
  font-size: 12px;
}

a.categorySidebarLabelLevel7 {
  font-size: 12px;
}

a.categorySidebarLabelLevel8 {
  font-size: 12px;
}

a.categorySidebarLabelLevel9 {
  font-size: 12px;
}

a.categorySidebarLabel:hover {
  color: #7f7f7f;
}

a.categorySidebarLabelSelected {
  color: #363636;
}

/*  Elements unique to the help sidebar */

a.helpTopic:hover {
  color: #fff;
}

/* Step controls - to display and control steps of editing or checkout pages

 Built as a sequence of stepControl cells, each containing a stepControlNumber and a stepControlLabel link.
 */

td.stepControl {
  background: none;
  vertical-align: top;
  padding: 3px 0 0 0;
  display: block;
}

td.stepControlNumber, 
td.stepControlNumberRollover, 
td.stepControlNumberSelected {
  font-size: 19px;
  line-height: 26px;
  font-weight: bold;
  display: block;
  height: 25px;
  padding: 0 7px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #E7ECDE;
}

td.stepControlNumberSelected {
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

td.stepControlNumberRollover {
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

td.stepControlLabel, 
td.stepControlLabelRollover, 
td.stepControlLabelSelected {
  padding: 0px 10px 0px 5px;
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

td.stepControlLabelRollover,
td.stepControlLabelSelected {
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

a.stepControlLabel:hover, 
a.stepControlLabelSelected:hover {
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

a.stepControlLabelSelected {
  color: #A86733;
  text-shadow: 0 1px 0 #E7ECDE;
}

/**********************************************************************
 * START PAGE
 
 Styles for elements unique to the start pages
 */

div.poweredByPageflex {
  display: none;
}

a.pricingtable {
  background: url(Images/pricing_table.jpg) no-repeat center;
  display: block;
  height: 40px;
  width: 113px;
  text-indent: -9000px;
}

#siteHeader {
  width: 100%;
  position: relative;
  margin: 0;
}

.logo {
	position: absolute;
	height: 100px;
	min-height: 100px;
	z-index: 11;
	box-sizing: border-box;
	margin-top: 30px;
	left: 30px;
	right: 30px;
}

/*.logo::after {
	content: "Beta";
	display: block;
	text-transform: uppercase;
	text-align: center;
	text-shadow:
	   -1px -1px 0 #2E343C,  
	    1px -1px 0 #2E343C,
	   -1px 1px 0 #2E343C,
	    1px 1px 0 #2E343C;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	color: #A6CE39;
}*/

.logo a {
	display: block;
  width: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  height: 100%;
}

body.NonProfit .logo a {
	position: relative;
}

body.NonProfit .logo a::after {
	display: block;
  content: "Non-Profit";
  position: absolute;
  left: 5px;
  top: 6px;
  /* background: #2e343c; */
  text-indent: 0;
  font: 20px/14px 'bebas_neuebold';
  padding: 4px;
  border: 2px solid #a6ce39;
  color: #a6ce39;
  border-radius: 4px;
  transform: rotate(-5deg);
}

.siteHeaderLogo {
  background: url(Images/dl-logo-reverse-lsc.svg) no-repeat left top;
  width: 300px;
  height: 180px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.siteHeaderLogo h1 {
  display: none;
  font-family: 'Montserrat', sans-serif;
}

.mobile-menu {
	display: none;
}

.siteHeaderRight {
  background: url(Images/SiteHeaderRight2.png) no-repeat right top;
  width: 510px;
  height: 180px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.siteHeaderRight h2 {
  color: #fff;
  font-size: 35px;
  margin: 50px 0 0 0;
  display: none;
}

.siteHeaderRight h3 {
  color: #dbf093;
  font-size: 20px;
  margin: 0;
  display: none;
}

.subheading {
  width: 100%;
  min-height: 22px;
  position: relative;
  margin: 0 0 15px 0;
}

span.orange {
  color: #eab035;
}

div.viewSwitcher {
  font-size: 10px;
  padding: 0px 0px 0px 0;
  text-align: top;
}

a.viewSwitcher, 
a.viewSwitcher:hover {
  font-size: 14px;
  color: #363636;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

a.viewSwitcher:hover {
  text-decoration: none;
  color: #6d6d6d;
}

div.categoryPath,
div.categoryPath a {
  padding-bottom: 10px;
  margin: 0 5px;
  font-size: 15px;
  text-decoration: none;
  position: relative;
  text-shadow: 0 1px 0 #fff;
  display: none;
}

div.categoryPath a:hover {
}

div#catalogContainer {
  width: 100%;
}

div#catalogContainerThumbnails {
	text-align: center;
	padding: 20px 0 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

/* Catalog cells */

div.catalogItemOuter,
div.catalogFolderOuter {
  float: none!important;
  display: inline-block;
  vertical-align: top;
}

div.catalogItemOuter {
  margin: 0 15px 20px;
	height: auto!important;
}

div.catalogFolderOuter {
  margin: 0 20px;
	width: 190px;
}

td.catalogItemHeader-l {
  background: none;
  padding-left: 0px;
  height: 0px;
}

td.catalogItemHeader {
  background: none;
  height: 0px;
}

td.catalogItemHeader-r {
  background: none;
  padding-left: 0px;
  height: 0px;
}

td.catalogFolderHeader-l {
  background: none;
  padding-left: 0;
  height: 0;
}

td.catalogFolderHeader {
  background: none;
  height: 0;
}

td.catalogFolderHeader-r {
  background: none;
  padding-left: 0;
  height: 0;
  width: 0;
}

td.catalogItem-l {
  display: none;
}

td.catalogItem-r {
  display: none;
}

td.catalogFolder-l {
  display: none;
}

td.catalogFolder-r {
  display: none;
}

td.catalogItemRule-l {
  background: none;
  padding-left: 0px;
  height: 0px;
}

td.catalogItemRule {
  background: none;
  height: 0px;
}

td.catalogItemRule-r {
  background: none;
  padding-left: 0px;
  height: 0px;
}

td.catalogFolderRule-l {
  background: none;
  padding-left: 0;
  height: 0px;
}

td.catalogFolderRule {
  background: none;
  height: 0px;
}

td.catalogFolderRule-r {
  background: none;
  padding-left: 0;
  height: 0px;
}

td.catalogItemFooter-l {
  background: none;
  height: 0px;
  padding-left: 0px;
}

td.catalogItemFooter {
  background: none;
  vertical-align: bottom;
}

td.catalogItemFooter-r {
  background: none;
  height: 0px;
  padding-left: 0px;
}

td.catalogFolderFooter-l {
  background: none;
  padding-left: 0;
}

td.catalogFolderFooter {
  background: none;
  vertical-align: top;
}

td.catalogFolderFooter-r {
  background: none;
  padding-left: 0;
}

td.catalogItem {
  /*height: 150px;*/
  text-align: center;
  padding: 0;
  vertical-align: middle;
}

.text-thumb td.catalogItem {
  display: none;
}

td.catalogFolder {
  text-align: center;
  padding: 0;
}

img.catalogThumbnail {
  border: 0px;
}

div.catalogFolderFooter {
  display: none;
}

div.catalogItemFooter {
  text-align: center;
  min-width: 162px;
  padding: 3px 0 10px 5px;
  display: none;
}

.text-thumb div.catalogItemFooter {
  text-align: center;
	padding: 0;
  display: block;
}

div.catalogItemFooter.new-thumb {
  text-align: center;
	padding: 0;
  display: inline-block!important;
}

a.catalogItemFooter, 
a.catalogItemFooter:hover {
  font-size: 14px;
  color: #363636;
  text-decoration: none;
  display: block;
	min-width: 100px;
}

.text-thumb a.catalogItemFooter, 
.text-thumb a.catalogItemFooter:hover {
  padding: 20px;
}

a.catalogFolderFooter, 
a.catalogFolderFooter:hover {
  font-size: 14px;
  color: #363636;
  text-decoration: none;
  overflow: wrap;
}

a.catalogItemFooter:hover {
  color: #6a6a6a;
}

a.catalogFolderFooter:hover {
  color: #6a6a6a;
}

/* Catalog rows */

tr.catalogRow {
  
}

div.catalogRowThumbnail {
  float: right;
  margin-bottom: 12px;
}

img.catalogRowThumbnail {
  border: 1px solid black;
}

div.catalogRowHeadline {
  text-align: left;
  font-weight: bold;
}

div.catalogRowDescription {
  text-align: left;
}

div.catalogFolderIcon {
  background: url(Images/CatalogFolderIcon.gif) no-repeat;
  height: 18px;
  padding-left: 22px;
}

/**********************************************************************
 * BUTTONS
 */

div.siteButton {
  margin: 0 10px 10px 0;
}

.CartButtons div.siteButton {
  margin: 0 0 0 10px;
}

div.siteButton-l {
}

div.siteButton-r {
}

div.smallButton {
  background: url(Images/button.jpg) repeat-x;
  font-size: 11px;
  margin: 3px 10px 2px 0;
}

div.smallButton-l {
  background: url(Images/button-l.jpg) no-repeat top left;
}

div.smallButton-r {
  background: url(Images/button-r.jpg) no-repeat top right;
}

div.searchButton {
  background: url(Images/SearchButton.png  ) repeat-x;
  font-size: 11px;
}

div.searchButton-l {
  background: url(Images/SearchButton-l.png) no-repeat top left;
}

div.searchButton-r {
  background: url(Images/SearchButton-r.png) no-repeat top right;
}


div.siteButton-inner, 
div.smallButton-inner, 
div.searchButton-inner {
	border-radius: 6px;
	color: rgba(255,255,255,.8);
	text-decoration: none;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 14px;
  line-height: 14px;
	/*height: 18px;*/
	transition: all .2s ease-in-out;
	position: relative;
	background: #2E343C;
	overflow: hidden;
	display: block;
}

div.siteButton-inner::after, 
div.smallButton-inner::after, 
div.searchButton-inner::after {
	content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  z-index: 0;
  transition: all .2s ease-in-out;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008a7a+0,a6ce39+100 */
  background: #008a7a; /* Old browsers */
  background: -moz-linear-gradient(left, #008a7a 0%, #a6ce39 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #008a7a 0%,#a6ce39 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #008a7a 0%,#a6ce39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a7a', endColorstr='#a6ce39',GradientType=1 ); /* IE6-9 */
}

div.siteButton-inner::before, 
div.smallButton-inner::before, 
div.searchButton-inner::before {
	content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  z-index: 0;
  transition: all .2s ease-in-out;
  background: #a6ce39;
}

div.siteButton-inner:hover::after, 
div.smallButton-inner:hover::after, 
div.searchButton-inner:hover::after {
	left: -100%;
}

a.siteButton, 
a.smallButton, 
a.searchButton {
	z-index: 2;
  position: relative;
  color: rgba(255,255,255,.8);
  text-decoration: none;
  padding: 10px 15px;
  display: block;
	text-align: center;
  transition: all 0.2s ease-in-out;
}

a.siteButton span, 
a.smallButton span, 
a.searchButton span {
	line-height: inherit!important;
}

a.siteButton:hover,
a.smallButton:hover,
a.searchButton:hover {
  color: rgba(255,255,255,1);
}

p.endOfButtons {
  clear: both;
  margin: 0;
  font-size: 0;
}

.categorySidebarSearchButton {
	display: none;
}

/**********************************************************************
 *  WARNING AREA
 */

td.warningAreaInlineWarning, 
td.warningAreaInlineInfo {
	padding: 0 30px;
}

/* the warning and info icons below work only with the "Spring" theme backgroung color */

td.warningIconWarning {
}

td.warningIconInfo {
}

/* the warning and info icons below work on a variety of backgrounds */

/*
td.warningIconWarning { background: url(Images/IconWarning_2.gif) no-repeat left top; width: 38px; padding-left: 30px; height: 17px; }
td.warningIconInfo    { background: url(Images/IconInfo_2.gif   ) no-repeat left center; width: 18px; padding-left: 30px; height: 17px; }
 */

div.warningAreaMessageInfo, 
div.warningAreaMessageWarning {
	margin: 30px 0 0;
	padding: 10px 20px 10px 80px;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 40px auto;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	min-height: 40px;
}

div.warningAreaMessageInfo {
  border: 5px solid #3a83c9;
  background-color: #234d7f;
  background-image: url(images/info.svg);
}

div.warningAreaMessageWarning {
  border: 5px solid #c98f26;
  background-color: #7f5725;
  background-image: url(images/warn.svg);
}

div.warningAreaMessageWarning div.siteButton {
  float: none!important;
  display: inline-block;
}

div.warningAreaMessageWarning p {
}

/**********************************************************************
 * CLASSES FOR PARTICULAR SITE PAGES
 */

/* Login page */

td.loginExistingUsers {
  vertical-align: top;
  /*padding-right: 20px;*/
}

td.loginNewUsers {
  vertical-align: top;
  border-left: none;
  /*padding-left: 20px;*/
}

.loginNewUsers input[type="image"] {
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}

td.loginExistingUsers div.siteButton, 
td.loginNewUsers div.siteButton {
	float: left!important;
}

div.loginSubhead {
  font-weight: bold;
}

/* Form Filling  */

td.formFilling-form {
  vertical-align: top;
  background: #eee;
  padding: 30px 30px 0;
  margin: 20px 0 0;
  display: block;
}

#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_ContentPlaceHolderStepArea_InputFields_InputFields {
  vertical-align: top;
  /*background: #eee;*/
  /*border-top: 30px solid white;*/
  /*border-bottom: 30px solid white;*/
  padding: 0 0 30px;
}

#StepArea_InputFields_InputFields {
  width: 100%;
}

img.formMinWidth {
  height: 1px;
  width: 210px;
}

td.formFilling-preview {
  vertical-align: top;
  width: 100%;
  text-align: center;
  padding-left: 2px;
}

#vcrControls table {
	width: auto;
}

td.previewButtonFirst {
  background: url(Images/first.png) no-repeat center center;
}

td.previewButtonPrevious {
  background: url(Images/previous.png) no-repeat center center;
}

td.previewButtonNext {
  background: url(Images/next.png) no-repeat center center;
}

td.previewButtonLast {
  background: url(Images/last.png) no-repeat center center;
}

img.previewButtonSizer {
  width: 16px;
  height: 16px;
  border: none;
  display: block;
  margin-right: 0px;
}

div.previewPageNumberText {
  padding: 0 10px;
}

span.previewWaitMessage {
  
}

/*#previewPlaceholder {
  float: left;
}

#previewPanel {
  float: left;
}

#previewPanel nobr {
  float: left;
}*/

td.priceHint #previewPlaceholder {
  position: absolute;
  top: 30px;
}

#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_ContentPlaceHolderStepArea_divPriceHint {
  position: relative;
}

img.formFillingPreview {
  border: 1px solid #d4d4d4;
  /*float: left;
  margin: 0 10px 10px 0;*/
}

/* Printing Options */

td.childAreaHeader-l, 
td.childAreaHeader-r, 
td.childArea-l, 
td.childArea-r, 
td.childAreaFooter-l, 
td.childAreaFooter-r {
  background: #eee;
  width: 20px;
  min-width: 20px;
  max-width: 20px;
}

td.childAreaHeader, 
td.childAreaFooter {
  background: #eee;
	height: 15px;
}

td.childArea {
  background: #eee;
  padding: 0;
}

div.priceEstimate {
  
}

.priceEstimate p b nobr {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	font-weight: 300;
	display: block;
	margin: 0 0 15px;
}

.priceEstimate td {
  font-size: 14px;
	line-height: 16px;
}

/*  Order summary page */

td.orderSummaryCell {
  /*border: 2px solid #a6ce39;*/
  padding: 0;
}

/*  AssetCell

For "My Library" and the "Select Image" page (via "Form Filling" page)
*/

td.assetThumbnail {
  /* for "Select Image" page */
  background: #eee;
  height: 120px;
  width: 150px;
  text-align: center;
  padding-top: 20px;
}

td.assetThumbnailWithOptions {
  /* for "My Library" */
  background: #eee;
  height: 100px;
	width: 100px;
  padding: 15px 0 0 15px;
}

img.assetThumbnail {
  border: none;
  vertical-align: top;
}

td.assetOptions {
  background: #eee;
  padding: 10px 10px 0 10px;
}

td.assetCaption {
  background: #eee;
  font-size: 10px;
  text-align: left;
	padding: 5px 10px;
}

span.assetCaption {
  font-size: 10px;
	line-height: 14px;
  color: #000000;
  text-decoration: none;
	word-break: break-all;
	display: block;
}

a.assetCaption,
a.assetCaption:hover {
  font-size: 10px;
  color: #000;
  text-decoration: none;
}

a.assetCaption:hover {
  text-decoration: none;
  color: #000;
}

/**********************************************************************
 * COMMON CLASSES FOR CONTENT INSIDE AREAS
 */

div.block {
  padding-bottom: 10px;
}

div.subhead {
  display: none;
}

.userAddressLabel div.subhead {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

#divPayment div.subhead, 
#StepArea_InputFields_InputFields div.subhead, 
#divShipping_0 div.subhead, 
td.orderSummaryCell .shipping-group h3 {
  display: block;
  padding: 0 0 10px;
  margin: 60px 0 10px;
  font-size: 35px;
  font-family: 'bebas_neuebook', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 35px;
  border-bottom: 1px solid #ccc;
  clear: both;
}

#divPayment div.subhead {
	margin: 60px 0 0;
}

span.subheadDetail {
  font-weight: normal;
}

a.siteLink {
  color: #525C61;
  transition: color 0.5s ease;
}

a.sitelink:hover {
  color: #819199;
}

span.tip {
  font-weight: normal;
  font-style: italic;
  color: #363636;
}

span.csvtip {
  font-size: 14pt;
  font-weight: bold;
  text-decoration: underline;
  color: #9f1828;
}

/* -----------------------------------------------------
 * FORMS
 */

div.fieldLabel {
  
}

div.textField {
  padding-bottom: 2px;
}

input.textField {
  width: 225px;
}

div.fieldSpacer {
  /*

for editable form fields */
   margin-top: 2px;
}

td.fieldHeader {
  vertical-align: top;
  font-weight: bold;
  padding: 12px 0 3px 0;
}

td.fieldCell {
  

/* 

for read-only form fields */
   vertical-align: top;
  padding: 0 15px 3px 0;
}

select.multiSelectIncludeBox {
  margin-bottom: 3px;
}

p.error, span.error {
  color: crimson;
}

.validationError {
  display: block;
  color: crimson;
  font-weight: bold;
}

/* -----------------------------------------------------
 * FINAL STEP WARNINGS
 */

div.finalStepWarningsHeader {
  font-weight: bold;
}

div.finalStepWarningsFooter {
  font-size: 10px;
  padding: 10px 0 5px 20px;
}

/* -----------------------------------------------------
 * TABLES OF ORDERS AMD ITEMS
 */

#ShoppingCartPanel table, 
#HoldCartPanel table, 
#orderListTable table, 
table#StepArea_ShoppingCart_ShoppingCart.itemTable {
  width: 100%;
}

#ShoppingCartPanel table td, 
#HoldCartPanel table td, 
table#StepArea_ShoppingCart_ShoppingCart.itemTable td, 
table#ShoppingCart0_ShoppingCart td {
  vertical-align: middle;
}

#ShoppingCartPanel table td p, 
#HoldCartPanel table td p, 
table#StepArea_ShoppingCart_ShoppingCart.itemTable td p {
  margin: 0;
}

#ShoppingCartPanel .itemTable-Thumbnail img, 
#HoldCartPanel .itemTable-Thumbnail img, 
table#StepArea_ShoppingCart_ShoppingCart.itemTable .itemTable-Thumbnail img {
  margin: 0 0 5px;
}

table.itemTable,
td.itemTable,
td.itemTableHeader {
  background: #eee;
  border: 1px solid #ddd;
  padding: 10px;
}

td.itemTable {
	vertical-align: top;
	line-height: 16px;
	padding: 15px 10px;
}

td.itemTable p {
	margin: 0 0 5px;
}

td.itemTableHeader {
  background: #ddd;
  font-size: 13px;
  font-weight: bold;
}

td.itemTable-Thumbnail {
  background: #eee;
  text-align: center;
  /*height: 112px;*/
}

img.itemTableThumbnail {
  border: 1px solid white;
}

td.itemTable-Id {
  font-size: 12px;
}

td.itemTable-Description,
td.itemTable-Options {
  font-size: 11px;
  color: #333;
}

td.itemTable-Product {
  font-size: 11px;
  font-weight: bold;
}

td.itemTable-Date {
  font-size: 12px;
  font-weight: bold;
  color: #333;
}

td.itemTable-Price {
  white-space: nowrap;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  /*color: #008a7a;*/
}

#textTotalPrice {
  text-align: right;
}

td.itemTableSummary {
  text-align: right;
  padding: 5px 5px 0 0;
}

td.itemTableSummaryRule {
	padding: 15px 0 0;
}

td.itemTableSummaryRule::before {
  content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #ddd;
}

td.itemTableSummaryLine {
  font-size: 14px;
  font-weight: bold;
  padding-top: 3px;
}

p.itemTableLabelWithIcon {
  text-indent: -23px;
  margin-left: 23px;
}

td.itemTable p.itemTableLabelWithIcon {
  text-indent: 0;
  margin: 0;
}

td.itemTable p.itemTableLabelWithIcon img {
  display: none;
}

.itemTable-Status img {
	display: none;
}

.status-wrap {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	font-weight: 400;
}

.status-wrap::before {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #ccc;
	content: "";
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.status-wrap.status-complete::before { background-image: url(Images/status-complete.svg); background-color: #00a656; }
.status-wrap.status-inprocess::before { background-image: url(Images/status-inprocess.svg); background-color: #f4a100; }
.status-wrap.status-declined::before { background-image: url(Images/status-declined.svg); background-color: #dc133b; }

.status-wrap.status-complete { color: #00a656; }
.status-wrap.status-inprocess { color: #f4a100; }
.status-wrap.status-declined { color: #dc133b; }

/* -----------------------------------------------------
 * TABLES
 */

td.dataListChoicesHeader,
td.dataListChoices {
	border-bottom: 1px solid #ddd;
  padding: 0 15px 0 0;
}

td.dataListChoicesHeader {
  font-weight: bold;
	border-bottom: 2px solid #a6ce39;
}

td.simpleTableHeader {
  font-weight: bold;
  padding: 0 15px 2px 0;
}

td.simpleTable {
  padding: 0 15px 2px 0;
}

.pricesheet {
  background: url(Images/PriceSheetButton.png) no-repeat left top;
  text-indent: -9000px;
  display: block;
  width: 240px;
  height: 70px;
}

.sidebox {
  display: block;
  width: 240px;
  background: url(Images/sidebox-middle.jpg) repeat-y left top;
  margin: 0;
  padding: 0;
}

.sideboxhead {
  display: block;
  width: 240px;
  background: url(Images/sidebox-top.jpg) no-repeat left top;
  padding: 20px 0 0 25px;
}

.sideboxfoot {
  display: block;
  width: 240px;
  height: 25px;
  background: url(Images/sidebox-bottom.jpg) no-repeat left bottom;
}

.firstline {
  font-size: 25px;
}

.secondline {
  font-size: 15px;
  text-transform: uppercase;
  text-indent: 20px;
  background: url(Images/CategorySidebarArrow.gif) no-repeat 10px 5px;
}

.startover {
  font-size: 25px;
  line-height: 45px;
  background: url(Images/startover.png) no-repeat 135px 3px;
  height: 43px;
  text-decoration: none;
}

.sidebox a {
  text-decoration: none;
}

.step1 {
  font-size: 13px;
  text-transform: uppercase;
  padding: 15px 0 0 100px;
}

.step2 {
  font-size: 20px;
  padding: 0 0 0 100px;
}

.stepcategory {
  display: block;
  width: 200px;
  height: 91px;
  margin: 0 0 0 20px;
  background: url(Images/stepcategory.jpg) no-repeat;
}

.stepship {
  display: block;
  width: 200px;
  height: 91px;
  margin: 0 0 0 20px;
  background: url(Images/stepship.jpg) no-repeat;
}

.steptemplate {
  display: block;
  width: 200px;
  height: 91px;
  margin: 0 0 0 20px;
  background: url(Images/steptemplate.jpg) no-repeat;
}

.stepdesign {
  display: block;
  width: 200px;
  height: 91px;
  margin: 0 0 0 20px;
  background: url(Images/stepdesign.jpg) no-repeat;
}

#lblMessage {
  display: block;
  width: 225px;
}

#Create label, #Create label a {
  font-size: 10px;
}

.loginbox {
  display: block;
  width: 623px;
  background: url(/shop/splash/loginboxmiddle.jpg) repeat-y left top;
  margin: -9px 10px 0 -2px;
  position: relative;
  padding: 55px 0 0 0;
}

.loginboxtop {
  display: block;
  width: 623px;
  height: 55px;
  background: url(/shop/splash/loginboxtop.jpg) no-repeat left top;
  position: absolute;
  left: 0px;
  top: 0px;
}

.loginboxtop h1 {
  font-size: 24px;
  line-height: 65px;
  text-align: center;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.loginbox h2 {
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.loginbox p {
  font-size: 13px;
  text-align: center;
}

.loginboxbottom {
  display: block;
  width: 623px;
  height: 25px;
  background: url(/shop/splash/loginboxbottom.jpg) no-repeat left top;
}

.productsamples {
  margin: 0 0 0 14px;
}

.smallboxes {
  display: block;
  width: 636px;
  height: 173px;
  margin: 10px 0 0 0;
  position: relative;
}

.loginboxsmall {
  display: block;
  width: 143px;
  height: 173px;
  float: left;
  background: url(/shop/splash/loginboxsmall.png) no-repeat left top;
  margin: 0 16px 0 0;
  position: relative;
}

.loginboxsmall img {
  position: absolute;
  left: 20px;
  top: 20px;
}

.loginboxsmall p {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  margin: 95px 0 0 0;
}

.loginboxsmall h3 {
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  margin: 0px 0 0 0;
}

.splash {
  float: left;
}

.arrow1 {
  width: 40px;
  height: 40px;
  background: url(/shop/splash/arrow.png) no-repeat left top;
  position: absolute;
  left: 130px;
  top: 70px;
  z-index: 10;
}

.arrow2 {
  width: 40px;
  height: 40px;
  background: url(/shop/splash/arrow.png) no-repeat left top;
  position: absolute;
  left: 290px;
  top: 70px;
  z-index: 10;
}

.arrow3 {
  width: 40px;
  height: 40px;
  background: url(/shop/splash/arrow.png) no-repeat left top;
  position: absolute;
  left: 449px;
  top: 70px;
  z-index: 10;
}

.price_box {
  position: relative;
  float: left;
  padding: 15px 20px;
  background: #dbf093;
  margin: 10px 0 0 0;
}

.box {
  padding: 5px;
  margin: 5px 0 0 0;
}

.lefttop {
  position: absolute;
  left: 0;
  top: 0;
  background: url(Images/lefttop.jpg) no-repeat left top;
  width: 15px;
  height: 15px;
  z-index: 10;
}

.righttop {
  position: absolute;
  right: 0;
  top: 0;
  background: url(Images/righttop.jpg) no-repeat right top;
  width: 15px;
  height: 15px;
  z-index: 10;
}

.leftbottom {
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(Images/leftbottom.jpg) no-repeat left bottom;
  width: 15px;
  height: 15px;
  z-index: 10;
}

.rightbottom {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(Images/rightbottom.jpg) no-repeat right bottom;
  width: 15px;
  height: 15px;
  z-index: 10;
}

h1.product {
  padding: 0;
  font-size: 20px;
  color: #374711;
  font-weight: normal;
  margin: 0;
}

.product table {
  background: #fff;
  border-collapse: collapse;
}

.product table td {
  border: 2px solid #eab035;
  padding: 3px 8px;
}

.product table th {
  background: #eab035;
  border: 2px solid #eab035;
  color: #fff;
  padding: 3px 8px;
}

.product table td ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.product table td ul li {
  list-style-type: none;
}

.price_box h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #374711;
  font-weight: normal;
}

.price_sidebar {
  width: 260px;
  float: left;
  margin: 10px 0 0 10px;
}

.price_sidebar h2 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: normal;
}

.chbx_option div {
  margin: 0 0 10px 0;
}

.chbx_product {
  margin: 0 0 10px 0;
}

div.areaComment p {
  padding-bottom: 10px;
  float: left;
}

div.areaComment p.column {
  padding-bottom:10px;
  width: 48%;
  padding-right: 2%;
  float: left;
}

tr.highlight {
  background-color: #feffb7;
}

.boldchatbutton {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 115px;
  height: 22px;
}

.paperbook {
  margin: 20px 0;
  height: 600px;
}

.paperrow1, 
.paperrow2 {
  margin: 0 0;
}

.paperrow2 .paper {
  margin: 0 20px;
}

.paper-content {
  padding: 0 30px;
}

.paper {
  float: left;
  margin: 0 20px 20px;
  padding: 10px 30px;
  width: 305px;
  /*height: 300px;*/
  background: #eee;
  position: relative;
}

.paper.first, 
.paper.last {
  margin: 0 0 20px;
}

.paper h3 {
  font-size: 17px;
}

.paperlizard {
  width: 500px;
  height: 375px;
  background: url(Images/paper.jpg) no-repeat left top;
  float: left;
}

dl {
  
}

dt {
  font-size: 14px;
  /*color: #a65527;*/
}

dd {
  margin: 0 0 0 20px;
}

#discountcodeinsert .block {
  float: left;
}

#discount_code {
  margin: 6px 10px 0 0;
  float: left;
}

#feedback {
  position:absolute;
  width:45px;
  height:150px;
  top: 400px;
  right: 0px;
  z-index:15;
}

#feedback a {
  display: block;
  width: 45px;
  height: 150px;
  background: url(Images/feedback.png) no-repeat left top;
  text-indent: -20000px;
}

#feedback a:hover {
  background: url(Images/feedback.png) no-repeat left -149px;
}

.dxpcControl_custom {
  background: #fff;
}

.dxpcHeader_custom {
  padding: 10px 30px 0!important;
}

.popupArea {
  padding: 10px 30px 25px;
  text-shadow: none!important;
}

.popupArea .siteButtonBlock {
	margin: 20px 0 10px;
  width: 100%!important;
}

.popupArea .siteButtonBlock div.siteButton {
	margin-bottom: 0;
}

.dxpcControl_custom td.areaHeader {
  vertical-align: middle;
  padding: 0!important;
}

.dxpcControl_custom td.areaComment {
  vertical-align: top;
}

.dxpcControl_custom td.areaComment div.areaComment {
  padding: 10px 0;
}

.dxpcControl_custom td.areaHeader div.areaTitle {
  padding: 0!important;
	float: left!important;
  font-size: 30px;
  line-height: 50px;
}

.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a {
  border: none;
  padding: 0;
  background: #ddd;
  margin: 14px 0 16px;
  height: 20px;
  color: #819199;
  text-indent: 20px!important;
  transition: all 300ms ease-in-out;
  display: block;
  width: 20px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}

.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a::before, 
.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a::after {
	background: #819199;
	transform: rotate(0deg);
	display: block;
	content: "";
	width: 12px;
	height: 2px;
	position: absolute;
	left: 4px;
  top: 9px;
	transition: all 300ms ease-in-out;
	transition-delay: 1000ms;
}

.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a:hover::before, 
.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a:hover::after {
	background: #525C61;
	transition-delay: 0ms;
}

.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a::before {
	transform: rotate(45deg);
}

.dxpcControl_custom td.areaHeader div.areaTitle:last-of-type a::after {
	transform: rotate(-45deg);
}

.dxpcControl_custom td.areaHeader div.areaTitle img {
  display: none;
}

.dxpcControl_custom div.block {
  height: auto!important;
}

.dxpcControl_custom td.itemTableSummary {
  background: #eee;
  border: 1px solid #ddd;
  padding: 15px 20px 20px!important;
}

div.pcModalBackground { 
	background-color: #2e343c; 
	opacity: 0.75; 
	filter:progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70); 
	position: fixed!important;
	width: 100%!important;
	/*height: 100%!important;*/
	/*left: 0!important;*/
	/*top: 0!important;*/
}

/*#pageHeaderControl_login__ModalPopUp1_divPop {
	position: fixed!important;
  width: 100%!important;
  height: 100%!important;
  left: 0!important;
  top: 0!important;
  /*background: red;*!/
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

#pageHeaderControl_login__ModalPopUp1_divPop table {
	display: table!important;
  width: auto!important;
}

#pageHeaderControl_login__ModalPopUp1_divPop table tbody {
	display: table-row-group!important;
  width: auto!important;
}

#pageHeaderControl_login__ModalPopUp1_divPop table tbody tr {
	display: table-row!important;
  width: auto!important;
}

#pageHeaderControl_login__ModalPopUp1_divPop > table {
	display: block;
}

#pageHeaderControl_login__ModalPopUp1_divPop .dxpcControl_custom {
	display: block;
  width: auto!important;
}*/

/* Login Panel */

div.login-wrap .pcModalBackground {
	display: none;
}

div.login-wrap .dxpcHeader_custom {
	padding: 0!important;
}

div.login-box {
	background: #2e343c;
	color: #eee!important;
	border-top: 3px solid #a6ce39;
	width: 300px!important;
	position: fixed!important;
	left: 0!important;
	bottom: 0!important;
  top: auto!important;
}

div.login-box .popupArea {
	padding: 0 0 20px;
}

div.login-box div.loginSubhead {
	background: rgba(30, 34, 39, 0.4);
	border-bottom: 1px solid rgba(30, 34, 39, 0.4);
	color: #eee;
  padding: 10px 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
	cursor: pointer;
	line-height: 20px;
  height: 20px;
}

div.login-box input[type=text], 
div.login-box input[type=password] {
	box-sizing: border-box;
	width: 100%;
	margin-right: 0;
}

.login-inner {
	padding: 0 30px;
}

.login-inner br {
	display: none;
}

.login-inner > div:first-of-type {
	padding: 20px 0 10px;
	display: block;
}

div.login-box div.validationError span:blank {
	display: none;
}

div.login-box .dxpcContent_custom td {
	padding-top: 0;
}

div.login-box div.siteButton-inner {
	/*background: #525c61;*/
	background: rgba(30, 34, 39, 0.6);
}

div.login-box td, 
div.login-box p {
	color: #819199;
}

div.login-box .dxpcControl_custom {
	background: none;
	width: 300px!important;
}

div.login-box table tbody tr:nth-child(2) {
	display: none;
}

div.login-box div.areaTitle {
	display: none!important;
}

div.login-box td.areaHeader::after {
	display: none!important;
}

div.login-box div.login-close {
	position: absolute;
	right: 10px;
	top: 10px;
	display: block!important;
	line-height: 20px!important;
	height: 20px;
	width: 20px!important;
}

div.login-box div.login-close a {
	margin: 0!important;
	background: rgba(30, 34, 39, 0.4)!important;
}

div.login-box div.login-close a:hover {
	background: rgba(30, 34, 39, 0.7)!important;
}

div.login-box div.login-close a::before, 
div.login-box div.login-close a::after {
	background: #a6ce39!important;
}

div.login-box div.login-close a:hover::before, 
div.login-box div.login-close a:hover::after {
	background: #a6ce39!important;
}

div.login-box a.siteLink {
	color: #819199;
}

div.login-box a.siteLink:hover {
	color: #eee;
}

div.login-box div.login-load .loading-ring-wrap {
	margin: 10px auto;
}

ul.layout {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
}

ul.layout li {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 50%;
}

ul.layout li a {
	display: block;
	color: #525C61;
}

ul.layout li a::before {
	display: block;
	width: 40px;
	height: 40px;
	content: "";
	background: #fafafa;
	border: 1px solid #ccc;
	margin: 20px auto;
	box-sizing: border-box;
}

ul.layout li.active a {
	font-weight: bold;
}

ul.layout li.active a::before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008a7a+0,a6ce39+100 */
	background: #008a7a; /* Old browsers */
	background: -moz-linear-gradient(left, #008a7a 0%, #a6ce39 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #008a7a 0%,#a6ce39 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #008a7a 0%,#a6ce39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a7a', endColorstr='#a6ce39',GradientType=1 ); /* IE6-9 */
	border: none;
}

ul.layout li.landscape a::before {
	width: 70px;
}

ul.layout li.portrait a::before {
	height: 70px;
	margin: 5px auto;
}

.formFilling-preview.portrait #previewPanel {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.formFilling-preview.portrait #previewPanel img:last-of-type {
	margin-left: 20px;
}

.formFilling-preview.portrait #previewPanel img:first-of-type, 
.formFilling-preview.portrait #previewPanel img:first-of-type:last-of-type {
	/*margin-right: 10px;*/
	margin-left: 0;
}

/** 7.6  additions ***************/

/*--------------------------------*/
div.MultiShippingButton {
	margin-bottom:5px;
}

#StepArea_UpdatePanelAddressBlock {
	margin: 0 0 25px;
	background: #eee;
	padding: 15px 20px;
	line-height: 20px;
	font-size: 16px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

div.ShippingAddressBlock {
	
}

#StepArea_UpdatePanelAddressBlock::before {
	display: block;
	content: "H";
	font-family: "dlex-4";
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	text-transform: none;
	text-align: center;
	line-height: 40px;
	font-size: 40px;
	font-weight: normal;
	margin: 0 20px 0 0;
}

div.siteButton.addressBookButton {
	margin: 10px 0;
}

/*.addressBookIcon, 
.AddressBookIcon {
  background: url(images/addressbook.svg) no-repeat left top;
  background-size: 30px auto;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 0 0 0 40px;
  display: block;
  margin: 20px 0 0;
  color: #525C61!important;
  transition: all 0.2s ease;
}

.addressBookIcon:hover, 
.AddressBookIcon:hover {
  color: #819199!important;
}*/

.divsInARow {
  display: block;
}

div.ShippingAddressBlockCart {
	margin:10px;
}

/*--------------------------------*/
/* UserEditDataMergeListPreview   */
/* styles for the list preview    */

table.listPreviewTable 
{
   border: 1px solid #a4b8df;
   padding: 10px;
}

tr.listPreviewTableHeader 
{
background: #eeeeee;
font-size: 8;
font-weight: bold;
padding: 0 15px 2px 0;			  
}

tr.listPreviewRow {
}

tr.listPreviewAlternatingRow {
}



/* new add to cart button in steparea nextprev location */

td.areaGraphicCartStep,
td.areaGraphicCartStepRollover      {height: 15px; width: 20px; padding-top: 1px; padding-left:5px;}
td.areaGraphicCartStep div,
td.areaGraphicCartStepRollover div      { background: url(Images/cart_iconx2.gif) no-repeat; height: 13px; width: 20px; margin-bottom:3px; }
td.areaGraphicCartStepRollover div 	{ background-position:0px -13px;}
td.areaGraphicNextCartSeparatorLine { height: 15px; width:  50px; }
td.areaGraphicCancelStep div,
td.areaGraphicCancelStepRollover div      { background: url(Images/CartCancel.gif) no-repeat; height: 11px; width: 13px; margin-left:4px; margin-bottom:2px; }
td.areaGraphicCancelStepRollover div 	{ background-position:0px -11px;}
td.stepCart{ padding-right:2px;}
td.stepCancel{ padding-right:3px;}

/* new add to cart button in step content area */
div.CartButtons {
	float:right;
}

/* Price Estimate wrapping container */
td.priceHint {
	/*padding-left: 50px; */
	width:100%;
	vertical-align: top;
	position: relative;
	display: none;
}

#updateProgress {
  height: 32px;
  width: 32px;
  position: absolute;
  right: 330px;
  top: 0;
  text-indent: 32px;
  white-space: nowrap;
  overflow: hidden;
}

#updateProgress img {
	display: block;
}

/* Scroll Image list used in form fill kit parts */
div.scrollButton
{
    width:25px;
    height:84px;
    float:left;
    margin-top:3px;
}
div.scrollLeft
{
    background-image:url('./Images/scrollLeft.gif');
    margin-right:5px;
}
div.scrollRight
{
    background-image:url('./Images/scrollRight.gif');
    margin-left:5px;
}

div.scrollButton.hover
{
   background-position: 0px -84px;
}

div.scrollWrapper
{
    width:300px; 
    height:89px; 
    float:left; 
    overflow:hidden;
    border:1px solid #b7b7b7;
    position:relative; //IE 6 7 bug fix
}

div.scrollList
{
width:365px;
}
table.scrollData
{
   position:relative; left:0px;
}

table.scrollData td {
    width:50px;
    padding:0 2px;
}

table.scrollData img {   
 height: expression( this.scrollHeight > 79 ? "80px" : "auto" ); /* sets max-height for IE */
 max-height: 80px; /* sets max-height value for all standards-compliant browsers */
}

/*  Address Book Upload Download PopUps */
div.AddressBookPopUpArea
{
width:325px;
}


/* Address Book tiles */
div.AddressTile
{
    float:left;
    width:175px;
    height:115px;
    background-color:#F5F5F5;
    border-color:#838282;
    border-style:solid;
    border-width:1px;
    margin:10px;
    padding: 7px;
    overflow: auto;
}
div.AddressTileHeader
{
    font-weight:bold;
    margin-bottom:15px;
}
div.AddressTileDisplay
{
}

.user-reg td {
  vertical-align: top;
  padding: 0 20px 0 0;
}
#block-menu_block-1 {
    float: left;
    width: 250px;
}
ul.social {
    margin: 0;
    padding: 0;
}
ul.social li {
    float: left;
    list-style-type: none;
    margin: 0 10px 10px 0;
    padding: 0;
}
.region-page-closure {
}
#closure {
    clear: both;
    float: left;
    min-width: 1200px;
    padding: 20px 0 10px;
    width: 100%;
}
#closure p {
    color: #555;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    margin: 0;
    text-align: center;
    text-shadow: 0 1px 0 #E8ECE0;
}
#closure p a {
    color: #555;
}
#closure p a:hover {
    color: #A86733;
}

.site-top {
    background: url("Images/bg.jpg") repeat-x scroll left top #E7ECDE;
}

.site-top-inner {
    background: url("Images/bg-center.jpg") no-repeat scroll center top transparent;
    min-width: 1200px;
    text-align: center;
    width: 100%;
}

#page {
  margin: 0 auto;
  text-align: left;
  width: 1200px;
}

h2.element-invisible {
  display: none;
}

#navigation {
    height: 105px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%
}

#navigation ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

#navigation li {
    float: left;
    padding: 0;
    list-style-type: none;
}

#site-name h1 {
  margin: 0;
}

h1.title {
    color: #FFFFFF;
    float: right;
    font: 30px 'Montserrat', sans-serif;
    margin: 16px 0 0;
    text-align: right;
    text-shadow: 0 0 5px #25291D;
    width: 770px;
}

.file-prep-wrap {
  display: none;
}

a.file-prep {
  width: 300px;
  height: 50px;
  display: block;
  background: url("Images/fileprep.png") no-repeat left top;
  text-indent: -20000px;
  overflow: hidden;
}

a.file-prep:hover {
  background: url("Images/fileprep.png") no-repeat left -50px;
}

#highlight {
  position: relative;
}

ul.chat-button {
  margin: 0;
  padding: 0;
}

ul.chat-button li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sidebar {
  width: 220px;
  margin: 30px 30px 30px 0;
  color: #777;
  background: #eee;
  padding: 20px 20px;
  position: relative;
}

.sidebar h2 {
  margin: 0;
  color: #777;
  font-size: 24px;
}

.sidebar ul {
  margin: 10px 0 0;
  padding: 0;
}

.sidebar ul li {
  padding: 0 0 0 30px;
  margin: 0 0 5px;
  list-style-type: none;
  font-size: 18px;
  background: url(Images/folder.png) no-repeat left 2px;
}

.sidebar ul ul {
  margin: 0;
  padding: 0 0 0 15px;
}

.sidebar ul ul li {
  font-size: 18px;
  padding: 0 0 0 30px;
  background: url(Images/folder.png) no-repeat left 2px;
}

.sidebar ul ul.no-folder li {
  padding: 0 0 0 5px;
  background: none;
}

/*a#StepArea_ctl02 {
  font-size: 18px;
}*/

.dxpcContent_custom td {
  height: inherit!important;
  padding-bottom: 0!important;
  padding-top: 10px;
  vertical-align: top;
}

.dxpcContent_custom td.itemTable {
	padding-bottom: 10px!important;
}

.dxpcContent_custom td.itemTableHeader {
	padding: 10px!important;
}

#StepArea_ctl03_SEnterDiscount_SShoppingCart_tdFinance .itemTableSummaryLine {
  text-align: left;
  padding: 0 0 20px 0;
}

#StepArea_ctl03_SEnterDiscount_SShoppingCart {
  width: 100%;
}

.siteButtonBlock {
  width: 100%;
  float: left;
  clear: both;
}

.block .siteButtonBlock {
  clear: none;
  width: inherit;
}

.columns {
  width: 1140px;
  float: left;
  clear: both;
}

.column {
  float: left;
}

.column.left {
  width: 700px;
  margin: 0 50px 0 0;
}

.column.right {
  width: 300px;
}

.column.left .left, 
.colormode .left {
  width: 265px;
  float: left;
  margin: 0 50px 0 0;
}

.column.left .right, 
.colormode .right {
  width: 385px;
  float: left;
  margin: 0;
}

.colormode {
  width: 550px;
  float: left;
}

.download-area {
  width: 550px;
  float: left;
}

body.prep h2 {
  margin: 0 0 15px;
}

#previewPlaceholder {
  margin: 0 0 30px 0;
}

#previewPlaceholder .block {
  margin: 0;
  padding: 0;
}

.front-half-left, 
.front-half-right {
  width: 50%;
  float: left;
}

.front-half-left .front-half-inner {
  padding: 0 20px 0 0;
}

.front-half-right ul {
  padding: 0 0 0 20px;
}

.getting-started-links {
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 15px;
}

.order-now-link {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0 0;
}

.getting-started-links ul, 
.order-now-link ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  clear: both;
}

.getting-started-links ul li, 
.order-now-link ul li {
  margin: 0 20px 0 0;
  padding: 0;
  list-style-type: none;
  display: block;
  float: left;
}

.getting-started-links ul li:last-child, 
.order-now-link ul li:last-child {
  margin: 0;
}

.getting-started-links ul li a {
  margin: 0;
  padding: 0 20px 0 60px;
  height: 50px;
  line-height: 50px;
  display: block;
  /*width: 240px;*/
  width: 410px;
  background-color: #6F7953;
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-shadow: 0 1px 1px #2C321B;
  font-size: 25px;
  text-align: left;
}

.order-now-link ul li a {
  margin: 0;
  padding: 0 20px 0 60px;
  height: 50px;
  line-height: 35px;
  display: block;
  /*width: 240px;*/
  width: 410px;
  background-color: #6F7953;
  background-position: left top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-shadow: 0 1px 1px #2C321B;
  font-size: 25px;
  text-align: left;
}

.getting-started-links ul li a:hover {
  background-position: left -100px;
  background-color: #869265;
  text-shadow: 0 1px 1px #4D2F18;
}

.order-now-link ul li a:hover {
  background-position: left top;
  background-color: #869265;
  text-shadow: 0 1px 1px #2C321B;
}

.order-now-link ul li.main-order-now a {
  margin: 0;
  padding: 0 20px 0 60px;
  line-height: 35px;
  display: block;
  width: 410px;
  height: 50px;
  background-color: #A86733;
  background-position: left -100px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-shadow: 0 1px 1px #2C321B;
  font-size: 25px;
  text-align: left;
}

.order-now-link ul li.main-order-now a:hover {
  background-position: left top;
  background-color: #c3783e;
  text-shadow: 0 1px 1px #4D2F18;
}

.order-now-link ul li a span {
  display: block;
  font: 12px/0 "Trebuchet MS", "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
}

li.main-order-now a {
  background-image: url(Images/main-ordernow.png);
}

li.main-file-prep a {
  background-image: url(Images/main-fileprep.png);
}

li.main-learn-more a {
  background-image: url(Images/main-learnmore.png);
}

.features {
  overflow: hidden;
  position: absolute;
  left: 30px;
  top: 90px;
  width: 1140px;
  height: 300px;
  background: #fff;
  z-index: 0;
}

#features {
  overflow: hidden;
  width: 100%;
  background: #fff;
  z-index: 0;
}

.bjqs {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.bjqs li {
  position: absolute;
}

.features-inner {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: table;
  width: 100%;
}

.features-inner li {
  display: table-cell;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.features-inner li:last-child {
	border-right: none;
}

.features-inner li a, 
.features-inner li img {
  display: block;
}

div#_SModalPopupSEnterDiscount {
  overflow-x: hidden!important;
  overflow-y: auto!important;
  max-height: 400px!important;
}

.image-selector img {
  margin: 0 0 10px;
}

.image-selector.last img {
  margin: 0;
}

h3 span.expand {
  font-size: 10px;
}

#LinkButtonContinueAnyway_div {
  display: none;
}

div.Form_Header_ExtraSpaceAbove span {
  line-height: 18px;
}

div.shipping-notes {
  margin: 0 30px 30px;
}

div.shipping-note {
  background-color: #eee;
  margin: 0 0 20px;
	padding: 0 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

div.shipping-note::before {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40px auto;
	display: block;
	width: 40px;
	min-width: 40px;
	height: 40px;
	content: "";
	margin: 0 20px 0 0;
}

div.shipping-note.info::before {
	background-image: url(images/note-info.svg);
}

div.shipping-note.help::before {
  background-image: url(images/note-help.svg);
}

div.shipping-note.footnote::before {
  background-image: url(images/note-footnote.svg);
}

div.shipping-note h3 {
  margin: 0 0 5px;
  font-size: 20px;
}

div.shipping-note p {
  padding: 0 0 15px;
  margin: 0;
  font-size: 14px;
  line-height: 15px;
}

div.shipping-note-inner {
  padding: 15px 0 0;
}

.subStep .stepControlBlank, 
.subStep .stepControlBlankRollover, 
.subStep .stepControlBlankSelected {
  padding: 0 0 0 30px;
}

span.new {
  font: 10px 'Montserrat', sans-serif;
  color: #A86733;
  text-transform: uppercase;
}

a:hover span.new {
  color: #555;
}

.shoppingCart_OptionsColumnMask {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 5px;
}

.shoppingCart_OptionsColumnMask.order-page {
	padding: 0;
}

.itemTable-Options {
	padding: 5px 0 0 5px!important;
}

.itemTable-Options br {
	display: none;
}

.shoppingCart_OptionsColumnMask a, 
.itemTable-Options a.siteLink {
  display: flex;
  padding: 10px 15px 10px 10px;
  font-size: 14px;
  flex-flow: row nowrap;
  border-radius: 6px;
  background: #ddd;
  margin: 0 10px 10px 0;
  transition: all 200ms ease-in-out;
  justify-content: flex-start;
  align-items: center;
  line-height: 16px;
}

.itemTable-Options a.siteLink {
  margin: 0 5px 5px 0;
}

.shoppingCart_OptionsColumnMask a:hover, 
.itemTable-Options a.siteLink:hover {
  background: #ccc;
}

.shoppingCart_OptionsColumnMask br {
  display: none;
}

.shoppingCart_OptionsColumnMask a img {
  vertical-align: middle;
  height: 16px;
  display: block;
	margin-right: 5px;
}

div.header {
	height: 105px;
	background: rgba(46,52,60,0.75);
}

.header-inner {
	width: 1200px;
	height: 105px;
	margin: 0 auto;
}

#name-and-slogan {
	padding: 20px 0 0;
    float: left;
    margin: 0 0;
}

#name-and-slogan a {
	display: block;
	width: 170px;
	height: 65px;
	background: url(images/dl-logo-reverse-lsc.svg) no-repeat left top;
	text-indent: -20000px;
	overflow: hidden;
}

.header__site-name {
	margin: 0;
}

.region-bottom {
  clear: both;
  background: #ccc;
}

.region-bottom .block {
	text-align: center;
	/*color: #eee;*/
	padding: 30px 0;
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 16px;
	/*text-shadow: #2E343C 0 1px 2px;*/
}

.region-bottom .block a {
	color: #fff;
}

.region-bottom .block a:hover {
	border-bottom: 1px solid #a6ce39;
	color: #fff;
}

.creel-logo {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 0;
  padding-right: 0;
  border-left: 0 !important;
  border-right: 0 !important;
  word-wrap: break-word;
  /**behavior: url("/path/to/boxsizing.htc");*/
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}
#header::before,
#header::after,
#main::before,
#main::after,
#footer::before,
#footer::after {
  content: "";
  display: table;
}
#header::after,
#main::after,
#footer::after {
  clear: both;
}

#block-block-1 {
	float: right;
	padding: 35px 0 35px 14px;
}

ul.navigation-social {
	padding: 0;
	margin: 0;
	float: right;
}

ul.navigation-social li {
	padding: 0 0 0 6px!important;
	float: left!important;
	width: 35px;
	height: 35px;
	display: block;
}

ul.navigation-social li a {
	width: 35px;
	height: 35px;
	display: block;
	text-indent: 35px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

ul.navigation-social li a::after {
	width: 35px;
	height: 35px;
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	text-indent: 0;
	font: 33px/35px 'dlex-4';
	color: #eee;
	transition: all 0.5s ease;
}

ul.navigation-social li a:hover::after {
	color: #fff;
}

ul.navigation-social li a.facebook::after {content: "a";}
ul.navigation-social li a.twitter::after {content: "e";}
ul.navigation-social li a.google::after {content: "b";}
ul.navigation-social li a.rss::after {content: "u";}

.region-highlighted .block {
	margin-bottom: 0;
	width: 100%;
	/*float: left;*/
	clear: both;
}

.cutoff {
	height: 80px;
	overflow: hidden;
	position: fixed;
	right: 0;
  left: 300px;
	/*width: 100%;*/
	z-index: 1000;
	background: rgba(250, 250, 250, 0.9);
	color: #2E343C;
	box-sizing: border-box;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.cutoff-inner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	min-width: 930px;
}

.cutoff-text {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.cutoff-inner::before {
	font-family: "dlex-4";
	content: "k";
	width: 40px;
	height: 80px;
	font-size: 40px;
	line-height: 80px;
	text-align: center;
	margin-right: 20px;
}

.cutoff h3 {
	font-size: 30px;
	margin: 0;
	padding: 0;
	line-height: 30px;
	font-family: 'bebas_neuebold', sans-serif;
}

.cutoff p {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: justify;
	text-align-last: justify;
}

.cutoff.warn p {
	
}

.cutoff.warn {
	color: #f4a100;
}

.cutoff.warn .cutoff-inner::before {
	content: "j";
}

.cutoff.safe {
	color: rgba(0, 166, 81, 0.9);
}

.cutoff.safe .cutoff-inner::before {
	content: "q";
}

.cutoff.late {
}

ul.start-printing {
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	list-style-type: none;
}

ul.start-printing li {
	padding: 0;
	margin: 0;
}

ul.start-printing li a {
	display: block;
	height: 70px;
	line-height: 72px;
	padding: 0 60px 0 30px;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-position: right center;
	background-repeat: no-repeat;
	transition: all 0.2s ease;
	font-family: 'bebas_neuebook', sans-serif;
}

ul.start-printing li a::after {
  display: block;
  content: "l";
  font-family: "dlex-4";
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  text-transform: none;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  line-height: 27px;
  font-size: 16px;
  top: 20px;
  text-indent: 3px;
}

.warn ul.start-printing li a::after {
  border: 2px solid rgba(0,0,0,0.7);
}

.warn ul.start-printing li a {
	background-color: rgba(166,206,57,0.75);
	color: rgba(0,0,0,0.7);
}

.warn ul.start-printing li a:hover {
	background-color: rgba(166,206,57,1);
}

.safe ul.start-printing li a {
	background-color: rgba(0,138,122,0.75);
}

.safe ul.start-printing li a:hover {
	background-color: rgba(0,138,122,1);
}

.late ul.start-printing li a {
	background-color: rgba(46,52,60,0.75);
}

.late ul.start-printing li a:hover {
	background-color: rgba(46,52,60,1);
}

#block-block-2 {
	width: 100%;
	margin: 0;
	padding-bottom: 0;
	height: 80px;
}

div#footer {
	color: #525C61;
  background: #eee;
  padding: 30px 15px 20px;
  width: 1170px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}

div#footer .block {
	padding: 0 15px;
	margin: 0;
	width: 50%;
	box-sizing: border-box;
}

/* Footer Locations */

.block .view-locations-page h2 {
	padding: 0 0 0 30px!important;
}

.block .view-locations-page h2::after {
	display: block;
	content: "a";
	font-family: "dlex-4";
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	line-height: 28px;
	font-size: 20px;
	text-transform: none;
	left: 0;
	top: 0;
}

.block .view-locations-page h2.location-14::after {
	content: "w";
}

.block .view-locations-page h2.location-15::after {
	content: "x";
}

.block .view-locations-page h2.location-70::after {
	content: "i";
}

.block .view-locations-page p {
	padding: 0 0 0 30px;
  font-size: 14px!important;
}

.block .view-locations-page .view-content {
	justify-content: space-between;
	display: flex;
  flex-flow: row nowrap;
  align-content: flex-start;
}

div#footer .block h2 {
	margin: 0;
	padding: 0;
	font: 30px/30px 'bebas_neue_regularregular', sans-serif;
	position: relative;
}

div#footer .block  p {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 20px;
}

#block-block-5 h2, 
#block-block-6 h2 {
	padding: 0 0 0 30px!important;
}

#block-block-5 h2::after, 
#block-block-6 h2::after {
	display: block;
	content: "a";
	font-family: "dlex-4";
	width: 26px;
	height: 26px;
	box-sizing: border-box;
	position: absolute;
	text-align: center;
	line-height: 28px;
	font-size: 20px;
	text-transform: none;
	left: 0;
	top: 0;
}

#block-block-5 h2::after {
	content: "w";
}

#block-block-6 h2::after {
	content: "x";
}

#block-block-5 {
	width: 170px;
}

#block-block-5 h2::after {
	
}

#block-block-5 p, 
#block-block-6 p {
	padding: 0 0 0 30px;
	font-size: 14px!important;
}

#block-block-6 {
	width: 200px;
}

#block-block-4 {
	width: 440px;
}

#block-block-7 {
	width: 240px;
}

ul.phones-list {
	margin: 24px 0 10px;
	padding: 0 0 0 30px;
	list-style-type: none;
}

ul.phones-list li {
	padding: 0 0 0 24px;
	position: relative;
	font-size: 17px;
	line-height: 20px;
}

ul.phones-list li::before {
	display: block;
	content: "";
	font-family: "dlex-4";
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	text-transform: none;
	text-align: center;
	line-height: 22px;
	font-size: 16px;
	top: 0;
}

ul.phones-list li.phone::before {
	content: "p";
}

ul.phones-list li.fax::before {
	content: "v";
	font-size: 14px;
}

/* Second Footer */

.region-footer-second {
	padding: 30px;
	box-sizing: border-box;
	background: #ddd;
	margin: 0 auto;
	width: 1200px;
}

#block-block-7 {
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}

#block-block-7 h2.block-title {
	line-height: inherit;
	text-align: center;
	font-size: 27px;
	margin: 0;
	color: #525C61;
}

#block-block-7 p {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px;
}

.footer-outer {
	padding: 60px 0 30px;
}

.footer-inner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 85%;
	box-sizing: border-box;
	padding: 0 30px;
	margin: 0 auto;
}

.footer-item {
	margin: 0 20px 30px;
	max-width: 25%;
}

.footer-item.footer-about {
	max-width: 30%;
}

.footer-item.footer-locations {
	max-width: 35%;
}

.footer-item.footer-share {
	max-width: 15%;
}

.footer-item:first-of-type {
	margin-left: 0;
}

.footer-item:last-of-type {
	margin-right: 0;
}

.footer-location {
	margin: 0;
}

.footer-location-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.footer-outer .footer-location p {
	margin: 0 15px 5px 0;
	white-space: nowrap;
}

.footer-outer .footer-location ul {
	margin: 0 15px 15px 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
}

.phone-list span {
	display: inline-block;
	width: 100px;
}

.phone-list strong {
	letter-spacing: 1px;
	font-size: 10px;
	font-weight: 600;
	color: #aaa;
	text-transform: uppercase;
}

.footer-outer .footer-legal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-outer .footer-legal ul li {
	/*white-space: nowrap;*/
	margin: 0 0 15px;
}

.footer-outer h2 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #bbb;
	font-size: 30px;
  line-height: 26px;
}

.footer-outer h3 {
	margin: 0 0 5px;
	font: 600 14px/20px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
}

.footer-outer p {
	margin: 0 0 15px;
}

.footer-outer p, 
.footer-outer li {
	font-size: 14px;
	line-height: 20px;
}

ul.footer-social {
	padding: 0;
	margin: 15px auto 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
}

ul.footer-social li {
	padding: 0 10px 0 0;
	width: 40px;
	height: 40px;
	display: block;
}

ul.footer-social li:last-of-type {
	padding: 0;
}

ul.footer-social li a {
	width: 40px;
	height: 40px;
	display: block;
	text-indent: 40px;
	overflow: hidden;
  white-space: nowrap;
  position: relative;
}

ul.footer-social li a::after {
	width: 40px;
  height: 40px;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  text-indent: 0;
  font: 38px/40px 'dlex-4';
  transition: all 0.5s ease;
  color: rgba(46,52,60,0.75);
  transition: all 0.5s ease;
}

ul.footer-social li a:hover::after {
	color: rgba(46,52,60,1);
}

ul.footer-social li a.facebook::after {content: "a";}
ul.footer-social li a.twitter::after {content: "e";}
ul.footer-social li a.google::after {content: "b";}
ul.footer-social li a.rss::after {content: "u";}

/* Notice */

.notice {
  margin: 0 0 30px;
  padding: 20px 20px 15px;
}

.notice.bad-address {
	display: none;
	margin: 30px 30px 0;
}

.notice.bad-address-bottom {
	margin-bottom: 20px;
}

.notice.right {
  margin: 30px 0;
}

.notice.padded {
  margin: 30px 30px 15px;
}

.notice h2 {
  color: #fff;
  min-width: 200px;
  font-size: 20px;
  margin: 0 0 5px;
}

.notice p {
  color: #fff;
  font-size: 16px;
	line-height: 20px!important;
  margin: 5px 0 10px!important;
}

.notice a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.notice.info {
  padding: 20px 20px 15px 60px;
  background: url(images/info.svg) no-repeat 20px 20px;
  background-size: 30px auto;
}

.notice.warn {
  padding: 20px 20px 15px 60px;
  background: url(images/warn.svg) no-repeat 20px 20px;
  background-size: 30px auto;
}

.notice.info h2, 
.notice.warn h2 {
  height: 30px;
  line-height: 30px;
}

.notice.blue {
  background-color: #234d7f;
  border: 5px solid #3a83c9;
}

.notice.gold {
  background-color: #D2691E;
  border: 5px solid #F4A460;
}

.notice.red {
  background-color: #7f2c1e;
  border: 5px solid #ca3720;
}

.notice.upload {
  background-color: #7f2c1e!important;
  border: 5px solid #ca3720!important;
  padding: 20px 20px 20px 60px!important;
  background-image: url(images/warn.png)!important;
  background-position: 20px 20px!important;
  background-repeat: no-repeat!important;
  text-align: left!important;
  margin: 10px 0 20px!important;
  font-size: 16px;
}

strong.holiday-notice {
	color: #ca3720;
	font-weight: bold;
	display: none;
}

body.holiday strong.holiday-notice {
	display: inline;
}

.site-notice {
	background-color: #234d7f!important;
	border: 5px solid #3a83c9!important;
	box-sizing: border-box;
	max-height: 200px!important;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

td.area .site-notice {
	margin: 30px 0!important;
}

div.site-notice-main .site-notice {
	margin: 30px 30px 0!important;
	width: auto!important;
}

.site-notice.warn {
	background-color: #D2691E !important;
  border: 5px solid #F4A460 !important;
}

.site-notice.red, 
.site-notice.holiday {
	background-color: #7f2c1e!important;
  border: 5px solid #ca3720!important;
	display: none;
}

body.holiday .site-notice.red, 
body.holiday .site-notice.holiday {
	display: block;
}

.site-notice-wrap {
	width: auto!important;
	margin: 0!important;
	box-shadow: none!important;
	background: none!important;
  max-height: inherit!important;
}

.site-notice-inner {
	border: none!important;
	padding: 10px 20px!important;
}

.site-notice-icon {
	padding: 0 0 0 60px!important;
	background: url(images/info.svg) no-repeat left center!important;
	background-size: 40px auto!important;
	min-height: 40px!important;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.site-notice.warn .site-notice-icon {
	background: url(images/warn.svg) no-repeat left center!important;
	background-size: 40px auto!important;
}

.site-notice.red .site-notice-icon, 
.site-notice.holiday .site-notice-icon {
	background: url(images/error.svg) no-repeat left center!important;
	background-size: 40px auto!important;
}

.site-notice p {
	color: #fff!important;
	font-size: 16px!important;
	margin: 0 0 20px!important;
	text-shadow: none!important;
}

.site-notice p:last-of-type {
	margin: 0!important;
}

.site-notice a {
	color: #fafafa;
	text-decoration: underline;
}

.paper-graph {
  margin: 0 0 30px 0;
  width: 290px;
}

h2.category-header {
  font-size: 30px;
  text-transform: uppercase;
  color: #008a7a;
  margin: 0;
}

p.category-description {
  color: #008a7a;
  margin: 0 0 20px;
  font-size: 16px;
}

td#StepArea_tblStepControlsSidebar {
  display: none;
}

.shipping-group {
  border: 2px solid #ccc;
  padding: 20px 20px 0;
  margin: 0 0 20px;
  display: inline-block;
}

.shipping-group h3 {
  font-size: 30px;
  margin: 0;
  font-family: 'bebas_neue_regularregular';
}

.shipping-group p {
  margin: 0 0 20px;
}

.payment-columns {
  border-collapse: collapse;
  border: none;
}

#divPayment .payment-columns {
  border-collapse: collapse;
  border: none;
	width: 100%;
}

#divPayment .payment-columns td {
	padding: 0;
}

#divPayment .payment-columns tr.Form_Header {
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  background: #eee;
}

#divPayment .payment-columns tr.Form_Header td {
  font-size: 18px;
  padding: 5px 10px;
}

#divPayment .payment-columns tr td:first-child {
  font-weight: bold;
}

#divPayment .payment-columns #LABEL_691 {
  width: 200px;
}

.payment-columns p.Form_Header {
  font: 28px/28px 'bebas_neuebook', sans-serif;
  padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.payment-columns p.Form_Header::after {
  /*width: 100%;
  height: 3px;
  display: block;
  content: "";
  margin: 10px 0 0;
  background: #008a7a;
  background: -moz-linear-gradient(left, #008a7a 0%, #a6ce39 100%);
  background: -webkit-linear-gradient(left, #008a7a 0%,#a6ce39 100%);
  background: linear-gradient(to right, #008a7a 0%,#a6ce39 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008a7a', endColorstr='#a6ce39',GradientType=1 );*/
}

.payment-columns td {
  vertical-align: top;
}

.payment-columns td.payment-column-spacer {
  width: 40px;
}

.orderSummaryCell .payment-columns {
	margin-top: 15px;
}

#divPayment .orderSummaryCell .payment-columns tr.payment-columns-row td tr {
	display: table-row!important;
}

tr.payment-columns-row {
	display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 30px;
}

#divPayment .orderSummaryCell .payment-columns tr td.Form_Header {
	padding: 5px 10px!important;
}

#divPayment .orderSummaryCell .payment-columns tr.payment-columns-row td tr td {
	padding: 0 10px;
}

#divPayment .orderSummaryCell .payment-columns tr td:first-child {
  font-weight: normal;
}

#divPayment .orderSummaryCell .payment-columns tr.Form_Header_ExtraSpaceAbove td.Form_Header_ExtraSpaceAbove:first-child {
  font-weight: bold;
}

#divPayment .orderSummaryCell .payment-columns tr.Form_Tip td.Form_Tip {
  padding: 0 10px;
	font-style: italic;
}

#divPayment .orderSummaryCell .payment-columns div.cc-wrapper {
  display: none;
}

#divShipping_0 .orderSummaryCell td {
  width: auto;
  white-space: nowrap;
  padding: 0 20px 0 0;
}

#divShipping_0 .orderSummaryCell td:last-child {
	width: 100%;
}

#divPayment .orderSummaryCell .payment-columns td.personal-info, 
#divPayment .orderSummaryCell .payment-columns td.billing-address, 
#divPayment .orderSummaryCell .payment-columns td.payment-release, 
#divPayment .orderSummaryCell .payment-columns td.payment-info {
	display: table;
	width: 100%;
}

.payment-columns td.payment-column-spacer.spacer3 {
	width: auto;
	min-width: 40px;
}

.payment-columns td.personal-info, 
.payment-columns td.billing-address, 
.payment-columns td.payment-release {
	width: 220px;
}

.payment-columns td.payment-info {
	width: 370px;
}

h2.vouchfor {
  color: #008a7a;
  margin: 0;
}

/*Live Chat*/

/*#livechat-compact-container {
  box-shadow: 0 0 10px #000;
  height: 37px!important;
  background: #eee!important;
}

#livechat-full {
  box-shadow: 0 0 10px #000;
}

#livechat-compact-container iframe {
  top: 0px!important;
}*/

/*Welcome Page*/

.welcome-page {
  width: 100%;
  position: relative;
}

.welcome-page-inner {
  padding: 50px 0 0;
}

ul.highlights, 
ul.popular-products {
  margin: 0 0 50px;
  padding: 0;
  list-style-type: none;
}

ul.highlights {
  text-align: center;
  margin: 30px 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: stretch;
}

ul.highlights li div.primary {
	display: flex;
	flex-flow: row nowrap;
	text-align: left;
	justify-content: center;
}

ul.highlights li div.primary p {
	text-align: right!important;
	line-height: 20px;
}

ul.highlights li div.primary p a {
	margin: 0 0 0 20px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	white-space: nowrap;
	transition: all 200ms ease-in-out;
}

ul.highlights li div.primary p a::after {
	display: block;
	content: "l";
	font-family: "dlex-4";
	font-weight: normal;
	text-transform: none;
	line-height: 25px;
	font-size: 16px;
	text-align: center;
	margin: 0 0 0 10px;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	box-sizing: border-box;
	border: 3px solid #008A7A;
	transition: all 200ms ease-in-out;
	text-indent: 3px;
}

ul.highlights li div.primary p a:hover::after {;
	border: 3px solid #a6ce39;
}

ul.highlights li {
  margin: 0;
  padding: 20px 30px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
	background: #eee;
	width: 100%;
}

ul.highlights li div.primary ul li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
	background: none;
	width: auto;
	text-align: left;
	list-style-type: disc;
}

ul.highlights li p {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
	margin: 0;
}

ul.highlights li.first {
  margin: 0 30px 0 0;
}

ul.highlights li.last {
  margin: 0 0 0 30px;
}

ul.highlights li img {
  margin: 0 auto;
  display: block;
  height: 60px;
}

ul.highlights li h2 {
  display: block;
  /*border-bottom: 2px solid #a6ce39;*/
  text-transform: uppercase;
  font: 30px/45px 'bebas_neue_regularregular', sans-serif;
  font-weight: 300;
  height: 50px;
  margin: 0 0 10px;
  /*color: #008a7a;*/
}

h2.title {
  text-transform: uppercase;
  font: 300 35px/28px 'bebas_neue_regularregular', sans-serif;
  padding: 0;
  margin: 0 0 30px;
}

h2.title::after {
  margin: 10px 0 0;
}

ul.popular-products li {
  margin: 0 25px 0 0;
  display: inline-block;
  width: 360px;
  height: 200px;
  vertical-align: top;
  background-position: left top;
  background-repeat: no-repeat;
}

ul.popular-products li.third {
  margin: 0;
}

ul.popular-products li a {
  margin: 0;
  padding: 20px;
  display: block;
  width: 320px;
  height: 160px;
  text-align: left;
  vertical-align: top;
  background-position: left top;
  background-repeat: no-repeat;
  color: #525C61;
  font: 40px/30px 'bebas_neue_regularregular', sans-serif;
}

ul.popular-products li a span {
  display: block;
  color: #525C61;
  font: 18px/20px 'Montserrat', sans-serif;
  font-weight: 300;
  margin: 8px 0 0;
}

ul.popular-products li a span strong {
  display: block;
  line-height: 28px;
  color: #525C61;
  font-size: 28px;
  font-weight: normal;
}

ul.popular-products li.business-cards {
  background-image: url(../../../CategoryThumbnails/businesscards-new-2017.jpg);
}

ul.popular-products li.flat-cards {
  background-image: url(../../../CategoryThumbnails/flatcards-new-2017.jpg);
}

ul.popular-products li.brochures {
  background-image: url(../../../CategoryThumbnails/brochures-new-2017.jpg);
}

ul.customersupport li a:hover {
  /*background-color: #a6ce39;*/
	color: #fff;
}

.support-bar {
  margin: 0;
  padding: 20px 0;
  position: relative;
	text-align: left;
}

.support-bar ul.customersupport {
  margin: 0 30px;
  padding: 0;
  list-style-type: none;
  position: relative;
}

.support-bar ul.customersupport li {
  margin: 0 0 10px;
  padding: 0;
}

.support-bar ul.customersupport li:last-of-type {
  margin: 0;
}

.support-bar ul.customersupport li a {
  padding: 0 10px 0 50px;
	height: 40px;
  position: relative;
	display: block;
  color: #eee;
	font: 300 16px/40px 'Montserrat', sans-serif;
  text-transform: uppercase;
	transition: all 200ms ease-in-out;
}

.support-bar ul.customersupport li a::before {
  display: block;
  content: "";
  font-family: "dlex-4";
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  text-transform: none;
  text-align: center;
  border: 2px solid #008a7a;
	background: rgba(30, 34, 39, 0.4);
	box-sizing: border-box;
  border-radius: 50%;
  line-height: 36px;
  font-size: 16px;
	transition: all 200ms ease-in-out;
}

.support-bar ul.customersupport li a:hover::before {
  border: 2px solid #a6ce39;
	background: rgba(30, 34, 39, 0.7);
}

li.email a::before {
  content: "H"!important;
}

li.chat a::before {
  content: "h"!important;
}

li.phone a::before {
  content: "p"!important;
  line-height: 38px!important;
}

.support-bar h2 {
  height: 24px;
  font-size: 30px;
  line-height: 24px;
  color: #eee;
  margin: 0 30px 20px;
	letter-spacing: 1px;
	font-family: 'bebas_neuelight';
}

/*Quick Links Menu*/

.quick-links-menu {
  position: absolute;
  height: 30px;
  overflow: hidden;
  right: 30px;
  top: 30px;
  transition: max-height 20s;
  -moz-transition: max-height 20s;
  -webkit-transition: max-height 10s;
  z-index: 2;
	display: none!important;
}

.quick-links-menu:hover {
  height: auto;
  max-height: 10000px;
  overflow: visible;
}

.quick-links-menu a.all-products {
  text-transform: uppercase;
  height: 30px;
  display: block;
  line-height: 32px;
  float: right;
  clear: both;
  padding: 0 10px 0 40px;
  font-weight: 400;
  font-style: normal;
  font-family: 'Montserrat';
  color: #525C61;
  font-size: 16px;
  position: relative;
}

.quick-links-menu:hover a.all-products {
  height: 40px;
}

.quick-links-menu a.all-products::before {
  display: block;
  content: "n";
  font-family: "dlex-4";
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  text-transform: none;
  text-align: center;
  border: 2px solid #008a7a;
  border-radius: 50%;
  line-height: 27px;
  font-size: 16px;
  color: #525C61;
}

.quick-links-menu:hover a.all-products::before {
  border: 2px solid #a6ce39;
}

.quick-links-menu ul {
  padding: 20px 20px 15px;
  margin: 40px 0 0;
  border-top: 5px solid #a6ce39;
  background: #eee;
  list-style-type: none;
  clear: both;
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-gap: 20px;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}

.quick-links-menu ul li {
  height: 30px;
  font-size: 18px;
  line-height: 18px;
}

.quick-links-menu ul li a {
  color: #525C61;
}

.quick-links-menu:hover a.all-products {
  background-color: #a6ce39;
}

/* Paper Selection Styles */

.paper-wrap {
  white-space: nowrap;
}

#fffPrintingOptions_InputFields .paper-wrap {
	display: none;
}

#fffPrintingOptions_InputFields #ROW_128 {
	display: table-row!important;
}

#fffPrintingOptions_InputFields #ROW_128 td {
	display: table-cell!important;
}

.paper-wrap-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.paper-column {
  vertical-align: top;
  padding: 0;
  margin: 5px 10px 5px 0;
	flex-grow: 2;
  background: #eee;
}

.paper-column h3, 
.paper-column h4 {
  margin: 0;
  line-height: 110%;
  font-family: 'Montserrat';
  z-index: 1;
}

.paper-column h3 {
  padding: 5px 10px;
  margin: 0 0 8px 0;
  /*background: #fff;*/
  border-bottom: 1px solid #ccc;
}

.paper-column h4 {
  padding: 0 10px;
}

.paper-column ul {
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
}

.paper-column ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
	display: none;
}

.paper-column ul li.available {
	display: block;
}

.paper-tip {
  transform-style: preserve-3d;
	position: relative;
	cursor: help;
}

.paper-tip::before {
  position: relative;
  opacity: 1;
	color: #bbb;
	/*z-index: 1;*/
	width: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
}

.paper-tip::after {
  background: rgba(46, 51, 59, 0.9);
  text-transform: none;
  position: absolute;
  padding: 10px 13px;
  margin: 0 0 0 5px;
  /*box-shadow: 0 1px 5px rgba(0,0,0,0.25);*/
  opacity: 0;
  visibility: hidden;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  white-space: normal;
  transition: opacity 0.25s;
  font-family: 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
}

.paper-tip:hover::after {
  opacity: 1;
  visibility: visible;
  width: 200px;
}

.paper-tip:hover {
	z-index: 1000;
}

.gloss::after {
  content: "Smooth polished stock with a light sheen.";
}

.cover-weight::after {
  content: "Heavy card stock best suited for business cards and post cards.";
}

.text-weight::after {
  content: "Lighter stock best suited for flyers and books.";
}

.specialty::after {
  content: "Deluxe papers that range from pearlescent to craft.";
}

.matte::after {
  content: "Rougher stock, not as polished as gloss.";
}

.uncoated::after {
  content: "Very rough texture, due to a lack of coating this paper cannot be UV coated.";
}

.linenfelt::after {
  content: "Linen has a similar texture to the textile of the same name.";
}

.stoplite::after {
  content: "Authentic playing card stock, completely opaque, preventing card faces from showing through when held up to light.";
}

.cotton::after {
  content: "150# Cotton Cover calipers to .015, however it is not a dense paper which means it is not rigid. Our 130# cover stocks feel more rigid than the Cotton Cover.";
}

.synthetic::after {
  content: "Waterproof (Must be UV Coated to be fully waterproof).";
}

.polyart::after {
  content: "Waterproof (Must be UV Coated to be fully waterproof). Less rigid than standard 14mil Synthetic.";
}

.paper-tip.label::after {
  content: "Labels are kiss-cut products delivered on a sheet, not individually cut stickers.";
}

#StepArea_PanelNewShipping {
  float: left;
  position: relative;
  z-index: 100;
}

table.shipping-columns {
  margin: 0;
}

table.shipping-columns tr td {
  vertical-align: top;
}

table.shipping-columns tr td.shipping-columns-spacer {
  padding-left: 30px;
}

#StepArea_UpdatePanel1 {
  position: relative;
	width: 100%;
}

#divPaymentStatus {
  padding-bottom: 0;
}

#divPaymentStatus p {
  margin: 0;
}

.userAddressLabel {
  background: #eee;
  padding: 15px 20px;
  margin: 0 0 30px;
}

div.block table {
	width: 100%;
}

div#DivDDL.block table {
	width: auto!important;
}

div#DivDDL.block table div.siteButton {
	margin: 0 0 0 10px;
}

div.block table#priceSummary {
	width: auto!important;
}

#DIV_934 {
	clear: both;
}

/*td.orderSummaryCell table tr td:nth-child(odd) {
	width: 25%;
	font-weight: bold;
}

td.orderSummaryCell table tr td:nth-child(even) {
	width: 75%;
	font-weight: normal;
}*/

td.orderSummaryCell .shipping-group {
	border: none!important;
	padding: 0!important;
	margin: 0!important;
	display: block;
}

/* Shipping Icons */

#DIV_85 table tr, 
#DIV_85 table tr td {
	width: auto!important;
	white-space: nowrap;
}

td.ship-option {
	padding: 0 0 2px 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

td.ship-option input {
	margin-left: -20px;
}

.ship-option span img {
	display: inline-block;
	height: 16px;
	margin: 0 5px;
	vertical-align: middle;
}

tr.ship-fedex .ship-option span img {
	height: 10px;
	margin-right: 3px;
}

tr.ship-usps .ship-option span img {
	height: 12px;
}

.ship-option-base {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.ship-time {
	font-size: 10px;
  background: #fafafa;
  padding: 2px 8px;
  margin: 0;
  border-radius: 60px;
  white-space: nowrap;
  height: 16px;
  box-sizing: border-box;
  line-height: 12px!important;
  border: 1px solid #ddd;
  text-transform: uppercase;
  display: block;
}

.ship-price {
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	white-space: nowrap;
	margin-right: 5px;
	display: block;
}

/* LSC Notice */

.highlighted {
	margin: 0;
	width: 100%;
}

#block-block-10 {
	padding: 0;
}

.lsc-notice {
	background: #eee;
	box-sizing: border-box;
	width: 100%;
	position: relative;
}

.lsc-notice-inner {
	box-sizing: border-box;
	padding: 130px 30px 30px;
	margin: 0 auto;
	width: 80%;
	text-align: center;
	background: url('images/lsc-logo.svg') no-repeat center 20px;
  background-size: auto 80px;
}

.lsc-notice h3 {
	margin: 0;
	font: 22px/26px "Montserrat", sans-serif;
	font-weight: 500;
}

.lsc-notice h3 a {
	color: #5b6770;
}

.lsc-notice h3 a:hover {
	color: #da6d00;
}

.lsc-notice p {
	margin: 0;
}

/* LSC Notice Close Icon */

.dismiss-notice {
	border: none;
  padding: 0 20px 0 0;
  background: none;
  margin: 0;
  height: 16px;
  border-radius: 0;
  text-transform: uppercase;
  color: #819199;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 10px;
  text-align: right;
  text-shadow: none;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  opacity: 0;
  text-indent: -200px;
  transition: all 300ms ease-in-out;
  transition-delay: 1000ms;
}

.lsc-notice:hover .dismiss-notice {
	opacity: 1;
	letter-spacing: 1px;
}

.dismiss-notice:hover {
	color: #525C61;
	transition-delay: 0ms;
}

.dismiss-notice::before, 
.dismiss-notice::after {
	background: #819199;
	transform: rotate(0deg);
	display: block;
	content: "";
	width: 14px;
	height: 2px;
	position: absolute;
	right: 0;
	top: 6px;
	transition: all 300ms ease-in-out;
	transition-delay: 1000ms;
}

.dismiss-notice:hover::before, 
.dismiss-notice:hover::after {
	background: #525C61;
	transition-delay: 0ms;
}

.lsc-notice:hover .dismiss-notice::before {
	transform: rotate(45deg);
}

.lsc-notice:hover .dismiss-notice::after {
	transform: rotate(-45deg);
}

/* Free Item */

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.free-option {
	position: relative;
}

.free-option::after {
	color: #008a7a;
	content: "FREE!";
	padding: 0 10px;
	margin-top: -4px;
	font-size: 18px;
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	position: absolute;
}

body.profile-page #ReadOnlyFields_InputFields {
	margin: 10px 0 20px;
}

body.profile-page #ReadOnlyFields_InputFields table tr td {
	vertical-align: top;
	font-size: 14px;
	line-height: 16px;
	padding: 10px 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

body.profile-page #ReadOnlyFields_InputFields table tr td:first-child {
	text-transform: uppercase;
	font-weight: bold;
	width: 1px;
	white-space: nowrap;
	background: #eee;
}

div.Form_Header, 
div.Form_Subhead, 
div.Form_Subhead_Indent, 
div.Form_Subhead_Indent2, 
div.Form_Tip, 
div.Form_Tip_Indent, 
div.Form_Tip_Indent2, 
div.Form_Normal, 
div.Form_Normal_Indent, 
div.Form_Normal_Indent2 {
	margin-top: 10px;
}

div.Form_Header p, 
div.Form_Subhead p, 
div.Form_Subhead_Indent p, 
div.Form_Subhead_Indent2 p, 
div.Form_Tip p, 
div.Form_Tip_Indent p, 
div.Form_Tip_Indent2 p, 
div.Form_Normal p, 
div.Form_Normal_Indent p, 
div.Form_Normal_Indent2 p {
	margin: 0;
}

p.Form_Header, 
p.Form_Subhead, 
p.Form_Subhead_Indent, 
p.Form_Subhead_Indent2, 
p.Form_Tip, 
p.Form_Tip_Indent, 
p.Form_Tip_Indent2, 
p.Form_Normal, 
p.Form_Normal_Indent, 
p.Form_Normal_Indent2 {
	margin: 0;
}

DIV.Form_Header, 
DIV.Form_Header P, 
DIV.Form_Header_ExtraSpaceAbove, 
DIV.Form_Header_ExtraSpaceAbove P {
	font-weight: normal;
}

p.Form_Header, 
p.Form_Header_ExtraSpaceAbove {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold!important;
}

/* Dynamic Thumbnails */

.thumb {
	display: block;
	position: relative;
	overflow: hidden;
	background: #008A7A;
	width: 50px;
	height: 50px;
	margin: 0 auto 10px;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	transition: all 200ms ease-in-out;
}

.thumb img.catalogThumbnail {
	display: block!important;
	width: 100%;
	height: auto;
}

.template .thumb {
	background: none;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

a:hover .thumb {
	transform: scale(1.05) rotate(5deg);
}

#catalogContainerThumbnails.new-thumb-wrap div.catalogItemOuter img {
	display: none;
}

#catalogContainerThumbnails.new-thumb-wrap div.catalogItemOuter img {
	display: none;
}

#catalogContainerThumbnails.new-thumb-wrap td.catalogItemOuter {
	display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  height: 100%;
}

#catalogContainerThumbnails.new-thumb-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
}

#catalogContainerThumbnails.new-thumb-wrap table.catalogFooterArea {
	margin-bottom: 0!important;
}

div.catalogItemOuter table {
	height: 100%;
}

div.catalogItemOuter table table {
	height: auto;
}

#catalogContainerThumbnails.new-thumb-wrap div.catalogItemFooter {
  min-width: auto;
}

div.thumb-text {
	text-align: center;
}

.smallcaps {
	text-transform: uppercase;
	font-size: 10px;
	color: #819199;
	line-height: 12px;
}

.smallcaps div {
	text-transform: none;
	font-size: 14px;
	line-height: 24px;
  color: #363636;
}

div.thumb.bi-fold {
	display: block;
	position: relative;
	overflow: visible;
	padding: 0!important;
	list-style: none;
	perspective-origin: 0 50% 0;
	perspective: 800px;
	-webkit-transform: translate3d(0,0,0);
}

div.thumb.bi-fold div {
	margin: 0!important;
	padding: 0!important;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #008A7A;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	transform-origin: 0 50% 0;
	transform-style: preserve-3d;
	transition: all .5s cubic-bezier(0.25,1,.25,1);
}

div.thumb.bi-fold div.thumb-cover {
	z-index: 2 !important;
	display: block;
	transform: rotateY(-15deg) skewY(5deg) scaleX(0.9) translateZ(0px);
}

div.thumb.bi-fold div.thumb-back {
	display: block;
	background: #A6CE39;
	transform: rotateY(0deg) translateZ(0px);
}

div.thumb.bi-fold.book div.thumb-back {
	transform: rotateY(0deg) translateZ(0px);
	z-index: -1;
}

a:hover div.thumb.bi-fold div.thumb-cover {
	transform: rotateY(-40deg) skewY(15deg) scaleX(0.9);
}

div.thumb.tri-fold {
	display: block;
	position: relative;
	overflow: visible;
	padding: 0!important;
	list-style: none;
	perspective-origin: 0 50% 0;
	perspective: 800px;
	-webkit-transform: translate3d(0,0,0);
}

div.thumb.tri-fold div {
	margin: 0!important;
	padding: 0!important;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #008A7A;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	transform-origin: left center;
	transform-style: preserve-3d;
	transition: all .5s cubic-bezier(0.25,1,.25,1);
}

div.thumb.tri-fold div.thumb-cover {
	z-index: 2 !important;
	display: block;
	transform: rotateY(-15deg) skewY(5deg) scaleX(0.9) translateZ(0);
}

a:hover div.thumb.tri-fold div.thumb-cover {
	transform: rotateY(-120deg) skewY(10deg) scaleX(0.9) translateZ(-1px);
	background: #A6CE39;
}

a div.thumb.tri-fold div.thumb-cover::before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0);
	transition: all .5s cubic-bezier(0.25,1,.25,1);
}

a:hover div.thumb.tri-fold div.thumb-cover::before {
	background: rgba(0,0,0,0.15);
}

div.thumb.tri-fold div.thumb-inside {
	z-index: 1 !important;
	display: block;
	transform-origin: right center;
	background: #008A7A;
	transform: rotateY(0deg) skewY(0deg) scaleX(1) translateZ(0px);
}

div.thumb.tri-fold div.thumb-inside::before {
	display: block;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.25);
	transition: all .5s cubic-bezier(0.25,1,.25,1);
}

a:hover div.thumb.tri-fold div.thumb-inside {
	transform: rotateY(-40deg) skewY(-15deg) scaleX(0.9);
	background: #008A7A;
}

a:hover div.thumb.tri-fold div.thumb-inside::before {
	background: rgba(0,0,0,0);
}

div.thumb.tri-fold div.thumb-back {
	display: block;
	background: #A6CE39;
	transform: rotateY(0deg) translateZ(0px);
}

div.thumb.bi-fold div.page1, 
div.thumb.bi-fold div.page2 {
	background: #A6CE39;
}

div.thumb.bi-fold div.page1::before, 
div.thumb.bi-fold div.page2::before, 
div.thumb.bi-fold.book div.thumb-back::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

div.thumb.bi-fold div.page1 {
	transform: rotateY(15deg) skewY(5deg) scaleX(0.97);
	z-index: 1;
}

div.thumb.bi-fold div.page2 {
	transform: rotateY(10deg) skewY(2.5deg) scaleX(0.99);
	z-index: 0;
}

div.thumb.bi-fold div.page1::before {
	background: rgba(0,0,0,0);
}

div.thumb.bi-fold div.page2::before {
	background: rgba(0,0,0,0.1);
}

div.thumb.bi-fold.book div.thumb-back::before {
	background: rgba(0,0,0,0.2);
}

a:hover div.thumb.bi-fold.book div.thumb-cover {
	transform: rotateY(-25deg) skewY(15deg) scaleX(0.9);
}

a:hover div.thumb.bi-fold div.page1 {
transform: rotateY(-20deg) skewY(10deg) scaleX(0.94);
}

a:hover div.thumb.bi-fold div.page2 {
transform: rotateY(-15deg) skewY(5deg) scaleX(0.98);
}

div.thumb.door-hanger {
	overflow: hidden;
}

.dh-hole {
	position: absolute;
	background: #fff;
	width: 12px;
	height: 12px;
	left: 50%;
	top: 10px;
	margin-left: -6px;
	border-radius: 50%;
}

.dh-cutout {
	position: absolute;
	background: #fff;
	width: 1px;
	height: 20px;
	transform: rotate(26deg);
	right: 0px;
	top: -14px;
}

div.thumb.round {
	border-radius: 50%;
}

.drill-hole {
	background: #fff;
	position: absolute;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	top: 3px;
	left: 50%;
	margin-left: -1px;
}

.square-tag {
	border-radius: 3px;
}

.square-tag .drill-hole {
	top: 3px;
	left: 3px;
	margin-left: 0;
}

div.thumb.gift-tag {
	background: transparent;
	box-shadow: none;
	position: relative;
}

div.thumb.gift-tag::before, 
div.thumb.gift-tag::after {
	background: #008A7A;
	content: "";
	display: block;
	position: absolute;
}

div.thumb.gift-tag::before {
  width: 60%;
  border-radius: 50%;
  top: 0;
  left: 20%;
  padding-top: 60%;
}

div.thumb.gift-tag::after {
	width: 100%;
	height: 85%;
	border-radius: 3px;
	bottom: 0;
}

.gift-tag .drill-hole {
	left: -1px;
  margin-left: 50%;
  z-index: 10;
}

div.thumb.angled {
  background: #008A7A;
  clip-path: polygon(25% 0%, 75% 0%, 100% 15%, 100% 100%, 0 100%, 0 15%);
  border-radius: 0;
}

.angled .drill-hole {
  top: 4px;
  left: -1px;
  margin-left: 50%;
}

div.thumb.heart {
	background: transparent;
	box-shadow: none;
}

div.thumb.heart .heart-round-left, 
div.thumb.heart .heart-round-right, 
div.thumb.heart .heart-point {
	width: 50%;
	height: 50%;
	border-radius: 50% 50% 0 0;
	position: absolute;
	background: #008A7A;
	top: 10%;
}

div.thumb.heart .heart-round-left {
	left: 0;
	transform: rotate(-45deg);
}

div.thumb.heart .heart-round-right {
	right: 0;
	transform: rotate(45deg);
}

div.thumb.heart .heart-point {
	bottom: 5%;
	border-radius: 0;
	transform: rotate(-45deg);
	top: inherit;
	transform-origin: bottom left;
	left: 50%;
}

div.thumb.labels {
	height: auto;
	width: fit-content;
	justify-content: start;
	display: grid;
	grid-template-columns: auto auto;
  grid-template-rows: auto auto;
	padding: 2px;
}

div.thumb.round.labels {
	border-radius: 0;
}

div.thumb.labels .label {
	background: #008A7A;
	margin: 2px;
	border-radius: 2px;
	border-right: 1px solid #A6CE39;
	border-bottom: 1px solid #A6CE39;
	box-sizing: border-box;
}

div.thumb.round.labels .label {
	border-radius: 50%;
}

div.thumb.komodo {
	overflow: visible;
}

div.thumb.komodo .komodo-layer-1, 
div.thumb.komodo .komodo-layer-2, 
div.thumb.komodo .komodo-layer-3, 
div.thumb.komodo .komodo-layer-4 {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #008A7A;
}

div.thumb.komodo .komodo-layer-1 {
	z-index: 4;
	left: 0;
	top: 0;
}

div.thumb.komodo .komodo-layer-2 {
	z-index: 3;
	left: 1px;
	top: 1px;
}

div.thumb.komodo .komodo-layer-3 {
	z-index: 2;
	left: 2px;
	top: 2px;
	background: #A6CE39;
}

div.thumb.komodo .komodo-layer-4 {
	z-index: 1;
	left: 3px;
	top: 3px;
}

div.thumb.komodo .komodo-layer-2::before, 
div.thumb.komodo .komodo-layer-4::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.15);
}

div.thumb.bi-fold.pocket div.thumb-back::before {
	width: 100%;
	height: 35px;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	background: #eee;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
}

div.thumb.envelope {
	overflow: visible;
}

div.thumb.envelope::before {
	position: absolute;
  width: 100%;
  height: 40%;
  left: 0;
  top: 0;
  content: "";
  background: rgba(0,0,0,0.25);
  transform-origin: center top;
  clip-path: polygon(5% 0, 95% 0, 90% 100%, 10% 100%);
}

div.thumb.envelope.pointed::before {
  height: 50%;
  clip-path: polygon(0 0, 10% 10%, 50% 100%, 90% 10%, 100% 0);
}

div.thumb.envelope.pointed.numberten::before {
  height: 20%;
  clip-path: polygon(0 0, 100% 0, 66% 100%, 33% 100%);
}

div.thumb.envelope div.envelope-flap {
	display: block;
	transform: rotateX(180deg);
	width: 100%;
	transform-style: preserve-3d;
	transition: all .5s cubic-bezier(0.25,1,.25,1);
	position: absolute;
	left: 0;
	top: -100%;
	transform-origin: center bottom;
}

div.thumb.envelope div.envelope-flap::before {
	display: block;
	content: "";
	width: 100%;
	height: 50%;
	background: #A6CE39;
	transform-style: preserve-3d;
	position: absolute;
	right: 0;
	bottom: -2px;
	clip-path: polygon(5% 0, 95% 0%, 100% 100%, 0% 100%);
}

div.thumb.envelope.pointed div.envelope-flap::before {
	height: 60%;
	bottom: 0;
	clip-path: polygon(50% 0, 5% 75%, 0 100%, 100% 100%, 95% 75%);
}

div.thumb.envelope.pointed.numberten div.envelope-flap::before {
	height: 40%;
	bottom: 0;
	clip-path: polygon(52% 0, 48% 0, 6% 40%, 3% 55%, 0 100%, 100% 100%, 97% 55%, 94% 40%, 52% 0%);
}

a:hover div.thumb.envelope div.envelope-flap {
	transform: rotateX(0deg);
}

a:hover div.thumb.envelope div.envelope-flap::before {
	bottom: 0;
}

div.thumb.liner {
	overflow: visible;
}

div.liner-top {
	position: absolute;
	top: -20px;
	height: 20px;
	width: 100%;
	background: #008A7A;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.1);
	clip-path: polygon(5% 0, 95% 0%, 100% 100%, 0% 100%);
}

div.thumb.envelope.pointed div.liner-top {
	height: 60%;
	clip-path: polygon(50% 0, 5% 75%, 0 100%, 100% 100%, 95% 75%);
}

div.thumb.envelope.pointed.numberten div.liner-top {
	height: 40%;
	clip-path: polygon(52% 0, 48% 0, 6% 40%, 3% 55%, 0 100%, 100% 100%, 97% 55%, 94% 40%, 52% 0%);
}

a:hover div.liner-top {
	top: -19.5px;
}

div.thumb.magnet {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

div.thumb.direct-mail .dm-address {
	position: absolute;
	width: 20px;
	height: 6px;
	left: 50%;
	top: 50%;
	margin: -3px 0 0 -10px;
}

div.thumb.direct-mail .dm-return {
	left: 5px;
	top: 5px;
	margin: 0;
}

div.thumb.direct-mail .dm-address::before, 
div.thumb.direct-mail .dm-address::after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	left: 0;
	background: #A6CE39;
}

div.thumb.direct-mail .dm-address::after {
	width: 80%;
	bottom: 0;
}

div.thumb.direct-mail .dm-indicia {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 10px;
	height: 6px;
	background: #A6CE39;
}

div.thumb.data-purchase {
	box-sizing: border-box;
	padding: 5px;
}

div.thumb.data-purchase .data-row {
	box-sizing: border-box;
	height: 20%;
	border: 1px solid #A6CE39;
	border-bottom: none;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

div.thumb.data-purchase .data-row:last-of-type {
	border-bottom: 1px solid #A6CE39;
}

div.thumb.data-purchase .data-row::before, 
div.thumb.data-purchase .data-row::after {
	display: block;
	width: 32%;
	height: 100%;
	content: "";
	border-right: 1px solid #A6CE39;
}

div.thumb.playing-cards {
	background: none;
	position: relative;
	overflow: visible;
	box-shadow: none;
}

div.thumb.playing-cards .card {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #eee;
	border-radius: 2px;
}

div.thumb.playing-cards .card.card-front {
	left: -5px;
	transition: all 200ms ease-in-out;
}

a:hover div.thumb.playing-cards .card.card-front {
	transform: rotate(-10deg);
}

.corner-ace-1, 
.corner-ace-2 {
	position: absolute;
	width: 7px;
	height: 12px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

.corner-ace-1 {
	left: 0;
	top: 0;
}

.corner-ace-2 {
	right: 0;
	bottom: 0;
	transform: rotate(180deg);
}

.corner-ace-1::before, 
.corner-ace-2::before {
	content: "A";
  color: crimson;
  width: 7px;
  height: 6px;
  font-size: 6px;
  font: 500 5px/7px 'Montserrat', sans-serif;
  text-align: center;
  margin: 0 0 1px;
}

.corner-ace-1::after, 
.corner-ace-2::after {
	content: "";
  background: crimson;
  width: 3px;
  height: 3px;
  transform: rotate(45deg);
}

.center-ace {
	content: "";
	background: crimson;
	position: absolute;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
}

div.thumb.playing-cards .card {
	box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}

div.thumb.playing-cards .card.card-back {
	background: #008A7A;
	right: -5px;
	top: -10px;
}

div.thumb.playing-cards .card.card-back::before {
	border: 1px solid #A6CE39;
	border-radius: 1px;
	right: 2px;
	top: 2px;
	left: 2px;
	bottom: 2px;
	position: absolute;
	content: "";
}

/* Notepad Thumbs */

div.thumb.note-pad {
	border-top: 2px solid #A6CE39;
	overflow: visible;
	box-sizing: border-box;
}

div.thumb .note-pad-right {
	background: #008A7A;
	width: 5px;
	height: 100%;
	position: absolute;
	right: -5px;
	top: -2px;
  border-top: 2px solid #A6CE39;
  transform: skewY(45deg);
  transform-origin: left top;
}

div.thumb .note-pad-bottom {
	background: #008A7A;
	width: 100%;
	height: 5px;
	position: absolute;
	left: 0;
	bottom: -5px;
  transform: skewX(45deg);
  transform-origin: left top;
}

div.thumb .note-pad-right::before, 
div.thumb .note-pad-bottom::before {
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	display: block;
}

div.thumb .note-pad-bottom::before {
	background: rgba(0,0,0,0.5);
}

/* Outsource Categories */

.outsource {
	display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.outsource-image {
	height: 500px;
	width: 375px;
	margin: 0 30px 0 0;
}

.outsource-image img {
	height: 500px;
	width: auto;
	display: block;
}

.outsource-inner {
	
}

.outsource h1 {
	margin: 0 0 30px;
	font-size: 40px;
	line-height: 30px;
	font-family: 'bebas_neuebook', sans-serif;
}

.outsource p {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 35px;
}

.full-width {
	width: 100%;
}

.printing-sidebar {
	width: 300px;
}

.printing-sidebar .notice:first-of-type {
	margin-top: 0;
}

/* Hero Banner */

.hero-banner {
	background: url(images/hero-banner-referral.jpg) no-repeat center center;
	background-size: cover;
	height: 300px;
	margin: 0 0 30px;
	overflow: hidden;
	color: rgba(46, 51, 59, 0.8);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: flex-end;
}

.hero-banner.alt {
	background: url(images/hero-banner-referral-3.svg) no-repeat center center;
	background-size: cover;
	box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
	align-items: center;
}

.hero-banner.split {
	background: none;
	box-shadow: none;
	height: 400px;
}

.hero-banner-inner {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	/*padding: 30px 50px;*/
	padding: 0;
	height: 100%;
	max-width: 60%;
	box-sizing: border-box;
}

.hero-banner.split .hero-banner-inner {
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	max-width: 100%;
}

.hero-banner.split .hero-banner-inner .hero-banner-re-open, 
.hero-banner.split .hero-banner-inner .hero-banner-menus, 
.hero-banner.split .hero-banner-inner .hero-banner-liners {
	width: 49%;
	height: 100%;
	box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
}

.hero-banner.split .hero-banner-inner .hero-banner-re-open {
	background-image: url(images/hero-banner-re-open.svg);
}

.hero-banner.split .hero-banner-inner .hero-banner-menus {
	background-image: url(images/hero-banner-menu.svg);
}

.hero-banner.split .hero-banner-inner .hero-banner-liners {
	background-image: url(images/hero-banner-envelope-liners.jpg);
}

.hero-banner-inner h2 {
	font: 600 30px/25px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 0 0 20px;
	color: rgba(46, 51, 59, 0.8);
	/*text-shadow: 0 1px 0 rgba(255,255,225,0.4);*/
}

.hero-banner-inner p {
	text-align: right;
}

.hero-banner-inner p, 
.hero-banner-inner li {
	font: 400 16px/26px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	color: rgba(46, 51, 59, 0.8);
	/*text-shadow: 0 1px 0 rgba(255,255,225,0.4);*/
}

.hero-banner-inner ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	list-style-type: none;
	border-left: 2px solid rgba(46, 51, 59, 0.8);
}

.hero-banner-inner img {
	height: 70px;
	width: auto;
	display: block;
	display: block;
	margin: 0 0 25px;
	opacity: 0.8;
}

.hero-banner-details {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

/* Features */

.feature-wrap {
	padding: 0 0 30px;
	margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
}

.feature-inner {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 30px;
	padding: 20px 0;
}

.feature {
	/*margin: 0 25px;*/
	text-align: center;
}

.feature.first {
	/*margin: 0 25px 0 0;*/
}

.feature.last {
	/*margin: 0 0 0 25px;*/
}

.feature img {
	height: 50px;
	width: auto;
	margin: 0 0 10px;
}

.feature h2 {
	margin: 0 0 10px;
	font: 600 16px/14px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #2E343C;
}

.feature p {
	margin: 0;
	font: 300 14px/22px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	color: #2E343C;
}

/* Primary Catalog */

.primary-catalog {
	margin: 0 0 10px;
}

.primary-catalog-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.primary-catalog-inner::after {
	/*content: "";
  flex: auto;*/
}

.primary-category {
	background: #eee;
	box-shadow: inset 0px 0 90px rgba(0,0,0,0.15);
	height: 180px;
  margin: 0 0.5% 20px!important;
  width: 24%!important;
	transition: all 200ms ease-in-out;
	position: relative;
	overflow: hidden;
}

/*.primary-category:nth-child(1), 
.primary-category:nth-child(2), 
.primary-category:nth-child(3) {
	width: 32%!important;
}

.primary-category:nth-child(1) .cat-desc, 
.primary-category:nth-child(2) .cat-desc, 
.primary-category:nth-child(3) .cat-desc {
	width: 70%;
}

.primary-category:nth-child(12), 
.primary-category:nth-child(13), 
.primary-category:nth-child(14), 
.primary-category:nth-child(15), 
.primary-category:nth-child(16), 
.primary-category:nth-child(17), 
.primary-category:nth-child(18), 
.primary-category:nth-child(19), 
.primary-category:nth-child(20) {
	width: 19%!important;
}*/

.primary-category:hover {
	background: #fafafa;
}

.primary-category .catalogFolder a {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.primary-category a.catalogFolderFooter {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.primary-category img {
	display: none;
}

.primary-category .thumb-text-wrap {
	display: block;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 18px;
	transition: all 200ms ease-in-out;
}

.primary-category .thumb-text {
	font: 600 16px/18px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 200ms ease-in-out;
	color: #525C61;
}

.primary-category .cat-desc {
	text-align: left;
	display: block;
	font: 300 12px/16px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	transition: all 200ms ease-in-out;
	color: #819199;
	width: 45%;
	margin: 5px 0;
}

.primary-category .cat-desc strong {
	display: block;
	font: 500 10px/16px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 0 0;
	color: #525C61;
}

.primary-category .cat-desc strong span {
	display: block;
	font: 22px/22px 'bebas_neue_regularregular', Arial, Helvetica, Geneva, sans-serif;
	
}

.primary-category a.catalogFolderFooter:hover .thumb-text-wrap {
	display: block;
	position: absolute;
	left: 18px;
	right: 22px;
	top: 16px;
}

.primary-category a.catalogFolderFooter:hover .thumb-text {
	/*letter-spacing: 2px;*/
}

.primary-category .thumb-wrap {
	position: absolute;
	right: 20px;
	bottom: -10px;
}

.primary-category .thumb {
	width: 50px;
	height: 50px;
	margin: 0;
	transform: scale(2)!important;
	transform-origin: right bottom;
}

.primary-category a:hover .thumb {
	transform: scale(2.15) rotate(2deg)!important;
	transform-origin: right bottom;
}

.primary-category .thumb.flat-cards, 
.primary-category .thumb.direct-mail {
	width: 70px;
	height: 50px;
}

.primary-category .thumb.komodo {
	width: 50px;
	height: 70px;
}

.primary-category .thumb.square-cards {
	width: 60px;
	height: 60px;
}

.primary-category .thumb.bi-fold {
	width: 40px;
	height: 60px;
}

.primary-category .thumb.tri-fold {
	width: 40px;
	height: 70px;
}

.primary-category .thumb.flyer {
	width: 60px;
	height: 70px;
}

.primary-category .thumb.bands {
	width: 20px;
	height: 80px;
}

.primary-category .thumb.envelope {
  width: 80px;
  height: 35px;
}

.primary-category .thumb .label {
  width: 20px;
  height: 20px;
}

.primary-category .thumb.magnet {
  width: 50px;
  height: 70px;
}

.primary-category .thumb.door-hanger {
  width: 35px;
  height: 70px;
}

.primary-category .thumb.door-hanger .dh-hole, 
.primary-category .thumb.door-hanger .dh-cutout {
  background: #eee;
	transition: all 200ms ease-in-out;
}

.primary-category .thumb.framed {
  width: 60px;
  height: 70px;
	box-sizing: border-box;
	border: 5px solid #A6CE39;
	position: relative;
	overflow: visible;
}

.primary-category .thumb.framed::before, 
.primary-category .thumb.framed::after {
  width: 60px;
  height: 70px;
	position: absolute;
	content: "";
	display: block;
	box-sizing: border-box;
}

.primary-category .thumb.framed::before {
	border: 1px inset #A6CE39;
	width: 52px;
	height: 62px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
}

.primary-category .thumb.framed::after {
	border: 1px outset #A6CE39;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
}

.primary-category .thumb .envelope-flap {
	height: 35px;
}

.primary-category div.thumb.komodo .komodo-layer-2, 
.primary-category div.thumb.komodo .komodo-layer-3, 
.primary-category div.thumb.komodo .komodo-layer-4 {
	top: 0;
}

.primary-category div.thumb.komodo .komodo-layer-2 {
	left: -1px;
	right: inherit;
}

.primary-category div.thumb.komodo .komodo-layer-3 {
	left: -2px;
	right: inherit;
}

.primary-category div.thumb.komodo .komodo-layer-4 {
	left: -3px;
	right: inherit;
}

.primary-category .thumb.business-cards {
	width: 35px;
	height: 20px;
	transform: scale(4)!important;
}

.primary-category a:hover .thumb.business-cards {
	width: 35px;
	height: 20px;
	transform: scale(4.15) rotate(2deg)!important;
}

.primary-category .thumb.playing-cards {
  width: 25px;
  height: 35px;
	transform: scale(3)!important;
	margin: 0 15px 0 0;
}

.primary-category div.thumb.playing-cards .card.card-front {
  background: #fafafa;
	box-shadow: none;
}

.primary-category a:hover .thumb.playing-cards {
	transform: scale(3.15) rotate(2deg)!important;
}

.primary-category a:hover .thumb.playing-cards .card.card-front {
	transform: rotate(-4deg)!important;
}

.primary-category .thumb.banners {
	width: 40px;
	height: 70px;
	position: relative;
}

.primary-category .thumb.banners .grommet {
	width: 4px;
	height: 4px;
	border-radius: 2px;
	box-sizing: border-box;
	border: 1px solid #A6CE39;
	background: #eee;
	position: absolute;
}

.primary-category .thumb.banners .grommet.grommet-1 {
	left: 2px;
	top: 2px;
}

.primary-category .thumb.banners .grommet.grommet-2 {
	right: 2px;
	top: 2px;
}

.primary-category .thumb.banners .grommet.grommet-3 {
	right: 2px;
	bottom: 50%;
	margin-bottom: -2px;
}

.primary-category .thumb.banners .grommet.grommet-4 {
	left: 2px;
	bottom: 50%;
	margin-bottom: -2px;
}

/* Secondary Catalog */

.secondary-catalog {
	margin: 0 0 30px;
}

.secondary-catalog-toggle {
	background: #eee;
	font: 600 20px/20px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	padding: 15px;
	margin: 0;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #525C61;
	cursor: pointer;
}

.secondary-catalog-toggle span {
	display: inline-block;
	padding: 0 30px;
	position: relative;
}

.secondary-catalog-toggle span .toggle-icon {
	display: block;
	position: absolute;
	padding: 0;
	top: 0;
}

.secondary-catalog-toggle span .toggle-icon:first-of-type {
	left: 0;
}

.secondary-catalog-toggle span .toggle-icon:last-of-type {
	right: 0;
}

.secondary-catalog-toggle span .toggle-icon::before {
	content: "n";
	display: block;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	color: #525C61;
	text-align: center;
	font: 20px/20px "dlex-4";
	text-transform: none;
	transition: transform 200ms ease-in-out;
}

.secondary-catalog-toggle span .toggle-icon::before {
	
}

.catalog-open .secondary-catalog-toggle span .toggle-icon::before {
	transform: rotate(180deg);
}

.catalog-open .secondary-catalog-toggle span .toggle-icon:last-of-type::before {
	transform: rotate(-180deg);
}

.secondary-catalog-inner {
	background: #fafafa;
}

.secondary-catalog div.catalogFolderOuter {
	height: 160px!important;
}

/* Sidebar Toggle */

.sidebar-toggle-close, 
.sidebar-toggle-open {
	
}

.sidebar-toggles {
	display: none;
}

/* Credit Card UI */

.cc-wrapper {
	margin: 20px 0 40px;
	position: relative;
	width: 370px;
}

.cc-inner {
	padding: 0 30px 30px 0;
}

.cc-shape {
	width: 340px;
	height: 220px;
	border-radius: 8px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	background: #eee;
}

.cc-shape DIV.Form_Header_ExtraSpaceAbove {
	margin: 0!important;
}

.cc-shape DIV.Form_Header_ExtraSpaceAbove input {
	width: 100%!important;
	box-sizing: border-box;
	border-radius: 5px;
}

.cc-cvv .Form_Header_ExtraSpaceAbove, 
.cc-name .Form_Header_ExtraSpaceAbove, 
.cc-month .Form_Header_ExtraSpaceAbove, 
.cc-year .Form_Header_ExtraSpaceAbove, 
.cc-type-hidden {
	display: none;
}

.Form_Header_ExtraSpaceAbove.override {
	display: block!important;
}

.cc-month select {
	width: 50px!important;
}

.cc-year select {
	width: 60px!important;
}

.cc-front {
	position: relative;
	padding: 20px;
	z-index: 1;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
}

.cc-back {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
	border: 1px solid #ccc;
	background: #ddd;
}

.cc-stripe {
	height: 45px;
	background: #bbb;
	margin: 30px 0 0;
}

.cc-number-cvv, 
.cc-name-date, 
.cc-row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: stretch;
}

.cc-number-cvv, 
.cc-name-date {
	margin: 20px 0 0;
}

.cc-row {
	margin: 5px 0 0;
}

.cc-number {
	width: 75%;
	margin: 0 20px 0 0;
}

.cc-name {
	margin: 0 20px 0 0;
}

.cc-cvv {
	width: 25%;
}

.cc-type ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.cc-type ul li {
	list-style-type: none;
	margin: 0 10px 0 0;
}

.cc-type ul li input, 
.cc-type ul li label {
	display: block;
	width: 60px;
	height: 44px;
}

.cc-type ul li label {
	position: relative;
}

.cc-type ul li input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.cc-type ul li label span {
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: .25;
	display: block;
	width: 60px;
	height: 44px;
	text-indent: 60px;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
}

.cc-type ul li.cc-visa label span {
	background-image: url(images/cc-visa.svg);
}

.cc-type ul li.cc-mastercard label span {
	background-image: url(images/cc-mastercard.svg);
}

.cc-type ul li.cc-amex label span {
	background-image: url(images/cc-amex.svg);
}

.cc-type ul li input[type="radio"]:checked + span {
	opacity: 1;
}

#StepArea_ctl02_div, 
#StepArea_LinkButtonCancelCheckout_div {
	display: block;
	float: none!important;
	margin: 0 0 0;
	clear: both;
}

#StepArea_divSubTotal {
	padding: 0!important;
	margin: 0 0 30px;
	clear: both;
	text-align: right;
}

#StepArea_divSubTotal table {
	width: auto;
	margin: 0 0 10px;
}

div.block.priceEstimateWrap {
	display: inline-block;
}

/* HubSpot Form */

.hbspt-form {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	background: #fff;
	z-index: 99999;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: stretch;
	padding: 30px;
	box-sizing: border-box;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transform: translateX(300px);
	transition: all 200ms ease-in-out;
}

body.feedback-active .hbspt-form {
	transform: translateX(0);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

.feedback-wrap {
	position: fixed;
	right: 299px;
	top: 0;
	bottom: 0;
	width: 53px;
	z-index: 9999;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	transform: translateX(300px);
	transition: all 200ms ease-in-out;
}

body.feedback-active .feedback-wrap {
	transform: translateX(0);
}

body::before {
	opacity: 0;
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #2e343c;
	z-index: -9999;
	transition: opacity 200ms ease-in-out;
}

body.sidebar-active::before, 
body.feedback-active::before {
	opacity: .75;
	z-index: 9999;
}

.feedback-tab {
	transform: rotate(-90deg);
	height: 53px;
}

.feedback-tab a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6ce39+0,008a7a+100 */
	/*background: #a6ce39; /* Old browsers *!/
	background: -moz-linear-gradient(top, #a6ce39 0%, #008a7a 100%); /* FF3.6-15 *!/
	background: -webkit-linear-gradient(top, #a6ce39 0%,#008a7a 100%); /* Chrome10-25,Safari5.1-6 *!/
	background: linear-gradient(to bottom, #a6ce39 0%,#008a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce39', endColorstr='#008a7a',GradientType=0 ); /* IE6-9 *!/*/
	background: #2e343c;
	text-align: center;
	text-transform: uppercase;
	display: block;
	height: 53px;
	padding: 0 20px;
	font-size: 30px;
	line-height: 50px;
	cursor: pointer;
	color: #fff;
	font-family: 'bebas_neue_regularregular', sans-serif;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	box-sizing: border-box;
	border-top: 3px solid #a6ce39;
}

body.feedback-active .feedback-tab a {
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

body.beta-active .beta-wrap {
	transform: translateX(0);
}

body.beta-active .hbspt-form {
	transform: translateX(0);
	box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

.beta-wrap {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}

.beta-wrap .beta-tab a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6ce39+0,008a7a+100 */
	background: #a6ce39; /* Old browsers */
	background: -moz-linear-gradient(top, #a6ce39 0%, #008a7a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a6ce39 0%,#008a7a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a6ce39 0%,#008a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce39', endColorstr='#008a7a',GradientType=0 ); /* IE6-9 */
	text-align: center;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
  padding: 60px 0 20px;
  transform: rotate(45deg) translateX(90px) translateY(-120px);
  transform-origin: center center;
  width: 400px;
  line-height: 20px;
  font-size: 16px;
	cursor: pointer;
}

/* Loading Overlay */

.loading {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(46, 51, 59, 0.75);
	z-index: 99999;
}

.loading-wrap {
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.loading-left, 
.loading-right {
	text-transform: uppercase;
	font-weight: 300;
	margin: 0;
	padding: 0 10px;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	letter-spacing: 2px;
	box-sizing: border-box;
	float: left;
	color: #fff;
}

.loading-left {
  text-align: right;
}

.loading-right {
	text-align: left;
}

.loading-ring-wrap {
	width: 60px;
	height: 60px;
	float: left;
	position: relative;
}

.loading-ring-wrap.active::before {
	background: #a6ce39;
}

.loading-ring {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.07);
  border-right: 5px solid rgba(255, 255, 255, 0.07);
  border-bottom: 5px solid rgba(255, 255, 255, 0.07);
  border-left: 5px solid #a6ce39;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loading-ring,
.loading-ring:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

@-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);
  }
}

/* Cart Contents */

.cart-count {
	border: 2px solid #008a7a;
	border-radius: 13px;
  background: rgba(30, 34, 39, 0.4);
  display: inline-block;
	box-sizing: border-box;
	margin: 0 0 0 10px;
	padding: 0 5px;
  min-width: 26px;
  height: 26px;
	font-weight: 500;
  font-size: 14px;
  line-height: 23px;
	text-align: center;
	text-indent: 1px;
}

a.navBarButtonSelected .cart-count {
	border-color: #a6ce39;
	background: rgba(30, 34, 39, 0);
}

/* Library Filter */

div.block.with-filter {
	margin: 0 0 10px;
}

div.block.with-filter div.siteButton {
	float: right!important;
	margin: 0 0 10px 10px;
}

div.asset-search {
	position: relative;
	float: left;
	width: 35%;
	margin: 0 10px 10px 0;
}

div.asset-search::after {
  display: block;
  content: "g";
  font-family: "dlex-4";
  width: 34px;
  height: 34px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  text-transform: none;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
	color: #888;
}

div.asset-search input#assetSearch {
  color: #888;
  box-sizing: border-box;
  background: #fafafa;
	border: 2px solid #eee;
	font-size: 14px;
	line-height: 14px;
	height: 34px;
  margin: 0;
  padding: 6px 12px 8px 32px;
  clear: both;
  display: block;
  border-radius: 20px;
  width: 100%;
	transition: all 200ms ease-in-out;
}

div.asset-search input#assetSearch::placeholder {
  color: #aaa;
}

div.asset-search input#assetSearch:active, 
div.asset-search input#assetSearch:focus {
  border-color: #a6ce39;
	-webkit-outline: none;
	outline: none;
}

/* Library Tweaks */

#AssetDataList {
	display: none;
}

.asset-filter-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
	grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.asset-item {
	width: 100%;
	height: 100%;
	transition: all 200ms ease-in-out;
	background: #eee;
	border: 2px solid #eee;
}

.asset-item img.assetThumbnail {
	border: 1px solid #ddd;
	display: block;
}

.asset-item td.assetThumbnailWithOptions {
	padding: 10px 0;
	width: 100%;
	height: 100px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.asset-item td.assetOptions {
	padding: 0 5px 8px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
}

.asset-item td.assetCaption {
	padding: 0 10px 10px;
	box-sizing: border-box;
	width: 100%;
	display: block;
}

.asset-item span.assetCaption {
	text-align: center;
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
}

.asset-item span.assetCaption br {
	display: none;
}

.asset-item td.assetOptions, 
.asset-item td.assetThumbnailWithOptions, 
.asset-item td.assetCaption {
	background: none;
}

.asset-item:hover {
	background: #fafafa;
	border-color: #eee;
	z-index: 100;
}

.asset-item td.assetOptions p {
  margin: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: flex-start;
}

.asset-item td.assetOptions p br {
  display: none;
}

.asset-item td.assetOptions p a {
  display: block;
	padding: 5px 10px 5px 25px;
	margin: 2px;
	height: 15px;
	border-radius: 4px;
	font-size: 10px;
	line-height: 15px;
	background: #ddd;
	position: relative;
	transition: all 200ms ease-in-out;
}

.asset-item td.assetOptions p a:hover {
	background: #ccc;
}

.asset-item a.siteLink::before {
	display: block;
	content: "";
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 0;
	font-family: dlex-4;
	text-transform: none;
	text-align: center;
  line-height: 25px;
  font-size: 12px;
}

.asset-item a.siteLink.asset-hide::before { content: "E"; }
.asset-item a.siteLink.asset-rename::before { content: "C"; }
.asset-item a.siteLink.asset-download::before { content: "F"; }
.asset-item a.siteLink.asset-restore::before { content: "D"; }
.asset-item a.siteLink.asset-delete::before { content: "G"; }

/* Site Updates */

.site-updates {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}

.site-updates article {
	background: #f7f7f7;
	padding: 30px;
}

.site-updates article h1 {
	margin: 0;
	font-size: 36px;
	line-height: 30px;
}

.site-updates article p.date {
	margin: 0 0 15px;
	padding: 0 0 15px;
	font-size: 16px;
	line-height: 16px;
	color: #819199;
	border-bottom: 1px solid #ddd;
}

.site-updates article section {
	margin: 0 0 20px;
}

.site-updates article section:last-of-type {
	margin: 0;
}

.site-updates article section h2 {
	margin: 0 0 5px;
	font: 600 14px/14px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 2px;
}

.site-updates article section ul {
	margin: 0;
	padding: 0 0 0 18px;
}

.site-updates article section ul li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
}

.siteUpdates span {
	display: block;
	text-transform: uppercase;
	text-align: center;
	text-shadow:
	   -1px -1px 0 #2E343C,  
	    1px -1px 0 #2E343C,
	   -1px 1px 0 #2E343C,
	    1px 1px 0 #2E343C;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	color: #A6CE39;
	margin: 0 0 0 10px;
}

/* PDF Preview Page */

#UpdatePanel1 {
	display: flex;
  flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  text-align: center;
}

/* Selection */

::selection {
  background: rgba(165, 205, 57, 0.6); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(165, 205, 57, 0.6); /* Gecko Browsers */
}

/* Search Page */

td.catalogItemLandingPageLink, 
td.catalogItemLandingPageLink-l, 
td.catalogItemLandingPageLink-r {
	display: none;
}

/* Feature Tour */

.tourToggle {
	margin: 0 30px 20px!important;
}

.introjs-helperLayer {
	background-color: transparent!important;
	box-sizing: border-box;
	border: 3px solid #fff;
}

/* File Prep Page */

.instruction-wrap.file-prep {
	width: 100%;
	column-count: 4;
  column-gap: 30px;
}

.instruction-wrap.file-prep p {
	margin-top: 0;
}

.instruction-wrap.file-prep .instruction-content {
	background: #f7f7f7;
}

.instruction-wrap.file-prep h3.instruction {
	width: 100%;
	box-sizing: border-box;
}

.instruction-wrap.file-prep .instruction-group {
	margin: 0 0 30px;
	-webkit-column-break-inside: avoid;
}

.instruction-wrap.file-prep .instruction-content {
	display: block!important;
}

.instruction-wrap.file-prep h3.instruction.last {
	border-bottom: 1px solid #ccc;
}

/* UV Note */

.uv-note {
	text-transform: none;
	background-color: #eee;
	border: 1px solid #ccc;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0 0 5px;
}

.uv-note strong {
	font-weight: bold;
}

/* Paper Note */

.paper-note {
	max-width: 200px;
  white-space: normal;
  margin: 0 0 0 15px;
  box-sizing: border-box;
  padding: 6px 10px;
  background: #ddd;
  line-height: 120%;
  font-size: 10px;
  border: 1px solid #ccc;
}

.paper-note.tsbc {
  display: none;
}

/* Option Note */

.option-note {
	display: block;
	margin: 0 0 7px 15px;
	padding: 5px 10px;
	background: #eee;
	border: 1px solid #ccc;
}

/* Komodo */

.komodo-wrap p {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 20px;
}

.komodo-wrap h3 {
	text-align: center;
	font-size: 24px;
	padding: 10px;
	margin: 0 0 20px;
	color: crimson;
	border: 2px solid crimson;
}

.komodo-image {
	margin: 0 auto;
	text-align: center;
}

.komodo-image .caption {
	font-size: 12px;
	text-transform: uppercase;
	color: #819199;
}

/* Data Notices */

.data-notices {
	padding: 0 30px;
}

/* Rich Text Field */

div.cke_textarea_inline {
	border: 1px solid #ccc!important;
	background: #ddd;
	font-size: 14px;
  padding: 6px 8px!important;
	margin-right: 3px;
}

@media screen and (max-width: 1700px) {
	.primary-category .cat-desc {
		width: 50%;
	}
	
	.primary-category .thumb {
		transform: scale(1.5)!important;
	}
	
	.primary-category a:hover .thumb {
		transform: scale(1.65) rotate(2deg)!important;
	}
	
	.primary-category .thumb.business-cards {
		transform: scale(3)!important;
	}
	
	.primary-category a:hover .thumb.business-cards {
		transform: scale(3.15) rotate(2deg)!important;
	}
	
	.primary-category .thumb.playing-cards {
		transform: scale(2)!important;
	}
	
	.primary-category a:hover .thumb.playing-cards {
		transform: scale(2.15) rotate(2deg)!important;
	}
	
	.primary-category .thumb-wrap {
		bottom: -5px;
	}
	
	.payment-columns tr {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	
	.payment-columns tr.payment-columns-row {
		display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr;
	  grid-column-gap: 30px;
	}
	
	.payment-columns td {
		display: block;
	}
	
	.payment-columns tr.payment-columns-row td {
		display: table-cell;
	}
	
	.payment-columns td.spacer-4 {
		display: none;
	}
	
	.payment-columns td.payment-release {
		width: 100%!important;
	}
	
	.instruction-wrap.file-prep {
		column-count: 3;
	}
	
	.hero-banner.split {
		height: 300px;
	}
}

@media screen and (max-width: 1600px) {
	.payment-columns td.payment-column-spacer {
		width: 20px;
	}
	
	.support-bar {
		margin: 0;
		padding: 0;
	}
	
	a.navBarButton, 
	a.navBarButtonSelected {
		height: 40px;
		line-height: 40px;
	}
	
	td.navBarCell {
		height: 40px;
	}
	
	td.navBarLeft {
		margin: 20px 0;
	}
	
	.tourToggle {
		margin-bottom: 10px!important;
	}
	
	div.navBarMessage {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 1500px) {
	.primary-category .cat-desc {
		width: 60%;
	}
	
	.primary-category .thumb {
		transform: scale(1)!important;
	}
	
	.primary-category a:hover .thumb {
		transform: scale(1.15) rotate(2deg)!important;
	}
	
	.primary-category .thumb.business-cards {
		transform: scale(2)!important;
	}
	
	.primary-category a:hover .thumb.business-cards {
		transform: scale(2.15) rotate(2deg)!important;
	}
	
	.primary-category .thumb.playing-cards {
		transform: scale(1.5)!important;
	}
	
	.primary-category a:hover .thumb.playing-cards {
		transform: scale(1.65) rotate(2deg)!important;
	}
	
	.primary-category .thumb-text {
		font-size: 14px;
		line-height: 16px;
	}
	
	.primary-category .cat-desc strong {
		margin: 5px 0 0;
	}
	
	td.pageContent {
		width: 100%;
	}

	.footer-inner {
		width: 100%;
	}
	
	.footer-item.footer-about, 
	.footer-item.footer-legal {
		max-width: 30%;
	}
	
	.footer-item.footer-share, 
	.footer-item.footer-locations {
		max-width: 15%;
	}
	
	div.categorySidebarSearchTextBox, 
	td.navBarLeft {
		margin-top: 20px;
	}
	
	a.navBarButton, 
	a.navBarButtonSelected {
		height: 40px;
		line-height: 40px;
	}
	
	td.navBarCell {
		height: 40px;
	}
	
	div.navBarMessage {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	td.navBarRight {
		padding-bottom: 40px;
	}
	
	.feature h2 {
		font-size: 12px;
		line-height: 12px;
	}
	
	.feature p {
		font-size: 12px;
		line-height: 20px;
	}
	
	.feature-inner {
		padding: 10px 0;
	}
	
	.hero-banner {
		height: 250px;
	}
	
	.hero-banner-inner h2 {
		font-size: 25px;
		line-height: 20px;
	}
	
	.hero-banner-inner img {
		height: 60px;
		margin: 0 0 20px;
	}
	
	.hero-banner-inner p, 
	.hero-banner-inner li {
		font-size: 14px;
		line-height: 22px;
	}
	
	.payment-columns td.payment-info {
		width: 340px;
	}
	
	.cc-wrapper {
		width: 340px;
	}
	
	.cc-shape {
		width: 310px;
		height: 200px;
	}
	
	.cc-type ul li input, 
	.cc-type ul li label, 
	.cc-type ul li label span {
		width: 45px;
		height: 32px;
	}
}

@media screen and (max-width: 1400px) {
	td.navBarLeft {
		margin-top: 10px;
	}
	
	.support-bar h2 {
		margin-bottom: 10px;
	}
	
	.support-bar ul.customersupport li a {
		height: 30px;
		line-height: 30px;
		padding-left: 40px;
	}
	
	.support-bar ul.customersupport li a::before {
		width: 30px;
		height: 30px;
		line-height: 26px;
		font-size: 12px;
	}
	
	li.phone a::before {
		line-height: 28px!important;
	}
}

@media screen and (max-width: 1300px) {
	.cutoff h3 {
		font-size: 24px;
		line-height: 24px;
	}
	
	.cutoff-inner {
		min-width: 500px;
	}
	
	#tblNavigationBar {
		width: 270px;
	}
	
	form {
		padding-left: 270px;
	}
	
	.cutoff {
		left: 270px;
	}
	
	.primary-category {
		height: 160px;
	}
	
	.footer-outer h2 {
		font-size: 24px;
		height: 22px;
	}
	
	.footer-outer p, 
	.footer-outer li {
		font-size: 12px;
		line-height: 18px;
	}
	
	.paper-wrap {
		white-space: normal;
	}
	
	.paper-column {
		margin-bottom: 7px;
	}
	
	.personal-info, 
	.billing-address {
		margin: 0 0 30px;
	}
	
	.payment-columns td.personal-info, 
	.payment-columns td.billing-address, 
	.payment-columns td.payment-info, 
	.payment-columns td.payment-release {
		width: 45%!important;
	}
	
	.payment-columns tr.payment-columns-row td.personal-info, 
	.payment-columns tr.payment-columns-row td.billing-address, 
	.payment-columns tr.payment-columns-row td.payment-info, 
	.payment-columns tr.payment-columns-row td.payment-release {
		width: 100%!important;
	}
	
	.payment-columns td.payment-column-spacer {
		width: 4%!important;
	}
	
	.site-updates {
		grid-template-columns: 1fr 1fr;
	}
	
	.instruction-wrap.file-prep {
		column-count: 2;
	}
	
	div.login-box, 
	div.login-box .dxpcControl_custom {
		width: 270px!important;
	}
	
	.hero-banner.split {
		height: 250px;
	}
}

@media screen and (max-width: 1100px) {
	form {
		padding-left: 0;
	}
	
	.cutoff {
		left: 0;
		padding: 0 30px;
		justify-content: space-between;
		transition: all 200ms ease-in-out;
	}
	
	.cutoff h3 {
		font-size: 20px;
		line-height: 20px;
		text-align: right;
	}
	
	.cutoff p {
		font-size: 14px;
		line-height: 18px;
		text-align: right;
		text-align-last: right;
		letter-spacing: 0;
	}
	
	.cutoff-inner::before {
		width: 30px;
		font-size: 30px;
		order: 1;
		margin-right: 0;
		margin-left: 20px;
	}
	
	#tblNavigationBar {
		transform: translateX(-270px);
	}
	
	#tblNavigationBar::before {
		position: absolute;
	}
	
	.mobile-menu {
		display: flex;
		flex-flow: row nowrap;
	}
	
	.menu-toggle a {
		width: 30px;
		height: 30px;
		display: block;
		text-indent: 30px;
		overflow: hidden;
		white-space: nowrap;
		cursor: pointer;
		position: relative;
		margin: 25px 20px 25px 0;
	}
	
	.menu-toggle a::before {
		width: 30px;
		height: 30px;
		display: block;
		text-align: center;
		font: 30px/30px "dlex-4";
		content: "y";
		position: absolute;
		left: 0;
		top: 0;
		text-indent: 0;
		color: #2E343C;
		transition: all 200ms ease-in-out;
	}
	
	.menu-toggle a:hover::before {
		opacity: 0.8;
	}
	
	.dark-logo a {
		background: url('images/dl-logo-dark-lsc.svg') no-repeat center center;
		background-size: contain;
		width: 160px;
		height: 100%;
		display: block;
		margin-right: 20px;
		text-indent: 160px;
		overflow: hidden;
		white-space: nowrap;
		transition: all 200ms ease-in-out;
	}
	
	.pageContent, 
	#tblNavigationBar, 
	.footer-outer {
		transition: all 200ms ease-in-out;
		overscroll-behavior: none;
	}
	
	body.menu-active .pageContent, 
	body.menu-active .cutoff, 
	body.menu-active .footer-outer {
		transform: translateX(270px);
	}
	
	body.menu-active .wrapper, 
	body.menu-active .footer-outer, 
	body.menu-active .footer {
		overflow-x: hidden;
	}
	
	body.menu-active #tblNavigationBar {
		transform: translateX(0);
	}
	
	body.menu-active .dark-logo a {
		opacity: 0;
		width: 0;
		transition: all 200ms ease-in-out;
	}
	
	body.menu-active .menu-toggle a::before {
		content: "m";
	}
	
	.asset-filter-wrap {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	
	
	#pageHeaderControl_login__ModalPopUp1_divPop table, 
	#pageHeaderControl_login__ModalPopUp1_divPop table tbody, 
	#pageHeaderControl_login__ModalPopUp1_divPop table tbody tr {
		display: block!important;
		width: 100%!important;
	}
	
	td.loginExistingUsers, 
	td.loginNewUsers {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	
	td.loginExistingUsers input.textField, 
	td.loginNewUsers input.textField {
		width: 100%!important;
		box-sizing: border-box;
	}
	
	.dxpcHeader_custom div.areaHeader {
		min-width: auto!important;
	}
	
	
	
	#pageHeaderControl_login__ModalPopUp1_divPopClose2 {
		width: 20%;
	}
	
	#pageHeaderControl_login__ModalPopUp1_divPopClose1 {
		width: 100%;
	}
	
	#pageHeaderControl_login__ModalPopUp1_divPopClose {
		width: 20%;
		float: right!important;
	}
	
	.dxpcHeader_custom {
		padding-top: 30px!important;
	}
	
	td.areaHeader::after {
		margin-top: 10px;
	}
	
	.hero-banner.split {
		height: 300px;
	}
}

@media screen and (max-width: 950px) {
	.cutoff h3 {
		font-size: 15px;
		line-height: 15px;
	}
	
	.cutoff p {
		font-size: 12px;
		line-height: 12px;
	}
	
	.primary-category .cat-desc {
		font-size: 10px;
		line-height: 12px;
	}
	
	.footer-inner {
		flex-flow: row wrap;
	}
	
	.footer-item {
		
	}
	
	.footer-item.footer-about, 
	.footer-item.footer-locations {
		width: 50%;
		max-width: 50%;
		margin: 0 0 30px;
	}
	
	.footer-item.footer-share, 
	.footer-item.footer-legal {
		width: 40%;
		max-width: 40%;
		margin: 0 0 30px;
	}
	
	.footer-item.footer-about {
		order: -1;
	}
	
	.footer-item.footer-locations {
		order: 0;
	}
	
	.footer-item.footer-share {
		
	}
	
	.footer-item.footer-legal {
		order: -1;
	}
	
	#AssetDataList tr {
		display: flex;
		flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
	}
	
	#AssetDataList tr table tr td {
		width: auto;
	}
	
	#AssetDataList tr td:nth-child(even) {
		width: 24%;
	}
	
	#AssetDataList tr table tr {
		display: table-row;
	}
	
	span.assetCaption {
		word-break: break-all;
	}
	
	.payment-columns tr.payment-columns-row {
		display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.komodo-image img {
		width: 100%;
		height: auto;
	}
	
	.hero-banner.split {
		height: 250px;
	}
}

@media screen and (max-width: 800px) {
	.cutoff {
		overflow: visible;
	}
	
	.cutoff h3 {
		font: 600 10px/12px 'Montserrat', Arial, Helvetica, Geneva, sans-serif;
	}
	
	.cutoff-inner {
		position: fixed;
		/*z-index: 100;*/
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0 30px;
		max-width: 100%;
		background: rgba(250, 250, 250, 0.9);
		transition: all 200ms ease-in-out;
		min-width: 0;
		height: 60px;
	}
	
	body.menu-active .cutoff-inner {
		transform: translateX(270px);
		opacity: 0;
	}
	
	.cutoff-inner::before {
		order: 0;
		margin-right: 20px;
		margin-left: 0;
		height: 60px;
		line-height: 60px;
	}
	
	.cutoff h3, 
	.cutoff p {
		text-align: left;
		text-align-last: left;
		font-size: 10px;
		line-height: 12px;
		text-transform: none;
	}
	
	.primary-category {
		width: 30%!important;
		margin: 0 1.5% 20px!important;
	}
	
	.hero-banner {
		height: 200px;
	}
	
	.hero-banner-inner p, 
	.hero-banner-inner li {
		font-size: 10px;
		line-height: 16px;
	}
	
	.hero-banner-inner ul {
		margin-left: 10px;
		padding-left: 10px;
	}
	
	.hero-banner-inner h2 {
		font-size: 20px;
		line-height: 15px;
		margin: 0 0 15px;
	}
	
	.hero-banner-inner img {
		height: 50px;
		margin: 0 0 15px;
	}
	
	.feature-wrap {
		padding: 0;
	}
	
	.feature-inner {
		grid-template-columns: 1fr 1fr;
		padding: 10px 0 30px;
		grid-column-gap: 30px;
	}
	
	.feature {
		margin: 0!important;
	}
	
	.printing-sidebar {
		position: fixed;
		right: 0;
		top: 0;
		padding: 30px;
		width: 280px;
		height: 100%;
		background: #fff;
		box-sizing: border-box;
		z-index: 99999;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		transition: all 200ms ease-in-out;
		transform: translateX(280px);
	}
	
	.printing-sidebar .notice.right {
		margin-top: 0;
	}
	
	.printing-sidebar.sidebar-active {
		box-shadow: 0 0 20px rgba(0,0,0,0.25);
		transform: translateX(0);
	}
	
	.paper-graph {
		width: auto;
	}
	
	td.stepArea {
		display: block;
	}
	
	#updateProgress {
		position: relative;
    right: inherit;
    top: inherit;
    margin: 0 0 30px;
	}
	
	.sidebar-toggles {
		display: block;
		height: 40px;
		width: 100%;
	}
	
	.sidebar-toggles-inner {
		width: 100%;
		height: 40px;
		position: fixed;
		top: 80px;
		z-index: 1000;
		background: rgba(250, 250, 250, 0.9);
		border-top: 1px solid #ddd;
		display: flex;
		flex-basis: row nowrap;
		justify-content: space-between;
		align-items: stretch;
		box-sizing: border-box;
		padding: 0 20px;
	}
	
	.sidebar-toggle-open {
		display: block;
	}
	
	.sidebar-toggle-open a {
		display: block;
		cursor: pointer;
		text-transform: uppercase;
		text-align: right;
		line-height: 39px;
		height: 39px;
		padding: 0 45px 0 15px;
		position: relative;
		font-size: 16px;
		font-weight: 500;
		color: #525C61;
		transition: all 200ms ease-in-out;
	}
	
	.sidebar-toggle-open a:hover {
		background: #eee;
		color: #525C61;
	}
	
	.sidebar-toggle-open a::after {
		display: block;
		content: "z";
		text-transform: none;
		font-family: dlex-4;
		text-align: center;
		width: 24px;
		height: 24px;
		position: absolute;
		right: 10px;
		top: 7px;
		line-height: 21px;
		border: 2px solid #525C61;
		border-radius: 50%;
		box-sizing: border-box;
		font-weight: normal;
		font-size: 12px;
	}
	
	div.block table {
		width: 100%!important;
	}
	
	#FIELD_1475 {
		width: 100%!important;
		box-sizing: border-box;
	}
	
	.wrapper {
		overflow-x: hidden;
	}
	
	td.formFilling-form {
		background: none;
		padding: 0;
	}
	
	td.formFilling-preview {
		display: block;
		border-top: 1px solid #ddd;
		padding: 35px 0 0;
	}
	
	td.formFilling-preview::before {
		display: block;
		content: "Document Preview";
		text-align: center;
		text-transform: uppercase;
		font-family: 'bebas_neuebook';
    font-size: 28px;
	}
	
	ul.layout {
		justify-content: flex-start;
	}
	
	ul.layout li {
		width:  auto;
		margin: 0 30px 0 0;
	}
	
	.instruction-wrap {
		width: 100%!important;
	}
	
	h3.instruction {
		width: 100%;
		box-sizing: border-box;
	}
	
	img.formFillingPreview {
		max-width: 100%;
		height: auto!important;
	}
	
	.formFilling-preview.portrait #previewPanel {
		flex-flow: column nowrap;
	}
	
	.formFilling-preview.portrait #previewPanel img:last-of-type {
		margin-left: 0;
	}
	
	.instruction-wrap h2 {
		font-size: 24px;
	}
	
	.instruction-wrap h2 strong {
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	
	.instruction-content h3 {
		font-size: 18px;
		line-height: 18px;
	}
	
	div.areaComment {
		font-size: 14px;
		line-height: 20px;
	}
	
	td.assetCaption {
		text-align: center;
	}
	
	#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_ContentPlaceHolderStepArea_InputFields__ImageSelect__ModalPopUp1_divPop {
		
	}
	
	#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_ContentPlaceHolderStepArea_InputFields__ImageSelect__ModalPopUp1_dropshadow1, 
	#ctl00_ctl00_ContentPlaceHolderBody_StepArea1_ContentPlaceHolderStepArea_InputFields__ImageSelect__ModalPopUp1_dropshadow2 {
		display: none;
	}
	
	.popupArea div {
		white-space: normal!important;
	}
	
	.dxpcControl_custom {
		width: 100%!important;
		position: fixed!important;
		left: 0!important;
		right: 0;
		top: 0!important;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	div.login-box .dxpcControl_custom {
		right: auto!important;
		bottom: 0!important;
		top: auto!important;
		height: auto!important;
		position: relative!important;
	}
	
	.dxpcControl_custom .siteButtonBlock {
		margin-top: 20px;
		width: 100%;
	}
	
	.dxpcContent_custom.popupArea .block input {
		width: 100%;
		box-sizing: border-box;
	}
	
	#AssetDataList tr td:nth-child(even) {
		width: 49%;
	}
	
	table.full-width td {
		display: block;
	}
	
	table.full-width td table td {
		display: table-cell;
	}
	
	table.full-width td table {
		width: 100%;
	}
	
	#StepArea_divSubTotal {
		margin: 30px 0;
		text-align: left;
	}
	
	#StepArea_divSubTotal table {
		float: none;
	}
	
	div.block.priceEstimateWrap {
		display: block;
	}
	
	#StepArea_ctl02_div, 
	#StepArea_LinkButtonCancelCheckout_div {
		float: left!important;
		margin-right: 10px;
		margin-left: 0;
	}
	
	.payment-columns td.personal-info, 
	.payment-columns td.billing-address, 
	.payment-columns td.payment-info, 
	.payment-columns td.payment-release {
		width: 100%!important;
	}
	
	.payment-columns td.payment-column-spacer, 
	td.stepNextPrevLabel, 
	td.areaGraphicNextPrevSeparatorLine {
		display: none;
	}
	
	.payment-columns input, 
	.payment-columns select {
		width: 100%!important;
    box-sizing: border-box;
	}
	
	.payment-columns input#FIELD_691 {
		width: inherit!important;
	}
	
	div.asset-search {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	
	div.block.with-filter div.siteButton {
		float: left!important;
		margin: 0 10px 10px 0;
	}
	
	.asset-filter-wrap {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.site-updates {
		grid-template-columns: 1fr;
	}
	
	.payment-columns tr.payment-columns-row {
		display: grid;
	  grid-template-columns: 1fr;
	  grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.outsource {
		flex-flow: column nowrap;
	}
	
	.outsource-image {
		height: 250px;
    width: 100%;
    margin: 0 0 40px;
    overflow: hidden;
	}
	
	.outsource-image img {
		height: auto;
		width: 100%;
		display: block;
		margin-top: -40%;
	}
	
	.outsource p {
		line-height: 25px;
	}
	
	.outsource div.siteButton {
		width: 100%;
		margin: 0;
	}
	
	.outsource div.siteButton-inner {
		width: 100%;
	}
	
	.outsource a.siteButton {
		width: 100%;
		padding: 20px 30px;
		box-sizing: border-box;
		font-size: 20px;
		line-height: 20px;
	}
	
	td.ship-option {
		display: flex!important;
	}
	
	#chat-widget-container {
		bottom: 50px!important;
	}
	
	.hero-banner.split {
		height: 200px;
	}
}

@media screen and (max-width: 600px) {
	.primary-category {
		width: 48%!important;
		margin: 0 1% 20px!important;
	}
	
	.hero-banner-inner {
		max-width: 90%;
	}
	
	.footer-outer {
		padding-bottom: 80px;
	}
	
	.footer-item {
		width: 100%!important;
		max-width: 100%!important;
	}
	
	.footer-inner li:last-of-type, 
	.footer-inner p:last-of-type {
		margin-bottom: 0!important;
	}
	
	.footer-outer .footer-location:last-of-type ul {
		margin: 0 15px 0 0;
	}
	
	.footer-item.footer-legal {
		order: 0;
	}
	
	#ShoppingCartPanel table.itemTable, 
	#HoldCartPanel table.itemTable, 
	#orderListTable table.itemTable, 
	#ShoppingCart0_ShoppingCart, 
	table#StepArea_ShoppingCart_ShoppingCart.itemTable {
		border: none;
		background: none;
	}
	
	#ShoppingCartPanel table.itemTable tr, 
	#HoldCartPanel table.itemTable tr, 
	#orderListTable table.itemTable tr, 
	#ShoppingCart0_ShoppingCart tr, 
	table#StepArea_ShoppingCart_ShoppingCart.itemTable tr {
		display: flex;
		flex-flow: row wrap;
		margin: 0 0 10px;
	}
	
	#ShoppingCartPanel table.itemTable td, 
	#HoldCartPanel table.itemTable td, 
	#orderListTable table.itemTable td, 
	#ShoppingCart0_ShoppingCart td, 
	table#StepArea_ShoppingCart_ShoppingCart.itemTable td  {
		display: block;
		box-sizing: border-box;
		font-size: 11px;
		line-height: 13px;
	}
	
	.itemTableHeader, 
	.itemTable {
		width: 20%;
	}
	
	.itemTableHeader-Thumbnail, 
	.itemTable-Thumbnail {
		width: 25%;
	}
	
	.itemTableHeader-Date, 
	.itemTable-Date {
		width: 20%;
	}
	
	.itemTableHeader-Qty, 
	.itemTable-Qty {
		width: 15%;
	}
	
	.itemTableHeader-Price, 
	.itemTable-Price {
		width: 20%;
	}
	
	#ShoppingCart0_ShoppingCart .itemTable-Thumbnail, 
	#ShoppingCart0_ShoppingCart .itemTable:nth-child(2) {
		width: 50%;
	}
	
	#ShoppingCart0_ShoppingCart .itemTableHeader-Qty, 
	#ShoppingCart0_ShoppingCart .itemTable-Qty {
		width: 20%;
	}
	
	.itemTableHeader-Options, 
	#ShoppingCart0_ShoppingCart .itemTableHeader-Thumbnail, 
	#ShoppingCart0_ShoppingCart .itemTableHeader:nth-child(2) {
		display: none!important;
	}
	
	.itemTable-Options {
		width: 100%;
		order: 1;
		padding-bottom: 0!important;
	}
	
	.shoppingCart_OptionsColumnMask {
		padding-bottom: 0;
	}
	
	.itemTableHeader-Id {
		display: none!important;
	}
	
	.itemTable-Id {
		width: 100%;
	}
	
	#orderListTable .itemTableHeader-Date, 
	#orderListTable .itemTable-Date, 
	#orderListTable .itemTableHeader-Items, 
	#orderListTable .itemTable-Items, 
	#orderListTable .itemTableHeader-Price, 
	#orderListTable .itemTable-Price, 
	#orderListTable .itemTableHeader-Status, 
	#orderListTable .itemTable-Status {
		width: 25%;
	}
	
	#orderListTable .itemTable-Items p.itemTableLabelWithIcon {
		margin: 0 0 10px;
	}
	
	#orderListTable .itemTable-Items p.itemTableLabelWithIcon:last-of-type {
		margin: 0;
	}
	
	#orderListTable .itemTable-Options {
		padding-bottom: 5px!important;
	}
	
	.asset-filter-wrap {
		grid-template-columns: 1fr 1fr;
	}
	
	.instruction-wrap.file-prep {
		column-count: 1;
	}
	
	.feedback-tab a {
		height: 43px;
		line-height: 40px;
		padding: 0 10px;
		font-size: 24px;
	}
	
	.feedback-tab {
		height: 43px;
	}
	
	.feedback-wrap {
		width: 43px;
	}
	
	.hero-banner.split {
		height: 150px;
	}
}

@media screen and (max-width: 500px) {
	.itemTableHeader-Thumbnail {
		display: none!important;
	}

	.itemTableHeader, 
	.itemTable {
		width: 45%;
	}
	
	.itemTableHeader-Date, 
	.itemTable-Date {
		width: 20%;
	}
	
	.itemTableHeader-Qty, 
	.itemTable-Qty {
		width: 15%;
	}
	
	.itemTableHeader-Price, 
	.itemTable-Price {
		width: 20%;
	}
	
	.itemTable-Options {
		width: 100%;
	}
	
	.itemTable-Thumbnail {
		width: 100%;
	}
	
	#ShoppingCart0_ShoppingCart .itemTableHeader-Qty, 
	#ShoppingCart0_ShoppingCart .itemTable-Qty, 
	#ShoppingCart0_ShoppingCart .itemTableHeader, 
	#ShoppingCart0_ShoppingCart .itemTable {
		width: 20%;
	}
	
	#ShoppingCart0_ShoppingCart .itemTableHeader-Thumbnail, 
	#ShoppingCart0_ShoppingCart .itemTableHeader:nth-child(2) {
		display: none!important;
	}
	
	#ShoppingCart0_ShoppingCart .itemTable-Thumbnail, 
	#ShoppingCart0_ShoppingCart .itemTable:nth-child(2) {
		width: 50%;
	}
	
	#ShoppingCart0_ShoppingCart .itemTable-Options {
		width: 100%;
	}
	
	.shoppingCart_OptionsColumnMask {
		justify-content: center;
		padding-bottom: 5px;
	}
	
	.shoppingCart_OptionsColumnMask a {
		margin: 0 2px 4px;
		padding: 5px 8px;
		font-size: 12px;
		line-height: 14px;
	}
	
	.shoppingCart_OptionsColumnMask a img {
		height: 12px;
		margin-right: 3px;
	}
	
	div.siteButton-inner, 
	div.smallButton-inner, 
	div.searchButton-inner {
		font-size: 10px;
		line-height: 10px;
		font-weight: 400;
	}
	
	#HoldCartPanel .itemTableHeader-Date, 
	#HoldCartPanel .itemTable-Date {
		width: 35%;
	}
	
	#HoldCartPanel .itemTableHeader-Qty, 
	#HoldCartPanel .itemTable-Qty {
		width: 20%;
	}
	
	body.profile-page #ReadOnlyFields_InputFields table tr td {
		display: block!important;
		padding: 0 0 15px;
		background: none;
		border: none;
	}
	
	body.profile-page #ReadOnlyFields_InputFields table tr td:first-child {
		padding: 0;
	}
	
	#AssetDataList tr td:nth-child(even) {
		width: 100%;
	}
	
	.itemTable-Id {
		width: 100%;
	}
	
	div.areaTitle {
		font-size: 34px;
	}
	
	div.shipping-notes {
		margin: 30px;
	}
	
	.loading-wrap {
		flex-flow: column nowrap;
	}
	
	.feature-inner {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		padding: 20px;
		grid-column-gap: 10px;
		width: 1070px;
		box-sizing: border-box;
	}
	
	.feature {
		width: 250px;
		padding: 20px 10px;
		background: #fafafa;
		border-radius: 10px;
		box-sizing: border-box;
	}
	
	.welcome-page-inner {
		padding: 0;
	}
	
	body.page.start td.area-l, 
	body.page.start td.area-r {
		width: 0;
		min-width: 0;
		max-width: 0;
		display: none;
	}
	
	body.page.start.front td.areaComment-l, 
	body.page.start.front td.areaComment-r, 
	body.page.start.front td.area-l, 
	body.page.start.front td.area-r {
		width: 0;
		min-width: 0;
		max-width: 0;
		display: none;
	}
	
	.hero-banner {
		margin: 0;
	}
	
	.feature-wrap {
		border-bottom: none;
		margin: 0;
		width: 100vw;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.primary-category {
		box-shadow: none;
		border-bottom: 1px solid #ccc;
		margin: 0!important;
	}
	
	.primary-catalog, 
	.secondary-catalog {
		margin: 0;
	}
	
	body.page.start.front td.pageContent {
		padding: 0;
	}
	
	.komodo-wrap {
		padding: 0 30px;
	}
	
	.hero-banner.split .hero-banner-inner {
		flex-flow: column nowrap;
	}
	
	.hero-banner.split {
		height: 500px;
	}
	
	.hero-banner.split .hero-banner-inner .hero-banner-re-open, 
	.hero-banner.split .hero-banner-inner .hero-banner-menus {
		width: 100%;
	}
}

@media screen and (max-width: 400px) {
	.primary-category {
		width: 100%!important;
	}
	
	.primary-category .thumb {
		transform: scale(1.5)!important;
	}
	
	.primary-category a:hover .thumb {
		transform: scale(1.5)!important;
	}
	
	.primary-category .thumb.business-cards, 
	.primary-category .thumb.playing-cards {
		transform: scale(3)!important;
	}
	
	.primary-category a:hover .thumb.business-cards, 
	.primary-category a:hover .thumb.playing-cards {
		transform: scale(3)!important;
	}
	
	.primary-category a.catalogFolderFooter:hover .thumb-text-wrap {
		left: 20px;
    top: 18px;
	}
	
	.primary-category .cat-desc {
		width: 50%;
		font-size: 12px;
    line-height: 16px;
	}
	
	.cutoff-inner {
		padding: 10px 15px;
		height: 40px;
	}
	
	.cutoff-inner::before {
		display: none;
	}
	
	.cutoff h3, 
	.cutoff p {
		font-size: 9px;
    line-height: 11px;
		text-transform: none;
		text-align: center;
		text-align-last: center;
	}
	
	div.CartButtons {
		float: none;
	}
	
	.CartButtons div.siteButton {
		margin: 0 10px 10px 0;
	}
	
	td.stepAreaFooterNextPrevControls {
		vertical-align: bottom;
	}
	
	#orderListTable .itemTableHeader {
		display: none!important;
	}
	
	#orderListTable .itemTable-Id, 
	#orderListTable .itemTable-Date, 
	#orderListTable .itemTable-Status, 
	#orderListTable .itemTable-Options {
		width: 50%;
	}
	
	#orderListTable .itemTable-Items {
		width: 75%;
	}
	
	#orderListTable .itemTable-Price {
		width: 25%;
	}
	
	.cc-wrapper {
		width: 300px;
	}
	
	.cc-shape {
		width: 280px;
		height: 180px;
	}
	
	.cc-front {
		padding: 10px;
	}
	
	.cc-number-cvv, 
	.cc-name-date {
		margin: 10px 0 0;
	}
	
	td.orderSummaryCell table tr td {
		display: block;
		width: 100%!important;
	}
	
	#divPayment .payment-columns td {
		display: block!important;
		width: 100%!important;
	}
	
	#divPayment .payment-info, 
	#divPayment .billing-address, 
	#divPayment .payment-release {
		height: 30px;
		margin: 0;
		padding: 0;
	}
	
	#divPayment .cc-wrapper {
		display: none;
	}
	
	.userAddressLabel td {
		display: block;
	}
	
	#ShoppingCart0_ShoppingCart .itemTableHeader {
		display: none!important;
	}
	
	.hbspt-form {
		width: 260px;
	}
	
	.feedback-wrap {
		transform: translateX(260px);
		right: 259px;
	}
	
	.hero-banner-inner h2 {
		font-size: 18px;
	}
	
	#chat-widget-container {
		bottom: 60px;
	}
}

@media screen and (max-width: 350px) {
	.hero-banner-inner h2 {
		font-size: 14px;
    line-height: 14px;
	}
	
	.hero-banner-inner p, 
	.hero-banner-inner li {
		font-size: 8px;
    line-height: 12px;
	}
	
	.cc-wrapper {
		width: 100%;
		margin: 20px 0;
	}
	
	.cc-inner {
		padding: 0 0 10px 0;
	}
	
	.cc-shape {
		width: 250px;
		height: 160px;
	}
	
	.cc-number-cvv, 
	.cc-name-date {
		margin: 5px 0 0;
	}
	
	.asset-filter-wrap {
		grid-template-columns: 1fr;
	}
	
	.hero-banner.split {
		height: 400px;
	}
}