/* ------------------------------ TAGS ------------------------------ */
a {
	color: #0066B3;
	text-decoration: none;	
}

a:hover {
	color: #0066B3;
	text-decoration: underline;	
}

a p {
    margin: 0 !important;
    padding: 0 !important;
}

body {
	background-color: #E5E7EB;
	color: #001A51;
	font-family: verdana, helvetica, sans-serif;
	font-size: small;
	height: 100%;
	margin: 0;	
}

form {
	margin: 0;
}

#header h1 {
	background: url('/ple/css/images/gui/logo.png') no-repeat top left;
	height: 45px;
	line-height: 0;
	margin: 0;
	position: relative;
	left: 12px;
	width: 278px;
	text-indent: -9000px;
}

div .breakout {
	background-color: #e1e2e6;
	border: 1px solid #b5b8bf;
	color: #286cb5;
	float: right;
	margin: 0 20px !important;
	padding: 10px;
	width: 30%;
}

h1 a {
	display: block;
	height: 40px;
	width: 258px;
}

h2 {
	font-weight: normal;
	line-height: 1;
	margin: 0 0 10px 0;
	font-size: x-large;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
	height: 1px;
}

html {
	height: 100%;
}

p img {
	float: left;
	margin: 0 10px 10px 0;
}

table {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #001a51;
    width: 100%;
}

/* ------------------------------ IDS ------------------------------- */

#addFileLink {
	font-size: 86%;
}

#container {
	background: #fff url('/ple/css/images/gui/left_col_bg.gif') repeat-y top left;
	max-width: 1200px;
	width: 100%;
	min-height: 100%;
	position: absolute;
}

#drop_shadow {
	background: url('/ple/css/images/gui/drop_shad.gif') repeat-y;
	height: 100%;
	position: absolute;
	right: 0;
	width: 6px;
}

#header {
	background: #1070B8 url('/ple/css/images/gui/header_bg.jpg') repeat-x;
	padding-top: 12px;
}

#header br {
	clear: both;
}

#footer {
	font-size: x-small;
	margin-left: 0px;
	padding: 20px 0;
	text-align: center;
}

#footer p {
	margin: 0;
}

#left_col {
	float: left;
	padding: 5px;
	width: 130px;
	position: relative;
}

#left_col h3 {
	background: #F8F9FA url('/ple/css/images/gui/box_top.gif') no-repeat top center;
	font-size: 90%;
	line-height: 1.5;
	margin: 0;
	padding: 10px 10px 0 10px;
}

#left_col ul {
	background: url('/ple/css/images/gui/box_bg.jpg') repeat-x top center;
	font-size: 11px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#left_col ul li {
	line-height: 1.2;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0;
	padding: 5px 10px;
}

#nav #logout {
	border: none;
	font-size: x-small;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 0;
}

#main_col {
	line-height: 1.5;
	margin-left: 140px;
	margin-right: 6px;
	padding: 25px;
	position: relative;
}

#main_col h3 {
    color: #d83b20;
    font-size: small;
    font-weight: bold;
	margin: 0 0 10px 0;
}

#main_col p {
	margin: 0 0 20px 0;
}

#main_col ul {
    line-height: 1.3;
	margin: 0 40px 20px 40px;
	padding: 0;
}

#main_col ul li {
	margin: 10px 0;
	padding: 0;
}

#main_col #featured_items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#main_col #featured_items h3 {
    background-color: #0066B3;
    color: #fff;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 5px;
}

#main_col #featured_items li img {
    background: #B9DCF6;
    float: right;
    border: 1px solid #0066B3;
    margin: 5px;
    padding: 1px;
}

#main_col #featured_items li {
    background: #fff;
    border: 1px solid #ccc;
    margin: 30px 0;
    padding: 2px;
}

#main_col #featured_items li ul {
    font-size: 10px;
    font-weight: bold;
    list-style-type: disc;
    margin: 20px 0 0 0;
    min-height: 1%;
    padding-left: 40px;
}

#main_col #featured_items li ul ul {
    margin: 0;
    font-weight: normal;
}

#main_col #featured_items li ul#more_list {
    display: none;
    margin: 0; 
}

*:first-child+html #main_col #featured_items li ul {
    margin: 12px 0 0 0;
}

#main_col #featured_items li ul li {
    background: none;
    border: none;
    margin: 8px 0;
    padding: 0;
}

#main_col #featured_items li p {
    margin: 5px;
}

#main_col #featured_items .feature_content {
    background: #eee;
}

#main_col #intro {
    float: left;
    min-height: 800px;
}

#main_col #intro p.note {
    font-size: 86%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#main_col #sidebar { 
    height: 100%;
    list-style-type: none; 
    margin: 0; 
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 225px;
}

#main_col #sidebar li {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #68A4D2;
    height: 75px;
    margin: 10px;
    text-indent: -1000em;
}

#middle {
	clear: both;
}

#more_link {
    font-weight: normal;
    list-style-type: none;
}

#nav {
	background-color: #68A4D2;
	border-bottom: 1px solid #fff;
	font-size: small;
	margin-top: 10px;
	padding: 10px 15px;
}

#nav form {
	float: right;
	margin: 0;
	width: 206px;
}

#nav #pn_form {
	float: right;
	margin: 0;
	width: 180px;
	margin-left: 10px;
}

#nav form input[type='text'] {
	border: 1px solid #356097;
	float: left;
	font-size: 11px;
	height: 13px;
	margin: 0;
	padding: 2px;
	width: 144px;
}

#nav form #pn_search {
	width: 110px;
}

#nav form input[type='image'] {
	float: right;
	margin: 0;
	padding: 0;
}

#nav ul {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
}

#nav ul li {
	border-right: 1px solid #5284A9;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
}

#nav ul li a {
	color: #fff;
}

#nav ul li a:hover,
#nav ul li a.active {
	color: #356097;
	text-decoration: none;
}

#nav #query_autocomplete, 
#nav #autocomplete,
#query_autocomplete, 
#autocomplete,
#nav #pn_autocomplete,
.ac_results {
	padding-bottom: 1px;
	z-index: 1001;
}

#nav #query_autocomplete ul, 
#nav #autocomplete ul,
#query_autocomplete ul, 
#autocomplete ul,
#nav #pn_autocomplete ul,
.ac_results ul {
	border: 1px solid #aaa;
	border-top: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav #query_autocomplete ul, 
#nav #autocomplete ul,
#nav #pn_autocomplete ul {
    border-color: #356097;
}

#nav #query_autocomplete ul li, 
#nav #autocomplete ul li,
#query_autocomplete ul li, 
#autocomplete ul li,
#nav #pn_autocomplete ul li,
.ac_results ul li {
    background-color: #eee;
	border: none;
	border-top: 1px solid #fff;
	cursor: hand;
	cursor: pointer;
	filter: alpha(opacity=80);
	float: none;
	font-size: 86%;
	line-height: 1.3;
	margin: 0;
	min-height: 1%;
	opacity: .8;
	padding: 2px;
}

#nav #query_autocomplete ul li.selected, 
#nav #autocomplete ul li.selected,
#query_autocomplete ul li.selected, 
#autocomplete ul li.selected,
#nav #pn_autocomplete ul li.selected,
.ac_results ul li.ac_over {
	background: #ddd;
	filter: alpha(opacity=100);
	font-weight: bold;
	opacity: 1;
}

/* ---------------------------- CLASSES ----------------------------- */

.active_link, .active_link:hover {
	color: #d83b20 !important;
}

.box {
	background: #DDDFE4 url('/ple/css/images/gui/box_bot.gif') no-repeat bottom center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}

.clearing {
	clear: both;
}

ul.actions {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}

*:first-child+html ul.actions {
	height: 1%;
}

ul.actions li,
.clipbtn {
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
	border-bottom: none;
	display: inline;
	float: left;
    font: x-small Verdana, Arial, Helvetica, sans-serif;
	margin: 0 !important;
	padding: 0 !important;
}

.clipbtn {
	float: right;
	position: relative;
}

.clipbtn a {
	background: url('/ple/img/page_copy.png') no-repeat 5px 5px;
	border: 1px solid #fff;
	display: block;
	font-family: 'courier new', courier, monospace;
	font-size: 24px;
	height: 24px;
 	line-height: 1;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	white-space: pre;
	width: 24px;
}

#copystatus {
	background-color: #333;
	color: #fff;
	display: none;
	font-size: xx-small;
	float: right;
	line-height: 27px;
	padding: 0 5px;
	text-transform: uppercase;
}

.copybtn {
	display: none;
	white-space: pre;
}

ul.actions li a, 
ul.actions li a.active {
	border: 1px solid #fff;
	display: block;
	min-height: 18px;
	padding: 6px 8px 0 8px;
}

*html ul.actions li a, 
*html ul.actions li a.active {
	padding: 6px 8px;
}

ul.actions li a.active,
ul.actions li a.active:hover {
	background-color: #f5f5f5;
	border-color: #fff;
	color: #333;
	text-decoration: none;
}

div.actions {
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7;
	border-bottom: none;
	display: inline;
	float: left;
    font: x-small Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	list-style-type: none;
	margin: 12px 0 0 0;
	padding: 0;
}

div.actions a, .actions .tab {
	border: 1px solid #fff;
	display: block;
	padding: 6px 8px;
}

.boxinfo {
    border: solid 1px #001A51;
    padding: 3px;
    font-size: 10px;
}

.button, .inline_button {
	background-color: #0066cc; 
	border: 1px solid #0066cc;
	color: #fff;
	display: block;
	margin: 4px auto 0 auto;
	padding: 2px;
	text-decoration: none;
	width: auto !important;
	width: 12em;
	max-width: 12em;
}

.button:hover, .inline_button:hover {
	background-color: #E6F3FF;
	color: #0066CC; 
	text-decoration: none;
}

.clearing {
	clear: both;
}

.divider {
	clear: both;
}

.filters {
    float: left; 
    margin-right: 10px;
}

.inline_button {
	display: inline;
	margin: 16px 0 8px 0;
	padding: 2px 8px;
	text-align: center;
}

.inlinetitle {
    font-size: small;
    color: #001A51;
    font-weight: bold;
}

a.partfinder:hover {
    background-color: #eee;
    text-decoration: none;
}

.left {
	float: left;
	margin: 20px 0;
	width: 48%;
}

.partnumber {
    border-collapse: collapse;
    width: auto;
}

.partnumber td {
    padding: 3px 6px;
}

.partnumber .highlight {
    background-color: #cbe4ff;
}

.link_list {
    border: 1px solid #e7e7e7;
    border-top: none;
    float: left;
    font-size: x-small;
    list-style-type: none;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 500px;
}

.link_list li {
    border-top: 1px solid #e7e7e7;
    margin: 0 !important;
	padding: 0 !important;
}

.link_list li a,
.pdf_link {
    display: block;
	background: url('/images/pdficon_small.gif') no-repeat 5px 50%;
    margin: 0;
	padding: 3px 10px 3px 30px;
}

.link_list li a:hover {
    background-color: #f5f5f5;
    text-decoration: none;
}

.link_list li p {
    margin: 0;
}

.pdf_link {
    font-size: x-small;
    font-weight: bold;
}

.pdf_link:hover {
    background-color: #f8f8f8;
    text-decoration: none;
}

.ple_column {
    background-color: #e7e7e7;
	float: left;
    font: x-small Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	line-height: normal !important;
	margin: 4px 4px 0 0 !important;
	padding: 0 !important;
	width: 49%;
}

.ple_column li {
	background-color: #fff;
	margin: 1px !important;
	padding: 6px 16px !important;
}

.ple_column li.col_title {
    background-color: #f5f5f5;
	border: 1px solid #fff;
	font-weight: bold;
	margin-top: 1px !important;
	padding: 6px 8px !important;
}

.prices {
    width: 100%;
}

.short_desc {
    background: url('/images/certified.gif') no-repeat left center; 
    line-height: 1.7; 
    padding: 10px 0 10px 80px;
}

.smalltext {
    font-size: 10px;
    color: #001A51;
}

.subtitle {
    color: #d83b20;
    font-size: small;
    font-weight: bold;
	margin: 0;
}

.orderComment {
	border: 1px solid #e7e7e7;
	font: x-small verdana;
	margin-bottom: 10px;
	padding: 1px;
}

.orderComment p {
	margin: 0 !important;
	padding: 4px;
}

.orderComment p.commentName {
	background-color: #E5EFFF;
}

.wrapper {
	float: left;
	width: 100%;
}

/* ---------------------------- FORMS ------------------------------- */

#eng_form, 
#ple_form, 
.ple_form {
	border: 1px solid #e7e7e7;
	clear: both; 
	display: block;
	margin: 0 0 18px 0;
	padding: 0 1px 1px 1px;
}

#eng_form label, 
#ple_form label, 
.ple_form label {
	display: inline;
	float: left;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	width: 10em;
}

#rep_registration.ple_form label {
    width: 18em;
}

#rep_registration.ple_form .optional input,
#rep_form.ple_form .optional input {
    width: 301px;
}

#rep_registration.ple_form.ple_form .optional input.small_input,
#rep_form.ple_form.ple_form .optional input.small_input {
    width: 145px;
}

#rep_form.ple_form.ple_form .optional input#rep_individual_cancel {
    width: auto;
}

#eng_form .optional, 
#ple_form .optional, 
.ple_form .optional, 
#eng_form .submit, 
#ple_form .submit, 
.ple_form .submit {
    background-color: #f5f5f5;
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #fff;
	clear: both;
	padding: 8px;
}

#eng_form .submit, 
#ple_form .submit,
.ple_form .submit{
	border-bottom: none;
}

#ple_form textarea, .ple_form textarea {
	height: 150px;
	margin: 0;
	width: 75%;
}

#rep_registration.ple_form textarea {
    width: 301px;
}

#eng_parts, 
#ple_table,
.ple_doc_table, 
.ple_table {
    background-color: #c7c7c7;
    border-spacing: 1px;
	clear: both;
    font: x-small Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 24px 0;
    width: 100%;
}

.ple_doc_table {
    color: #333;
    font: small Verdana, Arial, Helvetica, sans-serif;
  	margin: 0;
}

.filters .ple_table {
    width: auto; 
    line-height: 2;
}

*:first-child+html .ple_table {
	clear: none;
}

.ple_doc_table caption {
    font-size: medium;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.ple_doc_table caption span {
    float: right;
}

.ple_doc_table tbody {
    font-size: x-small;
}

#eng_parts tbody tr,
.ple_doc_table tbody tr, 
#ple_table tbody tr, 
.ple_table tbody tr {
    color: #333;
    background-color: #fff;
    text-align: left;
}

#eng_parts tbody tr.odd,
#ple_table tbody tr.odd, 
.ple_table tbody tr.odd,
.ple_doc_table tbody tr.even {
    background-color: #ebf8fe;
}

#eng_parts td, 
table#eng_parts th, 
#ple_table td,
table#ple_table th, 
.ple_doc_table td,
.ple_doc_table th,
.ple_table td, 
table.ple_table th {
    padding: 6px 8px;
	vertical-align: top;
}

.ple_doc_table thead td {
    background: #fff;
    text-transform: uppercase;
}

#eng_parts thead th, 
#ple_table thead th,
.ple_doc_table thead th, 
.ple_doc_table tbody th, 
.ple_table thead th {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    color: #666;
    padding: 6px 4px;
    text-align: center;
    text-transform: uppercase;
}

.ple_doc_table thead th, 
.ple_doc_table tbody th {
    text-align: left;
    text-transform: capitalize;
}

.ple_doc_table tfoot {
    background-color: #f5f5f5;
    color: #666;
    font-size: x-small;
    text-align: left;
}
.ple_doc_table tfoot th, table tfoot td {
    border: 1px solid #fff;
}
.ple_doc_table tfoot th {
    line-height: 1.5;
    font-size: small;
}

.ple_doc_table .clearing {
    border: 1px solid #e7e7e7;
    clear: both;
}

.ple_table.right {
    float: right;
    margin-left: 1px;
    margin-top: 29px;
    width: auto;
}

.ple_doc_table .left, 
.ple_doc_table .right {
    float: left;
    margin-bottom: 10px;
    padding: 10px;
}

.ple_doc_table .right {
    float: right;
}
