﻿.cssHotelSearchResult
{
    width:720px;
    color: #000;
    margin-bottom: 10px;
}

.cssHotelSearchResult .cssPageTitle
{
	font: bold 18px Arial; 
	color:#369;
}

.cssHotelSearchResult .tblAirlines { font-size: 9px; }
.cssHotelSearchResult .tblAirlines td { width: 70px; padding: 0 10px; vertical-align: top; text-align: center; }

.cssHotelSearchResult .cssHeader
{
    padding: 10px; 
    border: 1px solid #DCDCDC;
    background-color: #F0F0F0; color: #000;
    font-size: 12px;
    /*background: url(images/headerbg.gif) repeat-x scroll 0 0 #fff;*/
}
/*
.cssHotelSearchResult .cssHeader2
{
	display: none;
    height:23px;
    margin-top:2px;
    padding-top: 10px; 
    padding-left: 10px;
    border: 1px solid #D3D3D3;
    background:transparent url(images/headerbg.gif) repeat-x scroll 0 0;
}
*/
.cssHotelSearchResult .cssFilter
{
	background: url(images/headerbg.gif) repeat-x scroll 0 0 #fff;
	border:1px solid #369;
	margin: 2px;
	padding: 10px;     
}

.cssHotelSearchResult .cssSort
{
	/*background: url(images/headerbg.gif) repeat-x scroll 0 0 #fff;*/
	background-color: #69c;
	/*border:1px solid #369;*/
	margin: 0.5em 0;
	padding: 3px 3px 3px 10px;
	color: #fff;  
}

.cssHotelSearchResult .cssHeader a, .cssHotelSearchResult .cssSort a, .cssHotelSearchResult .cssFilter a
{
	color:#fff;
}
.cssHotelSearchResult .cssSort a:active, .cssHotelSearchResult .cssSort a:link, .cssHotelSearchResult .cssSort a:visited { text-decoration: none; }

.cssHotelSearchResult .cssHeader a:hover, .cssHotelSearchResult .cssSort a:hover, .cssHotelSearchResult .cssFilter a:hover
{
    color:#000;  
}

.cssHotelSearchResult .cssItem
{
	width:720px;
	margin-bottom: 0.5em;
	background-color: #fff;
}

.cssHotelSearchResult .cssItemWrapper { border: 1px solid #9cf; width: 718px; }

.cssHotelSearchResult .cssItem .cssPriceTable 
{
    border-spacing:0px; border-collapse: collapse; width: 718px; background-color: #eff7ff;
}

.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceHeader
{
	background-color:#9cf;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceHeader .hdrRoomType
{
	padding-left:10px;
	text-align:left;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceHeader .hdrDays
{
	text-align:center;
	width: 60px;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceHeader .hdrTotalPrice
{
	text-align:center;
	width: 100px;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceHeader .hdrSpace
{
	text-align:center;
	width: 40px;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceDetail .dtlRoomType
{
	padding-left:10px;
	text-align:left;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceDetail .dtlDays
{
	text-align:center;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceDetail .dtlTotalPrice
{
	text-align:center;
}
.cssHotelSearchResult .cssItem .cssPriceTable .cssPriceDetail .dtlSelect
{
	text-align:center;
}

.cssHotelSearchResult .cssItem .cssThumbnail
{
    float:left;
    height:100px;
    width:100px;
    margin: 2px 5px 1px 1px;
}

.cssHotelSearchResult .cssItem .cssThumbnail img
{
	border: 1px solid #ddd;
    height: 94px;
    width: 94px;
    padding: 2px;
}
.cssHotelSearchResult .cssItem .cssDetail
{
    float:left;
    width: 580px;
    margin-top:4px;
}

.cssHotelSearchResult .cssItem .cssDetail .cssTitle
{
    color:#284265;
    float:left;
    clear:both;
    font-size:14px;
    font-weight:bold;
    margin-right:1em;
    width:100%;
}
.cssHotelSearchResult .cssItem .cssDetail .cssLocation
{
    float:left;
    clear:both;
    font-size:11px;
    width:100%;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.231;  
}

.cssHotelSearchResult .cssItem .cssDetail .cssStarContainer
{
    clear:both;
    background-image:url(images/hotelsearchresult/yellow_star.gif);
    width:1px;
    height:16px;
}

.cssHotelSearchResult .cssItem .cssPrice
{
    float:left;
    width: 718px;
    background-color: #eff7ff;
}
.cssHotelSearchResult .cssItem .cssPrice .cssFrom
{
   float:left;
   font-weight:bold;
   color:Gray;
   padding-left:2px;
   margin-top:4px;
}
.cssHotelSearchResult .cssItem .cssPrice .cssCurrency
{
 color:Green;
float:left;
font-size:11px;
font-weight:bold;
padding-left:2px;
padding-top:5px;
}
.cssHotelSearchResult .cssItem .cssPrice .cssRate
{
   float:left;
    color:Green;
    font-weight:bold;
    padding-left:2px;
    font-size:18px;
    margin-right:2px;
}
.cssHotelSearchResult .cssItem .cssPrice .cssSelect
{
	float:right;
	width: 200px;
	margin: 10px 5px 5px 0;
}
.cssHotelSearchResult .cssItem .cssPrice .cssSelect a
{

    background-image:url(images/action_btn_bg.gif);
color:white;
display:block;
float:right;
font-size:100%;
font-weight:bold;
height:18px;
padding-top:4px;
text-align:center;
text-decoration:none;
width:84px;
}




.cssHotelSearchResult .cssItem .cssDetail .cssLinks
{
clear:both;
}
.cssHotelSearchResult .cssItem .cssDetail .cssLinks a
{
text-decoration:none;
color:#0072BC;
}

.cssHotelSearchResult .cssItem .cssDetail .cssLinks a:hover
{
text-decoration:none;
color:#EB8104;
}

/********************************************************************/
.cssHotelSearchResult .cssItemHeader 
{ 
	padding: 0 10px; float: left;
}
	.cssHotelSearchResult .pageFeatures { float: right; }

	.cssHotelSearchResult .pageFeatures a
	{
		color:#336699;
		text-decoration:none;
	}

	.cssHotelSearchResult .pageFeatures a:hover
	{
		color:#336699;
		text-decoration:underline;
	}

	.cssHotelSearchResult .pageFeatures a.back
	{
		background:url(images/grouptour/back_btn.gif) no-repeat 0 4px;
		padding:0 0 0 12px;
	}
	

.cssHotelSearchResult .cssSearch 
{
	background-color: #369; border: 1px solid #9cf; border-bottom: 0px; color: #fff;
}
.cssHotelSearchResult .separator { margin-left: 10px; border-bottom: 1px solid #369; height: 10px; margin-bottom: 10px; width: 700px; clear: both; }

.cssHotelSearchResult .cssItemHeader .cssDetail .cssTitle
{ 
	color:#369;
	font-size: 18px;
	font-weight: bold;
}

.cssHotelDetails { width: 720px; }
.cssHotelDetails .content-left { float: left; width: 550px; }
.cssHotelDetails .content-right { float: right; width: 162px; }

.cssHotelDetails .cssImage
{
	width: 150px;
    margin-bottom: 10px;
    border:1px solid #D3D3D3;
    padding: 5px;
}
.cssHotelDetails .cssImage img { width: 150px; height: 100px; }
.cssHotelDetails .cssDescription {   }
.cssHotelDetails .cssDescription .cssTitle, .cssHotelDetails .cssDescription2 .cssTitle
{
    /*-moz-border-radius:5px 5px 5px 5px;
    background-color:#eff7ff;
    border: 1px solid #9cf;*/
    color:#369;
    font-size:14px;
    font-weight:bold;
    padding: 0 8px;
}
.cssHotelDetails .cssDescription .cssBody
{
    line-height: 20px;
    margin: 5px 0 0 10px;
    font-size:12px;
    max-width: 100% ;
}
.cssHotelDetails .cssDescription2 { margin-bottom: 10px; }

.cssHotelDetails .cssDescription2 .cssBody
{
    line-height: 20px;
    margin: 5px 0 0 30px;
    font-size: 13px;
    max-width: 100% ;
}
.cssHotelDetails .cssDescription2 .cssBody li { list-style: square; }

/***************************/
.cssHotelPrice
{
    border:thin solid lightgrey;
}
.cssHotelPrice table
{
    width:100%;
    font-size:12px; 
    
}
.cssHotelPrice thead
{
     background-color:Gray;
     color:#626262;
     text-align:center;
     font-weight:bold;
}

.cssHotelPrice tbody
{
}
.cssHotelPrice tbody  .even
{
    background-color:White;
}
.cssHotelPrice tbody  .odd
{
    background-color:#EAEAEA;
}
.cssHotelPrice tbody .cssRoomType
{
    
}
.cssHotelPrice tbody .cssTotalPrice
{
    text-align:right;
}
.cssHotelPrice tbody .cssAddToCart
{
    text-align:center;
}
.cssHotelPrice tbody .cssAddToCart a
{
    background-image:url(images/action_btn_bg.gif);
    display:block;

    font-size:10px;
    font-weight:bold;
    height:22px;
    padding-top:0px;
    text-align:center;
    text-decoration:none;
    width:84px;
    margin-left:auto;
    margin-right:auto;
}


/**************************** Pagination ********************************/
#pageLabel { padding-top: 7px; }

/**************************** Hotel Search Results Page Pagination ********************************/
.pagingBar
{
    padding:0;
    height:25px;
}
    
    .pagingBar .pageIndicator
    {
        float:left;
        margin:0;
        padding:7px 0 0 7px;        
        background-color:#fff;
        font:normal bold 11px Arial,Helvetica,sans-serif;
        height:18px;              
    }

    .pagingBar .pagination
    {
        float:right;
        margin:0 8px 0 0;
        padding:0;        
        background-color:#fff;
        font:normal 11px Arial,Helvetica,sans-serif;
        height:25px;
    }

        .pagingBar .pagination ul
        {
            font-size:11px;
            font-weight:bold;
            margin:0;
            padding:5px 0 0 60px;            
        }

        .pagingBar .pagination li
        {
            float:left;
            display:inline;        
            list-style-type:none;
            padding:0;
        }     
    
        .pagingBar .pagination a,
        .pagingBar .pagination a:visited
        {
            margin:2px 2px 0pt 0pt;
            width:21px;
            color:#338CC4;
            padding:0;
            background-color:#d7eff7;
            text-align:center;
            display:block;
        }
        
        .pagingBar .pagination a.currentpage
        {
            margin:2px 4px 0px 0pt;
            color:#fff;
            cursor:default;
            font-weight:bold;
            text-decoration:none;
            background-color:#2EBAD4;
            display:block;
            width:21px;
        }
    
        .pagingBar .pagination a.back
        {
            width:18px;
            height:18px;
            margin:0 2px 0 0;
            background:url(images/pagination/pagination_arrow_left.gif) no-repeat;
        }

        .pagingBar .pagination a.back:hover
        {
            width:18px;
            height:18px;
            margin:0 2px 0 0;
            background:url(images/pagination/pagination_arrow_left_hover.gif) no-repeat;
        }
    
        .pagingBar .pagination a.next
        {
            width:18px;
            height:18px;
            margin:0;
            background:url(images/pagination/pagination_arrow_right.gif) no-repeat;
        }

        .pagingBar .pagination a.next:hover
        {
            width:18px;
            height:18px;
            margin:0;
            background:url(images/pagination/pagination_arrow_right_hover.gif) no-repeat;
        }