/*********************************************************************
(c) Copyright Travelspeak.org 2006-2008. All rights reserved.
	Last updated: 2008/08/27 - Alan
	* Updated new image directory links
----------------------------------------------------------------------
	homepage.css - Used exclusively on the homepage
*********************************************************************/

/* Homepage CSS Document Start */

#mainimg {height: 200px; background: url(/assets/images/main/mainimg_hmp_006.jpg) no-repeat center !important;}/* an overwrite of the one in 2col or 3col.css*/

/* Homepage Layout */
.intro {width:970px; margin:10px 0 20px 0; overflow:hidden;}
.newsbox {width:250px; height:260px; margin:0; padding:0; float:left;}
.hmp_main {width:970px; overflow:hidden;}

.hmp_main .hmp_booking {width:970px; margin:0 0 10px 0; float:left;}
.hmp_main .hmp_booking_lft {width:320px; margin:0; padding:0; float:left;}
.hmp_main .hmp_booking_ctr {width:340px; margin:0; padding:0;  float:left;}
.hmp_main .hmp_booking_rgt {width:260px; margin:0; padding:0; float:left;}
.hmp_main .hmp_booking h2 {color:#3090c7;}
.hmp_main .btn_booknow {float:left; margin:0 10px 20px 0;}
.hmp_main .bookingintro {width:640px;}

.hmp_main .hmp_booking dl {width:300px; height:90px; margin:10px 0 20px 0; padding:0;}
.hmp_main .hmp_booking dl dt, .hmp_main .hmp_booking dl dd {width:300px; margin:0; padding:0;}
.hmp_main .hmp_booking dl dt span, .hmp_booking dl dd span {margin:0; padding: 0; display:block;}
.hmp_main .hmp_booking dl dt a {color:#3090c7; font-size:125%; border:none; text-decoration:none; display:block; padding:5px 30px 0 130px;}
.hmp_main .hmp_booking dl dd a {color:#555555; font-size:100%; line-height:125%; border:none; text-decoration:none; display:block; padding:5px 30px 10px 130px;}

.hmp_booking dl.hmp_bangkok {background: url(/assets/images/home/hmp_btn_bangkok.jpg) no-repeat;}
.hmp_booking dl.hmp_chiangmai {background: url(/assets/images/home/hmp_btn_chiangmai.jpg) no-repeat;}
.hmp_booking dl.hmp_huahin {background: url(/assets/images/home/hmp_btn_huahin.jpg) no-repeat;}
.hmp_booking dl.hmp_kohchang {background: url(/assets/images/home/hmp_btn_kohchang.jpg) no-repeat;}
.hmp_booking dl.hmp_kohsamui {background: url(/assets/images/home/hmp_btn_kohsamui.jpg) no-repeat;}
.hmp_booking dl.hmp_krabi {background: url(/assets/images/home/hmp_btn_krabi.jpg) no-repeat;}
.hmp_booking dl.hmp_pattaya {background: url(/assets/images/home/hmp_btn_pattaya.jpg) no-repeat;}
.hmp_booking dl.hmp_phuket {background: url(/assets/images/home/hmp_btn_phuket.jpg) no-repeat;}

.hmp_main .hmp_lft {width:480px; margin: 0 10px 0 0; padding:0; float:left;}
.hmp_main .hmp_rgt {width:480px; margin:0; padding:0; float:left;}

.hmp_hotels {width:480px; margin:0;}
.hmp_hotels .bluebox .cnt {background: url(/assets/images/home/hmp_hdr_hotels.jpg) no-repeat; padding:100px 15px 15px 15px;}

.hmp_tours {width:480px; margin:0; float:left;}
.hmp_tours .redbox .cnt {background: url(/assets/images/home/hmp_hdr_tours.jpg) no-repeat; padding:100px 15px 15px 15px;}

.hmp_guide {width:235px; margin:0 10px 0 0; float:left;}
.hmp_guide .yellowbox .cnt {background: url(/assets/images/home/hmp_hdr_guide.jpg) no-repeat; padding:100px 15px 15px 15px;}

.hmp_responsible {width:235px; margin:0; float:left;}
.hmp_responsible .greenbox .cnt {background: url(/assets/images/home/hmp_hdr_responsible.jpg) no-repeat; padding:100px 15px 15px 15px;}

/* Feature Box Slider */
noscript p, noscript ol {color:#a00; font-size:13px; line-height:1.4em; text-align:left;}
noscript a {color:#a00; text-decoration:underline;}
noscript ol {margin-left:25px;}

/* Loading */
.csw {width: 100%; height: 260px; background: #eff6fc; overflow:scroll;}
.csw .loading {margin: 110px 0 110px 0; text-align:center;}

.featurebox {width:710px; margin:0 10px 0 0; padding:0; position:relative; z-index:0; float:left;}
.stripViewer {width:710px; height:260px; background: url(/assets/images/boxes/featurebox_blue.gif) no-repeat; position:relative; overflow: hidden; margin:auto; clear:both; z-index:0;}
.stripViewer .panelContainer {width:100%; position:relative; left:0; top:0; list-style-type:none; /* -moz-user-select: none; */}
.stripViewer .panelContainer .panel {width:710px; height:100%; float:left; position:relative; background: url(/assets/images/boxes/featurebox_blue.gif) no-repeat; /* Can be used to individually style background */}
.stripViewer .panelContainer .panel2 {width:710px; height:260px; float:left; position:relative; background: url(/assets/images/boxes/featurebox_blue.gif) no-repeat;}
.stripViewer .panelContainer .panel3 {width:710px; height:260px; float:left; position:relative; background: url(/assets/images/boxes/featurebox_blue.gif) no-repeat;}
.stripViewer .panelContainer .panel .wrapper {padding:15px;}

/* Nav */
.stripNav {margin: 0 0 0 50px; position:absolute; top:220px; z-index:1; /* This is the div to hold your nav (the UL generated at run time) */}
.stripNav ul {width:710px; margin:0 auto; list-style: none; /* The auto-generated set of links */}
.stripNav ul li {float: left; margin-right: 5px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a { /* The nav links */ font-size:90%; font-weight: bold; text-align: center; line-height: 38px; background: url(/assets/images/boxes/featurebox_blue_off.gif) no-repeat; color: #555; text-decoration: none; display: block; padding: 0 15px; border: 1px solid #82cafa; border-right: 1px solid #82cafa; border-bottom: 1px solid #82cafa; border-top: 1px solid #eff6fc; }

.stripNav li.tab1 a, .stripNav li.tab2 a, .stripNav li.tab3 a, .stripNav li.tab4 a, .stripNav li.tab5 a  {border: 1px solid #82cafa; background: url(/assets/images/boxes/featurebox_blue_off.gif) no-repeat;}
.stripNav li.tab1 a:hover, .stripNav li.tab2 a:hover, .stripNav li.tab3 a:hover, .stripNav li.tab4 a:hover, .stripNav li.tab5 a:hover  {border: 1px solid #82cafa; border-top:1px solid #eff6fc; background: url(/assets/images/boxes/featurebox_blue_on.gif) no-repeat;}
.stripNav li.tab1 a.current, .stripNav li.tab2 a.current, .stripNav li.tab3 a.current, .stripNav li.tab4 a.current, .stripNav li.tab5 a.current  {border: 1px solid #82cafa; border-top:1px solid #eff6fc; background: url(/assets/images/boxes/featurebox_blue_on.gif) no-repeat;}

.stripNavL, .stripNavR {position:absolute; top:220px; text-indent:-9000em; z-index:2;}
.stripNavL a, .stripNavR a {display:block; height:40px; width:40px; border:none !important;}
.stripNavL {left:0;}
.stripNavR {right:0;}
.stripNavL a {background: url("/assets/images/icons/sliderarrow_lft_off.gif") no-repeat center;}
.stripNavL a:hover {background: url("/assets/images/icons/sliderarrow_lft_on.gif") no-repeat center;}
.stripNavR a {background: url("/assets/images/icons/sliderarrow_rgt_off.gif") no-repeat center;}
.stripNavR a:hover {background: url("/assets/images/icons/sliderarrow_rgt_on.gif") no-repeat center;}
/* .Feature Box Slider */

/* Additional Formatting */
ul {list-style: none; margin: 0 0 10px 0; padding: 0;}
li {margin: 0; padding: 0;}
/* /Additional Formatting */

/* /Homepage CSS Document End */

/*********************************************************************
(c) Copyright Travelspeak.org 2006-2008. All rights reserved.
----------------------------------------------------------------------
	homepage.css
*********************************************************************/