@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#47626e;
	background-color:#ffffff;
}
img {
	border:0;
}
a {
	text-decoration:none;
	color:#47626e;
}
form {
margin:0;
padding:0;
}
h1 {
	color:#ae2b26;
	font-size:15px;
	margin:0;
	margin-bottom:5px;
}
#main {
	float:left;
	width:100%;
	background-image:url(../images/bg.jpg);
	background-color:#fff;
	background-position:center top;
	background-repeat:no-repeat;
}
#footer {
float:left;
width:100%;
background-image:url(../images/bottom_bg.gif);
background-color:#eaf9fe;
background-repeat:repeat-x;
}
#floats {
	float:left;
	width:100%;
}
#left_block {
	float:left;
	width:560px;
}
#right_block {
	float:right;
	width:320px;
}
#box_headers {
	position:relative;
	float:left;
	width:100%;
	margin-top:-18px;
}
#box_lt {
	background-image: url(http://www.travelbag.com.tr/images/box_lt.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.travelbag.com.tr/images/box_lt.png'); height:10px; width:10px; margin:0px; padding:0px; overflow:hidden;
}
#box_rt {
	background-image: url(http://www.travelbag.com.tr/images/box_rt.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.travelbag.com.tr/images/box_rt.png'); height:10px; width:10px; margin:0px; padding:0px; overflow:hidden;
}
#box_lb {
	background-image: url(http://www.travelbag.com.tr/images/box_lb.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.travelbag.com.tr/images/box_lb.png'); height:10px; width:10px; margin:0px; padding:0px; overflow:hidden;
}
#box_rb {
	background-image: url(http://www.travelbag.com.tr/images/box_rb.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.travelbag.com.tr/images/box_rb.png'); height:10px; width:10px; margin:0px; padding:0px; overflow:hidden;
}
#news_box {
	float:left;
	width:260px;
	padding-right:10px;
	margin-top:10px;
	height:75px;
	overflow:hidden;
}
#news_box_pic {
	float:left;
	background-image:url(../images/news_pic_bg.gif);
	padding:5px;
	height:48px;
	width:48px;
	overflow:hidden;
}
#news_text {
	float:right;
	width:196px;
}
.news_title a {
	font-family:Arial, Helvetica, sans-serif;
	color:#0979ad;
	font-size:12px;
	font-weight:bold;
}
.news_text a{
	color:#47626e;
}

#hotels_box {
	float:left;
	width:285px;
	padding-right:5px;
	margin-top:10px;
}
#hotels_box_pic {
	float:left;
	background-image:url(../images/hotels_pic_bg.gif);
	padding:5px;
	height:88px;
	width:88px;
	overflow:hidden;
}
#hotels_text {
	float:right;
	width:185px;
}
.hotels_title a {
	font-family:Arial, Helvetica, sans-serif;
	color:#0979ad;
	font-size:12px;
	font-weight:bold;
}
.hotels_region {
	color:#47626e;
	font-size:12px;
}
.hotels_category {
	color:#00aefe;
	font-size:12px;
}
.hotels_price {
	color:#c30000;
	font-size:12px;
}
.hotels_text a{
	color:#47626e;
}
.hotels_det_name {
	font-size:15px;
	color:#0979ad;
}
#hotels_detail_photo {
	float:left;
	width:469px;
	height:289px;
	padding:5px;
	background-image:url(../images/hotels_pic_bg_big.gif);
	overflow:hidden;
}
#hotels_detail_photo2 {
	float:left;
	width:468px;
	height:288px;
	overflow:hidden;
}
#hotels_detail_right {
	float:right;
	width:390px;
}
#camp_box {
	float:left;
	background-image:url(../images/camp_box2.jpg);
	width:116px;
	height:67px;
	vertical-align:middle;
	text-align:center;
	padding-top:32px;
	color:#ae2b27;
	font-size:15px;
}
.brown {
	color:#a83d39;
}
.forms_list_booking {
	width:144px;
	height:20px;
	font-size:11px;
	border:1px solid #969696;
	color:#333333;
	padding:2px;
}
.forms_text_booking {
	width:113px;
	font-size:11px;
	border:1px solid #969696;
	color:#333333;
	padding:3px;
}
.forms_book_flight {
	width:163px;
	height:27px;
	padding:0;
	border:0;
	background-color:#d5f3fe;
}
.forms_newsletter_button {
	width:92px;
	height:22px;
	padding:0;
	border:0;
	background-color:#d5f3fe;
	margin-top:2px;
}
.forms_newsletter_inputs {
	width:192px;
	padding:3px;
	border:1px solid #cccccc;
	font-size:11px;
	color:#99b5c0;
}
#subcats {
	background-image: url(http://www.travelbag.com.tr/images/subcats_bg.png) !important; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.travelbag.com.tr/images/subcats_bg.png'); height:74px; width:900px; margin:0px; padding:0px; overflow:hidden; float:left;
}
#pricetable {
	font-size:12px;
}
#pricetable th {
	color:#ae2b27;
	height:26px;
}
.detail_tabs_passive {
	float:left;
	width:124px;
	background:none;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	height:33px;
	padding-top:17px;
	cursor:pointer;
}
.detail_tabs_active {
	float:left;
	width:124px;
	background-image:url(../images/detail_box_top_active.gif);
	text-align:center;
	font-size:12px;
	font-weight:bold;
	height:33px;
	padding-top:17px;
}
/* CALENDAR CSS */

.DHTMLSuite_calendar{	/* Main div for the calendar */
	border:1px solid #9cbdff;
	background-color:#FFF;
	width:220px;
	float:left;
	overflow:hidden;
	
}
.DHTMLSuite_calendarContent{	/* Sub div inside DHTMLSuite_calendar - this is the div where content is added */
	position:relative;	/* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */
	z-index:10;	/* IMPORTANT - This must always be like this in order to make it possible to position sub elements correctly, especially the iframe */
	background-color:#FFF;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}


/*******************

 START CSS FOR THE HEADER ROW - WHERE YOU SEE MONTH AND YEAR
 
********************/
.DHTMLSuite_calendar .DHTMLSuite_calendarHeading{	/* Heading of calendar, where you see the month and year */
	background-image:url(../images/calendar/calendar_heading.png);
	background-repeat:repeat-x;
	height:21px;
	border-bottom:1px solid #9cbdff;
}
.DHTMLSuite_calendarHeadingTxt{	/* Inner div in the heading  */
	padding:1px;
	text-align:center;
	font-size:13px;
}

.DHTMLSuite_calendarCloseButton{	/* Close button at the top right corner of the calendar */
	background-image:url(../images/calendar/calendar-close.gif);
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	position:absolute;
	right:3px;
	top:3px;
	padding:1px;
	background-position:center center;
	cursor:pointer;
}

.DHTMLSuite_calendarHeaderMonthAndYear{	/* Div elements for year and month in the heading */
	padding:1px;
	padding-right:2px;
	padding-left:2px;
	cursor:pointer;
	line-height:17px;

}
.DHTMLSuite_calendarHeaderMonthAndYearOver{	/* Mouse over effect - month and year in the heading */
	background-color:#FFF;
	border:1px solid #9cbdff;
	padding:0px;
	padding-left:1px;
	padding-right:1px;	
}


/*******************

 START CSS FOR THE TIME BAR - THE DIV WHERE YOU SEE "Time: " and the hour and minute
 
********************/

.DHTMLSuite_calendar_timeBar{	/* Time bar - where users can select hour and minutes */
	background-color:#C4DCFB;
	height:21px;
	border-top:1px solid #9cbdff;
	text-align:center;
	position:relative;
}
.DHTMLSuite_calendar_timeBarHourAndMinute{	/* General rules for the displayed hours and minutes - the ones you can click on the bring out the drop down boxes */
	padding:1px;
	padding-left:2px;
	padding-right:2px;
	margin-right:2px;
	cursor:pointer;
}
.DHTMLSuite_calendarTimeBarHourAndMinuteOver{	/* Mouse over effect for the hour and minute displayed in the time bar */
	background-color:#FFF;
	border:1px solid #9cbdff;
	padding:0px;
	padding-left:1px;
	padding-right:1px;
}
.DHTMLSuite_calendarTimeBarTimeString{	/* String "Time:" */
	position:absolute;
	left:2px;
	top:2px;
}

/*******************

 START CSS FOR THE NAVIGATION BAR - THE DIV WITH THE LEFT AND RIGHT ARROWS
 
********************/

.DHTMLSuite_calendar_navigationBar{	/* Navigation bar below the heading */
	background-color:#C4DCFB;
	height:17px;
	border-bottom:1px solid #9cbdff;
	position:relative;
}
.DHTMLSuite_calendar_navigationBarToday{	/* Div for the string "Today" in the navigation bar */
	text-align:center;
}
.DHTMLSuite_calendar_navigationBarToday span{	/* The "Today" string inside the navigation bar */
	cursor:pointer;	
}
.DHTMLSuite_calendar_btnNextYear,.DHTMLSuite_calendar_btnPreviousYear,.DHTMLSuite_calendar_btnNextMonth,.DHTMLSuite_calendar_btnPreviousMonth{	/* Buttons - previous/next month and year */
	position:absolute;
	background-repeat:no-repeat;
	background-position:center center;
	width:13px;
	height:13px;
	padding:1px;
	top:1px;
}

.DHTMLSuite_calendar_btnNextYear{	/* Next year button */
	background-image:url(../images/calendar/calendar-next-year.gif);
	right:2px;	
}
.DHTMLSuite_calendar_btnPreviousYear{	/* Previous year button */
	background-image:url(../images/calendar/calendar-previous-year.gif);
	left:2px;
}
.DHTMLSuite_calendar_btnNextMonth{	/* Next month button */
	background-image:url(../images/calendar/calendar-next-month.gif);
	right:18px;	
}
.DHTMLSuite_calendar_btnPreviousMonth{	/* Previous month button */
	background-image:url(../images/calendar/calendar-previous-month.gif);
	left:18px;
}

/*******************

 START CSS FOR THE MAIN DIV CONTAINING ALL THE DAYS WITHIN A MONTH AND HEADINGS (weeks, days(Mon-Sun) etc.)
 
********************/


.DHTMLSuite_calendar_monthView{	/* Main div element for the days in a month */


}

.DHTMLSuite_calendar_monthView_headerCell{	/* Main div element for the days in a month */
	background-color:#FFF;
	border-bottom:1px solid #9cbdff; 
}

.DHTMLSuite_calendar_monthView_firstColumn{	/* First column - the week column */
	background-color:#C4DCFB;
	border-right:1px solid #9cbdff; 
	text-align:left;
}

.DHTMLSuite_calendar_monthView td{	/* Default css for all the cells inside the calendar, i.e. week heading, label for the days, and the days */
	text-align:center;
	cursor:default;
}
.DHTMLSuite_calendar_monthView_headerSunday{	/* Sunday in the header */
	color:red;
	border-bottom:1px solid #9cbdff; 
}
.DHTMLSuite_calendar_monthView_daysInOtherMonths{	/* Days in previous or next month, i.e. before start of current displayed month or after days in the currently displayed month */
	color:#47626e;
}
.DHTMLSuite_calendar_monthView_daysInThisMonth{	/* Layout - ordinary days(mon-sat) in this month */
	
}
.DHTMLSuite_calendar_monthView_sundayInThisMonth{	/* Layout - sundays in current displayed month */
	color:red;
}
.DHTMLSuite_calendar_monthView_initialDate{	/* Inital set date, example: the date in an input field which you are populating with the calendar */
	background-color:#9cbdff;
	color:white;
}
.DHTMLSuite_calendar_monthView_invalidDate{	/* Inital set date, example: the date in an input field which you are populating with the calendar */
	color:#AAA;
}
.DHTMLSuite_calendar_monthView_currentDate{	/* Date of today */
	background-color:#dfe9fa;
}
/***************************************************
*
* START CSS -  DROP DOWN BOXES 
*
*
***************************************************/

/*** MINUTES ***/
.DHTMLSuite_calendar_minuteDropDown{	/* Drop down box for minutes */
	background-color:#C4DCFB;
	border:1px solid #9cbdff;
	width:23px;
	padding:1px;
	font-size:12px;	
	text-align:center;
	/* You shouldn't change these 3 options */	
	position:absolute;	
	z-index:152000;
	cursor:pointer;
	
}
.DHTMLSuite_calendar_minuteDropDownCurrentMinute{	/* Minute in drop down when it's equal to current minute of the display, i.e. the minute you see where you click on the drop down */
	color:red;
}
.DHTMLSuite_calendar_dropdownAMinuteOver{
	background-color:#dfe9fa;
}

/*** HOURS ***/
.DHTMLSuite_calendar_hourDropDown{	/* Drop down box for hours */
	background-color:#C4DCFB;
	border:1px solid #9cbdff;
	width:23px;
	position:absolute;	
	z-index:152000;
	padding:1px;
	cursor:pointer;
	font-size:12px;	
	text-align:center;
}
.DHTMLSuite_calendar_dropdownAnHourOver{
	background-color:#dfe9fa;
}
.DHTMLSuite_calendar_hourDropDownCurrentHour{
	color:red;
}

/*** MONTHS ***/
.DHTMLSuite_calendar_monthDropDown{
	background-color:#C4DCFB;
	border:1px solid #9cbdff;
	width:70px;
	position:absolute;	
	z-index:152000;
	cursor:pointer;
	padding:1px;
	font-size:12px;	
}
.DHTMLSuite_calendar_dropDownAMonth{

}
.DHTMLSuite_calendar_dropdownAMonthOver{
	background-color:#dfe9fa;
}
.DHTMLSuite_calendar_yearDropDownCurrentMonth{
	color:red;
	
}

/***** YEAR ****/
.DHTMLSuite_calendar_yearDropDown{
	background-color:#C4DCFB;
	border:1px solid #9cbdff;
	width:30px;
	position:absolute;	
	z-index:152000;
	cursor:pointer;
	padding:1px;
	font-size:12px;	
	text-align:center;
}
.DHTMLSuite_calendar_dropDownAYear{

}
.DHTMLSuite_calendar_dropdownAYearOver{
	background-color:#dfe9fa;
}
.DHTMLSuite_calendar_yearDropDownCurrentYear{	/* Current year */
	color:red;
}



/* UP AND DOWN ARROWS INSIDE DROP DOWNS **/
.DHTMLSuite_calendar_dropDown_arrowUp{	/* Drop down - moving to previous year */
	background-image:url(../images/calendar/calendar-dropdown-up.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:8px;
}

.DHTMLSuite_calendar_dropDown_arrowDown{	/* Drop down - moving to previous year */
	background-image:url(../images/calendar/calendar-dropdown-down.gif);
	background-repeat:no-repeat;
	background-position:center center;
	height:8px;
}
.DHTMLSuite_calendarDropDown_dropDownArrowOver{
	background-color:#dfe9fa;
}




/* IT'S IMPORTANT TO HAVE THIS CSS RULE AT THE BOTTOM IN ORDER TO MAKE THE PADDING OVERRIDE PADDING OF OTHER ELEMENTS */
.DHTMLSuite_calendarButtonOver{	/* Mouse over effect for the close button */
	background-color:#FFF;	/* White background color */
	border:1px solid #9cbdff;	/* Blue border */
	padding:0px;	/* The sum border+padding of this element should be the same as border+padding of .DHTMLSuite_calendarCloseButton */
}
.DHTMLSuite_calendarDayOver{	/* Mouse over effect - days in the calendar, i.e. days in current displayed month */
	background-color:#C4DCFB;
}

/* YOU SHOULD NEVER MODIFY THIS ONE */
.DHTMLSuite_calendar_iframe{	/* Iframe used to cover select boxes below in older IE browsers(version 6 and prior) */
	position:absolute;
	top:1px;
	left:1px;
	z-index:1;
}

/* /CALENDAR CSS */
#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
	float:left;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #efefef;

	font-size:12px;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../images/spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #d5f3fe;
  border-bottom: 1px solid #CCC;
  font-size:15px;
}
#MB_caption { color: #47626e }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}
.DHTMLSuite_menuBar_top{	/* The bar that is parent of the menu strip */
	height:26px;
	background-repeat:repeat-x;
	font-family: Arial;
	font-size:12px;
	z-index:100000;
	padding-left:10px;
	background-image:url('../images/menu-bar/menu_strip_bg.jpg');
}

.DHTMLSuite_menuBar_sub{
	position:absolute;
	background-color:#FFF;
	border:1px solid #000;
	background-image:url('../images/menu-bar/menu-bar-gradient.jpg');	/* Background image for sub menu items */
	background-repeat:repeat-y;
	background-position: left center;

}

#menuBarContainer{
	background-image:url('../images/menu-bar/left-bg-menustrip.png');
	background-repeat:no-repeat;
	padding-left:5px;
	position:relative;
	padding-right:0px;

}
#menuBarContainer #innerDiv{
	background-repeat:repeat-x;

}
#menuBarContainer #rightDiv{
	background-image:url('../images/menu-bar/right-bg-menustrip.png');
	background-repeat:no-repeat;
	background-position:top right;
	height:25px;
	width:20px;
	position:absolute;
	right:0px;
	top:0px;

}
#otherMenu{
		width:100%;
	}
	
#links_boxes {
	float:left;
	height:95px;
	width:100px;
	background-image:url(../images/links_box.gif);
	background-repeat:no-repeat;
	overflow: hidden; text-align:center;
	margin-right:10px;
	margin-top:10px;
	padding-top:5px;
	}

	
	
/**************************************************************

	Validate
	v 2.1

**************************************************************/


#registerForm p {
	margin-bottom: 5px;
}

#registerForm label {
	float: left;
	width: 100px;
}

#registerForm input, #registerForm textarea, #registerForm select {
	border:1px solid #bebbb4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#84959e;
	padding:2px;
	clear:both;
}

#registerForm .red {
	border: 1px solid red;
}

#registerForm label.red {
	border: none;
	color: red;
}

#registerForm .customRed {
	border: none;
	color: red;
}

#registerForm #submit {
	margin-left: 100px;
}


#registerForm p {
	margin-bottom: 5px;
}

#registerForm label {
	float: left;
	width: 100px;
}

#MySettingsForm input, #MySettingsForm textarea, #MySettingsForm select {
	border:1px solid #bebbb4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#84959e;
	padding:2px;
	clear:both;
}

#MySettingsForm .red {
	border: 1px solid red;
}

#MySettingsForm label.red {
	border: none;
	color: red;
}

#MySettingsForm .customRed {
	border: none;
	color: red;
}

#MySettingsForm #submit {
	margin-left: 100px;
}


#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#registerForm .errorMessage {
	color: red;
	font-size: 0.8em;
	width:100%;
	clear:both;
	float:left;
}
#MySettingsForm .errorMessage {
	color: red;
	font-size: 0.8em;
	width:100%;
	clear:both;
	float:left;
}


/*************************************************************/