/* PLANS --------------------------------------------------- */

ol.plans {
list-style-type : none; 
width : 880px; 
padding : 0 30px; }

ol.plans:after { 
content : "\0020"; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden; 
overflow : hidden; }

ol.plans .item {
float : left; 
width : 390px; 
padding : 19px 19px 0; 
text-align : center; 
background-color : rgb(255,255,255);
border : 1px solid rgb(223,231,239); 
color : rgb(32,40,48); 
text-shadow : rgb(255,255,255) 0 1px 1px; }

ol.plans .fn {
margin-bottom : .5em; 
padding-bottom : .5em; 
font-size : 2em;
line-height : 1;
margin-bottom : 1em;
border-bottom : 1px solid rgb(223,231,239); }

ol.plans .price {
display : block;
margin-top : .5em;
font-size : 76%; }

ol.plans .description {
list-style-type : none;
text-align:left;
font-size:12px;
padding-left:20px;
padding-bottom:20px;
 }
ol.plans .description li {padding:5px 0px;}
ol.plans .action {
font-size : 1.5em; }

ol.plans .action span {
display : block;
font-size : 76%; }


/* action */

a.action {
display : block;
margin-bottom : 1.5em;
padding : 10px 20px 12px;
background-color : rgb(254,100,35); 
color : rgb(255,255,255);
text-align : center; }

a.action:hover {
text-decoration : none }

a.action h4 {
margin-bottom : .25em; 
padding-right : 20px;
background : url(../img/icon-macafee.png) no-repeat 100% 50%; 
font-size : 1.5em; 
font-weight : bold; }

a.action p {
margin-bottom : 0; 
font-size : 1em; 
font-weight : bold; 
color : rgb(255,255,255); }

/* WEBKIT / MOZILLA ------------------------------------------------------------------- */

.action { 
background-color : rgb(218,109,14);
background-repeat :  no-repeat;
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255,153,0)), to(rgb(190,75,26))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(255,153,0)), to(rgb(190,75,26))); } 

a.action:hover {
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255,153,0)), to(rgb(229,90,32))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(255,153,0)), to(rgb(229,90,32))); 
box-shadow : 0 0 10px rgba(0,0,0,.8);
-webkit-box-shadow : 0 0 10px rgba(0,0,0,.8);
-moz-box-shadow : 0 0 10px rgba(0,0,0,.8); }


.plans .basic .action { 
background-color : rgb(229,195,85);
background-repeat :  no-repeat;
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(229,195,85)), to(rgb(187,160,71))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(229,195,85)), to(rgb(187,160,71))); } 

.plans .small .action { 
background-color : rgb(218,109,14);
background-repeat :  no-repeat;
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(255,153,0)), to(rgb(190,75,26))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(255,153,0)), to(rgb(190,75,26))); } 

.plans .professional .action { 
background-color : rgb(188,72,72);
background-repeat :  no-repeat;
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(188,72,72)), to(rgb(126,49,49))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(188,72,72)), to(rgb(126,49,49))); } 

.plans .enterprise .action { 
background-color : rgb(122,104,166);
background-repeat :  no-repeat;
background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(122,104,166)), to(rgb(91,78,127))); 
background-image : -moz-linear-gradient(left top, left bottom, from(rgb(122,104,166)), to(rgb(91,78,127))); }