/* Phoenix Test Systems Style Sheet 11-03
   Author: FURIOUS Ideas */
   
/* Table of Contents
	
	Reset
	General Layout
	Typography
	Heading
	Content
	Nav
	Footer
*/

/*For trouble shooting use outline --
div {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}
*/

/* Site Colors
	#8C0000
	#333333
	#666666
	#CCCCCC
	#F8F8F8
	#FFFFFF


/* RESET
--------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}


/* GENERAL LAYOUT
--------------------------------------------------------------*/

body {
	background-color: #f8f8f8;
	text-align: center;
}

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#contentWrapper {
	width: 860px;
	margin: 0 auto;
	text-align: left;
	background-image: url();
	background-color: #FFFFFF;
}



/* DYNAMIC IMAGE BORDER AND SHADOW */



br.clear {
	clear: both;
	height: 0;
	line-height: 0px;
}

div.pageEnd {
	clear: both;
	height: 100px;
}

div.image_shadow {

}

div.image_shadow img {

}

div.image_shadow div.topleft {

}

div.image_shadow div.topright {

}

div.image_shadow div.bottomleft {

}

div.image_shadow div.bottomright {

}

/* TYPOGRAPHY
--------------------------------------------------------------*/

h1 {
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
}

p {
	font-size: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2.0em; 
}

a {
	outline: 0;
	overflow: hidden;
}

a:visited {
	outline: none;
}

a:focus {
	outline: none;
}

a:active {
	outline: none;
}

/* HEADER
---------------------------------------------------------------*/

#branding {
	width: 860px;
	height: 146px;
}



#branding h1 {
	display: block;
	width: 434px;
	height: 101px;
	background-image: url(images/ptsLogo.gif);
	background-repeat: no-repeat;
}

#branding div.contact {
	width: 263px;
	height: 105px;
}


#branding div.contact h2 {
	font-size: 2.0em;
	color: #8c0000;
	margin: 6px 0px 0px 10px;
}


#branding div.contact h3 {
	font-size: 12px;
	color: #333333;
	line-height: 12px;
	margin: 0px 0px 10px 10px;
}


#branding div.contact h3 a {
	color: #8c0000;
	text-decoration: none;
}

#branding div.contact h3 a:hover {
	color: #666666;
	text-decoration: none;
}

#branding div.contact h4 {
	font-size: 12px;
	color: #333333;
	line-height: 12px;
	margin: 0px 0px 0px 10px;
}


#branding div.contact h4 span.number {
	display: block;
	color: #333333;
	margin-left: 50px;
	margin-top: -12px;
}


#branding div.contact h5 {
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 0px 10px;

}

#branding div.contact h5 a{
	color: #8c0000;
	text-decoration: none;
}

#branding div.contact h5 a:hover {
	color: #666666;
	text-decoration: none;
}



/* MAIN CONTENT
---------------------------------------------------------------*/



#mainContent {
	width: 624px;
	margin: 0px;
	padding: 0px;
}


#mainContent h2 {
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
	margin: 5px 0px 20px 0px;
}


#mainContent h3 {
	width: 500px;
	margin: 40px 0px 15px 0px;
	padding: 0px 0px 0px 57px;
	font-size: 1.0em;
	font-style: italic;
	text-align: center;
	color: #999999;
}


#mainContent h4 {
	font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	margin: 5px 0px 30px 80px;
}

#mainContent h5 {
	font-size: 1.5em;
	font-weight: 400;
	text-align: left;
	margin: 5px 0px 10px 25px;
}


#mainContent p {
	font-size: .8em;
	line-height: 1.1em;
	color: #333333;
	padding: 2px 0px 7px 25px;
	margin: 0px 30px 0px 0px;
}

#mainContent a.sys {
	color: #8C0000;
	text-decoration: none;
}

#mainContent a.sys:visited {
	color: #CC0000;
}

#mainContent a.sys:hover {
	color: #666666;
	text-decoration: none;
}


#mainContent h2.number {
	margin: 0px;
	text-align: center;
	font-size: 1.8em;
	color: #8C0000;
}

#mainContent p.date {
	width: 273px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #666666;
	text-align: center;
	margin: -6px 0px 0px 351px;
}


#mainContent p span.keyword {
	color: #8C0000;
	font-weight: 400;
}

#mainContent p span {
	font-weight: 700;
}

#mainContent div.image_shadow {
	display: inline;
	margin: 0px 10px 0px 15px;
}


#flyer {
	width: 620px;

}

#flyer p {
	margin: 10px;
	font-size: 1.4em;
	font-weight: 400;
	text-align: center;
	color: #333333;
}

#flyer h2 {
	width: 618px;
	margin-top: 40px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 2.8em;
	color: #333333;
}

#flyer h2.number {
	margin: 0px;
	text-align: center;
	font-size: 2.8em;
	color: #8C0000;
}

#flyer h3 {
	width: 618px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 1.8em;
	font-style: normal;
	font-weight: 700;
	text-align: center;
	color: #333333;
}

#flyer h4 {
	width: 500px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 57px;
	font-size: 1.7em;
	font-weight: 400;
	text-align: center;
	color: #8C0000;
}

#flyer div.sysInfo {
	width: 618px;
	height: 17em;
}

#flyer div.sysInfo div.sysDetail {
	width: 468px;
}

#flyer div.sysInfo h5.sysHd {
	width: 130px;
	margin: 0px;
	font-size: 1.7em;
	text-align: right;
	color: #666666;
	background-color: #fcfcfc;
	border-bottom: 1px solid #f0f0f0;
}

#flyer div.sysInfo div.sysDetail h6 {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0px;
	font-size: 1.7em;
	font-weight: 400;
	text-align: left;
	color: #8C0000;
}

#flyer div.sysInfo div.sysDetail h6.agilent_right {
	position: relative;
	top: -20px;
	left: 0px;
}

#flyer div.sysInfo div.sysDetail h6.genrad_right {
	position: relative;
	top: -20px;
	left: 0px;
}

#flyer div.sysInfo div.sysDetail ul {
	width: 220px;
	height: 13em;
	margin: 0 0 0 0px;
	list-style-type: none;
}

#flyer div.sysInfo div.sysDetail ul.agilent_right {
	position: relative;
	top: -2.0em;
	left: 0px;
}

#flyer div.sysInfo div.sysDetail ul.genrad_right {
	position: relative;
	top: -2.0em;
	left: 0px;
}

#flyer div.sysInfo ul li {
	font-size: 1.1em;
	line-height: 1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* TABBED PAGE INTERFACE */


#sysContainer {
	border:1px solid #b2b2b2; 
	width:560px; 
	margin: 0px 0px 0px 20px; 
	padding: 10px;
	background-image: url(images/divshade.gif);
	background-repeat: repeat-x;
}

#sysContainer h4 {
	font-size: 2.8em;
	font-weight: 400;
	text-align: left;
	margin: 5px 0px 0px 10px;
}

#sysContainer h4 span {
	font-size: 0.7em;
	font-weight: 400;
	text-align: left;
}

#sysContainer h6 {
	font-size: 1.3em;
	font-weight: 400;
	text-align: left;
	color: #666666;
	margin: 0px 0px 10px 10px;
}

#sysContainer div.item {

}

#sysContainer div div.image_shadow {
	margin-top: 30px;
}

#sysContainer div p {
	font-size: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 0px; 
}

#sysContainer div ul {
	margin: 4px 0px 0px 60px;
	padding: 2px 0px 20px 0px; 
	list-style-type: square;
}

#sysContainer div ul li{
	font-size: 1.1em;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sysContainer div ul a {
	color: #8c0000;
	text-decoration: none;	
}

#sysContainer div ul li a:hover {
	color: #666666;
	text-decoration: none;
	background-color: #f0f0f0;	
}


.shadetabs{
	padding: 3px 0;
	margin-left: 40px;
	margin-top: 40px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #999999;
	color: #333333;
	background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #333333;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #8c0000;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 0px;
	margin-bottom: 2px;
	color: #171717;	
	background-image: url(images/shadeactive.gif);
	border-bottom-color: #f8f8f8;	
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
	color: #171717;	
}

.tabcontent{
	display:none;
}

@media print {
.tabcontent {
	display:block !important;
}
}

.clear {
	clear:both;
}


/* --- CONTACT FORM QUOTE.HTML --- */

#mainContent form {
	width: 500px;
	text-align: left;
	margin: 0 0 0 60px;
}
	
#mainContent form p {
	font-size: 1.1em;
	text-align: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	position: relative; left: -180px;
}

#mainContent form p.comment {
	font-size: 1.1em;
	text-align: left;
	position: relative; left: 0px;
	padding-left: 20px;
	padding-top: 20px;

}
	
#mainContent form p span {
	color: #cc3300;
}
	
#mainContent form p input {
	width : 190px;
	font-size: 1.1em;
	text-align: left;
	position: relative; left: 20px;
}


#mainContent form textarea {
	width: 386px;
	height: 120px;
	position: relative; left: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#mainContent form p input.submit {
	width: auto;
	padding: 1px 6px 3px 6px;
	text-align: center;
	position: relative; 
	left: 120px;
	top: 0px;
}



/* --- END FORM --- */


/*---SUB CONENT---*/



#mainContent div.subContent1 {
	width: 295px;
	margin: 40px 0px 0px 10px;
	text-align: center;
}

#mainContent div.subContent1 h4{
	font-size: 1.8em;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 0px;	
}

#mainContent div.subContent1 h2.number {
	text-align: center;
	font-size: 2.2em;
	color: #8C0000;
	padding-top: 2px;
}

#mainContent div.subContent1 h4.strong {
	text-align: center;
	font-size: 1.6em;
	color: #333333;
}


#mainContent div.subContent1 p.sub{
	font-size: 1.1em;
	padding-top: 0px;
	padding-bottom: 0px;
}

#mainContent div.subContent1 p {
	margin: 0px;
	text-align: center;
	font-size: 1.5em;
	color: #666666;
}


/*--Sub Content 2 Main Page Right--*/


#mainContent div.subContent2 {
	width: 295px;
	margin: 40px 10px 0px 0px;
	text-align: center;
}

#mainContent div.subContent2 h4{
	font-size: 1.8em;
	color: #666666;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#mainContent div.subContent2 p.link {
	margin-top: 0px;
	text-align: center;
	font-size: 1.5em;
	color: #666666;
}

#mainContent div.subContent2 p.sub{
	font-size: 1.1em;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
}

#mainContent div.subContent2 a {
	color: #8C0000;
	text-decoration: none;
	font-size: 1.1em;
}

#mainContent div.subContent2 a:visited {
	color: #8C0000;
}

#mainContent div.subContent2 a:hover {
	color: #666666;
	text-decoration: none;
}


/*--Sub Content 3 Main Page Left--*/


#mainContent zdiv.subContentQuote {
	width: 386px;
	text-align: center;
	margin: 0px 0px 60px 0px;
	position: relative;
	top: 50px;
	left: 80px;
}


#mainContent div.subContentQuote h5{
	color: #333333;
	text-align: center;
	font-size: 2.8em;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#mainContent div.subContentQuote h4{
	color: #8C0000;
	text-align: center;
	font-size: 3.3em;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#mainContent div.subContentQuote p.subQuote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	text-align: center;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/*---End SUB CONENT---*/



/* ----NAVIGATION - MENU---- */



#navShadow {
	width: 190px;
}


#navShadow div.navL {

}


#navShadow div.navR {

}



/* --END NAV SHADOW-- */



#mainNav {
	width: 300px;
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: 600;
}


#mainNav div.topL {
}


#mainNav div.topR {
}


#mainNav ul {
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
}


#mainNav ul li {
	margin-right:1px;
}


#mainNav ul li.first {
}


#mainNav ul li a {

}


#mainNav ul li:hover a {
	color: #333333; 
	background-color: #f0f0f0;
}


/* ----END NAV---- */



#footer {
	width: 860px;
	text-align: center;
}


#footer p {
	font-size: 1.1em;
	color: #cccccc;
}

#footer p a {
	color: #cccccc;
	text-decoration: none;
	font-family: Verdana;
}


#footer p a:hover {
	color: #F6F6F6;
	font-family: Verdana;
}

#footer p span.valid {
	font-size: 0.8em;
}

#footer p span.valid a {
	color: #cccccc;
	text-decoration: none;
}


#footer p span.valid a:hover {
	color: #F6F6F6;
	text-decoration: underline;
}


#footer ul {
	margin-top: 0px;
	padding: 3px;
	list-style-type: none;
}


#footer ul li {
}


#footer ul a {
	color: #cccccc;
	text-decoration: none;
	font-family: Verdana;
	font-size: 1.2em;
}


#footer ul a:hover {
	color: #F6F6F6;
	text-decoration: none;
	font-family: Verdana;
	font-size: 1.2em;
}