/* Updated Files header.cfm footer.cfm search_results.cfm /account/my_account.cfm /account/addresses.cfm mini_header.cfm mini_footer.cfm /checkout/checkout.cfm checkout/cart_mod.cfm checkout/login_option.cfm account/login.cfm account/create_account.cfm items/_src/category.cfm items/_src/item_images_popup.cfm items/_src/leaf.cfm items/_src/item_detail.cfm items/_src/item_detail_other.cfm _js/_src/item_detail_other.cfm _js/ds.js _css/screen.css /modules/contact_mod.cfm /modules/request_quote_mod.cfm services/_src/service_images_popup.cfm /locations/index.cfm /account/make_a_payment.cfm /account/my_account.cfm /account/address_edit.cfm Added _css/mobile.css _js/core/responsiveslides.min.js _js/core/jquery.matchHeight-min.js */ @media(max-width: 768px) { body { font-size: 13px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; } .visible { display: block !important; } * { box-sizing: border-box; } .error, .success { font-family: arial, sans-serif } textarea, select { font-size: 13px; font-family: arial, sans-serif } input, textarea { font-family: arial, sans-serif!important } .form_button_s, .button_s { -webkit-appearance: none; font-weight: 600; font-size: 12px; } .add-to-cart { -webkit-appearance: none; border-radius: 0px; } .mobile-nav { position: absolute; left: 10px; bottom: 10px; color: #fff; } .menu-btn { padding: 2px 5px; border: solid 1px rgba(255,255,255,.6); background: #074202; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 11px; text-align: center; } .menu-btn .arrow { width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 16px solid #fffb00; position: absolute; bottom: -15px; right: 7px; margin: 0px; display: none; z-index: 3; } .menu-btn.active { border-color: #fffb00; } .menu-btn.active .arrow { display: block; } .menu-btn div { position: absolute; left: 100%; top: 64%; padding-right: 8px; margin-top: -0.50em; line-height: 1.2; font-size: 18px; font-weight: 200; vertical-align: middle; z-index: 99; } .menu-btn span { display: block; width: 30px; height: 2px; margin: 5px auto; background: rgb(255,255,255); z-index: 99; } .menu-btn span:first-child { margin-top: 2px; } .menu-btn span:last-child { margin-bottom: 2px; } .responsive-menu { float: left; -webkit-box-shadow: 0 10px 16px rgba(0,0,0,0.8); -moz-box-shadow: 0 10px 16px rgba(0,0,0,0.8); box-shadow: 0 10px 16px rgba(0,0,0,0.8); display: none; position: absolute; z-index: 2; } .expand { display: block !important; } .open-menu-link { display: none; font-family: monospace; position: absolute; right: 10px; top: 10px; line-height: inherit; font-size: 30px; cursor: pointer; color: #fff; } .open-menu-link.close.visible { top: 8px; } li .sub-menu { display: none; } #globalNav { height: initial; position: absolute; top: 0px; right: 0px; left: 0px; text-align: center!important; background: #074202; padding: 10px; } #logIn > div { text-align: center!important } #logIn { font-size: 12px; position: initial; } #crumb { font-size: 11px } #contentMain { background-image: none; font-size: 12px; } #container { width: inherit; } #pageHeading { width: inherit; padding: 0 0 8px 0; font-size: 17px; line-height: normal; } #header { padding: 5px 10px 10px; border-bottom: 0px; background-repeat: no-repeat; background-position: left 0px; } #header #cartInfo { height: auto; border-left: none; right: 5px; position: relative; bottom: 0px; padding-top: 0px; padding-left: 0px; font-size: 11px; text-align: right; color: #bababa; line-height: 26px; margin-bottom: 10px; margin-top: 5px; margin-left: 60px; } #header .account-cart-mobile { float: right; padding: 10px 5px 0px 0px; } #header .account a { padding-right: 5px; } #header .account a, #header .cart-link a { font-size: 30px; color: #fff; } #cartInfo .blueLink a { font-size: 13px; } #contentRight.cart { width: inherit; } #contentRight.cart table { width: inherit; } #printTools { position: relative!important; text-align: left; } #header { z-index: 3 } #header #search { position: static; float: right; width: 100%; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0,.8); } #header #search #searchField { color: #a4a4a4; font-size: 14px; border: none; float: left; width: 80%; padding: 0px 8px; height: 28px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px; -ms-border-radius: 8px 0 0 8px; -o-border-radius: 8px 0 0 8px; border-radius: 8px 0 0 8px; } #header #search #btnSearch { color: #fff; text-transform: uppercase; font-weight: bold; background-color: #114d0d; border: solid 1px #fff; float: left; margin-left: -1px; padding: 0px 8px; height: 28px; width: 20%; line-height: 26px; -webkit-border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -ms-border-radius: 0 8px 8px 0; -o-border-radius: 0 8px 8px 0; border-radius: 0 8px 8px 0; } #secondNavWrap { width: 100%; } #secondNav { padding: 7px 7px 12px; font-size: 22px; } #secondNav li { display: inline-block; width: 50%; background: none; margin-left: 0px; padding: 4px; text-align: center; } #secondNav li:nth-child(6) { width: 100% } #secondNav li a { padding: 10px 0 10px 4px; margin-right: 0px; border: solid 2px rgba(0,83,0,1); float: none; } #secondNav li.overview { display: block; width: 100%!important; margin: 0px!important; padding: 0px!important; border: none!important; } #secondNav li.overview a { border: none!important; font-size: 18px; } #secondNav li.overview.inner { margin-top: 15px!important; } h1#mainLogo { display: inline-block; } h1#mainLogo a { width: 225px; height: 53px; position: relative; display: block; left: 0px; top: -3px; z-index: 10; font-size: 1px; text-indent: -9999px; text-align: left; background-image: url(/_img/main_logo_mobile.png); background-repeat: no-repeat; background-size: 225px 53px; } #hardwareNavWrap { width: 100%; } #hardwareNav { padding: 7px; font-size: 22px; } #hardwareNav li.overview { display: block; width: 100%!important; margin: 0px!important; padding: 0px!important; text-align: center; } #hardwareNav > li { display: block; width: 100%; background: none; margin-left: 0px; padding: 0px; border-bottom: solid 1px #888; } #hardwareNav > li:last-child { border-bottom: none; } #hardwareNav > li > a { float: none; margin-right: 40px; padding: 10px 0 10px 4px; } #hardwareNav ul { position: initial; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 10px; } #hardwareNav ul li { font-size: 13px; } #hardwareNav ul a { padding: 5px 8px; } #hardwareNav > li:first-child .visible, #hardwareNav > li:last-child .visible { display: none!important; visibility: hidden!important; } .home-left { display: none; } .home-right .vert-line { display: none; } .home-right { width: 100%!important; } .home-right .featured { display: block; padding: 15px 15px!important; width: inherit!important; background: url(/_img/horzDottedLine.gif) repeat-x bottom; } .hidden-mobile { display: none; } #pNavWrap { display: none; } #homeSlider { float: none; } #homeSlider .images { float: none; width: inherit; height: auto; overflow: hidden; } #homeSlider .images > div { position: relative; text-align: center; } #homeSlider .images img { max-width: 100%; height: auto; margin: 0 auto; } #mobile-links {padding: 0px 15px 15px; background: url(/_img/horzDottedLine.gif) repeat-x bottom; width: 100%;} #mobile-links .head {display:block;} #mobile-links img {max-width: 100%; height: auto; display: block; margin: 0px auto 6px;} #mobile-links a {font-size:15px;text-decoration: none; text-align: center; border-radius: 3px;} #mobile-links a.btn.green { font-family: "Pathway Gothic One", Arial Narrow, sans-serif; font-size: 20px; text-transform:uppercase; font-weight: 400; width: 100%; background: #114d0d; color: #fff; display:block; padding: 12px 5px;} #mobile-links li.left {padding-right: 3px; width: 50%; float: left;} #mobile-links li.right {padding-left: 3px; width: 50%; float: left;} #mobile-links ul {padding: 0px; margin: 0px; clear: both} #mobile-links ul li {list-style: none; margin-bottom: 6px;} #mobile-links ul li a { background:#fffb00; display: block; padding: 12px 5px; border: solid 2px rgba(0,83,0,1); float: none;} #crumb { float: none; padding-left:10px; padding-right:10px } #pageHeading { float: none; margin-right: 20px; } #contentRight { width: inherit!important; padding: 15px 20px; float: none; } .services div.tabContent table td {display: block; width: 100%} /* Category */ #contentMain { position: relative; z-index: 1 } #contentMain.overview-dark #contentRight {padding: 0px;} #contentMain.overview-dark #contentRight .mobile-cat-view>ul>li>img {height: auto!important;} #contentMain.overview-dark #contentRight .mobile-cat-view>ul>li>a, #contentMain.overview-dark #contentRight .mobile-cat-view .sub-menu>li>a {color: #fff;} #contentMain.overview-dark #contentRight .mobile-cat-view .sub-menu .sub-sub-menu a {color: #fff;} #contentMain.sub-cat-dark.sans-nav #pageHeading { background: none; padding: 0px 20px 10px; font-size:17px;font-family: Verdana, Arial, Helvetica, sans-serif; } #contentMain.sub-cat-dark.sans-nav #pageHeading span { background-color: transparent; color: #fff } #contentMain.sub-cat-dark.sans-nav .header-image img { max-width: 100%; height: auto; } #contentMain.overview-dark .header-image img { max-width: 100%; height: auto; } #contentMain.overview-dark #contentRight .productWrapper { width: 50%; float: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px 10px; margin-bottom: 20px!important; } #contentMain.overview-dark #contentRight .productWrapper .productImage { width: initial; } #contentMain.overview-dark #contentRight .productWrapper .productImage img { max-width: 100%; } #contentMain.overview-dark #contentRight .productWrapper a.title { width: initial; font-size: 14px!important; } img.hardware-free-ship { position: initial; margin: 0px auto; max-width: 100%; display: block; } #contentMain.sub-cat-dark.sans-nav #contentRight { width: inherit; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background: #3f4141 } #contentMain.sub-cat-dark.sans-nav #contentRight .productWrapper .drop { -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -ms-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #contentMain.sub-cat-dark.sans-nav #contentRight table#category {padding: 0px 20px} #contentMain.sub-cat-dark.sans-nav #contentRight .productWrapper .productImage img { max-width: 100%; } #contentMain.sub-cat-dark.sans-nav #contentRight .productWrapper a.title { max-width: 300px; width: 100%;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt!important;padding: 15px 10px 5px; } .productWrapper ul { font-size: 13px; } .productWrapper ul li { margin-bottom: 4px; } /* Mobile Category View */ .mobile-cat-view {padding: 0px 20px;} .mobile-cat-view>ul {padding: 0px; margin-bottom: 25px; margin-top: 0px;} .mobile-cat-view>ul>li {list-style: none; border-bottom: solid 1px #c3c2c9; padding:6px 0; position: relative; padding-right: 30px;} .mobile-cat-view>ul>li>a {font-size: 16px; text-decoration: none; display: inline-block; line-height: 120%; width: 65%; vertical-align: middle} .mobile-cat-view>ul>li>img {vertical-align: middle; border-radius: 3px; padding: 1px; box-shadow: 0px 0px 3px rgba(0,0,0,.3); margin-right: 6px; display: inline-block; vertical-align: middle;} .mobile-cat-view .sub-menu {padding: 0px; margin: 5px 5px 20px 10px; width: 106%;} .mobile-cat-view .sub-menu>li {list-style: none; padding: 5px 0px; position: relative; border-bottom: solid 1px #c3c2c9;} .mobile-cat-view .sub-menu>li>a {display:block; line-height: 140%; font-size: 14px; padding: 4px 0px; text-decoration: none;} .mobile-cat-view .sub-menu .sub-sub-menu {display:none; padding: 0px; margin: 3px 5px 10px 10px;} .mobile-cat-view .sub-menu .sub-sub-menu li {list-style: none; padding: 5px 0px; } .mobile-cat-view .sub-menu .sub-sub-menu a {display: block; font-size: 13px;} .mobile-cat-view .open-menu-link-cat { display:none; font-family: monospace; position: absolute; right: 10px; top: 18px; line-height: inherit; font-size: 30px; cursor: pointer; color: #666; width: 18px; height: 18px;} .mobile-cat-view .open-menu-link-cat.visible {display: block!important;} .mobile-cat-view .open-menu-link-cat.close {top: 16px;} .mobile-cat-view .open-menu-link-cat-inner { display:none; font-family: monospace; position: absolute; right: 10px; top: 10px; line-height: inherit; font-size: 30px; cursor: pointer; color: #666; width: 18px; height: 18px;} .mobile-cat-view .open-menu-link-cat-inner.visible {display: block!important;} .mobile-cat-view .open-menu-link-cat-inner.close {top: 8px;} .sub-cat-dark .mobile-cat-view .open-menu-link-cat, .sub-cat-dark .mobile-cat-view .open-menu-link-cat-inner.visible, #contentMain.overview-dark .mobile-cat-view .open-menu-link-cat-inner.visible {color: #fff;} .sub-cat-dark .mobile-cat-view>ul>li, #contentMain.overview-dark .mobile-cat-view>ul>li, #contentMain.overview-dark .mobile-cat-view .sub-menu>li, .sub-cat-dark .mobile-cat-view .sub-menu>li {border-bottom: solid 1px #5f5f5f;} .sub-cat-dark .mobile-cat-view>ul>li>a, .sub-cat-dark .mobile-cat-view .sub-menu li a, .sub-cat-dark .mobile-cat-view-has-children .sub-menu li a {color: #fff;line-height: 120%; vertical-align: middle} .sub-cat-dark .mobile-cat-view.visible-mobile, .mobile-cat-view.visible-mobile {display: block;!important} #contentMain.overview-dark #contentRight .pageIntro.free-ship, .sub-cat-dark #contentRight .pageIntro.free-ship {font-size: 12px; background: #B81D00; color: #FFF901; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin: 0px; padding: 10px;} #contentMain.overview-dark #contentRight .pageIntro.free-ship small, .sub-cat-dark #contentRight .pageIntro.free-ship small {color: #fff;} #contentMain.overview-dark, #contentMain.sub-cat-dark.sans-nav {background: #3f4141} #contentMain.overview-dark .mobile-cat-view .open-menu-link-cat {color: #fff; top: 30px} #contentMain.overview-dark .mobile-cat-view .open-menu-link-cat.close {top: 26px;} /* Item Detail */ #printTools { margin-top: 5px; display: none; } #printTools a:first-child { margin-left: 0px; } #contentRight table#category { width: 100% } #contentRight table#category td { width: 50% } .productWrapper { width: 100%; margin: 0px!important; padding: 0px 10px 40px; float: none; } .productWrapper.detail { padding-bottom: 10px!important; text-align: center; } .viewLarger { position: initial; text-align: center; } .productImage { width: inherit; } .productImage img { max-width: 100%; height: auto; } .itemDesc .addthis_toolbox { float: none; } table#itemDetail { width: 100% } table#itemDetail td.block-mobile { display: block; } div.tabContent { width: inherit; } div.tabContent img, div.tabContent table td img { max-width: 100%; height: auto; margin: 0px!important; } table #product { width: 100%; } .discounts { width: 100%; margin-bottom: 10px; } .discountsOther { width: 100% } table #product .custom-sizes { float: none; width: 100%; padding: 5px; font-size: 14px; } table #product .custom-sizes td { display: inline-block; padding: 5px 0; } table #product .custom-sizes td.block { display: block!important; } table .cartFoot #qty { font-size: 14px; position: relative; top: 2px; max-width: 40px } #commentEntry { max-width: 260px; margin: 10px auto 0px; } .tabs { display: none; } div.tabContent { display: block!important; margin-bottom: 15px; height: inherit; float: none; overflow-y: hidden; } .tabPrintTitle { display: block; font-size: 16px; font-weight: bold; margin-bottom: 15px; } .homeProductImage { width: initial; height: auto; border: none; } .homeProductImage .adGreenHead + br { display: none!important; } .homeProductImage img { width: initial!important; max-width: 100%!important; height: auto!important; border: solid 1px #030!important; border-radius: 3px; } .serviceOverview { width: 50%!important } /* Cart */ #contentRight.cart { padding: 20px; margin-left: 0px; } #shoppingCart.mobile-form-table .cartHead { display: none; } #shoppingCart.mobile-form-table td.item { } #shoppingCart.mobile-form-table td.item::before, .itemTable.mobile-form-table td.item::before { display: inline-block; content: "Item #:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.title, .itemTable.mobile-form-table td.title { padding-top: 0px; } #shoppingCart.mobile-form-table td.title::before, .itemTable.mobile-form-table td.title::before { display: block; content: "Item Description:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.price, .itemTable.mobile-form-table td.price { padding-top: 0px; } #shoppingCart.mobile-form-table td.price::before, .itemTable.mobile-form-table td.price::before { display: inline-block; content: "Your Price:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.quantity, .itemTable.mobile-form-table td.quantity { text-align: left!important; padding-bottom: 0px; padding-top: 0px; } #shoppingCart.mobile-form-table td.quantity::before, .itemTable.mobile-form-table td.quantity::before { display: inline-block; content: "Quantity:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.weight, .itemTable.mobile-form-table td.weight { text-align: left!important; padding-bottom: 0px; } #shoppingCart.mobile-form-table td.weight::before, .itemTable.mobile-form-table td.weight::before { display: inline-block; content: "Weight in Pounds.:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.subtotal, .itemTable.mobile-form-table td.subtotal { text-align: left!important; padding-top: 0px; } #shoppingCart.mobile-form-table td.subtotal::before, .itemTable.mobile-form-table td.subtotal::before { display: inline-block; content: "Subtotal:"; padding-right: 5px; font-weight: bold; } #shoppingCart.mobile-form-table td.remove { padding-top: 0px; border-bottom: solid 3px #ccc; padding-bottom: 10px; } #shoppingCart.mobile-form-table td.remove .redLinkSmall { background: #a04439; text-decoration: none; font-size: 10px; border-radius: 3px; color: #fff; display: block; padding: 4px; } #shoppingCart.mobile-form-table td.update { text-align: center; } #shoppingCart.mobile-form-table td.update input { margin-left: 0px!important; margin: 0px auto; font-size: 10px; } #shoppingCart.mobile-form-table tr.cart-line td { padding: 0px; } #shoppingCart a.estimate-shipping, #shoppingCart a.estimate-processing { display: block; line-height: 20px; margin: 3px 5px; } #shoppingCart.mobile-form-table tr.cart-line td hr { border: 0px; border-top: solid 1px #bcbcbc } #shoppingCart.mobile-form-table tr.weight td { padding-bottom: 0px; border: 0px; } #shoppingCart.mobile-form-table .empty input { font-size: 10px; top: 0px!important; } #shoppingCart.mobile-form-table .empty input + input { float: right } #shoppingCart.mobile-form-table .shop-checkout input { font-size: 10px; width: 50% } #shoppingCart.mobile-form-table .shop-checkout a { width: 100%; text-align: center; padding-top: 8px; padding-bottom: 8px; } .itemTable tr td:first-child { padding-top: 5px; } .itemTable tr td:last-child { /*border-bottom: solid 2px #ccc;*/ padding-bottom: 5px; } .mobile-form-table.estimate td { padding: 5px 10px; } /* Checkout */ table.checkout { width: 100% } table.checkout .button_s { font-size: 11px; font-family: arial, sans-serif!important;} table.checkout .r { text-align: left; } table.checkout input[type='text'], table.checkout textarea { font-size: 13px; border: solid 1px #ccc; padding: 4px; max-width: 270px; min-width: 40px; margin-bottom: 3px; } table.checkout tr.sectionTitle td { border-bottom-style: none!important; } #shipOptionsSelection #step3Button img { margin: 10px!important; } table.checkout tr.placeOrder { background-color: #818183; } #orderReview { margin-top: 20px; } /* Account */ .account-table td { padding-left: 0px!important; } .account-table td hr { border: none; border-top: 1px solid #ccc; margin-top: 10px; } .account-table td.date::before { display: inline-block; content: "Order Date:"; padding-right: 5px; font-weight: bold; } .account-table td.status::before { display: inline-block; content: "Order Status:"; padding-right: 5px; font-weight: bold; } .account-table td.items::before { display: inline-block; content: "# of Items:"; padding-right: 5px; font-weight: bold; } .account-table td.total-price::before { display: inline-block; content: "Total:"; padding-right: 5px; font-weight: bold; } .history td { padding: 3px; } .history td.date::before { display: inline-block; content: "Date:"; padding-right: 5px; font-weight: bold; } .history td.payment::before { display: inline-block; content: "Payment:"; padding-right: 5px; font-weight: bold; } .history td.payment-type::before { display: inline-block; content: "Payment Type:"; padding-right: 5px; font-weight: bold; } .history td.total-price::before { display: inline-block; content: "Total:"; padding-right: 5px; font-weight: bold; } .history td.action { padding-bottom: 15px; } .form_button_s_block.blueLink { font-family: arial, sans-serif!important; display: block; text-align: center; margin: 5px; text-decoration: none; color: #030; padding: 5px 10px; text-transform: uppercase; background: #fff url(/_img/buttonBg.jpg) repeat-x top; border: 1px solid #030; cursor: pointer; } /* Footer */ #footer { width: inherit; float: none; } #footer .mobile-phone { background: #fffb00; display: block; text-align: center; text-decoration: none; padding: 15px; margin-bottom: 20px; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,0.2); -moz-box-shadow: 0 6px 8px rgba(0,0,0,0.2); box-shadow: 0 6px 8px rgba(0,0,0,0.2); } #footer .mobile-phone h3 { margin: 0px; } #footer .col { float: left; width: 50%; margin-bottom: 25px; min-height: inherit; border: none; } #footer .col ul li.head { font-size: 13px; margin-bottom: 6px; } #footer #bbb + img { margin-left: 0px!important; } #btm-text { text-align: left; margin: 0px 15px; } #footerLinks { display: block; } #footerLinks a { display: inline-block; } #footer .social-bar { margin-bottom: 0px; } #footer .social-bar form { display: table; text-align: center; width: inherit; margin: 10px auto; top: 0px; } #footer .social-bar form input.btn { -webkit-appearance: none; } #footer .social-bar img { max-width: 30px } table .cartHead { background-color: #39662d; line-height: normal!important; padding: 5px; } .mobile-form-table { width: 100%!important; } .mobile-form-table.login-option td.section-wrap { margin-bottom: 10px; } .mobile-form-table.login-option .section tr { height: inherit!important; } .mobile-form-table td { display: block; width: inherit; } .mobile-form-table td.normal, .normal td { display: inline-block; } .mobile-form-table td.table-cell { display: table-cell; } .mobile-form-table .form_label_b, .mobile-form-table .form_label { text-align: left!important; font-size: 12px; white-space: initial; } .form_field { font-size: 13px; border: solid 1px #ccc; padding: 4px; max-width: 270px; min-width: 40px; margin-bottom: 3px; } .pageIntro img { max-width: 100%; height: auto; } .pageIntro table td { display: block; width: 100%!important } /* Popup Layer */ #popup img { width: inherit!important; max-width: 100%; height: auto; } #miniLogo img { width: inherit!important; max-width: 100%; height: auto; } #miniPopup { background: #fff url(/_img/miniFooterBg.jpg) repeat-x bottom!important; } #miniPopup .content { padding-bottom: 20px; } .panzoom-container { overflow: hidden; min-height:300px; } #miniFooter { background: none; } .visible-mobile { display: inline-block; } .visible-mobile-block { display: block; } .visible-mobile.cart-line { display: block; } table #product .yellow { white-space: normal; width: 50%; } table.payment-table input { width: 100% } /* Misc Pages */ #formBox { width: inherit; } #formBox .form_field { width: 100% } .wizzy table { width: 100%!important } .contactUsBox .form_button_s { margin-bottom: 15px; } table.locationsBox .well { width: inherit; margin-bottom: 15px; } table.locationsBox iframe { width: 100%; height: 300px; } /* Display None Elements */ #leftNav, .homeProductTop, .homeProductBtm, .hidden-mobile, .addthis_toolbox { display: none!important; } /* Employment App */ #frmEmpApp table tr td {display: block;} #frmEmpApp td.form_label, #frmEmpApp td.form_label_b {text-align: left; font-weight: 600;} #frmEmpApp #formBoxFull {width: inherit;} #frmEmpApp #formBoxFull .form_field {max-width: 250px;} #frmEmpApp .form_label {white-space: normal;} #frmEmpApp #formBoxFull td {border-bottom: none;} #frmEmpApp #formBoxFull tr:hover td {background-color: transparent;} #frmEmpApp #formBoxFull div {padding-left: 0px!important} #frmEmpApp img {display: block;} #frmEmpApp .grid-table tr td:first-child {padding-top: 15px;} #frmEmpApp .grid-table tr td:last-child {border-bottom: solid 1px #ccc!important; padding-bottom: 15px;} #frmEmpApp .grid-table td.name:before { display: block; content: "Name:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table td.address:before { display: block; content: "Address:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table td.phone:before { display: block; content: "Phone:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table td.relationship:before { display: block; content: "Relationship:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education input[type="text"] {width: 100%} #frmEmpApp .grid-table.education .form_label_b { font-size: 11px; } #frmEmpApp .grid-table.education td.grad:before { display: block; content: "Graduated?:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education td.credits:before { display: block; content: "If no, Degree Credits Earned:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education td.degree:before { display: block; content: "Type of Degree Received or Expected:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education td.major:before { display: block; content: "Major:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education td.minor:before { display: block; content: "Minor:"; padding-right: 5px; font-weight: bold; } #frmEmpApp .grid-table.education td.gpa:before { display: block; content: "Grade Point/Overall GPA:"; padding-right: 5px; font-weight: bold; } } @media (max-width: 530px) { .serviceOverview { width: 100%!important; } } @media(max-width: 400px) { table tr .itemDetailHead #sku_no { max-width: 140px; } #footer .col { float: none; width: 100%; text-align: center; min-height: inherit!important; } #footer #bbb, #btm-text { text-align: center; } #contentRight table#category td { display: block; } .productWrapper { width: inherit; margin: 0px!important; float: none; padding: 0px 0px 30px; } .productWrapper .drop p strong em span { font-size: 10pt!important} #itemDetail .productWrapper { padding-bottom: 0px; text-align: center; } #contentRight table#category td { width: 100%; } }