* { outline: none; }

#tabs { margin:0 auto; clear:both; }

#tabs>table tr td a {margin-top:0px;cursor: pointer;text-align:center;outline:none;}

#tabs>table {margin-left:0px;padding-right:0px;}

#tabs>table.firstrow {margin-top:0px;}

#tabs>table {margin-top:-15px; }

#tabs>table  td a {background-image: url(http://images2.moneysavingexpert.com/images/ultimatemortgagecalc/tab2.png); background-position: 0 0; background-repeat: no-repeat; margin:0; padding:0; padding-left:20px; display:block;margin-right:20px;}

#tabs>table  td a span {background-image: url(http://images2.moneysavingexpert.com/images/ultimatemortgagecalc/tab2.png); background-position: right 0; background-repeat: no-repeat; margin:0; padding:0; padding-right:20px; padding-top:10px; padding-bottom:20px; display:block;  color:gray; margin-right:-20px;}

#tabs>table.lastrow td {border-bottom:1px solid #a4a3a3;}
#tabs>table.lastrow td.active {border-bottom:0px solid white;vertical-align:bottom;}

#tabs>table.lastrow td a span {padding-bottom:10px;}


#tabs>table  td.active a {background-position: 0 -150px; color:#ab3bce;}

#tabs>table  td.active a span {background-position: right -150px; color:#ab3bce;}

#tabs>table  td.active:hover a {background-position: 0 -150px; color:#ab3bce;}

#tabs>table  td.active:hover a span {background-position: right -150px; color:#ab3bce;}

#tabs>table  td.active a {cursor: default;}

#tabs>table  td a:hover {background-position: 0 -300px;}

#tabs>table  td a:hover span {background-position: right -300px; color:#03e4ff;}






#tabs>table  td a {text-decoration:none;}