/* Template CSS */

body {
background-color: #FFFFFF;
background: url('') repeat-x scroll 0 0;
}

div.nav_font_Arial div.nav_container {
font-family: Arial,Tahoma,Helvetica,sans-serif;
}

div.nav_font_Verdana div.nav_container {
font-family: Verdana,Geneva,sans-serif;
}

div.nav_font_Tahoma div.nav_container {
font-family: Tahoma,Arial,Helvetica,sans-serif;
}

div.nav_font_Georgia div.nav_container {
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
}

div.nav_font_Times div.nav_container {
font-family: 'Times New Roman',Times,serif;
}

div.nav_font_Courier div.nav_container {
font-family: 'Courier New','Courier',monospace;
}
div#top_of_page {
height: 30px; 
background: no-repeat url('0');
}

div#first_nav_bar {
background-color: #FFFFFF;
height: 55px;
background-image: url('http://www.documentsolutionsinc.com/upload//stock/top_nav_images/white_light_gradient.png');
}

div#second_nav_bar {
background-color: #FFFFFF;
height: 55px;
background-image: url('http://www.documentsolutionsinc.com/upload//stock/top_nav_images/white_light_gradient.png');
}


div#top_of_page a {
color      : #000000;
}

div#first_nav_bar a {
color      : #000000;
}

div#second_nav_bar a {
color      : #000000;
}

div#top_of_page a:hover {
color      : #;
}

div#first_nav_bar a:hover {
color      : #;
}

div#second_nav_bar a:hover {
color      : #;
}

/* Don't show empty div for second page title image in IE7 */
div#page_title_image_two {
line-height: 0;
font-size: 0; 
}

div#footer {
color: #FFFFFF;
background: url('http://www.documentsolutionsinc.com/upload//stock/footers/white_light_gradient_footer.jpg');
height: 57px;
}

/* Left Nav */

div#leftnav_top {
background-color: #CECFCE;
background: no-repeat url('http://www.documentsolutionsinc.com/upload//stock/leftnav_top/grey_leftnav_top.png');
height: 64px;
}

div#leftnav_bottom {
background-color: #FFFFFF;
background: no-repeat url('http://www.documentsolutionsinc.com/upload//stock/leftnav_bottom/grey_leftnav_bottom.png');
height: 25px;
}

/* All the way down the page /*
#main_leftnav_column {
background-color: #FFFFFF;
}

/* Just the nav */
#leftnav_container {
background-color: #CECFCE;
width: 250px;
}

#leftnav_container table {
width: 250px;
}

#leftnav_container a {
color: #000000;
}

#leftnav_container a:hover {
color: #0000FF;
}

div#mainContent {
background: no-repeat url('');
}



/* Site-nav */
.nav2 {
    font-family   : Arial, Helvetica, sans-serif;
    font-size     : 12;
    color         : #000000;
    }
/* Shared */


#main_outer_table {
width: 100%;
}

#main_content_column {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 13px;
color: #000000;
line-height: 17px;
}

#main_content_column p {
margin: 16px 0px 16px 0px;
}

#main_content_column ul {
padding-left: 30px;
}

#main_content_column td.body {
padding-left: 10px;
}

#first_nav_bar table, 
#second_nav_bar table,
#top_of_page table  {
	margin-left: 10px;
    margin-top: 0px;
}

#first_nav_bar table tr td, 
#second_nav_bar table tr td,
#top_of_page table tr td {
    vertical-align:middle;
}



.nav_container a {
text-decoration: none;
letter-spacing: -1px;
font-size: 18px;
padding-left: 3px;
padding-right: 3px;

}

.nav_container table.small a {
font-size: 16px;
}

.nav_container table.medium a {
font-size: 18px;
}

.nav_container table.large a {
font-size: 20px;
}

.nav_container table.right {
float: right;
}

.nav_container table.left {
float: left;
}

.nav_container table.center {
margin-left:auto; 
margin-right:auto;
}

#first_nav_bar a:hover, #second_nav_bar a:hover, #top_of_page a:hover {
text-decoration: underline;
}



#leftnav_container td {
padding: 10px 3px 3px 5px; 

}

#leftnav_container td a {
text-decoration: none;
font-weight: bold;
font-size: 13px;
}


/* Pad out the old forms */
#main_content_table #main_content_column form table {
border-collapse: separate;
border-spacing: 3px;

}

#main_content_table #main_content_column form table.supplies_table {
border-collapse: separate;
border-spacing: 0;

}
#main_content_table #main_content_column tr.spacer_row {
line-height: 0px;
}
/* Product Display */


input.product_search {
width: 325px;
border: 1px solid #939598;
font-size: 16px;
padding: 2px;

}

table.product_search_form td.product_search_field {
text-align: right;
vertical-align: middle;
}

td#main_content_column {
padding: 0;
}

.product_table img{
border: none;
}
tr td.nav_toprow {
padding-left: 10px;
}

table.product_table {
font-family: arial;
color: #555555;
font-size: 13px;
}

div.product_title {
margin: 20px 0 0 0;
border-top: 1px dashed #d2d2d2;
height: 25px;
position: relative;
}

div.product_title div.product_title_text {
position: absolute;
top: -17px;
background-color: #FFFFFF;
padding: 5px 10px 5px 5px;
font-weight: bold;
font-size: 16px;
color: #333333;
}


td.product_left {
width: 250px;
vertical-align: top;
}

td.product_left {
}

td.product_middle {
padding: 5px 0 0 10px;
width: 100%;
}

td.product_middle strong {
font-size: 16px;
}

#main_outer_table td.product_middle ul {
list-style-type: none;
list-style-position: outside;
padding: 0px 2px 0px 0px;
margin: 15px 0px 15px 0px;
}

td.product_middle ul li {
background: url('/images/asb/icons/product_bullet.gif') no-repeat TOP LEFT;
padding: 0 0 1px 15px;
margin: 0;

}

td.product_right {
width: 165px;
text-align: right;
vertical-align: top;
padding-top: 5px;
}


span.associated_products a {
color: #5fbbee;
}

span.associated_products a:hover {
color: #1e3264;
}

/* End Product Display */
table.xerox_news_table tr td {
    padding: 2px;
}
/* Generic Text Style */
body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 20px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* CSS Reset/Fixes */
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/* font-size: 100%; */
	vertical-align: top;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: square;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* LEGACY CSS TEMPLATE  */
 
/* Navigation Middle Row */
.nav_midrow {  
    background-color: #333333;
	border-color    : #000000 black; 
	border-bottom   : 1px solid rgb(0,0,0);
    }

.nav_midrowtxt {  
	font-family: Arial, Helvetica, sans-serif;
	color      : #FFFFFF;
	font-size  : 12;
    font-weight: bold    
	}
    
.nav_midrowtxt a:link {
	font-family : Arial, Helvetica, sans-serif;
	color       : #FFFFFF;
	text-decoration : none;
	}

.nav_midrowtxt a:visited {
	font-family : Arial, Helvetica, sans-serif;
	color       : #FFFFFF;
	text-decoration : none;
	}

.nav_midrowtxt a:hover {
	font-family : Arial, Helvetica, sans-serif;
	color       : #FFFFFF;
	text-decoration : underline;
	}



.container {
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}

.full_width {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 970px;
}




.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	/* margin= top, right, bottom, left */
	margin : 0px 0px 0px 0px;
	}

/* Sub-Title */

.subtitle {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none; 
	/* margin= top, right, bottom, left */
	margin: 0px 0px 0px 0px}

/* By Line */	

.byline {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 18px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none; 
	/* margin= top, right, bottom, left */
	margin: 0px 0px 0px 0px
	}
	
/* [START] CALENDAR CLASSES [START] */

    /* Calendar Index Top-Bar */
    .calendar_topbar                {background: #CCCCCC; 
                                     font-family: Arial, Helvetica, sans-serif;
                                     font-size  : 12px;
                                     font-weight: bold; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .calendar_topbar a:link         {color: #000000; text-decoration: none;}
    .calendar_topbar a:visited      {color: #000000; text-decoration: none;}
    .calendar_topbar a:hover        {color: #000000; text-decoration: underline;}
    
    /* Calendar Index Day of Week Bar */
    .calendar_dow                   {background: #000000; 
                                     font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px;
                                     font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
    .calendar_dow a:link            {color: #FFFFFF; text-decoration: none;}
    .calendar_dow a:visited         {color: #FFFFFF; text-decoration: none;}
    .calendar_dow a:hover           {color: #FFFFFF; text-decoration: underline;}
    
    /* Calendar Index Blank Day Header */
    .calendar_blank_hdr             {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif;
                                     font-size: 12px; font-weight: bold; color: #CCCCCC; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Index Blank Day Body */
    .calendar_blank_body            {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #CCCCCC; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Index Day Header */
    .calendar_day_hdr               {background: #DDDDDD; font-family: Arial, Helvetica, sans-serif;
                                     font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Index Day Body */
    .calendar_day_body              {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .calendar_day a:link            {color: #000000; text-decoration: none;}
    .calendar_day a:visited         {color: #000000; text-decoration: none;}
    .calendar_day a:hover           {color: #000000; text-decoration: underline;}
    
    /* Calendar Index Footer */
    .calendar_footer                {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .calendar_footer a:link         {color: #000000; text-decoration: none;}
    .calendar_footer a:visited      {color: #000000; text-decoration: none;}
    .calendar_footer a:hover        {color: #000000; text-decoration: underline;}

    /* Calendar Event Top-Bar Background */
    .calendar_event_dominant        {background: #000000; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Event Body Background */
    .calendar_event_recessive       {background: #DDDDDD; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Event Top-Bar */
    .calendar_event_topbar          {background: #000000; font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 80%; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
    
    /* Calendar Event Body */
    .calendar_event_body            {font-family: Arial, Helvetica, sans-serif; 
                                     font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .calendar_event_body a:link     {color: #000000; text-decoration: none;}
    .calendar_event_body a:visited  {color: #000000; text-decoration: none;}
    .calendar_event_body a:hover    {color: #000000; text-decoration: underline;}

/* [END] CALENDAR CLASSES [END] */

/* [START] PRESS RELEASE CLASSES [START] */

    /* Press Release Index Top-Bar */
    .pressrelease_topbar                {background: #333333; 
                                         font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 80%; font-weight: bold; 
                                         color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_topbar a:link         {color: #FFFFFF; text-decoration: none;}
    .pressrelease_topbar a:visited      {color: #FFFFFF; text-decoration: none;}
    .pressrelease_topbar a:hover        {color: #FFFFFF; text-decoration: underline;}
    
    /* Press Release Index Header Bar */
    .pressrelease_header                {background-color: #333333;
                                         font-family: Arial, Helvetica, sans-serif;
                                         font-size: 12px; font-weight: bold;
                                         color: #FFFFFF; 
                                         text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_header a:link         {color: #FFFFFF; text-decoration: none;}
    .pressrelease_header a:visited      {color: #FFFFFF; text-decoration: none;}
    .pressrelease_header a:hover        {color: #FFFFFF; text-decoration: underline;}
    
    /* Press Release Index Even Rows */
    .pressrelease_even                  {background: #EEEEEE; font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_even a:link           {color: #000000; text-decoration: none;}
    .pressrelease_even a:visited        {color: #000000; text-decoration: none;}
    .pressrelease_even a:hover          {color: #000000; text-decoration: underline;}

    /* Press Release Index Odd Rows */
    .pressrelease_odd                   {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_odd a:link            {color: #000000; text-decoration: none;}
    .pressrelease_odd a:visited         {color: #000000; text-decoration: none;}
    .pressrelease_odd a:hover           {color: #000000; text-decoration: underline;}
    
    /* Press Release Article Classes */
    .pressrelease_date                  {font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_author                {font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pressrelease_byline                {
	font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        /* margin= top, right, bottom, left */
        margin: 0px 0px 0px 0px
}
    .pressrelease_brief                 {font-family: Arial, Helvetica, sans-serif; 
                                         font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}

/* [END] PRESS RELEASE CLASSES [END] */

/* [START] PAGE-INDEX CLASSES [START] */

    /* Page Index Top-Bar */
    .pageindex_topbar                {background: #000000; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 80%; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pageindex_topbar a:link         {color: #FFFFFF; text-decoration: none;}
    .pageindex_topbar a:visited      {color: #FFFFFF; text-decoration: none;}
    .pageindex_topbar a:hover        {color: #FFFFFF; text-decoration: underline;}
    
    /* Page Index Even Rows */
    .pageindex_even                  {background: #EEEEEE; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pageindex_even a:link           {color: #000000; text-decoration: none;}
    .pageindex_even a:visited        {color: #000000; text-decoration: none;}
    .pageindex_even a:hover          {color: #000000; text-decoration: underline;}

    /* Page Index Odd Rows */
    .pageindex_odd                   {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .pageindex_odd a:link            {color: #000000; text-decoration: none;}
    .pageindex_odd a:visited         {color: #000000; text-decoration: none;}
    .pageindex_odd a:hover           {color: #000000; text-decoration: underline;}

/* [END] PAGE-INDEX CLASSES [END] */

/* [START] PROFILE-INDEX CLASSES [START] */

	/* Profile Index Background */
	.profile_index_background		 {background: #000000}

    /* Profile Index Header */
	.profile_index_header            {font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 80%; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}

	/* Profile Index Even Rows */
	.profile_index_even              {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .profile_index_odd a:link        {color: #000000; text-decoration: none;}
    .profile_index_odd a:visited     {color: #000000; text-decoration: none;}
    .profile_index_odd a:hover       {color: #000000; text-decoration: underline;}

	/* Profile Index Odd Rows */
	.profile_index_odd               {background: #EEEEEE; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .profile_index_even              {background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .profile_index_even a:link       {color: #000000; text-decoration: none;}
    .profile_index_even a:visited    {color: #000000; text-decoration: none;}
    .profile_index_even a:hover      {color: #000000; text-decoration: underline;}

	/* Profile Background */
    .profile_background              {background: #000000};
 
	/* Profile Header */
	.profile_header                  {font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin: 0px 0px 0px 0px;}
 
	/* Profile Body Background */
	.profile_body_background         {background: #EEEEEE};

	/* Profile Body */
    .profile_body                    {font-family: Arial, Helvetica, sans-serif; 
                                      font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0px 0px 0px 0px;}
    .profile_body a:link             {color: #000000; text-decoration: none;}
    .profile_body a:visited          {color: #000000; text-decoration: none;}
    .profile_body a:hover            {color: #000000; text-decoration: underline;}

/* [END] PROFILE-INDEX CLASSES [END] */




table.product_category_row {
width: 100%;
margin-bottom: 30px;


}

table.product_category_row tr td {
width: 100%;
height: 250px;
}

div.call_num_2 {
border-right: 1px dashed #d2d2d2;
border-left: 1px dashed #d2d2d2;
}

div.product_category {
height: 300px;
float: left;
width: 320px;
margin: 0 0 50px 0;
}


div.product_category_list li {
list-style-type: none;
color: #555555;
padding-bottom: 1px;

}

div.product_category_list li a {
color: #555555;
text-decoration: none;
}

div.product_category_list li a:hover {
color: #222222;
text-decoration: underline;

}

div.product_category_list li.product_category_title {
font-weight: bold;
font-size: 16px;
padding-bottom: 3px;
}

/* Sites using forms based on jQuery and the validation plugin */

div.error { display: none; }
/* input {	border: 1px solid black; } */
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
form .gray * { color: gray; }

form label.error, label.error {
font-size: .8em;
padding-left: 5px;
	color: red;
	font-style: italic
}

form input.meter_textbox {
width: 75px;
} 

form tr.meter_table_header {
font-size: 9px;
font-family: Verdana;
}


#add_button {
padding: 0;
float: left;
}

#remove_button {
padding: 0 .3em;
float: right;
}

/* End sites using forms based on jQuery and the validation plugin */