/* $Header: /usr/local/cvsroot/rhinolinings.com/elements/css/style.css,v 1.6 2009/12/09 23:05:46 tngsandiego Exp $ */ /* Coded by CaViCcHi: matteo [at] cavicchi [dot] net */ /* Background */ #top-bg{position:absolute;top:0;left:0;min-width:320px;width:100%;height:2px;background-color:#FFF;border-top:1px solid #E2E1E1;} #top-shadow{position:absolute;top:2px;left:0;min-width:320px;width:100%;height:700px;} #top-red{position:absolute;top:2px;left:0;min-width:320px;width:100%;height:40px;background-color:#BF2E1A;} body.mobile-device #top-shadow{background-position:0 -240px;} /* Container */ #main-container{ position:relative; width:95%; margin-left:auto; margin-right:auto; background-color:transparent; z-index:2; } /* Logo */ #logonolink{position:absolute;top:0px;left:0;width:129px;height:50px;cursor:pointer;z-index:6;} /* Header */ .header-container{position:relative;width:100%;z-index:10;} #body-page .header-container{position:relative;width:100%;height:50px;} #header{ position:absolute; height:50px; top:0; left:0; margin:0; padding:0; width:100%; z-index:30; } #header-bar{position:relative;float:left;padding:3px 0 0 130px;line-height:40px;} /* Header Menu */ #header-menu{position:relative;background-color:transparent;color:#FFF;font-size:13pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;z-index:5;} .language-es #header-menu, .language-fr #header-menu{font-size:13pt;} /* First Level */ #header-menu ul.header-menu-dropdown {position: relative;} #header-menu ul.header-menu-dropdown > li {zoom:1;float:left;line-height:39px;margin:0;} #header-menu ul.header-menu-dropdown > li a { display: block;color:#FFF;padding:0 7px 0 6px;#padding:0 5px;} #header-menu ul.header-menu-dropdown > li:last-child a { border-right: none; } /* Doesn't work in IE */ #header-menu ul.header-menu-dropdown > li.active a, #header-menu ul.header-menu-dropdown > li:hover a{ position: relative;color:#000; } /* The Submenu's Shell */ #header-menu ul.header-menu-dropdown ul{background-color:#000;padding:15px 0;font-size:10pt;font-weight:bold;color:#FFF;text-transform:none;font-family:Arial,sans-serif;} #header-menu ul.header-menu-dropdown ul li{line-height:30px;text-align:left;background-color:transparent;white-space:nowrap;} #header-menu ul.header-menu-dropdown ul li a{padding:0 77px 0 26px;} #header-menu ul.header-menu-dropdown ul li:hover{color:#FFF;background-color:#00AEEF;} /* LEVEL TWO */ #header-menu ul.header-menu-dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; } #header-menu ul.header-menu-dropdown ul li { font-weight: bold; float: none; } /* LEVEL THREE */ #header-menu ul.header-menu-dropdown ul ul { left: 100%; top: 0; } #header-menu ul.header-menu-dropdown li:hover > ul { visibility: visible; } /* Social */ #header-bar .top-social{position:absolute;top:14px;left:635px;width:115px;height:39px;text-align:center;z-index:6;line-height:36px;#line-height:39px;} #header-bar .top-social a{padding:0 2px;display: inline-table; vertical-align: middle;} #header-bar .top-social a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8;filter:alpha(opacity=80);} #header-bar .top-social a img{border:0;} #header-bar .top-social .fb_edge_widget_with_comment{padding:0 0 0 5px;width:76px;height:21px;} /* Retailer */ #header-bar .top-retailer{position:absolute;top:14px;left:735px;width:185px;height:39px;line-height:39px;text-align:right;z-index:5;cursor:pointer;color:#FFF;font-size:15pt;text-transform:uppercase;font-family:'TradeGothic',Arial,sans-serif;text-align:center;} .language-es #header-bar .top-retailer{font-size:12pt;} .language-fr #header-bar .top-retailer{font-size:13pt;} /* Find a retailer */ #header-find-retailer{position:absolute;top:113px;right:10px;width:auto;#width:450px;display:none;background-color:#000;z-index:10;} #header-find-retailer .finder-in{position:relative;padding:15px 20px 15px 15px;} #header-find-retailer .closer{position:relative;margin:0;padding:0;width:100%;text-align:right;} #header-find-retailer .closer a{position:relative;font-size:7.5pt;font-weight:normal;text-transform:uppercase;color:#666;cursor:pointer;} #header-find-retailer .row-input{position:relative;padding:8px 0;text-align:right;white-space:nowrap;} #header-find-retailer .row-input.alternative{text-align:center;} #header-find-retailer .row-input.alternative label{color:#A7A7A7;} #header-find-retailer .row-input label{position:relative;padding:0 15px 0 0;color:#FFF;font-size:16pt;text-transform:uppercase;font-family:'TradeGothic',Arial,sans-serif;vertical-align:middle;} #header-find-retailer .row-input input[type="text"]{font-size:7.5pt;width:230px;padding:4px 0 3px 10px;background-color:#FFF;color:#000;border:none;vertical-align:middle;} #header-find-retailer .row-input select{font-size:7.5pt;width:240px;padding:3px 5px 3px 10px;background-color:#FFF;color:#000;border:none;vertical-align:middle;} /* Body */ .body-container{position:relative;width:980px;margin:0 auto;padding:0;z-index:3;font-family:Helvetica, Arial, sans-serif;} /* Home */ #body-home .body-container{padding:20px 0 0 0;} /* Any Page but the Home */ /*#body-page .body-container{min-height:300px;}*/ /* Home */ #body-home .body-container{color:#000;font-size:8pt;font-weight:normal;overflow:hidden;} #body-home .body-container .red-title{color:#000;font-size:13.5pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;vertical-align:middle;} #body-home .body-container .box-foot{margin:5px 0;padding:0;color:#00457C;font-size:10.5pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;vertical-align:middle;text-align:right;line-height:26px;} #body-home .body-container .box-foot a{padding:0 10px 0 0;color:#00457C;} #body-home .body-container .box-foot .divider{padding:0 10px 0 0;} #body-home .body-container .title{color:#000;font-size:13pt;font-family:'TradeGothic',Arial,sans-serif;vertical-align:middle;} #body-home .body-container .promotion-container{position:relative;width:240px;float:left;margin:0;padding:0;height:225px;} #body-home .body-container .promotion-container .promotion-image{position:relative;width:100%;text-align:center;} #body-home .body-container .testimonials-container{position:relative;width:240px;float:left;margin:0;padding:0 20px;height:225px;} #body-home .body-container .testimonials-container .testimonial{position:relative;padding:20px 0 0;} #body-home .body-container .testimonials-container .box-foot{left:20px;} #body-home .body-container .multi-container{position:relative;width:460px;height:225px;float:right;margin:0;padding:0;overflow:hidden;} #body-home .body-container .multi-container .warranty{position:relative;float:left;width:210px;padding:20px 0 0;} #body-home .body-container .multi-container .multibox{position:relative;float:right;width:199px;padding:20px 0 0;} /* Email Subscribe */ #body-home .body-container .multi-container .multibox .email-subscribe{position:relative;} #body-home .body-container .multi-container .multibox .email-subscribe .title{text-transform:uppercase;font-style:italic;width:198px;text-align:left;} #body-home .body-container .multi-container .multibox .email-subscribe .input{text-align:right;} #body-home .body-container .multi-container .multibox .email-subscribe .input .container{position:relative;width:198px;height:26px;margin:0;z-index:5;text-align:left;} #body-home .body-container .multi-container .multibox .email-subscribe .input input[type="text"]{position:relative;margin:0 0 0 10px;padding:7px 0 0;font-size:9pt;font-style:italic;background-color:#000;color:#FFF;border:none;width:175px;} #body-home .body-container .multi-container .multibox .email-subscribe .input input[type="submit"]{position:relative;width:90px;height:26px;z-index:4;margin:-5px 0 0;color:#FFF;background-color:transparent;border:none;font-size:10.5pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;vertical-align:middle;cursor:pointer;} /* Applicator */ #body-home .body-container .multi-container .multibox .applicator{position:relative;display:block;margin:20px 0 0;padding:0;width:199px;height:65px;} #body-home .body-container .multi-container .multibox .applicator .title{position:relative;padding:10px 10px 10px 70px;color:#FFF;font-size:14pt;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;vertical-align:middle;} /* PAGES */ /* Secondary Pages */ .page-text #main-container .body-container{position:relative;margin:0 auto;color:#FFF;font-size:10pt;width:100%;overflow:visible;padding:15px 0 20px;} .page-text #main-container .body-container .body-in{position:relative;padding:15px;background-color:#333;} .page-text #main-container .body-container .body-in h2{font-size:20pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;color:#BF2E1A;padding:5px 0 3px;} .page-text #main-container .body-container .body-in h1{text-align:left;font-size:27pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;} .page-text #main-container .body-container .body-in .line{margin:10px 0 15px;} .page-text #main-container .body-container .body-in .line.thin{margin:20px 0 20px;} .page-text #main-container .body-container .body-in p{line-height:18px;} /* With Image */ .page-text #main-container .body-container .body-in.with-image h1{margin-left:300px;} .page-text #main-container .body-container .body-in.with-image img.secondary-image{position:relative;float:left;margin-top:-70px;margin-left:-130px;} .page-text #main-container .body-container .body-in.with-image .line{margin-left:300px;width:450px;height:3px;} /* Without Image */ .page-text #main-container .body-container .body-in.no-image h1{text-align:left;font-size:27pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;} .page-text #main-container .body-container .body-in.no-image .line{width:100%;height:3px;} /* Testimonials */ .page-testimonials #main-container .body-container .body-in{padding:45px 35px 40px 45px;} .page-testimonials #main-container .body-container .body-in.with-image .line{width:500px;} #main-container .body-container .body-in .line.long{margin-left:0 !important;width:100% !important;} /* Rhino Nation */ .rhino-nation-page{position:relative;overflow:hidden;} .rhino-nation-page .head{position:relative;color:#FFF;font-size:20pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;padding:0 0 3px;} .rhino-nation-page .submit-story{margin-top:3px;} .rhino-nation-page .testimonials-content{position:relative;float:left;width:360px;} .rhino-nation-page .fanwall-content{position:relative;float:right;width:400px;} .rhino-nation-page .fanwall-content .fb-encloser{position:relative;padding:10px 0 0;} /* Testimonials */ .rhino-nation-page .testimonials-content .testimonial-additional-msg{position:relative;padding:0 0 20px;text-align:right;} .rhino-nation-page .testimonials-content .testimonial-additional-msg a.small-link{font-size:11pt;} .rhino-nation-page .testimonials-content .testimonials-showmore{display:none;} .rhino-nation-page .testimonials-content .testimonial-item{position:relative;padding:0 0 0 15px;} .rhino-nation-page .testimonials-content .testimonial-item a.small-link{color:#BF2E1A;} .rhino-nation-page .testimonials-content .testimonial-item .doodle{position:absolute;top:7px;left:0;width:5px;height:7px;background-position:0 -7px;cursor:pointer;} .rhino-nation-page .testimonials-content .testimonial-item.active .doodle{background-position:0 0;} .rhino-nation-page .testimonials-content .name{position:relative;font-size:18pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;color:#BF2E1A;line-height:25px;cursor:pointer;} .rhino-nation-page .testimonials-content .location{position:relative;color:#A7A7A7;font-weight:bold;line-height:15px;} .rhino-nation-page .testimonials-content .title{position:relative;padding:10px 0 0;} .rhino-nation-page .testimonials-content .text{position:relative;padding:10px 0 0;display:none;} /* Fan Wall */ .rhino-nation-page .fanwall-content .fanwall-additional-msg{position:relative;padding:10px 0 0;text-align:right;} .rhino-nation-page .fanwall-content .fanwall-additional-msg a.small-link{font-size:11pt;} .rhino-nation-page .fanwall-content .fanwall-showmore{display:none;} .rhino-nation-page .fanwall-content .fanwall-items{position:relative;overflow:hidden;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item{position:relative;float:left;width:125px;margin:0 12px 12px 0;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item.third{margin-right:0;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item .fanwall-image{position:relative;margin:0;padding:0;width:100%;height:85px;background-position:center;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item .fanwall-image .overlay{position:relative;margin:0;padding:0;width:100%;height:85px;display:none;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item:hover .fanwall-image .overlay{display:block;} .rhino-nation-page .fanwall-content .fanwall-items .fanwall-item .fanwall-view{position:relative;float:right;margin:5px 0 0 0;} /* Details */ .fanwall-detail-content{position:relative;overflow:hidden;padding:0;} .fanwall-detail-content .box-media{position:relative;float:left;width:640px;} .fanwall-detail-content .box-text{position:relative;float:right;width:280px;font-size:10pt;} .fanwall-detail-content .box-text .name{position:relative;font-size:20pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;color:#BF2E1A;line-height:25px;} .fanwall-detail-content .box-text .location{position:relative;color:#A7A7A7;font-weight:bold;line-height:15px;} .fanwall-detail-content .box-text .text{position:relative;padding:10px 0 0;} /* Gallery & Media */ .media-list-category{position:relative;overflow:hidden;padding:0;} .media-list-category .images-container{position:relative;float:left;width:460px;padding:37px 0 0;margin:0;} .media-list-category .videos-container{position:relative;float:right;width:460px;padding:37px 0 0;margin:0;} .media-list-category .banner{position:absolute;top:0;right:0;z-index:0;} /* ImageBox For Images */ .media-list-category .images-container .featured-images{position:relative;z-index:2;} .media-list-category .images-container .featured-images .picture-box.tool-down{width:460px;height:285px;} .media-list-category .images-container .featured-images .picture-box.tool-down .picture-item{width:460px;height:250px;} .media-list-category .images-container .featured-images .picture-box.tool-down .picture-box-in{width:460px;height:250px;} /* Images */ .media-list-category .category-list{position:relative;overflow:hidden;height:100px;margin:20px 0 0;} .media-list-category .category-list .button-left{position:absolute;top:40px;left:0px;width:16px;height:17px;background-position:0 0;} .media-list-category .category-list .scroller-container{position:absolute;overflow:hidden;width:420px;height:100px;padding:0;margin:0;top:0;left:25px;} .media-list-category .category-list .scroller-container .scroller-screen{position:absolute;top:0;left:0;height:100px;} .media-list-category .category-list .scroller-container .scroller-screen .list-item{display:block;width:130px;height:85px;background-position:center;} .media-list-category .category-list .scroller-container .scroller-screen .list-item .caption{position:absolute;bottom:-15px;right:0;} .media-list-category .category-list .button-right{position:absolute;top:40px;right:0px;width:15px;height:15px;width:16px;height:17px;background-position:-16px 0;} /* Videos */ .media-list-category .videos-container .featured-video{position:relative;z-index:2;} .media-list-category .videos-container .list-item .caption{color:#333;text-align:left;width:100%;font-size:8pt;} .media-list-category .videos-container .list-item .embed{display:none;} /* Old Categories */ .gallery-list-category{position:relative;overflow:hidden;padding:0;} .gallery-list-category .category{position:relative;text-align:right;overflow:hidden;} .gallery-list-category .media{position:relative;padding:30px 0 0;overflow:hidden;} .gallery-list-category .list-item{position:relative;float:left;width:315px;height:100px;margin:0 17px 35px 0;background-position:center;} .gallery-list-category .list-item.third{margin-right:0;} .gallery-list-category .list-item .caption{position:absolute;bottom:-20px;right:10px;} /* Single Category */ .gallery-list-content{position:relative;overflow:hidden;padding:0;} .gallery-list-content .category{position:relative;text-align:right;overflow:hidden;} .gallery-list-content .category h1{position:relative;float:left;padding:1px 2px 3px 4px;text-align:left;font-size:27pt;text-transform:uppercase;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;color:#FFF;} .gallery-list-content .category .cust-b{float:right;} .gallery-list-content .category .select-category{width:150px;text-transform:none;margin:0 0 0 10px;} .gallery-list-content .media{position:relative;padding:30px 0 0;overflow:hidden;} .gallery-list-content .list-item{position:relative;float:left;width:185px;height:105px;margin:0 13px 40px 0;background-position:center;} .gallery-list-content .list-item .overlay{position:absolute;top:0;left:0;width:185px;height:105px;background-color:transparent;} .gallery-list-content .list-item.last{margin-right:0;} .gallery-list-content .list-item .caption{position:absolute;bottom:-20px;right:0px;} .gallery-list-content .line{position:relative;width:100%;height:3px;margin:20px 0 0;} /* Paging */ .gallery-list-content .paging{position:relative;padding:10px 20px;background-color:#13181B;width:860px;overflow:hidden;margin:10px auto 0;vertical-align:middle;color:#FFF;} .gallery-list-content .paging .page-item{position:relative;color:#FFF;cursor:pointer;vertical-align:middle;padding:0 1px;font-size:9pt;} .gallery-list-content .paging .page-item.active{color:#BF2E1A;} /* Details */ .gallery-detail-content{position:relative;overflow:hidden;padding:0;} .gallery-detail-content .box-media{position:relative;float:left;width:640px;} /* Box Slider */ .box-media .picture-box.tool-down{width:640px;height:380px;} .box-media .picture-box.tool-down .picture-item{width:640px;height:345px;} .box-media .picture-box.tool-down .picture-box-in{width:640px;height:345px;} .gallery-detail-content .box-text{position:relative;float:right;width:280px;font-size:10pt;} /* */ /* Applications */ .applications-list-content{position:relative;overflow:hidden;padding:0;} .applications-list-content .list-item{position:relative;float:left;width:315px;height:100px;margin:0 17px 35px 0;} .applications-list-content .list-item.third{margin-right:0;} .applications-list-content .list-item .caption{position:absolute;bottom:-20px;right:10px;} /* Details */ #body-page.page-applications-details .header-container{position:relative;width:100%;height:auto;} #body-page.page-applications-details .body-container{height:auto;} .application-detail-content{position:relative;padding:40px 0 0;width:100%;} .application-detail-content .detail-window{position:relative;padding:0;margin:0;} .application-detail-content .detail-window #detail-item{position:relative;overflow:hidden;padding:0;margin:0;width:100%;height:600px;z-index:5;} /* Tooltip */ .application-detail-content .detail-window #detail-item .crosshair{position:absolute;width:34px;height:34px;margin:0;padding:0;cursor:pointer;z-index:7;} .application-detail-content .detail-window #detail-item .tooltip{position:absolute;width:200px;height:130px;margin:0;padding:0;z-index:8;background-color:#FFF;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:none;overflow:hidden;text-align:center;} .application-detail-content .detail-window #detail-item .tooltip .tooltip-in{position:relative;padding:10px;} .application-detail-content .detail-window #detail-item .tooltip .tooltip-image{display:block;height:45px;margin:0 auto;} .application-detail-content .detail-window #detail-item .tooltip .tooltip-text{position:relative;padding:5px 0;line-height:12px;font-size:8pt;color:#000;} .application-detail-content .detail-window #detail-item .tooltip .cust-b{margin:0 auto;} /* Details */ .application-detail-content .detail-window #detail-item .details{position:absolute;left:-10px;top:140px;width:424px;height:246px;z-index:9;} .application-detail-content .detail-window #detail-item .details .details-in{position:relative;padding:20px 70px 20px 60px;} .application-detail-content .detail-window #detail-item .details .title{position:relative;color:#FFF;font-size:27pt;font-family:'TradeGothic',Arial,sans-serif;vertical-align:middle;} .application-detail-content .detail-window #detail-item .details .text{position:relative;color:#ADADAD;font-size:10pt;padding:10px 0 0;} .application-detail-content .slider-buttons{position:absolute;float:right;right:65px;bottom:30px;width:auto;height:31px;padding:5px 1px 5px 7px;background-color:#000;z-index:6;} .application-detail-content .slider-buttons .slider-button{position:relative;float:left;display:table;margin:0 7px 0 0;width:70px;height:31px;background-position:center;background-repeat:no-repeat;background-position:center center;cursor:pointer;} .application-detail-content .slider-buttons .slider-button.active .button-dark{background:#BF2E1A;} .application-detail-content .slider-buttons .slider-button .button-dark{position:relative;width:70px;height:31px;display:table-cell;vertical-align:middle;#position:absolute;} .application-detail-content .slider-buttons .slider-button .button-in{position:relative;width:70px;text-align:center;line-height:13px;#position:relative;#top:20%;text-align:center;color:#FFF;font-size:10pt;text-transform:uppercase;font-family:'TradeGothic',Arial,sans-serif;font-weight:normal;} /* Products */ .products-list-content{position:relative;overflow:hidden;padding:20px 0 50px;} .products-list-content .list-item{position:relative;float:left;width:315px;height:100px;margin:0 17px 40px 0;background-position:center;background-repeat:no-repeat;} .products-list-content .list-item.third{margin-right:0;} .products-list-content .list-item .short{position:relative;padding:25px 0 0 50px;color:#FFF;text-transform:uppercase;font-size:18pt;font-style:italic;font-family:'TradeGothicItalic',Arial,sans-serif;vertical-align:middle;text-shadow:-3px 2px 3px #000;} .products-list-content .list-item .caption{position:absolute;width:149px;height:65px;bottom:-32px;right:5px;padding:17px 25px 0;text-align:center;} .products-list-content .list-item .caption img{border:none;height:50px;} /* details */ .products-detail{position:relative;overflow:hidden;padding:25px 0 20px 25px;} .products-detail .detail-left{position:relative;float:left;width:325px;} .products-detail .detail-right{position:relative;float:right;width:600px;background-color:#333;} .products-detail .detail-right .detail-right-in{position:relative;padding:15px 20px;} .products-detail .caption{position:absolute;width:149px;height:65px;z-index:6;top:-30px;left:-20px;padding:17px 25px 0;text-align:center;} .products-detail .caption img{height:50px;} /* Listing Results */ #listings-results{position:relative;} #listings-results .map-container{position:relative;margin:0 auto;background-color:#FFF;padding:10px;z-index:10;} #listings-results .toggle-map{margin:-14px 0 0;float:right;z-index:11;} #listings-results #map-google-interactive{position:relative;width:100%;height:200px;z-index:4;} #listings-results #map-google-interactive .mapTitle{padding:0 5px 0 0;line-height:15px;font-size:9pt;color:#333;} #listings-results #map-google-interactive .mapTitle .m-title{font-size:10pt;font-weight:bold;line-height:18px;margin:0;} #listings-results #map-google-interactive .mapTitle .m-address{padding:0;} #listings-results #map-google-interactive .mapTitle .m-address{padding:0;} #listings-results #map-google-interactive .mapTitle .m-link{padding:10px 0 0;} #listings-results #map-google-interactive .mapTitle .m-link a{text-decoration:none;} #listings-results .search-tool-box{position:absolute;overflow:hidden; width:860px; background:#13181B; padding:10px 20px;bottom:-41px;left:50px;z-index:5;color:#FFF;text-transform:uppercase;font-size:15pt;font-family:'TradeGothic',Arial,sans-serif;vertical-align:middle;} #form_search_loc .row-input{text-align:center;} #form_search_loc .cust-b{display:inline-block;} #listings-results .search-tool-box a{color:#FFF;cursor:pointer;} #listings-results .search-tool-box img{vertical-align:middle;} #listings-results .search-tool-box .advanced-search{position:relative;overflow:hidden;line-height:20px;} /* used twice */ #listings-results .search-left{float:left;font-size:15pt;padding:0 0 0 10px;} #listings-results .search-right{float:right;font-size:9pt;font-family:Arial,sans-serif;text-transform:none;padding:0 10px 0 0;} #listings-results .search-right select{width:40px;margin:0 0 0 10px;} #listings-results .search-tool-box.active .advanced-search-fields{display:block;} #listings-results .advanced-search-fields{position:relative;display:none;} #listings-results .advanced-search-fields input.cust-b{display:inline;} #listings-results .fields{padding:5px 0 0;} #listings-results .fields .row-input{padding:5px 0 0;} #listings-results .fields .row-input label{position:relative;vertical-align:middle;display:block;} #listings-results .fields .row-input input{font-size:9pt;width:100%;padding:4px 0 3px 0px;text-indent:10px;background-color:#FFF;color:#000;border:none;vertical-align:middle;text-transform:none;} #listings-results .fields .row-input select{font-size:9pt;width:100%;padding:3px 0px 3px 0px;background-color:#FFF;color:#000;border:none;vertical-align:middle;text-transform:none;} #listings-results .fields .row-input.alternative{padding:15px 0 5px;} #listings-results .fields .row-input.alternative label{text-align:center;color:#A7A7A7;} #listings-results .fields .row-submit{padding:10px 0 0;text-align:center;} #listings-results .fields .row-submit .cust-b{display:inline-block;} #listings-results .paging{position:relative;padding:5px 0;background-color:#13181B;width:100%;overflow:hidden;margin:15px auto 0;vertical-align:middle;color:#FFF;} #listings-results .results-per-page{} #listings-results .paging .page-item{position:relative;color:#FFF;cursor:pointer;vertical-align:middle;padding:0 5px;font-size:12pt;} #listings-results .paging .page-item.active{color:#BF2E1A;} /* Listing Landing */ #listings-results.landing{margin:0;padding:0;} #listings-results.landing .search-tool-box{position:relative;bottom:0;left:0;width:100%;padding:0;} #listings-results.landing .search-tool-box .advanced-search-fields{padding:10px 20px 15px;} #listings-results .search-tool-box .advanced-search-fields.fields-top{padding:15px 10px 5px 10px;} #listings-results .search-tool-box .advanced-search-fields.fields-middle{padding:5px 20px 10px;} #listings-results .search-tool-box .advanced-search-fields.fields-bottom{padding:10px 20px 15px;} #listings-results.landing .description{padding:10px 0 0;} /* Dealers */ #listings-results .dealers{position:relative;padding:0;color:#333;} #listings-results .dealers .hdiv{position:relative;overflow:hidden;height:4px;width:100%;margin:5px 0 10px 0;} #listings-results .dealers .hdiv.first{margin:20px 0 10px;} #listings-results .dealers .contact-dealers{position:relative;margin:10px 0 0;overflow:hidden;} #listings-results .dealers .contact-dealers .cust-b{float:right;} /* Dealer */ #listings-results .dealer{position:relative;overflow:hidden;} #listings-results .dealer-left{position:relative;width:100%} #listings-results .dealer-right{position:relative;float:right;width:650px;} #listings-results .dealer .tags{position:relative;padding:10px 0 5px 0;} #listings-results .dealer .tags .product{position:relative;float:left;padding:3px 6px;margin:0 5px 5px 0;background-color:#FFF;color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /* customized */ #listings-results .dealer .tags .product.5deal{background-color:#7C7953;color:#FFF;} #listings-results .dealer .tags .product.item-1{background-color:#FFF;color:#4C6274;}/* Hardline */ #listings-results .dealer .tags .product.item-2{background-color:#FFF;color:#D91D24;}/* Extreme */ #listings-results .dealer .tags .product.item-3{background-color:#FFF;color:#598685;}/* Hybrid */ #listings-results .dealer .tags .product.item-4{background-color:#FFF;color:#C21515;}/* TuffGrip */ #listings-results .dealer .tags .product.item-5{background-color:#FFF;color:#BE994A;}/* SolarMax */ #listings-results .dealer .tags .product.item-6{background-color:#FFF;color:#333;}/* Rv */ #listings-results .dealer .tags .product.item-7{background-color:#FFF;color:#333;}/* ColorMatch */ #listings-results .dealer .tags .product.item-8{background-color:#FFF;color:#333;}/* Shine */ #listings-results .dealer .tags .product.item-9{background-color:#FFF;color:#333;}/* EcoCoat */ #listings-results .dealer .subtags{position:relative;overflow:hidden;padding:25px 0 0;} #listings-results .dealer .subtags .button{position:relative;display:block;float:left;line-height:23px;color:#FFF;font-size:10.5pt;font-style:italic;text-transform:uppercase;font-family:'TradeGothicItalic',Arial,sans-serif;cursor:pointer;} #listings-results .dealer .subtags .button-view-profile{width:226px;height:23px;text-align:center;} #listings-results .dealer .subtags .button-view-map{width:197px;height:23px;text-align:center;} #listings-results .dealer .subtags .contact-retailer{width:226px;height:23px;text-align:left;} #listings-results .dealer .subtags .contact-retailer input[type="checkbox"]{margin:0px 20px 0 15px;cursor:pointer;vertical-align:middle;} #listings-results .dealer .subtags .contact-retailer label{cursor:pointer;vertical-align:middle;} #listings-results .dealer .title{position:relative;display:block;font-size:18pt;line-height:auto;color:#00457C;cursor:pointer;font-family:'TradeGothic',Arial,sans-serif;} #listings-results .dealer .row{position:relative;padding:3px 0 0;} #listings-results .dealer .distance{position:relative;display:block;float:left;font-size:9px;padding:8px 10px;font-family:Arial,Helvetica,sans-serif;color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#333;} #listings-results .dealer .address{position:relative;float:left;padding:0;line-height:14px;padding:0 0 0 10px;} #listings-results .dealer .phone{position:relative;padding:5px 0 3px;font-size:15pt;font-family:'TradeGothic',Arial,sans-serif;} /* Picture Box */ .picture-box{position:relative;z-index:4;} .picture-box .picture-toolbox .picture-button{cursor:pointer;} /* Types */ /* with Toolbox below */ .picture-box.tool-down .picture-item{width:325px;height:245px;background-position:center;} .picture-box.tool-down{width:325px;height:280px;} .picture-box.tool-down .picture-box-in{width:325px;height:245px;top:0;left:0;} .picture-box.tool-down .picture-toolbox{width:100%;height:35px;line-height:35px;bottom:0;left:0;text-align:right;overflow:hidden;} .picture-box.tool-down .picture-toolbox .picture-button{margin:0 7px 0 0;margin-top:12px;} /* Images */ /* Toolbox */ .picture-box .picture-box-in{position:absolute;z-index:5;} .picture-box .picture-toolbox{position:absolute;background-color:#333;} .picture-box .picture-toolbox .picture-button{position:relative;background-position:0 -10px;display:inline-block;width:10px;height:10px;} .picture-box .picture-toolbox .picture-button:hover, .picture-box .picture-toolbox .picture-button.active{background-position:-10px -10px;} /* generic */ .red-title{position:relative;height:27px;width:100%;vertical-align:top;text-align:left;} .box-foot{position:absolute;width:238px;height:26px;bottom:0;left:0;} a.small-link{font-family:'TradeGothic',Arial,sans-serif;font-size:9pt;text-transform:uppercase;} a.small-link:hover{text-decoration:underline;} #bigContainer{position:relative;padding:20px 0 0;#overflow:hidden;} #bigContainer .column-left{position:relative;width:620px;float:left;text-align:left;} #bigContainer .column-right{position:relative;width:333px;float:right;text-align:right;} /* Generic */ #bigContainer .column-right .gen-box{width:320px;margin:0 0 20px 13px;} /* Home */ #bigContainer .column-left .gen-box.box-articles{padding:1px 0 14px;margin:20px 0 0;} #bigContainer .column-left .gen-box.box-articles .home-content-title{position:relative;width:276px;height:51px;margin:-10px 0 5px -10px;padding:0;} /* Switcher */ .body-slider{position:relative;margin:0 auto;padding:43px 0 0;width:1110px;height:550px;} .body-slider .slider-window{position:absolute;overflow:hidden;width:1110px;height:550px;left:0;bottom:0;} .body-slider .slider-item{position:relative;width:1110px;height:550px;background-position:center;background-repeat:no-repeat;overflow:hidden;background-position:center center;} .body-slider .slider-item .slider-caption{position:absolute;display:block;top:200px;left:100px;padding:100px 30px 30px;width:520px;height:150px;text-align:center;background-color:transparent;color:#FFF;font-size:27pt;text-transform:uppercase;font-family:'TradeGothic',Arial,sans-serif;font-weight:normal;} .body-slider .slider-item .slider-caption .cust-b{margin:0 auto;} .body-slider .slider-buttons{position:absolute;float:right;right:65px;bottom:40px;width:auto;height:31px;padding:5px 1px 5px 7px;background-color:#000;zoom:1;} .body-slider .slider-buttons .slider-button{position:relative;float:left;display:table;margin:0 7px 0 0;width:70px;height:31px;background-position:center;background-repeat:no-repeat;background-position:center center;cursor:pointer;zoom:1;} .body-slider .slider-buttons .slider-button.active .button-dark{background:#BF2E1A;} .body-slider .slider-buttons .slider-button .button-dark{position:relative;width:70px;height:31px;display:table-cell;vertical-align:middle;zoom:1;} .body-slider .slider-buttons .slider-button .button-in{position:relative;width:70px;text-align:center;line-height:13px;/*#top:20%;*/text-align:center;color:#FFF;font-size:9pt;text-transform:uppercase;font-family:'TradeGothic',Arial,sans-serif;font-weight:normal;zoom:1;#top:50%;} .body-slider .slider-buttons .slider-button .button-in .in-balance{position:relative;#top:-50%;} /* Sitemap */ .sitemap{padding:20px 0 30px 20px;font-family:Arial, sans-serif;} .sitemap a{color:#00AFEF;} .sitemap a:hover{color:#F79239;} .sitemap .item{padding:0 0 5px;line-height:20px;} .sitemap .item.level-0{padding-left:0px;font-size:11pt;font-weight:bold;} .sitemap .item.level-1{padding-left:20px;font-size:10pt;line-height:18px;} .sitemap .item.level-2{padding-left:35px;font-size:9pt;line-height:16px;} .sitemap .item.level-3{padding-left:60px;font-size:9pt;line-height:16px;} /* Footer */ #footer{position:relative;width:100%;margin:0 auto;padding:0 0 10px;z-index:3;font-family:Helvetica, Arial, sans-serif;color:#000;font-size:8pt;font-weight:normal;} #footer .pre-footer{position:relative;width:100%;height:14px;margin:0;padding:0;} #footer img{vertical-align:text-bottom;} #footer a{color:#000;text-decoration:none;} #footer a:hover{color:#000;text-decoration:underline;} #footer .footer-left{position:relative;width:100%;padding:15px 0 0;margin:0;display:block;line-height:20px;} /* footer-left */ #footer .footer-left #footer-copyright{position:relative;margin:0;padding:15px 0 0;} #footer .footer-left #footer-menu{position:relative;margin:0;padding:0;} #footer .footer-left #footer-menu .footer-menu-item{position:relative;margin:0;padding:0;} #footer .footer-left #footer-menu .footer-menu-item.item-separe{padding:0 8px;} #footer .fullsite{position:relative;padding:5px 0 0;text-align:right} /* footer-right */ #footer .footer-right .title{font-size:10.5pt;font-style:italic;text-transform:uppercase;font-family:'TradeGothicItalic',Arial,sans-serif;} #footer .footer-right .images{padding:15px 0 0;} /* Standard form */ .standard-form{position:relative;} .standard-form {position:relative;clear:both;padding:7px 0 0;line-height:25px;} .standard-form .row .title-field{position:relative;font-weight:bold;} .standard-form .row .input-field{position:relative;margin:0;text-align:left;} .standard-form .row .input-field input[type="text"]{height:25px;margin-top:2px;border:1px solid #777;padding-left:5px;font-size:10pt;width:520px;} .standard-form .row .input-field select{line-height:25px;margin-top:2px;border:1px solid #777;padding:5px;font-size:10pt;} .standard-form .row .input-field textarea{line-height:25px;margin-top:2px;border:1px solid #777;padding-left:5px;font-size:10pt;width:520px;} .standard-form .row .input-field input[type="text"].captcha-input{width:60px;} .standard-form .row span.question{font-size:12pt;font-weight:bold;color:#FF0000;border:1px solid #FF0000;background-color:#FFE3E3;line-height:15px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:0 5px;cursor:help;} /* Lines */ .bl{font-size:0;height:2px;width:100%;background-color:#000;} .gl{font-size:0;height:1px;width:100%;background-color:#CCC;} /* General Behaviour */ .required{color:#ED1B24;} /* menu */ .separe{ position:relative; width:3px; z-index:20; } /* Rating */ .rating-stars{position:relative;width:76px;height:15px;background-position:0 0;} .rating-stars.rating-0_5{background-position:0 -15px;} .rating-stars.rating-1{background-position:0 -30px;} .rating-stars.rating-1_5{background-position:0 -45px;} .rating-stars.rating-2{background-position:0 -60px;} .rating-stars.rating-2_5{background-position:0 -75px;} .rating-stars.rating-3{background-position:0 -90px;} .rating-stars.rating-3_5{background-position:0 -105px;} .rating-stars.rating-4{background-position:0 -120px;} .rating-stars.rating-4_5{background-position:0 -135px;} .rating-stars.rating-5{background-position:0 -150px;} /* Buttons */ .cust-b{ position:relative; display:block; line-height:14px; font-size:13.5pt; font-weight:normal; background-color:transparent; overflow:hidden; text-align:center; white-space:nowrap; border:none; cursor:pointer; text-transform:uppercase; font-family:'TradeGothicItalic', Arial, sans-serif; font-style:italic; } .cust-b.b-xxsm{width:88px;height:22px;line-height:22px;font-size:11pt;} .cust-b.b-red.b-xxsm{width:132px;height:39px;line-height:39px;font-size:8pt;} .cust-b.b-xsm{width:140px;height:16px;line-height:16px;font-size:11pt;} .cust-b.b-sm{width:175px;height:47px;line-height:47px;} .cust-b.b-md{width:164px;height:25px;line-height:25px;} .cust-b.b-lg{width:250px;height:47px;line-height:47px;} .cust-b.b-grey.b-lg{width:330px;height:35px;line-height:35px;} .cust-b.b-black.b-lg{width:198px;height:26px;line-height:22px;font-size:12pt;} /* Fancy */ .cust-b.b-fancy{border:1px solid #FFF;} /* Colors */ .cust-b.b-black{color:#FFF;background-color:transparent;} .cust-b.b-blue{color:#FFF;background-color:transparent;} .cust-b.b-red{color:#FFF;background-color:transparent;} .cust-b.b-grey{color:#FFF;background-color:transparent;} /* Exception */ input.cust-b{padding:2px 10px 3px;} /* Modal Window */ #bigKahuna{position:absolute;top:0;left:0;z-index:999;/*height:1000px;*/width:100%;} #msgToGo{ position:relative; margin:230px auto 0; width:500px; z-index:500; background-color:#3F403F;/*BF2E1A*/ border:none; color:#FFF; font-size:12pt; } #msgToGo .title-container{position:relative;padding:14px 0;} #msgToGo .title-container .bar-title{position:relative;padding:0 0 0 135px;color:#FFF;font-size:16pt;font-style:italic;text-transform:uppercase;font-family:'TradeGothicItalic',Arial,sans-serif;} #msgToGo-ContentHere{padding:20px 20px;} #msgToGo a.closer{display:block;position:absolute;right:0;top:0;font-size:8pt;color:#FFF;font-weight:normal;text-align:center;line-height:30px;width:55px;cursor:pointer;border-bottom:1px solid #BF2E1A;border-left:1px solid #BF2E1A;} #msgToGo p{margin:2px 0 5px 0;} /* Language */ .choose-language{position:relative;text-align:center;} .choose-language img{border:none;} .choose-language .language{position:relative;display:inline-block;/*float:left;*/padding:2px 5px;margin:0 10px 10px 0;} .choose-language .language .label{color:#FFF;} /* Mobile CSS */ /* html.mobile #listings-results.landing .search-tool-box{width:310px;text-align:right;padding:20px;} html.mobile #listings-results.landing .search-tool-box .fields{padding:0;} html.mobile #listings-results.landing .search-tool-box .fields span{display:block;} html.mobile #listings-results.landing .search-tool-box .fields input[type='text']{width:140px;} html.mobile #listings-results.landing .search-tool-box .fields select{width:150px;} */ /* Additional CSS */ input[type="text"].captcha-input{width:54px !important;} #body-page.page-text hr{margin: 10px 0;color:#D9D8D8;} #body-page.page-text .body-text, #body-page.specific-page-8 .body-text{padding:10px 10px 10px 15px;} #header-menu ul{list-style:none;margin:0px;padding:0px;z-index:30;} input.unfocused, textarea.unfocused, select.unfocused{color:#999;} /* Changed background colors */ .dbg1{background-color: #F00;} .dbg2{background-color: #0F0;} .dbg3{background-color: #FF0;} .dbg4{background-color: #F0F;}