/* ---------
     LAYOUT
   --------- */

body {
  text-align: center;
}

#wrapper
{
  text-align: left;
  margin: 0 auto;
  font-family: 'Lucida Grande', Geneva, Verdana, 
    Arial, 'Microsoft Sans Serif', sans-serif;
  font-size: 12px;
  color: #333;
  min-width: 768px;
}

#header_wrapper {
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/banner_bg.jpg') 
    repeat-x 
    bottom left;
  margin-bottom: 1em; 
  height: 208px;
}

#small_header_wrapper {
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/small_banner_bg.jpg') 
    repeat-x 
    bottom left;
  height: 160px;
}

#logo_wrapper {
  padding-top: 0.7em;
}

#top_content_wrapper {
  width: 768px;
  margin: 0 auto;
}

#bottom_content_wrapper {
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/bottom_content_bg.jpg') 
    repeat-x 
    top left;
  float: left;
  width: 100%;
  margin-top: 1em;
}

#footer_wrapper {
  border-top: 1px solid #ddd;
  margin-top: 1em;
}

#banner
{
/*background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/crafting.gif')
    no-repeat 
    top left; */
  height: 208px;
  width: 768px;
  margin: 0 auto;
  position: relative;
}

#banner p {
  text-indent: -1000px;
  background:
    transparent
    url('http://www.listbox.com/listbox/static/images/crafting.gif')
    no-repeat
    top left;
  position: absolute;
  top: 70px;
  width: 303px;
  height: 104px;
}

#planes {
  background:
    transparent
    url('http://www.listbox.com/listbox/static/images/planes.jpg')
    no-repeat
    top left;
  width: 357px;
  height: 197px;
  position: absolute;
  top: 36px;
  right: 0;
}

.small_banner {
  background: 
    transparent 
    no-repeat 
    bottom left;
  height: 160px;
  width: 768px;
  margin: 0 auto;
  position: relative;
}

#blue_plane {
  background-image: 
    url('http://www.listbox.com/listbox/static/images/listbox_banner_blue.jpg');
}

#yellow_plane {
  background-image:
    url('http://www.listbox.com/listbox/static/images/listbox_banner_yellow.jpg');
}

#pink_plane {
  background-image:
    url('http://www.listbox.com/listbox/static/images/listbox_banner_pink.jpg');
}

#green_plane {
  background-image: 
    url('http://www.listbox.com/listbox/static/images/listbox_banner_green.jpg');
}

#bottom_content
{
  width: 768px;
  margin: 0 auto;
  padding: 0 1% 0em 1%;
}

.two_col {
  width: 72%;
}

.sidebar {
  width: 180px;
}

/* Forms aka "Wizards" */

#wizard_container { 
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/wizard_top.png') 
    no-repeat
    top left;
  /* padding: 0.5em; margin-top: 0.5em; border: 1px solid #ddd; */ 
}

#wizard_footer {
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/wizard_bottom.png') 
    no-repeat
    bottom left;
}

#wizard_content {
  padding: 1em 2em 0; 
}

#wizard_content input { padding: 3p; font-size: 1.4em; }


/* -----------
   TEXT IMAGES 
   ----------- */

#pitch {
  background: 
    transparent 
    url('http://www.listbox.com/listbox/static/images/index_pitch.png') 
    no-repeat 
    bottom left;
  text-indent: -9999px;
  margin: 0.6em 0;
  width: 519px;
  height: 54px;
}

/* ---------
     TEXT 
   --------- */

/* Headers */

h1, h2, h3, h4 {
  font-family: helvetica, Arial, sans-serif;
  color: #222;
}

h1 {
  margin: 1em 0 0.5em 0;
  font-size: 1.8em;
}

h2 {
  font-size: 1.4em;
  line-height: 1.5em;
}

h3 {
  font-size: 1.1em;
  margin: 1.5em 0 0.8em 0;
  line-height: 1.5em;
  border-bottom: 1px solid #ccc;
  clear: both;
  text-transform: uppercase;
  color: #333;
}

h4 { 
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
  line-height: 1.6em;
  margin: 0.5em 0;
}

hr {
  border: none;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

address {
  font-style: normal;
  font-weight: bold;
}

.good { 
  color: green;
}

.bad { 
  color: red;
}

/* Lists */

ul#section_listing li {
  float: left;
  margin-right: 2em;
}

/* text classes */
.saying {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  line-height: 2em;
  margin-bottom: 0.5em;
}

#site_desc {
  line-height: 2.1em;
  font-size: 1.3em;
  color: #333;
}

.de-emphasis {
  color: #777;
  margin-right: 0.5em;
}

.summary {
  font: normal normal normal 1.3em  Helvetica, "Lucida Grande", Arial, sans-serif;
  border: 1px solid #ccc;
  line-height: 1.4em;
  border-left: 0;
  border-right: 0; 
  padding: 0.3em 0;
}

.underline {
  border-bottom: 1px solid #ccc;
}

ol#pricing_steps li { line-height: 1.5em; margin: 0.5em 0; }

#quote_amount { padding-bottom: 0; }
#quote_amount span { font-family: helvetica; font-weight: bold; font-size: 5em; color:#060; } 
#quote_amount+.instructions { 
  background-color: #a6ee5a;
  padding: 0.5em;
  margin-bottom: 0.8em;
}

#quote_error {
  background-color: #c00;
  color: #fff;
  padding: 0.5em;
  margin-bottom: 0.8em;
}

#quote_error a {
  color: #fff;
  text-decoration: underline;
}

/* Alerts */

.alert {
  padding: 4px 6px;
  color: #333;
}

.informational /* Blue Alert */ {
  background-color: #9cf;
}

.caution /* Green Alert */ {
  background-color: #a6ee5a;
}

#bottom_content h2 {
  line-height: 1.3em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #333;
}

#bottom_content .quotes {
  width: 30%;
  line-height: 1.5em;
  font-size:0.95em;
  display: block;
  margin-bottom: 1em;
}

#bottom_content .middle {
  margin-left: 35%;
}

#bottom_content .source {
  text-align: right;
  font-weight: bold;
}

#footer {
  text-align: left;
  padding: 1em 0;
  font-size: 0.95em;
  line-height: 1.5em;
  margin: 0 auto;
  width: 768px;
}

/* Effects */

.transparent {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=90);
}

.instructions { font-size: 0.9em; line-height: 1.3em;}

/* ---------
 *   LINKS
 * --------- */

a:link,
a:visited,
a:hover,
a:active {
  color: blue;
}

a.hide_link:link,
a.hide_link:visited,
a.hide_link:hover,
a.hide_link:active
{
  color: #333;
  text-decoration: none;
  border: none;
}

.sidebar ul { 
  margin-top: -0.5em;
}

.sidebar li a:link,
.sidebar li a:visited,
.sidebar li a:active
{
  display: block;
  padding-left: 0.5em;
  border-bottom: 1px solid #eee;
  height: 100%;
}

.sidebar li a:hover {
  display: block;
  background-color: #eee;
}

.sidebar li a.selected {
  color: black;
  font-weight: bold;
  background-color: none;
  border-bottom: 1px solid #eee;
}


/* ---------
   FEATURES
   --------- */

img.icon {
  margin-right: 1em; 
}

/* ---------
      NAV
   --------- */

ul#nav { 
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

ul#nav li {
  float: left;
  text-align: center;
  position: relative;
  margin-right: 0.7em;
}

ul#nav li a {
  color: #111;
  font-size: 1.2em;
  font-family: Helvetica, "Microsoft Sans Serif", Arial, sans-serif;
  font-weight: bold;
  float: left;
  display: block;
  background-color: #D0C436;
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 6px;
}

ul#nav li .tr,
ul#nav li .tl {
  position: absolute;
  top: 0;
  height: 6px;
  width: 4px;
}

ul#nav li.current a {
  background: transparent url('http://www.listbox.com/listbox/static/images/tab_bg.jpg') repeat-x top left;
  color: #333;
}

ul#nav li.login {
  float: right;
}

ul#nav li.login a {
  background: transparent url('http://www.listbox.com/listbox/static/images/tab_login.gif') repeat-x top left;
  color: #fff;
  text-shadow: 2px 2px 2px #000;
}

.sidebar li { 
  line-height: 1.8em;
}


/* ----------
 *   IMAGES
 *  --------- */

.screenshot {
  border: 1px solid #ddd;
}

.photo { 
  border: 1px solid #ccc;
  margin-bottom: 0.5em;
}

img.feature {
  border: 1px solid #666;
  margin: 0 1.5em 2em 0;
  float: left;
}


/* ------------
     TABLES
   ------------ */

table { 
  border-bottom: none; 
  width: 100%; 
  border-collapse: collapse;
  color: #000;
  margin-bottom: 0.5em; 
}

table caption { text-align: left;  }

table th, table td { padding: 6px 9px; text-align: left; font-family: helvetica, arial, sans-serif; }
table th, table td, table tbody th, table tbody td { border-bottom: 1px solid #ccc; }
table th { background: transparent url('http://www.listbox.com/listbox/static/images/thead_bg.png') repeat-x top left; color: #fff; }
tbody td {line-height: 1.5em; height: 1.5em; }


table#pricing td { font-size: 2em; color: #888; font-weight: bold; }
table#pricing .price { color: #060; font-weight: bold; }

/* --------------
     FORMS
-------------- */

dd div label { 
  margin-top: 0.5em;
  line-height: 2em;
}

#firstname, #lastname, #password, #password_confirm, #country, #telephone { width: 220px; }
#organization, #email, #address, #address2 { width: 444px; }
#city { width: 250px; } #state { width: 130px; } #postal { width: 57px; }