@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; font-size:12px; color:#ececec;  font-family:Arial, Helvetica, sans-serif; background:url(../images/sp_bg2.jpg) repeat ; }
.main_bg{ background:url(../images/SP_main_bg.jpg) repeat-x top left; }

.float_left{ float:left; }
.float_right{ float:right; }
.clear_both{ clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px; }
img{ border:none; }

h1{}
h2{ font-size:25px; font-weight:normal; color:#fff; }
h3{ color:#6b6b6b; font-size:18px; font-weight:normal;  }
h4{}
h5{}

.wrapper{ width:998px; margin:0px auto; }

.logo{width:998px; text-align:center; padding:20px 0px 10px 0px; }
.logo a{}

.header{ background:url(../images/SP_top_bg.png) no-repeat top; width:998px; height:71px; padding:55px 0px 10px 0px; }
.navigation{ background:url(../images/sp_dotted_bdr_navi.png) repeat-x top left; width:779px; margin:0px auto; height:42px; padding:0px 0px 0px 0px;  text-align:center;}
.navigation ul{ margin:0px; padding:12px 0px 0px 0px; }
.navigation ul li{ margin:0px; padding:0px; display:inline; background:url(../images/sp_navi_bdr.jpg) no-repeat right; margin:0px 17px 0px 0px; padding:3px 0px 3px 0px; }
.navigation ul li a{ color:#7b7b7a; text-decoration:none; font-size:15px; margin:0px 17px 0px 0px; }
.navigation ul li a:hover , .navigation ul li .active{ color:#fff; }
.navigation ul .last_link{ background:none; margin:0px 0px 0px 0px; padding:3px 0px 3px 0px;   }
.navigation ul .last_link a{ margin:0px 0px 0px 0px;}

.content{ background:url(../images/sp_page_middle.png) repeat-y top; width:998px; margin:0px auto; }
.content_inner{ width:760px; margin:0px auto; }

.leftbar{ width:385px; }
.leftbar h2{ margin:0px 6px; padding:0px; float:left; }
.wht_text{ line-height:18px; padding:7px 0px 0px 0px; text-align:justify; }
.leftbox { margin:0px 0px 10px 0px; }
.leftbox h3{ background:url(../images/sp_dotted_bdr.gif) repeat-x bottom left; margin:0px 0px 12px 0px; padding:0px 0px 8px 0px; }
.inner_box{ margin:0px 0px 10px 0px; }
.leftbar a , .inner_page a{ color:#ececec; }
.leftbar a:hover, .inner_page a:hover{ text-decoration:none; }

.footer{ width:100%; text-align:center; line-height:25px; padding:0px 0px 18px 0px; }
.footer a{ color:#ececec; margin:0px 10px 0px 10px; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }
.footer .space_none{ margin:0px; }

/* slider */
.basket_data_table{ text-align:justify; width:355px; padding:10px 0px 0 0; height:295px; overflow:hidden; margin:0px 9px 0px 0px;
  line-height:20px; }

.basket_data_table_inner{ text-align:justify; width:355px; padding:10px 0px 0 0; height:455px; overflow:hidden; margin:0px 9px 0px 0px; line-height:20px; }

#content-slider_left {
  width:13px;
  height: 316px; 
  float:left;
  margin: 0px 0px; 
  background:url(../images/sp_slider_bg.jpg) no-repeat left center;
  position: relative;
  color:none;
}
#content-slider_left_inner{
border:solid 1px #2f2f2f;
  width:13px;
  height: 466px; 
  float:left;
  margin: 0px 0px; 
  position: relative;
  color:none;
}

.content-slider-handle_left {
  width: 13px;
  height: 20px;
  position: absolute; padding:20px 0px; left:0px;
  top: 0px;
  margin:1px 0px;
  color:#2f2f2f;
  background:#2a2a2a;
}

.content-slider-handle_left:hover {
  width: 13px;
  height: 20px;
  position: absolute; padding:20px 0px; left:0px;
  top: 0px;
  margin:1px 0px;
  color:#898989;
  background:#898989;
}
.content-slider-handle_left_inner {
  width: 13px;
  height: 20px;
  position: absolute; padding:20px 0px; left:0px;
  top: 0px;
  margin:1px 0px;
  color:#2f2f2f;
  background:#2a2a2a;
}

/* inner page */

.inner_page{ }
.inner_page h2{ margin:0px 6px; padding:0px; float:left; }
.textimonial_box{ padding:0px 0px 22px 0px; }
.gry_hd{ color:#505050; margin:0px 0px 1px 0px; }
.wht_text1{ color:#a0a0a0; }
.link_box{ background:; padding:0px 0px; margin:0px 0px 3px 0px; line-height:normal; }
.link_box a{ text-decoration:none; padding:8px 0px 0px 25px; font-size:13px; background:url(../images/sp_a_bg.jpg) no-repeat left; width:326px; height:22px; display:block;}
.link_box a:hover{ text-decoration:none; font-size:13px; background:url(../images/sp_a_hover_bg.jpg) no-repeat left;display:block;}
.spacer{ height:12px; font-size:0px; line-height:0px; }
.sdlogo{ display:block; padding-bottom:7px;}
.h10{ height:10px; line-height:0px; font-size:0px;}
.fr{ float:left;}
.fr{ float:right; }
.fr a{ text-decoration:underline;}
.fr a:hover{ text-decoration:none;}