@charset "utf-8";

.dropdown {
  display: inline-block;
  position: relative;
  overflow: hidden;
  height: 28px;
  width: 150px;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 10px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
  position: relative;
  width: 130%;
  margin: 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size: 12px;
  color: #62717a;
  text-shadow: 0 1px white;
  /* Fallback for IE 8 */
  background: #f2f2f2;
  /* "transparent" doesn't work with Opera */
  background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
  outline: 2px solid #49aff2;
  outline: 1px solid gray;
  outline-offset: -2px;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}






/* CSS Document */
/*body {margin:0; padding:0; color:#4B453B; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size:14px;}*/
body {margin:0; padding:0; color:#575757; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:14px;}
.p1 {width:14px; background-image:url(../images_manage_new/pbar.gif);}
.p0 {width:14px; background-image:url(../images_manage_new/blank.gif);}
a {color:#808080; text-decoration:none; outline:none;}
a:hover {color:#4da8d1; text-decoration:none;} /*text-decoration:underline*/
a img {border:none;}
img {border:none;}
.clear {clear:both;}
.general_input {background:url(../images_manage_new/general_input.gif) left top no-repeat; width:300px; height:26px; line-height:26px; 
	padding:2px 7px; border:0;}
	
.general_textbox {background:url(../images_manage_new/general_textbox.gif) left top no-repeat; width:300px; height:90px; line-height:12px; 
	padding:2px 3px; border:0; margin:0; font-size:11px;}
h2 {font-size:13px;}
#wrap {margin:0 auto; width:1010px; padding:0 16px;} 
/*a#logo {width:335px; height:53px; float:left; background:url(../images_manage_new/logo_white.gif) no-repeat; text-indent:-999px; overflow:hidden; margin:21px 0 0 70px; display:inline;}*/
a#logo {width:317px; height:75px; float:left; background:url(../images_manage_new/2011/sph_logo.jpg) no-repeat; text-indent:-999px; overflow:hidden; margin:4px 0 0 0px; display:inline;}

/*#topnav {float:right; width:504px; text-align:right; color:#b5ad9c; font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; line-height:34px; margin:0 0 0 0; display:inline;}*/
#topnav {float:right; width:504px; text-align:right; color:#b5ad9c; font-family:Trebuchet, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10px; line-height:34px; margin:0 0 0 0; display:inline;}
#topnav div.topnav_items {float:right; display:block;}
#topnav a {color:#b5ad9c;}
#topnav span {color:#8C8374; font-size:9px;}
#topnav form {margin:5px 0 0 0; padding:0; display:block; float:right; width:500px; position:relative; left:10px;}
#topnav label {display:inline; float:left; color:#b5ad9c; margin:2px 12px 3px 0; line-height:18px; height:18px; padding:3px 0 0 0; font-size:10px; text-align:right; width:auto;}
/*#topnav input {float:left; background:url(../images_manage_new/form-input.gif) no-repeat; width:97px; height:18px; padding:3px 9px 0 9px; margin:3px 4px 3px 0; border:0; color:#b5ad9c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px; letter-spacing:.5px; display:inline;}*/
#topnav input {float:left; background:url(../images_manage_new/form-input.gif) no-repeat; width:97px; height:18px; padding:3px 9px 0 9px; margin:3px 4px 3px 0; border:0; color:#b5ad9c; font-family:Trebuchet, Arial, Helvetica, sans-serif;font-size:10px; letter-spacing:.5px; display:inline;}
#topnav input.pass {background-image:url(../images_manage_new/form-password.gif)}
#topnav input.user {background-image:url(../images_manage_new/form-userid.gif)}
#topnav input.active {background-image:url(../images_manage_new/form-input.gif)}
#topnav input.hidden {background-image:none}	
#topnav a#loginsubmit {float:left; display:block; background-repeat:no-repeat; background:url(../images_manage_new/go_hover.gif); width:39px; height:27px; 
display:inline; }
#topnav a#loginsubmit:hover  {background-position:0 -27px;}
#topnav a#logoutsubmit {float:left; display:block; background-repeat:no-repeat; background:url(../images_manage_new/logout_hover.gif?v=1); width:65px; height:27px; 
display:block; margin-bottom:6px; }
#topnav a#logoutsubmit:hover  {background-position:0 -27px;}

a#form_submit {float:left; display:block; background-repeat:no-repeat; background:url(../images_manage_new/form_submit.gif); width:62px; height:27px; 
display:block; }
a#form_submit:hover {background-position:0 -27px;}	
		
/*#navigation {clear:both; width:785px; padding:23px 0 0 75px;float:left;}*/
#navigation {clear:both; width:1010px; padding:10px 0 12px 0; float:left;}
#homepage #navigation {padding-bottom:20px;}

/*
#navigation a, #navigation span {height:18px; display:block; float:left; background-repeat:no-repeat;  background-position:top left; 
		text-indent:-999px; overflow:hidden; outline:none;}
	#navigation span {width:43px; background-position:0 3px; background-image:url(../images_manage_new/menu-div.gif);}
	#navigation a:hover {background-position:0 -18px;}
	a#nav0 {width:46px; background-image:url(../images_manage_new/menu-home.gif);} 
	a#nav1{width:183px; background-image:url(../images_manage_new/menu-shop.gif);} 
	a#nav2 {width:148px; background-image:url(../images_manage_new/menu-learning.gif);} 
	a#nav3  {width:51px; background-image:url(../images_manage_new/menu-about.gif);} 
	a#nav4 {width:64px; background-image:url(../images_manage_new/menu-mypage.gif);}	
	a#nav5 {width:59px; background-image:url(../images_manage_new/menu-manage.gif);} 
	a#navstore  {width:51px; background-image:url(../images_manage_new/menu-store.gif);}
	a#this_nav0 {width:46px; background-image:url(../images_manage_new/menu-home.gif);background-position:0 -18px;} 
	a#this_nav1 {width:183px; background-image:url(../images_manage_new/menu-shop.gif);background-position:0 -18px;} 
	a#this_nav2 {width:148px; background-image:url(../images_manage_new/menu-learning.gif);background-position:0 -18px;} 
	a#this_nav3  {width:51px; background-image:url(../images_manage_new/menu-about.gif);background-position:0 -18px;} 
	a#this_nav4 {width:64px; background-image:url(../images_manage_new/menu-mypage.gif);background-position:0 -18px;}	
	a#this_nav5 {width:59px; background-image:url(../images_manage_new/menu-manage.gif);background-position:0 -18px;} 
	a#this_navstore  {width:51px; background-image:url(../images_manage_new/menu-store.gif);background-position:0 -18px;}
*/

#navigation a, #navigation span {height:22px; display:block; float:left; overflow:hidden; outline:none; text-transform:uppercase; text-align:center; padding-top:7px; text-decoration:none;}
	#navigation a:hover {background-color:#5079BC; color:#FFF; font-weight:bold;}

	a#nav_block_2 {width:502px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_2 {width:502px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_2 {width:6px; background-color:#FFF;}

	a#nav_block_3 {width:334px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_3 {width:334px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_3 {width:4px; background-color:#FFF;}

	a#nav_block_4 {width:248px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_4 {width:248px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_4 {width:6px; background-color:#FFF;}

	a#nav_block_5 {width:198px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_5 {width:198px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_5 {width:5px; background-color:#FFF;}
	
	a#nav_block_6 {width:165px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_6 {width:165px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_6 {width:4px; background-color:#FFF;}
	
	a#nav_block_7 {width:140px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_7 {width:140px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_7 {width:5px; background-color:#FFF;}
	
	a#nav_block_8 {width:121px; background-color:#e6e7e8; color:#616264; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	a#this_nav_block_8 {width:121px; background-color:#5079BC; color:#FFF; font-weight:bold; font-family:Trebuchet, Arial, Helvetica, sans-serif; font-size:12px;}
	#navigation .nav_spacer_8 {width:6px; background-color:#FFF;}
	
/*#content {float:none; width:1035px; padding:20px 50px 0 25px; min-height:425px;}*/
#content {float:none; width:1010px; padding:12px 0 0 0; min-height:425px;}
	
	/* left column */
/*#col-left {float:left; min-height:470px; height:auto !important; height:470px; width:175px} */
#col-left {float:left; min-height:425px; height:auto !important; height:425px; width:165px; padding-right:4px;} 
#col-left ul {margin:0 0 0 0; padding:0; list-style:none;}
	#col-left ul ul {background:url(../images_manage_new/divider.png) right top no-repeat; padding:0 0;}
#col-left li, #col-left li li {margin:0; padding:0; list-style:none;}
/*#col-left li a {display:block; width:147px; padding:2px 0 0 28px; background:url(../images_manage_new/divider.png) right top no-repeat; line-height:31px; font-size:12px; text-transform:uppercase;}*/
#col-left li a {display:block;  padding:0 0 0 1px; line-height:26px; font-size:12px; text-transform:uppercase;}
	#col-left li li a {background:none; line-height:18px; text-transform:none; padding:0 0 0 35px; width:140px; font-size:11px;}
	#col-left li a:hover {text-decoration:none;}
	/*#col-left li a.on {background:url(../images_manage_new/onstate.png) right top no-repeat; color:#4284F7;}*/
	#col-left li a.on {color:#4284F7;}
		#col-left li.on a {color:#4da8d1;}		
			#col-left li.on li a {color:#808080;}
		#col-left li li.on  a{background:none; color:#4da8d1;}	

	/* mid column */
	/*
	#col-mid {width:500px; float:left; padding:0 15px;}
	.wide-col #col-mid {width:749px; padding-left:5px; padding-right:0px;}
	.two-column #col-mid {width:609px; padding-left:20px; padding-right:115px;}
		.green #col-mid,
			.blue #col-mid,
			.orange #col-mid {width:503px; padding:0;}
		.mypage #col-mid, 
			.coach #col-mid {width:463px; padding:0 5px 6px 0;}		
	#col-right {width:260px; float:left; border-left:0px dotted #b2b2b2; min-height:350px; height:auto !important; height:350px; padding-left:4px;}
		.mypage #col-right, 
		.coach #col-right {width:287px; padding:0; border:none; margin:0;}
	*/
	
	#col-mid {width:800px; float:left; padding-right:4px;}
		.wide-col #col-mid {width:837px; padding-right:4px;} /* 841 ?? */
		.two-column #col-mid {width:837px; padding-right:4px;}
		.green #col-mid,
			.blue #col-mid,
			.orange #col-mid {width:602px; padding-right:4px;}
		.mypage #col-mid, 
			.coach #col-mid {width:510px; padding-right:4px; margin-left: 40px;}		
	/* right column */
	#col-right {width:235px; float:left; border-left:0px dotted #b2b2b2; min-height:350px; height:auto !important; height:350px;}
		.mypage #col-right, 
		.coach #col-right {width:235px; padding:0; border:none; margin:0;}	

	/* footer */
	#footer {clear:both; width:1010px; color:#575757; font-size:10px; line-height:24px;}
	#footer_bar {clear:both; width:1010px; height:6px; background-color:#e6e7e8; margin-bottom:8px; margin-top:12px;}
		#footer a {color:#575757;}
		#footer #icons {float:right; width:150px; text-align:right;}
			#footer #icons img {margin-left:6px;}

#lt_grn_box_top {background-image:url(../images_manage_new/2011/lt_grn_box_top.gif); display:block; height:10px; width:113px; padding-left:6px; padding-right:6px;}
#lt_grn_box_title {
	background-image:url(../images_manage_new/2011/lt_grn_box_mid.gif);
	display:block;
	width:113px;
	height:34px;
	padding:6px 6px 6px 6px;
	text-align:center;
	vertical-align:middle;
	font-size:13px;
	font-weight:bold;
	color:#818285;}
#lt_grn_box_copy {background-image:url(../images_manage_new/2011/lt_grn_box_mid.gif); display:block; width:113px; padding:4px 6px 8px 6px; text-align:center; vertical-align:middle; font-size:11px; color:#818285;}
#lt_grn_box_btm {background-image:url(../images_manage_new/2011/lt_grn_box_btm.gif); display:block; height:10px; width:113px; padding-left:6px; padding-right:6px;}

#dk_grn_box_top {background-image:url(../images_manage_new/2011/dk_grn_box_top.gif); display:block; height:10px; width:113px; padding-left:6px; padding-right:6px;}
#dk_grn_box_title {
	background-image:url(../images_manage_new/2011/dk_grn_box_mid.gif);
	display:block;
	width:113px;
	height:34px;
	padding:6px 6px 6px 6px;
	text-align:center;
	vertical-align:middle;
	font-size:13px;
	font-weight:bold;
	color:#818285;}
#dk_grn_box_copy {background-image:url(../images_manage_new/2011/dk_grn_box_mid.gif); display:block; width:113px; padding:4px 6px 8px 6px; text-align:center; vertical-align:middle; font-size:11px; color:#818285;}
#dk_grn_box_btm {background-image:url(../images_manage_new/2011/dk_grn_box_btm.gif); display:block; height:10px; width:113px; padding-left:6px; padding-right:6px;}

#left_nav_box_spacer {height:20px; width:125px;}
#page_header {font-size:28px; color:#5079BC; font-family:Trebuchet, Arial, Helvetica, sans-serif; ; line-height:20px; margin-bottom:18px;}
#page_body {line-height:20px;}

.homepage_header {font-size:32px; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; line-height:20px; margin-top:6px; margin-bottom:0px; text-align:center;}
.homepage_quote {font-size:22px; color:#5079BC; font-style:italic; font-family:Trebuchet, Arial, Helvetica, sans-serif;  line-height:20px; margin-bottom:4px; text-align:center;}

.left_nav_header {color:#4da8d1; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; text-transform:none; text-decoration:none; font-size:18px; line-height:18px; display:block; padding-bottom:7px;}
a.left_nav_header:hover {text-decoration:none;}

.search {background-image:url(../images_manage_new/2011/store/search_icon.gif); background-repeat:no-repeat; background-position: 58px top; width:90px; color:#818285; font-size:18px; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; line-height:28px; text-decoration:none;}
.search:hover {background-position: 58px -28px; text-decoration:none; color:#4da8d1;}

.search_modal {background-image:url(../images_manage_new/2011/store/search_icon.gif); background-repeat:no-repeat; background-position: 0px top; color:#818285; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; line-height:28px; text-decoration:none; width:28px; display:inline-block;}
.search_modal:hover {background-position: 0px -28px; text-decoration:none; color:#4da8d1;}

.modal_title {font-size:24px; font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif;}

#expert_photo {width:152px; display:inline-block;}
#expert_info {width:138px; display:inline-block; padding:0 7px 0 7px; vertical-align:text-top;}
#expert_info .expert_name {font-weight:bold;}
#expert_info .expert_creds {font-size:12px;}
#expert_info .expert_title {font-size:12px; font-style:italic;}
#expert_photo_spacer {width:11px; display:inline-block;}

.expert_bio .expert_name {font-weight:bold; font-size:24px; line-height:34px;}
.expert_bio .expert_title {font-size:24px; line-height:34px; font-style:italic; margin-bottom:12px;} /* font-weight:bold;  */
/*
.expert_bio .expert_bio_details {}*
*/

.connect_section {width: 837px; padding-right: 4px; background-image:url(../images_manage_new/2011/connect/section_bg.jpg); background-repeat:repeat; min-height:160px; max-height:160px;}

#col-mid .expert_bio_details {font-size:13px; padding-right:10px;}
#col-mid .expert_bio_details li {list-style:disc; list-style-position:inside; font-size:13px; padding-right:10px;}

div.module p.track_form {padding:2px 40px 4px 60px; margin:0; clear:both; font-size:11px; display:none}
div.module a.other_track_link#trek {background:url(../images_manage_new/bg_choose_trek.gif) no-repeat top left; display:block;  height:55px; outline:none; text-indent:-999em; width:250px;float:left;}
div.module a.main_track_link#trek_main {background:url(../images_manage_new/bg_choose_trek_home.gif) no-repeat top left; display:block;  height:55px; outline:none; text-indent:-999em; width:288px; }
div.module a.hide_track_form {background-position:left bottom;}

.acc_new {list-style:none; color:#033; margin:0 auto 0px}
.acc_new h3 {border:0px solid white; padding:0px 0px 0px; font-size:10px; font-weight:bold; margin:0px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
.acc_new .acc-section {overflow:hidden; background:#fff}
.acc_new .acc-content {padding:0px; border:0px solid #9ac1c9; border-top:none; background:#fff}


.product_group {font-family:"Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size:24px; font-weight:bold; margin-top:20px; margin-bottom: 0px;}
.product_category_description {font-size: 14px; line-height: 20px; margin-bottom: 14px; margin-top:12px;}
.product_price {font-weight:bold; margin-bottom: 2px;}
.product_member_price {font-weight:bold; color:#EF4123; margin-bottom: 0px;}
.product_name {color:#6D6E71; font-weight:bold; padding: 0 2px;}