@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);
#wrapper { background: white url(https://corefact.s3.amazonaws.com/CoreStore/custom_stores/corefact/pattern_184.png); border-bottom: 1px solid #0C9443; }
#container .panel.brokerage { background-color: #621e38 !important; }
#container #header .inner { background: white url(https://corefact.s3.amazonaws.com/CoreStore/custom_stores/corefact/Corefact_Logo_Horiz.png) no-repeat scroll; }
#container #header #utility-links, #container #header #extra-links { color: #666666; }
#container #header #utility-links a, #container #header #extra-links a { color: #666666; }
#container #header #utility-links #login-form #user_email, #container #header #utility-links #login-form #user_password { background: white; border-color: #cccccc; color: #666666; }
#container #navigation { background-color: #0C9443; }
#container #navigation ul.suckerfish > li > a { color: #ebfeb5; }
#container #navigation ul.suckerfish > li:hover > a { color: white; }
#container #navigation ul.suckerfish li ul { background: #e7ffa4; }
#container #navigation ul.suckerfish li ul li a { color: #0C9443; }
#container #navigation ul.suckerfish li ul li:hover { background: #0C9443; }
#container #navigation ul.suckerfish li ul li:hover > a { color: white; }
#container #landing { background-color: white; }
#container #landing.checkout h4 { color: #666666; }
#container #content { background: white; }
#container #progress_indicator .step.completed a { color: #bfae18; }
#container #progress_indicator .step.completed a:hover { color: #d9c51b; }
#container #progress_indicator .step.active a { background-color: #621e38; }
#container #progress_indicator .seperator { color: #666666; }

#wrapper { border-top: 5px solid #0C9443; padding-top: 5px; }
#wrapper #container #navigation { margin-bottom: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#wrapper #container #header .inner { height: 120px; background-color: transparent; }
#wrapper #container #content { -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#footer { background: #0C9443 url(https://corefact.s3.amazonaws.com/CoreStore/custom_stores/corefact/pattern_191.png);border-top: 5px solid #0C9443; }
#footer a { color: white; }
#footer a:hover { color: #fff; text-decoration: underline; }



/* /////////////////////////////// BODY GLOBAL STYLING /////////////////////////////// */

#wrapper {
  background: none;
  background: #fafafa;
  border-top:0px;
  border-bottom: 0px;
  padding-bottom: 30px;
}

/*#wrapper #container {margin-top:14px; border:1px solid #ededed;}*/
body { margin: 0; }


/* /////////////////////////////// HEADER STYLING /////////////////////////////// */

/* HEADER Area BG color */
#wrapper #container #header {
  background:#fff;
}

#wrapper #container #content {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

/* HEADER AREA Corefact Logo & height setting */
#container #header .inner {
background: white url('https://cf4m.s3.amazonaws.com/custom-store/corefact.com/corefact_weblogo-new.png') no-repeat scroll;
background-size: 200px;
background-position: 17px;
top: 0px;
}
#wrapper #container #header .inner {height:105px;}
#container #header a.home {width:240px;}

/* HEADER Area Powered by Corefact */
#container #header #powered-by {
  display:none;
}

/* HEADER Area Sign in / Sign up form placement + form styling */
#container #header #utility-links {
  top:40px;
  right:15px;
  font-family: 'Lato', sans-serif;
  font-size:14px;
}

#container #header #utility-links a, #container #header #extra-links a {
  color:#0C9443;
  font-weight: 300;
}


/* HEADER Area 800 # */
#container #header #extra-links {
  bottom: 20px;
  right: 15px;
  font-family: 'Lato', sans-serif;
  font-size:12px;
}
#container #header #extra-links strong {
  font-weight: 300;
}

/* HEADER Area Login form */
#container #header #utility-links #login-form {
  margin-top:-6px;
}

/*

#container #header #utility-links a:hover, #container #header #extra-links a:hover {
  text-decoration: underline;
}
*/




#container #header #utility-links #login-form #user_login,
#container #header #utility-links #login-form #user_password {
  width:115px;
  background:none;
  border:1px solid #ccc;
  outline:none;
  margin-right:5px;
  padding: 8px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  line-height: 13px;
}
#container #header #utility-links #login-form #user_login:focus,
#container #header #utility-links #login-form #user_password:focus {
  border:1px solid #ddd;
  box-shadow: 0 0 8px #ccc;
}


/* HEADER: SIGN IN BUTTON styling */

#container #header #utility-links #login-form .css-button {
  border-radius: 0;
  background: #fff !important;
  border: 1px solid #ccc !important;
  color:#555 !important;  
  box-shadow: none;
  text-shadow: none;
  font-family: 'Lato', sans-serif !important;
  font-size:13px;
  font-weight:300;
  padding: 8px;
}
#container #header #utility-links #login-form .css-button:hover {

}

/* HEADER SIGN UP BUTTON styling */
#container #header #utility-links #login-form .signup {
  margin-left:5px;
}
#container #header #utility-links #login-form .signup .css-button {
  border-radius: 0;
  background: #0C9443 !important;
  border: 1px solid #0C9443 !important;
  color:#fff !important;
  box-shadow: none;
  text-shadow: none;
  font-family: 'Lato', sans-serif !important;
  font-size:13px;
  font-weight:300;
  color:#0C9443;
  padding: 8px;
}



/* /////////////////////////////// HORIZONTAL SLIVER NAVIGATION STYLING /////////////////////////////// */

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR): Disable background image gradient, Assign background color and remove border radius */
#wrapper #container #navigation {
  background:none;
  background:#0C9443;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR): All uppercase text */
ul.suckerfish {
/*  text-transform: uppercase; */
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR): Disable text shadow on links */
#container #navigation ul.suckerfish > li > a {
  font-family: 'Lato', sans-serif;
  color:#fff;
  font-size:14px;
  font-weight:400;
  text-shadow: none;  
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR DROPDOWN LINKS PRE-HOVER): Change font color */
#container #navigation ul.suckerfish li ul li a {
  color: #333;
  text-shadow: none;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size:12px;
  padding:8px 16px;
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR DROPDOWN LINKS): Change of BG color */
#container #navigation ul.suckerfish li ul {
  background:#ffffff;
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR DROPDOWN LINKS HOVER): Change of BG color on hover */
#container #navigation ul.suckerfish li ul li:hover > a {

  background:#f3f3f3;
  color:#0C9443;
}

/* SUCKERFISH (HORIZONTAL NAVIGATION BAR DROPDOWN UNORDERED LIST (LI)): Add border bottom stroke */
ul.suckerfish li ul li {
  border-bottom:1px solid #eee;
}










/* /////////////////////////////// NAVIGATION (LEFT PANEL) STYLING /////////////////////////////// */


/* BROKERAGES COLOR AND STYLING */
#wrapper #container #catalog .panel.brokerage h3 {
  font-size: 13px;
  margin-top: 8px;
  text-shadow: 1px 1px 1px #222;
}

#wrapper #container #catalog .panel.brokerage {
  margin-left:10px;
}


/* NAVIGATION (LEFT PANEL FONT STYLING) */
#container .panel { border:0px;}

#wrapper #container #catalog .panel.categories li.category a {
  outline: none;
}
#wrapper #container #catalog .panel.categories li.category > a {
  background: #fafafa;
  border-top: 0px solid #dddddd;
  border-bottom: 0px solid #dddddd;
  border:1px solid #ddd;
  color: #0C9443;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 17px;
  margin-left:10px;
  line-height: 1em;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li {
  border: none;
  font-family: 'Lato', sans-serif;
  padding: 4px 17px;
  margin-left:10px;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li:last-child {
  border: none;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li:hover {
  /*background: #fafafa;*/
  background: #f2f2f2;
  margin-left: 10px;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li:hover a {
  color: black;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li a {
  font-size: 12px;
  font-weight: 300;
  padding: 0;
  color: #333333;
}
#wrapper #container #catalog .panel.categories li.category ul.sub-catagories li a.active {
  font-weight: 700;
  font-size:12px;
  color: black;

}










/* /////////////////////////////// RIGHT PANEL  (HEADER) STYLING /////////////////////////////// */


/* MAIN CONTENT (RIGHT PANEL): Search box styling */
#wrapper #container #catalog .panel.products #search input {
  width:110px;
  height:24px;
  border:1px solid #ccc;
  border-radius: 0px;
  margin-right: 12px;
  padding:0px;
  padding-left:10px;
  outline:none;
  background-image: url(https://cf4m.s3.amazonaws.com/custom-store/corefact.com/icon_search_green.png);
  background-position: right center;
  font-size:13px;
  font-family: 'Lato', sans-serif;
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -o-transition: width 1s ease;
  -ms-transition: width 1s ease;
  transition: width 1s ease;
}

#wrapper #container #catalog .panel.products #search input:focus, textarea:focus  {
  border:1px solid #0C9443;
  box-shadow: 0 0 8px #2dd630;
  background: #ffffff;
  width:200px;
}

/* MAIN CONTENT (RIGHT PANEL): Disabling border stroke around Right panel.. except left border */
#wrapper #container #catalog .panel.products {
  border: 0px;
  border-left: 1px solid #d1d0d6;
}

/* MAIN CONTENT (RIGHT PANEL): H3 Header styling */
#container .panel > h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
  color:#0C9443;
  background: none;
  padding: 0px 17px;
  border-bottom:0px;
}

#container .panel.invert > h3 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
  color:#0C9443;
  background: none;
  padding: 0px 17px;
  border-bottom:0px;
}

/* MAIN CONTENT (RIGHT PANEL - ADMIN - ORDER APPROVALS): H1 Header styling */
h1 {
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
  color:#0C9443;
  background: none;
/*  padding: 0px 17px;  */
  border-bottom:0px;
}

/* MAIN CONTENT (RIGHT PANEL - ADMIN - ORGANIZATION BRANCH OFFICES): H2 Header styling */
h2 {
  font-weight:bold;
  font-family: 'Lato', sans-serif;
  font-size:14px;
}










/* SHOPPING CART PRODUCTS: Product Title Styling + 20px padding + 4px margin-top to bottom on all items */
#wrapper #container #catalog .panel.products .product {
  margin-top:4px;
  font-family: 'Lato', sans-serif;
  font-weight:bold;
  font-size:14px;
}
/* SHOPPING CART PRODUCTS: Product Size element (8.5x5.5 Postcard...ect.) */
#wrapper #container #catalog .panel.products .product .sizes {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color:#888;

}


/* SHOPPING CART 'Select' button */
#wrapper #container #catalog .panel.products .product .buttons .left {
  border-radius: 0;
  border:0px;
  box-shadow: none;
  background: #0C9443;
  border-bottom: 2px solid #116212;
  border-bottom-right-radius:2px;
  border-bottom-left-radius:2px;
  font-size:12px;
  font-weight:normal;
  text-shadow: none;

  transition-property:background;
  transition-duration:.5s;
  /* Safari */
  -webkit-transition-background;
  -webkit-transition-duration:.5s;
}
#wrapper #container #catalog .panel.products .product .buttons .left:hover {
  background:#116212;
  border-bottom: 2px solid #0C9443;
  border-bottom-right-radius:2px;
  border-bottom-left-radius:2px;
}


/* SHOPPING CART 'magnifying glass & currency' (GLOBAL) */
#wrapper #container #catalog .panel.products .product .buttons .right {
  background: #666;
/*  border-radius:60px;  */
  border:0px;

  transition-property:background;
  transition-duration:.5s;
  /* Safari */
  -webkit-transition-background;
  -webkit-transition-duration:.5s;
}
#wrapper #container #catalog .panel.products .product .buttons .right:hover {
  background: #333;
  border:0px;
}


/* SHOPPING CART 'magnifying glass' (ONLY) */
#wrapper #container #catalog .panel.products .product .buttons .preview {
  margin-right:4px;
}
/* SHOPPING CART 'magnifying glass' (BG Image) */
div.magnifier_image {
  background-image: url(https://cf4m.s3.amazonaws.com/custom-store/corefact.com/icon_magnify_white.png);
  width: 14px;
  height: 14px;
}
/* SHOPPING CART 'currency' (ONLY) */
#wrapper #container #catalog .panel.products .product .buttons .pricing {

}
/* SHOPPING CART 'currency' (BG Image) */
div.currency_image {
  background-image: url(https://cf4m.s3.amazonaws.com/custom-store/corefact.com/icon_currency_white.png);
  width: 14px;
  height: 14px;
}


/* SHOPPING CART 'download' (BG Image) NEEDS TO HAVE AN ADDE CLASS FOR SPACE FIXING!!!!! */
div.download_image {
  background-image: url(https://cf4m.s3.amazonaws.com/custom-store/corefact.com/icon_download_white.png);
  width: 14px;
  height: 14px;
}



/* ORDER CUSTOMIZATION: H4 tag make just like H3 Headers */

#container #landing.checkout h4 {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: 300;
  color:#555;
  background: none;
  padding: 0px 17px;
  padding-left:5px;
  border-bottom:0px;
}




/* ORDER CUSTOMIZATION: H5 tag make just like Regular Paragraph Headers */
h5 {padding-left:17px; font-weight: bold;}


/* ORDER CUSTOMIZATION: Progress Indicator (bread crumb float none!) */
#container #progress_indicator {
  float:none;
}

/* ORDER CUSTOMIZATION: Progress Indicator Button style (bread crumb active button styling) */
#container #progress_indicator .step.active a {
  background:#9fd278;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  text-transform: capitalize;
  -webkit-border-radius: 0px;
  border-radius:0px;
}
#container #progress_indicator .step.disabled a {
  font-family: 'Lato', sans-serif;
  color:#555;
  font-weight: 300;
  text-transform: capitalize;
}
#container #progress_indicator .step:first-child {
  margin-left: -15px;
}


/* ORDER CUSTOMIZATION: Payment process page/price summary code H3 tag change color from blue to gray */

#container #order_payment_form .panel.invert > h3 {
  color:#333333;
  font-weight:normal;
  font-size:18px;
}

/* ORDER CUSTOMIZATION: Payment process page/payment options code H5 tag change color from blue to gray */
#container #order_payment_form .panel > h5 {
  color:#333333;
  font-weight:normal;
  font-size:18px;
  background: none;
  padding:0px 0px 0px 17px;
  border-bottom:none;
}

#invoice_section {
  margin-bottom: 0px;
  padding: 14px;
  background: #ededed;
}


/* bread crumbs process links */
#container #progress_indicator .step.completed a { 
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #0C9443;
  text-transform: capitalize;
}
#container #progress_indicator .step.completed a:hover { color: #0C9443; text-decoration:underline; }


/* orders page headers, shipping date, order quantity, delivery address */

#container .panel.target_date > h3, #container .panel.delivery_options > h3, #container .panel.extras > h3, #container .panel.address > h3, #container .panel.coupon > h3 {

  font-weight:bold;
  font-size:14px;
  color:#555;
}

/* receive promotional code section needs to have inline css (set border stroke to 0px on both left and top) applied since it's referening tge Table styling from the accounts page (s) */





/* PAGINATION STYLE */
.pagination a {
  text-decoration: none;
  border: solid 1px #ccc;
  color: #0C9443;
  padding: 0 6px;
}
.pagination .current, .pagination .prev_page, .pagination .next_page {
  border: solid 1px #ccc;
  color:#0C9443;
  padding: 0 6px;

}

.pagination .current {
  background: #0C9443;
  color: #fff;
  padding: 0 6px;
}

.pagination .current.prev, .pagination .current.next, .pagination .current.prev_page, .pagination .disabled.next_page {
  color: #999;
  border-color: #999;
  background: #fff;

}

/* ACCOUNT H3 SECTION */

div#content div.container div.span-6 div.panel.orders h3, div#content div.container div.span-6 div.panel.spw h3 {
  /* background: #eeeeee; */
  background: #ffffff;
  border-top: 0px solid #dddddd;
  border-bottom: 0px solid #dddddd;
  color: #0C9443;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 17px;
  line-height: 1em;

}

div#content div.container div.span-6 div.panel.account h3 {
  /* background: #eeeeee; */
  background: #ffffff;
  border-top: 0px solid #dddddd;
  border-bottom: 0px solid #dddddd;
  color: #0C9443;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 9px 17px;
  line-height: 1em;

}





/* ACCOUNT - CHANGE PASSWORD PAGE: Added padding to space out forms */
#show .personal_information ul label, #edit .personal_information ul label {
  margin-bottom:10px;
}

/* Change Password 'Save' button styling */
a.css-button.blue, button.css-button.blue {
  background: #0C9443;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius:0px;
  -moz-box-shadow: 0px;
  -webkit-box-shadow: 0px;
  box-shadow:none;
  text-shadow: none;
}

/* ACCOUNT - NOTIFICATIONS First Table cell styling */
#event_notifications table td.first {
  color:#333;
  padding-left:5px;
}

/* ACCOUNT - WIDGET GENERATOR Button Styling */
a.css-button.magenta, button.css-button.magenta {
  background: #0C9443;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius:0px;
  -moz-box-shadow: 0px;
  -webkit-box-shadow: 0px;
  box-shadow:none;
  text-shadow: none;
}

/* ACCOUNT - BILLING CREDIT CARD Form spacing for labels */
#credit-card label {
  padding-bottom:10px;
}
















































/*
a.icon_button:hover, button.icon_button:hover {
  background:#000;
} */





/* FOOTER */
#footer {
  background:none;
  background: #777;
  border-top:0;
}
#footer a { 
  font-family: 'Lato', sans-serif;
  font-size:14px;
  font-weight: 300;
  color:#fff;
}
#footer a:hover { 
  text-decoration: underline;
}
#footer .container div span.pipe {
  margin:0 5px;
  color: #ddd;
  font-weight: 300;
  font-family: 'Lato', sans-serif;  
}


/* FOOTER AREA (decrease spacing between Terms of Service and Copyright */
.semi-title {
  margin-top:20px;
  padding-bottom:40px;
}

/* TOP MESSAGE (UPON SIGNING IN/WELCOME BACK MESSAGE */

.top-message h3 {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: 0px solid #00375c;
  background: #555;
}




/* PRICING TABLE */

div.pricing {
  margin-bottom:12px;
}

div.pricing table {
  font-size:11px;
}

table thead th {
background-color: #ededed;
}

div.pricing table tbody td, div.pricing table tbody th {
  background-color: #fff;
}

/* GLOBAL BUTTON */

a.css-button.red, button.css-button.red {
  background-color: #0C9443;
}


/* MAGNIFIER */

#wrapper #container #catalog .panel.product ul li label img.magnifier {
  background: #ddd;
  border:2px solid #0C9443;
}


#wrapper #container #catalog .panel.product ul li label img.magnifier:hover {
  background: #ccc;
  border:2px solid #0C9443;
}

/* USER LOGIN PAGE */

#login form ul li h3 {
  color: #0C9443;
}


/* /////////////////////// TABLE STYLING FOR MANAGE LIST /////////////////////// */

#container table.clean thead th {
background: #f0f0f0;
border:1px solid #ddd;
}

#container table.clean td {
  border:1px solid #ddd;
}

#container table.clean td:first-child, #container table.clean th:first-child {
  padding-left:1em;
}

#container table.clean tr:hover td, #container table.clean tr:hover td {
  background: #fdfdf8;
}

/* /////////////////////// BUSINESS CARD REFERRAL STYLING /////////////////////// */

.footer_business_card {
  padding:20px;
  margin-top:20px;
  width: 480px;
}

.footer_business_card_img {
  padding-right:10px;
}

span.footer_name {
  font-size: 16px;
  font-weight: bold;
}

.footer_business_card_logo {
  padding-top:0;
  height: auto;
  max-width: 140px;
  max-height: 40px;
}
.footer_business_card_text {
  line-height: 20px;
}

/* BREADCRUMBS */
ul.breadcrumbs h3 {
  font-family: 'Lato', sans-serif;
}
ul.breadcrumbs a {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}

/*SELECT YOUR BACK */
.product-description h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 400; 
}
table.price-table thead tr th {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color:#555;
}
table.price-table tr td {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color:#555;
  padding:5px;
}
table.price-table tr th {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color:#555;  
}
.product-backs {
  margin-top:3em;
}
.product-backs h4 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color:#0C9443;
  font-size: 240%;
}
.product-backs h4 + .filter-notice {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #555;
  margin-top: 0;
  margin-bottom: 10px;
}
.filter-set label {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#555;
  margin-top:5px;
}
.filter-map label, .filter-property label, .filter-qrcode label {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#555;
  margin-top:5px;
}
.product-backs .product-back span.title {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 700;
  color: #555;    
}
.product-backs .product-back i {
  background-color: rgba(12,148,67,.9);
}
.product-submit p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #555;  
}
/*SUBMIT CTA BUTTONS*/
#submit_buttons {
  overflow: hidden;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  padding-right: 2rem !important;  
}
#submit_buttons a {
  background: none;
  padding: 0;
  padding: 15px 30px;
  border: 0;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#a8a8a8 !important;
  margin: 0 5px;
}
#submit_buttons a img {
  display:none;
}
#submit_buttons a.customize_accept {
  background: #02586B;
  color:#fff !important;
  border-color:#02586B;
}
#submit_buttons button {
  background: none;
  padding: 0;
  padding: 15px 30px;
  border: 0;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#a8a8a8 !important;
  margin: 0 5px;
}
#submit_buttons button img {
  display:none;
}
#submit_buttons button#order_submit_button {
  background: #02586B;
  color:#fff !important;
  border-color:#02586B;  
}
/*PAGE 1, PAGE 2 BUTTONS ROW */
#wrapper #container #order_form .page_links {
  width: 86%;
}
.ui-button-text-only:nth-child(1) .ui-button-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;    
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-shadow: none;
    color: #fff;
    background: #9fd278 !important;
    border-color: #9fd278;
    padding: 5px 25px;  
}
.ui-button-text-only .ui-button-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;    
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-shadow: none;
    color: #a8a8a8;
    background: none !important;
    border-color: #ccc;
    padding: 5px 25px;  
}
.ui-buttonset .ui-state-active .ui-button-text {
  background:none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  text-shadow: none;
  color: #fff;
  background:#9fd278 !important;
  border-color:#9fd278; 
  border-color: #ccc; 
  padding: 5px 25px;
}
a#choose_back_btn {
  background: none;
  border: none;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400;
  text-decoration: underline !important;
  color: #0C9443!important;
}
.refresh_content label {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-right: 15px;
}
/*CUSTOMIZE FIELDS LEFT PANEL*/
form fieldset legend, .form fieldset legend {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
#wrapper #container #order_form_container #fields .field input {
  width: 250px;
  background: none;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color:#555;
  height: 18px;
}
#wrapper #container #order_form_container #fields .field select {
  height: 26px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 12px;  
}
#wrapper #container #order_form_container #fields .field label {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #444;  
}
#wrapper #container #order_form_container #fields .field textarea {
  width: 250px;
  background: none;
  border:1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #555; 
}
/*APPROVE REVIEW ORDER*/
#wrapper #container #finalize .links {
  font-family: 'Lato', sans-serif;
}
#wrapper #container #finalize #proofs #details {
  font-family: 'Lato', sans-serif;  
}
#wrapper #container #finalize #proofs #details h4 {
  font-family: 'Lato', sans-serif;   
}
#wrapper #container #finalize .links a {
  background: none;
  border: 1px solid #ccc !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 300;
  color:#a8a8a8;
  padding: 5px 25px;  
}
#wrapper #container #finalize .links a:hover {
  border:1px solid #ccc !important;
}
#finalize .customer_agreement legend {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;  
}
#wrapper #container #finalize .customer_agreement {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color:#555;
  padding: 15px;
  padding-top:0;
  border: 1px dashed #ddd;
  background: #fafafa;
  width: 880px;  
}
fieldset.customer_agreement ul li {
  margin-bottom: 3px;
}
#finalize .content button.back
#finalize .customer_agreement input[type="checkbox"] {
  cursor: pointer;
}
#finalize .customer_agreement label {
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
  color:#555;
  cursor: pointer;
}
#finalize .content button {
  background: #02586B;
  border: 1px solid #02586B;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #fff;
  padding: 0;
  padding:15px 30px;
  width:inherit;
}
#finalize .content button.back {
  background: #fff;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #a8a8a8;
  padding: 0;
  padding:15px 30px;
  width: inherit;
  margin-right: 5px;
}
#finalize .content button.back:hover {
  text-decoration: none;
}
fieldset.customer_agreement + div {
  text-align: right !important;  
  padding: 1em 0;
}
/*WELCOME BACK MSSG */
.top-message h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 400;  
  background: #f6faf2;
  border-bottom: 2px solid #c1e2a9;
  color: #0C9443;
}
.top-message h3 em {
  margin-top:0.25em;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color:#555;
}
/*GENERATE PROOF BUTTON AREA*/
div#missing-fields {
  padding-bottom: 15px;
}
div#missing-fields .content h3 {
  font-family: 'Lato', sans-serif;
}
div#missing-fields label {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #555  
}
div#missing-fields ul li input[type="text"] {
  background: #fff;
  border: 1px solid #ccc;
  width: 25px;
  font-family: 'Lato', sans-serif;
  color:#555;
  font-weight: 400;
}
div#missing-fields ul li a.css-button.red, button.css-button.red {
  background-color: #0C9443;
  background-image: none;
  border-radius: 0px;
  border: 0;
  box-shadow: none;
  padding: 10px 0 !important;
  width: 317px !important;
  font-family: 'Lato', sans-serif !important;
  font-weight: 400;
  text-shadow: none;
}
/*PRODUCT DESCRIPTIONS 'MARKETING'*/
.section_descript {
  font-family: 'Lato', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  padding: 15px 0 10px 0 !important;
}
/*SIGN UP/SIGN IN PAGE*/
.login_2019 .input-container h3 {
  color:#0C9443;  
}
.login_2019 .welcome-content h3 {
  color:#0C9443;  
}
.login_2019 .welcome-content .fa {
  color:#0C9443;  
}
.login_2019 form ul li .tos-content {
  border:1px dashed #9fd278;
  background: #f6faf2;
}
#login form ul li label {
  font-family: 'Lato', sans-serif;
  font-weight: 300; 
}
a.forgot-password.right-text {
  color:#0C9443;
  font-weight: 400;
}
a.forgot-password.right-text:hover {
  color:#0C9443;
  text-decoration: underline;
}
.login_2019 form ul li .css-button {
  background: #0C9443 !important;
  border-color:#0C9443 !important;
}
.login_2019 form ul li .css-button:hover {
  background: #0C9443 !important;
  border-color:#0C9443 !important;  
}
/*DELIVERY PAGE (JT BUILT)*/
#order_form > div.error {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  border-width: 1px;
  width: 98%;
  padding: 0;
  margin: 0;
  padding: 10px;
  text-align: center
}
.section-variable-notice {
  background: #f6faf2 !important;
  border-bottom: 2px solid #c1e2a9 !important;
}
.section-variable-notice h4 {
  font-size:125%;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color:#9fd278;
  margin-bottom: 5px;
}
#order-delivery-container p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;  
}
#order-delivery-container h6 {
  font-size: 125%;
  color: #555;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 125%;  
}
.section-mailing-lists button {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 12px;
  background: #9fd278;
  padding: 10px;
  border-radius: 0;
  width: 14.75%;
  cursor: pointer;
}
.section-mailing-lists button:hover {
  background: #9fd278;
}
.section-mailing-lists .mailing-lists-wrapper table {
  min-width: 575px;
}
.section-mailing-lists .mailing-lists-wrapper table tbody td a {
  color: #0C9443;
}
.section-mailing-lists .mailing-lists-wrapper table tbody td a:hover {
  text-decoration: underline;
}
.section-processing-time a {
  color:#0C9443;
}
.section-processing-time a:hover {
  text-decoration: underline;
}
.optional-addresses a {
  color:#0C9443;  
}
.optional-addresses a:hover {
  text-decoration: underline;
}
.section-delivery-type .radio-option.selected {
  background: #fff;
  border:2px solid #c1e2a9;
}
/*PERSONAL INFO PAGE*/
form h6, .form h6 {
  font-family: 'Lato', sans-serif;
  color:#555;
}
#show .personal_information ul label, #edit .personal_information ul label {
  margin-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;  
}
#show .personal_information ul input[type="text"], #edit .personal_information ul input[type="text"] {
  background: none;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #555;
  height: 18px;
  margin-bottom: 10px;  
}
#show .personal_information ul label, #edit .personal_information ul li select {
  width: 52%;
  height: 24px;
  margin-bottom: 10px;
  margin-left: 5px;
}
div.license-note {
  border: 1px dashed #ddd;
  background: #f6faf2;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  width: 90%;
  padding: 10px 5px;
  color: #a8a8a8;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 11px;
  text-align: center;
}
/*REHP SETTINGS PAGE*/
h1.pageheaders {
  font-family: 'Lato', sans-serif;
  font-weight: 300;  
}
h2.pagesubheaders {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.5em;
}
h2.rehp_subheads {
  font-family: 'Lato', sans-serif;
}
h2.rehp_subheads + p {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
h2.rehp_subheads + p a {
  color:#0C9443 !important;
}
h2.rehp_subheads + p a:hover {
  text-decoration: underline;
}
.topbuttons input[type="submit"], .finalbuttons input[type="submit"] {
  background: #0C9443 !important;
  border-radius: 0;
  padding: 10px 20px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 13px;
}
/*CHANGE PASSWORD PAGE*/
.change_password label {
  width: 12% !important;
}
.change_password input[type="text"] {
  background: none;
  border: 1px solid #ccc;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  color: #555;
  height: 18px;
  margin-bottom: 10px;
  margin-top: 10px;
}