
/* this will stop being used soon, but leaving in code until Mark adds interactivity to sidebar */div.store-locs { clear: both; width: 696px; overflow: hidden; background: transparent url(/images/shared/bg_tan-fade.gif) repeat-x bottom left; padding: 20px; display: none; }

div.store-locs h2 { color: #a7a6aa; text-transform: uppercase; font-size: 238.5%; margin-bottom: 20px; }
	div.store-locs h2 span { color: #343434; font-weight: bold; }
div.fr { padding-bottom: 10px; }
div.store-locs ul { float: left; font-size: 85%; line-height: 19px; width: 153px; padding-left: 20px; border-right: solid 1px #a7a6aa; }
	div.store-locs ul.first { padding-left: 0px; }
	div.store-locs ul.last { border: none; }
	
body.store-locs h2, /*body.contact-us h2,*/ body.policies h2 { padding-top: 10px; height: 27px; border-bottom: solid 1px #a7a6aa; margin-bottom: 10px; } /* resets global h2 from main.css */
body.store-locs h2 span.state { float: left; }
body.store-locs h2 span.toplink { float: right; font-weight: normal; font-size: 11px; text-align: right; }
body.policies h2 span.secttitle { float: left; }
body.policies h2 span.toplink { float: right; font-weight: normal; font-size: 11px; text-align: right; }
/* body.store-locs h2 span.toplink a, body.store-locs h2 span.toplink a:visited { text-decoration: underline; }
body.store-locs h2 span.toplink a:hover, body.store-locs h2 span.toplink a:active { text-decoration: none; } */

div.vcard, span.notes, span.appt { padding-left: 20px; }
div.vcard span.fn { display: none; }
div.vcard div.org { font-weight: bold; font-size: 100%; }
div.vcard div.adr{ font-size: 85%; line-height: 15px; }
div.vcard div.adr span { margin-left: 4px; }
	div.vcard div.adr span.locality { margin: 0px; }
div.vcard div.tel { font-weight: normal; font-size: 85%; line-height: 15px; border: none; margin-bottom: 5px;} /* resetting .tel from main.css */
div.vcard div.hrs, span.appt, div.notes { line-height: 15px; font-size: 85%; }
span.map { display: block; margin-bottom: 20px; }

/*body.contact-us h3 , body.policies h3, body.fit-appt h3{ font-weight: bold; margin: 0px;}
body.contact-us h3 { padding-left: 20px; }
body.contact-us p { padding: 0px 20px; }
body.contact-us ul.std-ul { padding-left: 20px; font-size: 85%; color: #4b4b4b; }
body.contact-us div.vcard { padding-left: 20px; color: #4b4b4b; }*/

/* includes styles for the sitemap even though the sitemap isn't part of the 'company' dir */
li.designer { list-style-image: none; margin-top: 20px; font-size: 120%; font-weight: bold; padding-bottom: 10px; border-bottom: solid 1px #939598; }
li.col { list-style-image: none; margin-left: 35px; font-weight: bold; }
li.prod { font-size: 85%; margin-left: 50px; }
li.prod a { color: #83ccdc; }
body.sitemap li { margin-bottom: 10px; }
body.sitemap li.prod { margin-bottom: 5px; }
body.sitemap li.col { margin-top: 5px; }
body.sitemap div.cntnr-txt a, body.sitemap div.cntnr-txt a:visited{ text-decoration: underline; }
body.sitemap div.cntnr-txt a:hover, body.sitemap div.cntnr-txt a:active { text-decoration: none; }

body.fit-appt div.fit-appt { margin: 0px; width:364px; float: left; clear: left; }
body.fit-appt div.sdbar { padding: 0px; margin: 0px; float: right; clear: right; width: 400px; /*was 336px;*/ }
body.fit-appt div.fit-appt p { color: #4b4b4b; font-size: 85%; line-height: 15px; margin-bottom: 15px; }
body.fit-appt table.form { color: #4b4b4b; }
body.fit-appt table.form select { font-size: 100%; }
body.fit-appt ul.std-ul { color: #4b4b4b; padding-left: 20px; font-size: 85%; }
body.fit-appt table.form td { padding: 7px 0px; vertical-align: top; }

body.featured-in div.cntnr { overflow: hidden; width: 711px; /*margin: 0px 13px 0px 12px;*/ padding: 0 0 20px 0px; border-bottom: solid 1px #a7a6aa; }
body.featured-in div.hero { clear: left; float: left; width: 172px; }
body.featured-in div.hero img { width: 170px; height: 255px; border: solid 1px #a7a6aa; }
body.featured-in div.grid { padding: 1px; width: 530px; clear: right; float: right; }
body.featured-in .grid-cell { float: left; margin: 0px 0px 5px 4px ; width: 100px; height: 150px; }
body.featured-in div.grid a:hover img { outline: solid 1px #83ccdc; }
body.featured-in div.grid a:hover img { border: solid 1px #83ccdc; }
body.featured-in div.grid img { border: solid 1px #a7a6aa; }


div.pager { float: right; width: 176px; height: 33px; padding: 0/*17px 12px 14px 10px*/; font-size: 85%; text-align: right; }
	div.pager ul { margin-top: 8px; }
		div.pager ul li { display: inline; vertical-align: top; line-height: 100%; text-align: right; vertical-align: bottom; padding: 0px 2px; }
			div.pager ul li img { vertical-align: bottom; }
			div.pager ul li.on { font-weight: bold;}
			div.pager ul li.back { padding: 0px; }
			div.pager ul li.forward { /*padding: 0px 6px 0px 0px;*/ }
			div.pager ul li.viewall { border-left: solid 1px #a7a6aa; padding-left: 8px; }
			
			
li.prod span.colors { color: #a7a6aa;	}
