/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * One Page Checkout module CSS stylesheet
 *
 * @category    X-Cart
 * @package     X-Cart
 * @subpackage  CSS
 * @author      Ruslan R. Fazlyev <rrf@x-cart.com>
 * @version     09d46970de4b3605245381ed8ecd8b55fffd1d3e, v5 (xcart_4_7_5), 2016-02-12 18:28:36, altskin.css, aim
 * @link        http://www.x-cart.com/
 * @see         ____file_see____
 */

table.totals tr td.total,
table.totals tr td.total-name,
table.totals tr td.total-value,
table.totals tr td.total-value-alt,
table.totals span.total-name
{
  font-weight: bold;
  text-transform: none;
  padding: 5px 5px 5px 0;
  font-size: 14px;
  vertical-align: top;
}

table.totals tr.total td.total-value-alt {
  font-size: 14px;
  vertical-align: bottom;
  padding-bottom: 10px;
}

div.checkout-container textarea {
  max-width: 99%;
  position: relative;
}

.checkout-customer-notes label {
  display: block;
}

div.terms_n_conditions {
  text-align: left;
}
div.terms_n_conditions label {
  font-size: inherit;
  line-height: inherit;
}

div.checkout-container #center input[type=text],
div.checkout-container #center input[type=password],
div.checkout-container #center select
{
  height: 28px;
}

div.checkout-container #center #personal_details input[type=text],
div.checkout-container #center #personal_details input[type=password],
div.checkout-container #center #personal_details select
{
  max-width: 100%;
}

div.checkout-container #center #personal_details select
{
  min-width: 80%;
  width: 80%!important;
}

div.checkout-container #center textarea
{
  max-width: 100%;
  width: 100%;
}

div.buttons-box a.edit-profile {
  background: none;
}

@media screen and (min-width:768px) and (max-width:1163px) {
  div.checkout-container #center #personal_details input[type=text],
  div.checkout-container #center #personal_details input[type=password],
  div.checkout-container #center #personal_details select
  {
    max-width: 78%;
  }

  div.checkout-container #center #personal_details select
  {
    min-width: 78%;
  }

  div.checkout-container #center fieldset.registerform ul li.fields-group input[type=text],
  div.checkout-container #center fieldset.registerform ul li.fields-group input[type=password]
  {
    max-width: 100%;
  }
}

/* FS - Cardknox Integration for tmhardware */
.cardknox_payment { position: relative; }
.cardknox_payment .clear { content: ' '; display: block; width: 0; height: 0; overflow: hidden; clear: both; }
.cardknox_payment input[type="text"] { padding: 0.5rem !important; margin: 0 0 1rem 0 !important; height: 2.5rem !important; display: block !important; width: 99% !important; border-radius: 0; min-width: 0 !important; max-width: 100% !important; }
.cardknox_payment select { padding: 0.5rem !important; margin: 0 0 1rem 0 !important; height: 2.5rem !important; display: block !important; border-radius: 0; min-width: 0 !important; max-width: 100% !important; }
.cardknox_payment select[name="xMonth"] { float: left; width: calc(50% - 0.5rem) !important; }
.cardknox_payment select[name="xYear"] { float: right; width: calc(50% - 0.5rem) !important; }
.cardknox_payment a.popup-link { display: block; position: absolute; top: 180px; right: 15px; transform: translateY(-50%); width: 18px; height: 18px; background: #333; border-radius: 100%; text-align: center; text-decoration: none; z-index: 10; }
.cardknox_payment a.popup-link:after { content: '?'; display: block; text-align: center; color: white; line-height: 18px; font-weight: bold; }
.cardknox_payment a.popup-link img { display: none; }
/* FS - Cardknox Integration for tmhardware */

/* FS - Changes to Shopping cart page # 85484 : tmhardware */
div.checkout-container span.star {
  	color: #FF0000;
}

#opc_profile button.main-button {
	background-color: #FF0000;
	border-color: #FF0000;
}

div.optional-label label[for=ship2diff] {
    font-size: 14px;
}
/* FS - Changes to Shopping cart page # 85484 : tmhardware */