@charset "UTF-8";
/* CSS Document */


.cta-box-opacity {
width:			auto;
background:		url("http://www.saga.co.uk/insurance/campaigns/images/layout/transparency-2px.png");
padding:			20px;
margin:			50px auto;
position:			relative;
}
.clear {clear:both;}

a.orange-button-36px, a.blue-button-36px, a.white-button-36px, a.orange-button-25px, a.blue-button-25px, a.white-button-25px  {
background:		url("images/layout/cta-buttons-sprite.png") no-repeat;
display:			block;
text-decoration:	none;
clear:			both;
position:			relative;
overflow:			hidden;
cursor:			pointer;
}

a.orange-button-36px, a.blue-button-36px, a.white-button-36px {
background-position: 0 0;
max-height:		36px;
padding-left:		24px;
margin: 			0px 0px 8px;
}

a.blue-button-36px
{background-position: 0 -72px;}
a.white-button-36px
{background-position: 0 -144px;}

a.orange-button-36px:hover {background-position:	0px -36px;}
a.blue-button-36px:hover {background-position:	0px -108px;}
a.white-button-36px:hover {background-position:	0px -180px;}

a.orange-button-36px span, a.blue-button-36px span, a.white-button-36px span, a.orange-button-25px span, a.blue-button-25px span, a.white-button-25px span {
background:		url("images/layout/cta-buttons-sprite.png") no-repeat;
display:			block;
color:			#ffffff;
text-transform:	uppercase;
font-family:		Arial, Helvetica, sans-serif;
text-align:		right;
width:			77%;
letter-spacing:	0.025em;
float:			right;
overflow:			hidden;
font-weight:		700;
}
a.orange-button-36px span, a.blue-button-36px span, a.white-button-36px span {
background-position: right 0px;
line-height:		36px;
max-height:		36px;
padding-right:		45px;
font-size:		16px;
}
a.blue-button-36px span
{background-position: right -72px;}

a.white-button-36px span
{background-position: right -144px;
color:			#E95B0C;}

a.orange-button-36px span:hover
{background-position:	right -36px;}
a.blue-button-36px span:hover
{background-position:	right -108px;}
a.white-button-36px span:hover
{background-position:	right -180px;}

a.orange-button-25px, a.blue-button-25px, a.white-button-25px {
background-position: 0px -216px;
max-height:		25px;
padding-left:		24px;
margin: 			0px 0px 10px;
}
a.blue-button-25px
{background-position: 0px -266px;}
a.white-button-25px
{background-position: 0px -316px;}

a.orange-button-25px:hover {background-position:	0px -241px;}
a.blue-button-25px:hover {background-position:	0px -291px;}
a.white-button-25px:hover {background-position:	0px -341px;}

a.orange-button-25px span, a.blue-button-25px span, a.white-button-25px span {
background-position: right -216px;
line-height:		24px;
max-height:		25px;
padding-right:		36px;
font-size:		14px;
}
a.blue-button-25px span
{background-position: right -266px;}

a.white-button-25px span
{background-position: right -316px;
color:			#E95B0C;}

a.orange-button-25px span:hover
{background-position:	right -241px;}
a.blue-button-25px span:hover
{background-position:	right -291px;}
a.white-button-25px span:hover
{background-position:	right -341px;}