<style>
/* DO NOT REMOVE - NO ONE UNDERSTANDS WHY - JUST DON'T DO IT! */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }
  /* ================ OPS ===============*/
/* ================ HEADER AND FOOTER ===============*/
header{ background-color:#fff; }
nav.nav-top { float: right; }
.nav-top ul { padding: 0px; margin-top: 10px; }
ul.ul-nav li { float: left; list-style: none; }
.nav-top a { color: #2E3A3F; text-decoration: none; font-size: 14px; }
.cart-total, .cart-basket { font-size: 14px; margin-top: -10px; padding: 10px 40px 15px; background-color: #567eb9; }
.cart-total, .cart-basket a { color: #fff; }
.cart-total { padding-right: 0px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
.cart-basket { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
.cart-myaccount { margin-right: 20px; }
a.logoff { float: right; margin: 10px 30px 0 0; color: #2E3A3F; text-decoration: none; }
h1.site-title { line-height: 100px; font-size: 30px; }
.customer-logo{ text-align:right; padding-top:15px;}
.customer-logo img { max-height: 150px; }
.help { font-size: 23px; margin: 0px; font-weight: bold; }
.cdetails { font-size: 18px; margin: 0px; }
.contactbar { background-color: #2E3A3F; height: 60px; font-size: 16px; color: #fff; padding: 0 20px; text-align: left; line-height: 60px; font-weight: bold; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.contactbar a { padding: 0 25px 0 0; float: right; background: url('img/contactusicon.png') no-repeat center right; color: #fff; }
/*======nav============*/
/* ================ CONTENT ===============*/
/* ================ OPS MENU ===============*/
h2.cat-menu-header { color: #FFFFFF; font-size: 16px; background-color: #051843; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 0 10px 15px; margin-bottom:0; }
.ul-nav-prod, .sidebar { background-color: #F7F7F7; padding: 10px; margin-top:0; }
nav.nav-cat { margin: 10px 0; min-height: 200px;}
nav.nav-cat ul li a { font-size:14px; padding: 10px 0px; margin: 0 5px; display: block; border-bottom: 1px solid #ccc; color: #000; text-decoration: none; }
/* ================ OPS CATALOGUE ===============*/
.listing-category-image img, .listing-product img, .listing-template img { max-width: 99.99%; height:auto; }
.listing-template img { border: 1px solid #ddd; }
.listing-product {margin-bottom: 30px;}
.listing-product-name {color:#051843; text-decoration:none;}
.listing-product-name, .listing-category-name { text-transform: uppercase; font-weight: bold; font-size: 1.1em; margin: 6px 0 12px 0; display:block; }
.productdesc {float:left; margin-bottom:30px; }
.productdesc {float:right; text-align:left; width:360px;}
.listing-category-int, .listing-product-int { display: block; }
div.prod_text .form-submit { margin-left:0; }
.p-matrix-group {display:none;}
.p-matrix-price {
	transition: background-color .25s ease-in-out;
-moz-transition: background-color .25s ease-in-out;
-webkit-transition: background-color .25s ease-in-out;
}
.p-matrix-price a {
	transition: color .1s ease-in-out;
-moz-transition: color .1s ease-in-out;
-webkit-transition: color .1s ease-in-out;}
.p-matrix-price:hover { background-color:#f58026; color:white;}
.p-matrix-price:hover a {color:white;}
.p-matrix-price a {opacity:1 !important;}
/* ================ OPS MY ACCOUNT ===============*/
#myaccount { padding:0 15px; }
.search-orders{ margin-bottom:20px; }
/* ================ OPS FORM STYLES ===============*/
input, select {
	border: 1px solid #e3e3e3;
	padding: 5px;
	color: #2e3a3f;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/*max-width: 99%*/
}
select { /*max-width: 99%*/ }
/* ================ OPS GENERIC STYLES ===============*/
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.border-none { border:none; }
.width-20 { width:20%; }
.width-25 { width:25%; }
.width-30 { width:30%; }
.width-40 { width:40%; }
.width-45 { width:45%; }
.width-50 { width:50%; }
.width-60 { width:60%; }
.width-70 { width:70%; }
.width-80 { width:80%; }
.width-90 { width:90%; }
.width-100 { width:100%; }
.margin0px{	margin: 0px; }
.padding0px{ padding: 0px; }
.padding5px { padding:5px; }
.padding3px { padding:3px; }
.valigntop{ vertical-align:top; }
.border-left-dotted{ border-left: 1px dotted #CCC; }
.border-left-solid{ border-left: 1px solid #CCC; }
.border-right-dotted{ border-right: 1px dotted #CCC; }
.border-right-solid{ border-right: 1px solid #CCC; }
.border-bottom-solid{ border-bottom: 1px solid #CCC; }
.border-bottom-solid{ border-bottom: 1px dotted #CCC; }
.error { color:#FF0000; }
.small-text { font-size: 0.8em;}
/* content styles */
.cartbox, .cartbox-checkout {
	width: 100%;
}
.cartbox {
	font-size: 10px;
}
.cartbox-checkout {
	font-size: 14px;
}
.cartbox-checkout img {display:none;}
.cartbox-cell-total, .cartbox-cell, .cartbox-top, .quotebox-cell, .quotebox-top, .quotebox-cell-total{
	padding: 12px 5px;
	vertical-align:top;
}
.cartbox-top, .quotebox-top{ color:#a378cf; font-size:16px; font-weight:bold;}
.cartbox-heading {
	padding: 3px 5px;
	background:#efefef;
	color:#2E3A3F;
}
.cartbox-cell-total, .quotebox-cell-total {
	border-top:1px dotted #CCC;
	color:#2E3A3F;
	font-size:14px;
	font-weight:bold;
}
.checkout-action { text-align:right; }
.form-submit{ border:none; cursor:pointer; font-family:inherit; }
.checkout-action a:hover, a.cart-view:hover, a.cart-add:hover, a.cart-save:hover, .form-submit:hover, .wpcf7-submit:hover { opacity: 0.8; }
.cart-view, .cart-add, .cart-save {
	text-align:right;
	display:block;
	font-size:11px;
}
.cart-discount .form-submit {
	float:none;
}
.cart-discount{
	float:left;
	border:1px solid #CCC;
	padding:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.p-thumbs { font-size: 11px; text-align:right; }
.p-thumbs a, .p-thumbs a:visited { text-decoration: none; color:#051843; }
.cartsteps{ width:100%; }
.cartsteps-cell, .cartsteps-cell-active {
	padding:3px;
	color:#FFFFFF;
	text-align:center;
	width:20%;
	border-left:1px solid #FFF;
}
.cartsteps-cell {
  background: #efefef;
  color:#2E3A3F;
  padding:5px;
}
.cartsteps-cell-active {
	background: #f58026;
    padding:5px;
}
.new-customer, .existing-customer {
	display: inline-block;
	width: 100%;
	background: white;
	float: none;
	padding: 1.5rem 20px;
	vertical-align: top;
}
.new-customer {
	margin: 0px;
}
@media screen and (min-width: 768px) {
	.new-customer {
		margin: 0px 20px 0px 0px;
	}
	.new-customer, .existing-customer {
		width: 300px;
	}
}


.boxheader {
	font-size:14px;
	display: block;
    line-height: 1.25;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
    margin-bottom: 1rem;
    font-weight: normal;
    color: #86BC24;
    font-size: 1.25rem;
}

.boxcontent .checkout-action {margin-top:0.5rem;}

/* Form styles */
.formlabel{
	width:50%;
	padding:3px;
}
.formfield {
	width:50%;
	padding:3px;
}
.fielderror {
	border: 1px solid #CC0000;
}
.box-info, .box-success, .box-warning, .box-error, .box-validation {
	border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.box-info {
	color: #00529B;
background-color: #E3F4FC;
background-image: url('img/info_ex.png');
}
.box-success {
	color: #4F8A10;
background-color: #F1FAE4;
background-image:url('img/success.png');
}
.box-warning {
	color: #9F6000;
background-color: #FFF8DF;
background-image: url('img/warning.png');
}
.box-error {
	color: #D8000C;
background-color: #FFE2E2;
background-image: url('img/error.png');
}
#loginform {
	margin:0px;
}
.last{ margin-right:0; }
.hide { display:none; }
/* TAB STYLES */
.templatetablink {
	text-align:center;
	cursor:pointer;
	display:table-cell;
	text-decoration:none !important;
	zoom:1;
}
.templatetab1, .templatetab2, .templatetab3{
	background:#EEEEEE;
	color:#333;
}
.templatetab1active, .templatetab2active, .templatetab3active{
	background:#18509D;
	color:#FFF;
}
.templatetab1, .templatetab1active {
	margin:0px 3px;
	padding:1px 0px 0px 0px;
}
.templatetab2, .templatetab2active {
	margin:0px 2px;
	padding:1px 0px 0px 0px;
}
.templatetab3, .templatetab3active {
	padding:5px 20px;
	margin:0px 1px 0px 1px;
}
td.paging-right{ text-align:right }
td.paging-left{ text-align:left }
/*matrix*/
#p-matrix-options-container,#p-matrix-container, .p-matrix-container-title { margin:0 20px 20px; }
.p-matrix-options-container, .p-matrix-options { width: 100%;}
.p-matrix td, .p-matrix th{ border: 1px solid #fff; padding: 6px 10px; line-height: 18px;  box-sizing: border-box; }
.p-matrix-optionsheading { font-size: 16px; font-weight:bold; border-bottom:1px solid #2E3A3F; padding: 0 0 5px; margin: 14px 0 0; }
.p-matrix-attributegroup, .p-matrix-attributes { line-height: 24px; min-height: 30px; padding: 16px 0 0; float:left; }
.p-matrix-attributegroup { width: 40%;   }
.p-matrix-attributes { width: 55%; }
.p-matrix-attribute { margin-right: 0; display: block; }
.p-matrix { width: 100%;border-collapse: collapse; }
.p-matrix-quantityheading, .p-matrix-format { background-color: #567eb9; color: #FFF; text-align: center; font-weight:normal; }
.p-matrix-quantityheading { background-color: #FDFDFC; }
.p-matrix-quantity { background-color: #333; color: #FFF; text-align: center; font-weight: bold; font-size: 14px; }
.p-matrix-price { background-color: #f7f7f7; text-align: center; }
.p-matrix-price-link { width: 100%; display: block; color: #485a60; text-decoration:none; }
.p-matrix-group { color: #FFF; background: #485a60; height: 35px; }
.p-matrix-group h2 { font-size: 16px; color: #FFF; margin: 3px 8px; }
.p-matrix-options { margin: 10px 0px 0px; }
/*template matrix*/
#p-tmatrix-container{ width:100%;margin-bottom:20px; }
.p-matrix-price-view { background-color: #f7f7f7; text-align: center; height: 28px;}
/*checkout*/
#checkout{min-height:500px;}
#checkout p { margin: 10px;}
/* ================ OPS TEMPLATE SYSTEM ===============*/
.listing-template { margin-bottom: 15px;}
.listing-template-name { font-weight: bold;margin-top: 5px;}
div.create-online{
    padding:20px;
}
.create-online-price { display:none; }
tr.template-styles{
    display:none;
}
.template-tabs, .template-styles{
    display:none;
}
.tab-pane h2 { margin-bottom: 15px;}
.template-sets {
	border: 1px solid #CCC;
margin: 0px 0px 10px 0px;
padding:10px;
}
.template-box-sets .template-sets { border-top: none; width: 658px; }
.template-sets td {
    padding: 13px;
	vertical-align:top;
}
.template-sets img{
	max-width: 185px;
	height:auto;
	border: 1px solid #ddd;
}
.templatelogin { background: #EEE; margin-bottom: 10px; line-height: 40px; font-size: 12px; }
.templatelogin > div, .templatelogin form { float:left; }
.templatelogin-form span{ display:block; float:left; }
.templatelogin-label{ font-weight:bold; padding: 0 10px; }
.templatelogin .form-submit, .templatelogin .checkout-action a, .template-actions .checkout-action a{ padding: 5px 10px;  font-size: 12px; }
.templatelogin-form { border-left: 1px solid #000; padding-left: 10px; }
.templatelogin-form .form-text {
	width:120px;
}
.templatelogin-form .form-password {
	width:80px;
}
.template-selectuser { margin-right:5px; }
.template-controls{
	background:url(img/controlsbg.png) no-repeat;
	width:310px;
	height:45px;
	padding:0 5px 0 20px;
	margin-bottom:20px;
	font:18px/45px Anodyne,Arial,Helvetica,sans-serif;
	display:none;
}
.template-bottom{
	margin:20px 0 0;
}
.template-controls h2{
	color:#303b2d;
}
.template-controls-buttons{
	float:right;
	width:195px;
	height:30px;
}
.template-back, .template-next{
	width:95px;
	height:30px;
	text-align:center;
	border:none;
	font:18px/30px Anodyne,Arial,Helvetica,sans-serif;
	color:#303B2D;
	display:inline-block;
	margin:0;
}
.template-back{
	background:url(img/button_back.png) no-repeat;
	color:#fff;
}
.template-next{
	background:url(img/button_next.png) no-repeat;
}
.template-back:hover, .template-next:hover{
	color:#000;
	cursor:pointer;
}
.template-back:hover{
	color:#fff;
}
.template-data{
	float:left;
	width: 285px;
	margin-left:35px;
	margin-right:15px;
	margin-top:25px;
}
.template-data div{
	margin:12px 0;	
}
.template-code{
	color:#7b7f80;
	font-weight:bold;
	font-size:14px;
	display:none;
}
.template-desc{
	font-weight:bold;
}
.template-price{
	font-size:18px;
	color:#96c11f;	
}
.template-form{
	border:1px solid #d9d9d9;
	padding:10px;
}
div.template-form-intro{
	margin:0;
	color:#535555;
	font-size:14px;
	font-weight:bold;
}
.template-form input{
	width:99%;
	border: 1px solid #7b7f80;
	text-align:center;
	color:#9ea1a2;
	height:38px;
	font:bold 16px/38px Arial,Helvetica,sans-serif;
}
.template-preview{ position:relative; float: left; }
.template-proof{ float:none; }
.template-preview-loader{
	position:absolute;
	margin-top:30%;
	left:30%;
	right:30%;
	color:#111;	
	text-align:center;
	border:1px solid #ccc;
	background:#eee;
	display:none;
}
.template-preview-loader img{
	padding:50px;
}
.template-image {
    margin: 0 auto;
    position:relative;
    float:left;
}
.templateimage {
    margin: 0 auto;
}
.templatefields {
    position: relative;
    left: 0px;
    top: 0px;
}
.templateform{
    float:left;
    width: 225px;
}
#template-confirm-box{
	width:600px;
	margin: 10px;
}
.create-online-confirm{ float:left; height: 40px; margin-right:10px; }
.template-continue{
	text-align:center;
}
.fields-margin{
	margin: 10px 0 4px;	
}
.field-image{
	margin: 5px 0 10px;
}
.field-loader {
	zoom:1;
	display: inline-block;
	margin: 10px 0;
}
/*Photo Upload Styles */
.file-input {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    float:left;
    z-index:10;
    font-family:Helvetica, Arial, serif;
}
.file-input input {
    cursor: pointer;
    font-size: 100px;
	height:30px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
    z-index:20;
    outline:none;
}
.file-input .btn{
	background: url(img/button_upload.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    float:left;
	width:200px !important;
	height:30px !important;
	line-height:30px !important;
	text-align:center;
	border:none;
	font:18px/30px Anodyne,Arial,Helvetica,sans-serif;
	color:#303B2D;
	margin:0;
	border-radius: 5px;
}
.file-input input:hover, .file-input .btn:hover{
	cursor:pointer;
}
.file-input .file-holder{
    margin-top:4px;
    display: block;
    float: left;
    margin-left:4px;
    font-size:11px
}
.field-exts{
	display:block;	
	clear:both;
	margin-top:5px;
}
/* TEMPLATE EDITOR */
.template-editor {
    background: #eee;
	border-color:1px solid #ccc;
    float: right;
    height: 44px;
    width: 300px;
	padding:4px;
}
.template-editor select{
	width:99%;
	border:1px solid #ccc;
	height:15px;
	font-size:11px;
}
.template-editor > div{
	float:left;
}
.editor-font{
	width:116px;
	height:44px;
	padding:0 2px;
	margin-right:4px;
	border:1px solid #ccc;
}
.editor-size{
	width:68px;
	height:44px;
	padding:0 2px;
	margin-right:4px;
	border:1px solid #ccc;
}
.editor-align{
	border:none;
	width:78px;
	height:43px;
}
.editor-align > div{
	border:1px solid #ccc;
	width:20px;
	height:20px;	
	float:left;
	margin: 0 4px 1px 0;
}
.editor-align > div:hover{
	cursor:pointer;
}
.editor-align img{
	vertical-align:top;
}
.editor-colour{
	width:14px;
	height:43px;
	margin:0;
}
.editor-colour > div{
	width:6px;
	height:6px;	
	float:left;
	margin: 0 1px 1px 0;
}
.editor-colour > div:hover{
	cursor:pointer;
}
/* ================ OPS TEMPLATE PROOF / APPROVALS ===============*/
.template-actions{ background:#EEE;padding:3px 5px; margin-bottom:20px;line-height: 40px; text-align:left; }
.template-actions .checkout-action { text-align:left; }
.template-actions a {float:none; }
/*tabs*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #0088cc;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  margin: 0;
  padding: 0;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
/* tooltip */
.tooltip {
    background: url('img/i.png') no-repeat 0 0;
    width: 21px;
    height: 21px;
    margin-left: 10px;
    vertical-align: text-bottom;
    display: inline-block;
    color:transparent;
}
.tooltip-content {
    display: none;
}
/* matrix success box */
.p-matrix-success, .p-matrix-error, .p-matrix-confirm{
	position:fixed;
	bottom:50px;
	right:50px;
	border-radius:10px;
	padding:40px;
	color:#FFF;
	}
.p-matrix-success{
      background-color: rgba(0, 0, 0, 0.6);
}
.p-matrix-error{
      background-color: rgba(0, 0, 0, 0.6);
}
.p-matrix-confirm{
    border:3px solid #f0e933;
    background-color: rgba(0, 0, 0, 0.6);
}
.p-matrix-success h3, .p-matrix-error h3, .p-matrix-confirm h3{ color: white; font-size: 1.3em; }
.p-matrix-success p, .p-matrix-error p, .p-matrix-confirm p { padding: 0px; text-align: right;}
.p-matrix-success a, .p-matrix-error a, .p-matrix-confirm a { color: #051843; text-decoration:underline; }
.p-matrix-sucesss-close {position: absolute; right: -8px; top:-8px; background:url('images/delete.png') no-repeat 0 0; width:25px; height:25px; opacity: 1;}
/* Template Cloud */
.tc-image img { max-width:100%; height: auto; border: 1px solid #ddd; }
.tc-back .checkout-action { text-align: left;}
.tc-template #p-matrix-container { margin-top: 20px;clear:both;}
.p-matrix-cost { font-size:16px; color: #F7901E; font-weight: bold; }
.tc-design-price {display: block;}
.tc-filters ul { margin-left:0; padding-left: 0 }
.tc-filters ul li { list-style-type: none; }
.tc-listing { padding: 8px; }
.tc-loading {
    background:#F2F2F2;
    font-size:20px;
    padding:5px 10px;
    text-align:center;
    width:450px;
    margin:0px auto;
    display:none;
    border-radius: 5px;
}
.listing-tc-image { text-align: center; display: table-cell; vertical-align: middle; height:220px; width: 200px; position: relative; }
.listing-tc-image img { box-shadow: 3px 3px 3px #ccc; max-width:193px; max-height: 200px; }
#tc-matched .listing-tc-image img, #tc-similar .listing-tc-image img { width: 99.9%; height: auto; }
#tc-matched .listing-tc-image, #tc-similar .listing-tc-image { width: 99.9%; }
.listing-tc-image-1 { z-index: 10; }
.listing-tc-image-1 img { margin-left: -10px; margin-top: -12px; }
.listing-tc-image-2 { z-index: 5; }
.listing-tc-image-2 img{ position: absolute; margin-top:1px; margin-left: 3px; }
.listing-tc-image-active { z-index: 20; position: relative; }
#post-15 {padding: 0 50px;}
/* Google Maps */
.acf-map {
  width: 100%;
  height: 350px;
  border: #ccc solid 1px;
  margin-bottom: 20px;
}
.hiddenAjaxAttributes{
	display:none;
}
.tab-content{
	background:white;
	padding:20px;
}
#myTab{
	margin-top: 2rem;
}
.order_summary_item img{
	width:100%;
}

/* OPS ORDER PROOF STYLES */

.chatAdminStyle{
  width:60%;
  padding:20px;
  margin:20px;
  background-color:#eeeeee;
  float:right;
  position:relative;
  margin-right:80px;
}
.chatAdminStyle:before {
    content: "A";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position:absolute;
  background-color:#eeeeee;
  height:40px;
  width:40px;
  border-radius:40px;
  line-height:35px;
  text-align: center;
  font-size:26px;
    right: -60px;
    top: 25px;
  }
.chatAdminStyle:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -30px;
    top: 30px;
    border: 15px solid;
    border-color: transparent transparent transparent #eeeeee;
  }
.chatAdminStyle a{
  color:#6b6b6b;
}
.chatAdminStyle a:hover{
  text-decoration: underline;
}
.chatAdminStyle a:before {
  content: "?";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  margin-right:10px;
}
.chatCustomerStyle{
  width:60%;
  padding:20px;
  margin:20px;
  background-color:#99c105;
  color:white;
  float:left;
  position:relative;
  margin-left:80px;
}
.chatCustomerStyle:before {
    content: "C";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  position:absolute;
  color:black;
  background-color:#99c105;
  height:40px;
  width:40px;
  color:white;
  border-radius:50%;
  line-height:39px;
  text-align: center;
  font-size:24px;
    left: -60px;
    top: 25px;
  }
.chatCustomerStyle:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -30px;
    top: 30px;
    border: 15px solid;
    border-color: transparent #99c105 transparent transparent;
  }
.chatCustomerStyle a{
  color:#F0FFFF;
}
.chatCustomerStyle a:before {
  content: "?";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  margin-right:10px;
}
.chatDate{
  font-size : 24px;
  margin-bottom:20px;
}
.chatDate span{
  font-size : 11px;
}
.chatNote{
  margin-bottom:20px;
}
.chatFile{
  margin-bottom:5px;
}
.buttonLink{
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #EEE;
  color: #2D2D2D;
  font-size: 1em;
  line-height: 2.25em;
  text-decoration: none;
}
.buttonLink:hover{
  background: #00a0d2;
    color: #FFF;
    text-decoration:none;
  }
.importantButtonLink{
  display: inline-block;
  border-color: #0073aa;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #00a0d2;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 2.25em;
  text-decoration: none;
}
.importantButtonLink:hover{
  background: #0091cd;
    color: #FFFFFF;
    text-decoration:none;
  }
#submitProofVersion{
  margin:20px;
}

</style>