body
{
    height: 100%;
    width:100%;
    margin:0px;
    
    /*background: #fffff4;*/
    background-color: #000;
    background-image: url(Images/Background.jpg);
    
    color: #444;
    font-family: Arial, Helvetica, sans-serif;
    table-layout: auto;
    /*border-collapse: collapse;*/
    empty-cells: hide;
    text-decoration: none;
   /* background-image: url( 'Images/Grad1.png' );*/
    background-repeat: repeat;
    z-index: 1;
}


a:link
{
 text-decoration:none; 
 cursor: pointer; 
  
}
a:visited
{
 text-decoration:none; 
 cursor: pointer; 
}


a:hover
{
    text-decoration: none ;
    /* background:red;*/
}

#wholepage
{
 text-align:left;
  position:  relative;
  top:15px; 
margin: 0px;
	padding:0px;
  
 min-width:930px;
 max-width:1050px;
z-index:1;

}



#mainpage
{
padding: 10px 0px 0px 10px;
  position:  relative;
  top:10px;

	font-family:Arial Verdana ;
  background-image:  url(Images/Background2.png) ;
 
 background-image: url(images/BackgroundDark.png) ;
  background-repeat: repeat-x;
 min-height: 300px;
 
z-index:1;
}
#mainright
{

  position:  relative;
  top:10px;
  background-image: url(images/BackgroundDark.png) ;
  background-position:top right;
  background-repeat: no-repeat;
  width: 15px;
  z-index: 0;
  
}
.topframe
{
    
    padding:0px;
    margin: 0px;
    position:relative;
    z-index: 1;
}
.leftframe
{
   z-index:0;   
   padding:1px; 
   border: 5px red;
   background: #999;
   height:100%;
    width:90%;
    clear:both;

    
}
.mainframe
{
    

    	border:1px solid gray;
 /*background: #dddddd;*/
  
 z-index:1;
}



.itemviewer
{
    position:relative;
    /*width:100%;*/
    height:100%;
    color:#bbb;
    /*top:0px;*/
    font-size:smaller;
    
}

.itemlayout
{
   position:relative;
    background: #ccc;
    /*padding: 3%;*/
    color: #444;  
    width:100%;  
    height:30px;
    text-decoration:none;
    
}

.itemlayoutselected
{
    position:relative;
    
    background: #777;
    /*padding: 3%;*/
    height:30px;
    color: #F33;  
    width:100%;
    text-decoration:none;
}
.itemlayoutimage
{
   position:relative;
    background: #ccc;
    /*padding: 3%;*/
   height:75px;  
    color: #444;   
    width:100%; 
    text-decoration:none;   
     
}

.itemlayoutimageselected
{
    position:relative;
    background: #777;
    /*padding: 3%;*/
    height:75px;
    /*color: #bbb; */
    color: #F33;      
    width:100%; 
    text-decoration:none;
    cursor: hand;
}



.itemdivider
{
position:relative;
margin:0px;
border-bottom:1px solid #555;
padding:0px; 
clear:both;
}

.itemtable
{
    position:relative;
    

}
.mainimages
{
   width:600px;
   float: left;
   
}
.smallimages
{
   float:right;
   width:100px;   
}




.itemimage 
{
/* position:absolute;
 top:0px;
 left:0px;*/
 width:100px;
 /*height:75px;    */
 float:left;
}
.itemid
{
    /* position:relative;
 top:0px;
 left:30%;*/
     float:left;
    width:120px;
 margin: 0 0 0 10px;
    
}
.itemname
{
    /* position:absolute;
 top:0px;
 left:50%;*/
    float:left;
   margin: 0 0 0 10px; 

    
}
.itemprice
{
     /*position:absolute;
 top:0px;
     right:0px;*/
    width:80px;
 float:right;
 text-align:right;
  margin: 0 0 0 10px;  
}

.selecteditemid
{
     position:relative;
     top:10px;
     line-height:0px;
 left:0%;
    /* float:left;*/

 
    
}
.selecteditemname
{
     position:relative;
top:10px;
     line-height:0px;
 left:30%;
   /* float:left;*/
    

    
}
.selecteditemprice
{
     position:relative;
     top:10px;
     line-height:00px;
left:80%;
    
}

.selecteditemdescription
{
     position:relative;

     
    
left:0%;
width:98%;
padding: 5px;
    
}
.selecteditemdescription2
{
     	position:relative;
         font-style:italic;    
	left:0%;
	width:98%;
	padding-bottom: 15px;
    
}
.selectediteminstructions
{
     	position:relative;
     	font-style:italic;
	padding-bottom: 15px;
     
    
	left:0%;
	width:100%;
    
}
.categoryviewer
{
     position: relative;  
  
    background: #ccc;
    margin:2px;
    
    border:1px solid black;
     font-size:small; 
    color: gray;
    
    text-decoration: none;
    padding: 2px;  
    

}
.categoryheader
{
  background: #eee;
  font-weight:bold;
  font-style:italic;  
  border-bottom: solid 1px;
  color:#222;
  font-size: medium;
  padding: 0px 3px 0px 5px;
}

.searchbox
{
     position: relative;  
  
    background: #ccc;
    margin:2px;
    
    border:1px solid black;
     font-size:small; 
    color: gray;
    
    text-decoration: none;
    padding: 4px;  
    

}

.searchtitle
{
 
  font-weight:bold;
  font-style:italic;  
  
  color:#222;
  font-size: medium;

  margin:0px;
}
.narrowselection
{
 
  
  font-style:italic;    
  color:#222;
  font-size: small;
  padding: 8px 3px 0px 5px;
}

.category
{
    position:relative;    
    padding: 0px 3px 0px 5px;   
    color: #444;
}

.categoryselected
{
    position:relative;
    background: #555;  
    padding: 0px 3px 0px 5px; 
    color: #F22;  
    text-decoration:none;
}
.category2
{
    position:relative;    
    padding: 0px 3px 0px 5px;   
    color: #999;    
}

.categoryselected2
{
    position:relative;
    padding: 0px 3px 0px 5px; 
    background: #999;
    color: #F22;  
}


.breadcrumbsviewer 
{
     position:relative;    
    /*background: #ddd;*/
    padding: 1px 2px 1px 2px; 
    color: #444;
    
}

.breadcrumb 
{
  
   /*background: #ddd;*/
    font-size:small; 
    color: #777; 
    text-decoration:none;
}
.breadcrumbmain 
{
  
   /*background: #ddd;*/
     
    color: #bbb; 
    font-weight:bolder;
    text-decoration:none;
}
.breadcrumbselected 
{
    /*background: #555;*/
    font-size:small;
    color: #F22;  
    text-decoration:none;
    cursor: pointer;
}
.breadcrumbmainselected 
{
    /*background: #555;*/
    /*font-size:small;*/
    font-weight:bolder;
    color: #F22;  
    text-decoration:none;
    cursor: pointer;
}

.content
{
    display: table-cell;
    
    color: red;
} 


.Tab 
{
	background: url(Images/tab.jpg) repeat ;
	background-color:#b5b5b5;
    height: 38px;
    padding: 0px 9px 0px 10px ; 
    color: #444;
    text-decoration:none;
    text-align:center;
    cursor: pointer;
    border-right:solid 1px #aaa;
    font-size:medium;
}


.TabSelected 
{
    background: url(Images/tab_selected.jpg) repeat ;
    background-color:#444;
     height: 38px;
     padding: 0px 9px 0px 9px ; 
     border-right:solid 1px #aaa;
     border-left:solid 1px #aaa;
     color: #f22;
     text-align:center;
     text-decoration:none;
   cursor: pointer;
   font-size:medium;
     
}


.footer
{
    position: static;
    background: #000;  
    color: #666;  
    width:100%;
    font-size:80%;
    text-align:right;
    
    text-decoration:none;
}

.pagechange
{
  
   /*background: #ddd;*/
    font-size:small; 
    color: #bbb; 
    text-decoration:none;
    width :80px;
}
.pagenumbers 
{
  
    font-size:small; 
    color: #bbb; 
    text-decoration:none;
}
.pagechangeselected 
{
    background: #333;
    font-size:small;
    color: #F22;  
    text-decoration:none;
    cursor: pointer;
    width :80px;
}

table.spectable {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color:  #ddd;
	width: 95%;
 
}

table.spectable td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: blue;

	background-color: #ddd;
	color: black;
 
}

table.smallimages {
	border-width: 0px;
	border-spacing: 0px;
 padding: 0px;
	
	
	width: 102px;
	
 
}

table.smallimages td {
	border-width: 1px 1px 1px 1px;
	padding: 0px;
	border-style: solid;
	border-color: white;
	
	color: black;
 
}
table.smallimages td:hover {
	border-width: 1px 1px 1px 1px;

	padding: 0px;
	border-style: solid;
	border-color: red;
border-collapse: separate;
	color: black;
 
}