/* ===============================================
COMPONENTS CORPORATION

--------------------------------------------------
AUTHOR(S): 
	matt@topspotims.com
==================================================
COLOR TABLE
--------------------------------------------------
BACKGROUND      #fff;

=================================================*/

/* ==== mini-reset         ============================== */
html, body, h1, h2, h3, h4, p, ul, li, form, fieldset, label {
	margin: 0;
	padding: 0;
	border: none;
}

body{
	padding-top: 10px;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	font-size: 62.5%;
	background: #e5e2e2 url(../images/bg.gif) top repeat-x;
}
a:focus {
	outline: 0;
	border: 0;
}
.clearBoth {
	clear: both;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}


/* ==== typography         ============================== */
h1 {
	font-size: 2em;
	font-weight: bold;
}
h2 { 
	font-size: 1.6em; 
	color: #263f3b; 
	margin-top: 0.25em; 
}
h3 { 
	font-size: 1.5em; 
	margin-top: 0.5em; 
	color: #2c4f80; 
}


#contentWrapper p {
	margin: 10px 0;
	font-size: 1.4em;
	line-height: 1.4;
	color: #000;
}

a { 
	color: #001066; 
}
/* ==== wrapper         ============================== */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}

/* ==== header         ============================== */
#header {
	margin: 0;
	padding: 0;
	height: 152px;
	background: url(../images/header_bg.gif) top repeat-x;
}
	a#logo {
		float: left;
		display: block;
		width: 579px;
		height: 123px;
		text-indent: -9999px;
		background: url(../images/logo.jpg) no-repeat;
		overflow: hidden;
	}
	p#headerInfo {
		float: right;
		margin-top: 10px;
		width: 415px;
		color: #fff;
		font-size: 1.4em;
		line-height: 1.6;
	}
	#partNumber {
		float: right;
		clear: right;
		margin-top: 10px;
		width: 415px;
		color: #fff;
		font-size: 1.4em;
		line-height: 1.6;
	}
	span.yellow { 
		font-weight: bold; 
		color: #80d0ff; 
	}

	form#stockSearch {
		margin: 0;
		padding: 0;
		display: inline;
	}
		#stockSearch input {
			padding: 3px;
			width: 100px;
			border: 1px solid #ccc;
			display: inline;
		}
		#stockSearch input.submit {
			width: auto;
			font-size: .8em;
			background: #d7ddfd;
			display: inline;
		}
		#stockSearch input[type=hidden] { 
			display: none; 
			border: 0px; 
			background: none;  
		}


/* ==== primaryNav         ============================== */
ul#primaryNav {
	float: left;
	clear: left;
	padding: 7px 0 0 170px;
	height: 22px;
	width: 830px;
	list-style: none;
	background: url(../images/primaryNav_bg.gif) top left no-repeat;
}
	ul#primaryNav li {
		position: relative;
		float: left;
		width: auto;
	}
	ul#primaryNav li a {
		position: relative;
		display: block;
		padding: 4px 14px;
		font-size: 1.2em;
		color: #fff;
		text-decoration: none;
	}
	ul#primaryNav li a:hover, ul#primaryNav li a.hover {
		background: #000;
	}
	ul#primaryNav li ul {
		display: none;
		position: absolute;
		top: 2.1em;
		left: 0;
		margin: 0;
		padding: 0;
		width: 23em;
		background: #515151;
		list-style: none;
		color: #fff;
	}
	ul#primaryNav li ul li {
		position: relative;
		display: block;
		clear: left;
		margin: 0;
		padding: 0;
		width: 23em;
		background: #282828 url(../images/tabNav_bg.gif) top repeat-x;
	}
	ul#primaryNav li ul li a {
		display: block;
		padding: 7px 8px;
	}
	ul#primaryNav li ul li.parent a {
		background: transparent url(../images/icon_arrow.gif) 98% 57% no-repeat;
	}
	ul#primaryNav li ul li.parent a:hover, ul#primaryNav li ul li.parent a.hover {
		background: #000 url(../images/icon_arrow.gif) 98% 57% no-repeat;
	}
	ul#primaryNav li ul li a:hover {
		background: #000;
	}
	ul#primaryNav li:hover ul {
		display: block;
	}
		ul#primaryNav li ul li ul, ul#primaryNav li:hover ul li ul {
			display: none;
			position: absolute;
			top: 0;
			left: 23em !important;
		}
		ul#primaryNav li ul li.parent ul li a {
			background: none;
		}
		ul#primaryNav li ul li.parent ul li a:hover {
			background: #000;
		}
		ul#primaryNav li ul li:hover ul {
			display: block;
		}
		
	
/* ==== contentWrapper home         ============================== */
#contentWrapper {
	clear: both;
}
#contentWrapper.home {
	padding: 50px 10px 10px 200px;
	background: #fff url(../images/home_left.jpg) left top no-repeat;
	overflow: auto;
}

	/* ==== contentBody home         ============================== */
	#contentWrapper.home #contentBody {
		float: left;
		width: 400px;
		overflow: auto;
	}
	
	/* ==== sidebar home         ============================== */
	#contentWrapper.home #sidebar {
		float: right;
		width: 366px;
		/*background: url(../images/sidebar-bg.gif) top repeat-x; */
		background: URL(../images/sidebar-bg.gif) repeat-x top #ffffff; 
		overflow: auto;
		margin-top: 25px; 
	}
		#contentWrapper.home #sidebar div {
			padding: 0;
			/*background: url(../images/home_sidebar_bottom.gif) bottom no-repeat; */
			border: 3px solid #404040; 
		}
		#contentWrapper.home #sidebar div h2 {
			font-size: 1.8em;
			text-align: center;
			padding-top: 0.5em; 
			color: #ffffff; 
		}	
		#contentWrapper.home #sidebar div p {
			font-size: 1.2em;
			padding: 0 1em; 
		}
		#contentWrapper.home #sidebar div p strong {
			font-size: 1.2em;
			font-weight: bold;
		}
	
/* ==== contentWrapper internal         ============================== */
.internal {
	padding: 50px 10px 10px 100px;
	background: #fff url(../images/internal_left.jpg) left top no-repeat;
	overflow: auto;
}
	#contentWrapper.internal #contentBody {
		float: left;
		width: 600px; 
	}
		#contentWrapper.internal #contentBody ul {
			margin: 10px 0;
			padding-left: 30px;
			font-size: 1.2em;
		}
		#contentWrapper.internal #contentBody ul li {
			padding: 3px 0;
		}

	#contentWrapper.internal #sidebar {
		float: right;
		width: 275px;
	}

.internal2 {
	padding: 50px 10px 10px 70px;
	background: #fff url(../images/internal_left.jpg) left top no-repeat;
	overflow: auto;
}
	#contentWrapper.internal2 #contentBody {
		float: left;
		width: 90%;
	}
div.sitemap ul li a { 
	font-size: 13px; 
	text-decoration: none; 
}
div.sitemap ul li a:hover { 
	text-decoration: underline; 
}
#contentBody img.prodImage { 
	float: left; 
	border: 1px solid #c0c0c0; 
	padding: 7px; 
	margin: 0 0 1em 0; 
}		


table.resultsTable {
	width: 100%;
}
	table.resultsTable th {
		text-align: left;
		font-size: 1.4em;
		border-bottom: 1px solid #ccc;
	}
	table.resultsTable td {
		font-size: 1.2em;
		padding: 5px 2px;
	}
	table.resultsTable tr.alt td {
		background: #f0f0f0;
	}

a.pdf-link { 
	padding-left: 20px; 
	background: URL(/images/pdf_icon.gif) top left no-repeat transparent; 
	font-size: 0.95em; 
	text-decoration: none; 
	font-weight: bold; 
}
	a.pdf-link:hover { 
		text-decoration: underline; 
	}

/* ==== tabs         ============================== */
#contentWrapper #tabContainer {
	clear: left; 
	margin: 10px 0;
	padding: 3px;
	border: 1px solid black;
	overflow: auto;
	width: 540px; 
}
#contentWrapper #tabContainer .tabContent {
	overflow: auto;
	background: url(../images/tabNav_bg.gif) top repeat-x #dfe4f8;
}
	#contentWrapper #tabContainer ul.tabNav {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#contentWrapper #tabContainer ul.tabNav li {
			margin: 0;
			padding: 0;
			float: left; 
		}
		#contentWrapper #tabContainer ul.tabNav li a {
			margin: 0;
			padding: 7px 10px;
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
			background: url(../images/tabNav_bg.gif) top repeat-x;
			line-height: 2em; 
		}
		#contentWrapper #tabContainer ul.tabNav li.active a {
			background: #151716 url(../images/tabNav_bg_active.gif) left repeat-y;
		}
	#contentWrapper #tabContainer .tabBody {
		float: left;
		clear: both; 
		margin: 0;
		padding: 20px;
		width: 500px;
		background: #dfe4f8;
	}
	#contentWrapper #tabContainer .tabBody div {
		display: none;
	}
	#contentWrapper #tabContainer .tabBody div.active {
		display: block;
	}
.tabBody h2 { 
	font-size: 1.65em; 
	color: #000000; 
	padding: 0; 
	margin: 0; 
}
.tabBody h3 { 
	font-size: 1.5em; 
	color: #002075; 
	padding: 1em 0 0 0; 
}
.tabBody ul { 
	font-size: 1.4em; 
	margin: 0 0 0 1.2em; 
}
.tabBody ul li { 
	padding: 2px 0; 
}
.tabBody p {
	font-size: 0.85em; 
}
/* ==== product pages  ===============================*/
ul#productList { 
	display: block; 
}
#productList li { 
	padding: 1em; 
}
#productList li a { 
	color: #2c4f80; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 1.2em; 
}
#productList li a:hover { 
	color: #000000; 
}
img.product { 
	padding: 5px; 
	border: 1px solid #808080; 
}
/* ==== contact form   ============================== */
label {
	display: block;
}
input { 
	background: #ffffff; 
}
select {
	display: block;
}
span.required { 
	color: #ff0000; 
}
form#contactform fieldset label {
	clear: both; 
	float: left; 
	font-size: 1.25em; 
	width: 170px; 
	padding: 0.5em 1em; 
	text-align: right; 
}
form#contactform fieldset label.longlabel { 
	width: auto; 
	padding: 0.25em 1em; 
}
form#contactform fieldset input,form#contactform fieldset select,form#contactform fieldset textarea { 
	float: left; 
}
form#contactform fieldset textarea { 
	width: 300px; 
	height: 120px; 
	margin-top: 1em; 
}
input.checkbox { 
	margin: 0.5em 0 0 0; 
}
input.submitbutton { 
	margin: 1em 0 0 120px; 
}
div.thankyou { 
	height: 400px; 
}
input.short { 
	width: 75px; 
	margin: 0 0 0 2px; 
}
/* ==== quick contact  ============================== */
div.formcontainer { 
	background: #d7ddfd; 
	width: 230px; 
	overflow: auto; 
	border: 2px solid #aeb9d7; 
}
form#quickcontact { 
	padding: 15px; 
	margin: 0; 
}
form#quickcontact legend { 
	font-size: 1.5em; 
	font-weight: bold; 
	color: #3c5aa6; 
}
form#quickcontact input, form#quickcontact label, form#quickcontact textarea { 
	float: left; 
	clear: both; 
}
form#quickcontact label { 
	width: 175px; 
	font-size: 1.25em; 
	margin-top: 0.5em; 
	color: #000000; 
}
textarea#Comments { 
	width: 200px; 
	height: 125px; 
}
form#quickcontact input.submitbutton { 
	padding: 0.25em 1em; 
	margin: 1em 0;  
	background: #e9e9e9; 
	border: 1px solid #a0a0a0; 
	float: left; 
	clear: both; 
}

/* ==== rep search         ============================== */
#repSearch label {
	margin: 10px 0 2px;
	font-size: 1.4em;
}
#repSearch input[type=text], #repSearch select {
	padding: 5px;
	font-size: 1.2em;
	border: 1px solid #bfbfbf;
	width: 20em;
}
#repSearch input[type=submit] {
	margin: 5px 0 15px;
	background: #000;
	color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
}
a.viewAll {
	padding: 4px;
	font-size: 1.2em;
	color: #970100;
	text-decoration: none;
}
a.viewAll:hover {
	background: #000;
	color: #fff;
}

/* ==== footer         ============================== */
#footer {
	clear: both;
	padding: 20px 0 0;
}	
	#footer p {
		font-size: 1.2em;
		color: #777777;
	}
	#footer p a {
		font-size: 1em;
		color: #777777;
		text-decoration: none;
	}
	#footer p a:hover {
		text-decoration: underline;
	}