@import url("../../../../Design/Common/css/reset-fonts-grids-modules.css");
@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);

.navigation a, #ft a, #propertyList a {
    font-weight: normal;
    text-decoration: none;
}

/*need next line to correct date/month picker on avaiable  calendar*/
table {border-collapse: separate !important}

body, html {
    height: 100%;
    background:#82C7EA url(layouts/bg.png) top center repeat-x;
    color: #333;
    text-align: left;
}
/*Custom width for YUI template*/
#custom-doc { width:1180px; margin:auto; text-align:left; }
/*Two Column (LeftRight) Width Override*/
.yui-gf div.first {
    width: 200px;
    border: none;
    padding: 0;
}
.yui-gf .yui-u {
    width: 950px;
    padding: 0;
}
.content-right #bd, .content #bd {
    padding-left: 9px;
}
/*Main Content Area */
#bd {
    padding: 9px;
    background-color: white;
}
.left-content #bd {
    background: url("../../images/module_backgrounds_sprite.gif") white 0 0 repeat-y;
}
/*Header*/
#headerTop {
   display:none;
}
#hd {
    background: url("../../images/header_footer_sprite.gif") top left no-repeat;
    position: relative;
}
#hd h1 a {
    display: block;
    height: 151px;
    position: relative;
    top: -30px;
    left: 0;
}
#hd h1 {
    overflow: hidden;
    height: 121px;
    width: 300px;
}
#hd .custom {
    float: right;
    margin-top: 5px;
    padding-right: 10px;
}
#hd .custom li {0
    padding-left: 10px;
}
/*Top Navigation*/
.topLogo img{position:relative; top:40px; left:20px;}
#navMain {display:none;}
#topSpace{display:block;height:104px;}
#topNav{font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
#topNav a:hover{text-decoration:none;}
#topNav li{padding-left:10px;float:left;}
#topNav a{padding-left:16px;padding-top:12px;display:block;color:#fff;padding-right:26px;height:47px;}
#topNav li:hover{background:url(layouts/menu2-l.png) top left no-repeat;}
#topNav li:hover a{background:url(layouts/menu2-r.png) top right no-repeat;}

/*Footer*/
#botBox{width:1180px;position:absolute;}
#botLeft{clear:none;display:block;background:url(layouts/bottom-l.png);height:113px;width:20px;float:left;}
#botCenter{clear:none;display:block;background:url(layouts/bottom-bg.png);height:113px;width:1140px;float:left;}
#botRight{display:block;background:url(layouts/bottom-r.png);height:113px;width:20px;float:left;}
#ft p{color:#BDC9D2;position:relative;text-align:center;padding-top:8px;}
#ft .admin-navigation {
position:relative;
top:10px;
    text-align: center;
    font-size: 77%;
    display: block;
	color:#82C7EA;
}
#ft .admin-navigation a{
color:#82C7EA;
}
/*Search*/
.module-title,.MOD_Title{margin-bottom:20px;font-weight:bold;font-size:120%;}
.search {
    width: 196px;
    padding-top: 20px;
    background-color:#FFCA5B;
}
.lightweight {
    padding-top: 30px;
    background: url("../../images/module_backgrounds_sprite.gif") white -2490px 0 no-repeat;
    border-bottom: 1px #326598 solid;
}
.amenities, .cat1, .cat2, .cat3 {
    margin-bottom: 0;
}
.search select, .arrive input, .depart input, .yui-ac-input, .name-search-button, .sort select {
    border: 1px #326598 solid;
}
.search-button-wrapper {
    padding: 0 10px 10px 0;
    float: right;
}
.name-search-button {
    padding-right: 0;
    position: relative;
    float: right;
    margin-right: 10px;
}
.search-button-wrapper input, .name-search-button {
    border: 1px #326598 solid;
    background-color: #026fc2;
    color: #fff;
}
.search label {
    font-size: 77%;
}
.pets {
    margin-bottom: 0;
}
.refine-results-container {
    clear: both;
    background: url("../../images/module_backgrounds_sprite.gif") white -3134px 0 no-repeat;
    zoom: 1;
}
.refine-results-container .refine {
    height: 30px;
    visibility: hidden;
}
.amenities span input,
.cat1 span input,
.cat2 span input,
.cat3 span input {
    padding: 0;
    margin-bottom: 4px;
    border: none;
    line-height: 13px;
    height: 13px;
    width: 13px;
    vertical-align: bottom;
    float: none;
}
/*Puts spacing around checkbox list items*/
.amenities span label, .cat1 span label, .cat2 span label, .cat3 span label {
    margin: 0 4px;
    position: relative;
    top: -3px;
    line-height: 15px;
    height: 15px;
    font-size: 77%;
    float: none;
}
span.label {
    margin: 5px 0 2px 0;
}
.a-search {
    clear: both;
}
.search-by-name {
    background: url("../../images/module_backgrounds_sprite.gif") white -3350px 0 no-repeat;
    padding-top: 50px;
    margin-left: 9px;
    width: 196px;
    height: 40px;
    border-left: 1px #326598 solid;
    border-right: 1px #326598 solid;
    border-bottom: 1px #326598 solid;
}
#nameContainer.yui-ac {
    margin-left: 9px;
    height: auto;
}
.search-by-name label {
    padding-left: 10px;
}
#name.yui-ac-input {
    width: 146px;
}
/*Property List*/
img.review {
    position: relative;
    top: -1px;
}
#propertyList {
    width: 100%;
}
#propertyList li {
    border-bottom: 1px #d9e9df solid;
    border-right: 1px #d9e9df solid;
    border-left: 1px #d9e9df solid;
}
#propertyList .header {
    background-color: #efffef;
    border-bottom: 1px #d9e9df solid;
    border-top: 1px #d9e9df solid;
}
#propertyList .body p {
    margin-left: 110px;
}
/*Font Sizes*/
#propertyList li.body p,
#propertyList li.meta,
.search-button-wrapper,
.name-search-button,
span.label,
#hd .custom,
#ft .custom,
.search-by-name label,
.sort,
.pager-container,
.a-search{
    font-size: 85%;
}
/*Headings*/
h1 {
    font-size: 153.9%;
}
h2 {
    font-size: 131%;
}
h3 {
    font-size: 123.1%;
}
h4 {
    font-size: 108%;
}
/*Links*/
a {
    color: #026fc2;
}
a:hover {
    color: #326598;
}
.navigation .last a {
    background: none;
}
.navigation a {
    padding-right: 10px;
    position: relative;
    background: url("../../images/nav_divide.gif") 100% 54% no-repeat;
}
.navigation .selected a {
    text-decoration: underline;
}
.navigation a {
    color: white;
    text-decoration: none;
}
.navigation a:hover {
    text-decoration: underline;
    color: white;
}
.navigation li {
    float: left;
}
/*filmstrip*/
#filmstrip {
    float: none;
}
#loading {
    width: 350px;
    height: 250px;
}
/*classes*/
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}