@charset "windows-1252";
/*
  $Id: stylesheet.css,v 1.56 2007/03/14 20:04:02 hpdl Exp $

SoundCo Productions, Inc.


*/

    /* Don't underline links */
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}
    /* Add Hover with color to links */
    a:hover {text-decoration: underline; color:#0000FF;}
    /* Custom Scrollbar Colors */
    body{
      scrollbar-arrow-color: #0000CC;
      scrollbar-3dlight-color: #ECE9D8;
      scrollbar-highlight-color: #0000CC;
      scrollbar-face-color: #ECE9D8;
      scrollbar-shadow-color: #0000CC;
      scrollbar-darkshadow-color: #ECE9D8;
      scrollbar-track-color: #ECE9D8;
    }
	
.boxText { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body
{
	background-image: url(/images/diagnol-stripe-background.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-align: center;
}


.fixcenter {
  width: 800px;
  border: solid; border-width: 1px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

FORM {
        display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #ff5151;
}

TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #0000CC;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TR.headerInfo {
  background: #00ff00;
}


TR.footer {
  background: #ff5151;
}

TR.portBox {
  border: solid; border-width: 1px;
  border-color: #000000;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ff5151;
  color: #ffffff;
  font-weight: bold;
}

.portBox {
  border: solid; border-width: 1px;
  border-color: #000000;
}

.infoBox {
  background: #0000CC;
}

.textfield {

	font-family: Verdana, Tahoma;
	font-size: 11px;
	color: #68696D;
	text-align:left;
	margin:0;
	padding:0;
	line-height:13px;
	font-variant:normal;
}

TD.bodyText, SPAN.bodyText, P.bodyText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-align: justify;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
}

TD.medText, SPAN.medText, P.medText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.keywordText, SPAN.keywordText, P.keywordText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}

TD.bodyText, SPAN.bodyText, P.bodyText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  text-align: justify;
}

TD.rnavText, SPAN.rnavText, P.rnavText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  text-align: left;
  color: #0000CC;
  font-weight: bold;
}

p {position: relative; font: 12px/16px arial; text-align: left;}



#l-sidebar {font: 11px/16px arial; color: #000000; float: right; margin: 40px 25px 0px 0px; padding: 0px 0px 0px 0px; width: 190px; background: #ffffff url(images/bkgrd_r-sidebar.gif) left top no-repeat;}
#l-sidebar #social {margin-left: 18px; margin-top: -40px;}
#l-sidebar #social img {padding-right: 10px;}
#l-sidebar div.top {background: transparent url(images/l-sidebar_top.gif) no-repeat; margin: 10px auto 0px auto; padding: 0px 0px 0px 0px; width: 190px; height: 6px;}
#l-sidebar div.bottom {background: transparent url(images/l-sidebar_bottom.gif) no-repeat; margin: 0px auto 10px auto; width: 190px; height: 101px;}
#l-sidebar div.middle {background: transparent url(images/l-sidebar_middle.gif) repeat-y 0px 0px; width: 190px; margin: 0px auto -80px auto; padding: 0px 0px 0px 0px;}
#l-sidebar p {margin: 0px; padding: 5px 12px 5px 12px;}

/*\*/
* html #l-sidebar {font: 11px/16px arial; color: #000000; right: left; margin: 40px 10px 0px 0px; padding: 0px 0px 0px 0px; width: 190px; background: #ffffff url(images/bkgrd_r-sidebar-home.gif) left top no-repeat;}
* html #l-sidebar div.top {background: transparent url(images/l-sidebar_top.gif) no-repeat; margin: 10px auto -10px auto; padding: 0px 0px 0px 0px; width: 190px; height: 6px;}
/*end*/

#l-sidebar div.partner {background: transparent url(images/icon_lock.gif) no-repeat 10px 5px; margin: 0px 0px 0px 125px; padding: 5px 0px 5px 25px; height: 35px; font: bold 13px/16px arial; display: block;}
#l-sidebar div.partner A:link {color: #999; TEXT-DECORATION: none; font-weight: bold;}
#l-sidebar div.partner A:hover {color: #64c733; TEXT-DECORATION: none; font-weight: bold;}
#l-sidebar div.partner A:visited {font-weight: bold;}


/* SET Z INDEX FOR MAIN MENU ROLLOVER */
#mainmenu div {z-index: 5000}

#mainmenu
{	margin: 0;
	padding: 0 10px;
	z-index: 30; color: #004584; font-family: Verdana, Arial, Helvetica, sans-serif; height:30px}

#mainmenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	}

#mainmenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding-left:0px; padding-right:6px; padding-top:6px; padding-bottom:6px;
	width: auto;
	color: #004584;
	text-align: center;
	text-decoration: none; font-size:11px; font-weight:bold}

#mainmenu li a:hover
{	color: #cc0000;}

#mainmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	border: 0px solid #5970B2}

	#mainmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding-top: 1px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #f0f0f0;
		color: #004584;
		font-size:10px; font-weight:normal }

	#mainmenu div a:hover
	{	background: #2d7db2;
		color: #FFF}


.footerMenu {
	FONT-SIZE: 10px; COLOR: #004584;
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px;}
.footerMenu A:link {
	FONT-SIZE: 10px; FONT-WEIGHT: normal; COLOR: #004584; TEXT-DECORATION: none;
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; 
}
.footerMenu A:visited {
	COLOR: #004584; TEXT-DECORATION: none;
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px;
}
.footerMenu A:active {
	COLOR: #004584; TEXT-DECORATION: none;
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px;
}
.footerMenu A:hover {
	COLOR: #CC0000; TEXT-DECORATION: none;
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px;
}

/*.topmenu {
	 Z-INDEX: 300; font-family: Verdana, Arial, Helvetica, sans-serif;  HEIGHT: 19px; PADDING-RIGHT: 0px; PADDING-Left: 15px; PADDING-bottom: 0px; PADDING-top: 0px; background-image:url(images/top-right-bg.gif); background-repeat:no-repeat; COLOR: #ffffff; width:480px   
}*/
 
#topmenu
{	 Z-INDEX: 300; font-family: Verdana, Arial, Helvetica, sans-serif;  HEIGHT: 19px; PADDING-RIGHT: 0px; PADDING-Left: 15px; PADDING-bottom: 0px; PADDING-top: 0px; background-image:url(images/top-right-bg.gif); background-repeat:no-repeat; COLOR: #ffffff; width:450px; margin:0  
	   }

#topmenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left; font-size:10px; 
	}

#topmenu li a
{	display: block;
	margin: 0 4px 0 0;
	padding-left:0px; padding-right:6px; padding-top:0px; padding-bottom:0px;
	width: auto;
	color: #ffffff;
	text-align: center;
	text-decoration: none; font-size:10px; font-weight:bold}

#topmenu li a:hover
{	color: #ffcc00;}

#topmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	border: 0px solid #5970B2}

	#topmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 1px 8px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #f0f0f0;
		color: #004584;
		font-size:10px; font-weight:normal }

	#topmenu div a:hover
	{	background: #2d7db2;
		color: #FFF}



.search { background-image:url(images/search-bg.jpg); background-repeat:no-repeat; width:230px; 
}
.searchBox {
	 font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:5px; padding-bottom:0px; padding-top:5px; padding-right:3px; border: #004584 0px solid;  margin-left: 5px; margin-bottom: -5px; margin-top:-5px; margin-right:0px; width:135px; background-image:url(images/search-bg.jpg); background-repeat:no-repeat; height:24px;  
}

.searchBtn {
 FONT-WEIGHT: bold; FONT-SIZE: 11px;  COLOR: #004584; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; TEXT-DECORATION: none;  
border-width:0px 0px 0px 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;  margin-left: 0px;  margin-bottom: 0px; border-style:solid; height:22px; display: inline;
}


#sidemenu
{	margin: 0;
	padding: 0;
	z-index: 30;  /*height:25px;!important;*/ background: #f0f0f0 }

#sidemenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left; background: #f0f0f0 
	}

#sidemenu li a
{	display: block;
	margin: 0 1px 0 0;
	padding:0;
	width: auto;
	color: #cc0000;
	text-align: left;
	text-decoration: none; font-size:10px; font-weight: normal;}

#sidemenu li a:hover
{	color: #cc0000;}

#sidemenu div
{	position: absolute;
	visibility: hidden;
	margin-top: -25px;!important;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 170px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	background: #f0f0f0;
	border: 0px solid #cc0000;}

	#sidemenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #f0f0f0;
		color: #cc0000;
		font-size:10px; font-weight:normal }

	/*#sidemenu div a:hover
	{	background: #2d7db2;
		color: #FFF}*/
		
		
		
/* Left Hand Navigation */
ul#navigation { margin: 0 -10px; }
ul#navigation ul { margin: 0 0 0 0; padding: 0 0 0 0; }
ul#navigation li { list-style-type: none; margin: 0 0 1px 0; padding: 0 0 0 0; }

/* Level 2 Navigation */
ul#navigation li a { display: block !important; font-size: 12px; margin: 0 0 0 0; padding: 4px 7px 4px 10px; text-decoration: none; }

/* Level 2 and Level 3 Navigation Hover states */
ul#navigation li a:hover { background-color: #2d7db2 !important; color: #fff; text-decoration: none; }

/* Level 3 Navigation */
ul#navigation li li a { background: #d2dfe8 url('images/li_bull_6x9.gif') no-repeat 10px 8px !important; margin: 0 0px 0 0px !important; padding: 5px 0 5px 22px;  }

/* Level 3 Navigation */
ul#navigation li li li a, ul#navigation li li li a:hover { background: #f0f0f0 !important; }
ul#navigation li li li a:hover { color: #c00; text-decoration: underline;  }
ul#navigation li li li a.parent { background: #e8e8e8 !important; }

/* Level 5 Navigation */
/*ul#navigation li li li ul { display: none; }
ul#navigation li li li li { border-top: 1px dotted #2d7db2;  margin-bottom: 0px;}
ul#navigation li li li li.last { border-bottom: 1px dotted #2d7db2; }
ul#navigation li li li li a, ul#navigation li li li li a:hover { font-size: 11px;padding-top: 2px;padding-bottom: 2px;padding-left: 28px; background: #f9f9f9 !important; }
ul#navigation li li li a:hover { color: #c00; text-decoration: underline; }*/