@charset "UTF-8";

/*----------------------------------------------------------------------------
   Perfect Choice Funerals
------------------------------------------------------------------------------

    Author:     Astute Media, www.astutemedia.com
    Updated:    March 2009 by Phil Ricketts
    Copyright:  (c) 2009 

    All rights reserved.
    
    Updated 26 August 2009
    Allan Kane
    Updated the second tier navigation css
    
----------------------------------------------------------------------------
   Contents 
----------------------------------------------------------------------------

    00 Colours           
    ------------------
    01 Global           (Global classes)
    02 Main Layout      (Rules for the main site structure layout)
    03 Pages            (Rules for individual pages and associated items)
    05 Accessibility    (Rules for accessibility features)

    
   
--------------------------------------------------------------------------*/

/* 00 Colours --

    
--------------------------------------------------------------------------*/




/* 01 Global classes --*/


.tr {text-align:right}  .tl {text-align:left} .tc {text-align:center} 
.fl {float:left}        .fr {float:right}     .clear {clear:both}

.hide {display:none}

h1 span, h2 span, h3 span,
h4 span, h5 span, h6 span {
display:none}

strong {font-weight:bold}
acronym {cursor:help}
a acronym {cursor:pointer}

.greyed {color: #666}   
.initial {font-style:italic}




/* 02 Main Layout --*/

    
body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif}
    
#header {
    width: 100%;
    background: url(/uploads/bg-header-flowers-long_tcm37-8676.png) no-repeat top center}   

#footer {
    width:100%;
    background-color: #90BAA4}
    
    #footer .content {
    background-color: #90BAA4}
     
#masthead, 
#navigation ul,
#document,
#footer .content {
    width:960px; 
    margin:0 auto}
    
#masthead {
    min-height:101px}
    
    #masthead a.logo {
    display:block;
    width: 238px;
    height:64px;
    background: url(/uploads/logo-PerfectChoice_tcm37-8717.png) ;
    margin: 17px 0 0 0;
    float:left}    
    
    #masthead a.logo span {display:none}
    
    .search {
    min-height:40px;
    background: url(/uploads/bg-rounded_lightblue_tcm37-8679.png) bottom left no-repeat #DEECF8;    
    padding: 8px 0 0 8px;
    width: 472px;
    float:right}
   
        .search > span:first-child {
        width: 8px; min-height: 40px;
        display:block;
        float:right;
        background: url(/uploads/bg-rounded_lightblue_tcm37-8679.png) bottom right no-repeat}
    
        .search span, 
        .search label {
        display:block; 
        float:left}
        
        .search label {
        margin: 6px 0;
        color: #5d6974;
        font-size: 108%}
        
       
        .search span.text-input {
        padding:6px 5px 8px 8px;
        background: url(/uploads/bg-rounded-shadow-search-bar_white_tcm37-8684.png) 0 -2px no-repeat}
            
        .search input {
        min-height: 17px;
        border: 0}
        
        .search span.button-input {
        padding:1px 2px 8px 0;
        background: url(/uploads/bg-rounded-shadow-search-bar_white_tcm37-8684.png) 100% -2px no-repeat}

        .search .validation {
        float:right;
        padding: 3px 0;
        padding-right:5px}

        .search .validation span {
        text-align:right;
        padding-bottom: 6px}
        
        .search.wide {
        width: 100%;
        display:block;}
        
               
        /* KLUDGE */
        body.textsize-normal #masthead .search {width: 472px}
        body.textsize-large #masthead .search {width: 532px}
        body.textsize-xlarge #masthead .search {width: 640px}
        
        .results {
        float:left;
        margin-bottom:10px;}
        
    
    #masthead .accessibility-features {
    margin: 8px 0 0 12px;
    float:right}
    
    #masthead p.telephone {
    display:block;
    float:right;
    font-size:123.1%;
    color: #666;
    padding: 12px 0;
    margin: 0 68px 0 0}
    
        #masthead p.telephone span {
        color: #4996da;
        font-weight: bold;
        font-size: 131%}
       
#navigation {
    background-color: #90baa4;
    clear:both}
    
    #navigation ul {
    min-height:43px;
    overflow:auto;}
    
    #navigation li {
    margin: 11px 3px 0 0;
    float: left;
    background: url(/uploads/bg-rounded_lightgreen-on-darkgreen_tcm37-8680.png) }
    
    
    #navigation li a:link,
    #navigation li a:visited {
    display:block;
    padding: 7px 8px 0 8px;
    min-height:25px;
    background: url(/uploads/bg-rounded_lightgreen-on-darkgreen_right_tcm37-8681.png) top right no-repeat;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 116%;
    text-decoration:none;
    color: #6a726e}
    
    #navigation li a:hover {
    color:#000}
    
        #navigation li a:focus {
        /* KLUDGE: for Firefox 3.0 and overflow:auto scrollbars */
        min-height: 24px} 
    
    #navigation li.active {
    margin-top: 9px;
    background: url(/uploads/bg-rounded_white-on-darkgreen_tcm37-8682.png) no-repeat}
    
    #navigation li.active a{
    /* KLUDGE: !important for IE6 */
    min-height:27px !important;
    background: url(/uploads/bg-rounded_white-on-darkgreen_right_tcm37-8683.png) top right no-repeat !important; 
    color:#000 !important}
    
        #navigation li.active a:focus {
        /* KLUDGE: for Firefox 3.0 and overflow:auto scrollbars */
        min-height: 26px !important}
        
#breadcrumb-navigation  {
    width: 720px;
    height:20px;
    border-bottom: 1px solid #e3e6ed;
    float:left;
    margin: 6px 0 0 16px;
    color: #ABCBBA;
    font-weight:bold;
    }
    
    #breadcrumb-navigation a:link,
    #breadcrumb-navigation a:visited {
    color: #90BAA4;
    text-decoration:none}
    
    #breadcrumb-navigation a:hover,
    #breadcrumb-navigation a:active {
    text-decoration:underline}
    
    #breadcrumb-navigation a.current-page {
    color: #6a726e !important}    
        
#main-content {
    width:732px;
    min-height:400px;
    float:right;
    margin: 10px 0 0 0;
    padding-bottom:10px}
    
    #main-content a span {display:none}
    
    #main-content a:link,
    #main-content a:visited {
    color: #4996DA}
    
    #main-content a:hover,
    #main-content a:active {
    text-decoration:none}
    
    #main-content .sidebar {
    width: 240px;
    float:right;
    margin-top:48px}
    
    #main-content .links-sidebar {
    width: 186px;
    float:right;
    margin-top:48px}
        
#side-content {
    width:212px;
    min-height:600px;
    float:left}
    
    #side-content .navigation {
    font-family: helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 116%;
    margin: 12px 0 24px 0;
    width:204px;
    min-height:320px}
    
    #side-content .navigation li {
    border-top: 1px solid #e3eaef}
    
        #side-content .navigation li:first-child {
        border-top: 0}
        
        #side-content .navigation li a:link,
        #side-content .navigation li a:visited {
        display: block;
        color: #858A8F;        
        padding: 6px 3px 4px 8px;
        text-decoration:none}
        
        #side-content .navigation li a:hover,
        #side-content .navigation li a:active {
        color: #000}
        
        #side-content .navigation li.active {
        background: url(/uploads/bg-rounded-sidebar_blue-on-white_tcm37-8685.png) 0 -85px no-repeat;
        padding-bottom: 3px;
        border: 0;
        margin-bottom: 4px}
        
        #side-content .navigation li.active > a{
        color: #fff !important; /* KLUDGE: IE6 */
        background: url(/uploads/bg-rounded-sidebar_blue-on-white_tcm37-8685.png) top left no-repeat;
        padding-top:8px}
        
        #side-content .navigation li.active + li {
        border: 0}
        
/* Navigation menu - Second Tier */ 
        #side-content .navigation ul.tier2{
        padding: 2px 0 6px 6px;
        border-bottom: 1px solid #e3eaef;
        margin-bottom:-8px}
        
            #side-content .navigation ul.tier2 li {
            border-top:none}
   
            #side-content .navigation ul.tier2 li a:link, 
            #side-content .navigation ul.tier2 li a:visited{
            color: #4996DA;
            font-size:85%;
            padding: 2px 6px}
            
            #side-content .navigation ul.tier2 li a:hover,
            #side-content .navigation ul.tier2 li a:active {
            color:#000 !important}
            
            #side-content .navigation ul.tier2 li:first-child {
            padding-top:8px}
            
            #side-content .navigation ul.tier2 li.active {
            background:none;
            margin-bottom:0;
            padding-bottom:0} 
            
            #side-content .navigation ul.tier2 li.active a{
            background:none;
            color: #0859a1 !important}
        
        
    #side-content .accreditations {
    background: url(/uploads/bg-sidebarfade_tcm37-8691.png)0 0 no-repeat;
    padding: 16px 0 0 18px}
    
    #side-content a.become-a-director {
    display:block;
    width: 185px;
    height:44px;
    background: url(/uploads/accredited-director-button_tcm37-8692.gif) no-repeat;
    margin: 10px auto}
    
    #side-content p.lower-links {
    text-align:center;
    color: #4996DA;
    margin-bottom:10px}
    
        #side-content p.lower-links a:link,
        #side-content p.lower-links a:visited {
        color: #4996DA;
        font-weight: bold;
        font-size: 93%}
        
        #side-content p.lower-links a:hover,
        #side-content p.lower-links a:active {
        text-decoration:none}        
        
#footer {
    clear:both;
    padding-bottom:16px}
    
    #footer .content div {
    width: 170px;
    padding: 12px 8px 0 0;
    float:left;
    color:#fff}
        
        #footer .content div span.header {
        font-weight:bold;
        font-size: 100%;
        margin-bottom: 6px;
        display:block}
        
        #footer .content a:link,
        #footer .content a:visited {
        color: #fff;
        font-size: 85%;
        line-height: 1.3em}
        
        #footer .content a:hover,
        #footer .content a:active {
        text-decoration:none}
        
        #footer .content a[href^="http:"],
        #footer .content a.external {
        padding-right: 20px;
        }
    /*    background: url(/uploads/external-link_white_tcm37-8710.png) no-repeat 100% 4px} */
    
    #footer .copyright {
    width: 200px !important;
    margin-right: 38px}
    
        #footer .copyright p {
        font-size: 85%;
        line-height: 1.3em}
        
        #footer .copyright span {
        /*font-weight:bold*/}
        


/* 03 Pages --*/


.home-page {}
    
    .home-spotlight-default {
    min-height:204px;
    padding-left:20px ;
    background: url(/uploads/homepage-bg-couple_tcm37-10075.jpg) no-repeat 300px 0
}
        
    .home-spotlight-default h1 {
    position:relative;
    top:40px;
    width:270px;
    height:57px;
    margin-bottom:12px;
    color: #4996DA;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: large;
    font-style: italic}


    
    .home-spotlight-default personal-quotation{
    position:relative;
    top:44px;
    display:block;
    width:280px;
    height:45px
    }    
    
    .home-spotlight-green-funeral {
    min-height: 142px;
    padding: 16px 24px 8px 16px /*;
    background: url(/uploads/homepage-green-funeral_tcm37-10076.jpg) 0 0 no-repeat*/
}


        .home-spotlight-green-funeral h2 {
        color: #fff;
        font-size: 131%;
        font-weight:bold;
        margin: 0 0 4px 0}
        
        .home-spotlight-green-funeral p {
        color: #CFCBC2;
        width:392px}
        
        body.textsize-xlarge .home-spotlight-green-funeral p {
        width:500px}

        .home-spotlight-green-funeral .more-choices {
       /* background:url(../images/buttons/homepage-spotlight-greenfuneral-morechoices-trans.png) 0 0;*/
        float:right;
        display:block;
        width:210px;
        height:38px}
        
        .home-spotlight-green-funeral a:link,
        .home-spotlight-green-funeral a:visited {
        color: #fff !important}
        
        
.links-page {}

    .links-page .links-sidebar {
    margin-bottom:24px}
    
    .article.categories {
    width: 523px}
    
    .article.categories h2 {
    background: url(/uploads/bg-category-headers_tcm37-8674.png) no-repeat;
    padding: 4px 8px 8px 22px}
    
    .article.categories h2.open {
    background-position: bottom left !important}
    
    .article.categories h2 a {
    display:block}
    
    .article.big {
    width: 100%}


.sitemap-page {}
    
    .sitemap-page ul{
    margin-top:0px;
    margin-bottom:0px;
    padding-top: 0px;
    padding-bottom: 0px}
    
.sitesearch-page {
    padding-bottom:10px}

    .sitesearch-page .listingFilters {
    float:left}

    .sitesearch-page ul.processButtons {
    float:right;
    margin-top: -3px;
    padding:0;
    margin:0}
    
    .sitesearch-page ul.processButtons li {
    background: none;
    float:right;
    color: #666;
    border-left:1px solid #ccc}  
    
    .sitesearch-page ul.processButtons li:last-child {
    border: 0}  
    
    .sitesearch-page ul.processButtons li.pageResults p {
    margin-bottom:0}
    
    .sitesearch-page ul.processButtons li.pageResults p strong {
    margin-right: 8px}    
    
    .sitesearch-page ul.processButtons li.pageResults p a {
    padding: 0 3px}
    
    .sitesearch-page ul.processButtons li.pageResults p a.current {
    font-weight:bold;
    text-decoration:none}
    
    .sitesearch-page hr {
    clear:both;
    height:1px;
    color: #ccc;}
    
    .sitesearch-page .listings p.h3 {
    font-size:123.1%;
    font-weight:bold}

/* 04 */

.two-column {
    margin-left: 10px}
    
    .two-column .item {
    width: 340px;
    float:left;
    margin: 8px;
    min-height:100px}
    
        .two-column .item h3 {
        font-weight: bold;
        color: #4996DA;
        font-size: 116%;
        padding-bottom:5px}
        
        .two-column .item h3 a:link,
        .two-column .item h3 a:visited {
        color: #4996DA;
        text-decoration:none}
        
        .two-column .item img {
        float:left;
        margin-right: 6px}
        
        .two-column .item p {
        font-size: 93%;
        padding-top:2px;
        color: #666}
        
    .two-column .lower-links{
        margin-top:16px}
    
        .two-column .lower-links h4{
        color: #6A726E;
        font-weight:bold;
        font-size:100%;
        border-bottom: 1px solid #e3e6ed;
        margin-bottom:4px;
        padding-bottom:2px}
        
        .two-column .lower-links h4 a:link,
        .two-column .lower-links h4 a:visited{
        color: #6A726E !important;
        text-decoration:none}
        
        .two-column .lower-links p {
        float:left;
        width:170px;
        font-size: 85%;
        line-height:1.44em}
        
.multi-column {}

    .multi-column .item {
    float:left}
    
        .multi-column .item h4 {
        font-weight:bold;
        font-size:108%;
        border-bottom: 1px solid #e3e6ed;
        margin-bottom:4px;
        padding-bottom:2px}
        
        .multi-column .item h4 a:link,
        .multi-column .item h4 a:visited {text-decoration:none}
        
        .multi-column .item ul li {
        background: url(/uploads/bullet-triangle_blue_tcm37-8707.png) no-repeat 0 4px;
        padding-left: 12px;
        font-size: 93%}
        
    .multi-column .related-articles {
    width:500px;
    margin-right: 10px;
    clear:both}
    
    .multi-column .external-links {
    width: 200px}
    
        .multi-column .external-links a[href^="http:"],
        .multi-column .external-links a.external {
        padding-right: 20px; }
       /* background: url(/uploads/external-link_blue_tcm37-8709.png) no-repeat 100% 4px}*/
        
        
.article {
    width: 450px;
    margin: 0 0 16px 0;
    float:left}
    
    .article h1, 
    .article h2,
    .article h3,
    .article h4,
    .article h5 {
    color: #4996DA;
    font-weight:bold;
    font-family: Helvetica, Arial, sans-serif;
    margin:20px 0 0 0}
    
    .article h1 {font-size: 197%; margin-bottom: 8px}
    .article h2 {font-size: 153.9%; margin-bottom: 4px}
    .article h3 {font-size: 131%}
    .article h4 {font-size: 116%}
    .article h5 {font-size: 108%}
    
    .article strong {font-weight:bold}
    .article em {font-style:italic}
   
    
    .article a[href^="http:"],
    .article a.external {
    padding-right: 0px;}
/*    background: url(/uploads/external-link_blue_tcm37-8709.png) no-repeat 100% 4px}*/
    
    .article ul, 
    .article ol {
    padding: 12px 0 6px 0}
    
    .article li {
    background: url(/uploads/bullet-triangle_blue_tcm37-8707.png) no-repeat 0 4px;
    padding-left: 12px;  
    margin-top:2px;
    margin-left:20px}
    
    .article ol li{
    background: url(/uploads/bullet-tick_blue_tcm37-8706.png) no-repeat 0 2px;
    padding-left: 16px;  }
    
    .article .ticks li{
    background: url(/uploads/bullet-tick_blue_tcm37-8706.png) no-repeat 0 2px;
    padding-left: 16px;  }
    
    .article img.fl {margin: 0 8px 8px 0}
    .article img.fr {margin: 0 0 8px 8px}
    
/* Forms */

.form {
    background-color: #ecf4fb;
    padding: 3px 8px 0 4px;
    margin: 12px 0 0 0;
    width: 320px}

    .form fieldset{
    width: 320px;
    border-bottom: 1px solid #dfecf8;
    margin: 0 0 8px;
    padding: 0 0 8px 0}
    
    .form label,
    .form input,
    .form textarea,
    .form select  {
    float:left}
    
    .form input,
    .form textarea {
    width: 170px;
    margin-bottom:3px;
    padding:2px}
    
    .form input, 
    .form textarea {
    border: 1px solid #a8cded}
    
    .form input.checkbox {
    width:14px;
    border: 0}
    
    .form input.checkbox.sub {
    margin-left: 10px}
    
    .form label.checkbox {
    font-weight:bold !important;
    width: 250px !important;
    margin-bottom: 4px}
    
    
    .form input.radio {
    width:14px;
    border: 0;}
    
    .form input.radio.sub {
    margin-left: 10px}
    
    .form label.radio {
    font-weight:bold !important;
    margin-bottom: 4px;
    text-align: left
    }
    
    
    fieldset.checkboxes input.checkbox.sub {
         margin-left:68px}
	
    .form select.sub {
        margin-left:24px}
    
    .form input.mid {
    width:110px}
    
    .form select.mid {
        width:116px;}
    
    .form input.checkbox.margin-left {
        margin-left:132px !important}
    
    
    .form label.checkbox {
    width:150px;
    text-align:left;
    padding-left: 4px;
    font-weight: normal}
    
    .form label.checkbox.address-label {
    width: 156px;
    margin-bottom:6px}
    
    .form .margin-bottom {
    margin-bottom:8px}

    .form label {
    display:block;
    width:126px;
    text-align:right;
    padding: 0 8px 0 0;
    font-weight:bold;
    color: #4996DA}
    
    .form input.button-send {
    width: 60px;
    height:23px;
    float:right;
    border: 0}

    .form textarea.message-text {
    height: 90px}
    
    .form legend {
    color: #ecf4fb;
    font-size: 5%}
    
    .form .info-tooltip {
    position: relative;
    left: 332px;
    width: 300px;
    z-index:20
    }
    
    .form .info-tooltip .outer {
    height:20px;
    background: url(/uploads/info_tcm37-8711.png) no-repeat 3px 3px;
    z-index:20
    }
    
        .form .info-tooltip .inner {
        position:absolute;
        margin-left: 30px;
        width:213px;
        background: url(/uploads/bg-info_tcm37-8678.png) no-repeat 0 0}
        
        .form .info-tooltip .inner p {
        margin-top:6px;
        background: url(/uploads/bg-info_tcm37-8678.png) no-repeat bottom left;
        padding: 0 8px 8px 9px;
        color: #2a6091}
        
        .form .info-tooltip.hidden {
        visibility:hidden}
        
    .form fieldset {
    border:2px solid #ECF4FB;
    border-top: 0;
    border-bottom: 0}
    
    .form .active-fieldset {
    background-color: #f5f9fd !important;
    border:2px solid #4996DA;
    border-top: 0;
    border-bottom: 0}
    
    .form fieldset .hide {
    display:none}
    
    .form-error {
    display:none}
    
    .form .errorMessage { 
    color: red;}
    
    input.error, 
    select.error,
    textarea.error { 
    border: 1px solid red;
    background-color: #fffcd6;
    margin-bottom:0}
    
	label.error {
	background: url(/uploads/unchecked_tcm37-8712.gif) no-repeat 5px 3px #fbdddf;
	padding: 3px 8px 3px 22px;
	margin:0 0 12px 5px;
	display:block;
	width: 275px;
	font-weight: normal;
	font-style:italic;
	color: #2a6091;
	text-align:right}
	
    .form label.main {
    width: 260px;
    text-align:left;
    margin: 5px 0 5px 20px;
    padding-bottom:2px;
    padding-left:3px;
    background-color: #fff;
    color: #000
    }
    
    .form label.description {
    width: 260px;
    text-align: left;
    margin: 5px 0 5px 20px;
    padding-bottom:2px;
    padding-left:3px;
    }
    
    .form p.description {
    padding: 10px 16px 5px 0;
    color: #4996DA;
    clear:both;
    margin: 0 10px 3px 10px
    }
    
    .form p.description a:link,
    .form p.description a:visited {
    color: #dd4b38}

	label.valid {
	background: url(/uploads/checked_tcm37-8708.gif) no-repeat;
	display: block;
	width: 16px;
	height: 16px}
	
   body.textsize-xlarge .form input#email{margin-bottom:20px} /* KLUDGE: fix for form in x-large mode */
   
/*-- Perfect Choice Funeral Director Search results --*/
        
.perfectsearch_results {
    margin: 20px 0 0 0;
    width: 600px}
    
.perfectsearch_noresults {
    margin: 10px 0 10px 10px}
        
.perfectsearch_results .records {margin-bottom: 10px; padding-left: 8px}

.perfectsearch_results .totalrecords,
.perfectsearch_results .postcode {font-weight: bold} 


/* Pagination */    
.perfectsearch_results ol.pagination {
    float:left;
    width: 600px !important;
    list-style-type: none;
    border: 1px solid #4996DA;
	border-bottom: 1px solid #4996DA;
	background-color: #DEECF8;
	
	}
    
    .perfectsearch_results .pagination li {
        float: left;
        padding: 0 !important;
        background-color: #DEECF8;
        color: #2a6091}
        
    .perfectsearch_results .pagination li a {
        display: block;
        padding: 2px 6px !important;}

    .perfectsearch_results .pagination li a:link,
    .perfectsearch_results .pagination li a:visited{
        background-color: #DEECF8; 
        color: #4996DA !important;}
    .perfectsearch_results .pagination li a:hover,
    .perfectsearch_results .pagination li a:active{background-color: #fff}

    .perfectsearch_results .pagination li.first,
    .perfectsearch_results .pagination li.last {width: 3em}
   
    .perfectsearch_results .pagination li.results {
        display: block;
        float: right; 
        border: none;
        background-color: #DEECF8;
        padding: 0 !important;
        margin: 0 !important}
        
    .perfectsearch_results .pagination li.results span{
        display: block;
        float: left}   
        
    .perfectsearch_results .pagination li.results select{
        padding: 0px ;
        width: 50px;
        border: none;
        float: left;
        display:block;
        margin: 2px 3px 0 0}
        
    .perfectsearch_results .pagination li.results span{
        padding: 3px 3px 0 0;
        height: 20px
        }
    

/* -- Search results -- */

.perfectsearch_pre {
    margin-top: 18px;
    }
    
.perfectsearch_pre .header {
    background: url(/uploads/perfectsearch_map_top_tcm37-8720.gif) no-repeat top left;
    height: 30px;
    width: 620px
    }
    
.perfectsearch_pre .perfectsearch{
    width: 582px;
    background: #DEECF8;
    border: 1px solid #4996DA;
    border-top: 2px solid #4996DA;
    padding-top: 10px}
    
.perfectsearch_pre .perfectsearch label {
   margin-right: 4px;
   display:inline}
   
.perfectsearch_pre .perfectsearch br {
    display: none}
    
.perfectsearch_pre .perfectsearch span {
    margin-left: 4px}    

    
.perfectsearch_pre .perfectsearch .perfectsearch_button{
    margin-left: 6px;
    display: inline}
    
.perfectsearch_results .item {
    float: left;
    width: 600px;
    border-bottom: 1px solid #CBD8D1;
    margin-bottom: 12px !important;
    font-size: 100% !important;
    min-height: 170px;
    padding-left: 8px;
    padding-top:10px}
    
    .perfectsearch_results .item:first-child h4{
    margin-top:20px !important}
    
    .perfectsearch_results .item h4 {
        display: block;
        width: 600px;
        font-size: 131% !important;
        margin-bottom: 6px;
        margin-top: 4px;
        font-family: Helvetica, Arial, Sans-Serif;
        font-weight:bold}
        
    .perfectsearch_results .item h4 a {
        text-decoration:none}
        
    .perfectsearch_results .item .details {
        float: left;
        width: 300px;
        margin-bottom: 6px}
        
    .perfectsearch_results .item a.viewdetails {
        display: block;
        width: 138px;
        height: 21px;
        background: url(/uploads/perfectsearch_viewresults_btn_tcm37-8722.gif) no-repeat bottom left;
        float: left;
        margin-top: 12px}
        
    .perfectsearch_results .item a {
        color: #4996DA !important}
        
    .perfectsearch_results .item .details a:hover {
        border-bottom: 1px dotted #ccc}

    .perfectsearch_results .item .details .directions { 
        margin-bottom: 6px}            

    .perfectsearch_results .item .details span {
        font-weight: bold}

.perfectsearch_noresults {}

/* -- map viewer -- */

.mapviewer_header { 
    height: 45px;
    width: 600px}

    .mapviewer_header h2 {
        padding: 8px 0 4px 0px;
        width: 500px !important;
        margin: 0 !important;
        font-size: 153.9%;
        font-weight:bold;
        color: #4996DA}
        

    .mapviewer_header a {
        float: right;
        margin-top: 10px;
        padding-left: 20px;
        background: url(/uploads/printer_tcm37-8723.gif) 0px 1px no-repeat}
        
    .mapviewer_header a:hover {
        border-bottom: 1px dotted #ccc}
        
.MapViewer {
    width: 600px !important;
    height: 400px !important}
    
    .MapViewer .en-us {height: 400px !important /* Height fix for IE7 */}

#routeViewer .info {
    border-bottom: 1px dotted #ccc;
    margin: 14px 10px 0 0; 
    padding-bottom: 6px;
    float: left;
    width: 260px !important}
    
    #routeViewer .info h2,
    #routeViewer .info p {
        }
    
.fd_details_address {
    width: 314px;
    float: right;
    margin-top: 12px;
    margin-right:144px;
    margin-bottom:16px}
        
    .fd_details_address h3 {
        width: 300px !important}

ol.directions {
    font-size: 14px !important;
    width: 570px !important;
    padding-left: 30px;
    border: 1px solid #DFDFDF}
    
    ol.directions li {
        border-bottom: 1px dotted #DFDFDF;
        list-style-position: outside;
        padding-left: 0px !important}
    
        ol.directions li span {display: inline-block}     
        ol.directions li .instruction {width: 470px}
        ol.directions li .distance {
            font-weight: bold;
            font-size: 12px}
            
.backtoresults {margin-bottom: 16px !important}
        
.mapviewer_copyright {
    border-top: 1px dotted #ccc;
    font-size: 11px !important}
    
.mapviewer_copyright span, 
.Summary span {
    font-weight: bold}
    
/* 05 Accessibility --*/


    /* Skip to Content link */ 
    p.skipnav {position:absolute; top:23px}    
    p.skipnav a{margin-left:-999px!important;text-decoration:none}
    p.skipnav a span {display:none}
    p.skipnav a:focus{
    padding:3px;    
    color:#fff; 
    margin-left:0!important;
    background: url(/uploads/bg-rounded-skipcontent-text-thin_blue-trans_tcm37-8688.png) no-repeat;
    width:237px;
    height:34px;
    padding:9px;
    display:block}


    /* Text resizing */    
    .accessibility-features .text-size{
    float:left}
    
    .accessibility-features a.textsize-normal,
    .accessibility-features a.textsize-large, 
    .accessibility-features a.textsize-xlarge{
    display:inline-block;
    float:left;
    width:14px;
    height:21px;
    background: url(/uploads/button-textsize_tcm37-8696.png) no-repeat 0 0}
    
    .accessibility-features a.textsize-normal {background-position: 0 0}
    .accessibility-features a.textsize-large {background-position: -13px 0; width: 13px}
    .accessibility-features a.textsize-xlarge {background-position: -26px 0; width: 20px}
    
    .accessibility-features a span {display:none}    
    
    /* Text Resizing : Base font sizes */
    body.textsize-normal {font-size: 13px}
    body.textsize-large {font-size: 15px}
    body.textsize-xlarge {font-size: 18px}

.clearer {
	clear:both; 
	font-size: 1px; 
	line-height: 1px; 
}

/* use hidden to hide fieldset legends, if needed */
.hidden {
	padding: 0;
	text-indent: -9999px;
	line-height:1px;
	font-size:1%;
}
.hidden:lang(en) {display:none} /* for opera */
