div.shop {
    align: center;
    width: 710px;
    margin:0 auto;
} 

div.productgrid {
 text-align: center;
 border: 0;
align: center;    
}


.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 #808080;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    padding: 5px;
}


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

.productdetailgrid td.details {
    width: 180px;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    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%;
    
}

div.shopnav { text-align: center; }
.shopnav ul { margin: 0px auto; border-right: 1px dotted #808080; display: inline; }
.shopnav li { display:inline; }
.shopnav a { padding: 1px 4px; font-size: 90%;  border-left: 1px dotted #808080; }
.shopnav a:hover { color: white; background-color: #444; }


div.gridpaging { padding: 5px; text-align: center; margin-bottom: 4px;}

.gridpaging a {
    border: 1px solid white;
    padding: 3px 4px;
    color: #FFF;
    background-color: #000;
    margin: 2px;
}


.gridpaging a.selected {
    border: 1px solid white;
    padding: 3px 4px;
    color: #000;
    background-color: #FFF;
    margin: 2px;
}

div.preorder {
    border: 1px solid #808080;  
    width: 704px;
}


div.preorder table table { 
    margin:  2px;
    font-size: 90%;
}

div.preorder td {
    padding: 5px;
}

.preorder td.image img {
    border: 1px solid #808080;
}