/* Designed and Coded By: Syosys Technologies Date: 26/5/2009 */ *{ padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000; line-height:17px;} body{background:url(../images/main_bg.jpg) no-repeat top center; background-color:#eee8da;} p{ color:#665946;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container{width:980px; padding:0; margin:0 auto; } #container object{ width:889px; height:329px; float:left; position:relative;left:43px; padding:0; margin:0;} #container .banner{ height:273px;} #container .banner .logo{ float:left; position:absolute; top:0; left:180px;} #container .banner .follow{ float:right; width:330px; padding:15px; font-size:11px; position:absolute; top:0; right:190px;} #container .banner .follow p{ color:#85827e; float:left; padding-top:12px;font-size:11px;} #container .banner .follow li{ float:left; padding-left:10px; padding-top:8px;} #container .banner .follow li:hover{ float:left; padding-left:10px; padding-top:8px; opacity:.8; filter:alpha(opacity=80)} #container .banner .follow .trip_adv{ float:left; padding-left:15px;} #container #main{ background:url(../images/container_bg.png)top repeat-y; position:relative; top:0px; height:auto;} #container #main #menu{ position:absolute; top:15px; padding-left:20px;} #container #main #menu li{float:left;} #container #main #menu li a.active{ background:url(../images/menu_bg.png) repeat-x top left;color:#111;} #container #main #menu li a:hover{ background:url(../images/menu_bg.png) repeat-x top left; color:#333;} #container #main #menu li a{padding:22px 12px; text-decoration:none; color:#603d22;} #container #main #left{ float:left; padding:20px; width:625px;} #container #main #left h2{ font-size:18px; padding-bottom:15px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #left h3{ font-size:13px; padding-bottom:10px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #left h4{ font-size:12px; padding-bottom:10px; color:#915400; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #left .right_overview{ float:right; padding:0 15px;} #container #main #left p{ font-size:12px; padding-bottom:10px; line-height:18px;} #container #main #left a.more{ float:left; padding:10px 0 0 0; font-size:12px; text-decoration:underline; color:#7f4b02;} #container #main #left .left_bottom{ float:left; background:url(../images/attr_food_bg.jpg) no-repeat top left; width:607px; height:219px; margin-top:15px;} #container #main #left .left_bottom .colum{ width:270px;padding:15px; float:left;} #container #main #left .left_bottom .colum h2{ font-size:16px; float:left; padding-left:5px; color:#553303;} #container #main #left .left_bottom .colum .more_right{ float:right; padding:0 0 10px 0; font-size:12px; text-decoration:underline; color:#7f4b02;} #container #main #left .left_bottom .colum .more_right:hover{color:#bd720a} #container #main #left .left_bottom .colum img{ padding-top:10px} #container #main #left .left_bottom .colum p { color:#665946;} #container #main #left ul{ list-style:none;} #container #main #left ul li{ line-height:30px;font-size:12px;color:#563303; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/arrow1.png) no-repeat left; padding-left:22px; background-position:0 10px;} #container #main #left ul li a{font-size:14px; text-decoration:underline; color:#7f4b02; padding:20px 0;} #container #main #left ul li a:hover{ color:#000; text-decoration:none;} #container #main #left .destinations{ width:620px; list-style:none; float:left; margin-bottom:10px;} #container #main #left .destinations li{ background-image:none; padding:0; border-bottom:dashed 1px #e3c79b; float:left;} #container #main #left .destinations li h5{font-size:12px; padding:10px 0; color:#764501; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #left .destinations li img{ padding-right:10px; padding-bottom:10px; float:left;} #container #main #left .destinations li .img2{ padding-left:10px; padding-bottom:10px; float:right;} #container #main #left .noticeboard{ width:621px; list-style:none; float:left;} #container #main #left .noticeboard .bottomimg{ padding-top:10px;} #container #main #left .noticeboard .notice{ background:#f4efdb; padding-bottom:10px;} #container #main #left .noticeboard .notice h3{font-size:14px; padding:5px 20px 10px 20px; color:#764501; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} #container #main #left .noticeboard .notice h6{font-size:12px; padding:10px 20px; color:#362309; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} #container #main #left .noticeboard .notice ul{ padding:0 20px;} #container #main #left .noticeboard .notice p{padding:0 20px;} #container #main #left .noticeboard .notice a img{ margin:10px 20px;} #container #main #left .res_form{ float:left; width:500px; float:left; margin:10px 0 0 50px;font-size:12px;color:#563303; font-family:Georgia, "Times New Roman",} #container #main #left .res_form ul{ list-style:none;} #container #main #left .res_form ul li{ float:left; padding:0 30px 20px 0; width:500px; background-image:none;} #container #main #left .res_form ul li label{float:left;width:200px;font-size:12px;color:#563303; font-family:Georgia, "Times New Roman",} #container #main #left .res_form ul li input{ float:left;width:250px; height:20px; background:#fdfaf2; border:solid 1px #ede7d9; padding:5px; color:#6e5e4c;} #container #main #left .res_form ul li input:hover{ float:left;width:250px; height:20px; background:#fbfbf9; border:solid 1px #e3dbc9;padding:5px; color:#6e5e4c;} #container #main #left .res_form ul li input.checkin{ float:left;width:208px; height:20px; background:#fdfaf2; border:solid 1px #ede7d9; padding:5px; color:#6e5e4c;} #container #main #left .res_form ul li input.checkin:hover{ float:left;width:208px; height:20px; background:#fbfbf9; border:solid 1px #e3dbc9;padding:5px; color:#6e5e4c;} #container #main #left .res_form ul li select{float:left; background:#fdfaf2; border:solid 1px #ede7d9; color:#6e5e4c;width:260px; height:30px;padding:5px;} #container #main #left .res_form ul li .calender{ padding-left:10px;} #container #main #left .res_form ul li select:hover{float:left; background:#fbfbf9; border:solid 1px #e3dbc9; color:#6e5e4c;} #container #main #left .res_form ul li textarea{float:left; width:250px; height:56px; background:#fdfaf2; border:solid 1px #ede7d9;padding:5px; color:#6e5e4c;margin-right:6px;} #container #main #left .res_form ul li textarea:hover{float:left; width:250px; height:56px; background:#fbfbf9; border:solid 1px #e3dbc9;padding:5px; color:#6e5e4c; margin-right:6px;} #container #main #left .res_form ul li input.submitbtn{width:89px; height:31px; background:url(../images/submit.png) no-repeat top; float:left; margin-left:10px; margin-right:6px; border:none;} #container #main #left .res_form ul li input.submitbtn:hover{width:89px; height:31px; background:url(../images/submit_hover.png) no-repeat top;border:none;} #container #main #left .res_form ul li input.resetbtn{width:89px; height:31px; background:url(../images/reset.png) no-repeat top; margin-right:0px;padding-right:0; float:left;margin-left:200px;border:none; } #container #main #left .res_form ul li input.resetbtn:hover{width:89px; height:31px; background:url(../images/reset_hover.png) no-repeat top;border:none;} #container #main #gallery{ float:left; padding:20px 20px 20px 20px; width:940px;} #container #main #gallery h2{ font-size:18px; padding-bottom:15px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #gallery ul{ float:left; list-style:none; margin-top:10px;} #container #main #gallery ul li{ float:left; background:url(../images/galbg.png) no-repeat top left; width:212px; height:142px; padding:10px 30px 20px 0; list-style:none;} #container #main #gallery ul li.nopad{ padding-right:0;} #container #main #gallery ul li a{ float:left; padding:0 9px;} #container #main #gallery ul li a img{ position:relative; top:-2px; border-radius:10px 0 10px 0px} #container #main #gallery ul li:hover{ background:url(../images/galbg_hover.png) no-repeat top left;} #container #main #left .contact{width:230px; float:left; background:#f8f6e9; padding:15px 20px; height:360px;} #container #main #left .contact p{color:#563303; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;} #container #main #left .contact p strong{color:#563303; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;} #container #main #left .contact h3{ float:left;color:#563303; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;padding-bottom:15px; width:260px;} #container #main #left .locate{ width:300px; float:right; background:#f8f6e9; padding:15px 20px; height:360px; margin-right:10px;} #container #main #left .locate .map{ width:300px; height:320px; margin:2px 0 8px 0;} #container #main #left .locate h3{ float:left;color:#563303; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px;padding-bottom:15px; width:280px;} #container #main #right{ float:right; width:314px; height:439px; background:url(../images/form_bg.png) no-repeat top left; margin:0; position:relative; left:-15px;} #container #main #right h2{ font-size:18px; padding:18px 0 10px 25px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #right .form{ width:255px; padding:0px 25px; float:left;} #container #main #right .form li{ list-style:none; font-size:12px; color:#2a2a2a; margin-bottom:2px; float:left;} #container #main #right .form li img{ position:relative; top:7px; left:5px; } #container #main #right .form li label{ font-size:12px; color:#2a2a2a; width:75px; float:left; } #container #main #right .form li input{width:155px; height:10px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin:5px 0; color:#6e5e4c; margin-left:12px;} .captcha_input{width:140px; height:10px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin:5px 0; color:#6e5e4c; margin-left:12px; } /*#container #main #right .form li input:hover{width:155px; height:15px; background:#f8f1e2; border:solid 1px #dacba7; padding:5px;color:#6e5e4c;}*/ #container #main #right .form li input.arrival{width:125px; height:10px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin:5px 0; color:#6e5e4c; margin-left:12px;} /*#container #main #right .form li input.arrival:hover{width:125px; height:15px; background:#f8f1e2; border:solid 1px #dacba7; padding:5px;color:#6e5e4c;}*/ #container #main #right .form li input.small{width:30px; height:10px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin:5px 0; color:#6e5e4c; margin-left:12px;} /*#container #main #right .form li input.small:hover{width:30px; height:15px; background:#f8f1e2; border:solid 1px #dacba7; padding:5px;color:#6e5e4c;}*/ #container #main #right .form li label.persons{ font-size:12px; color:#2a2a2a; width:50px; float:left; padding-top:10px; margin-left:20px;} #container #main #right .form li input.submitbtn{width:85px; height:26px; background:url(../images/submit.png) no-repeat top; border:none; margin-left:85px;} /*#container #main #right .form li input.submitbtn:hover{width:89px; height:31px; background:url(../images/submit_hover.png) no-repeat top;}*/ #container #main #right .location a{ color:#FFF; margin-left:40px; width:200px; float:left;position:relative; text-decoration:none;} #container #main #right .location a:hover{ color:#faefd6;} #container #main #right .location img{ padding-right:20px; position:relative; top:-6px;} .location span{ position:relative; top:-20px; color:#fff} .location span:hover{ position:relative; top:-20px; color:#faefd6} #container #main #innerright{ float:right; width:314px; background:url(../images/innerright_bg.png) repeat-y top left; margin:0; position:relative; left:-15px;} #container #main #innerright .imgtop{ position:relative; top:-5px;} #container #main #innerright .imgbottom{ position:relative; top:5px;} #container #main #innerright h2{ font-size:18px; padding:10px 0 10px 25px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #container #main #innerright ul{ list-style:none;padding:0 0 10px 25px;} #container #main #innerright ul h6{font-size:12px; color:#362309; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold;} #container #main #innerright ul li{ line-height:30px;font-size:14px;color:#563303; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/arrow.png) no-repeat left; padding-left:22px; background-position:0 9px;} #container #main #innerright ul li a{color:#bd720a;} #container #main #innerright ul li a:hover{color:#563303; text-decoration:none;} #container #main #innerright .form{float:left; list-style:none; margin:20px;} #container #main #innerright .form ul{list-style:none;} #container #main #innerright .form ul li{background-image:none; padding:0; margin:0; } #container #main #innerright .form ul li input{width:220px; height:16px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin:7px 0; color:#747474;} #container #main #innerright .form ul li input:hover{width:220px; height:16px; background:#f8f1e2; border:solid 1px #dacba7; padding:5px;color:#747474;} #container #main #innerright .form ul li textarea{width:220px; height:50px; background:#faefd6; border:solid 1px #dacba7; padding:5px; margin-top:7px;color:#747474;} #container #main #innerright .form ul li textarea:hover{width:220px; height:50px; background:#f8f1e2; border:solid 1px #dacba7; padding:5px;color:#747474;} #container #main #innerright .form ul li input.sendbtn{width:89px; height:31px; background:url(../images/submit.png) no-repeat top; border:none;} #container #main #innerright .form li input.sendbtn:hover{width:89px; height:31px; background:url(../images/submit_hover.png) no-repeat top;} #container #main .thanks{ float:left; padding:20px; width:930px;} #bottompanel{ width:100%; background:url(../images/footerbg.png) repeat; float:left;} #bottompanel .bottommain{width:980px; padding:0; margin:0 auto; position:relative;} #bottompanel .bottommain .shadowtop{ padding:0 90px; float:left;} #bottompanel .bottommain .gallery{ width:980px; height:223px; background:url(../images/gallerybg.png) no-repeat top left; float:left;} #bottompanel .bottommain h2{ font-size:16px; padding:15px; color:#563303; font-family:Georgia, "Times New Roman", Times, serif;} #bottompanel .bottommain h2 a{ float:right; font-size:12px; text-decoration:underline; color:#7f4b02} #bottompanel .bottommain h2 a:hover{ text-decoration:underline; color:#bd720a;} #bottompanel .bottommain .gallery ul{ list-style:none;} #bottompanel .bottommain .gallery ul li{ float:left; width:211px; height:182px; margin:18px 16px;} #bottompanel .bottommain .gallery ul li:hover{opacity:.8; filter:alpha(opacity=80)} #bottompanel .bottommain .gallery ul li .img1{ margin-left:10px;} #bottompanel .bottommain .gallery ul li .img2{ margin-left:7px;} #bottompanel .bottommain .shadowbot{ padding:0 90px; float:left; margin-top:25px;} #bottompanel .bottommain #footer{list-style:none; float:left; margin-left:100px; background:url(../images/bottomline.png) no-repeat bottom center;} #bottompanel .bottommain #footer li{float:left;} #bottompanel .bottommain #footer li a{float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#5e5757; padding:15px 10px; text-align:center; font-style:italic; text-decoration:none;} #bottompanel .bottommain #footer li a:hover{color:#bd720a} #bottompanel .bottommain .copyright{float:left;font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#5e5757; padding:20px;} #bottompanel .bottommain .copyright span{ padding-left:310px;Georgia, "Times New Roman", Times, serif; font-size:12px; color:#5e5757;} #bottompanel .bottommain .copyright span img{ position:relative; top:2px;} #bottompanel .bottommain .bottomimg{ float:right; position:absolute; right:20px; top:260px;} #bottompanel .bottommain .bottomimginner{ float:right; position:absolute; right:20px; top:-22px;} /* the div that holds the date picker calendar */ .dpDiv { } /* the table (within the div) that holds the date picker calendar */ .dpTable { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; width:180px; color: #505050; background-color: #e8d7aa; border:none; } /* a table row that holds date numbers (either blank or 1-31) */ .dpTR { } /* the top table row that holds the month, year, and forward/backward buttons */ .dpTitleTR { } /* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTR { } /* the bottom table row, that has the "This Month" and "Close" buttons */ .dpTodayButtonTR { } /* a table cell that holds a date number (either blank or 1-31) */ .dpTD { border: 1px solid #ece9d8; } /* a table cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlightTD { background-color: #d2b056; border:none; } /* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */ .dpTDHover { background-color: #dbbb68; border:none; cursor: pointer; color:#fff; } /* the table cell that holds the name of the month and the year */ .dpTitleTD { } /* a table cell that holds one of the forward/backward buttons */ .dpButtonTD { } /* the table cell that holds the "This Month" or "Close" button at the bottom */ .dpTodayButtonTD { } /* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */ .dpDayTD { background-color: #985801; border: 1px solid #e8d7aa; color: white; } /* additional style information for the text that indicates the month and year */ .dpTitleText { font-size: 12px; color: #000; font-weight: bold; } /* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlight { color: 4060ff; font-weight: bold; } /* the forward/backward buttons at the top */ .dpButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; border:none; color:#fff; background: #5e3906; font-weight: bold; padding: 0px; } /* the "This Month" and "Close" buttons at the bottom */ .dpTodayButton { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color:#fff; background: #5e3906; border:none; font-weight: bold; } .captcha{ height:30px; float:left} .code{ font-size:12px} ul.ext-tariff li{ margin-top: -9px; } ul.ext-tariff h3{ margin-top: 10px; }