body {
	margin: 0;
	padding: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #383d44;
	background: #ffffff url(/ClassOnDemand/Resources/images/top-tile.gif) repeat-x top left;
	font-size: 11px;
	line-height: 16px;
}

/* links */
a:active, a:link, a:visited {
	color: #2975bd;
	text-decoration: none;
}
a:hover {
	color: #2975bd;
        text-decoration: underline;
}
a.mainNav:active, a.mainNav:link, a.mainNav:visited {
	color: #596368;
	text-decoration: none;
	font-weight:bold;
	display: inline-block;
	padding-bottom: 4px;
}
a.mainNav:hover {
	border-bottom: 2px solid #ed1c24;
	padding-bottom: 2px;
	color: #596368;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
}

a.mainNavAct:active, a.mainNavAct:link, a.mainNavAct:visited, a.mainNavAct:hover{
	border-bottom: 2px solid #ed1c24;
	padding-bottom: 2px;
	color: #596368;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
}


a.menulink:active, a.menulink:link, a.menulink:visited {
	color:#596368;
	text-decoration:none;
	font-weight:bold;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.menulink:hover {
	padding-bottom: 2px;
	color: #596368;
	font-weight:bold;
	text-decoration: underline;
	display: inline-block;
}


A.basic:link, A.basic:active, A.basic:visited {
FONT-SIZE: 11px; COLOR: #2975bd; FONT-FAMILY: Tahoma, sans-serif; TEXT-DECORATION: none}
A.basic:hover {
	FONT-SIZE: 11px;
	COLOR: #2975bd;
	FONT-FAMILY: Tahoma, sans-serif;
	text-decoration: underline;
}


.cart{
	margin-left:18px;
	padding-left:27px;
	background:url(/ClassOnDemand/Resources/images/cart.gif) no-repeat 0 0;
	float:right;
	width:160px;
	min-height: 20px;
	height: 20px;
}	
.menu {
	float:left;
	width:590px;
	text-align:left;
	min-height: 20px;
	height: 20px;
}



/* header */
#header {
	width:898px;
	margin:0 auto;
	padding:0;
	font-size: 11px;
}
/* navigation */
#nav {
	float:left;
	width:800px;
	margin-top: 10px;
	padding-bottom: 50px;
	text-align:left;
}
#logo {
	float:right;
	width:82px;
	height:62px;
	margin: 0 auto;
	padding: 10px 0 24px;
}
#logo span, #logo a {float:right;display: block;width: 82px;height: 76px;padding: 0;border-style: none;background: url(/ClassOnDemand/Resources/images/class-on-demand.gif) no-repeat;}
#logo img  {display:none;}

/* Page Layout */
#container{
	width: 898px;
	margin: 4px auto;
	padding: 0;
}
#searchbar{
	width:898px;
	float:left;
	height:31px;
	background-image:url(/ClassOnDemand/Resources/images/mainsearchbar_bg.gif);
}
#searchbar .searchbox{width:303px;height:31px;margin:0px 0 0 0;padding:0;background:#6f6f6f url(/ClassOnDemand/Resources/images/searchbar_bg.gif) repeat-x top left;line-height:31px;}
#searchbar .searchbox form {margin:0;padding:0;}
#searchbar .searchbox form label{margin:0;padding:0;}
#searchbar .searchbox form label .txt{float:left;margin:10px 5px 0 10px;}
#searchbar .searchbox form label .btn{float:left;margin:9px 0 0 0;}
#searchbar .searchbox form label input{float:left;width:160px;margin:5px 5px 0 0;padding:2px;border:1px solid #7f9db9;}

#messagearea{
	text-align:center;
	vertical-align:middle;
	padding-top: 1px;
	clear: both;
}


#left {
	width:215px;
	float:none;
}


#leftside {
	width: 95%;
	float: left;
	font-family: Verdana, sans-serif;
	background-color:#f7f7f7;
	border:1px solid #c8c8c8;
	border-collapse:collapse;
	margin-top:15px;
	padding-left:12px;	
	padding-bottom:15px;
}
#leftside .link1{ height:14px; text-align:left; vertical-align:top; margin-top:10px; background-image:url(/ClassOnDemand/Resources/images/arrow.gif); background-repeat:no-repeat; padding-left:20px;}

#leftside2 {
	width: 95%;
	float: left;
	font-family: Verdana, sans-serif;
	background-color:#f7f7f7;
	border:1px solid #c8c8c8;
	border-collapse:collapse;
	margin-top:15px;
	padding-left:12px;
	padding-bottom:10px;
	padding-top:10px;

}
#leftside3 {
	width: 95%;
	float: left;
	font-family:Verdana, sans-serif;
	background-color:#f7f7f7;
	border:1px solid #c8c8c8;
	border-collapse:collapse;
	margin-top:15px;
	padding-left:12px;
	padding-bottom:10px;
	padding-top:10px;

}



#leftside2 .colOne {
	float:left;
	width:190px;
}
#leftside2 .colOne h3 {margin:0 0 10px 0;padding-left:18px;font-size:12px;font-weight:bold;color:#596368;text-decoration:none;background:url(/ClassOnDemand/Resources/images/arrow.gif) no-repeat 0 2px;line-height:1.2em;}
#leftside2 .colOne .fleft {
	float:left;
	width:80px;
}
#leftside2 .colOne .button {float:right;width:100px; height:23px; text-align:center;}
#leftside2 .colOne .fleft img { float:left; display:block;}
#leftside2 .colOne .fright{
	float:left;
	width:186px;
	margin:0;
	padding-bottom:10px;
}
#leftside2 .colOne .fright h4 {
	margin:0;
	font-size:11px;
	font-weight:bold;
	line-height:1.1em;
}
#leftside2 .colOne .fright h4 span {display:block;font-size:10px;font-weight:normal;font-style:italic;line-height:1.1em;}

#right {
	float:right;
	width:640px;
	margin:15px;
}
#bigbox1 {
	width:100%;
}

.titlebar { background-color:#8E8E8E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; margin-top:20px; margin-bottom:20px; padding-top:5px; padding-bottom:5px; padding-left:5px;}

#bigbox2 {width:100%;float:left;}
#bigbox2 .box1 {width:250px;float:left;}
#bigbox2 .box1 .title{width:100%;float:left; height:21px; background-image:url(/ClassOnDemand/Resources/images/title3bg.gif); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:5px;}





#hcontent {
	width: 600px;
	float: right;
}
#hcontent .hrowOne{
	width:584px;
	margin:8px 0;
	background:#f5f5f5;
	padding:8px;
}
#hcontent .hcolOne, #hcontent .hcolTwo{
	float:left;
	width:270px;
	padding-right: 16px;
}
#hcontent .hcolOne h3, #hcontent .hcolTwo h3{
	margin:0 0 10px;
	padding-left:17px;
	font-size:12px;
	font-weight:bold;
	color:#596368;
	text-decoration:none;
	background:url(/ClassOnDemand/Resources/images/arrow.gif) no-repeat 0 2px;
	line-height:1.2em;	
}
#hcontent .hcolOne .hfleft, #hcontent .hcolTwo .hfleft{
	float:left;
	width:80px;
}
#hcontent .hcolOne .hfleft img, #hcontent .hcolTwo .hfleft img{
	display:block;
	margin-bottom:10px;
}
#hcontent .hcolOne .hfleft a, #hcontent .hcolTwo .hfleft a{
	display:block;
	width:190px;
	font-size:10px;
	font-weight:bold;
	line-height:1.1em;
}
#hcontent .hcolOne .hfright{
	float:left;
	width:170px;
	margin:0;
	padding:0;
}
#hcontent .hcolTwo .hfright{
	float:right;
	width:170px;
	margin:0;
	padding:0px;
}
#hcontent .hcolOne .hfleft {
	float:left;
	width:100px;
	margin:0;
	padding:0;
}
#hcontent .hcolOne .hfright h4, #content .colTwo .fright h4{margin:0;font-size:11px;font-weight:bold;line-height:1.1em;}
#hcontent .hcolOne .hfright h4 span, #hcontent .hcolTwo .hfright h4 span{display:block;font-size:10px;font-weight:normal;font-style:italic;line-height:1.1em;}
#hcontent .hcolOne .hfright p, #hcontent .hcolTwo .hfright p{font-size:11px;line-height:1.2em;}
#hcontent .hrowTwo{
	width:580px;
	margin:8px 0;
	padding:8px;
}
#hcontent .hrowTwo .hcolOne{
	float:left;
	width:270px;
}
#hcontent .hrowTwo .hcolTwo{
	float:right;
	width:270px;
}
#hcontent .hrowTwo h4{
	margin:0 0 10px;
	font-size:11px;
	font-weight:bold;
	line-height:1.1em;
}
#hcontent .hrowTwo .hcolOne ul, #hcontent .hrowTwo .hcolTwo ul{margin:0;padding:0;list-style:none;}
#hcontent .hrowTwo .hcolOne ul li, #hcontent .hrowTwo .hcolTwo ul li{clear:both;margin:0;padding:0;font-size:11px;}
#hcontent .hrowTwo .hcolOne ul li img{float:left;margin:0;padding:0;font-size:11px;}
#hcontent .hrowTwo .hcolOne ul li a{
	width:200px;
	float:left;
	margin:12px 0 0 8px;
	padding:0;
	font-size:11px;
	line-height:1.2em;
}
#hcontent .hrowTwo .hcolTwo p{
	margin:10px 0 8px;
}






#content {width: 600px;float: right;}
#content .rowOne{width:570px;margin:8px 0;background:#f5f5f5;padding:15px;}
#content .colOne, #content .colTwo{float:left;width:285px;}
#content .colOne h3, #content .colTwo h3{margin:0 0 10px 0;padding-left:18px;font-size:12px;font-weight:bold;color:#596368;text-decoration:none;background:url(/ClassOnDemand/Resources/images/arrow.gif) no-repeat 0 2px;line-height:1.2em;}
#content .colOne .fleft, #content .colTwo .fleft{float:left;width:100px;}
#content .colOne .fleft img, #content .colTwo .fleft img{display:block;margin-bottom:10px;}
#content .colOne .fleft a, #content .colTwo .fleft a{display:block;width:90px;font-size:10px;font-weight:bold;line-height:1.1em;}
#content .colOne .fright{
	float:left;
	width:170px;
	margin:0;
	padding:0;
}
#content .colTwo .fright{float:right;width:170px;margin:0;padding:0;}
#content .colOne .fleft {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}
#content .colOne .fright h4, #content .colTwo .fright h4{margin:0;font-size:11px;font-weight:bold;line-height:1.1em;}
#content .colOne .fright h4 span, #content .colTwo .fright h4 span{display:block;font-size:10px;font-weight:normal;font-style:italic;line-height:1.1em;}
#content .colOne .fright p, #content .colTwo .fright p{font-size:11px;line-height:1.2em;}
#content .rowTwo{width:570px;margin:8px 0;padding:15px;}
#content .rowTwo .colOne{float:left;width:270px;}
#content .rowTwo .colTwo{float:right;width:280px;}
#content .rowTwo h4{margin:0 0 10px 0;font-size:11px;font-weight:bold;line-height:1.1em;}
#content .rowTwo .colOne ul, #content .rowTwo .colTwo ul{margin:0;padding:0;list-style:none;}
#content .rowTwo .colOne ul li, #content .rowTwo .colTwo ul li{clear:both;margin:0;padding:0;font-size:11px;}
#content .rowTwo .colOne ul li img{float:left;margin:0;padding:0;font-size:11px;}
#content .rowTwo .colOne ul li a{width:200px;float:left;margin:12px 0 0 12px;padding:0;font-size:11px;line-height:1.2em;}
#content .rowTwo .colTwo p{margin:10px 0 15px 0;}




#sidebar {
	width: 276px;
	float: left;
	margin:0;
	font-size: 90%;
	font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #666b75;
	padding: 0px;
}
#sidebar .products{border:1px solid #cccccc;}
#sidebar .products h2{margin:0;padding:0;}
#sidebar .products ul{margin:0;padding:0;list-style:none;height:360px;overflow:auto;}
#sidebar .products ul li{margin:0;padding:0 0 0 10px;line-height:18px;}
#sidebar .products ul li.alt{background:#eaeaea;}
#sidebar .products ul li a{color:#333333;text-decoration:none;}
#sidebar .products ul li a:hover{color: #2975bd;text-decoration:none;}
#sidebar .search{width:276px;height:31px;margin:15px 0 0 0;padding:0;background:#6f6f6f url(/ClassOnDemand/Resources/images/search-bg.gif) repeat-x top left;line-height:35px;}
#sidebar .search form {margin:0;padding:0;}
#sidebar .search form label{margin:0;padding:0;}
#sidebar .search form label .txt{float:left;margin:8px 5px 0 5px;}
#sidebar .search form label .btn{float:left;margin:7px 0 0 0;}
#sidebar .search form label input{float:left;width:188px;margin:6px 5px 0 0;padding:2px;border:1px solid #7f9db9;}
#sidebar .login{width:276px;margin:0;padding:15px 0;}
#sidebar .login h2{margin:0;color:#596368;font-size:14px;font-weight:bold;line-height:1.6em;}
#sidebar .login form{margin:0;padding:0;}
#sidebar .login form label{margin:0 0 10px 0;padding:0;display:block;color:#333333;}
#sidebar .login form label input{width:148px;margin:0;padding:2px;border:1px solid #7f9db9;}
#sidebar .login form label img{float:left;}
#sidebar .login form label a{float:left;margin:3px 0 0 10px;color:#2975bd;}
#sidebar .login form label a:hover{color:#2975bd;text-decoration:underline;}
#sidebar .links{clear:both;width:276px;margin:0;padding:15px 0;}
#sidebar .links ul{margin:0;padding:0;list-style:none;}
#sidebar .links ul li{margin:0;padding:0;line-height:18px;}
#sidebar .links ul li.alt{background:#eaeaea;}
#sidebar .links ul li a{padding-left:18px;font-size:10px;font-weight:bold;color:#596368;text-decoration:none;background:url(/ClassOnDemand/Resources/images/arrow.gif) no-repeat 0 0;line-height:3em;}
#sidebar .links ul li a:hover{text-decoration:underline;}
 

/* footer */

#footer {
	width: 800px;
	padding-top: 40px;
	text-align: center;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footer p{margin:10px 0;font-size:11px;}
#footer p a{font-weight:bold;}

/* footer navigation */
#footerNav {
	margin-top: 10px;
	margin-bottom: 10px;
}
#footerNav ul {margin: 0;padding: 0;list-style: none;background: #383d44;}
#footerNav li {float: left;margin: 0;padding: 0;color:#a8b1b5;}
#footerNav li a {float: left;font-size: 11px;font-weight: bold;margin: 0 10px 3px 10px;padding-bottom: 2px;text-decoration: none;color: #596368;}
#footerNav li a.active:link, #footerNav li a.active:visited, #footerNav li a:hover {border-bottom: 4px solid #ed1c24;padding-bottom: 2px;color: #596368;}
#footerNav li.cart a.active:link, #footerNav li.cart a.active:visited, #footerNav li.cart a:hover{border-bottom:none;text-decoration:underline;}




/* Clear Floats */
#container:after, #header:after, #content .rowOne:after, #content .rowTwo:after, #footer #nav:after {content: ".";display: block;height: 0;clear: both;}

#hcontent .hrowOne:after, #hcontent .hrowTwo:after {content: ".";display: block;height: 0;clear: both;}


#bottomnav {
float:left;width:800px;margin:20px 0 0 0;padding:0;
}
.clearer {
	clear: both;
}
.copyright {
	margin-top: 10px;
}
.validation {
	margin-top: 10px;
	text-align:left;
}
.footerInfo {

	margin-top: 10px;
}
.textSep {
	padding-left: 10px;
	padding-right: 10px;
	color: #999999;
	padding-bottom: 4px;
	display: inline-block;
}

.white {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.gray-title {
font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#596368; font-weight:bold; 
}
.gray{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#596368; font-weight: normal; 
}
#Story {
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#596368; font-weight: normal; 
}
.small {
	font-size: 10px;
}

.header_grey 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #333333; 
	letter-spacing: normal; 
	word-spacing: normal
}

.formtable 
{
	border: 1px solid #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formtable input {
	width: 200px;
	border: 1px solid #666666;
	font-size: 12px;
}
.formtable select {
	width: 207px;
	border: 1px solid #666666;
	font-size: 12px;
}
.formtable .button {
	border: 1px solid #666666;
	color: #0066BB;
	background-color: #FFFFFF;
	width:auto;
}
.formtable .checkbox {
	border:none;
	width:auto;
}

/*
.body
{font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;}

a.graylink
{
	color: #333333;
}

a.graylink:visited
{
	color: #333333;
}

a.graylink:hover
{	
	color: #2975bd;	
}*/