/*CSS reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
body {
    font: 71% "Lucida Grande", Verdana, Arial, sans-serif;
    color: #333;
    background:#fff;
    margin: 0 0 0 10px;
    text-align: center;
}

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

img {
	border: 0;
}
input, select {border: 1px solid #ccc}


ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
h1 {font-size: 1.3em}
h2 {font-size: 1.2em}
h3 {font-size: 1.1em}
/* DIVs */
#MMcontent, #MMall {

            	width:720px;
            	height:100%;
            	text-align: left;
            	background: #fff;
            }
#MMall {padding: 10px}
#MMcontent #loading, #MMcontent #errors, #MMcontent #multiple, #MMcontent button, #x_loading, #MMfilter_list{
                display: none;
            }
#MMcontent #address_search {
            	width: 100%;
            	margin: 10px 0;
            }
#address_search LI {float: left; margin: 0 10px 0 0}            
#address_search {
    display: none;
}

#mapviewer {display: block;
            	margin: 0;
            	border:1px solid #ccc;
}
#address_search label {font-weight: bold; color: red}
#res_head {background: #ddd; width: 100%; height: 15px; display:block;}
#res_head P {margin: 0 0 0 10px; padding: 0 0 0 3px; color: #666; font-weight: bold}
.mmleft {float: left}
.mmright {float: right}
#MMleft {
    width:325px;
}
#MMright {
    margin-right:25px;
    width:356px;
}

#MMmaparea { 
    border:3px solid #EEEEEE;
    float:left;
    width:100%;
}
.mapviewer_search, .mapviewer_td { width: 720px; height: 330px;}
.mapviewer_res {width: 400px; height:330px; float: right}
.mapviewer_dealer {width: 356px; height:300px; float: right}
.results_res {width: 310px; float: left; border-right:3px solid #EEEEEE;}
.pagination {
    display: none;
}
#search form {
    display: none;
}
#MMright p.links {
    display: none;
}
#product_summary {
    width:361px;
}
#product_summary p {
    background:#CCCCCC none repeat scroll 0%;
    color:#FFFFFF;
    font-weight:bold;
    margin:5px 0pt 0pt;
    padding:2px 3px;
}
#message1{z-index:99999}
.error {display: block; border: 1px solid red; padding: 5px}
#MMheader{
	width: 100%;
}

#yme_logo {display: block; clear: left;}
#yme_headstrip {background: url(../img/vis_dealerlocator_01.jpg) no-repeat top left}
#yme_logo UL LI {float: left; margin: 0 20px 0 0}
#MMheader h1 {margin: 30px 0 10px 0}

/* FILTERS */
#MMfilter {height: 50px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;margin: 10px 0}

#MMprodcat UL { display: block; margin: 10px 0}
#MMprodcat LI A {float: left; margin: 0; width: 50px; height: 42px;}
#MMprodcat LI A:hover {cursor: pointer; cursor: hand; border-bottom: 3px solid red}
.nav1 {background: url(../img/but_nav01.gif) no-repeat top left}
.nav2 {background: url(../img/but_nav02.gif) no-repeat top left}
.nav3 {background: url(../img/but_nav03.gif) no-repeat top left}
.nav4 {background: url(../img/but_nav04.gif) no-repeat top left}
.nav5 {background: url(../img/but_nav05.gif) no-repeat top left}
.nav6 {background: url(../img/but_nav06.gif) no-repeat top left}
.nav7 {background: url(../img/but_nav07.gif) no-repeat top left}
.nav8 {background: url(../img/but_nav08.gif) no-repeat top left}
.nav9 {background: url(../img/but_nav09.gif) no-repeat top left}
.nav10 {background: url(../img/but_nav10.gif) no-repeat top left}
.nav11 {background: url(../img/but_nav11.gif) no-repeat top left}

#MMfilter_list {width: 720px; height: 50px; border-bottom: 1px solid #ccc; margin: 10px 0}
#MMfilter_list P {color: #ccc}
#MMprodlist  { display: block; margin: 15px 0; }
#MMprodlist LI {float: left; margin: 0 15px 0 0;}

/* LOCATION RESULTS LIST */
.tdlist { width: 300px; border-bottom: 1px solid #ccc; padding:5px;}
.tdlist P, .tdlist A {font-size: .9em; padding: 0 0 0 15px}

.p1 {background: url(../img/but_adress.gif) no-repeat top left; }
.p3 {background: url(../img/but_tel.gif) no-repeat top left; }
.a3 {background: url(../img/but_routeplanner.gif) no-repeat top left; }

.p1, .p3, .a3, .tdlist P {
    margin-left: 15px;
}

.recordNum {
    float: left;
}

.recordName {
    padding: 0 0 0 8px !important;
}

.recordDist {
    padding: 0 !important;
}
.panelVisible {
background:transparent url(../img/map_hide-show.png) no-repeat scroll 0pt 50%;
}
.panelHidden {
background:transparent url(../img/map_hide-show.png) no-repeat scroll 100% 50%;
}
#leftPanelToggle {
height:100%;
left:-10px;
position:absolute;
width:10px;
}

TABLE.td_results_list TD{padding: 5px 0}
.tdresults_res {padding: 5px 0 0 10px;}
#tdsummary {padding: 5px 0 0 10px;}
.routetitle {
    font-weight:bold;
}
td_results_list li {
    display:block;
    margin:7px 0pt;
}
.td_results_italic {
    color:#666666;
    font-size:0.9em;
    font-style:italic;
}
#tdsummary P, .tdresults_res P {margin: 10px 0 0 5px}
#tdlist {margin: 0 0 0 265px; border-left: 1px solid #ccc}
#message2 {margin: 10px 0}
#multiple {margin: 10px 0}

#noframe_3 {
    display: none;
}
/* fonts */
.f_red, .tdlist A {color: red}
.bold {font-weight: bold}

/* other */
.mm_nodisplay {display: none}
#MMprint {display:none;}
.MMPanZoomWidget .MMwrapper, .MMPanZoomWidget .MMpan .MMNorth>a, .MMPanZoomWidget .MMpan .MMEast>a, .MMPanZoomWidget .MMpan .MMSouth>a, .MMPanZoomWidget .MMpan .MMWest>a, .MMPanZoomWidget .MMpan .MMreset>a, .MMPanZoomWidget .MMpost, .MMPanZoomWidget .MMzoom .MMzoomin>a, .MMPanZoomWidget .MMzoom .MMzoomout>a, .MMPanZoomWidget .MMzoomfactors .MMslider a, .MMInfoBox .MMclose, .MMPanZoomWidget .MMzoom .MMzoomfactors 
		{
   		 background: transparent url(../img/sprites-widgets_yme.png) no-repeat;
		}
/**
 * Default Pan/Zoom Widget styles:
 */
@media print { .MMPanZoomWidget { display: none; } }
@media print { .MMMapTypeWidget { display: none; } }

    /*general pan/zoom widget*/
    .MMPanZoomWidget {
        z-index: 1500;
    }
    .MMPanZoomWidget * { 
        margin: 0;
        padding: 0; 
        line-height: normal;
    }
    .MMPanZoomWidget .MMwrapper {
        background-position: -100px -100px;
        width: 67px; 
        margin-bottom: 7px;
    }

    .MMPanZoomWidget a, .MMOverviewWidget .MMtoggle { outline: none; text-decoration: none /* NN fix */ }

    .MMPanZoomWidget .MMwrapper .MMpan  {
        width: 67px;
        height: 67px;
        position: relative;
    }

    .MMPanZoomWidget .MMpan .MMrhumb a, .MMPanZoomWidget .MMpan .MMreset a {
        display: block;
        text-indent: -9999px; 
    }

    .MMPanZoomWidget .MMpan .MMNorth a, .MMPanZoomWidget .MMpan .MMSouth a, .MMPanZoomWidget .MMpan .MMEast a, .MMPanZoomWidget .MMpan .MMWest a, .MMPanZoomWidget .MMpan .MMreset a {
        width:18px;
        height:18px;
        position: absolute;
    }

    .MMPanZoomWidget .MMpan .MMNorth-East a, .MMPanZoomWidget .MMpan .MMSouth-East a, .MMPanZoomWidget .MMpan .MMSouth-West a, .MMPanZoomWidget .MMpan .MMNorth-West a {
        display: none;
    }
    
    /*reset button*/
    .MMPanZoomWidget .MMpan .MMreset a {
        top: 24px;
        left: 24px;
    }
    .MMPanZoomWidget .MMpan .MMreset>a {
        background-position: -6px -500px;
    }

    /*go north button*/
    .MMPanZoomWidget .MMpan .MMNorth a {
        top: 5px;
        left: 24px;
    }
    .MMPanZoomWidget .MMpan .MMNorth>a {
        background-position: -6px -100px;
    }
    
    /*go east button*/
    .MMPanZoomWidget .MMpan .MMEast a {
        top: 24px;
        right: 6px;
    }
    .MMPanZoomWidget .MMpan .MMEast>a {
        background-position: -6px -200px;
    }

    /*go south button*/
    .MMPanZoomWidget .MMpan .MMSouth a {
        top: 43px;
        left: 24px;
    }
    .MMPanZoomWidget .MMpan .MMSouth>a {
        background-position: -6px -300px;
    }

    /*go west button*/
    .MMPanZoomWidget .MMpan .MMWest a {
        top: 24px;
        left: 5px;
    }
    .MMPanZoomWidget .MMpan .MMWest>a {
        background-position: -6px -400px;
    }

    .MMPanZoomWidget .MMpan .MMlabel, .MMPanZoomWidget .MMzoom .MMlabel {
        display: none;
    }

    .MMPanZoomWidget .MMwrapper .MMzoom {
        position: relative;
        overflow: hidden;
        width: 29px;
        margin: 0 0 0 19px;
    }

    /*zoom widget bottom cap*/
    .MMPanZoomWidget .MMpost {
        height: 7px;
        width: 29px;
        position: relative;
        top: -7px;
        bottom: 0;
        margin-left: 19px;
        background-position: -119px -401px;
    }

    .MMPanZoomWidget .MMzoom div {
        width: 18px;
    }
    
    /*zoom widget buttons*/
    .MMPanZoomWidget .MMzoom a {
        display: block;
        width: 18px;
        margin: 0 5px;
        text-indent: -9999px; 
        cursor: pointer;
    }

    /*zoom in button*/
    .MMPanZoomWidget .MMzoom .MMzoomin  {
        height: 18px;
        margin-top: 6px;
    }
    .MMPanZoomWidget .MMzoom .MMzoomin a {
        height: 18px;
    }
    .MMPanZoomWidget .MMzoom .MMzoomin>a {
        background-position: -6px -600px;
    }

    /*zoom out button*/
    .MMPanZoomWidget .MMzoom .MMzoomout  {
        height: 18px;
    }
    .MMPanZoomWidget .MMzoom .MMzoomout a {
        height: 18px;
    }
    .MMPanZoomWidget .MMzoom .MMzoomout>a {
        background-position: -6px -700px;
    }
    .MMSmallZoomWidget .MMzoom .MMzoomin, .MMSmallPanZoomWidget .MMzoom .MMzoomin {
        margin-bottom: 3px;
    }

    /*zoom factors*/
    .MMPanZoomWidget .MMzoom .MMzoomfactors {
        margin: 7px 0;
        width : auto;
        height : auto;
        position : relative;
        background-position: -188px -600px;
    }
    .MMSmallPanZoomWidget .MMzoom .MMzoomfactors {
        display: none;
    }
    .MMPanZoomWidget .MMzoom .MMonezoomfactor  {
        height: 6px;
    }
    .MMPanZoomWidget .MMzoom .MMonezoomfactor a {
        font-size: 1px;
        display: block; 
        height: 5px;
        width: 100%;
    }

    /*zoom slider*/
    .MMPanZoomWidget .MMzoomfactors .MMslider {
        z-index : 3;
    }
    .MMPanZoomWidget .MMzoomfactors .MMslider a {
        background-position: -100px 0;
        height: 21px;
        width: 18px;
        display: block;
        position: relative;
        top: -7px;
     }
/**
 * End of default Pan/Zoom Widget styles.
 */
  .MMInfoBox .MMconnector {
        position : relative;
        cursor : auto;
        left : 10px;
        bottom : -34px;
        margin-top: -38px;
        width: 25px; 
        height: 20px; 
    }
    .MMplacer>.MMconnector {
        background-position:  -27px -580px;
    }
    .MMInfoBox .MMclose { 
        text-decoration: none; /* NN fix */
        background-position: -6px 0;
        outline: none;
        width: 18px; 
        height: 18px;
        margin: 0 -2px 0 5px;
        display: inline;
        float: right;
        text-indent: -9999px;
        position: relative;
    }