/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

* { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-size: 12px; font-family: Verdana; line-height: 17px; }  /* Default font for all items */
div { -moz-box-sizing:border-box; box-sizing:border-box; } /* Forces IE & FF to treat padding the same */
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; margin: 15px 0px 15px 0px; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1 { color: #CCCCCC; font-size: 16px; margin: 0px 0px 15px 0px; }
h2 { color: #CCCCCC; font-size: 14px; margin: 0px 0px 15px 0px; }
h3 { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; }
p  { color: #FFFFFF; font-size: 12px; margin: 0px 0px 15px 0px; }
a  { color: #FFFFFF; font: normal 12px Verdana; text-decoration: underline; }
a:hover { text-decoration: underline; }

select, input, textarea { color: #333333; }
table, td, span, div { color: #FFFFFF; }





/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */

#main { width: 821px; margin: 0px auto; margin-top: 20px; }
#leftBorder { height: 146px; width: 11px; background: url('../images/layout/border_bg_left.jpg'); }
#rightBorder { height: 146px; width: 9px; background: url('../images/layout/border_bg_right.jpg'); }
#header {height: 146px; }
#body { width: 801px; background: url('../images/layout/bodybg.jpg'); }
    #bodyInner { margin: 10px 15px 20px 22px; }
    #flashBG {  width: 504px; height: 291px; float: left; background: url('../images/layout/flash_bg.jpg'); }
    #navBG { width: 235px; height: 297px; float: right; background: url('../images/layout/nav_bg.jpg'); }
        #nav { margin: 33px 0px 0px 25px; }
            #nav a { color: #FFFFFF; display: block; height: 31px; line-height: 31px; text-decoration: none; font-weight: bold; }
            #nav a:hover { color: #CCCCCC; }




#footer { height: 61px; background: url('../images/layout/footer_bg.jpg'); font-weight: bold; padding-left: 34px; padding-right: 9px;  }
    #footer div { color: #333333; }

#footer2 { text-align: right; color: #CCCCCC; padding-right: 5px; font-size: 10px;  }
    #footer2 a { color: #CCCCCC; text-decoration: none; font-size: 10px; }
    #footer2 a:hover { text-decoration: underline; }






/***************************************************************************************/
/* PAGE CONTENT */
/***************************************************************************************/


/* Contact Form */

.contactForm {   }
.contactForm th { font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; width: 80px; }
.contactForm td { padding-top: 5px; }
.contactForm input { width: 130px; height: 16px; line-height: 16px; color: #333333; }
.contactForm textarea { color: #333333; }

.contactForm .checkbox input { width: 16px; margin-right: 10px; }
.contactForm .checkbox div { margin-top: 2px; width: 150px; float: left; }

.contactForm .radio input { width: 16px; margin-right: 10px; }
.contactForm .radio div { margin-top: 2px; width: 150px; float: left; }


input.inputButton {   color: #000000; height: 20px; margin: 0px; padding: 0px 5px 0px 5px; }







#productList li { display: block; float: left; width: 160px; margin-right: 15px; }

#mediaList li { margin-left: 0px; margin-bottom: 8px; }
#mediaList li a { text-decoration: none; }
#mediaList li a:hover { text-decoration: underline; }



.news { min-height: 400px; }





#fading_container { height: 291px; width: 504px; border: 2px solid #899299; float: left;  position: relative;}
#fading_images { height: 266px; width: 500px; }
#fading_images img { position: absolute; left: 0px; }
#fading_foot { height: 21px; background: url('../images/fading_foot.gif'); overflow: hidden; }
#fading_foot_left { float: left; width: 55px; height: 21px; line-height: 21px; line-height: 21px; overflow: hidden; }
#fading_foot_right { float: right; width: 430px; height: 21px; line-height: 21px; overflow: hidden;  }
#fading_foot_right a { float: right; display: block; height: 15px; width: 18px; color: #000000; line-height: 14px; text-align: center; margin-right: 4px; margin-top: 4px; font-size: 9px; text-decoration: none; background: url('../images/fading_num_bg.gif'); }
#fading_foot_right a.fade_link { color: #000000; text-decoration: none; }
#fading_foot_right a.fade_link_over { color: #FFFFFF; background: url('../images/fading_num_bg_over.gif'); }
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */