*Delivery and installation included almost everywhere. AND INSTALL A place for storing tools, locking bikes, woodworking, working out, or plugging in and jamming. All rights reserved. gtag('config', 'UA-90330148-2'); If you need to expand your residential living, storage or workshop space, our metal building garage kits are more economical than a traditional garage building. We pride ourselves on being the best shed builders in the industry. You must have JavaScript enabled in your browser to utilize the functionality of this website. The affordable pricing with free installation included makes this possible. *Note: Pricing listed may vary depending on building code requirements in your local area, including, but not limited to local snow load and/or wind load requirements. We Offer A 5 Year Top to Bottom Limited Warranty Certificate covering our standard shed structures. The Annex garage works perfectly in any urban setting like a laneway or typical driveway. Find A garage is an important investment, whether its a commercial-size project or a personal garage. No matter where you are in the process of building, General Steel has a solution for you. Our garages also include our enhanced siding package for moisture protection and insulation value. Each has its own benefits, and it ultimately comes down to your preference, and what style is right for you. Whether you are storing industrial-size equipment or personal vehicles, a steel garage provides the flexibility to get the building you need and the strength to ensure it lasts. © 2022 Stoltzfus Structures. Pricing may vary slightly depending on region. 2022 General Steel. Commercial Steel Garage
It's our pleasure. *Delivery and installation included almost everywhere. I-beam framing requires minimal maintenance due to its consistency and reliability, saving you time and money. Sales tax may apply in certain jurisdictions. Pictures shown are examples only and may vary from model selected. Garage kits by Summerwood turn driveways into destinations. Walk through doors come in 3, 4 and 6 wide 7 tall single and double leaf with 18 - 20 gauge galvanized steel. From 2 car garage kits to custom buildings designed to hold 8 cars, we can make you a pre-built garage that works. The ridge frame structure is so string there is no need for beams or posts so you have a 100% usable area inside. Choose a pre-cut garage or closer-to-finished pre-assembled garage. Design IDs are custom designed structures. Eversafe offers great steel building prices on 1, 2 and 3 car metal garages as displayed below. Every steel garage kit listed here includes a complete package with doors, delivery and installation, excluding concrete and concrete labor if you are putting in slab. Having a contractor build a standard garage typically runs about $35 -$45 a square foot. Working with people all over our great country is rewarding and the foundation of our clientele. The simple truth is that quality materials last far longer.
Enter your email below to subscribe! Your information will not be shared. #m_share { position: fixed; right: 0px; bottom: 0px; z-index: 1000; text-align: center; width: 100%; display: flex; justify-content: center; } #m_share .m_share_button { display: inline-block; background-color: #7d7d7d; cursor: pointer; transition: all 0.2s; padding: 12px; flex-grow: 1; } #m_share .m_share_button img { width: 24px; height: 24px; } #m_share #m_share_facebook { background-color: #4267b2; } #m_share #m_share_twitter { background-color: #55acee; } #m_share #m_share_linkedin { background-color: #0077b5; } @media only screen and (min-width: 768px) { #m_share { position: fixed; right: 0px; top: 200px; z-index: 1000; text-align: right; width: 60px; display: block; } #m_share .m_share_button { display: inline-block; padding: 12px; background-color: #7d7d7d; cursor: pointer; transition: all 0.2s; } #m_share .m_share_button:first-child { border-radius: 5px 0px 0px 0px; } #m_share .m_share_button:last-child { border-radius: 0px 0px 0px 5px; } #m_share .m_share_button:hover { padding: 12px 18px; border-radius: 5px 0px 0px 5px; } } #m_share.inline { position: relative; right: unset; top: unset; bottom: unset; z-index: 1; text-align: center; width: auto; } #m_share.inline .m_share_button { display: inline-block; padding: 6px; margin: 0px 7px; border-radius: 5px; } Customize Design. NATIONWIDE!*. Call us today,at (610) 595-4724 and ask our knowledgeable sales staff to give you a quote on our 2 car garage kits that meet your needs. We then research the location of the garage to ensure that its equipped to withstand the wind and snow loads of your area as well as any insulation requirements. Our garages are made with high-grade western red cedar. The Archer garage is simply classic with a generous size that perfectly complements any home and any use. Pricing may vary slightly depending on region. CALL US DIRECT FOR A FREE QUOTE ON YOUR EVERSAFE The average vehicle owner doesnt realize the wear and tear that their car can experience from just sitting outside. Metal garage buildings for sale here are also great for storage as you can assemble shelving install lofts in them to reduce clutter. Get your dream garage with the Montcrest, a single door garage that brings old-school cool to any space. An Eversafe steel building or garage kit is going to be a great addition to your property as you look to find affordable ways to assemble a workshop, garage or storage space that will help protect your items and vehicles from theft or inclement weather. Please call us at 1-800-374-7106 to speak to one of our Building Specialists for more details. Create your own today! A recent study found that adding a detached garage is one of the best ways to increase home value. Are you debating between a carport or garage, or adding a carport to a garage? You can customize the exterior of your metal garage with brick or stone siding, planters, patios or trim to match the look of your home. After these events end, the display buildings are sold as metal buildings on clearance. Whether you need to store recreational vehicles, automobiles, workshop equipment, lawn equipment or want to start a home business, rigid frame metal garage kits provide the security, strength and appeal you are looking for along with the flexibility to custom design and accessorize your building to conform it to your needs. Garages and workshops are similar, but there are a few differences.
From our simple 3 step building quote to our growing library of project resources, General Steel is the company you've been looking for. Here are some basic guidelines that will help give you an idea of how big you should make your garage. We Build our car garage kits with two different roof styles A-Frame, and Gambrel. I-Beam Framing: 26 Gauge Sheeting, C-Channel Framing: 26 Gauge Sheeting, Produced with the highest quality steel, 50 year warranty, Concrete foundation or piers needed in all cases, Includes one 3070 man door and one framed opening. Design and price your metal garage kit and get an approximate cost on your building. EVERSAFE STEEL BUILDING AND ASK ABOUT OUR SPECIALS! www.contractors.comsays the minimum size (enough to park a vehicle) for a single-car garage is about 288 square feet, or $8,400 -$10,800; for a two-car structure, its around 380 square feet, or $13,300 -$17,100. We want to know exactly how you will be using your garage, how it will fit on your property, and your ideas for interior and exterior design, among other factors. Retrieve yours below: Don't have a Design ID? Eversafe buildings and the factory have in the past put up display steel garage buildings at certain county fairs and trade shows. If you want an attractive, well designed and expertly built garage, youve arrived. Be sure and ask about additional savings that are currently being offered in certain areas based on size, use and shipping schedules. The discount is typically 20-25% off the regular price. A safe and solid structure to house your car and so much more. It seems no matter how much space we have to store things we always seem to fill it. Our design specialists can show you the advantages of choosing metal buildings over wood or concrete including labor saving faster installation and more. Prices are subject to change without notice. window.dataLayer = window.dataLayer || []; 2009-2022 Padry. Once we get an idea of what building kit best suits your project, we work with you to add customization options, including a wide variety of doors, windows, and exterior color schemes. A 2430 metal garage from General Steel is an exceptional option if youre looking for an A 2432 garage kit from General Steel is a great option due to its versatility and durability. Facebook over 200, 5 star reviews, plus hundreds more submitted directly to us. Get a classic look with the Highlands garage kit. Stoltzfus Structures builds a solution for the problem and offers built on site 2 car garage kits that combine the best of all the options. That means that through working with our experienced design team, you can implement all of the custom components that your garage requires. Working with General Steel is a collaborative process that ensures that your final product reflects your specific needs. The York garage is a favorite because its steep gable roof adds extra storage space and the beautiful windows let in tons of light. A steel building from General Steel is a versatile solution for a garage. Our hardware is all name brand and our fasteners all zinc plated to prevent corrosion. You can even add on to your garage by extending the length from either end. 10639 W. Bradford Road Littleton, CO 80127. Because that's how it should be done. Your General Steel metal building can come in a variety of colors. New! The best of the best Garages as chosen by our staff. Only the rigid frame metal building provides the appealing design but also the strength to gather the worlds strictest building and wind codes. Use the filter options on your left to select your dimensions. Partition wall options can also be included to provide space for a small office or even more storage. We schedule delivery, and bring the two car garage kit out and build it on your prepared site. Or you can opt for maintenance-free Canexel siding in a variety of attractive colors at no extra charge. Speak with an experienced team member today to learn about your options, designing your ideal structure and what specials we are currently running as well. Call for details. Free Delivery and As you browse our site, you will find a great selection of affordable options that we will install for you at no additional labor charge. You can even place various steel Are Quonset hut kits the best choice for your project or just an acceptable solution? Treat yourself to our free catalog & colorful e-Book. We Offer For the local market, we can even install the building for you. .topbar { padding-top: 15px; text-align: center; } .topbar .title { display:none; } .topbar .menu { height:auto; background-color:transparent; position:relative; top:auto; overflow: visible; } .topbar .menu li { display: inline; font-size: 12px; margin: 0px; padding: 9px; padding-bottom:18px; border: none; position: relative; } .topbar .menu li a { padding: 0px; display: inline; } .topbar .menu li a:hover { color: #FF0; } .topbar .menu li span { padding-bottom:0px; } .topbar .menu li .active { color: #FF0; } .topbar .menu .submenu { display: none; position: absolute; background-color: rgba(0,0,0,1); left: 0px; margin-top: 17px; box-shadow: 0px 5px 10px rgba(0,0,0,0.7); } .topbar .menu li:hover .submenu { display: block; } .topbar .menu .submenu li { margin:0px; border:none; display:block; text-align:left; background-color:transparent; padding:0px; } .topbar .menu .submenu li a { display: block; padding: 6px 10px; white-space: nowrap; } .topbar .menu .submenu li a { padding-left:10px; } .topbar .menu .submenu li span { padding-left:10px; padding-bottom:5px; } .topbar .menu .submenu li ul li a { padding-left: 30px; } .topbar .menubutton { display: none; } .backgrounds { display: block; } .backgrounds #bg_1 { background-image: url(images/bg1.jpg); height: 1144px; background-position: 50% 0; background-size: auto auto; background-attachment: fixed; } .backgrounds #bg_2 { background-image: url(images/bg2.jpg); height: 1570px; background-position: 50% top; background-size: auto 2820px; background-attachment: fixed; } .backgrounds #bg_3 { background-image: url(images/bg3.jpg); height: 1500px; } .swirl , .watermark, .calculator{ display: block; } .main { padding-top: 0px; } .main .wrapper { position: relative; z-index: 2; padding: 0px 10px; } .main .logo { position: absolute; top: 60px; padding-left: 135px; background-image: url(images/logo-swirl.png); background-repeat: no-repeat; background-position: left top; height: 123px; left: 10px; background-size: 121px auto; } .main .logo div { line-height: 1em; } .main .logo .hurricane { font-family: StoneBold; font-size: 38px; color: #FFF; font-style: italic; } .main .logo .steelbuilding { font-family: StoneBold; font-size: 26px; color: #000; font-style: italic; margin-top: -5px; } .main .logo .premium { font-family: StoneSemi; font-size: 10px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .main .logo .phone { font-family: MyriadBold; font-size: 37px; color: #FFF; letter-spacing: 0px; margin-top: 5px; } .main .logo .toll { color:#fff; font-size:16px; font-family:Myriad; letter-spacing:0.8px; margin-top:0px; } .main .logoline { text-align: center; margin-top: 40px; z-index: 1; position: relative; } .main .logo.small { background-image: url(images/logo-swirl-small.png); position: relative; top: auto; left: auto; display: inline-block; padding-left: 110px; text-align: left; padding-top: 10px; margin-right: 60px; background-size: 102px auto; } .main .logo.small .hurricane { font-size: 33px; color: #4b4c4d; letter-spacing: 0.4px; } .main .logo.small .steelbuilding { font-size: 23px; color: #0075be; } .main .logo.small .premium { font-size: 10px; color: #000205; letter-spacing: -0.4px; } .main .logo.small .phone { font-size: 27px; color: #dc8a06; margin-left: 18px; } .main .logo.small .toll { color:#000; font-size:13px; letter-spacing:1.1px; text-align:center; } .main .calculator { text-align: center; position: fixed; right: 10px; top: 60px; color: #fff; font-family: Myriad; width: 334px; z-index: 1; display: block; } .main .calculator .see { font-size: 24px; letter-spacing: 0.7px; display:block; } .main .calculator .seeButton { font-size: 21px; background-color: #bb5a43; color: #fff; width: 216px; padding: 3px 0px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .main .calculator .seeButton:hover { color:#FF0; } .main .calculator .priceOut { font-size: 20px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .calculator .pricing { font-size: 24px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .calculator .CalculatorForm { border: solid 8px #dc8a06; background-color: rgba(0,0,0,0.4); margin: 0px 17px; padding: 10px; font-family: MyriadBold; font-size: 18px; position: relative; padding-bottom: 20px; } .main .calculator .CalculatorForm .row { margin-bottom: 7px; } .main .calculator .CalculatorForm select { } .main .calculator .CalculatorForm #calculate { background-color: #ffdc51; color: #000; border: solid 1px #000; padding: 7px 25px; font-size: 18px; font-weight: bold; line-height: 1em; position: absolute; left: 39px; bottom: -20px; } .main .section { padding:0px; } .main .section.one { height: 1144px; background-image: none; } .main .section.one .calculator { width:270px; top:60px; right:10px; display:block; } /* ANTI JITTERS START */ .main .section.one .calculator { position:fixed; top:60px; right:30px; } /* ANTI JITTERS END */ .main .section.one .title { font-family: ArialBlack; font-size: 24px; color: #fff; line-height: 1.5em; position: absolute; top: 550px; left: 10px; width: 500px; z-index: 1; } .main .section.one .title .line1 { font-size: 35px; margin-bottom: 5px; } .main .section.one .title .line2 { font-size: 21px; line-height: 1.3em; } .main .section.one .swirl { position: absolute; width: 341px; height: auto; left: 50px; margin-top: 570px; z-index: 0; } .main .mainsection { background-image:none; } .main .section.two { height: 800px; padding-top: 0px; margin-bottom: 0px; } .main .section.two .content { width: 450px; margin-left: 0px; position: relative; z-index: 1; line-height: 24px; font-size: 16px; padding-top: 50px; } .main .section.two .content h2 { margin: 0px; } .main .section.two .content h2 br { display: none; } .main .section.two .content .certifications img{ margin: 0px 5px; } .main .section.two .content .certifications { text-align: center; } .main .section.two .points { font-family: StoneBold; color: #4b4c4d; font-size: 15px; text-align: center; } .main .section.two .points br { display: inline; } .main .section.two .watermark { position: absolute; right: 20px; top: 400px; z-index: 0; opacity: 0.6; } .main .section.three { padding-top: 0px; height: 680px; } .main .section .explore { font-family: MyriadBold; font-size: 26px; color: #474747; text-align: center; margin-top: 80px; } .main .section .explore br { display: inline; } .main .section .thumbs { text-align: center; margin-top: 20px; } .main .section .thumbs .thumb { width: 160px; display: inline-block; color: #000; font-family: Myriad; font-size: 15px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; position: relative; } .main .section .thumbs .thumb:hover { color: #F00; } .main .section .thumbs .thumb img { width: 100%; height: auto; margin-bottom: 5px; } .main .footersection { background-image: none; background-color: transparent; } .main .section.four { padding-top: 0px; height: 660px; } .main .section.four .content { text-align: center; padding-top: 40px; } .main .section.four .content .call { font-family: Myriad; font-size: 28px; color: #454545; } .main .section.four .content .phone { font-family: MyriadBold; font-size: 72px; color: #df5900; } .main .section.four .content .factory { font-size: 40px; color: #df5900; } .main .section.four .content .satisfaction { font-family: MyriadBold; font-size: 32px; color: #727171; margin-top: 0px; } .main .section.four .content .thousands { font-family: MyriadBold; font-size: 19px; color: #000; margin-top: 20px; } .main .section.four .content .manufactured { font-size: 14px; color: #000; margin-top: 0px; } .main .section.four .larger { position: relative; } .main .section.four .larger .payments { position: absolute; left: 20px; top: 30px; } .main .section.four .larger .socmed { position: absolute; right: 0px; top: 15px; z-index:1; } .main .section.four .larger .socmed img { height: auto; width: 26px; } .main .section.four .larger .socmed .certificates { width:180px; margin-bottom:10px; } .main .section.four .larger .socmed .certificates img { margin:0px; margin-bottom:5px; } .main .section.four .larger .socmed .certificates .sharp { width:40px; } .main .section.four .larger .socmed .certificates .recyle { width:42px; } .main .section.four .larger .socmed .certificates .cwb { width:35px; } .main .section.four .larger .socmed .certificates .es { width:40px; } .main .larger .logoline{ margin-top: 20px; } .main .larger .logo.small { padding-left: 135px; padding-top: 0px; margin-right: 50px; background-size: 123px auto; height: 125px; } .main .larger .logo.small .hurricane { font-size: 40px; letter-spacing: 0.4px; } .main .larger .logo.small .steelbuilding { font-size: 27px; color: #0075be; letter-spacing: 0.4px; } .main .larger .logo.small .premium { font-size: 11px; color: #000205; letter-spacing: 0px; } .main .larger .logo.small .phone { font-size: 32px; color: #4e4e4e; font-weight: bold; margin-left: 0px; font-family: MyriadBold; } .main .larger .logo.small .toll { margin-right:0px; font-family:MyriadBold; color:#666; } .main .section.four .locations { font-size: 12px; color: #000; font-family: Myriad; text-align: center; margin-top: 20px; } .main .section.four .locations a { display: inline-block; } .main .section.four .locations br { display: none; } .main .section.five { padding-top: 0px; height: auto; padding-bottom: 30px; } .main .section.five .calculator { position: relative; margin-left: auto; margin-right: auto; top: auto; right: auto; width: 334px; } .main .section.five .calculator .see{ font-size: 24px; color: #d33c00; } .main .section.five .calculator .priceOut{ font-size: 24px; background-color: #f7ba59; color: #000; margin: 0px 30px; padding-top: 8px; padding-bottom: 5px; margin-top: 13px; } .main .section.five .calculator .pricing{ font-size: 32px; background-color: #1364aa; padding: 9px 0px; border-radius: 7px; line-height: 1em; padding-bottom: 5px; letter-spacing: 0.7px; } .main .section.five .calculator .CalculatorForm #calculate{ font-size: 18px; left: 72px; } .main .section.five .logo.small{ margin-right: 0px; } .main .section.five .footer { font-family: Myriad; font-size: 14px; text-align: center; margin-top: 20px; } .main .section.five .footer br { display:none; } .page .topbar { padding-top:12px; } .page .topbar .menu li { padding-bottom: 14px; } .page .topbar .menu li a { color:#000; } .page .topbar .menu li a:hover , .page .topbar .menu .submenu li a:hover{ color: #FFF; } .page .topbar .menu li a.active { color:#F00; } .page .topbar .menu .submenu { background-color: #fbbc42; margin-top: 13px; box-shadow: 0px 5px 10px rgba(0,0,0,0.7); } .page .topbar .menu .submenu li { padding: inherit; color: #000; } .page .topbar .menu .submenu li a { color:#000; } .page .topbar .menu .submenu li a.active { color:#F00; } .page .backgrounds #bg_1 { height: 193px; display: none; } .page .backgrounds #bg_2 { background-image: url(images/bg2page.jpg); background-size: auto 4000px; } .page .backgrounds #bg_3 { background-color:#fdd96b; } .page .banner { height: 193px; position: fixed; width:100%; z-index: 9; background-image: url(images/bg1.jpg); } .page .banner .logo { top: 75px; padding-left: 100px; height: 90px; background-size: 90px auto; } .page .banner .logo div { line-height: 1em; } .page .banner .logo .hurricane { font-family: StoneBold; font-size: 34px; color: #FFF; font-style: italic; } .page .banner .logo .steelbuilding { font-family: StoneBold; font-size: 23px; color: #000; font-style: italic; margin-top: -5px; } .page .banner .logo .premium { font-family: StoneSemi; font-size: 9px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .page .banner .logo .phone { font-family: MyriadBold; font-size: 30px; font-weight: normal; color: #FFF; letter-spacing: 2px; margin-top: 5px; } .page .banner .logo .toll { color:#fff; font-size:13px; font-family:Myriad; letter-spacing:1.5px; } .page .banner .talk { position: absolute; top: 57px; left: 350px; width: 115px; color:#000; text-decoration:none; } .page .banner .calculator { position: absolute; width: 260px; top: 57px; left: auto; right: 0px; } .page .banner .calculator .see { font-size: 18px; letter-spacing: 0.7px; } .page .banner .calculator .seeButton { font-size: 17px; width: 176px; padding: 3px 0px; padding-bottom:2px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .page .banner .calculator .seeButton:hover { color:#FF0; } .page .banner .calculator .priceOut { font-size: 18px; color: #000; padding-top: 6px; padding-bottom: 3px; margin-top: 10px; width: 200px; display: inline-block; text-align: center; } .page .banner .calculator .pricing { font-size: 24px; padding: 4px 0px; padding-bottom: 2px; letter-spacing: 0.7px; width: 260px; display: inline-block; } .page .banner .calculator .pricing:hover { color:#FF0; } .page .main { padding-top: 193px; } .page .main .section.one { height: 193px; } .page .main .section.one .logo { top: 75px; padding-left: 100px; height: 90px; background-size: 90px auto; } .page .main .section.one .logo div { line-height: 1em; } .page .main .section.one .logo .hurricane { font-family: StoneBold; font-size: 34px; color: #FFF; font-style: italic; } .page .main .section.one .logo .steelbuilding { font-family: StoneBold; font-size: 23px; color: #000; font-style: italic; margin-top: -5px; } .page .main .section.one .logo .premium { font-family: StoneSemi; font-size: 9px; color: #FFF; letter-spacing: 0.px; letter-spacing: 0.2px; margin-top: 0px; } .page .main .section.one .logo .phone { font-family: MyriadBold; font-size: 32px; font-weight: normal; color: #FFF; letter-spacing: 2px; margin-top: 5px; } .page .main .section.one .talk { position: absolute; top: 57px; left: 350px; width: 115px; } .page .main .section.one .calculator { position: absolute; width: 260px; top: 57px; left: auto; right: 10px; } .page .main .section.one .calculator .see { font-size: 18px; letter-spacing: 0.7px; } .page .main .section.one .calculator .seeButton { font-size: 17px; width: 176px; padding: 3px 0px; padding-bottom:2px; display: inline-block; border-radius: 7px; margin-top: 5px; letter-spacing: 0.6px; } .page .main .section.one .calculator .priceOut { font-size: 18px; color: #000; padding-top: 6px; padding-bottom: 3px; margin-top: 10px; width: 200px; display: inline-block; text-align: center; } .page .main .section.one .calculator .pricing { font-size: 24px; padding: 4px 0px; padding-bottom: 2px; letter-spacing: 0.7px; width: 260px; display: inline-block; } .page .main .section.two { padding-top: 30px; height: auto; } .page .main .section.two .headline { margin-bottom:20px; } .page .main .section.two .headline h1 { font-size:48px; margin:0px; margin-bottom:10px; } .page .main .section.two .headline h1 br { display:block; } .page .main .section.two .headline h2 { font-family:Myriad; font-size:30px; margin:0px; } .page .main .section.two .headline h2 br { display:none; } .page .main .section.two .office { width:560px; margin-left:auto; margin-right:auto; font-family:Myriad; font-size:13.5px; font-style:italic; } .page .main .section.two .office img { margin-bottom:10px; } .page .main .section.two .content { padding-top: 0px; width: 100%; margin-left: auto; margin-right: auto; max-width: 780px; } .page .main .section.two a.onsale { font-size:30px; padding:13px 20px; padding-bottom:8px; } .page .main .section.two a.onsale.top { font-size:30px; margin-top:-15px; margin-bottom:8px; } .page .main .section.two .watermark{ z-index: 0; bottom: 700px; top: auto; } .main .section.five { padding-top: 30px; background-size: auto auto; margin-top: 80px; } #Calculator { margin-top: 20px; } #Calculator .leftCal { border: 1px solid #cc763f; /*background-color: #e8ebf3;*/ margin-right: 10px; float: left; display: block; } #Calculator .leftCal .button { border: 1px solid #c3aea3; background-image: url(images/calculator-button.jpg); background-repeat: repeat-y; background-size: contain; width: 150px; margin: 7px; padding: 8px; font-size: 12px; font-weight: normal; color: #333; } #Calculator .leftCal .button.active { border-color: #000; font-size: 12px; color: #000; font-weight: bold; } #Calculator .rightCal { border: 1px solid #c75309; padding: 15px; width: 550px; float: left; text-align: center; } #Calculator .rightCal .tab { display: none; position: relative; height: auto; min-height: 520px; padding-bottom: 0px; } #Calculator .rightCal .tab .mobilebr { display: none; } #Calculator .rightCal .tab.active { display: block; } #Calculator .rightCal .tab .title { font-size: 30px; color: #0f6093; } #Calculator .rightCal .tab .desc { font-size: 18px; margin-top: 5px; margin-bottom: 20px; } #Calculator .rightCal .tab .proceed { cursor: pointer; display: none; /* position:absolute; bottom: 5px; margin-left: -40px; */ } #Calculator .rightCal .tab .back { left: 30px; bottom: 30px; } #Calculator .rightCal .tab .proceed.static { display: inline-block; } #Calculator .rightCal .tab .process { /* position: absolute; bottom: 52px; margin-left: -16px; display: none; */ } #Calculator .rightCal .tab.type .fieldname { display: none; } #Calculator .rightCal .tab.location { height: 670px; } #Calculator .rightCal .tab.accessories { height: 615px; } #Calculator .rightCal .tab.dimensions { } #Calculator .rightCal .tab.accessories .hanggar { display: none; } #Calculator .rightCal .tab.accessories .HangarDoors { text-align: center; margin-left: 0px; } #Calculator .rightCal .tab.accessories .wrapper { display: table; text-align: center; } #Calculator .rightCal .tab.accessories .wrapper table { display: inline-block; font-size: 15px; } #Calculator .rightCal .tab.accessories .wrapper table.one { margin-right: 30px; } #Calculator .rightCal .tab.accessories .proceed{ /* cursor: pointer; margin-left: -39px; */ } #Calculator .rightCal .tab.colors .proceed{ /* bottom: 0px; margin-left: -39px; position: absolute; */ } #Calculator .rightCal .tab.type .types { display: inline-block; margin-bottom: 20px; } #Calculator .rightCal .tab.type .types .type { display: inline-block; width: 110px; font-weight: bold; margin-left: 5px; margin-right: 5px; font-size: 14px; } #Calculator .rightCal .tab.type .types .type input[type="radio"] { position:absolute; display:none; } #Calculator .rightCal .tab.type .types .type img{ width: auto; height: 65px; } #Calculator .rightCal .tab.type .types .type label { cursor:pointer; } #Calculator .rightCal .tab .fieldname { font-size: 16px; color: #0f6093; } #Calculator .rightCal .tab.type .field { } #Calculator .rightCal .tab.location .country { display: none; margin-top: 20px; } #Calculator .rightCal .tab.doors { padding-bottom:100px; } #Calculator .rightCal .tab.doors .field { width: 60px; } #Calculator .rightCal .tab.doors .field.long { width: 300px; } #Calculator .rightCal .tab.doors .box.list .added { font-size: 14px; } #Calculator .rightCal .tab.doors .walkdoor td { display: table-cell; } #Calculator .rightCal .tab.doors .walkdoor .field { margin-bottom: 0px; margin-left: 10px; } #Calculator .rightCal .tab.doors .wrap { } #Calculator .rightCal .tab.doors .wrap .colm { display: block; width: auto; float: none; } #Calculator .rightCal .tab.doors .wrap .colm.two { float: none; } #Calculator .rightCal .tab.doors .wrap .colm .box { margin-top: 10px; font-size: 14px; } #Calculator .rightCal .tab.doors .wrap .colm .box.top { height: 155px; } #Calculator .rightCal .tab.doors .wrap .colm .list { font-size: 14px; } #Calculator .rightCal .tab.doors .wrap .colm .list .thead { font-weight: bold; } #Calculator .rightCal .tab.doors .wrap .colm .list .trow:hover { background-color: #f0f0f0; } #Calculator .rightCal .tab.doors .wrap .colm .list .del { cursor: pointer; opacity: 0.3; } #Calculator .rightCal .tab.doors .wrap .colm .list .del:hover { opacity: 1; } #Calculator .rightCal .tab.accessories.quoteCal { height: auto; padding-bottom:100px; } #Calculator .rightCal .tab.accessories .insulations td { display: table-cell; } #Calculator .rightCal .tab.accessories .insulations select { margin-bottom: 0px; margin-left: 10px; } #Calculator .rightCal .tab.cost { height: 1300px; } #Calculator .rightCal .tab.cost #info { width: 400px; } #Calculator .rightCal .tab.cost #OtherDetails { width: 400px; } #Calculator .rightCal .tab.cost p span.subscribe { margin-left:0px; } #SIMULATOR { width: 300px; } #SIMULATOR .palette { width: 265px; margin-left: auto; margin-right: auto; } #SIMULATOR .canvas { text-align: center; height: 430px; width: 530px; margin-left: -115px; margin-right: auto; position: relative; text-align: left; } #SIMULATOR .canvas .layer { position:absolute; } #SIMULATOR .selector .section .colors .button { margin-right: 5px; margin-left: 5px; } #SIMULATOR .selector .section .colors .caption { margin-right: 5px; margin-left: 5px; } #SIMULATOR.V2 { width: 530px; } #SIMULATOR.V2 .canvas { height: 330px; margin-left: 0px; } #SIMULATOR.V2 .palette { text-align: center; width: 530px; margin-left: 0px; margin-right: 0px; } #PaymentForm { max-width: 500px; } .OnSalePage .onsale { font-size:44px; padding:10px 30px; border-radius: 10px; } .OnSalePage .onsale.small { font-size:21px; padding:3px 20px; border-radius: 6px; } .OnSalePage .content .webeat { font-size:36px; line-height:1em; } .OnSalePage .content .comparing { font-size:36px; line-height:1em; } .OnSalePage .content .comparing br { display:block; } .OnSalePage .content .box { font-size:24px; line-height:1.2em; } .OnSalePage .content .box .size { font-size:48px; line-height:1.2em; } .OnSalePage .content .box .sizelist { font-size:24px; } .OnSalePage .content .box .sizelist td { display:table-cell; padding:0px; } .OnSalePage .content .box .sizelist td:first-child { text-align:right; } .OnSalePage .content .box .sizelist td:nth-child(2) { display:table-cell; } .OnSalePage .content .box .sizelist td:nth-child(3) { text-align:left; } .OnSalePage .content .box .sizelist tr { display:table-row; margin-bottom:0px; } .OnSalePage .content .box .content { font-size:16px; margin-bottom:40px; } #ContactForm { max-width: 500px; font-size: 18px; } #ContactForm .row .field { width: 100%; padding: 5px; } #ContactForm .row label span { display:inline; margin-left:0px; margin-bottom:20px; } .ColorPage .features { width:520px; margin-left:auto; margin-right:auto; margin-top:40px; } .pricelist { display:flex; flex-wrap: wrap; } .pricelist .item { width:calc(50% - 30px); position:relative; background-color: rgba(255,255,255, 0.5); border:solid 1px #999; border-radius:10px; padding: 10px; padding-bottom: 90px; margin: 0px 15px; margin-bottom: 40px; } .pricelist .item:nth-child(even) { margin-right: 0px; } .pricelist .item .head { background-position: right 20px; background-size:120px auto; } .pricelist .item .getquoterow { position:absolute; bottom: 20px; width:100%; } .locationBullet { text-align:center; display:block; } .locationBullet li { display:inline-block; } .locationBullet li:before { content: '\00a0\2022\00a0\00a0'; color:#999; color:rgba(0,0,0,0.5); font-size:30px; } .locationBullet li:nth-child(4n) { clear:both; } .locationPoints span:before { content: '\00a0\2022\00a0\00a0'; } .desktop { display: block; }
- Plastic Roads Advantages
- Ginger Orange Tea Benefits
- 12 Gauge Copper Wire Diameter
- Heart Pendant Necklace,
- Diy Lighted Floating Shelves
- Bellerose Powerschool
- Dimensions Of Globalization With Examples
- Sony Wf-c500 Charging Case Replacement
- Calvin Klein Men's Slim Fit Shorts
この記事へのコメントはありません。