/* -------------------------------- */
body {
  background:#5a5a5a url(../images/main-col.png) center center repeat-y;
  background:#CCCCCC url(../images/main-col.png) center center repeat-y;
  margin:0;
  padding:0;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:14px;
}
.clr {
  clear:both;
}

/* -------------------------------- */
#main_col {
  width:1000px;
  margin:0 auto;
}
#main_pad {
  margin:0 auto;
  width:960px;
  position:relative;
}

/* -------------------------------- */
#head_row {
  width:960px;
  position:relative;
}
#head_logo a {
  display:block;
  width:146px;
  height:72px;
  background:url(../images/logo.png);
}

/* -------------------------------- */
#menu_row {
  width:960px;
  height:43px;
  background:url(../images/menu-center.png);
  position:relative;
}
#menu_left {
  width:10px;
  height:43px;
  background:url(../images/menu-left.png);
  position:absolute;
  left:0px;top:0px;
}
#menu_right {
  width:10px;
  height:43px;
  background:url(../images/menu-right.png);
  position:absolute;
  right:0px;top:0px;
}
#menu_row .menu_links {
  list-style:none;
  display:block;
  height:43px;
  width:930px;
  position:absolute;
  left:15px;top:0px;
  padding:0;
  margin:0;
}
#menu_row .menu_links li {
  float:left;
  display:block;
  padding:0 20px;
  margin:0;
}
#menu_row .menu_links li a {
  color:#CCC;
  font-size:14px;
  font-weight:bold;
  font-family:arial;
  text-decoration:none;
  line-height:43px;
}
#menu_row .menu_links li.active {
  background:url(../images/menu-over.png);
}
#menu_row .menu_links li:hover a,
#menu_row .menu_links li.active a {
  color:#FFF;
}

/* -------------------------------- */
#lead_row {
  position:relative;
  width:960px;
  height:213px;
  background:url(../images/lead-bg.png);
  margin:15px 0;
}
#lead_con {
  padding:10px;
}
#lead_con h1 {
  padding:10px;
  margin:0px;
  color:#FFF;
  font-size:24px;
}
#lead_con ol {
  list-style:none;
  padding:0 0 0 40px;margin:0;
}
#lead_con ol li {
  color:#FFF;
  padding:2px 0;margin:0;
  font-size:18px;
}

/* -------------------------------- */
#cont_col {
  width:960px;
  margin:0 auto;
}
#cont_top {
  width:960px;
  height:8px;
  background:url(../images/content-top.png);
}
#cont_mid {
  width:960px;
  background:url(../images/content-center.png);
}
#cont_mid_pad {
  padding:20px;
}
#cont_bot {
  width:960px;
  height:8px;
  background:url(../images/content-bottom.png);
}

/* -------------------------------- */
#notice_col {
  width:960px;
  margin:0 auto 15px auto;
}
#notice_top {
  width:960px;
  height:8px;
  background:url(../images/notice-top.png);
}
#notice_mid {
  width:960px;
  background:url(../images/notice-center.png);
}
#notice_bot {
  width:960px;
  height:8px;
  background:url(../images/notice-bottom.png);
}
#notice_mid_pad {
  padding:5px 20px;
}
#notice_mid_pad p {
  margin:0;padding:0;
}

/* -------------------------------- */
#notice_mid_pad .custom_img {
  position:relative;
  padding-left:80px;
}
#notice_mid_pad .custom_img img {
  position:absolute;
  top:-20px;
  left:-10px;
}

/* -------------------------------- */
#foot_col {
}
#foot_col p {
  font-size:12px;
  color:#aaa;
}
#foot_col a {
  font-size:12px;
  color:#F90;
}

/* -------------------------------- */
#cont_mid h2 {
  font-size:18px;
  color:#666;
}
#cont_mid h3 {
  font-size:16px;
  color:#666;
}
#cont_mid h4 {
  font-size:14px;
  color:#666;
}
#cont_mid hr {
  clear:both;
}

/* -------------------------------- */
a.litebox_c .label,
a.litebox_h .label,
a.litebox_r .label,
a.litebox_l .label {
  clear:both;
  display:block;
  color:#339;
  padding:4px 0 2px 0;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid #CCC;
  background: #DDD; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#EEEEEE'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#EEEEEE)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #DDDDDD,  #EEEEEE); /* for firefox 3.6+ */
}

/* -------------------------------- */
.item-page.product-features ul.jumpList {
  margin:0px;
  padding:0 0 0 10px;
  list-style:none;
  display:block;
  width:640px;
}
.item-page.product-features ul.jumpList li {
  background:url(../images/bullet-arrow.png) left 7px no-repeat;
  padding:5px 4px 5px 24px;
  line-height:16px;
}
.item-page.product-features ul.jumpList li a {
  font-weight:bold;
  font-size:14px;
  color:#333;
  text-decoration:none;
}
.item-page.product-features h3 {
  clear:both;
  padding:4px 0 10px 0;
  background:url(../images/h3-bg.png) center bottom no-repeat;
}
.item-page.product-features .float_l {
  margin:0px 20px 10px 0;
}
.item-page.product-features .col_left {
  clear:both;
  float:left;
  width:49%;
}
.item-page.product-features .col_right {
  float:right;
  width:49%;
}
.item-page.product-features .col_left img.float_r {
  margin:0 0 0 20px;
  width:220px;
}
.item-page.product-features .col_right img.float_r {
  margin:0 0 0 20px;
  width:200px;
}
.item-page.product-features .backtop {
  display:block;
  clear:both;
  float:right;
  border-radius:2px;
  color:#333;
  height:27px;
  line-height:20px;
  padding:0 0 0 20px;
  // background: #DDD; /* for non-css3 browsers */
  // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#AAAAAA'); /* for IE */
  // background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#AAAAAA)); /* for webkit browsers */
  // background: -moz-linear-gradient(top,  #EEEEEE,  #AAAAAA); /* for firefox 3.6+ */
  background:url(../images/arrow-backtop.png) 0 0 no-repeat;
  text-decoration:none;
}
.item-page.product-features ul.xtraList {
  margin:0px;
  padding:0 0 0 10px;
  list-style:none;
  display:block;
}
.item-page.product-features ul.xtraList li {
  display:block;
  width:420px;
  float:left;
  clear:none;
  background:url(../images/bullet-dots.png) left 6px no-repeat;
  padding:5px 4px 5px 24px;
  line-height:16px;
  color:#333;
}
.item-page.product-features ul.xtraList li:nth-child(even)  {
  color:#650;
}

/* -------------------------------- */
a.btn {
  background: #2d9ed0 url(../images/btn_default.png) repeat-x 0 0 ;
  border: 1px solid #0b5a8e;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 6px 12px;
  text-decoration: none;
  text-shadow: 0 1px 0 #0b4a6e;
  font-weight:bold;
}
a.btn:hover {
  background-image: url(../images/btn_default-hover.png);
  box-shadow: 0 1px 5px #0b4a6e;
}
a.btn.red {
  background: #a74848 url(../images/btn_default_red.png) repeat-x 0 0 ;
  border: 1px solid #6b2e2e;
  text-shadow: 0 1px 0 #6e4a0b;
}
a.btn.red:hover {
  background: #a74848 url(../images/btn_default_red-hover.png) repeat-x 0 0 ;
  box-shadow: 0 1px 5px #6e4a0b;
}
