html    {height: 100%; }
BODY    {width:100%; height:100%; margin: 0px;  font:normal 12px arial;background-color: #FFF9EF; color:#716558; background-image:url('images/leftbg.gif'); background-repeat:repeat-y; }

BUTTON  {font: 11px arial; padding: 0px 3px; text-transform:capitalize; direction:ltr;}

.r_t    {float:right; background-image:url(images/r_t.gif);height:10px; width:10px; background-repeat:no-repeat; background-color:#FFFFFF; font-size:1px;}
.l_t    {float:left; background-image:url(images/l_t.gif);height:10px; width:10px; background-repeat:no-repeat; background-color:#FFFFFF; font-size:1px;}
.r_b    {float:right; background-image:url(images/r_b.gif);height:10px; width:10px; background-repeat:no-repeat; background-color:#FFFFFF; font-size:1px;}
.l_b    {float:left; background-image:url(images/l_b.gif);height:10px; width:10px; background-repeat:no-repeat; background-color:#FFFFFF; font-size:1px;}

DIV.div_table DIV { float: left;}
DIV.div_table DIV DIV {clear: left; width: 100%;}
DIV.div_table DIV DIV DIV {clear: none; width:auto;}

/* Header */
H1 {font:bold 14px arial; padding:0;margin:0;}
H2 {font: bold 11px arial;  cursor: pointer; text-align: center;}

/* LABEL OBJECT */
LABEL                   {vertical-align: middle; font:bold 12px arial; padding-right: 3px; text-transform:capitalize;}
LABEL.data              {font: 12px arial;}
SPAN.small              {vertical-align: middle; font: 11px arial;}
td.small                 {vertical-align: middle; font: 11px arial;}
LABEL.small             {vertical-align: middle; font: 11px arial; letter-spacing:0px;}
LABEL.small_bold        {vertical-align: middle; font: bold 11px arial;}
LABEL.no_bold           {vertical-align: middle; font: 12px arial;}

/* TABLE'S CELLS SPECIFIC STYLES */
TD.numeric              {text-align: right;}
TD.field_holder         {padding-right: 20px;}
TD.field_holder_small   {padding-right: 5px;}
TD.content_regular      {font: 12px arial; padding: 3px;}

/* INPUT OBJECTS */
INPUT, SELECT, TEXTAREA          {font: normal 11px arial;}
INPUT.numeric                    {width: 50px; text-align: right;}
INPUT.long, TEXTAREA.long        {width: 250px;}
INPUT.address_text               {width: 270px;}
SELECT.regular, INPUT.regular    {width: 200px;}
SELECT.small, INPUT.small        {width: 150px;}
SELECT.xsmall, INPUT.xsmall      {width: 90px;}

/* FIELDSET OBJECT */
FIELDSET{font: 12px arial; color: #000000; border: solid 1px #6A8CCB; margin: 3px; padding: 3px; padding-left: 10px; }
.group_title    {font: bold 12px arial; color: #00137F; padding: 0px; text-transform:capitalize; padding:10px 0px; text-decoration:underline;}
.divide_fieldset{background-color: #C0C0C0; width: 100%; height: 1px; margin:5px 0px; clear:both;}

.underline{text-decoration: underline;}
.bold{font:bold;}
.no_text_transform {text-transform: none;}
.text_transform_capitalize {text-transform: capitalize;}
.float_left{float:left}

/* READONLY FORMS STYLE */
.view_readonly          {background-color: #D8E4F8; border: solid 1px #7F9DB9; color: #606060;} /* readonly with bgcolor */
.view_readonly_label    {border: 0px; font: 12px arial;}                                   /* readonly label style */

/* TABLE CONTENTS*/
.product_table          {text-align: center; height:auto;  table-layout: fixed; padding:3px;}
.table_content_big      {border: solid 1px #FFFFFF; padding: 3px;}
.table_title            {font: bold 12px arial; text-indent: 2px; color: #000000;}
.table_title_big        {background-color: #8FB0E2; text-indent: 2px; padding: 2px; color: #002C9B; font: bold 12px arial; height: 20px;}
.table_title_small      {font: bold 11px arial; text-indent: 2px; color: #000000;}
.table_data             {background-color: #FFFFFF; font: 11px arial; border: dotted 1px #6a8ccb; padding: 2px; vertical-align: middle; empty-cells: show;}
.table_data_2           {background-color: #E1ECFC;font: 11px arial;border: dotted 1px #6a8ccb;padding: 2px;vertical-align: middle;empty-cells: show;}
.main_grid              {}
.tr_space               {height: 10px;} /* empty row that divides 2 sections in a table */
.tr_height              {height: 27px;} /* row that contains data */
.editable_grid_field    {background-color: #C0FFC0;}
.text_align_center  {text-align: -moz-center;}
.table_view         {border-collapse:collapse; empty-cells:show; white-space:normal;border:solid 1px #C0C0C0;}
.td_body            {padding:0px 5px; font:11px arial; background-color:#FFFFFF; margin-top:0px;}
.td_body_alternating{padding:0px 5px; font:11px arial; background-color:#F2F2F2; margin-top:0px;}
.td_header          {text-align:center; padding:3px 5px; font:bold 11px arial; color:#1D4B72; background-color:#E1E8F2;border:solid 1px #C0C0C0;}
.frame_tbl_head     {text-align:left; padding:3px 5px; font:bold 11px arial; color:#1D4B72; background-color:#E1E8F2; border-bottom:solid 1px #C0C0C0;}
.table_link         {text-decoration:underline; color:#3C78B5; cursor:pointer;}
.grid_pager         {background-color:#E1E8F2; border: solid 1px #C0C0C0; padding:3px; border-top:0px;}



.table_container        {border:solid 1px #F7931E;}
.table_container_header {background-color:#F7931E; font:bold 14px arial; padding:5px; text-align:left;height:25px; width:auto;}
.table_container_footer {background-color:#F7931E; font:bold 14px arial; padding:5px; text-align:right; height:20px;}
.table_container_content {padding:5px; border-left:solid 1px #F7931E; border-right:solid 1px #F7931E;}
.table_container_sides  {clear: both; padding: 5px; border:none;}

/* rounded tab corners TABLE-CONTAINER */
.table_container_corners{ background: #FFFFFF}


/* LINKS*/
A               {color: #716558; font-weight:bold;}
.regular_link   {font: bold 12px arial; color: #716558; cursor: pointer; text-decoration:underline}
.red_link       {font: bold 12px arial; color: #CC0E3D; cursor: pointer;}
.small_link     {font: bold 11px arial; padding-left: 3px; color: #716558; cursor: pointer; text-align: center;}

.dateLink {color:#FFFFFF; font:11px arial}
/* TABS*/   
              
.tabs_line              {height: 22px;}

.tab_on                 {text-transform:capitalize; padding: 3px 8px; font: bold 15px arial; cursor: default; color: #F7931E; text-decoration:none;}
.tab_off                {text-transform:capitalize; padding: 3px 8px; font: bold 15px arial; cursor: pointer; text-decoration: none; color:#716558;}
.tab_desc_on            {float:left; font: bold 12px arial; color:#000000; padding:2px; border:solid 1px #6FB2E2; border-bottom:solid 1px none; height:18px; *height:24px; background-color:#6FB2E2;}
.tab_desc_off           {float:left; font: normal 12px arial; color:#000000; padding:2px; cursor:pointer; border:solid 1px #6FB2E2; border-bottom:0px; height:17px; *height:22px; margin-top:2px }
.master_tab_separator   {width: 5px; border:0px;background-color: #FFFFFF;}
.tab_content            {vertical-align: top; height: 100%; vertical-align: middle; font: 12px arial; padding: 0px;}

/* rounded tab corners ON */
.master_tab_on{width:80px; text-transform:capitalize; margin-left:10px ;background: #a21212; color:#FFFFFF; font:bold 12px arial; cursor: default; text-align:center; padding-bottom:5px;}
b.rtop_master_tab_on, b.rbottom_master_tab_on{display:block;background: #FFFFFF}
b.rtop_master_tab_on b, b.rbottom_master_tab_on b{display:block;height: 1px; overflow: hidden; background: #a21212}
b.r1_master_tab_on{margin: 0 5px}
b.r2_master_tab_on{margin: 0 3px}
b.r3_master_tab_on{margin: 0 2px}
b.rtop_master_tab_on b.r4_master_tab_on, b.rbottom_master_tab_on b.r4_master_tab_on{margin: 0 1px;height: 2px}


/* rounded tab corners OFF */
.master_tab_off{width:80px; text-transform:capitalize; margin-left:10px ;background: #AACCEF; color:#FFFFFF; font:bold 12px arial; cursor: pointer; text-align:center; padding-bottom:5px;}
b.rtop_master_tab_off, b.rbottom_master_tab_off{display:block;background: #FFFFFF}
b.rtop_master_tab_off b, b.rbottom_master_tab_off b{display:block;height: 1px; overflow: hidden; background: #AACCEF}
b.r1_master_tab_off{margin: 0 5px}
b.r2_master_tab_off{margin: 0 3px}
b.r3_master_tab_off{margin: 0 2px}
b.rtop_master_tab_off b.r4_master_tab_off, b.rbottom_master_tab_off b.r4_master_tab_off{margin: 0 1px;height: 2px}
                                
 
.header_regular_bold    {font: bold 12px arial; text-decoration: underline;}
.validator_text         {font: bold 11px arial; color:#FF0033;}
.validator_frame        {font: bold 11px arial; background-color:#FFF3C1; border:solid 1px #000000; padding:3px;}
.size_operator          {font:bold 10px arial; position:relative; bottom:1px}


.pixel_separator        {height: 12px; width: 1px; background-color: #000000; vertical-align: middle; border:0px}
.faded_gray             {filter: gray() alpha(opacity=50);} /* filter that turns object to grayscale with 50% opacity */

.disabled_FF            {opacity: .5;}
.disabled_div           {position: absolute; background-color: Silver; opacity: .5; filter: alpha(opacity=50); width: 100%; height: 100%;}

/* DIV CONTAINERS */
.categories_menu_frame              { width:100%; margin-bottom:5px;}
.search_frame                       {border:none; width:100%; margin-bottom:5px;}
 DIV.search_frame A{color:White;}
 
.box_title                          { text-indent: 2px; color: White; font: bold 14px arial;  vertical-align:middle; text-transform:capitalize;}
.categories_menu_link               {text-indent:3px; padding:5px 0px; text-transform:capitalize}
.categories_menu_links_container    {padding-left:3px; width:100%}
.categories_menu_line               {width: 100%; height:auto; _height:16px; text-transform:capitalize; border-top:solid 1px #E5E5E5; padding:2px 0px; font:12px arial;}
.left_area_details                  {height:auto; vertical-align:top; float:left;}
.right_area_data                    {padding:5px; height:auto; width:auto; _height:300px; border-left:none; float:left;}

/* TEXT PARAGRAPHS */
.big_title        {font:bold 14px arial; padding-top:10px}
.small_title      {font:bold 12px arial; padding-top:8px}
.regular_text     {font:12px arial; line-height:17px;}
.small_text       {font:11px arial;}

.phase_current   {color:#007F0E; font:bold 12px arial}
.phase_unchosen  {color:#808080; font:12px arial}
.phase_previous  {color:#2fa2e3; font:12px arial; text-decoration:underline; cursor:pointer; padding-right:5px;}

.new_row            {clear:both;}
.search_results     {font:bold 14px arial;  width:95%; padding:5px;}

.loading_div		{position: fixed; top:200px; left:330px;}

.catalog_layout_img  {margin-right:5px; margin-top:2px; border:0px;}
.catalog_layout_btn {float:left; border:outset 2px #D3D3D3; margin:2px; padding:1px 5px; height:18px; background-color:#F7F7F7; font:normal 11px tahoma; cursor:pointer; text-decoration:none;}
.catalog_layout_btn_clicked {float:left; border:inset 2px #D3D3D3; margin:2px; padding:1px 5px; height:18px; background-color:#E8FFFF; font:normal 11px tahoma; cursor:pointer; text-decoration:none;}

/* INLINE WINDOW */
.inline_window_toolbar      {background-color: #EAEAEA; font: bold 12px arial; color: #000000; text-decoration: underline; padding: 5px; width:auto;}
.inline_window_header       {text-transform:capitalize; border:solid 3px #d2bebe; font:bold 14px arial; text-align:left; height:20px; margin-bottom:5px; width:600px;}
.inline_window_box          {width:100%; _height:300px; min-height:300px;}
.inline_window_container    {padding: 5px; height: 100%;}
.inline_left_tab_on         {margin:5px 0px; padding:5px; font:bold 12px arial; color:#000000; cursor:default;}
.inline_left_tab_off        {margin-top:6px; margin-right:10px; padding:5px; font:12px arial; color:#FFFFFF; cursor:pointer;}
.inline_subcategory_container   {background-color:#F7931E; padding:5px; text-align:right;}
.inline_subcategory_active      {padding:0px 5px; font:bold 12px arial; cursor:default; color:#000000;}
.inline_subcategory_inactive    {padding:0px 5px; font:bold 12px arial; cursor:pointer; color:#c00607; text-decoration:underline;}


.inline_popup_header    {background-color:#3C78B5; color:#FFFFFF;}
.inline_popup_border    {border:solid 2px #3C78B5;}
.inline_popup_tabs      {border:solid 3px #6FB2E2;}



.about_main_area_2 {font:normal 12px arial; margin-right:10px; float:left; width:70%;}
.about_more_area_2   {float:left;}
.about_more_float_2 {margin:5px;}
.about_main_area_1 {font:normal 12px arial; margin-right:10px;}
.about_more_float_1 {margin:5px;float:left;}

/* CLASSES */
.PauseScrollerCss{width: 350px;height: 20px;border: 0px solid black; padding: 3px;}


DIV#shoppingCartHeader { color:White; height:31px; padding-top:15px;  background-image:url('images/ContainerHeaderBG.jpg');background: url('images/ContainerHeaderBG.jpg')}
DIV#PrintableCatalogHeader{ color:White; height:31px; padding-top:15px;    background-image:url('images/ContainerHeaderBG.jpg');background: url('images/ContainerHeaderBG.jpg')}
DIV#BusinessCardHeader{  color:White; padding:15px 0px; background-image:url('images/ContainerHeaderBG.jpg');background: url('images/ContainerHeaderBG.jpg')}

DIV#CheckoutButtonPanel {  color:White; height:31px;  background-image:url('images/ContainerFooterBG.jpg');background: url('images/ContainerFooterBG.jpg')}
DIV#CheckoutButtonPanel input[type="button"]{background-color:transparent; font-size:15px; margin-top:5px; border:none; color:White;font-weight:bold; cursor:pointer;}
DiV#addButtonDiv input[type="button"] { cursor:pointer; color:White; height:21px; font-weight:bold; border:none; background-image:url('images/ButtonBG.gif'); background:url('images/ButtonBG.gif') }
#SearchBoxDiv{padding-top:160px; color:White;}
DIV#SearchBoxDiv input[type="button"]{border-bottom:solid 5px Black;}

.product_control_panel{ border:dotted 2px #8CC63F;}

.menu{margin-left:200px; font-size:15px; margin-top:-50px;}
.menu LI{text-decoration:none; font-weight:bold;}
.menu A:hover{text-decoration:none;}
.menu IMG{ src:url(images/bullet_green.gif);}

.LeftContentContainer{margin:150px 5px; width:200px; color:White;}
.mainDiv{background-image:url('images/BodyBG.jpg'); background-repeat: no-repeat; }
.inlineContainer{background:none;}

.detailsButton { cursor:pointer; color:White; height:22px; font-weight:bold; border:none;  background:url('images/ViewButtonBG.gif');width:132px }

DIV#catalog_item{border:none;}
DIV#_supplierLogo { display: none;}
DIV#mainfooter{ background-color:#F7931E;}
DIV#mainfooter A{color:White;text-decoration:none;}
div#ProductLineItemContainer{border-top:none;}
DIV#ProductLineInHomePage{margin-top:150px; color:White;}
DIV#HomeMainDiv{margin-top:80px;}
DIV#left_tabs{margin-top:140px;}
#CheckoutText1{display:none;}
#Checkout1{margin-left:200px;}
#CheckoutText2{display:none;}
#Checkout2{margin-left:200px;}
#Checkout3{margin-left:200px;}
#CheckoutText3{display:none;}
#CheckoutProcess{margin-left:200px;}
#CheckoutFooter{margin-left:200px;}
#DefaultPageLogo{display:none;}
#printableCatalogDiv{border:solid 1px; padding:1px;}
LI.product_line 	{list-style-type: none; list-style-image:none; background-image:url(images/bullet_green.gif); background-position:left; background-repeat:no-repeat; padding:5px;}
LI.product_line  A	{color:White; margin-left:15px;}
#printableCatalogDiv{border:solid 1px; padding:1px;}
#shoppingCartDiv{border:solid 1px;}
.corner_frame{width:300px; text-align:center; margin:auto; background-color:#F2F0ED;}
.corner_frame_2{width:350px; text-align:center; margin:auto; background-color:#F2F0ED;}
#OrderTotalTR{background-color:#FFF3BA;}
#BusinessCard{border:solid 1px; padding:1px;}
#OrderHistoryID{ width:700px;}
.FormHeightImg{margin-top:750px; border:none;  }