/* CSS Document */
/*
-----------------------------------------------------
FileName:	
Version:	dev110204a
Media:		Screen
-----------------------------------------------------
*/
body {
	margin-left:8px;
	width:760px;
}
/* Header */
/* ----------------------------------------------------- */
#header {		
	/* width from layout: 780 (column 1:530, column2:250 */
	width:760px; 
	clear:both;	
	/*background-color: #FFF;*/	 
	display:block;	
}
#headergroup {
	float:left;
	background-color: #FFF;	
		
}
#headercolumn1 {
	/* width from layout: 530 */
	width:519px; 
	float:left;
}
#headercolumn2 {
	/* width from layout: 250 */
	width:241px;
	float:left;			
}
#headercolumn1content {
	margin: 12px 9px 0px 5px;
	
}
#headercolumn2content {
	padding: 12px 5px 0px 4px;
	
}
.header_signed_in { /* for mozila */
	height:174px;
}
.header_signed_out { /* for mozila */
	height:202px;
	font-size:0px; /*hack for no vertical spacing*/
}
.header_signed_out #header {
	border-bottom:3px solid white; /* fix for Opera and Safari (was showing gap) */
} 
/* Body */
/* ----------------------------------------------------- */
#body {	
	width:750px; 		
	padding:0px;
	margin:0px;	
	float:left;
	position:relative;
	border-right:6px solid white;
	border-bottom:5px solid white;
	border-left:4px solid white;
	border-top:5px solid white;	/*serves as gap between header and body*/
	background-color:#ffffff; 	
}
#bodygroup {	
	border:1px solid #CCCCCC;			
	background-color: #FFF5CE; /* same color as column 1 */ 			
	float:left;			
}

#bodygroupline, #bodygrouplineborder {
	background-color: #FFF5CE;
	clear:both;
	height:4px;
	width:100%;
	font-size: 1px;	
}
#bodygrouplineborder {
	border:1px solid #CCCCCC;
}
#bodygroupline_head {
	clear:both;
}
/* Defult Columns */
/* ----------------------------------------------------- */
#column1 {	
	width:180px;
	float:left;	
	position:relative; 
}
#column2 {
	width:568px; 
	float:left;
	background-color: #FFFFFF;	
	margin:0px;
	position:relative; 
}
#column3 {
	width:160px; /*orginal 170px*/
	float:left;	
	background-color:#FFFFFF;	
	position:relative;		
	margin-left:-150px;
}
#headermid {
	background-color: #FFFFFF;
}
/* Footer */
/* ----------------------------------------------------- */
#footer {
	width:760px; 		
	clear:both;	 
}
#footer a {
	color:white; 
	text-decoration:none;
}
#footer a:visited {
	color:#92A4E2; 
}
#footercw {
	float:left;
	color:#92A4E2;
}
#footermenu {
	float:right;
	color:white;
}
#footerlinks {
	margin-top:1em;
	clear:both;
	color:#92A4E2;	
}
#footerlinks a {
	color:#92A4E2;
	font-weight:normal;
}
#footer a:hover,
#footerlinks a:hover {
    text-decoration:underline;
}
/* Column content margin settings */
/* ----------------------------------------------------- */
#column1content, #column2content, #column3content {
	position:relative;
}
#column1content, #column2content {
	margin:10px;
}
#column3content {
	margin-left: 15px;
}
#column2contentbottom {
	background-color:white;
	margin-top:10px;
	margin-bottom:10px;
	
}
/* ----------------------------------------------------- */
/* Template column settings */
/* ----------------------------------------------------- */
/* Template column settings: just CONTENT */
/* ----------------------------------------------------- */
#page_exchange_1col #column1,
#page_getaway_1col #column1,
#page_content_1col #column1,
#page_content_thin_1col #column1,
#page_content_bar_thin_1col #column1,
#page_popup #column1
{
	display:none !important;	
}
#page_exchange_1col #column2,
#page_getaway_1col #column2,
#page_content_1col #column2
{
	width:748px;
}
#page_exchange_1col #column3,
#page_getaway_1col #column3,
#page_content_1col #column3,
#page_content_thin_1col #column3,
#page_content_bar_thin_1col #column3,
#page_popup #column3 {
	display:none;
}
/* special columns: just CONTENT */
#page_content_thin_1col #column2,
#page_content_bar_thin_1col #column2
{
	margin-left:31px;
	width:626px;
	margin-right:30px;		
}
body > #page_content_thin_1col #column2,
body > #page_content_bar_thin_1col #column2 { /* fix for firefox */
	margin-left:61px;
	width:626px;
	margin-right:61px;
}
/* for membership upgrade page */
.page_content_bar_thin_1col #column1 {
	visibility:hidden;
	position:absolute;
}
.page_content_bar_thin_1col #column2 { 
	padding-left:61px; 
	width:626px;
	padding-right:61px;*/
}
.page_content_bar_thin_1col #column3 {
	/*display:none;*/
}
/* Template column settings: MENU then CONTENT */
/* ----------------------------------------------------- */
#page_content #column1,
#page_exchange_2col #column1,
#page_getaway_2col #column1,
#template_menu_content #column1,
#page_planning_2col #column1,
#page_travel_2col #column1 {	
	display:block;	
}
#page_content #column2,
#page_exchange_2col #column2,
#page_getaway_2col #column2,
#template_menu_content #column2,
#page_planning_2col #column2,
#page_travel_2col #column2 {
	display:block;
}
#page_content #column3,
#page_exchange_2col #column3,
#page_getaway_2col #column3,
#template_menu_content #column3,
#page_planning_2col #column3,
#page_travel_2col #column3 {
	display:none;
}
/* Template column settings: CONTENT then MENU */
/* ----------------------------------------------------- */
#template_content_menu #column1 {
	float:right;	
}
#template_content_menu #column2 {
	float:left;
}
#template_content_menu #column3 {
	display:none;
}
/* Template column settings: CONTENT then SIDE CONTENT */
/* ----------------------------------------------------- */
#page_login #column1,
#page_exchange #column1,
#page_getaways #column1,
#page_offers #column1,
#page_cart #column1,
#template_content_sidecontent #column1,
#page_offers #column1,
#page_content_side #column1,
#page_travel #column1,
#page_planning #column1,
#page_content_side_blank #column1 {
	display:none;	
}
#page_login #column2,
#page_exchange #column2,
#page_getaways #column2,
#page_offers #column2,
#page_cart #column2, /* width reset below */
#template_content_sidecontent #column2,
#page_offers #column2,
#page_content_side #column2,
#page_content_side_blank #column2,
#page_travel #column2,
#page_planning #column2 {
	float:left;
	width:506px; /*ping change from 518 ro 516*/
	/* border-right: 237px solid #FFF;*/	/* trick to color Side Content Background */
}
#page_login #column3,
#page_exchange #column3,
#page_getaways #column3,
#page_offers #column3,
#page_cart #column3, /* width reset below */
#template_content_sidecontent #column3,
#page_offers #column3,
#page_content_side #column3,
#page_content_side_blank #column3,
#page_travel #column3,
#page_planning #column3 {	 
	display: block;
	margin-left:0px;	
	width:242px;	/*ping change from 250 ro 251*/
}
/* fix for column 3 on login page */
#page_login #column3 {
	width:244px;	
}
#page_login > div #column3 {  /* fix for mozila */
	width:244px;	
}
/* Template column settings: MENU, CONTENT then SIDE CONTENT */
/* ----------------------------------------------------- */
#page_content_3col #column1,
#template_menu_content_sidecontent #column1,
#page_member_benefits #column1,
#page_travel_3col #column1 {
	float:left;
}
#page_content_3col #column2,
#template_menu_content_sidecontent #column2,
#page_member_benefits #column2,
#page_travel_3col #column2 {
	float:left;	
	width:402px;/*423px*/
	border-right: 166px solid #FFF;	/*165*/	
}
#page_content_3col #column3,
#template_menu_content_sidecontent #column3,
#page_member_benefits #column3,
#page_travel_3col #column3 {	
	display: block;
	width: 168px;
	margin-left:-175px;
}
/*_______________________________*/
/* Hide Bodygroupline	*/
#page_login #bodygroupline,
#page_exchange #bodygroupline,
#page_getaways #bodygroupline,
#template_menu_content_sidecontent #bodygroupline,
#page_content #bodygroupline,
#page_content_thin_1col #bodygroupline,
#page_travel #bodygroupline,
#page_content_1col #bodygroupline {
	display:none;
} 
/*_______________________________*/
/* Show or Hide bodygroup border */
#page_exchange #bodygroup,
#page_getaways #bodygroup,
#bodygroupline #bodygroup,
#page_travel #bodygroup {
	border: 1px solid white;
}
/*_______________________________*/
/* Hide Bodygroup border	*/
#page_login #bodygroup {
	border: 0px;
}
/*_______________________________*/
/* Bodygroup background color    */
#page_member_benefits #bodygroup {
	background-color: #D8E1EB;
}
/*_______________________________*/
/* Show column2content border */

#page_getaways #column2content,
#page_travel #column2content {
	border: 1px solid #CCC;
	margin:0px;
	padding:10px;
	top:-1px;
	left:-1px;
	background-color: #FFF5CE;	
}
/*______________________________________________________________________________________*/
/* Remove Border and change BG color to white on column2content for Short Stays project */

#page_exchange #column2content {
background-color:#FFFFFF;
border:none;
left:-1px;
margin:0;
top:-1px;
}

/*_______________________________*/
/* column3content background color */
#page_offers #column3 { 
	background-color:#FFF5CE;			
}
/*_______________________________*/
/* bodygroup background color */
#page_login #bodygroup,
#page_exchange #bodygroup,
#page_getaways #bodygroup,
#page_content_thin_1col #bodygroup,
#page_content_bar_thin_1col #bodygroup,
#page_planning #bodygroup,
#page_travel #bodygroup,
#page_content_side_blank #bodygroup,
.page_content_bar_thin_1col #bodygroup
 {
	background-color:white !important;
}
/*_______________________________*/
/* bodygroup background color */
#page_content #bodygroup {
	background-color: #ECF1F8;	
}

/*_______________________________*/
/* column3content left border */
#page_content_3col #column3content {
	border-left: 1px solid #CCC;	
	margin-top:10px;
	padding: 0px 0px 10px 10px;
	margin-left: 0px;
}
/*_______________________________*/
/* cart template settings */
#page_cart #column2 {
	width: 516px;
}
#page_cart #column3 {
	width: 180px;
	background-color:#FFF5CE;
}
#page_cart #column3content {
	margin-top:10px;
	margin-left:10px;
}
#page_cart > div #column3 {  /* fix for mozila */
	width:232px;	
}
/*_______________________________*/
/* pop up window */
#page_popup #column2 {
	width:700px; 
}
#page_popup #body {
	width: 700px; 
	
}
/* COL ITEMS */
/* ----------------------------------------------------- */
.col { 
	padding: 0px;
	padding-right: 0px;
	margin:0px;
}
.col ul { 
	width: auto;
	float:left;
	position:relative;
	margin:0px;
	margin-right:10px;
	padding:0px;
	width:119px;
}
.col li {
	margin:0px;
	list-style:none;
	color:black;
}
.col h6 {
	margin-bottom: 8px;
	margin-top: 4px;
}
.col_3-4 {
	width: 290px;
}
.col_1-2 {
	width: 200px;
}
.col_1-4 {
	width: 100px;
}
.col_1-8 {
	width: 50px;
}
.col_1_3-4 {
	width: 504px;	
}
.col_1_1-3 {
	width:243px;
}
.col_1_1-2 {
	width:360px;
}
.col_home_3-4 {
            width: 304px;
            padding: 10px 10px 10px 10px;
            margin: 2px 0px 2px 0px;
 
}
.col_home_1-3 {
            width: 150px;
            margin: 0px 5px 0px 0px;
}
.col_1_1-2_border_right {
	width:350px;
	border-right:1px solid #CCC;
	padding-right:10px;
	margin-right:10px;
}
.col_2_col_image {
	width:140px;
}
.col_2_col_text {
	width:400px;	
}
.col_3_col_image {
	width:150px;
}
.col_3_col_text {
	width:240px;	
}
.col_3-4,
.col_1-2,
.col_1-4,
.col_1-8,
.col_2_col_image,
.col_2_col_text,
.col_3_col_image,
.col_3_col_text,
.col_1_3-4,
.col_1_1-3,
.col_1_1-2,
.col_1_1-2_border_right,
.col_home_3-4,
.col_home_1-3 
 {
	float: left;
	position: relative;
}