﻿/*-------------*/
/* 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%;
height:150px;
/*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;
}

/*----------------*/
/* Leftnav Styles */
/*----------------*/
.RadPanelBar, .RadTreeView{
/*border: 1px solid #DFDFDF;*/
}
.RadPanelBar ul, .RadTreeView ul{
margin:0;
padding:0;
list-style:none;
}
/* 1st Level */
.RadPanelBar ul li, .RadTreeView ul li{
background:none;
/*border-bottom:1px solid #dfdfdf;*/
padding: 0px;
}
.RadPanelBar ul li a, .RadTreeView ul li a{
padding: 5px 5px 5px 5px;
display:inline-block;
font-weight:bold;
color:#333;
text-decoration:none;
}
/* 2nd Level */
.RadPanelBar ul li li, .RadTreeView ul li li{
background:#fff;
border-bottom:0;
}
.RadPanelBar ul li li a, .RadTreeView ul li li a{
background:#fff;
padding-left:15px;
border-bottom:0;
font-weight:normal;
}
/* 3rd Level */
.RadPanelBar ul li li li a, .RadTreeView ul li li li a{
padding:2px 5px 2px 25px;
color:#666;
}

/* Hover and Selected Category Colors */
.RadPanelBar ul li a:hover, .RadTreeView ul li a:hover{
color:#0066CC;
}
.RadPanelBar ul li a.rpExpanded{
color:#0066CC;
}

/* PanelBar Specific Styles */
.RadPanelBar a.rpExpandable .rpText{
/*background:url(Images/expandable.png) right 0px no-repeat;*/
padding-right:18px;
}
.RadPanelBar a.rpExpanded .rpText{
background-position:right -100px;
}
.RadPanelBar ul li li a.rpExpandable .rpText{
background-position:right -200px;
}
.RadPanelBar ul li li a.rpExpanded .rpText{
background-position:right -300px;
}

/* PanelTree Specific Styles */
.RadTreeView .rtPlus, .RadTreeView .rtMinus{
background:url(Images/expandable.png) right 0px no-repeat;
cursor: pointer;
margin: 6px 8px 5px 5px;
width: 12px;
height: 12px;
float:right;
display:inline-block;
}
.RadTreeView .rtPlus { 
background-position: -2px -1px; 
}
.RadTreeView .rtMinus { 
background-position: -2px -101px; 
}
.RadTreeView ul li li .rtPlus {
background-position: -2px -201px; 
}
.RadTreeView ul li li .rtMinus {
background-position: -2px -301px; 
}
.rtSp{
display:none; /* IE Compatability 8 */ 
}

/*-------------------------*/
/* 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;
}
/* ----------------------------------------------- */

/* CategoryList */
.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;
}

/* ----------------------------------------------- */

/* 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 0px 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:#56789f url(Images/item-viewer-bg.gif) 0 0px 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 */
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;
}
/* ----------------------------------------------- */
