button.callToAction
{
 border:none;
 background: none;
 padding:0;
}
button.callToAction span
{
 padding:0;
 margin:0;
 width:auto;
}
/*
*:first-child+html button[type]{
 margin:0;
 padding:0;
}
*/
button.callToAction[type] span
{
  margin-top:-1px;
}

button.callToAction, a.callToAction {
 cursor:pointer;
 background: transparent url('/images/yellowButRight.png') no-repeat scroll top right;
 color: #444;
 display: block;
 float: left;
 font: normal 24px arial, sans-serif;
   font-weight: bold;
 height: 50px;
   margin-right: 6px;
   padding-right: 24px; /* sliding doors padding */
   text-decoration: none;
}

button.callToAction span, a.callToAction span {
 background: transparent url('/images/yellowButLeft.png') no-repeat;
 display: block;
  line-height: 40px;
 padding: 5px 0 5px 24px;
}

.clearButtons { /* generic container (i.e. div) for floating buttons */
 overflow: hidden;
 width: 100%;
}


.callToAction:active
{
  background-position: right -50px;
 border:none;
}
.callToAction:active span
{
  background-position: left -50px;
 border:none;
}

button.callToAction:active,
button.secondaryCallToAction:active
{
 border:none !important;
}


/* Secondary Buttons */
button.secondaryCallToAction
{
 border:none;
 background: none;
 padding:0;
}
button.secondaryCallToAction span
{
 padding:0;
 margin:0;
 width:auto;
}
/*
*:first-child+html button[type]{
 margin:0;
 padding:0;
}
*/
button.secondaryCallToAction[type] span
{
  margin-top:-1px;
}

button.secondaryCallToAction, a.secondaryCallToAction {
 cursor:pointer;
 background: transparent url('/images/blueButRight.png') no-repeat scroll top right;
 color: #444;
 display: block;
 float: left;
 font: normal 24px arial, sans-serif;
   font-weight: normal;
 height: 50px;
   margin-right: 6px;
   padding-right: 24px; /* sliding doors padding */
   text-decoration: none;
}

button.secondaryCallToAction span, a.secondaryCallToAction span {
 background: transparent url('/images/blueButLeft.png') no-repeat;
 display: block;
  line-height: 40px;
 padding: 5px 0 5px 24px;
}

.clearButtons { /* generic container (i.e. div) for floating buttons */
 overflow: hidden;
 width: 100%;
}


.secondaryCallToAction:active
{
  background-position: right -50px;
 border:none;
}
.secondaryCallToAction:active span
{
  background-position: left -50px;
 border:none;
}

button.callToAction:active, button.callToAction:hover, .callToAction:hover, .secondaryCallToAction:hover, button.secondaryCallToAction:active, button.secondaryCallToAction:hover
{
 border:none !important;
}

