/* 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: black;}

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

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

BODY #googlecart-widget {
  position: absolute;
  z-index: 1000000;
  width: 15em!important  ;
  right: 0;
  top: 0;
  position: absolute;
  padding-right: 6px!important ;
  padding-top: 4px!important ;
  font-family: Arial, sans-serif;
  font-size: 16px!important;
  text-align: left;}

BODY #googlecart-widget-head {
  border: 0px solid #ffffff!important;
  background-color: #333333!important;
  width: 100%;
  height: 1.5em!important ;
  line-height: 1.5em!important;
  position: relative;
  cursor:pointer;
  -moz-user-select: none;
  -khtml-user-select: none; }

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

BODY #googlecart-title {
  font-size: .85em!important ;
  font-weight: bold;
  margin-right: .5em;
  color:#89481d!important}

BODY #googlecart-summary {
  font-size: .7em!important;
  color:#999999!important}

BODY #googlecart-widget-body {
  border: solid #999999!important ;
  border-width: 0 0px 0px 0px!important ;
  background-color:#CCCCCC!important;
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
  visibility: hidden;}

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

.googlecart-widget-item * {
  border: 0 none;}
/*
  Below is a kludge to avoid a rendering bug in IE which causes
  the separator lines between items to be when a page loads and
  the item list is hidden.
*/
/*this line was eliminated in the last release*/

BODY .open #googlecart-widget-list td {
  border-bottom: 1px solid #ffffff!important;}

BODY .googlecart-widget-item, .open .googlecart-widget-item td {
  border-bottom: 1px solid #ffffff!important;}
  
BODY .googlecart-widget-quantity-column {
  padding: .5em .6em!important;
  vertical-align: top;}

BODY .googlecart-widget-quantity-box {
  text-align: right;
  padding: 0 2px 0 2px;
  font-size: .7em!important;
  width: 1.75em!important;
  border: 0px solid #000000!important;}

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

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

BODY .googlecart-widget-title {
  display: block;
  color:#89481d!important;
  font-size: .75em!important;
  font-weight: bold;}

BODY .googlecart-widget-short-details {
  font-size: .58em!important;}

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

BODY .googlecart-widget-removed-message {
  padding: .2em 0!important;
  vertical-align: top;
  font-size: .58em!important;
  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;}

BODY .googlecart-widget-price {
  font-weight: bold;
  font-size: .7em!important;}

/*text "remove" item*/
BODY .googlecart-widget-remove {
  color:#0000CC!important;
  text-decoration: none!important;
  cursor: pointer;
  font-size: .55em!important;
  -moz-user-select: none;
  -khtml-user-select: none;}

BODY .googlecart-widget-restore {
  display: none;
  color: #0000cc!important;
  text-decoration: none!important;
  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;}

.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;}

BODY .removed .googlecart-widget-title {
  color:#999999!important;}
.removed .googlecart-widget-price {
  color: #989898;}

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

BODY .removed .googlecart-widget-quantity-box {
  border-color:#89481d!important;
  background-color:#999999!important;
  color:#CCCCCC!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: 80%;
  width: 100%;}

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

BODY .googlecart-widget-totalprice {
  font-size: .8em!important;
  font-weight: bold;}
    
BODY .googlecart-widget-disclaimer {
  font-size: .6em!important}


 
/** 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="http://checkout.google.com/seller/gsc/beta/public/add.png", sizingMethod="crop");}

.ie-less-than-7 .googlecart-buynow-button {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://checkout.google.com/seller/gsc/beta/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);}