
/* begin css tabs */

ul#tabnav { /* general settings */
margin: 0px 0px 0px 0px;
text-align: left; /* set to left, right or center */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 0px solid #888; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 0px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fffff0; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */    

}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position:  inherit;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */

}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */width: 145px;
border: 1px solid #888; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
color: #333; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

.tabdiv
{
    margin: 0 auto;
    color: #909090;
    width: 980px;
    height:  auto;
    background-color:  transparent;
    border: 0px solid #888888;
    padding: 0px;
    /* Do rounding (native in Safari, Firefox and Chrome) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.productbrowserdiv
{
    margin: 0 auto;
    color: #909090;
    width: 980px;
    height: 90px;
    background-color: #dddddd;
    border: 1px solid #bbbbbb;
    padding: 0px;
    /* Do rounding (native in Safari, Firefox and Chrome) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.mainbar
{
    margin: 0px 0px 0px 0px;
    float: left;
    color: #000000;
    width: 950px;
    height: 85px;
    font-size: 12px;
    line-height: 14px;
    text-align:  center;
    background-color: transparent;
    border: 1px solid #bbbbbb;
}
.buttonbar
{
    margin: 0px auto;
    color: #000000;
    width: 980px;
    height: 25px;
    background-color:  transparent;
    border: 0px solid #bbbbbb;
}
.barbutton
{
    width: 100px;
    height: 24px;
    display: inline;
    overflow:hidden;
    font-size: 12px;
    text-align:  center;
    border: 1px solid #bbbbbb;
  float:left;
  margin-right:5px;
  padding:0px;
  cursor:pointer;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #000000 1px;
  border-left:solid #000000 1px;
  border-right:solid #000000 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  background-color:#000000;
}

.barbutton_off
{
    width: 100px;
    height: 25px;
    display: inline;
    overflow:hidden;
    font-size: 12px;
    text-align:  center;
    border: 1px solid #0099dd;
  float:left;
  margin-right:5px;
  padding:0px;
  cursor:pointer;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #bbbbbb 1px;
  border-left:solid #bbbbbb 1px;
  border-right:solid #bbbbbb 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  background-color:#dddddd;
}
.homebarbutton
{
    margin: 0px 0px 0px 400px;
}
.appbarbutton
{
    margin: 0px 0px 0px 10px;
}
.prodbarbutton
{
    margin: 0px 0px 0px 10px;
}
.accbarbutton
{
    margin: 0px 0px 0px 10px;
}
.mechbarbutton
{
    margin: 0px 0px 0px 10px;
}
/* General Links */
.barbutton a:link{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}

.barbutton a:visited{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color:#ffffff;
	text-decoration:none;
}

.barbutton a:hover{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color: #808080;
	text-decoration:none;
}

.barbutton a:active{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color:#C0C0C0;
	text-decoration:none;
}

/* General Links */
.barbutton_off a:link{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
}

.barbutton_off a:visited{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color:#000000;
	text-decoration:none;
}

.barbutton_off a:hover{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color: #808080;
	text-decoration:none;
}

.barbutton_off a:active{
    font-family: Arial, Helvetica, sans-serif;
        line-height: 14px;
	font-size: 100%;
        color:#C0C0C0;
	text-decoration:none;
}

ul.NoBullet {
  list-style-type: none}

#pb-productbrowsercontainer { position:relative; width:944px; height:90px; margin:0 auto; }
#pb-homeslider { top:0px; left:0; width:940px; height:80px; position:absolute; margin:0; padding:0; }
#pb-homeslider .pb-homeimage { float:left;  width:200px; height:80px; position:relative; top:0; }
#pb-homeslider .pb-homeimage a:link,
#pb-homeslider .pb-homeimage a:visited { float:left; width:100%; padding-top:70px; overflow:hidden; color:#000; font-size:13px; text-align:center; background-position:50% 100%; background-repeat:no-repeat; }
#pb-homeslider .pb-homeimage a:hover { text-decoration:none; color:#888; }
#pb-homeslider #pb-applications a { background-image: url('../graphics/decoration/apps_image.png');}
#pb-homeslider #pb-instruments a { background-image: url('../graphics/decoration/apps_image.png');}
#pb-homeslider #pb-accessories a { background-image: url('../graphics/decoration/apps_image.png');}
#pb-homeslider #pb-mechanics a { background-image: url('../graphics/decoration/apps_image.png');}
/* PRODUCT REPOSITIONING */
#pb-homeslider #pb-applications { margin:0 0px 0 0px; }
#pb-homeslider #pb-instruments { margin:0 0px 0 0px; }
#pb-homeslider #pb-accessories { margin:0 0px 0 0px; }
#pb-homeslider #pb-mechanics { margin:0 0px 0 0px; }

/* ---------------------------------------------------------------------------------------------------------------------- */
#pb-productbrowsercontainer { position:relative; width:944px; height:90px; margin:0 auto; }
#pb-appslider { top:0px; left:0; width:940px; height:80px; position:absolute; margin:0; padding:0; }
#pb-appslider .pb-appimage { float:left;  width:140px; height:80px; position:relative; top:0; }
#pb-appslider .pb-appimage a:link,
#pb-appslider .pb-appimage a:visited { float:left; width:100%; padding-top:70px; overflow:hidden; color:#000; font-size:13px; text-align:center; background-position:50% 100%; background-repeat:no-repeat; }
#pb-appslider .pb-appimage a:hover { text-decoration:none; color:#888; }
#pb-appslider #pb-lcd a { background-image: url('../graphics/products/lcd_screen_new.png');}
#pb-appslider #pb-led a { background-image: url('../graphics/products/leds_new.png');}
#pb-appslider #pb-paper a { background-image: url('../graphics/products/paper_new.png');}
#pb-appslider #pb-solar a { background-image: url('../graphics/products/solar_new.png');}
#pb-appslider #pb-glass a { background-image: url('../graphics/products/glass_new.png');}
#pb-appslider #pb-car a { background-image: url('../graphics/products/car_new.png');}
#pb-appslider #pb-liquid a { background-image: url('../graphics/products/liquid_2_new.png');}
#pb-appslider #pb-ebook a { background-image: url('../graphics/products/ebook_blue_new.png');}

/* PRODUCT REPOSITIONING */
#pb-appslider #pb-lcd { margin:0 0px 0 0px; }
#pb-appslider #pb-led { margin:0 0px 0 0px; }
#pb-appslider #pb-paper { margin:0 0px 0 0px; }
#pb-appslider #pb-solar { margin:0 0px 0 0px; }
#pb-appslider #pb-glass { margin:0 0px 0 0px; }
#pb-appslider #pb-car { margin:0 0px 0 0px; }
/* ---------------------------------------------------------------------------------------------------------------------- */
#pb-productslider { top:2px; left:0; width:940px; height:80px; position:absolute; margin:0; padding:0; }
#pb-productslider .pb-productimage { float:left;  width:140px; height:80px; position:relative; top:0; }
#pb-productslider .pb-productimage a:link,
#pb-productslider .pb-productimage a:visited { float:left; width:100%; padding-top:70px; overflow:hidden; color:#000; font-size:13px; text-align:center; background-position:50% 100%; background-repeat:no-repeat; }
#pb-productslider #pb-brontes a { background-image: url('../graphics/products/brontes.png');}
#pb-productslider #pb-arges a { background-image: url('../graphics/products/arges_45.png');}
#pb-productslider #pb-steropes a { background-image: url('../graphics/products/steropes_led.png');}
#pb-productslider #pb-brontes-is a { background-image: url('../graphics/products/brontes_is.png');}
#pb-productslider #pb-vates a { background-image: url('../graphics/products/vates.png');}
/* PRODUCT REPOSITIONING */
#pb-productslider #pb-brontes { margin:0 0px 0 0px; }
#pb-productslider #pb-arges { margin:0 0px 0 0px; }
#pb-productslider #pb-steropes { margin:0 0px 0 0px; }
#pb-productslider #pb-brontes-is { margin:0 0px 0 0px; }
#pb-productslider #pb-vates { margin:0 0px 0 0px; }
/* ---------------------------------------------------------------------------------------------------------------------- */
#pb-accslider { top:2px; left:0; width:940px; height:80px; position:absolute; margin:0; padding:0; }
#pb-accslider .pb-accimage { float:left;  width:940px; height:80px; position:relative; top:0; }
#pb-accslider .pb-accimage a:link,
#pb-accslider .pb-accimage a:visited { float:left; width:100%; padding-top:70px; overflow:hidden; color:#000; font-size:13px; text-align:center; background-position:50% 100%; background-repeat:no-repeat; }
#pb-accslider #pb-acc a { background-image: url('../graphics/accessories/accessories.png'); } 
/* PRODUCT REPOSITIONING */
#pb-accslider #pb-acc { margin:0 0px 0 0px; }
/* ---------------------------------------------------------------------------------------------------------------------- */
#pb-mechslider { top:2px; left:0; width:940px; height:80px; position:absolute; margin:0; padding:0; }
#pb-mechslider .pb-mechimage { float:left;  width:940px; height:80px; position:relative; top:0; }
#pb-mechslider .pb-mechimage a:link,
#pb-mechslider .pb-mechimage a:visited { float:left; width:100%; padding-top:70px; overflow:hidden; color:#000; font-size:13px; text-align:center; background-position:50% 100%; background-repeat:no-repeat; }
#pb-mechslider #pb-mech a { background-image: url('../graphics/mechanics/mechanics_top.png'); } 
/* PRODUCT REPOSITIONING */
#pb-mechslider #pb-mech { margin:0 0px 0 0px; }







