@charset "UTF-8";

body {
	font: 14px Arial, Helvetica, sans-serif;
	background: #2d353d;
	padding: 0;
	text-align: center;
	color: #cccccc;
	height:100%;
	border:0;
}


#header {
	padding:50px 0 0 50px;
	background: url(images/main.jpg) no-repeat center center;
	height:400px;
}

#homecontainer {
	margin: 0 auto;
	text-align: center;
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

p{ padding:6px 0;}

#mainContent {
	padding:20px 0 50px 42px;
	font: 16px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:left;
}
#mainContent2 {
	padding:0 0 50px 42px;
	font: 16px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:left;
}


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

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

#footer {
	padding: 0 10px;	
}

#footer p {
	padding:20px 25px 0 0;
	font: 16px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:right;
}


#prodpageleft {
	background:url(images/main2.jpg) no-repeat top center;
	float:left;
	position:relative;
	height:900px;
	width:520px;
	padding:150px 0;
	margin:0;
}

#prodpageright {
	float:left;
	position:relative;
	width:250px;
	padding:0;
	margin:0;
}


#bottomnav {
	clear:both;
	text-align:right;
	padding:20px 13px 0 10px;
	font: 16px Arial, Helvetica, sans-serif;
	color:#666666;
}

#bottomnav a{
	text-align:right;
	color:#666666;
}

#bottomnav a:hover{
	text-align:right;
	color:#FFFFFF;
}


#bottomnavvinyl{
	clear:both;
	text-align:center;
	padding:30px 0 20px 0;
	font: 16px Arial, Helvetica, sans-serif;
	color:#666666;
}

#bottomnavvinyl a{
	text-align:right;
	color:#666666;
}


#bottomnavvinyl a:hover{
	text-align:right;
	color:#FFFFFF;
}


#topnav {
	text-align:center;
	padding-bottom:20px;
	font: 16px Arial, Helvetica, sans-serif;
	color:#666666;
}
	
#topnav p{
	color:#666666;
}
	
#topnav a{
	color:#666666;
}

#topnav a:hover{
	color:#FFFFFF;
}


#bottomnavprodpagea {
	clear:both;
	text-align:left;
	padding:20px 0 0 0;
	font: 16px Arial, Helvetica, sans-serif;
	color:#666666;
	width:850px;
	margin:0 auto;
}

#bottomnavprodpagea a {
	color:#666666;
}


#bottomnavprodpagea a:hover {
	color:#FFFFFF;
}
/* -------------------------------MAIN NAV------------------------------- */

#prodlist {
	background:url(images/main2.jpg) no-repeat top left;
	margin:110px 0;
	position:relative; 
	width:760px; 
	height:435px;
	color:#2d353d;
}

#prodlist a.prod {background:url(images/prod/prod.jpg); height:100px; width:100px;}
#prodlist a.loud {background:url(images/prod/loud.jpg); height:100px; width:100px;}
#prodlist a.turn {background:url(images/prod/turn.jpg); height:100px; width:100px;}
#prodlist a.tone {background:url(images/prod/tone.jpg); height:100px; width:100px;}
#prodlist a.amps {background:url(images/prod/amps.jpg); height:100px; width:100px;}
#prodlist a.plinth {background:url(images/prod/plinth.jpg); height:100px; width:100px;}
#prodlist a.head {background:url(images/prod/head.jpg); height:100px; width:100px;}


#prodlist a.carta {background:url(images/prod/cart.jpg); height:100px; width:100px;}

#prodlist a.racks {background:url(images/prod/racks.jpg); height:100px; width:100px;}

#prodlist a.garrard {background:url(images/prod/garrard.jpg); height:100px; width:100px;}

#prodlist a.silver {background:url(images/prod/silver.jpg); height:100px; width:100px;}

#prodlist a.garrard88 {background-color:#FFFFFF; height:100px; width:100px;}

#prodlist a.space {background:url(images/prod/garrard2.jpg); height:100px; width:100px;}

#prodlist ul {
	color:#2d353d;
	width:222px;
	background-color:#FFFFFF;
	height:545px; 
	padding:0; 
	margin:0;
	list-style-type:none; 
	float:right;
}

#prodlist li {
	float:right;
	color:#2d353d;
	padding:5px 5px 1px 0;
}

#prodlist a.gallery, #prodlist a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none;
	margin:1px 2px 1px 0px; 
	text-align:left; 
	cursor:default;
}

#prodlist a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:0;
	left:0;
	color:#2d353d;
	overflow:hidden;}


#prodlist a.gallery:hover {
	background-position: 0 -100px;
}

#prodlist a.gallery:hover img {
	float:left; 
	margin-right:5px;
	color:#2d353d;
}

#prodlist a.slideb:hover img, #prodlist a.slidei:hover img {
	float:right;
}

#prodlist a.gallery:hover span{
	position:absolute; 
	color:#2d353d;
	background-color:#2d353d;
	width:486px; 
	height:404px; 
	top:150px; 
	left:0;
}



/* -------------------------------VINYL NAV------------------------------- */

div#navigation {
	background:#FFFFFF;
	width: 322px;
	height: 215px;
	margin-left: 230px;
	padding:7px 0 0 7px;
}

ul#navlist {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0;
	width: 330px;
	overflow: hidden;
	list-style:none;
}

ul#navlist li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 100px;
	overflow: hidden;
}
	
ul#navlist a{
	margin:0;
	cursor: pointer;
	float: left;
	padding: 107px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:100px /* for IE/Win only */
}
	
#navlist a:link,#navigation a:visited{
	background-position: 0 0px;
	display: block;
}

#navlist a:current{
	background-position: 0 -100px;
	display: block;
}

#navlist a:hover{
	background-position: 0 -100px;
	display: block;
}
	
li#turn a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/turn.jpg) top left no-repeat;
}

li#tone a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/tone.jpg) top left no-repeat;
}

li#head a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/head.jpg) top left no-repeat;
}

li#cart a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/cart.jpg) top left no-repeat;
}


li#plinth a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/plinth.jpg) top left no-repeat;
}


li#garrard a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/garrard.jpg) top left no-repeat;
}

li#garrard2 a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/garrard2.jpg) top left no-repeat;
}

li#space a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/garrard2.jpg) top left no-repeat;
}

li#vinylspace a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/vinylspace.jpg) top left no-repeat;
}



	
li#tech a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/tech.jpg) top left no-repeat;
}

li#lenco a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/lenco.jpg) top left no-repeat;
}

li#thor a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/thor.jpg) top left no-repeat;
}

li#pothers a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/pothers.jpg) top left no-repeat;
}


li#plinth2 a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/plinth2.jpg) top left no-repeat;
}
li#silver a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/silver.jpg) top left no-repeat;
}





/*NEW LOUDspeakers 2Xtimes TALL*/


div#navigation2 {
	background:#FFFFFF;
	width: 322px;
	height: 207px;
	margin: 0 auto;
	padding:7px 0 0 7px;
}

ul#navlist2 {
	margin: 0;
	list-style: none;
	font-size: 1px;
	padding:0;
	width: 330px;
	overflow: hidden;
	list-style:none;
}

ul#navlist2 li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
	height: 200px;
	overflow: hidden;
}
ul#navlist2 a{
	margin:0;
	cursor: pointer;
	float: left;
	padding: 200px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:100px /* for IE/Win only */
}
	
#navlist2 a:link,#navigation2 a:visited{
	background-position: 0 0px;
	display: block;
}

#navlist2 a:current{
	background-position: 0 -200px;
	display: block;
}

#navlist2 a:hover{
	background-position: 0 -200px;
	display: block;
}
li#acnew a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/ac.jpg) top left no-repeat;
}
li#acnew2 a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/ac2.jpg) top left no-repeat;
}
li#acnew3 a{
	width: 100px;
	padding-right:7px;
	background: url(images/prod/ac3.jpg) top left no-repeat;
}



/*//////*  PRODUCT PAGE   ///////////*/


#productrow {
	height:auto;
	position:relative;
	margin:0 auto;
	padding:0;
	width:850px;
}

#homecontainerprod {
	margin: 0 auto;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	color:#999999;
	width: 690px;
	margin: 0 auto;
	text-align: left;
}

p{ text-align:justify;}

#prodcontain {
	width:830px;
}


#productholder{
	float:left;
	color:#666666;
	height:auto;
	width:354px;
	padding:0;
	margin:0;
}

#productholdertext {
	text-align:left;
	position:relative;
	float:left;
	padding-left:15px;
	width:70%;
	max-width:550px;
	overflow:hidden;
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
}

#productholdertexttry {
	text-align:left;
	position:relative;
	float:left;
	padding-left:15px;
	width:100%;
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0 auto;
}

.photocaptions {
	color: #2d353d;
}

#placeholder, #placeholder2, #placeholder3, #placeholder4, #placeholder5, #placeholder6 {
	border:#FFFFFF 6px solid;
	clear:left;
}

#thumbformat2 {
	width:390px;
	height:auto;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 0 0 2px;
}

#imagecenterlong{
	border:#FFFFFF 3px solid;
	width:211px;
	height:245px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 0 0 2px;
}

#centertableimages {
	margin:15px auto;
}

/*#thumbformat2 {
	border:#FFFFFF 3px solid;
	height:151px;
	width:93px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 0 0 2px;
}*/

#thumbformat2a {
	border:#FFFFFF 3px solid;
	height:50%;
	width:50%;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 0 0 2px;
}

.imagecenter{
	margin-left:-100px;
	border:0;
}

.imagecenter2{
	width:390px;
}

.noborder{
	border:0;
}

.vertimagecenter{
	margin:-50 0 0 -80px;
	border:0;
}

#desc {
	color: #2d353d;
	visibility:hidden;
}

.divide {
	clear:left;
	margin:30px 0 0 0;
}


#prodtable {
	vertical-align:top;
	text-align:justify;
	border:0;
	width:100%;
}

.clickhere {
	font:9px Arial, Helvetica, sans-serif;
}







/* -------------------------------Mini Swap NAV------------------------------- */

#miniswap {
	background:url(images/main4.jpg) no-repeat top left;
	margin:10px 0 40px 0 ;
	position:relative; 
	width:760px; 
	height:539px;
	color:#2d353d;
}

.clickhere2 {
	margin:540px 0 0 0;
	position:absolute;
	color:#FFF;
	font:11px Arial, Helvetica, sans-serif;
}

#miniswap a.one {background:url(images/prod/mini1.jpg) no-repeat; height:166px; width:110px; padding:0 0 2px 0;}
#miniswap a.one2 {background:url(images/prod/mini2.jpg) no-repeat; height:166px; width:110px; padding:0 0 2px 0;}
#miniswap a.one3 {background:url(images/prod/mini3.jpg) no-repeat; height:170px; width:110px; }


#miniswap ul {
	color:#2d353d;
	width:110px;
	height:539px; 
	padding:0; 
	margin:0 0 0 530px;
	list-style-type:none;
}

#miniswap li {
	float:right;
	color:#2d353d;
	padding:5px 5px 1px 0;
}

#miniswap a.miniswapmini, #miniswap a.miniswapmini:visited {
	display:block; 
	color:#000; 
	text-decoration:none;
	margin:1px 2px 1px 0px; 
	text-align:left; 
	cursor:default;
}

#miniswap a.miniswapmini span {
	position:absolute;
	width:1px;
	height:1px;
	top:0;
	left:0;
	color:#2d353d;
	overflow:hidden;}


#miniswap a.miniswapmini:hover {
	background-position: 0 0;
}

#miniswap a.miniswapmini:hover img {
	float:left; 
	margin-right:5px;
	color:#2d353d;
}

#miniswap a.miniswapmini:hover span{
	position:absolute; 
	color:#2d353d;
	background-color:#2d353d;
	width:486px; 
	height:530px; 
	top:0; 
	left:0;
	margin:0;
}