/* CSS Document */



/* BASIC TAGS */

img, div, a, url { 
	behavior: url(iepngfix.htc);

}

html{ 
	overflow: -moz-scrollbars-vertical !important; }

a {
	color:#235094;
	text-decoration:none;
	}

a:hover {
	color: #1267e1;
	
}

p {
	margin:0;
	padding:0;
	text-align:left;
	line-height:18px;
}



ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

h1 {
	color:#e8d393;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding:0px
	}
	
h2 {
	color:#FFFFFF;
	font-family:"Century Gothic";
	font-size:18px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:left;
	}
	
	
	
h3 {
	color:#e8d393;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:left;
	}

body {
	margin: 0;
	padding: 0;
	background-image:url(images/bg_01.jpg);
	background-repeat:repeat-x;
	background-color:#0d4390;
	color:#FFFFFF;
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif, Gill Sans MT;
}


#wrapper {
	width: 1100px;
	border-bottom: 2px solid #5f5f5f;
	border-left: 2px solid #5f5f5f;
	border-right: 2px solid #5f5f5f;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
	background-color:#e9e9e9;
}


/* TOP NAVIGATION */

#nav{
	width:1100px;
	height:57px;
	border-bottom:2px #5f5f5f solid;
	background-image:url(images/ps-nav-bg.jpg);
	background-repeat: repeat-x;
		}
	
#nav ul{
	
	text-align:center;

	}

#nav ul li{
	display:inline;
	float:left;
	background-image:url(images/ps-nav-div.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:center;
	}
	
#nav ul li a{
	display:block;
	width:183px;
	font-family:"Century Gothic";
	font-size:15px;
	color:#FFFFFF;
	height:57px;
	line-height:57px;
	}
	
#nav ul.span li a{
	font-size:11px;
}
	
	
#nav ul li a:hover{
	background-image:url(images/ps-nav-bg-glow.jpg);
	background-repeat:repeat-x;
	}
	
#nav ul li a.current{
	background:url(images/products-menu-hl.gif) top repeat-x #a8151b;
	}
	
/* TITLE */


#title {
	height:65px;
	padding-left:17px;
	padding-right:17px;
	padding-top:27px;
	}
	
#title p{
	font-size:30px;
	line-height:30px;
	color: #061c3c;
	font-family:"Century Gothic";
	}

#title p.sub{
	font-size:15px;
	color: #033e93;
	padding-top:10px;
	
	}
	
#login {
	height:24px;
	width:48px;
	float:right;
	text-align:left;
	}

#login a{
	display:block;
	background-image:url(images/login.png);
	height:24px;
	line-height:15px;
	width:40px;
	font-family:"Century Gothic";
	font-size:8px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:8px;
	}
	
#login a:hover{
	background-image:url(images/login-glow.png);
	}
 

/* FIELDS */

p.custom {
	background-color:#061c3c;
	color: #FFFFFF;
	padding: 30px 40px 30px 40px;
	font-size:14px;
	line-height:33px;
	}
	
/* ACCORDIONS */

		
.accordion_toggle {
			display: block;
			height: 73px;
			width: 1100px;
			background: #CC6600 /* url(images/items-bg.jpg) no-repeat top right;*/
			border-bottom: 2px solid #5f5f5f;
			cursor: pointer;
			margin: 0 0 0 0;
			text-align:center;
			color:#000000;
			font-size:11px;
		}
.accordion_toggle td{
	border-right:#FF0000 solid 1px;
	border-bottom:#FF0000 solid 1px;

}
/*=========NEW CODE========*/
.expandable{
		display: block;
		height: 73px;
		width: 1100px;
		background: #ccc;
		border-bottom: 2px solid #5f5f5f;
		cursor: pointer;
		margin: 0;
		text-align:center;
		color:#000000;
		font-size:11px;
	}
.expandable:hover, .expandable:acitve{
	background: #eee;
	}
.expandable td{
	border-right: #555 dashed 1px;
	border-bottom:#777 solid 1px ;
	}
.categoryitems a, .expandable a{
font-weight:bold;
color:#8e1214;
}
.categoryitems {
		border-bottom: 1px solid  #fff;
		padding:10px 10px;
		color:#fff;
		background: url(images/accordion-sub-bg.gif) repeat-x top #777;
	}
.categoryitems a{
		font-weight:bold;
		color:#FFFF33;
	}
.categoryitems a:hover{
		font-weight:bold;
		text-decoration:underline;
	}	
.expandable .prod {
		color:#0a3a7c;
		font-size:15px;
		font-weight:bold;
		}
		
#fields {
width:1100px;
/*background-image:url(images/fields-bg.jpg);*/
background:#555;
height:63px;
border-top:1px solid #0a3a7c;
text-align:center;
font-size:11px;
font-weight:bold;
}

#fields td{
border-right:1px dashed #0a3a7c;
}
/*=========NEW CODE ENDS========*/


#sp .accordion_toggle {
			background: url(images/items-bg-sp.jpg) no-repeat top right;
			}
			
#ch .accordion_toggle {
			background: url(images/items-bg-ch.jpg) no-repeat top right;
			}
		
		
.accordion_toggle .prod {
			color:#FFFFFF;
			font-size:15px;
			font-weight:bold;
			}

.accordion_toggle_active {
			background: url(images/items-bg-active.jpg) no-repeat top right;
		}
		
#sp .accordion_toggle_active {
			background: url(images/items-bg-active-sp.jpg) no-repeat top right;
		}
		
#ch .accordion_toggle_active {
			background: url(images/items-bg-active-ch.jpg) no-repeat top right;
		}
		
		
.accordion_content {
			border-bottom: 2px solid #5f5f5f;
			overflow: hidden;
		}

.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
.accordion_content p {
				font-size:14px;
				padding: 15px 15px 15px 15px;
				color:#000000;
			}
			

/* INDUSTRY SECTION*/
#left {
	width:360px;
	background-color:#d1d0d0;
	margin-right:10px;
	float:left;
	}
	
#middle {
	width:360px;
	background-color:#d1d0d0;
	margin-right:10px;
	float:left;
	}
	
#right {
	width:360px;
	background-color:#d1d0d0;
	float:right;
	}

h1.industry {
	width:360px;
	height:39px;
	background-image:url(images/h1-indus.jpg);
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif, "Gill Sans MT";
	font-size:20px;
	line-height:39px;
	font-weight:normal;
	text-align:center;
	}
	
.indus-tab {
	width:360px;
	height:19px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "Gill Sans MT";
	font-size:14px;
	line-height:19px;
	font-weight:normal;
	}
	
	
.lj {
	text-align:left;
	border-bottom:#5f5f5f solid 1px;
}

.rj {
	text-align:right;
	border-bottom:#5f5f5f solid 1px;
}





/* FOOTER */

#footer {
	width:1100px;
	height:75px;
	background-color:#f8f8f8;
	clear:both;
	}

#footer p{
	font-size:13px;
	line-height:50px;
	font-family:"Century Gothic";
	color:#061c3c;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	
	}
	
#footer p.right{
	font-size:13px;
	line-height: normal;
	text-align:right;
	padding-left:15px;
	padding-right:15px;
	
	}
	
/* FORM */	

#form-container {
	width:280px;
	height:220px;
	background-color:#07224a;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	}
	
#t-container {
	width:250px;
	height:100px;
	background-color:#07224a;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	}
	
#form h2{
	padding-right:10px;
	padding-bottom:20px;
	font-size:16px;
	text-align:right;
	}
	
#t-container h2.t{
	padding-top:20px;
	padding-right:20px;
	padding-left:20px;
	padding-bottom:20px;
	font-size:16px;
	text-align:left;
	}
	

#form{
	padding-right:25px;
	padding-left:25px;
	padding-top:20px;
	}
	
#form p{
	font-family:"Century Gothic";
	font-size:12px;
	text-align:right;
	color:#FFFFFF;
	}
	
#t-container p{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:12px;
	text-align:left;
	color:#FFFFFF
	}
		
	
#form p.b{
	width:230px;
	padding-top:15px;
	text-align:left;
	font-size:12px;

	}


/* REGISTRATION FORM */

#register {
	width:450px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:40px;
	background-color:#07224a;
	margin-top:50px;
	}


#register h2{
	text-align:left;
	padding:20px;
	margin-bottom:20px;
	background-color:#2767c4;
	font-size:20px;
	}
	
#register p{
	text-align:left;
	padding:15px;
	font-size:12px;
	}
	
#register a{
	color:#3399FF
	}

#register a:hover{
	color:#FFFFFF
	}

/* =================Targeted Anchor( this happens to a table when a product is clicked from the "PRODUCTS BY INDUSTRY" section ===================*/


table:target, table.sftarget {
/*
background-image:url(images/hl-bg.jpg);
background-repeat:no-repeat; 
*/
background:#2da9ff;
color:#fff;
}