
/************************************ GLOBAL *******************************************/
.menu-knob-bar {
	opacity: .8;
	float: left;
	position: absolute;
	margin: 0px !important;
	padding: 0px !important;
	z-index: 1000;
}

input ,.input {
	font-family: 'Open Sans' !important;
	font-weight: 400 !important;
font-size: 16px;
}

.pageinstructions {
	text-align: center;
}

table {
	margin-left: auto !important;
	margin-right: auto !important;
}

i.fa.fa-calendar {
	color: #000000;
}

div.message-block {
	text-align: center;
}

.container {
	text-align: center;
}

/*-- Cursor Hover --*/

button:hover{
	cursor:pointer;
}

/*-- Budget Align and Budget Visibility --*/

span.budgetlbl, .budget {
	display: none;
}

.full {
	text-align: left;
	padding-left: 5px;
}

/************************************ HEADER *******************************************/

.header {
	padding: 0px;
	margin: 0px;
	margin-bottom: 1px;
	border: 0px;
	width: 100%;
	height: 200px;
	background: #f1f1f1;
}

td.header-links a, td.header-links span {
	text-transform: uppercase;
	color: #000000 !important;
	text-decoration: none;
	text-size: 30px !important;
}

td.header-links {
	text-align: right;
	font-size: 16px !important;
	letter-spacing: .5px !important;
	color: #000000 !important;
}

.header-links {
	font-size: 16px !important;
	position: absolute;
	top: 25px;
	right: 25px;
}

.header-links a:hover{
	border-bottom: 2px solid #000000;
	padding-bottom: 5px !important;
}

#header_logo {
    padding-left: 20px !important;
    padding-top:20px !important;
}

.steps td {
    padding: 2px 15px 65px 0px !important;
}

.steps {
    height: 100px;
}

/************************************ FORMS *******************************************/

.form-body td.input select, .form-body td.input input, div.field-container div.input input, div.field-container div.input select, select {
	border-radius: 50px !important;
	height: 30px !important;
	padding-left: 10px;
	padding-right: 10px;
	border: 2px solid #000000 !important;
}

.form-body td.input select {
	width: 288px;
}

div.field-container {
	border-bottom: none !important;
}

/*********************************** TABS **********************************************/

.responsive_tabs-shell {
	width: 0px !important;
}

/************************************ CART *********************************************/

.multi_preview {
	text-align: center;
}

.previewcell img {
	border-color:#000000 !important;
	max-width: 300px !important;
}

table {
	margin-left: auto;
	margin-right: auto;
}

table.items-table.true-table th {
	background: #000000 !important;
	color: white !important;
	border: 1px solid #000000 !important;
}

table.items-table.true-table td {
	border: 1px solid #000000 !important;
}

/*********************************** TABLES ********************************************/

table#review-items-table, table#bill-sect, table#ship-sect, table#comments-sect, table#shipping-pricetable{
	width: 800px !important;
}

table#misc-comment-table{
	width: 600px !important;
}

#review-items-table td, #ship-sect td, #comments-sect td, #shipping-pricetable td{
	border: 1px solid #000000 !important;
}

.billing-pricetable,.items-table,billing-pricetable {
	width: 800px !important;
	margin-left: auto;
	margin-right: auto;
}

#billing-pricetable th,#billing-pricetable th, #review-items-table th, #bill-sect th, #comments-sect th, #ship-sect th, #shipping-pricetable th {
	background: #000000 !important;
	color: white !important;
	border: 1px solid #000000 !important;
}

#billing-pricetable td, #review-items-table td, #comments-sect td, #review-items-table td, #bill-sect td, items-table true-table td {
	border: 1px solid #000000 !important;
}

th.bottom-startshopping-button-container.pagetitle {
	width: 200px !important;
}

th.pagetitle {
	width: 820px !important;
	margin-top: 7px !important; 
	text-align: center !important; 
	font-weight: bold !important;
}

/*********************************** CATALOG *******************************************/

/*-- Search --*/

input#searchfield_input {
	width: 155px !important;
}

.pageinstructions {
	text-align: center;
}

.main-section.ng-scope input {
	width: 17% !important;
}

/*-- input boxes --*/

.stretchy_cols {
	max-height: 1000px !important;
	min-width: 450px !important;
}

.stretchy_cols responsive-item image-row {
	height: 1000px !important;
	width: auto !important; 
}

.responsive-longname {
	font-weight: bold;
	font-size: 16px; !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.responsive-onhand, .responsive-choose-info {
	font-size: 14px; !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

button#submit_catalog_add {
	margin-top: 2px !important;
}

.image-container {
	background-color: white !important;
 }

.image-container img {
	max-width: 400px !important;
	max-height: 400px !important;
}

.pretty-desc2 {
	font-size: 12px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.pretty-chooseinfo {
	font-size: 12px !important;
}

.add-to-basket-btn {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

div#tab_vertical {
	font-size: 13px !important;
	margin-left: 40px !important;
}

.main {
	padding-top: 15px;
}

.main.select-items #table_1 .item-thumbnail {
	padding-right: 10px !important;
	padding-left: 10px !important;
	text-align: left !important;
}

.main.select-items #table_1 td.divider {
	padding-right: 15px !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.main.select-items #table_1 td.divider hr {
	background-color: transparent;
	border: 0px !important;
	border-bottom: 1px solid #bebebe !important;
}

.responsive-choose-info {
	max-height: 30rem !important;
	-webkit-line-clamp: 30 !important;
	margin: 5px; !important
}

.qtyspec_label {
	display: none;
}

select {
	border-color: #000000 !important;
	font-color: #000000 !important;
	height: 40px !important;
	font-size: 16px;
}

/*-- input boxes --*/

.pretty-onhand {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	font-size: x-small !important;
}

.imprint-splitview .left-side > .form-body { 
  min-width: 400px !important;
  max-width: 800px !important;
}

#pasteboard {
	padding: 20px !important;
	border-radius: 20px !important;
}

/*********************************** SHIPPING PAGE *******************************************/

table#requestor-info,table#billing-info,table#shipaddr-info{
	max-width: 600px !important;
}

#shipmeth-info{
	display: flex;
	max-width: 185px !important;
}

#shipping\.methbanner{
	display: flex;
	justify-content: center;
	max-width: 185px;
}

#ship_needby {
	width: 288px;
}

table#notification-info {
	width: 800px !important;
}

table#shipaddr-info.form-body {
	margin-top: -40px;
}

input#fyi_cc {
	margin-left: auto !important;
	margin-right: auto !important;
}

/********************************* REVIEW PAGE ******************************************/

.accept-proofs {
	width: 220px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/********************************* DIVISION PAGE ****************************************/

.corp_divisions {
	text-align: left;
	width: 350px !important;
	margin-left: auto;
	margin-right: auto;
}

/********************************* SHIPTRACK PAGE ***************************************/

table.legend.note {
	padding: 2px;
	background-color: #FFFFFF;
	font-family: inherit;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.pageinstructions {
    display: none;
}

/*********************************** APPROVAL QUEUE *******************************************/

div.main.approvalqueue.catalog--container {
	max-width: 500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

div.waitingorders.catalog--container {
	max-width: 500px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

table#approval-order-details-table.true-table th {
	background: #000000 !important;
	color: white !important;
	border: 1px solid #000000 !important;
}

table#approval-order-details-table.true-table td {
	border: 1px solid #000000 !important;
}

/*********************************** APPROVAL PAGE *******************************************/

#approval-proof-table th {
	text-align: center !important;
}

table#approval-order-details-table,table#approval-approve-info-table,table#approval-proof-table {
	max-width: 600px !important;
}

/*********************************** PROFILE PAGE *******************************************/

div.main.profile.catalog--container, div.main.login.catalog--container {
	max-width: 800px !important;
	margin:auto;
}

th.top_of_profile_buttons button, th.bottom_of_profile_buttons button {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen  and (max-width: 1024px) {

table.form-body {
	min-width: auto !important;
}
