body, html	 
           {
           margin: 5px;
           background-color: #000;
           font-family: arial, helvetica, sans-serif;
           font-size: 11px;
           color: #333;
           }
.big	    
         {
         background-color: #FFF;
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         color: #000;
         border: 2px solid #AA23FF;
         }
td	
         {
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         }
.text
         {
         color: #6B7781;
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         text-decoration: none;
         }
.header
         {
         color: #6B7781;
         font-family: arial, helvetica, sans-serif;
         font-size: 13px;
         text-decoration: none;
         }
a:link
         {
         color: rgb(183, 0, 23);
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         text-decoration: none;
         }
a:visited
         {
         color: rgb(183, 0, 23);
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         text-decoration: none;
         }
a:hover
         {
         text-decoration: none;
         font-family: arial, helvetica, sans-serif;
         font-size: 11px;
         color: #6B7781;
         }
.menu
         {
         border-left: 1px dotted rgb(221,221,221);
         border-bottom: 1px solid rgb(221,221,221);
         border-top: 1px solid rgb(221,221,221);
         background-color: rgb(245,245,245);
         }
.menu a
         {
         border-left: 1px dotted rgb(221,221,221);
         font-family: arial, helvetica, sans-serif;
         font-size: 12px;
         font-weight: bold;
         color: #222;
         padding: 3px 20px;
         display: block;
         float: left;
         }

.menu a:hover
             {
             font-family: arial, helvetica, sans-serif;
            
             color: #000;
             }
.tracks td
             {	
             border-top: 0px #aaaabb solid;
             border-left: 0px #aaaabb solid;
             border-bottom: 1px #333333 solid;
             border-right: 0px #333333 solid;
             padding-top: 6px;
             }
.tracks	 
             {
             font-size: 11px;
             color: #FFF;
             }
.tracks a
             {
             font-size: 11px;
             color: #333333;
             text-decoration: none;
             padding-left: 8px;
             padding-top: 1px;
             padding-bottom: 1px;
             padding-right: 8px;
             border-top: 1px #aaaabb solid;
             border-left: 1px #aaaabb solid;
             border-right: 1px #333333 solid;
             }
.tracks a:hover
               {
               color: #000;
               font-size: 11px;
               }
.tracks a:visited
                 {
                 color: #333333;
                 font-size: 11px;
                 }
.tracks a:active
                {
                color: #000;
                font-size: 11px;
                }


div.productgrid { height: auto; }



.productdetailgrid ul li {
    display: inline;
}
    
div.productdetailgrid table { 
    float: left;
    margin:  2px;
    width: 350px;
}

div.productdetailgrid table table { 
    float: none;
    margin:  2px;
    width: 170px;
    font-size: 90%;
}

.productdetailgrid td.image {
    width: 160px;
    border-top: 1px solid rgb(221,221,221);
    border-bottom: 1px solid rgb(221,221,221);
    border-left: 1px solid rgb(221,221,221);
    background-color: rgb(245,245,245);
    padding: 5px;
}


.productdetailgrid td.image img {
    border: 0px solid #808080;
}

.productdetailgrid td.details {
    width: 180px;
    border-top: 1px solid rgb(221,221,221);
    border-bottom: 1px solid rgb(221,221,221);
    border-right: 1px solid rgb(221,221,221);
    background-color: rgb(245,245,245);
    padding: 5px;
}

.productdetailgrid td a, .productdetailgrid td a:hover  {
    display: inline;
 background: none;   
    font-size: 80%;
}

.productdetailgrid td span.yui-button a {
    padding: 0px;
    font-size: 80%;
    
}

.productdetailgrid select {
    background-color: black;
    color: white;
}

.productdetailgrid a.button {
    display: block;
    padding: 2px 0;
    text-transform:uppercase;
    text-align: center;
    border: 1px solid black;
    color: black;
    font-size: 9px;
    background-color: rgb(220,220,220);
    width: 80px;
    margin-top:4px;
}


.productdetailgrid a.button:hover {
    background-color: rgb(240,240,240);
}

.productdetailgrid input {
    display: block;
    padding: 2px 0;
    text-transform:uppercase;
    text-align: center;
    border: 1px solid black;
    color: black;
    font-size: 9px;
    background-color: rgb(220,220,220);
    width: 80px;
    margin-top:4px;
    cursor: hand;
}