/* Global styles */

    html,body {
        border:           0px;
        margin:           0px;
        padding:          0px;
        font-size:        12px;
        font-family:      arial, helvetica, sans-serif;
        background-image: url("/templates_www/img/bg.jpg");
        background-repeat: repeat-x;
        background-color: #819bbc;
        color:            #333333;
    }

    /* Rule to fix quirks-mode inheritance behavior */
    table, td, tr, caption {
      font-size:    inherit;
      font-weight:  inherit;
      font-style:   inherit;
      font-variant: inherit;
      font-family:  inherit;
    }

    /* Strict doctype means that most images should be display:block */
    img { display: block; }

    a, a:link, a:visited {
	text-decoration: none;
	color: #0048c0;
    }
    a:active, a:hover {
        text-decoration: underline;
    }

    input, select {
        border-color: #999999;
        background-color: #FFFFFF;
        color: #000000;
    }

    input.darkbg {
        height: 15px !important;
        background-color:#666666;
        color:#FFFFFF;
        font-size:10px;
    }

    textarea {
	font-family: monospace;
	border-color: #999999;
	background-color: #FFFFFF;
	color: #000000;
    }

    .none, .none input, .none select, .none textarea {
        background-color: transparent;
    }

    h1 { font-size: 20px; }
    h2 { font-size: 16px; }
    h3 { font-size: 13px; }
    h4 { font-size: 11px; }

    .huge        { font-size: 20px !important; }
    .large       { font-size: 16px !important; }
    .mediumlarge { font-size: 15px !important; }
    .normal      { font-size: 14px !important; }

    .small  { font-size: 13px !important; }
    .small input, .small select, .small textarea { font-size: 12px !important; }

    .tiny   { font-size: 11px !important; }
    .tiny input, .tiny select   { font-size: 9px !important; }

    .allblack, .allblack a, .allblack a:link, .allblack a:visited, .allblack a:active, .allblack a:hover {
        color: black !important;
    }

    .bold, .bold a, .bold a:link, .bold a:visited, .bold a:active, .bold a:hover {
        font-weight: bold !important;
    }

    .italic, .italic a, .italic a:link, .italic a:visited, .italic a:active, .italic a:hover {
        font-style: italic !important;
    }

    /* to replace <center> tags */
    .center {
        margin-right: auto;
        margin-left: auto;
    }

    /* A handy "inline" class */
    .inline  { display: inline; }

    /* hide the trailing linefeed that some browsers add for forms */
    form { display: inline; }

    /* These classes should really only be used in tables to draw slight borders around things */
    .borders {
	color: #eeeeee;
	background-color: #000000;
	font-size: 11px;
    }
    .borders2 {
	color: #eeeeee;
	background-color: #333333;
	font-size: 9pt;
    }

    /* clearfix -- see http://positioniseverything.net/easyclearing.html for details on how/why this works*/
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    /* "hidden" is used for, well, hiding stuff */
    .hidden {
        visibility: hidden;
        display:    none;
    }

    /* Special classes for error stuff */
    .error {
	color:            #360000;
	background-color: #E8CCC8;
	border-color:     #900000;
	border:           thin groove #900000;
	font-size:        9pt;
    }
    .error_text {
	color: #990000;
    }

    .trans_overlay {
        display: inline;
        visibility: hidden;
        z-index: 9998;
        background-color: #ffffff;
        height: 100%;
        width: 100%;
        margin: 0px;
        -moz-opacity: .70;
        opacity: .70;
        overflow: hidden;
        filter: alpha(opacity=70);
    }

    #error_notify {
        color:              #300000;
        border:             2px solid #800000;
    }
    #error_notify_title {
        color:              black;
        background-color:   #c06060;
        border-bottom:      1px solid #800000;
        text-align:         center;
        font-weight:        bold;
        font-size:          9pt;
    }
    #error_notify_text {
        background-color:   #f0c0c0;
        padding:            3px;
    }
    #error_notify_commands {
        border-top:         1px solid #800000;
        background-color:   #c06060;
        text-align:         center;
    }
    #error_notify_commands a {
        display:            block;
        padding:            3px;
    }
    #error_notify_commands a:hover {
        text-decoration:    none !important;
        background-color:   #f06060;
    }

    /* Any small "quantity" box. */
    #quantity, input.quantity {
        width:      2em;
        text-align: center;
    }

/* Global page-formatting styles */

    #content {
        width:          1000px;
    }
    #top_menu {
    }
    #left_menu {
    }

    .top_nav td a {
        display: block;
        padding: 10px;
        cursor: hand;
        cursor: pointer;
    }
    .top_nav ul {
        display: block;
        margin: 0px;
        padding: 0px;
        border: 0px;
        background-color: white;
    }
    .top_nav ul li {
        display: block;
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: 1px solid #cccccc;
        border-top: 0px;
        text-align: left;
    }
    .top_nav ul li ul {
        border-top: 1px solid #cccccc;
    }
    .top_nav ul li a {
        display: block;
        /* width: 100%; */
        height: 100%;
        padding: 3px;
        margin: 0px;
        border: 0px;
    }
    .top_nav ul li a:link:hover, .top_nav ul li a:visited:hover, .top_nav ul li a:active:hover  {
        background-color: #eeeeee;
    }

    /* The banner class is used for the series of banners on the front page, showing
     * things like the free shipping promo, trade show dates and testimonials.
     */
    .banner {
        margin-bottom: 13px;
    }
    div.banner {
	width:         150px;  /* div's measure width inside of padding and border */
    }
    table.banner {
        width:         335px;
    }
    .banner td {
        vertical-align: middle;
        text-align:     center;
        font-weight:    bold;
        font-size:      21px;
    }

    /* Banner Stretch */
    #top_banner_stretch {
        background-image: url('/templates_www/img/titlebar/header_center_block.gif');
        min-width: 400px;
    }

    /* The quicklinks section is on the index page of the site, and contains a title
        section, followed by a series of featured links.
    */
    #quicklinks div.title {
	display:          block;
	border:           1px solid #999999;
	background-color: #666666;
	color:            white;
	height:           17px;
	padding:          4px 3px 0px 3px;
	margin:           0px;
    }
    #quicklinks div.title img {
        display: inline;
    }
    #quicklinks p {
        margin: 8px 0px 0px 4px;
    }


/* Bladeform highlighted item */

    #bladeform_highlight table {
	border:             1px solid;
	border-color:		#999999;
    }

    #bladeform_highlight td {
        background:         white;
        padding:            .5em;
    }

    #bladeform_highlight .sc_title {
	display:                        block;
	text-align:                     left;
	font-weight:                    bold;
	font-size:                      200%;
	white-space:                    nowrap;
	margin-bottom:                  -1px;
	padding:                        2px .5em;
	border:                         1px solid #999999;
	background-color:               #CCCCCC;
	border-top-left-radius:         8px;
	border-top-right-radius:        8px;
	-moz-border-radius-topleft:     8px;
	-moz-border-radius-topright:    8px;
    }
    #bladeform_highlight .sc_title a:hover {
	background-color:   #eeeeee;
    }

    #bladeform_highlight td.sc_img {
        border-right:       1px solid #999999;
        width:              31%;
    }
    #bladeform_highlight td.sc_img img {
        margin:      auto;
    }

    #bladeform_highlight td.sc_name {
        border-bottom:      1px solid #999999;
        font-size:          125%;
        font-weight:        bold;
    }
    #bladeform_highlight td.sc_name .sc_price {
        display:            block;
        margin-top:         .5em;
        font-size:          100%;
        font-weight:        normal;
    }
    #bladeform_highlight td.sc_name .buystring {
        float:              right;
        margin-top:         .5em;
        font-weight:        normal;
    }
    #bladeform_highlight td.sc_description {
        margin-left:        .25em;
    }
    #bladeform_highlight td.sc_description li {
        padding:            .1em;
    }

    #bladeform_highlight .sc_key_features {
        font-size:          12px;
        display:            block;
        list-style-type:    none;
        margin:             0px;
        padding:            0px;
    }
    #bladeform_highlight .sc_key_features .sc_row {
        padding:            3px;
        line-height:        1.167em;
        white-space:        nowrap;
    }
    #bladeform_highlight .sc_key_features .sc_row b {
        color:              black;
    }
    #bladeform_highlight .sc_key_features .sc_g1 {
    }
    #bladeform_highlight .sc_key_features .sc_row ul {
        list-style:         disc outside;
        padding:            0px;
        color:              #666666;
    }
    #bladeform_highlight .sc_key_features .sc_row ul li {
        font-weight:        normal;
        margin-left:        5px;
    }
    #bladeform_highlight .sc_key_features .sc_last {
    }
    #bladeform_highlight .sc_key_features .sc_r1 {
    }
    #bladeform_highlight .sc_key_features .sc_r2 {
    }
    #bladeform_highlight .sc_key_features .sc_r3 {
    }
    #bladeform_highlight .sc_key_features .sc_r4 {
    }
    #bladeform_highlight .sc_key_features .sc_r5 {
    }
    #bladeform_highlight .sc_key_features .sc_r6 {
    }

/* Fancy item_list -- eventually to become the default */

    #item_list_default {
    }

    #item_list_default td.sc_item {
        background:         white;
        border:             1px solid #999999;
        padding:            0px;
        border-top-left-radius:         8px;
        border-top-right-radius:        8px;
        -moz-border-radius-topleft:     8px;
        -moz-border-radius-topright:    8px;
    }

    #item_list_default td.sc_hspace img {
        width:          5px;
    }
    #item_list_default td.sc_vspace img {
        height:         5px;
    }

    #item_list_default .sc_item .sc_name {
        text-align:         center;
        font-weight:        bold;
        white-space:        nowrap;
    }
    #item_list_default .sc_item .sc_name a {
	display:                        block;
	margin:                         -1px;
	padding:                        2px 0px;
	border:                         1px solid #999999;
	background-color:               #CCCCCC;
	border-top-left-radius:         8px;
	border-top-right-radius:        8px;
	-moz-border-radius-topleft:     8px;
	-moz-border-radius-topright:    8px;
    }
    #item_list_default .sc_item .sc_name a:hover {
	background-color:   #666666;
    }

    #item_list_default .sc_item .sc_img {
        position:       relative;
    }
    #item_list_default .sc_item .sc_img table {
        padding:        0px;
        width:          100%;
        height:         96px;
    }
    #item_list_default .sc_item .sc_img a {
        display:        block;
        padding:        10px;
    }
    #item_list_default .sc_item .sc_img img.sc_thumb {
        margin:         auto;
    }
    .system td a img.sc_thumb{
        margin: auto;
    }
    
    #item_list_default .sc_item .sc_pricebox {
        text-align:         center;
        border-bottom:      1px solid;
		border-color:		#999999;
        padding:            2px;
        font-size:          12px;
        white-space:        nowrap;
    }
    #item_list_default .sc_item .sc_price {
        font-size:          15px;
        font-weight:        bold;
    }
    #item_list_default .sc_buy {
        border:             1px solid #999999;
        border-top:         0 !important;
    }
    #item_list_default .sc_buy img {
        margin:             .5em auto;
    }

    #item_list_default .sc_key_features {
        font-size:          11px;
        display:            block;
        list-style-type:    none;
        margin:             0px;
        padding:            0px;
    }

    #item_list_default .sc_key_features .sc_row {
        border-bottom:      1px dotted #999999;
        padding:            3px;
        line-height:        1.167em;
        white-space:        nowrap;
    }

    #item_list_default .sc_key_features .sc_row b {
        color:              black;
    }

    #item_list_default .sc_key_features .sc_g1 {
        border-bottom:      1px dotted #999999;
    }

    #item_list_default .sc_key_features .sc_row ul {
        list-style:         disc outside;
        padding:            0px;
        color:              #666666;
    }
    #item_list_default .sc_key_features .sc_row ul li {
        font-weight:        normal;
        margin-left:        5px;
    }

    #item_list_default .sc_key_features .sc_last {
        border-bottom:  0 !important;
    }
    #item_list_default .sc_key_features .sc_r1 {
        height:         2.375em;
    }
    #item_list_default .sc_key_features .sc_r2 {
        height:         3.5em;
    }
    #item_list_default .sc_key_features .sc_r3 {
    }
    #item_list_default .sc_key_features .sc_r4 {
    }
    #item_list_default .sc_key_features .sc_r5 {
        height:         2.375em;
    }
    #item_list_default .sc_key_features .sc_r6 {
    }

/* Fancy category_list -- eventually to become the default */

    #cat_list_default {
    }

    #cat_list_default td.sc_cat {
        background:         white;
        border:             1px solid #999999;
        padding:            0px;
        border-top-left-radius:         8px;
        border-top-right-radius:        8px;
        -moz-border-radius-topleft:     8px;
        -moz-border-radius-topright:    8px;
    }

    #cat_list_default td.sc_hspace img {
        width:          20px;
    }
    #cat_list_default td.sc_vspace img {
        height:         20px;
    }

    #cat_list_default .sc_cat .sc_name {
        text-align:         center;
        font-weight:        bold;
        white-space:        nowrap;
        font-size:          175%;
    }
    #cat_list_default .sc_cat .sc_name a {
	display:                        block;
	margin:                         -1px;
	padding:                        2px 0px;
	border:                         1px solid #999999;
	background-color:               #CCCCCC;
	border-top-left-radius:         8px;
	border-top-right-radius:        8px;
	-moz-border-radius-topleft:     8px;
	-moz-border-radius-topright:    8px;
    }
    #cat_list_default .sc_cat .sc_name a:hover {
	background-color:   #999999;
    }

    #cat_list_default .sc_cat .sc_img {
        position:       relative;
    }
    #cat_list_default .sc_cat .sc_img table {
        padding:        0px;
        width:          100%;
        height:         176px;
    }
    #cat_list_default .sc_cat .sc_img a {
        display:        block;
        padding:        10px;
    }
    #cat_list_default .sc_cat .sc_img img.sc_thumb {
        margin:         auto;
    }
    #cat_list_default .sc_cat .sc_itemcount {
        text-align:     center;
        padding:        .5em;
    }

    #cat_list_default .sc_key_features {
        display:            block;
        list-style-type:    none;
        margin:             0px;
        padding:            0px;
    }

    #cat_list_default .sc_key_features .sc_row {
        border-bottom:      1px dotted #999999;
        padding:            3px;
        line-height:        1.167em;
        white-space:        nowrap;
    }

    #cat_list_default .sc_key_features .sc_row b {
        color:              black;
    }

    #cat_list_default .sc_key_features .sc_g1 {
        border-bottom:      1px dotted #999999;
    }

    #cat_list_default .sc_key_features .sc_row ul {
        list-style:         disc outside;
        padding:            0px;
        color:              #666666;
    }
    #cat_list_default .sc_key_features .sc_row ul li {
        font-weight:        normal;
        margin-left:        5px;
    }

    #cat_list_default .sc_key_features .sc_last {
        border-bottom:  0 !important;
    }
    #cat_list_default .sc_key_features .sc_r1 {
    }
    #cat_list_default .sc_key_features .sc_r2 {
    }
    #cat_list_default .sc_key_features .sc_r3 {
    }
    #cat_list_default .sc_key_features .sc_r4 {
    }
    #cat_list_default .sc_key_features .sc_r5 {
    }
    #cat_list_default .sc_key_features .sc_r6 {
    }

/* Styles used by various item layout pages */

    /* classes for flipflop item descriptions */
    .flipflop_table {
        color:     #000000;
        font-size: 10px;
        width:     90%;
        border:    1px solid #999999;
    }
    .flipflop_table .sc_first {
        white-space:    nowrap;
        padding-right:  .5em;
        font-weight:    bold;
    }
    .flipflop_table .sc_second {
    }
    .flipflop_table .sc_color1 {
        background-color: #cccccc;
    }
    .flipflop_table .sc_color2 {
        background-color: #ffffff;
    }

    /* classes to define the appearance of the "content_swap" buttons */
    .content_swap_button {
        background-color: #eeeeee;
        border:           2px groove #999999;
        text-align:       center;
    }
    .content_swap_selected {
	background-color: #CCCCCC;
	border:           2px groove #999999;
	text-align:       center;
    }

    /* Classes to define the appearance of tech-specs tables */
    div.specs {
        border-top:       1px solid #999999;
        border-right:     1px solid #999999;
        border-left:      1px solid #999999;
        font-size:        11px;
    }
    div.specs h2, div.specs h3, div.specs h4 {
	position:         relative;
	top:              -1px;
	margin:           0px;
	padding:          2px;
	border-top:       1px solid #999999;
	border-bottom:    1px solid #999999;
	background-color: #CCCCCC;
	color:            #333333;
	font-weight:      bold;
    }

    div.specs table {
        border-collapse:  collapse;
        border-spacing:   0px;
        font-size:        11px;
        width:            100%;
    }
    div.specs th {
        width:            35%;
        min-width:        100px;
        bottom:           -1px;
        margin:           0px;
        padding:          2px;
        border-bottom:    1px solid #999999;
        font-weight:      bold;
        text-align:       left;
        vertical-align:   top;
    }
    div.specs th.header {
	background-color: #CCCCCC;
    }
    div.specs td {
        width:            65%;
        min-width:        185px;
        bottom:           -1px;
        margin:           0px;
        padding:          2px;
        border-bottom:    1px solid #999999;
        vertical-align:   top;
    }
    td div.specs p {
        margin:           0px;
        padding:          5px;
        border-bottom:    1px solid #999999;
    }
    div.specs ol, div.specs ul {
        margin-top:       5px;
        margin-bottom:    5px;
        margin-right:     5px;
        margin-left:      1em;
        padding-left:     .25em;
    }
    div.specs p {
        margin:           5px;
    }

    .sc_description ul {
        margin-left:      1em;
        padding-left:     .25em;
    }

    /* A set of classes for the main item image
       We need the outer div.main_item_image and inner div.box because older
       versions of safari seem to think that position:relative and float:left
       are mutually exclusive.  The inner table is used because IE doesn't respect
       display:table-cell and vertical-align:center.

       These layouts are now deprecated, and will eventually become unused as old
       systems are retired.
    */
    div.main_item_image {
        float: left;
    }
    div.main_item_image div.box {
        width:      210px;
        height:     180px;
        position:   relative;
        background: white;
        border:     1px solid #999999;
    }
    div.main_item_image div.box table.image {
        width:   190px;
        height:  150px;
        margin:  10px;
        padding: 0px;
    }
    div.main_item_image div.box a.view_gallery {
        position:         absolute;
        bottom:           -1px;
        right:            -1px;
        padding:          3px 8px 3px 8px;
        border:           1px solid #999999;
        background-color: #eeeeee;
        font-size:        11px;
    }

    /* Search results table */
    #search_results {
        font-size:          13px !important;
    }
    #search_results .sc_result {
        margin-bottom:      .5em;
        width:              100%;
    }
    #search_results td {
        padding:            .5em;
    }
    #search_results .sc_name {
        padding-top:                    3px;
        padding-bottom:                 3px;
        font-size:                      14px;
        border:                         1px solid #999999;
        border-bottom:                  1px solid #999999;
        background-color:               #cccccc;
        border-top-left-radius:         8px;
        border-top-right-radius:        8px;
        -moz-border-radius-topleft:     8px;
        -moz-border-radius-topright:    8px;
    }
    #search_results .sc_name a {
        float:              left;
        font-weight:        bold;
    }
    #search_results .sc_pricebox {
        float:              right;
        font-size:          12px;
    }
    #search_results .sc_pricebox b {
        margin-left:        .5em;
        font-size:          14px;
    }
    #search_results .sc_img {
        border-left:        1px solid #999999;
        border-bottom:      1px solid #999999;
        width:              96px;
        text-align:         center;
    }
    #search_results .sc_img table {
        border:             1px solid #999999;
        background-color:   white;
        height:             64px;
        width:              100%;
        margin-bottom:      .25em;
    }
    #search_results .sc_img .sc_buy img {
        margin:             0px auto;
    }
    #search_results .sc_text {
        padding-left:       .5em;
        border-right:       1px solid #999999;
        border-bottom:      1px solid #999999;
    }
    #search_results .sc_text p {
        margin:             0px;
    }
    #search_results .sc_breadcrumb {
        font-size:          11px;
        text-align:         right;
        margin-top:         .25em;
        white-space:        nowrap;
    }

    /* This is the style for the search pager bar on the bottom of the search page */
    #search_pager p {
        float:          right;
    }

    /* The following styles are for the inline image gallery that will replace
     * the older separate-page image gallery used by older layouts.
     */
    #item_gallery {
    }
    #item_gallery table {
        margin:           0px auto;
        border-spacing:   5px;
        padding:          0px;
    }
    #item_gallery td a {
        display:     block;
        background:  white;
        border:      1px solid #999999;
        padding:     5px;
        height:      48px;
        width:       78px;
        line-height: 48px;
        text-align:  center;
    }
    #item_gallery td a img {
        vertical-align: middle;
        padding:        0px;
        margin:         0px;
    }
    #item_gallery td a:hover {
        padding: 4px;
        border:  2px solid #999999;
    }
    #item_gallery td a.current {
        padding: 4px;
        border:  2px solid #999999;
    }
    #item_gallery img {
        display:    inline;
    }

    #item_gallery_info {
        padding:          3px;
        margin-bottom:    5px;
        border:           1px solid #999999;
        background-color: #eeeeee;
        font-weight:      bold;
    }
    #item_gallery_info a {
        margin-right: 2px;
        float:        right;
        font-size:    9pt;
        font-weight:  normal;
    }

    #item_gallery_zoom {
        clear:          both;
        padding-bottom: 5px;
    }
    #item_gallery_zoom img {
        padding: 0px;
        margin:  0px auto;
    }

    /* #item_menu_links is a table generated by item magick template */
    #item_menu_links {
        margin:             0px auto;
        border:             1px solid #999999;
        color:              black;
        font-size:          14px;
        text-align:         center;
    }
    #item_menu_links td {
	color:          #333333;
	font-weight:    bold;
	white-space:    nowrap;
    }
    #item_menu_links a {
	display:          block;
	padding:          2px 10px;
	border-top:       1px solid #999999;
	border-right:     1px solid #999999;
	border-bottom:    1px solid #999999;
	border-left:      1px solid #999999;
	background-color: #CCCCCC;
	color:            #999999;
	text-decoration:  none;
    }
    #item_menu_links a:hover {
	text-decoration:  underline;
	background-color: #eeeeee;
	color:            #333333;
    }
    #item_menu_links .current a {
        border-top:       1px solid #999999;
        border-right:     1px solid #999999;
        border-bottom:    1px solid #999999;
        border-left:      1px solid #999999;
        background-color: #3666b0;
        color:            #eef;
    }
    #item_menu_links .current a:hover {
	border-top:       1px solid #999999;
	border-right:     1px solid #999999;
	border-bottom:    1px solid #999999;
	border-left:      1px solid #999999;
	background-color: #666666;
	color:            #ffffff;
    }

/* Styles used for various specific things scattered around the site */

    /* Testimonial-formatting routines.  Short ones on the front page, long ones
        on a page of their own.
    */

    .testimonial_short {
	font-size:        10px;
    }
    .testimonial_short .the_text { }
    .testimonial_short .the_author {
        margin-top: 5px;
    }
    .testimonial_long {
        margin-top:     15px;
        margin-bottom:  15px;
    }
    .testimonial_long hr {
        margin-bottom:  15px;
        width:          75%;
        color:          #cccccc;
    }
    .testimonial_long div.the_text{ }
    .testimonial_long div.the_author {
        margin-top:   5px;
        font-weight:  bold;
    }

    /* The is_new class is used for displaying the "is new" banner image, which must
       be placed within a position:relative parent container
    */
    div.is_new {
        position: absolute;
        top:      10px;
        right:    10px;
        z-index:  1;
        border:   none;
    }

    /* "help" is used for all inline help calls.
     * I don't think that this is actually used yet.
     */
    .help {
	color:              #333333;
	background-color:   #999999;
	border: thin groove #999999;
	font-size:          1pt;
    }

/**
 * Login box template
/**/

    #login_box {
        float:              right;
        font-size:          13px !important;
        border:             1px solid #999999;
        padding:            0 .5em;
        width:              22em;
    }

    #login_quick_links {
        padding:            .5em;
    }
    #login_quick_links ul {
        margin-bottom:      0;
    }

    #title_login {
	text-align:         center;
	border-bottom:      1px dotted #999999;
	margin:             0 -.5em;
	padding:            0.25em;
	background-color:   #CCCCCC;
    }
    #title_create {
	text-align:         center;
	border-bottom:      1px dotted #999999;
	margin:             0 -.5em;
	padding:            0.25em;
	background-color:   #CCCCCC;
    }
    #title_forgot_pw {
        text-align:         center;
        border-bottom:      1px dotted #999999;
        margin:             0 -.5em;
        padding:            .25em;
        background-color:   #cccccc;
    }

    #login_box table {
        margin:             0em auto .5em auto;
    }

    #login_fields, #recovery_fields {
    }

    #login_click {
        float:  left;
    }

    #newacct_click {
        float:  right;
    }

    #cur_cust_link, #new_cust_link, #forgot_pw_link {
        display:        block;
        border-top:     1px dotted #999999;
        margin:         0 -.5em;
        padding:        .25em;
        text-align:     center;
    }
    #cur_cust_link:hover, #new_cust_link:hover, #forgot_pw_link:hover {
        background-color:   #eeeeee;
    }

/**
 * MHEC page styles
/*/

    /* This logo appears on every page for mhec users */
    #mhec_logo_overlay {
        margin:     2px;
    }

    #mhec_info {
        padding:        .5em;
    }

    #mhec_logo {
        float:          left;
    }
    #mhec_text {
        padding:        0 1em;
        margin-left:    160px;
        width:          21em;
    }
    #mhec_contact dl {
        margin-top:     0;
    }
    #mhec_contact dt {
        float:          left;
        text-align:     right;
        width:          5em;
        position:       relative;   /* IE hack */
    }
    #mhec_contact dd {
        clear:          right;
        margin-left:    5.25em;
    }
    #mhec_discount_applied {
        display:      block;
        color:        #cccccc;
        font-size:    85%;
        padding-left: 4px;
    }


/**
 * Item page styles
/*/

    #top_pricebox {
        font-size:          20px;
        white-space:        nowrap;
    }
    #top_pricebox3 {
        font-size:          16px;
        white-space:        nowrap;
        font-weight:        bold;
    }
    #top_pricebox .sc_discount, #top_pricebox3 .sc_discount {
        font-weight:        bold;
        white-space:        nowrap;
        font-size:          11px;
        color:              #150;
    }

    #powerbox {
        float:              right;
        margin-top:         .25em;
        font-size:          11px;
        border:             1px solid #999999;
        border-collapse:    collapse;
        color:              black;
    }
    #powerbox th {
        background-color:   #d9e8a4;
        padding:            .1em .25em;
        border:             1px solid #999999;
        border-bottom:      1px solid #999999;
        font-weight:        normal;
    }
    #powerbox th.sc_power {
        background-color:   #c3d937;
        padding:            .25em .5em;
        border-bottom:      1px solid #999999;
        font-size:          9pt;
        font-weight:        bold ;
    }
    #powerbox td {
        padding:            .1em .25em;
        border:             1px solid #999999;
        border-top:         1px solid #999999;
        text-align:         center;
        font-weight:        bold;
    }
    #powerbox td.sc_powerinfo {
        border-left:        0;
        padding:            .25em .5em;
    }

    #compare_power {
        display:            block;
    }
    #compare_power img {
        border:             none;
    }
    #sc3_price_display {
        font-weight: bold;
    }

   /* This is for the site wide configurator select boxes
    * put here so that it's not duplicated over a few different pages
    */
    .select_item_full {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        width: 610px;
    }
    .select_item_qty {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        width: 50px;
    }
    .select_item_name {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        width: 556px;
    }

    .text_item_full {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        width: 604px;
    }

    .text_note_full {
        font-family: arial, helvetica, sans-serif;
        font-size: 9pt;
        width: 604px;
    }

/* Cluster Config */
	div.subitem_details th.sc_name {
		white-space: nowrap;
		width: 130px; /* roughly the widest most options will be named */
	}
/* The rest of these are the normal values minus 20 pixels */
	div.subitem_details .select_item_full {
		width: 590px;
	}
	div.subitem_details .select_item_name {
		width: 536px;
	}
	div.subitem_details .text_item_full {
		width: 584px;
	}
	div.subitem_details .text_note_full {
		width: 584px;
	}

/* Top Login Bar */
    #top_login_box {
        font-size: 11px;
        padding-right: 35px;
        padding-bottom: 1px;
        color: #999999;
    }
    #top_login_box a:link, #top_login_box a:visited, #top_login_box a:active {
        color: #C3D937;
    }

/* Left Nav Bar */
    .nav_bar {
        font-size: 11px !important;
    }

    .nav_bar ul {
        color: #993300 !important;
        padding-left: 0px;
        margin-left: 15px;
    }

    .nav_bar li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .nav_bar li a {
        color: #993300 !important;
    }

    .nav_bar li a:hover {
        color: black !important;
    }

    .nav_bar ul li ul {
        list-style: none;
        padding-left: 0px;
        margin-left: 15px;
    }

    .nav_bar ul li ul li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

/* Top Nav Bar */

    .top_nav {
        text-align: center;
        border-collapse: collapse;
        background-color: white;
    }

    .top_nav td {
        border: 1px solid #cccccc;
        border-top: none;
    }

/*  Address Table */
    .address_table {
        border-collapse: collapse;
    }

    .address_table td {
        border: 1px solid #cccccc;
    }