/* CSS Document */
*{
  margin:0;
  padding:0;
  letter-spacing: 100%;
}
body{
  background:url(../images/background.gif@1214780755) top repeat-x;
  background-color:#EDEDED;
}
div#container{
  margin:0 auto;width:993px; height:100%;
}
hr { margin-bottom: 5px;}

/*_ start _____________________________________________________ global styles _____*/
.contentHeading{
  font-size:24px;
  font-weight: 400;
}
.headingBlueSML{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  color:#2F6296;
  color: black;
}

.headingBlueSML a{
  color:#2F6296;
  text-decoration: underline;
}

.blue {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:1.5em;
  color:#2F6296;
  color:#009900;
}
.red {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:1.5em;
  color:#990000;
}
img.floatLeft {
  float: left;
  margin: 8px 12px 3px 4px;
}
img.floatRight { 
  float: right; 
  margin: 4px; 
}

/*_ end _____________________________________________________ global styles _____*/	
/*_ start _____________________________________________________ heading styles _____*/				
/* common heading styles */ 
div#heading, div#heading-research, div#heading-press, 
div#heading-about, div#heading-science, div#heading-cust, 
div#heading-cust-video, div#heading-cust-video-strip, div#heading-media-single {
  background-position: center;
  background-repeat: no-repeat;
  height: 307px;
  width: 1000px;
  position: relative; 
  top: 16px; 
  bottom: -1px;
}

div#heading {
  background: url(../images/banner/video.gif@1214780755);
  left: 1px;
}
div#heading-research {
  background: url(../images/banner/research.gif@1214780755);
}
div#heading-press {
  background:url(../images/banner/press.gif@1214780755);
}
div#heading-about {
  background: url(../images/banner/board.jpeg@1214780760);
}
div#heading-science {
  background:url(../images/banner/science.gif@1214780755); 
  left: -1px;
}
div#heading-cust-video-strip {
  background: url(../images/banner/support_video_strip.gif@1214780755);
}
div#heading-cust-video {
  background:url(../images/banner/support_video.gif@1214780755); 
  left: -1px;
}
div#heading-cust { 
  background: url(../images/banner/support.gif@1214780755); 
  left: -1px;
}
div#heading-media {
  background: url(../images/banner/media.gif@1214780755);
  left: -1px;
}

div#headingL {
  width:350px;
  float:left;
  font-family: Georgia, "Times New Roman", Times, serif;
}

div#headingVideo-shell {
  border: 8px solid #e2e2e2;
  background-color: #585858;

  padding: 3px;
  margin: 0 auto;
  text-align: center;
  width: 320px;
  position:relative;
  left: 30px; top: 10px;
}
div#headingVideoAlt-shell{
  border: 8px solid #e2e2e2;
  background-color: #585858;
  padding: 3px;
  margin: 0 auto;
  text-align: center;
  width: 320px;
  position:relative;
  left: 30px; top: 10px;
}
div#heading_video_thms ul{
  margin-left:37px; margin-top:4px; 
}
div#heading_video_thms .heading_video_txt_lnk{
  margin-left:45px;
}
div#heading_video_thms .heading_video_txt_lnk li {
  margin-right:58px;
}
div#heading_video_thms .heading_video_txt_lnk li a{
  color:#666;
}
div#heading_video_thms .heading_video_thm_lnk {
  margin-top:7px; margin-right:37px;
}
div#heading_video_thms .heading_video_thm_lnk img {
  margin-right:37px;
}
div#heading_video_thms a img{
  border:none 0;
}
div#heading_video_thms li{
  display:inline; 
}
div#headingR{
  width:600px;
  float:right;
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
.lrgBluHeading{
  margin-top:50px; line-height:48px;
  color:#2F6296; font-size:40px; 
  font-weight: bold;
}
.blkHeadingText{
  margin-top:14px;
  line-height:20px;
  font-size:15px;
  margin-right:20px;
  letter-spacing: -2px;
}
.blkHeadingText a{
  color:#881717; 
}
#hp_headingLinks {
  float:right;
  margin:15px 5px 19px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  padding-right: 60px;
}
#hp_headingLinks a {
  margin-left: 70px; 
  font-weight: normal; 
  padding-right: 12px;
  background: url(../images/heading/arrow.gif@1214780755) right no-repeat;
  color:#666; 
  text-decoration: none; 
  font-weight: 600;
}
#hp_headingLinks a:hover {
 color:#2F6296; 
 text-decoration:underline;
}
/*_ end _____________________________________________________ heading styles _____*/
/*_ start _____________________________________________________ nav styles _____*/	

#top-nav {
  height:42px;
  margin:0px auto 0px auto;
  position:relative;
  top:8px;
  left:5px;
  width:993px;
}

#top-nav #top-nav-bar {
  margin:0px;
  padding:0px;
}

#top-nav #top-nav-bar li {
  display:inline;
}

#top-nav #top-nav-bar li a {
  float:left;
  height:0px;
  overflow:hidden;
  padding-top:42px;
  background:url(../images/menu.png@1214780756) no-repeat; 
}
#top-nav #top-nav-bar li#nav-home a {
  background-position:0px 0px;
  width: 294px;
}
#top-nav #top-nav-bar li#nav-how-to-use a {
  background-position:-294px 0px;
  width: 92px;
}
#top-nav #top-nav-bar li#nav-science a {
  background-position:-386px 0px;
  width: 170px;
}

#top-nav #top-nav-bar li#nav-research a {
  background-position:-556px 0px;
  width: 141px;
}
#top-nav #top-nav-bar li#nav-testimonials a {
  background-position:-697px 0px;
  width: 107px;
}
#top-nav #top-nav-bar li#nav-customer-care a {
  background-position:-804px 0px;
  width: 64px;
}
#top-nav #top-nav-bar li#nav-order-now a {
  background-position:-868px 0px;
  width: 125px;
}



#top-nav #top-nav-bar li#nav-home a:hover {
  background-position:0px -42px;
  width: 294px;
}
#top-nav #top-nav-bar li#nav-how-to-use a:hover {
  background-position:-294px -42px;
  width: 92px;
}
#top-nav #top-nav-bar li#nav-science a:hover {
  background-position:-386px -42px;
  width: 170px;
}
#top-nav #top-nav-bar li#nav-research a:hover {
  background-position:-556px -42px;
  width: 141px;
}
#top-nav #top-nav-bar li#nav-testimonials a:hover {
  background-position:-697px -42px;
  width: 107px;
}
#top-nav #top-nav-bar li#nav-customer-care a:hover {
  background-position:-804px -42px;
  width: 64px;
}
#top-nav #top-nav-bar li#nav-order-now a:hover {
  background-position:-868px -42px;
  width: 125px;
}



#top-nav #top-nav-bar li#nav-home a:active {
  background-position:0px -84px;
  width: 294px;
}
#top-nav #top-nav-bar li#nav-how-to-use a:active {
  background-position:-294px -84px;
  width: 92px;
}
#top-nav #top-nav-bar li#nav-science a:active {
  background-position:-386px -84px;
  width: 170px;
}
#top-nav #top-nav-bar li#nav-research a:active {
  background-position:-556px -84px;
  width: 141px;
}
#top-nav #top-nav-bar li#nav-testimonials a:active {
  background-position:-697px -84px;
  width: 107px;
}
#top-nav #top-nav-bar li#nav-customer-care a:active {
  background-position:-804px -84px;
  width: 64px;
}
#top-nav #top-nav-bar li#nav-order-now a:active {
  background-position:-868px -84px;
  width: 125px;
}


#top-nav.home #top-nav-bar li#nav-home a {
  background-position:0px -126px !important;
  width: 294px;
}
#top-nav.how-to-use #top-nav-bar li#nav-how-to-use a {
  background-position:-294px -126px !important;
  width: 92px;
}
#top-nav.science #top-nav-bar li#nav-science a {
  background-position:-386px -126px !important;
  width: 170px;
}
#top-nav.research #top-nav-bar li#nav-research a {
  background-position:-556px -126px !important;
  width: 141px;
}
#top-nav.testimonials #top-nav-bar li#nav-testimonials a {
  background-position:-697px -126px !important;
  width: 107px;
}
#top-nav.customer-care #top-nav-bar li#nav-customer-care a {
  background-position:-804px -126px !important;
  width: 64px;
}

#top-nav.order-now #top-nav-bar li#nav-order-now a {
  background-position:-868px -126px !important;
  width: 125px;
}

/*_ end ________________________________________________________ nav styles _____*/	
/*_ start ________________________________________________________ subnav styles _____*/	
div#sub_nav{
  background: url(../images/context/box.gif@1214780755) no-repeat;
  height: 34px; 
  width: 589px;
  position: relative; 
  left: 19px; 
  line-height: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  color: #2971A7;
}
div#sub_nav ul{
  width:550px; margin-left:15px; margin-top:7px; padding-top:5px;
}
div#sub_nav li{
  display:inline;  margin:0 11px 0 11px;   
}
div#sub_nav li img{
  margin-bottom:3px;
}

div#sub_nav li a{
  margin-left:3px; margin-top:5PX; color:#2971A7; text-decoration:none;
}
div#sub_nav li a:hover{
  text-decoration:underline;
}
/*_ end ________________________________________________________ subnav styles _____*/	

/*_ start _____________________________________________________ internal page styles _____*/
div#sec_content{
  width:999px; margin-left:5px; margin-top:14px; margin-bottom:0; min-height:1250px; 
  background:url(../images/background/content.gif@1214780755 ) repeat-y;
}




div#sec_contentL ol{
  list-style-position:outside;
  margin-left: 18px;
  color:#000000;
  text-decoration:none;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:1.5em;
  padding-left:5px;
}

div#sec_contentL{
  position:relative;
  width:555px;
  margin:20px 0 0 40px;
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
  height:100%;
  padding-bottom:20px;
}

div#sec_contentL p{
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
  font-size:14px;
  line-height:1.5em;
  margin-bottom:10px;
}
div#sec_contentL ul{
  list-style-position:outside; padding-left:15px;
}
div#sec_contentL dl, div#sec_contentL ul { 
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:1.5em;
  margin-bottom:10px;
  margin-left: 10px;
}
div#sec_contentL dt { 
  font-weight: bold;
}
div#sec_contentL dd { 
  margin-left: 20px;
}
div#sec_contentB{
  width:900px;
  margin-left:40px;
  margin-top:12px;
  font-family:Arial, Helvetica, sans-serif;
  height:100%;
}
div#sec_contentB p{
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  line-height:1.5em;
  margin-bottom:20px; 			
}
div#sec_contentR{
  height:800px;
  height:100%;
  float:right;
  width:347px;

  margin-right:19px;
  margin-top:-22px;
  margin-bottom:10px;
}
div#sec_contentR_alt{height:800px; height:100%;  float:right;
  width:347px;margin-right:31px; margin-top:12px; margin-bottom:10px;
}
/*_ end _____________________________________________________ internal page styles _____*/
/*_ start ________________________________________________________ right nav styles _____*/	
div#r_nav{
  width:347px; min-height:900px;}


div#r_nav_prd_sho_case{
  background:url(../images/product_showcase.gif@1214780755) no-repeat;
  height:178px; 
  width:347px; 
  font-family:Arial, Helvetica, sans-serif;
}
div#r_nav_prd_sho_case h4{
  position: relative; 
  top: -18px; 
  left: 6px; 
  font-size: 16px; 
  color: #2971A7; 
  font-weight: 900;
}
div#r_nav_prd_sho_case p {
  width: 180px;
  position: relative; 
  top: -15px; 
  left: 10px; 
  font-size: 12px; 
  color: black;
}
div#r_nav_prd_sho_case a { text-decoration: none; } 
div#r_nav_prd_sho_case .paymentDetails {
  width: 180px; 
  text-align: center;
  position: relative; 
  top: -6px; left: -3px; 
  font-size:13px; 
  color: #2971A7; 
}
#orderNowBtnS{
  width:98px;
  height:26px;
  position:relative;
  left:180px;
  top:136px;
  background:no-repeat;
}
#orderNowBtnS a{
  position:relative; left:30px; top:5px;					
  color:#FFF; font-weight:bold;
  text-decoration:none; font-size:13px;
} 

#orderNowBtnS img{
  border:0;
}

.r_nav_box{ 
  float: right;
  background: url(../images/menu/right/box.gif@1214780755) no-repeat top center;
  line-height: 29px; 
  height: auto; 
  width: 347px; margin-top: 12px;
  color:#EEE; 
  font-family:Arial, Helvetica, sans-serif; 
  font-weight:600;
}
.r_nav_box ul{
  background-color:#FFF; 
}
.r_nav_box ul li{ 
  float:left;	width:339px; margin:0 auto; line-height:normal;
  border-bottom:solid 1px #bdbdbd; list-style:none; color:#000;
}
.r_nav_box a img{ border: none 0;}
.r_nav_box a { text-decoration:none;}
div#r_nav_reviews li, div#r_nav_awards li, div#r_nav_press li{ 
  width: 345px; 
  border-left: solid 1px #bdbdbd;
  border-right: solid 1px #bdbdbd;
}
div#r_nav_reviews img, div#r_nav_awards img{
  margin:4% 5%;
}
div#r_nav_reviews li p, 
div#r_nav_awards li p {
  float: right; 
/*  margin: 1px 0 2% 0; */
  color: #2971A7; 
  vertical-align: super; 
  font-size: 10px; 
  width: 220px; 
  line-height: 12px; 
  padding: 12px 0; 		
}

div#r_nav_press{
  font-size:12px;  
}
div#r_nav_press li{
  font-size: 12px;
  line-height: 20px; 
  font-weight: 100;  
  padding-bottom: 3px;
}				
div#r_nav_press li a{ color:#222;}		
div#r_nav_press .press_date{
  color:#2971A7; margin-left:12px; 
}


div#r_nav_awards .r_nav_box_title, 
div#r_nav_reviews .r_nav_box_title, 
div#r_nav_press .r_nav_box_title {
  margin-left:12px; 
  font-size:13px;
  font-weight:550; 
  letter-spacing:1px;
}
div#r_nav_reviews .view_all_link, 
div#r_nav_awards .view_all_link, 
div#r_nav_press .view_all_link{
  margin-right:12px;
  margin-top:-29px; 
  font-size:11px; 
  float:right; 
  font-weight:400; 
  letter-spacing:1px;
}
div#r_nav_reviews .view_all_link a, div#r_nav_awards .view_all_link a, div#r_nav_press .view_all_link a{
  color:#EEE; text-decoration:underline;}			
/*_ end ________________________________________________________ right nav styles _____*/	
/*_ start _____________________________________________________ footer styles _____*/
div#footer{
  background:url(../images/footer.gif@1214780755) no-repeat;
  width:990px; height:110px;position:relative; left:5px; clear:both;
}
div#footer div{
  position:relative; left:20px; top:5px;
}
div#footer #center {
  text-align:center; 

}
div#footer a{ 
  font-weight: normal; 
  padding-right: 8px; 
  padding-left: 8px;
  background: url(../images/footer_separator.gif@1214780755) no-repeat right;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  color:#DDD; 
  text-decoration: none; 
  float: center;
  text-align: center;
}
div#footer li {
	width: 80px;
	display: inline;
}
div#footer ul {
	display: inline;
}
div#footer a:hover{ text-decoration:underline;} 
div#footer .noBG{ background:none;}

div#legal{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#888; font-size:9px; margin-bottom: 10px;
  text-align:center; 
}
/*_ end _____________________________________________________ footer styles _____*/	

/*________ page specific styles _________________________________________________*/
/* start ___ home page */
div#hp-top-content{
  height: 340px;
  width: 993px;
  position: relative;
  left: 5px;
  top: 15px;
  background: url(../images/background/content.gif@1214780755) repeat-y;
}
div#hp-top-content p {
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
div#hp-top-contentL {
  width: 555px; 
  float:left; 
  margin-left:30px; 
  margin-top:12px;
}
div#hp-top-contentL p{
  margin-bottom:12px;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  line-height: 170%;
}

div#hp-top-contentR {
  background: url(../images/product_hand.gif@1214780755) no-repeat bottom;
  width: 343px;
  height: 316px;
  float: right;
  margin: 12px 20px 0 0;
}
#orderNowBtn{
  width: 146px;
  position: relative;
  left: 163px;
  top: 214px;
  background: no-repeat;
}

#orderNowBtn img{
  border:0;
}

#orderNowBtn a{
	position: relative;
	left:1px;
	top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color: #2F6296;
} 
div#orderNowBtn p{
  position:relative;
  top:23px;
  font-family:Arial, Helvetica, sans-serif;
  color:#2F6296;
  font-size:12px;
  text-align:center;
}	 		
div#hp-bottom-content{
  height: 650px;
  width: 993px;
  position: relative;
  top: 15px;
  background: url(../images/background/bottom.gif@1214780755) repeat-y;
  left: 5px;
}
div#hp-bottom-contentL{
  width: 555px;
  float: left;
  margin: 12px 0 0 30px;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 12px;
}
div#hp-bottom-contentL p{
  margin-bottom: 12px;
  margin-left: 6px;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 14px;
  line-height: 180%;
}
div#hp-bottom-contentR {
  width: 345px;
  height: 270px;
  float: right;
  margin: 12px 20px 0 10px;
}
/* html > body div#hp-bottom-contentR { 
  margin:12px 35px 0 0; 
} */
div#hp-bottom-contentR ul {
  margin:12px 0 0 1px;
}
div#hp-bottom-contentR li {
  float: left; 
  width: 330px; 
  height: 95px; 
  list-style-position: inside; 
  list-style: none;
  margin-bottom: 12px; 
  border-bottom: #000000 1px solid;
} 
div#hp-bottom-contentR a {
	color: #2F6296;
	font-weight: bold;
}
div#hp-bottom-contentR li a img {
  height: 82px; 
  width: 102px; 
  margin: 0 5px 0 0 ; 
  border: 0 none;				
}
div#hp-bottom-contentR p {
  margin:0 5px; 
  font-size: 13px;
}
.hp-videoTitle a { font-size:12px; }
div#hp-bottom-contentR .noBorder { border:0; }

/* end ___ home page */
div#centerBanner{
  background: url(../images/banner/middle.gif@1214780755) no-repeat bottom center;
  height: 161px;
  width: 993px;
  position: relative;
  left:2px;
  top:15px;
  color: #FFF;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
  font-size: 11px;
}
div#centerBanner h3{
  font-size:20px;
  font-weight:400;
}
div#centerBanner a{
  text-decoration:underline;
  color: white;
  font-weight: bold;
}	
div#centerBannerL{
  width:240px;
  float:left;
  margin:10px 0 0 20px;
  height: 150px;
}
div#centerBannerL p, div#centerBannerR p{
  margin-bottom:12px;
  font-family:"ＭＳ ゴシック", "Osaka－等幅";
  font-size:12px;
  line-height:1.5em;
}
div#centerBannerR p{
  margin-left:10px;
}
div#centerBannerR{
  width:360px;
  float:right;
  margin:10px 20px 0 0;
  height: 150px;
}	

.responseList{
  width:225px; float:left; margin:0 20px;
  padding: 5px;
}
.responseList ul{
  margin-left:10px;
  line-height: 1.5em;
}
.responseList li{
  margin:0;
  list-style:none; list-style-position:outside; padding-left:8px;
  background:url(../images/blue_bullet.gif@1214780755) left no-repeat; 
}
#red-gradient {
	background: url(../images/red-gradient.png@1214780760) right repeat-y; 
	border: 1px solid #CCC;
}
#blue-gradient {
	background: url(../images/blue-gradient.png@1214780760) right repeat-y; 
	border: 1px solid #CCC;
}


/*  video player*/	
div#videoPlayer {

}
div#videoPlayer-shell { 
  border: 8px solid #e2e2e2;
  background-color: #585858;
  padding: 3px;
  margin: 0 auto;
  text-align: center;
  width: 320px;
}
div#videoPlayer embed{
}

div.video-summary div{
  margin:14px 0;}
div.video-summary p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;	margin:0; 
}
div.video-summary p a{color:#2971A7;}
div.video-summary li{
  width:536px; height:111px; margin:25px auto; list-style:none;
  border:#AAA 1px solid; background-color:#EEE; 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
}
div.video-summary a img{ 
  border:none 0; 
  margin:14px;
}
div.video-list div{
  margin:14px 0;
}
div.video-list p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;	margin:0; 
}
div.video-list  p a { color:#2971A7; }
div.video-list ul li { 
  font-size: larger;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  list-style: none;
  margin-bottom: 10px;
}
div.video-list ul ul li {
  width: 510px; 
  height: 111px; 
  margin: 1px auto; 
  padding: 0; 
  list-style: none;
  background-color: #EEE; 
  border: #AAA 1px solid;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
}
div.video-list ul ul{
  width:510px;

}
div.video-list a img{border:none 0; margin:14px;}

div.video-list .whiteLI{ background-color:#FFFFFF;}


p.hide { display: none; }
#review_link {
  float: right;
  font-family: "ＭＳ ゴシック", "Osaka－等幅";
}

/** add 2009/12/3 */
div#banner-top {
  width: 345px;
  height: 250px;
  float: right;
  margin: 12px 20px 0 10px;
}

div#banner-top p,
div#banner p{
font-size:20px;
}

#banner-top img,
#banner img{
border:1px solid #a9a9a9;
margin-top:7px;
}

div#banner {
  width: 345px;
  height: 316px;
  float: right;
  margin-top:12px;
}