/*
    General Tags
*/
html,
body { background: url('bg.gif') repeat #131313; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; color: #fff; }
h1 { font-size: 24px; font-weight: bold; color: #AB7E37; margin: 0.2em 0; padding: 0; }
h2 { font-size: 15px; color: #666; font-weight: normal; }
h3 { font-size:20px; color:#F6E1B1; font-weight: normal; margin: 0.5em 0; }
a { text-decoration: none; color: #FFE9AF; }
a:hover { text-decoration: none; }
ul { list-style-type: square; }
img { border: 0; }


/*
    Website Structure
*/
#logo { width: 170px; height: 60px; background: url('transparent.gif') repeat; position: absolute; top: 10px; right: 10px; cursor: pointer; }

#legacy { width:972px; height:592px; position:absolute; top:50%; left:50%; margin-top:-294px; margin-left:-486px; background-color:#3C3C3C; }
#legacy_flash { width: 956px; height: 576px; margin: 6px auto; border: 2px solid #987B51; position: relative; z-index: 1; }
#legacy_text { width: 490px; height: 160px; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -120px 0 0 -245px; display: none; }
#legacy_text p { text-align: center; font-size: 14px; }
#legacy_text a { font-size: 20px; }

#intro_flash { width: 956px; height: 576px; position: relative; z-index: 1; }
#intro_audio { width: 55px; height: 20px; position: absolute; z-index: 2; bottom: 0; right: 0; }
#intro_menu { position: absolute; z-index: 2; top: 90px; right: 0; height: 50px; }
#intro_menu_inner { padding: 0 20px 0 0; float:left; line-height: 60px; background: url('home-menu-bg.jpg') repeat-x left 17px; }
#intro_menu_inner a { float: left; display: block; padding: 0 10px 0 10px; color: #B2B2B2; font-size: 12px; font-weight: bold; }
#intro_menu_inner img { float: left; margin-top: 17px; }
#intro_block { width: 400px; height: 338px; position: absolute; bottom: 0px; right: 0px; z-index: 2; background: url('title-block.png') no-repeat; }
#intro_block h2 { color: #FFFFFF; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
#intro_block h1 { color: #FFFFFF; font-size: 16px; font-weight: bold; }
#intro_block p { color: #B5B5B5; margin-top: 4px; margin-bottom: 4px; }
#intro_block .clear { margin: 0; padding: 0; }
#intro_block_1 { padding: 23px 20px 0 210px; overflow: hidden; }
#intro_block_2 { padding: 10px 20px 0 130px; overflow: hidden; }
#intro_block_3 { padding: 20px 20px 0 110px; overflow: hidden; }

#site { width:972px; height:612px; position:absolute; top:50%; left:50%; margin-top:-294px; margin-left:-486px; background: #3C3C3C; }
#site_inner { width: 956px; height: 576px; margin: 6px auto; border: 2px solid #987B51; background: url('bg-bottom.jpg') no-repeat right bottom #000000; }
#site_header { height: 126px; background: url('header.jpg') no-repeat top left; position: relative; }
#site_content { height: 576px; background: url('left.jpg') no-repeat bottom left; position: relative; }
    #site_left { float: left; width: 200px; }
    #site_text { float: left; width: 720px; padding: 10px 0 0 0; }
#site_menu_3_header { height: 44px; background: url('lat-top.gif') no-repeat; }
    #site_menu_3_header h2 { font-size: 12px; padding: 25px 0 0 20px; margin:0; color: #fff; font-weight: bold; }

#copyright { padding-left: 10px; }
    
#copyright,
#copyright * { font-size: 11px; }

/* Menu */
#site_menu_1 { padding: 75px 0 0 200px; }
    #site_menu_1 img { float: left; }
    #site_menu_1 a { float: left; display: block; padding: 5px 10px 6px 10px; color: #B2B2B2; font-size: 12px; font-weight: bold; }
    #site_menu_1 a.current,
    #site_menu_1 a.section,
    #site_menu_1 a:hover { color: #fff; background: url('menu-hover.jpg') repeat-x left top; text-decoration: none; }
#site_menu_2 { clear:both;height:25px;background:url('header-level2.jpg') no-repeat; padding-left:200px; }
    #site_menu_2 a {float: left; display: block; padding: 5px 10px 5px 10px; color: #363636; }
    #site_menu_2 a.current,
    #site_menu_2 a.section,
    #site_menu_2 a:hover { color: #fff; background: url('menu2-hover.jpg') repeat-x left top; text-decoration: none; }
#site_menu_3 { background: url('lat-bg.gif') repeat-y left top; margin: 0; padding: 0; list-style-type: none; width: 167px; }
    #site_menu_3 li { border-bottom: 1px solid #fff; padding: 4px 0 4px 10px; margin: 0 0 0 20px; background: url('bullet1.gif') no-repeat left 5px; }
    #site_menu_3 a { color: #fff; }

/* Content */
#context { width: 400px; height: 270px; text-align:justify; line-height:16px; }

#breadcrumb h1 { float: left; width: 320px; overflow: hidden; }
#breadcrumb_path { float: right; width: 340px; overflow: hidden; line-height: 36px; text-align: right; padding-right: 50px; color: #363636; }
#breadcrumb_path a { color: #464646; font-weight: bold; }
#breadcrumb_path a:hover { color:#F6E1B1; }

#product_image { float: left; width: 166px; }
#product_h3 { float: left; width:545px; }
#product_context { float: left; width:545px; border-top: 1px solid #8C754C; }
#product_context #context { float: left; width: 300px; }
#product_information { width: 179px; float: right; padding-top: 10px; }
#product_information .inner { background: #1F1F1F; padding: 10px 15px; border-bottom: 1px solid #4A4A4A; }
#product_information .header { color: #A77A32; font-weight: bold; }
.product_thumb { margin: 0 10px 10px 0; }

#page_image { position: absolute; bottom: 0px; right: 0px; }

#print { position: absolute; right: 25px; top: 140px; }


.news_title { border-bottom: 1px solid #A6925D; margin: 1.5em 0 0.5em 0; font-size: 12px; font-weight: bold; color: #FFE9AF; display: block; }
.news_summary { padding: 0; margin: 0 0 0.5em 0; }
.news_details { padding: 0; margin: 0; color: #767676; }
.news_pdf { background: url('pdf.gif') no-repeat left center; padding-left: 20px; }

/*
    Scroll To
*/
div.scrollholder { position: relative; width: 100%; height: 270px; overflow: auto; z-index: 1; }
div.scroll { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; }
div.track { position: relative; float:right; top: 0; width: 20px; height: 100%; font-size: 0; z-index: 3; background: url('track.gif') no-repeat center; }
div.drag_bar { position: absolute; width: 20px; height: 76px; cursor: pointer; z-index: 4; background: url('slank.gif') no-repeat center; } 



/*
    Form
*/
label { color: #FFFFFF; }
label.error { font-size: 10px; color: #fff; background: #ED1C24; display: none; }


input[type=text],
textarea,
select { outline: none; width: 300px; font-family: Arial, Verdana, sans-serif; font-size: 12px; border: 0; background: #666666; padding: 2px 3px; }

input[type=submit],
input[type=reset],
input[type=button],
button { padding: 2px 10px; border: 0; background: transparent; font-size: 16px; font-weight: bold; color: #AB7E37; cursor: pointer; }

.req { color: #DD5A0A; }