@charset "utf-8";

/* CSS Document */

input.error { 
	background-color: transparent;
    background-image: url("images/login-textbox.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-style: none;
    color: #404040;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
	padding-bottom:10px;
    padding: 5px;
    text-align: left;
    width: 211px;
}

/*.input { 
	background-color: transparent;
    background-image: url("images/login-textbox.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-style: none;
    color: #404040;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    padding: 5px;
    text-align: left;
    width: 211px;
	margin-top:-10px;
}*/

.success { background-color: transparent;
    background-image: url("images/login-textbox.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-style: none;
    color: #404040;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    padding: 5px;
    text-align: left;
    width: 211px;
	/*
	// 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 0px;
	display:block;
	position:relative;
	padding-left: 16px;
	margin-left: .3em;
}

label.valid {
	display: none;
}

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

#acc1 .ErrorLink {
  float: right;
}


#acc1 .editbox {
	font-size: 11px;
	color: #666;
	padding: 0 0 6px 10px; 
}

#acc1 .editbox a {
	font-size: 11px;
	color: #666;
	text-decoration:none;
}
#acc1 .editbox a:hover {
	text-decoration:underline;
}

#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;
}

#TermsMsg {
	border: solid 1px #E1E1E1 !important;
	background: #FFFFFF !important; 
	padding: 4px !important; 
	width: 415px !important; 
	height: 170px !important; 
	overflow: auto !important; 
	text-align: left !important;
	font-size: 12px !important;
}

/* 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 #999;
	}

/* 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;
}

/* Login & Guest Checkout Table */

	#opcLoginTable {
		width: auto;
	}
	
	/*#opcLoginTable td {
		color: #404040;
    display: block;
    float: left;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 6px;
    padding-right: 10px;
    text-shadow: 1px 1px #FFFFFF;
    width: 104px;
	}*/
	
	.opcLoginTableLoginButton input {margin-top:-20px;
	}
	
	
	#opcLoginTable .leftCell { padding-top:10px;
		width: 50%;
	}
	
	#opcLoginTable .leftCell h3 {
		background-image: url("images/login-title-bg.gif");
    background-position: left top;
    background-repeat: no-repeat;
    color: #404040;
    font-size: 18px;
    font-style: italic;
	text-align:left;
    font-weight: normal;
    padding: 10px 10px 10px 15px;
	margin-bottom:8px;
	}
	
	
	#opcLoginTable .rightCell {
	background: url("images/white_box.png") no-repeat scroll left 10px transparent;
    font-family: Georgia,"Times New Roman",Times,serif;
    height: 153px;
    margin-top: 12px;
    padding-left: 10px;
    padding-top: 10px;
    width: 44%;
	}
	
	#opcLoginTable .rightCell h3 {
    background-position: left top;
    background-repeat: no-repeat;
    color: #404040;
    font-size: 18px;
	text-align:left;
	font-style:normal;
    font-weight: normal;
	padding-left:5px;
	margin-bottom:8px;
	padding-top:14px;
	}
	
	#opcLoginTable .rightCell .pcShowLoginFields2 div {
    color: #404040;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    line-height: 18px;
    margin-top: 4px;
    padding-bottom: 10px;
    padding-top: 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	
	#opcLoginTable .bottomCell {
	}

/* 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 { /*border-bottom: 1px dotted #C1C2C2;
    border-right: 1px dotted #C1C2C2;*/
    font-style: italic;
    padding: 10px 0 10px 10px;
	font-size: 11px;
	}
		
	#opcOrderPreview th {
	font-size:12px;
    font-weight: bold;
    padding: 4px;
    text-align: left;
	}
	
	#opcOrderPreview hr {
		color: #e1e1e1;
		background: #e1e1e1;
		border: 0;
		height: 1px;
	}