@import url(sticky-footer.css);
@import url(nav.css);

body { font-size:12px; font-family:helvetica, Arial, sans-serif; background: #c80000 url("../imgs/bg.jpg"); background-position: top; background-repeat: repeat-x; background-attachment: fixed; overflow: scroll; }

#content { position: relative; padding:20px;  background: #fff; }
#content h2 { border-bottom:1px solid #ccc; padding-bottom:5px; }
#content .index_add { line-height:18px; }
#input_form { position: relative; background: #ffffff; min-height: 500px;}
#map_canvas { position: relative; margin: 0px; width:670px; height:298px; border: 1px solid #000;}
#usage #content,
#features #content { font-size:14px;}
#usage .image { text-align:center;}
#usage img { border: 2px solid #333; margin:0 0 15px 0;}
#features .gallery a { border:2px solid #333; display:block; float:left; margin-right:10px; }
#features .gallery a img { }



#top-bar {
	background: url(../imgs/top-bar.png) repeat-x;
	width: 100%;
	height: 33px;
	padding: 10px 0 10px 0;
	margin-bottom: 0px;
	position: fixed;
	top: 0px;
	z-index: 9000;
	}

/* Wraps */

#wrapper { position: relative; margin:0 auto; width: 960px; left: 50%; margin-left: -455px; margin-top: 30px;}
#header_wrap { position: relative; background: #000; top: 0; z-index: 99; width: 100%; margin: 0 auto; }

/* HEADER */

#header { position: relative; left: 50%; width: 960px; margin: 0 auto; margin-left: -455px; background: #000; color: #FFF; }
.header-logo { margin: 10px 0 10px 0; }
.header-form { margin: 22px 0 auto 0; float: right; }

/* NAV */

.left { float: left;}
.right { float: right;}

/* highlight current page */

#locator .n_store_locator a,
#usage .n_usage a,
#features .n_features a { text-decoration:underline; background:#fff;}

/* TYPE */

h1,h3,h4,h5,h6,p, { margin-bottom:15px;}
a img { border:none;}

/* MISC */
#ajax_msg {
	position: relative;	
}
.flash,.flash_bad,.flash_good { padding:15px; font-weight:bold; margin: 20px 0 15px 0;}
.flash { border:2px solid orange;}
.flash_good { background: #e5f2be; border:2px solid #bedf5d;}
.flash_bad { background: #eccecf; border:2px solid #9e0b0f;}
ul.flash_bad,ul.flash_good { list-style-type:none;}
.fright { float:right;}
.fleft { float:left;}
.iconAdd { background:url(../imgs/icons/add.png) no-repeat; padding-left:20px;}
.hide { display:none;}
code { display:block; margin:0; padding:0;}
pre { background:#333; color:#fff; padding:15px; margin:0 0 15px 0;}





/* INFO WINDOW */
.infoWindowImg { border: 1px solid #000; width: 100px; height: 100px; overflow: hidden; margin-right: 15px; }
.infoWindowData { width:200px; }
.infoWindowData span.name { font-size: 12pt; font-weight: bold; color: #444; }
.infoWindowData span.address1 {}
.infoWindowData span.address2 { }
.infoWindowData span.distance { }
.infoWindowEmblems img.type { position: absolute; right: 0px; top: 0px; margin: 5px; }
.infoWindowEmblems img.service { position: absolute; right: 0px; bottom: 0px; margin: 5px; }	

/* RESULT SET */
#result_set { position: relative; margin-top: 30px; width: 100%; }
.result { background: url(../imgs/container-bg-grad.png) repeat-x #ffffff; position: relative; width: 920px; height: 70px; padding: 20px; margin: 0px; margin-bottom: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.result img.main { border: 1px solid #444444; width: 50px; height: 50px; margin: 0px; margin-right: 15px; }
.result img.type { border: none; width: 16px; height: 16px; margin: 0px; maring: 5px; right: 0px; top: 0px; vertical-align: middle; }
.result img.service { border: none; width: 16px; height: 16px; margin: 0px; margin: 5px; right: 0px; bottom: 0px; vertical-align: middle; }
.result ul { padding: 0px; margin: 0px; list-style-type: none; }
.result li { display: block; float:left; height: auto }
.result li.box1 { width: 10px; }
.result li.box2 { width: 50px; padding: 5px; margin-right: 15px;}
.result li.box3 { width: 300px; padding: 5px; margin-right: 30px; }
.result li.box4 { width: 200px; padding: 5px; }
.result li.box5 { width: 200px; padding: 5px; float: right;}
.result span.name { font-size: 18px; font-weight: bold; color: #444; }
.result span.distance { font-size: 24px; font-weight: bold; color:  #444; }
/* FOOTER */


/*added*/
#map-container { background: #ffffff; width: 920px; padding: 20px; margin: 40px auto 50px; height: auto; }
#map-left {	float: left;  height: 300px; width: 200px; background: url(../imgs/container-bg-grad.png) #ffffff bottom repeat-x; margin-top: 40px; padding: 20px;}
#map-right { float: right; background: url(../imgs/container-bg-grad.png) #ffffff bottom repeat-x; margin-top: 40px; padding: 20px; }
#address { width: 190px; height: 18px; display: block; border: 1px solid #d8dcdf; color: #cc0000; margin-top: 20px; margin-bottom: 10px; font-size: 14px; padding:  5px; vertical-align: baseline; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #eeeeee}
#address:focus { border: 1px solid #d8dcdf;	background: #f6f6f6; }

.container { margin: 0px auto; padding: 0; width: 960px; }
.containerMain { margin: 30px auto; padding: 0; width: 960px; }
.round { -moz-border-radius: 7px;	-webkit-border-radius: 7px; }
.clear { clear: both; }
.divider { width: 100%; height: 1px; background: #d56263; margin-top: 5px; margin-bottom: 15px; }

p {	color:  #878787; margin-top: 5px; }
h1 { margin: 0;	padding: 0;	font-size: 2.5em; font-weight: 800;	color: #bc0000; }
h3 { color: #ffffff; margin: 0px; padding:  0px; font-size: 1.4em; display: inline; }

.bold { font-weight: bold; color: #a61000;}

/* Drop Down Menu */

#distance { width: 180px; }
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; width: 200px; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }


.small { font-size: 8px; color: #aaaaaa; font-style: italic; }
#find {	background: url(../imgs/find.png); width: 150px; margin-top: 5px; height: 34px; border: none; cursor: pointer; }