/* COLORS

Molex red: #ee3a43;
Molex orange: #f99d32;
Molex blue: 

*/

/* ===================== BASE TAGS BEGIN ===================== */
html,body,div,
code,var,pre,samp,span,blockquote,address,kbd,cite,abbr,acronym,
ul,ol,dl,li,dt,dd,
a,p,h1,h2,h3,h4,h5,h6,
em,strong,
abbr,acronym,
form,fieldset,legend,label,option,textarea,
table,caption,tr,th,td,tbody,thead,tfoot,col,colgroup 
{margin:0;padding:0;border:none;outline:none;font-family:verdana,Arial,sans-serif;color:#333;font-size:11px;font-style:normal;font-weight:normal;line-height:100%;}
body {background-color:transparent;height:100%;}
input,textarea {border:1px solid #ccc;background-color:#fff;}
input,select {margin:0;}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;}
a {text-decoration:underline;color:#333;}
a:hover {text-decoration:none;color:#333;}
p {line-height:140%;margin-top:10px;}
em {font-style:italic;}
img {border:none;margin:0;padding:0;}
blockquote {margin:10px 40px;}
hr {margin:0;padding:0;border:0;border-bottom:1px solid #ccc;height:1px;line-height:0;font-size:0;}
abbr,acronym {border-bottom:1px dotted #000;cursor:help;}
ol,ul,dl {margin:10px;}
li {margin-top:5px;}
ol li {list-style:decimal outside;}
ul li {list-style:disc outside;}
/* ===================== BASE TAGS END ===================== */

body {background-image: url(../images/body_bg.gif); background-repeat: repeat;}

ul li, p, dt, dd { color: #636466;}

/*SITE WRAPPER*/

div.tWrapper{ background-color: white; background-image: url(../images/content_bg.gif); background-repeat: repeat-y; position: relative; margin:0 auto;width:935px;border-left: 3px solid #d2d2d2;border-right: 3px solid #d2d2d2;}


/* LEFT SIDEBAR */

div.tSidebar {z-index: 999; float: left; width: 231px;background-image: url(../images/sidebar_bg.png); background-repeat: no-repeat;text-align: center;}
div.tSidebar img {margin: 10px;}
div.tSidebar a#logo {overflow: hidden; margin: 20px auto 40px; display: block; background-image: url(../images/molex_logo.png); background-repeat: no-repeat; background-position: center; width: 169px; padding-top: 60px; height: 0;}
	* html div.tSidebar a#logo {background-image: url(../images/molex_logo.gif);}
div.tSidebar div.menu {margin: 10px 0 30px 0;}
div.tSidebar div.menu ul {list-style-type: none; margin: 0; padding: 0;}
div.tSidebar div.menu ul li {margin: 2px 0; list-style-type: none; padding: 0;}
	* html div.tSidebar div.menu ul li {zoom:1;}
div.tSidebar div.menu ul li a {font-size: 14px; display: block;background-color: #d2d2d2; border-left: 13px solid #636466; padding: 6px 14px; text-align: left; text-decoration: none; color: #636466;}
div.tSidebar div.menu ul li a.focus, div.tSidebar div.menu ul li a:hover {color: #ee3a43; border: none; background-image: url(../images/selected_menu_bg.gif); background-repeat: no-repeat; padding-left: 27px;}

div.tSidebar div.menu ul li ul.submenu {margin: 0; padding: 2px 0 5px 0;background-color: #d2d2d2; border-left: 13px solid #636466;}
div.tSidebar div.menu ul li ul.submenu li a.focus, div.tSidebar div.menu ul li ul.submenu li a:hover {background-image: none; border: none;}
div.tSidebar div.menu ul li ul.submenu li {margin: 0;}
div.tSidebar div.menu ul li ul.submenu li a {font-size: 10px; padding: 2px 25px; border: none; font-weight: bold;}

/* CONTENT */

div.tContent {float:left;padding-bottom: 50px; background-color: transparent;}
div.tContent h1 {color: #ee3a43; font-size: 18px; font-weight: normal; margin-bottom: 25px;}
div.tContent h1 span {color: #ee3a43; font-size: 14px; font-weight: normal;}
div.tContent h2 {clear: both; color: #4e8abe; font-size: 12px; font-weight: bold; clear:both; margin-top: 0; padding-top: 15px;}
div.tContent a {color: #71cef5;}

div.focusCol {float: left; padding: 20px; width: 440px; overflow:hidden;}

div.tContent ul#press_releases li {margin-bottom: 20px;}
div.tContent ul#press_releases li a {color: #636466;}

div.tContent div.copy ul {margin-left: 0; padding-left: 0;}
div.tContent div.copy ul li {list-style-type: none; line-height: 120%;}
div.tContent div.copy ul li span.bullet { color: #ee3a43;}
div.tContent div.copy ul.two_col {margin-left: 10px;}
div.tContent div.copy ul.two_col li {float: left; margin-right: 20px; width: 40%;list-style-type: disc;}
div.tContent div.copy dl {margin: 20px 0 30px;}
div.tContent div.copy dt {color: #4e8abe; margin: 20px 0 3px;}
div.tContent div.copy dd {line-height: 130%;}
div.tContent div.copy dd.smalltext {margin-top: 10px; font-size: 10px;}

div.tContent div.col {float: left; margin-right: 5px; width: 45%; margin-bottom: 15px;}
div.tContent div.col img {margin: 10px 0; }

div.tContent div.products {margin-top: 20px;}
div.tContent div.products div.product {float: left; width: 45%; margin-right: 15px;}
div.tContent div.products div.product h2 {color: #ee3a43; font-size: 14px; margin: 5px 0; font-weight: normal;}
div.tContent div.products div.product a {display: block; margin: 5px 0;}

div.focusCol div.form {margin-top: 40px;}
div.focusCol div.form label, div.focusCol div.form input.text {float: left; margin: 0 10px 10px 0; width: 107px; font-size: 10px;}
div.focusCol div.form label {width: 83px; text-align: right;}
div.focusCol div.form input#submitForm {margin-right: 20px; float: right; clear: both; border:none; width: 68px; height: 30px; display: block; padding-top: 10px;}

div.subColA {float: left; padding: 10px 10px 100px 29px; width: 181px; border-left: 1px solid #ddd; margin: 43px 0 0 0; color: #636466;}
div.subColA hr {margin: 20px 11px 20px -14px; color: #ddd; background-color: #ddd; border-color: #ddd;}
div.subColA div#stay_connected {width: 167px;}
div.subColA div#stay_connected p {font-style: italic; margin: 0 0 0 73px;}

div.subColA ul li { color: #636466;}

/* popup */

div#Popup {overflow: hidden; color: #555; display : none;background-color: #ededed;height:598px;left:25%;padding:10px;position: fixed !important; position:absolute;top:70px;width:700px;z-index:50000;}
div#Popup div.popup_content {background-color: white; margin: 21px;border:3px solid #dadada;}
div#Popup div.popup_content h2 {color: #f50f44; font-size: 18px; font-weight: normal; margin: 20px;}
div#Popup div.popup_content p {margin: 20px 20px 35px 20px;}
div#Popup a#close_window {float: right; display: block; margin: -30px;}
div#PopupDisablePage {display: none; background-color:black;height:100%;left:0pt;opacity:0.5;filter: alpha(opacity = 50);position: fixed !important; position:absolute;top:0pt;width:100%;z-index:49999;}


/* FOOTER */

div.tFooter {clear: both; background-image: url(../images/content_bg.gif); background-repeat: repeat-y; padding: 10px 20px; background-color: white; }
div.tFooter p {display: inline;  color: #919191;}
div.tFooter ul {position: absolute; display: inline; bottom: 0; left: 231px; color: #919191;}
div.tFooter ul li {display: inline; border-right: 1px solid #ddd; padding: 0 7px;}
div.tFooter ul li a {text-decoration: none;  color: #919191;}