body {
	margin: 0px;
	padding: 0px;
	background: url("images/bg.gif");
	overflow: -moz-scrollbars-vertical; /* Keeps firefox from bouncing between long and short pages */
}

td {
	font-size: 11px;
}

form {
	display: inline;
}

* html #headerFix {
	display: none;
}

#pageContent,
#pageContentPopup {
	background-color: #c4c4c4;
	margin-top: 11px;
	padding-top: 13px;
	padding-bottom: 8px;
}

#pageHeader,
#pageHeaderPopup,
#pageFooter,
#pageFooterPopup,
#contentArea {
	width: 926px;
	text-align: left;
}
#pageHeaderPopup,
#pageFooterPopup,
#pageContentPopup #contentArea {
	width: 726px;
	text-align: left;
}

#content {
	padding-left: 14px;
	padding-right: 15px;
	padding-bottom: 18px;
	width: 100%;
}

#productsContent, 
#supportContent {
	padding-left: 14px;
	padding-bottom: 18px;
	width: 100%;
}

#utilityContent {
	padding-bottom: 18px;
	width: 100%;
}

.hr {
	height: 1px;
	margin-top: .9em;
	margin-bottom: .9em;
	background-color: #dedede;
}

.hrOrderSummary {
	height: 1px;
	background-color:  #dedede;
}

#logo {
	margin-top: 19px;
	margin-left: 5px;
	margin-bottom: 12px;
}
#pageHeaderPopup #logo {
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 0px;
}

#utilSearch {
	padding-top: 22px;
	padding-right: 6px;
	float: right;
	clear: both;
}

#utilityNav {
	position: relative;
	float: left;
	padding-top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #384b8e;
	padding-right: 5px;
	font-size: 10px;
}
#utilityNav a {
	color: #384b8e;
	text-decoration: none;
}

#utilityNav a:hover,
#footerNav a:hover {
	color: #5594ce;
}

#searchLabel {
	color: #999999;
}

#searchInput {
	position: relative;
	border: solid 1px #cedef1;
	font-size: 10px;
	width: 129px;
	height: 20px;
	margin-right: 2px;
}

#navBar {
	padding-right: 5px;
}

#mainNav {
	background: url("images/nav/bg.gif");
	background-repeat: repeat-x;
	width: 638px;
	float: left;
}

#cartBar {
	background: url("images/nav/bg.gif");
	background-repeat: repeat-x;
	width: 278px;
	float: right;
	color: #ffffff;
}

#cartContents a {
	color: #ffffff;
	text-decoration: underline;
}
#navbar .left {
	position: absolute;
}
#navbar .right {
	position: relative;
	float: right;
	width: 7px;
}
* html #navbar .right {
	left: 3px;
}

#pageFooter,
#pageFooterPopup {
	padding-top: 8px;
	padding-left: 2px;
	padding-bottom: 15px;
	font-size: 10px;
	color: #999999;
}

#footerNav {
	color: #384b8e;
}
#footerNav a {
	/* text-transform: uppercase; */
	color: #384b8e;
	text-decoration: none;
}

#mainBoxContent {
	min-height: 385px;
	* height: 385px;
}

div#picture {
	align: center; 
	padding: 10px;
}

.caption {
	padding-top: 5px;
	font-size: 11px;
	font-style: italic;    
}

.boxContainer {
	background: url("images/box-corners/white-bg-B.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.boxContent {
	padding-left: 10px;
	padding-right: 16px;
	background: url("images/box-corners/white-bg-R.gif");
	background-repeat: repeat-y;
	background-position: right;
	background-color: #ffffff;
}
.boxTop {
	background: url("images/box-corners/white-UL.gif");
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-align: right;
}
.boxBottom {
	background: url("images/box-corners/white-LL.gif");
	background-repeat: no-repeat;
	text-align: right;
}

#breadcrumb {
	padding-top: 1px;
	padding-bottom: 12px;
	color: #5594ce;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
#breadcrumb .current {
	color: #333333;
}
#breadcrumb a {
	color: #5594ce;
	text-decoration: underline;
}

#subnav {
	background: url("images/subnav/bg-top.gif");
	background-repeat: repeat-x;
	width: 212px;
	padding-bottom: 18px;
}
#subnavContainer {
	background: url("images/subnav/bg-bottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	min-height: 170px;
	* height: 199px;
	padding-left: 6px;
	padding-top: 17px;
	padding-right: 9px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
#subnavContainer .hr {
	background-color: #dedede;
	margin: 0px;
}

.subnavItem,
.subnavItem:hover,
.subnavItemOn:hover,
.subnavItemOn {
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-left: 11px;
	padding-right: 6px;
	font-size: 11px;
}
.subnavItem {
	color: #333333;
}
.subnavItem:hover,
.subnavItemOn {
	color: #5694ce;
	background: url("images/subnav/arrow-2nd.gif");
	background-repeat: no-repeat;
	background-position: 6px 7px;
}
.subnavItemOn {
	font-weight: bold;
}

.tertiarynavitem,
.tertiarynavitem:hover,
.tertiarynavitemOn:hover,
.tertiarynavitemOn {
	line-height: 12px;
	text-decoration: none;
	display: block;
	padding-bottom: 3px;
	padding-left: 24px;
	padding-right: 6px;
}
.tertiarynavitem {
	color: #5694ce;
}
.tertiarynavitem:hover,
.tertiarynavitemOn {
	color: #314891;
	background: url("images/subnav/arrow-3rd.gif");
	background-repeat: no-repeat;
	background-position: 19px 4px;
}
.tertiarynavitemOn {
	font-weight: bold;
}

.quaternarynavitem,
.quaternarynavitem:hover,
.quaternarynavitemOn:hover,
.quaternarynavitemOn {
	line-height: 12px;
	text-decoration: none;
	display: block;
	padding-bottom: 3px;
	padding-left: 35px;
	padding-right: 6px;
	color: #314891;
}
.quaternarynavitem:hover,
.quaternarynavitemOn {
	background: url("images/subnav/arrow-3rd.gif");
	background-repeat: no-repeat;
	background-position: 30px 4px;
}
.quaternarynavitemOn {
	font-weight: bold;
}

.tertiarySep,
.quaternarySep {
	font-size: 0px;
	padding-top: 2px;
}

.tertiaryNavContainer,
.quaternaryNavContainer {
	padding-bottom: 2px;
}

#contentSubColumn {
	width: 214px;
}

.thumbnailListContainer {
	background: #f5f5f5;
}

.thumbnailListTable {
	border-collapse: collapse;
}
.thumbnailListCell {
	border: solid 8px #f5f5f5;
	width: 101px;
}

.navLinkOff {
	border: solid 1px #e2e2e2;
}
.navLinkOn {
	border: solid 1px #5694ce;
}
.thumb {
	position: relative;
	z-index: 3;
	font-weight: bold;
}
.thumb:hover {
	text-decoration: none;
}

.shadowLeft {
	width: 4px;
	background: url("images/shadow/bg-left.png");
}
.shadowRight {
	width: 4px;
	background: url("images/shadow/bg-right.png");
}

.shadowBottom {
	width: 100%;
	height: 4px;
	background: url("images/shadow/bg-bottom.png");
}

.formElement {
	border: solid 1px #cedef1;
	font-size: 11px;
	width: 100%;
}

.formButton {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: solid 0px #cedef1;
	padding: 2px;
	background-color: #B8B8B8;
}

.ecommerceFormButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	border: solid 1px #5594CE;
	padding: 0px;
	background-color: #5594CE;
}

.ecommerceFormButtonInverse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5594CE;
	border: solid 1px #5594CE;
	padding: 0px;
	background-color: #FFFFFF;
}

.groupBubbleBoxRight {
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 5;
	margin-left: 84px;
	margin-top: 38px;
}
.groupBubbleBoxLeft {
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 5;
	margin-left: -316px;
	margin-top: 38px;
}

.groupBubbleColumn {
	width: 135px;
}
.groupBubbleColumn .hr {
	background: url("images/nav/dots.gif");
	background-repeat: repeat-x;
	width: 135px;
	margin: 0px;
}

.groupBubbleContent {
	background: url("/products/assets/common/images/groupBubble/bg.png");
}
.groupBubbleTop {
	background: url("/products/assets/common/images/groupBubble/top.png");
	background-repeat: repeat-x;
}
.groupBubbleBottom {
	background: url("/products/assets/common/images/groupBubble/bottom.png");
	background-repeat: repeat-x;
}
.groupBubbleLeft {
	background: url("/products/assets/common/images/groupBubble/left.png");
	background-repeat: repeat-y;
}
.groupBubbleRight {
	background: url("/products/assets/common/images/groupBubble/right.png");
	background-repeat: repeat-y;
}

.groupBubbleItem {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 4px;
}

.groupBubbleItem:hover {
	text-decoration: none;
	background: url("/products/assets/common/images/groupBubble/over.png");
}

.rangeBubbleBoxRight {
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 5;
	margin-top: -6px;
	margin-left: 50px;
}

.rangeBubbleBoxLeft {
	position: absolute;
	display: none;
	visibility: hidden;
	z-index: 5;
	margin-top: -6px;
	margin-left: -280px;
}

.rangeBubbleContent {
	background: url("/products/assets/common/images/rangeBubble/bg.png");
	width: 359px;
	height: 220px;
}

.optionsBubbleContent {
	background: url("/products/assets/common/images/rangeBubble/bg.png");
	width: 224px;
}

.rangeBubbleTop {
	background: url("/products/assets/common/images/rangeBubble/top.png");
	background-repeat: repeat-x;
}

.rangeBubbleBottom {
	background: url("/products/assets/common/images/rangeBubble/bottom.png");
	background-repeat: repeat-x;
}
.rangeBubbleLeft {
	background: url("/products/assets/common/images/rangeBubble/left.png");
	background-repeat: repeat-y;
}
.rangeBubbleRight {
	background: url("/products/assets/common/images/rangeBubble/right.png");
	background-repeat: repeat-y;
}
.rangeBubblePointer {
	margin-top: 0px;
}

#hideBubble {
	position: absolute;
	width: 98%;
	height: 98%;
	visibility: hidden;
	display: none;
	top: 0px;
	left: 0px;
	z-index: 2;
}


.homeRight {
	background: url("images/subnav/bg-bottom.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.homeLeft {
	width: 100%;
	padding-right: 5px;
}

.homeRightInner {
	background: url("images/subnav/bg-top.gif");
	background-repeat: repeat-x;

	width: 253px;
	* width: 268px;
	
	min-height: 170px;
	* height: 199px;
	
	padding-left: 6px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
}

.promoTable {
	margin-top: 5px;
}
.promoLeft {
	padding-right: 5px;
}
.promoLeft p,
.promoRight p {
	margin: 0px;
	padding: 0px;
}


.scrollBoxContainer {
	width: 253px;
	height: 219px;
	overflow: hidden;
}

.scrollBoxContent {
	position: relative;
	float: left;
	width: 230px;
	padding-top: 2px;
	padding-left: 6px;
}

.scrollBoxContent p {
	margin-top: 0px;
}

.scrollBoxThumb {
	visibility: hidden;
	float: right;
	height: 217px;
	* height: 100%;
	border: solid 1px #e5e5e5;
	background-color: #ffffff;
}

#scrollBox1_draggable {
	position: relative;
}


.newsNav {
	padding-left: 6px;
	padding-top: 5px;
}
.newsNav a {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	
}

.catalog,
.shop {
	padding-left: 6px;
	padding-right: 6px;
	font-size: 11px;
}

.catalog a,
.shop a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
}

.drawingsTableCell,
.manualsTableCell,
.contactSalesTableCell,
.requestAQuoteTableCell,
.requestACatalogTableCell,
.newsletterSignUpTableCell,
.formTableCell {
	padding: 4px;
	padding-right: 12px;
	width: 320px;
}

.formTableButtonCell {
	padding: 6px;
	padding-left: 4px;
	padding-right: 0px;
}

.formTableCellRequired {
	padding: 2px;
	font-size: 10px;
}

.loginBoxContainer,
.forgotPasswordBoxContainer,
.taxExemptionBoxContainer {
	padding: 20px;
	width: 100%;
	height: 100%;
}

.loginBox {
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	width: 300px;
	height: 100%;
}

.forgotPasswordBox,
.taxExemptionBox {
	padding: 10px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	width: 100%;
	height: 100%;
}

.shoppingCartTable,
.orderStatusTable,
.favoritesTable,
.savedQuotesTable,
.orderHistoryTable,
.purchaseOrderTable,
.ecommerceTable {
	width: 100%;
	background-color: #FFFFFF;
}

.shoppingCartHeader,
.orderStatusHeader,
.favoritesHeader,
.savedQuotesHeader,
.orderHistoryHeader,
.purchaseOrderHeader,
.ecommerceHeader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C3C3C3;
	padding: 5px;
}

.shoppingCartOddColumn,
.orderStatusOddColumn,
.favoritesOddColumn,
.savedQuotesOddColumn,
.orderHistoryOddColumn,
.purchaseOrderOddColumn,
.ecommerceOddColumn {
 	background-color: #EDEDED;
	padding: 5px;
}

.shoppingCartEvenColumn,
.orderStatusEvenColumn,
.favoritesEvenColumn,
.savedQuotesEvenColumn,
.orderHistoryEvenColumn,
.purchaseOrderEvenColumn,
.ecommerceEvenColumn {
	background-color: #E1E1E1;
	padding: 5px;
}

.ecommerceThumbnail {
	border: solid 1px #e2e2e2;
}

.shoppingCartSubTotal,
.ecommerceTotalRow {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: bold;
}

.cartFavoritesLegend {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 10px;
}

.cartFavoritesLegend a {
	color: #5594ce;
	text-decoration: none;
}

.ecommerceButtonRow {
	padding: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.ecommerceButtonContainer {
	padding: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

.ecommerceAddressDetailContainer {
	line-height: 115%; 
	padding-left: 2px; 
	padding-right: 20px; 
	padding-top: 2px; 
	padding-bottom: 2px;
}

.ecommerceTable td a {
	color: #515151;
	text-decoration: underline;
}

.addToFavoritesLegend {
	padding: 2px;
	color: #5594CE;
}

#interactiveContainer {
	position: relative;
}
.initial {
	visibility: hidden;
	display: none;
}
.circle,
.circle:hover {
	cursor: hand;
}

#intBox1,
#intBox2,
#intBox3,
#intBox4 {
	position: absolute;
	top: 188px;
	left: 78px;
}


#intCircle1On,
#intCircle1Off {
	position: absolute;
	top: 55px;
	left: 544px;
}

#intCircle2On,
#intCircle2Off {
	position: absolute;
	top: 40px;
	left: 405px;
}

#intCircle3On,
#intCircle3Off {
	position: absolute;
	top: 75px;
	left: 452px;
}

#intCircle4On,
#intCircle4Off {
	position: absolute;
	top: 115px;
	left: 494px;
}

.searchResultsTable {
	border-collapse: collapse;
}

.searchResultsOddRow {
	background-color: #EDEDED;
	padding: 6px;
	border-bottom: solid 3px #ffffff;
}

.searchResultsEvenRow {
	background-color: #F8F8F8;
	padding: 6px;
	border-bottom: solid 3px #ffffff;
}

.searchResultsThumnail {
	border: solid 1px #e2e2e2;
}

.recentlyViewed {
	background-color: #e2e2e2;
	padding: 10px;
	margin-bottom: 18px;
}

.recentlyViewed .dhtmlDropdownContainer {
	width: 192px;
}
.recentlyViewed .triggerBoxText {
	width: 151px;
	* width: 169px;
}
.recentlyViewed .dhtmlDropdownScrollBox {
	width: 185px;
	* width: 190px;
	height: 150px;
}

.recentlyViewed .dhtmlDropdownScrollBox a {
	padding-right: 10px;
	width: auto;
	* width: 100%;
}

.disclaimer {
	font-size: 10px;
}

.cartSummaryBox {
	width: 150px;
	background-color: #ededed;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	padding-bottom: 3px;
}

.cartSummaryItem {
	padding-left: 2px;
}

.welcomeMessage {
	color: #999999;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 4px;
	font-weight: bold;
}

.searchDiscontinued {
	border: solid 1px #CCCCCC;
	margin-left: 100px;
	margin-right: 120px;
	margin-top: 15px;
	padding: 12px;
}