﻿@charset "utf-8";
/* CSS Document */
.msnSkype{ margin-top:15px;}
.redArrow, .facebook{ margin-top:2px; margin-bottom:10px;}
.star5, .star4, .star3, .star2, .star1{ margin-left:5px; background:url(/image/icon/star002.gif) no-repeat 0 3px;}
.star5{ padding-left:54px;}
.star4{ padding-left:43px;}
.star3{ padding-left:32px;}
.star2{ padding-left:20px;}
.star1{ padding-left:8px;}

/* hotel index */
.col{ float:left; width:350px;}
.fr{ float:right;}
.col .hotelCity{ height:40px; line-height:40px; border:1px solid #EEEDE9; border-top-left-radius:8px; border-top-right-radius:8px; padding:0 20px; background:url(/image/background/p021.png) repeat-x 0 -108px; }
.col .hotelCity span{ padding-left:18px; background:url(/image/background/p024.png) no-repeat 0 -53px; color:#B60000;}
.col ul{ border:1px solid #EEEDE9; border-top:none; margin-bottom:10px; padding:10px 15px; line-height:1.6;}

/* hotel detail */
.greyBd2{ border:1px solid #EEEDE9; padding:15px 20px; background:#FDFDFD; line-height:1.6; overflow:hidden; zoom:1;}
.greyBd2 li{ float:left; -display:inline; margin-right:50px;}

.greyBd3{ position:relative; top:10px; min-height:134px; -height:134px; border:1px solid #CCC; padding:15px; background:#EDEDED url(/image/background/p001.png) repeat-x;}
.greyBd3 ul{ margin-right:190px;}
.greyBd3 li{ padding:3px 0 3px 8px; background:url(/image/icon/p027.png) no-repeat 0 11px; zoom:1;}
.greyBd3 .hotelName{ margin:5px 0; font-size:16px; font-style:italic;}
.greyBd3 .hotelPic{ position:absolute; right:0; top:0; width:182px; height:162px; padding:1px; background:#DDBF81;}
.greyBd3 .hotelPic img{ width:182px; height:140px;}

.greyBd3 .picBtn{ height:18px; padding:2px 10px; overflow:hidden; zoom:1;}
.greyBd3 .leftArr, .greyBd3 .rightArr{ float:left; border:1px solid #DDBF81; padding:1px 5px; background:url(/image/background/p026.png) no-repeat 2px 2px; color:#FFF; line-height:1.0; cursor:pointer;}
.greyBd3 .rightArr{ float:right; background-position:2px -26px;}
.greyBd3 .leftArr:hover, .greyBd3 .rightArr:hover{ border-color:#EEE4C9; }

.hotelCon{ margin-top:9px; border-collapse:collapse; }
.hotelCon td{ border:1px solid #CCC; padding:15px;}
.hotelCon li{ float:left; width:49%;}
