/* start of ipad */
.rolloveripad a 
{
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/ipad.PNG") 0 0 no-repeat;
background-position: 0 0px;
text-decoration: none;
cursor:pointer;
}
.rolloveripad a:hover 
{ 
background-position: 0 -29px;
color: #049;
}

.rolloveripad a:visited {
background-position: 0 -58px;
color:#fff;
}

.rolloveripad a:active {
background-position: 0 -58px;
color:#000000;
}
/* end of ipad */

/* start of iphone */
.rolloveriphone a 
{
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/iphone.PNG") 0 0 no-repeat;
background-position: 0 0px;
text-decoration: none;
cursor:pointer;
}
.rolloveriphone a:hover 
{ 
background-position: 0 -29px;
color: #049;
}
.rolloveriphone a:active 
{
background-position: 0 -58px;
color:#fff;
}
/* end of iphone */

/* start of mac */
.rollovermac a {
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/mac.PNG") 0 0 no-repeat;
background-position: 0 0px;
text-decoration: none;
cursor:pointer;
}
.rollovermac a:hover { 
background-position: 0 -29px;
color: #049;
}
.rollovermac a:active {
background-position: 0 -57px;
color:#fff;
}
.ipad-clicked {
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/ipad.PNG") 0 0 no-repeat;
background-position: 0 -58px;
text-decoration: none;
cursor:pointer;
}
.mac-clicked {
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/mac.PNG") 0 0 no-repeat;
background-position: 0 -58px;
text-decoration: none;
cursor:pointer;
}
.iphone-clicked {
display:block;
width: 90px; height:29px;
font: bold 13px sans-serif;;
color:#333;
background: url("../images/iphone.PNG") 0 0 no-repeat;
background-position: 0 -58px;
text-decoration: none;
cursor:pointer;
}
/* end of mac */