@charset "utf-8";
/* CSS Document of PackagesBoracay.com*/

body{ background:#eaf3fa url(../images/bg.png) repeat-x;}
#wrapper{ width:1000px; height:auto; margin:auto;}
* { padding:0; margin:0;}



p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; text-decoration:none; color:#000000; font-weight:normal;}
h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:justify; text-decoration:none; color:#014561; font-weight:bold;}
h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#024b69; font-weight:bold;}
h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#024b69; font-weight:bold;}
.title1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; text-decoration:none; color:#000000; font-weight:bold;}
.title4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center; text-decoration:none; color:#002800; font-weight:bold;}
.red-txt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF0000;}
.blue-txt{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#0000FF;}
a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:normal; color:#0069D2;}
a:hover{ color:#FF0000; text-decoration:underline;}
a:focus { outline:none;}


/* Header Navigation */
#header-navigation { width:568px; height:auto; float:left; padding:0; margin:110px 0 0 0;}
#header-navigation ul { list-style:none;}
#header-navigation ul li { float:left; width:auto;}
#header-navigation ul li a {float:left; 
	padding:10px 0 0 0;
	margin:0 1px 0 0;
	width:141px; 
	height:25px; 
	display:block; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	color:#291a00; 
	text-decoration:none;
	font-weight:normal; 
	text-align:center;
	padding-bottom:2px;
	background: url(../images/navigation-bg.png) no-repeat;
	background-position:center;}
#header-navigation ul li a:hover {background:url(../images/navigation-bg-hover.png) no-repeat; color:#FFFFFF;}
#header-navigation ul li a:active {color:#FFFFFF;}

/* Left Side Navigation */
#left-side-navigation { width:250px; height:auto; float:left; padding:0 0 6px 0; margin:0;}
#left-side-navigation ul { list-style:none;}
#left-side-navigation ul li { float:left; width:auto;}
#left-side-navigation ul li a {float:left; 
	padding:5px 0 0 20px;
	margin:1px 0 0 0;
	width:230px; 
	height:17px; 
	display:block; 
	font-family:Verdana, Helvetica, sans-serif; 
	font-size:12px; 
	color:#291a00; 
	text-decoration:none;
	font-weight:normal; 
	text-align:left;
	padding-bottom:2px;
	background-position:center;
	background:url(../images/left-side-line-bg.png) repeat-x;
	background-position:bottom;}
#left-side-navigation ul li a:hover{ background-color:#547800; color:#FFFFFF;}
#left-side-navigation ul li a:active{color:#FFFFFF;}


/* Header Content*/
#header{ width:1000px; height:147px;float:none;}
.logo{ width:280px; height:122px; float:left; margin:12px 152px 13px 0;}

/* Side Navigation */
#side-navigation { width:280px; height:auto; float:left; margin:15px 21px 0 0;}
.side-navigation-top{width:280px; height:15px; background:url(../images/green-left-side-bg-top.png) no-repeat;}
.side-navigation-center{width:250px; height:auto; padding:0 15px 0 15px; background:url(../images/green-left-side-bg-center.png) repeat-y;}
.side-navigation-bottom{width:280px; height:15px; background:url(../images/green-left-side-bg-bottom.png) no-repeat;}

/* Flash*/
#flash{ width:699px; height:auto; float:left; margin:15px 0 0 0;}
.flash-bg-top{width:699px; height:15px; background:url(../images/flash-bg-top.png) no-repeat;}
.flash-bg-center{width:669px; padding:0 15px 0 15px; height:auto; background:url(../images/flash-bg-center.png) repeat-y;}
.flash-bg-bottom{width:699px; height:15px; background:url(../images/flash-bg-bottom.png) no-repeat;}


/* Body Content*/
#body-content{ width:1000px; height:auto; padding:0; margin:15px 0 0 0; float:none;}
.top-content-bg{width:1000px; height:15px; background:url(../images/content-bg-top.png) no-repeat;}
.center-content-bg{width:1000px; height:auto; background:url(../images/content-bg-center.png) repeat-y;}
.bottom-content-bg{width:1000px; height:15px; background:url(../images/content-bg-bottom.png) no-repeat;}
.blkcontent { font-family:Verdana, Arial, Helvetica, sans-serif; size:12px; }

#content-leftside-box{width:280px; height:auto; float:left; margin:0 15px 21px 15px;}
.content-leftside-top{width:280px; height:15px; background:url(../images/blue-left-side-bg-top.png) no-repeat;}
.content-leftside-center{width:250px; padding:0 15px 15px 15px; height:auto; background:url(../images/blue-left-side-bg-center.png) repeat-y;}
.content-leftside-center-box{width:250px; padding:15px 0 15px 0; height:auto; background:url(../images/side-line2.png) repeat-x; background-position:bottom;}
.content-leftside-center-box a{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF0000;}
.content-leftside-center-box a:hover{ color:#000000; text-decoration:none;}
.main2 { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #c7c7c7; height:auto;}
.main1 {padding:10px 10px 10px 10px; background-color:#FFFFFF;}
.main1 .box{ width:320px; height:auto; float:left;}
.img4 { float:left; width:auto; margin:0 0 0 10px;}
.main1 .reservation { float:left; width:240px; height:56px; margin:5px 0 15px 130px;}
.main1 .hotel-thumbs{ width:135px; height:100px; float:left; margin:5px 15px 40px 5px;}
.main1 .inquire-box{ width:150px; height:20px; text-align:center; background-color:#e40000; float:left; margin:10px 0 20px 0; padding:5px 0 0 0;}
.img1 { float:left; margin: 0 10px 10px 0; width:auto; }
.directory { width:645px; height:auto; margin:30px 10px 10px 15px;}
.directory-image { width:125px; height:92px; margin:0 10px 10px 10px; float:left;}
.directory-text { width:475px; height:auto; margin:20px 10px 10px 0; float:right;}

.content-leftside-bottom{width:280px; height:15px; background:url(../images/blue-left-side-bg-bottom.png) no-repeat;}

.body-content{ width:670px; height:auto; margin:0 15px 20px 0; float:left;}
.body-content2{ width:670px; height:auto; margin:0 15px 20px 0; float:left; font-size:20px; color:#333333;}
.youtube{ width:640px; height:auto; margin:10px auto; }
.office-location { width:497px; height:auto; margin:20px auto;}
.agents-content { width:620px; height:auto; margin:20px auto; }
.agents-image { width:135px; height:100px; float:left; margin:0 20px 0 0; }
.skype { width:auto; height:auto; float:right; margin:0 10px;}
.messenger { width:auto; height:auto; float:right; margin:10px 10px;}



/* Footer Content*/
#footer{ width:100%; height:210px; background-color:#01c1f8; background:url(../images/footer-bg.png) repeat-x; float:none; clear:both; text-align:center}
.footer-box{ width:800px; height:auto; margin:auto; padding:40px 100px 0 100px; text-align:center;}
#footer a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; font-weight:normal; color: #B70000; text-decoration:none;}
#footer a:hover{ text-decoration:underline; color:#002851;}
#footer p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:center;}
/* Other */
.clear{clear:both;}
.img{ width:auto; margin:0 10px 10px 0; float:left;}
.view-our-complete-packages-box{ width:671px; height:60px;}
.view-our-complete-packages-box a{ text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
.view-our-complete-packages-box a:hover{ color:#000000; text-decoration:none;}

/*New Class*/

.adventure-right { float:right; margin:0 30px 20px 20px; width:450px; height:auto;}
.adventure { margin:0 0 20px 0; height:230px;}
.mainA { margin:0 0 20px 0; padding:0 0 20px 0; height:auto;}
.packages-right { float:right; margin:0 30px 20px 20px; width:300px; height:auto;}
.packages-right2 { float:right; margin:0 0 0 20px; width:auto; height:auto;}
.packages-left { margin:0 0 20px 0; height:auto;}
.style3 { font-size:18px; color:#333333; text-align:left; }

.load-area { margin:0 0 0 20px; width:300px; height:250px;}
.destin { width:auto; margin:10px 0 0 10px;}
.destin2 { width:300px; margin:15px 40px 0 0; float:right;}
.destin3 { width:auto; margin:10px 0 0 5px; border-bottom:1px solid #c7c7c7; height:auto;}
.small-image { margin:5px 5px 0 5px; width:85px; height:52px; float:left; padding:0;}
.resort-list { margin:10px 0 20px 30px; width:300px; height:auto; float:left; }
.reserve{ width:auto; font-size:12px; margin-left:20px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; }
.packsub{ width:300px; float:left; margin-left:20px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
.packcontent{width:auto; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bold-italic { font-style:italic; font-weight:bold; }
.free-trip-left { width:230px; height:auto; float:left; margin:10px 10px 10px 90px; }
.free-trip-right { width:230px; height:auto; float:left; margin:10px 30px; }
.winners-link { font-size:16px; color:#FF0000; text-decoration:underline; font-weight:bold; }
.drawing-date { font-size:14px; color:#FF0000; text-align:center; font-weight:bold; }
.free-trip-num { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 30px; }
.free-vacation-content { border:1px solid #FF0000; margin:10px; padding:10px; }

/*flights CSS*/

.type-of-planes {
	width:600px; 
	height:auto; 
	margin:20px auto; 
	float:none; 
	background-color:#ffffcc; 
	border:5px #FF0000 dashed; 
	min-height:150px; 
	padding:20px; 
	min-height:200px;
}
	.type-of-planes-validaty-dates { width:300px; height:auto; float:left; margin:0; padding:10px 0;}
	.type-of-planes-validaty-dates p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:left;}
	.type-of-planes-validaty-dates-from {
		width:135px; 
		height:25px; 
		margin:17px 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px; 
		border:1px #9d9e9e solid; 
		float:left; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-validaty-dates-to {
		width:135px; 
		height:25px; 
		margin:17px 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px; 
		border:1px #9d9e9e solid; 
		float:left; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-rates { width:300px; height:auto; float:right; margin:0; padding:0;}
	.type-of-planes-rates-title {
		width:280px; 
		height:auto; 
		float:right; 
		margin:0; 
		padding:6px 0 6px 10px; 
		background-color:#fbf588; 
		border:1px #e8e173 solid; 
		margin:10px 0 0 0;
		}
	.type-of-planes-rates p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center;}
		.type-of-planes-rates-number {
		width:140px; 
		height:25px; 
		margin:0 3px 0 0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		border:1px #9d9e9e solid; 
		float:right; 
		min-height:25px; 
		background-color:#FFFFFF; 
		color:#FF0000; 
		text-align:center;
		padding:5px 0 0 0;
		}
	.type-of-planes-img {
	width:140px; 
	height:auto;
	float:left; 
	padding:15px;
	}
	.type-of-planes-inside-info {
	width:420px; 
	height:auto; 
	float:left; 
	padding:15px 0 15px 10px;
	}
	.name-of-plane {width:420px; height:auto; float:left; margin:0; padding:0;}
	.location {
		width:160px; 
		height:auto; 
		float:left; 
		text-align:left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		margin:10px 0 0 0;
		background-color:#fbfbb9; 
		padding:10px 0 10px 10px; 
		border:1px #b9b906 solid;
		}
	.time {
		width:160px; 
		height:auto; 
		float:left; 
		text-align:left; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px; 
		margin:10px 0 0 10px; 
		background-color:#fbfbb9; 
		padding:10px 0 10px 20px; 
		border:1px #b9b906 solid;
		}	
.title5 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold; 
	color:#0D0D0D; 
	text-decoration:none; 
	text-align:center;
	}
	.tell-number {
		width:180px; 
		height:63px; 
		float:right; 
		margin:15px 0 0 5px; 
		padding:0; 
		text-align:center; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:14px; 
		font-weight:bold;
		color:#F5F5F5; 
		padding:17px 0 0 14px; 
		background:url(../images/phone-bg.png) no-repeat;
		}
	.inquire {width:240px; height:56px; float:left; margin:15px 0 0 80px; padding:0;}					
	.more-flights {width:210px; height:210px; margin:0 auto; float:none; clear:both;}
	
/* Link Directory */
.link-directory { width:215px; margin:10px 10px 0 0; float:left; }
.directory-link{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:normal; color:#0069D2; text-decoration:none;}
.directory-link:hover{ color:#FF0000; text-decoration:underline;}
.link-exchange{ width:200px; float:left; margin:10px 0 0 0;}
.add-url{ width:200px; float:right; margin:10px 0 0 0; text-align:right; padding:0 10px 0 0;}


/*index page Hotel list*/
.more-links-container {margin:5px 0 5px;}
.more-links {width:210px; float:left; margin:5px; }
.more-links ul{	list-style:disc; margin:0 0 0 15px;	padding:2px;}
.more-links ul li{ float:left;padding:2px;  width:195px;	color:#094A8C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;	}
.more-links ul li a{width:195px; text-align:left;	text-decoration:none; font-weight:normal;	color:#094A8C; }
.more-links ul li a:hover{	color:#e30202; text-decoration:underline;	}
.more-links-wide {width:300px; height:auto;	float:left;	margin:5px;	}
.more-links-wide ul{	list-style:disc; margin:0 0 0 15px;	padding:2px;	}
.more-links-wide ul li{float:left;	padding:2px;	width:280px;color:#094A8C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;	}
.more-links-wide ul li a{	width:280px;text-align:left;text-decoration:none;font-weight:normal;color:#094A8C;	}
.more-links-wide ul li a:hover{	color:#e30202;	text-decoration:underline;	}

.search-hotel{ -moz-border-radius: 8px; -webkit-border-radius: 8px;  border-radius: 8px;  padding:15px 170px; background-color: #6fa5fd; margin: 5px auto; color: #FFFF00; font-size: 14px;  }
.highlight{   background-color: #00ff00;   }

.title-names-center {padding:5px 0 10px 0;}
.title-names-center h1 {text-align:center; font-size:16px; color:#336699;}
.line {	border-bottom:#d9d7d7 1px solid; margin:20px 10px 20px; width:670px;}

.resort-package {margin:20px 0 5px; width:400px; }
.resort-package ul { list-style:disc; padding-left:23px;}
.resort-package ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

.resort-package-list {padding:5px 2px 10px 20px;  }
.resort-package-list ul { list-style:circle;}
.resort-package-list ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:18px;}

.resort-package-c {width:650px; margin:0 auto; }
.resort-package-h {background-color:#329911; padding:10px;}
.resort-package-h p {color:#ffffff; font-weight:bold; text-align:center;}
.resort-package-lab { background-color:#329911;  border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;  padding:10px; text-align:center;}
.resort-package-lab p { color:#ffffff; font-weight:bold;}
.resort-left {float:left; width:325px;}
.left-con {  background-color:#ACD7FF; padding-left:0; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}

.resort-right{ float:left; width:325px; text-align:center;}
.right-con {  background-color:#ACD7FF; padding:10px 10px 10px 15px; text-align:left;}
.right-con p {text-align:left;}


/* ALL FLIGHTS Button */

a.link-button
{
 background-color: #6AA5DD;
 height: 18px;
 width: auto;
 float: left;
 padding: 10px;
 text-align: justify;
 margin-left: 10px;
 margin-bottom:5px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 text-decoration:none;
 color: #fff !important;
}


.make-center
{
 margin-left: auto;
 margin-right: auto;
 width:500px;
}

#flight-content{
   font-family: Arial,Helvetica,sans-serif;
   font-size: 13px;
}

.like-button { padding:10px 0 10px 0;}
.like-button2 { padding:5px 0 10px 0;}

/*

*/
.private-head{
width:650px;text-align:left; 
color:#FFFFFF; font-weight:bold; 
padding:10px; border:#c7c7c7 1px solid; 
background:#294e96;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
}

.private-beach {
width:650px;
padding: 15px 10px 10px 10px; 
border:#c7c7c7 1px solid; 
margin-bottom:25px;
}
.private-beach-list {width:185px;height:auto;margin:10px 0;padding:0 10px 0 20px;float:left; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight:normal;}
.private-beach-list a { font-weight:normal; text-decoration:none; }
.private-beach-list a:hover { text-decoration:underline; }
.private-beach-list-title { width:190px; height:auto; font-weight:bold; font-size:12px; padding:0 0 10px 5px; text-align:left; text-decoration:none; color:#333333; }	
.private-beach-list ul{ font-size:12px; }
.private-beach-list li{ margin:0 10px; text-align:left; list-style: disc;}


.contact-main-wrap {
	width:622px;
	height:auto;
	float:none;
	margin:20px auto;
	clear:both;
	padding:10px 0;
	border:1px solid #f6f6f6;
	}
.contact-main-wrap .contact-category {
	width:186px;
	height:auto;
	float:left;
	margin:0;
	padding:10px;
	min-height:60px;
	}
.contact-main-wrap .contact-category p{
	text-align:left;
	font-size:11px;
	}
.contact-main-wrap .contact-category.border {
	border-right:1px solid #CCCCCC;
	} 
/* Calendar */
 #calendar-wrapper{	margin: 0 auto;	}
 .calendar-top	{	font-weight: bold;	font-size: 1.5em;	text-align: center;	margin: 0 0 5px 0;	}
#calendar1, #calendar2 { float: left; }
#calendar1	{	 margin: 0 20px 0 20px;	}
#success-message	{	 background: #E2F9E3;	 border: 1px solid #9ECE9E;	}
#error-message	{	 background: #FCDCDC;	 border: 1px solid #FF6A6A;	}
#success-message, #error-message	{	 margin: 10px 15px !important;	 padding: 20px 0 !important;	 text-indent: 35px;	}
#success-message div, #error-message div	{	 margin: 0 0 0 15px;	}

/* Form */
form#front-form fieldset	{	clear: both;	font-size: 100%;	border-color: #000000;	border-width: 1px 0 0 0;	border-style: solid none none none;	padding:5px 5px;	margin: 0 0 0 0;}
form#front-form fieldset legend	{	font-size: 150%;	font-weight: normal;	color: #000000;	margin: 0 0 0 0;	padding: 0 5px;	}
form#front-form div	{	clear: left;	display: block;	width: auto;	padding: 1px 3px;	}
form#front-form label	{	font-size: 100%;	text-align: right;	margin: 15px 5px 0 0;	padding: 5px;	width: 120px;	float: left;	font-weight: bold;	color: #333333;	}
form#front-form label.label-desc	{	width: 180px !important;	}
form#front-form label.label-extended	{	width: 220px !important;	}
form#front-form input	{	width: 250px;	}
form#front-form select	{	 width: 265px;	}
form#front-form select#custom {	width: 75px;	}
form#front-form input.short	{	width: 180px;	}
form#front-form input#order	{	width: 30px;	}
form#front-form input, form#front-form select, form#front-form textarea	{	font-size: 100%;	color: #000000;	margin: 10px 0 0 0;	padding: 5px;	border: 3px solid #DFF1F6;	}
form#front-form input#short_input	{	width: 60px;	}
form#front-form input#add_input, form#front-form input#check, form#front-form input#radio	{	width: 10px;	margin: 20px 0 0 0;	}
form#front-form input#check	{	margin: 22px 0 0 10px;	}
form#front-form select option	{	padding: 2px;	margin-left:10px;	}
form#front-form input#submit, form#front-form input#reset	{	width: 100px;	font-weight: bold;	}
form#front-form input#extended	{	font-weight: bold;	}
form#front-form input:focus	{	border-color: #9DE2F6;	}
#note-box	{	background: #f8f8f8 /*url('../images/note.png') no-repeat 1% 20%*/;	padding:20px !important;	font-style: italic;	color: #008000;	text-indent: 20px;	margin: 0 auto;	}
#note-box div	{	margin-left: 40px !important;	text-indent: 20px;	padding-left: 10px;	}
.required { color: red; }