@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:400;
font-style:normal;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

html,body {
height:100%;
}

body {
background-color:#c8c8c8;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#333;
line-height:1.5;
padding-top:0;
}

h2 {
color:#693;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.5em;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom:10px;
}

h2 span {
text-transform:none;
font-variant:small-caps;
font-weight:700;
}

.smcaps {
font-variant:small-caps;
text-transform:capitalize;
}

h3 {
border-bottom:1px solid #693;
color:#693;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:500;
letter-spacing:1px;
text-transform:uppercase;
font-size:1.3em;
}

h3 span {
font-variant:small-caps;
text-transform:none;
}

h3 a,h3 span a {
color:#693;
text-decoration:none;
}

h4 {
border-bottom:1px solid #693;
color:#693;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:500;
letter-spacing:2px;
text-transform:uppercase;
font-size:1.2em;
}

em { font-style: italic; }

h4.elvisdance {
color:#333;
text-transform:none;
border:none;
letter-spacing:normal;
}

#maintxt p {
margin-bottom:5px;
}

#wrap {
width:1000px;
font-size:1.2em;
position:relative;
background:#fff;
margin:0 auto;
}

#logo {
background:#FFF url(../folderimages/my-music-folders-header.jpg) no-repeat scroll 50% 0;
text-align:center;
width:1000px;
height:168px;
margin:0 auto;
}

#header {
float:left;
width:443px;
height:160px;
background:url(../folderimages/header.jpg) no-repeat;
}

#maincontent {
border-left:1px solid #b4dab5;
border-right:1px solid #b4dab5;
font-size:.9em;
background:#c8e4c9 url(../folderimages/long-gradient.jpg) repeat-x top left;
margin:1px 16px 0;
}

#maintxt {
text-align:left;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.4em;
line-height:1.4em;
margin:auto 100px;
}

#leftcontent,#leftcontent2 {
float:left;
width:441px;
padding-left:30px;
margin-top:50px;
}

#leftcontent2 {
border-top:2px solid #b4dab5;
}

#rightcontent {
border-top:2px solid #b4dab5;
margin-left:462px;
margin-top:50px;
margin-bottom:15px;
}

#rightcontent h2,#rightcontent p,.productleft,#special {
margin-left:3px;
margin-right:15px;
}

img#logos {
margin-left:80px;
}

#bottom {
height:86px;
background:url(../folderimages/bottom-background2.jpg) repeat-x top left;
border-left:0 solid #b4dab5;
border-right:0 solid #b4dab5;
}

#bottomright {
display:inline;
position:absolute;
left:275px;
}

#bottomright p {
padding-top:10px;
}

#bottomright p a {
color:#063;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:15px;
font-weight:700;
text-decoration:none;
}

#footer {
background:#666;
color:#ccc;
height:25px;
text-align:center;
font-size:smaller;
padding-top:5px;
}

#footer a {
color:#ccc;
text-decoration:none;
vertical-align:middle;
font-weight:700;
}

#footer span {
color:#ccc;
vertical-align:middle;
}

table.ruler {
width:475px;
float:left;
}

table.ruler p {
line-height:1.4em;
}

tr.ruled {
background:#E9E987;
}

#visa {
float:left;
list-style:none;
margin-left:16px;
position:relative;
z-index:6;
}

ul#visa li {
float:left;
height:27px;
margin-top:1px;
margin-right:4px;
}

#socialbookmarks {
/*float:left;*/
margin-top:5px;
/*overflow:hidden;*/
display:block;
position: absolute;
left: 25px;
}
#FBlikebttn {position: absolute; top: -1px; left: 170px;}

#maincontent-head {
text-align: left;
/*height:63px;*/
padding-top:45px;
margin-bottom: 28px;
height: auto;
}

#maincontent-head h1 {
height:28px;
text-indent:-9999px;
}


div#maincontent-head p {
font-size:1.4em;
font-family:Georgia, 'Times New Roman', Times, serif;
color:#693;
text-align: center;
}
#maincontent-head p.head-p-sans {
	text-align: center; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; width: 680px; margin: 1em;
	}
#maincontent-head p.head-p-serif {
	text-align: center; font-size: 1.2em; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; color: #000000; width: 680px; margin: 1em; font-weight: 700;
	}
#special-box{
	border: 2px dashed black;
	width: 95%; 
	background-color:#EBF5EC; 
	margin: 15px auto; 
	padding: 10px;
	}
#special-box p, #special-box h2 {
	width: 95%;
	line-height: normal;
	letter-spacing: normal;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#scanalert {
position:absolute;
right:19px;
top:202px;
}

#BBB {
position:absolute;
right:19px;
top:262px;
}
/*			INDEX PAGE STYLES					*/
/*												*/
#JR-logo {
	position: absolute;
	top: 236px;
	right: 140px;
	}

.index-products {
	height: 280px;
	/*background-color: #ffffff;*/
	/*border: 1px solid #009900;*/
	position: relative;
}
#content-products {
	margin: 0 auto; width: 97%; position: relative;
	}
#products-choir {
	left: 0; width: 49%; padding: 1em 0; position: relative;
	}
#products-band {
	left: 50%; width: 49%; padding: 1em 0; position: absolute; top: 0px;
	}
#choir-column li, #band-column li {
	list-style: none;
	margin-bottom: 40px;
	padding-left: 10px;
}
#choir-column ul li, #band-column ul li {
	margin-bottom: auto;
	list-style: disc;
	list-style-position: outside;
	margin-left: 13px;
	padding-left: 0px;
}
#choir-column ul li.index-buttons, #band-column ul li.index-buttons {
	list-style: none;
	}
#choir-column ul, #band-column ul {
	padding-top: 8px;
	}
.index-products h4 {
	margin-right: 10px;
	position: absolute;
	left: -9999px;
	}
img.index-title{
	position: relative;
	top: 7px;
	left:7px;
	border: 0;
	}
.index-folder-images {
	position: absolute; right: 20px;
}
.index-buttons {
	position: absolute; top: 223px; left: -13px; text-align: center; width: 100%;
	}
.index-buttons img {
	margin-right: 5px;
	}
/*		end	INDEX PAGE STYLES					*/
/*												*/


/*		COMPARISON PAGE STYLES		    			*/
/*										     		*/
#table-comparison {
	border-top: 3px solid #aacf58;
	margin-left: 34px;
}
.header-row th {
	padding: 2px 1px;
	}
#table-comparison td{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	padding: 7px 0px 7px 5px;
	}
.td-blu {
	background-color: #d8eef3;
	border-right: 1px solid #6cbdd1;
	border-bottom: 1px solid #000000;
	}
.td-grn {
	background-color: #eaf6d3;
	border-right: 1px solid #6cbdd1;
	border-bottom: 1px solid #000000;
	}
.brdr-top-blu td, .brdr-top-blu th{
	border-top: 2px solid #6cbdd1;
	}
.spec {
	border-left: 2px solid #6cbdd1;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #6cbdd1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	text-align: left;
	padding-left: 7px;
	}
.pricerow {font-size: 1.35em !important}
.brdr-bottom-blu td, tr.brdr-bottom-blu th {
	border-bottom: 2px solid #6cbdd1;
	}
.last-col {
	border-right: 2px solid #6cbdd1;
	}
/*		end	COMPARISON PAGE STYLES					*/
/*										     		*/

/*		EMBOSSING PAGE STYLES						*/
/*													*/
.emboss-item {width: 600px; min-height: 175px; position: relative; margin-bottom: 60px;}
.emboss-item-details	{width: 410px;}
.emboss-name {}
.emboss-price { font-weight: bold;}
.emboss-descr {}
.emboss-notes-smaller {font-size: smaller;}
.emboss-img-link {margin-left: 415px; position: absolute; top: 10px;}
.emboss-img-link img { border: 1px solid #000;}
#maintxt p.emboss-bold {font-weight: bold;
						  margin-top: 10px; margin-bottom:30px; }
/*		end EMBOSSING PAGE STYLES						*/
/*														*/
#maestro-headline {
background:transparent url(../folderimages/headline-maestro.png) no-repeat scroll top;
}
#royale-headline {
background:transparent url(../folderimages/headline-royale.png) no-repeat scroll top;
}

#deluxe-headline {
background:transparent url(../folderimages/headline-deluxe.png) no-repeat scroll top;
}

#performer-headline {
background:transparent url(../folderimages/headline-performer.png) no-repeat scroll top;
}

#class-band-headline {
background:transparent url(../folderimages/headline-classroom-band.png) no-repeat scroll top;
}
#class-choir-headline {
background:transparent url(../folderimages/headline-classroom-choir.png) no-repeat scroll top;
}
#pro-band-headline {
background:transparent url(../folderimages/headline-pro-band.png) no-repeat scroll top;
}
#pro-orchestra-headline {
background:transparent url(../folderimages/headline-pro-orchestra.png) no-repeat scroll top;
}
#octavo-holder-headline {
background:transparent url(../folderimages/headline-octavo.png) no-repeat scroll top;
}
#three-ring-headline {
background:transparent url(../folderimages/headline-three-ring.png) no-repeat scroll top;
}
#elastics-headline {
background:transparent url(../folderimages/headline-elastics.png) no-repeat scroll top;
}
#emboss-headline {
background:transparent url(../folderimages/headline-embossing.png) no-repeat scroll left top;
height: 28px;
margin-top: 45px;
margin-bottom: 15px;
text-indent: -9999px;
}
#cart-contents-widget {
	bottom: -12px;
	/*padding: 27px 6px 6px 10px;*/
	left: 66px;
	height: 53px;
	position: relative;
	width: 190px;
	background: url(../folderimages/cart-contents-widget.png) no-repeat scroll
	}
div#cart-contents-widget p { font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #CC0000; position: absolute; top: 27px; left: 10px; }
.emboss-checkout-bttn {
	bottom: -26px;
	/*padding: 27px 6px 6px 10px;*/
	left: 96px;
	height: 34px;
	position: relative;
	}
#mainFolderPic {
position:relative;
margin:0 auto;
}


ul#detail-images li a {/* Positioning context for pop up detail images */
	position: absolute;
	text-align: center;
	}
ul#detail-images li a:hover { /*Click Here to Enlarge*/
	background:transparent url(../folderimages/clickyhear.png) no-repeat bottom;
	text-align:center;
	border:1px dashed red;
	visibility:visible;
	display:block;
	}
	


/* Royale rollover boxes */
.royale_binder {
top:6px;
left:312px;
width:185px;
height:163px;
}

.royale_pocket {
top:236px;
left:11px;
width:343px;
height:207px;
}

.royale_namecard {
top:281px;
left:609px;
width:176px;
height:125px;
}

.royale_pencil {
top:6px;
left:686px;
width:132px;
height:253px;
}
/* Deluxe rollover boxes */
.deluxe_binder {
top:6px;
left:312px;
width:185px;
height:163px;
}

.deluxe_pocket {
top:249px;
left:11px;
width:343px;
height:219px;
}

.deluxe_namecard {
top:281px;
left:609px;
width:176px;
height:125px;
}

.deluxe_pencil {
top:6px;
left:686px;
width:132px;
height:253px;
}
/* Choral Performer rollover boxes */
.performer_binder {
top:6px;
left:312px;
width:185px;
height:163px;
}

.performer_namecard {
top:322px;
left:49px;
width:176px;
height:125px;
}

.performer_pencil {
top:6px;
left:686px;
width:132px;
height:275px;
}
/* Classroom choir folder rollover boxes  */
.classchoir_namecard {
top:291px;
left:49px;
width:176px;
height:125px;
}

.classchoir_pencil {
top:6px;
left:686px;
width:132px;
height:275px;
}

/* Pro Band/Swing band rollover boxes  */
.proband_pocket {
top:237px;
left:437px;
width:365px;
height:187px;
}

.proband_namecard {
top:242px;
left:18px;
width:176px;
height:125px;
}

.proband_pencil {
top:0px;
left:665px;
width:132px;
height:239px;
}

/* Professional Orchestra folder rollover boxes  */
.proorch_pocket {
height:212px;
left:191px;
top:11px;
width:440px;
}

.proorch_namecard {
top:315px;
left:20px;
width:176px;
height:125px;
}

.proorch_pencil {
top:54px;
left:683px;
width:132px;
height:253px;
}

/*  Classroom Band folder rollover boxes  */
.classband_namecard {
top:276px;
left:22px;
width:176px;
height:125px;
}

.classband_pencil {
top:-11px;
left:652px;
width:156px;
height:275px;
}


#folderfeatures li {
position:absolute;
color:#000;
width:200px;
}

.productleft,.productright {
width:235px;
float:left;
margin-top:10px;
}

.productleft p {
margin-left:0;
padding-right:10px;
}

.productleft a,.productright a {
font-weight:700;
text-decoration:underline;
color:#333;
}
.productleft a:hover,.productright a:hover {color: #6ea52c;}

.productleft ul li,.productright ul li {
background:url(../folderimages/bullet02.png) no-repeat 1px 3px;
padding-left:20px;
line-height:1.4em;
}

#orderhere {
background:url(../folderimages/order-here.png) no-repeat top left;
}
#orderhere-accessories {
background:url(../folderimages/order-here-accessories.png) no-repeat top left;
}

#maincontent .pageheader {
height:88px;
text-indent:-9999px;
margin-bottom:5px;
}

#special {
border:2px solid #b3b3b3;
margin-top:20px;
margin-bottom:40px;
padding-top:5px;
padding-bottom:5px;
}

#copyr {
margin-top:10px;
text-align:center;
font-size:smaller;
}

#copyr span {
font-weight:700;
}

.gaptop {
margin-top:20px;
}

.gapbottom {
margin-bottom:20px;
}

.gapright {
margin-right:25px;
}

.gapleft {
margin-left:20px;
}

.block {
display:block;
margin-bottom:5px;
}

.right {
float:right;
}

.title {
color:#063;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.4em;
font-weight:700;
letter-spacing:2px;
}

.NEW {
color:#c00;
}

.title span {
color:#693;
font-weight:700;
text-transform:uppercase;
}

.left_text {
color:#063;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:.9em;
font-weight:700;
letter-spacing:3px;
text-decoration:none;
text-transform:uppercase;
}

.head_green {
color:#693;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:2em;
font-variant:normal;
font-weight:400;
letter-spacing:2px;
text-transform:uppercase;
padding:2px 0 0;
}

.rollover {
color:#666;
text-align:center;
margin-bottom:5px;
}

.bottomimages {
float:left;
margin-right:5px;
margin-top:5px;
text-align:center;
}

.padbottom {
padding-bottom:40px;
}

#bottomright .bottomimages p {
font-size:smaller;
color:#666;
padding:0;
}

.subheadp
{
	font-weight: bold;
	font-style: italic;
	font-size: larger;
}

.reallist 
{
	margin-left:30px;
}

.seo-text,.seo-text * {
height:0;
left:-9999px;
overflow:hidden;
position:absolute;
top:0;
width:0;
}

.clearfix:after,#maincontent .clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:inline-block;
}

html[xmlns] .clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

.clearboth { clear: both;}

h3 a:hover,h3 span a:hover,#bottomright p a:hover,#bottomright p a:focus,#footer a:hover,#footer a:focus {
text-decoration:underline;
}

ul#detail-images li,.productleft ul,.productright ul {
list-style:none;
}