/* style sheet for the ic-audio site */
body {
	margin: 0px;
	margin-bottom: 40px;
	background-image: url(graphics/bg_main2.jpg);
	background-repeat: repeat;
  }

/* contains all the content on the page */
#container {
  position:relative;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  width: 950px;
/* border:1px solid green; */
  }

/* empty holder for the blank top left */
#holder {
    margin-top: 0px;
    margin-left: 0px;
    float: left;
    height: 142px;
    width: 150px;
  }

/* the top picture behind the navigation buttons    */
/* the url is customized on each page with override */
#top {
    float: left;
    height: 136px;
    width: 750px;
    margin-top: 0px;
    background-image: url(pics/top_1.jpg);
    background-repeat: no-repeat;
  }

/* one of the navigation buttons along the top */
.navpad {
    margin-top: 110px;
    margin-right: 3px;
    background-image: url(graphics/nav_bg.gif);
    height: 26px;
    width: 89px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    line-height: 26px;
  }



#maindisplay {
  background-image: url(graphics/bg_display.jpg);
  background-repeat: repeat-y;
  width:900px;
  border: 1px solid #bbc4d3;
  margin:0 1px;
  }

#sidebar {
    clear:left;
    float: left;
    width: 150px;
  }


#middlebar {
	float: left;
	width: 150px;
	margin: 1px 0px;
	padding-bottom: 20px;
  }


#rightbar {
    width: 600px;
    margin-top: 1px;
    float: left;
    clear: right;
  }


.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    padding: 0px 50px;
    line-height: 17px;
  }


div.pagetext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    line-height: 17px;
  }

div.pagetextamp {
  border-color:#bbc4d3;
  border-width:1px;
  border-style:none solid;
  background-color:white;
  width:500px;
  margin:-20px auto 0px auto;
}

div.pagehead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 2px;
    color: #FB3D03;
    padding-left: 0px;
  }


.headerpad {
    margin-top: 35px;
    margin-left: 50px;
    margin-bottom: 0px;
  }

/* this is the table cell that is active in the left hand bar */
.subnavactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #bbc4d3;
	background-color: #ECF0F2;
/*	margin-left: 32px;*/
	color: #003399;
	width: 70px;
	padding: 5px 5px 5px 7px;
  }

/* this is the table cell that is inactive in the left hand bar */
.subnav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

/* tocactive, tocinactive are used in the middle bar
   on the product pages to list the products.       */
.tocactive,.tocinactive {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#ECF0F2;
  margin-left:32px;
  width:75px;
  padding:5px;
}

.tocactive {
  border:1px solid #fb3d03;
  color:#fb3d03;
  }

.tocinactive {
  border: 1px solid #bbc4d3;
  color: #003399;
  }



.textbold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    line-height: 17px;
    font-weight: bold;
  }

/* style used for the sub items on the products page left menu */
.subsub {
/*    letter-spacing: 1px;*/
    padding-left: 5px;
    line-height: 17px;
    margin-top: 5px;
  }


.texttable {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
    list-style-position: inside;
    list-style-type: circle;
    line-height: 14px;
  }


.textbottom {
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
    color: #607cad;
    font-weight: bold;
    letter-spacing: 1px;
  }

/*
section header in orange with a blue line below it
used in product page.
*/
.headorange {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FB3D03;
    letter-spacing: 2px;
    font-weight: bold;
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #bbc4d3;
  }

/* the productcontainer contains the product and the pictures
   on the loudspeaker layout. */
#productcontainer {
  border:1px solid #bbc4d3;
  width:470px;
  background-color:white;
  border-top-style:none;
  margin:-20px auto;
  padding:20px;
}

/* used for the pic section on the products pages */
#productpic {
  width: 500px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #003399;
  background-color:white;
  line-height: 20px;
  margin:-20px auto 0px auto;
  border-color:#bbc4d3;
  border-width:1px;
  border-style:none solid;
  }

/* used to contain all the product text */
div.producttext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    line-height: 17px;
    border-top:1px solid #bbc4d3;
    padding-top:20px;
    padding-left:50px;
    padding-right:50px;
  }

div.producttext ul {
  margin:0;
  padding:0 12px;
}

/* the productinfo contains the text describing the product
   and has the picture floated to the right. */
#productinfo {
    float: left;
    width: 300px;
  }




#pic {
  width: 150px;
  float: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #003399;
  line-height: 20px;
  margin-bottom: 25px;
  }


.textcapt {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 3px;
    color: #003399;
    padding-left: 30px;
    font-style: italic;
  }

/* this is the table of products at the bottom of the products page */
.producttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	list-style-position: inside;
	list-style-type: circle;
  }

.producttable th {
	font-size:10px;
	background-color:#D9E3F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }

.producttable td {
    vertical-align:top;
  }

input {
    border:1px solid black;
    background-color:white;
    font-size:10px;
  }


div.button {
    border:1px solid grey;
    background-color:silver;
    width:100px;
    padding:5px;
  }

/******************************/

.textorange {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FB3D03;
    line-height: 17px;
    letter-spacing: 1px;
  }


ul {
    line-height: 23px;
    list-style-position: outside;
    list-style-type: circle;
    color: #FB3D03;
    margin-bottom: 14px;
  }


#addressfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003399;
	width: 125px;
	margin-top: 55px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #bbc4d3;
	border-bottom-color: #bbc4d3;
	margin-left: 5px;
	padding: 5px;
	line-height: 14px;
  }


#legend {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
    width: 125px;
    margin-top: 20px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #bbc4d3;
    border-bottom-color: #bbc4d3;
    margin-left: 5px;
    padding: 5px;
    line-height: 14px;
  }

/* used in the middle bar for times where there are a column of pics */
#pics {
    width: 125px;
    margin-top: 60px;
    margin-bottom: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003399;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 15px;
  }


.dividerbluetop {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #bbc4d3;
    padding-top: 20px;
  }


.dividerbluebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbc4d3;
	padding-bottom: 20px;
	margin-bottom: 30px;
  }


.borderblue {
    border: 1px solid #bbc4d3;
  }

a:link {
    color: #003399;
    text-decoration: none;
  }

.producttable a:link {
    text-decoration: underline;
  }

a:active {
    color: #FF0000;
  }


a:visited {
    color: #003399;
    text-decoration: none;
  }


#rightbar a:visited {
    color: #999999;
    text-decoration: none;
  }

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

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

/* STYLES USED IN THE ADMIN SECTION: */
/* this is used on the flags div in the admin section. */
.flags {
    width:250px;
    background-color: #eeeeff;
    border: 1px solid #aaaaff;
/*    -moz-border-radius: 10px;*/
    padding:1em;
}
.newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-align: justify;
	padding: 5px 10px;
	line-height: 17px;
}

.newsheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FB3D03;
    text-align: justify;
    padding: 10px 10px 0;
}

#adcontainer {
  border:1px solid red;
  padding:2px;
}
.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	line-height: 13px;
	padding: 10px 15px 0px 10px;
}
#downloadfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #003399;
    width: 125px;
    margin-top: 55px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #bbc4d3;
    border-bottom-color: #bbc4d3;
    margin-left: 5px;
    padding: 5px;
    line-height: 14px;
}

/* this is the form on the restricted pages
   asking for login name and password       */
fieldset#restricted {
  width: 350px;
  padding: 15px;
  margin-left: 35px;
  margin-bottom: 15px;
  background-color: #fcfce1;
  border: 1px solid #fb3d03;
}
fieldset#restricted label, fieldset#restricted input {
  float:left;
  margin-bottom: 5px;
}
fieldset#restricted label {
  width:75px;
  clear:left;
}
fieldset#restricted input {
  border: 1px solid #ccc;
}
fieldset#restricted input:hover, fieldset#restricted input:hover {
  background-color: #eee;
}
.ulink a:link {
    text-decoration: underline;
  }
/*fieldset#restricted input[type="submit"] {
  clear:left;
  margin-top: 10px;
  margin-left: 76px;
}*/