/* CSS Document */
@import url("public/global.css");
@import url("public/header.css");
@import url("public/footer.css");
@import url("public/content.css");
@import url("/spryAssets/indexTab.css");
@import url("http://js.114msn.com/jQuery/Plugins/jQuery.AutoComplete/jquery.autocomplete.css");

/* 左列橙色 */
.leftGroupOrange,.leftGroupGreen{
	width:163px;
	height:100%;
	display:table;
	border:1px #F57605 solid;
	display:table;
}
.leftGroupOrange h2,.leftGroupGreen h2{
	height:25px;
	line-height:25px;
	background:url(../images/titleOrange_bg.jpg) repeat-x;
	color:#FFFFFF;
	font-size:14px;
	padding-left:10px;
}
/* 左列绿色 */
.leftGroupGreen{
	border:1px #44A12C solid;
}
.leftGroupGreen h2{
	background:url(../images/titleGreen_bg.jpg) repeat-x;
}
/* 右列橙色 */
.rightGroupOrange,.rightGroupGray{
	width:278px;
	height:100%;
	display:table;
	border:1px #FFC54B solid;
	display:table;
}
.rightGroupOrange h2,.rightGroupGray dl{
	height:28px;
	line-height:28px;
	background:url(../images/titleShallowOrange_bg.jpg) repeat-x;
	border-bottom:1px #FFC54B solid;
	color:#FF6600;
	font-size:14px;
	padding-left:10px;
}
/* 右列灰色 */
.rightGroupGray{
	border:1px #CCCCCC solid;
}
.rightGroupGray dl{
	background:url(../images/titleGray_bg.jpg) repeat-x;
	border-bottom:1px #CCCCCC solid;
	color:#666666;
}
.rightGroupGray dt{
	font-weight:bold;
	font-size:14px;
	float:left;
}
.rightGroupGray dd{
	font-size:12px;
	padding-right:10px;
	float:right;
}

/* Content */
#content{
	width:970px;
	/*padding-top:6px;*/
	height:100%;
	display:table;
}

/* 左边列样式 */
#left{
	width:165px;
	float:left;
}
/* 旅游工具箱 */
#toolBox ul{
	height:100%;
	display:table;
}
#toolBox ul li{
	width:55px;
	line-height:28px;
	float:left;
}
.toolWeather,.toolTrain,.toolTicket,.toolCar,.toolAbroad,.toolVisa,.toolLaws,.toolHelp{
	background:url(../images/iconToolWeather.jpg) no-repeat 0% 50%;  /* 天气预报 */
	padding-left:20px;
}
.toolTrain{	background:url(../images/iconToolTrain.jpg) no-repeat 0% 50%;} /* 列车时刻 */
.toolTicket{ background:url(../images/iconToolTicket.jpg) no-repeat 0% 50%; } /* 航班信息 */
.toolCar{ background:url(../images/iconToolCar.jpg) no-repeat 0% 50%;} /* 长途汽车 */
.toolAbroad{ background:url(../images/iconToolAbroad.jpg) no-repeat 0% 50%;} /* 出境宝典 */
.toolVisa{ background:url(../images/iconToolVisa.jpg) no-repeat 0% 50%;} /* 签证办理 */
.toolLaws{ background:url(../images/iconToolLaws.jpg) no-repeat 0% 50%;} /* 旅游法规 */
.toolHelp{ background:url(../images/iconToolHelp.jpg) no-repeat 0% 50%;} /* 帮助中心 */

/* 周边游 */
.nearTour dl,.countryTour dl{
	padding:10px 0px 10px 10px;
	line-height:25px;
	height:100%;
	display:table;
}
.nearTour dl dt,.countryTour dl dt{
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#258215;
	clear:both;
}
.nearTour dl dd,.countryTour dl dd{
	width:50px;
	display:block;
	float:left;
}
/* 国内旅游目的,国个旅游目的地地 */
.countryTour dl dd{
	width:50px;
}




/* 中间列样式 */
#middle{
	width:515px; 
	margin-left:5px; 
	float:left;
}
/* Banner*/
#banner{
	width:515px;
	height:180px;
}
#bannerImg{
	width:400px;
	height:180px;
	float:left;
}
#ad{
	width:100px; 
	height:170px; 
	background-color:#F7F7F7; 
	border:1px #CCCCCC solid; 
	padding:4px; 
	float:right;
}
#ad ul{
	padding:5px 0px 5px 5px;
}
/* 酒店 */
#hotel2{
	width:513px;
	height:100%;
	display:table;
	border:1px #CCCCCC solid;
}
#hotel2 h2{	
	width:503px;
	height:28px;
	line-height:28px;
	padding-left:10px;
	background:url(../images/titleGray_bg.jpg) repeat-x;
	border-bottom:1px #CCCCCC solid;
	color:#666666;
	font-weight:bold;
	font-size:14px;
	float:left;
}
#hotelContent2{	
	width:513px;
	height:100%;
}
#hotelContent2 dl{
	background-color:#F2F2F2;
	height:24px;
	line-height:24px;
}
#hotelContent2 dt{
	color:#0377C3;
	font-weight:bold;
	padding-left:10px;
	float:left;
}
#hotelContent2 dd{
	float:right;
	padding-right:10px;
}
/* 链锁酒店 */
#hotelChain{	
	width:200px;
	float:left;
}
#hotelChain ul{	
	padding-left:10px;
	line-height:28px;
}
#hotelChain ul li{	
	width:53px;
	float:left;
}

/* 全国酒店 */
#nationalHotel{	
	width:312px;
	border-left:1px #999999 dashed;
	float:left;
}
#nationalHotel ul{	
	padding-left:10px;
	line-height:28px;
}
#nationalHotel ul li{
	clear:both;
}
#nationalHotel ul li span{
	width:35px;
	float:left;
}
#nationalHotel ul li a{
	width:66px;
	float:left;
}
/* 当前城市 */
#currentCity{
	height:30px;
	background-color:#E3E3E3;
	padding-left:20px; 
	margin-top:3px; 
	clear:both;
}
#currentCity dl dt{
	line-height:28px;
	float:left;
}
#currentCity dl dt span{
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
	margin-left:5px;
	line-height:20px;
}
#currentCity dl dd{
	float:left;
	position:relative;
}

#currentCity dl dd input{
	width:85px; 
	height:20px;
	line-height:20px;
	background-color:#999999;
	color:#FFFFFF;
	border:0px solid;
	margin-top:5px;
	margin-left:10px;
}
/* 滚动信息 */
#ScrollMsg{
	height:25px;
	line-height:25px;
}

/* 周边游,国内游,出境游*/
.route,.attraction,.routeLinks{
	width:515px;
	height:100%;
	display:table;
	/*margin-top:20px;*/
	color:#666666;
}
.routeTitle,.attractionTitle{
	height:25px;
	border-bottom:2px #999999 solid;
}
.routeTitle dt,.attractionTitle dt{
	font-size:18px;
	font-weight:bold;
	background:url(../images/iconTitleArrow.jpg) no-repeat 0% 50%;
	padding-left:20px;
	float:left;
}
.routeTitle dt a,.attractionTitle dt a{
	font-size:18px;
	font-weight:bold;
}
.routeTitle dt span,.attractionTitle dt span{
	color:#FF6600;
}
.routeCon{
	padding:10px 5px;
}
.routeTitle dd{
	font-size:12px;
	padding-right:10px;
	float:right;
}
/* 推荐线路 */
.routeRecommend{
	height:50px;
	border-bottom:1px #999999 dashed;
	margin-bottom:5px;
}
.routeRecommendImg{
	width:54px;
	height:40px;
	padding:2px;
	border:1px #CCCCCC solid;
	float:left;
}
.routeRecommend dl{
	margin-left:10px;
	float:left;
}
.routeRecommend dl dt{
	margin-top:2px;
}
.routeRecommend dl dt a{
	color:#0377C3;
	font-weight:bold;
	font-size:14px;
}
.routeRecommend dl dt span{
	margin-left:10px;
}
.routeRecommend dl dd span{
	margin-right:10px;
}
/* 线路列表 */
.route ul li{
	width:500px;
	line-height:25px;
	clear:both;
}
.route ul li a{
	font-size:14px;
	/*margin-right:10px;*/
}
.route ul li .rTitle{
	width:405px;
	float:left;
}
.route ul li .price{
	float:left;
}
/* 当鼠标移动到线路标题的时候整行(li)有一个bord和背景的变化 */
.routeLine{
	border:1px #999999 dashed;
	background-color:#F9F9F9;
}
/* 新增的线路链接 */
.routeLinksCon{
	width:505px;
	padding:10px 5px;
	line-height:28px;
}
.routeLinksCon li{
	width:244px;
	float:left;
	font-size:14px;
	display:block;
}

/* 旅游景点 */
#attractionCon{
	padding:10px 0px;
}
#attractionZoning span{ /* 按区域分景点 */
	width:66px;
	height:80px;
	text-align:center;
	display:inline;
	margin-left:16px;
	float:left;

}
#attractionZoning img{
	width:60px;
	height:45px;
	border:1px #CCCCCC solid;
	padding:3px;

}
#attractionList ul{ /* 景点列表 */
	padding-left:20px;
	line-height:25px;	
}
#attractionList ul li{
	width:90px;
	float:left;
}



/* 右边列样式 */
#right{
	width:280px; 
	margin-left:2px; 
	float:right;
}
/* 全国旅游预订 */
#agentsTitle{
	/*width:280px;*/
	height:32px;
	background:url(../images/agentsTitle.jpg) no-repeat;
	padding-left:80px;
	font-size:16px;
	font-weight:bold;
	line-height:32px;
	color:#FF3300;
}
#agents ul{
	height:100%;
	display:table;
	line-height:25px;
	border-left:2px #FFBD41 solid;
	border-right:2px #FFBD41 solid;
	border-bottom:2px #FFBD41 solid;
}
#agents ul li{
	width:66px;
	float:left;
}
/* 旅游精品推广 */
#site ul{
	height:100%;
	display:table;
}
#site ul li{
	width:80px;
	float:left;
}

/* 酒店推荐 */
#hotel ul{
	height:100%;
	display:table;
}
#hotel ul li{
	width:268px;
	line-height:25px;
	clear:both;
}
#hotel ul li a{
	margin-left:10px;
}
#hotel ul li .hTitle{
	width:200px;
	float:left;
}
#hotel ul li .price{
	float:left;
}

/* 特价机票 */
#ticket{
	height:100%;
	display:table;
	line-height:25px;
}
#ticket ul li a{
	width:60px;
	margin-right:10px;
}
/* 旅游资讯 */
#news{
	height:100%;
	display:table;
	line-height:25px;
	clear:both;
}
/* 旅游资讯 */
#newRoute{
	height:100%;
	display:table;
	line-height:25px;
	clear:both;
}
/* 机票 */
#indexTicket{
	width:970px;
	height:225px;
	clear:both;
}
.ticketSearch{
	width:163px;
	height:223px;
	float:left;
}
.ticketSearch ul{
	padding-left:5px;
	padding-top:10px;
}
.ticketSearch ul li{
	line-height:23px;
	height:23px;
	clear:both;
	margin-bottom:8px;
	text-align:center;
}
.ticketSearch ul li span {
	float:left;
	width:60px;
	text-align:right;
}
.ticketSearch .grayButton{
	margin-left:40px;
}
.input{
	width:90px;	
}
.indexTicketList{
	width:798px;
	height:223px;
	border:1px #CCCCCC solid;
	float:right;
}
.indexTicketList ul{
	width:250px;
	line-height:30px;
	margin-left:3px;
	padding-left:5px;
	float:left;
}
.indexTicketList ul li .date{
	width:60px;
	float:left;
}
.indexTicketList ul li .city{
	width:95px;
	float:left;
}
.indexTicketList ul li .price{
	width:50px;
	float:left;
	color:#FF0000;
}
.indexTicketList ul li .discount{
	float:left;
	color:#333333;
}
.tabs-trigger,.tabs-trigger-hastitle {
	width:798px;
}

/*以下为cncn.com中机票频道截取的样式*/
#CityPop {
	background:#D9D9D9;
	width:272px;
	position:absolute;
	z-index:999;
	left: 230px;
	top: 218px;
}
#CityPop .pop_content {
	background:#fff;
	border:1px #D0D0D0 solid;
	position:relative;
	top:-3px;
	left:-3px;
}
#CityPop .pop_content h6 {
	margin:0;
	font-weight:normal;
	font-size:12px;
	color:#666;
	line-height:28px;
	border-bottom:1px #BBB dashed;
	width:238px;
	background:#FFF;
	padding-left:12px;
}
.pop_content ul {
}
.pop_content .close {
	float:right;
	width:12px;
	height:12px;
	background:url(/images/close.gif) no-repeat;
	margin-top:6px;
	cursor:pointer;
	display:block;
	position:relative;
}
.pop_content .pop_ul {
	height:100%;
	overflow:hidden;
	padding:0 0 20px 10px;
}
.pop_ul li {
	float:left;
	width:51px;
	line-height:24px;
}
#CityPop .pop_ul a {
	color:#333;
	text-decoration:none;
}
.search_text {
	float:left;
}
.search_input {
	width:88px !important;
	width:84px;
	border:1px solid #7f9db9;
	height:21px;
	line-height:21px;
	margin-right:6px;
	float:left;
	cursor:pointer;
	background:#FFF;
}
.search_input input {
	float:left;
	border:0;
	width:67px !important;
	width:63px;
	padding:4px 0 0 2px;
}
.search_input .plain_button,.search_input .date_button {
	float:left;
	cursor:pointer;
	width:18px;
	height:18px;
	background:url(/images/ico_cs.gif) 0 4px no-repeat;
	outline:none;
}
.search_input .date_button {
	background-image:url(/Images/ico_rq.gif)!important;
}