﻿* {
	outline: none;
}

a {
	color: #263f6a;
	text-decoration: none;
}

a:hover {
	color: #263f6a;
	text-decoration: underline;
}

#locations 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color:#515151;
	width: 782px;
	/*padding-left: 18px;*/
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	padding-top: 20px;
}

#locations #locator
{
	padding-left: 0;
}

#dvTitle {height: 30px; font-size :26px;}
#dvTitle h1.header {color: #464646; font-size :26px; width: 800px; line-height:30px; height:60px}
#dvTitle span {
    
    background: url('../images/gradient-AFHS.png') repeat-y;
	position: absolute;
	display: block;
	width: 800px;
	height: 80px;
	margin-top:-5px;}

#locations #breadcrumb {
	padding-left: 0;
	padding-top: 8px;
	padding-bottom: 40px;
	font-size: 11px;
	margin: 0;
}

#locations #breadcrumb li {
	list-style-type: none;
	float: left;
}

#locations #breadcrumb .divider {
	padding: 0 3px;
}

/* @group Home */

#locations #search-title {
	font-family: Verdana, Lucida Sans, Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	font-size: 20px;
	/*text-transform: uppercase;*/
	clear: both;
	display: block;
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 4px;
}

#locations .bold-title {
	font-weight: bold;
	/*text-transform: uppercase;*/
	color: #4c4c4c;
	clear: both;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
}

/*#locations #search-boxes {
	width: 446px;
	!width: 423px;
}*/

#locations #search-boxes {
	width: 722px;
	!width: 688px;
}


#locations #search-boxes .cmf-skinned-select, #locations #search-boxes .cmf-skinned-text, #locations #search-boxes select {
	width: 214px !important;
	!width: 200px !important;
}

#locations #search-boxes select, #locations #search-boxes .cmf-skinned-select {
	margin-right: 5px;
}

.searchValidator {
    padding-bottom: 15px;
}

#locations #topinfo .cmf-skinned-select, #locations #topinfo .cmf-skinned-text {
	width: 112px !important;
}

#locations #search-boxes .city, #locations #search-boxes .cmf-skinned-select .city,  #locations #search-boxes .zip-radius .zip {
	color: #000000;
}

#locations #search-boxes .state, #locations #search-boxes .cmf-skinned-select .state {
	float: right !important;
	margin-right: 0px !important;
}

#locations #search-boxes .state-wrapper {
	float: right;
}

#locations #search-boxes .city-state {
	width: 728px;
	!width: 427px;
}

/*#locations .or-box {
	width: 100%;
	color: #4c4c4c;
	font-size: 20px;
	padding: 8px 0;
	float: left;
	clear: both;
	display: block;
}*/

#locations .or-box {
	width: 25px;
	/*background: url('../images/or.jpg') left center no-repeat;
	text-indent: -9999px;*/
	color: #4c4c4c;
	font-size: 20px;
	/*text-transform: uppercase;*/
	padding-left: 19px;
	padding-right: 15px;
	float: left;
}

#locations .btnLocateHomeStore {
	display: block;
	padding-left: 6px;
	width:175px;
	height: 23px;
	padding-top: 8px;
	background: url('../images/button-locate-homestore.jpg');
	color: #ffffff;
	/*text-transform: uppercase;*/
	float: right;
	margin-bottom: 30px;
	margin-top: 20px;
	border: medium none;
	font-size: 13px;
	text-align:left;
	cursor: hand;
}

#locations .btnLocateHomeStore:hover {
	cursor: hand;
}

#locations .button:hover {
	text-decoration: none;
}

#locations .square-ad {
	width: 335px;
	height: 250px;
	border-right: 1px solid #cdcdcd;
	float: left;
}

#locations #callout-boxes {
	display: block;
	clear: both;
	padding-top: 30px;
	border-top: 3px solid #ededed;
}
#locations .right {
	float: right;
}

#locations .left {
	float: left;
}

#locations #callout-boxes .right {
	width: 410px;
	padding-left: 35px;
}


#locations .small-title {
	color: #515151;
	font-size: 14px;
	width: 100%;
	padding-bottom: 12px;
	margin-bottom: 0 !important;
	/*text-transform: uppercase;*/
}

#locations .social  
{
    float: left;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

#locations .social-items 
{
    float: left;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	list-style-type: none;
}


#locations .national-social ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}

#locations .national-social li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
}


#locations .national-social a {
	width: 30px;
	height: 30px;
	display: block;
	text-indent: -9999px;
}

#locations .national-social .facebook {
	background: url('../images/social-facebook.jpg');
}

#locations .national-social .twitter {
	background: url('../images/social-twitter.jpg');
}

#locations .national-social .flickr {
	background: url('../images/social-flickr.jpg');
}

#locations .national-social .youtube {
	background: url('../images/social-youtube.jpg');
}

#locations #callout-boxes .social {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	float: left;
}

#locations .callout {
	clear: both;
	margin-top: 30px !important;
	float: left;
	width: 100%;
}

#locations .callout .small-title {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

#locations .callout .link-list {
	padding-left: 0;
	margin-left: 0;	
}

#locations .callout .link-list li {
	list-style-type: none;
	float: left;
	font-size: 11px;
}

#locations .callout .link-list .divider {
	padding: 0 3px;
}

/* @end */

/* @group Results */

#locations .continue-link {
	width: 100%;
	clear: both;
	border-top: 1px solid #dcdcdc;
	padding-top: 25px;
	float: left;
	margin-top: 30px;
	padding-bottom: 30px;
}

#locations .continue-shopping {
	display: block;
	float: right;
	text-indent: -9999px;
	width: 172px;
	height: 25px;
	background: url('../images/continue-shopping.jpg');
}

#locations #topinfo .left {
	width: 388px;
	padding-right: 20px;
	border-right: 1px solid #dcdcdc;
}

#locations .bold {
	font-weight: bold;
}

#locations .disclaimer {
	font-size: 10px;
	clear: both;
	display: block;
	padding-top: 5px;
}

#locations #topinfo {
	padding-bottom: 30px;
	float: left;
}

#locations #topinfo .distance-box {
	width: 337px;
	padding-left: 35px;
}

#locations .distance-box .change {
	font-size: 11px;
	/*text-transform: uppercase;*/
	clear: both;
	width: 100%;
}

#locations .distance-dropdown {
	display: block;
	float: left;
	width: 128px;
}

#locations select {
	margin: 0;
}

#locations #topinfo .cmf-skinned-select, #locations #topinfo .cmf-skinned-text {
	width: 127px !important;
}

#locations select, #locations .cmf-skinned-select {
	border: 2px solid #e6e6e6;
	background: url('../images/select-arrow.jpg') right center no-repeat;
	height: 28px;
	float: left;
}

#locations .cmf-skinned-text {
	padding-top: 6px;
	padding-left: 8px;
}

#locations .distance-search {
	display: block;
	width: 132px;
	height: 23px;
	background: url('../images/button-newsearch.jpg');
	float: left;
	color: #ffffff;
	/*text-transform: uppercase;*/
	margin-left: 20px;
	border: none;
    padding-top:8px;
    padding-left:6px;
    text-align:left;
}

#locations .distance-search:hover {
    cursor: hand;
}

#locations .distance-dropdown-box {
	padding-top: 5px;
}

#locations #location-list-header {
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	float: left;
	width: 100%;
	height: 25px;
	!height: 35px;
	padding-top: 10px;
	margin-bottom: 10px;
	/*text-transform: uppercase;	*/
}

#locations #location-list .location {
	width: 386px;
	padding-left: 13px;
	padding-right: 13px;
	float: left;
	color: #2e2e2e;
}

#locations #location-list .participating-location {
	width: 725px;
	padding-left: 13px;
	padding-right: 13px;
	float: left;
	color: #2e2e2e;
}

#locations #location-list .participating-state-header {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color: #E26714;
	width: 100%;
	padding-top:0px;
	padding-bottom: 4px;
}

#locations #location-list .participating-state-header a{
	color: #263f6a;
	text-decoration: none;
	font-size:12px;
	font-weight:normal;
}

#locations .participating-title {
    font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

#locations .participating-select-state-copy {
	text-align:left;
	padding-top:15px;
	padding-bottom:10px;
}


#locations .location-item {
	padding: 15px 0 10px 0;
	float: left;
	line-height: 1.5em;
	width:100%; /*Added by cpatil on 04/29/2011 - To assign width to items*/

}

#locations #locations-listed .odd {
	background: #f7f7f7;
}

#locations #location-list .distance {
	width: 129px;
	float: left;
}

#locations #locations-listed .store {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
}

#locations .city {
	color: #e26714;
}

#locations .address {
	display: block;
}

#locations .lnkMoreInformation {
	display: block;
	height: 21px;
	!height: 23px;
	padding-top: 2px;
	width: 137px;
	!width: 144px;
	padding-left: 7px;
	background: url('../images/button-moreinformation.jpg');
	color: #ffffff;
	font-size: 11px;
	/*text-transform: uppercase;*/
	/*letter-spacing: -1px;*/
	margin-top: 8px;
	margin-bottom: 5px;
}

#locations #locations-listed .distance {
	font-weight: bold;
	/*text-transform: uppercase;*/
	color: #2e2e2e;
}

#locations #locations-listed .weeklyad {
	width: 240px;
	float: left;
}

#locations #locations-listed .weeklyad ul {
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#locations .weeklyad li {
	list-style-type: none;
	padding: 5px 0;
	margin-bottom: 0px;
	height: 20px;	
}

#locations .ads {
	padding-left: 45px !important;
	background: url('../images/icon-ad.gif') left center no-repeat;
}

#locations .coupons {
	padding-left: 45px !important;
	background: url('../images/icon-coupon.gif') left center no-repeat;
}

#locations .driving {
	padding-left: 45px !important;
	background: url('../images/icon-car.gif') left center no-repeat;
}

#locations .email {
	padding-left: 45px !important;
	background: url('../images/icon-email.gif') left center no-repeat;
}

#locations .info-tab .emailbox {
	margin-bottom: 22px;
	width: 100% !important;
	float: left !important;
}

#locations .info-tab .social .small-title, #locations .info-tab .shopwithus .small-title, #locations .promo-tab .social .small-title {
	!margin-bottom: -10px !important;
}

#locations .promo-tab .social {
	margin-top: -5px;
	margin-bottom: 10px;
	height: 30px !important;
	float: left;
	width: 175px;
}

#locations .promo-tab .social-items {
	margin-top:10px;
}

#locations .join {
	padding-left: 45px !important;
	background: url('../images/icon-join.gif') left center no-repeat;
	height: 20px !important;
	padding-top: 6px !important;
	margin-top: -5px;
}

/* @end */

/* @group Tabs */

#tabContainer {
    padding-left: 10px;
}

#locations #tabs {
	border-bottom: 3px solid #3f3f3f;
	padding-left: 0px;
	height: 36px;
	margin-bottom: 20px;
	margin-top: -4px;
	margin-left: 0;
}

#locations #tabs li {
	list-style-type: none;
	float: left;
}

#locations #tabs li a {
	height: 25px;
	padding: 11px 16px 0 16px;
	display: block;
	background: #ededed;
	color: #3f3f3f;
	margin-right: 2px;
	text-transform: uppercase;
}

#locations #tabs li.selected a {
	background: #3f3f3f;
	color: #ededed;
}

#locations #tabs li.unselected a {
	background: #ededed;
	color: #3f3f3f;
}

#locations #tabs li a:hover {
	text-decoration: none;
	background: #3f3f3f;
	color: #ededed;
}

/* @group info-tab */

#locations .info-tab .store_photo {
	width: 369px;
	/*height: 276px;*/
	margin-bottom: 25px;
}

#locations .info-tab .store_map {
	width: 369px;
	/*height: 276px;*/
}

#locations .info-tab .right {
	width: 383px;
	padding-left: 20px;
}

#locations .storeLocatorAddress {
	color: #2e2e2e;
}

#locations .clearancecenter-copy {
	font-weight: bold;
}

#locations .info-tab .store, #locations .promo-tab .store {
	font-size: 12px;
	margin-bottom: 7px;
	margin-top: 0;
}

#locations .info-tab input {
    width:200px;
}

#locations .store_contact {
	padding: 17px 0 0px 0 ;
	border-top: 1px solid #dcdcdc;
	margin-top: 17px;
	margin-bottom: 0px;
	float: left;

}

#locations .info-tab {
	color: #2e2e2e;
}

#locations .store_contact .right {
	width: 200px !important;
	padding: 0 0 0 25px !important;
	border-left: 1px solid #dcdcdc;
}

#locations .store_contact .left {
    width:155px;
	padding: 0 0 0 0 !important;
}

#locations .store_contact .contact_lines {
	display: block;
	line-height: 1.5em;
}

#locations .store_contact .contact_title {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
}

#locations .store_contact .contact_upper, #locations .store_contact .contact_middle{
	margin-bottom: 20px;
}

#locations .icons {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 25px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-top: 20px;
}

#locations .info-tab .icons {
    float: left;
	width: 380px;
}

#locations .icons li {
	list-style-type: none;
	width: 130px;
	padding-right: 10px;
	padding-top: 8px;
	height: 31px !important;
	margin-bottom: 12px;
	float: left;
}

#locations .icons li.email, #locations .icons li.coupons {
	padding-top: 8px;
	height: 26px;
}

#locations .info-tab .social {
	width: 388px;
	display: block;
	float: left;
	margin-bottom: 22px;
	height: 30px;
}

#locations input {
	border: 2px solid #e6e6e6;
	height: 22px;
	padding-left: 6px;
	width: 209px;
	!width:195px;
	float: left;
	color: #949494;
	padding-top: 3px;
}

#locations #submitzipcode {
	display: block;
	width: 152px;
	padding-left: 10px;
	height: 23px;
	padding-top: 7px;
	background: url('../images/button-submitzipcode.jpg');
	float: left;
	margin-left: 3px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	text-align:left;
	font-size:12px;
}

#locations .ad_banner {
	width: 728px;
	height: 90px;
	margin-bottom: 35px;
	margin-top: -15px;
}

/* @end */

/* @group promo-tab */

#locations .promo-tab .store_promo {
	width: 300px;
	height: 250px;
}

#locations .promo-tab .left {
	width: 300px;
}

#locations .promo-tab .right {
	width: 460px;
}

#locations .emailbox {
	float: right;
	width: 262px;
	!width: 254px;
	background: none;
	padding-left: 0 !important;
}

#locations .emailbox .small-title {
	padding-bottom: 12px;
	float: left;
}

#locations .signup {
	width: 147px;
	!width: 137px;
	height: 22px;
	color: #949494;
}

#locations #signupbutton {
	display: block;
	float: left;
	margin-left: 3px;
	width: 93px;
	padding-left: 9px;
	height: 23px;
	padding-top: 7px;
	background: url('../images/button-signup.jpg');
	color: #ffffff;
	/*text-transform: uppercase;*/
	text-align:left;
	font-size:12px;
}

#locations .promo-tab .icons {
	float: left;
	width: 460px;
}

#locations .promo-tab .icons li {
	width: 90px;
}

#locations .promo-tab .shopwithus {
	border-top: 1px solid #dcdcdc;
	margin-top: 25px;
	padding-top: 18px;
	float: left;
	width: 772px;
}

#locations .promo-tab .shopwithus .small-title {
	float: left;
	width: 772px;
}

#locations .promo-tab .shopwithus p {
	margin-top: 4px;
	padding-left: -10px;
}

#locations .promo-tab .shopwithus .left {
	width: 380px;
	!width: 380px;
}

#locations .promo-tab .shopwithus .right {
	padding-top: 6px;
	width: 385px;
	!width: 372px;
}

#locations .promo-tab .shopwithus #submitzipcode {
	margin-left: 3px;
}

#locations .promo-tab .videolibrary 
{
    padding-top: 20px;
	float: left;
	width: 772px;
	z-index: 100 !important;
}

#locations .videolibrary .small-title {
	float: left;
	width: 100%;
}

#locations .videolibrary .video {
	float: left;
	width: 370px;
	padding-right: 10px;
	margin-bottom: 25px;
	z-index: 101 !important;
}
/* [Start]-SKothari 09/16/2011 removed unused properties for video thumb on detail page */
#locations .videolibrary .video-thumb 
{
	display: block;
	width: 240px;
	height: 178px;
	border: 1px solid #d3d3d3;
	padding: 4px;
	float:left;
	margin-right: 15px;
	z-index: 102 !important;
}
/* [End]-SKothari 09/16/2011 removed unused properties for video thumb on detail page */
#locations .videolibrary .video-title {
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
	display: block;
	}

#locations .videolibrary p {
	margin: 6px 0 ;
	}

#locations .videolibrary .video-info-sub {
    font-size: 10px;
    }

#locations .videolibrary .video-info-sub .divider {
	padding: 0 5px;
	}

/* @end */

/* @group aboutus-tab */

#locations .aboutus-tab .store {
	margin: 0 0 5px 0;
	font-size: 12px;
}

#locations .aboutus-tab .top {
	border-bottom: 1px solid #dcdcdc;
	float: left;
	padding-bottom: 20px;
	width:772px;
}

#locations .aboutus-tab .top .left {
	width: 350px;
}

#locations .aboutus-tab .top .right {
	width: 414px;
}

#locations .aboutus-tab .top .icons {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #dcdcdc;
	border-right: none;
	margin: 0 30px 0 0;
	padding: 0 20px 0 30px;
	width: 150px;
	float: left;
}

#locations .aboutus-tab .top .showAboutUsSocial {
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #dcdcdc;
	border-right: none;
    border-width: medium 1px;
    padding: 0 0 45px 20px;
    width: 160px;
    float: left;
}

#locations .aboutus-tab .top .social {
	float: left;
}

#locations .about-text {
	float: left;
	width:772px;
}

#locations .about-text .small-title {
	padding-top: 20px !important;

	display: block;
}

#locations .about-text p {

	margin-top: 5px;
}

#locations .associate {
	width: 369px;
	height: 276px;
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
}

#locations .associate .associate-name {
	background: #afafaf;
	width: 347px;
	height: 52px;
	color: #ffffff;
	padding-left: 22px;
	padding-top: 17px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#locations .associate .associate-name .title {
	/*text-transform: uppercase;*/
	font-size: 14px;
	display: block;
	padding-bottom: 2px;
}

#locations .associate .associate-name .name {
	font-size: 12px;
	/*text-transform: uppercase;*/
	font-weight: bold;
}

#locations .about-text .associate-title {
    padding-top:10px;
    display:block;
}

#locations #support {
	border-top: 1px solid #dcdcdc;
	margin-top: 20px;
	padding-top: 5px;
	width:772px;
}

#locations #support .support-item {
	background: #f7f7f7;
	padding: 20px;
	margin-top: -10px;
	width:732px;
}

#locations #support .small-title {
	padding-bottom: 30px;
}

#locations #support .support-image {
	width: 165px;
	height: 131px;
	float: left;
	margin-right: 20px;
}

#locations #support .support-title {
	font-weight: bold;
	font-size: 12px;
}

#locations #joinus {
	padding-top: 30px;
}

#locations #joinus .single-event {
	margin-bottom: 10px;
}

#locations #joinus .event-title {
	font-weight: bold;
	/*text-transform: uppercase;*/
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
}

#locations #joinus .joinus-body {
	margin-top: 20px;
	background: #f7f7f7;
	padding: 20px;
	width:732px;
}

#locations #joinus .joinus-title {
	font-weight: bold;
	padding-bottom: 3px !important;
	display: block;
}

#locations .aboutus-tab .continue-link {
	border-top: 0;
	margin-top: 20px;
}

/*With line dividers*/

#locations #joinus .event-divider{
	border-top: 1px solid #cccccc;
	padding-top: 20px;
	margin-top: 20px;
}

#locations #joinus .first {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

/*#locations #joinus .joinus-body .even {
	background: #eeeeee;
}*/

#locations #content-seperator 
{
    width:742px;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 4px;
}

/* @end */

/* Legacy Driving Directions style */

.directionsFromAddress
{
	color:#000;
	Background-color:#EEE;
	border: solid 1px #CCC;
	padding: 10px 10px 10px 10px;
	width: 395px;
}

.drivingdirections-text
{
	color:#e26714;
	font-size:14px;
	font-weight:bold;
}

.HeadingWithMotionpoint
{
    display:block; 
    color:#464646; 
    font-size:26px; 
    width:800px; 
    Line-height:30px; 
    background:url('../images/gradient-AFHS.png') repeat-y; 
    position:absolute;
}

/* @end */
