body { background: #fff; color: #333; font:normal 13px/1.231 Arial, Helvetica, Tahoma, sans-serif; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; /*font-size: 100%;*/ 	/* need to verify vertical-align: baseline;*/ }
/* article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } */

ol, ul { list-style: none; }
caption,th { text-align:left; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sup { vertical-align: text-top; }
table { border-collapse:collapse; border-spacing:0; }

iframe, fieldset, img { border:0; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

a, a:visited { text-decoration: none; cursor: pointer; color:#2C67B3; outline: none; }

li a:hover { text-decoration: none; cursor: pointer; color:#f77521; outline: none; }

a:hover { text-decoration: none; cursor: pointer; color:#f77521; outline: none; }

.fl { float:left; } .fr { float:right; }
.dn { display:none;  } .db { display:block; }
.clr { clear:both; }

#gi_header { background:url(/images/citi/bg.png) repeat-x #ffffff; }
#gi_midcontent { }
#gi_footer { }

#gi_mid_in {
    padding: 32px 0;
}
#hd_main, #gi_mid_in, #gi_footer_in {
    margin: 0 auto;
    width: 985px;
}

/*****************************************************************************/
#hdr_wrap{ background:url(/images/citi/bg-hdr.jpg) repeat-x 0 0; overflow:hidden}
.hdr_inner{ width:980px; margin:0 auto;}
.thd_logo { float: left; margin: 0; padding:0 0 0 2em; width:30%; text-align:left}
.thd_logo img{ max-width:100%}
.top_hdr{}
.top_hdr, .sec_hdr{ overflow:hidden; width:100%}
.sec_hdr{ padding:0 0 1.4em }
.hd_logo { float: left;margin: 40px 60px 0 0; padding:0 1% 0 2em;}
.hd_logo img{ max-width:100%}
#hd_vertical { margin:10px 0 0 0%; float:left}
#hd_vertical li {
    display: block;
    float: left;
    position: relative;
	background:url(/images/citi/bg-vertical.jpg) repeat-y 0 0;
}
#hd_vertical li a {
   
    color: #81c8e6;
    display: block;
    float: left;  
    font-size: 12px;
    font-weight: lighter;
    line-height: 1.3em;   
    padding: 0 1.5em;
	text-transform:uppercase;
	text-align:center
}
#hd_vertical li a span{background:url(/images/citi/ico_sprite.gif) no-repeat !important; display:block; height:40px; width:54px; padding:0 !important}
#hd_vertical li a span{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;zoom: 1;}
#hd_vertical li a.active span{filter:alpha(opacity=100);-moz-opacity:1.0;opacity: 1.0;}
#hd_vertical li a.ct_flight span{ background-position:0 0 }
#hd_vertical li a.ct_hotels span{ background-position:10px -40px !important }
#hd_vertical li a.ct_cab span{  background-position:5px -75px !important }
#hd_vertical li a.ct_booking span{ background-position:18px -113px !important}
#hd_vertical li a.ct_flight_status span{ background-position:30px -178px}
#hd_vertical li a.ct_flight_status{ display:none}
#hd_vertical li a:hover, #hd_vertical li a.active { color: #fff;}
.hd_login_wrap{ float:right; width:300px; padding-right:1.5%;}
.hd_login div{ float:right; padding-left:5%; }
.hd_login div a, .hd_login div span{color:#fff; font-size:0.9em; font-weight:bold; padding:0 5px; line-height:2em;float:left}
.hd_login_wrap p{color:#fff; padding:0.4em 0 0 0.4em ; clear:both; text-align:left; line-height:140%}
.hd_login_wrap p b{ text-transform:uppercase; display:block; font-size:0.9em}
.hd_login_wrap p span{ font-size:0.9em}
#hd_user li{float:left;}
#hd_user li a{ color:#fff; font-weight:bold; margin:5px 0; padding:0 10px; float:left; border-right:1px solid #fff}
#hd_user li a.last{ border:none}
.nav_wrap{ float:left;}
.gc_capply{float:left; width:100%; background:url(/images/citi/bg-capply.jpg) repeat-x 0 0;*/-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; position:relative; margin:50px 0 30px 0;}
.gc_capply p{ padding:1em 0 1em 13%; color:#fff; font-weight:bold; font-size:1.2em}
.citi_ccard{ position:absolute; top:-25px; left:10px;}
.gt{ font-weight:normal}
#gc_features{ background:#000; clear:both}
#gc_features_in, #gc_voucher_in{ width:980px; margin:0 auto;}
 #ftr_inner{ width:100%}

#ftr_wrap{}
#ftr_inner{ margin-top:5em; overflow:hidden}
#ftr_inner ul{ border-bottom:1px solid #ececec; overflow:hidden; padding:0 2em 1em; float:left; width:100%}
#ftr_inner li{ float:left; border-right:1px solid #ccc; padding:0 1.5%}
#ftr_inner li:nth-child(1){ padding-left:0}
#ftr_inner li a{ color:#336699; text-decoration:none; font-weight:bold; font-size:13px}
.gc_crights{ padding:0.5em 2em 1em; float:left}
.gc_crights p{ font-size:0.813em ; color:#333; line-height:20px}
.gi_ft_logo{ float:right; padding:0.5em 2em 0 0}
.top_hdr_fr{ float: right; padding-right: 20px;}
.apply_now{ padding-right:2%;}
.apply_now span{ padding-right:0.5em; float:left}
.apply_now a{ text-transform:uppercase; font-size:1.0em; font-weight:bold; color:#fff; padding: 0.7em 0 0.6em; float:left}
.ct_cs{ color:#fff; float:left;padding:3px 10px; margin:3px 0 0 15px}
.ct_cs:visited{ color:#fff}
.btn_wup{ margin-top:6px}
#ads_slide{ float:right; overflow:hidden; margin-top:31px}
.hm_fr_custmerno{ float:left; background:url(/holidays/static/images/ph_cst.jpg) no-repeat 0 100%; padding: 10px 0px 3px 26px;}
.contentContainer {}
.milesContent{ float:left; margin-top:20px}
/**************************************** index *******************/
.logoOptimize, .headerNew, .signUI { display:none; }
.flightlinkVenableNew{ margin-top:50px; height:74px; padding-bottom:20px}
.flightlinkVenableNew a.domesticFlight{ color:#fff}
.newsearchButtona, .newsearchButtona:visited, .newsearchButtona:hover { color: #FFFFFF;}
.selectCity{ line-height:24px; padding:0 3px}
.registrationN input{ width:auto}
.containerN{width:1000px;margin:0 auto}
.ct_txtrd{ font-weight:bold; text-decoration:underline}
/***************************** hotel index*****************************/

.flightlinkVdisable{ margin-top:50px}
#hotelsact{ margin-top:0}
.signLeft{background:none}
.ibiboTravel{ text-align:left !important}
.ct_miles{  padding:3px 0 0 3px;color:#2c67b3}
.ct_miles b{ font-weight:normal; line-height:22px}
.imagepeg{ clear:both}
.contentContainer{ float:left; padding-top:20px}
.hm_tabWidget { display:block; margin-bottom: -1px; padding-left: 30px; overflow:hidden; float:left;}
ul.hm_tabWidget li { float: left;font-size: 13px;}
ul.hm_tabWidget li a.domesticFlight { background-color: #BFDAF8; color: #000000; float: left; margin: 0 5px; padding: 8px 20px;}
ul.hm_tabWidget li a.DomesticDisable { background-color: #DDDDDD; border-top-left-radius: 5px;border-top-right-radius: 5px;color: #000000;
    cursor: pointer; float: left; margin: 0 5px; padding: 8px 20px;}
.hm_rtads {  float: left; width: 348px;	margin-top:20px}
#slideshow{float:right}
#previewPane{margin-bottom:10px;text-align:center;vertical-align:middle;padding-top:50px;position:relative;}
	#previewPane img{line-height:400px;}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{position:relative;overflow:hidden;padding:1px;float:left;	/* CSS HACK */
		height: 39px;	/* IE 5.x - Added 2 pixels for border left and right */
		width:396px				
	}	
	#theImages{	position:absolute;height:39px;left:26px;}
	#theImages #slideEnd{float:left;}
	#theImages img{	float:left;	padding:1px 7px;cursor:pointer;	border:0px;	}
	#waitMessage{display:none;position:absolute;left:200px;	top:150px;background-color:#FFF;border:3px double #000;	padding:4px;color:#555;
		font-size:0.9em;font-family:arial;	}	
	#theImages .imageCaption{display:none;}
	.baselayer{margin-left:0 !important}