@charset "UTF-8";
/* CSS Document */

div.center-content
{
   margin: 0 auto;
   width: 940px;
}

div.center-content h1
{
   font-size: 30px;
   text-align: center;
   font-weight: normal;
}

div.center-content p
{
   font-size: 16px;
   line-height: 22px;
   padding: 0px;
   text-align: left;
   clear: both !important;
}

div.center-content h5
{
   font-size: 17px;
   padding-top: 30px;
   clear: both;
}

div#free, div#pro
{
   background-color: #ececec;
   border: 3px solid #fff;
   height: 420px;
   padding: 0 25px 10px 25px;
   position: relative;
   width: 400px;
}

div#free hr, div#pro hr
{
   width: 350px;
   color: #666;
   margin-bottom: 15px;
}

div#free h4, div#pro h4
{
   font-size: 18px;
   text-align: center;
   color: #333;
}

div#free ul li, div#pro ul li
{
   font-size: 15px;
   line-height: 22px;
}

div#free h3, div#pro h3
{
   font-size: 25px;
   padding-left: 12px;
   font-weight: bold;
   position: relative;
   left: 100px;
}

div#pro p, div#free p
{
   text-align: center;
}

div#pro
{
   float: left;
}

div#free
{
   float: right;
}

div#free ul, div#pro ul
{
   margin-bottom: 1.75em;
   margin-left: 50px;
   color: #000;
}

div#pro ul li ul
{
   margin-top: 5px;
   padding-top: 0px;
   margin-left: 30px;
}

div#pro ul li ul li
{
   list-style-type: circle;
}

div.center-content p.pro-dl, div.center-content p.free-dl
{
   bottom: 25px;
   font-size: 12px;
   left: 92px;
   line-height: auto;
   padding: 0;
   position: absolute;
   text-align: center;
}
p.pro-dl a
{
   background-color: #F47B20;
   border: 1px solid #f66424;
   color: #fff !important;
   display: block;
   font-size: 15px !important;
   font-weight: bold !important;
   margin-top: 25px;
   text-decoration: none !important;
   width: 225px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}



p.free-dl a
{
   background-color: #a5ba66;
   border: 1px solid #9ab15d;
   color: #fff !important;
   display: block;
   font-size: 15px !important;
   font-weight: bold !important;
   margin-top: 25px;
   text-decoration: none !important;
   width: 225px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

p.free-dl a:hover
{
   background: #9ab15d !important;
}

p.pro-dl a:hover
{
   background-color: #f66424;
}

p.pro-dl a
{
   padding: 7px 15px 10px;
}

p.free-dl a
{
   padding: 7px 12px 10px;
}

#accordion
{
   padding-top: 20px;
   clear: both;
   margin: 0px;
}

#accordion h5
{
   background: none;
   border: none;
   padding: 0px;
   font-weight: bold;
   margin-bottom: 15px;
}

#accordion h5 a
{
   color: #F47B20 !important;
   text-decoration: underline;
}

#accordion h5 a:hover
{
   color: #666;
}

#accordion p
{
   font-size: 14px;
}

/* classes added to the 2 main divs when a user is signed in and Free */
div.freeSignedIn
{
   display: none;
}

div.proSignedIn
{
   margin: 0 auto !important;
   float: none !important;
}
