/* background orange - #ff8817 dark grey - #4d4d4d light grey (menu hover) - #808080 text - #3c3c3c */ body { font: 76% Arial, Helvetica, sans-serif; color: #fff; background: #ff8817 url('/images/site_bits/grad.gif') repeat-x top left; margin: 0; padding: 0; } object { display: block; } h1 { font-size: 16px; } h2 { font-size: 16px; } p { font-size: 11px; } a, a:link, a:visited, a:active { color: #ff8817; text-decoration: none; } a:hover { text-decoration: underline; } #container { width: 920px; margin: auto; padding: 0; } #header { width: 920px; height: 126px; background: url('/images/site_bits/headerbg.png') no-repeat; position: relative; _back\ground: none; } #header img.hdr { display: none; _dis\play: block; _fil\ter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_bits/headerbg.png', sizingMethod='scale'); } #logo { width: 220px; height: 72px; position: absolute; top: 15px; left: 35px; } #telephone { width: 182px; height: 21px; position: absolute; right: 30px; top: 40px; } #nav { position: absolute; bottom: 12px; left: 10px; width: 920px; } #nav ul { display: inline; list-style: none; margin: 0 0 0 28px; padding: 0; } #nav ul li { display: inline; line-height: 24px; margin-right: 15px; } #nav ul li a, #nav ul li a:link, #nav ul li a:visited, #nav ul li a:active { color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; } #nav ul li a:hover { color: #4d4d4d; } #nav li.active a, #nav li.active a:link, #nav li.active a:visited, #nav li.active a:active { color: #4d4d4d; } #searchwrapper { position: absolute; right: 40px; bottom: -4px; height: 35px; background: url('/images/site_bits/searchbutton.gif') no-repeat 135px 7px; } form#search { margin: 0; padding: 0; margin-top: 9px; margin-right: 17px; } #q { border: none; *border: #fff; _bo\rder: none; height: 14px; margin: 0; padding: 2px; margin-right: 3px; width: 130px; font-size: 11px; color: #808080; } #searchsubmit { margin-right: -7px; background: url('/images/site_bits/blank.gif') no-repeat; border: none; width: 15px; height: 15px; cursor: pointer; } #topshadow.twocol { height: 15px; width: 920px; background: url('/images/site_bits/update/topshadow.png'); margin-top: -10px; _be\havior: url('/images/site_bits/iepngfix.htc'); } #wrapper { width: 920px; } #wrapper.twocol { background: url('/images/site_bits/update/twocolbg.png') repeat-y; } #productselector { width: 728px; height: 230px; /*float: left; position: absolute; left: 192px;*/ } #lefttop { width: 728px; height: 171px; behavior: url('/images/site_bits/iepngfix.htc'); background: url('/images/site_bits/greyssbg.png') no-repeat; margin: -5px 0; /* height: 100px; background: #f00; */ } #buttons { padding: 11px 0 0 17px; float: left; } #buttons img { margin-bottom: 1px; *margin-bottom: 5px; } #buttons #quotebtn { display: block; width: 174px; height: 45px; background: url('/images/site_bits/quotebtn.jpg') no-repeat top left; margin-bottom: 4px; } #buttons #quotebtn:hover { background-position: bottom left; } #buttons #trainingbtn { display: block; width: 174px; height: 45px; background: url('/images/site_bits/trainingbtn.jpg') no-repeat top left; margin-bottom: 4px; } #buttons #trainingbtn:hover { background-position: bottom left; } #buttons #turnaroundbtn { display: block; width: 174px; height: 45px; background: url('/images/site_bits/247btn.jpg') no-repeat top left; } #buttons #turnaroundbtn:hover { background-position: bottom left; } #slideshow { float: right; width: 509px; height: 144px; margin: 8px 18px 0 0; _mar\gin-right: 8px; } #leftcolumn { width: 202px; float: left; } #leftcolumn.index { margin-top: 0; } #indexpulls { width: 536px; height: 172px; behavior: url('/images/site_bits/iepngfix.htc'); background: url('/images/site_bits/qlbg.png') no-repeat; margin-top: -15px; } .pullthrough { float: left; width: 124px; height: 152px; margin-top: 14px; } #pull1 { margin-left: 10px; _mar\gin-left: 5px; } #pull2 { margin-left: 7px; } #pull3 { margin-left: 7px; } #pull4 { margin-left: 6px; } .pullthrough img { margin-left: 4px; } .pullthrough p { font-size: 12px; font-weight: bold; text-align: center; margin: 0; padding: 0; line-height: 30px; } .pullthrough a { color: #fff; } .pullthrough a:hover { text-decoration: underline; } #maincontent { width: 536px; float: left; /*position: absolute; left: 192px; /* height: 100px; background: #00f; */ } #maincontent.index { *margin-top: auto; } #maincontent.twocol { width: 688px; float: left; margin: auto 10px; } #maincontent h1 { color: #ff8817; margin: 0; padding: 0 0 10px 0; } #maincontent p { margin: 0; padding: 0 0 10px 0; color: #4d4d4d; } #rightwrapper { width: 202px; float: left; position: absolute; top: -5px; right: 0; /* height: 200px; background: #ff0; */ } .panel { width: 202px; margin-bottom: -20px; } .paneltop { width: 182px; height: 28px; position: relative; top: -5px; left: 10px; background: url('/images/site_bits/update/orangetop.png') no-repeat; _be\havior: url('/images/site_bits/iepngfix.htc'); /* background: url('/images/site_bits/orangetop.png') no-repeat; */ } .paneltop h1 { font-size: 1.1em; margin: 0; padding: 4px 0 0 015px; } .panelcontent { width: 202px; behavior: url(/images/site_bits/iepngfix.htc); padding-bottom: 10px; margin-top: -5px; /*background: url('/images/site_bits/greymidbg.png') repeat-y; _back\ground: url('/images/site_bits/greymidie6_2.png'); */ } .editablepanel { padding: 10px 25px; width: 152px; } .cppanel { padding: 0 13px; width: 176px; } .editablepanel ul.dynamic { margin: 0; padding: 0; list-style: none; width: 152px; margin-bottom: -10px; } .panelcontent p { margin: 0; padding: 5px auto; } .panelbottom { width: 202px; height: 30px; /* behavior: url('/images/site_bits/iepngfix.htc'); background: url('/images/site_bits/greybottom.png') no-repeat; */ } ul#productlist { margin: 0 10px 0 10px; padding: 19px 0; width: 182px; list-style: none; } ul#productlist li { line-height: 19px; } ul#productlist li { font-size: 1em; margin: 0; padding: 0; } ul#productlist li a { color: #fff; text-decoration: none; display: block; width: 167px; padding-left: 15px; font-weight: bold; } ul#productlist li a:hover, ul#productlist li.active { background: #808080; } ul#submenu { list-style: none; /*padding-left: 15px;*/ *margin-left: 0; margin-bottom: 10px; padding-left: 0; } ul#submenu li a { width: 152px; font-weight: normal; padding-left: 30px; } ul#submenu li.activesub a { background: #999; padding-left: 30px; } ul#submenu li a:hover { background: #999; } .clearFloat { clear: both; } #closebg.twocol { width: 920px; height: 15px; background: url('/images/site_bits/update/closebgtwocol.png') no-repeat; _be\havior: url('/images/site_bits/iepngfix.htc'); } #footer { margin: 0 20px; font-size: 11px; width: 880px; } #copyright { float: left; width: 49%; } #footerlinks { float: right; width: 49%; text-align: right; } #footerlinks a, #footerlinks a:link, #footerlinks a:visited, #footerlinks a:active { color: #fff; text-decoration: none; } #footerlinks a:hover { text-decoration: underline; } /*Dynamic list styles*/ .dynamic,.dynamic ul { padding: 0px; list-style: none; margin: 0px; display: block; } .dynamic .default { min-height: 110px; _hei\ght: 110px; /*width:500px;*/} .dynamic .default img{ float: left; margin: 0 10px 10px 0; border: 1px solid #4d4d4d; display: block; } .dynamic .default p { margin: 0px; } .dynamic .default h3 { margin: 0; padding: 0; font-size:1em;} .dynamic .panelnews { list-style: none; margin: 0; padding: 0; min-height: 60px; _hei\ght: 60px; } .dynamic .panelnews img { width: 48px; height: 48px; border: 0; float: left; margin: 0; padding: 0 10px 0 0; } .dynamic .panelnews p { margin: 0; padding: 0; } .dynamic .panelnews .pndate { color: #ff8817; } .dynamic .panelnews a, .dynamic .panelnews a:link, .dynamic .panelnews a:visited, .dynamic .panelnews a:active { color: #fff; text-decoration: none; } /*tables and form styles*/ .tabledefault{ border-collapse: collapse;font-size:85%;border:1px solid #aaaaaa;margin:10px;} .tabledefault td {border:1px solid #aaaaaa;padding:5px;} .tabledefault th {border:1px solid #aaaaaa;background:#eeeeee;padding:5px;color:black;text-align:left; } .tabledefault p {font-size:100%;margin:0px;} .formdefault { color: #4d4d4d; } .formdefault input{font-size:90%;} .formdefault dt{ float:left;width:70px;font-size:85%;padding:3px 1px;height:20px; color: #4d4d4d; } .formdefault dd{height:26px;margin:0px;padding:1px;width:155px; margin-left: 80px; *margin-left: 0;} .formdefault dd input , .formdefault dt input ,.formdefault dd select , .formdefault dt select ,.formdefault dd textarea , .formdefault dt textarea {width:150px;font-family:sans-serif;margin-left:0px;} .formdefault dd textarea , .formstyle1 dt textarea {height:60px;margin-left:0px;} .formdefault dt.swatch, .formdefault dd.swatch { color: #fff; border-bottom: 5px solid #fff;} /* safari hack - to target safari only (because of the webkit thing) - works for now but other browsers might pick it up sometime in the future... */ @media screen and (-webkit-min-device-pixel-ratio:0){ #maincontent.index { margin-top: auto; } }