@charset "UTF-8";

/*standard content area*/
#content {width:70%; margin-left:10px; margin-bottom:10px; padding-bottom:12px; border:#4d6ac2 solid 1px; float:left; clear:right; background:#FFFFFF;}
#content a:visited {color:#0069AA;}
#content a:hover {color:#ff0000;text-decoration:underline;}
#content .mtlOnly {display: block;}
#content .mscOnly {display: none;}
A:LINK{color:#000099; text-decoration:none;}
A:VISITED{color:#6699ff;}
body{margin:0;}
a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099;}
td{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; vertical-align: top;}
input{font-family: Arial, Helvetica, sans-serif; font-size: 9pt;}
option{font-family: Arial, Helvetica, sans-serif; font-size: 9pt;}

/*specific to about msc area*/
td.locs{font-size:10pt;}
.pagehdr{font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:#000000;font-weight:bold;}
.dirhdr{font-family:Arial, Helvetica, sans-serif;font-size:10pt;font-weight:bold;}
.directions{font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
.indent{font-family:Arial, Helvetica, sans-serif;font-size:10pt;padding-left:20px;margin-top:0;margin-bottom:0;}
.aboutintro{font-style:italic;font-weight:bold;}
td.distctr{font-family:Arial, Helvetica, sans-serif;font-size:12pt;}
.bigsubhdrblue{font-family:Arial, Helvetica, sans-serif;color:#000099;font-size:24pt;font-weight:bold;}
td.histband-y{font-family:Arial;vertical-align:middle;background:#FFFFAA;}
td.histband-w{font-family:Arial;vertical-align:middle;}
td.histdate-y{font-family:Arial;vertical-align:middle;font-weight:bold;background:#FFFFAA;}
td.histdate-w{font-family:Arial;vertical-align:middle;font-weight:bold;}
.subhdrsupplier{font-family:Arial, Helvetica, sans-serif;color:#FF9900;font-size:13pt;font-weight:bold;}
td.indent2{font-family:Arial, Helvetica, sans-serif;font-size:8pt;padding-left:5px;margin-top:0;margin-bottom:0;}
.addr{font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
.printmsg{font-size:11pt;font-weight:bold;}
a.location{font-family:Arial, Helvetica, sans-serif;font-size:13pt;color:gray;}
a.red{font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:red;}

/*home page*/
td.hometop{vertical-align:middle;height:85px;}
td.homesrch{font-family:Arial, Helvetica, sans-serif;font-size:10pt;vertical-align:top;}

/*header include file*/
td.nav{font-family:Arial, Helvetica, sans-serif;font-size:8pt;vertical-align:middle;}
input.navsrch{font-family:Arial, Helvetica, sans-serif;font-size:9pt;vertical-align:middle;}
input.navqo{font-family:Arial, Helvetica, sans-serif;font-size:9pt;vertical-align:middle;}
td.qo{font-family:Arial, Helvetica, sans-serif;font-size:9pt;text-align:left;color:white;}
td.leftnavbar{height:auto;}
.topHorizBar{background-color:#000000;}
/*the red color was ed1b23*/

/*footer include file*/
td.mandatory{text-align:center;font-size:10pt;font-family:Arial, Helvetica, sans-serif;}

/*single item page*/
.inset{font-size: 10pt; font-family: Arial, Helvetica, sans-serif;margin-right:10px;}
td.toptable{font-family:Arial, Helvetica, sans-serif; font-size:11pt;color:black;vertical-align:middle;}
td.image{vertical-align:middle;text-align:center;}
td.upsell{text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:11pt;color:black;}

/*browse*/
.bigcrumb{font-size:11pt;color:#FF2905;}
.smallcrumb{font-size:10pt;color:#FF2905;}
.prodcat{font-family:Arial, Helvetica, sans-serif;font-size:11pt;font-weight:bold;}
.sectionNumber{text-align:center;vertical-align:middle;font-family:Tahoma Bold,Verdana Bold,Helvetica;font-size:13pt;color:#D3DFE7;font-weight:bold;background-color:#000000;}
.sectionTitle{vertical-align:middle;font-family:Tahoma Bold,Verdana Bold,Helvetica;font-size:10pt;font-weight:bold;background-color:#D3DFE7;}
.viewIndexPage{text-align:center;vertical-align:middle;font-family:Tahoma Bold,Verdana Bold,Helvetica;font-size:8pt;font-weight:bold;background-color:#FFFFFF;}
.horizLine{background-color:silver;font-size:1pt;}
.quickOrderPad{text-align:left;vertical-align:middle;color:#000000;font-family:Tahoma Bold,Verdana Bold,Helvetica;font-size:8pt;font-weight:bold;}
.brwslink{font-family:Arial;font-size:9pt;}
td.prodlist{vertical-align:middle;}
.keysubcat{font-family:Arial, Helvetica, sans-serif;color:#000000;font-size:15pt;font-weight:bold;font-style: italic}

/*my account*/
.custPartMaintenance{text-align:left;vertical-align:middle;color:#778899;font-family:Tahoma Bold,Verdana Bold,Helvetica;font-size:8pt;font-weight:bold;}

/*generic styles*/
.rowColor1{background-color:#FFFFFF;}
.rowColor2{background-color:#DDDDDD;}
.rowColor2a{background-color:#DDDDDD;}
.rowColorYellow{background-color:#FFFFDD;}
.colhdr{font-size:12px;font-weight:bold;background-color:#b6d6f6;color:#000000;text-align:center;vertical-align:bottom;}
.colftr{font-size:12px;font-weight:bold;background-color:#b6d6f6;color:#ffffff;text-align:center;vertical-align:top;}
.bold{font-weight:bold;}
.ital{font-style: italic;}
.blue{color:#000099;}
.boldwhite{font-weight:bold;color:white;font-size:13pt;}
.boldwhitesm{font-weight:bold;color:#ffffff;}
.boldital{font-weight:bold;font-style:italic;}

/*site map*/
.sm_link{color:darkgrey;}


/*order form*/
td.carthdrblue{font-family:Arial, Helvetica, sans-serif;font-size:16pt;font-weight:bold;color:#0079CC;}
td.carthdr{color:white;font-size:11pt;text-align:center;vertical-align:top;background-color:#0079CC;}
td.noteblue{color:#000099;font-family:Arial, Helvetica, sans-serif;font-size:10pt;font-weight:bold;text-align:center;}
span.note{font-family:Arial, Helvetica, sans-serif;font-size:8pt;}
.shipdtl{font-size:9pt;font-style:italic;}
.compcat{font-family:Arial, Helvetica, sans-serif;font-size:10pt;font-weight:bold;}
td.subnote{font-size:9pt;}

/*error messages*/
.errtitle{color:red;font-weight: bold;text-align:left;vertical-align:top;}
.errmsg{font-family: Arial, Helvetica, sans-serif;font-size:12px;color:red;vertical-align:top;}
.scsmsg{font-family: Arial, Helvetica, sans-serif;font-size:12px;color:green;vertical-align:top;}

/*specific to AS400 my account area*/
.searchContactAddress{font-family:Arial, Helvetica, sans-serif; font-size:9pt; background-color:#FFFFAA; vertical-align:middle;}
.spacer{font-size:4pt;}
.address{font-family:Arial, Helvetica, sans-serif; font-size:10pt;}
.packingSlipAddressTitle{font-family:Arial, Helvetica, sans-serif; font-size:18pt; color:#000099; font-weight:bold;}
.searchBar{font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
.searchBarAddress{font-family:Arial, Helvetica, sans-serif;font-size:9pt;}
.packingSlipHeader{font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#000099; font-weight:bold;}
.submitPaymentSum{font-family:Arial, Helvetica, sans-serif;font-size:12pt;color:#000099;font-weight:bold;}
.error{font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:red;font-weight:bold;}
.required{color:red;}

.plusMinusBeg {font-family: verdana,helvetica; font-size: 10pt;	font-weight: bold; text-decoration: none; color:#000099;}
.plusMinusBegSlctd {font-family: verdana,helvetica; font-size: 10pt; text-decoration: none; color: #000000;}
.plusMinusBegNonSlctd {font-family: verdana,helvetica; font-size: 10pt; text-decoration: none; color: #000099;}\
.plusMinusBegBottom {font-family: verdana,helvetica; font-size: 10pt; text-decoration: none; color: #000099;}
.plusMinusBegOr {font-family: verdana,helvetica; font-size: 10pt; font-weight: bold; text-decoration: none; color: #000099;}
.plusMinusBeg2 {font-family: verdana,helvetica;	font-size: 8pt;	font-weight: bold; text-decoration: none; color:#000099;}
.plusMinusBegSlctd2 {font-family: verdana,helvetica; font-size: 8pt; text-decoration: none; color: #000000;}
.plusMinusBegNonSlctd2 {font-family: verdana,helvetica; font-size: 8pt; text-decoration: none; color: #000099;}
.plusMinusBegBottom2 {font-family: verdana,helvetica; font-size: 8pt; text-decoration: none; color: #000099;}
.plusMinusBegOr2 {font-family: verdana,helvetica; font-size: 8pt; font-weight: bold; text-decoration: none;	color: #000099;}
.stdHdr {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;}
.lsrHdr {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000099; font-weight: bold;	padding-left: 10px;	padding-top: 2px;	padding-bottom: 2px;}

.brdCrmb a{font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.norm {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.normBd {font-family: Arial, Helvetica, sans-serif;	font-size: 12px; font-weight: bold;}
.smTxt {font-size: 10px;}
.TOCnorm {font-size: 11px;}
.TOCheader {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #000000; color: #FFCC33;}
.hdr_black {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #000000;}
.whTblHdr {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.srch {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; vertical-align:bottom;}
.srch a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.srch a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.srch a:active{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.srch a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.thumbnail{border-style: solid; border-width: 1px 1px 1px 1px; border-color: #999999 #999999 #999999 #999999;} 

/*pdf page display*/
.viewDisplay {font-size: 14px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}

/*specific to solutions pages  */
.pr_hyp {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.pr_subtxt {font-size: 12px; color: #000000; font-weight: bold; }
.pr_hyp {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.ch_graybar {background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.white {color:#FFFFFF; font-weight:bold;}
.hd_blk {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000;}
.btmAdWhtHdr {font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF;}
.mainSubHdr {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000099; font-weight: bold;}
.chartHdr {font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;}


/***********************************************/
/* My Account Page styles - START              */
/***********************************************/ 

#IMSRMYcontent {max-width:70%; margin-top:-10px; margin-bottom:10px; padding-bottom:12px; float:left; clear:right; background:#FFFFFF;}
#IMSRMYcontent a:visited {color:#0069AA;}
#IMSRMYcontent a:hover {color:#ff0000;text-decoration:none;}


#IMSRMYboxHeading {width:585px; height:auto; float:left; border:1px; border-style:solid; border-color:#4d6ac2; margin:0px 0px  0px 0px; padding:2px 0px 2px 1px; background-color:#4d6ac2;}
#IMSRMYboxFull    {width:585px; height:auto; float:left; border:1px; border-style:solid; border-color:#4d6ac2; margin:0px 0px 12px 0px; padding:2px 0px 6px 1px;} 
.IMSRMYboxHeadingName {font-size: 16px; color: #FFFFFF; font-weight: bold; float: left; margin: 0px; padding-left:6px;} 
.IMSRMYboxHeadingAccount {font-size: 16px; color: #FFFFFF; font-weight: bold; float: right; margin: 0px; padding-right:6px;} 
#IMSRMYboxAddress {width: 277px; height: 75px; float: left; margin:3px;} 
.IMSRMYaddressHeading {font-size: 12px; color: #000000; font-weight: bold;}

#IMSRMYboxBig {width:565px; height: auto; float:left; border:1px; border-style:solid; border-color:#b6d6f6; margin:3px 3px 12px 3px; padding: 0px 0px 9px 3px!important; padding-left:0px; clear:both;} 
#IMSRMYboxBig img.bullet {display: none;}

#IMSRMYbox {width: 277px; height: auto!important; height: 130px; min-height: 130px!important; float: left; border: 1px; border-style:solid; border-color:#b6d6f6; margin:3px 3px 12px 3px; padding: 0px 0px 9px 3px!important; padding-left:0px;} 
#IMSRMYbox img.bullet {display: none;} 
.IMSRMYboxLabel {height:17px; font-size: 14px; font-weight: bold; color: #000000; background-color: #b6d6f6; border:1px; border-style:solid; border-color:#b6d6f6; border-color-bottom:#b6d6f6; margin-bottom: 10px; padding: 3px 0px 3px 3px; padding-left:1px!important; width: 100%; float: right;} 
#IMSRMYbox a:link{text-decoration:none;}



#IMSRMYbottomBar {display: none;} 
#IMSRMYbox * {padding-left: 3px;}
#IMSRMYboxBig * {padding-left: 3px;}
#IMSRMYboxQuote * {padding-left: 3px;}
#IMSRMYboxQuote img {vertical-align: middle;}

.IMBDOHOrderSearch {margin: 0px 0px 5px 0px;}

#IMBDOHordBox {margin: 0px 2px 0px 2px; width: 550px;} 
#IMBDOHord  {width:110px; height: 15px; float: left; border: 1px; border-style:solid; border-color:#A8A8A8; padding-left: 1px;} 
#IMBDOHord2 {width:316px; height: 15px; float: left; border: 1px; border-style:solid; border-color:#A8A8A8; padding-left: 1px;}
.IMBDOHordLabels {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; background-color: #E8E8E8;}

/***********************************************/
/* My Account Page styles - END                */
/***********************************************/




/***********************************************/
/* For the redesign project                    */
/***********************************************/


a:visited {color: #000099; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}
a:active {color: #000099; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-family: Arial,Helvetica,sans-serif; margin: 0px; padding: 0px;}
h1 {font-family: Arial,Verdana,sans-serif; font-size: 120%; color: #334d55;}
h2 {background-color:#4d6ac2; font-size:16px; font-weight:bold; color:#FFFFFF; vertical-align:middle; padding:6px;}
h6 {display:none;}
#aboutMSC subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#Sol subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#Serv subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#CS subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#myAccount subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#Order subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#browse subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
#specialOffers subheader {font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:13pt; font-weight:bold;}
ul{list-style-type: square;}
.featured_products {background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0 0 0 12px; vertical-align:middle;}
.highlight_blue {background-color:#b6d6f6; padding:5px;}
.sale_price {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF0000;}
.sale_price_small {color: #FF0000; font-size: 11px;}
.subnav_on {background-color:#CAE3FF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; height:26px;}
.subnav_main_on {background-color:#4A92C5; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:bold;}
#specialOffers a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000066; text-decoration:none;}
#specialOffers a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000066;  text-decoration:none;}
#specialOffers a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; text-decoration:underline;}
#specialOffers a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0069AA; text-decoration:none;}
#specialOffers a.subnav{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none;}
#specialOffers a.subnav:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none;}
#specialOffers a.subnav:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none;}
#specialOffers a.subnav:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; text-decoration:none;}
#specialOffers img{border:0;}
#specialOffers td {font-family:Arial, Helvetica, sans-serif;}
#specialOffers tr.chart_header td{font-family:Arial, Helvetica, sans-serif;	font-size:10px;	background-color:#000000; color:#FFFFFF; font-weight:bold; vertical-align:bottom}
#specialOffers table.chart td{font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#specialOffers table.history_timeline td{height:25px; padding-left:5px; padding-right:5px; vertical-align:middle;}
#specialOffers table.navigation td{background-color:#A4CBF5; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000033; height:28px; border:#FFFFFF solid 1px; vertical-align:middle;}
#specialOffers .blue_hr{background-color:#0069AA; color:#0069AA; height: 2px; border:0;}
#specialOffers .chart_sale_price{font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #FF0000; font-weight:bold;}
#specialOffers .contentSO{border:#E4E4E4 solid 1px; padding:0px; margin:0px; width:99%;}
.sectionheader{background-color:#7cacdb; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF;	padding:0 0 0 8px; vertical-align:middle;}
#pageBody {clear:none; padding-top:12px; min-height:450px;}
#pageName {padding: 0px 0px 6px 10px;}
.mainBody {clear: both; padding: 10px 0px 0px 10px; width:95%;}
.searchMainBody {clear: both; padding: 5px 0px 15px 0px; width:95%;}
.mainBody2 {clear: both;}
.mainBody p {padding: 0px 0px 2px 0px;}
.subheader {font-size:14px;	font-weight:bold; color:#eb252b; line-height:30px;}
.username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 8px;}
#orderSteps { display:none; }

/*********** #navBar link styles ***********/

#navBar ul a:link {display: block;}
#navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
#navBar li {border-bottom: 1px solid #FFFFFF;}
html>body #navBar li {border-bottom: none;}
#navBar {width:188px; padding: 0px; border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; line-height:24px; float:left; clear:left;}

#navBarQSQO .Boxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;}
#navBarQSQO .username {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;}
#navBarQSQO td {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px;}
#navBarQSQO {width:188px; padding: 0px; background-color: #b6d6f6; line-height:12px; margin-bottom:5px;}
#navBarQSQO .divQS {border-right: 1px solid #b6d6f6; border-bottom: 1px solid #9b6d6f6a7b20; line-height:12px;}
#navBarQSQO .divQO {border-right: 1px solid #b6d6f6; border-bottom: 1px solid #b6d6f6; line-height:12px;}
#navBarQSQO a {color: #FFFFFF; font-size:10px!important; text-decoration: none;}
#navBarQSQO a:link {color: #000000; font-size:10px!important; text-decoration: none;}
#navBarQSQO a:visited {color: #000000; font-size:10px!important; text-decoration: none;}
#navBarQSQO a:hover {color: #000000; font-size:10px!important; text-decoration: none;}

/*********** #sectionLinks styles ***********/
#sectionLinks {background-color:#FFFFFF!important;position: static; margin: 0px; padding: 0px; border-bottom: 0px solid #FFFFFF;}
#sectionLinks li {background-color:#FFFFFF!important;line-height:15px; border-top: 0px solid #FFFFFF; padding:0px;}
#sectionLinks img {border: 0px; padding-right:6px;}
#sectionLinks li a {color:#999999; font-weight:bold;padding: 2px 0px 2px 3px; text-decoration:none;}
#sectionLinks li a:link {color:#999999; font-weight:bold;width: 100%; width: auto; text-decoration:none;}
#sectionLinks li a:visited {color:#999999; font-weight:bold; text-decoration:none;}
#sectionLinks li a:hover {color:#999999; font-weight:bold; text-decoration:none;}
#sectionLinks .mscOnly {display: none;}
#sectionLinks .mtlOnly {display: block;}

/*********** #Expanded styles ***********/
#Expanded {width:145px; position:relative; left:25px; border:0px solid #A4CBF5; text-indent:-1em; padding-left:1em; padding-bottom:3px; }
#Expanded a {border:0px solid #A4CBF5; line-height:18px; text-decoration:none;}
#Expanded a:link {border:0px solid #A4CBF5; line-height:18px; width: 100%; width: auto; color:#000066; text-decoration:none;}
#Expanded a:visited {border:0px solid #A4CBF5; line-height:18px; color:#000066; text-decoration:none;}
#Expanded a:hover {border:0px solid #A4CBF5; line-height:18px; text-decoration:none; color: #000066;}

#IMSRRN_Left {background-color:#b6d6f6; position: static; margin: 0px; padding: 0px; border-bottom: 0px solid #4d6ac2;}
#IMSRRN_Left .Heading {background-color: #474747; font-weight:bold; color: #ffffff; line-height: 20px; font-size: 14px; padding-left:6px;}
#IMSRRN_Left li {background-color:#b6d6f6;line-height:15px; border-top: 0px solid #b6d6f6; padding:0px;}
#IMSRRN_Left img {border: 0px; margin-right:6px;}
#IMSRRN_Left li a {color:#000000; font-weight:bold;padding: 2px 0px 2px 10px; text-decoration:none;}
#IMSRRN_Left li a:link {color:#000000; font-weight:bold;width: 100%; width: auto; text-decoration:none;}
#IMSRRN_Left li a:visited {color:#000000; font-weight:bold; text-decoration:none;}
#IMSRRN_Left li a:hover {color:#000000; font-weight:bold; text-decoration:none;}

.printPage {font-size:12px; color:#000000; width:170px; padding-left:8px; padding-top: 6px;}
.highlight {background-color:#E8E8E8;}
.highlight2 {background-color:#FFFF88; padding:1em; text-align: justify;}
.pageTop {font-size:10px; font-weight:bold; clear:left; padding-top: 14px; padding-bottom: 18px;}

/***********************************************/
/* For the redesign project    HOMEPAGE        */
/***********************************************/


body  {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 12px; margin: 10px 0px 0px 0px; padding: 0; background: #DDDDDD; text-align: center; color: #000000;}
#container {clear:both;  background-color: #FFFFFF; margin: 0 auto; text-align:left; width:80%; min-width:800px;width:expression(document.body.clientWidth < 1020 ? "800px" : "80%" );}
.thrColLiqHdr #header { background: url("/images/mtl_mast_background_bl.gif"); background-repeat: no-repeat; background-color: #0066cc; max-height:115px; clear:both; width:100%;}
.thrColLiqHdr #header a {font-size:10px; color:#FFFFFF;}

#topNavBox { background-color: transparent; float:left; padding: 5px 25px 5px 5px;}
#topNavBox .topNavBoxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;}
#topNavBox .username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBox a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBox a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBox a:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}
#topNavBox a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}

#topNavBoxQS {display:none; visibility:hidden; background-color: transparent; float:left; padding: 5px 25px 5px 5px;}
#topNavBoxQS .topNavBoxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;}
#topNavBoxQS .username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQS a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQS a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQS a:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}
#topNavBoxQS a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}

#topNavBoxQO {display:none; visibility:hidden; background-color: transparent; float:left; padding: 5px 25px 5px 5px;}
#topNavBoxQO .topNavBoxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#000000;}
#topNavBoxQO .cartItems {display:none;}
#topNavBoxQO .username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQO a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQO a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px;}
#topNavBoxQO a:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}
#topNavBoxQO a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 10px; text-decoration:underline;}

#topNavBoxLG_OLD {display:none; background-color: transparent; float:left; padding: 5px 25px 5px 5px;}
#topNavBoxLG_OLD .topNavBoxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 20px; font-weight:bold; color:#FFFFFF;}
#topNavBoxLG_OLD .username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG_OLD a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG_OLD a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG_OLD a:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; text-decoration:underline;}
#topNavBoxLG_OLD a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; text-decoration:underline;}

#topNavBoxLG {display:block; height:89px; width:180px; background-image:url("/images/MTL_bg_blank.jpg"); background-color: transparent; float:right; padding: 2px 0px 0px 0px; background-repeat: no-repeat;vertical-align:middle; }
#topNavBoxLG .topNavBoxheading {font: 100% Arial,Verdana, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color:#FFFFFF;}
#topNavBoxLG .username {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG a:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG a:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px;}
#topNavBoxLG a:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; text-decoration:underline;}
#topNavBoxLG a:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 10px; text-decoration:underline;}
#topNavBoxLG .logout a:link {font-size:16px;;text-decoration:none;}
#topNavBoxLG .logout a:visited {font-size:16px;;text-decoration:none;}
#topNavBoxLG .logout a:active {font-size:16px;;text-decoration:none;}
#topNavBoxLG .logout a:hover {font-size:16px;;text-decoration:none;}
#topNavBoxLG input{font-size: 8pt;}

#topNavBoxCart {display:none; visibility: hidden; float:right; padding:5px 3px 0px 0px;}
#topNavBoxCart a:link {color: #FFFFFF;}
#topNavBoxCart a:visited {color: #FFFFFF;}
#topNavBoxCart a:active {color: #FFFFFF;}
#topNavBoxCart a:hover {color: #FFFFFF;}

#mscLogo img {background-color: transparent; float:left; padding: 12px 8px 0px 15px;}
#navigation {background-color: #000000;  clear:both; width:100%; min-width:800px; height:28px;}
.thrColLiqHdr #header h1 {margin: 0; padding: 10px 0px;}
.thrColLiqHdr #sidebar1 {float: left; width: 188px; background: #ffffff; margin-top:5px!important;}
.thrColLiqHdr #sidebar1 ul a:link, #sidebar1 ul a:visited {display: block;}
.thrColLiqHdr #sidebar1 ul {list-style: none; margin: 0; padding: 0;}
.thrColLiqHdr #sidebar1 a:link {font-size:12px; text-decoration: none;}
.thrColLiqHdr #sidebar1 a:visited {font-size:12px; text-decoration: none;}
.thrColLiqHdr #sidebar1 a:hover {font-size:12px; text-decoration: none;}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {margin-left: 10px; margin-right: 10px;}
.thrColLiqHdr #mainContent {margin-top:5px!important; margin-right:24%; margin-bottom:0; margin-left:24%;}
.thrColLiqHdr #mainContent h2 {font-size:16px; font-weight:bold; color:#000099; vertical-align:middle;}
.thrColLiqHdr #mainContent .section {border:1px #accdee solid; padding:0px;}
.thrColLiqHdr #mainContent .section div{margin:0px;}
.thrColLiqHdr #sidebar2 {float: right; width: 200px; background: #ffffff; margin-top:5px!important; padding-right:5px;}
.thrColLiqHdr #date {margin-bottom:15px; line-height:12px; clear:both;}
.thrColLiqHdr #sb2Module {padding-bottom: 5px; clear:both;}
.thrColLiqHdr #sb2Module h5 {font-size: 14px; color:#000099;}
.thrColLiqHdr #sb2Module  ul {list-style: square; padding: 0; margin: 0px 0px 0px 20px;}
.thrColLiqHdr hr {clear:both; width:100%; height:2px; color:#4d6ac2; background-color:#4d6ac2; border:0px; text-align:center; margin: 5px 0px; }
.thrColLiqHdr #footer {padding: 0px 0px; background-color:#4d6ac2; clear:both; width:100%; min-width: 800px; } 
.thrColLiqHdr #footer a:link {color: #FFFFFF; font-size:11px; text-decoration: none; font-weight:bold;} 
.thrColLiqHdr #footer a:visited {color: #333333; font-size:11px; text-decoration: none; font-weight:bold;} 
.thrColLiqHdr #footer a:hover {color: #666666; font-size:11px; text-decoration: none; font-weight:bold;}
.thrColLiqHdr #footer p {color: #FFFFFF; font-size:11px; margin: 0; padding: 10px 0;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.hpHeader {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000099; font-weight:bold;}
.backbgvertvert {background-repeat: repeat-y;}
.productheader {font-weight:bold; margin: 5px 0px 0px 5px; }
#msgCtr {padding-bottom: 12px;}
#homePagebody {padding-top: 0px; }
#products {color: #999999; text-align: left; margin: 10px 5px 0px 0px; margin: 10px 5px 0px 20px!important;}
#products ul {text-align: left; list-style-position: outside; list-style-type: square;}
#products li {color:#999999; font-weight:bold; padding: 1px 0px 2px 0px; list-style-image: url(/images/about/bullet_on.gif); text-decoration:none;}
#products li a {color:#999999; font-weight:bold; text-decoration:none;}
#products li a:link {color:#999999; font-weight:bold;width: 100%; width: auto; text-decoration:none;}
#products li a:visited {color:#999999; font-weight:bold; text-decoration:none;}
#products li a:hover {color:#FF0000; font-weight:bold; text-decoration:none;}
#oldMainContent {display:none;}
#oldsidebar2 {display:none;}
#newMainContent {}
#newMainContent h5 {font-size: 15px; color:#000000; padding-bottom:10px;}
#newsidebar2 {}
#newsidebar2cont {padding: 0 5px 5px 5px;}
#flashAd {height:260px; width:370px; margin:0px; margin-left:auto; margin-right:auto;}
#flashAdBg {background: url(/hpMainAdBg.gif); background-repeat: repeat-x; border: 1px solid #FFEB7D;}
#copyright {background-color:#DDDDDD; text-align:center; color:#000000; font-size:9pt; padding-top:3px; padding-bottom:3px; }
#hpBottomCode {display:none;}
#newlookimg {display:none; padding-bottom:0px;}
.asterisk {color: red;}
.ghostedField {color: #666666;}
.unghostedField {color: black;}
.imggallery {background-color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; padding:0 0 0 5px; vertical-align:middle;}

.STEPS_numbertd {vertical-align:middle; padding: 6pt 7pt 6pt 5pt;width:15px;height:15px;background:transparent no-repeat scroll 50% 50%}
.STEPS_texttd, .STEPS_seltexttd {vertical-align:middle; font-size:12px; font-weight:bold; padding-top: 6pt; padding-bottom: 6pt; text-align: center;}
.STEPS_seltexttd {color:white;background:url('/images/arrow_selection_mw.gif') no-repeat top center;}
.STEPS_texttd {color:darkblue;}
.STEPS_step1off { background-image: url(/images/1_off_mw.gif) }
.STEPS_step2off { background-image: url(/images/2_off_mw.gif) }
.STEPS_step3off { background-image: url(/images/3_off_mw.gif) }
.STEPS_step4off { background-image: url(/images/4_off_mw.gif) }
.STEPS_step5off { background-image: url(/images/5_off_mw.gif) }
.STEPS_step1on { background-image: url(/images/1_on_mw.gif) }
.STEPS_step2on { background-image: url(/images/2_on_mw.gif) }
.STEPS_step3on { background-image: url(/images/3_on_mw.gif) }
.STEPS_step4on { background-image: url(/images/4_on_mw.gif) }
.STEPS_step5on { background-image: url(/images/5_on_mw.gif) }

#COUT_Option, .COUT_Promo { width: 100%; }
#COUT_Table { border-collapse: collapse;}
#COUT_Table td { border:1px solid gray; }
#COUT_Table table td { border:0px none white; }
#COUT_Table .shipHDR {  background-color:#FD9800; border:1px solid #000099;font-weight:bold; border-bottom: px solid gray; color: white; font-size: 1.2em; } 
#COUT_Table { width: 100%; }
#COUT_Option { background-color:#FFFFDD; border:1px solid gray; height:30px;}
#COUT_Option td { border:none; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }
#COUT_Option img { float:right; }
.COUT_Promo table { margin: 0pt 0pt 0pt auto; text-align: right; border-collapse: collapse; border: 1px solid gray; }
.COUT_Promo table td { border: 1px solid gray; whitespace:nowrap; padding:0px 5px 0px 5px;}
.COUT_PromoAdd {text-align:center;vertical-align:middle;float:left;padding:10px 2px 10px 2px; border: 1px solid gray; width: 250px;}
#COUT_ShowTotal {text-align: right; float:right; width:240px;}

#COUT_Express { background-color:#DDDDDD; width: 100%; border:1px solid gray; }
#COUT_Express td { border:none; vertical-align: middle; padding-top: 1px; padding-bottom: 1px; }
#COUT_Express .title {font-size:14pt;font-weight:bold;padding-top: 6px; padding-bottom: 6px;}

A.cartSort:link {color:#000000!important;}
A.cartSort:visited {color:#000000!important;}
A.cartSort:active {color:#000000!important;}
A.cartSort:hover {color:#000000!important;}

.siteStdBg, .siteStd { background-color: #4d6ac2}
.siteStdFg, .siteStd { color: #000000}

.innerBox, .innerBoxGray, .innerBoxSite {border:3px solid #E4E4E4;width:98%;margin:0pt auto;padding-bottom:12px;}
.innerBox h2 {background-color:#E4E4E4; color: black;}

.innerBoxGray {border-color:#E4E4E4;}
.innerBoxGray h2 {background-color:#E4E4E4; color: black;}
.innerBoxSite {border-color: #4d6ac2;}
.innerBoxSite h2 {background-color:#4d6ac2; color: black;}

#printHeader { width:100%; height: 71px; background: #+
4d6ac2 url('/images/mtl_mast_logo.gif') no-repeat 10px 10px;}

#legendBox td { padding-bottom: 8px; }

#OrderTotal .text { text-align: right; font-weight: bold;}
#OrderTotal .price { padding-left: 3em; text-align: right; font-weight: bold;}
#OrderTotal .desc { padding-left: 3em; font-weight: normal;}

#shipBillTable .boldright { text-align: right; font-weight: bold; padding: 0 1em; white-space: nowrap;}
#shipBillTable td { line-height: 1.5em; }

.desc1 { padding-right:1em; white-space:nowrap; /*padding-bottom: 1em;*/ text-align: left; font-weight: bold;} 
.desc2 { width: 100%; /*padding-bottom: 1em;*/ text-align: left;}

#mscOnly {display: none;}
#mtlOnly {display: block;}
.mscOnly {display: none;}
.mtlOnly {display: block;}