/**
 * @file
 * uc.css
 *
 * Ubercart style overrides.
 */

/**
 * Ajax cart styles
 */
/* uc_ajax_cart styles */
#block-uc_ajax_cart-0 {
  margin-top: 10px;
}
#ajaxCartUpdate {
  position: relative;
  width: 100%;
}
.load-on-view p {
  /*color: #fff;*/
  line-height: 48px;
  margin: 0;
  text-align: center;
}
#cart-block-contents-ajax {
  background: #999;
  box-shadow: 0 0 4px rgba(0,0,0,.17);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.17);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.17);
  display: none;
  line-height: 120%;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10000;
}
#cart-block-contents-inner {
  background: #fff;
  margin: 1px;
}

#cart-block-contents-ajax table {
  width: 100%;
}
#cart-block-contents-ajax tr.even {
  background: #f4f4f4;
}
#cart-block-contents-ajax tr,
#cart-block-contents-ajax th,
#cart-block-contents-ajax td {
  border: 0;
}
#cart-block-contents-ajax th {
  background: #def;
  font-weight: bold;
}
#cart-block-contents-ajax td {
  font-size: 11px;
  padding: 5px 2px;
}
#cart-block-contents-ajax a {
  color: #0072c4;
}
#cart-block-contents-ajax .item-list {
  margin: 0;
}
#cart-block-contents-ajax ul {
  padding: 0;
  text-align: right;
}
#cart-block-contents-ajax li {
  font-size: 12px;
  list-style: none;
  margin: 0;
  padding: 0 4px;
}

#cart-block-contents-ajax .cart-block-item-title .item-list {
  background: transparent;
  font-size: 10px;
  padding: 0;
}
#cart-block-contents-ajax .cart-block-item-title .item-list ul {
  padding: 0;
  text-align: left;
}
#cart-block-contents-ajax .cart-block-item-title li {
  font-size: 10px;
  line-height: 1.2em;
  padding: 0 0 3px;
}
#cart-block-contents-ajax .cart-block-item-title .item-list a {
  color: #777;
}

#cart-links {
  background: #999;
  padding: 8px 0;
}
#cart-links a {
  background: #fff;
  color: #333;
  padding: 5px 10px 3px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 4px rgba(0,0,0,.17);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.17);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.17);
}
#cart-links a:hover {
  background: #eee;
  color: #000;
  text-decoration: none;
}
#cart-block-contents-ajax .cart-block-item-qty {
  padding-left: 6px;
  text-align: right;
}
#cart-block-contents-ajax .cart-block-item-total {
  padding-right: 8px;
  text-align: right;
  vertical-align: bottom;
}
#cart-block-contents-ajax td.cart-block-item-image {
  height: 50px;
  padding: 2px 6px 2px 2px;
  text-align: center;
}
#cart-block-contents-ajax img {
  border: 1px solid #ccc;
  padding: 1px;
  vertical-align: middle;
}
#cart-block-contents-ajax .uc-price {
  color: #000;
  display: block;
}
.remove-cart-link {
  background: url('../images/ui.png') no-repeat scroll 0 -60px transparent;
  display: block;
  float: right;
  height: 16px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: 999em;
  width: 16px;
}
.remove-cart-link:hover {
  background-position: -20px -60px;
}

/* footer */
#cart-block-summary-ajax {
  width: 100%;
}
.cart-block-summary-hover {
  background-color: #999;
  color: #fff;
  box-shadow: 0 0 4px rgba(0,0,0,.17);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.17);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.17);
  z-index: 10001;
}
#cart-block-summary-ajax .content {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 8px;
  text-align: right;
}
#cart-block-summary-ajax a {
  color: #000;
}
#cart-block-summary-ajax .uc-price {
  color: #000;
}
#cart-block-summary-ajax .cart-block-ajax-icon {
  background: url('../images/ui.png') no-repeat 0 -80px transparent;
  float: right;
  height: 16px;
  margin: 2px 0 0 4px;
  width: 16px;
}
#cart-block-summary-ajax.cart-block-summary-hover .cart-block-ajax-icon {
  background-position: -20px -80px;
}
#cart-block-summary-ajax.cart-block-summary-hover .uc-price,
#cart-block-summary-ajax.cart-block-summary-hover a {
  color: #fff;
}
#cart-block-summary-ajax p.empty {
  background: url('../images/ui.png') no-repeat 270px -76px transparent;
  margin: 0;
  line-height: 27px;
  padding-right: 16px;
  text-align: right;
}

/* uc_ajax_cart GrowlUI styles */
.growlUI {
  color: #fff;
  font-size: 12px;
}
.growlUI h1 {
  border-bottom: 1px solid #ccc;
  color: #fff;
  font-size: 15px;
  margin: 0 10px;
  text-align: left;
}
.growlUI h2 {
  color: #fff;
  font-size: 11px;
  margin: 0;
}
.growlUI .messages {
  background: transparent;
  border: 0;
  color: #fff;
  margin: 0;
  padding: 3px 10px;
  text-align: left;
}
.growlUI .error {
  color: #e55;
}

/**
 * uc_catalog styles
 */
.catalog li.expanded {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.block ul.catalog {
  padding: 0;
}
/*#block-uc_catalog-0 ul.catalog a {*/
/*  color: #666;*/
/*}*/
/*#block-uc_catalog-0 .content {*/
/*  background: #f4f4f4;*/
/*}*/

.catalog .trail {
  font-weight: normal;
}

img.category {
  float: right;
  margin-left: 1em;
}
table.category-products {
  clear: right;
  width: 100%;
}
table.category {
  clear: right;
  width: 100%;
}
table.category *, table.category * tr {
  border: none;
  background-color: transparent;
}
td.category {
  /* border: 1px solid #555; */
  width: 33%;
  text-align: center;
  vertical-align: top;
}
td.category.width-1 {
  width: 100%;
}
td.category.width-2 {
  width: 50%;
}
td.category.width-3 {
  width: 33%;
}
td.category.width-4 {
  width: 25%;
}
td.category.width-5 {
  width: 20%;
}
td.category div {
  margin: 0.5em auto 0 auto;
  padding: 0;
}
td.category img {
  margin: 0;
  padding: 0;
}
td.category span {
  font-size: x-small;
  line-height: 1.3em;
}
table.category-products form {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* --- grid view elements ---- */
ul#product-grid {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
}
#product-grid .alpha {
  clear: left;
}
#product-grid .item {
  list-style: none;
  margin-bottom: 10px;
  position: relative;
}
#product-grid .item-image {
  border: 1px solid #ddd;
  display: block;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
#product-grid .grid-item-title {
  background: transparent;
  font-size: 12px;
  font-weight: normal;
  height: 36px;
  margin: 0;
  padding: 4px 4px 2px;
  text-align: left;
}
h3.grid-item-title a {
  color: #000;
}
h3.grid-item-title a:hover {
  color: #000;
  text-decoration: none;
}
#product-grid .grid-item-price {
  background: #fff;
  border: 1px solid #ddd;
  border-top-left-radius: 5px;
  bottom: 0;
  color: #000;
  display: block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  opacity: .8;
  padding: 4px 12px 2px;
  position: absolute;
  right: 0;
  text-align: right;
  z-index: 10;
}
#product-grid .item:hover .grid-item-title {
  background: #eee;
  color: #000;
}
#product-grid .item:hover a {
  border-color: #cecece;
  text-shadow: 0 1px 1px #fff;
}
#product-grid .item:hover .grid-item-price {
  background-color: #eee;
  border-color: #cecece;
  text-shadow: 0 1px 1px #fff;
}

.block ul.catalog {
  font-size: 12px;
  padding: 0;
}

/**
 * uc_addresses module styles
 */
.box-address .operations {
  background: #f8f8f8;
  padding: 3px 10px;
}
.address-view .address {
  margin-top: 10px;
}
.box-address h2 span {
  font-size: 72%;
}
.address-view {
  height: 220px;
  padding-bottom: 10px;
}
.address-operations {
  margin-bottom: 10px;
}
#uc-addresses-get-address-form #checkout-form-bottom {
  text-align: left;
}


/**
 * Cart page styles.
 */
.solid-border {
  background: #fff;
  border: 0;
  margin: .5em 0;
  padding: .5em .5em .2em 1em;
}
#quote.solid-border {
  margin: .5em 0 .5em .25em;
}
#cart-form-products {
  border: 0;
}
#cart-form-products .remove,
#cart-form-products .image,
#cart-form-products .desc,
#cart-form-products .qty,
#cart-form-products .price {
  vertical-align: middle;
}
#cart-form-products .remove,
#cart-form-products .image {
  text-align: center;
}
#cart-form-products .image {
  font-size: 1px;
  line-height: 1px;
}
#cart-form-products td {
  font-size: 13px;
  padding: 4px 10px;
}
#uc-cart-view-form img {
  float: none;
  padding: 4px 0;
}
#cart-form-products tr.even td.image {
  background: #fff;
}
.item-list ul.product-description {
  font-size: 88%;
  line-height: 130%;
  margin-bottom: 0;
}
#cart-form-products td.subtotal {
  padding-top: .65em;
}
#cart-form-products td.subtotal .uc-price {
  font-size: 16px;
  padding-left: .5em;
}
#cart-form-buttons {
  background: #eee;
  border: 0;
  padding: .5em;
  width: auto;
}

/**
 * Shipping quote cart pane.
 */
#uc-cart-pane-quotes {
  text-align: right;
}
#uc-cart-pane-quotes strong {
  font-weight: normal;
  padding-right: 2em;
}
#uc-cart-pane-quotes .form-item {
  display: inline;
}
#uc-cart-pane-quotes .form-item label {
  display: inline;
}
#uc-cart-pane-quotes #edit-delivery-country-wrapper,
#uc-cart-pane-quotes #edit-get-quote {
  margin-left: .5em;
}
#quoteProgress .message {
  margin: .5em 0 0 .5em;
}
#quote {
  background: #eee;
  border-radius: 9px;
  clear: both;
}

/**
 * Checkout page styles
 */
.cart-review {
  border: 0;
}
.address-pane-table table td {
  padding: 0 4px;
}
.ubercart-throbber {
  background-image: url('../images/icons/loading-2.gif');
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.address-pane-table td {
  border: none;
}
.field-label {
  color: #000;
  font-weight: normal;
}
.field-label .form-required {
  float: right;
}
#line-items-div {
  background: #f2f2f2;
  color: #000;
}
#line-items-div table {
  border: 1px solid #ccc;
  background: #fff;
}
#line-items-div td {
  border: 0;
  color: #555;
  text-align: right;
  padding: 4px 8px 2px;
}
#line-items-div b {
  font-weight: normal;
}
#uc-cart-checkout-form .address-pane-table {
  padding-left: 2em;
}
#uc-cart-checkout-form #customer-pane .form-item {
  padding-left: 2em;
}
#uc-cart-checkout-form #payment-pane .form-radios {
  padding-left: 1em;
}
#uc-cart-checkout-form #payment-pane input.form-radio {
  margin: .5em 0 0;
}
#checkout-form-bottom .form-button, #checkout-form-bottom .form-submit {
  margin: .5em;
}
#uc-cart-checkout-form #edit-panes-quotes-quote-button {
  margin: .15em 0 .5em .5em;
}
#checkout-form-bottom {
  background: #eee;
  border: 0;
  padding: 5px;
  text-align: right;
  width: auto;
}
#uc-cart-checkout-form #edit-cancel {
  float: left;
}
#cib-includes img {
  margin: 5px 0 0 5px;
}
#payment_details.solid-border {
  background: #eee;
  border-radius: 9px;
  color: #000;
}

/**
 * checkout review styles.
 */
.review-instructions {
  max-width: 600px;
  margin: 0 auto;
}
.order-review-table {
  border-color: #ddd;
  border-collapse: separate;
  border-spacing: 2px;
  max-width: 600px;
}
.order-review-table th,
.order-review-table td {
  border-width: 0;
}
.order-review-table td {
  padding-top: .35em;;
}
.order-review-table .title-col {
  color: #333;
  font-weight: normal;
  padding-left: 4em;
  text-align: right;
}
#uc-cart-checkout-review-form #edit-submit {
  float: right;
}
#uc-cart-checkout-review-form .ubercart-throbber {
  float: right;
  height: 16px;
  margin: 8px 8px 0 0;
  width: 16px;
}
.order-review-table .pane-title-row {
  background-color: transparent;
  border: 0;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: center;
}
.order-review-table .pane-title-row td {
  background-color: #e4e4e4;
  color: #444;
  font-weight: bold;
  padding: 0.5em 1em .15em;
  text-align: left;
}

/**
 * Order page styles
 */
.order-pane {
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  line-height: 1.2em;
  margin: 0.3em;
  padding: 0.6em;
  width: auto;
}
.pos-left {
  max-width: 220px;
  /*min-width: 120px;*/
}
.order-pane-title {
  border-bottom: 2px solid #e4e4e4;
  color: #000;
  font-weight: normal;
  margin-bottom: 4px;
  padding-bottom: 2px;
}

.order-pane-table {
  margin-top: -4px;
}
.order-pane-table thead th {
  background-color: #ddd;
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 2px;
  color: #000;
  font-weight: normal;
  font-size: 86%;
  padding: 4px 8px 2px;
}

.line-item-table td {
  border-color: #f4f4f4;
}
.line-item-table .li-title {
  color: #000;
  font-weight: normal;
  font-size: 84%;
  width: 100%;
}
.line-item-table .li-amount {
  padding-left: 1em;
}


/**
 * Product styles
 */
.product-page-title {
  line-height: 120%;
  margin: 0 0 10px;
  text-transform: lowercase;
}
.images a img {
  border: 1px solid #eee;
  /*padding: 2px;*/
}
.images a:hover img {
  border: 1px solid #ccc;
}
.more-product-images {
  margin-top: 10px;
}
.more-product-images a {
  margin-right: 10px;
}

/* cart form */
.buy-it-now {
  background: #eee;
  color: #333;
  margin-top: 1em;
}
.buy-it-now fieldset {
  background: #fff;
  border: none;
}
.buy-it-now fieldset fieldset {
  background: transparent;
  border: 1px solid #ddd;
}
fieldset.alu legend {
  background: #fff;
  padding-top: 4px;
}
.form-qty {
  margin-right: 10px;
  text-align: center;
}
.cart-button .form-submit {
  background-position: 0 -280px;
  padding-left: 22px;
}
.cart-button .form-submit:hover {
  background-position: -350px -280px;
}

#price {
  font-size: 13px;
  margin-top: 15px;
  text-align: left;
}
#price .uc-price {
  background: #eee;
  border-radius: 7px;
  font-size: 16px;
  font-weight: bold;
  margin-right: 2px;
  padding: 4px 10px 1px;
  text-shadow: 0 1px 1px #fff;
}
#cart {
  font-size: 12px;
}
.cart-inner {
  padding: 4px 10px 10px;
}
#cart form {
  margin: 0;
}
#edit-qty-wrapper,
.cart-button {
  display: block;
  float: left;
}
#edit-qty-wrapper label {
  display: inline;
}
#cart label.option {
  font-size: 10px;
}
#cart label.option strong {
  font-size: 112%;
  padding-left: 2px;
  white-space: nowrap;
}
.cart-button {
  margin: .4em 0 0 1em;
}


/**
 * ALU calculator styles
 */
/* uc_alu */
fieldset.alu legend {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 1px;
}
fieldset.alu fieldset legend {
  font-weight: normal;
}
#alu-info {
  border: 2px solid #ccc;
  width: 210px;
}
#alu-info-result {
  background: #eee;
  font-size: 11px;
  padding: 0 0 1px;
}
#alu-info .alu-price {
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #eee;
  padding: 7px 7px 4px;
}
.alu-deadline,
#alu-details {
  padding: 0 10px;
}

#alu-params .uc-alu-field-half {
  float: left;
  width: 50%;
}
#alu-params .uc-alu-field-third {
  float: left;
  width: 33%;
}
#edit-alu-params-profile-type-wrapper,
.form-radios-wrapper {
  clear: both;
}
#uc-alu-glass-info {
  height: 115px;
}

input.alu-calculate {
  background-position: 0 -310px;
  padding-left: 22px;
}
input.alu-calculate:hover {
  background-position: -350px -310px;
}
input.alu-reset {
  background-position: 0 -340px;
  padding-left: 22px;
}
input.alu-reset:hover {
  background-position: -350px -340px;
}

.ahah-progress .throbber {
  background: url("../images/icons/loading.gif") no-repeat scroll center center transparent;
  float: left;
  height: 16px;
  margin: 8px;
  width: 16px;
}