/* Global */
body {width:100%; margin:0; padding:0; font-family:Calibri, "Lucida Grande", Arial, "Sans-Serif"; background:url(../images/bg-global.png);}
h1 {font-size:24px; font-weight:bold; line-height:1.5em; color:#1db9e0; margin:20px 0 10px;}
h2 {font-size:18px; font-weight:bold; line-height:1.5em; color:#000; margin:15px 0 8px;}
p {margin:10px 0; padding:0;}
a {color:#1db9e0; text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:0;}

input.error {border: 3px solid red !important;}
input.error[type='checkbox'] {outline: 3px solid red !important;}

.guarantee {font-size:11px; color:#222; clear:both; text-align:right; padding:0 30px 10px 0; margin-top:0; line-height:16px}

a.button1 {background: transparent url(../images/button1_a.png) no-repeat scroll top right; color: #000; display: block; float: right; font-size: 12px; height: 23px; margin-left: 10px; padding-right: 10px; text-decoration: none; text-transform:uppercase;}
a.button1 span {background: transparent url(../images/button1_span.png) no-repeat; display: block; line-height: 12px; padding: 6px 0 5px 10px; color:#000;}

a.button2 {background: transparent url(../images/button2_a.png) no-repeat scroll top right; color: #000; display: block; float: left; font-size: 18px; height: 35px; margin-right: 20px; padding-right: 46px; text-decoration: none; font-weight:bold;}
a.button2 span {background: transparent url(../images/button2_span.png) no-repeat; display: block; line-height: 18px; padding: 9px 0 8px 15px; color:#000;}

a.ybutton {background: transparent url(../images/button2_a_yellow.png) no-repeat scroll top right; color:#000; display:block; float:left; font-size:18px; height:35px; margin-right:20px; padding-right:46px; text-decoration:none; font-weight:bold;}
a.ybutton span {background: transparent url(../images/button2_span_yellow.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 15px; color:#000;}

/* home page */
a.hero-button-yellow {background: transparent url(../images/button2_a_yellow.png) no-repeat scroll top right; clear:both; color:#000; display:block; float:left; font-size:18px; font-weight:bold; height:35px; margin: 0 20px 10px 110px; padding-right:46px; text-decoration:none;}
a.hero-button-yellow span {background: transparent url(../images/button2_span_yellow.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 15px; color:#000; text-align:left; width:186px;}
a.hero-button {background: transparent url(../images/button2_a.png) no-repeat scroll top right; clear:both; color:#000; display:block; float:left; font-size:18px; font-weight:bold; height:35px; margin: 0 20px 10px 110px; padding-right:46px; text-decoration:none;}
a.hero-button span {background: transparent url(../images/button2_span.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 15px; color:#000; text-align:left; width:186px;}
#content .hero-content {float:right; width:400px; margin:auto; padding:0px 160px 0px 0px;}
#content .hero-content h1 {font-size:24px; color:#000; text-shadow:#fff 0 1px 1px; text-transform:uppercase; font-weight:normal; margin:0;}
#content .hero-description {background:transparent; float:right; height:auto; margin-top:28px; padding:25px 10px 10px; width:300px; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
#content .hero-description #subtitle {color:#000; font-size:24px; font-weight:bold; line-height:36px; margin-top:0;}
#content .hero-description #details {color:#000; font-size:20px; font-weight:bold; line-height:36px;}
#content .hero-description ul {margin:0;padding:0;}
.hero-buttons {clear:right; float:right; width:auto; font-size:18px; padding:0; line-height:24px; color:#000; margin:10px 0 0; border:none; border-collapse:collapse; width:430px;}
.home-callout {color:#9ec2cb; font-size:24px; font-weight:bold; line-height:36px;}
.hero-bullet {color:#000; font-size:15px; list-style-position:inside; padding:0; line-height:24px;}
.products p {color:#fff; font-size:13px; padding:0; line-height:22px;}
.blue-italic {color: #1db9e0; font-size:30px; font-style:italic; font-weight:bold;}
.red-italic {color:#d31748; font-size:34px; font-weight:bold;}

/* Global Data Table */
.global-table table {margin:0; width:672px; border:0px; border:1px solid #ddd; border-spacing:0px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:0px 1px 1px #fff;}
.global-table .header {background:url(../images/bg-global-table-header.png) repeat-x top #ededed; text-align:left; text-shadow:#fff 0 1px 1px;}
.global-table tr {background:url(../images/bg-global-table-row.png) repeat-x top #f7f7f7; border-bottom:1px solid #eaeaea;}
.global-table th {font-style:italic; font-size:14px; font-weight:bold; padding:7px 0 7px 15px; text-align:left; line-height:18px;}
.global-table td {font-size:13px; font-weight:bold; padding:7px 0 7px 25px; line-height:18px;}
.global-table .zebra {background:url(../images/bg-global-table-row-zebra.png) repeat-x top #fff; border-bottom:1px solid #eaeaea;}
.global-table .footer {background:url(../images/bg-global-table-foot.png) repeat-x #f7f7f7; height:12px; margin-bottom:15px;}

.container {width:900px; margin:0 auto;}

#header {width:900px; margin:0 auto; height:90px;background:url(../images/bg-header.png);}
#header .logo {float:left; width:191px; height:58px; margin:20px 0 0 0; background:url(../images/logo.png) no-repeat;}

#header .nav-top-right {float:right; text-align:right; padding-top:10px;}
#header .nav-top-right li {display:inline; font-size:13px; text-transform:uppercase; margin-left:15px; text-shadow:#000 0 1px 2px; height:23px; padding:5px 0; float:left;}
#header .nav-top-right a {color:#94c777; text-decoration:none;}
#header .nav-top-right a:hover {color:#fff;}
#header .nav-top-right .clear {clear:both;}
#header .nav-top-right .nav-sub {float:right; font-size:13px; text-transform:uppercase; padding-top:20px;}
#header .nav-top-right .nav-sub a {margin-left:15px; float:right;}
#header .nav-top-right .on {background: transparent url(../images/bg_tab_a.png) no-repeat scroll top right; color: #fff; display: block; float:right; font-size: 13px; height: 23px; padding-right: 15px; text-decoration: none; text-shadow:none; margin-top:-3px;}
#header .nav-top-right .on span {background: transparent url(../images/bg_tab.png) no-repeat; display: block; line-height: 13px; padding: 5px 0 5px 15px; color:#fff;}

#content {width:100%; margin:0; background:url(../images/bg-content.png) repeat-x top #e2e2e2; padding-bottom:30px;}

#content .product-description .text-wrap {padding:35px 15px 15px 15px;}
#content table.details {width:500px; margin:0 0 0 35px;}
#content table.details th, #content table.details td {padding:2px;}
#content-inner {width:100%; margin:0; height:auto; background:url(../images/bg-content2.png) repeat-x #e1e1e1; padding:0 0 20px; float:left;}

#footer {padding:20px 0; clear:both; width:100%;}
#home-footer {padding:20px 0 0; clear:both; width:100%;}
#home-footer .quote {float:left; width:700px; margin:0 100px 20px; font:italic 20px Georgia, "Times New Roman", Times, serif; color:#fff; line-height:30px;}
#home-footer .quote-text {float:left; width:600px; margin:10px 0 0 25px;}
#home-footer .quote-rotate {float:left; width:300px; padding:0 0 0 60px}
#home-footer .quote-rotate img {margin-right:8px;}
#home-footer .quote-name {clear:both; font-size:18px; text-align:right;}
#home-footer .location {font:11px Georgia, "Times New Roman", Times, serif;}
#home-footer .footer-divider {clear:both; width:900px; height:2px; margin:20px auto; background:url(../images/footer-divider.png) no-repeat;}
#home-footer .products {float:left; width:800px; margin-left:50px;}
#home-footer .products img {float:left; margin-right:15px;}
#home-footer .products .baby {float:left; width:375px;}
#home-footer .products .pro {float:right; width:375px;}
#footer .nav-footer {text-align:center; font-size:12px; color:#fff; line-height:18px;}
#footer .nav-footer a {text-decoration:none; color:#fff;}
#footer .nav-footer a:hover {text-decoration:underline;}
#footer .copyright {text-align:center; font-size:10px; color:#535353; line-height:18px;}

/* FAQ Page Specific */
#content-inner ul.faq {margin:0; padding-left:20px;}
#content-inner .faq li {padding:0; color:#535353; font-size:14px; list-style:none; margin:15px 0; line-height:18px;}
#content-inner .faq li.question {list-style:url(../images/faq-closed.png); color:#1db9e0; font-weight:bold; cursor:pointer;}
#content-inner .faq li.answer {display:none;}
#content-inner .faq p {color:#535353;}
#content-inner .divider {clear:both; height:2px; width:100%; background:url(../images/divider.png) repeat-x;}
.faq-table {width:630px;}

/* Learn More Page Specific */
.action {float:left; width:100%; margin:20px 0;}
#content-inner .learn-more {margin-top:15px;}
#content-inner .learn-more p {font-size:14px; color:#535353; line-height:18px;}
#content-inner .learn-more h2 {font-size:14px; font-weight:bold; color:#1db9e0; margin:35px 0 0 0; text-shadow:#fff 0 1px 1px;}
#content-inner .learn-more .product {background:url(../images/learn-more-product.png) no-repeat; width:169px; height:239px; float:left; margin:30px 50px 30px 0;}
#content-inner .col-left {float:left; width:143px; margin-right:20px;}
#content-inner .learn-more-content {float:right; width:725px;}
.learn-more-side-nav ul {margin:25px 0 0; padding:0; list-style:none;}
.learn-more-side-nav li {margin:0; padding:0;}
.learn-more-side-nav a {line-height:14px; padding:5px 10px; width:123px; display:block; font-weight:bold; font-size:14px; text-transform:uppercase; color:#000; text-shadow:#fff 0 1px 1px;}
.learn-more-side-nav .on {line-height:14px; padding:5px 10px; width:123px; display:block; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff; background:#1db9e0; text-shadow:none; border-bottom:1px solid #000;}

/* Buy Now Page Specific */
#content-inner .buy-top {float:left; background:url(../images/bg-buy-top.png) no-repeat; width:807px; height:4px;}
#content-inner .buy-wrap {float:left; width:807px; background:url(../images/bg-buy-now.png) repeat-y;}
#content-inner .buy-body-left {float:left; width:494px;}
#content-inner .buy-body-right {float:left; width:313px;}
#content-inner .buy-bottom {float:left;background:url(../images/bg-buy-bottom.png) no-repeat; width:807px; height:5px;}
#content-inner .buy-body-left .text-wrap {margin:15px;}
#content-inner .buy-body-left h2 {font-size:18px; color:#000; font-weight:bold; margin:0; padding:0;}
#content-inner .buy-body-left p {font-size:14px; color:#535353; margin:0; padding:0;}
#content-inner .buy-body-left p.label {margin:5px 0 6px; text-transform:uppercase;}
#content-inner .buy-body-left form {margin:0; padding:0;}
#content-inner .buy-body-left input {margin:5px 0;}
#content-inner .buy-body-left .text-input {width:175px; font-size:14px; line-height:14px; padding:7px 10px; border:1px solid #f0f0f0; background:url(../images/bg-input.png) no-repeat;}
.notice {clear:both; border:1px solid #c0ecec; background:#edffff; padding:10px 20px; font-size:13px; margin-bottom:20px;}
.notice img {margin-right:7px; vertical-align:text-bottom;}
.notice p {font-size:14px; color:#535353; margin:0 0 5px; padding:0;}
.notice span.error-message, .notice span.required {color: #f00; font-weight: bold; margin:0 0 5px;}
#content-inner .buy-body-left .checkbox-text {float:left; font-size:12px; padding:0; font-weight:bold; display:inline-block;}
#content-inner .buy-body-left .checkbox-text input {display:inline; margin-right:5px;}
#content-inner .buy-body-left table {border:1px solid #f0f0f0; margin:10px 0 24px;}
#content-inner .buy-body-left td {padding:3px 8px;}
table.order-pricing {border-collapse:collapse;}
table.order-pricing td {font-size:14px; color:#535353; margin:0; padding:5px;}
table.order-pricing .border {border-left:1px solid #ccc;}
table.order-pricing .dotted {border-bottom:1px dotted #ccc;}
#content-inner .buy-body-right .buy-30 {background:url(../images/buy-30.png); width:313px; height:69px; float:left; margin-top:10px;}
#content-inner .buy-body-right .text-wrap {margin:15px 20px 15px 25px; float:left;}
#content-inner .buy-body-right .question {color:#1db9e0; font-size:14px; font-weight:bold; line-height:20px;}
#content-inner .buy-body-right .answer {color:#535353; font-size:14px; line-height:20px; margin:10px 0 20px;}
#content-inner .buy-body-right ol, #content-inner .buy-body-right ul { margin:10px 0 20px; padding-left:15px;}
#content-inner .buy-body-right li {margin:0; padding:0; color:#535353; font-size:14px; line-height:20px;}

/* Buy Now Page v2 */
#buy_progress {
  height:50px;
  margin-top:20px;
  width:900px;
}

#special_offer {
  margin-left:45px;
}

#buy_dropcam1 {
  float:left;
  margin-right:60px;
  margin-left:90px;
  margin-top:30px;
  width:340px;
}

#buy_dropcam2 {
  float:left;
  margin-top:30px;
  padding-bottom:15px;
  width:340px;
}

#buy_dropcam1 h2, #buy_dropcam2 h2 {
  margin-bottom:0px;
  margin-left:36px;
}

.buy_steps_number {
  background:url(../images/buy/number_bg_gray.png) no-repeat;
  color:#fff;
  display:block;
  float:left;
  font-size:1.5em;
  height:35px;
  padding:5px 0px 0px 10px;
  width:35px;
}

.buy_steps_number_selected {
  background:url(../images/buy/number_bg.png) no-repeat;
  color:#fff;
  display:block;
  float:left;
  font-size:1.5em;
  height:35px;
  padding:5px 0px 0px 10px;
  width:35px;
}

#buy_dropcam1 ul li, #buy_dropcam2 ul li {
  font-size:.8em;
  list-style:url(../images/buy/list_arrow.png);
}

#buy_progress ul li p {
  margin-top:5px;
}

#step1, #step2, #step3, #step4 {
  color:#ccc;
  border-right:solid 2px #ccc;
  font-size:.8em;
}

.buy_selected {
  color:#000;
}

.buying_step {
  line-height:30px;
}

.buy_steps {
  float:left;
  height:50px;
  list-style:none;
  padding:5px;
}

#step1 {
  float:left;
  height:40px;
  list-style:none;
  padding:0 5px 5px;
  width: 185px;
}

#step2 {
  float:left;
  height:40px;
  list-style:none;
  padding:0 5px 0 20px;
  width:230px;
}

#step3 {
  float:left;
  height:40px;
  list-style:none;
  padding:0 5px 5px 20px;
  width:180px;
}

#step4 {
  border:none;
  float:left;
  height:40px;
  list-style:none;
  padding:0 5px 5px 20px;
  width:110px;
}

a.buy_button {background: transparent url(../images/buy/buy_next_step.png) no-repeat scroll top right; color:#000; display:block; float:left; font-size:12px; height:35px; margin-right:20px; margin-left:30px; padding-right:32px; text-decoration:none; font-weight:bold; clear:both;}
a.buy_button span {background: transparent url(../images/buy/buy_next_long.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 15px; color:#000;}

/* Buy Cam pages two through four */

a.buy_button_back {background: transparent url(../images/buy/buy_back_endcap.png) no-repeat scroll top right; color:#000; display:block; float:left; font-size:15px; height:35px; margin-right:20px; margin-left:0px; padding-right:32px; text-decoration:none; font-weight:bold;}
a.buy_button_back span {background: transparent url(../images/buy/buy_back.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 35px; color:#000;}

a.buy_button_next {background: transparent url(../images/buy/buy_next_cap.png) no-repeat scroll top right; color:#000; display:block; float:left; font-size:15px; height:35px; margin-right:20px; margin-left:148px; padding-right:32px; text-decoration:none; font-weight:bold;}
a.buy_button_next span {background: transparent url(../images/buy/buy_next_body.png) no-repeat; display:block; line-height:18px; padding:9px 0 8px 25px; color:#000;}

.dont_forget {
  text-align:center;
  border-bottom:2px #1DB9E0 solid;
}

#content-inner .buy-body-left p.final_purchase {
  float:right;
  margin:10px 40px 10px 0;
}

a.public_cams {
  background: transparent url(../images/buy/check_out_cams.png) no-repeat scroll top right;
  color:#000;
  display:block;
  float:right;
  font-size:15px;
  font-weight:bold;
  height:35px;
  padding: 10px 70px 0 92px;
  text-decoration:none;
}

.check_out_cams a:hover {
  text-decoration:none;
}

.check_out_cams span:hover {
  text-decoration:none;
}

/* homepage jcarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-list li,
.jcarousel-item {float: left; list-style: none; width: 600px; height:100px; padding-right: 37px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}

/* global styles added by dropcam */
.monodata {font-family:monospace; text-transform:lowercase;}
span.error-message, span.required {color: #f00; font-weight: bold;}
div.error, div.error_header {background-color: #fcecec; border: 1px solid #f88;}

li.odd { background-color: #f0f0f0; }

#flash, #flash_success, #flash_error {margin: 10px 0; padding: 6px 10px;}
#flash p, #flash_success p, #flash_error p {margin: 0; padding: 0;}
#flash {background-color: #ffc; border: 1px solid #888;}
#flash_success {background-color: #ecfcec; border: 1px solid #5d5;}
#flash_error {background-color: #fcecec; border: 1px solid #f88;}

div.block_medium {margin: 30px auto 30px auto; width: 500px;}

/* public cameras list specific */
table#public_camera_table {border-style: solid; border-color: #a2a2a2; width:100%;}
table#public_camera_table td {padding: 3px 5px; vertical-align: middle;}
table#public_camera_table td.subheader {background-color:#2647a0; color:#fff;}
table#public_camera_table tr.odd {background-color: #eeeeee}
table#public_camera_table td.thumbnail {width: 150px; height: 120px; padding-left: 15px;}
table#public_camera_table td.title {width:200px; font-weight: bold;}
table#public_camera_table td.description {}
table#public_camera_table td.status {width:100px; font-style: italic;}
.public_camera_main {width: 800px; margin: 10px auto;}
img.public_camera_thumb {width:120px; height:90px; border:1px solid #021a40; }
div#first_time_message ol, div#first_time_message ol li {margin-left:15px; list-style-position:outside;}

/* demo viewer specific */
.public_dropcam_info_bar {padding-top: 5px; padding-bottom: 10px; text-align: center;}
.public_dropcam_info_bar a {font-weight: bolder;}
.no_public_cams {padding-top: 50px; padding-bottom: 50px; text-align: center;}

/* viewer specific */
.viewer_public_bar {text-align: center; font-weight: bolder; padding-top: 5px; padding-bottom: 10px;}
#flashContentNewViewer, #flashContainerNewViewer {height: 620px; margin: 10px auto; padding-bottom: 5px;}
#viewerInfoText {display: none;}

/* plans select specific */
#plans_container {background-color:transparent; height:360px; margin:0 auto; text-align:center; width:550px;}
.plan_block {background-color: #fff; border: 1px solid #999; float:left; height:250px; margin-top:22px; padding:10px; text-align:center; width:160px;}
.plan_block strong {color:#1db9e0;}
.plan_block h2 {color:#333; font-size:34px; margin:0; text-align:center;}
.plan_block h3 {border-bottom:1px solid #ccc; color:#333; font-size:20px; margin:0 0 15px; padding:0 0 7px; text-align:center;}
.plan_block ul, .plan_block li {font-size:20px; line-height:1em; list-style:none none outside; margin:0 0 10px; padding:0;}
.plan_block p {margin: 20px auto; text-align:center;}
.r-shadow {background: #fff url(/images/shadow-right.png) right center no-repeat;}
.l-shadow {background: #fff url(/images/shadow-left.png) left center no-repeat;}
.plan_block a.button2 {float:none; margin:0 auto; width:95px;}

#dropcam_detail {margin:10px auto; width:450px;}
#dropcam_detail img {float:left; height:175px; margin-right:20px;}
#dropcam_detail .price {color:#1db9e0; font-size:20px; float:right;}
#dropcam_detail ul {margin:10px;}
#dropcam_detail ul, #dropcam_detail li {list-style: none outside;}
#dropcam_detail #instructions {margin-top:20px;}

/* edit user page */
#user_edit_form table th {text-align:left; width:200px;}

/* misc dump */
.property_block {margin: 20px;}
.property_block h2 {border-bottom: 1px solid #444; margin: 20px 0 0;}
.property_block td {padding: 5px 10px 5px 0;}
.edit_form td {padding:3px 8px;}
.edit_form .text-input {font-size:14px; line-height:14px; padding:7px 10px; border:1px solid #f0f0f0; background:url(../images/bg-input.png) no-repeat;}

/* =table.sortable
----------------------------------------------------------------------------- */
table.sortable {
  border-spacing: 0;
  border: 1px solid #000;
  border-collapse: collapse;
}
table.sortable th, table.sortable td {
  text-align: left;
  padding: 2px 4px 2px 4px;
  width: 100px;
  border-style: solid;
  border-color: #444;
}
table.sortable th {
  border-width: 0px 1px 1px 1px;
  background-color: #2647a0;
  color: #fff;
}
table.sortable td {
  border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
  background-color: #ffc;
}
table.sortable tr.even td {
  background-color: #fff;
}
table.sortable tr.sortbottom td {
  border-top: 1px solid #444;
  background-color: #ccc;
  font-weight: bold;
}

/* ========================================

Panel styles

======================================== */

.panel {
  position:relative;
  margin:30px 0 10px;
  background:url('../images/bg_panel_main.png') repeat-y 50% 0;
}

  .panel_top {
    position:relative;
    padding:2px 20px;
    background:url('../images/bg_panel_top.png') no-repeat 50% 0;

  }

  .panel_main {
    padding:10px 20px;
    overflow:auto;
    zoom:1;
  }

  .panel_foot {
    clear:both;
    height:3px;
    line-height:0;
    background:url('../images/bg_panel_foot.png') no-repeat 50% 100%;
  }

.infopanel {
  margin:25px 0 10px;
  height:39px;
  background:url('../images/bg_infopanel.png') no-repeat 50% 0;
}

  .infopanel .infotype,
  .infopanel .info {
    float:left;
    margin:1px 0 2px;
    padding:8px 10px 0;
    height:30px;
    color:#4d4d4d;
  }

  .infopanel .infotype {
    padding-right:24px;
    font-weight:bold;
    color:#375797;
    background:url('../images/bg_infopanel_divider.png') no-repeat 100% 0;
  }

    .infopanel img.info_icon {
      margin-bottom:-2px;
    }

.panel_top h1 {
  font-family:Calibri, Arial, sans-serif;
  position:relative;
  margin:12px 0 16px;
}

/* ========================================

Content

======================================== */

.panel_main {
  color:#4d4d4d;
  color:#5d5d5d;
}

div.sidebar,
img.sidebar {
  float:right;
  margin-top:10px;
  margin-left:20px;
}

div.sidesheet {
  float:right;
  display:inline;
  width:235px;
  padding:20px 15px 0;
  margin:10px 0 10px 20px;
  font-size:14px;
  background:url('../images/activation/bg_sidesheet.png') no-repeat 0 0;
}

  div.sidesheet h2 {
    margin:0 0 1em;
    line-height:1.1em;
    font-size:16px;
    color:#1db9e0;
  }

  div.sidesheet .sidesheet_bottom {
    margin:0 -15px;
    height:3px;
    line-height:0;
    background:url('../images/activation/bg_sidesheet.png') no-repeat 0 100%;
  }

  .sidesheet .packing_icon {
    text-align:center;
  }

.panel {
  font-size:15px;
  font-family:Arial, sans-serif;
}

.panel ol,
.panel ul {
  margin:1em 0;
  padding:0 0 0 2em;
}

.panel li {
  margin:0;
  padding:0;
}

.panel p {
  margin:0 0 1em;
  line-height:1.33em;
}

.product_panel .panel_main > p {
  margin-left:15px;
  margin-right:15px;
}

.panel_main h2 {
  font-family:Calibri, Arial, sans-serif;
  margin:1em 0 .25em;
  line-height:1.25em;
  font-size:17px;
  color:#333;

}

.panel p.intro {
  font-size:17px;
  line-height:1.5em;
  color:#6b9126;
}

a#view_specifications {
  float:left;
  width:210px;
  height:32px;
  padding:12px 0 0 15px;
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#082c6b;
  text-decoration:none;
  background:url('../images/button_specs.png') no-repeat 0 0;
}

a#view_specifications:hover {
  text-decoration:underline;
}

a.show_photos {
  float:right;
  width:116px;
  height:36px;
  margin:3px -10px 0 0;
  text-indent:-12345px;
  overflow:hidden;
  background:url('../images/bg_click_photos.png') no-repeat 0 0;
}

a.gallery {
  display:none;
}

#view_specifications,
a.gallery_trigger,
a.gallery_trigger img {
  border:0;
  outline:0;
  padding:0;
}

div.modal {
  display:none;
}

div.footnotes {
  margin:15px;
  color:#999;
  font-size:15px;
  font-style:italic;
}

img.icon {
  float:left;
  margin:0px 0 0px -75px;
}

img.mini_icon {
  margin-bottom:-3px;
}

#dropcam_header {
  margin-right:1px;
  min-height:240px;
  background: url('../images/solution/header_bubbles_dropcam.jpg') no-repeat 100% 0;
}

#dropcam_echo_header {
  margin-right:1px;
  min-height:240px;
  background: url('../images/solution/header_bubbles_dropcam_echo.jpg') no-repeat 100% 0;
}


#dropcam_header .gallery_trigger,
#dropcam_echo_header .gallery_trigger {
  position:absolute;
  bottom:0;
  left:370px;
}

.figure {
  position:relative;
  margin:1em 0 1em;
}

.figure span.caption {
  position:absolute;
  bottom:12px;
  left:15px;
  width:312px;
  font-style:italic;
  text-overflow:ellipses;
}


/* Service
----------------------------------------- */

#service_header {
  margin:0 0 20px;
  padding:0 400px 0 15px;
  height:250px;
  background:url('../images/solution/service_header.jpg') no-repeat 0 0;
}


/* Plans
----------------------------------------- */

div.plan {
  margin:0 15px 3em;
  padding:0;
  clear:both;

}

  .plan-head {
    height:53px;
    border-bottom:3px solid #ccc;
    zoom:1;
  }

    .plan-head h2,
    .plan-head .price,
    .plan-head .interval {
      float:left;
    }

    .plan-head .button3 {
      float:right;
      margin-top:5px;
    }

    .plan-head h2 {
      font-size:30px;
      margin:2px 0 0;
    }

    .plan-head .price {
      width:104px;
      height:53px;
      margin:0 5px 0 15px;
      background:url('../images/pricetags.png') no-repeat 0 0;
      text-indent:-123456px;
    }

    .plan-head .price.mid {
      background-position:0 -60px;
    }

    .plan-head .price.high {
      background-position:0 -120px;
    }

    .plan-head .interval {
      margin-top:16px;
    }

  .plan-details {
    margin:15px 0;
    overflow:auto;
    zoom:1;
  }

    .plan-features {
      float:left;
      width:150px;
      padding-right:15px;
      border-right:1px solid #ccc;
    }

      span.feature {
        display:block;
        clear:left;
        padding-left:75px;
        padding-top:10px;
        font-size:16px;
        line-height:1.0em;
      }

      .plan-features img {
        float:left;
        clear:left;
        margin:-10px 10px 10px -75px;
      }


    .plan-description {
      margin-left:180px;
    }


/* ========================================

Grid

======================================== */


.colset {
  position:relative;
  clear:both;
  overflow:auto;
  zoom:1;
}

.colset .col {
  float:left;
  display:inline;
  margin:0 0 0 15px;
  width:44px;
}

.colset .col.double {
  width:103px;
}

.colset .col.triple {
  width:162px;
}

.colset .col.quadruple {
  width:221px;
}

.colset .col.quintuple {
  width:280px;
}

.colset .col.sextuple {
  width:339px;
}

.colset .col.sextuple.icons {
  padding-left:75px;
  width:264px;
}


.panel.product_panel .panel_main {
  position:relative;
  margin:0 0 0 177px;
  padding:10px 0;
  width:723px;
}

  .panel.product_panel .panel_top h1 {
    padding-left:172px;
  }

.panel.product_panel .panel_nav {
  position:absolute;
  top:0;
  left:0;
  margin:1px;
  width:177px;
  min-height:293px;
}

/* ========================================

Panel Nav

======================================== */

  .panel_nav h2 {
    font-family:Calibri, Arial, sans-serif;
    margin:0;
    padding:1px 5px 4px;
    font-size:15px;
    line-height:15px;
    font-weight:normal;
    color:#fff;
    background:url('../images/bg_menu_bands.png') no-repeat 0 -50px;
  }

  .panel_nav h2.cameras {
    background-position: 0 0;
  }

  .panel_nav ul {
    margin:0;
    padding:0;
    list-style:none;
    zoom:1;
  }

    .panel_nav ul li {

    }

      .panel_nav ul li a {
        display:block;
        margin:0;
        font-family:Calibri, Arial, sans-serif;
        font-size:16px;
        font-weight:bold;
        line-height:16px;
        padding:7px 15px 9px 28px;
        background:url('../images/bg_menu_bands.png') no-repeat 0 -200px;
        color:#666;
      }

      .panel_nav ul li a:hover,
      .panel_nav ul li a.selected {
        text-decoration:none;
        background-position: 0 -250px;
      }

      .panel_nav ul li a:hover {
        color:#333;
      }

      .panel_nav ul li a.selected {
        color:#199dbf
      }

      .panel_nav ul.cameras li a {
        padding:9px 15px 11px 28px;
        background-position: 0 -100px;
      }

      .panel_nav ul.cameras li a:hover,
      .panel_nav ul.cameras li a.selected {
        background-position: 0 -150px;
      }

  .panel_nav .panel_shade {
    position:absolute;
    top:0;
    right:0;
    width:15px;
    height:293px;
    background:url('../images/bg_menu_shade.png') no-repeat 100% 0 ;
  }


/* ========================================

Buttons

======================================== */

p.button_container {
  margin:1.5em 0 1em -2px;
  padding:2px;
  clear:left;
  overflow:auto; /* enclose floated buttons */
  zoom:1;
}

p.button_container.full {
  width:650px;
}

a.button3,
a.button3 strong {
  position:relative;
  float:left;

  text-decoration:none;

  background-color:transparent;
  background-image:url('../images/bg_shinebutton.png');
  background-repeat:no-repeat;
}

a.button3 {
  margin:0 20px 10px 0;
  padding:0 41px 0 0;
  background-position:100% -44px;
  zoom:1;
}

  a.button3 strong {
    padding:9px 16px 9px 18px;
    font-size:18px;
    font-weight:bold;
    font-family:Arial,sans-serif;
    color:#000;
    background-position:0 0;
    zoom:1;
  }

a.button3:hover {
  text-decoration:none;
  background-position:100% -132px;
}

  a.button3:hover strong {
    background-position:0 -88px;
    cursor:pointer;
  }


/* Special buttons
----------------------------------------- */

a.button3.back {
  padding: 0 0 0 41px;
  background-position: 0 -44px;
}

a.button3.back strong {
  padding-left:13px;
  padding-right:18px;
  background-position:100% 0;
}


a.button3.back:hover {
  background-position: 0 -132px;
}

a.button3.back:hover strong {
  background-position: 100% -88px;
}


a.button3.longtext strong,
button.button3.longtext strong {
  font-size:14px;
  line-height:14px;
  padding-top:5px;
  padding-bottom:6px;
}


/* real button
 * from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
----------------------------------------- */


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */

button.button3,
button.button3 strong {
  float:left;
  position: relative;
  background-color:transparent;
  background-image:url('../images/bg_shinebutton.png');
  background-repeat:no-repeat;
}

button.button3 {
  overflow: visible; /* removes extra side padding in IE */
  padding: 0 41px 0 0;
  margin:0 20px 10px 0;
  font-size:18px;
  font-weight:bold;
  font-family:Arial,sans-serif;
  color:#000;
  border: 0;
  cursor: pointer;
  background-position:100% -44px;
}

button.button3 strong {
  display: block;
  white-space: nowrap;
  padding:9px 16px 9px 18px;
  background-position:0 0;
}

button.button3:hover { /* the redundant class is used to apply the hover state with a script */
  background-position:100% -132px;
}

button.button3:hover strong {
  background-position:0 -88px;
}



/* browser hacks
----------------------------------------- */

button.button3::-moz-focus-inner {
  border: none;  /* overrides extra padding in Firefox */
}