body {margin: 1em 1em 1em 1em; padding: 0; background:#fff;  }
                                           
                             
/*********************** Tables *********************************/  
  #main_table_style
 {
       
   width: auto;
   height: auto;
   border: 0px  solid blue;
   margin: 0em 0em 0em 0em;
   padding: 0em 0em 0em 0em;

 }
  /*#main_table_style  td { width: auto; border: 1px solid red ;}
  #main_table_style  tr { width: auto; text-align:left; border: 1px solid black ;}*/
 
 #menu_cell
 {
  width: 17em;
  border: 0px solid blue;
 }
 
 #content_cell
 {
  
  border: 0px solid orange; 
 }
 
 #footer_line
 { /*position: absolute;
  left: 10em;*/
  width: 30em;
 }
 #content_box
 {
  background: #bfc7bc url(SiteImages/background.jpg) repeat;
  

   margin: 2em 0em 20px 1.5em;
   padding: 0px;
   
   width: auto;    
 }
 #table_style1
 {
  background: #bfc7bc url(SiteImages/background.jpg) repeat;
  
  /* background: #ecede8; 
  
  background: #d8dcd5;*/
   margin: 0em;
   padding: 2em;
   padding-top: 1em;
   width: auto;    
 }
 #table_style1  td { width: auto; border: 0px solid red ;}
 #table_style1  tr { width: auto; text-align:left; border: 0px solid black ;}
		
 #table_style2
 {
  background: #bfc7bc url(SiteImages/background.jpg) repeat;
  
  /* background: #ecede8; 
  
  background: #d8dcd5;*/
  margin: 0em;
   padding: 2em;
   padding-top: 1em;
   width: auto;    
 }
  
 /************************ TEXT  *************************************/
  
 #logo_text {
	margin: 1em 0em 0em 2em;
        padding: 0em 0em 0em 1em;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size: 2em;
	color: maroon;
        text-align: center;
        width: 4em;
        border: 0px solid red ;
        
 }
 
 
 #menu_text
 {
 width: 16em; 
 height: 9em;
 margin: 2em 0em 0em 0em;
 padding: 2em 0em 0em 0em;
 border: 0px solid red ;
 }
 #main_menu_text
 {
 width: 18em; 
 height: 12em;
 margin: 1em 0em 0em 0em;
 padding: 2em 0em 0em 0em;
 border: 0px solid red ;
 }
 
 #footer
 {
 color: #00009c; 
 width: 30em; 
 height: auto;
 margin: 0em 0em 0em 0em;
 padding: 0em 0em 0em 0em;  
 border: 0px solid red ;
 font-size: 1em;
 }
 
/************************ Images  *************************************/

 #logo
 {
   margin: 0em 25px 0em 0em;
 padding: 0em 0em 0em 0em;      
   height: 7em;     
 }
 
 #default_img
{ position: absolute;
  left: 22em;
  top: 9em;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em; 
  width: 30em;
  height: 25em;
 
}
 
 .small_image
 {
  width: 11em;      
        
        
 }
 .small_image2
 { margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em; 
  width: auto;      
  border: 3px solid #d8dcd5;      
        
 }
 
 .medium_image
 {
  width: 16em;      
        
        
 }
 .big_image_border
 {
  width: 34em;      
   border: 3px solid #ccc;     
        
 }
 .big_image_normal
 {
        
   border: 3px solid #ccc;     
        
 }
 
 .big_image
 {
  width: 34em;      
  border: 0px solid #d8dcd5;     
        
 }
 #skein_image
 {
     width: 38em;
     border: 0px  solid blue;
        
 }
  
 #back {
	margin: 0;
	padding: 0;
	background: transparent url(SiteImages/border_left.jpg) repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #000;               
 }
 #front {
	margin: 1em 0px 2em 2em;
	padding: 0em 4em 2em 2em;
	background: transparent url(SiteImages/border_right.jpg) repeat-y;
        background-position: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000;
        border: 0px solid orange ;
       
 }
 #flower{
	margin: 0;
	padding: 0;
        /*background-color: #fbfffe;*/
        background-color: #fafbfd;
       
        position: absolute;
	width: auto;
        height: auto;
       
        top: 40%;
        left: 72%;
       
 }
 
 .thumbimg img{
border: 3px solid #d8dcd5;
margin: 0 0px 0px 0;
}

.thumbimg:hover{
background-color: transparent;
}

.thumbimg:hover img{
border: 0px solid blue;
}




       
/************************ Menu  *************************************/
                  
 
ul li {
	position: relative;
	}
li ul { 
	position: absolute;
	left: 9.4em;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color: #6c000a;
	background: #fff;
	padding: 5px;
	border: 2px solid #ccc;
	border-bottom: 0px solid #ccc;
        border-left: 4px solid #ccc;
	}
        
        
 /* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

 
 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 9.5em;
	border-bottom: 1px solid #ccc;
        
	}
li:hover ul, li.over ul { 
	display: block; }
        
ul li a:hover  { 
	background: #f3f1f1; }
        
        
/******************************** Main Yarn Page ******************************/        
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt {
cursor: pointer;
margin: 3px 0;
height: 2.2em;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
width: 10em;
}

#menu dd {
border: 1px solid gray;
width: 10em;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #6c000a;
text-decoration: none;
display: block;
border: 0 none;
height: 2.1em;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;

}
#menu li a:focus, #menu dt a:focus {
background: #eee;


        
 }