/* CSS Document */
html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
}

p{
	margin:1em 0;
}

a{
	color:#FFFFFF;	
}

.nopad {
	margin:0;
	padding:0;
	
	}

#cartPopup{
	position:absolute;
	top:30px;
	right:20px;
	width:325px;
	z-index:50;
	height:auto;
	background-color:#1E355D;
	border:solid #FFFFFF 2px;
	color:#FFFFFF;
	padding:10px;
}

#wrapper{
	width:1000px;
	margin:10px auto;
	background-color:#1E355D;
	/*border:1px solid red;*/
}

#banner{
	height:77px;
	background-image:url(../images/top_right_graphic.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	width:1000px;
}

#banner h1{
	position:absolute;
	left: -5000px;
	margin:0;
	padding:0;
	height:1px;
	width:1px;
}

#banner img{
	float:left;
	margin:0;
	padding:0;
}

#banner #ASEPLogo {
	float:left;
	margin-top:5px;
/*	padding-top:10px;
	padding-bottom:0;*/
}

#banner #HKLogo {
	float:left;
	margin-top:10px;
}

#banner #navViewCart {
	float:left;
	background-image:url(../images/cart_button.gif);
	background-repeat:no-repeat;
	height:62px;
	width:120px;
	padding:0;
	padding-top:24px;
	padding-left:60px;
	margin:0;
	margin-left:15px;
	margin-bottom:-24px;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

#bannerLinks{
	float:left;
	width:280px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-top:25px;
}

#bannerLinks a{
	color:#FFFFFF;	
	text-decoration:none;
}

#mainContainer{
	color:#FFFFFF;
	margin:0;
	padding:0;
	height:auto;
}

#navArea{
	width:1000px;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	height:25px;
}

#navArea ul{
	margin:0;
	padding:0;
	height:20px;
	width:1000px;
}

#navArea li {
	display:inline;
	list-style-type: none;
	padding:0;
	margin:0;
}

#navArea a, #navArea a:link {
	color: #5a6373;
	font-size: 14px;
	text-decoration: none;
	padding:4px 24px;
	font-weight:bold;
	vertical-align:middle;
}

#navArea a:active, #navArea li a.navcurrent , #navArea a:focus, #navArea a:hover {
	color: #FFFFFF;
	background-color: #9e9e9e;
	padding-bottom:1px;
}		

#footer{
	text-align:center; 
	color:#072045;
	font-size:11px;
	padding:0;
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#footer hr{
	height:2px;
	color:#FF0000;
	background-color:#FF0000;
	width:1000px;
	padding:0;
	margin:0;
	clear:both;
}

#footer p{
	margin:5px;
}

#footer a{
	color:#072045;
	text-decoration:none;
}

html>body #footer p{
	margin:5px 10px 0 10px;
	padding-bottom:10px;
}

#fullPanel{
	width:970px;
	padding:5px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	text-align:left;
	background-color:#5a6373;
	color:#e4e4e4;
}

#fullPanel h2{
	color:#e4e4e4;
	font-size:20px;
	margin:0;
	padding-left:5px;
	height:30px;
}

#innerPanel{
	width:950px;
	padding:5px;
	margin:5px;
	margin-bottom:10px;
	text-align:left;
	background-color:#e4e4e4;
	color:#5a6373;
}

#innerPanel p{
	font-size:14px;
	margin:0;
	padding-left:5px;
}

#leftHalf{
	float:left;
	width: 470px;
	padding:0;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#rightHalf{
	float:right;
	width:470px;
	padding:0;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#leftHalf div.panelSplash, #rightHalf div.panelSplash{
	background-color:#9e9e9e;
	color:#5a6373;
	padding:5px;
	margin:5px;
	height:155px;
}

#leftHalf div.panelSplash p, #rightHalf div.panelSplash p{
	font-size:12px;
}

#leftHalf .CoverImgWrap, #rightHalf .CoverImgWrap{
	float:left;
	padding:0;
	display:table;
	margin-top:1px;
	height:150px;
	width:118px;
	text-align:center;
}

#leftHalf .CoverImgWrap .CoverImg, #rightHalf .CoverImgWrap .CoverImg{
	margin-left:0 auto;
	margin-right:0 auto;
	
}

#leftHalf .BookVitalsSplash, #rightHalf .BookVitalsSplash{
	float:right;
	width:317px;
	background-color:#e4e4e4;
	color:#5a6373;
	margin-right:3px;
	margin-top:2px;
	padding:2px;
	height:147px;
}

#leftHalf .BookVitalsSplash h2.title, #rightHalf .BookVitalsSplash h2.title{
	font-size:18px;
	padding-bottom:5px;
	color:#5a6373;
}

.priceLocation{
	float:left;
	margin-top:15px;
}

.detailLink{
	float:right;
	margin-top:15px;
	text-decoration:underline;
}

#leftGroupHome{
	float:left;
	width:610px;
	padding:0;
	margin:0;
	margin-left:2px;
	margin-top:5px;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#leftGroup{
	float:left;
	width:725px;
	padding:0;
	margin:0;
	margin-left:2px;
	margin-top:5px;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#leftGroup h2, #leftGroupHome h2{
	color:#e4e4e4;
	font-size:16px;
	margin:0;
	padding-left:5px;
	height:20px;
}

#leftGroup h2.title, #leftGroupHome h2.title{
	font-size:18px;
	padding-bottom:5px;
}

#leftGroup h2#excerptTitle{
	font-size:20px;
}

#leftGroup p, #leftGroupHome p{
	margin-top:10px;
}

#leftGroup ul{
	margin-left:0;
	padding-left:10px;
}

#leftGroup ul li{
	list-style-type:none;
	padding-bottom:4px;
}

#leftGroup ul#bullet li{
	list-style-type:disc;
	margin-left:15px;
}

#leftGroup div.panelContent ul li{
	list-style-type:disc;
	margin-left:15px;
}

#leftGroup div.panel, #leftGroupHome div.panel{
	background-color:#5a6373;
	color:#e4e4e4;
	padding:5px;
	margin:5px;
	height:auto;
}

#leftGroup div.panel div.panelContent, #leftGroupHome div.panel div.panelContent{
	background-color:#e4e4e4;
	color:#5a6373;
	margin:5px;
	padding:5px;
}

#leftGroup div.panel div.panelContent h2, #leftGroupHome div.panel div.panelContent h2{
	color:#5a6373;
}

#leftGroup div.panel div.panelContent a, #leftGroupHome div.panel div.panelContent a{
	color:#5a6373;
}


.courseLeft{
	float:left;
	margin:0;
	padding:0;
	width:330px;
	height:190px;
	padding-left:2px;
}

.courseRight{
	float:right;
	width:330px;
	height:190px;
}

.borderbox{
	border:solid 1px #5a6373;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	height:auto;
	width:auto;
}
	
.borderbox ul li{
	list-style-type:disc;
	margin-left:5px;
}

.borderbox ul li ul li{
	list-style-type:circle;
	margin-left:5px;
}

/* used for old coach program layout
#courseLeft{
	float:left;
	width:338px;
	height:auto;
}

#courseLeft .borderbox ul li{
	list-style-type:disc;
	margin-left:5px;
}

#courseRight{
	float:right;
	width:338px;
	height:auto;
}

#courseRight .borderbox ul li{
	list-style-type:disc;
	margin-left:5px;
}

#courseRight .borderbox ul li ul li{
	list-style-type:circle;
	margin-left:5px;
}

#leftGroup .borderbox{
	border:solid 1px #5a6373;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}*/

#leftGroup .coursePromo{
	height:40px;
}

#leftGroup .BookVitals{
	float:right;
	width:425px;
}

#leftGroup .CoverImgWrap{
	float:left;
	margin:0;
	padding:0;
	padding-top:10px;
	margin-left:10px;
	cursor:pointer;
}

#namedLinks{
	width:680px;
	margin:0;
	padding:0;
	text-align:center;
	height:25px;
}

#namedLinks ul{
	margin:0;
	padding:0;
	height:20px;
	width:680px;
}

#namedLinks li {
	
	display:inline;
	list-style-type: none;
	padding:0;
	margin:0;
}

#namedLinks a, #namedLinks a:link {
	color: #5a6373;
	font-size: 12px;
	text-decoration: none;
	padding:0;
	font-weight:bold;
	vertical-align:middle;
}

#namedLinks a:active, #namedLinks li a.navcurrent , #namedLinks a:focus, #namedLinks a:hover {
	color: #FFFFFF;
	background-color: #9e9e9e;
}		

.priceButton{
	background-color:#5a6373;
	color:#e4e4e4;
	padding:0;
	margin:0;
	margin-top:10px;
	margin-right:10px;
	font-size:24px;
	font-style:italic;
	height:50px;
}

#priceLocation{
	float:left;
	margin-top:8px;
	margin-left:15px;
	margin-right:30px;
}

#QuickCart{
	float:right;
}

.currency{
	font-size:12px;
	text-transform:uppercase;
}


#rightGroup{
	float:right;
	width:260px;
	padding:0;
	margin:0;
	margin-right:5px;
	margin-top:5px;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#rightGroupHome{
	float:right;
	width:375px;
	padding:0;
	margin:0;
	margin-right:5px;
	margin-top:5px;
	height:auto;
	overflow:hidden;
	text-align:left;
}

#rightGroup h2, #rightGroupHome h2{
	color:#e4e4e4;
	font-size:16px;
	margin:0;
	padding-left:5px;
	height:20px;
}

#rightGroup h2 a, #rightGroupHome h2 a{
	text-decoration:none;
}

#rightGroup h3, #rightGroupHome h3{
	color:#e4e4e4;
	font-size:12px;
	margin:0;
	padding-left:5px;
	height:20px;
}

.homeHover{
	text-decoration:none;
	color:#5a6373;
}

.rgHomeLeft a:focus, .rgHomeLeft a:hover, #asepHome a:focus, #asepHome a:hover{
	color:#1E355D;
}


#rightGroup p, #rightGroupHome p{
	margin-top:10px;
}

#rightGroup ul{
	margin-left:0;
	padding-left:10px;
}

#rightGroup li{
	list-style-type:none;
	padding-bottom:4px;
}

#rightGroup div.panel, #rightGroupHome div.panel{
	background-color:#5a6373;
	padding:5px;
	margin:5px;
}

#rightGroup div.panel div.panelContent{
	background-color:#9e9e9e;
	color:#e4e4e4;
	margin:0;
	padding:5px;
}

#rightGroupHome div.panel div#membersHome, #rightGroupHome div.panel div#asepHome{
	background-color:#e4e4e4;
	color:#5a6373;
	margin:0;
	padding:5px;
}

.rgHomeLeft {
	float:left;
	width:175px;
}

.rgHomeRight {
	float:right;
	width:150px;
}

.lfHomeLeft {
	float:left;
	width:250px;
}

.lfHomeRight {
	float:right;
	width:200px;
}

#rightGroupHome div.panel h3{
	margin:0 0 5px 0;
	font-size:14px;
}

div.panel div.panelContent h3{
	margin:0 0 5px 0;
	font-size:16px;
}

div.separatorLarge{
	margin:0 10px;
	height:6px;
	font-size:0; /* keeps the separator from expanding to 12px which is default text height */
}

div.separatorSmall{
	margin:0 10px;
	height:1px;
	font-size:0; /* keeps the separator from expanding to 12px which is default text height */
}

.clear{
	clear:both;
	margin:-10px;
	padding:0;
}	

#welcome{
	height:500px;
}

html>body #welcome{
	margin:0 0 10px 0;
}

#product{
	height:200px;
}

html>body #product{
	margin:0 0 10px 0;
}

#detail{
	height:auto;
}

#detail ul li{
	list-style-type:disc;
	margin-left:15px;
}

html>body #detail{
	margin:0 0 10px 0;
}

#coaches{
	height:160px;
}

html>body #coaches{
	margin:0 0 10px 0;
}

#members{
	height:160px;
}

#asep{
	height:160px;
}

#xo_graph{
	height:563px;
	background-image:url(../images/xo_graphic.jpg);
	background-repeat:no-repeat;
}

#bullet li{
	list-style-type:disc;
	margin-left:15px;
}