/* GENERAL */
#Brand-Finder a{
	cursor: pointer;
}

/* TABS */
.brand-finder-continue{
	font-weight: bold;
	font-size: 20px;
	background-color: #F0AD00;
	padding: 3px;	
	margin: 3px;
}

.brand-finder-tab{
	float: left;
	background: #462D20;
	color: #FFF3BD;
	margin: 10px;
	padding: 2px 5px;
	cursor: pointer;
}

.brand-finder-tab.active{
	background: #F0AD00;
	color: #462D20;
	font-weight: bold;
}

#Brand-Finder-Tab1{
	display: block;
	padding-bottom: 10px;
}

#Brand-Finder-Tab2{
	display: none;
	padding-bottom: 10px;
}

#Brand-Finder-Tab3{
	display: none;
	padding-bottom: 10px;
}

/* MAP CANVAS */
#brand-finder-map-canvas{ 
	width: 100%;
	border:0px none; 
	height: 400px;
	float: right;
}


/* TAB 1*/
#Brand-Finder select{ 
	width: 170px; 
	height: 90px;
	display: block;
	background: #fff;
	margin-bottom: 10px;
}

#Brand-Finder-Tab1 input{
	display:block;
	margin-bottom: 10px;
}

#brand-finder-address{
	width: 300px;
}

/* TAB 2 */
#brand-finder-brands div div span{
	cursor: pointer;
}

#brand-finder-brands div div span:hover{
	color: #B70001;
}

#brand-finder-yearround, #brand-finder-seasonal, #brand-finder-specialty{
	float: left;
	margin: 20px;
}

#brand-finder-select-yearround, #brand-finder-select-seasonal, #brand-finder-select-specialty{
	background: #fff;
	height: 150px;
	width: 170px;
	overflow-y: scroll;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
}

#brand-finder-select-location-types div{
	float: left;
	margin: 20px;
}

/* TAB 3*/

#brand-finder-sortby{
	text-align: center;
}

#Brand-Finder .brand-finder-next, #Brand-Finder .brand-finder-prev { 
	display: none;
}

.brand-finder-nextprev{
	width: 100%;
	text-align: center;
}

#brand-finder-clear-directions{
	display: none;
}

.brand-finder-share{
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

.brand-finder-share p{
}

.brand-finder-share-url{
	width: 250px;
}

/* INFOBOX GENERAL */
.brand-finder-infobox .dist{
	display: none;
}

.brand-finder-infobox{
	text-transform: capitalize;
	width: 350px;
	padding-bottom: 20px;
	overflow: hidden;
	height: 113px;
}

.brand-finder-infobox.with-directions{
	height: 133px;
}

.brand-finder-infobox img{
	padding: 0 1px;
}

.brand-finder-infobox .infoboxBrandName{
	font-weight: bold;
}

/* LIST */
#brand-finder-list .brand-finder-infobox .dist{
	display: block;
}

#Brand-Finder #brand-finder-list {
	text-align: center;
}

#brand-finder-list .brand-finder-infobox{
	width: 50%;
	padding: 20px 0;
	float: left;
	height: 165px;
}

#brand-finder-list .brand-finder-infobox .brandImgLink, #brand-finder-list .brand-finder-infobox .scrollable{
	padding-bottom: 10px;
}

#brand-finder-list .brand-finder-infobox .infoboxBrandName{
	font-size: 20px;
	text-align: center;
}

#brand-finder-cafe{
	text-align: center;
	padding-top: 15px;
}

/* INFOBOX SCROLWRAPPERS */

#Brand-Finder .scrollableWrap.active{
	overflow: hidden;
	width: 265px;
	float: left;
}

#Brand-Finder .scrollableWrap.active .scrollable{
	float: left;
}

#Brand-Finder .scrollPrev{
	float: left;
	background: transparent url(/brandfinder/images/prev-gray.png);
	margin-right: 21px;
}

#Brand-Finder .scrollNext{
	float: right;
	background: transparent url(/brandfinder/images/next-gray.png);
}

#Brand-Finder .scrollNext, .scrollPrev{
	width: 16px;
	height: 30px;
	cursor: pointer;
	margin-top: 8px;
	display: none;
}

/* LIST SCROLLWRAPPERS */

#Brand-Finder #brand-finder-list .scrollableWrap.active{
	left: 21px;
}

#brand-finder-list #brand-finder-scrollArea{
	margin: 0 auto;
	width: 331px;
	text-align: center;
}

#Brand-Finder #brand-finder-list .scrollableWrap.active{
	width: 265px;
}
#brand-finder-brandview{
	height: 360px;
}