html {
height:100%;
overflow:auto
}
body {
height:100%;
background-color:#111;
color:#fff;
font:12px Arial, Verdana, Helvetica, Sans-serif;
min-width:1024px;
width:1024px;
margin:auto;
padding:0
}
.black{
color:#000
}
.green{
color:#61C702
}
div.header div.left div.pad a.logo,div.header .input, div.hnl_l2_p1_menu ul li a.green_arrow,div.hnl_l2_p1_menu ul li a.green_arrow:hover,div.hnl_l2_p2_menu ul li a.green_arrow,div.hnl_l2_p2_menu ul li a.green_arrow:hover,div.header div.right div.pad a.connect,div.header div.right div.pad a.connect:hover,.searchSubmit,.connect_over,.connect_on,div.footer div.left div.footerleftimages a.map,div.header div.cLangSelect div.worldMap a.map,div.footer div.left a.divider,div.worldmap div.cselectorBtn,a.green_arrow, .inputSearchProduct, .inputQuestionsKeywords,
img.map{
background:url(/ewfrf-JAVA/Image/common/header_footer_sprite_v2.gif) transparent no-repeat
}
a,object,embed {
outline:0
}
img {
border:0
}
p {
margin:0;
padding:0
}
h1,h2,h3,h4,h5 {
margin-top:0;
font-weight:400;
}
h1 {
font-size:20px;
line-height:24px
}
h2 {
font-size:18px;
line-height:22px;
font-weight:400;
}
.threeColumns h2
{
font-size:12px;
}
h3 {
font-size:16px;
line-height:18px
}
h4 {
font-size:14px;
line-height:16px
}
h5 {
font-size:12px;
line-height:16px;
font-weight:700
}
ul.horiz {
list-style-type:none;
margin:0;
padding:0
}
.gone {
visibility:hidden
}
.fadeOut {
opacity:0
}
.fadeIn {
opacity:1px
}
.clearfix {
min-height:0
}
.clearfix:after {
content:".";
clear:both;
display:block;
visibility:hidden;
height:0
}
.screenReading {
position:absolute;
width:0;
height:0;
font-size:0
}
div.everything {
position:relative;
height:100%;
width:1024px;
margin:auto
}
div.body {
position:relative;
min-height:500px;
height:auto;
width:100%;
overflow:hidden;
background:#111;
margin:0 auto
}
div.header {
position:relative;
height:120px;
width:1000px;;
/* z-index:10; */
background:#111;
min-width:950px;
margin:0 auto
}
div.footer {
position:relative;
color:#fff;
/* height:60px; */
width:1000px;
padding-top:10px;
/* z-index:9; */
background:#111;
min-width:950px;
margin:auto;
}
div.fixer {
clear:both;
width:100%;
height:10px;
overflow:hidden
}
div.max {
width:100%;
height:100%
}
a#main_nav_plus {
display:none;
float:left;
width:36px;
height:21px;
margin-top:28px;
background-image:url(/ewfrf-JAVA/Image/common/nav_plus.gif)
}
#nav_mask_content {
position:absolute;
top:-1px;
left:0
}
div.top_buyhp {
text-transform:uppercase;
background-color:#1A1A1A;
height:15px;
padding:5px
}
.top_wrapper {
width:1024px;
margin:auto
}
div.top_buyhp .top_wrapper div.top_right {
float:right
}
div.header div.left {
float:left;
left:7px;
position:relative;
top:19px;
width:90%;
z-index:1
}
div.header div.left div.pad a.logo {
background-position:0 0;
display:block;
float:left;
height:48px;
width:47px;
margin:0 15px 0 13px
}
div.header div.right {
position:relative;
top:-48px;
right:14px;
float:right;
z-index:2;
width:auto
}
div.header div.right ul.nav_buttons {
height:36px;
margin:0;
padding:0 12px 0 10px
}
div.header div.right div.search {
display:inline-block;
padding-top:10px;
width:auto;
float:left;
z-index:-1
}
div.header div.right div.nav_txt {
border-right:1px dotted #EEE;
display:inline-block;
float:left;
font:11px/11px arial;
position:relative;
top:14px;
margin:0 13px 0 11px;
padding:0 13px 0 11px
}
div.header div.right div.pad {
display:inline-block;
font:11px/11px arial
}
div.header div.right ul.nav_buttons li {
display:block;
float:left;
position:relative
}
div.header div.right div.nav_txt a {
color:#FFF;
font:11px Arial;
text-decoration:none;
text-transform:uppercase
}
div.header .input {
background-position:-150px 0;
border:medium none;
float:left;
margin:0;
padding:0 0 0 4px
}
/* this searchBox interferes with
Bravo defined searchBox in two box search
too many idiosyncrasies corrected
for IE versions to change id name
#searchBox {
background:none repeat scroll 0 0 #FFF;
color:#000;
float:left;
font-family:arial;
font-size:11px;
height:15px;
position:relative;
width:160px;
border:0;
background-color:#fff;
padding:1px 3px
}*/
.searchSubmit {
background-position:-100px 0;
border:0 none;
color:#FFF;
float:left;
height:18px;
position:relative;
width:20px;
cursor:pointer
}
div.header .header_titles {
/* border-left:1px solid #656565; */
word-wrap:break-word
}
div.header div.left div.pad img.logo {
display:block;
float:left;
background:transparent no-repeat center center;
padding:17px
}
div.header .section {
font-size:13px;
line-height:76px;
color:#61c702;
float:left;
font-weight:400;
margin-left:10px
}
div.header #nav_mask {
overflow:hidden;
position:absolute;
top:0;
left:70px;
width:100%;
height:76px
}
div.header ul.main_nav {
float:left;
list-style-type:none;
margin:0;
padding:10px 0 0
}
div.header ul.main_nav li {
display:block;
float:left;
position:relative;
/* border-left:1px solid #656565; */
margin:0;
padding:0
}
div.header ul.main_nav li a,ul#fake_drop li {
display:block;
float:left;
font:normal 13px arial;
text-decoration:none;
color:#fff;
padding:0 35px 0 10px
}
div.header ul.main_nav li ul li a {
float:none;
padding-left:15px;
width:186px;
font:normal 12px/30px arial;
text-transform:capitalize
}
div.header ul.main_nav .last {
background:url(/ewfrf-JAVA/Image/common/nav_menu_bottom.png) transparent;
height:36px
}
div.header ul.main_nav li ul li ul {
position:relative;
left:0;
top:0;
z-index:100;
width:195px;
margin:0;
padding:0
}
div.header ul.main_nav li ul li ul li a {
float:none;
padding-left:30px;
width:195px;
font:normal 12px/30px arial;
text-transform:capitalize;
line-height:25px
}
#hnl_l2_p1_inner {
display:none;
background:#111 url(/ewfrf-JAVA/Image/common/s.gif) repeat scroll 0 0;
font-family:Arial;
font-size:13px;
position:absolute;
left:65px;
top:60px;
width:230px;
z-index:15;
padding-top:5px;
padding-right:15px;
padding-bottom:15px;
border-bottom:solid 3px #61c702
}
div.hnl_l2_p1_menu ul {
list-style-type:none;
padding-left:10px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left:0
}
#hnl_l2_p2_inner {
display:none;
background:#111 url(/ewfrf-JAVA/Image/common/s.gif) repeat scroll 0 0;
font-family:Arial;
font-size:13px;
position:absolute;
left:240px;
top:60px;
width:230px;
z-index:15;
border-bottom:solid 3px #61c702;
padding-bottom:15px;
padding-top:5px;
padding-right:15px
}
div.hnl_l2_p2_menu ul {
list-style-type:none;
padding-left:15px;
line-height:25px;
margin-top:0;
margin-bottom:0;
margin-left:0
}
div.header div.right a.support_txt {
text-transform:uppercase;
font:11px/11px arial;
color:#fff;
text-decoration:none;
height:auto;
margin:12px 0 0;
padding:3px 0 0
}
div.header div.right div.pad span.buy_txt {
font:11px Arial;
color:#bababa;
text-decoration:none;
padding-top:11px;
font-weight:700;
width:auto
}
div.header div.right div.pad span.pipe_chr {
font:11px Arial;
color:#fff;
text-decoration:none;
border-right:1px dotted #eee;
height:12px;
margin:12px 11px 0 9px;
padding:3px 0 0
}
div.header div.right div.pad a {
display:block
}
div.header div.right div.pad span {
display:block;
float:left;
width:1px;
height:36px
}
div.header div.right div.pad span.d1 {
background:url(/ewfrf-JAVA/Image/common/divider_1.png) transparent no-repeat top left
}
div.header div.right div.pad span.d2 {
background:url(/ewfrf-JAVA/Image/common/divider_2.png) transparent no-repeat top left
}
div.header div.right div.pad a:focus span.hidden {
left:auto;
margin-top:40px
}
div.header div.right div.pad a.search {
width:47px;
background:url(/ewfrf-JAVA/Image/common/search.png) transparent no-repeat top left;
height:36px
}
div.header div.right div.pad a.search:hover {
width:47px;
background:url(/ewfrf-JAVA/Image/common/search_over.png) transparent no-repeat top left;
height:36px
}
div.header div.right div.pad a.connect {
width:47px;
background-position:0 -80px;
height:36px
}
#a_support_drivers {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
height:50px;
padding-top:10px;
position:relative;
left:-5px
}
#searchContainerInner {
position:absolute;
top:35px;
right:0;
height:65px;
width:auto;
background-color:#626262;
display:none;
z-index:50;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
border-bottom:solid 3px #61c702;
white-space:nowrap;
padding:10px 3px 10px 10px
}
#search_form {
margin-top:5px
}
#search_text {
width:100px
}
#recent_search {
text-align:left;
font-size:9px;
padding-top:10px;
color:#a5a5a5;
display:inline
}
#recent_search .results_list {
color:#fff;
width:313px
}
.search_over {
width:46px;
background:url(/ewfrf-JAVA/Image/common/search_over.png) transparent no-repeat top left;
height:36px
}
.search_on {
width:46px;
background:url(/ewfrf-JAVA/Image/common/search_on.png) transparent no-repeat top left;
height:36px
}
#connectContainerInner {
display:none;
background-color:#636363;
font-family:Arial;
font-size:14px;
position:absolute;
right:0;
top:35px;
width:300px;
z-index:15;
border-bottom:solid 3px #61c702;
padding:10px
}
#connectInformation {
background-color:#252525;
margin-top:10px;
float:left;
padding:20px
}
#connectContainerInnerHP {
display:none;
background-color:#636363;
font-family:Arial;
font-size:13px;
position:absolute;
right:0;
top:35px;
width:270px;
z-index:15;
border-bottom:solid 3px #61c702;
padding:10px
}
#connectInformationHP {
background-color:#252525;
padding-bottom:10px;
padding-top:10px;
margin-top:10px;
float:left
}
#connectInformationHP a {
color:#fff;
list-style-type:none;
text-decoration:none;
padding:2px 15px 3px 0
}
.connect_on {
width:46px;
background-position:0 -220px;
height:36px
}
.connect_Blueline {
background-color:#00a0d2;
font-weight:700;
font-size:11px;
height:17px;
padding:1px 0 0 5px
}
.connectHSeparator {
background-color:#252525;
height:10px;
width:auto
}
.w160 {
width:160px
}
.w170 {
width:170px
}
.connectImage {
float:left;
padding:0 10px 0 20px
}
.connect_border {
float:left;
border-bottom:1px solid #636363;
width:270px;
height:2px;
font-size:0;
margin:0 0 10px
}
.linksWidth {
width:260px
}
.leftyContact {
float:left;
font-size:12px;
padding:2px 0 0 20px
}
.connect_sub_links {
float:left;
width:255px;
margin-left:10px
}
.connect_sub_links ul {
list-style-type:none;
margin-top:0;
margin-bottom:0
}
.elementrn ul li a {
margin-right:30px;
width:auto;
clear:both
}
div.footer div.left {
float:left;
/* position:absolute; */
/* left:0; */
/* top:50%; */
/* height:29px; */
/* bottom:0; */
/* vertical-align:middle; */
/* padding:6px 6px 7px */
}
/*BEGIN HEADER COUNTRY LANGUAGE SELECTOR*/
div.header .cLangSelect
{
position:absolute;
top:83px;
height:22px;
right:25px;
padding:6px 8px 7px;
width:30%;
margin-bottom:10px;
white-space:nowrap;
}
div.header .worldMap
{
position:relative;
float:right;
margin-right:25px;
line-height:22px;
vertical-align:middle;
padding-right:7px;
right:-25px;
}
div.header div.country img
{
vertical-align:middle;
padding: 0 5px 0 0;
}
div.footer div.country img
{
padding-right:5px;
}
div.footer .country
{
float:left;
}
div.header div.country a, div.header div.country a:visited, div.footer div.footerlefttext a,div.footer div.footerlefttext a:visited
{
color: #FFFFFF;
text-decoration: none;
}
div.header div.country a:hover, div.footer div.footerlefttext a:hover
{
color: #61C702;
}
div.header div.cLangSelect a.country, div.footer div.footerlefttext a.country {
margin-left:6px;
}
div.header div.cLangSelect div.worldMap a.map {
display:inline-block;
width:40px;
height:29px;
background-position:-97px -196px
}
/*END HEADER COUNTRY LANGUAGE SELECTOR*/
div.footer div.left div.footerleftimages {
float:left;
height:29px;
bottom:0;
vertical-align:middle
}
div.footer div.cLangSelector{
width:20%
}
div.footer div.footerlefttext {
position:relative;
float:left;
bottom:0;
vertical-align:middle;
padding:6px 6px 7px;
}
div.footer div.left div.footerleftimages a.map {
float:left;
display:inline-block;
width:40px;
height:29px;
background-position:-97px -196px
}
div.footer div.left div.footerleftimages div.flag {
float:left;
display:inline-block;
width:30px;
height:22px;
line-height:29px;
vertical-align:middle;
background:transparent url(/ewfrf-JAVA/Image/common/flag_us.gif) no-repeat center center;
text-align:center
}
div.footer div.left div.footerleftimages div.flag img {
margin-top:29%
}
div.footer div.footerlefttext2 a.language {
display:inline-block;
height:29px;
font-weight:700;
font-size:10px;
color:#61c702;
text-decoration:none
}
div.footer div.left a.divider {
display:inline-block;
height:29px;
width:10px;
background-position:-100px -50px;
text-decoration:none;
vertical-align:bottom;
text-align:center
}
div.footer div.social
{
bottom:45px;
float:right;
margin-bottom:5px;
}
div.footer .facebook, div.footer .twitter, div.footer .linkedin
{
margin-right:10px;
}
div.footer div.right {
/* position:absolute; */
/* right:28px; */
/* height:13px */
float:right;
}
div.footer div.right a {
color:#B2B2B2;
text-decoration:none;
padding-top:3px
}
div.footer div.right ul {
margin-top:0;
margin-bottom:0
}
div.footer div.right li {
display:inline
}
div.footer div.right li.copyright {
color:#999
}
div.footer div.top {
bottom:30px
}
div.footer div.middle {
bottom:15px
}
/* div.footer div.bottom { */
/* bottom:0 */
/* } */
div.footer div.right span.pipe_chr_solid {
font:8px Arial;
color:#fff;
text-decoration:none;
border-right:1px solid #ccc;
margin-left:7px;
margin-right:6px
}
.footer_popup {
display:none;
min-width:175px;
width:220px;
position:absolute;
z-index:10;
top:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#444;
overflow:hidden;
border-top:solid 3px #61c702;
padding-bottom:10px
}
.footer_popup .fnr_popup_title {
color:#61c702;
background-color:#111;
height:25px;
padding-top:0.5em;
padding-left:20px;
padding-right:20px;
font-size:13px;
text-align:left;
border-bottom:solid 3px #666
}
.footer_popup .fnr_popup_menu {
background-color:#353535;
text-align:left
}
.footer_popup .fnr_popup_link {
display:block;
height:100%;
padding:0.5em 20px
}
#pfooter {
height:40px;
}
div.worldmap {
width:956px;
height:483px;
position:absolute;
overflow:hidden;
z-index:20000000
}
div.worldmap img.mapImage {
width:auto;
height:100%;
top:0;
left:0;
position:absolute;
z-index:10000
}
div.worldmap div.cselectorBtn {
height:18px;
width:20px;
top:2%;
right:1%;
position:absolute;
background-position:-100px -250px;
background-repeat:no-repeat;
overflow:hidden;
z-index:10007
}
div.worldmap div.continentDiv {
background:transparent url(/ewfrf-JAVA/Image/common/s.gif) repeat scroll 0 0;
position:relative;
overflow:hidden;
top:-11%;
height:106%;
width:33%;
float:left;
z-index:10004
}
div.worldmap a.continentText {
text-align:center;
background-color:transparent;
overflow:hidden;
position:relative;
width:33%;
font-family:Arial;
font-size:16pt;
top:40%;
float:left;
z-index:10001
}
div.worldmap div.continentDiv div.countries {
top:20px;
padding-top:21px;
padding-left:35px;
padding-right:30px;
text-align:left;
position:relative;
background:#111 url(/ewfrf-JAVA/Image/common/s.gif) repeat scroll 0 0;
height:100%;
z-index:10005
}
div.worldmap div.continentDiv div.countries span {
position:relative;
bottom:-10px
}
div.worldmap div.continentDiv div.countries div.continentheader {
color:#FFF;
font-family:Arial;
font-size:16pt
}
div.worldmap div.continentDiv div.countries div.firstcolumn a,div.worldmap div.countries div.secondcolumn a {
color:#FFF;
cursor:pointer;
font-family:Arial;
font-size:11px;
text-decoration:none
}
div.footer div.left div.footerlefttext a.country,div.footer div.footerlefttext2 a.language_opt {
display:inline-block;
height:29px;
font-weight:700;
font-size:10px;
color:#fff;
text-decoration:none;
padding-left:0
}
.dotted_left {
border-left:1px dotted #fff;
width:1px;
position:relative;
top:5px;
height:12px;
background-color:transparent;
float:left;
padding-right:2px
}
.hand,div.worldmap div.cselectorBtn:hover, div.footer .social {
cursor:pointer
}
div.header .section a,div.footer div.left div.footerlefttext a:hover,div.footer div.left div.footerlefttext a:focus,div.footer div.right a:hover,div.footer div.right a:focus,.footer_popup .hover:hover a:hover,.footer_popup a:focus,div.worldmap div.continentDiv div.countries div.firstcolumn a:hover,div.worldmap div.continentDiv div.countries div.secondcolumn a:hover,div.worldmap div.continentDiv div.countries div.firstcolumn a:focus,div.worldmap div.continentDiv div.countries div.secondcolumn a:focus,div.worldmap div.continentDiv div.countries div.firstcolumn a:active,div.worldmap div.continentDiv div.countries div.secondcolumn a:active {
color:#61c702;
text-decoration:none;
cursor:pointer;
}
div.header ul.main_nav li a:hover,div.header ul.main_nav li a:focus,div.header ul.main_nav li ul a:hover,div.header div.right a.support_txt:hover,div.header div.right a.support_txt:focus,div.footer div.footerlefttext2 a.language_opt:hover,div.footer div.right a.selected_footer,.footer_popup .fnr_popup_menu:hover a,.selected_footer {
color:#61c702
}
div.header ul.main_nav li ul li,div.header ul.main_nav li ul li ul li {
float:none;
background-color:#282828
}
div.hnl_l2_p1_menu ul li a.green_arrow,div.hnl_l2_p2_menu ul li a.green_arrow,a.green_arrow {
background-position:-150px -96px;
padding-left:14px
}
div.hnl_l2_p1_menu ul li ul,div.hnl_l2_p2_menu ul li ul {
padding-left:15px;
padding-bottom:10px
}
div.hnl_l2_p1_menu ul li ul li,div.hnl_l2_p2_menu ul li ul li {
line-height:15px;
padding:3px
}
div.hnl_l2_p1_menu a,div.hnl_l2_p2_menu a,.footer_popup .hover a {
color:#fff;
text-decoration:none
}
div.hnl_l2_p1_menu a:hover,div.hnl_l2_p2_menu a:hover,#connectInformationHP a:hover,div.hnl_l2_p1_menu a:focus,div.hnl_l2_p2_menu a:focus,#connectInformationHP a:focus {
color:#61c702 !important
}
div.hnl_l2_p1_menu ul li a.green_arrow:hover,div.hnl_l2_p2_menu ul li a.green_arrow:hover,a.green_arrow:hover,div.hnl_l2_p1_menu ul li a.green_arrow:focus,div.hnl_l2_p2_menu ul li a.green_arrow:focus,a.green_arrow:focus {
background-position:-100px -116px !important
}
.accordion_link {
display:block;
padding:5px 10px
}
#a_support_drivers a:hover,div.footer div.left div.footerleftimages a.map:hover,div.footer div.left div.footerleftimages a.map:focus,div.footer div.left div.footerleftimages a.map:visited,div.footer div.left div.footerleftimages a.map:active {
text-decoration:none
}
#searchContainer,#connectContainer {
position:absolute;
right:-5px;
top:0
}
#searchIcon,#connectIcon {
position:absolute;
top:0;
right:0;
z-index:101;
border:1px solid #1c1c1c;
font-size:0
}
#search_results,#connect_results {
padding-top:30px
}
#search_results_header,#connect_results_header {
color:#fff;
font-size:14px
}
#connectLinks,#connectLinks2 {
color:#fff;
height:17px
}
.footer_popup .hover:hover,.footer_popup .hover:focus {
background-color:#202020
}
div.worldmap div.continentDiv div.countries div.firstcolumn,div.worldmap div.continentDiv div.countries div.secondcolumn {
padding-top:18px;
position:relative;
width:50%;
float:left;
line-height:14px
}
div.top_buyhp .top_wrapper div.top_left,ul.horiz li,.hn1_l1_p1,.lefty {
float:left
}
div.header div.right div.pad a.connect:hover,div.header div.right div.pad a.connect:focus,div.header div.right div.pad a.connect:active {
width:47px;
background-position:0 -150px;
height:36px
}
.connect_over {
width:47px;
height:36px;
background-position:0 -150px !important
}
a.ribbon_link {
text-decoration:none;
color:#FFF
}
.ribbon_link:hover,.ribbon_link:focus {
text-decoration:none;
color:#61c702
}