/* Copyright 2006 by Creative Giant - Any Usage of this document on another 



   site must be sited and credited to the original author - Derrick Tran.



 * ------------------------------------------------------------------------- */







/* undo some default styling of common (X)HTML browsers



 * ------------------------------------------------------------------------- */







/* No list-markers by default - must redefine bullets w/ bg graphics */



ul,ol { list-style:none; } 







/* Avoid browser default inconsistent heading font-sizes and pre/code */



h1,h2,h3,h4,h5,h6,pre,code {  color: #b00000; }







/* Remove inconsistent (among browsers) default padding or margin */



ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }



table { font-family: Arial, Verdana;  }







/* prevent blue linked image borders */



a img,:link img,:visited img,fieldset { border: none; }







/* Image Header Text */







/* global elements



 * ------------------------------------------------------------------------- */



body { background: url(../images/page_bg.gif); background-repeat: repeat-x; background-color: #ffffff; padding: 0px; margin: 0px;  font-size: 12px; font-family: Arial, Verdana; color: #000000; }



a { color: #000000; text-decoration: none;}



a:hover { text-decoration: underline; color: #ff0000; }



h1 a, h2 a, h3 a, h4 a { text-decoration: none; font-weight: bold; color: #e21d18; }



h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { background-color: #e21d18; text-decoration: none; color: #FFFFFF; }







/* classes



 * ------------------------------------------------------------------------- */



.img_left { margin: 0px 10px 10px 0px; }



.img_right { margin: 0px 0px 10px 10px; }



.line_dots { height: 9px; width: 659px; background: url(../images/line_dots.gif); background-repeat: no-repeat; }



.line_solid { height: 9px; width: 659px; background: url(../images/line_solid.gif); background-repeat: no-repeat; }



.sml_field { width: 142px; height: 18px; border-style: solid; border-width: 1px; border-color: #cccccc; background: url(../images/field_bg.gif); background-repeat: no-repeat; vertical-align: top; }



.black { color: #000000; }



.product_description { font-size: 12px }



.product_header { font-family: Arial, Verdana; font-size: 24px; font-weight: normal; color: #000000; padding: 5px 0px 0px 14px; }



.product_table { margin: 5px 0px 0px 14px; width: 475px;}







/* framework



 * ------------------------------------------------------------------------- */



#container { width: 860px; background: url(../images/right_bg.jpg); background-position: top right; background-repeat: no-repeat; text-align: left; margin: 0px auto 0px auto; padding: 0px; }



#container { width: 860px; background: url(../images/right_bg.jpg); background-position: top right; background-repeat: no-repeat; text-align: left; margin: 0px auto 0px auto; padding: 0px; }



#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



#top_area { height: 151px; width: 860px; }



#search_area { margin: 88px 0px 0px 473px; width: 183px; height: 61px; }



#top_left { height: 151px; width: 167px; background: url(../images/top_leftbg.jpg); background-repeat: no-repeat; margin: 0px; float: left; z-index:1; }



#top_leftlogout { height: 151px; width: 167px; background: url(../images/top_leftbg.jpg); background-repeat: no-repeat; margin: 0px; float: left; z-index:5; }



#top_left div { padding: 129px 0px 0px 51px; z-index:1; }



#top_leftlogout div { padding: 129px 0px 0px 10px; z-index:5; }



#top_logo { height: 151px; width: 659px; background: url(../images/top_logo.gif); background-repeat: no-repeat; float: left; }



#content_area { width: 860px; }



#left_column { width: 167px; float: left; }



#left_bottom { width: 167px; padding: 25px 0px 0px 0px; background: url(../images/bottom_leftbg.jpg); background-repeat: no-repeat; text-align: right; }



#left_bottom h4 { font-weight: bold; color: #000000; padding: 10px 22px 7px 0px; background: url(../images/line_navdot.gif); background-repeat: no-repeat; background-position: bottom; }



#left_bottom ul, #left_bottom p { padding: 0px 22px 0px 0px; }



#left_bottom a { color: #000000; }



#right_column { width: 659px; float: left; }



#right_content { width: 659px; background-color: #FFFFFF; color: #000000; }



#home_right_content { width: 659px; background-color: #FFFFFF; color: #000000; }



#right_content h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }



#right_content p, #right_content h2, #right_content h3 { padding: 5px 14px 5px 14px; }



#dialog_content { padding: 5px 14px 5px 14px; }



#dialog_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



#graybar_top { width: 659px; height: 18px; margin: 3px 0px 10px 0px; background-color: #e3e3e3; }



#graybar_top h6 { background: url(../images/hdr_bullet.gif); background-repeat: no-repeat; font-family: Arial; font-size: 12px; font-weight: bold; color: #767676; padding: 2px 0px 3px 22px; }



#content_home { font-family: Arial, Helvetica, sans-serif; }







#admin_content { background-color: #FFFFFF; padding: 0px 15px 0px 15px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #cdcdcd; }



#admin_menus { text-align: right; background-color: #FFFFFF; padding: 0px 0px 0px 15px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #cdcdcd; }



#admin_menus h4 { font-weight: bold; color: #000000; padding: 10px 22px 7px 0px; background: url(../images/line_navdot.gif); background-repeat: no-repeat; background-position: bottom; }



#admin_menus ul, #admin_menus p { padding: 0px 22px 0px 0px; }



#admin_menus a { color: #000000; }



#admin_left_bottom { width: 167px; padding: 25px 0px 0px 0px; text-align: right; }



#admin_left_bottom h4 { font-weight: bold; color: #000000; padding: 10px 22px 7px 0px; background: url(../images/line_navdot.gif); background-repeat: no-repeat; background-position: bottom; }



#admin_left_bottom ul, #left_bottom p { padding: 0px 22px 0px 0px; }



#admin_left_bottom a { color: #000000; }







/* navigation */



#nav_area { width: 167px; height: 217px;  }



#nav { width: 167px; height: 217px; background: url(../images/nav.gif) no-repeat top left; margin: 0px; padding: 0px; position: relative; }



#nav li {margin: 0px; padding: 0px; width: 167px; list-style: none; display: block; position: absolute; }



#nav a { display: block; }



#nav span { display: none; }







#btn_home { top: 8px; height: 27px; }



#btn_about { top: 35px; height: 27px; }



#btn_chemistry { top: 62px; height: 28px; }



#btn_building { top: 90px; height: 29px; }



#btn_new { top: 119px; height: 29px; }



#btn_sitemap { top: 148px; height: 28px; }



#btn_contact { top: 176px; height: 28px; }







#btn_home a { height: 27px; }



#btn_about a { height: 27px; }



#btn_chemistry a { height: 28px; }



#btn_building a { height: 29px; }



#btn_new a { height: 29px; }



#btn_sitemap a { height: 28px; }



#btn_contact a { height: 28px; }







#btn_home a:hover { background: url(../images/nav.gif) -167px -8px no-repeat;}



#btn_about a:hover { background: url(../images/nav.gif) -167px -35px no-repeat;}



#btn_chemistry a:hover { background: url(../images/nav.gif) -167px -62px no-repeat;}



#btn_building a:hover { background: url(../images/nav.gif) -167px -90px no-repeat;}



#btn_new a:hover { background: url(../images/nav.gif) -167px -119px no-repeat;}



#btn_sitemap a:hover { background: url(../images/nav.gif) -167px -148px no-repeat;}



#btn_contact a:hover { background: url(../images/nav.gif) -167px -176px no-repeat;}







/* home image */



#home_img { width: 659px; height: 217px; }







/* footer */



#footer_area { width: 659px; background: url(../images/footer_bar.gif); background-repeat: no-repeat; }



#newsletter { width: 659px; height: 42px; text-align: center;}

#newsletter form { padding: 15px 0px 15px 0px;  }

#newsletter img { vertical-align: middle; margin: -11px 0px 0px 0px; }

#footer_text { text-align: center; color: #8E8E8E; font-size: 10px; }



#footer_text p { margin: 10px 10px 10px 10px; }



#footer_text a { color: #8E8E8E; }



.Button a:hover{text-decoration:none;}