/*Molot*/ @font-face { font-family: 'molotregular'; src: url('/template/Styles/fonts/Molot-webfont.eot'); src: url('/template/Styles/fonts/Molot-webfont.eot?#iefix') format('embedded-opentype'), url('/template/Styles/fonts/Molot-webfont.woff') format('woff'), url('/template/Styles/fonts/Molot-webfont.ttf') format('truetype'), url('/template/Styles/fonts/Molot-webfont.svg#molotregular') format('svg'); font-weight: normal; font-style: normal; } /*Font Awesome*/ @font-face{ font-family:'FontAwesome'; src:url('/template/Styles/fonts/fontawesome-webfont.eot?v=4.7.0'); src:url('/template/Styles/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/template/Styles/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/template/Styles/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/template/Styles/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/template/Styles/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } /*Meccanica Bold*/ @font-face { font-family: 'meccanica-bold'; src: url('/template/Styles/fonts/meccanica-bold-webfont.woff2') format('woff2'), url('/template/Styles/fonts/meccanica-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*end fonts*/ /*** Global Reset ***/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: disc;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /** * Featherlight - ultra slim jQuery lightbox * Version 1.3.5 - http://noelboss.github.io/featherlight/ * * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. * * Customized and edited on Nov. 1, 2017. **/ @media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:5%;min-width:30%;margin-left:5%;margin-right:5%;max-height:70%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:"myriad-pro","tk-myriad-pro-n7","tk-myriad-pro-i7","tk-myriad-pro-i4","tk-myriad-pro-n4",Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:70%;padding:2.5%;}} /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.9 - http://noelboss.github.io/featherlight/ * * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}} /* Mobile Carousel */ .flexslider {visibility: visible;} .slide-show-render.slide-show .flex-control-nav.flex-control-display {paging: none;} body .slide-show-render .slides {position: relative;width: 1024px;height: 275px;} body .slide-show-render .slides li { list-style: none; width: 100% !important; height: auto !important; max-width: 1024.2px;} body .slide-show-render-full .slide-content, .slide-show-render-full .drop-indicator {width: 1024px;height: 275px;}body .slide-show-render-full .slide-image {max-width: 1024px;max-height: 275px;} /*** Base Styles ***/ /*html elements*/ html{} body {font-family: "myriad-pro", "tk-myriad-pro-n7", "tk-myriad-pro-i7", "tk-myriad-pro-i4", "tk-myriad-pro-n4", Arial, sans-serif;font-size: 0.9em;color: #333;height: 100%;background:#fff;} div {} span {} applet {} object {} iframe {} h1 {clear: both;font-size: 1.6em;font-weight: bold;color: #333;margin: 0 0 6px 0;} h2 {font-size: 1.3em;font-weight: bold;color: #333;margin: 6px 0;} h3 {font-size: 1.3em;color: #333;margin-bottom: 6px;} h4 {margin-bottom: 6px;font-size: 1.0em;} h5 {} h6 {} p {line-height: 1.3em;margin-bottom: 1.3em;} blockquote {margin-left: 28px;} hr {margin: 15px 0;padding: 0;background: #ddd;height: 1px;border:0;color: #ddd;} pre {} a{color: #404040;font-weight: normal;text-decoration: underline;} a:hover, a:focus {color: #404040;text-decoration: underline;opacity: .8;} abbr {} acronym {} address {} big {} cite {} code {} del {} dfn {} em {font-style: italic;} img, a img { border: 0; outline: 0; max-width: 100%; height:auto; } .ie img, .ie a img { width:100%; } .rv .tb-sidebar ul li a img { width:100%; } .ProductTinyImageList img {padding-top:0 !important;} .ProductList .ProductImage a {height:150px;float:left;} .ProductList .ProductDetails {clear:both;} .ProductList img {max-height:150px;} ins {} kbd {} q {} s {} samp {} small {} strike {} strong {font-weight:bold;font-weight:700;} sub {} sup {vertical-align: super;font-size: .6em;} tt {} var {} b {} u {} i {} center {} dl {} dt {color:#333;} dd {} ol, ul {margin: 0 0 10px 15px;} li {margin: auto;padding: 0 0 8px;} fieldset {} form {} label {} legend {} table td {padding: 0 5px 0 10px;} table td a {color:#000;text-decoration:none;} caption {} tbody {} tfoot {} thead {} tr {} th {} td {} article {} aside {} canvas {} details {} embed {} figure {} figcaption {} footer {} header {} hgroup {} menu {} nav {} output {} ruby {} section {} summary {} time {} mark {} audio {} video {} #menu-mobile {background:#fff;} /*organization elements*/ .position-relative {position:relative;} .position-absolute {position:absolute;} .position-fixed {position:fixed;} .float-none {float:none !important;} .float-left {float:left;} .float-right {float:right;} .clear-both {clear:both;} .clear-left {clear:left;} .clear-right {clear:right;} .display-none, .slideout-menu {display:none;} .display-block {display:block;} .display-inline-block {display:inline-block;} .display-inline, .inline-list li {display:inline;} .full-width {max-width:100%;height:auto;} .w100p {width:100%;} .w98p {width:98%;} .w95p {width:95%;} .w90p {width:90%;} .w85p {width:85%;} .w80p {width:80%;} .w75p {width:75%;} .w70p {width:70%;} .w65p {width:65%;} .w60p {width:60%;} .w55p {width:60%;} .w50p {width:50%;} .w47-5p {width:47.5%;} .w45p {width:45%;} .w40p {width:40%;} .w35p {width:35%;} .w30p {width:30%;} .w25p {width:25%;} .w20p {width:20%;} .w15p {width:15%;} .w10p {width:10%;} .w5p {width:5%;} .mw300 {max-width:300px;} .mw600 {max-width:600px;} .w42 {width:42px;} .standard-heading, .TitleHeading {font-size: 1.3em;font-weight: bold;color: #333;margin: 6px 0;} .container, #Container {margin:0 auto;width:1024px; /*width: 100%;max-width: 1024px;*/ } .default-page .container, .default-page #Container {margin:0 auto;width: 100%;max-width: 1024px;min-width:1024px;} .open-spread-container {margin:0 auto;width:100%;max-width:1980px;} .container-full {margin:0 auto;width:100%;} /*condensed element calls*/ /*position*/ #Menu li, /*Do not change #Menu*/ .ExpressCheckoutBlock .ExpressCheckoutTitle, .TabNav li a, .VideoContentContainer, #VideoList ul, .VideoImageContainer, #ProductDetails .ProductTinyImageList ul, .carousel, #PhoneCell a, #slider_bg, #gallery_container, #thumb_container, #thumbs, .saleLeft, .SubCategoryListGrid li, .Content .ProductList.List .ProductImage, .ProductImage {position: relative;} #Menu li ul, a.ChangeLink, .ExpressCheckoutCompletedContent, .ProductDetailsGrid .Label .Required, .VideoOverlay, .addfwd, .addbkwd, .enlargeIcon {position: absolute;} #imgRelative { position: relative !important; float: left; } /*floats*/ #header-cell .TopMenu li a, #header-cell .TopMenu li div, #header-cell .TopMenu li div a, .Content .ProductList.List li {float: none;} .verisign, #Logo, .nav-bar, #Menu li, #Menu li a, .red-button, .Left, .Content .ProductList li, .TopSellers .TopSellerNumber, .Content .TopSellerProductList li .ProductDetails, .Content .TopSellerProductList li.TopSeller1 .ProductImage, .HorizontalFormContainer dt img, .HorizontalFormContainer dt .fieldLabel, .HorizontalFormContainer dt, .FloatLeft, .CreateAccount, .AccountLogin, ul.ShippingAddressList li, .PrimaryProductDetails .ProductThumb, .PrimaryProductDetails .ProductMain, .ComparisonCheckbox, .SideRecentlyViewed .ProductList .ProductDetails a, .BillingDetails, .ShippingDetails, .ProductDetailsGrid dt, .CurrencyList a .Flag, .EstimateShipping dt, .SubCategoryListGrid li, .SubBrandListGrid li, .ProductFields dd, .Content .ProductList .ProductActionAdd, .Content .ProductList #frmWishList, .ProductAddToCart dd.AddCartButton div.BulkDiscount, .Content .ProductList.List .ProductImage, .ProductDetailsGrid .Label, #FeaturedVideo, #VideoList, #VideoSingle, .videoRow img, .VideoImageContainer, #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext, #ProductDetails .ProductTinyImageList, #ProductDetails .ProductTinyImageList ul li, #BadgesCell, #PagesMenuCell, #Cell1, #Cell2, #Cell3, #ContactCell, #ContactCell .logo, #BelowSlider #Image, #BelowSlider #RightText, #BelowSlider #RightText2, #CatOrdering, #CatNew, .BulkDiscount, #ItemWish, #catBox, .catbox, #catBoxLast, .catboxlast, .saleLeft, .saleLeft img, .saleRight, #contactCell .left, #contactCell .right, .locationtableLeft, #locationsMaps div, .WideWithRight, .faqButton, .faqButtonlast, ol#toc a, ol#toc li, .hitchsearch, .home-test1 .hitchsearch, .home-test-banner2, .home-hitch-selector-banner, .home-test-banner2, .home-hitch-selector-banner, .Shop-Sales-Link-Test, .ff-form-general li.label {float:left;} #header-cell .TopMenu li, #NotSearchForm, .right-sidebar, .Right, .Content, .FloatRight, #TopMenu li.Flag, .EstimateShipping, #Header .TopMenu li.HeaderLiveChat, .Content .ProductList .ProductRightCol, .SearchPaging, .SearchSorting, #PhoneCell, #ContactCell .pad, #CategoryPagingTop, .ff-form-general input.medium, .ff-form-general textarea.medium {float:right;} .zoomPad, .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {float: none !important;} .WideWithRight {float: left !important;} #LogoImage {width:100%;max-width:180px;height:auto;} /*clears*/ #Logo, #Menu, #Menu li ul li, #Wrapper, .wrapper, .Content .Block, #Footer, #Footer p, .Content .TopSellerProductList li.TopSeller1, .CompareButton, .Clear, .ProductReviewList, .ProductReviewList li, .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout, .KeepShopping, .CurrencyList dd, .SubCategoryListGrid ol, .SubBrandListGrid ol, .VideoSeparator, .videoRow, .SideRecentlyViewed .CompareButton, .hitchsearchbg, div.home-test1, a.home-mega-button, #CartStatusMessage {clear: both;} #Menu li ul, .HorizontalFormContainer dt, .ClearLeft, .PrimaryProductDetails dt, .EstimateShipping dt, .ProductDetailsGrid .DetailRow {clear: left;} .ClearRight {clear: right;} .Content .ProductList.List .ProductDetails {clear: none;} /*block delcarations*/ #Menu li ul, .SubCategoryList, .ExpressCheckoutBlock .ExpressCheckoutCompletedContent, .ExpressCheckoutBlockCollapsed .ExpressCheckoutContent, .ExpressCheckoutBlock a.ChangeLink, .RowDivider, .HideElement, .left-sidebar #VideoMiddleContainer, .Left #VideoMiddleContainer, .right-sidebar #VideoMiddleContainer, .Right #VideoMiddleContainer, .Content #VideoSideContainer, #AjaxLoading, #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext, #BelowSlider #Image, .panelcollapsed .panelcontent, .saleRight, div.content.inactive, .hitchselectorbtn, .ff-form-general #countrySelect, #ffshowDiv, .ProductList .Rating {display:none;} #Menu li a, #Menu li:hover ul, #Menu li.over ul, .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a, .right-sidebar .ProductDetails strong, .Right .ProductDetails strong, .NewsletterSubscription input.Textbox, .ProductPriceRating em, .Content .TopSellerProductList li.TopSeller1 .ProductImage, .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber, .SideRecentlyViewed .ProductList .ProductDetails a, .ViewCartLink, .JustAddedProduct strong, .JustAddedProduct a, .QuickSearchResultName, .QuickSearchAllResults a, .CurrencyList a, .CurrencyList a .Flag, .CurrencyList a .Text, .PrimaryProductDetails .YouSave, .EstimateShipping label, .ProductActionAdd, .ViewAllLink a, .Content .ProductList.List li, .Content .ProductList.List .ProductDetails, .videoRow, #gallery_container, #thumbs, .addfwd, .addbkwd, .faqButton a, ol#toc a, ol#toc span, a.home-hitch-selector-button, .home-test-banner2-text p, a.home-mega-button {display: block;} #header-cell .TopMenu li a, #header-cell .TopMenu li div, .ProductAddToCart dd.AddCartButton div.BulkDiscount {display: inline-block;} #header-cell .TopMenu li div a, #NotSearchForm, #Footer li, #Footer li div, .Breadcrumb li, .FindByCategory li, .CategoryPagination .PagingList li, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, .ExpressCheckoutBlockCompleted a.ChangeLink, .TabNav li, .ProductDetailsGrid .Label, .ProductDetailsGrid .Value, #PagesMenuCell {display:inline;} #ProductDetails .ProductTinyImageList ul li div {display: table-cell;} /*list styles*/ #header-cell .TopMenu ul, #header-cell .TopMenu li, #Menu li, .left-sidebar li, .Left li, .right-sidebar li, .Right li, .Content .ProductList, .Content .ProductList li, #Footer li, .Breadcrumb ul, .Breadcrumb li, .FindByCategory ul, .FindByCategory li, ul.ShippingAddressList, ul.ShippingAddressList li, .CategoryPagination .PagingList, .CategoryPagination .PagingList li, .SubCategoryList ul, .SubCategoryList li, .ProductReviewList, .ProductReviewList li, .ShippingProviderList, .SubCategoryListGrid ul, .SubCategoryListGrid li, .SubBrandList ul, .SubBrandList li, .SubBrandListGrid ul, .SubBrandListGrid li, .TabNav, .TabNav li, .ProductOptionList ul, .ProductOptionList li, #ProductDetails .ProductTinyImageList ul, #SideCategoryList2 li, ol#toc, .inline-list li {list-style: none;} .ff-form-general li {list-style:none !important;} /*margin & padding*/ #ProductDetails .ProductThumbImage {margin:auto;} #footer-cell, #thumb_container {margin:0 auto;} #header-cell .TopMenu ul, #header-cell .TopMenu li, #header-cell .TopMenu li div a, #Menu ul, #Menu li, .left-sidebar ul, .Left ul, .Content .ProductList, .Content .ProductList li, #Footer li, .Breadcrumb ul, .Breadcrumb li, .FindByCategory ul, .FindByCategory li, ul.ShippingAddressList, ul.ShippingAddressList li, .CategoryPagination .PagingList, .CategoryPagination .PagingList li, .QuickSearch, .CurrencyList dl, .CurrencyList dd, .TabNav, .TabNav li, .ProductOptionList ul, .ProductOptionList li, #VideoList ul, #ProductDetails .ProductTinyImageList ul, #SideCategoryList2 li, #gallery_container, .left-sidebar #side-category-list li, .Left #side-category-list li, .right-sidebar li, .Right li, ol#toc { margin:0; padding:0; } #header-cell .TopMenu li a, #header-cell .TopMenu li div, #Menu li ul, #Menu li ul li, #Menu li ul li a, .HorizontalFormContainer dl, .VerticalFormContainer dl, .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p, #VendorLogo .BlockContent, #VendorPhoto .BlockContent, .red-button, #container, .m0 {margin:0;} .ff-form-general ol {margin:0 !important;} .Content .TopSellerProductList li .ProductDetails, .MT0, .CheckoutRedeemCoupon h4, .contact-us-page #PageBreadcrumb, .Content #ProductBreadcrumb, #Tabs .Block {margin-top:0;} .right-sidebar, .Right, #TopMenu li.Flag img.Last, .locateMapSingle.lastMap {margin-right:0;} #Footer p, .NoMarginBottom, .mb0 {margin-bottom: 0;} .nav-bar, .SubCategoryList ul, .SubCategoryList li, .SideRecentlyViewed .ProductList li, .SubCategoryListGrid ul, .SubCategoryListGrid li, .SubBrandList ul, .SubBrandList li, .SubBrandListGrid ul, .SubBrandListGrid li {margin-left:0;} .Clear {margin-bottom: 0 !important;} .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2 {margin: 1px 1px 0;} #TopMenu li.Flag img {margin:3px;} .RemoveFromWishlistForm, #SearchResultsCategoryAndBrand, .panel, .panelcollapsed {margin:5px;} #emf-form input, #emf-form textarea {margin:5px 0;} li.notranslate .ltr input.large, li.notranslate .ltr select.large {margin:5px 0 !important;} .Content .Block, table.General, table.CartContents, table.General {margin:10px 0;} #NotSearchForm {margin:0 6px 0 0;} .verisign {margin:8px 10px 0 0;} #Logo {margin:10px 0 15px;} #NotSearchForm p {margin:0 0 0 55px;} #header-cell .TopMenu {margin:-5px 0 0;} .mt10 {margin-top:10px;} .mr5p {margin-right:5%;} .mb3 {margin-bottom:3px;} #product-reviews {margin:20px 0 0;} .mt20 {margin-top:20px;} .mb20 {margin-bottom:20px;} .mb5p {margin-bottom:5%;} #Footer ul, #Footer li div a {padding:0;} .p0-5p {padding:0 5%;} .faqButtonlast {padding-right:0;} .left-sidebar #GiftCertificatesMenu li a, .Left #GiftCertificatesMenu li a {padding-left:0;} #NotSearchForm input.Textbox, .NewsletterSubscription input.Textbox {padding:3px;} .p5p {padding:5%;} table.General thead tr th, table.CartContents thead tr th, table.General tbody td, table.CartContents tbody td, .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, .Content .ProductList li {padding:10px;} .p20 {padding:20px;} #header-cell .TopMenu li a, #header-cell .TopMenu li div {padding:0 7px;} .p15-0-0 {padding:15px 0 0;} #Logo h1 {padding:0 0 0 65px;} #Menu li a {padding: 14px 8px;} #Menu li ul li a {padding:10px;} .red-button {padding:7px 5%;} #QuickViewProductDetails .red-button { margin-right:5px; padding:4px 5% 5px 4%; } .left-sidebar, .Left, .right-sidebar, .Right {padding:12px 0 0;} .page-clean .left-sidebar, .page-clean .Left {padding:19px 0 0;} .right-sidebar .Block, .Right .Block, .m0-0-12 {margin:0 0 12px;} .left-sidebar .BlockContent, .Left .BlockContent, .right-sidebar .BlockContent, .Right .BlockContent {padding:5px 10px;} .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a {padding:5px 10px;} .right-sidebar .ProductDetails strong, .Right .ProductDetails strong {padding:5px 0 0;} .left-sidebar #side-category-list ul, .Left #side-category-list ul, .right-sidebar ul, .Right ul {padding:0 15px;} .left-sidebar #side-category-list ul, .Left #side-category-list ul, .right-sidebar ul, .Right ul {margin:0 -25px;} .left-sidebar #side-category-list li ul, .Left #side-category-list li ul {padding:0 0 0 10px;} .Content {padding:10px 0 10px 2.5%;} .TitleHeading {margin:0 0 6px;} .Content .ProductList li {margin:10px 3px 0 0;} .Content .ProductList .ProductImage {padding:0 5px;} .Content .ProductList .ProductDetails {margin:10px 0 0;} .left-sidebar .ProductList .ProductImage, .Left .ProductList .ProductImage, .right-sidebar .ProductList .ProductImage, .Right .ProductList .ProductImage {padding:0 5px;} .left-sidebar .ProductList .ProductImage, .Left .ProductList .ProductImage, .right-sidebar .ProductList .ProductImage, .Right .ProductList .ProductImage {margin:12px 12px 0;} #Footer {padding:20px 0 0;} #Footer li a, #Footer li div {padding:0 10px;} #Footer p {padding-bottom: 10px;} .TopSellers .TopSellerNumber {padding:6px 0 5px 7px;} .Content .TopSellerProductList li .ProductDetails {padding:3px 0;} .Content .TopSellerProductList li.TopSeller1 {padding:15px 5px;} .Content .TopSellerProductList li.TopSeller1, .Content .TopSellerProductList li.TopSeller1 .ProductImage {margin:0 10px 0 0;} .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber {margin:0 0 5px;} .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber {padding:7px 0 3px;} .HorizontalFormContainer dt .fieldLabel {padding:4px 0 0 4px;} .HorizontalFormContainer dd {padding:4px 0 0;} .HorizontalFormContainer dd {margin-left:0 0 0 170px;} .NarrowFormContainer dd, .NarrowFormContainer p.Submit {margin:0 0 0 120px;} .HorizontalFormContainer p.Submit {margin:10px 0 0 160px;} .VerticalFormContainer dt, .VerticalFormContainer dd {margin:0 0 6px;} .VerticalFormContainer dd {margin:0 0 0 10px;} .Breadcrumb {padding:0 0 4px;} .Breadcrumb li {padding:0 0 0 6px;} .Breadcrumb li:first-child {padding-left:0;} .Breadcrumb li a {padding:0 10px 0 0;} .product-splash .product-description-area { float:right; width:50%; margin:100px 0 0; } .product-splash .product-description { float:left; width:45%; margin:100px 5% 0 0; } .product-splash #product-reviews { margin:0; float:left; width:50%; position:relative; } .product-splash #SideProductRelated { float:left; width:100%; } .product-splash h1 { clear: both; font-size: 1.8em; font-weight: normal; color: #111; margin: 0; text-transform: uppercase; padding: 0 0 15px; } .product-splash h2 { margin: 0; background: #333; color: #fff; padding: 15px; font-weight: normal; text-transform: uppercase; /*letter-spacing: 1px;*/ /*font-size: 1vw;*/ } .product-splash h2.splash-title { background: transparent; padding: 0; font-weight: bold; /*font-size: 55px;*/ line-height: 99%; /*letter-spacing: 3px;*/ /*float: left;*/ /*min-width: 300px;*/ /*width: 500px;*/ } .product-splash h2.splash-title span { font-weight: normal; line-height: 110%; /*width: 100%;*/ /*float: left;*/ /*display: block;*/ } .product-splash h2.splash-title span:first-child { font-weight:bold; } .product-splash section p { margin-top: 20px; /* width: 100%; */ font-size: 16px; letter-spacing: .2px; line-height: 1.4em; padding: 0 15px; } .product-splash .ProductDescriptionContainer ul { margin: 0; padding: 20px 35px; font-size: 16px; line-height: 1.4em; } .product-splash .ProductDetailsGrid .Label { width: 18%; } .product-splash .ProductDetailsGrid .Label, .product-splash .ProductDetailsGrid .Value, .product-splash #SliderHead2, .product-splash #BelowSlider #RightText, .product-splash #locationsMaps span, .product-splash ol#toc, .product-splash #provider_list, .product-splash .fs16 { font-size: 20px; font-weight: normal; } .product-splash #VideoSideContainer, .product-splash #videos {display:none;} .product-splash #product-reviews .red-button { float:none !important; margin:0 auto; text-align:center; text-transform:uppercase; font-size:20px; padding:15px 5%; width:30% !important; position:absolute; top:70px; margin-left:30%; } .product-splash #product-reviews .product-review-form, .product-splash #product-reviews p.mt10 { margin-top: 50px; } .product-splash .ProductList { list-style:none; margin:0; padding:0; } .product-splash .ProductList li { padding: 1%; margin: 0; float: left; width: 18%; } .product-splash .ProductList a { height: auto; font-size: 16px; font-weight: normal; } .product-splash .ProductList img { max-height:100%; margin:0; width:100%; } .product-splash .ProductList .ProductDetails { clear: both; font-size: 16px; text-decoration: none; letter-spacing: .3px; padding: 0; width: 100%; } .product-hero-area { width: 100%; height: 100%; background: url("data:image/svg+xml;utf8,") no-repeat; position:relative; float:left; margin-top:20px; } .splash-trailer .product-hero-area { background: url("data:image/svg+xml;utf8,") no-repeat; } .product-hero-area .Breadcrumb { width: 90%; padding: 5% 5% 0% 9%; color: #fff; line-height: 100%; font-size: 18px; } .product-hero-area .Breadcrumb object { max-width: 33px; position: absolute; display:none; } .product-hero-area .Breadcrumb object .cls-1, .product-hero-area .Breadcrumb object svg path { fill: #ffffff; } .splash-coupler .product-hero-area .Breadcrumb .coupler_icon, .splash-trailer .product-hero-area .Breadcrumb .trailer_icon { display:block; } .product-hero-area .Breadcrumb ul { margin-left: 38px; line-height: 1.3em; } .product-hero-area .Breadcrumb li { display:none; } .product-hero-area .Breadcrumb li:nth-last-child(2) { display:block; } .product-hero-area .Breadcrumb li a { padding: 0 3px 0 0; color: #fff; text-decoration: none; font-weight: bold; font-size: 16px; text-transform: uppercase; background:transparent; } .product-hero-area .Breadcrumb li a span {float:left;} .product-hero-area .Breadcrumb li a:after { color: #fff; opacity: 1; content: ">>"; padding-left: 10px; text-decoration: none; margin-top: -2px; float: left; } .product-hero-area #ProductDetails .ProductThumbImage { background: transparent; border: 0; height: 600px !important; width: 600px !important; } .product-hero-area .PrimaryProductDetails .ProductThumb { width: auto !important; height: auto !important; position: absolute; right: 0; top: 0; } .product-hero-area .details-label {display:none;} .product-hero-area #ProductOtherDetails, .product-splash .PrimaryProductDetails { width: 34%; padding: 2% 5% 2% 9%; color: #fff; line-height: 150%; font-size: 18px; } .product-hero-area .PrimaryProductDetails .ProductMain { width: 100%; margin: 0 0 11%; } .product-hero-area #ProductDetails .ProductTinyImageList { width: 100% !important; overflow: visible !important; } .product-hero-area #ProductDetails .ProductTinyImageList ul { width: 100% !important; min-width: 100% !important; height: auto; } .product-hero-area #ProductDetails .ProductTinyImageList ul li { float:left; overflow:visible !important; } .product-description-area { float: left; width: 100%; margin-top: 5%; } .FindByCategory li {margin:0 0 0 20px;} .FindByCategory li {padding:0 8px 0 12px;} .left-sidebar .FeedLink, .Left .FeedLink, .right-sidebar .FeedLink, .Right .FeedLink {padding:0 5px 0 0;} .Content .FeedLink {margin:4px 0 0;} .SortBox {padding:5px 0 0 5px;} .CompareButton { margin-top: 12px; padding: 4px; } .ml5p {margin-left: 5%;} .MB10 {margin-bottom:10px;} .PLRB5 {padding:0 5px 5px;} .PLR10 {padding:0 10px;} .PL20, .AccountLogin {padding-left:20px;} .PL40 {padding-left:40px;} .ML20, .ml20 {margin-left:20px;} .MT10 {margin-top:10px;} .PL10 {padding-left:10px;} .PB2 {padding-bottom:2px;} .InfoMessage { padding: 8px 6px 8px 28px; margin-bottom: 10px; } .SuccessMessage, .ErrorMessage { padding: 8px 6px 8px 28px; margin-bottom: 10px; margin-top: 5px; } ul.ShippingAddressList li { margin-right: 10px; margin-bottom: 20px; } .PrimaryProductDetails .ProductMain {margin-left: 15px;} .PrimaryProductDetails dd {margin-left: 90px;} .ComparisonCheckbox {margin-top: 5px;} .SideRecentlyViewed .ProductDetails {margin-left: 20px;} .CompareFieldName {padding:8px 10px 8px 15px;} .CompareFieldTop {padding:5px;} .CompareLeft {padding:5px 10px 5px 10px;} .CompareCenter {padding:5px;} .CompareRating {padding-top:8px;} .CompareProductOption { margin-left:20px; padding-left:5px; } .ViewCartLink {padding-top: 4px;} .ProceedToCheckout a {padding-top: 5px;} .JustAddedProduct { margin: auto; padding: 5px; margin-bottom: 10px; } .JustAddedProduct strong, .JustAddedProduct a { margin-bottom: 3px; } .CategoryPagination {padding: 15px 5px 5px 5px;} .CategoryPagination .PagingList li {padding: 0 5px;} .QuickSearchTitle td, .QuickSearchAllResults td {padding: 4px;} .QuickSearchResult td {padding:8px;} .QuickSearchResultImage { margin-left: 4px; margin-right: 10px; } .QuickSearchResultNoImage {padding-top: 10px;} .QuickSearchResultName {padding-bottom: 5px;} .BrandCloud a {padding-right: 5px;} .DownloadExpires {padding-top: 3px;} .CheckoutRedeemCoupon p { margin-top: 10px; margin-bottom: 0; } .BillingDetails { margin-right: 10px; margin-bottom: 15px; } .ShippingDetails {margin-bottom: 15px;} .ProductDetailsGrid dt {margin-bottom: 6px;} .ProductDetailsGrid dd { margin-left: 145px; margin-bottom: 6px; } .SubCategoryList {padding: 4px;} .SubCategoryList li { margin-bottom: 4px; padding-left: 25px; } .SearchTips .Examples { padding: 8px; margin-left: 30px; margin-bottom: 10px; } .PrimaryProductDetails .ProductThumb p {margin-top: 10px;} .YourAccount li {margin-bottom: 8px;} .HowToPay {margin-bottom: 10px;} .GiftCertificateThemeList input {margin-bottom: 5px;} .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout {margin-bottom: 10px;} #TopMenu li.Flag img.Selected {margin: 1px 3px;} .CurrencyList a {padding: 0 3px 0 5px;} .CurrencyList a .Flag { margin-top: 4px; padding-right: 2px; } .CurrencyList a .Text {padding-left: 24px;} .PrimaryProductDetails .YouSave {margin-top: 3px;} .EstimateShipping { margin-top: 4px; margin-bottom: 4px; padding: 7px; } .EstimateShipping dt {margin-bottom: 8px;} .EstimateShipping dd { margin-bottom: 8px; margin-left: 114px; } .EstimateShipping p.Submit { margin-top: 10px; margin-bottom: 3px; } .EstimateShipping label {margin-bottom: 5px;} .EstimatedShippingMethods .VendorShipping { margin-left: 20px; margin-bottom: 10px; } .SharePublicWishList {padding:5px;} .ExpressCheckoutBlock .ExpressCheckoutTitle { padding: 6px; margin-bottom: 10px; } .ExpressCheckoutBlock {padding-top: 6px;} .LoadingIndicator {margin-left: 10px;} .LoadingIndicator img {margin-right: 10px;} .SubCategoryListGrid {padding: 4px;} .SubCategoryListGrid { padding: 0; margin: 22px 0 0; } .SubCategoryListGrid li { margin: 0 1.67% 1.67% 0; padding: 10px 2.5% 0; } .SubCategoryListGrid li:nth-child(4), .SubCategoryListGrid li:nth-child(9), .SubCategoryListGrid li:nth-child(14), .SubCategoryListGrid li:nth-child(19) {margin-right:0;} .SubBrandList {padding: 4px;} .SubBrandList li { margin-bottom: 4px; padding-left: 25px; } .SubBrandListGrid {padding: 4px;} .SubBrandListGrid li { margin-bottom: 4px; padding: 10px; margin-left: 10px; } .CartContents .CartProductFieldsLink { margin-top: 6px; padding-left: 22px; padding-bottom: 4px; } .ProductFields dd { margin-bottom: 4px; margin-left:20px; } .ProductFields {margin-bottom: 15px;} .CartContents .CartProductFieldsRow dl {margin-top:15px;} .ProductAddToCart dt.QuantityInput {margin-top: 2px;} .ProductAddToCart dd.AddCartButton span { margin-top: 2px; padding-right: 5px; } .ProductActionAdd {margin-top: 3px;} .Content .ProductList .ProductActionAdd { padding: 3px 0 6px; margin-left: -5px; } .Content .ProductList #frmWishList {margin-right: -14px;} .Content .ProductList .ProductPriceRating {padding: 5px 0;} .TagList, .mt20 {margin-top: 20px;} .WrappingOptions { margin-top: 6px; padding-left: 22px; padding-bottom: 4px; } .ViewAllLink a {padding-top: 10px;} .TabNav { margin-bottom: 0; padding: 6px 0 6px 0; } .TabNav li a { padding: 7px 20px; margin-top: 3px; } .TabNav li.Active a { margin-top: 0; padding-top: 7px; } .ProductAddToCart dd.AddCartButton div.BulkDiscount div.BulkDiscountLink {padding:0 0 0 4px;} .Content .ProductList.List li {margin:6px 0 0;} .Content .ProductList.List li {padding:6px;} .Content .ProductList.List .ProductImage {margin:0 10px 0 0;} .Content .ProductList.List .ProductImage {padding:0;} .Content .ProductList.List .ProductDetails {padding: 0 0 0 5px;} .Content .ProductList.List .ProductDetails {margin:0 0 0 135px;} .Content .ProductList.List .ProductQty {margin:0 0 0 10px;} .Content .ProductList.List .ProductDescription {margin:5px 0 0;} .Content .ProductList.List li .ProductCompareButton {margin:10px 0 0;} .OrderItemMessage { padding:7px; margin:10px 0; } .LittleNotePassword {padding:2px 0;} .ProductDetailsGrid .DetailRow { margin-top: 6px; padding-left: 0; } .ProductDetailsGrid .Label { margin: 0 0 6px; padding-top: 1px; } .ProductOptionList li {margin-bottom: 3px;} #VideoList {padding-left: 5px;} .videoRow {margin-bottom: 4px;} .videoRow img {padding-right: 5px;} .VideoContentContainer { margin-left: 3px; padding-left: 92px; } .videoRowLength {padding-left: 4px;} #VideoSingle { padding-top: 20px; padding-bottom: 20px; } #VideoContainer {padding: 5px 0 5px 5px;} .VideoSingleDescription { padding-top: 10px; padding-right:5px; } #VideoSideContainer ul li {margin-bottom: 5px;} .VideoSideDescription {padding: 2px 10px;} .SearchSorting {margin: 8px 0;} #SearchResultsCategoryAndBrand {padding: 5px;} .p10-10-15 {padding: 10px 10px 15px;} #AjaxLoading img {margin-right: 5px;} #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {margin-top:16px;} #ProductDetails .ProductTinyImageList {margin-top:10px;} #ProductDetails .ProductTinyImageList ul li {margin-left:3px;padding:0 !important;} #side-category-list .sf-menu a, #side-category-list .sf-menu ul a {padding: 5px 10px 5px 10px;} h1.p { margin-top: 10px; padding-right: 20px; } .locateMapSingle {margin-right: 26px;} .CheckoutRedeemCoupon { padding: 10px; margin-bottom: 10px; } #PhoneCell .pad {padding: 5px 5px 0 0;} #BadgesCell .pad {padding: 4px 0 0 50px;} .search {width:30%;} .search {padding: 0;} .search .pad {padding: 0;} .search .Button {margin-top:0;} .search .Textbox { margin: 0; float: right; width: 75%; padding: 14px 5%; height: auto; outline: 0; border: 0; background: #ddd;} .container-full .search {width:93.10346%;padding:10px 3.44827%;float:left;background:#ddd;} .container-full .search .Button {float:left;} .container-full .search .Textbox {outline:0;border:0;float:left;width:80%;background:#ddd;color:#111;padding:5px 20px;} #TopMenuCell {margin-top:12px;} #PagesMenuCell {margin-left: 0;} .link {padding-bottom: 3px;} #Cell1 .pad, #Cell2 .pad, #Cell3 .pad, #ContactCell .logo, #ContactCell .pad {padding: 35px 0 0;} #ContactCell p {margin: 21px 0 0;} .SideRecentlyViewed .ProductDetails {padding: 0 5px;} .ComparisonCheckbox {margin-top: 5px;} .SideRecentlyViewed .ProductPriceRating {margin-left: 25px;} .SideRecentlyViewed .CompareButton {padding: 4px;} #Add2Cart {padding: 40px 0 0;} #SideCategoryList2 li a {margin-bottom:0;} #SideCategoryList2 .BlockContent2 {padding: 10px 5px;} .p10-0-8 {padding: 10px 0 8px;} #SliderHead2 {padding: 9px 0 8px 0;} #slider_bg {padding:5px 1% 0;} #container {padding:13px 0 0;} #thumbs {margin-left:8px;} #thumbs a { padding:0; margin:0 15px; } #BelowSlider {padding: 0 2px;} #BelowSlider #RightText h3, #BelowSlider #RightText2 h3 {margin-bottom: 10px;} .Content .Breadcrumb, .Content #NewsBreadcrumb, .Content #LoginBreadcrumb {margin-top:1px;} #PageBreadcrumb { margin-left:0; margin-top:1px; } #CatOrdering {padding-right: 5px;} #CatNew {margin-right: -1px;} .ProductThumbImage { margin-left: 12px; padding: 0 5px; } .BulkDiscount {margin-right: 4px;} #Tabs {padding: 10px;} .p20-0-0 {padding: 20px 0 0;} .requestCat {padding: 11px 2px 9px 0;} .catTitle {padding: 4px 0 4px 10px;} .catimage {padding: 10px 0;} .catimage {border:1px solid #aaa;} #catBox, .catbox {margin: 0px 1.7% 20px 0;} #catBoxLast, .catboxlast {margin: 0 0 20px 0;} #side-category-list li a {padding: 3px 10px;} .pb10 {padding-bottom:10px;} .panel, .panelcollapsed {padding: 0 0 5px;} .panel h3, .panelcollapsed h3 { margin: 0 0 5px; padding: 8px 4px 11px 15px; } .panelcontent {padding: 10px 5px 5px 10px;} #contactCell .left .pad {padding: 15px 4% 0 4.5%;} #ContactAdd td {padding-top: 15px;} #contactCell .right .pad {padding: 15px 4% 0 6.5%;} .faqimage img{margin-left:-10px;} .directionsfield {margin: 4px 0 25px;} #locationsMaps div {padding: 0 5px 10px 2px;} #CheckoutInfo .pad {padding: 10px 5px 10px 10px;} .WideWithRight {padding: 0 10px 0 0;} .faqButton {padding-right:3px;} .faqButton a {padding: 15px 0 12px;} .homeBanner .pad {padding: 25px 435px 0 30px;} .homeBanner .pad p {margin: 10px 0 0 5px;} .homeBanner .button {padding-top: 20px;} .KeepShopping {padding-right: 7px;} #CartContent {padding-bottom:10px;} .left-sidebar .BlockContent, .Left .BlockContent, .right-sidebar .BlockContent, .Right .BlockContent {margin-left:1px;} h1.p { margin-top: 10px; padding-right: 20px; } div.content {padding: 20px;} div.content {margin-top:-3px;} ol#toc a {padding: 2px 20px;} ol#toc li {margin: 0 1px 0 0;} ol#toc span {padding-right: 10px;} .zoomWindow {margin:15px 0px 0px 98px;} body #ModalContainer.QuickViewModal .ModalTitle {padding: 10px 30px 10px 15px;} input[type="submit"]#CreateAccountButton, input[type="submit"].billingButton, .ML20 input[type="submit"], .Submit input[type="button"], .shippingquote a, input[type="submit"]#bottom_payment_button, p.Submit input[type="submit"] {padding: 8px 25px;} .ML20 input[type="submit"] {margin-left:20px;} div.home-search {margin-top:10px !important;} .hitchsearch, .home-test1 .hitchsearch { margin: 1%; padding-left: 1%; } .shippingquote a { margin-top:20px; margin-bottom:30px; float: left; width: 100%; text-align: center !important; padding: 8px 0; font-weight: bold; } .ExpressCheckout .shippingquote {float:left;width:100%;} .ExpressCheckout .shippingquote:after {clear:both;} .ExpressCheckout .shippingquote a {min-width:200px;width:30%;text-decoration:none;} .hitchbutton, div.home-test1 input[type="submit"] { padding: 12px 3%; margin: 1% 0; } .home-test-banner2, .home-hitch-selector-banner { margin-top: 0; padding-top: 0; } .home-hitch-selector-banner {margin-left: 0;} a.home-hitch-selector-button {margin-top: -305px;} .Shop-Sales-Link-Test {margin-bottom:20px;} .Shop-Sales-Link-Test {margin-left: 1.8%;} .home-test-banner2-text {margin-top:-85px; margin-left:10px;} .home-test-banner2-text p {margin-bottom: 10px;} a.home-mega-button {padding: 4px 10px;} .ff-form-general input.medium, .ff-form-general textarea.medium {padding:10px;} .ff-form-general input[type="image"].ff-form-submit {margin: 10px 0px 0px 75px !important;} .catalog-viewport-wide{margin:40px 0px 0px 35px;} .catalog-viewport{margin-top:6px;} .download-button{ padding: 15px 40px; margin-left: 631px; } #document-desc {margin-top: 3px;} .pdf-buttonspacer {margin-top: 25px;} .BlockContent .NewsDate, .PostBody {margin-left:5px;} .PostBody {margin-left:0;} .banner-title, .banner-title-grey {padding-left: 20px;} #PageContent input textarea, #PageContent input text {padding: 1px 0px 0px 5px;} .ff-form-general li {margin:0px 0px 23px 0px !important;} /*colors*/ #Logo h1, #Logo h1 a, #NotSearchForm label, #Menu li ul li, .red-button, .red-button:hover, .red-button:focus, .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, #Footer, #Footer li a, #Footer li div, .TopSellers .TopSellerNumber, #SideCategoryList2 .BlockContent2, #SideCategoryList2 .BlockContent2 a, #home-call-out a, #SliderHead2, #SliderHead2 a, .Content .ProductList .ProductActionAdd a, h1.p, table.CartContents thead tr th, table.General thead tr th, .ExpressCheckoutBlock .ExpressCheckoutTitle, .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, .TabNav li a, .TabNav li a:hover, .CartContents .ItemShipping th, .catTitle, .catTitle a, .panel h3, .panelcollapsed h3, .faqButton a, .homeBanner, #Menu li a, ol#toc a, input[type="submit"]#CreateAccountButton, input[type="submit"].billingButton, .ML20 input[type="submit"], .Submit input[type="button"], .shippingquote a, input[type="submit"]#bottom_payment_button, p.Submit input[type="submit"], .hitchbutton, div.home-test1 input[type="submit"], a.home-mega-button, .download-button, #download-button a:hover, .white {color:#fff;} a.ChangeLink {color:#aaa;} .SoldOut {color: #999;} .left-sidebar li a, .Left li a, .QuickSearchResultNoImage, .SearchTips .Examples, .CartContents .CartProductFieldsLink, .WrappingOptions, .SpecificInfoMessage, .InfoMessage, .SuccessMessage, .ErrorMessage, .CategoryDescription, #BelowSlider #RightText, #BelowSlider #RightText2, .LittleNotePassword, #footer-cell a, #ContactCell .pad, #header-cell .TopMenu li a, #header-cell .TopMenu li div, .TransitTime, .hitchsearch, .home-test1 .hitchsearch, .ff-form-general input.medium, .ff-form-general textarea.medium {color: #666;} .TitleHeading, .Meta, .Availability, .LittleNote, .DownloadExpires, .SortBox option, .fastCartContent p, #BelowSlider #RightText h3, #BelowSlider #RightText2 h3, .right-sidebar .ProductDetails strong a, .Right .ProductDetails strong a, .Content .ProductList .RetailPriceValue, .ProductDetails strong, .ProductDetails strong a, #Footer a, .SortBox, small, #footer-cell a:hover {color: #333;} .CartContents tbody td, .CategoryPagination, .SideRecentlyViewed strong a, #locationsMaps span {color: #111;} .fastCartContent h2, #PhoneCell .pad, #locationstable span, .see-all a, .Required, .required, .DownloadExpiresToday, #BadgesCell .pad, .right-sidebar .ProductDetails em a, .Right .ProductDetails em a, .MiniCart .SubTotal, .CompareFieldTop a:hover, .MiniCart .SubTotal, .JustAddedProduct strong, .JustAddedProduct a, .fastCartContent h3, .fastCartContent .fastCartTop a, .fastCartContent .ProductList .ProductDetails a, .fastCartContent .ProductPrice, .fastCartContent .ProductList em, .fastCartContent .Quantity, .SideRecentlyViewed em {color: #b71237;} .banner-title, .banner-title-grey {color: #fff !important;} /*background colors*/ #Menu li ul li, #Menu li ul li a, .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a, .bg-none {background: transparent;} #NotSearchForm input.Textbox, .Content .ProductList .ProductImage, .Content .TopSellerProductList li.TopSeller1, .QuickSearch, .SubCategoryListGrid li, .SubBrandListGrid li, .JustAddedProduct, .fastCartContent .ProductList li, .category-background, table.CartContents, table.General, .left-sidebar .BlockContent, .Left .BlockContent, .right-sidebar .BlockContent, .Right .BlockContent, .bg-white {background:#fff;} .bg-ddd {background:#ddd;} #Menu li ul {background:#aaa;} .nav-bar, .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, #PagesMenuCell, #SideCategoryList2, .catTitle, table.CartContents thead tr th, table.General thead tr th, .bg-333 {background:#333;} #Menu li:hover a, #Menu li.over a {background: #111;} .red-button {background: #b71237;} .right-sidebar #SideProductAddToCart .BlockContent, .Right #SideProductAddToCart .BlockContent {background: #f5f9fb;} .Content .ProductList li:hover, .Content .FeaturedProducts li {background-color: #f6f6f6;} .Content .FeaturedProducts li:hover {background-color: #f0f0f0;} .QuickSearchHover td {background: #fff;} .SearchTips .Examples {background: lightyellow;} .CurrencyList dd {background-color: #F9F9F9;} .CurrencyList a.Sel {background-color: #FFFFAA;} .SharePublicWishList {background-color:seashell;} .OrderItemMessage {background-color:#fff1a8;} #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext, .SubCategoryListGrid li:last-child {background:none;} .CheckoutRedeemCoupon {background: #f0f0f0;} .SpecificInfoMessage {background-color: #f8e4d1;} .ComparisonTable tr:hover td, .ComparisonTable tr.Over td, .EstimateShipping, .fastCartSummaryBox, .panelcontent {background: #f2f2f2;} .TabNav li a {background: #404040;} .TabNav li a:hover, .TabNav li.Active a {background: #b8213b;} .CartContents .ItemShipping th {background: #5fa5c4;} #side-category-list .sf-menu .sfHover a, #side-category-list .sf-menu li ul a {background-color: #e6e6e6;} .fastCartContent h2, .fastCartContent h3 {background-color:transparent;} .panel h3:hover, .panelcollapsed h3:hover {background: #666;} #contactCell .left {background-color: #ececec;} #Header {background:#55595C;} #header-cell .TopMenu li a, #header-cell .TopMenu li div {background: transparent;} #header-cell .TopMenu li div a {background: transparent;} #header-cell .TopMenu li.first a {background: none;} #Logo h1 {background:transparent url('../../Infinity/images/red/Logo.png') no-repeat top left;} .right-sidebar #SideProductAddToCart h2, .Right #SideProductAddToCart h2 {background: url('../../Infinity/images/red/SideTop2.gif') no-repeat;} .left-sidebar .ProductList .ProductImage, .Left .ProductList .ProductImage, .right-sidebar .ProductList .ProductImage, .Right .ProductList .ProductImage {background: #fff;} #Footer {background:#262B2F url('../../Infinity/images/red/FooterBg.gif') repeat-x;} .TopSellers .TopSellerNumber {background:transparent url('../../Infinity/images/red/TopSellerNumberBg.gif') no-repeat scroll 0 4px;} .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber {background:transparent url('../../Infinity/images/red/TopSellerNumber1Bg.gif') no-repeat scroll 0;} .Breadcrumb li a {background: url('../../Infinity/images/BreadcrumbSep.gif') no-repeat right;} .FindByCategory li {background: url('../../Infinity/images/BreadcrumbSep.gif') no-repeat 3px 5px;} .QuickSearchAllResults a {background:#B71237;color:#fff;padding:10px;text-indent:0 !important;width:auto;margin:0 10px 10px;font-size:14px;float:left;text-transform:uppercase;} .SubCategoryList li {background: url('../../Infinity/images/SubCategory.gif') no-repeat 3px 1px;} #Header .TopMenu li.HeaderLiveChat div {background-image: none;} #Header .TopMenu li.HeaderLiveChat a {background-image: none;} .SubBrandList li {background: url('../../Infinity/images/SubBrand.gif') no-repeat 3px 1px;} .CartContents .CartProductFieldsLink {background: url('../../Infinity/images/GiftWrappingAvailable.gif') no-repeat;} /*.Content .ProductList .ProductActionAdd {background:url(../images/crofttrailer_20.gif) no-repeat center left;}*/ .WrappingOptions {background: url('../../Infinity/images/GiftWrappingAvailable.gif') no-repeat;} .Content .ProductList.List li, .Content .ProductList.List .ProductImage, .Content .ProductList.List .ProductDetails {background-image: none;} .VideoOverlay { background-image: url('../images/VideoOverlay.png'); background-position: center center; } .InfoMessage {background: #F6F6F6 url('../../Infinity/images/InfoMessage.gif') no-repeat 5px 8px;} .SuccessMessage {background: url('../../Infinity/images/SuccessMessage.gif') no-repeat 5px 8px;} .ErrorMessage {background: #FFECEC url('../../Infinity/images/ErrorMessage.gif') no-repeat 5px 8px;} .ExpressCheckoutBlock .ExpressCheckoutTitle {background:url(../images/cartheaderX.gif) repeat-x 0 0;} .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {background:url(../images/cartheaderX.gif) repeat-x 0 0;} #side-category-list .sf-sub-indicator {background-image: url('../../Infinity/images/red/arrows-dark.png');} #SliderHead2 {background:url(../images/sliderhead2.gif) 0 0 no-repeat;} .addfwd { background: url(../images/crofttrailer_34.gif) no-repeat; background-position:right 24px; } .addbkwd { background:url(../images/crofttrailer_31.gif) no-repeat; background-position:left 24px; } .ProductThumbImage {background: none repeat scroll 0 0 #FFFFFF;} .orderingCat {background:url(../images/red_catalog_order.png) no-repeat 0% 0px;} .panel, .panelcollapsed {background:url(../images/faqbg.gif) repeat-x 0% 0px;} .panel h3, .panelcollapsed h3 {background: url(../images/minus.gif) no-repeat 98% center;} .panelcollapsed h3 {background: url(../images/plus.gif) no-repeat 98% center;} #contactCell {background:url(../images/contactBg.gif) repeat-y 0% 0px;} .faqButton a {background:url(../images/faqbutton.gif) no-repeat center;} .homeBanner {background:url(../images/home_banner3.jpg) no-repeat 0% 0px;} #CartContent {background:url(../images/cartcontentbg.gif) no-repeat 0% 100%;} #Tabs {background-color: #fff;} div.content {background-color: #fff;} ol#toc a {background: none repeat scroll 0 0 #404040;} ol#toc a:hover {background: #B8213B;} ol#toc a:hover span {background-position: 100% -120px;} ol#toc li a.active {background-color: #B8213B;} ol#toc li a.active span {background-position: 100% -60px;} .hitchsearchbg {background:#333;} #PageContent input textarea, #PageContent input text {background: url(../images/textarea.png) 0% 100% no-repeat;} input[type="submit"]#CreateAccountButton, input[type="submit"].billingButton, .ML20 input[type="submit"], .Submit input[type="button"], .shippingquote a, input[type="submit"]#bottom_payment_button, p.Submit input[type="submit"] {background:#B8213B !important;} .ShippingMethodList .Submit input[type="button"] {background: #aaa !important;} .hitchbutton, div.home-test1 input[type="submit"] {background: #B8213B !important;} .home-test-banner2, .home-hitch-selector-banner {background-repeat:no-repeat !important;} a.home-mega-button {background:#B8213B !important;} .ff-form-general input.medium, .ff-form-general textarea.medium {background-color: #eae8e8;} .download-button{background: #B8213B !important;} .banner-title {background:url(../images/web_divider_graphic.png) top left no-repeat;} .banner-title-grey {background:url(../images/banner-title-grey.png) top right no-repeat;} .gold-bg {background: #906C40;} .black-bg {background: #000;} .red-bg {background: #b71237;} /*text decoration*/ #header-cell .TopMenu li a, #header-cell .TopMenu li div, #Logo h1 a, #NotSearchForm a, #Menu li a, .red-button, .red-button:hover, .red-button:focus, .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a, .right-sidebar .ProductDetails strong a, .Right .ProductDetails strong a, .ProductDetails strong a, #Footer li a, #Footer li div, .CompareFieldTop a, .QuickSearchResultName, .CurrencyList a, .Content .ProductList .ProductActionAdd a, .TabNav li a, .TabNav li a:hover, .catTitle a, .faqButton a, ol#toc a, ol#toc li a.active, a.home-mega-button, .download-button {text-decoration: none;} #NotSearchForm a:hover, #header-cell .TopMenu li a:hover, #Menu li ul li a:hover, #Menu li:hover a, #Menu li.over a, .right-sidebar .ProductDetails em a, .Right .ProductDetails em a, .left-sidebar li a:hover, .Left li a:hover, .right-sidebar li a:hover, .Right li a:hover, .ProductDetails strong a:hover, .CompareFieldTop a:hover, .QuickSearchHover a, .CurrencyList a:hover .Text, .ProductActionAdd a, .ProductActionAdd strong a, #footer-cell a, #home-call-out a, #SliderHead2 a, #download-button a:hover {text-decoration: underline;} #Menu li ul li a, #Menu li.over li a, .ff-social a, .ff-social a img, .ff-social img {text-decoration:none !important;} #Menu li ul li a:hover {text-decoration: underline !important;} /*text align*/ .ta-left, #header-cell .TopMenu li a, #header-cell .TopMenu li div, #Menu li ul, #Menu li ul li, #Menu li ul li a, .Content .ProductList li, table.General thead tr th, table.CartContents thead tr th, .QuickSearch, .EstimateShipping dd, .EstimatedShippingMethods, .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td, .Content .ProductList.List .ProductDetails, .Content .ProductList.List li .ProductCompareButton, .ProductDetailsGrid .Label, .SideRecentlyViewed .CompareButton, .catTitle {text-align: left;} .ta-center, #Menu li a, .red-button, .Content .ProductList .ProductImage, .left-sidebar .ProductList .ProductImage, .Left .ProductList .ProductImage, .right-sidebar .ProductList .ProductImage, .Right .ProductList .ProductImage, #Footer, .Content .TopSellerProductList li.TopSeller1 .ProductImage, .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber, .PrimaryProductDetails .ProductThumb, .CompareFieldTop, .CompareCenter, .CompareRating, .ViewCartLink, .MiniCart .SubTotal, .JustAddedProduct, .QuickSearchResultImage, .GoogleCheckout, .PayPalExpressCheckout, .AlternativeCheckout, .SubCategoryListGrid li, .SubBrandListGrid li, p.QuantityInput, p.AddCartButton, .Content .ProductList .ProductActionAdd, .CartThumb, #VendorLogo .BlockContent, #VendorPhoto .BlockContent, #VideoSideContainer ul, #ProductDetails .ProductTinyImageList ul li div, #SliderHead2, .ProductThumbImage, #catBox, .catbox, #catBoxLast, .catboxlast, #FaqIcons, .ta-center {text-align: center;} .ta-right, .CompareButton, .CartContents tfoot .SubTotal td, .ProceedToCheckout, .CategoryPagination, .KeepShopping, .EstimatedShippingMethods .Submit, .CartContents tfoot .SubTotal .EstimatedShippingMethods tbody td.Price, #PhoneCell .pad, #ContactCell .pad, .requestCat, .towingEx {text-align: right;} /*font weight*/ .fw-bold, #Logo h1 a, #NotSearchForm label, .right-sidebar .ProductDetails strong a, .Right .ProductDetails strong a, .right-sidebar .ProductDetails em a, .Right .ProductDetails em a, .Content h2, .TitleHeading, .ProductDetails strong, .ProductDetails strong a, .TopSellers .TopSellerNumber, .Required, .PrimaryProductDetails dt, .CartContents .ProductName a, .CartContents tfoot .SubTotal td, .QuickSearchTitle td, .QuickSearchAllResults td, .QuickSearchResultName, .ProductDetailsGrid dt, .PrimaryProductDetails .YouSave, #Header .TopMenu li.HeaderLiveChat a, .Content .ProductList .ProductActionAdd a, .TabNav li.Active a, .ProductDetailsGrid .Label, .ProductDetailsGrid .Value, .videoRowTitle, .VideoSingleTitle, .CompareFieldName, #PhoneCell .pad, #BadgesCell .pad, .SideRecentlyViewed em, .catTitle, .catTitle a, .panel h3, .panelcollapsed h3, #locationstable span, .faqButton a, .homeBanner span, ol#toc, ol#toc a, ol#toc li a.active, .home-test-banner2-text {font-weight:bold;} .fw-normal, #Menu li a, .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a, .EstimateShipping, .EstimateShipping dd, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, .TransitTime, #side-category-list .sf-menu ul a, #ContactCell .pad {font-weight: normal;} .fw-100, h1.p {font-weight: 100;} .fw-900, #provider_list {font-weight: 900;} .banner-title, .banner-title-grey {font-weight:normal !important;} /*font styles*/ .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, .Content .ProductList.List .ProductDescription, .DownloadExpires {font-style: italic;} /*font sizes*/ .ContentList em, .QuickSearchResultMeta em {font-size: 0.8em;} #header-cell .TopMenu, #NotSearchForm a, .left-sidebar, .Left, .right-sidebar, .Right, #Footer, .LittleNote, .LittleNotePassword {font-size: 0.85em;} #NotSearchForm input.Textbox, #Menu li a, #Menu li ul, .NewsletterSubscription input.Textbox, .Content .ProductList li, .Breadcrumb, .PrimaryProductDetails dl, .PrimaryProductDetails .ProductThumb p, .SortBox select {font-size: 12.9555px;} .Meta {font-size: 0.93em;} .SortBox, .SearchPaging, .SearchSorting, .SearchSorting select {font-size: 0.95em;} #Menu li ul li a {font-size: 1em;} .JustAddedProduct strong, .JustAddedProduct a {font-size: 1.02em;} .TopSellers .TopSellerNumber {font-size:1.2em;} #NotSearchForm label {font-size:1.3em;} .Content h2, .TitleHeading { font-size:1.1vw; margin-top:40px; } .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber {font-size:2em;} #Logo h1 {font-size:2.6em;} .right-sidebar .ProductDetails em a, .Right .ProductDetails em a, .CompareFieldTop a {font-size:10px;} .right-sidebar .ProductDetails strong a, .Right .ProductDetails strong a, .ComparisonTable td, small, .QuickSearchTitle td, .QuickSearchAllResults td, .QuickSearchResult td, .QuickSearchResult .Price, .CurrencyList a, .CartContents .CartProductFieldsLink, .WrappingOptions, .TabNav {font-size: 11px;} .BrandCloud .smallest, .ExpressCheckoutBlock h3 a, .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent, .Content .ProductList .ProductActionAdd a, .TabNav li a, #footer-cell a, #container, #BelowSlider #RightText2, .catTitle, .catTitle a, ol#toc a, ol#toc li a.active {font-size: 12px;} .red-button, .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a, .ProductDetails strong a, #fastCartContainer, .SideRecentlyViewed em {font-size: 13px;} #ContactCell .pad, #ContactCell a, #SideCategoryList2 .BlockContent2 a, #BelowSlider #RightText h3, #BelowSlider #RightText2 h3, .faqButton a, .home-test-banner2-text p {font-size:14px;} .BrandCloud .small, .panel h3, .panelcollapsed h3 {font-size: 15px;} .ProductDetailsGrid .Label, .ProductDetailsGrid .Value, #SliderHead2, #BelowSlider #RightText, #locationsMaps span, ol#toc, #provider_list, .fs16 {font-size: 16px;} .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, .right-sidebar h2, .Right h2, .BrandCloud .medium, .hitchsearch, .home-test1 .hitchsearch {font-size: 18px;} .BrandCloud .large, .hitchbutton, div.home-test1 input[type="submit"] {font-size: 20px;} #BadgesCell .pad, #locationstable span {font-size: 22px;} .BrandCloud .largest, #PhoneCell .pad {font-size: 26px;} .homeBanner span {font-size: 30px;} .home-test-banner2-text {font-size:50px;} .GoogleCheckout p, .PayPalExpressCheckout p, .AlternativeCheckout p {font-size: 13px;} .MiniCart .SubTotal {font-size: 115%;} h1.p {font-size: 14px !important;} a.home-mega-button {font-size:25px !important;} .banner-title, .banner-title-grey {font-size: 40px !important;} /*letter-spacing*/ #Logo h1, #NotSearchForm label, .right-sidebar h2, .Right h2 {letter-spacing:-0.05em;} .banner-title, .banner-title-grey {letter-spacing:1px;} /*cursor*/ .red-button, .QuickSearchResult td, .videoRow, .videoRowTitle, .videoRow img, .videoRowLength, #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext, .addfwd, .addbkwd, input[type="submit"]#CreateAccountButton, input[type="submit"].billingButton, .ML20 input[type="submit"], .Submit input[type="button"], .shippingquote a, input[type="submit"]#bottom_payment_button, p.Submit input[type="submit"], .hitchbutton, div.home-test1 input[type="submit"], .download-button, .search button {cursor:pointer;} /*indent*/ .QuickSearchAllResults {text-indent: -7000px;} /*text-transform*/ .hitchbutton, div.home-test1 input[type="submit"] {text-transform: uppercase;} /*opacity*/ #logo-cell a:hover, #logo-cell a:focus, .home-hitch-selector-banner a:hover, .home-hitch-selector-banner:focus, .home-test-banner2 a:hover, .home-test-banner2 a:focus {opacity:1;} .red-button:hover, .red-button:focus, .SubCategoryListGrid li a:hover, .SubCategoryListGrid li a:focus, #catBox a:hover, #catBox a:focus, #catBoxLast a:hover, #catBoxLast a:focus, .catbox a:hover, .catbox a:focus, .catboxlast a:hover, .catboxlast a:focus, #PhoneCell a:hover, #PhoneCell a:focus, input[type="submit"]#CreateAccountButton:hover, input[type="submit"].billingButton:hover, .ML20 input[type="submit"]:hover, .Submit input[type="button"]:hover, .shippingquote a:hover, input[type="submit"]#bottom_payment_button:hover, p.Submit input[type="submit"]:hover, input[type="submit"]#CreateAccountButton:focus, input[type="submit"].billingButton:focus, .ML20 input[type="submit"]:focus, .Submit input[type="button"]:focus, .shippingquote a:focus, input[type="submit"]#bottom_payment_button:focus, p.Submit input[type="submit"]:focus, div.home-test1 input[type="submit"]:hover, div.home-test1 input[type="submit"]:focus {opacity:.8;} .shippingquote a:hover, .shippingquote a:focus {text-decoration:none;} /*font families*/ .left-sidebar span, .left-sidebar h2, .Left span, #GiftCertificatesMenu h2, #fastCartContainer {font-family: "myriad-pro", "tk-myriad-pro-n7", "tk-myriad-pro-i7", "tk-myriad-pro-i4", "tk-myriad-pro-n4", Arial, sans-serif;} .banner-title, .banner-title-grey {font-family: 'molotregular', 'Open Sans', sans-serif;} /*white-space*/ #header-cell .TopMenu li a, #header-cell .TopMenu li div, #Menu li, #ProductDetails .ProductTinyImageList, #ProductDetails .ProductTinyImageList ul, #thumbs {white-space:nowrap;} /*line-height*/ #PhoneCell .pad, .hitchbutton, div.home-test1 input[type="submit"] {line-height: 18px;} .hitchsearch, .home-test1 .hitchsearch {line-height: 24px;} .banner-title, .banner-title-grey {line-height: 62px;} .left-sidebar li a, .Left li a, .right-sidebar li a, .Right li a {line-height: 1.2em;} #BelowSlider #RightText, .Breadcrumb, div.content {line-height:1.3em;} .LH140, #ContactCell p, #ContactCell a, body #ModalContainer.QuickViewModal .ModalTitle {line-height: 1.4em;} .WrappingOptions {line-height: 1.6em;} #provider_list {line-height: 1.7em;} .CurrencyList a {line-height: 1.8em;} ol#toc span, .lh2 {line-height: 2em;} /*overflow and visibility*/ .Content .ProductList li, .Content .TopSellerProductList li.TopSeller1 .ProductImage, .JustAddedProduct, .videoRowDescription, #ProductDetails .ProductTinyImageList, #ProductDetails .ProductTinyImageList ul li, #footer-cell, #slider_bg, #thumb_container, .panelcontent {overflow: hidden;} #VideoList ul, .VideoSingleDescription {overflow-y: auto;} .RequiredClear, .carousel {visibility: hidden;} /*design elements*/ .TabNav li a, #sale1, #sale2, ol#toc a {border-radius: 0;} #contactCell, #mc_embed_signup .button {border-radius: 0px !important;} body #ModalContentContainer, body #ModalContainer.QuickViewModal .ModalTitle, body #ModalContainer.QuickViewModal .ModalContent { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } #SearchForm {width:100%;} #SearchForm .Button { border: none; border: 0; outline: none; padding: 14px 5%; margin: 0; float: left; width: 15%; background: #aaa;} #SearchForm .Button:hover, #SearchForm .Button:focus {background:#b71237;color:#fff;border:none;border:0;outline:none;} .SubCategoryListGrid li:last-child {box-shadow:none;} .ProductThumbImage { border:1px solid #aaa; } body #ModalContentContainer #QuickViewImage { -webkit-box-shadow:none; box-shadow:none; } .QuickSearchAllResults a:active, .QuickSearchAllResults a { outline: none; -moz-outline-style: none; } .hitchsearch, .home-test1 .hitchsearch {outline: 0;} /*width and height*/ .SubCategoryListGrid li img { max-width:100%; height:auto; } #Header {height: 132px;} #header-cell .TopMenu li a, #header-cell .TopMenu li div {height:1em;} #logo-cell { width: 18.5%; max-width: 178px; margin-top: 8px; } #Logo {height: 45px;} .nav-bar {width: 100%;} #NotSearchForm input.Textbox { height:13px; width:134px; } #Menu li {max-width:18%;} #Menu li.first {margin-left: 5px;} #Menu li ul {width: auto;} #Menu li ul li a { width: 148px; height: auto; } .red-button {width: 90%;} #QuickViewProductDetails .red-button {width: auto;} .width-auto {width:auto;} .height-auto {height:auto;} .left-sidebar, .Left, .right-sidebar, .Right { width:18.5%; max-width:178px; } .left-sidebar .BlockContent, .Left .BlockContent, .right-sidebar .BlockContent, .Right .BlockContent {width:87%;} .Content {width:79%;} .Content.Widest {width:100%;} .Content .ProductList li {width:22% !important;} .Content .ProductList .ListView {width:auto !important;} .Content .ProductList .ProductImage { width: 156px!important; height: 10.5em; } .left-sidebar .ProductList .ProductImage, .Left .ProductList .ProductImage, .right-sidebar .ProductList .ProductImage, .Right .ProductList .ProductImage { float:left; } .TopSellers .TopSellerNumber {width:21px;} .Content .TopSellerProductList li .ProductDetails {width:105px;} .Content .TopSellerProductList li.TopSeller1 { height: 12em; width:47%; } .Content .TopSellerProductList li.TopSeller1 .ProductImage {width:130px;} .Content .TopSellerProductList li.TopSeller1 .ProductImage img {max-width: 130px;} .Content .TopSellerProductList li.TopSeller1 .TopSellerNumber { height:34px; width:44px; } .HorizontalFormContainer dt {width: 160px;} .HorizontalFormContainer dd.ProductField {height: 20px;} .NarrowFormContainer dt {width: 110px;} .SortBox {width: 200px;} .Field45 {width: 45px;} .Field80 {width: 80px;} .Field100 {width: 100px;} .Field150 {width: 150px;} .Field200 {width: 200px;} .Field250 {width: 250px;} .Field300 {width: 300px;} .Field350 {width: 350px;} .Field400 {width: 400px;} .CreateAccount, .AccountLogin {width: 48%;} ul.ShippingAddressList li {width: 30%;} .PrimaryProductDetails .ProductThumb { width: 420px !important; height: 452px !important; } .PrimaryProductDetails .ProductMain {width: 363px;} .PrimaryProductDetails dt {width: 80px;} .SideRecentlyViewed .ProductList .ProductDetails a {width: 115px;} .ComparisonTable {width: 100%;} .CompareFieldName {width:95px;} table.General, table.CartContents, table.General {width: 100%;} .JustAddedProduct {width: 118px;} .BillingDetails, .ShippingDetails {width: 48%;} .ProductDetailsGrid dt {width: 140px;} .PaymentOptions {width: 545px;} .KeepShopping {width: 180px;} .CurrencyList a .Flag {width: 24px;} .EstimateShipping {width: 320px;} .EstimateShipping dt {width: 100px;} .EstimatedShippingMethods table {width: 100%;} .SubCategoryListGrid li { /*width: 18% !important; height: 190px !important;*/ width: 23.5% !important; height: auto !important; padding: 0; padding-bottom: 24%; margin: .4% .4% 5%; position: relative; border: 1px solid #333 !important; border-bottom:0 !important; } .ProductAddToCart dt div.Required, #CartEditProductFieldsForm dt div.Required {width: 8px;} .ProductAddToCart input.Textbox, #CartEditProductFieldsForm input.Textbox{width:181px;} .ProductAddToCart textarea, #CartEditProductFieldsForm textarea{ width:183px; height: 50px; } .ProductFields input.Textbox, .ProductFields TextArea, #CartContent {width:100%;} .CartThumb img {max-width:100px;} .buy-now-button { outline: 0; border: 0; width: 175px; padding: 12px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: .8vw; margin: 10px 7px 10px 0 !important; } .wishlist-button { outline: 0; border: 0; width: 175px; padding: 12px; text-decoration: none; font-size: .8vw; margin: 10px 0 !important; background-color:#aaa; } #pdf-fullcontent iframe {width:100%;height:700px;} #CartContent {min-height:150px;} .SelectGiftWrapMultiple {max-height: 400px;} .Content .ProductList.List li { width: auto; min-height: 0; height: 132px; } .Content .ProductList.List .ProductDetails {height: auto;} .Content .ProductList.List .ProductImage { width: 120px; height: 120px; } .ProductDetailsGrid .Label {width: 90px;} .videoRow {height: 75px;} .previewImageContainer { height: 30px; width: 50px; } .videoRowDescription {max-height: 50px;} .VideoOverlay { height: 100%; width: 100%; } .VideoPreviewSize { width: 92px; height: 69px; } #VideoList ul { width: 430px; height: 265px; } #VideoSingle {width:430px;} #VideoContainer { height: 265px; width: 320px; } .VideoSingleDescription {height: 220px;} #ProductDetails .ProductTinyImageList {width: 80%;} #ProductDetails .ProductTinyImageList ul li { width: 40px !important; height: 40px !important; } #ProductDetails .ProductTinyImageList ul li:hover {cursor:pointer;} #ProductDetails .ProductTinyImageList ul {width: 2500px;} #ProductDetails .ProductThumbImage { padding: 0; margin: 0; height: 400px !important; width: 400px !important; overflow:hidden; /*This is a quick patch and should be unecessary in the final version of the site*/ } .carousel {width: 180px;} #side-category-list .sf-menu, #side-category-list .sf-menu ul, #side-category-list .sf-menu li {width: 128px;} #side-category-list .sf-menu a {width: 108px;} #side-category-list .sf-menu ul {left: 128px;} #side-category-list .sf-menu ul a {width: 108px;} .locateMapSingle {width: 165px;} img.social {width:25px;} .CompareItem {width:200px;} .CheckoutRedeemCoupon {width: 300px;} .w15 {width: 15%;} .w82-5 {width: 82.5%;} #PhoneCell { width: auto; height: 44px; } #BadgesCell { width: 360px; height: 50px; } #TopMenuCell { width: auto; height: 50px; } .search {margin: 0;} #SearchCell {margin: 0;padding: 0;} #SearchCell form {margin: 0; float: right; padding: 0; border: 0; outline: 0;} #PagesMenuCell {width:70%;} #footer-cell { height: 207px !important; max-height: 207px !important; width: 100%; max-width: 1024px; } #Cell1, #Cell2, #Cell3 { width: 20%; height: 187px; } #ContactCell { width: 40%; height: 187px; } #FooterRow { width: 980px; height: 55px; } #SideCategoryList2 {height: auto;} #slider_bg { width:98%; height:80px; } #gallery_container { width:100% !important; height:80px; } #thumb_container { width:95% !important; height:65px; } .addfwd, .addbkwd { width:24px; height:60px; } #BelowSlider #Image {width: 22.5%;} #BelowSlider #RightText {width: 100%;} #BelowSlider #RightText2 {width: 550px;} #CategoryPagingTop {width: 500px;} .orderingCat {height: 167px;} .top-home-cell {margin-bottom:20px;} #catBox, .catbox {width: 19%;margin:.5%;} #catBoxLast, .catboxlast {width: 176px;} .saleLeft {width: 100%;} .saleLeft img { width:100%; height:auto; } .saleRight {width: 382px;} .panel, .panelcollapsed {width: 99%;} #FaqIcons { width:100%; height:50px; } #contactCell .left {width: 36.5%;} #contactCell .right {width: 57.5%;} .faqimage img{ max-width: 505px; max-height: 61px; height: auto !important; height: 61px; } #emf-form input { height: 30px; width: 487px; } #emf-form textarea {width: 487px;} #contactSub { width: 173px !important; height: 40px !important; } .directionsfield { height: 24px; width: 244px; } .locationtableLeft {width: 395px;} #locationsMaps img {width: 99%;} .faqButton a {width: 185px;} .homeBanner { height: 307px; width: 764px; } .content {min-height:593px;} ol#toc {height: 2em;margin-bottom:-1.3em;} #PageContent input textarea, #PageContent input text { width: 250px; height: 100px; } .locationtableLeft img{ width:386px !important; height:243px !important; } #catalog_input_container input {width:370px;} body #ModalContainer.QuickViewModal .ModalTitle {height:auto;} #QuickViewProductDetails {width:350px !important;} .hitchsearch, .home-test1 .hitchsearch {width: 80%;} .hitchsearch, .home-test1 .hitchsearch {height: 40px;} .hitchsearchbg, div.home-test1 {width: 100% !important;} .hitchsearchbg, div.home-test1 {height:62px;} .hitchbutton, div.home-test1 input[type="submit"] {height: 42px;} .hitchbutton, div.home-test1 input[type="submit"] {width: 16%;} .home-test-banner2 {width: auto;} .home-test-banner2 img {width:100%;} .home-hitch-selector-banner {width: 23%;} .home-hitch-selector-banner img {width:100%;} a.home-hitch-selector-button {height: 280px;} .Shop-Sales-Link-Test {height:280px;} .Shop-Sales-Link-Test {width: 75.2%;} .home-test-banner2-text p {width:480px;} a.home-mega-button {width: 195px;} li.notranslate .ltr input.large, li.notranslate .ltr select.large {width: 100%;} li.notranslate .ltr input.large, li.notranslate .ltr select.large { height: 30px !important; width: 487px !important; } .ff-form-general input.medium, .ff-form-general textarea.medium {width:68% !important;} .ff-form-general input[type="image"].ff-form-submit {width:auto !important;} #document-thumb {width: 150px;} .PostBody {width:95%;} .banner-title, .banner-title-grey {height: 62px;} .SubCategoryListGrid li:last-child {height:1px !important;} /*borders*/ #NotSearchForm input.Textbox, #TopMenu li.Flag div, #Header .TopMenu li.HeaderLiveChat a, li.RowDivider, #PageContent input textarea, #PageContent input text, .hitchsearch, .home-test1 .hitchsearch, .border-none, .left-sidebar #side-category-list .border-none {border:0;} #QuickViewProductDetails .red-button { outline: 0; border: 0; } .border-333 {border:1px solid #333;} .left-sidebar .BlockContent, .Left .BlockContent, .right-sidebar .BlockContent, .Right .BlockContent { border:1px solid #aaa; border-top:0; } .right-sidebar #SideProductAddToCart .BlockContent, .Right #SideProductAddToCart .BlockContent {border-color: #c9dee9;} .right-sidebar li, .Right li, .left-sidebar #side-category-list li, .Left #side-category-list li {border-bottom: 1px solid #aaa;} .right-sidebar li:last-child, .Right li:last-child, .left-sidebar #side-category-list li:last-child, .Left #side-category-list li:last-child {border-bottom:0;} .NewsletterSubscription input.Textbox {border: 1px solid #e7e7e7;} #Footer li a, #Footer li div {border-left:1px solid #1479B3;} #Footer .TopMenu li.first a {border-left: none;} #Footer li div a {border-left: 0;} .CreateAccount {border-right: 1px solid #ccc;} .Content .TopSellerProductList li.TopSeller1 {border:1px solid #D6D6D6;} .Breadcrumb {border-bottom: 0px;} table.General tbody tr.first td {border-top: 0;} .CartContents tbody td {border-bottom: 0;} .EstimatedShippingMethods table {border-collapse: collapse;} .QuickSearch { border-collapse: collapse; border: 1px solid #BFBFBF; border-right:1px solid #ddd; border-top:0; } .SearchTips .Examples {border: 1px solid #aaa;} #TopMenu li.Flag img.Selected {border: 2px solid #ffffaa;} .CurrencyList dd {border: 1px solid #EDECEC;} .SharePublicWishList {border:1px solid lightgray;} #Header .TopMenu li.HeaderLiveChat div {border-left: 0;} .SubCategoryListGrid li {border: 1px solid #666;} #ProductDetails #ImageScrollPrev, #ProductDetails #ImageScrollNext {border:none;} #ProductDetails .ProductTinyImageList ul li {border: 1px solid #aaa !important;background:#fff;} .CartContents .CartProductFieldsRow {border-top: 0;} .border-medium-red {border: 3px solid #b71237;} .SubCategoryListGrid li:last-child { border:0px; border:none; opacity:0; padding:0; } .CompareItem {border-left: solid 1px #CACACA;} .CompareFieldName {border-bottom: 1px solid #EFF8FA;} .CompareFieldTop {border-bottom: solid 1px #D6D6D6;} .CompareCenter { border-left:solid 1px #D6D6D6; border-bottom:solid 1px #F2F2F2; } .CompareLeft { border-left:solid 1px #D6D6D6; border-bottom:solid 1px #F2F2F2; } table.CartContents, table.General { border: 1px solid #dfdfdf; border-bottom: 0; } .CartContents tbody td {border-bottom: 1px solid #dfdfdf;} .JustAddedProduct {border: 1px solid #c0dae7;} .CheckoutRedeemCoupon {border: 1px solid #ccc;} .EstimateShipping {border: 1px solid #aaa;} table.General tbody tr td {border-top: 1px solid #efefef;} .CartContents tfoot .SubTotal td { border-top: none; border-bottom: 1px solid #dfdfdf; } .CartContents .ItemShipping th { border-bottom-color: #dfdfdf; border-top-color: #dfdfdf; } #footer-cell {border-top:1px solid #ddd;} .catTitle {border-left: #b71237 solid 10px;} #emf-form input {border: 1px solid #d3d3d3;} .directionsfield {border: 1px solid #d5d5d5;} #contactSub {border: 0px !important;} li.notranslate .ltr input.large, li.notranslate .ltr select.large {border: 1px solid #d3d3d3 !important;} .ff-form-general input.medium, .ff-form-general textarea.medium {border: 1px solid #fff !important;} .TinyOuterDiv {border:0 !important;} input[type="submit"]#CreateAccountButton, input[type="submit"].billingButton, .ML20 input[type="submit"], .Submit input[type="button"], .shippingquote a, input[type="submit"]#bottom_payment_button, p.Submit input[type="submit"], .hitchbutton, div.home-test1 input[type="submit"], a.home-mega-button, .ff-form-general fieldset, .download-button {border:none !important;} /*alignment*/ #NotSearchForm .Button, .ComparisonTable td, table.General tbody td, table.CartContents tbody td, #ContactAdd td, .directionsfield {vertical-align: top;} .HorizontalFormContainer dt img, .CompareRating, .GiftCertificateThemeList input, .CurrencyList a .Flag, .LoadingIndicator img, .HeaderLiveChat img, .ProductOptionList input {vertical-align: middle;} #AjaxLoading img {vertical-align: bottom;} /*z-index and position*/ #Menu li ul { top: 40px; left: 0; z-index: 1; } .ExpressCheckoutCompletedContent {left: 300px;} .ProductDetailsGrid .Label .Required {left: -1em;} .carousel {left: -5000px;} a.ChangeLink {right: 15px;} .VideoOverlay, .addfwd, .addbkwd {top:0;} .addfwd {right:0;} .VideoOverlay, .addbkwd {left:0;} .enlargeIcon { bottom: -1px; right: 0; z-index: 6; } .zoomPad {z-index: 5;} #PhoneCell a, .saleLeft {z-index: 999;} #AjaxLoading {z-index: 10000000000;} .home-test-banner2, .home-hitch-selector-banner {z-index: -999999999;} div#fancy_outer {z-index: 999 !important;} #QuickSearch {z-index: 100000 !important;width:254px !important;padding:10px 20px !important;margin-left:-1px !important;top:146px !important;} .trailer-breakdown #QuickSearch { position: absolute; left: 4% !important; top: 186px !important; width: auto !important; max-width:480px; border: 0; background: #fff; color:#111; box-shadow: 0px 1px 5px rgba(0,0,0,0.2); } .QuickSearchResultMeta {vertical-align:top;padding:5px;} .trailer-breakdown .QuickSearchResult td {padding:8px 14px 8px 8px;} .QuickSearchResult td .Price {font-weight:bold;} .QuickSearchResult td .RatingIMG {display:none;} .trailer-breakdown .right-sidebar .ProductDetails strong a, .trailer-breakdown .Right .ProductDetails strong a, .trailer-breakdown .ComparisonTable td, .trailer-breakdown small, .trailer-breakdown .QuickSearchTitle td, .trailer-breakdown .QuickSearchAllResults td, .trailer-breakdown .QuickSearchResult td, .trailer-breakdown .QuickSearchResult .Price, .trailer-breakdown .CurrencyList a, .trailer-breakdown .CartContents .CartProductFieldsLink, .trailer-breakdown .WrappingOptions, .trailer-breakdown .TabNav { font-size: .8vw; } /* TEMP Fix for IE - while BigCom figures out why their LI's aren't closing correctly */ *+html .SubCategoryListGrid li:last-child {background:none; border:0px; border:none; box-shadow:none; border: 0px solid; border-color:none;} *+html .right-sidebar li *+html .Right li {margin: 0 4px 10px;} *+html .ProductList .ProductImage {border:solid 1px #aaa;} *+html .ProductThumbImage {border:solid 1px #aaa;} *+html ol#toc {margin-top: 50px;} *+html div.content {border:solid 1px #aaa;} *+html .catimage {border:solid 1px #aaa;} *+html .saleLeft img{width:569px;} *+html #sale1 {border:solid 1px #aaa; margin-bottom:48px;} *+html #sale1 img{width:193px;} *+html #sale2 {border:solid 1px #aaa;} *+html #sale2 img{width:193px} *+html .DetailRow{margin-top: 10px;} .iehitchhack img{border: 0px!important; width:769px!important; height:138px!important; margin-bottom:10px;} *+html .hitchsearch{padding: 5px 0px 0px 5px; height:18px;} .SubCategoryListGrid li a:first-child { text-decoration: none; position: absolute; width: 100%; padding: 0; margin: 0; height: auto; top: 0; left: 0; right: 0; bottom: 0; } .SubCategoryListGrid li a:last-child { /*position: absolute; //width: 172.094px; text-align: left; left: -1px; right: 0; bottom: -1px; background: #666; padding: 5% 5px 9%; color: #fff; text-decoration: none; height: 29px; border-left: #b71237 10px solid; line-height: 1.2em; font-size: 15px;*/ position: absolute; width: 90%; text-align: left; left: -1px; right: 0; bottom: -16%; background: #333; padding: 8% 5%; color: #fff; text-decoration: none; height: auto; /* border-left: #b71237 10px solid; */ line-height: 1em; font-size: 13px; border: 1px solid #333; } .Content .ProductList { width: 100%; float: left; margin-top: 10px; } .Content .ProductList li, .Content .CategoryContent .ProductList li, .Content #BrandContent .ProductList li, .Content #SuggestiveCartContent .ProductList li { width: 22% !important; width: 18.5% !important; border: 1px solid #666; background: #fff; margin: 0 1.67% 1.67% 0; padding: 10px 2.5% 20px; min-height:305px; height: auto !important; position:relative; } .Content .ProductList li:hover, .Content .ProductList li:focus, .Content .CategoryContent .ProductList li:hover, .Content .CategoryContent .ProductList li:focus, .Content #BrandContent .ProductList li:hover, .Content #BrandContent .ProductList li:focus, .Content #SuggestiveCartContent .ProductList li:hover, .Content #SuggestiveCartContent .ProductList li:focus {background:#fff;} .Content .ProductList .ProductImage, .Content .CategoryContent .ProductList .ProductImage, .Content #BrandContent .ProductList .ProductImage, .Content #SuggestiveCartContent .ProductList .ProductImage { width: 100% !important; height: auto !important; padding: 20px 0 0; -webkit-box-shadow:none; box-shadow:none; float:left; } .Content .ProductList .ProductDetails, .Content .CategoryContent .ProductList .ProductDetails, .Content #BrandContent .ProductList .ProductDetails, .Content #SuggestiveCartContent .ProductList .ProductDetails { margin: 10px -10px 0; line-height: 1.2em; font-weight: normal; } .Content .CategoryContent .ProductList .ProductPriceRating, .Content #BrandContent .ProductList .ProductPriceRating, .Content #SuggestiveCartContent .ProductList .ProductPriceRating { padding: 5px 0; height: 18px; } .ProductPriceRating em { font-size: 18px; margin-left: -10px; } .Content .ProductList .ProductActionAdd { /*width: 820px;*/ float: left; text-align: left; /*margin: 10px -10px 0 -10px;*/ margin: 0; padding: 0; background:transparent; position:absolute; bottom:10px; left:5%; width:90%; } .Content .ProductList .ProductActionAdd a { font-size: 16px; /*width: 100%;*/ width: 90%; padding: 10px 5%; background: #B71236; background-image:none; float:left; text-align:center; } .Content .ProductList .ProductActionAdd a:hover, .Content .ProductList .ProductActionAdd a:focus { background: #B71236; background-image:none; opacity: .8; } .Content .ProductList li:nth-child(4n+4), .Content .CategoryContent .ProductList li:nth-child(4n+4), .Content #BrandContent .ProductList li:nth-child(4n+4), .Content #SuggestiveCartContent .ProductList li:nth-child(4n+4) {margin-right:0;} .QuickViewBtn { left: 23% !important; right: 23% !important; top: 30% !important; } #frmWishList input[type='image'] {background:url(../images/crofttrailer_22.png) top left no-repeat;background-size:100%;} #frmWishList input[type='image']:hover, #frmWishList input[type='image']:focus {background:url(../images/crofttrailer_22-hover.png) top left no-repeat;background-size:100%;} .account-form {background:#fff;padding:2%;} .account-form dd, .flex-field-wrapper { width:50%; border:0; outline: 0; padding: 0; background:transparent; position:relative; overflow:hidden; } .account-form dd:before, .flex-field-wrapper:before { width:100%; height:100%; position:absolute; top:0; left:-100%; transition: all 0.4s ease-in-out; background:#ddd; opacity:0; content:''; } .account-form dd:hover:before, .flex-field-wrapper:hover:before { left:0; opacity:1; } .account-form .FormField, .flex-field { width:94%; border:1px solid #aaa; outline: 0; padding:2.5% 2% 2.5% 2.5%; background:transparent; position:relative; margin-bottom:.5px; display:block; } .account-form dt {margin-top:10px;font-weight:bold;} .LittleNotePassword {background:#fff;padding:1% 2% 2%;width:96%;position:relative;z-index:999;} .account-form .FormField:focus, .flex-field:focus { background:#ddd; color:#222; } .dropdown {padding:2.5%;width:100%;} .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width:768px) { .flex-field {width:100%;} } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*haul-it-in-style*/ .haul-it-bg-wrapper { overflow:hidden; position:relative; z-index:1; } .haul-it-bg-layer1 { background:url(https://www.crofttrailer.com/product_images/haul_it_in_style/croft_motorcycle_trailer.jpg) -190px 0 no-repeat; background-size:99%; position:absolute; width:100%; height:100%; z-index:1; animation-name: bg-photo; animation-duration: 3s; animation-timing-function:linear; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } @keyframes bg-photo { 0% { background-size:110%; } 100% { background-size:99%; } } .haul-it-bg-layer2 { background: #fff; -moz-transform: skew(30deg); -webkit-transform: skew(30deg); transform: skew(30deg); position: absolute; width: 115%; /*width: 500%;*/ height: 100%; right:-56.6%; /*right: -441.6%;*/ z-index: 2; animation-name: swipe-left; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .haul-it-bg-layer3 { border-left: 1px solid #111; -moz-transform: skew(30deg); -webkit-transform: skew(30deg); transform: skew(30deg); position: absolute; width: 57.5%; height: 100%; right: 0; z-index: 3; animation-name: swipe-left-top; animation-duration: 1.55s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } @keyframes swipe-left { 0% { width: 500%; right: -100%; } 100% { /*right:-56.6%;*/ width: 500%; right: -441.6%; } } @keyframes swipe-left-top { 0% { right:100%; } 100% { right: 0; } } #layer3-trim-wrapper { position: absolute; left: 8px; } #layer3-trim { /*width: 80.9%; top: -1%; height: 103%;*/ width: 0px; height: 0px; border-top: 269px solid transparent; border-bottom: 0px solid transparent; border-left: 156px solid #fff; margin-left: -10px; } .haul-it-grid { display:grid; grid-template-columns: 20% 20% 5% 55%; grid-template-rows: 100px auto 15% auto; position:relative; z-index:4; } .haul-grid-header { grid-column-start: 4; } .haul-trailer-image-wrapper { grid-column-start: 2; grid-column-end: three; grid-row-start: 2; } .haul-grid-body { grid-column-start: 1; grid-column-end: 3; grid-row-start: 3; color:#fff; padding-top:100px; padding-left:40px; } .haul-grid-footer { grid-column-start: 4; grid-row-start: 3; margin-bottom: 40px; padding:1% 0 1% 7px; position: relative; overflow:hidden; } .haul-grid-footer-border { border-top: 1px solid #111; border-left: 1px solid #111; border-bottom: 1px solid #111; padding: 5px 20px 0; position:relative; background:#fff; z-index:4; animation-name: swipe-right; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } @keyframes swipe-right { 0% { margin-left:102%; width: 516.19px; } 100% { margin-left:0; width: 516.19px; } } .haul-it-grid h1 { font-size: 84px; text-transform: uppercase; width: 630px; color:#222; animation-name: opacity-change; animation-duration: 1.5s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .haul-it-grid h3 {} .haul-it-grid span {float:left;} .haul-it-grid img {max-width:100%;height:auto;} .haul-it-grid a img {transition: margin .1s ease-in-out;} .haul-it-grid a:hover img, .haul-it-grid a:focus img {margin-left:-3px;margin-top:-1px;margin-bottom:1px;margin-right:3px;} .haul-it-grid a:hover img.haul-coupon-code, .haul-it-grid a:focus img.haul-coupon-code {margin-left:-3px;margin-top:-1px;margin-bottom:6px;margin-right:13px;} .haul-grid-header p {text-transform:uppercase;} .haul-grid-body p {font-size:16px;} .haul-grid-footer p {} #haul-haul, #haul-style {font-family: 'meccanica-bold', sans-serif;} #haul-small-it { font-size: 36px; margin-top: 9px; margin-left: 11px; letter-spacing: 2px; font-family: 'meccanica-bold', sans-serif; color:#aaa; } #haul-small-in { font-size: 36px; margin-top: 40px; margin-left: -38px; margin-right: 9px; letter-spacing: 1px; font-family: 'meccanica-bold', sans-serif; color:#aaa; } #haul-small-and { font-size: 23px; font-weight: bold; margin-top: 2px; animation-name: opacity-change; animation-duration: 1.75s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } #haul-header-content { margin-left: 7px; font-size: 31.5px; font-weight: bold; margin-top: -20px; animation-name: opacity-change; animation-duration: 2s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } #haul-sundowner { margin-bottom:22px; animation-name: opacity-change; animation-duration: 1.75s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } #haul-motorcycle { max-width: 330px; height: auto; position: absolute; left: 42%; margin-top: -142px; z-index: 6; animation-name: opacity-change; animation-duration: 2.75s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } #haul-tow-behind { max-width: 269px; height: auto; position: absolute; right: 0; margin-top: -130px; z-index: 6; animation-name: opacity-change; animation-duration: 3.75s; animation-timing-function: ease-in-out; animation-delay: 0s; animation-direction: normal; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running; } .haul-it-grid .haul-coupon-code {float:left;margin-right:10px;max-width:57px;margin-top:5px;} .haul-body-content { font-weight: bold; font-size: 18px; } .haul-sub-section {width:30%;float:left;position:relative;} .haul-sub-section p {margin-bottom:5px;} .haul-divider-wrapper { width: 2%; float: left; border-right: 1px solid #111; margin-right: 2.8%; margin-top: 30px; height: 175px; } .haul-divider {} #haul-large-20 { font-size:92px; font-weight:bold; } #haul-large-percent { font-weight:bold; font-size: 54px; margin-top: 9px; } #haul-large-off { font-weight:bold; font-size:26px; text-transform:uppercase; margin-top:-3px; } #haul-20-content {margin-top:-8px;} #haul-free-content { margin-top:-4px; letter-spacing: .5px; } #haul-500-content { letter-spacing: .5px; margin-top:-4px; margin-right: 5px; } #haul-20-content, #haul-free-content, #haul-500-content { font-size: 15px; text-transform: uppercase; font-weight: bold; } #haul-wheel-chock { position: absolute; max-width: 46%; top: 105px; left: 0; } #haul-lock { position: absolute; max-width: 56%; top: 106px; right: 0; } #haul-tie-down { position: absolute; max-width: 26%; top: 158px; left: 0; } #haul-biker-bar { position: absolute; max-width: 71%; right: 4px; top: 137px; } #haul-large-free { font-size: 66px; font-weight: bold; text-transform: uppercase; margin: 6px 0 0 -3px; } #haul-small-with, #haul-small-with-2 { font-size: 9px; margin-top: 6px; } #haul-small-free-details, #haul-small-500-details { font-size: 12px; margin-top: 4px; margin-left: 1px; } #haul-small-500-details-2 { font-size: 12px; letter-spacing: .5px; margin-top: 4px; margin-bottom: 7px; } #haul-tire { max-width: 90%; position: absolute; left: -12px; top: 98px; } #haul-wheel { position: absolute; max-width: 70px; right: 0; top: 153px; } #haul-large-dollar-sign { font-size: 45px; font-weight: bold; margin-top: 14px; } #haul-large-fivehundred { font-weight: bold; font-size: 66px; margin-top: 6px; } #haul-inside {max-width:95%;} #haul-small-footer-content {font-size: 9.7px;} @keyframes opacity-change { 0% {opacity: 0;} 100% {opacity: 100%;} } /*heartland waterfowl*/ .heartland-waterfowl .inline-list li { margin-left: 7px; padding: 0; } .heartland-waterfowl .inline-list li:first-child { margin-left:0; } .heartland-waterfowl .inline-list li a, .heartland-waterfowl .inline-list li a:hover, .heartland-waterfowl .inline-list li a:focus { text-decoration: none; } /*trailer breakdown*/ .trailer-breakdown .header-grid { display:-ms-grid; display:grid; -ms-grid-columns: (3.45%)[30]; grid-template-columns: 3.44827% repeat(29, 3.44827%); -ms-grid-rows: 62px 44px auto auto; grid-template-rows: 62px 44px auto auto; } .trailer-breakdown .header-grid .logo { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span:6; grid-column-end: 6; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 3; } .trailer-breakdown .header-grid .logo #LogoImage { max-width:120px; } .trailer-breakdown .header-grid #TopMenuCell { -ms-grid-column:7; grid-column-start: 7; -ms-grid-column-span:22; grid-column-end: 29; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; } .trailer-breakdown .header-grid #TopMenuCell .top-navigation { float:right; } .trailer-breakdown .header-grid #PhoneCell { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span:22; grid-column-end: 29; -ms-grid-row: 2; grid-row-start: 2; grid-row-end: 3; } .trailer-breakdown .header-grid #PhoneCell .pad {float:right;} .trailer-breakdown .header-grid .nav-bar { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 29; grid-column-end: 30; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } .trailer-breakdown .header-grid .search { -ms-grid-column: 1; grid-column-start:1; -ms-grid-column-span: 29; grid-column-end:30; -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 4; padding: 0 3.44827%; } .trailer-breakdown .header-grid .search .Textbox { padding: 13px 1%; font-size: 19px; margin: 0; width:94%; } .trailer-breakdown .header-grid .search #SearchForm .Button { padding: 13px .8%; margin:0; width: 48px; } .trailer-breakdown .header-grid .search #SearchForm .Button .fa { font: normal normal normal 20px/1 FontAwesome; font-size: 22px; } .trailer-breakdown .header-grid .search .Textbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #111; } .trailer-breakdown .header-grid .search .Textbox::-moz-placeholder { /* Firefox 19+ */ color: #111; } .trailer-breakdown .header-grid .search .Textbox:-ms-input-placeholder { /* IE 10+ */ color: #111; } .trailer-breakdown .header-grid .search .Textbox:-moz-placeholder { /* Firefox 18- */ color: #111; } .trailer-breakdown .grid-container { display:-ms-grid; display:grid; -ms-grid-columns: (3.45%)[30]; grid-template-columns: 3.44827% repeat(29, 3.44827%); -ms-grid-rows: 115px 40px 15.5vw 1vw 6vw 8vh 11vh (20px)[15]; grid-template-rows: 115px 40px 15.5vw 1vw 6vw 8vh 11vh 20px repeat(14, 20px); border-bottom:1px solid #906C40; position:relative; overflow:hidden; } .trailer-breakdown .grid-container section {position:relative;} .trailer-breakdown .grid-container section .tb-abs-div {position:absolute;} .trailer-breakdown .grid-container section h3, .trailer-breakdown .grid-container .tb-sidebar h4, .trailer-breakdown .grid-container section h3 a, .trailer-breakdown .grid-container .tb-sidebar h4 a {font-weight:bold;text-transform:uppercase;margin-bottom:0;font-size:1vw;text-decoration: none;} .trailer-breakdown .grid-container section h3 a:hover, .trailer-breakdown .grid-container .tb-sidebar h4 a:hover, .trailer-breakdown .grid-container section h3 a:focus, .trailer-breakdown .grid-container .tb-sidebar h4 a:focus {color:#b71237;} .trailer-breakdown .grid-container section p, .trailer-breakdown .grid-container .tb-sidebar p {line-height:1.2em;} .trailer-breakdown #Menu { margin-left: 3.44827%; font-size: 1vw; } .trailer-breakdown #Menu a { height:auto; padding: 10px 20px; } .trailer-breakdown #Menu li:hover a, .trailer-breakdown #Menu li:focus a, .trailer-breakdown #Menu li ul li a:hover, .trailer-breakdown #Menu li ul li a:focus { text-decoration:none !important; } .trailer-breakdown #Menu li ul { top: 100%; left: 0; } /*header details*/ .tb-left-slant { -ms-grid-column: 1; grid-column-start:1; -ms-grid-column-span: 1; grid-column-end:1; -ms-grid-row: 1; grid-row-start:1; -ms-grid-row-span: 2; grid-row-end:span 2; background:#906C40; position:relative; overflow:hidden; } .tb-left-slant-triangle { width: 0; height: 0; border-style: solid; border-width: 0 0 40px 70px; border-color: transparent transparent #ffffff transparent; position:absolute; right:0; bottom:0; } .tb-header { -ms-grid-column: 2; grid-column-start:2; -ms-grid-column-span: 18; grid-column-end:20; -ms-grid-row: 1; grid-row-start:1; grid-row-end:1; background:#906C40; position:relative; } .tb-logo { float: left; max-width: 180px; margin: 15px 0 0 15px; } .tb-logo a { transition:all 1.5s ease-in-out; } .tb-logo a:hover, .tb-logo a:focus { opacity:1; animation-name:pulse; animation-play-state:running; animation-fill-mode:forwards; animation-duration:.5s; } .tb-logo img {width:100%;height:auto;} .tb-header h1 { text-transform: uppercase; font-weight: normal; color: #fff; font-size: 3.23vw; letter-spacing: 3px; float: left; clear: none; margin: 40px 0 0 20px; } #tb-right-border-col2 { -ms-grid-column: 19; grid-column-start: 19; -ms-grid-row: 2; grid-row-start: 2; } #tb-right-border-col3 { -ms-grid-column: 19; grid-column-start: 19; -ms-grid-row: 3; grid-row-start: 3; } /*section sharables*/ .tb-lines { position: absolute; } #tb-lights-circle, #tb-single-fender-circle, #tb-d-rings-circle, #tb-rock-guard-circle, #tb-safety-chains-circle, #tb-jack-circle, #tb-tire-circle, #tb-wheel-circle, #tb-axle-circle { background: #906C40; position: absolute; opacity: 0; animation: pulse; animation-fill-mode: forwards; animation-duration:.5s; animation-play-state: running; } /*lights section*/ #tb-lights{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 6; grid-column-end: 8; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-lights .tb-abs-div { margin: 10% 5%; } #tb-svg-wrapper-lines { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 5; grid-column-end: 6; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-lines .tb-svg-container { padding-bottom:100%; } #tb-lights-circle { animation-delay: 1s; } #tb-light-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-light-lines, .edge #tb-light-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-lights h3 {} #tb-lights p {} /*fender section*/ #tb-single-fender{ -ms-grid-column: 8; grid-column-start: 8; -ms-grid-column-span: 4; grid-column-end: 12; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-single-fender .tb-abs-div { margin: 15% 5% 10% 7%; } #tb-single-fender-circle { animation-delay: 1.5s; } #tb-svg-wrapper-single-fender { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 5; grid-column-end: 12; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-svg-wrapper-single-fender .tb-svg-container { padding-bottom:100%; } #tb-single-fender-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.75s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-single-fender-lines, .edge #tb-single-fender-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*d-rings section*/ #tb-d-rings{ -ms-grid-column: 10; grid-column-start: 10; -ms-grid-column-span: 2; grid-column-end: 12; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-d-rings .tb-abs-div { margin: 108% 25% 0 -20%; } #tb-d-rings-circle { animation-name:pulse-d-rings; animation-delay: 2s; } #tb-svg-wrapper-d-rings { -ms-grid-column: 9; grid-column-start: 9; -ms-grid-column-span: 5; grid-column-end: 14; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-svg-wrapper-d-rings .tb-svg-container { padding-bottom:100%; } #tb-d-rings-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 2.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-d-rings-lines, .edge #tb-d-rings-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-d-rings h3 {text-align:center;} /*rock guard section*/ #tb-rock-guard{ -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 4; grid-column-end: 14; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-rock-guard .tb-abs-div { margin-left: 29%; } #tb-rock-guard-circle { animation-name: pulse-rock-guard; animation-delay: 2.5s; } #tb-svg-wrapper-rock-guard { -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 5; grid-column-end: 16; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-rock-guard .tb-svg-container { padding-bottom:100%; } #tb-rock-guard-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 2.75s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-rock-guard-lines, .edge #tb-rock-guard-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-rock-guard p {margin:0;text-align:center;} /*coupler section*/ #tb-coupler{ -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 4; grid-column-end: 20; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-coupler .tb-abs-div { margin: 11% 17% 0 11%; } #tb-coupler-circle { position: absolute; } #tb-svg-wrapper-coupler { -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 5; grid-column-end: 21; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } #tb-svg-wrapper-coupler .tb-svg-container { padding-bottom:100%; } #tb-coupler-lines { stroke-width: 8px; stroke: #b71237; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 3s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-coupler-lines, .edge #tb-coupler-lines { stroke-width: 3px; opacity: 0; stroke-dashoffset:0; } #tb-coupler-lines a, #tb-jeep-circle a { transition:all 1.5s ease-in-out; } #tb-coupler-lines a:hover, #tb-coupler-lines a:focus { opacity:1; animation-name:pulse-large; animation-play-state:running; animation-fill-mode:forwards; animation-duration:.5s; } #tb-jeep-circle a:hover, #tb-jeep-circle a:focus { opacity:1; animation-name:pulse-large-2; animation-play-state:running; animation-fill-mode:forwards; animation-duration:.5s; } #tb-coupler h3, #tb-coupler h3 a { font-size: 35px; color: #906C40; margin-left: 5px; } /*safety chains section*/ #tb-safety-chains { -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 4; grid-column-end: 20; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; } #tb-safety-chains .tb-abs-div { margin:0 0 0 20%; } #tb-safety-chains-circle { animation-name: pulse-safety-chains; animation-delay: 3s; } #tb-svg-wrapper-safety-chains { -ms-grid-column: 15; grid-column-start: 15; -ms-grid-column-span: 5; grid-column-end: 20; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; } #tb-svg-wrapper-safety-chains .tb-svg-container { padding-bottom:100%; } #tb-safety-chains-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 100px; stroke-dasharray: 100px; animation-delay: 3.25s; animation-duration: 1s; animation-name: line-down-100; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-safety-chains-lines, .edge #tb-safety-chains-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*jack section*/ #tb-jack{ -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 3; grid-column-end: 15; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; } #tb-jack .tb-abs-div { margin-left:25%; } #tb-jack-circle { animation-name:pulse-jack; animation-delay: 3.5s; } #tb-svg-wrapper-jack { -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 5; grid-column-end: 17; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; } #tb-svg-wrapper-jack .tb-svg-container { padding-bottom:100%; } #tb-jack-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 3.75s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-jack-lines, .edge #tb-jack-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*tire section*/ #tb-tire{ -ms-grid-column: 8; grid-column-start: 8; -ms-grid-column-span: 4; grid-column-end: 12; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; } #tb-tire .tb-abs-div { margin: 18%; } #tb-tire-circle { animation-name:pulse-tire; animation-delay: 4s; } #tb-svg-wrapper-tire { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 5; grid-column-end: 12; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; } #tb-svg-wrapper-tire .tb-svg-container { padding-bottom:100%; } #tb-tire-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 4.25s; animation-duration: 1s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-tire-lines, .edge #tb-tire-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*wheel section*/ #tb-wheel { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 7; grid-column-end: 13; -ms-grid-row: 6; grid-row-start: 6; -ms-grid-row-span: 1; grid-row-end: 6; margin-left:9%; } #tb-wheel-circle { animation-name: pulse-wheel; animation-delay: 4.5s; } #tb-svg-wrapper-wheel { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 5; grid-column-end: 8; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; } #tb-svg-wrapper-wheel .tb-svg-container { padding-bottom:100%; } #tb-wheel-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 4.75s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-wheel-lines, .edge #tb-wheel-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*axle section*/ #tb-axle { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 8; grid-column-end: 10; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; } #tb-axle .tb-abs-div { margin: 35% 2.5% 0; } #tb-axle-circle { animation-name: pulse-axle; animation-delay: 5s; } #tb-svg-wrapper-axle { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 5; grid-column-end: 7; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; } #tb-svg-wrapper-axle .tb-svg-container { padding-bottom:100%; } #tb-axle-lines { stroke-width: 2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 5.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-axle-lines, .edge #tb-axle-lines { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } /*brake actuator section*/ #tb-brake-actuator{ -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 8; grid-column-end: 19; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; } #tb-brake-actuator .tb-abs-div { bottom:1%; } #tb-brake-actuator img { width:18%; margin-right: 20px; float:left; } /*trailer image details*/ #tb-trailer-detail { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 17; grid-column-end: 18; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 3; grid-row-end: 5; } #tb-trailer-detail img {width:100%;height:auto;} #tb-trailer-detail-mobile-middle, #tb-trailer-detail-mobile-coupler {display:none;} /*sidebar content*/ .tb-sidebar{ -ms-grid-column: 20; grid-column-start: 20; -ms-grid-column-span: 10; grid-column-end: 30; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 23; grid-row-end: 23; padding: 20px 14% 20px 18%; border-left: 1px solid #906C40; } #tb-jeep { text-align:center; margin-left:-2%; position:relative; z-index:1; } #tb-jeep img { width:70%; height:auto; margin:0 auto; } #tb-jeep-circle, #tb-jeep-down-1 { position: absolute; } .tb-sidebar-content .tb-side-title, .tb-sidebar-content .tb-side-title a, .trailer-breakdown .grid-container section h3.tb-side-title, .trailer-breakdown .grid-container section h3.tb-side-title a { font-size: 60px; margin:0; color: #906C40; position:relative; z-index: 3; } .trailer-breakdown .grid-container section h3.tb-side-title { float: right; width: 69%; text-align: left; } .tb-sidebar-content .tb-side-sub-title, .tb-sidebar-content .tb-side-sub-title a { font-size: 18px; text-decoration: none; position:relative; z-index: 4; } .tb-side-sub-title, .tb-side-sub-title a{ font-size: 18px; letter-spacing:1px; text-align:center; width:100%; float:left; position:relative; z-index: 4; text-decoration: none; } .tb-side-sub-title { margin-bottom:20px; } .tb-sidebar-lines { position: absolute; width: 50%; height: 480px; top: 32%; left: 0; bottom: 0; z-index: 3; } .ie .tb-sidebar-lines, .edge .tb-sidebar-lines { top:342px; } .ie .tb-sidebar-lines path, .edge .tb-sidebar-lines path { stroke-width: 1px; stroke-dashoffset:0; } .tb-sidebar-content { clear:both; position:relative; z-index:5; } #tb-sidebar-hitch-circle, #tb-sidebar-receiver-circle, #tb-sidebar-ball-mount-circle, #tb-sidebar-hitch-ball-circle, #tb-sidebar-wiring-circle, #tb-sidebar-brake-controller-circle { width: 16px; height: 16px; position: absolute; background: #906C40; border-radius: 20px; opacity: 0; animation-fill-mode: forwards; animation-duration:1s; animation-play-state: running; } #tb-sidebar-hitch-circle { animation-name: sidebar-hitch; animation-delay: 5s; } #tb-sidebar-receiver-circle { animation-name: sidebar-receiver; animation-delay: 5.25s; } #tb-sidebar-ball-mount-circle { animation-name: sidebar-ball-mount; animation-delay: 5.5s; } #tb-sidebar-hitch-ball-circle { animation-name: sidebar-hitch-ball; animation-delay: 5.75s; } #tb-sidebar-wiring-circle { animation-name: sidebar-wiring; animation-delay: 6s; } #tb-sidebar-brake-controller-circle { animation-name: sidebar-brake-controller; animation-delay: 6.25s; } .receiver-image { max-width:32%; margin-left:30px; } .ball-mount-image { max-width: 21%; margin-left: 40px; margin-right: 15px; } .hitch-ball-image { max-width: 8%; margin-left: 65px; margin-right: 45px; } .wiring-image { max-width: 28%; margin-left: 35px; } .brake-controller-image { max-width: 28%; margin-left: 30px; } .tb-sidebar .button a { width: 100%; background: #906C40; color: #fff; text-decoration: none; font-size: 3vw; float: left; text-transform: uppercase; font-weight: bold; padding: 10px 30% 12px 22%; margin-left: -26.6%; margin-top: 20px; text-align: center; border: 0px solid #906C40; } /*footer content*/ .tb-footer{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 18; grid-column-end: 20; -ms-grid-row: 8; grid-row-start: 8; -ms-grid-row-span: 18; grid-row-end: 26; padding-top:10px; } .tb-footer h2 { font-size:60px; color: #906C40; text-transform: uppercase; float:left; } #tb-footer-subhead { font-size:20px; text-transform: uppercase; border-bottom:2px solid #906C40; padding-bottom:5px; margin-top:32px; float:left; font-weight: bold; margin-left: 15px; width: 35%; position:relative; } #tb-electric-sec { clear:both; } #tb-electric-sec, #tb-hydraulic-sec { float:left; width:24%; position:relative; } #tb-electric-sec img { max-width:40%; height:auto; float:left; margin-bottom:15px; } #tb-electric-sec h4, #tb-hydraulic-sec h4 { font-weight:bold; float:left; text-transform:uppercase; margin-left: 1.5vw; font-size: 1vw; margin-top: 2.5vw; } #tb-electric-sec p { width:70%; float:left; } #tb-hydraulic-sec img { max-width:40%; height:auto; float:left; margin-bottom:15px; } #tb-electric-circle, #tb-hydraulic-circle { width: 16px; height: 16px; position: absolute; background: #906C40; border-radius: 20px; top: 2.6vw; left: 41%; opacity: 0; animation: pulse; animation-delay: 2s; animation-fill-mode: forwards; animation-duration:1s; animation-play-state: running; } #tb-hydraulic-sec p { float:left; width:70%; } .trailer-breakdown .grid-container section h3.gold-subtitle { font-weight: normal; background: #906C40; float: right; padding: 10px 1%; color: #fff; margin-top: -50px; width: 48%; } .trailer-breakdown .grid-container section h3.gold-subtitle strong {margin-left:22.2%;} .bent-pin, .safety-pin { float:right; width:20%; max-width:230px; padding:10px 20px; text-decoration:none !important; position:relative; } .safety-pin {max-width:180px;} .bent-pin span, .safety-pin span {font-size:1vw;} .bent-pin img, .safety-pin img {width:100%;height:auto;} #tb-footer-slant-p1 { border-bottom: 280px solid #906C40; width: 0; height: 0; border-right: .65vw solid #906C40; border-left: 16.5vw solid #fff; position: absolute; top: 10.7%; left: 34%; border-top: transparent; } #tb-footer-slant-p2 { border-bottom: 280px solid #fff; width: 0; height: 0; border-right: 1.1vw solid #fff; border-left: 16.5vw solid rgba(255,255,255,0.0); position: absolute; top: 23.7%; left: 35%; border-top: transparent; } .trailer-breakdown #footer-cell { position:relative; height: 320px !important; max-height: 320px !important; width: 100%; max-width: 1280px; border-top: 0; } .trailer-breakdown #Cell1, .trailer-breakdown #Cell2, .trailer-breakdown #Cell3, .trailer-breakdown #ContactCell { width:25%; height:auto; } .trailer-breakdown #Cell1 h3, .trailer-breakdown #Cell2 h3, .trailer-breakdown #Cell3 h3 { font-size:24px; } .trailer-breakdown #footer-cell a { text-decoration:none; font-size:16px; line-height:24px; } #tb-sidebar-svg-wrap { position:absolute; top:0; left:0; z-index: 2; } .tb-red-hitch-circle { stroke-dashoffset: 420px; stroke-dasharray: 420px; animation-delay: 1s; animation-duration: 4s; animation-name: circle-rotate; animation-play-state: running; animation-fill-mode:forwards; } .ie .tb-red-hitch-circle, .edge .tb-red-hitch-circle { stroke-width: 4px; opacity: 0; stroke-dashoffset:0; } .tb-red-hitch-circle:hover, .tb-red-hitch-circle:focus { fill: #b71237; cursor: pointer; } .tb-red-hitch-line { stroke: #b71237; stroke-width: 8px; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 2s; animation-duration: 3s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode:forwards; } .ie .tb-red-hitch-line, .edge .tb-red-hitch-line { stroke-width: 3px; opacity: 0; stroke-dashoffset:0; } .tb-svg-wrapper { width: 100%; margin: 0 auto; text-align: center; } .tb-svg-container { position: relative; height: 0; padding-bottom: 100%; } .tb-svg-container svg { position:absolute; display:block; } #tb-sidebar-lines { stroke-width:2px; stroke: #906C40; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 5s; animation-duration: 3.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode:forwards; } /*modals*/ .modal {display:none;} .modal-header {} .modal-mobile-body {display:none;} .modal-body {} .modal-footer {} /*snow plow breakdown*/ .trailer-breakdown.snow-plow-breakdown .grid-container { /*-ms-grid-rows: auto;*/ -ms-grid-rows: auto auto auto auto auto 100px; grid-template-rows: auto; border-bottom:1px solid #b71237; } .trailer-breakdown.snow-plow-breakdown .tb-header { -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 14; grid-column-end: 30; background: transparent; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 3; grid-row-end: 3; } .trailer-breakdown.snow-plow-breakdown .tb-header h1 { color:#000; font-size: 9.7vw; letter-spacing: 1px; margin: 0; line-height: 7vw; } .trailer-breakdown.snow-plow-breakdown .tb-header h1 strong { color:#b71237; font-size: 7.5vw; } .trailer-breakdown.snow-plow-breakdown.ie .tb-header h1 { color:#000; font-size: 8.7vw; letter-spacing: 1px; margin: 0; line-height: 7vw; } .trailer-breakdown.snow-plow-breakdown.ie .tb-header h1 strong { color:#b71237; font-size: 6.5vw; } .trailer-breakdown.snow-plow-breakdown.rv .tb-header h1 { color:#000; font-size: 8.7vw; letter-spacing: 1px; margin: 0; line-height: 7vw; } .trailer-breakdown.snow-plow-breakdown.rv .tb-header h1 strong { color:#b71237; font-size: 6.5vw; } .trailer-breakdown.snow-plow-breakdown #tb-trailer-detail { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 16; grid-column-end: 17; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 6; grid-row-end: 6; } .trailer-breakdown.snow-plow-breakdown #tb-lights { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 8; grid-column-end: 8; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar { padding: 20% 6% 5%; border: 0; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 3; grid-row-end: 5; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar ul { list-style: none; margin:0; float: right; width: 80%; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar ul li { display: block; float: left; width: 44.2%; margin: 1%; padding: 0; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar ul li a { border: 3px solid #b71237; float: left; } /*NOTE: we need to convert individual ids for specific sections to semantic but generic nominclature. These sections need to be chunked out so they can be reused on a larger scale. 1. prefix for all trailer and machinery parts breakdowns is tb- 2. sections should be identified based off of their use (i.e. modal section, animated svg, dropdown menu, video, image, section content, etc) 3. ids still need to be unique, reorganize to support dynamic ids */ .tb-modal { } .tb-svg-wrapper-modal { } .tb-circle-modal {background: #000;} #tb-modal-1 { -ms-grid-column: 4; grid-column-start: 4; -ms-grid-column-span: 4; grid-column-end: 8; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 1; padding-top: 22.5%; } #tb-modal-1 .tb-abs-div { margin: 0; position: relative; } .ie #tb-modal-1, .edge #tb-modal-1, .firefox #tb-modal-1 { padding-top: 30%; } #tb-svg-wrapper-modal-1 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 3; grid-column-end: 4; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 1; } #tb-svg-wrapper-modal-1 .tb-svg-container { padding-bottom:100%; } #tb-circle-modal-1 { animation-delay: 1s; } #tb-lines-modal-1 { stroke-width: 2px; stroke: #000; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-lines-modal-1, .edge #tb-lines-modal-1 { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-modal-1 h3 {} #tb-modal-1 p {} #tb-modal-2 { -ms-grid-column: 8; grid-column-start: 8; -ms-grid-column-span: 5; grid-column-end: 12; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; padding-top: 16.5%; } #tb-modal-2 .tb-abs-div { margin: 0; position: relative; } #tb-svg-wrapper-modal-2 { -ms-grid-column: 4; grid-column-start: 4; -ms-grid-column-span: 4; grid-column-end: 8; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-row-span:1; grid-row-end: 2; } #tb-svg-wrapper-modal-2 .tb-svg-container { padding-bottom:100%; } #tb-circle-modal-2 { animation-delay: 1s; } #tb-lines-modal-2 { stroke-width: 2px; stroke: #000; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-lines-modal-2, .edge #tb-lines-modal-2 { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-modal-2 h3 {} #tb-modal-2 p {} #tb-modal-3 { -ms-grid-column: 17; grid-column-start: 17; -ms-grid-column-span: 5; grid-column-end: 21; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; padding-top: 50%; } .firefox #tb-modal-3 { padding-top: 45%; } #tb-modal-3 .tb-abs-div { margin: 0; position: relative; } #tb-svg-wrapper-modal-3 { -ms-grid-column: 13; grid-column-start: 13; -ms-grid-column-span: 4; grid-column-end: 17; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; padding-top: 14%; } #tb-svg-wrapper-modal-3 .tb-svg-container { padding-bottom:100%; } #tb-circle-modal-3 { animation-delay: 1s; } #tb-lines-modal-3 { stroke-width: 2px; stroke: #000; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-lines-modal-3, .edge #tb-lines-modal-3 { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-modal-3 h3 {} #tb-modal-3 p {} #tb-modal-4 { -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 4; grid-column-end: 20; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; padding-top: 36%; } .ie #tb-modal-4, .edge #tb-modal-4 { margin-top: 10%; } .firefox #tb-modal-4 { padding-top: 35%; } #tb-modal-4 .tb-abs-div { margin: 0; position:relative; } #tb-svg-wrapper-modal-4 { -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 4; grid-column-end: 16; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; } .ie #tb-svg-wrapper-modal-4, .edge #tb-svg-wrapper-modal-4 { margin-top: 10%; } #tb-svg-wrapper-modal-4 .tb-svg-container { padding-bottom:100%; } #tb-circle-modal-4 { animation-delay: 1s; } #tb-lines-modal-4 { stroke-width: 2px; stroke: #000; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-lines-modal-4, .edge #tb-lines-modal-4 { stroke-width: 1px; opacity: 0; stroke-dashoffset:0; } #tb-modal-4 h3 {} #tb-modal-4 p {} #tb-modal-5 { -ms-grid-column: 4; grid-column-start: 4; -ms-grid-column-span: 3; grid-column-end: 7; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; padding-top: 95%; } .ie #tb-modal-5, .edge #tb-modal-5 { padding-top:81%; } .firefox #tb-modal-5 { padding-top:68%; } #tb-modal-5 .tb-abs-div { margin: 0; position:relative; } #tb-svg-wrapper-modal-5 { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 4; grid-column-end: 11; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; } .ie #tb-svg-wrapper-modal-5, .edge #tb-svg-wrapper-modal-5 { margin-top: 10%; } #tb-svg-wrapper-modal-1 .tb-svg-container { padding-bottom:100%; } #tb-circle-modal-5 { animation-delay: 1s; } #tb-lines-modal-5 { stroke-width: 2px; stroke: #000; fill: transparent; stroke-dashoffset: 800px; stroke-dasharray: 800px; animation-delay: 1.25s; animation-duration: 1.5s; animation-name: line-down-800; animation-play-state: running; animation-fill-mode: forwards; } .ie #tb-lines-modal-5, .edge #tb-lines-modal-5 { stroke-width: 1px; opacity: 0; stroke-dashoffset: 0; } #tb-modal-5 h3 {float:right;} #tb-modal-5 p {} /*--- end generic section ---*/ /*slideout-menu*/ .slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; } .slideout-panel { position:relative; z-index: 1; will-change: transform; background:#fff; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } .toggle-button { display:none; background: #fff; margin: 20px; border: 1px solid #333; font-size: 26px; padding: 5px 11px; cursor: pointer; color: #333; text-rendering: geometricPrecision; font-weight: bold; } .toggle-button:hover, .toggle-button:focus {background:#b71237;color:#fff;border:1px solid #b71237;} .slideout-menu h2 { padding:10px 10%; color:#fff; background:#b71237; margin:0; width:80%; float:left; } .slideout-menu .menu li { max-width:100%; width:100%; white-space:normal; } .slideout-menu .menu li a { height:auto; color: #333; padding:10px 10%; width:80%; text-align:left; border-bottom:1px solid #aaa; } .slideout-menu .menu li a:hover, .slideout-menu .menu li a:focus { color:#fff; background:#333; } .slideout-menu .menu .sub-menu {display:none !important;} .slideout-menu .top-navigation { margin:0; margin-top:7%; border-top:1px solid #aaa; } .slideout-menu .top-navigation li { float: left; margin: 0 !important; padding: 0; display: block !important; width: 100%; white-space: normal; font-size: 13px; text-decoration: none; height: auto !important; } .slideout-menu .top-navigation li a { height:auto; color:#333; text-align:left; margin:0; padding:5%; display:block; width:90%; white-space:normal; font-size:13px; text-decoration:none; border-bottom:1px solid #aaa; } .slideout-menu .top-navigation li:last-child a:last-child { margin-top: -13px; background: #fff; position: relative; } .slideout-menu .top-navigation li a:hover, .slideout-menu .top-navigation li a:focus { color:#fff; background:#333; } .slideout-menu .top-navigation li:last-child a:hover, .slideout-menu .top-navigation li:last-child a:focus { background:#333; opacity: 1; } .slideout-menu #PhoneCell { clear:both; float:left; height:auto; width:auto; font-size:13px; } .slideout-menu #PhoneCell .pad { text-align:left; float:left; padding:10px 10%; } .slideout-menu #PhoneCell div.ff-social {width:auto;margin:10px 0;} .slideout-menu #PhoneCell .pad a {font-size:18px;} .slideout-menu .widget-area ul {margin:0;} .slideout-menu .widget-area li {list-style:none;width:100%;float:left;padding:0;} .slideout-menu .widget-area li a { width:80%; text-decoration:none; border-bottom:1px solid #aaa; color:#333; padding:10px 10%; white-space:normal; float:left; } .slideout-menu .widget-area li li:last-child a {border-bottom:0;} .slideout-menu .widget-area li a:hover, .slideout-menu .widget-area li a:focus { color:#fff; background:#333; } .slide-carrot {display:none;} /*screen sizes*/ @media screen and (max-width:1870px) { .tb-abs-div p, .trailer-breakdown .grid-container section p {font-size:13px;} .bent-pin, .safety-pin {width: 16%;} } @media screen and (max-width:1700px) { .tb-abs-div p, .trailer-breakdown .grid-container section p {font-size:12px;} #tb-footer-subhead { font-size: 13px; margin-top: 32px; width: 27%; } } @media screen and (max-width:1585px) { .trailer-breakdown .header-grid .search .Textbox {width:91%;} .tb-abs-div p, .trailer-breakdown .grid-container section p {font-size:11px;} .trailer-breakdown .grid-container section h3.gold-subtitle strong {margin-left: 24%;} .trailer-breakdown .grid-container section h3.tb-side-title {width: 73%;} #tb-footer-slant-p1 {top: 10.7%;} #tb-footer-slant-p2 {top: 22.4%;} } @media screen and (max-width:1450px) { .tb-abs-div p, .trailer-breakdown .grid-container section p {font-size:10px;} .trailer-breakdown #footer-cell {width: 90%;} } @media screen and (max-width:1300px) { #tb-footer-slant-p2 {top: 22%;} #tb-coupler h3, #tb-coupler h3 a {margin-left: 2px;} #tb-brake-actuator, #tb-axle {margin-top:5px;} .trailer-breakdown .grid-container section h3.tb-side-title {width: 73%;} .receiver-image { max-width: 23%; margin-left: 30px; margin-top: 10px; } .ball-mount-image { max-width: 14%; margin-left: 40px; margin-right: 15px; margin-top: 10px; } .hitch-ball-image { max-width: 8%; margin-left: 25px; margin-right: 20px; } .wiring-image { max-width: 22%; margin-left: 35px; margin-top: 10px; } .brake-controller-image { max-width: 15%; margin-left: 20px; margin-right: 10px; } #tb-hydraulic-sec p {width: 73%;} } @media screen and (max-width:1280px) { .tb-abs-div p, .trailer-breakdown .grid-container section p {font-size:13px;} .trailer-breakdown .grid-container { display:-ms-grid; display:grid; -ms-grid-columns: (3.45%)[30]; grid-template-columns: 3.44827% repeat(29, 3.44827%); -ms-grid-rows: 115px 40px auto; grid-template-rows: 115px 40px auto; border-bottom:1px solid #906C40; position:relative; overflow:hidden; } .tb-left-slant { -ms-grid-column: 1; grid-column-start:1; -ms-grid-column-span: 1; grid-column-end:1; -ms-grid-row: 1; grid-row-start:1; -ms-grid-row-span: 2; grid-row-end:span 2; background:#906C40; position:relative; overflow:hidden; } .tb-header { -ms-grid-column: 2; grid-column-start:2; -ms-grid-column-span: 28; grid-column-end:30; -ms-grid-row: 1; grid-row-start:1; grid-row-end:1; background:#906C40; position:relative; } #tb-lights{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 7; grid-column-end: 10; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 3%; } #tb-svg-wrapper-lines { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 7; grid-column-end: 9; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 2%; margin-left: -7%; } #tb-single-fender{ -ms-grid-column: 10; grid-column-start: 12; -ms-grid-column-span: 6; grid-column-end: 19; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-single-fender { -ms-grid-column: 9; grid-column-start: 9; -ms-grid-column-span: 7; grid-column-end: 17; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 2%; margin-left: 20%; } #tb-d-rings{ -ms-grid-column: 12; grid-column-start: 15; -ms-grid-column-span: 4; grid-column-end: 18; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 26%; } #tb-svg-wrapper-d-rings { -ms-grid-column: 11; grid-column-start: 13; -ms-grid-column-span: 7; grid-column-end: 21; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-left: 5%; margin-top: 2%; } #tb-rock-guard{ -ms-grid-column: 17; grid-column-start: 17; -ms-grid-column-span: 4; grid-column-end: 21; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 12%; } #tb-svg-wrapper-rock-guard { -ms-grid-column: 13; grid-column-start: 16; -ms-grid-column-span: 7; grid-column-end: 24; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-left: 5%; margin-top: 4%; } #tb-coupler{ -ms-grid-column: 25; grid-column-start: 25; -ms-grid-column-span: 5; grid-column-end: 30; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-coupler { -ms-grid-column: 24; grid-column-start: 21; -ms-grid-column-span: 6; grid-column-end: 30; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-left: 39%; margin-top: -6%; } #tb-safety-chains{ -ms-grid-column: 16; grid-column-start: 25; -ms-grid-column-span: 4; grid-column-end: 30; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: -3%; } #tb-svg-wrapper-safety-chains { -ms-grid-column: 15; grid-column-start: 22; -ms-grid-column-span: 5; grid-column-end: 30; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 3; grid-row-end: 7; margin-top: -3%; margin-left: 15%; } #tb-jack{ -ms-grid-column: 12; grid-column-start: 19; -ms-grid-column-span: 3; grid-column-end: 21; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: 4%; margin-left: 18%; } #tb-svg-wrapper-jack { -ms-grid-column: 12; grid-column-start: 18; -ms-grid-column-span: 5; grid-column-end: 26; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 7; margin-top: -2%; margin-left: 5%; } #tb-tire{ -ms-grid-column: 8; grid-column-start: 12; -ms-grid-column-span: 4; grid-column-end: 18; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-left: -8%; } #tb-svg-wrapper-tire { -ms-grid-column: 7; grid-column-start: 10; -ms-grid-column-span: 5; grid-column-end: 18; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; } #tb-wheel{ -ms-grid-column: 7; grid-column-start: 11; -ms-grid-column-span: 7; grid-column-end: 15; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-left: -9%; margin-top: 60%; } #tb-svg-wrapper-wheel { -ms-grid-column: 3; grid-column-start: 4; -ms-grid-column-span: 5; grid-column-end: 12; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; margin-top: -7%; margin-left: -7%; } #tb-axle{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 8; grid-column-end: 14; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: 36%; margin-left: 4%; } #tb-svg-wrapper-axle { -ms-grid-column: 2; grid-column-start: 1; -ms-grid-column-span: 5; grid-column-end: 9; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; margin-left: 16%; margin-top: -6%; } #tb-brake-actuator{ -ms-grid-column: 11; grid-column-start: 15; -ms-grid-column-span: 8; grid-column-end: 28; -ms-grid-row: 7; grid-row-start: 5; grid-row-end: 5; margin-top: 33%; } #tb-trailer-detail{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 26; grid-column-end: 28; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 3; grid-row-end: 5; } .trailer-breakdown.aluma-foldup-breakdown .grid-container .tb-sidebar{ -ms-grid-column: 5; grid-column-start: 5; -ms-grid-column-span: 20; grid-column-end: 25; -ms-grid-row: 6; grid-row-start: 6; -ms-grid-span: 17; grid-row-end: 23; padding: 0 14% 20px 18%; border-left: 0; border: none; } #tb-sidebar-svg-wrap {margin: 0 1%;width:98%;} #tb-sidebar-svg-wrap .tb-svg-container {padding-bottom:94%;} .trailer-breakdown .grid-container section h3.tb-side-title {width: 100%;text-align:center;} #tb-footer-slant-p2 { top: 22.7%; left: 34.6%; } #tb-footer-slant-p1 { top: 11.3%; } #tb-electric-sec h4, #tb-hydraulic-sec h4 { font-weight: bold; float: left; text-transform: uppercase; margin-left: 1.9vw; font-size: 1.3vw; margin-top: 2.5vw; } .tb-sidebar-lines { position: absolute; width: 40%; height: 480px; top: 39%; left: 0; bottom: 0; z-index: 3; } .receiver-image { max-width: 20%; margin-left: 30px; margin-top: 0; } .ball-mount-image { max-width: 11%; margin-left: 40px; margin-right: 23px; margin-top: 5px; } .hitch-ball-image { max-width: 5%; margin-left: 25px; margin-right: 45px; } .wiring-image { max-width: 17%; margin-left: 35px; margin-top: 10px; margin-right: 10px; } .brake-controller-image { max-width: 13%; margin-left: 20px; margin-right: 10px; } .trailer-breakdown .grid-container .tb-sidebar h4 {font-size:1.2vw;margin-top:45px;} .tb-footer{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 29; grid-column-end: 29; -ms-grid-row: 30; grid-row-start: 30; -ms-grid-row-span: 18; grid-row-end: 26; padding-top:10px; } } @media screen and (max-width:1024px) { #tb-lights { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 7; grid-column-end: 10; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: -3%; } #tb-d-rings { -ms-grid-column: 12; grid-column-start: 15; -ms-grid-column-span: 4; grid-column-end: 18; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 20%; } #tb-rock-guard { -ms-grid-column: 17; grid-column-start: 17; -ms-grid-column-span: 4; grid-column-end: 21; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; margin-top: 9%; margin-left: -9%; } #tb-coupler { -ms-grid-column: 25; grid-column-start: 25; -ms-grid-column-span: 3; grid-column-end: 28; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-safety-chains { -ms-grid-column: 16; grid-column-start: 25; -ms-grid-column-span: 4; grid-column-end: 30; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: -5%; } #tb-jack { -ms-grid-column: 12; grid-column-start: 19; -ms-grid-column-span: 3; grid-column-end: 21; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: 0%; margin-left: 10%; } #tb-svg-wrapper-tire { -ms-grid-column: 7; grid-column-start: 10; -ms-grid-column-span: 5; grid-column-end: 18; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; margin-top: -3%; } #tb-tire { -ms-grid-column: 8; grid-column-start: 12; -ms-grid-column-span: 4; grid-column-end: 18; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-left: -8%; margin-top: -5%; } #tb-wheel { -ms-grid-column: 7; grid-column-start: 11; -ms-grid-column-span: 7; grid-column-end: 15; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-left: -9%; margin-top: 53%; } #tb-axle { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 8; grid-column-end: 14; -ms-grid-row: 5; grid-row-start: 5; grid-row-end: 5; margin-top: 36%; margin-left: 2%; } .tb-sidebar-lines { position: absolute; width: 53%; height: 480px; top: 32%; left: 0; bottom: 0; z-index: 3; } #tb-footer-slant-p1 { top: 11.6%; } #tb-footer-slant-p2 { top: 23.6%; left: 34.5%; } .trailer-breakdown .grid-container section h3, .trailer-breakdown .grid-container .tb-sidebar h4, .trailer-breakdown .grid-container section h3 a, .trailer-breakdown .grid-container .tb-sidebar h4 a { font-weight: bold; text-transform: uppercase; margin-bottom: 0; font-size: 1.4vw; text-decoration: none; } .tb-footer { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 28; grid-column-end: 30; -ms-grid-row: 30; grid-row-start: 30; -ms-grid-row-span: 18; grid-row-end: 26; padding-top: 10px; } #tb-electric-sec, #tb-hydraulic-sec { float: left; width: 20%; position: relative; } #tb-electric-sec h4, #tb-hydraulic-sec h4 { font-weight: bold; float: left; text-transform: uppercase; margin-left: 1.9vw; font-size: 1.7vw; margin-top: 2.5vw; } .trailer-breakdown #Menu a { height: auto; padding: 10px 15px; } } @media screen and (max-width:768px) { .modal-body, #panel #TopMenuCell, #panel #PhoneCell, #panel .header-grid .nav-bar {display:none;} /*.tb-abs-div p {display:none;}*/ .modal-mobile-body {display:block;} #menu-mobile .TopMenu {float:left;} #menu-mobile h3 { float: left; width: 90%; margin: 0; padding: 5%; background: #b71237; color: #fff; font-weight: bold; } #menu-mobile #Menu { float: left; margin: 0; padding: 0; width:100%; } #menu-mobile #Menu ul { list-style: none; width:100%; float:left; margin: 0; padding: 0; } #menu-mobile #Menu ul li { margin: 0; padding: 0; width: 100%; float: left; display: block; max-width: 100%; } #menu-mobile #Menu ul li a { width:90%; padding:5%; color:#222; float:left; text-align: left; border-bottom: 1px solid #aaa; } #menu-mobile #Menu li:hover a, #menu-mobile #Menu li.over a { background:#fff; } #menu-mobile #Menu ul li a:hover, #menu-mobile #Menu ul li a:focus { background: #333; color:#fff; } #menu-mobile #Menu ul li ul { position:relative; display: block; background: #fff; } #menu-mobile #Menu ul li:hover ul li a #menu-mobile #Menu ul li:focus ul li a { background:#fff; } #menu-mobile #Menu ul li ul li a { color:#111; border-bottom: 1px solid #aaa; } #menu-mobile #Menu ul li ul li a:hover, #menu-mobile #Menu ul li ul li a:focus { color:#fff; background: #333; } #menu-mobile .ff-social {padding: 7% 5%;} #menu-mobile .phone-number { color: #b71237; text-decoration: none; font-weight: bold; line-height: 1em; font-size: 3vw; } #panel .header-grid .logo { -ms-grid-column: 2; grid-column-start: 14; -ms-grid-column-span: 4; grid-column-end: 30; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 1; } #panel { height: 100% !important; float:left; position:relative; bottom:0; top:0; padding-bottom: 20px; margin-bottom: -20px; } .toggle-button { display:block; background: #fff; margin: 5%; border: 1px solid #333; font-size: 26px; padding: 5px 11px; cursor: pointer; color: #333; text-rendering: geometricPrecision; font-weight: bold; position: absolute; top: 0; left: 0; } .toggle-button:hover, .toggle-button:focus {background:#b71237;color:#fff;border:1px solid #b71237;outline:0;} .slideout-panel { position: relative; z-index: 1; will-change: transform; width: 99%; border-left: 3px solid #aaa; } .slide-carrot { display:block; position: absolute; top: 25%; width: 2px; height: 2px; border-style: solid; border-width: 16px 0 16px 15px; border-color: transparent transparent transparent #aaaaaa; } .slide-carrot.second { top:50%; } .slide-carrot.third { top:75%; } .slide-carrot span { margin: -15px; color: #fff; font-size: 11px; line-height: 0; margin-top: 2px; position: absolute; text-rendering: geometricPrecision; } /*featherlight edits*/ .featherlight .featherlight-content { min-width: 35%; min-height: 35%; max-width: 70%; max-height: 80%; } .featherlight h2 { font-size: 3em; margin: 0; text-transform: uppercase; line-height: 1em; clear: both; } .featherlight h3 { font-size: 1.5em; margin-bottom: .5em; clear: both; } .featherlight p { line-height: 1.3em; font-size: 1em; margin-bottom: 1em; clear: both; } .featherlight ol, .featherlight ul, ol, ul { margin: 0 0 1em 2em; clear: both; } /*trailer breakdown*/ .trailer-breakdown.snow-plow-breakdown .grid-container section h3, .trailer-breakdown.snow-plow-breakdown .grid-container section h3 a { font-size: 2.5vw; line-height: 2.3vw; margin-top: -0.2vw; } .trailer-breakdown.snow-plow-breakdown .tb-header { -ms-grid-column: 14; grid-column-start: 1; -ms-grid-column-span: 30; grid-column-end: 30; background: transparent; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 3; grid-row-end: 3; } .trailer-breakdown.snow-plow-breakdown .tb-header h1 { font-size: 15vw; text-align: center; line-height: 11vw; } .trailer-breakdown.snow-plow-breakdown .tb-header h1 strong { font-size: 11.5vw; } .trailer-breakdown.snow-plow-breakdown #tb-trailer-detail { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 24; grid-column-end: 24; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 6; grid-row-end: 10; } #tb-svg-wrapper-modal-1 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 6; grid-column-end: 6; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; margin-top: -10%; } #tb-modal-1 { -ms-grid-column: 6; grid-column-start: 6; -ms-grid-column-span: 12; grid-column-end: 18; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; padding-top: 8%; } #tb-svg-wrapper-modal-2 { -ms-grid-column: 5; grid-column-start: 5; -ms-grid-column-span: 6; grid-column-end: 11; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; margin-top: -5%; } #tb-modal-2 { -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 10; grid-column-end: 21; -ms-grid-row: 5; grid-row-start: 5; -ms-grid-row-span: 1; grid-row-end: 5; padding-top: 6%; } #tb-svg-wrapper-modal-3 { -ms-grid-column: 18; grid-column-start: 18; -ms-grid-column-span: 7; grid-column-end: 25; -ms-grid-row: 6; grid-row-start: 6; -ms-grid-row-span: 1; grid-row-end: 6; padding-top:0; } #tb-modal-3 { -ms-grid-column: 25; grid-column-start: 25; -ms-grid-column-span: 5; grid-column-end: 30; -ms-grid-row: 6; grid-row-start: 6; -ms-grid-row-span: 1; grid-row-end: 6; padding-top: 44%; } #tb-svg-wrapper-modal-4 { -ms-grid-column: 12; grid-column-start: 17; -ms-grid-column-span: 8; grid-column-end: 24; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; margin-top: -10%; margin-left: -6%; } #tb-modal-4 { -ms-grid-column: 23; grid-column-start: 23; -ms-grid-column-span: 7; grid-column-end: 30; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; padding-top: 26%; margin-left: 6%; } #tb-svg-wrapper-modal-5 { -ms-grid-column: 9; grid-column-start: 9; -ms-grid-column-span: 7; grid-column-end: 16; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; margin-top: -17%; } #tb-modal-5 { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 8; grid-column-end: 9; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; padding-top: 46%; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar { padding: 0 0 8%; border: 0; -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 27; grid-column-end: 29; -ms-grid-row: 8; grid-row-start: 8; -ms-grid-row-span: 3; grid-row-end: 11; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar ul { float: none; width: 100%; } .trailer-breakdown.snow-plow-breakdown .tb-sidebar ul li { display: block; float: left; width: 47%; margin: 1.5%; padding: 0; border:0; } .trailer-breakdown .header-grid .search .Textbox {width:86%;} .trailer-breakdown #footer-cell { position: relative; height: auto !important; max-height: 100% !important; width: 100%; max-width: 1280px; border-top: 0; } .trailer-breakdown #Cell1, .trailer-breakdown #Cell2, .trailer-breakdown #Cell3, .trailer-breakdown #ContactCell { width: 90%; height: auto; padding:0 5%; } .trailer-breakdown #QuickSearch { top: 155px !important; } .trailer-breakdown .right-sidebar .ProductDetails strong a, .trailer-breakdown .Right .ProductDetails strong a, .trailer-breakdown .ComparisonTable td, .trailer-breakdown small, .trailer-breakdown .QuickSearchTitle td, .trailer-breakdown .QuickSearchAllResults td, .trailer-breakdown .QuickSearchResult td, .trailer-breakdown .QuickSearchResult .Price, .trailer-breakdown .CurrencyList a, .trailer-breakdown .CartContents .CartProductFieldsLink, .trailer-breakdown .WrappingOptions, .trailer-breakdown .TabNav { font-size: 2vw; } } @media screen and (max-width:480px) { .trailer-breakdown .header-grid .logo { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 8; grid-column-end: 9; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 1; grid-row-end: 1; } .trailer-breakdown .grid-container { display:-ms-grid; display:grid; -ms-grid-columns: (3.45%)[30]; grid-template-columns: 3.44827% repeat(29, 3.44827%); -ms-grid-rows: 115px 40px auto auto; grid-template-rows: 115px 40px auto auto; border-bottom:1px solid #906C40; position:relative; overflow:hidden; } .tb-left-slant { -ms-grid-column: 1; grid-column-start:1; -ms-grid-column-span: 1; grid-column-end:1; -ms-grid-row: 1; grid-row-start:1; -ms-grid-row-span: 2; grid-row-end: 2; background:#906C40; position:relative; overflow:hidden; } .tb-header { -ms-grid-column: 2; grid-column-start:2; -ms-grid-column-span: 28; grid-column-end:30; -ms-grid-row: 1; grid-row-start:1; grid-row-end:1; background:#906C40; position:relative; } #tb-lights{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 28; grid-column-end: 29; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-lines { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 23; grid-column-end: 24; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-single-fender{ -ms-grid-column: 21; grid-column-start: 21; -ms-grid-column-span: 9; grid-column-end: 30; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-svg-wrapper-single-fender { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 23; grid-column-end: 30; -ms-grid-row: 3; grid-row-start: 3; grid-row-end: 3; } #tb-d-rings{ -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 4; grid-column-end: 16; -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 7; } #tb-svg-wrapper-d-rings { -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 7; grid-column-end: 18; -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 7; } #tb-rock-guard{ -ms-grid-column: 13; grid-column-start: 13; -ms-grid-column-span: 7; grid-column-end: 20; -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 7; } #tb-svg-wrapper-rock-guard { -ms-grid-column: 13; grid-column-start: 13; -ms-grid-column-span: 7; grid-column-end: 20; -ms-grid-row: 7; grid-row-start: 7; grid-row-end: 7; } #tb-coupler{ -ms-grid-column: 18; grid-column-start: 18; -ms-grid-column-span: 7; grid-column-end: 27; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; } #tb-svg-wrapper-coupler { -ms-grid-column: 24; grid-column-start: 22; -ms-grid-column-span: 6; grid-column-end: 31; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; margin-left: 37%; margin-top: -5%; } #tb-safety-chains{ -ms-grid-column: 16; grid-column-start: 16; -ms-grid-column-span: 4; grid-column-end: 20; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; } #tb-svg-wrapper-safety-chains { -ms-grid-column: 15; grid-column-start: 15; -ms-grid-column-span: 5; grid-column-end: 20; -ms-grid-row: 11; grid-row-start: 11; -ms-grid-row-span: 1; grid-row-end: 11; } #tb-jack{ -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 3; grid-column-end: 15; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; } #tb-svg-wrapper-jack { -ms-grid-column: 12; grid-column-start: 12; -ms-grid-column-span: 5; grid-column-end: 17; -ms-grid-row: 11; grid-row-start: 11; -ms-grid-row-span: 1; grid-row-end: 11; } #tb-tire{ -ms-grid-column: 8; grid-column-start: 8; -ms-grid-column-span: 4; grid-column-end: 12; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; } #tb-svg-wrapper-tire { -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 5; grid-column-end: 12; -ms-grid-row: 11; grid-row-start: 11; -ms-grid-row-span: 11; grid-row-end: 11; } #tb-wheel{ -ms-grid-column: 7; grid-column-start: 7; -ms-grid-column-span: 7; grid-column-end: 13; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; margin-left:9%; } #tb-svg-wrapper-wheel { -ms-grid-column: 3; grid-column-start: 3; -ms-grid-column-span: 5; grid-column-end: 8; -ms-grid-row: 11; grid-row-start: 11; -ms-grid-row-span: 1; grid-row-end: 11; } #tb-axle{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 8; grid-column-end: 10; -ms-grid-row: 4; grid-row-start: 4; grid-row-end: 4; } #tb-svg-wrapper-axle { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 23; grid-column-end: 24; -ms-grid-row: 4; grid-row-start: 4; -ms-grid-row-span: 1; grid-row-end: 4; } #tb-brake-actuator{ -ms-grid-column: 11; grid-column-start: 11; -ms-grid-column-span: 8; grid-column-end: 19; -ms-grid-row: 11; grid-row-start: 11; grid-row-end: 11; } #tb-trailer-detail{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 28; grid-column-end: 29; -ms-grid-row: 3; grid-row-start: 3; -ms-grid-row-span: 1; grid-row-end: 3; } .trailer-breakdown.aluma-foldup-breakdown #tb-trailer-detail img { width:270%; margin-left:15%; } #tb-trailer-detail-mobile-middle { display:block; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 28; grid-column-end: 29; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-row-span: 1; grid-row-end: 7; } #tb-trailer-detail-mobile-coupler { display:block; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 28; grid-column-end: 29; -ms-grid-row: 10; grid-row-start: 10; -ms-grid-row-span: 1; grid-row-end: 10; } .tb-sidebar{ -ms-grid-column: 5; grid-column-start: 5; -ms-grid-column-span: 20; grid-column-end: 25; -ms-grid-row: 7; grid-row-start: 7; -ms-grid-span: 23; grid-row-end: 23; padding: 20px 14% 20px 18%; border-left: 0; border: none; } .tb-footer{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 29; grid-column-end: 29; -ms-grid-row: 30; grid-row-start: 30; -ms-grid-row-span: 18; grid-row-end: 26; padding-top:10px; } .trailer-breakdown .header-grid .search .Textbox {width:83%;} .trailer-breakdown .right-sidebar .ProductDetails strong a, .trailer-breakdown .Right .ProductDetails strong a, .trailer-breakdown .ComparisonTable td, .trailer-breakdown small, .trailer-breakdown .QuickSearchTitle td, .trailer-breakdown .QuickSearchAllResults td, .trailer-breakdown .QuickSearchResult td, .trailer-breakdown .QuickSearchResult .Price, .trailer-breakdown .CurrencyList a, .trailer-breakdown .CartContents .CartProductFieldsLink, .trailer-breakdown .WrappingOptions, .trailer-breakdown .TabNav { font-size: 3vw; } } @keyframes circle-rotate { from { stroke-dashoffset: 420px; opacity: 0.5; } 75% {opacity: 1;} to { stroke-dashoffset: 0; opacity:1; } } @keyframes line-down { from { stroke-dashoffset: 30px; opacity: 0.75; } to { stroke-dashoffset: 0; opacity: 1; } } @keyframes line-down-100 { from { stroke-dashoffset: 100px; opacity: 0.75; } to { stroke-dashoffset: 0; opacity: 1; } } @keyframes line-down-800 { from { stroke-dashoffset: 800px; opacity: 0.75; } to { stroke-dashoffset: 0; opacity: 1; } } @keyframes pulse { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(8px) translateY(7px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-large { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(6px) translateY(-8px); opacity:.95; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-large-2 { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(0px) translateY(2px); opacity:.95; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-d-rings { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(5px) translateY(-3px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-rock-guard { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(4px) translateY(7px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-safety-chains { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(5px) translateY(13px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-jack { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(8px) translateY(10px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-tire { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(5px) translateY(8px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-wheel { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(-9px) translateY(4px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes pulse-axle { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(11px) translateY(-2px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-hitch { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(-4px) translateY(10px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-receiver { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(7px) translateY(2px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-ball-mount { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(7px) translateY(-3px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-hitch-ball { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(7px) translateY(-14px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-wiring { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(7px) translateY(-20px); opacity:1; } to { transform: scale(1); opacity: 1; } } @keyframes sidebar-brake-controller { from { transform: scale(1); opacity:1; } 50% { transform: scale3d(1.15, 1.15, 1.15) translateX(7px) translateY(-24px); opacity:1; } to { transform: scale(1); opacity: 1; } }