/* 
    Document   : MainPage.css
    Created on : Oct 5, 2009, 2:53:47 PM
    Author     : Brock
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


root {
    display: block;
}
body
{
    margin: 0;
    /*background-image: url("../Images/blackBackground.png");*/
    background-color: #666666;
    background-image: url("../Images/pattern.png");
    background-repeat: repeat;
    width: 900px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    /*font-family: "Sylfaen";*/
    font: normal .7em/1.5em Arial, Helvetica, sans-serif;
}
h1
{
    font-size: 24px;
}
h2
{
    font-size: 20px;
}
h3,h4,h2,h5
{
    font-family: "Sylfaen";
}
.leftNavHeaders
{
    font-family: "Palatino Linotype";
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    background-color: #343434;
    color: #EEEEEE;
    /*background-color: #2C3D49;
    color: #CCCCCC;*/
}
.header
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.headerMenu
{
    width: 900px;
    background-image: url("../Images/headerBack.jpg");
}
.tableLeft
{
    background-color: #D7D9D4;
    width: 20%;
    /*padding-left: 5px;
    padding-right: 5px;
    /*margin-left: auto;
    margin-right: auto;*/
}
.tableSeparatorLeft
{
    background-image: url("../Images/SeparatorLeft.gif");
    background-repeat: repeat-y;
    width: 1%;
}
.tableSeparatorRight
{
    background-image: url("../Images/SeparatorRight.gif");
    background-repeat: repeat-y;
    width: 1%;
}
.tableMid
{
    background-color: #eeeeee;
    width: 58%;
    padding: 5px 0px 5px 0px;
    /*margin-left: auto;
    margin-right: auto;*/
    font-size: 13px;
}
.tableRight
{
    background-color: #D7D9D4;
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
}
.font12px
{
    font-size: 12px;
}
.tableFull
{
    background-color: #eeeeee;
    width: 80%;
}
.leftNavLinks a
{
    font-size: 14px;
}
.links a:visited
{
    color: #000000;
}
.links a:hover
{
    color: #343E48;
}
.links a
{
    color: #000000;
}
.mainContent
{

    background-image: url("../Images/blackgradient2.png");
    /*background-image: url("../Images/beige2.jpg");*/
    background-repeat: repeat-y;
    width: 980px;
}
.content
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #232323;*/
    background-color: #000000;
}
.quickSearch
{
    background-color: #DFDFDF;
    border-color: #787878;
    border-width: 2px;
    border-style: groove;
    padding: 5px 5px 0px 5px;
}
.emailFormTable
{
    font-size: 13px;
}
.footer
{
    background-color: #D7D9D4;
    width: 900px;
    text-align: center;
    font-size: 12px;
}
.masterTable
{
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.contentPadding
{
    padding: 0px 5px 0px 5px;
}
.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.separator
{
    background-image: url("../Images/separatorTable.jpg");
    background-repeat: repeat-x;
    height: 7px;
}
.pageHeading
{
    font-size: 24px;
    text-align: center;
    color: #454545;
    font-weight: bold;
}
.errors
{
	color: #FF0000;
    font-weight: bold;
}
.center
{
    text-align: center;
}
/* Buyer/Seller Tips Table*/
/* Describes css for the tips tables */

.tableTips
{
    background-color: #EEEEEE;
    width: 510px;
    /*color: #C7B9A3;*/
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
}
.tableTips a, tableTips a:visited
{
    color: #2E4559;
}
.tableTips a:hover
{
    color: #4C7294;
}
.tipsHeading
{
    color: #2E4559;
}
.tableTips p
{
    padding-right: 5px;
}
.tipsLeft
{
    width: 80px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tipsRight
{
    width: 430px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tipsLeftOdd
{
    padding-left: 10px;
    width: 80px;
    background-color: #D7D9D4;
    /*color: #665744;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
.tipsRightOdd
{
    width: 430px;
    padding-left: 10px;
    background-color: #D7D9D4;
    /*color: #665744;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
.mortgageCalculator
{
    font-size: 13px;
}
/* Generated via www.cssmenubuilder.com */
/* Thank you to the above for this helpful code! */

.menu{margin:0; padding:0; width:180px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:30px; display:block; }
.menu li a{text-align:left;height:30px; padding:0px 15px; font:12px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('/Images/menu/verMenuImages2.png') 0px 0px no-repeat; text-decoration:none;}
.menu li a:hover{background:url('/Images/menu/verMenuImages2.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url('/Images/menu/verMenuImages2.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menu li a span{line-height:30px;}

/*Side menu*/
/*Information*/
body#info a#menu-info,
body#history a#menu-history,
body#restaurants a#menu-restaurants,
body#shopping a#menu-shopping,
body#transportation a#menu-transportation,
body#slu-houseboats a#menu-slu-houseboats,
/*Search Listings*/
body#search-listings a#menu-search-listings,
body#quick-search a#menu-quick-search,
/*Home Buying Information*/
body#buying-a-home a#menu-buying-a-home,
body#mortgage-calculator a#menu-mortgage-calculator,
body#finance-information a#menu-finance-information,
body#house-vs-condo a#menu-house-vs-condo,
body#buyer-tips a#menu-buyer-tips,
/*Home Selling Information*/
body#selling-a-home a#menu-selling-a-home,
body#my-home-isnt-selling a#menu-my-home-isnt-selling,
body#pricing-your-home a#menu-pricing-your-home,
body#how-to-improve-your-homes-value a#menu-how-to-improve-your-homes-value,
body#home-selling-tips a#menu-home-selling-tips,
body#home-value-analysis a#menu-home-value-analysis,
/*Site Information*/
body#newsletter a#menu-newsletter,
body#privacy-policy a#menu-privacy-policy,
body#terms-of-service a#menu-terms-of-service,
body#contact-us a#menu-contact-us,
body#questions a#menu-questions
{
    background:url('/Images/menu/verMenuImages2.png') 0px -80px no-repeat; color:rgb(255,255,255);
}


/* Generated via www.cssmenubuilder.com */
/* Thank you to cssmenubuilder.com! */
/* Generated via www.cssmenubuilder.com */
/*.topmenupaddingleft {margin: 0px auto;}
/*.topmenu{margin:0; padding-left:60px; height:30px; width:100%; display:block; background:url('/Images/menu/topMenuImages.png') repeat-x;}*/
.topmenu{margin:0px auto; position: relative; left: -7px; height:30px; width:100%; display:block;}
.topmenu li{padding:0; margin:0; list-style:none; display:inline;}
.topmenu li a{margin: 0;float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font-size:18px; font-family: "Sylfaen"; cursor:pointer; background:url('/Images/menu/topMenuImages2.png') 0px -30px no-repeat;}
.topmenu li a span{margin: 0;line-height:30px; float:left; display:block; padding-right:15px; background:url('/Images/menu/topMenuImages2.png') 100% -30px no-repeat;}
.topmenu li a:hover{margin: 0;background-position:0px -60px; color:rgb(255,255,255);}
.topmenu li a:hover span{margin:0;background-position:100% -60px;}
.topmenu li a.active, .topmenu li a.active:hover{margin:0;line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('/Images/menu/topMenuImages2.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.topmenu li a.active span, .topmenu li a.active:hover span{margin:0;background:url('/Images/menu/topMenuImages2.png') 100% -90px no-repeat;}

/*Top Menu a*/
body#home a#topmenu-home,
body#info a#topmenu-bothell-information,
body#search-listings a#topmenu-search-listings,
body#buying-a-home a#topmenu-buying-a-home,
body#selling-a-home a#topmenu-selling-a-home,
body#about-us a#topmenu-about-us
{
    line-height:30px; font:18px; background:url('/Images/menu/topMenuImages2.png') 0px -90px no-repeat; color:rgb(255,255,255);
}
/*Top Menu span*/
body#home span#span-home,
body#info span#span-bothell-information,
body#search-listings span#span-search-listings,
body#buying-a-home span#span-buying-a-home,
body#selling-a-home span#span-selling-a-home,
body#about-us span#span-about-us
{
    background:url('/Images/menu/topMenuImages2.png') 100% -90px no-repeat;
}

/*****************************
     IDX Showcase CSS
******************************/
#IDX-showcaseWrapper
{
    text-align: left;
    border-color: black;
    border-width: 3px;
    border-style: solid;
}
.IDX-showcaseDetails
{
    text-align: left;
}
.IDX-showcasePhoto
{

}
.IDX-showcasePrice
{
    font-weight: bold;
}
.IDX-showcaseAddress{}
.IDX-showcaseListingID{}

/* The fields below are "display:none;" by default, and must be changed in the css to "display:block !important;" */
.IDX-showcaseBeds
{
    display: block !important;
}
.IDX-showcaseBaths
{
    display: block !important;
}
.IDX-showcaseRemarks
{
    display: block !important;
    text-align: left;
    border-bottom-color: black;
    border-bottom-width: 3px;
    border-bottom-style: groove;
}