/***************************************************/
/*RESET*/
*{padding:0px; margin:0px;}
*:focus {outline: 0;}
img{border:0;}
.clear{clear:both; height:1px;}

/***************************************************/
/*PAGE*/
html{width:100%; height:100%;}
body{background:url(../images/background.png) no-repeat top center; background-color: #82a431; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#wrapper{height:100%;}
#container{width:988px; margin: 0 auto; position:relative;}
#top{background:url(../images/bg_top.png) no-repeat top left; width:988px; height:33px;}
#header{background:url(../images/bg_middle.png) repeat-y top left; width:988px;}
#bottom{background:url(../images/bg_bottom.png) no-repeat top left; width:988px; height:33px;}
#middle{background:url(../images/bg_middle.png) repeat-y top left; width:988px; min-height:600px;}

/***************************************************/
#lang{height:25px; float:right; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;font-size:10px;
margin-top:6px; margin-right:30px;}
#lang a { text-decoration:none; color:#fff;}
#lang a:hover, #lang a:active { text-decoration:underline; color:#fff;}
#lang_left{background:url(../images/lang_left.png) no-repeat top left; width:10px; height:25px; float:left;}
#lang_middle{background: #0c4da2; height:20px; float:left; padding-top:5px;}
#lang_middle .current{text-decoration:underline;}
#lang_right{background:url(../images/lang_right.png) no-repeat top left; width:10px; height:25px; float:left;}

/***************************************************/
#navigation{font-family:Arial, Helvetica, sans-serif; font-size:12px; top:120px; position:absolute; right:15px; z-index:800;}
#navigation, #navigation ul{list-style:none;line-height: 1;}
#navigation li{float:left;}
#navigation a {color:#00457c; text-decoration:none; padding-left:15px; padding-right:15px; background:url(../images/nav_shadow_small.png) no-repeat bottom center; vertical-align:top; height:16px; padding-bottom:6px; display:block;}
#navigation .CustomNav{background:url(../images/nav_shadow.png) no-repeat bottom center; vertical-align:top;}
#navigation a:hover{background:url(../images/nav_shadow_over_small.png) no-repeat bottom center;}
#navigation .CustomNav:hover{background:url(../images/nav_shadow_over.png) no-repeat bottom center; vertical-align:top;}
#navigation li ul{background:#ffffff; border:1px solid #0c4da2; position:absolute; width:110px; left: -999em;}
#navigation li:hover ul ul, #navigation li.sfhover ul ul {left: -999em;}
#navigation li ul li{ padding:1px;}
#navigation li ul li a{background:url(../images/arrow.jpg) no-repeat; padding-left:18px; color:#00457c; display:block; background-position:0px 5px; padding-bottom:3px; padding-top:3px; width:75px;}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {left: auto;}
#navigation li ul li a:hover {background:url(../images/arrow_over.jpg) no-repeat #c6d3e4; background-position:0 5px;}
#navigation .Current a{background:url(../images/nav_shadow_over_small.png) no-repeat bottom center; font-weight:bold;}
#navigation .Current .CustomNav{background:url(../images/nav_shadow_over.png) no-repeat bottom center; vertical-align:top;}
#navigation .Current ul a{background:none;}
#navigation .Current ul .Current a{background:url(../images/arrow_over.jpg) no-repeat #c6d3e4; background-position:0 5px;}
/***************************************************/
#logo{display:block; padding-left:30px;}
#footer{background:url(../images/bg_middle.png) repeat-y top left; width:958px; padding-left:30px; font-size:10px; position:relative; padding-top:20px;}
#footer a {text-decoration:none; color:#000000;}
#watts{position:absolute; right:35px;}
#pane{background:url(../images/img_tubes.png) no-repeat; background-position:10px 15px; width:670px; padding-left:285px; min-height:90px; padding-top:160px; padding-right:30px;}

/***************************************************/
#left_pane{width:218px; float:left; min-height:100px; }
#right_pane{float:left;width:673px; height:100%; padding-left:35px;}
#content{margin:auto; padding-left:30px; padding-right:30px; clear:both; overflow:hidden;}

/***************************************************/
.box{padding-top:10px; position:relative; margin-bottom:5px;}
.box_title{background:#0c4da2; min-width:188px; height:15px; position:absolute; left:10px; top:0px; font-size:14px; font-weight:bold; color:#FFFFFF; padding:5px; text-transform: uppercase;}
.box_content{background: #f4f5f5;  min-height:100px; border-top:4px solid #f2cd29; padding:25px; }
.box_icon{position:absolute; left:10px; top:0px;}

/***************************************************/
/*
.app {list-style:none;}
.app li{display:-moz-inline-box; display:inline-block; margin-right:26px; overflow:auto;}
.app_item {display:block; text-decoration:none;width:134px; text-transform: uppercase; color:#434242; font-size:14px; cursor:pointer; }
.app .last{margin-right:0px;}
.app_item:hover{color:#0c4da2;}
.app_repeat{background: url(../images/app_repeater.png) repeat-y top left; display:block; width:114px;padding-top:5px; text-align:center; padding-left:10px; padding-right:10px;}*/
.app td{padding-left:10px; padding-right:10px;}
.app_item {display:block; text-decoration:none;width:134px; text-transform: uppercase; color:#434242; font-size:14px; cursor:pointer; vertical-align:top;}
.app_item:hover{color:#0c4da2;}
.app img{float:left;}
.app_repeat{background: url(../images/app_repeater.png) repeat-y top left; display:inline-block; width:114px;padding-top:0px; text-align:center; padding-left:10px; padding-right:10px;}

/***************************************************/
.icon{background:url(../images/icon_pdf.png) no-repeat top left; padding-left:26px; padding-top:6px; vertical-align:bottom; height:28px; display:block; color:#000000; text-decoration:none;} 
.icon:hover{text-decoration:underline;}

/***************************************************/
.prod_item{ text-decoration:none; height:59px; width:216px; background:url(../images/prod_repeater.jpg) repeat-x top left; color:#FFFFFF; text-transform: uppercase; text-align:center; display:-moz-inline-box; display:inline-block; font-size:14px; position:relative; padding-left:54px;}
.prod_first{ margin-right:75px;}
.prod_spacer{height:20px; display:block;}
.prod_last{margin-right:0px;}
.prod_item table{width:210px; height:59px;cursor:pointer; display:block;} 
.prod_item table td{text-align:center; vertical-align:middle;}
.prod_icon{position:absolute; left:0px; top:0px; display:inline-block;}
.prod_corner{position:absolute; right:0px; top:0px;}
.prod_item div{position:absolute; left:54px; display:inline-block; heigth:59px; text-align:center; width:210px; padding-top:15px; padding-bottom:15px; cursor:pointer;}
/***************************************************/
#slogan{position:absolute; right:235px; top:50px;}
h1{color:#0c4da2; font-size:30px; font-weight:bold;}
#spacer{height:80px;}
#left_pane .box_content{padding:10px; padding-top:20px;}
#left_pane .app_item{width:83px; display:inline-block; font-size:10px; margin-left:7px;  margin-right:7px;margin-bottom:7px; margin-top:10px;}
#left_pane .app_repeat{background: url(../images/app_repeater_small.jpg) repeat-y top left; display:block; width:73px;padding-top:5px; text-align:center; padding-left:5px; padding-right:5px;}
#left_pane .app_item img{float:left;}

/***************************************************/
#left_pane #subnav {list-style:none; padding-top:5px; text-transform: uppercase; }
#left_pane #subnav li{margin-top:10px;}
#left_pane #subnav li a{ display:block; height:26px; text-decoration:none; background:url(../images/prod_repeater_small.jpg) top left repeat-x; color:#fff; }
#left_pane #subnav li a:hover{color:#0c4da2; font-weight:bold;}
#left_pane #subnav .current a{color:#0c4da2; font-weight:bold;}
#left_pane #subnav .subnav_repeat{float:left; padding-left:10px; text-align:left; display:block; width:147px; padding-top:5px; cursor:pointer;}
#left_pane #subnav .subnav {background:#c6d3e4; list-style:none; margin-top:10px;}
#left_pane #subnav .subnav li {padding-left:25px;margin-top:0px; font-weight:normal;}
#left_pane #subnav .subnav li a{background:none; color:#434242; text-decoration:none; padding-top:3px; padding-bottom:3px; height:16px; font-weight:normal;}
#left_pane #subnav .subnav li a:hover{color:#0c4da2;}
#left_pane #subnav .subnav li .current{color:#0c4da2;}
#left_pane #subnav .subnav li ul li .current{color:#0c4da2; font-weight:bold;}

/***************************************************/
#overview #title{background:url(../images/overview_repeater.jpg) repeat-x top left; height:21px; padding-left:60px; padding-top:5px; text-transform: uppercase; color:#FFFFFF; font-weight:bold;}
#overview .box_content{ padding-top:5px; padding-right:0px; padding-left:15px;  padding-bottom:15px;}
#overview h1{color:#FFFFFF; font-size:14px; float:left;}
#overview h1 a{color:#FFFFFF; text-decoration:none;}
#overview h1 a:hover{color:#0c4da2;}
#overview .arrow{padding-left:10px; padding-right:10px; float:left;}
#overview #breadcrumb{float:left;}
#overview .overview_item {width:643px; margin-top:25px; overflow:hidden; position:relative; }
#overview .overview_box{background:#c6d3e4; width:611px; padding:6px; float:left; }
#overview .overview_image{border:1px solid #FFF; float:left; }
#overview .overview_arrow{background: url(../images/overview_arrow.png) center center no-repeat #f2cd29; width:20px; position:absolute; bottom:0; right:0; top:0; vertical-align:middle; color:#f2cd29;}
#overview h2{color:#0b4590; font-size:14px; line-height:18px;}
#overview .overview_text{color:#434242; line-height:16px; padding-left:150px; }
/***************************************************/
#image{border:1px solid #fff; float:left; margin-right:20px;}
#text{padding-top:20px; padding-right:15px; padding-left:60px;}
#text ul{margin-left:20px;}
#text a{color:#434242;}
#text a:hover, #text a:visited{color:#0c4da2;}
.text a{color:#434242;}
.text a:hover, #text a:visited{color:#0c4da2;}
#tabProduct table td{ vertical-align:top;}
#tabFolder{margin-right:15px; margin-top:15px;}
#tabProduct{margin-right:15px;margin-top:25px;}
#tabProduct #text{padding-top:0px;}
#tabProduct #thumbs img{margin-bottom:5px;}
#tabFolder img{border:1px solid #fff; margin-right:10px;}
#tabProduct img{border:1px solid #fff; margin-right:10px;}
#tabProduct .text{padding-right:15px;}
#tabProduct .text ul{margin-left:20px;}
/***************************************************/
/*INTRO*/
#intro{background:url(../images/intro_back.png) no-repeat top left; width:456px; height:549px; position:relative; top:50px; left:170px;}
#intro #logo{position:absolute; bottom:28px;right:28px;}
#intro h2{ color:#0b4590; font-size:28px; font-weight:bold; position:absolute;  top:326px; right:28px;}
#choose{color:#FFFFFF;position:absolute; top:385px; right:28px; vertical-align:top;}
#choose_repeat{background:url(../images/intro_repeater.jpg) repeat-x top left; width:300px; height:26px;}
#choose_repeat #language{ margin-top:5px;}
#choose_repeat #text{float:left; display:block; padding:0px; margin:0px;padding-top:7px;}
#choose_repeat img{vertical-align:top; padding-left:5px; float:left; padding-right:5px; padding-top:4px;}
#intro #footnav{position:absolute; bottom:28px;left:28px; font-size:10px;}
#intro #footnav a { color:#000000; text-decoration:none;}
#intro #footnav a:hover{text-decoration:underline;}
/***************************************************/
/*NEWS*/
#news .image{float:left; padding-top:5px;}
#news h2{color: #0c4da2; padding-bottom:10px;}
#news li{display:block; border-bottom:1px solid #0c4da2; clear:both; padding-top:10px;}
#news .read{float:right;display:block; padding-left:10px;}
#news a{color:#434242; text-decoration:none;}
#news a:hover, #news a:visited{color:#0c4da2;}
/***************************************************/










/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */