﻿/*-------------------------------------------------------------------------

home1003.css
- Overwrites layout1002.css to set up home page layout

-------------------------------------------------------------------------*/


/*------------------------------------------------------------------------
>> Display siteSide area. Hide outter wrapper backgrounds. Use different
   backgrounds for groupContainer[] in IE6.
-------------------------------------------------------------------------*/

#siteSide {
    display: block;
    position: relative;
	float: left;
    width: 288px;
    margin: 0;
    padding: 0;
}

*html #siteSite {
    filter: none;
}

.siteSideWrapper, .siteSideWrapperContent, .siteSideWrapperBottomLeft, .siteSideWrapperBottomRight {
    background: none;
    padding: 0;
    margin: 0;
}

*html .siteSideWrapper, *html .siteSideWrapperContent, *html .siteSideWrapperBottomLeft, *html .siteSideWrapperBottomRight {
    filter: none;
}

*html #siteSide .groupContainerContent {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-main-right-276w.png', sizingMethod='crop');
}

*html #siteSide .groupContainerBottomRight {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-bottom-right-276w.png', sizingMethod='crop');
}

*html #siteSide .moduleContainerContent {
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-main-right-276w.png', sizingMethod='crop');*/
}

*html #siteSide .moduleContainerBottomRight {
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-bottom-right-276w.png', sizingMethod='crop');*/
}

#siteSideHomeContent1 {
    display: block;
}

#siteSideContent2 {
	display: none;	
}

/*------------------------------------------------------------------------
>> Update width of siteMain. Hide outter wrapper backgrounds. Use
   different backgrounds for groupContainer[] in IE6.
-------------------------------------------------------------------------*/

#siteMain {
	position: relative;
	float: right;
    width: 698px;
    margin: 0;
    padding: 0;
}

*html #siteMain {
    filter: none;
}

.siteMainWrapper, .siteMainWrapperContent, .siteMainWrapperBottomLeft, .siteMainWrapperBottomRight {
    background: none;
    padding: 0;
    margin: 0;
}

*html .siteMainWrapper, *html .siteMainWrapperContent, *html .siteMainWrapperBottomLeft, *html .siteMainWrapperBottomRight {
    filter: none;
}

*html #siteMain .groupContainerContent {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-main-right-686w.png', sizingMethod='crop');
}

*html #siteMain .groupContainerBottomRight {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-bottom-right-686w.png', sizingMethod='crop');
}

*html #siteMain .moduleContainerContent {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-main-right-686w.png', sizingMethod='crop');
}

*html #siteMain .moduleContainerBottomRight {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://assets.salesaspects.com/templates/i/containers/container-bottom-right-686w.png', sizingMethod='crop');
}

#siteMainContainer, #siteMainContainer td{
    padding: 0;
    margin: 0;
    background: none;
}

.QuickSearch {
    margin-left: 22px;
    margin-top: 0; 
}

.QuickSearch select {
    width: 220px;
}

.QuickSearch #areaControl input {
    width: 210px;
}

.QuickSearch #bedsControl select, .QuickSearch #bathsControl select{
    width: 220px;
}

.QuickSearch #searchButton {
    margin-left: 36px;
}

.QuickSearch #searchButton input {
    font-size: 18px;
}
