/*
styles.css
Screen media CSS common to all pages.

author: Jing Chen
version: 1.0
last modified: July 10, 2008
*/

/* general */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;	
	background-color: #e29722 ;
	text-align:center;
}

a {
	color: #e29722;
	font-size: 100%;
}
a:hover {
	color: #ffffff;
}
a.light {
	text-decoration: none;
}
h1 {	
	color: #e29722;
	font-weight: normal;
	margin: 20px 0px 10px 0px;	
	font-size: 140%;
}
h2 {
	color: #e29722;
	font-weight: bold;
	font-size: 110%;
	margin: 0px 0px 10px 0px;
}
h3 {
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	margin: 0px 0px 10px 0px;
}
h4 {
	color: #335800;
	text-transform: uppercase;
	font-weight: bold;
	font-size:90%;
	margin: 0px 0px 5px 0px;
}
strong {	
	font-weight: bold;
}
p {
	margin: 0 0 1em 0;
}
select, input {	
	font-family: Verdana, Tahoma, Sans-Serif;
	font-size: 100%;
	margin: 1px 0px 1px 0px;
}
img {
	border: 0px;
	behavior: url('iepngfix.htc');
}



/* container */
#container-outer {
    margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;	
    border: 3px solid #ffffff;
    width: 966px;
    min-height: 840px;
}
#container {	
	border: 1px solid #ffffff;	
	min-height: 840px;
	text-align: left;
	
}
div > #container {
	background: #335800 url("../images/bg_container_new.jpg") no-repeat top right;
}
*html #container {
	background-color: #335800;
}


/* header */
#header {
    height: 290px;	
}
#header-main {
    float: left;
    width: 654px;
}
#logo-area {    
    background-color: #335800;
    height: 124px;
}
#logo {	
    display: block;
    float: left;
	background: url("../images/bg_logo.gif") no-repeat;
	margin: 12px 0 0 30px;
	width: 160px;
	height: 86px;
}
#tagline {
    float: right;
    background: url("../images/bg_tagline.gif") no-repeat;
	margin: 50px 100px 0 0;
	width: 217px;
	height: 37px;
}
#nav {
	height: 31px;
	border: 1px solid #ffffff;
	border-left: 0;
	border-right: 0;
	height: 30px;
	margin-left: -1px;
	background-color: #ffffff;
	font-size:80%;
}
#nav a {
	display: block;
	float: left;	
	color: #335800;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	margin-top: 7px;	
}
#nav a.first {
    margin-left: 15px;
}
#nav a.selected {
    color: #339900;
}
#nav a.separator {
    width: 2px;
    height: 12px;
    border-right: 2px solid #335800;
    margin-top: 9px;
    margin-left: 7px;
	margin-right: 7px;
}
#intro {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 550px;   
}
#introproducts {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 600px;
}
#introhome {
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 380px; 
	

	
}
#header-main .separator {
    margin-left: 40px;
    width: 560px;
    height: 1px;
    border-bottom: 1px solid #f5ce73;
}
#jobseparator {
    width: 200px;
    height: 1px;
    border-bottom: 1px dotted #f5ce73;
	padding-top:10px;
}
#feature {    
    width: 310px;
    height: 279px;
    margin-top: 0px;
	background: url("../images/rotatinggraphic.gif") bottom right no-repeat;
}
#pullouthome {
    margin-top: 30px; 
	margin-right: -2px;
    background: url("../images/quote.gif") bottom right no-repeat;
	width: 212px;
    height: 205px;
	float: right;
	
	
}
#pulloutabout {
    margin-top: 30px; 
	margin-right: 80px;
    background: url("../images/quote_about.gif") bottom right no-repeat;
	width: 210px;
    height: 218px;
	float: right;
	
	
}
#pulloutproduct {
    margin-top: -30px; 
	margin-right: 80px;
    background: url("../images/quote_product.gif") bottom right no-repeat;
	width: 218px;
    height: 210px;
	float: right;
	
	
}
#catalog {
    display: block;    
    margin-left: 45px;
    width: 252px;
    height: 50px;
    background: url("../images/bg_download_catalog.gif") bottom right no-repeat;
}


/* body */
#body {
    margin-left: 40px;        
    padding-top: 40px;    
}
#body2 {
    margin-left: 40px;        
    padding-top: 20px;    
}
#bodyhome {
    margin-left: 7px;        
    padding-top: 0px;
	margin-top: -10px;
	
}
#bodyourproducts {
    margin-left: 40px;
	 padding-top: 85px;        
   
}
a.nav_bodyhome:visited, a.nav_bodyhome:active, a.nav_bodyhome:link{
text-decoration:none;
color: #e29722;
font-size: 12px;
font-style:italic;
font-weight:bold;


}
a.nav_bodyhome:hover 
{
text-decoration:none;
font-size: 12px;
color: #e29722;
font-style:italic;
font-weight:bold;
}

#producticons {
    margin-left: 40px;        
    padding-top: 40px;    
}


/* sub nav */
#sub-nav {
    float:left ;	
	font-size: 110%;
	width: 200px;	
}
#sub-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#sub-nav ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	border: 0;
	background: url("../images/bg_bullet.gif") top left no-repeat;
}
#sub-nav ul li.selected {
    background-image: url("../images/bg_bullet_selected.gif");
}
#sub-nav ul li a {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
#sub-nav ul li.selected span {
    color: #e29722;
}
#sub-nav ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
}
#sub-nav ul li ul li {
	margin: 0;
	padding: 1px 0 1px 15px;
	border: 0;	
	background: url("../images/bg_sub_bullet.gif") top left no-repeat;
}
#sub-nav ul li ul li.selected {
    background-image: url("../images/bg_sub_bullet.gif");
}
#sub-nav ul li ul li a {	
	color: #ffffff;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
#sub-nav ul li ul li.selected a {	
	color: #e29722;	
	text-decoration: underline;
}
#sub-nav ul li ul li a:hover {
	color: #7497B9;
	text-decoration: underline;
}
#send-to-colleague {
    background: url("../images/bg_send_to_colleage.gif") top left no-repeat;
    height: 111px;
    width: 178px;
    padding-top: 58px;
    padding-left: 15px;
}
#search-box {
    background: url("../images/bg_search.gif") top left no-repeat;
    height: 73px;
    width: 223px;
	float:right;
    padding-left: 12px;
	
   
}
#emaillentia {
    background: url("../images/bg_emaillentia.gif") top left no-repeat;
    height: 240px;
    width: 302px;
	padding-top: 10px;
	padding-left: 12px;
   
}


/* content */
#content {
    float: right;
    width: 700px; 
}
#contentsearch {
    float: right;
    width: 700px; 
	margin-top:-25px;
}



/* datagrid styles */
.datagrid {	
	width: 680px;
}
.datagrid .datagrid-header {
	color: #ffffff;
	font-weight: bold;	
	margin: 0px;
	padding: 10px 0px 5px 10px;
	border: 0px;
	border-bottom: 1px solid #ffffff;    
}
.datagrid .datagrid-item {
    padding: 10px 10px 5px 10px;
    min-height: 80px;    
}
.datagrid > .odd {    
    background: url("../images/bg_datagrid_item.png") top left no-repeat;
}
.datagrid .column {
    float: left;     
}
.datagrid .column1 {        
    width:100px;
}
.datagrid .column2 {   
    width:30px;
}
.datagrid .column3 {    
    width:300px;
	margin-right:5px;
	margin-left:5px;
}
.datagrid .column4 {    
    width:70px;
}
.datagrid .column5 {    
    width: 70px;    
}
.datagrid .column6 {    
    float: right;
	vertical-align:middle;
   
}
.tableheader
{
border-bottom:thin;
border-bottom-color:#FFFFFF;


}


/* utility styles */
.float-left {
	float: left;	
}
.float-right {
	float: right;
}
.clear-both {
	clear: both;
	height: 1px;
}
.clear-right {
	clear: right;
}

#footer {
	
	font-size: 10px;
	color: #335800;
	text-align:center;
	width:966;
	margin-left: auto;
	margin-right: auto;	
	
}
div.expandable_note_box {
		width: 237px;
		min-height: 100px;
		background-image: url("../images/top.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 20px;

		color: #b05a1d;
	}
	
	div.expandable_note_box div.middle {
		width: 237px;
		background-image: url("../images/middle.jpg");
		background-position: center;
		background-repeat: repeat-y;
	}
	
	div.expandable_note_box div.inside {
		padding-left: 20px;
		width: 200px;
	}
		
div.expandable_note_box_new {
		width: 415px;
		min-height: 100px;
		background-image: url("../images/top_new.jpg");
		background-position: top left;
		background-repeat: no-repeat;
		padding-top: 20px;

		color: #b05a1d;
	}
	
	div.expandable_note_box_new div.middle {
		width: 415px;
		background-image: url("../images/middle_new.jpg");
		background-position: center;
		background-repeat: repeat-y;
	}
	
	div.expandable_note_box_new div.inside {
		padding-left: 20px;
		width: 350px;
	}
		
		
		
.small
{
font-size: 80%;
font-weight: bold;
}
.subcat
{
width: 500px;
font-weight: bold;
font-size: 80%;
}
fieldset {

padding: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
margin-right:20px;
float: right;
width:250px;


}

legend

{
COLOR: blue;
}

.error {
 FONT-SIZE: 100%; COLOR: #e29722; LINE-HEIGHT: 130%; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
 width:150px;
}

.bgfeature

{
background-image:url(../images/bg_featured2.gif);
background-repeat:no-repeat;
height:189;
width:220px;
font-family:Verdana, arial, sans-serif;
color: #333333;
font-size:10px;


}



.havequestion

{
float: left;


}

.featured

{
color: #ff0000;
font-weight:bold

}

#announcement {
	width: 290px;
	padding-left: 15px;
	padding-right: 10px;
	padding-top:10px;
	height: 60px;
	border: dotted 2px #e29722;	
    margin-top:10px;
}