html {margin: 0; padding: 0;}
/* COLORS
light blue menu bg E7F1FB
dark blue 4d5b7e
darker blue 18407a
orange ff9e00
*/
body {margin: 0; padding: 0; background: #fff url(../images/body-bg2.jpg) repeat-x top left; color: #000; font: 80%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}
body.home {margin: 0; padding: 0; background: #fff url(../images/body-bg-home.jpg) repeat-x top left; font: 80%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* -------------------------------------------------- containers */
#container {margin: 0 auto; padding: 0; width: 960px; position: relative; text-align: left;}
#header {height: 120px; background: url(../images/circle-bg.gif) no-repeat top left;}
#header img {margin: 24px 0 0 0; border: none;}
#header #topmenu1 {position: absolute; top: 8px; left: 320px;}
#header #topmenu1 ul {margin: 0; padding: 0; list-style: none;}
#header #topmenu1 ul li {padding: 0 6px 0 0; display: inline;}
#header #topmenu2 {position: absolute; top: 8px; right: 10px; font-family: Arial, Helvetica, sans-serif;}
#header #topmenu2 ul {margin: 0; padding: 0; list-style: none;}
#header #topmenu2 ul li {padding: 0 6px 0 0; display: inline;}
#header #topmenu2 ul li a {text-decoration: underline;}
div.service {padding: 12px 14px; margin: 0 0 8px 0; background: #f9f9f9 url(../images/services-grad.jpg) repeat-x top left; border: 1px solid #dedede; border-top: 1px solid #ccc;}
div.service p {margin: 8px 0 14px 0;}
div.customerInfo {padding: 12px; margin: 1em 0; background: #f8f8f8; border: 1px solid #888;}
div.customerInfo h4 {padding: 0 0 .5em 0; font-size: 16px; font-weight: bold;}
#maincontentHome {margin: 22px 0 0 0; padding: 0; height: auto;}
#maincontent {margin: 5px 0 0 0; padding: 0;}
#maincontentFull {margin: 40px 0 0 0; padding: 0;}
#homeBoxes {margin-top: -6px;}
#homeBoxes a, #homeBoxes a:visited {padding: 0; margin: 0; text-decoration: none; border-bottom: none; cursor: pointer; color: #fff;}
#homeBoxes img {padding: 0; margin: 0; border: none;}
div.homeBox {margin: 0 1px 0 0; display: inline; width: 135px; height: 215px; background: url(../images/products-box-bg.jpg) no-repeat top right; float: left; color: #fff;}
div.homeBox h2 {padding: 9px 8px 0 8px; margin: 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; text-align: center; font-size: 14px; font-weight: bold; line-height: 1.2em; color: #fff;}
div.homeBox div.prodImage {margin: 29px 0 0 2px; border: none;}
div.homeBox div.prodImage img {border: none;}
#maincontentHome2 {margin: 50px 0; padding: 0; float: left;}
#sphere {background: url(../images/sphere-home.gif) no-repeat top left; width: 248px; height: 248px; float: left;}
#sphere p {padding: 65px 25px; margin: 0; line-height: normal; color: #fff; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}
#Features {margin: 0 8px 0 0; border: 1px solid #ddd; float: right; width: 264px;}
#Features h2 {margin: 0; padding: 4px 0 6px 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; background: #ddd url(../images/news-header-bg.jpg) repeat-x top left; font-size: 16px; font-weight: bold; text-align: center;}
/*#FeaturesContent {margin: 0; padding: 12px;}
#FeaturesContent p {margin-top: 0; padding: 0 0 0px 28px; font-size: 11px; min-height: 20px; line-height: 1.25em; background: url(../images/bullet2.jpg) no-repeat top left; background-position: 0px 5px;}
#FeaturesContent a {text-decoration: none; cursor: pointer;}
#FeaturesContent a p:hover {background: #f5f5f5 url(../images/bullet2.jpg) no-repeat top left; background-position: 0px 5px; color: #000;}*/
div.FeaturesContent {float: left; margin: 4px 0 6px 8px; padding: 0 0 0 25px; background: transparent url(../images/bullet2.jpg) no-repeat top left; width: 215px;}
div.FeaturesContent p {padding: 0; margin: 0; font-size: 11px; line-height: 1.25em;}
div.FeaturesContent p a {text-decoration: none; cursor: pointer;}
#MainProductsContent {margin: 40px 0 30px 0; float: left;}
#productsContent {margin: 0 0 0 30px; float: left; width: 740px;}
div.distributors {padding: 1em 0; text-align: center;}
div.distributors p {font-size: 11px;}
div.distributors div {text-align: left;}
div.distributors h2 {text-align: left; margin: 1em 0 0 0; padding: 0; border-bottom: 1px solid #999;}
div.distributors h3 {margin: 1em 0 .5em 0; padding: 0;}
div.techinfo {padding-left: 14px; margin: 24px 200px 0 100px; border-left: 6px solid #aaa;}
div.article {}
#industries {margin: 0 0 0 26px; padding: 0px; float: left; width: 400px; border: 1px solid #ddd;}
#industries h2 {margin: 0; padding: 4px 0 6px 0; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; background: orange url(../images/news-header-bg.jpg) repeat-x top left; font-size: 16px; font-weight: bold; text-align: center;}
#industriesContent {}
#industriesContent p {}
#industriesContent a {}
.clear { clear: both; }
#footer {padding: 8px 0 14px 0; margin: 40px 0 10px 0; color: #444; clear: both; width: 100%; font-size: 11px; text-align: center; background: #f9f9f9; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd;}
#footer span {padding-right: 28px; padding-top: 0px; margin-bottom: 2px; float: right; line-height: normal; color: #cdcdcd; font-size: 10px;}
#footer span a {color: #cdcdcd; font-size: 10px;}
/* ----------------------------------------------------------- Headings */
h1 {padding: .25em 0 .5em 0; margin: 0; color: #FF9600; color: #3D5796; font-size: 190%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal;}
body#mainservices h1 {margin: 0; color: #FF9600; color: #3D5796; font-size: 180%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal;}
h2 {padding: 0 0 .5em 0; margin: 0; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 150%; font-weight: normal;}
h3 {padding: 0; margin: 16px 0 6px 0px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 130%; font-style: normal; font-weight: normal;}
h3.accentColor {color: #4a5687;}
div.article h3 {font-style: normal; font-size: 16px; font-weight: bold; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h4 {padding: 0; margin: 2px 0 0 0px; color: #111; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 140%; font-style: normal; font-weight: normal;}
h5 {padding: 0; margin: 16px 0 6px 0px; color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: bold;}
#maincontent h1 {padding: .25em 0 .5em 0; margin: 0; color: #fff; font-size: 190%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal;}
#productsContent h2 {border-bottom: 1px solid #999;}
h2.speedsHeading {}
h3.speedsSubHeading {padding: 0 0 3px 0; font-size: 18px; font-weight: bold; font-style: normal; color: #777; width: 95%; text-align: right; border-top: 1px solid #ddd; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
/* --------------------------------------------- Link styles */
a {color: #000; text-decoration: underline;}
a:visited {color: #000;}
a:hover {color: #4C5A7D;}
div.techinfo a, div.techinfo a:visited {color: #18407a; font-weight: bold;}
/* ---------------------------------------------- paragraphs */
#footer p {margin: 4px 0; padding: 0;}
div.distributors p {margin: 1em 0 2em 0;}
div.article p {padding: 0; margin: 0;}
a p#Pane {text-decoration: underline;}
p.PaneIsOpen {padding-left: 24px; background: url(../images/minus.gif) no-repeat;}
p.PaneIsClosed {padding-left: 24px; background: url(../images/plus.gif) no-repeat;}
/* --------------------------------------------------- lists */
ul {padding: 0px 0 0 18px; margin: 0;}
ol {padding: 3px 0 0 26px; margin: 0;}
ol li {padding: 4px;}
ul.slimTop {padding: 0; margin: 0;}
ul.newsMain {padding: 0px 0 0 0; margin: 0; list-style: none; font-size: 13px;}
ul.newsMain li blockquote {margin: 12px 0 12px 24px;}
ul.newsMain a {font-weight: bold;}
/* ------------------------------------------------------ navigation */
#header #nav {position: absolute; top: 72px; left: 320px; width: 750px;}
#header #nav ul {margin: 0; padding: 0 10px; list-style: none; border: 1px solid #bbb; background: #eee url(../images/menu-bg-grad.jpg) repeat-x top left; float: left;}
#header #nav ul li {padding: 7px 9px 8px 9px; margin: 0; display: inline; background: url(../images/nav_div.gif) no-repeat center right; float: left; font-family: Arial, Helvetica, sans-serif;}
#header #nav ul li a { padding: 0; margin: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: #000;}
#header #nav ul li a:hover {color: #275cb5;}
/* -------------------------------------------- nav products */
#navProducts {margin: 0; padding: 0; float: left; width: 180px; background: #EEF2F6 url(../images/prodmenu-bg.jpg) repeat-y top right;}
#navProducts ul {margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #aaa;}
#navProducts ul li {padding: 0 0 0 8px; margin: 0 0 0 0; display: block; border-top: 1px solid #eef0f1; border-bottom: 1px solid #aaa; font-family: Arial, Helvetica, sans-serif; background: #EEF2F6 url(../images/prodmenu-bg.jpg) repeat-y top right;}
#navProducts ul li:hover {background: #EEF2F6 url(../images/prodmenu-hover-bg.jpg) repeat-y top right;}
#navProducts ul li.noBorder {padding: 6px; margin: 0 0 0 0; display: block; border-bottom: none; font-family: Arial, Helvetica, sans-serif;}
#navProducts ul li a {padding: 8px 0; margin: 0; text-decoration: none; font-weight: normal; color: #333; font-size: 12px; display: block;}
#navProducts ul li a:hover {color: #000;}
#navProducts .bottom {background: #EEF2F6 url(../images/prodmenu-bot-bg.jpg) no-repeat right 100%; padding-bottom: 200px;}
.vitrified #navProducts ul li.vitrified, .vitrified #navProducts ul li.vitrified a,
.maximizer #navProducts ul li.maximizer, .maximizer #navProducts ul li.maximizer a,
.resinbond #navProducts ul li.resinbond, .resinbond #navProducts ul li.resinbond a,
.metalbond #navProducts ul li.metalbond, .metalbond #navProducts ul li.metalbond a,
.electroplated #navProducts ul li.electroplated, .electroplated #navProducts ul li.electroplated a,
.customServices #navProducts ul li.customServices, .customServices #navProducts ul li.customServices a {margin: 0 0 0 0; background: #EEF2F6 url(../images/prodmenu-active-bg.jpg) repeat-y top right; font-weight: bold; color: #000;}
#newsContent {margin-left: 23px; float: left; width: 720px;}
#newsMenuDiv {padding: 8px; float: left; width: 170px;}
ul.news {padding: 0px 0 0 18px; margin: 0; list-style: none; font-size: 11px;}
ul.news li {padding: 4px;}
ul.news li blockquote {font-size: 12px;}
ul.news {margin: 0; padding: 0; float: left; width: 100%;}
ul.news {margin: 0; padding: 0; list-style: none;}
ul.news li {padding: 0 0 0 8px; margin: 0 0 0 0; display: block; border-bottom: 1px solid #aaa; font-family: Arial, Helvetica, sans-serif;}
ul.news li:hover {background: #EEF2F6;}
ul.news li.noBorder {padding: 6px; margin: 0 0 0 0; display: block; border-bottom: none; font-family: Arial, Helvetica, sans-serif;}
ul.news li a {padding: 8px 0; margin: 0; text-decoration: none; font-weight: normal; color: #333; font-size: 12px; display: block;}
ul.news li a:hover {color: #000;}
.centerlessgrinding #navProducts ul li.centerlessgrinding, .centerlessgrinding #navProducts ul li.centerlessgrinding a,
.cylindricalgrinding #navProducts ul li.cylindricalgrinding, .cylindricalgrinding #navProducts ul li.cylindricalgrinding a,
.cylindricalpeelgrinding #navProducts ul li.cylindricalpeelgrinding, .cylindricalpeelgrinding #navProducts ul li.cylindricalpeelgrinding a,
.cylindricalplungegrinding #navProducts ul li.cylindricalplungegrinding, .cylindricalplungegrinding #navProducts ul li.cylindricalplungegrinding a,
.creepfeedgrinding #navProducts ul li.creepfeedgrinding, .creepfeedgrinding #navProducts ul li.creepfeedgrinding a
{margin: 0 0 0 0; font-weight: bold; background: #EEF2F6 url(../images/prodmenu-active-bg.jpg) repeat-y top right; color: #000;}
/* -------------------------------------------------------- misc */
img.pdficon {margin: 0 8px -2px 0;}
span.accentIt {font-style: italic; color: #990000; font-weight: bold;}
span.hightlightText {padding: 0 1px; font-weight: bold;}
div.figure {float: left; border: 1px solid #ccc; margin: 1.5em 0 0 0; padding: 0.5em;}
div.figure p {padding: .4em 0 .2em 0; margin: .1em 0 0 0; text-align: center; font-style: normal; font-size: 11px; text-indent: 0;}
img.scaled {}
span.pop {padding: 0 22px 0 0; background: url(../images/icon-openpop.gif) no-repeat center right;}
/* ---------------------------------------------------- tables
*/
table.wheelSpeeds {margin: 0 0 12px 0; width: 85%; text-align: left; font-size: 11px; border: none; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
caption {padding: 0; margin: 0; caption-side: top; text-align: left; vertical-align: bottom; font-weight: bold; font-size: 14px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
table.wheelSpeeds th {margin: 0; padding: 3px 0; background: #333; background: #ccc url(../images/box-item-header.gif) repeat-x top left; border-right: 1px solid #aaa; color: #333; text-align: center;}
table.wheelSpeeds td {padding: 3px; margin: 0; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.successBeforeAfter {margin-top: 20px; width: 750px;}
table.successBeforeAfter td.Before {margin: 0; padding: 48px 0 20px 14px; background: #fff url(../images/before.png) no-repeat top left; color: #000; font-size: .9em; width: 333px;}
table.successBeforeAfter td.Before h3 {margin: 0 0 6px 0; color: #fff; font-weight: bold; text-align: left;}
table.successBeforeAfter td.After {margin: 0; padding: 48px 24px 20px 14px; background: #fff url(../images/after.png) no-repeat top left; color: #000; font-size: .9em; width: 345px;}
table.successBeforeAfter td.After h3 {margin: 0 0 6px 0; color: #fff; font-weight: bold; text-align: left;}
table.successBeforeAfter td div {padding: 12px 34px 12px 4px;}
table.successMain {}
table.successMain td.title {width: 150px;}
table.successMain td.title, table.successBeforeAfter td.title {padding: 0 8px 0 0; font-weight: bold; text-align: right; vertical-align: top;}
/* ------------------------------------------------------------------- forms */
div.formLabel {margin: 2px 0; padding: 0; float: left; width: 160px;}
div.formContent {padding: 0px 0 0 0; float: left; font-weight: normal;}
form {font-size: 11px;}
form h4 {font-weight: bold;}
input {height: 13px;}
input.button {height: auto;}
.checkboxcss input {height: 14px; font-weight: normal;}
table.formTbl td .checkboxcss {font-weight: normal;}
table.formTbl {padding: 0; margin: 0; font-size: 11px;}
table.formTbl td {padding: 2px 3px 2px 0; margin: 0; font-weight: normal; vertical-align: middle;}
table.formTbl td label {font-weight: bold;}
label {font-weight: normal; padding: 3px 8px 3px 2px; vertical-align: top;}
table.formTbl td label.notBold {font-weight: normal;}
div.contactUs {}
div.contactUs form {font-size: 12px;}
div.contactUs input {height: auto; margin: 1px 6px 0 0;}
div.contactUs label {font-weight: normal; vertical-align: top;}
div.contactUs .checkboxcss {font-size: 12px;}
div.contactUs .checkboxcss input {height: 13px;}
table.formTbl2 {padding: 0; margin: 0; font-size: 12px;}
table.formTbl2 td {padding: 3px 5px 3px 0; margin: 0; font-weight: normal; vertical-align: middle;}
table.formTbl2 td label {font-weight: bold;}
label.mainLabel {padding-right: 10px; font-weight: bold;}
div.formMultiBoxes {padding: 10px 0 10px 0; margin: 0; clear: both;}
hr {border: none; background: #fff; border-bottom: 1px solid #666; height: 1px; clear: both;}
div.formContent table td {border: none;}
.itemLabel {padding: 0; margin: 0; width: 160px;}
/* ------------------------------------------------------------------ home page jquery */
#example2{
margin:0;
padding:0;
background: #fff;
list-style-type:none;
color:#000;
border-top: none;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 li li p a {
padding: 0;
margin: 0;
background: none;
background-image: none;
text-decoration: underline;
display: inline;
border: none;
text-align: left;
}
#example2 p {
margin: 1em 0;
padding: 0;
font-size: 11px;
}
#example2 li ul li p {
margin: 1em 0;
padding: 0;
font-size: 11px;
text-align: justify;
clear: both;
width: 100%;
}
#example2 li ul li p a {
background: #fff;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a{
width:386px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background: #ccc;
background: #eee url("../images/ind-bg-3.jpg") repeat-x top left;
border-top: 1px solid #ddd;
height:30px;
}
#example2 li a img {
margin: -24px 0 0 0;
float: right;
border: none;
}
#example2 li li{
padding:0 15px 0 15px;
height: 320px;
}
#example2 li a.closed{
color:#000000 !important;
background: #eee url("../images/ind-bg-3.jpg") repeat-x top left;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background: #eee url("../images/ind-bg-3.jpg") repeat-x top left;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background: #eee url("../images/ind-bg-3.jpg") repeat-x top left !important;;
}
#example2 li a.opened{
background: url(../images/ind-bg-3-active.jpg) repeat-x center left;
font-weight: normal;
}
#example2 li.firstitem a.opened{
background: url(../images/ind-bg-3-active.jpg) repeat-x center left;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}