@charset "utf-8";

/* CSS Document */

input.error { 

background-color:#EBE7E2;
border:1px solid #B5B5B5;
color:#523434;
}

.success { 
/*	
	// Uncomment to show the success inputs highlighted
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #B8F5B1;
*/	
}
#ShipChargeLoadContentMsg
{
	padding: 20px 45px;
}
label.error {
/*background:url("images/unchecked.gif") no-repeat scroll 0 0 transparent;*/
font-family:arial;
font-size:12px;
margin:9px -20px 15px 14px;
/*padding-left:26px;*/
position:inherit;
}

label.valid {

	display: none;
}

#acc1 .StatusIndicators {
  float: right;
  margin-top: 8px;
  margin-right: 20px;
}

#acc1 .ErrorLink {
  float: right;
}


#acc1 .editbox {
	font-size: 14px;
	color: #D6D6D6;
	padding: 0 0 6px 10px; 
}

#DiscArea {
	padding: 0 0 10px 10px; 
	margin-top: 6px;
	margin-bottom: 4px;
	/*
border: 1px solid #EEE; 
	background:#e8e8ff;
	-moz-border-radius: 5pt
*/
}

#PwdArea {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #CCC;
}

#TotalBoxHolder {
	position:absolute;
	bottom:100px;
}

#TotalBoxHolder .TotalBox {
	padding: 0 0 10px 10px; 
	margin-top: 6px;
	margin-bottom: 4px;
	border: 1px solid #EEE; 
	background:#e8e8ff;
	-moz-border-radius: 5pt;
	position:fixed;
}

/* Layout */
/* Main container */

/* Right-Side Order Preview - START
/* Uncomment the following rows to display the order preview  */
/* on the right side of thepage. Change the widths of the two  */
/* layers as needed. To uncomment, add the closing comment tag HERE

	#opcMainContainer {
		width: 620px;
		float: left;
		margin-left: 10px;
		margin-bottom: 20px;
	}
	
	#opcOrderPreviewDIV {
		float: right;
		width: 450px;
		margin-right: 10px;
	}
	
	#opcOrderPreview {
		width: 445px;
	}

/* Right-Side Order Preview - END */

/* Style Shipping Selection Area */
	#opcMainContainer .opcShippingSelect td {
		border-bottom: 1px dashed #b5b5b5;
		padding-right: 10px;
		
	}

/* Style other HTML elements */
#opcMainContainer hr {
	color: #f5f5f5;
	background: #f5f5f5;
	border: 0;
	height: 1px;
	width: 95%;
	text-align: center;
}

/* Style SKU */
#opcOrderPreviewDIV .opcSku {
	font-size: 9px;
	color: #777;
}

/* Style H1 Header for Order Preview */

#opcOrderPreview h1 {
	font-size: 30px;
	color: #999999;
	text-transform: uppercase;
	background: transparent url(images/section_repbar.gif) repeat-x scroll 0 0;
	
	
}



/* Login & Guest Checkout Table */

	#opcLoginTable {
		border: 1px dashed #CCC; 
		width: auto;
	}
	
	#opcLoginTable td {
		padding: 4px; 
	}
	
	#opcLoginTable .leftCell {
		width: 50%;
	}
	
	#opcLoginTable .rightCell {
		width: 50%;
		padding-left: 10px;
		border-left: 1px dashed #CCC; 
	}
	
	#opcLoginTable .bottomCell {
		border-top: 1px dashed #CCC; 
	}

/* Order Preview */
	
	/* Container */
	/* Remove or comment out this style if you use the 2-column layout */
	/* for One Page Checkout */
	#opcOrderPreviewDIV {
		margin-top: 15px;
	}
	
	/* Table */

	#opcOrderPreview {
		font-size: 11px;
	}
		
	#opcOrderPreview th {
		background-color: #f7f7f7;
		font-size: 12px;
		font-weight: bold;
	}
	
	#opcOrderPreview hr {
		color: #e1e1e1;
		background: #e1e1e1;
		border: 0;
		height: 1px;
	}
	
	#opcOrderPreview h1 {
	
		color: #999999;
	
	}
	
	#pcOPCtotal {
		text-align: center;
	  background-image: url('images/small_total.gif');
	}

	.sectionBar h2 {
		font-size: 20px;
		font-weight: lighter;
		margin: 0 0 5px 30px;
		padding: 5px;

    	font-family: "Book Antiqua", "Arial Narrow";
    color: #67594e;		
	}

	.sectionBar h4 {
		font-size: 16px;
		font-weight: lighter;
		margin: 0 0 5px 30px;
    font-family: "Book Antiqua", "Arial Narrow";
    color: #67594e;		
	}

	.sectionBarBlank {
     background: url(images/blank_seprep.gif) repeat-x;
	}

	.sectionBarPink {
     background: url(images/pink_seprep.gif) repeat-x;
	}

	.sectionBarBlue {
     background: url(images/blue_seprep.gif) repeat-x;
  }
