body { line-height: 1.25; font-size:10px; color: #666; /*10px then 1.2em = 12px, 3em = 30px */ font-family: Arial, Sans-Serif; padding: 0; margin: 0; } .mm-item-content {display: none;} /* Tag Styles */ ol, ul, li { list-style: none; margin: 0; padding: 0;} dl, dt, dd { margin: 0; padding: 0;} h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 10px; } img { border: 0px; } form { margin: 0; padding: 0; width: 100%; } a { color: #369; } a:hover { text-decoration: underline; } input, select { font-size: 11px; } table, td, tr, p { padding: 0; margin: 0; } /*:focus { outline: none; }*/ /* -------------- * /* Helper Styles */ .fl { display: inline; float: left;} .fr { display: inline; float: right;} .clr { clear: both; } .screenpadding{height:600px;} .blk { display: block; } .none { display: none; } .w100 { width: 100%; } .bold { font-weight: bold; } .italic { font-style: italic; } .normal { font-weight: normal; } .underline { text-decoration: underline; } .arrow {background:url(/assets/images/img/img-arrow.gif) no-repeat 100% 50%; padding-right:20px;} .ErrorText { color: red; font-weight: bold; } .InformationText { color: blue; font-weight: bold; } /* -------------- */ div.TowService a {font-size: 12px; font-weight: bold;} /* Form Styles ( used with lib.func.formSetup() ) */ div.ErrorNotification, div.InformationNotification { width: 100%; font-size: 11px; font-weight: bold; margin: 0 0 15px 0; padding: 0; } div.FormArea { color: #666; font-size: 11px; } div.FormArea span.RequiredFieldsText, .RequiredFieldsText { margin: 0 0 10px 5px; display: block; font-style: italic; font-size: 11px; } div.FormArea span.RequiredFieldsText span, .RequiredFieldsText span { font-style: normal; font-weight: bold; } div.RequiredFieldsText span.RequiredFieldsText { margin: 5px 0 0 5px; display: block; font-style: italic; } div.RequiredFieldsText span.RequiredFieldsText span { font-style: normal; font-weight: bold; } div.FormArea div.FormEntry { border: 1px solid transparent; padding: 5px; margin-bottom: 0px; } div.FormArea div.FormEntry span.text { font-style: italic; display: block; margin-top: 2px; } div.FormArea div.FormEntry label { display: block; margin-bottom: 0; font-weight: bold; } div.FormArea div.FormEntry label.optional { font-weight: normal; } div.FormArea div.FormEntry div.StatementInfo{float: right; font-size: 10px; padding:0 55px 0 0;} div.FormArea .FormEntry .Question { display: inline; float: left; margin-left: 10px; } div.FormArea div.Checkboxes label { display: inline; float: left; margin: 3px 3px 0 3px;} div.FormArea div.Checkboxes input { display: inline; float: left; } div.FormArea div.Checkboxes span { display: inline; float: left; margin-top: 3px; } div.FormArea div.Checkboxes { width: 100%; } div.FormArea div.FormError { border: 1px solid red; background-color: #fff; } div.FormArea div.FormError .ErrorText, div.FormArea div.FormEntry .InformationText { display: block; margin-bottom: 5px; } .FormFieldHighlight { background-color: yellow; } /* Checkout Personal Information Form */ div.CheckoutPersonalInformationForm span.RequiredFieldsText { margin-bottom: 10px; } div.CheckoutPersonalInformationForm .FormEntry .PhoneNumberArea { display: inline; float: left; width: 230px; } div.CheckoutPersonalInformationForm .FormEntry .PhoneTypeArea { display: inline; float: left; width: 225px; margin-left: 25px; } div.CheckoutPersonalInformationForm .FormEntry .Question { display: inline; float: left; margin-left: 10px; } div.CheckoutPersonalInformationForm .FormEntry span.ChangeEmailText { display: none; } #TireConsultationContent #appointmentTime { float: left; width: 110px; } .appointmentTime .storeAvailability { font-size: 10px; float: left; width: 160px; line-height: 1.1; padding: 0 0 0 15px; } /* -------------------- */ /* ----------------- */ /* Template Styles */ div#PageContainerWrapper { height:auto !important; height:768px;} div#PageContainer { margin: 0 auto;} div#PageContainerBottom { width: 894px; height: 8px; margin:0px auto; background: url(../assets/images/bkg/bkg-PageContainerBottom.png) no-repeat 0px 0px; overflow:hidden; } div.PageContent { width: 882px; margin: 0 auto; } div#PageContentBody { } div#PageLeftNavContainer { padding-top: 105px; margin: 0 auto; width: 882px;} div#PageLeftNavContainer div#PageLeftNavInner { width: 100%; padding-bottom:30px; } div#PageLeft { display: inline; float: left; width: 231px; border-top: 1px solid #d3d3cd; } div#PageRight {display: inline; float: left; width: 629px; border-top: 1px solid #d3d3cd; } div#PageRight h1 {font-size:25px; color:#945f01; font-weight:normal;} div.ContentSpacer { width: 840px; margin: 0 auto; } #leftColServiceCat { float: left; width: 500px; } div#PageRight { font-size: 11px; } div#PageRight ul, div#PageRight ol { margin: 0 0 15px 0; } /* Popup Template */ div#PopupWindow { padding: 15px; } div#PopupWindow .js-PopupDivClose { display: none; } /* Popup Window / Popup Div */ div.PopupTemplate1 { border: 1px solid #000; } div.PopupTemplate1 h1 { font-size: 16px; line-height: 1; background-color: #004591; padding: 15px; color: #fff; } div.PopupTemplate1 div.PopupContent { padding: 15px 15px; background-color: #fff; } div.PopupTemplate1 div.PopupContent span.content { display: inline; float: left; font-size: 12px; margin-left: 20px; margin-right: 15px;} div.PopupTemplate1 div.PopupContent span.contentIcon { margin-left: 5px; margin-right: 5px;} div.PopupTemplate1 div.PopupContent span.pricing { display: block; font-weight: bold; color: #363636} div.PopupTemplate1 div.PopupContent span.pricing span { display: block; font-weight: normal; color: #666666} div.PopupTemplate1 div.PopupContent span.pricing span.SalePrice { color: #900a0d; display: inline; font-weight: bold; font-size:10px;text-transform:uppercase; } div.PopupTemplate1 div.Stripe { text-align: right; padding: 5px 15px; background-color: #fcdd1a; border-bottom: 1px solid #087df5; } div.PopupTemplate1 div.PopupCloseButtonArea { padding: 10px 15px; background-color: #004591; border-bottom: 0px; } div.PopupTemplate1 p.IntroText { margin: 0 0 15px 0; padding: 0; font-size: 11px; } div.PopupTemplate1 .InformationNotification, div.PopupTemplate1 .ErrorNotification { margin: 0 0 15px 0; } div.PopupTemplate1 a { color: #369; } div.PopupTemplate1 p.Default { margin: 0 0 10px 0; padding: 0; font-size: 11px; } /* CMS Content Layer */ div#CMSContentLayer { position: absolute; top: 0; left: 0; width: 600px; z-index:12;} div#CMSContentLayer h2 { font-weight: bold; color: #aa5d34; font-weight: bold; font-size: 11px; margin-bottom: 10px; } div#CMSContentLayer ul { font-size: 11px; margin-bottom: 10px; } div#CMSContentLayer ul li { list-style-type: disc; margin-left: 15px; } div#CMSContentLayer p { margin: 0 0 10px 0; padding: 0; font-size: 11px; } div#CMSContentLayer table td, div#CMSContentLayer table th { font-size: 11px; text-align: left; vertical-align: top; padding: 2px 10px 2px 0; } /* ----------------- */ /* Loading Layer */ div#LoadingDivContent { width: 160px; padding: 15px 0; margin: 0 auto; border: 2px solid black; background-color: #fff; text-align: center; } div#LoadingDivContent img#AjaxLoading { display: block; margin: 0 auto 15px auto;} /* Tooltip Layer */ div#TooltipLayer { font-size: 11px; line-height: 1; display: none; position: absolute; top: 0; left: 0; z-index: 10; background-color: #fff; border: 1px solid black; padding: 5px; } span.Tooltip { display: none; } /* Special Links */ a.Question { background: url(../assets/images/bkg/bkg-BlueQuestion.gif) no-repeat 0px 0px; padding: 0 0 5px 20px; text-decoration:none;} a.Question2 { background: url(../assets/images/bkg/bkg-BrownQuestion.gif) no-repeat 0px 0px; padding: 0 0 5px 20px; } /* Product Awards */ p.ProductAwards { margin: 0; padding: 0; display: inline; float: right; } /* Product Icons */ div#IconsLayer { display: none; position: absolute; top: 0; left: 0; z-index: 10; background-color: #fff; border: 1px solid black; padding: 5px; width: 150px; } .IconContentMessage { display: none; } ul.ProductIcons { display: inline; float: left; margin: 10px 0 10px 15px; clear:both;} ul.ProductIcons li { display: inline; float: left; margin-left: 5px;} ul.ProductIcons li img { display: block; } /* Order Totals Include */ div.OrderTotals { font-size: 11px; color: #000; line-height: 1; width: 285px; background-color: #fff; } div.OrderTotals h2 { margin: 0; padding: 10px 15px; font-size: 12px; line-height: 1;} div.OrderTotals div.CollapsibleArea { overflow: hidden; display: none; background-color: #f3f2ec; padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9; /*height: 0;*/ } div.OrderTotals div.CollapsibleArea div.Entry {background: none !important;} div.OrderTotals div.Entry { text-align: right; width: 270px; margin-left: 15px; font-weight:bold; } div.OrderTotals div.EntryLast { border-bottom: 0px; } div.OrderTotals div.Entry span { margin:0px 0px 4px; } div.OrderTotals div.Entry span.Price { display: inline; float: right; margin-right: 13px; width:65px; } div.OrderTotals div.Entry span.Item { display: inline; float: left; width: 175px; } div.OrderTotals div.Entry span.Hide { display: none; } div.OrderTotals div.EntryTotal { border-top: 1px solid #c3bfa0; border-bottom: 0px; margin-left: 0px; width: 100%; } div.OrderTotals div.EntryTotal span.Item { width: 100%; } div.OrderTotals div.EntryTotal span { margin: 10px 0; } div.OrderTotals div.Entry span.Text { margin: 0; text-transform: none; font-weight: normal; margin-top: 10px; margin-bottom: 15px; } div.OrderTotals a.Question { display: inline; float: right; background: none; padding: 0; margin: 0 0 0 5px;} /* ------------------ */ /* Pricing */ span.NormalPrice { } span.SalePrice { color: #900a0d; display: inline; font-weight: bold; font-size:10px;text-transform:uppercase; } span.OldPrice { text-decoration: line-through; } /* Information Div */ div.Info { background-color: #c3bfa0; border-top: 1px solid #D9D9D9; width: 100%; } div.Info span.content { display: inline; float: left; margin: 15px 15px 15px 0px; font-size: 12px; } div.Info span.pricing { display: block; } div.Info span.pricing span { display: inline; font-weight: bold; } div.Info span.pricingText { display: block; } div.Info span.contentSize { float: right; margin: 15px 15px 15px 0; } div.Info span.contentSize span { display: block; } div.Info span.contentSize span span { display: inline; font-weight: bold; } div.Info span.contentIcon { margin: 15px 0 15px 5px; } /* -------------------- */ /* Help Information */ div.HelpInformation { width: 100%; margin: 15px 0 0 0; padding: 0; font-size: 11px; } div.HelpInformation span.title { font-size: 12px; display: block; font-weight: bold; } div.HelpInformation ul { margin-top: 5px; } div.HelpInformation li {background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 4px; margin: 0 0 3px 15px; padding-left: 10px; /*font-size: 1em;*/ } /* -------------------- */ /* Pagination (default) */ div.PaginationContainer { width: 100%; font-size: 11px; color: #8c8c8c; } div.PaginationContainer span.Pagination {display: inline; float: right; margin: 10px 15px 10px 0; } div.PaginationContainer span.Pagination img { display: block; } div.PaginationContainer span.Pagination span { display: inline; float: left; margin-left: 5px; } div.PaginationContainer span.Pagination a { text-decoration: underline; color: #8c8c8c; } /* Sort By (default) */ span.SortBy { display: inline; float: left; margin: 8px 40px 8px 15px; } span.SortBy span { display: inline; float: left; margin: 2px 5px 0 0; } span.SortBy select { display: inline; float: left; margin: 0 0 0 0; } /* Mini Pagination */ div#MiniPagination { display: inline; float: right; margin: 10px 15px 0 0; font-size: 11px; color:#8c8c8c; } div#MiniPagination span { display: inline; float: left; margin-left: 7px; color:#8c8c8c;} /* Breadcrumb */ div#Breadcrumb { color: #8c8c8c; margin-bottom: 20px; } div#Breadcrumb a { color: #8c8c8c; } div#Breadcrumb a:hover { text-decoration: underline; } /* Performance Rating Scale */ div#performanceRatingScale { margin: 15px 0 5px 0; text-align: right; font-size: 10px; } /* Performance Rating */ dl.performanceRatings { width: 160px; font-size: 10px; display: inline; float: left; } dl.performanceRatings dt { text-align: left; display: inline; float: left; width: 115px; padding: 2px 0; border-bottom: 1px solid #c3bfa0; } dl.performanceRatings dd { text-align: center; display: inline; float: left; width: 45px; padding: 2px 0; border-bottom: 1px solid #c3bfa0; } dl.performanceRatings dd.clr { display: block; float: none; margin: 0; padding: 0; border: 0; } /* Left Navigation */ div#LeftNavigation { position: relative; } div#LeftNavigation h1 { position: absolute; top: -37px; left: 20px; font-size: 2.8em; color: #953501; font-weight: normal; } div#LeftNavigation ul { padding: 55px 0; } div#LeftNavigation li { width: auto; padding: 0px 0 0px 18px; margin: 3px 0px; } div#LeftNavigation li.Active { background: url(../assets/images/bkg/bkg-LeftNavActive.gif) repeat-y top right; color:#945f01; } div#LeftNavigation li span.Active { background: url(../assets/images/bkg/bkg-LeftNavActive.gif) repeat-y top right; color:#945f01; } div#LeftNavigation li img { margin-top:7px; } div#LeftNavigation li.Active img {margin:7px 0px;} div#LeftNavigation .Category {padding:0px;} div#LeftNavigation .Category ul {padding:0px;} div#LeftNavigation li {font-size:14px; font-weight:bold; color:#4b4b4b; padding-left:0px;} div#LeftNavigation li a {font-size:14px; font-weight:bold; color:#4b4b4b; padding-left:0px; text-decoration:none;} div#LeftNavigation li a:hover{color:#945f01; background: url(../assets/images/bkg/bkg-LeftNavActive.gif) repeat-y top right;} div#LeftNavigation li a, div#LeftNavigation li span {font-size:14px; font-weight:bold; color:#4b4b4b; padding-left:20px; display:block; line-height:28px; height:28px;} div#LeftNavigation li li span, div#LeftNavigation li li a {line-height:28px;} div#LeftNavigation li li li span, div#LeftNavigation li li li a {padding-left:44px;} /* Recently Viewed - Left nav */ div#viewed-products {/*border-top:2px solid #f0eee8;*/} .servicesCat #RecentlyViewed { padding: 0 0 20px 20px; margin: 20px 0 0 0; border-left: 1px solid #d8d8d8; } #RightColumnContent.servicesCat { padding: 60px 0 0 15px; } .ServiceContainer #PageRight { padding: 0 0 40px 0; } .ServiceContainer #PageLeft { display: none; } #RecentlyViewed {padding:55px 0px 0px 20px;} #RecentlyViewed strong {font-size:16px; padding-bottom:20px; display:block;} #RecentlyViewed .sliderContent {width:190px;} #RecentlyViewed li {height:100px;} #RecentlyViewed li img {width:76px; height:76px; display:block; border:1px solid #d9d8d8; background:#fff;} #RecentlyViewed li .fr {width:102px;} #RecentlyViewed li .fr a {font-size:12px; color:#363636; text-decoration:none; line-height:1.6;} #RecentlyViewed li .fr span {display:block; font-size:10px; color:#363636;} #RecentlyViewed li .fr span.SalePrice {display:block; font-size:10px; color:#900a0d; font-weight:bold;} #RecentlyViewed .sliderPrev {display:block; float:none; width:190px; height:18px; margin:0px 0px 20px 0px; background:none;} #RecentlyViewed .sliderNext {display:block; float:none; width:190px; height:18px; margin:0px; background:none; } #RecentlyViewed .sliderViewport {display:block; float:none; width:190px; height:300px; } /* Default Page Type(s) */ div.ContentType1 { padding: 40px 0; width: 840px; margin: 0 auto; /*min-height: 400px; height:auto !important; height: 400px;*/ } div.ContentType1 h1, div.ContentType2 h1 {font-size: 28px; font-weight: normal; padding: 0; margin: 0; color: #953501; border-bottom: 0px solid #e0e0e0; line-height:1; overflow:hidden; } div.ContentType1 h5 {font-size: 20px; font-weight: normal; padding: 0 0 10px 0; margin: 0 0 0 0; color: #953501; border-bottom: 1px solid #e0e0e0; width: 100%; } div.ContentType1 h1 img, div.ContentType2 h1 img {display:inline; float:left; } div.ContentType1 h1 span, div.ContentType2 h1 span {margin-left:10px;} div.ContentType1 .IntroText, div.ContentType2 .IntroText { font-size: 11px; margin: 0; padding: 0; line-height: 1.5; } div.ContentType1 a, div.ContentType2 a, div.ContentType3 a { color: #044995; } div.ContentType2 { padding: 20px 20px 40px 20px; width: 840px; margin: 0 auto; /*min-height: 400px; height:auto !important; height: 400px;*/ } div.ContentType3 { padding: 20px 0; width: 609px; margin-left: 20px; position: relative; } div.ContentType3 h1 { padding: 0; margin: 0; font-size: 21px; color: #953501; font-weight: normal; } div.ContentType3 .IntroText { margin: 15px 0 0 0; font-size: 11px; padding: 0; line-height: 1.5;} div.ContentType4 { padding: 20px 0; width: 850px; margin: 0 auto; } div.ContentType5 {padding: 20px 20px 40px 20px; margin: 0 auto;} div.ContentType6 {padding: 65px 20px 40px 20px; margin: 0 auto;} div.IntroText h3{ color:#945f01; font-size:15px; font-weight:normal; } /* Bulleted List */ ul.BulletList { margin-top: 5px; } ul.BulletList li {background: url(../assets/images/bkg/bkg-bullet3.gif) no-repeat 0px 4px; margin: 0 0 3px 15px; padding-left: 10px; /*font-size: 1em;*/ } /* ------------------ */ /* Header */ /* User Information Header */ div#HeaderUserInfoWrapper {height: 89px; background-color: #004c88;} div#HeaderUserInfo { color: #fff; height: 89px;} div#HeaderUserInfo span#WelcomeMessage { font-size: 11px; font-style: italic; padding-right:7px; } div#HeaderUserInfo span#HeaderItemCount { margin-right: 0; margin-left: 12px; } div#HeaderUserInfo span#TextImageShoppingCart { margin-right: 0px;} div#HeaderUserInfo span.Text { margin: 11px 10px 0 0; } div#HeaderUserInfo a { text-decoration: none; color: #fff; } div#HeaderUserInfo a:hover { text-decoration: underline; } div#HeaderVehicleInformationWrapper {color: #000; background-image: url(../assets/images/bkg/bkg-UtilityNavSides.png); border-bottom: 1px solid black; min-height: 4px;} div#HeaderVehicleInformation {background: url(../assets/images/bkg/bkg-UtilityNav.png); padding:0px 30px; line-height:22px; height: 23px;} div#HeaderVehicleInformation span.Text { margin: 0px 29px 0 3px; } div#HeaderVehicleInformation a {text-decoration: none;} div#HeaderVehicleInformation a:hover {text-decoration: underline;} div#HeaderVehicleInformation span.HeaderVehicleInformationHighlight { border: 1px solid #ffe300; padding: 0 5px; } div#HeaderUserInfo {background-image: url(../assets/images/img/img-HomepageLogo.jpg); background-repeat: no-repeat;} div#HeaderUserInfo img#HeaderBannerText {margin:36px 0 0 18px; display:inline; float:left;} div#HeaderUserInfo .divider {padding:0px 7px;} div.HeaderLoginInfo {display:inline; float:right; width:470px; margin:15px 0px 0px 0px; line-height:24px; text-align: right;} div#HeaderUserInfo .shoppingCartLink {color: #fff; font-family: arial, verdana,sans-serif; text-transform: uppercase; } .HeaderDivider {color: #fcdd1a !important; font-family:Verdana,sans-serif; margin-left: 4px; margin-right: 4px;} #HeaderCustServText {font-size:11px;} #HeaderCustServText strong {font-size:14px;} span.VehicleInformationLabel {color: #044995; font-weight: bold; font-family: Verdana, sans-serif; background-image: url(../assets/images/bkg/bkg-ArrowBlue.gif); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 8px;} /* Navigation Header */ div#HeaderNavWrapper {background-image: url(../assets/images/bkg/bkg-HeaderNavSides.png);background-repeat: repeat-x; border-bottom: 1px solid black;} div.HeaderNav {position:relative; z-index:1;} div.HeaderNav ul {overflow:hidden; width:100%;} div.HeaderNav li {display:inline; float:left;} div.HeaderNav li.divider {width:1px; height:41px; background:#003286 url(../assets/images/img/img-HeaderNavDivider.gif) repeat-x 0 0;} div.HeaderNav li a {display:block; height:41px;} div.HeaderNav li a span {position:absolute; left:-9999px;} div.HeaderNav .Tires a{background:transparent url(../assets/images/img/img-TiresOff.png) no-repeat 0 0; width:90px;} div.HeaderNav .Tires a:hover, div.HeaderNav .Tires a.active {background:transparent url(../assets/images/img/img-TiresOn.png) no-repeat 0 0;} div.HeaderNav .Services a{background:transparent url(../assets/images/img/img-ServicesOff.png) no-repeat 0 0; width:110px;} div.HeaderNav .Services a:hover, div.HeaderNav .Services a.active {background:transparent url(../assets/images/img/img-ServicesOn.png) no-repeat 0 0;} div.HeaderNav .CurrentSpecials a{background:transparent url(../assets/images/img/img-CurrentSpecialsOff.png) no-repeat 0 0; width:165px;} div.HeaderNav .CurrentSpecials a:hover, div.HeaderNav .CurrentSpecials a.active {background:transparent url(../assets/images/img/img-CurrentSpecialsOn.png) no-repeat 0 0;} div.HeaderNav .SheduleAnAppointment a{background:transparent url(../assets/images/img/img-ScheduleAnAppointmentOff.png) no-repeat 0 0; width:203px;} div.HeaderNav .SheduleAnAppointment a:hover, div.HeaderNav .SheduleAnAppointment a.active {background:transparent url(../assets/images/img/img-ScheduleAnAppointmentOn.png) no-repeat 0 0;} div.HeaderNav .TiresMadeEasy a{background:transparent url(../assets/images/img/img-Tires101Off.png) no-repeat 0 0; width:157px;} div.HeaderNav .TiresMadeEasy a:hover, div.HeaderNav .TiresMadeEasy a.active {background:transparent url(../assets/images/img//img-Tires101On.png) no-repeat 0 0;} div.HeaderNav .CareCare101 a{background:transparent url(../assets/images/img/img-CarCareOff.png) no-repeat 0 0; width:157px;} div.HeaderNav .CareCare101 a:hover, div.HeaderNav .CareCare101 a.active {background:transparent url(../assets/images/img/img-CarCareOn.png) no-repeat 0 0;} div.HeaderNav .overlay {background:transparent url(../assets/images/img/img-HeaderNavOverlay.png) no-repeat 0 0; position:absolute; width:880px; height:30px; left:0px; top:33px; z-index:1;} /* Store Locator Layer */ div#StoreLocatorLayer { color: #fff; background: url(../assets/images/bkg/bkg-StoreLocatorLayer.png) no-repeat top left; display: none; width: 270px; position: absolute; top: 34px; left: 0; z-index: 5; } div#StoreLocatorLayer h3 { font-weight: bold; font-size: 11px; margin: 0 0 10px 0; padding: 0; } div#StoreLocatorLayer label, div#StoreLocatorLayer input { display: inline; float: left; } div#StoreLocatorLayer input.RadioButton { margin-bottom: 10px;} div#StoreLocatorLayer label { margin: 4px 0 0 2px; } div#StoreLocatorLayer div.Inner { width: 240px; margin: 10px auto; } div#StoreLocatorLayer .Button { margin-left: 5px; color: #fff;} /* Sub-header */ div#homeNavigation { background:transparent url(../assets/images/img/progressBar/yellow-background.png) no-repeat scroll left top; width:100%; height:68px; margin-top:0px;} .steps-header {position:absolute; top:207px; left:22px;} ul.homePageSteps {display:block; width:100%; overflow:hidden; padding-top:20px; } ul.homePageSteps li {display:inline; float:left; margin:0px; padding:8px 0 0 25px;} #statusBar {} #statusBar ul.topLevel{display:block; width:100%; height:41px; background:transparent url(../assets/images/bkg/bkg-progress-top.gif) repeat-x 0 0; overflow:hidden;} #statusBar ul.topLevel li{display:inline; float:left; margin:0px; padding:8px 0 0 25px;} #statusBar ul.topLevel li.heading {padding:2px 0px 0px 20px;} #statusBar ul.bottomLevel {display:block; width:100%; height:28px; background:transparent url(../assets/images/bkg/bkg-progress-substeps.gif) repeat-x 0 0; overflow:hidden;} #statusBar ul.bottomLevel li {display:inline; float:left; margin:7px 20px 0 20px; padding-top:0;} /* ------------- */ /* ------------------- */ /* Footer */ div#FooterContainer { background-image: url(../assets/images/bkg/bkg-FooterShadow.gif); background-repeat: repeat-x; width: 880px; margin: 0 auto;} div#Footer { color: #044995; padding: 20px 20px 10px 20px; text-align: center; } div#Footer a { text-decoration: none; } div#Footer ul { margin: 5px 0 10px 0px; width:100%; overflow:hidden; clear:both; font-weight: bold; } div#Footer ul li { display: inline; margin-right: 15px; } div#Footer ul li.divider { height:10px; color:#2981ff; overflow:hidden;} div#FooterContainer.home { width: 100%;} #Footer p { margin: 10px 0 0 0; } #Footer p, #Footer span { color: #999; } /* ------------------ */ /* Homepage */ div#HomepageContent { padding-top: 20px; } div#HomepageContent div#HomepagePromoCallout { position: relative; height:245px; } div#HomepageContent div#HomepageSearchArea { background: url(../assets/images/bkg/bkg-HomepageSearchArea.png) no-repeat; height:377px; margin-bottom: 25px;} div#HomepageContent div#HomepageSearchArea .header {margin-top:0;} div#HomepageContent div#HomepageSearchArea #ServiceScheduler {width:460px; display:inline; float:left; position: relative; top: 85px; left: 40px; padding-top: 10px;} #ServiceScheduler strong {display:block; margin-bottom:12px;} #ServiceScheduler form {display:inline; float:left; width:205px; padding-left:20px; margin-top:35px; color:#363636; font-size:12px;} #ServiceScheduler form label input {margin:0px 5px 0px 0px; vertical-align:top; padding:0px; width:13px; height:13px;} #ServiceScheduler form li {margin-bottom:5px;} #ServiceScheduler .submit {margin-top:33px;} #ServiceScheduler .service-benefits {display:inline; float:left; width:175px; margin-top:35px;} #ServiceScheduler .service-benefits li {font-size:12px; color:#837d6d; background:url(/assets/images/img/img-BlueBullet.gif) no-repeat 0 7px; padding: 0 0 0 10px; margin: 0 0 13px 0; } #ServiceScheduler p { margin: 0 0 10px 0; color: #666666;} #HomepageSearchArea #ServiceScheduler .submit { margin: 51px 0 0 0; } #HomepageSearchArea label { font-weight: normal; color: #4d4e52; } a.shopByTireSizeLink { font-weight: normal;} a.shopByVehicleLink { font-weight: normal;} #TireSelector {width:420px; display:inline; float:left; padding-top:10px;height:240px; } #HomepageSearchArea #TireSelector {position: relative; top: 85px; left: 40px;} #TireSelector .FormArea {margin-top:35px; height:180px;} #TireSelector .FormArea .FormEntry {padding:0;} #TireSelector .FormArea select {display:block; margin: 0 0 10px 0; width:165px;} #TireSelector .FormArea select.hasWhatsThis {display:inline; float:left;} #TireSelector .FormArea p { margin: 0 0 10px 0; font-size: 12px; } #TireSelector .FormArea div.FormEntry label {display: inline; float: left; margin: 0px 0px 5px -4px} #TireSelector div.LTHighFlotationText{margin-top: 10px;} #TireSelector div.LTHighFlotationText a { text-decoration: underline;} #TireSelector input.SearchForTires{ margin-top: 30px;} #TiresSiteSection #TireSelector div.UpperFormEntryblk{ border:0px;} #HomepageContent #TireSelector div.UpperFormEntryblk{height:140px; border:0px;} #TireSelector div.UpperFormEntry{height:116px; border:0px;} #TireSelector div#js-VehOptionVehVersionEntry{padding:0}; #TireSelector img.ImgTireSelector{margin-left:20px;} div#HomepageContent div.HomepagePromos { height:175px; background: url(../assets/images/bkg/bkg-MC.png) no-repeat; padding: 5px; width: 660px; float: left;} div#HomepageContent div.HomepagePromos .header img {margin:20px;} div#HomepageContent div.EmailSignUp { background: url(../assets/images/bkg/bkg-EmailSignUp.png) no-repeat; float: right; width: 199px; height: 168px;} div.EmailSignUpContent input { float: right; margin-top: 4px;} div.EmailSignUpContent {position: relative; left: 20px; top: 60px; width: 160px; height: 50px;} div.emailSignupNotificationArea {position: relative; left: 20px; top: 87px; width: 180px; height: 50px;} #HomeWrapper #userEmail { width: 147px; display: block; } /* -------------------- */ /* Empty the Cart Layer */ div#EmptyTheCartLayer { display: none; position: absolute; top: 0; left: 0; z-index: 15; width: 300px; } div#EmptyTheCartLayerContent div#EmptyTheCartButtons { margin: 10px 0 0 0; text-align: center; } div#EmptyTheCartLayerContent div.PopupContent { font-size: 11px; } div#EmptyTheCartLayerContent div.TopStripe { padding: 0; height: 30px; } /* ----------------- */ /* Search By Vehicle */ div#SearchByVehicleContent { padding-bottom: 115px; background: url(../assets/images/bkg/bkg-SearchBySize.jpg) no-repeat bottom right; } div#SearchByVehicleContent div#SearchArea { display: inline; float: left; width: 560px; margin: 20px 0 0 0; clear: both; } div#SearchByVehicleContent p.IntroText { margin: 0; padding: 0; } div#SearchByVehicleContent div#ManagedContentArea { display: inline; float: right; width: 266px; overflow: hidden;} div#SearchByVehicleContent div.FormEntry { display: inline; float: left; } div#SearchByVehicleContent div.FormEntry select { display: block; margin-bottom: 10px; } div#SearchByVehicleContent div.FormEntry label {display:inline;} div#SearchByVehicleContent div.FormEntry p { padding: 15px 0 0 0; clear:both;} div#SearchByVehicleContent .Button { display: inline; float: left; margin:10px 15px 0px 0px; } div#SearchByVehicleContent div.optional {overflow:hidden;} div#SearchByVehicleContent div.optional div.FormEntry {padding:5px 0px;} /* ------------------ */ /* Search By Size */ div#SearchBySizeContent { padding-bottom: 115px; background: url(../assets/images/bkg/bkg-SearchBySize.jpg) no-repeat bottom right; } div#SearchBySizeContent div#SearchArea { display: inline; float: left; width: 585px; margin: 20px 0 0 0; clear: both; } div#SearchBySizeContent p.IntroText { margin: 0; padding: 0; } div#SearchBySizeContent div.FormArea { margin: 15px 0 0 0; } div#SearchBySizeContent div.FormEntry { border: 0px; margin: 0; padding: 0; } div#SearchBySizeContent div.FormEntry td { padding-right: 15px; } div#SearchBySizeContent div.FormArea p { margin: 15px 0 0 0; padding: 0;} div#SearchBySizeContent div#StoreText { display: inline; float: right; width: 240px; margin: 20px 0 0 0; font-size: 11px; } div#SearchBySizeContent div#StoreText p { padding: 0; margin: 15px 0 0 0; } div#SearchBySizeContent #ButtonSearchForTires { margin-top: 10px; } /* ----------------- */ /* Resolve Tire Size */ div#ResolveTireSize h2 { background-color: #002259; color: #fff; font-weight: bold; font-size: 12px; line-height: 1; margin-top: 20px; padding: 10px 15px; border-bottom: 1px solid #ffe300; } div#ResolveTireSize div#VehicleResult { padding-bottom: 2px; } div#ResolveTireSize div#Message { padding: 15px 0px; font-size: 11px; color:#666; width:50%; } div#ResolveTireSize div#Message strong {display:block;} div#ResolveTireSize div#Message a {color:#000;} div#ResolveTireSize div#ResolveTireSizeContent { border:2px solid #eeebce; background: #fff url(../assets/images/bkg/bkg-ResolveTireSize.gif) repeat-y 0px 0px; } div#ResolveTireSize div#ResolveTireSizeContent .w100 {} div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea { display: inline; float: left; width: 439px; margin: 0px 0 20px 0; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea a#ButtonCancelResolveTireSize { display: inline; float: right; margin-top: 25px; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedTireInfo { display: inline; float: right; width: 350px; margin: 0px 15px 20px 0; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea .possible-sizes {font-size:11px; color:#000; margin:15px 0px 0px 32px; display:block;} div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry { border-bottom: 1px solid #d8d8d8; padding: 15px 0 15px 0px; margin-left:20px; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry span.SeeOtherVehicles { display: block; margin-top: 5px; font-size: 11px; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry span.SeeOtherVehicles a {color:#666;} div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry dt {display: inline; float: left; font-size: 12px; font-weight: bold; color:#4b4b4b; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry dd { display: inline; float: left; font-size: 12px; margin-left: 5px; color:#4b4b4b; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea div.Entry dd a {color:#666; font-weight:bold; color:#4b4b4b;} div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedTireInfo h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedTireInfo p { margin: 0 0 15px 0; padding: 0; font-size: 12px; } div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea p { font-size: 11px; margin: 0; padding: 15px 0px 15px 20px; } div#ResolveTireSize div#ResolveTireSizeContent strong.yes-content {display:inline; float:left; color:#000; font-size:12px; line-height:34px; height:34px; background-color:#eeebce; width:439px; padding-left:14px; } div#ResolveTireSize div#ResolveTireSizeContent strong.no-content {display:inline; float:left; color:#000; font-size:12px; line-height:34px; height:34px; background-color:#eeebce; width:361px; padding-left:22px;} div#ResolveTireSize div#ResolveTireSizeContent #ResolvedTireInfo ul {border-bottom:1px solid #d8d8d8; margin:15px 0px 18px; padding-bottom:20px;} div#ResolveTireSize div#ResolveTireSizeContent #ResolvedTireInfo ul li {margin-top:5px; font-size:12px;} div#ResolveTireSize div#ResolveTireSizeContent #ResolvedTireInfo img {vertical-align:middle;} div#ResolveTireSize div#ResolveTireSizeContent #ResolvedTireInfo a {color:#666;} div#ResolveTireSize .not-sure {font-size:11px; margin:20px 0px 0px 10px; padding-bottom:15px; width:355px; color:#000; line-height:15px;} div#ResolveTireSize .not-sure strong {display:block; margin-bottom:10px; } div#ResolveTireSize .not-sure a {color:#000;} div#ResolveTireSize div#ResolveTireSizeContent div#ResolvedSizesArea .not-sure p {padding:0px;} /* ------------------- */ /* Vehicles with Tire Size */ div#VehiclesWithTireSizeLayer { width: 400px; position: absolute; top: 0; left: 0; z-index:20} div#VehiclesWithTireSizeLayerContent div.TopStripe { padding: 0; height: 30px; } div#VehiclesWithTireSizeLayerContent p { padding: 0; margin: 0; font-size: 12px; } div#VehiclesWithTireSizeLayerContent ul { margin-top: 10px; font-size: 12px; } div#VehiclesWithTireSizeLayerContent li { padding: 5px 0; } /* ------------------------ */ /* Site Section */ .SiteSection .ProductInfo {font-size:11px; margin-bottom: 30px; } .SiteSection .ProductInfo .BrandContainerWrapper {background: url(/assets/images/bkg/bkg-TireSiteSectionBrands.png) no-repeat 0 0; display:inline; float:left; height:100%; width:606px; padding:0 6px 0 18px;} .SiteSection .ProductInfo .BrandContainer {} .SiteSection .ProductInfo .BrandContainer th {font-size:16px; color:#0674ec; text-align:left; vertical-align:bottom; height:40px; padding:0px 0px 5px 11px; width: 33%; background:url(/assets/images/bkg/bkg-SiteSectionTableGradient.png) no-repeat 0 100%; border-left:1px solid #dddcd8;} .SiteSection .ProductInfo .BrandContainer th img {margin-top:0px;} .SiteSection .ProductInfo .BrandContainer th a {font-size:16px; color:#0674ec; text-decoration:none;} .SiteSection .ProductInfo .BrandContainer td {padding-left:11px; vertical-align:top;} .SiteSection .ProductInfo .BrandContainer .border {border-left:1px solid #dddcd8; background:url(/assets/images/bkg/bkg-SiteSectionTableGradient.png) no-repeat 0 100%;} .SiteSection .ProductInfo .BrandContainer .first {padding-left:0px; border-left:0px;} .SiteSection .ProductInfo .BrandContainer .last {background:url(/assets/images/bkg/bkg-SiteSectionTableGradient.png) no-repeat 100% 100%;} .SiteSection .ProductInfo .BrandContainer ul {margin-top:18px;} .SiteSection .ProductInfo .BrandContainer ul li {margin-bottom:10px; } .SiteSection .ProductInfo .BrandContainer ul li a {font-size:11px; color:#666666;} .SiteSection .ProductInfo .BrandContainer ul li a img {margin-top:0px;} .SiteSection .ProductInfo .BrandContainer img {margin-top:20px;} .SiteSection .ProductInfo .BrandContainer strong {display:block; margin-top:15px; color:#945f01; font-size:15px;} .SiteSection .ProductInfo .BrandContainer p {padding-bottom:15px;} .SiteSection .ProductInfo .BrandContainer a img {margin-top:0px;} .SiteSection .ProductInfo .ProductSelectorContainer {background: url(/assets/images/bkg/bkg-TireSiteSectionSearch.png) no-repeat 0 0; display:inline; float:left; height:400px; width:250px;} .SiteSection #TireSelector {float:right; margin:0 35px 0 0; width:195px;} .SiteSection #TireSelector .FormArea select.hasWhatsThis {float:none;} .SiteSection #TireSelector .FormArea {margin-top:10px; padding:0; border:0;} /* Overwrite the generic site section styles */ #TiresSiteSection {} #ServicesSiteSection {} #ServicesSiteSection .ProductInfo .BrandContainerWrapper {width:611px;} #ServicesSiteSection .ProductInfo .BrandContainer tbody{height: 100%;} #ServicesSiteSection .ProductInfo .ProductSelectorContainer {width:245px;} #ServicesSiteSection .ProductInfo .BrandContainer ul {} #ServicesSiteSection #ServiceScheduler {padding:15px 0px 0px 15px;} #ServicesSiteSection #ServiceScheduler form, #ServicesSiteSection #ServiceScheduler {margin-top:15px;} #ServicesSiteSection #ServiceScheduler .service-benefits {margin-top:25px;} /* ------------------ */ /* SearchResults Page */ .searchPage {background:url(/assets/images/bkg/bkg-SearchResultsPage.gif) repeat-y 0 0; width:840px;} div#SubcategoryContent { padding: 20px 0px; margin: 0px auto 20px; } div#SubcategoryContent .view-all-tires {margin:20px; font-size:11px; } div#SubcategoryContent div#ResultsArea { display: inline; float: left; width: 624px; border-top:1px solid #d8d8d8; padding-top:20px; } /* Subcategory */ div#PageRight div#SubcategoryContent {padding: 0px; margin: 20px 0px 20px 20px;} div#PageRight div#SubcategoryContent .view-all-tires, div#PageRight div#SubcategoryContent .InformationText {display:none;} div#PageRight div#SubcategoryContent div#ResultsArea { width:100%; } div#PageRight .BottomNav {border-top:1px solid #d8d8d8; padding-top:25px; margin-top:20px;} div#PageRight .BottomNav h1 {margin-bottom:15px;} div#PageRight .BottomNav ul {width:100%; overflow:hidden; margin-top:10px;} div#PageRight .BottomNav ul li {display:inline; float:left; color:#4b4b4b; font-size:12px; padding-right:15px;} div#PageRight .BottomNav ul li a {font-size:12px; color:#4b4b4b;} div#SubcategoryContent h1 {display:inline; float:left; margin-right:15px;} div#SubcategoryContent div.PaginationContainer { width: auto; display:inline; float:left; font-size: 11px; color: #8C8C8C; } div#SubcategoryContent div#Promos { display: inline; float: right; width: 195px;} div#SubcategoryContent div#Promos div.Promo { margin-bottom: 15px; line-height:1.7 } div#SubcategoryContent div#Promos div.Promo img {display:block; margin-top:10px;} div#SubcategoryContent div#Promos div.Promo strong {color:#945f01; font-size:15px; } div#SubcategoryContent div#Promos div.StoreInfo { background-color: #c3bfa0; padding-bottom: 10px; } div#SubcategoryContent div#Promos div.StoreInfo span { display: block; font-weight: bold; font-size: 12px; color: #000; padding: 5px 15px 0 15px; } div#SubcategoryContent div#Promos div.StoreInfo h3 { line-height: 1; background-color: #004591; font-size: 12px; font-weight: bold; color: #ffe300; padding: 8px 15px; margin-bottom: 5px; text-transform: uppercase; } div#SubcategoryContent div.ResultEntry {position:relative; width: 181px; display:inline; float:left; margin: 0 17px 20px 0; } div#SubcategoryContent div.ResultEntry .top {background: url(/assets/images/bkg/bkg-ResultEntryTop.png) no-repeat 0 0; height:8px;} div#SubcategoryContent div.ResultEntry .mid {background: url(/assets/images/bkg/bkg-ResultEntryMid.png) repeat-y 0 0;} div#SubcategoryContent div.ResultEntry .bottom {background: url(/assets/images/bkg/bkg-ResultEntryBottom.png) no-repeat 0 0; height:8px;} div#SubcategoryContent div.ResultEntry.Hover {background-color:#fcfbeb; width:191px; margin-left:-6px; margin-right:13px; border:0px;} div#SubcategoryContent div.ResultEntry.Hover .top {background: url(/assets/images/bkg/bkg-ResultEntryHoverTop.png) no-repeat 0 0; height:8px;} div#SubcategoryContent div.ResultEntry.Hover .mid {background: url(/assets/images/bkg/bkg-ResultEntryHoverMid.png) repeat-y 0 0; padding-left:6px; padding-bottom:12px;} div#SubcategoryContent div.ResultEntry.Hover .bottom {background: url(/assets/images/bkg/bkg-ResultEntryHoverBottom.png) no-repeat 0 0; height:8px;} div#SubcategoryContent div.ResultEntry .ViewDetails {left:59%; margin-left:-44px; position:absolute; top:-10px;} div#SubcategoryContent div.ResultEntry h2 { color: #363636; padding: 10px; font-weight: bold; font-size: 13px; height:38px; line-height: 19px; } div#SubcategoryContent div.ResultEntry h2 a { color: #363636; text-decoration:none; } div#SubcategoryContent div.ResultEntry h2 a:hover {text-decoration:underline;} div#SubcategoryContent div.ResultEntry h2.selected a { color:#002259;} div#SubcategoryContent div.ResultEntry .tireImage { display: block; margin: 0 auto; width:158px; height:158px; border:1px solid #d8d8d8; } div#SubcategoryContent div.ResultEntry table { padding: 0; margin: 15px auto 0 auto; width: 524px; } div#SubcategoryContent div.ResultEntry td.Description { text-align: left; vertical-align: top; } div#SubcategoryContent div.ResultEntry td.Description p.NonTireDescription { margin: 5px 0 0 0; padding: 0; } div#SubcategoryContent div.ResultEntry td.Description h3 { font-weight: bold; font-size: 12px; } div#SubcategoryContent div.ResultEntry td.Description dl.performanceRatings { font-size: 12px; margin: 0 0 15px 50px; } div#SubcategoryContent div.ResultEntry td.Description p.ProductAwards { margin-right: 15px; } div#SubcategoryContent div.ResultEntry .Picture { padding: 10px 0 0 0; width: 178px; } div#SubcategoryContent div.ResultEntry td.PictureService { vertical-align: middle; text-align: center; padding-bottom: 15px; } div#SubcategoryContent div.ResultEntry td.PictureService img { margin: 0 auto; } div#SubcategoryContent div.ResultEntry div.ProductIcons { min-height: 25px; height:auto !important; height: 25px; width: 100%; margin-top:10px; margin-bottom:10px;} div#SubcategoryContent .tireSizeContainer {margin:10px 0px; font-size:11px; color:#000000;} div#SubcategoryContent .tireInfo {} div#SubcategoryContent .tireInfo .pricing {color:#363636; font-size:12px; display:block; height:55px; font-weight:bold;} div#SubcategoryContent .tireInfo .pricing .inner {padding:0px 10px;} div#SubcategoryContent .tireInfo .pricing span {font-weight:normal; color:#363636; display:block; font-size:11px; } div#SubcategoryContent .tireInfo .pricing span.SalePrice { color: #900a0d; display: inline; font-weight: bold; font-size:11px; } div#SubcategoryContent .tireInfo .pricing .pricingText {font-size:11px; display:block; margin-top:3px;} div#SubcategoryContent div#performanceRatingScale { font-size:11px; color:#8C8C8C; margin-bottom:20px; text-align:left; } div#SubcategoryContent .tire-size {margin-bottom:5px;} div#SubcategoryContent div.ResultEntry .instant-savings {font-size:11px; padding-left:10px; height:16px;} div#SubcategoryContent div.ResultEntry .instant-savings span {color:#560200;} div#SubcategoryContent div.ResultEntry .mail-in-rebate {font-size:11px; padding:0px 0px 5px 10px; display:block; height:16px;} div#SubcategoryContent div.ResultEntry .mail-in-rebate span {color:#560200;} div#SubcategoryContent div.ResultEntry .availability {height:20px; margin-top:10px; font-size:11px; margin-left:10px;} div#SubcategoryContent div.ResultEntry .performanceRatings {border:1px solid #C3BFA0; border-bottom:0px; width:158px; margin:0px 0px 0px 7px; text-transform:uppercase; overflow:hidden; float:none; display:block;} div#SubcategoryContent div.ResultEntry .performanceRatings dt {border-bottom:1px solid #C3BFA0; border-right:1px solid #C3BFA0; padding:7px 0px; width:113px; text-align:left;} div#SubcategoryContent div.ResultEntry .performanceRatings dt span {padding-left:9px;} div#SubcategoryContent div.ResultEntry .performanceRatings dd {border-bottom:1px solid #C3BFA0; padding:7px 0px; width:44px; text-align:left;} div#SubcategoryContent div.ResultEntry .performanceRatings dd span {padding-left:12px;} div#SubcategoryContent div.ResultEntry ul.ProductIcons {margin:0px; } div#SubcategoryContent div.ResultEntry .compare-container {padding:0px 10px 10px;} div#SubcategoryContent div.ResultEntry .compare-container input {margin:0 2px 0 0; vertical-align:middle;} div#SubcategoryContent div.ResultEntry .compare-container a {vertical-align:middle; text-decoration:none; color:#000;} div#SubcategoryContent div.ResultEntry .compare-container a.selected {color:#369; text-decoration:underline;} div#SubcategoryContent div.ResultEntry p.ProductAwards {display:block; float:none; margin:10px;} div#SubcategoryContent .legal-text {clear:both; display:block; color:#8c8c8c; font-size:9px; margin-top:0px; padding-top:25px;} .notification-area {font-weight:bold; font-size:11px; color:red;} /*Oil Change Thumbnail*/ div#SubcategoryContent2 { background: url(../assets/images/bkg/bkg-subRight.jpg) no-repeat bottom right; padding: 0px 0px; margin: 20px auto; } div#SubcategoryContent2 div#Promos { display: inline; float: right; width: 266px; } div#SubcategoryContent2 div#Promos div.Promo { margin-bottom: 10px; } div#SubcategoryContent2 div#Promos div.StoreInfo { background-color: #c3bfa0; padding-bottom: 10px; } div#SubcategoryContent2 div#Promos div.StoreInfo span { display: block; font-weight: bold; font-size: 11px; color: #000; padding: 5px 15px 0 15px; } div#SubcategoryContent2 div#Promos div.StoreInfo h3 { line-height: 1; background-color: #000; font-size: 12px; font-weight: bold; color: #ffe300; padding: 8px 15px; margin-bottom: 5px; text-transform: uppercase; } div#SubcategoryContent2 div#ResultsArea { display: inline; float: left; width: 554px; } div#SubcategoryContent2 div#Results { padding-top: 20px; } div#SubcategoryContent2 div.ResultEntry { color: #000; width: 100%; margin: 0 0 10px 0; } div#SubcategoryContent2 div.ResultEntry h2 { background-color: #000; border-bottom: 1px solid #614e08; color: #fff; padding: 10px 15px; font-weight: bold; font-size: 14px; line-height: 1; } div#SubcategoryContent2 div.ResultEntry h2 a { color: #fff; background: url(../assets/images/bkg/bkg-ArrowBlack.gif) no-repeat 100% 50%; padding-right: 15px; } div#SubcategoryContent2 div.ResultEntry a.BuyNowLink { display: inline; float: right; margin: 8px 15px 0 5px; } div#SubcategoryContent2 div.ResultEntry table { padding: 0; margin: 15px auto 0 auto; width: 524px; } div#SubcategoryContent2 div.ResultEntry td.Description { text-align: left; vertical-align: top; } div#SubcategoryContent2 div.ResultEntry td.Description p.NonTireDescription { margin: 5px 0 0 0; padding: 0; } div#SubcategoryContent2 div.ResultEntry td.Description p.ProductAwards { margin: 10px 0; } div#SubcategoryContent2 div.ResultEntry td.Description p.TireType { margin: 0 0 10px 0; padding: 0; font-size: 11px;} div#SubcategoryContent2 div.ResultEntry td.Description h3 { display: inline; font-weight: bold; font-size: 12px;} div#SubcategoryContent2 div.ResultEntry td.Description a.ViewAllTire { font-size: 11px;} div#SubcategoryContent2 div.ResultEntry td.Description ul { margin-top: 10px; font-size: 11px; } div#SubcategoryContent2 div.ResultEntry td.Description li { background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 4px; margin-bottom: 3px; padding-left: 10px;} div#SubcategoryContent2 div.ResultEntry td.Picture { vertical-align: bottom; text-align: right; width: 190px;} div#SubcategoryContent2 div.ResultEntry td.Picture img {display: block;} div#SubcategoryContent2 div.ResultEntry td.PictureService { vertical-align: middle; text-align: center; padding-bottom: 5px; } div#SubcategoryContent2 div.ResultEntry td.PictureService img { margin: 0 auto; } div#SubcategoryContent2 div.ResultEntry div.Warranty { min-height: 15px; height:auto !important; height: 15px; background-color: #c3bfa0; width: 100%; } div#SubcategoryContent2 div.ResultEntry div.Warranty img { display: inline; float: right; margin: 10px 15px 10px 0; } div#SubcategoryContent2 div.ResultEntry div.Info { background-color: #c3bfa0; border-top: 1px solid #ffe300; width: 100%; } div#SubcategoryContent2 div.ResultEntry div.Info dl { display: inline; float: left; margin: 5px 0 5px 15px; } div#SubcategoryContent2 div.ResultEntry div.Info dt { font-size: 11px; font-weight: bold; position: relative; } /* ------------------ */ /*Tire Size Layer*/ div#PageOverlayLayer { position: absolute; top: 0; left: 0; z-index: 10; opacity: .5; filter:alpha(opacity=50); background-color: #a39d6d; width: 100%; height: 100%; } div#TireSizeLayer { display: none; position: absolute; top: 0; left: 0; z-index: 11; width: 450px; } div#TireSizeLayerContent div.TopStripe { padding: 0; height: 30px; } div#TireSizeLayerContent ul { text-align: left; padding: 10px 0; font-size: 12px; width: 350px; margin: 0 auto; background-color: #c3bfa0; } div#TireSizeLayerContent li span { font-weight: bold; } div#TireSizeLayerContent li { padding: 5px 15px; } div#TireSizeLayerContent div#TireSizeOk { text-align: center; margin-top: 15px; } /* ---------------- */ /* Product Information */ div#ProductContent { padding-bottom: 0px; color: #404040; width:600px; background-image: url("/assets/images/bkg/bkg-SearchResultsPage.gif");} div#ProductContent h1 {color:#363636; font-size:16px; font-weight:bold; line-height:1.9;} div#ProductContent h1 span {margin:5px 20px 0px 15px; width:1px; height:19px; background-color:#000; float:left; } div#ProductContent div.Info {background:none;} div#ProductContent div.Info span.pricing {font-weight:bold; font-size:11px; color:#363636;} div#ProductContent div.Info span.pricing span {display:block; font-weight:normal;} div#ProductContent div.Info span.pricing span.SalePrice {display:block; font-weight:bold; font-size: 11px;} div#ProductContent #stepImage { display: block; margin-bottom: 10px; } div#ProductContent ul.ProductIcons { display: inline; float: right; margin: 10px 15px 10px 0; clear: none; width:245px; } div#ProductContent dl.performanceRatings { display: block; float: none; margin: 10px 0 0 0; font-size: 11px; } div#ProductContent div#performanceRatingScale { text-align: left; margin: 5px 0 0 0; font-size: 10px; } div#ProductContent div#ProductDisplay { display: inline; float: left; width: 575px; margin: 20px 0 15px 0; border-bottom:1px solid #D9D9D9; } div#ProductContent div#ProductActions { display: inline; float: right; width: 220px; margin: 20px 13px 15px 0; } div#ProductContent div#AlternateImagesContent {display:inline; float:left; width:320px;} div#ProductContent div#ProductImages { display: inline; float: left; width: 302px;} div#ProductContent div#ProductImages a { display:block;} div#ProductContent div#ProductImages a#ZoomButton { margin: 10px 0px; } div#ProductContent div#ProductImages a.AlternateImage { display:inline; float:left; border: 1px solid #e0e0e0; margin-bottom: 20px; margin-right:5px; } div#ProductContent div#ProductDescription {display: inline; float: right; width: 242px; font-size: 11px;} div#ProductContent div#ProductDescription dl.topDesc {margin-bottom:10px; margin-top: 10px; width:100%; overflow:hidden;} div#ProductContent div#ProductDescription dl.topDesc dt {display:inline; float:left; font-weight:bold; margin:0px 5px 5px 0px;} div#ProductContent div#ProductDescription dl.topDesc dd {display:inline; float:left;} div#ProductContent div#ProductDescription dl.topDesc dd.clr {float:none; display:block;} div#ProductContent div#ProductDescription p { margin: 0 0 10px 0; padding: 0; font-size: 11px; } div#ProductContent div#ProductDescription a { font-size: 11px; } div#ProductContent div#ProductDescription p.ProductAwards { display: block; float: none; } div#ProductContent div#ProductDescription div#TechnicalSpecs {width: 100%; margin-top: 15px; padding-top: 15px; } div#ProductContent div#ProductActions h2 { padding: 10px 15px; background-color: #000; font-size: 16px; color: #ffe300; } div#ProductContent div#ProductActions div#AddToCartContent { background-color: #c3bfa0; } div#ProductContent div#ProductActions div#AddToCartContent p#StoreMessage { font-size: 11px; font-weight: bold; margin: 0; padding: 5px; background-color: #ffe300; } div#ProductContent div#ProductActions div#AddToCartContent p.Message { font-size: 10px; font-style: italic; margin-bottom: 0; } div#ProductContent div#ProductActions div#PricingContent { margin-top: 20px; padding: 0 0 15px; background-color: #c3bfa0; } div#ProductContent div#ProductActions div#PricingContent h2 { margin-bottom: 15px; } div#ProductContent div#ProductActions div#PricingContent h3 { font-size: 12px; font-weight: bold; margin-left: 15px; margin-right: 15px; } div#ProductContent div#ProductActions div#PricingContent p { margin: 10px 15px; padding: 0; font-size: 11px; } div#ProductContent div#ProductActions div#PricingContent p.Message { font-size: 10px; font-style: italic; margin-bottom: 0; } div#ProductContent div#ProductActions div#PricingContent .PricingFormItem { font-size: 11px; display: inline; float: left; margin: 0 5px 0 0; } div#ProductContent div#ProductActions div#PricingContent label.PricingFormItem { margin-top: 3px; margin-left: 15px;} div#ProductContent .submit {padding:20px 0px;} div#ProductContent span.ProductPagingInfo{ padding-top:10px; color:#8c8c8c; font-size:11px; } div#ProductContent div.HelpsExtend{ background:#f5e074; width:242px; padding:10px 0 10px 10px; } div#ProductContent div.ProductThumbnailList img{ width:58px; height:58px; border:solid 1px #d9d9d9; margin:10px 10px 10px 0; } div#ProductContent div.ProductThumbnailList{ border-bottom:solid 1px #d9d9d9; padding-bottom:5px; } div#ProductDescription ul li{ list-style-image:none; list-style-position:outside; background:#ffffff url("/assets/images/img/img-black-circle-bullet.gif") no-repeat 0px 2px; padding-left:8px; } div#ProductDescription .btnScheduleAnAppointment{ margin:20px 0; } div#ProductContent div#ProductDescription p.SourceSite{ font-size:9px; } div.ProductMoreInfo h2{ font-size:12px; color:#000000; margin:20px 0 10px 0; } /* Add to Cart Area */ div#ProductContent div#ProductActions div.EntryContainer { width: 200px; margin: 0px auto; padding: 10px 0; } div#ProductContent div#ProductActions div.EntryContainer h3 { font-size: 12px; font-weight: bold; padding: 0 5px 10px 5px; } div#ProductContent div#ProductActions div.EntryContainer .Button { display: inline; float: left; margin-left: 10px; } div#ProductContent div#ProductActions div.EntryContainer .FormEntry { margin-bottom: 5px; color: #000; border: 1px solid #c3bfa0; } div#ProductContent div#ProductActions div.EntryContainer .FormError { border: 1px solid red; } div#ProductContent div#ProductActions div.EntryContainer .FormExtraPadding { padding: 20px 0; } /* -------------------------- */ div#ProductContent div#FeaturesAndBenefits { margin-bottom: 20px; color:#000; } div#ProductContent div#FeaturesAndBenefits table th { text-align: left; width: 559px; margin: 0; padding: 0; background-color: #eeebce; font-size: 12px; line-height: 1; padding: 2px 0; } div#ProductContent div#FeaturesAndBenefits table td { vertical-align: top; font-size: 11px; text-align: left; border-bottom: 1px solid #d7d4ba; padding: 5px 0 5px 0px; background: #f5f3e7 url(../assets/images/bkg/bkg-bullet2.gif) no-repeat 0px 9px; } div#ProductContent div#FeaturesAndBenefits table td div { padding-left: 10px; } div#ProductContent div#FeaturesAndBenefits table td.Spacer, div#ProductContent div#FeaturesAndBenefits table th.Spacer { width: 15px; border: 0px; background-image: none; } div#ProductContent div#FeaturesAndBenefits table td.Last { border-bottom: 0px; } div#ProductContent div#SizesAndSpecs { background-color: #f5f3e7; width: 100%; margin-bottom: 20px; } div#ProductContent div#SizesAndSpecs h2 { font-size: 12px; font-weight: bold; line-height: 1; padding: 10px 15px; background-color: #f1eed4; color:#000000;} div#ProductContent div#SizesAndSpecs { padding-bottom: 20px; } div#ProductContent div#SizesAndSpecs tbody {height: auto;} div#ProductContent div#SizesAndSpecs table { margin: 30px auto 10px auto; width: 100%; padding: 0; font-weight: bold;background-color: #dddbc9;color:#000000; } div#ProductContent div#SizesAndSpecs th { background-color: #f0edd4; text-align: left; padding: 5px; vertical-align: bottom; font-size:9.5px; font-weight:bold;} div#ProductContent div#SizesAndSpecs td { background-color: #fff; text-align: left; padding: 5px 5px 15px 5px; vertical-align: top; font-size:9.5px;} div#ProductContent div#SizesAndSpecs a.js-ViewDetailedSpec{font-size:10px; text-transform:uppercase;font-weight:bold;} div#ProductContent div#SizesAndSpecs a{color:#000000;} div#ProductContent div#SizesAndSpecs table tr.OddRow td{background-color:#f5f3e7;} /* Detailed Spec Layer */ div#ProductDetailSpecsLayer { position: absolute; top: 0; left: 0; width: 685px; } div#ProductDetailSpecsLayerContent h2 { } div#ProductDetailSpecsLayerContent h2 img { display: inline; float: left;} div#ProductDetailSpecsLayerContent h2 span { display: inline; float: left; font-size: 16px; font-weight: bold; line-height: 1; color: #000; margin: 5px 0 0 15px; } div#ProductDetailSpecsLayerContent h3 { margin-top: 15px; background: #aca577; font-size: 12px; line-height: 1; padding: 5px 15px; font-weight: bold; color: #000; } div#ProductDetailSpecsLayerContent table {width: 100%; background-color: #c3bfa0; border: 15px solid #c3bfa0; border-top: 20px solid #c3bfa0; border-bottom: 20px solid #c3bfa0; } div#ProductDetailSpecsLayerContent table td { color: #000; font-size: 9px; background-color: #fff; vertical-align: top; text-align: left; padding: 5px 15px; } div#ProductDetailSpecsLayerContent table td.term { width: 240px; font-weight: bold; background-color: #aba577; padding: 5px; text-transform:uppercase;} /* ------------------------ */ /* SideWall Popup */ div#SidewallLayer { position: absolute; top: 0; left: 0; width: 400px; } div#SidewallLayerContent {} /* -------------------------- */ /* Product Compare Layer */ #ProductCompareLayer {display: block; z-index:11; position: absolute; top: 0; left: 0; width: auto; background-color:#fff; font-size: 87.5%; line-height: 1.1;} #ProductCompareLayer h1 span {display:inline; float:left;} #ProductCompareLayer h1 a {float:right; display:inline; margin-left:5px;} #ProductCompareLayer .PopupContent p {padding:10px 0px; margin:0px 0px 0px 165px; font-size:12px; color:#000;} #ProductCompareLayer .productContainer {color:#000; text-align:left;} #ProductCompareLayer .productContainer td {width: 150px; } #ProductCompareLayer .productContainer th {width:155px; padding-top:10px; color:#000; vertical-align:top; font-weight:bold; font-size:12px;} #ProductCompareLayer .productContainer th span {border-bottom:2px solid #fff; display:block; height:15px; margin-left:10px;} #ProductCompareLayer .productContainer td img {margin-bottom:5px;} #ProductCompareLayer .productContainer .compare th {height:185px;} #ProductCompareLayer .productContainer .compare th span {border:0px;} #ProductCompareLayer .productContainer th.performanceRatings {padding-left:10px; width:auto;} #ProductCompareLayer .productContainer .subAttribute th {height:20px; padding-top:5px;} #ProductCompareLayer .productContainer .subAttribute th span {margin-left:42px; border-width: 1px; text-transform:uppercase; font-size:9px;} #ProductCompareLayer .productContainer .productDescription span {border:0px; padding-top:25px;} #ProductCompareLayer .productContainer th span a.CMSContentPopup:link, #ProductCompareLayer .productContainer th span a.CMSContentPopup:visited, #ProductCompareLayer .productContainer th span a.CMSContentPopup:hover, #ProductCompareLayer .productContainer th span a.CMSContentPopup:active{padding-left:18px; background: transparent url(../assets/images/bkg/bkg-BrownQuestion.gif) no-repeat 0 0; color:#000; text-decoration:none; } #ProductCompareLayer .productContainer th .frontRear {margin-left:45px; text-align:right; padding-right:5px;} #ProductCompareLayer .productContainer .promotion th span, #ProductCompareLayer .productContainer .promotion td span {height:45px;} #ProductCompareLayer .productContainer .price th span, #ProductCompareLayer .productContainer .price td span{height:30px;} #ProductCompareLayer .productContainer td {padding-top:10px;} #ProductCompareLayer .productContainer td span {border-bottom:2px solid #cecaaf; display:block; min-height:15px; margin-left:10px; font-size:12px; font-weight:bold;} #ProductCompareLayer .productContainer td.removeBtn {height:35px; text-align:center;} #ProductCompareLayer .productContainer .compare td {text-align:center;} #ProductCompareLayer .productContainer td.prodName {vertical-align:top;} #ProductCompareLayer .productContainer td.prodName h3 a {padding:5px 0px 5px 10px; font-size:14px; font-weight:bold; color:#000; display:block;} #ProductCompareLayer .productContainer .subAttribute td {height:20px; padding-top:5px; } #ProductCompareLayer .productContainer .subAttribute td span {border-width: 1px; font-size:11px;} #ProductCompareLayer .productContainer .productDescription td span {font-weight:normal; height:auto; padding:5px 0px;} #ProductCompareLayer .productContainer .productDescription {vertical-align:top;} #ProductCompareLayer .productContainer .productDescription p {margin:0px; } /* --------------------- */ /* ------------------ */ /* Product Alternate Images Popup */ div#AlternateImagesLayer { position: absolute; top: 0; left: 0; width: 583px; z-index: 12; } div#AlternateImagesContent { width: 100%; } div#AlternateImagesContent .TopStripe { padding: 0; height: 30px; } div#AlternateImagesContent div#ImageLarge { } div#AlternateImagesContent div#ImageThumbs { padding:15px 0px; border-bottom: 1px solid #e0e0e0;} div#AlternateImagesContent div#ImageThumbs a {} div#AlternateImagesContent div#ImageThumbs a img {border: 1px solid #e0e0e0; } /* -------------------------- */ /* Email Subscription */ div#EmailSubscription p.IntroText { width: 640px; margin-bottom: 20px; } div#EmailSubscription div.ErrorNotification { width: 640px; } div#EmailSubscription div.FormArea { float:left; width:300px; position: relative; display: inline; } div#EmailSubscription div.ContentArea {float: left; width: 500px; position: relative; display: inline; padding-top: 15px; } div#EmailSubscription div.FormEntry div.RadioButtons { width: 100%; margin-top: 5px; } div#EmailSubscription div.FormEntry div label { display: inline; float: left; margin: 3px 15px 0 3px; } div#EmailSubscription div.FormEntry div input { display: inline; float: left; } div#EmailSubscription div.FormArea .Button { display: inline; float: left; margin-left: 15px;} /* ---------------------- */ /* Store Locator */ div.StoreLocatorNoResults { width: auto; margin: 0 0; padding-left: 20px; padding-right: 20px; background: url(../assets/images/bkg/bkg-StoreLocatorNoResults.jpg) no-repeat bottom right; } div#StoreLocatorContent .IntroText { width: 375px; } div#StoreLocatorContent #Search { margin: 20px 0; width: 100%; font-size: 11px;} div#StoreLocatorContent #Search h2 { font-weight: bold; margin-bottom: 5px; } div#StoreLocatorContent #Search input {display: inline; float: left;} div#StoreLocatorContent #Search label { display: inline; float: left; margin: 4px 20px 5px 2px;} div#StoreLocatorContent #Search .btn_t1 { margin-left: 10px;} div#StoreLocatorContent #Search p { padding: 0; margin-top: 15px; } div#StoreLocatorResults { display: inline; float: left; width: 440px; } div#StoreLocatorResults #ResultsMessage { display: block; background-color: #036; color: #fff; font-size: 11px; line-height: 1.25; padding: 10px 15px; } div#StoreLocatorResults #ResultsMessage p { margin: 0; padding: 0; } div#StoreLocatorResults div.ResultsEntry { padding: 20px 15px; line-height: 1.5; } div#StoreLocatorResults div.Color1 { background-color: #fff; } div#StoreLocatorResults div.Color2 { background-color: #e0e0e0; } div#StoreLocatorResults h3.storeType { font-size: 11px; margin: 3px 0px 8px 0; line-height: 1; } div#StoreLocatorResults .storeInformation { display: inline; float: left; width: 365px; margin-left: 15px; } div#StoreLocatorResults .StoreInfo { display: inline; float: left; width: 125px; font-size: 11px; } div#StoreLocatorResults .StoreHours { display: inline; float: left; width: 120px; margin: 0 15px; } div#StoreLocatorResults .StoreActions { display: inline; float: left; width: 90px; } div#StoreLocatorResults .storeInformation h3, div#StoreLocatorResults .StoreHours span { color: #369; font-weight: bold; } div#StoreLocatorResults .storeInformation h3 a { text-decoration: none; } div#StoreLocatorResults .StoreActions span { display: block; font-size: 11px; } div#StoreLocatorResults .isScheduleAnAppointment { margin-bottom: 5px; } div#StoreLocatorResults .isMyStore { font-weight: bold; color: #000; background-color: #ffe300; margin: 10px 0 0; padding: 5px; line-height: 1; } div#StoreLocatorResults .StoreActions a {text-decoration: underline; color: #369; } div#StoreLocatorMapAndEvents { display: inline; float: right; width: 380px; } div#StoreLocatorMapAndEvents .GoogleMap { width: 100%; height: 510px; } div#StoreLocatorMapAndEvents #StoreEventsHeader { position: relative; height: 87px; display: none; } div#StoreLocatorMapAndEvents #StoreEventsHeader div { height: 87px; width: 100%; background: url(../assets/images/bkg/bkg-StoreEventsHeader.jpg) no-repeat top right; } div#StoreLocatorMapAndEvents #StoreEventsHeader img { position: absolute; top: 70px; left: 0; z-index: 2; } div#StoreLocatorMapAndEvents .StoreEventContent { font-size: 11px; border-top: 1px solid #e0e0e0; } div#StoreLocatorMapAndEvents .StoreEventContent .StoreEventEntry { padding: 20px 0; line-height: 1.5; } div#StoreLocatorMapAndEvents .StoreEventContent .StoreEventEntry h3 { color: #369; font-weight: bold; } /* --------------------- */ /* Store Locator Popup layer */ div#StoreLocatorPopup {width:585px; position:absolute; z-index:10;} div#StoreLocatorPopup h1 span {display:inline; float:left;} div#StoreLocatorPopup h1 a {display:inline; float:right;} div#StoreLocatorPopup h2 {font-size:11px; color:#000; font-weight:normal; margin-bottom: 5px; } div#StoreLocatorPopup p {margin:0px; font-size:11px; margin-bottom:5px;} div#StoreLocatorPopup .cityStateZip {width:216px; vertical-align: middle; margin-right:5px;} div#StoreLocatorPopup .btn_t1 {vertical-align: middle;} div#StoreLocatorPopup .resultsMessage { margin: 0; color: #000; } div#StoreLocatorPopup div.content {height: 300px; overflow-y:auto; overflow-x:hidden} div#StoreLocatorPopup .storeResults, div#StoreLocatorPopup form#saveStore { margin-top: 15px; } div#StoreLocatorPopup table { width:100% } div#StoreLocatorPopup table th {background-color: #004591; height:27px; color: #fff; text-transform:uppercase; font-weight:bold; font-size:11px; text-align:left;} div#StoreLocatorPopup table .store { text-align: left; width:150px;} div#StoreLocatorPopup table .store .padding { padding-left: 25px; } div#StoreLocatorPopup table .manager .padding { padding-right: 25px; } div#StoreLocatorPopup table .location {text-align:left; width:235px; } div#StoreLocatorPopup table th.store { border-left: 2px solid #004591; } div#StoreLocatorPopup table th.manager { border-right: 2px solid #004591; } div#StoreLocatorPopup table td.store { border-left: 2px solid #b3ac80; } div#StoreLocatorPopup table td.manager { border-right: 2px solid #b3ac80; } div#StoreLocatorPopup table td {background: #dad7c4; border-top:2px solid #b3ac80; border-bottom:2px solid #b3ac80; vertical-align:top; padding:15px 0px; font-size:11px; line-height:1.5; color:#000;} div#StoreLocatorPopup table .padding { padding: 0 10px; } div#StoreLocatorPopup table td.spacer {height:2px; background-color:#fff; border:0px; padding:0px;} div#StoreLocatorPopup table td strong {padding:0px;} div#StoreLocatorPopup table tr.hover td {background-color:#ffee66; cursor:pointer;} div#StoreLocatorPopup table tr.selected td {background-color:#fee600; border-color:#000;} div#StoreLocatorPopup table tr.selected td.store {background: #fee600 url(../assets/images/bkg/bkg-store-locator-leftarrow.gif) no-repeat 0 50%; } div#StoreLocatorPopup table tr.selected td.manager {background: #fee600 url(../assets/images/bkg/bkg-store-locator-rightarrow.gif) no-repeat 100% 50%; } div#StoreLocatorPopup .buttons-container {text-align:center; margin-top: 15px;} /* ----------------------- */ /* Contact Us */ div#ContactUs p.IntroText { margin-bottom: 15px; } div#ContactUs div.FormArea { width: 500px; } div#ContactUs input.Button { margin-left: 5px; } div#ContactUs #AppointmentLocation p { margin: 5px 0 0; } div#ContactUs #storeLocationUnknown p { margin: 0 0 5px 0; } div#ContactUs .inputField { display: inline; float: left; width: 185px; margin-right: 5px; } /* ------------ */ /* Content Pages*/ div#ContentPageSection { background-color: #fff; padding-left: 15px; } div#ContentPageSection a { color: #369; } div#ContentPageSection h1 { font-size: 28px; font-weight: normal; color: #953501; margin-bottom:20px;} div#ContentPageSection h1 img { } div#ContentPageSection h1 span.clr { display: block; } div#ContentPageSection h1 a#PrintPage { display: inline; float: right; margin: 5px 20px 0 0;} div#ContentPageSection div#ContentContent { width: 580px; min-height:50px; height:auto !important; height:50px; padding: 135px 0 20px 0; border-bottom: 1px solid #e0e0e0; color: #666; } div#ContentPageSection p { font-size: 11px; line-height: 1.5; margin: 0; padding: 0; width: 580px;} div#ContentPageSection div.SectionPageNav { border-bottom: 0px; padding: 20px 0; width: 580px; } div#ContentPageSection div.SectionPageNav a, div#ContentPageSection div.SectionPageNav img.Divider { display: inline; float: left; margin: 0 30px 10px 0; font-size: 16px; color: #404040; } div#ContentPageNonSection p { font-size: 11px; margin-bottom:10px; } div#ContentPageNonSection h2 {font-size:11px; font-weight:bold;} div#ContentPageNonSection h1 {margin-bottom:15px;} div#ContentPageSection .ContentPageSectionGroup{ width:500px; } div#ContentPageSection .imgTiresMadeEasy{ margin:110px 50px 0 30px; visibility: hidden; } /* --------------------- */ /* Profile Main Page */ div#MyProfileContent div.CMSContent { display: inline; float: right; width: 265px; margin-top: 20px; } div#MyProfileContent div.Content { display: inline; float: left; width: 560px; margin-top: 20px; } div#MyProfileContent .IntroText { margin: 0 0 40px 0; } div#MyProfileContent h2 a { font-size: 13px; color: #003399; margin-bottom: 0; padding-right: 15px; background: url(../assets/images/bkg/bkg-GreenArrow.gif) no-repeat right; } div#MyProfileContent p { font-size: 11px; margin: 5px 0 20px 0; padding: 0; } /* ----------------- */ /* Email Preferences */ div#EmailPreferencesContent .IntroText { margin-bottom: 20px; } div#EmailPreferencesContent div#EmailPreferenceArea { border: 2px solid #c3bfa0; background: url(../assets/images/bkg/bkg-EmailPreferences.gif) repeat-y 100% 0%; } div#EmailPreferencesContent div#PrivacyNotice { font-size: 11px; display: inline; float: right; width: 270px; margin: 80px 15px 0 0; } div#EmailPreferencesContent div#PrivacyNotice h3 { font-weight: bold; margin: 0 0 5px 0; padding: 0; } div#EmailPreferencesContent div.FormArea { width: 295px; display: inline; float: left; margin: 10px 0 15px 10px; } div#EmailPreferencesContent label { display: inline; float: left; font-weight: normal; margin: 3px 0 0 5px; } div#EmailPreferencesContent input.Checkbox { display: inline; float: left; } div#EmailPreferencesContent input#ButtonSavePreferences { display: block; margin-top: 15px; } /* -------------- */ /* Personal Information */ div#PersonalInfoContent p.IntroText { margin-bottom: 20px; } div#PersonalInfoContent div#PersonalInfoArea { border: 2px solid #c3bfa0; background: url(../assets/images/bkg/bkg-EmailPreferences.gif) repeat-y 100% 0%; } div#PersonalInfoContent div#PrivacyNotice { font-size: 11px; display: inline; float: right; width: 270px; margin: 80px 15px 0 0; } div#PersonalInfoContent div#PrivacyNotice h3 { font-weight: bold; margin: 0 0 5px 0; padding: 0; font-size:11px; } div#CheckoutPersonalInfoContent div#emailTip { font-size: 10px; display: inline; float: right; width: 240px; margin: -30px 15px 10px 0; } div#CheckoutPersonalInfoContent div#PrivacyNotice { font-size: 10px; display: inline; float: right; width: 240px; margin: 20px 15px 0 0; } div#CheckoutPersonalInfoContent div#PrivacyNotice h3 { font-weight: bold; margin: 0 0 5px 0; padding: 0; } div#PersonalInfoContent div.FormArea { width: 295px; display: inline; float: left; margin: 10px 0 15px 10px; } div#PersonalInfoContent .ButtonUpdatePersonalInfo { display: inline; float: left; margin: 15px 10px 0 0; } div#PersonalInfoContent div.FormEntry a { display: inline; float: left; margin-left: 15px; } /* -------------- */ /* Email and Password Changing Styles */ div#ChangeEmailPassContent h1 { margin-bottom: 20px; } div#ChangeEmailPassContent span#ReturnLink { display: block; font-size: 11px; margin-top: 20px; } div#ChangeEmailPassContent div#ChangeEmailPassArea { border: 2px solid #c3bfa0; background: url(../assets/images/bkg/bkg-EmailPreferences.gif) repeat-y 100% 0%; } div#ChangeEmailPassContent div#ChangeEmail { display: inline; float: left; width: 305px; } div#ChangeEmailPassContent div#ChangeEmail div.FormArea { width: 285px; margin: 0 auto 15px auto; } div#ChangeEmailPassContent div#ChangePassword { display: inline; float: right; width: 300px;} div#ChangeEmailPassContent div#ChangePassword div.FormArea { width: 280px; margin: 0 auto 15px auto; } div#ChangeEmailPassContent div#ChangePassword div.FormEntry { border: 1px solid #f1f0e8; } div#ChangeEmailPassContent div#ChangePassword div.FormError { border: 1px solid red; } div#ChangeEmailPassContent h2 { font-size: 12px; font-weight: bold; background-color: #c3bfa0; line-height: 1; padding: 10px 15px; color: #000; margin-bottom: 15px;} div#ChangeEmailPassContent .ButtonChangeEmailPass { display: inline; float: left; margin: 0 10px 0 5px; } /* -------------- */ /* Login or Register Page */ div#LoginRegisterContent h1 { margin-bottom: 20px; } div#LoginRegisterContent div#LoginArea { width: 275px; display: inline; float: left; } div#LoginRegisterContent span#LoginSeparator { display: inline; float: left; width: 40px; margin-top: 50px; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; } div#LoginRegisterContent div#RegisterArea { width: 325px; display: inline; float: left; } div#LoginRegisterContent div#SideNote { width: 185px; display: inline; float: left; margin: 140px 0 0 15px; } div#LoginRegisterContent div#SideNote h3 { font-size: 12px; } div#LoginRegisterContent div#SideNote li { font-size: 11px; background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 4px; margin-top: 5px; padding-left: 10px; } div#LoginRegisterContent div#SideNote span#SideNotPrivacty { display: block; margin-top: 10px; font-size: 11px; } div#LoginRegisterContent div#LoginArea div.Content, div#LoginRegisterContent div#RegisterArea div.Content { border: 2px solid #c3bfa0; } div#LoginRegisterContent h2 { font-size: 12px; font-weight: bold; color: #000; padding: 10px 15px; line-height: 1; background-color: #c3bfa0; } div#LoginRegisterContent div.ErrorNotification, div#LoginRegisterContent div.InformationNotification { margin-bottom: 10px; } div#LoginRegisterContent div.ContentPadding { padding: 10px 15px; } div#LoginRegisterContent p.IntroText { margin-top: 0; margin-bottom: 10px; } /* ---------------------- */ /* Popup Windows */ div#ForgotPasswordContent div.TopStripe, div#RememberMeContent div.TopStripe { padding: 0; height: 30px; } /* ---------------------- */ /* Logout */ div#LogoutContent h1 { margin-bottom: 20px; } /* ---------- */ /* Reset Password */ div#ResetPasswordContent p.IntroText { margin-bottom: 20px; } div#ResetPasswordContent div.FormArea { width: 600px; } div#ResetPasswordContent .Button { display: block; padding: 5px 0 0 5px; } /* ------------- */ /* Sitemap */ div#SiteMapContent div#ResultsArea { padding: 15px 0; border: 2px solid #c3bfa0; margin-top: 10px; } div#SiteMapContent ul { display: inline; float: left; width: 150px; font-size: 11px; border-left:1px solid #c3bfa0; margin-bottom:10px; } div#SiteMapContent ul.first {border:0px;} div#SiteMapContent li { list-style-position: outside; color: #666; padding: 0 0 10px 10px; margin: 0; } div#SiteMapContent li a { color: #666; } /* ------------- */ /* Checkout Specfic */ div.ContentTypeCheckout { padding-top: 15px; } div.ContentTypeCheckout .checkoutRequiredText { margin: 2px 0; font-size: 11px; } div.ContentTypeCheckout h1 { margin-bottom: 0; line-height:24px; } div.ContentTypeCheckout h2 { background-color: #c3bfa0; color: #000; font-size: 12px; font-weight: bold; line-height: 37px; padding: 0 13px; margin-bottom: 10px; } div.ContentTypeCheckout .profile h2 { background-color: #ffffff; color: #000; font-size: 12px; font-weight: bold; line-height: 1; padding: 5px 13px; margin-bottom: 0px; border-top:1px solid #C3BFA0;} div.ContentTypeCheckout div#ColumnLeft { display: inline; float: left; width: 532px; margin: 5px 0 0 0; } div.ContentTypeCheckout div#ColumnRight { display: inline; float: right; width: 289px; margin: 5px 0 0 0; } div.ContentTypeCheckout div.ColumnInner { border: 2px solid #c3bfa0; margin-top:20px; padding-bottom:10px;} div.ContentTypeCheckout div#ColumnRight div.ColumnInner { background-color: #f1f0e8; margin-bottom: 20px; } div.ContentTypeCheckout div#ColumnRight div.FormEntry { border: 1px solid #f1f0e8; } div.ContentTypeCheckout div#ColumnRight div.FormError { border: 1px solid red; } div.ContentTypeCheckout div.FormArea { padding: 0 7px; } div.ContentTypeCheckout div.ColumnInner p.IntroText { font-size: 12px; margin: 0; padding: 0px 13px 0px;} div.ContentTypeCheckout div#ColumnRight div#OrderTotalsArea { margin-bottom: 0px; } div.ContentTypeCheckout div.OrderTotals h2 { margin: 0; } div.ContentTypeCheckout div.ButtonsArea { width: 100%; } div.ContentTypeCheckout div.ButtonsArea .Button { display: inline; float: left; margin: 0 7px 15px 13px; } /* Basket Page */ div#BasketContentEmpty a#ContinueShopping { padding-right: 8px; background: url(../assets/images/bkg/bkg-ArrowSmall1.gif) no-repeat 100% 50%; } div#BasketContentEmpty #EmptyBasketCMS { margin-top: 20px; } div#BasketContentEmpty div.InformationNotification { margin: 20px 0 0 0; } div#BasketContent a#ScheduleAppointmentButtonTop { display: inline; float: right; margin: 10px 0 0 0; } div#BasketContent img#ScheduleAppointmentButtonTop { display: inline; float: right; margin: 10px 0 0 0; } div#BasketContent div#BasketText { display: inline; float: left; width: 380px; margin: 20px 0 0 0; } div#BasketContent div#CMSContent1 { display: inline; float: right; margin: 20px 0 0 0; } div#BasketContent p.IntroText { margin: 0 0 20px 0; } div#BasketContent div.HelpInformation { margin: 0; } div#BasketContent div.ErrorNotification span { display: block; padding: 5px 0 0 15px; } div#BasketContent table#BasketItems { color: #000; width: 100%; margin: 10px 0 0 0; /* background: url(../assets/images/bkg/bkg-BasketTable.gif) repeat-y 100% 100%; */ } div#BasketContent table#BasketItems th { font-size: 12px; font-weight: bold; padding: 10px 15px 10px !important; text-align: left; background-color: #c3bfa0; color: #000; } div#BasketContent table#BasketItems .divider { width: 15px; } div#BasketContent table#BasketItems td { text-align: left; vertical-align: top; padding: 15px 0 0 0; } div#BasketContent table#BasketItems td.Title { background-color: #f3f2ed; text-transform:uppercase; padding: 0 0 0 15px; height: 30px; font-weight: bold; font-size: 12px; color: #000; } div#BasketContent table#BasketItems td.Title span { display: block; margin-top: 10px; } div#BasketContent table#BasketItems .ItemPrice { width: 80px; font-size: 11px; } div#BasketContent table#BasketItems .Qty {font-size: 11px; } div#BasketContent table#BasketItems .Qty span { display: block; margin-top: 5px;} div#BasketContent table#BasketItems .TotalPrice { width: 65px; font-size: 14px; font-weight: bold; } div#BasketContent table#BasketItems td.TotalPrice { text-align: right;} div#BasketContent table#BasketItems img.ItemImage { display: inline; float: left; } div#BasketContent table#BasketItems img.ItemImageNonTire { display: inline; float: left; margin: 0 0 5px 45px; } div#BasketContent table#BasketItems div.ItemInformation { display: inline; float: left; width: 120px; padding-bottom:10px; } div#BasketContent table#BasketItems div.ItemInformation span.icon { display: inline; float: left; margin: 5px 5px 0 0; } div#BasketContent table#BasketItems div.ItemInformation h2 { width: 150px;font-size: 12px; color: #044996; font-weight: bold; margin-bottom:8px; } div#BasketContent table#BasketItems div.ItemInformation h2 a {color: #044996; text-decoration: none; } div#BasketContent table#BasketItems div.ItemInformation dt { font-weight: normal; display: inline; float: left; margin-right: 15px; margin-bottom: 8px; } div#BasketContent table#BasketItems div.ItemInformation dl { font-size: 11px; margin: 1px 0 3px 0; padding: 0; width: 200px; } div#BasketContent table#BasketItems div.ItemInformation span {display:block; margin-bottom:3px; font-size:12px;} div#BasketContent table#BasketItems .ItemInformation p { font-size: 11px; margin: 5px 0 0 0; padding: 0; } div#BasketContent table#BasketItems div.ItemInformation span.ErrorText, div#BasketContent table#BasketItems .ItemInformation span.InformationText { display: block; margin-top: 5px; } /* div#BasketContent div#BasketTotalsArea { border-left: 2px solid #c3bfa0; border-right: 2px solid #c3bfa0; } */ div#BasketContent div#BasketTotalsArea div.OrderTotals h2 { display: none; } div#BasketContent div#BasketTotalsArea div#BasketScheduleContent { color: #000; text-align: right; background-color: #c3bfa0; padding: 15px; font-size: 11px; } div#BasketContent div#BasketTotalsArea table.BasketCheckoutOptions { display: inline; float: right; margin-bottom: 10px; } div#BasketContent div#BasketTotalsArea table.BasketCheckoutOptions td { text-align: left; padding-left: 5px; } div#BasketContent div#BasketTotalsArea table.BasketCheckoutOptions label { float: none; margin: 0;} div#BasketContent div#BasketTotalsArea div#ScheduleButtonArea { width: 100%; border-top: 2px solid #f1f0e8; padding-top: 10px; text-align:right; } div#BasketContent div#BasketTotalsArea div#BasketScheduleContent span { display: inline; float: right; margin: 5px 10px 0 0; } div#BasketContent div#BasketTotalsArea div.columnOne { display: inline; float: left; } div#BasketContent div#BasketTotalsArea div.columnTwo { display: inline; float: right; } div#BasketContent div#BasketTotalsArea div.columnTwo form { width: 100%; margin: 5px 0 0 0; } div#BasketContent div#BasketTotalsArea div.columnTwo form .inputField { display: inline; float: left; width: 185px; margin-right: 5px; } div#BasketContent div#BasketTotalsArea div.OrderTotals { width: 100%; } div#BasketContent div#BasketTotalsArea div.OrderTotals div.Entry { text-align: right; width: 100%; margin-left: 0; background: #fff; font-weight:bold; } div#BasketContent div#BasketTotalsArea div.OrderTotals .Entry .Item { width: 160px; } div#BasketContent div#AdditionalServices { margin-top: 20px; background-color: #c3bfa0; color: #000; } div#BasketContent div#AdditionalServices h3 { font-size: 1.2em; line-height: 1; padding: 5px 15px; font-weight: bold; background-color: #000; color: #fff; border-bottom: 1px solid #ffe300; } div#BasketContent div#AdditionalServices p { font-size: 1.1em; padding: 5px 48px; margin: 0; } div#BasketContent div#AdditionalServices div#AdditionalServicesCollection { width: 810px; margin: 0 auto; padding-bottom: 20px; } div#BasketContent div#AdditionalServices div#ButtonNext { display: inline; float: right; width: 18px; margin-top: 25px; } div#BasketContent div#AdditionalServices div#ButtonPrevious { display: inline; float: left; width: 18px; margin-top: 25px; } div#BasketContent div#AdditionalServices div#AdditionalServicesViewPort { display: inline; float: left; margin-left: 15px; position: relative; height: 130px; width: 744px; overflow: hidden; } div#BasketContent div#AdditionalServices div#AdditionalServicesContent { position: absolute; top: 0px; left: 0px; } div#BasketContent div#AdditionalServices div.Entry { display: inline; float: left; width: 248px; background: url(../assets/images/bkg/bkg-AdditionalServiceEntry.gif) repeat-y 0px 0px; height: 130px; overflow: hidden; } div#BasketContent div#AdditionalServices img.AdditionalServiceImage {display: inline; float: left; margin: 10px 0 0 10px; } div#BasketContent div#AdditionalServices div.AdditionServiceContent {display: inline; float: right; width: 130px; margin: 15px 0 5px 0; height: 110px; overflow: auto; } div#BasketContent div#AdditionalServices div.AdditionServiceContent h3 { font-size: 12px; font-weight: bold; border: 0px; background: none; color: #000; margin: 0; padding: 0; } div#BasketContent div#AdditionalServices div.AdditionServiceContent span { display: block; font-size: 11px; margin-top: 5px;} div#BasketContent div#AdditionalServices div.AdditionServiceContent p { padding: 0; margin: 5px 0 0 0; } div#BasketContent div.tc2 { padding: 0px; margin: 3px;} /* Basket Page Empty */ div#BasketContentEmpty a#ContinueShopping { padding-right: 8px; background: url(../assets/images/bkg/bkg-ArrowSmall1.gif) no-repeat 100% 50%; } div#BasketContentEmpty #EmptyBasketCMS { margin-top: 20px; } div#BasketContentEmpty div.InformationNotification { margin: 20px 0 0 0; } div#BasketContentEmpty a#ScheduleAppointmentButtonTop { display: inline; float: right; margin: 10px 0 0 0; } div#BasketContentEmpty img#ScheduleAppointmentButtonTop { display: inline; float: right; margin: 10px 0 0 0; } div#BasketContentEmpty div#BasketText { display: inline; float: left; width: 380px; margin: 20px 0 0 0; } div#BasketContentEmpty div#CMSContent1 { display: inline; float: right; margin: 20px 0 0 0; } div#BasketContentEmpty p.IntroText { margin: 0 0 20px 0; } div#BasketContentEmpty div.HelpInformation { margin: 0; } div#BasketContentEmpty div.ErrorNotification span { display: block; padding: 5px 0 0 15px; } div#BasketContentEmpty table#BasketItems { color: #000; width: 100%; margin: 0; /* background: url(../assets/images/bkg/bkg-BasketTable.gif) repeat-y 100% 100%; */ } div#BasketContentEmpty table#BasketItems th { font-size: 12px; font-weight: bold; padding: 10px 15px 10px !important; text-align: left; background-color: #c3bfa0; color: #000; } div#BasketContentEmpty table#BasketItems .divider { width: 15px; } div#BasketContentEmpty table#BasketItems td { text-align: left; vertical-align: top; padding: 15px 0 0 0; } div#BasketContentEmpty table#BasketItems td.Title { background-color: #f3f2ed; text-transform:uppercase; padding: 0 0 0 15px; height: 30px; font-weight: bold; font-size: 12px; color: #000; } div#BasketContentEmpty table#BasketItems td.Title span { display: block; margin-top: 10px; } div#BasketContentEmpty table#BasketItems .ItemPrice { width: 80px; font-size: 11px; } div#BasketContentEmpty table#BasketItems .Qty {font-size: 11px; } div#BasketContentEmpty table#BasketItems .Qty span { display: block; margin-top: 5px;} div#BasketContentEmpty table#BasketItems .TotalPrice { width: 65px; font-size: 14px; font-weight: bold; } div#BasketContentEmpty table#BasketItems td.TotalPrice { text-align: right;} div#BasketContentEmpty table#BasketItems img.ItemImage { display: inline; float: left; } div#BasketContentEmpty table#BasketItems img.ItemImageNonTire { display: inline; float: left; margin: 0 0 5px 45px; } div#BasketContentEmpty table#BasketItems div.ItemInformation { display: inline; float: left; width: 120px; padding-bottom:10px; } div#BasketContentEmpty table#BasketItems div.ItemInformation span.icon { display: inline; float: left; margin: 5px 5px 0 0; } div#BasketContentEmpty table#BasketItems div.ItemInformation h2 { width: 150px;font-size: 12px; color: #044996; font-weight: bold; margin-bottom:8px; } div#BasketContentEmpty table#BasketItems div.ItemInformation h2 a {color: #044996; text-decoration: none; } div#BasketContentEmpty table#BasketItems div.ItemInformation dt { font-weight: normal; display: inline; float: left; margin-right: 15px; margin-bottom: 8px; } div#BasketContentEmpty table#BasketItems div.ItemInformation dl { font-size: 11px; margin: 1px 0 3px 0; padding: 0; width: 200px; } div#BasketContentEmpty table#BasketItems div.ItemInformation span {display:block; margin-bottom:3px; font-size:12px;} div#BasketContentEmpty table#BasketItems .ItemInformation p { font-size: 11px; margin: 5px 0 0 0; padding: 0; } div#BasketContentEmpty table#BasketItems div.ItemInformation span.ErrorText, div#BasketContentEmpty table#BasketItems .ItemInformation span.InformationText { display: block; margin-top: 5px; } /* div#BasketContentEmpty div#BasketTotalsArea { border-left: 2px solid #c3bfa0; border-right: 2px solid #c3bfa0; } */ div#BasketContentEmpty div#BasketTotalsArea div.OrderTotals h2 { display: none; } div#BasketContentEmpty div#BasketTotalsArea div#BasketScheduleContent { color: #000; text-align: right; background-color: #c3bfa0; padding: 15px; font-size: 11px; } div#BasketContentEmpty div#BasketTotalsArea table.BasketCheckoutOptions { display: inline; float: right; margin-bottom: 10px; } div#BasketContentEmpty div#BasketTotalsArea table.BasketCheckoutOptions td { text-align: left; padding-left: 5px; } div#BasketContentEmpty div#BasketTotalsArea table.BasketCheckoutOptions label { float: none; margin: 0;} div#BasketContentEmpty div#BasketTotalsArea div#ScheduleButtonArea { width: 100%; border-top: 2px solid #f1f0e8; padding-top: 10px; text-align:right; } div#BasketContentEmpty div#BasketTotalsArea div#BasketScheduleContent span { display: inline; float: right; margin: 5px 10px 0 0; } div#BasketContentEmpty div#BasketTotalsArea div.columnOne { display: inline; float: left; } div#BasketContentEmpty div#BasketTotalsArea div.columnTwo { display: inline; float: right; } div#BasketContentEmpty div#BasketTotalsArea div.columnTwo form { width: 100%; margin: 5px 0 0 0; } div#BasketContentEmpty div#BasketTotalsArea div.columnTwo form .inputField { display: inline; float: left; width: 185px; margin-right: 5px; } div#BasketContentEmpty div#BasketTotalsArea div.OrderTotals { width: 100%; } div#BasketContentEmpty div#BasketTotalsArea div.OrderTotals div.Entry { text-align: right; width: 100%; margin-left: 0; background: #fff; font-weight:bold; } div#BasketContentEmpty div#BasketTotalsArea div.OrderTotals .Entry .Item { width: 225px; } div#BasketContentEmpty div#AdditionalServices { margin-top: 20px; background-color: #c3bfa0; color: #000; } div#BasketContentEmpty div#AdditionalServices h3 { font-size: 1.2em; line-height: 1; padding: 5px 15px; font-weight: bold; background-color: #000; color: #fff; border-bottom: 1px solid #ffe300; } div#BasketContentEmpty div#AdditionalServices p { font-size: 1.1em; padding: 5px 48px; margin: 0; } div#BasketContentEmpty div#AdditionalServices div#AdditionalServicesCollection { width: 810px; margin: 0 auto; padding-bottom: 20px; } div#BasketContentEmpty div#AdditionalServices div#ButtonNext { display: inline; float: right; width: 18px; margin-top: 25px; } div#BasketContentEmpty div#AdditionalServices div#ButtonPrevious { display: inline; float: left; width: 18px; margin-top: 25px; } div#BasketContentEmpty div#AdditionalServices div#AdditionalServicesViewPort { display: inline; float: left; margin-left: 15px; position: relative; height: 130px; width: 744px; overflow: hidden; } div#BasketContentEmpty div#AdditionalServices div#AdditionalServicesContent { position: absolute; top: 0px; left: 0px; } div#BasketContentEmpty div#AdditionalServices div.Entry { display: inline; float: left; width: 248px; background: url(../assets/images/bkg/bkg-AdditionalServiceEntry.gif) repeat-y 0px 0px; height: 130px; overflow: hidden; } div#BasketContentEmpty div#AdditionalServices img.AdditionalServiceImage {display: inline; float: left; margin: 10px 0 0 10px; } div#BasketContentEmpty div#AdditionalServices div.AdditionServiceContent {display: inline; float: right; width: 130px; margin: 15px 0 5px 0; height: 110px; overflow: auto; } div#BasketContentEmpty div#AdditionalServices div.AdditionServiceContent h3 { font-size: 12px; font-weight: bold; border: 0px; background: none; color: #000; margin: 0; padding: 0; } div#BasketContentEmpty div#AdditionalServices div.AdditionServiceContent span { display: block; font-size: 11px; margin-top: 5px;} div#BasketContentEmpty div#AdditionalServices div.AdditionServiceContent p { padding: 0; margin: 5px 0 0 0; } div#BasketContentEmpty div.tc2 { padding: 0px; margin: 3px;} /* Basket Store Locator */ div#BasketContent .basketStoreLocator { font-size: 11px; padding: 5px; border-bottom: 1px solid #C3BFA0; background-color: #f1f0e8; } div#BasketContent .basketStoreLocator p { margin: 0; padding: 0; } /* ------------ */ /* Promotion Code Entry Styles */ #BasketContent .promoError { margin: 0px; } #BasketContent .enterPromo input { display: inline; float:right; margin: 5px 10px 0 0; } #BasketContent .promoResults { margin: 0; padding: 0; font-size: 11px; } #BasketContent .enterPromo {background-color: #f3f2ec; border-top: 2px solid #c3bfa0; border-bottom: 2px solid #c3bfa0; padding: 10px; font-size: 12px;margin-bottom: 10px;} #BasketContent .enterPromo img {float:right;} #BasketContent .promoText {line-height:2.25;} /* ------------------------ */ /* ------------------------ */ /* Update Qty Layer */ div#UpdateQtyLayer { display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 300px; } div#UpdateQtyLayerContent div.TopStripe { height: 30px; padding: 0; } div#UpdateQtyLayerContent .ButtonInline { display: inline; float: left; margin-left: 15px; } div#UpdateQtyLayerContent label { line-height: 1; } div#UpdateQtyLayerContent span.SizeText { line-height: 1; display: block; margin-bottom: 5px; } /* -------------- */ /* Personal Information (Checkout) */ div#CheckoutPersonalInfoContent {} /* --------------------- */ /* Tire Consultation */ #TireConsultationContent .IntroText p { margin:0; } #TireConsultationContent .actionArea { padding: 0; margin: 15px 0 0; } #TireConsultationContent .inputField { display: inline; float: left; margin-right: 10px; } #TireConsultationContent #storeLocationUnknown p { margin: 0 0 5px 0; } /* -------------------- */ /* Reserve An Appointment */ #ReserveAppointmentContent .ColumnInner .IntroText {font-size:11px; color:#000; margin:0;width:auto;} #ReserveAppointmentContent .IntroText { margin: 0 0 15px 0; padding: 0; font-size:11px; width: 532px; } #ReserveAppointmentContent .HelpInformation { margin-top: 0; } #ReserveAppointmentContent .InfoLeft{float:left; width: 532px; } #ReserveAppointmentContent .InfoRight{float:right; width:289px;} #ReserveAppointmentContent .ErrorNotificationVehicle { margin-bottom: 0; } div#ReserveAppointmentContent div#ColumnLeft h3 { font-size: 12px; font-weight: bold; padding: 5px; } div#ReserveAppointmentContent a#DatePicker, #TireConsultationContent a#DatePicker { display: inline; float: left; margin-left: 10px;} div#ReserveAppointmentContent div#AppointmentDateEntry { position: relative; } div#ReserveAppointmentContent div#ColumnLeft div.HelpInformation { position: absolute; top: 10px; right: 75px; width: auto; font-size: 10px; margin: 0; padding: 0; } div#ReserveAppointmentContent div#VehicleInformationKnown { display: none; } div#ReserveAppointmentContent #AppointmentLocation p, #TireConsultationContent #AppointmentLocation p, div#ReserveAppointmentContent div#VehicleInformationKnown p { margin: 5px 0 0; } div#ReserveAppointmentContent div#FormSearchByVehicle { display: none; } div#ReserveAppointmentContent div#FormSearchByVehicle .ErrorNotification { padding: 0 5px; width:auto; } div#ReserveAppointmentContent span#CallAppointmentLabel { display: block; font-weight: bold; margin-bottom: 5px; } div#ReserveAppointmentContent div#ColumnRight div.ColumnInner { margin-bottom: 15px; } div#ReserveAppointmentContent div.ButtonsArea { margin-bottom: 15px; } div#ReserveAppointmentContent div.ButtonsAreaBottom { margin-bottom: 0px; } div#ReserveAppointmentContent div.ButtonsArea .Button { margin: 0 0 0 20px; float: right; } div#ReserveAppointmentContent #storeLocationUnknown p { margin: 0 0 5px 0; } div#ReserveAppointmentContent #storeLocationUnknown .inputField { display: inline; float: left; width: 185px; margin-right: 5px; } /* ----------------------- */ /* Appointment Calendar */ #CalendarLayer .PopupTemplate1 { border: none; } #CalendarLayer #CalendarLayerContent { border: 1px solid #c4bfa1; background: #fff; } div#CurrentMonth table, div#CurrentMonth tbody, div#CurrentMonth tr, div#CurrentMonth td { line-height: 34px; height: 34px; padding: 0; position: relative; } div#CurrentMonth table { background: #fff url(../assets/images/bkg/calendarBg.jpg) repeat-x; } #CurrentMonth .appointmentMonth { position: absolute; left: 120px; } #CurrentMonth .leftButton { position: absolute; left: 10px; top: 12px; } #CurrentMonth .rightButton { position: absolute; left: 280px; top: 12px; } div#CalendarLayer { position: absolute; top: 0; left: 0; z-index: 10; width: 450px; } div#CalendarLayer .smallCalendar {width: 332px; } #CalendarLayerContent.smallCalendar div.PopupContent { float: left; width: 300px; border-left: 1px solid #c3bfa0; border-right: 1px solid #c3bfa0; border-bottom: 1px solid #c3bfa0; box-shadow: 2px 2px 2px #888; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; } #CalendarLayerContent div.PopupContent { float: left; width: 300px; position: relative; height: 260px; } div#CalendarLayerContent div#CurrentMonth {font-size: 16px; line-height: 1; color: #fff; font-weight: bold; padding: 0; width: 100%; } div#CalendarLayerContent div#CurrentMonth table { width: 100%;} div#CalendarLayerContent div#CurrentMonth td { text-align: center; } div#CalendarLayerContent div#CurrentMonth td.ButtonChangeMonth { width: 36px; text-align: center; } div#CalendarLayerContent th {height: 15px; } div#CalendarLayerContent div.PopupContent table { width: 300px; padding: 0; margin: 0 auto; } div#CalendarLayerContent div.PopupContent th, div#CalendarLayerContent div.PopupContent td { text-align: center; font-size: 11px; font-weight: bold; width: 14%; } div#CalendarLayerContent div.PopupContent td span { line-height: 1; display: block; padding: 5px 0; color: #c3c09f; font-size: 13px; } div#CalendarLayerContent div.PopupContent th span { line-height: 1; display: block; padding: 3px 0 7px 0; color: #c3c09f; font-weight: bold; font-size: 14px; } div#CalendarLayerContent div.PopupCloseButtonArea { padding: 0 0 10px 15px; } div#CalendarLayerContent div.PopupCloseButtonArea .js-AvaliableDate { position: absolute; bottom: 13px; left: 25px; } div#CalendarLayerContent td a { text-decoration: underline; } div#CalendarLayerContent td span.SelectedDate { border: 2px solid red; } #CalendarLayer div.PopupCloseButtonArea { background: #fff; } #calSooner { float: left; width: 97px; border-left: 1px solid #c4bfa1; margin: 15px 0; padding: 0 10px; font-size: 12px; height: 260px; position: relative; } #calSooner strong { padding: 15px 0; display: block; } #calSooner .js-PopupDivClose { position: absolute; bottom: 0; right: 10px; } #CalendarLayer .closeCal { position: absolute; bottom: 13px; right: 25px; } /* -------------- */ /* Tires Size Doesnt match Vehicle Layer */ div#TireSizeMismatchLayer { display: none; position: absolute; top: 0; left: 0; z-index: 15; width: 300px; } div#TireSizeMismatchLayerContent div.TopStripe { height: 30px; padding: 0; } div#TireSizeMismatchLayerContent div#TireSizeOk { text-align: center; margin-top: 15px; } /* ----------------------- */ /* Order Review Page / Order Confirmation */ div#OrderReviewConfirmationContent div.AppointmentImage {width:35%; float: right; } div#OrderReviewConfirmationContent div.AppointmentText {width:35%;float: right; background-color: #f1f0e8; font-weight: bold; font-size: 11px; } div#OrderReviewConfirmationContent div.AppointmentText2 {width:35%;float: right; background-color: #f1f0e8; font-weight: bold; font-size: 11px; margin: 10px 0; } div#OrderReviewConfirmationContent div.orderReviewHelpInfo div.HelpInformation { width: 55%; float:left; margin: 0 0 0 0; padding: 0; font-size: 11px; } div#OrderReviewConfirmationContent div.orderReviewHelpInfo div.HelpInformation span.title { font-size: 12px; display: block; font-weight: bold; } div#OrderReviewConfirmationContent div.orderReviewHelpInfo div.HelpInformation ul { margin-top: 5px; } div#OrderReviewConfirmationContent div.orderReviewHelpInfo div.HelpInformation li {background: url(../assets/images/bkg/bkg-bullet1.gif) no-repeat 0px 4px; margin: 0 0 3px 15px; padding-left: 10px; /*font-size: 1em;*/ } div#OrderReviewConfirmationContent p.IntroText { margin-bottom: 20px; } div#OrderReviewConfirmationContent div#OrderTotalsColumn { display: inline; float: right; width: 289px; margin: 20px 0 0;} div#OrderReviewConfirmationContent div#OrderTotalsColumn2 { display: inline; float: left; width: 289px;} div#OrderReviewConfirmationContent div#PersonalInformationColumn { background-color: #f1f0e8; width: 320px; display: inline; float: left; margin-left: 20px; } div#OrderReviewConfirmationContent div#PersonalInformationColumn ul { margin: 0 13px 5px 13px;} div#OrderReviewConfirmationContent div#PersonalInformationColumn ul li { color: #000; font-weight: bold; font-size: 11px; padding-bottom: 10px; } div#OrderReviewConfirmationContent div.ScheduleAppointmentColumn {display: inline; float: left; width: 460px; } div#OrderReviewConfirmationContent div.ScheduleAppointmentColumn div.ColumnInner { font-size: 11px; padding: 5px 5px; border: none;} div#OrderReviewConfirmationContent div.ScheduleAppointmentColumn p { margin: 5px 0; padding: 0; } div#OrderReviewConfirmationContent div#OrderInformation { margin: 10px 0, 0, 0; } div#OrderReviewConfirmationContent div#OrderInformation2 { margin: 20px 0; } div#OrderReviewConfirmationContent div#AppointmentColumn { display: inline; float: left; width: 220px; margin: 0 0 15px 15px; width: 220px; } div#OrderReviewConfirmationContent div#AppointmentColumn div.Inner { border: 1px solid #c3bfa0; padding:10px 10px; } div#OrderReviewConfirmationContent div#ReviewItemsColumn { display: inline; float: right; width: 571px; margin: 0 15px 15px 0; } div#OrderReviewConfirmationContent div#AppointmentColumn dl { font-size: 11px; /*margin-bottom: 20px;*/ } div#OrderReviewConfirmationContent div#AppointmentColumn dl#StoreLocation { margin-top: 20px; } div#OrderReviewConfirmationContent div#AppointmentColumn dl#ContactInformation { margin-top: 20px; } div#OrderReviewConfirmationContent div#AppointmentColumn dl#VehicleInformation { margin-top: 20px; } div#OrderReviewConfirmationContent div#AppointmentColumn dt { font-weight: bold; } div#OrderReviewConfirmationContent div#AppointmentColumn dd { margin-top: 5px; } div#OrderReviewConfirmationContent div#ConfirmationColumnInfo { display: inline; float: left; width: 629px; } div#OrderReviewConfirmationContent div#ConfirmationColumnInfo p.IntroText { margin: 0 0 20px 0; padding: 0; } div#OrderReviewConfirmationContent div#ConfirmationColumnManagedContent { display: inline; float: right; width: 196px; } div#OrderReviewConfirmationContent div.ConfirmationColumn { margin-top: 15px; } div#OrderReviewConfirmationContent div#OrderConfirmationInformation { margin: 20px 0 0 0; padding: 0; line-height: 1.5; font-weight: bold; font-size: 11px;} div#OrderReviewConfirmationContent .HelpInformation { margin-bottom: 20px; } div#OrderReviewConfirmationContent .OilNotification { margin: 15px 0 0; font-weight: bold; font-size: 11px; } /* ---------------------- */ /* Order Review / Order Confirmation Items */ div#OrderReviewConfirmationItems { border-bottom: 28px solid #c3bfa0; width: 571px; background: url(../assets/images/bkg/bkg-OrderReviewConfirmationItems.gif) repeat-y top left; } div#OrderReviewConfirmationItems table { width: 100%; color: #000; } div#OrderReviewConfirmationItems th, div#OrderReviewConfirmationItems td { padding: 20px 0 15px 0; text-align: left; vertical-align: top; } div#OrderReviewConfirmationItems th { padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; font-weight: bold; } div#OrderReviewConfirmationItems .ColumnItemDescription { width: 230px; } div#OrderReviewConfirmationItems .ColumnItemPrice { width: 145px; } div#OrderReviewConfirmationItems .ColumnQty { } div#OrderReviewConfirmationItems .ColumnTotalPrice { width: 90px; } div#OrderReviewConfirmationItems th div.ColumnPadding, div#OrderReviewConfirmationItems td div.ColumnPadding { padding-left: 15px; } div#OrderReviewConfirmationItems td.ColumnSection { padding: 15px 0 5px 0; font-size: 12px; font-weight: bold; color: #000; text-transform: uppercase; background-color: #c3bfa0; } div#OrderReviewConfirmationItems td span { font-size: 11px; display: block; margin-bottom: 5px; } div#OrderReviewConfirmationItems .ColumnItemDescription span { font-size: 12px; font-weight: bold; } div#OrderReviewConfirmationItems .ColumnItemDescription dt { font-size: 11px; display: inline; float: left; font-weight: bold; margin-right: 5px; } div#OrderReviewConfirmationItems .ColumnItemDescription dd { font-size: 11px; display: inline; float: left; } div#OrderReviewConfirmationItems .InformationNotification, div#OrderReviewConfirmationItems .ErrorNotification { margin: 5px 0 0 0; padding: 0;} div#OrderReviewConfirmationItems td.ColumnTotalPrice span { font-weight: bold; text-align: right; padding-right: 15px; } /* ----------------------- */ /* Oil Change Appointment */ div#ReserveAppointmentContent div#OilSelectionInputs { display: inline; float: left; width: 385px; } div#ReserveAppointmentContent div#OilSelectionInputs p {} div#ReserveAppointmentContent div#OilSelectionInputs label { width: 350px; } div#ReserveAppointmentContent div#OilSelectionImages { display: inline; float: right; width: 100px; overflow: hidden; } div#ReserveAppointmentContent div#OilSelectionImages img { display: none; } /* ----------- */ /*Consultation Appointment Confirm page*/ div#ConsultationAppointmentConfirmationContent p.IntroText { margin: 5px 0; padding-top: 10px; border-top:solid 1px #C3BFA0; } div#ConsultationAppointmentConfirmationContent #appointmentInformation { line-height: 1.5; margin-top: 15px; font-size: 11px; border: solid 1px #c3bfa0; padding:5px; } div#ConsultationAppointmentConfirmationContent #appointmentInformation p { margin: 0; padding: 0; } div#ConsultationAppointmentConfirmationContent .ColumnInner {margin-top: 0px;} div#ConsultationAppointmentConfirmationContent #ConfirmationHeader {margin-bottom: 20px;} div#ConsultationAppointmentConfirmationContent #AppointmentColumn p { line-height: 1.5; font-size: 11px; margin: 10px 0; padding: 0 13px; } div#ConsultationAppointmentConfirmationContent .managedContent .aManagedContent { width: 410px; overflow: hidden;} div#storeLocationMap {margin-top:20px; font-size: 11px;} div#storeLocationMap .storeAddress {font-weight: bold; color: #000000; padding-left: 13px;} div#storeLocationMap h2 {margin-bottom: 5px;} /* ---------------------- */ /* Map Popup in Checkout */ div#MapPopupContent div#Map { width: 100%; height: 350px; } /* ------------------ */ /* Slider Styles */ .sliderViewport {width:798px; height:80px; position:relative; overflow:hidden; display:inline; float:left; } .sliderContent {position:absolute; top:0px; left:0px;} .sliderItem { width: 266px; color: #fff; display: inline; float: left; text-align:center; } .sliderPrev {display:inline; float:left; width:9px; height:78px; margin:0px 10px 0px 25px; background:url(/assets/images/bkg/bkg-PreviousSlider_off.png) no-repeat 0 0;} .sliderNext {display:inline; float:left; width:9px; height:78px; margin-left:10px; background:url(/assets/images/bkg/bkg-NextSlider_off.png) no-repeat 0 0;} .sliderStatus {width:130px; overflow:hidden; margin:15px auto 0px;} .sliderStatus li {display:inline; float:left; background-color:#d8d8d8; width:12px; height:4px; overflow:hidden; } .sliderStatus li.active {background-color:#aaaaaa;} /* ------------- */ /* Saved Vehicles */ #SavedVehicles {} #SavedVehicles form {padding-bottom:15px;} #SavedVehicles table {margin:10px 0px; width:85%;} #SavedVehicles table td {padding:5px; font-size:11px;} #SavedVehicles table td a {font-size:11px;} #SavedVehicles table td span {padding:0px 10px;} #SavedVehicles table .even td {background: #b7b7b7;} /* ------------- */ /* ---------------------- */ /* Begin Maintenance Service */ li.paddingLeft{padding-left: 15px;} div.ServiceContainer { padding-top: 105px; background:transparent url(../assets/images/bkg/bkg_service_header.jpg) no-repeat; } div.ServiceContainer div#PageLeft{ border-top:none; } #servicesLeft .product_name { margin: 15px; } #servicesLeft { border-top:none; width:640px; float: left; display: inline; } div.ServiceGroup{ margin:10px 0 0 20px; } div.ServiceGroup h3{ line-height:15px; font-size:15px; color:#945f01; margin:20px 0 10px 0; } div.ServiceGroup p{ font-size:11px; color:#666666; line-height:14px; } div.ServiceGroup img.btn_view{ margin:15px 0 15px 0; } div.ServiceGroup div.product_name a, div.ServiceGroup div.product_name a:link, div.ServiceGroup div.product_name a:visited{ color: #4b4b4b; font-size:14px; font-family:"AkzidenzGroteskBE Cn", Arial, sans-serif; text-decoration:none; margin-right:30px; line-height:26px; } div.ServiceGroup div.product_name a:hover{ color: #945f01; } div.ServiceGroup div.ServiceCol1{ margin:0; width:160px; } div.ServiceGroup div.ServiceCol2{ margin:0 40px 0 60px; width:170px; } div.ServiceGroup div.ServiceCol3{ margin:0; width:180px; } img.TopServiceSeparator{ margin:10px 0 0 0 ; } div.ServiceGroup img.BottomServiceSeparator{ margin:10px 0 15px 0 ; } div#LeftNavigation li.cssValveStemsandTirePressureMonitoringSystem{ height:50px; } div#LeftNavigation li li.cssValveStemsandTirePressureMonitoringSystem span, div#LeftNavigation li li.cssValveStemsandTirePressureMonitoringSystem a { line-height:50px; } div#LeftNavigation li.cssValveStemsandTirePressureMonitoringSystem a, div#LeftNavigation li.cssValveStemsandTirePressureMonitoringSystem span { line-height:50px; height:50px; } /* End Maintenance Service */ /* Begin Schedule Appointment */ div.ScheduleAppointmentContainer { padding-top: 105px; background:transparent url(../assets/images/bkg/bkg-ScheduleAnAppointment.jpg) no-repeat; } div.ScheduleAppointmentContainer div#PageLeft{ border-top:none; } div.ScheduleAppointmentContainer div#PageRight{ border-top:none; width:648px; } div.ScheduleAppointmentContainer img.ServiceSeparator { margin:10px 0 15px 0; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft { width:840px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft h3{ color:#4d4d4d; font-size:12px; font-weight:bold; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.FormGroup{ width:190px; margin-right:60px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.FormGroup ul li div.ServiceType input{ padding-top:2px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.FormGroup ul li div.ServiceType label { width:170px; line-height:16px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.FormGroup ul li div.ServiceType img { padding-top:2px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.FormGroup h3{ margin-bottom:5px; } div.ContentTypeCheckout div.FirstGroup{ margin-top:0; width:836px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.AppointmentInformationArea input#appointmentDate{ width: 90px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.AppointmentInformationArea div#storeLocationUnknown input ,div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input ,div.ScheduleAppointmentContainer div.ContentTypeCheckout div.VehicleInformationArea input { width:246px; height:13px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#firstName, div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#lastName, div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#city, div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#state{ width: 170px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#zip { width: 80px; float: left; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#phone, div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#emailAddress, div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea input#address1 { width: 357px; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div.PersonalInformationArea div.FormEntry{ float: left; } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.AppointmentInformationArea select#appointmentTime{ } div.ScheduleAppointmentContainer div.ContentTypeCheckout div#ColumnLeft div.VehicleInformationArea textarea#comments{ width:246px; } /* End Schedule Appointment */ /* Begin Appointment confirmation*/ div#ConsultationAppointmentConfirmationContent{ padding-top:35px; } /* End Appointment confirmation*/ #PageContentBody .AboutUs {background:url(/assets/images/bkg/bkg-AboutUsBanner-Landing.jpg) no-repeat 0 0; padding-top:0px;} #PageContentBody .CarCare101 {background:url(/assets/images/bkg/bkg-CarCare101-Landing.jpg) no-repeat 0 0; padding-top:0px;} #PageContentBody .TiresMadeEasy {background:url(/assets/images/bkg/bkg-TiresMadeEasy-Landing.jpg) no-repeat 0 0; padding-top:0px;} #PageContentBody .CurrentSpecials {background:url(/assets/images/bkg/bkg-CurrentSpecialsBanner.jpg) no-repeat 0 0; padding-top:70px; font-size:12px;} #PageContentBody .CurrentSpecials #ContentContent {padding-top:90px;} #EmailSubscription {width:auto; padding:40px 20px; background:url(/assets/images/bkg/bkg-EmailSubscribeBanner.jpg) no-repeat 0 0; padding-top:115px;} #MyProfileContent {width:auto; padding:40px 20px; background:url(/assets/images/bkg/bkg-MyProfileBanner.jpg) no-repeat 0 0; padding-top:115px;} #LoginRegisterContent {width:auto; padding:40px 20px; background:url(/assets/images/bkg/bkg-SignIn-Banner.jpg) no-repeat 0 0; padding-top:115px;} #StoreLocatorContent {width:auto; padding:40px 20px; background:url(/assets/images/bkg/bkg-StoreLocatorBanner.jpg) no-repeat 0 0; padding-top:115px;} .PageContent .CarCare101Section {background: url(/assets/images/bkg/bkg-CarCare101Banner.jpg) no-repeat 0 0; padding-top:96px;} .PageContent .CarCare101Section #LeftNavigation h1 {visibility: hidden;} .PageContent .AboutUsSection {background: url(/assets/images/bkg/bkg-AboutUsBanner.jpg) no-repeat 0 0; padding-top:96px;} .PageContent .AboutUsSection #LeftNavigation h1 {visibility: hidden;} /* VehiclePopUp Layer */ div#VehicleFitLayer { position: absolute; top: 275px !important; left: 285px !important; width: 600px; z-index:12; background: #FFF;} div#VehicleFitLayer div.TopStripe { padding: 0; height: 15px; } .FormGroup {width:220px; margin-right:30px;} /* Shopping Cart */ .ColumnSplit {width: 405px; margin-right: 7px; height: 100%;} .cartbump { margin-top: 20px;} #cart {background: #FFF !important;} #cart div#PageContainer {background: transparent; width: 450px;} #cart div.ContentType1 {width: 407px; padding: 0px; margin-top: -12px;} dl.tireInfo {display: block;} dl.tireInfo dt {display: inline; float: left;} tbody td {padding: 5px 10px 5px 15px; margin-right: 10px;} #BasketContent tbody {width: 100%; height: 100%} #BasketContent table#BasketItems .ItemDescription { width: 240px; padding: 5px 10px 5px 15px ; border-right: 1px solid #c3bfa0; border-bottom: 1px dotted #E8E6D3;} #BasketContent table#BasketItems .Qty{ width: 70px; padding: 5px 10px 5px 15px ; border-right: 1px solid #c3bfa0; border-bottom: 1px dotted #E8E6D3;} #BasketContent table#BasketItems .TotalPrice { width: 70px; padding: 5px 25px 5px 15px ; border-bottom: 1px dotted #E8E6D3;} #BasketContent table#BasketItems .Title { padding: 15px ; border-right: 1px solid #c3bfa0;} #BasketContent table#BasketItems .tableColor {background-color: #f3f2ed; border-bottom: none;} #BasketContent table#BasketItems .determinedText {text-transform: uppercase; text-align: center !important; font-size: 9px !important; font-weight: normal !important;} #BasketContent table#BasketItems .Service {height: 40px !important;} #BasketContent {border: 2px solid #c3bfa0;} #BasketContentEmpty {border: 2px solid #c3bfa0; margin-top: 0 !important; padding: 15px;} #BasketContentEmptyInterior {padding: 25px 10px 10px 10px; text-align: center; line-height: 1.5} #BasketContent #tireInfo {font-weight: normal; font-size: 10px;} div.OrderTotals span.Note {font-weight:normal; margin: 10px 15px 10px 0px; text-transform:none;} div.LifetimeRoadHazardUpsell h2 {background-image: url(../assets/images/bkg/bkg-HazardHeader.png); background-color: #003386; color: #FADE0F; font-size: 12px; font-weight: bold; line-height: 37px; padding: 0 13px; margin-bottom: 10px;} .LifetimeRoadHazardUpsell {border: 2px solid #003386 !important;} .FormWrapper {border-right:1px dotted #c3bfa0;float:left; height:285px; margin-bottom:-10px;margin-top:-10px;padding-left:20px;padding-top:20px;width:250px;} .FormWrapper h3 {font-size: 14px; padding-bottom: 10px;} /* Tire Select PopUp */ .vehicleFits {margin-top: 5px; margin-bottom:5px; font-weight: normal;} .PopUpSplit {width: 270px; margin: 5px} #VehicleFitLayer #TireSelector {width: 100%; margin-left: 0; height: auto;} #VehicleFitLayer .SeeOtherVehicles {margin-left:10px;} #VehicleFitLayer .FormArea {margin:15px 0; height: auto;} #ResolveTireSizePopUp .Entry {color: #000; border-bottom: 1px solid #CCC; margin-bottom: 5px; padding: 10px 0px 15px 0px} #VehicleFitLayer div#ResolvedSizesArea {width:280px; margin:0; padding: 0;} div#VehicleFitLayer h3 {font-size: 15px;} .TireSelectPopUpInput {font-size: 14px; font-weight: bold; color: #000;} #noTires {width: 100%; border-bottom: 1px solid #CCC; height: 45px; margin-bottom: 15px;} #yesTires {width: 100%; border-bottom: 1px solid #CCC;} #noTires h3 {color: red;font-size: 14px; font-weight: bold; margin-bottom:5px;} #noTires span {font-size: 12px;} #noTires a {background:url(/assets/images/bkg/bkg-ArrowSmall1.gif) no-repeat 100% 50%; padding-right: 10px;} div#VehicleFitLayer p {margin-bottom: 10px;} div#VehicleFitLayer .PopUpSchedule {float: left; margin-right: 10px; margin-bottom: 20px;} div#VehicleFitLayer div.ResultEntry {position:relative; width: 191px; display:inline; float:left; margin: 0 9px 20px 0; height: 323px; } div#VehicleFitLayer div.ResultEntry .top {background: url(/assets/images/bkg/bkg-ResultEntryTop.png) no-repeat 0 0; height:8px;} div#VehicleFitLayer div.ResultEntry .mid {background: url(/assets/images/bkg/bkg-ResultEntryMid.png) repeat-y 0 0; padding: 0 0 0 2px; } div#VehicleFitLayer div.ResultEntry .bottom {background: url(/assets/images/bkg/bkg-ResultEntryBottom.png) no-repeat 0 0; height:8px;} div#VehicleFitLayer div.ResultEntry.Hover {background-color:#fcfbeb; width:191px; border:0px;} div#VehicleFitLayer div.ResultEntry.Hover .top {background: url(/assets/images/bkg/bkg-ResultEntryHoverTop.png) no-repeat -3px 0; height:8px;} div#VehicleFitLayer div.ResultEntry.Hover .mid {background: url(/assets/images/bkg/bkg-ResultEntryHoverMid.png) repeat-y -3px 0; } div#VehicleFitLayer div.ResultEntry.Hover .bottom {background: url(/assets/images/bkg/bkg-ResultEntryHoverBottom.png) no-repeat -3px 0; height:8px;} div#VehicleFitLayer div.ResultEntry .ViewDetails {left:50%; margin-left:-44px; position:absolute; top:-10px;} div#VehicleFitLayer div.ResultEntry h2 { color: #363636; padding: 10px; font-weight: bold; font-size: 13px; height:38px; line-height: 19px; } div#VehicleFitLayer div.ResultEntry h2 a { color: #363636; text-decoration:none; } div#VehicleFitLayer div.ResultEntry h2 a:hover {text-decoration:underline;} div#VehicleFitLayer div.ResultEntry h2.selected a { color:#002259;} div#VehicleFitLayer div.ResultEntry .tireImage { display: block; margin: 0 auto; width:158px; height:158px; border:1px solid #d8d8d8; } div#VehicleFitLayer div.ResultEntry table { padding: 0; margin: 15px auto 0 auto; width: 524px; } div#VehicleFitLayer div.ResultEntry td.Description { text-align: left; vertical-align: top; } div#VehicleFitLayer div.ResultEntry td.Description p.NonTireDescription { margin: 5px 0 0 0; padding: 0; } div#VehicleFitLayer div.ResultEntry td.Description h3 { font-weight: bold; font-size: 12px; } div#VehicleFitLayer div.ResultEntry td.Description dl.performanceRatings { font-size: 12px; margin: 0 0 15px 50px; } div#VehicleFitLayer div.ResultEntry td.Description p.ProductAwards { margin-right: 15px; } div#VehicleFitLayer div.ResultEntry .Picture { padding: 10px 0 0 0; width: 178px; } div#VehicleFitLayer div.ResultEntry td.PictureService { vertical-align: middle; text-align: center; padding-bottom: 15px; } div#VehicleFitLayer div.ResultEntry td.PictureService img { margin: 0 auto; } div#VehicleFitLayer div.ResultEntry div.ProductIcons { min-height: 25px; height:auto !important; height: 25px; width: 100%; margin-top:10px; margin-bottom:10px;} div#VehicleFitLayer .tireSizeContainer {margin:10px 0px; font-size:11px; color:#000000;} div#VehicleFitLayer .tireInfo {} div#VehicleFitLayer .tireInfo .pricing {color:#363636; font-size:12px; display:block; height:55px; font-weight:bold;} div#VehicleFitLayer .tireInfo .pricing .inner {padding:0px 10px;} div#VehicleFitLayer .tireInfo .pricing span {font-weight:normal; color:#363636; display:block; font-size:11px; } div#VehicleFitLayer .tireInfo .pricing span.SalePrice { color: #900a0d; display: inline; font-weight: bold; font-size:11px; } div#VehicleFitLayer .tireInfo .pricing .pricingText {font-size:11px; display:block; margin-top:3px;} div#VehicleFitLayer div#performanceRatingScale { font-size:11px; color:#8C8C8C; margin-bottom:20px; text-align:left; } div#VehicleFitLayer .tire-size {margin-bottom:5px;} div#VehicleFitLayer div.ResultEntry .instant-savings {font-size:11px; padding-left:10px; height:16px;} div#VehicleFitLayer div.ResultEntry .instant-savings span {color:#560200;} div#VehicleFitLayer div.ResultEntry .mail-in-rebate {font-size:11px; padding:0px 0px 5px 10px; display:block; height:16px;} div#VehicleFitLayer div.ResultEntry .mail-in-rebate span {color:#560200;} div#VehicleFitLayer div.ResultEntry .availability {height:20px; margin-top:10px; font-size:11px; margin-left:10px;} div#VehicleFitLayer div.ResultEntry .performanceRatings {border:1px solid #C3BFA0; border-bottom:0px; width:158px; margin:0px 0px 0px 7px; text-transform:uppercase; overflow:hidden; float:none; display:block;} div#VehicleFitLayer div.ResultEntry .performanceRatings dt {border-bottom:1px solid #C3BFA0; border-right:1px solid #C3BFA0; padding:7px 0px; width:113px; text-align:left;} div#VehicleFitLayer div.ResultEntry .performanceRatings dt span {padding-left:9px;} div#VehicleFitLayer div.ResultEntry .performanceRatings dd {border-bottom:1px solid #C3BFA0; padding:7px 0px; width:44px; text-align:left;} div#VehicleFitLayer div.ResultEntry .performanceRatings dd span {padding-left:12px;} div#VehicleFitLayer div.ResultEntry ul.ProductIcons {margin:0px; } div#VehicleFitLayer div.ResultEntry .compare-container {padding:0px 10px 10px;} div#VehicleFitLayer div.ResultEntry .compare-container input {margin:0 2px 0 0; vertical-align:middle;} div#VehicleFitLayer div.ResultEntry .compare-container a {vertical-align:middle; text-decoration:none; color:#000;} div#VehicleFitLayer div.ResultEntry .compare-container a.selected {color:#369; text-decoration:underline;} div#VehicleFitLayer div.ResultEntry p.ProductAwards {display:block; float:none; margin:10px;} div#VehicleFitLayer .legal-text {clear:both; display:block; color:#8c8c8c; font-size:9px; margin-top:0px; padding-top:25px;} .notification-area {font-weight:bold; font-size:11px; color:red;} .installIncludes { margin: 3px 0 0 40px; padding: 0; } .freeAlignment { margin: 0 0 0 20px; line-height: 20px; } /* Experts Box */ div#expertsBox {width: 275px; margin-top: 10px; border: 2px solid ; padding: 2px;} div#expertsBoxInner {border: 1px solid gray; margin: 0; font-size: 11px; height: 84px;} div#expertsBoxTxt {margin: 5px;} div#expertsBoxInner img {float: left; border-right: 1px solid gray; margin-right: 5px;} div#expertsBoxInner .ExpertTitle {font-weight: bold; display: block; color: #000; font-size: 12px;} div#expertsBoxInner .ScheduleLink {background:url(/assets/images/bkg/bkg-ArrowSmall1.gif) no-repeat 95% 50%; padding-right:10px; font-size: 12px; display: block; text-decoration: none; margin-top: 3px;} .vehicleFit {background-image: url(../assets/images/btn/btn-VehicleFit.gif); width: 272px; height: 50px; text-indent: -2000px; margin-bottom: 15px;} .noBorder {border: 0 !important;} div.FormWrapper div.FormGroup li {margin-bottom: 4px;} div.FormWrapper div.FormGroup .installIncludes li {margin-bottom: 1px;} a, a:focus {outline: 0;} .EmptyCartText {font-weight: bold; text-transform: uppercase;} .Confirm {margin-left: 15px;} .VerticalDivider {margin-top: 15px; margin-bottom: 5px; border-top: 1px solid #d9d9d9; clear: both: width: 100%;} .Spacing {margin-bottom: 15px;} div#ProductDescription div.FormArea div.FormEntry {padding: 0px;} div#ProductDescription label {font-weight: bold; margin-bottom: 5px; margin-top: 10px; color: #000} div#ProductDescription .Button {margin-top: 10px; margin-bottom: 10px;} iframe {margin: 0px; padding: 0px;} .center {text-align: center;} .BorderTop {border-top: 1px solid #d9d9d9; padding-top:5px;} .basketItemCount {color: #FFF;} /** TIRE UPSELL AREA **/ div.TireUpgrade {margin-top: 5px; font-size: 11px;} div.TireUpgrade h2 { background-color: #003386; color: #FADE0F; font-size: 12px; font-weight: bold; line-height: 37px; padding: 5px; padding-left: 15px; margin-bottom: 0px;} div.TireUpgrade div.ResultEntry {height: 320px; width: 114px; border: 1px solid #DDD; background-color: #f6f5f2; margin: 10px 3px; float: left; padding: 6px} div.TireUpgrade div.top {height: 35px; color: #991e20; font-size: 13px;} div.TireUpgrade .tireImage {width: 112px; border: 1px solid #DDD; margin-bottom: 5px;} div.TireUpgrade img.SelectUpgrade {margin-top: 10px;} div.TireUpgrade div.ResultEntry h2 {background: none; margin: 4px; line-height: 1.25; padding: 0px; height: 45px; color: #000; font-size: 11px;} div.TireUpgrade div.compare-container {margin-top: 10px; margin-bottom: 5px;} div.TireUpgrade div.tireInfo {height: 55px;} div.TireUpgrade div.rebate, div.TireUpgrade div.instant-savings {font-size: 10px; font-style: italic;} .iefix {height: 1%;} div#ProductCompareLayerInner div.PopupTemplate1 div.PopupContent {padding: 0px !important;} div#ProductCompareLayerInner th {background-color: #E8E6D3} #ProductCompareLayer .productContainer th {padding-left: 20px;} #ProductCompareLayer .productContainer td {padding: 15px;} #ProductCompareLayer .subText {padding: 10px; border-top: 1px solid #087DF5;} #ProductCompareLayer .keepTheTire {text-align: center;} #ProductCompareLayer .keepTheTire a{padding: 3px; border: 1px solid gray; text-decoration: none;} #ProductCompareLayer .upgradeTire {text-align: center; } #ProductCompareLayer .upgradeTire a{padding: 3px; border: 1px solid gray; text-decoration: none;} #ProductCompareLayer .price {border-bottom: 1px solid gray;} div.ResultEntry div.selectThisTire {margin-left: 17px;} div#Promo1, div#Promo2 { width: 305px; height: 135px; float: left; margin: 12px 9px 9px 9px;} /* MEGANAV */ ul.megamenu {z-index: 400;} ul.megamenu * {z-index: 300;} ul.megamenu * div {display: none;} ul.megamenu * div div {display: block; } .mm-content-base a {width: 135px; } .mm-item-content { position: absolute; top: 41px !important; left: 0px !important; padding: 10px; z-index: 1000; background-image: url(../assets/images/bkg/bkg-MegaNav.png); background-repeat: no-repeat; float: left; display: none; width: 788px !important; height: 357px !important; } .mm-content-base { color: #000; line-height: 1.35; z-index: 100; font-family: Arial, sans-serif; } .mm-item-content {z-index: 100;} div.mm-content-base div.column1,div.mm-content-base div.column2, div.mm-content-base div.column3 { position: absolute; top: 10px; width: 162px; height: 260px; padding: 7px; } div.mm-content-base div.column1 {left:1px;} div.mm-content-base div.column2 {left:177px; border-left: 1px solid #d1d1d1;} div.mm-content-base div.column3 {left:355px; border-left: 1px solid #d1d1d1;} div.mm-content-base div.promobox { width: 250px; height: 330px; left: 545px; margin-right: 10px; top: 10px; position: absolute; } div.mm-content-base div.salesflyer { position: absolute; left: 10px; top: 310px; width: 510px; height: 20px; border-top: 1px solid #d1d1d1; padding-top: 10px;} div.mm-content-base h1, div.mm-content-base h2, div.mm-content-base h3 {font-weight: bold; font-size: 12px; margin-bottom: 10px; font-family: Arial, Sans-Serif;} div.mm-content-base h1, div.mm-content-base h2 {text-transform: uppercase; border-bottom: 2px solid black; width: 100%;} div.mm-content-base h3 {font-style: italic; margin-top: 10px; text-align: center;} div.mm-content-base .seasonalTires { padding: 15px 0 0 0; } div.mm-content-base a.ViewAllSales {width: auto !important; font-weight: bold; background-image: url(../assets/images/bkg/bkg-ArrowBlue.gif) !important; background-repeat: no-repeat !important; background-position: 100% 50% !important; padding-right: 8px;} div.mm-content-base li {width: 162px; border-bottom: 1px solid #bfbfbf; margin-bottom: 5px; padding-bottom: 9px;} div.mm-content-base a {background-image: none !important; height: 12px !important; text-decoration: none; width: 190px; white-space: nowrap; font-size: 12px;} div.mm-content-base a:hover {text-decoration: underline;} .arrow {background-image: url(../assets/images/bkg/bkg-ArrowBlue.gif); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 8px;} div#specialsLeft { position: absolute; left: 10px; top: 10px; width: 390px; height: 335px; border-right: 1px solid #bfbfbf; } div#specialsRight { position: absolute; left: 410px; top: 10px; width: 390px; height: 335px; } /* Phase II */ div#HomeWrapper {width: 100%; background-image: url(../assets/images/bkg/bkg-Main.jpg); background-repeat: no-repeat; margin-top: 0px; background-position: center top !important; height: 605px;} a.HomeLink {width: 400px !important; height: 85px !important; display: block; float: left;} div#PageShadowWrapper {width: 895px; background-image: url(../assets/images/bkg/bkg-ShadowWrapper.gif); background-repeat: repeat-y; margin: 0 auto; height: auto;} /* Mega Menu */ .mm-content-base a.Goodyear {width: 120px !important; height: 30px !important; background-image: url(../assets/images/bkg/bkg-GoodYearOff.png) !important;} .mm-content-base a.Goodyear:hover {background-image: url(../assets/images/bkg/bkg-GoodYearOn.png) !important;} .mm-content-base a.Dunlop {width: 120px !important; height: 30px !important; background-image: url(../assets/images/bkg/bkg-DunlopOff.png) !important;} .mm-content-base a.Dunlop:hover {background-image: url(../assets/images/bkg/bkg-DunlopOn.png) !important;} .mm-content-base a.Kelly {width: 120px !important; height: 30px !important; background-image: url(../assets/images/bkg/bkg-KellyOff.png) !important;} .mm-content-base a.Kelly:hover {background-image: url(../assets/images/bkg/bkg-KellyOn.png) !important;} li.Goodyear, li.Dunlop, li.Kelly {border-bottom: none !important; margin-bottom: 0px !important; padding-bottom: 0px !important; margin-top: 5px;} /*Promo Items for specials meganav */ div#promoItemOne{width: 385px; height: 145px; float: left;margin-top: 10px;} div#promoItemTwo{width: 385px; height: 145px;float: left;margin-top: 10px;} div#promoItemThree{width: 385px; height: 145px;float: left;margin-top: 10px; } div#promoItemFour{width: 385px; height: 145px;float: left;margin-top: 10px; } /* PHASE II RIGHT COLUMN */ div#RightColumnContent { float: right; padding: 80px 15px 0px 0px; width: 210px; height: 100%; } /* Phase II fixes */ #FeaturesAndBenefits tbody {height: 100%;} #FormSearchBySizeHighFlotation tbody {height: 35px;} #TiresSiteSection tbody {height: 100%;} #BasketContainer { max-height:500px; overflow-y: auto !important; overflow-x: hidden !important;} /* Call Center Layer*/ div.CallCenterHover { cursor: pointer; } div.CallCenter { cursor: default; position: absolute; margin-left: 205px; margin-top: 2px; width: 245px; z-index: 9999; color: #666666; text-align: left; border: 1px solid #e4e4e4; font-size: 12px; display: none; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color: #e9e6de; -moz-box-shadow: 3px 3px 4px #666666; -webkit-box-shadow: 3px 3px 4px #666666; box-shadow: 3px 3px 4px #666666; background: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(233,230,222)), color-stop(0.73, rgb(252,252,252))); background: -moz-linear-gradient(center bottom, rgb(233,230,222) 24%,rgb(252,252,252) 73%); } div.CallCenterTop, div.CallCenterCenter, div.CallCenterBottom {padding: 5px 15px 5px 15px;} div.CallCenter td {margin-left: 9px; margin-right: 4px; padding-left: 0px; padding-right: 0px;} div.CallCenter h2 {font-size: 14px; font-weight: bold; color: #333;} div.CallCenter .info {color: #666;} div.CallCenter .contact {float: left; width: 150px; } div.CallCenter .dark {color: #333} div.CallCenter .date {font-weight: bold; padding-right: 15px !important;} div.CallCenter a {color: #003399 !important; text-decoration: none;} div.CallCenter a:hover {text-decoration: underline;} div.hr {background-color: #999; height: 1px; margin: 0 auto; width: 220px;} div.CallCenter {line-height: 1.25;} div.CallCenter img {margin: 4px 15px 0px 5px; float: left;} div.CallCenter ul li {margin: 4px 0px 4px 0px;} div.CallCenter ul {margin-top: 10px; margin-bottom: 10px;}