@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, 
fieldset, label, legend,
caption, tbody, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html { overflow: -moz-scrollbars-vertical !important; }
body { background: #a1cbe5 url(../images/bg-topbar.jpg) repeat-x top center; margin: 0 0 24px; font: normal 11px/17px Arial, Helvetica, sans-serif; color: #8f8f8f; }
ul { list-style-position: inside; }
#index ol { list-style-position: inside; }
.main ul { margin: auto 0 22px 22px; }
.main ol { margin: auto 0 22px 40px; }
.main li { width: auto; }
.container { width: 100%; margin:0 auto; }
.printlogo, .skip { display: none; }
.header { width: 942px; height: 103px; background: url(../images/bg-topbar-spotlight.jpg) no-repeat top center; margin: 0 auto; }
.topbar { width: 942px; height: 76px; overflow: hidden; }
.logo { width: 300px; height: 45px; float: left; margin: 11px 0 0;}
.logo h2 { font: bold 14px Arial, Helvetica, sans-serif; width: 300px; height: 45px; }
.logo h2 a { width: 300px; height: 45px; display: block; cursor: pointer; text-indent: -9999px; background: url(../images/logo.png) no-repeat left top; }
.search { width: 642px; overflow: hidden; padding-top: 11px; }

.subnav { float: left; width: 370px; padding: 1px 19px 0 0; text-align: right; font: normal 11px Arial, Helvetica, sans-serif; color: #56a3d1; overflow: hidden; }
.subnav a:link, .subnav a:visited, .subnav a:active { color: #fff; text-decoration: none; margin: 0 5px; padding: 0 4px 0 1px; }
.subnav a:hover { text-decoration: underline; }

.subnav .link { float: right; display: block; width: auto; padding-right: 8px; padding-top: 4px; *padding-top: 7px; }
.subnav .drop { float: right; display: block; width: auto; padding-top: 2px; }
.subnav .drop label { margin-right: 4px; }
.subnav .drop select { font: normal 11px Arial, Helvetica, sans-serif; color: #666; }

.searchfield { float: left; background: url(../images/bg-search.png) no-repeat left top; width: 209px; padding: 2px 0 2px 4px;}
.searchfield input[type="text"] { border: none!important; background-color: transparent; width: 200px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; padding: 3px 0;}
.searchbutton { float: left; width: 37px; padding-left: 3px; }
.divider { background: url(../images/bg-divider.gif) no-repeat top center; text-align: center; height: 28px; width: 100%;}
.banner { width: 100%; background: url(../images/bg-banner.jpg) repeat-y top center; text-align: center; }
.middle { background-color: #fff; min-height: 500px; width: 100%; }
.content { width: 942px; margin:0 auto; overflow: hidden; }
.breadcrumbs { width: 908px; padding: 3px 13px 17px;  }
.footer { border-bottom: 7px solid #f2fafe; width: 100%; background: white; }
.footer .line { width: 942px; height: 39px; background: url(../images/footer.gif) no-repeat left top; display: block; margin: 0 auto; }
.footernav { color: #8f8f8f; font: normal 11px Arial, Helvetica, sans-serif; width: 935px; margin: 0 auto; padding: 4px 0 0 7px; }
.footer a, .breadcrumbs a { margin: 0 7px; }
.footer p { margin: 0; }
.footernav ul { list-style: none; }
.footernav li { display: inline; background: url(../images/i-beam.gif) no-repeat right 2px; } 
.copyright { width: 928px; height: 38px; padding: 12px 0 0 14px; margin: 0 auto; background: url(../images/logo-arnold-magnetics.gif) no-repeat bottom right; font: normal 11px/17px Arial, Helvetica, sans-serif; color: #8f8f8f; }
li.first { margin:0; }
li.last { background: none !important; }
a:link { color: #0079c2; text-decoration: none; }
a:visited { color: #96b810; text-decoration: none; }
a:hover { color: #96b810; text-decoration: underline; }
a:active { color: #0079c2; text-decoration: underline; }
#index p { width: 100%; }
p { margin: 0 0 17px; width: 80%; *width:auto; *padding-right:20%}
.column { float: left; width: 197px; }
.main { float: right; width: 730px; }
.sidebar { background: #f7f7f3 url(../images/sidebar.jpg) no-repeat bottom left; padding: 10px 10px 30px 10px; width: 143px; margin:0; }
.falcon { display: none; }

#index .falcon { display: block; }
.falcon a { color: #0079c2 !important;}
#index .main { min-height: 240px; }
#index .content h2 { font: normal 24px Arial, Helvetica, sans-serif; color: #000; text-transform: lowercase; }
#index .sidebar { float: left; margin: 11px 18px 0 0; }
.sidebar li { list-style: none; background: url(../images/bullet-chevron.gif) no-repeat left 6px; padding: 0 0 0 11px; }
cite { display: block; }

/*checkout page tabs*/
td.tabs_on { padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #000000;cursor:hand;}
td.tabs_off { padding:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; border: 1px solid #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #1064A0; cursor:hand;}
td.tabs_line { border-bottom: 1px solid #CCCCCC}
td.tabs_vline { border-left: 1px solid #CCCCCC}

h5 { font: bold 11px Arial, Helvetica, sans-serif; color: #000; margin: 0; padding:0; }
.panelone { background: url(../images/index1.gif) no-repeat left top; float: left; width: 286px; min-height: 248px; padding: 0 25px 0 3px; }
.panelone h2 { margin: 4px 0 0 11px; }
.paneltwo { background: url(../images/index2.gif) no-repeat left top; float: left; width: 282px; min-height: 248px; padding: 0 34px; }
.paneltwo h2 { margin: 4px 0 15px; padding:0; }
.panelthree { background: url(../images/index3.gif) no-repeat left top; float: left; width: 244px; min-height: 248px; padding: 0 0 0 34px; }
.panelthree h2 { margin: 4px 0 15px }
.panelthree img { border: 4px solid #eaeae0; }
.panelthree ol { margin: 17px 0; }

.special { color: #808f01 !important; }
.learnmore { text-indent: -9999px; display: block; width: 167px; height: 26px; background-image: url(../images/button-clickhere.gif); background-position: 0px 0px; background-repeat: no-repeat; }
.learnmore:hover { background-position: 0px -26px; }
.clear { clear: both; } 
.lead { margin-top: 17px; }
.chevron { background: url(../images/bullet-chevron.gif) no-repeat left; padding: 0 0 0 11px; }


h1 { font: normal 24px Arial, Helvetica, sans-serif; color: #000; line-height: 20px; letter-spacing: 1px; margin: 0 0 15px; }
h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #444; line-height: 15px; letter-spacing: 0px; margin: 0 0 15px;  }
h3 { font: bold 14px Arial, Helvetica, sans-serif; color: #156a9f; line-height: 15px; letter-spacing: 0px; margin: 0 0 5px; text-transform: capitalize; }
h4 { font: bold 11px Arial, Helvetica, sans-serif; color: #156a9f; line-height: 15px; letter-spacing: 0px; margin: 22px 0 5px; text-transform: uppercase; }
h5 { font: bold 11px Arial, Helvetica, sans-serif; color: #000; line-height: 15px; letter-spacing: 0px; margin: 0; }
h6 { font: bold 11px Arial, Helvetica, sans-serif; color: #333; line-height: 15px; letter-spacing: 0px; margin: 0; }

input[type="text"] { border: 1px solid #b6b6b7; font: normal 11px Arial, Helvetica, sans-serif; color: #707070; padding: 2px; }
input[type="button"] { border: 1px solid #b6b6b7; background: #989696 url(../images/bg-button.jpg) repeat-x left top; font: bold 11px Arial, Helvetica, sans-serif; color: #333; padding: 2px 10px; margin:0 12px 0 6px; }
ol ol { list-style-type: lower-alpha; }
ul ul, ul ol, ol ol, ol ul { margin: 10px 0 12px 15px; }
blockquote { background-color: #deeffa; border: 1px solid #84b2cf; margin: 15px 22px; padding: 10px 14px 11px; color: #276e9a; font: bold 12px Arial, Helvetica, sans-serif;  }

/*table styles with header row*/
.chart { border: 1px solid #b6b6b7; padding: 3px; margin: 8px 0; width: 600px; }
.chart th { background: url(../images/bg-th.jpg) repeat-x left top; color: #fff; padding: 4px 5px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.chart .chart_header { background: url(../images/bg-th.jpg) repeat-x left top; color: #fff; padding: 4px 5px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.chart td { border-top: 1px dotted #b6b6b7; padding: 8px 0 6px; vertical-align: middle; }
.chart .special { border-top: none; padding: 0 0 4px; text-align: center; }
.chart td td { border: none; padding:2px 0; vertical-align: middle; }

/*table styles no header row*/
.chart2 { border: 1px solid #b6b6b7; padding: 3px; margin: 8px 0; }
.chart2 th { background: url(../images/bg-th.jpg) repeat-x left top; color: #fff; padding: 4px 5px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.chart2 .chart_header { background: url(../images/bg-th.jpg) repeat-x left top; color: #fff; padding: 4px 5px; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.chart2 td { padding: 8px 0 6px; vertical-align: middle; }
.chart2 .special { border-top: none; padding: 0 0 4px; text-align: center; }
.chart2 td td { border: none; padding:2px 0; vertical-align: middle; }

.leftalign { text-align: left !important; }
.rightalign { text-align: right !important; }
.center { text-align: center !important; }

.imgleft { float: left; margin: 0 15px 15px 0; }
.imgright { float: right; margin: 0 0 15px 15px; }
table.imgright td { padding-top: 3px;}

/*FAQ styles*/
.faq { padding: 0px 0 5px 0; }

/*Glossary styles*/
.glossary { padding: 0px 0 5px 0; }

/*Events styles*/
.events { padding: 0px 0 5px 0; }

/*pricing table styles*/
table.price {border: 1px solid #0079c2; background-color: #eee;
td.qty {border: 1px solid #0079c2; background-color: #adcae7;}

/*your account styles*/
.youraccount input { border: none; background-color: red; width: 110px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; padding: 3px 0;}