*                                   { padding: 0; margin: 0; }
body                                { background-color: white; }
body, p, div, td, span              { font-size: 12px; font-family: sans-serif; color: #4F4F4F;}
select                              { border: 1px solid #999; color: #555; }
hr.separator                        { border: 0; height: 4px; background-color: #e5e5e5; margin-bottom: 14px; }
#top_stripe                         { height: 22px; background-color: #383838; width: 100%; }            
#main_width                         { margin: 0 auto; width: 980px; }
#main_content                       { margin: 20px 0; }
#main_header                        { position: relative; }
#header                             { border: 0; height: 4px; background-color: #f68e1b; }
#menu_container                     { position: relative; height: 60px; }
.menu_item                          { display: inline-block; font-size: 15px; padding: 12px 20px; 
                                    background-color: #ddd; font-weight: bold; color: #888888; 
                                    position: relative; vertical-align: middle;}
.menu_item:hover                    { background-color: black; color: white; }
.menu_item a                        { text-decoration: none !important; color: inherit !important; }  
.menu_dropdown                      { z-index: 20; display: none; position: absolute; left: 0; top: 39px; width: 200px; }
.menu_dropdown a                    { display: block; background-color: #ddd; padding-left: 23px; padding-top: 14px; padding-bottom: 14px; color: #959595; font-weight: bold; text-decoration: none; border: 1px solid #ccc; }
.menu_dropdown:hover                { display: block; } 
.menu_item:hover div.menu_dropdown  { display: block; }
.menu_dropdown a:hover              { background-color: #999; color: white !important; }
.extended_menu_item                 { padding-right: 150px !important; height: 18px; min-width: 50px; }
.extended_menu_item:hover           { background-color: #ddd; }
#user_account_link:hover            { background-color: black; }
/* ******************************** Menu ************************* */
nav ul ul                           {display: none;}
nav ul li:hover > ul                {display: block;}
nav ul                              {background: #efefef; 
                                    background: linear-gradient(top, #efefef 0%, #AFAFB0 100%);  
                                    background: -moz-linear-gradient(top, #efefef 0%, #AFAFB0 100%); 
                                    background: -webkit-linear-gradient(top, #efefef 0%,#AFAFB0 100%); 
                                    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
                                    padding: 0 20px; border-radius: 3px;  list-style: none; 
                                    position: relative; display: inline-table;}
nav ul:after                        {content: ""; clear: both; display: block;}
nav ul li                           {float: left; position: relative;}
nav ul li:hover                     {background: #4b545f;
                                    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
                                    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
                                    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);}
nav ul li:hover a                   {color: #fff; text-decoration: none;}
nav ul li a                         {display: block; padding: 6px 9px; color: #000; text-decoration: none;
                                    font-weight: bold;}
nav ul ul                           {background: #5f6975; border-radius: 0px; padding: 0;	
                                    position: absolute; top: 100%;}
nav ul li:last-child ul             {right: 0;}
nav ul ul li                        {float: none; border-top: 1px solid #6b727c; 
                                    border-bottom: 1px solid #575f6a;
                                    position: relative; white-space: nowrap; min-width: 144px;}
nav ul ul li a                      {padding: 6px 9px; color: #fff;}	
nav ul ul li a:hover                {background: #4b545f; text-decoration: none;}
nav ul ul ul                        {position: absolute; left: 100%; top:0;}
/****************** Context Menus *******************/
nav.context                         {position: absolute; top: 3px; right: 3px; background: none;
                                    font-size: 12px;}
nav.context li:first-child:hover    {background: none;}
nav.context > ul                    {margin: 0; padding: 0; background: none;}
nav.context > ul > li > ul          {background: #686868;}
nav.context input                   {display: block; background: none; cursor: pointer; font-weight: bold; 
                                    height: 30px; margin: 0; padding: 8px 15px; text-align: right; 
                                    width: 100%; border-bottom: 1px solid #888;}
nav.context input:hover             {background-color: #555; cursor: pointer; background: none; 
                                    z-index: 101;}
nav.context input:last-child        {border: none; }
nav.context a                       {display: block; padding: 8px 15px;
                                    border-bottom: 1px solid #888; color: #FFF; float: none;
                                    font-weight: bold;}
nav.context ul li img               {height: 21px; }    
nav.context a img                   {height: 15px; margin: 0 3px -3px 0;}
nav.context a:hover                 {text-decoration: none; background-color: #555; color: #FFF;}
nav.context li:hover                {z-index: 101;}
nav.li input                        {text-transform: none;}
/********************** Main Layout ********************/
div.page_div                        { min-height: 450px; }
div#middle_container                { height: 280px; margin: 20px 0; }
div#intro                           { margin-left: 40px; width: 305px; float: left; clear: none; margin-top: 20px; margin-bottom: 20px; }
div#intro_images                    { height: 90px; width: 100%; background-image: url("/inv/images/index/intro.png"); }
div#intro_buttons a                 { display: block; border: 1px solid #bfbfbf; padding: 10px; background-color: white; color: #bfbfbf; width: 120px; text-align: center; }
div#slideshow                       { position: relative; background-color: white; width: 585px; height: 280px; float: right; clear: none; }
div#slideshow_controls              { position: absolute; left: 10px; bottom: 10px; }
div#slideshow_controls div          { height: 25px; width: 25px; display: inline-block; background-image: url("/inv/images/index/slideshow_button_off.png"); }
div#slideshow_controls div:hover    { background-image: url("/inv/images/index/slideshow_button_on.png"); }
/********************** Header ********************/
a#href_main_logo                    { display: inline-block; }
span#logged_in                      { float: right; }
div#top_menu                        { float: right; font-size: larger; font-weight: bold; padding-top: 6px; }
div#top_menu span.top_menu_divider  { padding-right: 6px; padding-left: 6px; }
hr#top_divider                      { clear: both; }
#shop_cart_summary                  { text-align: right; font-weight: bold; margin: 10px 10px 10px 0; }
#shop_cart_summary a                { position: relative; }
#shop_cart_summary a:before         { content: url("/inv/images/icon_scart.png"); position: absolute; top: -3px; left: -26px; }
#header_contact_info                { position: absolute; top: 20px; left: 418px; font-size: 10px; line-height: 18px; color: #888; }
#header_search_bar                  { background-color: #383838; position: absolute; right: 0; top: 0; height: 40px; width: 333px; }
#header_search_bar img              { float: left; height: 40px; width: 40px; }
#header_address                     { position: absolute; left: 687px; top: 52px; font-weight: bold; color: #888; font-size: 10px; line-height: 14px; }
#login_container                    { position: absolute; right: 0; top: 0; height: 60px; width: 452px; }
#login_panel                        { position: absolute; right: 0; top: 0; height: 100%; width: 392px; background-image: url("/inv/images/index/login_backgr.png"); }
#login_panel a                      { float: right; display: inline-block; border: 1px solid #fef8f1; border-radius: 1px; color: white; font-weight: bold;
                                      font-size: 15px; padding: 4px 10px 3px 10px; margin-top: 16px; margin-right: 18px; border-left-color: #F6CBA2; border-top-color: #F6CBA2; }
#login_panel a:hover                { color: #eb8018; background-color: #fef8f1; text-decoration: none; }
#login_angle                        { position: absolute; top: 0; right: 392px; width: 60px; height: 100%; background-image: url("/inv/images/index/angle.png"); }
/****************** Footer *******************/
div#main_footer                     { clear: both; padding-top: 0.5mm; font-weight: bold; margin-bottom: 15px; }
div#copy_right                      { color: #888888; font-size: smaller; margin: 0 auto; margin-top: 2px; position: relative; width: 980px; }
div#footer_attrib                   { position: absolute; right: 0; top: 0; text-align: right; color: inherit !important; font-size: inherit !important; }
div#main_footer a                   { font-size: smaller; }
div#main_footer span.divider        { color: #888888; padding-left: 5px; padding-right: 5px; }   
/**************** Main Navigation  *************/
div#side_nav                        { width: 200px; height: 540px; float: left; }
div#side_nav img                    { float: left; }
/**************** Promotional *************/
/**************** General *************/
h1, h2, h3, h4                      { margin-top: 0; color: #4D4D4D; }
h1                                  { font-size: 21px; margin-bottom: 6px; }
h2                                  { font-size: 17px; margin-bottom: 4px; }
h3                                  { font-size: 13px; margin-bottom: 6px; }
h4                                  { font-size: 13px; margin-bottom: 1px; }
a:link                              { color: #A04710; text-decoration: none; }
a:visited                           { color: #A04710; text-decoration: none; }
a:hover                             { color: #650509; text-decoration: underline; }
p                                   { margin-bottom: 6px; margin-top: 0px; line-height: 130%; }
input[type="image"],
img,
input[type="radio"]                 { border: 0px; }
.no_wrap                            { white-space: nowrap; }                        
div.line_break                      { clear: both; height: 6px; }
div.right_break                     { clear: right; height: 6px; }
div.left_break                      { clear: left; height: 6px; }
div.h_sep                           { height: 3px; border-bottom: 1px dotted #000; margin: 6px 0 9px 0; clear: both; }
input[type="text"],
input[type="password"], textarea    { border: 1px solid #4F4F4F; }
input[type="submit"], button        { background-color: #F7941E; color: white; border: 0; 
                                    font-weight: bold; padding: 5px 10px; cursor: pointer; 
                                    text-transform: uppercase;}                      
input[type="submit"]:hover,
button:hover                        {background-color: #EC5816; }
.special_action:hover               {text-decoration: none; background: #303644; }                          
label                               {color: #3A3A3A; font-weight: bold; padding-right: 5px; 
                                    width: 120px; display: inline-block;}
#global_msg, .global_msg            {color: #E35526; font-weight: normal; font-size: 16px; font-family: 'David'; }
.special_action                     {float: right; text-align: center;
                                    margin-top: 3px; padding: 6px 12px; font-weight: bold;
                                    border-radius: 3px;
                                    background: #F2F6F8; /* Old browsers */
                                    background: rgb(96,108,136); /* Old browsers */
                                    background: -moz-linear-gradient(top,  rgba(96,108,136,1) 34%, rgba(90,95,104,1) 73%, rgba(90,95,104,1) 76%); /* FF3.6+ */
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(34%,rgba(96,108,136,1)), color-stop(73%,rgba(90,95,104,1)), color-stop(76%,rgba(90,95,104,1))); /* Chrome,Safari4+ */
                                    background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* Chrome10+,Safari5.1+ */
                                    background: -o-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* Opera 11.10+ */
                                    background: -ms-linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* IE10+ */
                                    background: linear-gradient(top,  rgba(96,108,136,1) 34%,rgba(90,95,104,1) 73%,rgba(90,95,104,1) 76%); /* W3C */
                                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#5a5f68',GradientType=0 ); /* IE6-9 */ }
.special_action a, .ui-widget-content .special_action a     
                                    { color: #FFF; } 
.show_order                         { float: left; width: 21px; padding: 3px; margin-right: 3px; border: 1px solid #CCC; }
.right_col                          { width: 42%; float: left; padding-left: 24px; border-left: 1px dotted #999; }
.left_col                           { width: 45%; float: left; }
/************** Ajax **************/

/************** Page Specific Formatting **************/
/* All Pages */
div.page_div .page_nav              { width: 100%; text-align: center; margin-top: 16px; }
div.page_div .form_header input[type="submit"], 
div.page_div .form_footer input[type="submit"]
                                    { margin-left: 6px ; }
div.form_filters input,
div.form_filters select             { margin-left: 5px; float: none; }                               
table.bound                         { width: 100%; }
table.bound th                      { background-color: #DDD; padding: 6px; color: #888; font-size: 16px; }
table.bound th a                    { color: #888; }
table.bound tr.even                 { background-color: #E0E5E9; }
table.bound th.id_column            { width: 10px; }
table.bound td                      { padding: 4px; }
.page_total, .grand_total           { background: #808080 !important; }
.page_total td, .grand_total td     { font-weight: bold;}
.ralign                             { text-align: right; }
.round_box_6px                      {border-radius: 6px; -moz-border-radius: 6px; 
                                    -webkit-border-radius: 6px; padding: 6px; 
                                    border: 1px solid #999; }
.round_box_3px                      {border-radius: 3px; -moz-border-radius: 6px; -webkit-border-radius: 3px; padding: 3px; border: 1px solid #999; }
.filter_controls                    { float: left; width: 84%; }
.filter_buttons                     { float: left; width: 15%; }
.filter_buttons input               {margin: .2em;}
.filter_wrap                        { padding: 6px 0px; margin: 2px; border: 1px dotted #999; }
.scr_section                        { border: 1px solid #000; width: 60%; padding: 12px; }
fieldset.form_filters               {padding: 6px; border: 1px solid #999;}
legend                              { padding: 6px; }
.form_filters label                 {width: auto; margin: 0 1px 0 2px; }
.active_step                        { background: #C5F0F9; }
.completed_step                     { background: #E3F4F7; }
.completed_qty                      { padding: 3px; color: #FFF; font-weight: bold; background: #431859; display: inline-block; width: 24px; text-align: right; }
.warning                            { color: #FFF; background: #FF0000; padding: 3px; margin: 2px; }
.selected_row                       { background: #C4D9EF; }        
.prod_st                            { display: inline-block; width: 72px; padding: 3px 6px; color: #FFF; text-align: center; } 
.prod_st_active                     { background: #88BF41; }
.prod_st_end_of_line                { background: #7527A3; }
.prod_st_pending                    { background: #E02A94; }
.bottom_bar                         { position: fixed; bottom: 0px; float: left; background: #D1D6D2; width: 1240px; border: 1px solid #575C63; border-bottom: 0; text-align: center; border-top-right-radius: 6px; border-top-left-radius: 6px; }
.bottom_bar  input                  { padding: 3px; }
.disabled                           { opacity: 0.4; }
.infiniti_sign                      { font-size: 1.4em; font-weight: bold; }
.number                             { text-align: right; padding-right: 3px; }

.blue                               { background: #1D2063; }
.green                              { background: #028955; }
.orange                             { background: #EB5F00; }
.purple                             { background: #530676; }
.red                                { background: #F43004; }
.yellow                             { background: #FFCC00; }
.ui-multiselect-checkboxes label    { width: auto; font-weight: normal; }

/* Select boxes */
.select_box                         { background: #E0E5E9; padding: 1px; float: left; vertical-align: middle; text-align: center; }
.selected_box                       { background: #9E8990; }    
.selected_box a                     { color: #FFF; }
.page_nav_wrap                      { margin-top: 6px; text-align: center; }
.page_nav_cell                      { display: inline-block; width: 21px; margin-left: 3px; text-align: center; } 
.page_nav_cell a                    { text-decoration: none; } 
.page_nav_wrap .page_nav_cell:first-child  
                                    { margin-left: 0; }
.page_nav_cell.cur_page             { background: #222; color: #FFF; }
.strike_through                     { text-decoration: line-through; }
.hlighted                           {background: #E87C18; color: #FFF;} 

/* Public layout search stripe */
.search_button_holder               { width: 35px; position: fixed; top: 0; left: 0; height: 100%; 
                                    z-index: 100; background-repeat: repeat-y; 
                                    background-image: url("/inv/images/search_icons/search_stripe.png");}
#search_catalog                     { cursor: pointer; position: absolute; top: 50%; right: 0; margin-top: -65px; 
                                    width: 35px; height: 130px; }
.ralign                             {text-align: right;}
.calign                             {text-align: center;}
.sys_alerts_wrap                    {display: none; /* make sure alerts do not show on public pages*/}
                                      
@media print
{
.search_button_holder               {display: none;}
}