/*
Theme Name: Debonair
Description: Lively, colorful, nearly symmetrical store locator theme, that can add a bit a flash & excitement to your store locator's interface. Responsive layout -- as the screen's viewpoint narrows, either due to computer size or if viewing on a mobile device, map automatically hides itself to display only results, while search elements such as the search form, radii selector, and search button adjust to flow nicely within you screen's view.
Version: 1.1
Author: Viadat Creations
Author URI: http://www.viadat.com
*/

/* General Rules */
.text_below_map {
	/*shown before search performed */
	font-family: Arial;
	padding: 10px;
	padding-left: 7px !important;
	padding-right: 7px !Important;
	font-size: 14px;
	text-align: left;
}
#sl_map_button_table {
	height: 35px;
	padding: 0px !important;
	margin: 0px !Important;
	border: 0px !important;
	background-color: transparent !important;
	display: inline !important;
	vertical-align: bottom !important;
}
#sl_map_button_table td, #sl_map_button_table tbody, #sl_map_button_table tr {
	padding: 0px !important;
	margin: 0px !important;
	vertical-align: top;
	background-color: transparent !important;
}
.sl_footer {
	background-color: transparent !important;
}
#addressInput2 {
	/*padding-bottom: 5px;*/
}
#radiusSelect {
	margin: 0px;
}
#map_sidebar {
	height: inherit !important;
}

/*Addon Feature Rules*/
#sl_category_dropdown_div {
	padding-left: 0px !important;
}
#sl_category_filter {
	padding-bottom: 5px;
}
#sl_category_dropdown {
	background: none repeat scroll 0 0 #E2E2E2;
    border: medium none;
    /*height: 30px;*/
    margin: 0 0 0 0;
    width: 180px;
	vertical-align: middle;
	padding: 6px;
}

/*Debonair-specific Rules*/
.dbr_form {
	display: inline !important;
	float: left !important;
	list-style-type: none !important;
	background: none !Important;
	padding: 0px !Important;
	margin-right:7px;
}
.dbr_form #addressInput {
	background-image: none !important;
	border: 1px solid #333333 !important;
    height: 30px !important;
    margin: 0 0 0 0 !important;
    width: 155px !important;
}
.dbr_form #addressInput2 {
	background: none repeat scroll 0 0 #E2E2E2;
    border: medium none;
    height: 30px; !important
    margin: 0 0 0 0 !important;
    width: 180px !important;
	vertical-align: bottom !important;
	/*padding: 7px;*/
}
.dbr_form #addressInput:focus {
	background-color: #e9f2f5;
}
.dbr_form #radiusSelect {
	border: 1px solid #666666;
    height: 30px;
    padding: 5px;
}
.dbr_form #addressSubmit {
	background: none repeat scroll 0 0 #D52500 !important;
    border: medium none !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    height: 30px !important;
    text-align: center !important;
    margin: 0px !important;
    /*width: 105px;*/
}
.dbr_form #addressSubmit:hover {
	background-color:maroon !important;
	cursor: pointer;
	cursor: hand;
}
.sl_search_form {
	display: block !important;
    margin: 0 auto;
    /*text-align: center;*/
}
.dbr_advanced {
	display:block;
}
.dbr_advanced_link {
	padding-left:5px;
	font-size: 12px;
}
.dbr_advanced_link a {
	/*color: black;*/
	font-family: Arial;
	text-decoration: none !important;
}
.dbr_header_div {
	background-color: transparent !important;
	/*padding: 7px !important;*/
	border: none !important; 
	text-align: center;
}
.dbr_header_div td, .dbr_header_div img {
	border: 0px !important;
}
.dbr_mid_div {
	background: none repeat scroll 0 0 navy;
	/*background: -moz-linear-gradient(center top , #888 0%, #eeeeee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    height: 27px;
    padding: 4px 0 0 23px;
	position: relative;
	top: -31px;
	/*border-top: black solid 1px;*/
}
.dbr_body_div {
	border: 1px solid #000;
}

.dbr_footer {
	/*border-top: 1px solid #919191;*/
	float: right;
	font-family: Arial;
	font-size:11px;
	background-color: transparent !important;
	color: black;
	padding-left: 7px;
	padding-bottom: 7px;
}
.dbr_footer a {
	color: gray;
	font-family: Arial;
	text-decoration: none !important;
	font-size:10px;
	clear: both;
	/*color: #f2f2f2;*/
}
.dbr_results li {
	list-style-type: none !important;
	background: none !important;
	padding: 0px !important;
	padding-bottom: 6px !important;
	font-size:12px !important;
}

/* Search Results */
.location_row {
	padding: 10px;
}
.location_row .location_distance {
    color: #898989;
    float: right;
}
.location_icon {
    float: left;
    height: 26px;
    margin: 0 10px 0 0;
    position: relative;
    width: 20px;
}
.location_details {
    display: block;
    float: left;
}
.location_icon div {
    color: #FFFFFF;
    font-weight: bold;
    padding: 2px 0 0;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 1000;
}
.location_icon img {
    display: none;
}
.location_name {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 2px;
}
.location_hours {
    color: #898989;
    margin: 0 0 5px;
}
.location_hours_link {
    margin: 0 0 5px;
}
.location_phone {
    margin: 0 0 5px;
}
.location_directions {
    float: left;
    margin: 0 15px 0 0;
}
.location_email {
    color: #626262;
    float: left;
    font-size: 10px;
    font-weight: bold;
}

/*Responsive Rules*/
@media all and (min-width: 700px) {
	.dbr_results {
		width:41%;
		display:inline;
		float: left;
		position: relative;
		background-color: white !Important;
	}
	.dbr_map {
		width:59%;
		display:inline;
		float: left;
		position: relative;
	}
	.dbr_results ul {
		line-height: 100%;
	}
	/*.dbr_form #addressInput {
		width: 350px !important;
	}*/
	.sl_search_form {
	padding-left: 60px;
	}
}
@media all and (max-width: 700px) {
	#sl_map,  .dbr_map  {
        	display:none;
	}
   	.dbr_results {
   		width: 100% !mportant;
 	  	background-color: white !Important;
	}
	.dbr_results .results_entry {
		/*text-align:center;*/
	}
	.dbr_form #addressInput {
		max-width: 350px !important;
		min-width: 250px !important;
	}
	.dbr_form #addressInput, .dbr_form #addressInput2, .dbr_form #radiusSelect {
		margin-bottom: 7px;
	}
	.dbr_form #sl_map_button_table {
		vertical-align: top !important;
	}
}