/*********************

GuitarTricks Master CSS
http://www.guitartricks.com


**UPDATES**
Updates to the CSS will be tracked in this section.

DATE / NAME
UPDATE COMMENT

9-14-08 / ADV SEARCH & RESULTS SECTION Added
This is the CSS styling code for the Advanced Search & Results pages.

9-14-08 / STYLE LISTING (SIGNEDOUT) SECTION Added
This is the CSS styling code for the signed out version of the lesson style listing.

9-14-08 / Modified VIDEO SECTION
Modified margin-top in #videoPageRightNav in order to allow the right nav to not move when there is no video player present.

9-14-08 / Modified INSTRUCTOR SECTION
Added ID #instructorLessonTabsContent in order to allow for centering of lessons listed on the Instructors bio page. Lesson container will appear centered at hte bottom of the page.

9-14-08 / File Name Change
Modified images for Instructors Bio Tabs and in turn renamed the background image in #instructorLessonTabs to fit the modification of the file.

9-14-08 / Changed Font Size
Font sized was increased by 1px in both .signupMemberInfoRight & .signupMemberInfoLeft in order to make HTML more like graphical mock up.

9-14-08 / Added .priceIconMargin to Signup Section
Hard to adjust the margin of the image to make it align with the rest of the copy.

10-14-08 / FREE LESSONS SECTION
Modified UL tag to allow for use without causing and spacing issues. See line 1226 for edits.

10-14-08 / FULL ACCESS SECTION
Renamed several classes to resolve duplicate issue. Modifications are one line 1545 - 1579

10-16-08 / videoPageInfo Section (eea)
Changed maargin-right from 40px to 30px to accomodate long Instructor names. Tested in Firefox and IE

10-20-08 / h4 & h5 / Ethan Allen
Added  cursor:pointer; to each element so that side course navigation and More Info containers will have pointer

10-20-08 / MainSubscriber / Tim Mather
Midified several pieces of CSS in order to fix a horizontal alignment issue. Modifications made to line 635 - 667.

10-20-08 / Video Page Info / Tim Mather
Made modification to float / margins of Instructor info to allow it to line up properly. Line 857

10-21-08 / Main Subscrber Boxes / Tim Mather
Modified Floats, Positions and Heights for ContentContainerBoxers and FeaturedContentBoxContains. Line 609 & 683

10-25-08 / Main Navigation / Tim Mather
Remade main navigation area to work better as well as be compatible w/ the drop down. New code is on lines 420 - 427. Also made modifications to search area / advanced search. Code on lines 471 - 504.

10-26-08 / Breadcrumb Container / Tim Mather
Modified margins on breadcrumb container to adjust for new nav height. Line 530

10-28-08 / gtTopRight / Tim Mather
Modified right margin on gtTopRight to allow for the image to line up w/ the nav bar

10-28-08 / Main Nav Fixes / Tim Mather
Fixes made through the main Navigation section.

12-08-08 / styleListingTopQuickNav Fix / Ethan Allen
Commented out margin-bottom. Was causing problem with link being active in IE. No idea as to the "why"

07-30-10 / New Skin / Cheth Rowe
Implement new skin provided by psd2html.

07-30-10 / Editor Override / Cheth Rowe
Support for administrative editor override functionality

* 1.10 (cheth) 2012-Jun-15 move background images to /redesign/graphics

09-21-13 / Update tools icons to use sprite image

********************/



/*////////////////////
//                  //
//	UNIVERSAL CSS   //
//                  //
////////////////////*/


body {
	padding: 0px;
	margin: 0px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	/* background: #909090 url(/redesign/images/gtBackgroundGradient.png) repeat-y center;  Apr 21, 2011*/
	background: #000000 url(/redesign/images/gtBackgroundGradient.png) repeat-y center;
}




img {
	border: 0;
	margin: 0;
}

h1 {
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
}

h2 {
	font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin: 0px;
}

h3 {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
	padding-top: 4px;
	padding-left: 15px;
}

h4 {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #A11F1F;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

h5 {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
}

h6{
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h7{
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

form {
    display: inline;
    padding: 0px;
    /* spacing: 0px; */
}

.lessonSideNav { text-decoration: none; }

.error {color:#ff0000; font-family:Verdana; font-weight: bold}

.error-box {
	position:relative;
	color:#ff0000;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	max-width: 450px;
	margin: 10px auto 0;
	background-color: #ffc9c9;
	border-radius: 5px;
	padding: 10px 28px;
}

.error-box-close {
	position: absolute;
	font-size: 12px;
	width: 1.4em;
	height: 1.4em;
	background-color: #d6b1b1;
	top: -4px;
	right: -4px;
	border-radius: 50%;
	line-height: 1.4em;
	cursor: pointer;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.redSubhead {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #A11F1F;
}

.boldText {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #333333;
}

.boldBlackLarge {
	color: #000000;
	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.boldGray {
	color: #808080;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.boldGrayLarge {
	color: #808080;
	font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.boldRed {
	color: #A11F1F;
	font: bold 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.grayText {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}

.loginText {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #808080;
}

li {
	line-height: 2;
}

hr {
	height: 2px;
	background-color: #CCCCCC;
	border: 0;
}

.centered650 {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/* List Types */
.ulStyleNone{
    display: inline;
    padding: 0px;
    /*spacing: 0px; */
    margin: 0 auto;
}
.listStyleNone{
	list-style: none;
        z-index: 2;
}

.listStylePicks {
	list-style-image: url(/redesign/images/iconPickGray.gif);
}

.listStyleChevrons {
	list-style-image: url(/redesign/images/iconChevron.png);
}

.listStyleDots {
	list-style: circle;
}

/**************
LEFTHAND SUBNAV
**************/

#leftSideNavContainer{
	width: 150px;
	margin-left: 30px;
}
.leftSideNavBody {
	background: url(/redesign/images/leftSideNavRepeat.png) repeat-y;
}

.leftSideNavContent{
	text-align: center;
}

.leftSideNavContent p{
	text-align: left;
	padding-left: 25px;
}

.leftSideNavHeader {
	background: url(/redesign/images/leftSideNavHeader.png) no-repeat;
	height: 38px;
	text-align: center;
	padding-top: 5px;
}

.leftSideNavFooter{
	padding-bottom: 20px;
}

/**************
LEFTHAND MAIN SUBNAV
**************/
/**************
LEFTHAND MAIN SUBNAV
**************/

#leftSideNavMainContainer{
    float:left;
	width: 200px;
	margin-left: 24px;
}

.leftSideNavMainBody {
	background: url(/redesign/images/leftSideNavMainRepeat.png) repeat-y;
}

.leftSideNavMainFooter{
	padding-bottom: 10px;
	margin-top: -4px;
}

.main_guest_headline {
	width: 964px;
	margin: auto;
	margin-bottom: 10px;
	height: 27px;
	padding-top: 3px;
	background-color: #f3f3f5;
	font-size: 20px;
	font: Myriad Pro, Arial, sans-serif;
}
/* UPDATED SEO NAV ITEMS */
#leftNavContent{
	margin-top: 0px !important;
	margin-top: -8px;
}

#leftNavContent ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 6px;
}

#leftNavContent li{
	margin-bottom: 4px;
}

#leftNavContent_3points{
	margin: 0;
	padding: 0;
}

#leftNavContent_3points ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 0 0 0 6px;
}

#leftNavContent_3points li{
	line-height: 14px;
	margin: 0;
	margin: 0 0 2px 0;
	padding: 0;
}
#leftNavContent_3points a:link{
	color: #333;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#leftNavContent_3points  a:visited{
	color: #333;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#leftNavContent_3points a:active {
	color: #333;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#leftNavContent_3points a:hover{
	color: #999;
}
#leftNavContent a:link{
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

#leftNavContent  a:visited{
	color: #333;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

#leftNavContent a:active {
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

#leftNavContent a:hover{
	color: #999;
}

.leftNavGreyButton{
	background: url(/redesign/images/gtLeftNav_GreyButtonBackground.png) no-repeat left top;
	width: 188px;
	height: 38px;
}


.leftNavGreyButton p{
	margin: 0px;
	padding-top: 6px;
	padding-left: 8px;

}

.leftNavGreyButton a{
	padding: 0px;
	padding-top: 6px;
	padding-left: 8px;
	margin: 0px 6px 0px 0px;
}

.leftNavGreyButtonText {
	float: left;
}

.leftNavGreyButtonIcon {
	background: url(/redesign/graphics/gtNavIconSprite.gif) no-repeat left top;
	margin: 0px 6px 0px 0px;
	width: 30px;
	height: 26px;
	display: inline-block;
	float: right;
}

.navIconProcess {
	background-position: -30px 0px;
}

.navIconJam {
	background-position: -60px 0px;
}

.navIconTalk {
	background-position: -90px 0px;
}

.navIconGT {
	background-position: -120px 0px;
}

.navIconPricing {
	background-position: -150px 0px;
}

.navIconGift {
	background-position: -180px 0px;
}

.navIconDVD {
	background-position: -210px 0px;
}

.navIconFolks {
	background-position: -240px 0px;
}

.navIconQmark {
	background-position: -270px 0px;
}

.leftNavYellowButton{
	background: url(/redesign/images/gtLeftNav_YellowButtonBackground.png) no-repeat left top;
	width: 188px;
	height: 38px;
	margin-top: -11px;
}

.leftNavYellowButton p{
	padding-top: 14px;
	text-align: center;
	font-size: 16px;
}

#leftNavBoxlink {
    padding: 5px auto 5px;
}


.leftNavGoldLink {
	font-size: 16px;
}

.leftNavTops {
	background: url(/redesign/graphics/leftnav_loggedin_sprite.png) no-repeat;
	width: 185px;
	height: 31px;
	margin-top: 7px;
	margin-bottom: 12px;
}	

.leftNavTopMyGT {
	background-position: 0px -31px;
	margin-top: 0px;
	margin-bottom: 19px;
}	

/**************
SILVER TAB HEADER
**************/

.tabHeaderBody{
	height: 43px;
	background: url(/redesign/images/silverHeaderTabRepeat.png) repeat-x 0 bottom;
}
.tabHeaderBody710{
	height: 43px;
	width: 710px;
	background: url(/redesign/images/silverHeaderTabRepeat.png) repeat-x 0 bottom;
}
.tabHeaderBody3cards{
	height: 43px;
	width: 879px;
	position:relative;
	margin-bottom: 10px;
	background: url(/redesign/images/silverHeaderTabRepeat.png) repeat-x 0 bottom;
}

.tabHeaderBodyRight{
	float: right;
	margin-top: 30px;
}

.tabHeaderTab li span{
	display: inline;
}

.tabHeaderTab li {
	height: 43px;
	list-style: none;
    	float:left;
    	background:url("../images/silverHeaderTabRight.png") no-repeat right top;
}
    
.tabHeaderTab span {
	height: 43px;
    	display:block;
    	float: left;
    	background:url("../images/silverHeaderTabLeft.png") no-repeat left top;
}

.tabHeaderTab h2 {
	padding: 8px 18px 5px 15px;	
}

/**************
LINKS SECTION
**************/

a:link {
	font-weight: bold;
	color: #333333;
}
a:visited {
	font-weight: bold;
	color: #333333;
}
a:active {
	font-weight: bold;
	color: #333333;
}
a:hover {
	font-weight: bold;
	color: #666666;
}

/*////////////////////
//                  //
//	FRAME WORK CSS  //
//                  //
////////////////////*/


/**************
MAIN CONTAINER
**************/

#mainContainer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}


/**************
HEADER SECTION
**************/
#headerContainer{
	width: 1000px;
	height: 77px;
}

#userNavContainer {
	margin-left: 253px;
	margin-top: -77px;
	width: 508px;
	height: 39px;
	background: url(/redesign/images/userNavBackground.png) repeat;
}

#userName{
	float: left;
	width: 160px;
	margin-top: 12px;
	margin-left: 8px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#userNavButtons{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}


#gtTopRight{
        float: right;
        margin-top: -39px !important;
        margin-top: -38px;
        margin-right: 10px;
        z-index: 100;
}


#topRightLoggedIn{
	float: right;
	background: url(/redesign/images/nav/topRight_LoggedIn.jpg) top left no-repeat;
	width: 224px;
	height: 81px;
	margin-right: 10px !important;
	margin-right: 5px;
	text-align: left;
}

#topRightLoggedIn ul{
	margin: 8px 0 0 15px;
	padding: 0;
	width: 200px;
	text-indent: 0;
}

#topRightLoggedIn ul li{
	float: left;
	list-style: none;
	text-indent: 0;
	margin-right: 7px;
}

#topRightLoggedIn ul li.no_right_margin{
	margin-right: 0px;
}

#topRightLoggedIn ul li a{
	width: 22px;
	height: 25px;
	display: block;
}

#topRightLoggedIn ul li a.scale_finder_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -14px -9px no-repeat;
}

#topRightLoggedIn ul li a.radio_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -48px -9px no-repeat;
}

#topRightLoggedIn ul li a.metronome_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -79px -9px no-repeat;
}

#topRightLoggedIn ul li a.chord_finder_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -109px -9px no-repeat;
}

#topRightLoggedIn ul li a.reference_tuner_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -135px -9px no-repeat;
}

#topRightLoggedIn ul li a.fretboard_trainer_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -161px -9px no-repeat;
}

#topRightLoggedIn ul li a.download_icon{
	background: url(/redesign/images/nav/tools-icons-small.png) -188px -9px no-repeat;
}


#dvdstorebuttoncontainer p {
	clear:both;
	width: 209px;
	margin-left: 8px;
	margin-top: 28px;
	height: 0px;
	position: absolute;
	top: 8px;
	height: 0px;
}

.dvdstorebutton p {
	clear:both;
	background-image: url(/images/dvd/DVDStore_topRightLoggedIn_button.png);
	margin-left: 8px;
	width: 209px;
	height: 43px;
	_visibility: hidden; /*ie6 hack hides button*/
}



/**************
MAIN NAV SECTION
**************/

#mainNavContainer {
	width: 980px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	z-index: 100;
}

#mainNavContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mainNavContainer li{
	float: left;
}

.mainNavButton {
	background: url(/redesign/graphics/topMenuSprite.png) no-repeat;
	width: 120px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}

.mainNavHomeOn {
    background-position: 0px 0px;
    width: 110px;
}

.mainNavHomeOff {
    background-position: 0px -40px;
    width: 110px;
}

.mainNavInstructorsOn {
    background-position: -110px 0px;
    width: 150px;
}

.mainNavInstructorsOff {
    background-position: -110px -40px;
    width: 150px;
}

.mainNavLessonsOn {
    background-position: -260px 0px;
    width: 120px;
}

.mainNavLessonsOff {
    background-position: -260px -40px;
    width: 120px;
}

.mainNavSongsOn {
    background-position: -380px 0px;
    width: 120px;
}

.mainNavSongsOff {
    background-position: -380px -40px;
    width: 120px;
}

.mainNavJamOn {
    background-position: -500px 0px;
    width: 112px;
}

.mainNavJamOff {
    background-position: -500px -40px;
    width: 112px;
}

.mainNavForumOn {
    background-position: -612px 0px;
    width: 118px;
}

.mainNavForumOff {
    background-position: -612px -40px;
    width: 118px;
}

#navSearchAreaLoggedIn {
	width: 250px;
	height: 40px;
	background: url(/redesign/graphics/topMenuSprite.png) no-repeat;
    background-position: -730px 0px;
}

#navSearchArea {
	width: 250px;
	height: 63px;
	background: url(/redesign/graphics/topMenuSprite.png) no-repeat;
    background-position: -730px -40px;
}

#navSearchAreaForum {
    width: 250px;
    height: 63px;
	background: url(/redesign/images/nav/navMainSearchArea.jpg) no-repeat;
} 


#searchFieldContainer {
	height: 28px;
	width: 175px;
	margin: 10px 10px 0 10px;
}

#searchField {
	border: solid 2px #7C1315;
	font-size: 13px;
	width: 130px; /* 135 generally best; but 125 best for iPad */
}

#searchButton{
	width: 28px;
	height: 22px;
	float: right;
}

#advancedSearch {
	background: url(/redesign/images/mainNavSearchAdv.jpg) top left no-repeat;
	width: 128px;
	height: 17px;
	display: block;
	text-align: center;
	margin-left: 16px;
	color: white;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

#navMainHelpButton{
	float: right;
	display: block;
	margin: 12px 8px 0 0 !important;
	margin: 10px 2px 0 0;
}

#userNavLogin {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

#userNavLogin input{
	width: 125px;
}

#userNavLoginButton{
	float: right;
	margin-top: 5px;
	margin-right: 8px;
}

/**************
CONTENT SECTION
**************/

#mainContentContainer {
	width: 1000px;
	padding-bottom: 20px;
	background: url(/redesign/images/contentContainerRepeat.png) repeat-y;
	margin: 0 auto;
	min-height: 650px;

}

#navLocationContainer {
	width: 715px;
	height: 20px;
	background: #F2F2F2;
	border: solid 1px #CCCCCC;
	margin: 15px 0 20px 22px;
}


#navLocationContainer span {
	padding-left: 5px;
	color: #1A1A1A;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5;
	}

/**************
FOOTER SECTION
**************/

#footerContainer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -10px;
	background: url(/redesign/images/footerRepeat.png) repeat-y;
}

#copyrightNotice {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 30px;
	margin-top: 10px;
}

#footerNav {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	margin-right: 30px;
	margin-top: -11px;
}

#footerContainer hr {
	width: 945px;
	border: 1px solid #999999;
	border: 0;
}

#footerAffiliates {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #808080;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}


/*////////////////////
//                  //
//	SECTIONAL CSS   //
//                  //
////////////////////*/

/**************
MAIN SUBSCRIBER SECTION
**************/

#mainSubscriberLeftContainer {
	width: 190px;
	margin-left: 25px;
	text-align: center;
        float:left;
}


#mainSubscriberLeftContent {
	width: 182px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}



.mainSubscrierLeftSublist{
	margin-left: 25px;
}

.mainSubscriberLeftSublist_sub2{

        margin-left: 15px !important;
       /*IE 6 FIX*/
        margin-left:  15px;

}

.mainSubscriberLeftHeader {
	width: 182px;
	height: 32px;
	background: url(/redesign/images/mainLeftMenuHeader.png) no-repeat center top;
	margin-top: -5px !important;
	
	/* IE6 FIX */
	margin-top: 0px
}

.mainSubscriberLeftHeader h5{
	padding-left: 10px;
	padding-top: 9px;
}

/*Modded Float / Position 10-21-08 */

#mainSubscriberContentContainer {
	width: 750px; /* 2012 Apr 09  (was 725) */
	/* margin-left: 252px; */ /* patched out 2012 Apr 09 */
	margin-left: 5px;
	float: left;
}

.mainSubscriberContentBox{
	float: left;
	width: 272px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 15px;
}

.mainSubscriberContentBoxHeader{
	height: 35px; /* March 8, 2011 */
	background: url(/redesign/images/mainSubscriberListHeader.png) no-repeat;  /* March 8, 2011 */
	padding: 8px;
	margin-bottom: -16px;
}

.mainSubscriberContentBoxHeader img{
	float: right;
	margin-top: -21px;
	margin-right: 10px;
}

.mainSubscriberContentBoxSections{
	height: 73px; /* March 8, 2011 */
	width: 100%;
	margin-bottom: -11px; /* March 8, 2011 */
	background: url(/redesign/images/mainSubscriberListSection.png) no-repeat;  /* March 8, 2011 */
	padding-left: 8px;
	padding-top: 11px; /* March 8, 2011 */
}

/*Added 10-19-08 by TM*/
.mainSubscriberContentInfo {
	width: 200px;
}

.mainSubscriberContentDifStyle {
	width: 100%;
	height: 18px;
}

.mainSubscriberContentDifStyle span{
	vertical-align: bottom;
}

.mainSubscriberContentDifStyle img{
	vertical-align: top;
}

.mainSubscriberContentBoxSections hr{
	width: 200px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: -2px;
}

.mainSubscriberLessonPhoto {
	float: right;
	margin: -52px 16px 0 0;
	margin: -55px 19px 0 0;
	margin: -53px 19px 0 0;
	background: url(/redesign/graphics/instructor_fans.png) no-repeat;
}

.mainSubscriberContentBoxFooter{
	height: 34px; /* March 8, 2011 */
	background: url(/redesign/images/mainSubscriberListFooter.png) no-repeat;  /* March 8, 2011 */
	padding-left: 8px;
	padding-top: 10px; /* March 8, 2011 */
}

/* Modded Height 10-21-08 */

#mainSubscriberFeaturedContainer {
	width: 180px;
	margin: 0px 0px 0px 568px;
}

#mainSubscriberFeaturedHeader{
	width: 180px;
	height: 38px;
	background: url(/redesign/images/mainSubscriberFeaturedHeader.png) no-repeat;
	padding-top: 8px;
	padding-left: 10px;
}

#mainSubscriberFreaturedBody{
	width: 180px;
	height: 372px;
	margin-top: -8px;
	background: url(/redesign/images/mainSubscriberFeaturedBody.png) no-repeat;
	text-align: center;
}

#mainSubscriberFreaturedPhoto{
	border: 3px solid #ffffff;
	margin-top: 10px;
}

#mainSubscriberFreaturedBody p{
	text-align: left;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	line-height: 15px;
	color: #ffffff;
}

/**************
MAIN GUEST SECTION
**************/

#mainGuestContainer {
	width: 720px;
	margin-top: 22px;
	margin-top: 0px; /* 2012 Apr 09 */
	margin-right: 30px !important;
 
	/* IE6 FIX */
	margin-right: 15px;
}

.mainGuestContentBox {
	margin-top: 20px;
	float: left;
	padding: 5px;
}

.mainGuestContentInfo {
	width: 320px;
	float: left;
}
.mainGuestContentBoxHeader {
	background: url(/redesign/images/mainGuestContentBoxHeader.png) no-repeat;
	height: 38px;
	text-align: center;
}

.mainGuestContentBoxHeader h6{
	padding-top: 8px;
}

.mainGuestContentBoxBody{
	background: url(/redesign/images/mainGuestContentBoxRepeat.png) repeat-y;
	width: 350px;
}

.mainGuestContentBoxSections{ /*For homepage new and pop include*/
	height: 73px; 
	width: 342px;
	margin-bottom: -11px; 
	background: url(/redesign/images/mainGuestListSection.png) no-repeat;  
	padding-left: 8px;
	padding-top: 11px; 
}
.mainGuestContentBoxBody p{
	font-size: 13px;
	margin: 0px;
	padding: 10px 10px 20px;
	line-height: 20px;
}

.mainGuestContentBoxPicture {
	width: 150px;
	height: 150px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	text-align: center;
	float: right;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

.mainGuestContentBoxPicture img{
	margin-top: 5px;
}

.mainGuestContentDifStyle span{
	vertical-align: bottom;
}
.mainGuestContentDifStyle img{
	vertical-align: top;
	padding-top: 6px;
}
.mainGuestContentBoxFooter {
	height: 31px;
	background: url(/redesign/images/mainGuestContentBoxFooter.png) no-repeat;
	text-align: center;
}

.mainGuestContentBoxFooterArrow {
	height: 34px;
	width: 350px;
	background: url(/redesign/images/mainGuestContentBoxFooterArrow.png) no-repeat;
	text-align: left;
	padding-top: 8px;
	text-decoration: none;
}
/**************
MAIN SUBPAGE SECTION
**************/

#mainSubpageContainer{
	width: 720px;
	float: right;
	margin-right: 30px !important;
	
	/* IE6 FIX */
	margin-right: 15px;
	
	margin-top: -422px;
}

#mainSubpageContent{
	padding: 10px;
	line-height: 16px;
}

/**************
VIDEO SECTION
**************/

#videoPageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

#videoPagePrevNext {
	width: 640px;
}

#videoPageTitle {
	width: 370px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	text-align: center;
}

#videoPagePrevButton{
	float: left;
	margin-top: -3px !important;
	
	/*IE 6 FIX*/
	margin-top: 0px;
}

#videoPageNextButton{
	float: right;
	margin-top: -38px !important;
	
	/*IE 6 FIX*/
	margin-top: -35px;
}

#videoPageVideoBox {
	width: 640px;
	height: 500px;
	padding-top: 10px;
	margin-top: 20px;
}

#videoPageRightNav {
	width: 282px;
	float: right;
	margin-top: 0px;
}

#videoPageInfoContainer {
	margin-top: -2px;
	margin-bottom: 20px;
}

.videoPageInfoBG {
	background: url(/redesign/images/videoPageInfoBoxRepeat.png) repeat-y;
}

.videoPageSocialButtons {
	border: 0px solid;
	width: 278px;
	height: 25px;
	overflow: hidden;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

.nospace {
	padding:0px;
	margin:0px;
}

#videoPageInfo{
	float: left;
	width: 190px;
	margin: -70px 0 35px 80px !important;
	
	/*IE FIX*/
	margin: -70px 0 35px 40px;
}

#videoPageInfoPicture{
	width: 55px;
	height: 55px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px 0 0 4px;
	margin: 2px 0 15px 10px;
}

#videoPageRightButtons{
	text-align: center;
	height: 26px;
	margin-bottom: 18px;
}

#videoPageRightButtons img{
	padding: 0;
}

.toggle-bookmark {
    background: url(/redesign/graphics/videoFavoriteDuality.png) no-repeat left top;
    width:94px;
    height:26px;
    float:left;
    cursor:pointer;
}    

.bookmark_on {
    background-position: 0px -26px !important;
}    

.video-button-container {
    width:94px;
    height:26px;
    float:left;
    cursor:pointer;
}

.videoPageRightSubhead{
	background-image: url(/redesign/images/videoPageInfoBoxSubhead.png);
	width: 282px;
	height: 32px;
}

.videoPageRightSubhead p{
	margin: 0 0px 0px 8px;
	padding: 10px 0 0;
}

#videoPageCourseContainer{
	background: url(/redesign/images/videoPageInfoBoxRepeat.png) repeat-y;
}

#videoPageCourseContainer ul{
	margin: 8px 0 8px -30px;
}

#videoPageCourseHeader{
	width: 283px;
	height: 36px;
	background: url(/redesign/images/videoPageInfoCourseHeader.png) no-repeat;
}

#videoPageCourseHeader p{
	margin-left: 8px;
	padding-top: 10px;
}

#videoPageUpgrade{
	margin-top: 40px;
	font-size: 14px;
	text-align: center;
}

#videoPageTabsContainer {
	width: 641px;	
	z-index: -1;
}

#videoPageTabs {
	margin-top: 30px;
	width: 641px;
	height: 43px;
	background: url(/redesign/images/videoPageTabsBase.png) no-repeat bottom;
}

#videoPageTabs img{
	float: left;
	margin: 0px;
	padding: 0px;
}

/**************
LESSON STYLE SECTION
**************/

#styleTypeContainer {
	width: 620px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/**************
STYLE LISTING SECTION
**************/

#styleListingContainer{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

#styleListingTopQuickNav{
	width: 100%;
	text-align: right;
	margin-left: -20px;
	/*margin-bottom: -20px;*/
	font-size: 13px;
}

#styleListingTopQuickNav a{
	color: #808080;
	font-weight: normal;
}

.styleListingMoreTutorials {
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

.styleSectionHeader {
}

.styleSectionBody {
	background: url(/redesign/images/styleListingBodyRepeat.png) repeat-y;
}

.styleSectionHeaderDesc {
	width: 600px;
	padding-top: 5px;
	margin-left: 40px;
	color: #333333;
	font-size: 14px;
}

.styleSectionHeaderDesc ul{
	margin: 0px;
	padding: 0px;
}

.styleSectionHeaderDetails {
	width: 300px;
	margin-top: -50px;
	float: right;
}

.styleSectionHeaderDetails ul{
	margin: 0px;
	list-style: none;
	padding-left: 10px;
	border-left: 1px solid #CCCCCC;
}

.styleSectionHeaderDetails span{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #A11F1F;
}

.styleLessonHeader {
	height: 27px;
	background: url(/redesign/images/styleListingBodyHeader.png) no-repeat;
}

.styleLessonBody {
	background: url(/redesign/images/styleListingBodyRepeat.png) repeat-y;
}

.styleLessonDesc{
	width: 710px;
	padding: 10px;
}

.styleLessonPicture {
	width: 70px;
	height: 70px;
	border: 1px solid #CCCCCC;
	padding: 2px 0 0 2px;
	background-color: #ffffff;
}

.styleLessonDescParagraph {
	float: right;
	margin-top: -80px;
	margin-left: 86px;
	padding-right: 6px;
	border-right: 1px solid #CCCCCC;
}

.styleLessonDetails{
	width: 225px;
	margin-left: 695px;
	position: absolute;
}

.styleLessonDetails ul{
	margin: 0px;
}

.styleLessonDetails li{
	list-style: none;
	padding-left: 10px;
	margin-top: 2px;
}

/**************
HISTORY & BOOKMARKS SECTION
**************/

#hbContainer {
	width: 745px;
	float: right;
	margin: -842px 30px 0 0;
}

.hbLessonBody {
	background: url(/redesign/images/hbListingBodyRepeat.png) repeat-y;
}

.hbLessonHeader {
	height: 27px;
	background: url(/redesign/images/hbListingBodyHeader.png) no-repeat;
}

.hbLessonDesc{
	width: 550px;
	padding: 10px;
}

.hbLessonPicture {
	background-color: #ffffff;
	background: url(/redesign/graphics/bg-photo-box.gif) no-repeat;
	width:75px;
	height:75px;
	padding:2px;
	margin:-3px 13px 0 0;
    border: none;
	overflow:hidden;
}

.hbLessonDescParagraph {
	text-align: justify;
	margin-top: -80px;
	margin-left: 86px;
	padding-right: 8px;
	border-right: 1px solid #CCCCCC;
}

.hbLessonDetails{
	width: 225px;
	margin-left: 525px;
	position: absolute;
}

.hbLessonDetails ul{
	margin: 0px;
}

.hbLessonDetails li{
	list-style: none;
	padding-left: 10px;
	margin-top: 2px;
}

/**************
STYLE LISTING (SIGNED OUT) SECTION
**************/

#styleListingSOContainer {
	width: 725px;
	margin-left: 232px;
	padding-left: 2px;

	width: 750px; /* 2012 Apr 09  (was 725) */
	margin-left: 10px; /* 2012 Apr 09 (was 232)  */
	padding-left: 0px; /* 2012 Apr 09 (was 2)   */
	float: left;/* 2012 Apr 09 (added)   */
	
}

.styleListingSOCourseBody {
	background: url(/redesign/images/styleListingSORepeat.png) repeat-y;
}

.lessonbackgroundImage{
	background: url(/redesign/images/styleListingSORepeat.png) repeat-y;
}

.styleListingSOLessonBody {
	background: url(/redesign/images/styleListingSORepeat.png) repeat-y;
}

.styleLessonContainerBackgroudImage{
	background: url(/redesign/images/styleListingSORepeat.png) repeat-y;
}

.styleListingSOLessonHeader {
	height: 27px;
	background: url(/redesign/images/styleListingSOHeader.png) no-repeat;
}

.styleListingSOLessonDetails{
	width: 225px;
	margin-left: 515px;
	position: absolute;
}

.styleListingSOLessonDetails ul{
	margin: 0px;
}

.styleListingSOLessonDetails li{
	list-style: none;
	padding-left: 10px;
	margin-top: 2px;
}

/**************
TESTIMONIALS SECTION
**************/

#testimonialsContainer{
	width: 720px;
	float: right;
	margin-top: -423px;
	margin-right: 30px !important;
	
	/* IE FIX */
	margin-right: 15px;	
}

.testimonialContentContainer {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.testimonialPicture{
	float: left;
}

.testimonialCopy {
	width: 530px;
	min-height: 130px;
	color: #808080;
	line-height: 16px;
	margin-left: 170px;
}

.testimonialUserName {
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #A11F1F;
}

.testimonialUserLocation{
	font-size: 15px;
}

.testimonialUserBand{
	font-style: italic;
}

.testimonialHR {
	height: 1px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}


.instructorContentContainer {
	width: 630px;
}

.instructorCopy {
	margin:10px;
	color: #000000;
	line-height: 18px;
}

.instructorPicture {
	float:left;
	margin:10px;
	margin-top:15px;
	border:solid #000000 1px;
}
/**************
FREE LESSONS SECTION
**************/

#freeLessonsContainer {
	width: 722px;
	float: right;
	margin-top: -422px;
	margin-right: 30px !important;
	
	/* IE6 FIX */
	margin-right: 15px;
}

#freeLessonsContainer p{
	width: 722px;
	margin-left: auto;
	margin-right: auto;
}

.freeLessonsBoxContainer {
	width: 170px;
	height: 310px;
	float: left;
	padding: 4px;
}

.freeLessonsBoxContainer a{
	text-decoration: none;
	font-weight: normal;
}

.freeLessonsBoxHeader {
	background: url(/redesign/images/freeLessonsBoxHeader.png) no-repeat;
	height: 26px;
	padding-top: 5px;
	text-align: center;
}

.freeLessonsBoxBody {
	background: url(/redesign/images/freeLessonsBoxRepeat.png) repeat-y;
	margin-top: -5px;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

/*.freeLessonsBoxBody li{
	text-align: left;
	margin-left: 10px;
	font-size: 11px;
}/*

/* ADDED 10-14-07 */
.freeLessonsBoxBody ul{
	margin: 0px 10px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
}

.freeLessonsBoxBody span{
	font-size: 11px;
}

.freeLessonsBoxPicture{
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
        border: #808080 solid 1px;
}

.freeLessonsBoxLink{
	background: url(/redesign/images/freeLessonsBoxLink.png) no-repeat;
	width: 132px;
	height: 27px;
	text-align: left;
	margin: 10px 0 0 18px;
	padding: 6px 0 0 10px;
}

.freeLeesonsBoxRowLessons {
	width: 722px;
	height: 450px;
	margin-left: -3px;
	margin-right: auto;
	overflow:hidden;
}

.freeLeesonsBoxRowInstructors {
	width: 722px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

.freeLessonsBoxGrayHeader {
	background: url(/redesign/images/freeLessonsBoxGrayHeader.png) no-repeat;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	color: #666666;
}

.freeLessonsBoxGrayHeader span{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.freeLessonsBoxGrayBody {
	background: url(/redesign/images/freeLessonsBoxGrayRepeat.png) repeat-y;
	margin-top: -5px;
	text-align: center;
}

.freeLessonsBoxGrayBody li{
	text-align: left;
	margin-left: 10px;
	font-size: 11px;
	color: #999999;
}

.freeLessonsBoxGrayBody span{
	font-size: 11px;
	color: #cccccc;
}

.freeLessonsBoxGrayLink{
	background: url(/redesign/images/freeLessonsBoxGrayBoxLink.png) no-repeat;
	width: 132px;
	height: 27px;
	text-align: left;
	color: #999999;
	padding: 6px 0 0 10px;
	margin: 10px 0 0 18px;
}

#instructorListContainer {
	width: 722px;
	float: right;
	margin-top: -422px;
	margin-right: 30px !important;
	
	/* IE6 FIX */
	margin-right: 15px;
}

#instructorListContainer p{
	width: 722px;
	margin-left: auto;
	margin-right: auto;
}

.instructorListBoxContainer {
	width: 170px;
	height: 310px;
	float: left;
	padding: 4px;
}

.instructorListBoxContainer a{
	text-decoration: none;
	font-weight: normal;
}

.instructorListBoxHeader {
	background: url(/redesign/images/freeLessonsBoxHeader.png) no-repeat;
	height: 26px;
	padding-top: 5px;
	text-align: center;
}

.instructorListBoxBody {
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(/redesign/images/freeLessonsBoxRepeat.png) repeat-y;
	line-height: 18px;
	margin-top: -5px;
	text-align: center;
}

.instructorListBoxBody a{
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 18px;
        text-decoration: underline;
}


.instructorListBoxBody li{
	text-align: left;
	margin-left: 10px;
	font-size: 11px;
}

.instructorListBoxBody span{
	font-size: 11px;
}

.instructorListBoxPicture{
	margin-top: 10px;
	margin-bottom: 0px;
        border: #808080 solid 1px;
}

.instructorListBoxLink{
	background: url(/redesign/images/freeLessonsBoxLink.png) no-repeat;
	width: 132px;
	height: 27px;
	text-align: left;
	margin: 10px 0 0 18px;
	padding: 6px 0 0 10px;
}

.freeLeesonsBoxRowLessons {
	width: 722px;
	height: 280px;
	margin-left: auto;
	margin-right: auto;
}

.freeLeesonsBoxRowInstructors {
	width: 722px;
	height: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

.instructorListBoxGrayHeader {
	background: url(/redesign/images/freeLessonsBoxGrayHeader.png) no-repeat;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	color: #666666;
}

.instructorListBoxGrayHeader span{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.instructorListBoxGrayBody {
	background: url(/redesign/images/freeLessonsBoxGrayRepeat.png) repeat-y;
	margin-top: -5px;
	text-align: center;
}

.instructorListBoxGrayBody li{
	text-align: left;
	margin-left: 10px;
	font-size: 11px;
	color: #999999;
}

.instructorListBoxGrayBody span{
	font-size: 11px;
	color: #cccccc;
}

.instructorListBoxGrayLink{
	background: url(/redesign/images/freeLessonsBoxGrayBoxLink.png) no-repeat;
	width: 132px;
	height: 27px;
	text-align: left;
	color: #999999;
	padding: 6px 0 0 10px;
	margin: 10px 0 0 18px;
}

/**************
INSTRUCTOR BIO SECTION
**************/

#instructorProfileContainer {
	width: 282px;
	background: url(/redesign/images/instructorProfileBoxRepeat.png) repeat-y;
	text-align: center;
	margin-left: 30px;
}

#instructorProfilePictureContainer {
	width: 260px;
	height: 195px;
	background: url(/redesign/images/instructorProfilePictureBox.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 18px;
}

#instructorProfilePictureBox {
	width: 160px;
	height: 160px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: auto;
}

#instructorProfilePicture{
	margin-top: 5px;
}

#instructorMessageButton{
	margin-left: 30px;
	margin-top: 10px;
}

#instructorPorfileInfo {
	text-align: left;
	margin-left: -25px;
}

#instructorPorfileInfo li {
	list-style: none;
}

#instructorBioContainer{
	width: 625px;
	float: right;
	margin-right: 35px !important;
	
	/* IE6 FIX */
	margin-right: 16px;

	margin-top: -320px;
}

#instructorLessonTabsContainer {
	margin-left: auto;
	margin-right: auto;
	width: 962px;	
}

#instructorLessonTabs {
	margin-top: 30px;
	width: 942px;
	height: 43px;
	/*background: url(/redesign/images/instructorTabBottom.png) no-repeat bottom;*/
}

#instructorLessonTabs img{
	float: left;
	margin: 0px;
	padding: 0px;
}

#instructorLessonTabsContent{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

/**************
FULL ACCESS SECTION
**************/

#fullAccessContainer {
	width: 925px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* MODIFIED 10-14-08 */

	#fullAccessToolInfoContainer {
		width: 282px;
		text-align: center;
		float: right;
		margin-top: 4px;
	}
	
	#fullAccessToolUpgradeButton {
		margin-top: 50px;
	}
	
	#fullAccessToolInfoHeader {
		width: 282px;
		height: 38px;
		background: url(/redesign/images/fullAccessInfoBoxHeader.png) no-repeat;
		padding-top: 10px;
	}
	
	#fullAccessToolInfoBody {
		background: url(/redesign/images/fullAccessInfoBoxRepeat.png) repeat-y;
		padding: 10px 10px 10px 20px;
		margin-top: -10px;
	}
	
	#fullAccessToolInfoBody p{
		padding: 0px;
		margin: 0px;
		text-align: left;
		line-height: 20px;
		font-size: 14px;
	}

/* END MODIFICATION */

.fullAccessHeaderContainer{
	width: 642px;
	height: 38px;
	background: url(/redesign/images/fullAccessHeaderBackground.png) no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-left: 10px;
}

.fullAccessHeaderUpgradeButton{
	float: right;
	margin-right: 20px;
}

#fullAccessVideoBox{
	width: 680px;
	margin: 0px auto;
	text-align: left;
}

#fullAccessVideoBoxBody{
	padding: 10px 20px;
	background: url(/redesign/images/fullAccesssVideoBoxBody.png) repeat-y;
}

#fullAccessVideoHeader {
	margin-bottom: 20px;
}

#fullAccessInfoContainer{
	float: right;
	width: 475px;
	text-align: left;
	margin-top: -2px;
}

#fullAccessVideoInfo{
	width: 490px;
	margin-top: 5px;
}

#fullAccessVideoInfo li{
	margin-top: -4px;
}

#fullAccessVideoDesc{
	margin-top: 14px;
}

#signupBillingContainer{
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#fullAccessVideoHotlineContainer{
	margin-left: 15px;
	margin-top: 30px;
}

#fullAccessVideoHotline{
	color: #A11F1F;
	font: bold 40px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.fullAccessButtonNext{
	float: right;
	margin-top: -55px;
}

#fullAccessVideoChart {
	text-align: left;
	width: 680px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

#fullAccessVideoChart table{
	background: #f2f2f2;
	border: 1px solid #cccccc;
}

#fullAccessVideoChart td{
	border: 0px solid #cccccc;
}

/**************
SIGNUP SECTION
**************/

#signupContainer{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#signupMemberInfoContainer{
	height: 225px;
	width: 500px;
	margin: 40px auto 0 !important;
}

.signupMemberInfoLeft{
	text-align: left;
	float: left;
	font-size: 15px;
	width: 200px;
}

.signupMemberInfoRight{
	text-align: left;
	float: right;
	font-size: 15px;
	width: 200px;
}

.priceIconMargin{
	margin-bottom: -5px !important;
	margin-top: 0px !important;
	
	/*IE6 FIX*/
	margin-bottom: -5px;
	margin-top: 12px;
}

.signupMemberInfo li{
	margin-top: -5px ;	
}

.signupRedText{
	color: #A11F1F;
}

.signupStrikeOut{
	color: #000000;
	text-decoration: line-through;
}

.singupBoldStrikeOut {
	color: #000000;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: line-through;
}

#signupFormContainer{
	width: 680px;
	margin: 0px auto 0;
	text-align: left;
}

.signupSubhead{
	background: url(/redesign/images/signupSubheadBackground.png) no-repeat;
	width: 680px;
	height: 24px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.signupSubhead h3{
	padding-left: 10px;
	padding-top: 3px;
}

.signupInputContainer{
	float: left;
	margin-right: 20px;
}

.signupInputConfirm{
	float: left;
}

#signupBillingType{
	width: 682px;
	height: 82px;
	background: url(/redesign/images/signupBillingTypeBackground.png) no-repeat;
	margin: 25px 0;
}

#signupBillingType p{
	margin: 0px;
	padding: 12px 15px 0px;
}

#signupBillingDetails{
	float: right;
	color: #808080;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: -68px;
}

#signupBillingDetails p{
	padding-top: 18px;
}

#signupPaymentTypeInfo p{
	margin-top: 20px;
	margin-left: 15px;
}

#signupPaymentTypeIcons{
	float: right;
	margin-top: -130px;
	margin-right: 315px !important;
	
	/*IE 6 FIX*/
	margin-right: 160px;

}

#signupPaymentTypeIcons p{
	margin: 0px;
	padding-top: 6px
}

.signupButtonNext{
	float: right;
}

/**************
HELP SECTION
**************/

/*HELP CONTAINERS*/

#helpContainer {
	width: 625px;
	margin: 25px auto 0;
}

.helpContentContainer {
	width: 600px;
}

.helpContentBackground{
	padding: 4px;
	width: 600px;
	line-height: 1.5;
	background: url(/redesign/images/helpContentRepeat.png) repeat-y;
}

.helpContentWhite{
	padding: 4px;
	width: 600px;
	line-height: 1.5;
}

.helpContentFooter{
	padding-bottom: 20px;
}

.helpContentSubheader {
	background: url(/redesign/images/helpSubhead.png) no-repeat;
	height: 26px;
	width: 625px;
}

#helpContactContainer {
	width: 625px;
	margin-left: 215px;
	margin-top: -192px;
}

#helpContactAddress{
	width: 375px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}

#helpContactForm{
	width: 400px;
	margin: 20px 0 0 10px !important;
	
	/*IE 6 FIX*/
	
	margin: 10px 0 0 10px;
}

#helpContactForm li{
	margin: 6px 0 0;
}

.helpContactFormInput{
	margin-right: 20px;
	float: right;
}

#helpContactFormTextarea{
	width: 380px;
}

#helpContactFormButtons{
	margin: 20px 0 0;
	float: right;
}

#helpContactFormSubmit{
	margin: 0 20px 0 30px;
}

/**************
ADV SEARCH SECTION
**************/

#advSearchContainer{
	width: 602px;
	margin: 0 auto;
}

#advSearchBody{
	background: url(/redesign/images/advSearchContainerRepeat.png) repeat-y;
	padding-top: 10px;
}

.advSearchRow{
	width: 510px !important;
	
	/*IE 6 FIX*/
	width: 535px;
	
	margin: 0 auto;
}

.advSearchFieldContainer{
	width: 150px;
	margin: 10px;
	float: left;
}

.advSearchFieldHeader{
	width: 160px;
	height: 26px;
	text-align: center;
	background: url(/redesign/images/advancedSearchFieldHeader160.png) no-repeat;
}

.advSearchFieldHeader p{
	margin:0;
	padding-top: 5px;
	font-size: 13px;
}

.checklistShort {
    list-style: none;
    overflow: auto;
    width: 158px;
    height: 120px;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
}

.checklistShort, .checklistShort li { margin: 0; padding: 0; }

.checklistShort label {
    display: block;
    padding-top: 4px;
    padding-left: 25px;
    text-indent: -25px;
    background: url(/redesign/images/advSearchOptionBg.png) no-repeat;
	height: 26px;
}

.checklistShort label:hover { 
    background: #777 url(/redesign/images/advSearchOptionBgOver.png) no-repeat;
}

.checklistLong {
    list-style: none;
    overflow: auto;
    width: 158px;
    height: 150px;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    border-left: 1px solid #808080;
}

.checklistLong, .checklistLong li { margin: 0; padding: 0; }

.checklistLong label {
	padding-top: 4px;
    display: block;
    padding-left: 25px;
    text-indent: -25px;
    background: url(/redesign/images/advSearchOptionBg.png) no-repeat;
	height: 26px;
}

.checklistLong label:hover { 
    background: #777 url(/redesign/images/advSearchOptionBgOver.png) no-repeat;
}

#advSearchBottomFields {
	width: 540px;
	margin: 20px auto 5px;
	height: 50px;
}

#advSearchButton{
	float: right;
	margin-top: -62px;
	margin-right: 30px;
}

#advSearchFooter {
	margin-top: -5px;
	margin-left: auto;
	margin-right: auto;
}

/**************
ADV RESULT SECTION
**************/

#advResultContainer{
	width: 940px;
	margin: 0 auto;
}

#advResultTitle{
	margin: 0px;
}

#advResultHR{
	height: 2px;
	background-color: #CCCCCC;
	border: 0;
}

#advResultFilter {
	margin: 20px 0;
	width: 940px;
}

#advResultFilterTitle{
	font-size: 13px;
	margin: 30px 0px 0px;
}

.advResultFilterContainer{
	width: 150px;
	float: right;
	margin: -28px 0 0 10px;
}

.advResultFilterContainer select{
	width: 150px;
}

.advResultFilterHeader{
	background-image: url(/redesign/images/advResultFilterHeader.png);
	width: 150px;
	height: 26px;
	text-align: center;
}

.advResultFilterHeader p{
	margin: 0px;
	padding-top: 5px;
	font-size: 13px;
}

#advResultTableHeader {
	background: url(/redesign/images/advResultHeader.png) no-repeat;
	border: none;
}

/* this element, element syntax seems to affect all elements not just in this id. so i comment out, effect is replaced below.
#advResultTableHeader table, td{
	border: none;
}
*/

#advResultTableHeader table{
	border: none;
}

#advResultTableHeader td{
	border: none;
}

.advResultHeaderTitle{
	font-size: 13px;
	padding-left: 8px;
}

#advResultTable{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

/* Commeneted this out becasue it was causing table borders on ALL tables, not just advResultTable
 #advResultTable table, td{
    border-color: #808080;
    border-style: solid;
}*/

#advResultTable table{
    border-width: 0 0 1px 1px;
    border-spacing: 0px;
}

#advResultTable td{
    margin: 0px;
    padding: 0px;
    border-width: 1px 1px 0 0;
}


/*
#advResultTable td{
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

#advResultTable table{
	border-bottom: 1px solid #808080;
}

.advResultTableRight{
	border-right: 1px solid #808080;
}
*/

#advResultTable tr{
	background: url(/redesign/images/advResultRowNS.png) no-repeat;
}

#advResultTable tr:hover{
	background: #777 url(/redesign/images/advResultRowS.png) no-repeat;
}


.copyText {
	width: 630px;
	text-align: justify;
	margin:10px;
	color: #000000;
	line-height: 16px;
}


/* div.zi amn img.x were added to solve a presentation issue on a course page where the course
navigation overlapped a tab image. In essence there two class ensure that the course navigation
is a higher z-index than the image, regardless of how the image is displayed.
*/
div.zi
{
position:relative;
z-index:1;
}
img.x
{
position:relative;
z-index:0;
}



#pricingContainer{
	width: 682px;
	margin-top: -8px;
	padding: 0px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

#pricingContainer3Column{
	width: 682px;
	margin-top: -8px;
	margin: auto;
	padding: 0px;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

#pricingHeader3Column{
	padding: 0px;
	width: 682px;
	margin: auto;
	height: 39px;
	z-index: 1;
	background: url(/redesign/graphics/prices_3column_header.jpg) no-repeat left top;
}

#pricingChart3Column{
	padding: 0px;
	background: url(/redesign/images/gtPricingFooter2.png) no-repeat center bottom;
}

#pricingHeader{
	padding: 0px;
	width: 682px;
	.margin-top: 8px;
	height: 47px;
	position: absolute;
	z-index: 1;
	background: url(/redesign/images/gtPricingHeader2.png) no-repeat left top;
}

#pricingChart{
	margin-top: 47px;
	padding: 0px;
	background: url(/redesign/images/gtPricingFooter2.png) no-repeat center bottom;
}

#pricingFooter{
	height: 120px;
	text-align: center;
}

.pricingButton{
	margin-top: 55px;
}
.pricingCol1-Dark-3column{
	padding: 8px;
	background-color: #e6e6e6;
	border: 1px #ccc solid;
	width: 168px;
}

.pricingCol1-Light-3column{
	padding: 8px;
	background-color: #f2f2f2;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

.pricingCol1-Dark{
	padding: 8px;
	background-color: #e6e6e6;
	width: 195px;
	border: 1px #ccc solid;
}

.pricingCol1-Light{
	padding: 8px;
	background-color: #f2f2f2;
	width: 195px;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

.pricingCol2-Dark-gt{
	padding: 8px;	
	text-align: center;
	color: black;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f2f2f2;
	width: 198px;
}

.pricingCol2-Light-gt{
	padding: 8px;	
	text-align: center;
	color: black;
	background-color: #f2f2f2;
}
.pricingCol2-Dark{
	padding: 8px;	
	text-align: center;
	color: black;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f2f2f2;
	width: 295px;
}

.pricingCol2-Light{
	padding: 8px;	
	text-align: center;
	color: black;
	background-color: #f2f2f2;
	width: 295px;
}
.pricingCol3-Dark-3column{
	padding: 8px;	
	text-align: center;
	color: #666;
	background-color: #e6e6e6;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	width: 123px;
}

.pricingCol3-Dark{
	padding: 8px;	
	text-align: center;
	color: #666;
	background-color: #e6e6e6;
	width: 188px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}
.pricingCol3-Light-3column{
	padding: 8px;	
	text-align: center;
	color: #666;
	background-color: #f2f2f2;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}


.pricingCol3-Light{
	padding: 8px;	
	text-align: center;
	color: #666;
	background-color: #f2f2f2;
	width: 188px;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}

/********************
* MultiVideo Player *
********************/

#vpContainer{
    width: 748px;
    height: 398px;
    background: #fff url(/redesign/graphics/vpBackground.jpg) top left no-repeat;
    position: relative;
}

#vpContainer div.vpPlayer{
    position: absolute;
    top: 7px;
    left: 7px;
    width: 585px;
    height: 352px;
}

#vpContainer #hourlyDiv{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 583px;
    height: 350px;
    border:1px solid #000000;
    background-color: #880000;
    color: #ffffff; 
    text-align: center;
}

#vpContainer div.vpPlaylist{
    position: absolute;
    top: 7px;
    left: 591px;
    width: 150px;
    height: 316px;
    height: 352px;
}

#vpContainer div.vpButtons{
    position: absolute;
    top: 357px;
    left: 7px;
    text-align: center;
}

/*---play list-------*/
#vpContainer ul.vpPlayerList{
    margin-top: 0px;
    padding-left: 0px;
}

#vpContainer ul.vpPlayerList li{
    list-style: none;
}

#vpContainer ul.vpPlayerList li.vpListHeader{
    width: 149px;
    margin-left: 1px;
    height: 30px; /* 2012 Apr 09 (was 28) */
    background: url(/redesign/graphics/vpListHeader.jpg) top left no-repeat;
    text-indent: -9999px;
    border: none;
}

#vpContainer ul.vpPlayerList li{
    width: 147px;
    margin-left: 1px;
    height: 63px;
    display: block;
    background: #fff url(/redesign/graphics/vpListBackgroundFans.jpg) top left no-repeat;
    border-bottom: 1px solid #B2B3B5;
    border-left: 1px solid #B2B3B5;
    border-right: 1px solid #B2B3B5;
    position: relative; 
}

#vpContainer ul.vpPlayerList li:hover{
    background-position: bottom left;
}

#vpContainer ul.vpPlayerList li a{
    display: block;
    text-decoration: none;
    cursor: pointer;
}

#vpContainer ul.vpPlayerList li a:hover{
    color: #333;
}

#vpContainer ul.vpPlayerList li p{
    margin: 0;
    padding: 3px;
    height: 56px;
}

#vpContainer ul.vpPlayerList li p img{
border: solid #999999 1px;
    float: left;
}

#vpContainer ul.vpPlayerList li p span{
    display: block;
    padding-left: 44px;
    font-size: 11px;
    line-height: 14px;
    font-weight: normal;
}

#vpContainer ul.vpPlayerList .fullVideoLink{
    display: block;
    position: absolute;
    z-index: 10;
    top: 44px;
    left: 83px;
    width: 58px;
    height: 13px;
    background: #fff url(/redesign/graphics/full_view_button.jpg) top left no-repeat;
}

#vpContainer ul.vpPlayerList .fullVideoPic {
    display: block;
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 4px;
    width: 55px;
    height: 55px;
}

#vpContainer ul.vpPlayerList .fullVideoText {
    display: block;
    position: absolute;
    z-index: 10;
    top: 4px;
    left: 64px;
    width: 81px;
    height: 55px;
    overflow: hidden;
    font-size: 11px;
    line-height: 12px;
    font-weight: normal;
}

#vpContainer .vpPlayerList .get24more a {
    width: 147px;
    margin-left: 1px;
    height: 63px;
    display: block;
    background: #fff url(/redesign/graphics/24more.png) top left no-repeat;
}

#vpContainer .vpPlayerList .get24more a:hover {
    background-position: bottom left;
}

#vpContainer ul.vpPlayerList li span.fullVideo a{
    color: #999;
    font-weight: normal;
}

#vpContainer ul.vpPlayerList li span.fullVideo a:hover{
    text-decoration: underline;
}

/* Menus Bar */
#vpContainer ul.vpBottomBtns{
    width: 734px;
    height: 34px;
    margin: 0 auto;
    padding: 0;
}

#vpContainer ul.vpBottomBtns li{
    list-style: none;
    float: left;
}

#vpContainer ul.vpBottomBtns li a{
 outline: none; 

    display: block;
    height: 34px;
}


/* Unpaid Menu */
#vpContainer ul.vpBottomBtns li.vpBtnWelcome_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnWelcome_Unpaid.jpg) top left no-repeat;
    width: 148px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnWelcome_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnChannel_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnChannel_Unpaid.jpg) top left no-repeat;
    width: 145px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnChannel_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnSiteTour_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnSiteTour_Unpaid.jpg) top left no-repeat;
    width: 145px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnSiteTour_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnForYou_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnForYou_Unpaid.jpg) top left no-repeat;
    width: 147px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnForYou_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnMore_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnMore_Unpaid.jpg) top left no-repeat;
    width: 149px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnMore_Unpaid_Off:hover{
    background-position: bottom left;
}

/* Extra Unpaid Buttons */
#vpContainer ul.vpBottomBtns li.vpBtnBonus_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnBonus_Unpaid.jpg) top left no-repeat;
    width: 147px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnBonus_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnExtras_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnExtras_Unpaid.jpg) top left no-repeat;
    width: 147px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnExtras_Unpaid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnAboutUs_Unpaid_Off{
    background: url(/redesign/graphics/vpBtnAboutUs_Unpaid.jpg) top left no-repeat;
    width: 147px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnAboutUs_Unpaid_Off:hover{
    background-position: bottom left;
}


/* Paid Menu */
#vpContainer ul.vpBottomBtns li.vpBtnChannel_Paid_Off{
    background: url(/redesign/graphics/vpBtnChannel_Paid.png) top left no-repeat;
    width: 148px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnChannel_Paid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnHistory_Paid_Off{
    background: url(/redesign/graphics/vpBtnHistory_Paid.png) top left no-repeat;
    width: 145px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnHistory_Paid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnBookmarks_Paid_Off{
    background: url(/redesign/graphics/vpBtnFavorites_Paid.png) top left no-repeat;
    width: 145px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnBookmarks_Paid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnUserGuide_Paid_Off{
    background: url(/redesign/graphics/vpBtnUserGuide_Paid.png) top left no-repeat;
    width: 147px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnUserGuide_Paid_Off:hover{
    background-position: bottom left;
}

#vpContainer ul.vpBottomBtns li.vpBtnMore_Paid_Off{
    background: url(/redesign/graphics/vpBtnMore_Paid.png) top left no-repeat;
    width: 149px;
    text-indent: -9999px;
}

#vpContainer ul.vpBottomBtns li.vpBtnMore_Paid_Off:hover{
    background-position: bottom left;
}

#easy_system_cls_description_container {
	width: 700px;
	margin: auto;
	font-size: 14px;
	margin-top: 20px;
	height: 200px;
}
#easy_system_cls_description {
	width: 700px;
	margin: auto;
	font-size: 14px;
	margin-top: 20px;
}
.home {
	width:783px;
	margin:0 auto;
}
.header-area {
	width:100%;
	background:url(/redesign/graphics/cls/bg-header.gif) repeat-x 0 -25px;
}
#header {
	background:url(/redesign/graphics/cls/bg-header.gif) no-repeat;
}
#header .frame {
	background:url(/redesign/graphics/cls/bg-header.gif) no-repeat 100% 100%;
	height:25px;
	overflow:hidden;
	padding:0 14px;
}
#nav {
	margin:0;
	list-style:none;
	padding:9px 0 0;
	overflow:hidden;
	float:left;
}
#nav li {
	float:left;
	margin:0 31px 0 -18px;
	padding:0 0 0 18px;
	background:url(/redesign/graphics/cls/divider-nav.gif) no-repeat;
}
#nav a {
	float:left;
	background:url(/redesign/graphics/cls/text-nav.gif) no-repeat;
	height:8px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav .guitar-tricks {width:73px;}
#nav .learning-system {
	width:120px;
	background-position: -80px 0;
}
.main-area {
	background:url(/redesign/graphics/cls/bg-main-area.gif) repeat-y;
}
#main {
	background:url(/redesign/graphics/cls/bg-main.gif) no-repeat 0 100%;
	padding:0 1px 13px;
	position:relative;
}
#main .frame{
	background:url(/redesign/graphics/cls/bg-main-frame.gif) repeat-x 0 100%;
}
.logo {
	background:url(/redesign/graphics/cls/logo.gif) no-repeat;
	width:167px;
	height:94px;
	position:absolute;
	top:42px;
	left:43px;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a {
	display:block;
	height:100%;
}
.steps {
	min-height:495px;
	background:url(/redesign/graphics/cls/bg-steps.gif) no-repeat 48px 80px;
}
* html .steps {height:495px;}
a.btn {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
a.btn span {
	display:block;
	cursor:pointer;
}
.steps .btn {position:absolute;}
a.btn:hover {background-position:0 100%;}
.start-here {
	position:absolute;
	background:url(/redesign/graphics/cls/text-start-here.gif) no-repeat;
	width:124px;
	height:32px;
	text-indent:-9999px;
	overflow:hidden;
	left:36px;
	top:285px;
	margin:0;
}
.fundamentals-l1 {
	background:url(/redesign/graphics/cls/btn-fundamentals-l1.gif) no-repeat;
	width:130px;
	height:129px;
	left:33px;
	top:336px;
}
.fundamentals-l2 {
	background:url(/redesign/graphics/cls/btn-fundamentals-l2.gif) no-repeat;
	width:130px;
	height:130px;
	left:187px;
	top:182px;
}
.blues-l1 {
	background:url(/redesign/graphics/cls/btn-blues-l1.gif) no-repeat;
	width:142px;
	height:92px;
	left:401px;
	top:77px;
}
.country-l1 {
	background:url(/redesign/graphics/cls/btn-country-l1.gif) no-repeat;
	width:142px;
	height:92px;
	left:401px;
	top:201px;
}
.rock-l1 {
	background:url(/redesign/graphics/cls/btn-rock-l1.gif) no-repeat;
	width:142px;
	height:92px;
	left:401px;
	top:325px;
}
.blues-l2 {
	background:url(/redesign/graphics/cls/btn-blues-l2.gif) no-repeat;
	width:142px;
	height:92px;
	left:605px;
	top:41px;
}
.country-l2 {
	background:url(/redesign/graphics/cls/btn-country-l2.gif) no-repeat;
	width:142px;
	height:92px;
	left:605px;
	top:166px;
}
.rock-l2 {
	background:url(/redesign/graphics/cls/btn-rock-l2.gif) no-repeat;
	width:142px;
	height:92px;
	left:605px;
	top:289px;
}
.cls-buttons {
	width:739px;
	margin:0 auto;
	padding:9px 0 0;
	overflow:hidden;
}
.learning-system {
	width:241px;
	height:192px;
	float:left;
}
.learning-system span {
	background:url(/redesign/graphics/cls/btn-learning-system.png) no-repeat;
	height:384px !important;
}
.learning-system:hover span {
	margin:-192px 0 0;
}
.practice {
	margin:8px 0 0px 0px;
	width:241px;
	height:92px;
	float:left;
}
.practice span {
	background:url(/redesign/graphics/cls/btn-practice.png) no-repeat;
	height:184px !important;
}
.practice:hover span {
	margin:-92px 0 0;
}
.cls-buttons ul {
	margin:0;
	padding:0;
	width:498px;
	float:left;
	list-style:none;
}
.cls-buttons li {
	float:right;
	margin:0 0 8px 8px;
	display:inline;
}
.cls-buttons ul a:hover span {
	margin:-92px 0 0;
}
.cls-buttons ul span {
	height:184px;
}
.guitar-songs {
	width:241px;
	height:92px;
}
.guitar-songs span {background:url(/redesign/graphics/cls/btn-guitar-songs.png) no-repeat;}
.guitar-styles {
	width:241px;
	height:92px;
}
.guitar-styles span {background:url(/redesign/graphics/cls/btn-guitar-styles.png) no-repeat;}
.studies {
	width:241px;
	height:92px;
}
.studies span {background:url(/redesign/graphics/cls/btn-studies.png) no-repeat;}
.top-techniques {
	width:241px;
	height:92px;
	float:left;
}
.top-techniques span {background:url(/redesign/graphics/cls/btn-top-techniques.png) no-repeat;}
.tone {
	width:241px;
	height:92px;
	float:left;
}
.tone span {background:url(/redesign/graphics/cls/btn-tone.png) no-repeat;}
.chords-scales-arps {
	width:241px;
	height:92px;
}
.chords-scales-arps span {background:url(/redesign/graphics/cls/btn-scales-chords-arps.png) no-repeat;}
.navigation {
	width:185px;
	margin:0 auto;
	overflow:hidden;
}
.learning-system2 {
	width:185px;
	height:194px;
}
.learning-system2 span {
	background:url(/redesign/graphics/cls/btn-learning-system2.png) no-repeat;
	height:388px;
}
.learning-system2:hover span {margin:-194px 0 0;}
.small-buttons {
	list-style:none;
	margin:0;
	padding:11px 0 7px;
	overflow:hidden;
	width:200px;
}
.small-buttons li {
	float:left;
	padding:0 5px 5px 0;
}
.small-buttons a {
	width:90px;
	height:54px
}
.small-buttons span {height:108px;}
.small-buttons a:hover span {margin:-54px 0 0;}
.acoustic span {background:url(/redesign/graphics/cls/btn-acoustic.png) no-repeat;}
.metal span {background:url(/redesign/graphics/cls/btn-metal.png) no-repeat;}
.classical span {background:url(/redesign/graphics/cls/btn-classical.png) no-repeat;}
.surf span {background:url(/redesign/graphics/cls/btn-surf.png) no-repeat;}
.jazz span {background:url(/redesign/graphics/cls/btn-jazz.png) no-repeat;}
.blues span {background:url(/redesign/graphics/cls/btn-blues.png) no-repeat;}
.rockabilly span {background:url(/redesign/graphics/cls/btn-rockabilly.png) no-repeat;}
.funk span {background:url(/redesign/graphics/cls/btn-funk.png) no-repeat;}
.bluegrass span {background:url(/redesign/graphics/cls/btn-bluegrass.png) no-repeat;}
.rock span {background:url(/redesign/graphics/cls/btn-rock.png) no-repeat;}
.country span {background:url(/redesign/graphics/cls/btn-country.png) no-repeat;}
.world span {background:url(/redesign/graphics/cls/btn-world.png) no-repeat;}
.big-buttons {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}
.big-buttons li {
	width:100%;
	float:left;
	margin:0 0 12px;
}
.big-buttons a{
	width:100%;
	height:69px;
}
.big-buttons span {height:138px}
.big-buttons a:hover span {margin:-69px 0 0;}
.top-techniques2 span {background:url(/redesign/graphics/cls/btn-top-techniques2.png) no-repeat;}
.studies2 span {background:url(/redesign/graphics/cls/btn-studies2.png) no-repeat;}
.songs span {background:url(/redesign/graphics/cls/btn-songs.png) no-repeat;}
.practice2 span {background:url(/redesign/graphics/cls/btn-artofpractice-small.png) no-repeat;}
.tone2 span {background:url(/redesign/graphics/cls/btn-pursuitoftone-small.png) no-repeat;}
.chords-scales-arps2 span {background:url(/redesign/graphics/cls/btn-scalesandarpeggios-small.png) no-repeat;}
.lessons-styles {
	width:620px;
	margin:0 auto;
	position:relative;
	padding:9px 0 0;
	overflow:hidden;
}
.lessons-styles a {
	width:200px;
	height:81px;
}
.fundamentals1 {
	position:absolute;
	top:0;
	left:105px;
}
.fundamentals2 {
	position:absolute;
	top:0;
	left:315px;
}
.lessons-styles span {height:162px;}
.lessons-styles a:hover span {margin:-81px 0 0;}
.fundamentals1 span {background:url(/redesign/graphics/cls/btn-fundamentals1.png) no-repeat;}
.fundamentals2 span {background:url(/redesign/graphics/cls/btn-fundamentals2.png) no-repeat;}
.acoustic2 span {background:url(/redesign/graphics/cls/btn-acoustic2.png) no-repeat;}
.metal2 span {background:url(/redesign/graphics/cls/btn-metal2.png) no-repeat;}
.classical2 span {background:url(/redesign/graphics/cls/btn-classical2.png) no-repeat;}
.surf2 span {background:url(/redesign/graphics/cls/btn-surf2.png) no-repeat;}
.jazz2 span {background:url(/redesign/graphics/cls/btn-jazz2.png) no-repeat;}
.blues2 span {background:url(/redesign/graphics/cls/btn-blues2.png) no-repeat;}
.rockabilly2 span {background:url(/redesign/graphics/cls/btn-rockabilly2.png) no-repeat;}
.funk2 span {background:url(/redesign/graphics/cls/btn-funk2.png) no-repeat;}
.bluegrass2 span {background:url(/redesign/graphics/cls/btn-bluegrass2.png) no-repeat;}
.rock2 span {background:url(/redesign/graphics/cls/btn-rock2.png) no-repeat;}
.country2 span {background:url(/redesign/graphics/cls/btn-country2.png) no-repeat;}
.world2 span {background:url(/redesign/graphics/cls/btn-world2.png) no-repeat;}
.lessons-styles ul {
	list-style:none;
	margin:0;
	padding:0;
	width:630px;
	overflow:hidden;
}
.lessons-styles li {
	float:left;
	margin:0 10px 9px 0;
}


/***********************
* New Songs Page Design*
***********************/

#songs-menu {
	width: 877px;
	background-color: #e7e8ec;
	margin-top: -12px;
    	-moz-border-radius-bottomleft: 5px;
    	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.big-songs-buttons {
	list-style:none;
	margin-left: 25px;
	padding:17px 0 0px;
	overflow:hidden;
	width:120px;
}
.big-songs-buttons li {
	float:left;
	padding:0 5px 5px 0;
}
.big-songs-buttons a {
	width:166px;
	height:40px
}

.big-songs-buttons span {height:78px;}
.big-songs-buttons a:hover span {margin:-40px 0 0;}
.top-songs span {background:url(/redesign/graphics/btn-beginner-songs2.png) no-repeat;}
.beginner-songs span {background:url(/redesign/graphics/btn-tophits-songs2.png) no-repeat;}


.songs-buttons {
	list-style:none;
	padding:17px 0 0px;
	margin-left: 0px;
	overflow:hidden;
	width:570px;
}
.songs-buttons li {
	float:left;
	padding:0 5px 5px 0;
}
.songs-buttons a {
	width:90px;
	margin-right: 0px;
	height:54px
}

.songs-buttons span {height:108px;}
.songs-buttons a:hover span {margin:-54px 0 0;}
.songs-buttons-selected {margin:-54px 0 0;}
.acoustic-songs span {background:url(/redesign/graphics/btn-acoustic-songs.png) no-repeat;}
.metal-songs span {background:url(/redesign/graphics/btn-metal-songs.png) no-repeat;}
.classical-songs span {background:url(/redesign/graphics/btn-classical-songs.png) no-repeat;}
.surf-songs span {background:url(/redesign/graphics/btn-surf-songs.png) no-repeat;}
.jazz-songs span {background:url(/redesign/graphics/btn-jazz-songs.png) no-repeat;}
.blues-songs span {background:url(/redesign/graphics/btn-blues-songs.png) no-repeat;}
.rockabilly-songs span {background:url(/redesign/graphics/btn-rockabilly-songs.png) no-repeat;}
.funk-songs span {background:url(/redesign/graphics/btn-funk-songs.png) no-repeat;}
.bluegrass-songs span {background:url(/redesign/graphics/btn-bluegrass-songs.png) no-repeat;}
.rock-songs span {background:url(/redesign/graphics/btn-rock-songs.png) no-repeat;}
.country-songs span {background:url(/redesign/graphics/btn-country-songs.png) no-repeat;}
.world-songs span {background:url(/redesign/graphics/btn-world-songs.png) no-repeat;}

.master-songs-buttons {
	list-style:none;
	padding:17px 0 0px;
	margin-left: 0px;
	overflow:hidden;
	width:114px;
}
.master-songs-buttons li {
	padding:0 5px 5px 0;
}
.master-songs-buttons a {
	width:114px;
	height:113px
}

.master-songs-buttons span {height:226px;}
.master-songs-buttons a:hover span {margin:-113px 0 0;}
.master-songs-button span {background:url(/redesign/graphics/btn-masterlist-songs.png) no-repeat;}

/**************************************************
* css provided by psd2html for new skin 07/30/2010
**************************************************/

/********************************
* psd2html common specifications
********************************/
.instructor-info form {
    display: block;
}    

.instructor-info form,
.instructor-info fieldset {
	margin:0;
	padding:0;
	border-style:none;
}

.instructor-info a {text-decoration:none;}
.instructor-info a :hover {text-decoration:underline;}

/************************
* psd2html canvas layout
************************/
.psd2html-main-holder {
	width:909px;
	padding:0 36px 0 30px;
}
.psd2html-main-alt-holder {
	padding:0 0 0 18px;
	width:891px;
}

/***************
* heading-block
***************/
/* psd2html-heading-block */
.psd2html-heading-block {
	width:877px;
	color:#333;
	margin:0 0 17px;
}
.psd2html-heading-block-holder {
	width:100%;
	background: url(/redesign/graphics/bg-heading-block-r.gif) no-repeat 100% 0;
	overflow:hidden;
}
.psd2html-heading-block-holder .title {
	float:left;
	background: url(/redesign/graphics/bg-heading-title-c.gif) repeat-x;
}
.psd2html-heading-block-holder .title-holder {
	float:left;
	background: url(/redesign/graphics/bg-heading-title-l.gif) no-repeat;
}
.psd2html-heading-block-holder .title h2 {
	float:left;
	margin:0;
	padding:10px 20px 11px 13px;
	font-size:18px;
	line-height:22px;
	background: url(/redesign/graphics/bg-heading-title-r.gif) no-repeat 100% 0;
}

/****************
* song-sort-form 
****************/
.song-sort-form,
.song-sort-form fieldset {
	margin:0;
	padding:0;
	border-style:none;
    display:block;
}

.song-sort-form {
    position:absolute;
    top:8px; 
    left:727px;	
    overflow:hidden;
	width:150px;  /* changed aug-12-2010 to embed sort form within title */
	/* padding-top:10px; */  /* added aug-12-2010 to embed sort form within title */
	/* margin-bottom:24px; */
}

.song-sort-form fieldset {float:right; }

.song-sort-form-label {
	float:left;
	background: url(/redesign/graphics/sortby.png) no-repeat 100% 0;
    width: 55px;
    height: 18px;
}

.song-sort-form select {
	float:left;
	width: 75px;
	border:1px solid #b2b3b5;
	color:#333;
	font-size:10px;
	background:#ebebec url(/redesign/graphics/bg-select.gif) repeat-x;
	margin-left: 4px;
	margin-top: 1px;
}

.drilldown-dropdown {
	text-align:right;
	margin-top:50px;
	margin-right:75px;
	margin-bottom:-5px
}

/***************
* featured-item
***************/
.featured-item {
	border-collapse:collapse;
	margin:0 0 5px;
	table-layout: fixed;
	width:877px;
}
.featured-item th {
	text-align:center;
	font-weight:normal;
}
.featured-item td {
	padding:0;
	font-size:12px;
	line-height:14px;
	table-layout: fixed;
	text-align:center;
}

.featured-item  th .table-box {
	background: url(/redesign/graphics/bg-th-box-c.gif) repeat-x;
	width:100%;
	color:#333;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	text-align:center;
}

/* ----"title" left-aligned--------- */
.featured-item .title .table-box .table-box-frame {
	text-align:left;
}
.featured-item .title .table-box .table-box-frame span {
	padding-left:10px;
}
/* -------- */

.featured-item  th .table-box-holder {
	background: url(/redesign/graphics/bg-th-box-l.gif) no-repeat;
	width:100%;
}
.featured-item th .table-box-frame {
	background: url(/redesign/graphics/bg-th-box-r.gif) no-repeat 100% 0;
	width:100%;
	padding:4px 0 5px;
}
.featured-item a {text-decoration:none;}

.featured-item .begin {
	padding:0 0 14px;
	width:47px;
}
.featured-item .title {
	padding:0 0 14px;
	width:317px;
}
.featured-item .artist {
	padding:0 0 14px;
	width:141px;
}
.featured-item .style {
	padding:0 0 14px;
	width:96px;
}
.featured-item .difficulty {
	padding:0 0 14px;
	width:74px;
}
.featured-item .instructor {
	padding:0 0 14px;
	width:147px;
}
.featured-item .photo {
	padding:0 0 15px;
}

.featured-item th.begin,
.featured-item th.title,
.featured-item th.artist,
.featured-item th.style,
.featured-item th.difficulty,
.featured-item th.instructor,
.featured-item th.photo {padding:0 0 21px;}
.featured-item th.photo .table-box-frame {padding:0;}
.featured-item th.photo span {
	display:block;
	padding:5px 0 4px;
	background: url(/redesign/graphics/bg-th-span.gif) no-repeat 100% 0;
}
.featured-item td.photo {
	background: url(/redesign/graphics/image5.gif) no-repeat 100% 0;
}
.featured-item td.begin-holder {
	padding:0;
	width:47px;
	background: url(/redesign/graphics/bg-td-begin-c.gif) repeat-y;
}
.featured-item td .title-holder {
	padding:0;
	width:317px;
	background: url(/redesign/graphics/bg-td-title-c.gif) repeat-y;
	position: relative;	/* allows "new" indicator to be precisely positioned */
}
.featured-item td .title-holder .new-song {
    position: absolute;
    top: -3px;
    left: 243px;
    width: 50px;
    height: 46px;
	background: url(/redesign/graphics/new_balloon.png) no-repeat 100% 0;
}
.featured-item td .artist-holder {
	padding:0;
	width:141px;
	background: url(/redesign/graphics/bg-td-artist-c.gif) repeat-y;
}
.featured-item td.style-holder {
	padding:0;
	width:96px;
	background: url(/redesign/graphics/bg-td-style-c.gif) repeat-y;
}
.featured-item td.difficulty-holder {
	padding:0;
	width:74px;
	background: url(/redesign/graphics/bg-td-difficulty-c.gif) repeat-y;
}
.featured-item td.instructor-holder {
	padding:0;
	width:147px;
	background: url(/redesign/graphics/bg-td-instructor-c.gif) repeat-y;
}
.featured-item td.photo-holder {
	padding:0;
	width:55px;
	background:none;
}
.featured-item .begin-frame {
	background: url(/redesign/graphics/bg-begin-t.gif) no-repeat;
	height:1%;
	padding:0 0 0 1px;
}
.featured-item .title-frame {
	background: url(/redesign/graphics/bg-title-t.gif) no-repeat;
	width:100%;
}
.featured-item .artist-frame {
	background: url(/redesign/graphics/bg-artist-t.gif) no-repeat;
	width:100%;
}
.featured-item .style-frame {
	background: url(/redesign/graphics/bg-style-t.gif) no-repeat;
	width:100%;
}
.featured-item .difficulty-frame {
	background: url(/redesign/graphics/bg-difficulty-t.gif) no-repeat;
	width:100%;
}
.featured-item .instructor-frame {
	background: url(/redesign/graphics/bg-instuctor-t.gif) no-repeat;
	width:100%;
}
.featured-item .begin-inner {
	background: url(/redesign/graphics/bg-begin-b.gif) no-repeat 0 100%;
	height:55px;
	width:47px;
	display:table-cell;
	vertical-align:middle;
}
.featured-item .title-inner {
	background: url(/redesign/graphics/bg-title-b.gif) no-repeat 0 100%;
	height:55px;
	width:317px;
	display:table-cell;
	vertical-align:middle;
	text-align: left; /* Aug 23, 2010 */
	padding-left: 10px; /* Aug 23, 2010 */
}
.featured-item .artist-inner {
	background: url(/redesign/graphics/bg-artist-b.gif) no-repeat 0 100%;
	height:55px;
	width:141px;
	display:table-cell;
	vertical-align:middle;
}
.featured-item .style-inner {
	background: url(/redesign/graphics/bg-style-b.gif) no-repeat 0 100%;
	height:55px;
	width:96px;
	display:table-cell;
	vertical-align:middle;
}
.featured-item .difficulty-inner {
	background: url(/redesign/graphics/bg-difficulty-b.gif) no-repeat 0 100%;
	height:55px;
	width:74px;
	display:table-cell;
	vertical-align:middle;
}
.featured-item .instructor-inner {
	background: url(/redesign/graphics/bg-instuctor-b.gif) no-repeat 0 100%;
	height:55px;
	width:147px;
	display:table-cell;
	vertical-align:middle;
}
.featured-item .begin-frame a,
.featured-item .title-frame a,
.featured-item .artist-frame a,
.featured-item .style-frame a,
.featured-item .style-frame img,
.featured-item .difficulty-frame a,
.featured-item .difficulty-frame img,
.featured-item .instructor-frame a {
	display:inline-block;
	font-weight:bold;
	color:#333;
}
.featured-item .begin-frame .button {
	width:36px;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
	background: url(/redesign/graphics/btn-begin-c.gif) repeat-y;
}
.featured-item .button-holder {
	overflow:hidden;
	height:1%;
}
.featured-item .begin-frame .button span {
	width:36px;
	float:left;
	background: url(/redesign/graphics/btn-begin-t.gif) no-repeat;
}
.featured-item .begin-frame .button strong {
	width:36px;
	float:left;
	font-weight:normal;
	font-size:10px;
	line-height:10px;
	padding:12px 0 7px;
	letter-spacing:-1px;
	min-height:13px;
	background: url(/redesign/graphics/btn-begin-b.gif) no-repeat 0 100%;
}
* html .featured-item .begin-frame .button strong {height:13px;}
.featured-item .begin-frame .active,
.featured-item .begin-frame .button:hover {
	background: url(/redesign/graphics/btn-begin-c-h.gif) repeat-y;
	text-decoration:none;
	color:#fff;
}
.featured-item .begin-frame .active span,
.featured-item .begin-frame .button:hover span {background: url(/redesign/graphics/btn-begin-t-h.gif) no-repeat;}
.featured-item .begin-frame .active strong,
.featured-item .begin-frame .button:hover strong {background: url(/redesign/graphics/btn-begin-b-h.gif) no-repeat 0 100%;}
.featured-item .title a {
	color:#7c1315;
	font-weight:bold;
}


/*********************
* instructor listing
*********************/
.instructor-box {
	width:882px;
	margin:0 0 29px 13px;
	background: url(/redesign/graphics/bg-instructor-box-c.gif) repeat-y;
}
.instructor-box-holder {
	width:882px;
	padding-top:12px;
	background: url(/redesign/graphics/bg-instructor-box-t.gif) no-repeat;
}
.instructor-box-frame {
	width:854px;
	overflow:hidden;
	padding:0 14px 8px 14px;
	min-height:157px;
	background: url(/redesign/graphics/bg-instructor-box-b.gif) no-repeat 0 100%;
}
* html .instructor-box-frame {height:157px;}
.instructor-box .photo {
	float:left;
	overflow:hidden;
	background: url(/redesign/graphics/bg-instructor-photo.gif) no-repeat;
	width:144px;
	height:144px;
	margin:2px 12px 0 0;
	display:inline;
	padding:3px;
}

.instructor-photo {
	background: url(/redesign/graphics/bg-instructor-photo.gif) no-repeat;
	width:150px;
	height:150px;
}

/********************************
* instructor song selection form
********************************/
.selection label {
	float:left;
	color:#333;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	margin:3px 8px 0 0;
}
.selection {
	overflow:hidden;
	width:880px;
	margin-bottom:32px;
}
.tab-content .selection {margin-bottom:32px;}
.selection fieldset {float:right; }
.selection .select1 {
	float:left;
	width:108px;
}
.selection .select2 {
	float:left;
	width:142px;
}
.selection .select3 {
	float:left;
	width:103px;
}
.selection .select4 {
	float:left;
	width:104px;
}
.selection select {
	float:left;
	border:1px solid #b2b3b5;
	color:#333;
	font-size:10px;
	background:#ebebec url(/redesign/graphics/bg-select.gif) repeat-x;
}

/************************
* instructor description
************************/
/* description-box */
.description-box {
	float:left;
	width:532px;
	font-size:12px;
	line-height:18px;
	/* letter-spacing:-1px; */
	/* word-spacing:2px; */
	padding:6px 0 0;
}
.description-box p {margin:0 0 5px;}
.description-box div {padding:11px 15px 0 20px;}
/* heading */
.description-box .heading {
	height:1%;
	overflow:hidden;
	padding:0 18px 15px 20px;
	background: url(/redesign/graphics/bg-description-header.gif) repeat-x 0 100%;
}
.description-box .heading h1 {
	margin:0;
	font-size:21px;
	line-height:24px;
	float:left;
	letter-spacing:0;
	word-spacing:0;
}
.description-box .heading .email {
	float:right;
	background: url(/redesign/graphics/bg-mail.gif) no-repeat;
	width:32px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	margin:2px 0 0;
}
/* character-box */
.character-box {
	float:left;
	width:118px;
	width:128px; /* enlarged modification to psd2html */
	font-size:11px;
	line-height:19px;
	padding:0 3px 0 21px;
	margin:0;
}
.character-box dd{
	width:100%;
	margin:0 0 6px;
}
.character-box dt {margin:0 0 2px;}
.character-box dd span,
.character-box dd span a:visited {
	color:#919294;
	display:block;
	font-size:13px;
	font-weight:bold;
}
.instructor-latest-lesson {
    font-size:12px !important;
}

/* biography-box */
.biography-box {
	width:882px;
	font-size:11px;
	line-height:16px;
	color:#333;
	background: url(/redesign/graphics/bg-biography-box-c.gif) repeat-y;
}
.biography-box-holder {
	width:882px;
	background: url(/redesign/graphics/bg-biography-box-t.gif) no-repeat;
}
.biography-box-frame {
	width:882px;
	background: url(/redesign/graphics/bg-biography-box-b.gif) no-repeat 0 100%;
}
/* heading */
.biography-box .heading {
	width:852px;
	padding:14px 15px 21px;
	background: url(/redesign/graphics/bg-biography-box-heading.gif) no-repeat 0 100%;
}
.biography-box .heading h2 {
	margin:0;
	font-size:21px;
	line-height:24px;
	color:#333;
}
/* biography-text */
.biography-text {
	overflow:hidden;
	width:868px;
	padding:6px 0 6px 14px;
}
.biography-text div {
	float:left;
	width:270px;
	padding:0 13px 0 0;
}
.biography-text p {margin:0 0 16px;}
/* items */
.items {
	overflow:hidden;
	width:886px;
	margin:0 0 0 -3px;
}
.items ul {
	margin:0 -8px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:894px;
}
.items li {
	width:289px;
	margin:0 6px 11px 0;
	display:inline-block;
	background: url(/redesign/graphics/bg-items-c.gif) repeat-y;
    line-height: 1.0em;  /* added after psd2html */
    vertical-align: middle; /* added after psd2html */
}
* html .items li {margin-right:9px;}
*+html .items li {margin-right:9px;}
.items li .items-holder {
	width:100%;
	padding-bottom:11px;
	background: url(/redesign/graphics/bg-items-b.gif) no-repeat 0 100%;
}
/* heading */
.items .heading {
	background: url(/redesign/graphics/bg-heading-c.gif) repeat-y;
	width:100%;
	font-weight:bold;
}
.items .heading-holder {
	background: url(/redesign/graphics/bg-heading-t.gif) no-repeat;
	width:100%;
}
.items .heading-frame {
	background: url(/redesign/graphics/bg-heading-b.gif) no-repeat 0 100%;
	height:1%;
	padding:8px 10px 8px 12px;
}
.items .heading-frame span {
	display:block;
	width:151px;
	margin:0 0 8px;
}
.items .heading-frame p {
	margin:0;
}
.items .heading-frame span img {display:block;}
/* container */
.items .container {
	background: url(/redesign/graphics/bg-container.gif) repeat-x;
	width:263px;
	margin:0 3px;
	padding:16px 10px 17px;
	font-size:10px;
	line-height:12px;
	overflow:hidden;
}
.items .photo {
	float:left;
	background: url(/redesign/graphics/bg-photo-box.gif) no-repeat;
	width:75px;
	height:75px;
	padding:2px;
	overflow:hidden;
	margin:-3px 13px 0 0;
	display:inline;
}
* html .items .photo {margin-right:10px;}
.items .photo a,
.items .photo img {float:left;}
.items .container p {margin:0;}
/* bar */
.items .bar {
	overflow:hidden;
	height:1%;
	font-size:10px;
	line-height:12px;
	margin:0 3px;
	padding:8px 9px 0 14px;
	background: url(/redesign/graphics/bg-bar.gif) repeat-x;
}
.items .bar p {
	margin:3px 0 0;
	float:left;
}
.items .bar p span {
	color:#7c1315;
	text-transform:uppercase;
	letter-spacing:-1px;
}
/* button-tutorial */
.items .bar .button-tutorial {
	float:right;
	background: url(/redesign/graphics/bg-button-bar-c.gif) repeat-x;
	color:#333;
	cursor:pointer;
	letter-spacing:-1px;
}
.items .bar .button-tutorial span {
	float:left;
	background: url(/redesign/graphics/bg-button-bar-l.gif) no-repeat;
}
.items .bar .button-tutorial strong {
	float:left;
	background: url(/redesign/graphics/bg-button-bar-r.gif) no-repeat 100% 0;
	font-weight:normal;
	padding:2px 7px 4px 10px;
	white-space:nowrap;
}
.items .bar div {
	width:55px;
	overflow:hidden;
	float:left;
	padding:0 3px 0 0;
}
.items .bar div img {float:left;}

.items-more-link {
    text-align:right;
    margin-top:-5px;
    text-decoration: underline;
}    

/* topiclist */
.topiclist {
	width:442px;
	margin-bottom:26px;
}
.topiclist .heading {
	width:442px;
	background: url(/redesign/graphics/bg-topiclist-heading-c.gif) repeat-y;
}
.topiclist .heading-holder {
	width:442px;
	background: url(/redesign/graphics/bg-topiclist-heading-t.gif) no-repeat;
}
.topiclist .heading-frame {
	width:412px;
	padding:12px 15px 9px;
	background: url(/redesign/graphics/bg-topiclist-heading-b.gif) no-repeat 0 100%;
}
/* heading */
.topiclist .heading h3 {
	margin:0;
	font-size:12px;
	line-height:19px;
	color:#333;
	padding-left: 0px; /* required because h3 defined earlier */
	padding-top: 0px; /* required because h3 defined earlier */
}
.topiclist ul {
	margin:0;
	padding:0 0 1px;
	list-style:none;
	width:442px;
	font-size:11px;
	line-height:19px;
	background: url(/redesign/graphics/bg-topiclist-ul.gif) no-repeat 0 100%;
}
.topiclist li {
	width:100%;
	vertical-align:top;
}
.topiclist li a {
	display:block;
	cursor:pointer;
	color:#333;
	background: url(/redesign/graphics/bg-topiclist-c.gif) repeat-y;
}

.topiclist a {text-decoration:none;}

.topiclist li a span {
	display:block;
	width:100%;
	background: url(/redesign/graphics/bg-topiclist-t.gif) no-repeat;
}
.topiclist li a strong {
	display:block;
	padding:7px 16px 5px;
	font-weight:normal;
	height:1%;
	line-height: 19px; /* required because li defined earlier */
	background: url(/redesign/graphics/bg-topiclist-b.gif) no-repeat 0 100%;
}
.topiclist .active a,
.topiclist li a:hover {
	background: url(/redesign/graphics/bg-topiclist-c-h.gif) repeat-y;
	text-decoration:none;
}
.topiclist .active a span,
.topiclist li a:hover span {background: url(/redesign/graphics/bg-topiclist-t-h.gif) no-repeat;}
.topiclist .active a strong,
.topiclist li a:hover strong {background: url(/redesign/graphics/bg-topiclist-b-h.gif) no-repeat 0 100%;}
/* tabset */
.tabset {
	margin:0 0 33px;
	padding:0 0 0 14px;
	list-style:none;
	width:895px;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #b2b3b5;
}
.tabset:after {
	content:"";
	display:block;
	clear:both;
}
.tabset li {
	float:left;
	margin:0 -1px -1px 0;
	display:table;
	position:relative;
}
* html .taset li {display:inline;}
.tabset li a {
	font-weight: normal;
	float:left;
	cursor:pointer;
	color:#333;
	outline:none;
	background: url(/redesign/graphics/bg-tabset-a.gif) repeat-x;
}
.tabset li span {
	float:left;
	background: url(/redesign/graphics/bg-tabset-span.gif) no-repeat;
}
.tabset li strong {
	background: url(/redesign/graphics/bg-tabset-strong.gif) no-repeat 100% 0;
	display:table;
	height:38px;
	width:177px;
}
.tabset li a:hover,
.tabset .active a {background: url(/redesign/graphics/bg-tabset-a-h.gif) repeat-x;}
.tabset li a:hover span,
.tabset .active span{background: url(/redesign/graphics/bg-tabset-span-h.gif) no-repeat;}
.tabset li a:hover strong,
.tabset .active strong {background: url(/redesign/graphics/bg-tabset-strong-h.gif) no-repeat 100% 0;}
* html .tabset li strong {float:left;}
*+html .tabset li strong {float:left;}
.tabset li span span {
	display:table-cell;
	vertical-align:middle;
	float:none;
	text-align:center;
	height:39px;
	padding:0 0 0 25px;
	width:152px;
}
* html .tabset li span span {float:left;}
*+html .tabset li span span  {float:left;}
.tabset li span em {
	font-style:normal;
	display:block;
	padding:0 27px;
}
.tabset .biography span em {padding:0 36px;}
.tabset .lesson span span,
.tabset .lesson a:hover span span{background: url(/redesign/graphics/bg-lesson.gif) no-repeat 27px 14px;}
.tabset .recent span span,
.tabset .recent a:hover span span {background: url(/redesign/graphics/bg-recent.gif) no-repeat 33px 10px;}
.tabset .popular span span,
.tabset .popular a:hover span span {background: url(/redesign/graphics/bg-popular.gif) no-repeat 35px 12px;}
.tabset .tips span span,
.tabset .tips a:hover span span {background: url(/redesign/graphics/bg-tips.gif) no-repeat 30px 10px;}
.tabset .biography span span,
.tabset .biography a:hover span span {background: url(/redesign/graphics/bg-biography.gif) no-repeat 40px 11px;}

.tab-content {padding:0 13px 20px;}
.tab-content inactive {display:none;}
.tab-content active {display:block;}

/*************
* newsletter *
*************/
/* block */
.newsletter-block {
	width:518px;
	margin:20px 0 20px 90px;
	background: url(/redesign/graphics/bg-block-c.gif) repeat-y;
	text-align:center;
	line-height:17px;
	font-size:15px;
	font-weight:bold;
}
.newsletter-block .block-holder {
	background: url(/redesign/graphics/bg-block-b.gif) no-repeat 0 100%;
	width:518px;
	padding:0 0 23px;
}
.newsletter-block .heading {
	background: url(/redesign/graphics/bg-bock-heading-c.gif) repeat-y;
	width:518px;
}
.newsletter-block .heading-holder {
	background: url(/redesign/graphics/bg-block-heading-t.gif) no-repeat;
	width:518px;
}
.newsletter-block .heading-frame {
	background: url(/redesign/graphics/divider.gif) no-repeat 0 100%;
	width:508px;
	padding:20px 5px 5px;
}
.newsletter-block fieldset {
	margin:0;
	padding:0;
	border-style:none;
}

/* heading */
.newsletter-block .heading h1 {
	margin:0 0 6px;
	font-size:20px;
	line-height:22px;
	font-weight:bold;
}
/* section */
.newsletter-block .section {
	width:485px;
	padding:19px 17px 0 16px;
	min-height:215px;
}
* html .newsletter-block .section {height:215px;}
.newsletter-block .section p {margin:0 0 11px;}
.newsletter-block .section strong {
	color:#7c1315;
	font-weight:bold;
}
.newsletter-block .section .alignleft {
	float:left;
	margin:0 17px 0 0;
	padding:4px 0 0;
}
.newsletter-block .section img {display:block;}
.newsletter-block .section span {color:#a29485;}
.section-box {
	overflow:hidden;
	width:459px;
	padding:19px 15px 0 13px;
	background: url(/redesign/graphics/divider1.png) no-repeat;
}
/* newsletter */
.newsletter{
	float:left;
	width:239px;
	text-align:left;
}
.newsletter span{
	overflow:hidden;
	width:100%;
	display:block;
}
.newsletter label {
	font-size:13px;
	line-height:16px;
	color:#4d4d4f;
	margin:0;
	padding:0 0 3px;
	float:left;
}
.newsletter .text {
	background: url(/redesign/graphics/btn-input.gif) no-repeat;
	width: 229px;
	height: 30px;
	padding:2px 5px 0;
	overflow:hidden;
	margin:0 0 16px;
}
.newsletter .text input {
	width:100%;
	margin:0;
	padding:4px 0 5px;
	border:none;
	background: url(/redesign/graphics/none.gif) no-repeat;
	float:left;
	color:#333;
	outline:none;
	font-size:13px;
}
.newsletter .form-submit{
	margin:0 0 0 86px;
	/* padding:0 2px 3px; */
	background: url(/redesign/graphics/btn-submit.png) no-repeat;
	width:86px;
	height:28px;
	/* text-indent:-9999px; */
	/* text-indent:50px; */
	
	overflow:hidden;
	font-size:0;
	line-height:0;
	border:none;
	cursor:pointer;
	outline:none;
}
.newsletter .form-submit input{
	margin:0 0 0 0px;
	/* padding:0 2px 3px; */
	background: url(/redesign/graphics/btn-submit.png) no-repeat;
	width:86px;
	height:28px;
	/* text-indent:-9999px; */
	text-indent:-86px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	border:none;
	cursor:pointer;
	outline:none;
}
.newsletter .box {
	padding:0 0 4px;
	background:none;
	width:239px;
}
* html .newsletter .box {margin-bottom:0;}
*+html .newsletter .box {margin-bottom:0;}

/*******************************
* affiliate program index page *
*******************************/

/* cleanup */
.affiliate-box a {
    text-decoration: none;
}
.affiliate-box form,
.affiliate-box fieldset {
	margin:0;
	padding:0;
	border-style:none;
}

/* block-content */
.block-content {
	width:790px;
	margin:0 auto 20px;
	background: url(/redesign/graphics/bg-block-content-c.gif) repeat-y;
	overflow:hidden;
}
.block-content-holder {
	width:790px;
	background: url(/redesign/graphics/bg-block-content-t.gif) no-repeat;
	padding:10px 0 0;
	overflow:hidden;
}
.block-content-frame {
	width:776px;
	background: url(/redesign/graphics/bg-block-content-b.gif) no-repeat 0 100%;
	padding:0 7px 44px;
	overflow:hidden;
}

.block-content .affiliate-box {
	width:776px;
	background:none;
}
.block-content .affiliate-box-holder {background:none;}
.block-content .affiliate-box-frame {padding:11px 19px 9px;}

/* header-box */
.block-content .header-affiliate-box {
	background: url(/redesign/graphics/bg-header.jpg) no-repeat 0 1px;
	width:619px;
	height:224px;
	overflow:hidden;
	margin:0 auto;
	padding:45px 71px 0 82px;
}
.block-content .header-affiliate-box .alignleft {float:left;}
.block-content .header-affiliate-box img {display:block;}
.header-affiliate-box h1 {
	margin:5px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background: url(/redesign/graphics/text-affiliate-program.png) no-repeat;
	width: 340px;
	height: 163px;
	float:right;
}

/* boxes */
.affiliate-article .affiliate-boxes{
	overflow:hidden;
	background: url(/redesign/graphics/bg-boxes-c.gif) repeat-y;
	float:left;
	height:1%;
	margin:0 0 15px;
}
.affiliate-article .affiliate-boxes-holder {
	background: url(/redesign/graphics/bg-boxes-t.gif) no-repeat;
	overflow:hidden;
	height:1%;
}
.affiliate-article .affiliate-boxes-frame {
	background: url(/redesign/graphics/bg-boxes-b.gif) no-repeat 0 100%;
	padding:11px 0 2px 0;
	overflow:hidden;
	height:1%;
}
.affiliate-article .item h4 {
	margin:0;
	font-size:12px;
	line-height:18px;
	color: #333333;
}
.affiliate-article .affiliate-box {
	width:215px;
	padding:0 0 0 12px;
	margin:0 25px 0 0;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:18px;
	background:none;
}

/* box */
.affiliate-box {
	width:776px;
	background: url(/redesign/graphics/bg-box-c.gif) repeat-y;
}
.affiliate-box-holder {
	width:776px;
	background: url(/redesign/graphics/bg-box-t.gif) no-repeat;
}
.affiliate-box-frame {
	width:738px;
	background: url(/redesign/graphics/bg-box-b.gif) no-repeat 0 100%;
	padding:11px 19px 9px;
}
.affiliate-box-frame:after {
	clear:both;
	display:block;
	content:"";
}
/* button */
.affiliate-box-frame .button {
	margin:0;
	padding:0;
	list-style:none;
	width:738px;
}
.affiliate-box .button li {
	margin:0 20px 0 0;
	font-size:10px;
	line-height:14px;
	float:left;
}
.affiliate-box .button a {
	color:#333;
	cursor:pointer;
	background: url(/redesign/graphics/bg-btn-c.gif) repeat-x;
	float:left;
	min-width:108px;
}
.affiliate-box .button span {
	float:left;
	background: url(/redesign/graphics/bg-btn-l.gif) no-repeat;
	padding:0 0 0 6px;
	height:23px;
}
.affiliate-box .button strong {
	padding:5px 6px 5px 0;
	text-align:center;
	background: url(/redesign/graphics/bg-btn-r.gif) no-repeat 100% 0;
	position:relative;
	overflow:hidden;
	float:left;
	min-width:96px;
	height:13px;
}
* html .affiliate-box .button strong {width:96px;}
* html .affiliate-box .button li {width:108px;}
.affiliate-box .button a:hover {
	background: url(/redesign/graphics/bg-btn-c-h.gif) repeat-x;
	text-decoration:none;
}
.affiliate-box .button a:hover span {background: url(/redesign/graphics/bg-btn-l-h.gif) no-repeat;}
.affiliate-box .button a:hover strong {background: url(/redesign/graphics/bg-btn-r-h.gif) no-repeat 100% 0;}
/* popup-block */
.affiliate-box-frame ul li.affiliate-popup-block {
	float:right;
	position:relative;
	z-index:9999;
	margin:0;
}
.affiliate-box-frame .affiliate-popup-block a {margin:0;}
.affiliate-popup,
.affiliate-popup-alt {
	position:absolute;
	display:none;
	top:22px;
	right:0;
	background: url(/redesign/graphics/bg-popup-t.gif) no-repeat;
	padding:133px 0 0;
	width:187px;
	z-index:9999;
}
.affiliate-popup-alt {top:-138px;}
.affiliate-popup-frame {
	background: url(/redesign/graphics/bg-popup-c.gif) repeat-y;
	width:187px;
	float:left;
}
.affiliate-popup-b {
	background: url(/redesign/graphics/bg-popup-b.png) no-repeat;
	width:187px;
	height:6px;
	overflow:hidden;
	float:left;
}
.active .affiliate-popup,
.active .affiliate-popup-alt {display:block;}
/* login */
.login {
	margin:-122px 0 0;
	position:relative;
	padding:0 15px 0 16px;
	width:156px;
}
.login div {
	overflow:hidden;
	width:156px;
}
.login label {
	float:left;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0 0 3px;
}
.login .input-text {
	background: url(/redesign/graphics/bg-input-text.gif) no-repeat;
	width:146px;
	height:23px;
	padding:0 5px;
	overflow:hidden;
	margin:0 0 7px;
}
.login .input-text input {
	width:100%;
	margin:0;
	padding:4px 0 5px;
	border:none;
	font-size:10px;
	font-weight:bold;
	background: url(/redesign/graphics/none.gif) no-repeat;
	float:left;
	color:#333;
	outline:none;
}
.login .submit{
	margin:0;
	padding:0;
	background: url(/redesign/graphics/btn-login.gif) no-repeat;
	width:61px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	float:right;
	border:none;
	cursor:pointer;
	outline:none;
}

/*affiliate article */
.affiliate-article {
	width:760px;
	margin:0 auto;
	overflow:hidden;
	padding:32px 0 0 16px;
	border-top:1px solid #b2b3b5;
	line-height:18px;
	color:#595048;
}
.affiliate-article .section-block {
	font-size:14px;
	font-weight:bold;
	margin:0 0 51px;
}
.affiliate-article .section-block p {margin:0 0 19px;}
.affiliate-article p {margin:0 0 17px;}
.affiliate-article-box {
	width:235px;
	margin:0 10px 0 0;
	float:left;
	padding:0 3px;
}
.affiliate-article h3 {
	margin:0 0 12px;
	font-size:15px;
	line-height:18px;
	padding:0 0 6px;
	border-bottom:1px solid #5b5249;
}
.affiliate-article h4 {
	margin:0 0 6px;
	font-size:12px;
	line-height:18px;
	color: #333333;
    cursor: auto;
}
.affiliate-article ul {
	margin:0 0 18px;
	padding:0;
	list-style:none;
}
.affiliate-article li {
	padding:0 0 0 8px;
	background: url(/redesign/graphics/marker.gif) no-repeat 0 8px;
}
.affiliate-article-holder {
	width:100%;
	overflow:hidden;
	margin:0 0 26px;
}
.selected {font-weight:bold;}
/* heading */
.affiliate-article .heading {
	width:743px;
	background: url(/redesign/graphics/bg-heading1-t.png) no-repeat;
	padding:6px 0 0;
	margin:0 0 17px;
}
.affiliate-article .heading-holder {
	width:743px;
	background: url(/redesign/graphics/bg-heading1-c.png) repeat-y;
}
.affiliate-article .heading-frame {
	width:717px;
	background: url(/redesign/graphics/bg-heading1-b.png) no-repeat 0 100%;
	padding:5px 13px;
}
.affiliate-article .heading h3{
	border:0;
	margin:0;
	font-size:16px;
	line-height:18px;
}
.affiliate-article .block{
	overflow:hidden;
	width:795px;
	background:none;
	margin:0;
}

#affiliate-footer{
	overflow:hidden;
	width:746px;
	font-size:10px;
	line-height:16px;
	padding:0 0 0 20px;
}
#affiliate-footer .affiliate-box{
	float:left;
	width:162px;
	padding:2px 0 0 10px;
}
#affiliate-footer .affiliate-box h4 {
	margin:0 0 3px;
	font-size:10px;
	line-height:16px;
	color: #333333;
}
#affiliate-footer .affiliate-box p{margin:0;}
.add-nav {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:565px;
}
.add-nav li {
	float:left;
	width:188px;
	height:56px;
	text-indent:-9999px;
	overflow:hidden;
}
.add-nav li a {
	display:block;
	height:100%;
}
.add-nav .login-affiliates {background: url(/redesign/graphics/affiliate_login.gif) no-repeat;}
.add-nav .signup {background: url(/redesign/graphics/affiliate_signup.gif) no-repeat;}
.add-nav .contact {background: url(/redesign/graphics/affiliate_contact.gif) no-repeat;}

/****************************************
* style header (blues, classical, etc.) *
****************************************/
/* sub-nav */
.sub-nav {
	width:882px;
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	background:#eceded url(/redesign/graphics/bg-sub-nav-c.gif) repeat-y;
	position:relative; /* 2010-0ct-05  */
}
.sub-nav a {
    text-decoration: none;
}

.sub-nav-holder {
	width:882px;
	background: url(/redesign/graphics/bg-sub-nav-t.gif) no-repeat;
}
.sub-nav-holder ul {
	margin:0 0 43px;
	padding:2px 0 0;
	list-style:none;
	width:100%;
	/* position:relative; 2010-0ct-05  */
	border-bottom:1px solid #b2b3b5;
}
.sub-nav-holder ul:after {
	clear:both;
	display:block;
	content:"";
}
.sub-nav-holder ul li {
	float:left;
	padding:0 12px;
}
.sub-nav-holder ul li span {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}

/*---acoustic----------------*/
.sub-nav-holder .acoustic span {
	background: url(/redesign/graphics/text-acoustic.gif) no-repeat 0 100%;
	width: 62px;
	height: 19px;
}
.sub-nav-holder .acoustic:hover span,
.sub-nav-holder .active .acoustic span {background: url(/redesign/graphics/text-acoustic-h.gif) no-repeat 0 100%;}

/*---bluegrass----------------*/
.sub-nav-holder .bluegrass span {
	background: url(/redesign/graphics/text-bluegrass.gif) no-repeat 0 100%;
	width: 73px;
	height: 19px;
}
.sub-nav-holder .bluegrass:hover span,
.sub-nav-holder .active .bluegrass span {background: url(/redesign/graphics/text-bluegrass-h.gif) no-repeat 0 100%;}

/*---blues----------------*/
.sub-nav-holder .blues span {
	background: url(/redesign/graphics/text-blues.gif) no-repeat 0 100%;
	width: 42px;
	height: 19px;
}
.sub-nav-holder .blues:hover span,
.sub-nav-holder .active .blues span {background: url(/redesign/graphics/text-blues-h.gif) no-repeat 0 100%;}

/*---classical----------------*/
.sub-nav-holder .classical span {
	background: url(/redesign/graphics/text-classical.gif) no-repeat 0 100%;
	width: 62px;
	height: 19px;
}
.sub-nav-holder .classical:hover span,
.sub-nav-holder .active .classical span {background: url(/redesign/graphics/text-classical-h.gif) no-repeat 0 100%;}

/*---country----------------*/
.sub-nav-holder .country span {
	background: url(/redesign/graphics/text-country.gif) no-repeat 0 100%;
	width: 60px;
	height: 19px;
}
.sub-nav-holder .country:hover span,
.sub-nav-holder .active .country span {background: url(/redesign/graphics/text-country-h.gif) no-repeat 0 100%;}

/*---funk----------------*/
.sub-nav-holder .funk span {
	background: url(/redesign/graphics/text-funk.gif) no-repeat 0 100%;
	width: 42px;
	height: 19px;
}
.sub-nav-holder .funk:hover span,
.sub-nav-holder .active .funk span {background: url(/redesign/graphics/text-funk-h.gif) no-repeat 0 100%;}

/*---jazz----------------*/
.sub-nav-holder .jazz span {
	background: url(/redesign/graphics/text-jazz.gif) no-repeat 0 100%;
	width: 48px;
	height: 19px;
}
.sub-nav-holder .jazz:hover span,
.sub-nav-holder .active .jazz span {background: url(/redesign/graphics/text-jazz-h.gif) no-repeat 0 100%;}

/*---metal----------------*/
.sub-nav-holder .metal span {
	background: url(/redesign/graphics/text-metal.gif) no-repeat 0 100%;
	width: 60px;
	height: 19px;
}
.sub-nav-holder .metal:hover span,
.sub-nav-holder .active .metal span {background: url(/redesign/graphics/text-metal-h.gif) no-repeat 0 100%;}

/*---rock----------------*/
.sub-nav-holder .rock span{
	background: url(/redesign/graphics/text-rock.gif) no-repeat 0 100%;
	width: 38px;
	height: 19px;
}
.sub-nav-holder .rock:hover span,
.sub-nav-holder .active .rock span {background: url(/redesign/graphics/text-rock-h.gif) no-repeat 0 100%;}

/*---rockabilly----------------*/
.sub-nav-holder .rockabilly span {
	background: url(/redesign/graphics/text-rockabilly.gif) no-repeat 0 100%;
	width: 64px;
	height: 19px;
}
.sub-nav-holder .rockabilly:hover span,
.sub-nav-holder .active .rockabilly span {background: url(/redesign/graphics/text-rockabilly-h.gif) no-repeat 0 100%;}

/*---world----------------*/
.sub-nav-holder .world span {
	background: url(/redesign/graphics/text-world.gif) no-repeat 0 100%;
	width: 61px;
	height: 19px;
}
.sub-nav-holder .world:hover span,
.sub-nav-holder .active .world span {background: url(/redesign/graphics/text-world-h.gif) no-repeat 0 100%;}

/*------------------*/
.sub-nav-holder li a {
	float:left;
	padding:8px 0;
	cursor:pointer;
	color:#333;
}
.sub-nav .active a,
.sub-nav li a:hover {background: url(/redesign/graphics/bg-sub-nav-h.gif) no-repeat 50% 0;}
.sub-nav ul div {
	background: url(/redesign/graphics/bg-sub-nav-ul-holder.gif) repeat-y 100% 0;
	position:absolute;
	width:881px;
	padding:0 1px 0 0;
	left:0;
	top:38px;
	overflow:hidden;
}

/******************************
* style toolbar benefits list *
******************************/
.style-toolbar-benefits ul {
	position:absolute;
	width:883px;
	left:0;
	top:38px;
	list-style:none;
	margin:0;
	padding:0;
}
.style-toolbar-benefits li {
	float:left;
	background: url(/redesign/graphics/bg-style-bar-benefits.png) no-repeat;
	overflow:hidden;
	width: 176px;
	height: 45px;
}
.style-toolbar-benefits .first {
	width: 177px;
}
.style-toolbar-benefits .last {
	width: 178px;
}
.style-toolbar-benefits .first span {
	display:block;
    padding-top: 4px;
    font-size: 18px;
    padding-left: 24px;
}
.style-toolbar-benefits li span {
    padding-left: 22px;
}
.strong-red-text {
    color: #7C1315;
    font-size: 12px;
}

/*****************
* forms handling *
*****************/
.verification-error {
    color: red;
    font-weight: normal;
    font-size: 0.9em;
}

/******************
* editor override *
******************/
.editor_override {
    border:solid 1px gray;
    padding:5px;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    background: #880000;
    margin-bottom: 10px;
}

.editor_override a {
    color: white;
}

/*************
* pagination *
*************/
.underlined-link {
    text-decoration: underline;
}

/*********************
* Easy Slider layout *
*********************/
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:660px;
		height:180px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		}	
	#nextBtn a, #slider1next a{ 
		}	


/********************************
* Easy Slider next/prev buttons *
********************************/
	#prevBtn, #nextBtn{ 
		display:inherit;
		width:37px;
		height:37px;
		position:relative;
		z-index:10;
		}
	#prevBtn{
		top: -217px;
		left: -21px;
	}
	#nextBtn{ 
		left: 667px;
		top: -254px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:37px;
		height:37px;
		background:url(/redesign/images/testsliderimages/leftarrow.png) no-repeat 0 0;	
		color: white;
		}
	#prevBtn a:hover{
		background:url(/redesign/images/testsliderimages/leftarrowhover.png) no-repeat 0 0;	
	}	
	#nextBtn a{ 
		background:url(/redesign/images/testsliderimages/rightarrow.png) no-repeat 0 0;	
		}
	#nextBtn a:hover{ 
		background:url(/redesign/images/testsliderimages/rightarrowhover.png) no-repeat 0 0;	
		}												
												
/**************
* Easy Slider *
**************/
#homeSliderOverallContainer{
	margin-left: 10px;
	width: 725px;
}

#homeSliderContainer{
	height:180px;
	margin-bottom: 20px;
	margin-right:10px;
	margin-right:0px; /* 2012 Apr 09 */
	border: 1px solid #CCCCCC;
	background:url(/redesign/images/testsliderimages/slidermainbody.png) no-repeat 0 0; 
}

#homeSliderHeader{
	height: 40px;
}

#homeSliderHeader p {
	font-size: 16px;
	margin-right:10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	margin: 0;
}

#homeSliderContent{
	width: 660px;
	padding: 0;
	padding-left: 20px;
	margin: 0;
}

.homeSliderStoryHolder{
	width: 660px;
	margin: 0 auto;
	padding-top: 15px;
}

.homeSliderStory{
	margin: 0;
	padding: 0;
	float: right;
	width: 480px;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
}

.homeSliderStoryHeader{
	font-size: 16px;
	font-weight: bold;
	margin: 0 !important;
	margin: 0 0 -8px 0;
	padding: 0;
}

#homeSliderFooter{
	height: 10px;
	_margin-bottom: -90px; /* underscore ie6 only hack */
}

/*******************************************
* Instructor Boxes displayed on styles.php *
*******************************************/
.fullTabbedHeaderWidth {
	width: 879px;
}

.instructorSquareBoxContainer {
	width: 204px;
	height: 237px;
    position: relative;
	float: left;
	margin-right: 21px;
	margin-bottom: 20px;
}

.instructorSquareBoxHeader {
    position: absolute;
	top: 15px;
	left: 15px;
	width: 160px;
	height: 20px;
	text-align: center;
}

.instructorSquareBoxBrowse {
    position: absolute;
	top: 15px;
	left: 15px;
	width: 85px;
	text-align: right;
}

.instructorSquareBoxStars {
    position: absolute;
	top: 15px;
	left: 105px;
	width: 85px;
	text-align: left;
}

.instructorSquareBoxPic {
    position: absolute;
	top: 60px;
	left: 27px;
	height: 150px;
	width: 150px;
}

.instructorSquareBoxOverlay {
	background: url(/redesign/graphics/bg_square_instructor.png) no-repeat;
    position: absolute;
	top: 0px;
	left: 0px;
	width: 204px;
	height: 237px;
}

/***********************
* newsletter_signup.css
***********************/
.newsBoxContainer {
    width: 200px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.newsBoxTitle {
    width: 200px;
    height: 38px;
	background: url(/redesign/graphics/news_box_title_head.png) no-repeat;
	overflow:hidden;
    padding-top: 10px;
	color: white;
    font-size: 16px;
    font-style: italic;
    line-height: 18px;
    font-weight: bold;
}

.newsBoxTitleFoot {
	overflow:hidden;
	background: url(/redesign/graphics/news_box_title_foot.png) no-repeat;
	height: 4px;
}

.newsBoxBodyContainer {
    width: 200px;
	background: url(/redesign/graphics/news_box_body_head.png) no-repeat;
	overflow:hidden;
    text-align: left;
	color: white;
}

.newsBoxBody ul {
    padding: 10px;
    margin: 0px;
    list-style-position: inside;
}

.newsBoxBody li {
    font-size: 12px;
    line-height: 1.3;
}

.newsBoxBodySeparator {
	overflow:hidden;
	background: url(/redesign/graphics/news_box_body_separator.png) no-repeat;
    width: 200px;
    height: 2px;
    margin-bottom:10px;
}

.newsBoxFormContainer {
    margin-left: 10px;
	color: white;
}

.newsBoxBody input {
	border: medium none;
	outline: medium none;
}

.newsBoxInput {
	background: url(/redesign/graphics/news_box_input.png) no-repeat;
	height: 35px;
	overflow:hidden;
	color: black;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.newsBoxBodyFoot {
	overflow:hidden;
	background: url(/redesign/graphics/news_box_body_foot.png) no-repeat;
    width: 200px;
    height: 6px;
}

/******************
* general purpose *
******************/
.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        zoom: 1; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}
     
.mostly-opaque {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}

.stop-float {
    clear: both;
}

/*************************
* Social Media Share Bar *
*************************/
#right-sidebar{
	position:fixed;
	text-align:right;
  	top:265px;
    right:0px;
  	height:290px;
  	width:100px;
	margin: 0px;
	padding: 5px;
}

#right-sidebar ul {
    text-align:center;
    display:block;
    list-style: none; 
    margin: 2;
}

#right-sidebar li {
    height: 70px;
}

/***********
* iPad CSS *
***********/
.mp3-box {
    border:2px ridge #D1D2D4;
    padding:10px;
    background-color:#CE1031;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 50%;
    color: white;
}

/******************
* Recommendations *
******************/
.rounded-box-title {
    border:1px solid #B5BCC7;
    border-radius: 4px;
    border-bottom: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    padding:10px;
    background-color:#F3F3F4;
	background: url(/redesign/images/advSearchOptionBg.png) repeat-x;
	background: url(/redesign/graphics/bg_subhead_gradient.png) repeat-x;
    color: black;
    margin-bottom: 0;
    font-weight: bold;
}

.rounded-box-body {
    margin-top: 0;
    border:1px solid #B5BCC7;
    border-radius: 4px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    padding:10px;
    background-color:#F3F3F4;
    color: black;
}

.rounded-button {
    border:1px solid #BE6F2A;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color:#FEE500;
    min-width: 94px;
    padding:4px;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 12px;
    font-weight: bold;
    background: -webkit-linear-gradient(top, #FEE500, #F6AC1A);
    background: -moz-linear-gradient(top, #FEE500, #F6AC1A);
    cursor: pointer;
    float: left; /* prevents enlarged buttons */
}

.simple-list {
    list-style: none;
}

#videoPageCourseContainer .simple-list-numbered {
    list-style: decimal;
    padding-left: 30px;
    margin-bottom: 0px;
    font-weight: bold;
}

.simple-list-heading {
    font-weight: bold;
    border-bottom: 1px solid #B5BCC7;
    width: 80%;
}

.unadorned-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.unadorned-list li {
    text-align: left;
}

/**************
* Modal popup *
**************/
#modal-popup-mask {
    display: none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    top: 0;
    left: 0;
    min-height:100%;
    height:auto;
    background-color:#000000;
    z-index: 2;
}

#modal-popup-border {
    display: none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    top: 90px;
    left: 290px;
    width: 410px;
    height: 190px;
    z-index: 3;
    border: none;
}

#modal-popup-container {
    display: none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    top: 100px;
    left: 250px;
    width: 548px;
    height: auto;
    background-color: black;
    z-index: 3;
    /*
    text-align: center;
    padding: 5px;
    border:1px solid #454545;
    background: -webkit-linear-gradient(top, #ffffff, #E5E5E5);
    background: -moz-linear-gradient(top, #ffffff, #E5E5E5);
    */
}

/****************
* Progress bars *
****************/
.progressBarContainer {
     position: relative;
     width: 140px;
     height: 17px;
     margin-left: auto;
     margin-right: auto;
     /* padding-bottom: 5px; */
}

.progressBarBorder {
     position: absolute;
     width: 140px;
     height: 17px;
     border:2px solid white;
     border-radius: 8px;
     -moz-border-radius: 8px;
}

.progressBarGraphic {
    position: absolute;
    top: 2px;
    left: 2px;
    background: white url(/redesign/graphics/progress_bar_sprite.png) top left no-repeat;
    padding: 0;
    margin: 0;
    width:138px;
    height: 15px;
    border:1px solid white;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

.progressBarText {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 139px;
    line-height: 1.5em;
    padding-top: 0px;
    margin-top: 0px;
    text-align: center;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
}

.progressBarArrow {
    background: yellow url(/redesign/images/progress_bar_arrow.png) top left no-repeat;
    width: 39px;
    height: 17px;
    margin-left: auto;
    margin-right: auto;
}

.progressBarNoArrow {
    width: 15px;
    height: 12px;
    float: left;
    margin-left: 8px;
    margin-top: 1px;
}

/*******************
* Completed/popup *
*******************/
.completed-container {
    width: 536px;
    border:6px solid black;
    border-radius: 12px;
    -moz-border-radius: 12px;
    padding: 2px;
    background-color: #E6E7E8;
}

.completed-top-container {
    background: #FAFAFA; 
    width: 516px;
    padding: 10px;
    text-align: center;
}

.completed-questions-container {
    background: #FAFAFA url(/redesign/images/completedQuestionsBg2.png) repeat-x; 
    width: 526px;
    height: 166px;
    /* height: 240px; */
    padding-top: 10px;
    padding-left: 10px;
}

.completed-questions-col1 {
    float: left;
    /* margin-left: 100px; */
    width: 306px;
}

.completed-questions-col2 {
    background: #FAFAFA url(/redesign/images/completedFansBg.png) no-repeat; 
    width: 207px;
    height: 150px;
    float: left;
    position: relative;
}

.completed-questions-col2-temp {
    background: url(/redesign/images/completedFansBg2.png) no-repeat; 
    margin-left: 100px;
    width: 295px;
    height: 174px;
    position: relative;
}

.completed-questions li {
    background: url(/redesign/images/completedQuestionBg.png) no-repeat; 
    width: 295px;
    height: 43px;
    position: relative;
    margin-bottom: 10px;
}

.completed-questions li input {
    position: absolute;
    top: 12px;
    left: 12px;
}

.completed-questions li label {
    position: absolute;
    top: 8px;
    left: 45px;
}

.completed-questions-error {
    position: absolute;
    top: 25px;
    left: 12px;
}

.completed-questions-icon {
    background: #FAFAFA url(/redesign/images/completedSprite32x32.png) no-repeat; 
    width: 32px;
    height: 32px;
    position: absolute;
    top: 7px;
    left: 248px;
}

.cqicon-facebook {
    background-position: 0px -32px;
}

.cqicon-checkmark {
    background-position: 0px -64px;
}

.completed-questions-submit {
    position: absolute;
    top: 44px;
    left: 18px;
    /*
    top: 97px;
    left: 60px;
    */
}

.completed-spinner {
    background: url(/redesign/graphics/ajax_loader.gif) no-repeat;
    display: inline-block; /* to display */
    display: none;  /* but hidden by default */
    width: 16px;
    height: 16px;
}

/******************
* Lesson progress *
******************/
.videoPageProgressContainer {
    background: #F2F2F2 url(/redesign/images/videoPageProgressBg.png) no-repeat; 
    width: 282px;
    height: 79px;
    position: relative;
}

.videoPageProgressHeadText {
    position: absolute;
    top: 10px;
    left: 10px;
}

.videoPageProgressBar {
    position: absolute;
    top: 46px;
    left: 7px;
    width: 146px;
}

.videoPageProgressButton {
    position: absolute;
    top: 44px;
    left: 167px;
}

/******************
* Course listings *
******************/
.courseChapterSubheadContainer {
    background: #F2F2F2 url(/redesign/images/courseChapterSubhead.png) no-repeat; 
    width: 625px;
    height: 38px;
    position: relative;
}

.courseChapterSubheadText {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 390px;
    height: 25px;
    overflow: hidden;
}

.courseChapterSubheadBar {
    position: absolute;
    top: 10px;
    left: 404px;
    width: 160px;
    text-align: center;
}

.courseChapterSubheadButton {
    position: absolute;
    top: 10px;
    left: 564px;
    width: 60px;
    text-align: center;
}

.courseLessonListingContainer {
    background: #F2F2F2 url(/redesign/images/courseLessonListingBg.png) no-repeat; 
    width: 625px;
    height: 24px;
    position: relative;
}

.courseLessonListingFoot {
    background: #F2F2F2 url(/redesign/images/courseLessonListingFoot.png) no-repeat; 
    width: 625px;
    height: 7px;
    position: relative;
}


/******************
* Happy Man Form  *
******************/

#happyman {
    background-image: url(/redesign/graphics/happy-man-bg.jpg); 
    width: 700px; 
    height: 464px; 
    position: absolute;
}

#happymanthanks {
    background-image: url(/redesign/graphics/happy-man-bg-thanks.jpg); 
    width: 700px; 
    height: 464px; 
    position: absolute;
}

#happymanname {
    background-image: url(/redesign/graphics/happy-man-name.jpg); 
    position: absolute;
    margin-top: 220px;
    margin-left: 20px;
    width: 312px; 
    height: 54px;
}

#happymanemail {
    background-image: url(/redesign/graphics/happy-man-email.jpg); 
    position: absolute;
    margin-top: 300px;
    margin-left: 20px;
    width: 312px; 
    height: 57px;
}

#happymanfield {
    margin-left: 60px;
    margin-top: 20px;
}

#happymansubmit {
    margin-left: 20px;
    margin-top: 380px;
}

/****************************
* trial offer page          *
****************************/
.trial_offer_container {
	width: 885px;
	height: 344px;
	background: url(/redesign/graphics/trial_splash_bg_1_one_time.png);
	margin: auto;
}

.trial_offer_signup {
	width: 266px;
	margin: auto;
	padding: 230px 0 0 0;
}

.trial_offer_nothanks {
	width: 264px;
	margin: auto;
	padding: 10px 0 0 0;
	text-align: center;
}

/****************************
* register page 3 columns   *
****************************/
.register_3_container {
    border: 0px solid;
    margin: auto;
    width: 945px;
    height: 800px;
}

.register_3_header {
    border: 0px solid;
    height: 218px;
    float: left;
}

.register_3_video_holder {
    padding: 9px 0 0 9px;
    border-top: 1px solid #c3c3c3;
}

.register_3_label {
    padding: 8px 0 0 9px;
}

.register_3_header_label {
    margin-top: 40px;
    font-size: 15px;
    text-align: center;
}

.register_3_header_desc {
    margin-top: 58px;
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}

.register_3_action_button {
    padding-top: 17px;
    text-align: center;
}
.register_3_header_label_big {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}
.register_3_header_column1 {
    width: 319px;
    background-color: #f2f2f2;
    border-left: 1px solid #c3c3c3;
    border-right: 2px solid #c3c3c3;
    height: 218px;
    float: left;
}

.register_3_header_column2 {
    border: 0px solid;
    width: 205px;
    height: 218px;
    float: left;
    background-image: url('/redesign/graphics/register_3_columns_gray.jpg');
}

.register_3_header_column3 {
    border: 0px solid;
    width: 208px;
    height: 218px;
    float: left;
    background-image: url('/redesign/graphics/register_3_columns_yellow.jpg');
}

.register_3_header_column4 {
    border: 0px solid;
    width: 206px;
    height: 216px;
    float: left;
    border-bottom: 7px solid;
    background-image: url('/redesign/graphics/register_3_columns_red.jpg');
}

.register_3_body {

}

.register_3_column1 {
    width: 321px;
    float: left;

}

.register_3_column2 {
    width: 206px;
    float: left;

}

.register_3_column3 {
    width: 208px;
    float: left;

}

.register_3_column4 {
    width: 208px;
    float: left;

}

#register_3_dark_row {
	height: 32px;
	font-size: 13px;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	background-color: #e6e6e6;
}

#register_3_light_row {
	height: 32px;
	font-size: 13px;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	background-color: #f2f2f2;
}

#register_3_bonus_row {
	height: 32px;
	font-size: 13px;
	border-top: 1px solid #c3c3c3;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	background-color: #f4da70;
}

/*Grand Tour*/
.freeGrandTourSection {
	margin-bottom: 50px;
}

.freeGrandTourBox {
	width: 726px;
	height: 590px;
}

.freeGrandTourVideoBox {
	float: right;
	width: 447px;
	height: 278px;
	margin: 20px 20px 20px 0;
	border: 0px solid;
}

.freeGrandTourVideoBoxWide {
	float: right;
	width: 600px;
	height: 369px;
	margin: 20px 20px 20px 0;
	border: 0px solid;
}
.freeGrandTour_header {
	width: 980px;
	height: 441px;
	margin: 0 auto 20px;
}

.freeGrandTour_header_sidebar {
	width: 726px;
	height: 326px;
}

.grandtourBoxRowLessons {
	width: 722px;
	height: 450px;
	margin: 0px auto 0px;
	overflow:hidden;
}

.freeGrandTourSignUp {
	border: 0px solid;
	padding: 240px 0 0 44px;
	width: 167px;
	height: 42px;
	float: left:
}

.freeGrandTourTop {
	border: 0px solid;
	width: 105px;
	height: 30px;
	margin: 10px 40px 0px 0;
	float: right;
}

/**************
* promo texts *
**************/
.above_payment, .below_payment {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-face: Myriad Pro, sans-serif; 
    font-size: 20px;
}

.below_payment {
    padding-top:10px;
}

/********************************
* tutorial completions scroller *
********************************/
/*
#completions_scroll {
    width:746px;
    height:20px; 
    background: -webkit-gradient(linear, 0 0, 100% 100%, from(#C9CBCB), to(#ffffff) );
	background: -moz-linear-gradient( top left, #C9CBCB, #ffffff );
    list-style: none;
    line-height: 1.0em;
    margin-top: 3px;
    margin-bottom:5px;
    border: 1px solid #7C1518;
    border-radius: 8px 8px 8px 8px;
    padding-left: 0px;
    overflow: hidden;
}
*/

#completions_scroll {
    width:748px;
    height:28px; 
    background-image: url('/redesign/graphics/notification_box.png');
    list-style: none;
    line-height: 1.0em;
    margin-top: 3px;
    margin-bottom:5px;
    margin-left: 0px;
    padding-left: 0px;
    overflow: hidden;
    position: relative;
}

.completions_scroll_rollover {
    background-position: 0px -28px;
}

#completions_scroll li {
    position: absolute;
    top: 2px;
    left: 30px;
    display: none;
    width: 630px;
    overflow:hidden;
    /*
    margin-top: -2px;
    margin-left: 8px;
    margin-top: 0px;
    margin-left: 30px;
    */
}    

#completions_scroll_more {
    position: absolute;
    top: 1px;
    left: 655px;
    width: 88px;
    height: 28px;
}

.completions_scroll_person {
    color: #A11F21;
    font-weight: bold;
}

.completions_scroll_song {
    color: #A11F21;
    font-style: italic;
}

/********************
* coupon code entry *
********************/
#coupon_code_container {
    background-image: url('/redesign/graphics/coupon_code_sprite_b.png');
    width: 159px;
    height: 28px;
    float: left;
    margin-left: 77px;
    position: relative;
}

#coupon_code_container:hover {
    background-position: 0px -28px;
}

.coupon_code_accepted {
    background-position: 0px -56px;
    color: green;
}

.coupon_code_rejected {
    background-position: 0px -84px;
    color: red;
}

.coupon_code_label {
	float:left;
	font-size:16px;
	line-height:18px;
	color:#a0201f;
	font-weight:bold;
}

.coupon_code_label_register_full {
	font-size:13px;
	color:#7c1315;
	font-weight:bold;
	margin-left: 5px;
}

#coupon_code {
    position: absolute;
    top: 5px;
    left: 7px;
    width: 140px;
    background-color:transparent;
	border: 0px solid;
    outline: none;
    font-size: 1.22em;
    font-weight: bold;
    color: #888888;
}

.coupon_code_arrow {
    background-image: url('/redesign/graphics/coupon_code_sprite_b.png');
    width: 19px;
    height: 18px;
    background-position: -132px -112px;
    float: left;
}    

#coupon_code_message {
    position: absolute;
    top: 33px;
    left: 7px;
    width: 200px;
}

/*********************
 * Infobox css
*********************/
.infobox_hover {
	width: 618px;
	height: 206px;
	background: url('/redesign/graphics/infobox_bg.png');
	display: none;
	z-index: 50;
	float: right;
	position: absolute;
	text-align: left;
	margin: 0 0 0 150px;
}
.infobox_title {
	width: 455px;
	height: 21px;
	float: right;
	margin: 0px 25px 0 0;
	font-size: 14px;
	font-weight: bold;
}
.infobox_bottom_info {
	font-weight: bold;
	margin: 2px 25px 0 0;
	width: 455px;
	float: right;
	
}
.infobox_description {
	font-weight: bold;
	margin: 0px 25px 0 0;
	width: 455px;
	height: 85px;
	float: right;
	overflow: hidden;
}
.infobox_button {
	height: 32px;
	width: 100px;
	float: left;
}
.infobox_bottom_section {
	margin: 30px 0 0 25px;
}
.infobox_sub_text {
	color: #434343;
}
.infobox_photo {
	width: 100px;
	height: 100px;
	float: left;
}
.infobox_top_section {
	height: 100px;
	margin: 25px 0 0 25px;
}

/****************************
* general purpose overrides *
* keep at bottom            *
****************************/
.large-button {
    font-size: 24px;
    padding: 15px 25px 15px 25px;
    /* min-width: 167px; */
}

.subhead-text {
    font-weight: bold;
    font-size: 12px;
}

.subheader-text {
    font-weight: bold;
    font-size: 14px;
}

.strong-text {
    font-weight: bold;
    font-size: 1.3em;
}

.stronger-text {
    font-weight: bold;
    font-size: 1.6em;
}

.quiet-text {
    color: #aaaaaa;
}