
/* Typography */

  html {
		background-image: url('../images/pagebg.gif');
		background-color: #000;  
  }
  
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 81%;
		line-height: 1.5em;
	}

	.print_only { display: none; }
	
	#sash { position: absolute; top: 0; left: 0; }
	
	h2 {
		font-size: 30px;
		font-family: tahoma, arial, sans-serif;
		background-image: url('../images/gradientbg.gif');
		background-repeat: repeat-x;
		background-position: top;
	}

	h2 span.subheading {
		font-size: 15px;
	}
	
	h3 {
		width: 400px;
		border-bottom: 1px solid black;
	}

/* Page setup */
	.clear { clear: both; }

	body, html {
		margin: 0;
		padding: 0;
		color: #fff;
	}
    
	a img {
		border: 0;
	}

	div#center {
		margin: 0 auto;
    position: relative;
    width: 100%;
	}

  #mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    z-index: 5;
  }
	
  #splash {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 6;
  }
	
/* Header and Logo  */

	div#header {
		width: 59em;
		height: 100px;
		background: url('../images/guitar.gif') no-repeat right;
		margin: 0 auto;
		border-bottom: 2px solid #000;
		position: relative;
	}

  #header #payments {
    display: block;
    margin: 0;
    padding: 0;
    background: url('/images/payments.png') no-repeat;
    border: 0;
    width: 113px;
    height: 0;
    position: absolute;
    padding-top: 113px;
    overflow: hidden;
    top: 10px;
    left: 550px;
  }
  
	#languages {
		position: absolute;
		top: 80px;
		right: 15px;
		font-size: 120%;
		font-family: Tahoma, arial, sans-serif;
	}

	#languages a {
		color: #FFDD54;
		text-decoration: none;
	}

	#languages a:hover {
		color: #CFB240;
	}

	#logo {
		position: absolute;
		top: 33px;
		left: 10px;
	}

	#badge {
		position: absolute;
		top: 0px;
		left: 455px;
	}

/* Outer container */

	div#megacontainer {
		text-align: center;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
		color: #000;
		width: 59em;
		padding: 5px 0;
	}

/* Store container */

div#container {
	text-align: left;
	height: auto;
	width: 99%;
	margin: 0 auto;
	background-color: #ffdd54;
	color: #000;
	padding: 5px 0;
}

#content-container {
	margin: 4px 8px 4px 8px;
}

/* Main Store Content */

div#content {
	width: 77%;
	border: 0; margin: 0; padding: 0;
	background-color: #fff;
	color: #000;
	float: left;
}

div#content.full {
	width: 100%;
}

div#inner_content {
	margin: 10px 15px;
}

div#content h2 {
	text-align: center;
	margin: 0 0 0.5em;
	padding: 20px 0;
	border-bottom: 2px solid #ccc;
}

	

/* Footer */

	div#footer {
		border-top: 2px solid #000;
		background-image: url('../images/devil.gif');
		background-repeat: no-repeat;
		background-position: left;
		width: 59em;
		height: 240px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		clear: both;
	}
	
	div#footer ul {
		margin: 15px 0 0 0;
		padding: 0;
		list-style: none;
	}
	
	div#footer ul li {
		display: inline;
		padding: 0 6px;
		border-left: 1px solid #ffdd54;
	}
	
	div#footer ul li:first-child {
		border: 0;
	}

	div#footer ul li.first {
		border-left: 0;
	}
	
	div#footer a {
		color: #ffdd54;
	}
	
	div#footer p {
		margin: 5px;
		padding: 0;
		color: #ffdd54;
		text-shadow: 0px 1px 2px #000;
		font-size: 11px;
	}

/* ribbon stuff */
.ribbon { 
	height: 1em;
	font-size: 14px;
  margin-bottom: 5px;
	line-height: 1em;
	vertical-align: top;
	padding: 0.4em 25px;
}

.ribbon_info {
	background-color: #51A6FE;
	border: 1px solid #0580FE;
	color: #E4F1FE;
}

.ribbon_warning {
	background-color: #FF8F35;
	border: 1px solid #FF7405;
	color: #FFF;
}

.ribbon_warning a { color: #FFEDDE; }
.ribbon_error { 
	background: url(/images/ribbons/error.gif) #e00 left no-repeat;
	border: 1px solid #f00;
	color: #edd;
}

.ribbon_add { 
	background: url(/images/ribbons/add.gif) #FFDD54 left no-repeat;
	border: 1px solid #F2C200;
	color: #5E511F;
}

.email { font-weight: bold; }

.ltr { text-align: left; direction: ltr; }

/* nifty corners */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
