/* Theme Name: TechlineCabinetry.com Version: 1.0 Author: Stefan Hartman Author URI: http://www.MAjorDesigns.co */ html, body {font-family:'Calibri Light','Open Sans',sans-serif!important;} p, h1, h2, h3, li, label, input, select {color:#646464!important;}/* 646464 */ .grey {background:#646464;} img.fullwidth {width:100%;height:auto;margin-top:10px;} img.large {padding-right:0px!important;float:none;} /* Header Styles */ .topNav {background:#ECEDED;padding:5px 0px;margin:0px 0px 10px 0px!important;} .topNav .container {position:relative;} .topNav .container .menu-top-navigation-container {text-align:center;} .topNav .container .menu-top-navigation-container ul.menu {display:block;margin:0px auto;list-style:none;} .topNav .container .menu-top-navigation-container ul.menu li {position:relative;display:inline-block;font-size:13px;padding:0px 10px 0px 5px;border-right:1px solid #646464;line-height:16px;} .topNav .container .menu-top-navigation-container ul.menu li:last-of-type {border-right:0px;padding-right:0px;} .topNav .container .menu-top-navigation-container ul.menu li a {color:#646464;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav {display:none;position:absolute;left:-75px;width:200px;margin:0px;z-index:100;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav.products {left:-60px;} .topNav .container .menu-top-navigation-container ul.menu li:hover ul.subNav {display:block;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav li.item {display:block;background:#FFF;border-top:2px solid #ECEDED!important;border-left:2px solid #ECEDED!important;border-right:2px solid #ECEDED!important;border-bottom:0px solid #ECEDED;padding:0px;margin:0px;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav li.item a {display:block;width:100%;padding:4px;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav li.item a:hover {color:#000;background:#ECEDED;text-decoration:none;} .topNav .container .menu-top-navigation-container ul.menu li ul.subNav li.item:last-of-type {border-bottom:2px solid #ECEDED;} .topNav .container button {display:none;} .topNav .container button span {width:30px;display:block;background:#000;height:6px;margin:3px 0px 3px 0px;} .topNav .container form {background:#FFF;position:absolute;top:-1px;right:0px;margin:0px;} .topNav .container form input#s {border:0px;padding:2px;font-size:13px;} .topNav .container form input[type="submit"] {font-family:FontAwesome;color:#646464;background:#FFF;border:0px;float:right;} /* Desktop Left Nav Content */ .categoryNav {text-align:center;} .categoryNav img.logo {width:100%;padding-bottom:50px;} .categoryNav ul {margin:0px 0px 15px 0px;display:block;list-style:none;border-top:1px solid #646464;border-bottom:1px solid #646464;padding:0px;width:165px;} .categoryNav ul li {text-align:left;border-bottom:1px solid #646464;margin:0px;} .categoryNav ul li:last-of-type {border-bottom:0px;} .categoryNav ul li a {display:inline-block;padding:15px;width:95%;color:#646464;font-size:16px;} .categoryNav ul li.currentPage a, .categoryNav ul li a:hover {color:#EE352A;} .categoryNav ul li.currentPage ul.subNav li a {color:#646464;} .categoryNav ul li span {display:inline-block;cursor:pointer;} .categoryNav ul li ul.subNav {margin:0px;border-bottom:0px;display:none;} .categoryNav ul li ul.subNav li.subNavItem {margin-left:15px;} .categoryNav ul li ul.subNav li.lastItem {margin-left:0px!important;padding-left:15px;} .categoryNav ul li ul.subNav li a {background:url(http://173.254.120.47/~httptech/wp-content/uploads/2015/08/bulletBackground.jpg) top 20px left 0px no-repeat;} /* Home Page Table */ .mainContent .content div.homeTable {/*background:url(images/homeTableBackground.jpg) top left no-repeat;background-size:100%;*/} .mainContent .content div.homeTable table {width:100%;height:auto;} .mainContent .content div.homeTable table tr td {width:33%;padding:0px;position:relative;} .mainContent .content div.homeTable table tr td:hover div.cover {display:block;} .mainContent .content div.homeTable table tr td div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .content div.homeTable table tr td:hover div.cover {display:block;} .mainContent .content div.homeTable table tr td div.cover h2 {color:#646464;display:block;margin:125px 0px 0px 0px;padding:0px;font-size:48px;} .mainContent .content div.homeTable table tr td img {width:100%;height:auto;display:block;} .mainContent .content div.homeTable table tr td.mobileHide {width:34%;} .mainContent .content div.homeTable table tr td.topLast {vertical-align:bottom;} .mainContent .content div.homeTable table tr td.bottomLast {vertical-align:top;} .mainContent .homeTitle {padding-left:0px;} .mainContent .homeTitle h1 {color:#CECFD1;text-align:left;letter-spacing:2px;font-size:40px;margin:20px 0px;} /* Residential Styles */ .mainContent .mainResidental {} .mainContent .mainResidental .left {padding:0px;width:35%;display:table-cell;vertical-align:top;} .mainContent .mainResidental .left img {width:100%;max-height:550px;display:block;padding:8px 8px 8px 0px;} .mainContent .mainResidental .left a {display:block;position:relative;} .mainContent .mainResidental .left a div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainResidental .left a:hover div.cover {display:block;} .mainContent .mainResidental .left a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:54px;} .mainContent .mainResidental .right {padding:0px;width:65%;display:table-cell;vertical-align:top;} .mainContent .mainResidental .right img.full {width:100%;max-height:366px;display:inline-block;padding:8px;} .mainContent .mainResidental .right .middle {width:100%;display:table-row;} .mainContent .mainResidental .right .middle img {padding:5px;width:100%;} .mainContent .mainResidental .right .middle img.one {display:table-cell;vertical-align:top;} .mainContent .mainResidental .right .middle img.two {padding:5px 0px 0px 7px;} .mainContent .mainResidental .right .middle a {display:table-cell;position:relative;vertical-align:top;} .mainContent .mainResidental .right .middle a div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainResidental .right .middle a:hover div.cover {display:block;} .mainContent .mainResidental .right .middle a div.cover h2 {color:#646464;display:block;margin:125px 0px 0px 0px;padding:0px;font-size:54px;} .mainContent .mainResidental .right a {display:block;position:relative;} .mainContent .mainResidental .right a div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainResidental .right a:hover div.cover {display:block;} .mainContent .mainResidental .right a div.cover h2 {color:#646464;display:block;margin:150px 0px 0px 0px;padding:0px;font-size:54px;} /* Closet Systems Styles */ .mainContent .mainClosetSysetms {margin-bottom:30px;} .mainContent .mainClosetSysetms .textBlock {margin:0px 20px;} .mainContent .mainClosetSysetms .textBlock h1 {font-size:28px;margin:0px;} .mainContent .mainClosetSysetms .textBlock p {margin-bottom:0px;line-height:18px;} .mainContent .mainClosetSysetms .left {padding:0px;width:60%;display:table-cell;vertical-align:top;} .mainContent .mainClosetSysetms .left img {width:100%;display:block;padding:20px 20px 20px 0px;} .mainContent .mainClosetSysetms .left .innerOne {width:50%;float:left;} .mainContent .mainClosetSysetms .left .innerOne a div.cover h2 {margin:380px 0px 0px -20px;} .mainContent .mainClosetSysetms .left .innerTwo {width:50%;float:right;} .mainContent .mainClosetSysetms .left .innerTwo img {padding-right:0px;} .mainContent .mainClosetSysetms .left .innerTwo .textBlock {margin:0px;} .mainContent .mainClosetSysetms .left .innerTwo a div.cover h2 {margin:100px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .innerTwo a#CSDesignDetails div.cover h2 {margin:130px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .bottom {clear:both;} .mainContent .mainClosetSysetms .left .bottom img {width:100%;display:block;padding:0px;} .mainContent .mainClosetSysetms .left .bottom a div.cover h2 {margin:165px 0px 0px 0px;} .mainContent .mainClosetSysetms .left a {display:block;position:relative;} .mainContent .mainClosetSysetms .left a div.cover {display:none;background:rgba(255,255,255,0.0);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainClosetSysetms .left a:hover div.cover {display:block;} .mainContent .mainClosetSysetms .left a:hover img {opacity:0.15;} .mainContent .mainClosetSysetms .left a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:48px;} .mainContent .mainClosetSysetms .right {padding:0px;width:40%;display:table-cell;vertical-align:top;} .mainContent .mainClosetSysetms .right img.full {width:100%;display:inline-block;padding:20px;} .mainContent .mainClosetSysetms .right a {display:block;position:relative;} .mainContent .mainClosetSysetms .right a div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainClosetSysetms .right a:hover div.cover {display:block;} .mainContent .mainClosetSysetms .right a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:54px;} .mainContent .mainClosetSysetms .right a#CSReachIn div.cover h2 {margin:275px 0px 0px 0px;} /* Hardware Table Styles */ table.orderBlock {width:100%;margin:15px 0px;border:1px solid #000;} table.orderBlock td {padding:3px;vertical-align:top;} table.orderBlock td.title {text-align:center;padding:10px;border-bottom:1px solid #000;} table.orderBlock td.title h1 {display:inline-block;font-size:20px;margin:0px 15px 0px 0px;} table.orderBlock td.title h2 {display:inline-block;font-size:20px;margin:0px 0px 0px 0px;font-weight:bold;} table.orderBlock td input[type="number"] {width:40px;} table.orderBlock tr.images td {border-bottom:1px solid #000;} table.orderBlock tr.images td img {width:100%;} table.orderBlock tr.qty td {border-top:1px solid #000;padding-top:5px;} .hangingSystems {} .hangingSystems h1 {} .hangingSystems h2 {} .hangingSystems img {width:50%;float:right;} form.wpcf7-form {} form.wpcf7-form .otherParts {display:inline-block;width:49%;vertical-align:top;} form.wpcf7-form .otherParts a {display:block;text-align:center;border:1px solid #999;padding:2px} form.wpcf7-form .submit {display:inline-block;width:50%;vertical-align:top;float:right;} /* Breadcrumb Navigation */ ul.breadcrumbs {margin:0px 0px 0px 0px;padding:0px;list-style:none;} ul.breadcrumbs li {display:inline-block;font-size:13px;padding:0px 3px;color:#646464;} ul.breadcrumbs li a {color:#646464;} /* Main Content */ .mainContent {font-size:16px;} .mainContent .content {padding-top:18px;padding-left:0px;} .mainContent .content h1 {margin-bottom:5px;margin-top:10px;} .mainContent .content h2 {} .mainContent .content h2.testimonial {font-size:22px;} .mainContent .content p {} .mainContent .content article a {color:#ED1B2E;} .mainContent .content article p img.alignright {float:right;padding:0px 0px 15px 15px;} .mainContent .content article p img.alignleft {float:left;padding:0px 15px 15px 0px;} .mainContent .content article p img.aligncenter {display:block;margin:0px auto;padding:15px 0px;} .mainContent .content article p iframe {display:block;width:100%;min-height:300px;} .mainContent .content article .rightSidebar {background:#F6F6F6;max-width:300px;float:right;margin:0px 0px 15px 15px;box-shadow:5px 5px 15px #666;padding:15px;} .mainContent .content article .rightSidebar a {display:block;} .mainContent .content article .innerContent div {padding:0px;} .mainContent .content article .innerContent div img {width:100%;height:auto;} .mainContent .content article .sideImgBar {text-align:center;} .mainContent .content article .sideImgBar p {margin:0px;padding:0px;} .mainContent .content article .sideImgBar.notAbout {padding-bottom:15px;} .mainContent .content article .sideImgBar.notAbout p {text-align:left;font-size:14px;line-height:16px;} .mainContent .content article .sideImgBar.notAbout h2 {text-align:left;margin-top:5px;} .mainContent .content article .sideImgBar p img {width:100%;height:auto;margin:5px 0px;} .mainContent .content div.pdfrow img {width:100%;height:auto;} .mainContent .content article div.gallery {padding-bottom:30px;} .mainContent .content article div.gallery dl {margin:0px;margin-top:4px!important;} .mainContent .content article div.gallery dl dt a img {border:0px!important;} .mainContent .content ul.vendorList {color:#EE352A;list-style:none;font-size:18px;} .mainContent .content ul.vendorList li {color:#EE352A;margin-bottom:20px;} .mainContent .content ul.vendorList li:before {content:"• ";color:#EE352A;margin-left:-12px;} .mainContent .content ul.vendorList li a {color:#EE352A;font-weight:bold;text-decoration:none;} .mainContent .content .pageMatrix {margin-bottom:15px;} .mainContent .content .pageMatrix div {text-align:center;} .mainContent .content .pageMatrix div img {width:100%;max-width:232px;height:auto;} /* Content page with Feat image/banner */ .mainContent .content article.featContent {} .mainContent .content article.featContent img.wp-post-image {width:100%;height:auto;} .mainContent .content article.featContent h1.title {font-size:42px;} .mainContent .content article.featContent h3.tag {padding:0px;margin:0px;} /* Seating Styles */ .mainContent .content article.listing {} .mainContent .content article.listing ul {list-style:none;margin:0px;padding:0px;} .mainContent .content article.listing ul li {display:inline-block;margin:0px 0px 15px 0px;padding:0px;width:16%;text-align:center;} .mainContent .content article.listing ul li a {text-transform:uppercase;color:#646464;} .mainContent .content article.listing ul li a img {height:150px;width:auto;display:block;margin:0px auto;} .mainContent .content article.listing ul li a:hover {} .mainContent .content article.listing ul li span.prodNumber {display:inline-block;background:#CCCCCC;color:#FFFFFF;border-radius:20px;line-height:22px;height:22px;width:22px;font-size:16px;} .mainContent .content article.single {padding-top:25px;} .mainContent .content article.single .featImg {padding-bottom:25px;} .mainContent .content article.single .featImg img {width:100%;height:auto;} .mainContent .content article.single .featImg .specs {padding:0px 70px;} .mainContent .content article.single .featImg h1 {text-align:center;text-transform:uppercase;} .mainContent .content article.single .featImg h1 span.prodNumber {text-align:center;display:inline-block;background:#CCCCCC;color:#FFFFFF;border-radius:20px;line-height:28px;height:28px;width:28px;font-size:16px;vertical-align:top;margin:7px 5px 0px 0px;} .mainContent .content article.single .details {} .mainContent .content article.single .details h1 {text-transform:uppercase;} .mainContent .content article.single .details h2 {font-size:24px;margin:0px;} .mainContent .content article.single .details ul {margin:0px 0px 0px 15px;padding:0px;} .mainContent .content article.single .details ul li {margin-bottom:6px;} .mainContent .content article.single .details ul li ul {list-style:none;margin-top:5px;} .mainContent .content article.single .details img {width:90%;height:auto;} .mainContent .content article.single .socialBox {display:block;margin-top:10px;} .mainContent .content article.single .socialBox div.icon {display:inline-block;margin:0px 10px 0px 0px;} .mainContent .content article.single .socialBox div.icon i {color:#646464;font-size:32px;} .mainContent .content article.single .socialBox div.icon .counter {display:inline-block;width:0px;overflow:hidden;vertical-align:top;margin:4px 0px 0px 0px;} .mainContent .content article.single .socialBox div.icon:hover .counter {width:auto;overflow:visible;} .mainContent .content article.single .socialBox div.icon:hover i.fa-facebook-official {color:#3B5998;} .mainContent .content article.single .socialBox div.icon:hover i.fa-pinterest {color:#C92228;} /* Closet System Styles */ .closetSubRow {margin-right:0px!important;} .horzClosetSection {float:none;clear:both;margin:0px 0px 15px 0px!important;padding:0px 30px 0px 0px;} .horzClosetSection div {padding:30px 0px 0px 30px;} .horzClosetSection img {width:100%;height:auto;margin:0px 0px 15px 0px;padding:0px!important;float:none;} .horzClosetSectionClear {float:none;clear:both;margin:0px 0px 15px 0px!important;padding:0px 0px;} .horzClosetSectionClear div {padding:0px;} .horzClosetSectionClear img {width:100%;height:auto;margin:0px 0px 15px 0px;padding:0px!important;float:none;} .closetSection {padding:15px 5px 0px 15px;margin:0px 0px 15px 0px;} .closetSection img {width:65%;} .closetSection h3 {color:#FFF!important;font-size:26px;} .horzClosetSection p, .horzClosetSectionClear p {color:#FFF!important;font-size:26px;} .closetSection p {color:#FFF!important;margin-top:15px;font-size:26px;} .horzClosetSection hr, .closetSection hr {display:block;clear:both;height:0px;border:0px;} /* Closet Accessory Styles */ .accessory {} .accessory img {padding-bottom:0px;margin-bottom:0px;} .accessory h3 {font-size:18px;padding-top:0px;margin-top:6px;margin-bottom:3px;font-weight:bold;} .accessory p {font-size:14px;line-height:16px;} /* Contact Page Styles */ .mainContent .content article form.wpcf7-form {} .mainContent .content article form.wpcf7-form div.input {padding:4px 0px;} .mainContent .content article form.wpcf7-form div.input label {font-weight:normal;width:30%;margin:0px;padding:4px 0px;vertical-align:top;} .mainContent .content article form.wpcf7-form div.input .wpcf7-form-control-wrap {display:inline-block;width:68%;vertical-align:top;} .mainContent .content article form.wpcf7-form div.input span.wpcf7-form-control-wrap input {width:100%;padding:2px 5px;} .mainContent .content article form.wpcf7-form div.input span.wpcf7-form-control-wrap textarea {width:100%;padding:5px;resize:none;height:100px;} .mainContent .content article form.wpcf7-form div.input span.wpcf7-form-control-wrap select {width:100%;padding:3px 2px;} .mainContent .content article form.wpcf7-form div.input br {display:none;} .mainContent .content article form.wpcf7-form div.submit input {width:100%;} .mainContent .content article form.wpcf7-form div.wpcf7-response-output {margin:0px;} .mainContent .content article#post-18 table tr td {vertical-align:top;} /* Social Network Styles */ .sd-social-icon .sd-content ul li[class*=share-] a.sd-button {background:#CCCCCC!important;} .sd-social-icon .sd-content ul li[class*=share-].share-facebook:hover a.sd-button {background:#3b5998!important;opacity:1.0!important;} .sd-social-icon .sd-content ul li[class*=share-].share-twitter:hover a.sd-button {background:#00ACEE!important;opacity:1.0!important;} .sd-social-icon .sd-content ul li[class*=share-].share-pinterest:hover a.sd-button {background:#CA1F27!important;opacity:1.0!important;} .sd-social-icon .sd-content ul li[class*=share-].share-linkedin:hover a.sd-button {background:#0077B5!important;opacity:1.0!important;} /* Footer Styles */ footer {background:#646464;padding:15px 0px;} footer .container {padding:0px;} footer .container .logo img {width:100%;height:auto;border:0px;} footer .container .locations {color:#FFFFFF;font-size:13px;} footer .container .locations {padding:0px 0px 15px 0px;} footer .container .altlocation {padding-left:15px;} footer .container .locations .locationName {font-family:'Open Sans Condensed', sans-serif;padding:0px 0px 0px 0px;font-size:16px;letter-spacing:3px;border-bottom:0px solid #FFF;font-weight:700;text-transform:uppercase;color:#000;} footer .container .locations .locationAddress {padding:0px 0px 0px 0px;} footer .container .locations .locationAddress span {display:block;} footer .container .locations .locationAddress span.phone {padding-left:0px;} footer .container .locations .popUp {max-width:620px;max-height:470px;display:none;position:absolute;bottom:115px;left:-250px;border:10px solid #FFF;box-shadow:5px 5px 15px #666;} footer .container .locations .popUp img {width:100%;height:auto;} footer .container .locations:hover .popUp {display:block;} footer .container .badges {} footer .container .badges img {max-height:65px;display:inline-block;padding:0px 10px 0px 0px;} footer .bottomNav {color:#FFFFFF;font-size:11px;} footer .bottomNav .copyright {text-align:right;} footer .bottomNav .navigation {text-align:left;} footer .bottomNav .navigation .menu-footer-navigation-container {} footer .bottomNav .navigation .menu-footer-navigation-container ul.menu {margin:0px;padding:0px;list-style:none;} footer .bottomNav .navigation .menu-footer-navigation-container ul.menu li {display:inline-block;padding:0px 10px 0px 5px;border-right:1px solid #FFF;line-height:11px;} footer .bottomNav .navigation .menu-footer-navigation-container ul.menu li:last-of-type {border-right:0px;padding-right:0px;} footer .bottomNav .navigation .menu-footer-navigation-container ul.menu li a {color:#FFFFFF;} /* Responsive Navigation Styles */ #wrapper {padding-left:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} #wrapper.toggled {padding-left:250px;} #mobile-wrapper {z-index:1000;position:fixed;left:250px;width:0;height:100%;margin-left:-250px;overflow-y:auto;background:#666666;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;} #wrapper.toggled #mobile-wrapper {width: 250px;} #page-content-wrapper {width:100%;position:absolute;padding:0px;} #wrapper.toggled #page-content-wrapper {position:absolute;margin-right:-250px;} /* Mobile Menu Styles */ .mobile-nav {position:absolute;top:0;width:250px;margin:0;padding:0;list-style:none;} .mobile-nav li {text-indent:20px;line-height:40px;} .mobile-nav li a {display:block;text-decoration:none;color:#999999;} .mobile-nav li a:hover {text-decoration:none;color:#FFFFFF;background:rgba(255,255,255,0.2);} .mobile-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;} .mobile-nav > .mobile-brand {height:65px;font-size:18px;line-height:60px;} .mobile-nav > .mobile-brand a {color:#999999;} .mobiler-nav > .mobile-brand a:hover {color:#FFFFFF;background:none;} /* Colorbox Core Style: */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} /* Responsive Stylies */ /** Mobile Responsive Styles **/ @media(max-width:768px) { .mobileHide {display:none;} .topNav button {display:block!important;float:left;} .topNav .menu-top-navigation-container {display:none;} .topNav .container form {position:relative;float:right;width:80%;margin:3px 0px 0px 0px;height:40px;} .topNav .container form input#s {font-size:16px;padding:8px 5px;width:85%;float:left;} .topNav .container form input[type="submit"] {font-size:27px;} #mobile-wrapper img {width:90%;margin:0px auto;display:block;border-bottom:1px solid #FFF;padding:15px 0px;} #mobile-wrapper div.menu-mobile-navigation-container ul.menu {margin:0px;padding:0px;list-style:none;} #mobile-wrapper div.menu-mobile-navigation-container ul.menu li {padding:0px;margin:0px;} #mobile-wrapper div.menu-mobile-navigation-container ul.menu li a {color:#FFFFFF;display:block;width:100%;padding:10px;} .categoryNav img.logo {width:75%;padding-bottom:25px;} ul.breadcrumbs {margin:10px 0px 0px 0px;} .mainContent .homeTitle {padding-left:15px;} .mainContent .categoryNav {padding-bottom:15px;} .mainContent .content div.homeTable table tr td div.cover h2 {display:none;} .mainContent .content {padding-top:0px;padding-left:15px;} .mainContent .content h1 {font-size:28px;} .mainContent .content div.homeTable {padding:0px;} .mainContent .content div.homeTable table {width:100%;} .mainContent .content div.homeTable table tr td div.cover h1 {display:none;} .mainContent .content article {} .mainContent .content article p img {float:none!important;padding:0px 0px 15px 0px!important;width:100%;height:auto;} .mainContent .content article.listing ul li {width:49%;} .mainContent .content article.single .socialBox {display:block;margin-top:0px;} .mainContent .content div.pdfrow div {padding-bottom:15px;} .mainContent .mainResidental .left {padding:0px;width:35%;display:table-cell;vertical-align:top;} .mainContent .mainResidental .left img {width:100%;max-height:550px;display:block;padding:4px 4px 4px 0px;} .mainContent .mainResidental .left a div.cover h2 {display:none;} .mainContent .mainResidental .right img.full {width:100%;max-height:366px;display:inline-block;padding:4px;} .mainContent .mainResidental .right .middle img {padding:4px;width:100%;} .closetSubRow {margin-right:-15px!important;} /* Closet Systems Styles */ .mainContent .mainClosetSysetms .textBlock {margin:15px 0px;} .mainContent .mainClosetSysetms .textBlock h1 {font-size:28px;margin:15px 0px;} .mainContent .mainClosetSysetms .textBlock p {margin-bottom:0px;line-height:18px;} .mainContent .mainClosetSysetms .left {padding:0px;width:100%;display:block;} .mainContent .mainClosetSysetms .left img {width:100%;display:block;padding:0px;max-height:none!important;} .mainContent .mainClosetSysetms .left .innerOne {width:100%;float:none;} .mainContent .mainClosetSysetms .left .innerOne a div.cover h2 {margin:380px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .innerTwo {width:100%;float:none;padding-top:15px;} .mainContent .mainClosetSysetms .left .innerTwo img {padding-right:0px;} .mainContent .mainClosetSysetms .left .innerTwo .textBlock {margin:15px 0px;} .mainContent .mainClosetSysetms .left .innerTwo a div.cover h2 {margin:100px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .innerTwo a#CSDesignDetails div.cover h2 {margin:130px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .bottom img {width:100%;display:block;padding:15px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .bottom a div.cover h2 {margin:165px 0px 0px 0px;} .mainContent .mainClosetSysetms .left a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:54px;} .mainContent .mainClosetSysetms .right {padding:0px;width:100%;display:block;} .mainContent .mainClosetSysetms .right img.full {width:100%;display:inline-block;padding:0px;max-height:none!important;} .mainContent .mainClosetSysetms .right a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:54px;} .mainContent .mainClosetSysetms .right a#CSReachIn div.cover h2 {margin:275px 0px 0px 0px;} footer .container .logo img {width:75%;height:auto;border:0px;margin:0px auto;display:block;padding-bottom:15px;} footer .container .locations {padding-right:0px!important;} footer .container .locations .locationName {text-align:center;} footer .container .locations .locationAddress {text-align:center;} footer .container .badges {text-align:center;} footer .bottomNav .copyright, footer .bottomNav .navigation {text-align:center;padding:10px 0px 0px 0px;} } @media(min-width:768px) and (max-width:1199px) { .categoryNav ul {width:195px;} .smallDesktopHide {display:none;} /* Closet Systems Styles */ .mainContent .mainClosetSysetms .textBlock {margin:0px 20px;} .mainContent .mainClosetSysetms .textBlock h1 {font-size:24px;margin:0px;} .mainContent .mainClosetSysetms .textBlock p {line-height:14px;font-size:12px;} .mainContent .mainClosetSysetms .left {padding:0px;width:60%;display:table-cell;vertical-align:top;} .mainContent .mainClosetSysetms .left img {width:100%;display:block;padding:20px 20px 20px 0px;} .mainContent .mainClosetSysetms .left .innerOne {width:50%;float:left;} .mainContent .mainClosetSysetms .left .innerOne a div.cover h2 {margin:320px 0px 0px -20px;} .mainContent .mainClosetSysetms .left .innerTwo {width:50%;float:right;} .mainContent .mainClosetSysetms .left .innerTwo img {padding:20px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .innerTwo #CSCusomterInstallations img {max-height:275px!important;} .mainContent .mainClosetSysetms .left .innerTwo .textBlock {margin:6px 0px -8px 0px;} .mainContent .mainClosetSysetms .left .innerTwo a div.cover h2 {margin:100px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .innerTwo a#CSDesignDetails div.cover h2 {margin:130px 0px 0px 0px;} .mainContent .mainClosetSysetms .left .bottom {clear:both;} .mainContent .mainClosetSysetms .left .bottom img {width:100%;display:block;padding:0px;} .mainContent .mainClosetSysetms .left .bottom a div.cover h2 {margin:135px 0px 0px 0px;} .mainContent .mainClosetSysetms .left a {display:block;position:relative;} .mainContent .mainClosetSysetms .left a:hover div.cover {display:block;} .mainContent .mainClosetSysetms .left a div.cover h2 {color:#646464;display:block;margin:200px 0px 0px 0px;padding:0px;font-size:40px;} .mainContent .mainClosetSysetms .right {padding:0px;width:40%;display:table-cell;vertical-align:top;} .mainContent .mainClosetSysetms .right img.full {width:100%;display:inline-block;padding:20px;} .mainContent .mainClosetSysetms .right a {display:block;position:relative;} .mainContent .mainClosetSysetms .right a div.cover {display:none;background:rgba(255,255,255,0.70);position:absolute;top:0px;width:100%;height:100%;text-align:center;} .mainContent .mainClosetSysetms .right a:hover div.cover {display:block;} .mainContent .mainClosetSysetms .right a div.cover h2 {color:#646464;display:block;margin:175px 0px 0px 0px;padding:0px;font-size:40px;} .mainContent .mainClosetSysetms .right a#CSReachIn div.cover h2 {margin:225px 0px 0px 0px;} } @media(min-width:0px) and (max-width:991px) { .topNav .container .menu-top-navigation-container {text-align:left;} .categoryNav ul {width:100%;position:static!important;margin:0px;} } /** Desktop Responsive Styles **/ @media(min-width:768px) { #wrapper {padding-left:0px;} #wrapper.toggled {padding-left:0;} #mobile-wrapper {width:0px;} #wrapper.toggled #mobile-wrapper {width:0;} #page-content-wrapper {padding:0px;position:relative;} #wrapper.toggled #page-content-wrapper {position:relative;margin-right:0;} }