/**************BOSSTEEL.COM LAYOUT STYLE SHEETCopyright 2009-2010 Sterling MicroSystems Inc. All Rights Reserved.This style sheet may NOT be reused, redistributed, or modified by any third parties without the expressed written permission of Sterling MicroSystems Inc. **************//* -----------------------------------------------------------------------------GLOBAL DEFAULT ELEMENTS-----------------------------------------------------------------------------*/*{margin: 0;padding: 0;}body{font-size: 100%;height: 100%;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;background-color: #000000;}table{margin:0 auto; vertical-align:top;}a:link img, a:visited img, a:active img, a:hover img {border:none;}/* Gets rid of borders and outlines around linked images and buttons */a {outline-style: none;}p{text-align: justify; /* Left and right justified */padding-left: 10px;  /* push the text over 5px from left margin */line-height: 100%;  /* controls spacing between lines of text -- adjust up or down to achieve perfect readability */}ul {margin-top: 0.5em; margin-left: 1em;padding-left: 5em;}/* ul li {text-align: justify} *//* -----------------------------------------------------------------------------CONTAINER ELEMENTS-----------------------------------------------------------------------------*/#container{width: 840px; /* width of main container */margin: 0 auto; /* center container on page */height: 100%    /* so that other elements will follow fluid height */}#topsection1   /* defines area with BOSS logo */{height: 100px; }#topsection2   /* defines area with BOSS graphic and customer testimonial */{height: 148px; background-image: url(images/BG-TopSection2.gif);}#contentwrapper{float: left;width: 100%;background-image: url(images/gradient145.gif) /*  sets the background of the left menu bar */}#maincontent{margin-left: 145px; /*Set left margin to LeftColumnWidth*/background-image: url(images/gradient695b.gif);height: 100%;}#maincontentshopping{   /* Used only for the Shopping Page Background */margin-left: 145px; /*Set left margin to LeftColumnWidth*/background-image: url(images/gradientshopping.gif);height: 100%;}/* -----------------------------------------------------------------------------CUSTOMER TESTIMONIAL QUOTATION-----------------------------------------------------------------------------*/#quote{width: 265px;float: right;text-align: right;font-family: Helvetica Neue, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #9EA374;font-weight: bold;padding-top: 4px;}/* -----------------------------------------------------------------------------TOP NAVIGATION SECTION -- FAQ & HOME BUTTONS-----------------------------------------------------------------------------*//* Top Navigation Section */#topnav {height: 22px;}#topnav-faqbutton {float: left;width: 70px;padding-left: 554px;}#topnav-homebutton {float: right;width: 70px;}#topnav-contactbutton {float: left;width: 90px;padding-left: 534px;}/* -----------------------------------------------------------------------------LEFT SIDE NAVIGATION SECTION -- ALL MAIN BUTTONS  and Materials sub-menu list-----------------------------------------------------------------------------*/#leftmenubar{float: left;height: 100%;   /* supposed to make it fluid height to match bottom of container */width: 145px; /*Width of left menu bar*/margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/}.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}#matnav {width: 141px;} #matnav ul {margin: 0;padding: 0;}  #matnav ul li {list-style-type: none;display: inline;margin: 0;padding: 0; }#matnav ul li a:link, #matnav ul li a:visited, #matnav ul li a:active {font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;color: #ececec;font-size: 80%;display: block;text-decoration: none;font-weight: bold;margin: 0;padding-top: 6px;padding-bottom: 2px;padding-left: 20px; }#matnav ul li a:hover {font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;color: #eb6e16;font-size: 80%;display: block;text-decoration: none;font-weight: bold;margin: 0;padding-top: 6px;padding-bottom: 2px;padding-left: 20px; }/* -----------------------------------------------------------------------------CENTRAL SECTION WITH MAIN INFORMATION-----------------------------------------------------------------------------*/.centralhome {margin-top: 0;padding-top: 5px;width: 695px;}.centralservices {  /* used only for services page, as centralhome's top padding was problematic in IE */margin-top: 0;width: 695px;}.Leftch {float: left;margin-right: 10px;padding-left: 7px;width: 538px;}.Rightch {float: right;width: 137px;text-align: center;}/* Heading divider with orange bar BELOW text */h1 {clear: both;border-bottom: 2px solid #eb6e16;color: #FFFABA;font-size: 20px;font-family: 'Lucida Grande', Verdana, 'MS Sans Serif', sans-serif;font-weight: bold;letter-spacing: 0.5px;margin: 0px 140px 15px 10px;  /* controls how much blank space surrounds the orange line */padding: 3px 0px 3px 7px;  /* controls where the text sits in relation to the orange line */}/* Heading divider with orange bar ABOVE text */h3 {clear: both;border-top: 1px solid #eb6e16;color: #aeb380;font-size: 18px;font-family: 'Lucida Grande', Verdana, 'MS Sans Serif', sans-serif;font-weight: normal;letter-spacing: 0.5px;margin: 20px 140px 10px 10px;  /* controls how much blank space surrounds the orange line */padding: 3px 0px 3px 7px;  /* controls where the text sits in relation to the orange line */}/* H3LINK controls hyperlinked headings on Home Page */.h3link a:link{text-decoration: none;font-size: 18px;color: #AEB380;}.h3link a:visited{text-decoration: none;font-size: 18px;color: #AEB380;}.h3link a:active{text-decoration: none;font-size: 18px;color: #AEB380;}.h3link a:hover{text-decoration: none;font-size: 18px;color: #DEE97D;}h4 {font-family:  'Lucida Grande', Verdana, 'MS Sans Serif', sans-serif;font-size: 15px;color: #FFFFFF;font-weight: bold;letter-spacing: 0.5px;padding: 0 0 5px 7px;}/* Heading divider for EKGALLERY with orange bar ABOVE text, same as H3, only different text styles */h6 {clear: both;border-top: 1px solid #eb6e16;color: #f2eec3;font-size: 11px;font-family: 'Lucida Grande', Verdana, 'MS Sans Serif', sans-serif;font-weight: normal;letter-spacing: 0.1px;margin: 20px 140px 10px 10px;  /* controls how much blank space surrounds the orange line */padding: 2px 0px 0px 400px;  /* controls where the text sits in relation to the orange line */}/* Featured Products, Left Side, Contains text description */.FPLeft {float: left;margin-right: 10px;padding-left: 7px;width: 520px;}/* Featured Products, Right Side */.FPRight {float: right;width: 130px;padding-right: 20px;}.FPRight img { /* Puts a white border and bottom buffer around images on home page */display: block;margin-bottom: 1px;}/* Home Page, Left Side */.HPLeft {float: left;margin-right: 0px;padding-right: 7px;margin-left: 7px;  /* moves left side of box away from left margin of container */padding-left: 0px;width: 325px;border: solid 1px #eb6e16;/*background-color: #d9d9d9;*/}.HPLeft img { /* Puts a white border and bottom buffer around images on home page */display: block;margin-bottom:0px;margin-top: 3px;margin-left: 0px;margin-right:8px;}/* Home Page, Right Side */.HPRight {float: right;width: 325px;padding-right: 7px;margin-right: 7px;border: solid 1px #eb6e16;}.HPRight img { /* Puts a white border and bottom buffer around images on home page */display: block;margin-bottom:0px;margin-left:8px;}/* EUROKLEMP Gallery Page, Left Side, Contains left photo and text description */.EKGLeft {float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 7px;padding-left: 40px;padding-bottom: 3px;width: 280px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}.EKGLeft img { /* Puts a white border and buffer around images on EK Gallery page */display: block;border: 1px solid white;/* margin-bottom:  12px; */}.EKGLeft p {line-height: 70%} /* forces text up closer to image above it *//* EUROKLEMP Gallery Page, Right Side, Contains right photo and text */.EKGRight {float: right;margin-top: 10px;width: 280px;padding-right: 60px;padding-bottom: 3px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}.EKGRight img { /* Puts a white border and buffer around images on EK Gallery page */display: block;border: 1px solid white;/* margin-bottom:  12px; */}.EKGRight p {line-height: 70%}/* forces text up closer to image above it *//* EUROKLEMP PARTS CATRALOG Page, Containing Thumbnail Images of Product */.EKPLeft {float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 7px;padding-left: 10px;padding-bottom: 3px;width: 500px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}.EKPLeft img { /* Puts a white border and buffer around images on EK Gallery page */display: block;border: 1px solid white;/* margin-bottom:  12px; */}.EKPLeft p {line-height: 70%} /* forces text up closer to image above it *//* SERVICES Gallery Page, Left Side, Contains left photo */.ServLeft {float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 7px;padding-left: 40px;padding-bottom: 3px;width: 280px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}.ServLeft img { /* Puts a white border and buffer around images  */display: block;/* border: 1px solid white; *//* margin-bottom:  12px; */}/* SERVICES Gallery Page, Right Side, Contains right text */.ServRight {float: right;margin-top: 10px;width: 280px;padding-right: 60px;padding-bottom: 3px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}.ServRight img { /* Puts a white border and buffer around images */display: block;/*border: 1px solid white;*//* margin-bottom:  12px; */}.caption {color: #000000;font-size: 11px;background-color: #f2eec3;border: 1px solid #c0c0c0;}/* CONTACT US Page, Left Side---------------------------------------------------------- */.ContactLeft {float: left;margin-top: 10px;margin-right: 10px;margin-bottom: 7px;padding-left: 10px;padding-bottom: 3px;width: 250px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;font-weight: bold;color: #9EA374;}.ContactLeft p {line-height: 115%} /* not sure why I need this? */.ContactLeft img { /* Puts a white border and buffer around images  */display: block;/* border: 1px solid white; *//* margin-bottom:  12px; */}/* CONTACT US Page, Right Side---------------------------------------------------------- */.ContactRight {float: right;margin-top: 10px;width: 250px;padding-right: 10px;padding-bottom: 3px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;font-weight: bold;color: #9ea374;}.ContactRight p {line-height: 115%} /* not sure why I need this? */.ContactRight img { /* Puts a buffer of space on top */display: block;margin-top:  3px; */}/* PEOPLE Page, Left Side, Contains text description */.PPLLeft {float: left;margin-right: 10px;padding-left: 7px;width: 545px;}/* PEOPLE Page, Right Side */.PPLRight {float: right;width: 120px;padding-right: 5px;}.PPLRight img { display: block;/*margin-bottom: 12px;*/}.paginate {float: right;width: 100px;margin-left: 500px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;color: #F2eec3;}/* WIDEBODY -- for areas of main body that do not require a right floating image */.wide {margin-right: 20px;padding-left: 7px;width: 665px;}/* -----------------------------------------------------------------------------FOOTER SECTION WITH COPYRIGHT AND BOTTOM NAV AREA-----------------------------------------------------------------------------*/#footer{width: 695px;background-image: url(images/gradient-footer.gif);color: #FFFAC4;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;margin-top: 25px; /* leaves space between body and beginning of footer div */padding: 25px 0 10px 0; /* determines where text sits within footer div */}/* HYP2 controls hyperlinked text on  Bottom Navigation Area*/.hyp2 a:link{text-decoration: none;color: #FFFAC4;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;}.hyp2 a:visited{text-decoration: none;color: #FFFAC4;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;}.hyp2 a:active{text-decoration: none;color: #FFFAC4;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;}.hyp2 a:hover{text-decoration: underline;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;}#counter{background-image: url(images/gradient-footer.gif);padding-left: 605px;bottom: 0;margin: 0;}/* -----------------------------------------------------------------------------TEXT STYLES-----------------------------------------------------------------------------*//* Text White size 11 */.tw11{font-family: Helvetica Neue, Tahoma, Arial, sans-serif;font-size: 11px;font-weight: normal;color: #FFFFFF;}/* Text CORNSILK size 11 */.tc11{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;color: #F2eec3;}/* Text DARK CHARCOAL size 11 */.td11{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 11px;color: #272727;}/* Text PUTTY size 12 */.tp12{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #AEB380;}/* Text TAUPE size 12 */.tt12{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #A49B84;}/* Text MOSS size 12 */.tm12{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #9CA254;}/* Text CORNSILK size 12 */.tc12{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #F2eec3;}/* Text DARK CHARCOAL size 12 */.td12{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 12px;color: #272727;}/* Text White Bold size 13 */.twb13{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;color: #FFFFFF;font-weight: bold;}/* Text Putty 9ea374 Bold size 13 */.tpb13{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;color: #AEB380;font-weight: bold;}/* Text CORNsilk Bold size 13 */.tcb13{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;color: #f2eec3;font-weight: bold;}/* Text PALE GREY Bold size 13 */.tgb13{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;color: #ededed;font-weight: bold;}/* Text White Bold size 14 */.twb14{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 14px;color: #FFFFFF;letter-spacing: 1px;font-weight: bold;}/* Text Putty Bold size 14 */.tpb14{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 14px;color: #AEB380;letter-spacing: 1px;font-weight: bold;}/* Text CORNSILK Bold size 14 */.tcb14{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 14px;color: #F2eec3;letter-spacing: 1px;font-weight: bold;}/* Text GREY Bold size 14 */.tgb14{font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 14px;color: #ededed;letter-spacing: 1px;font-weight: bold;}/* Text Large Italic Pale Yellow - cornsilk size 14 */.tiy14{font-family: Helvetica Neue, Trebuchet MS, Verdana, Arial, sans-serif;font-size: 14px;font-style: italic;color: #FFFAC4;font-weight: bold;}/* Text Large Italic PUTTY size 14 */.tip14{font-family: Helvetica Neue, Trebuchet MS, Verdana, Arial, sans-serif;font-size: 14px;font-style: italic;color: #AEB380;font-weight: bold;}/* -----------------------------------------------------------------------------HYPERLINKED TEXT STYLES-----------------------------------------------------------------------------*//* HYPA controls hyperlinked text on Main Body, size 12 Cornsilk Text*/.hypa a:link{text-decoration: underline;color: #FFFAC4;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hypa a:visited{text-decoration: underline;color: #FFFAC4;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hypa a:active{text-decoration: underline;color: #FFFAC4;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hypa a:hover{text-decoration: underline;color: #FFFAC4;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}/*HYPTC12 controls hyperlinked text on Home Page, with text style tc12 */.hyptc12 a:link, a:visited, a:active, a:hover{text-decoration: none; color:#f2eec3;font-size: 12px;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif; font-weight: normal;}/* HYP1 controls hyperlinked text on Contact Page*/.hyp1 a:link {color: #9ea374; text-decoration: underline;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hyp1 a:visited{color: #9ea374; text-decoration: underline;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hyp1 a:active{color: #9ea374; text-decoration: underline;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}.hyp1 a:hover {color: #9ea374; text-decoration: underline;font-weight:bold;font-family: Helvetica Neue, Verdana, Microsoft Sans-Serif, Tahoma, Arial, sans-serif;}/* HYP3 controls hyperlinked text on Contact Page*/.hyp3 a:link{text-decoration: none;color: #FFFAC4;}.hyp3 a:visited{text-decoration: none;color: #FFFAC4;}.hyp3 a:active{text-decoration: none;color: #FFFAC4;}.hyp3 a:hover{text-decoration: none;color: #BFB678;}/* HYP4 controls Pagination links on EK Gallery pages */.hyp4 a:link{text-decoration: none;color: #FFFAC4;}.hyp4 a:visited{text-decoration: none;color: #FFFAC4;}.hyp4 a:active{text-decoration: none;color: #FFFAC4;}.hyp4 a:hover{text-decoration: underline;}/* HYP2G controls pagination links on EKGallery and EK Parts Catalog Pages  blue is  78d3e6 */.hyp2G a:link{text-decoration: none;color: #78d3e6;font-weight:bold;}.hyp2G a:visited{text-decoration: none;color: #78d3e6;font-weight:bold;}.hyp2G a:active{text-decoration: none;color: #78d3e6;font-weight:bold;}.hyp2G a:hover{text-decoration: underline;color: #78d3e6;font-weight:bold;}/* HYPF controls hyperlinked text on FAQ Page*/.hypf a:link{text-decoration: none;color: #FFFAC4;font-size:13px;font-weight:bold;}.hypf a:visited{text-decoration: none;color: #FFFAC4;font-size:13px;font-weight:bold;}.hypf a:active{text-decoration: none;color: #FFFAC4;font-size:13px;font-weight:bold;}.hypf a:hover{text-decoration: underline;color: #FFFAC4;font-size:13px;font-weight:bold;}/* HYPFC controls hyperlinked text on CONTACT Page*/.hypfc a:link{text-decoration: none;color: #9EA374;font-size:13px;font-weight:bold;}.hypfc a:visited{text-decoration: none;color: #9EA374;font-size:13px;font-weight:bold;}.hypfc a:active{text-decoration: none;color: #9EA374;font-size:13px;font-weight:bold;}.hypfc a:hover{text-decoration: underline;color: #9EA374;font-size:13px;font-weight:bold;}/* code for checklists */.checklist {border: 1px solid #ccc;list-style: none;    height: 20em;    overflow: auto;    width: 16em;}.checklist, .checklist li { margin: 0; padding: 0; }.checklist label {    display: block;    padding-left: 25px;    text-indent: -25px;}.checklist label:hover { background: #777; color: #fff; }/* hack for IE only */* html .checklist label { height: 1%; }.hbox{display: block;border: 1px solid #fff;border-width: 1px 1px 0 0;background-color: #758279;font-family: Microsoft Sans-Serif, Arial, Tahoma, sans-serif;font-size: 13px;color: #000000;font-weight: bold;line-height: 25px;}/*  code for select input boxes */select{background-color: #D4D8BD;color: #000000;margin: 0px;padding: 0px;border: groove 4px;}/* pale green background for options */.op1{background-color: #D4D8BD;}/* Darker green bg for options */.op2{background-color: #949E7C;}div#links a span {display:none;}div#links a:hover span {display:block;padding: 5px; margin: 5px; z-index: 100;font-family: Microsoft Sans-Serif, Tahoma, Arial, sans-serif;font-size: 13px;color: #FFFAC4;font-weight: bold;}