﻿/* 
* NeydiBu
* Copyright (c) 2010 Burak Dönertaş
* http://blogdestek.com
*/

/* @ css-import */
@import "reset.css";

/* @ html elements  */
body{text-align:center; line-height:1em; color:#323232; font-family:Tahoma, Arial, sans-serif; overflow-x:hidden;}
img{border:none;}			
fieldset{margin:0; padding:0; border:none;}
a, a:visited{text-decoration:none; color: black;}
p{line-height:1.4em;}
.clear {clear: both;}

/* @ main - header elements  */
.container {width: 950px; margin: 0px auto; text-align: left;}
.header {width: 950px; height: 219px; background: url(/newfrontend/images/top.jpg);}
.logo { width: 160px; height: 150px; display: block; padding: 10px 0px 0px 0px; float: left; text-indent: -9999px;}
.search {float: right; margin: 20px 10px 0px 0px;  width: 165px;}
.search .aragiris {background: none; border: none; width: 130px; height: 15px; float: left; font-size: 11px; padding-top: 3px;}
.search .arabuton {background: none; border: none; width: 23px; height: 20px; cursor: pointer; float: right; margin: 0 5px 0 0;}
.navigasyon {height: 39px; margin: 18px 0 0 8px;}
.navigasyon ul {list-style: none; padding: 0px 0 0 0px;}
.navigasyon ul li {height: 39px; float: left; background: url(/newfrontend/images/navi_line.png) top right no-repeat; padding: 0px 12px 0px 10px;}
.navigasyon ul li a {margin: 15px 0 0 0; display: block; color: #595959; font-size: 14px;}
/*.navigasyon ul li a:hover {text-decoration: underline;}*/


/* @ find hotel-reservation and slider box elements  */

.maintoolbox {margin: 10px 0 0 0; clear: both;}

/* @ find your hotel elements  */

.findhotels {width: 180px; height: 221px; background: url(/newfrontend/images/findhotels.png) no-repeat; float: left;}
.findhotels h2 {font-size: 15px; color: white; background: url(../images/title_icon.png) 5px 5px no-repeat; padding: 7px 0 0px 23px; position: absolute; margin: 3px 0 0 0;}
.hotellist {list-style: none; margin: 25px 0 0 5px; font-size: 13px;}
.hotellist li {background: url(../images/white_dot.png) 9px 7px no-repeat ; height: 17px; padding: 7px 0px 0px 0px;}
.hotellist li:hover {background: black; background: url(../images/gray_dot.png) 0px 0px no-repeat;}
.hotellist li a {font-weight: bold; color: white;  display: block; width: 145px; padding: 0px 0px 0px 25px !important; }
.seeallhotels {width: 172px; height: 26px; background: url(../images/see_all.png) no-repeat; display: block; text-indent: -9999px; margin: 3px 0px 0px 5px;}


/* @ reservation */

.reservation {width: 421px; min-height: 221px; background: url(../images/reser_bottom.png) bottom no-repeat; float: left; margin: 0 0 0 10px; position: absolute; z-index: 999; margin: 0 0 0 190px}
*:first-child+html .reservation {margin: 0 0 0 10px;}
.reservation .top {width: 425px; height: 35px; background: url(../images/reser_top.png) no-repeat;}
.reservation h2 {font-size: 15px; color: white; background: url(../images/title_icon.png) 5px 5px no-repeat; padding: 7px 0 0px 23px; position: absolute; margin: 5px 0px 0px 5px;}

.reservation ul {margin-left: 10px; margin-right: 10px;}
.reservation ul li {background: url(../images/dots_inline.png)  0px bottom no-repeat; padding-bottom: 15px; padding-top: 5px; font-size: 10px; color: white; font-weight: normal;}
.reservation h3 {font-size: 10px; color: white; font-weight: normal; margin-bottom: 5px;}

.check-in-form {width: 199px; height: 20px; background: url(../images/check-in_input_bg.png) no-repeat; float: left;}
.check-in-form .check-in {border: none; background: transparent; float: right; height: 15px; width: 100px; text-align: right;}
.calendar-in {display: block; background: url(../images/calendar.png) 0px 1px no-repeat; width: 28px; height: 18px; float: right; margin: 0 0 0 6px;}

.check-out-form {width: 199px; height: 20px; background: url(../images/check-out_input_bg.png) no-repeat; float: right;}
.check-out-form .check-out {border: none; background: transparent; float: right; height: 15px; width: 100px; text-align: right;}
.calendar-out {display: block; background: url(../images/calendar.png) 0px 1px no-repeat; width: 23px; height: 18px; float: right; margin: 0 0 0 11px;}

.roomstitle {float: left; margin: 0 0px 0 127px;}
.adultstitle {float: right; margin: 0 35px 0 0;}
.childtitle {float: right; margin: 0 5px 0 0;}

.rooms {float:  left; background: url(../images/right.png) right no-repeat; padding-right: 20px; margin: 0 0 0 100px; }
.room-detail {float: right;}
.room-num {float:  left; padding-top: 0px; margin-right: 5px;}

.rooms-icon {width: 23px; height: 17px; background: url(../images/rooms_icon.png) no-repeat; display: block; float: left;}
.adult-base {width: 65px; height: 17px; background: url(../images/adult_icon.png) 0px 3px no-repeat; display: block; float: left; text-align: right; margin: 0 0 0 5px;}
.child-base {width: 65px; height: 17px; background: url(../images/child_icon.png) 0px 3px no-repeat; display: block; float: left; text-align: right; margin: 0 3px 0 10px;}

.child-age-container {clear:both; float:right; text-align:right; margin-top:8px;}

.advanced-search {float:  left; color: white; font-size: 11px;}
.advanced-search:visited {color: white;}
.advanced-search:hover {text-decoration: underline;}
.check-avab {float: right; display: block; background: url(../images/check_availability.png) no-repeat; width: 171px; height: 26px; color: white; font-size: 15px; text-indent: -9999px;}


/* @ slider */

.slider {float: right;}

/* @ best rated-promotion tabs and destination box */
.middle-box {width: 950px; margin-top: 10px;}

/* @ tabs */


.tabs {width:  420px; background: url(../images/tabs_left_bottom.png) bottom no-repeat; overflow: auto; float: left;}
.tabs-best-pro {margin: 0 0 0 8px; }
.tabs-best-pro li {float: left; font-size: 13px; font-weight: bold;}

.bestrate {padding: 4px 4px 4px 10px; background: url(../images/tab_aktif.png) no-repeat top right; min-width: 180px; color: #626267; }
.bestrate a:visited {}
.promotion {padding: 4px 4px 4px 10px; background: url(../images/tab_pasif.png) no-repeat top right; min-width: 180px; color: white;}
.promotion a {color: #eeeeee;}
.promotion a:visited {}


#best-rated {width: 405px; background: url(../images/tab_bg_bottom.png) bottom  no-repeat; margin: 0 0 7px 8px;}

#best-rated ul {padding-bottom: 10px;}
#best-rated ul li {border-bottom: 1px dotted gray; margin-bottom: 0px; padding: 10px;}
.hotel-foto {padding: 3px; background: #c1c1c1; float: left;}
.hotel-details {float: right; width: 285px; font-size: 11px;}
.hotel-details h1 {font-size: 17px; }
.hotel-details .desc {line-height: 15px;}
.stars-details {display: block; background: url(../images/details_stars.png) no-repeat; width: 181px; height: 25px; float: right; margin-top: 4px;}
.stars-details img {margin: 3px 0px 0px 3px;}

/* @ destination */

.destination {width:  520px; background: url(../images/destination_bottom.png) bottom no-repeat; overflow: auto; float: right;}
.destination-tabs {margin: 0 0 0 8px; }
.destination-tabs li {float: left; font-size: 13px; font-weight: bold;}

.destination-tab {padding: 4px 4px 4px 10px; background: url(../images/tab_aktif.png) no-repeat top right; min-width: 245px; color: #626267; }

#destinations {width: 505px; background: url(../images/destination_con_bottom.png) bottom  no-repeat; margin: 0 0 7px 8px;}

#destinations ul {padding-bottom: 10px;}
#destinations ul li {border-bottom: 1px dotted gray; margin-bottom: 0px; padding: 10px;}
.hotel-foto {padding: 3px; background: #c1c1c1; float: left;}
#destinations .hotel-details {float: right; width: 385px; font-size: 11px;}
.hotel-details h1 {font-size: 17px; }
.hotel-details .desc {line-height: 15px;}
.stars-details {display: block; background: url(../images/details_stars.png) no-repeat; width: 181px; height: 25px; float: right; margin-top: 4px;}
.stars-details img {margin: 3px 0px 0px 3px;}

/* @ location - weather box */


.location-weather { width: 950px; margin-top: 10px;}
.location {float: left; width: 420px; height: 333px; background: url(../images/location_bg.png) no-repeat;}
.location .pad {padding: 9px;}
.location h1 {font-size: 13px; color: white; padding: 0px 0px 5px 0px;}

.location .list {list-style: none; margin: 7px 0 0 0px; font-size: 13px;}
.location .list li {background: url(../images/white_dot.png)  0px 11px no-repeat ; height: 17px; padding: 7px 0px 0px 14px; float: left;  width: 187px; }
.location .list li:hover {background: black; background: url(../images/gray_dot_2.png) 0px 11px no-repeat;}
.location .list li a {font-weight: bold; color: white; padding: 0px 0px 0px 0px !important;}

.weat-cur-about {float: right; width: 520px;}
.weat {width: 235px; float: left; color: #3c4e6b;}
.weat h1 {color: #3c4e6b; margin: 20px 0px 10px 7px; font-size: 20px;}
.weat img {float: left; padding-bottom: 20px; }
.weat .degree {font-size: 40px;}
.weat ul li {margin: 0 0 5px 0;}

.currency {width: 282px;  float: right;}
.currency h1 {color: #3c4e6b; margin: 20px 0px 10px 0px; font-size: 20px;}
.currency tr { font-size: 11px; color: #3d4e6c;}
.currency .dollar {color: red; background: url(../images/dollar.png) 0px 0px no-repeat; padding: 7px 0px 10px 34px; }
.currency .euro {color: red; background: url(../images/euro.png) 0px 0px no-repeat; padding: 10px 0px 10px 34px; }
.currency .pound {height: 30px; color: red; background: url(../images/pound.png) 0px 0px no-repeat; padding: 10px 0px 10px 34px; }

.about-us {width: 520px; font-size: 11px; line-height: 20px;}
.about-us img {float: left; margin: 0 10px 10px 0px;}
.about-us h1 {color: #494949; margin: 20px 0px 10px 7px; font-size: 20px;}

/* @ newsletter - services box */

.newsletter-services {width: 950px;  margin-top: 10px;}

.newsletter-login {width: 420px; height: 147px; background: url(../images/login_etc.png) no-repeat aqua; float: left;}

.newsletter {width: 195px;  float: left; font-size: 11px; color: white;}
.newsletter .pad {padding: 7px;}
.newsletter b {font-size: 15px; color: white;   margin: 3px 0 10px 0; display:block; }
.news-input {width: 181px; height: 23px; background: url(../images/newsletter.png) no-repeat; border: none; padding: 0 0 0 10px; margin: 5px 0 0 0;}
.news-btn {width: 118px; height: 26px; background: url(../images/subscribe_button.png) no-repeat; border: none; cursor: pointer; margin: 10px 0px 0px 30px;}

.logins {float: right; width: 220px;}
.logins .pad {padding: 7px;}
.logins b {font-size: 15px; color: white;   margin: 3px 0 10px 0; display:block; }
.memberlogin {width: 192px; height: 26px; background: url(../images/hotel_login.png) no-repeat; display: block; text-indent: -9999px; margin: 0 0 20px 0;}
.newmember {width: 192px; height: 26px; background: url(../images/becomemember.png) no-repeat; display: block; text-indent: -9999px;}

.services {width: 520px; height: 147px; background: url(../images/services_bg.png) no-repeat; float: right;}
.services .pad {padding: 7px;}
.services b {font-size: 15px; color: white;   margin: 3px 0 0px 0; display:block}
.services img {margin: 10px 0 10px 0; float: left;}
.airport {float: left; color: white; font-size: 14px; margin: 0 0px 0 0; width: 250px;}
.tours {float: right; color: white; font-size: 14px; margin: 0 0px 0 0;  width: 250px;}
.details-btn {width: 79px; height: 25px; background: url(../images/details-btn.png) no-repeat; display: block; text-indent: -9999px; float: right; margin: 30px 0 0 0;}


.footer {width: 950px; height: 53px; background: url(../images/footer_bg.png) no-repeat; margin: 10px 0 20px 0;}

.content {width: 950px; margin-top: 10px; background: #d9d9db;}
.content .pad {padding: 0px 10px 0px 10px;}
.content h1 {font-size: 14px; color: black; margin: 10px 0px 5px 0px;}
.mainpage {font-size: 12px; line-height: 20px;}
.mainpage a {text-decoration: underline; font-weight: bolder;}
.mainpage a:hover {color: red;}


#footlinks {
	/*background-color:#DD0000;*/ padding:19px 19px 19px 70px; font:normal normal normal 13px 'trebuchet ms';
}

#footlinks a { color:#333; }
#footlinks a:hover { text-decoration:underline }

#footer_hotel_list { margin-bottom:10px; }
#footer_hotel_list table { font-family:'trebuchet ms', Tahoma, Arial, sans-serif; font-size: 13px; }
#footer_hotel_list table a { color:#333; }
#footer_hotel_list table a:hover { text-decoration:underline; }

.minilink { font:normal normal normal 13px 'trebuchet ms'; color:#333; }
