/* CSS Document */

body
{
    margin: 0;
    background: #B3BDBE url('images/mobileback.jpg') repeat-x top;
    
}

table, div
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #292929;
    line-height: 16px;
}

form
{
    margin: 0;
}

a
{
    color: #1b6989;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

.hide
{
    visibility: hidden;
}

.logoHdr
{
    width: 797px;
    height: 141px;
    background: url("../images/wardJonesLogoHdr.jpg") top left no-repeat;
}
.logoHdr img
{
    margin: 26px 0 0 53px;
}

.qSearchBgRight
{
    background: url("../images/quickSearchBgRight.jpg") left top no-repeat;
    background-position: 0 141px;
}

.bgGrassHill
{
    height: 141px;
    background: url("../images/bgGrassHill.jpg") left no-repeat;
}

.qSearch
{
    background: url("../images/quickSearchBgExt.gif") repeat-y;
}

.qSearch div.qSearchTtl
{
    padding: 28px 0 18px 0;
}

.qSearch div.qSearchCont
{
    padding: 20px 16px;
}

.qSearchType
{
    font-size: 11px;
    color: #FFFFFF;
    margin: 4px 0 1px 0;
}

.qSearchList
{
    font-size: 11px;
    color: #000000;
    width: 159px;
    height: 17px;
}
.qSearchMenu
{
    font-size: 11px;
    color: #000000;
    width: 159px;
    height: 140px;
}
.qSearchItemOutline
{
    width: inherit;
    border: 1px solid #992f02;
}

.qSearchBtn
{
    margin-top: 15px;
}

.pageTtlBg
{
    background: url("../images/pageTtlBg.gif") no-repeat;
}

.contBgExt
{
    background: url("../images/contBgExt.gif") repeat-y;
    height: 620px;
}

.footer
{
    background: url("../images/footerBg.gif") top no-repeat;
    padding: 23px 19px;
    color: #a7a7a7;
    font-size: 11px;
}
.footer a
{
    text-decoration: none;
}

.nav
{
    background: url("../images/navBgExt.gif") repeat-y;
    padding: 20px 0;
}

.leftColCont
{
    padding: 30px 19px;
}

.leftColCont span.phoneNumbs
{
    font-size: 14px;
    color: #306fb8;
}

.cont
{
    background: url("../images/contEdgeBR.gif") bottom right no-repeat;
}
.cont .orangeTtl_1
{
    font-size: 18px;
    color: #ec4902;
    margin: 30px 0 20px 0;
}
.cont .contArea
{
    margin: 30px;
    color: #292929;
}

.homePromoBox
{
    width: 542px;
    height: 116px;
    background: url("../images/homePromoBoxBg.jpg") no-repeat;
    padding-top: 12px;
}
.homePromoBox a
{
    display: block;
    width: 166px;
    height: 34px;
    background: url("../images/promoBoxBtn.gif") no-repeat;
    margin-right: 8px;
}
.homePromoBox a:hover
{
    background: url("../images/promoBoxBtnOvr.gif") no-repeat;
}

.contEdgeBgBR
{
    background: url("../images/contEdgeBgBR.gif") top left no-repeat;
}

.contEdgeR
{
    background: url("../images/contEdgeR.gif") left repeat-y;
}

.contSep
{
    height: 1px;
    background: url("../images/contSep.gif") repeat-x;
}




.listingContPadding
{
    padding: 20px 20px 11px 20px;
}

.listingSubContPadding
{
    padding: 15px 11px 15px 11px;
    border-bottom: 1px solid #c4c4bd;
}

.listingSubContPadding2
{
    padding: 15px 11px 15px 11px;
}



.listingRedBorder
{
    border: 1px solid #362627;
    margin-bottom: 20px;
}

.listingContainer
{
    border: 1px solid #FFFFFF;
}

.listingTitle
{
    background: #314D63;
    border-bottom: 1px solid #c4c4bd;
    padding: 8px 11px 8px 11px;
}

.listingMlsNumber
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
}
.listingListPrice
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
}


.listingDetails
{
    background: #e6e6de;
    padding: 12px;
    line-height: 18px;
}

.gallerySlideBorder
{
    border: 1px solid #362627;
}

.googleMapBorder
{
    border: 1px solid #362627;
}

.name
{
    font-weight: bold;
    color: #46030A;
    font-size: 9pt;
}

.title
{
    font-weight: normal;
    color: #333;
    font-size: 7pt;
}

.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}