/* @override http://pulsar.dev/css/layout.css */

* {
	margin-top: 0px;
}

html, body, #wrap {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	overflow-y: scroll;
	*overflow-y: inherit; /* IE6 */
}

body > #wrap {
	height: auto; 
	min-height: 100%; 
}

#wrap, #footer {
	width: 785px;
	margin: 0px auto;
	background-color: #FFF;
	background-image:url(/images/background.gif);
	background-position: -10px;
	padding-left:6px;
}


.forPrint {
	display:none;
}

#footer {
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header, #horz_nav, #topdiv { /* IE6 */
	position:relative;
}
/*####################
= Primary Styles
####################*/


body {
	background-color: #D3D3D3;
	background-repeat: repeat-y;
	margin-left: 0px;
	padding-left: 16px;
	font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	color: #333;
  }

  a:link {
	  color:#2175BC;

  }
  a:hover {
	  text-decoration: underline;
  }

  dl.notes {margin: 5px 0px 0px 0px; width: 712px;}
  dl.notes dt {margin: -1px 0px 0px 0px; display: block;float:left; font-size: 9px;}
  dl.notes dd {margin: 0px 0px 5px 20px;}

  .highlight {color:red}

  ul {list-style: url(/images/bullet.gif);
	  *list-style: url(/images/bullet_ie.gif);
}
ul li blockquote {margin-top:-15px;*margin-top:-14px;margin-bottom:0px;margin-left:170px;}


/*####################
=Header
####################*/

#header a {
	color:#FFF;
	text-decoration: none;
	padding: 3px 8px 4px;
  }
  #header a:hover {
	  text-decoration: underline;
  }
  #header {
	  height: 58px;
	  border-bottom: 1px solid #2175BC;
	  background-image: url(/images/header.jpg);
	  background-repeat: no-repeat;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 11px;
  }
  #header ul {
	  float: right;
	  display: block;
	  height: 58px;
	  margin: 0px;
	  padding: 0px 11px 0px 0px;
  }
  #header ul li {
	  float: left;
	  display: block;
	  padding-top: 3px;
  }


  /*####################
  =Footer
  ####################*/

#footer { 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 1.4;
}

#footer hr {
	clear:both;
	width: 730px;
	height: 1px;
	color: #999;
	background-color: #999;
	border: 0;
	margin-bottom: 11px;
	*margin-bottom: 4px;
}

#footer a {
	padding: 0px 4px;
}

#footer a:visited {
	color: #2175BC;
}

#toolbar {
	float: right;
	margin: 109px 28px 14px 0px;
			*margin: 109px 9px 8px 0px;
			padding:0px;
			font-size: 11px;
			letter-spacing: .5;
			color: #666;
}

img.rohs-iso9001 {
	padding-left: 34px;
	margin-top: 40px;
	margin-bottom: 14px;
	*margin-bottom: 8px;
	float:left;
	display:block;
	height:83px;
	vertical-align: bottom;
}

#toolbar a {
	padding: 0px 5px;
}

#toolbar a:visited {
	color:#2175BC;
}

/*####################
=Content
####################*/

#content {
	background-image: url(/images/bottom_shadow.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	width: 730px;
	position:relative;
	font-size: 11px;
	padding: 25px;
	padding-bottom: 250px; /* Must be at least same height as footer. Can be larger for aesthetic reasons. */
  }

#content.home {
	background-image: none;
	width: 580px;
	margin-left: 179px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

h1 {
	font-size: 24px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	word-spacing:1pt;
}

h3 {
	*margin-top: 20px;
	font-size: 16px;
	color: #555;
}

.caption {
	margin: 40px 0px -25px 0px;
}

/*#########################
=Notice Box / Error Box
#########################*/

.notice_box li {
	list-style-image: none;
}
.notice_box {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 15px;
}
.notice_box.success {
	border: 1px solid #90cb91;
	background-color: rgba(223,249,207,0.88);
	color:  #555;
}
.notice_box.warning {
	border: 1px solid #dcddb0;
	background-color: rgba(252,254,202,0.88);
	color:  #555;
}
.notice_box.error {
	border: 1px solid rgba(183,40,39,0.47);
	background-color: rgba(250,205,215,0.74);
	color:  #555;
}

/*#########################
=Subcategory Div Lists
#########################*/

.subcat {
	width: 18em;
	float: left;
	padding: 0px 0px 20px 0px;
	margin: 25px 40px 0px 0px;
	/*border: solid black 1px;*/
}

.subcat h3{
	margin-bottom: 6px;
	padding: 0px 0px 3px 10px;
	border-bottom: solid #CCC 1px;
	font-family: Arial, Helvetica, sans-serif;
}

.subcat a {
	padding-left: 10px;
	text-decoration: none;
}

.subcat a:hover {
	text-decoration:underline;
}

/* Product Summary */
.summary {
	clear: left;
	padding-top: 25px;
	padding-left: 10px;
	line-height: 1.6;
	font-size: 12px;
}

.summary p {
	padding: 4px 0px;
}

/*#########################
=Index
#########################*/

#topdiv {
	background-image: url(/images/home_background.gif);
	background-repeat: repeat-x;
	height: 34px;
	padding: 8px 0px 0px 159px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	width:621px;
}

#topdiv a {
	color: #333;
	text-decoration: none;
}

div#newsletter {

	margin-top: 50px;
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #e3e3e3;

	font: bold 12px auto Arial, Helvetica, sans-serif;
	color: #333;

}
div#newsletter form { margin: 0; padding: 0; }
div#newsletter p { margin: 7px 10px 5px 0px; padding: 0; float: left;}
div#newsletter .textinput {
	font-size: 11px;
	border: 1px solid #666666;
	margin: 5px 10px 5px 0px;
	padding: 2px;
}

.button {
	font-size: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #5ba3e0 #29485F #29485F #5ba3e0;
	background-color: #2175bc;
	color: #FFFFFF;
	margin: 5px 10px 5px 0px;
	padding: 1px;
			 *padding: 0px;

}

.button:active {
	border-color: #29485F #5ba3e0 #5ba3e0 #29485F;
}

#content p#company {
	padding-top: 20px;
	padding-bottom: 35px;
	font-size: 11px;
	text-align: justify;
}

#newproducthead {
	width: 354px;
	height: 48px;
	background:url(/images/newproducthead_background.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color: #333;
}

#newproducthead form {
	font-size: 19px;
	padding-top: 10px;
	padding-left: 10px;
}

#newproducthead form span {
	display:block;
	float:left;
}

#newproducthead form select {
	margin-top: 3px;
	margin-left: 9px;
}

#email_signup.subscribe_htm {
	margin: 75px auto 200px auto;
}

#email_signup {
	width: 400px;
	border: 1px solid #ccc;
	background-color: #e8e8e8;
	padding: 10px 20px 10px 10px;
}
#email_signup h3 {
	font-family: Lucida Grande, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	font-size:  19px;
	font-weight:normal;
}
#email_signup input.email {
	font-size: 12px;
	padding-left: 3px;
	margin-right: 10px;
	width: 165px;
}

div.post div.hr {
	margin: 0;
	padding: 0;
	font-size: 1px;
	border: none;
	width: 464px;
	height: 3px;
	background:url(/images/newproduct_hr.gif);
	text-align: left;
}

div.post h2.storytitle {
	margin: 30px 0px 0px 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

div.post img {
	position: relative;
	float: right;
	top: -10px;
	width: 140px;
}

div.post img {
	border:none;
}

div.post div.storycontent {
	margin: 5px 0px 0px 5px;
	padding: 0;
	font-size: 11px;
}

.previous_link {
	padding-top: 34px;
	font-size: 14px;
}



/*#########################
=Outlines Page
#########################*/

div.outlineContent img {
	padding-left: 50px;
}

div.outlineList {
	float: left;
	margin-right: 30px;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	width: 110px;
	height: 270px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
}

div.outlineList p {
	margin: 0;
	padding-bottom: 10px;

}

div.outlineList form {
	margin: 0;
	padding: 0;
	padding-left: 6px;
}

body.outlineiframe {
	overflow-y: auto;
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/*#########################
=Quote Form Success Page
#########################*/
#submit_box {
	width:500px;
	background-color: #e8e8e8;
	border: 1px solid #ccc;
	padding: 30px 10px;
	margin: 75px auto 200px auto;
	text-align: center;
}