/* CSS Document */
html {margin-bottom: 0px;}
body {margin:0; background-color:#e5e5e5; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:1.5em;}
a {font-family:Verdana, Arial, Helvetica; color:#336633; line-height:1.5em; text-decoration:none;}
a:hover {text-decoration:underline;}
form input, form select, form textarea {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#666666; font-weight:normal}
form select {font-family:Verdana, Arial, Helvetica; font-size:11px; color:#666666;}
form p {margin:2px 0 0 0; padding:0;}
#clear {clear:both; height:0; margin:0; padding:0;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #004478; font-size: 17px; font-weight:bold; margin:0 0 25px 0; padding:0;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; font-weight:bold; margin:25px 0 0 0; padding:0;}
h3, h3 a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; line-height:normal; background-color:#666666; padding: 8px 12px 7px 12px; margin:0; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h4 {margin:0 0 0 0; padding:0 0 7px 0; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #f58220; font-size:11px; border-bottom: 1px solid #e0e0e0; text-decoration: none;}
h4 a:active, h4 a:link, h4 a:visited  {font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #f58220; font-size:11px; text-decoration: none;}
h4 a:hover {text-decoration:underline;}
h5 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #004478; font-size: 12px; font-weight:bold; margin:0 0 0px 0; padding:0;}


#container {margin:0 auto; width:901px; background-color:#FFFFFF; background-image:url(../images/border.gif); background-repeat:repeat-y; padding: 0 9px 0 9px; max-width:901px; overflow:hidden;}
#content {float: left; width: auto; background-color:#FFFFFF; margin: 10px;}
#sec_content {float: left; width: auto; background-color:#FFFFFF; margin: 1px 0 0 0;}


/* HOMEPAGE HEADER */
#header {float:left; width: 901px;}
#header_logo {float:left; width:213px; height:190px; margin:0; padding:0;}
#header_right {float:left; width:688px; height:190px; margin:0; padding:0; background-color:#f68121;}
#header_right_overstate {float:left; margin: 0 0 0 12px; width:288px; z-index:100;}
#header_right_text {float:left; margin: 0; padding: 10px 0 0 15px; width:353px;}
#header_right_text a:active, #header_right_text a:link, #header_right_text a:visited  {text-decoration:underline;}
#header_right_text a:hover  {text-decoration:none;}
#header_right_text h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 15px; color: #ffffff; margin:0; padding:0;}

#header_right_text img {margin:0 15px 0 0;}
#header_right_text ul {margin: 0; padding:10px 0 0 15px;}
#header_right_text ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; list-style-type:disc; color: #ffffff; margin: 0; padding:0;}
#header_right_text li a:active, #header_right_text li a:link, #header_right_text li a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; list-style-type:disc; color: #ffffff; margin: 0; padding:0; text-decoration:underline;}
#header_right_text ul a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; list-style-type:disc; color: #ffffff; margin: 0; padding:0; text-decoration:none;}


/* SECONDARY HEADER */
#header_sec {float:left; width: 901px; margin: 0;}
#header_logo_sec {float:left; width:189px; height:124px; margin:0; padding:0;}
#header_right_sec {float:left; width:712px; height:124px; margin:0; padding:0;}


#footer {width:877px; height:26px; margin:0; padding:9px 12px 0 12px; background-color:#e5e5e5; color: #ef8220;}
#footer a {color: #ef8220; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer_copyright {float:left; margin:0; padding:0;}
#footer_menu {float:right; margin:0; padding:0;}
#secmenu {clear: both; background-color:#f68121; width:901px; margin: 8px 0 0 0;}

/* 3 Column Layout HOMEPAGE */
#threecol_1 {float:left; width: 185px; border-right: 1px solid #c2c2c2; padding: 0 10px 0 0; }
#threecol_1 a {text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666666;}
#threecol_1 a:hover {text-decoration:underline;}
#threecol_1 h4 {margin:0 0 0 0; padding:0 0 7px 0; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #f58220; font-size:11px; border-bottom: 1px solid #e0e0e0; text-decoration: none;}
#threecol_1 h4 a:active, #threecol_1 h4 a:link, #threecol_1 h4 a:visited  {font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; color: #f58220; font-size:11px; text-decoration: none;}
#threecol_1 h4 a:hover {text-decoration:underline;}


#threecol_2 {float:left; width:456px; padding:0 12px 0 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #666666; line-height: 18px;}
#threecol_2 h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#666666; line-height:normal;}

#threecol_3 {float:left; width:195px; max-width:195px; overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #666666; line-height: 14px; padding:0 0 0 5px; border-left: 1px solid #c2c2c2;}
#threecol_3 p {padding:0 0 0 16px;}

/* 3 Column Layout SECODNARY */
#sec_3col_1 {float:left; width: 189px; height:100%; padding: 15px 0 20px 0; background-color: #195685; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; }
#sec_3col_1 a:active, #sec_3col_1 a:link, #sec_3col_1 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none; }
#sec_3col_1 a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:underline; }
#search {margin: 0 0 10px 5px;}
#nav_spacer {height: 1px; color:#FFFFFF; width: auto; background-color:#FFFFFF; overflow:hidden;}

#sec_3col_2 {float:left; width: 455px; padding: 7px 18px 20px 18px; margin: 17px 0 0 0; background-color: #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px; border-right: 1px solid #e0e0e0; }
#sec_3col_2 a:link, #sec_3col_2 a:active, #sec_3col_2 a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #004478; text-decoration:underline;}
#sec_3col_2 a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #004478; text-decoration:none;}
#sec_3col_2 ul {background-color: #e5ecf1; padding:15px 25px 15px 50px;}
#sec_3col_2 li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #004478; padding: 10px 0 0 0;}
#sec_3col_2 ul ul {
	padding:5px 10px 15px 15px;
	list-style-type: square;
}

#sec_3col_2 h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #004478; font-size: 17px; font-weight:bold; margin:0 0 25px 0; padding:0;}
#sec_3col_2 img {margin: 0 10px 5px 0;}

#prod_item {padding: 10px 0 10px 0; border-bottom: 1px solid #e0e0e0; float:left; }

#sec_3col_3 {float:left; width: 202px; padding: 0 10px 0 3px; position:relative; }
#sec_3col_3 p {padding:0 0 0 16px;}
#sec_3col_3 ul {list-style-type: none; padding: 0; margin: 0; }
#sec_3col_3 li {
display: block;
width: 200px;
}
#sec_3col_3 li a:link, #sec_3col_3 li a:active, #sec_3col_3 li a:visited   {
background-image:url(../images/rt_nav.gif);
background-position:left;
background-position:top;
background-repeat:repeat-y;
overflow:hidden;
padding: 5px 15px 5px 30px;
margin: 1px 0 0 0;
height:auto;
width: auto;
display:block;
text-decoration:none;
font-weight:bold;
}

#sec_3col_3 li a:hover  {
background-image:url(../images/rt_nav_on.gif);
text-decoration:none;
}

#sec_3col_3 li a {color:#fff;}


.left_menu {list-style-type: none; padding: 0; margin: 0; }
.left_menu li {
background-image: url(../images/li_gt.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.5em;
padding-bottom: 10px;
padding-right: 10px;
margin: 0 0 0 8px;

}

.left_menu li#selected {background-image: url(../images/li_gt2.gif);}

.product_list {list-style-type: none; margin: 0; padding: 0px 0 1px 0; background-color:#ffffff; text-decoration:none;}


.product_list li a:link, .product_list li a:active, .product_list li a:visited   {
background-image:url(../images/prod_nav.gif);
background-position:left;
background-position:top;
background-repeat:repeat-y;
overflow:hidden;
padding: 5px 15px 5px 25px;
margin: 1px 0 0 0;
width: auto;
display:block;
text-decoration:none;
}

.product_list li a:hover  {
background-image:url(../images/prod_nav_on.gif);
text-decoration:none;
}

#johnson_logo {position: absolute; bottom: 10px; padding: 0 0 0 25px;}

.table_header td {height:35px;}
.tr_header {font-weight:bold; background-color:#666666; color:#fff; }
.tr_color {background-color:#CCCCCC;}

.error {font-weight: bold; color:#FF0000;}

.cable_req_form {font-size:9px; line-height:normal;}
.cable_req_form td {padding: 10px 2px 0 0;}

#table_sd td {border-bottom:1px solid #CCCCCC;}