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

@import url(kokonav.css);  /* Navigation Style from KokoProperty.com */

.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:#B2A185 url(layout/body-bg.jpg) repeat-x scroll center top;
    color: #333;
    text-align: left;
	margin:0;
	padding:0;
}
/*Custom width for YUI template*/
#custom-doc { width:760px; margin:auto; text-align:left; border-left:3px solid #716140;
border-right:3px solid #716140;height:100%;}
/*Two Column (LeftRight) Width Override*/
.yui-gf div.first {
    width: 207px;
    border: none;
    padding: 0;
	background-color:transparent;
}
.yui-gf .yui-u {
    width: 500px;
    padding: 10px;
	background-color:transparent;
}
.content-right #bd, .content #bd {
    padding-left: 9px;
}
/*Main Content Area */
#bd {
	background:transparent url(layout/container-bg.jpg) repeat-y scroll 0 0;
    padding: 9px 9px 9px 0;

}
.left-content #bd {
   
}
/*Header*/
#headerTop {
display:none;
}
#navMain {
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 {
    padding-left: 10px;
}
/*Top Navigation*/
#navMain {
    background: url("../../images/header_footer_sprite.gif") 0 -134px no-repeat;
    height: 39px;
    width: 100%;
    float: left;
}
#navMain ul {
    float: left;
    position: relative;
    left: 50%;
    width: auto;
    height: 39px;
    margin: 0 auto;
}
#navMain li {
    position: relative;
    right: 50%;
    float: left;
    padding-right: 10px;
    line-height: 39px;
}
/*Footer*/
#ft{
background: #EAE5DE none repeat scroll 0 0;
border-top:1px solid #BCA989;
}
#ft .custom {
  
}
#ft ul {
    float: right;
}
#ft ul li {
    padding-left: 10px;
}
#ft p {
    text-align: center;
    font-size: 77%;
}
#ft p span {
    padding: 0 3px;
}
#ft .custom {
    margin-bottom: 5px;
}
#ft .admin-navigation {
    text-align: center;
    font-size: 77%;
    display: block;
}
/*Search*/
.search {
    width: 196px;
    margin-left: 9px;
    padding-top: 30px;
}
.Search_ascx{
padding-left:10px;
}
.lightweight {
    padding-top: 30px;
}
.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 {
    margin-left: 20px;
    width: 196px;
    height: 40px;
}
#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 solid #CCCCCC;
padding-bottom:10px;
}
#propertyList .header {
   
}
#propertyList .body p {
  
}
/*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*/
.module-title{
color:#990000;
font-size:140%;
margin-bottom:10px;
}
h1 {
    font-size: 153.9%;
}
h2 {

    font-size: 130%;
}
h3 {
    font-size: 123.1%;
}
h4 {
    font-size: 108%;
}
/*Links*/
a {
    color:#990000;
}
a:hover {
    color: #000;
text-decoration:underline;

}
.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;
}