/**********************************************************************************************/
/* This Quam CSS document only handles styles for HTML elements and attributes. It does not   */
/* handle the styling for page layout. See the file oneColFixCtr.css                          */  
/*                                                                                            */
/* 04/02/2010: change quickSpec styles to incorporate balloon style pop-ups.                  */
/*                                                                                            */
/**********************************************************************************************/

p.first {       					/* if you need no spacing at top of the paragraph */
			margin-top: 0px;
			padding-top: 0px;
		}
	
		
img.noBorder{ border: none;}  /* linked image will have have a border */
	

/*************************************************/
/************* Page Heading Styles ***************/
/*************************************************/

h1.vNav {
    clear: both;
	color: #E4E4E1;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 1px 0px 1px 1px;
	background-image:url(../images/navbar_base_slug.gif);
	width: 175px;
}

table.header { width: 900px; }
td.headerCOL1 { width: 30%;  margin: 0 0 0 0; padding: 0 0 0 0; }
td.headerCOL2 { width: 70%;  
				text-align: right;
				vertical-align: bottom;
				padding-right: 20px; 
				color:#5869A3;
				font-size: 24px;
}

/*************************************************/
/******** Home Page Image Block Controls *********/
/*************************************************/

#HomeImage {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	overflow: hidden;
	max-width: 680px;
}



/*************************************************/
/******** Generic Text Block Controls *********/
/*************************************************/
div.genText {
	padding: 0 10px 0 10px;
	max-width: 670px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: justify;
}

/*************************************************/
/************* Product Page Styles **************/
/*************************************************/

  
img.product {
	height: 100px;
	width: 100px;
	border-width: 0;
}

caption.product {
	    padding: 2px 2px 2px 2px;
		/*font-size: 12px; */
		font-weight:bold;
		text-align: left;
		color: white;
		border: 1px solid black;
		background-color:#5473D9;
		margin: 0px 0px 3px 0;
}



table.product {
		width: 680px;
		border: 1px solid #5473D9;
}

td.productImage {
	    width: 100px;
		height: 100px;
		vertical-align: top;
}

td.productDescripton {
		text-align: left;
		/* padding-bottom: 10px; /* guarantee spacing at bottom of description */
		vertical-align: top;
}

td.productLink {
		width: 180px;
		/* height: 20px;   to account for link hover size change */
		text-align: left;
}

a.product:link    { color: #5473D9; text-decoration: none;}
a.product:hover   { color: #5473D9; font-weight: bold; text-decoration: none;}
a.product:visited { color: #CC33FF; text-decoration: none; }
a.product:active  { color: yellow; text-decoration: none;  }



/*************************************************/
/************* QuikSpec Styles *******************/
/*************************************************/

table.qSpec{
	    table-layout: fixed;
		width: 670px;
		border: 1px solid #5473D9;
}

col.qSpec { width: 130px; }

/*a.qSpec:hover   { color: #5473D9; font-size: 12px; font-weight: 800; text-decoration: none;}*/
a.qSpec:link    { color: #5473D9;  text-decoration: none;}
a.qSpec:visited { color: #CC33FF; text-decoration: none; }
a.qSpec:active  { color: yellow;  text-decoration: none;}

a.qSpec:hover {display: block:}
a.qSpec .balloon {display: none;}
a.qSpec:hover .balloon {
		display: block;
		position: absolute;
		margin-top: 20px;
		margin-left: 15px;
		top: auto;
		padding: 5px; 
		border: solid 3px;
		border-color:#3865AB;
		background: #284879; 
		/* height: 70px; */
		width: 150px;
		text-align: left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 800;
		color: white;
		z-index: 10;
	}





/*************************************************/
/************* Resources Table Styles **************/
/*************************************************/
caption.resource {
	    padding: 2px 2px 2px 2px;
		font-weight:bold;
		text-align: left;
		color: white;
		border: 1px solid black;
		background-color:#5473D9;
		margin: 0px 0px 3px 0;
}

table.resource {
	    table-layout: fixed;
		border: 1px solid #5473D9;
}

tr.resource {
	text-align: left;
	vertical-align: top;
}

td.resource {
	text-align: center;
}

col.aeC1 { width: 130px; }
col.aeC2 { width: 350px;  }
col.aeC3 { width: 100px;}
col.aeC4 { width: 100px;}


col.wireC1 { width: 100px; }
col.wireC2 { width: 250px;  }
col.wireC3 { width: 100px; }


/*************************************************/
/************* Product Pop Ups      **************/
/*************************************************/

/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */


.thumbnail{
		position: relative;
		z-index: 0;
}

.thumbnail:hover{
		background-color: transparent;
		z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
		position: absolute;
		background-color: white;
		background-repeat:repeat;
		padding: 5px;
		border: 2px solid #5473D9;
		visibility: hidden;
		color: black;
		text-decoration: none;
		z-index: auto;
}

.thumbnail span img{ /*CSS for enlarged image*/
		border-width: 0;
		padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
		visibility: visible;
		top: -100px;
		left: 100px; /*position where enlarged image should offset horizontally */
}

/*************************************************/
/************* Rep List Styles *******************/
/*************************************************/

table.repList{
	    table-layout: fixed;
		width: 650px;
		border: none;
		border-collapse: collapse;
}

td.repList{
		vertical-align: top;
		padding-bottom: 5px;
		padding-top: 5px;
		border-top: 1px solid #5473D9;
}

/*************************************************/
/************* Form Styles *******************/
/*************************************************/

fieldset {
	width: 600px;
	border: 0;
}


label {
	width: 110px;
	float: left;
	text-align: right;
	font-weight: bold;
	margin: .5em 1em;
	clear: both;
}


input, textarea {
	margin: .5em 0;
	width: 400px;
	border: solid thin #5473D9;
}

fieldset.SupportRadio {	
	width: 400px;
	margin: 0 0 0 40px;
	
}

input.SupportRadio {	
	width: 15px;
	border: 0;
}


#subbutton {
	float: none;
	width: auto;
	margin-bottom: 1em;
	margin-left: 15em;
	clear: both;
	background-image: url(../images/navbar_base_slug.gif);
	color: white;
	border: 0;
} 

br { clear: both; }