
.binHeaderCell {
    font-weight: bold;
    
}
    .binHeaderCell, .binContentCell {
    	  padding-bottom: 16px;
    }
table.content-table td {
    border: 0px solid #eee;
    width: auto;
}

table.content-table-2 {
	width: 880px;
}
table.content-table-2 th {
  padding:6px 6px 6px 12px;
}
table.content-table-2 td {
  border: 1px solid;
  width: auto;
  padding:6px 6px 6px 12px;
}

.profile {
    margin: 10px auto;
    width: 880px;
}

.prof-menu {
    width: 880px;
    margin: 0 auto;
}

/* Shopping Cart */
table.shopping-cart-menu {
    margin: 20px 0;
    width: auto !important;
}
table.shopping-cart-menu td a {
	  margin-right: 20px;
}

/* spacing for LevitonDirectItemEntry.jsp */
.die-table-row {
    margin: 10px 0;
}

/* Use only if footer links are removed
.footer-about {
    width: 100%;
    background: none;
}*/
		
		tr.inline {
			display: inline-block;
			width: 100%;
}

/* Tablets*/
@media (max-width: 960px) {
    /* nested tables shouldn't have extra spacing */
    table {
        margin: 0px;
    }

		table.content-table-2 {
			width: 100%;
		}

    .binHeaderCell, .binContentCell {
    	  padding-bottom: 16px;
    }

    /* re-position on top nav changes */
    #nav ul {
        /*top: 83px;*/
    }

    #global-sites ul {
        /*top: 118px;*/
        left: 3px;
        z-index: 50002;
    }

    span.footNote {
        display: block;
        margin: 2px 0;
        font-size: 9pt;
    }

    .profile {
        margin: 20px 3.5% 15px 3.5%;
    }

    .prof-menu {
        width: auto;
        margin: 0 auto;

        padding: 10px 3.5%;
    }

    .prof-menu-sidebar {
        width: 30%;
    }

    .prof-menu-sidebar-table td {
        padding-bottom: 10px;
    }

    /* Match page title padding with body */
    .page-title h1 {
        width: calc(100% - 7%);
        padding: 10px 3.5%;
    }

    #searchbox input[type="text"] {
        max-width: calc(100% - 30px) !important;
    }

    .image-widg div {
        background-size: 90% !important;
    }

    /* Login */
    #login-app-banner {
        position: relative;
        width: 100%;
        height: auto;
        padding-bottom: 90px;
    }

    #login-phone {
        top: auto;
        bottom: 0px;
        left: 20px;
        width: 100px;
        height: 89px;
        background-size: 100% auto;
        background-position: center bottom;
    }

    #login-app-text {
        width: calc(100% - 40px);
        padding: 20px;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .form-input table {
        margin-top: 0;
    }

    /* Footer */
    #footer {
        padding: 0px 2% 20px 2%;
    }

    .footer-about {
        width: calc(100% - 3%);
    }

    .footer-about a {
        margin-right: 2px;
    }
}

/* Mobile device */
@media (max-width: 580px) {
    body {
        overflow: hidden;
    }

    .hide-mobile {
        display: none;
    }

    /* Password */
    label {
        font-weight: bold;
    }
    label.form-label {
        display: block;
    }
    
    td.prompt {
    	  text-align: left
    }
    
    table.shopping-cart-menu {
		    margin: 0;
		}
		table.shopping-cart-menu td {
			  margin-bottom: 10px;
		}

    /* User Profile Sidebar ibeCAcdProfMenuSideBar.jsp */
    .prof-menu-sidebar {
        width: 100%;
    }

    .prof-menu-sidebar-table tr {
        display: inline-block;
    }

    .prof-menu-sidebar-table td {
        display: inline;
        padding-bottom: 0;
    }

    /* Profile Tabs ibeCAcdProfMenuL4.jsp */
    .prof-menu-4l-table tr {
        display: inline-block
    }

    .prof-menu-4l-table td {
        width: auto;
        display: inline;
    }

    form table td, .form-wrapper table td {
        text-align: left;
        margin-bottom: 10px;
    }

    #divChildren_root table td {
        display: table-cell;
        width: auto;
    }

    .image-widg div {
    / 3 background-image: none;
        background-size: 90%;
    }

    #global-sites ul {
        left: 3px;
    }

    table.responsive-table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table tr, .responsive-table td {
        display: block;
    }

    table.responsive-table > thead > tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.responsive-table > tbody > tr {
        border: 1px solid #ccc;
    }

    table.responsive-table > tbody > tr > td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        padding-right: 6px;
        margin-bottom: 0;
    }

    table.responsive-table > tbody > tr > td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    table.responsive-table > tbody > tr > td.spanable {
        padding-left: 6px;
    }

    table.responsive-table > tbody > tr > td table tbody {
        width: auto;
    }

    table.responsive-table input, select, textarea {
        width: inherit !important;
    }

    table.responsive-table > tbody > tr > td:before {
        content: attr(data-before);
        font-weight: bold;
        text-align: center;
    }
    
    table.responsive-table > tbody > tr > td.empty:before {
        content: '';
        width: auto;
    }
    table.responsive-table > tbody > tr > td.empty {
        padding-left: inherit;
    }
    
    /* paging */
    table.table-nav td {
    	display: table-cell
    }

    /* nested cells shouldn't have padding */
    table.responsive-table > tbody > tr > td table tbody,
    table.responsive-table > tbody > tr > td table tbody {
        width: auto;
    }

    table.responsive-table td.tableDataCell td,
    table.responsive-table td.tableDataCell td {
        padding: 0;
        margin: 0;
    }
}

.content-table, .content-table-2 {
    margin-bottom: 20px;
}