/* Basic structure of site */
html,body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:left;
height:100%;
padding:0px;
margin:0px;
color: #FFFFFF;
background:url(../template_images/bg.jpg) repeat-x top left #686560;
}
table#welcome_box {
height:308px;
}
table.shell {
margin:0px auto 0px auto;
width: 950px
}
table.body {
width: 950px;
height: 100%;
background: #5A5753;
margin:20px auto 0px auto;
}
td.header_top {
text-align:left;
font-size: 12px;
color: #FFFFFF;
height: 10px;
padding-bottom: 5px;
}
td.header {
height: 110px;
*height: 100px;
background: url(../template_images/header/bg_header.jpg) repeat-x top left;
}
*html td.header {
background: url(../template_images/header/bg_header.jpg) top left;
}
td.menu {
height: 26px;
}
td.outer {
text-align:left;
color: #FFFFFF;
vertical-align: top;
padding:0px 0px 0px 25px;
}
table.outer{
width:900px;
}
td.footer {
Border: 25px solid #5A5753;
background: url(../template_images/footer_bg.jpg) repeat-x top left #CCCCCC;
text-align:left;
font-size: 10px;
height:26px;
color: #000000;
padding-left: 15px;
}
/* HEADER */
/* header - top */
div.headertop_L {
text-align: left;
color: #FFFFFF;
font-size: 10px;
float: left;
bottom: 0px;
}
html>body div.headertop_L {
height: 10px;
}
div.headertop_R {
color: #FFFFFF;
font-size: 9px;
text-align: right;
float: right;
}
td.header_top h1 {
display: inline;
font-size: 10px;
font-weight: normal;
}
#header {
}
#header_L{
float: left;
padding-left: 20px;
height: 110px;
}
#header_R {
float: right;
padding: 0px 0px 10px 0px;
margin: 0px;
}
/*header - menu*/
div.menu {
}
table.navitem {
}
td.navitem {
height: 20px;
width:115px;
}
#navitem_0 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_0:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_1 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_1:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_2 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_2:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666; width:180px;}
#navitem_3 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left; color:#666666; width:170px;}
#navitem_3:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666; width:170px;}
#navitem_4 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left; color:#666666; width:170px;}
#navitem_4:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666; width:170px;}
#navitem_5 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left;color:#666666}
#navitem_5:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666}
#navitem_6 {background: url(../template_images/header/menu_standard.jpg) no-repeat top left;color:#666666}
#navitem_6:hover {background: url(../template_images/header/menu_ro_standard.jpg) no-repeat top left;color:#666666}
td.side_navitem_Chain {background: url(../template_images/header/menu_bg_chains.jpg) repeat-x top left;
border:1px solid #CC0000;
height:22px;
padding-left:15px;}
td.side_navitem_Fittings {background: url(../template_images/header/menu_bg_fittings.jpg) repeat-x top left;
border:1px solid #D07300;
height:22px;
padding-left:15px;}
td.side_navitem_Hoists {background: url(../template_images/header/menu_bg_fittings.jpg) repeat-x top left;
border:1px solid #D07300;
height:22px;
padding-left:15px;}
td.side_navitem_Materials {background: url(../template_images/header/menu_bg_hoists.jpg) repeat-x top left;
border:1px solid #046B9A;
height:22px;
padding-left:15px;}
td.side_navitem_Entertainment {background: url(../template_images/header/menu_bg_entertainment.jpg) repeat-x top left;
border:1px solid #000000;
height:22px;
padding-left:15px;}
td.side_navitem_3 {background: url(../template_images/header/menu_bg_standard.jpg) repeat-x top left;
color:#666666;
border:1px solid #BEBDBB;
height:22px;
font-weight:bold;
font-size:9px;
padding-left:15px;}
td.side_navitem_4 {background: url(../template_images/header/menu_bg_standard.jpg) repeat-x top left;
color:#666666;
border:1px solid #BEBDBB;
height:22px;
font-weight:bold;
font-size:9px;
padding-left:15px;}
td.side_navitem_5 {background: url(../template_images/header/menu_bg_standard.jpg) repeat-x top left;color:#666666;
border:1px solid #BEBDBB;
height:22px;
color:#666666;
font-weight:bold;
font-size:9px;
padding-left:15px;}
td.side_navitem_6 {background: url(../template_images/header/menu_bg_standard.jpg) repeat-x top left;color:#666666;
border:1px solid #BEBDBB;
height:22px;
color:#666666;
font-weight:bold;
font-size:9px;
padding-left:15px;}
td.navitem_button {
width: 30%;
}
a.navitem:link {display: block;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding-left:5px;margin:0;}
a.navitem:visited {display: block;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding-left:5px;margin:0;}
a.navitem:active {display: block;font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; height: 20px;line-height: 20px; padding-left:5px;margin:0;}
a.navitem:hover {display: block;font-size: 12px; font-weight: bold; color: #FFFFFF; height: 20px;text-decoration: none; line-height: 20px; padding-left:5px;margin:0;}
td.nav_border {
width: 5px;
}
/*ENTRY*/
td.entry_hero {
background:#5A5753 none repeat scroll 0 0;
font-size:12px;
vertical-align:top;
width:900px;
}
#welcome {
background: #5A5753;
width:34%;
padding:10px 0px 10px 25px;
vertical-align:top;
}
#news {
width:66%;
padding:10px 25px 10px 5px;
vertical-align:top;
}
#text_box p{
padding-left: 15px;
color:#FFFFFF;
}
#blue_header{
background:url(../template_images/h1_header_blue.jpg) repeat-x top left;
height: 22px;
border: #046B9A 1px solid;
color:#FFFFFF;
padding-left: 15px;
}
#grey_header{
background:url(../template_images/btn_header_grey.jpg) repeat-x 0 0;
height: 22px;
border: #93918C 1px solid;
margin:0 15px;
padding:0 15px;
}
#grey_header1{
width:500px;
background:url(../template_images/btn_header_grey.jpg) repeat-x 0 0;
height: 22px;
border: #93918C 1px solid;
margin:0 15px;
padding:0 15px;
}
td.rhs {
width: 135px;
padding-left: 5px;
vertical-align: top;
}
/*INFO*/
td.info {
vertical-align: top;
padding-top: 10px;
padding-right: 0px;
width:680px;
}
.info_table {
width: 100%;
*width: 680px;
}
td.info_cell {
background:#65615A;
padding: 15px;
}
/*SIDEBAR*/
td.lhs {
width: 220px;
vertical-align: top;
*padding: 10px 25px 10px 0px;
padding: 10px 25px 10px 0px;
}
.table_lhs {
background: #65615A;
}
.table_lhs_contact {
background: #65615A;
}
table.sidebar {
}
a.s_nav {display: block;width:127px;color: #000000;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: #FFFFFF}
a.s_nav:link {display: block;width:127px;color: #000000;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: #FFFFFF}
a.s_nav:active {display: block;width:127px;color: #000000;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: #FFFFFF}
a.s_nav:visited {display: block;width:127px;color: #000000;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: #FFFFFF}
a.s_nav:hover {display: block;width:127px;color: #000000;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: #FFFFFF}
* html a.s_nav {width: 135px}
* html a.s_nav:link {width: 135px}
* html a.s_nav:active {width: 135px}
* html a.s_nav:visited {width: 135px}
* html a.s_nav:hover {width: 135px}
a.s_nav_active {display: block;width:127px;color: #BF2229;font-weight: bold;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: url(../template_images/mod_header.jpg) repeat-y top right;}
a.s_nav_active:link {display: block;width:127px;color: #BF2229;font-weight: bold;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: url(../template_images/mod_header.jpg) repeat-y top right;}
a.s_nav_active:active {display: block;width:127px;color: #BF2229;font-weight: bold;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: url(../template_images/mod_header.jpg) repeat-y top right;}
a.s_nav_active:visited {display: block;width:127px;color: #BF2229;font-weight: bold;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: url(../template_images/mod_header.jpg) repeat-y top right;}
a.s_nav_active:hover {display: block;width:127px;color: #BF2229;font-weight: bold;border: 1px solid #E3E3E3;padding: 3px;margin-bottom:2px;background: url(../template_images/mod_header.jpg) repeat-y top right;}
* html a.s_nav_active {width: 135px}
* html a.s_nav_active:link {width: 135px}
* html a.s_nav_active:active {width: 135px}
* html a.s_nav_active:visited {width: 135px}
* html a.s_nav_active:hover {width: 135px}
a.nav_sub_item {color: #FFCC33;line-height:20px}
a.nav_sub_item:link {color: #FFCC33;line-height:20px}
a.nav_sub_item:active {color: #FFCC33;line-height:20px}
a.nav_sub_item:visited {color: #FFCC33;line-height:20px}
a.nav_sub_item:hover {color: #FFFFFF;line-height:20px}
a.nav_sub_item_active {color: #FFFFFF;font-weight: bold;line-height:20px}
a.nav_sub_item_active:link {color: #FFFFFF;font-weight: bold;line-height:20px}
a.nav_sub_item_active:active {color: #FFFFFF;font-weight: bold;line-height:20px}
a.nav_sub_item_active:visited {color: #FFFFFF;font-weight: bold;line-height:20px}
a.nav_sub_item_active:hover {color: #FFFFFF;font-weight: bold;line-height:20px}
/* sub items */
td.lhs ul {
list-style-image: url('../template_images/icons/arrow_sm.gif');
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 19px
}
* html td.lhs ul {
list-style-image: url('../template_images/icons/arrow_sm.gif');
margin: 0px 0px 10px 21px;
padding: 0px;
}
td.lhs ul.s_nav li {
width: 100px;
}
/* MODULE (side) BOX(S) */
div.mod_box {
width: 133px;
border: 1px solid #E3E3E3;
margin: 0px 0px 5px 0px;
}
* html div.mod_box {
width: 135px;
}
div.mod_box span {
text-align: center;
display: block;
line-height: 25px;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
background: url(../template_images/mod_header.jpg) repeat-y top right;
height: 25px;
border-bottom: 1px solid #E3E3E3;
}
div.mod_box div {
padding: 3px 3px 3px 5px;
margin: 0px
}
div.mod_box div input.field {
font-size: 11px;
width: 110px;
}
#adspace {
padding-left:5px
}
/*footer*/
td.footer a {color: #000000}
td.footer a:link {color: #000000}
td.footer a:active {color: #000000}
td.footer a:visited {color: #000000}
td.footer a:hover {color: #000000}
#divleft {
text-align: left;
float: left;
position: relative;
clear: left;
padding-top: 9px;
}
#divright {
text-align: right;
float: right;
position: relative;
clear: right;
}
/* HELP */
#help {
color: #FFFFFF;
}
#help a {
color: #FFFFFF;
}
table.help_search {
font-size: 12px;
width: 100%;
padding-bottom: 10px;
}
table.help_body {
width: 100%;
border-top: 1px solid #006AC;
padding-top: 10px;
}
td.help_icon {
text-align: left;
width: 16px;
}
a.help_addresslink:link {color: #FFFFFF; font-size: 12px; text-decoration: none}
a.help_addresslink:visited {color: #FFFFFF; font-size: 12px; text-decoration: none}
a.help_addresslink:active {color: #FFFFFF; font-size: 12px; text-decoration: none}
a.help_addresslink:hover {color: #FFFFFF; font-size: 12px; text-decoration: underline}
td.help_section {
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
}
td.help_question {
color: #FFFFFF;
padding: 8px;
}
td.help_answer {
color: #FFFFFF;
padding-left: 20px;
padding-bottom: 20px;
}
table.help_topten {
width: 100%;
border-top: 1px solid #E3E3E3;
padding-top: 10px;
margin-top: 25px;
}
td.help_topten_header {
font-weight: bold;
color: #FFFFFF;
}
#filerow {}
#filerowalt {
background:#5A5753;
}
/* NEWS */
div.news h5 {
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
div.news span {
display: block;
font-style: italic;
}
/* FORMS */
table.feedback {
width: 100%;
}
table.form_table {
text-align: center;
width: 100%;
margin: 10px auto 10px auto;
padding-bottom: 5px;
}
td.feedback_text {
text-align: left;
vertical-align: top
}
td.form_right {
text-align: left;
}
td.form_left {
text-align: right;
padding: 0px 15px 0px 5px
}
td.form_right input,textarea {
font-size: 12px;
color: #000000;
width: 200px;
border: 1px solid #E3E3E3;
margin: 5px 0px 5px 0px;
overflow: auto;
}
td.form_section {
text-align: left;
font-weight: bold;
color: #000000;
padding: 10px 0px 0px 10px;
border-bottom: 1px solid #000000;
}
input.field {
font-size: 10px;
color: #000000;
border: 1px solid #666666;
}
input.button {
font-size: 10px;
color: #000000;
background: #E3E3E3;
border: 1px solid #666666;
}
/* Sitemap */
li.sitemap {
font-style: italic;
color: #AAAAAA;
}
li.sitemap a {
font-style: normal;
font-weight: bold;
color: #FFCC33;
}
/*common*/
#location {
text-align: left;
color: #666666;
height: 20px;
padding: 5px 0px 5px 5px;
}
#location a {
color: #666666;
}
a {color: #FFCC33; text-decoration: none}
a:link {color: #FFCC33; text-decoration: none}
a:active {color: #FFCC33; text-decoration: none}
a:hover {color: #FFFFFF; text-decoration: none}
table {font-size: 12px;color: #FFFFFF}
td {font-size: 12px;color: #FFFFFF}
div {margin: 0px;padding: 0px}
p {font-size: 12px;color: #FFFFFF;margin: 0px; padding: 5px 0px 10px 0px}
img {border: 0px}
form {margin: 0px;padding:0px}
select {font-size: 12px;color: #000000}
textarea {font-size: 12px;color: #000000; font-family: Arial,Helvetica,sans-serif;}
input {font-size: 12px}
h1 {font-size: 14px;
font-weight: bold;
margin: 0px;
color:#000000;
padding: 0px;
}
h2 {font-size: 12px;
font-weight: bold}
hr {
border-width: 0px;
color: #FFFFFF;
background: #E3E3E3;
height: 1px;
}
.b {
font-weight: bold;
}
.top {
vertical-align: top
}
.mid {
vertical-align: middle
}
.bot {
vertical-align: bottom;
}
.center {
text-align: center;
margin: 0px auto 0px auto
}
.right {
text-align: right;
margin: 0px 0px 0px auto
}
.left {
text-align: left;
margin: 0px auto 0px 0px
}
ul {
list-style-image: url('../template_images/icons/bullet.gif');
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 14px
}
* html ul {
list-style-image: url('../template_images/icons/bullet.gif');
margin: 0px 0px 10px 16px;
padding: 0px;
}
ol {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 14px
}
* html ol {
margin: 0px 0px 10px 16px;
padding: 0px;
}
li {
font-size: 12px;
color: #FFFFFF;
}
html>body li {
padding: 0px;
margin: 0px;
}
td.navitem2 {
padding-left:20px;
}
td.navitem_blank {
padding-top:25px;
font-size:0px;
background: #5A5753;
}
td.prod_det_desc {
padding-left:25px;
}
td.entry_box {
padding:10px 10px 0px 05px;
margin:10px 15px 0px 25px;
width: 300px;
}
/*Newly added*/
.rht a {
float:right;
margin:-15px 10px 0 0;
font-size:11px;
}
.rht a:link,.rht a:visited,.rht a:hover,.rht a:active{
color:#000;
}
.prd_title, a.prd_title {
font-weight:bold;
font-size:11px;
padding-left:10px;
line-height:18px;
color:#FFF;
}
a.prd_title: visited {
color:#FFFFFF;
}
a.prd_title {
padding:0;
}
ul.industry {
padding:0;
margin:0;
color:#FFF;
}
.industry li {
background:url(../template_images/dots.jpg) repeat-x bottom;
list-style-image: url(../template_images/icons/bullet.gif);
list-style-position:inside;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
padding:6px 5px 10px 0;
margin:5px 0;
color:#FFF;
}
.industry li a:link {color: #FFFFFF;}
.industry li a:visited {color: #FFFFFF;}
.industry li a:active {color: #FFFFFF;}
.industry li a:hover {color: #FFCC33;}
.top_img {
margin:10px 0 0;
padding:0;
}
#wel_box p {
padding:12px;
line-height:16px;
color:#FFF;
}
/*Drop down menu*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
border: 0;
z-index:100;
/*background:transparent;*/
width:180px;
display: block;
visibility: hidden;
font-weight:normal;
margin:0;
padding:0;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}
*html .dropmenudiv{
margin:0 0 0 -26px;
padding:0;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
font:normal 13px Arial;
height:40px;
display: block;
line-height:40px;
margin:0;
padding:0;
font-weight:normal;
border-bottom:1px solid #b1b1b1;
text-decoration: none;
color: #fff;
background-color:#565555;
/*background: transparent url(../images/drop-down-bg.png) repeat-x;*/
/*background:transparent filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
background:#5986B2;
opacity:0.8;*/
}
* html .dropmenudiv a{ /*IE only hack*/
height:40px;
background-color:#565555;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color:#fff;
background-color:#919191;
text-decoration:none;
}
/* special styling for IE5.5 and IE6 - transparency is non validating */
.dropmenudiv ul li a:hover {
/*background:transparent filter: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;*/
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.dropmenudiv ul li a:hover {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}