* {font-family: "trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; outline: none}
.right {float: right}
.left {float: left}
img.left{margin-right: 10px; margin-bottom: 10px}
img.right{margin-left: 10px; margin-bottom: 10px}
.center {display: block; margin-left: auto; margin-right: auto}
.row {width:100%; clear: both; float:left}
.viewmore {display: block; text-align: right; color: #ff8b00; font-size: 13px; padding: 0 7px 7px 0}
.yellow {color: #FFF93F}
.white-text {color: #fff}
.submit {background: url(/css/images/bg-submit.gif) repeat-x top left; padding: 2px 4px; border-color:#999 #888 #666; border-style:solid; border-width:1px; outline: hidden; margin: 0; _padding: 0}
.hr {height: 15px; width: 100%; display: block; clear: both}
.width20 {width: 19.9%}
.width25 {width: 24.9%}
.width30 {width: 29.9%}
.width33 {width:33.3%}
.width40 {width: 39.9%}
.width50 {width: 49.5%}
.width60 {width: 59.9%}
.width70 {width: 69.9%}
.width75 {width: 74.9%}
.width80 {width: 79.9%}
.width100 {width: 100%}
.clip {overflow: hidden}
.bold {font-weight: bold}

/*right side navigation*/
.menu-parent {font-size: 14px; margin: 0 0 3px;background: transparent url(/css/images/bg-topmenu.gif) repeat-x scroll left top; padding: 5px }
.menu-child {font-size: 12px; margin: 0 0 3px 7px; border:none; background: transparent url(/css/images/arrow.gif) no-repeat scroll 0 4px; padding: 0 0 0 9px; font-weight: normal}
.menu-parent a, .menu-child a {text-decoration: none}
.menu-parent a:hover {text-decoration: underline}
.menu-child a:hover {text-decoration: underline}
.nopad {padding: 0}

/*Slider*/
div.scroller {width: 498px;overflow: hidden; margin: 0 22px}
	div.scroller div.slide {width:542px;overflow:hidden;float:left; }
	div.scroller div.content {width: 10000px;}

div.slider-teacher {border-color:#EEEEEE #CCCCCC #BCBCBC;border-style:solid;border-width:1px;float: left; width: 150px; text-align: center; background: #eee; margin: 0 7px; _margin: 0 7px 0 5px; position: relative; _position: none; *position: none }
			div.slider-teacher-date {width: 148px; background: url(/css/images/bg-slider-teacher-date.gif) no-repeat top right;_background: none; *background: none; position: absolute; _position: none; *position: none; top: 0; right: 0; padding: 2px 2px 0 0; font-size: 10px; text-align: right; opacity: 0.8; filter: alpha(opacity=80)}
			div.slider-teacher-name {font-size: 12px; font-weight: bold; color:#4c4c4c; padding: 1px}
			div.slider-teacher-title {font-size: 12px; padding: 1px }
	
	#slider-prev {float: left; width: 15px; height: 45px; position: absolute; top: 80px; left: 7px}
		#slider-prev a {height: 45px; width: 15px; background: url(/css/images/bg-slider-prev.png) no-repeat 0 0; display: block; outline: none}
		#slider-prev a:hover {height: 45px; width: 15px; background: url(/css/images/bg-slider-prev-hover.png) no-repeat 0 0; display: block}
		#slider-prev a:active {height: 45px; width: 15px; background: url(/css/images/bg-slider-prev-active.png) no-repeat 0 0; display: block}
	#slider-next {float: right; width: 15px; height: 45px; position: absolute; top: 80px; right: 7px}
		#slider-next a {height: 45px; width: 15px; background: url(/css/images/bg-slider-next.png) no-repeat 0 0; display: block; z-index: 1001; outline: none}
		#slider-next a:hover {height: 45px; width: 15px; background: url(/css/images/bg-slider-next-hover.png) no-repeat 0 0; display: block}
		#slider-next a:active {height: 45px; width: 15px; background: url(/css/images/bg-slider-next-active.png) no-repeat 0 0; display: block}

#slider {border-color:#EEEEEE #CCCCCC #BCBCBC;border-style:solid;border-width:1px 1px 2px;margin-bottom:10px; width: 542px;overflow: hidden; background: #f9f9f9; padding: 5px 0; position: relative}


#pageflip {position: fixed;right: 0; top: 0; overflow: hidden}
#peel {width: 85px; height: 85px;z-index: 100;position: absolute;right: 0; top: 0;-ms-interpolation-mode: bicubic;}
#motion {width: 75px; height: 75px;z-index: 99;position: absolute;right: 0; top: 0;	-ms-interpolation-mode: bicubic;}
#clickhere {width: 85px; height: 85px;z-index: 95;position: absolute;right: 0; top: 0;-ms-interpolation-mode: bicubic;text-align: right; padding: 5px 5px 0 0;background: url(/images/bg-clickhere.png) no-repeat top right;color: white;font: bold 12px Arial, Helvetica, sans-serif; text-transform: uppercase}
.msg_block {height:85px; width: 85px;z-index:79;position: absolute;right: 0; top: 0;background: url(/images/subscribe.png) no-repeat right top;}

/*drop-in box*/
.highZ {position: absolute; z-index: 100; height:100%; width:100%;}
.formnews-popup1 {width: 375px; margin: 100px auto 0; border: 4px #376ABC solid; -moz-border-radius: 12px; -webkit-border-radius: 12px; -moz-box-shadow: 0px 0px 20px #444;  -webkit-box-shadow: 0px 0px 20px #444; padding: 50px 15px 15px; overflow: hidden; background: #e2e5e8 url(/images/bg.jpg) no-repeat 0 0}
.formnews-popup1 h1{}
.formnews-popup1 h3 {text-align: center; color: #000 }
.formnews-popup1 .action {}
.formnews-popup1 .features-benefits {}
.privacy{font-size: 10px;text-align: center;}
.formnews-popup1 ul {margin: 0 0 15px 15px}
.formnews-popup1 ul li {margin: 0 0 7px}
#dropin-form {margin: 0 auto 15px; width:225px}
#dropin-form .inputbox {display: block; margin: 0 0 5px; width: 221px}
#dropin-form select {display: block; margin: 0 0 5px; width: 231px}
#dropin-form .label {font-size: 11px; margin: 0 0 5px}

.checkmarks li {list-style: none; background: url(/images/checkmark.png) no-repeat 0 2px; padding: 0 0 0 24px}

/*module version*/

#module-free-course {background:#e2e5e8 url(/images/free-course-form.jpg) no-repeat center 0; padding: 45px 10px 10px}
#free-course-form {margin: 0 auto 15px; width:218px; }
#module-free-course h3 {text-align: center; color: #000 }
#free-course-form .inputbox {display: block; margin: 0 0 5px; width: 207px}
#free-course-form select {display: block; margin: 0 0 5px; width: 217px}
#free-course-form .label {font-size: 11px; margin: 0 0 5px}
.frm_content1
	{
		/*background: url(../images-v1/form_bottom.jpg) no-repeat bottom ;*/
		color: #000000;
		padding: 20px 10px;
	}
.item_title
	{
		padding: 5px;
		padding-left: 10px;
	}
*html .#frm_content{padding: 100px;}
.frm_fld
	{
		padding-left: 5px;
	}
.TBA
{
  padding-left:35px;
}
.darkenBackground {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 20;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}
.darkenBackground1 {
background: #000000;
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
}
.socialMedia {
	clear: left !important;
	font-size: 14px;
	line-height: 20px;
	}
	
.socialMedia img {
	margin: 0 5px 5px 0;
	}
a{text-decoration: underline; color: #670366; outline: none}
a:hover {text-decoration: underline}
a:active, a:focus {border: none; outline: none}
a img {border: none}
input {outline: none; font-size:11px; padding: 0 0 0 4px}
.boxed {background: #f5f5f5; border: 1px #ebebed solid; padding: 7px}
.plain {margin: 10px; padding: 7px}
.productItemNotFound{
       display:none;
}
.catalogueItemNotFound {
       display:none;
}
#creditfooter {
        display: none;
}
#shippingSpan {
        display: none;
}
/*Typography*/
p, li {color: #2c2c2c; font-size: 14px; line-height: 1.3}
p{margin: 0 0 10px}
h1 {color: #670366; font-size: 28px; font-weight: bold; margin: 0 0 12px}
a.purple:link {color: #670366; text-decoration: none; font-size: 28px; font-weight: bold; margin: 0 0 12px }
a.purple:active {color: #670366; text-decoration: none; font-size: 28px; font-weight: bold; margin: 0 0 12px}
a.purple:visited {color: #670366; text-decoration: none; font-size: 28px; font-weight: bold; margin: 0 0 12px}
a.purple:hover {color: #670366; text-decoration: none; font-size: 28px; font-weight: bold; margin: 0 0 12px}

h2 {color: #444; font-size: 20px; margin: 0 0 12px; border-bottom: 1px #ccc solid; padding: 2px }
a.black:link {color: #444; text-decoration: none; font-size: 20px;  margin: 0 0 12px; border-bottom: 1px #ccc solid; padding: 2px  }
a.black:active {color: #444; text-decoration: none; font-size: 20px;  margin: 0 0 12px; border-bottom: 1px #ccc solid; padding: 2px }
a.black:visited {color: #444; text-decoration: none; font-size: 20px;  margin: 0 0 12px; border-bottom: 1px #ccc solid; padding: 2px }
a.black:hover {color: #444; text-decoration: none; font-size: 20px;  margin: 0 0 12px; border-bottom: 1px #ccc solid; padding: 2px }
h3 {color: #666; font-size: 16px; margin: 0 0 10px}
h4 {color: #4c4c4c; font-size: 14px; background: #dddddd; padding: 2px; margin: 0 0 8px}
.quote {font: 14px Georgia, "Times New Roman", Times, serif; font-style: italic}
.from {text-align: right; font-size:10px}
small {font-size: 10px; margin: 0 0 6px}

/*layout styles*/
#wrapper {margin: 0 auto; width:1012px}
#page{margin-bottom: 10px; border-left: 1px #ccc solid; border-right: 1px #ccc solid; border-bottom: 2px #bcbcbc solid; width: 1010px;}
#header {height: 115px; background: url(/css/images/bg-header.jpg) repeat-x top left; width:100%; overflow: hidden; position: relative}

/*header*/
#utilities {position: absolute; top: 2px; right: 7px;width: 290px; height:107px; font-size: 10px}
#utilities li {list-style:none;}
#logo {float:left; width: 250px}
#login {height: 75px; position: relative}
	#login-links {width: 100%; height: 12px; margin: 0 0 5px}
	#login-links li {float:right; font-size: 10px;
	 height:12px; line-height: 10px; border-right:1px #fff solid; padding: 0 7px; }
	#login-links a {color: #ffffff!important}
	#login-form, #reg-form, #logged-in {background: #C9A5A8; padding: 3px; width: 220px; position:absolute; right: 0; opacity: 0.9; filter: alpha(opacity=90)} 
		#login-form .textbox {width: 95px; padding: 0 0 0 5px}
		#login-form a {color:#670366}
                #logged-in .textbox {width: 95px; padding: 0 0 0 5px}
                #logged-in a {color:#670366}
#search {position: absolute; top: 80px; right: 0px;}
#search #searchbox {background: #fff url(/css/images/search.png) no-repeat 0 2px; padding: 2px 2px 1px 21px; width:155px; outline: none}
#topmenu {height: 37px; background:url(/css/images/bg-topmenu.gif) repeat-x top left; position: relative}
	#topmenu ul {list-style: none; height: 37px; width: 100%;}
	#topmenu ul li {border-left:1px solid #9C9C9C;float:left;font-size:14px;height:23px;line-height:23px;margin:6px 0 8px;padding:0 13px;}
	li.first {border:none !important}
	#topmenu a{text-decoration:none;}
	#topmenu a:hover {color: #fff}
	#topmenu ul li ul li {height: 20px; line-height: 20px; font: 12px Helvetica, Arial, sans-serif; font-weight: normal; margin: 0 5px}
	#topmenu ul li ul li a {color: #333}
#tabsmenu {position: absolute; bottom: 0; right: 7px; width: 750px}
	#tabsmenu ul {list-style: none; height: 30px;}
	#tabsmenu ul li {float:left; margin: 0 3px; height: 30px; background: url(/css/images/tab-left.png) no-repeat 0 0; padding: 0 0 0 12px}
	#tabsmenu ul li a{padding: 0 12px 0 0; text-decoration: none; color:#fff; height:30px; line-height: 30px;background: url(/css/images/tab-right.png) no-repeat 100% 0; float:left; text-transform: uppercase; font-size: 10px}
	#tabsmenu ul li a:hover {color: #670366}
	
#container {
  padding-left: 180px;   /* LC width */
  padding-right: 270px;  /* RC width */
}
#container .column {

  position: relative;
  float: left;
}
#newcenter {
width: 100%;
padding: 10px;
}
#newleft {
  width: 180px;          /* LC width */
  /*right: 200px;           LC width */
  padding: 10px 0 0 0;
  margin-left: -100%;
  left: 250px;           /* RC fullwidth */
}
#container > #newleft {
		  left: -200px;             /* -(LC fullwidth + CC padding) */
		  margin-left: expression(
			document.all.newcenter.offsetWidth * -1 +
			parseFloat(document.all.newcenter.currentStyle.paddingLeft) +
			parseFloat(document.all.newleft.currentStyle.paddingLeft) +
			parseFloat(document.all.newcenter.currentStyle.paddingRight)
			); /* Fix for IE7 */
}
#newright {
  width: 250px;          /* RC width */
  margin-right: -270px;  /* RC width */
  padding: 10px 0 0 0; 
}

#container_noright {
  padding-left: 180px;   /* LC width */
  padding-right: 20px;  /* RC width */
}
#container_noright .column_noright {
  position: relative;
  float: left;
}
#newcenter_noright {
width: 100%;
padding: 10px;
}
#newleft_noright {
  width: 180px;          /* LC width */
  right: 200px;          /* LC width */
  padding: 10px 0 0 0;
  margin-left: -100%;
}
#newright_noright {
  width: 0px;          /* RC width */
  margin-right: -20px;  /* RC width */
}




/*left column*/
#left {float: left; width: 170px; padding: 10px 0 0 10px; }
#left .module {}
#left .module li {border-bottom: 1px #ddd solid}
/*main content area*/
#content {width: 100%; clear: both; overflow: hidden}
#main {padding: 10px; float:left; overflow:hidden}
	.threecolumns #main {width: 560px;}
	.rightcolumn #main {width: 720px;}
#maincontent {border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; overflow: hidden;border-width:1px 1px 2px; padding: 8px;  _border: none;}
#maincontent1 {border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; overflow: visible;border-width:1px 1px 2px; padding: 8px;  _border: none;height:1100px;}
/*#maincontent-wide {padding: 15px; float: left; width: 640px; margin: 15px 0 15px 15px; _margin: 15px 0 15px 7px;  border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; border-width:1px 1px 2px;}*/

#maincontent-wide-edit {padding: 10px; float: left; width: 700px; height: 2050px; margin: 15px 0 15px 15px; _margin: 15px 0 15px 7px;  border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; border-width:1px 1px 2px;}
#maincontent-wide-edit1 {padding: 10px; float: left; width: 700px; height: 8050px; margin: 15px 0 15px 15px; _margin: 15px 0 15px 7px;  border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; border-width:1px 1px 2px;}
#maincontent-wide {padding: 10px; float: left; width: 698px; margin: 0 0 0 10px; _margin: 10px 0 10px 7px;  border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; border-width:1px 1px 2px;}

.frontpage-main {background: url(/css/images/bg-frontpage-main_New.jpg) no-repeat top left; overflow:hidden; }

#front-page-copy{float:left; width: 290px}
#get-started {width:270px}

#sidebar {float:right; padding: 10px 10px 0 0; }
 .threecolumns #sidebar {width: 240px}
 .rightcolumn #sidebar {width: 260px}
	
#frontpage-featured {height: auto; clear:both}
	#frontpage-featured #frontpage-products .module {padding: 5px; border-width:0 0 1px; margin: 0 0 5px}
#network-featured {height:auto; clear: both}
	#network-featured .module {}
.pagetitle {margin-top: 0px}
.smalltext {font: 10px Verdana, Helvetica, Arial, sans-serif; color: #222}
.imageright {border-left: 1px #ebebed solid; margin:10px 0 10px 10px; padding: 10px 0 10px 10px}
.imageleft {border-right: 1px #ebebed solid; margin:10px 10px 10px 0; padding: 10px 10px 10px 0}
.maincontent ul {list-style: url(/css/images/arrow-orange.png) inside; margin: 0 0 0 15px;}
.maincontent li {font: 12px Verdana, Arial, Helvetica, sans-serif;color:#3f1e00;}
/*modules*/
.module {padding: 10px; margin-bottom: 10px; border-color:#EEEEEE #CCCCCC #BCBCBC; border-style:solid; border-width:1px 1px 2px; overflow: hidden}
.module ul {margin:0 !important}
#profile-details li, .media-details li {list-style: none; background: url(/css/images/arrow.gif) no-repeat 0px 4px; padding: 0 0 1px 9px; margin: 0 0 5px; font-size: 12px}
.module.grey {background: #f9f9f9}
.module.white {background: #ffffff}
.module.purple {background: #670366}
#welcomevideo {margin-bottom: 10px}
.upgrade {background: #fff; padding: 4px}
.teacherlist{}
.teacherlist li.item {border-bottom: 1px #666 solid; background: none !important; padding: 0; clear:both; overflow: auto; width: 100%}
	.teacher-info {font-size: 12px}
.productlist {}
.productlist li.item {border-bottom: 1px #666 solid; background: none !important; padding: 0; clear:both; overflow:hidden; width: 100%}
	.product-details {float:right; width: 60px}
	.product-details img {margin: 0 auto; display:block; max-width: 60px}
	.product-price{text-align:center; display: block}
	.product-actions{float: left; margin: 7px}
	.product-actions li {font-size: 10px}
	.product-author {font-size: 12px}

.medialist {}
.medialist li.item {border-bottom: 1px #666 solid; background: none !important; margin: 2px 0; padding: 0; float:left; width: 100%}
	.media-details {float: right; width: 180px}
	.media-details img {float:right; margin: 0 7px 7px}
	.media-details ul {float:right; width:90px; margin: 0}
	.media-details li {font-size: 10px}

#teacher-search{}
.module input{margin: 0 0 5px; display: block;width:95% }
#teacher-search select {margin: 0 0 5px; width:100%; display: block}
.module .submit {margin: 15px auto 0; width:auto;}
/*icons*/
.events {background: url(/css/images/events.png) no-repeat 0px 3px; padding-left: 21px}
.products {background: url(/css/images/products.png) no-repeat 0 3px; padding-left: 21px}
.tags {background: url(/css/images/tags.png) no-repeat 0 3px; padding-left: 21px}
.teachers {background: url(/css/images/teachers.png) no-repeat 0 3px; padding-left: 21px}
.video {background: url(/css/images/video.png) no-repeat 0 3px; padding-left: 21px}
.audio {background: url(/css/images/audio.png) no-repeat 0 3px; padding-left: 21px}
.lessons {background: url(/css/images/lessons.png) no-repeat 0 3px; padding-left: 21px}
.teleseminars {background: url(/css/images/teleseminars.png) no-repeat 0 3px; padding-left: 21px}
.news {background: url(/css/images/news.png) no-repeat 0 3px; padding-left: 21px}
.search {background: url(/css/images/search.png) no-repeat 0 3px; padding-left: 21px}
.email {background: url(/css/images/email.png) no-repeat 0 3px; padding-left: 21px}
.attraction {background: url(/css/images/attraction.png) no-repeat 0 3px; padding-left: 21px}
.article {background: url(/css/images/article.png) no-repeat -3px 3px; padding-left: 18px}

/*teacher profile*/
#profile-details {float:left; width: 150px; border-right: 1px #ccc solid}
#profile-details p, #profile-details ul {padding: 7px}
.profile-thumbnail {float: left; width: 40px; margin: 4px}
#profile-content {float:right; width: 535px}
#content-tabs {height:20px; overflow:hidden}
#content-tabs ul {height: 20px; margin: 0}
#content-tabs li {height: 20px; float:left; list-style: none; margin: 0 5px 0 0; font-size: 12px; padding: 0 }
#content-tabs a {background: #C9A5A8; line-height: 20px; padding: 4px 5px; text-decoration: none}
#content-tabs a:hover {text-decoration: none; color: #000}
#content-tabs a.selected {background: #670366; color:#f9f9f9;}
#content-tabs a.selected:hover {color: #f9f9f9}
#content-panel {border:1px #ccc solid; padding:12px; float:right; width:509px;}
#content-panel2 {border:1px #ccc solid; padding:12px; float:left;}
.contentlist {margin: 0 !important}
.contentlist li.item {list-style: none; border-bottom: 1px #666 solid; float:left; clear:both; width: 429px; margin: 0 0 7px; padding-bottom:3px}
.description {font-size: 12px}
.contentlist1 {}
.contentlist1 li.item {list-style: none; border-bottom: 1px #666 solid; float:none; clear:both; width: 429px; margin: 0 0 7px; padding-bottom:3px}
#tab-container {width:475px}
#panels-wrap {border:1px #ccc solid; padding:12px; float:right; width:449px}
div.panel {}
.description {font-size: 12px}
.contentlist1 {}
.contentlist1 li.item {list-style: none; border-bottom: 1px #666 solid; float:none; clear:both; width: 429px; margin: 0 0 7px; padding-bottom:3px}
#main-image {max-width: 150px; margin: 0 0 10px}
#contact {font-size:14px}

/*footer*/
#footer {margin-top: 5px; border-top: 6px #670366 solid; text-align: center;clear: both;position: relative;}
#footer ul {width: 100%; margin: 10px 0}
#footer li {list-style: none; margin: 10px; display: inline}
#footer a{text-decoration:none;)
.copyright {color: #666; text-align: center; font-size: 12px}