@charset "iso-8859-1";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	border: 0;
}
body {
	background: #C9D1D4 url('/library/images/bg-body.jpg') repeat-x;
	font: 80% Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #333;
	text-align: center;
	padding: 5px;
}

/**************************************
	Global
***************************************/

/*	Headers  */

/*	Elements  */

a {
	color: #3A67B1;
}
a:hover {
	color: #C60000;
}
td {
	vertical-align: top;
	font-size: 80%;
}
html>body td {
	vertical-align: top;
	font-size: 100%;
}

img, fieldset, form {
	border: 0 solid;
	margin: 0;
	padding: 0;
}
input, select, textarea {
	color: #2E516A;
	font: normal 11px Verdana;
}
.img-left {
	float: left;
	margin-right: 10px;
}
.img-right {
	float: right;
	margin-left: 10px;
}

h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	color: #667980;
	letter-spacing: -0.2pt;
}
h2 {
	color: #D56500;
	font-size: 17px;
	margin: 0;
}

dl {
	margin: 0;
	padding: 0;
}
dd {
	margin: 2px 0 5px;
	padding: 0;
}

.ta{
	background-color:#667980; 
	color:#FFFFFF;
}

.ts{background-color:#F5F5F5;}

.smallblue {
	font-size:8pt;
	color:#0000FF;
}

.RFQFont {
	font-size:9pt;
}
/**************************************
	Containers
***************************************/
#Page {
	width: 780px;
	min-height: 500px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	position: relative;
	border: 1px solid #fff;
	padding-bottom: 1px;
}
#MiddlePane {
	padding: 0 10px;
}
#ContentPane {
	position: relative;
}
html>body #ContentPane {height: auto;}
#RightPane {
	font-size: 12px;
}
#BottomPane {
	clear: both;
	text-align: center;
	border: 1px solid #ccc;
	margin: 0px 10px 10px;
	font-size: 12px;
}

/**************************************
	Layouts
***************************************/

.TwoColumns #ContentPane {
	border: 0px solid;
	width: 600px;
	float: left;
	overflow: hidden;
}
.TwoColumns #RightPane {
	width: 150px;
	float: right;
	overflow: hidden;
	position: relative;
}

/**************************************
	Top Pane
***************************************/

.logo {
	padding: 10px;
}


.top-search {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 11px;
}
.top-search form {
	margin: 3px 0;
}
#partSearch {
	color: #999999;
	width: 180px;
}
.top-search form .btn-img {
	margin: 0;
	vertical-align: top;
}

.icon-sitemap {
	background: url('/library/images/icon-sitemap.gif') 0 3px no-repeat;
	padding: 0 2px 0 13px;
}
.icon-rss {
	background: url('/library/images/icon-rss.gif') 0 3px no-repeat;
	padding: 0 2px 0 14px;
}

.idea {
	background: url(../img/logo_idea.gif) 0 3px no-repeat;
	padding: 15px 150px 50px 115px;
	font-size:10px;
}

/*	Top Navigation  */

.top-nav {
	text-align: center;
	background: #bb0000 url('/library/images/top-nav.gif') repeat-x;
	margin: 0 10px 10px;
	height: 27px;
	overflow: hidden;
}

.top-nav .bg {
	background: url('/library/images/top-nav-l.gif') no-repeat;
}
.top-nav ul {
	margin: 0;
	padding: 5px 0 6px;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	background: url('/library/images/top-nav-r.gif') top right no-repeat;
}
.top-nav li {
	display: inline;
	padding: 0 10px;
	color: #fff;
}
.top-nav a {
	color: #fff;
	text-decoration: none;
}
.top-nav a:hover, .top-nav .current a {
	color: #E9E1A9;
}


/**************************************
	Content Pane
***************************************/

#ContentPane p, table, .container {
	margin: 5px 0 15px 0;
}


/* Product Cells */

.table-cells {
	width: 100%;
}
.table-cells td {
	text-align: center;
	font-size: 95%;
	padding: 1px;
}
.table-cells img {
	display: block;
	margin: 2px auto 5px;
	position: relative;
	z-index: 101;
}

.table-cells td .wrapper {
	border: 1px solid #ccc;
	text-align: center;
	padding: 1px;
	padding-bottom: 5px;
}

.browse-by-name {
	border: 1px solid #ccc;
}
.browse-by-name .block {
	padding: 5px 20px;
	border-right: 1px solid #ccc;
	float: left;
}
.browse-by-name ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.browse-by-name li {
	display: inline;
	padding: 0 1px;
}
.browse-by-name .spacer {
	margin-bottom: -1px;
}

.part-info {
	border: 1px solid #ccc;
}

.table-info {
	width: 100%;
	position: relative;
	z-index: 101;
	margin: 0;
}

.table-info .thumbnails {
	padding: 0;
	border: 1px solid #ccc;
	border-width: 0 1px;
	background-color: #F7F7F7;
}
.table-info .thumbnails a {
	display: block;
	padding: 1px;
	border-bottom: 1px solid #ccc;
}

.table-info .thumbnails a.enlarge {
	background: url('/library/images/enlarge.gif') 0 0 no-repeat;
	height: 34px;
	border: 0;
	text-decoration: none;
}

.table-info .thumbnails img {
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.table-info .thumbnails .current img, .table-info .thumbnails a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.table-info .desription {
	width: 100%;
	font-size: 100%;
}
.table-info dl {
	margin: 5px;
	padding: 0;
}
.table-info dd {
	margin: 2px 0 5px;
	padding: 0;
}

.close {
	font-weight: bold;
	float: right;
	margin: 10px 5px 0 0;
	color: #C60000;
}

.copyright {
	font-size: 10px;
}
.get-quote {
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 10px 10px 10px;
}

.get-quote form .btn-img {
	margin: 0;
	margin-left: 10px;
	vertical-align: top;
}
.get-quote h3 {
	display: inline;
	color: #D56500;
	padding-right: 0px;
	font-size: 17px;
}
.get-quote input {
	display: inline;
}
.get-quote .block {
	padding: 4px 5px 5px 5px;
}
.get-quote strong {
	padding-left: 10px;
}

.paging { text-align: center; }

.contentview {
	font-size: medium;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	margin: 0 10px;
	width: 97%;
	border: 0 solid;
}


/**************************************
	Left Pane
***************************************/

/**************************************
	Right Pane
***************************************/

#RightPane .container {
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0 0 10px;
/*	zoom: 1;*/
}

#RightPane .container h3 {
	background: #D7B462 url('/library/images/bg-rheader.gif');
	position: relative;
	z-index: 1001;
	margin: 0;
	padding: 3px 10px;
	border: 1px solid #D7B462;
	font-size: 14px;
	color: #fff;
}

#RightPane .container .block {
	padding: 8px;
	position: relative;
	z-index: 101;
}
#RightPane .container h4 {
	font-size: 15px;
	margin: 0;
	padding: 4px 10px 2px;
	border-bottom: 1px solid #ccc;
}
#RightPane .container .spacer {
	width: auto;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: -2px;
}

#RightPane .filter-inline ul {
	line-height: 160%;
}
#RightPane .filter-inline li {
	display: inline;
	background: none;
	padding: 1px 1.5px;
}

#RightPane ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
}
#RightPane li {
	padding: 1px 0 1px 10px;
	background: url('/library/images/li1.gif') 0 6px no-repeat;
	height: 1px;
}
html>body #RightPane li {
	height: auto;
}

div.more {
	border-top: 1px solid #ccc;
	padding: 3px 10px;
	margin-bottom: 1px;
}

a.more {
	color: #D56500;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}

#RightPane .scrolling .block {
	overflow: auto;
	margin: 2px;
	padding: 2px 5px;
}

#RightPane .pictures {
	text-align: center;
	margin: 0 -8px 0 -7px;
}
#RightPane .pictures img {
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0;
}

/**************************************
	Bottom Pane
***************************************/

#BottomPane ul {
	margin: 0;
	padding: 3px 0;
	list-style: none;
}
#BottomPane li {
	display: inline;
	padding: 0 3px;
	border-right: 1px solid #999;
}
#BottomPane p {
	margin: 0;
	padding: 3px 0;
}

/**************************************
	Forms, buttons
***************************************/

#ContentPane form {
}
#ContentPane fieldset {
}
.form {
}
.form-half {
	float: left;
	width: 50%;
}
.input {
	width: 100%;
	border: 1px solid #7F9DB9;
}
.label {
	font-weight: bold;
}
.field {
	padding-right: 8px;
	margin-bottom: 10px;
}
.mandatory {
	color: #D63333;
	margin-bottom: -2px;;
}

.table-default {
	border-collapse: collapse;
}


.createdate{
	font-weight:bold;
}
.componentheading,.contentheading{
	font-size:200%;
	font-weight:bold;
}
.scholl .componentheading{
	color:green;
}





/**************************************
	Stuff Things
***************************************/

.spacer {
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px;
	font-size:1px;
	width: 1px;
}
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.bottom {vertical-align: bottom; }
.clear { clear: both; }
.hide { display: none; }
.small { font-size: 8pt; }
.smaller { font-size: 85%; }
.middle {vertical-align:baseline;}


/* Rounded corners backgrounds */

.wrapper {
	position: relative;
	height: 1px;
}
html>body .wrapper { height: auto;} /* fixing ie6 bug*/

#Page .tl, #Page .tr, #Page .bl, #Page .br {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100;
	overflow: hidden;
}
.tl { top:-1px; left:-1px }
.tr { top:-1px; right:-1px }
.bl { bottom:-1px; left:-1px }
.br { bottom:-1px; right:-1px }

.pointer {
	top:0;
	width:17px;
	height:11px;
	margin-top:-11px;
}

.tl { background-image: url('/library/images/bg-main-tl.gif') }
.tr { background-image: url('/library/images/bg-main-tr.gif') }
.bl { background-image: url('/library/images/bg-main-bl.gif') }
.br { background-image: url('/library/images/bg-main-br.gif') }

.container .tl, #ContentPane .tl, #BottomPane .tl { background-image: url('/library/images/bg-panel-tl.gif') }
.container .tr, #ContentPane .tr, #BottomPane .tr { background-image: url('/library/images/bg-panel-tr.gif') }
.container .bl, #ContentPane .bl, #BottomPane .bl { background-image: url('/library/images/bg-panel-bl.gif') }
.container .br, #ContentPane .br, #BottomPane .br { background-image: url('/library/images/bg-panel-br.gif') }

.container h3 .tl { background-image: url('/library/images/bg-rheader-tl.gif') }
.container h3 .tr { background-image: url('/library/images/bg-rheader-tr.gif') }
.container h3 .bl { background-image: url('/library/images/bg-rheader-bl.gif') }
.container h3 .br { background-image: url('/library/images/bg-rheader-br.gif') }

.get-quote .tl { background-image: url('/library/images/bg-rheader-tl.gif') }
.get-quote .tr { background-image: url('/library/images/bg-rheader-tr.gif') }
.get-quote .bl { background-image: url('/library/images/bg-rheader-bl.gif') }
.get-quote .br { background-image: url('/library/images/bg-rheader-br.gif') }