/* Stereo Musicality CSS Document */

/* general */

* {
margin: 0px;
padding: 0px;
}

html, body {
width: 100%;
text-align: center;
background: #C8C8C8;
}

h1 {
display: none;
}
h2{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-weight: normal;
color: #66CCFF;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9933;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
line-height: 130%;
padding-bottom: 15px;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-decoration: none;
}
a:hover {
color: #C8C8C8;
}
table {
border-collapse:collapse;
margin-bottom:15px;
}
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
line-height: 130%;
vertical-align:top;
margin-bottom:15px;
}
ul {
list-style-type: none;
padding-bottom: 15px;
}
li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
line-height: 130%;
}
.clear {
clear: both;
}
.hr {
display: block;
width: 894px;
height: 1px;
background: #000;
}
/* layout */

#wrapper {
width: 950px;
background: #333;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#logowrapper {
width: 950px;
height: 108px;
background: url('../images/logo.gif') top left no-repeat #FFF;
}
	#logowrapper #introtext {
	float: right;
	width: 423px;
	height: 108px;
	background: url('../images/introtext.gif') top left no-repeat #FFF;
}
#navwrapper {
width: 950px;
height: 47px;
background: #000;
}
/* navigation */

#nav {
width: 950px;
height: 47px;
}
#nav ul {
list-style-type: none;
height: 47px;
margin-left: 30px;
}
#nav li {
float: left;
height: 47px;
margin-right: 22px;
}
#nav li a {
display: block;
height: 47px;
}
#nav li a span {
display: none;
}
	#nav li a.home {
	width: 38px;
	background: url('../images/nav_home.gif') top left no-repeat;
	}
	#nav li a.home:hover {
	background: url('../images/nav_home.gif') center left no-repeat;
	}
	#nav li a.homeon {
	width: 38px;
	background: url('../images/nav_home.gif') bottom left no-repeat;
	}
	
	#nav li a.products {
	width: 66px;
	background: url('../images/nav_products.gif') top left no-repeat;
	}
	#nav li a.products:hover {
	background: url('../images/nav_products.gif') center left no-repeat;
	}
	#nav li a.productson {
	width: 66px;
	background: url('../images/nav_products.gif') bottom left no-repeat;
	}
	
	#nav li a.reviews {
	width: 55px;
	background: url('../images/nav_reviews.gif') top left no-repeat;
	}
	#nav li a.reviews:hover {
	background: url('../images/nav_reviews.gif') center left no-repeat;
	}
	#nav li a.reviewson {
	width: 55px;
	background: url('../images/nav_reviews.gif') bottom left no-repeat;
	}
	
	#nav li a.awards {
	width: 55px;
	background: url('../images/nav_awards.gif') top left no-repeat;
	}
	#nav li a.awards:hover {
	background: url('../images/nav_awards.gif') center left no-repeat;
	}
	#nav li a.awardson {
	width: 55px;
	background: url('../images/nav_awards.gif') bottom left no-repeat;
	}
	
	#nav li a.links {
	width: 36px;
	background: url('../images/nav_links.gif') top left no-repeat;
	}
	#nav li a.links:hover {
	background: url('../images/nav_links.gif') center left no-repeat;
	}
	#nav li a.linkson {
	width: 36px;
	background: url('../images/nav_links.gif') bottom left no-repeat;
	}
	
	#nav li a.contact {
	width: 59px;
	background: url('../images/nav_contact.gif') top left no-repeat;
	}
	#nav li a.contact:hover {
	background: url('../images/nav_contact.gif') center left no-repeat;
	}
	#nav li a.contacton {
	width: 59px;
	background: url('../images/nav_contact.gif') bottom left no-repeat;
	}

/* end navigation */
#pageheader {
width: 920px;
height: 47px;
margin-left: 30px;
padding-top: 15px;
}
#optionalnav {
margin-left: 30px;
width: 920px;
height: 16px;
padding-bottom: 10px;
}
/* optional nav */
#optionalnav ul {

}
#optionalnav ul li {
float: left;
}

/* end optional nav */
#contentwrapper {
margin-left: 30px;
padding-bottom: 15px;
}

#topimage {
width: 894px;
height: 151px;
padding-bottom: 10px;
}

/* homepageformating  */
#pageheader_home {
width: 920px;
height: 47px;
margin-left: 30px;
padding-top: 25px;
padding-bottom: 12px;
}

#homeLEFTcolumn {
float: left;
width: 576px;
height:358px;
border: 4px solid #FFF;
}
#homeLEFTcolumn .blend img {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity:0;
filter: alpha(opacity=0);
}
#homeRIGHTcolumn {
float: left;
width: 285px;
margin-left: 21px;
}

#headingProdSpotlight {
width: 285px;
height: 23px;
border-top: 2px solid #FFF;
border-left: 2px solid #FFF;
border-right: 2px solid #FFF;
background: url('../images/heading_showroom.gif') top left no-repeat;
}
#PS_image {
width: 245px;
border: 2px solid #FFF;
padding: 15px 20px 20px 20px;
}
#PS_image img {
border: 0;
}
	#PS_image div.indexhr {
	width: 285px;
	height: 2px;
	background: #FFF;
	}
	#PS_image p {
	font-size: 12px;
	color: #CCC;
	line-height: 130%;
	padding-bottom:9px;
	}
#PS_text {
width: 285px;
padding: 2px;
}
#PS_text p {
font-size: 12px;
color: #CCC;
line-height: 130%;
padding-top: 22px;
}

.pagebanner {
width:576px;
height:358px;
}
.fadingimages {
filter:alpha(opacity=0);
opacity:0;
position:absolute;
}

#overlay_productSpotlight {
position:absolute;
width:334px;
height:97px;
margin-left:242px;
}

/* products formatting */

#contentwrapper_prod {
margin-left: 30px;
padding-bottom: 15px;
}

#productDivisions {
padding-bottom: 10px;
}
	#productDivisions img {
	float: left;
	margin-right: 16px;
	border: 3px solid #FFF;
	}
#categorylist {

}
	.categorywrapper {
	float: left;
	width: 447px;
	height: 106px;
	padding-top: 10px;
	padding-bottom: 13px;
	}
	.catimage {
	float: left;
	width: 132px;
	height: 109px;
	}
		.catimage img {
		border: 3px solid #FFF;
		}
	.column01 {
	float: left;
	width: 158px;
	height: 109px;
	padding-left: 15px;
	}
	.column02 {
	float: left;
	width: 124px;
	height: 109px;
	padding-left: 15px;
	background: url('../images/column_divider.gif') top left repeat-y;
	}
	
	.categorywrapperN {
	float: left;
	width: 151px;
	padding-top: 10px;
	padding-bottom: 0px;
	}
	.catimageN {
	width: 132px;
	height: 109px;
	}
		.catimageN img {
		border: 3px solid #FFF;
		}
	.catlistN {
	width: 158px;
	padding-left: 0px;
	}
	.catlistN ul {
	padding-left: 0px;
	}
	.catlistN ul.nop {
	padding-top: 10px;
	padding-left: 0px;
	}
	.catlistN li {
	
	}
	.catlistN p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #66CCFF;
	line-height: 130%;
	padding-bottom: 0px;
	padding-top: 10px;
	}

.producttext {
float: left;
width: 595px;
margin-right: 15px;
padding-top: 10px;
}
	.producttext a {
	text-decoration: underline;
	}
.producttext_wide {
width: 875px;
margin-right: 15px;
padding-top: 10px;
}
	.producttext_wide a {
	text-decoration: underline;
	}
.productimage {
float: left;
width: 286px;
padding-top: 10px;
padding-bottom: 10px;
}
	.productimage img {
	border: 3px solid #FFF;
	background: #FFF;
	}

/* links formatting */

#linkscolumn01 {
float: left;
width: 250px;
}
#linkscolumn02 {
float: left;
width: 240px;
background: url('../images/column_divider.gif') top left repeat-y;
}
	#linkscolumn02 ul {
	margin-left: 10px;
	padding-bottom: 0px;
	}
#linkscolumn03 {
float: left;
width: 240px;
background: url('../images/column_divider.gif') top left repeat-y;
}
	#linkscolumn03 ul {
	margin-left: 10px;
	padding-bottom: 0px;
	}
#linkscolumn04 {
float: left;
width: 180px;
background: url('../images/column_divider.gif') top left repeat-y;
}
	#linkscolumn04 ul {
	margin-left: 10px;
	padding-bottom: 0px;
	}
/* reviews formatting */
a.reviewlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF9933;
font-weight: bold;
}
#reviewscolumn01 {
float: left;
width: 300px;
height: 405px;
}
#reviewscolumn02 {
float: left;
width: 290px;
background: url('../images/column_divider.gif') top left repeat-y;
}
	#reviewscolumn02 ul {
	margin-left: 10px;
	}

/* awards formatting */

.awardswrapperN {
	float: left;
	width: 151px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	.awaimageN {
	width: 135px;
	height: 184px;
	}
		.awaimageN img {
		border: 3px solid #FFF;
		}
	.awalistN {
	width: 158px;
	padding-left: 0px;
	}
	.awalistN ul {
	padding-left: 0px;
	}
	.awalistN ul.nop {
	padding-top: 10px;
	padding-left: 0px;
	}
	.awalistN li {
	
	}
	.awalistN p.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #66CCFF;
	line-height: 130%;
	padding-bottom: 0px;
	padding-top: 10px;
	}
	.awalistN p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 130%;
	padding-bottom: 0px;
	padding-top: 10px;
	}
	.awalistN a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	}
	.awalistN a:hover {
	color: #C8C8C8;
	}

/* contact formatting */

#contentwrapper_contact {
margin-left: 30px;
padding-bottom: 15px;
}

#contcolumn01 {
float: left;
width: 230px;
}
#contcolumn02 {
float: left;
}

.label {
display: block;
width: 100px;
float: left;
}

a.contactlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-decoration: underline;
}
a.contactlink:hover {
color: #C8C8C8;
}

form textarea {
width: 205px;
}
ul.indentedul {
list-style-type: none;
padding-bottom: 0px;
margin-left: 25px;
}

span.smallsup {
font-size: 9px;
}

ul.productlist li {
padding-bottom:5px;
}