/*Locations css*/

/*Locations_main css*/
#locations_main .left_col{
    margin-top:10px;
    clear:both;
    width:405px;
}
    #location_search_field {
        width:170px;
        float:right;
        margin-top:-28px;
    }
    #location_search{
        width:405px;
        height:372px;
        background:url('../images/location_search_bg.png') top left no-repeat;
        float:left;
        margin-top:27px;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;

        box-shadow:0 4px 9px rgba(0,0,0,.17);
        -moz-box-shadow:0 4px 9px rgba(0,0,0,.17);
        -webkit-box-shadow:0 4px 9px rgba(0,0,0,.17);
    }
        #location_search_menu{
            margin-top:-39px;
            margin-left:15px;
            height:40px;
        }
        .ie6 #location_search_menu{
            position:relative;
        }
            #location_search_menu li{
                float:left;
                margin-right:1px;
                height: 40px;
            }

            #showroom{width:120px;}
            #stand{width:90px;}
            #chainstore{width:140px;}
            .ie6 #showroom{width:120px;}
            .ie6 #stand{width:90px;}
            .ie6 #chainstore{width:140px;}

            .gray_menu{
                display:block;
                margin-left:3px;
                height:40px;
                background-image:url('../images/gray_menu_bg2.png');
                background-repeat:no-repeat;
                background-position:bottom right;
                /*line-height:28px;*/
                text-transform:uppercase;
                text-decoration:none;
                font-family:'MuseoSans500', arial, sans-serif;
                font-size:11px;
                color:#333;
                text-shadow:0 0 1px #000;
            }
                .active .gray_menu{
                    background-position:top right;
                }
            .gray_menu_left{
                margin-left:-3px;
                height:40px;
                display:block;
                background:url('../images/gray_menu_left2.png') bottom left no-repeat;

                padding:0 9px 0 9px;
            }

            .gray_menu_left p{
                line-height: 1;
                padding-top: 10px;
            }
                .active .gray_menu_left{
                    background-position:top left;
                }
            #location_search_menu .icon{
                width:15px;
                height:17px;
                background-image:url('../images/location_menu_icons.png');
                background-repeat: no-repeat;
                float:left;
                margin-right:6px;
                margin-top:6px;
            }

                #stand .icon{
                    background-position: 0 -17px;
                }

                #chainstore .icon{
                    background-position: 0 -34px;
                }
        #location_search_header{
            height:74px;

        }
            .location_search form{display:block;
                padding:13px 20px;
            }
            .location_search label{
                float:left;
                line-height:28px;
                font-size:16px;
                color:#16150d;
                margin-right:8px;


            }
            #location_search_area{
                float:left;
                width:251px;
                height:31px;
                background:url('../images/location_input.png') top left no-repeat;
            }
                #location_search_input_wrapper{
                    margin:3px 10px;
                }
                #location_search_input{
                    display:block;
                    width:100%;
                    font-size:15px;
                }
        #search_content{
            height:291px;
            background:#eaeaea;
            margin:0 1px;
            overflow:auto;
        }
            #search_content li{
                padding:20px;
            }
            #search_content .even{
                background:#d7e3e8;
                border:solid #b3bdc1;
                border-width:1px 0;
            }
            .num_marker{
                width:34px;
                height:41px;
                float:left;
                background:url('../images/marker_bg.png') top left no-repeat;
                margin-right:6px;
                cursor:pointer;
            }
                .num_marker .num{
                    width:22px;
                    height:24px;
                    margin:5px 6px;
                    background:url('../images/marker.png') top left no-repeat;
                    font-size:15px;
                    font-style:italic;
                    line-height:22px;
                    color:#fff;
                    text-align:center;
                    text-shadow:0 1px 1px #000;

                }
                .num_marker .num.orange{
                    background-position:0 -24px;
                }
                .num_marker .num.green{
                    background-position:0 -48px;
                }
            .search_content_details{
                width:190px;
                display:block;
                float:left;
            }
                .search_content_details dt, .search_content_details dt a{
                    color:#484848;
                    font-size:14px;
                    text-decoration:none;
                    text-shadow:0px 1px 1px #fff;
                }
                    .search_content_details dt a:hover{
                        text-decoration:underline;
                    }
                .search_content_details dd{
                    color:#333;
                    font-size:11px;
                }
            .search_content_thumb{
                float:right;
            }
        #location_search_footer{
            height:8px;
        }
#locations_main ul.location-tabs {
    border-bottom: 1px solid #b7b7b7;
    list-style:none;
    margin:20px 0 12px;
}
#locations_main ul.location-tabs::before, #locations_main ul.location-tabs::after {
    display: table;
    line-height: 0;
    content: "";
}
#locations_main ul.location-tabs::after {
    clear:both;
}
    #locations_main ul.location-tabs li {
        float:left;
        line-height:20px;
        margin-bottom:-1px;
    }
        #locations_main ul.location-tabs li a {
            display:block;
            padding:12px 12px 12px 38px;
            border:1px solid transparent;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            margin-right:2px;
            color: #4b295d;
            font-size: 16px;
            text-transform: uppercase;
            text-shadow: 1px 1px 0 #fff;
            line-height: 1;
            font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
            text-align: center;
            text-decoration: none;
        }
        #locations_main ul.location-tabs li.active a {
            border: 1px solid #b7b7b7;
            border-bottom-color: transparent;
            background:#f0f0f0;
        }
        #locations_main ul.location-tabs li a#list_button {
            background-image:url('../images/list_unordered.png');
            background-position: 12px center;
            background-repeat: no-repeat;
        }
        #locations_main ul.location-tabs li a#map_button {
            background-image:url('../images/list_map.png');
            background-position:12px center;
            background-repeat:no-repeat;
        }
#locations_main .right_col{
    margin-top:10px;
    width:483px;
    float:left;
}
    #location_map{
        float:left;
        margin-bottom:10px;
        box-shadow:0 4px 9px rgba(0,0,0,.17);
        -moz-box-shadow:0 4px 9px rgba(0,0,0,.17);
        -webkit-box-shadow:0 4px 9px rgba(0,0,0,.17);
    }
    #location_map img{
        display:block;
    }

#location_list{
    font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    margin-top:12px;

}
    .ie7 #location_list{
    }
    #location_title{
        background:url('../images/location_icon.png') 7px center no-repeat;
        padding-left:33px;
    }
        #list_of_locations{
            margin-top:12px;
        }
        .list_col{
            float:left;
            width:25%;
        }
        .ie6 .list_col{
            margin-left:25px;
        }
        .list_col li{
            float:left;
        }
        .location_item{
            display:block;
            color:#27333a;
            text-transform:uppercase;
            text-decoration:none;
            height:24px;
            line-height:24px;
            padding:4px 0 4px 23px;
            margin:0;
            font-size:14px;
        }
            .location_item:hover {
                color:#fff;
                font-weight:bold;
                text-shadow:0 1px 0 #333;
            }
#map {
    margin-top:20px;
    display:none;
    width:930px;
    height:630px;

}
div.state-popup {
    display: none;
    position: absolute;
    width: 220px;
    padding: 10px;
    background: rgba(238,238,238,.85);
    color: #4a4a4a;
    border: 1px solid #999;
    font-size: 14px;
    border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
    box-shadow: 3px 3px 10px rgba(0,0,0,.25), inset 0 0 0 1px #fff;
        -moz-box-shadow: 3px 3px 10px rgba(0,0,0,.25), inset 0 0 0 1px #fff;
        -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.25), inset 0 0 0 1px #fff;
    }
    .state-popup h3 {
        color: #4b295d;
        font-size: 16px;
        text-transform: uppercase;
        text-shadow: 1px 1px 0 rgba(255,255,255,.5);
        line-height: 1;
        font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
        line-height:24px;
        padding-bottom:2px;
        border-bottom:1px solid #a7a7a7;
    }
    .state-popup ul {
        border-top:1px solid #efefef;
        padding-top:8px;
    }
    .state-popup li {
        line-height:24px;
    }
    .state-popup strong {
        background:#E0CC20;
        text-shadow: 0 1px 0 #FFF000;
        color:#000;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        padding:2px 6px;
        font-size:16px;
        font-weight:700;
    }
/*Locations_by_state css*/
#locations_by_state .left_col{
    width:500px;
    clear:both;
    margin-top:10px;
}
    #location_by_state_list{
    }

    #location_by_state_list li{
        padding:20px 30px 16px 1px;
        background:#eaeaea;
        margin-bottom:2px;
    }
        #location_by_state_list li:nth-child(even){
            background:#eee;
        }
    #location_by_state_list h1{
        color:#27333a;
        font-size:25px;
        line-height:1;
        text-shadow:0 1px 1px #fff;

    }
    #location_by_state_list h2{
        color:#7e7e7e;
        line-height:1;
        text-shadow:0 1px 1px #fff;
    }
    .store_link{
        color:#4b295d;
        text-decoration:none;
        text-shadow:0 1px 1px #fff;
        font-family:helvetica, arial, sans-serif;
        font-size:11px;
        line-height:30px;
        background:url('../images/store_arrow.gif.png') center left no-repeat;
        padding-left:30px;
    }
    .view_details{
        margin-top:5px;
        margin-left:-5px;
    }



    .store_photo{
        position:relative;
        z-index:1;
        width:181px;
        height:79px;
        float:left;
        margin-right:22px;
    }
        .store_photo .num_marker{
            position:absolute;
            top:-12px;
            right:-17px;
        }
    .store_photo .bg{
        display:block;
        width:181px;
        height:79px;
        background:url('../images/store_photo_bg.png') top left no-repeat;

    }
        .store_photo .bg img{
            display:block;
            padding:3px;
        }
    .store_photo .shadow{
        width:197px;
        height:95px;
        position:absolute;
        z-index:-1;
        left:-8px;
        top:-4px;
        background:url('../images/store_photo_shadow.png') top left no-repeat;

    }
#locations_by_state .right_col{
    width:410px;
    margin-top:10px;
    margin-left:10px;
}
    #locations_by_state .location_search form{
        padding-left:0;
    }




/*LOCATIONS SINGLE*/
#location_single .left_col{
    width:295px;
}
        #location_gallery_list{
            float:left;
            margin-left:3px;
        }
            #location_gallery_list li{
                float:left;
                border:1px solid #e2e2e2;
                margin-right:9px;
            }
            #location_gallery_list img{
                display:block;
            }

            #location_more_images{
                background:url("../images/internal/breadcrumb_arrows.gif.png") left center no-repeat;
                padding-left:10px;
                margin-right:18px;
                color:#7f7f7f;
                font-family:'Helvetica Neue', helvetica, arial, sans-serif;
                font-style:italic;
                text-decoration:none;
                float:right;
                margin-top:10px;
            }
        #main_location_map{
            margin-bottom:30px;
        }
            .map_container{
                position:relative;
                width:284px;
                height:137px;
            }
                .map_shadow{
                    position:absolute;
                    width:300px;
                    height:153px;
                    top:-4px;
                    left:-8px;
                    background:url('../images/map_bg.gif.png') top left no-repeat;
                }
                .map_content{
                    border:1px solid #ededed;
                    margin:5px;
                    float:left;
                    position:relative;
                    z-index:1;

                }
                    .map_content img{
                        display:block;
                    }
        #get_directions .input_area{
            background:url('../images/input.gif.png') top left no-repeat;
            width:291px;
            height:31px;

            width:265px;
            height:15px;

            padding:8px 13px;
            margin-bottom:3px;
        }
            #get_directions .input_wrapper{
                position:relative;
            }
            #get_directions .input{
                display:block;
                width:100%;
                font-size:13px;
                font-family:helvetica, arial, sans-serif;
                color:#282828;
                text-shadow:none;
            }
        #get_directions .disabled{
            background-position:bottom left;
        }
            #get_directions .disabled .input{
                color:#fff;
                text-shadow:1px 1px 1px #000;
            }
#location_single .right_col{
    width:600px;
}
    .gray{
        color:#7e7e7e;
        text-transform:none;
    }
    #location_details{
        text-shadow:0 1px 1px #fff;
        margin-bottom:20px;
    }
    #contact_info{
        font-size:13px;
    }
        #contact_info h4{
            color:#121212;
            font-size:13px;
            font-family:'Helvetica Neue', helvetica, arial, sans-serif;
            font-weight:bold;
            text-transform:uppercase;
            letter-spacing:0px;
            margin-bottom:4px;
        }
        #contact_info .left, #contact .right{
            margin-bottom:25px;
        }
        #contact_info .left{
            float:left;
            width:200px;
        }
        #contact_info .right{
            float:right;
            width:372px;
        }
    #location_single h1{
        font-size:42px;
        line-height:1;
        margin-bottom:12px;

    }
    #location_single h2{
        margin-bottom:8px;
    }
        #contact_info h2{
            font-size:25px;
            margin-bottom:15px;
        }
    #location_single h3{
        margin-bottom:3px;
        color:#4b295d;
        font-family:'Helvetica Neue', helvetica, arial, sans-serif;
        font-size:13px;
        font-style:normal;
    }
    #location_single p{
        line-height:18px;
    }

/*
    <div id="coupons_slideshow" class="slideshow">
        <div class="slideshow_bg"></div>
        <a href="#" class="slideshow_link"></a>
        <a href="#" class="controls prev"></a>
        <div class="slideshow_mask">
            <ul class="slideshow_list">
                {% for item in slideshow %}
                <li style="background-color:#ccc"><a href="#{{ item.name }}"><img src="{{ item.image.url_745x230 }}" alt="{{ item.name }}" width="745" height="230" /></a></li>
                {% endfor %}
            </ul>
        </div>
        <a href="#" class="controls next"></a>

        <menu class="indicator_list">
            <!-- this needs to match number of 'li' in #billboard_content_ul -->
            {% for item in slideshow %}
            <li><a href="#" class="indicators"></a></li>
            {% endfor %}
        </menu>
    </div>
*/
    #coupons_slideshow{
        height:138px;
        width:340px;
    }
    #coupons_link{
        float:left;
        margin-top:15px;
        background:url('../images/coupons_link.gif.png') left center no-repeat;
        padding-left:27px;
        height:20px;
        line-height:20px;
        font-family:helvetica, arial, sans-serif;
        font-size:13px;
        text-decoration:none;
        color:#121212;
        margin-left:3px;

    }
        #coupons_slideshow .slideshow_bg{
            background:url('../images/coupons_bg.gif.png') top left no-repeat;
            width:356px;
            height:153px;
            left:-7px;
            top:-3px;
            z-index:0;
        }
        #coupons_slideshow .prev{left:-22px;}
        #coupons_slideshow .next{right:-22px;}
        #coupons_slideshow .slideshow_mask{
            width:340px;
            height:138px;
            margin:0;
        }
        #coupons_slideshow .slideshow_list_li{
            width:329px;
            height:128px;
            margin:5px 6px;
            background:url('../images/coupons_li_bg.gif.png') top left no-repeat;
        }

.coupon_container{
    border:1px dashed #999999;
    margin:7px;
    height:98px;
    padding: 9px;
}

#location_single .coupon_container p{
    color:#282846;
    font-family:Georgia;
    font-size:9.4px;
    line-height:1.3;
}

.coupon_head{
    color:#282846;
    font-family: Georgia;
    font-size:21px;
    font-style:italic;
}

.infoBubbleWrapper{
    font-size: 14px;
    left: 74px;
    position: relative;
    top: 99px;
    z-index: 10;
}
.gray_tip{
    background: url('../images/gray_tip.png') left center no-repeat;
    float:left;
    height:85px;
    width:7px;
    position:relative;
    z-index:9999;
}
.infoBubbleBubble{
    float:left;
    background:rgb(214,208,208);
    background:rgba(214,208,208, .95);
    width:178px;
    height:75px;
    padding: 5px 5px 5px 5px;
            border-radius:10px;
       -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -moz-box-shadow:1px 2px 3px #666;
    -webkit-box-shadow:0px 2px 3px #666;
    box-shadow:0px 2px 3px #666;
}

.getDirections{
    display:block;
    margin-top:10px;
}

.expandDirections{
    color:#282846;
    font-family: Georgia;
    font-size:11px;
    font-style:italic;
}

    .cityState{
        color:#37175a;
        font-size:11px;
        text-shadow:1px 1px 1px #fff;
        font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    }

    .infoBubbleType{
        color:#000;
        display:block;
        font-size:10px;
        font-weight:bold;
        text-shadow:1px 1px 1px #fff;
        font-family:'Helvetica Neue', helvetica, arial, sans-serif;
    }

.gray_marker{
    background:transparent url("../images/gray_marker.png") left center no-repeat;
    color: #4B4B4B;
    display: block;
    float: left;
    height: 23px;
    margin-left: 5px;
    margin-top: 3px;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
}