body {
font:normal 12px arial, Helvetica, sans-serif;
color:#333;
background:#999;
margin:0 auto;
padding:10px 0 10px 0;
width:998px;
}
#header {
background:url(imgshop/template1/crn_maintr.gif) #FFF top right no-repeat;
padding:0;
margin:0;
height:31px;
}
#logo1 {
background:url(imgshop/template1/logo_01.jpg) #FFF top no-repeat;
color:#333;
width:180px;
height:31px;
float:left;
}
#logo2 {
background:url(imgshop/template1/logo_02.jpg) #FFF no-repeat;
color:#333;
width:329px;
height:104px;
float:left;
}
#mylog {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
padding:8px 25px 0 0;
margin:0;
float:right;
}
#mylog a, mylog a:visited, #searchbar a, #searchbar a:visited {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#369;
text-decoration:none;
}
#mylog .input {
width:80px;
height:16px;
border:1px solid #CCC;
}
.sBtn {
background:url(imgshop/template1/spacer.gif) no-repeat;
font:11px verdana, Arial, Helvetica, sans-serif;
color:#369;
padding:0;
margin:1px;
height:20px;
/*border:0;*/
border:1px solid #dedede;
}
.sBtn a, .sBtn a:visited, .sBtn a:active {
color:#369;
text-decoration:none;
border:1px solid #dedede;
}
#member {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
padding:0;
margin:0;
}
#signin {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
padding:3px 25px 0 0;
float:right;
}
#signin a, signin a:visited, #searchbar a, #searchbar a:visited {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#369;
text-decoration:none;
}
#signin .input {
width:80px;
height:16px;
border:1px solid #CCC;
}
#header2 {
background:url(imgshop/template1/bkg_rt.jpg) #FFF right repeat-y;
padding:0;
margin:0;
height:104px;
}
#guitar1, #guitar2, #header3, #bkgTab, bkgTabBtm, #store, #storeTxt {
display:none;
}
#bannerAd {
padding:0;
margin:0;
}
.tab {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
padding:0;
margin:0;
}
#topNav {
background:url(imgshop/template1/bkg_rt.jpg) #FFF right repeat-y;
height:26px;
margin:0;
padding:0;
text-align:left;
}
#tNavLink {
padding:0 7px 0 0;
margin:0;
text-align:right;
float:right;
}
#tNavLink .content {
padding:4px 0 0 0;
}
#lessons, #video, #shop, #forum, #join {
background:url(imgshop/template1/buttons.jpg) bottom left no-repeat;
background-position: 0 0;
display:block;
padding:0;
margin:0 4px 0 0;
width:96px;
height:26px;
text-align:center;
float:left;
}
#lessons a, #video a, #shop a, #forum a, #join a, #lessons a:visited, #video a:visited, #shop a:visited, #forum a:visited, #join a:visited {
display:block;
height:22px;
margin:0 0 0 0;
padding:4px 0 0 0;
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#lessons a:hover, #video a:hover, #shop a:hover, #forum a:hover, #join a:hover {
background:url(imgshop/template1/buttons.jpg) #369 bottom left no-repeat;
background-position: 0 -26px;
display:block;
text-decoration:none;
color:#FFF;
}
#searchbar {
background:url(imgshop/template1/bkg_rt.jpg) #FFF right repeat-y;
margin:0;
padding:0;
height:45px;
/*float:left;*/
}
#searchbar .content {
background:url(imgshop/template1/bkg_search.jpg) repeat-x;
margin:0 7px 0 0;
padding:0 0 0 5px;
height:45px;
}
#searchbar .select {
font:11px verdana, Arial, Helvetica, sans-serif;
color:#555;
width:95px;
}
#searchBox {
margin:0;
padding:16px 7px 0 0;
width:230px;
color:#369;
text-align:right;
float:right;
}
#searchBox .select {
color:#666;
border:1px solid #CCC;
font:11px verdana, Arial, Helvetica, sans-serif;
width:95px;
/*height:16px;*/
}
#news {
background:url(imgshop/template1/btn_news.gif) #333 no-repeat;
width:160px;
height:26px;
margin:0 0 0 5px;
padding:0;
}
#newsTxt {
border:1px solid #CCC;
width:152px;
margin:0 0 0 5px;
padding:3px;
}
.bdr {
border:1px solid #CCC;
padding:3px;
margin:0;
}
/*Rounded Corner*/
.bdrt {background: url(imgshop/template1/dot.gif) 0 0 repeat-x;float:left;}
.bdrb {background: url(imgshop/template1/dot.gif) 0 100% repeat-x}
.bdrl {background: url(imgshop/template1/dot.gif) 0 0 repeat-y}
.bdrr {background: url(imgshop/template1/dot.gif) 100% 0 repeat-y}
.bl {background: url(imgshop/template1/crn-bl.gif) 0 100% no-repeat}
.br {background: url(imgshop/template1/crn-br.gif) 100% 100% no-repeat}
.tl {background: url(imgshop/template1/crn-tl.gif) 0 0 no-repeat}
.tr {background: url(imgshop/template1/crn-tr.gif) 100% 0 no-repeat; padding:10px}
.ad {
background:url(imgshop/template1/icon_guitar.jpg) #FFF top left no-repeat;
height:16px;
margin:15px 0 0 0;
padding:0;
font:bold 13px verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
border-bottom:2px solid #CCC;
}
.adTxt {
padding:5px 0 0 0;
margin:0;
}
.adr {
background:url(imgshop/template1/icon_guitar.jpg) #FFF top left no-repeat;
height:16px;
margin:15px 0 0 20px;
padding:0;
font:bold 13px verdana, Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
border-bottom:2px solid #CCC;
}
.adTxtr {
padding:5px 0 0 0;
margin:0 0 0 20px;
}
#container { 
background:#FFF;
margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align:left; /* this overrides the text-align: center on the body element. */
} 
#column_wrapper {
background:url(imgshop/template1/bkg_rt.jpg) #FFF right repeat-y;
}
#sidebar1 {
float:right; 
width:180px; /* since this element is floated, a width must be given */
padding:5px 0 10px 0; /* top and bottom padding create visual space within this div  */
line-height:16px;
}
#sidebar1 h3, #sidebar1 p {
margin:0; /* the left and right margin should be given to every element that will be placed in the side columns */
}
#mainContent {
margin:0 180px 0 0;
padding:10px 15px 20px 10px;
}
#mainContent a:link, #mainContent a:visited {
color:#369;
}
.clearfloat {
clear:both;
height:0;
line-height:0;
font-size:0;
}
#copyright {
background:url(imgshop/template1/bkg_btm.gif) repeat-x;
height:45px;
text-align:center;
}
#copyright .crnleft {
background:url(imgshop/template1/crn_mbl.gif) #FFF bottom left no-repeat;
width:30px;
height:45px;
margin:0;
padding:0;
float:left;
}
#copyright .crnright {
background:url(imgshop/template1/crn_mbr.gif) #FFF bottom right no-repeat;
width:30px;
height:45px;
margin:0;
padding:0;
float:right;
}
#copyright .content {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
padding:10px 0 0 0;
margin:0;
}
#navBtm {
background:url(imgshop/template1/bkg_rt.jpg) #FFF bottom right repeat-y;
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
margin:0;
padding:0;
text-align:center;
}
#navBtm a, #navBtm a:visited {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#369;
text-decoration:none;
padding:0 3px;
}
#navBtm a:hover {
color:#F00;
}
#navBtm .content {
margin:0 7px;
padding:0;
}
#ohiogr {
margin:0;
padding:0;
text-align:right;
}
#ohiogr .content a, #ohiogr .content a:visited {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
padding:5px 7px 0 0;
}
h1 {
font:bold 18px verdana, Arial, Helvetica, sans-serif;
color:#369;
margin:0;
}
h2 {
font:bold 15px arial, Helvetica, sans-serif;
color:#369;
margin:0;
padding:0;
}
h3 {
font:normal 14px arial, Helvetica, sans-serif;
color:#333;
margin:0;
padding:0;
}
h4 {
font:bold 16px arial, Helvetica, sans-serif;
color:#369;
margin:0;
padding:0;
}
.textWh {
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFF;
}
.nomargintop {margin-top: 0;}
.content p {
margin:12px 0;
}
form {margin:0;}
form p {
margin:3px;
color:#555;
font:normal 11px verdana, arial, Helvetica, sans-serif;
}
.up {text-transform:uppercase;}
.r {float:right;}
.l {float:left;}
.dash {
border:1px;
border-bottom-style:dashed;
border-bottom-color:#CCC;
padding:0;
margin:0;
}
img {border:0;}
.picBdr {
border:1px solid #ccc;
padding:3px;
margin-right:10px;
}
.picR {
padding:3px;
float:right;
}
.picBdrR {
border:1px solid #ccc;
padding:3px;
margin:5px;
float:right;
}
.picL {
padding:3px;
margin-right:20px;
float:left;
}
.picBdrL {
border:1px solid #ccc;
padding:3px;
margin:5px;
float:left;
}
.textRed {
font:normal 12px Arial, Helvetica, sans-serif;
color:#F00;
text-decoration:none;
}
.textRed a:link, .textRed a:visited {
font:normal 12px Arial, Helvetica, sans-serif;
color:#F00;
text-decoration:none;
}
.textLt {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
}
.blue {
font:bold 12px Arial, Helvetica, sans-serif;
color:#369;
}
.green {
font:bold 12px Arial, Helvetica, sans-serif;
color:#090;
}
label {
width:170px;
float:left;
text-align:right;
margin-right:2px;
display:block;
}
labelMember {
width:170px;
float:left;
text-align:right;
margin-right:2px;
display:block;
}
.formheader {
background:url(imgshop/template1/bkg_search.jpg) #FFF repeat-x;
background-position: 0 -10px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#666;
padding:3px;
margin:7px 0 0 0;
}
.formheader2 {
background:url(imgshop/template1/bkg_search.jpg) #FFF repeat-x;
background-position: 0 -10px;
font:bold 18px verdana, Arial, Helvetica, sans-serif;
color:#369;
padding:3px;
margin:7px 0 0 0;
}
/*cartLabel used by commerce*/
.cartLabel {
font:bold 12px verdana, Arial, Helvetica, sans-serif;
color:#666;
}
#minicart {
padding:0;
margin:0 0 0 5px;
width:160px;
}
.p7uberlink {
background:url(imgshop/template1/buttons.jpg) bottom left no-repeat;
background-position: 0 -26px;
display:block;
font-weight:bold !important;
color:#FFF !important;
}
#thumbBox {
position:absolute;
left:0;
top:0;
width:auto;
background:#7B97E0;
visibility:hidden;
z-index:10;
cursor:pointer;
padding:10px 10px 0;
}
#thumbBox .footerbar {
font:bold 16px verdana, Arial, Helvetica, sans-serif;
letter-spacing:5px;
line-height:16px;
color:#FFF;
text-align:right;
padding:5px;
}
#thumbBox #thumbImage {
background:#FFF;
font:bold 16px verdana, Arial, Helvetica, sans-serif;
color:#F00;
padding:3px 3px 0 3px;
}
#thumbLoading {
position:absolute;
visibility:hidden;
border:1px solid #000;
background:#EFEFEF;
z-index:5;
padding:5px;
}
#pp {
color:#333;
}
#ccard {
color:#090;
}
.lostpass a, .lostpass a:visited {
font:normal 11px verdana, Arial, Helvetica, sans-serif;
color:#369;
text-decoration:none;
}
.lostpass a:hover {
color:#F00;
}
#videodisplay {
border:1px solid #ccc;
padding:3px;
margin:0 auto;
width:500px;
background:#CCC;
}
#rtLinks {
padding:10px 10px 10px 20px;
margin:0;
}
#rtLinks a:link, #rtLinks a:visited {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#369;
text-decoration:none;
line-height:22px;
}
#rtLinks a:hover { color:#FF0000;}

#lessonContent {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#666;
background:#CCC;
padding:5px;
margin:0;
width:225px;
text-align:center;
}
#lessonInfo {
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
background:#666;
padding:5px;
margin:0 0 0 5px;
width:225px;
text-align:center;
}
.listTemplate {
/*float:left;*/
padding:0;
margin:0 0 5px 0;
}
.listTemplate a, .listTemplate a:visited {
color:#369;
text-decoration:none;
}
.listTemplate a:hover {
color:#F00;
}
#libContent, #libInfo {
background:url(imgshop/template1/buttons.jpg) bottom left repeat-x;
background-position: 0 0;
display:block;
padding:0;
margin:0 4px 0 0;
width:200px;
height:26px;
text-align:center;
float:left;
}
#libContent a, #libInfo a, #libContent a:visited, #libInfo a:visited {
display:block;
height:22px;
margin:0 0 0 0;
padding:4px 0 0 0;
font:bold 11px verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}
#libContent a:hover, #libInfo a:hover {
background:#369;
display:block;
text-decoration:none;
color:#FFF;
}
#topNavLib {
height:26px;
margin:0;
padding:0;
text-align:left;
}
#tNavLinkLib {
padding:0 7px 0 0;
margin:0;
text-align:right;
}
#tNavLinkLib .content {
padding:4px 0 0 0;
}
#libContentData {
background:#FFF;
padding:5px;
margin:0:
}
#libInfoData {
padding:5px;
margin:0;
background:#FFF;
}
#myBox {
background:#369;
display:block;
padding:5px;
border:solid 1px #333;
}
#myBox2 {
background:#CCC;
display:block;
padding:5px;
border:solid 1px #000040;
}
#listTab {
color:#FFF;
background:#369;
padding:5px;
margin:0;
}
.smallText {
font: 11px Verdana, Arial, sans-serif;
color:#333;
}
.messageBad {
font:11px Verdana, Arial, sans-serif; 
background:#EFEFEF; 
color:#C00; 
border:1px #369 solid
}
.messageGood {
font:11px Verdana, Arial, sans-serif;
background:#EFEFEF;
color:#C00;
border:1px #369 solid
}
.inputRequirement {
font:bold 11px Verdana, Arial, sans-serif; 
color:#090;
}
.browse {
font:12px Verdana, Arial, sans-serif;
color:#369;
}
.pageHeading {
font:bold 18px verdana, Arial, Helvetica, sans-serif;
color:#369;
margin:0;
} 
#map a, #map a:visted {
color:#369;
text-decoration:none;
line-height:18px;
}