/* LOGIN PANEL */

form#mainLogin input.login {
	width:185px;
	font-size:11px;
	color:#333;
	padding:2px 5px;
	margin-bottom:5px;
	}
form#mainLogin input.loginBut {
	width:190px;
	background:url(../images/btnSubmit.jpg) no-repeat;
	border:none;
	padding:5px 0;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	cursor:pointer;
	margin:5px 0 0 5px;
	}
form#mainLogin p a {
	font-size:11px;
	float:left;
	color:#333;
	padding:5px 0 0 5px;
	}


/* REGISTRATION PANEL */

#registerForm {
	width:508px;
	height:auto;
	float:left;
	border:1px solid #eaeaea;
	padding:5px 10px;
	font-size:11px;
	color:#333;
	margin-bottom:10px;
	}
	#registerForm h3 {
		color:#003895;
		font-size:1.3em;
		}
	#registerForm form {
		float:left;
		padding-top:20px;
		}
		#registerForm form p {
			float:left;
			width:100%;
			padding-bottom:10px;
			}
			#registerForm form p.spacer {
				padding-top:10px;
				border-top:1px dashed #eaeaea;
				}
			#registerForm form p span {
				padding-left:10px;
				color:#900;
				}
		#registerForm label {
			width:150px;
			height:auto;
			float:left;
			}
		#registerForm select {
			width:200px;
			}
		#registerForm p input.text {
			width:200px;
			font-size:11px;
			color:#333;
			padding:2px 3px;
			float:left;
			border:1px solid #999;
			}
			#registerForm p input.text:focus {
				width:200px;
				font-size:11px;
				color:#333;
				padding:2px 3px;
				float:left;
				border:1px solid #003895;
				background:#edf6fb;
				}
		#registerForm p select {
			width:100px;
			float:left;
			border:1px solid #999;
			}
			#registerForm p select:focus {
				border:1px solid #003895;
				background:#edf6fb;
				}
		#registerForm p input.submit {
			width:190px;
			background:url(../images/btnSubmit.jpg) no-repeat;
			border:none;
			color:#fff;
			padding:5px 0;
			font-size:11px;
			font-weight:bold;
			letter-spacing:1px;
			color:#fff;
			margin-left:10px;
			cursor:pointer;
			}

/* DELIVERY ADDRESSES */

.existingAddress {
	width:178px;
	height:auto;
	float:left;
	border:1px solid #eaeaea;
	padding:5px 10px;
	margin-bottom:10px;
	}
	.existingAddress h3 {
		color:#003895;
		font-size:1.4em;
		}
	.existingAddress p {
		color:#666;
		font-size:1.1em;
		}
	.existingAddress a {
		padding:3px 10px;
		background:#eaeaea;
		color:#003895;
		float:right;
		font-size:1.1em;
		text-decoration:none;
		}
		.existingAddress a:hover {
			background:#666;
			color:#fff;
			}
	
	table.summaryAddress {
		width:259px;
		float:left;
		}
			
/* PROGRESS FLOW */

#progress {
	width:190px;
	height:auto;
	float:left;
	}
	#progress h3 {
		color:#003895;
		font-size:1.4em;
		padding:6px 0 10px;
		}
	#progress ul {
		list-style:none;
		font-size:12px;
		text-align:center;
		}
		#progress ul li {
			width:184px;
			height:auto;
			border:3px solid #eaeaea;
			padding:4px 0;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			margin-bottom:10px;
			color:#eaeaea;
			}
			#progress ul li.active {
				border:3px solid #1ea2d9;
				background:#edf6fb;
				color:#003895;
				}

/* CONFIRMATION */

#confirmation {
	font-size:1.1em;
	color:#666;
	}
	#confirmation h3 {
		font-size:1.3em;
		color:#003895;
		padding-bottom:6px;
		}
	#confirmation h4 {
		font-size:1.3em;
		color:#1ea2d9;
		}
	#confirmation p {
		padding-bottom:10px;
		}
		

/* GATEWAY BUTTON */

.gatewayBut {
	width:100%;
	height:34px;
	float:right;
	overflow:hidden;
	background:url(../images/gatewayBut.png) left top no-repeat;
	border:none;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	cursor:pointer;
	padding-bottom:5px;
	}
	.gatewayBut:hover {
		color:#186cb0;
		}