/*------------------------------------------------------------------------*/
/*     Global Background & Link Color                                     */
/*------------------------------------------------------------------------*/

/* Global Background & Font/Color */
body { 
	font: normal 12px/16px Arial, Helvetica, sans-serif; 
	color: #464646; 
	margin: 0px; 
	padding: 0px; 
	background: url("../style/template/bkg.gif") repeat-x #000 top center;
	}


/* Global Link Color */
a, a:link, a:active, a:visited { 
	color: #0669B2;
	text-decoration: none; 
	}

a:hover { 
	color: #0669B2;
	text-decoration: underline;
	}


/* Global Paragraph Style */
p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}


.musicimage {
	height: 150px;
	width: 150px;
	display: block;
	margin-bottom: 10px;
	background: url("../shop/music/noimage.jpg") no-repeat #fff;
	}



/*------------------------------------------------------------------------*/
/*     Page Layout Containers                                             */
/*------------------------------------------------------------------------*/

#PageWrap {
	margin: 0px;
	padding: 0px;
	width: 100%; 
	background: url("../style/template/bkg-PageWrap.gif") no-repeat top center;
	}


#ContentContainer {
	margin: 0px;
	padding: 0px;
	background: url("../style/template/bkg-ContentContainer.gif") repeat-x;
	}


/*------------------------------------------------------------------------*/
/*     Page Header & Nav                                                  */
/*------------------------------------------------------------------------*/

#Header {
	margin: 0px; 
	padding: 0px;
	height: 90px;
	width: 940px;
	background: url("../style/template/bkg-Header.gif") no-repeat;
	}

#TopNavWrap {
	display: block;
	margin: 0px; 
	padding: 0px 0px 10px 0px;
	}

/* Header Nav */
a.TopNav, a:link.TopNav, a:active.TopNav, a:visited.TopNav { 
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #8B8B8B;
	margin: 0px;
	padding: 0px 10px 0px 0px; 
	text-decoration: none;
	}

a:hover.TopNav { 
	color: #FFFAC3; 
	text-decoration: none; 
	}

a.TopNav-at, a:link.TopNav-at, a:active.TopNav-at, a:visited.TopNav-at, a:hover.TopNav-at {
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #FFFAC3; 
	margin: 0px;
	padding: 2px 10px ; 
	text-decoration: none;
	}



/*------------------------------------------------------------------------*/
/*     Banner                                                             */
/*------------------------------------------------------------------------*/

#Banner {
	margin: 0px; 
	padding: 0px;
	height: 266px;
	width: 730px;
	background: url("../images/banners/Banner_001.jpg") no-repeat;
	}


/*------------------------------------------------------------------------*/
/*     Left Nav                                                           */
/*------------------------------------------------------------------------*/

#LeftNavContainer {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	}

a.LeftNav, a:link.LeftNav, a:active.LeftNav, a:visited.LeftNav { 
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #fff; 
	margin: 0px;
	padding: 6px 10px 6px 5px; 
	text-decoration: none;
	}

a:hover.LeftNav { 
	color: #fffbcd; 
	text-decoration: underline; 
	}

a.LeftNav-at, a:link.LeftNav-at, a:active.LeftNav-at, a:visited.LeftNav-at, a:hover.LeftNav-at {
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #fffbcd; 
	margin: 0px;
	padding: 6px 10px ; 
	text-decoration: none;
	}


/* Sub Navigation 1 */
a.SubLeftNav, a:link.SubLeftNav, a:active.SubLeftNav, a:visited.SubLeftNav { 
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #fff; 
	margin: 0px;
	padding: 3px 6px 7px 18px; 
	text-decoration: none;
	}

a:hover.SubLeftNav { 
	color: #FFFF99; 
	text-decoration: none; 
	}

a.SubLeftNav-at, a:link.SubLeftNav-at, a:active.SubLeftNav-at, a:visited.SubLeftNav-at, a:hover.SubLeftNav-at {
	font: normal 100%/13px Arial, Helvetica, sans-serif; 
	color: #667442;
	text-decoration: none;
	display: block; 
	margin: 0px;
	padding: 1px 6px 7px 18px; 
	}



/*------------------------------------------------------------------------*/
/*     Intro Nav                                                          */
/*------------------------------------------------------------------------*/

#IntroNav {
	margin: 0px 0px 10px 0px; 
	padding: 0px; 
	}




/*------------------------------------------------------------------------*/
/*     Footer                                                             */
/*------------------------------------------------------------------------*/

#Feature {
	margin: 0px; 
	padding: 0px; 
	}

.FeatureBody {
	margin: 0px;
	padding: 0px 15px 10px 15px;
	}


#Brochure {
	margin: 0px; 
	padding: 0px;
	height: 152px;
	width: 180px;
	background: url("../style/template/bkg-Brochure.gif") no-repeat;

	}


.GuideBtn {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}



a.SmBtn, a:link.SmBtn, a:active.SmBtn, a:visited.SmBtn { 
	font: normal 100%/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #fff; 
	margin: 0px;
	padding: 0px 8px 4px 25px; 
	text-decoration: none;
	background: url("../style/bullets/bullet-white.gif") no-repeat #5a0100 16px 6px;
	}

a:hover.SmBtn { 
	color: #fffbcd; 
	text-decoration: underline; 
	}


/*---- Products Button ---------------------------------------------*/
a.LrgBtn { 
	font: normal bold 15px/16px Arial Narrow, Arial, Helvetica, sans-serif;
	color: #fff; 
	display: block;
	vertical-align: middle;
	height: 50px;
	width: 180px;
	margin: 8px 0px 0px 0px; 
	padding: 0px;
	text-decoration: none;
	background: #5a0100;
	}

a:hover.LrgBtn { 
	text-decoration: none;
	}









/*------------------------------------------------------------------------*/
/*     Footer                                                             */
/*------------------------------------------------------------------------*/

#FooterContainer {
	font: normal 100%/11px Arial, Helvetica, sans-serif;
	color: #848484;
	text-align: center;
	width: 100%;
	margin: 15px 0px 0px 0px;
	padding: 5px 20px;
	clear: both;
	}

a.FootNav, a:link.FootNav, a:active.FootNav, a:visited.FootNav { 
	color: #848484; 
	text-decoration: none; 
	}

a:hover.FootNav { 
	color: #848484; 
	text-decoration: underline; 
	}



/*------------------------------------------------------------------------*/
/*     Copyright                                                          */
/*------------------------------------------------------------------------*/

#CopyrightContainer {
	font: normal 80%/11px Arial, Helvetica, sans-serif;
	color: #848484;
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 5px 20px 10px 20px;
	clear: both;
	}

a.copy, a:link.copy, a:active.copy, a:visited.copy { 
	color: #848484; 
	text-decoration: none; 
	padding: 0px 5px;
	}

a:hover.copy { 
	color: #848484; 
	text-decoration: underline; 
	}




/*------------------------------------------------------------------------*/
/*     Headers                                                            */
/*------------------------------------------------------------------------*/

h1 { 
	font: normal bold 200%/100% Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 0px 0px 10px 0px; 
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	}

h2 { 
	font: normal bold 150%/100% Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 0px 0px 10px 0px; 
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	}

h3 { 
	font: normal bold 125%/100% Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 0px 0px; 
	}

h4 { 
	font: normal bold 110%/100% Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 0px 0px; 
	}

h5 { 
	font: normal bold 100%/100% Arial, Helvetica, sans-serif;
	color: #000; 
	margin: 0px 0px 5px 0px; 
	padding: 5px 0px 0px 0px; 
	}



/*------------------------------------------------------------------------*/
/*     Lists                                                              */
/*------------------------------------------------------------------------*/

ul, ol {
	margin-top: 0px;
	padding-top: 0px;
	}

ul.bullet { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("../style/bullets/bullet.gif");
	}

ul.bulletPDF { /* Bulleted list using graphics */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 15px;
	list-style-image:    url("../style/bullets/bulletPDF.gif");
	}





/*------------------------------------------------------------------------*/
/*     DIV Scrolling                                                      */
/*------------------------------------------------------------------------*/

.scrolling {
	width: 100%; 
	/* height: 400px; */
	overflow: auto;
	}



/*------------------------------------------------------------------------*/
/*     Generic and Miscellaneous Styles                                   */
/*------------------------------------------------------------------------*/

.clear {
	clear: both;
	}

.Spacer {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	clear: both;
	}

/*-- Text Formating ------------------------------------------------------*/
.quote { 
	font: bold italic 110%/14px Arial, Helvetica, sans-serif; 
	}

.small { 
	font: normal 10px/12px; 
	}

.caps { 
	text-transform: uppercase; 
	}

.right { 
	text-align: right; 
	}

.left { 
	text-align: left; 
	}

.red { 
	color: #960014; 
	}

.blue { 
	color: #0000ff; 
	}

.green { 
	color: #00ff00; 
	}

.white { 
	color: #ffffff; 
	}


a.pdf, a:link.pdf, a:active.pdf, a:visited.pdf { 
	color: #0669B2; 
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background: url("../style/icons/9x9/pdf.gif") no-repeat 0px 2px;
	}

a:hover.pdf { 
	color: #0669B2; 
	text-decoration: underline; 
	}



/*------------------------------------------------------------------------*/
/*     Forms                                                              */
/*------------------------------------------------------------------------*/

form { 
	margin: 0px; 
	padding: 0px;
	}

input, select { 
	font: normal normal 90% Arial, Helvetica, sans-serif; 
	color: #333;
	}

option {
	font: normal normal 90% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 1px;
	}

textarea { 
	font: normal normal 100% Arial, Helvetica, sans-serif; 
	color: #333333;
	margin: 0px;
	padding: 2px;
	border: 1px solid #ccc;
	}



/*------------------------------------------------------------------------*/
/*     Forms Buttons                                                      */
/*------------------------------------------------------------------------*/

input.submit { 
	font: normal 90% Arial, Helvetica, sans-serif; 
	color: #666666;
	margin: 0px;
	margin: 0px; 
	padding: 1px 2px 1px 2px; 
	border: 1px solid #ccc; 
	background: #e7e7e7;
	}

input.submit:hover { 
	color: #fff;
	background: #c89d44;
	}

/*---- Go ---------------------------------------------*/
input.btnFrmGo {
	width: 24px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	background: url("../style/buttons/btn-go.gif") no-repeat;
	}

input.btnFrmGo:hover {
	background: url("../style/buttons/btn-go.gif") no-repeat 0 -18px;
	}


/*------------------------------------------------------------------------*/
/*     Product Search Box                                                 */
/*------------------------------------------------------------------------*/

#SearchBox {
	margin: 0px;
	padding: 5px 8px; 
	width: 129px;
	}

#Searchhdr {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	color: #666; 
	display: block; 
	margin: 0px;
	padding: 0px;
	}

#SearchField {
	font: normal 11px Arial, Helvetica, sans-serif;
	height: 19px;
	width: 80px;
	border: 0px;
	margin: 0px;
	padding: 2px 3px 0px 21px;
	background: url("../style/template/bkg-SearchField.gif") no-repeat 0px 1px;
	}

#SearchGo { 
	font: normal 8px Arial, Helvetica, sans-serif; 
	color: #fff;
	margin: 0px 0px 1px 0px; 
	padding: 1px; 
	border: 1px solid #eceedf; 
	background: #4b6300;
	}

#SearchGo:hover { 
	color: #fff;
	background: #000;
	}



/*------------------------------------------------------------------------*/
/*     Alerts                                                             */
/*------------------------------------------------------------------------*/

#Alert {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #cb9146;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Alert.gif") no-repeat 10px 5px #fdfcd7;
	}

#Error {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #9e0b0f;
	display: block;
	border: 2px solid #fcc9aa;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Error.gif") no-repeat 12px 7px #fde4d7;
	}

#Success {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #197b30;
	display: block;
	border: 2px solid #a2d39b;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Success.gif") no-repeat 12px 7px #e0ffd5;
	}

#Notes {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	display: block;
	border: 2px solid #ffe4ac;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 10px 55px;
	background: url("icons/Notes.gif") no-repeat 10px 5px #fdfcd7;
	}
