/*********************************************/ /* http://startbootstrap.com/modern-business */ /*********************************************/ /*********************************************/ /* icon - font management */ /*********************************************/ @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?-gbcs59'); src:url('../fonts/icomoon.eot?#iefix-gbcs59') format('embedded-opentype'), url('../fonts/icomoon.woff?-gbcs59') format('woff'), url('../fonts/icomoon.ttf?-gbcs59') format('truetype'), url('../fonts/icomoon.svg?-gbcs59#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Workspaces:before { content: "\e600"; } .icon-TechnologyFurniture:before { content: "\e601"; } .icon-Tables:before { content: "\e602"; } .icon-Seating:before { content: "\e603"; } .icon-MailroomFurniture:before { content: "\e604"; } .icon-HighDensityStorage:before { content: "\e605"; } .icon-DraftingFurniture:before { content: "\e606"; } .icon-DesksAndStorage:before { content: "\e607"; } .icon-facebook_gray:before { content: "\e608"; } .icon-facebook_gray { float: right; font-size: 24px; color: #9fa1a4;} .icon-facebook_gray:hover { color: #5c87c6; } .carousel-indicators li a:hover span { color: #777777; } /*********************************************************** MAIN ***********************************************************/ body { color: #5f6062; font-family: Arial, Helvetica, sans-serif; } html, body { height: 100%; } a { color: #f26532; } #myCarousel .btn-border { border: 1px solid #F26532; } span.btn-border.pull-left { display: inline-block; border: 1px solid #F26532; } span.btn-border { display: inline-block; border: 1px solid #F26532; margin-top: 20px; } .btn-default { min-width: 150px; text-transform: uppercase; border: 1px solid #F1F1F1; border-radius: 0; } #myCarousel .btn-default { border: 1px solid #727375; } .btn-orange { color: white; background: #f26532; } .btn-default:hover { background: #f28552; } #home .page_frame { max-width: 1170px; margin: 0 auto 0 auto;/* clear: both; background: white; */} #header { background: #5F6062; } /*********************************************************** NAVIGATION ***********************************************************/ .utilitynav { display: none; } .navbar-brand { padding: 0; float: left; height: auto; width: 61%; } .navbar-brand img { width: 100%; max-width: 210px; } .navbar-nav > li > a { padding: 5px 0 5px 0; } .navbar-inverse { background: #5f6062; border: 0; padding:0; margin: 0;} .navbar-inverse .navbar-nav > li > a { color: #9fa1a4; border-bottom: 1px solid #f7f7f1; border-top: 1px solid #b6b6b6; padding: 7px 15px 7px 15px; font-size: 16px; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background: #555658; } .navbar-inverse .navbar-nav > li li { background: #F26532; padding: 2px 0 2px 0;} .navbar-inverse .navbar-nav > li li a { background: transparent; padding: 5px 15px 5px 15px; color: #525154; font-size: 12px; } .navbar-inverse .navbar-nav > li li:hover { background: #f26532; } .navbar-inverse .navbar-nav > li li:hover a { color: white!important; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #525154; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: transparent; color: #5f6062; } .navbar-inverse .navbar-nav > li li { background: #d4d4d4; border-bottom: 1px solid #b6b6b6; } .navbar-collapse { max-height: none; } .navbar-nav .open .glyphicon-minus, .navbar-nav .glyphicon-plus { display: inline; } .navbar-nav .glyphicon-minus, .navbar-nav .open .glyphicon-plus { display: none; } .dropdown { padding: 0; } .dropdown a:hover { background: #555658; } .navbar-inverse .navbar-toggle { border: 0; border-radius: 0; margin-top: 30px; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #4d4e4f; } .navbar-inverse .navbar-toggle { padding: 4px; } .navbar-inverse .navbar-toggle .icon-bar { background: #9fa1a4; width: 30px; height: 4px; } .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar { background: #f26532; } .navbar a.dropdown-toggle { width: 100%; } .navbar .container { padding: 0; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin: 0; } .navbar-collapse { width: 100%; background: #ececec; padding: 0; margin: 0; border: 0; } .navbar-collapse ul { margin: 0; padding: 0; } .navbar-collapse li a { padding: 0 10px 0 10px; } .navbar { border-radius: 0; } #sidebar { padding: 0 0 20px 0; } #sidenav { margin-top: 20px; padding: 0 15px 0 15px; /*border-right: 1px solid #dfdfdf;*/ } #sidenav ul { margin: 0; padding: 0 0 20px 0; list-style: none; } #sidenav li { margin: 0; padding: 0 0 0 15px; background: url("/images/arrows.png") no-repeat 0 5px; } #sidenav li a { color: #5f6062; } #sidenav h2, #sidebar nav h1 { margin: 20px 0 0 0; font-weight: bold; font-size: 16px; line-height: 30px; color: #5f6062; } #sidenav h2 { margin: 0 0 3px 0; padding: 15px 0 0 0; color: #768794; border-top: 1px solid #dfdfdf; line-height: normal; } #sidebar nav h1 a { display: block; padding: 0 15px 0 15px; color: #5f6062; background: #dfdfdf; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #subnav { margin: 0; padding: 0; list-style: none; } #subnav li { margin: 0; padding: 0; } #subnav li a { display: block; padding: 0 15px 0 30px; line-height: 30px; color: #5f6062; background: #f1f1f1; border-bottom: 1px solid #d0d0d0; } #subnav li a:hover, #subnav li a.active { text-decoration: none; color: #f26532; } #subnav ul { margin: 0; padding: 0; list-style: none; } #subnav ul a { padding-left: 45px; color: #9fa1a4; background: #ffffff; } #subnav ul a:hover, #subnav ul a.active { text-decoration: underline; color: #9fa1a4; } #subnav ul ul a { padding-left: 60px; font-weight: bold; font-size: 12px; color: #5f6062; background: #dfe5ea; } #subnav ul ul a:hover, #subnav ul ul a.active { text-decoration: underline; color: #5f6062; } #subnav ul ul ul a { padding-left: 75px; font-weight: bold; color: #768794; background: #ecf0f2; } #subnav ul ul ul a:hover, #subnav ul ul ul a.active { text-decoration: underline; color: #768794; } #subnav ul ul ul ul a { padding-left: 90px; font-weight: normal; color: #f26532; background: #ffffff; } #subnav ul ul ul ul a:hover, #subnav ul ul ul ul a.active { text-decoration: underline; color: #f26532; } #subpage .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background: #555658;} aside { margin-left: 10px; text-align: center;} aside nav { text-align: left; } aside .navbar { text-align: left; } aside .navbar-collapse { background: white; } aside #text-search { width: 60%; height: 32px; border: 0;background: #f4f4f4; padding-left: 10px; margin-left: 20px;} aside img { border: 1px solid #eeeff0; max-height: 330px; display: block; margin: 0 auto 0 auto; } aside#sidebar input[type=text] { float: left;} aside #sidenav { text-align: left; } aside p, aside #icons, aside .social { margin-top: 20px; } aside .starting { display: block; margin-top: 20px; width: 100%; } aside .starting span { font-weight: bold; } aside .btn-100 { width: 80%; } aside .btn-100 .btn-100 { width: 100%;} aside #icons img { display: inline-block; } aside .social img { display: inline-block; margin-right: 10px; } aside .selection { text-align: left; margin-left: 10px; clear: both; } aside .selection .btn-border { margin-bottom: 20px;} aside #variable_nav { text-align: left; clear: both; padding-bottom: 20px; } #sidebar nav #narrow_it h1 { margin-right: 10px!important; padding: 10px 0 10px 0; } aside .navbar-nav { margin: 0; } aside #narrow_it h2 { text-align: left; } aside input#filter { float: left; margin-bottom: 10px;} /*********************************************************** ????? ***********************************************************/ .INDICATOR_HOLDER { margin: 0; padding: 0; background: white; } .INDICATOR_HOLDER li { list-style: none; width: 50%; float: left; clear: none; margin-top: 20px; margin-bottom: 20px; text-align: center;} .INDICATOR_HOLDER li a { text-decoration: none; text-transform: uppercase; font-weight: bold; } .INDICATOR_HOLDER li a:hover { cursor: pointer; } .INDICATOR_HOLDER li:nth-child(odd) { clear: both; } .INDICATOR_HOLDER li span.icon { font-size:66px; color: gray; text-align: left; } .INDICATOR_HOLDER li span.text { display: block; color: gray; text-align: center; width: 100%;} #ID_HOLDER .carousel-inner { display: none; } .carousel-control { display: none; } .dealers { width: 100%; } .feature .row { background: #e6e6e6; padding: 0 0 0 20px; } .feature h1 { font-size: 16px; color: #9fa1a4; text-transform: uppercase; padding-top:35px;} .feature h2 { font-size: 22px; color: #5f6062; margin-bottom: 0; padding-top: 10px; } .feature h3 { font-size: 18px; color: #909090; margin-top: 0; font-weight: normal; } .feature p { font-size: 14px; } .feature img { margin-bottom: 30px; } .section.welcome .row { padding: 0 20px 30px 20px; background: #F1F1F1; } .col-md-6 h1 img { width: 100%; max-width: 292px;} .col-md-3.quicklinks { display: none; } .iframe-container { position: relative; height: 0; overflow: hidden; margin: 15px 0 25px 0; padding-top: 30px; padding-bottom: 56.25%; } .iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } section#news { background: #E6E6E6; } section#news .row { background: #E6E6E6; } section#welcome { background: #F1F1F1; } #faq { margin: 0 15px 0 15px; } /*********************************************************** FOOTER ***********************************************************/ #footer { color: #9fa1a4; background-color: #5F6062; padding-top: 30px; padding-bottom: 30px; clear:both;} #footer p.top { margin-bottom: 25px; } #footer p.top a.btn { padding: 1px; font-size: 12px; line-height: 30px; text-transform: uppercase; color: white; background: none; border-radius: 0; border: 1px solid #f26532; } #footer p.top a.btn span { display: block; padding: 0 25px 0 25px; background: #f26532; } #footer p.top a.btn:hover { color: white; text-decoration: underline; } footer a, footer a:hover { color: #f26532; } footer .col-md-3 h1 { margin: 0 0 5px 0; border-bottom: 2px solid #768794; color: #e3e3e3; font-weight: bold; font-size: 12px;text-transform: uppercase; padding-bottom: 8px; line-height: normal; letter-spacing: 0.1em; } footer .col-md-9 { /*padding-left: 0;*/ } footer #brownboots { display: block; margin-top: 15px; } footer a.rep-login, footer #brownboots a { color: #e3e3e3!important; } footer .phone { margin-top: 5px; } footer .phone img { position: relative; top: -3px; padding-right: 5px; } /*********************************************************** MAIN - and other misc. ***********************************************************/ #subpage main { padding: 0 0 20px 0; min-height: 400px; } #subpage main section.section { background: white; } #subpage main h1 { margin: 0; padding: 0 15px 0 0; font-weight: bold; font-size: 20px; color: #f26532; background: white; } #subpage div.h1 { margin: 10px 0 15px 0; padding: 5px 0 5px 12px; background: #f4f4f4; } #subpage div.h1 h1 { margin: 5px 0 5px 0; font-weight: normal; font-size: 18px; color: #5f6062; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 300; background: transparent; position: static; letter-spacing: 0.05em; } #subpage main h2 { margin: 0 0 15px 0; font-weight: normal; font-size: 18px; line-height: 18px; color: #5f6062; } #subpage main h3 { margin: 0 0 15px 0; font-weight: bold; font-size: 16px; line-height: 18px; color: #768794; } #subpage main h4 { margin: 0 0 15px 0; font-weight: bold; font-size: 14px; line-height: 18px; color: #5f6062; } #subpage main p { margin: 0 0 15px 0; line-height: 18px; } #subpage main ul, #subpage main ol { margin: 0 0 15px 15px; padding: 0; } #subpage main li { margin: 0 0 10px 0; padding: 0; line-height: 18px; } #subpage main ul.webfamilies { margin: 0; } #subpage main .webfamilies li { margin: 0; } #subpage main ul ul { margin: 10px 0 0 15px; } #subpage .page_frame main .row { background: white; } table#linedwgs { width: 100%; } #subpage #main .col-md-3 { margin-bottom: 10px; } #subpage #main .col-md-4 { margin-bottom: 20px; } #subpage #main .cat-thumb { margin-bottom: 20px; } #subpage #main .cat-thumb img { width: 100%; } #subpage #main .col-md-4 .col-md-6 { white-space: nowrap; margin-bottom: 5px; } #subpage #main a span { width: 100%; display: inline-block; } #subpage #contact .form-group { margin-bottom: 0; } #subpage #main #contact .row { margin-top: 15px; } #subpage #contactus input { border: 1px solid gray; margin: 4px;} #subpage .required, #subpage #contactus span.required, #subpage #contactus div.required { color: #f9423a; } #subpage #contactus input { border: 1px solid #6C6C6C; } #subpage #contactus2 li { margin-bottom: 0; margin-top: 0; } #col_wide { margin: 0 auto 0 auto; width: 960px; } #wrapper { margin-top: 30px; height: 1200px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #FFFFFF; white-space: nowrap; line-height: normal; margin: 0 auto 0 auto;} #wrapper .pos { position: absolute; z-index: 0; left: 0px; top: 0px; vertical-align:top;} #wrapper span { vertical-align:top;} #wrapper #pricelistnav { float: right; clear: none; width: 270px; margin-top: 0px; margin-right: 50px;} #wrapper #pricelistnav a { color: black; text-decoration: none; padding-right: 10px; font-size: 9pt; } #wrapper #pricelistnav a:hover { color: #f9423a; text-decoration: none; } #wrapper #pricelistnav a img { vertical-align: middle; border: none; } #wrapper #pricelistnav select { font-size: 9pt; } /*********************************************************** CMS SETTINGS ***********************************************************/ #cms_overall .container { max-width: 955px; } #cms_overall .globalcmsnav { box-sizing: initial;} #cms_overall .page_frame .col-md-9 .h1 { float: left; clear: none; min-height: 200px; min-width: 300px;} #cms_overall .page_frame .col-md-9 .h1 h1 { width: 100%; font-size: 12px;} #cms_overall .carousel-inner { height: 1000px; } #cms_overall .carousel-indicators li.active { background: none; } #cms_overall .OuterIndicator { float: left; clear: both; width: 800px; margin-top: 420px; } #home #cms_footer { display: none; } /*********************************************************** ACCORDION - FAQ etc. ***********************************************************/ #subpage main p.expand-collapse { text-align: right; margin-right: 15px;} #subpage main p.expand-collapse a { display: inline; padding-right: 5px;} .ui-accordion .ui-accordion-header { cursor: pointer; display: block; margin-top: 2px; min-height: 0; padding: 0.5em 0.5em 0.5em 0.7em; position: relative; } .ui-accordion .ui-accordion-icons { } .ui-accordion .ui-accordion-noicons { padding-left: 0.7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 0.75em; margin-top: -8px; position: absolute; top: 50%; } .ui-accordion .ui-accordion-content { border-top: 0 none; overflow: auto; padding: 1em 2.2em 1em 40px; } .ui-accordion-header-active .shrinkit { color: #f26532; } .ui-accordion-header-active .ui-accordion-header-icon { display: none; } #subpage main .accordion h3 { border: 4px solid #f4f4f4; margin: 0; color: #768794; padding: 15px; margin-top: 10px; } .accordion div { padding: 10px; border: 4px solid #f4f4f4; } .accordion h3 a, .accordion div { border-top: 0; } .accordion div:last-of-type { position: relative; top: -1px} #subpage main h3.ui-accordion-header-active { border-bottom: 1px solid #F4F4F4; } #subpage main h3.ui-accordion-header-active .glyphicon { color: #f26532; } /*********************************************************** DEALER / ADMINISTRATIVE MENU ***********************************************************/ div.admin_menu { padding-left: 0; margin-bottom: 10px; } #subpage .admin_menu ul { border-bottom: 1px solid #F4F4F4; text-align: right; list-style: none; margin-bottom: 0; margin-left: 0; } #subpage .admin_menu ul li { display: inline-block; margin-bottom: 15px; } #subpage .admin_menu ul li:after { content: "|"; color: #d2d2d4; padding-left: 10px; padding-right: 10px; } #subpage .admin_menu ul li:last-child:after { content: ""; } #subpage ul.admin_menu { text-align: right; list-style: none; margin-bottom: 0; } #subpage ul.admin_menu li { display: inline-block; margin-bottom: 15px; } #subpage ul.admin_menu li:after { content: "|"; color: #d2d2d4; padding-left: 10px; padding-right: 10px; } #subpage ul.admin_menu li:last-child:after { content: ""; } /*********************************************************** main -- START OF DYNAMIC PRODUCT PAGE ENTRIES ***********************************************************/ #subpage main h1 { display: block; position: static; } #subpage div.h1 { margin: 10px 0 10px 0; padding: 5px 0 5px 12px; background: #f4f4f4; border-bottom: 0; } #subpage div.h1 h1 { margin: 5px 0 5px 0; font-weight: normal; font-size: 18px; color: #5f6062; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 300; background: transparent; position: static; letter-spacing: 0.05em; text-align: center; } #homepage ol.breadcrumb { display: none; } .row.breadcrumbs > div.col-sm-12 { padding-left: 20px; } ol.breadcrumb { background: white; border-radius: 0; border-bottom: 1px solid #eeeff0; color: #5f6062; font-size: 12px; margin-bottom: 0; } ol.breadcrumb a { color: #9fa1a4; margin-bottom: 0; } ol.breadcrumb { margin-bottom: 0; padding-left: 0; letter-spacing: 0.1em;} #searchable_pages { visibility: hidden; height: 20px; overflow: hidden; } #footer .phone a { color: white; } .warn { color: #FF6600; } /*********************************************************** product filter ***********************************************************/ div.col-sm-4 { min-height: 130px; padding-bottom: 40px; } form#narrow {marin: 0; padding: 0; } form#narrow h1 { color: #5f6062; font-size: 16px; font-weight: bold; background: #5f6062; color: white; margin:0; padding: 10px; font-weight: normal; font-size:14px; } form#narrow h2 { color: #768794; font-size: 16px; font-weight: bold; } form#narrow ul { margin: 0; padding: 0 0 0 4px; list-style: none; } .picon { text-align: center;} .picon img { border: 1px solid #eeeff0; margin-bottom: 5px; } #gallery li.picon { list-style: none; } .picon a { color: #5f6062; } li.checkbox { margin-left: 20px; } .checkbox label { color: #5f6062; line-height: 28px;} .checkbox.disabled label { cursor: not-allowed; color: #abacae; } .checkbox input { line-height: 80px; } .checkbox.remove { margin-left: 0; padding-left: 0; padding-top: 0; margin-top: 0; margin-bottom: 0; } .checkbox.remove span.btn-border { border: 1px solid #F26532; padding: 1px; margin:0; line-height: 15px; } .checkbox.remove span.btn-border span.btn { border-radius: 0; padding: 0; margin: 0; font-size: 16px; width: 16px; line-height: 16px; } #search_results { width: 100%; float: left; clear: both; } .navbar-toggle { border: 2px solid #ce562b; border-radius: 0; padding: 2px 10px 2px 10px; float: right; color: #ce562b; font-weight:bold;} .nav h1, .nav h2 { padding-left: 25px!important; } .navbar-toggle span.glyphicon { padding: 5px 5px 5px 15px; color: #ce562b; } #filter .navbar-collapse { position: absolute; width: 70%; z-index: 400; background: #d9d9d9; opacity: .95;} form#narrow .nav h1 { padding:15px 0 15px 0; } form#narrow .nav h1 button { background: #f26532; border-color: #5F6062; color: white; line-height: 12px; font-size:18px; margin:0; padding: 0 4px 5px 4px; text-align:center; } form#narrow .nav h1 span { float: right; border: 1px solid #f26532; margin: 3px 30px 10px 0; } form#narrow .nav .selection h1 { padding-bottom: 0; } form#narrow .col-sm-3 img { width: 95%; margin: 40px 2.5% 0 2.5%; } /*********************************************************** Product Filter - Pagination ***********************************************************/ #subpage main .pagelist { float: right; clear: none; width: 100%; padding: 0 20px 10px 0; margin: 0 5px 5px 5px; text-align: right;} #subpage main .pagelist li { display: inline-block; list-style: none; } #subpage main .pagelist li.viewing { width: 100%; text-align: inherit; } #subpage main .pagelist li.radio { border: 1px solid #dedede; background: #dedede; margin-left: 4px;} #subpage main .pagelist span.jump_ia { border: 1px solid #e2e2e2; color: #e2e2e2; padding: 4px 8px 4px 8px; margin-left: 4px; font-weight: bold; } #subpage main .pagelist li.radio.selected { border: 1px solid #93acbf; } #subpage main .pagelist li.selected label { background-color: #93acbf; } #subpage main .pagelist li:hover label { background-color: #93acbf; } #subpage main .pagelist li label { display: inline-block; border: 1px solid white; width: 25px; height: 25px; text-align: center; color: #828a8f; text-decoration: none; cursor: pointer; margin-bottom: 0; padding-top: 3px; color: white; font-weight: bold; } #subpage main .pagelist input[type=radio] { display: none; } /*********************************************************** product detail ***********************************************************/ #fabfinishes li { display: inline-block; list-style: none; } #fabfinishes img { max-height: 120px; } #content { margin-top: 30px; margin-left: 30px; width: 330px; height: 271px; border: 1px dotted #dddddd; } #subpage #tabs { text-align:center; font-size: 10px; } #subpage #tabs h2 { text-align: left; } #subpage #tabs h3 { text-align: left; margin-top: 30px; } #subpage #tabs a { font-size: 12px; } #subpage #tabs ul { list-style: none; } #subpage #tabs ul li { margin-top: 20px; } #subpage #tabs img { width: 95%; border: 1px solid #eeeff0; } #subpage #tabs #tabs-4 .row { padding-top: 10px; } #subpage #tabs .overview { text-align: left; } #subpage #tabs .overview a { font-size: 14px; } #subpage #tabs .overview ul { list-style: disc; } #subpage #tabs .overview ul li { margin-top: 10px; } #subpage #tabs .typical { font-size: 10px; } #subpage main .accessories li.picon { list-style: none; } #subpage main li.picon.col-xs-6:nth-child(odd) { clear: left; } .detail-gallery { clear: both; } /*********************************************************** product detail - tabs ***********************************************************/ #subpage #tabs { color: #5f6062; font-size: 14px; margin: 0; } #subpage #tabs h2 { color: #5f6062; font-size: 18px; margin-bottom: 20px; font-weight: bold; margin-top: 30px; } #subpage #tabs h2:first-of-type { font-weight: normal; } #subpage #tabs #tabs-4 h2:first-of-type { font-weight: bold; } #subpage #tabs h3 { color: #768794; font-size: 16px; font-weight: bold; } #subpage #tabs > div h1 { background: #5f6062; color: #abacae; width: 98%; text-align: center; padding: 15px; font-size: 12px; text-transform: uppercase; margin-bottom: 20px; } #subpage #tabs > ul { display: none; margin-left: 0; } #subpage #tabs .ui-tabs-panel a { color: #f26532; text-decoration: underline; } #subpage #tabs div.portfolio_box a { text-decoration:none; color: #5f6062; } #subpage .section ul.ui-tabs-nav { padding-top: 10px; } .ui-tabs .ui-tabs-panel { padding: 0; } .section .ui-widget-header { border: 0; background: white; } .section .ui-widget-content { border: 0; color: #5f6062;} .section .ui-tabs li span { display: inline-block; position: absolute; top: 48px; left: 40%; width: 25px; height: 13px; } .section .ui-tabs li.ui-state-active { position: relative; } .section .ui-tabs li.ui-state-active span { background: transparent url("/products/images/navarrow.jpg") no-repeat; } .section .ui-tabs li.ui-state-active a { color: white; border: 0; background: #abacae; } .section .ui-tabs li.ui-state-active a:focus { outline: 0; } .selection label { color: #f26532; } #subpage .ui-widget-content .ui-state-default { border: 0px; border-left: 1px solid #49494b; border-radius: 0; } #subpage .ui-widget-content .ui-state-default:first-child { border-left: 0; } /*********************************************************** product detail - gallery ***********************************************************/ div.portfolio #col1 { width: 455px; padding-right: 0; } div.portfolio_box { float: left; width: 108px; margin: 0 10px 20px 0; } div.portfolio_box img { display: block; width: 106px; height: 106px; border: 1px solid #eeeff0; } div.portfolio_box a { color: #5f6062; } div.portfolio_box strong { display: block; margin: 10px 0 0 5px; } div.portfolio_box span { display: block; margin: 0 0 0 5px; } div#portfolio_images h1, div#portfolio_images h2 { display: none; } span.cms_hideme { display: none; } #cms_overall span.cms_hideme { display: inline; } #DOMWindow { overflow: hidden; } .ad-gallery { width: 80%; } .ad-gallery, .ad-gallery * { margin: 0; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%; height: 350px; margin-bottom: 10px; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { background: url("/products/images/ad-gallery/non-existing.jpg"); }/* Or else IE will hide it */ .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url("/products/images/ad-gallery/ad_prev.png"); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url("/products/images/ad-gallery/ad_next.png"); width: 30px; height: 30px; right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image a img { border: 0; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url("/products/images/ad-gallery/opa75.png"); color: #000; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { height: 20px; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; } .ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url("/products/images/ad-gallery/ad_scroll_back.png") 0px 22px no-repeat; } .ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background:url("/products/images/ad-gallery/ad_scroll_forward.png") 0px 22px no-repeat;} .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; list-style: none; width: 100%!important; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 3px solid #616161; display: block; } .ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #CCC; } .ad-preloads { position: absolute; left: -9000px; top: -9000px; } #main.portfoliotemplate .middle { width: 480px; } #main.portfoliotemplate #col2 { margin-right: 20px; } #main.portfoliotemplate .rightcol { width: 240px; } #thumbnailslider { padding-bottom: 10px; margin-bottom: 20px; height: 190px; } #cms_overall #thumbnailslider { height: auto; } div.portfolio_box { float: left; width: 135px; margin: 0 1px 20px 0; } div.portfolio_box strong { display: block; margin: 10px 0 0 5px; } div.portfolio_box span { display: block; margin: 0 0 0 5px; } div#portfolio_images h1, div#portfolio_images h2 { display: none; } div#portfolio_lightbox { width: 930px; color: white; } div#portfolio_lightbox a { color: white; } div#portfolio_heading { position: relative; padding: 25px 20px 15px 20px; color: white; background: #555658; line-height: 18px; } div#portfolio_heading .closebox { position: absolute; top: 5px; right: 5px; display: block; padding: 2px; background: #f26532; z-index:400; opacity: 100; margin:0; } div#portfolio_heading a#close_lightbox { display: inline-block; border: 1px solid #555658; font-weight: bold;font-size: 22px; width: 24px; height: 24px; text-decoration:none; text-align:center;} div#portfolio_heading .closebox:hover { background: #c38067; } div#portfolio_heading h1 { margin: 0 0 5px 0; font-weight: normal; font-size: 18px; color: white; } div#portfolio_heading p { margin: 0; font-size: 14px; } div#portfolio_images { margin: 20px 0 0 20px; color: white; } div#portfolio_information { margin: 20px 20px 10px 0; line-height: 22px; } div#portfolio_information h2 { margin: 0 0 15px 0; font-weight: normal; font-size: 18px; color: white; } div#portfolio_information h3 { margin: 10px 0 0 0; padding: 0; font-size: 12px; text-transform: uppercase; color: white; } div#portfolio_information p { margin: 0; color: #dadada; } div#portfolio_information ul { margin: 0; padding: 0; list-style: disc; } div#portfolio_information li { margin: 0 0 0 15px; padding: 0; list-style: disc; } div#portfolio_information a { color: #f26532; text-decoration:underline; } .ad-thumbs { width: 2000em; } .ad-thumbs img { max-height: 110px; } .GITheWall { margin: 0 0 50px 0; } .GITheWall li.hdr { width: 100%; } .GITheWall li.hdr h3 { width: 100%;clear: both;text-align: left;display: block; } #subpage .GITheWall ul { margin: 0; } #subpage .GITheWall ul li { cursor: pointer; overflow: hidden; font-size: 10px; } #subpage .GITheWall ul li.col-sm-2 { width: 49%; } #subpage .GITheWall ul li.col-sm-3 { width: 49%; } #subpage .GITheWall ul li.col-sm-4 { width: 49%; } #subpage .gallery .GITheWall ul li { text-align:center; } #subpage .gallery .GITheWall ul li img { display: block; max-width: 95%; width: auto; margin: 0 auto 0 auto; height: 110px; padding: 10px; margin-top: 40px;} #subpage .GI_TW_expander .GI_TW_close { font-size: 27px; color: #dddddd; top: -30px; right: 10px; } #subpage .GI_TW_expander .GI_TW_arrow { font-size: 30px; color: #dddddd; } #subpage .GI_TW_expander { margin: 50px 0 0 0; color: #dddddd; background: white; text-align: center; } #subpage .GI_TW_expander .GI_TW_arrow { top: 30%; } #subpage .GI_TW_expander .GI_TW_pointer { border-bottom-color: #dddddd;} .ajax { text-align: center; padding-top: 20px; } #subpage #tabs .ajax img { max-width: 100%; width: auto; } .glyphicon-chevron-right:before, .glyphicon-chevron-left:before { color: #dddddd;font-size:70px; font-weight: 100; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg { height: auto; padding-bottom: 10px; } .GI_TW_expander .GI_TW_expander-inner .GI_TW_fullimg img { width: 328px; height: 328px; } /*********************************************************** tooltips ***********************************************************/ #icons { position: relative; } #icons div.tooltips { position: relative; display: inline; text-align: left;} #icons div.tooltips span { position: absolute; width:270px; height: 130px; color: #5F6062; background: #E3E3E3; line-height: 18px; padding: 15px; font-size: 14px; display: none; border-radius: 6px; } #icons div.tooltips span strong { display: inline-block; margin-bottom: 5px; } #icons div:hover.tooltips span { display: block; bottom: 36px; left: 50%; margin-left: -76px; z-index: 999; } #icons div:hover.tooltips:hover { cursor: pointer; } #icons div.tooltips > span span { display: inline-block; position: absolute; top: 129px; left: 0; width: 100%; height: 25px; background: transparent url("/products/images/arrow_icon.gif") no-repeat; } /*********************************************************** dealers form ***********************************************************/ .dealers div.col-sm-2, .dealers div.col-sm-3, .dealers div.col-sm-4 { height: auto; border: 1px solid #cccccc;min-height:0; padding-bottom: 0; border:0;} .dealers select { width: 60%; padding: 5px;} .dealers .input[type=text] { width: 60%; padding: 5px; } .dealers input { border-radius: 0; } .jcarousel-wrapper { margin: 20px auto; position: relative; } .jcarousel-wrapper a:focus, .jcarousel-wrapper a:hover { text-decoration: none; outline: 0; } .jcarousel div { padding-bottom: 20px; text-align: center; } .jcarousel img { display: block; max-height: 140px; max-width: 100%; border: 1px solid #eeeff0; margin: 0 auto 0 auto; } .related h1 { font-size: 16px; font-weight: bold; } .related a { color: #5f6062; font-size: 12px; } /*********************************************************** Icons: Word, PDF, powerpoint etc ***********************************************************/ /* generate file type and external link icons because that's neat-o */ #subpage #main a[rel~="external"], #subpage #main a[target="_blank"] { padding-right: 15px; } #subpage #main a[href*=".pdf"], #subpage #main a[href*=".doc"], #subpage #main a[href*=".docx"], #subpage #main a[href*=".ppt"], #subpage #main a[href*=".pptx"], #subpage #main a[href*=".xls"], #subpage #main a[href*=".xlsx"], #subpage #main a[href*=".xlt"] { padding-right: 25px; } #subpage #main a[rel~="external"]:after, #subpage #main a[target="_blank"]:after { content: url(/images/icon_external_link_small.png); position: absolute; padding-left: 5px;} #subpage #main a[href*=".pdf"]:after { content: url(/images/icon_pdf_small.png); position: absolute; padding-left: 3px; } #subpage #main a[href*=".doc"]:after, #subpage #main a[href*=".docx"]:after { content: url(/images/icon_word_small.png); position: absolute; padding-top: 1px; padding-left: 4px; } #subpage #main a[href*=".ppt"]:after, #subpage #main a[href*=".pptx"]:after { content: url(/images/icon_powerpoint_small.png); position: absolute; padding-top: 1px; padding-left: 4px; } #subpage #main a[href*=".xls"]:after, #subpage #main a[href*=".xlsx"]:after, #subpage #main a[href*=".xlt"]:after { content: url(/images/icon_excel_small.png); position: absolute; padding-top: 1px; padding-left: 4px; } #subpage #main a.btn { padding-right: 25px; } #subpage #main a.btn:after { display: none; } /*********************************************************** ZOOM SEARCH SETTINGS ***********************************************************/ .highlight { background: #FFFF40; } .searchheading { font-size: 130%; font-weight: bold; } .summary { font-size: 80%; font-style: italic; } .suggestion { font-size: 100%; } .results { font-size: 100%; } .category { color: #999999; } .sorting { text-align: right; } .result_title { font-size: 100%; } .description { font-size: 100%; color: #008000; } .context { font-size: 100%; } .infoline { font-size: 80%; font-style: normal; color: #808080;} .zoom_searchform { font-size: 100%; } .zoom_results_per_page { font-size: 80%; margin-left: 10px; } .zoom_match { font-size: 80%; margin-left: 10px;} .zoom_categories { font-size: 80%; } .zoom_categories ul { display: inline; margin: 0px; padding: 0px;} .zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; } input.zoom_button { } input.zoom_searchbox { } .result_image { float: left; display: block; } .result_image img { margin: 10px; width: 80px; border: 0px; } .result_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; } .result_pages { font-size: 100%; } .result_pagescount { font-size: 100%; } .searchtime { font-size: 80%; } .recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; } .section { background: white; } .recommended_heading { float: right; font-weight: bold; } .recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; } .recommend_title { font-size: 100%; } .recommend_description { font-size: 100%; color: #008000; } .recommend_infoline { font-size: 80%; font-style: normal; color: #808080;} @media (min-width: 767px) { .utilitynav { display: block; margin-top: 5px; text-transform: uppercase;} .utilitynav ul { padding: 5px 0 0 0; margin: 0; } .utilitynav li { list-style: none; margin-bottom: 10px; float: left; clear: none;padding-right: 10px; } .utilitynav li a { color: #9fa1a4; } .utilitynav form { margin-right: 30px; } .utilitynav input#headerquery { background: #4d4e4f; border: 0px; height: 33px; padding-left: 10px; color: #93acbf; } .feature img { margin-bottom: 0; } .tree { color: #000000; border-width: 0; border-color: #000000; border-style: solid; padding-right: 0px; padding-left: 0px; text-decoration: none; } .tree:hover { color: #000000; text-decoration: underline;} ul#tree1 { margin: 0px; padding: 0px; } ul.mktree li { list-style: none; } /* Turn off list bullets */ ul.mktree, ul.mktree ul , ul.mktree li { margin-left:0px; padding:0px; } /* Control how "spaced out" the tree is */ ul.mktree li .bullet { padding-left: 20px; } /* Provide space for our own "bullet" inside the LI */ ul.mktree li.liOpen .bullet { cursor: pointer; background: url(/img/ImgDownArrow.gif) center left no-repeat;} ul.mktree li.liClosed .bullet { cursor: pointer; background: url(/img/ImgRtArrow.gif) center left no-repeat; } ul.mktree li.liOpen ul { display: block; } ul.mktree li.liClosed ul { display: none; } ul.mktree li { padding: 4px; padding-left: 0px; font-weight: normal;} ul.mktree li ul li { padding: 3px; padding-left: 21px;font-weight: normal;} ul.mktree li ul li ul li { padding: 3px; padding-left: 31px;} ul.mktree li ul li ul li ul li { padding: 3px; padding-left: 41px;} ul.mktree ul { padding: 0px; margin: 0px;} .navbar-nav .dropdown:hover > .dropdown-menu { display: block; } .navbar-nav .glyphicon-minus, .navbar-nav .glyphicon-plus, .navbar-nav .open .glyphicon-minus, .navbar-nav .open .glyphicon-plus { display: none; } .navbar-inverse .navbar-nav > li > a { border: 0; } .navbar-collapse { float: right; clear: none; width: 100%; background: #5F6062; } .navbar-collapse .navbar-nav > li:nth-child(1) { margin-left: 0; padding:0; } .navbar-brand { width: 23%; } .navbar .container { width: 77%; float: right; clear: none; padding: 0; } .navbar-nav > li { margin-top: 10px; } .navbar-nav > li a { padding: 2px 0 3px 0; } .navbar-nav.navbar-right { width: 100%; } .navbar-nav.navbar-right:last-child { margin-right: 0; } .navbar-inverse .navbar-nav > li li { background: #ececec; border: 0; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background: #555658; color: white; } .navbar-right .dropdown-menu { right: auto; background: #ececec; width: 74%; } .navbar-right .dropdown-menu li a { padding-right: 80px; } .navbar-right .dropdown-menu > li > a { white-space: normal; } #myCarousel { margin-bottom: 175px; background: #83B9C7 url('/images/background_indicators.png') left bottom repeat-x;} .carousel { height: 100%; } .carousel-inner { width: 100%; height: 399px; } .carousel-caption { text-align: left; left: 0; right: 0; height: auto; top: 278px; padding-left: 5%; padding-right: 5%; height: 121px; } .carousel-caption { background: transparent url('/images/background_indicators.png') left bottom repeat-x;} .carousel-caption h1 { font-size: 20px; margin: 0;font-weight: bold; margin-bottom: 5px;} .carousel-caption p { width: 70%; float: left; } .carousel-caption .btn { margin-top: 0;} .section, .section-colored { background-color: #f1f1f1;} .section.welcome { padding-top: 20px; padding-bottom: 45px; } .tab-pane { margin-top: 15px; } .item, .fill { display: block; width: 100%; height: 100%; background-position: center; background-size: cover; } .OuterIndicator { position: absolute; width: 100%; text-align: center; top: 265px; height: 280px; } .carousel-indicators { display: inline-block; text-transform: uppercase; font-weight: bold; width: 100%; max-width: 1170px; padding:0; margin-left: 0; position: static; margin-top: 120px; } .carousel-indicators a { text-decoration: none; text-align: center;} .carousel-indicators a:hover { text-align: center;} .carousel-indicators li { border: 0px; cursor: pointer; margin: 0; text-indent: 0; width: 12.1%; color: #9fa1a4;vertical-align: top;height: 120px;padding-top: 55px;} .carousel-indicators li span.text { vertical-align: top; display: block; color: #9FA1A4} .carousel-indicators li span.icon { display: inline-block; font-size: 63px; color: #9fa1a4; margin-top: 0; } .carousel-indicators li.active { width: 12%; border-radius: 0; margin: 0; background: transparent url("/images/arrow.png") center top no-repeat;no-repeat; color: #5f6062; z-index: 400; position: relative;} .carousel-indicators li.active span { text-transform: uppercase; color: #5f6062;} .col-md-3.quicklinks { display: block; background: white; margin-top: 25px;padding:0;} .col-md-3.quicklinks h1 { background: transparent url("/images/quick_links.png") repeat-x; color: white; font-size: 16px; padding: 10px 0 10px 30px; width: 100%;margin: 2px 0 0 0;} .col-md-3.quicklinks ul { margin-left: 0; } .col-md-3.quicklinks li { color: #abacae; font-size: 12px; padding-top: 5px; padding-bottom: 5px; margin-left: 0; } .col-md-3.quicklinks li a { font-size: 14px;} #sidebar { padding-right: 15px; padding-left: 15px; /*border-right: 1px solid #dfdfdf;*/ } #sidenav { padding: 0; border-bottom: 1px solid #dfdfdf; } #sidenav ul:last-child { padding-bottom: 20px; } #sidebar nav h1 { margin-top: 15px; } #sidenav h2 { padding: 0; border-top: none; } #sidebar nav h1 a { display: block; margin: 0 0 5px 0; padding: 0; background: none; border-top: none; border-bottom: none; } #subnav li a { margin: 0 0 5px 0; padding-left: 15px; line-height: normal; background: none; border-bottom: none; } #subnav ul a { padding-left: 30px; background: white; } #subnav ul ul a { padding-left: 45px; background: white; } #subnav ul ul ul a { padding-left: 60px; background: white; } #subnav ul ul ul ul a { padding-left: 75px; background: white; } aside { margin-left: 0; } #subpage .GITheWall ul li.col-sm-2 { width: 16.6667%; } #subpage .GITheWall ul li.col-sm-3 { width: 25%; } #subpage .GITheWall ul li.col-sm-4 { width: 33.3%; } #filter .navbar-collapse { position: static;width: 100%; } aside img { display: block; margin: 0 auto 0 auto; } aside p, aside #text-search { margin-left: 0;} form#narrow .nav h1 span { border: 0; } #subpage main .pagelist { max-width: 480px; } #subpage main .pagelist li.viewing { /*text-align: left;*/ } #subpage #subpage #tabs > div h1 { background: none; width: auto; text-align: left; padding: 0; color: #5f6062; } #subpage .mobile { display: none; } form#narrow h1 { color: #5f6062; font-size: 16px; font-weight: bold; background: none; margin: 20px 0 0 0; padding: 0; } form#narrow h2 { margin: 5px 0 5px 0; margin: 5px 0 5px 0; padding: 10px 0 0 0; border-top: 1px solid #f4f4f4; } form#narrow ul { padding: 0; } form#narrow li.checkbox { margin: 0; } #subpage div.h1 { margin: 10px 0 10px 0; } #filter .nav { position: static; width: 100%; background: white;} #header .nav { background: #5F6062; } .nav h1, .nav h2 { padding-left: 0!important; } li.checkbox { margin-left: 0; } #sidebar { margin-left: -15px; margin-right: 15px; } #sidebar > img { } #subpage #tabs ul { display: block; } #subpage #tabs > div { margin-left: 0; } #subpage main section .row .col-sm-3 { margin-bottom: 40px; } #subpage .section ul.ui-tabs-nav { height: 50px; padding: 0; border-radius: 0; } .section .ui-tabs a.ui-tabs-anchor { background-color: #5f6062; color: #abacae; padding: 0 28px 0 28px; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 50px; } .section .ui-tabs a.ui-tabs-anchor:before { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 1px; height: 35px; background: #49494b; } .section .ui-tabs li.ui-tabs-active a.ui-tabs-anchor:before, .section .ui-tabs li:first-child a.ui-tabs-anchor:before { display: none; } #subpage .ui-widget-content .ui-state-default { border: none; } .section .ui-tabs li span { top: 50px; } div.portfolio_box { margin: 0 10px 20px 0; } div.portfolio_box:nth-child(even) { float: left; } div.related { background: url(../products/images/rule-shadow.gif) repeat-x top left; } #subpage main li.picon.col-xs-6:nth-child(odd) { clear: none; } #subpage main li.picon.col-sm-2:nth-child(6n+1), #subpage main .gallery li.picon.col-sm-3:nth-child(4n+1) { clear: left } footer ul { margin: 0 0 20px 0; padding: 0; list-style: none; } footer ul li { margin: 0; padding: 0; } footer ul li a { float: left; margin-right: 30px; margin-bottom: 20px; padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: normal; letter-spacing: 0.1em; text-transform: uppercase; color: #e3e3e3; border-bottom: 2px solid #768794; } footer ul li a.active { border-color: #f26532; } footer ul li a:hover { color: white; text-decoration: none; border-color: #f26532; } footer address { margin: 0; } footer #brownboots a, footer #brownboots a:hover { color: #e3e3e3; } #subpage .gallery .GITheWall ul li img { height: 110px; } } @media (min-width: 781px) { .utilitynav li { padding-right: 20px; } } @media (max-width: 767px) { .carousel { height: 70%; } } @media (min-width: 992px) { footer #brownboots { display: inline; } #subpage div.h1 h1 { text-align: left; } .section .ui-tabs a.ui-tabs-anchor { padding: 0 18px 0 18px; } aside p, aside .btn-100 { width: 100%; } #subpage .gallery .GITheWall ul li img { height: 158px; } } @media (min-width: 1200px) { #subpage .gallery .GITheWall ul li img { height: 168px; }