/* Template CSS */

body {
     background-color: #FFFFFF;
     font-familty: Arial, Helvetica, sans-serif;
     font-size: 12px;
     color: #000000;
     margin: 0;
	 padding: 0;
	 border: 0;
	 outline: 0;
	 vertical-align: top;
     
}


table       { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; color: #000000; text-decoration: none; margin:0; padding:0;}
tr          { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; color: #000000; text-decoration: none; margin:0; padding:0; }
td          { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; color: #000000; text-decoration: none; margin:0; padding:0; }
p           { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; color: #000000; text-decoration: none; line-height: 18px;}
b           { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; }

.title1  { 
         font-family: Arial, Helvetica, verdana, sans-serif; 
         font-size: 12px; 
         color: #cc0000; 
         text-decoration: none; 
         font-weight: bold;
         padding-top: 15px;
         padding-bottom: 5px;
}
  
.smalltext {
	font-size: 10px;
	font-family:  arial, Helvetica, sans-serif;
    color: #4F4F4F;
}

select {
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
    color: #4F4F4F;
    margin-top: 1px;
    margin-bottom: 1px;
}

input {
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif;
    color: #4F4F4F;
    margin-top: 1px;
    margin-bottom: 1px;
}
textarea	{     
	font-size: 12px;
	font-family: arial, Helvetica, sans-serif; 
    color: #4F4F4F; 
    background-color: white; 
    border: 1px groove #08222c; 
    height: 100px; }

.requiredfields { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #FF0000; }

.pagelink              { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; col/or: #F50913; text-decoration: none;}
.pagelink:link	       { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; col/or: #F50913; text-decoration: none;}
.pagelink:visited	   { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; col/or: #F50913; text-decoration: none;}
.pagelink:hover	       { font-family: Arial, Helvetica, verdana, sans-serif; font-size: 12px; col/or: #F50913; text-decoration: underline;}

.DEK                   { POSITION:absolute; VISIBILITY:hidden; Z-INDEX:200 }

a.hints                { position: relative; z-index: 24; color: #000000; background-color: #fffff; border: 0px; text-decoration: none; }
a.hints:hover          { z-index:25; color: #000000; text-decoration: underline; background-color: #ffffff;}
a.hints span           { display: none; }
a.hints:hover span     { display: block; position:absolute; top: 2em; left: 2em; width:10em; border:1px solid #000000; background-color:#ffffff; color:#000000; text-align: left; padding: 3; font-size: .8em; text-indent: 0px; text-decoration: none; }

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: 36px;
background-image: url('/clients/jamesimaging/images/menu2.png');
}

div#second_nav_bar {
background-color: #FFFFFF;
height: 36px;
background-image: url('/clients/jamesimaging/images/menu2.png');
}


div#top_of_page a {
color      : #000000;
}

div#first_nav_bar a {
color      : #ffffff;
}

div#second_nav_bar a {
color      : #ffffff;
}

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('/clients/jamesimaging/images/footer.gif');
height: 53px;
}


#main_leftnav_column {
background-image: url();
width: 250px;
}

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

#leftnav_container table {
width: 250px;
}

#leftnav_container a {
color: #000000;
}

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

div#mainContent {
background-color: #FFFFFF;
background-image: url('');
background-repeat: none;
}



/* 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 div#supply_category_list {
padding-left: 5px;
margin-bottom: 40px;
}

#main_content_table #main_content_column div#supply_category_list ul {
list-style-type: none;

}

#main_content_table #main_content_column div#supply_category_list ul li {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
display: block;
}

#main_content_table #main_content_column div#supply_category_list ul li a {
text-decoration: none;
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}

#main_content_table #main_content_column div#supply_category_list ul li a:hover {
font-weight: bold;
}

#main_content_table #main_content_column div#supply_category_list ul li a:visited {

}

#main_content_table #main_content_column div#supply_category_list ul li:hover {

}

#main_content_table #main_content_column span.supply_cat_content {
font-size: 14px;
margin-left: 15px;
}



#main_content_table #main_content_column div#supply_category_list h2 {
padding-bottom: 8px;
margin-left: 20px;
}



#main_content_table #main_content_column form table.supplies_table {
border-collapse: separate;
border-spacing: 0;
width: 100%;
border: 1px solid #222222;
}

#main_content_table #main_content_column form table.supplies_table tr td a {
padding-left: 5px;
}

#main_content_table #main_content_column form table.supplies_table tr td {
vertical-align: middle;
border-top: 1px dashed grey;
}

#main_content_table #main_content_column form table.supplies_table tr.first_supply_row td {
vertical-align: middle;
border-top: none;
}

#main_content_table #main_content_column form table.supplies_table tr.supplies_row td {
vertical-align: middle;
border-top: none;
}

#main_content_table #main_content_column tr.spacer_row {
line-height: 0px;
}

/* Directions */

#main_content_column table.directions h3 {
margin-top: 6px;
}

#main_content_column table.directions h3 {
font-size: 14px;
}

#main_content_column table.directions p {
margin: 5px 0 0 0;
}

#main_content_column table.directions p.directions_body {
margin: 0 0 5px 0;
}

table.directions {
margin-top: 10px;
border-bottom: 1px solid #CCCCCC;
}

table.directions td {
padding-left: 10px;
}

table.directions tr.directions_spacer {
height: 10px;
}

table.directions tr img  {
padding-bottom: 10px;
}


/* 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;
}



/* Generic Text Style */

a:focuxxs {
	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;
}

/* `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;
}

.clearfix {
	display: block;
}

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

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;
}

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

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

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

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

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

.full_width {
	dis/play: inline;
	floa/t: 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 of Instruction link override ****/    

#main_assessment	{
			font-family: Arial, Helvetica, sans-serif;  
			fxont-size: 13px; 
			color: #333333; 
            background-color:#FFFFFF;
			text-decoration: none; 
			margin:0; 
			padding:2px; 
			line-height:16px;
			font-weight:normal;
			}	
			
#main_assessment	a {
			font-family: Arial, Helvetica, sans-serif;  
			fxont-size: 13px; 
			color: #333333; 
			margin:0; 
			padding:2px; 
			line-height:16px;
			font-weight:normal;
			text-decoration: none;
			}	
			
#main_assessment .smalltext {
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 11px; 
			color: #333333; 
			margin:0; 
			padding:2px; 
			line-height:16px;
			font-weight:normal;
			text-decoration: none;
			}
            
  
            
/* wrappers code TOP*/


/* SMG Standard buttons  */

input[type=button],input[type=submit] {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-color: black;
        text-decoration: none;
        padding: 2px 10px 3px;
        display: inline;
        background: #FFF url(/images/button.png) repeat-x bottom;
        border: solid;
        border-color: #999;
        border-width: 1px;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 1px 1px 1px 0px rgba(5,5,5,.1);
        height: 25px;
        background-color: #fbfbfb;
        -moz-outline:0 none;
        outline:0 none;
        color: #000;
}

input[type=button]:hover,input[type=submit]:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-color: black;
        padding: 2px 10px 3px;
        display: inline;
        background: #FFF url(/images/button.png) repeat-x bottom;
        border: solid;
        border-color: #999;
        border-width: 1px;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        box-shadow: 0px 0px 1px 1px rgba(5,5,5,.1);
        height: 25px;
        background-color: #fbfbfb;
        color: #000;
}

/* End of SMG Standard buttons  */