﻿body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    margin: 0;
    padding: 0;
    text-align:left;
}

ul
{
    margin-left: 0;
    padding-left: 1em;
}

li
{
    margin: 0;
    padding: 0;
}

#wrapper {  margin: 0 auto;  padding: 0;  width: 800px;  text-align: left; }

.textSmall {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;color: #333333;}
.textFooter {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 12pt;color: #333333;padding:5px; text-align:left;}
a.textFooter {color: #0B3D91; text-decoration: underline;}
a.textCrumbs {color: #0B3D91; text-decoration: none;}
.textCrumbs {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 12pt;color: #333333;}
.textLogin {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;color: #000000;text-transform: uppercase;}
a.textLogin {text-transform: none;text-decoration:none;}
.textWelcome {font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 12pt; color: #000000; text-align: right; padding: 3px;}
a.textWelcome {font-weight: bold; color: #0B3D91; text-align: right; padding: 3px; text-decoration:none;}
a.tablehead {color: #FFFFFF; text-decoration:none;}
.textSearch {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 12pt;color: #000000;font-weight: bold;text-align:left;padding: 5px;}
.textForm, td{font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000;}
.textFormVOL {font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color:#EFC26A}
.textFormG {font-family:  Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color:#E6E6E6}
.textLableWhite {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
}
.textLableBlue {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #0B3D91;
	text-transform: uppercase;
	font-weight: bold;
}
.textLableBlack {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 12pt;color: #000000;font-weight: bold;text-transform: capitalize;}
.textLableRed {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 12pt;color: #B83D00;font-weight: bold;text-transform: capitalize;}
.textBlueBold {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #0B3D91;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: underline;
}
.textContentH1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 22pt;
	color: #0B3D91;
	font-weight: bold;
}
.textContentH1A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 22pt;
	color: #B83D00;
	font-weight: normal;
	font-style: italic;

}
.textContentH2 {font-family: Arial, Helvetica, sans-serif;font-size: 12pt;line-height: 16pt;color: #000000;}
.textContentH3 {font-family:  Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 12pt;color: #000000;}
.textContentH4 {font-family: Arial, Helvetica, sans-serif;font-size: 13pt;line-height: 22pt;color: #0B3D91;}
.textContentH5 {font-family: Arial, Helvetica, sans-serif;font-size: 16pt;line-height: 20pt;color: #0B3D91;}
.textContentH5A {font-family: Arial, Helvetica, sans-serif;font-size: 16pt;line-height: 20pt;color: #0B3D91; font-weight: bold;}
.textContentH6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: 15pt;
	color: #000000;
	font-weight: bold;
}
.textContentH7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	line-height: 17pt;
	color: #000000;
	font-weight: bold;
}
.textContent {font-family:  Arial, Helvetica, sans-serif;font-size: 11px;line-height: 14pt;color: #000000;}
.textContentT5 {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 10pt;color: #000000;}
.textContentT6 {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 10pt;color: #ffffff;}
.textContentT7 {font-family:  Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 10pt;color: #0B3D91;}
.textContentT8 {font-family:  Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 14pt;color: #0B3D91;font-weight: bold;}
.textContentRed {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #B83D00;}
.textNav {font-family:  Arial, Helvetica, sans-serif;font-size: 8.5pt;line-height: 11pt;color: #0B3D91; text-decoration: none; }
a  {color: #0B3D91; text-decoration: underline;}
a:hover {text-decoration:none;}
a.textLine {color: #0B3D91; text-decoration: underline;}
a.textNoLine {color: #0B3D91; text-decoration: none;}
a.textPage {font-family: Arial, Helvetica, sans-serif;font-size: 8.5pt;line-height: 11pt;color: #0B3D91; text-decoration: none;}
a.textPart {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 11pt;color: #0B3D91; text-decoration: underline;}
.PagerLink {margin-right:5px;}
.PagerLinkSelected {font-weight: bold; margin-right:5px;}

#Table1 {padding: 5px;}
#Table2 {padding-left: 8px;}
#Table3 {padding: 2px;}
#Table4 {padding: 2px;border-width:1px; border-style:solid; border-color:#B3B3B3;}
#Table5 {padding: 2px;border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;}
#Table6 {padding: 4px;border-BOTTOM-width:1px; border-BOTTOM-style:solid; border-BOTTOM-color:#0B3D91;}
 .Table6 {width: 100%; padding: 4px;border-BOTTOM-width:1px; border-BOTTOM-style:solid; border-BOTTOM-color:#333333;}
#Table7 {border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;}
#Table8 {border-width:1px; border-style:solid; border-color:#B3B3B3;}
#Table4A {padding: 5px; border-width:1px; border-style:solid; border-color:#B3B3B3;}
#Table4B {border-top-width:1px; border-top-style:solid; border-top-color:#B3B3B3;}
#Table4C{padding: 5px; border-width:1px; border-style:solid; border-color:#B3B3B3;background-color: #e6e6e6;}
.Table7 {width: 100%; padding: 4px;}
.TableSearch {width: 100%; padding: 2px;}

.Header1 {background-color: #0B3D91;font-size: 7.5pt;line-height: 10pt;color: #FFFFFF; font-weight: bold;text-transform: uppercase; text-align:left;}
.ItemStyle1 {background-color: #FFFFFF; vertical-align:top; font-family:  Arial, Helvetica, sans-serif;font-size: 8.5pt;line-height: 10.5pt;color: #000000;} 
.AltItemStyle1 {background-color: #EBEBE6; vertical-align:top; font-family:  Arial, Helvetica, sans-serif;font-size: 8.5pt;line-height: 10.5pt;color: #000000;} 

.Header2 {background-color: #0B3D91; color: #FFFFFF; font-weight: bold; text-align:left; padding:3px 0px 3px 2px;}
.Header3 {background-color: #0B3D91; color: #FFFFFF; font-weight: bold; text-align:left; padding:3px 0px 3px 2px;}

/* Dark Blue */
#Background1 {background-color: #0B3D91;}
td.Background1 {background-color: #0B3D91;}
.Background1 {background-color: #0B3D91; color:#FFFFFF;}
/* Light Blue */
#Background2 {background-color: #D7DAEA;}
/* Light White */
#Background3 {background-color: #FFFFFF;}
.Background3 {background-color: #FFFFFF;}
#Background3Pad {padding: 5px; border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;}
td.Background3Pad {padding: 5px; border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;}
#Background3APad {padding: 5px;}

/* Light Lt. Grey */
#Background4 {background-color: #E6E6E6;}
.Background4 {background-color: #E6E6E6;}
#Background4Pad {background-color: #E6E6E6; padding: 5px; border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;}
/* Light Med. Grey */
#Background5 {background-color: #e6e6e6;}
#Background5Pad {background-color: #e6e6e6; padding: 5px;}
td.Background5Pad {background-color: #e6e6e6; padding: 5px;}
#Background5APad {padding: 5px; border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;background-color: #e6e6e6;}
td.Background5APad {padding: 5px; border-top-width:1px; border-top-style:solid; border-top-color:#0B3D91;background-color: #e6e6e6;}

/* lines */
#Dot {	border-right-width: 1px; border-right-style: dotted; border-right-color: #333333;}
#DotL {	border-left-width: 1px; border-left-style: dotted; border-left-color: #333333;}
.HrGrey {color: #FFFFFF;}

/* Product Search */
#SearchPrd {position:relative; left:5px; top:0px; width:200px; height:400px; z-index:1; overflow: scroll; visibility: visible; border-width:1px; border-style:solid; border-color:#B3B3B3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;}
/* Brand Search */
#SearchBrnd {position:relative; left:4px; top:0px; width:200px; height:400px; z-index:2; overflow: scroll; visibility: visible; border-width:1px; border-style:solid; border-color:#B3B3B3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	color: #000000;
	font-weight: normal;
	text-decoration: none;}
#TechRef {position:relative; left:0px; top:0px;z-index:3; visibility: visible;}
#textBanner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	line-height: 24pt;
	position:relative;
	z-index:4;
	color: #0D3D92;
	top:7px;
	visibility: visible;
	width: 300;
}
li {list-style-position: outside;list-style-type: square;}
/* Product Search*/
#ProdA , #ProdB, #ProdC, #ProdD, #ProdE, #ProdF{position:relative;z-index:10; top:1px; left: 1px; visibility: hidden;}
#NavA , #NavB, #NavC, #NavD, #NavE, #NavF{position:relative;z-index:20; top:1px; left: 1px; visibility: hidden;}
#PopSchedule{position:relative;z-index:30; top:1px; left: 1px; visibility: hidden; width: 100; heigth: 75;}
#PopAvailability{position:relative;z-index:30; top:1px; left: 1px; visibility: hidden; width: 100; heigth: 75;}
#toolTipBox {
	display: none;
	padding: 5;
	font-size: 8pt;
	line-height: 12pt;
	border: black solid 1px;
	font-family: arial;
	position: absolute;
  background-color: #ffffff;
  color: 000000;
}
.Filters1 {
	width: 250px;
}
.Filters2 {
	width: 425px;
}
.alert {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;line-height: 12pt;color: #B83D00;font-weight: bold;}
.SmallError {font-size: 10pt; color: red;}
.textSpecialOrder {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;line-height: 10pt;color: #B83D00;font-weight: bold;}

.textBanner {font-size: 18pt;line-height: 24pt;color: #0D3D92;}

.GrayBox {
	background-color: #F1F1EF;
	border: 1px solid #D8DCD2;
	padding: 7px;
	color: #000000;
	width:725px;
	margin:10px 0px 10px 25px;
}

.GrayBoxHeader 
{
    padding:5px 0px 5px 5px;
    color:#0D3D92;
    font-size:16px;
    font-weight:bold;
}

.GrayBoxDescription
{
    padding:5px 0px 10px 5px;
    color:#000000;
    font-size:11px;
}

th.Form 
{
    font-size:11px;
    font-weight:bold;
    text-align:right;
}

#ErrorMessageBox {
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	padding: 7px;
	color: #D12F19;
	width:100%;
	margin-bottom:10px;
}

#SuccessMessageBox {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	padding: 7px;
	color: #529214;
	width:100%;
	margin-bottom:10px;
}

#ErrorMessageBoxBottom {
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	padding: 7px;
	color: #D12F19;
	width:755px;
	margin-bottom:10px;
}

#SuccessMessageBoxBottom {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	padding: 7px;
	color: #529214;
	width:755px;
	margin-bottom:10px;
}

#HeaderShoppingCart
{
    font-size:11px; 
    text-align:right; 
    padding-bottom:8px;
    padding-right:2px;
}

#HeaderWelcome
{
    font-size:11px; 
    text-align:right; 
    padding-right:2px;
}

#RegisterLoginBox {
	background-color: #F1F1E9;
	border: 1px solid #CAC5B0;
	padding: 7px;
	color: #000000;
	width:301px;
	margin-bottom:10px;
	margin-top:15px;
}

#CheckoutPopup {  margin: 10px; padding: 0;  width: 715px;  text-align: left; }

.CheckoutBoxLeft 
{
    float:left;
	background-color: #F1F1EF;
	border: 1px solid #D8DCD2;
	padding: 7px;
	color: #000000;
	width:325px;
	margin:10px 0px 10px 0px;
}

.CheckoutBoxRight
{
    float:right;
	background-color: #F1F1EF;
	border: 1px solid #D8DCD2;
	padding: 7px;
	color: #000000;
	width:325px;
	margin:10px 0px 10px 0px;
}

h1.Checkout
{
    padding:10px 0px 15px 0px;
    color:#0D3D92;
}

.CheckoutBoxHeader 
{
    padding:5px 0px 5px 5px;
    color:#0D3D92;
    font-size:16px;
    font-weight:bold;
    text-align:left;
}

.CheckoutBoxDescription
{
    padding:5px 0px 10px 5px;
    color:#000000;
    font-size:11px;
    text-align:left;
}

.CheckoutBoxError
{
    float:right;
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	padding: 7px;
	color: #D12F19;
	width:325px;
	margin-top:10px;
}

.CCErrorMessageBox
{
    float:right;
	background-color: #FBE3E4;
	border: 1px solid #FBC2C4;
	padding: 7px;
	color: #D12F19;
	width:200px;
	margin-top:10px;
}

ul.Homepage
{
    margin:10px;
}

li.Homepage
{
    margin-bottom:3px;
}

img.borderless
{
    padding:0px;
    margin:0px;
    border-width:0px;
}

img.HomeImage2
{
    padding:0px;
    margin:0px;
    margin-top:10px;
    border-width:0px;
}

.HomePageBox
{
    border:solid 1px #B3B3B3; 
    border-top-width:0px; 
    padding:0px; 
    margin:0px; 
    margin-left:1.5px; 
    margin-top:-3px; 
    width:209.5px;
}

.HomePageBox2
{
    border:solid 1px #B3B3B3; 
    border-top-width:0px; 
    padding:0px; 
    margin:0px; 
    margin-left:0px; 
    margin-top:-3px; 
    width:209.5px;
}

#HomeContainer
{
    width:635px; 
    padding:10px 0px 10px 5px;
}

p.PartDescription
{
    margin-top:3px;
    margin-top:3px;
}

.CustPartNumber
{
    padding-left:35px;
}

img.Material
{
    padding:0px;
    margin:0px;
    margin-top:0px;
    border:solid 1px black;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  white-space: nowrap;
  font-weight:bold;
  padding-right:5px;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
  
div.ButtonRow 
{
    width:485px;
    padding-top: 30px;
    text-align: center;
}

 .TableDF1 {border-width:1px; border-style:solid; border-color:#999999; background-color:#FFFFFF; padding: 6px;}
.textFeature {font-family: Arial, Helvetica, sans-serif;font-size: 13.5pt;line-height: 16pt;color: #0B3D91;}

.HotPicksPageHeader {font-family: Arial, Helvetica, sans-serif; font-size:13pt; color:#0B3D91; font-weight:bold;}
.HotPicksHeaderBackground{padding: 3px; background-color: #0B3D91;}
.HotPicksData {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;color: #000000;}
.HotPicksDataHead {font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; color: #FFFFFF; font-weight: bold;text-transform: uppercase;}
.HotPicksItemBackground{padding: 3px; background-color: #FFFFFF;}
.HotPicksAltItemBackground{padding: 3px; background-color: #EBEBE6;}

img.NotScheduled
{
    background-image:url('/images/schedule.gif');
    border:solid 1px black;
    height:17px;
    width:18px;
}

img.Scheduled
{
    background-image:url('/images/schedule2.gif');
    border:solid 1px red;
    height:17px;
    width:18px;
}

.redalert {font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #990000; font-weight:bold;}
.NeedAssistance {width:300px; font-size:14px; font-weight: bold; color: #0B3D91; text-align:right; padding-right:2px;}

.CatHeader {width:624px; padding:0px 0px 10px 0px;}
h1.CatHeaderName {font-size: 18pt; line-height: 22pt; color: #0B3D91; font-weight: bold;float:left; width:320px;}
.CatHeaderNeedAssistance {float:right; width:300px; font-size:16px; font-weight: bold; color: #0B3D91; text-align:right; padding-right:2px; padding-top:8px;}
.CatLongDescription {padding:0px 0px 10px 0px;}

.SupplierSectionName{font-size: 16pt;line-height: 20pt;color: #0B3D91; border-top:solid 1px #0B3D91; margin-top:10px; margin-bottom:10px;}
.SupplierColumn1{float:left;width:115px; text-align:center; border:solid 1px #B3B3B3; height:80px; line-height:80px;}
.SupplierColumn2{float:right;width:178px; text-align:left; height:100px; margin-left:10px; margin-right:5px;}
.SupplierName{font-size: 13pt;line-height: 15pt;color: #000000;font-weight: bold;}
.SupplierDescription{font-size: 12px; color: #000000; font-weight: normal;}

/* For My Account Page - Begin */
#linkBox{ margin:0 auto; padding-top:10px;}
.clear{clear:both;}
#linkBox dl, #linkBox dl dt, #linkBox dl dd{margin:0; padding:0; color:#0B3D91;}
.bubbleWrapper{width:120px; text-align:center; float:left; position:relative;}
#linkBox dl dd{font-weight:bold;}
#linkBox dl img{border:none;}
#linkBox dl a:hover{text-decoration:underline;}
.popup{position:absolute; display:none;}
.bubbleTop{width:178px; height:18px; background:transparent url(/account.aspx_files/bubbleTop.png) top left no-repeat;}
.bubbleMiddle{background:transparent url(/account.aspx_files/bubbleMiddle.png) top left repeat-y; text-align:left; padding:0 12px; width:154px;}
.bubbleMiddle ul{margin:0 0 0 5px; padding:0;}
.bubbleMiddle ul li{background:#ffffff url(/account.aspx_files/check.gif) top left no-repeat; padding-left:18px; list-style:none; font-size:90%; padding-bottom:5px;}
.bubbleMiddle ul li a:hover{text-decoration:underline;}
.bubbleMiddle p{margin:0; padding:0; font-size:90%; padding-bottom:10px}
.bubbleBottom{width:178px; height:35px;background:transparent url(/account.aspx_files/bubbleBottom.png) top left no-repeat;}
.ui-tabs-hide { display: none; }
#ajaxContent ul{display:none;}
/* For My Account Page - End */


div.FilterWindow{background:#fff;border:1px solid #D7D7D7;margin-bottom:18px; width:630px;}
div.FilterWindow div.inner{padding:18px}
div.FilterWindow h2{background:#fff url(/images/bg-h2.png) repeat-x;color:#333;font-size:12px;font-weight:bold;height:27px;line-height:27px;margin:0;position:relative;text-indent:18px}
div.FilterWindow h2.Alerts{background:#fff url(/images/bg-h2.png) repeat-x;color:#C22517;font-size:12px;font-weight:bold;height:27px;line-height:27px;margin:0;position:relative;text-indent:18px}
div.FilterWindow h2 span.Small{font-size:10px; padding-left:45px;}
div.FilterWindow h2 img.popup{position:relative;top:3px}

div.FilterWindow table{color:#555;margin:3px 2px 3px 15px;width:auto;font-size:12px;}
div.FilterWindow table th{width:190px; background-color:#FFFFFF; color:#444;font-size:11px;font-weight:bold;margin:0;padding-bottom:10px; padding-right:10px;}
div.FilterWindow table td{color:#444;font-size:11px;font-weight:normal;margin:0;padding:2px 2px 2px 5px;}
div.FilterWindow table td.var{font-size:12px;font-weight:normal}

#ItemHeader{width:630px;}
#ItemCount{float:left; width:200px; margin:0 0 5px 0; text-align:left;}
#AddToOrderTop{float:right; width:420px; margin:0 0 5px 0; text-align:right;}

#AddToOrderBottom{width:630px; margin:5px 0 0 0; text-align:right;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}

select.Filter {font-weight: normal !important; font-size: 11px !important; width:170px;}
select.Filter option {font-weight: normal !important; font-size: 11px !important;}
