@charset "utf-8";

@font-face {
	font-family: 'Virgo01Regular';
	src: url('fonts/virgo-webfont.eot');
	src: url('fonts/virgo-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/virgo-webfont.woff') format('woff'),
		url('fonts/virgo-webfont.ttf') format('truetype'),
		url('fonts/virgo-webfont.svg#Virgo01Regular') format('svg');
	font-weight: normal;
	font-style: normal;	
}

body {
	background:#6e592c url(../images/background.jpg) 50% 0 no-repeat;
	margin:0;
	padding:0;
	text-align:center; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000;
}
#background {
	width: 100%; 
	height: 100%; 
	position: absolute;
	position: fixed;
	left: 0px; 
	top: 0px; 
	z-index: 0;
}
.stretch {
	width:100%;
	height:100%;
}
a img { border:none; }

#wrapper {
	margin:auto;
	width:780px;
	text-align:left;
}
#page-header {
	background:#f15a25;
	width:780px; height:80px;
	-moz-border-radius:12px 12px 0 0;
	-webkit-border-radius:12px 12px 0 0;
	border-radius:12px 12px 0 0;
	margin:24px 0 6px;
	position:relative;
	behavior: url(/stylesheets/PIE.htc);
}
#su-logo {
	position:absolute;
	bottom:0; right:10px;
}
#cart-links {
	position:absolute;
	top:5px; right:10px;
	color:#444;
}
#cart-links a {
	color:#444;
	margin:0 0 0 10px;
	text-decoration:none;
}
#cart-links a:hover {
	text-decoration:underline;
}
#main-nav {
	position:absolute;
	bottom:2px; left:28px;
}
#main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#main-nav li {
	background:url(../images/nav-bullet.gif) 0% 50% no-repeat;
	margin:0;
	padding:0 5px 2px 13px;
	float:left;
}
#main-nav li:first-child {
	background:none;
	padding:0 5px 2px 0;
}
#main-nav a {
	font-family:Virgo01Regular,Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#444;
}
#main-nav a.nav-on, #main-nav a:hover {
	color:#fff;
}
#page-body {
	background:#f15a25 url(../images/gradient.jpg) left repeat-y;
	position:relative;
}
#page-footer {
	background:#f15a25;
	width:780px; height:80px;
	-moz-border-radius:0 0 12px 12px;
	-webkit-border-radius:0 0 12px 12px;
	border-radius:0 0 12px 12px;
	margin:6px 0 24px;
	position:relative;
	behavior: url(/stylesheets/PIE.htc);
}

#left-column {
	float:left;
	padding-left:28px;
	margin-right:22px;
	width:238px;
}
#centre-column {
	float:left;
	margin-right:18px;
	width:370px;
}
#right-column {
	float:left;
	width:90px;
	padding-top:16px;
}
#wide-column {
	clear:both;
	margin:0 36px 36px;
	width:700px;
}
.clear-columns {
	clear:both;
	line-height:1px;
}

#sound-check-logo {
	margin:32px 0;
}
#home-graphic {
	margin-bottom:16px;
}
#home-text {
	margin-bottom:170px;
}
#home-text p {
	color:#444;
	font-size:13px;
	line-height:17px;
	margin:0 0 6px;
}
#home-text p a {
	color:#fff;
	font-family:Virgo01Regular,Verdana,Arial,Helvetica,sans-serif;
	font-size:21px;
	text-decoration:none;
}
#right-column p {
	color:#fff;
	font-size:9px;
	line-height:10px;
	margin:0 0 6px;
}
#footer-text {
	position:absolute;
	bottom:25px;
	right:140px;
	font-family:Virgo01Regular,Verdana,Arial,Helvetica,sans-serif;
	font-size:25px;
	z-index:800;
}
#footer-text a {
	text-decoration:none;
}

#centre-panel, #wide-panel {
	border:solid 4px #f15a25;
	background:#fff;
	margin:12px 0;
	padding:16px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow:5px 5px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.25);
	box-shadow:5px 5px 10px rgba(0,0,0,0.25);
}

h1 {
	font-family:Virgo01Regular,Verdana,Arial,Helvetica,sans-serif;
	font-size:21px;
	color:#f15a25;
	font-weight:normal;
	margin:0 0 10px;
}
h1 a {
	color:#f15a25 !important;
	text-decoration:none;
}
h1 a:hover {
	text-decoration:underline;
}
#centre-panel p, #centre-panel td, #wide-panel p, #wide-panel td {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:17px;
	margin:0 0 6px;
	vertical-align:top;
}
#centre-panel a, #wide-panel a {
	color:#b11116;
}
h2 {
	color:#444;
	font-size:18px;
	font-weight:normal;
}
h3 {
	color:#f15a25;
	font-size:13px;
	margin:0 0 10px;
}

label {
	text-transform:uppercase;
	color:#000;
}
input[type='text'], input[type='password'], select, textarea {
	border:solid 3px #f15a25;
	padding:3px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
}
input[type='button'], input[type='submit'] {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
}

.product-name {
	font-weight:bold;
	font-size:15px;
	color:#f15a25;
}
.product-name a {
	color:#f15a25;
}
.product-price {
	font-weight:bold;
	font-size:14px;
	margin:5px 0;
}
.product-desc {
	color:#444;
	font-size:14px !important;
}
.product-more {
	margin:5px 0;
}
.product-more a {
	font-weight:bold;
	color:#f15a25;
}
.quantity {
	margin:5px 0;
}

.errorMessage {
	font-weight:bold;
	color:#b11116;
}