html { margin: 0px; padding: 0px; background: url(/images/bg.jpg) repeat fixed; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f8d259; }
body { margin: 0px; padding: 0px; }

a, a:link, a:visited, a:visited:link, a:active { color: #0073ae; }
a img { border: 0px; }

code { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px; margin: 0px; display: inline; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 7px 0; padding: 0px; }
a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ text-decoration: none; }
h1 span { color: #808285; }
h1 { font-size: 24px; color: #0073ae; font-weight: 100; }
h2 { font-size: 21px; color: #808285; font-weight: 100; }
h3 { font-size: 16px; color: #0073ae; font-weight: 100; }
h4 { font-size: 12px; color: #808285; }
h5 { font-size: 10px; color: #808285; }
h6 { font-size: 8px; color: #808285; }

h1.title { margin: 0px; padding: 0px; display: block; min-width: 583px; width: 583px; text-indent: -9999px; margin-left: -10px; }
h1.custom_design_fab { background: url(/images/titles/title_custom_design_fabrication.jpg); height: 168px;}
h1.coil_slit { background: url(/images/titles/title_coil_slit_processing.jpg); height: 167px;}
h1.perf_tubing { background: url(/images/titles/title_perforated_tubing.jpg); height: 170px;}
h1.perf_stock { background: url(/images/titles/title_perforated_stock.jpg); height: 173px;}
h1.perf_metal { background: url(/images/titles/title_perforated_metal.jpg); height: 164px;}
h1.perf_plastic { background: url(/images/titles/title_perforated_plastics.jpg); height: 106px;}

hr { background: #808285; border: 0px; border-top: 0px solid #808285; height: 1px; max-height: 1px; }

#logo_cont { display: block; text-align: center; margin: auto; width: 1000px; height: 1px; }
#logo_cont #logo { display: block; width: 379px; height: 111px; background: url(/images/mckey_logo.png) no-repeat; text-indent: -9999px; cursor: pointer; position: relative; top: 4px; left: -31px; left: 25px; z-index: 1000; }
#logo h1 { margin: 0px; padding: 0px; display: inline; }
#bar { display: block; width: 100%; background: #000000; position: absolute; top: 0px; left: 0px; text-align: center; }
#bar #fill { margin: 0 auto 0 auto; display: block; width: 790px; text-align: right; padding: 10px; }
#bar #fill #text { font-size: 14px; color: #ffc534; display: inline; font-weight: bold; padding: 0 4px 0 15px; position: relative; top: -2px; }
#bar #fill #search { display: inline; }
#bar #fill #search label { display: inline; padding: 0 4px 0 15px; color: #ffffff; position: relative; top: -2px; }

/*#container { margin: -67px auto 0px auto; padding: 85px 20px 20px 20px; text-align: left; width: 790px; background: #ffffff; color: #000000; }*/
#container { margin: 43px auto 0px auto; padding: 0px; text-align: left; width: 790px; background: #ffffff; color: #000000; }
#container #headerimage {}
#container #menu { margin: 0px; color: #6d6e71; border-bottom: 2px solid #999695; }
#container #menu ul { margin: 0px; padding: 0 0 0 10px; display: block; background: #e1ae30; height: 24px; }
#container #menu ul li { margin: 0; padding: 5px 10px 5px 10px; list-style: none; float: left; text-align: left; }
#container #menu ul li a { color: #6d6e71; text-decoration: none; }

#container #breadcrumbs { color: #666666; display: block; background: #efefef; padding: 8px 8px 8px 20px; margin: 0; }
#container #breadcrumbs a { color: #666666; }

#container #content { clear: both; margin: 0px; padding: 20px 20px 10px 20px; text-align: left; }
#content #homeleft { float: left; display: block; margin: 0px; padding: 3px 15px 10px 0; width: 242px; border-right: 2px solid #999695; }
#content #homeright { float: left; margin-left: -2px; padding: 0 0 0 17px; display: block; width: 474px; border-left: 2px solid #999695; }
#content #interiorleft { float: left; display: block; margin: 0px; padding: 3px 15px 10px 0; width: 155px; border-right: 2px solid #999695; font-size: 11px; color: #6d6e71; }
#content #interiorright { float: left; margin-left: -2px; padding: 0 0 0 17px; display: block; width: 561px; border-left: 2px solid #999695; }

#content .leftnav { margin-left: -12px; }
#content .leftnav a { color: #999695; text-decoration: none; }
#content .leftnav table tbody tr td { vertical-align: top; padding: 3px; }


#content #contentfooter { margin-top: 10px; padding: 20px 0 0 0; border-top: 2px solid #999695; text-align: right; }
#content #contentfooter img { margin-left: 10px; }

#content #footer { clear: both; display: block;margin: 20px 0 20px 0; padding: 0 0 0 0; border-top: 1px solid #999695; color: #808285; font-size: 10px; }

/* CLASSES */
.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.clear{display:inline-block;} 
html[xmlns] .clear{display:block;} 
* html .clear{height:1%;}

.searchbutton { position: relative; top: 2px; }
.SearchResults { margin-top: 20px; padding-top: 10px; border-top: 1px solid #999695; }
.searchitem { margin-bottom: 15px; }
#container #menu ul li.CMSListMenuHighlightedLI { background: #0073ae; color: #ffffff; }
#container #menu ul li.CMSListMenuHighlightedLI a { color: #ffffff; }

.address { display: block; width: 200px; float: left; margin: 15px 0 0 0; color: #555; }
.wide { width: 350px; }

.message, .CMSSearchResultsNoResultsLabel { display: block; margin: 5px 0 5px 0; padding: 10px; border: 1px solid #cccccc; background: #efefef; }
.message { background: #ffffcc; }

.callout { display: block; border: 1px solid #cccccc; background: #efefef; margin-top: 10px; padding: 10px; }
.callout h2 { display: inline; font-size: 14px; padding-right: 5px; }
.home { height: 100px; }

table.tQuote td {  }
.trHighlight td { background: #eeeeee; padding: 5px 0 5px 5px; margin: 10px 0 10px 0; }
.extraPad td { padding: 10px 0 10px 5px; margin: 20px 0 20px 0; }
.tPieces td { }
.tPieces input[type=text] { width: 138px; }
table.tQuote .RadioButtonList td { padding: 0px; margin: 0px; display: inline; }

/* LANDING PAGES */
/* -- CIRCLE OF ASSURANCE -- */
.landing_circleassurance_block { display: block; margin: 10px -18px 0 -17px; padding: 10px 30px 10px 20px; background: url(/images/landing/landing_parts_bg.jpg) no-repeat; height: 275px; }
.pad_right { padding-right: 135px; }