body {
	background-attachment: fixed; /* Keeps the background image from moving */
	background-color: #3BACDF;
	background-image: url(../images/bg_blue_fade.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
:focus { /* Gets rid of dotted box when you click on a link */
	outline: 0;
}
#container { /* Holds everything on the page */
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 auto; /* Centers the main box */
	padding: 0;
	width: 821px;
	}


/* All headers and menus */

#container #header { /* Includes logo and agent box */
	background-color: #0569AE;
	background-image: url(../images/bg_header_dotted.gif);
	color: #FFFFFF;
	height: 150px;
	}

#container #header .travlogo {
	margin-top: 35px;
	margin-left: 24px;
	border-width: 0;
	}

#container #header #agent { /* Top-Right box with agent info */
	/*background-color: #1E93D1;
	background-image: url(../images/bg_header_agent.gif);
	border: 1px solid #0B8ACC;*/
	color: #FFFFFF;
	float: right;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	height: 103px;
	margin-right: 10px;
	margin-top: 17px;
	position: relative;
	text-align: right;
	/*width: 244px;*/
	width: 400px;
	}
#container #header #agent span {
	/*bottom: 0;
	right: 77px;*/
	float: right;
	margin: 12px 0 12px 12px;
	/*position: absolute;*/
	}
#container #header #agent img {
	border: 1px solid #FFFFFF;
	display: inline;
	float: right;
	margin: 12px;
	/*width: 65px;*/
	height: 79px;
	width: auto;
	}
#container #header #agent a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}
#container #header #agent a:hover {;
	text-decoration: underline;
	}

#container #tabmenu { /* Main Menu */
	background-color: #03569D;
	color: #FFFFFF;
	/*height: 35px;*/
	overflow: hidden;
	margin: 0;
	padding: 6px 0 0 10px;
	}
#container #tabmenu p {
	border: 0;
	margin: 0;
	padding: 0;
	}
#container #tabmenu img {
	border: 0;
	margin: 0;
	padding: 0;
	}


/* Top promos and search options */

#container #topfold {
	border: 0px solid red;
	height: 384px;
	margin: 10px 10px 0 10px;
	width: 801px;
	}

#container #topfold #searches { /* More detailed styles below */
	float: left;
	width: 241px;
	}

#container #topfold #promos { /* The right-hand two-thirds of the top */
	float: left;
	margin-left: 10px;
	width: 550px;
	}

#container #topfold #promos #mainpromo {
	display: block;
	height: 273px;
	margin-bottom: 10px;
	}

#container #topfold #promos #chinapromo {
	display: block;
	height: 100px;
	margin: 0;
	}

#container #topfold #promos #weather, #container #belowfold #tools #weather {
	display: block;
	float: left;
	width: 270px;
	margin: 0;
	height: 100px;
	background-image: url(../images/sample_world_weather.jpg);
	}
#container #belowfold #tools #weather { margin-bottom: 10px; }
#container #topfold #promos #weather form, #container #belowfold #tools #weather form { /* City list for weather */
	margin: 0 0 0 55px;
	}
#container #topfold #promos #weather form select, #container #belowfold #tools #weather form select {
	margin-top: 74px;
	width: 160px;
	border: 1px solid #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	height: 20px;
	padding: 2px;
	}

#container #topfold #promos #smallpromo, #container #belowfold #cruiselines #smallpromo { /* Bottom-right promo image */
	display: block;
	float: left;
	margin: 0 0 0 10px;
	width: 270px;
	}
#container #belowfold #cruiselines #smallpromo { margin: 0 0 30px 0; }
#container #belowfold #cruiselines #smallpromo img {
	border: 0;
	padding: 0px;
	vertical-align: bottom;
	}


/* Below-the-fold items: e.g., featured deals, travel tools, cruise lines */

#container #belowfold {
	clear: both;
	margin: 9px 10px 10px 10px;
	width: 801px;
	}

#container #belowfold #deals {
	background-image: url(../images/deals_bg.gif);
	background-repeat: repeat-y;
	float: left;
	margin-bottom: 10px;
	width: 241px;
	}
#container #belowfold #deals h2 {
	background-image: url(../images/deals_corners_top.gif);
	background-repeat: no-repeat;
	color: #0083C3;
	font-family: Myriad Pro, Arial, sans-serif;
	font-size: 17px;
	margin: 0;
	padding: 6px 6px 6px 6px;
	text-transform: uppercase;
	}
#container #belowfold #deals a {
	background-color: transparent;
	background-image: url(../images/deals_bordertop.gif);
	background-position: top left;
	background-repeat: no-repeat;
	clear: both;
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 6px 6px 6px;
	text-decoration: none;
	}
.bedifferent {
	background-image: url(../images/deals_bg.gif) !important;
	border-top: 1px solid #D8D8D8;
	}
#container #belowfold #deals a img {
	border: 0;
	float: left;
	height: 44px;
	margin: 6px 0 6px 0;
	width: 74px;
	}
/* For a round-corner overlay on the deal images -- not working yet */
.overlay {
	position:relative;height:0px; width:0px; display: none;
	}
.overlay img {
	position:absolute; top: 0px; left: 0px; width: auto; margin:0; float: none; cursor: pointer; /*display: compact;*/
	}
#container #belowfold #deals a .info {
	background-color: transparent;
	color: #000000;
	cursor: pointer;
	display: block;
	float: left;
	margin: 6px 0 6px 6px;
	padding-bottom: 0px;
	width: 143px;
	}
#container #belowfold #deals a .price {
	background-color: transparent;
	color: #DD0000;
	font-weight: bold;
	}
#container #belowfold #deals #dealfooter {
	background-image: url(../images/deals_corners_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	clear: both;
	height: 5px;
	margin:0;
	padding:0;
	}

.loginbutton { clear: both; }
.loginbutton a {
	background-image: url(../images/login_both.gif);
	background-position: -14px -14px;
	height: 27px;
	background-repeat: no-repeat;
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 241px;
	}
.loginbutton a:hover {
	background-position: -14px -68px;
	}



#container #belowfold #tools {
	border: 0;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 270px;
	}
#container #belowfold #tools img {
	border:0;
	float:left;
	}
#container #belowfold #tools ul#toollist  {
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	}
#container #belowfold #tools #toollist li {
	clear: both;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
#container #belowfold #tools #toollist a {
	background-repeat: no-repeat;
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 270px;
	}
#container #belowfold #tools #toollist a span { /* gets rid of text link, which can reappear if CSS is disabled */
	display: none;
	}
/*
#container #belowfold #tools #toollist #maps a {
	background-image: url(../images/traveltools_maps_both.gif);
	background-position: -23px -23px;
	height: 45px;
	margin: 0;
	padding: 0;
	}
#container #belowfold #tools #toollist #maps a:hover {
	background-position: -23px -113px;
	}
*/
#container #belowfold #tools #toollist #tickatt a {
	background-image: url(../images/traveltools_tickatt_both.gif);
	background-position: -23px -23px;
	height: 45px;
	margin: 0;
	padding: 0;
	}
#container #belowfold #tools #toollist #tickatt a:hover {
	background-position: -23px -113px;
	}
#container #belowfold #tools #toollist #passports a {
	background-image: url(../images/traveltools_passports_both.gif);
	background-position: -22px -22px;
	height: 44px;
	}
#container #belowfold #tools #toollist #passports a:hover {
	background-position: -22px -110px;
	}
#container #belowfold #tools #toollist #currency a {
	background-image: url(../images/traveltools_currency_both.gif);
	background-position: -22px -22px;
	height: 44px;
	}
#container #belowfold #tools #toollist #currency a:hover {
	background-position: -22px -110px;
	}
#container #belowfold #tools #toollist #destination a {
	background-image: url(../images/traveltools_destination_both.gif);
	background-position: -22px -22px;
	height: 43px;
	}
#container #belowfold #tools #toollist #destination a:hover {
	background-position: -22px -108px;
	}
#container #belowfold #tools #toollist #insurance a {
	background-image: url(../images/traveltools_insurance_both.gif);
	background-position: -22px -22px;
	height: 43px;
	}
#container #belowfold #tools #toollist #insurance a:hover {
	background-position: -22px -108px;
	}
#container #belowfold #tools #toollist #faq a {
	background-image: url(../images/traveltools_faq_both.gif);
	background-position: -29px -29px;
	height: 58px;
	}
#container #belowfold #tools #toollist #faq a:hover {
	background-position: -29px -145px;
	}


#container #belowfold #cruiselines {
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	width: 270px;
	}
#container #belowfold #cruiselines img {
	border: 0;
	padding: 10px;
	vertical-align: bottom;
	}

/* Footer */

#container #footer {
	background-color: #093465;
	color: #FFFFFF;
	clear: both;
	font-size: 11px;
	height: 70px;
	margin-top: 10px;
	text-align: center;
	}

#container #footer p {
	padding-top: 15px;
	}

#container #footer a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	}

#container #footer a:hover {;
	text-decoration: underline;
	}




/* Menu Tabs */

#container #tabmenu #tabs {
	background:transparent;
	float:left;
	font-size:93%;
	line-height:normal;
	width:100%;
	}
#container #tabmenu #tabs ul {
	list-style:none;
	margin:0;
	padding:0px 10px 0px 0px;
	}
#container #tabmenu #tabs li {
	color:#03569d;
	display:inline;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
	}
#container #tabmenu #tabs a {
	background:url("../images/tableft.gif") no-repeat left top;
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#container #tabmenu #tabs a span {
	background:url("../images/tabright.gif") no-repeat right top;
	color:#fff;
	display:block;
	float:left;
	padding:7px 15px 6px 6px;
	}
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
#container #tabmenu #tabs a span {float:none;}
  /* End IE5-Mac hack */
#container #tabmenu #tabs a:hover span {
	color:#FFF;
	}
#container #tabmenu #tabs a:hover {
	background-position:0% -42px;
	}
#container #tabmenu #tabs a:hover span {
	background-position:100% -42px;
	color:#03569d;
	}

#container #tabmenu #tabs #current a, #home .menuhome a, #cruises .menucruises a, #flights .menuflights a, #hotels .menuhotels a, #cars .menucars a, #vacations .menuvacations a, #honeymoons .menuhoneymoons a, #lastmin .menulastmin a {
	background-position:0% -42px !important;
	color:#03569d !important;
	}
#container #tabmenu #tabs #current a span, #home .menuhome a span, #cruises .menucruises a span, #flights .menuflights a span, #hotels .menuhotels a span, #cars .menucars a span, #vacations .menuvacations a span, #honeymoons .menuhoneymoons a span, #lastmin .menulastmin a span {
	background-position:100% -42px !important;
	color:#03569d !important;
	}



/* Accordion Styles */

#list1 {
	width: 241px;
	font-family: Arial, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
}

#list1 .accordionhead {
	background-color: #0096d1;
	background-image: url(../images/bg_chevron_blue.gif);
	border-bottom: 2px solid #FFFFFF;
	color: white;
	cursor:pointer;
	display: block;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	height: 24px;
	margin: 0;
	text-decoration: none;
	}
#list1 .accordionhead p {
	height: 20px;
	margin: 0;
	padding: 4px;
	}
.cornertop {
	background-image: url(../images/round_corner_top_blue.gif);
	background-repeat: no-repeat;
	}
.cornertop:hover {
	background-image: url(../images/round_corner_top_orange.gif);
	}
.cruisescorner {
	background-image: url(../images/round_corner_top_orange.gif);
	}
.cornerbottom {
	background-image: url(../images/round_corner_bottom_blue.gif);
	background-position: 0 16px;
	background-repeat: no-repeat;
	}
.cornerbottom:hover {
	background-image: url(../images/round_corner_bottom_orange.gif);
	}

/*#list1 h3:hover {
	color: #ff692e;
	background-color: #0096d1;
}*/
#list1 div.accordionhead:hover {
	background-color: #FF692E;
	background-image: url(../images/bg_chevron_orange.gif);
	color: #FFFFFF;
	}
#list1 .selected {
	background-color: #FF692E;
	background-image: url(../images/bg_chevron_orange.gif);
	color: #FFFFFF;
	}

.nobgimg { /* gets rid of the rounded bottom (hopefully) */
	background-image: none;
	}
.nobgimg:hover {
	background-image: none;
	}

#list1 .accordioncopy {
	color: #000000;
	background-color: #ececec;
	border-bottom: 2px solid white;
	font-size: 11px;
	height: 253px;
	margin: 0px;
	overflow: hidden;
	}
#list1 .accordioncopy p {
	margin-bottom: 10px;
	padding: 10px;
	}
#list1 .accordioncopy a {
	color: #03569d;
	background-color: transparent;
	text-decoration: underline;
	}
#list1 .accordioncopy a:hover {
	text-decoration: none;
	}
#list1 .accordioncopy form {
	margin: 10px;
	}
#list1 .accordioncopy form input, #list1 .accordioncopy form select {
	border: 1px solid #7f9db9;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	}
#list1 .accordioncopy form input.img { /* remove borders from image buttons in form */
	border: 0;
	}

#list1 .bottomcopy {
	background-image: url(../images/round_corner_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 247px;
	}

