@media screen,presentation {
    body {
        margin: 0;
        padding: 0;
        background-color: #fff
    }
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small; /* to increase text size universally, you  can change this value - but don't go lower than 76% */
	color: #000;
    position: relative;
}

div,table,td,th,.normal { font-family: verdana, arial, helvetica, sans-serif; font-size: small; color: #000 }

form { margin: 0; padding: 0 }

table, div { margin: 0;  padding: 0;  border: none; }

img { display: block }
img.inline { display: inline }

table { border-collapse: collapse }
table.spaced { border-collapse: separate }
pre, tt, code, kbd, samp { font-family: "Monaco", "Courier New", monospace; }

ul { margin: 1em; padding-left: 2em }
li { margin-bottom: .3em }

.top { margin-top: 0px }
.bottom { margin-bottom: 0px }

form#topsearch { margin-top: 2px; margin-bottom: 2px; padding: 0;  border: none; }

p {
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 1.2em 0em 1.2em 0em; }

ul, ol { margin: 10px; padding-left: 20px; }

li {
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.1em;
	margin-bottom: 0.1em; }
	
li > p {
	margin-top: 0.2em; }

a { color: #a00; text-decoration: underline }
a:link { }
a:visited { }
a:active { color: #300; text-decoration: underline }
a:hover { color: #300; text-decoration: underline }

h1 {
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: 0.6em; }
h1.title { margin-top: 0; font-size: 14pt !important }
h1.title .tight { font-family: "Arial Narrow", Arial; font-size: smaller }
h2 {
	color: #000;
	font-size: 1.3em;
	line-height: 1.0em;
	margin-top: .5em;
	margin-bottom: 0.6em;
	font-weight: bold; }
h2.subtitle { margin-top: .1em; border-bottom: 2px solid #aaa; margin-right: 2px }
h3 {
	color: #000;
	font-size: 1.2em;
	line-height: 1.0em;
	margin-top: .5em;
	margin-bottom: 0.6em;
	font-weight: bold; }
h4 {
	color: #000;
	font-size: 1.1em;
	line-height: 1.0em;
	margin-top: .5em;
	margin-bottom: 0.6em;
	font-weight: bold; }

.invisible { display: none; visibility: hidden }

#layout_header {
    margin: 0px; padding: 0px;
    background: url("/images/design/bg_global.gif") repeat-x;
	background-color: #fff;
	background-position: top left;
    position: relative;
}

#print_header { display: none !important }

#contactbar { height: 30px !important; max-width: 1000px; padding: 0px; margin: 0px; overflow: hidden }
#contactbar { font-size: 8pt !important }
#contactbar a { height: 30px; line-height: 30px; vertical-align: baseline; text-decoration: underline; color: #fff; white-space: nowrap }
#contactbar a:hover { color: #ddd }
#contactbar a:active { color: #ddd }
#contactbar_phone { margin: 0px; padding: 0px; list-style-type: none }
#contactbar_phone li { margin: 0px; padding: 0px; display: block; float: left }
#contactbar_links { width: 400px; height: 30px; float: right; margin: 0px; padding: 0px; list-style-type: none }
#contactbar_links li { margin: 0px 20px 0px 0px; padding: 0px; display: block; float: left }
#contactbar_cart { background: url("/images/design/icon_cart.gif") no-repeat top left }
#contactbar_cart a { padding-left: 28px }
#contactbar_login { background: url("/images/design/icon_login.gif") no-repeat top left }
#contactbar_login a { padding-left: 32px }
#contactbar_create { background: url("/images/design/icon_create.gif") no-repeat top left }
#contactbar_create a { padding-left: 17px }

#logobar { clear: both; height: 95px !important; padding: 0px; margin: 0px; overflow: hidden }
#logobar a img { border: 0px; margin: 0px }
#logobar .cell { display: block; float: left; border: none; padding: 0px; margin: 0px }

#nav {
    clear: both;
    display: block;
	margin: 0 0 0 5px;
	padding: 0px;
	width: 753px;
	height: 35px !important;
    overflow: hidden;
    list-style-type: none;
}
#nav li { display: block; float: left; margin: 0px; padding: 0px }
#nav img { display: block; border: none; margin: 0px; padding: 0px; }

#curvebar { background: url("/images/design/curve.gif") no-repeat; height: 35px !important; padding: 0px; margin: 0px }

#searchbox { position: absolute; left: 780px; top: 130px; padding: 0px; margin: 0px }
#searchbox_input { padding: 2px }
#searchbox_input input { width: 150px; max-height: 30px }
#searchbox_go { padding: 2px; text-align: center }
#searchbox_go input { border: none }

#header_printable { position: absolute; top: 167px; left: 710px; font-weight: bold; font-size: 12px !important; text-align: right; width: 45px }

/* Main content is 970px wide */
#layout_main { padding: 12px 0px 0px 12px }
#layout_main_anchor { position: relative; width: 970px }

/* In pages where there are left float under the title we need to insert an empty DIV for IE6 positioning bug! */
#layout_main .title { position: absolute; top: -35px; left: 0px; margin: 0px; padding: 0px }
#layout_main h1.title { width: 720px; line-height: 30px; height: 30px !important; overflow: hidden }

#layout_home { padding-top: 15px; width: 967px }
#layout_home dl,ul{ margin: 0 }
#layout_home dt { margin: .5em 0 0 0 }
#layout_home dd { margin: 0 0 .5em 0 }
#layout_home ul { margin: 0 }
#layout_home ul li { margin-top: .5em; margin-bottom: .5em }
#layout_home ul.small { margin: 0; font-size: smaller; line-height: 1 }
#layout_home ul.small li { margin-top: 0; margin-bottom: 0 }
#layout_home ul.clear { list-style-type: none; margin: 0; padding: 0 }

#home_banner { position: absolute; left: 145px; top: -25px }
#home_pics { float: left }
#home_pics img { display: block; margin-bottom: 15px; border: 1px solid #444; width: 114px }
#home_column1 { width: 285px; float: left; margin: 0px 0px 0px 26px }
#home_column2 { width: 335px; float: left; margin: 0px 26px }
#home_column2a { width: 498px; float: right; margin: 0px 16px }
#home_column3 { width: 153px; float: right }
#home_column3 .links { border-left: 1px solid #888; border-right: 1px solid #888; border-bottom: 1px solid #888; padding: 5px }
#home_column3 .block { padding-top: 10px; padding-bottom: 10px; text-align: center }
#home_column3 .block img { display: inline }
#home_column3 .separator { border-top: 1px solid #aaa; margin: .5em 0 }
#home_appl_pics img { float: left; display: block; border: 1px solid #888; margin-right: 6px; padding: 0px }

#layout_footer { background: url("/images/design/divider.gif") repeat-x top left; padding: 12px 0px; margin-top: 15px; clear: both }
#footer_logo { float: left }
#footer_shape { margin-left: 60px }
#footer_links { padding: 5px 0 0 0; line-height: 2.1em; font-size: xx-small }
#footer_copy { color: #000; font-size: xx-small }

.sidenote { background: url("/images/design/sidenote.png") no-repeat top left; width: 200px; float: right; padding: 1em 0 1em 1em; overflow: hidden }
.sidenote h2 { font-size: 1.1em }
.withnote { width: 720px; float: left }
.note { background: url("/images/design/gradient.png") no-repeat top left }
.techcap { background: url("/images/design/gradient.png") no-repeat top left; padding: .3em; border: 1px solid #ccc }
.techcap h3 { margin: .2em 0; font-size: 100%; font-weight: bold }

.sweeper { clear: both }

.ourred { color: #c00 }

a.img { display: block; border: 1px solid #000;  background-color: #000; }
a.img:hover { border-color: #c00;  background-color: #c00; }
a.img img { border: none }

img.linked { border: none }

.zoomed { position: absolute; top: 100px; left: 50px; display: block }
.zoomed .inner { background: #ffe; border: thin ridge #aa8; padding: 10px }
.zoomed .close { border-top: 1px solid #aaa; margin-top: 0 }

.logframe { position: absolute; top: 5px; left: 5px; width: 95%; height: 130px; overflow: scroll; padding: .5em; font-size: 9pt; border: 1px solid #888; background-color: #ffe; opacity: 0.90; filter: alpha(opacity=90) }

/* Floating hint - home page schedules & quality for instance */
.floatingHint { position: absolute; top: -50px; left: 10px; display: none; width: 250px; background: #f3f3f3; padding: 10px; opacity: 0.96; filter: alpha(opacity=96) }
.floatingHint .inner { background: #ffe; border: 1px solid #884; padding: 10px }
.floatingHint .close { border-top: 1px solid #aaa; margin-top: 0 }

.popup { text-align: left; padding: 1em; border: thick solid #888; background-color: #fff; opacity: 0.95; filter: alpha(opacity=95); z-index: 99; display: none; position: absolute }

/* "X" button
*/
.popupClose {
  display: block;
  position: absolute;
  z-index: 9999;
}

.popupClose img { border: none }

.popupVideo {
  text-align: left;
  padding: 10px;
  border: 2px solid #888;
  background-color: #ccc;
  opacity: 0.95;
  /*filter: alpha(opacity=95); this makes "X" not work in IE*/
  z-index: 98;
  display: none;
  position: absolute;
}

#blanket {
  background-color:#111;
  opacity: 0.7;
  filter:alpha(opacity=70);
  position:absolute;
  z-index: 90;
  top: 0px;
  left: 0px;
  width:100%;
  display: none;
}

/* Default bordered tables */
TABLE.bordered { border-collapse: collapse; border: #888 solid 1px; margin-top: .5em; margin-bottom: .5em }
TABLE.bordered TD { border: #999 solid 1px; padding: .3em }
TABLE.bordered TH { border: #999 solid 1px; padding: .3em }

TABLE.bordered TABLE { border: none }
TABLE.bordered TABLE TD { border: none }
TABLE.bordered TABLE TH { border: none }

TABLE.bordered_c { border-collapse: collapse; border: #888 solid 1px; margin-top: .5em; margin-bottom: .5em }
TABLE.bordered_c TD { border: #999 solid 1px; padding-left: .3em }
TABLE.bordered_c TH { border: #999 solid 1px; padding-left: .3em }

TABLE.bordered_c TABLE { border: none }
TABLE.bordered_c TABLE TD { border: none }
TABLE.bordered_c TABLE TH { border: none }

/* Dev styles */

.todo { color: #c84 }
.bold { font-weight: bold }
.inactive { color: #888 }
.disabled { color: #999 }
.disabled TD { color: #999 }
.larger { font-size: larger; font-weight: bold }
.small { font-size: smaller }
.small TD { font-size: x-small }

.menuNormal { font-weight: normal }
A.menuNormal { text-decoration: none; }
A.menuNormal:hover { text-decoration: underline; }
.menuActive { font-weight: bold }
A.menuActive { text-decoration: none; }
A.menuActive:hover { text-decoration: underline; }
.menuGrayed { color: #999 }

.form_err { color: #800 }
.form_err td { color: #800 }
.form_err input { background-color: #fed }
.form_err textarea { background-color: #fed }
.form_err select { background-color: #fed }

.form_err_small { font-size: small }

.form_disa { color: #888 }
.form_disa input { color: #bbb; background-color: #bbb }
.form_disa textarea { color: #bbb; background-color: #bbb }
.form_disa select { color: #bbb; background-color: #bbb }
.form_disatext { color: #fff }

.form_ena { color: #000 }
.form_ena input { background-color: #fff }
.form_ena textarea { background-color: #fff }
.form_ena select { background-color: #fff }

.emptyclass { }

.print_only { display: none !important }

.choose_tapes_cell { border: 2px solid #333; color: #fff; font-size: 9px;
 font-weight: bold; height: 80px; width: 50px; }
.choose_tapes_cell A:link  { color: #fff; text-decoration: underline;}
.choose_tapes_cell A:visited { color: #fff; text-decoration: underline;}
.choose_tapes_cell A:hover  { color: #fee; text-decoration: underline;}
.ctbr { background-color: #689 }
.ctbl { background-color: #a65 }
.ctul { background-color: #868 }
.ctur { background-color: #796 }

/* Single Sided tapes guide -- /materials/single-sided/ */
.matSSTape table {
    border-collapse: separate
}
.matSSTape .header {
	background-color: #AF6A49;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.matSSTape .subheader {
	background-color: #D5AE9B;
	text-indent: 5px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.matSSTape .row {
	background-color: #EFD8C7;
}
.matSSTape .center {
	text-align: center;
}
.matSSTape .plain {
	font-size: smaller;
}
.matSSTape .note {
	font-size: smaller;
	vertical-align: top;
    background: transparent;
}

.matElectro table { border-collapse: separate; border: 1px solid #69ABCB }
.matElectro tr { border: 1px solid #69ABCB }
.matElectro td { border: 1px solid #69ABCB }
.matElectro .header {
	background-color: #A9CDE0;
	color: #000000;
	text-align: center;
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-weight: bold;
}
.matElectro .subheader {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #69ABCB;
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .even {
	background-color: #D8E9F1;
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .bigcellLeft {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69ABCB;
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .bigcellInner {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69ABCB;	
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .bigcellRight {	
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .odd {
	font-family: "Arial Narrow", Arial, "Times New Roman";
}
.matElectro .note {
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-size: x-small;
	vertical-align: top;
    background: transparent;
}
.matElectro .cellLeft {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69ABCB;
	
}
.matElectro .cellInner {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #69ABCB;
	text-align: center;
}
.matElectro .cellRight {
	text-align: center;	
}
.matElectro .header {
	background-color: #9EC4E2;
	text-align: center;
	border: 1px solid #69ABCB;
}
.matElectro .footer {
	font-family: "Arial Narrow", Arial, "Times New Roman";
	font-size: small;
}

/* ==================== Print Overrides ====================== */

@media print {
    body {
        width: 100% !important;
	    margin: auto;
	    padding: auto;
	    font-family: "Times New Roman", serif;
	    font-size: 10pt;
	    color: #000;
    }
    div,table,td,th,.normal { font-family: "Times New Roman", serif; font-size: 10pt; color: #000 }
    pre, tt, code, kbd, samp { font-family: "Monaco", "Courier New", monospace; font-size: 10pt; color: #000 }
    a { text-decoration: none; color: #000 }
    .print_only { display: block !important }
    .printHidden { display: none }
    #layout_header { display: none !important }
    #print_header {
        display: block !important; visibility: visible !important; position: relative;
        border-bottom: thin solid #333;
        margin-bottom: .5em;
    }
    #print_header img { width: 100% !important }
    #layout_main { padding: 1em }
    #layout_main_anchor { position: relative; width: auto !important }
    #layout_main .title { position: static }
    #layout_main h1.title { width: auto; line-height: auto; height: auto }
    #layout_home { padding-top: 1em; width: auto !important }
    #home_banner { position: static }
    #layout_footer { background: transparent; border-top: thin solid #333; padding: .5em 0; margin-top: 1em }
    #footer_logo { }
    #footer_links { display: none !important }
    #footer_copy { padding-top: .5em }
    #footer_shape { }
    #footer_printed { margin-top: .7em; font-size: smaller }
}