@charset "UTF-8";

html {
	width: 100%;
	height: 100%;
}
body {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #1B0000  url(../images/bg.gif) repeat-y center top;
	font-family:  Arial, Helvetica, sans-serif;
}




/*  LAYOUT */
.content {
	margin: 0;
	padding: 15px 0px 15px 15px;
	width: 785px;
	background: #3b0408;
}
.box { 
	float: left;
}

a { color: #690000; }

/*  TEXT STYLING */

p {
	font-size:12px;
	colour: #ffffff;
}

h2, h3 {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	padding: 3px 5px 3px 5px;
	text-transform:uppercase;
	margin: 0 0 4px 0;
}
.s {
	font-size: 9px;
}
h2.store, ul.tabs li.store {
	background: #690000;
	color:#FFFFFF;
	font-size:14px;
}

h2.news, ul.tabs li.news {
	background: #220000;
	color:#FFFFFF;
	font-size:14px;
}

h2.newshead {
	background: #220000;
	color:#FFFFFF;
	font-size:14px;
	width: 20em;
}

.btn {
vertical-align:middle;
}

h2 a {
	color:#FFFFFF;
}

h2.red {
	background: #CC0000;
	color:#FFFFFF;
	font-size:14px;
}

h3.black {
	font-size:10px;
	background: #000000;
	color:#FFFFFF;
	
}


/*  NAV  */

div#top img { border: none; }

div#topnav {
	background: #000000;
	width: 792px;
	height:1.6em;
	padding: 0 0 0 8px;
}

ul#navbar {
	margin:0;
	padding:0;
	list-style:none;
}
ul#navbar li {
	margin: 5px 0 0 0;
	float: left;
	font-size: 12px;
}
ul#navbar li a {
	padding: 0 15px 3px 15px;
	color: #FFFFFF;
	text-decoration: none;
}
ul#navbar li a:hover {
	color: #CC0000;
}


/* NEWS / SPECIALS */

div.featured {
	background: url('../images/specials-bg.gif') no-repeat bottom right; 
	width: 380px;
	height: 289px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

div.news {
	background: url('../images/news-bg.gif') repeat-y bottom right;
	width: 380px;
	margin: 0;
	overflow:auto;
	padding: 0;
}
div.specials {
	background: url('../images/specials-bg.gif') no-repeat bottom right;
	width: 385px;
	height: 289px;
	margin: 0;
	padding: 0;
	overflow:auto;
}


div.banners-left {
	/* background: url('../images/specials-bg.gif') no-repeat bottom right;*/
	width: 375px;
	height: 65px;
	padding: 0;
	float: left;
	margin: 15px 15px 0 0;
}

div.banners-right {
	/* background: url('../images/specials-bg.gif') no-repeat bottom right;*/
	width: 375px;
	height: 65px;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
}

ul.tabs {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.newstabs {
	margin: 1px 0 6px 0;;
	padding: 0;
}

ul.tabs li {
	display: inline;
	list-style: none;
	padding: 3px 8px 3px 8px;
	margin: 0 4px 4px 0;
}

ul.shoptabs  {
	margin: 0 0 5px 0;
}

ul.shoptabs li {
	color: #000;
	background: #fff;
	width: 35em;
	font-size:10px;
	font-weight: bold;
	text-transform:uppercase;
}


ul.featured {
	color: #FFFFFF;
	font-size:12px;
	margin: 10px 0 0 0;
	background: #3B0408;
}

 ul.featured a {
 	color: #FFFFFF;
	text-decoration: none;
 }

ul.featured li:hover, ul.featured li.on {
	color: #FFFFFF;
	background: #690000;
}

.img { border: none; }

/* STORE */


ul.category-nav {
	background: url('../images/bg-dark-guitar.gif') no-repeat bottom right;
	width: 135px;
	padding: 20px;
	font-size: 12px;
	min-height: 548px;
	float: left;
	margin: 0 0 0 0;
}
ul.category-nav li {
	list-style:none;
	color: #CC0000;
}

ul.category-nav li a {
	margin: 10px;
	text-decoration: none;
	color: #FFFFFF;
}



/*  PRODUCTS NAV */
div.products-box {
	background: #FFF url('../images/white-bg.gif') no-repeat bottom right;
	float: left;
	width: 565px;
	padding: 15px 15px 40px 15px;
}
div.products-box-white {
	background: #FFF url('../images/white-bg-only.gif') no-repeat bottom right;
	min-height: 475px;
	float: left;
	width: 565px;
	padding: 15px 15px 40px 15px;
}

ul.products {
	list-style-type: none;
	float: left;
	margin: 0 0 25px 0;
	padding: 0;
	
}

ul.products li {
	/* float: left; */
	margin: 0;
	padding: 0;
	/* border: 1px solid #000; */
	width: 120px;
	height: 120px;
	/* background-color:#666666; */
	color: #000;
	line-height: 1.5em;
	font-weight:bold;
	font-size: 14px;
}

ul.products a {
	text-decoration: none;
	color:#666;
}
ul.products a:hover {
	text-decoration: none;
	color:#CC0000;
}

ul.products a:visited {
	text-decoration: none;
	color:#333;
}

ul.products img {
	width: 100px;  
	border: 0;
}

ul.products li ul {
	padding:0;
	margin:0;
	color: #000;
}
ul.products li  {
	list-style-type: none;
	margin:0;
	font-weight: normal;
	padding: 0;
	border: 0;
	float:none;
	color: #666;
	font-size: 12px;
	float:left;
}

ul.products img {
	margin: 10px 0 10px 0;
}

ul.products li.cat {
	color:#666;
	font-weight:bold;
	 background: #fff; 
	 border-bottom: 1px solid #EEE;
}


/* TOP AND HEADER SECTIONS */

#sub {
	display:inline;
	float: left;
	margin: 15px 5px 0px 400px;
	z-index: 10;
}

#sub strong {
	padding: 3px 5px 1px 5px;
	margin: 0px;
	background: #000000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
}

#sub form {
	margin: 3px 0 0 0;
}
#sub input {
	padding: 0px;
	margin: 0px;
}


#phone {
	float: left;
	margin: 15px 5px 0px 0px;
}


#phone strong {
	padding: 3px 5px 1px 5px;
	margin: 3px;
	background: #CC0000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
}
#phone p {
	padding: 5px 10px 1px 5px;
	margin: 3px;
	height: 40px;
	background: #CC0000;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:24px;
}

.hide {
	display: none;
}
.show {
	display: block;
}


/* LOCATIONS */


div.locations {
	background: #dfccad url('../images/light-side.gif') repeat-y;
	float: left;
	width: 770px;
	padding: 0;
	margin: 0;
	min-height: 200px;
}
div.locations-guitar {
	background: url('../images/bg-acoustic_02.gif') no-repeat left bottom;
	min-height: 900px;
}

div.locations-text {
	background: #dfccad url('../images/bg-acoustic_02.gif') no-repeat bottom left;
	float: left;
	width: 720px;
	padding: 20px;
	margin: 0;
	min-height: 100px;
}

div.textbox {
	background: #dfccad url('../images/light-side.gif') repeat-y bottom right;
	float: left;
	width: 730px;
	padding: 20px;
	margin: 0;
	min-height: 200px;
}

.bands {
	margin-right: 40px;
	width: 280px;
}
.loc {
	margin: 20px;
	width: 240px;
}

.loc h4 {
	color: #CC0000;
	margin:0;
	font-size: 14px;
}

.loc h5 {
	color: #690000;
	margin:0;
	font-size: 12px;
}

.loc a {
	color: #000000;
}

div.footer {
	background: #000000;
	text-align:center;
	color: #ffffff;
	line-height: 2em;
	height: 2em;
	font-size: 9px;
	margin: 0;
	padding: 0;
}

ul.blogger {
	list-style:square inside;
	color: #FFFFFF;
	margin: 10px 20px 20px 20px;
	padding: 0;
	width: 330px;
}
ul.blogger li {
	border-bottom: 1px dashed #EEE;
	font-size: 12px;
	line-height:1.2em;
	padding-bottom: 1em;
}

ul.blogger a {
	color: #fff;
	text-decoration: none;
}

/* SPECIALS LIST */

ul.specials-list {
	list-style: square inside;
	color: #FFFFFF;
	margin: 0 20px 20px 20px;
	padding: 0;
	width: 330px;
}
ul.specials-list li {
	border-bottom: 1px dashed #1B0000;
	font-size: 12px;
	line-height:1.2em;
	padding: 1em 0 1em 0;
}


ul.specials-list a {
	color: #fff;
	text-decoration: underline;
}


/* NEWS ITEMS */
.news-item {
	background: #dfccad url('../images/light-side.gif') repeat-y bottom right;
	float: left;
	width: 345px;
	padding: 10px 30px 20px 20px;
	text-align:justify;
}

.news-item span p, #CMSViewer3{
	font-size: 12px;
	text-align:justify;
}


.band td {
	font-size: 12px;
}
.band td input {
	border: 3px solid #ccc;
}

/* benefits loyalty page */

ul.benefits {
	list-style: square inside;
	color: #000;
	padding: 0;
	margin: 0;
}
ul.benefits li {
	font-size: 12px;
	line-height:1.2em;
}

/* store */

div.store {
	background: #dfccad url('../images/light-side.gif') repeat-y bottom right;
	width: 565px;
}

table.store td {
	border-bottom: 1px solid #888;
	font-size: 12px;
}

tr.hd {
	background: #690000;
	color: #fff;  
	font-size: 14px;
}  
table#order-table td {
	font-size: 14px; 
}

.brands {
	float: left;
	list-style: none;
	margin:0 20px 0 0;
	padding: 0;
	
}

div.buy {
	float: left;
	background: #dfccad url('../images/light-side.gif') repeat-y bottom right;
	width: 525px;
	padding: 20px;
}


.grey {
color: #333;
}          

input.error {
	border: 2px solid #cc0000;
}   

/* bands */

ul.bands {
	padding:0;
	margin:0;
	color: #000; 
	width: 700px;
}
ul.bands li  {
	list-style-type: none;
	margin: 0 20px 20px 0;
	font-weight: normal;
	padding: 0;
	border: 0;
	width: 300px;
	color: #000;
	font-size: 12px;
	float:left;
}