@charset "utf-8";

/* CSS Document */

input.error { 
	color: #B00000;
	border: 1px solid #FFF19F;
	background-color: #FFF19f;font-weight:bold
}

.success { 
	/*
	// Uncomment to show the success inputs highlighted
	color: #666666;
	border: 1px solid #CCCCCC;
	background-color: #B8F5B1;
	*/
}

label.error {
	background: url('images/unchecked.gif') no-repeat 0px 2px;
	display:block;
	position:relative;
	padding-left: 16px;
	margin-left: .3em;
	margin-top: 2px;
	clear: both;
}

label.valid {
	display: none;
}

#acc1 .StatusIndicators {
  float: right;
  margin-right: 20px;
}

#acc1 .ErrorLink {
  float: right;
}


#acc1 .editbox {
	font-size: 11px;
	color: #808080;
	padding-left:10px; padding-right:0; padding-top:0; padding-bottom:6px 
}

#DiscArea {
	margin-top: 6px;
	margin-bottom: 4px;
	border: 1px solid #EEEEEE; 
	background:#F4FFF4;
	-moz-border-radius: 5pt; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:10px
}

#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: 560px;
		float: left;
		margin-left: 0px;
		margin-bottom: 20px;
		/*position: relative;*/
	}
	
	#opcOrderPreviewDIV {
		float: right;
		width: 345px;
		margin: 0 0px;
		clear:right;
		position: static;
	}
	
	#opcOrderPreview {
		width: 345px;
	}

/* Right-Side Order Preview - END */

/* Style Shipping Selection Area */
	#opcMainContainer .opcShippingSelect td {
		border-bottom: 1px dashed #ccc;
	}

/* Style other HTML elements */
#opcMainContainer hr {
	color: #FFF19f;
	background: #FFF19f;
	height: 1px;
	width: 95%;
	text-align: center
}

/* Style SKU */
#opcOrderPreviewDIV .opcSku {
	font-size: 9px;
	color: #777;
}

/* 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: 37px; float:right;
		background: transparent url('images/order-preview-top-bg.jpg') no-repeat;
	}
	#opcOrderPreviewDIV .pcCheckoutSubTitle {
	padding: 8px 15px;
	border-bottom: 0;
	float: left;
	font-family: 'JosefinSlabBold';
	color: #553208;
}
	.opcOP-wrap {
		padding: 5px;
		background: transparent url('images/order-preview-middle-bg.jpg') repeat-y;
}
	#OPRWarning {
		background: transparent url('images/order-preview-middle-bg.jpg') repeat-y;
}
	#OPRWarning .pcShowContent {
	color: #4e751c;
}
	#OPRWarning .pcShowContent p {
	color: #4e751c;
	font-weight: bold;
	padding: 3px 0;
}

	#OPRWarning .pcShowContent table td p {
	font-weight: normal;
	padding-left: 20px;
}

		#OPRBottom {
		height: 50px;
		background: transparent url('images/order-preview-bottom-bg.jpg') repeat-y;
}
	/* Table */

	#opcOrderPreview {
		font-size: 12px;
	}
		
	#opcOrderPreview th {
		background: transparent url('images/order-preview-th.jpg') repeat-x;
		padding: 0px 4px;
		font-size: 12px;
		
	}
	#OPRWarning .pcShowContent th p {
	padding: 1px 5px 1px 0;
	height: 20px;
	line-height: 22px;
	font-size: 10px;
	color: #333;
	font-weight: normal;
}
	
	#opcOrderPreview hr {
		color: #c5bb80;
		background: #c5bb80;
		border: 0;
		height: 1px;
	}
	
#opcMainContainer .pcMainTable {
	width:560px;
}
#opcOrderPreviewDIV .pcMainTable {
	width:335px;
}

.wide-checkout#content {
	width: 990px;
}
#opcMainContainer .pcShowContent {
	
}

.wide-checkout#content .Accordion {
	width: 600px;
	overflow:inherit;
}

#opcMainContainer h1 {
	width:550px;
	float: left;
}



#pcMain.opc {
	position: relative;
}	

.customer {
	position: absolute;
	top: 0px;
	left: 150px;
}

#DiscRecal {
	float: left;
}
#DiscountCode{
	float: left;
	margin-top: 3px;
}	

#DiscArea {
	border: 0px solid #ddd; 
	background:none;
}

label.error {
	margin-top: 2px;
	margin-bottom: 2px;
}

#uniform-billstate label.error {
	position: absolute;
	left: 200px;
	top: 2px;
	z-index: 10000;
	background: url("images/unchecked.gif") no-repeat scroll 0 5px transparent;