@charset "utf-8";
/* CSS Document */
/* 
   sorry this is a little messy, I had to apply this cart to a previously osCommerce website, and it's awful style-wise.
   didn't have the time to neaten it all up, will 'do it one day(tm)' - Jez
 
 */

.cart { font-family: Arial, Helvetica, sans-serif; display: block; clear: left; color: white;}
.cart a { text-decoration: none;
border: 0px;
}

/* these styles are used in the display of the shopping cart contents. */
.cart img { border: 0px; }
.cartHeading { font-weight: bold; font-size: 18px; color: white; text-align:left; text-transform:uppercase; }
.addressHeading { font-weight: bold; font-size: 18px; color: white; }
.cartItem { border-bottom:1px dotted white; margin-bottom:5px; margin-left:20px;  }
.itemName { font-size: 14px; font-weight: bold; display: block; color: #002a5c; text-align:left;  }
.itemDesc { display: block; text-align:left;  }
.itemImage { border: 0px; height: 90px; padding: 3px;}
.itemPrice { text-align:left;  font-family: "Courier New", Courier, monospace; } /* font is courier new as it's fixed width. */
.itemQuantity {  font-size: 12px; display:inline; margin-left:20px; }
.itemRemove { display: inline; font-size: 14px;  float: right;  position: relative; top: -35px; left: 100px; margin-right:100px;}
.itemRemove a { border: 0px; }
.itemTotal { display: block; width: 300px; text-align: right;}

/* proceedButton styles. used in checkout process a few times */
.proceedButton {  }
.proceedButton img { border: 0px; }


/* For viewing an item */
.image_preview { float: left; padding: 5px; }
.desc_preview { font-size: 12px; width: 540px; text-align:justify; font-style:oblique; }
.itemView { 
   width: 90%; 
}

.pageHeading, .pageHeading * { 
   font-size:18px;
   font-weight: bold;
   color: #ffffff;
   text-decoration:none;
}


 
/* shipping data entry form, etc */
.shippingForm { width: 90%; }
.shippingForm div { margin-bottom:20px; font-style:oblique;  } 

.formField { 

color:white;
font-weight: bold;
font-size: 11px;
margin-bottom:10px;

}
.formField input {
width: 200px;
}

.shippingFormselect {
font-size: 9px;
}

.shippingForm label {
font-size: 9px;
}

.shippingForm input {
font-size: 9px;
}

.formSubmit input {
position: relative;
top: -50px;
left: 300px;
font-size: 9px;
}

/* this is for the little button/text link to edit an address during checkout */
.editAddress {
	font-size: 8pt;
	color: #3366FF;
	}
/* these are the two (divs/spans) used in the checkout summary page to show the entered address details */
.shippingAddress { 
   display: inline;
   width: 150px;
   margin: 10px;
 text-align: left;
   font-size: 12px;   
   float: left;
}

.billingAddress { 
   display: inline;
   width: 150px;
   margin: 10px;
 text-align: left;
   font-size: 12px;   
   float: left;
}