/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ----------------- CSS For Shopping Cart  ---------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ------------------- Product Listings -------------------- */
/* --------------------------------------------------------- */

table.productlist	{
	width				:100%;
	font-size			:1em;
	border-top			:2px solid #bbb;
	border-bottom		:2px solid #ccc}

td.productdetails  {
	text-align			:left;
	border-top			:1px solid #ddd;
	width				:420px;
	padding 			:9px 0}

td.productunit  {
	text-align			:right;
	width				:100px;
	color				:#999;
	font-weight			:bold;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.productquantity  {
	text-align			:right;
	width				:160px;
	border-top			:1px solid #ddd;
	padding 			:9px 0}
	
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ----------------------- Main Cart ----------------------- */
/* --------------------------------------------------------- */

table.orderlines	{
	width				:100%;
	font-size			:1em;
	border-top			:2px solid #bbb;
	border-bottom		:2px solid #ccc}

td.orderlinedetails  {
	text-align			:left;
	border-top			:1px solid #ddd;
	width				:66%;
	padding 			:9px 0}

td.orderlineremove  {
	text-align			:center;
	width				:1%;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.orderlineunit  {
	text-align			:right;
	width				:10%;
	color				:#999;
	font-weight			:normal;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.orderlinequantity  {
	text-align			:right;
	width				:10%;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.orderlinetotal  {
	text-align			:right;
	width				:12%;
	font-weight			:bold;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.orderlinefullright{
	text-align			:right;
	padding 			:9px 0;
	border-top			:1px solid #ddd}

td.fullcellalignleft{
	text-align			:left;
	color				:#999;
	padding 			:0 0 9px 0;
	font-size			:.9em}


td.fullcellalignleftsync{
	text-align			:left;
	color				:#c30;
	padding 			:0 0 9px 0;
	font-size			:1em}

td.orderlineerrormessage{
	text-align			:right;
	font-size			:.9em;
	padding 			:9px 0;
	color				:#c30}

table.ordersummary	{
	width				:100%;
	font-size			:.9em}

td.ordersummaryleft{
	text-align			:left;
	width				:53%;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.ordersummarycaption {
	text-align			:right;
	font-size			:1em;
	width				:30%;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.ordersummarytotal {
	text-align			:right;
	width				:17%;
	border-top			:1px solid #ddd;
	padding 			:9px 0}

td.paddingtop{
	padding 			:30px 0	9px 0}
		
td.solidtop{
	border-top			:2px solid #bbb}
		
td.emphasis{
	font-weight			:bold}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ---------------------- Card Details --------------------- */
/* --------------------------------------------------------- */	
	
table.carddetails {
	width				:100%}

td.carddetailsleft{ }
   
td.carddetailsright{
	 text-align			:right;
	 padding			:3px 0}
	 
	 
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* -------------------- Confirm Summary -------------------- */
/* --------------------------------------------------------- */	
	
table.finalsummary {
	width				:100%;}

td.finalsummaryleft{font-size:1em; }
   
td.finalsummaryright{
	 text-align			:right;font-size:1em;
	 padding			:3px 0}
	 
td.smallpaddingtop{
	padding 			:9px 0}


#productsdiv{
	margin-top			:20px;
	padding-top:10px;


}




.productlistimage{
float:left; width:170px;
margin:10px 0;
}


.productlistinfo{
float:left; width:410px;margin:10px 0;

}


.productlistadd{text-align:right;margin:10px 0;

float:right; width:110px;
}
	



.productdetailimage{
float:left; width:170px;
margin:30px 0 0 0;
}


.productdetailinfo{
float:left; width:100%;margin:0;

}


.productdetailadd{text-align:right;margin:10px 0;

float:right; width:110px;
}

hr {clear:both;
border: 0;
color: #999;
background-color: #999;
height: 1px;
width: 100%;
text-align: left;

}




#ecomm2col{
	border-right		:1px solid #aaa;
	float				:left; 
	display				:inline; 
	position			:relative; 
	width				:510px; 
	padding-left		:33px;
	padding-right		:27px;
	padding-bottom		:20px}

#ecommrightcol{
	width				:160px; 
	float				:right; 
	position			:relative;
	padding-top			:20px;
	padding-left		:20px;
	padding-right		:26px}


.formfield{
	width				:400px;
	background-color	:#fff;
	border				:1px solid #fff}

.formfieldattention {
	padding				:10px 0px;
	background-color	:#eee;
	margin				:10px 0px;
	width				:400px;
	border				:1px solid #c30}

.attentiontext { 
	padding-top			:10px;
	margin-left			:140px}

.decisionbox{
	background-color	:#fafafa;
	border				:1px solid #aaa;
	width				:355px;
	padding				:20px 20px 0 20px}