/* WATSON MAIN CSS FILE */

/*************************************************/
/* GENERAL                                       */
/*************************************************/
html, body {
	margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        height:100%;
	background:#7f7f7f;
        }    		
h1 {
	margin:5px;
	color: #294675;
	font:bold italic 18px/20px Verdana, Arial, Helvetica, sans-serif;
}
h2{color:#294675;margin:3px 0 0 0;font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif;}

p {font:normal 14px/18px Times, Verdana, Arial, Helvetica, sans-serif;}
ul.app {margin:8px 0px;font:normal 14px/18px Times, Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

.redhighlight {				/* For customer survey and RFQ forms */
	background-color: #FFC0C0;
	color: #FF1010; }

/*************************************************/
/* PAGE FORMATTING                               */
/*************************************************/
#main {
	background:#f0f0f0;
	margin:5px auto;
	width:974px;
}

#header {
	margin: 0 auto;
	width: 974px;
	background:#f0f0f0}


#navigation-container {
	float: left;
	width: 100%;
	color: #000;
	background: #333;}

#navstrip {
	width:954px;
	background: #f0f0f0;
	padding-left:20px;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:black;}

#navstrip a {
	text-decoration: none;
	color:black;}

#navstrip a:hover {text-decoration: underline;}

#body {
	margin: 0 auto;
	width: 954px;
	background: #f0f0f0;
	padding:0px 10px 10px;
	clear:left;
	clear:right;}

#col1 {
	float:left;
	display:inline;
	width: 455px;
	/*border:1px solid green;*/
	padding:10px;}

#col2 {
	float:right;
	display:inline;
	width: 455px;
	/*border:1px solid red;*/
	padding: 10px;}

#footer-container {
	color: #000;
	background: #7f7f7f;
	padding: 5px;
	clear:left;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;}

.footerpadding {width:300px;float:left;}

#footer {
	margin: 0 auto;
	width: 364px; /*was 974*/
	text-align: center;}

#footer a {
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	border-right: 1px solid #f0f0f0;}

#footer a.remove {border:none;}
#footer a:hover {text-decoration: underline;}


/*************************************************/
/* NAVIGATION MENUS                              */
/*************************************************/

/*********** Header Dropdown Menu ****************/

ul#navlist {
	margin:0;
	padding:0;
	list-style-type:none;}

ul#navlist {
	margin-left:20px;
	margin-top:2px;}


ul#navlist li {float:left;}
ul#navlist li a {
	text-decoration:none;
	padding:5px 10px;
	background:#e0e0e0;
	font:normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:black;}


 ul#navlist li input {
	padding:1px 5px;
	background:#f0f0ee;
	font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:black;}

ul#navlist li a:hover {background:#f9f9f2;}
ul#navlist li a.selected, a.selected {background:#f9f9f2;}

ul.subnavlist, ul.double {
	display:none;
	float:none;
	width:158px;
	list-style-type:none;
	margin-top:0px;
	padding:0;}

ul.subnavlist li, ul.double li {
	width:158px;
	background:#f9f9f2;}	

ul#navlist ul.subnavlist li a, ul#navlist ul.double li a {
	padding:3px 9px; 
	margin:0;
	font:normal 9px/20px Verdana, Arial, Helvetica, sans-serif;
	background:#f9f9f2;}

ul#navlist li:hover ul.subnavlist, ul#navlist li:hover ul.double {
	display:block;
	position:absolute;
	padding-top:0px;}

ul.double {margin-left:150px;}

ul#navlist li:hover ul.subnavlist, ul#navlist li:hover ul.double {
	display:block;
	border:none;}

ul#navlist ul.subnavlist li a:hover, ul#navlist ul.double li a:hover {text-decoration:underline;}

/********** Extra formatting for search function ******/
.searchimg {margin-left:270px;margin-right:3px;border:none;}
.searchform{display:inline;}
.searchfield {height:12px;margin-right:5px;padding:0;}
.searchbutton {height:19px;vertical-align:top; margin-top:2px;}
input.searchbutton::-moz-focus-inner{border:0;padding:0;}


/********** Application Expanding Menu ****************/
ul.appmenu {
	display:inline;
	margin-top:-10px;
	padding-top:0px;}

ul.appmenu, ul.appmenu ul, ul.appmenu li {
	margin:0;
	padding:0;
	list-style-type:none;}

ul.appmenu a {padding:3px 0px;}
ul.appmenu ul.opened { 
	display:block;
	position:absolute;
	padding-top:0px;}

ul.opened {border:1px dotted gray;}
ul.opened li {background:#f0f0f0;padding:3px 9px;font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
ul.opened li a {padding:0;
	margin:0;
	
	background:#f0f0f0;}

ul.opened li a:hover {text-decoration:underline;}
ul.closed {display:none;}

/********* SiteMap Expanding Menu ***********************/

#sitemap table {
	font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	width: 435px;
	border: 1px solid gray;}

#sitemap tr td {border-bottom: 1px solid gray;}
#sitemap tr td.file {border-left: 1px solid gray;text-indent:2px;}
#sitemap img.close, #sitemap img.open {cursor: pointer;}
#sitemap tr td.bull {width:20px; text-align:center}
#sitemap tr td.right {text-align:right}
#sitemap tr.closed {display: none;}
#sitemap tr.last td {border-bottom: none;}

/********** Application Page Navigation ****************/
#apnav {height:19px;} /*To make space for the li's, 15px line height + 2px padding (top and bottom)*/
#apnav ul{list-style-type:none;margin:0;padding:0;}
#apnav ul li {float:left;}
#apnav ul.none li{float:none;}
#apnav ul li a:hover {background: #294675;color:#f0f0f0;}/*text-decoration:underline;}*/
#apnav a {
	text-decoration:none;
	color: #294675;
	font:normal 12px/15px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 10px;}

.vis {display:block;}
.hid {display:none;}


/*************************************************/
/* TEXT BOXES                                    */
/*************************************************/

.colbox {
	border: 1px solid #7f7f7f;
	padding: 5px;
	margin-bottom:5px;
	text-align:left;}

.colbox h1 {
	font:bold italic 14px/18px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	color: #294675;}

.colbox .txtbox {margin:5px;}

.colbox img {margin:5px;}

.colbox p, .prodbox p {
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:0;
	margin-bottom:10px;}

.capbox {margin-top:30px;width:200px;float: right;}

.prodbox {margin:0px;padding:0;border-bottom:1px dotted #7f7f7f;}
.prodbox {min-height:75px;}
.prodbox p {margin-bottom:3px;}
.prodbox h2, .txtbox h2 {
	font:bold normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#294675;
	margin:3px 0 0 0;}

  
.applistpic {text-align:center;}
.applistpic p, .applistpic a {font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;}

table.applist {
	width:100%;
	margin:0;
	padding:0;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif; 
	border-collapse:collapse;}

.applist td {
	border-bottom:1px dotted #7f7f7f;
	margin:0;
	padding:0px 0px 0px 10px;}

.applist td.pic {
	width:60px;
	padding:0px;
	text-align:center;}

.applist img {border:none;}

.fullwidthbox {
	clear:left;
	clear: right;
	float:left;
	width:912px;
	margin: 5px 10px;
	padding:10px;
	border:1px solid #7f7f7f;}

.fullwidthbox h1 {margin:0;}
.fullwidthbox p {margin-top:5px;margin-bottom:10px;}

.specs td {
	padding-left:10px;
	text-indent:-10px;
	vertical-align:bottom;}

.specs,.models {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
.specs h3, .models h3 {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#294675;
	margin:3px 0 0 0;}

.models td {border-bottom: 1px dotted gray;vertical-align:bottom;}
td.none, tr.none td {border-bottom:none;}

.featurebox{float:right;margin:15px;display:inline;}

.patent {font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
table.patent td {border-bottom:1px dotted gray;}

/*Formatting for Terms & Conditions page */
ol.terms {
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	counter-reset:lst;
	list-style-type:none;}

ol.second {counter-reset:lst 6;}

.terms li:before {counter-increment:lst;content:counter(lst) ". ";}
.terms li {text-indent:-15px;}

/* Linkboxes mostly used on products and applications pages */
#linkbox {
	border-top:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;}

#linkbox table {width:100%;margin:0;padding:0;}
#linkbox .downloads table {border-bottom:1px dotted #7f7f7f;}
#linkbox .downloads td {width:20px;border:1px solid #f0f0f0;vertical-align:text-top;}
#linkbox .downloads td.spacer {width:auto;}
#linkbox .downloads td.link {width:100px;}
#linkbox .downloads td.first {width:80px;}
#linkbox .downloads td.ptr {width:10px;}
#linkbox .downloads img {margin:0; padding:0;}
#linkbox .downloads a {font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}

#linkbox .images table {border-bottom:1px dotted #7f7f7f;}
#linkbox .images td {
	width:40px;
	vertical-align:middle;
	text-align:center;
	border:1px solid #f0f0f0;}

#linkbox .images td.spacer {width:auto;}
#linkbox .images td.first {width:80px;text-align:left;}
#linkbox .images td.ptr {width:10px;}
#linkbox .images img {margin:0; padding:0;cursor: pointer;}
#linkbox .images a {font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}

#linkbox .applications table {border-bottom:1px dotted #7f7f7f;}
#linkbox .applications td {
	width:100px;
	vertical-align:text-top;
	border:1px solid #f0f0f0;}

#linkbox .applications td.spacer {width:auto;}
#linkbox .applications td.first {width:80px;}
#linkbox .applications td.ptr {width:10px;}
#linkbox .applications a {font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}