@import url(../main.css);

#banner { background-image: url(images/banner.png); width: 833px; height: 87px; text-indent: -999em; margin: 0 auto 4px auto; }

#top_area { width: 610px; height: 294px; margin: 3px 0 18px 0; position: relative; }
#top_area div { width: 610px; height: 270px; position: relative; }
#top_area div#basic-content { background-image: url(images/basic-bg.png); }
#top_area div#advanced-content { background-image: url(images/advanced-bg.png); }
#top_area div#extreme-content { background-image: url(images/extreme-bg.png); }
#top_area div p.info1 { position: absolute; font-size: 1.1em; color: #737373; width: 310px; font-family: Arial, sans-serif; font-weight: normal; top: 27px; left: 15px; }
#top_area div p.info2 { position: absolute; text-transform: uppercase; bottom: 63px; left: 15px; font-family: Arial, sans-serif; font-weight: bold; font-size: .85em;  }
#top_area div p.info3 { position: absolute; bottom: 36px; left: 15px; font-family: Arial, sans-serif; font-size: .75em; font-style: italic; width: 300px; color: #646464; line-height: 1em; }
#top_area div a.get_started { position: absolute; bottom: 43px; right: 103px; text-indent: -999em; width: 105px; height: 26px; display: block; background-image: url(images/get_started.png); outline: none; }
#top_area div a.get_started:hover { background-position: 0 -28px; }
#top_area h1 { color: #2B2B2B; font-family: Arial, sans-serif; bottom: 3px; position: absolute; font-size: 1.1em; }
#top_area h1:hover { cursor: default; }
#top_area h1#basic-link { left: 60px; }
#top_area h1#advanced-link { left: 155px; }
#top_area h1#extreme-link { left: 283px; }

#comparison_table_container { background-image: url(images/table-middle.png); width: 615px; }
#ctc-top { background-image: url(images/table-top.png); width: 615px; height: 8px; margin-bottom: 20px; }
#ctc-bottom { background-image: url(images/table-bottom.png); width: 615px; height: 5px; margin-bottom: 20px; }
#comparison_table_container table { width: 605px; margin: 0 0 35px 2px; border-collapse: collapse; }
#comparison_table_container table tr { border-bottom: 1px solid #CCDFF5; }
#comparison_table_container table tr.top-row { border-bottom: 1px solid #669EE1; }
#comparison_table_container table tr th { }
#comparison_table_container table tr th.basic , #comparison_table_container table tr th.advanced , #comparison_table_container table tr th.extreme { text-transform: uppercase; font-size: .75em; padding: 10px 0 8px 0; font-family: Arial, sans-serif; color: #FFFFFF; }
#comparison_table_container table tr th.basic { background-color: #9EC1EC; }
#comparison_table_container table tr th.advanced { background-color: #4C8DDC; }
#comparison_table_container table tr th.extreme{ background-color: #00A5FF; }
#comparison_table_container table tr th.type { font-family: “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif; color: #585858; font-size: .85em; text-transform: uppercase; font-weight: bold; width: 204px; text-align: left; padding: 0 0 3px 18px; }
#comparison_table_container table tr td { width: 130px; background-color: #F6F9FD; font-family: Arial, sans-serif; color: #585858; font-size: .8em; text-align: center; padding: 5px 0 5px 0; }
#comparison_table_container table tr td.feature { width: 204px; text-align: left; padding-left: 18px; }
#comparison_table_container table tr td.middle_shade { background-color: #EAF2FA; width: 151px; }
#comparison_table_container table tr.order-row { border: none; }
#comparison_table_container table tr.order-row td { background: none; }
#comparison_table_container table tr.order-row td a { background-image: url(images/buy_now-button.png); display: block; width: 80px; height: 19px; text-indent: -999em; margin: 5px auto 0 auto; }
#comparison_table_container table tr.order-row td a:hover { background-position: 0 -20px; }
#comparison_table_container table#last-table { margin: -33px 0 0 0; }

#follow_us  { margin-top: 2745px; }