A:link {color: #164D6D;  font-size:12px;text-decoration:underline;}   
A:active {color: #800000;}
A:hover {color:#DA8E61;text-decoration:none}
A:visited {color: #164D6D;font-size:12px;  text-decoration:underline;}
A:visited:hover {color: #DA8E61;  text-decoration:none;}
 
body {
background: url('img/graft4.jpg');
font-family:      Arial, Times, sans-serif;
font-size:11px;
margin:0;
text-align:left;
}

#notes{
color:black;
font-size:12px;
margin-top:5px;
}

.prodhead{
color:black;
font-size:13px;
font-family: Arial, Times, sans-serif;
font-weight:bold;
background-color:#93BED8;
}
/*itemlevel TR where model is shown*/
.prodinfo{
color:black;
font-size:13px;
font-family: Arial, Times, sans-serif;
padding-left:2px;
background-color:#E4F0F9;
}

td{
text-align:left;
}


img{
text-align:center;
}



hr{
color:white;
}
/*div for outside box*/
#outsidebox {
background: white url('img/gbord.jpg') repeat-y right top;
float:left; width:928px; top:0; border:0px none; margin:0 auto; padding:0; position:relative; background-color:white
}
/*div for inside design box*/
#insidebox {
 background: url('img/nabg.gif') repeat-y;
 float:left;
 width:920px;
 top: 0;
 border: 0px solid #2172A1;
 margin: 0 auto; padding: 0;
 position: relative
}
/*logo id*/
#logo {
 float: left;
 cursor:hand;
 background: url('img/logolong.gif');
 width: 246px;
 height: 42px;
 border: 0px none;
 margin: 0px auto; padding: 0;
 position: relative
}
/*top right div for contact and support*/
#righthead {
 float: left;
 clear:right;
 color:#DA8E61;
 background: white;
 width: 674px;
 height: 42px;
 margin: 0 auto; padding: 0;
 position: relative;
}
/*needed for top left div to make firefox look right*/
#topp{
height:62px;
}
/*styles for the contact stuff on top right of the pages*/
#righthead #contact{
vertical-align:top;
position:absolute;
top:0;
left:360px;
word-spacing:0px;
font-size:14px;
}

#contact a {
 margin-left:3px;
 padding:7px;
 border-left: 1px dashed #C0C0C0;
 font-weight:bold;
 font-size:13px;
 text-decoration:none;
 color:#DA8E61;
}

#contact a:hover {
 text-decoration:none;
 color:#E6B091;
}

.topmenu {
 clear:both;
 float: left;
 background: #2172A1;
 background: url('img/topmenu.gif') repeat-x;
 width:920px;
 height: 20px;
 border-top: 1px solid black;
  border-bottom: 1px solid #91C6D6;
 margin: 0 auto;
 padding-right: 0;
 position: relative;
 word-spacing:10px
}

.contact {
 color: #808080;
 border-left: 1px dotted grey;
 background: white;
 padding: 5px;
 font-size: 12px;
 font-weight: bold;
 vertical-align: bottom;
 text-decoration:none;
}

.contact a:hover{
text-decoration:underline;
}
/*styles for the search box area at top of pages*/
#searches {
 float:right;
 right:8px;
 vertical-align:middle;
 width: 140px;
 display:           block;
 font-size: 10px;
 font-weight: bold;
 height:10px;
 margin-top:0;
 padding: 0;
 position: relative;
}

#textb{
  display:           block;
  float:             right;
  background:        #fff;
  margin:            1px 0 0 0;
  height:            12px;
  padding:           0;
  width:             75px;
  font-size:         11px;
}

#searchb{
 display:           block;
 vertical-align:middle;
  float:             right;
  width:            45px;
  height:            16px;
  margin:            2px 2px 2px 10px;
  padding:           0;
  border:            1px solid fff;
  background:        #fff;
  color: #000000;
  background-color: #DA8E61;
  font-size: 9px
}
/* div for bottom part of page below main search and logo stuff */
#bottomhalf {
 width: 920px;
 border: 0px none;
 margin: 0 auto; padding: 0;
 position: relative
}

/* div for bottom left part of page */
#botleft {
 float:left;
 display:block;
 width: 160px;
 border-right: 0px solid black;
 padding: 0;
 margin-left:0;
 margin-right:0;
 position: relative;
}

/* div for bottom right (main content area) */
.botright {
 float:left;
 display:block;
 width:740px;
 border: 0px solid black;
 padding: 0;
 margin-top:5px;
 margin-left:7px;
 position: relative
}
/* styles for the various headings */
h1{
clear:both;
display:block;
font-size:16px;
height:-10px;
padding:0px;
line-height:12px;
margin-top:5px;
margin-bottom:0;
padding:0;
}

h2{
		clear:both;
		display:block;
		width:35%;
		color:black;
		padding:0;margin:0;
		font-weight:bold;
		font-size:16px;
		line-height:18px;
		padding:3px;
		}
		
		h4{
		display:block;
		clear:both;
		background:#E4F0F9;
		background: url('img/h3.jpg');
		border-top:1px solid lightblue;
		width:100%;
		padding:0;margin:0;
		font-size:11px;
		color:#333333;
		font-weight:bold;
		padding:3px;
		margin-left:-2px;
		margin-top:3px;
		}
		
		#prod h3{
		display:block;
		width:100%;
		border:0px solid lightblue;
		border-top:0px;
		margin-top:0px;
		padding:0px; margin:0;
		font-size:13px;
		font-weight:bold;	
		margin-left:-2px;
		}
		
		h3{
		display:block;
		width:100%;
		border:0px solid lightblue;
		border-top:0px;
		margin-top:0px;
		padding:0px; margin:0;
		padding-left: 3px;
		font-size:14px;
		font-weight:bold;	
		margin-left:-2px;	
		}
		
		h5{
		display:block;
		padding:0;margin:0;
		font-weight:bold;
		font-size:12px;
		}

h6{
display:block;
float:left;
width:348px;
color:#2172A1;
background-color:#E4F0F9;
border-left:0px solid #E4F0F9;
margin:0;
padding:5px;
font-size:12px;
font-weight:bold
}
		
.blue{
background: url('img/bgblue.gif') repeat-x;
font-weight:bold;
font-size:14px;
}

.blue a{
font-weight:normal;
}

.orange{
background: url('img/bgor.gif') repeat-x;
font-weight:bold;
font-size:14px;
}
.orangehead{
background-color: #E6B091;
font-weight:bold;
font-size:13px;
}

.orangemain{
background-color: #F8E7DC;
}


.orange a{
font-weight:normal;
}


/* All of the navcontainer stuff are the styles for the nav menu on the left */
#navcontainer2{
margin-top:5px;
}

#navcontainer2 ul
{
width:160px;
display:block;
margin: 0;
margin-top:0px;
margin-left:0px;
padding: 0;
list-style-type: none;
}

#navcontainer2 li {
 margin: 0 0 0 0;
 margin-top:0px;
 padding: 0;
 width:160px;
 background: url('img/choice3.gif') repeat-x;
}

#navcontainer2 a
{
display: block;
background:transparent;
color: #154A6A;
border-bottom:0px solid lightblue;
width: 147px;
padding: 1px;
padding-left:15px;
margin-top:0px;
text-decoration: none;
font-size:12px;
font-weight:bold;
background: url('img/choice3.gif') repeat-x;
}

#navcontainer2 a:hover
{
color: #FFF;
background: url('img/choiceon.GIF') repeat-x;
}

#navcontainer2 li .last{
border-bottom:0px;
}

#navcontainer2 .head
{
background:transparent;
display: block;
color: #DA8E61;
font-size: 14px;
border-bottom: 0px solid lightblue;
width: 162px;
padding: 0px;
margin-top:0px;
text-decoration: none;
font-weight: bold;
}

#navcontainer2 .head a
{
display: block;
width:162px;
color: white;
font-size: 14px;
margin-left:-15px;
text-decoration: none;
padding-top:3px;
padding-bottom:3px;
font-weight: bold;
border-bottom:0px none;
margin-top:0px;
background: url('img/choice.gif') repeat-x
}

#navcontainer2 .head a:hover
{
display: block;
width:100%;
color: white;
background: url('img/choiceonhead.gif') repeat-x;
font-size: 14px;
}


#navcontainer2 .chosehead
{
display: block;
width:163px;
color: white;
font-size: 14px;
margin-left:0px;
text-decoration: none;
padding-top:3px;
padding-bottom:3px;
font-weight: bold;
border-bottom:0px none;
margin-top:0px;
background: url('img/headon2.GIF') repeat-x
}

#navcontainer2 .chose{
color: white;
width:147px;
font-weight:bold;
border:0px solid black;
padding-left:16px;
font-size:12px;
background: url('img/headon2.GIF') repeat-x;
}
/* styles for products on the index page */
.product1 {
 width:360px;
 display:inline;
 float:left;
 border: 1px solid #ADD8E6;
 margin: 0 auto; padding: 0;
 margin-left:0px;
 position: relative;
 font-weight:none;
}

.product2{
 width:360px;
 display:inline;
 float:right;
 border: 1px solid #ADD8E6;
 margin: 0 auto; padding: 0;
  margin-left:6px;
 position: relative;
}

#fproducts .info{
background-color:white;
border-left:0px solid #E4F0F9;
border-top: 1px solid #E4F0F9;
padding:5px;
font-size:12px;
font-weight:normal;
color:#808080
}

/* table with product info on itemlevel */
#mod{
border: 1px solid #ADD8E6;
background: #2172A1;
font-size:14px;
color:blue;
}
/* styles for news */
#news {
display:block;
border: 1px solid #2172A1;
background: white;
color:#2172A1;
font-size:12px;

padding:3px;
margin-left:0px;
margin-top:5px;
width: 732px;
height: 20px;
}

#news a {

color:#2172A1;

}


#featured {
display:block;
border: 1px solid #ADD8E6;
background: #2172A1;
color:white;
font-size:12px;
font-weight:bold;
padding:3px;
margin-left:-2px;
margin-top:5px;
width: 735px;
height: 20px;
}

#fproducts{
display:block;
font-size:12px;
font-weight:bold;
padding:3px;
margin-left:-2px;
margin-top:5px;
width: 738px;
border:0px solid black;
height: 20px;
}


#maintable{
border-collapse: collapse;
border: 1px solid #808080;
}

#tbl{
float:left;
display:block;
width:100%;
}

#big{
float:left;
}

#prod{
width:100%;
margin-bottom:5px;
margin-top:5px;
}

#order{
float:left;
border-collapse: collapse;
}
#cart{
padding-right:10px;
}

#drop{
text-decoration:none;
}

#drop A{
text-decoration:none;
}

   /* styles for the tree */
   SPAN.TreeviewSpanArea A {
        font-size: 10pt; 
        font-family: verdana,helvetica; 
        text-decoration: none;
        color: #164D6D;
        margin-top:-20px;
        margin-left:0px;
        font-weight:bold;
   }
   SPAN.TreeviewSpanArea A:hover {
        color: '#820082';
        text-decoration: none;
   }
   /* rest of the document */
   
   #menu{
   display:block;
   width:150px;
   margin:0;
   padding:0;
   margin-bottom:5px;
   margin-left:0px;
   margin-top:0px;
   border:0px solid black;
   }
   
   #menu A{
   text-decoration:none;
   }
   
   #menu A:hover{
   color:#DA8E61;
   }
 /* styles for expandable javascript menu */  
      #itemTextLink1 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
   
   #itemTextLink2 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
     #itemTextLink19 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }

   #itemTextLink33 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
   
   #itemTextLink38 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
   
   #itemTextLink41 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
   
    #itemTextLink46 {
   color:#800000;
   font-weight:bold;
   display:block;
   margin-top:1px;
   }
   
   .warning{
   padding:3px;
   clear:both;
   //margin:3px 3px 3px 3px;
   color:#F83A03;
   //font-weight:bold;
   font-size:11px;
   display:block;
   width:720px;
   border:2px solid #F83A03;
   background:#FFDFDF;
   margin-top: 5px;
   }
   
   
 #theadtop td{
background:#2172A1;
color: white;
font-weight:bold;
text-align:center;
padding: 2px 2px 2px 2px;
font-size: 12px;
   }
   
   .plus{
color:#164D6D;
font-weight:bold;
font-size:16px;
margin-left:3px;
margin-right: 3px;
}
/* div for test lens selector, leaving here just in case */
#address{
clear:both;
float:left;
width:730px;
white-space: -moz-pre-wrap !important;  /* for mozilla issues with text wrap */
}