/* GLOBAL STYLES */

/* Redefinitions */
body {background: url('/images/bg/body_bg.gif') center top; margin: 0 10px 10px;}
img {border: 0;}
form {margin: 0;}
div {margin: 0; padding: 0;}
table {padding: 0; border: 0; width: 100%;}
td {padding: 0; vertical-align: top;}
p, blockquote, ul, ol {font-family: Tahoma, Geneva, Arial, sans-serif;
 font-size: 12px; line-height: 18px; color: #445; text-align: left;}
p, ul, ol {margin: .9em 0; text-align: left;}
ol p, ul p {font-size: 100%; margin-top: .7em; margin-bottom: .7em; text-align: left;}
li {margin-top: .7em; margin-bottom: .7em; text-align: left;}
em {font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-size: 105%;}
a, a:visited {color: #07D;}
a:hover {color: #004C90;}

/* PAGE WIDTH Styles */
#topbar, #navbar, #orderbar, #crumbs, #body, #footer {width: 900px;}
#navbar table {width: 898px;}

/* Design Styles */
.nobr {white-space: nowrap;}
.space {font-size: 2px;}
.justify {text-align: justify;}
.center {text-align: center;}
.light {color: #778; font-size: 70%; line-height: 130%;}
.green {color: #070;}
.red {color: #B00;}
img.icon {margin-bottom: -2px; margin-left: 1px; margin-right: 1px;}
p.indent {padding: 0 24px;}
p.left, div.left {text-align: left;}
p.right, div.right {text-align: right;}
p.checkbox {padding-left: 24px; background: transparent url('/images/icons/checkbox_y.gif') no-repeat 0 0;}
a.noul {text-decoration: none;}
a.nobg:hover {background: transparent;}
a.pdf {padding-right: 16px; background: url("/images/icons/pdf.gif") no-repeat right 2px;}
a.xls {padding-right: 16px; background: url("/images/icons/xls.gif") no-repeat right 2px;}
a.rss {padding-right: 16px; background: url("/images/icons/rss.gif") no-repeat right 2px;}
a.new {padding-right: 35px; background: url("/images/icons/new.gif") no-repeat right 3px;}
a.updated {padding-right: 69px; background: url("/images/icons/updated.gif") no-repeat right 3px;}
img.right, table.right {float: right; margin: 0 0 12px 16px;}
img.left, table.left {float: left; margin: 0 16px 12px 0;}
img.border {border: #CCC solid 1px;}
table.slim {width: 220px;}
span.mono {font-family: Courier New, Courier, mono; font-size: 105%;}
ul.links {list-style-type: none; padding: 0; margin-left: 2em; list-style-position: outside;
 margin-bottom: 1.8em;}
ul.links li {background: url("/images/icons/raquo.gif") no-repeat 0 5px;
 padding-left: 13px;}
ul.links li ul {margin-top: 5px;}
ul.links li ul li {list-style-type: square; background: transparent; padding-left: 6px;
 margin-top: 2px; margin-bottom: 2px;}
div.hr {height: 1px; margin: 20px 0; background-image: url('/images/bg/hr_bg.gif');
 background-repeat: repeat-x;}
div.hr hr {display: none;}
img.section_break {margin-top: 0; margin-bottom: 0;}
div.video {text-align: center; padding: 2px; border: #BBB solid 1px; width: 480px;}
p.nodata {margin: 24px 0; padding: 14px; text-align: center;
 border: #BBB solid 1px; background: #EEE; font-size: 16px;}

/* Image Styles */
div.image {float: right; margin: 0 0 12px 16px;}
div.img_bg {padding: 4px; background: #D2D5DF url('/images/bg/img_bg.jpg') repeat-x;}
div.image a, div.image_b a {background: transparent;}
div.image div.caption {padding: 3px 3px 2px; font: 11px/14px Tahoma, Geneva, Arial, sans-serif;
 text-align: center; color: #667;}
div.image div.caption a, div.image div.caption a:visited {color: #07D;}
div.image div a:hover {color: #004C90;}
/* Gallery Styles */
table.pics {text-align: center; width: 1%; margin-top: 16px;}
table.pics td {padding: 0; border: #BBB solid 1px; vertical-align: top;}
table.pics div {font: 10px/12px Verdana, Arial, Helvetica, sans-serif; margin: 2px 0 4px;
 color: #223; padding: 0 2px;}
table.pics img {margin: 2px; border: 0;}

/* Tips, FYIs, Cautions */
p.haz {padding: 8px 8px 8px 50px; background: #F7F7F7 url('/images/icons/haz.gif') no-repeat  12px 12px;
 border: #E37D7D double 3px;}
p.haz b {color: #C00;}
p.tip {padding: 8px 8px 8px 50px; background: #F7F7F7 url('/images/icons/tip.gif') no-repeat 12px 12px;
 border: #7D7DC9 double 3px;}
p.tip b {color: #009;}
p.fyi {padding: 8px 8px 8px 50px; background: #F7F7F7 url('/images/icons/fyi.gif') no-repeat 12px 12px;
 border: #7FB2DD double 3px;}
p.fyi b {color: #06B;}
p.note {padding: 8px 8px 8px 50px; background: #F7F2F7 url('/images/icons/pen.gif') no-repeat 12px 12px;
 border: #B8B double 3px;}
p.note b {color: #717;}
p.oneline {padding-top: 16px; padding-bottom: 16px;}

/* InfoBlock Styles */
table.infoblock td {vertical-align: bottom; background: #FFF;}
table.infoblock td.corner {width: 10px;}
table.infoblock td.top {padding-bottom: 8px;}
table.infoblock td.header {width: 1%; color: #5697D1; white-space: nowrap; 
 font: bold 17px/17px Palatino Linotype, Book Antiqua, Palatino, serif;
 letter-spacing: -.01em; padding: 0 3px 6px;}
table.infoblock td.body {padding: 0 11px 0 12px;
 border-left: #7FB2DD solid 2px; border-right: #7FB2DD solid 2px;}
table.infoblock td.body p, table.infoblock td.body blockquote, table.infoblock td.body ul, table.infoblock td.body ol {
 color: #556; font-size: 11px;}
table.infoblock td ul p, table.infoblock td ol p {font-size: 100%;}
table.infoblock td.body .first {margin-top: 1px;}
table.infoblock td.body .last {margin-bottom: 0;}

/* Search Styles */
#main div#search {padding: 21px 18px; margin: 0 0 12px;
 background: url('/images/bg/rectangle_bg.gif') no-repeat 0 0;}
#main div#search table {width: 524px;}
#main div#search table td.input {width: 184px; padding: 0 4px 0;}
#main div#search table td.btn {padding: 0; text-align: left;
 font: 11px Tahoma, Geneva, Arial, sans-serif;}
#main div#search table td.btn a {margin-left: 3px; position: relative; bottom: 6px;}
#main div#search table td.btn div {margin-left: 4px; position: relative; bottom: 6px;
 color: #445; display: inline;}
#main div#search table td.btn div a {margin: 0; position: relative; bottom: 0;}

/* TOPBAR Styles */
#topbar, #orderbar {background: #FFF url('/images/bg/topbar_bg.jpg') no-repeat right top;}
#topbar td#logo {padding: 12px 0 8px; width: 208px;}
#topbar td#slogan {padding: 26px 6px 0; width: 1%;}
#topbar td#utilities {text-align: right; vertical-align: bottom; height: 47px;}
#topbar td#utilities table {background: #CED1DB url('/images/bg/subnav_bg.jpg') repeat-x; width: 1%;
 height: 26px; margin: 0;}
#topbar td#utilities td {font: 11px/11px Tahoma, Geneva, Arial, sans-serif; height: 26px;
 text-align: center; padding: 0; width: 1%; white-space: nowrap; border-top: #B0BBC9 solid 1px;}
#topbar td#utilities img {margin: 1px 1px -5px;}
#topbar td#utilities img.separator {margin: 0 5px -8px;}
#topbar td#utilities td.curve {border-top-width: 0;}
#topbar td#utilities td.curve img {margin: 0;}
#topbar td#utilities td.order {padding: 2px 3px 0 0;}
#topbar td#utilities td.signin {padding: 2px 3px 0; border-right: #B0BBC9 solid 1px; color: #07C;}
#topbar td#utilities a.rel {color: #07C; text-decoration: none;}
#topbar td#utilities a.rel:visited {color: #07C;}
#topbar td#utilities a.rel:hover {color: #004C80;}
#topprint {display: none;}

/* NAVBAR Styles */
#navbar {border-top: #9CAABB solid 1px; background-color: #9CAABB; padding: 0;
 margin-bottom: 7px;}
#navbar table {margin: 0 1px; border: 0; background-color: #FFF;}
#navbar td {font: 11px/22px Arial, Helvetica, sans-serif;
 white-space: nowrap; text-align: center; padding: 0; font-weight: bold;
 border-bottom: #9CAABB solid 1px;}
#navbar td.spacer {width: 1px; border-bottom: #9CAABB solid 1px;}
#navbar a {display: block; background-image: url('/images/bg/nav_bg.jpg');
 background-repeat: repeat-x; background-color: #0561B8; color: #FFF; text-decoration: none;
 height: 23px; margin: 2px 0; padding: 1px 14px 1px 15px;}
#navbar a:hover {background-image: url('/images/bg/nav_hv_bg.jpg');
 background-repeat: repeat-x; background-color: #004C90; color: #3F0;}
#navbar td#NavOn {background: #E9E9F1 url('/images/bg/nav_on_bg.jpg') repeat-x;
 border-top: 0; border-bottom: 0; border-right: #9CAABB solid 1px; border-left: #9CAABB solid 1px;}
/* NavOnX refers to the on state of primary nav with no sub nav */
#navbar td#NavOn a {background-color: transparent; background-image: none;
 color: #0265BA; padding: 1px 13px 1px 14px;}
#navbar div.subnav {background: #E9E9F1 url('/images/bg/subnav_bg.jpg') repeat-x;
 padding: 4px 0 6px; margin: 0 1px; border-bottom: #9CAABB solid 1px; color: #B0BBC9;
 font: bold 11px/15px Arial, Helvetica, sans-serif;}
#navbar div.subnav a {display: inline; white-space: nowrap; color: #345;
 background-color: transparent; background-image: none; padding: 0; margin: 0 5px; height: 15px;
 font-weight: normal; text-decoration: underline;}
#navbar div.subnav a:hover {background-color: transparent; background-image: none;
 color: #012;}
#navbar div.subnav a#SubOn {color: #123; cursor: text; font-weight: bold; text-decoration: none;}
#navbar div.subnav_spacer {margin: 0; background: #FFF;}
#navbar div.no_subnav {margin: 0; width: 900px;
 background: #EEE url('/images/design/nav_shadow.gif') repeat-x;}
/* SUBnav link posiitions */
#navbar div.home {text-align: left; padding-left: 34px;}
#navbar div.about {text-align: left; padding-left: 68px;}
#navbar div.standards {text-align: left; padding-left: 102px;}
#navbar div.customs {text-align: center;}
#navbar div.tech {text-align: center;}
#navbar div.contact {text-align: right; padding-right: 44px;}

/* L-SIDEBAR Styles */
#lside {width: 160px; padding-top: 5px;}
/* Pop Menu Styles */
#lside div.sidebarmenu, #lside div#search {width: 160px;}
#lside div.sidebarmenu {position: relative; z-index: 70;}
#lside div.sidebarmenu div.h4, #lside div#search div.h4 {font: bold 11px/20px Arial, Helvetica, sans-serif;
 color: #FFF; margin: 0; padding: 1px 5px 1px 9px;}
#lside div.sidebarmenu div.h4 {background: #03539A url('/images/bg/menu_bg.jpg') repeat-x;}
#lside div#search div.h4 {background: #03539A url('/images/bg/search_bg.gif') no-repeat;}
#lside div#search table {border: #A8B7C4 solid 1px; background: #EEE url('/images/bg/searchbox_bg.jpg') repeat-x;}
#lside div#search td {padding: 7px 7px 8px 7px;}
#lside div#search span {color: #004C90; font: bold 12px Tahoma, Geneva, Arial, sans-serif;}
#lside div#search select, #lside div#search input {font: 11px Arial, Helvetica, sans-serif; margin: 0; color: #334;}
#lside div#search td.input {padding: 0 2px 8px 7px;}
#lside div#search td.btn {width: 1%; padding: 0 7px 8px 0;}
#lside div#search td.btn input {width: 19px; height: 20px;}
#lside div.sidebarmenu ul {margin: 0; padding: 0; list-style-type: none;
 width: 158px; /* Main menu item widths */
 border: #A8B7C4 solid 1px; margin-top: -1px;}
#lside div.sidebarmenu ul.top {padding: 1px 0 0; background-color: #C6D1D9;
 border-bottom-width: 0; border-top-width: 0; margin-top: 0;}
#lside div.sidebarmenu ul li {position: relative; margin-top: 0; margin-bottom: 0;}
#lside div.sidebarmenu ul li a {display: block;
 padding: 4px 11px 4px 7px; color: #07D; background: #F5F5F5;
 font: 11px/13px Tahoma, Geneva, Arial, sans-serif;
 text-decoration: none; border-bottom: #C6D1D9 solid 1px;}
#lside div.sidebarmenu ul li a:link, #lside .sidebarmenu ul li a:visited, #lside .sidebarmenu ul li a:active{
 background-color: #F5F5F5;} /*background of tabs (default state)*/
#lside div.sidebarmenu ul li a:hover {color: #004C90; background: #FFE680;}
#lside div.sidebarmenu ul li ul {position: absolute; width: 158px; /*Sub menu items width */
 top: 0; visibility: hidden;}
#lside div.sidebarmenu a.subfolderstyle {background: #F5F5F5 url('/images/icons/menu.gif') no-repeat 99% 50%;}
#lside div.sidebarmenu a.subfolderstyle:hover {background: #FFE680 url('/images/icons/menu_hv.gif') no-repeat 99% 50%;}
/* Holly Hack for IE */
* html #lside div.sidebarmenu ul li { float: left; height: 1%; }
* html #lside div.sidebarmenu ul li a { height: 1%; }
/* Other left sidebar components */
#lside div.chat {padding: 8px 9px 9px;
 background: #C6D1D9 url('/images/chat/chat_u.gif') no-repeat center 8px;
 border-right: #A8B7C4 solid 1px; border-left: #A8B7C4 solid 1px;}
#lside div.info {margin: 0 0 14px 0; padding: 4px 0 0 0;
 border: #A8B7C4 solid 1px; border-top-width: 0; background: #FFF;}
#lside div.iso, #lside div.guarantee {margin: 0 0 12px 0; padding: 0; border: #BBB solid 1px;}
#lside div.iso div, #lside div.guarantee div {font: 9px/10px Tahoma, Geneva, Arial, sans-serif;
 color: #7F7F7F; background: #BBB; padding: 3px; background-image: url('/images/bg/iso_bg.jpg');
 text-align: center;}
#lside div.iso img.iso {border: #DDD solid 1px;}
#lside div.guarantee img {margin: 9px;}
#lside div.menu {border: #99C0E2 solid 1px;}
#lside div.menu a {font: 11px/12px Tahoma, Geneva, Arial, sans-serif; padding: 2px 5px 4px 16px;}

/* BREADCRUMB Styles */
#crumbs {padding: 2px 1px 14px 20px; height: 1%; color: #07D;
 font: 11px/13px Tahoma, Geneva, Arial, sans-serif;}
#crumbs img {margin: 0 2px;}

/* SHARE Styles */
#share {width: 1%; padding-left: 19px; background-color: #FFF;}
#share td.container {width: 140px; height: 27px; white-space: nowrap;
 font: 11px/13px Tahoma, Geneva, Arial, sans-serif;}
#share td.container img {margin-bottom: -5px;}
#share td.container img.divider {margin: 0 5px -5px;}

/* MAIN (Content) Styles */
#main {width: 100%; padding: 0 1px 20px 20px;}
#main a:visited, #rside div.menu a:visited, #footer a:visited {color: #5383BD;}
#main a:hover, #rside div.menu a:hover, #footer a:hover {color: #004C90;}
#main a.rel:visited, a.rel:visited {color: #07D;}
#main a.rel:hover, a.rel:hover {color: #004C90;}
#main a.text, #main a.text:visited, #main a.text:hover {color: #445; text-decoration: none; cursor: text;}
#main h1 {margin: .18em 0 .8em; font-family: Arial, Helvetica, sans-serif;
 color: #05A; font-size: 150%; line-height: 110%;}
#main h2 {margin: 1.4em 0 .6em; font-family: Arial, Helvetica, sans-serif;
 color: #06B; font-size: 105%;}
#main h2.subhead {color: #05A; margin: -19px 0 .8em;}
#main h2.lower {margin-bottom: 0;}
#main h2.over {margin-left: 8px;}
#main h3 {margin: 1.5em 0 .6em; font-family: Arial, Helvetica, sans-serif;
 color: #28B; font-size: 85%;}
#main table.element {width: 1%; margin: 0 -4px;}
#main table.element div {font: 12px Tahoma, Geneva, Arial, sans-serif;
 margin-top: 4px; text-decoration: underline;}

/* R-SIDEBAR Styles */
#rside {width: 160px; padding-left: 18px; background-color: #FFF;}
#rside div.container, #rside div.menu, #rside div.cart {border: #B3CDE6 solid 1px; margin-bottom: 12px;}
#rside div.container {padding: 8px 7px 0;}
#rside div.hr {margin: 0 0 9px;}
#rside div.container div {margin-bottom: 8px;}
/* SIDEBAR MENU Styles */
#rside div.menu, #lside div.menu {margin-bottom: 12px; padding-bottom: 2px;}
#rside div.menu div.h4, #rside div.cart div.h4, #lside div.menu div.h4 {color: #05A; font:
 bold 11px/12px Arial, Helvetica, sans-serif; padding: 3px 6px;
 background: #CBDEEC url('/images/bg/link_menu_bg.jpg') repeat-x; margin: 0 0 3px 0;}
#rside div.menu div.within, #lside div.menu div.within {margin-top: 3px;}
#rside div.menu a, #rside div.menu a:visited, #lside div.menu a, #lside div.menu a:visited {display: block;
 font: 10px/12px Tahoma, Geneva, Arial, sans-serif; padding: 2px 5px 3px 16px;
 margin: 1px 0; color: #07D; background: url('/images/icons/menu.gif') no-repeat 6px 5px;}
#rside div.menu a:hover, #lside div.menu a:hover {background: #FFE680 url('/images/icons/menu_hv.gif') no-repeat 6px 5px;
 color: #004C90;}
#rside div.menu div.more, #lside div.menu div.more {color: #999; padding: 2px 16px;
 font: bold 11px/20px Arial, Helvetica, sans-serif; background: url('/images/design/bc_arrow.gif') no-repeat 6px 9px;}
#rside div.cart p {margin: 0; padding: 4px 6px; font-size: 11px;}
#rside div.cart p.total {padding-bottom: 5px; background: url('/images/icons/cart_big.gif') no-repeat 111px 0;}
#rside div.cart p.total span {font-size: 8px; font-weight: bold;}
#rside div.cart p.empty {padding-bottom: 9px; background: url('/images/icons/cart_big.gif') no-repeat 111px 0;}
#rside div.cart p.buttons {padding-bottom: 1px;}
#rside div.cart p.buttons a.sep {margin-left: 1px;}

/* FOOTER Styles */
#spectrum {margin: 12px 0 12px;}
#footer td {font-family: Tahoma, Geneva, Arial, sans-serif;
 font-size: .8em; line-height: 1.4em; color: #444; background-color: #FFF;}
#footer div.links {text-align: center; color: #777; margin-bottom: 12px; border-bottom: #CCC dotted 2px; padding-bottom: 16px;}
#footer div.print {text-align: center; display: none;}
#footer td.copy {font-size: 10px; line-height: 12px; color: #778; text-align: left; vertical-align: bottom;}
#footer td.logos {text-align: right;}