/*
  Because we never use underscores in class or id names at Inventive Labs 
  (preferring Javascript-influenced camelCase), we can use the underscore
  character to denote namespaces.

  For this Shopping Basket module, all id and class names will be prefixed
  with 'basket_', to prevent clashes with any other elements on the page.

  NOTE: during the transition, both old and new names are supported. When 
  we've completed the transition, the old names should be deleted from these
  rules.
*/
  
#basket a, #basket a:hover {
  position:relative;
}

#basket_ a:focus, #basket_ a:active {
  outline: none;
}


/* MAIN */
#basket, 
#basket_ {
  position: absolute;
  top: 0;
  right: -62px;
  width: 419px;
  overflow: hidden;
  font-size: 9pt;
  padding: 0 72px 3px 70px;
  z-index: 1000;
  border-top: 0;
  background: url(/images/basket_bg.png) bottom center no-repeat;    
}

/* The tab */
#basket_ .basket_summary {
  padding: 8px 30px 28px 1px;
  height: 10px;
  text-align: right;
  font-size:12px;
  display:block;
  cursor:pointer;
  color:#172876;
  background: url(/images/basket_tab.png) left -85px no-repeat;      
}

#basket_ .basket_summary:hover {
  text-decoration:none;
  display:block;
  color: #cf0014;
  background: url(/images/basket_tab.png) right -85px no-repeat;        
}

/* DETAILS */
#basketDetails, #basketNotice,
.basket_details, .basket_notice {
  background: #b7e2ee;
}

.basket_empty {
  margin: 0;
  padding: 5px;
  text-align: center;
}

#basketDetails table,
.basket_details table {
  width: 100%;
  border-collapse: collapse;
}

#basketDetails td,
.basket_details td {
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.2em;
  padding: 5px 2px 0 0;
  border-bottom: 0;
}
#basketDetails td.controls,
.basket_details td.basket_itemControls {
  width: 38px;
}
#basketDetails .alt,
.basket_details .basket_alt {
  background: #fff;
}
.basket_table td.basket_itemDetails {
  width: 310px;
  padding: 7px 0;
  line-height: 170%;
}
td.basket_itemDetails a {
  position:relative;  
}
#basketDetails td.image img,
.basket_details td.basket_itemImage img {
  width: 45px;
}
#basketDetails td.image img,
.basket_details td.basket_itemImage img {
  width: 50px;
  margin-left: 8px;
  border:1px solid #ccc;
  margin-bottom: 6px;
}
#basketDetails td.details strong,
.basket_details td.basket_itemDetails strong {
  display: block;
  font-size: 14px;
  white-space: nowrap;
}

#basketDetails a.removeLink,
.basket_details a.basket_itemRemoveLink {
  font-size: 10px;
  font-family: "Arial Narrow", sans-serif;
  color: #cf0014;
  text-transform: uppercase;
  position:relative;  
}

tr.basket_total td {
  padding: 15px 0 0 0;
}

.basket_stats {
  width: 98%;
  font-size: 14px;
  margin: 4px 0px;
  text-align: right;
}

#basket_ .basketCheckoutLink,
#basket_ .basket_checkoutLink {
  position:relative;
  display:block;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-right:10px;
  line-height:100%;
  font-weight:bold;
  color: #cf0014;
  font-size: 16px;
  float:right;
  text-align:right;
}

.basketQuantifier,
.basket_quantifier {
  width: 32px;
  height: 16px;
  background: #E9E9E9;
  border: 1px solid #999;
}

.basketQuantifier .quantity,
.basket_quantifier .basket_quantity {
  text-align: right;
  padding-top: 2px;
  color: #222;
  cursor: default;
}

.basketQuantifier .quantityControls,
.basket_quantifier .basket_quantityControls {
  width: 12px;
  float: right;
  margin-left: 3px;
}

.basketQuantifier .quantityUp,
.basket_quantifier .basket_quantityUp {
  background: url(/images/quantity_up.gif) #ccc no-repeat;
  width: 12px;
  height: 8px;
  float: left;
  position:relative;  
}

.basketQuantifier .quantityDown,
.basket_quantifier .basket_quantityDown {
  background: url(/images/quantity_down.gif) #BBB no-repeat;
  width: 12px;
  height: 8px;
  float: left;
  position:relative;  
}

/* NOTIFICATION */
#basketNotice div,
.basket_notice div {
 position:relative;
  padding:10px 5px;
  margin-right:32px;
}

#basketNotice img,
.basket_notice img {
  float: left;
  position:relative;
  height:16px;
  margin-right:7px;
}

#basketNotice strong,
.basket_notice strong {
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
}

#basketNotice span.addMessage,
.basket_notice span.basket_addMessage {
  text-transform: uppercase;
  font-weight:bold;
  display:block;
  font-size:11px;
  margin-bottom:4px;
  color:#f3110b;
  height:20px;
}

#basketNotice span.errorMessage,
.basket_notice span.basket_errorMessage {
  text-transform: uppercase;
  color: #c10014;
  font-size: 10px;
  font-family: Arial Narrow, sans-serif;
  display: block;
  height: 22px;
}




/* ADD TO BASKET WIDGET  - 124*64px*/
.basket_filler {
  display:block;
  height:50px;
  position:absolute; 
  top: 50%;
  margin: -30px 0 0 0;
  right: 0;
  width:61px;
	width: 156px;
  line-height:110%;
  font-weight:normal;
/*  font-family:verdana;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:11px;
	font-size: 16px;
  font-weight:bold;	
	padding: 13px 0 10px 67px;
/*  padding: 10px 0 0 63px;*/
/*	border: 1px solid #eee;*/
  /* load these */
/*  background:url(/images/basket_checkout.gif) top left no-repeat;  */
/*  background:url(/images/basket_adding.gif) top left no-repeat;  */
  background:url(/images/basket_add_new.gif) left top no-repeat;
}

a.basket_filler:hover {
  text-decoration:none;
}
a.basket_fillerAdd {
  color:#c10014;    
}
a.basket_fillerAdd:hover {
/*	color: #8A000E;*/
	background: url(/images/basket_add_hover.gif) left top no-repeat;
}
a.basket_fillerAdd span {
  font-weight:normal ! important;
  display:block;
  margin-top:2px;
	font-size: 14px;
}

a.basket_fillerProcessing {
  background:url(/images/basket_adding.gif) center center no-repeat;
  height: 63px;
	width: 220px;
	padding: 0;
/*  width: 220px;*/
	font-size: 11px;
	text-indent: -50000px;
/*  padding: 40px 0 13px 0;*/
  color: #c10014;
}

a.basket_fillerCheckout {
  background:url(/images/basket_checkout_new.gif) left top no-repeat;
	padding-top: 20px;
  color:#009f07;  
}
a.basket_fillerCheckout:hover {
	background: url(/images/basket_checkout_hover.gif) left top no-repeat;	
}

.textOnly a.basket_filler {
  display: inline;
	font-family: Verdana;
  position: relative;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  font-size: 10px;
  background: none;
  color:#c10014;    
}

.textOnly a.basket_fillerAdd span {
  display: none;
}

.textOnly a.basket_fillerProcessing {
  background: none;
  height: 0;
  width: auto;  
  text-align: left;
  padding: 0;
  color: #aaa;
}

.textOnly a.basket_fillerCheckout {
  background: none;
  padding: 0;
  height: auto;
  color:#f3110b;
  color:#009f07;
}