﻿body 
{
    background-color: Black;
    color:#aba7a7;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
}
a:link
{
    color: White;
}
a:visited
{
    color: White;
}
h1
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    color: White;
}
h2
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    color: White;
}
.imgGallery
{
    padding: 2px 2px 2px 2px;
    border: 1px solid #bbbbbb;
}
.imgGallery:hover
{
    padding: 2px 2px 2px 2px;
    border: 1px solid #777777;
}
.fixMe 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/overlay03.png');
}
.fixMeAllSets
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/overlay05.png');
}
/* BEGIN Rollover Button */
.btnAllModels, .btnAllSets, .btnHeelVision
{
position: relative;
font-family: verdana, helvetica, sans-serif;
background: url(images/buttons/overbtn.gif) no-repeat;
white-space: nowrap;
display: block;
width: 116px;
height: 26px;
margin: 0;
padding: 0;
font-weight: 900;
}
.btnAllModels a, .btnAllSets a, .btnHeelVision a
{
display: block;
color: #000000;
font-size: 16px;
width: 116px;
height: 26px;
display: block;
float: left;
color: black;
text-decoration: none;
color:White;
}
.btnAllModels img, .btnAllSets img, .btnHeelVision img
{
width: 116px;
height: 26px;
border: 0
}
.btnAllModels a:hover img, .btnAllSets a:hover img, .btnHeelVision a:hover img
{
visibility:hidden
}
.btnAllModels span, .btnAllSets span, .btnHeelVision span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 4px 4px 4px 16px;
cursor: pointer;
}
.btnAllSets, .btnAllSets, .btnHeelVision
{
position: relative;
font-family: verdana, helvetica, sans-serif;
background: url(images/buttons/overbtn.gif) no-repeat;
white-space: nowrap;
display: block;
width: 116px;
height: 26px;
margin: 0;
padding: 0;
font-weight: 900;
}
.btnAllSets a, .btnAllSets a, .btnHeelVision a
{
display: block;
color: #000000;
font-size: 16px;
width: 116px;
height: 26px;
display: block;
float: left;
color: black;
text-decoration: none;
color:White;
}
.btnAllSets img, .btnAllSets img, .btnHeelVision img
{
width: 116px;
height: 26px;
border: 0
}
.btnAllSets a:hover img, .btnAllSets a:hover img, .btnHeelVision a:hover img
{
visibility:hidden
}
.btnAllModels span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 4px 4px 4px 16px;
cursor: pointer;
}
.btnAllSets span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 4px 4px 4px 26px;
cursor: pointer;
} 
.btnHeelVision span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 4px 4px 4px 10px;
cursor: pointer;
}
/* END Rollover Button */

/*Pagination Class Start*/
div.pagination 
{
padding: 3px;
margin: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #aba7a7;
text-decoration: none; /* no underline */
color: #ffffff;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #ffffff;
color: #ffffff;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #ffffff;
font-weight: bold;
background-color: #404040;
color: #ffffff;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #404040;
color: #404040;
}
/*Pagination Class Ends*/
.box a 
{
display: block;
height: 268px;
width: 200px;
}
.boxmodels a 
{
display: block;
height: 264px;
width: 200px;
}
