/* Navigation */

#navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #0C47AD;
	border-top: #FFF solid 1px;
}

	#navigation li {
		float: left;
		text-align: center;
		border-right: #FFF solid 1px;
	}
	
	#navigation li.last {
		border-right: 0;
	}
		
		#navigation #what-youll-save a {
			width: 115px;
		}
		
		#navigation li a {
			display: block;
			color: #FFF;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			width: 109px;
			padding: 8px 0;
			height: 11px;
			background: url(../images/nav-button-bg.gif) no-repeat top center;
			text-decoration: none;
		}
		
		#navigation li a:hover {
			color: yellow;
			background: url(../images/nav-button-bg.gif) no-repeat bottom center;
			text-decoration: none;
		}
		
#login-button {
	background: url(../images/login-button-bg.gif) no-repeat center top;
	width: 120px;
	height: 35px;
	text-indent: -99999px;
	display: block;
	float: left;
}

	#login-button:hover {
		background: url(../images/login-button-bg.gif) no-repeat center bottom;
	}
	
#visit-shop-button {
	background: url(../images/visit-shop-button-bg.gif) no-repeat center top;
	width: 120px;
	height: 35px;
	text-indent: -99999px;
	display: block;
	float: left;
	margin-left: 20px;
}

	#visit-shop-button:hover {
		background: url(../images/visit-shop-button-bg.gif) no-repeat center bottom;
	}
	
#login-button-small {
	background: url(../images/login-button-small-bg.gif) no-repeat center top;
	width: 60px;
	height: 17px;
	text-indent: -99999px;
	display: block;
	float: left;
}

	#login-button-small:hover {
		background: url(../images/login-button-small-bg.gif) no-repeat center bottom;
	}

#logout-button-small {
	background: url(../images/logout-button-small-bg.gif) no-repeat center top;
	width: 60px;
	height: 17px;
	text-indent: -99999px;
	display: block;
	float: left;
}

	#logout-button-small:hover {
		background: url(../images/logout-button-small-bg.gif) no-repeat center bottom;
	}
	
#account-button-small {
	background: url(../images/account-button-small-bg.gif) no-repeat center top;
	width: 60px;
	height: 17px;
	text-indent: -99999px;
	display: block;
	float: left;
}

	#account-button-small:hover {
		background: url(../images/account-button-small-bg.gif) no-repeat center bottom;
	}

#register-button-small {
	background: url(../images/register-button-small-bg.gif) no-repeat center top;
	width: 60px;
	height: 17px;
	text-indent: -99999px;
	display: block;
	float: left;
}

	#register-button-small:hover {
		background: url(../images/register-button-small-bg.gif) no-repeat center bottom;
	}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success {
	padding: 5px 9px;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	margin-top: 0.2em;
}

.error {
	background: #fbe3e4;
	color: #8a1f11;
	border-color: #fbc2c4;
}

.notice {
	background: #fff6bf;
	color: #514721;
	border-color: #ffd324;
}

.success {
	background: #DBEBF0;
	color: #0C47AD;
	border-color: #0C47AD;
	width: 332px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: center;
}

.error a {
	color: #8a1f11;
}

.notice a {
	color: #514721;
}

.success a {
	color: #264409;
}


/* Tell a friend form
-------------------------------------------------------------- */

#friend-form {
	margin-left: 25px;
}

#friend-form p {
	margin: 6px 0;
}

#friend-form label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	width: 100px;
}

#friend-form #form-container {
	background: #FFF url(../images/friend-bg.gif) no-repeat 0 0;
	width: 350px;
	height: 138px;
	overflow: hidden;
}

#friend-form fieldset {
	width: 150px;
	float: left;
	border: none;
	margin: 10px 0 0 14px;
	padding: 0;
}

#friend-form .submit {
	text-align: center;
}

#friend-form .error {
	width: 328px;
	margin-top: 12px;
}

p.friend-success {
	text-align: center;
	padding-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #FFF;
}


/* call rate form
-------------------------------------------------------------- */

#call-form {
	font-family: Arial, Helvetica, sans-serif;
}
	
	#call-form #form-container {
		background: #00428E url(../images/calculator-bg.jpg) no-repeat 0 0;
		color: #FFF;
		width: 390px;
		overflow: hidden;
		margin-top: 12px;
		padding: 0 10px;
	}
	
	#call-form #form-container-foot {
		background: url(../images/calculator-bg-foot.jpg) no-repeat 0 0;
		overflow: hidden;
		width: 410px;
		height: 5px;
		padding: 0;
	}
	
	#call-form h2 {
		margin: 0;
		color: #FFF;
	}
	
	#call-form hr { 
		background: #5d81b4;
		color: #5d81b4;
		clear: both;
		float: none;
		width: 100%;
		height: .1em;
		margin: 0;
		border: none; 
	}
	
	#call-form label {
		display: block;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		width: 170px;
		padding: 2px 0 0 0;
	}
	
	#call-form p {
		margin: 6px 0;
		overflow: hidden;
	}
	
	#call-form strong {
		color: #ffc600;
	}
	
	#call-form select {
		margin: 0;
		width: 210px;
		font-size: 1em;
		float: right;
	}
	
	#call-form fieldset {
		clear: both;
		border: none;
		margin: 6px 0;
		padding: 0;
	}
	
	#call-form .submit {
		margin: 0;
		padding: 0;
		text-align: right;
	}
	
	#call-form #call-info-container {
		
	}
	
	#call-form .call-info {
		text-align: center;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border-right: #5d81b4 solid 1px;
		width: 128px;
		float: left;
	}
	
		#call-form .last {
			border-right: none;
		}
	
		#call-form .call-info div {
			clear: both;
			font-weight: bold;
		}
		
	#extra-info-container {
		margin: 0;
		padding: 0;
	}
	
		#extra-info-container label {
			margin: 0;
			padding: 0;
		}
		
		#extra-info-container p {
			margin: 0;
			padding: 0;
		}
		
	#footnote-container {
		
	}


/* destination list
-------------------------------------------------------------- */

#destination-list {
	width: 444px;
	padding: 10px 0 10px 6px;
	background: #00428E url(../images/destinations-bg.jpg) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	overflow: hidden;
	margin: 0;
}

	#destination-list ul {
		list-style: none;
		overflow: hidden;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	#destination-list ul li {
		width: 128px;
		margin-left: 10px;
	}
	
		#destination-list ul li em {
			color: #ffc600;
			font-style: normal;
		}
		
#destination-list-foot {
	background: url(../images/destinations-bg-foot.jpg) no-repeat 0 0;
	overflow: hidden;
	width: 450px;
	height: 5px;
	padding: 0;
}


/* price comparison
-------------------------------------------------------------- */

#price-table {
	font-size:11px;
	border: 1px solid #c5d7f5
}

	#price-table td {
		border: 1px solid #c5d7f5;
		padding: 5px 2px;
		margin: 0;
		height: 12px;
		color: #333;
	}
	
	#price-table strong.black {
		color: #000;
	}