h1.red {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #d21034; font-size: 300%;}
h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 180%;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 170%;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 120%;}
h3.red {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #d21034; font-size: 120%;}

#imagetop {vertical-align: top;}
#imagebottom {vertical-align: bottom;}

p.content {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#888888; text-align: justify; line-height: 130%; margin-bottom: 3%; width:650px;}

li.tools {margin: .8em 0;}

.framecontent {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#888888; text-align: justify; line-height: 130%; margin-bottom: 3%; margin-right: 8%;}

.bodycontent {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#888888; text-align: justify; line-height: 130%; margin-bottom: 3%; margin-right: 4%; margin-left: 4%;}

.generalcontent {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#888888; text-align: justify; line-height: 120%; margin-bottom: 0%; margin-right: 0%; margin-left: 0%;}

.testimonial {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#888888; line-height: 120%; margin-bottom: 0%; margin-right: 2%; margin-left: 2%;}

.toolcontent {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d; text-align: left; line-height: 100%; margin-bottom: 3%; margin-right: 8%;}

img.content {float: left; margin-right: 3%; clear: all; margin-left: 8%;}

.chartheader {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; background-image: url('images/blackchartbar.jpg'); background-repeat: repeat-x; line-height: 90%; text-align: center;}

.chartitems {font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; text-align: center;}

#contentbkgrd {background-image: url('images/Diablo_contents.gif'); background-repeat: repeat-y; width: 800px; margin:auto; background-position:inherit;}

#beambkgrd {background-image: url('images/beam-1.gif'); background-repeat: no-repeat; width: 7090px; margin:auto; background-position:inherit; background-position:bottom;}

table.borders {border-collapse: collapse; border-style:none;}

/*=== margins for contents ====*/
.title-A {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 150%; text-align: center; margin-top: 0; margin-bottom: 0;}
.title-B {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 135%; text-align: center; margin-top: 0; margin-bottom: 0; margin-right:8%;}
.title-BB {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 120%; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: 4%; margin-left: 4%;}
.title-bb {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #d21034; font-size: 120%; text-align: center; margin-top: 0; margin-bottom: 0; margin-right: 4%; margin-left: 4%;}
.title-C {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #d21034; font-size: 110%; text-align: justify; margin-right: 8%;}
.title-D {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 110%; text-align: justify; margin-right: 8%;}
.title-DD {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5d5d5d; font-size: 14px; text-align: justify; margin-right: 8%;}
.title-CC {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #d21034; font-size: 115%; text-align: center; margin-right: 8%;}

.diam-title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 150%; text-align: center; background-image:url(images/redchartbar-2.gif); background-position:top; }


/*=== Diameter Rollover ====*/
a#rollover4 {background-image:url('images/Diam-Icon-4a.gif'); height: 90px; width:90px; display:block;}
a#rollover4 span {display:none; }
a#rollover4:hover {background-image:url('images/Diam-Icon-4b.gif');}

a#rollover6 {background-image:url('images/Diam-Icon-6a.gif'); height: 90px; width:90px; display:block;}
a#rollover6 span {display:none; }
a#rollover6:hover {background-image:url('images/Diam-Icon-6b.gif');}

a#rollover7 {background-image:url('images/Diam-Icon-7a.gif'); height: 90px; width:90px; display:block;}
a#rollover7 span {display:none; }
a#rollover7:hover {background-image:url('images/Diam-Icon-7b.gif');}

a#rollover8 {background-image:url('images/Diam-Icon-8a.gif'); height: 90px; width:90px; display:block;}
a#rollover8 span {display:none; }
a#rollover8:hover {background-image:url('images/Diam-Icon-8b.gif');}

a#rollover10 {background-image:url('images/Diam-Icon-10a.gif'); height: 90px; width:90px; display:block;}
a#rollover10 span {display:none; }
a#rollover10:hover {background-image:url('images/Diam-Icon-10b.gif');}

a#rollover12 {background-image:url('images/Diam-Icon-12a.gif'); height: 90px; width:90px; display:block;}
a#rollover12 span {display:none; }
a#rollover12:hover {background-image:url('images/Diam-Icon-12b.gif');}

a#rollover14 {background-image:url('images/Diam-Icon-14a.gif'); height: 90px; width:90px; display:block;}
a#rollover14 span {display:none; }
a#rollover14:hover {background-image:url('images/Diam-Icon-14b.gif');}

a#rollover16 {background-image:url('images/Diam-Icon-16a.gif'); height: 90px; width:90px; display:block;}
a#rollover16 span {display:none; }
a#rollover16:hover {background-image:url('images/Diam-Icon-16b.gif');}



/*=== Products Page Rollover ====*/
a#rollover4a {background-image:url('images/Diam-Icon-4b.gif'); height: 90px; width:90px; display:block;}
a#rollover4a span {display:none; }
a#rollover4a:hover {background-image:url('images/Diam-Icon-4c.gif');}

a#rollover6a {background-image:url('images/Diam-Icon-6b.gif'); height: 90px; width:90px; display:block;}
a#rollover6a span {display:none; }
a#rollover6a:hover {background-image:url('images/Diam-Icon-6c.gif');}

a#rollover7a {background-image:url('images/Diam-Icon-7b.gif'); height: 90px; width:90px; display:block;}
a#rollover7a span {display:none; }
a#rollover7a:hover {background-image:url('images/Diam-Icon-7c.gif');}

a#rollover8a {background-image:url('images/Diam-Icon-8b.gif'); height: 90px; width:90px; display:block;}
a#rollover8a span {display:none; }
a#rollover8a:hover {background-image:url('images/Diam-Icon-8c.gif');}

a#rollover10a {background-image:url('images/Diam-Icon-10b.gif'); height: 90px; width:90px; display:block;}
a#rollover10a span {display:none; }
a#rollover10a:hover {background-image:url('images/Diam-Icon-10c.gif');}

a#rollover12a {background-image:url('images/Diam-Icon-12b.gif'); height: 90px; width:90px; display:block;}
a#rollover12a span {display:none; }
a#rollover12a:hover {background-image:url('images/Diam-Icon-12c.gif');}

a#rollover14a {background-image:url('images/Diam-Icon-14b.gif'); height: 90px; width:90px; display:block;}
a#rollover14a span {display:none; }
a#rollover14a:hover {background-image:url('images/Diam-Icon-14c.gif');}

a#rollover16a {background-image:url('images/Diam-Icon-16b.gif'); height: 90px; width:90px; display:block;}
a#rollover16a span {display:none; }
a#rollover16a:hover {background-image:url('images/Diam-Icon-16c.gif');}