/*
Theme Name:     Boxcar 2012
Description:    Child theme for the Twenty Eleven theme
Author:         Boxcar Team
Template:       twentyeleven
Version:        0.0.1
*/



/******************************** HELLO THERE ******************************/

header
,nav
,section
,article
,aside
,footer
,hgroup
{
	display: block;
}

img	{
	border: none;
}

/* Links */
a {
	color: inherit;
	text-decoration: none;
}

strong	{
	font-weight: bold; /* oh sorry Firefox was that not obvious? */
}

.error	{
	color: #ef1600;
}

/* This is largely for iPads */
select, input, textarea, button	{
	border-radius: 0;
	background-color: #EBEBEB;
	padding: 0em .25em;
	color: #666;
	font-size: 1em;
	vertical-align: top;
}

textarea	{
	max-width: 28em;
}

select	{
	border-color: #999 #999 #aaa #999;
}

label.faked-placeholder {
	padding: 0em 1em;
	width: auto!important;
	position: absolute;
	font-size: .75em!important;
	margin-top: 3em!important;
	min-height: 0!important;
	line-height: 1em!important;
	font-style: italic;
	color: #AAA;
}

/* a not amazing way of selecting the Woo aspects of the account page */
.hide-until-load label.faked-placeholder {
	padding: 0em .5em;
}

footer label.faked-placeholder	{
	margin-top: 2.5em!important;
	padding: 0em .5em;
}


input.faked-placeholder	{
	margin-bottom: 1.5em!important;
}

option:disabled	{
	color: #ccc!important;
	text-decoration: line-through!important;
}

/* Sprite Set */
.sprite	{
	background-image: url('images/sprite.png');
	background-position: center top;
	background-repeat: no-repeat;
}

span.sprite {
	display: inline-block;
	height: 16px;
	width: 1em;
	padding: .25em 0em;
	vertical-align: middle;
}

/* Really Firefox?  You dropped support for background-position-x and -y?  Is this true? */
.sprite.save	{	background-position: center 0px;	}
.sprite.edit	{	background-position: center -24px;	}
.sprite.trash	{	background-position: center -48px;	}
.sprite.close	{	background-position: center -72px;	}
.sprite.search	{	background-position: center -120px;	}
.sprite.reload	{	background-position: center -144px;	}

span.sprite.credit-card {
	width: 1.5em;
}

.sprite.credit-card.visa		{	background-position: center -216px;	}
.sprite.credit-card.mastercard	{	background-position: center -240px;	}
.sprite.credit-card.discover	{	background-position: center -264px;	}
.sprite.credit-card.amex		{	background-position: center -288px;	}


/* some quick Dev classes */

#page.grid	{
	background-image: url('images/16x24grid.png');
	background-position: -1px -1px;
}

#page.grid div, #page.grid footer, #page.grid fieldset	{
	opacity: .9;
/* 	outline: 1px solid #f0f; */
}

.bxpm_vars {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 90%;
	width: 14em;
/* 	overflow: auto; */
	background: rgba(153, 255, 153, .9);
	font-size: .75em;
	font-family: sans-serif;
	border: 2px solid #060;
	padding: .75em 1em;
	color: #000;
	z-index: 100;
	display: none;
	text-align: left;
}

.bxpm_vars dt {
	font-size: 1em;
	color: #030;
}

.bxpm_vars dd {
	border: 2px solid #090;
	display: none;
	position: absolute;
	background-color: #fff;
	z-index: 101;
	margin: 0;
	padding: .75em 1em;
	top: 1em;
	left: 14em;
	height: 90%;
	overflow: auto;
}

.bxpm_vars dt.active {
	font-weight: bold;;
}

.bxpm_vars dt.active+dd {
	display: inline;
}


/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #EBEBEB;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}




/*  .
    .
    .
    Menu
    Navigation
    .
    .
    .
    .
     */




button.hamburger {
  color: #666;
  float: right;
  font-size: 36px;
  background: #fff;
  border: none;
  margin-top: 8px;
  padding: 0;
}
.hamburger:hover {
  color: #000;
}
.hamburger:focus {
  outline: none;
}
.hamburger::before  {
  content : '☰';
  line-height: 1;
}
.hamburger.open::before  {
  content : '✕';
}

.header-grouping {
  display: flex;
}

#access	{
	margin-bottom: 16px;
	width: 100%;
	font-size: 16px;
  /* font-family: 'montserrat', sans-serif; */
  /* text-transform: uppercase; */
  padding: 8px;
  background: #EBEBEB;
  display: flex;
  justify-content: center;
  align-items: center;
}

#access ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  line-height: 1;
}

#access li	{
  position: relative;
  padding: 16px 12px;
  margin: 4px;
}


span.mobile-menu-item-expand {
  position: absolute;
  right: 0;
}














/*  Modifications
    to
    Menu
    Navigation
    for
    small
    screens */


@media (max-width: 768px) {

  #searchform {
    padding-bottom: 16px;
  }

  .header-grouping {
    flex-direction: column;
  }

  #menu-user-controls	{
  	padding: 0 24px!important;
  }

  #access	{
    flex-direction: column;
    border-bottom: 1px solid #666;
    padding: 0;
    z-index: -1;
    max-height: 0;
    overflow: hidden;
    opacity: .2;
    transition: all .2s cubic-bezier(0.14, 1.3, 1, 0.43);
  }
  #access.open	{
    border-top: 1px solid #666;
    max-height: 3200px;
    z-index: 10;
    opacity: 1;
  }

  #access li	{
    border-top: 1px solid #666;
  }

  #access>ul>li:first-child	{
    border-top: none;
  }



  #access .sub-menu  {
    transition: max-height .2s;
    max-height: 0;
    overflow: hidden;
  }
  #access .open>.sub-menu  {
    max-height: 1000px;
  }

  #access li.has-submenu::before {
    font-size: 18px;
    content: '+';
    position: absolute;
    right: 0;
    background-color: #EBEBEB;
    padding: 4px;
    width: 24px;
    height: 24px;
    text-align: center;
    top: 10px;
  }
  #access li.has-submenu.open::before {
    content: '-';
  }

  #access .has-submenu.open a+ul {
    margin-top: 16px;
  }

}














/*  Modifications
    to
    Menu
    Navigation
    for
    big
    screens */

@media (min-width: 768px) {

  .hamburger  {
    display: none;
  }


  .header-grouping {
    display: flex;
    justify-content: space-between;
  }

  #menu-user-controls	li {
  	margin-left: 16px!important;
  }

  #access  {
    flex-direction: row;
    padding: 0;
    margin: 0;
  }

  #access>ul {
    line-height: 1;
    padding-left: 0;
    display: flex;
    justify-content: space-around;
    list-style-type: none;
  }

  #access>ul>li {
    white-space: nowrap;
    padding: 8px;
    margin: 8px 0;
    align-self: center;
    text-align: center;
    border-left: 1px solid #fff;
    flex: 1;
  }
  #access>ul>li:first-child {
    border-left: none;
  }

  #access li {
    white-space: normal;
    text-align: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
  }


  #access .sub-menu  {
    min-width: 16em;
    margin: 8px -4px;
    line-height: 1;
    box-shadow: 8px 8px 24px -12px #46454C;
    padding: 0;
    position: absolute;
    background: #999;
    color: #fff;
    border-top: 4px solid #666;
    border-bottom: 4px solid #666;
    z-index: 10;
    display: none;
  }

  #access .sub-menu li  {
    padding: 12px 6px 6px;
  }
  #access .sub-menu li:hover  {
    background-color: #888;
  }

  .sub-menu .sub-menu {
    top: -5px;
    left: 100%;
  }

  #access li:hover>.sub-menu  {
    display: block;
  }

  /* #access li:hover {
    color: #666;
  } */

  /* #access li:hover>a {
    text-decoration: underline;
  } */


  #access .sub-menu li.has-submenu>a::before {
    content: '▸';
    position: absolute;
    right: 12px;
  }


}


























#branding nav>ul>li.menu-item.no-border a {
	border: none;
}


#branding form {
	white-space: nowrap;
}


#branding #s {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#branding #s:focus {
	background-color: #f9f9f9;
	outline: none;
	box-shadow: none;
}

#access a {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#searchsubmit{
	display:none;
}

@media (max-width: 780px) {
	#branding img	{
		margin-left: 2%;
	}
	div.menu-user-controls-container	{
		/* margin-right: 2%; */
	}
	/* #access li{
		margin: 0.1em 0 0 0;
	}
	#access a {
		padding: 0.375em 0.3em 0.375em 0.3em;
		font-size:0.9em;
	} */
	input#s {
		height:1.5em;
		font-size:0.8em;
	}
	#searchsubmit {
		height: 1.5em;
		width: 1.6em;
	}
}

@media (max-width:650px){
	#branding {
		text-align: center;
	}
	#branding img	{
		margin: 0 auto;
		float: none;
	}
	#branding #s {
		width: 90%;
	}
	#branding #s:focus {
		width: 90%;
	}

	#searchform{
		width: 26em;
		margin: 0;
	}
	input#s {
		width:90%;
	}
}
@media (max-width:480px){
	#searchform{
		width: 80%;
		margin-top: 0.75em;
	}
}



input#s {
	font-size: 0.9em;
	height: 1.25em;
	padding: 0.25em .25em;
	margin: 0.1em 0 0 0.5em;
	color: #666;
	background-color: transparent;
}

#searchsubmit	{
	font-size: 1em;
	width: 1.8em;
	height: 1.75em;
	background-color: #999;
	color: #EBEBEB;
	border: none;
	padding: 0;
	margin: 0.05em 0em 0em -.25em;
	vertical-align: top;
}


/* login page re-styling */
#login	{
	text-align: left;
	color: #999;
	padding: 0;
	width: 90%;
	max-width: 24em;
	margin: 1.5em 1.5em 0em 1.5em;
	vertical-align: top;
	display: inline-block;
}

#login h1{
	display: none;
}

#login_error	{
	margin: 0em 0em 1.5em 0em;
	color: #AD0000;
}

#backtoblog 	{
	display: none;
}
#loginform {
}
#loginform+#nav {
	text-align: right;
}
#account-benefits {
	margin: 1.5em 1.5em 0em 1.5em;
	text-align: left;
	vertical-align: top;
	background: #EBEBEB;
	padding: .75em 1em;
	display: inline-block;
	width: 90%;
	max-width: 18em;
}

@media (max-width: 764px) {

	#login, #account-benefits	{
		display: block;
		max-width: 32em;
		margin: 0 auto;
	}

}

#account-benefits button {
	background-color: #aaa;
	border: 0;
	padding: .375em .5em;
	color: #EBEBEB;
	float: right;
}

#account-benefits button:hover {
	background-color: #999;
}

#account-benefits button:active {
	background-color: #aaa;
}

.forgetmenot {
/* 	font-size: .75em; */
}

input.button-primary, button.button-primary, a.button-primary {
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #999;
	background: none;
	background-color: #EBEBEB;
	text-shadow: none;
	font-weight: normal;
	font-size: 16px!important;
	padding: .375em 1em;
}

.button-primary:hover, .button-primary:active	{
	background: none;
	background-color: #ccc;
	color: #666!important;
}

#loginform p {
	margin: 0em 0em 0em 0em;
}

#loginform label {
	width: 100%;
	display: block;
	text-align: right;
}

#loginform input[type=text], #loginform input[type=password] {
	width: 70%;
	font-size: 1em;
	height: 2em;
	background-color: #EBEBEB;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 0em .25em;
	margin: 0em 0em .75em .75em;
	color: #666;
	vertical-align: top;
}

#loginform br {
	display: none;
}

/* register/lost password links */
#nav	{
	color: #999;
/* 	font-size: .75em; */
}

/* resetting password */
.description.indicator-hint {
	clear: both;
}
#pass-strength-result {
	color: #666;
}

.mu_register {
	width: 100%;
	max-width: 20em;
	margin: 1.5em auto;
	color: #999;
}

.mu_register h2 {
	display: none;
}
.mu_register label {
	clear: both;
	font-size: 16px;
	display: block;
	margin: .75em 0em 0em 0em;
}

#setupform	{
	font-size: .75em;
	line-height: 1.25em;
}

#setupform input.submit	{
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #999;
	background: none;
	background-color: #EBEBEB;
	text-shadow: none;
	font-weight: normal;
	font-size: 16px!important;
	padding: .375em 1em;
	width: auto;
}

.mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name {
	font-size: 16px;
	margin: .375em 0em;
}

.mu_register .error {
	margin: .75em 0em 0em 0em;
	display: inline-block;
}




/* alterations to pages in the user activation process */

#login.autologin label {
	text-align: left;
}

/* don't show the WP activation message with username/password  */
#login.autologin+h2	{
	display: none;
}

#signup-welcome	{
	display: none;
}
#signup-welcome+p.view	{
	display: none;
}




/* alterations for articles on a search page */

header.page-header	{
	display: none;
}

.search article	{
	margin-bottom: 2em;
}

.search article h1	{
	font-size: 1.5em;
	margin: 0;
}

.search article .comments-link	{
	display: none;
}

.search article .entry-meta	{
	margin: 0;
}

.search article .entry-summary p	{
	margin-top: 0;
	font-size: .75em;
	line-height: 1.5em;
}

.search article footer.entry-meta	{
	display: none;
}

.bxp-tabs{
	display:none;
}




#accountSearchCount	{
	background-color: #666;
	color: #fff;
	padding: .375em .5em;
}

/* ! account page */

/* tax & terms forms */
#account_terms + ul {
	margin: 0 0 0 35%;
	font-size: .75em;
	line-height: 1.5em;
	padding: 0;
}

article.page img.organization-type {
	width: auto;
	height: auto;
	margin: .125em!important;
	display: inline-block!important;
}

ul#account_locations	{
	display: inline-block;
	list-style-type: none;
	margin: 0em 0em 0em .75em;
	padding: 0;
	width: 65%;
	border-top: 1px solid #ccc;
}

@media (max-width: 480px) {
	ul#account_locations	{
		width: 100%;
		margin: 0;
	}
}

ul#account_locations li	{
	padding: .375em 0em;
	margin: .375em 0em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

ul#account_locations header	{
	font-size: .75em;
	font-weight: bold;
	color: #333;
}

ul#account_locations header h1	{
	margin: .375em 0em;
}

ul#account_locations p	{
	line-height: 1.125em;
	display: inline-block;
	margin: 0em 0em 0em 1em;
	width: 35%;
	vertical-align: top;
}

ul#account_locations p.actions	{
	width: 50%;
}

/* the p.actions immediately following #account_location, aka Add Location */
#account_locations + p.actions {
	margin: 0em 0em 0em 32%;
}

#account_locations .explanatory {
	padding: 0;
	margin: .75em 0em;
	font-weight: normal;
	font-size: .875em;
	width: auto;
	display: block;
	font-family: sans-serif;
}

#account_locations .explanatory em	{
	font-weight: bold;
	font-style: normal;
}

#printtrip_info	{
	margin-top: 1.5em;
}

/*  Gravatar for account page */
#user_info figure {
	width: 65%;
	display: inline-block;
	margin: 0em 0em 0em 1%;
}

#user_info figure img {
	margin: 0em 1% 0em 0em;
	display: inline-block;
	vertical-align: top;
	width: auto!important;
	height: auto!important;
	max-width: 96px; /* just in case! */
	max-height: 96px;
}
#user_info figure figcaption {
	font-size: .75em;
	line-height: 1.5em;
	display: inline-block;
	width: 78%;
	text-align: left;
}
#user_info figure figcaption a	{
	border-bottom: 1px dotted;
}
#user_info figure figcaption a:hover	{
	color: #AD0000;
}

#manual_geolocation_message	small	{
	display: block;
}

#manual_geolocation_message	.moved	{
	display: none;
}

#lcom_account_map {
	width: 98%;
	margin: 1.5em 0;
}


a.button,
button.button,
input.button,
#respond input#submit,
#content input.button,
#content button,
article button {
	background: #EBEBEB;
	padding: .375em .5em;
	color: #666;
	font-size: 1em;
	border: none;
	line-height: 1.5em;
	font-weight: normal;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-shadow: none;
	cursor: pointer;
}

a.button:hover,
button.button:hover,
input.button:hover,
#respond input#submit:hover,
#content input.button:hover,
article button:hover {
	background-color: #ddd!important;
}

a.button:disabled,
button.button:disabled,
input.button:disabled,
#respond input#submit:disabled,
#content input.button:disabled,
article button:disabled {
	color: #ccc!important;
	cursor: default;

}



#overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, .8);
	z-index: 3;
}

button.close	{
	position: absolute;
	top: .25em;
	right: .25em;
	background: transparent;
	border: none;
	font-size: 3em;
	padding: 0;
	color: #EBEBEB;
	z-index: 4;
}

#overlay.modal button.close {
	display: none;
}

#overlay > div {
	position: absolute;
	width: 70%;
	max-width: 33em;
	left: 15%;
	top: 10%;
	padding: .75em 1em;
	background-color: #999;
	border: .125em solid #666;
	color: #EBEBEB;
	white-space: normal;
}



button.checkbutton 	{
	vertical-align: top;
	width: 3em;
	height: 3em;
	margin: .375em 0.5em .75em 22%;
	font-size: 1em;
	padding: 0;
}

button.checkbutton:active 	{
	color: #999;
}

button.checkbutton span	{
	font-size: 2em;
}

button.checkbutton+label	{
	width: auto!important;
	max-width: none;
	text-align: left;
	margin-top: .5em;
}



div.movement  {
	position: relative;
	clear: both;
	min-height: 1.5em;
	padding: 1.5em 0em 1.5em 0em;
	margin: 0;
}

#content button.forward 	{
	background-image: url('images/arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
}

div.movement button.forward	{
	padding: .25em 1em .375em .5em!important;
	position: absolute;
	right: 0;
}


#overlay button.forward 	{
	background-image: none;
}


#overlay table.xdebug-error {
	color: black;
	font-family: sans-serif;
	position: relative;
	width: 100%;
}
#overlay table.xdebug-error td {
	padding: .5em;
}


#content button.backward	{
	background-image: url('images/arrow-left.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding: .25em .5em .375em 1em!important;
	margin-right: 4em;
}

#content button.homeward 	{
	background-image: url('images/arrow-left.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding: .25em .5em .375em 1em!important;
	margin-right: 4em;
}



/* Swapping out elements on page resize */

ul.desktop	{
	display: inline-block;
}
select.mobile	{
	display: none;
}

@media (max-width: 480px) {
	ul.desktop	{
		display: none;
	}
	select.mobile	{
		display: inline-block;
	}
}



/* Little dot that helps me keep track of viewport size */

.responsive-dot	{
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: white;
	z-index: 4;
	text-align: center;
	font-weight: bold;
	box-shadow: 1px 1px 5px black;
}

.responsive-dot:after	{
	content: "F";
}


@media (max-width: 860px) {
	.responsive-dot	{
		background: yellow;
	}
	.responsive-dot:after	{
		content: " ...";
	}
}

@media (max-width: 772px) {
	.responsive-dot	{
		background: lime;
	}

	.responsive-dot:after	{
		content: "i";
	}
}

@media (max-width: 764px) {
	.responsive-dot	{
		background: lightblue;
	}

	.responsive-dot:after	{
		content: " ...";
	}
}

/*
@media (max-width: 650px) {
	.responsive-dot	{
		background: blue;
	}
}

*/

@media (max-width: 480px) {
	.responsive-dot	{
		background: purple;
	}


	.responsive-dot:after	{
		content: "L";
	}
}

@media (max-width: 320px) {
	.responsive-dot	{
		background: orange;
	}

	.responsive-dot:after	{
		content: "P";
	}
}


/*
be advised that this section affects more than just the home page
"viewport" and "slide" involve both BXPViewport and BXPSlideSwitcher
(which in Boxcar is the Account Page, Place-An-Order, and Order History)
rules targeting ONLY the home page should involve the class "slideswitcher"
...it ain't a perfect life.
*/


.viewport	{
	width: 100%;
	margin: 1.5em auto;
	padding: 0em 0em;
/* 	min-height: 20em; */
	white-space: nowrap;
/* 	outline: 5px solid #900; */
	overflow: hidden;
}

.viewport>.slide	{
	z-index: 1;
	width: 100%;
	margin: 0em 4em 0em 0em;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.slideswitcher .viewport>.slide img	{
	margin: 0;
	width: 100%!important;
	height: auto!important;
}

.viewport>.slide.active	{
/* 	display: inline-block; */
}

.viewport>.slide>fieldset, .viewport>.slide>section, .viewport>.slide>.movement	{
	display: none;
	margin-top: 0em;
}

.viewport>.slide.active>fieldset, .viewport>.slide.active>section, .viewport>.slide.active>.movement	{
	display: block;
}



.playpause {
	position: absolute;
	z-index: 1;
	top: -2.25em;
	right: 0.25em;
	font-size: .75em;
	background: #666;
	color: #EBEBEB;
	opacity: 0.5;
	border: 1px solid;
	height: 2em;
	width: 2em;
	line-height: 1em;
}

.playpause:hover {
	color: #666;
}


.viewport + .controls	{
	position: relative;
	list-style-type: none;
	margin: -3.5em auto 0em auto;
	padding: 0;
	text-align: center;
	z-index:10;
}

.home #content  .viewport + .controls li{
	display: inline-block;
	background-color: #EBEBEB;
	width: 26%;
	min-height: 4em;
	padding: .75em 3%;
	position: relative;
	margin: 0em;
	vertical-align: top;
	text-align: center;
}

.home #content  .viewport + .controls li a{
	color: #666;
}


.home #content  .viewport + .controls li.active,
.home #content  .viewport + .controls li.active a	{
	z-index: 1;
	background-color: #666;
	color: #EBEBEB;
}

.viewport + .controls li	a {
	vertical-align: middle;
}

.viewport + .controls li a br {
	line-height: 1.5em;
}

@media (max-width: 768px) {
	.viewport.slidewitcher, .viewport + .controls	{
		font-size: .75em;
		line-height: 1.5em;
	}
	.viewport + .controls	{
		margin-top: -4.75em;
	}
}

@media (max-width: 480px) {
	.viewport.slidewitcher, .viewport + .controls	{
		font-size: .5em;
		line-height: 1.5em;
	}
	.viewport + .controls	{
		margin-top: -7em;
	}
}


ul.poi_equipment,
ul.poi_capability{
	width: 100%;
	max-width: 25em;
	font-size: 0.75em;
	margin:1em 0;
	padding:0;
}

ul.poi_equipment li,
ul.poi_capability li {
	display:inline-block;
	list-style-type: none;
	background-color: #ddd;
	margin: 0.25em;
	padding: 0.25em;
}

ul.poi_equipment li {
/*	background-color: #ddd; */
}



/* THe RTE for "Bio" on Account Page */
.wp-editor-wrap	{
	display: inline-block;
	padding: 0em 0em 1.5em .5em;
	width: 100%;
	max-width: 33em;
}

.hide-until-load	{
	display: none;
}

#msgr	{
	position: fixed;
	top: 1.5em;
	right: 1em;
	width: 20em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #EBEBEB;
	z-index: 4;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	line-height: 1.25em;
}

#msgr li	{
	background-color: #666;
	display: none;
	padding: .75em 1em;
	margin-top: .0625em;
}

#msgr li li	{
	display: list-item;
}

#msgr li.error	{
	border: .0625em solid #666;
	background-color: #ff0;
	color: #333;
}

#msgr li.loading	{
	padding-left: 3em;
	background-image: url('images/spinner.gif');
	background-repeat: no-repeat;
	background-position: .5em center;
}


/* !Validation Error Messages */

ul.errors	{
	margin: 0;
	line-height: 1em;
	padding-left: 1em;
}

/*
dl.errors dt {
	clear: both;
	display: inline-block;
	font-weight: bold;
	margin: 0em 0em .75em 0em;
}
*/

ul.errors li {
	padding: 0!important;
	margin: 0em 0em .75em 0em;
	list-style-type: square;
}

ul.errors strong {
	font-weight: bold!important;
	text-decoration: none!important;
}

/* We don't want those explanations in the errors panel though */
ul.errors li small {
	display: none;
}
/*

dl.errors dd	{
	display: inline-block;
	margin: 0em 0em .75em .5em;
}
*/

@media print	{

	table {
		border: none;
	}


}

/* fixed column featured only datatable control */
.featured_only {
	font-size: 0.75em;
	width: 100%;
	margin-left: 7.5em;
}

table.dataTable.wrap {
	white-space: normal;
}


table.dataTable.wrap td{
	white-space: normal;
}


/* ! Gravity Forms custom iframe plugin thingy */
iframe.gform {
	width: 100%;
	border: none;
	min-height: 800px;
	display: block;
	margin: 0 -8.5em;
	min-width: 50em;
}
.gform_wrapper {
	margin: 0 auto;
	max-width: 70%;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	color: #666;
}

.gform_wrapper label	{
	font-size: .75em;
}

.gform_wrapper .top_label .gfield_label {
	font-weight: bold;
	display: inline-block;
}

.gform_wrapper .gfield_description	{
	font-size: .75em;
	max-width: 33em;
}

#gform input[type=file]	{
	background-color: transparent;
	font-size: .75em;
}

@media (max-width: 480px) {
	.gform_wrapper {
		margin: 0 auto;
		max-width: 100%;
		min-width: 0;
	}
}

.gform_description a	{
	text-decoration: underline;
}

.ui-autocomplete	{
	font-size: .75em!important;
}














/******************************** end of common css *****************************/





















/*

@light-grey = #EBEBEB
@middle-grey = #999
@dark-grey = #666
@red = #ef1600

*/

/* Oh IE u so crazy!  Hidden stuff is hidden. */
*[hidden]	{
	display: none;
}

p a,
#content article ul a
 {
	color: #AD0000;
	cursor: pointer;
}

p a:focus,
p a:active,
p a:hover,
#content ul a:focus,
#content ul a:active,
#content ul a:hover{
	border-bottom: 1px dashed #AD0000;
}

.tooltip {
	color: #696;
}

.tooltip:focus,
.tooltip:active,
.tooltip:hover {
	text-decoration: underline;
}


body	{
	background-color: #fff;
	margin: 0;
	margin-top: .75em;
/* 	overflow-x: hidden; */
}

body.login	{
	text-align: center;
}

h1	{
	font-size: 1.5em;
	padding: 0;
	margin: 0;
}

h2	{
	font-size: 1em;
	padding: 0;
	margin: 0;
}


p,ul,ol	{
	margin: 1em 0em .5em 0em;
}


p.helpful {
	max-width: 33em;
	margin: 3em auto 1.5em auto!important;
	font-size: 1em;
	line-height: 1.5em;
}

p.careful {
	max-width: 33em;
	font-size: 1.5em;
	line-height: 1.5em;
}

p.explanatory {
	margin: 0;
	font-size: .75em;
	font-weight: bold;
	font-family: "myriad-pro-1", "myriad-pro-2", "Helvetica", sans-serif;
	line-height: 1.25em;
}

#overrideNote	{
	text-align: center;
	color: #222;
	display: none;
}


body	{
/* 	max-width: 60em; */
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5em;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	color: #666;
}



#logo		{
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
	font-weight: normal;
	color: #444;
}

@media (min-width:650px){
	float: left;
}

#logo a		{
	font-size: 1.4em;
	display: inline-block;
	line-height: 1.8em;
}

#logo em	{
	margin-top: 0.8em;
	display: block;
}


#branding	{
	border-top: none;
	position: relative;
	max-width: 52em;
	margin: 0 auto;
}


#branding hgroup	{
	margin: 0;
}

#branding #s {
	border: 1px solid #ddd;
	box-shadow: inset 0px 0px 9px #ddd;
	width: 5em;
}
#branding #s:focus {
	width: 12em;
}


#branding #s a {
	width: 10em;
}

#site-title a	{
	color: #666;
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: .125em;
}

#site-description	{
	font-size: .75em;
	color: #999;
	font-weight: normal;
}



#menu-user-controls	{
	margin: 0;
	padding: 0;
  display: flex;
  justify-content: space-between;
  min-width: 200px;
}


#menu-user-controls	li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	font-size: .75em;
}
#menu-user-controls li:empty {
  display: none;
}

#menu-user-controls	li a {
	color: #999;
}

#menu-user-controls .avatar{
	border: 1px solid #999;
}

#cart_qty	{
	background: #666;
	color: #EBEBEB;
	min-width: 25px;
	min-height: 25px;
	display: inline-block;
	text-align: center;
}

#cart_qty.no_items{
	background-color: #EBEBEB;
	color: #999;
}

#colophon	{
	text-align: left;
	width: 100%;
}

#supplementary	{
	background-color: #747474;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	padding: 3.5em 1em 1em;
	color: #EBEBEB;
	text-align: center;
	margin: 0em auto;
}

#supplementary .widget-area	{
	text-align: left;
	width: auto;
	margin: 0em .75em;
	vertical-align: top;
	display: inline-block;
}

#supplementary .widget-area a,
#supplementary .widget-area a:hover {
	color: #EBEBEB;
	border: none;
}

#supplementary h3 {
	margin:0;
	font-weight:normal;
	font-size:1em;
}

#supplementary p {
	margin:0 0 1em;
}

#supplementary aside	{
	margin-bottom: 1em;
	padding: 0;
	border-width: 0;
	border-style: none;
	line-height: 1.5em;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#supplementary .widget-area:first-child	{
	margin-left: 0em;
}
#supplementary .widget-area:last-child	{
	margin-right: 0em;
}

#supplementary input[type="text"] {
	height:1.5em;
	background-color:#d8d8d8;
}
@media (max-width: 550px){
	#supplementary aside {
		float:left;
		margin-right:1.5em
	}
}

#menu-additional-info {
	padding: 0em;
	list-style-type: none;
}


#supplementary .widget-title	{
	text-align: center;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	color: #EBEBEB;
	font-size: .625em;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
	margin: 0em 0em .75em 0em;
}


#supplementary .textwidget strong	{
	color: #666;
}

#subForm input[type="submit"]	{
	border: none;
	margin: .25em;
}


#main	{
	clear: both;
	max-width: 52em;
	margin: 1.5em auto;
}


p#breadcrumbs	{
	clear: both;
	margin: 2em 0em;
	font-size: .75em;
	color: #999;
	background-color: #EBEBEB;
	padding: 0em 1.5em;
	display: inline-block;
	background-image: url('images/arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
	text-transform: lowercase;
}

p#breadcrumbs span.separator {
	display: inline-block;
	width: 2em;
	color: transparent;
	background-image: url('images/breadcrumb-separator.png');
	background-position: center;
	background-repeat: no-repeat;
}

p#breadcrumbs span span	{
	display: inline-block;
}


ul.timeline	{
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	display: none;
/* 	background-color: #EBEBEB; */
	padding: 0;
	clear: both;
	margin: 1.5em 0em;
	font-size: .75em;
	color: #ddd;
	width: 100%;
}

ul.timeline a	{
	color: #ccc!important;;
}

ul.timeline a.clickable	{
	color: #aaa!important;;
}

ul.timeline a:hover	{
	border-bottom: none!important;
}

ul.timeline a.clickable:hover	{
	text-decoration: underline;
}

article.platemaking ul.timeline	{
	display: table;
}

ul.timeline li	{
	display: table-cell;
/* 	background-color: #EBEBEB; */
/* 	padding: .375em 1.5em 0em .5em; */
/*
	background-image: url('images/breadcrumb-separator.png');
	background-position: right center;
	background-repeat: no-repeat;
*/
	line-height: 1.125em;
	text-align: center;
/* 	height: 2.5em; */
/* 	vertical-align: top; */
/* 	position: relative; */
	border-bottom: 1px dashed #DDD;
	padding-bottom: 0.5em;
}


ul.timeline li:last-child	{
/*
	background-image: url('images/arrow-right.png');
	background-position: right center;
	background-repeat: no-repeat;
*/
/*
	padding-right: .5em;
	background-image: none;
*/
}

ul.timeline li.active	{
	color: #aaa;
/* 	font-weight: bold; */
}

ul.timeline li span	{
	background-color: white;
	border: 1px solid #AAA;
	border-radius: 100%;
	width: .5em;
	height: .5em;
	display: block;
	margin: 0em auto -.8125em auto;
}

/*
ul.timeline li hr	{
	width: 98%;
	border: 1px dashed #ddd;
	position: absolute;
	bottom: -1.25em;
	left: 0em;
}

ul.timeline li.active span	{
	background-color: #999;
}
*/

.entry-meta {
	line-height: 1.334em;
	font-size: .75em;
	color: #AAA;
	padding-top: .75em;
	margin-bottom: 1.5em;
}

#content {
	padding: 0 1%;
/* 	! these are tentative */
	max-width: 50em;
	margin: 1.5em auto;
}

/*#content strong{
	font-weight: normal;
	text-decoration:underline;
}*/

#menu-content-navigation	{
}

article	{
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
	padding: 0em;
	margin: 0 auto;
	width: 100%;
	max-width: 33em;
}

/* This should mostly be for multiple articles on a list */
article.post {
	border-bottom: 1px solid #999;
	padding-bottom: 3em;
	margin-bottom: 1.5em;
	clear: both;
}

@media (max-width: 480px) {
	article	{
		padding: 0;
	}
}

/*  Some pages are wider to allow for more user interaction  */
/* yes, there are definitely enough pages that those IDs shouldn't be hard-coded. */
/* !@todo use some kind of "wideness" metadata  */
article.platemaking,
ul.products,
article.has-thumbs,
#post-6,
#post-2,
#post-6389,
#post-5818,
#post-8	{
	margin: 0 auto;
	max-width: 50em;
}

article.category-thumbnails{
	margin-top: 2em;
}

article.category-thumbnails p,
article.category-thumbnails h1,
article.category-thumbnails h2,
article.category-thumbnails h3 {
	margin-left: 3%;
	margin-right: 3%;
}

#post-8 table	{
	max-width: 33em;
	margin: 0 auto;
}

#post-8 label	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-size: 1em;
	height: 2.5em;
	line-height: 1em;
	width: 100%;
	max-width: 14em;
	margin: 0em 0em 0em 0em;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	padding-top: .5em;
}

#post-8 input,
#post-8 textarea,
#post-8 select {
	font-size: 1em;
	height: 2em;
	background-color: #EBEBEB;
	width: 100%;
	padding: 0em .25em;
	margin: 0em 0em .75em .75em;
	color: #666;
	vertical-align: top;
}

#post-8 td strong	{
	display: block;
	color: #666;
	padding-top: 1.5em;
}

#post-8 textarea {
	width: 100%;
	max-width: 33.5em;
	padding: .25em;
	max-height: 14em;
	min-height: 4em;
}

#post-8 select	{
	width: 100%;
	max-width: 15em;
	height: 2.25em;
	margin: 0em 0em .5em .75em;
	border-color: #999 #999 #aaaaaa #999;
}

#post-8 input[type=submit]	{
	border: none;
	width: auto;
}

section.printing-colors header	{
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #aaa;
}

section.printing-colors header p	{
	margin: 0;
	font-size: .75em;
	line-height: 1.5em;
}

section.printing-colors ul,
section.printing-colors ul ol {
	padding: 0;
	margin: 0;
}

section.printing-colors ul li {
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	vertical-align: top;
	list-style-type: none;
	margin: 1.5em 1% 0em 1%;
	padding: 0;
}

section.printing-colors ul ol li{
	margin: .375em 0em;
	padding: 0em;
	display: inline-block;
	text-align: center;
	border: 1px solid #eee;
	width: 10%;
}

section.printing-colors ul ol.named-colors li{
	width: 32%;
}

@media (max-width: 550px){
	section.printing-colors ul	{
		font-size: .75em;
	}
}


/* !@todo: this selector will need to be adjusted as we figure things out  */
/*
article.post img,
article.page img	{
	margin: 1.5em -1em 0em -2.5em;
	max-width: intrinsic;
	max-width: -moz-max-content;
	height: auto;
	display: block;
}
*/

article.post img, article.page img {
	/*margin: 1.5em -3%;*/
	width: 100%;
	max-width: intrinsic;
	max-width: -moz-max-content;
	height: auto;
	display: block;
}

article h1 {
	clear: both;
}

article h1,
article legend	{
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-weight: 100;
	font-size: 1.7em;
	line-height: 1em;
	margin-bottom: .667em;
}

article h2	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-weight: 100;
	font-size: 1.125em;
	color: #444;
	line-height: 1.334em;
	margin-top: 1.5em;
	border-top: 1px solid #ccc;
	padding-top: 1.5em;
}

article h3	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-weight: 100;
	font-size: 1em;
	color: #999;
	line-height: 1.334em;
	margin: 1.5em 0 0 0;
}

article h3+p	{
	margin-top: .5em;
}


article h1+h2 {
	margin-top: -1em;
	margin-bottom: 1.5em;

	}

@media (max-width: 550px){
	article p,
	article h1,
	article h2,
	article h3 {
		max-width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	article h1+h2 {
		margin-top: 0em;
		white-space:nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

}

.entry-content p 	{
	line-height: 1.618em;
}

.entry-content>table,
.entry-content>div>table {
	border: none;
	font-size: .75em;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	border-collapse: collapse;
	margin-top: 1.5em;
	width: 100%;
}

.entry-content>table th,
.entry-content>div>table th {
	border: none;
	line-height: 1em;
	text-align: left;
	border-bottom: 1px solid #eee;
	padding: .375em 1em;
}

.entry-content>table th:first-child,
.entry-content>div>table th:first-child	{
}

.entry-content>table tbody th	{
	font-size: 1.5em;
	background-color: #ccc;
}

.entry-content>table td,
.entry-content>div>table td {
	line-height: 1.25em!important;
	border: none!important;
	border-bottom: 1px solid #ccc!important;
	border-left: 1px solid #ccc!important;
	padding: .375em 1em!important;
}

.entry-content>table td:first-child,
.entry-content>div>table td:first-child	{
	border-left: none;
}


article .entry-content>table.mapp-layout{
	margin-left: -3.5em;
}
@media (max-width: 660px ){
	article .entry-content>table.mapp-layout{
		margin: 0 auto;
		width: 95% !important;
	}
	article div.mapp-canvas{
		width: 100% !important;
	}
}

article fieldset, article section	{
	border: none;
	margin: 0;
	color: #666;
	width: 100%;
	padding: 0em 0em 0em 0em;
}

article fieldset	{
	padding-bottom: 1.5em;
}

/* two images unnaturally smashed together in a post */
/*
article .entry-content img+img, article .entry-content a+a img	{
	margin-top: 1.5em;
}
*/


#nav-above,
#nav-below,
.navigation {
	max-width: 52em;
	width: 100%;
	margin: 0 auto;
}

.nav-previous,
.nav-next	{
	padding: .5em;
	color: #ddd;
	margin: 0;
	display: inline-block;
}
.nav-next {
	float: right;
}
.nav-previous a:hover, .nav-next a:hover {
	color: #999;
}

/* What are these supposed to refer to? */
/*
@media (max-width:768px){
	span.nav-next{
		float:right;
	}
	span.nav-previous {
		float:left;
	}
}
*/



.platemaking label	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-size: 1em;
	min-height: 2.5em;
	line-height: 2em;
	width: 30%;
	margin: 0em 0em 0em 0em;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

label.has-explanation	{
	line-height: 1em;
}

label.has-explanation small a	{
	border-bottom: 1px dotted;
}


/* "Explanatory" text for form labels */
article label small	{
	display: block;
	color: #999;
}

/* Static text fields in a form */
article label+span {
  width: 95%;
	display: inline-block;
}
article label+span a {
	color: #AD0000;
}
article label+span a:hover {
	text-decoration: underline;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .quantity .qty {
  background: white;
  border: 1px solid grey;
  padding: .5em;
}

.upsells .woocommerce-loop-product__title {
  padding: .5em!important;
  line-height: 1.25!important;
}

.upsells img  {
  margin: 0!important;
}

.wc_payment_method img  {
  display:none!important;
}

.platemaking input, .platemaking textarea, .platemaking select {
	height: 2em;
	width: 30%;
	margin: 0em 0em .75em 1%;
}

.platemaking input[type="checkbox"] {
	width: auto;
	display: inline-block;
}


article input.error, article textarea.error, article select.error	{
	background-color: #ff0;
}

article input.altered, article textarea.altered, article select.altered	{
	background-color: #fc9;
}

section#billing_info	{
	clear: both;
}

.platemaking textarea {
	width: 30%;
	max-width: 33.5em;
	padding: .25em;
	max-height: 14em;
	min-height: 4em;
}

.platemaking select	{
	width: 31.5%;
	height: 2.25em;
}

article select[multiple]	{
	height: 5.5em;
}

article select.subdivision	{
	width: 15%;
}

article input[type=zip]	{
	width: 10%;
}


/* phone extensions */

article input[type=phone] + label {
	width: auto;
	font-size: .75em;
	line-height: 2em;
}
article input[type=phone] + label + input {
	width: 10%;
	margin: 0;
}



@media (max-width: 480px) {
	.platemaking label, .platemaking input, .platemaking textarea, .platemaking select	{
		display: block;
		width: 80%;
		max-width: none;
		padding: 0;
		margin: 0 auto;
	}
	.platemaking label	{
		text-align: left;
		height: auto;
		margin-bottom: .375em;
	}
	article select.subdivision	{
		margin-top: .75em;
		width: 35%;
	}
	article input[type=zip]	{
		margin-top: .75em;
		width: 25%;
	}

}


article input:disabled, article textarea:disabled, article select:disabled	{
	background-color: transparent;
	color: #ccc;
}

a.disabled, li.disabled	{
	display: none;
}

article input[readonly],
article textarea[readonly]	{
	background-color: transparent;
}


button.approve .checkmark	{
	color: #090;
}

button.decline .checkmark	{
	color: #900;
}


#bxpm_plate_selection div.movement	{
	margin-left: 0em;
}

#bxpm_plate_selection .plate:hover	{
	background: #ccc;
	outline: 2px solid #666;
}

#bxpm_plate_selection .plate.current	{
	background: #ccc;
	outline: 2px solid #222;
}

p.msds	{
	margin-top: 1.5em;
	display: inline-block;
}

button#reset_ticket {
	background-position: left center;
	background-repeat: no-repeat;
	padding: .25em .5em .375em;
	float: right;
	margin-right: 7em;
}


.platemaking .upsAccountSave {
/* 	display: none!important; */
	font-size: .75em;
	height: 3em;
	margin: 0;
	padding: 0;
	line-height: 3em;
	width: auto;
}

/* specific button styles */

button#loginButton, button#createNewAccount	{
	margin-left: 15em;
	width: 14.25em;
}



.entry-content	{
	color: #666;
}

.entry-content p:first-child	{
	margin-top: 0;
}


/* Q&A */

.qa-faq-title	{
	margin: 0em -1em 1.5em -1em;
	background-color: #EBEBEB;
	padding: .75em 1em;
	color: #666;
	font-style: normal;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	cursor:pointer;
}
/* /* nice use of consistent naming conventions, he said sarcastically */
.faq-catname	{
	font-weight: 100;
	font-size: 2.25em;
	color: #666;
	line-height: 1.333em;
	margin: 0em 0em .667em 0em;
}


h2.bxpfaqs {
	background-color: #DDD;
	color: #444;
	padding: 0.3em 1em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #BBB;
	cursor:pointer;
}

h2.bxpfaqs:hover,
h3.qa-faq-title:hover {
	background-color: #CCC;
}

h2.bxpfaqs:active,
h3.qa-faq-title:active {
	background-color: #AAA;
}

form#qaplus_searchform{
	display:none;
}

/*   Products Page   */

article.page ul.products, .bxp-thumbs	{
	text-align: center;
/* !@todo: this sucks */
	width: 50em;
	margin-left: -8.5em;
}


article.page .cross-sells ul.products	{
	text-align: left;
	width: auto;
	margin-left: 0
}


ul.products:after, .bxp-thumbs:after {
	content: '';
	display: inline-block;
	width: 100%;
}

#bxpm_plate_selection .bxp-thumbs,
.category-thumbnails .bxp-thumbs,
.upsells ul.products	{
	margin-left: 0em;
}

ul.products li.product, div.plate, .bxp-thumbs .thumb	{
	background: #EBEBEB;
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin: 0em .5em 1.5em .5em;
	text-align: left;
	position: relative;
	float: none;
}

#content article ul.products li.product a	{
	color: #666;
}

/* some patchwork to make upsells products look less silly, quickly */
.upsells ul.products	{
	margin-top: .75em;
	text-align: left;
}
.upsells ul.products li	{
	margin-left: 0;
}

#bxpm_upload_files div.plate	{
	margin: 0;
}

.bxp-thumbs .thumb	{
/* 	background: none; */
}

.bxp-thumbs .thumb h2	{
	display: inline-block;
}


@media (max-width: 775px) {
	article.page ul.products, .bxp-thumbs	{
		width: 98%;
		margin-left: auto;
	}
	ul.products li.product,
	div.plate,
	.bxp-thumbs .thumb	{
		width: 45%;
	}
}

@media (max-width: 480px) {
	ul.products	{
		width: 100%;
		margin-left: 0;
	}
	ul.products li.product,
	div.plate,
	.bxp-thumbs .thumb	{
		width: 100%;

	}
}



ul.products li.product img, div.plate img, .bxp-thumbs .thumb img 	{
	width: 100%;
	max-width: intrinsic;
	max-width: -moz-max-content;
	height: auto;
	margin: 0;
	display: block;
	border: none;
}

.bxp-thumbs .thumb figcaption	{
	margin: .75em;
}


ul.products li.product h3 {
	padding: 0;
	margin: 0em .5em;
	font-size: 1em;
}

ul.products li.product .price {
	color: #f91600;
	display: block;
	font-weight: normal;
	margin: 0em .5em;
}

ul.products li.product .price .from {
	font-size: 0.75em;
	margin: 0;
	color: #aaa;
}

ul.products li.product a.button {
	text-decoration: none;
	display: inline-block;
	background-color: #ccc;
	text-align: center;
	float: right;
	margin: 0em .5em .5em 0em;
}

#content ul.products li.product a.button:hover {
	background: #aaa;
	border-bottom: none;
}

/* reposition the woo checkbox when added */
a.button.added::before,
button.button.added::before,
input.button.added::before,
#respond input#submit.added::before,
#content input.button.added::before {
	left: -1.5em;
}

.upsells.products {
	clear: both;
	color: #999;
}

.upsells.products li.product {
	max-width: 13.5em;
}

div.product	{
	margin: 0 auto;
	width: 100%;
	max-width: 50em;
}

div.product div.summary,
#content div.product div.summary {
	float: left;
	width: 44%;
}

div.product div.images,
#content div.product div.images	{
	float: right;
	width: 54%;
}

div.product div.images img,
#content div.product div.images img {
	max-width: intrinsic;
	max-width: -moz-max-content;
}

.woocommerce_ordering {
	margin: 0 auto 1.5em auto;
	max-width: 50em;
}

.woocommerce_message,
.woocommerce_error,
.woocommerce_info {
	padding: .375em 1em;
	margin: .75em auto;
	max-width: 50em;
	line-height: 2em;
}

.woocommerce_message::before,
.woocommerce_error::before,
.woocommerce_info::before {
	position: static;
	float: left;
	margin: .375em 1em .375em 0em;
}


.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3{
	font-weight:normal;
	padding:0.5em 0.25em!important;
	font-size:0.9em!important;
	text-align:center;
}

.woocommerce ul.products li.product h3 mark,
.woocommerce-page ul.products li.product h3 mark{
	background-color:transparent;
	font-size:0.9em;
}
.checkout .col-2 h3	{
	float: none;
}

#payment img	{
	width: auto;
	height: auto;
	display: inline-block;
}

table.cart	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
}

/*  checkout page  */

/*
.col2-set .col-1 {
	float: left;
	width: 100%;
}
*/


/**/

div.grid_more_info	{
	display: none;
}

h1.page-title,
.bxp-thumbs {
	margin-top: .375em;
	font-size: 1em;
	line-height: 1.25em;
}

h1.page-title, div.term-description	{
	margin: 0 auto;
	max-width: 50em;
}

h2.prodtitle	{
	padding: .75em .5em;
}

.price_container {
	padding: 0em .5em;
	font-size: .875em;
	line-height: 1.75em;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
}

.price_container p {
	margin: 0;
}

/*

.single_product_display {
	margin-bottom: 0;
	padding: 0;
	position: relative;
	width: 50em;
}

.single_product_display .productcol {
	width: 18em;
}

.single_product_display .imagecol {
	float: right;
	margin-left: 2em;
	width: 32em;
}

.single_product_display img.product_image {
	width: 32em;
	height: 27em;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
*/


/*  Product Info Button  */

#content button.info	{
	background-color: #999;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-size: 1em;
	height: 1em;
	width: 1em;
	color: #EBEBEB;
	border: none;
	font-family: cursive;
	padding: 0em;
	line-height: 1em;
	position: absolute;
	bottom: .25em;
	right: .25em;
	min-height: 0;
}

#content button.info:hover	{
	background-color: #666!important;
}

#overlay aside img {
	float: left;
	margin: 0em 1em 1.5em 0em;
	width: 55%;
}

#overlay aside div.details	{
	display: inline-block;
	width: 40%;
}

#overlay aside div.details h1 {
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	font-weight: 100;
	font-size: 2em;
	color: #EBEBEB;
	line-height: 1.5em;
	margin-bottom: .1875em;
}
#overlay aside div.details h2 {
	color: #fff;
	font-size: .75em;
	font-style: italic;
}

#overlay aside div.details p {
	margin-top: 0em;
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
}

#overlay aside table.details {
	text-align: left;
	font-size: .75em;
	background-color: #ebebeb;
	color: #000;
	width: 100%;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	text-align: center;
	line-height: 1em;
}
#overlay aside table.details th {
	color: #666;
}

#overlay div.movement	{
	clear: none;
}

/* do this BEFORE we're an iPad */
@media (max-width: 775px) {

	#overlay aside img {
		float: none;
		margin: 0em 0em 1.5em 0em;
		width: 100%;
	}

	#overlay aside div.details	{
		display: block;
		width: 100%;
	}

	#overlay div.movement	{
		clear: both;
		margin: 0;
	}

}

@media (max-width: 480px) {
	#overlay aside table.details {
		font-size: .5em;
	}
}
@media (max-width: 320px) {
	#overlay aside table.details {
		font-size: .375em;
	}
}


#msgContent {
	margin: 1.5em 0em;
	height: 12em;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	background: #EBEBEB;
	color: #222;
	font-family: serif;
	padding: 2%;
	overflow: auto;
	white-space: pre-line;
	line-height: 1.25em;
	clear: both;
}




/* thumbnail pages, ie portfolio, printers, presses etc */

/*
#content article.bxp-thumbs h{
	text-align: center;
	font-size: 1.2em;
	text-shadow: 1px -2px 2px white;
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
	margin:0;
}

*/

article.type-staff,
article.type-printer {
	max-width:50em;
}

article.type-staff img,
article.type-printer img{
	margin: 0 0 2em 2em;
	width: 24em;
	height: auto;
	display: block;
	float: right;
}

article .portfolio-main
{
	width:60em;
	margin-left: -13.5em;

}

article .entry-content>.wp-caption	{
	width: auto!important;
}

p.wp-caption-text {
    margin: 0;
    font-size: small;
    background: #EBEBEB;
    padding: .5em;
    color: #666;
    font-family: sans-serif;
    line-height: 1;
    font-style: italic;
}

article img.page-main
{
	width:48em;
	margin-left: -7.5em;
}

@media (max-width: 960px) {
	article.type-portfolio img,
	article img.page-main
	{
		max-width: 35em;
		height:auto;
	}
	article img.portfolio-main,
	article img.page-main
	{
		width: 100%;
		height: auto;
		margin: 0;
	}
}

@media (max-width: 650px) {
	article.type-portfolio img{
		width: 100%!important;
		margin: auto!important;
	}
}

@media (max-width: 767px) {
	h2.announce {
		font-size: 2em;
	}
}

@media (max-width: 480px) {
	h2.announce {
		font-size: 1.5em;
	}
}

@media (max-width: 320px) {
	h2.announce {
		font-size: 1em;
	}
}

/* File Upload */

#upload_droparea	{
	text-align: center;
	display: inline-block;
	background: #EBEBEB;
	margin-left: 1%;
	max-width: 66%;
	position: relative;
	min-height: 13.5em;
	width: 100%;
}

@media (max-width: 480px) {
	#upload_droparea	{
		width: 100%;
		max-width: none;
	}
}

#upload_droparea>div {
	margin: .75em .75em 1.5em .75em;
	padding-bottom: .75em;
	min-height: 10em;
}

#upload_droparea h1 {
	display: none;
}

#upload_droparea p	{
	margin: 0em 1em;
	font-size: .75em;
	float: right;
	text-align: right;
}

#upload_droparea .traditional-upload {
	text-align: left;
	float: left;
}

#upload_droparea .traditional-upload span {
	display: none;
}

#upload_droparea.dragdrop>div {
	border: 2px dashed #fff;
	border-radius: 1em;
}

#upload_droparea.dragdrop h1 {
	display: block;
}

#upload_droparea.dragdrop .traditional-upload	{
	text-transform: lowercase;
}

#upload_droparea.dragdrop .traditional-upload span {
	display: inline;
}

#upload_droparea button {
	background-color: transparent;
	margin: 0 auto;
}

#upload_droparea table,
.split-ticket table	{
	border-spacing: 0;
	width: 100%;
	margin-bottom: 1.5em;
}

#upload_droparea thead,
.split-ticket thead	{
	font-size: .75em;
	font-weight: normal;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
}

.file_list	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	text-align: left;
	font-size: .75em;
	line-height: 1.5em;
	list-style-type: none;
	padding: 0;
	margin: 1.5em .25em 0em .25em;
}

.file_list li	{
	padding: 0em .5em;
}

.file_list li:nth-child(odd), .file_list tr:nth-child(odd) td	{
	background-color: #fff;
}

.file_list td.is-proofable	{
	text-align: center;
	background-color: transparent;
}

.file_list td.is-proofable input	{
	margin: 0;
	width: auto;
	height: 2em!important;
}

.file_list td.actions	{
	text-align: center;
	background-color: transparent;
}

#uploaded_file_list	{
	overflow-y: auto;
}

#uploaded_file_list tr.broken td.filename {
	text-decoration: line-through;
	color: #766;
}

#uploaded_file_list tr.pending td.filename {
	font-style: italic;
	color: #333;
}

#uploaded_file_list tr.finished td.filename {
	color: #676;
}

#uploaded_file_list tr.pending td.filename:after {
	content: ' - pending.';
}

#uploaded_file_list tr.finished td.filename:after {
	content: ' - finished!';
}

#uploaded_file_list tr.broken td.filename:after {
	content: ' - file error :(';
}

#uploaded_file_list tr.proof-declined td.filename:after {
	content: ' - proof declined.';
}

#uploaded_file_list tr.unproofable td.filename:after {
	content: ' - no preview available.';
}

#queued_file_list	{
	margin-top: 0em;
}

#upload_droparea:hover div	{
	border-color: #ffa;
}


.offset-checkbox	{
	font-size: .75em;
	float: right;
	line-height: 1.5em;
}
.platemaking .offset-checkbox input, .platemaking .offset-checkbox label {
	width: auto;
	margin: 0;
	padding: 0;
}

.textwidget	input[type=email]	{
	width: 78%;
	margin: 0;
}

.textwidget	input[type=submit]	{
	margin: 0;
}




.text-over-hr	{
	border-top: 1px inset;
	text-align: center;
	width: 100%;
	margin: .75em auto 0 auto;
}

.text-over-hr span	{
	background-color: white;
	padding: 0em .5em;
	top: -0.75em;
	position: relative;
}

.no-content {
	margin: 1.5em 0em!important;
	text-align: center;
	font-style: italic;
	font-size: .75em;
	line-height: 1em;
	min-height: 3em;
}

fieldset.addressbook	{
	margin-top: 0em;
}

ul.addressbook	{
	margin: 0em 0em 1.5em 0em;
	padding: 0;
	list-style-type: none;
	color: #999;
	float: right;
	width: 40%;
}

ul.addressbook li	{
	height: 1.5em;
}

ul.addressbook a	{
	color: #AD0000;
	font-size: .75em;
}
/* using CSS to insert html?  … well only to avoid needing an image for list bullets.  It feels ok.  One day we can use li::marker */
ul.addressbook a:before	{
	content: "\00BB \0020";
}

li.addressbook_update a	{
	display: none;
}


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

ul.file_approval h1	{
	font-size: 1.25em;
	color: #222;
	width: 100%;
	margin-top: 1.5em;
	text-align: left;
	padding-left: 1em;
}

ul.plate_approval	{
	margin: 0;
	padding: 0;
	text-align: justify;
}

ul.plate_approval:after {
	content: '';
	display: inline-block;
	width: 100%;
}


ul.plate_approval li {
	background: #EBEBEB;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin: 0em 0em 1.5em 0em;
	padding: .75em .5em;
	/*position: relative;*/
	/*text-align: center;*/
}

ul.plate_approval li[hidden] {
	display: none;
}

/* plate detail "zooming" */

ul.plate_approval li img:hover {
	cursor: zoom-in;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
#detailOverlay:hover {
	cursor: zoom-out;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
}



ul.plate_approval li.nth	{
	margin-left: 0;
}


/* approve and decline buttons */
ul.plate_approval li>button	{
	width: 49%;
	border: .0625em solid #999!important;
	margin: 0;
	text-align: center;
	line-height: 1em!important;
	padding: .5em 0em!important;
}

/* approve and decline buttons */
ul.plate_approval li>button span	{
	display: block;
	margin: .25em 0em;
}

ul.plate_approval li div	{
	position: relative;
}

ul.plate_approval li div>button	{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ccc;
}

.checkmark	{
	color: #ccc;
	font-size: 2.625em;
	display: inline-block;
}
ul.plate_approval li.transitioning	{
/* 	opacity: .5; */
}

ul.plate_approval li.declined div	{
	display: none;
}

ul.plate_approval li.approved button.approve .checkmark	{
	color: #090;
}

ul.plate_approval li.declined button.decline .checkmark	{
	color: #900;
}

ul.plate_approval li h1	{
	font-size: .75em;
	font-weight: bold;
	display: table;
	width: 100%;
	padding: 0;
	margin: 0em 0em 1em 0em;
}

ul.plate_approval li h1.employee	{
	display: none;
}

ul.plate_approval li h1	span	{
	padding: 0em;
	display: table-cell;
}

ul.plate_approval li h1	span.page-number	{
	text-align: left;
}

ul.plate_approval li h1	span.plate-color	{
	text-align: right;
}

.platemaking ul.plate_approval input	{
	height: auto;
	margin: 0em 0em 0em .5em;
	background-color: #fff;
}

.platemaking ul.plate_approval .page-number input	{
	margin-left: .5em;
}

.platemaking ul.plate_approval .plate-color input	{
	width: auto;
}

ul.plate_approval li div	{
	display: block;
	margin-bottom: .75em;
}

ul.plate_approval li img	{
	display: block;
	margin: 0 auto!important;
	width: 100%;
	height: 100%;
	max-width: intrinsic;
	max-width: -moz-max-content;
/*	max-height: intrinsic;
	max-height: -moz-max-content;*/
}

ul.plate_approval li table	{
	margin: .375em -1em 0em 0em;
	color: #333;
	font-family: "myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	line-height: 1em;
	font-size: .75em;
}

ul.plate_approval li td	{
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	padding-left: .5em;
}

ul.plate_approval li th	{
	text-align: right;
	font-weight: normal;
}


@media (max-width: 764px) {

	ul.plate_approval	{
		text-align: center;
	}
	ul.plate_approval li {
		width: 45%;
	}

}

@media (max-width: 320px) {

	ul.plate_approval li {
		width: 100%;
	}

	ul.plate_approval li button	{
		width: 98%;
	}
}




#plateDetail	{
	display: none;
}

#detailOverlay	{
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	background-attachment: scroll !important;
	top: 0;
	left: 0;
	z-index: 6;
	/*text-align: center;*/
}


#detailOverlay .loading {
	position: absolute;
	background: #EBEBEB;
	width: auto;
	color: #333;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	padding: 1.5em 1em;
	opacity: .9;
	display: none;
	text-align: center;
}

#detailOverlay.loading .loading {
	display: block;
}


aside.split-ticket {
	background-color: #CCC;
	color: #666;
	padding: .75em 1em;
	max-height: 600px;
	overflow-y: scroll;
}

aside.split-ticket label {
	font-size: .75em;
	line-height: 1.5em;
}

aside.split-ticket input[type=checkbox]	{
	margin-left: 28%;
	height: auto;
}

aside.split-ticket input[type=checkbox]+label	{
	text-align: left;
	margin-left: 1%;
	width: auto;
}

#split_discount_amount,
aside.split-ticket textarea.reason {
	width: 65%;
	margin: 0 0 1.5em 32%;
}

#split_reason {
	margin-left: 1%;
}

#ticket_details	{
/* 	clear: both; */
	vertical-align: top;
}

#ticket_details section	{
	width: 100%;
	max-width: 40%;
	margin: 1.5em 5%;
	padding: 0;
	float: left;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
}


#ticket_details section.terms-and-conditions	{
	clear: both;
	height: auto;
	max-width: none;
	text-align: center;
	margin: .75em 0em 0em 0em;
	padding: .75em 0em 0em 0em;
}

#ticket_details section.terms-and-conditions input	{
	width: auto;
	margin-right: .5em;
}

#ticket_details section.terms-and-conditions label	{
	font-size: 1em;
	max-width: none;
	height: auto;
	width: auto;
	color: #000;
	padding: 0;
}

#ticket_details section h1	{
	font-size: 1em;
	font-weight: bold;
	font-family: "adobe-caslon-pro-1", "adobe-caslon-pro-2","Georgia",serif;
	border-top: 1px inset;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	margin: 1.5em auto;
}


header.ticket-details h1 {
	font-size: 1em;
	margin: 0 0 0 5%;
	color: black;
}

#ticket_details section h1 span	{
	background-color: white;
	padding: 0em .5em;
	top: -0.5em;
	position: relative;
}

p.email-for-employee	{
	margin: 1.5em auto 0 auto!important;
	color: #000;
	clear: both;
	float: right;
	background-color: #ddffee;
	font-weight: bold;
	padding: .75em 1em;
	border: .125em solid #006633;
}

#ticket_details section p	{
	margin: 0;
}

#ticket_details section p.explanatory {
/* 	font-size: .75em; */
}

#ticket_details section p.inset {
	margin: 1.5em 10%;
	line-height: 1.25em;
}

#ticket_details p.actions	{
	text-align: right;
}

#ticket_details .additional-comments p.actions	{
	text-align: left;
}

p.actions a	{
	color: #AD0000;
	font-size: .75em;
	margin-right: 1em;
	display: inline-block;
	line-height: 1em;
}

/*
#ticket_details p.actions a	{
	color: #AD0000;
}
*/

h1+p.actions	{
	margin-top: 0;
}


p.actions a:before	{
	content: "\00BB \0020";
}

table.price-breakdown {
	border-spacing: 0;
	margin: 0em 0em 1.5em 0em;
	background: #EEE;
	padding: .5em;
	color: #333;
	border: 1px solid #AAA;
	width: 100%
}

table.price-breakdown caption {
	text-align: left;
	color: #999;
}

table.price-breakdown caption strong {
	color: #666;
	text-decoration: none;
}

table.price-breakdown tr td	{
	padding: .25em .5em;
	line-height: 1em;
}

table.price-breakdown tr td:first-child	{
	text-align: right;
}

table.price-breakdown tr.total td	{
	font-weight: bold;
	border-top: 1px solid #ccc;
	padding-top: .5em;
}

#ticket_details section.files p.actions {
	display: inline-block;
	padding: 0em .5em;
}

#ticket_details section.shipping-info	{
/* 	margin-left: 0; */
}

#ticket_details section.shipping-info div.address > div	{
	display: block;
	margin: 3em 0em;
}

#ticket_details section.shipping-info div.address > h1	{
	display: block;
	clear: both;
	margin: 1.5em 0em 0em 0em;
}

#ticket_details h2 {
	margin: 1em 0em 0.5em 0em;
}

p.relation	{
	font-size: .75em;
}

#ticket_details section.ticket-history ul {
	margin: .75em 0em;
	padding: 0em 2em;
	font-size: .75em;
	line-height: 1.25em;
	max-height: 21em;
	border: 1px solid #EBEBEB;
	overflow: auto;
}

#ticket_details section.ticket-history li	{
	margin: 1em 0em;
	padding: 0;
}

#ticket_details section.ticket-history li p:first-child	{
	font-weight: bold;
}

#ticket_details textarea {
	width: 97%;
	margin: 0em;
}


#ticket_details label {
	width: auto;
	font-size: .75em;
	height: auto;
	display: inline;
}

#printCoverSheet	{
/* 	float: right; */
}


#ticket_details ul.thumbnails	{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ticket_details ul.thumbnails li	{
	margin: 1.5em 0em 0em 0em;
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	width: 30%;
}

#ticket_details ul.thumbnails li img {
	width: 100%;
	height: auto;
	max-height: intrinsic;
	max-height: -moz-max-content;
	max-width: intrinsic;
	max-width: -moz-max-content;
	margin: 0 auto;
}


#discounts input,
#discounts select	{
	height: auto;
	margin: 0;
	vertical-align: baseline;
	width: auto;
	font-size: .75em;
}

#account_area #discounts	{
	margin: 1.5em auto;
	width: 40%;
}

#account_area #discounts label	{
	font-size: .75em;
	text-align: left;
	width: auto;
}

textarea.reason	{
	width: 100%;
	margin: .75em 0 .75em 1em;
}

#discount_amount	{
	font-size: 2em;
	margin: .5em;
}

#discount_amount input[type=number],
#split_discount_amount input[type=number]	{
	width: 80%!important;
}

#account_discount_amount input[type=number]	{
	width: 60%;
	font-size: 1.5em;
	margin: .75em 0em;
	padding: 0 1em;
}

#discount_PLPC_amount,
#split_discount_PLPC_amount {
	text-align: right;
}

#split_discount_type {
	font-size: .75em;
	height: auto;
}

section.files ul {
	list-style-position: outside;
	padding-left: 1em;
}

@media (max-width: 480px) {
	#ticket_details section	{
		float: none;
		width: 100%;
		margin: 3em 0em;
		max-width: none;
	}

}

#invoiceNumber	{
	width: auto;
}

.saveComments {
	float: right;
	font-size: .75em!important;
	margin: 0;
}

.pseudo	{
	border-bottom: 1px dotted;
}
.pseudo:hover	{
	color: #666;
	border-bottom: 1px solid;
}

#termsText {
	padding: .5em;
	background: #EBEBEB;
	color: #999;
}


#useShippingAddress {
	margin-left: 30%;
}

button#account_save	{
	width: 10em;
	position: absolute;
	right: 0;
}


ul.filtersList {
	max-width: 40em;
	display: block;
	margin: 0em 0em 1.5em 0em;
	padding: 0em;
	list-style-position: inside;
	font-size: .75em;
	line-height: 1.5em;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
}

ul.filtersList+p.action	{
	margin: 0em;
	font-size: .75em;
	line-height: 1.5em;
	display: inline-block;
	font-weight: bold;
}

.double-select	{
	margin: 0 0em 1.5em 1em;
	display: inline-block;
}

.double-select select	{
	font-size: .75em;
	height: auto;
	width: 100%;
	padding: 0em .25em;
	margin: 0em 0em .75em 0em;
	color: #666;
	vertical-align: baseline;
	max-width: 48%;
}
.double-select button.add	{
	font-size: .75em;
	height: auto;
	border: none;
	vertical-align: baseline;
}
.double-select a.remove	{
	color: #9f9;
	display: inline-block;
	top: 0.125em;
	position: relative;
}

.platemaking .admin-controls	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	background: #ddd;
	width: 100%;
	display: table;
  position: relative;
}

.platemaking .admin-controls > div {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	padding: 2%;
}


#accountType_switching label  {
  display: inline-block;
  font-size: .8em;
  min-height: 0;
  padding: 0 .5em;
}

#accountType_switching input  {
  width: auto;
  margin-right: .5em;
}

#ticket_details section.admin-controls {
	max-width: none;
	width: 99.5%;
	margin: 0;
}


.platemaking .admin-controls>div.active	{
/* 	background-color: #EBEBEB; */
	font-weight: bold;
}

.print-dailies {
	text-align: right;
}
.print-dailies label 	{
	width: auto!important;
	line-height: 3em;
}

#printDailyChecklistWhen	{
	width: auto;
}

#order_history_controls > div	{
	opacity: .5;
	display: inline-block;
	width: 14em;
	vertical-align: bottom;
}

#order_history_controls div.active	{
	opacity: 1;
}

article.platemaking .admin-controls button:hover {
	background-color: #ccc!important;
}

.platemaking .admin-controls label	{
	font-size: .75em;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
}

.platemaking .admin-controls span	{
	font-size: .75em;
}

.platemaking .admin-controls input	{
	font-size: .75em;
	padding: 0;
	background: white;
	margin: 0;
	width: 8em;
}

.platemaking .admin-controls select	{
	font-size: 0.75em;
	width: 100%;
	margin: .25em .25em .75em .25em;
}

.platemaking .admin-controls button.reload	{
	position: absolute;
	top: 0em;
	right: 0em;
	min-height: 0;
	background-color: #fff;
}
.platemaking .admin-controls button#printDailyChecklist	{
/*
	position: absolute;
	bottom: 0em;
	right: 0em;
*/
	min-height: 0;
	background-color: #fff;
}

.platemaking .admin-controls button.reload:hover	{
	background-color: #EBEBEB;
}

.platemaking .admin-controls button.reload:active	{
	background-color: #fff;
}


/* disable the first column */
.platemaking .sorting_1	{
	display: none;
}

#account_list	{
	width: 19.5em;
}

.admin-controls span.sprite, .datatable-loading-wrapper span.sprite	{
	width: 1.5em;
	padding: .375em 0em;
}

/* Price/Time Inspector (not to be confused with Inspector SpaceTime) */

aside#pricetime	{
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	width: 100%;
	margin: 1.5em 0em 0em 0em;
	clear: both;
	background: #EBEBEB;
	position: relative;
	display: none;
}

/* should be hidden until everything is loaded */
/*
article.platemaking aside#pricetime	{
	display: block;
}
*/

aside#pricetime>span	{
	font-size: .75em;
	margin: 0em 1em;
}

/* total price */
aside#pricetime>span:last-child	{
	position: absolute;
	top:0;
	right: 0;
}

aside#pricetime>span span	{
	font-weight: bold;
	color: #000;
}

@media (max-width: 480px) {

	aside#pricetime>span	{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	aside#pricetime>span:last-child	{
		position:static;
	}
}


.datatable-loading-wrapper	{
	position: relative;
}

.datatable-loading {
	opacity: .9;
	display: none;
	position: absolute;
	padding: 1em;
	background: white;
	color: black;
	z-index: 3;
	width: 8em;
	text-align: center;
	margin: 3em 12em;
	font-size: 1.5em;
	border: 1px solid #666;
}



/*
 * Table
 */
table#order_history {
	clear: both;
	width: 100%!important;
	margin: 0em/*  -5em */;
	color: #666;
	border-spacing: 0;
	font-size: .75em;
}

@media (max-width: 650px) {
	table#order_history {
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	table#order_history {
		font-size: 10px;
	}
	table#order_history img {
		width: 16px;
		height: 16px;
	}
}

@media (max-width: 320px) {
	table#order_history {
		font-size: 8px;
	}
}

table#order_history th {
	padding: 0em;
	font-weight: bold;
	line-height: 1em;
	cursor: pointer;
}

table#order_history tr.header	{
	background-color: #999;
	color: #EBEBEB;
	height: 2em;
}


table.dataTable td {
	overflow:hidden;
	text-overflow: ellipsis;
	line-height: 1.25em;
/* 	white-space: nowrap; */
	padding: .375em .5em;
	width: 15em;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #EBEBEB; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #ddd; }
table.dataTable tr.odd td.sorting_2 { background-color: #ddd; }
table.dataTable tr.odd td.sorting_3 { background-color: #009; }
table.dataTable tr.even td.sorting_1 { background-color: #EBEBEB; }
table.dataTable tr.even td.sorting_2 { background-color: #EBEBEB; }
table.dataTable tr.even td.sorting_3 { background-color: #009; }


table.dataTable .action	{
	background: #fff!important; /* yep, that's a specifically white background */
	padding: 0;
	width: 2em;
}

table.dataTable td.forward:hover a	{
	text-decoration: underline;
}

table.dataTable tr:hover td	{
	background-color: #ccc;
}

table.dataTable tr:hover .action button.forward	{
/* 	background-color: #ccc; */
}

table.dataTable td.accountName {
	max-width:8em;
}

table.dataTable td.assignedEmployee img	{ /* specifically, the assignedEmployee Gravatar */
	display: block;
	float: left;
	margin: 0em .5em 0em 0em!important;
	width: auto;
	height: auto;
}

table.dataTable td.assignedEmployee a{
	max-width:4em;
}

table.dataTable td.shippingMethod {
	max-width: 12em;
	text-overflow: ellipsis;
}

table.dataTable td.shippingDate input{
	font-size: 0.9em;
}

#gravatars	{
	display: none;
}

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	font-family:"myriad-pro-1", "myriad-pro-2","Helvetica",sans-serif;
	margin: 1.5em 0 3.5em 0em;
}

.dataTables_wrapper table{
	border-spacing:0;
}

.platemaking .dataTables_wrapper label {
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	vertical-align: middle;
}

.platemaking .dataTables_wrapper select, .platemaking .dataTables_wrapper input	{
	width: 7em;
	margin: 0;
	vertical-align: middle;
}

.platemaking .dataTables_wrapper input[type=date]	{
	width: auto;
}

.platemaking .dataTables_length select	{
	width: auto;
	margin: 0 .5em;
}
/*
 * Page length menu
 */
.dataTables_length {
	font-size: .75em;
	margin-bottom: 1.5em;
}


/*
 * Filter
 */
.dataTables_filter {
	top: 0;
	right: 1em;
	position: absolute;
	text-align: right;
	font-size: .75em;
}

.base-table table {
	visibility:hidden;
}

.base-table .dataTables_filter {
	position:relative;
	width:100%;
}

.base-table .dataTables_filter input {
	width: 85%;
	padding: 0.2em;
	margin-bottom:1.5em;
}

.platemaking .dataTables_filter input {
	width: auto;
	margin: 0 .5em;
}

/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
	margin: 0em 0em 1.5em 0em;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
	margin: 0em 0em 1.5em 0em;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
/* 	*cursor: hand; */
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('images/dataTable/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('images/dataTable/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('images/dataTable/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('images/dataTable/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('images/dataTable/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('images/dataTable/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
/* 	*cursor: hand; */
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('images/dataTable/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('images/dataTable/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('images/dataTable/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('images/dataTable/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('images/dataTable/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
/* 	*margin-top: -1px; */
	-webkit-overflow-scrolling: touch;
}







.type-post .related-posts {
	float: right;
	width: 40%;
	margin: 0em 0em 1.5em 2em;
}

.related-posts h1	{
	font-size: 1.5em;
}

.related-posts ol	{
	margin: 0;
	padding: 0em 0em 0em 1.5em;
	font-size: .75em;
	list-style-type: disc;
	line-height: 1.25em;
}

.related-posts ol li	{
	margin: 0em 0em .75em 0em;
}




#comments	{
	max-width: 33em;
	margin: 0 auto;
}

#comments-title	{
	display: none;
}

ol.commentlist	{
	list-style-type: none;
	margin: 0em;
	padding: 0;
}

ol.commentlist ul	{
	list-style-type: square;
}

.comments-link	{
	display: none;
}

article.comment footer.comment-meta {
/* 	float: left; */
/* 	border-bottom: 1px solid #EBEBEB; */
	font-size: .75em;
	vertical-align: top;
	line-height: 1.5em;
	margin-bottom: .5em;
}

article.comment footer.comment-meta img {
	vertical-align: top;
	float: left;
	margin: 0em 1em 1.5em 0em;
	font-size: 16px;
	height: 4em!important;
	width: 4em!important;
}

article.comment footer.comment-meta .comment-author	{
}

article.comment footer.comment-meta .comment-author span	{
/* 	display: block; */
}

article.comment .comment-content p	{
	margin: 0em 0em 1.5em 0em;
	color: #aaa;
}

article.comment .reply {
	font-size: .75em;
	margin: 0em 0em .75em 0em;
	padding: 0em 0em .75em 0em;
	text-align: right;
}

#commentform	{
	display: inline;
}

#reply-title	{
	color: #aaa;
	display: inline-block;
	margin-right: .5em;
}

#cancel-comment-reply-link {
	font-size: .75em;
	padding: 0em 0em 0em 1em;
}

.logged-in-as {
	font-size: .75em;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.logged-in-as a {
	font-weight: bold;
}

.comment-form-comment	{
	margin: 0;
	clear: both;
}

.comment-form-comment label	{
	vertical-align: top;
	font-size: .75em;
	margin-right: 1em;
}

.comment-form-comment textarea	{
	width: 96%;
}

.form-allowed-tags	{
	font-size: .75em;
}

.form-submit	{
	text-align: right;
}

/* HOME */
.home div.slideswitcher{
	max-width: 54em;
	white-space: nowrap;
}

.home .slideswitcher header.announce {
	background-color: #444;
	background-color: rgba(50,50,50,0.75);
	padding: 0.5em;
	right: 1em;
	top: 1em;
	text-align: right;
	position: absolute;
	white-space:nowrap;
}
.home div.slideswitcher header.announce h2 {
	font-size: 1.2em;
	display: inline-block;
	margin-right: 1em;
	text-align: left;
	float: left;
	color:white;
}

.home div.slideswitcher header.announce h2 a{
	color:white;
}

.home div.slideswitcher header.announce img{
	width: 50px!important;
	height: 50px!important;
}

.home div.slideswitcher header.announce p {
	vertical-align:middle;
	display:inline-block;
	margin:0;
}

@media (max-width: 480px) {
	.home div.slideswitcher header.announce h2 {
		font-size: 1em;
	}
	.home div.slideswitcher header.announce img{
		width: 40px!important;
		height: 40px!important;
	}

}


.home #content strong{
	text-decoration: none;
	font-weight:bold;
}

header.page-header	{
	margin: 0 auto;
	width: 70%;
	font-size: .5em;
	max-width: 66em; /* that's 33em at 1/2 scale, y'all */
}

#nav-single	{
	max-width: 64em;
	width: 100%;
	margin: 0 auto;
	/*height: 1em;*/
}


table.dataTable td.ticketNumber { text-align: center; font-weight: bold; color: #000; }
table.dataTable tr.received > td.ticketNumber{background-color:#e387ff;}
table.dataTable tr.platemaking > td.ticketNumber{background-color:#b7e89b;}
table.dataTable tr.shipping > td.ticketNumber{background-color:#7c9bff;}
table.dataTable tr.pending > td.ticketNumber{background-color:#ffffff;}
table.dataTable tr.foilPlating > td.ticketNumber{background-color:#ff9900;}
table.dataTable tr.onHoldStatus > td.ticketNumber{background-color:#EF1600;color:white;}
table.dataTable tr.cancelled > td.ticketNumber{background-color: #EBEBEB; text-decoration:line-through;}
table.dataTable tr.rush > td.ticketNumber a {padding: 2px;outline: 2px solid #000;}
table.dataTable tr.foilPlating > td.ticketNumber{background-color:#FFA500;}
table.dataTable td.poNumber {max-width: 3em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
table.dataTable td.poNumber:hover {text-overflow: inherit; overflow: visible; white-space: normal; word-wrap: break-word;}


.related-posts {
	margin: 1.5em 0%;
}

.related-posts h1 {
	margin: 0 0 .75em 1%;
}

.related-posts ul {
	padding: 0;
	margin: 0;
}

.related-posts ul li {
	display: inline-block;
	width: 22.5%;
	margin: 0 1% 1.5em 1%;
	vertical-align: top;
	font-size: 1em;
}

.related-posts ul li img {
	width: 100%;
	margin: 0;
}

.related-posts ul li a {
	color: inherit;
	font-family: "myriad-pro-1", "myriad-pro-2", "Helvetica", sans-serif;
}




@media (max-width:767px)	{

	.social_footer {
		text-align: center;
	}

	.social_footer a {
		display: inline-block;
		margin: .5em;
		font-size: 1.5em;
	}

	#subForm	{
		text-align: center;
	}

	#subForm input	{
		margin: 1em;
	}

	/* div.menu-user-controls-container {
	  float: none;
	  clear: both;
		padding: .5em;
	} */

	/* #menu-user-controls {
		display: block;
	}
	#menu-user-controls li {
	  font-size: 1.2em;
		display: block;
	  margin: 1em;
	} */
	footer.entry-meta	{
		font-size: 1.5em;
		line-height: 2em;
	}
}



/* Product Addons for woocommerce */

.product-addon	{
	font-size: .75em;
	margin-bottom: 2em;
}
.product-addon .form-row	{
	margin: 0;
	padding: 0;
}
.product-addon h3	{
	line-height: 1.25em;
}
.product-addon- h3	{ /* this covers the clumsy blank headings Product Addons often requires */
	display: none;
}
.product-addon label	{
	font-size: 1rem;
}

/* tweak for Woo address revealing */
#customer_details .shipping_address	{
	clear: both;
}





#special_message	{
	background-color: #EBEBEB;
	font-size: .8em;
	line-height: 2em;
	color: #666;
	text-align: center;
	max-width: 960px;
	margin: 0 auto .5em;
}


#place_order  {
  border: 1px solid #666!important;
  background-color: #ffffff!important;
  font-weight: bold!important;
}