main { display: block; } #ipsLayout_body { z-index: 1000; margin: 0 auto; /*margin-top: 20px;*/ } #ipsLayout_contentArea { display: table; width: 100%; /*box-shadow: 0px 5px 35px rgba(0,0,0,0.05);*/ } #ipsLayout_contentWrapper { width: 100%; /*box-shadow: 0px 2px 2px rgba(0,0,0,0.1);*/ } #ipsLayout_mainArea, #ipsLayout_sidebar { display: table-cell; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; } body.no_sidebar #ipsLayout_sidebar { display: none; } body.no_sidebar #ipsLayout_mainArea, #ipsLayout_mainArea:only-child { display: block; /*padding-right: 0;*/ } #ipsLayout_mainArea { background: #fff; width: 100%; min-height: 350px; padding: 15px; /*border: 1px solid rgba(0,0,0,0.06);*/ } .ipsLayout_container { max-width: 1340px; padding: 0 15px; margin: 0 auto; position: relative; } /* Fixed column sizing */ .ipsColumns { width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; /*padding-right: 10px; make sure the correct spacing exists on the right side */ } .ipsColumns.ipsColumns_horizontalSpacing, .ipsColumns.ipsColumns_verticalSpacing, .ipsColumns.ipsColumns_bothSpacing, .ipsColumns.ipsColumns_noSpacing { border-collapse: separate; } .ipsColumns.ipsColumns_horizontalSpacing { border-spacing: 15px 0; } .ipsColumns.ipsColumns_verticalSpacing { border-spacing: 0 15px; } .ipsColumns.ipsColumns_bothSpacing { border-spacing: 15px; } .ipsColumn { display: table-cell; position: relative; vertical-align: top; /*padding-right: 15px;*/ /* 15px padding to emulate cell spacing /*right: -10px; pull each cell right to create spacing */ } .ipsColumn_veryNarrow { width: 50px; } .ipsColumn_narrow { width: 120px; } .ipsColumn_medium { width: 200px; } .ipsColumn_wide { width: 280px; } .ipsColumn_veryWide { width: 360px; } .ipsColumn_fluid { width: 100%; }