﻿/* -- Buttons -- */
span.SilverButton
{
    overflow:hidden;
    display:inline-block;
}
span.SilverButton a
{
    float: left;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    font: normal 14px/22px "Arial" , Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    position:relative;
}

span.SilverButton a span
{
    margin: 0 16px 0 0px;
    padding: 6px 4px 6px 20px;
    position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}
span.SilverButton a 
{
    background: url(images/btn.silver.png) no-repeat top right;
}
span.SilverButton a span
{
    background: url(images/btn.silver.png) no-repeat top left;
}

span.SilverButton a:hover
{
    background-position: right -35px;
}

span.SilverButton a:hover span
{
    background-position: left -35px;
}
/* -- End of Buttons --*

/* -- Buttons -- */
span.SilverSmallButton
{
    overflow:hidden;
    display:inline-block;
}
span.SilverSmallButton a
{
    float: left;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    font: normal 13px/17px "Arial" , Helvetica, sans-serif;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    position:relative;
}

span.SilverSmallButton a span
{
    margin: 0 16px 0 0px;
    padding: 6px 4px 6px 20px;
    position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}
span.SilverSmallButton a 
{
    background: url(images/btn.silver.sm.png) no-repeat top right;
}
span.SilverSmallButton a span
{
    background: url(images/btn.silver.sm.png) no-repeat top left;
}

span.SilverSmallButton a:hover
{
    background-position: right -31px;
}

span.SilverSmallButton a:hover span
{
    background-position: left -31px;
}
.mainproduct span.SilverButton a
{
   width:296px !important;
}

/* -- End of Buttons --*

 