@import url(/css/global.css);
@import url(/css/template.css);
@import url(/css/getaways.css);
@import url(/css/iw/menus.css);


a:link		{  text-decoration: underline; color:#10446e; }
a:active 	{  text-decoration: none; }
a:visited	{  text-decoration: none; color:#4d99d8; }
a:hover		{  text-decoration: none; color:#df5000!important; }

.bgbk	{ font-weight: normal; background-color: #ffffff; text-transform: none; border: none; clip: rect(); }
.bg	{ font-weight: normal; background-color: #F8FFE1; text-transform: none; border: none; clip: rect(); }
.bg1	{ font-weight: normal; background-color: #CC9933; text-transform: none; border: none; clip: rect(); }
.bg2	{ font-weight: normal; background-color: #EEEECC; text-transform: none; border: none; clip: rect(); }
.bg3	{ font-weight: normal; background-color: #F8FFE1; text-transform: none; border: none; clip: rect(); }
.bg4	{ font-weight: normal; background-color: #993300; text-transform: none; border: none; clip: rect(); }
.bg5	{ font-weight: normal; background-color: #FFFF99; text-transform: none; border: none; clip: rect(); }
.bg6	{ font-weight: normal; background-color: #d2d2d2C99; text-transform: none; border: none; clip: rect(); }
.bg7	{ font-weight: normal; background-color: #EEEECC; text-transform: none; border: none; clip: rect(); }

.bold	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.bold1	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DF5000; }
.bold2	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600; }
.bold3	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666; }
.bold4	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC0033; }
.bold5	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.bold7  { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #008000; }

.link		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #026C96; }
.linkBold	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC9933; }
.linkSmall	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #CC9933; }
.linkSmallBold	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #CC9933; }

.heading	{ font-family: Verdana, Geneva, Arial, Helvetica, san-serif; font-size: 18px; font-weight: normal; color: #CC9933; letter-spacing: 2px; }
.heading1	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #993300; text-transform: none; height: 15px; border: none; padding-top: 3px; padding-bottom: 3px; margin-left: 5px; clip: rect(); }
.heading2 	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #993300; height: 15px; padding-top: 3px; padding-right: 3px; padding-left: 4px; }
.heading3	{ font-family: Verdana, Geneva, Arial, Helvetica, san-serif; font-size: 18px; font-weight: normal; color: #026C96; letter-spacing: 2px; }
.heading5	{ font-family: Arial, Helvetica, san-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; }

.border		{ font-weight: normal; text-transform: none; border: 1px; border-color: #00659C; border-style: solid; clip: rect(); }
.border1	{ font-weight: normal; text-transform: none; border: 1px; border-color: #EFEFFF; border-style: solid; clip: rect(); }

.alerts		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #FF3366; }
.info 		{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-style: normal; background-color: #FFFFEE; }
.note 		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF6600; letter-spacing: 2px; }
.instructions	{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: lighter; color: #666666; letter-spacing: 1px; }
.modify		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #E77919; }
.money 		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FF6600; }
.navbar		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #FFFFFF; text-decoration: none; text-transform: none; }
.navbarBtm	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-transform: none; text-decoration: none; color: #CC9933; }
.navbarTop	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: none; text-decoration: none; color: #CC9933; }
.navbarSub	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: none; text-decoration: none; color: #FFFFFF; clip:rect(); }

.paragraph	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; }
	.paragraph a:visited {  color: #0099CC; font-weight: bold; }
	.paragraph a:link {  color: #006699; font-weight: bold; }
	.paragraph a:hover {  color: #0099CC; font-weight: bold; }
	
td.paragraph {padding-right:15px;}/*fixes text running into page border*/

.paragraph1	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #CC9933; }
.paragraph2	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #993300; }
.paragraph5	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; }
.paragraph-strike { text-decoration: line-through; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }


.Rows		{ background-color: #EEEEEE; }
.RowsBold	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #EEEEEE; }
.RowsParagraph	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-style: normal; background-color: #EEEEEE; font-weight: normal; }

.small	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; }
.small1	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #CC9933; }
.small2	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #993300; }
.small3	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #666666; }
.small4	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #993300; }
.small5	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #FFFFFF; }
.small6	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
	.small6 a:visited {  color: #FFFFFF; text-decoration: underline; }
	.small6 a:link {  color: #FFFFFF; text-decoration: underline; }
	.small6 a:hover {  color: #FFFFFF; text-decoration: none; }	

.smallBold	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #000000; }
.smallBold1	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #CC9933; }
.smallBold2	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #993300; }
.smallBold4	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; color: #CC0033; }

BODY, TD { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

H1 	 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#df5000!important; }

.button, .button_wide, .button_inline, .button_cancel, .button_col1 {
background-color:#0077be;
background-image:url(/images/iw/book_it_btn_bg.gif);
background-repeat:repeat-x;
border-color:#FADFCD rgb(184, 74, 1) rgb(184, 74, 1) rgb(250, 223, 205);
border-style:solid;
border-width:2px;
color:#FFFFFF !important;
cursor:pointer;
font-family:arial;
font-size:15px;
font-stretch:semi-expanded;
font-weight:bolder;
margin-left:5px;
text-transform:capitalize;
}

.button2 {
	color: #FFFFFF;
	background-color: #CC9933;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #993300;
	border-bottom-color: #993300;
	border-left-color: #FFFFFF;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}

.button3 {
	color: #FF6600;
	background-color: #FFFFFF;
	text-decoration: underline; 
	font-size: 10px; 
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF; 
	
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
}


.busyBar {
	background-color: #d2d2d2;
}


.busyBarCell {
	background-color: #FFFFFF;
	width: 22px;
	height: 20px;
	padding: 0px;
}


.busyBarDot {
	background-color: FFCC99;
	width: 18px;
	height: 16px;
	padding: 0px;
}
/* ------------Friends and Family Redesign--------------- */
#header {
	background-image:url(/images/cdd/ff/header.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:100%;
	padding-top:0px!important;
	}
	
#nav {
	background-image:url(/images/cdd/ff/nav_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:45px;
	margin-right:auto;
	margin-left:auto;
}

#nav ul {
	margin:0px;
	padding:0px;
	margin-left:25px;
}

#nav ul li {
	float:left;
	width:105px;
	list-style:none;
	text-align:center;
}

#nav ul span {
	float: right;
}
#nav a.tab {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF!important;
	text-decoration:none;
	background-image:url(/images/cdd/ff/nav_tab.gif);
	display:block;
	width:105px;
	height:25px;/*subtracted 10px to compensate for padding*/
	padding-top:10px;
}

#nav a.tab:hover {
	background-image:url(/images/cdd/ff/nav_tab.gif);
	background-position:-105px 0px;
}

#nav a.current {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF!important;
	text-decoration:none;
	background-image:url(/images/cdd/ff/nav_tab.gif);
	background-position:-105px 0px;
	display:block;
	width:105px;
	height:25px;/*subtracted 10px to compensate for padding*/
	padding-top:10px;
}


body {
	border: 1px solid #d6d4b2;
	width:760px;
	background-image:url(/images/cdd/ff/page_bg.gif);
	background-repeat:repeat;
	font-size:12px;
	color:#666666;
	padding-bottom:0px;
	}
#body {
	padding:0px;
	width:740px;
}


#sitewrap {
	padding-left:8px;
	}
	

#column2content {
	padding:0px!important;
}

#home #column2 {
	width:auto!important;
}

#getaway_form {
	border:0px!important;
	background-color:#D5DFF0 !important;
	width:325px!important;
	}

	
#getaway_form h1 {
	color:#29609e!important;
	font-weight:bolder;
}

table.paragraph {
	width:360px!important;
	}
	

#area_1 {
	width:370px;
	float:left!important;
	position:relative; /*needs it for IE6*/
}

#area_2 {
	float:left;
	left:400px;
	position:absolute;
	top:0;
	width:340px;
}

.clear_both {
	clear:both;
}


.frame {
	background-color:white;
	border:1px solid #d2d2d2;
}

.frame .frame_1 {
background-image:url(/images/cdd/ff/frame_rt_10_1_tan.gif);
}

.frame .frame_2 {
	background-image:url(/images/cdd/ff/frame_rb_10_1_tan.gif);
	right: -1px !important;
	bottom: -2px !important;
}

.frame .frame_3 {
	background-image:url(/images/cdd/ff/frame_lb_10_1_tan.gif);
	left: -1px !important;
	bottom: -2px !important;

}

.frame .frame_4 {
background-image:url(/images/cdd/ff/frame_lt_10_1_tan.gif);
}

#footer {
	background-color:#FFFFFF;
	position:relative;
	padding-bottom:10px;
	width:100%;
}

#footer a {
	color:#10446e !important;
	text-decoration:underline;
	text-align:left;
	margin-right:40px;
}

#footer a:hover {
	text-decoration:none;
}

#footer p {
	margin-left:20px;
	padding-top:8px;
}

#footercontent {
	height:44px;
	width:100%;
	background-image:url(/images/cdd/ff/footer_bg.gif);
	background-repeat:repeat-x;
}

#footer_logo {
	position:absolute;
	top:0px;
	right:10px;
}

.shop_offer {
background-color:#fffff4;
min-height:120px;
}
.ui-datepicker-header {
    border: 1px solid #dddddd;
    background: #4297d7!important;
    color: #333333;
    font-weight: bold;
}

/*-- START: GDPR Cookie Policy Banner --*/

.cc-window.cc-banner {
    background: #a6915e !important;
}

.GDPR-container {
	width: 760px;
	margin: auto;
	overflow: auto;
	position: relative;
	background: #a6915e;
}

.GDPR-container span {
	float: left;
	color: #fff;
	margin-right: 30px;
}

.GDPR-container span a {
	color: #fff !important;
}

.GDPR-container  .cc-compliance {
	position: absolute;
	right: 0px;
	top: 0px;
}

.GDPR-container  .cc-compliance a.cc-btn {
	background: #a6915e !important;
	border: 0;
}

.GDPR-container  .cc-compliance i {
    font-size: 25px;
    color: #fff;
}

/*-- END: GDPR Cookie Policy Banner --*/


/* Secure Login Page */
/* ----------------------------------------------------- */
.error {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.msg {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.login-bg {
	background: url(/images/iw/login_bg.gif) no-repeat center;
}

.login_container {
	width: 300px !important;
	margin: 125px auto !important;
}

.login_container table {
	width: 100%;
}

.login_container .label {
	width: 70px;
}

.login_container .inputField {
	width: 95%;
}

.login_container .button {
	text-align: right;
}

.login_container .createProfile-box {
	text-align: left;
	margin-top: 30px;
	padding:0 3px;
}

.login_container #rememberMe {
	margin: 1px 8px 0px 0px;
	display: block;
	float: left;
}

/* Login Content */
/* ----------------------------------------------------- */
#login_content ul {
	margin: 10px 0px 10px 8px;
	padding: 0px;
}

#login_content ul li {
	margin-left: 16px;
}

#login_content ul, #login_manage_my_account ul {
	font-size: 12px;
	line-height: 1.4em;
}

#login_exchange p {
	font-size: 12px;
}

#login_manage_my_account {
	margin-top: 20px;
}

#login_exchange ul li {
	
}

#login_exchange, #login_getaway, #login_benefits {
	width: 240px;
	float: left;
	position: relative;
	margin-right: 10px;
}

#login_exchange img, #login_getaway img, #login_benefits img {
	float: left;
	margin-right: 5px;
}

#login_content {
	border-top: 1px solid #ccbb7b;
	/*background: transparent url(/images/iw/bg_login_content.gif) repeat-x;*/
	background-color: #ffffff;
	background-position: bottom;
	margin-bottom: 10px;
	padding: 0px 24px 10px 24px;
}

#left_main h1 {
	margin-bottom: -6px;
	margin-top: -34px;
}

.divider {
	width: 1px;
	background-color: #e3dab4;
	height: 115px;
	float: left;
	margin: 10px 35px 0px 35px;
}

#loginbg {
	width: 435px;
	height: 70px;
	float: right;
	clear: right;
	padding: 10px 0px;
}

#loginform label.rememberMe {
	font-weight: normal;
}

#renewalInfo > div.box_rnd_3_top,
#renewalInfo > div.box_rnd_2_mid,
#travelInsuranceContainer > div.box_rnd_3_top,
#travelInsuranceContainer > div.box_rnd_2_mid.trip-protection,
#credit_card_block > div.box_rnd_2_top{
    width: unset !important; 
}