@import url(../../../../Design/Common/css/fonts_core.css);
@import url(../../../../Design/Common/css/fonts_m.css);
@import url(../../../../Design/Themes/Basic/theme.css);
@import url(../../../../Design/Themes/Basic/color/ocean/color.css);
@import url(../../../../Design/Themes/Basic/mod/mod.css);
@import url(../../../../Design/Themes/Basic/mod/mod_alt.css);
@import url(../../../../Design/Themes/Basic/btn/ocean/btn.css);
@import url(../../../../Design/Themes/Basic/nav/ocean/nav.css);
@import url(../../../../Design/Common/css/modules.css);
/* Global Controls */
BODY, FORM { margin: 0; background: #382213 url(layouts/bg_body.jpg); font-family: Helvetica, Arial, sans-serif; color: #48321C; line-height: 1.2em; }

/*Fonts*/
td, .CSCCalendar *, .CSCPopCalendar *, .CSCPropCalendar *, .MYPMonthYearPicker, .MYPPopMonthYearPicker { font-family: Helvetica, Arial, sans-serif; }

/* Global Widths */
/* Global Heights handled in Layout Files */
.DD_Div, .rb_AlternateLayoutDiv, .dd-div-adm { background: url(layouts/bg_page.jpg) repeat-x; padding-top: 0px; display: block; margin: 0px auto 0px auto; width: 100%; }
.DP_Table, .rb_AlternateLayoutTable, .DH_Table, .rb_AlternatePortalHeader { width: 970px !important; margin: 0px auto 0px auto; background-color: transparent; }
.DH_Menu_Cell, .List_Center_Col_1, .List_Center_Col_2 { width: 100%; }
.DH_Logo_Cell, .DH_Logo_Cell_Div, .Content_Left_Col, .Content_Right_Col, .List_Right_Col_1 .Stat_Table, .List_Right_Col_2 .Stat_Table { width: 160px !important; }
.DP_Left, .DP_Content, .DP_Right { padding-bottom: 0em; padding-top: 15px; vertical-align: top; }
.Global_Footer_Div { background: transparent url(layouts/bg_footer.png) no-repeat; height: 132px; position: relative; }
.Global_Footer { margin: 10px 0px 0px 75px; }
.DF_Table, .rb_AlternatePortalFooter { padding: .5em 0em .5em 0em; background: transparent url(layouts/bg_casebottom.jpg) no-repeat; height: 209px; margin: 0px auto 0px auto; width: 1103px; }


/* Module Controls */
.DP_Left, .DP_Left .MOD_Layout, .DP_Left .MOD_NT_Layout, .DP_Left .MOD_ALT_Layout, .DP_Left .MOD_ALT_NT_Layout { width: 215px !important; }
.DP_Right, .DP_Right .MOD_Layout, .DP_Right .MOD_NT_Layout, .DP_Right .MOD_ALT_Layout, .DP_Right .MOD_ALT_NT_Layout { width: 200px !important; }
.DP_Content { padding: 10px 10px 0px 0px; background: transparent url(layouts/bg_DP_Table.jpg) no-repeat; }
.DP_Left { padding: 10px 5px 0px 10px; }
.DP_Right { padding: 10px 15px 0px 0px; }
.MOD_Layout, .MOD_NT_Layout, .MOD_ALT_Layout, .MOD_ALT_NT_Layout { margin: 40px 75px 15px 75px; }

/*.List_Table, #ctl03_Panes_ThreePanes_ctl03_pnlDataPager1 { width: 825px !important; }*/
.DP_Table, .rb_AlternateLayoutTable { background: transparent url(layouts/bg_content.png) repeat-y; }

/*HEADER*/
.DH_Table { background: transparent url(layouts/bg_casehandle.png) no-repeat top; height: 154px !important; }
.DH_Logo_Cell_Div, .DH_Logo_Cell, .DH_Menu_Cell { height: 154px !important; background-color: transparent; margin: 0px auto auto 0px; }

/*NAVIGATION*/
.DH_Nav_Cell { background: transparent url(layouts/bg_nav.jpg) no-repeat top; height: 121px !important; }
.DH_Nav_Div { height: 35px !important; }
.DH_Nav_Table { height: 35px !important; margin: 0px auto; display: none; }

/* TRANSPARENCY*/
.DH_Menu_Table, .MOD_Content, .MOD_Left, .MOD_Right, .List_Row_1, .List_Row_2 { background-color: Transparent !important; }

/* LINKS */
.DH_Nav_Item { padding: 10px 20px 10px 20px; color: #fff !important; text-decoration: none; }
.DH_Nav_Item_Hot, .DH_Nav_Item:hover { padding: 10px 20px 10px 20px; color: #fff !important; text-decoration: underline; }

/*Property List*/
#propertyList .header { padding: 5px; margin-bottom: 5px; border-top: 1px solid #99cccc; border-bottom: 1px solid #99cccc; }
#propertyList { margin: 10px 0 0 0; padding: 0; }
#propertyList .body p { margin-left: 105px; line-height: 120%; margin-top: 0px; }
#propertyList .body img.pic { float: left; margin: 0 5px 5px 0; border: 0px !important; }
#propertyList li { clear: both; margin-bottom: 10px; list-style-type: none; border-bottom: 1px #99cccc solid; border-right: 1px #99cccc solid; border-left: 1px #99cccc solid; float: left; width: 99%; padding-bottom: 5px; }
.pager-container { float: none; margin-bottom: 5px; }
.sort { clear: both; }
.img_border, .pic, .Image_Descriptive, .Image_Standard, .Image_Thumb { border: solid 1px #e6e6e6 !important; background-color: #fafafa; padding: 2px; }

.search-button-wrapper {
    padding-top: 0px;
    float: left;
    margin: 16px auto 0px auto;
    clear: both;
}
.search {
    border: solid 0px #9cc;
    width: 100%;

}
.depart {
    margin-left: 4px;
}
.adults, .beds, .cat2, .cat3 {
    clear: none;
}
.cat1, .cat2, .cat3 {
    float: left;
}
 


/*custom*/
.DP_Table { border-collapse: separate !important; }

/*customer css*/
#w-header { position: absolute; height: 154px; width: 970px; margin: 0 auto; top: 0px; padding: 0; background: none; z-index: 100; color: #FFFFFF; }
#logo { position: absolute; z-index: 100; top: 0; left: 280px; }
#tagline { position: absolute; top: 7px; left: 11px; }
#tMenu { position: absolute; top: 20px; right: 10px; text-align: right; font-size: 11px; color: #E8DED7; font-family: Arial, Helvetica, sans-serif; }
#tMenu img { padding: 0 25px 0 0; }
#tMenu a { text-transform: uppercase; font-weight: bold; color: #E8DED7; padding: 0 2px; }
#search { display: inline; vertical-align: middle; }
#search form { display: inline; margin: 0; padding: 0; vertical-align: middle; }
input.button { background: #6A2513; color: #E8DED7; border: 1px solid #663300; text-transform: uppercase; font: 0.8em Helvetica, Arial, sans-serif; padding: 2px 3px; margin-top: -2px; }
input.text { width: 130px; }
#nav { height: 22px; padding: 98px 0 3px 6px; width: 871px; top: 135px; margin-left: 40px; text-align: left; font-family: Arial, Helvetica, sans-serif; z-index: 100; position: absolute; }

.imgreplacement { display: -moz-inline-box; display: inline-block; background: transparent none 0 0 no-repeat; text-indent: -3000px; font: 0/0 Arial; overflow: hidden; color: rgba(255,255,255,0); vertical-align: bottom; }

#nav ul li a.parent { height: 22px; display: block; background-image: url(http://www.konatraveler.com/images/template/nav_bar.png); background-repeat: no-repeat; text-indent: -3000px; font: 0/0 Arial; overflow: hidden; color: rgba(255,255,255,0); vertical-align: bottom; padding: 0; }

#nav ul li li a.menuactive { text-decoration: none; background: #3399CC url(http://www.konatraveler.com/images/template/bg_button.jpg) bottom repeat-x; color: #FFFFFF; }

#n60 { margin-right: 87px; }

#n51 a.parent { width: 124px; background-position: 0 0; }
#n53 a.parent { width: 111px; background-position: -123px 0; }
#n60 a.parent { width: 86px; background-position: -233px 0; }
#n52 a.parent { width: 80px; background-position: -407px 0; }
#n55 a.parent { width: 154px; background-position: -486px 0; }
#n66 a.parent { width: 104px; background-position: -639px 0; }
#n65 a.parent { width: 56px; background-position: -742px 0; }
#n54 a.parent { width: 73px; background-position: -797px 0; }

#n51 a.parent:hover, #n51 a.parent.menuactive { width: 124px; background-position: 0 -22px; }
#n53 a.parent:hover, #n53 a.parent.menuactive { width: 111px; background-position: -123px -22px; }
#n60 a.parent:hover, #n60 a.parent.menuactive { width: 86px; background-position: -233px -22px; }
#n52 a.parent:hover, #n52 a.parent.menuactive { width: 80px; background-position: -407px -22px; }
#n55 a.parent:hover, #n55 a.parent.menuactive { width: 154px; background-position: -486px -22px; }
#n66 a.parent:hover, #n66 a.parent.menuactive { width: 104px; background-position: -639px -22px; }
#n65 a.parent:hover, #n65 a.parent.menuactive { width: 56px; background-position: -742px -22px; }
#n54 a.parent:hover, #n54 a.parent.menuactive { width: 73px; background-position: -797px -22px; }

#nav ul li li { font-size: 0.9em; }
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert { margin-left: 1px; margin-right: 1px; }

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */



/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { width: 150px; }


/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul { list-style: none; margin: 0px; padding: 0px; }
#primary-nav ul { position: absolute; top: auto; display: none; filter: alpha(opacity=80); -moz-opacity: .80; opacity: .80; }
#primary-nav ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }

#primary-nav li { margin-left: -1px; float: left; }
#primary-nav li li { margin-left: 0px; margin-top: -1px !important; float: none; position: relative; }

/* Styling the basic apperance of the menu elements */

#primary-nav li li a { border: 1px solid #C0C0C0; padding: 4px 8px; display: block; background: #583609; margin: 0; color: #FFFFFF; font-weight: bold; font-size: 11px; }

#primary-nav li li a:hover { background: #C5AE72; color: #583609; text-decoration: none; }

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { }


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { /* arrow for menuparents */ background-image: url(images/cms/arrow.gif); background-position: center right; background-repeat: no-repeat; }


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { }


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, #primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { display: none; }

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, #primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { display: block; }


/* IE Hacks */
#primary-nav li li { float: left; clear: both; }
#primary-nav li li a { height: 1%; }


/* Buttons */

#ctl03_Panes_ThreePanes_ctl01_BookOnlineButton_Button2Table { background: transparent url(layouts/getaquote.gif) no-repeat !important; display: block; width: 113px; height: 27px; border: 0px !important; }
#ctl03_Panes_ThreePanes_ctl01_BookOnlineButton_Button2Text{ filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; display: block; width: 113px; height: 27px; }