body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  background: #e5e5e5 url(../images/graphics/bg.jpg) 0 0 repeat-x;
  text-align: center;
  behavior: url('../javascripts/csshover.htc');
}

* {
  margin: 0;
  padding: 0;
}
 
h3 {
  font-size: 26px;
  color: #000;
  font-weight: bold;
  margin: 10px 0 30px 0;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  color: #999;
  font-weight: bold;
  margin: 25px 0;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin: 30px 0 10px 0;
}

h6 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
  margin: 30px 0 10px 0;
}

h2 {
  font-size: 18px;
  color: #999;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.graybold {
  font-size: 14px;
  color: #999999;
  font-weight: bold;
}

.red-star {
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  color: #CC3300;
}

a:link {
	color: #006699;
	text-decoration: none;
}

a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #0099FF;
	text-decoration: underline;
}
a:active {
	color: #0099FF;
	text-decoration: underline;
}

.left {
  float: left;
}

.right {
  float: right;
}

.cleaner {
  clear: both;
}

.separator {
  margin: 0 10px;
}

#shadow {
  margin: 0 auto;
  width: 1024px;
  background: /*url(../images/graphics/store_bg.gif) 0 0 repeat-y*/;
}

#header {
  margin: 0 auto;
  padding-top: 4px;
  width: 980px;
  height: 46px;
  background: #fff;
  text-align: right;
}

#header p {
  padding: 0 15px;
}

#header a {
  font-weight: bold;
  font-size: 11px;
  color: #999;
  text-decoration: none;
}

#header a:hover {
  color: #6699cc;
}

#header a.on {
  color: #725b81;
}

#header a.on:hover {
  color: #725b81;
}

#header .divider {
  margin: 0 10px;
  color: #ccc;
  font-weight: normal;
}


#title {
  margin: 15px auto 0 auto;
  width: 980px;
  height: 60px;
  background: url(../images/graphics/title_center.gif) 0 0 repeat-x;
  text-align: left;
}

.title-link {
  padding: 15px 15px 0 0;
  background: url(../images/graphics/title_right.gif) right 0 no-repeat;
  color: #ccc;
  font-size: 12px;
  float: right;
}

#title a {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

#title a:hover {
  color: #0099FF;
  text-decoration: underline;
}

.page-title {
  padding: 12px 0 0 15px;
  background: url(../images/graphics/title_left.gif) 0 0 no-repeat;
  font-size: 24px;
  font-weight: bold;
  color: #990000;
  float: left;
}

#container {
  margin: 0 auto;
  padding: 0 10px 30px 20px;
  width: 950px;
  background-color: #fff;
  text-align: left;
}

#left-col {
  padding-right: 20px;
  width: 734px;
  float: left;
}

#product-movie {
  margin-bottom: 6px;
  width: 758px;
  height: 250px;
  border: #bbb 1px solid;
  background: #000;
}

#right-col {
  width: 196px;
  float: right;
  background: #fff;
}

#site-presence { 
  margin: 0 0 10px 0;
  width: 196px;
  height: 307px;
  right: 0;
  top: 0;
  display: none;
/*  border: #bbb 1px solid;*/
}

#tab-bar {
  margin: 0 auto;
  width: 980px;
  height: 40px;
  background: url(../images/graphics/tabbar_right.gif) right 0 no-repeat;
  text-align: left;
}

#tab {
  width: 956px;
  height: 40px;
  background: url(../images/graphics/tabbar_center.gif) 0 0 repeat-x;
  list-style: none;
}

ul#tab li {
  padding-top: 9px;
  height: 31px;
  width: 126px;
  font-size: 14px;
  font-weight: bold;
  line-height: 31px;
  text-align: center;
  float: left;
  cursor: pointer;
  color: #fff;
  display: block;
}

ul#tab li:hover {
  background: url(../images/graphics/tabs.gif) 0 -40px no-repeat;
}

ul#tab li.on, ul#tab li.on:hover {
  background: url(../images/graphics/tabs.gif) 0 0 no-repeat;
  color: #6b5479;
}

ul#tab a, ul#tab a:hover {
  color:#fff;
  text-decoration: none;
}

ul#tab li.tab-left, ul#tab li.tab-left:hover {
  width: 50px;
  background: url(../images/graphics/tabbar_left.gif) 0 0 no-repeat;
}

/* shopping blet */

.shopping-zone {
  padding: 20px 0;
  background: #fff;
  border-left: #bbb 1px solid;
  border-right: #bbb 1px solid;
}

.shopping-bar {
  height: 34px;
  background: #ffdc50;
/*  border: #FF9900 1px solid;
  border-left: none;
  border-right: none;*/
  line-height: 14px;
}

.shopping-msg {
  padding-right: 40px;
  padding-top: 3px;
  float: right;
}

.red {
  color: #993300;
}


/* content */

.content {
  padding: 0 0 20px 0;
  line-height: 18px;
}

.content p {
  margin-bottom: 10px;
}

.content ul {
  padding: 0 25px;
  list-style: url(../images/graphics/purple_square.gif);
}

.content li {
  margin-bottom: 8px;
/*  font-weight: bold;*/
  color: #333;
}

.content ul.action-list {
  list-style-image: none;
  list-style: none;
}

.what-left-col {
  width: 290px;
  float: left;
}

.what-right-col {
  padding: 0 20px 0 10px;
  width: 432px;
  text-align: left;
  float: right;
}

.pricing-left-col {
  padding-right: 20px;
  width: 362px;
  float: left;
}

.pricing-right-col {
  padding: 0 20px 0 0;
  width: 362px;
  float: right;
}

.details-left-col {
  padding-left: 10px;
  width: 245px;
  float: left;
}

.details-mid-col {
  padding-left: 10px;
  width: 245px;
  float: left;
}

.details-right-col {
  padding-left: 10px;
  width: 244px;
  float: right;
}

.details-one-col {
  height: 450px;
  background: url(../images/graphics/product_details.jpg) 40px 30px no-repeat;
}

.details-one-col-B {
  height: 450px;
  background: url(../images/graphics/product_detailsB.jpg) 40px 30px no-repeat;
}

.details-one-col-purple {
  width: 764px;
  height: 450px;
  background: url(../images/graphics/product_details_purple.jpg) 50px 30px no-repeat;
}

.details-one-col-005 {
  height: 450px;
  background: url(../images/graphics/product_details_005.jpg) 40px 30px no-repeat;
}

.details-one-col-006 {
  height: 450px;
  background: url(../images/graphics/product_details_006.jpg) 40px 30px no-repeat;
}

.faq-left-col {
  padding: 0 0 0 5px;
  width: 236px;
  float: left;
/*  text-align: right;*/
  font-size: 14px;
  color: #999999;
  font-weight: bold;
}

.faq-right-col {
  padding: 0 20px 0 20px;
  width: 483px;
  text-align: left;
  float: right;
}

.reviews-left-col {
  padding-left: 5px;
  width: 236px;
  float: left;
}

.reviews-right-col {
  padding: 0 20px 0 10px;
  width: 483px;
  text-align: left;
  float: right;
}

.how-left-col {
  padding-left: 20px;
  padding-right: 20px;
  width: 340px;
  float: left;
}

.how-right-col {
  padding: 0 20px 0 10px;
  width: 340px;
  float: right;
}

.contact-left-col {
  padding: 20px 0 0 0;
  width: 270px;
  float: left;
}

.contact-right-col {
  padding-right: 30px;
  width: 462px;
  float: right;
}

.cleaner2 {
  clear: both;
  padding: 0 0 20px 0;
}

div.indent {
  margin: -5px 0 10px 0;
}

div.indent p {
  margin: 0;
  padding: 0 0 0 10px;
}

div.indent img {
  margin-right: 5px;
}

#bottom {
  margin: 0 auto;
  width: 980px;
  height: 15px;

}

#bottom-left {
  width: 100px;
  height: 15px;
  background: url(../images/graphics/content_bottom_left.gif) 0 0 no-repeat;
  float: left;
}

#bottom-right {
  width: 880px;
  height: 15px;
  background: url(../images/graphics/content_bottom_right.gif) right 0 no-repeat;
  float: right;
}


.photo-bar {
  height: 58px;
  background: url(../images/graphics/photo_bar.gif) 0 0 no-repeat;
}

#avatar {
  margin-bottom: 10px;
  width: 196px;
  background: #fff;
  display: none;
}

#avatar-body {
/*  padding: 0 6px;
  width: 184px;
  height: 138px;*/
  width: 196px;
  height: 147px;
}

#price-tag {
  padding: 0 0 10px 0;
  display:block;
}

#price-tag2 {
  padding: 0 0 10px 0;
  background:url(../images/graphics/price_tag1_over.gif) no-repeat;
  width:196px;
  height:198px;
  display:none;
}

#price-tag3 {
  padding: 0 0 10px 0;
}

#side-graphic img {
  margin: 10px 0 0 0;
}

.graybox-top-left {
  height: 6px;
  background: url(../images/graphics/graybox_top_left.gif) 0 0 no-repeat;
  display: none;
}

.graybox-top-right {
  height: 6px;
  background: url(../images/graphics/graybox_top_right.gif) right 0 no-repeat;
  display: none;
}

.graybox-bottom-left {
  height: 6px;
  background: url(../images/graphics/graybox_bottom_left.gif) 0 bottom no-repeat;
  display: none;
}

.graybox-bottom-right {
  height: 6px;
  background: url(../images/graphics/graybox_bottom_right.gif) right bottom no-repeat;
  display: none;
}

.graybox2-top-left {
  height: 6px;
  background: url(../images/graphics/graybox2_top_left.gif) 0 0 no-repeat;
}

.graybox2-top-right {
  height: 6px;
  background: url(../images/graphics/graybox2_top_right.gif) right 0 no-repeat;
}

.graybox2-bottom-left {
  height: 10px;
  background: url(../images/graphics/graybox2_bottom_left.gif) 0 bottom no-repeat;
}

.graybox2-bottom-right {
  height: 10px;
  background: url(../images/graphics/graybox2_bottom_right.gif) right bottom no-repeat;
  margin-bottom: 20px;
}

.graybox3-top-left {
  height: 6px;
  background: url(../images/graphics/graybox3_top_left.gif) 0 0 no-repeat;
}

.graybox3-top-right {
  height: 6px;
  background: url(../images/graphics/graybox3_top_right.gif) right 0 no-repeat;
}


.graybox3-bottom-left {
  height: 6px;
  background: url(../images/graphics/graybox3_bottom_left.gif) 0 bottom no-repeat;
}

.graybox3-bottom-right {
  margin-right: 10px;
  height: 6px;
  background: url(../images/graphics/graybox3_bottom_right.gif) right bottom no-repeat;
}

/*graybox2 and graybox3 for pricing.html*/

.graybox4-top-left {
  height: 15px;
  background: url(../images/graphics/graybox2_top_left.gif) 0 0 no-repeat;
}

.graybox4-top-right {
  height: 15px;
  background: url(../images/graphics/graybox2_top_right.gif) right 0 no-repeat;
/*  margin-right: 10px;*/
}

.graybox4-bottom-left {
  height: 15px;
  background: url(../images/graphics/graybox2_bottom_left.gif) 0 bottom no-repeat;
}

.graybox4-bottom-right {
  height: 15px;
  background: url(../images/graphics/graybox2_bottom_right.gif) right bottom no-repeat;
/*  margin-right: 10px;*/
  margin-bottom: 20px;
}

/*graybox4 for cart.html, place_order.html, complete.html */

.graybox5-top-left {
  height: 20px;
  background: url(../images/graphics/graybox_top_left.gif) 0 0 no-repeat;

}

.graybox5-top-right {
  height: 20px;
  background: url(../images/graphics/graybox_top_right.gif) right 0 no-repeat;
}

.graybox5-bottom-left {
  height: 20px;
  background: url(../images/graphics/graybox_bottom_left.gif) 0 bottom no-repeat;
}

.graybox5-bottom-right {
  height: 20px;
  background: url(../images/graphics/graybox_bottom_right.gif) right bottom no-repeat;
}

/* graybox5 for left navigation on product-faq page */


.graybox6-top-left {
  height: 10px;
  background: url(../images/graphics/graybox6_top_left.gif) 0 0 no-repeat;
}

.graybox6-top-right {
  margin: 0 -10px;
  height: 10px;
  background: url(../images/graphics/graybox6_top_right.gif) right 0 no-repeat;
}

.graybox6-bottom-left {
  height: 10px;
  background: url(../images/graphics/graybox6_bottom_left.gif) 0 bottom no-repeat;
}

.graybox6-bottom-right {
  margin: 0 -10px;
  height: 10px;
  background: url(../images/graphics/graybox6_bottom_right.gif) right bottom no-repeat;
}

/* graybox6 for landing page left col */

.graybox7-top-left {
  height: 10px;
  background: url(../images/graphics/graybox_top_left.gif) 0 0 no-repeat;

}

.graybox7-top-right {
  height: 10px;
  background: url(../images/graphics/graybox_top_right.gif) right 0 no-repeat;
}

.graybox7-bottom-left {
  height: 10px;
  background: url(../images/graphics/graybox_bottom_left.gif) 0 bottom no-repeat;
}

.graybox7-bottom-right {
  height: 10px;
  background: url(../images/graphics/graybox_bottom_right.gif) right bottom no-repeat;
}

/* graybox7 for landing page right col */

.graybox8-top-left {
  height: 20px;
  background: url(../images/graphics/graybox2_top_left.gif) 0 0 no-repeat;
}

.graybox8-top-right {
  height: 20px;
  background: url(../images/graphics/graybox2_top_right.gif) right 0 no-repeat;
  margin: 0 20px 0 10px;
}

.graybox8-bottom-left {
  height: 20px;
  background: url(../images/graphics/graybox2_bottom_left.gif) 0 bottom no-repeat;
}

.graybox8-bottom-right {
  height: 20px;
  background: url(../images/graphics/graybox2_bottom_right.gif) right bottom no-repeat;
  margin: 0 20px 0 10px;
}
/* graybox8 for product details page */



/*.yellowbox-bottom-left {
  height: 8px;
  background: url(../images/graphics/yellowbox_bottom_left.gif) 0 bottom no-repeat;
}

.yellowbox-bottom-right {
  margin-right: 10px;
  height: 8px;
  background: url(../images/graphics/yellowbox_bottom_right.gif) right bottom no-repeat;
  margin-bottom: 40px;
}

.yellowbox-inner-top-left {
  height: 6px;
  background: url(../images/graphics/yellowbox_inner_top_left.gif) 0 0 no-repeat;
}

.yellowbox-inner-top-right {
  height: 6px;
  background: url(../images/graphics/yellowbox_inner_top_right.gif) right 0 no-repeat;
}


.yellowbox-inner-bottom-left {
  height: 6px;
  background: url(../images/graphics/yellowbox_inner_bottom_left.gif) 0 bottom no-repeat;
}

.yellowbox-inner-bottom-right {
  height: 6px;
  background: url(../images/graphics/yellowbox_inner_bottom_right.gif) right bottom no-repeat;
}*/



ul#photo-items {
  padding: 9px 0 0 0;
  list-style: none;
}

ul#photo-items li {
  margin: 0 0 0 8px;
  width: 42px;
  height: 38px;
  border: #ccc 1px solid;
  float: left;
  display: block;
  cursor: pointer;
}

ul#photo-items li:hover {
  border: #6699cc 1px solid;
}

ul#photo-items li.show, ul#photo-items li.show:hover {
  border: #6699cc 1px solid;
}

#phone007-1 {
  background:url(../images/products/phone007_T.jpg) 0 0 no-repeat;
}

#phone007-2 {
  background:url(../images/products/phone007_T.jpg) -50px 0 no-repeat;
}

#phone007-3 {
  background:url(../images/products/phone007_T.jpg) -100px 0 no-repeat;
}

#phone007-4 {
  background:url(../images/products/phone007_T.jpg) -150px 0 no-repeat;
}

#phone007-5 {
  background:url(../images/products/phone007_T.jpg) -200px 0 no-repeat;
}

#purplephone-1 {
  background:url(../images/products/purplephone_T.jpg) 0 0 no-repeat;
}

#purplephone-2 {
  background:url(../images/products/purplephone_T.jpg) -50px 0 no-repeat;
}

#purplephone-3 {
  background:url(../images/products/purplephone_T.jpg) -100px 0 no-repeat;
}

#purplephone-4 {
  background:url(../images/products/purplephone_T.jpg) -150px 0 no-repeat;
}

#purplephone-5 {
  background:url(../images/products/purplephone_T.jpg) -200px 0 no-repeat;
}

.photo-demo {
  margin: 30px 0 20px 0;
  width: 290px;
  height: 330px;
}

#photo-demo1 {
  background: url(../images/products/phone007_L1.jpg) 0 -25px no-repeat;
}

#photo-demo2 {
  background: url(../images/products/phone007_L2.jpg) 0 0 no-repeat;
/*  display: none;*/
}

#photo-demo3 {
  background: url(../images/products/phone007_L3.jpg) 0 -25px no-repeat;
/*  display: none;*/
}

#photo-demo4 {
  background: url(../images/products/phone007_L4.jpg) 0 0 no-repeat;
  display: none;
}

#photo-demo5 {
  background: url(../images/products/phone007_L5.jpg) 0 20px no-repeat;
  display: none;
}

#purplephone-demo1 {
  background: url(../images/products/purplephone_L1.jpg) 0 -25px no-repeat;
}

#purplephone-demo2 {
  background: url(../images/products/purplephone_L2.jpg) 0 50px no-repeat;
  display: none;
}

#purplephone-demo3 {
  background: url(../images/products/purplephone_L3.jpg) 0 -25px no-repeat;
  display: none;
}

#purplephone-demo4 {
  background: url(../images/products/purplephone_L4.jpg) 0 0 no-repeat;
  display: none;
}

#purplephone-demo5 {
  background: url(../images/products/purplephone_L5.jpg) 0 20px no-repeat;
  display: none;
}

.pricing-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.pricing-table th {
  background: #eee;
}

.pricing-table td, .pricing-table th {
  padding: 0px 5px 0 5px;
  height: 30px;
  border-bottom: #ccc 1px solid;
}

.normal {
  font-weight: normal;
}

.table-top {
  background: #f8c54c;
}

.table-top-white {
  width: 734px;
  height: 208px;
  background: url(../images/graphics/banner_bg.jpg) 0 0 no-repeat;
  position: relative; 
}

.table-top-yellow {
  width: 734px;
  height: 189px;
  background: url(../images/graphics/banner_bg_yellow.jpg) 0 0 no-repeat;
  position: relative; 
}


div.table-top-white p {
  padding: 20px 0 5px 248px;
}

/*div.table-top-white img {
  float: left;
}*/

div.table-top-yellow p {
  padding: 20px 0 5px 248px;
}

/*div.table-top-yellow img {
  float: left;
}*/

.product-photo {
  position: absolute;
  top: 0;
  left: 0;
}

.price-text {
  font-size: 25px;
  font-weight: bold;
  line-height: 36px;
}

.price-hilite {
  color: #990000;
}

.price-note {
  font-size: 13px;
  font-weight: normal;
}

.crossout {
  text-decoration: line-through;
}

.content .table-top-white ul {
  list-style: none;
  position: relative;
  margin: 0 0 0 249px;
  padding: 0;
}

.content .table-top-white li {
  display: inline;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  color: #990000;
}

.content .table-top-yellow ul {
  list-style: none;
  position: relative;
  margin: 0 0 0 249px;
  padding: 0;
}

.content .table-top-yellow li {
  display: inline;
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  color: #990000;
}

.outreach {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.left-part {
  width: 166px;
  position: absolute;
  left: 0;
}

.center-part {
  width: 183px;
  position: absolute;
  left: 166px;
}

.right-part {
  padding-top: 14px;
  width: 136px;
  position: absolute;
  left: 349px;
}

/*.right-part img {
  margin-top: 10px;
}*/

.pricing-division {
  padding: 0 6px;
  background: #f8c54c;
}

.pricing-division2 {
  margin: 0 0 20px 0;
/*  padding: 0 6px;
  border-left: #ccc 1px solid;
  border-right: #ccc 1px solid;*/
}

.pricing-division2 p {
  padding: 0 4px 0 4px;
}

.pricing-main-table {
  width: 100%;
  text-align: left;
  background: #fff;
}

.pricing-main-table th {
  background: #eee;
/*  border-left: #fff 5px solid;*/
}

.pricing-main-table td.p2 {
  background: #f5f5f5;
/*  border-left: #fff 5px solid;*/
}

.pricing-main-table td.p3 {
  background: #f5f5f5;
/*  border-left: #fff 5px solid;
  border-right: #fff 5px solid;*/
}

.pricing-main-table td.p4 {
  background: #f5f5f5;
/*  border-left: #fff 5px solid;
  border-right: #fff 5px solid;*/
  font-weight: bold;
  color: #000;
}

.pricing-main-table td.p5 {
  background: #eee;
/*  border-left: #fff 5px solid;*/
  font-weight: bold;
  color: #000;
}

.pricing-main-table td, .pricing-main-table th {
  padding: 0px 5px 0 5px;
  height: 30px;
/*  border-bottom: #fff 3px solid;*/
}

.status-table {
  border: #ccc 1px solid;
  border-top: none;
  border-bottom: none;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

.status-table th {
  background: #eee;
}

.status-table td, .status-table th {
  padding: 0px 5px 0 5px;
  height: 30px;
}

.normal {
  font-weight: normal;
}


#buy1 {
  width: 70%;
  height: 10px;
  background:  #ffcc00;
}

#buy2 {
  width: 25%;
  height: 10px;
  background: #336699;
}

#buy3 {
  width: 5%;
  height: 10px;
  background: #669900;
}

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

#Sun {
  width: 10px;
  height: 20px;
  background: #336699;
}


#Mon {
  width: 10px;
  height: 30px;
  background: #336699;
}

#Tue {
  width: 10px;
  height: 40px;
  background: #336699;
}

#Wed {
  width: 10px;
  height: 50px;
  background: #336699;
}

#Thu {
  width: 10px;
  height: 60px;
  background: #336699;
}

#Fri {
  width: 10px;
  height: 70px;
  background: #336699;
}

#Sat {
  width: 10px;
  height: 100px;
  background: #336699;
}

#new-customer {
  width: 85%;
  height: 10px;
  background: #ffcc00;
}

#returning-customer {
  width: 15%;
  height: 10px;
  background: #336699;
}




.reviews-table {
  border-collapse: collapse;
  text-align: left;
}

.reviews-table th {
  width: 60px;
}

.reviews-table td, .reviews-table th {
  padding: 3px 10px 3px 0;
/*  border-bottom: #ddd 1px solid;*/
}

.dotline-bottom {
  margin: 20px 20px 0 0px;
  height: 20px;
  border-top: #999 1px dashed;
}

.reviews-btn {
  margin: 3px 10px 5px 0;
  cursor: pointer;
}

#review1-long, #review2-long, #review3-long, #review4-long {
  display: none;
}

#links {
  margin: 0 auto 0 auto;
  width: 980px;
  height: 35px;
  background: ;
  text-align: left;
  color: #666;
  vertical-align: bottom;
}

#links p {
  padding-top: 15px;
  padding-left: 20px;
}

#links a {
  color: #666;
  text-decoration: none;
  font-size: 11px;
}

#links a:hover {
  color: #6699CC;
}



#footer {
  margin: 0 auto;
  width: 980px;
  height: 42px;
  text-align: left;
  font-size: 11px;
}

#footer p {
  padding-left: 20px;
}

div.btnL {
  margin-right: 10px;
  padding: 0px 10px;
  font-size: 10px;
  height: 16px;
  background: url(../images/graphics/btn_bg.gif) left top repeat-x;
  font-weight: bold;
  color: #FFF;
  line-height: 16px;
  text-align: center;
  border: #1f6f9a 1px solid;
  cursor: pointer;
  float: left;
  display: inline;
}

div.btnL:hover {
  background: url(../images/graphics/btn_bg.gif) left -16px repeat-x;
}

div.btnL:active {
  background: url(../images/graphics/btn_bg.gif) left -32px repeat-x;
}

div.btnL-disable, div.btnL-disable:hover, div.btnL-disable:active {
  margin-right: 10px;
  padding: 0 10px;
  height: 16px;
  background: #f1f1ed;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  line-height: 16px;
  text-align: center;
  border: #c4c3bf 1px solid;
  display: block;
  cursor: default;
  float: left;
}

div.btnRight {
  margin-left: 10px;
  padding: 0px 10px;
  float: right;
}

div.btnR {
  margin-left: 10px;
  padding: 0px 10px;
  font-size: 10px;
  height: 16px;
  background: url(../images/graphics/btn_bg.gif) left top repeat-x;
  font-weight: bold;
  color: #FFF;
  line-height: 16px;
  text-align: center;
  border: #1f6f9a 1px solid;
  cursor: pointer;
  float: right;
}

div.btnR:hover {
  background: url(../images/graphics/btn_bg.gif) left -16px repeat-x;
}

div.btnR:active {
  background: url(../images/graphics/btn_bg.gif) left -32px repeat-x;
}

div.btnR-disable, div.btnR-disable:hover, div.btnR-disable:active {
  margin-left: 10px;
  padding: 0 10px;
  height: 16px;
  background: #f1f1ed;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  line-height: 16px;
  text-align: center;
  border: #c4c3bf 1px solid;
  display: block;
  cursor: default;
  float: right;
}

div.btn2 {
  margin-right: 10px;
  padding: 0px 10px;
  font-size: 10px;
  height: 16px;
  background: url(../images/graphics/btn2_bg.gif) left top repeat-x;
  font-weight: bold;
  color: #0a94d6;
  line-height: 16px;
  text-align: center;
  border: #b6b6b6 1px solid;
  cursor: pointer;
  float: left;
  display: inline;
}

div.btn2:hover {
  background: url(../images/graphics/btn2_bg.gif) left -16px repeat-x;
}

div.btn2:active {
  background: url(../images/graphics/btn2_bg.gif) left -32px repeat-x;
}

div.btn2-disable, div.btn2-disable:hover, div.btn2-disable:active {
  margin-right: 10px;
  padding: 0 10px;
  height: 16px;
  background: #f1f1ed;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  line-height: 16px;
  text-align: center;
  border: #c4c3bf 1px solid;
  display: block;
  cursor: default;
  float: left;
}

table.selectors {
  margin: 20px 0 10px 0;
  height: 30px;
  border-collapse: collapse;
}

table.selectors td {
  padding: 0 7px 0 0;
}

table.selectors td.table-link {
  padding: 0 7px 0 7px;
  border-left: #999 1px dotted;
}

table.selectors2 {
  margin: 0 0 10px 0;
  height: 30px;
  border-collapse: collapse;
}

table.selectors2 td {
  padding: 0 7px 5px 0;
}

select {
  margin: 0;
  padding: 0;
  font-family:Verdana;
  font-size: 11px;
}

.list {
  width: 100%;
  border-collapse: collapse;
  border-top: #e5e5e5 1px solid;
}

.list th, .list td {
  padding: 0 5px 0 5px;
  height: 30px;
  border-bottom: #e5e5e5 1px solid;
  text-align: left;
}

.list td.notify {
  padding-left: 18px;
  background: url(../images/graphics/icon_expenses_notify.gif) 0 center no-repeat;
}

.list td.call {
  padding-left: 18px;
  background: url(../images/graphics/icon_expenses_call.gif) 0 center no-repeat;
}

.list td.incoming {
  padding-left: 18px;
  background: url(../images/graphics/icon_events_incoming.gif) 0 center no-repeat;
}

.list td.outgoing {
  padding-left: 18px;
  background: url(../images/graphics/icon_events_outgoing.gif) 0 center no-repeat;
}

.list td.environment {
  padding-left: 18px;
  background: url(../images/graphics/icon_events_environment.gif) 0 center no-repeat;
}

.comment {
  width: 75px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

#controler {
  height: 30px;
  background: #f2f3f4;
  border-top: #CCC 1px solid;
  line-height: 30px;
}

#actions {
  padding-left: 7px;
}

#actions table{
  height: 30px;
}

#actions td {
  padding: 0 7px 0 0;
}

#display {
  padding-right: 7px;
  height: 30px;
  line-height: 30px;
}

#pages {
  height: 30px;
  background: #f2f3f4;
  border-bottom: #CCC 1px solid;
  text-align: center;
  line-height: 30px;
}

.info-box {
  padding: 15px 10px;
  width: 158px;
  line-height: 16px;
}

.info-box .product {
  margin-bottom: 16px;
  width: 60px;
  height: 60px;
  border: #ccc 1px solid;
}

.info-box #phone-007 {
  background: url(../images/products/Phone-007.jpg) 0 0 no-repeat;
}

.info-box p {
  margin-bottom: 16px;
}

.credit {
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
}

.usage-bar {
  margin: 6px 0;
  width: 100%;
  height: 3px;
  border: #666 1px solid;
  background: #FFF;
}

.red-fill {
  width: 100%;
  height: 3px;
  background: #ff3333;
}

.green-fill {
  width: 30%;
  height: 3px;
  background: #9ec246;
}

.note {
  color: #888;
}

.note-box {
  color: #888;
}

.note-box p {
  margin: 15px 0 10px 0;
  line-height: 15px;
}

.method {
  margin-top: 30px;
  list-style: none;
/*  border-top: #999 1px dotted;*/
}

.method li {
  margin-bottom: 10px;
}

a.action-link {
  padding-left: 16px;
  height: 11px;
  background: url(../images/graphics/action_link.gif) 0 1px no-repeat;
  font-weight: normal;
  font-size: 12px;
}

a.action-link:hover {
  background-position: 0 -21px;
}

.table-btn {
  list-style: none;
  float: right;
}

.table-btn li {
  margin-right: 4px;
  width: 20px;
  height: 16px;
  float: left;
  cursor: pointer;
}

.edit {
  background: url(../images/graphics/btn_edit.gif) 0 0 no-repeat;
}

.edit:hover {
  background-position: 0 -20px;
}

.edit:active {
  background-position: 0 -40px;
}

.play {
  background: url(../images/graphics/btn_play.gif) 0 0 no-repeat;
}

.play:hover {
  background-position: 0 -20px;
}

.play:active {
  background-position: 0 -40px;
}

/* Edit Box */
div.edit-box {
  position: absolute;
  z-index: 101;
  display: none;
}

div.box1 {
  background: url(../images/graphics/box_handler1.gif) 0 0 no-repeat;
  padding-left: 16px;
}

div.box2 {
  background: url(../images/graphics/box_handler2.gif) 0 bottom no-repeat;
  padding-left: 16px;
}

#text-box {
  padding: 6px 12px 0 12px;
  background: #eef7ff;
  border: #6699cc 1px solid;
  border-bottom: none;
  border-left: none;
  text-align: left;
}

#main-box {
  margin: 0;
  padding: 8px 8px 8px 8px;
  background: #eef7ff;
  border: #6699cc 1px solid;
  border-top: none;
  border-left: none;
  text-align: left;
}

div.edit-box .textbox {
  margin-bottom: 8px;
  width: 200px;
  height: 50px;
}

/*div.edit-box .selector {
  margin-bottom: 8px;
}*/


div.edit-box .btn-list {
  margin-left:42px;
  list-style: none;
}

div.edit-box .btn-list li {
  margin-right: 5px;
  float: left;
}

/* Black Mask */
#black-mask {
  width: 1px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  filter:alpha(Opacity=70); 
  opacity: 0.7;
  display: none;
}


.general {
  border-collapse: collapse;
  text-align: left;
}

.general td, .general th {
  padding: 0px 5px;
  height: 30px;
}

.app-divider {
  margin: 15px 0 25px 0;
  padding: 5px 0;
}

.app-divider2 {
  margin: 15px 0 5px 0;
  padding: 5px 0;
}

.app-divider1 {
  margin: 0px 0 25px 0;
}

.app-divider1 p {
  margin-bottom: 10px;
}

.app-divider1 ol {
  margin: 20px 40px;
}

.app-divider1 li {
  margin-bottom: 5px;
}


#bottom-btn {
  margin: 0 -10px;
  padding: 10px 10px;
  height: 16px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  background-color:#eee;
}

.alert {
  margin: -15px 0 25px 0;
  padding: 8px 10px 8px 35px;
  background: #FFCC00 url(../images/graphics/icon_info.gif) 10px 8px no-repeat;
}

/*#alert2 {
  margin: -5px 0 15px 0;
  padding: 8px 10px 8px 35px;
  background: #FFCC00 url(../images/graphics/icon_info.gif) 10px 8px no-repeat;
}*/

.function-lines {
  margin: 20px 0 -13px 0;
  padding: 6px 5px;
  background: #666;
  color:#fff;
}

.function-lines input {
  margin-right: 5px;
}

.function-lines td, .function-lines th {
  padding: 3px 5px;
}

.function-lines2 {
  margin: 0px 0 5px 0;
  padding: 6px 5px;
  background: #666;
  color:#fff;
}

.function-lines3 {
  margin: 10px 0 20px 0;
  padding: 6px 5px;
  background: #666;
  color:#fff;
}

.appendix {
  padding: 5px;
  color:#999;
}

#save2, #stop {
  display: none;
}

#saved {
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  color:#006699;
  display: none;
}

.msg {
  height: 16px;
  line-height: 16px;
  font-weight: bold;
  color:#006699;
}

.spacing-bottom {
  margin-bottom: 20px;
}

.spacing-bottom2 {
  margin-bottom: 10px
}

.spacing-bottom3 {
  margin-bottom: 40px
}

.spacing-bottom4 {
  margin-bottom: 5px;
}

.spacing-top {
  margin-top: 10px;
}

.spacing-top2 {
  margin-top: -20px;
}

.spacing-top3 {
  margin-top: 15px;
}

.spacing-top4 {
  margin-top: 30px;
}

.spacing-top5 {
  margin-top: 0px;
}

.spacing-left {
  margin-left: 5px;
}

.spacing-left2 {
  margin-left: 10px;
}

.spacing-left3 {
  margin-left: 15px;
}

.spacing-right {
  margin-right: 5px;
}

.spacing-right2 {
  margin-right: 10px;
}

#bar {
  padding: 3px 0 0 3px;
  width: 517px;
  height: 40px;
  background: url(../images/graphics/bar.gif) left top no-repeat;
}

#red {
  margin: 10px 0 5px 0;
  width: 40px;
  text-align: center;
  display: block;
}

.error-message {
  padding-bottom: 10px;
  color:#CC3300;
  font-weight: bold;
}

.editable {
  border-collapse: collapse;
  text-align: left;
}

.editable td, .editable th {
  padding: 0 5px 5px 5px;
  height: 30px;
}

input.area-code {
  width: 10px;
}

input.phone-number {
  margin-right: 5px;
  width: 50px;
}

/* Pop-up wizard */

#UpdateEmail, #UpdateSMS, #ChangePassword {
  z-index: 102;
  position: absolute;
  display: none;
}

.setting-box {
  width: 573px;
  height: 357px;
  border: #ccc 3px solid;
  background: #FFF;
  text-align: left;
  display: none;
}

.box-title {
  padding: 5px 10px;
  height: 14px;
  background: #eee;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-bottom: #ccc 1px solid;
}

.setting-content {
  padding: 20px 10px;
  width: 553px;
  height: 255px;
  line-height: 17px;
}

#setting-btn {
  padding: 10px 10px;
  width: 553px;
  height: 16px;
  border-top: #ccc 1px solid;
  background-color:#eee;
}

#steps {
  margin-bottom: 20px;
}

#steps ul{
  list-style: none;
}

#steps li {
  padding-left: 5px;
  width: 110px;
  height: 28px;
  border: #ddd 1px solid;
  float: left;
  background: #eee;
  color: #aaa;
  font-weight: bold;
  line-height: 28px;
}

#steps li.current {
  background: #fff;
  color:#CC0000;
}

#steps li.long {
  width: 210px;
}

#steps li.medium {
  width: 150px;
}

#steps li.arrow {
  padding-left: 0;
  width: 16px;
  height: 28px;
  background: #ddd url(../images/graphics/step_arrow.gif) center center no-repeat;
}

.regular-list {
  margin: 0 40px;
  padding: 10px 0;
}

/* Sign In / Sign Up */

#signin-box {
  padding: 0 20px 20px 20px;
  width: 380px;
  height: 150px;
  border: #ccc 1px solid;
  border-top: none;
  float: left;
}

#signup-box {
  padding: 0 20px 20px 20px;
  width: 380px;
  height: 150px;
  border: #ccc 1px solid;
  border-top: none;
  float: right;
}

.signin-divider {
  margin: 10px 0 10px 0;
  padding: 5px 0;
}


/* Wizard */

#single-col {
  padding: 20px 20px 30px 20px;
  background: #fff;
  border: #bbb 1px solid;
}

.wizard-box {
  margin-right: 10px;
  padding: 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  background: #fff;
}

.wizard-box2 {
  margin-right: 10px;
  padding: 20px 20px 0 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  background: #fff;
}

.wizard-box3 {
  padding: 0 20px 0 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  border-top: none;
  background: #fff;
  clear: right;
}

.wizard-box4 {
/*  margin-right: 10px;*/
  min-height: 200px;
  background: #fff;
  border: #ccc 1px solid;
/*  border-top: none;
  border-bottom: none;*/
} /* for cart.html */

.wizard-box5 {
/*  margin-right: 10px;*/
  padding: 0 20px 20px 20px;
  min-height: 200px;
  background: #fff;
  border: #ccc 1px solid;
  border-top: none;
}

.wizard-box6 {
/*  margin-right: 10px;*/
  padding: 5px 20px 20px 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  border-top: none;
  border-bottom: none;
  background: #fff;
} /* for complete.html */

.wizard-box7 {
/*  margin-right: 10px;*/
  padding: 5px 20px 0 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  border-top: none;
  background: #fff;
} /* for complete0.html */

.wizard-box8 {
  padding: 10px 20px 20px 20px;
  min-height: 200px;
  border: #bbb 1px solid;
  border-top: none;
  background: #fff;
} /* for contact/index.html */

.wizard-box9 {
  margin-right: 10px;
  padding: 10px 5px 20px 10px;
  min-height: 200px;
  border: #bbb 1px solid;
  border-top: none;
  background: #fff;
} /* for contact/index.html */


.section-title2 {
  margin: 0 -20px 15px -20px;
  padding: 5px 10px;
  background: #eee;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
}

.no-topline {
  border-top: none;
} /* for place-order.html */

.first {
  margin-top: -20px;
  border-top: none;
}

#wizard-btn {
  padding: 10px 10px;
  height: 16px;
  border: #ccc 1px solid;
  border-top: none;
/*  border-bottom: none;*/
  background-color:#eee;
} /* for cart.html */

#wizard-btn2 {
  padding: 10px 10px;
  height: 16px;
  border: #bbb 1px solid;
  border-bottom: none;
  background-color:#eee;
}


.txt {
  width: 175px;
}

.txt2 {
  width: 250px;
}

.excel {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-right: 10px;
}

/* Real-time Listen-in Box */
.check-table {
  border-collapse: collapse;
}

.check-table td {
  padding: 0 3px 0 0;
}

#hangup, #session-time {
  display: none;
}

#wave-off {
  margin: 10px -20px 0 0; 
  background: #fff; 
  height: 35px; 
  border: #ccc 1px solid;
  background: url(../images/graphics/wave_off.gif) 0 0 no-repeat;
  display: none;
}

#wave-on {
  margin: 10px -20px 0 0; 
  background: #fff; 
  height: 35px; 
  border: #ccc 1px solid;
  background: url(../images/graphics/wave_on.gif) 0 0 no-repeat;
}

#display-bar {
  margin: 0 -20px 10px 0; 
  padding-left: 5px; 
  background: #e5e5e5; 
  height: 16px; 
  border: #ccc 1px solid; 
  border-top: none;
}

/* Purchasing */

#shipping-box {
  margin: 15px -20px 0 0;
  padding: 0 20px 0 20px;
  width: 421px;
/*  height: 150px;*/
  float: right;
}

#billing-box {
  margin: 15px 0 0 -20px;
  padding: 0 20px 0 20px;
  width: 422px;
/*  height: 150px;*/
  border-right: #ccc 1px solid;
  float: left;
}

.inpute-date {
  width: 40px;
}

.credit-cards {
  margin: 0 10px 0 5px;
}

.country-selection {
  width: 180px;
}

.inner-table td {
  padding: 0 5px 0 0;
}

#shipping-info {
  display: none;
}

.cart-table {
  width: 100%;
  border-collapse: collapse;
}

.cart-table th {
  padding: 5px 5px 5px 20px;
  background-color: #eee;
  text-align: left;
  border-bottom: #bbb 1px solid;
  font-size: 12px;
}

.cart-table td {
  padding: 10px 5px 10px 15px;
  border-bottom: #ccc 1px solid;
  line-height: 20px;
}

.cart-table .product-img {
  border: #ccc 1px solid;
  margin-top: 5px;
  margin-right: 12px;
  float: left;
}

.quantity-input {
  width: 40px;
  margin-bottom: 5px;
}

td.item-img {
  padding-right: 0;
}

td.item-txt {
  padding-left: 0;
  padding-right: 15px;
  line-height: 18px;
}

td.summary {
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
}

td.summary-left {
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: right;
  border-bottom: none;
}

td.summary-right {
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}

td.total {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: none;
}

td.total-left {
  padding-top: 0;
  padding-bottom: 15px;
  text-align: right;
  font-weight: bold;
  border-bottom: none;
}

td.total-right {
  padding-top: 0;
  padding-bottom: 15px;
  font-weight: bold;
  border-bottom: none;
}

#right-box {
  margin: 20px -20px 0 0;
  padding: 0 20px 0 20px;
  width: 325px;
  border-left: #ccc 1px solid;
  float: right;
}

#left-box {
  margin: 20px 0 0 -20px;
  padding: 0 20px 0 20px;
  width: 326px;
  float: left;
}

/* for single-col setting */
/*#right-box {
  margin: 20px -20px 0 0;
  padding: 0 20px 0 20px;
  width: 421px;
  border-left: #ccc 1px solid;
  float: right;
}

#left-box {
  margin: 20px 0 0 -20px;
  padding: 0 20px 0 20px;
  width: 422px;
  float: left;
}*/


/* Pop Up Box */

#cvc-box, #returning-customers, #new-customers {
  position: absolute;
  left: -1000px;
  top: -1000px;
  z-index: 101;
  display: none;
}

.popup-box {
  padding: 10px 15px 10px 15px;
  width: 245px;
  text-align: left;
}

.popup-box p {
  margin-bottom: 10px;
}

.popup-header {
  font-size: 12px;
  font-weight: bold;
  padding: 9px 10px 0 9px;
  border-bottom: #ccc 1px dotted;
  margin: -10px -8px 10px -8px;
  color: #990000;
}

.popup-header p {
  margin: 0;
  padding: 0;
}


.popup-btn {
  margin-top: 2px;
  width: 10px;
  height: 10px;
  background: url(../images/graphics/pop_btn.gif) 0 0 no-repeat;
  float: right;
}

.popup-btn:hover {
  background-position: 0 -10px;
}

.popup-btn:active {
  backgrond-position: 0 -20px;
}

/* Round Corner and Drop Shadow */

.popup-box .sb-inner { background:#fff; }
.popup-box .sb-shadow { background:#666; }
.popup-box .sb-border { background:#ccc; }


/* Purchasing */

.review-table {
  width: 100%;
  border-collapse: collapse;
}


.review-table td {
  padding: 5px;
  border-bottom: #ccc 1px solid;
  line-height: 18px;
}

.review-table img {
  border: #ccc 1px solid;
  margin-right: 10px;
  float: left;
}

.review-table td.brief-img {
  border-bottom: none;
}

.review-table td.brief {
  padding-left: 0;
  padding-right: 20px;
  border-right: #ccc 1px dotted;
  border-bottom: none;
}

.review-table td.brief-left {
  padding-left: 20px;
  text-align: right;
  border-bottom: none;
}

.review-table td.brief-right {
}

.review-table td.total-left {
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  font-weight: bold;
  border-bottom: none;
}

.review-table td.total-right {
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
  border-bottom: none;
}

/* Progress Bar */

.progress {
  list-style: none;
  float: right;
}

.progress li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding-bottom: 3px;
  width: 110px;
  border-bottom: #ccc 3px solid;
  float: left;
  color: #ccc;
  font-weight: bold;
  text-align: center;
}

.progress li.current {
  border-color: #88a801;
  color:#000;
}

.progress li.medium {
  width: 150px;
}

/*SMS-Rate---Anny add*/
.ratetable{
border:solid 1px #CCCCCC;
border-collapse:separate;
text-align: left;
}
.ratetable th{
font:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
height:5px;
padding:8px 5px;
color:#006699;
border:solid 1px #cccccc;
}
.ratetable td{
  padding: 5px 5px;
  height: 15px;
  border:solid 1px #cccccc;

}
.rate{
cursor:pointer;
color:#006699;
}

.rate2{
cursor:pointer;
color:#FF6600;
}

/*Purple Dollar--Anny add*/
#add5 {
  background: url(../images/graphics/giftcard_5.jpg) 0 0 no-repeat;
}

#add10 {
  background: url(../images/graphics/giftcard_10.jpg) 0 0 no-repeat;
}

#add20 {
  background: url(../images/graphics/giftcard_20.jpg) 0 0 no-repeat;
}
.giftcard {
  margin: 0 5px 15px 5px;
  padding: 20px 0 0 90px;
  height: 45px;
  border-bottom: #ccc 1px dotted;
}
.p1{
line-height:18px;
padding:0px 20px 10px 0px;}
.whocontent{
width:55%;
padding:10px 30px 10px 10px;
}
.whopic{
width:30%;
padding:10px 30px 10px 20px;}


/*landing page */

.landing-title {
  margin: 20px auto 0 auto;
  padding: 0 30px;
  width: 920px;
  height: 57px;
  background: url(../images/graphics/landing_title.jpg) 0 0 no-repeat;
  font-size: 27px;
  font-weight: bold;
  line-height: 57px;
  color: #fff;
  text-align: left;
}

.main-graphic {
  margin: 20px auto 10px auto;
  width: 800px;
}

.landing-container {
  margin: 0 auto;
  width: 800px;
  background: #fff;
  text-align: center;
  line-height: 18px;
}

.landing-left-col {
  padding: 0 10px 0 10px;
  width: 465px;
  float: left;
}

.landing-right-col {
  padding: 0 0 0 0;
  width: 430px;
  float: right;
}

.landing-container p {
  margin-bottom: 10px;
}

.landing-heading {
  padding: 15px 0 10px 0;
  font-size: 25px;
  font-weight: bold;
  color: #993300;
  line-height: 24px;
}

.landing-question {
  padding: 0 0 13px 0;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  line-height: 22px;
}

.landing-list-heading {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

ul.landing-list {
  padding: 0 25px 15px 25px;
  list-style: url(../images/graphics/purple_square.gif);
  font-weight: normal;
}

ul.landing-list li {
  font-size: 14px;
  margin-bottom: 5px;
  color: #333;
  font-weight: normal;
}

.landing-reviews-heading {
  padding: 0 0 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  line-height: 22px;
}

.landing-reviews-content {
  margin: 0;
  padding: 5px 15px;
  background: #eee;
}

.landing-reviews-content p {
  margin: 0;
  padding: 0;
}

p.landing-reviews-info {
  padding: 5px 0 5px 0;
}

.landing-reviews-title {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.entry {
  width: 258px;
  height: 157px;
  background: url(../images/graphics/entries_bg.jpg) 0 0 no-repeat;
  cursor: pointer;
  float: left;
  text-align: left;
}

#entry1 {
  width: 258px;
  height: 156px;
  background: url(../images/graphics/entry1.jpg) 1px bottom no-repeat;
}

#entry2 {
  width: 258px;
  height: 157px;
  background: url(../images/graphics/entry2.jpg) 0 1px no-repeat;
}

#entry1-005{
  width: 258px;
  height: 156px;
  background: url(../images/graphics/entry1_005.jpg) 1px bottom no-repeat;
}

#entry2-005 {
  width: 258px;
  height: 157px;
  background: url(../images/graphics/entry2_005.jpg) 0 1px no-repeat;
}

#entry1-006{
  width: 258px;
  height: 156px;
  background: url(../images/graphics/entry1_006.jpg) 1px bottom no-repeat;
}

#entry2-006 {
  width: 258px;
  height: 157px;
  background: url(../images/graphics/entry2_006.jpg) 0 1px no-repeat;
}

#entry3 {
  width: 258px;
  height: 157px;
  background: url(../images/graphics/entry3.jpg) right 0 no-repeat;
}

.entry-title {
  padding: 10px 15px 3px 15px;
  font-size: 19px;
  font-weight: bold;
  color: #990000;
  line-height: 21px;
}

.entry-title2 {
  padding: 14px 15px 20px 100px;
  font-size: 19px;
  font-weight: bold;
  color: #990000;
  line-height: 21px;
}

.entry-title3 {
  padding: 14px 15px 20px 20px;
  font-size: 19px;
  font-weight: bold;
  color: #990000;
  line-height: 21px;
}

.entry-lines {
  padding: 0 10px 11px 125px;
  font-size: 11px;
  line-height: 14px;
}

.entry-lines2 {
  padding: 0 100px 11px 20px;
  font-size: 11px;
  line-height: 14px;
}


.entry-link {
  padding-right: 15px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}

.entry-link2 {
  padding-right: 110px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}

.landing-bottom {
  margin: 0 auto;
  padding: 0 20px 20px 30px;
  width: 930px;
  height: 57px;
  background: url(../images/graphics/landing_bottom.gif) 0 0 no-repeat;
  font-size: 27px;
  font-weight: bold;
  line-height: 57px;
  color: #fff;
  text-align: left;
}

#landing-bottom {
  margin: 0 auto;
  width: 800px;
  height: 15px;
}

#landing-bottom-left {
  width: 100px;
  height: 15px;
  background: url(../images/graphics/content_bottom_left.gif) 0 0 no-repeat;
  float: left;
}

#landing-bottom-right {
  width: 700px;
  height: 15px;
  background: url(../images/graphics/content_bottom_right.gif) right 0 no-repeat;
  float: right;
}

a.lead {
  font-size: 14px;
  font-weight: bold;
}

.main-graphic-left1 {
  width: 361px;
  height: 350px;
  background: url(../images/graphics/landing_left1.jpg) 0 0 no-repeat;
  float: left;
  text-align: left;
}

.main-graphic-left2 {
  width: 361px;
  height: 350px;
  background: url(../images/graphics/landing_left2.jpg) 0 0 no-repeat;
  float: left;
  text-align: left;
}

.main-graphic-left3 {
  width: 361px;
  height: 350px;
  background: url(../images/graphics/landing_left3.jpg) 0 0 no-repeat;
  float: left;
  text-align: left;
}

.main-graphic-left-006 {
  width: 361px;
  height: 350px;
  background: url(../images/graphics/landing_006_left.jpg) 0 0 no-repeat;
  float: left;
  text-align: left;
}

.text-area {
  padding: 23px 0 0 25px;
  height: 263px;
}

.main-question {
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #b70101;
  line-height: 36px;
}

.sub-lines {
  padding-bottom: 15px;
  font-size: 21px;
  color: #000;
  line-height: 24px;
}

.sub-lines2 {
  padding-bottom: 10px;
  font-size: 16px;
  color: #000;
  line-height: 18px;
}

.sub-lines3 {
  padding-bottom: 10px;
  font-size: 24px;
  color: #000;
  line-height: 30px;
}

.bold-line {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.bold-line2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.keyword {
  font-size: 21px;
}

.landing-btn {
  margin: 0 0 0 18px;
}

.main-graphic-right1 {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_woman_right.jpg) 0 0 no-repeat;
  float: right;
}

.main-graphic-right2 {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_man_right.jpg) 0 0 no-repeat;
  float: right;
}

.main-graphic-right3 {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_teen_right.jpg) 0 0 no-repeat;
  float: right;
}

.main-graphic-right4 {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_employee_right.jpg) 0 0 no-repeat;
  float: right;
}

.main-graphic-right-purple {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_recorder.jpg) 0 0 no-repeat;
  float: right;
}

.main-graphic-right-006 {
  width: 439px;
  height: 350px;
  background:url(../images/graphics/landing_006_right.jpg) 0 0 no-repeat;
  float: right;
}


/* contact us */
#flash {
  margin-bottom: 10px;
}

/* banner long */
.banner {
  margin-bottom: 30px;
}

/* rounded box in pricing.html */
/* Adtivation */
#local-international, #record-calls, #notifications, #secretly-listenin, #listen-in, #playback, #tracking {
  position: absolute;
  left: -1000px;
  top: -1000px;
  z-index: 101;
  display: none;
}

/* product FAQ */

div#left-nav ul {
  padding: 0;
  list-style-image: none;
  background: #eee;
  border-top: #fff 1px dashed;
}

div#left-nav li {
  margin: 0;
  padding: 5px 20px;
  list-style: none;
  border-bottom: #fff 1px dashed;
  color: #bbb;
  cursor: pointer;
  display: block;
}

div#left-nav li:hover {
  background: #fff;
  color: #999;
}

div#left-nav li.select {
  background: #fff;
/*  color: #725b81;*/
  color: #999;
}

#listenin-content, #mobile-content, #recording-content, #setup-content, #legal-content, #privacy-content, #return-content {
  display: none;
}

/* Flash Click Block */
#flash-click {
  width: 178px;
  height: 112px;
  position: absolute;
  z-index: 101;
  left: 0;
  top: -1000px;
  cursor: pointer;
  display: none;
}

/*product details page */

.details-table-division {
  padding-right: 20px;
  padding-left: 10px;
}

.details-table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border: #ccc 1px solid;
  border-top: none;
  border-bottom: none;
}

.details-table th, .details-table td {
  padding: 10px;
  border-bottom: #ccc 1px solid;
}

.details-table th {
  background: #eee;
  font-size: 12px;
}

.details-table td.key {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

/* what 005 006 */

.points-top {
  padding: 10px 0 10px 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

li.points {
  font-size: 17px; 
  font-weight: bold; 
  line-height: 21px;
  color: #999;
}


.floating-p1 {
  padding-left: 20px;
  padding-right: 20px;
  width: 340px;
  float: left;
}

.floating-p2 {
  padding: 0 20px 0 10px;
  width: 340px;
  float: right;
}

/* adbox */

.adbox {
  margin: 0 0 10px 0;
  background: url(../images/boxes/adbox_center.gif) 0 bottom repeat-x;
}

.adbox-top {
  height: 12px;
  background: url(../images/boxes/adbox_center_top.gif) 0 0 repeat-x;
  position: relative;
}

.adbox-top-left {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/adbox_left_top.gif) 0 0 no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.adbox-top-right {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/adbox_right_top.gif) right 0 no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
}

.adbox-center {
  height: 188px; /* height can change */
/*  background: url(../images/boxes/adbox_center.gif) 0 bottom repeat-x;*/
  border-left: #ddd 1px solid;
  border-right: #ddd 1px solid;
  position: relative;
}

.adbox-bot {
  height: 12px;
  background: url(../images/boxes/adbox_center_bot.gif) 0 0 repeat-x;
  position: relative;
}

.adbox-bot-left {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/adbox_left_bot.gif) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.adbox-bot-right {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/adbox_right_bot.gif) 0 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.adbox-title {
  padding: 2px 0;
  font-size: 20px;
  font-weight: bold;
  color: #990000;
  text-align: center;
}

.adbox-copy {
  font-size: 11px;
  color: #000;
  line-height: 15px;
  position: absolute;
  left: 21px;
  top: 46px;
  z-index: 10;
}

.adbox-graphic {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
}

.adbox-hilite {
  font-size: 15px;
  font-weight: bold;
  color: #990000;
}

.adbox-link {
  padding-right: 20px;
  height: 14px;
  font-size: 12px;
  background: url(../images/graphics/btn_arrow.gif) right center no-repeat;
  position: absolute;
  bottom: 1px;
  left: 21px;
  z-index: 10;
}

/* Pricingbox */

.pricingbox {
  margin: 0 0 10px 0;
  background: url(../images/boxes/pricingbox_center.gif) 0 bottom repeat-x;
}

.pricingbox-top {
  height: 8px;
  background: #fcde66 url(../images/boxes/pricingbox_center_top.gif) 0 0 repeat-x;
  position: relative;
}

.pricingbox-top-left {
  width: 12px;
  height: 8px;
  background: url(../images/boxes/pricingbox_left_top.gif) 0 0 no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.pricingbox-top-right {
  width: 12px;
  height: 8px;
  background: url(../images/boxes/pricingbox_right_top.gif) right 0 no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
}

.pricingbox-center {
  padding: 4px 20px 0 20px;
  /* height: 188px;  height can change */
  background: #fcde66 url(../images/boxes/pricingbox_body.gif) 0 bottom repeat-x;
  position: relative;
}

.pricingbox-bot {
  height: 8px;
  background: url(../images/boxes/pricingbox_center_bot.gif) 0 0 repeat-x;
  position: relative;
}

.pricingbox-bot-left {
  width: 12px;
  height: 8px;
  background: url(../images/boxes/pricingbox_left_bot.gif) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.pricingbox-bot-right {
  width: 12px;
  height: 8px;
  background: url(../images/boxes/pricingbox_right_bot.gif) 0 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.pricingbox-title {
  padding-bottom: 5px;
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.pricingbox-hilite {
  padding-bottom: 2px;
  font-size: 20px;
  color: #b80101;
  font-weight: bold;
}

.pricingbox-hilite2 {
  padding-bottom: 5px;
  font-size: 17px;
  color: #b80101;
  font-weight: bold;
  line-height: 16px;
}

.pricingbox-copy {
  padding-bottom: 5px;
  font-size: 11px;
  color: #000;
}

.pricingbox-btn {
  text-align: center;
}

.pricingbox-btn2 {
  padding-left: 20px;
  padding-right: 16px;
  width: 101px;
  height: 23px;
  background: url(../images/graphics/btn_arrow_y.gif) right 2px no-repeat;
/*  display: inline;*/
}

.pricingbox-link {
  padding-right: 16px;
  padding-bottom: 5px;
  height: 14px;
  font-size: 11px;
  background: url(../images/graphics/btn_arrow_y.gif) right 2px no-repeat;
}

.pricingbox-spacing {
  margin-bottom: 5px;
}

#hide-numbers {
  display: none;
}

#more-numbers {
  color: #b80101;
  font-weight: bold;
  line-height: 18px;
  margin: 0 -10px 10px -5px;
  display: none;
}

#more-numbers strong {
  font-size: 11px;
  color: #000;
  font-weight: normal;
  margin-left: 5px;
}

/* Linkbox */

.linkbox {
  height: 134px;
  background: #f2f2f2 url(../images/boxes/linkbox_center.gif) 0 0 repeat-x;
}

.linkbox-left-top {
  height: 12px;
  background: url(../images/boxes/linkbox_left_top.gif) 0 0 no-repeat;
}

.linkbox-right-top {
  height: 12px;
  background: url(../images/boxes/linkbox_right_top.gif) right 0 no-repeat;
}

.linkbox-left-top2 {
  height: 12px;
  background: url(../images/boxes/linkbox_left_top.gif) 0 0 no-repeat;
  position: relative;
}

.linkbox-right-top2 {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/linkbox_right_top.gif) right 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.linkbox-left-bot {
  height: 12px;
  background: url(../images/boxes/linkbox_left_bot.gif) 0 0 no-repeat;
}

.linkbox-right-bot {
  height: 12px;
  background: url(../images/boxes/linkbox_right_bot.gif) right 0 no-repeat;
  position: relative;
}

.linkbox-left-bot2 {
  height: 12px;
  background: url(../images/boxes/linkbox_left_bot.gif) 0 0 no-repeat;
  position: relative;
}

.linkbox-right-bot2 {
  width: 12px;
  height: 12px;
  background: url(../images/boxes/linkbox_right_bot.gif) right 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
}

.linkbox-body {
  height: 110px;
  position: relative;
}

.linkbox-icon {
  margin: 18px 10px 0 18px;
  float: left;
}

.linkbox-title {
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #990000;
  font-weight: bold;
}

.linkbox-copy {
  padding-bottom: 10px;
  padding-right: 10px;
  font-size: 12px;
  color: #000;
}

.linkbox-link {
  padding-right: 20px;
  height: 14px;
  font-size: 12px;
  background: url(../images/graphics/btn_arrow.gif) right center no-repeat;
  position: absolute;
  left: 124px;
  bottom: 0;
}

/* column setting */

.two-col-50 {
  width: 50%;
}

.two-col-55-left {
  width: 49%;
  float: left;
}
 
.two-col-55-right {
  width: 49%;
  float: right;
}

.two-col-46-left {
  width: 39%;
  float: left;
}
 
.two-col-46-right {
  width: 59%;
  float: right;
}

.two-col-37-left {
  width: 29%;
  float: left;
}
 
.two-col-37-right {
  width: 69%;
  float: right;
}

.two-col-12-left {
  width: 32%;
  float: left;
}
 
.two-col-12-right {
  width: 65%;
  float: right;
}


.three-col-left {
  padding: 0 10px;
  width: 30.6%;
  float: left;
}

.three-col-center {
  padding: 0 10px;
  width: 30.6%;
  float: left;
}

.three-col-right {
  padding: 0 10px;
  width: 30.6%;
  float: left;
}


/* grayline-box */

.grayline-top-left {
  height: 15px;
  background: url(../images/graphics/graybox2_top_left.gif) 0 0 no-repeat;
}

.grayline-top-right {
  height: 15px;
  background: url(../images/graphics/graybox2_top_right.gif) right 0 no-repeat;
}

.grayline-bottom-left {
  height: 15px;
  background: url(../images/graphics/graybox2_bottom_left.gif) 0 bottom no-repeat;
}

.grayline-bottom-right {
  height: 15px;
  background: url(../images/graphics/graybox2_bottom_right.gif) right bottom no-repeat;
}

/* yellowbox */

.yellowbox-top-left {
  height: 8px;
  background: url(../images/boxes/yellowbox_top_left.gif) 0 0 no-repeat;
}

.yellowbox-top-right {
  height: 8px;
  background: url(../images/boxes/yellowbox_top_right.gif) right 0 no-repeat;
}

.yellowbox-bottom-left {
  height: 8px;
  background: url(../images/boxes/yellowbox_bottom_left.gif) 0 bottom no-repeat;
}

.yellowbox-bottom-right {
  height: 8px;
  background: url(../images/boxes/yellowbox_bottom_right.gif) right bottom no-repeat;
  margin-bottom: 40px;
}

.yellowbox-inner-top-left {
  height: 6px;
  background: url(../images/boxes/yellowbox_inner_top_left.gif) 0 0 no-repeat;
}

.yellowbox-inner-top-right {
  height: 6px;
  background: url(../images/boxes/yellowbox_inner_top_right.gif) right 0 no-repeat;
}


.yellowbox-inner-bottom-left {
  height: 6px;
  background: url(../images/boxes/yellowbox_inner_bottom_left.gif) 0 bottom no-repeat;
}

.yellowbox-inner-bottom-right {
  height: 6px;
  background: url(../images/boxes/yellowbox_inner_bottom_right.gif) right bottom no-repeat;
}

/* table setting */

.grayline-table {
  width: 100%;
  border-collapse: collapse;
  border: #ccc 1px solid;
  border-bottom: none;
}

.grayline-table th {
  padding: 5px 5px 5px 20px;
  background-color: #eee;
  text-align: left;
  border: #bbb 1px solid;
  font-size: 12px;
}

.grayline-table td {
  padding: 10px 5px 10px 15px;
  border: #ccc 1px solid;
  line-height: 20px;
  text-align: center;
}

.grayline-table th.feature {
  background: #f5f5f5;
}