﻿body{
  	background-image: url('/style/images/bg.jpg');
	background-repeat: repeat-x;
	background-color: #fff;
	font: 10pt 'Lucida Sans',Verdana,sans-serif;
	margin: 0;
	color: #000;
}

img{
	border-width: 0px;
}

img.checkout{
	border-width: 0px;
	margin: 10px;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

p{
	text-align: left;
}

p.testimonial{
	color: #478ECA;
	font-size: 1.2em;
}

p.center{
	text-align: center;
}

p.featured{
	font-size: 1 em;
	text-align: center;
}

p.bold{
	font-weight: bolder;
}

h1{
	font-weight: lighter;
	font-size: 2em;
	color: #000;
	text-align: center;
}
h1.small
{
	font-size: .7em;
	color: ##0D4181;
	text-align: center;
	margin-top: -.4em;
}

h1.price{
	font-size: 2em;
	font-weight: bolder;
	color: #000;
	text-align: left;
	float: left;
}

h1.thank-you{
	font-weight: lighter;
	font-size: 2em;
	color: #000;
	text-align: center;
}
h1.song{
	font-weight: bolder;
	font-size: 1em;
	color: #000;
	text-align: center;
}

h1.SongInfo{
	font-size: .8em;
	color: #000;
	text-align: center;
}

h1.blog{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 1.5em;
	border-top: 2px #0D4181 solid;
	border-bottom: 2px #0D4181 solid;
	text-align: center;
	clear: both;
}

h2 {
	font-weight: lighter;
	font-size: 1.5em;
	color: #000;
}

a:link,a:visited,a:active{
	text-decoration: none;
	color: #0d6fc4;
}

a:hover{
	color: #FF3100;
}

a.download:link,a.download:visited,a.download:active{
	font-size: 1em;
	text-decoration: none;
	color: #0d6fc4;
}

a.download:hover{
	color: #FF3100;
}

ul.product {
	list-style-type:disc;
}

#VideoPlayer {
	clear: left;
}

#imageDivRight {
    float: right;
	margin: 10px;
}

#imageDivLeft {
    float: left;
	margin: 10px;
}

#imageDivCenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#RightImageDiv {
    width: 480px;
    float: right;
	margin: 10px;
}
#RightCol {
	background-color: #fff;
	float: right;
	width: 260px;
	padding: 5px;
	margin: 0px;
}

#RightImageDiv div.center {
	display: block;
	margin-left: 130px;
	margin-right: 0px;
}

#PromoDiv {
	height: 182px;
}

#SignupDiv {
	border: 1px solid #0d4181;
    width: 440px;
    float: right;
	margin: 10px;
	padding: 5px;
}

#SongDiv {
	padding: 0px 0px 10px 0px;
	color: #000;
	height: 25px;
	font-size: 1.3em;
	font-weight: bolder;
}

#wrapper {
	background: #fff;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 2px solid #0d4181;
	width: 771px;
	clear: both;
}

#header {
	width: 775px;
	height: 200px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}

#header img.logo{
	border-width: 0;
	margin: 10px 0px 0px 0px;
	float: left;
}
#navigation{
	background-color: #0d4181;
	margin: 0px auto;
	width: 775px;
	height: 27px;
	padding: 0px 0px 0px 0px;
}

#navigation a {
	vertical-align: middle;
	color: #fff;
	float: left;
	margin: 0px;
	padding-left: 15px;
	font-size: 1.3em;
}
#navigation a:hover {
	color: #ACE1FF;
}

#navigation li
{
	background-color: #0d4181;
	display: inline;
	list-style-type: none;
}

/* begin drop-down menu */
#navi{
	background-color: #0d4181;
	margin: 0px auto;
	width: 775px;
	height: 25px;
	padding: 2px 0px 0px 2px;
}

#navi a{
	font-size:1.2em;
}

.pdmenu ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	
}

.pdmenu li  {
	margin: 0 -1px 0 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	float: left;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #fff;
	padding: 3px 10px 3px 10px;
}

.pdmenu a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #79A4D8;
}

.pdmenu li ul {
	display: none;
	width:200px;
}

.pdmenu li:hover ul {
	background-color: #79A4D8;
	visibility: visible;
	display: block;
	position: absolute;
	z-index: 1;
	padding: 0;
	margin: 0px;
	border: 1px solid #0d4181;
}

.pdmenu li li {
	background-color: #0d4181;
	border: none;
	width:200px;
	}	

.pdmenu li li a {
	padding: 2px;
}

/* end drop-down menu */

#content {
	padding: 10px;
	margin: 0px auto;
	float: left;
}

#content div.products {
	margin: 0px 25px;
}

#content div.index-products {
	margin: 0px;
	width: 480px;
}

#content div.index-productbuttonbox {
	margin: 1px;
	float: left;
}

#content div.productbuttonbox {
	margin: 5px;
	float: left;
}

#footer {
	padding: 10px;
	clear: both;
	background: #fff;
	text-align: center;
}
#logobox
{
	padding-top: 20px;
	margin: 0px auto;
}


table.SignUp
{
  	background-image: url('/style/images/sign-up-table-bg.jpg');
	background-repeat: repeat-x;
	background-color:#fffee0;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	table-layout: automatic;
	border:1px solid #fff600;
	border-collapse: separate;
	border-spacing: 0px;
	padding: 0px 10px 20px 10px;
}

table.SignUp td
{
	text-align: center;
}

table.ads
{
	width: 100%;
	table-layout: automatic;
	border:0px;
	border-collapse: separate;
	border-spacing: 0px;
	padding: 10px 10px 10px 10px;
}

table.search
{
	width: 100%;
	padding: 5px;
	table-layout: automatic;
	border-collapse: separate;
	border-spacing: 0px;
}

table.search td 
{
	padding:5px;
}
table.search th
{
	background-color:#e3eaf1;
	text-align: left;
	padding:5px;
	border-bottom:1px solid #0a3e6b;
}

tr.normal
{
	background-color: #fff;
}

tr.shaded
{
	background-color: #ebebeb;
}

table.purchase
{
	margin-left: auto;
	margin-right: auto;
}
tr.purchase
{
	vertical-align: middle;
}

/* Form styles to make them line up right without using tables */
fieldset{
	border: 1px solid #0a3e6b;
	padding: 10px;
  }

legend{
	color: #0a3e6b;
	background: #fff;
	border: 1px solid #0a3e6b;
	padding: 2px 10px;
	margin: 10px;
} 

div.row {
	clear: both;
	padding-top: 10px;
}

div.row span.label {
	float: left;
	width: 15em;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

div.row span.buttonform {
	margin-left: 15.5em;
	text-align: left;
} 

#wrapper input.text {
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #0a3e6b;
}

#wrapper input.text:focus {
	color: #000;
}

#wrapper input.text:hover {
	color: #000;
}

#RightCol input.text {
	margin: 0px 0px 0px 10px;
	size: 1.4em;
	font-size: 1.4em;
	vertical-align: middle;
	color: #000;
	background: #fff;
	border: 1px solid #0a3e6b;
}

#RightCol input.text:focus {
	border: 1px solid #FF006C;
}

#RightCol input.text:hover {
	border: 1px solid #FF006C;
}

#wrapper select {
	color: #000;
	background: #fff;
	border: 1px solid #0a3e6b;
}

#wrapper div.padding {
	padding-top: 5px;
}

#wrapper textarea.text {
	color: #000;
	background: #fff;
	border: 1px solid #0a3e6b;
}

#wrapper input.submit-button {
	vertical-align: middle;
	background-color: #fff;
	color: #000;
	border: 1px solid #0a3e6b;
}

#wrapper input.submit-button:hover {
	border: 1px solid #FF006C;
}

#RightCol input.submit-button {
	margin: 10px 0px 20px 100px;
	size: 1.4em;
	font-size: 1.4em;
	vertical-align: middle;
	background-color: #0a3e6b;
	color: #fff;
	border: 1px solid #0a3e6b;
}

#RightCol input.submit-button:hover {
	border: 1px solid #FF006C;
}


#wrapper button.submit-button {
	vertical-align: middle;
	background-color: #fff;
	color: #000;
	border: 1px solid #0a3e6b;
}

#wrapper button.submit-button:hover {
	vertical-align: middle;
	background-color: #fff;
	color: #000;
	border: 1px solid #FF006C;
}


