/*Loops in Worship mainpage style sheet*/
body,td,th {
					 font-family: Bell MT, serif;
					 color: #1a1a1a;
		 			 background-color: #FFFFFF;
					 text-align: center;
					 margin: 0px;
					 padding: 0px;
					 font-size: 16px;
}

img { border: none; }

a { text-decoration: none; color: #bfbfbf; }
a:hover { color: #e6e6e6; }

ul { list-style: none inside; }

.clear { clear: both; }

fieldset { border: none; }

input, textarea, a { outline: none; }

h3 { font-weight: none; }

.holdimg { margin-top: -18px; }
.holddiv { margin: 125px auto; }


a.links:link {
						 color: #1a1a1a;
						 text-decoration: none;
}

a.links:visited {
								text-decoration: none;
								color: #1a1a1a;
}

a.links:hover {
							text-decoration: none;
							color: #BFBFBF;
}

a.links:active {
							 text-decoration: none;
}

a.suplink:link { color: #636363; }

a.suplink:hover { color: #1a1a1a; }

a.suplink:visited { color: #636363; }

input{
			background-color:#e6e6e6;
}

A.nav:link{
					 text-decoration:none;
					 font-family:Bell MT;
					 color:#FFFFFF;
					 font-size:19pt;
}

A.nav:visited{
							text-decoration:none;
							font-family:Bell MT;
							color:#FFFFFF;
							font-size:19pt;
}

A.nav:hover{
						text-decoration:none;
						color:#BFBFBF;
						font-size:19pt;
}

A#cart:link{
					 text-decoration:none;
					 font-family:Bell MT;
					 color:#FFFFFF;
					 font-size:19pt;
}

A#cart:visited{
							text-decoration:none;
							font-family:Bell MT;
							color:#FFFFFF;
							font-size:19pt;
}

A#cart:hover{
						text-decoration:none;
						color:#BFBFBF;
						font-size:19pt;
}

#wrapper {
				 margin: 0px auto;
				 width: 609px;
}

.navbar {
				margin: 50px auto 0px auto;
				background: url(navback.png) no-repeat;
				height: 55px;
				padding: 3px 0px 0px 8px;
}

.logolink {
					float: left;
					padding: 0px 198px 0px 0px;
					margin: 0px;
}

.navlink {
				 float: left;
				 padding: 9px 30px 0px 0px;
				 margin: 0px;
				 vertical-align: middle;
}

.maingif {
				 background: #e6e6e6;
				 margin: 20px auto 0px auto;
				 width: 580px;
				 height: 340px;
				 padding: 0px;
} 

.tl {
		background-image: url(tl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px;
		float: left;
}

.tr {
		background-image: url(tr.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 558px;
		float: right;
}

.bl {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 0px 0px 0px;
		float: left;
}

.br {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 0px 0px 0px;
		float: right;
}

.blmain {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 0px 0px 0px;
		float: left;
}

.brmain {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 0px 0px 0px;
		float: right;
}

.animgif {
				 position: relative;
				 left: 11px;
				 width: 558px;
				 height: 318px;
				 padding: 0px;
}

.mainpicbox {
				 background: #e6e6e6;
				 margin: 20px auto auto auto;
				 width: 580px;
				 height: 362px;
				 padding: 0px;
}

.mainvidbox {
				 background: #e6e6e6;
				 margin: 20px auto auto auto;
				 width: 582px;
				 height: 387px;
				 padding: 0px;
}

.mainpic {
				 background: #e6e6e6;
				 position: relative;
				 top: 0px;
				 left: 11px;
				 width: 558px;
				 height: 340px;
				 padding: 0px;
				 margin: 0px;
}

.mainvid {
				 background: #e6e6e6;
				 position: relative;
				 top: 0px;
				 left: 11px;
				 width: 560px;
				 height: 365px;
				 padding: 0px;
				 margin: 0px;
}

.boxes {
			 width: 609px;
			 height: 272px;
			 padding: 0px;
			 margin: 20px auto 0px auto;
}

.tlbox {
		background-image: url(tl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px;
		float: left;
}

.trbox {
		background-image: url(tr.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 168px;
		float: left;
}

.blbox {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 168px 0px 0px;
		float: left;
}

.brbox {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 11px 0px 0px 0px;
		float: left;
}

.adbox {
					background: #e6e6e6;
					width: 190px;
					height: 272px;
					padding: 0px;
					margin: 0px 19.5px 0px 0px;
					float: left;
}

.adboxlast {
					 background: #e6e6e6;
					 width: 190px;
					 height: 272px;
					 padding: 0px;
					 margin: 0px;
					 float: right;
}

.box1 {
			background-image: url(box1.gif);
			background-repeat: no-repeat;
			position: relative;
			top: 11px;
			left: 11px;
			padding: 0px;
			margin: 0px;
			width: 168px;
			height: 250px;
}

.box2 {
			background-image: url(box2.gif);
			background-repeat: no-repeat;
			position: relative;
			top: 11px;
			left: 11px;
			padding: 0px;
			margin: 0px;
			width: 168px;
			height: 250px;
}

.box3 {
			background-image: url(box3.gif);
			background-repeat: no-repeat;
			position: relative;
			top: 11px;
			left: 11px;
			padding: 0px;
			margin: 0px;
			width: 168px;
			height: 250px;
}

.tlbbox {
		background-image: url(tlb.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 9px 0px 0px;
		float: left;
}

.trbbox {
		background-image: url(trb.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		float: right;
}

.info {
					margin-left: auto;
					margin-right: auto;
					margin-top: 20px;
					margin-bottom: 0px;
					width: 609px;
					padding: 0px;
}

.wwatitle {
					padding: 0px;
					background: #1a1a1a;
					width: 155px;
					height: 35px;
}

.wwatext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 98px;
}

.wwatextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						height: 76px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
}

.trtext {
		background-image: url(tr.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 598px;
		float: left;
}

.bltext {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		float: left;
}

.brtext {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		float: right;
}

.sectiontitle {
							width: 609px;
							height: 27px;
							margin-top: 15px;
							color: #1a1a1a;
							font-size: 31px;
							text-align: center;
}

.waltext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 235px;
}

.waltextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						height: 213px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
}

.waltitle {
					padding: 0px;
					background: #1a1a1a;
					width: 175px;
					height: 35px;
}

.wdittuttext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 132px;
}

.wdittuttextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						height: 110px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
}

.wdittuttitle {
					padding: 0px;
					background: #1a1a1a;
					width: 290px;
					height: 35px;
}

.wywmssultext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 358px;
}

.wywmssultextbox {
						margin: 0px 11px 11px 11px;
						padding: 0px;
						width: 587px;
						height: 325px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
}

.wywmssultitle {
					padding: 0px;
					background: #1a1a1a;
					width: 485px;
					height: 35px;
}

.gstext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 115px;
}

.gstextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						height: 93px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
}

.gstitle {
					padding: 0px;
					background: #1a1a1a;
					width: 175px;
					height: 35px;
}

.tooltext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 75px;
}

.tooltextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						height: 53px;
						font-size: 16px;
						color: #1a1a1a;
}

.eletext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 135px;
}

.eletextbox {
						margin: 2px 31px 0px 11px;
						padding: 0px;
						width: 400px;
						height: 111px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
						float: left;
}

.eletitle {
					padding: 0px;
					background: #1a1a1a;
					width: 120px;
					height: 35px;
}

.elelogo {
				 border: 0;
				 padding: 9px 9px 9px 9px;
				 width: 75px;
				 height: 76px;
				 background: #FFFFFF;
				 margin: 0px 25px 0px 30px;
				 float: left;
}

.csoltext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 165px;
}

.csoltextbox {
						margin: 12px 31px 0px 11px;
						padding: 0px;
						width: 400px;
						height: 110px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
						float: left;
}

.csoltitle {
					padding: 0px;
					background: #1a1a1a;
					width: 190px;
					height: 35px;
}

.csollogo {
					border: 0;
					padding: 9px 9px 9px 9px;
					width: 75px;
					height: 110px;
					background: #FFFFFF;
					margin: 0px 25px 0px 30px;
					float: left;
}

.blcsol {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 8px 558px 0px 0px;
		float: left;
}

.brcsol {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 8px 0px 0px 0px;
		float: right;
}

.traintext {
				 padding: 0px;
				 margin: 0px;
}

.traintextbox {
						margin: 0px 11px 0px 11px;
						padding: 0px;
						width: 587px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
						float: left;
}

.vidtitle {
					padding: 0px;
					background: #1a1a1a;
					width: 100px;
					height: 35px;
}

.vidtext {
				 padding: 0px;
				 margin: 0px auto 0px auto;
				 background: #e6e6e6;
				 width: 609px;
				 height: 175px;
}

.vidtextbox {
						margin: 4px 30px 0px 11px;
						padding: 0px;
						width: 400px;
						height: 149px;
						font-size: 16px;
						color: #1a1a1a;
						text-align: left;
						float: left;
}

.blvid {
		background-image: url(bl.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 149px;
}

.brvid {
		background-image: url(br.gif);
		background-repeat: no-repeat;
		width: 11px;
		height: 11px;
		padding: 0px;
		margin: 17px 0px 0px 0px;
		float: right;
}

.vidlogo {
			padding: 9px 9px 9px 9px;
			width: 75px;
			height: 92px;
			background: #FFFFFF;
			margin: 12px 20px 0px 30px;
			float: left;
}

#textbox {
			background: url(box-bg.png) repeat-y;
		}

    #textbox #text {
    			padding: 0px 20px 0px 20px;
    			margin: 0px 0px 0px 0px;
    			text-align: left;
				line-height: 1.2em;
    			}
    			
    		#textdesc {
    			margin: -7px 27px -5px 0px;
    			width: 439px;
    			float: right;
    			padding: 0px;
    			text-align: left;
    			}

.list {
			line-height: 1.5em;
}

#title {			
			 margin: 0px;
			 padding: 0px;
			 height: 25px;
}

.titletext {
 					 background: url(title-bg.png) repeat-x;
					 float: left;
					 font-weight: none;
					 color: #FFF;
					 font-size: 20px;
					 height: 25px;
					 margin: 0px 0px -2px 0px;
					 padding: 2px 5px 0px 5px;
}

.titleleft {
					 background: url(boxtitleleft.png) no-repeat;
					 float: left;
					 height: 25px;
					 width: 10px;
}

.titleright {
						background: url(boxtitleright.png) no-repeat;
						float: left;
						height: 25px;
						width: 10px;
}	

label {
			font-size: 20px;
			font-weight: none;
}

#customsolform input {
		 background: #FFFFFF;
}

.input {
			margin: 0px 0px 10px 20px;
			text-align: left;
}

.inputcontact {
							margin: 0px 0px 10px 30px;
							text-align: left;
}

.input-ele {
					 margin-bottom: 5px;
					 text-align: left;
}

.checktext {
					 font-size: 1.2em;
}

.leftform {
					float: left;
}

.rightform {
					 text-align: left;
					 float: right;
					 width: 62%;
}

.subbut {
				float: right;
				margin: 5px 36px 0px 0px;
}

.subbut-ele {
						margin: 12px 0px -15px 62px;
}

.formleft {
					padding-left: 20px;
    			margin-top: -5px;
					margin-bottom: -25px;
    			text-align: left;
					line-height: 1.2em;
					float: left;
					width: 80%;
}

.formright {
					 text-align: left;
					 width: 35%;
					 margin-left: 18px;
}

.elecesslogo {
						width: 108px;
						height: 107px;
						margin: 4px 10px 0px 10px;
}

ul#videolink li {
					 display: inline;
					 }
					 ul#videolink li a {
					 							display: block;
												width: 145px;
												height: 145px;
												float: left;
												margin: 10px 30px 10px 0px;
												}
        					 ul#videolink li.vid1 a { 
        					 						background: url(introele.png);
        											background-position: 0px 0px;
        											}
        											ul#videolink li.vid1 a:hover {
        											background-position: 0px 145px;
        											}
        					 ul#videolink li.vid2 a { 
        					 						background: url(eleabletonlive.png);
        											background-position: 0px 0px;
        											}
        											ul#videolink li.vid2 a:hover {
        											background-position: 0px 145px;
        											}
        					 ul#videolink li.vid3 a { 
        					 						background: url(elecreateloops.png);
        											background-position: 0px 0px;
        											}
        											ul#videolink li.vid3 a:hover {
        											background-position: 0px 145px;
        											}
					
ul#purchbut li {
					display: inline;
					}
					ul#purchbut li a {
											display: block;
											width: 150px;
											height: 30px;
											padding: 0px;
											margin: 0px auto 5px 172px;
											background: url(purchbut.png);
											background-position: 0px 0px;
											}
					ul#purchbut li a:hover {
					background-position: 0px 30px;
					}
										
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#1a1a1a;
	padding:2px 5px;
	color:#FFF;
	display:none;
	}
	
#tooltip1{
	position:absolute;
	border:1px solid #333;
	background:#1a1a1a;
	padding:2px 5px;
	color:#FFF;
	display:none;
	}
	
#iconlist {
					margin-left: -21px;
					}
#iconlist li {
					display: inline;
					list-style-type: none;
					padding-right: 20px;
					}
					
					
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:350px;  
width:395px;  
background:#1a1a1a;  
color:#FFF;
border:2px solid #cecece;  
z-index:2;  
padding:12px;  
font-size:13px;  
}
#popupContactClose{  
font-size:20px; 
line-height:14px;  
right:8px;  
top:6px;  
position:absolute;  
color:#fff;  
font-weight:700;
display:block;
}

.testimonial {
						 width: 599px;
						 padding: 0px;
						 margin: 5px;
						 height: auto;
						 }
						 
.testiboxblack {
							 width: 350px;
							 background-color: #1a1a1a;
							 background-repeat: repeat-y;
							 padding: 12px;
							 }
							 
.testiboxwhite {
							 margin:0px;
							 padding: 0px;
							 background-color: #FFF;
							 background-repeat: repeat-y;
							 }
							 
.triangle-left {
							 width: 350px;
							 height: 33px;
							 background: url("images/lefttriangle.png");
							 }
							 
.triangle-right {
							 width: 350px;
							 height: 33px;
							 background: url("images/righttriangle.png");
							 }
							 
.topquote {
					margin-left: 0px;
					height: 30px;
					background: url("images/topquote.png");
				  background-repeat: no-repeat;
					padding-top: 13px;
					padding-right: 13px;
					text-align: right;
					font-size: 18px;
					color: #bfbfbf;
					}
					
							 
.bottomquote {
						 margin-right: 0px;
						 text-align: left;
						 height: 43px;
						 background: url("images/bottomquote.png");
						 background-repeat: no-repeat;
						 background-position: right;
						 }
.bottomquote a {
					 text-decoration: none;
					 color: #bfbfbf;
					 }

.bottomquote a:hover {
									color: #1a1a1a;
									}
									
.readmore {
					position: relative;
					top: 26px;
					left: 3px;
					}
					
.shortcom {
				 	position: absolute;
				 	top: 0px;
				 	left: 0px;
					height: 34px;
					width: 330px;
					margin: 10px;
					}		
					
.fullcom {
				 position: absolute;
				 top: 0px;
				 left: 0px;
				 width: 330px;
				 margin: 10px;
				 }
					
.fullcom a {
				 color: #A3D518;
				 }	

.quote {
			 position: relative;
			 height: 54px;
			 }
			 
#oneline {
	height: 40px;
	}
	
#threeline {
	height: 68px;
	}
			 
.quote p {
			 	 margin: 0px;
			 	 }
				 
.quoteinfo {
					 text-align: right;
					 font-style: italic;
					 }
					 
#bottomnav {
	width: 609px;
	float: right;
	margin-top: 50px;
	}
		
.via {
		 position: relative;
		 top: 25px;
		 left: 3px;
		 font-style: italic;
		 color: #bfbfbf;
		 }
		 
#floatBox {
					position:absolute;  
    			top:567px;  
    			left:57%;  
  				margin-left:242px;
					width: 185px;
					}
					
label {
			margin-left: 2px;
			font-size: 17px;
			}
			
#downloadpack {
							padding-left: 18px;
							padding-right: 18px;
							}

#share {
	font-size: 16px;
	line-height: 20px;
	}
							
#arrow {
	padding-left: 0px;
	padding-right: 210px;
	margin-top: -10px;
	margin-bottom: -5px;
	}
	
#mailbox {
	width: 185px;
	background-color: #e6e6e6;
	padding: 0px;
	margin: 0 auto;
	}
	
#maillistform {
	padding: 0px;
	margin-left: -13px;
	}
	
#subbutmail {
	margin-left: 96px;
	}
	
.prchnow {
	margin-bottom: -15px;
	}

.addtocartbut {
	margin: 0 auto;
	width: 550px;
	height: 25px;
	padding: 5px;
	}
	
.cartbuttext {
	width: 458px;
	float: right;
	margin-top: 3px;
	height: 20px;
	padding: 0px;
	}
	
.flashbox {
	width: 558px;
	padding: 11px;
	margin: 15px auto;
	border: solid 1px #e6e6e6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #e6e6e6;
	}
	
#saleTitle {
	color: white;
	background-color: #2E8008;
	background-repeat: repeat-x;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-radius: 10px 10px 0px 0px;
	border: 1px solid #2E8008;
	height: 23px;
	float: left;
	margin-left: 5px;
	padding: 0px 12px 0px 12px;
	}

#saleTitleText { font-weight: none; font-size: 20px; }	
.combopack { float: left; }
#oldPrice {  text-decoration: line-through;  font-weight: bold;  }