/**
 * Stylesheet for Thai-Tour.com (Hotel)
 * www.thai-tour.com
 *
 * Stylesheet for Hotel-Area Page
 *
 * Authour: K Vorapol
 * Contact: www.chlorophill.net
 *
 ******************************************************************************/

/**
 * Navigation
 *
 ***********************/
	#navigation-holder {
		margin: 10px 0;
	} 
 	
	#navigation {
		float: left;
		margin: 10px;
		margin-bottom: 0;
		padding: 0;
	}
	
	#navigation ul li {
		float: left;
		list-style: none;
		margin: 0 5px;
		/*border: 1px solid red;*/
	}
	
	#navigation ul li a {
		font-size: 1.1em;
		color: #000;
	}
	
	#navigation ul li a:hover {
		color: #fff;
	}
/**
 * Breadcrumbs & SearchBox
 *
 ***********************/
    body#hotelarea #breadcrumbs-holder {
        margin: 10px auto;
        padding: 0;
    }
    
    body#hotelarea #breadcrumbs {
        /*float: left;
        width: auto;
        margin: 0;*/
        margin: 10px;
    }
    
    body#hotelarea .searchbox {
        float: right;
        /*width: 350px;*/
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
        clear: both;
    }
    
    body#hotelarea .searchbox input.searchinput {
    	width: 470px;
        height: 22px;
        background: url(../hotel-bg/searchinput.gif) no-repeat top left !important;
        border: none !important;
        color: #666;
        font-size: 11px;
    }
    
    body#hotelarea .searchbox input.searchbutton {
        width: 18px;
        height: 16px;
        background: url(../hotel-bg/searchbutton.gif) no-repeat;
        border: none;
        position: relative;
        left: -30px;
        top: -1px;
        cursor: pointer;

    }
    

/**
 * Aside Content
 *
 ***********************/
    #asidecontent-holder {
    	float: left;
    }
    
    #asidecontent {
        margin-top: 10px;
        width: 170px;
        padding: 2px;
        border: 1px solid #6dafe8;
        overflow: hidden;
    }
    
    #asidecontent * {
	 	list-style: none;
	}
    
    
/**
 * Bside Content
 *
 ***********************/
    #bsidecontent-holder {
    	float: right;
    }
    
    #bsidecontent {
        /*margin-top: 10px;
        width: 170px;
        padding: 2px;
        border: 1px solid #6dafe8;*/
        overflow: hidden;
    }
    
    #asidecontent h3, #bsidecontent h3, #bsidecontent h3 a {
		padding: 2px;
		background: #266092;
		color: #fff;
	}
	
	#asidecontent ul li, #bsidecontent ul li  {
		font-size: 10px;
		line-height: 1.3em;
		text-indent: 1.5em;
	}
    

/**
 * Main Content
 *
 ***********************/
    body#hotelarea #maincontent  {
        width: 570px;
        margin: 0 10px 10px 10px;
        padding: 0;
        background: none !important;        
    }
    
    body#hotelarea #maincontent-holder {
		float: left;
		width: 570px;
		padding: 0;
		margin: 10px;
	}

    body#hotelarea #info, body#hotelarea #hotellist {
        width: 560px;
        padding-right: 10px;
        margin-bottom: 10px;
        float: left;
    }
    
    body#hotelarea #info h1, body#hotelarea #hotellist h1 {
        font-size: 20px;
        color: #fff;
        margin: 10px;
        margin-bottom: 0;
    }
    
    body#hotelarea #info p {
        text-indent: 3em;
        padding: 5px;
        padding-right: 10px;
    }
    

/**
 * PageNav
 *
 ***********************/
    body#hotelarea .pagenav {
        float: left;
        overflow: hidden;
    }
    
    body#hotelarea .pagenav ul {
        float: left;
    }
    
    body#hotelarea .pagenav ul span {
        float: left;
        background: none;
        font-size: 10px;
        margin-right: 10px;
    }
    
    body#hotelarea .pagenav ul li  {
        float: left;
        list-style: none;
        margin: 4px;
    }
    
    body#hotelarea .pagenav ul li a {
        padding: 3px 5px;
    }
    
    body#hotelarea .currency {
        margin-right: 10px;
        overflow: hidden;
        float: right;
    }
    
    body#hotelarea .currency form select {
        font-size: 10px;
        padding: 2px;
        border: 1px solid #666;
    }
    
    
/**
 * Table of Hotels
 *
 ***********************/
    body#hotelarea #hotellist table, body#hotelarea #hotellist table th, body#hotelarea #hotellist table tr,
    body#hotelarea #hotellist table td {
        border: none;
        border-collapse: collapse;
        text-align: center;
    }
    
    body#hotelarea #hotellist table th, body#hotelarea #hotellist table tr, body#hotelarea #hotellist table td {
        padding: 10px 4px;
    }
    
    body#hotelarea #hotellist table {
        clear: both;
        width: 530px;
        margin: 10px 0;
    }
    
    body#hotelarea #hotellist table th {
		background: #6dafe8;
		padding: 2px 4px;
	}
    
    body#hotelarea #hotellist table th.hlistname-header {
        width: 35%;
    }
    
    body#hotelarea #hotellist table tr.even {
        background: #e6faff;
    }
    
    /** Arrange Result Query **/
    .hlistname-header {
        width: 184px;
        /*height: 28px;*/
        color: #fff;
        /*background: transparent url(../hotel-bg/header-hname.gif) center center no-repeat;*/
    }
    
    .hlistname-header.arrange {
        background: transparent url(../hotel-bg/header-hname-arrange.gif) center center no-repeat;
    }
    
    .hlist-header {
        width: 119px;
        /*height: 28px;*/
        color: #fff;
        /*background: transparent url(../hotel-bg/header.gif) center center no-repeat;*/
    }
    
    hlist-header .arrange {
        /*background: transparent url(../hotel-bg/header-arrange.gif) center center no-repeat;*/
    }
    
/**
 * Bottompage
 *
 ***********************/
  	#bottompage {
  		clear: both;
  		text-align: center;
  		margin: 10px 0 20px 0;
	}
	
	#bottompage ul {
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		clear: both;
	}
	
	#bottompage ul li {
		display: inline;
		list-style: none;
	}
	
	#bottompage img {
	margin-top: 5px;
		border: 1px solid #666;
	}
    
/**
 * Footer
 *
 ***********************/
 	#footer {
	 	clear: both;
	}
	
	#recentpage {
		border: 1px solid #6dafe8;
	}
	
	#recentpage h3 {
		padding: 2px;
		background: #266092;
		color: #fff;
	}
		
	.sidebox {
		margin: 10px 0;
        width: 170px;
        padding: 2px;
        border: 1px solid #6dafe8;
        overflow: hidden;
	}