
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    text-size: 12px;
    text-align: center; /* fix for IE not supporting margin: auto */
}

table, td {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 12px;
    padding: 0;
}

#header {
    width: 1026px;
    margin: auto;
    padding-top: 12px;
    text-align: left;
}

#header .Series {
    font-size: 35px;
    font-family: FontName, Arial;
    font-weight: bold
}

.tab_header_container {
    width: 998px;
    padding: 6px;
    background-color: #efefef;
    margin: 6px;
}

.tab_header {
    color: #000;
    background-color: #efefef;
    width: 986px;
}

.tab_header .title {
    font-size: 18px;
    font-weight: bold;
    width: 339px;
}

.tab_header .details_title {
    font-size: 18px;
    font-weight: bold;
    width: 800px;
}

.tab_header .reset_button {
}

.tab_header .pn_container {
    padding-left: 10px;
}

.tab_header .nav_buttons {
}

#pn_cell_1_1, #pn_cell_1_2, #pn_cell_1_3, #pn_cell_1_4, #pn_cell_1_5,
#pn_cell_2_1, #pn_cell_2_2, #pn_cell_2_3, #pn_cell_2_4, #pn_cell_2_5,
#pn_cell_3_1, #pn_cell_3_2, #pn_cell_3_3, #pn_cell_3_4, #pn_cell_3_5,
#pn_cell_4_1, #pn_cell_4_2, #pn_cell_4_3, #pn_cell_4_4, #pn_cell_4_5,
#pn_cell_5_1, #pn_cell_5_2, #pn_cell_5_3, #pn_cell_5_4, #pn_cell_5_5,
#pn_cell_6_1, #pn_cell_6_2, #pn_cell_6_3, #pn_cell_6_4, #pn_cell_6_5 {
    border: 1px solid #999;
    width: 70px;
    height: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
}

.details_pn_box {
    border: 1px solid #fff;
    width: 70px;
    height: 10px;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
}

.button_right_nav {
    background-image: url(../images/tab_buttons/button_off.jpg);
    background-repeat: repeat-x;
    width: 60px;
    color: #fff;
    font-weight: normal;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    margin:5px;
}

.button_right_nav:hover {
    background-image:url(../images/tab_buttons/button_on2.jpg);
}

.button_disabled_right_nav {
    background-image: url(../images/tab_buttons/disabled_button_off.jpg);
    background-repeat: repeat-x;
    width: 60px;
    color: #fff;
    font-weight: normal;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    margin:5px;
}

.button_disabled_right_nav:hover {
    background-image:url(../images/tab_buttons/disabled_button_off.jpg);
}

.button_blank_right_nav {
    width: 60px;
    color: #fff;
    font-weight: normal;
    cursor:pointer;
    text-align:center;
    vertical-align:middle;
    margin:5px;
}

.attribute_container, .details_container {
    height: 485px;
    width: 100%;
    border-top: 1px dashed #e3e3e3;
}

.attribute_list_container {
    border-right: 1px dashed #e3e3e3;
    vertical-align: top;
    padding: 6px 12px 0;
    width: 100%;
}

.attribute_list_container table {
    width: 100%;
    border-collapse: collapse;
}

.attribute_list_container table td {
    width:100%;
    border: 1px solid #999;
    padding: 6px;
    font-weight: bold;
    color: #333;
}

.attribute_list_container table td span {
    color: #000;
    padding-right: 12px;
}

.attribute_list_container table td a, .attribute_list_container_2 table td a {
    color: #03c;
    text-decoration: underline;
}

.attribute_list_container table thead td {
    color: #000;
    background-color: #efefef;
    font-weight: bold;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.attribute_list_container_2 {
    border-right: 1px dashed #e3e3e3;
    vertical-align: top;
    padding: 6px 12px 0;
    width: 320px;
}

.attribute_list_container_2 table {
    width: 100%;
    border-collapse: collapse;
}

.attribute_list_container_2 table td {
    width:100%;
    border: 1px solid #999;
    padding: 6px;
    font-weight: bold;
    color: #333;
}

.attribute_list_container_2 table td span {
    color: #000;
    padding-right: 12px;
}

.attribute_list_container_2 table thead td {
    color: #000;
    background-color: #efefef;
    font-weight: bold;
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.details_list_container {
    vertical-align: top;
    padding: 6px 12px 0;
}

.details_list_container table {
    width: 550px;
    border-collapse: collapse;
}

.details_list_container table td {
    width:50%;
    border: 1px solid #999;
    padding: 6px;
    font-weight: bold;
    color: #333;
}

.details_list_container table thead td {
    color: #000;
    background-color: #E9967A;
    font-weight: bold;
    border: 1px solid #999;
}

.attribute_image_container {
    vertical-align: top;
    padding: 6px 12px 0;
}

.attribute_image_container img {
    width: 650px;
    height: 400px;
    border: 1px solid #999;
}

#attribute_image_aHousingStep3_Mount {
    width: 150px;
    height: 150px;
    margin-left: 48px;
}

.attribute_image_container_options {
    vertical-align: top;
    padding: 6px 12px 0;
}

.attribute_image_container_options img {
    width: 325px;
    height: 200px;
    border: 1px solid #999;
}

#aPaintOption, #aAddOnOption {
    margin-bottom: 36px;
}

.controls_container, .controls_container table td {
    padding-top: 6px;
    vertical-align: top;
}

.controls_container select {
    margin-right: 6px;
}

.controls_container button {
    width: 120px;
}

.controls_container div {
    padding-top: 2px;
}

/* configurator stuff */

.oddrow {
    background-color: #efefef;
}

.cds_set_attribute {
    cursor: pointer;
}

.cds_set_attribute_hovered {
    background-color: #E9967A;
    cursor: pointer;
}

.cds_set_attribute_selected {
    background-color: #C77458;
    cursor: pointer;
}

.cds_set_attribute_conflicted {
    color: #666;
    background-color: #ddd;
    background-image: url(../images/bg-incompatibleX.gif);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: default;
}

.cds_set_attribute_constrained {
    color: #666;
    background-color: #ccc;
    background-image: url(../images/bg-incompatibleX.gif);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: default;
}


/* download window stuff */

.cds_cad_model_div {
    display: none;
    background-color: #bdcbd8;
    padding: 6px;
    width: 400px;
    position: absolute;
    z-index: 300;
    top: 30%;
    left: 30%;
}

.cds_cad_model_div table {
    background-color: #f8fafa;
    border: 1px solid #062b4e;
    border-collapse: collapse;
    width: 100%;
    height: 100px;
    padding: 12px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.cds_cad_model_div td {
    vertical-align: top;
    padding: 4px;
    border: 0;
}

.cds_cad_model_div td strong {
    font-size: 18px;
}

.cds_cad_model_div img {
    padding-right: 12px;
}



/* jquery stuff */

.ui-tabs .ui-tabs-nav {
    margin: 6px;
    padding: 0;
}

.ui-widget-header {
    background: none;
    background-color: #efefef;
    border: 0;
    margin: 6px;
}

.ui-tabs .ui-tabs-nav li a {
    background-image:url(../images/tab_buttons/button_off.jpg);
    background-repeat:repeat-x;
    width:108px;
    height:32px;
    line-height:32px;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    letter-spacing:.1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background-image:url(../images/tab_buttons/button_on2.jpg);
    background-repeat:repeat-x;
    width:108px;
    height:32px;
    line-height:32px;
    font-size:12px;
    text-align:center;
    vertical-align:middle;
    letter-spacing:.1em;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #fff;
}

.ui-widget-content {
    width: 1024px;
    margin: auto;
    padding: 0;
    text-align: left;
    background: none;
    border: 1px solid #999;
    color: #333;
}

.ui-tabs .ui-tabs-panel {
    background: none;
    border: 0;
    border-top: 1px solid #999;
    padding:0.1em;
    width: 1022px;
}



#login, #register, #cart {
    width: 1024px;
    height: 585px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #999;
}

#login table td, #register table td {
    font-weight: bold;
    white-space: nowrap;
    text-align: right;
}

#register p {
    text-align: left;
    font-size: 12px;
    padding: 10px 0 0 10px;
}

#cart {
    text-align: left;
}

#cart h1 {
    padding-top: 10px;
    padding-left: 30px;
    margin-bottom: 10px;
}

#cart table {
    /* 1024 - 2 = 1022 - 60 = 982 */
    width: 962px;
    margin-left: 30px;
    border-collapse: collapse;
}

#cart table td {
    padding: 4px 6px;
}

#cart table td.emptyCart {
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    font-size: 14px;
}

#cart table thead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    background-color: #E9967A;
    font-weight: bold;
}

#cart table tfoot label {
    margin-top: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#cart div {
    font-size: 12px;
    margin: 0 30px;
    /* width: 900px; */
    /* text-align: right; */
}

#cart h1, h2, h3 {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}


/* Configurator landing page */

#footer {
    font-size: 12px;
    text-align: left;
    width: 1026px;
    margin: auto;
    margin-bottom: 2.5em;
}

#footer a:link {
    color: #000;
    font-family: Arial;
    text-decoration: underline
}

#footer a:visited {
    color: #000;
    font-family: Arial
}

#footer strong, #footer a, #footer td {
    font-size: 14px;
}

#cfg-list {
    width: 1024px;
    margin: auto;
    border: 1px solid #999;
    text-align: left;
    font-size: 14px;
}

.cfg-list-container thead td {
    font-size: 14px;
    color: #B6000F;
    font-weight: bold;
    margin: 0;
    padding: 0 35px 5px 0;
}

td.cfg-list-container {
    padding: 20px;
    vertical-align: top;
}

.cfg-label {
    color: #B6000F;
    font-weight: bold;
    width: 50px;
}

.first {
    padding-top: 10px;
}

#cfg-list a:link {
    color: #000;
    font-family: Arial;
    text-decoration: underline
}

#cfg-list a:visited {
    color: #000;
    font-family: Arial
}

#cfg-list p {
    padding: 0 2em;
}

#accept-disclaimer {
    background-color: #B6000F;
    color: #FFF;
}
