* {margin: 0; padding: 0;}

img {border: none}

body {
	min-width: 750px;
	margin:0 3%;
	background-color: #5b89c7;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000000;
}

#content {
	width:94%;
	padding:25px 3%;
	background-color:#fffaf6; 
	}
#heading {
	position:absolute; 
	left:7%; 
	top:50px; 
	margin:0; 
	padding:0;
	width:85%;
	_width:96%;
	z-index:1;
}
#top-pic {
	border-collapse:collapse;
	border:none;
	width: 99%;
	
}
.colored_cell_header {font-weight:bold}
.cart_table td {padding: 5px;}
.product-title {
	margin-top:10px;
}
.cart-table table, .product-display table { border:none; border-collapse:collapse; width:90%; margin: 0 auto}
.product-display table td {padding: 10px 20px 0 20px; text-align:center}
.cart-table table td {padding: 10px 20px 0 20px;}
.cart-table table p, .product-display table p {padding: 20px 0 0 0;}
.check-out-buttons {padding-top:20px; padding-bottom:20px; text-align:center; width:33%; float:left;}
.product-title a:link, .product-title a:visited {
	text-decoration:none;
	color:#0000FF;
}
.product-title a:hover {
	text-decoration:none;
	color: #FF0000;
	}
.price {font-weight:bold}
.head {font-weight:bold}
.head a:link, .head a:visited {
	text-decoration:none;
	color:#0000FF;
	font-weight:bold;
	}
.head a:hover {
	text-decoration:none;
	color: #FF0000;
	font-weight:bold;
	}
h1, h2, h3, h4, p {margin: 1em 0;}
ul {margin: 1em 1em 0em 1em; list-style-image:url(buttons_new/bullet.gif); 
	list-style-position: outside; 
	list-style-type: disc; 
	padding: 0;}
li { 
	line-height: 130%; 
	padding-bottom: 10px;}
li a:link, li a:visited, li a:hover{
	text-decoration:none;
	}

.title {
	font-family:'Times New Roman', times, serif; font-size:44px; font-weight:bold;
	text-align:center;
	color:white; 
	line-height:48px;
	margin:0 150px 0 0; padding:0;
}
.tagline {
	margin:0;
	padding:20px 0 15px 0;
	text-align:center; 
	font-size:20px; 
	font-weight:bold;
	}
.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.red {color:#FF0000}
.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.red-larger {color:#FF0000; font-size: 14px; font-weight:bold; line-height:150%}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-align:center;
}


/* links */
#menu-top-left a:visited, #menu-top-right a:visited, #menu-top-left a:link, #menu-top-right a:link, #menu-top-right, #menu-top-left {
font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:white;
	text-decoration:none;
	color: white;
	padding-top:8px;
}
#menu-top-right {float:right;}
#menu-top-left a:hover, #menu-top-right a:hover {
	color:red;
}

/***************************************************************/
/**************** Layout CSS begins ****************************/



#menu-top-left, #menu-top-right {
	padding-top:8px;
	}
.menu-left {
	margin: 0 10px 0 0;
	width:20%; 
	float:left;
}
.menu-left a:link, .menu-left a:visited {
	text-decoration:none;
	color: blue;
}
 .menu-left a:hover {
	color:red;
}

a.red-larger:link, a.red-larger:visited {color:#FF0000; font-weight:bold; text-decoration:none}
a.red-larger:hover {color:green}

.two-col-l, .two-col-r { 
	width:347px; 
	margin-top: 10px;
	}
.three-col-l, .three-col-r { 
	width:223px; 
	margin-top: 15px;
	}
.three-col-m {
	width:223px; 
	padding-top: 15px; 
	margin-left:248px;
	}
.menu-left {
 	width: 20%;
	margin-top: 10px;
}
.one-col {
	margin-left:23%; 
	margin-top:10px;
	width:76%;
}
.one-col-right {
	float:right; 
	width:252px; 
	padding:5px 15px 0 30px; 
}
#rotator {
		overflow: hidden;
		position: relative;
		width: 168px;
		height: 140px;
		margin:0;
		padding:0;
    	text-align: center;
		float:right;
		}
#rotator img { 
		width: 168px; 
		height: 140px; 
		border: none;
		}	

/* BOXES */

.blue-top, .orange-top, .yellow-top, .grey-top, .green-top, .white-top  { 
 	width:100%;
	height:25px;
} 
.blue-top h1, .orange-top h1, .yellow-top h1, .grey-top h1, .green-top h1, .white-top h1 { 
	display:block; 
	position:relative; 
	height:21px; 
	padding: 2px 10px 0px 10px; margin:0;
	font-family:'trebuchet ms', Arial, Helvetica, sans-serif; 
	font-size:18px; font-weight:bold; color:#FFFFFF; line-height:18px; 
	text-align:center;  
}

.blue-box, .orange-box, .yellow-box, .grey-box, .green-box, .white-box { 
	margin:0 0 -7px 0;
	padding:10px 10px 5px 10px; overflow:hidden;
}

.blue-bot, .orange-bot, .yellow-bot, .grey-bot, .green-bot, .white-bot { 
	height:17px; 
/*	background:url(buttons_new/blue_l_bot1.gif) no-repeat left bottom; */
} 
.blue-bot span, .orange-bot span, .yellow-bot span, .grey-bot span, .green-bot span, .white-bot span { 
	display:block; 
	position:relative; 
	height:17px; 
/*	background:url(buttons_new/blue_r_bot.gif) no-repeat right bottom; */ 
}

.blue-top { background:url(buttons_new/blue_l_top1.gif) top left no-repeat; }
.blue-top h1 { background:url(buttons_new/blue_r_top.gif) top right no-repeat; }
.blue-bot { background:url(buttons_new/blue_l_bot1.gif) bottom left no-repeat; }
.blue-bot span { background:url(buttons_new/blue_r_bot.gif) bottom right no-repeat; }
.blue-box { background-color:#e9edf5; }

.orange-bot span { background:url(buttons_new/orange_r_bot.gif) bottom right no-repeat; }
.orange-bot { background:url(buttons_new/orange_l_bot1.gif) bottom left no-repeat; }
.orange-top h1 { background:url(buttons_new/orange_r_top.gif) top right no-repeat; }
.orange-top { background:url(buttons_new/orange_l_top1.gif) top left no-repeat; }
.orange-box { background-color:#fff0db; }

.yellow-bot span { background:url(buttons_new/yellow_r_bot.gif) bottom right no-repeat; }
.yellow-bot { background:url(buttons_new/yellow_l_bot1.gif) bottom left no-repeat; }
.yellow-top h1 { background:url(buttons_new/yellow_r_top.gif) top right no-repeat; }
.yellow-top { background:url(buttons_new/yellow_l_top1.gif) top left no-repeat; }
.yellow-box { background-color:#ffffcc; }

.green-bot span { background:url(buttons_new/green_r_bot.gif) bottom right no-repeat; }
.green-bot { background:url(buttons_new/green_l_bot1.gif) bottom left no-repeat; }
.green-top h1 { background:url(buttons_new/green_r_top.gif) top right no-repeat; }
.green-top { background:url(buttons_new/green_l_top1.gif) top left no-repeat; }
.green-box { background-color:#ebf1e3; }

.grey-bot span { background:url(buttons_new/grey_r_bot.gif) bottom right no-repeat; }
.grey-bot { background:url(buttons_new/grey_l_bot1.gif) bottom left no-repeat; }
.grey-top h1 { background:url(buttons_new/grey_r_top.gif) top right no-repeat; }
.grey-top { background:url(buttons_new/grey_l_top1.gif) top left no-repeat; }
.grey-box { background-color:#f1f1f2; }

.white-bot span { background:url(buttons_new/white_r_bot.gif) bottom right no-repeat; }
.white-bot { background:url(buttons_new/white_l_bot1.gif) bottom left no-repeat; }
.white-top h1 { background:url(buttons_new/white_r_top.gif) top right no-repeat; }
.white-top { background:url(buttons_new/white_l_top1.gif) top left no-repeat; }
.white-box { background-color:#fffaf6; }

.white-box1 { background-color:#fffaf6; }
.orange-box1 { background-color:#fff0db; }


/* BOXES END */

.button_up a, .button_over a { 
	height:27px; 
	width:119px; 
	margin:auto; 
	padding-top:5px; 
	text-align:center;
	display:block;
	}
.button_up a {
	background:url(buttons_new/button_up.gif) top left no-repeat; 
	}
.button_over a {
	background:url(buttons_new/button_over.gif) top left no-repeat; 
	}
.button_over a:link, .button_over a:visited, .button_up a:link, .button_up a:visited {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	}
.clear {
	clear:both;
	}
.centre {text-align:center}
.justify {text-align:justify; padding: 0 15px;}

.article {border:none; border-collapse:collapse; margin:auto}
table.article td {padding: 10px;}

.cruise table {
	width:252px;
	border-collapse:collapse;
 }
.cruise td {
 	padding: 5px;
	border:white inset 3px;
	background-color:#BCD4EE;
}
form option { padding-left:5px;padding-right:5px;}
