/* HTML Elements 
-----------------------------------------------------*/
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
background: url("../images/pattern.gif") repeat;
font-size: 14px;
}
#idContentTbl {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
img { border: none; }
form { padding: 0; margin: 0; }
h1 { font-size: 150%; }
DIV.cmxvspace {
width: 1px;
background: none;
border: none;
margin: 0px;
padding: 0px;
}
/* Container Elements
-----------------------------------------------------*/
#tableless { margin: auto; }
td#bannercell, td#leftcell, td#leftgutter, td#maincell, td#rightgutter,
td#rightcell, td#footercell, td#container2cell, td#container3cell { padding: 0; vertical-align: top; }
#main .twocolumn, #main .threecolumn, #main .fourcolumn { width: 100%; }
/* Cmx Styles */
P.cmx-Inline { display: inline; }
P.cmx-Center { text-align: center; }
P.cmx-Right { text-align: right; }
P.cmx-Justify { text-align: justify; }
P.cmx-Left { text-align: left; }
FONT.cmx-Larger { font-size: larger; }
IMG.cmx-FloatLeft { float: left; }
IMG.cmx-Center {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
/* Template support */

#footer .copyrightnotice .copyright { padding-right: 6px; }
/* Miscellaneous 
------------------------------------------------------*/
.bold { font-weight: bold; }
.italic { font-style: italic; }
TABLE.scrapetable { border: solid 1px black; margin: 1px 0; }
#container {
margin: 13px auto;
width: 730px;
padding: 0;
background-color: #fff;
position: relative;
}
/*********************=Banner******************/
#banner .bannernavigation {
display: block;
clear: both;
font: 11px Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
background: #fff url("../images/nav-bg.gif") repeat-x;
}
#banner .bannernavigation a{
color: #fff;
font-size: 9px;
padding: 6px 8px;
text-decoration: none;
margin: 0;
display: block;
float: left;
background-image: url("../images/nav-bg.gif");
}
#banner .bannernavigation .text {
background-image: url("../images/nav-bg.gif");
display: block;
float: left;
padding: 6px 7px 6px 8px;
}
#banner .bannernavigation a:hover, #banner a#banner_current, #banner a.current {
background-image: url("../images/nav-bg-hover.gif");
padding: 6px 10px;
}
#banner .search-box{
display: block;
float: right;
clear: right;
width: 200px;
height: 84px;
margin: 0;
background: url("../images/search-bg.gif") repeat-x;
}
#banner .GoogleForm{ float: right; color: #fff; font-size: .8em; }
#banner .GoogleForm input.go{ padding: 7px 3px 0 3px; margin: 0; }
/*********************=Main******************/
.wrapper {
display: block;
float: left;
clear: left;
width: 530px;
background: url(../images/vertical-line.gif) 31% 0% repeat-y;
padding: 10px 10px 0 0 0;
}
.homewrapper {
display: block;
float: left;
clear: left;
width: 100%;
background: url(../images/main-left-bg.gif) no-repeat top left;
padding: 10px 10px 0 0 0;
}
#main {
color: #000;
float: right;
width: 350px;
padding: 5px 3px 0 3px;
font: .9em Tahoma, Arial, Verdana, sans-serif;
line-height: 1.8em;
}
.products-bucket{
padding: 0px;
text-decoration: none;
background: url("../images/products-bg.gif") no-repeat; 
}
.products-bucket li{
list-style: url(../images/arrow.gif);
}
#main h1{
font-size: 1.8em;
font-weight: normal;
font-family: Arial, Tahoma, sans-serif;
margin: 16px 0 10px 0;
padding: 0;
color: #000;
}
#main h2{
font-size: 1.3em;
margin: 0;
padding: 0;
color: #142849;
}
#main h3{
font-size: 1.0em;
margin: 0;
padding: 5px 0 0 0;
border-bottom: 1px dashed #e7e7e7;
}
#main h4{
font-size: 1.3em;
margin: 0;
padding: 10px 10px 10px 40px;
color: #406A79;
}
#main h5{
font-size: 1.1em;
margin: 0;
padding: 0;
color: #545454;
}
#main a{ color: blue; }
#main .print{
display: block;
clear: both;
padding: 0 0 10px 0;
width: 180px;
text-align: right;
}
#main img.blue{
border: 3px solid #11233F;
padding: 1px;
margin: 8px 10px 0 0;
}
#main img.gray-first{
border: 3px solid #dfe1e0;
padding: 1px;
display: block;
}
#main img.gray{
border: 3px solid #dfe1e0;
padding: 1px;
float: left;
margin-left: 15px;
}
#main table.specs, .scrapetable{
padding: 3px;
margin: 10px 0;
width: 100%;
border-collapse: collapse;
}
#main table.specs th, .scrapetable th{
background-color: #142849;
color: white;
border: 1px solid #fff;
vertical-align: top;
}
#main table.specs td, .scrapetable td{
padding: 2px;
border: 1px solid #D4D4D4;
vertical-align: top;
}
#main table.specs .col, .scrapetable .col1{ font-weight: bold; padding-right: 6px; width: 50%; }
#main table.specs .even, .scrapetable .even{ background-color: #F7F7F7; }
#main table.absolute-data td{ font-size: 9px; padding: 0 2px; }
#main .clearboth { display: block; clear: both; }
#main .list {
display: block;
float: left;
width: 250px;
margin-right: 15px;
}
.breadcrumbs{
padding: 0 0 8px 0;
display: block;
font: 11px Tahoma, Arial, sans-serif;
}
.more-info{
margin: 0;
padding: 35px 0 0 0;
display: block;
background: url(../images/more-info.gif) no-repeat;
}
.more-info li{
background: url(../images/blue.gif) bottom no-repeat;
margin: 0;
padding: 0 0 12px 0;
}
/*********************=Left******************/
#left {
color: #000;
width: 176px;
padding: 9px 0 0 4px;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
position: absolute;
}
#left a, #right .services a{
color: #336699;
text-decoration: none;
font-weight: bold;
}
#left ul, #right .services ul{
list-style-type: none;
padding: 0;
margin: 6px 0 20px 10px;
}
#rightcontent .services ul{ margin: 6px 0 0 10px; }
#left li, #right .services li{
padding: 0 0 0 14px;
margin: 0;
line-height: 20px;
background: url(../images/arrow.gif) 0% 10% no-repeat;
}
/*********************=Right******************/
#rightcontent{
float: right;
width: 168px;
padding: 0 10px 0 22px;
font-family: Tahoma, Arial, Verdana, sans-serif;
background: url(../images/right-bg.gif) repeat-x;
/*font-size: .85em;*/
}
#rightcontent .call-to-action {
color: #fff;
display: block;
padding: 0;
margin: 0;
font-size: 11px;
font-family: Arial, Verdana, Tahoma, sans-serif;
}
#rightcontent .call-to-action .mail{ font-size: 13px; }
#rightcontent .call-to-action a{ color: #fff; display: block; text-decoration: none; }
#rightcontent .call-to-action a.request{
font-weight: bold;
font-family: Tahoma, Arial, Verdana, sans-serif;
border-top: 1px solid #4F5E77;
background: url(../images/cta-arrow.gif) 0% 40% no-repeat;
padding: 5px 5px 5px 14px;
margin: 25px 0 0 0;
width: 128px;
}
#rightcontent .call-to-action a.view{
font-weight: bold;
font-family: Tahoma, Arial, Verdana, sans-serif;
padding: 5px 5px 5px 14px;
width: 128px;
border-bottom: 1px solid #4F5E77;
background: url(../images/cta-arrow.gif) 0% 40% no-repeat;
margin: 0 0 5px 0;
}
#rightcontent .call-to-action h2{
font-size: 18px;
padding: 0;
margin: 0 0 3px 0;
margin-top: -12px;
display: block;
}
#rightcontent .services{
display: block;
margin: 20px 0 0 0;
line-height: 1.5em;
padding: 12px 0 0 0;
}
#rightcontent .services img{ padding-top: 18px; }
#rightcontent .why ul{ list-style-type: disc; }
#rightcontent .why li{
background: none;
margin: 0 0 0 14px;
line-height: 17px;
padding: 0;
}
/*********************=Footer******************/
#footer{
background: url("../images/footer.gif") repeat-x;
color: #fff;
text-align: center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 5px 0 25px 20px;
margin-top: 20px;
}
#footer a {
color: #fff;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.print-footer{ color: #000; display: none; }
/*********************=Misc******************/
.call-bottom{
display: block;
width: 90%;
padding: 5px;
background-color: #eee;
border: 1px solid #ccc;
}
.call-bottom .toll-free{
font-size: 1.2em;
text-align: center;
font-weight: bold;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
li.cmx-customize, .product-customize{
background: url(../images/customize.gif) 80% 0% no-repeat;
display: block;
height: 23px;
}
font.cmx-sub{ vertical-align: -20%; font-size: .9em; }
font.cmx-sup{ vertical-align: 20%; font-size: .8em; }
.UAie #banner .bannernavigation{ margin-top: -10px; }
.UAie #right .services{ margin: 0; }
.UAiemac #banner .search-box { width: 185px; float: none; }
.inventory a{
text-decoration: none;
display: block;
background: #ffffff url(../images/inventory.gif) 0 50% no-repeat;
margin: 0;
text-align: center;
width: 333px;
height: 30px;
border: 1px solid #f7f7f7;
color: #336699;
}
.inventory a:hover{
display: block;
background: #336699 url(../images/inventory-hover.jpg) 0 50% no-repeat;
color: white;
text-decoration: none;
margin: 0;
text-align: center;
width: 333px;
height: 30px;
border: 1px solid #f7f7f7;
}
input, textarea { font-family: Arial, sans-serif; font-size: 10pt; }
#main .twocolumn td, #main .threecolumn td, #main .fourcolumn td, td.top { vertical-align: top; }
P.cmx-Smaller, FONT.cmx-Smaller { font-size: smaller; }
FONT.cmx-RightAlign, IMG.cmx-FloatRight { float: right; }
.floatright { display: block; float: right; }
.floatleft { display: block; float: left; }
#footer a:hover, #left a:hover, #right .services a:hover, #right .call-to-action a:hover { text-decoration: underline; }
.clearfix, IMG.cmx-Block, .clearfix { display: block; }
.alloy {
display: block;
background-color: #E5F2FF;
border-top: 4px solid #336699;
border-bottom: 4px solid #336699;
width: 510px;
margin-bottom: 20px;
padding-top: 3px;
}
.alloy-inner{ display: block; width: 80%; }
.alloy-inner .floatright1 { padding-right: 60px; float: right; clear: right; }