/** Mapquest Store Locater **/

form.mqsearch {
    height: 75px;
    margin-bottom: 30px
}
form.mqsearch div.mqset {
    float: left;
    text-align: left;
    padding: 5px 20px
}

/* Additional markup to get vertical alignment to work */
form.mqsearch div.mqset div.alg-cell {
    display: table-cell;
    height: 75px;
    margin: 0;
    padding: 0;
    vertical-align: bottom
}

form.mqsearch label {
    display: block;
    float: left;
    width: 50px;
    margin-top: 3px;
    margin-right: 5px;
    
    font-size: 8pt;
    font-weight: 900;
    text-align: right
}

form.mqsearch div.citystate {
    width: 195px;
    padding-right: 0
}
form.mqsearch div.city input,
form.mqsearch div.state select {
    width: 120px;
    margin: 2px 0
}
form.mqsearch div.zip input {
    width: 80px;
}

form.mqsearch div.or-graphic {
    width: 42px;
    padding: 5px 0
}
form.mqsearch div.or-graphic img {
    margin-top: 6px
}

form.mqsearch div.zipalt {
    width: 175px;
    padding-left: 10px
}
form.mqsearch div.zip input {
    width: 100px
}

form.mqsearch div.mqoptions {
    width: 180px;
    border-left: 1px solid #999
}

form.mqsearch div.mqoptions em.miles {
    color: #c1c1c1;
    font-style: normal;
}

#mq-mapwrapper {
    width: 726px;
    height: 338px;
    padding: 7px 0 7px 7px;
    background: url('/common/mapquest/map_background.gif') no-repeat
}
.mq-mapimage {
    border: 1px solid #999;
    float: left;
    margin: 0
}

div.mqnavigation {
    float: right;
    width: 79px;
    padding: 50px 0 0 10px
}
table#mqnavigation {
    width: 42px;
    margin: 0;
    padding: 0
}
table#mqnavigation td {
    position: relative;
    width: 17px;
    height: 16px;
    margin: 0
}
table#mqnavigation a,
table#mqnavigation a:link,
table#mqnavigation a:visited {
    display: block;
    width: 17px;
    height: 16px;
    outline: none
}

table#mqnavigation td#north,
table#mqnavigation td#south,
table#mqnavigation td#east,
table#mqnavigation td#west {
    text-indent: -9999px
}
table#mqnavigation td#north span,
table#mqnavigation td#south span,
table#mqnavigation td#east span,
table#mqnavigation td#west span {
    position: absolute;
    margin-top: -17px;
    display: block;
    width: 17px;
    height: 16px;
}
table#mqnavigation td#north a:link,
table#mqnavigation td#north a:visited {
    background: url('../images/mqnav_north.gif') no-repeat
}
table#mqnavigation td#north a:hover {
    background: url('../images/mqnav_north_over.gif') no-repeat
}
table#mqnavigation td#south a:link,
table#mqnavigation td#south a:visited {
    background: url('../images/mqnav_south.gif') no-repeat
}
table#mqnavigation td#south a:hover {
    background: url('../images/mqnav_south_over.gif') no-repeat
}
table#mqnavigation td#east a:link,
table#mqnavigation td#east a:visited {
    background: url('../images/mqnav_east.gif') no-repeat
}
table#mqnavigation td#east a:hover {
    background: url('../images/mqnav_east_over.gif') no-repeat
}
table#mqnavigation td#west a:link,
table#mqnavigation td#west a:visited {
    background: url('../images/mqnav_west.gif') no-repeat
}
table#mqnavigation td#west a:hover {
    background: url('../images/mqnav_west_over.gif') no-repeat
}


div.zoom_control {
    width: 58px;
    float: right;
    margin: 15px 0 0 0;
    padding: 0 0 0 31px
    font-size: 3px;
}
table#zoom_control {
    width: 18px
}
table#zoom_control tr.zoom_in a,
table#zoom_control tr.zoom_in a:link
table#zoom_control tr.zoom_in a:visited {
    background: url('../images/zoomify_in.gif') no-repeat
}
table#zoom_control tr.zoom_in a:hover {
    background: url('../images/zoomify_in_over.gif') no-repeat
}
table#zoom_control tr.zoom_out a,
table#zoom_control tr.zoom_out a:link
table#zoom_control tr.zoom_out a:visited {
    background: url('../images/zoomify_out.gif') no-repeat
}
table#zoom_control tr.zoom_out a:hover {
    background: url('../images/zoomify_out_over.gif') no-repeat
}
table#zoom_control tr.zoom_incr td div{
    padding-bottom: 6px;
    background: url('../images/zoomify_rangeback_bottom.gif') no-repeat bottom
}
table#zoom_control tr.zoom_incr td {
    padding-top: 4px;
    background: url('../images/zoomify_rangeback_top.gif') no-repeat top
}
table#zoom_control tr.zoom_incr a {
    display: block;
    line-height: 1px;
    text-indent: -9999px;
    width: 16px;
    height: 8px;
    outline: none;
    background: url('../images/zoomify_marker.gif') no-repeat
}
table#zoom_control tr.zoom_in a,
table#zoom_control tr.zoom_out a {
    display: block;
    text-indent: -9999px;
    width: 16px;
    height: 16px;
    outline: none;
}
table#zoom_control .delimeter {
    display: none
}

table#zoom_control tr.zoom_incr a.highlight {
    background: url('../images/zoomify_marker_active.gif') no-repeat
}
table#zoom_control .level {
    
}



h3.results {
    margin: 50px 0 15px 15px
}
table.results {
    margin-left: -8px /* shift results to the left to offset position and line up graphics */
}
table.results td {
    vertical-align: top;
    font-size: 8pt;
    color: #666
}
table.results td.left {
    padding-right: 48px; /* an extra couple of pixels to compensate for the dotted line being in this container */
    background: url('../images/gray_dot_pattern.gif') repeat-y right /* dotted divider line */
}
table.results td.right {
    padding-left: 45px
}
div.store {
    text-align: left;
    width: 281px;
    padding: 10px 20px
}
div.store h4,
div.store h4 a {
    font-size: 9pt;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    margin-bottom: 0
}
div.store a span.maplink,
div.store a:link span.maplink,
div.store a:visited span.maplink {
    display: inline;
    font-weight: 100;
    color: #b40001;
    text-decoration: none
}
div.store a:hover span.maplink {
    text-decoration: underline;
}
div.highlight {
    background: url('../images/mqhighlight-bottom.gif') no-repeat bottom
}
div.highlight h4,
div.highlight h4 a {
    color: #b40001;
    margin: -10px -20px 0 -20px;
    padding: 10px 20px 0 20px;
}
div.highlight h4 {
	background: url('../images/mqhighlight-top.gif') no-repeat top	
}