@charset "utf-8";

/*
-----------------------------------------------------------------------------------------
MAGNET 2009 - FIND YOUR SHOWROOM PAGES

--------------
CONTENTS
--------------
## STORE LOCATOR
## STORE LOCATOR LIST
## RANGES
## MAP
## MAP POPUP

-----------------------------------------------------------------------------------------
*/


/*  ## STORE LOCATOR  ---------------------------------------------------------------*/
.store-locator {
padding-right:20px;
}
#content .store-locator form fieldset,
#content .store-locator form fieldset div {
float: left;
width: 190px;
}
#content .store-locator form div.form-buttons {
float: left;
padding-left: 5px;
}
#content .store-locator form fieldset div label {
padding: 0;
width: 0;
}


/*  ## STORE LOCATOR LIST  ----------------------------------------------------------*/
.store-locator-list {
position: relative;
min-height: 700px;
}
.store-locator-list a {
}
.store-locator-list table {
margin-bottom: 1.5em;
width: 300px;
}
.store-result-list table {
margin-bottom: 1.5em;
}
.js-active h3 {
cursor: pointer;
width: 130px;
}
.js-active h3 a {
outline: none;
}
h3.current a {
color:  #DDA400;
}
.store-locator-list table.current {
position: absolute;
right: 0;
top: 0;
}
.store-locator-list table th,
.store-locator-list table td {
font-size: 12px;
font-weight: normal;
padding: 2px 15px 2px 0;
text-align: left;
vertical-align: top;
}
.store-result-list table th,
.store-result-list table td {
font-size: 12px;
font-weight: normal;
padding: 2px 15px 2px 0;
text-align: left;
vertical-align: top;
}


/*  ## RANGES  ----------------------------------------------------------------------*/
#content .ranges {
padding-left: 163px;	
}
.js-active #content .tertiary-content {
display: none;
}
#content .range {
float: left;
width: 757px;
}
#content .range ul {
padding-top: 10px;
}
#content .range ul li {
float: left;
list-style: none;
margin: 0;
width: 120px;
}
#content .range ul li img {
float: left;
}
#content .range ul li span {
display: block;
width: 110px;
float: left;
clear: left;
height: 60px;
}
#content .ranges .uniquely h3,
#content .ranges .uniquely h3 a {
color: #607D4B;
width: auto;
}
#content .ranges .purely h3,
#content .ranges .purely h3 a {
color: #B33B21;
width: auto;
}
#content .ranges .essentially h3,
#content .ranges .essentially h3 a {
color: #44817D;
width: auto;
}
.js-active #content .tertiary-content {
padding-top: 0;	
}



/*  ## MAP  -------------------------------------------------------------------------*/
#map {
background-color: #333333;
height: 452px;
margin: 0 35px;
width: 920px;
}
#map img.static-map {
float: right;
}
.js-active #map img.static-map {
visibility: hidden;
}


/*  ## MAP POPUP  -------------------------------------------------------------------*/
div.popup-content {
background: url(/stat/bg-popup-content.png) bottom right no-repeat;
color: #000;
padding: 0 110px 1px 0;
width: 300px;
}
div.popup-content h2 {
color: #000 !important;
font-size: 14px;
}
div.popup-content p {
color: #000 !important;
font-size: 12px;
}
div.popup-content p.address {
color: #000 !important;
font-size: 12px;
margin-bottom: 6px;
}
font-size: 12px;
}
div.popup-content p.address {
color: #000 !important;
font-size: 12px;
margin-bottom: 6px;
}