/* AWD 5.0 main styles */


.tablemain {
	width: 600px;
}
.top4images {
	width: 600px;
	padding: 0px;
	background-color: #FFF;
	border: none;
	text-align: center;
	position: relative;
	margin-bottom: 12px;
}
.top4images tr{
	background-color: #dde6ee;
}
.top4images a {
	font-weight: bold; 
	color: #336699; 
}
.top10-hotels-title {
	background-color: #dde6ee;
	width: 220px;
	text-align: center;
	color: #336699;
}
.top10-hotels-title a {
	color: #336699;
}
.top10-hotels-body {
	width: 220px;
	color: #333;
}
.top10-hotels-body a {
	color: #333;
	text-decoration: none;
}
.top10-hotels-body a:hover {
	text-decoration: underline;
}
.best-value-title {
	background-color: #dde6ee;
	text-align: center;
	color: #336699;
	width: 600px;
}
.best-value-images {
	background: #FDEB8F;
	width: 600px;
}	
.best-value-body {
	background: #FDEB8F;
	width: 600px;
}	
.best-value-body p {
	background: white;
	padding: 0.5em 1em;
	margin: 0;
	font-size: 11px;
}
.bold-center-13 {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.rate-detail {
	text-align: center;
}
.rate-detail a {
	font-size:15px;
}
.hotel-recommend-title {
	background-color: #dde6ee;
	text-align: center;
	color: #336699;
	width: 600px;
}
.hotel-recommend-title h6 {
	text-align: center;
	font-size: 18px;
}
.hotel-recommend-body {
	width: 194px;
	background: #FDEB8F;
}
.hotel-recommend-body p {
	background: white;
	padding: 0.4em 0.4em;
	margin: 0;
	font-size: 10px;
}
.offer-title {
	background-color: #dde6ee;
	color: #336699;
	width: 194px;
}
.offer-title h6 {
	text-align: center;
}

.photoleft { margin: 1px 12px 12px 0; border: 1px solid; border-top-color: #DDE6EE; border-right-color: #2A3F8C; border-bottom-color: #2A3F8C; border-left-color: #DDE6EE; background-color: white; float: left; clear: both;}
.photoright, .photoright-200 { margin: 1px 0 12px 12px ; border: 1px solid; border-top-color: #DDE6EE; border-right-color: #2A3F8C; border-bottom-color: #2A3F8C; border-left-color: #DDE6EE; background-color: white; float: right; clear: both;}

.photoleft div,
.photoright div,
.photoright-200 div {
	position:absolute;
	z-index: 3;
}
.photoleft img {
	width: 150px;
	height: 150px;
	border: 0;
	padding: 6px;	
}
.photoright img {
	width: 250px;
	height: 166px;
	border: 0;
	padding: 6px;	
}
.photoright-200 img {
	width: 200px;
	height: 133px;
	border: 0;
	padding: 6px;	
}
body {
	margin: 0;
	padding: 0;
	background: #E8E8E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}
h1 {
	font-size: 22px;
	font-weight: bold;
	color: #336699;
	text-align: center;
	display: block;
	margin-top: 0.7em;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #336699; 
	text-align: center;
	display: block;
	margin-bottom: 1em;
}
h3 {
	color: #336699; 
	background: #DDE6EE;
	font-size: 16px;
	font-weight: bold;
	padding: 0.2em 0.3em;
	clear: both;
}
h3 a {
	color: #336699; 
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;
}
h4 {
	color: #336699; 
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}
h4 a {
	color: #336699; 
	text-decoration: none;
}
h4 a:hover {
	text-decoration: underline;
}
h4.smaller {
	font-size: 13px;
}
h6 {
	font-size: 14px;
	margin: 0.2em 0;
}
h6 a {
	text-decoration: none;
}
h6 a:hover {
	text-decoration: underline;
}
img {
  border: none;
}
a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #c06;
}
p {font-size: 11.5px;}

#page {
	position: relative;
	width: 970px;
	margin: 50px auto;
}
#frame-top {
	width: 970px;
	margin: 0 auto;
}
#masthead {
	background: white;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	padding: 2px 0;
	float: left;
	position: relative;
}
#masthead-logo {
	float: left;
	margin-right: 2px;
}
#title-background {
	float: left;
	width: 643px;
	overflow: hidden;
}
#page-title {
	float: left;
	font: impact;
	margin-top: -55px;
	position: relative;
}
#top-image {
}
#url {
	font-size: 12px;
	position: absolute;
	color: #000;
	width: 625px;
	text-align: right;
	margin: 3px 0 0;
}
#latestays-top {
	width: 150px;
	height: 140px;
	float: right;
	background: #ccff00;
	margin: 0;
	border-left: 2px solid white;
}
#latestays-top img{
	display: block;
	margin: 35px auto 0;
}
#primary-links {
	height: 40px;
	background: #e8e8e8;
	clear: both;
}
#primary-links ul {
	padding: 12px 0 0 5px;
	margin: 0;
}
#primary-links li {
	list-style: none;
	float: left;
	border-left: 1px solid #5f5f5f;
}
#primary-links li:first-child {
	border-left: none;
}
#primary-links li a {
	display: block;
	padding: 2px 18px;
	font-size: 11px;
	color:#5f5f5f;
	text-decoration: none;
}
#primary-links li a:hover {
	background-color: #ccc;
	color: #222;
}
#hotel-dropdown {
	position: absolute;
	right: 0;
	top: 155px;
	margin-right: 5px;
}
#hotel-dropdown select {
	font-size: 11px;
	color: #2F3233;
	border-width: 0;
	font-family: Arial,Helvetica,sans-serif;
}
#hotel-dropdown #searchbutton {
	width: 40px;
	text-align: center;
	margin-left: 4px;
}
#flags {
	position: absolute;
	right: 154px;
	top: 107px;
}
#ads {
	position: absolute;
	right: -3px;
	top: 186px;
}

/* secondary-links */
#secondary-links {
	height: 40px;
	background: #e8e8e8;
	clear: both;
}
#secondary-links ul {
	padding: 12px 0 0 5px;
	margin: 0;	
}
#secondary-links li {
	list-style: none;
	float: left;
	border-left: 1px solid #5f5f5f;
}
#secondary-links li:first-child {
	border-left: none;
}
#secondary-links li a {
	display: block;
	padding: 2px 18px;
	font-size: 11px;
	color:#5f5f5f;
	text-decoration: none;
}
#secondary-links li a:hover {
	background-color: #ccc;
	color: #222;
}
/* end secondary-links */

#content-container {
	background-color: white;
	margin: 0;
	padding: 2px;
	width: 970px;
	float: left;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;	
}
#right2cols {
	float: right;
	width: 771px;
}
#right2cols p {
	margin-top: 0;
}
#no-ads {
	float: right;
	width: 790px;
}
#content p {
	font-size: 12px;
}
#td-ads-right {
	border-left: 1px solid #ccc;
}
#ads-right {
	width: 147px;
	padding-left: 2px;
}
#ads-right img, #ads-right object, #ads-right embed {
	margin-bottom: 3px;
}
#leftmenu {
	width: 173px;
	font-size: 13px;
	border-right: 1px solid #ccc;
	margin-left: ;
	position: relative;
	float: left;
}

/* navmenu */
.navmenu {
	width: 170px;
	text-decoration: none;
	font-size: 9px;
	line-height: 1.2em;
	text-align: left;
	position: relative;
	top: -1px;
}
#framepage {
	background: #fff;
}
#framepage #footer-inner{
	margin-left: 50px;
}

#framepage p {
	margin-top: 0;
}
#framemenu {
	background-color: #ffffff;
}
#framemenu .navmenu {
	width: auto;
	min-width: 150px;
	background-image: none; 
}


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

.navmenu a:hover {
	text-decoration: none;
}

.navmenu li {
	position: relative;
}

.navmenu ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	z-index: 98;
}

.navmenu ul ul,											/*hides*/
.navmenu ul li:hover ul ul,
.navmenu ul ul li:hover ul ul
{
	display: none;
}
.navmenu ul li:hover ul {				/*shows level 1*/ 
	display: block;
}
#framemenu .navmenu ul li:hover ul { /* hide popouts in framemenus */
	display: none;
}

.navmenu .menutitle,
.navmenu .menutitle-arrow,
.navmenu .hotel,
.navmenu .hotel-more,
.navmenu .hotel-arrow,
.navmenu .hotel-arrow-bold,
.navmenu .item,
.navmenu .item-bold,
.navmenu .item-more,
.navmenu .item-arrow,
.navmenu .item-arrow-bold,
.navmenu .othersites,
.navmenu .othersites-arrow,
.navmenu .level2,
.navmenu .level2-more
{
	font-size: 11px;
	color: #484847;
	display: block;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	margin: 0;
	padding: 0.4em 0em 0.4em 0.5em;
	text-decoration: none;
}
.navmenu .level2, .navmenu .level2-more {
  border-width: 1px 2px 0px 2px;
	border-color: white; 
	color: #555555;
	background:#CCE6F5;
}
.navmenu a:hover.level2, .navmenu a:hover.level2-more:hover {	
	color: #000;
	background: #A1D1EC;
}
.navmenu .level2-more {
	text-align: right;
}
.navmenu .menutitle-arrow {
	font-weight: bold;
	background: #ccc url(/images/arrowright3.gif) no-repeat right center;
	border-top-color: #fff;
}
.navmenu a:hover.menutitle-arrow {
	color: white;
	background: #7D7C7C url(/images/arrowright2.gif) no-repeat right center;
}
.navmenu .menutitle {
	font-weight: bold;
	background: #ccc;
	border-top-color: #fff;
}
.navmenu a:hover.menutitle {
	color: white;
	background: #7D7C7C;
}
.navmenu .hotel-arrow,
.navmenu .hotel-arrow-bold,
.navmenu .othersites-arrow {
	background: #FEF6CC url(/images/arrowright2.gif) no-repeat right center;
	border-top-color: #ccc;
}

.navmenu .hotel,
.navmenu .hotel-more,
.navmenu .othersites {
	background: #FEF6CC;
	border-top-color: #ccc;
}

.navmenu a:hover.hotel,
.navmenu a:hover.hotel-more,
.navmenu a:hover.hotel-arrow,
.navmenu a:hover.hotel-arrow-bold,
.navmenu a:hover.othersites-arrow,
.navmenu a:hover.othersites {
	background-color: #FDEFA3;
}
.navmenu .item,
.navmenu .item-bold,
.navmenu .item-more {
	border-color: #DEDCDC;
}
.navmenu .item-arrow,
.navmenu .item-arrow-bold {
	border-color: #DEDCDC;
	background: url(/images/arrowright2.gif) no-repeat right center;
}
.navmenu a:hover.item,
.navmenu a:hover.item-bold,
.navmenu a:hover.item-more,
.navmenu a:hover.item-arrow,
.navmenu a:hover.item-arrow-bold {
	color:#1B1B1B;
	background-color: #CBE8FC;
}
.navmenu .hotel-more,
.navmenu .item-more,
.navmenu .level2-more {
	text-align: right;
}
.navmenu .hotel-arrow-bold,
.navmenu .item-bold,
.navmenu .item-arrow-bold {
	font-weight: bold;
}
#framemenu .navmenu .menutitle-arrow,
#framemenu .navmenu .hotel-arrow,
#framemenu .navmenu .hotel-arrow-bold,
#framemenu .navmenu .item-arrow,
#framemenu .navmenu .item-arrow-bold,
#framemenu .navmenu .othersites-arrow {
	background-image: none;
}

/* end navmenu */

/* left booking box */

#left-booking {
	border: 1px solid #197bb3;
	width: 168px;
	margin: 1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}	
#left-booking form {
	margin: 0;
}
#left-booking-title {
	background: #197bb3;
	color: white;
	text-align: center;
	padding: 3px 0;
	font-weight: bold;
}	
#left-booking-body {
	padding: 0 2px 2px;
	height: 125px;
	background: #d1eeff;
}
#left-booking-body label,
#left-booking-body select {
	float:left;
	display: block;
}
#left-booking-body select#month {
	width: 60px;
}

#left-booking-body label{
	font-size: 10px;
	line-height: 22px;
	position: relative;
	top: 1px;
}
#left-booking-body label.width1 {
	width: 38px;
	clear: left;
}
#left-booking-body label.width2 {
	width: 38px;
	clear: left;
	line-height: 12px;
}
#left-booking-body img {
	cursor: pointer;
	position: relative;
	margin: 6px 0 0 3px;
	float: left;
}
#left-booking-body select{
	margin: 4px 1px 2px 2px;
	font-size: 10px;
}
#left-booking-body #leftbox-destination {
	width: 120px;
}

#search-left-input-button {
	text-align: right;
	background: #197bb3;
	clear: both;
	height: 23px;
	padding: 1px;
	font-size: 10px;
}
#search-left-input-button input[type="submit"]{
	padding: 0 1px;
}

#search-left-input-button img {
	float: left;
	margin-top: -1px;
	margin-left: 1px;
}
#jp-booking #left-booking-body {
	padding: 1px;
	height: 127px;
}
#jp-booking #left-month {
	width: 59px;
}
#jp-booking #left-booking-body label.width1 {
	width: 39px;
}
#jp-booking #left-booking-body label.width2 {
	width: 49px;
	line-height: 10px;
}

/* end left booking box */

/* bottom-booking */
#bottom-booking {
	margin-top: 3em;
}
#bottom-booking-form-title {
	background: #1479b1;
	width: 480px;
	padding: 4px 12px;
	margin: 0 auto;
}
#bottom-booking-form-title img {
	display: block;
	margin: 0 auto;
	position: relative;
	top: 2px;
}
#bottom-booking-form-body {
	border: 8px solid #1479b1;
	border-top-width: 1px;
	background: #fef6cc;
	width: 480px;
	margin: 0 auto 30px;
	padding: 4px;
}
#bottom-booking-form-body form {
	margin-bottom: 0;
}
#bottom-booking-form-body label,
#bottom-booking-form-body select {
	margin: 0 2px;
}
#bottom-booking-form-body label {
	clear: left;
	position: relative;
	top: 2px;
}
#bottom-booking-form-body select {
	font-size: 11px;
}
#bottom-booking-form-body img {
	position: relative;
	top: 2px;
	vertical-align: text-bottom;
}
#bottom-booking-form-body #hotel-name {
	width: 292px;
}
#bottom-booking-form-body #button2 {
	float: right;
	margin: -21px 0 0 -4px;
}
.width3 {
	width: 88px;
	float:left;
	display: block;
}
/* end bottom-booking */

#footer {
	background: white;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	padding: 2px 0;
	width: 970px;
	height: 82px;
}
#footer-inner {
	margin: 0 auto;
	width: 525px;
	padding-left: 25px;

}
#footer-logo {
	float: left;
}
#footer-logo img {
	margin: 15px 10px 0;
}


#footer-content {
	padding: 5px 5px 2px;
	float: left;
	width: 385px;
}
#footer-content a{
	color: #333;
	text-decoration: underline;
}
#footer-content a:hover {
	text-decoration: none;
}
#footer-content p {
	margin: 0 0 0.2em;
	font-size: 11px;
}

/* topbar styles */

#topbar {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position: fixed; 
	left: 0px;
	top: 0px;
	z-index: 99;
	font-size: 11px;
	color: white;
	width: 100%;
}
#topbar table{
	padding: 0; 
	margin: 0; 
}
#topbar a{
	color: #FFF;
	text-decoration: none;
}
#topbar a:hover{
	text-decoration: underline;
}
span#tick2 {
	color: #FFF;
}
#topbar input {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #000000;
}
/* end topbar styles */

/* design styles */

.smallsans {
	font-size: 10.5px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
.size12, .size12bold {
	font-size: 12px;
}
.size14, .size14bold {
	font-size: 14px;
}
.size16, .size16bold{
	font-size: 16px;
}
.size12bold, .size14bold, .size16bold { 
	font-weight: bold;
}
.size18boldwhite {
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 18px;
	color: #fff;
}
.size16boldwhite {
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 16px;
	color: #fff;
}
.size14boldwhite {
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
}
.size12boldwhite {
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
.size12white {
	font-size: 12px;
	color: #fff;
}

a.size12boldwhite, a.size14boldwhite, a.size16boldwhite, a.size18boldwhite {
	color: #fff;
	text-decoration: none
}
a:hover.size12boldwhite, a:hover.size14boldwhite, a:hover.size16boldwhite, a:hover.size18boldwhite {
	color: #fff;
	text-decoration: underline;
}
.size16bolddred {
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 16px;
	color: #cc0000;
}


.white {
	color: white;
}
table.offer {
	margin: 0 0 2px;
}
.upline {
	border-bottom: 1px solid #ccc;
}
.dashred {
	border: 2px dashed #ff0000;
	background:#FEF6CC
}
.dashblue {
	border: 2px dashed #0066ff;
	background:#eee;
}
.dashgreen {
	border: 2px dashed #339900;
	background:#eee;
}
.ad-header {
	background: #FFFF99;
	font-size: 12px;
	height: 25px;
	vertical-align: middle;
}
.ad-special {
	border: 6px solid #FF9900;
	width: 589px
}
.ad-featured {
	border: 6px solid #ccc;
	width: 589px
}
.ad-star {
	border: 6px solid #FF6600;
	width: 589px
}
.ad-new {
	border: 6px solid #FFCC00;
	width: 589px
}
.ad-new p, .ad-star p, .ad-featured p, .ad-header p { padding: 3px}

table.default tr.table-heading td {	
	color: #336699;
	background: #DDE6EE;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #ccc
}
table.default td {	
	padding: 3px;
	border-bottom: 1px solid #ccc;
	color: #333;
	font-size: 11px;
}
.hpmiddle p {
	font-size: 11px;
}
.welikeheader {
	background: #CC0000;
	font-family: Arial Black, Gadget, Arial, sans-serif;
	font-size: 18px;
	color: #fff;
	width: 100%;
	padding-left: 10px;
}

/* table styles */

table.table1 {
 border-collapse: collapse;
 border: 1px solid #dde6ee;
}
td.table-head1 {
 background: #dde6ee;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 padding: 4px;
}
td.table-head2 {
 border: 1px solid #dde6ee;
 background: #fdefa3;
 font-weight: bold;
 text-align: center;
 padding: 4px;
}
td.cell1 {
 border: 1px solid #dde6ee;
 background: #fef6cc;
 padding: 4px;
}
td.cell2 {
 border: 1px solid #dde6ee;
 background: #fff;
 padding: 4px;
}
/* end table styles */

/* tour table styles */

.priceDate {
	font-size: 16px;
}
.priceTitle {
	font-size: 18px;
	font-weight: bold;
}
.priceCCY {
	font-size: 12px;
}

.pricebg {
	width: 100%;
}
.priceHead {
	width: 100%;
	text-align: center;
	background: #DDE6EE;
	height: 90px;
}
.priceHeader {
	text-align: center;	
	background: #E8E8E8;
	border: 1px solid #ccc;
	border-top-width: 2px;
	font-size: 13px;
	height: 35px;
}
.priceSubHeader {
	text-align: center;	
	background: #FEF6CC;
	border: 1px solid #ccc;
	font-size: 13px;
	height: 35px;
}
.priceCell {
	text-align: center;	
	background: #FFF;
	border: 1px solid #ccc;
	font-size: 13px;
	height: 35px;
}
.priceRule {
	text-align: center;	
	background: #DDE6EE;
	font-size: 13px;
}
.priceBook {
	text-align: left;	
	background: #DDE6EE;
	font-size: 13px;
}

/* end tour table styles */

.red-bold {
	color: red;
	font-weight: bold;
}
a.red-bold:hover {
	color: red;
}
img#stripImage {
	margin: 8px auto;
	display: block;
	clear: both;
}
img#squareImage {
	margin: 15px auto;
	display: block;
}
#squareBanner{
	margin: 0 auto;
	width: 147px;
}
#stripBanner{
	margin: 0 auto;
	width: 600px;
	height: 75px;
}

