.cds-content {
    position: relative;
    text-align: left;
    overflow-y: hidden;
    vertical-align: top;
}

.cds-content ul {
    margin: 0;
    padding: 0;
}

.cds-content table {
    border-collapse: collapse;
}

.cds-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #aaa;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    z-index: 1001;
}

.cds-float-right {
    float: right;
}

.cds-float-left {
    float: left;
}

.cds-clear-both {
    clear: both;
}

.cds-hidden {
    display: none;
}

.cds-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.cds-clearfix {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.ui-dialog {
    text-align: left;
}

.cds-odd {
}

.cds-even {
    background-color: #f0f0f0;
}

/* ================================== */
/*          bread crumbs              */
/* ================================== */

ul.cds-crumbs {
    padding: 0 0 1em;
}

.cds-crumbs li {
    display: inline;
    color: #999;
    list-style-type: none;
}

.cds-crumbs li a {
    color: #999;
}

.cds-crumbs li a:hover {
    color: #666;
}

.cds-crumbs span {
    padding: 0 0.5em;
}

/* ================================== */
/*          faceted search            */
/* ================================== */

.cds-facet-container {
    float: left;
    width: 15em;
    background-color: #fff;
    color: #333;
}

.cds-facet-container li {
    list-style-type: none;
}

.cds-facet-container h4 {
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
    padding: 0 1em 1em 0;
    margin: 0;
    text-transform: uppercase;
}

.cds-facet-container h4 a {
    float: right;
    display: block;
    text-align: right;
    font-weight: normal;
    cursor: pointer;
    text-transform: none;
}

.cds-facet-container h4 a:hover {
    text-decoration: underline;
}

ul.cds-category-list {
    padding-bottom: 2em;
}

.cds-category-list li {
    padding: 0.25em 1em;
}

.cds-category-list li a {
    display: block;
    text-decoration: none;
    color: #666;
}

.cds-category-list li a:hover {
    text-decoration: underline;
}

.cds-category-list li.cds-category-list-crumb {
    padding-left: 0;
}

.cds-category-list li.cds-category-list-current {
    color: #666;
    font-weight: bold;
    padding-left: 0;
}

#cds-attribute-loading-container {
    padding: 1em;
    text-align: center;
}

.cds-attribute-list {
    background-color: #f2f2f2;
    /* border-bottom: 1px solid #ccc; */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.cds-attribute-list h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.75em 0.5em 0.5em 0.75em;
    border-top: 1px solid #fff;
    text-transform: none;
    white-space: nowrap;
    vertical-align: top;
}

.cds-attribute-list h4.collapsed {
    padding-bottom: 1em;
}

.cds-attribute-list h4 div {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    white-space: normal;
    cursor: pointer;
}

.cds-attribute-list h4 div.controls {
    font-size: 1.154em;
    line-height: 1em;
    margin-right: 0.2em;
}

.cds-attribute-list li {
    border-bottom: 1px solid #ccc;
}

.cds-attribute-list li.odd {
    background-color: transparent;
}

.cds-attribute-list h4 div.cds-facet-clear-link {
    display: block;
    font-weight: normal;
    cursor: pointer;
    color: #666;
    margin-top: 0.5em;
}

.cds-attribute-list h4 div.cds-facet-clear-link:hover {
    text-decoration: underline;
    color: #333;
}

.cds-facet-icon {
    font-weight: bold;
    font-size: 1.154em;
    cursor: pointer;
    width: .867em;
    vertical-align: top;
}

.cds-facet-tooltip-link {
    float: right;
}

.cds-product-details .cds-facet-tooltip-link {
    float: none;
    margin-left: 1em;
    font-size: 0.923em;
    font-weight: bold;
    color: #44c;
}

.cds-attribute-list .controls {
    padding: 1em;
}

.cds-attribute-list .controls button {
    margin-left: 0.3em;
}

.cds-attribute-list .controls input {
    width: 3.5em;
    margin-left: 0.3em;
    color: #666;
}

.cds-attribute-list .controls input.selected {
    color: #333;
    font-weight: bold;
}

.cds-attribute-list .controls input:first-child {
    margin-left: 0;
    margin-right: 0.3em;
}

ul.cds-attribute-value-list {
    max-height: 10em;
    overflow: auto;
    margin: 0 0.5em 0.75em;
}

.cds-attribute-value-list input[type="checkbox"] {
    margin: 0 0 0.25em 0;
    width: 1.25em;
    vertical-align: top;
}

.cds-attribute-value-list li {
    /* padding: 0 0.5em 0 0.75em; */
    padding: 0;
    margin: 0;
    border: none;
    color: #666;
    cursor: pointer;
}

.cds-attribute-value-list li div {
    display: inline-block;
    margin-left: 0.5em;
    width: 10em;
}

.cds-attribute-value-list li span {
    margin-left: 0.5em;
    color: #999;
}

.cds-attribute-value-list li a {
    margin: 0 1em;
    padding: 0;
    cursor: pointer;
}

.cds-attribute-value-list li:hover {
    text-decoration: underline;
    background-color: #ddd;
    color: #333;
}

.cds-attribute-value-list .selected {
    font-weight: bold;
    /*
    background-color: #999;
    background-image: url("../images/attribute-selection-remove.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    color: #fff;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    */
}

.cds-attribute-value-list .selected:hover {
    background-color: #aaa;
    color: #fff;
}

/* ================================== */
/*          category browse           */
/* ================================== */

.cds-browse-container {
    margin-left: 16em;
}

.cds-browse-container h2 {
    padding: 1em 0 0.5em;
}

.cds-browse-container .head {
    padding: 1em 1em 1em 0;
    margin: 0;
    /*
    margin: 0 0 1em 0;
    border: 1px solid #ccc;
    */
}

.cds-browse-container .head img {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 0;
    margin-right: 2em;
    max-width: 100%;
}

.cds-browse-container .head p {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    font-size: 1.077em;
    color: #666;
    width: 66%;
}

.cds-browse-list li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    text-align: center;
    border: 1px solid #ccc;
    /* right margin .25 less because of inline block whitespace */
    margin: 0 0.75em 1em 0;
    padding: 1em;
    list-style-type: none;
    cursor: pointer;
    color: #333;
    /* should override */
    /* width: 15em; */
}

.cds-browse-list h3 {
    font-size: 1.231em;
    padding: 0.813em 0 0.4065em;
    /* text-align: left; */
}

.cds-browse-list a {
    border: none;
    text-decoration: none;
    color: #333;
}

.cds-browse-list img {
    border: none;
}

.cds-browse-list img:hover {
    opacity: 0.8;
}

.cds-browse-list li a:hover {
    text-decoration: none;
}

.cds-browse-list li a:hover h3 {
    text-decoration: underline;
}

/* ================================== */
/*      product list controls         */
/* ================================== */

#cds-product-loading-container {
    text-align: center;
    margin-top: 5em;
}

#cds-product-loading-container div {
    font-size: 1.231em;
    margin-top: 1em;
}

#cds-product-container table tr td {
    border: 0;
}

.cds-product-container-controls {
    width: 100%;
    color: #666;
    white-space: nowrap;
}

.cds-product-container-controls td {
    vertical-align: top;
    text-align: center;
    padding: 0.5em 0.5em 0;
}

#cds-product-controls-count {
    width: 25%;
    text-align: left;
}

#cds-product-controls-table,
#cds-product-controls-list,
#cds-product-controls-grid {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    min-width: 18px;
    min-height: 18px;
    padding-right: 1em;
}

#cds-product-controls-grid {
    background: url("../images/grid.png") no-repeat scroll center center transparent;
}

#cds-product-controls-grid.selected,
#cds-product-controls-grid:hover {
    background: url("../images/grid-selected.png") no-repeat scroll center center transparent;
}

#cds-product-controls-list {
    background: url("../images/list.png") no-repeat scroll center center transparent;
}

#cds-product-controls-list.selected,
#cds-product-controls-list:hover {
    background: url("../images/list-selected.png") no-repeat scroll center center transparent;
}

#cds-product-controls-table {
    background: url("../images/table.png") no-repeat scroll center center transparent;
}

#cds-product-controls-table.selected,
#cds-product-controls-table:hover {
    background: url("../images/table-selected.png") no-repeat scroll center center transparent;
}

#cds-product-controls-sort-label {
    width: 25%;
    text-align: right;
}

#cds-product-controls-sort-cell {
}

#cds-product-controls-sort-cell select {
    width: 10em;
}

#cds-product-controls-compare {
    width: 25%;
    text-align: right;
}

.cds-more-button {
    color: #999;
    display: block;
    margin: 1em 0;
    font-size: 1.231em;
    font-weight: bold;
    height: 2.25em;
    width: 100%;
    line-height: 2.25em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-color: #e7e7e7;
    background: linear-gradient(#f3f3f3, #e7e7e7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#e7e7e7));
    background: -webkit-linear-gradient(top, #f3f3f3, #e7e7e7);
    background: -moz-linear-gradient(top, #f3f3f3, #e7e7e7);
    background: -ms-linear-gradient(top, #f3f3f3, #e7e7e7);
    background: -o-linear-gradient(top, #f3f3f3, #e7e7e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3", endColorstr="#e7e7e7");
    border: 1px solid #ccc;
    border-radius: 0.4065em;
    -webkit-border-radius: 0.4065em;
    -moz-border-radius: 0.4065em;
    text-decoration: none;
}

.cds-more-button:hover {
    color: #666;
    background-color: #f3f3f3;
    background: linear-gradient(#e7e7e7, #f3f3f3);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#f3f3f3));
    background: -webkit-linear-gradient(top, #e7e7e7, #f3f3f3);
    background: -moz-linear-gradient(top, #e7e7e7, #f3f3f3);
    background: -ms-linear-gradient(top, #e7e7e7, #f3f3f3);
    background: -o-linear-gradient(top, #e7e7e7, #f3f3f3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7e7e7", endColorstr="#f3f3f3");
    border: 1px solid #ccc;
    box-shadow: none;
    text-decoration: none;
}

a.cds-more-anchor,
a.cds-more-anchor:hover {
    text-decoration: none;
}

#cds-unit-toggle-container {
    font-weight: normal;
    margin-bottom: 0.5em;
}

.cds-product-page #cds-unit-toggle-container {
    font-size: 0.833em;
    font-weight: normal;
    float: right;
}

#cds-unit-toggle-container label {
    margin-left: 0.2em;
    margin-right: 0.5em;
}



/* ================================== */
/*          product list              */
/* ================================== */

.cds-product-list li {
    list-style-type: none;
    padding: 1em;
    margin: 1em 0 0;
    border: 1px solid #ccc;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cds-product-list h3 {
    font-size: 1.385em;
    color: #666;
    padding: 0 0 0.361em;
}

.cds-product-list h3 div {
    float: right;
    font-size: 0.722em;
}

.cds-product-list h3 label {
    font-weight: bold;
    padding: 0 0.25em 0 0;
}

.cds-product-list p {
    color: #666;
    margin-bottom: 0.5em;
}

.cds-product-list a {
    color: #333;
}

.cds-product-list img {
    float: left;
}

.cds-product-list table {
}

.cds-product-list td {
    vertical-align: top;
    padding: 0.2em 0 0 2em;
    line-height: 1.1em;
}

.cds-product-list td label {
    font-weight: bold;
}

/* ================================== */
/*          product grid              */
/* ================================== */

.cds-product-grid li {
    list-style-type: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 15em;
    padding: 1em;
    /* right margin .25 less because of inline block whitespace */
    margin: 1em 0.75em 0 0;
    border: 1px solid #ccc;
    position: relative;
}

.cds-product-grid h3 {
    font-size: 1.385em;
    padding: 0 0 0.722em;
}

.cds-product-grid p {
    color: #666;
    margin-bottom: 0.5em;
}

.cds-product-grid a {
    color: #333;
}

.cds-product-grid img {
    margin-bottom: 1em;
}

.cds-product-grid ul li {
    margin: 0.25em 0 0;
    padding: 0;
    width: 15em;
    border: none;
}

.cds-product-grid label {
    font-weight: bold;
}

.cds-product-grid div {
    color: #666;
    margin: 1em 0 0 0;
    padding: 0;
}

.cds-compare-product-container {
    position: absolute;
    bottom: 1em;
}

.cds-product-grid div label {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    font-weight: bold;
}

.cds-product-grid div input {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
    padding: 0;
}

/* ================================== */
/*          product list table        */
/* ================================== */

.cds-product-list-table {
    width: 100%;
    margin-top: 2em;
    text-align: left;
}

.cds-product-list-table .cds-odd {
    background-color: #fff;
}

.cds-product-list-table .cds-even {
    background-color: #f0f0f0;
}

.cds-product-list-table thead {
    border-bottom: 1px solid #ccc;
}

.cds-product-list-table thead td {
    font-weight: bold;
}

.cds-product-list-table td {
    padding: 0.25em 0.5em;
    vertical-align: middle;
}

.cds-product-list-table td input {
    margin-left: 0;
    margin-right: 0.25em;
}

.cds-id-cell {
    white-space: nowrap;
}

/* ================================== */
/*      product compare               */
/* ================================== */

#cds-product-compare-table td {
    padding: 0.3em 1em;
    /* text-align: center; */
}

#cds-product-compare-table h3 {
    margin: 2em;
}

#cds-product-compare-table td.label  {
    white-space: nowrap;
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
}

#cds-product-compare-table thead {
    border: 1px solid #999;
}

#cds-product-compare-table thead td {
    border-right: 1px solid #999;
    padding-bottom: 1em;
}

#cds-product-compare-table tfoot td {
    border: 1px solid #999;
    padding: 1em;
}

#cds-product-compare-table tr.odd-row {
    background-color: #f0f0f0;
}

#cds-product-compare-table td.hilited-text {
    /* color: #f00; */
    font-weight: bold;
    font-style: italic;
}

#cds-product-compare-table tbody tr:hover {
    background-color: #999;
    color: #fff;
}

#cds-product-compare-table tr:hover td.hilited-text {
    color: #fff;
}

/* ================================== */
/*      dialog boxes                  */
/* ================================== */

#cds-auth-container {
    text-align: left;
    font-size: 13px;
}

#cds-login-header {
    font-weight: bold;
    margin-top: 2em;
}

#cds-login-form {
    white-space: nowrap;
    margin-top: 1em;
}

#cds-login-form input {
    margin: 0 0.25em;
}

#cds-login-form button {
    margin-left: 0.3em;
}

#cds-login-new-user-container div {
    font-weight: bold;
    margin-top: 2em;
}

#cds-registration-header {
    font-weight: bold;
    margin-top: 2em;
}

#cds-registration-form .header {
    font-weight: bold;
    padding-top: 1em;
}

#cds-registration-form .info {
    color: #d00;
}

#cds-registration-error, #cds-login-error {
    color: #d00;
    padding-top: 0.5em;
    font-weight: bold;
}

#cds-registration-form input, #cds-registration-form select {
    width: 300px;
    margin: 0.1em 0.25em;
}

#cds-registration-form label {
    padding-right: 1em;
}

#cds-registration-form .controls {
    text-align: right;
    padding-top: 1em;
}

#cds-login-error p {
    padding-top: 0.5em;
}

#cds-cad-request-dialog img {
    float: left;
    margin-right: 1em;
}

#cds-cad-request-dialog div {
    margin-bottom: 1em;
}

#cds-cad-request-dialog div.info {
    margin-bottom: 0;
}

/* ================================== */
/*          keyword search            */
/* ================================== */

.cds-keys-info {
    margin-bottom: 0.5em;
}

#cds-keys-results {
    margin-top: 1em;
}

#cds-keys-results h4 img {
    margin-right: 0.5em;
}

.cds-keys-results-table td {
    padding: 0.25em 0.5em;
}

.cds-keys-results-table thead td {
    font-size: 1.077em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

/* ================================== */
/*          rfq cart                  */
/* ================================== */

#cds-cart-header {
    text-align: right;
    margin-bottom: 0.5em;
}

#cds-cart-footer {
    text-align: right;
}

#cds-cart-table {
    clear: both;
    width: 100%;
    margin-top: 1em;
}

#cds-cart-table thead {
    clear: both;
    background-color: #d8d8d8;
    font-weight: bold;
}

#cds-cart-table thead td {
    padding: 3px 4px;
}

#cds-cart-table td {
    padding: 2px 4px;
}

#cds-cart-table td a {
    margin-left: 0.25em;
}

.cds-cart-cell-id {
    width: 200px;
}

.cds-cart-cell-description {
    width: 620px;
}

.cds-cart-cell-quantity {
    width: 100px;
}

.cds-cart-cell-controls {
    width: 42px;
}

/* ================================== */
/*      product details               */
/* ================================== */

.cds-product-icons {
    float: right;
}

.cds-product-icons a img {
    margin-left: 0.25em;
}

.cds-product-custom-header {
    clear: both;
    margin-top: 1em;
}

.cds-product-header {
    clear: both;
    margin-top: 1em;
}

.cds-product-image-container {
    float: left;
    margin: 0 2em 1em 0;
    border: 1px solid #ccc;
    width: 400px;
    height: 375px;
}

/* if we float this, we'll lose vertical-align for image */
.cds-product-image {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 400px;
    height: 375px;
}

.cds-product-image img {
    vertical-align: middle;
}

.cds-product-controls {
    float: left;
    max-width: 66%;
    margin-bottom: 1em;
}

.cds-product-page h1 {
    margin-top: 0;
}

.cds-product-page h2 {
    font-weight: normal;
    margin: 0;
}

.cds-product-page h2 span {
    font-weight: bold;
}

.cds-product-page h3 {
    clear: both;
    margin: 1em 0 0.5em;
}

.cds-product-cart {
    display: inline-block;
    margin-top: 2em;
    border: 1px solid #ccc;
    background-color: #fafafa;
}

.cds-product-cart table {
}

.cds-product-cart td {
    padding: 2em 0.5em 0.75em;
}

.cds-product-cart td.last {
    padding-top: 0.5em;
}

.cds-product-cart td.last,
.cds-product-cart tr:last-child td {
    padding-bottom: 2em;
}

.cds-product-cart td:first-child {
    font-size: 1.231em;
    font-weight: bold;
    padding-left: 2em;
    padding-right: 2em;
}

.cds-product-cart td.cds-buy-online-container {
    font-size: 1em;
    padding-top: 0;
    text-align: right;
}

#cds-product-list-price {
    font-size: 0.875em;
    font-weight: normal;
}

.cds-product-cart td:last-child {
    font-weight: bold;
    padding-right: 2em;
}

#cds-add-to-cart-quantity {
    height: 2em;
}

#cds-add-to-cart-button,
.cds-buy-online-button {
    font-family: inherit;
    font-size: 1.154em;
    height: 2.2em;
    min-width: 7.75em;
    padding-left: 1em;
    padding-right: 1em;
    vertical-align: center;
    color: #fff;
    background-color: #339933;
    background: linear-gradient(#393, #282);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#393), to(#282));
    background: -webkit-linear-gradient(top, #393, #282);
    background: -moz-linear-gradient(top, #393, #282);
    background: -ms-linear-gradient(top, #393, #282);
    background: -o-linear-gradient(top, #393, #282);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#393', endColorstr='#282');
    border: 1px solid #171;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    behavior: url("../../css/PIE.htc");
}

#cds-add-to-cart-button:hover,
.cds-buy-online-button:hover {
    color: #fff;
    background-color: #282;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282), to(#171));
    background: -webkit-linear-gradient(top, #282, #171);
    background: -moz-linear-gradient(top, #282, #171);
    background: -ms-linear-gradient(top, #282, #171);
    background: -o-linear-gradient(top, #282, #171);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282', endColorstr='#171');
    border: 1px solid #bbb;
    box-shadow: 1px 1px 3px #d2d2d2;
    -webkit-box-shadow: 1px 1px 3px #d2d2d2;
    -moz-box-shadow: 1px 1px 3px #d2d2d2;
}

.cds-product-cad-container {
    margin-top: 2em;
    display: none;
}

.cds-product-cad-container button,
.cds-product-spec-sheet button {
    height: 2em;
    width: 10em;
    margin-bottom: 0.5em;
    margin-right: 0.25em;
}

.cds-product-additional-images {
    clear: both;
    text-align: left;
    height: 4em;
    padding: 0 1em 0;
}

.cds-product-additional-images a {
    display: inline;
}

.cds-product-additional-images img {
    display: inline;
    height: 4em;
    margin-right: 1em;
}

#cds-product-additional-images-expanded-img {
    max-width: 100%;
}

.cds-product-details {
    border-top: 1px solid #ccc;
    clear: both;
}

.cds-product-details h1,
.cds-product-details h2,
.cds-product-details h3,
.cds-product-details h4 {
    margin-top: 0;
    padding-top: 0;
}

.cds-product-details p {
    margin: 1em 0 0;
}

.cds-product-details ul {
    margin-bottom: 1em;
}

.cds-product-details li {
    margin-left: 1em;
    list-style-position: inside;
    text-indent: -1em;
}

.cds-product-details-left {
    width: 47.5%;
    float: left;
    margin-right: 2em;
}

.cds-product-details-right {
    width: 47.5%;
    float: left;
}

.cds-product-details-container {
    margin-top: 2em;
}

.cds-attribute-table {
    width: 100%;
    vertical-align: top;
}

.cds-attribute-table thead td {
    font-size: 1.154em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.cds-attribute-table td {
    padding: 0.2145em 0.429em;
    width: 50%;
}

.cds-attribute-table button {
    height: 1.5em;
}

.cds-attribute-multilist li {
    list-style-type: none;
}

.cds-attribute-multilist label {
    margin-left: 0.5em;
}

#cds-product-link-table td {
    width: auto;
    vertical-align: middle;
}

.cds-product-company {
    text-align: left;
    padding-top: 2em;
}

.cds-company-logo {
    margin-bottom: 1em;
}

.cds-company-name {
    font-weight: bold;
}