
body { font-size:12px; font-family:Arial;}

#wrapper { margin:0 auto;}

#header { width:100%; overflow:hidden; background:#333;}

	#header h1 { float:left; margin:0; color:#fff; padding:5px; font-size:16px;}

#main { padding:20px;}

#main h2 { border-bottom:1px solid #ccc; padding-bottom:5px;}

#main .index_add { line-height:18px;}

#map_canvas { border:1px solid #ccc; margin:15px 0; width:70%; height:400px; float:right;}

#usage #main,

#features #main { 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 { }



/* NAV */

#nav { float:right; padding:0; margin:10px 5px 0 0;}

#nav li { display:inline; padding:0; margin:0;}

#nav li a { padding:5px 10px; margin-right:5px; background:#ccc; color:#333; text-decoration:none; display:block; float:left; font-weight:bold;}

#nav li a:hover { background:#e1e1e1;}

#nav li.n_logout a { margin:0;}



/* highlight current page */

#locator .n_store_locator a,

#usage .n_usage a,

#features .n_features a { text-decoration:underline; background:#fff;}



/* TYPE */

h1,h2,h3,h4,h5,h6,p,ul { margin-bottom:15px;}

a { font-weight:bold;}

a:hover { text-decoration:none;}

a img { border:none;}

ul { margin:0 20px 20px 20px;}



/* MISC */

.flash,.flash_bad,.flash_good { padding:15px; font-weight:bold; margin:0 0 15px 0;}

.flash { border:2px solid orange;}

.flash_good { background: #e5f2be; border:2px solid #bedf5d;}
.flash_results {
position:relative;
top: 0px;
float:left;
}

.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;}



/* FORMS */

form {}

form fieldset { padding:0 20px 20px 20px;}

form fieldset legend { font-weight:bold; font-size:16px;}

form fieldset .input { padding:10px 0;}

	form fieldset .input label { display:block;}

	form fieldset .input input { width:100%;}

	form fieldset .input span.required { color:maroon; font-weight:bold;}

form fieldset .buttons { padding:10px 0 0 0;}

form fieldset .row .input { float:left;}

form fieldset .two .input { width:50%;}

	form fieldset .two .first input { width:95%;}



/* STORE LOCATOR */

#store_locator { width:25%; float:left;}

.result_heading {
	color: #666600;
	font-size: 15px;
	line-height:18px;
}