@charset "utf-8";
/* CSS Document */
/* Property of OnlineLessonReviews.com */
/* DO NOT COPY */

body,html {
font-family:/*Verdana,*/ Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-size:14px;
line-height:120%; /*not sure what to do here*/
background: #FFFFFF /*url(../images/winter-background2.png) no-repeat center top*/;
}

hr {padding:0; margin:0;}

:link img, :visited img, :hover img, :active img, img { border: none; } 

a:link, a:visited, a:hover, a:active {color:#0066CC;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 {font-size:22px;}
h2 {font-size:22px;}
h3 {font-size:17px;}
h4 {font-size:15px;}

ul, li { list-style-type: none; margin:0; padding:0; }
ol, ol li { list-style-type: decimal; }

p {
padding:0;
margin:0 0 11px 0;
}

img {
border:none;
}

#outer-shell {
background-color:#CCCCCC;
width:1000px;
margin:0 auto;
position:relative;
}
#inner-shell {
width:970px;
margin: 0 auto;
background-color:#CCCCCC;
padding-top:15px; /*For Padding on top of the header*/
/*margin-bottom:200px;*/
clear:both;
}

#header {
position:relative;
width:100%;
height:71px; /*90px for large*/
background-color:#FFFFFF;
margin-bottom:15px;
}
#header-logo {
margin:15px 20px 0 12px;
}
#header-tagline {
margin-top:15px;
}

.bookmark-icon {
float:right;
margin:0 15px 0 0;
padding:0;
}

.secondary-nav-bar {
width:100%;
height:37px;
background-color:#2D2D2D;
}
.secondary-nav-bar ul {
list-style:none;
margin:0;
padding:0;
}
.secondary-nav-bar li {
display:inline;
padding:0 11px;
margin:0;
position:relative;
top:8px;
color:#FFFFFF;
font-variant:small-caps;
display:inline;
float:left;
background:url(../images/secondary-nav-bar-li-bg.gif) no-repeat right;
}
.secondary-nav-bar li a {color:#FFFFFF;} /*Should remove the specific attributes in other css files*/
.secondary-nav-bar ul.extra-links li{
color:#FFCC00;
float:right;
background:url(../images/secondary-nav-bar-li-bg.gif) no-repeat left;
font-weight:bold;
}

.breadcrumbs {
position:relative;
height:30px;
background-color:#FFFFFF;
clear:both;
}
.breadcrumbs p {
position:relative;
top:5px;
left:15px;
margin:0;
padding:0;
font-size:11px;
}
.breadcrumbs .disclosure-link {position:absolute; top:0; right:30px; font-weight:bold;}
.breadcrumbs .disclosure-link a {color:#F00;}

#singing #category-header {width:970px; height:187px; background:url(../images/singing/header-singing-bg.jpg); position:relative;}
#singing #category-header .right {float:right; padding-right:15px; margin:0;}
#singing #category-header .left {float:left; width:635px; margin:0; padding:0;}
#singing #category-header h1 {font-size:35px; color:#333333; margin:0; padding:30px 0 20px 0; /*text-shadow:1px 2px 2px #333333*/}
#singing #category-header .tagline {font-size:14px; font-weight:bold; font-style:italic; color:#333333; /*text-shadow:0px 1px 1px #EEB5B5;*/}
#singing #category-header p {font-size:13px; color:#000000; margin:10px 0; /*text-shadow:1px 1px 2px #000000;*/}
#singing #category-header .edition {position:absolute; top:22px; left:565px; font-weight:bold; font-size:10px; color:#333333; text-transform:uppercase; /*text-shadow:0px 1px 1px #EEB5B5;*/}

#singing #category-header .comparison {margin-top:25px;}
#singing #category-header .button-comparison {height:24px; width:292px; background:url(../images/singing/button-comparison.jpg) no-repeat; text-align:center; margin-top:15px; }
#singing #category-header .button-comparison a {color:#333333; font-weight:bold;  line-height:24px; font-size:12px; text-decoration:none;}


#splash-home {
/*height:230px;*/
background:url(../images/splash-home-bg.gif) repeat-x;
width:100%;
margin:0;
/*padding-top:15px;*/ /*To keep the splash frame to run at the top - Margin on the fram doesn't work*/
}

#guitar #splash-home {padding-top:0;}
#singing #splash-home {padding-top:0;}


#splash-frame {
height:220px;
background-color:#FFFFFF;
width:960px; /*Shortened by 10px so it doesn't go over the edge*/
padding-left:10px; /*margin-top:10px; Affects IE, but not FF*/
}
#splash-frame img {
margin:10px 10px 10px 0;
float:left;
}



#column-wrapper {
margin:0 auto;
width:970px;
background:#FFFFFF url(../images/column-wrapper-bg.gif) repeat-y;
float:left; /*Needed for height to scale*/
margin-top:10px;
margin-bottom:15px; /*To create space above footer*/
}

.leftcol {
width:600px;
float:left;
padding:0 15px;
}

.rightcol {
width:295px;
float:right;
padding:0 15px;
}


.leftcol ul {
padding-left:15px;
}
.leftcol ul li {
padding-bottom:7px;
list-style:none;
}
.leftcol h2 {
font-size:20px;
margin:0 0 8px 0;
padding:0;
}
.leftcol h3 {
margin:0 0 10px 0;
padding:0;
}
.left-col .title-image { /*For a Full Width Picture*/
margin:-10px -15px; 
padding:0 0 20px 0;
}

.recommended {
position:relative;
top:-4px;
color:#FF0000;
color:#EEF900;
color:#666666;
color:#0099CC;
font-size:13px;
font-weight:bold;
margin-bottom:3px;
padding:0;
}

ul.floating-list {
width:185px;
padding:0;
margin:0 15px 12px 0;
display:block;
float:left;
}
ul.floating-list li {
list-style:none;
}

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

#blackboard {
position:relative;
border:5px solid #663300;
background:#181818 url(../images/blackboard-steps.png) no-repeat center bottom;
padding-bottom:115px;
}
#blackboard p {
margin-left:105px;
padding-right:10px;
color:#FFFFFF;
font-size:13px;}
#blackboard .welcome {margin:15px 0 8px 0; padding-left:105px;}

.clear-divider {width:97%; clear:both; height:2px; color:#FFFFFF; background-color:#FFFFFF; border:none; margin:0 auto; padding:0; margin:0; display:block;}
.divider {width:97%; clear:both; height:2px; color:#FFFFFF; background-color:#FFFFFF; border:none; margin:0 auto; padding:0; margin:0; display:block;}

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


.leftcol h1.title, .leftcol h2.title {
display:block;
width:615px;
margin:0 -15px 15px -15px;
padding:8px 0 8px 15px;
font-size:22px;
background:#F0F0F0;
border-bottom:3px solid #999999;
}
.leftcol h3.title {
display:block;
width:615px;
margin:15px -15px;
padding:5px 0 5px 15px;
font-size:17px;
background:#F0F0F0;
border-bottom:3px solid #999999;
}
/**************** Remove Later - when all are converted to this system, remove IDs ***********************/
#guitar .leftcol .review h3.title, #singing .leftcol .review h3.title, #piano .leftcol .review h3.title, #drum .leftcol .review h3.title, #bass-guitar .leftcol .review h3.title {
display:block;
width:565px;
margin:15px -15px 0 -15px;
padding:5px 0 17px 65px;
font-size:17px;
padding-bottom:5px;
}
.leftcol .review h3.title {
display:block;
width:615px;
margin:15px -15px 15px -15px;
padding:5px 0 17px 15px;
font-size:17px;
padding-bottom:5px;
}
.leftcol .review h2 {margin-bottom:15px;}

.icon-no {position:absolute; top:-3px; left:0px;}
.editors-choice-graphic {position:absolute; top:8px; right:0px;}

.leftcol .review .detailed-info-box {
width:600px;
margin:0 -15px 10px -15px;
padding:15px 15px 0 15px;
height:125px;
}

img.product-medium {
border:3px solid #999999;
float:left;
margin:0 15px 15px 0;
}

a.external {padding-right:15px; background:url(../images/icon-external.png) no-repeat right top;}

.details {font-size:12px; line-height:75%;}
.button-group {float:right; display:inline; width:100px;} /*Must accomodate largest button width*/
.button-group img {margin-bottom:10px;}

.review-text {width:74%; padding:0; margin:0; /*border-right:3px solid #0099CC;*/}
.review-sidebar {float:right; width:142px;}

.review-sidebar h3.screenshot-icon {padding: 5px 0 5px 25px; background: url(../images/icon-film.png) no-repeat left;}

.screenshot-group {margin:0; float:left;}
.screenshot-group img {margin:0 0 10px 0;}
.screenshot-group a:link img , .screenshot-group a:visited img, .screenshot-group img a:hover img, .screenshot-group img a:active img {border:5px solid #999999;} /*This is all so when there is no picture there is no border*/

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

.rightcol h1.title, .rightcol h2.title {
display:block;
width:310px;
background:#F0F0F0;
margin:0 -15px 0 -15px;
padding:8px 0 8px 15px;
font-size:22px;
background-color:#F0F0F0;
border-bottom:3px solid #999999;
}
.rightcol h3.title {
display:block;
width:310px;
margin:15px -15px 15px -15px;
padding:5px 0 5px 15px;
font-size:17px;
background-color:#F0F0F0;
border-bottom:3px solid #999999;
}

.featured .featured-title {font-weight:bold; margin:10px; font-size:18px;/* float:left; display:inline;*/}
.featured img {clear:both; float:left; margin:0 10px 0 10px;}
.featured {margin:0 0 15px 0; padding:0;}
.featured ul {list-style:none; float:right;}
.featured li {padding:2px 0 2px 10px; display:block; width:192px;}
.featured li.selected {font-weight:bold; background: url(../images/blue-arrow.png) no-repeat left center;}
.featured .see-all {clear:both; margin-left:217px;}

.quick-link {
margin:0 0 0 -15px;
}
.quick-link img {
margin-bottom:1px;
}

.review {padding-bottom:5px; position:relative; clear:both;}
.review ul li {
list-style-image:url(../images/review-bullet.gif);
padding-left:5px;
}

.special-offers {
position:relative;
margin:5px 0 0 0;
padding:0;
}
.special-offers img {
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:3px;
padding:0;
}
.special-offers a:link, .special-offers a:visited, .special-offers a:hover, .special-offers a:active {
color:#000000;
text-decoration:none;
}
.coupon-box p.title a:link, .coupon-box p.title a:visited, .coupon-box p.title a:hover, .coupon-box p.title a:active {
text-transform:uppercase;
}

.special-offers .coupon-box {
float:left;
width:285px;
}
.special-offers .title {
font-size:17px;
font-weight:bold;
text-align:center;
margin-top:5px;
}
.special-offers .coupon {
width:212px;
height:20px;
background:url(../images/coupon-bg.png) center no-repeat;
text-align:center; /*Center coupon text with background*/
border:1px dashed #CCCCCC;
float:left;
font-weight:bold;
font-size:13px;
padding:6px 0;
margin-top:-3px; /*move up closer to title*/
}

.special-offers .coupon p.title {
text-transform:uppercase;
}
.special-offers p.offer-description {
font-size:11px;
display:block;
clear:both;
}







.clearfix {
clear:both;
}

#lesson-list {
font-size:12px;
margin:0 auto;
text-align:left;
width:265px;
width:100%;
border:1px solid #DDDDDD;
}
#lesson-list td {
border-bottom:1px solid #DDDDDD;
padding:6px;
}

.product-image {
width:225px;
height:175px;
padding:0;
margin:0 15px 10px 0;
float:left;
}

/*img.product-image {float:left;}*/

#ratings-table {
font-size:11px;
float:left;
margin:0;
padding:0;
}
#ratings-table td {
padding:0 5px 2px 0;
}
.rating-box {
display:block;
width:310px;
margin:0 -15px 0 -15px;
padding:13px 0 0 15px;
height:150px;
}

.button {
float:left;
margin:5px 15px 10px 0;
padding:0;
}

.buttons {
width:95px;
height:25px;
background-color:#181818;
float:left;
margin:10px 15px 10px 0;
padding:0;
text-align:center;
}
.buttons a, .buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active {
position:relative;
top:3px;
margin:0;
padding:0;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.buttons a:hover {color:#FFCC00;}


.score-a, .score-b, .score-c, .score-d, .score-f {
display:block;
width:109px;
height:112px;
margin:0 7px 7px 0;
padding:0;
float:left;
}
.score-a {background:url(../images/score-a.png) no-repeat center;}
.score-b {background:url(../images/score-b.png) no-repeat center;}
.score-c {background:url(../images/score-c.png) no-repeat center;}
.score-d {background:url(../images/score-d.png) no-repeat center;}
.score-f {background:url(../images/score-f.png) no-repeat center;}

.score-a h6, .score-b h6, .score-c h6, .score-d h6, .score-f h6 {
margin:0;
padding:0;
position:relative;
top:32px;
left:10px;
font-size:60px;
color:#FFFFFF;
}



.singlecol .intro { /*To attach a background image to*/
width:940px;
height:225px;
margin:-10px -15px 0 -15px; 
padding:10px 15px 0 15px;
}
.singlecol {
margin:0 auto;
padding:0 15px;
width:940px;
background:#FFFFFF;
}
.singlecol h1.title {
display:block;
width:955px;
padding:10px 0 22px 15px;
font-size:22px;
margin:0 -15px;
}

.top-courses {
width:475px;
height:180px;
float:right;
margin:7px 0 0 15px;
padding-right:10px; /*Instead of using margin-right. Avoids the double-margin float bug in IE 6.0*/
}


/**************************** VERTICAL TABLE ******************************/

table.vertical-table {
border-collapse:collapse;
clear:right;
margin:15px auto;
width:99%;
border:1px solid #333333;
text-align:center; /*For FF - To make Data Cells Centered*/
line-height:normal;
font-size:10px;
table-layout:fixed;
}

table.vertical-table td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:5px 2px;
}
table.vertical-table tr.table-header td {
border:none;
border-bottom:1px solid #999999;
background-color:#CCCCCC;
font-size:12px;
font-weight:bold;
}

table.vertical-table td.captions, table.vertical-table th.captions {text-align:left; padding-left:5px;} /*Because aligning col's don't work with FF*/

table.vertical-table .button {
width:55px;
height:16px;
background-color:#181818;
margin:0 auto;
color:#FFFFFF;
padding-top:3px;
}
table.vertical-table .button a:link, table.vertical-table .button a:visited, table.vertical-table .button a:hover, table.vertical-table .button a:active {
color:#FFFFFF;
text-decoration:none;
}
table.vertical-table .button a:hover {color:#FFCC00;}

table.vertical-table thead th {
height:30px;
background-color:#181818;
color:#FFFFFF;
}


/**************************** HORIZONTAL TABLE ******************************/

table.horizontal-table {
border-collapse:collapse;
clear:right;
margin:25px auto;
width:99%;
border:1px solid #333333;
text-align:center; /*For FF - To make Data Cells Centered*/
line-height:normal;
font-size:10px;
}

table.horizontal-table td {
border-bottom:1px solid #999999;
border-right:1px solid #999999;
padding:7px;
}
table.horizontal-table tr.table-header td {
border:none;
border-bottom:1px solid #999999;
background-color:#CCCCCC;
font-size:12px;
font-weight:bold;
}
table.horizontal-table colgroup#data {text-align:center;} /*Only WIDTH works with FF*/

table.horizontal-table .button {
width:55px;
height:16px;
background-color:#181818;
margin:0 auto;
color:#FFFFFF;
padding-top:3px;
}
table.horizontal-table .button a:link, table.horizontal-table .button a:visited, table.horizontal-table .button a:hover, table.horizontal-table .button a:active {
color:#FFFFFF;
text-decoration:none;
}
table.horizontal-table .button a:hover {color:#FFCC00;}

table.horizontal-table thead th {
height:30px;
background-color:#181818;
color:#FFFFFF;
}

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


#footer {
position:relative;
color:#FFFFFF;
/*float:left;*/ /*Either Float or declare height for FF*/
width:100%;
height:170px;
clear:both;
background:#181818;
margin:0 auto;
}
#footer .inner-div {
padding:15px 20px 0 20px;
}
#footer .column1, #footer .column2, #footer .column3 {
list-style:none;
/*border:1px solid #33FFFF;*/
padding:0;
}
#footer .column1 {
width:278px;
margin:0 20px 0 0;
float:left;
} 
#footer .column2 {
width:360px;
margin:0;
float:left;
}
#footer .column3 {
width:265px;
margin:0;
float:right;
} 

#footer ul {
margin:0 15px 0 0;
float:left;
padding:0;
}
#footer li {
background:url(../images/footer-bullet.gif) no-repeat left center;
padding:0 0 0 10px;
margin:2px 0 0 0;
}
#footer h4 {
color:#FFCC00;
margin:0 0 10px 0;
padding:0;
border-bottom:1px solid #FFFFFF;
width:100%;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#FFFFFF; text-decoration:none;}

#footer .footer-logo {
position:absolute;
bottom:7px;
right:13px;
}

#notice {
font-variant:small-caps;
text-align:center;
color:#FFFFFF;
background:url(../images/notice-bg.gif) repeat-x;
height:50px;
width:100%;
padding:0;
margin:0 auto;
clear:both;
}
#notice p {font-size:11px; padding-top:18px;}

/*Can't seem to apply the padding to the actual #root-footer or notice without a border showing up on the bottom of the page*/
#root-footer {
font-variant:small-caps;
/*text-align:center;*/
color:#FFFFFF;
background:url(../images/root-footer-bg.gif) repeat-x;
height:60px;
width:100%;
padding:0 0 0 0;
margin:0 auto;
clear:both;
}
#root-footer ul {
/*text-align:center;*/
list-style:none;
margin:0;
margin-left:170px;
padding:0;
margin-bottom:7px;
padding-bottom:15px;
padding-top:10px;
}
#root-footer ul li {
/*display:inline;*/
float:left;
margin:0 20px 0 0;
}
#root-footer p {font-size:11px; text-align:center; clear:both;}
#root-footer ul li a:link, #root-footer ul li a:visited, #root-footer ul li a:hover, #root-footer ul li a:active {color:#FFFFFF;}


#screenshot img {
float:left;
margin:0 5px 15px 0;
padding:0;
border:5px solid #999999;}



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

.clearfix {clear:both;}

.small-text {
font-size:11px;
}

.highlight {background-color:#FFFF99;}
.underline {text-decoration:underline;}


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

#coupon-box {
width:485px;
border:2px dashed #FFCC00;
background:#FFFFCC;
margin:0 auto 11px auto; /*Same bottom padding as p*/
color:#333333;
padding:10px;
text-align:center;
position:relative;
}
#coupon-box p {
font-size:11px;
width:375px;
margin:0 auto;
}
#coupon-box h2 {
font-size:16px;
font-variant:small-caps;
}
#coupon-box h3 {
font-size:14px;
margin-top:5px;
}

.price-strike {text-decoration:line-through;}
.strike {text-decoration:line-through;}
.underline {text-decoration:underline;}

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

.quote {float:right; margin-left:15px;}
.quote blockquote {
background: url(../images/blockquote-top.png) no-repeat top center #F4F4F4;
padding:0;
margin:0;
text-indent:45px;
width:200px;
font-family:"Times New Roman", Times, serif;
font-size:17px;
line-height:110%;
}
.quote p {
margin:0 auto;
padding: 20px 0 0 0;
width:170px;
color:#797979;
}
.quote div {
background: url(../images/blockquote-bottom.png) no-repeat bottom center #F4F4F4;
padding:0;
width:200px;
clear:both;
margin-bottom:5px;
}
.quote div p {
text-indent:0;
padding:9px 0 25px 0;
background:url(../images/symbol-new-window.gif) no-repeat 120px 5px;
font-weight:bold;
}

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

a:link img.product-image, a:visited img.product-image, a:active img.product-image {border:5px solid #CCCCCC;}
a:hover img.product-image {border:5px solid #666666;}
/*For product categories that aren't completed yet*/

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

#contact-box {
width:275px;
border:2px  solid #666666;
background: url(../images/contact-box-bg.png) repeat-y;
margin:0 auto 11px auto; /*Same bottom padding as p*/
margin:0 0 0 25px;
color:#333333;
padding:35px;
text-align:center;
position:relative;
}
#contact-box p {
font-size:11px;
margin:0 auto;
}
#contact-box h2 {
font-size:16px;
font-variant:small-caps;
}
#contact-box h3 {
font-size:14px;
margin-top:5px;
}

.navigation-box {width:95%; margin-top:30px; text-align:center;}
.navigation-box p {font-size:18px; padding-top:5px;}



#supportinfo-box {}
#supportinfo-box .col1 {float:left; margin-left:10px;}
#supportinfo-box .col2 {float:left;}

#supportinfo-box #title-guitar, #supportinfo-box #title-piano, #supportinfo-box #title-bass-guitar, #supportinfo-box #title-singing, #supportinfo-box #title-painting, #supportinfo-box #title-drums {font-size:18px; font-weight:bold; padding:5px 10px; margin-bottom:15px; clear:both;}
#supportinfo-box #title-guitar {color:#FFFFFF; background:#0099CC;}
#supportinfo-box #title-piano {color:#FFFFFF; background:#900000;}
#supportinfo-box #title-bass-guitar {color:#FFFFFF; background:#008800;}
#supportinfo-box #title-singing {color:#000000; background:#FFCC00;}
#supportinfo-box #title-painting {color:#000000; background:#999999;}
#supportinfo-box #title-drums {color:#FFFFFF; background:#CC6600;}



#supportinfo-box .company {width:275px; /*border:1px solid #000000;*/ margin:0 15px 15px 0; background-color:#EBFAFE;}
#supportinfo-box .company .name {font-size:13px; font-weight:bold;}
#supportinfo-box .company .support {font-size:10px; line-height:140%;}

.disclosure {
font-size:14px;
width:585px;
padding:7px;
margin:0 0 15px 0;
background-color:#EEEEEE;
line-height:120%;
font-style:italic;
clear:both; /*So buttons won't appear in disclosure box*/
border:1px solid #999;
}

/******************* Write a Review Page ***********************/
#writing-guidelines {
margin-top:15px;
padding:15px;
position:relative;
background-color:#F7F7F7;
height:750px; /*Height necessary for ie6 to render corners properly */
}
#writing-guidelines .title {font-size:16px; font-weight:bold;}
#writing-guidelines ul {list-style:none; margin:0 0 15px 15px;}
#writing-guidelines ul li { list-style-type:disc;}

#writing-notice {background:#FFFFCC;}
#writing-notice p {padding:5px; font-size:11px;}

.red {color:#FF0000;}
.rating-row {padding-top:3px; color:#666666; font-size:12px;}
.overall-rating {padding:0 0 10px 6px; font-size:16px; font-weight:bold; color:#666666;}
.product-image-review { border:none; margin:0 15px 10px 0; float:left; padding:0;}

#table-overall-rating {
padding:8px;
width:360px;
height:175px;
background:url(../images/overall-rating-bg.png) no-repeat;
float:right;
}
#input-review {
position:relative;
background-color:#F7F7F7;
color:#666666;
padding:15px;
height:250px;
margin-top:10px;
}
#input-review p {font-size:12px;}
#input-review input, #input-review textarea {width:560px; /*margin-bottom:10px;*/ padding:0;}
#input-review textarea {height:140px; margin-bottom:0;}

#input-contact-info {height:185px;
background-color:#F4F4F4; padding:15px;
font-size:12px; color:#666666;
position:relative;
margin-top:15px;}
#input-contact-info .title {background:#FFFFFF; padding:0 6px; position:absolute; top:-10px; left:15px;}
#input-contact-info input {margin-bottom:10px;}

.corner-tl, .corner-tr, .corner-bl, .corner-br {
position:absolute;
width:13px;
height:13px;
font-size:1px;
}
.corner-tl {top:0; left:0; background:url(../images/corner-top-left.gif) no-repeat;}
.corner-tr {top:0; right:0; background:url(../images/corner-top-right.gif) no-repeat;}
.corner-bl {bottom:0; left:0; background:url(../images/corner-bottom-left.gif) no-repeat;}
.corner-br {bottom:0; right:0; background:url(../images/corner-bottom-right.gif) no-repeat;}

.preview-title {display:block; position:relative; padding:8px 0 8px 5px; margin-top:10px; font-size:20px; font-weight:bold; /*border-bottom:2px solid #000000;*/ background-color:#FFFFCC;}
.submit-reminder {position:absolute; right:15px; font-size:12px; font-weight:normal;}

/*********************  Product Page Reviews & Snippets *********************/

.rounded-box-sidebar, .user-review {width:295px; color:#666666; font-size:12px; margin-bottom:15px; position:relative;}
.rounded-box-sidebar-top {height:13px; background:url(../images/corners-295-top.png) no-repeat bottom;}
.rounded-box-sidebar-bottom {height:13px; background: url(../images/corners-295-bottom.png) no-repeat top;}
.rounded-box-sidebar-middle, .user-review-middle {background: #F7F7F7; padding:0 15px;}
.rounded-box-sidebar-middle p, .user-review-middle p {margin:0; padding:5px 0;} /*Cannot use margin for p text here...*/

.user-review {width:600px;}
.user-review-top {height:13px; background:url(../images/corners-600-top.png) no-repeat bottom;}
.user-review-bottom {height:13px; background: url(../images/corners-600-bottom.png) no-repeat top;}
.verified-customer {width:127px; height:20px; background:url(../images/verified-customer.jpg) no-repeat; position:absolute; top:15px; right:15px;}

/*.user-review-snippet {
position:relative;
background:#F4F4F4 url(../images/corners-top.png) no-repeat 50% 0%;
background-color:#F4F4F4;
color:#666666;
font-size:12px;
padding:15px 15px 10px 15px;
margin-bottom:15px;
line-height:130%;
}*/
/*.user-review-snippet a {
padding-bottom:20px;
display:block;
margin:0 -15px;
}*/
/*.user-review-snippet a.last {
border:1px solid #000;
background:#F4F4F4 url(../images/corners-bottom.png) no-repeat 50% 100%;
padding:0 15px 20px 15px;
margin:0 -15px -15px -15px;
display:block;
}*/
/*.user-review-snippet .bottom {
width:295px;
height:13px;
position:absolute;
bottom:0;
left:0;
background:#F4F4F4 url(../images/corners-bottom.png) no-repeat;}*/

/*********************  User Review Page *********************/

.reviews-summary {
position:relative;
width:420px;
background:#F7F7F7;
float:right;
padding:15px 15px 4px 15px;
color:#666666;
font-size:12px;
}
.reviews-summary p {margin-bottom:4px;}
.reviews-summary p.title {
color:#333333;
font-weight:bold;
font-size:14px;
}
.reviews-summary p.question {
font-size:10px;}

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

.reviews-summary2 {
position:relative;
margin:-15px -15px 10px -15px;
padding:15px 30px 4px 30px;
color:#666666;
font-size:12px;
}
.reviews-summary2 p {margin-bottom:4px;}
.reviews-summary2 p.title {
color:#333333;
font-weight:bold;
font-size:14px;
}
.reviews-summary2 p.question {
font-size:10px;}

/*************** CC *******************/
.my_clip_button {
cursor:default;
width:212px;
height:20px;
background:url(../images/coupon-bg.png) center no-repeat;
text-align:center; /*Center coupon text with background*/
border:1px dashed #CCCCCC;
float:left;
font-weight:bold;
font-size:13px;
padding:6px 0;
margin-top:-3px; /*move up closer to title*/
}
.my_clip_button.hover {background-color:transparent;} /*Changed from none*/
.my_clip_button.active {background-color:transparent;} /*Changed from none*/
#dhtmltooltip {
line-height:100%; /*centers text on tooltip*/
position:absolute;
text-align:justify;
visibility:hidden;
width:160px;
height:20px;
z-index:100;
}
/*CSS class when No click is pressed, Here you can setup your customise popup image*/
#click_copy_open_popup{
width:140px;
height:20px;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left:15px;
padding-top:3px;
background:url(../images/coupon-arrow.png) no-repeat;
}
/*CSS class when First click is pressed, Here you can setup your customise popup image*/
#click_copy_popup{
width:80px;
height:20px;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left:15px;
padding-top:3px;
background:url(../images/coupon-arrow.png) no-repeat;
}
/*CSS class when second click is pressed, Here you can setup your customise popup image*/
#copied_popup{
width:100px;
height:20px;
color:#ffffff;
font-size:11px;
font-weight:bold;
padding-left:15px;
padding-top:3px;
background:url(../images/coupon-arrow.png) no-repeat;
}

/*************** review promotion page *******************/

#reviews-promo .intro {
background:#EEFFDD;
border-bottom:2px solid #66CC00;
margin:-15px -15px 15px -15px;
padding:15px 15px 5px 15px;
/*padding-bottom:15px;
padding-top:15px;*/
}
#reviews-promo .intro h2, #reviews-promo h3 {font-size:30px; color:#66CC00; margin:0 0 15px 0;}
#reviews-promo h3 {
border-bottom:2px solid #FFCC00;
padding-bottom:3px; margin-left:-15px;
margin-right:-15px;
padding-left:50px;
height:21px;
background: url(../images/square-checkmark.png) no-repeat 2.5% top;
overflow:visible;
}
#reviews-promo .leftcol p {font-size:12px; width:450px;}
#reviews-promo .leftcol .intro p {font-size:12px; width:400px;}

#reviews-promo .faq {background:#F4F4F4; padding:15px 15px 5px 30px; margin-bottom:15px;}
#reviews-promo .faq p {width:auto;}
#reviews-promo .faq .question {font-size:18px; font-style:italic; margin-left:-15px;}

/*************** list of products table *******************/

#list-of-courses {
border-width:0 0 1px 1px;
border-style:solid;
border-color:#D0D0D0;
font-size:12px;
width:585px;
}
#list-of-courses td {
border-width:1px 1px 0 0;
border-style:solid;
border-color:#DDDDDD;
padding:4px 7px;
}
#list-of-courses .product-type {}
#list-of-courses .product-type td {color:#FFFFFF; font-size:14px; font-weight:bold; background:#181818;}

/*#list-of-courses td {background:url(../images/row-bg.jpg) repeat-x;}*/
#list-of-courses .alt-row-guitar td, #list-of-courses .alt-row-piano td, #list-of-courses .alt-row-singing td, #list-of-courses .alt-row-drums td, #list-of-courses .alt-row-bass-guitar td {background:url(../images/row-alt-bg.jpg) repeat-x;}

#list-of-courses .icon-earn-money {margin-left:7px; vertical-align:middle;}
#list-of-courses .icon-external {margin-left:7px;}

/*************** Flexible CSS Buttons *******************/

a.button-green span, a.button-yellow span {
background:url(../images/sprite-buttons.png) no-repeat 0 0;
display: block;
line-height: 22px;
padding: 5px 0 5px 19px;
color:#244800;
text-shadow: 1px 1px 0px #C8EDA3;
background-color:#FFFFFF;
}
a.button-green, a.button-yellow {
background:url(../images/sprite-buttons.png) no-repeat top right;
display:inline;
float:left;
height:33px;
margin-right:10px;
margin-bottom:15px;
padding-right:18px; /*Centers left padding on span*/
text-decoration:none;
font-size:18px;
font-weight:bold;
}
a.button-green:hover span 	{background-position: 0 -37px;}
a.button-green:hover 		{background-position: right -37px;}

a.button-green:active span	{background-position: 0 -74px;}
a.button-green:active 		{background-position: right -74px;}

/*************** Yellow **************/
a.button-yellow span 	{background:url(../images/sprite-buttons.png) no-repeat left -111px; color:#990000; text-shadow: 1px 1px 0px #FFFFFF; background-color:#FFFFFF;}
a.button-yellow 		{background:url(../images/sprite-buttons.png) no-repeat right -111px; font-size:16px;}

a.button-yellow:hover span 	{background-position: 0 -148px;}
a.button-yellow:hover 		{background-position: right -148px;}

a.button-yellow:active span {background-position: 0 -185px;}
a.button-yellow:active 		{background-position: right -185px;}	

/*************** Buttons on Index *********************/

.button-group a.button-green, .button-group a.button-yellow {
margin-bottom:7px;
font-size:16px;
width:90px;
padding-right:10px;
}
.button-group a.button-green span, .button-group a.button-yellow span {text-align:center; padding-left:10px;}

/*** List of Category Specific Pages Go Here ***/
#guitar .button-group a.button-green span, #guitar .button-group a.button-yellow span {background-color:#D9F2FF;}
#singing .button-group a.button-green span, #singing .button-group a.button-yellow span {background-color:#F9ECB8;}
#drum .button-group a.button-green span, #drum .button-group a.button-yellow span {background-color:#FFF7EC;}
#bass-guitar .button-group a.button-green span, #bass-guitar .button-group a.button-yellow span {background-color:#DAF8BE;}

/*** Illustrations ***/

.illustration {float:left; background-color:#F4F4F4; margin:5px 15px 5px 0; border:1px solid #DDDDDD;}
.illustration img {padding:10px 10px 0 10px; text-align:center;}
.caption {font-size:11px; text-align:center; padding:10px; /*font-style:italic;*/ color:#333333; font-weight:bold;}


/***************/
.new-product {padding-left:5px; display:inline;}
/***************/

/*** Timer Stuff ***/
#timer {
position:absolute;
top:7px;
right:7px;
width:290px;
height:55px;
float:right;
/*margin:7px 7px 0 0;*/
}

#timer .numbers {
    border-style: ridge;    /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
    border-width: 2px;
    border-color: #666666;  /* change the border color using the hexadecimal color codes for HTML */
    background: #111;    /* change the background color using the hexadecimal color codes for HTML */
    padding: 1px 3px;
    width: 34px;
    text-align: center; 
    font-family:'Digit', 'RadiolandRegular', Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;   /* options are normal, bold, bolder, lighter */
    font-style: normal;  /* options are normal or italic */
    color: #FFFFFF;      /* change color using the hexadecimal color codes for HTML */
    }
#timer .title {        /* the styles below will affect the title under the numbers, i.e., "Days", "Hours", etc. */
    border: none;    
    padding: 0px;
    width: 40px;
    text-align: center; 
    font-family: Arial, sans-serif;
    font-size: 9px; 
    font-weight: normal; /* options are normal, bold, bolder, lighter */
    color: #000;      /* change color using the hexadecimal color codes for HTML */
    background: transparent;  /* change the background color using the hexadecimal color codes for HTML */
    }
#timer #table {
	position:absolute;
	top:17px;
	right:80px;
    width: 200px;
    border: none;        /* options are none, dotted, dashed, solid, double, groove, ridge, inset, outset */
/*	padding-left:11px;
	padding-top:16px;*/
    }
	
#timer #table tr#spacer2 {height:10px; padding:0; margin:0;}

#sale-description {text-align:right; font-size:10px;}
#sale-description a:link, #sale-description a:visited, #sale-description a:active{ color:#CC0000; font-weight:bold; text-decoration:none;}
#sale-description a:hover {text-decoration:underline;}

/*** Disclaimer Stuff ***/

.disclaimer-notice {padding-bottom:11px; margin-top:-5px;}
.disclaimer-notice a {display:inline; /*border:1px solid #0C9;*/ padding:0px 0px 11px 5px; font-weight:bold;}