/*------------------------------------
   Store Guide Content
------------------------------------*/
/* Large Intro Text */
.em { font-family: Georgia, "Times New Roman", Times, serif; color: #00457c; font-size: 1.6em; font-weight: bold; line-height: 1.2em; padding: 5px 0 .9em 5px;}
.em .accent { color: #939598;}
/* Small Subtext */
.sm { color: #939598; padding: 0 0 15px 5px; font-size: 1.2em;}

/* Col */
.contentcol { width: 100%;}
.content { min-height: 775px;}
.navi { padding:17px 5px 37px 29px; }
.scrollbuttons { padding:0 5px 09px; margin-top:-54px; }

/* Job Listing */
#directorycontainer .item { overflow: hidden; background: #f2f2f2; padding: 7px; font-size: 1.2em; margin-top: 7px;}
	#directorycontainer .item .shop { float: left; width: 248px; padding: 0 0 0 19px; min-height: 50px;}
		#directorycontainer .item .shop .shopname {  padding: 17px 0 0 0; font-weight: bold; font-size: 1.1em;}
		#directorycontainer .item .shop .position { }
	#directorycontainer .item .map, #directorycontainer .item .info { float: left; font-size: .9em;}
	#directorycontainer .item .map a, #directorycontainer .item .info a { width: 116px; height: 28px; padding: 12px 0 0 12px; background: url('../images/careers/arrow.png') no-repeat 100px 50% #fff; display: block; text-decoration: none;} 
	#directorycontainer .item .map {  margin-bottom: 5px;}
	#directorycontainer .item .info { }
	#directorycontainer .item .img { float: right; width: 162px; height: 86px;}

/* Curved Corners */
.autoPadDiv { overflow: hidden;} /* Contains joblisting floats */

/* Directory Form */
#directoryform { overflow: hidden; padding: 0 0 1.4em 5px;}
	#directoryform .col { float: left; width: 205px;}
		#directoryform label { display: block; color: #0196d6; font-size: 1.1em; font-weight: bold; padding-bottom: 10px;}
		#directoryform select { width: 190px; padding: 1px 0; color: #666; }
			#directoryform select option { color: #333; }		
			
			
/* Events Listing */
#directorycontainer { }
	#directorycontainer .navi { overflow: hidden; padding: 15px 5px 3px;}
		#directorycontainer .navi a { display: inline-block; text-decoration: none;}
		#directorycontainer .navi .previous { float: left; padding-left: 30px; background: url('../images/arrowleft.png') no-repeat;}
		#directorycontainer .navi .next { float: right; padding-right: 30px; background: url('../images/arrowright.png') no-repeat right;}			
		
/* Events Scrollable */
#directorycontainer {position:relative; overflow:hidden; width: 582px; height:435px;}
	/* Items container to hide overflow*/
	#directorycontainer .items { height:20000em; position:absolute; clear:both;}
	/* single scrollable item */
	#directorycontainer .page { width:582px; height:435px;}
	.scrollbuttons { overflow: hidden; padding: 0 5px 29px; margin-top: -71px;}
		.scrollbuttons a.prevPage, .scrollbuttons a.nextPage { color: #000; display: inline-block; text-decoration: none; cursor: pointer;}
		.scrollbuttons a.prevPage { float: left; padding-left: 30px; background: url('../images/arrowleft.png') no-repeat;}
		.scrollbuttons a.nextPage { float: right; padding-right: 30px; background: url('../images/arrowright.png') no-repeat right;}
		.scrollbuttons a.disabled { opacity: .2; cursor: default;}
		.navi { padding:29px 5px 54px 29px; text-align:center;}
		.navi a { margin-right: 5px; padding: 1px 3px; cursor: pointer;}
		.navi a:hover { text-decoration: underline;}
		.navi a.active { background: #2391d4; color: #fff; }