/*
=================================================================================
WISEINTERNET APPLICATION DEVELOPMENT. ©2007 WISEINTERNET. WWW.WISEINTERNET.COM
All rights reserved. No unauthorised duplication. 
=================================================================================
*/

body {
text-align:center;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(/img/bg.jpg) repeat-x #eeeeee;
}

h1{
font-size:20px;
font-weight:bold;
color:#006699;
margin-bottom:2px;
}

h2{
font-size:16px;
font-weight:normal;
color:#006699;
margin-bottom:2px;
}

h3{
font-size:13px;
font-weight:normal;
color:#006699;
margin-bottom:2px;
}

h4{
font-size:11px;
font-weight:bold;
color:#000000;
margin-bottom:2px;
}

p{
line-height:150%;
margin-top:0;
}

strong{
color:#006699;
}

ul{
line-height:150%;
margin-top:-6px !important;
margin-top:-10px;
margin-left:-27px !important;
margin-left:15px;
}

*:first-child+html ul{
margin-top:-10px !important;
margin-left:15px !important;
}

ol{
line-height:150%;
margin-top:-6px !important;
margin-top:-10px;
margin-left:-21px !important;
margin-left:22px;
margin-right:100px;
}

*:first-child+html ol{
margin-top:-10px !important;
margin-left:22px !important;
}

a:link, a:visited, a:active{
color:#006699;
}

a:hover{
color:#ff8e00;
}

/* WRAPPER DIVS - Structure divs */
#wrapper {
width:984px;
margin:0 auto;
text-align:left;
background:#fff;
border:1px solid #CCCCCC;
border-top:0px;
position:relative; 
top:0;
}

#wrapper-header{
width:984px;
position:absolute;
top:0;
}

#wrapper-body{
width:984px;
padding-top:81px;
}

#topbar{
width:984px;
height:39px;
border-top:1px solid #666;
background:url(/img/bg_topbar_grey.gif) repeat-x;
padding-bottom:42px;
}
#topbar-grey{
width:984px;
height:39px;
border-top:1px solid #666;
background:url(/img/bg_topbar_grey.gif) repeat-x;
padding-bottom:42px;
}
#navigation{
width:987px;
height:42px; 
position:absolute;
top:39px;
}

#banner{
width:984px;
height:83px;
background:url(/img/bg_banner.jpg) no-repeat;
}
#banner-home{
width:984px;
height:124px;
background:url(/img/bg_homebanner.jpg) no-repeat;
}
#column-left{
width:200px;
float:left;
padding-top:8px;
padding-left:4px;
}
#column-left-home {
width:346px;
float:left;
margin-bottom:-25px;
border-right:1px dashed #ccc;
}
#column-right{
width:780px;
float:right;
}
#column-right-home {
width:637px;
float:right;
background:url(/img/bg_homecontent.gif) repeat-x #fff;
position:relative;
top:0px;
}
#content{
padding:15px;
}
#content-home {
padding:15px;
}
#footer{
width:984px;
height:28px;
background:url(../img/bg_footer.gif) repeat-x;
position:relative;
top:0;
}
#flash {
position:absolute;
top:-50px;

}
/*END STRUCTURAL DIVS */

.logo{
position:absolute;
top:2px;
left:5px;
}

#search{
width:330px;
height:30px;
position:absolute;
top:0px !important;
top:2px;
right:3px;
}

*:first-child+html #search{
top:2px !important;
}

#phone{
width:220px;
height:30px;
position:absolute;
top:5px !important;
top:5px;
right:0px;
font-size:11px;
color:#fff;
}

*:first-child+html #phone{
top:5px !important;
}

#phone span{
font-size:21px;
}

.fmText{
width:250px;
height:18px;
background-color:#FFFFFF !important;
border:1px solid #CCCCCC;
}

.fmSearchButton{
position:relative;
top:7px !important;
top:4px;
}

*:first-child+html .fmSearchButton {
top:4px !important;
}

#banner h1{
color:#FFFFFF;
font-size:36px;
font-weight:normal;
position:absolute;
top:72px !important;
top:96px;
left:220px;
}

*:first-child+html #banner h1{
top:96px !important;
}
#banner-home h1{
color:#FFFFFF;
font-size:24px;
font-weight:normal;
position:absolute;
top:86px !important;
top:102px;
left:360px;
}

*:first-child+html #banner-home h1{
top:102px !important;
}

.banner-image{
float:right;
}

.copyright{
color:#FFFFFF;
position:absolute;
top:6px;
left:5px;
}

.WiseInternet{
color:#FFFFFF;
position:absolute;
top:6px;
right:7px;
}

.WiseInternet a:link, .WiseInternet a:visited, .WiseInternet a:active{
color:#FFFFFF;
text-decoration:none;
}

.WiseInternet a:hover{
text-decoration:underline;
}

/*NAVIGATION*/
.topMenu-pro:link, .topMenu-pro:active, .topMenu-pro:visited{
height:28px;
display:block;
float:left;
background:url(/img/bt_profile.gif) repeat-x;
border-left:1px solid #286498;
border-right:1px solid #447eb0;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}

.topMenu-pro:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}

.topMenu-pro-on:link, .topMenu-pro-on:active, .topMenu-pro-on:visited, .topMenu-pro-on:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}


.topMenu-mech:link, .topMenu-mech:active, .topMenu-mech:visited{
height:28px;
display:block;
float:left;
background:url(/img/bt_mechanical.gif) repeat-x;
border-left:1px solid #295c88;
border-right:1px solid #143a5b;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}

.topMenu-mech:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}

.topMenu-mech-on:link, .topMenu-mech-on:active, .topMenu-mech-on:visited, .topMenu-mech-on:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:9px;
padding-right:9px;
}

.topMenu-elec:link, .topMenu-elec:active, .topMenu-elec:visited{
height:28px;
display:block;
float:left;
background:url(/img/bt_electrical.gif) repeat-x;
border-left:1px solid #3671a1;
border-right:1px solid #11385d;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:8px;
padding-right:8px;
}

.topMenu-elec:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:8px;
padding-right:8px;
}

.topMenu-elec-on:link, .topMenu-elec-on:active, .topMenu-elec-on:visited, .topMenu-elec-on:hover{
height:28px;
display:block;
float:left;
background:url(/img/bt_active.gif) repeat-x;
border-left:1px solid #e4a71f;
border-right:1px solid #fffd59;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:14px;
padding-left:8px;
padding-right:8px;
}

#column-left ul{
list-style:none;
margin-left:-30px !important;
margin-left:10px;
margin-top:2px !important;
margin-top:0px;
margin-bottom:5px;
}

*:first-child+html #column-left ul{
margin-left:10px !important;
margin-top:0px !important;
}

#column-left ul li{
list-style:none;
margin-left:0;
}

#column-left ul li a:link, #column-left ul li a:active, #column-left ul li a:visited{
display:block;
width:171px;
height:25px;
background:url(/img/bt_button.gif) no-repeat;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:10px;
padding-left:10px;
margin-bottom:1px;
}

#column-left ul li a:hover{
display:block;
width:171px;
height:25px;
background:url(/img/bt_button_on.gif) no-repeat;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:10px;
padding-left:10px;
margin-bottom:1px;
}

#column-left ul li .On:link, #column-left ul li .On:active, #column-left ul li .On:visited, #column-left ul li .On:hover{
display:block;
width:171px;
height:25px;
background:url(/img/bt_button_on.gif) no-repeat;
color:#FFFFFF;
text-decoration:none;
font-size:9px;
padding-top:10px;
padding-left:10px;
margin-bottom:1px;
}