/* ----------------------------------
Style Sheet for Alvarez, version 3
Code & Graphics copyright 2008 LOUD Technologies Inc.
Written by: BP
-------------------------------------*/

/* --- structural elements --- */

body	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#505050;
	background:url(../../images/bg_vert.jpg) top left repeat-x #DDBA83;
}

#container	{
	background:url(../../images/bg_horz.jpg) bottom left repeat-y;
	height:auto;
	width:1050px;
	display:block;
}

#alpha	{
	background:url(../../images/bg.jpg) top left no-repeat;
	height:1100px;
	text-align:left;
	padding-left:60px;
	padding-right:40px;
	display:block;
}

#alpha_close	{
	background:url(../../images/bg_horz_close.jpg) no-repeat left;
}


#content	{
	margin:36px 18px 18px 18px;
	width:764px;
	position:absolute;
	top:232px;
	left:60px;
}

#news	{
	width:768px;
	height: 335px;
	margin: 13px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #000;
	position: relative;
}


/*#news	{
	width:230px;
	position:absolute;
	top:0px;
	left:0px;
}

*/#body	{
	position:relative;
	top:0px;
	left:251px;
	width:513px;
	padding-bottom:20px;
}
#dl {
	margin-left: 8px;
}
a:link	{
	text-decoration:none;
	font-weight:bold;
	color:#6e5f5a;
}

a:visited	{
	text-decoration:none;
	font-weight:bold;
	color:#6e5f5a;
}

a:hover	{
	text-decoration:underline;
	font-weight:bold;
	color:#8f0000;
}

a:active	{
	text-decoration:underline;
	font-weight:bold;
	color:#E8CEA7;
}



#footer	{
	font-size:9px;
	color:#505050;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	padding:25px;
	position:relative;
}

#footer a:link	{
	text-decoration:underline;
	color:#B2B2B2;}
#footer a:visited	{
	text-decoration:underline;
	color:#B2B2B2;}
#footer a:hover	{
	text-decoration:underline;
	color:#8f0000;}
#footer a:active	{
	text-decoration:underline;
	color:#E8CEA7;}


/* --- navigation --- */


#alpha ul	{
	padding:0px;
	margin:0px;
	width:800px;
}

#toprow li	{
	list-style:none;
	display:inline;
	float:left;
	padding:0px;
	margin:0px;
}

#toprow	{
	height:100px;
	overflow:hidden;
	width:800px;
	position:absolute;
	left: 60px;
	top: 0px;
}

#navrow li {
	list-style:none;
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
}

#navrow {
	height:50px;
	overflow:hidden;
	width:800px;
	position:absolute;
	left: 60px;
	top: 100px;
}

#navrow #products	{background: transparent url(../../images/products_off.jpg) no-repeat; height:50px;}
#navrow #artists	{background: transparent url(../../images/artists_off.jpg) no-repeat; height:50px;}
#navrow #community	{background: transparent url(../../images/community_off.jpg) no-repeat; height:50px;}
#navrow #press	{background: transparent url(../../images/news_off.jpg) no-repeat; height:50px;}
#navrow #support	{background: transparent url(../../images/support_off.jpg) no-repeat; height:50px;}
#navrow #shop	{background: transparent url(../../images/shop_off.jpg) no-repeat; height:50px;}

#navrow a	{display: block; height: 0; overflow: hidden;}

#navrow #products a	{width:84px; height:50px; background: transparent url('../../images/products_off.gif') no-repeat; text-indent:-5000px;}
#navrow #artists a {width:70px; height:50px; background: transparent url('../../images/artists_off.gif') no-repeat; text-indent:-5000px;}
#navrow #press a {width:57px; height:50px; background: transparent url('../../images/news_off.gif') no-repeat; text-indent:-5000px;}
#navrow #support a {width:74px; height:50px; background: transparent url('../../images/support_off.gif') no-repeat; text-indent:-5000px;}
#navrow #facebook a	{width:41px; height:50px; background: transparent url('../../images/facebook_off.gif') no-repeat; text-indent:-5000px;}
#navrow #twitter a	{width:40px; height:50px; background: transparent url('../../images/twitter_off.gif') no-repeat; text-indent:-5000px;}
#navrow #youtube 	{width:59px; height:50px; background: transparent url('../../images/youtube_off.gif') no-repeat; text-indent:-5000px;}

#navrow #products a:hover	{width:84px; height:50px; background: transparent url('../../images/products_on.gif') no-repeat; text-indent:-5000px;}
#navrow #artists a:hover {width:70px; height:50px; background: transparent url('../../images/artists_on.gif') no-repeat; text-indent:-5000px;}
#navrow #press a:hover {width:57px; height:50px; background: transparent url('../../images/news_on.gif') no-repeat; text-indent:-5000px;}
#navrow #support a:hover {width:74px; height:50px; background: transparent url('../../images/support_on.gif') no-repeat; text-indent:-5000px;}
#navrow #facebook a:hover	{width:41px; height:50px; background: transparent url('../../images/facebook_on.gif') no-repeat; text-indent:-5000px;}
#navrow #twitter a:hover	{width:40px; height:50px; background: transparent url('../../images/twitter_on.gif') no-repeat; text-indent:-5000px;}

/* breadcrumb trail controls */

#trail	{
	position:absolute;
	top: 150px;
	left: 60px;
	background:url(../../images/breadcrumb_bg.jpg) no-repeat;
	height:24px;
	width:800px;
	overflow:hidden;
}

#breadcrumb li	{
	list-style-type:none;
	margin:4px 0px 0px 15px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#F8F8F8;
	font-weight:bold; 
	font-size:11px; 
}

#breadcrumb a:link	{color:#F8F8F8; font-weight:bold; text-decoration:underline;}
#breadcrumb a:visited	{color:#F8F8F8; font-weight:bold; text-decoration:underline;}
#breadcrumb a:hover	{color:#efefef; font-weight:bold; text-decoration:underline;}
#breadcrumb a:active	{color:#efefef; font-weight:bold; text-decoration:underline;}

/* ---- newsletter signup ---- */

#newsletter li	{
	list-style:none;
	display:inline;
	float:left;
	padding:0px;
	margin:0px;
}

#newsletter	{
	background:url(../../images/white_deco_bg.jpg) no-repeat;
	height:56px;
	overflow:hidden;
	width:800px;
	position:absolute;
	left: 60px;
	top: 174px;	
}

#newsletter form	{width:600px; padding-left:15px; vertical-align:middle; color:#501A1A; font-size:12px; padding-top:10px;}


/* ---- BIN buttons ---- */

#purchButtons	{
	width:225px;
	padding-top:15px;
}

/* ----- SMOD Section - on Index Page ----- */

#smods	{
	position:relative;
	height:215px;
}

#s_col1 {
	position:absolute;
	top:0px;
	left:0px;
	width:248px;
}

#s_col2 {
	position:relative;
	top:0px;
	left:262px;
	width:248px;
}

/* ---- Product Page ---- */

#p_photo	{
	width:180px;
}

#p_num	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#505050;
	font-weight:bold;
	height:25px;
}

#p_type	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8f0000;
}

#p_intro	{
	min-height:64px;
	max-height:64px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#p_data	{
	min-height:400px;
	max-height:600px;
}

#p_specs	{
	width:204px;
}

#p_specs ul	{
	padding:0px;
	margin:0px;
	width:204px;
}

#p_specs li {
	list-style-type:none;
	padding-bottom:7px;
}

#p_specs b {
	margin-right:20px;
}

#p_rollover	{
	padding:4px;
	border:1px solid #505050;
	background:url(../../images/rollover_bg.gif) repeat-x #b4b4b4;
}

#p_other	{
	width:743px;
}

/* ---- product list of same series ---- */

#seriesTable	{
	margin-left:0px;
	margin-top:20px;
}


#results td	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#prod_results	{
	height:100px;
	overflow:auto;
	width:707px;
}

#style_results	{
	max-height:100px;
	min-height:40px;
	height:100px;
	overflow-x: hidden;
	overflow-y: auto;
	width:590px;
}



/* ---- initial product page ----- */

#byfamily	{
	position:absolute;
	top:0px;
	left:0px;
	width:374px;
	height:347px;
	background:url(../../images/bg_byfamily.gif) no-repeat top left;
	margin-right:39px;
}

#byfamily	ul	{
	display:block;
	width:200px;
	margin:0 0 0 140;
	padding:0px;
	list-style-type:none;
	font-size:10px;
}

#alvarezfam	 {
	margin:95 0 0 0;
}

#alvarezfam li	{
	margin:0px 0px 5px 0px;
}

#yairifam	 {
	margin:40 0 0 0;
}

#yairifam li	{
	margin:0px 0px 3px 0px;
}

#bymodel	{
	position:relative;
	top:0px;
	left:414px;
	width:329px;
	height:67px;
	background:url(../../images/bg_bymodel.gif) no-repeat top left;
	margin-bottom:16px;
	margin-top:0px;
}

#modelFind	{
	margin:0px;
	padding-top:33px;
	text-align:center;
}


#bystyle	{
	position:relative;
	top:0px;
	left:414px;
	width:329px;
	height:264px;
	background:url(../../images/bg_bystyle.gif) no-repeat top left;
	border:0px solid #ffffff;
}

#bystyle ul	{
	display:block;
	width:125px;
	margin:0 0 0 155;
	padding:85 0 0 0;
	list-style-type:none;
	font-size:10px;
}

#allstyle	{
	margin:0 0 0 0;
}

#allstyle li	{
	margin:0px 0px 3px 0px;
}


/* ---- ---- */

.status	{
	color:#FF0000;
	font-weight:bold;
}


/* ---- SUPPORT page ---- */

#content h2 a {display: block; height: 0; overflow: hidden;}

#content h2.techinfo	{
	background:url(../../images/tech_ON.jpg) no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.techinfo a	{
	background: transparent url('../../images/tech_ON.jpg') no-repeat; height:75px; width:185px;  text-indent:-5000px;
}

#content h2.forums	{
	background:url(../../images/message_ON.jpg) no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.forums a	{
	background:transparent url('../../images/message_ON.jpg') no-repeat; height:75px; width:185px; text-indent:-5000px;
}

#content h2.contact	{
	background:url(../../images/contact_ON.jpg) no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.contact a	{
	background:transparent url('../../images/contact_ON.jpg') no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.register	{
	background:url(../../images/register_ON.jpg) no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.register a	{
	background:transparent url('../../images/register_ON.jpg') no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.press	{
	background:url(../../images/press_ON.jpg) no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

#content h2.press a	{
	background:transparent url('../../images/press_ON.jpg') no-repeat top; height:75px; width:185px; text-indent:-5000px;
}

/* ---- ARTIST page ---- */

#artist	{
	background:url(../../images/artist_bg.jpg) no-repeat top left transparent;
	position:relative;
	top:0px;
	left:0px;
	height:735px;
}

#atrandom	{
	position:absolute;
	top:0px;
	left:0px;
	height:438px;
	width:412px;
}

#artist_list	{
	position:absolute;
	left:543px;
	top:55px;
	width:165px;
	overflow:auto;
	height:310px;
}

#artist_list ul	{
	list-style-type:none;
	display:block;
	padding:0px;
	margin:0px;
	width:140px;
}