body { background: url(gfx/page_header_bg.gif) no-repeat top center #ffffff; margin: 0;
	font:12px "Trebuchet MS", Arial, sans-serif; color: #20211E;}


img { border:0;}
form {padding:0; margin:0;}


.idbox { padding-right:8px;}
h1 { background : url(gfx/sumbg.gif) repeat;  font: bold 14px "trebuchet ms"; font-variant:small-caps; padding:5px; margin:10px 0 5px 0; color: #1E1E1C; text-align: left; border-bottom: 1px solid #96988a;}

h2 { background: url(gfx/jopt_hd.gif) no-repeat; height:28px; padding:8px 8px 0 10px; font:bold 12px "trebuchet ms", sans-serif; color:#2C2D29;}

.feahd { background : url(gfx/sumbg.gif) repeat;  font: bold 14px "trebuchet ms"; font-variant:small-caps; padding:5px; margin:5px 0 5px 0; color: #1E1E1C; text-align: left; border-bottom: 1px solid #96988a; width:378px;}



a:link, a:visited { text-decoration:none; color:#2A2A27;}
a:hover, a:active { text-decoration:underline; color:#000000;} 


a:link.db, a:visited.db { text-decoration:none; color:#96A8D3;}
a:hover.db, a:active.db { text-decoration:none; color:#D42802;} 


a:link.jo, a:visited.jo { text-decoration:none; color:#384F84;}
a:hover.jo, a:active.jo { text-decoration:underline; color:#1E1E1C;} 

a:link.wbg, a:visited.wbg { text-decoration:none; color:#9b0000;}
a:hover.wbg, a:active.wbg { text-decoration:underline; color:#53573C; } 

#topbar{ background-color: #ffffff; width:100%; }


#topcontainer{
	background: url(gfx/nav_top_bg.gif) repeat-y; 
	padding-top:0px;
	height: 55px; 
	width:800px;
	margin-right:auto;
	margin-left:auto;
}


#topleft { padding:10px 0 0 28px; float:left; }
#topright { padding:5px 3px 0 0; float:right; }

#frame { width:800px; margin-right:auto; margin-left:auto; margin-top:0px; padding:0px; }
#pagenumbering { margin-right:auto;margin-left:auto; padding:15px 0 20px 0; text-align:center; }



#header {
	background: url(gfx/header_bg.jpg) repeat-x; 
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	height: 278px; 
	overflow:hidden;
}

#headerleft {
	background: url(gfx/nav_bg.gif) no-repeat; 
	margin:0;	
	padding:0;
	text-align:left; 
	float:left;
	height: 278px; 

}

#headerright1 {
	background: url(gfx/bass_guitar_loops.jpg) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; }


#headerright2 {
	background: url(gfx/dj_sound_fx_decks.jpg) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; 

}

#headerright3 {
	background: url(gfx/electric_acoustic_guitar_loops.jpg) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; 

}

#headerright4 {
	background: url(gfx/vocals_choir_samples.jpg) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; 

}

#headerrightsearch {
	background: url(gfx/search_bg.gif) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; 

}

#headerrightmems {
	background: url(gfx/mems_bg.gif) no-repeat; 
	background-position: bottom right;
	margin:0;
	padding:0;
	width:575px;
	float:right;
	height: 278px; 

}


#pagecontainer{
	background: url(gfx/page_fade.jpg)  repeat-x; 
	background-color: #ffffff;
	width:798px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0;
	overflow: hidden;
}



#previnfobox { padding: 15px 0 0 0; float:right; }
.searchhd { font-size: 12px; font-weight: bold; text-align: right; color: #ffffff; vertical-align:top; padding-right:10px; }

#leftcol {

	background-color: #ffffff;
	width:216px;
	margin:0px;	
	text-align:left; 
	float:left; 
	overflow: hidden;
}

	.bounding { float:left; 
		width:216px;
		padding:0 0 14px 0;
		margin:0 ;
		background:url(gfx/update_bg.gif) bottom left no-repeat;
	}


	.heading {
		padding:10px 25px 0;
		background:url(gfx/update_bg.gif) top left no-repeat;
		font-size: 12px;
		font-weight: bold;
		color: #2D2E2A;
	}

	.subhead {

		padding:0 25px;
		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#ffffff;
		font:bold 12px "Trebuchet MS", Arial, sans-serif;
		color: #B6973A;
	}


	.chops {

		padding:0 25px;
		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#fff;
		font:11px "Trebuchet MS", Arial, sans-serif;
		color: #000000;
	}



	.updateimage {
		margin:0;
		padding: 5px;
		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#fff;
		text-align:center;

	}


	.updateimageac {
		margin:0;
		padding: 5px;
		border:1px solid #000000;
		border-width:0 1px;
		background:#fff;
		text-align:center;

	}

.errors {color: red; font-weight:bold; font-variant:small-caps; padding-bottom:5px;}

	.bcbox {padding-right:2px; border:1px solid #cdcdc4; border-width:0 1px;}

	.bounding a.more {
		display:block;
		text-align:right;
		padding-right: 29px;
		text-decoration:none;

	}


#accbox { padding:0; margin:0 10px 0 0; width:386px; float:left;}

.headingacc { background : url(gfx/sumbg.gif) repeat;  font: bold 14px "trebuchet ms"; font-variant:small-caps; padding:5px; margin:15px 0 5px 0; color: #1E1E1C; text-align: left; border-bottom: 1px solid #96988a; width:355px;}


#mainpage {
	margin-left:8px;
	margin-top:0;
	width:572px;
	float:left;
	overflow: hidden; 
}

#mainpage2 {
	margin-left:20px;
	margin-top:0;
	width:552px;
	float:left;
	overflow: hidden;
}



	#leftsub { 
	margin:0;
	padding:0;
		width:396px;
		float:left;
	font:12px "Trebuchet MS", Arial, sans-serif;
	overflow: hidden;
		}

	#leftsub2 {
	margin-top:5px;
	padding-right:20px;
		width:355px;
		float:left;
	font:12px "Trebuchet MS", Arial, sans-serif;
	overflow: hidden;
		}


#ctrbox { margin-top:5px; padding:0 15px 0 10px; width:371px; float:left; font:11px "Trebuchet MS", Arial, sans-serif; overflow: hidden;}


	
#rightsub { width:175px; padding:0px; float:left; overflow: hidden; }
#rightsub2 { width:175px; padding:0px; float:left; overflow: hidden; }

.quiklist {width:145px; height:15px; overflow:hidden;}

	.subhead2 {

		padding:10px 15px 0;
		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#fff;
		font:11px "Trebuchet MS", Arial, sans-serif;
		color: #2A4DAB;
	}


	.chops2 {

		padding:0 15px;
		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#fff;
		font:9px "Trebuchet MS", Arial, sans-serif;
		color: #000000;
	}

	.boundingsm {
		width:175px;
		padding:0 0 8px 0;
		margin:10px auto;
		background:url(gfx/update_bg_2.gif) bottom left no-repeat;

	}

	.boundingac {
		width:175px;
		padding:0;
		margin:10px auto;
		background:url(gfx/ac_bg.gif) repeat-y;
 
	}

.hozdiv { margin:5px 0 5px 10px; }

	.headingsm { padding:10px 15px 0; background:url(gfx/update_bg_2.gif) top left no-repeat;
		font-size: 11px;
		font-weight: bold;
		color: #2D2E2A;

	}

	.headingac {padding:10px 10px 0 15px; background:url(gfx/ac_log_bg.gif) top left no-repeat; 
		font-size: 12px;
		font-weight: bold;
		color: #2D2E2A;

	}


	.mailbox { float:left;
		width:216px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url(gfx/maillist_bg.gif) bottom left no-repeat;
	}


	.mailboxhd {
		padding:10px 25px 0;
		background:url(gfx/maillist_bg.gif) top left no-repeat;
		font-size: 11px;
		font-weight: bold;
		color: #2D2E2A;}

	.mailboxfont {

		padding:5px 25px 0px ;
		background:url(gfx/mb_vert_bg.gif) repeat-y;
		font:11px "Trebuchet MS", Arial, sans-serif;
		color: #000000;
	}



	.bigprice {

		border:1px solid #cdcdc4;
		border-width:0 1px;
		background:#fff;
		font:bold 38px "Trebuchet MS", Arial, sans-serif;
		letter-spacing: -2px;
		color: #B6973A;
		padding-left:20px;
	}


.subheadbody { padding:10px 0 0 0; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3A5289; }


#contactform { width:600px; padding:0px; float:left;}
#updatepic { float:right; margin:0 7px 0 15px; border:1px solid #cdcdcd; padding:5px;}

#memsrch { float:right; width:200px; padding:0; margin:0;}
.sbox { padding:0; margin:0 10px 10px 7px;  font-size:12px; color:#ffffff; border-bottom: 1px dotted #ffffff; } 

.joinnowtag { padding:10px 10px 0 0; font:bold 12px "trebuchet ms", arial, sans-serif;  line-height:30px; text-align:left; color:#000000;}
.returntag { font: 11px "trebuchet ms", arial, sans-serif; text-align:left;}
 
.updatebox {width:553px; float:right;}

#loginbox { background: url(gfx/login_bg.jpg) no-repeat; width:225px; height:135px; overflow: hidden;}


#baselinkcontainer {
	background: url(gfx/base_link_bg.jpg); 
	background-repeat:no-repeat;
	width:746px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	font:12px "Trebuchet MS", Arial, sans-serif;
	color: #444444;
	padding:15px 0 20px 0;
	text-align:center; 
}

#footer { background-color: #12151b;
	width:100%;
	height:30px;
	font:10px "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
	padding:15px 0 15px 0;
	text-align:center; 
}

.cmclprice { font: bold 24px "trebuchet ms", Arial, sans-serif; padding:0 0 0 24px; color:#384F84; letter-spacing:-3px;}



.artcontainer {padding:0; margin:15px 0 20px 0; background-color:blue;}
.artbox1 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:126px; margin-bottom:5px; padding:0; }
.artbox2 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:126px; margin:0 5px 5px 5px; padding:0;}
.artbox3 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:126px; margin-bottom:5px; padding:0;}

.moreart { margin:5px 0 0 0; padding:4px 0 0 0; border-top:1px solid #cdcdcd;}
.pview {padding-right:8px;}
.pbuy {padding:0}

#joptcontainer {padding:0; margin:15px 0 20px 0;}

#joptbox1 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:169px; margin:0 19px 0 1px; padding:0;}
#joptbox2 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:169px; margin:0; padding:0;}
#joptbox3 {	background: url(gfx/jopt_bg.gif) repeat-y; float:left; width:169px; margin:0 0 0 19px; padding:0;}

.jopthd { background: url(gfx/jopt_hd.gif) no-repeat; height:28px; padding:8px 8px 14px 10px; font:bold 12px "trebuchet ms", sans-serif; color:#2C2D29;}

.joptdet { padding:0 10px 0 12px; background: url(gfx/feature_bg.jpg) repeat-x; margin:0 1px 0 1px;}
.pksum { padding:5px 0 5px 0; font:10px "trebuchet ms", sans-serif; color:#2A2A27; text-align:left; height:40px; overflow:hidden; }
.pkprice { padding:3px 0 3px 0; font:bold 16px "trebuchet ms", sans-serif; color:#31341F; text-align:right; height:20px; overflow:hidden; }

.joptprice { font:bold 36px "trebuchet ms", arial, sans-serif; color:#384F84; letter-spacing:-3px; padding-bottom:5px;}
.joptb { padding:0; margin:0; background: url(gfx/jopt_base.gif) no-repeat; height:3px; overflow:hidden; }

#boxes { padding:0;}

.updatebox {width:553px; float:right;}

#membox { background: url(gfx/membox_bg.gif) repeat-y; float:left; width:216px; margin:10px 0 0 0; padding:0;}
.memboxhd { background: url(gfx/membox_hd.gif) no-repeat;width:204px; height:28px; padding:8px 0 5px 12px; font:bold 11px "trebuchet ms", sans-serif; color:#545454;}
.memboxdet { padding:0 10px 8px 12px; font:11px "trebuchet ms", sans-serif; color:#1E212B; }
.mbdet { padding:0 5px 0 0; font:10px "trebuchet ms", sans-serif; color:#1E212B; text-align:justify;} 
.memb { padding:0; margin:0; background: url(gfx/membox_base.gif); height:6px; }

.topnav { font-size: 10px; color: #090909;}

#statusbox {float:left;margin:24px 0 0 0; width:250px; line-height:20px;}
label.status{ font-size:9px; float:left; text-align: right; width:70px; padding:0 5px 0 0; margin:0; color:#384F84; }

#searchcontainer {float:left; padding:5px 0 0 116px; margin-top:16px; }

.statustext { text-align:left;}
 label { float:left; width:70px;  color: #2667AE; }
 label.search { font-size: 10px; font-weight: bold; color: #ffffff; width:50px; margin:0; padding:2px 5px 0 0; text-align:right;}

 label.mem { float:left; color: #1E1E1C; width:85px; }
 label.prof { float:left; color: #1E1E1C; width:140px; padding:2px 0 0 0 ;}

 label.contact { font-size: 10px; font-weight: bold; color: #000000; width:100px; padding:4px; margin-right:2px; background:#EEEEEE;}
 label.clclear { font-size: 10px; font-weight: bold; color: #000000; width:100px; padding:4px; margin-right:2px; }

.newsbar { padding:15px 15px 0 14px;	text-align: left; color: #090909; }


.mainnav { padding:5px 30px 0 0; text-align: right; }
.mainopt { font-size: 12px; font-weight: bold;  color: #2A2A27; border-bottom:1px dotted #AAAC9F; margin:0 0 3px 25px; padding-bottom:3px; }

.headings { background : url(gfx/sumbg.gif) repeat;  font: bold 14px "trebuchet ms"; font-variant:small-caps; padding:5px; margin:20px 0 5px 0; color: #1E1E1C; text-align: left; border-bottom: 1px solid #96988a; width:99%;}


.smlinks { font-size: 9px; color: #26679d; text-align: right; padding:0; }



input.login { background-image: url(gfx/box_bg.gif);  height: 17px; width: 155px; border:#B2B2B2 1px solid;  color:#000000; font:11px arial, sans-serif; padding:2px 0 0 6px; margin-bottom:5px; }

input.loginsm { background-image: url(gfx/box_bg.gif);  height: 14px; width:85px; border:#B2B2B2 1px solid;  color:#000000;  font:10px arial, sans-serif; padding:2px 0 0 6px; margin-bottom:5px; }
label.log { float:left; color: #222220;  font-size: 9px; margin-left:14px; width:55px; }

input.btnlogsm { font:bold 10px arial, sans-serif; color:#ffffff; background-color:#24272F; border:#000000 1px solid; height:17px; padding:0 2px 0 2px; margin:1px 13px 1px 0; float:right;}

input.btnjoin { font:bold 10px arial, sans-serif; color:#ffffff; background-color:#24272F; border:#20211E 1px solid; padding:2px; margin:3px 0 0 0;}

input.contact { background-image: url(gfx/box_bg.gif); height: 18px; width: 150px; 
	margin-bottom: 5px; border:#B2B2B2 1px solid; 
	color:#000000; font-size:9pt; 
	padding:2px 0 0 6px; }

input.go { background-image: url(gfx/box_bg.gif); border:#B2B2B2 1px solid; 
	width: 80px; height: 15px; color:#000000;  font-size:9pt; vertical-align:top; margin:0 0 10px 0; }

input.bk { background-image: url(gfx/box_bg.gif);  border:#B2B2B2 1px solid; 
	width: 40px; height: 15px; color:#000000; font-size:9pt; vertical-align:top; margin:0 0 5px 0; }


textarea.cnt { background-image: url(gfx/txt_bg.gif); 
	border:#B2B2B2 1px solid; color:#000000; 
	font-size:9pt; padding: 6px; 
	width: 250px; margin-bottom: 14px;}


select{ font-size: 12px; border:#B2B2B2 1px solid; color: #000000; margin-bottom: 14px;  }


table.samples { width:99%; border-width: 1px; border-style: none; border-collapse: separate;}

table.samples th { border-width: 0px; padding: 3px 5px 3px 3px; background : url(gfx/table_bg_hd.jpg) repeat-x #E2E3DD; font-size: 10px; color : #000000; font-variant: small-caps; text-align : left ; }


table.samples td { border-width: 1px;
	padding: 4px; border-style: none;
	border-color: #ffffff;
	border-bottom: 1px solid #D5D5D5;
	font-size : 11px; color : #545454; text-align:left; }

.desc {	border-bottom: 1px solid #D5D5D5; font-weight:bold; color:#000000;}



#checkouttable {

	width: 550px;
	padding: 0;
	margin-top: 20px;
	border-collapse:collapse;
}


th.checkout {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #D2D2D2;
	letter-spacing: 2px;
	font-variant: small-caps;
	text-align: left;
	padding: 6px;
	background: #f3f3f5;
}


td.checkout {
	border-bottom: 1px solid #D2D2D2;
	padding: 6px 6px 6px 12px;
	color: #1f1f1f;
	text-align:right;
}



th.total { 
	font: bold 14px "Trebuchet MS",  Arial, sans-serif;
	color: #ffffff;
	border: 1px solid #D2D2D2;
	letter-spacing: 1px;
	font-variant: small-caps;
	text-align: right;
	padding: 5px;
	background: #22252E;
}

th.totaltxt { font: bold 11px "Trebuchet MS",  Arial,  sans-serif;
	color: #000000;
	border: 1px solid #D2D2D2;
	letter-spacing: 2px;
	font-variant: small-caps;
	text-align: right;
	padding: 6px;
	background: #f3f3f5;
}


#infosumcontainer { float:left;  border: 1px solid #CDCDCD; width:181px; margin:5px 0 0 20px;}
#infosum { padding:10px; font:10px "trebuchet ms", sans-serif; color:#363435; text-align:justify;}


.sumtitle { background : url(gfx/sumbg.gif) repeat; font:bold 11px arial, sans-serif; color:#1E1E1C;padding:7px 0 7px 10px;}
.sumhds {font:10px arial, sans-serif; color:#6d7060; line-height:25px; text-align:left;}
.pdetadd {padding-top:10px;}

.sumstats { font:bold 11px "trebuchet ms", sans-serif; color:#20211E; }
.sumprice { font:bold 18px "trebuchet ms", sans-serif; color:#384F84;letter-spacing:-1px; }
 
.spbox {padding-top:3px; margin-top:7px;  border-top:1px dotted #cdcdcd;}
.txtpad {padding:5px;}
.txtpad2 {padding:5px; font-size:10px;}
.txtpaddl {padding:5px; font-size:11px;} 
.txtpadlog {padding:5px 15px 5px 15px;}

.smbtns { padding-top:10px;}


.carttable { font-family: arial, sans-serif; font-size:11px; color:#1D212B; width:160px; border-collapse:collapse; }
.carttable td { font: 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#1D212B; padding-bottom: 4px;}
.carttable th { font: bold 11px "Trebuchet MS", Arial, sans-serif; color:#1D212B; padding: 5px 0 5px 0; border-top: 1px dotted #595959;}

.mainpic { background: url(gfx/main_pic_bg.gif) repeat-x bottom;  border: 1px solid #CDCDCD; padding:7px; margin:5px 0 0 15px; width:300px; float:left;}
.zoom { padding:0 0 0 200px; }

.storebut { padding:6px 0 2px 0 ;}
.storedesc { font:10px "trebuchet ms", sans-serif; color:#515151; text-align:left; padding-right:10px;} 
.storeprice { font:bold 18px "trebuchet ms", sans-serif; color:#384F84; text-align:right; letter-spacing:-2px;} 
.instock { font:bold 11px "trebuchet ms", sans-serif; color:#207112; text-align:right; }

.thumbpic {width:120px; float:left;}
.thumbpack {width:95px; float:left;}

.listview { border-collapse:collapse; border-bottom:1px dotted #CDCDCD; margin-top:10px; width:555px; }
.listview td { padding:5px;}
.listhds { 	color: #384F84; font: bold 12px "trebuchet ms", sans-serif; }
.ltdets { background: url(gfx/dets_vert_div.gif) no-repeat center; width:110px; text-align:right;}

.linkblox {line-height:20px; padding:5px 0 5px 5px ;font-size:11px; border-bottom:1px dotted #cdcdcd;}

#pagingbox {width:100%; margin-right:auto; margin-left:auto; overflow:hidden; text-align:center; margin-top:10px; font-size:11px;}

#pagingbox2 { width:552px; overflow:hidden; text-align:right; margin:10px 20px 0 0; font-size:11px;}

#paging { vertical-align:top; padding:5px 0 5px 0;}
#numbers {	background : url(gfx/table_bg_hd.jpg) repeat-x #DAE1E9; font:bold 12px "trebuchet ms", arial, sans-serif; color:#12151B; padding:3px 0 3px 0;  margin-top:10px; border-top:1px solid #9f9f9f;}

#numbers2 {	background : #E9E9E9; font:bold 10px "trebuchet ms", arial, sans-serif; color:#12151B; padding:3px 10px 3px 0;  margin-top:10px; border-top:1px solid #9f9f9f; letter-spacing:1px; }


#numbers3 {	background : #E9E9E9; font:bold 10px "trebuchet ms", arial, sans-serif; color:#12151B; padding:3px 10px 3px 0;  margin-top:10px; border-bottom:1px solid #9f9f9f; letter-spacing:1px; }

.listable { width:99%; font: 11px "trebuchet ms", sans-serif;  padding: 0; margin:15px 0 20px 0; border-collapse:collapse; }

th.listab { font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #D2D2D2; letter-spacing: 2px; font-variant: small-caps; text-align: left; padding: 4px; background: #f1f2eb; }

td.listab { border-bottom: 1px solid #D2D2D2; padding: 3px 0 3px 5px; color: #1f1f1f; text-align:left;}
td.listrgt { border-bottom: 1px solid #D2D2D2; padding: 3px 10px 3px 0; color: #1f1f1f; text-align:right; }

/*-- W3C FLASH FIXES --*/

.btnfix {width:70px; height:25px; background-color:#ffffff; }