/* Copyright 2008 Google. */

/** 
 * To customize cart's look -- copy the CSS selectors as is and 
 * use !important on your rules to make sure your rules have higher priority.
 */

.googlecart-add, .googlecart-buy, .googlecart-add-button,
.googlecart-buynow-button, #googlecart-widget-control {
  cursor: pointer;
}

/* base font size and family for the entire widget */
.googlecart-widget *,
.googlecart-widget {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #000 !important;
}

/* widget and spacer are the same size */
#googlecart-widget,
#googlecart-widget-spacer {
  width: 18em;
  height: 2em;
}

/* do not hide other elements when under googlecart-widget-control */
#googlecart-widget-control #googlecart-widget {
  height: 0;
}

#googlecart-widget {
  position: absolute;
  z-index: 1000000;
  text-align: left;
  margin-right: 4px;
  margin-top: 2px;
  right: 0;
  top: 0;
  padding: 0;
}

#googlecart-widget-head {
  border: 0px solid #b4b4b4 !important;
  background-image: url(images/gray-bg.gif) !important;
  background-repeat: repeat-x;
  background-color: #454440 !important;
  width:285px !important;
  text-align:right !important;
  height: 30px !important;
  line-height: 1.6875em;
  position: relative;
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
}

#googlecart-arrow {
  float: left;
  margin: .5em .4em 0 .5em;
  height: .56em;
  width: .56em;
  line-height: .56em;
  display:none !important;
}

#googlecart-title {
  font-size: .92em;
  font-weight: bold;
  margin-right: .5em;
  color: #f3ba6e !important;
}

#googlecart-summary {
  font-size:11px !important;
  color:#e9e5db !important;
}

#googlecart-widget-body {
  border: solid #b4b4b4 !important;
  border-width: 0 1px 1px 1px !important;
  background-color: #FFFFFF;
  width:100%;
  height: 0;
  position: relative; /* Check this to detect if the CSS is loaded. */

  visibility: hidden;
  z-index:10000 !important;
}

#googlecart-widget-list {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
}

.googlecart-widget-item * {
  border: 0 none;
}
/**
 * IE 6 does not show TR border. Show the border only when the widget
 * is open, to avoid IE 6 rendering bug.
 */
.googlecart-widget-item, .open .googlecart-widget-item td {
  border-bottom: 1px solid #b4b4b4 !important;
  z-index:10000 !important;
}

.googlecart-widget-quantity-column {
  padding: .4em .6em;
  vertical-align: top;
}

.googlecart-widget-quantity-box {
  text-align: right;
  padding: 0 2px 0 2px;
  font-size: .75em;
  width: 2em;
  border: 1px solid #A3C0F8;
}

.quirks .googlecart-widget-quantity-box {
  width: 2.5em;
}

.googlecart-widget-details-column {
  padding: .4em 0;
  vertical-align: top;
  width: 100%;
}

.googlecart-widget-title {
  display: block;
  color: blue;
  font-size: .8em;
  font-weight: bold;
}

.googlecart-widget-short-details {
  font-size: .75em;
}

.googlecart-widget-long-details {
  font-size: .7em;
  margin-top: .4em;
}

.googlecart-widget-removed-message {
  padding: .4em 0;
  vertical-align: top;
  font-size: .7em;
  display: none;
}

.googlecart-widget-image-column {
  padding: .4em .4em;
  text-align: right;
  vertical-align: top;
}

.googlecart-widget-img {
  width: 2.5em;
}

.googlecart-widget-price-column {
  padding: .4em .6em .4em 0;
  vertical-align: top;
  text-align: right;
}

.googlecart-widget-price {
  font-weight: bold;
  font-size: .8em;
}

.googlecart-widget-remove {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: .6em;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.googlecart-widget-restore {
  display: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: .6em;
  -moz-user-select: none;
  -khtml-user-select: none;
}

#googlecart-widget-emptymessage {
  border-bottom: 1px solid #C3D6F9;
  text-align: center;
  font-size: .8em;
  padding: 3px 0;
  height: 2em;
  line-height: 2em;
  color:#000 !important;
}

.removed .googlecart-widget-removed-message,
.removed .googlecart-widget-restore {
  display: block;
}

.removed .googlecart-widget-short-details,
.removed .googlecart-widget-long-details,
.removed .googlecart-widget-remove {
  display: none;
}

.removed .googlecart-widget-title,
.removed .googlecart-widget-price {
  color: #989898;
}

.removed .googlecart-widget-img {
  opacity: .25;
  filter: alpha(opacity=25);
}

.removed .googlecart-widget-quantity-box {
  border-color: #B2B2B2;
  background-color: #F4F4F4;
  color: #B2B2B2;
}

#googlecart-widget-foot {
  margin: .4em .3em .4em .6em;
  color:#000 !important;
}

#googlecart-widget-foot table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
}

#googlecart-checkout-button {
  cursor: pointer;
  height: 33px;
  width: 150px;
  margin-left: .3em;
}

#googlecart-widget-foot td {
  padding: 0;
  border: 0 none;
  vertical-align: top;
}

.googlecart-widget-footertext {
  line-height: 100%;
  width: 100%;
}

.googlecart-widget-totalmessage {
  font-size: .8em;
}

.googlecart-widget-totalprice {
  font-size: .92em;
  font-weight: bold;
}

.googlecart-widget-disclaimer {
  font-size: .7em;
}

/** don't override the rules below unless you really know what you are doing **/

/* any table in the cart widget */
#googlecart-widget table {
  border: 0 none;
  margin: 0;
  /* table does not inherit text-align */
  text-align: left;
  font-size: 1em;
  line-height: 100%;
}

/* hidden row to work around FF 2 table rendering bugs */
#googlecart-widget-list-head, #googlecart-widget-list-head * {
  height: 0;
  border: 0 none;
  margin: 0;
  padding: 0;
}

#googlecart-widget-spacer {
  position: relative;
  display: block;
  z-index: 999999; /* one less than googlecart-widget */
}

/* when the widget is under spacer, it has no padding */
#googlecart-widget-spacer #googlecart-widget,
#googlecart-widget.nohead {
  margin: 0;
}

.googlecart-widget-initialized #googlecart-widget-head,
.googlecart-widget-initialized #googlecart-widget-body {
  display: block;
}

/* injecting the buy and add to cart images as backgrounds */
.googlecart-add-button {
  background: transparent url(add.png) no-repeat scroll center top;
  height: 30px;
  width: 106px;
}

.googlecart-buynow-button {
  background: transparent url(buy.png) no-repeat scroll center top;
  height: 43px;
  width: 107px;
}

/* IE fixes */

/* need these for IE7 rendering bug */
div.googlecart-buynow-button {  
  height: 43px;
  width: 107px;
}
div.googlecart-add-button {
  height: 30px;
  width: 106px;
}

/* IE 6/7 z-index fix
#googlecart-widget-control {
  z-index: 999998;
}

/* png transparency fix */
.ie-less-than-7 .googlecart-add-button {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://checkout.google.com/seller/gsc/v2.1/public/add.png", sizingMethod="crop");
}

.ie-less-than-7 .googlecart-buynow-button {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://checkout.google.com/seller/gsc/v2.1/public/buy.png", sizingMethod="crop");
}

/* this iframe is present in IE6 only, to address some z-index bugs */ 
.googlecart-widget-initialized #googlecart-widget-iframe {
  display: expression(googlecartWidget._IE6getIFrameHeight() > 0 ? "block" : "none");
  width: 100%;
  height: expression(googlecartWidget._IE6getIFrameHeight() + "px");
  position: absolute; /* so it is under the widget */
  filter: alpha(opacity=0);
}