/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #222 url(../images/theme_background.gif) repeat-x top;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 width: 922px;
 color: #333;
 height: 84px;
 margin: 0px 0px 0px 0px;
 background: url(../images/theme_logo.gif) no-repeat top left;
}
#header span{
 display:block;
 color:white;
 font-size:14px;
 padding: 60px 0px 0px 600px;
}
#navigation {
 width: 922px;
 color: #333;
 height: 30px;
 margin: 0px 0px 0px 0px;
}
#content { 
 width: 902px;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 350px;
 color: white;
}
#footer { 
 width: 900px;
 color: #999;
 border-top: 5px solid #1f0130;
 margin: 50px 0px 5px 0px;
 padding: 10px;
}

#maintext h1{
	color: #FFA100;
	margin: 10px 0px;
	font-size: 24px;
}
#maintext h1.error{
	color: #FF0000;
}
#maintext h2{
	color: #FFA100;
	margin: 5px 0px;
	font-size: 18px;
}
#maintext h2 a, #maintext h2 a:visited{
	color: #FFA100;
}
#maintext h6{
	color: #4169E1;
	margin: 5px 0px;
	font-size: 18px;
}
#maintext h6 a, #maintext h2 a:visited{
	color: #4169E1;
}


#maintext p{
	font-size: 14px;
}
#maintext p a{
	color:white;
}

#maintext .divider{
 width: 100%;
 border-top: 1px solid #1f0130;
 margin: 10px 0px;
}
#maintext .smalldivider{
 width: 100%;
 border-top: 1px solid #1f0130;
 margin: 2px 0px;
}
#maintext .imagecontainer{
	margin: 0 auto 0 auto;
	text-align: center;
}
#maintext .imageborder{
	display: inline;
	margin: 5px;
}
#maintext .imageborder a img{
	border: 3px solid #000;
}
#maintext .imageborderGallery{
	height: 106px;
	width: 106px;
	padding: 3px;
	background: #111;
	float: left;
	margin: 5px;
}
#maintext .imageborderGallery a img{
	border: 0;
}
#maintext p{
	margin-bottom:8px;
}
.signature{
	display:block;
	text-align:right;
}
.signature_name{
	color: #FFA100;
}
.signature_date{
	font-style: italic;
}
.addtest{
	margin: 25px;
	text-align:center;
}
.addtest a{
	color:white;
	font-size:18px;
	font-weight:bold;
	background: #3f0150;
	padding: 10px;
	border: 2px #000 solid;
}

#content_frame{
	margin: 10px;
	color:white;
	font-size:14px;
}
form label{
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
	display:block;
	color: #850399;
}
form label span{
	color: white;
	font-size:12px;
	font-style:italics;
}
form input{
	width:85%;
	margin-left:20px;
}
form textarea{
	width:85%;
	margin-left:20px;
	height:100px;
}

#loginform fieldset{
	margin-top: 25px;
	padding:10px;
	border: 2px solid #1f0130;
	background: #333;
}
#loginform form legend{
	font-size:18px;
	font-weight:bold;
	color: #FFA100;
}
#loginform form label{
	font-size:18px;
	font-weight:bold;
	width: 100px;
	display:inline;
	color: #850399;
	margin-left:25px;
}
#loginform form input{
	width:200px;
	display:inline;
}
.mainform form label{
	font-size:18px;
	font-weight:bold;
	width: 200px;
	color: #850399;
	margin-top: 0;
	display:inline;
	float:left;
}
.mainform form input{
	width:600px;
	margin-left:225px;
	display:block;
	margin-bottom:10px;
	margin-right:25px;
}
#purchaseTotal{
	color:white;
	font-size:24px;
	font-weight:bold;
	float:right;
	display:block;
}



/* Navigation FancyMenu */
#fancymenu {
	position: relative;
	height: 30px;
	width: 900px;
	padding: 5px;
	margin: 0px 0;
	overflow: hidden;
}
#fancymenu ul {
	padding: 0;
	margin: 0;
}
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
	float: left;
	list-style: none;
}
#fancymenu ul li a {
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	z-index: 10;
	display: block;
	float: left;
	height: 24px;
	padding: 1px 10px 0px 10px;
	position: relative;
	overflow: hidden;
}
#fancymenu li.background {
	background: url('../images/bg_menu_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
	margin-left:-1px;
	}
#fancymenu .background .left {
	background: url('../images/bg_menu.gif') no-repeat top left;
	height: 24px;
	margin-right: 12px; /* 7px is the width of the rounded shape */
}


/* Purple Panel*/
#musicCarousel {
	text-align: left;
}
#musicCarousel img {
	border: none;
}
#musicCarousel .panel .slide {
	position: absolute;
	width: 400px;
}
#musicCarousel a { color: #FFA100 !important}
/* Generic Purple Panel Styles*/
#musicCarousel {float: left; width: 421px; background-color: #222; padding: 22px 0 10px 19px;}
#musicCarousel .panel {float: left; width: 401px; background: url('../images/carousel/bg_panel.gif') repeat-y;  display: inline; height: 270px; margin-bottom: 40px;}
#musicCarousel .panel a.h3 {display:block;font: bold 1.6em Arial, Helvetica, sans-serif; color: #9996af; padding: 0; margin: 7px 0 11px 22px;}
#musicCarousel .panel .panel-album {float: left; width: 128px;}
#musicCarousel .panel .panel-album img {margin: 0 0 5px 22px; border: 3px solid #d4d2ca;}
#musicCarousel .panel .panel-copy {float: right; width: 242px; padding: 0 15px 0 0;}
#musicCarousel .panel .panel-copy h4{font-size: 1.4em; padding: 0; margin: 0 0 6px 0;}
#musicCarousel .panel .panel-copy p {font-size: 1.1em; color: #ffffff; padding: 0; margin: 0 0 3px 0; line-height: 14px;}
#musicCarousel .panel .panel-copy p a {font-size: 0.9em; font-weight: bold;}
#musicCarousel .panel .panel-top {height: 44px;}
#musicCarousel .panel .panel-bottom{clear: both; height: 53px; background: #222 url('../images/carousel/bottom_panel.gif') no-repeat;}
#musicCarousel .panel .carousel-5 {float: left; width: 157px; padding: 2px 0 0 145px; position: relative;}
#musicCarousel .panel .carousel-5 img { float: left; cursor: pointer;}
#musicCarousel .panel .stream5 {float: right; margin: 10px 14px 0 0;}
#musicCarousel .panel .stream5 a {display: block;  width: 78px; height: 20px; background: url('../images/carousel/button_streamall.gif') no-repeat top left;}
#musicCarousel .panel .stream5 a:hover {background: url('../images/carousel/button_streamall.gif') no-repeat top right;}
#musicCarousel .panel .stream5 a span {display: none}

/* Specific Purple Panel Styles*/
#musicCarousel .panel-top { background: url('../images/carousel/top_panel_headliners.gif') no-repeat;}

#musicCarousel .browseAll { width: 410px; border-right: 1px solid #ffffff; background: #FFFFFF; }
#musicCarousel .browseAll a.h3 { display: block; text-align: left; margin: 0; padding: 0 0 10px 30px; }

#musicCarousel a:link, #musicCarousel a:visited, #musicCarousel a:active {text-decoration: none; color: #FFA100;}
#musicCarousel a:hover {text-decoration: underline; color: #FFA100;}

#testimonialbox{
	float:right;
}


/* Accordian Styling - for the FAQ Page (Info)*/
#accordion {
	margin:20px 0px;
}
#accordion h3.toggler {
	cursor: pointer;
	border: 1px solid #333;
	border-right-color: #111;
	border-bottom-color: #111;
	font-family: 'Andale Mono', sans-serif;
	font-size: 16px;
	background: #440256;
	color: #FFF;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}
#accordion div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
#accordion blockquote {
	padding:5px 20px;
}

.included li {
	float:left;
	width:33%;
	display:block;
}


.specification{
	width:440px;
}
.specification label{
	display:block;
	font-weight:bold;
	color:#FFA100;
	margin-top:20px;
}
.specification span{
	display:block;
}


/* Errors for MooTool Validation */
.validation-failed {
  border-color: #f00;
}
.validation-passed {
  border-color: green;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#F00;
  font-weight:bold;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}



/* fancyform styles */
.purchase label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #252525;clear:both;cursor:pointer;font-size:18px;color:white;margin-top:5px;}
.purchase label span{
	font-size:18px;
	float:right;
	color:#FFA100;
}
.checked{background-color:#222;background-image:url('../images/chk_on.png')}
.unchecked{background-color:#1c1c1c;background-image:url('../images/chk_off.png')}
.selected{background-color:#222;background-image:url('../images/rdo_on.png')}
.unselected{background-color:#1c1c1c;background-image:url('../images/rdo_off.png')}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}