/* css file designed by David Todd Watson (david at wow-medialab dot com)
   updated: September 28, 2007
   site layout: 100% + centered
   site width: 760px
   
   tested with: 	

   ? Internet Explorer 5.2.2 (MAC)
   ? Safari 1.0.3 (MAC)
   ? Internet Explorer 6.0 (WIN)
   ? FireFox 1.3 (WIN)
   ? Opera 7.5 (WIN)


*/

/* STANDARD HTML TAGS
****************************/

	/* Global Reset */
	* {
		margin: 0;
		border: 0;
		padding: 0;
	}

	/* STRUCTURE
	*******************/
	html {}
	
		head {}
		body {
			width: 100%;
			background: #fff url("bkg_body2.jpg") repeat-x;
			text-align: center;
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			font-size: 12px;
			color: #666;
		}
		body.home  {
			width: 100%;
			background: #fff url("bkg_body.jpg") repeat-x;
			text-align: center;
			font-family: 'trebuchet ms', verdana, arial, sans-serif;
			font-size: 12px;
			color: #666;
		}
			div {}
			span {}

	/* TEXT
	*******************/
	p {
		padding: 5px 0 5px 0;
	}
h1, h2, h3, h4, h5, h6 {
padding: 5px 0 5px 0;
}
	h1 {
		font-size: 24px;
		font-weight: normal;
	}
	h2 {
		font-size: 18px;
		font-weight: normal;
	}
	h3 {

		font-size: 16px;
		font-weight: bold;
	}
	h4 {
		font-weight: normal;
	}
	h5 {
		font-weight: normal;
	}
	h6 {
		font-weight: normal;
	}
	strong {}
	em {}
	abbr {}
	acronym {}
	address {}
	bdo {}
	blockquote {}
	cite {}
	q {}
	code {}
	ins {}
	del {}
	dfn {}
	kbd {}
	pre {}
	samp {}
	var {}
	br {}

	/* HYPERLINKS
	*******************/
	a:link, a:visited {
		color: #007cc3;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover, a:active {
		color: #000;
		text-decoration: underline;
		font-weight: bold;
	}

	/* IMAGES
	*******************/
	img {}

	/* LISTS
	*******************/
	ul {
		margin: 20px;
	}
		ul li {
			margin: 0 0 0 10px;
			padding: 0 0 5px 0;
			list-style-image: url("bullet.jpg");
		}
	ol {}
		ol li {}
	dl {}
		dt {}
		dd {}

	/* TABLES
	*******************/
	table {}
		tr {}
			td {
				padding: 0 5px 0 0;
				vertical-align: top;
				font-size: 12px;
			}
		th {}
		tbody {}
		thead {}
		tfoot {}
		col {}
		colgroup {}
		caption {}

	/* FORMS
	*******************/
	form {}
		input {
			border: #999 solid 1px;
		}
		textarea {
			border: #999 solid 1px;
		}
		select {
			border: #999 solid 1px;
		}
		option {}
		optgroup {}
		button {}
		label {}
		fieldset {}
		legend {}


/* PAGE STRUCTURE
****************************/

#header, #content, #footer {
	clear: both;
	width: 760px;
	padding: 0;
	border: 0;
	margin: 0 auto;
	text-align: left;
}


/* HEADER SECTIONS
****************************/
#header-container {
width: 760px;
border-top: #007cc3 solid 3px;
height: 87px;
	background: #fff;
}
	#global-nav {
		float: right;
		position: relative;
		width: 600px;
text-align: right;
	}
		#global-nav ul {

		float: right;
		position: relative;
width: 200px;
text-align: right;

		}
			#global-nav ul li {
				list-style: none;
				display: inline;
			}

			#global-nav ul li a:link, #global-nav ul li a:visited {
				color: #666;
font-weight: normal;
padding: 0 0px 0 10px;
border-left: 1px solid #666;
			}
			#global-nav ul li#home a:link, #global-nav ul li a:visited {
				color: #666;
font-weight: normal;
padding: 0 0px 0 10px;
border: none;
			}

			#global-nav ul li a:hover, #global-nav ul li a:active {
				color: #007cc3;
font-weight: normal;
			}



h1#logo {
	float: left;
	position: relative;
	margin: 35px 0 0 20px;
padding: 0;
	width: 130px;
	height: 42px;
	background: url("bkg_logo.jpg") no-repeat;
}
	h1#logo a {
		float: left;
		position: relative;
		width: 130px;
		height: 42px;
		background: url("bkg_logo.jpg") no-repeat;
	}
		h1#logo a span {
			display: none;
		}


ul#navigation  {
	float: right;
	position: relative;
	width: 600px
	list-style: none;
	display: inline;
	margin: 10px 0 0 0px;
}
	ul#navigation li {
		list-style: none;
		display: inline;
		margin: 0 20px 0 0;
	}
		ul#navigation li a:link, ul#navigation li a:visited {
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #666;
		}
		ul#navigation li a:hover, ul#navigation li a:active {
			font-size: 14px;
			font-weight: bold;
			text-decoration: none;
			color: #007cc3;
		}




.home div#banner {
	clear: both;
	background: url("banner01.jpg") no-repeat;
	width: 760px;
height: 200px;
	padding: 0;
	border: 0;
	margin: 0 auto;
	text-align: left;
}
div#banner {
	clear: both;
	width: 760px;
	height: 75px;
	padding: 0;
	border: 0;
	margin: 0 auto;
	text-align: right;
	background: url("banner2.jpg") no-repeat;
}


/* CONTENT SECTIONS
****************************/
#ms #main, #sm #sidebar, #smx #sidebar, #smx #main, #xms #xtra, #m #main, #msx #main, #msx #sidebar {
	float: left;
	position: relative;
	padding: 0;
	border: 0;
	margin: 0;
}
#ms #sidebar, #sm #main, #smx #xtra, #xms #main, #xms #sidebar, #msx #xtra {
	float: right;
	position: relative;
	padding: 0;
	border: 0;
	margin: 0;
}
#ms #xtra, #sm #xtra, #m #sidebar, #m #xtra {
	display: none;
}


#ms #content {
}

#ms #content-container {
float: left;
position: relative;
width: 760px;
background: #fff;
margin: 0;
padding: 0;
border: 0;
}

#ms #sidebar {
width: 200px;
margin: 0;
padding: 0;
border: 0;
}

#ms #main {
width: 560px;
margin: 0;
padding: 0;
border: 0;
}

#content .content {
padding: 20px;
}
#sidebar .content {
padding: 0 0 20px 0;
}

#sidebar ul li {
list-style: none;
}


/* FOOTER SECTIONS
****************************/
#footer {
width: 760px;
border-top: #c6c6c6 solid 3px;
	font-size: 11px;
}
#footer-nav {
margin: 0;
padding: 5px 0 0 0;
}
#footer-nav ul {
margin: 0;
padding: 0;
}

#footer-nav ul li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
padding: 0 10px 0 0;
}
#footer-nav ul li a:link, #footer-nav ul li a:visited {
margin: 0;
padding: 0;

}

	#footer #info {
		padding: 0 0 0 0;
clear: both;
	}
	#footer #copyright {
		padding: 5px 0 0 0;
clear: both;
	}

	#footer a:link, #footer a:visited {
		font-weight: bold;
		color: #999;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		font-weight: bold;
		color: #333;
		text-decoration: underline;
	}


/* CUSTOM TEXT
****************************/
.xlarge {
font-size: 24px;
}

h1#pagetitle {

	clear: both;
	width: 760px;
	padding: 0;
	border: 0;
	margin: 0 auto;
	text-align: left;
height: 75px;
background-color: #00549E;
color: #fff;
}

h1#pagetitle span {
display: block;
padding: 20px 0 0 20px;
}

.alignright {
	text-align: right;
}

.error {
color: #ff0000;
}

ul#sidebar-nav {
margin: 0;
padding: 0;
background-color: #eee;
list-style: none;
}
ul#sidebar-nav li {
list-style: none;
margin: 0;
padding: 10px;
border-bottom: solid #ccc 1px;
}

ul#sidebar-nav li a:link, ul#sidebar-nav li a:visited {

}
ul#sidebar-nav li a:hover, ul#sidebar-nav li a:active {

}


#siteSearch {
background-color: #e6e6e6;
}
#siteSearch input {
margin: 5px 10px 5px 10px;
}

#siteSearch input #searchText {
padding: 2px;
margin: 0;
}


#orders {
background-color: #007cc3;
height: 27px;
}
#orders img {
float: left;
position: relative;
margin: 0 5px 0 10px;
}

#orders a span {
float: left;
position: relative;
padding: 5px;
margin: 0 0 0 0;
color: #fff;
}

.hidden {
display: none;
}

h2#pageTitle {
font-size: 20px;
font-weight: normal;
color: #fff;
padding: 20px;
}


#trail {
color: #999;
font-size: 11px;
padding: 0 0 20px 0;
}
#trail a:link, #trail a:visited {
color: #999;
font-weight: normal;
}


.group {
float: left;
position: relative;
width: 33%;
height: 200px;
margin: 0;
padding: 0;
}
.mfggroup {
float: left;
position: relative;
width: 33%;
margin: 0;
padding: 0;
}

.group h3, .mfggroup h3 {
padding: 0 0 10px 0;
font-weight: normal;
}
.group h3 a:link, .group h3 a:visited, .mfggroup h3 span, .mfggroup h3 span {
color: #333;
}
.group h3 a:hover, .group h3 a:active {
color: #333;
}

.group ul, .mfggroup ul {
margin: 0;
padding: 0;
}

.group ul li, .mfggroup ul li {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}
.group ul li a:link, .group ul li a:visited, .mfggroup ul li a:link, .mfggroup ul li a:visited {
font-weight: normal;
color: #333;
}
.group ul li a:link, .group ul li a:visited, .mfggroup ul li a:hover, .mfggroup ul li a:active {
font-weight: normal;
color: #333;
}
.subtitle {
padding: 5px 0 5px 0;
}


/* generic part listing (products, family templates)
-------------------------------------*/
table.tableparts  {  
	float: left;
	position: relative;
	width: 530px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
}
table.tableparts th {
background-color: #ccc;

	padding: 5px; 
}
.partlist  { 
	padding: 5px; 
}
.partlist a:link, .partlist a:visited {
color: #333;
}
.partlistalt  { 
	background-color: #eee; 
	padding: 5px; 
}
.partlist-price   { 
	text-align: right; 
	padding: 2px 
}
#mva {
	text-align: right;
}
td.compare input {
border:0;
background-color:#ccc;
}
td.compare {

	text-align: center; 
}


/* datasheet.html
-------------------------------------*/
#partcontent {
	width: 530px;
	margin: 0;
	padding: 0;
}
	#partimage {
		width: 350px;
		margin: 0;
		padding: 0;
	}
	#partinfo {
		width: 200px;
		margin-left: 10px;
		padding: 0;
	}
	.cell1 {
		width: 75px;
		padding: 2px;
		background-color: #d3d3d3;
		border: #f5f5f5 solid 1px;
	}
	.cell2 {
		width: 135px;
		padding: 2px;
		background-color: #e0e0e0;
		border: #f5f5f5 solid 1px;
	}
	.cellbutton {
		width: 135px;
		padding: 2px;
		border: #f5f5f5 solid 1px;
	}
	#topdocuments {
		clear: both;
padding: 20px 0 0 0;
	}
	.topdocname {
		width: 150px;
	}
	.topdocicon {
		width: 30px;
	}
	#familylink {
		clear: both;
		margin-top: 10px;
	}
.datasheets #content .section, .mfg #content .section {
padding: 10px 0 10px 0;
}
.datasheets #content .section h3, .mfg #content .section {
font-weight: normal;
border-bottom: 1px #999 solid;
}

table#tableCart, table#tableInfo, table#tableOrder, table#tableSearch {
	width: 525px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
}
table#tableCart th, table#tableInfo th, table#tableOrder th, table#tableSearch th {
background-color: #ccc;
padding: 5px 5px 5px 10px;
}
table#tableCart td, table#tableInfo td, table#tableOrder td, table#tableSearch td { 
padding: 5px 5px 5px 10px;
}
.total {

}
.total span {
color: #007cc3;
padding: 5px;
font-size: 14px;
}

/* compare.html
-------------------------------------*/
.compare {
	text-align: center;
}
.compare table th {
padding: 2px;
	background-color: #eee; 

}
#col1 { 
	background-color: #ddd; 
	text-align: center;
}
#col2 { 
	background-color: #bbb; 
	text-align: center;
}
#col3 { 
	background-color: #aaa; 
	text-align: center;

color: #eee;
}
#col4 { 
	background-color: #999; 
	text-align: center;
color: #eee;
}
#col5 { 
	background-color: #888; 
	text-align: center;

}
#warning  {
 	color: #d00; 
	font-weight: bold;
}
.required  { 
 	color: #ac0000; 
 	text-decoration: underline ;
}


/* search.html
-------------------------------------*/
#searchTypes {
width: 530px;
}

table#searchTypes td {
padding: 5px;
background-color: #eee;
}