html {
height : 100%;
margin : 0;
padding : 0;
}
body {
height : 100%;
margin : 0;
padding : 0;
background-image : url(../Images/MP-BG.jpg);
background-repeat : no-repeat;
background-color : #23242b;
text-align : center;
}
div#container {
width : 950px;
margin-left : auto;
margin-right : auto;
text-align : center;
}
div#inner {
width : 926px;
background-color : #ffffff;
margin-left : auto;
margin-right : auto;
text-align : left;
}
div#header {
height : 100px;
background-image : url(../Images/Header.jpg);
background-repeat : no-repeat;
}
div#navigation {
height : 36px;
white-space : nowrap;
background-image : url(../Images/bodybg.gif);
background-repeat : repeat-x;
background-position : bottom left;
}
div#navigation img {
border : none;
}
div#body {
background-color : #ffffff;
padding-top : 9px;
padding-left : 7px;
padding-right : 7px;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #4b4b4b;
}
div#body input, div#body select, div#body textarea {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #4b4b4b;
border-style : solid;
border-width : 1px;
border-color : #a1a0a2;
padding : 2px;
}
div#body p {
margin-top : 0;
margin-bottom : 15px;
margin-left : 4px;
margin-right : 4px;
}
div#body div#left a, div#body div#right a {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cc3636;
}
div#body .dottedline {
background-image : url(../Images/dotted_sep.gif);
background-repeat : repeat-x;
background-position : center 0%;
margin-right : 5px;
margin-left : 5px;
margin-top : 5px;
}
div#body div#left {
float : left;
width : 193px;
margin : 0;
padding : 0;
margin-right : 14px;
}
div#body div#left .heading {
width : 181px;
height : 27px;
background-color : #898989;
background-image : url(../Images/left_headerbg.jpg);
background-repeat : no-repeat;
line-height : 2em;
margin-bottom : 12px;
padding : 0;
padding-left : 12px;
overflow : hidden;
text-align : left;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #ffffff;
font-weight : bold;
white-space : nowrap;
}
div#body div#left div.controlbox {
background-color : #4A6590;
text-align : center;
margin-bottom : 20px;
padding-bottom : 10px;
}
div#body div#left div.controlbox .form {
width : 171px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #696969;
margin-left : 8px;
border-style : solid;
border-width : 1px;
border-color : #959595;
}
div#browse-drops select {
width : 171px;
margin : 3px 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #4b4b4b;
border-style : solid;
border-width : 1px;
border-color : #959595;
}
div#body div#left div.controlbox h1 {
font-size : 12px;
padding : 5px;
}
div#body div#left p {
margin : 0;
padding : 4px;
}
div#body div#left div#left-nav {
margin-left : 5px;
margin-right : 7px;
margin-top : 10px;
}
div#body div.nav-heading {
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #646464;
font-weight : bold;
white-space : nowrap;
border-bottom-style : solid;
border-bottom-color : #ffffff;
border-bottom-width : 2px;
margin-bottom : 10px;
text-align : left;
}
div#body div.nav-bullet {
float : left;
width : 5px;
height : 13px;
background-position : center left;
background-image : url(../Images/nav-item-bullet.gif);
background-repeat : no-repeat;
}
div#body div#left div#left-nav div.nav-item {
float : right;
width : 170px;
padding-left : 5px;
}
div.dotted-line {
background-image : url(../Images/dotted_sep.gif);
background-repeat : repeat-x;
background-position : center center;
height : 15px;
}
div#body div#right {
float : right;
width : 691px;
margin : 0;
padding : 0;
margin-left : 14px;
}
div#body div#right p {
margin-right : 10px;
}
div#body div#right .heading {
width : 679px;
height : 27px;
padding-left : 12px;
background-color : #898989;
background-image : url(../Images/right_headerbg.jpg);
background-repeat : no-repeat;
line-height : 2em;
margin-bottom : 12px;
text-align : left;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #ffffff;
font-weight : bold;
white-space : nowrap;
}
div#body div#right h1 {
margin-right : 4px;
margin-left : 4px;
margin-top : 0;
margin-bottom : 0;
padding : 0;
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #cc3636;
font-weight : bold;
}
div#body div#right div.left-float {
float : left;
margin-left : 4px;
margin-top : 0;
margin-right : 10px;
margin-bottom : 10px;
}
div#body div#right div.left-float p {
padding : 0;
margin-left : 2px;
margin-top : 2px;
margin-bottom : 0;
margin-right : 0;
}
div#body div#right div.right-float {
float : right;
margin-left : 10px;
margin-top : 0;
margin-right : 4px;
margin-bottom : 10px;
}
div#body div#right div.right-float p {
padding : 0;
margin-left : 0;
margin-top : 2px;
margin-bottom : 0;
margin-right : 2px;
}
.product {
background-color : #ffffff;
border-style : solid;
border-color : #ffffff;
border-width : 1px;
padding : 3px;
}
div#body div#right .product-list {
width : 100%;
}
div#body div#right .product-list th {
height : 28px;
background-image : url(../Images/product-list_heading.jpg);
background-repeat : repeat-x;
color : #cc3333;
font-weight : bold;
padding : 5px;
}
div#body div#right .product-list th a:link, div#body div#right .product-list th a:visited, div#body div#right .product-list th a:active {
color : #ffffff;
text-decoration : none;
}
div#body div#right .product-list th a:hover {
text-decoration : underline;
}
div#body div#right .product-list td {
padding : 5px;
}
div#body div#right .even {
background-color : #b7c7e3;
}
div#body div#right .product-heading {
margin : 0;
background-image : url(../Images/product-detail_heading.jpg);
background-repeat : repeat-x;
background-position : left bottom;
background-color : #6e8fc6;
padding-bottom : 8px;
}
div#body div#right .product-heading h1 {
margin : 0;
padding : 0;
padding-top : 5px;
margin-left : 7px;
font-size : 13px;
font-weight : bold;
color : #ffffff;
}
div#body div#right .product-heading h2 {
margin : 0;
padding : 0;
margin-left : 7px;
color : #ffcb1a;
font-size : 11px;
font-weight : normal;
}
div#body div#right .imageNumber {
width : 15px;
height : 15px;
background : #e0e0e0;
border : 1px solid #a0a0a0;
margin-left : 5px;
font-size : 10px;
line-height : 15px;
text-align : center;
}
div#body div#right .imageNumber-selected {
width : 15px;
height : 15px;
border : 1px solid #a0a0a0;
margin-left : 5px;
font-size : 10px;
line-height : 15px;
text-align : center;
}
div#body div#right div#PartImage ul {
list-style : none;
margin : 0;
padding : 0;
}
div#body div#right div#PartImage ul li {
float : left;
display : inline;
background : #e0e0e0;
margin-left : 2px;
}
div#body div#right div#PartImage ul li a {
display : block;
width : 15px;
height : 15px;
border : 1px solid #a0a0a0;
line-height : 15px;
text-align : center;
text-decoration : none;
color : #636363;
}
div#body div#right div#PartImage ul li a:hover {
background : #fff;
}
div#body div#right div#PartImage ul li.selected {
background : #fff;
}
div#body div#right .product-detail {
width : 100%;
}
div#body div#right .product-detail td {
height : 23px;
padding-left : 10px;
}
div#article strong {
color : #cc3636;
}
.stronger {
color : #cc3636;
font-size : 12px;
font-weight : bold;
}
div#footer-container {
width : 926px;
bottom : 0 !important ;
height : 50px;
text-align : center;
}
div#footer {
width : 912px;
margin-top : 8px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #636363;
text-align : center;
}
div#footer p {
padding : 2px;
margin : 0;
}
div#footer a:link, div#footer a:visited, div#footer a:hover, div#footer a:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #636363;
}
div#copyright {
width : 912px;
padding-bottom : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #959595;
text-align : center;
}
div#copyright p {
padding : 2px;
margin : 0;
}
div#copyright a:link, div#copyright a:visited, div#copyright a:hover, div#copyright a:active {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #959595;
}
div.solid-line {
height : 10px;
background-image : url(../Images/solid-linebg.gif);
background-repeat : repeat-x;
background-position : center 0%;
}
div.datasheet-grid {
text-align : center;
}
div.datasheet-grid table {
margin : 0 auto;
}
div.datasheet-grid img {
margin-bottom : 3px;
}
div.datasheet-grid td {
width : 33%;
text-align : center;
padding : 15px 5px 15px 5px;
border-top : 1px dotted #a3a3a3;
}
div.datasheet-grida td {
width : 33%;
text-align : center;
padding : 15px 5px 15px 5px;
border-top : 1px solid #ffffff;
}
div.datasheet-grid tr {
height : 10px;
}
.related-parts td {
background : url(../Images/dotted_sep.gif) repeat-x bottom left;
padding : 8px 0 10px 0;
}
.related-parts {
padding-bottom : 20px;
}
.tabberlive .tabbertabhide {
display : none;
}
div.tabberlive {
float : left;
width : 100%;
background : url(../Images/tab_bottom-border.gif) repeat-x top;
}
ul.tabbernav {
margin : 0;
padding : 0;
list-style : none;
}
ul.tabbernav li {
float : left;
margin : 0 0 0 5px;
padding : 0;
background : url(../Images/tab_right.gif) no-repeat top right;
line-height : 24px;
}
ul.tabbernav li a {
float : left;
display : block;
height : 24px;
background : url(../Images/tab_left.gif) no-repeat top left;
padding : 0 10px 0 10px;
font-weight : bold;
color : #676767;
text-decoration : none;
}
div#body div#right div#detail-tabs ul li a {
color : #676767;
}
ul.tabbernav li.tabberactive {
background : url(../Images/tab_right-on.gif) no-repeat top right;
}
ul.tabbernav li.tabberactive a {
float : left;
background : url(../Images/tab_left-on.gif) no-repeat top left;
padding-bottom : 2px;
}
div.tabbertab {
padding : 15px 5px 15px 5px;
margin : 0;
}
div#product-tabs a {
float : none;
}
.pdf-link {
background : url(../Images/icon_pdf.jpg) no-repeat left center;
padding-left : 20px;
height : 18px;
margin-left : 15px;
}
.pdf-link a {
text-decoration : none;
}
.pdf-link a:hover {
text-decoration : underline;
}
div.RFQ div {
margin : 7px 0;
}
.qty {
width : 30px;
}
.partnum {
width : 175px;
}
.teaser {
width : 181px;
height : 251px;
background-color : transparent;
padding : 0 0 10px 5px;
margin : 10px auto;
background : url(../Images/tsr02.jpg);
background-repeat : no-repeat;
}
.teaserttl {
font-size : 13px;
font-weight : bold;
margin : 0;
padding : 7px 10px 3px 10px;
}
#lightbox {
position : absolute;
top : 40px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../Images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../Images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../Images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
div#right .dak td
{
height : 40px;
width : 84px;
text-align :center;
background-color : #333333;
}

.outer {
position:relative;
padding:40px 0 30px 0;
width: 660px;
background:#eee;
margin:0 auto 30px auto;
}
.innera {
overflow:auto;
width:660px;
height:250px;
}
.outer table caption {
position:absolute;
width: 660px;
text-align:center;
top:0;
left:0;
height: 25px;
background: #292e70;
border-width:0.1em;
border-style:solid;
border-color:#fff;
color:#fff;
font-family: "Trebuchet MS", Arial, Helvetica, san-serif;

}
.outer thead tr {
position:absolute;
top: 15px;
height: 25px;
left:0;
}
.outer tfoot td {
position:absolute;
width:650px;
text-align:center;
background: #6287f0; 
border-width:0.1em;
border-style:solid;
border-color:#000;
color: #fff;
bottom:0;
left:0

}
.outer th, .outer td {
width:150px; 
text-align:left;
}
.outer th {
background: #6287f0; 
color:#fff;

}
.outer .dk {background:#fff;
}

.tableone {width:660px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:640px; border-collapse:collapse;}
.th1 {width:172px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}
.th1p {width:120px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}
.th2 {width:82px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}
.th3 {width:330px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}

.th4 {width:100px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}
.th5 {width:120px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}
.th6 {width:320px;padding-left : 3px;background-image : url(../Images/table_bga.gif);
background-repeat : repeat-x;}


.td1 {width:172px;padding-left : 3px;}
.td1p {width:120px;padding-left : 3px;}
.td2 {width:82px;padding-left : 10px;}
.td3 {width:320px;padding-left : 3px;}
.td4 {width:100px;padding-left : 3px;}
.td5 {width:120px;padding-left : 10px;}
.td6 {width:320px;padding-left : 3px;}


.tableone {background: #113f7e; border:1px solid #fff; color: #fff;}
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background: #191919; color: white;}
.tableone caption {background:#fff;
color: black;
font-size: 15px;
margin:0 auto;
font-weight: bold;
line-height: 22px;
}
.tabletwo td {background:#eee; color:#000;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#000;}

.innerb {height:250px; overflow:auto;}