<!--
/* ----------------------------------------------------------- */
/* ----------------------Common Styles------------------------ */
/* ----------------------------------------------------------- */
/* These are styles that are contained in either top.xsl,      */
/* toolbar.xsl, prodlist.xsl, index.xsl, or footer.xsl         */
/* ----------------------------------------------------------- */

/* Each page has a title on the top. Here's the format for it */
div.page_title {
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	color: Black;
	text-decoration: none;
}

/* The above page title doesn't work for Netscape 7 and Foxfire. */
/* span works except for text-align. */
span.page_title {
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
	color: Black;
	text-decoration: none;
}

/* Formats the links for the "top" section */
font.top_links {
	font-size: 10pt;
	color: #0000CC;
	text-decoration: none;
}

/* Formats the links for the "footer" section */
font.bottom_links {
	font-size: 10pt;
}

/* Formats the fonts for the links on the left side */
font.side_details {
	font-size: 10pt;
	color: #222D4C;
}

/* Formats the links for the "saa links" section */
font.side_links {
	font-size: 10pt;
	color: #25304F;
	text-decoration: none;
}

/* Formats the bottom links */
font.bottom_links {
	font-size: 10pt;
	color: #595959;
}

/* Formats the captions on the toolbar */
font.toolbar_caption {
	font-size: 12pt;
	color: #003399;
	font-style: italic;
	/*text-decoration: underline;*/
}

/* Image formatting */
img.center {
	vertical-align:top;
	align:center;
}


/* ----------------------------------------------------------- */
/* ----------------- General Table Styles -------------------- */
/* ----------------------------------------------------------- */

tr.gray {
    background-color: #EEEEEE;
}
tr.white {
    background-color: #FFFFFF;
}

td.table_top_td {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #ffecd9;
	background: #50608f;
}

td.table_td {
	font-size: 11pt;
	text-align: center;
}

a.td_helplnk {
    text-decoration: none;
    color: #ffecd9;
}
a.td_helplnk:hover{
    text-decoration: underline;
    color: #ffecd9;
}
a.td_helplnk:visited{
    color: #ffecd9;
}

/* ----------------------------------------------------------- */
/* ------------ Homepage re-organization styles -------------- */
/* ----------------------------------------------------------- */
body {
    font-family: arial, sans-serif;
    margin: 0px;
    padding: 0px; 
} 

/* ------- top styling -----------*/
#top {
    background: white;
    text-align:left;
    display: block;
    position: relative;
}

#banner{
    background: white;
}

#banner #class_title {
    position: absolute;
    top: 10px;
    right: 0px;
}

#toplinkbar {
    height: 28px;
    background: black;
    position: relative;   
    font-size: 10pt;
    color: white;
}

#login {
    padding: 5px 5px 5px 5px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#login a.top_links {
    font-size: 10pt;
    text-decoration: none;
    color: white;
}

#search {
    text-align: right;
    position: absolute;
    top: 3px;
    right: 0px;
    margin-right: 5px;
}

#search .searchtext {
    position: relative;
    margin-right: 2px;
    top: -1px;
}
/* -------- top styling ends -------*/

#leftbar {
    position: absolute;
    width: 140px;
    text-align: left;
    background: white;
    padding-top: 10px;
}

/* Move leftbar up in firefox so looks same as ie */
body > #leftbar {
    padding-top: 0px;
}    

#rightarea {
    padding-left: 150px;
    position: absolute;
    left: 0px;
}

#rightpanel {
    background:white;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
}

#actionbar {
    background:white;
}

#middle {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 3em;

    /* a solution for achiving min-height for IE and Firefox */
    min-height:350px;
    height:auto !important;
    height:350px;
}

#footer {
    text-align: center;
    background: white;
    padding: 0.5em 0em;
}

#restoolbar {
    margin: 10px auto auto auto;
}

#restoolbar a.linkstyle {
    font-size: 10pt;
    color: #25304F;
    text-decoration: none;
}

/* ----------------------------------------------------------- */
/* --------------------Seach Page Styles---------------------- */
/* ----------------------------------------------------------- */

/* Formats the product name heading */
div.product_name {
	font-size: 11pt;
}

/* Formats the measurement category heading */
div.measurement_category {
	font-size: 11pt;
}

/* Formats the dynamic MetaData name's table cells */
td.metadata_table_name {
	background: #ECEBEC;
	font-size: 10pt;
	font-weight: bold;
}

td.metadata_table_name a:link{color: #000000}
td.metadata_table_name a:visited{color: #000000}

/* Formats the dynamic MetaData table cells */
td.metadata_table_value {
	font-size: 10pt;
}

/* Formats the fonts next to each checkbox */
font.checkbox_descriptions {
	font-size: 10pt;
}

/* Formats the data description paragraph */
p.data_description {
	font-size: 12pt;
}

/* Formats each search sections caption or title */
font.titles {
	color: #1E2B51;
	font-size: 12pt;
	font-weight: bold;
	/*text-decoration: underline;*/
	padding-top: 1px;
	padding-bottom: 1px;
}

font.titles a:link{color: #1E2B51}
font.titles a:visited{color: #1E2B51}

.search_criteria {
       color: #1E2B51;
       font-size: 11pt;
       font-weight: bold;
       padding-top: 1;
       padding-bottom: 1;
}


/* ----------------------------------------------------------- */
/* ---------------Search Results Page Styles------------------ */
/* ----------------------------------------------------------- */

td.searchresults_table_top_td {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: #ffecd9;
	background: #50608f;
}

td.searchresults_table_top_td a:link{color: #ffecd9}
td.searchresults_table_top_td a:visited{color: #ffecd9}

td.searchresults_table_td {
	font-size: 10pt;
	text-align: center;
}

td.details_table_top_td {
	color: #ffecd9;
	font-size: 11pt;
	font-weight: bold;
	background: #50608f;
	text-align: center;
	vertical-align: text-top;
}

td.details_table_td {
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	background: #ffffff;
	text-align: left;
	vertical-align: text-top;
}

/* Specify details table cell widths when */
/* companion files are present. */
td.details_table_companion_title {width: 35%}
td.details_table_companion_value {width: 65%}

td.details_table_td a:link{color: #000000}
td.details_table_td a:visited{color: #000000}

td.details_small_table_td {
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	background: #ffffff;
	text-align: center;
}

td.details_image_td {
	color: #000000;
	font-size: 11pt;
	font-weight: normal;
	background: #ffffff;
	text-align: center;
}

/* ----------------------------------------------------------- */
/* -----------------Order Query Page Styles------------------- */
/* ----------------------------------------------------------- */

td.oq_table_top_row {
	font-size: 11pt;
	font-weight: bold;
	background: #dadada;
	text-align: center;
	border: 2px solid gray;
}

td.oq_table_top_row a:link{color: #000000}
td.oq_table_top_row a:visited{color: #000000}

td.oq_table_line_item_row {
	font-size: 10pt;
	text-align: center;
}
table.oq {
	border: solid gray;
	empty-cells: show;
	border-collapse: collapse;
}
td.oq_changeOrder {
	border: solid gray;
	border-top-width:    2px;
	border-top-color:    gray;
	border-bottom-width: 0px;
	border-left-width:   2px;
	border-right-width:  2px;
	font-size: 10pt;
	text-align: center;
}
td.oq_sameOrder {
	border: 2px solid gray;
	border-top-width:    0px;
	border-bottom-width: 0px;
	border-left-width:   2px;
	border-right-width:  2px;
	font-size: 10pt;
	text-align: center;
}
td.oq_lastRow {
	border: 2px solid gray;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	background: white;
}

/* ----------------------------------------------------------- */
/* --------------------Item Query Styles---------------------- */
/* ----------------------------------------------------------- */

td.iq_table_row_name {
	font-size: 11pt;
	font-weight: bold;
	background: #e6e6e6;
	text-align: left;
}

td.iq_table_row_value {
	font-size: 10pt;
	background: White;
	text-align: left;
}

font.go_back {
	font-size: 10pt;
	text-decoration: underline;
}

/* ----------------------------------------------------------- */
/* -------------------Shopping Cart Styles-------------------- */
/* ----------------------------------------------------------- */

td.shopping_cart_table_top {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	color: #ffecd9;
	background: #50608f;
}

td.shopping_cart_table_header {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: #ffecd9;
	background: #50608f;
}

td.shopping_cart_table_header a:link{color: #ffecd9}
td.shopping_cart_table_header a:visited{color: #ffecd9}

td.shopping_cart_info1 {
	font-size: 12pt;
	text-align: left;
    vertical-align: bottom;
}

td.shopping_cart_info2 {
	font-size: 12pt;
	text-align: right;
    vertical-align: bottom;
}


/* ----------------------------------------------------------- */
/* -------------------User Profile Styles--------------------- */
/* ----------------------------------------------------------- */

font.up_titles {
	font-size: 10pt;
}

font.required {
	font-size: 12pt;
	color: #fab114;
}


/* ----------------------------------------------------------- */
/* -----------------User Preferences Styles------------------- */
/* ----------------------------------------------------------- */

caption.up_table_caption {
	font-size: 12pt;
	font-weight: bold;
	color: Black;
}

td.up_table_top_row {
	font-size: 10pt;
	font-weight: bold;
	background: Silver;
	text-align: center;
}

td.up_table_top_row a:link{color: #000000}
td.up_table_top_row a:visited{color: #000000}

td.up_table_alternate_colgroup {
	background: #e6e3e6;
}

div.up_table_details_row {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

td.up_table_global_row {
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
}

td.up_table_subhead {
	font-size:   12pt;
	font-weight: bold;
	text-align:  left;
}

a.helplnk {
	text-decoration: none;
	color:  black;
	border: 0;
}
a.helplnk:visited {
	color: black;
}
a.helplnk:hover {
	color: #2530fF;
	text-decoration: underline;
}

/*********************************************************************/
/******************Styles for toolbar re-organization*****************/
/*********************************************************************/

#toolbar_header {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
}

#toolbar_header ul li {
     font-size: 12pt;
     color: #003399;
     margin: 10px auto auto -35px;
     //margin: 0px auto auto -35px;
     list-style-type: none;
}

#toolbar_link ul li {
    font-size: 10pt;
    color: #1E2B51;
    margin: auto auto auto -55px;
    //margin: auto auto auto -25px;
    padding-left: 0px;
    list-style-type: none;
    text-decoration: none;
}


#toolbar_link ul li a{
   color: #1E2B51;
   text-decoration: none;
}

#toolbar_link ul li a:hover {
   text-decoration: underline;
}

#header {
        font-size: 12pt;
        color: #003399;
        margin-bottom: 0px;
        margin-top: 10px;
        margin-left: 10px;
        list-style-type: none;
}


.prod_link a{
   text-decoration: none;
   color: #1E2B51;
}

.prod_desc a{
   text-decoration: none;
   color: #1E2B51;
}

.prod_desc a:hover {
   text-decoration: underline;
}

.prod_link a:hover {
   text-decoration: underline;
}

.category{
         list-style-type: none;
         margin-left:0px;
         margin-top:10px;
         margin-bottom: 10px;
}

.prod_list{
         list-style-type: none;
         margin-left: 0px;
}

.product_link{
           display: none;
           margin-left: -25px;
           //margin-left: 15px;
           margin-top: 0px;
           margin-bottom: 0px;
}

.prod_des{
           text-align: left;
           list-style-type: none;
           margin-left: 0px;
}

.long_desc{
           display: none; 
           margin-left: 15px; 
           background-color: #F7F7F7;
           border: 1px outset #222b4c;  
           margin-right: 15px; 
           padding: 5px 5px 5px 5px;
}

.cat_desc{
    margin-left: 15px;
}

</style>