/*
Update Log
8/31/09  Changed the pagebody h2 from blue to default black
9/21/09  Added img.right to float images to the right
9/21/09  Added div.section h2.headline to keep blue bar from exceeding width
9/28/09  Created Hover styles for main navigation
10/21/09 Added subnav h2 to family of red subheads
5/6/10 div#content-inner changed line-height to 135%
9/13/10 added new state rollout styles
12/23/10 clean up; removed line-height from body
3/24/11 turned off #page-body h2, h2.subhead1; modified div.section h2.headline


Red #CC0000
Dark Red #ca0010
Blue #cb000f

City Pages are designated by body#cityPage


*/


body{margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 12px; background:#ffffff url('../images/header-bkg.jpg') repeat-x left top;}

#container{width: 960px; margin: auto;}
	#page-header{height: 108px;width: 960px;}
		#page-header h2{font-size:16px; color: #fff; padding:0; margin:0; line-height:24px; padding-top:10px;}
		#page-header h3{color: #fff; padding: 0; margin: 0;font-size: 24px;line-height: 24px; padding-top: 10px;}
		div#logo {width: 246px;float: left; height: 108px;text-align:center;}
		

/*--------------------  Top Section ----------------------------------------------*/

		div#top {margin-top:0px;padding-top:0px;width: 714px; float: left; text-align: center; height: 108px; position:relative;}

		div#top-text {width:665px; height:85px; overflow:hidden; color:#ffffff;}
				#top-text h1#location {font-size:12pt; margin:10px 0px 5px 0px; padding:0px;}
				#top-text h2 {font-size:12pt; margin:12px 0px 0px 0px; padding:0px;}
				#top-text h3 {margin:12px 0px 0px 0px; padding:0px;}
					#top-text h2 + h3 {margin:7px 0px 0px 0px;}
					span#location {font-size:12pt;}
				body#cityPage #top-text h1#location {font-size:12pt; color: #ffffff; margin:12px 0px 7px 0px; padding:0px;}
					body#cityPage #top-text h2 {font-size:18pt; margin:0px 0px 0px 0px; padding:0px;}
					body#cityPage #top-text h3 {margin-top:3px;}
				
			div#top-nav {position:absolute;bottom:0px;left:51px;z-index:2;}
				.top-nav{float: left;margin: 0; padding:0;text-align: center;padding-left: 15px;padding-right: 15px;background-image: url();background-repeat: repeat-x;cursor: pointer;	}
					.top-nav a {font-size:14px; line-height:39px; vertical-align:bottom; text-decoration:none;}
						.top-nav a:link {color:#ffffff;}
						.top-nav a:visited {color:#fff000;}
						.top-nav a:hover {color:#fff000; text-decoration:underline;}
						.top-nav a:active {color:#ffffff;}
			#top-nav2{position: relative;width: 500px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 10px;height: 16px;}
				#top-nav2 a {padding-left:10px; padding-right:10px; font-size:14px; line-height:16px; font-weight:bold;}
					#top-nav2 a:link {color:#ca0010;}
					#top-nav2 a:visited {color:#ca0010;}
					#top-nav2 a:hover {color:#9e0508}
					#top-nav2 a:active {color:#9e0508}
		
	#page-body{clear: both;width: 960px;margin: auto;background: #fff;}

div#store_image { text-align:center; padding:10px 0px 10px 0px; margin-bottom:10px; width:675px;}
	div#store_manager {text-align:center; width:675px; }

div#content-outer {margin-left:250px;}

div#h1-bar {margin-top: 15px;padding-top: 10px;height: 35px; width: 675px; background-image:url('../images/h1-bkg.jpg');}

	#left-nav{float: left;width: 236px;vertical-align: top;min-height: 500px;background-image: url('../images/lnav-bkg.jpg');background-repeat: no-repeat;background-position: 185px 0;margin-left: 10px;}
	#page-body #left-nav h2 {color: #cb000f; font-size: 18px; font-weight: 600; padding: 0; margin: 0; padding-top: 15px; padding-bottom: 5px; text-align: left; font-style:italic;}
	#page-body #left-nav hr {margin-bottom: 15px;}
	#left-nav ul {list-style-type: none;padding: 0; margin: 0;text-align: left;}
		#left-nav li {height: 30px;line-height: 30px;width: 200px;border-bottom: solid 1px #eaeaeb;cursor: pointer;}
			#left-nav a {font-size: 14px;color: #292929;text-decoration: none;margin-left: 12px;}

div#description, div#adv {margin-top:10px; padding-top:10px; margin-bottom:10px;}

div#description {margin-right:10px;}

div#advertisement {margin-bottom:10px;margin-top:10px;text-align:center;}

img#glassbanner {}

#page-body h1{text-align: center;}

h2.subhead1, h2#subhead1 {margin-top:10px;}

p#cityname {margin-top:15px; padding-top:10px; height:25px; width:665px; background:#ffffff url('../images/h1-bkg.jpg') no-repeat left top; text-align:center; color:#ffffff; font-size:120%;}
	
.attn{color: #ca0010;}

div#content-inner { padding:0px 15px 15px 15px; font-size: 14px; line-height:135%; }
	div#content-outer div#content-inner a:link {color:#0c418f;}
	div#content-outer div#content-inner a:visited {color:#990000;}
	div#content-outer div#content-inner a:hover {color:#0c418f;}
	div#content-outer div#content-inner a:active {color:#990000;}
	
#page-footer {clear: both;width: 100%;height:108px; background-image: url('../images/footer-bkg.jpg');background-repeat: repeat-x;}

#footer-container{width: 960px;margin: auto;text-align: center;color:#ffffff;}
	#footer-links{margin: 0;padding: 0;height: 108px;text-align: center;}
		#footer-links h3{font-size: 14px;padding: 0;margin: 0;padding-top: 15px;padding-bottom: 15px;color: #fff;}
		#footer-links a{color: #fff;font-size: 14px;line-height: 16px;text-decoration: none;}
			#footer-links a:hover{text-decoration: underline;}
	#maps-div{width: 960px;}
		
	#michigan-div, #metro-div{width: 290px;text-align: center;float: left;margin-left: 35px;}
		#michigan-div h2, #metro-div h2{margin: 15px;}
	
	#overlays-michigan{float: left;margin-top: 20px;	}
	
	#indiana-div{width: 585px;clear: both;text-align: center;margin: auto;}
		#indiana-div h2{margin: 15px;padding-top: 25px;}
	
	#overlays-metro{float: left;margin-left: -10px;margin-top: 20px;}
	
	
/* Text Styles ------------------------------------------------------- */


.subhead {background-image: url('../images/heading-bkg.jpg'); color: white; font-size: 16px;font-weight:bold;text-align:center;height:25px;padding-top:5px;}

.table-border {padding-top: 15px; text-align: left; border: dotted #e1e1e1 2px;	}

div#center_image {text-align:center;margin-top:10px;
}

div.style2 p strong {color:red;}

div.question {margin-top:10px;}

ul.form-list {list-style-type: none;text-align: left; margin-left: 80px;margin-top:0px;}

/*--------------------------  Advertising section ----------------------------------------------------*/

div#banner_text  {text-align:center;width:675px;margin-top:25px;}

/*--------------------------  Div Section ----------------------------------------------------*/

div.section { padding:15px; border:1px dotted #999999; position:relative; margin-bottom: 10px;
}

div.section > p:first-child, div#middle_content div.section img + p  { width:85%; margin:0px; padding:0px;
}

div.section p + ul, div#middle_content div.section p + ul +li, div#middle_content ul, div#middle_content h4 {margin-top:0px; padding-top:0px;}

.note {font-size: 75%; font-style:oblique; }

div.section img.section-img {float:right;}

.headline, div.section h2, div.section h3 {font-weight:bold;padding-top: 8px;height: 35px; width: 625px; background-image:url('../images/h1-bkg.png'); background-repeat:no-repeat; background-position:left top; overflow:hidden; text-align: center; color:#ffffff; font-size:14pt;}

/* ----------------------------- Prices -------------------------------------------------*/

div.prices {float: right; margin-right:50px;
}


.price {font-size: 300%;line-height:100%;margin: 0px;padding:0px;text-align:right;padding-right:10px;font-weight:bold;}

.price_note {font-size:115%;line-height:100%;margin-top:0px;padding-top:0px;text-align:right; padding-right:10px;color:#CC0000;}

.price_header {font-size:80%;text-align:right;padding-right:20px;color:#CC0000;margin-bottom:0px;padding-bottom:0px;font-weight:bold;}

.break {clear:both;}

div.sectionpad {height:25px;}


div.coupon {margin-top:25px;border:1px dashed black;padding:10px;}

/* Image Styles ------------------------------------------------------- */

img.odd {float:right;margin-left:10px;margin-top:10px;}

img.even {float:left;margin-right:15px;margin-top:10px;}



/* Button Hover Styles for Left Navigation ------------------------------------- 
Pulls a lot from the #left-nav styles above -----------------------------------*/

div.subnav h2 {padding-bottom:0px;margin-bottom:0px;}

div.subnav ul {list-style: none; margin: 0; padding: 0; border: none;}	
	div.subnav li { margin: 0; padding: 0; width: 200px; height:30px; text-indent:12px;}

div#left-nav div.subnav a {width: 200px;height:30px;margin-left:0px;}
	div.subnav li a {display: block;color: #ffffff;text-decoration: none;}
		div.subnav li a:link, div.subnav li a:visited {background-color: #ffffff;}	
		div.subnav li a:hover, div.subnav li a:focus {background-image:url('../images/left-roll.jpg');}

/* State Rollout Styles --------------------------------------------------------- */

/* footer and state nav */
	div#states{clear: both; text-align: center;font-size: 11px;line-height: 18px;margin-top: 6px;}
	
	div#states a{color: #cc0000;font-size: 11px;line-height: 18px;padding: 2px;text-decoration: none;}
	div#states a:hover{text-decoration: underline;}

/* Big City Listings --------------------------------------------------------- */

div#store_intro {margin-top:25px;}
	div#store_intro h1 {font-size:16pt;margin:0px 0px 15px 0px;padding:0px;color:#0c418f;}
		div#store_intro h2 {font-size:10pt;text-align:left;margin-bottom:0px;padding-bottom:0px;}
			div#store_intro p {padding-top:0px;margin-top:0px;	font-size:9pt;line-height:120%;} 

/* Yext listings ----------------------------------------------------- */

div#yext div.listing {background-color:#ffffcc;} 
	div#yext h3 {font-size:9pt; color:#bdcedb;/* very light blue */ margin-bottom:0px; padding-bottom:0px;text-align:right;width:655px;}
		div#yext a {font-size:70%; text-decoration:none; color:#cccccc; display:block; text-align:right; width:655px; height:auto;}
			body#cityPage div#yext a {color:#cccccc;}

/* Shop Listing Styles ------------------------------------------------ */

div.listing {padding:10px;margin-bottom:10px;border:1px dashed #cccccc;position:relative;width:645px;height:auto;}

.listing p {margin:0px;padding:0px;}
	.listing p.name {font-weight:bold;}
	.listing p.street-address {}
	.listing p.city {}
	.listing p.tel {font-size:120%; font-weight:bold; color:#cc0000;position:absolute;top:10px;right:10px;width:125px;height:75px;text-align:right;}


/* Button Hover Styles for Left Navigation -------------------------------------  */

div.subnav {margin-top:10px;}
	div.subnav a {font-size: 14px; color: black;/*#292929;*/text-decoration: none;margin-left: 12px;}
	div.subnav ul {list-style: none;margin: 0;padding: 0;border: none;list-style-type: none;padding: 0; margin: 0;text-align: left;}	
		div.subnav li {margin: 0;padding: 0;width: 200px;height:30px;text-indent:12px;line-height: 30px;width: 200px;border-bottom: solid 1px #eaeaeb;cursor: pointer;}
	div#left-nav div.subnav a {width: 200px;height:30px;margin-left:0px;}
		div.subnav li a {display: block;color: #000000;text-decoration: none;}
			div.subnav li a:link, div.subnav li a:visited {background-color: #ffffff;}	
			div.subnav li a:hover, div.subnav li a:focus {background-image:url('../images/left-roll.jpg');}