@charset "utf-8";
body {font-family: Arial, Helvetica, Geneva, SunSans-Regular, san-serif; background-color:#EEEEEE; margin-top: 12px; margin-left: 4px; margin: 0;}
/*Main divs for each page*/
#header {width: 100%; margin: 0; background-image:url(../images/background/bg_02.gif); background-repeat:repeat-x; height: 75px; color: #D4D8D3; font-size: 0.8em; font-weight: bold; position: absolute; top: 0; left: 0}
#logo1 {float: left; color: #FFF; font-size: 0.75em; width: 250px; text-align:left; padding-left: 0.5em}
#banner1 {position: relative; text-align:center; margin-left: 250px; margin-right: 250px}
#search1 {float: right; width: 250px; padding-top: 0.5em; text-align: right; font-size: 0.9em; font-weight: normal; color: #FFF;}
#spacer1 {position: absolute; top: 75px; left: 0; height: 8px}
#main-pane {position: absolute; width: 100%; top: 109px; left: 0;}
#spacer2 {display: block; position: relative}
#searchbox {padding-top: 20px}
#header a {color: #FFFFFF; text-decoration:none}
.celebrate {text-align:center; color: #FFC}
#header a:hover {color: #B8C7D1}
.smlink {text-align:center}
#mobiletop {display: none}
.spacer {width: 100%; margin-left: 0; margin-right: 0; background-image:url(../images/background/bg_03.gif); background-repeat:repeat-x; height: 8px; font-size:4px; margin-top: 0}
#left-menu {width: 175px; text-align:center; color: #FFFFFF; border-right: 1px solid #005DAA; border-left: 1px solid #005DAA; border-bottom: 1px solid #005DAA; background-color:#005DAA; padding-top: 0.5em; padding-bottom: 2em}
.lfmenu {text-align:left; color: #FFF; padding-left: 0.35em; padding-right: 0.2em}
#left-menu li {list-style-type:none; margin-left: -3em; font-size: 1.1 em; font-weight: bold}
#left-menu a {color: #FFF; text-decoration:none}
#left-menu a:hover, #left-menu .h2link a:hover {color: #999999}
#left-menu h1 {text-align:left; color: #CCCCCC; padding-left: 0.35em; font-size: 0.9em; padding-bottom: 0.5em}
#left-menu .h2link a {color: #CCCCCC}
#left-menu p {font-size: 0.8em; }
.lmspace {width: 100%; height: 1px; display: block; text-align:left; padding-top: 0.75em; padding-left: 0.35em}
#content {padding-right: 4px; padding-left: 4px; border-bottom: 1px solid #005DAA; border-right: 1px solid #005DAA; background-color:#FFFFFF; padding-bottom: 1em}

/*drop down menu items*/
#menu {width: 100%; clear: both; margin-left: 0; margin-right: 0; background-image:url(../images/background/bg_05.gif); background-repeat:repeat-x; height: 26px; overflow:hidden; font-size: 0.8em; text-align:center; color: #FFFFFF; font-weight: bold; margin-top: 0; position: absolute; top: 83px; left: 0}
.menuitem {border-right: 1px solid #FFFFFF; height: 25px}
.menuitem a, .menuitem2 a {color: #FFFFFF; text-decoration: none}
.menuitem a:hover, .menuitem2 a:hover {color: #B8C7D1}

/*product ordering table*/
.producthead, .producthead1 { color: #ffffff; font-size: 0.8em; font-weight: bold; text-align: center; background-color:#005DAA;border-right: 1px solid #E7E4DC; padding: 0.5em; border-top: 1px solid #E7E4DC }
.producthead1 {border-top: 1px solid #E7E4DC}
.storetablefn, .productno, .productdesc, .productprice, .productstore, .productdesc2 {background-color: #E7E4DC; font-size: 0.8em; border-bottom: 1px solid #005DAA; border-right: 1px solid #005DAA; padding: 0.5em}
.productno { font-weight: bold; text-align: center; border-left: 1px solid #005DAA; width: 125px }
.productdesc {  text-align: left; }
.productdesc2 {text-align: center}
.productprice {text-align: center; width: 75px}
.productstore {text-align: center; width: 150px}
.productheader {text-align:center; border-right: 1px solid #005DAA; border-left: 1px solid #005DAA; font-weight: bold; font-size: 0.8em; background-color:#E7E4DC; padding-top: 0.75em; padding-bottom: 0.75em; border-bottom: 1px solid #005DAA}
.storetablefn {border-left: 1px solid #005DAA}
.storetablefn a, .productno a, .productdesc a, .productprice a, .productstore a {color: #005DAA}
.storetablefn a:hover, .productno a:hover, .productdesc a:hover, .productprice a:hover, .productstore a:hover {color: #294A60}
.viewcartimg {text-align: right; font-size:0.75em; font-weight: bold}

h1 {font-size: 1.3em; color: #005DAA; text-align:center}
h2 {font-size: 1.05em; font-weight: bold; color: #005DAA; text-align:center}
h3 {font-size: 0.97em; font-weight: bold; color: #005DAA; margin-bottom: -0.25em; padding-top: 0.25em}
h4 {font-size: 0.9em; color: #005DAA; text-align:center}
h5 {font-size: 0.85em; color: #005DAA; text-align:center; padding-top: 1em}
p {font-size:0.8em; line-height: 165%}
p.imagedesc {line-height: normal; color: #666666;}
ul {font-size:0.8em}
ul ul, ol ul {font-size: 1em; padding-top: 0.5em}
ul a, .bulletscheck a, .bullets a, p a, .imagedesc a, .highlightsce a, .cell a, .comparelist a, .highlights a {color:#005DAA}
ul a:hover, .bulletscheck a:hover, .bullets a:hover, p a:hover, .imagedesc a:hover, .highlightsce a:hover, .cell a:hover, .comparelist a:hover, .highlights a:hover {color: #294A60}
ol a, h1 a, h2 a, h3 a, h4 a, h5 a {color:#005DAA}
ol a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: #294A60}
ol {font-size: 0.8em}
ol ol, ol ol ul {font-size: 1em}
.appnotehead {font-size: 0.8em; font-weight: bold; padding-top: 2em}
.appnotes {font-size: 0.7em}
.appnotehead a {color: #FFFFFF}
.appnotehead a:hover {color:#B8C7D1}
.appnotes a {color: #FFFFFF}
.appnotes a:hover {color:#B8C7D1}
.apptitle { font-size: 0.82em; color:#005DAA; text-align: center; font-weight: bold; padding: 6px 2px; background-color: #e7e3d9 ; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#E7E3D9 }
.appsubject { font-size: 0.82em; color:#e7e3d9; text-align: center; font-weight: bold; background-color: #005DAA; padding: 6px 2px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.appsubject1 { font-size: 0.82em; color:#e7e3d9; text-align: center; font-weight: bold; background-color: #005DAA; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding: 6px 2px }
.apptitles { text-align: left; font-size: 0.77em; background-color: #e7e3d9; padding: 6px 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.item { font-size: 0.8em; background-color: #E7E4DC; text-align: center; padding-top: 6px; padding-bottom: 6px; border-right: 1px solid #005DAA; border-bottom: 1px solid #005DAA; border-left: 1px solid #005DAA; padding-left: 1em; padding-right: 1em  }
.item a, .apptitles a { text-decoration: none; color: #005DAA }
.item a:hover, .apptitles a:hover { color: #294A60 }
.appsubject a {color:#005DAA}
.redspan {color: red}
.greenspan {color: #339900}
.orangespan {color: #ff9900}
.whitespan {color: #FFFFFF}
.windaqspan {font-variant: small-caps}
.shadow-bottom { background-image: url(../images/background/bg-dshadow_05.gif); background-repeat: repeat-x; }
.shadow-corner { background-image: url(../images/background/bg-dshadow_06.gif); background-repeat: no-repeat; }
.shadow-right { background-image: url(../images/background/bg-dshadow_03.gif); background-repeat: repeat-y; }
.highlightsce { font-size: 0.8em; text-align: center; }
.highlights { font-size: 0.8em; text-align: left; }
.author { font-size: 0.8em; font-weight: bold; text-align: center; }
.listheading {font-size: 1em; font-weight: bold; text-align: center; padding-top: 4px; padding-bottom: 4px; background-color: #005DAA; color: #FFFFFF; border: 1px solid #005DAA; padding-left: 1.5em; padding-right: 1.5em}
#content .productdesc ul {font-size: 1em;}
.comparelist {font-size: 0.8em}
#pdfs {position: absolute; left: 185px; top: 60px; display: block}
#rightad {position: absolute; top: 10px; right: 10px; text-align:center; font-size: 0.85em}
#rightblock {position: absolute; top: 10px; right: 10px; text-align:center; font-size: 0.85em}
.smaller {font-size: 0.8em}

.product {border-bottom: solid 1px #005DAA; border-left: solid 1px #005DAA; border-right: solid 1px #005DAA; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-right: 4px}
.product1 {border: solid 1px #005DAA; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-right: 4px}
.quote { font-size: 0.8em; font-style: italic; text-align: center; }
.bullets { line-height: normal; }
.bullets li { font-size: 1em; line-height:normal}
.bulletscheck { line-height: normal; }
.bulletscheck li { font-size: 1em; list-style-image: url(../images/checkmark_12x14.gif); }
.bullets2 { line-height: normal;}
.bullets2 li { font-size: 1em;  }
.bullets3 { line-height: normal; }
.bullets3 li { font-size: 1em }
li {padding-bottom: 6px}
li .imagedesc {font-size: 1em}
.numbered { font-size: 1em}
.numbered li { font-size: 0.8em; margin-top: -6px; padding-bottom: 12px; list-style-type: decimal; }
.numberedalpha { margin-top: 6px; margin-left: 2em; }
.numberedalpha li { font-size: 1.2em; padding-top: 6px; padding-bottom: 6px; list-style-type: lower-alpha; }
ol .numberedalpha li { font-size: 1em; padding-top: 6px; padding-bottom: 6px; list-style-type: lower-alpha; }
.imagedesc { font-size: 0.75em; text-align: center; }
.imagedescno { font-size: 0.85em; text-align: center; }
.imagedesc2 { font-size: 0.75em; text-align: left; }
.tablehead { font-size: 0.8em; text-align: center; font-weight: bold }
.tabletitle { font-size: 1em; text-align: center; font-weight: bold }
.tabletitle2 { color: #fff; font-size: 1em; text-align: center; font-weight: bold; background-color: #005DAA; z-index: 1; padding: 8px; }
.features {background-color: #005DAA; color:#FFFFFF; font-weight:bold; vertical-align:text-bottom; border-top: 1px solid #005DAA; text-align:center}
.indent {padding-left: 3em; margin-bottom: -10px}
.cell {font-size: 0.8em; text-align:center}
.txtform {padding: 0.5em; font-size: 0.75em; text-align:right}
.inputform {font-size: 0.75em}
.txtform a {color:#005DAA}
.txtform a:hover {color: #294A60}
.singleline { font-size: 0.8em; line-height: normal; text-align: left; margin-bottom: -10px; }
.script {margin-left: 12px; font-family: Courier; font-size: 0.78em}

/*tags for product index pages*/
.indexhead {background-color:#005DAA; color: #FFFFFF; text-align:center; font-weight: bold; font-size:0.9em}
.indexproductid, .indexdescription {font-size: 0.8em; background-color:#E7E4DC; border-bottom: 1px solid #005DAA; border-right: 1px solid #005DAA}
.indexproductid {text-align:center; font-weight:bold; border-left: 1px solid #005DAA}
.indexproductid a, .indexdescription a {color: #005DAA}
.indexproductid a:hover, .indexdescription a:hover {color: #294A60}
.indexdescription {text-align:left; }
.upgradetable {border: 1px solid #005DAA}

/*product page tabbed links*/
#quicklinks {display: none}
#quicklinks-nojava {font-size: 0.75em}
#quicklinks-nojava a {color:#005DAA}
#quicklinks-nojava a:hover {color: #294A60}
.tdquicklinks, .tdquicklinks1 {background-color:#E7E4DC; color: #005DAA; border-top: 1px solid #005DAA; border-bottom: 1px solid #005DAA; border-right: 1px solid #005DAA; padding: 0.25em; width: 125px}
.tdquicklinks1 {border-left: 1px solid #005DAA}
#quicklinks-mobile {display: none}

/*900mb specific tags*/
.specs {color: #005daa;	border: 1px solid #005daa;	text-align: center;	padding: 0.5em;	font-weight: bold;	font-size: 0.8em}
.spec2 {color: #005daa;	border-left: 1px solid #005daa;	border-right: 1px solid #005daa;	border-bottom: 1px solid #005daa;	padding: 0.5em;	font-size: 0.73em}

/*data logger table*/
.tophead {font-weight: bold; text-align: left; padding-left: 0.5em; font-size: 1.12em; background-color: #ded6cd; color: #005DAA; padding-top: 4px; padding-bottom: 4px;}
.tophead a, .leftcell a, .rightcell a {color: #005DAA;}
.tophead a:hover, .leftcell a:hover, .rightcell a:hover {color: #294A60}
.leftcell {text-align: center; font-size: 0.71em; }
.rightcell {font-size: 0.8em}

/*el-usb data logger table*/
.leftcell1 {font-size: 0.8em; color: black; background-color: #ebe6d9; text-align: center ; padding: 6px; }
.leftcell1 {border-right: 1px solid #124d7e; border-bottom: 1px solid #124d7e; border-left: 1px solid #124d7e; }
.leftcell2 {font-size: 0.8em; color: black; background-color: #ebe6d9; text-align: center ; padding: 6px; }
.leftcell2 {border-right: 1px solid #124d7e; border-bottom: 1px solid #124d7e; }
.topleft {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.topleft {border: solid 1px #ebe6d9; }
.topleft2 {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.topnormal {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.topnormal {border-top: 1px solid #ebe6d9; border-right: 1px solid #ebe6d9; border-bottom: 1px solid #ebe6d9; }
.topnormal2 {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.checkedcell {background-color: #ebe6d9; border-right: 1px solid #124d7e; border-bottom: 1px solid #124d7e; padding: 6px; text-align:center}
.notcheckedcell {background-color: #b4c5eb; border-right: 1px solid #124d7e; border-bottom: 1px solid #124d7e; padding: 6px;}
.topleft21 {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.topleft21 {border-right: 1px solid #ebe6d9; border-bottom: 1px solid #124d7e; border-left: 1px solid #ebe6d9; }
.topnormal21 {text-align: center; font-weight: bold; font-size: 0.8em; padding: 6px; color: white; background-color: #124D7E}
.topnormal21 {border-right: 1px solid #ebe6d9; border-bottom: 1px solid #124d7e; }

/*tables for developer's diary notes*/
.notearrows {width: 36px}
.prevnote {text-align: left; font-size: 0.75em; font-weight: bold; width: 90px}
.nextnote {text-align:right; font-size: 0.75em; font-weight: bold; width: 90px}
.prevnote a, .nextnote a {color:#005DAA}
.prevnote a:hover, .nextnote a:hover {color: #294A60}

/*dynamic links*/
#footer {width: 100%; clear: both; margin-left:auto; margin-right:auto; font-size: 0.7em; position: relative; display: block; text-align:center; padding-top: 1em; padding-bottom: 1em; line-height: 160%; background-color:#005DAA; color: #CCC}
#webmaster, #privacypolicy, #resellerl, #sitemaplink, #termslink, #mobilelink {display: inline; color:#CCC; text-decoration:underline; cursor:pointer; padding-left: 1em; padding-right: 1em}
.dynlinkswh {text-decoration:none; cursor:pointer; color:#FFF; display: inline;}

/*coupon layouts*/
#coup {width: 595px; height: 395px; margin: auto; background-image:url(../images/coupon-background.png); background-repeat:no-repeat}
#coup .discount {font-size:62px;}
#coup p {padding-left: 1em; padding-right: 1em}
#coup h2 {padding: 0; margin: 0; padding-top: 8px}

/*dropdowm menu*/
.submenuitem {padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #FFFFFF}
.submenuitem a {color: #FFFFFF; text-decoration: none}
.submenuitem a:hover {color: #B8C7D1;}
#productsmenu {margin-left: 20%; #margin-left: 19.9%; background-color: #005DAA; text-align:center; font-size: 0.9em; font-weight: bold; color: #FFFFFF; position: absolute; top: 108px; display: none; width: 20%}
#supportmenu {margin-left: 40%; #margin-left: 39.9%; background-color: #005DAA; text-align:center; font-size: 0.9em; font-weight: bold; color: #FFFFFF; position: absolute; top: 108px; display: none; width: 20%;}
#salesmenu {margin-left: 60%; #margin-left: 59.9%; background-color: #005DAA; text-align:center; font-size: 0.9em; font-weight: bold; color: #FFFFFF; position: absolute; top: 108px; display: none; width: 20%}
#appmenu {margin-left: 80%; background-color: #005DAA; text-align:center; font-size: 0.9em; font-weight: bold; color: #FFFFFF; position: absolute; top: 108px; display: none; width: 20%;}

