/*
-----------------------------------------------------
FileName:	
Version:	dev110204a
Media:		Screen
-----------------------------------------------------
*/
body {
	width: 960px;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 0px;
}
/* Header */
/* ----------------------------------------------------- */
#header {		
	/* width from layout: 780 (column 1:530, column2:250 */
	width:960px; 
	clear:both;	
	/*background-color: #FFF;*/	 
	display:block; 
	overflow: visible;
	padding-top:8px;
}

.ie8_message{position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; text-align: center; padding-top: 20px; background: url('/images/ie8_message_bkg.jpg') #fed501;}
.privacy_policy_ii{position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; text-align: center; padding-top: 20px; background: url('/images/ie8_message_bkg.jpg') #fed501;}
.privacy_policy_dvw{position: absolute; top: -20px; left: 0px; width: 100%; height: 20px; text-align: center; padding-top: 20px; background: url('/images/ie8_message_bkg.jpg') #fed501;}
 
/* Body */
/* ----------------------------------------------------- */
#body {	
	width:940px; 		
	padding:0px;
	margin:0px;	
	float:left;
	position:relative;
	border:10px solid white;
	background-color:#ffffff; 	
}
#bodygroup {				
	background-color: #FFF5CE; /* same color as column 1 */ 			
	float:left;			
}

	
#bodygrouplineborder {
	border:1px solid #d2d2d2;
}
#bodygroupline_head {
	clear:both;
}

.page_content {
  clear: both;
  overflow: auto;
  padding: 20px 15px;
}


/* Defult Columns */
/* ----------------------------------------------------- */
#column1 {	
	width:180px;
	float:left;	
	position:relative; 
}
#column2 {
    width:560px; 
    float:left;
    background-color: #FFFFFF;  
    margin:0px;
    position:relative; 
    
}
#column2_w {
    width: 760px; 
    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 DVWD and LTP*/
/* ----------------------------------------------------- */
#footer_dvwd_ltp {
	width:760px; 		
	clear:both;	 
}

/* Footer */
/* ----------------------------------------------------- */
#footer {
	width:960px; 		
	clear:both;	 
}
#footer a {
	color:white; 
	text-decoration:none;
}
#footer a:visited {
	color:#92A4E2; 
}
#footercw {
	float:left;
	color:#92A4E2;
}
#footermenu {
	float:right;
	color:white;
	margin-top:6px;
}
#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 */
/* ----------------------------------------------------- */
#column2_w #column2content {
	margin: 10px 0 10px 10px;
}
#column1content, #column2content, #column3content {
	position:relative;
}
#column1content, #column2content {
	margin:10px;
}
#column3content {
	margin-left: 15px;
}
#column2contentbottom {
	background-color:white;
	margin-top:10px;
	margin-bottom:10px;
}

#page_login #column2content {margin-left:0px;}

#page_login #column2 {width:100%;}
/* ----------------------------------------------------- */
/* 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: 0px;
	width: 656px;
	margin-right: 20px;
    display: inline;
}
body > #page_content_thin_1col #column2,
body > #page_content_bar_thin_1col #column2 { /* fix for firefox */
	margin-left:0px;
	width:656px;
	/*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;*/
}
.pageWide{
	width:800px;
}



/* 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_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.wide #column2 {
	border-right: 192px solid #FFF; /*fix for right side ads*/
	width:448px;/*423px*/
}

#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 #d2d2d2;
	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,
#page_logout #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 #d2d2d2;	
	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:#F2F0F0;
}
#page_cart #column3content {
	margin-top:10px;
	margin-left:10px;
}
#page_cart > div #column3 {  /* fix for mozila */
	width: 180px;
	min-height: 900px;
}
/*_______________________________*/
/* 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 #d2d2d2;
	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;
}




/*------MY UNITS EDIT-----*/

#column2v2 {
    width:656px;
    margin-right:20px; 
    float:left;
    background-color: #FFFFFF;  
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
    position:relative; 
    padding-left:10px;
}

#column3_units{
    width:230px;
	float:right;
	margin-top:90px;
    padding-right:10px;

}

.smallImage_units{
    width:107px; 
    height:90px; 
    margin-top:-2px; 
   /* background-image: url(/images/iw/whiteshadow.jpg);
    background-repeat:no-repeat;
    background-position: center -5px;*/
    padding-left:9px;
    padding-top:7px;
}



/***********Exchange No Availability****************************/


#column2-wide{width:756px; float:right; background-color:#FFFFFF;}
#column2-wideContent {padding-left:7px;}
#otherSuggestionsBox{
	
	background-image:url(/images/iw/otherSuggestionsBG.jpg);
	background-repeat:no-repeat;
	height: 170px;
	width:756px;

}

#otherSuggestionsBox-2{padding:7px 0px 5px 15px; margin-left:2px; margin-top:6px; height: 170px; width:735px; background-color:#f7f8fc; border:1px solid #dbdbdb;}


.exchangeDropdownForm{
	font: Arial;
	color:3d3d3d;
	height:36px; 
	width:256px;

	padding:7px 5px 5px 10px;	
	border: 1px solid #0077be;
	
	border-radius: 5px;
	moz-border-radius:5px;
	
	background-image: -ms-linear-gradient(bottom, #E0E3E5 0%, #FFFFFF 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #E0E3E5 0%, #FFFFFF 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #E0E3E5 0%, #FFFFFF 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E0E3E5), color-stop(1, #FFFFFF));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #E0E3E5 0%, #FFFFFF 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #E0E3E5 0%, #FFFFFF 100%);
	
	/*filter: progid:DXImageTransform.Microsoft.gradient ( startColorstr = '#E0E3E5', endColorstr = '#FFFFFF', GradientType = 1 );*/ /* IE6-9 */
	

	}
	
#exchangeButton, #exchangeButtonInputField{color:#FFFFFF;}

#exchangeButton , #exchangeButtonInputField{

	color:#ffffff;
	height:36px; 
	width:256px;

	padding:7px 7px 7px 7px;	
	border: 1px solid #0077be;
	
	border-radius: 5px;
	moz-border-radius:5px;
	background-color:#e0630e;
	background-image: -ms-linear-gradient(bottom, #d0692a 0%, #f18442 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #d0692a 0%, #f18442 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #d0692a 0%, #f18442 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d0692a), color-stop(1, #f18442));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #d0692a 0%, #f18442 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #d0692a 0%, #f18442 100%);
	
	text-decoration:none;
	font-weight: bold;
	
	
	
}

#exchangeButtonInputField{width:209px; height:33px; font-weight:bold; padding:0px 0px 2px 0px; cursor: hand; cursor: pointer;}

#exchangeButton:hover, #exchangeButtonInputField:hover{
    background-image: -ms-linear-gradient(bottom, #ff7721 0%, #ff7721 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #ff7721 0%, #ff7721 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #ff7721 0%, #ff7721 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7721), color-stop(1, #ff7721));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #ff7721 0%, #ff7721 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #ff7721 0%, #ff7721 100%);
	
	border:1px solid #0077be;
	background-color: #ff7721;

}


.buttonText a {font-size:14px; font-weight: bold; color:#FFFFFF; text-decoration:none;}

#errorMessageContainer{margin-top: 1.6em;}


/*---Place Exchange Page Options---*/

.placeExOptions{
    height: auto;
    min-height: 155px;
	padding:15px;
	margin:10px;
    background-color:#FFFFFF;
    
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#exRadioButton {
	width:22px;
	height: 19px;
}


.vr_requestcriteria_div_radio input[type="radio"] {
    display:none;
    width: 22px;
	height: 19px;
	
}

.vr_requestcriteria_div_radio label {
    display:inline-block;
    width: 22px;
	height: 19px;
	cursor: pointer;
	
	/*IE CSS HACKS*/
	background-image: url(/images/_icons/greenCheckMark.png)\9; /* IE8 and below */
	background-repeat: no-repeat\9;/* IE8 and below */
	
}

.vr_requestcriteria_div_radio input[type="radio"]:checked + label {
    background-image: url(/images/_icons/greenCheckMark.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 19px;
	cursor: pointer;
}



/***exchange form styles***/

.exGreyTitles {
    font-family: Arial;
    font-size: 16px;
    color: #3d3d3d;
    width: 100px;
    float: left;
}