/***********************************************************
checkout.css
**********************************************************/
#mainContent #mainContentWrap {
	padding: 1.7em 1.9em;
}

#mainContent #mainContentTop {
	background: #fff;
	border-bottom: 2px solid #e2e2e2;
	padding: 0 0 .4em 0;
	*padding: 0 0 1.0em 0;
}

#mainContent #mainContentWrap ul.common { margin: 0 0 1.7em 0; }

#contentData.col2 { padding-top: 0; }

	#contentData.col2 .main {
		padding-left: 0;
		width: 66.7em;
		padding-top: 2.3em;
	}

	#contentData.col2 .related {
		width: 21.3em;
		padding: 1.5em 0 0 1.3em;
	}

	#mainContent #mainContentTop h2 { float: left; }

	#mainContent h3 {
		font-size: 1.4em;
		margin: 0 0 .3em 0;
		color: #422a80;
	}

	#mainContent h3 a { color: #422a80; }

	#mainContent h4 { 
		font-size: 1.4em;
		font-weight: bold;
		color: #422a80;
		text-transform: uppercase;
		line-height: 1.35em;
	}

		#mainContent h4 span {
			float: left;
			color: #666;
			margin: 0 .5em 0 0;
		}

		#mainContent h4 em {
			float: left;
			font-style: normal;
			width: 6.0em;
		}

	#mainContent h5 {
		font-size: 1.6em;
		font-weight: bold;
		color: #422a80;
		margin: 0 0 .7em 0;
	}

		#mainContent h5 span { font-weight: normal; }

	#mainContent p { 
		color: #797c80; 
		margin: 0 0 1.0em 0;
	}

	#mainContent #mainContentTop ul {
		float: right;
		margin: 1.0em 0 0 0;
	}

		#mainContent #mainContentTop ul li {
			float: left;
			font-size: 1.4em;
			border-right: 1px solid #999;
			margin: 0 .6em 0 0;
			padding: 0 .6em 0 0;
			line-height: 1.0em;
		}

			#mainContent #mainContentTop ul li a { position: relative; }

		#mainContent #mainContentTop ul li.last {
			border-right: 0;
			margin: 0;
			padding: 0;
		}		

#mainContent #mainContentWrap #setLocation.overlay { width: 30.5em; }

/* #header
**********************************************************/	
#header.alt { 
	background: #c0b7d8; 
	padding: 1.5em 0; 
	margin: 0 .9em 0 0;
	_margin: 0 1.5em 0 0;
}		

/* #navigation
**********************************************************/	
#navigation {
	background:transparent url(/assets/images/bg/bg_nav_checkout.gif) repeat-x scroll left top;
	padding: 0 0 0 1.9em;
	margin: 0 .9em 0 0;
	_margin: 0 1.5em 0 0;
}

	#navigation ol {}		

		#navigation ol li {
			float: left;
			/* line-height: 5.4em; */
			position: relative;
			line-height: 5.2em;
			background: url(/assets/images/tab/checkout/tab_default_right.gif) no-repeat right bottom;
		}

		#navigation ol li#navTab1 { width: 26.8em; }

		#navigation ol li#navTab2 { 
			width: 23.5em; 
			*width: 25.2em;
		}

		#navigation ol li#navTab3 { width: 18.0em; }

		#navigation ol li.active { 
			z-index: 1;
			background-position: right top;
		}

		#navigation ol li.lead { 
			font-size: 2.2em;
			font-weight: bold;
			color: #fff;
			line-height: 2.3em;
			background: transparent;
			padding: 0;
			margin: 0;
			width: 8.0em;
		}

		#navigation ol li.last { 
			background-image: url(/assets/images/tab/checkout/tab_default_right_last.gif); 
			padding-right: 4.4em;
		}

			#navigation ol li strong {
				color: #fff;
				font-size: 1.4em;
				height: 3.7em;
				display: block;
				position: relative;
				padding: 0 0 0 2.3em;
				left: -1.2em;
				background: url(/assets/images/tab/checkout/tab_default_left.gif) no-repeat;
			}

			#navigation ol li.first strong {
				background-image: url(/assets/images/tab/checkout/tab_default_left_first.gif); 
				padding-left: 1.4em;
			}

			#navigation ol li.active strong { 
				color: #422a80;
				background-image: url(/assets/images/tab/checkout/tab_active_left.gif); 
				left: -2.3em;
			}

				#navigation ol li strong span {
					color: #c1b7dc;
					padding: 0 .3em 0 0;
				}

				#navigation ol li.active strong span { 
					color: #422a80; 
					margin-left: .8em;
				}

			#navigation ol li.first.active strong { 	
				background: none;
				padding-left: .8em;
				left: -1.3em;
				background-image: url(/assets/images/tab/checkout/tab_active_left_first.gif);
			}

			#navigation ol li.done strong, 
			#navigation ol li.done span { color: #c1b7dc; }		

/* ,dataBlock
**********************************************************/
#mainContent .dataBlock .colA {
	float: left;
	padding: 2.3em 1.0em 0 0;
	width: 10.3em;
}

#mainContent .dataBlock .colB {
	float: left;
	border-left: 1px solid #e2e2e2;
	padding: 2.3em 0 1.8em 3.2em;
	_padding: 2.3em 0 1.8em 2.6em;
	width: 50.0em;
	min-height: 5.0em;
	height: auto;
	_height: 5.0em;
}

#mainContent .dataBlock .lead { margin: 0 0 .4em 0; }

	#mainContent .dataBlock em.legend {
		float: right;
		font-size: 12px;
		margin: .2em 0 0 0;
		font-weight: normal;
		color: #666;
	}

	#mainContent .dataBlock h5 em.legend { 

		float: none; 

		margin: 0 0 0 2.5em;

	}

	#mainContent .dataBlock.step .field.options label {
		font-weight: normal;
		font-size: 1.2em;
		display: inline;
		width: auto;
		vertical-align: middle;
		float: left;
		color: #252525;
		margin: 0 1.2em 0 0;
		line-height: 1.4em;
	}

	#mainContent .dataBlock.step .field.options span {
		font-size: 1.2em;
		color: #252525;
		float: left;
		margin: 0 .7em 0 0;
	}

	#mainContent .dataBlock.step .field.options .opt {

		vertical-align: middle;

		float: none;

		float: left;

		margin-top: .1em;

	}	

	#mainContent .dataBlock.step .field.shipping select { 
		width: 13.5em; 
		margin: 0 1.0em 0 0;
		font-size: 1.2em;
	}

	#mainContent .dataBlock.step .field.shipping a,
	#mainContent .dataBlock.step .field.shipping span { font-size: 1.2em; }

	#mainContent .dataBlock.step .field.shipping span { margin: 0 1.0em 0 0; }

#mainContent .dataBlock .submit { padding-top: 1.3em; }

	#mainContent .dataBlock .colB .submit { padding-top: 0; }

	#mainContent .dataBlock .submit .btnGreen { 
		font-size: 1.5em;
		line-height: 1.4em;
		margin: 0 2.0em 0 0;
		width: 9.5em;
		float: left;
	}

	#mainContent .dataBlock .submit p {
		color: #333;
		font-size: 1.2em;
		float: left;
		width: 40.0em;
		line-height: 1.4em;
	}

		#mainContent .dataBlock .colB .submit p { 
			width: auto; 
			padding: 1.0em 0 0 0;
		}



/* #formSignIn

**********************************************************/	

#mainContent #formSignIn {}

	#mainContent #formSignIn .field {

		float: left;

		width: 20.0em;

	}

		#mainContent #formSignIn .field .text {

			width: 14.0em;

			font-size: 1.2em;

		}

		#mainContent #formSignIn .btn {

			float: left;

			font-size: 1.2em;

			line-height: 1.4em;

			width: 5.0em;

			margin: 1.9em .9em 0 0;

			*margin: 2.3em .9em 0 0;

		}

		#mainContent #formSignIn small {

			float: left;

			font-size: 1.1em;

			position: relative;

			top: 2.9em;

		}

		

/* .form.formPayInfo 

**********************************************************/	

#mainContent .form.formPayInfo {}		

	#mainContent .form.formPayInfo  .field {

		float: left;

		width: 19.0em;

		padding: 0 0 1.0em 0;

		margin: 0 1.0em 0 0;

	}	

		#mainContent .form.formPayInfo  .field select { 

			margin: 0 1.0em 0 0;

			font-size: 1.2em;

			width: 90.5%;

		}

		#mainContent .form.formPayInfo  .field .text { width: 14.5em; }

			#mainContent .form.formPayInfo  .field.ccExp select.mm { width: 5.0em; }

			#mainContent .form.formPayInfo  .field.ccExp select.yyyy { width: 5.5em; }

			#mainContent .form.formPayInfo  .field.ccCVN .text { 

				width: 5.0em; 

				margin: 0 .8em 0 0;

			}

			#mainContent .form.formPayInfo  .field.ccCVN a { font-size: 1.2em; }

	#mainContent .form.formPayInfo  .btnSecure { 

		float: left; 

		margin: 1.5em 0 0 0;

	}

	

/* #contentAddress

**********************************************************/

#mainContent #contentAddress {}

	#mainContent #contentAddress ul {}

		#mainContent #contentAddress ul li {

			float: left;

			width: 19.0em;

			font-size: 1.1em;

			color: #797c80;

			line-height: 1.4em;

		}

		#mainContent #contentAddress ul li.last { width: 10.5em; }

		#mainContent #contentAddress ul li h6 {

			font-weight: bold;

			font-size: 1.2em;

			color: #252525;

			margin: 0 0 .2em 0;

		}	

			#mainContent #contentAddress ul li h6 a { 
				font-weight: normal; 
				margin: 0 0 0 .5em;
			}

		

/* tout custom styles
**********************************************************/
#mainContent #toutHelp,
#mainContent #toutSecurity { margin: 0 0 2.5em 0; }

#mainContent #toutHelp h3 { 
	font-size: 1.4em; 
	padding: 0 0 .5em 0;
}
#mainContent #toutHelp h4 { font-size: 1.4em; }

#mainContent #toutHelp li { 
	font-size: 1.4em;
	margin: 0 0 .5em 0;
}