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

/**********   GLOBAL STYLING   ****************/
/**********************************************/
body, html {height: 100%;}
body {background:url(images/bg/diamond_plate2.jpg) center  no-repeat #000; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0;}
.content-bg {background-color:#000;}

/**********   NAV MENU   ****************/
/**********************************************/

 /* remove the margin and bullets, set the padding and margin for this demo only*/
.neon {margin:0px auto 0px 200px; padding:10px 0 0px 15px; list-style:none; background:#000; width:720px;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.neon li {display:inline; float:left; background:url(images/neon_on2.gif);}

/* style the links and place the background image to start from left edge */
.neon li a {display:block; height:32px; float:left; background:url(images/neon_off2.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:36px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.neon li a b {margin:0 0 0 40px; display:inline; float:left; height:32px; background:url(images/neon_off2.gif) right top; padding:0 40px 0 0; color:#fff;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.neon li a:hover, .neon li a:hover b {border:0; background-image:url(images/neon_on2.gif); cursor:pointer; color:#000;}

.neon li a.current, .neon li a.current b, .neon li a.current:hover , .neon li a.current:hover b {background-image:url(images/neon_on2.gif); color:#000; cursor:default;}


/**********   Table Borders   ****************/
/**********************************************/

table.tbl_small_border {border-collapse: collapse; border-left: 1px solid #F00; border-right: 1px solid #F00; border-bottom: 1px solid #F00;}
table.tbl_products {border-collapse: collapse; border-top: 1px solid #FFF;}

/**********   Text Styles   ****************/
/**********************************************/

.heading {font-size:18px; color:#FFF; text-align:left; font-weight:bold;}
.headings {font-size: 20px;	color: #6699FF;}
.headings2 {font-size: 22px; color: #000000;}
.headings3 {font-size: 18px; color: #FF0000;}
.headings3_center {font-size: 18px; color: #FF0000; text-align:center;}
.headings4 {font-size: 16px; color: #003399;}
.headings5 {font-size: 18px; color: #000000; text-align:center;}
.headings_page_titles {font-size: 18px; color: #000000; font-weight: bold; }
.headings-small {font-size: 14px; color: #6699FF;}
.headings-small2 {font-size: 14px;	color: #FF9900;}
.headings-small3 {font-size: 16px;	color: #000000;}
.headings-small3_bold {font-size: 16px;	color: #000000; font-weight:bold;}
.headings-small3_center {font-size: 14px;	color: #000000; text-align:center;}

table.heading-sub {border-collapse: collapse; border-bottom: 1px solid #99CCFF;}
table.heading-sub  td {font-size: 20px;	color: #6699FF;	text-decoration: none;	padding-bottom: 2px; text-align: left;}

table.heading-page {border-collapse: collapse; border-bottom: 1px solid #6699FF;}
table.heading-page  td {font-size: 18px; color: #000000; text-decoration: none; padding-bottom: 2px; text-align: left;}


/****************   TEXT FORMATS  *****************/
/**************************************************/
.highlight {font-weight: bold; color:#FF0000; background-color: #FFFF00;}
.subtle {font-size: 10px; color: #666666; text-decoration: none;}

.text_white {color: #FFFFFF;}
.text_white_small {font-size: 10px; color: #FFFFFF; font-weight: bold;}
.text_white_small a:link, .text_white_large a:visited {font-size: 10px; color: #FF0000; font-weight: bold; text-decoration:none;}
.text_white_small a:hover, .text_white_large a:active {font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration:underline;}
.text_white_medium {font-size: 12px; color: #FFFFFF; font-weight: bold;}
.text_white_large {font-size: 14px; font-weight: bold; color: #FFFFFF;}
.text_white_large a:link, .text_white_large a:visited {font-size: 14px; font-weight: bold; color:#FF0000; text-decoration:none;}
.text_white_large a:hover, .text_white_large a:active {font-size: 14px; font-weight: bold; color: #FF0000; text-decoration:underline;}
.text_white_xlarge {font-size: 16px; font-weight: bold; color: #FFFFFF;}
.text_white_xxlarge {font-size: 20px; font-weight: bold; color: #FFFFFF;}

.text_red {color: #FF0000;}
.text_red_small {font-size: 10px; color: #FF0000; font-weight: bold;}
.text_red_medium {font-size: 12px; color: #FF0000; font-weight: bold;}
.text_red_large {font-size: 14px; font-weight: bold; color: #FF0000;}
.text_red_xlarge {font-size: 16px; font-weight: bold; color: #FF0000;}
.text_red_xxlarge {font-size: 20px; font-weight: bold; color: #FF0000;}

.text_black {color: #000000;}
.text_black_small {font-size: 10px; color: #000000;}
.text_black_large {font-size: 14px; color: #000000;}
.text_black_bold {font-size: 14px; font-weight: bold; color: #000000;}

.seoby a {padding:5px;}