* { 
outline: none;
}


body {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 15px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtr #container {
	width: 90%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-width: 998px;
}
.oneColLiqCtr #mainContent {
    margin: 12px;
}

img {
	display: inline;
    margin: 0px;
    border: 0px;
	padding: 0px;
}

h1, h2, h3, h4 {
    margin-top: 20px;
	margin-bottom: 6px;
	line-height: 1.4em;
}

h1 {
font-family: "Impact", Arial, Sans-Serif;
font-size: 170%;
color: #1169a7;
letter-spacing: 1px;
font-weight: normal;
}

h2 {
font-family: "Impact", Arial, Sans-Serif;
font-size: 150%;
color: #1169a7;
letter-spacing: 1px;
font-weight: normal;
}

h3 {
font-family: Arial, Sans-Serif;
font-size: 130%;
color: #000000;
font-weight: bold;
}

h4 {
font-family: Arial, Sans-Serif;
font-size: 110%;
color: #000000;
font-weight: bold;
}		

.clearfloat{ 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearfloat2 {
clear: both;
}

a:link,a:visited {
text-decoration: underline;
color: #003399;
}

a:hover,a:active {
text-decoration: none;
color: #006699;
}

#lp a:link{
color: #006699;
text-decoration: underline;
}

#lp a:visited{
color: #006699;
text-decoration: underline;
}

#lp a:hover{
color: #990000;
text-decoration: none;
}

#lp a:active{
color: #000000;
text-decoration: underline;
}


/* HEADER */
#header {
    height: 98px;
}

#logo {
    width: 21%;
	float: left;
	height: 98px;
}

#flash1 {
    width: 63%;
	height: 81px;
	float: left;
	text-align: right;
	vertical-align: bottom;
	margin-top: 15px;
}

#usa {
    width: 15%;
	height: 47px;
	float: right;
	text-align: right;
}

#searchForm {
    margin-top: 24px;
}

/* LOCATER */

#locater_bg {
	background: transparent url('../images/locaterBG.jpg') no-repeat 0 25px;
	float: left;
	width: 849px;
	height: 600px;	
}

#locater_bg2 {
	background: transparent url('../images/locaterBG2.jpg') no-repeat 0 25px;
	float: left;
	width: 849px;
	height: 600px;	
}

#locater_container {
	float: left;
	clear: left;
	height: 145px;
	overflow: hidden;	
}

#locater_container h1, #locater_form {
	float: left;
	clear: left;		
}


#locater_form {
	margin-top: 10px;	
}

#locater_container p {
	float: left;
	clear: left;
	width: 400px;
	font-size: 11px;
	margin: 0;
}

#tab_container {	
	float: left;
	clear: left;
	padding-top: 5px;
}

.tab_title {
	margin-left: 5px;
	color: #1169a7;
	font-family: "Impact", Arial, Sans-Serif;
	letter-spacing: 1px;
	font-weight: normal;
}

a.tab_title_link {
	float: left;
	width: 130px;
}

a.tab_title_link2 {
	float: left;
	width: 215px;
}

#tab_image {
	float: left;
	width: 108px;
	height: 144px;
	border: 1px solid #000;
	margin-left: 20px;
	margin-top: 20px;	
}

#tab_image img {
	border: 0;
	padding: 0;
	margin: 0;	
}

#tab_result {
	float: left;
	margin-left: 10px;
	padding-top: 25px;
	font-size: 11px;
}

#tab_result .searchTextBox, #tab_result .searchTextArea {
	float: left;
	clear: left;
	margin-top: 5px;
}
/* PRODUCT NAVIGATION - GREEN BUTTONS - MAIN LINKS */

.sub_nav_container {
	float: left;
	font-size: 80%;	
	padding-bottom: 10px;
}

.sub_nav a, .sub_nav a:active, .sub_nav a:visited {
	float: left;
	color: #1169a7;	
	text-decoration: none;
	margin-right: 10px;
	white-space:nowrap;
}

.sub_nav a:hover {
	float: left;
	color: #333;	
	text-decoration: underline;
	margin-right: 10px;
}

.sub_nav img {
	float: left;
	margin-right: 3px;
}

.sub_nav {
	
}


#nav {
	background:url('../images/blueBar.gif') repeat-x;
	width: 100%;
	height: 40px;
}

#productButtons {
    width: 315px;
	height: 39px;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
}

a#lockerButton, a#lockerButton:visited {
	float: left;
	display: inline;
	width: 104px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/lockerButton.gif') no-repeat 0 0;	
}
a#storageButton, a#storageButton:visited {
	float: left;
	display: inline;
	width: 98px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/storageButton.gif') no-repeat 0 0;
}
a#shelvingButton, a#shelvingButton:visited {
	float: left;
	display: inline;
	width: 97px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: transparent url('../images/shelvingButton.gif') no-repeat 0 0;
}

a#lockerButton:hover, a#storageButton:hover, a#shelvingButton:hover {
	background-position: 0 -45px;
}

ul#menu {
	margin: 0;
	padding: 0;
}

ul#menu li {
	float: left;
	display: block;
	position: relative;	
	margin: 0;
	padding: 0;
	font-size: 12px;
	list-style-type: none;	
}

ul#menu li ul#locker {
	position: absolute;
	top: 39px;
	left: 6px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #9c2025;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

ul#menu li ul#locker_sub {
	position: absolute;
	top: -1px;
	left: 200px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #9c2025;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}


ul#menu li ul#storage {
	position: absolute;
	top: 39px;
	left: 0px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #71a24f;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

ul#menu li ul#storage_sub {
	position: absolute;
	top: -1px;
	left: 200px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #71a24f;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

ul#menu li ul#shelving {
	position: absolute;
	top: 39px;
	left: 0px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #0d5284;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

ul#menu li ul#shelving_sub {
	position: absolute;
	top: -1px;
	left: 200px;
	width: 200px;
	display: block;
	padding: 0;
	margin: 0;
	background-color: #0d5284;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

ul#menu li ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;	
	width: 200px;
}

ul#menu li ul li a, ul#menu li ul li a:visited {
	float: left;
	line-height: 12px;
	border-bottom: 1px solid #fff;
	width: 190px;
	padding: 5px;
	color: #fff;
	text-decoration: none;
}

ul#menu li ul li a:hover {
	background: #333;
}

#mainLinks {
    width: 520px;
	float: left;
	height: 36px;
	font-size: 80%;
}

/*#mainLinks a:link {
    color: #1169a7;
	margin: 0px 2px 1px 2px;
	text-decoration: none;
}
#mainLinks a:visited {
    color: #1169a7;
	margin: 0px 2px 1px 2px;
	text-decoration: none;
}
#mainLinks a:hover {
    color: #1169a7;
	margin: 0px 2px 1px 2px;	
	text-decoration: underline;
}

#mainLinks a:active {
    color: #666666;	
	margin: 0px 2px 1px 2px;	
	text-decoration: underline;
}*/			

/* SEARCH BOX */
#searchBox {
    width: 125px;
	text-align: right;
	float: right;
	margin-top: 5px;
}	

.searchTextArea {
    font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
    border: #000000 1px solid;
	height: 15px;
}

.searchTextBox {
    font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #666666;
    border: #000000 1px solid;
}

.searchInput {
width: 18px;
height: 19px;
margin-left: -4px;
vertical-align: bottom;
}

#sitemap {
font-size: 75%;
}

#sitemap a:link {
    color: #1169a7;
	margin: 0px 2px 1px 2px;
	text-decoration: none;
}	

#sitemap a:visited {
    color: #1169a7;
	margin: 0px 2px 1px 2px;
	text-decoration: none;
}

#sitemap a:hover {
    color: #990000;
	margin: 0px 2px 1px 2px;	
	text-decoration: underline;
}

#sitemap a:active {
    color: #666666;
	margin: 0px 2px 1px 2px;	
	text-decoration: underline;
}	

#tollFree {
color: #FFFFFF;
font-size: 80%;
font-weight: bold;
margin-right: 4px;
margin-top: 4px;
}

/* CONTENT AREA */
#content {
margin: 0 auto;
font-size: 90%;
width: 80%;
}

#content100 {
font-size: 90%;
width: 100%;
margin: 0 auto;
}

#homeFix {
width: 968px;
margin: 0 auto;
padding-left: 6px;
}

#flash2 {
width: 888px;
margin: 0 auto;
}

/* FOOTER */
#footer {
clear: both;	
font-size: 75%;
margin: 0 auto;
padding: 30px 0 50px 0;
text-align: center;
color: #999999;
}

#industryLinks {
float: left;
width: 583px;
text-align: left;
}

#footerContact {
float: right;
width: 294px;
color: #1169a7;
}

#footerContactLeft {
width: 125px;
float: left;
padding-right: 20px;
}

#footerContactMiddle {
width: 6px;
height: 36px;
float: left;
background: url('../images/contactSplit.gif') repeat-y;
}

#footerContactRight {
width: 125px;
float: right;
text-align: left;
}

.footerImg {
padding-right: 3px;
}

#footer a:link,#footer a:visited {
margin: 0px 1px 1px 1px;
color: #1169a7;
text-decoration: none;
font-size: 16px;
}

#footer a:hover {
margin: 0px 1px 1px 1px;
color: #333;
text-decoration: underline;
font-size: 16px;
}

#footer a:active {
margin: 0px 1px 1px 1px;
color: #333333;
text-decoration: underline;
font-size: 16px;
}

.clearfloat { 
clear : both; 
height : 0; 
font-size : 1px; 
line-height : 0; 
}

#contentLayout {
text-align: left;
}

.boldBlue {
color: #006699;
font-weight: bold;
}

.xxsmall {
font-size: 70%;
}

.xsmall {
font-size: 80%;
}

.small {
font-size: 90%;
}

img.contentimg{
padding: 0px 4px 4px 0px;
}		

.homeitalic {
font-size: 130%;
color: #006699;
font-style: italic;
font-weight: bold;
letter-spacing: -1px;
}

/* Distributor Center */
.loginForm,.distributorRegistration {
    font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #1169a7;
    border: #000000 1px dotted;
	height: 15.5px;
	width: 300px;
	padding: 2px;
}
#requestAccountHead {
background-color: #ededed;
margin: 10px 0px;
padding: 10px;
width: 280px;
color: #666;
font-size: 110%;
font-weight: bold;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#requestAccount {
border: 1px solid #ccc;
font-size: 110%;
margin: -10px 0px 10px;
padding: 10px;
width: 500px;
height: 30px;
font-weight: bold;
}

#requestAccount a:link,#requestAccount a:visted {
color: #000099;
text-decoration: underline;
}

#requestAccount a:hover {
color:#77aa43;
text-decoration: none;
}

.imgRPad {
margin-right: 3px;
}

#regHolder {
background-color: #f7f7f7;
border: 1px solid #1169a7;
padding: 30px;
min-height: 430px;
width: 675px;
margin: 25px auto;
}

#regLeft {
width: 325px;
float: left;
margin-right: 40px;
}

#regRight {
margin-left: 40px;
width: 350px;
float: right;
}

.continueButton {
margin-left: 232px;
background-color: #1169a7;
border: 1px #000 solid;
color: #fff;
}

.continueButton:hover {
background-color: #77aa43;
border: 1px #000 solid;
color: #fff;
}

/*Shelving */
table.shelvingSelector {
border: 1px #0d5284 solid;
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
positon: absolute;
z-index: -1;
}

.selectorHeadings {
background-color: #1169a7;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 1px solid #0d5284;
padding: 12px;
}

.emptyCell {
background-color: #1169a7;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 1px solid #0d5284;
padding: 12px;
width: 180px;
}

.selectorContent {
text-align: left;
border: 1px solid #0d5284;
padding: 12px;
font-size: 12px;
}

.selectorContent2 {
text-align: center;
border: 1px solid #0d5284;
padding: 12px;
font-size: 12px;
}

.selectorContent3 {
text-align: center;
border: 1px solid #9c2025;
padding: 12px;
font-size: 12px;
}

.productHeading {
padding: 12px 12px 12px 0px;
text-align: left;
color: #0d5284;
font-family: "Impact", Arial, Sans-Serif;
letter-spacing: 1px;
font-size: 120%;
position: relative;
}

.productTitle {
background-color: #0d5284;
padding: 12px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}

.productHeading2 {
padding: 12px 12px 12px 0px;
text-align: left;
color: #0d5284;
font-family: "Impact", Arial, Sans-Serif;
letter-spacing: 1px;
font-size: 120%;
position: relative;
margin: 450px auto 0px auto;
clear: both;
z-index: 0;
}


.lockersProductTitle {
background-color: #9c2025;
padding: 12px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}

ul.selectorList {
margin: 0px 0px 0px 10px;
padding: 0px;
list-style-type: square;
}

li.selectorList {
margin-bottom: 8px;
padding: 0px;
}

.selectorImg {
border: 1px #000000 solid;
margin: 0 auto;
height: auto;
width: auto;
}

a.hoverable {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #0d5284;
}

a.hoverable div {
	position: absolute;
	display: none;
	top: -3em;
	left: .2em;
	margin: 0em;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 170px;
}

a.hoverable:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
}
.selectorLinkBlue {
color: #0d5284;
font-weight: bold;
}

.selectorLinkRed {
color: #9c2025;
font-weight: bold;
}
ul, li {
	z-index: 9999;	
}
table, td, tr, td a {
	z-index: 0;
}
a.productTitle2:link,a.productTitle2:visited {
text-decoration: none;
color: #006699;
}

a.productTitle2:hover,a.productTitle2:active {
text-decoration: underline;
color: #006699;
}

a.productTitle4:link,a.productTitle4:visited {
text-decoration: none;
color: #9c2025;
}

a.productTitle4:hover,a.productTitle4:active {
text-decoration: underline;
color: #9c2025;
}

.viewLink {
background-color: #0d5284;
text-align: right;
padding: 2px 20px 2px 0px;
}

a.viewLink2:link,a.viewLink2:visited {
color: #FFFFFF;
text-decoration: none;
}

a.viewLink2:hover,a.viewLink2:active {
color: #FFFFFF;
text-decoration: underline;
}

.viewLinkGrn {
background-color: #71a24f;
text-align: right;
padding: 2px 20px 2px 0px;
}

.viewLinkRed {
background-color: #9c2025;
text-align: right;
padding: 2px 20px 2px 0px;
}

a.productTitle3:link,a.productTitle3:visited {
text-decoration: none;
color: #71a24f;
}

a.productTitle3:hover,a.productTitle3:active {
text-decoration: underline;
color: #071a24f;
}

/*Storage Products*/
table.storageProductsSelector {
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
positon: absolute;
z-index: -1;
}

.SPselectorHeadings {
background-color: #1169a7;
color: #FFFFFF;
font-weight: bold;
text-align: left;
border: 1px solid #0d5284;
padding: 12px;
}
.SPselectorContent {
text-align: left;
border: 1px solid #71a24f;
padding: 12px;
font-size: 12px;
}

.SPselectorContent2 {
text-align: center;
border: 1px solid #71a24f;
padding: 12px;
font-size: 12px;
}

.SPproductHeading {
padding: 12px 12px 12px 0px;
text-align: left;
color: #71a24f;
font-family: "Impact", Arial, Sans-Serif;
letter-spacing: 1px;
font-size: 120%;
position: relative;
}

.SPproductTitle {
background-color: #71a24f;
padding: 12px;
color: #FFFFFF;
font-weight: bold;
text-align: left;
}
.selectorLinkGreen {
color: #71a24f;
font-weight: bold;
}

a.SPhoverable {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #71a24f;
}

a.SPhoverable div {
	position: absolute;
	display: none;
	top: -3em;
	left: .2em;
	margin: 0em;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 160px;
}

a.SPhoverable:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
}

.lockersSelectorContent {
text-align: left;
border: 1px solid #9c2025;
padding: 12px;
font-size: 12px;
}

.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

.hidden_link { visibility: hidden; margin: -999px; text-decoration: none; }


/*Elevation Menus*/

ul .drop,ul .last {
list-style-type: none;
margin-bottom: 10px;
}

li .drop,li .last {
list-style-type: none;
}

/*Editor Styles*/
/*Resource Center */
.catalogs {
border: 1px #006699 solid;
padding: 0px;
margin: 0px 5px;
}

.catalogsHome {
margin: 2px 5px 0px;
border: 1px solid #006699 solid;
}

.smallTxt {
font-size: 90%;
}

.greyTxt {
color: #CCCCCC;
}

.greyItalicTxt {
color: #CCCCCC;
font-style: italic;
}

.smallGreyBold {
color: #CCCCCC;
font-size: 80%;
font-weight: bold;
}

.lrgBoldGreen {
color: #333333;
font-weight: bold;
font-size: 140%;
}

.medBoldGreen {
color: #333333;
font-weight: bold;
font-size: 120%;
}

.smallBoldGreen {
font-size: 80%;
font-weight: bold;
color: #1169a7;
}

.green {
color: #333333;
}

.boldBlue {
color: #006699;
font-weight: bold;
}

a.smallGrey:link,a.smallGrey:visited {
color: #999999;
text-decoration: underline;
font-size: 75%;
}

a.smallGrey:hover,a:smallGrey:active {
color: #006699;
text-decoration: none;
font-size: 75%;
}

.boxHeading,#heading3 {
font-size: 120%;
letter-spacing: 1px;
font-variant: small-caps;
color: #006699;
font-weight: bold;
}

#colorsHeading {
font-size: 120%;
letter-spacing: 1px;
font-variant: small-caps;
color: #993333;
font-weight: bold;
}

.boxHeadingSpecs {
font-size: 120%;
letter-spacing: 1px;
font-variant: small-caps;
color: #c27414;
font-weight: bold;
}

.features {
font-size: 80%;
}

.featuresAlt {
background-color: #EDEDED;
font-size: 80%;
}

.bold {
font-weight: bold;
}

.smallBold {
font-size: 80%;
font-weight: bold;
}

/*Color Chart */

#ccDisclaimerP {
clear: both;
margin-top: 50px;
}

#enlargeimg {
	width: 90px;
	height: 70px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #000000;
	padding-bottom: 20px;
	background-color: #000000;
	z-index: 1000;
	
} 

#enlargeimg a {
	display: block;
	text-align: center;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
} 

#enlargeimg a:hover {
	width: auto;
	padding-top: 0px;
	padding-left: 0px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
} 

#enlargeimg a span {
    display: none;
} 

#enlargeimg a:hover span {
	position: absolute;
	width: 250px;
	height: 195px;
	display: block;
} 
#enlargeimg img {
	border: 0px;
}
.colorSwatch {
	margin: 0px;
	border: 4px solid #000000;
}
.enlargement {
    border: 4px solid #000000;
}

#wrapper, #wrapper2, #wrapper3, #wrapper4, #wrapper5, #wrapper6, #wrapper7, #wrapper8, #wrapper9, #wrapper10, #wrapper11, #wrapper12, #wrapper13, #wrapper14, #wrapper15, #wrapper16, #wrapper17, #wrapper18, #wrapper19, #wrapper20, #wrapper21, #wrapper22, #wrapper23, #wrapper24, #wrapper25  {
width: 90px;
height: 70px;
float: left;
padding-right: 10px;
padding-top: 20px;
margin-top: 10px;
}

.enlFrame {
border: 36px solid #CCCCCC;
width: 250px;
height: 195px;
margin: -240px -60px;
z-index: 9999;
}

.enlFrameLast {
border: 36px solid #CCCCCC;
width: 250px;
height: 195px;
margin: -150px -32px;
z-index: 1000;
}

#ccHolder,#ccHolder2 {
width: 90%;
margin: 0 auto;
z-index: 1;
}

#ccHolder2 {
margin-bottom: 250px;
}

#colorRoom {
height: 125px;
}

.backArrow {
	float: left;
	margin-right: 6px;
}

a.backLink:link,a.backLink:visited {
color: #333333;
text-decoration: underline;
}

a.backLink:hover,a.backLink:active {
color: #333333;
text-decoration: none;
}
/*Locker Selector Chart */

.lockerSelectorTable {
padding: 0;
margin: 0;
border: 0;
}

#lockerSelectorHolder {
text-align: left;
margin: 0 auto;
width: 100%;
height: 170px;
}

#lockerSelectorHolder2 {
height: 145px;
}

#lockerSelectorHolder3 {
height: 145px;
}

#selectorSpacer {
height: 50px;
}

#lsColumn1 {
width: 23.5%;
float: left;

}
#lsColumn3,#lsColumn4,#lsColumn8,#lsColumn9 {
width: 50%;
float: left;

}

#lsColumn2,#lsColumn5,#lsColumn6,#lsColumn7,#lsColumn10 {
width: 8.5%;
float: left;
}

#lsColumn34,#lsColumn89{
width: 17%;
text-align: center;
float: left;
margin-top: -13px;
}

#lsTop {
font-size: 70%;
text-align: center;
}

.lsHeadings {
border: 1px solid #000;
padding: 4px;
font-size: 80%;
height: 16px;
text-align: left;
}

.lsHeadings2 {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
text-align: center;
font-size: 80%;
background-color: #7eb558;
color: #fff;
padding: 4px;
height: 16px;
}

.lsHeadings2Top {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
text-align: center;
font-size: 80%;
background-color: #7eb558;
color: #fff;
padding: 4px;
height: 16px;
}

.lsHeadings2alt {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
text-align: center;
padding: 4px;
font-size: 80%;
background-color: #689449;
color: #fff;
height: 16px;
}

.lsHeadings a,.lsHeadings2b a {
display: block;
color: #000;
text-decoration: none;

}

.lsHeadings a:hover,.lsHeadings2b a:hover {
background-color: #9c2025;
color: #fff;
text-decoration: none;

}

.lsHeadings2b {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
text-align: left;
padding: 4px;
font-size: 80%;
height: 16px;
}

.lsProductHeading {
font-family: "Impact", Arial, Sans-Serif;
font-size: 130%;
color: #9c2025;
letter-spacing: 1px;
font-weight: normal;
height: 28px;
text-align: left;
}

.lsCatHeading {
text-align: center;
height: 28px;
}

.lsCatHeadingBorder {
text-align: center;
height: 28px;
border-right: 1px solid #000;
}

.lsCatHeadingExtL {
text-align: center;
border-top: 1px solid #000000;
height: 27px;

}

.lsCatHeadingExtR {
text-align: center;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
height: 27px;

}

a.lsHoverable {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #000;
	
}

a.lsHoverable div {
	position: absolute;
	display: none;
	top: 1.45em;
	margin: 1px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 170px;
}

a.lsHoverable:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a.lsHoverableTop {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
}

a.lsHoverableTop div {
	position: absolute;
	display: none;
	top: -8em;
	left: -2em;
	margin: 0px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	line-height: 130%;
	width: 300px;
}

a.lsHoverableTop:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
	z-index: 9999;
}

a.lsHoverableTop2 {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
	z-index: 0;
}

a.lsHoverableTop2 div {
	position: absolute;
	display: none;
	top: -4em;
	left: -2em;
	margin: 0px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	line-height: 130%;
	width: 300px;
}

a.lsHoverableTop2:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
}

a.lsHoverableTop3 {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
}

a.lsHoverableTop3 div {
	position: absolute;
	display: none;
	top: -5em;
	left: -2em;
	margin: 0px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	line-height: 130%;
	width: 300px;
}

a.lsHoverableTop3:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
}

a.lsHoverableTop4 {
	position: relative;
	cursor: pointer;
	text-decoration: none;
    color: #000;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
}

a.lsHoverableTop4 div {
	position: absolute;
	display: none;
	top: -4em;
	left: -6em;
	margin: 0px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	line-height: 130%;
	width: 300px;
}

a.lsHoverableTop4:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	color: #000000;
}

a.lsHoverableVent {
	position: relative;
	cursor: pointer;
	text-decoration: underline;
    color: #fff;
	
}

a.lsHoverableVent div {
	position: absolute;
	display: none;
	top: 1.45em;
	left: 3em;
	margin: 1px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 100px;
}

a.lsHoverableVent:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a.lsHoverableVentO {
	position: relative;
	cursor: pointer;
	text-decoration: underline;
    color: #fff;
	
}

a.lsHoverableVentO div {
	position: absolute;
	display: none;
	top: 1.45em;
	margin: 1px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 270px;
}

a.lsHoverableVentO:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

a.lsHoverableVentOBottom {
	position: relative;
	cursor: pointer;
	text-decoration: underline;
    color: #fff;
	
}

a.lsHoverableVentOBottom div {
	position: absolute;
	display: none;
	top: -8em;
	left: 4em;
	margin: 1px;
	padding: .5em;
	background-color: #CCCCCC;
	border: 1px solid black;
	font-size: 11px;
	line-height: 130%;
	width: 270px;
}

a.lsHoverableVentOBottom:hover div {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
.ventTxt {
text-align: left;
text-decoration: none;
font-weight: bold;
}

.lsImg {
text-align: center;
border: 1px #000 solid;
}

/*PDQ Page*/
table.pdqHolder {
width: 779px;
border-collapse: collapse;
border-spacing: 0px;
}

table.pdqTable {
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
font-size: 70%;
width: 240px;
}

.pdqTopRow {
border-bottom: 1px solid #ccc;
font-weight: bold;
}

.pdqImgCell {
width: 40px;
text-align: center;
}

.imgHolder {
width: 229px;
vertical-align: top;
}

.tableHolder {
width: 225px;
text-align: center;
margin: 0 auto;
}

.pdqHeadings {
font-size: 120%;
color: #006699;
font-weight: bold;
}

/*Contact Us Page */

#address,#contactPhone {
font-size: 90%;
}

#required {
width: 98.5%;
margin-top: 20px;
background-color: #1169a7;
font-size: 70%;
color: #fff;
font-weight: bold;
padding: 8px;
}

#contactForm {
width: 100%;
border-left: 1px solid #1169a7;
border-right: 1px solid #1169a7;
border-bottom: 1px solid #1169a7;
}

.reg,.text_field {
border: dotted 1px #000;
color: #1169a7;
font-weight: bold;
background-color: #f6f6f6;
padding: 2px;
}

#regLabel {
font-size: 90%;
font-weight: bold;
}

.button {
background-color: #1169a7;
border: 1px #000 solid;
color: #fff;
font-weight: bold;
padding: 6px;
font-variant: small-caps;
font-size: 130%;
}

.button:hover {
background-color: #77aa43;
border: 1px #000 solid;
color: #fff;
font-weight: bold;
padding: 6px;
font-variant: small-caps;
font-size: 130%;
text-decoration: underline;
}

/*Dyanamic Forms*/

.text_field {
margin: 0px 0px 20px;
width: 400px;
}

.label {
font-weight: bold;
}

/*Lead Times */
#leadTimes1 {
border: solid #FFFFFF 2px;
background-color: #9c2025;
color: white;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
width: 200px;
height: 16px;
padding: 8px;
}

#leadTimes1b {
border: solid #FFFFFF 2px;
width: 96%;
background-color: #9c2025;
padding: 10px 20px 20px 20px;
margin: 0 0 25px;
clear: both;
}

#leadTimes2 {
border: solid #FFFFFF 2px;
background-color: #71a24f;;
color: white;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
width: 200px;
height: 16px;
padding: 8px;
}

#leadTimes2b {
border: solid #FFFFFF 2px;
background-color: #71a24f;;
padding: 20px;
margin: 0 0 25px;
}

table .leadTimesLockers {
border: 1px #fff dotted;
width: 98%;
}

table .leadTimesSP {
border: 1px #fff dotted;
width: 100%;
}

/*Old Content Styles from rs.com v1*/
#heading2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: -1px;
font-weight: bold;
}

.heading3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
color: #000000;
padding-top: 10px;
}

/***********************   ************************** HomePage v2 ******************************************/

#homeLeft {
min-width: 187px;
background-color: #d5d5d5;
float: left;
text-align: center;
}

#homeRight {
min-width: 239px;
background-color: #003399;
float: left;
}

#homeCenter {
width: 541px;
float: left;
background: url('../images/homepage2/ultraFrameBackground.jpg') no-repeat;
}

#welcomeText {
width: 175px;
background-color: #f2f2f2;
padding: 6px;
text-align: left;
color: #006699;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
}

#welcomeText a:link,#welcomeText a:visited,#welcomeText a:active {
color: #666;
font-size: 110%;
text-decoration: underline;
}

#welcomeText a:hover {
text-decoration: none;
}

.homeCatalog {
background-color: #d5d5d5;
width: 187px;
text-align: center;
font-size: 70%;
}

a#button1 {
    display: block;
    width: 187px;
    height: 362px;
    background-image: url('../images/homepage2/catalogs.gif');
}
a#button1:hover {
    background-image: url('../images/homepage2/catalogs-on.gif');
}

a .alt { display: none; }

#centerContent {
width: 541px;
padding: 25px;
margin: 15px auto;
text-align: left;
clear: left;
}

#centerContent ul,#centerContent li{
margin: 0px 0px 0px 5px;
padding: 0px 0px 6px 12px;
list-style-type: none;
font-size: 100%;
}

#centerContent li{
background-image: url('../images/icons/arrow.png');
background-repeat: no-repeat;
background-position: 0em;
}

#centerContent a:link,#centerContent a:visited {
color: #1169A7;
text-decoration: underline;
}

#centerContent a:hover {
color: #333333;
text-decoration: none;
}

#homeLeft a:link,#homeLeft a:visited {
color: #333333;
text-decoration: underline;
}

#homeLeft a:hover {
color: #1169A7;
text-decoration: none;
}

#viewOptions {
width: 425px;
height: 60px;
margin: -20px auto 10px;
border-top: 1px #ccc solid;
clear: left;
}

#viewOptions2 {
width: 425px;
height: 60px;
margin: 64px auto 10px;
border-top: 1px #ccc solid;
clear: left;
}

.viewDetails {
margin-top: 5px;
padding: 5px 0px 10px 15px;
border-left: 1px #ccc solid;
float: left;
display: block;
}

.viewDetails:hover {
border-bottom: 2px #ccc solid;
}

.zoom {
margin-top: 5px;
padding: 5px 15px 0px 0px;
float: left;
display: block;
}

.centerHeading {
font-size: 150%;
letter-spacing: -1px;
}


.preloadMe {display:none;}

.error {
font-size: 120%;
color: #fff;
font-weight: bold;
border: 1px solid #ccc;
background-color: #C00;
padding: 10px;
width: 60%;
}

/* Stocking Distributor *****************************************************************************/

.med {
font-size: 80%;
}

.sdArrow {
margin: 4px 4px;
}

#sdFlashMap {
clear: left;
width: 780px;
margin: 20px auto;
}

#distributorsLogos {
width: 100%;
height: auto;
overflow: auto;
background-color: #1169a7;
padding: 15px;
color: #fff;
font-size: 90%;
}

#distributorsLogos a:link {
color: #fff;
}

#distributorsLogos a:visited {
color: #fff;
}

#distributorsLogos a:hover {
color: #ccc;
}

.distributorsLogos {
margin: 20px 0px 10px;
border: 2px #73a551 solid;
}

.dName {
font-size: 120%;
color: #c7dcea;
font-weight: bold;
letter-spacing: -1px;
}

.sdTitle1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 160%;
color: #fff;
font-weight: normal;
letter-spacing: -1px;
}

.sdResults {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
color: #000;
letter-spacing: -1px;
font-weight: normal;
}

#sdLogo {
width: 384px;
float: left;
text-align: center;
border: #73a551 solid 2px;
margin-top: 12px;
}

#sdData {
width: 385px;
float: right;
margin: 12px 0px 0px 5px;
line-height: 23px;
}

.sdName {
color: #1169a7;
font-size: 140%;
font-weight: bold;
}

.sdAddress {
font-size: 100%;
color: #000;
}

#locater_form2 {
width: 390px;
float: left;
clear: left;
margin: 20px 0px 20px;
text-align: center;
}	

#form2Instructions {
font-size: 110%;
letter-spacing: 1px;
margin-bottom: 5px;
}

#sdLinks {
width: 100%;
clear: both;
text-align: center;
}

.sd {
color: #1169a7;
background-color: #1169a7;
height: 3px;
}

/* Where To Buy Drop Down ********************************************************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/contentdds/drop_definition4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#contentdd {list-style-type:none; margin:40px 0px; padding:0; font-family: Arial, Helvetica, sans-serif;}

#contentdd li {float:left; padding:0; margin:0; position:relative; height:1px; z-index:100;}
#contentdd li a, #contentdd li a:visited {text-decoration:none;}

#contentdd dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: transparent url(transparency.gif);}
#contentdd dt {background: none; margin:0; border-right: 1px solid #1169A7; float:left; padding: 0px 4px 0px 4px;}
#contentdd dd {display:none; background: transparent; border-bottom:1px solid #fff; clear:left; margin: 0px; padding: 0px; color: #fff;}

#contentdd dt a, #contentdd dt a:visited {display:block; color: #1169A7;}
#contentdd dd a, #contentdd dd a:visited {background: #1169A7; color:#fff; text-decoration:none; display:block;}

#contentdd li a:hover {border:0;}

#contentdd li:hover dd, #contentdd li a:hover dd {display:block;}
#contentdd li:hover dl, #contentdd li a:hover dl {width: 200px;}
#contentdd li:hover dt a, #contentdd li a:hover dt a, #contentdd dd a:hover {background: #333; color:#fff; text-decoration: underline;}
#contentdd dd a{padding: 4px;}
#contentdd dd a:hover {padding: 4px;}
#contentdd li:hover dt a {background: none; color: #1169A7; text-decoration: underline; padding-bottom: 18px;}

#contentdd li.dc {
width: 111px;
}

#contentdd li.rc {
width: 107px;
}

#contentdd li.news {
width: 42px;
}

#contentdd li.wtb {
width: 93px;
}

#contentdd li.gsa {
width: 38px;
}

#contentdd li.aia {
width: 56px;
}

#contentdd li.home {
width: 44px;
}

.down {
background-color: #000;
margin: 10px;
}

/*********************************  SLIDE CAROUSEL (homepage) **/

.slide_box {
	width: 111px;
	height: 70px;
	float: left;
	margin: 1px 0px 1px 5px;
}

.slide_box:hover {
	border-top: 1px solid #ccc;
	border-bottom: 1px #ccc solid;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 541px; /*Width of Carousel Viewer itself*/
height: 475px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 541px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/************/

.red_heading {
	color: #af2026;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	border-bottom: 2px solid #af2026;
}

#homeCenter_slide {
width: 541px;
float: left;
}

/********************************************************  I M A G E  E N H A N C E M E N T S  **/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail {
position: relative;
z-index: 0;
text-align: left;
font-size: 80%;
font-weight: bold;
line-height: 20px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 999;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background: #f6f6ed;
padding: 5px;
top: -2000px;
left: 0px;
border: 4px solid #af2026;
visibility: hidden;
color: #333;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -430px;
left: 275px; /*position where enlarged image should offset horizontally */
}

.thumbnail2 {
position: relative;
z-index: 0;
text-align: left;
font-size: 80%;
font-weight: bold;
line-height: 20px;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background: #f6f6ed;
padding: 5px;
top: -1000px;
left: 0px;
border: 4px solid #af2026;
visibility: hidden;
color: #333;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -450px;
left: -25px; /*position where enlarged image should offset horizontally */
}

/********************************************************  E N D  I M A G E  E N H A N C E M E N T S  **/