/* -----------------------------------------------------
Cold Jet Internal Page CSS - US English
Version:      1.0
Released:     June 30, 2007
Last edited:  n/a
Author:       Ned Portune <nportune@coldjet.com>
Copyright:   (c) 2007 Cold Jet LLC. All rights reserved.
-------------------------------------------------------*/

/* Global styles 
-------------------------*/

* {
	margin: 0;
	padding: 0;}

/* *:active {   turning this on causes select lists to act oddly
	text-decoration: none;
	border: 0;}  */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	text-decoration: none;}

h1, h2, h3 {
	font-weight: bold;}

h1 {
	font-size: 20px;}

h2 {
	font-size: 18px;}

h3 {
	font-size: 14px;}

p,
li {
	font-size: 13px;}

select {
	font-size: 11px;}

blockquote {
	padding: 0 20px;}

a:link, a:visited {
	text-decoration: none;}

a:hover, a:active, 
.readmore a:link, 
.readmore a:visited,
.gothere a:link, 
.gothere a:visited {
	text-decoration: underline;}

.readmore {
	text-align: right;
	font-weight: bold;
	letter-spacing: 1px;}

.gothere {
	text-align: left;
	font-weight: bold;}

.floatright {
	float: right;}

.floatright360 {
	float: right;
	width: 360px;}

.floatleft {
	float: left;}

.clear {
	clear: both;}

.strong {
	font-weight: bold;}

.black {
	color: #000000;}

.right { 
	text-align: right;}

.left {
	text-align: left; }


/* Page Container 
-------------------------*/

#pagecontainer {
	width: 756px;
	margin: 0 auto;  /* this provides the center float */
	position:relative;}

#headercontainer {
	width: 756px;
	padding-bottom: 0px;
	overflow-y : hidden;}

#navcontainer {
	width: 208px;
	border: 0;
	padding: 0;
	overflow-x : hidden;
	float: left;}

#bodycontainer {
	width: 544px;
	border: 0;
	padding: 0;
	float: right;}

#footercontainer {
	width: 754px;
	border: 0;
	padding: 0;
	margin-top: 15px;}


/* Header
-------------------------*/

#corporate_header {
	width: 744px;
	height: 26px;
	margin: 0 0 2px 0;
	padding: 4px 6px 0 4px;
	overflow-y : hidden;}

#corporate_header ul#corplinks,
#functionalnav ul#globallinks {
	float: left;}

#banner_container {
	width: 756px;
	/*  height: 86px;}  reqd when only using background image in div */
	height: 126px;} /* reqd when only using background image in div */

#banner-left {
	width: 208px;
	float: left;}

#banner-right {
	width: 544px;  /* extra pixel prevents Firefox scroll bar */
	float: right;}

#search_container {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	/* display: none; */
}

#search_container .search {
	display: inline;
	margin: 2px;}

#functionalnav {
	width: 542px;  /* extra padding prevents Firefox scroll bar */
	height: 26px;
	padding-right: 1px;
	overflow-y : hidden;}

#pagefunctions {
	float: right;}

#pagefunctions img {
	border: 0;}

#globallinks li {
	display: inline;
	padding-left: 9px;
	padding-right: 5px;}

img#logo {
	border: 0;}

#banner-ad {
	width: 544px;
	/* height: 55px;  */
	height: 95px;
	overflow-y : hidden;}

#corporate_header li {
	display: inline;
	padding: 0 9px 0 9px;
	font-size: 10px;}

#corporate_header li a:link, 
#corporate_header a:visited {
	font-weight: normal;}

#search_container a, 
#search_container a:link, 
#search_container a:visited {
	font-weight: bold;
	text-decoration: none;}

#search_container .search {
	font-size: 12px;}

#search_container input {
	font-size: 10px;}

#globallinks li {
	font-size: 9px;}

#globallinks li a:link, 
#globallinks a:visited {
	font-weight: normal;}


/* Sidebar  
-------------------------*/

#navcontainer h1 {
	padding: 5px 10px 5px 10px;
	background-position: top;}

#navcontainer h2{
	margin: 0.5em 0 0 10px;}

#navcontainer ul {
	margin-top: 0.5em;}

#navcontainer li {
	margin-left: 2.5em;
	padding-right: 10px;
	padding-bottom: 0.5em;}

#navcontainer .aditem {
	margin-bottom: 4px;}

#navcontainer .aditem h2 {
	margin: 1.5em 20px 0 20px;}

#navcontainer .aditem p {
	margin: 0 20px 10px 20px;}

#navcontainer .aditem .readmore {
	margin-right: 2px;
	padding-bottom: 10px;}

#navcontainer .sublink {
	font-style: italic;}

.primenav, 
.secondnav, 
.insidenav {
	padding-bottom:  10px;}

#navcontainer {
	font-size: 11px;
	font-weight: normal;} 

#navcontainer h1, 
#navcontainer h2 {
	font-size: 12px;
	font-weight: bold;}
	
#navcontainer .insidenav h1 {
	font-size: 13px;}

#navcontainer li {
	line-height: 1em;
	font-size: 11px;
	font-weight: normal;}

#navcontainer .aditem p {
	font-size: 11px;
	font-weight: normal;}

#navcontainer .aditem h2 {
	font-size: 11px;
	font-weight: bold;}

#navcontainer .spacer {
	font-size: 8px;}

#industryselection select, 
#appselection select, 
#navcontainer #productselection select {
	width: 186px; 
	margin: 0.5em 0 0 10px;}


/* General Content 
-------------------------*/

#bodycontent {
	width: 510px;
	margin: 0 10px 5px 15px;
	padding-top: 5px;
	padding-bottom: 10px;}

#bodycontent h1, 
#bodycontent h2, 
#bodycontent h3 {
	padding: 10px 0 0 0;}

#bodycontent p {
	margin: 0.6em 0 0.5em 0;
	padding-top: 4px;
	line-height: 1.2em;
	/* display: block;	 */
}

#bodycontent .gothere {
	padding: 10px 0 10px 0;}

#bodycontent ul,
#bodycontent ol {
	margin-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;}

#bodycontent ol {
	margin-left: 40px;}

#bodycontent li {
	line-height: 1.2em;
	padding-bottom: 4px;}

#bodycontent img {
	border: 0;
	padding: 0 0 4px 10px;}

#bodycontent .imgrt-withcaption {
	float: right;
	display: inline; /* reqd for IE6 */
	width: 220px;
	text-align: center;
	border-bottom: 1px dashed #ababab;
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	padding-top: 20px;}

#bodycontent .imgrt-withcaption img {
	padding: 0;}

.video a,
.photo a,
.brochure a,
.caption {
	font-size: 11px;
	line-height: 1em;}

#bodycontent .caption
{
	margin-left: 10px;
	margin-right: 15px;
}

#bodycontent .video,
#bodycontent .photo,
#bodycontent .brochure {
	min-height: 22px;
	margin-left: 10px;
	padding-top: 0;
	padding-left: 30px;
	text-align: left;}

#bodycontent .imgrt-withcaption .video,
#bodycontent .imgrt-withcaption .photo,
#bodycontent .imgrt-withcaption .brochure {
	min-height: 22px;
	margin-left: 20px;
	margin-right: 25px;}

#productselection select {
	width:150px;}

#breadcrumbs p {
	font-size: 11px;
	font-weight: normal;
	color: #FFFACD;
    height: 19px; /* IE 6 treats height as min-width */
    min-height: 19px;
    padding-top: 6px;
    padding-bottom: 1px;
	padding-left: 10px;}

#breadcrumbs a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;}

#breadcrumbs a:hover {
	color: #ffffff;
	text-decoration: underline;}

.last {
	border-bottom: 0;}


/* Product content area  
-------------------------*/

#bodycontent p.subhead {
	font-size: 14px;
	font-weight: bold;
	margin: 0;}

#bodycontent legend {
	font-weight: bold;
	font-size: 18px;
	margin-left: 0px;
	padding: 4px;
	padding-bottom: 0px;}

#bodycontent #productimage {
	float: right;
	width: 188px;
	display: inline; /* reqd for IE6 */
	text-align: center;
	padding-left: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 10px;}

#bodycontent #description, 
#bodycontent #specifications, 
#bodycontent #relatedproducts {
	margin-top: 20px;}

#bodycontent fieldset {
	padding-left: 10px;
	padding-right: 10px;}

#bodycontent fieldset p,
#bodycontent fieldset li {
	margin-left: 5px;
	font-size: 12px;}


.table {border: 1px solid Black; padding: 5px; text-align: center; margin: 20px 0 10px 0; clear: both;}
.table table {border: 0;}
.table table td {margin: 0; border-right: 0; border-left: 0; padding: 4px; text-align: center; font-size: 11px;}
.table table .heading td {font-weight: bold; border-bottom: 1px solid black;}
.table table tr.odd {background-color: #eaeaea;}
.table table .keyheading td {font-weight: bold; color: #0B319E; font-size: 12px;}
.table table td.heading {text-align: right;}

#faq li.q {
	font-weight: bold; color: #9f454e;}
#faq li.a {
	padding-bottom: 15px;}

#bodycontent img.nomargin {
	margin-left: 0;
	margin-top: 10px;
	padding-left: 0;}

#customers li {
	font-size: 11px;}

#bodycontent .withborder {
	border: 1px solid #eaeaea;
	margin: 6px;
	margin-left: 10px;
	padding-right: 8px;}

#bodycontent .floatrightwithborder {
	border: 1px solid #eaeaea;
	margin: 6px;
	margin-left: 10px;
	padding-right: 8px;
	float: right;}
	
#bodycontent .quote {
	background: url(../images/quote.gif) left top no-repeat;
	padding-left: 20px;
	margin-top: 10px;}

#bodycontent .insetquote {
	padding: 20px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 20px;}

#bodycontent .insetquote p.quotetext {
	font-size: 75%;
	font-style: italic;}

#bodycontent p.reference {
	font-size: 11px;
	margin-left:15px;
	margin-top:20px;}

	
/* Footer  
-------------------------*/

#footerbar {
	width: 754px;
	height: 10px;
	margin-bottom: 10px;}

#copyright {
	width: 270px;
	float: left;}

#footerlinks {
	width: 480px;
	float: right;}

#footerlinks a:link, 
#footerlinks a:visited {
	padding: 0 6px 0 3px;}

#footerlinks, 
#copyright {
	font-size: 10px;}

#footerlinks {
	text-align: right;}

#print_footer {
	clear: both;
	display: none;}

/* Float  
-------------------------*/

#floatbox
{
	width: 150px;
	float: right;
	padding: 0 0 0 0;
	margin: 6px 0 20px 20px;
}

#floatboxwide
{
	width: 205px;
	float: right;
	padding: 0 0 0 0;
	margin: 6px 0 0px 20px;
}

#floatbox h1, 
#floatboxwide h1,
.floatitem h2,
.floatitem p
{
	font-size: 11px;
}

#floatbox h1,
#floatboxwide h1
{
	padding: 5px 10px 5px 10px;
}

#floatbox img,
#floatboxwide img
{
	border: 0;
	float: left;
	margin-top: 0.5em;
	padding: 0 5px 8px 0;
}

.floatitem
{
	margin: 0 10px 0 10px;
}

.floatitem h2
{
	margin: 0.3em 0 0 0;
}

.floatitem p
{
	margin: 0.5em 0 1.5em 45px;
}

#bodycontent #floatbox h1,
#bodycontent #floatboxwide h1
{
	color: #ffffff;
}

#bodycontent #floatbox h2,
#bodycontent #floatboxwide h2
{
	color: #9f454e;
}

#bodycontent #floatbox,
#bodycontent #floatboxwide
{
	border: 1px solid #eaeaea;
	/* border-bottom: 0; */
}

#bodycontent #floatbox h1,
#bodycontent #floatboxwide h1
{
	background: #ababab url(../images/graynavgrad.jpg); 
}

#bodycontent .floatitem
{
	/* border-bottom: 1px Solid #eaeaea; */
	padding-bottom: 12px;
}

/* END Float  
-------------------------*/

/* Text Colors  
-------------------------*/

body {
	color: #000000;}

a:link, 
a:visited {
	color: #0B319E;}

a:hover, 
a:active {
	color: #ff0000;}

#corporate_header li a:link, 
#corporate_header a:visited,
#search_container a, 
#search_container a:link, 
#search_container a:visited,
#navcontainer h1 {
	color: #ffffff;}

#navcontainer h2 {
	color: #000000;}

#navcontainer li,
#navcontainer .insidenav h1,
#bodycontent h1 {
	color: #0B319E;}

#bodycontent h2,
#bodycontent legend {
	color: #00AFD7;}

#bodycontent p.subhead,
#bodycontent p.reference {
	color: #8e8e8e;}


/* Borders and backgrounds  
-------------------------*/

body {
	background-color: #ffffff;}

#contentcontainer {
	background: url(../images/homebg.gif) repeat-y;
	border-bottom: 1px solid #eaeaea;}

#corporate_header {
	border: 1px solid #ababab;
	background: #ababab url(../images/graynavgrad.jpg);}

#search_container .search {
	border: 1px solid #ffffff;
	background-color: #0B319E;}

#globallinks li {
	border-left: 1px solid #ababab;}

#banner-right .allpages {
	background: #ffffff url(../images/banner.jpg);
	background-position: top left;}

#corporate_header li {
	border-right: 1px solid #eaeaea;}

#navcontainer .aditem {
	border-right: 1px Solid #eaeaea;}

.primenav, 
.secondnav, 
.insidenav {
	border: solid 1px #ababab;
	background-color: #efefef;}

.insidenav h1 {
	background: #ffffff url(../images/icenavgrad.jpg);}

.primenav h1, 
#breadcrumbs p {
	background: #0B319E url(../images/bluenavgrad.jpg);}

.secondnav h1 {
	background: #ababab url(../images/graynavgrad.jpg);}

#bodycontent .video,
#bodycontent .imgrt-withcaption .video {
	background: url(../images/videoicon.gif) left top no-repeat;}

#bodycontent .photo,
#bodycontent .imgrt-withcaption .photo {
	background: url(../images/photoicon.gif) left top no-repeat;}

#bodycontent .brochure,
#bodycontent .imgrt-withcaption .brochure {
	background: url(../images/brochureicon.gif) left top no-repeat;}

#bodycontent fieldset#relatedproducts,
#bodycontent fieldset {
	border: 1px solid #ababab;}

#bodycontent #productimage {
/*	border-left: 1px dashed #ababab; */
	border-bottom: 1px dashed #ababab;}
	
.spacer {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;}

#footerbar {
	background-color: #ababab;
	border-top: 1px solid #ababab;}

#footerlinks a:link, 
#footerlinks a:visited {
	border-right: 1px Solid #ababab;}


/*
IE6 Specific hacks
---------------------------  */

* html #corporate_header {
	height: 22px;}

* html #search_container {
	margin-top: -4px;}

* html #functionalnav ul#globallinks {
	margin-top: 6px;}

* html #navcontainer {
	line-height: 1.2;} /* This hack prevents the peekaboo bug */

* html #bodycontent .photo, 
* html #bodycontent .video, 
* html #bodycontent .brochure {
	height: 22px;}

* html #bodycontent fieldset p { /* required for IE6 to indent text correctly */
	margin-left: 12px;}

* html #footerbar {  /* required for IE6 to size bar height correctly */
	font-size: 8px;}


/*
Display Toggles
---------------------------  */

#globallinks #login {
	display: none;}

#search_container {
	/* display: inline; */
	display: none;}
	
#bookmarkpage {
	display: none;}

#relatedproducts {
	display: none;}

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

