/*****************
 GLOBAL
*****************/
html { overflow-y: scroll; }

* {margin:0; padding:0; outline: none; }

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	margin:0;
	padding:0;
	color: #000;
	background: #fff;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 2.2em; color: #666; line-height: 1.2em; font-weight: normal; font-family:  Tahoma, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.7em; color: #666; line-height: 1.2em; font-weight: normal; font-family:  Tahoma, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.4em; color: #333; line-height: 1.2em; font-weight: normal; font-family:  Tahoma, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h4 { font-size: 1.2em; color: #333; line-height: 1.5em; font-weight: normal; letter-spacing: -1px;}


/**********************
 OVERALL LAYOUT
***********************/

#skiptomain {
	display: none;
}

#wrapper {
	width: 1040px;
	margin: 0 auto;
	font-size: 0.85em;

}

	#pagecontainer {
		width: 980px;
		padding: 0 30px;
	}


		#header {
			width: 960px;
			padding: 0px;
			margin: 0px 10px;
			background: #fff;
			}


			#toplogo {
				padding: 20px 0px 15px 0px;
				width: 490px;
				float: left;
				font-size: 0.9em;
			}


			#topright {
				padding: 15px 0px 0px 0px;
				width: 470px;
				float: right;
				text-align: right;
				font-size: 0.95em;
			}
			
				#topphone {
					padding: 0px;
				}

					#topphone strong {
						font-size: 1.4em;
						font-weight: normal;
					}

				#topaccount {
					display: none;
				}

				#topcart {
					padding: 10px 0px 10px 0px;
					line-height: 22px;
					height: 22px;
				}



			#topright a:link, #topright a:visited { color: #048; text-decoration: underline; }
			#topright a:hover { color: #26a; text-decoration: underline; }


				    .trbutton {
					display: block;
					background: #fd0 url(/images/bg-trbutton.gif) repeat-x center center;
					float: right;
					margin-left: 5px;
					line-height: 22px;
					height: 22px;
				    }

				    .trbutton img {
					float: left;   
				    }

				    .trbutton a {
					float: left;   
					font-size: 0.95em;
					font-weight: bold;	
					text-decoration: none; 
					font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;	
					color: #036; 
					padding: 0px 5px;
				    }

						.trbutton a:hover {
					text-decoration: underline;   
				    }

		#topnav {
			width: 960px;
			height: 42px;
			background: #333 url(images/topnav-back.gif) repeat-x center top;
			font-size: 0.95em;
			margin: 0 10px;
			padding: 0px;
		}

			/*
			#navbar is now controlled by suckerfish.css
			*/




		#topbar {
			width: 940px;
			padding: 0px 10px;
			margin: 1px 10px;
			background: #fff;
			color: #000;
			border-top: 1px solid #fc0;
			border-bottom: 1px dotted #ccc;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 0px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}

		#maincontent{
			clear: both;
			width: 960px;
			padding: 5px 0px 10px 0px;
			margin: 0px 10px;
			color: #333;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}

			#maincontent a:link, #maincontent a:visited { color: #048; text-decoration: none; }
			#maincontent a:hover { color: #28a; text-decoration: underline; }


			#pageleft { 
				width: 300px;
				float: left;
				padding: 0px;
				margin: 0 20px 0 0;
			}
			
			
				#tourfinder { 
					width: 280px;
					float: right;
					padding: 0 10px;
				}	

				#tourfinderform {
					display: inline;
				}


				#tourfinderform label {
					clear: left;
					float: left;
					width: 80px;
					padding-right: 10px;
					margin-top: 5px;
				}

				select.contform {
					float: left;
					width: 190px;
					border: 1px solid #fc0;
					font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 1.0em;
					margin-top: 5px;
				}
				
				
				#tourfinderform input.searchsubmit {
					width: 120px;
					height: 22px;
					margin: 10px 0px 0px 90px;
					padding: 0px;
					border: none;
					color: #000;
					font-family: arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
					font-size: 0.95em;
					font-weight: bold;
					cursor: pointer;
					background: #fff url(/images/bg-btnsearch.gif) no-repeat center center;
				}

			#pageright { 
				width: 640px;
				float: right;
				padding: 0px;
				margin: 0px;
			}




		#pagefooter {
			clear: both;
			width: 960px;
			padding: 10px 0px 0px 0px;
			margin: 0px 10px 0px 10px;
			font-size: 0.95em;
			background: #fff url(images/pagefooterback.gif) repeat-x center top;
			color: #555;
			border-top: 1px solid #999;
		}

		#pagefooter a:link, #pagefooter a:visited { color: #666; text-decoration: underline; }
		#pagefooter a:hover { color: #999; text-decoration: underline; }


			.pagefooter5 {
				margin: 0px 15px 0px 0px;
				float: left;
				width: 170px;
				height: 150px;
				font-size: 0.9em;
				padding: 10px 5px 0px 5px;
			}

			.pagefooterend {
				margin: 0px 0px 0px 0px;
			}


		#footer {
			width: 940px;
			padding: 20px 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #222;
		}

		#footer a:link, #footer a:visited { color: #fc0; text-decoration: none; }
		#footer a:hover { color: #fc0; text-decoration: underline; }


		#belowfooter {
			clear: both;
			margin: 0px 10px;
			width: 900px;
			padding: 10px 10px 10px 50px;
			font-size: 0.9em;
			color: #000;
			background: #fff url(images/footerlogo.gif) no-repeat 3px 10px;
		}


		#belowfooter img {
			float: right;
			margin: 0 0 0 10px;
		}

		#belowfooter a:link, #belowfooter a:visited { color: #333; text-decoration: none; }
		#belowfooter a:hover { color: #666; text-decoration: underline; }






/*****************
 BREAKS
*****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

/**********************
 FLASH ANIMBLOCK
***********************/

#gallery { position: relative; }

/*****************
NO BULLET LIST
*****************/

ul.nobullets {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.nobullets li{
		margin: 0px;
		padding: 0 0 0 10px;
		display: block;
		line-height: 1.5em;
	}

/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;

	}

/*****************
 FEATURES
*****************/


.pagefeature2col {
	width: 400px;
	float: left;
	padding: 10px;
	margin: 10px 20px 10px 0px;
	background: #fff url(/images/pagefeature2back.gif) repeat-x center bottom;
}

.pagefeature1col {
	width: 180px;
	float: left;
	padding: 10px;
	margin: 10px 20px 10px 0px;
}

.pagefeature1colback {
	background: #fff url(/images/pagefeature1back.gif) repeat-x center bottom;
}

.pagefeatureend { margin-right: 0; }


/*****************
 TOURS
*****************/

.tour {
	width: 620px;
	float: left;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	background: #fff url(/images/tourback.gif) repeat-x center bottom;
}

.tour p { float: left; width: 500px; margin: 5px 0 0 0; }

.tour img.tourpic {
	float: left;
	margin: 0px 10px 0px 0px;
}

.tour strong {
	font-size: 1.3em;
	font-weight: normal;
}

/*****************
 TOUR PAGE
*****************/

ul#tourpagetabs {
	float: left;
	margin: 0;
	padding: 0;
	height: 24px;
	border-bottom: 1px solid #999;
	width: 640px;
}

	ul#tourpagetabs li {
		float: left;
		list-style: none;
		margin: 1px 1px 0 0;
		padding: 0 0 0 0;
		width: 110px;
		height: 24px;
	}
	
		ul#tourpagetabs li a:link, ul#tourpagetabs li a:visited {
			text-align: center;
			color: #fff; font-size: 0.9em; text-decoration: none; padding: 0; margin: 0 0 0 0; outline: none;
			background: url(/images/tourpagetab.gif) no-repeat left top; display: block; line-height: 24px;
		}
		ul#tourpagetabs li a:hover, ul#tourpagetabs li a:active { text-decoration: underline; }
		ul#tourpagetabs li.active a:link, ul#tourpagetabs li.active a:visited {
			color: #000;
			background: url(/images/tourpagetab.gif) no-repeat left bottom;
		}
	
#tabcontents {
	float: left;
	width: 608px;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin: 0;
	padding: 15px;
}

	#tabcontents h2 { font-size: 20px; margin: 0; }

	#tabcontents table th, #tabcontents table td { font-size: 0.8em; vertical-align: top; }
	#tabcontents table th { text-align: left; font-weight: bold; width: 140px; }
	#tabcontents table td ul { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
	#tabcontents table td ul li { margin: 0; padding: 0; }
	
/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}


/*****************
 UL
*****************/

 ul {padding: 5px 0 5px 25px;}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}



/**********************
QUOTE
 ***********************/

.quote {
   	color: #666;
   	background: url(images/quoteback.gif) no-repeat left top;
   	padding-top: 40px;
}


/**********************
PARAGRAPHS
 ***********************/

.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}


/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}

/***************
 SHOPCART
 ***************/
#shopcart {
	margin: 10px 0;
	border-collapse: collapse;
	width: 100%;
	font-size: 1em;
}

	#shopcart th {
		border-bottom: 1px solid #000000;
		padding: 2px 0;
		text-align: left;
	}
	
	#shopcart td {
		padding: 3px 0;
		border-bottom: 1px solid #cccccc;
	}
	
	#shopcart .tourdetail {
		width: auto;
	}
	
	#shopcart .qty {
		width: 80px;
		text-align: center;
	}
	
	#shopcart .total1 {
		width: 150px;
		text-align: left;
	}
	
	#shopcart .total2 {
		width: 150px;
		text-align: right;
	}
	
	#shopcart .noborder {
		border-bottom: 0;
	}
	
	#shopcart .summary {
		padding: 10px 0;
	}
	
	#shopcart .checkout {
		text-align: center;
	}
		
/***************
 CHECKOUT
 ***************/
#checkoutleft {
	clear: both;
	float: left;
	width: 475px;
	margin-bottom: 20px;
}

#checkoutright {
	float: right;
	width: 475px;
	margin-bottom: 20px;
}

	#checkoutform label {
		clear: both;
		float: left;
		width: 140px;
		padding-right: 10px;
		text-align: right;
	}
	
	#checkoutform input {
		margin-bottom: 5px;
	}

/*******************
 VALIDATION ERRORS
 *******************/
input.error, select.error {
	border: 1px solid #cc0000;
}

small.error {
	padding-left: 10px;
	color: #cc0000;
	font-weight: bold;
}