﻿
body{
     background:#fff url(/web/design/img/bodyBG.png) top center no-repeat !important;
}

body, p, td, th, input, textarea
{
	color: #333;
	font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;

}

/* NO SCRIPT */

.noScript
{
	width:100%;
	border-bottom:solid 1px #FFCC00;
    background-color:#FFFF99;
    color:#000;
    height:28px;
}
.noScript img
{
	float:left;
	margin-top:2px;
	margin-left:2px;
}
.noScript span
{
	display:block;
	padding-top:6px;
}

/* ELEMENTS */

h1, h2, h2, h4 
{
    font-family:Arial, Helvetica, Sans-Serif;
}

h1
{
	font-size:24px;
	font-weight:normal;
	color:#003F85;
}

h2
{
	font-size:18px;
	font-weight:normal;
	color:#003F85;
}

h3
{
	font-size:18px;
	font-weight:bold;
    color:#666;
}

h4
{
	font-size:14px;
	font-weight:normal;
	color:#666;
}
h5
{
	font-size:12px;
	font-weight:bold;
	color:#003F85;
}
h6
{
	font-size:12px;
	font-weight:bold;
	color:#666;
}
a 
{
  color:#003F85;  
}


strong
{
	font-weight:bold;
}

em
{
font-style:italic;
}

table.table1
{
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}

table.table1 td
{
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
}


.Fontxx-Small {
	font-size: 9px;
}
.Fontx-Small {
	font-size: 10px;
}
.FontSmall {
	font-size: 11px;
}
.FontMedium {
	font-size: 12px;
}
.FontLarge {
	font-size: 13px;
}
.Fontx-Large {
	font-size: 14px;
}
.Fontxx-Large {
	font-size: 16px;
}





.main a
{

}

.main a:hover
{

}

.mainCopy 
{
    margin: 15px 0 25px 0;
    line-height:150%;
}
.mainCopy p 
{
    margin:15px 0 0 0;
}

/* HANDY STUFF */

.clearFix
{
    line-height:0px;
    clear:both;
    height:0px;
    font-size:0px;
}

.padAbove
{
	padding-top:14px;
}

.padRight
{
	padding-right:14px;
}


.padBelow
{
	padding-bottom:14px;
}


.padLeft
{
	padding-left:14px;
}


/* MASTER LAYOUT */
/*
.canvasWrapper 
{
	text-align:center;
}

.canvas
{
	width:1022px;
	margin:0 auto;
	text-align:left;
}
*/
.toprow_cont
{   
    background:url(/web/design/img/headerBG.png) top center no-repeat;
    height:148px;
}

.main_cont
{	
	margin:0 0 0 0;
	padding: 0 0;
}

.main
{
	/*float:left;  IE 6 NEEDS THIS */
}


.col1_cont, .col2_cont, .col3_cont
{
	/*float:left;*/
	overflow:hidden;
}

.col1_cont
{
	/* width:172px; widths defined by 960.css */
	margin-top:20px;
}

.col2_cont
{
	/* width:680px; widths defined by 960.css */
	margin-top:20px;
}

.col3_cont
{
   display:none; /*we only need this on the home page*/
	margin-top:20px;
}




.footer_cont
{
	
}

/* TOP CONT */

.krd
{
	height:31px;
	line-height:31px;
	color:#999999;
	font-size:10px;
	overflow:hidden;
	display:none;
}


#topControls 
{
    margin-top:8px;
    padding:0 20px 0 0;
    line-height:normal;
    height:29px;
    overflow:hidden;
    }
#topControls ul 
{
    list-style:none;
}
#topControls li
{
    float:right;
    margin-left:20px;
}
#topControls form 
{
    display:inline;
}
#topControls #searchFormContainer input, #topControls #regionFormContainer select 
{
    border:none;
    background-color:#fff;
    font-size:12px;
    padding:4px;
    color:#003f85;
    -moz-box-shadow:2px 2px 3px rgba(0,0,0,0.35);
    -webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.35);
    box-shadow:2px 2px 3px rgba(0,0,0,0.35);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

#topControls #regionFormContainer
{
    display:none;
}
#topControls #regionFormContainer select 
{
    padding:3px;
    width:160px;
}
#topControls #searchFormContainer .btn_custom 
{
    text-transform:uppercase;
    font-size:11px;
    background-color:#003f85;
    color:#fff;
}
#topControls #loginLink 
{
    display:none;
    width:60px;
    height:22px;
    line-height:22px;
    background: url(/web/design/img/btn_login.png) right center no-repeat;
    color:#003f85;
    text-decoration:none;
}
#logoContainer 
{
    width:660px;
    position:relative;
    height:45px;
}
#logoContainer h1 
{
    
    margin-top:16px;
    text-transform:uppercase;
    float:right;
    font-size:16px;
    color:#02458D;
    /*background: url(/web/design/img/header_h1BG.png) no-repeat;*/
    width:397px;
    height:14px;
}
.logoLink
{
	position:absolute;
	top:-20px;
	display:block;
	width:204px;
	height:55px;
	margin-left:38px;
}

.logoLink img
{
}
#topControls h1 
{
    float:left;
}



/* LEFT COL */

.col1
{
	padding:0;
	min-height:400px;
	/*border-top:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;*/
}

/* CENTER COL */

.col2
{
	/*padding:10px 10px;*/
}

.col2 ul 
{
    list-style-type:disc;
}
.col2 ul li 
{
    margin-left:20px;
}

/* RIGHT COL */

.col3
{
	padding:0;
	min-height:400px;
}


/*HOMEPAGE - turn off layout columns for homepage, sitemap*/
body.Home .col1_cont, body.Home .col2_cont, body.Home .col3_cont, body.Home .mainCopy,
body.SiteMap .col1_cont, body.SiteMap .col2_cont, body.SiteMap .col3_cont, 
body.GeneralFullWidth .col1_cont, body.GeneralFullWidth .col2_cont, body.GeneralFullWidth .col3_cont,
body.ListLinkFullWidth .col1_cont, body.ListLinkFullWidth .col2_cont, body.ListLinkFullWidth .col3_cont,
body.SearchResults .col1_cont, body.SearchResults .col2_cont, body.SearchResults .col3_cont  
{
    display:none;
}


body.Home .scrollable, body.Home .homepageSlideshow {
	position:relative;
	overflow:hidden;
	width: 940px;
	height:340px;
}

body.Home .scrollable .items {
	width:20000em;
	position:absolute;
}
body.Home .scrollable .items div.item 
{
    float:left;
}

body.Home .naviContainer 
{
    background-color:#efefef;
    height:40px;
    margin-bottom:20px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
   -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    border-bottom-right-radius:4px; 
}

body.Home .naviCenter
{
    float:right;
    left:-50%;
    position:relative;
    text-align:left;
    
}

body.Home .navi
{
    left:50%;
    list-style:none outside none;
    position:relative;
 
}
body.Home .navi a
{
    display:block;
    float:left;
    height:11px;
    width:11px;
    margin: 15px 5px 0 5px;
    background-image:url(/web/design/img/spr_scrollerNavi.png);
    background-position: right;
    background-repeat:no-repeat;
    text-indent:-10000em;
}
body.Home .navi a.active, body.Home .navi a.current, body.Home .navi a.activeSlide
{
    background-position:left;
}
.homepageItem 
{
    background-color:#555;
    height:340px;
    width:940px;
    position:relative;
    -webkit-border-top-left-radius:4px;
    -moz-border-radius-topleft:4px;
    border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    -moz-border-radius-topright:4px;
    border-top-right-radius:4px; 
}

.homepageItem .intro 
{
    text-align: center;
    width:340px;
    background-image:url(/web/design/img/trans25.png);
    padding:6px;
    position:absolute;
    top:50px;
    left:40px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.homepageItem .intro div:first-child 
{
     background-image:url(/web/design/img/trans35.png);
     padding:15px;
     border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px; 
}

.homepageItem h1
{
    color:#fff;
    letter-spacing:-0.02em;
    font-weight:bold;
    font-size:24px; 
    margin:0 0 15px;
}
.homepageItem .intro p 
{
    color:#fff;
    line-height:160%;
    font-weight:bold;
    padding: 0 15px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.65); 
}

.homepageItem a 
{
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.02em;
    background-image:url(/web/design/img/landingPageButtonBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:10px 35px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
    margin: 15px 0 0 0;
}
.homepageItem a:hover 
{
    background-position:bottom;
}



/* BREADCRUMBS */
.breadcrumbs 
{
    font-size:11px;
    text-transform:capitalize;
    color:#666;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}
.homeBreadcrumb, .crumb 
{
    display:block;
    float:left;
    padding:2px 18px 2px 10px;
    background-image: url(/web/design/img/breadcrumbSeperator.png);
    background-repeat:no-repeat;
    background-position: right;
}
.homeBreadcrumb 
{
    padding-left:0;
}
.lastCrumb
{
    background:none;
}


/* SITEMAP */
/*


dl#sitetree {
	margin-top: 20px;
	padding-bottom:20px;
	margin-left:50px;
	margin-bottom:20px;
}
dt {
	position:relative;
	top:-20px;
}



#sitetree, #sitetree * {
	cursor: default;
	font-size: 12px;
	margin: 0;
	padding: 0;
}


#sitetree a {
	background: url("/web/design/img/folder.gif" ) left center no-repeat;
	cursor: pointer;
	line-height: 20px;
	padding-left: 20px;
	margin-left: 5px;
	text-decoration: none;
	color: #666;
}

#sitetree a:hover {
	text-decoration: underline;
}

#sitetree {
	background: url("/web/design/img/vdot.gif" ) 1px 14px repeat-y;
}

#sitetree dt {
	font-size: 14px;
	font-weight: 700;
	padding: 1px 0;
}

#sitetree dd {
	background-image: url("/web/design/img/corner.gif" );
	background-position: 12px 0;
	background-repeat: no-repeat;
	margin: 0;
	padding: 1px 0 1px 10px;
}


#sitetree dd.treechild2, #sitetree dd.treechild3, #sitetree dd.treechild4 {
	background-image: url("/web/design/img/mapplus.gif" );
	background-position: 0px 0;
	background-repeat: no-repeat;
}
#sitetree dd.treenochild2, #sitetree dd.treenochild3, #sitetree dd.treenochild4 {
	background-image: url("/web/design/img/mapminus.gif" );
	background-position: 0px 0;
	background-repeat: no-repeat;
}


#sitetree dd.treechild2, #sitetree dd.treenochild2 {
	margin-left: 18px;
}
#sitetree dd.treechild3, #sitetree dd.treenochild3 {
	margin-left: 36px;
}
#sitetree dd.treechild4, #sitetree dd.treenochild4 {
	margin-left: 54px;
}

*/




.sitemap_cont
{
	padding:20px 0 0 0;
}



#sitetree, #sitetree * {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	cursor: default;
}

#sitetree {
	margin: 150px 20px 50px 20px;
	display:block;
}

#sitetree a {
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	background: url("/web/design/img/folder.gif") center left no-repeat;
	line-height:20px;
	cursor:pointer;
}

#sitetree a:hover
{
	color:#736C00;
}

#sitetree, #sitetree dl {
	background: url("/web/design/img/vdot.gif") 8px 0px repeat-y;
	margin-top:0px;
}

#sitetree dt {
	padding: 1px 0px;
	font-weight:bold;
	font-size:14px;
	background:#fff;
}

#sitetree dd 
{
	margin:0px;
	padding: 1px 0px 1px 19px;
	background-image: url("/web/design/img/corner.gif");
	background-position: 8px 0px;
	background-repeat: no-repeat;
	zoom: 1; 
}

#sitetree dt, #sitetree dd.last, #sitetree dd.pluslast, #sitetree dd.minuslast {
	
	
}

dt.maindt
{
	text-indent:10px;
	height:24px;
	line-height:24px;
}

#sitetree dd.minus, #sitetree dd.plus, #sitetree dd.minuslast, #sitetree dd.pluslast {
	background-position: 4px 0px;
	padding: 0px 0px 0px 19px;
}	

#sitetree dd.minus { background-image: url("/web/design/img/mapminus.gif"); }
#sitetree dd.plus {	background-image: url("/web/design/img/mapplus.gif"); }
#sitetree dd.minuslast { background-image: url("/web/design/img/mapminus.gif"); }
#sitetree dd.pluslast { background-image: url("/web/design/img/mapplus.gif"); }
#sitetree dd.plus dd, #sitetree dd.pluslast dd { display: none; }

span.ddHdr
{
	padding-left:20px;
	display:block;
	float:left;
}

 #sitetree a.expandBtn
{
	text-decoration:none;
	float:right;
	font-weight:bold;
	float:right;
	margin:0 60px 0 0;
	line-height:24px;
	background:none;
}

#sitetree a.expandBtn:hover
{
	color:#ccc;
}






















/* FOOTER */

#footer 
{
   margin-top:20px;
   border-top:1px solid #ccc;
   padding-top:20px;
   
}
#footerContent 
{
    margin: 0;
    background: url(/web/design/img/footerBG.png) right top no-repeat;
    height:85px;
}
#footerMenu li 
{
    float:left;
    margin-left:6px;
    padding-left:6px;
    border-left:1px solid #333333;
}
#footerMenu li:first-child 
{
    margin-left: 0;
    padding-left:0;
    border-left:0;
}
#footerMenu a 
{
    color:#333333;
    text-transform:none;
    font-size:11px;
    text-decoration:none;
}

a.footerLink
{
	
	float:right;
	display:block;
	margin-top:60px;
	color:#666;
	text-decoration:none;
	font-size:11px;
}

#footerMenu a:hover
{
	text-decoration:underline;
}

/*=================
GENERIC PANEL
===================*/

.genericPanel 
{
   
}

.genericPanel .tl 
{
    background-image:url(/web/design/img/panel.png);
    background-position: left top;
    background-repeat:no-repeat;
    padding: 0 0 0 6px;
    
   }
.genericPanel .tr 
{
    background-image:url(/web/design/img/panel.png);
    background-position: right top;
    background-repeat:no-repeat;
    padding: 6px 13px 0 0;
    
    
}
.genericPanel .bl 
{
    background-image:url(/web/design/img/panel.png);
    background-position: left bottom;
    background-repeat:no-repeat;
    padding: 0 0 0 12px;
    margin-left:-7px;
   
}
.genericPanel .br 
{
    background-image:url(/web/design/img/panel.png);
    background-position: right bottom;
    background-repeat:no-repeat;
    padding:0 0 0 0;
    margin-right:-13px;
    height:13px;
    
}
.genericPanel #genericPanelContent 
{
    background-color:#fff;
    padding:12px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    
    
}

/*=================
TABBED APPLET - used in sidebars
===================*/
.tabbedAppletContainer
{
}
.tabbedAppletContainer ul.tabs 
{
    padding:0;
    margin:0 0 0 -1px;
    list-style-type:none;
}
.tabbedAppletContainer ul.tabs li 
{
    float:left;
    margin:0 0 0 0;
    background-image:url(/web/design/img/spr_panelTab.png);
    background-position: 0px -107px;
    background-repeat:no-repeat;
    padding:0 0 0 7px;
}
.tabbedAppletContainer ul.tabs li:first-child 
{
    margin-left:0;
}
.tabbedAppletContainer ul.tabs li a 
{
    display:block;
    background-image:url(/web/design/img/spr_panelTab.png);
    background-position: right -107px;
    background-repeat:no-repeat;
    padding:10px 27px 10px 10px;
    text-transform:uppercase;
    text-decoration:none;
}

.tabbedAppletContainer ul.tabs li.selected 
{
    background-position: 0px 0px;
}
.tabbedAppletContainer ul.tabs li.selected a 
{
    background-position: right 0px;
}

.tabbedAppletContainer .top 
{
    background-image:url(/web/design/img/panelTopStrip.png);
    background-position: top right;
    background-repeat:no-repeat;
    padding:0;
    margin:0;
    height:8px;
    margin-left:0px;
 }
.tabbedAppletContainer .bl
{
    background-image:url(/web/design/img/panel.png);
    background-position: left bottom;
    background-repeat:no-repeat;
    padding:0 0 0 7px;
    margin:0;
}
.tabbedAppletContainer .br 
{
    background-image:url(/web/design/img/panel.png);
    background-position: right bottom;
    background-repeat:no-repeat;   
    padding:0 14px 15px 0;
    margin:0; 
      
}
.tabbedAppletContainer .paneContainer 
{
    background-color:#fff;
    padding:8px; 
    /*for those browsers that support css3 - add some nice internal rounding */
    -webkit-border-top-left-radius:8px;
    -moz-border-radius-topleft:8px;
    border-top-left-radius:8px;    
    -webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius:8px;
    
}
.tabbedAppletContainer .paneContainer  .panes div {
	display:none;		
	padding:15px 10px;
	border-top:0;	
	font-size:14px;
	background-color:#fff;
}



/*=================
TABBED PANEL - product & industry panels
===================*/
.productDetailImage, .industryDetailImage 
{
    float:right;
    margin-left:30px;
    margin-bottom:15px;
    background-color:#eee;
    padding:6px;
    border:1px solid #ccc;
    text-align:center;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.productDetailImage p, .industryDetailImage p 
{
    margin:10px 0;
    font-weight:bold;
    text-transform:uppercase;
}

.productDetailImage a, .industryDetailImage a
{
    display:block;
    text-decoration:none;
    color:#fff;
    margin: 0 15px 4px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.02em;
    background-image:url(/web/design/img/landingPageButtonBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:10px 35px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
}
.productDetailImage a:hover, .industryDetailImage a:hover 
{
    background-position:bottom;
}
distributorFooterContainer


.tabbedPanelContainer
{
    position:relative;
}
.tabbedPanelContainer ul.tabs 
{
    position:absolute;
    z-index:10;
    padding:0;
    margin:0;
    list-style-type:none;
}


.tabbedPanelContainer ul.tabs li 
{
    float:left;
    margin:0 0 0 0;
    padding:0 0 0 15px;
    background-image:url(/web/design/img/spr_panelTab.png);
    background-position: 0px -107px;
    background-repeat:no-repeat;
}

.tabbedPanelContainer ul.tabs li:first-child
{
    margin-left:20px;
}

.tabbedPanelContainer ul.tabs li span 
{
    display:block;
    padding:0 23px 0 0;
    text-align:center;
    background-color:#fff;
    background-image:url(/web/design/img/spr_panelTab.png);
    background-position: right -107px;
    background-repeat:no-repeat;
}
.tabbedPanelContainer ul.tabs li span a 
{
   display:block;
   padding:13px 0 13px 0;
   font-size:14px;
   text-decoration:none;
   font-weight:bold;
   text-transform:uppercase;
}


.tabbedPanelContainer ul.tabs li.selected 
{
    background-image:url(/web/design/img/outlineTabBG.png);
    background-position: left 0;
}

.tabbedPanelContainer ul.tabs li.selected span 
{
    background-image:url(/web/design/img/outlineTabBG.png);
    background-position: right 0;
    background-repeat:no-repeat;
}
.tabbedPanelContainer ul.tabs li.selected span a 
{
    padding:13px 0 19px 0;
    color:#000385;
}

.tabbedPanelContainer .tabbedPanelContentContainer 
{
    padding-top:39px;
}
.tabbedPanelContainer .top 
{
    background-image:url(/web/design/img/panelTopStrip.png);
    background-position: top right;
    background-repeat:no-repeat;
    padding:0;
    margin:1px 0 0 0px;
    height:6px;
 }
.tabbedPanelContainer .bl
{
    background-image:url(/web/design/img/panel.png);
    background-position: left bottom;
    background-repeat:no-repeat;
    padding:0 0 0 6px;
    margin:0;
}
.tabbedPanelContainer .br 
{
    background-image:url(/web/design/img/panel.png);
    background-position: right bottom;
    background-repeat:no-repeat;   
    padding:0 13px 13px 0;
    margin:0;   
}




.tabbedPanelContainer .paneContainer 
{
    background-color:#fff;
    padding:8px; 
    -webkit-border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    border-bottom-right-radius:8px;
    
}
.tabbedPanelContainer .paneContainer  .panes div {
	padding:15px 10px;
	border-top:0;	
	line-height:150%;
	background-color:#fff;
}


/*=================
Homepage Snippets
===================*/

.snippet 
{
    cursor:pointer;
}
.snippet div
{
    float:right;
    width:210px;
    height:110px;
    border-top:1px solid #CDCDCD;
    border-bottom:1px solid #CDCDCD;
}


.snippet h4 
{
    color:#000;
    text-transform:uppercase;
    font-size:12px;
    line-height:130%;
    margin:15px 0 0 0;
}

.snippet p 
{
    color:#666;
    line-height:130%;
    font-size:11px;
    margin:4px 0 0 0;
}

.textsnippet 
{
    cursor:pointer;
}
.textsnippet div
{
   
    background-repeat:no-repeat;
    background-position:center;
    height:110px;
    
    border:1px solid #CDCDCD;
}

.textsnippet h4 
{
    color:#000;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    line-height:130%;
    margin:60px 0 0 10px;
}

.textsnippet p 
{
    color:#666;
    line-height:130%;
    font-size:11px;
    margin:4px 0 0 10px;
}
p.snippetContent 
{
    min-height:42px;
}
/*=================
Featured Products - Snippet && Industry Grid - Snippet
===================*/

body.ProductOverview .col1_cont, body.ProductOverview .col2_cont, body.ProductOverview .col3_cont, body.ProductOverview .mainCopy 
{
    display:none;
}


#featuredProduct 
{
    background-color:#555;
    height:150px; /*340*/
    position:relative;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#featuredProduct .intro 
{
   
    width:560px;
    height:66px;
    background-image:url(/web/design/img/trans25.png);
    padding:6px;
    position:absolute;
    top:5px;
    left:5px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    overflow:hidden;
    
}

#featuredProduct .intro p 
{ 
    padding:12px;
    color:#fff;
    /*background-image:url(/web/design/img/trans35.png);*/
    line-height:180%;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.65);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}



#featuredProduct .caption 
{
    position:absolute;
    width:912px;
    display:block;
    bottom:0;
    padding:14px;
    background-image:url(/web/design/img/landingPageFeaturedStripBG.png);
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    border-bottom-right-radius:4px;
} 
#featuredProduct h1
{
    color:#fff;
    letter-spacing:-0.02em;
    font-weight:bold;
    font-size:24px; 
    margin:0;
    padding-left:30px; 
}
#featuredProduct h2
{
    text-transform:uppercase;
    color:#666;
    font-size:12px;
    font-weight:bold;
    margin:-4px 0 4px 0;
    padding-left:30px; 
}


#featuredProduct a 
{
    display:block;
    text-decoration:none;
    color:#fff;
    float:right;
    margin-left:30px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.02em;
    background-image:url(/web/design/img/landingPageButtonBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:10px 35px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
}
#featuredProduct a:hover 
{
    background-position:bottom;
}


#productGrid h1, #industryGrid h1
{
    margin-bottom:20px;
}
#productGrid h2, #industryGrid h2
{
    margin-bottom:15px;
}
#productGrid .snippet, #industryGrid .snippet, #related .snippet 
{
   float:left;
   background-position: left center;
   background-repeat: no-repeat;
   cursor:pointer;
   margin-bottom:20px;
}

 
#productGrid .snippet div:hover, #industryGrid .snippet div:hover,  #related .snippet div:hover
{
    border:1px solid #023E86;
}
#productGrid .snippet div, #industryGrid .snippet div, #related .snippet div  
{
    height:auto;
    float:none;
    padding:0;
    height:145px; 
    overflow:hidden;
    border:1px solid #BAD80A;
   -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    width:99%;
}
#productGrid .snippet img, #industryGrid .snippet img, #related .snippet img
{
    float:left;
    margin: 4px 10px 4px 4px
}
#productGrid .snippet h4, #industryGrid .snippet h4, #related .snippet h4  
{
    color:#000385;
    text-transform:none;
    font-size:14px;
    font-weight:bold;
    line-height:130%;
    margin: 15px 0 8px 0;
}
#productGrid .snippet p, #industryGrid .snippet p, #related .snippet p 
{
    color:#333;
    line-height:130%;
    font-size:11px;
    margin:5px 0 0 0;
    padding: 0 10px 0 0;
}

#related 
{
    padding:0;
}
#related .snippet
{
padding:0 10px;
}

/*============
Product Scroller
==============*/
/* not required in current version of design
#productScroller h1
{
    margin-bottom:20px;
}
#productScroller .scrollerNav 
{
    float:right;
    width:100px;
}
#productScroller .scrollerNav a 
{
    float:right;
    margin-left:5px;
    display:block;
    height:26px;
    width:26px;
    background-image:url(/web/design/img/spr_scrollerNav.png);
    cursor:pointer;
    border:0   
}
#productScroller .scrollerNav a.prev
{
    background-position:0px 0px;   
}
#productScroller .scrollerNav a:hover.prev
{
    background-position:0px -26px;   
}
#productScroller .scrollerNav a.prev.disabled
{
    background-position:0px -52px;   
}
#productScroller .scrollerNav a.next
{
    background-position:26px 0px;   
}
#productScroller .scrollerNav a:hover.next
{
    background-position:26px -26px;   
}
#productScroller .scrollerNav a.next.disabled
{
    background-position:26px -52px;   
}

#productScroller .scrollable {
	position:relative;
	overflow:hidden;
	width: 610px;
	height:235px;
}

#productScroller .scrollable .items {
	width:20000em;
	position:absolute;
}

#productScroller .items div {
	float:left;
	width:190px;
	height:230px;
	text-align:center;
	border:1px solid #A3B869;
	margin-right:15px;
	cursor:pointer;
}
#productScroller .items div:hover
{
   border:1px solid #023E86; 
} 
#productScroller .items p 
{
   color:#000385;
   font-weight:bold;
   text-transform:uppercase;
   line-height:130%;
   font-size:14px;
   margin-top:10px; 
}
*/

/*=============
Accordion
==============*/

#accordion 
{
    margin-top:15px;
    display:block
}
body.ProductFeature #accordion, body.IndustryFeature #accordion  
{
    margin:0;
}
#accordion h3
{
    background-position: right center;
    background-repeat:no-repeat;
    background-color:#E3E1E2;
    border-bottom:1px solid #fff;
    padding:8px;
    cursor:pointer;
    
}
#accordion h3.ui-state-default 
{
    background-image:url(/web/design/img/accordionHeaderRowBG_default.png);
}
#accordion h3.ui-state-active 
{
    background-image:url(/web/design/img/accordionHeaderRowBG_active.png);
}
#accordion h3:hover 
{
    background-color:#EFEFEF;
}
#accordion h3 a 
{
    text-decoration:none;
}

/*======
feature panel
========*/
.featureTable
{
    margin-bottom:15px;
}
.featureTable td 
{
    padding:6px;
    border-bottom:1px solid #ccc;
    width:50%;
}
.featureTable td:first-child 
{
    font-weight:bold;
}


/*=======
info panel
=========*/

.infoPanel a
{
    display:block;
    padding: 8px 0;
}
a.infoLink 
{
 float:left;
 background:url(/web/design/img/btn_info.png) left center no-repeat;
 padding-left:30px;
}
a.pdfLink 
{
 float:right;
 background:url(/web/design/img/btn_pdf.png) left center no-repeat;
 padding-left:30px;
 line-height:140%;
 max-width:340px;
}

/*=======
Contact Form
=========*/
#contactForm h1 
{
    margin: 15px 0 25px 0;
}
#contactForm h5, #contactForm h6 
{
    margin:24px  0 8px 0;
}
#contactForm ul 
{
    list-style-type:none;
}
#contactForm ul li 
{
    margin-left:0;
}
.required
{
    color:#ff3300;
}
.inputGroup1
{
    float:left;
    width:320px;
    padding:0 10px;
    
}
.inputGroup2
{
    float:right;
    width:280px;
    padding: 0 10px;
    border-left:1px solid #D8E05E;
}
.inputGroup1 label 
{
    display:block;
}
.inputGroup1 input, .inputGroup1 textarea 
{
    width:300px;
    margin-top:10px;
    margin-bottom:20px;
}
.inputGroup1 textarea 
{
    height:60px;
}
.inputGroup2 label
{
  display:block;
  margin-bottom:10px;  

}
.inputGroup2 .inputCheckbox
{
    margin-right: 8px;
    margin-top:0;

}
.inputGroup2 .inputText, .inputGroup2 .inputTextArea, .inputGroup2 .inputSelect 
{
    display:block;
    margin-top:6px;
}




.checkboxGroup 
{
    margin: 0 0 32px 0;
}
.checkboxGroup li 
{
    margin-bottom:3px;
}
.inputGroup1 input.btn_Submit
{
    display:block;
    cursor:pointer;
    border:0;
    background-color:#003F85;
    color:#fff;
    padding:10px;
    width:120px;
    float:right;
    margin-right:10px;
    border-right: 1px solid #00336B;
    border-bottom:1px solid #00336B;
    border-top: 1px solid #4573A6;
    border-left: 1px solid #4573A6;
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.45);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.45);
    box-shadow:2px 2px 5px rgba(0,0,0,0.45);
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.inputGroup1 input:hover.btn_Submit 
{
    background-color:#33659D;
}


/*==========
INDUSTRY - use similar layout for products homepage
==========*/
/*turn off layout columns for industry landing page*/
body.IndustryOverview .col1_cont, body.IndustryOverview .col2_cont, body.IndustryOverview .col3_cont, body.IndustryOverview .mainCopy 
{
    display:none;
}

#featuredIndustry 
{
    background-color:#555;
    height:150px; /*340*/
    position:relative;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
#featuredIndustry .intro 
{
    width:560px;
    height:66px;
    background-image:url(/web/design/img/trans25.png);
    padding:6px;
    position:absolute;
    top:5px;
    left:5px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    overflow:hidden;
}

#featuredIndustry .intro p 
{ 
    padding:12px;
    color:#fff;
    /*background-image:url(/web/design/img/trans35.png);*/
    line-height:180%;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.65);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}



#featuredIndustry .caption 
{
    position:absolute;
    width:912px;
    display:block;
    bottom:0;
    padding:14px;
    background-image:url(/web/design/img/landingPageFeaturedStripBG.png);
    -webkit-border-bottom-left-radius:4px;
    -moz-border-radius-bottomleft:4px;
    border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomright:4px;
    border-bottom-right-radius:4px;
} 
#featuredIndustry h1
{
    color:#fff;
    letter-spacing:-0.02em;
    font-weight:bold;
    font-size:24px; 
    margin:0;
    padding-left:30px; 
}
#featuredIndustry h2
{
    text-transform:uppercase;
    color:#666;
    font-size:12px;
    font-weight:bold;
    margin:-4px 0 4px 0;
    padding-left:30px; 
}


#featuredIndustry a 
{
    display:block;
    text-decoration:none;
    color:#fff;
    float:right;
    margin-left:30px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.02em;
    background-image:url(/web/design/img/landingPageButtonBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:10px 35px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
}
#featuredIndustry a:hover 
{
    background-position:bottom;
}

.industryGrid, .productGrid
{
   
    margin:20px 0 0 0; 
    background-color:#eee;
    border:1px solid #cccccc;
    padding-bottom:10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px; 
    
}
.industryGrid h2, .productGrid h2
{
    text-align:center;
    padding:16px 0 10px 0;
    color:#333;
    font-size:24px;
    font-weight:bold;
    letter-spacing:-0.025em;
    text-shadow:1px 1px 1px #fff;  
}


#grid4 .gridItem 
{
    background-color:#333; /*animate colors with jquery - remember to change colors in jquery code if you change them here */
    text-align:center;
    margin-top:9px;
    margin-bottom:9px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    cursor:pointer;
}

#grid4 .gridItem:hover 
{
    background-color:#8EB252; /*animate colors with jquery - remember to change colors in jquery code if you change them here */
}
#grid4 .gridItem:hover a 
{
    color:#fff;
}

#grid4 .gridItemContent 
{
    padding:6px;
}

#grid4 .gridImageContainer
{
    background-color:#000;
}
#grid4 .gridImage 
{
    width:208px;
    height:140px;
    background-image:center;
    background-repeat:no-repeat;   
    /*
    -khtml-opacity:.70; 
    -moz-opacity:.70; 
    -ms-filter:”alpha(opacity=70)”; 
    filter:alpha(opacity=70); 
    opacity:.70;     */
}
#grid4 .gridItem:hover .gridImage 
{
   /* -khtml-opacity:1; 
    -moz-opacity:1; 
    -ms-filter:”alpha(opacity=100)”; 
    filter:alpha(opacity=100); 
    opacity:1; */
}

#grid4 .gridItemContent a 
{
    display:block;
    color:#999;
    text-decoration:none;
    font-size:18px;
    font-weight:bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.45);
    padding:10px 0 5px 0;
    height: 24px;
    line-height: 130%;
    overflow: hidden;
}

/*==========
ListLink -
==========*/
body.ListLink #accordion div 
{
    padding:14px;
}
body.ListLink #accordion p 
{
    margin:0 0 15px 0;
    line-height:150%;
} 

/*==========
ExchangeLink 
==========*/
body.ExchangeLink .col2 h1
{
    padding-bottom:50px;
}
.exchangeLinkIntro 
{
    padding:0 0 40px 0;
}
 .exchangeLinkIntro h2 
{
    margin-bottom:12px;
}
.exchangeLinkIntro h5 
{
    margin-top:8px;
    margin-bottom:16px;
    font-weight:normal;
}
.exchangeLinkIntro p 
{
    line-height:140%;
}
.backLink
{
 padding-top:20px;
}



/*==========
FAQ - inherits accordion but at full width
==========*/
body.ListLinkFullWidth #accordion div 
{
    padding:14px;
}
body.ListLinkFullWidth #accordion p 
{
    margin:0 0 15px 0;
    line-height:150%;
}

/*==========
DISTRIBUTOR 
==========*/

#distributorHeaderContainer div 
{
    width:350px;
    float:left;
    text-align:center;
    padding:20px 0;
}
#distributorHeaderContainer h2 
{
    margin-bottom:15px;
    font-weight:bold;
}
#distributorHeaderContainer select 
{
    width:270px;
}
#distributorCountryContainer
{
    background-color:#AAC846;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
#distributorRegionContainer
{
    background-color:#2B6175;
    background-image:url(/web/design/img/distributorRegionContainerBG.png);
    background-repeat:repeat-y;
    background-position:left;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
#distributorRegionContainer h2 
{
    color:#fff;
}
#distributorResultsContainer
{
    background-color:#4B798A;
    background-image:url(/web/design/img/distributorResultsContainerTopBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:35px 20px 0;
}
#distributorResultsContainerBottom 
{
    background-image:url(/web/design/img/distributorResultsContainerBottomBG.png);
    background-repeat:repeat-x;
    background-position:bottom;
    height:30px;
    margin: 0 -20px;   
}

#distributorResultsContainer h2, #distributorResultsContainer p, #distributorResultsContainer a  
{
    color:#fff;
    line-height:140%;
}
#distributorResultsContainer p 
{
    margin-top:15px;
}

#distributorResultsContainer .result
{
    border-bottom:1px solid #385B67;
    border-top: 1px solid #789BA7;
    padding: 15px 0;
}
#distributorResultsContainer .result.first 
{
    border-top:none;
}
#distributorResultsContainer .result.last 
{
    border-bottom:none;
}


#distributorResultsContainer .result img 
{
    float:left;
}
#distributorResultsContainer .resultDetails
{
    margin-left:200px;
}

#distributorFooterContainer
{
    background-color:#eee;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding:10px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    
}
#distributorFooterContainer p 
{
    color: #333;
    text-transform:uppercase;
    float:right;
    padding-top:15px;
}

#distributorFooterContainer a
{
    float:right;
    margin-left:15px;
    margin-top:-15px;
    width:100px;
    text-align:center;
    display:block;
    text-decoration:none;
    text-transform:none;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.02em;
    background-image:url(/web/design/img/landingPageButtonBG.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:10px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.45);
}
#distributorFooterContainer a:hover 
{
    background-position:bottom;
}

/*====
SEARCH
====*/
.searchResultsTotal 
{
    font-size:11px;
    color:#666;
}
.result 
{
    padding-top:15px;
    padding-left:10px;
    font-size:16px;
}
