body {
/*background:#00BFFF;   */
/*background:#DCDCDC;     */
/*background:#808080; */
/*background-image: url(../images/bg.gif);
background-repeat: repeat-y   */


font-family:Times New Roman, sans-serif;
margin:0; padding:0;
font:11pt/1.5 sans-serif;
}
         /*
#content {
width: 1000px;
background-position: center;
text-align: center;
background-image: url(../images/gnwgn-bkg.jpg);
background-image: url(../images/bkg-grey.jpg);
background-repeat: repeat-y
}
                   */
/******************************* content box ***************************/
#content-container {
width: 970px;
position: relative;

left: 3px;
top: 3px;
/*
margin-right: 3px;
margin-bottom: 3px;
margin-left: 10px;
margin-left: 3px;
*/
}
#content-container .shadow2,
#content-container .shadow3,
#content-container .container {
position: relative;
left: -1px;
left: -2px;
top: -1px;
top: -2px;
}
#content-container .shadow1{
background: #F1F0F1;
}
#content-container .shadow2{
background: #DBDADB;
}
#content-container .shadow3{
background: #B8B6B8;
}
#content-container .container {  /* this is inner */
background: #ffffff;
background: Wheat;
background: #ffffff;
border: 1px solid #DCDCDC;
color: #696969;
font-size:14px;

background-image:url("http://www.tonyhartmusic.co.uk/store/general/images/bg.gif");
background-image:url("../images/bg-1.png");
/*font-family:Trebuchet MS;   */

font-size: 16px;

font-weight: bold;
padding: 0px;
}
/*********** end content *********/





#header {
/*background-image: url(../images/mhlogo1.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right;
width: 900px;     */
height: 80px;
text-align: left;
margin: 0px 15px; padding:0;
}
.htitle{
font-size: 34px;
font-family:Times New Roman,sans-serif;
font-style: italic;
font-weight: bold;
color: #800000;
}

.htitle a{text-decoration: none; color: #800000; }
/*a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}  */


.htsmall{
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #000000;
}


.htitle2{
/*font-size: 15px;
font-weight: bolder;    */
font-weight: 600;
/*color: #000000;        */
padding-left: 30px;
text-align: left;
}
.htitle3{
font-size: 34px;
font-family:Times New Roman, sans-serif;
font-style: italic;
font-weight: bold;
/*color: #808080; */
color: #800000;
padding-left: 20px;
text-align: center;
}
.hleft{
float: left;
width: 250px;
/*border: 1px solid red;   */
}

.hmid{
margin-left: 250px;
width: 500px;
font-size:80%;
/*font-weight: 600;  */
/*border: 1px solid green;  */
}
.banright{float: right;margin-top: 10px;}

#subhead{
/*background: white url(../images/shade1.png) bottom left repeat-x;
height:30px;           */
/*padding-top:3px; padding-left:10px; */
}

#navigation2{
float: left;
/*margin-top: 60px;
margin-top: 10px;    */
margin-left: 20px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

a:selected{
color: orange;
}

#navigation3{
width: 180px;
float: left;
background:	#DCDCDC;   /*gainsborough*/
background:	#F5F5F5;  /*whitesmoke*/
/*margin-top: 60px;
margin-top: 10px;
margin-left: 15px;   */
margin-top: 5px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #DCDCDC;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
div#navigation3 a {display: block; text-align: left;

padding: 5px 10px; margin: 0 0 2px; border-width: 0;
text-decoration: none;

color: #FF1493;
color: #000000;
/*color: #FFD700;     */
}
div#navigation3 a:hover {
color: #FFD700;
/*background-color: #0000FF;     */
}
.menulight{
color: #696969;
margin-left: 15px;
}






#left {
float:left;
width:150px;
width:160px;
padding:0px 0px 0px 5px;
text-align: left;
font-size:80%;
}

#left_sub{
float:left;
width:150px;
width:160px;
margin-top: 40px;
background:	#F5F5F5;  /*whitesmoke*/
padding:5px 0px 5px 5px;
text-align: left;
border: 2px solid #DCDCDC;
/*-moz-border-radius: 10px;
border-radius: 10px;   */
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}

div#left_sub a {text-decoration: none; color: #800000; }
div#left_sub a {text-decoration: none; color: #000000; }
div#left_sub a:hover {text-decoration: none; color: #FFD700; }

#middle {
margin-left: 60px;
margin-left: 200px;
margin-right: 60px;
min-height: 380px;
font-size:80%;
text-align: left;
}

.pagetitle{
text-align: center;
text-decoration: underline;
font-weight: bolder;
color: #808080;
}

/********************list container **********************/
#display-cont{
width: 750px;
/*border: 1px solid green;    */
}

.display-cont-inner{
/*width: 750px;        */
/*border: 1px solid red;    */
}

.display-cont-wrap{
width: 600px;
float: left;
/*border: 1px solid blue;   */
}
.display-left{
width: 120px;
height: 120px;
float: left;
/*border: 1px solid #696969; */
}

.display-mid{
width: 450px;
/*display: inline;    */
/*margin-left: 135px;
margin-right: 125px;
width: 450px;
height: 120px;   */
padding-left: 10px;
float: left;
/*border: 1px solid green; */
}

.display-right{
width: 120px;
height: 120px;
float: right;
padding-right: 10px;
text-align: right;
}

.display-bottom{
clear: both;
height: 10px;
border-bottom: 1px solid #696969;
}

.display-title{
font-size: 120%;
text-decoration: underline;
}

/******************************* link box ***************************/
#plbox-container {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;

width: 900px;
width: 700px;
margin-left: 10px;
}
#plbox-container .shadow2,
#plbox-container .shadow3,
#plbox-container .container {
position: relative;
left: -1px;
left: -2px;
top: -1px;
top: -2px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#plbox-container .shadow1{
background: #F1F0F1;
-moz-border-radius: 10px;
border-radius: 10px;
}
#plbox-container .shadow2{
background: #DBDADB;
-moz-border-radius: 10px;
border-radius: 10px;
}
#plbox-container .shadow3{
background: #B8B6B8;
-moz-border-radius: 10px;
border-radius: 10px;
}
#plbox-container .container {  /* this is inner */
background: #ffffff;
background: Wheat;
background: #ffffff;
border: 1px solid #848284;
border: 2px solid #DAA520;
/*color: darkgreen;    */
color: #696969;
font-size:14px;
font-weight: bold;
padding: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/********* end page link box***********/

a:link {text-decoration: none; color: blue; }
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}

a.blue:link {text-decoration: none; color: blue; }
a.blue:visited {text-decoration: none; color: #8B008B;} /*darkmagenta*/
a.blue:active {text-decoration: none}
a.blue:hover {text-decoration: underline; color: red;}

#footer{
font-size: 80%;
}
    /*
.column-in {margin:0; padding:0.5em 1em;}
*/
.cleaner {
clear:both;
height:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

.clearleft {
clear:left;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}

.clearright {
clear:right;
height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;
}
h1{font-size:24px}
h2{font-size:18px;}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:10px;}

h1,h2,h3,h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0.2em 0 ;}
p { margin: 0.5em 0 ;}
a { color:blue; }

.copy{text-align:center;
font-size:70%; }

div#links a {display: block; text-align: left;
background-image: url(../images/button2.gif );
background-image: url(../images/buttongn3.gif );
background-image: url(../images/button-grey.gif );

/*background-color: #0000FF;     */
background-repeat: repeat-y;
padding: 5px 10px; margin: 0 0 2px; border-width: 0;
text-decoration: none;

color: #FF1493;
color: #000000;
/*color: #FFD700;     */
}
div#links a:hover {
color: #FFD700;
/*background-color: #0000FF;     */
}

/*div#links {position: absolute; top: 250px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;}*/
div#links {width: 135px;
/*height: 210px;              */
/*font: 16px Verdana, sans-serif;   */
}

code, pre {color: #EDC; font: 110% monospace;}

.floatright{float:right;margin-left: 10px;}
.floatleft{float:left;margin-right: 10px;}
.red{
  color: red;
}

.ml15{margin-left: 15px;}

.space2{height: 2px;}
.space3{height: 3px;}
.space5{height: 5px;}
.space10{height: 10px;}
.space15{height: 15px;}
.space100{height: 100px;}