﻿/* ------------- COLOR SCHEME --------------
Light Grey  E9E9E9
Mid Grey  DFE0E0
Dark Grey  585858
Red  F80000
blue  3D549D
-------------------------------------------*/

body {
padding:0;
margin:0;
font-family:verdana, arial, san-serif;
font-size:small; 
color:#585858;
background:#E9E9E9 url(/img/bgMain.jpg) repeat-y center;
line-height:1.5em;
text-align:center;}

.RequiredField {
	font-family:Verdana;
	font-variant:small-caps;
	color:Red;
	font-weight:bolder;
	text-decoration:underline;
	text-align:right;}
	
.LocatorHeading {
	font-family:Verdana;
	font-variant:small-caps;
	color:black;
	font-weight:bolder;
	text-decoration:underline;
}

TH {
	text-align:right;
}

/* positioning */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}

/* global defalt elements */
p { padding:0px; margin-top:0;}

/* list items */
li {list-style-type:disc;}
ul.noBullet li { list-style-type:none;}

/* anchors and links */
a, a:link, a:visited, a:active {
color:#F80000; 
}

a:hover { color:#3D549D;}

a.link:link, a.link:visited, a.link:active, a.link:hover {
color:#F80000;
font-size:70%;
font-weight:900;
background:url(/img/link.gif) no-repeat;
text-decoration:none;
padding-left:16px;
}

a.link:hover {
color:#666;
}

table {font-size:small;}

.bold {
font-weight:bold;
text-align:right;
}

/* headings */
h1 
{
font-size:115%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:15px;
padding-left:2px;
text-indent:8px;
height:21px;
background: url(/img/heading.gif) no-repeat left; 
}

h2
{
font-size:111%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin:0;
}

h3
{
font-size:100%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:center;
}

h4
{
font-size:90%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:left;
}

h5
{
font-size:145%;
font-weight:bold;
font-family:arial;
margin-bottom:5px;
text-align:center;
}

.SubTitle
{
font-size:small;
font-weight:bold;
font-variant:small-caps;
text-decoration:underline;	
}

/* main  */
#all /* holds all page content together, mainly used for centering layout */
{
width:758px;
margin-left:auto;
margin-right:auto;	
text-align:left;
} 


/* header elements  */
#header
{
text-align:center;
background: url(/img/slantLeft.jpg) no-repeat right bottom;
}

#header .logo
{
float:left;
padding-left:20px;
}

#search {
text-align:right;
padding: 10px 20px 0 0;
height:46px;
}

#search img {
margin:0;
border:0;
padding:0;
}

#marketing 
{
	text-align:left;
	height:8px;
	padding: 0px 0px 0px 342px;
}

.txtBox
{
border:1px #666 solid;
background:#eee;  
}

.btn
{
position:relative;
top:4px;
}

#rotator
{
height:150px;
background: url(/img/slantRight.jpg) no-repeat left bottom;
}

/* main elements */
#main 
{
width:758px;
float:left;

}

#content
{
width:554px;
float:left;
text-align:left;
padding:5px 10px;
}

.h20Mark {background: url(/img/h2oMark.png) no-repeat center; }

/* footer elements */

#footer {
clear:both;
width:758px;
height:76px;
padding:10px 0;
background: url('/img/footer.jpg') no-repeat center;
font-size:85%;
text-align:center;
}

.footerLinks
{
font-size:70%;
}

.footerLinks a:link, .footerLinks a:visited, .footerLinks a:active, .footerLinks a:hover
{
color:#585858;
font-weight:100;
}

.footerLinks a:hover
{
color:#CCCCCC;
}


/* homepage content */
#tradeshows
{
float:left;
width:100px;
}


/* news elements */
#homepageTabs 
{
background:url(/img/tabBg.jpg) repeat-y;
height:auto;
}

#tabs 
{
z-index:2;
position:relative;
top:0;
text-align:left;
font-weight: 400;
margin-top:0;
width:299px;
cursor:pointer;
}

#news
{
z-index:1;
position:relative;
top:-25px;
padding:30px 10px 0 10px;
width:279px;
background: url(/img/tabNews.jpg) top no-repeat;
display:none;	
}

#greatDeals
{
z-index:1;
position:relative;
top:-25px;
font-size:80%;
padding:30px 10px 0 10px;
width:279px;
background: url(/img/tabGreatDeals.jpg) top no-repeat;
display:none;
}

#pdf
{
list-style:none;
font-size:80%;
margin:0 0 0 5px;
text-align:left;
padding:0;
}

#pdf a:link, #pdf a:visited, #pdf a:active, #pdf a:hover
{
color:#666;
background:url(/img/pdfIcon.jpg) no-repeat;
text-decoration:none;
padding-left:20px;
}

#pdf a:hover
{
color: #F80000;
}

#tabBottom 
{
position:relative;
height:20px;
width:299px;
background:url(/img/tabBottom.jpg) no-repeat;
}

legend
{
font-weight:900;
color:#585858;
}

/* Product Pages */

.Configuration
{
border:1px solid #CDCFCE;
/*border-top:0;*/
padding:10px;
margin-bottom:10px;
background:#D7D8D8 url(/img/configurationBg.jpg) repeat-x top;
}

.Configuration2
{
border:1px solid #CDCFCE;
/*border-top:0;*/
padding:10px;
margin-bottom:10px;
background:#D7D8D8;
}

.Configuration ul
{
padding:0 0 0 0px;
list-style-type:none;
}


.logoHeading
{
height:20px;
padding:0;
padding-right:60px;
font-weight:900;
font-size:110%;
text-align:right;
background:#CDCFCE url(/img/logoHeading.gif) no-repeat right;   
}

.series
{
padding:10px;
border:dotted 1px #BCBCBC;
margin-bottom:10px;
}

.options
{
float:left;  
border:dotted 1px #BCBCBC;
padding:5px;
padding-top:0;
width:230px;
margin:5px;
}
.options h3 {color:#fff; background-color:#C0C0C0;}


/*  Series List Grid Styling on seriesList.aspx page */
ul.seriesList
{
width:530px;
}

ul.seriesList li
{

list-style-type:none; 
background:#585858;
margin-top:15px;  
}

ul.seriesList li a.seriesTitle, ul.seriesList li a.seriesTitle:link, 
ul.seriesList li a.seriesTitle:visited,  ul.seriesList li a.seriesTitle:active,
ul.seriesList li a.seriesTitle:hover
{
color:#FFFFFF;
text-decoration:none;
font-size:105%;
font-weight:900;  
padding:0 5px;  
line-height:30px;  
}

ul.seriesList li a.seriesTitle:hover
{
color:#C5C5C5;
text-decoration:underline;
}

.seriesListBorder
{
border:1px solid #B3B3B3;   
background:#D7D8D8; 
}

.seriesListItem
{
background:#DDDEDE;
}

.seriesListItem a, .seriesListItem a:link, .seriesListItem a:visited,
.seriesListItem a:active, .seriesListItem a:hover
{
font-size:smaller;
text-decoration:none;
padding-left:13px;
color:#585858;
display:block;
background: url(/img/arrow-bullet-grey.gif) no-repeat 0px 5px; 
}


.seriesListItem a:hover
{
color:#F80000;
background: url(/img/arrow-bullet-red.gif) no-repeat 0px 5px; 
}

/*  Machine List Grid Styling on machineList.aspx page */
ul.machineList
{
width:530px;
}

ul.machineList li
{
list-style-type:none; 
background:#585858;
margin-top:15px;  
color:#FFFFFF;
text-decoration:none;
font-size:105%;
font-weight:900;  
text-indent:5px;  
line-height:30px;  
}

#machineListBorder
{
border:1px solid #B3B3B3;   
background:#D7D8D8; 
}

.machineListItem
{
background:#DDDEDE;
width:530px;
}

.machineListItem a, .machineListItem a:link, .machineListItem a:visited,
.machineListItem a:active, .machineListItem a:hover
{
font-size:smaller;
text-decoration:none;
padding-left:13px;
color:#585858;
display:block;
background: url(/img/arrow-bullet-grey.gif) no-repeat 0px 50%; 
}


.machineListItem a:hover
{
color:#F80000;
background: url(/img/arrow-bullet-red.gif) no-repeat 0px 50%; 
}


/*   Machine Types     */

.typeTitle, .typeTitle a:link, .typeTitle a:visited, .typeTitle a:active,
.typeTitle a:hover
{
width:522px;
color:#FFFFFF;
text-decoration:none;
font-size:105%;
font-weight:900;  
padding:0 5px;  
line-height:30px; 
background:#585858; 
}

.typeTitle a:hover
{
color:#C5C5C5;
text-decoration:underline;
}

.imgBtn, a.imgBtn
{
margin:5px 5px 5px 0; 
}

.typeListItem
{
background: url(/img/arrow_bg.jpg) repeat-y;
}

.typeListItem a, .typeListItem a:link, .typeListItem a:visited,
.typeListItem a:active, .typeListItem a:hover
{
font-size:smaller;
text-decoration:none;
padding-left:13px;
color:#585858;
display:block;
background: url(/img/arrow-bullet-grey.gif) no-repeat 0px 5px; 
}


.typeListItem a:hover
{
color:#F80000;
background: url(/img/arrow-bullet-red.gif) no-repeat 0px 5px; 
}

#AppliesTo
{
	width:95%;
	height:50px;
	font-size:10px;
	line-height:12px;
	overflow-y:scroll;
}
#AppliesToPrint
{
	width:100%;
	font-size:10px;
	line-height:12px;
}
.AllCapsTitle
{
	font-size:10px;
	font-weight:bold;
	font-variant:small-caps;
	line-height:12px;
}
/*
Navigational stuff.
*/
#topNav
{
	display:none!important;
	visibility:hidden!important;
	z-index:2; /* used to hide nav */
	font-family:Arial, Helvetica, sans-serif;
	list-style:none; /*Remome bullets from main buttons*/
	margin:0;
	width:776px; 
	position:absolute;
	top:151px;
	padding:0px 0px 0px 0px;
}
/* Machine Type Links */
#topNav a {  
	display:block;
	text-align:left;
}
#topNav ul 
{
padding:0;
margin:0;
}
#topNav li { 
	float:left;
	text-align:left;
	list-style-type:none;
}
/*Sub Unordered List Element*/
#topNav li ul { 
position: absolute;
display:none;
list-style: none; /*remove bullets from sub buttons*/
padding-left:0;
border-left:1px solid #AEAFAF;
border-right:1px solid #AEAFAF;
background:#b3b4b4 url(/img/bgNavSub.jpg) repeat-x top;	
}

    /*sub lists items*/
#topNav li ul li 
{	
width:194px;
text-align:left;
text-indent:4px;	
border-bottom:1px solid #E6E8E7;
list-style-type:none;
}
/*lists nested under hovered list items*/
#topNav li:hover ul, #topNav li.topNavHover ul {
display:block;	
width:194px;
text-align:left;
}
/* Sub Nav Links*/
#topNav li ul a:link, #topNav li ul a:visited, #topNav li ul a:active,
#topNav li ul a:hover 
{  	
display:block;
color:#585858;
font-size:11px;
font-weight:700;
width:194px;
text-decoration:none;  
}
/* Sub Nav Links Hover State */
#topNav li ul a:hover {
    color:#000;
    background:#999;    
} 
/* -------------------------------LEFT NAV -----------------------------------*/
#navSubList ul
{
	margin-left:10px;
	background:  url();
	background-color:#eee;
	border:solid thin #ddd;
	list-style-type:none;
}
#navSubList li
{
	width:100%;
	margin-left:10px;
	background-color:#eee;
	border:solid thin #ddd;
	list-style-type:none;
}

/* Left Hand Navigation */
#leftNav {
margin:15px 0 0 30px;
width:150px;
float:left;
}

* html #leftNav {
margin-left:11px;  
}

#leftNav #buttons, #leftNav #iso_certification {
width:150px;
}

#leftNav #buttons, #leftNav #buttons ul, #leftNav #buttons ul li, #leftNav #buttons img, address, #footer p {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

#leftNav #buttons ul li {
display:block;
list-style:none;
width:132px;
}

#footer p {
padding:5px 0 2px 0;
}

#footer address {
padding-bottom:10px;
line-height:normal;
font-style:normal;
font-weight:normal;
}

#footer address a {
color:#555;
text-decoration:none;
}

#footer address a:hover {
text-decoration:underline;
}

#footer p a {
color:#555;
}

/* Styles Below for the switch menus used in the admin pages */
#switchMenu 
{
width:500px; 
text-align:center;
background:url(/img/500PanelBg.jpg) repeat-y;
font-family:verdana, arial, san-serif;
font-size:80%;
font-weight:bold;
}
  
.mainDiv
{
  width:160px;
}
.topItem
{
  width:160px;
  height:22px;
  cursor:pointer;
  background: #585858;
  text-decoration: none;
  color: white; 
}
.dropMenu
{
background:#D7D8D8 url(/img/bgLeftNav.jpg) repeat-x top;
border: 1px solid #eee;
font-size:10px;
text-align:left;
}
.subMenu
{
display:none;
}
.subItem
{
cursor:pointer;
font-weight:bold;
text-decoration:none;
color:black;
}
.subItem a
{
   text-decoration:none;
   color: #585858;
}
#switchMenu a
{
text-decoration:none;
   color: #585858;
}
#switchMenu a:hover {color:Red;}

/*  Google Search Results  */
#cse a.gs-title { color:red; } 
#cse .gs-visibleUrl, .gs-visibleUrl-short {display:none;}
