.container{
	max-width: 980px;
	margin: auto;
}
/* entire container, keeps perspective */
.card-container {
	  -webkit-perspective: 800px;
   -moz-perspective: 800px;
     -o-perspective: 800px;
        perspective: 800px;
        margin-bottom: 30px;
}
/* flip the pane when hovered */
.card-container:hover .card, .card-container.hover .card {
	-webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
 -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.card-container.static:hover .card, .card-container.static.hover .card {
	-webkit-transform: none;
-moz-transform: none;
 -o-transform: none;
    transform: none;
}
/* flip speed goes here */
.card {
	 -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
        transition: transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
		-webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
        z-index: 3;
}

/*        Style       */


.card{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 6px;
    color: #444444;
}

.card .cover {
    border-radius: 6px 6px 0 0;
    height: 125px;
    overflow: hidden;
}

.card-container, .front, .back {
	width: 100%;
	height: 295px;
	border-radius: 6px;
}

.card-container{
	width: 200px;
	height: 295px;
	float: left;
	margin-right: 5px;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}
.card .content .main {
    height: 100px;
    border-bottom: solid 1px #CCCCCC;
}
.card .name {
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
    color: #333333;
}
.card .adphrase {
    font-size: 12px;
    line-height: normal;
	font-style:italic;
    margin: 8px 0 0;
    text-align: center;
    color: #888988;
}
.card .fromfare {
    font-size: 11px;
	font-weight:normal;
    line-height: normal;
	font-style:italic;
    margin: 5px 0 0;
    text-align: center;
    color: #888988;
}

.card .first{
	display: block;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 20px;
    width: 122px;
}

.card .second{
	display: block;
    overflow: hidden;
    width: 122px;
    padding-left: 20px;
}

.card .float_left{
	float: left;
}
.card .price{
	color: #3f4246;
	font-weight: bold;
	font-size:14px;
	text-align: center;
	padding-top: 7px;
}
.card .price .specialprice{
	color: #058b15;
	font-weight: bold;
	font-size:18px;
	text-align: center;
}
.card .title{
	display: block;
	float: left;
	padding: 0px 0 0 20px;
	width: 150px;
}
.card .notitle{
	display: block;
	float: left;
	text-align:left;
	padding: 0px 0 0 10px;
	width: 100%;
	font-size:12px;
}
.card .breakfast{
	display: block;
	float: left;
	text-align:center;
	padding: 0px 0 0 10px;
	width: 100%;
	font-size:16px;
	color:#0e71b9;
}
.card .reviews{
	display: block;
	float: left;
	text-align:center;
	padding: 10px 0 0 5px;
	width: 100%;
	font-size:16px;
	color:#3e3e3e;
}
.card .addresstitle{
	display: block;
	float:left;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	font-style:italic;
	line-height:normal;
	width: 100%;
	font-size:12px;
}


.card .value{
	display: block;
	float: right;
	padding: 0px 20px 0 0px;
	color: #000000;
	font-weight: bold;
}
.card p{
	line-height: 25px;
}


.starchecked {
    color: orange;
}
.BigHotelDTroundedCorner
{    width:98%;
	background-color: #eed;
	box-shadow: 5px -5px 5px  rgba(0,0,0,0.3);
	-moz-box-shadow: 5px -5px 5px  rgba(0,0,0,0.3);
	-webkit-box-shadow: 5px -5px 5px  rgba(0,0,0,0.3);
	-o-box-shadow: 5px -5px 5px  rgba(0,0,0,0.3);
	border-radius:15px;
}
.BigHotelDTFare
{    width:98%;
	background-color: #eed;
	box-shadow: 5px -5px 5px  rgba(0,0,0,0.6);
	-moz-box-shadow: 5px -5px 5px  rgba(0,0,0,0.6);
	-webkit-box-shadow: 5px -5px 5px  rgba(0,0,0,0.6);
	-o-box-shadow: 5px -5px 5px  rgba(0,0,0,0.6);
	border-radius:8px;
	border:1px solid #666666;
	margin:15px 0px;
	padding:5px;
}

.HtApiAmyButton {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}

.HtApiAmyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}


.HtApiBmyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	margin-top:10px;
}
.HtApiBmyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.HtApiBLmyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	width:98%;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:21px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	margin-top:10px;
}
.HtApiBLmyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.HtApiBmyButton:active, .HtApiAmyButton:active, .HtApiBLmyButton:active {
	position:relative;
	top:1px;
}