html,body{
	background:url(../images/bg.gif) repeat-x #4396ca;
	padding:0;
	margin:0;
	font:normal 10pt Arial;
	color:#343434
}

a{
	color:#4396ca
}

a:hover{
	color:#2d6ba5
}

.beach{
	background:url(../images/bgBeach.jpg) top center no-repeat
}

.tarsier{
	background:url(../images/bgTarsier.jpg) top center no-repeat
}

.lake{
	background:url(../images/bgLake.jpg) top center no-repeat
}

.cityscape{
	background:url(../images/bgCityscape.jpg) top center no-repeat
}

.seashore{
	background:url(../images/bgSeashore.jpg) top center no-repeat
}

.philippines{
	background:url(../images/bgPhilippines.jpg) top center no-repeat
}

.container{
	background:url(../images/bgContainer.jpg) 0 286px no-repeat;
	width:980px;
	padding:0;
	margin:0 auto
}

.destinationSearchContainer{
	padding:0 15px 0 0;
	font:normal 11px Arial;
	color:#fff
}

.searchField{
	background:#55789e;
	border:1px solid #fff;
	padding:3px;
	color:#fff
}

.search{
	background:#0c3e74;
	padding:0 5px
}

.clear{
	clear:both
}

.masthead{
	height:208px;
	font:normal 11px Arial;
	color:#fff
}

.masthead a{
	color:#fff
}

#JNJTravel{
	padding:0 0 0 25px;
	float:left
}

#bookNow{
	float:right;
	margin:17px 60px 0 0
}

.nav{
	padding:0;
	margin:0;
	width:980px;
	height:35px;
	list-style:none;
	text-align:center
}

.nav li{
	float:left;
	margin:0 1px 0 0
}

.nav li.last{
	margin:0
}

.nav li a{
	background:url(../images/bgNav.gif) bottom repeat-x;
	float:left;
	display:block;
	width:108px;
	padding:5px 0 0 0;
	text-decoration:none;
	font:normal 11px "Trebuchet MS";
	color:#c0e4ff;
	line-height:30px
}

.nav li a.active{
	background:url(../images/bgNavActive.gif);
	color:#fff
}

.nav li a:hover{
	color:#fff
}

.content{
	background:url(../images/bgBeachContent.jpg) top left no-repeat #f3f3f3;
	width:772px
}

.contentInside{
	background:#f3f3f3;
	width:742px;
	padding:25px 15px 15px 15px
}

.pads{
	padding:25px 15px 15px 15px
}

.content h1{
	float:left;
	padding:0 0 20px 0;
	margin:0;
	font:bold 26px Arial;
	color:#0c3e74
}

.contentInside h1{
	float:left;
	padding:0;
	margin:0 0 15px 0;
	font:bold 26px Arial;
	color:#0c3e74
}

.featuredContainer{
	background:url(../images/curveTop.jpg) bottom no-repeat;
	padding:15px 15px 30px 15px
}

.featured{
	width:175px
}

.packages{
	width:238px
}

.featured h2, .packages h2{
	font:bold 16px Arial;
	color:#0c3e74;
	padding:0 0 5px 0;
	margin:0
}

.shortDescription{
	padding:7px 0;
	font:normal 10px Arial;
	/*width: 180px*/
}

.price{
	font:bold 12px Arial
}

.rating{
	padding:7px 0;
	font:bold 12px Arial
}

.links a{
	font:normal 10pt Arial;
	color:#007ac7;
	display:block;
	padding:0 0 0 20px;
	line-height:24px
}

.links a.info{
	background:url(../images/iInfo.gif) 0 5px no-repeat
}

.links a.bookNow{
	background:url(../images/iBookNow.gif) 0 5px no-repeat
}

.links a:hover{
	color:#ffcc33
}

.packagesContainer{
	background:url(../images/bgPackages.jpg) no-repeat #fff;
	padding:15px
}

.more{
	float:right;
	padding:15px 15px 0 0
}

.more a{
	background:url(../images/arrow.gif) right no-repeat;
	padding:0 13px 0 0;
	font:bold 12px Arial;
	color:#0c3e74
}

.more a:hover, .pagination a:hover{
	color:#2d6ba5
}

.pagination{
	float:right;
	font:normal 12px Arial;
	color:#0c3e74
}

.pagination a{
	text-decoration:none;
	padding:0 5px;
	color:#0c3e74
}

.pagination a.active{
	text-decoration:underline;
	font:bold 12px Arial
}

.sidenav{
	padding:15px 15px 0 0;
	width:165px;
}

.sidenav h1{
	background:url(../images/iDestination.jpg) no-repeat;
	padding:7px 0 15px 50px;
	margin:0;
	font:bold 16px Arial;
	color:#005ca2
}

.sidenav td{
	padding:0 0 7px 0
}

.destination{
	color:#999999;
	font:normal 10pt Arial;
	width:163px;
	border:1px solid #999999
}

.eventsContainer{
	padding:30px 0 15px 0;
	color:#fff;
	font:normal 11px Arial
}

.eventsContainer h1{
	background:none;
	padding:0 0 10px 0;
	font:bold 16px Arial;
	color:#fff
}

.eventsContainer td{
	padding:0 0 10px 0
}

.eventsContainer td img{
	border:1px solid #fff
}

.viewAll{
	text-align:right
}

.viewAll img{
	border:none
}

.viewAll a{
	text-decoration:none;
	color:#fefcf3
}

.viewAll a:hover{
	color:#ffcc00
}

.mapContainer{
	border-top:1px solid #72acd0;
	padding:15px 0 0 0;
	font:normal 11px Arial
}

.mapContainer img{
	border:none;
	padding:0 0 7px 0
}


.footer{
	border-top:1px solid #72acd0;;
	padding:15px 0 20px 0;
	text-align:center;
	font:normal 11px Arial;
	color:#a1cbe5;
	line-height:18px
}

.footer a{
	color:#a1cbe5;
	text-decoration:none
}

.footer a:hover{
	color:#fff;
	text-decoration:underline
}

.footerNav{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center
}

.footerNav li{
	display:inline
}

.footerNav li a{
	padding:7px
}

.hr{
	background:#466b95;
	padding:1px 0 0 0;
	margin:20px 0
}

.imageLeft{
	float:left;
	width:250px;
	margin:15px 0 0 0 
}

.imageLeft2{
	float:left;
	margin:15px 15px 15px 0 
}

.detailsContainer{
	float:right;
}

.computationDetails{
	background:#4396ca;
	width: 400px
}

.computationDetails th {
	padding:5px;
	background:#3366aa;
	font:bold 13px Arial;
	color:white;
}

.computationDetails td{
	padding:3px;
	background:#f3f3f3;
	font:normal 10px Arial
}

.tableDetails{
	background:grey
}

.tableDetails th{
	padding:5px;
	background: white;
	font: normal 11px Helvetica;
	color:#4396ca
}

.tableDetails td{
	padding:3px;
	background: white;
	font:normal 10px Helvetica
}

.articles td{
	padding:15px;
	border-bottom:1px solid #466b95
}

.articles td.image{
	padding:15px 0 15px 15px
}

.articles td strong{
	font:bold 18px Arial
}

.articles td img{
	padding:2px;
	border:1px solid #b0b0b0
}

.contactForm{
	padding:15px;
	margin:15px auto;
	width:390px;
	color:#666666
}

.contactForm td{
	font-size:8pt;
	padding:0 0 7px 0
}

.contactForm .inputFields{
	border:1px solid #cacaca;
	background:none;
	width:250px
}

/*.listContainer3 ul, */.listContainer ul{
	padding:0;
	margin:0;
	list-style:none;
	width:742px
}


.listContainer ul li{
	float:left;
	width:185px;
	margin:0;
	padding:15px 0 0 0
}

/*.listContainer3 ul li{
	float:left;
	width:247px;
	margin:0;
	padding:15px 0 0 0
}*/

.listContainer3 ul{
	float:left;
	height:380px;
	width:175px;
	margin:0 10px 0 0;
	padding:10px 0 0 0;
	list-style:none
}

.listContainer3 ul li{
	width:175px
}

.listContainer3 ul li img{
	display:block;
	margin:0 auto
}

.listContainer3 h2, .listContainer h2{
	font:bold 16px Arial;
	color:#0c3e74;
	height:40px;
	padding:0 0 5px 0;
	margin:0
}

.tableDetailsContainer{
	padding:25px 0 0 0
}