#stores #center_colum label {
	display:inline-block;
	width:150px;
	font-weight:bold;
	text-align:right
}
input#addressInput {
	padding:2px 5px;
	width:300px;
	border:1px solid #ccc
}
select#radiusSelect {
	margin: 0 5px 0 0;
	width:50px;
	border:1px solid #ccc
}

#stores_loader {
   display: none;
   margin-left: 5px
}

#locationSelect {
   visibility: hidden;
   width: 400px;
	border:1px solid #ccc
}

#stores #center_column p .button {float:right}

#map {
   margin:15px auto;
   height:375px;
   width:535px
}

#stores-table {border-bottom:1px solid #999}
#stores-table tr:nth-child(odd) {background-color: #f5f4f4;}
#stores-table td {
	border-top:1px solid #ccc;
	border-bottom:none
}
#stores-table td.distance {border-right:1px solid #999}



/* RESPONSIVE CSS */
@media (max-width: 480px) {
    .header {width: 100%;height: auto;}
    .container {width: 100%}
    .block {width: 100%}
    .layer1 {width: 100%}
    .header .logo {width: 230px;}
    .toptext .inner {height: auto;width: 100%;}
    .toptext .inner ul {left: 0;top: 30px;padding-left: 5px;position: relative;height: auto;line-height: normal;margin: 10px 0;}
    .ddsmoothmenu {float: left;clear: both;margin: 0 0 15px;width: 100%;}
    .ddsmoothmenu ul li {float:none}
    #big-slider {width: 100%;overflow: hidden;}
    #big-slider #bigslides {width: 100%;}
    #big-slider .slides_container {width: 100%;}
    #big-slider .slides_container .slide {width: 100%;}
    #big-slider .slides_control {width: 100% !important;}
    #big-slider .slide-content {
        max-width:100%;
        max-height:100%;
        height: 100%;
        background-position: center center;
        background-attachment: fixed;
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
    }
    #big-slider .slide-container {left: 2%; top: 30%;}
    #big-slider #bigslides .next,
    #big-slider #bigslides .prev {display: none}
    .left-panel {margin: 0;}
    .left-panel-container {margin: 0;width: 100%;}
    .left-panel ul.leftmenu {width: 100%;margin: 0;}
    .left-panel ul.leftmenu li:first-child {border-top: 2px solid #000;}
    .left-panel ul.leftmenu li:last-child {border-bottom: 2px solid #000;}
    .right-panel {float: none;}
    .right-panel-container {position: relative;top:0;width: 100%;
        background: -webkit-linear-gradient(#0C72B1, #133950);
        padding: 0px 0 20px;
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #FFF;
        box-shadow: 0 3px 10px #C4C4C4;
    }
    .right-panel-item {position: relative;width: auto;height: auto;margin: 0;}
    .middle-panel {width: 100%;margin: 0;}
    .middle-panel-content {padding: 5px 10px 20px 10px}
    .footer {width: 100%}
    .footer-shadow {width: 100%}
    .footer-shadow-content {padding-right: 15px;}
    .footer table {width: 100%;height: auto;}
    .footer table td {width: 100%;display: block;height: auto;border: 0;}
}

@media (max-width: 768px) and (min-width: 491px) {
    .header {width: 100%}
    .container {width: 100%}
    .block {width: 100%; max-width: 100%;}
    .layer1 {width: 100%}
    .header .logo {width: 230px;}
    .toptext .inner {height: auto;width: 100%;}
    .toptext .inner ul {left: 0;top: 30px;padding-left: 5px;height: auto;width: 100%;position: relative;line-height: normal;margin: 10px 0;}
    .ddsmoothmenu {float: left;clear: both;margin: -5px 0 15px;}
    #big-slider {width: 100%;}
    #big-slider #bigslides {width: 100%;}
    #big-slider .slides_container {width: 100%;}
    #big-slider .slides_container .slide {width: 100%;}
    #big-slider .slides_control {width: 100% !important;}
    #big-slider .slide-content {
        max-width:100%;
        max-height:100%;
        height: 100%;
        background-position: center center;
        background-attachment: fixed;
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
    }
    #big-slider .slide-container {left: 5%; top: 30%;}
    #big-slider #bigslides .next,
    #big-slider #bigslides .prev {display: none}
    .left-panel-container {margin: 0;width: 100%;}
    .left-panel ul.leftmenu {width: 100%;margin: 0;}
    .left-panel ul.leftmenu li:first-child {border-top: 2px solid #000;}
    .left-panel ul.leftmenu li:last-child {border-bottom: 2px solid #000;}
    .right-panel {overflow: hidden;}
    .right-panel-container {position: relative;top:0;width: 100%;
        background: -webkit-linear-gradient(#0C72B1, #133950);
        padding: 0px 0 20px;
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #FFF;
        box-shadow: 0 3px 10px #C4C4C4;
    }
    .right-panel-item {position: relative;width: auto;height: auto;margin:0}
    .middle-panel {width: 100%;margin: 0;overflow: hidden;}
    .middle-panel-content {padding: 5px 10px 20px 10px}
    .footer {width: 100%}
    .footer-shadow {width: 100%}
    .footer-shadow-content {padding-right: 15px;}
    .footer table {width: 100% !important;height: auto;}
}

@media (max-width: 1024px) and (min-width: 769px){
    .header {width: 100%;height: auto;}
    .container {width: 100%}
    .board {width: 100%}
    .block {width: 100%;clear: both;}
    .layer1 {width: 100%}
    .header .logo {width: 230px;}
    .toptext .inner {height: auto;width: 100%;}
    .toptext .inner ul {left: 0;top: 30px;padding-left: 5px;position: relative;}
    .ddsmoothmenu {}
    #big-slider {width: 100%;}
    #big-slider #bigslides {width: 100%;}
    #big-slider .slides_container {width: 100%;}
    #big-slider .slides_container .slide {width: 100%;}
    #big-slider .slides_control {width: 100% !important;}
    #big-slider .slide-content {
        max-width:100%;
        max-height:100%;
        height: 100%;
        background-position: center center;
        background-attachment: fixed;
        background-size: contain !important;
        -webkit-background-size: contain !important;
        -moz-background-size: contain !important;
        -o-background-size: contain !important;
    }
    #big-slider .slide-container {left: 5%; top: 30%;}
    #big-slider #bigslides .next,
    #big-slider #bigslides .prev {display: none}
    .left-panel-container {float: left;width: 20%;}
    .right-panel {width: 75%;}
    .right-panel-container {top:0;width: 100%;
        background: -webkit-linear-gradient(#0C72B1, #133950);
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-bottom: 1px solid #FFF;
        box-shadow: 0 3px 10px #C4C4C4;
    }
    .right-panel-item {width: 20%;height: auto;margin: 0;}
    .middle-panel {width: 100%;}
    .footer {width: 100%}
    .footer-shadow {width: 100%}
    .footer-shadow-content {padding-right: 15px;}
}