/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-06-01) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            890 px
    * Number of columns:     50
    * Column width:          8 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 890px wide, with 50 columns 
   spanning 8px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 890px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin: 0;       
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 }
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/*
  Borders on columns and whatever else
  Example:
  <div class="border-right">
*/
.border-right {
  border-right: 1px solid #aaaaaa;
}
.border-left {
  border-left: 1px solid #aaaaaa;
}
.border-top {
  border-top: 1px solid #aaaaaa;
}
.border-bottom {
  border-bottom: 1px solid #aaaaaa;
}
.border-right-dashed {
  border-right: 1px dashed #aaaaaa;
}
.border-left-dashed {
  border-left: 1px dashed #aaaaaa;
}
.border-top-dashed {
  border-top: 1px dashed #aaaaaa;
}
.border-bottom-dashed {
  border-bottom: 1px dashed #aaaaaa;
}
.border-right-dotted {
  border-right: 1px dotted #aaaaaa;
}
.border-left-dotted {
  border-left: 1px dotted #aaaaaa;
}
.border-top-dotted {
  border-top: 1px dotted #aaaaaa;
}
.border-bottom-dotted {
  border-bottom: 1px dotted #aaaaaa;
}


.border-light-right {
  border-right: 1px solid #dddddd;
}
.border-light-left {
  border-left: 1px solid #dddddd;
}
.border-light-top {
  border-top: 1px solid #dddddd;
}
.border-light-bottom {
  border-bottom: 1px solid #dddddd;
}
.border-light-right-dashed {
  border-right: 1px dashed #dddddd;
}
.border-light-left-dashed {
  border-left: 1px dashed #dddddd;
}
.border-light-top-dashed {
  border-top: 1px dashed #dddddd;
}
.border-light-bottom-dashed {
  border-bottom: 1px dashed #dddddd;
}
.border-light-right-dotted {
  border-right: 1px dotted #dddddd;
}
.border-light-left-dotted {
  border-left: 1px dotted #dddddd;
}
.border-light-top-dotted {
  border-top: 1px dotted #dddddd;
}
.border-light-bottom-dotted {
  border-bottom: 1px dotted #dddddd;
}

/*
  Example:
  <div class="box-gray-rounded">
    <div class="box-gray-rounded-top-left"></div>
    <div class="box-gray-rounded-top-right"></div>
    <div class="box-gray-rounded-bottom-left"></div>
    <div class="box-gray-rounded-bottom-right"></div>
  </div>
*/
.box-gray-rounded {
  background: #f2f2f2;
  padding: 4px;
  position: relative;
}
.box-gray-rounded-top-left, 
.box-gray-rounded-top-right,
.box-gray-rounded-bottom-left,
.box-gray-rounded-bottom-right {
  background: url(/public/img/backgrounds/bg-graybox-corners.gif) -4px -4px;
  position: absolute;
  width: 4px;
  height: 4px;
}
.box-gray-rounded-top-left {
  top: 0;
  left: 0;
}
.box-gray-rounded-top-right {
  background-position: 0 -4px;
  top: 0;
  right: 0;
}
.box-gray-rounded-bottom-left {
  background-position: -4px 0;
  bottom: 0;
  left: 0;
}
.box-gray-rounded-bottom-right {
  background-position: 0 0;
  bottom: 0;
  right: 0;
}

.box-lightblue-rounded {
  background: #f1f8ff;
  background: #efefef;
  padding: 4px;
  position: relative;
}
.box-lightblue-rounded-top-left, 
.box-lightblue-rounded-top-right,
.box-lightblue-rounded-bottom-left,
.box-lightblue-rounded-bottom-right {
  background: url(/public/img/backgrounds/bg-lightbluebox-corners.gif) -4px -4px;
  position: absolute;
  width: 4px;
  height: 4px;
}
.box-lightblue-rounded-top-left {
  top: 0;
  left: 0;
}
.box-lightblue-rounded-top-right {
  background-position: 0 -4px;
  top: 0;
  right: 0;
}
.box-lightblue-rounded-bottom-left {
  background-position: -4px 0;
  bottom: 0;
  left: 0;
}
.box-lightblue-rounded-bottom-right {
  background-position: 0 0;
  bottom: 0;
  right: 0;
}
/*
 * buttons
 * all are just regular links eg
 * <a href="something" class="chat-now">chat now!</a>
 */
a.ajax-loader, 
a.chat-now,
a.buy-now,
a.buy-now-green-large,
a.buy-now-green-large-title,
a.more-info, 
a.compare, 
a.full-feature-list,
a.go, 
a.go-gray-background, 
a.read-full-article,
a.read-full-article-centered,
input.search-button, 
a.subscribe, 
a.view-screenshot,
a.learn-more {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
}
a.ajax-loader {
  background: white url(/public/img/buttons/ajax-loader.gif) no-repeat 84px 84px;
  position: absolute;
  top: 75px;
  /* content is 820px wide */
  left: 310px;
  height: 200px;
  width: 200px;
}
a.chat-now {
  background: url(/public/img/buttons/chat-now.png) no-repeat 0 0;
  height: 43px;
  width: 134px;
}
a.buy-now {
  background: url(/public/img/buttons/buy-now.png) no-repeat 0 0;
  height: 36px;
  width: 81px;
}
a.buy-now-green-large {
  background: url(/public/img/buttons/buy-now-green-large.gif) no-repeat 0 0;
  height: 43px;
  width: 134px;
}
a.buy-now-green-large-title {
  background: url(/public/img/buttons/buy-now-green-large.gif) no-repeat 0 0;
  height: 43px;
  position: absolute;
  right: 3em;
  top: 1.0em;
  width: 134px;
}
a.more-info {
  background: url(/public/img/buttons/more-info.png) no-repeat 0 0;
  height: 36px;
  width: 81px;
}
a.compare {
  background: url(/public/img/buttons/compare.png) no-repeat 0 0;
  height: 44px;
  width: 134px;
}
a.go, 
a.go-gray-background {
  background: url(/public/img/buttons/go.gif) no-repeat 0 0;
  height: 43px;
  width: 43px;
}
a.go-gray-background {
  background: url(/public/img/buttons/go-gray-background.gif) no-repeat 0 0;
}
a.full-feature-list {
  background: url(/public/img/buttons/full-feature-list.gif) no-repeat 0 0;
  height: 45px;
  width: 174px;
}
a.read-full-article, 
a.read-full-article-centered {
  background: url(/public/img/buttons/read-full-article.gif) no-repeat 0 0;
  height: 33px;
  width: 124px;
}
a.read-full-article-centered {
  margin: 0 auto;
}
input.search-button {
  background: url(/public/img/buttons/search.gif) no-repeat 0 0;
  border: none;
  height: 42px;
  width: 105px;
}
a.subscribe {
  background: url(/public/img/buttons/subscribe.gif) no-repeat 0 0;
  height: 42px;
  width: 127px;
}
a.learn-more {
  background: url(/public/img/buttons/learn-more.png) no-repeat 0 0;
  height: 40px;
  width: 130px;
}
a.buycontinue {
  background: url(https://www.exploreanywhere.com/public/img/buttons/continue.png) no-repeat 0 0;
  height: 42px;
  width: 127px;
}
a.view-screenshot {
  background: url(https://www.exploreanywhere.com/public/img/buttons/view_screenshot.png) no-repeat 0 0;
  height: 34px;
  width: 140px;
}
#sidebar_menu {
  width: 181px;
  background: #f2f2f2 url(/public/img/backgrounds/bg-company-light-top.gif) no-repeat 0 0;
}
#sidebar_menu li.bottom {
  background: url(/public/img/backgrounds/bg-company-light-bottom.gif) no-repeat 0 bottom;
}
#sidebar_menu li {
  padding: 10px 15px 5px 15px;
  font-size: 1.2em;
}
#sidebar_menu li a {
  color: #444;
  font-weight: bold;
}
#sidebar_menu li.darker {
  background: #b5b5b5;
}
#sidebar_menu li.expand a {
}
.listNav { margin: 0; padding: 5px 0 0 0; }
#sidebar_menu li .listNav li {
  background: url(/public/img/blackdot.gif) no-repeat 2px 3px;
  font-size: .8em;
  padding: 3px 0 3px 18px;
}
#sidebar_menu li .listNav li a {
  color: black;
  font-weight: normal;
}
#sidebar_menu li .listNav li a:hover {
  color: black;
}

.article {
  border-bottom: 1px solid #bfbfbf;
  margin-bottom: 2em;
  padding-bottom: 2em;
}
body {
  background: #f1f1f1;
  border-top: 2px solid #bbb;
  font-family: arial, sans-serif;
  margin: 0;
  text-align: center;
}

h1,h2,h3,h4,h5,h6,p,ul,li,table { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { margin: .2em 0; }
h1 {
  font: normal 3em/1.3em "trebuchet ms", verdana, sans-serif;
}
h2 {
  font: normal 2.5em/1em "trebuchet ms", verdana, sans-serif;
}
h3 {
  font: normal 2.2em/1em "trebuchet ms", verdana, sans-serif;
}
h4 {
  font: normal 1.7em/1em "trebuchet ms", verdana, sans-serif;
}
h5 {
  font: normal 1.5em/1em "trebuchet ms", verdana, sans-serif;
}
h6 {
  font: normal 1.4em/1em "trebuchet ms", verdana, sans-serif;
}


/*
 * styling of default elements
*/
a,
a:link,
a:visited {
  color: #6aa5da;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;;
}

p.ppad {
  padding: .5em;
  padding-bottom: 0;
}
ul {
  list-style-type: none;
}
ul,li {
  margin: 0;
  padding: 0;
}

/* 
 * form elements
 */
input {
  border: 1px solid #aaaaaa;
}

/*
 * zebra table
 */
ul.zebra li {
  padding: .6em 1em;
}
.odd {
  background: #ececec;
}

/* ?? */
.products-text {
  padding-left: 120px;
}
.relative {
  position: relative;
}

/*
 typograph
*/
.lightblue {
  color: #105973;
  color: #4c98da;
}
.green {
  color: #168416;
  color: #00b900;
}
.darkgray {
  color: #222222;
}
.lightgray {
  color: #999999;
}
.darkred {
  color: #990000;
}

.chartTop {
	color: #4c98da;
	}

.tahoma {
  font-family: tahoma;
}
.strong {
  font-weight: bold;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}


/*
 * positioning
 */
.nopadding {
  padding: 0;
}
.nomargin {
  margin: 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.bold {
  font-weight: bold;
}

/*
 * lists
 */
ul.inline li {
  display: inline;
}
.arrow-list li {
  margin: .3em 0;
  padding: .0em 1em .0em 1.5em;
  background: url(/public/img/arrow_right.gif) no-repeat 0 0px;
}
.arrow-list li a {
}

#preheading {
  font-size: 1.1em;
  padding: 5px 5px 0 50px;
  position: absolute;
  right: 60px;
  text-align: left;
  top: 12px;
}
#preheading li {
  display: inline;
  font-weight: normal;
  font-size: .8em;
}
#preheading a {
  color: #444;
  padding: 0 .5em;
}
#preheading a:hover {
  color: #000;
}

#heading {
  background: url(/public/img/backgrounds/bg-heading.png) no-repeat 0 0px;
  padding-top: 135px;
  position: relative;
  text-align: center;
  width: 950px;
}
/*
 * h1 that has the text hidden and replaced by an image
 */
#logo {
  background: url(/public/img/logo.png) no-repeat 0 0;
  height: 66px;
  left: 46px;
  margin: 0;
  position: absolute;
  overflow: hidden;
  text-indent: -100em;
  top: 45px;
  width: 268px;
}
#logo a {
  display: block;
  height: 66px;
}

/*
 * text inside the heading at the top of each page
 */
#heading-text1 {
  color: #fff;
  font: 3.2em verdana, sans-serif;
  left: 40px;
  position: absolute;
  text-align: left;
  top: 15px;
}
#heading-text1 span {
  font-weight: lighter;
}
#heading-text2 {
  font: 1.1em/1.4em lighter verdana, sans-serif;
  left: 40px;
  position: absolute;
  text-align: left;
  top: 85px;
  width: 400px;
}
/*
 * headings images at the top of each page under the navbar
 */
#heading-home {
  width: 100%;
}
#heading-affiliates, 
#heading-contact, 
#heading-store, 
#heading-products, 
#heading-support, 
#heading-company, 
#heading-spybuddy,
#heading-keylogger-pro,
#heading-keylogger-hrd {
  color: white;
  margin: 0 auto;
  position: relative;
  width: 815px;
  height: 165px;
}
#heading-affiliates {
  background: url(/public/img/headers/affiliates.gif) no-repeat 0 0;
}
#heading-contact {
  background: url(/public/img/headers/contact.gif) no-repeat 0 0;
}
#heading-store {
  background: url(/public/img/headers/products.gif) no-repeat 0 0;
}
#heading-products {
  background: url(/public/img/headers/products.gif) no-repeat 0 0;
}
#heading-support {
  background: url(/public/img/headers/support.gif) no-repeat 0 0;
}
#heading-company {
  background: url(/public/img/headers/company.gif) no-repeat 0 0;
}
#heading-spybuddy {
  background: url(/public/img/headers/spybuddy.gif) no-repeat 0 0;
}
#heading-keylogger-pro {
  background: url(/public/img/headers/keylogger-pro.gif) no-repeat 0 0;
}
#heading-keylogger-hrd {
  background: url(/public/img/headers/keylogger-hrd.gif) no-repeat 0 0;
}

#heading-home h1 {
  color: white;
  left: 30px;
  position: absolute;
  text-align: left;
  top: 20px;
}

/*
 * store/products/support/company menu 
 * is a list of absolutely positioned <li> with <a>'s inside set to display block to acheive a rollover effect
 * roughly based on http://www.alistapart.com/articles/slidingdoors2/
 */
#nav {
  height: 61px;
  left: 350px;
  position: absolute;
  top: 47px;
}
#nav ul {
  position: relative;
}
#nav-products,
#nav-support, 
#nav-company, 
#nav-contact {
  position: absolute;
  top: 0;
  height: 61px;
}
#nav-products {
  left: 0px;
}
#nav-support {
  left: 138px;
}
#nav-company {
  left: 272px;
}
#nav-contact {
  left: 407px;
}
#nav-products a,
#nav-support a, 
#nav-company a, 
#nav-contact a {
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  height: 61px;
}
#nav-products a {
  width: 138px;
  background: url(/public/img/backgrounds/menu-products.gif) no-repeat 0 0;
}
#nav-support a {
  width: 133px;
  background: url(/public/img/backgrounds/menu-support.gif) no-repeat 0 0;
}
#nav-company a {
  width: 134px;
  background: url(/public/img/backgrounds/menu-company.gif) no-repeat 0 0;
}
#nav-contact a {
  width: 134px;
  background: url(/public/img/backgrounds/menu-contact.gif) no-repeat 0 0;
}
#nav-products a:hover, 
#nav-company a:hover, 
#nav-support a:hover, 
#nav-contact a:hover {
  background-position: 0 -61px;
}
#nav-products a.active, 
#nav-support a.active, 
#nav-company a.active, 
#nav-contact a.active {
  background-position: 0 -183px;
}
#home {
  margin: 0;
  padding: 0;
}
#home h1 {
  font-size: 2.6em;
  margin: 0;
}
#home h1 a {
  color: inherit;
}
#home h2 {
  font-size: 1.8em;
  margin: 0 0 .3em 0;
}
.home-price-buy-info {
  position: relative;
  height: 4em;
}
.home-price-buy-info a.first {
  left: 1em;
  position: absolute;
  top: 1em;
}
.home-price-buy-info a.second {
  left: 9em;
  position: absolute;
  top: 1em;
}

.bullet-list li {
  background: url(/public/img/blackdot.gif) no-repeat 0px 1px;
  padding: 0 0 5px 15px;
}

/*
 * navigation bar
 */
#nav-home {
  height: 36px;
}
#nav-home ul {
  position: relative;
}
#nav-home-blog, 
#nav-home-didyouknow, 
#nav-home-other {
  position: absolute;
  top: 0;
  height: 36px;
}
#nav-home-blog {
  left: 0px;
}
#nav-home-didyouknow {
  left: 142px;
}
#nav-home-other {
  left: 284px;
}
#nav-home-awards {
  left: 426px;
}
#nav-home-testimonials {
  left: 568px;
}
#nav-home-requirements {
  left: 710px;
}
#nav-home-blog a, 
#nav-home-didyouknow a, 
#nav-home-other a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 36px;
  line-height: 36px;
  text-align: center;
  width: 144px;
}
#nav-home-blog a {
  background: url(/public/img/backgrounds/home-nav-left.gif) no-repeat 0 0;
}
#nav-home-didyouknow a {
  background: url(/public/img/backgrounds/home-nav-center.gif) no-repeat 0 0;
}
#nav-home-other a {
  background: url(/public/img/backgrounds/home-nav-right.gif) no-repeat 0 0;
}
#nav-home-blog a:hover, 
#nav-home-didyouknow a:hover, 
#nav-home-other a:hover, 
#nav-home-blog a.active, 
#nav-home-didyouknow a.active, 
#nav-home-other a.active {
  background-position: 0 -36px;
  color: #ffffff;
  text-decoration: none;
}
.footing-column {
  border-right: 1px dotted #cccccc;
  float: left;
  padding: 0 10px;
  width: 120px;
}

.footing-column li.large {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 0;
}
.footing-column li a {
  color: #444;
}
#footing-content {
  padding: 15px 10px 20px 15px;
}

#footing .first, 
#footing .second,
#footing .third,
#footing .fourth {
  position: absolute;
  top: 20px;
}
#footing .first { right: 20px; }
#footing .second { right: 100px; }
#footing .third { right: 230px; }
#footing .fourth { 
  right: 83px; 
  top: 80px;
}

/*
 * super-footing is above footing with support number, best sellers, blog posts, etc
*/
#super-footing {
  background: url(/public/img/backgrounds/bg-super-footing.png) repeat-y 0 0;
}
#footing {
  background: url(/public/img/backgrounds/bg-footing.png) repeat-y 0 0;
  position: relative;
}
#super-footing-top, 
#footing-top {
  background: url(/public/img/backgrounds/bg-footing-top.png) no-repeat 0 0;
  height: 11px;
}
#footing-bottom {
  background: url(/public/img/backgrounds/bg-footing-bottom.png) no-repeat 0 0;
  height: 20px;
}

/*
 * img and validatios
 */
#sub-footing {
  background: #f1f1f1;
  padding 0 10px 10px 0;
  position: relative;
  text-align: center;
}

#sub-footing #copyright {
  font-size: .9em;
  color: #444;
}

.footing-img {
  float: right;
  padding: 5px 15px 0 0;
}



/*
 * links
 */
#footing a,
#footing a:link,
#footing a:visited {
color:#444;
}
#footing a:hover {
}


#sub-footing a,
#sub-footing a:link,
#sub-footing a:visited {
color:#444;
}
#sub-footing a:hover {
}



#content {
  width: 850px;
  margin: 0 auto;
  padding: 2em 0;
  position: relative;
}
.content-narrow {
  padding: 0 20px;
}

#bg-container {
  background: url(/public/img/backgrounds/bg-container.png) repeat-y 0 0;
  margin: 0 auto;
  width: 950px;
  text-align: left;
}

/*
 * structured positioning
 */ 
.pad-half { padding: .5em; }
.pad-half-top { padding-top: .5em; }
.pad-half-bottom { padding-bottom: .5em; }
.pad-half-right { padding-right: .5em; }
.pad-half-left { padding-left: .5em; }
.pad-half-sides { padding: 0 .5em; }

.margin-half { margin: .5em; }
.margin-half-top { margin-top: .5em; }
.margin-half-left { margin-left: .5em; }
.margin-half-right { margin-right: .5em; }
.margin-half-left { margin-left: .5em; }
.margin-half-sides { margin: 0 .5em; }

.pad-one { padding: 1em; }
.pad-one-top { padding-top: 1em; }
.pad-one-bottom { padding-bottom: 1em; }
.pad-one-right { padding-right: 1em; }
.pad-one-left { padding-left: 1em; }
.pad-one-sides { padding: 0 1em; }

.margin-one { margin: 1em; }
.margin-one-top { margin-top: 1em; }
.margin-one-left { margin-left: 1em; }
.margin-one-right { margin-right: 1em; }
.margin-one-left { margin-left: 1em; }
.margin-one-sides { margin: 0 1em; }

.pad-two { padding: 2em; }
.pad-two-top { padding-top: 2em; }
.pad-two-bottom { padding-bottom: 2em; }
.pad-two-right { padding-right: 2em; }
.pad-two-left { padding-left: 2em; }
.pad-two-sides { padding: 0 2em; }

.margin-two { margin: 2em; }
.margin-two-top { margin-top: 2em; }
.margin-two-left { margin-left: 2em; }
.margin-two-right { margin-right: 2em; }
.margin-two-left { margin-left: 2em; }
.margin-two-sides { margin: 0 2em; }

.pad-three { padding: 3em; }
.pad-three-top { padding-top: 3em; }
.pad-three-bottom { padding-bottom: 3em; }
.pad-three-right { padding-right: 3em; }
.pad-three-left { padding-left: 3em; }
.pad-three-sides { padding: 0 3em; }

.margin-three { margin: 3em; }
.margin-three-top { margin-top: 3em; }
.margin-three-left { margin-left: 3em; }
.margin-three-right { margin-right: 3em; }
.margin-three-left { margin-left: 3em; }
.margin-three-sides { margin: 0 3em; }

/*
  columnarly layout
  Example: creates a four column layout with columns 2&3 as one big column (so really an uneven 3 column)
    <div class="four-col">
      <div class="col1"></div>
      <div class="col23"></div>
      <div class="col4"></div>
    </div>
*/      
.one-col, 
.two-col, 
.three-col, 
.four-col {
  clear: both;
}

.col1,
.col2,
.col3,
.col4,
.col12,
.col23,
.col34, 
.col123, 
.col234, 
.fourty,
.sixty {
  float: left;
}

.fourty {
  width: 330px;
}
.sixty {
  width: 500px;
}

.thirty {
  width: 280px;
}
.seventy{
  width: 400px;
}

.one-col .col1 {
  width: 850px;
}
.two-col .col1, 
.two-col .col2, 
.four-col .col12, 
.four-col .col23, 
.four-col .col34 {
  width: 425px;
}


.three-col .col1, 
.three-col .col2, 
.three-col .col3 {
  width: 283px;
}
.three-col .col12, 
.three-col .col23 {
  width: 566px;
}
.four-col .col1, 
.four-col .col2, 
.four-col .col3, 
.four-col .col4 {
  width: 212px;
}
.four-col .col123, 
.four-col .col234 {
  width: 637px;
}

.content-narrow .one-col .col1 {
  width: 810px;
}
.content-narrow .two-col .col1, 
.content-narrow .two-col .col2, 
.content-narrow .four-col .col12, 
.content-narrow .four-col .col23, 
.content-narrow .four-col .col34 {
  width: 405px;
}
.content-narrow .three-col .col1, 
.content-narrow .three-col .col2, 
.content-narrow .three-col .col3 {
  width: 270px;
}
.content-narrow .three-col .col12, 
.content-narrow .three-col .col23 {
  width: 540px;
}
.content-narrow .four-col .col1, 
.content-narrow .four-col .col2, 
.content-narrow .four-col .col3, 
.content-narrow .four-col .col4 {
  width: 202px;
}
.content-narrow .four-col .col123, 
.content-narrow .four-col .col234 {
  width: 607px;
}
/*
 * two item menu
 */
#nav-two ul {
  position: relative;
  height: 36px;
}
#nav-two-one, 
#nav-two-two {
  position: absolute;
  top: 0;
  height: 36px;
  width: 428px;
}
#nav-two-one {
  left: 20px;
}
#nav-two-two {
  left: 428px;
}
#nav-two-one a, 
#nav-two-two a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 428px;
}
#nav-two-one a {
  background: url(/public/img/backgrounds/nav-2-left.gif) no-repeat 0 0;
}
#nav-two-two a {
  background: url(/public/img/backgrounds/nav-2-right.gif) no-repeat 0 0;
}
#nav-two-one a:hover, 
#nav-two-two a:hover, 
#nav-two-one a.active, 
#nav-two-two a.active {
  color: #eeeeee;
  background-position: 0 -36px;
}


/*
 * three item narrow menu
 */
#nav-three-narrow ul {
  position: relative;
  height: 36px;
}
#nav-three-narrow-one, 
#nav-three-narrow-two,
#nav-three-narrow-three {
  position: absolute;
  top: 0;
  height: 36px;
  width: 270px;
}
#nav-three-narrow-one {
  left: 0px;
}
#nav-three-narrow-two {
  left: 270px;
}
#nav-three-narrow-three {
  left: 540px;
}
#nav-three-narrow-one a, 
#nav-three-narrow-two a,
#nav-three-narrow-three a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 270px;
}
#nav-three-narrow-one a {
  background: url(/public/img/backgrounds/nav-3-narrow-left.gif) no-repeat 0 0;
}
#nav-three-narrow-two a {
  background: url(/public/img/backgrounds/nav-3-narrow-center.gif) no-repeat 0 0;
}
#nav-three-narrow-three a {
  background: url(/public/img/backgrounds/nav-3-narrow-right.gif) no-repeat 0 0;
}
#nav-three-narrow-one a:hover, 
#nav-three-narrow-two a:hover, 
#nav-three-narrow-four a:hover, 
#nav-three-narrow-one a.active, 
#nav-three-narrow-two a.active, 
#nav-three-narrow-three a.active {
  color: #eeeeee;
  background-position: 0 -36px;
}


/*
 * four item narrow menu
 */
#nav-four-narrow ul {
  position: relative;
  height: 36px;
}
#nav-four-narrow-one, 
#nav-four-narrow-two,
#nav-four-narrow-three, 
#nav-four-narrow-four {
  position: absolute;
  top: 0;
  height: 36px;
  width: 203px;
}
#nav-four-narrow-one {
  left: 0px;
}
#nav-four-narrow-two {
  left: 202px;
}
#nav-four-narrow-three {
  left: 405px;
}
#nav-four-narrow-four {
  left: 608px;
}
#nav-four-narrow-one a, 
#nav-four-narrow-two a,
#nav-four-narrow-three a, 
#nav-four-narrow-four a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 203px;
}
#nav-four-narrow-one a {
  background: url(/public/img/backgrounds/nav-4-narrow-left.gif) no-repeat 0 0;
}
#nav-four-narrow-three a, 
#nav-four-narrow-two a {
  background: url(/public/img/backgrounds/nav-4-narrow-center.gif) no-repeat 0 0;
}
#nav-four-narrow-four a {
  background: url(/public/img/backgrounds/nav-4-narrow-right.gif) no-repeat 0 0;
}
#nav-four-narrow-one a:hover, 
#nav-four-narrow-two a:hover, 
#nav-four-narrow-four a:hover, 
#nav-four-narrow-three a:hover, 
#nav-four-narrow-one a.active, 
#nav-four-narrow-two a.active, 
#nav-four-narrow-three a.active, 
#nav-four-narrow-four a.active {
  color: #eeeeee;
  background-position: 0 -36px;
}


/*
 * three item 'slim' menu
 */
#nav-three-tiny ul {
  position: relative;
  height: 32px;
}
#nav-three-tiny-one, 
#nav-three-tiny-two,
#nav-three-tiny-three {
  position: absolute;
  top: 0;
  height: 32px;
  width: 214px;
}
#nav-three-tiny-one {
  left: 0px;
}
#nav-three-tiny-two {
  left: 270px;
}
#nav-three-tiny-three {
  border-left: 1px solid #fff;
  left: 540px;
}
#nav-three-tiny-one a, 
#nav-three-tiny-two a,
#nav-three-tiny-three a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 270px;
}
#nav-three-tiny-one a {
  background: url(/public/img/backgrounds/nav-3-tiny-left.gif) no-repeat 0 0;
}
#nav-three-tiny-two a {
  background: url(/public/img/backgrounds/nav-3-tiny-center.gif) no-repeat 0 0;
}
#nav-three-tiny-three a {
  background: url(/public/img/backgrounds/nav-3-tiny-right.gif) no-repeat right 0;
}
#nav-three-tiny-one a:hover, 
#nav-three-tiny-two a:hover, 
#nav-three-tiny-three a:hover, 
#nav-three-tiny-one a.active, 
#nav-three-tiny-two a.active, 
#nav-three-tiny-three a.active {
  color: #eeeeee;
  background-position: 0 -32px;
}
#nav-three-tiny-three a.active {
  background-position: right -32px;
}

/*
 * four item 'slim' menu
 */
#nav-four-tiny ul {
  position: relative;
  height: 32px;
}
#nav-four-tiny-one, 
#nav-four-tiny-two,
#nav-four-tiny-three, 
#nav-four-tiny-four {
  position: absolute;
  top: 0;
  height: 32px;
  width: 214px;
}
#nav-four-tiny-one {
  left: 0px;
}
#nav-four-tiny-two {
  left: 213px;
}
#nav-four-tiny-three {
  left: 426px;
}
#nav-four-tiny-four {
  left: 639px;
}
#nav-four-tiny-one a, 
#nav-four-tiny-two a,
#nav-four-tiny-three a, 
#nav-four-tiny-four a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 213px;
}
#nav-four-tiny-one a {
  background: url(/public/img/backgrounds/nav-4-tiny-left.gif) no-repeat 0 0;
}
#nav-four-tiny-three a, 
#nav-four-tiny-two a {
  background: url(/public/img/backgrounds/nav-4-tiny-center.gif) no-repeat 0 0;
}
#nav-four-tiny-four a {
  background: url(/public/img/backgrounds/nav-4-tiny-right.gif) no-repeat 0 0;
}
#nav-four-tiny-one a:hover, 
#nav-four-tiny-two a:hover, 
#nav-four-tiny-four a:hover, 
#nav-four-tiny-three a:hover, 
#nav-four-tiny-one a.active, 
#nav-four-tiny-two a.active, 
#nav-four-tiny-three a.active, 
#nav-four-tiny-four a.active {
  color: #eeeeee;
  background-position: 0 -32px;
}


/*
 * five item 'slim' menu
 */
#nav-five-tiny ul {
  position: relative;
  height: 32px;
}
#nav-five-tiny-one, 
#nav-five-tiny-two,
#nav-five-tiny-three, 
#nav-five-tiny-four, 
#nav-five-tiny-five, 
#nav-five-tiny-five {
  position: absolute;
  top: 0;
  height: 32px;
  width: 162px;
}
#nav-five-tiny-one {
  left: 0px;
}
#nav-five-tiny-two {
  left: 162px;
}
#nav-five-tiny-three {
  left: 324px;
}
#nav-five-tiny-four {
  left: 486px;
}
#nav-five-tiny-five {
  left: 648px;
}
#nav-five-tiny-one a, 
#nav-five-tiny-two a,
#nav-five-tiny-three a, 
#nav-five-tiny-four a, 
#nav-five-tiny-five a, 
#nav-five-tiny-five a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 162px;
}
#nav-five-tiny-one a {
  background: url(/public/img/backgrounds/nav-5-tiny-left.gif) no-repeat 0 0;
}
#nav-five-tiny-two a,
#nav-five-tiny-three a, 
#nav-five-tiny-four a, 
#nav-five-tiny-five a {
  background: url(/public/img/backgrounds/nav-5-tiny-center.gif) no-repeat 0 0;
}
#nav-five-tiny-five a {
  background: url(/public/img/backgrounds/nav-5-tiny-right.gif) no-repeat 0 0;
}
#nav-five-tiny-one a:hover, 
#nav-five-tiny-two a:hover, 
#nav-five-tiny-three a:hover, 
#nav-five-tiny-four a:hover, 
#nav-five-tiny-five a:hover, 
#nav-five-tiny-five a:hover, 
#nav-five-tiny-one a.active, 
#nav-five-tiny-two a.active, 
#nav-five-tiny-three a.active, 
#nav-five-tiny-four a.active, 
#nav-five-tiny-five a.active, 
#nav-five-tiny-five a.active {
  color: #eeeeee;
  background-position: 0 -32px;
}





/*
 * six item 'slim' menu
 */
#nav-six-tiny ul {
  position: relative;
  height: 32px;
}
#nav-six-tiny-one, 
#nav-six-tiny-two,
#nav-six-tiny-three, 
#nav-six-tiny-four, 
#nav-six-tiny-five, 
#nav-six-tiny-six {
  position: absolute;
  top: 0;
  height: 32px;
  width: 135px;
}
#nav-six-tiny-one {
  left: 0px;
}
#nav-six-tiny-two {
  left: 135px;
}
#nav-six-tiny-three {
  left: 270px;
}
#nav-six-tiny-four {
  left: 405px;
}
#nav-six-tiny-five {
  left: 540px;
}
#nav-six-tiny-six {
  left: 675px;
}
#nav-six-tiny-one a, 
#nav-six-tiny-two a,
#nav-six-tiny-three a, 
#nav-six-tiny-four a, 
#nav-six-tiny-five a, 
#nav-six-tiny-six a {
  color: #666666;
  display: block;
  font-size: 1.1em;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 135px;
}
#nav-six-tiny-one a {
  background: url(/public/img/backgrounds/nav-6-tiny-left.gif) no-repeat 0 0;
}
#nav-six-tiny-two a,
#nav-six-tiny-three a, 
#nav-six-tiny-four a, 
#nav-six-tiny-five a {
  background: url(/public/img/backgrounds/nav-6-tiny-center.gif) no-repeat 0 0;
}
#nav-six-tiny-six a {
  background: url(/public/img/backgrounds/nav-6-tiny-right.gif) no-repeat 0 0;
}
#nav-six-tiny-one a:hover, 
#nav-six-tiny-two a:hover, 
#nav-six-tiny-three a:hover, 
#nav-six-tiny-four a:hover, 
#nav-six-tiny-five a:hover, 
#nav-six-tiny-six a:hover, 
#nav-six-tiny-one a.active, 
#nav-six-tiny-two a.active, 
#nav-six-tiny-three a.active, 
#nav-six-tiny-four a.active, 
#nav-six-tiny-five a.active, 
#nav-six-tiny-six a.active {
  color: #eeeeee;
  background-position: 0 -32px;
}



/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/public/css/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink{
	outline:none;
	display:block;
	float:right;
	height:20px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url(/public/css/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/public/css/milkbox/next.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }

#mbCloseLink {
	width:20px;
	background: transparent url(/public/css/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}

.standout-text {
  font-size: 1.2em;
  line-height: 1.5em;
}
.brand-new, 
.brand-new-color {
  color: #d31414;
}
.brand-new {
  color: #d31414;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  float: right;
  padding-right: 20px;
}

.price-red {
  color: #d31414;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 1.1em;
  font-weight:bold;
}

.price-black {
  color: #000;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 1.1em;
  font-weight:bold;
}

.products-right-list {
  float: right;
  width: 300px;
}
.products-right-list ul {
  padding: 0 0 0 50px;
}
.products-right-list li {
  padding: 5px 10px;
}

.testimonial p {
  font-weight: bold;
}
/*
 * awards page
 */
#spybuddy-awards img {
  padding: 1em;
}
.products-award-wide {
  border-bottom: 1px dotted #aaa;
  clear: both;
  padding: 2em 0;
  margin: 0 2em;
}
.products-award-wide img {
  float: right;
}
.products-award-wide p {
}



/* 
 * front products page 
 */
#products-main {
  margin: 0px 20px;
  padding: 1em 0 0 0;
}
.greenbackground {
  background: #e5f1e7;
}

#full-feature-list, 
#full-feature-list2 {
  background: url(/public/img/backgrounds/bg-product-feature-list.gif) no-repeat 0 0;
  clear: both;
  height: 92px;
  padding: 15px 25px 0 0px;
}
#full-feature-list2 {
  padding: 7px 25px 0 0px;
}
#full-feature-list p, 
#full-feature-list2 p {
  padding: 3px 210px 0 20px;
}

/*
overview page
*/
.overview-text {
  color: #305983;
  font-family: "trebuchet ms", verdana, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
}

.blue-rounded {
  margin: 5px 0 0 10px;
  width: 300px;
}
.blue-rounded-top {
  background: url(/public/img/backgrounds/blue-rounded-top.png) no-repeat 0 0;
  height: 7px;
}
.blue-rounded ul {
  border-left: 1px solid #76bbfb;
  border-right: 1px solid #76bbfb;
  padding: 5px 10px;
}
.blue-rounded-bottom {
  background: url(/public/img/backgrounds/blue-rounded-bottom.png) no-repeat 0 0;
  height: 7px;
}

.featureslist {
  list-style-type: disc;
}
.featureslist li {
  margin: 2px 0 2px 35px;
}
.store-price {
  position: relative;
}
/*
 * three columns in the middle of the support page
 */
.support-column {
  background: #f2f2f2;
  float: left;
  margin-right: 27px;
  \width: 279px;
  w\idth: 252px;
}
.support-column h4 {
  color: #666666;
  margin: 0;
}
.support-column h5 {
  color: #999999;
  font-weight: normal;
  margin: 0;
}
.support-column p {
  margin: 0;
  padding: 0;
}


table.support td {
  width: 49%;
  vertical-align: top;
}
/*
 * select and input styling on support page
 */
select.support-input {
  display: block;
  float: left;
  font-size: 10px;
  padding: .2em;
  width: 122px;
}

input.support-input, 
input.support-input-wider {
  background: #f2f2f2;
  font-size: 14px;
  line-height: 14px;
  padding: 13px 10px;
}
input.support-input-wider {
  width: 220px;
}

/*
 * new user quick links that are green and large
 */
a.quick-links {
  color: #009933;
  font-size: 12px;
}

/*
 * various support phone numbers
 */
p#support-phone-green {
  color: #009900;
  font-size: 3em;
  margin: 0;
}
p#support-phone-gray {
  color: #999999;
  font-size: 2em;
  margin: 0;
}

p#support-phone-bold {
  border-bottom: 1px solid #e0e0e0;
  font: bold 2.5em/1em verdana, sans-serif;
  margin: 0 0 .3em 0; 
  padding: 0 0 .3em 0; 
}

/*
 * contact
 */
table.contact {
  width: 100%;
}
table.contact td, 
table.contact_second td {
  padding-bottom: 3em;
  vertical-align: top;
}
table.contact td.left, 
table.contact_second td.left {
  width: 18em;
}
#map {
  border: 1px solid #bbb;
  height: 350px;
  width: 310px;
}
/*<------------------------NEW STYLES------------------------------>*/

.content-narrow{
	padding:0px 18px;
	position:relative;
	width:816px;
	font-family: "Trebuchet MS", Arial;
	color:#7d7c7c;
}
.content-narrow p,{
	margin:0px;
	padding:0px;
}
.pro-title{
	float:left;
	width:100%;
	position:relative;
	margin-top:1px;
	padding: 0px 0px 20px 0px;
}
.pro-title img{
	border:0px;
	position:absolute;
	right:0px;
	top:0px;
}
.pro-title h2{
	\font-size:40px;
	color:#009900;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.pro-title h3{
	font-size:20px;
	color:#5387b3;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.pro-title p{
	font-size:20px;
	color:#5387b3;
	margin:0px;
	padding:0px;
	font-weight:normal;
	}
/****************************************************************/
.pro-retail-box{
	background:#5387b3 url(/public/img/pro-box.jpg) no-repeat;
	width:815px;
	height:333px;
	float:left;
	margin-top:25px;
	position:relative;
}
.satisfaction{
	position:absolute;
	left:-25px;
	top:-25px;
	background:url("/public/img/satisfaction.png") no-repeat;
	width:121px;
	height:120px;
	z-index:2;
}
* html .satisfaction{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/public/img/satisfaction.png", sizingMethod="image");
}
.product-img{
	float:left;
	position:relative;
	top:80px;
	z-index:1;
}
.quoted-txt{
	float:left;
	position:relative;
	top:20px;
	left:10px;
	color:#FFFFFF;
	font-size:21px;
	width:420px;
}
.quoted-txt DIV{
	\border-bottom:1px solid #7cb9e2;
}
.quoted-txt p{
	margin:8px 0px;
}
.quoted-txt .concern{
	font-size:14px;
	text-align:right;
	padding-right:10px;
}
.spec-features{
	float:right;
	width:228px;
	height:322px;
	color:#434343;
}
.spec-features p{
	line-height:24px;
	font-size:13px;
}
.spec-features ul{
	margin:20px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
.spec-features ul li{
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(/public/img/arrow.gif) no-repeat;
	line-height:22px;
	font-size:13px;
	color:#747474;
}

.spec-features a{
  color: #ff942a;
   color: #000;
  text-decoration: underline;
}
/****************************************************************/
.tagline{
	margin-top:20px;
	float:left;
	position:relative;
	width:100%;
}
.tagline h2{
	font-family:"Trebuchet MS", Arial;
	color:#ec7e13;
	font-size:28px;
	font-style:oblique;
	margin:15px 0px;
	padding:0px;
	font-weight:normal;
	float:left;
}
.tagline h3{
	color:#008f00;
	font-size:35px;
	margin:0px;
	padding:0px;
	font-weight:normal;
	float:left;
}
.tagline img{
	position:relative;
	top:0px;
	right:0px;
	float:right;
}
.brandnew{
	float:right;
	color:#333333;
	font-size:14px;
	margin-top:5px;
	padding:0px 10px 0px 30px;
	background:url(/public/img/new.gif) no-repeat;
	text-align:right;
}

/****************************************************************/

.container{
	float:left;
	width:815px;
	margin-top:10px;
}

.left-col{
	float:left;
	position:relative;
	line-height:normal;
	width:650;
}

.right-col{
	float:right;
	width:150px;
	padding:0px 0px;
	text-align:justify;
}

/****************************************************************/
.list-bg{
	float:left;
	width:650px;
	background:url(/public/img/gradient-bg.png) no-repeat;
	margin-top:10px;
}
.icon{
	background:url(/public/img/icon-bg.png) no-repeat;
	width:89px;
	height:74px;
	position:absolute;
	left:-10px;
	top:-10px;
	float:left;
}
.icon img{
	padding:15px 0px 0px 30px;
	vertical-align:middle;
}
.holder{
	padding:5px;
	font-family:arial;
	\font-size:12;
}
.feature-list-lt{
	float:left;
	padding:10px 10px;
	position:relative;
	line-height:normal;
	font-size:12px;
}
.feature-list-lt h3{
	margin:0px 0px 5px 5px;
	padding:0px;
	font-weight:normal;
	font-size:25px;
	color:#5387b3;
}

.feature-list-lt h4{
	font-size:13px;
	color:#2c5e99;
	margin:10px 4px 0px 0px;
	font-weight:bolder;
	font-family:Arial;
}

.feature-list-lt h5{
	font-size:18px;
	color:#008f00;
	margin:15px 0px;
	font-weight:normal;
}
.feature-list-lt .desc{
	font-size:12px;
	font-family:arial;
	color:#646464;
	font-weight:bold;
	text-align:justify;
}

.feature-list-lt .body{
	padding:5px 5px;
}

.feature-list-rt{
	float:left;
	width:230px;
	padding:25px 12px;
}
.feature-list-rt img{
	margin:0px;
	padding:0px;
}
/********/
.testimonial{
	float:left;
	background:url(/public/img/testimonial-top.gif) no-repeat top center;
	width:214px;
	margin-top:10px;
}
.testimonial-top{
	padding:10px;
	float:left;
	font-style:oblique;
	color:#8d8d8d;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.testimonial-btm{
	width:214px;
	height:44px;
	float:left;
	background:url(/public/img/testimonial-btm.gif) no-repeat top center;
}
.client-name{
	float:left;
	width:214px;
	color:#008f00;
	font-size:11px;
}
/********/

/********/
.flexible{
	float:left;
	background:url(/public/img/flexible-bg.png) no-repeat top center;
	width:510px;
	margin-top:0px;
	text-align:left;
	font-size:12px;
}
.flexible ul{
	margin:0px 8px 0px 0px;
	padding:0px;
	list-style:none;
	width:220px;
	float:left;
}
.flexible ul li{
	margin:8px 0px 8px 0px;
	padding:0px 0px 0px 20px;
	line-height:16px;
	background:url(/public/img/arrow-2.gif) no-repeat;
}
.flexible-top{
	padding:10px;
	float:left;
}
.flexible-top h4{
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:20px;
	font-weight:normal;	
}
.flexible-btm{
	width:510px;
	height:5px;
	float:left;
	background:url(/public/img/flexible-bg.png) no-repeat bottom left;
}
/********/
.overview-cont{
	float:left;
	padding:20px;
	font-size:14px;
	line-height:18px;
	text-align:justify;
}
.overview-cont h4{
	font-size:22px;
	color:#5387b3;
	margin:10px 0px;
	padding:0px;
	font-weight:bold;
}
.overview-cont h6{
	font-size:16px;
	color:#5387b3;
	margin:20px 0px 8px 0px;
	padding:0px;
	font-weight:bold;
}
.overview-cont .cont-lt{
	float:left;
	width:370px;
}
.overview-cont .cont-rt{
	float:right;
	width:370px;
}
.overview-cont img{
	padding:0px 0px 0px 10px;
	float:right;
}
/****download*****/
.d-bg{
	float:left;
	background:url(/public/img/d-bg.gif) repeat-x;
	height:139px;
	width:100%;
	margin:15px 0px;
	position:relative;
}
.d-bg h5{
	color:#212121;
	font-size:24px;
	margin:60px 0px 0px 30px;
	padding:0px;
	font-weight:normal;
}
.d-bg img{
	position:absolute;
	right:30px;
	top:25px;
}
.d-lt{
	position:absolute;
	float:left;
	background:url(/public/img/d-lt.gif) no-repeat;
	width:16px;
	height:139px;
	left:0px;
	top:0px;
}
.d-rt{
	position:absolute;
	float:right;
	background:url(/public/img/d-rt.gif) no-repeat;
	width:16px;
	height:139px;
	right:0px;
	top:0px;
}
/***************/
.f-feature{
	float:left;
	padding:10px 0px;
}
.f-feature img{
	margin-left:-10px;

}

/****************************************************************/


/*<------------------------NEW STYLES------------------------------>*/	/* This CSS is just for presentational purposes. */

	/* This CSS is used for the Show/Hide functionality. */
	.more {
		display: none;
		}
	a.showLink, a.hideLink {
		padding-left: 3px;
		 }
	a.hideLink {
		}
	a.showLink:hover, a.hideLink:hover {
		 }