* {margin:0; padding:0;}

html {
	height: 100%;
	margin-bottom: 1px;
}

body  {background:#999999; font-family: Arial;}

td, ul, p, div, font { font-family: Arial, sans-serif;}

#frame { margin-left: auto; margin-right: auto; width: 770px; background-color: #ffffff;}

a:link {color: #000000; text-decoration: none; font-size: 9pt;}
a:visited {color: #000000; text-decoration: none; font-size: 9pt;}
a:hover {color: #ff0000; text-decoration: none; font-size: 9pt;}
a:active {color: #ff0000; text-decoration: none; font-size: 9pt;}

#navigation {background:#FFF7EB; padding-left:5px; font-size: 11px; font-weight: normal; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; padding-top:2px; margin-bottom:5px;}
#navigation ul li a {	border:none;	display:block;	margin:1px;	padding-top:2px; 	font-weight: bold;	text-decoration: none;}
a.nav:link {color: #000000; text-decoration : none; font-size: 11px; font-weight:bold;}
a.nav:active {color: #eeeeee; text-decoration : none; font-size: 11px; font-weight:bold;}
a.nav:visited {color: #000000; text-decoration : none; font-size: 11px; font-weight:bold;}
a.nav:hover {color: #6767ee; text-decoration : none; font-size: 11px; font-weight:bold;}

/* home, about, contact, etc links in header */
.tbl_31 {background: #ffffff url('images/top_menu_bg.gif') no-repeat; padding-left:20px; padding-top:8px; font-size:11px; font-weight:bold;}
.tbl_31 a { text-decoration: none; padding-right: 25px;}
.tbl_31 a:hover { color: red; }

/*top offices list div*/
div.topoffice { color: #000000; font-size: 9pt;}

/*Toronto to....*/
.specdest {font-weight: bold;}
/*destination*/
.specdat {padding-left:5px;}
/*and link after destination*/
.specred {padding-left:5px; color: #ff0000; font-weight: bold;}

/*specialty packages title*/
.box1 {background:#ffffff url("images/home/beachbg1.jpg") no-repeat; border:#CCC solid 1px; height:132px;}
.box1 h2 {color: #A50043; font-weight: bold; font-size: 9pt; padding-top:100px; padding-left:26px; padding-bottom:2px; line-height:1.1em;}
/*air only specials title*/
.box1a {background:#ffffff url("images/home/planebg.jpg") no-repeat; border:#CCC solid 1px; height:90px; text-align: center;}
.box1a a { color: white; font-weight: bold;}
.box1a a:hover { color: #9999ff; }
.box1a h2 { color: #ffffff; font-weight: bold; font-size: 9pt; padding-top: 52px;}

/*Box for curved tops*/
.box2 {width:336px; margin-left:5px; margin-right:5px; background: #ffffff; text-align:left; border-bottom:#CCC solid 1px; margin-bottom:5px;}
/*Blue corved top wide*/
.box4h {background:#ffffff  url("images/home/cru.gif") no-repeat; border-bottom:#CCC solid 1px;}
/*red corved top narrow*/
.box4narrow {background:#ffffff  url("images/header-short.gif") no-repeat; border-bottom:#CCC solid 1px;}
.box3h {background:#ffffff  url("images/home/dest.gif") no-repeat; border-bottom:#CCC solid 1px;}
/*red corved top wide*/
.box4wide {background:#ffffff  url("images/header-wide.gif") no-repeat; border-bottom:#CCC solid 1px;}
/*writing in curved headers*/
.box2tit {color: #ffffff; font-weight: bold; font-size: 9pt; padding-top:2px; padding-bottom:2px; text-align:center; letter-spacing: 2px;}
/*content of the boxes*/
.box2a {width:334px; background: #ffffff; text-align:left; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}

/*newsletter popup box*/
#newsletter {z-index: 5; position: absolute; width: 165px; height: 130px; display: none; background: #fed158; border: 2px solid #000; left: 45%; top: 60px;}

select, input {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:1px;}
form { margin: 0;}


.box2title {color: #000000; font-weight: bold; font-size: 9pt; padding-top:2px; padding-bottom:2px; text-align:center; letter-spacing: 2px;}



.box2h {background:#ffffff  url("images/home/deal.gif") no-repeat; border-bottom:#CCC solid 1px;}
.box2body {padding-left:5px; font-size:9pt; font-weight: bold; }
.box2sm {padding-left:20px; font-size:8pt;}


.tbl_11 {background-color:#FED158; padding-left:15px;}
.tbl_12 {background-color:#FED158; padding-top:17px; padding-right:15px; text-align:right;}
.tbl_21 {background-color:#FED158; padding-right:60px; text-align:right;}
.tbl_content {padding-left:20px; padding-right:20px; padding-bottom: 20px; text-align:justify; font-size:10pt;}
.tbl_cont1 {padding-left:20px; padding-right:8px; text-align:justify; font-size:10pt;}
.tbl_cru {background-color:#D7D7E8; text-align:left;}
.tbl_bcru {background-color:#FED158; text-align:left;}
.box1body {background:#ffffff; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
.specsm {font-size:7pt; text-align:center;}
.specredb {color: #ff0000; font-weight: bold; text-align:center;}
.box3{background: #FFF7EB; text-align:left; border:#CCC solid 1px; }

.box4{width:336px; margin-left:5px; margin-right:5px; background: #ffffff; text-align:left; border-bottom:#CCC solid 1px;}
.box5{width:466px; margin-left:5px; margin-right:5px; background: #ffffff; text-align:left; border-bottom:#CCC solid 1px;}

.tbl_bot {background-color:#10393B; padding-top:5px; padding-bottom:5px; padding-right:20px; text-align:right; color: #ffffff; font-size: 8pt;}
.traveldeals {background: #ffffff; text-align:left; border:#CCC solid 1px;}
.topcall {color: #43686a; font-weight: bold; font-size: 16pt;}
.topslogan {font-family: Times; color: #000000; font-size: 11pt; font-style:italic; font-weight: bold; }
.boxtitles {color: #A50043; font-weight: bold; font-size: 12pt; padding-top:5px; text-align: center;}
.golden {color: #FED158; font-weight: bold; font-size: 9pt; padding-top:2px; padding-bottom:2px; text-align:center;}
.copyright {color: #ffffff; font-size: 9pt;}
.tyco {color: #000000; font-size: 9pt;  text-align:center; padding-top:20px;}
.cruises {color: #000000; font-weight: bold; font-size: 9pt; padding-top:2px; padding-left:5px; padding-bottom:2px;}
.crured {color: #ff0000; font-weight: bold; text-align:right; padding-right:10px;}
.content {padding-left:20px; padding-right:20px; padding-bottom:10px; text-align:justify; font-size:10pt;}
.optred {color: #A50043; font-weight: bold; text-align:center; font-size:10pt; letter-spacing:2px;}
.optblack {color: #000000; font-weight: bold; text-align:center; font-size: 9pt; margin-bottom:10px;}
.opblack {color: #000000; font-weight: bold; text-align:center; font-size: 9pt; padding-top:2px; padding-bottom:2px; letter-spacing:2px;}
.pred {color: #ff0000;  font-size: 10pt; font-weight: bold; text-align:right; padding-right:25px;}
.predsm {font-size:8pt; font-weight: bold; text-align:right; padding-right:25px;}
.left {color: #000000;  font-size: 9pt; font-weight: bold; padding-left:5px; padding-right:10px;}
.right {color: #000000;  font-size: 9pt; font-weight: normal; padding-right:5px; text-align:justify;}
.club {color: #000000;  font-size: 9pt; font-weight: normal; padding-left:10px; text-align:justify;}
.clubright {padding-top:2px; padding-right:5px; text-align:center;}
.galap {padding-left:10px; padding-right:10px;  padding-top: 5px; padding-bottom:10px; text-align:justify; font-size:10pt;}
.wedding {padding-left:70px; padding-right:10px;  padding-top: 5px; padding-bottom:10px; font-size:10pt;}
.wedbox {color: #000000;  font-size: 9pt; font-weight: normal; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; text-align:justify;}
.toppg {font-size: 9pt; font-weight: normal; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:15px; text-align:center; }
.question {color: #ff0000; padding-bottom:5px;}
.answer {padding-bottom:15px;}
.line {margin-left:8px; margin-right:8px; height:2px; background: #FFF7EB; border-bottom:dotted; border-bottom-width:1px;}


.dat {font-size: 9pt; padding-top:2px; padding-left:5px; padding-bottom:2px; font-weight: normal;}
 .datred {font-size: 8pt; padding-top:2px; padding-left:5px; padding-bottom:2px; color:#ff0000;}

#specials {background:#F7F8FA; padding-left:5px; font-size: 11px; font-weight: normal; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; padding-top:2px;}
#specgr {background:#E1E7FC; padding-left:5px; font-size: 11px; font-weight: normal; border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; padding-top:2px;}

 
/*Used only on links page */
#liul { padding-left:20px;}

#wedd {background:#FFF7EB; padding-left:5px; font-size: 11px; font-weight: normal; border:#CCC solid 1px; margin-bottom:5px; width:200px;}
#wedd a:hover {color: #6678B8; font-size: 12px; font-weight:bold;}

.imgs {border:1px; border-color:#eeeeee;}



div.midlinks {text-align: center;}

tr.topnav a, tr.topnav a:visited {
	display: block;
	background-color: #a50043;
	border-top: 1px solid #d48faf;
	border-left: 2px solid #bb3d70;
	border-bottom: 2px solid #750030;
	border-right: 2px solid #750030;
	color: white;
	text-align: center;
	padding: 7px 7px 6px 7px;
	margin-bottom: 1px;
	margin-right: 1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	min-width: 65px;
}
tr.topnav a:hover {
	color: white;
	background-color: #cf2d71;
	border-bottom: 2px solid #d48faf;
	border-right: 2px solid #bb3d70;
	border-top: 1px solid #750030;
	border-left: 2px solid #750030;
	padding: 7px 7px 6px 7px;
	margin-bottom: 1px;
	margin-right: 1px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.newsletter { position: absolute; width: 160px; height: 100px; display: none; background: #0ff; border: 1px solid #000; left: 50px; top: 20px;}


/* Explore by destination map */
ul#map{
	margin: 0;
	padding: 0;
	background: transparent url(images/map/hotspots-map.jpg) top left no-repeat;
	height: 270px;
	width: 325px;
	position: relative;
	display: block;
	list-style: none;
	border: 1px solid black;
}

ul#map li {margin: 0; padding: 0; position: absolute;  }
ul#map li a {font-size: 10px; height: 14px; padding: 2px 4px 2px 4px; white-space: nowrap; position: absolute; text-decoration: none; background-color: white;}

li#dominican{ top: 150px; left: 170px; }
li#dominican a{ position: absolute; text-decoration: none; background-color: white; }
li#dominican a span{ color: black; font-weight: bold; font-family: arial;}
li#dominican a:hover{ position: absolute; background-color: #ff0000; }
li#dominican a:hover span{ display: block; color: white; }

li#cuba{ top: 100px; left: 65px; }
li#cuba a span{ color: black; font-weight: bold; font-family: arial;}
li#cuba a:hover{ position: absolute; background-color: #ff0000; }
li#cuba a:hover span{ display: block; color: white; }

li#bahamas{ top: 100px; left: 115px; }
li#bahamas a span{ color: black; font-weight: bold; font-family: arial;}
li#bahamas a:hover{ position: absolute; background-color: #ff0000; }
li#bahamas a:hover span{ display: block; color: white; }

li#jamaica{ top: 120px; left: 5px; }
li#jamaica a span{ color: black; font-weight: bold; font-family: arial;}
li#jamaica a:hover{ position: absolute; background-color: #ff0000; }
li#jamaica a:hover span{ display: block; color: white; }

li#mexico{ top: 150px; left: 5px; }
li#mexico a span{ color: black; font-weight: bold; font-family: arial;}
li#mexico a:hover{ position: absolute; background-color: #ff0000; }
li#mexico a:hover span{ display: block; color: white; }

li#cr{ top: 180px; left: 30px; }
li#cr a span{ color: black; font-weight: bold; font-family: arial;}
li#cr a:hover{ position: absolute; background-color: #ff0000; }
li#cr a:hover span{ display: block; color: white; }

li#ar{ top: 190px; left: 130px; }
li#ar a span{ color: black; font-weight: bold; font-family: arial;}
li#ar a:hover{ position: absolute; background-color: #ff0000; }
li#ar a:hover span{ display: block; color: white; }

li#egypt{ top: 155px; left: 370px; }
li#egypt a span{ color: black; font-weight: bold; font-family: arial;}
li#egypt a:hover{ position: absolute; background-color: #ff0000; }
li#egypt a:hover span{ display: block; color: white; }

li#uk{ top: 30px; left: 280px; }
li#uk a span{ color: black; font-weight: bold; font-family: arial;}
li#uk a:hover{ position: absolute; background-color: #ff0000; }
li#uk a:hover span{ display: block; color: white; }

li#italy { top: 40px; left: 330px; }
li#italy a span{ color: black; font-weight: bold; font-family: arial;}
li#italy a:hover{ position: absolute; background-color: #ff0000; }
li#italy a:hover span{ display: block; color: white; }

li#spain { top: 80px; left: 240px; }
li#spain a span{ color: black; font-weight: bold; font-family: arial;}
li#spain a:hover{ position: absolute; background-color: #ff0000; }
li#spain a:hover span{ display: block; color: white; }

li#france { top: 60px; left: 250px; }
li#france a span{ color: black; font-weight: bold; font-family: arial;}
li#france a:hover{ position: absolute; background-color: #ff0000; }
li#france a:hover span{ display: block; color: white; }

li#portugal { top: 100px; left: 220px; }
li#portugal a span{ color: black; font-weight: bold; font-family: arial;}
li#portugal a:hover{ position: absolute; background-color: #ff0000; }
li#portugal a:hover span{ display: block; color: white; }

li#greece { top: 60px; left: 370px; }
li#greece a span{ color: black; font-weight: bold; font-family: arial;}
li#greece a:hover{ position: absolute; background-color: #ff0000; }
li#greece a:hover span{ display: block; color: white; }
/*end of Explore by Destination Map*/


