/* TABLE */

  body
    { background:#376d9f;
      font-family:verdana;
      font-size:10px;
      font-weight:100;
    }

  #first
    { margin:0px auto -6px auto;
      padding:0px 0px 0px 0px;
    }

  #second
    { margin:0px auto -4px auto;
      padding:0px 0px 0px 0px;
    }

  #third
    { margin:0px auto -35px auto;
      padding:0px 0px 0px 0px;
    }

  .vspacer
    { height:;
    }

  .hspacer
    { width:820px;
      height:10px;
    }

  #main
    { border:0;
      margin-right:auto;
      margin-left:auto;
      padding:0;
      width:850px;
      background:#376d9f;
    }

  #picture
    { padding:0;
      vertical-align:top;
      background:#E8BC8C;
    }

  #language
    { font-family:verdana;
      font-size:10px;
      font-weight:100;
      margin:0px auto 0px auto;
      padding:0px 5px 10px 0px;
      line-height:8px;
      text-decoration:none;
//      width:420px;
    }

  #language a:link, #language a:visited
    { color:#376d9f;
    }

  #top_nav_left
    { padding:0px 0px 0px 0px;
      width:160px;
      background-color:#EBEBEB;
      background-image:url("../misc_images/gray_gradient.gif");
      background-repeat:repeat-x;
      vertical-align:middle;
    }

  #top_nav
    { padding:0px 0px 0px 0px;
      width:390px;
      background-color:#EBEBEB;
      background-image:url("../misc_images/gray_gradient.gif");
      background-repeat: repeat-x;
      vertical-align:middle;
      font-family:verdana;
      font-size:10px;
      font-weight:100;
      color:#ffffff;
    }
  
  #top_nav a
    { padding:0px 8px 0px 12px;
    }

  #top_nav a:link
    { color:#ffffff;
      text-decoration:none;
    }

  #top_nav a:visited
    { color:#ffffff;
      text-decoration:none;
    }

  #top_nav a:focus
    { color:#120aaa;
      text-decoration:none;
    }

  #top_nav a:hover
    { color:#120aaa;
      text-decoration:none;
    }

  #top_nav a:active
    { color:#120aaa;
      text-decoration:none;
    }

  #search
    { padding:0px 0px 0px 0px;
      width:225px;
      background-color:#EBEBEB;
      background-image:url("../misc_images/gray-blue_gradient_h_235.gif");
      background-repeat:repeat-y;
      vertical-align:middle;
    }

  .search_form
    { margin:0px 0px 0px 0px;
      width:200px;
      font-family:verdana;
      font-size:10px;
      font-weight:100;
    }

  #search_input
    { margin:0px 0px 0px 0px;
      width:125px;
      height:10px;
      font-family:verdana;
      font-size:10px;
      font-weight:100;
    }

  #find
    { margin:0px 0px 0px 0px;
      width:30px;
      font-family:verdana;
      font-size:8px;
      font-weight:100;
    }

/* END OF TABLE */

/* SIDE NAVIGATION */

  .left_nav
    { margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      width:160px;
      background-color:#376d9f;
      background-image:url("../misc_images/blue_gradient.gif");
      background-repeat:repeat-y;
      vertical-align:top;
    }

  .left-bottom_nav
    { margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      width:160px;
      background-color:#376d9f;
      background-image:url("../misc_images/blue_gradient.gif");
      background-repeat:repeat-y;
      vertical-align:baseline;
    }

  #left_nav
    { margin:0px 0px 20px 0px;
      padding:0px 0px 0px 0px;
    }

  .category
    { display:block;
      font-family:verdana;
      font-size:13px;
      font-weight:100;
      color:#ffff00;
      text-decoration:none;
      margin:0px 0px 0px 0px;
      padding:15px 0px 5px 15px;
    }

  .item
    { display:block;
      font-family:verdana;
      font-size:11px;
      font-weight:100;
      color:#ffffff;
      text-decoration:none;
      margin:0px 0px 0px 0px;
      padding:5px 0px 5px 25px;
    }

/* END OF SIDE NAVIGATION */

  .content_header
    { padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      background-color:#376d9f;
      background-image:url("../misc_images/blue_gradient_v_25.gif");
      background-repeat:repeat-x;
      vertical-align:middle;
      font-family:verdana;
      font-size:11px;
      font-weight:600;
      color:#ffffff;
    }

  .literature
    { padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      background-color:;
      background-image:;
      text-align:justify;
      text-indent:20px;
      font-family:verdana;
      font-size:11px;
      font-weight:300;
      color:#000000;
    }

  #content
    { position:relative;
      top:-2px;
      text-align:center;
      vertical-align:top;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
    }

  #content_end
    { position:relative;
      top:-2px;
      margin:0px 0px 0px 0px;
      padding:20px 0px 0px 0px;
    }

  #content_end hr
    { width:450px;
      margin:18px auto 0px auto;
    }

  .top-left_half-round_adj
    { margin:0px 0px 0px 0px;
    }

  .top-right_half-round_adj
    { margin:0px auto 0px auto;
    }
    
  .pagination
    { margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      font-family:verdana;
      font-size:11px;
      font-weight:600;
      color:#376d9f;
    }

  .pagination
    { text-decoration:none;
      padding:0px 0px 0px 0px;
      font-family:verdana;
      font-size:11px;
      font-weight:600;
      color:#376d9f;
    }
    
  .content_form
    { font-family:verdana;
      font-size:10px;
      font-weight:100;
      color:#376d9f;
      margin:0px auto 0px auto;
      padding:0px 0px 0px 0px;
      line-height:8px;
//      width:420px;
    }

  .content_table_header
    { font-family:verdana;
      font-size:11px;
      font-weight:500;
      color:#808080;
      text-align:left;
      margin:0px 0px 0px 0px;
      padding:20px 0px 0px 0px;
      line-height:8px;
//      width:420px;
    }

  .content_table_header td
    { font-family:verdana;
      font-size:11px;
      font-weight:500;
      color:#808080;
      text-align:left;
      margin:0px 0px 0px 0px;
      padding:20px 0px 0px 0px;
      line-height:8px;
//      width:420px;
    }

  .input
    { font-family:verdana;
      font-size:10px;
      font-weight:500;
      color:#376d9f;
      text-align:left;
      margin:5px 5px 5px 5px;
      padding:1px 1px 1px 1px;
      line-height:8px;
//      width:420px;
    }


  .content_sub_label
    { font-family:verdana;
      font-size:11px;
      font-weight:500;
      color:#376d9f;
      text-align:left;
      margin:20px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      line-height:8px;
//      width:420px;
    }

  .file_input
    { width:200px;
      margin:5px auto 0px auto;
    }

  legend
    { margin:0px 0px 0px 5px;
      padding:0px 0px 0px 0px;
      font-family:verdana;
      font-size:11px;
      font-weight:600;
      color:#808080;
    }

  .form_segment
    { margin:20px 0px 20px 0px;
      padding:0px 0px 0px 0px;
//      width:430px;
    }

//  input, textarea
//    { margin:10px 0px 10px 0px;
//      padding:0px 0px 0px 0px;
//    }


/* SIDE NAVIGATION */

  img.primary
    { border:none
    } /* no border around left column images */
  div#sum a:hover
    { background:white
    } /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
  div#sum a img.quicklook
    { height: 0;
      width: 0;
      border-width: 0;
    } /* hide the big image by making its height and width 0 */
//  div#sum a:hover img.quicklook
//    { position:absolute;
//      top:230px;
//      left:862px;
//      height:450px;
//      width:150px;
//      border:none
//    } /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */


  .right_detail
    { margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      width:160px;
      background-color:#ebebeb;
      background-image:url("../misc_images/gray_gradient_h_160px.gif");
      background-repeat:repeat-y;
      vertical-align:top;
    }

  .right-bottom_detail
    { margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      width:160px;
      background-color:#ebebeb;
      background-image:url("../misc_images/gray_gradient_h_160px.gif");
      background-repeat:repeat-y;
      vertical-align:baseline;
    }

  #prod_detail
    { width:150px;
      height:450px;
      background:yellow;
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      text-align:center;
    }

/* END OF SIDE NAVIGATION */

/* BOTTOM NAVIGATION */

  img#photo
    { width:160px;
      position:relative;
      top:5px;
      left:5px;
    }

  #bottom_nav
    { font-family:verdana;
      font-size:10px;
      font-weight:100;
      color:#376d9f;
      padding:0px 0px 15px 0px;
      line-height:8px;
    }

  #bottom_nav a:link
    { color:#376d9f;
      text-decoration:none;
    }

  #bottom_nav a:visited
    { color:#a40aaa;
      text-decoration:none;
    }

  #bottom_nav a:focus
    { color:#120aaa;
      text-decoration:none;
    }

  #bottom_nav a:hover
    { color:#120aaa;
      text-decoration:none;
    }

  #bottom_nav a:active
    { color:#120aaa;
      text-decoration:none;
    }

/* END OF BOTTOM NAVIGATION */

/* COMPANY LOGOS */

  #alogo h1
    { position:relative;
      top:25px;
      font-family:verdana;
      font-size:40px;
      font-weight:700;
      letter-spacing:5px;
    }

  img#und
    { position:relative;
      top:-20px;
      width:625px;
      height:5px;
    }

  #alogo h2
    { font-family:verdana;
      font-size:11px;
      font-weight:300;
      letter-spacing:7px;
      position:relative;
      top:-20px;
    }

  img#abg
    { position:relative;
      top:-193px;
      width:690px;
      height:120px;
      z-index:1;
    }

/* END OF COMPANY LOGO */

/* PRODUCT DETAIL */

  #product_detail
    { background:#376d9f;
//      background-image:url("../miscellaneous/bg_gradient_h.gif");
//      background-repeat: repeat-y;
    }
    
  .img_sum
    { height:290px;
      overflow:scroll;
      margin:0px 0px 0px 0px;
      padding:10px 0px 0px 25px;
    }

  img.primary
    { border:none
    } /* no border around left column images */
  p.img_sum a:hover
    { background:white
    } /* this seems to be necessary for it to work properly in IE6, I'm honestly not sure why */
  p.img_sum a img.large
    { height: 0;
      width: 0;
      border-width: 0;
    } /* hide the big image by making its height and width 0 */
  p.img_sum a:hover img.large
    { position:absolute;
      top:11px;
      left:43px;
      height:300px;
      width:300px;
      border:none
    } /* make the big image appear in the same space as the frame at right when the visitor hovers over one of the image in left column */


/* END OF CONTENT */

/* LINKS FORMATTING */

/*
  a:link
    { color:#376d9f;
      text-decoration:none;
    }

  a:visited
    { color:#a40aaa;
      text-decoration:none;
    }

  a:focus
    { color:#120aaa;
      text-decoration:none;
    }

  a:hover
    { color:#120aaa;
      text-decoration:none;
    }

  a:active
    { color:#120aaa;
      text-decoration:none;
    }
*/

/* END OF LINKS FORMATTING */

/* WEB INFORMATION FORMATING */

  .info
    { font-size:10px;
      font-color:rgb(156,117,43);
    }

/* END OF WEB INFORMATION FORMATTING */