@charset "utf-8";
/***********************************************************************
 *	©2007-2010 AAA All Rights Reserved
 *	Author - Ilene Jones
 ***********************************************************************/
/***********************************************************************
 * shopLocatorSearchResults.css
 * $Revision: 2704 $
 * $Date: 2011-03-03 10:33:20 -0500 (Thu, 03 Mar 2011) $
 * $Author: dhudson $
 ***********************************************************************/
/****************************************************
 * Shop Locator Search Results Page Styles.
 ****************************************************/
.aaa2 .header {
	width: 400px;
}
.aaa2 h1 {
	margin: 0 0 0 1em;
}

.aaa2 h2 {
	margin: 0 0 -1em 1em !important;
	margin: 0 0 0 1em;
	white-space: normal;
}
.aaa2 h1.header,
.aaa2 h2.header {
	margin: 0 !important;
	margin: 0;
}
.aaa2 h2.header {
	width: 400px;
}
.aaa2 .label {
	float: left;
	padding-right: 2px;
}

.aaa2 ul.embeddedList {
	list-stype-type: circle;
	white-space: none;
	margin-top: 1px;
}

.aaa2 .searchNow {
	float: right;
}

.aaa2 .fieldLabel, 
.aaa2 .fieldText {
	float: left;
}


/****************************************************
 * Shop Info
 ****************************************************/
.aaa2 .detailHeaderBar {
	clear:both;
}
.aaa2 .shopInfo {
	*margin-top:5px;
	clear:left;
}
.aaa2 .shopImage {
	width: 150px;
	height:150px;
	float:left;
	background-image:url("/aaa/common/automotive/images/sl-noimage150.png");
	background-repeat:no-repeat;
	padding-right:10px;
	-ms-interpolation-mode: bicubic;
}
.aaa2 .shopAddress {
	float:left;
	width: 185px;
}
.aaa2 .shopAddress .heading2 {
	padding-top:0;
	max-width:320px;
	height:auto;
}
.aaa2 .shopAddress .businessAddress {
	clear:both;
	padding-bottom:1em;
}
.aaa2 .shopAddress .addrLine1 {
	display:block;
}
.aaa2 .shopAddress .webAddress {
	display:block;
	padding: 0 0 .5em 0;
	word-wrap:break-word;
}
.aaa2 .discountsBlock {
	text-align:right;
	float:left;
	width:180px;
}
.aaa2 .discountsText {
	clear:both;
	text-align:right;
	margin-top:10px;
	
}
.aaa2 .tooltipWrapper.toolTipAAR .tooltip  {
	xleft:80px;
}
.aaa2 .discountsText span {
	*z-index:1;
}
.aaa2 .discountsText .bodyText1BoldLink .tooltipSYCSContent,
.aaa2 .discountsText .toolTipLink .tooltipSYCSContent {
	color:#FF0000;
	text-decoration:underline;
}
.aaa2 .discountsText .tooltipWrapper .tooltip {
	*top:-75px;
	*left:-250px;
}
.aaa2 .tooltipWrapper .tooltip {
	top:1em;
	bottom:auto;
	padding:1em;
	text-align:left;
	xmin-width:250px;
	z-index: 999;
}

.aaa2 .tooltipWrapper.toolTipAAR .tooltip {
	*top:-70px;
	left:-420px;
	xwidth:450px;	
}
.aaa2 .tooltipWrapper.sycsLogo .tooltip,
.aaa2 .tooltipWrapper.toolTipTRC .tooltip,
.aaa2 .tooltipWrapper.toolTipGoGreen .tooltip
.aaa2 .tooltipWrapper.toolTipSYCSContent .tooltip {
	*top:-65px;
	*left:-400px;
	width:265px;
}
.aaa2 .discountsText .tooltipWrapper .tooltip {
	*top:-150px;
	*left:-450px;
	width:265px;	
	max-width:450px;	
}

.aaa2 .smallIconsBlock {
	float:left;
	max-width: 130px;
}
.aaa2 .smallIconsBlock img{

}
.aaa2 .iconsBlock {
	text-align:right;
	float:right;
	position:relative;
}
.aaa2 .iconsBlock a {
	vertical-align:top;
}
.aaa2 .iconsBlock img {
	margin-right:.5em;
}

.aaa2 .facilityDetails {
	position:relative;
}

.aaa2 .aarLogo {
}
.aaa2 .centerContent {
	clear:both;
	margin-top: 1em;
}
.aaa2 .apptReq {
	clear:both;
	display:block;
	*padding-left:4px;
	*padding-right:4px;
	*font-weight:bold;
	*color:#FFF;
}
.aaa2 .aarLogoLarge {
	float:right;
	*float:none;
}


/****************************************************
 * Print and Email Icons *
 ****************************************************/
.aaa2 .printEmailIcons {
	width: 60px;
	*z-index:-2;
	*margin-left:5px;
}
/**************************************************** 
 * Refine Links                                     *
 ****************************************************/
.aaa2 .backLinks {
	float:right;
	*float:none;
	*text-align:right;
	margin-right:10px;
	padding-top:10px;
}

.aaa2 .refineLinks {
	text-align:right;
	clear:both;
	padding-top:5px;
	margin-right:10px;
}

/* New Search Option, next to refine search */
.aaa2 .newSearch {
	margin-top:10px;
}

.aaa2 .resultsView {
	position:relative;
	clear:both;
}
.aaa2 .backLinks .clear {
	clear:none;
	display:none;
}

/****************************************************
 * Begin Tabbed Panels
 ****************************************************/
.aaa2 .TabbedPanels {
	clear:both;
}
.aaa2 .lightBlue .TabbedPanelsTab a {
	border-bottom: 1px solid #BCD2E6;
	margin-left: 1px;
}
.aaa2 .lightBlue .TabbedPanelsTab a span {
	padding-left: 7px;
	padding-right: 11px;
	padding-top: 6px;
	text-align:center;
	vertical-align:middle;
}

.aaa2 .lightBlue .TabbedPanelsContent table {
	line-height:1.5;
}

/**************************************************** 
 * Hours Tab 
 ****************************************************/
.aaa2 .hoursPanel .dayOfWeek,
.aaa2 .hoursPanel .hourOfDay {
	padding:.25em 1em;
}

/**************************************************** 
 * Vehicles Tab 
 ****************************************************/
.aaa2 .vehicleMakePanel table {
	width:100%;
}
.aaa2 .vehicleMakePanel td {
	padding:0 1em;
	width:20%;
}

/**************************************************** 
 * Vehicles Tab 
 ****************************************************/
.aaa2 .vehicleServicesPanel table {
	width:100%;
}
.aaa2 .vehicleServicesPanel td {
	padding: 0 .5em;
	width:33%;
}

/****************************************************
 * Map Contents *
 ****************************************************/

.aaa2 .TabbedPanelsContent.mapContent {
	padding: 0;
}

/****************************************************
 * Each tab can be styled individually
 ****************************************************/
.aaa2 .TabbedPanelsTab.allTab a span {
	line-height: 2;
	padding-left:4px;
	padding-right: 9px;
	_padding-top: 8px;
	width: expression( this.scrollWidth > 14 ? "15px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.allTab a span {
	width: expression( this.scrollWidth > 19 ? "20px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.automotiveTab a span {
	line-height: 2;
	padding-left: 4px;
	padding-right: 10px;
	_padding-top: 8px;
	width: expression( this.scrollWidth > 49 ? "50px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.automotiveTab a span {
	padding-left:2px;
	padding-right: 6px;
	width: expression( this.scrollWidth > 49 ? "50px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.entertainmentTab a span {
/*	max-width: 72px; */
	padding-left: 3px;
	padding-right: 8px;
	_line-height: 1.25;
	width: expression( this.scrollWidth > 64 ? "65px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.entertainmentTab a span {
	_line-height: 1.25;
	width: expression( this.scrollWidth > 74 ? "75px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.homeBusinessTab a span {
/*	max-width: 50px; */
	padding-left: 2px;
	padding-right: 7px;
	width: expression( this.scrollWidth > 69 ? "70px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.homeBusinessTab a span {
/*	max-width: 76px; */
	padding-left:3px;
	padding-right: 8px;
	width: expression( this.scrollWidth > 79 ? "80px" : "auto" ); /* IE6 doesn't understand max-width */
	_line-height: 1.25;
}
.aaa2 .TabbedPanelsTab.personalServiceTab a span {
	padding-left: 1px;
	padding-right: 3px;
	width: expression( this.scrollWidth > 64 ? "65px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.personalServiceTab a span {
	padding-left:1px;
	padding-right: 4px;
	_line-height: 1.25;
	width: expression( this.scrollWidth > 69 ? "70px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.restaurantTab a span {
/*	max-width: 63px; */
	line-height: 2;
	padding-left: 3px;
	padding-right: 8px;
	_padding-top: 8px;
	width: expression( this.scrollWidth > 44 ? "45px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.restaurantTab a span {
/*	max-width: 63px; */
	line-height: 2;
	padding-left: 2px;
	padding-right: 7px;
	width: expression( this.scrollWidth > 44 ? "45px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.shoppingTab a span {
/*	max-width: 48px; */
	line-height: 2;
	padding-left: 3px;
	padding-right: 8px;
	_padding-top: 8px;
	width: expression( this.scrollWidth > 49 ? "50px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.TabbedPanelsTabSelected.shoppingTab a span {
/*	max-width: 48px; */
	line-height: 2;
	padding-left: 2px;
	padding-right: 7px;
	width: expression( this.scrollWidth > 49 ? "50px" : "auto" ); /* IE6 doesn't understand max-width */
}
.aaa2 .TabbedPanelsTab.travelTab a span {
	line-height: 2;
	padding-left: 3px;
	padding-right: 8px;
	_padding-top: 8px;
	width: expression( this.scrollWidth > 34 ? "35px" : "auto" ); /* IE6 doesn't understand max-width */
}

.aaa2 .TabbedPanels {
	width:600px;
}