﻿@import url('/CSS/Base.css');

/*========================================================
                     NOTHNAGLE
=========================================================*/

/*========================================================
                     General Layout Styling
=========================================================*/
body {background-color: #004f2a;}
h1 {color: #004f2a;}
h2 {color: #004f2a;}
h3 {color: #fcb034;}
a {color: #1d191a;}

@media screen
{
    #tblMain
    {
        border: 1px solid #004124;
    }
}

#body-wrapper
{
	background: url('Images/Layout/body-wrapper.png') repeat-y center;
}
#top
{
	background: url('Images/Layout/background-top.png') no-repeat top center;
}
#bottom
{
	background: url('Images/Layout/background-bottom.png') no-repeat bottom center;
}
#header #Logo a
{
    background: url('Images/Layout/logo.png') no-repeat center;
}

.footer-main
{
	background: url('Images/Layout/footer_logos.png') no-repeat 100% 40px;
}
.footer-main a
{
	color: #61927b;
}
.copy-notice
{
	color: #61927b;
	margin-top: 10px;
	text-align: center;
	clear: both;
}
.copy-notice a
{
    color: #61927b;
    text-decoration: none;
}
.copy-notice a:hover
{
    text-decoration: underline;
}

#mynothnagle-tab
{
    background: url('Images/mynothnagle-tab.png') no-repeat right bottom;
}

.SectionHeading
{
    background: #fff url('Images/Layout/section-heading-footer.png') no-repeat left bottom;
    color: #ff9f00;
}

.ContentBoxHeading
{
    color: #546E52;
}
.SubsectionLink
{
    color: #004124
}


/*=========================
 Top Navigation Bar Styling
==========================*/
ul#topnav li
{
	color: White;
}

ul#topnav li a
{
	color: White;
}

ul#topnav li a:hover
{
	color: #fcb034;
}

ul#topnav li.nav-separator
{
	background: url('/Images/Layout/nav-separator.png') no-repeat right;
}

ul#topnav li .sub
{
	background: rgb(0, 79, 42); /*--IE7 doesn't support alpha transparency. This at least gives it a background.--*/
	background: rgba(0, 79, 42, 0.95); /*--Background gradient--*/
}

ul#topnav .sub ul li h2 a /*--Sub nav heading link style--*/
{
    color: #e8e000;
}

ul#topnav .sub ul li a
{
	background: url('Images/Square_Bullet.png') no-repeat;
	color: #fcb034;
}

ul#topnav .sub ul li a:hover
{
	color: #ddd;
}


/*=========================
 Noogle Styling
==========================*/
#noogle div#noogle-top-left
{
    background: url('Images/Layout/search-top-left.png') no-repeat !important;
}

#noogle div#noogle-top-right
{
    background: url('Images/Layout/search-top-right.png') no-repeat !important;
}

#noogle div#noogle-top
{
    background: url('Images/Layout/search-top.png') repeat-x !important;
}

#noogle div#noogle-middle-left
{
    background: url('Images/Layout/search-left.png') repeat-y !important;
}

#noogle div#noogle-middle-right
{
    background: url('Images/Layout/search-right.png') right repeat-y !important;
}

#noogle div#noogle-center
{
    background-color: #fcb034;
}

#noogle div#noogle-bottom-left
{
    background: url('Images/Layout/search-bottom-left.png') no-repeat !important;
}

#noogle div#noogle-bottom-right
{
    background: url('Images/Layout/search-bottom-right.png') no-repeat !important;
}

#noogle div#noogle-bottom
{
    background: url('Images/Layout/search-bottom.png') repeat-x !important;
}

#noogle .qsearch
{
	color: White;
}
.noogle-go
{
    background: url('Images/Layout/search-go.png') no-repeat top left;
}


/*=========================
 Homepage Styling
==========================*/
.homepage-box
{
    color: #004f2a;
}
.homepage-box h1
{
    color: #6c9883;
}
.homepage-box:hover h1
{
    color: #004f2a;
}
#email_me_listings
{
    background: url('Images/bullet_househunter.png') no-repeat top left;
}
#print_ads_online
{
    background: url('Images/bullet_printads.png') no-repeat top left;
}
#mortgage_services
{
    background: url('Images/bullet_mortgage_services.png') no-repeat top left;
}
#refinancing
{
    background: url('Images/bullet_mortgage_services.png') no-repeat top left;
}
#why_nothngagle
{
    background: url('Images/bullet_whynothnagle.png') no-repeat top left;
}
#seven_steps
{
    background: url('Images/bullet_7steps.png') no-repeat top left;
}
#relo
{
    background: url('Images/bullet_relo.png') no-repeat top left;
}
#allstate
{
    background: url('Images/bullet_allstate.png') no-repeat top left;
}
#home_services
{
    background: url('Images/bullet_homeservices.png') no-repeat top left;
}
#home_warranty
{
    background: url('Images/bullet_homewarranty.png') no-repeat top left;
}
.imgMarketTrends
{
    background: url('Images/homepage_market_trends.png') no-repeat center top;
}
.imgOneStopShopping
{
    background: url('Images/homepage_one_stop.png') no-repeat center top;
}
.imgMobile
{
    background: url('Images/homepage_mobile.png') no-repeat center top;
}
.imgNothTv
{
    background: url('Images/homepage_NothnagleTV.png') no-repeat center top;
}
.imgVideos
{
background: url('Images/homepage_videos.png') no-repeat center top;
}


/*=========================
 Property Detail Styling
==========================*/
#photo-gallery
{
    background: url('Images/listing-details-photo-gallery.png') no-repeat top left;
}
#guided-tour
{
    background: url('Images/listing-details-guided-tour.png') no-repeat top left;
}
#threesixty-tour
{
    background: url('Images/listing-details-360-tour.png') no-repeat top left;
}
#aerial-gallery
{
    background: url('Images/listing-details-aerial-gallery.png') no-repeat top left;
}
.ScheduleAppointment
{
background: url('Images/Icon_Schedule.png') no-repeat center top;
}
.TellFriend
{
background: url('Images/Icon_TellAFriend.png') no-repeat center top;
}
.PrintFlyer
{
background: url('Images/Icon_Print.png') no-repeat center top;
}
#icon_share
{
background: url('Images/Icon_Share.png') no-repeat center top;
}


/*=========================
 Form Styling
==========================*/
.fieldlabel
{
   color: #004124;
}
