/* CSS Document */

.eSynchroBlue{
	color:#2d1c78;
}

.eSynchroGreen{
	color:#508b6d;
}

.eSynhroGray{
	color:#939598; /*50% gray*/
}


/* eSynchro Links */
a {
	cursor: pointer;	
}

a:link, a:visited {
	color: #2d1c78; /*eSynchro Blue*/
	font:Arial, Helvetica, sans-serif;
}

a:hover{
	color:#508b6d; /*eSynchro Green */
	font:Arial, Helvetica, sans-serif;
}



/* ESynchro Borders */
.borderTopESynchro{
	border-top:#939598 1px solid;
}

.borderRightESynchro{
	border-right:#939598 1px solid;
}

.borderLeftESynchro{
	border-left:#939598 1px solid;
}

.borderBottomESynchro{
	border-bottom:#939598 1px solid;
}


.borderTopDottedESynchro{
	border-top:#939598 1px dotted;
}

.borderRightDottedESynchro{
	border-right:#939598 1px dotted;
}

.borderLeftDottedESynchro{
	border-left:#939598 1px dotted;
}

.borderBottomDottedESynchro{
	border-bottom:#939598 1px dotted;
}









.eSynchroBold{
	font-weight:bold;

}



/* Text alignment */
.alignRightESynchro{
	text-align:right;
}

.alignCenterESynchro{
	text-align:center;
}

.alignLeftESynchro{
	text-align:left;
}
/* End Text Alignment */






h1{
	font-size:140%;
	font-weight:bold;
	color:#2d1c78;
}

h2{
	font-size:120%;
	font-weight:bold;
	color:#508b6d;
}

h3{
	font-size:110%;
	font-weight:bold;
	color:#508b6d;
}

p{
	padding-bottom:10px;

}



.eSynchroList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.eSynchroList li { 
	margin: 0 0 .2em 0; 
	
}

.eSynchroList a {
	display: block;
	color: #ffffff;
	background-color: #2d1c78;
	width: 9em;
	padding: .2em .8em;
	text-decoration: none;
}

.eSynchroList a:hover {
	background-color: #508b6d;
	color: #ffffff;
}



/*eSynchro Rounded Corner Boxes */

.eSynchroSDW {
 width:auto;
 margin:0px auto;
}

.eSynchroSDW .eSynchroHLR .eSynchroHRR,
.eSynchroSDW .eSynchroHLR .eSynchroHRS,
.eSynchroSDW .eSynchroHLS .eSynchroHRS,
.eSynchroSDW .eSynchroHLS .eSynchroHRR,
.eSynchroSDW .eSynchroFLR .eSynchroFRR,
.eSynchroSDW .eSynchroFLR .eSynchroFRS,
.eSynchroSDW .eSynchroFLS .eSynchroFRS,
.eSynchroSDW .eSynchroFLS .eSynchroFRR  {
 height:10px;
 font-size:1px;
}


.eSynchroSDW .eSynchroHLR {
 background:transparent url(../images/eSynchroWHLR.png) no-repeat 0px 0px;
}
.eSynchroSDW .eSynchroHLS {
 background:transparent url(../images/eSynchroWHLS.png) no-repeat 0px 0px;
}


.eSynchroSDW .eSynchroHLR .eSynchroHRR {
 background:transparent url(../images/eSynchroWHRR.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroHLR .eSynchroHRS {
 background:transparent url(../images/eSynchroWHRS.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroHLS .eSynchroHRS {
 background:transparent url(../images/eSynchroWHRS.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroHLS .eSynchroHRR {
 background:transparent url(../images/eSynchroWHRR.png) no-repeat right 0px;
}


.eSynchroSDW .bodyLeft {
 background:transparent url(../images/eSynchroWBL.png) repeat-y  0px 0px;
}
.eSynchroSDW .bodyLeft .bodyRight {
 background:transparent url(../images/eSynchroWBR.png) repeat-y right 0px;
}


.eSynchroSDW .bodyLeft .bodyRight .contentArea {
 	margin:0px 10px 0px 10px;
 	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px; 
}

.eSynchroSDW .eSynchroFLR {
 background:transparent url(../images/eSynchroWFLR.png) no-repeat 0px 0px;
}
.eSynchroSDW .eSynchroFLS {
 background:transparent url(../images/eSynchroWFLS.png) no-repeat 0px 0px;
}


.eSynchroSDW .eSynchroFLR .eSynchroFRR {
 background:transparent url(../images/eSynchroWFRR.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroFLR .eSynchroFRS {
 background:transparent url(../images/eSynchroWFRS.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroFLS .eSynchroFRR {
 background:transparent url(../images/eSynchroWFRR.png) no-repeat right 0px;
}
.eSynchroSDW .eSynchroFLS .eSynchroFRS {
 background:transparent url(../images/eSynchroWFRS.png) no-repeat right 0px;
}

/* Begin Sliding Doors HTML Code Example: Copy and paste in to page as necessary*/

/*
			<div class="eSynchroSDW" style="width:500px;">	
				 <div class="eSynchroHLR">
					  <div class="eSynchroHRR"></div>
				 </div>
				 <div class="bodyLeft">
					  <div class="bodyRight">
							<div class="contentArea" style="height:auto; border:0px;">
							
								<!--Box content goes here-->
								Bubba<br />
								Gump<br />
								Bubba<br />
								Gump<br />
								Bubba<br />
								Gump<br />
								Bubba<br />
								Gump<br />
								Bubba<br />
								Gump<br />
							
							</div>
					  </div>
				 </div>
				 <div class="eSynchroFLR">
					  <div class="eSynchroFRR"></div>
				 </div>
			</div>

*/

/* End Sliding Doors */



.videoIndex{

}

.videoIndex tr{
	height:70px;	
}

.videoIndex td{
	padding:5px;
	width:250px;
	vertical-align:top;
}

.videoIndex td a:link, .videoIndex a:visited {
	color:#508b6d;
}


.synchroLinks{

}

.synchroLinks tr{
	height:70px;	
}

.synchroLinks td{
	padding:10px;

}

.yui-content li{
	padding-bottom:10px;
	width:600px;

}

.contactTable td{
	padding:5px;
}


.eyncrhoShopItem{


}

.eSyncrhoShopItem .description{
	width:500px;
	max-width:500px;
	padding-bottom:5px;
	padding-right:10px;
}


.eSyncrhoShopItem .viewCart{
	padding-top:30px;
	padding-left:570px;
}


.eSyncrhoShopItem .price{
	font-weight:bold;
	padding:5px;
}

.eSyncrhoShopItem .button{
	padding-top:2px;
	padding-left:5px;

}