html {
	padding-right: 0px;
	padding-left: 49%;
	padding-bottom: 3px;
	padding-top: 1px;
	margin: 0px;
	height: 99%;
}
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-left:-375px;
	height: 99%;
	border:0;
	color: #000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 90%;
	_font-size: 75%;
	background: white;
}
.wrapper, #wrapper {
	margin: 0;
	width: 750px;
	text-align: left;
/*	border: 3px solid #fff; */
	border: 1px solid #ecfaff;
/*	background: #EEF0F2; */
	overflow:hidden;
}

/*\*//*/
html {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.wrapper, #wrapper {
	margin: 0px 0px 0px 0px;
	border: 1px solid #fff;
}
/* above is Mac IE only */

img {border:0;}

h1{margin:20px 0px 0px 0px; color: #01265D; padding:0px;font-family: Trajan, Arial, Helvetica, sans-serif;}

h2 {font-size: 1.4em; color: #01265D; margin:0px;font-family: Trajan, Arial, Helvetica, sans-serif;}

h3 {font-size: 1.2em; color: #01265D; margin:0px;font-family: Trajan, Arial, Helvetica, sans-serif;}
h4 {font-size: 1em; color: #01265D; margin:0px;font-family: Trajan, Arial, Helvetica, sans-serif;}
h5 {font-size: 1em; color: #01265D; margin:0px;font-family: Trajan, Arial, Helvetica, sans-serif;}

.clear { clear: both; }
.clr { clear: both; }

.forcenewline {width:500px; clear: both;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}
.smaller {font-size: .75em;}

.wide {
background: #00275d;    /* header and footer colours */
width: 100%; 
color: #fff;
}

ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
li{background-image: .url("images/bulletline.gif"); background-repeat:no-repeat; background-position:top left; font-size:12px; color:#666666; text-align:left; margin:2px 2px 2px 2px; padding:0px 0px 0px 10px;}


.wide p {margin: 0; padding: 5px; position: relative;}

.top {border-bottom: 1px solid #000;}

.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}

.bottom {border-top: 1px solid #000; position: relative; text-align:center; font-size:10px}
.bottom a:link {color: #FFFFFF;text-decoration: none;	font-weight:100}
.bottom a:visited {	text-decoration: none;	color: #eae7ff;	font-weight:100}
.bottom a:hover {	text-decoration: underline;	color: #FFFFFF;	font-weight:100}
.bottom a:active {	text-decoration: none;	color: #eae7ff;	font-weight:100}

.whynots {width: 120px; border: 2px solid #D1C0C2; background: #fff; margin:12px; padding-bottom:5px; padding-top:5px;}
.whynots a:link {color: #0a3687;text-decoration: none;}
.whynots a:visited {	text-decoration: none;	color: #274987;}
.whynots a:hover {	text-decoration: underline;	color: #003087;}
.whynots a:active {	text-decoration: none;	color: #0a3687;}
.whynots ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
.whynots li{background-image: url("images/bulletline.gif"); background-repeat:no-repeat; background-position:top left; font-size:12px; color:#666666; text-align:left; margin:2px 2px 2px 2px; padding:0px 0px 0px 10px;}
.to-right {float: right;}
.to-left {float: left;}
.ap-test {position: absolute; top: -130px; font-size: .7em; width: 150px; height: 100px; }
.ap-test img{border:0px;}

/* \*/
* html .ap-test {top: -152px; t\op: -132px; }
/* */
.ap-test2 {position: absolute; top: -310px; font-size: .7em; width: 150px; height: 100px; }
.ap-test2 img{border:0px;}

/* \*/
* html .ap-test2 {top: -332px; t\op: -312px; }
/* */

.ap-left {left: 0;}
.ap-right {right: 0;}


.style1 {color: #990000; font-weight: bold;} /* style for important instructions on forms */


.outer {
margin-left: 0px;    /*** Critical left col dimension value ***/
width: 598px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
/* background: #fff;  turn-off right bar KO */  /*** Sets background of center col***/
/* border-left: 1px solid #fff;  turn-off right bar KO */   /*** Critical left divider dimension value ***/
/* border-right: 1px solid #fff;  turn-off right bar KO */   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 600px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 598px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {float: left;width: 598px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/ margin-right: -1px;   /*** Static fix ***/
	padding: 25px 60px 10px 77px;  /* turn-off right bar KO */
}

.center {
float: right;
width: 586px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}
.centerhome {
float: right;
width: 586px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
padding-top:0}
.centerhome h1{margin:0px 0px 0px 0px; padding:0px;}
.center p {margin-right: 10px;}
* html .left {float:left;	}
.right {float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
text-align:center;
display: none;  /* turn-off right bar KO */
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


#header{height: 130px; width:751px; background-color:#333333}
#header-blank{height: 130px; width:751px;}
#header-home{height: 130px; width:756px;}
#header-home-big{height: 185px; width:751px;}
#header-usa-east{height: 130px; width:751px;background-color:#fff; background-image:url("images/mainheaderhawaii.jpg");background-repeat:no-repeat}
#headerwedding{height: 130px; width:751px;background-color:#fff; background-image: url("images/headers/wedding.jpg"); background-repeat:no-repeat}
#headercitystay{height: 130px; width:751px;background-color:#fff; background-image: url("images/headers/citystay.jpg"); background-repeat:no-repeat}
#headergolf{height: 130px; width:751px;background-color:#fff; background-image: url("images/headers/golf.jpg"); background-repeat:no-repeat}
#headerski{height: 130px; width:751px;background-color:#fff; background-image: url("images/headers/ski.jpg"); background-repeat:no-repeat}
#headerspa{height: 130px; width:751px;background-color:#fff; background-image: url("images/headers/spa.jpg"); background-repeat:no-repeat}
#headerboat{height: 130px; width:751px;background-color:#fff; background-image:url("images/headers/cruises.jpg"); background-repeat:no-repeat}
#header-East-USA{height: 130px; width:751px;background-color:#fff; background-image: url("images/usaeast.jpg"); background-repeat:no-repeat}
#header-East-USA{height: 130px; width:751px;background-color:#fff; background-image: url("images/usaeast.jpg"); background-repeat:no-repeat}
#header-West-USA{height: 130px; width:751px;background-color:#fff; background-image: url("images/usawest.jpg"); background-repeat:no-repeat}
#header-Canada{height: 130px; width:751px;background-color:#fff; background-image:  url("images/Canada.jpg"); background-repeat:no-repeat}
#header-Caribbean{height: 130px; width:751px;background-color:#fff; background-image: url("images/caribbean.jpg"); background-repeat:no-repeat}
#header-Hawaii{height: 130px; width:751px;background-color:#fff; background-image: url("images/mainheaderhawaii.jpg"); background-repeat:no-repeat}

/* for all browsers except Mac IE \*/
#navlist{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; min_width:750px; _width:750px; float:left;}
/* */
/*\*//*/
#navlist{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height: 24 px; overflow:hidden; width:750px;}
/* above is Mac IE only */

#navlist li {float:left; margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
.toplogo{float:left; width:50%; margin:10px 0px 0px 15px;}
.searchside{float:right; width:25%; margin:70px 2px 0px 0px; font-size:10px; font-weight:bold;}
.centreleft{width:300px; float:left; margin:0px; padding:0px}
.centreright{width:250px; float:left; margin:0px 5px 0px 5px}
.centreright2{width:250px; float:left; margin:40px 5px 0px 5px}
.centrerightgallery{width:250px; float:left; text-align:center; margin:0px 0px 0px 0px}
.centrerightgallery img {border: 1px solid #01265D;}

#hotelresults{border: 1px solid #01265D; padding:10px; margin:20px 20px 20px 7px;}
#resultsbox{padding:5px; margin:0px;}
#descriptionlonger{width:480px;float:left;margin-left:4px; font-size:11px}
#hotellistings{height:90px; margin-top:5px; margin-left:2px;}
#offerlistings, .offerlistings {width:160px; margin: 5px; float:left; text-align:center}
#hotellistblock{padding:0px; margin:5px}
#hotellistblockimgholder{float:left}
#hotellistblockimgholder img {border: 1px solid #01265D; margin-top: 10px}
#hotelname, .hotelname{
	float:left;
	font-size:14px;
	font-weight:bold;
	margin-left:15px; margin-top:10px;
}
#offername, .offername { font-size:12px; font-weight:bold; }
#rating{float:right; font-style:italic; font-size:12px; color:#01265D; margin-top:10px;}
#descriptionshort{width:420px;float:left;margin-left:15px; font-size:11px}
.holtype {font-weight:bold;}
#hotellistings a:link { font-family:"Times New Roman", Times, serif; color: #01265D; text-decoration: none; font-size:15px; }
#hotellistings a:visited {font-family:"Times New Roman", Times, serif;text-decoration: none; color: #01265D; font-size:15px; }
#hotellistings a:hover {font-family:"Times New Roman", Times, serif;text-decoration: underline; color:#01265D; font-size:15px; }
#hotellistings a:active {font-family:"Times New Roman", Times, serif;text-decoration: none; color: #01265D;font-size:15px;  }
.location {margin: 0px 0px 5px 0px; color:#01265D}
.ratingbig {margin: 5px 0px 10px 0px; float:left; color:#01265D}
.facilites {margin: -10px 14px 0px 0px; text-align:right; float: right}
.facilites img{border:0px; margin-right:3px}
hr {border: 0;  width: 80%;  color: #01265D; background-color: #01265D; height: 3px; text-align:center;}

#box, .box{border: 1px solid #01265D; padding:5px; margin:20px 20px 20px 2px;}
#box2, .box2 {border: 1px solid #01265D; padding:10px; margin:20px 20px 20px 2px; _height: 150px; }
#box3, .box3 {border: 1px solid #01265D; padding:10px; margin:7px; float:left; text-align:center}
#box4, .box4 {border: 1px solid #01265D; padding:10px; margin:20px 20px 20px 2px; _height: 120px;}
#box1, .box1 {padding:10px; margin:20px 20px 20px 2px; _height: 120px;}

#in_focus {
    width:251px; filter: alpha(opacity=00); -moz-opacity:.00; opacity:.00; padding:8px; padding-left: 20px; padding-right: 20px; margin-left:-12px; margin-top:9px; background: #01265D; margin-bottom: 47px; cursor:pointer;
}

#focusimg, .focusimg {float:left; padding-right:10px;}
#focusdescrip, {_float:left; _width:390px; margin-left:10px; margin-bottom:20px; _margin-bottom:0;}
.focusdescrip {_float:left; _width:345px; margin-left:10px; margin-bottom:20px; _margin-bottom:0;}
.planbutton{float:left;}
.faqanswer {float:left; margin-left:5px; margin-right:5px;}
.backtotop{float:right; margin:0px; padding:0px;}
.agentnewsdescrip {float:left; margin-left:5px; margin-right:5px;}
.addy{margin:-22px 0px 0px 27px; padding: 0px 0px 0px 0px}

.highlight{background-color:#CCCCCC; display:block; padding:5px}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 30px;
	color:#01265D;
	margin:5px 0px 1px 0px;
	padding:0px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 20px;
		color:#01265D;
	margin:0px;
	padding:0px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 15px;
	color:#01265D;
	margin: 0px;
	padding: 0px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 14px;
	color:#000;
	margin:0px;
	padding:0px;
}
.sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 13px;
	color:#000;
	margin:0px;
	padding:0px;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
	font-size: 19px;
	color:#01265D;
	margin:0px;
	padding:0px;
}

#in_focus h4 {
	font-size: 19px;
	color:#01265D;
	margin:0px;
	padding:0px;
}
#in_focus .sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 19px;
	color:#01265D;
	margin:0px;
	padding:0px;
}

#in_focus h5 {
	font-size: 16px;
	color:#01265D;
	margin:0px;
	padding:0px;
}
#in_focus .sIFR-hasFlash h5 {
	visibility: hidden;
	font-size: 16px;
	color:#01265D;
	margin:0px;
	padding:0px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


.contact{float:left; margin:5px; padding:5px 5px 10px 5px; width:250px}
.brochures{float:left; margin:5px; padding:5px 5px 10px 5px; width:95px; text-align:center;}
.brochures a{text-decoration:none;}
.brochures a:hover{text-decoration:underline;}
.brochures img{border:solid 1px gray;}
.note {border:1px dotted #000; background-color:#D5D6E1; color:#990000; margin:5px 20px 5px 5px; padding:5px; display:none;} /* change display to block to turn on error notes  -  Kelvin Owers */
.sevenwords {float:left;width:300px }
.sevenlogo {float:left; margin:0px 20px 20px 20px}
.seven{float:left; padding-bottom:15px;}
a {text-decoration: underline; color: #01265D;}
.cart{font-size:11px}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #292B59;
}
.hotelbox {padding:0px; margin:0px;}
.hotelbox ul{padding:0px;  margin:20px 0px 0px 0px;}
.hotelbox li{ list-style-type:none; width:120px; height:155px; padding:5px; float:left; text-align:center; background-image:none; background-color: #F9F9F9}
.hotelbox .hotelentry, .hotelbox .destinationentry{
	width:130px; _width:120px;
	height:13em; _height:155px;
	padding:5px;
	float:left; text-align:center;
	background-image:none; background-color: #F9F9F9;
	margin-right: 5px;
	color:#6A6A6A;
}
.hotelbox .destinationentry{height:10.5em; _height:125px;}
.hotelbox img {border: 1px solid #00275d}
.travelop {width:250px; float:left; margin:0px; padding:0px 5px 10px 15px; height:100px}

.list_page {
	margin-left:0px;
	margin-right:10px;
}
.list_page hr {
    color: #cccccc; /* IE */
    background-color: #cccccc; /* W3C */
    border: 0; /* noshade */
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: 0px;
	background: transparent;
}

input.formButton {
	background-color: #00275d;
	border-bottom: 1px solid #47408C;
	border-left: 1px solid #47408C;
	border-right: 1px solid #141C0D;
	border-top: 1px solid #141C0D;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #9696A3;
	border-collapse: collapse;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #00275D;
	color: #FFFFFF;
}
table.tabularData th:empty  {
	background: #FFFFFF;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #EFEFF3;
	display:block;
}
.altRowOdd{
	background-color: #DDDDE7;
	display:block;
}
.altRowEvenC{
	background-color: #EFEFF3;
	text-align:center;
	display:block;
}
.altRowOddC{
	background-color: #DDDDE7;
	text-align:center;
	display:block;

}
.altRowEvenHidden{
	display:none;
}
.altRowOddHidden{
	display:none;
}

/* SPACER for Table */
.chkSpacer{
	width:95px;
	float:left;
	text-align:right;
}
.txtSpacer{
	width:120px;
	float:left;
	text-align:right;
}
</style>

[if IE]>

<style type="text/css">
	.outer {word-wrap: break-word;}
</style>

<![endif]