/* -----------------------------------------------------
Cold Jet Home Page CSS - US English
Version:      1.2
Released:     July 23, 2007
Last edited:  Feb 25, 2008
Author:       Ned Portune <nportune@coldjet.com>
Copyright:   (c) 2007 Cold Jet LLC. All rights reserved.
-------------------------------------------------------*/

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

* {
	margin: 0;
	padding: 0;}

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

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

h1 {
	font-size: 18px;}

h2 {
	font-size: 14px;}

h3, p {
	font-size: 11px;}

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: right;
	font-weight: bold;}

.clear {
	clear: both;}


/* 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;
	/* display: inline; - not necessary */ }

#footercontainer {
	width: 754px;
	border: 0;
	padding: 0;
	margin-top: 15px;
	/* clear: both; - not necessary */ }

#contentcontainer {
	/* border: 1px solid Black; */ }


/* 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: 126px; /* reqd when only using background image in div */ }

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

#banner-right {
	width: 544px;
	float: right;}

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

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

#functionalnav {
	width: 542px;
	height: 26px;
	padding-right: 1px;
	overflow-y : hidden;}

#pagefunctions {
	float: right;}

#pagefunctions img {
	border: 0;}

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

#banner-ad {
	position: relative;
	width: 544px;
	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;}

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

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

#banner-ad h1 {
	padding: 12px 0 4px 0;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	margin-left: 24px;}

#banner-ad p {
	font-size: 14px;
	font-weight: bold;
	margin-left: 70px;
	line-height: 1em;}


/*
IE 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 */


/* 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;}

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

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

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

#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;
	font-size:11px;}


/* Main Content 
-------------------------*/

.twocolleft {
	width: 320px;
	margin: 0;
	float: left;
	padding-top: 5px;}

.twocolright {
	width: 190px;
	margin: 0;
	float: right;
	padding-top: 5px;}

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

.onecol p {
	margin: 0.5em 0 0.5em 0;
	padding-top: 10px;
	/* display: block;	 */ }

#twocol p.gothere {
	padding-top: 10px;}

.last {
	border-bottom: 0;}

.twocolleft p {
	margin: 0.5em 0 0.5em 0;}

.homeitemrt, .homeitemlft {
	width: 320px;
	margin: 0 10px 15px 15px;
	padding-bottom: 15px;}

.homeitemrt h1, .homeitemlft h1 {
	padding: 1px 0 5px 0;}

.homeitemrt h1 {
	padding-right: 140px;}

.homeitemlft h1 {
	padding-left: 120px;}

.homeitemrt img {
	border: 0;
	padding: 0 0 4px 10px;
	width: 120px; }

.homeitemrt img.tall {
	padding: 0 0 15px 10px;
	width: 120px; }

.homeitemrt img, .homeitemrt img.tall {
	float: right;}

.homeitemlft img {
	border: 0;
	padding: 0 10px 4px 0;
	width: 120px; }

.homeitemlft img, .homeitemlft img.tall {
	float: left;}

.homeitemlft h1 {
	text-align: right;}

.homeitemlft p /* Clears text around image when image is on left */ {
	clear: both;}

.twocolleft p, 
.onecol p {
	line-height: 1.2em;}

#productselection select {
	width:150px; 
	font-size:11px;}


/* ITEMS SPECIFICALLY FOR JQUERY TABS 
-------------------------- */

/* Reqd - IE only - to set entire block width */
.ui-tabs-nav { /* auto clear */
    display: inline-block;}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;}

.ui-tabs-nav:after { /* clearing without presentational markup */
    display: block;
    clear: both;
    content: " ";}

.ui-tabs-nav li {
    float: left;
    margin: 0;
    min-width: 84px; /* be nice to Opera */
	border-right: 1px solid #ababab;}

.ui-tabs-nav li#lasttab {
    float: left;
    margin: 0;
    min-width: 84px; /* be nice to Opera */
	border-right: 0px solid #ababab;}
	
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    /* background: url(../images/bluenavgrad.jpg) no-repeat; */ }
#featurewrapper .ui-tabs-nav a {
    position: relative;
    top: 0;
    z-index: 2;
    padding-left: 0;
	padding-top: 0;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    /* background: url(../images/bluenavgrad.jpg); - individual tab BG - not necessary if bg on container */ }

#featurewrapper .ui-tabs-nav .ui-tabs-selected a {
    background: url(../images/icewhtnavgrad.jpg);
	color: #0B319E;
    outline: 0; /* prevent dotted border in FF */ }

#featurewrapper .ui-tabs-nav a:hover, #featurewrapper .ui-tabs-nav a:active {
    background: url(../images/icenavgrad.jpg);
	color: #ff0000;
	text-decoration: none;
	padding-bottom: 1px;
    outline: 0; /* prevent dotted border in FF */ }

#featurewrapper .ui-tabs-nav .ui-tabs-selected a:hover {
    background: url(../images/icewhtnavgrad.jpg);
	color: #0B319E;
	text-decoration: none;
	padding-bottom: 0;
    outline: 0; /*  prevent dotted border in FF */ }

.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    height: 19px; /* IE 6 treats height as min-width */
    min-width: 64px;
    min-height: 19px;
    padding-top: 6px;
    padding-right: 0;}

*>.ui-tabs-nav a span { /* hide from IE 6*/
    width: auto;
    height: auto;}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}

.ui-tabs-panel {
    /* border-top: 1px solid #97a5b0; */
	margin-top: 0;
	margin-bottom: 0;
    padding: 1em 8px;
    /* background: #ffffff; background color for container */ }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, for media types */
    .ui-tabs-hide {
        display: none; }
    }


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;}


/*
Feature area - not specifically jquery tabs
------------------------------------------- */

#featurewrapper {
	width: 544px;
	border: 0;}

#container-1 {
	min-height: 395px;}

* html #container-1 {
	height: 395px;} /* For IE tabs, min-height doesn't work in IE6 */
	
#container-1 ul {
	/* display: none;  - use this in IE5Mac css */
	width: 100%;}

#feature-1, #feature-2, #feature-3, #feature-4 {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg.jpg) no-repeat;}

#feature-c100 {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-c100.jpg) no-repeat;}

#feature-aero {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-aero.jpg) no-repeat;}

#feature-microclean {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-microclean.jpg) no-repeat;}

#feature-roi {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-roi.jpg) no-repeat;}

/* #feature-vids {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-2bg-vids.jpg) no-repeat;} */

#feature-flip {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-flip.jpg) no-repeat;} 

#feature-contractor {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-contractor.jpg) no-repeat;} 

#feature-dic {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-dic.jpg) no-repeat;} 

#feature-dims {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-dims.jpg) no-repeat;} 

#feature-farrow {
	width: 526px;
	margin: 0 0 0 0;
	padding-bottom: 5px;
	background: #ffffff url(../images/feature-1bg-farrow.jpg) no-repeat;} 

#feature-2 {
	background: #ffffff url(../images/feature-2bg.jpg) no-repeat;}

#feature-3 {
	background: #ffffff url(../images/feature-3bg.jpg) no-repeat;}

#feature-1:after, #feature-2:after, #feature-3:after, #feature-4:after { /* clears area for parent container in Firefox */
    display: block;
    clear: both;
    content: " ";}

#feature-c100:after, #feature-aero:after, #feature-roi:after, #feature-microclean:after, #feature-vids:after, #feature-flip:after, #feature-contractor:after, #feature-dic:after, #feature-dims:after, #feature-farrow:after  { /* clears area for parent container in Firefox */
    display: block;
    clear: both;
    content: " ";}

#container-1 .text {
	margin-right: 240px;
	margin-top: 82px;}

#container-1 #feature-roi .text {
	margin-right: 20px;}

* html #container-1 .text /* for IE  */ {
	margin-top: 110px;}

#container-1 .text h1 {
	font-size: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 110px;}

#container-1 #feature-roi .text h1 {
	margin-top: 100px;}
	
#container-1 .text  h2 {
	padding: 1px 0 5px 0;}

#container-1 .text  h3 {
	padding: 10px 0 2px 0;}

#container-1 .text p.gothere {
	text-align: left;
	padding: 15px 0 10px 0;
	text-decoration: none;}

#container-1 .text .gothere a:link, 
#container-1 .text .gothere a:visited {
	text-decoration: none;}

#container-1 img {
	border: 0;
	float: right;}

#container-1 .video {
	background: url(../images/videoicon.gif) top right no-repeat;
	padding-right: 25px;
	padding-top: 2px;}

#container-1 #flashcontent {
	border: 0;
	float: right;}

#bottom-ad1, #bottom-ad2 {
	width: 250px;
	height: 120px;
	display: none;}

#bottom-ad1 {
	float: left;}

#bottom-ad2 {
	float: right;}


/* News  
-------------------------*/

#news {
	width: 188px;
	float: right;
	padding: 0 0 0 0;}

#news h1 {
	padding: 5px 10px 5px 10px;}

#news img {
	border: 0;
	float: left;
	margin-top: 0.5em;
	padding: 0 5px 4px 0;}

#news .aditem {
	/*  border-bottom: 1px Solid #eaeaea;  */
	padding-bottom: 10px;
	margin: 0 10px 0 10px;}

#news .aditem h2 {
	margin: 1.2em 10px 10px 10px;}

#news .aditem .readmore {
	margin-right: 2px;}

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

.newsitem h2 {
	margin: 1.2em 0 0 0;}

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

.newsitem p.date {
	margin: 0.6em 0 0 0;}

#news h1, 
.newsitem h2 {
	font-size: 12px;}

#news .aditem h2 {
	font-size: 14px;}

.newsitem p.date {
	font-weight: bold;
	font-size: 10px;}


/* 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;}

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

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


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

body {
	background-color: #ffffff;
	color: #000000;}

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

a:hover, a:active, 
.newsitem p.date {
	color: #ff0000;}

#corporate_header li a:link, 
#corporate_header a:visited,
#search_container a, 
#search_container a:link, 
#search_container a:visited,
#banner-ad h1,
#banner-ad p,
#navcontainer h1, 
#news h1 {
	color: #ffffff;}

#navcontainer h2 {
	color: #000000;}

#navcontainer li {
	color: #0B319E;}

.twocolleft h1, 
.onecol h1 {
	color: #00AFD7;}

#container-1 .text  h2 {
	color: #8e8e8e;}

#news .aditem h2, 
.newsitem h2 {
	color: #9f454e;}


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

#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;}

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

#banner-ad {
	/* background: #0B319E url(../images/banner.jpg) no-repeat; */
	background: #ffffff url(../images/banner-home-US.jpg);
	background-position: top left;}

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

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

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

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

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

.homeitemrt, .homeitemlft {
	border-bottom: 1px solid #ababab;}

.spacer {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;}

#container-1 {
	border-left: 1px solid #ababab;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;}

#container-1 ul {
	background: #0B319E url(../images/bluenavgrad.jpg) repeat-x;}

#bottom-ad1, #bottom-ad2 {
	border: 1px solid #ababab;}

#bottom-ad1 {
	background-image: url(../images/bottom-ad1.jpg);}

#bottom-ad2 {
	background-image: url(../images/bottom-ad2.jpg);}

#news {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;}

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

.newsitem {
	border-bottom: 1px Solid #eaeaea;}

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

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



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

#functionalnav #globallinks #login {
	display: none;}

#search_container {
	/* display: inline; */
	display: none;}
	
#bookmarkpage {
	display: none;}
	
.print-only {
	display: none;}

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