@charset "utf-8";
/* CSS Document */


/* layout */
html, body { height: 100%; }
body { background:url(../images/bg.jpg) #660e0a /*c13212*/ top center no-repeat fixed; width: 100%; display: table; font-size: 12px; }

	#container { width: 800px; margin: 0 auto; }
		
		#header { background: url(../images/header.png) no-repeat; height: 116px; position: relative; }			
			.saleBadge { position: absolute; right: 140px; top: 31px; display: block; height: 118px; width: 122px; }
		
		#content { background: url(../images/page_bg.png) repeat-y; padding: 0px 20px 20px 0px; }
			#topMenuHolder { height: 155px; }
				#louWax { float: left; /*width: 509px;*/ height: 155px; background:url(../images/louwax.gif) no-repeat; }
					#topMenu { position: relative; top: 98px; left: 160px; list-style-type: none; margin: auto; margin-top: 12px; }
						#topMenu li { float: left; margin-left: 10px; }
							#topMenu li a { text-indent: -9000px; display: block; height: 44px; }
								#topMenu li.tshirts a {  width: 90px; background: url(../images/topMenu.png) 0px 0px; }
									#topMenu li.tshirts a:hover { background-position: 1px -46px; }
								#topMenu li.posters a { width: 120px; background: url(../images/topMenu.png) -100px 0px; }
									#topMenu li.posters a:hover { background-position: -99px -46px; }
								#topMenu li.bandwork a { width: 155px; background: url(../images/topMenu.png) -225px 0px; }
									#topMenu li.bandwork a:hover { background-position: -224px -46px; }
								#topMenu li.wallpaper a { width: 155px; background: url(../images/topMenu.png) -380px 0px; }
									#topMenu li.wallpaper a:hover { background-position: -380px -45px; }
									
				#cartHolder { float: right; padding: 55px 20px 0px 0px; list-style-type: none; }
					#cartHolder li { font-size: 14px; line-height: 2.0; }
						#cartHolder li img { margin-bottom: -2px; }
									
							
			#sideMenu { float: left; width: 191px; height: 218px; background: url(../images/side_menu.png) no-repeat; padding: 40px 0 0 0; margin: 0px 15px 0px -30px; list-style: none; }
				#sideMenu li { margin-left: 20px; }
					#sideMenu li a { display: block; width: 150px; height: 40px; background: url(../images/mainMenu.jpg); text-indent: -9000px; }
						#sideMenu li a.home { background-position: 0px 0px; }
							#sideMenu li a.home:hover { background-position: 146px 0px; }
						#sideMenu li a.contact { background-position: 0px -46px; }
							#sideMenu li a.contact:hover { background-position: 146px -46px; }
						
						#sideMenu li a.charity { background-position: 0px -175px; }
							#sideMenu li a.charity:hover { background-position: 146px -175px; }
							
						#sideMenu li a.news { background-position: 0px -90px; }
							#sideMenu li a.news:hover { background-position: 146px -90px; }
						#sideMenu li a.links { background-position: 0px -140px; }
							#sideMenu li a.links:hover { background-position: 146px -140px; }
			
			#innerContent { margin: 30px 0px 0px 180px; /*font-size: 24px;*/ }
			
				
				/* innerContent contains most of the content of the site */
				.tshirt-holder { float: left; width: 154px; padding: 20px; font-size: 12px; text-align: center; }
					/*.tshirtFrame { margin: 0px; position: relative; width: 154px; height: 208px; float: left;}*/
						.tshirt-holder img { padding-bottom: 2px; }
						
						.imageSelector { width: 100%; padding-top: 2px;}
							#previous, #next { display: block; padding: 0px 5px 5px 5px; }
							#previous { float: left; }
							#next { float: right; }
							#imageNo { bottom: 5px;}

			
				.purchase-holder { margin-left: 200px; }
					.purchase-holder form { padding: 6px 0px 2px 0px; }
			
		#footer { width: 800px; height: 108px; background:url(../images/footer.png) right top no-repeat; position: absolute; }
			.rabbit { position: absolute; right: 26px; bottom: 32px; }
			
			
			
			
/* tables */

table { border-collapse: collapse; }
	table th { font-size: 14px; font-weight: bold; border-bottom: 2px solid #961407; padding: 5px; }
	table td { font-size: 12px; padding: 5px; border-bottom: 1px solid #B53A1B; }
	
.noBorder td { border: none; height: 40px; vertical-align: middle; text-align: left /*!important*/; }
.wallpaper td { text-align: center; }
		
		
/* News */

.newsHolder { margin-bottom: 20px; }
	.calendar { float: left; height: 42px; margin-left: 10px; margin-right: 6px; width: 42px; }
		.calendar-day { color: #000; font-size: 16px; font-weight: bold; padding-top: 16px; text-align: center; width: 42px; }
		.calendar-icon-1 { background: url('../images/calendar/01.gif'); }
		.calendar-icon-2 { background: url('../images/calendar/02.gif'); }
		.calendar-icon-3 { background: url('../images/calendar/03.gif'); }
		.calendar-icon-4 { background: url('../images/calendar/04.gif'); }
		.calendar-icon-5 { background: url('../images/calendar/05.gif'); }
		.calendar-icon-6 { background: url('../images/calendar/06.gif'); }
		.calendar-icon-7 { background: url('../images/calendar/07.gif'); }
		.calendar-icon-8 { background: url('../images/calendar/08.gif'); }
		.calendar-icon-9 { background: url('../images/calendar/09.gif'); }
		.calendar-icon-10 { background: url('../images/calendar/10.gif'); }
		.calendar-icon-11 { background: url('../images/calendar/11.gif'); }
		.calendar-icon-12 { background: url('../images/calendar/12.gif'); }
		
	.newsBody { font-size: 14px; margin-left: 58px; }


/* Formatting */

.clear { clear: both; }


h1 { font-size: 20px; }
h2 { font-size: 16px; }
	h2.underline { border-bottom: 1px solid black; }
h3 { font-size: 14px; margin-top: 20px; }
	h3.price { font-size: 22px; font-weight: bold; color: #97190B; }	
h4 { font-size: 12px; font-weight: bold; }

.alignRight { text-align: right; }
.bold { font-weight: bold; }

.checkoutButton { float: right; margin-bottom: 7px; }

.containerDiv { float: left; } /* Container to use when everything else goes wrong */

.hide { display: none; }

a:link, a:visited, a:active { color: #00C; text-decoration: underline; }
	a:hover { color: #F60; }
	
	a.img { text-decoration: none; border: none; }
	
.flatButton { border: 1px solid #CCC; background-color: #F4F4F4; font-size: 10px; cursor: pointer; padding: 2px; }
	.flatButton:hover { color: #000; }

.orderConfirm { background-color: FFFFDD; padding: 10px; border: 1px solid  }

#sidePanel { float: left; width: 151px; padding-left: 20px; }
	#sidePanel img { float: left; padding-right: 10px; margin-bottom: 6px; }

.centerTable td { text-align: center !important; }



/* Forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:300px;height:100px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}