﻿/*-------------*/
/* Base Styles */
/*-------------*/
body, h1, h2, h3, input, checkbox, 
select, table, form, a img, p{
margin:0px;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#eee;
font-size:12px;
color:#666;
}
h1, h2, h3{
font-weight:bold;
margin-bottom:5px;
color:#000;
}
h1{
color:#900;
font-size:18px;
}
h2 {
font-size:16px;
}
h3{
font-size:14px;
}
hr{
height:0;
border:0;
border-bottom:1px solid #ccc;
}
a, a:visited{
color:#06c;
text-decoration:underline;
}
a:hover{
color:#06c;
text-decoration:none;
}
a img{
vertical-align:bottom;
border:0;
}
p {
padding:5px 0;
}
.clear {
clear:both;
}

/*---------------*/
/* Layout Styles */
/*---------------*/
#wrap{
background:#fff;
width:920px;
padding:20px;
margin:0 auto;
}
#header{
width:100%;
background:#deefff;
margin-bottom:20px;
}
#header h1{
padding-left:30px;
padding-top:30px;
color:#afc5da;
}
#leftnav{
float:left;
width:220px;
}
#leftnav h2{
margin-left:5px;
}
#leftnav ul li{
font-size:11px;
}
#content{
float:right;
width:680px;
padding-left:20px;
}
#footer{
width:100%;
clear:both;
/*padding-top:20px;*/
}
#footer a{
color:#999;
text-decoration:none;
}
#footer a:hover{
color:#333;
}



/*-------------------------*/
/* Interior Content Styles */
/*-------------------------*/
#priceBox{
width:150px;
border:1px solid #666;
border-top:0;
background:#efefef;
padding-bottom:5px;
}
#productbox{
background:#7493b7;
padding:3px;
border:1px solid #48688c;
color:#fff;
font-size:11px;
font-weight:bold;
}
#itemView{
width:70%;
margin-top:20px;
}

/* Controls thumbnail size in CatalogList */
.catlist_box img{
margin-bottom:5px;
height:120px !important;
}

/* Remove to make spec/option box not float to the left of the info pane*/
#itemView .RadTabStrip .rtsLevel {
clear:none;
}

/* Use this if you want the text to stop 
wrapping under the right info column.

#mainColumn{
width:70%;
}*/


/* Info Column Styles */
#infoPanel{
width:150px;
float:right;
font-size:11px;
margin-left:20px;
margin-bottom:20px;
}
#infoPanel .imagebox{
border:1px solid #ddd;
}
.imgHeader{
display:block;
background:#777;
font-weight:bold;
color:#fff;
padding:2px 0px 2px 0px;
border-top:1px solid #444;
border-bottom:1px solid #444;
}
#pricing, #additionalInfo, #downloads{
background:#EFEFEF;
border:1px solid #999;
padding-bottom:3px;
}
#pricing h3, #additionalInfo h3, #downloads h3{
background:#7392B5;
color:#FFFFFF;
font-size:11px;
padding: 2px 0 2px 4px;
}
.pricingLeft, .pricingLeftSale, .additionalLink, .additionalDownload{
float:left;
padding:1px 0px 1px 15px;
}
.pricingRight, .pricingRightSale{
float:right;
padding:1px 15px 1px 0px;
}
.pricingRightSale, .pricingLeftSale{
color:#900;
}



/* ------------------------------------- */
/* ----------------------------------------------- */
/*-----------------------------------------------------*/
/*                        STOP!                        */
/*          It is very unlikely that you'll            */
/*        need to modify styles below this line        */
/*-----------------------------------------------------*/
/* ----------------------------------------------- */
/* ------------------------------------- */




/* Additional Information */
.additional{
font-size:11px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
}
.additional span{
padding:0 3px;
}
.additional a, a.additional{
text-decoration:none;
color:#666;
padding:0 3px;
}
.additional a:hover, a:hover.additional{
color:#333;
}
.imagelink{
font-size:10px;
color:#999;
padding-left:5px;
}
.imagelink a, a.imagelink{
text-decoration:none;
color:#999;
}
.imagelink a:hover, a:hover.imagelink{
color:#666;
}
/* ----------------------------------------------- */

/* Bread Crumbs */
.breadbox p, p.crumb {
padding:0;
}
.crumb{
color:#666;
font-size:11px;
font-weight:bold;
}
.crumb a{
color:#666;
text-decoration:underline;
}
.crumb a:hover{
color:#000;
text-decoration:none;
}
/* ----------------------------------------------- */

/* Build to order */
.buildToolTip {
margin-left:3px;
vertical-align:text-top;
}
.buildToolTip:hover {
cursor:pointer;
}
#content h3.build2order {
font-size:16px;
font-weight:bold;
color:#036;
background:#fff;
margin:0 0 8px 0;
padding:0;
}
/* ----------------------------------------------- */

/* CategoryList2.ascx */
.catlist_table table{
height:180px;
}
.catlist_table td{
vertical-align:top;
padding:5px;
width:250px;
}
.catlist_box{
padding:5px;
vertical-align:top;
text-align:center;	
border:1px dashed #999;
}
.subcatlist_img img{
height:120px;
}

/* Manufacturer Styles */
.mfgList{
margin-top:5px;
}
.mfgList td{
border-bottom:1px solid #ddd;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
text-align:center;
width:50%;
}
.mfgList div{
padding:3px 0;
}
.mfgview_catview_img{
float:right;
margin-left:20px;
margin-bottom:15px;
width:140px;
}
.mfg-search h2, .ind-search h2{
/*width:490px;*/
display:block;
background:#777;
color:#fff;
font-size:11px;
margin:0;
padding:2px 0px 2px 10px;
border-top:1px solid #444;
border-bottom:1px solid #444;
}
.mfg-search table, .mfg-search td, .ind-search table, .ind-search td{
/*border:1px solid #ccc;
border-collapse:collapse;
width:500px;*/
}
.mfg-search td, .ind-search td{
padding:5px;
padding-left:20px;
/*background:#f0f0f0;*/
font-size:11px;
}
a.catlist_img{
text-decoration:none;
border:none;
}
.catlist_img img{
width:80px;
margin-right:10px;
border:1px solid #999;
}
.catview_img img, img.catview_img{
width:140px;
border:1px solid #000;
margin:10px 10px 0 0;
}
.mfgrMenu{
font-size:11px;
}
.mfgrMenu h3{
font-size:12px;
margin:0;
padding:0 5px;
}
.mfgrMenu ul {
margin:0 0 10px 18px;
padding:0;
list-style:none;
line-height:16px;
}
.mfgrMenu ul li a{
text-decoration:none;
}
.mfgrMenu ul li a:hover{
text-decoration:underline;
}
.mfgrMenuLink {
display:block;
margin:0 5px;
line-height:16px;
}


/* ----------------------------------------------- */

/* ItemListView */
.statuslabel{
font-weight: bold;
font-style:italic;
padding: 2px 0;
}


/* ----------------------------------------------- */

/* ItemView */
.refview_img{
width:50px;
}
.imagebox {
text-align:center;
}
.imagebox a{
display:block;
margin:5px auto;
}
/* ----------------------------------------------- */

/* Generic Submit Buttons */
input.submit { 
color:#333;
padding:3px 5px;
background:#CDCDCD url(Images/submit-bg.png) 0 0 repeat-x;
border:1px solid #ccc;
border-bottom-color:#777;
border-right-color:#777;
}
input.submit:active { 
background:#eee;
border-color:#777;
border-bottom-color:#ccc;
border-right-color:#ccc;
}
input.submitAction {
color:#fff;
padding:3px 5px;
background:#56789f url(Images/submit-bg-blue.png) 0 0 repeat-x;
border:1px solid #0a2544;
border-top-color:#37608e;
border-left-color:#37608e;
}
input.submitAction:active { 
background:#56789f;
border:1px solid #0a2544;
}
/* ----------------------------------------------- */

/* Reference Tables */
.ref_head{
font-weight:bold;
background:#ccc;
text-align:center;
}
.ref_box{
border:1px solid #828282;
padding:10px;
border-top-width:4px;
}
.ref_tabs {
position:relative;
top:1px;
}
/* ----------------------------------------------- */

/* Tabs */
.tabBar{
border-bottom:0px solid #06f;
}
/* ----------------------------------------------- */

/* Specification Display */
.specs{
border-top:2px solid #06f;
font-weight:bold;
padding:3px inherit 5px inherit;
text-align:left;
}
.lightBorder_cat{
border:#999 1px solid;
padding:3px;
font-size:11px;
font-weight:bold;
background:#EFEFEF;
text-align:left;
}
.lightBorder_val{
border:#999 1px solid;
padding:3px;
font-size:11px;
background:#fff;
text-align:left;
}
/* ----------------------------------------------- */

/*  Filters  */
.filterPanel {
display:none;
background:#f2f2f2;
overflow:hidden;
padding:0px 0px 5px 0px;
border:1px solid #828282;
border-bottom:none;
position:relative;
}
.filterPanel h3 {
color:#fff;
background:#828282 url(Images/item-viewer-bg.gif) 0 -100px repeat-x;
height:16px;
margin:0;
padding:3px 5px 5px 5px;
}
.filter {
width:192px;
float:left;
margin:5px;
}
.filterLabel{
display:block;
font-weight:bold;
}
.filterDropDown{
width:195px;
}
a.filterToggle, a.filterToggle:visited {
display:block;
float:right;
font-size:11px;
color:#fff;
text-decoration:none;
margin:5px;
}
a.filterToggle:hover {
color:#fff;
text-decoration:underline;
}
a.filterToggle:focus {
outline:none;
}
.applyFilter {
clear:both;
float:left;
overflow:hidden;
margin:3px 5px;
}
.selectPageSize {
float:right;
text-align:right;
margin:0 1px 1px;
}
.selectPageSize span {
color:#fff;
font-weight:bold;
font-size:11px;
margin-right:3px;
}
.selectPageSize select {
margin:0;
}
/* DO NO REMOVE */
.clientSideVars {
display:none;
}
/* ----------------------------------------------- */

/* Cross-reference tabs */
.RadGrid_Default .rgSelectedRow {
background-image:none !important;
}
.RadGrid_Default .rgSelectedRow td {
color:#fff;
}
/* ----------------------------------------------- */

/* Quote Cart */
.quoteCart_total {
clear:both;
display:block;
text-align:right;
font-weight:bold;
font-size:12px;
margin:6px 40px 0 0;
}
#quoteCartButtons {
margin-top:10px;
}
#reqConfirm th, #reqConfirm td {
text-align:left;
vertical-align:top;
padding-right:5px;
}
.quoteSteps {
float:right;
margin-top:5px;
}
.quoteSteps img {
display:block;
float:left;
margin-left:20px;
}
/* ----------------------------------------------- */

/* Retail Grid Styles */
.retailImage{
float:left;
margin-right:15px;
padding-right:15px;
}
.retailButton{
margin-left:30px;
}
.retailDetails{
font-size:11px;
text-align:left;
}
.retailDetails td, .retailDetails th{
padding-top:3px;
padding-bottom:3px;
line-height:14px;
}
/* ----------------------------------------------- */

/* Print Related Styles */
#printable_head{
background:#fff;
margin-bottom:10px;
padding:0;
border:1px solid #000;
}
#printable_row{
background:#efefef;
margin:0;
padding:0 2px 0 0;
border-bottom:1px solid #000;
border-right:1px solid #000;
}
#printBox, .printBoxList{
padding:5px;
margin:0px;
text-align:center;
border:#999 1px solid;
background:#efefef;
}
#printBox{
border-top:0;
}
#printBox a, .printBoxList a{
color:#000;
text-decoration:none;
}
.printable_item_cell{
margin:0px;
padding:0px;
background:#fff;
}
.printable_item_cell p{
font-size:11px;
color:#888;
}
.printbg{
background:#fff url(Images/print.gif) top right repeat-y;
}
.printicon{
margin-right:5px;
}
.pdficon{
	margin-left:-5px;
}
#requestPrint {
clear:both;
border:1px solid #999;
background:#efefef;
padding:5px 20px;
float:right;
margin-bottom:10px;
}
#requestPrint a {
color:#000;
text-decoration:none;
}
#requestPrint img {
margin-right:5px;
}
.printable_text{
padding:4px;
color:#069;
}
.printable_text strong{
font-size:14px;
color:#036;
}
.printable_text a{
color:#f60;
text-decoration:none;
}
.printable_text a:hover{
color:#036;
border-bottom:1px solid #f60;
}
/* ----------------------------------------------- */

/* Search Box */
#searchbox {
overflow:hidden;
padding:3px;
border:1px solid #333;
background:#838383 url(Images/item-viewer-bg.gif) 0 -100px repeat-x;
}
#searchboxField, #searchboxField *{
float:left;
}
#searchboxField input {
font-size:12px;
border:1px solid #333;
height:17px;
padding:2px 3px;
margin:0;
}
#searchboxField input, #searchboxField label {
vertical-align:text-bottom;
}
#searchboxField label, #searchboxField span {
margin-right:10px;
}
#searchboxField a {
margin:0;padding:0;border:0;
background:url(Images/search-sprite.gif) 0 0px no-repeat;
padding-right:1px;
}
#searchboxField a:hover {
background-position:0 -50px;
position:relative;
left:-1px;
}
#searchResultsPage.resultsPage a:hover {
background-position:0 -188px;
position:relative;
left:-1px;
}
#searchboxField a img {
visibility:hidden;
}
.search_button {
margin:0 0 0 3px;
}
.searchRadios {
margin-top:4px;
}
#searchboxField .searchRadios input {
border:0;
margin:0;
padding:0;
}
.searchRadios label {
color:#fff;
margin-left:5px;
}
.viewCart a {
float:right;
display:block;
text-decoration:none;
font-size:12px;
color:#036;
background:#ccc url(Images/search-sprite.gif) 0px -140px repeat-x;
border:1px solid #333;
height:15px;
padding:3px 5px;
}
.viewCart a:hover {
border:1px solid #fff;
}
.viewCart a span {
float:left;
display:block;
width:16px;
height:16px;
background:url(Images/search-sprite.gif) 0 -100px no-repeat;
margin-right:7px;
}
/* ----------------------------------------------- */

/* Search Results */
.searchlist{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* Tabs */
.tabBar{
border-bottom:0px solid #06f;
}

/* "Print This Page" Row */
#printBox, .printBoxList{
padding:5px;
width:140px;
margin:0px;
text-align:center;
border:#999 1px solid;
background:#efefef;
}
#printBox{
border-top:0;
}
#printBox a, .printBoxList a{
color:#000;
text-decoration:none;
}
#printBox a:hover, .printBoxList a:hover{
}
#print{
width:150px;
padding:2px 5px 5px 42px;
font-size:11px;
color:#000;
margin-top:5px;
text-align:left;
border:1px solid #666;
background:#efefef url(Images/icon_print.gif) left middle no-repeat;
float:right;
}
#print a{
color:#000;
text-decoration:underline;
}
#print a:hover{
text-decoration:none;
}
.printable_item_cell{
margin:0px;
padding:0px;
background:#fff;
}
.printbg{
background:#fff url(Images/print.gif) top right repeat-y;
}
.printtext{
}
.printtext a{
}
.printtext a:hover{
}
.printicon{
margin-right:5px;
}

/* Additional Information */
.additional{
font-size:11px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
}
.additional span{
padding:0 3px;
}
.additional a, a.additional{
text-decoration:none;
color:#666;
padding:0 3px;
}
.additional a:hover, a:hover.additional{
color:#333;
}
.imagelink{
font-size:10px;
color:#999;
padding-left:5px;
}
.imagelink a, a.imagelink{
text-decoration:none;
color:#999;
}
.imagelink a:hover, a:hover.imagelink{
color:#666;
}

/* Specification Display */
.altCell td{
background:#efefef;
padding:4px;
}
.Cell td{
background:#fff;
padding:4px;
}
.headCell{
background:#ddd;
padding:4px;
}
.headCell a{
color:#000;
text-decoration:underline;
}
.headCell a:hover{
color:#000;
text-decoration:none;
}
.specs{
border-top:2px solid #06f;
font-weight:bold;
padding:3px inherit 5px inherit;
text-align:left;
}
.lightBorder_cat{
border:#999 1px solid;
padding:3px;
font-size:11px;
font-weight:bold;
background:#EFEFEF;
text-align:left;
}
.lightBorder_val{
border:#999 1px solid;
padding:3px;
font-size:11px;
background:#fff;
text-align:left;
}

/* Printer Friendly Page */
.printable_text{
padding:4px;
color:#069;
}
.printable_text strong{
font-size:14px;
color:#036;
}
.printable_text a{
color:#f60;
text-decoration:none;
}
.printable_text a:hover{
color:#036;
border-bottom:1px solid #f60;
}

/* Left Naviagation / Catalog Menu */
.catalogMenu {
margin:0;
padding:10px 0 0 0;
}
.catalogMenu p, .catalogMenu h2 {
margin: 0 5px 10px 5px;
}
.catalogMenu h2 {
font-size:16px;
margin-bottom:0px;
}

/* FOOTER */
#footer{
font-size:10px;
text-align:right;
color:#999;
padding-right:10px;
}
#footer a{
color:#999;
text-decoration:none;
}
#footer a:hover{
color:#333;
}
#bottomline{
width:100%;
height:10px;
background:#999;
margin-top:20px;
}

/*
New Filters
*/
.filterPanel {
display:none;
background:#f2f2f2;
overflow:hidden;
padding:0px 0px 5px 0px;
border:1px solid #828282;
border-bottom:none;
position:relative;
}
.filterPanel h3 {
color:#fff;
background:#828282 url(Images/item-viewer-bg.gif) 0 0px repeat-x;
margin:0;
padding:3px 5px 5px 5px;
}
.filter {
width:192px;
float:left;
margin:5px;
}
.filterLabel{
display:block;
font-weight:bold;
}
.filterDropDown{
width:195px;
}
a.filterToggle, a.filterToggle:visited {
display:block;
float:right;
font-size:11px;
color:#fff;
text-decoration:none;
margin:5px;
}
a.filterToggle:hover {
color:#fff;
text-decoration:underline;
}
a.filterToggle:focus {
outline:none;
}
.applyFilter {
clear:both;
float:left;
overflow:hidden;
margin:3px 5px;
}
.selectPageSize {
float:right;
text-align:right;
margin:0 1px 1px;
}
.selectPageSize span {
color:#fff;
font-weight:bold;
font-size:11px;
margin-right:3px;
}
.selectPageSize select {
margin:0;
}
/* DO NO REMOVE */
.clientSideVars {
display:none;
}

/*
Cross-reference tabs
*/
.RadGrid_Default .rgSelectedRow {
background-image:none !important;
}
.RadGrid_Default .rgSelectedRow td {
color:#fff;
}

/*
Quote Cart
*/

.quoteCart_total {
clear:both;
display:block;
text-align:right;
font-weight:bold;
font-size:12px;
margin:6px 40px 0 0;
}
#quoteCartButtons {
margin-top:10px;
}
#reqConfirm th, #reqConfirm td {
text-align:left;
vertical-align:top;
padding-right:5px;
}

/*
Build to order
*/
.buildToolTip {
margin-left:3px;
vertical-align:text-top;
}
.buildToolTip:hover {
cursor:pointer;
}
#content h3.build2order {
font-size:16px;
font-weight:bold;
color:#036;
background:#fff;
margin:0 0 8px 0;
padding:0;
}
h2#searchHeader {
font-size:18px;
font-weight:normal;
margin:0;
padding:0 0 5px 0;
}
.SEHeader {
clear:both;
background:#fec;
}
.SEHeader p {
padding:2px 3px 3px 3px;
margin:0 0 10px 0;
}
.SEPageNumber {
float:right;
font-weight:bold;
}
.SEResultItem {
margin-bottom:20px;
}
.SEResultItemLink {
font-weight:bold;
}
.SEResultItemSummary {
margin:0;
}
a.SEResultItemURL {
color:#090;
}
.SEFooter a {
margin-right:3px;
}
.SEValidationError {
display:block;
color:red;
margin-bottom:5px;
}
.refineSearch {
float:left;
margin:0;
padding:5px 0 0px 0;
}
.refineSearch input{
margin-right:3px;
vertical-align:middle;
}
.refineSearch label{
margin-right:10px;
}
/* ----------------------------------------------- */

/* Results Bar */
.results{
font-weight:bold;
padding:1px 4px;
}
.results td {
color:#fff;
font-weight:bold;
}
.results a, .results td a{
color:#dedede;
text-decoration:none;
}
.results select{
font-size:10px;
}
.results input{
margin:3px inherit 0 inherit;
padding-bottom:0px;
}
/* ----------------------------------------------- */

/* Random Legacy Styles Still in Use */
.breadbox{
padding:5px 0;
}
#container{
border:1px solid #309;
}
#description, .description{
font-size:11px;
padding:0 5px 10px 0;
}
#popup{
background:#fff;
}
.botBorder{
padding:4px 0;
border-bottom:1px solid #000;
}
.indexBotBorder{
padding:7px 0;
border-bottom:1px solid #999;
}
.textBold{
font-weight:bold;
}
ul#groupList, #groupList li {
list-style:none;
margin-left:0;
padding-left:0;
line-height:1.5em;
}
#groupDescription{
margin:10px 0;
}
/* ----------------------------------------------- */
/*IndustryApplication Search page*/
.RadGrid_Default .rgGroupHeader td p {
	font-size:12px;
	font-weight:bold;
}
.RadGrid_Default .rgMasterTable tbody tr td.rgGroupCol{
	display:none;
}

.RadGrid_Default tr.rgGroupHeader td {
	border-bottom:none;
	border-top:none;
}

.RadGrid_Default tr.rgAltRow {
	background-color:#FFFFFF
}

.RadGrid_Default tr.rgAltRow td {
	border-style:none;
}
.RadGrid_Default tr.rgGroupHeader {
	background-color:#838383;
}
.RadGrid_Default tr.rgGroupHeader td p{
	padding:0 5px;
	font-size: 12px;
	color:#FFFFFF;
}
.RadGrid_Default .rgRow .catlist_box a, .RadGrid_Default .rgAltRow .catlist_box a {
    color: #1F5876;
}
/* ----------------------------------------------- */
/* ImageBrowser Window styles */

.rwTitlebarControls
{
	margin-bottom:0px;
}

