BODY {
  background-image: url("graphics/background.jpg");
  background-repeat;
  margin: 0px;

 }

/* CSS Tabs */

.fabric-swatches {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;   
   line-height: 12px;
		
   color: #6688FF;	
   background-color: #FFFFFF;   
   padding-bottom: 3px;
	
   padding-top: 3px;
}


.fabric-swatches img {
     border-color: rgb(125,125,125);   
   
}



.content {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;   
   line-height: 16px;
		
   color: #6688FF;	
   background-color: #FFFFFF;   
   padding-bottom: 5px;
	
   padding-top: 13px;
}

.content_box {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;   
   line-height: 16px;
		
   color: #FFFFF;	 
   padding-bottom: 5px;
	
   padding-top: 13px;
}



.content select {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content input {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 13px;
	
   color: #5577FF;   			
   padding-bottom: 1px;
	
   padding-top: 1px;
   


}


.content textbox {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content textarea {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content a:link {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}

.content a:visited {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content a:hover {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #7799FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content a:active {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 16px;
	
   color: #5577FF;   			
   padding-bottom: 5px;
	
   padding-top: 13px;
   padding: 6px 10px 4px 8px;


}


.content_input {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial;
   font-size: 12px;
   line-height: 13px;
	
   color: #5577FF;   			

}


.footer {
   font-family: verdana, arial, sans-serif;
   font-size: 9px;   	
   color: #FFFFFF;		
   padding-bottom: 4px;
	
   padding-top: 6px;
}


}

.footer a:link {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;   	
   color: #FFFFFF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;


}


.footer a:visited {
   font-family: verdana, arial, sans-serif;
   font-size: 12px;   	
   color: #FFFFFF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;


}



.shadowboxright {
   margin: 20px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat; 
   position: relative; /*IE needs this to show float properly*/
   float: right;
}


.shadowboxwide {
   margin: 10px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat;
   width: 360; 
   position: relative; /*IE needs this to show float properly*/
   float: left;
}


.shadowboxfloat {
   margin: 10px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat;
   width: 125; 
   position: relative; /*IE needs this to show float properly*/
   float: left;
}
			
.shadowcontent, .shadowcontent2 {
  position: relative;
  padding: 10px; 
  top: -5px; /* these two define the shadow 'offset'*/
  left: -5px;
  background: rgb(222,202,139)
  color: black;
  border: 1px solid #993300;
}


#bwdlist
{
margin-left: 10;
padding-left: 0;
list-style: none;
}

#bwdlist li 
{
padding-left: 10px;
background-image: url(graphics/indent_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


#bwdlist a:link {
   font-family: verdana, arial, sans-serif;
   font-size: 11px;   	
   color: #AAAAFF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;
   text-decoration: none;

}


#bwdlist a:visited {
   font-family: verdana, arial, sans-serif;
   font-size: 11px;   	
   color: #99AAFF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;
   text-decoration: none;

}


#bwdlist a:hover {
   font-family: verdana, arial, sans-serif;
   font-size: 11px;   	
   color: #7788FF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;
   text-decoration: none;

}


#bwdlist a:active {
   font-family: verdana, arial, sans-serif;
   font-size: 11px;   	
   color: #7788FF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;
   text-decoration: none;

}



/* These are the styles for CSS based Dropshadows...Cool! */

/* THIS MAKES THE DROP SHADOW WORK ON IMAGES */
.imagecontainer{
  //float:center;
  //clear:top;
  background: url(./graphics/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
  background: url(./graphics/dropshadow/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 10px 10px !important;
  margin: 10px 10px 10px 5px;
 }
 
.imagecontainer img{
 display: block;
 position: relative;
 background-color: #fff;
 border: 1px solid #888888;
 margin: -6px 6px 6px -6px;
 padding: 4px;
 }