﻿.googlecart-widget *,
.googlecart-widget {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: black;
}

/* widget and spacer are the same size */
#googlecart-widget,
#googlecart-widget-spacer {
  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;
}

#cart-widget-head {
  border: 1px solid #787878;
  width:300px;
  background-color: #333;
  position: relative;
  text-align:left;
  padding-left:5px;
  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;
}

input.btn { 
	margin: 0; 
	font: bold 0.7em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #444; 
	padding: 3px 5px 3px 0; 
	color: #FFF;
	width:80px;
	text-transform:uppercase;
	text-align:center;
	text-indent:3px;
}


input.radio {
	margin-top:5px;
}


#cart-title {
  font-size: .52em;
  margin-right: .5em;
  text-transform:uppercase;
  color:white;
  margin-left: 5px;
}

#cart-summary {
  font-size: .52em;
  text-transform:uppercase;
}

.ptitle {
  font-size: 1.5em;
  font-weight:bold;
  color:#666;
}

#cart-widget-body {
  border: solid #C3D6F9;
  border-width: 0 1px 1px 1px;
  background-color: #FFFFFF;
  height: 0;
  position: relative; /* Check this to detect if the CSS is loaded. */
  overflow: hidden;
  visibility: hidden;
}

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

.cart-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. */
 
.cart-widget-item, .open .cart-widget-item td {
  border-bottom: 1px solid #CCC;
}

.cart-widget-quantity-column {
  vertical-align: top;
}

.cart-widget-quantity-box {
  text-align: right;
  font-size: .55em;
  border: 1px solid #666;
}

.cart-widget-details-column {
  padding: .4em 0;
  vertical-align: top;
}

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

.cart-widget-short-details {
  font-size: .55em;
}

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

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

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

.cart-widget-price-column {
  padding: .4em .6em .4em 0;
  vertical-align: top;
  text-align: right;
  font-weight: bold;
  font-size: .8em;  
}

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

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


#cart-widget-foot {
  margin: .4em .3em .4em .6em;
}

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

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

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

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

.cart-widget-totalmessage {
  font-size: .8em;
  color:#000;
}

.cart-widget-totalprice {
  font-size: 1em;
  font-weight: bold;
  color:#000;
}

.cart-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 */
#cart-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 */
#cart-widget-list-head, #cart-widget-list-head * {
  height: 0;
  border: 0 none;
  margin: 0;
  padding: 0;
}

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

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

#cart-widget-head,
#cart-widget-body {
  display: block;
}

.container{
	margin:30px 20px 20px 0px;
	float:left;
	
}

.item{
	width:200px;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding:10px;
	
}

.button{
	margin:10px;
}

#cart{
	border:#C3D6F9 1px solid;
	display:block;
	float:right;
	width:300px;
	padding:5px;
}


#itemlist{
	margin-top:5px;
	top: 0px;
	right: 0px;
	position: fixed;
}

#itemlist div{
	float:left;
	padding:2px;
}

#itemlist .row{
	width:98%;border-bottom:1px solid #666;
	text-align:left;
	
}
/*
input.text {
	border: 1px solid #999;
	text-align:right;
}

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

