@charset "utf-8";
/* Common CSS Throughout the Website */
/*------------------------------------ TOP PANE START HERE ------------------------------------*/

#topPane{
margin:10px 0 0 0;
}

#logoContainer{
float:left;
margin:5px 95px 0 20px;
}

#topNavContainer{
float:left;
margin-top:-3px;
}

#topNavContainer ul{
margin-top:7px;
}

#topNavContainer ul li{
list-style-type:none;
float:left;
padding:0 10px;
background:url(/images/offers_citi/topNavSeperator.gif) no-repeat right 60%;
}

.tollFreeContainer{
float:right;
width:455px;
margin-top:-25px;
}

.cartContainer{
width:75px;
float:right;
}

.cartContainer img{
margin-bottom:-25px;
padding-bottom:20px;
padding-right:3px;
}

.cartContainer span{
}

.smallInput{
font-size:10px;
padding:1px 0;
}

.smallSelect{
font-size:10px;
padding:0;
margin:0;
}

/*------------------------------------ TOP PANE Ends HERE ------------------------------------*/

/*------------------------------------ MAINNAV START HERE ------------------------------------*/

#mainNavigationContainer{
float:right;
margin-top:10px;
_margin-top:5px;
width:710px;
}

#mainNavigationContainer ul li{
list-style-type:none;
margin:0;
padding:0;
float:left;
}

#mainNavigationContainer ul li a{
color:#ffffff;
background:url(/images/offers_citi/mainNavLeftCurve.jpg) top left no-repeat;
height:34px;
font-size:1.0em;
font-weight:bold;
padding:0 0 0 3px;
float:left;
}

#mainNavigationContainer ul li a:hover{
text-decoration:none;
}

#mainNavigationContainer ul li a span{
background:url(/images/offers_citi/mainNavRightCurve.jpg) no-repeat top right;
padding:12px 13px 0 10px;
height:34px;
float:left;
margin-right:2px;
display:block;

}

#mainNavigationContainer ul li.blue a{
color:#ffffff;
background:url(/images/offers_citi/mainNavBlueLeftCurve.jpg) top left no-repeat;
height:34px;
font-size:1.0em;
font-weight:bold;
padding:0 0 0 3px;
float:left;
}

#mainNavigationContainer ul li.blue a span{
background:url(/images/offers_citi/mainNavBlueRightCurve.jpg) no-repeat top right;
padding:12px 13px 0 10px;
height:34px;
float:left;
margin-right:2px;
display:block;

}

/*------------------------------------ MAIN NAV ENDS HERE ------------------------------------*/

/*------------------------------------ BREADCRUMB START HERE ------------------------------------*/

.breadcrumb{
width:910px;
float:right;
margin:20px 5px 0 0;
font-size:1em;
}

.breadcrumb ul li{
list-style-type:none;
float:left;
padding-right:10px ;
background:url(/images/offers_citi/bredcrumbArrow.gif) no-repeat 100%;
margin-right:5px;
color:#000066;
}

.breadcrumb ul li a{
color:#000066;
}

.breadcrumb ul li a:hover{
color:#FF0000;
}

.breadcrumb ul li.first{
padding:0 0px ;
background:none;
color:#ff0000;
}

.breadcrumb ul li.active{
padding:0 0px ;
background:none;
color:#666666;
}

/*------------------------------------ BREADCRUMB ENDS HERE ------------------------------------*/

/*------------------------------------ LEFT NAV START HERE ------------------------------------*/

.leftNavContainer{
width:163px;
padding:10px;
background:url(/images/offers_citi/leftnavTopBg.gif) no-repeat top left;
}

.leftNavContainer ul li{
list-style-type:none;
background:url(/images/offers_citi/listImageCircle01.gif) left no-repeat;
padding-left:10px;
margin:10px 0 0 0;
}

.leftNavContainer ul li.selectedTab{
list-style-type:none;
padding-left:10px;
background:url(/images/offers_citi/listImageCircle01.gif) left 3% no-repeat;
margin-top:0px;
}
.selectedTab{
list-style-type:none;
padding-left:10px;
background:url(/images/offers_citi/listImageCircle01.gif) left 3% no-repeat;
margin-top:0px;
}

.leftNavContainer ul li ul.seconderyNav li{
list-style-type:none;
background:url(/images/offers_citi/listImageCircle.gif) 6% no-repeat;
padding-left:20px;
margin:5px 0;
}

.leftNavContainer ul li a{
color:#000000;
text-decoration:none;
}

.leftNavContainer ul li a:hover{
color:#ff0000;
text-decoration:none;
}

.leftNavContainer ul li.active{
color:#ff0000;
text-decoration:none;
font-weight:bold;
}

.leftNavBottomContainer{
width:183px;
height:20px;
background:url(/images/offers_citi/leftnavBottomBg.gif) no-repeat top left;
}

/*------------------------------------ LEFT NAV ENDS HERE ------------------------------------*/

/*------------------------------------ FOOTER START HERE ------------------------------------*/

#footeContainer{
color:#178290;
margin:15px 0;
padding:0 10px;
}

.copyRights{
float:left;
}

.footerLinkContainer{
float:right;
}

.footerLinkContainer ul li{
list-style-type:none;
background:url(/images/offers_citi/blueSeperator.gif) no-repeat center right;
float:left;
padding:0 10px;
}

.footerLinkContainer ul li.last{
background:none;
padding-right:0;
}

.footerLinkContainer ul li a{
color:#178290;
font-size:1em;
}

/*------------------------------------ FOOTER ENDS HERE ------------------------------------*/

/**/
.dd{
line-height:normal;
overflow:hidden;
padding:0;
position:absolute;
visibility:hidden;
z-index:500;
}

#nav2dd_GC_DD_Container{
width:300px;
height: 200px;
}
/**/

/**/

.subMenuBlueContainer{
width:100%;
color:#FFFFFF;
float:left;
}

.consumerDurablesContainer{
visibility: hidden;
width:372px;
background:#d50015;
padding:20px 10px 10px 10px;
}

.blueTop{
width:101%;
}

.blueTop img{
float:left;
}

.blueTop img.right{
float:right;
}

.blueTopTitleContener{
width:94%;
background:url(/images/offers_citi/rollOverBlueBg.jpg) repeat-x top left #003399;
font-weight:bold;
float:left;
height:15px;
padding:5px 0;
}

.blueTopTitleContener span.firstTitle{
width:174px;
float:left;
}

.blueListContainer{
width:94%;
padding:10px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
background-color:#FFFFFF;
color:#000000;
float:left;
}

.consumerProductList{
float:left;
}

.consumerProductList ul{
width:170px;
float:left;
}

.consumerProductList ul li{
background:url(/images/offers_citi/blueArrowBg.gif) no-repeat left;
padding:5px 10px 5px 15px;
display:block;

}

.consumerProductList ul li a{
display:block;
}

.consumerProductList ul li a:hover{
display:block;
background-color:#e5e5e5;
padding-left:3px;
color:red;
}

.consumerProductList ul li.active{
padding:0 15px;
background-color:#e5e5e5;
color:red;
}

.searchByProductContaoner{
float:left;
padding-top:0px;
display:block;
}

.searchByProNameContainer img{
float:left;
}

.mainSearchByProNameForm{
	background:url(/images/offers_citi/searchByProNameBottom.gif) bottom left no-repeat;
	padding:0px 5px 5px 5px;
	width:163px;
}

.searchButtonContainer{
	text-align:right;
}

.mainSearchByProNameForm input,select{
width:150px;
margin:5px 0;
font-size:0.9em;
}

/******** Travel Section Starts Here ********/

#leftPaneTravelSection{
	float:left;
	width:251px;
	margin-right:20px;
}

#middlePaneTravelSection{
	float:left;
	padding:0px 0pt 5px 0px;
	width:640px;
}

/*.searchTitleContainer{
	background:url(/images/offers_citi/searchModifyTopBg.gif) top left no-repeat;
	height:22px;
	font-size:1.1em;
	font-weight:bold;
	width:183px;
	text-align:center;
	padding-top:6px;
	color:#ffffff;
}*/



.leftPaneBlueContainer{
	width:231px;
	background:url(/images/offers_citi/leftPaneBlueBottomBg.gif) bottom left repeat-y;
	padding:5px 5px 5px 15px;
	float:left;
	margin-top:-5px;
	margin-bottom:10px;
}

.New{
	width:180px !important;
	margin:5px 5px 5px 0;
}

.leftPaneBlueContainer td.title{
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
}


.leftPaneBlueContainer a{
	text-decoration:underline;
	color:#000067;
}

.leftPaneBlueContainer a:hover{
	text-decoration:none;
	color:#000067;
}

.leftPaneBlueContainer input{
	width:180px;
	font-size:10px;
	margin:5px 5px 5px 0;
}



.leftPaneBlueContainer input.calanderButton{
	width:16px !important;
	height:17px !important;
	background:url(/images/offers_citi/calendarButton.gif) no-repeat top left;
	border:none;
	cursor:pointer;
	padding:0 !important;
	margin-top:23px !important;
}

.leftPaneBlueContainer input.searchHotelButton{
	width:184px;
	height:43px;
	background:url(/images/offers_citi/searchHotelButton.jpg) no-repeat top left;
	border:none;
	cursor:pointer;
	display:block;
}

.leftPaneBlueContainer select{
	width:80px;
}

td.smallText{
	font-size:10px;
}

/*********************** Top Process Details 1 to 5 **************************/

.processFlowContainer{
	float:left;
	width:100%;
}

.processFlowContainer ul li.step1Active{
	background:url(/images/offers_citi/step1Active.gif) no-repeat left;
	height:16px;
	padding:10px 30px 10px 40px;
	float:left;
	font-weight:bold;
	color:#000067;
}

.processFlowContainer ul li.step2InActive{
	background:url(/images/offers_citi/step2InActive.gif) no-repeat left;
	height:16px;
	padding:10px 30px 10px 40px;
	float:left;
	font-weight:bold;
	color:#7f7fb3;
}

.processFlowContainer ul li.step3InActive{
	background:url(/images/offers_citi/step3InActive.gif) no-repeat left;
	height:16px;
	padding:10px 30px 10px 40px;
	float:left;
	font-weight:bold;
	color:#7f7fb3;
}

.processFlowContainer ul li.step4InActive{
	background:url(/images/offers_citi/step4InActive.gif) no-repeat left;
	height:16px;
	padding:10px 30px 10px 40px;
	float:left;
	font-weight:bold;
	color:#7f7fb3;
}

.processFlowContainer ul li.step5InActive{
	background:url(/images/offers_citi/step5InActive.gif) no-repeat left;
	height:16px;
	padding:10px 30px 10px 40px;
	float:left;
	font-weight:bold;
	color:#7f7fb3;
}


/********************************/

.searchResultsContainer{
	margin-top:10px;
	float:left;
	width:100%;
}

.searchResultsContainer h2{
	color:#cc0000;
	font-size:24px;
}

.searchResultsContainer ul{
	 font-size:12px;
	 font-weight:bold;
	 margin-top:10px;
	 list-style-type:none;
}

.searchResultsContainer ul li{
	float:left;
	background:url(/images/offers_citi/peginationSeperator.gif) no-repeat right;
	padding-right:15px;
	margin-right:15px;
}

.searchResultsContainer ul li.last{
	background:none;
	padding:0;
	margin:0;
}

.searchResultsContainer ul li span{
	color:#cc0000;
}

.resultSortByContainer{
	margin:20px 0 20px 40px;
	float:left;
	width:560px;
}

.resultSortByContainer img{
	float:left;
}

.resultSortByBg{
	background:url(/images/offers_citi/resultSortByRightBg.gif) right top;
	padding:8px 30px 0 25px;
	height:25px;
	width:auto;
	float:left;
	display:block;
}

.resultSortByBg p{
	float:left;
	margin-right:20px;
}

.resultSortByBg ul li{
	float:left;
	margin-right:10px;
	padding:0;
}

.totalResultFound{
	 float:left;
	 font-weight:bold;
	 color:#666666;
	 margin-bottom:10px;
}

.hotelDetailsContener{
	 float:left;
}

.hotelNameContener{
	float:left;
	margin-top:10px;
}

.hotelNameContener h4{
	color:#000;
	font-size:1.2em;
	margin-right:10px;
}

.hotelNameContener img{
	margin-bottom:-2px;
}

.loverAveradeRateContener{
	 float:right;
	 font-size:1.2em;
}

.hotelDiscriptionContainer{
	float:left;
	margin:10px 0px 20px 0;
}

.hotelDiscriptionContainer img{
	float:left;
	margin-right:10px;
}

.hotelDetails{
	color:#666666;
	line-height:15px;
}

/********* Login Container *********/

.loginContainer{
	 width:250px;
	 float:right;
	 margin-bottom:20px;
}

.loginFieldsContainer{
	background:url(/images/offers_citi/requestInfoBottomBg.jpg) no-repeat bottom left;
	padding:0px 10px 10px 10px;
}

.loginFieldsContainer p{
	margin:10px 0;
}

.loginFieldsContainer p.FormTitle{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:0px;
	color:#ff0000;
}

.loginFieldsContainer input{
	width:150px;
	font-size:10px;
}

.loginFieldsContainer input.small{
	width:43px;
}

.loginFieldsContainer input.medium{
	width:100px;
}

.loginFieldsContainer select{
	font-size:10px;
	width:155px;
}

/**********/

.registrationFormContainer h3{
	color:#ff0000;
	margin-bottom:10px;
}

.registrationFormContainer p{
	margin-bottom:10px;
}

.registrationFormContainer input, select{
	width:auto !important;
}

.registrationFormContainer input.long{
	width:517px !important;
}

.registrationFormContainer input.registerNowButton{
	width:156px !important;
	height:34px;
	background:url(/images/offers_citi/registerNowButton.jpg) no-repeat top left;
	border:none;
	cursor:pointer;
	margin-right:10px;
}