css

@charset "utf-8";
/* CSS Document */
dl,dt,dd,p,span,b{ margin:0; padding:0;}
#main{ margin:0 auto; width:975px; margin-top:25px; height:auto;}
.main_left{
    float: left;
    overflow: hidden;
    width: 195px;}
	.main_rrt_top5{
	width:98%;
	border:1px solid #cccccc;
	margin-bottom:10px;
}
	.main_freehotel_tl{ background:#fafafa; }
	.main_freehotel_tl h5{  padding:4px 0;color: #010304; padding-left:8px;
    font-size:12px; line-height:20px;}
.y_helpbook { margin-left:10px;}
.y_bg{ margin-left:10px; margin-right:10px;}
.y_bg a,.y_bg a:link{ color:#195CB5;}
.record{margin-left:10px;}



.main_right{ float:left; width:780px;}
.search-mod {
    float:right;
    width: 99%; height:59px;
	border-top:2px solid #3e92c9; 
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc; background:url(../images/images_list/list_bg.jpg) repeat-x; margin-bottom:8px;
}

 .bd {
   
	
	padding: 15px 10px 14px 13px;
}
.field-submit { background:url(../images/images_hostel/seach_btn.png) no-repeat;
  
    border: medium none;
    cursor: pointer;
    height: 26px;
   
    width: 96px;
}
.search-mod .bd .field-wrap {
    float: left;
    margin-right: 19px;
    position: relative;
}
.search-mod .bd label {
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
}
.search-mod .bd input {
    height: 18px;
}
.search-mod .bd .field-item {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://img02.taobaocdn.com/tps/i2/T122NIXoBAXXXXXXXX-200-200.png") no-repeat scroll 0 -100px #FFFFFF;
    border-color: #AFAFAF #DCDCDC #DCDCDC #AFAFAF;
    border-style: solid;
    border-width: 1px;
    padding: 3px 3px 3px 4px;
}
.search-mod .bd .field-city-wrap {
}
.search-mod .bd .field-city {
    border-right: 1px solid #E3E3E3;
    float: left;
    width: 114px;
}
.search-mod .bd .field-location-wrap {
    float: left;
    position: relative;
}
.options-sub{ float:left; width:620px; text-align:left; 
}
.options-sub s{ display:block; padding:0 3px;}

.search-mod .bd .field-location-wrap s {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000000 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 4px;
    font-size: 0;
    left: 72px;
    position: absolute;
    top: 13px;
}
.search-mod .bd .field-location {
    background-position: -3px -100px;
    border-left: 0 none;
    cursor: pointer;
    display: block;
    padding-left: 5px;
    width: 75px;
}
.search-mod .bd .location-select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #85BEE5;
    left: -1px;
    position: absolute;
    top: 25px;
    width: 83px;
    z-index: 100;
}
.search-mod .bd .location-select li {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    padding: 1px 3px 2px 4px;
}
.search-mod .bd .location-select li.selected {
    background: none repeat scroll 0 0 #E1EFFE;
}
.search-mod .bd .field-date-wrap {
    display: inline-block;
}
.search-mod .bd .field-date {
    width: 119px;
}
.search-mod .bd .date-icon {
    background: url("../images/images_list/T1L4iKXdplXXXXXXXX-185-123.png") no-repeat scroll right -108px #FFFFFF;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 20%;
    width: 20px;
}
.search-mod .bd .date-icon-b {
    background-position: right -108px;
}
.search-mod .bd .date-icon-e {
    background-position: right -78px;
}
.search-mod .bd .field-key-wrap {
    margin-right: 10px;
}
.search-mod .bd .field-key-wrap label {
    float: left;
    margin-top: 3px;
}
.search-mod .bd .field-key-wrap span {
    display: block;
    margin-left: 39px;
}
.search-mod .bd .field-key {
    width: 152px;
}
.J_SearchFilter{ width:99%; border:1px solid #cccccc; float:right;}
.J_FilterSearchTerms{ padding:10px 15px 0; overflow:hidden;}
.J_TermPrice{ margin-bottom:8px; line-height:22px; overflow:hidden; clear:both;}
.term-title {
    float: left;
  width: 65px; font-weight:bold;
}
.options-default{ float:left; font-weight:bold;margin-right:12px;}
.options-default a{ display:block; padding:0 3px;}
.options-default a:hover{ text-decoration:none; color:#000}
.J_TermPrice a.selected{
	 background-color: #33A8DB;
    color: #FFFFFF
}
.options-sub .term-option {    -moz-transition: all 0.2s ease-out 0s;
 
 
    cursor: pointer;
    display: inline-block;
    margin-right: 18px;
 
    text-decoration: none;
}
.term-options .options-sub {
    float: left;
    
    overflow: hidden;
    width: 645px;
}
.options-sub a { 
    text-decoration: none;line-height:22px; padding:0 3px ; color:#195cb5;
}
.options-sub a:hover{ text-decoration:underline;}
input[type="text"] {
    background-color: #FFFFFF;
}
.input_range {
    border: 1px solid #CCCCCC;
    font: 12px arial,simsun;
    padding:0 2px;
    width: 44px;
}
input, textarea {
    font-size: 12px;
}
.search-hotel{  padding-left:18px; line-height:28px;}
.filter-search-terms{width:99%; float:right;}
.J_FilterSearchSort{border-right: 1px solid #DBDBDB;
    float: left;
    padding: 7px 5px 7px 0;
}
.list_mainbox{ overflow:hidden;width:100%}
.list_col{
	width:99%;
	margin-top:7px;
	border:1px solid #cccccc;
	float:right;
	border-top:2px solid #398ec7;
}
.list_content{ padding:5px 10px; overflow:hidden;}

.list_img{ width:162px; border:1px solid #CCC; text-align:center; float:left; }
.list_img img{ width:155px;  margin-top:2px; margin-bottom:2px;}
.list_info{ width:450px; float:left }
.list_info dl{ margin-left:10px;}

.list_info dt{ font-weight:bold; font-size:14px; line-height:20px; padding-top:5px; padding-bottom:5px; }
.list_recommend{padding-left:27px; background:url(../images/images_list/icon.gif) left center no-repeat;}
.list_info dd{ line-height:20px;}
.map_check{ padding-left:30px; color:#195cb5;}
.list_price{ float:left; color:#ff6600; padding-top:40px; padding-left:30px;}
.list_price span{ font-weight:700; font-size:24px; padding-right:5px;}
.list_item{ clear:both; float:left; width:100%; margin-top:10px; border-top:1px solid #cccccc}
.list_item_title{  font-weight:bold;}
.list_item_table td{ text-align:center; line-height:21px; padding:5px 0;  border-bottom:1px dashed #cccccc;}
.bd-room span { padding:0 3px;}
.bd-room a{
	color:#195cb5;
	
}
.d_price { color:#ff6600; font-size:18px; font-weight:bold;}
.list_last td{border-bottom:1px dashed #FFF;}
.J_SearchPagination{ clear:both; text-align:center; padding:15px 0; }
.J_SearchPagination a{ color:#195cb5;line-height:28px; border:1px solid #CCC; display:inline; padding:3px 8px; margin-right:3px; d}
.J_previous{ background: url(../images/icon4.gif) left center no-repeat; }
.J_next{ background: url(../images/icon5.gif) right center no-repeat; }
.current{ background:#ffede1; color:#fe8500;}
.sort_default{ text-align:center; background:url(../images/list_bg.jpg) left top repeat-x; border-right:1px solid #CCC;}
.sort_price{ text-align:center; border-right:1px solid #CCC; background: url(../images/icon8.png) right center no-repeat;}
.sort_price hover{background:url(../images/list_bg.jpg) left top repeat-x; }
.sort_seach{ text-align:right; padding-right:15px; }
.seach_metro{ color:#195cb5; text-decoration:underline; padding-left:20px; line-height:22px; padding-top:5px; padding-bottom:5px;background: url(../images/icon6.gif) left center no-repeat;}
.seach_map{ color:#195cb5; text-decoration:underline; padding-left:20px; line-height:22px; padding-top:5px; padding-bottom:5px;background: url(../images/icon7.gif) left center no-repeat;}





.filter-search-sort .sort-title {
    border-right: 1px solid #DBDBDB;
    float: left;
    padding: 7px 5px 7px 0;
}

.sort-option .icon-sort {
    background-position: -550px 0;
    height: 12px;
    margin: auto 0 -2px 2px;
    width: 12px;
}
.filter-search-sort {
    border: 1px solid #DBDBDB;
    color: #404040;
    height: 32px;
    margin: 10px 0 0;
    padding: 0 10px 0 0;
}
.filter-search-sort span{ display:block; }




.filter-search-sort .search-summary {
    color: #808080;
    float: right;
    padding: 7px 0;
}
.search-results-list .error-no-hotel {
    padding: 20px;
}
.filter-search-sort .sort-option {
    border-right: 1px solid #DBDBDB;
    cursor: pointer;
    float: left;
    padding: 7px 19px; display:block;
}


 .sort-option { 
    border-right: 1px solid #DBDBDB;
    cursor: pointer;
    float: left;
    padding: 7px 20px ; display:block; position:relative;
}
 .sort-option b{ position:absolute;

    overflow: hidden;

    right: 8px;
    top: 8px;
    width: 10px;
}
 .sort-option:hover{ background:  url(../images/images_list/icon9.gif) left top repeat-x;}
  .sort-option:visited{ background:  url(../images/images_list/icon9.gif) left top repeat-x;}
.sort .selected {
   background: url(../images/images_list/icon9.gif) left top repeat-x;
}
.filter-search-sort .hover {
    background:  url(../images/images_list/icon9.gif) left top repeat-x;
}
.filter-search-sort .search-summary {
   
    float: right;
    padding: 7px 0; padding-left:20px; padding-right:10px; background:url(../images/images_list/icon6.gif) left center no-repeat;
}
.filter-search-sort .search-summary2 {
   
    float: right;
    padding: 7px 0; padding-left:20px; background:url(../images/images_list/icon7.gif) left center no-repeat;
}
.search-summary a,.search-summary2 a{ color: #0066cc;}
.sort-option .icon-sort {
    background-position: -550px 0;
    height: 12px;
    margin: auto 0 -2px 2px;
    width: 12px;
}
.sort-option a{ display:block;}








.J_SearchPagination a { text-decoration:none;}
.current{ background:#ffede1; }
.current a{color:#fe8500;}
.J_SearchPagination a:hover{  border-color:#fe8500;}
.t-pagination a.current, .t-pagination a.t-pagenull {
    background: none repeat scroll 0 0 #FFEDE1;
    border-color: #FD6D01;
    color: #FD6D01;
    cursor: text;
    font-weight: bold;
    padding: 3px 7px 4px;
}
.t-pagination a.current:hover {
    color: dodgerblue;
}
.t-pagination-home .t-p-previous, .t-pagination-home .t-p-first, .t-pagination-home .t-p-next, .t-pagination-home .t-p-last {
    padding: 5px 8px;
}
.t-pagination-home .t-p-framebelt a, .t-pagination-home .t-p-framebelt span {
    padding: 2px 8px;
}


.list_profile{ width:37px;float:left;}
.list_more{ float:left; width:400px;}
.bo-cont .bk-c ul li .bk-f-t {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E1E1E1;
    padding: 3px;
    vertical-align: middle;
}
.w160 {
    width: 160px;
}
/*.main_rrt_top6 style 2012-10-10 anna*/
.main_rrt_top6{
  
    width: 98%;}
	.main_rrt_top6 img{ margin-bottom:9px;}