/* copyright (c) 2010 aaron merriman. all rights reserved. */

* {
 margin: 0;
 padding: 0;
}

a { color: #ff4b00; }

body {
 background: #ffffff url('images/bkgd_site.png') repeat-x left 445px;
 font: normal normal normal 12px/19px arial,verdana,sans-serif;
 color: #000000;
}

h1, h2, .panel_label, h4 { margin-left: -1px; }

h1 {
 margin-bottom: 5px;
 font: normal normal bold 42px/45px arial,verdana,sans-serif;
}

h2, .panel_label, h4, h6 {
 font: normal normal normal 24px/27px arial,verdana,sans-serif;
 color: #205403;
}

h2 { margin-bottom: 1em; }

h3 { color: #205403; }

.panel_label { padding-top: 9px; }

h4 { margin-bottom: .5em; }

h5 {
 font: normal normal normal 19px/25px arial,verdana,sans-serif;
 color: #696969;
}

h5 span {
 font: normal normal normal 19px/25px arial,verdana,sans-serif;
 color: #ff4b00;
}

h6 { color: #ffffff; }

html { height: 100.5%; }

img {
 display: block;
 border: 0 solid transparent;
}

.required {
        background-color: #e1ffdf;
}

table.form input.error, table.form select.error, table.form textarea.error {
        background-color: #ffdfe0;
        border: 1px solid #ff9fa3;
}

#page {
 width: 758px;
 margin: 0 auto;
 padding: 25px 10px 35px 10px;
}

#header {
 height: 128px;
 background: transparent url('images/bkgd_page.png') no-repeat left -51px;
}

#logo {
 float: left;
 display: block;
 height: 54px;
 width: 285px;
 margin: 27px 0 0 4px;
}

#header ul {
 float: left;
 list-style: none;
 height: 42px;
 width: 740px;
 margin: 5px 0 0 9px;
}

#header ul li { float: left; }

#header ul .pn_edge { background: transparent; }

#header ul .pn_dummy {
 height: 42px;
 width: 1px;
}

#header ul li a {
 display: block;
 height: 31px;
 padding: 11px 15px 0 15px;
 font: normal normal normal 18px/21px arial,verdana,sans-serif;
 text-decoration: none;
 color: #696969;
}

#header ul li a:hover, #header ul li a:focus { color: #4b7c00; border-bottom: 2px solid #4b7c00; }

#content {
 min-height: 400px;
 padding: 42px 9px;
 background: transparent url('images/bkgd_content.png') repeat-y left -51px;
}

#welcome {
 width: 350px;
 padding-left: 25px;
}

.intro {
 float: left;
 width: 300px;
 padding-left: 49px;
}

#monitor {
 float: right;
 display: block;
 height: 231px;
 width: 282px;
 margin: 0 42px 20px 0;
 background: transparent url('images/bkgd_monitor.jpg') no-repeat left top;
}

#panels {
 clear: right;
 list-style: none;
 height: 155px;
 width: 740px;
 margin-bottom: 25px;
 padding: 10px 0;
}

#panels li {
 float: left;
 padding: 0 10px;
}

#panels li .panel_main {
 display: block;
 height: 130px;
 width: 166px;
 padding-left: 60px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 10px 10px;
 text-decoration: none;
 color: #696969;
}

.pn_01 { background-image: url('images/bkgd_see-it.png'); }
.pn_02 { background-image: url('images/bkgd_use-it.png'); }
.pn_03 { background-image: url('images/bkgd_sell-it.png'); }

#panels li a .panel_label { color: #2a2a2a; }

#panels li .more {
 text-decoration: underline;
 color: #99bb0b;
}

.panel_center {
 border-right: 1px solid #f1f1f1;
 border-left: 1px solid #f1f1f1;
}

.dummy { clear: both; }

#testimonials span, #testimonials b { margin-right: 15px; }

#testimonials span { float: right; }

#testimonials b {
 clear: right;
 float: right;
}

#page_copy { padding: 0 10px 0 25px; }

#tour_nav { list-style: none; }

#tour_nav li {
 float: left;
 display: block;
 width: 111px;
 margin-bottom: 35px;
 padding-bottom: 3px;
 font-weight: bold;
 text-align: center;
}

#tour_nav .most { margin-right: 5px; }

#tour_nav li img { margin: 5px 0 3px 5px; }

#tour_nav li:hover, #tour_nav li:focus {
 background: #f1f1f1;
 color: #4b7c00;
 cursor: pointer;
}

#tour_container {
 overflow: hidden;
 clear: left;
 height: 400px;
 width: 680px;
 margin: 0 0 5px 5px;
 background-color: transparent;
 background-image: url('images/tour_01.jpg');
 background-repeat: no-repeat;
 background-position: left top;
}

#tour_image {
 height: 400px;
 width: 680px;
 margin-top: -400px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left top;
}

#warning {
 margin-bottom: 2em;
 padding-left: 55px;
 background: transparent url('images/bkgd_warning.jpg') no-repeat left top;
}

#pricing, #pricing table { border-collapse: collapse; }

#pricing tr td {
 padding: 5px;
 border: 1px solid #163c00;
}

#pricing table tr td {
 border: none;
 white-space: nowrap;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 text-align: center;
}

#pricing tr .checked_item, #pricing table td { width: 60px; }

.checked_item { background: transparent url('images/bkgd_checkmark.jpg') no-repeat center 5px; }

.cell_price, .tbl_label, .tbl_label2 { text-align: center; }

.price_emp {
 font-weight: bold;
 color: #4b7c00;
}

#pricing tr .tbl_empty { border: none; }

.tbl_label { background: #4b7c00; }

.tbl_label span { color: #ffffff; }

.right_just { text-align: right; }

#pricing tr .tabl_no_pad { padding: 0; }

form {
 width: 625px;
 margin-left: 25px;
}

form ul { list-style: none; }

fieldset {
 margin-bottom: 1.75em;
 padding: 5px 0 20px 10px;
 border: 1px solid #d4d4d4;
}

fieldset legend {
 margin-left: -4px;
 padding: 0 4px 0 3px;
 font-weight: bold;
 font-size: 16px;
 font-family: arial,verdana,sans-serif;
 color: #ff5a00;
}

fieldset ul li {
 float: left;
 margin-right: 10px;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 color: #474747;
}

fieldset ul li span input, fieldset textarea, table.form input {
 display: block;
 margin-top: 1px;
 border: 1px solid #73b973;
 font-family: verdana,arial,sans-serif;
 font-size: 11px;
}

fieldset ul li span {
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
 color: #474747 !important;
}

fieldset ul li span input, table.form input {
 height: 14px;
 padding: 2px 3px 0 3px;
}

select {
 height: 18px;
 border: 1px solid #73b973;
 font: normal normal normal 10px/13px verdana,arial,sans-serif;
}

fieldset textarea {
 width: 550px;
 padding: 3px;
}

#send_now {
 height: 30px;
 padding: 0 10px 2px 10px;
 font: normal normal bold 10px/13px verdana,arial,sans-serif;
 background: #73b973;
}

.input_error {
 font-weight: bold !important;
 color: #ff0000 !important;
}

#faq_steps { margin-left: 30px; }

#rds_info { width: 650px; }

#product_box {
 height: 212px;
 width: 310px;
 background: transparent url('images/RDS-Logic.jpg') no-repeat left top;
}

#rds_desc {
 float: left;
 margin: 15px 0 0 135px;
 line-height: 13px;
}

#rds_desc b {
 display: block;
 margin-bottom: .2em;
 font: normal normal bold 18px/15px arial,verdana,sans-serif;
}

#rds_desc span {
 font: normal normal normal 10px/11px verdana,arial,sans-serif;
 color: #979797;
}

#rds_ordering span {
 font: normal normal bold 17px/20px arial,verdana,sans-serif;
 color: #ff4b00;
}

#product_quote {
 float: right;
 height: 212px;
 width: 310px;
 background: transparent url('images/Why-Use.jpg') no-repeat right top;
}

#product_quote div {
 margin: 24px 0 0 187px;
 font: normal normal bold 17px/20px arial,verdana,sans-serif;
 color: #205403;
}

#product_quote div span { color: #ff4b00; }

#rds_info ul {
 list-style: none;
 margin-top: 15px;
}

#rds_info ul li {
 float: left;
 height: 75px;
 width: 235px;
 padding-left: 65px;
 font: normal normal normal 12px/16px arial,verdana,sans-serif;
}

#pr_01, #pr_03, #pr_05, #pr_07, #pr_09, #pr_11 { margin-right: 45px; }

#pr_01 { background: transparent url('images/Hello-World.jpg') no-repeat left top; }
#pr_02 { background: transparent  url('images/Increase-Revenue.jpg') no-repeat left top; }
#pr_03 { background: transparent  url('images/Payment-Freedom.jpg') no-repeat left top; }
#pr_04 { background: transparent  url('images/Availability.jpg') no-repeat left top; }
#pr_05 { background: transparent  url('images/Instant-Order-Notification.jpg') no-repeat left top; }
#pr_06 { background: transparent  url('images/Upload-Graphics-Content.jpg') no-repeat left top; }
#pr_07 { background: transparent  url('images/Free-Faxing.jpg') no-repeat left top; }
#pr_08 { background: transparent  url('images/Easy-Maintenance.jpg') no-repeat left top; }
#pr_09 { background: transparent  url('images/Sell-Drinks.jpg') no-repeat left top; }
#pr_10 { background: transparent  url('images/Rewards-Loyalty.jpg') no-repeat left top; }
#pr_11 { background: transparent  url('images/Graphs-Charts.jpg') no-repeat left top; }
#pr_12 { background: transparent  url('images/Social-Networking.jpg') no-repeat left top; }

.product_title {
 font-weight: bold;
 color: #205403;
}

#innovation {
 clear: right;
 height: 25px;
 margin-top: 2em;
 padding-top: 8px;
 background: transparent url('images/big-tree-solutions.jpg') no-repeat right top;
 font: normal normal normal 10px/15px verdana,arial,sans-serif;
}

#get_started {
 float: left;
 margin: 7px 0 0 221px;
}

.page_list { margin-left: 35px; }

.friends_list {
 margin-bottom: 2em;
 border-collapse: collapse;
}

.friends_list td { padding: 10px; }

.friends {
 display: block;
 padding-bottom: 1px;
 border-bottom: 1px dashed #c7d4c0;
 font: normal normal bold 14px/19px arial,verdana,sans-serif;
 color: #205403;
}

.friend_name {
 width: 150px;
 font: normal normal bold 12px/19px arial,verdana,sans-serif;
 white-space: nowrap;
 vertical-align: top;
 color: #205403;
}

.friend_desc {
 width: 100%;
 padding-left: 25px;
 font-style: italic;
 vertical-align: top;
}

#facebook {
 display: block;
 float: right;
 height: 50px;
 width: 140px;
 margin-right: 15px;
}

.badge {
 float: right;
 margin-left: 15px;
}

#rcsd_container {
 margin-bottom: 1em;
 padding: 1em 0;
 border-top: 1px dashed #f37208;
 border-bottom: 1px dashed #f37208;
}

#rcsd {
 display: block;
 height: 83px;
 width: 675px;
 padding-top: 42px;
 background: transparent url('images/friend_rcsd.jpg') no-repeat left top;
 font: italic normal bold 16px/19px arial,verdana,sans-serif;
 text-align: right;
 text-decoration: none;
}

#footer, #copyright { font: normal normal normal 10px/13px verdana,arial,sans-serif; }

#footer {
 height: 38px;
 padding-top: 13px;
 background: transparent url('images/bkgd_page.png') no-repeat left top;
}

#footer ul {
 list-style: none;
 text-align: center;
 color: #8f8f8f;
}

#footer ul li { display: inline; }

#footer ul li a { color: #696969; }

#copyright {
 margin-top: 2px;
 padding-left: 34px;
 color: #8f8f8f;
}

/* sign-up styles */
table.form {
        width: 100%;
}

table.form td label {
        float: left;
        display: block;
        font-weight: bold;
        width: 100%;
        font-size:11px;
}

table.form input.long {
        width: 250px;
}

table.form input.longer{
        width: 450px;
}

table.form td {
        padding-right: 25px;
        padding-bottom: 5px;
}


table.form td.no_padding {
        padding: 0;
}

table.plan td input{
        float: left;
        margin-right: 5px;
        vertical-align: bottom;
}

span.plan_description {
        display: block;
        width: 100%;
        margin-left: 25px;
        font-style: italic;
}

textarea.contract {
        height: 200px;
        width: 595px;
}

table.buttons {
}

