﻿/*Begin Global/Common Styles*/
html * {
	font-family: Verdana, Arial, Helvetica;
}
body {
	height:100%;
	min-height:100%;
	width:100%;
	top:0px;
}
h1 {
	font-family:Arial;
	font-weight:bold;
	font-size:24px;
	color:#293E6B;
	padding-bottom:10px;
	letter-spacing: -.01em;
	line-height:normal;
}
h2 {
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	color:#293E6B;
	padding-bottom:10px;
	line-height: 1.1em;
}
h3 {
	font-family:Arial;
	font-weight:bold;
	font-size:17px;
	color:#293E6B;
	padding-bottom:10px;
}
h4{
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
	padding-bottom:5px;
	color:#293E6B;	
}
p {
	font-size:12px;
	line-height: 1.4em;
	color: #333333;
}
strong {
	font-weight:bold;
}
a {
	color:#4D92D5;
	text-decoration:none;
}
a.boldLink {
	font-weight:bold;
	color:#4D92D5;
}
a:hover, a.boldLink:hover {
	text-decoration:underline;
}
hr{
	border: 1px solid #e3e7ef;
}
div.separator{
	height:0px;
	line-height:0px;
	border-bottom:1px solid #e3e7ef;
	clear:both;
	z-index:1;
}
/*Begin Global Header Container*/

#pageContainer{
	margin: 0 auto;
	
}

/*Begin Main Content Area Container*/
#picGrid {
	margin-top: 15px;
	margin-bottom: 10px;
}

#mainContentArea {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	height:100%;
	padding: 15px 0 25px 0;
}
#mainContentArea a{
	font-weight: bold;
}
#mainContentArea li{
	color: #f25d23;
}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button{
	color: #fff;
	display: block;
	float:left;
	font: bold 10px arial, sans-serif;
	height: 21px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn_endcap.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.button span{
	color: #fff;
	display: block;
	line-height: 14px;
	padding: 3px 0 5px 18px;
	background-color: transparent;
	background-image: url(/images/btn-bg.gif);
	background-repeat: no-repeat;
	text-align:center;
} 

a.buttonSm{
	clear:none;
	color: #fff;
	display: block;
	float:left;
	font: bold 10px arial, sans-serif;
	height: 16px;
	margin-right: 6px;
	padding-right: 5px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn_endcap_sm.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.buttonSm span{
	clear:none;
	color: #fff;
	display: block;
	line-height: 14px;
	padding: 1px 0 5px 5px;
	background-color: transparent;
	background-image: url(/images/btn-bg_sm.gif);
	background-repeat: no-repeat;
	text-align:center;
} 

a.buttonCta{
	clear:none;
	color: #fff;
	display: block;
	float:left;
	font: bold 10px arial, sans-serif;
	height: 16px;
	margin-right: 6px;
	padding-right: 5px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn_endcap_sm.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.buttonCta span{
	clear:none;
	color: #fff;
	display: block;
	line-height: 14px;
	padding: 1px 4px 5px 8px;
	background-color: transparent;
	background-image: url(/images/btn-bg_sm.gif);
	background-repeat: no-repeat;
	text-align:center;
} 



div.ctabutton
{
	width:155px;
	padding-left:25px;
	padding-bottom:10px;
	clear:both;
}	 


* html div.ctabutton { padding-left:25px;padding-bottom:0px;} /* IE6 */
*+html div.ctabutton { padding-bottom:0px; } /* IE7 */

.productListing{
	/* height: 120px;*/
	margin-top: 10px;
	width:500px;
	float:left;	
}
.eventListing{
	display: block;
	font-size:13px;
	padding-bottom:5px;
	padding: 0 0 5px 14px;
	background-image: url(/images/orange-bullet.gif);
	background-position: left 6px;
	background-repeat:no-repeat;	
	line-height: 1.5em;
	color: #333333;
}
.productListing li{
	display: inline;
	padding-right: 20px;
	font-size: 12px;
}
.productName{
	width: 130px;
	float: left;
	padding-right:10px;
}

.productName h2{
	font-size: 17px;
}

.productDescription{
	width: 360px;
	float: right;
	padding-bottom: 15px;
}
.productDescription p{
	padding-bottom: 8px;
}
.productDescription ul li{
	width:300px;
	height:15px;
	float:left;
	padding-bottom:8px;
}

.sectionclosing {
    clear:left;
}
#horizontalDivider{
	background: #cdd2dc;
	height: 1px;
	margin: 12px 0;
}
/*Note: need to add in left nav styling*/
#imageBanner {
	width:auto;
	height:115px;
}
#leftNav {
	float:left;
	width:150px;
}
#leftNav a{
	padding: 10px 0;
	line-height: 1.3;
}
#specialtyProducts p{
	font-size: 10px;
	line-height: 1.3em;
	width: 142px;
	margin-left: 5px;
	margin-top: 2px;
}
#specialtyProducts img{
	margin-top: 30px;
}
#pageContent {
	float:right;
	width:762px;
	margin-bottom: 40px;
}
#breadCrumb {
	float:left;
	width:525px;
	color: #cdd2dc;
	font-size: 11px;
	padding:10px 0 20px 0;
}
#rightCol {
	background: url(/images/rightcol_bg.jpg) no-repeat;
	float:right;
	width:160px;
	margin-top:10px;
	margin-left:20px;
	padding: 15px 15px 15px 15px;	
}
#rightCol td a{
	font-size: 12px;
}
#rightCol td p{
	margin-bottom: 10px;
}
#rightCol .contactHeader{
	text-align: center;
	margin-bottom: 8px;
}

#rightCol a.button{
	color: #fff;
	display: block;
	float:none;
	font: bold 12px arial, sans-serif;
	height: 21px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(/images/btn_endcap.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#rightCol a.button span{
	display: block;
	line-height: 14px;
	padding: 3px 0 5px 18px;
	background-color: transparent;
	background-image: url(/images/btn-bg.gif);
	background-repeat: no-repeat;
} 

#copy {
	position:relative;
	clear:left;
	display:block;
	width:525px;
	margin-right:50px;
	color: #333333;
	font-size:13px;	
	line-height: 1.5em;
}

#copy ul
{
	padding-bottom: 15px;	
	padding-left: 20px;
	list-style-type: none;

}	

#copy ul li
{
	position:relative;
	font-size:13px;
	padding-bottom:5px;
	padding: 0 0 5px 14px;
	background-image: url(/images/orange-bullet.gif);
	background-position: left 5px;
	background-repeat:no-repeat;	
	line-height: 1.5em;
	color: #333333;
}

#copy p
{
	padding-bottom: 10px;
	line-height: 1.5em;
}	

/*Begin Widget*/
#widget{
	margin-top: 20px;
	font-size: 10px;
	/*margin-right: 8px;
	border: solid 1px #000000;*/
	background: url(/images/rightcol_bg.jpg) no-repeat;
}
#widget a{
	font-size: 12px;
}
#widget h3{
	padding-bottom: 1px;
}
.widgetIcon{
	float: left;
	width: 21px;
	height:21px;
	padding: 0 5px 0px 0;
}
#widget p{
	font-size: 11px;
	padding-bottom: 3px;
}
#widget h4{
	margin-top: 1px;
	padding-bottom: 3px;
}
.block1{
	float: right;
	width: 150px;
}
.block2{
	float: right;
	width: 150px;
	margin-top: 10px;
}
.block2 a{
	font-size: 12px;
}
.block2 p{
	padding-top: 3px;
	font-size: 10px;
	line-height:1.4em;
}

.ctablock{
	float: right;
	width: 150px;
	margin-top: 10px;
}

.ctablock p{
	padding-top: 3px;
	font-size: 10px;
	line-height:1.4em;
	padding-bottom: 30px;

}

.block3{
	float: right;
	width: 150px;
	margin-top: 10px;
}

.ctablockV2 
{
	/*float: right;*/
	width: 160px;
	margin-top: 10px;
}	

.ctablockV2 p{
	padding-top: 3px;
	font-size: 11px;
	line-height:1.2em;
	/*padding-bottom: 30px;*/
}

.ctablockV2 a{
	font-size: 10px;
}

a.linkDesc{
	font-weight:normal; 
	font-size:11px; 
	color:#333333;
	text-decoration:none;	
}

.ctablockV2 ul 
{
	clear:both;
	padding-bottom: 0px;	
	padding-left: 12px;
	list-style-type: none;
}

.ctablockV2 ul li 
{
	position:relative;
	font-size:12px;
	padding-bottom:5px;
	padding: 0 0 5px 14px;
	background-image: url(/images/orange-bullet.gif);
	background-position: 2px 3px;
	background-repeat:no-repeat;	
	line-height: 1.2em;
	color: #333333;
}

.ctablockV2 ul li a{
	font-size: 12px;
}

.ctahead{
	float: right;
	width: 150px;
	margin-bottom: 5px;
}

.ctaheadV2{
	float: left;
	width: 160px;
	margin-bottom: 0px;	
}

.ctaheadV2 h3 
{
	float:left;
	margin-bottom: 0px;	
	padding-bottom: 0px;	
}	

.ctadesc{
	margin-left: 25px;
	margin-bottom: 15px;
	line-height:1.0em;
}

.ctadescV2{
	margin-left: 25px;
	margin-bottom: 8px;
	line-height:1.0em;
}

.disclaimer
{
	font-size: 10px;
	padding-bottom: 10px;
}
/*End Widget*/

/*Begin Page Controls*/
#pageControls{
	height:30px;
	text-align:center;
	vertical-align:middle;
	clear:both;
	
}
#pageControls a, #pageControls a:visited, #pageControls a:active{
	font-size: 11px;
	margin-right: 10px;
	text-decoration:none;	
}

#pageControls a:hover 
{
	text-decoration:underline;	
}	

#pageControls img{
	margin-right: 4px;
}
/*End Page Controls*/

/*Begin Dynamic Dropdown Menu - by default, this is set-up for the 'Specialty Products'*/
#dynamicdropdownmenu 
{
	padding:15px 0 0 0;
	display:block;
	margin:0;
	width:150px;	
}

#dynamicdropdownmenu li 
{
	display:block;
	float:left;
	position:relative;
	width:150px;
}
#dynamicdropdownmenu li div.head_menu 
{
	position:relative;
	border-bottom:none;
	padding-left:10px;
	padding-right: 0;
	line-height:20px;
	font-size:10px;
	color:#4D92D5;
	font-weight:bold;
	width:127px;
	float:left;
	height:22px;
	background:url(/images/industry-dropdown-bg.gif) no-repeat bottom;
	background-position:bottom left;
	
}	

#dynamicdropdownmenu li#firstmenu div.head_menu
{
	position:relative;
	z-index:2;	
}

#dynamicdropdownmenu li#secondmenu div.head_menu
{
	position:relative;
	z-index:1;	
}

#dynamicdropdownmenu li div.image 
{
	position:relative;
	z-index:3;
	float:right;
	width:21px;
	height:70px;
	margin:-30px 0 0 -20px;	
}
#dynamicdropdownmenu li div.image img.arrow
{
	position:relative;
	cursor:pointer;	
	padding: 0 0 0 0;
	z-index:5;
	width:21px;
	height:22px;
}	

#dynamicdropdownmenu div.sub_menu 
{
	display:none;
	position:absolute;
	left:10px;
	top:0px;
	margin-top:18px;
	border-left:solid 1px #E5E5E5;
	border-right:solid 1px #E5E5E5;
	border-bottom:solid 1px #E5E5E5;
	padding:4px;
	top:2px;
	width:111px;
	background:#FFFFFF;
	font-size:10px;
	z-index:1000;
}
* html #dynamicdropdownmenu div.sub_menu { margin-top:18px;} /* IE6 */
*+html #dynamicdropdownmenu div.sub_menu { margin-top:18px; } /* IE7 */
#dynamicdropdownmenu div.sub_menu a, #dynamicdropdownmenu div.sub_menu a:link, #dynamicdropdownmenu div.sub_menu a:visited
{
	color:#4D92D5;
	text-decoration:none;
	display:block;
	font-size:10px;
	padding:4px;
}
#dynamicdropdownmenu div.sub_menu a:hover
{
	text-decoration:underline;	
}		
#dynamicdropdownmenu a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }
/*End Dynamic Dropdown Menu*/

/*Begin PressRoom CSS - for landing page, Press Releases and Media Coverage*/

.pressRoomContent 
{
	padding-top: 10px;
}	

.pressRoomArchives
{
	padding-left: 44px;
	clear:both;
}	

img.pressRoomImgIcon
{
	float:left;
	padding:4px 10px 0 0;
}	

.pressRoomTeaser
{
	float:left;
	width:475px
}	

.pressReleaseContent, .newsContent
{
	float:left;
	padding-top: 20px;
}	

pressRoomYear
{
	clear:both;
	float:left;
	width:525px;
}	

/*End PressRoom CSS*/

/*Begin Global Header CSS*/
#globalHeader {
	height:110px;
	clear:both;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	bottom:0px;
	margin-bottom:0px;
	vertical-align:top;
	font-family: Verdana;
	font-size: 10px;
	line-height:1.2em;
}
#utilities 
{	
	position:relative;
	z-index:1;
	background-image:url(/images/utility-bar-bg.gif);
	background-position: right top;
	background-repeat:no-repeat;
	clear: both;
	margin-bottom:13px;
	height:24px;
	min-height:24px;
	margin-top:0px;
	width: 880px;
	float:right;
	
}
* html #utilities /*IE 6 Fix*/
{	
	height:24px;
	h\eight:24px;
}

#functions
{
	position:relative;
	float:right;
	text-align:right;
	width:180px; /*190px - 10px margin in li items */	
	
}

#functions ul  
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style-type:none;
	text-align:right;
	color:#d8d8d8;
	float:right;
}

#functions li {
	float: left;
    margin:5px 5px 0 5px;
    height:24px;        
}
#functions li a,#functions li a:visited  {
	text-decoration:none;
	color:#333333;
	height:26px; 
	padding:0px 0px 5px 0px;   
	margin: 0 2px 0 0;
}
#functions li a.smallLink {
	font-weight:bold;
	font-size:9px;
	color:#5191cd;	
}
#functions li a:hover {
	text-decoration:underline;
}

.topNavText{
	color:#333333;
}

.topNavDivider{
	color:#d8d8d8;
}

#utilities ul#functions li.seperator {
	border:1px solid #D7D8DA;
	border-right-width:0;
	margin: 5px 10px 0 10px;
	height:10px;
}

#utilities ul#mainLinks {
	margin-left:255px;
	margin-top:0px;
	color:#45464A;
	width: 350px;
	float: left;
}
#utilities ul#mainLinks li {
	float:left;
	margin:5px 10px 0 0;
}
#utilities ul#mainLinks li a {
	text-decoration:none;
}
#utilities ul#mainLinks li a:hover {
	text-decoration:underline;
}
#utilities ul#mainLinks li.seperator {
	border:1px solid #D7D8DA;
	border-right-width:0;
	margin:5px 10px 0 0;
	height:10px;
}

#globalHeader #logoSearch {
	position:relative;
	height:40px;
	width: 955px;
	padding-top:0px;
}

* html #globalHeader #logoSearch /*IE6 fix*/
{	
	margin-top:-5px;
}

#logoSearch img#logo {
	float:left;
	width:167px;
	height:40px;
}

#logoSearch #search {
	float:right;
	display:block;
	width:170px;
	height:22px;
	padding-top:0px;
}

*+html #logoSearch #search /*IE 7 fix*/
{
	clear:right;	
}	

#searchBox, .searchBox {
	position:relative;
	display:block;
	margin:0 0 0 0;
	height:22px;
	width:167px;
	background:url(/images/search-bg.gif) no-repeat bottom;
	background-position:left top;		
	float:left;
}
.searchField {
	position:relative;
	float:left;
	background:none;
	border:none;
	width:115px;
	height:15px;
	margin:0 0 0 0;
	padding: 4px 0px 0px 25px;
	color:#9B9B9B;
	font-family:Verdana, Arial, Helvetica;
}

*+html .searchField /*IE 7 fix*/
{
	margin-left:25px;
	padding-left:0px;
}	

* html .searchField /*IE 6 fix*/
{
	margin-left:25px;
	padding-left:0px;
}	

.searchButton {
	position:relative;
	width:22px;
	float:right;
	margin:0 0 0 0;	
}

* html .searchButton {
	width:22px;
	width:22px;
	background-color:Transparent;
	background-image:url('/images/btn_small.gif');
}
#primaryNav {
	clear:both;
	width:955px;
	/*margin-top:7px;*/
}
/*End Global Header CSS

/*Begin Global Footer CSS*/
#globalFooter {
	clear:both;
	width:100%;
	bottom:0px;
	margin-bottom:0px;
	vertical-align:bottom;
	font-family: Verdana;
	font-size: 10px;
}

#globalFooter a:hover
{
	text-decoration:underline;
}	

#topBar {
	margin-left:auto;
	margin-right:auto;
	width: 955px;
	clear: both;
}

#emailUs {
	position:relative;
	float:right;
	width: 120px;
	padding-right:42px;
	text-align:right;
}

#emailUs a {
	font-weight:bold;
	color:#5191cd;
	text-decoration:none;
	padding-bottom:5px;
}

#emailUs a:hover {
	font-weight:bold;
	color:#5191cd;
	text-decoration:underline;
}

#globalFooter #bottomBar {
	height:45px;
	background-color:#eff1f5;
	clear: both;
}
#globalFooter #bottomBar #utilitiesFooter {
	margin-left:auto;
	margin-right:auto;
	width:955px;
	background-image:none;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
#globalFooter #bottomBar #utilitiesFooter .footerlinks {
	float:left;
	width:650px;
	padding:0 0 0 0;
	color:#C9CEE1;
}
#globalFooter #bottomBar #utilitiesFooter .footerlinks ul {
	margin-top:5px;
}
#globalFooter #bottomBar #utilitiesFooter .footerlinks ul li {
	float:left;
	margin-right:4px;
	
}

#globalFooter #bottomBar #utilitiesFooter .footerlinks ul li a, #globalFooter #bottomBar #utilitiesFooter .footerlinks ul li a:visited, #globalFooter #bottomBar #utilitiesFooter .footerlinks ul li a:active {
	float:left;
	color:#5A6896;
	text-decoration:none;		
}

#globalFooter #bottomBar #utilitiesFooter .footerlinks ul li a:hover
{
	text-decoration:underline;	
}	

#globalFooter #bottomBar #utilitiesFooter #contactUs {
	position:relative;
	float:right;
	width:200px;
	color:#333333;
	font-size:10px;
	margin-top:7px;
	text-align:right;
	padding-right:40px;
	line-height:1.5em;
}
#globalFooter #bottomBar #utilitiesFooter #copyright {
	float:left;
	width:500px;
	padding-left:50px;
	padding-top:5px;
	padding-bottom:10px;
	color:#333333;
	font-size:10px;
	border: 1px solidl #333333;
}

#calendarLink
{
	
}
#calendarLink a
{
	vertical-align:middle;
}

#mainContentArea ol li{color:#000;margin-left: 1.75em;padding: 0;}
#mainContentArea ol.nonum {list-style: none;}
/*End Global Footer CSS*/

/*Retail Labor Index */
#RLIDownloadGrid td {text-align:center;padding-bottom:20px;}
#RLIDownloadGrid h6 {font-size:10px;font-weight:bold;}
#RLIDownloadGrid a.reslink:link, a.reslink:visited, a.reslink:active {font-size:11px;}
#RLIDownloadBox {width:525px;background-color:#eff1f5;text-align:center;padding:5px;}