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

body	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:1.25em;
		color:#333;
		margin:0;
		padding:0;


		}
a		{
		text-decoration:none;
		color:#567490;
		}
a:hover	{
		text-decoration:none;
		color:#003366;
		}	
a.rev		{
		text-decoration:none;
		color:#CCCCFF;
		}
a.rev:hover	{
		text-decoration:none;
		color:#fff;
		}			
a img {
	border: none;
	}

#topFullWidth	{
	width:100%;
	margin:0;
	padding:0;
	background-color:#16161e;
	background-image:url('images/backgroundLayers.jpg');
	background-repeat:no-repeat-x;
	}
#topLogoHolder	{
	width:90%;
	max-width:1600px;
	display:block;
	margin:0 auto;
	}
.logoLeft	{
	float:left;
	width:20%
	}
.logo	{
	float:left;
	width:55%;
	display:block;
	margin:0 auto;
	margin: 24px auto;
	}
.mobilePhone	{display:none;}
.logoRight		{
	width:20%;
	float:left;
	}
.homePhone	{
	font-weight:bold;
	color:#ccc;
	font-size:1.5em;
	margin:40px 0 0 0;
	text-align:right;
	}
.navAreaHolder {
	width:100%;
	margin:0 auto 0 auto;

	background: #2e344e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlMzQ0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU2NzQ5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTM0NGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2e344e 0%, #567490 50%, #2e344e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e344e), color-stop(50%,#567490), color-stop(100%,#2e344e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2e344e 0%,#567490 50%,#2e344e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2e344e 0%,#567490 50%,#2e344e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2e344e 0%,#567490 50%,#2e344e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2e344e 0%,#567490 50%,#2e344e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e344e', endColorstr='#2e344e',GradientType=0 ); /* IE6-8 */
	}

.navArea {	
	width:90%;
	max-width:1600px;
	margin:0 auto 0 auto;
}

.navContent{
	margin: 0;
}
			
			
.contentBody	{
		width:90%;
		max-width:1600px;
		background-color:#fff;
		margin:20px auto 12px auto;
		padding-bottom:6px;
		border:0px solid #333;
			-moz-box-shadow:    2px 1px 6px 2px #999;
  			-webkit-box-shadow: 2px 1px 6px 2px #999;
 			 box-shadow:        2px 1px 6px 2px #999;
		}
		
.fullWidth	{
	width:100%;
	float:left;
	margin:0;
}

.leftColumn	{
	width:75%;
	float:left;
	margin: 0 0 0 0;
	}
.rightColumn	{
		width:23%;
		float:right;
		margin: 0;
		background-image:url(images/squaresBack.png);
		background-repeat:repeat;
	}
.rightPhoto	{
		width:96%;
		display:block;
		margin:12px auto 4px auto;
		}
.quickLinks	{
		width:100%;
		float:right;
		}
.footer	{
		width:90%;
		max-width:1600px;
		display:block;
		margin:0 auto 24px auto;
		padding-bottom:1px;
		}
#bottomFixed	{
   position:fixed;
   left:0px;
   bottom:0px;
   height:44px;
   width:100%;
   		background-image:url('images/backgroundLayersBottom.jpg');
		background-repeat: repeat-x;

		}
.frameHolder	{
		width:40%;
		max-width:378px;
		float:right;
		margin:18px 18px 12px 12px;
		padding:0 0 18px 0;
		}
.frameBack	{
		width:100%;
		padding:0;
		margin:0;
		}
.bxslider	{
		margin:0;
		padding:0;
		}
.social	{
		float:right;
		width:30%;
		margin:12px 0 0 12px;
		text-align:right;
		}

h1		{
		font-size: 1.375em;
		line-height:1.25em;
		font-weight:bold;
		color:#333;
		text-align:left;
		margin: 24px 18px 0 18px;
		}
h2		{
		font-size: 1.125em;
		line-height:1.25em;
		font-weight:bold;
		color:#567490;
		text-align:left;
		margin: 18px 18px 0 18px;
		}

p		{
		margin: 12px 18px 6px 18px;
		}



.center	{
		text-align:center;
		}


.copyright {
				font-size: .75em; 
				line-height: 1.5em;
				color: #333;
				background-color: inherit;
				font-weight:bold;
				font-style:italic;
				margin:0 18px 6px 18px;
				text-align:center;
				}
.designer {
				color: #666;
				background-color: inherit;
				font-weight:normal;
				font-style:italic;
				text-align:center;
				}
a.designer:hover {
				color: #000;
				}
.bottomLinkSep 	{
				font-size: 1em; 
				line-height: 1.25em;
				font-weight: bold;
				color:#8B7D8C;
				background-color: inherit;
				text-decoration: none;
				text-indent:0;
				margin:0 18px 0 18px;
				text-transform:none;
				}
					
.bottomLinks 	{
				font-size: .875em; 
				line-height: 1em;
				font-weight: normal;
				text-align: center;
				color:#C1BCBD;
				background-color: inherit;
				text-decoration: none;
				text-indent:0;
				margin:0;
				text-transform:none;
				white-space:nowrap;
				}
				
a.bottomLinks:link {
					color:#C1BCBD;
					background-color: inherit;
					}
a.bottomLinks:visited {
					color: #C1BCBD;
					background-color: inherit;
					}
a.bottomLinks:hover {
					color: #fff;
					background-color: inherit;
					}
					
a.bottomLinks:active {
					color:#C1BCBD;
					background-color: inherit;
					}

.smaller	{
		font-size:.875em;
		}
.standout	{
		font-weight:bold;
		color:#567490;
		font-size:1.125em;
		}
.boxHd	{
		font-weight:bold;
		color:#567490;
		font-size:1.125em;
		line-height:1.125em;
		text-align:center;
		margin:6px;
		}
.home-page-box	{
		width:18%;
		background-image:url(images/squaresBack.png);
		float:left;
		border:1px solid #567490;
		margin:1% .5% 1% 1%;
		-moz-border-radius:  9px;
		-webkit-border-radius:  9px;
		-khtml-border-radius:  9px;
		border-radius: 9px;
		-moz-box-shadow:    2px 2px 9px 2px #CCC;
  		-webkit-box-shadow: 2px 2px 9px 2px #ccc;
 		box-shadow:        2px 2px 9px 2px #ccc;
}
.dontBreak	{
		white-space:nowrap;
		}

.contactHomeBox	{display:none;}
.socialBox	{
		width:200px;
		display:block;
		margin:0 auto;
		}
.searchArea	{
			float:right;
			margin:18px 0 0 12px;
			}
.searchAreaMobile	{
			display:none;
}
.mobileContainer {display:none;}

.modelBox	{
			width:30%;
			margin:1% 0 1% 2%;
			background-image:url(images/squaresBack.png);
			float:left;
			border:1px solid #567490;
				-moz-border-radius:  9px;
				-webkit-border-radius:  9px;
				-khtml-border-radius:  9px;
				border-radius: 9px;
				-moz-box-shadow:    2px 2px 9px 2px #CCC;
				-webkit-box-shadow: 2px 2px 9px 2px #ccc;
				box-shadow:        2px 2px 9px 2px #ccc;

			}
.modelNumber	{
			font-weight:normal;
			font-size:1.125em;
			line-height:1.125em;
			text-align:center;
			color:#333;
			}
.modelType	{
			font-weight:bold;
			font-size:1.0625em;
			line-height:1.125em;
			text-align:center;
			color:#567490;
			margin:6px 6px 0 6px;
			}
ul.lessTop {
			margin-top:2px;
			margin-right:4px;
			}
.lessBottom	{
			margin-bottom:0px;
			}
.price		{
			font-weight:bold;
			font-size:1.125em;
			color:#333;
			margin-top:0;
			}
.tablePrice	{
			font-weight:bold;
			font-size:1.125em;
			color:#633;
			margin-top:0;
			}
.question	{
			font-size:1.125em;
			line-height:1.25em;
			font-weight:bold;
			color:#333;
			margin-bottom:0;
			}
.arrowBullet	{
			margin:0 18px 0 18px;
			}
.tinyLegend	{
			font-size:.75em;
			line-height:1em;
			text-align:center;
			font-style:italic;
			}
.visitSite	{
			display:block;
			background:#ccc;
			padding:4px;
			margin:0;
			}
.lgGrey	{
			color:#333;
			font-weight:bold;
			font-size:1.125em;
			line-height:1.25em;
			}
.smGrey	{
			color:#333;
			font-weight:bold;
			margin-top:18px;
			}
ul.featureList {
			margin:2px 18px 0 1em;
			overflow:hidden;
			padding-left:2em;
			}
ul.featureList li {
			margin-top:6px;
			}
ul.featureListTest	{
			margin-left:0;
			}
ul.featureListTest li {
			margin-top:6px;	
			}
			
.bullList	{
			padding-left:1em;
			text-indent:-.625em;
			margin-top:6px;
			}
	
.photoHolderRt	{
			float:right;
			width:35%;
			margin:18px 18px 12px 12px;
			}
.photoHolderL	{
			float:left;
			width:35%;
			margin:8px 12px 12px 18px;
			}
.photoHolderL-sm	{
			float:left;
			width:25%;
			margin:8px 12px 12px 18px;
			}
.photoHolder2	{
			float:left;
			width:44%;
			margin:24px 2% 12px 3%;
			}
.legend		{
			text-align:center;
			font-size:.8125em;
			line-height:1em;
			font-style:italic;
			margin:2px 0 0 0;
			}
.legendL		{
			font-size:.8125em;
			line-height:1em;
			font-style:italic;
			margin:2px 0 0 0;
			}
.lotTopSpace	{
			margin-top:140px;
			}
.systemLayoutPic	{
			float:left; 
			width:60%; 
			margin: 24px 12px 6px 18px;
			}
.largePrice	{
			font-weight:bold;
			font-size:1.25em;
			line-height:1.25em;
			color:#633;
			}
.turntableHd		{
		font-size: 1.125em;
		line-height:1.25em;
		font-weight:bold;
		color:#567490;
		text-align:left;
		margin: 26px 18px 0 18px;
		}

.heavyDuty	{
		float:left; 
		width:40%; 
		max-width:350px; 
		margin:18px 24px 18px 18px;	
		}
.greyBox	{
		clear:both;
		background-color:#e1dfdf;
		width:96%;
		margin:24px auto;
		border:1px solid #567490;
			-moz-border-radius:  9px;
			-webkit-border-radius:  9px;
			-khtml-border-radius:  9px;
			border-radius: 9px;
			-moz-box-shadow:    2px 2px 9px 2px #CCC;
			-webkit-box-shadow: 2px 2px 9px 2px #ccc;
			box-shadow:        2px 2px 9px 2px #ccc;
		}
.showMobile	{ display:none; }

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
.contactAddress, .contactPhone, .contactEmail	{
			text-align:center;
				}
.contactPageInfo	{
	margin:0 auto 24px auto;
	}
	
.contact-info-left {
	float:left;
	width:50%;
}

.contact-info-right {
	float:right;
	width:50%;
}
	

@media only screen and (max-width: 1300px) {
.logoLeft	{
			width:10%;
			}
.logoRight	{
			width:20%;
			}
}
@media only screen and (max-width: 1100px) {
.logoLeft	{
			width:10%;
			}
.logoRight	{
			width:30%;
			}
}
@media only screen and (max-width: 1000px) {
.lotTopSpace	{
			margin-top:50px;
			}
}
@media only screen and (max-width: 900px) {
.searchArea	{
			margin-top:4px;
			}

}
@media only screen and (max-width: 850px) {
.specsDiv	{
			clear:both;
			}
.showMobile	{display:block;}
.hideMobile {display:none;}
}
@media only screen and (max-width: 800px) {
.logoLeft	{
			display:none;
			}
.logoRight	{
			width:30%;
			}
.homePhone	{ margin-top:34px; }
.lotTopSpace	{
			margin-top:30px;
			}
			
.contact-info-left { float:none; width:100%; margin-bottom:18px;}
.contact-info-right { float:none; width:100%;}

}

@media only screen and (max-width: 700px) {

.home-page-box	{
			width:43%;
			margin:3%;
			}
.contactHomeBox {display:block }
.homePhone	{ margin-top:34px; }
.leftColumn	{width:100%;}
.rightColumn {display:none;}

}
			
@media only screen and (max-width: 670px) {
.logoLeft	{
			display:none;
			}
.logoRight	{
			display:none;
			}
.logo		{
			width:100%;
			margin:6px auto;
			}
.mobilePhone	{
			display:inline;
			font-weight:bold;
			color:#ccc;
			font-size:1.25em;
			text-align:center;
			}
.searchAreaMobile	{
			display:inline;
			margin-left:6px;
			}
#bottomFixed	{ display:none }
.homePhone	{ margin-top:30px; }
.mobileContainer	{display:block; margin: 2px auto;}
.modelBox	{width:90%; display:block; margin: 2% 5%;}
.systemLayoutPic	{
			float:none; 
			display:block;
			width:96%; 
			margin: 24px auto 6px auto;
			}

}

@media only screen and (max-width: 450px) {
.frameHolder	{ display:none }
.mobileHide	{ display:none }
.contactHomeBox { display:block }
#bottomFixed	{ display:none }
.mobilePhone	{ font-size:1em; }
.lotTopSpace	{
			margin-top:10px;
			}
.systemLayoutPic	{
			float:none; 
			display:block;
			width:90%; 
			margin: 18px auto 6px auto;
			}
.turntableHd		{
		font-size: 1em;
		line-height:1em;
		text-align:left;
		margin: 26px 18px 0 18px;
		}
.largePrice	{
			font-weight:bold;
			font-size:1.0625em;
			line-height:1em;
			color:#633;
			margin-top:4px;
			}
.stock		{
			margin:4px 18px;
			}
.specs		{
			margin-top:4px;
			}
.heavyDuty	{
			float:none; 
			width:96%; 
			max-width:350px; 
			margin:18px auto;	
			}
.photoHolder2	{
			float:none;
			width:94%;
			margin:12px auto 6px auto;
			}
.showMobile	{display:none;}
.hideMobile {display:block;}
}