/* Reset default positioning values */
@import "reset.css";
@import "qboe_rebrand_reduced.css";
/********** Layout */
/* new popup box. mstraka 2/9/2006 */
.popup_outer_box {text-align: center; display: none; width: 200px; margin-left: auto; margin-right: 12px; margin-bottom: 0; z-index:135;position:absolute; font-family: arial, helvetica, sans-serif;}
.popup_content {padding: 10px 16px 5px 16px; margin: 0px; text-align: left; background:white; border-width:0 1px; border-style:none solid; border-color:#666666; font-size:11px; line-height: 15px; font-family: arial, helvetica, sans-serif;}
.popup_outer_box table { margin: 0px; }

body {
  font-family:verdana, sans-serif;
  color:#505050;
}

*{font-family: Verdana, Arial, sans-serif;color:#505050;}

div#mainBody {
  margin:0px auto;
  width:780px;
  height:auto;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
}

/********** Header */

#header {
  margin: 20px 0px 0px 0px;
  
}

#header p {
  float:left;
  display:inline;
  font-size:12px;
  line-height:16px;
  margin:3px 10px 0px 10px;
  padding:10px 0px 0px 0px;
}

#logo {
  float:left;
  display:inline;
  margin:0px 0px 0px 28px;
}

div.phone {
  float:left;
  display:inline;
  margin:0px 0px 0px 216px;
  width:280px;
  font-size:9px;
  line-height:12px;
  text-align:right;
  line-height:14px;
  word-spacing:0.3px;
}

div.phone.index {
  margin:0px 0px 0px 125px;
  word-spacing:0.3px;
}

div.phone strong {
  margin:0px 0px 0px 0px;
  font-size:14px;
  line-height:22px;
  color:#fec82a;
  font-weight:bold;
}

div.phone b {
  margin:0px 1px 0px 0px;
  font-size:10px;
  line-height:16px;
  font-weight:bold;
}

#chat {
  float:left;
  display:inline;
  width:103px;
  height:23px;
  margin:7px 23px 0px 12px;
}

#header p.home {
  text-align: left;
  width:100px;
  margin: 0px 0px 0px 0px;
}

.home a {
  color:#505050;
}

/************* Nav */
/* blank nav header - used in affiliate landing page 
#nav_blank,
#header #nav_blank {
  float: left;
  display: inline;
  width: 762px;
  height: 40px;
  margin: 21px 9px 0px 9px;
  overflow: hidden;
  background: url('/qbo/images/_bb/nav_bg_blank.gif') no-repeat;
}
*/
#nav,
#header #nav {
  float: left;
  display: inline;
  width: 762px; /* 762 */
  height: 40px;
  margin: 21px 0px 10px 9px;  
  overflow: hidden;
  background: url('/qbo/images/_bb/nav_bg.gif') no-repeat;
}

#nav ul,
#header #nav ul {
  float: left;
  display: inline;
  list-style: none;
  margin: 0px 0px 0px -1px;
  padding: 0px;
}

#nav ul li {
  float: left;
  width: auto;
  height: 40px;
  margin: 0px 0px 0px 1px;
  padding: 0px;
}

#nav ul li a, 
#nav ul li a:link, 
#nav ul li a:visited {
  display: block;
  width: auto;
  height: 40px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  line-height: 41px;
  text-decoration: none;
  background-position: top;
}

#nav ul li a#navHome {
  width: 189px; background-image: url('/qbo/images/_bb/nav_home.gif');
}

#nav ul li a#navFeatures {
  width: 188px; background-image: url('/qbo/images/_bb/nav_features.gif');
}

#nav ul li a#navQuickTour {
  width: 188px; background-image: url('/qbo/images/_bb/nav_quick_tour.gif');
}

#nav ul li a#navProductsPricing {
  width: 188px; background-image: url('/qbo/images/_bb/nav_products_pricing.gif');
}

#nav ul li a#navProducts {
  width: 188px; background-image: url('/qbo/images/_bb/nav_products.gif');
}

#nav ul li a#navProductDetails {
  width: 188px; background-image: url('/qbo/images/_bb/nav_product_details.gif');
}

#nav ul li a#navFree {
  width: 189px; background-image: url('/qbo/images/_bb/nav_free.gif');
}

#nav ul li a:hover, 
#nav ul li a:active {
  background-position: center;
}

#nav ul li a.here:link,
#nav ul li a.here:visited {
  background-position: bottom;
} 

#nav ul li a.here:hover,
#nav ul li a.here:active {
  background-position: center;
} 

#nav ul li a span {
  display: none;
}

/************* Content */

.seo_wrapper {
  left:0px;
  position:absolute;
  top:615px;
  padding:0 10px;
  font-family:verdana, sans-serif;
  font-size:11px;
  color:#505050;
  line-height:15px;
}

.seo_title {
  font-weight:bold;
  line-height:15px;
  margin-bottom:3px;
}

.seo_hr {
  margin:38px 5px 38px 0px;
}

div.content {
  float:left;
  display:inline;
  height:auto;
  width:auto;
  margin: 10px 0px 0px 0px;
}

div.main {
  float:left;
  display:inline;
  width:758px;
  height:auto;
  margin:-10px 0px 0px 9px;
  padding: 0px 0px 20px 0px;
}

div.main strong {
  font-weight:bold;
}

div.main p {
  float: left;
  display: inline;
  margin: 5px;
}

div.main div.top {
  float: left;
  display: inline;
  width: 758px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/blank_bucket_top.gif") no-repeat;
}

div.main div.middle {
  float:left;
  display: inline;
  width: 720px;
  height: auto;
  padding: 10px 18px 18px 18px;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
}

div.main div.middle p {
  width: 720px;
  margin: 0px 0px 5px 0px;
}

div.main div.list {
  float: left;
  display: inline;
  width: 100%;
}

div.main div.list_converters {
  float: left;
  display: inline;
  width: 100%;
  white-space:nowrap;
}
div.main div.list.wider {
  width: 545px;
  margin: 0px 0px 15px 0px;
}

div.main div.list.wide {
  width: 480px;
  margin: 0px 0px 15px 0px;
}

div.main div.list ul {
  list-style: disc;
  padding: 0px 0px 0px 24px;
}

div.main div.list ol {
  list-style: decimal;
  padding: 0px 0px 0px 24px;
}

div.main div.list ul li {
  font-size: 11px;
  line-height: 15px;
  margin: 0px 5px 6px 0px;
}

div.main div.list ol li {
  font-size: 11px;
  line-height: 15px;
  margin: 0px 5px 6px 0px;
}

div.main div.bottom {
  float: left;
  display: inline;
  width: 758px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/blank_bucket_bottom.gif") no-repeat;
}

div.main div.middle p.wide {
  width: 480px;
  font-size: 11px;
  clear:left;
  line-height: 15px;
  margin: 0px 0px 15px 0px;
}

div.main div.middle p.wider {
  width: 545px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 15px 0px;
}

div.main div.middle p.widest {
  width: 650px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 15px 0px;
}
div.main div.middle div.column {
  width: 359px;
  height: auto;
}

div.main div.middle div.column div.image {
  float: left;
  display: inline;
  width: 359px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 10px 0px;
}

div.main div.middle div.column div.image p {
  float: right;
  width: 249px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 20px 10px 0px;
}

div.main div.middle div.column div.image img {
  float: left;
  display: block;
  margin: 0px;
}

div.main div.middle div.column p {
  width: 359px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 10px 0px;
}

div.main div.middle div.column div.list {
  width: 359px;
  height: auto;
  margin: 0px 0px 10px 0px;
}

div.main div.middle div.column div.list ul li {
  margin: 0px 0px 6px 0px;
}

div.main div.middle div.column div.list ul li ul {
  width: 303px;
  list-style: none;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}

div.main div.middle div.column div.list ul li ul li {
  width: 303px;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
  line-height: 15px;
  vertical-align: text-top;
}

div.main div.middle div.column div.list ul ul ul {
  width: auto;
  list-style: disc outside;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
}

div.main div.middle div.column div.list ul ul ol {
  width: auto;
  list-style: decimal outside;
}

div.main div.middle div.column div.list ul ul ol li {
  margin: 4px 0px 0px 0px;
  vertical-align: text-top;
}


/************* Features */

#feat_table {
  position:relative;
}

div.hero.quickTour {
  float:left;
  display:inline;
  position:relative;
  width:758px;
  height:290px;
  background:url('/qbo/images/_bb/quicktour_hero.gif') no-repeat;
  margin:0px;
}

div.main div.hero.quickTour div.callout.try {
  float: right;
  position:absolute;
  display: inline;
  top:200px;
  left:480px;
}

div.main div.mid  {
  float:left;
  display:inline;
  margin:0px;
  padding:0px;
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  font-family:verdana, sans-serif;
  font-size:11px;
}

div.main div.sec1  {
  width:756px;
  height:280px;
  position:relative;
}

div.main div.sec2  {
  width:756px;
  height:280px;
  position:relative;
}

div.main div.sec3  {
  width:756px;
  height:280px;
  position:relative;
}

div.section {
  display:inline;
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
  height:80px;
  padding:0px 10px 12px 10px;
}

div.section_small {
  display:block;
  float:left;
  width:345px;
  height:auto;
  margin:0px 0px 0px 10px;
}

/* For NON-IE browsers: increase the pixels */
html>body div.section_small { 
  margin:0px 0px 0px 20px;
} 

p.headline {
  width:100%;
  padding:4px 0px;
  color:#4E9E19;
  font-weight:bold;
}

div.main div.middle table.faq_table td.faq_question {
  padding:3px 0px 0px 7px;
  vertical-align:top;
}

div.main div.middle table.faq_table td.faq_plusMinus {
  padding:7px 0px 0px 7px;
  vertical-align:top;
}

div.main div.middle table.faq_table td.faq_answer {
  padding:3px 0px 0px 7px;
  vertical-align:top;
}

div.main div.middle table.faq_table {
  margin-left:16px;
  width: 320px;
}

div.quicktour_list {
  width:100%;
  display:inline;
  float:left;
}

div.main div.quicktour_list ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
  padding:0 0 0 5px;
}

div.main div.quicktour_list ul li {
  font-size:11px;
  line-height:15px;
  margin:0 5px 4px 0;
}

ul.quicktour_ul li {
  background:transparent url(/qbo/images/_bb/dott.gif) no-repeat scroll 3px 3px;
  background-position: 3px 6px;
  color:#505050;
  display:block;
  font-size:11px;
  line-height:1.25em;
  list-style-type:none;
  margin-left:0;
  padding-bottom:0;
  padding-left:10px;
  vertical-align: middle;
}

div.bottom_section {
  display:block;
  width:100%;
  overflow:hidden;
  height:150px;
  padding:20px 0px 0px 0px;
}

div.item_wrapper {
  display:inline;
  float:left;
  width:350px;
  height:auto;
  margin:0px 0px 0px 10px;
}

/* For NON-IE browsers: increase the pixels */
html>body div.item_wrapper { 
  margin:0px 0px 0px 10px;
} 

img.item_img {
  float:left;
  margin-right:8px;
}

div.middle div.item_wrapper div.item_headline {
  float:left;
  font-weight:bold;
  font-size:11px;
  font-color:#505050;
  width:260px;
  margin:6px 0px 4px 7px;
  height:1.3em;
}

div.item_list {
  float:left;
  width:260px;
}

div.main div.item_list ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:disc;
  padding:0 0 0 5px;
}

div.main div.item_list ul li {
  font-size:10px;
  margin:0 5px 5px 0;
}

ul.item_ul li {
  background:transparent url(/qbo/images/_bb/dott.gif) no-repeat scroll 3px 3px;
  background-position: 3px 7px;
  color:#505050;
  display:block;
  line-height:1.35em;
  list-style-type:none;
  margin-left:0;
  padding-bottom:0;
  padding-left:10px;
  vertical-align: middle;
}

/************* Home */

div.main.homeMain {
  float:left;
  display:inline;
  width:758px;
  height:auto;
  background:url('/qbo/images/_bb/home_bg.png') no-repeat;
  margin:-10px 0px 20px 9px;
}

div.main.homeMain ul {
  float:left;
  display:inline;
  width:250px;
  height:auto;
  margin:24px 0px 5px 430px;
  font-size:11px;
  line-height:14px;
  list-style:none;
}

div.main.homeMain ul li {
  width:250px;
  height:auto;
  margin:0px 0px 15px 0px;
  background:url('/qbo/images/_bb/check.gif') no-repeat;
  padding:5px 0px 0px 34px;
}

div.main.homeMain span{
  float:left;
  display:inline;
  width:auto;
  height:auto;
  margin:18px 0px 28px 70px;
  font-size:20px;
  line-height:22px;
}

div.main.homeMain ul li h2 {
  width:250px;
  height:auto;
  margin:0px 0px 5px 0px;
  font-size:13px;
  line-height:15px;
  color:#365ebf;
  font-weight:bold;
}

div.main.homeMain img{
  float:left;
  display:inline;
  margin:-6px 0px 0px 486px;
}

div.main.homeMain h1 {
  float:left;
  display:inline;
  margin:25px 0px 0px 68px;
  font-size: 20px;
  line-height: 22px;
}

div.main.homeMain p.centered {
  float: left;
  display: inline;
  width: 280px;
  margin: 14px 0px 0px 435px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}

div#title {
  position:relative;
  top: 13px;
  left:20px;
  z-index:1;
  font-weight:bold;
  color:#4e9e19;
  background-color:#ffffff;
  width:260px;
  height:auto;
  padding: 0px 0px 0px 9px;
  font-size:24px;
  line-height:30px;
}

div#title_plus {
  position:relative;
  top: 2px;
  left:30px;
  z-index:1;
  font-weight:bold;
  color:#4e9e19;
  background-color:#ffffff;
  width:320px;
  height:auto;
  padding: 0px 0px 0px 9px;
  font-size:24px;
  line-height:30px;
}

div#title_home {
  position:relative;
  top: 2px;
  left:30px;
  z-index:1;
  font-weight:bold;
  color:#4e9e19;
  width:260px;
  height:auto;
  padding: 0px 0px 0px 9px;
  font-size:24px;
  line-height:30px;
}

/************* Home Callout */


div.callout.homeCallout {
  float:left;
  display:inline;
  width:247px;
  height:auto;
  margin:0px 0px 14px 9px;
}

div.callout.homeCallout div.top {
  float:left;
  display:inline;
  background-image:url('/qbo/images/_bb/callout_top.gif');
  width:247px;
  height:8px;
  font-size: 1px;
  line-height: 1px;
}

div.callout.homeCallout div.middle {
  float:left;
  display:inline;
  width:245px;
  height:124px;
  border:solid #cccccc;
  border-width:0px 1px;
}

div.callout.homeCallout div.bottom {
  float:left;
  display:inline;
  background-image:url('/qbo/images/_bb/callout_bottom.gif');
  width:247px;
  height:8px;
  font-size: 1px;
  line-height: 1px;
}

div.callout.homeCallout div.middle img {
  float:left;
  display:inline;
  margin:20px 0px 0px 14px;
}

div.callout.homeCallout div.middle p {
  float:left;
  display:inline;
  font-size:10px;
  line-height:12px;
  width:135px;
  margin:0px 0px 5px 13px;
}

div.callout.homeCallout div.middle h3 {
  float:left;
  display:inline;
  font-size:11px;
  line-height:14px;
  font-weight:bold;
  margin:15px 0px 5px 13px;
  width:140px;
}

/* used for bottom rail - LAPTOP */
div.callout.homeCallout div.middle2 {
  float:left;
  display:inline;
  width:245px;
  height:124px;
  border:solid #cccccc;
  border-width:0px 1px;
}

div.callout.homeCallout div.middle2 img {
  float:left;
  display:inline;
  margin:20px 0px 0px 14px;
}

div.callout.homeCallout div.middle2 p {
  float:left;
  display:inline;
  font-size:10px;
  line-height:12px;
  width:125px;
  margin:0px 0px 5px 13px;
}

div.callout.homeCallout div.middle2 h3 {
  float:left;
  display:inline;
  font-size:11px;
  line-height:14px;
  font-weight:bold;
  margin:15px 0px 5px 13px;
  width:120px;
}


/************* Try Now Callout */

div.main div.middle div.callout.try {
  float: right;
  display: inline;
  width: 214px;
  height: 138px;
  margin: 0px 0px 20px 0px;
  background: url('/qbo/images/_bb/blue_box_bg.gif') no-repeat;
}

div.main div.middle div.callout.try p {
  width: 214px;
  text-align: center;
  margin: 20px 0px 0px 0px;
  font-size: 11px;
  line-height: 15px;
}

div.main div.middle div.callout.try p img {
  margin-bottom: 8px;
}

/************* Full Width=700px Callout */

div.main div.middle div.callout.fullwidth {
  float: left;
  display: inline;
  width: 700px;
  height: 138px;
  margin: 0px 0px 20px 0px;
  background: url('/qbo/images/_bb/blue_box_bg_700.gif') no-repeat;
}

div.main div.middle div.callout.fullwidth p {
	padding-top: 5px;
  	padding-left: 30px;
}

div.main div.middle div.callout.fullwidth li {
	padding-top: 0px;
	margin-left: 40px;
}

div.main div.middle div.callout.fullwidth p img {
  margin-bottom: 8px;
  font-size: 11px;
}


/************* Grey Callout */


div.main div.middle div.callout.grey {
  float: right;
  display: inline;
  width: 156px;
  height: auto;
}

div.main div.middle div.callout.grey.pricing {
  margin-top: 260px;
}

div.main div.middle div.callout.grey div.top {
  float: left;
  display: inline;
  width: 156px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_top.gif") no-repeat;
}

div.main div.middle div.callout.grey div.div {
  float: left;
  display: inline;
  width: 156px;
  height: 17px;
  font-size: 1px;
  line-height: 1px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_mid.gif") no-repeat;
}

div.main div.middle div.callout.grey div.bottom {
  float: left;
  display: inline;
  width: 156px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_bottom.gif") no-repeat;
}

div.main div.middle div.callout.grey p {
  width: 140px;
  padding: 7px 7px 0px 7px;
  margin: 0px;
  font-size: 11px;
  line-height: 15px;
  background: #f7f7f7;
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
}

div.main div.middle div.callout.grey p img {
  margin: 0px 0px 4px 0px;
}


/************* Wide Grey Callout */


div.main div.middle div.callout.grey.wide {
  width: 214px;
}

div.main div.middle div.callout.grey.wide div.top {
  width: 214px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_wide_top.gif") no-repeat;
}

div.main div.middle div.callout.grey.wide div.div {
  width: 214px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_wide_mid.gif") no-repeat;
}

div.main div.middle div.callout.grey.wide div.bottom {
  width: 214px;
  background: #f7f7f7 url("/qbo/images/_bb/callout_grey_wide_bottom.gif") no-repeat;
}

div.main div.middle div.callout.grey.wide p {
  width: 198px;
}


/************* Free Callout: width=225 */

div.main div.middle div.callout.free {
  float: left;
  display: inline;
  width: 225px;
  height: auto;
  padding-right: 9px;
}

div.main div.middle div.callout.free div.top {
  float: left;
  display: inline;
  width: 225px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_top_225.gif") no-repeat;
}

div.main div.middle div.callout.free div.middle {
  float: left;
  display: inline;
  width: 223px;
  height: auto;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  border-left: solid 1px #888888;
  border-right: solid 1px #888888;
}

div.main div.middle div.callout.free div.middle img.floatLeft {
  margin: 0px 8px 4px 0px;
}

div.main div.middle div.callout.free div.middle span.floatLeft {
  width: 158px; /* check out what to do with this */
}

div.main div.middle div.callout.free div.middle.white {
  background: #FFFFFF; 	
  width: 211px; /*  225-14=211. originally 269 */
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

div.main div.middle div.callout.free div.middle.grey {
  background: url("/qbo/images/_bb/bg_grad_bucket.gif") top no-repeat;
  width: 211px; /*  225-14=211. originally 269 */
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

div.main div.middle div.callout.free div.middle p {
  width: 211px; /*  225-14=211 */
  padding: 4px 6px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.free div.middle p.centered img {
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.free div.middle div.list {
  width: 222px; /* minus 3 from original width */
  margin: 8px 0px 0px 5px;
}

div.main div.middle div.callout.free div.bottom {
  float: left;
  display: inline;
  width: 225px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_bottom_225.gif") no-repeat;
}

div.main div.middle div.callout.free p {
  float: left;
  margin: 8px 0px;
  width: 225px;
  font-size: 10px;
  line-height: 14px;
}


/************* Basic Callout: width=239 */

div.main div.middle div.callout.basic {
  float: left;
  display: inline;
  width: 239px;
  height: auto;
  padding-right: 9px;
}

div.main div.middle div.callout.basic div.top {
  float: middle;
  display: inline;
  width: 239px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_top_239.gif") no-repeat;
}

div.main div.middle div.callout.basic div.middle {
  float: middle;
  display: inline;
  width: 237px;
  height: auto;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  border-left: solid 1px #888888;
  border-right: solid 1px #888888;
}

div.main div.middle div.callout.basic div.middle img.floatLeft {
  margin: 0px 8px 4px 0px;
}

div.main div.middle div.callout.basic div.middle span.floatLeft {
  width: 158px;
}

div.main div.middle div.callout.basic div.middle.white {
  background: #FFFFFF; 	
  width: 225px;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

div.main div.middle div.callout.basic div.middle.grey { 
  background: #E5E5E5; /*#8bc851;*/
  width: 225px;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  text-align: center;
}

div.main div.middle div.callout.basic div.middle p {
  width: 225px;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.basic div.middle p.centered img {
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.basic div.middle div.list {
  width: 236px;
  margin: 8px 0px 0px 5px;
}

div.main div.middle div.callout.basic div.bottom {
  float: left;
  display: inline;
  width: 239px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_bottom_239.gif") no-repeat;
}

div.main div.middle div.callout.basic p {
  float: left;
  margin: 8px 0px;
  width: 239px;
  font-size: 10px;
  line-height: 14px;
}


/************* Plus Callout: width=256 */

div.main div.middle div.callout.plus {
  float: left;
  display: inline;
  position: relative;
  width: 256px;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding-right:0px;
}

div.main div.middle div.callout.plus div.top {
  float: left;
  display: inline;
  width: 256px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_top_256.gif") no-repeat;
}

div.main div.middle div.callout.plus div.middle {
  float: left;
  display: inline;
  width: 254px;
  height: auto;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  border-left: solid 1px #888888;
  border-right: solid 1px #888888;
}

div.main div.middle div.callout.plus div.middle img.floatLeft {
  margin: 0px 8px 4px 0px;
}

div.main div.middle div.callout.plus div.middle span.floatLeft {
  width: 250px;
}

div.main div.middle div.callout.plus div.middle.white {
  background: #FFFFFF; 
  width: 242px;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px;
  text-align: center;
}

div.main div.middle div.callout.plus div.middle.grey {
  background: #E5E5E5; /*#48bde6;*/
  width: 246px;
  padding: 6px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px;
  text-align: center;
}

div.main div.middle div.callout.plus div.middle p {
  width: 246px;
  padding: 4px 6px;
  font-size: 11px;
  line-height: 15px;
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.plus div.middle p.centered img {
  margin: 0px 0px 4px 0px;
}

div.main div.middle div.callout.plus div.middle div.list {
  width: 250px;
  margin: 8px 0px 0px 5px;
}

div.main div.middle div.callout.plus div.bottom {
  float: left;
  display: inline;
  width: 256px;
  height: 8px;
  font-size: 1px;
  line-height: 1px;
  background: url("/qbo/images/_bb/bucket_bottom_256.gif") no-repeat;
}

img.mostPopular {
  position: absolute;
  display: block;
  top: -19px;
  left: 330px;
}

/************* Footer */

#footer{
  float: left;
  display: inline;
  margin: 0px 30px 0px 19px;
  padding: 0px 0px 10px 0px;
  font-size:9px;
  line-height:16px;
  width:auto;
}

#copyright {
  float: left;
  display: inline;
  width: 460px;
  height: auto;
}

#links ul {
  float: left;
  display: inline;
  width: 460px;
  height: auto;
  list-style: none;
  margin: 7px 0px 0px 0px;
  padding: 0px;
}

#links ul li {
  float: left;
  width: auto;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}

#links{
  float:left;
  display:inline;
  width:460px;
}

#security{
  float:right;
  display:inline;
  width:241px;
  height:auto;
  margin:0px;
}

#security img{
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;

}

#security img.second{
  float:left;
  display:inline;
  margin:10px 0px 0px 34px;

}

/************* HTML Tags */

h1 {
  float: left;
  display: inline;
  width: 90%;
  height: auto;
  margin: 4px 0px 20px 49px;
  font-size: 20px;
  line-height: 27px;
  font-weight: bold;  
}

h2 {
  float: left;
  height: auto;
  width: 90%;
  font-size:14px;
  line-height: 21px;
  font-weight:bold;  
}

/*h3 {
  float: left;
  height: auto;
  width: 95%;
  font-size:13px;
  line-height: 20px;
  font-weight:bold;  
}*/

sup {
  font-family: verdana, helvetica, sans-serif;
  font-size: 9px;
  line-height: 11px;
  color: #939393;
	/*
  font-size: .7em;
  position: relative;
  top: 0px;
  z-index: 2; */
}

div.main div.middle table {
  float: left;
  display: inline;
  width: 705px;
}

div.main div.middle table tr td {
  font-size: 11px;
  line-height: 15px;
  vertical-align: middle;
}

/************* Table Styles from Old Site */

div.main div.middle table#new_brand_table td {
padding-top : 5px;
padding-bottom : 5px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align: center;
color : #505050;
line-height: 15px;
}
div.main div.middle table#new_brand_table td.border-top,
div.main div.middle table#new_brand_table td.left_label.border-top {
border-top: 1px solid #cccccc;
}
div.main div.middle table#new_brand_table td.section_left_label  {
text-align : left;
padding-left : 8px;
padding-right : 8px;
padding-top : 5px;
padding-bottom : 5px;
background : url("/qbo/images/_bb/chart_bottom_fade_gray.gif") repeat top;
border : 1px solid #cccccc;
border-width : 1px 1px 1px 1px;
color : #505050;
font-weight : bold;
}
div.main div.middle table#new_brand_table td.section {
text-align : left;
padding-top : 5px;
padding-bottom : 5px;
background : url("/qbo/images/_bb/chart_bottom_fade_gray.gif") repeat top;
border : 1px solid #cccccc;
border-width : 1px 1px 1px 0;
color : #505050;
font-weight : bold;
}
div.main div.middle table#new_brand_table td.header {
text-align : center;
padding : 8px;
border : 0;
color : #505050;
font-size : 14px;
}
div.main div.middle table#new_brand_table td.header_outline {
padding : 8px;
border : 0;
color : #505050;
border : 1px solid #cccccc;
border-width : 1px 1px 0 0;
text-align: left;
}
div.main div.middle table#new_brand_table td.header_outline_btm {
text-align : center;
padding : 8px;
border : 0;
color : #505050;
font-size : 14px;
border : 1px solid #cccccc;
border-width : 0 1px 1px 0;
}
div.main div.middle table#new_brand_table td.header_left {
text-align : center;
padding : 8px;
border : 0;
color : #505050;
font-size : 14px;
border : 1px solid #cccccc;
border-width : 0 1px 0 0;
}
div.main div.middle table#new_brand_table td.left_label {
text-align : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 8px;
padding-bottom : 8px;
border : 1px solid #cccccc;
border-width : 0 1px 1px 1px;
color : #505050;
font-size : 11px;
line-height: 15px;
}
div.main div.middle table#new_brand_table td.left_label a {
margin: 0px;
padding: 0px;
}
div.main div.middle table#new_brand_table td.text {
text-align : left;
padding : 8px;
border : 1px solid #cccccc;
border-width : 0 1px 1px 0;
color : #505050;
font-size : 11px;
}
div.main div.middle table#new_brand_table td.back_to_top {
text-align : left;
padding-left : 10px;
padding-right : 10px;
padding-top : 8px;
padding-bottom : 8px;
border : 0;
color : #505050;
font-size : 11px;
}

/************* Generic Classes */

.centered { text-align: center; }
img.floatLeft { float: left; margin: 0px 15px 15px 0px; }
.floatRight { float: right; }
.floatLeft { float: left; }
.clearRight { clear: right; }
.clearLeft { clear: left; }
.clear { clear: both; }

.small  { font-size: 10px; line-height: 12px; }
p.small { padding-top: 10px; }
.normal { font-size: 11px; line-height: 15px; }
.twelve { font-size: 12px; }
.big    { font-size: 14px; line-height: 18px; }

.blue { color: #365ebf; }

/*Popuo dialog */
#popupDialog{   
	display:none;   
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	height:100%;   
	width:100%;   
	top:0;   left:0;   
	background:#000000;   
	border:1px solid #cecece;   
	z-index:1;
} 




.infoTag{
	color:#fff;
}

/* ----- Development Info -----*/
	#devinfoContainer {display:none;position:absolute;z-index:1;}
	.devmode {width: 300px;border: 1px solid #000;padding: 2px 5px;background-color:#CFE4FF;font-size:12px;}
	.formElement {color: #000000;font-size:10px;}
	.analyticsSectionContainer {margin:10px 0px 0px 10px;}
	.analyticsVariableContainer {margin:5px 0px 0px 10px;display:none;}