#showbar {
    background:white;
    position:absolute;
    width:131px;
    cursor:pointer;
    border-top:1px solid red;
    border-bottom:1px solid red;
	border-right:1px solid black;
    color:#333333;
    font-weight:bold;
    line-height:25px;
    padding-left:10px;
    cursor:pointer;
}
#hidebar {
    border-top:1px solid red;
    color:#333333;
    font-weight:bold;
    line-height:25px;
    padding-left:10px;
    cursor:pointer;
}
#admin { position:absolute; left:0; top:0px; width:141px; z-index:1000; background:white; border-right:1px solid #868686; display:block; font-size:11px; line-height:19px;}
#admin dt { font-weight:bold; padding-left:10px; border-bottom:1px dotted red; border-top:1px solid red; line-height:25px; color:#333; }
#admin dd, #admin ul { margin-left:0; padding-left:0;}
#admin li { list-style:none;}
#admin li a {color:#666; text-decoration:none; background:url(../gfx/infobank_inactive.png) no-repeat 10px 7px; padding-left:25px; display: block;}
#admin li a:hover { color:red; background-image:url(../gfx/infobank_active_parent.png);}
#admin fieldset legend {display:none;}
#admin fieldset {margin:-5px 10px;padding:5px 5px 40px 5px; border:outset 2px #ccc; background-color:#ddd}
#admin fieldset label span {font-weight:bold;}
#admin fieldset textarea {width:200px;height:5em;}
#admin .submit_container {position:relative; top:-30px; text-align:right;margin-right:20px;}
#admin 	button.cancel { background-image:url(../gfx/cms/button_cancel.png);}
#admin 	button.submit {background-image:url(../gfx/cms/button_submit.png); }
#admin li div {display:none;}
#admin li:hover div {position:absolute; display:block !important; border:solid 1px #ccc; padding:10px; width:400px;background-color:#fff;margin:-10px 0 0 50px}
#admin li fieldset {margin:0; padding:0 0 0 10px; border:none; background-color:#fff}
#admin li fieldset label span {font-weight:bold; display:block;}
#admin li fieldset textarea {width:350px;height:5em;}
#admin li div.submit_container {position:relative; width:350px; border:none;top:0;margin:10px 0 10px 10px;}
#admin li div a {text-align:right;}

/*
#top-arm {
  position:relative;
  height:85px;
  background: url('/files/gfx/main_navigation/arm.jpg') repeat-x;
  z-index:1051;
}

#left1 {
  position:absolute;
  background: url('/files/gfx/main_navigation/left1.jpg');
  width:9px;
  height:85px;
}

#logobox {
  position:absolute;
  left:9px;
  background: url('/files/gfx/main_navigation/logobox.jpg') repeat-x;
  height:85px;
  width:210px;
}

#right1 {
  position:absolute;
  left:219px;
  background: url('/files/gfx/main_navigation/right1.jpg');
  width:18px;
  height:85px;
}
#serif {
  position:absolute;
  right:0px;
  background: url('/files/gfx/main_navigation/serif.jpg') no-repeat;
  height:85px;
  width:30px;
}

#servicelogobox {
  position:absolute;
  height:18px;
  width:217px;
  right:20px;
  bottom:0px;
  background:url('/files/gfx/cpn_logo.jpg') no-repeat;
}

#servicelogobox2 img{
  vertical-align:middle;
  margin-left:15px;
  position:relative;
}

#logobox img {
  margin-top:20px;
  margin-left:10px;
}

*/
/* LANGUAGE SELECTOR */

#main_navigation {
   height: 85px;
   position: relative;
   z-index: 99;
   clear: both;
   background: transparent url('/files/gfx/top_frame.png') no-repeat bottom left;
}

#top-navigation,  
#top-navigation li {
   float: left;
}
#top-navigation {
   width: 960px;
}
   #top-navigation ul {
      float: right;
   }
   #top-navigation li {
      line-height: 30px;
   }
   #top-navigation li a {
      color: #666;
   }   
   #top-navigation li a:hover {
      color: #cc0000;
      text-decoration: none;
   }      
#cpn_logo_container {
   margin-right: 20px;
   margin-left: 20px;
}
   #cpn_logo_container a {
      background: transparent url('/files/gfx/cpn_logo.jpg') no-repeat top right;
      width: 124px;
      height: 32px;
      display: block;
   }
      #cpn_logo_container a span {
         display: none;   
      }
#logobox a {
   background: transparent url('/files/gfx/logo.gif') no-repeat 20px 50%;
   width: 210px;
   height: 85px;
   display: block;   
}
   #logobox a span {
      display: none;
   }
      
      
ul#langlist {
  position:absolute; 
  list-style:none; 
  z-index:1000000; 
  padding:0px; 
  margin:-5px 0px 0px 2.4em; 
  border:1px solid; 
  background:#ffffff; 
  display:none;
  -moz-box-shadow: #b2b2b2 2px 2px 2px; 
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
  behavior: url('/files/css/PIE.htc');
}

ul#langlist li {
  display:inline;
  list-style:none;
  padding:0px;
  margin:0px;
}

ul#langlist li a {
  padding:3px 10px; 
  text-align:left;
  display:block;
  color: #666;
}

ul#langlist li a img, a#langselector img {
  vertical-align:middle; 
  margin-right:0.5em;
}

ul#langlist li a:hover {
  background-color:#666666;
  color:#ffffff;
  text-decoration: none;
}

/* TOOLTIP */

#tooltip {
  position:absolute;
  z-index:1000;
  top:0px;
  margin:38px 0px 0px 5px;
  width:230px;
}

#tooltip p {
  width:210px;
  background:#ffffff;
  border-width:1px 1px 1px 3px;
  border-style: solid;
  padding:2px 3px 2px 3px;
  margin:0px;
  font-size:10px;
} 


/***************************/
/*     MAIN NAVIGATION     */
/***************************/    

#main-menu {
  position:absolute;
  left:240px;
  top:28px;
}

/***** MAIN MENU LIST *****/
    
#main-menu dl {
  position:relative;
  list-style:none;
  padding:0px;
  margin:0px;
  width:730px;
  z-index:1051;
}

/***** MAIN MENU TOP ITEMS *****/

/* Here can be found all the CSS hacks required to obtain cross-browser vertical middle alignement of main menu items as long as they can fit in a box box the size of dt below */

#main-menu dt {
  display: table;
  height: 22px;
  width:110px;
  overflow: hidden; 
  float:left;
  margin:10px 5px 0px 5px;
  padding-bottom:0px;
  line-height:1.2em;
  border-bottom: 3px solid;
}

/* Main menu bottom border colors - Colors defined for up to 7 main menu items */

  #main-menu dt#main-menu1{
    border-color:#ec7a08;
  }
  
  #main-menu dt#main-menu2{
    border-color:#6a963b;
  }
  
  #main-menu dt#main-menu3{
    border-color:#006fb4;
  }
  
  #main-menu dt#main-menu4{
    border-color:#a31a7e;
  }
  
  #main-menu dt#main-menu5{
    border-color:#009697;
  }
  
  #main-menu dt#main-menu6{
    border-color:#fecb00;
  }
  
  #main-menu dt#main-menu7{
    border-color:#a2ad00;
  }
  
  #main-menu dt .middle {
    display: inline-block; 
    vertical-align: middle;
    width:110px;
    text-align:center;
    height:22px; /* Webkit browsers seem to need a fixed height of will place the dt bottom border a few pixel above its normal position leading to the sub menu being too far from it */
  }
  
  #main-menu dt a {
    font-weight:bold;
    display:block; 
    width:110px;
    color: #666;
    text-decoration: none;
  }
  #main-menu dt a.active,
  #main-menu dt a:hover {
     color: #cc0000;
  }
  #main-menu dt a.main-menu-active {
    color: #cc0000; /* Add this class to the main menu item link the currently viewed page belongs to */
  }

/***** MAIN MENU SUBMENUS *****/
    
#main-menu dd {
  position:absolute;
  text-align:left;
  margin:0px;
  margin-top:0px;
  margin-left:5px;
  top:38px;
  left:0px;
  width:165px;
  border-width:0px;
  display:none;
  z-index:100000;
  padding:0.4em 1em;
  -webkit-border-top-right-radius:0.8em;
  -webkit-border-bottom-right-radius:0.8em;
  -webkit-border-bottom-left-radius:0.8em;
  -webkit-box-shadow:0px 3px 5px #b2b2b2;
  -moz-border-radius-topright:0.8em;
  -moz-border-radius-bottomright:0.8em;
  -moz-border-radius-bottomleft:0.8em;
  -moz-box-shadow:0px 3px 5px #b2b2b2;
  border-top-right-radius:0.8em;
  border-bottom-right-radius:0.8em;
  border-bottom-left-radius:0.8em;
  box-shadow:0px 3px 5px #b2b2b2;
}

   #main-menu dd ul {
    list-style:none;
    padding:0;
    margin:0;
   }
  
  #main-menu dd li{
    display:block;
    clear:both;
    border-top:1px solid #f2f2f2;
    padding:5px 0px;
    margin:0px;
    height:auto;
    width:100%;
  }
  
  #main-menu dd li a{
    padding:0px 5px;
    color:#fff;
    font-weight:normal;
    display:block;
  }
  
  #main-menu dd li a:hover{
    padding: 0px 0px 0px 10px; /* Simply shift the submenu link 5px right to feedback hovering */
  }
    
/***************************/
/*   END MAIN NAVIGATION   */
/***************************/ 

/***************************/
/*     TOP NAVIGATION      */
/***************************/ 


div#top-navigation {
  position:relative;
  padding:0px 20px 5px 0px;
}

div#top-navigation ul{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align:right;
}

div#top-navigation ul li {
  display:inline;
  width:auto;
  padding:0px;
  text-align:center;
}

div#top-navigation ul li.loggedinlinks {
  display: none;
}

/* Special country list */
ul#langlistsp {
  position:absolute; 
  list-style:none; 
  padding:0px; 
}

ul#langlistsp li {
  display:inline;
  list-style:none;
  padding:0px;
  margin:0px;
}

ul#langlistsp li a {
  padding:1px 0px; 
  text-align:left;
  display:block;
}

ul#langlistsp li a img, a#langselector img {
  vertical-align:middle; 
  margin-right:0.5em;
}


/***************************/
/*   END TOP NAVIGATION    */
/***************************/ 


dt#search {height:32px;width:176px; float:right; margin-right:40px; margin-top: 13px; border-bottom-color: transparent;}
form#global_search_form input {
  border:#b2b2b2 1px solid;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  border-radius:12px;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:24px;
  background: url(/files/gfx/search.png) no-repeat 6px center;
  width:150px;
  height:20px;
  line-height:auto;
  behavior: url(/files/css/PIE.htc);
}
#main-menu #top_search_results li {text-align:left}
#main-menu #top_search_results li a {width:auto;}
#main-menu #top_search_results div.more a {width:auto;}

#cpn-footer a, div.inner a {
    color: rgb(102, 102, 102);
    text-decoration:none;
    cursor:pointer;
}

#cpn-footer a:hover, div.inner a.active,
div.inner a:hover {
   color: #cc0000;
    text-decoration:none;
}

div.inner .submenu a:hover {
   color: #fff;
    text-decoration:none;
}
/* CORPORATE FOOTER */

#cpn-footer {
  margin-bottom:20px;
}

#footer-top-links {
  position:absolute;
  margin:15px 0 0 50px;
}

#footer-top-links li {
display:block;
float:left;
font-size:10px;
list-style-type:none;
padding:0 5px 0 10px;
}

#footer-top-links li a {
display:block;
height:15px;
font-size:10px;
margin:0 0 0px 0;
padding:7px 0 0 25px;
}

#tweet_link a {
  background:url(../gfx/icons/tweet.png) no-repeat 0% 50%;
}

#taf_link a {
  background:url(../gfx/icons/email.png) no-repeat 0% 50%;
}

#sb_link a {
  background:url(../gfx/icons/share_this.png) no-repeat 0% 50%;
}
#about_link a {
  background:url(../gfx/icons/about.png) no-repeat 0% 50%;
}
#rss_link a {
  background:url(../gfx/icons/rss.png) no-repeat 0% 50%;
}
#contact_link a {
  background:url(../gfx/icons/contact_us.png) no-repeat 0% 50%;
}

#footer ul li a.footerOverlayClose {
color:#d10508;
margin-top:12px;
}


#cpn_footer_main {
	height: 64px;
	background: transparent url('/files/gfx/bottom_frame.png') no-repeat 0 0;
}

#you_can_container {
	background: transparent url('/files/gfx/you_can.png') no-repeat 0 0;
	float: right;
	width: 107px;
	height: 27px;
	margin-top: 20px;
}
	#you_can_container a span{
		display: none;	
	}


#bottom-arm {
  position:relative;
  height:57px;
  background: url('/files/gfx/main_navigation/armredsmall.gif') bottom repeat-x;
  z-index:1;
}

#left1red {
	position:absolute;
	right:117px;
	background: url('/files/gfx/main_navigation/left1red.gif') bottom no-repeat;
	width:27px;
	height:57px;
}

#youcanred {
  position:absolute;
  right:26px;
  background: url('/files/gfx/main_navigation/youcan.gif') bottom no-repeat;
  height:57px;
  width:96px;
}

#right1red {
  position:absolute;
  right:0px;
  background: url('/files/gfx/main_navigation/right1red.gif') bottom no-repeat;
  width:26px;
  height:57px;
}

#serifred {
  position:absolute;
  left:-1px;
  background: url('/files/gfx/main_navigation/serifred.gif') bottom no-repeat;
  height:57px;
  width:30px;
}

ul#footer-links {
  list-style:none;
  padding:0px;
  margin:10px 0px 0px 20px;
  width:auto;
}

ul#footer-links li {
  display:inline;
}

div#top-navigation ul li span.pipe , ul#footer-links li span.pipe{
  margin:0px 1.2em;
}

#main-menu dd ul ul {
display:block;
position: absolute;
top:0;
left:176px;
background:#EC7A08;
width: 360px;
display:none;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
border-top-right-radius: 0.8em;
border-width: 0;
box-shadow: 0 3px 5px #B2B2B2;
padding:10px;
padding-left:0;
}

#main-menu dd ul ul li {
float:left;
width: 170px;
clear:none;
border-top: 1px solid #f29a43;
margin-left:10px;
}

#main-menu dd>ul>li {
position: relative;
}

#main-menu dd>ul>li.arrow_test {
background:url(/files/index/arrow_test.gif) no-repeat center right;
}
#filter_extended {margin:0 0 1px 0;height:2.6em;}
#filter_extended ul {display:none;margin:0;}
#filter_extended h2 {float:left;width:100px;background-color:#666;color:#fff;line-height:2.5em;text-align:center;margin:0 1px 0 0;padding:0;}
#filter_extended h2.active {background-color:#cc0000;} 
#tips_container {height:465px;margin:0;position:relative; background-color:#000;padding:40px 30px 30px 30px;}
#tips_list ul li {margin-left:10px;line-height:1.8em;color:#fff;}
#tips_list ul a {color:#fff;}
#tips_list ul li:hover, #tips_list ul a:hover, #tips_list ul li.active ,#tips_list ul li.active a {color:#cc0000;}
#tips_list dt {font-family:DendaNewLightRegular;color:#fff;font-size:24px;line-height:35px;}
#tips_list span.new {color:#c00;}
#tip_details {margin-top:35px;padding:30px;position:absolute; background-color:#fff;left:400px; top:40px;width:470px;height:325px;}
#tip_details img {margin:-30px;}
#tip_details h1 {font-family:verdana; font-size:15px;margin-bottom:10px;}

#tip_details dl {position:absolute; bottom:20px;}
#tip_details dl dt { float:left; line-height:1.5em;padding-right:10px;}
#tip_details dl dd { float:left; padding-right:20px;line-height:1.5em;}
#tip_details dl dd a { color:#666;text-decoration:underline;}

#tips_nav .head_bar_slide {width:100%;margin:0;padding:0;position:relative;height:30px;display:block; border:0; background-color:#fff;border-bottom:solid 3px #c00;margin:0; z-index: 1;}
#tips_nav .head_bar_slide dt {float:left;width:130px;text-align:center;height:30px;background-color:#666; color:#fff;line-height:30px;border-right:solid 1px #fff; cursor: pointer;}
#tips_nav .head_bar_slide dd {margin:0;background-color:#000;width:100%;display:none; position:absolute;top:33px;padding-bottom:50px;}
#tips_nav .head_bar_slide dd ul li {width:150px;float:left; list-style:none !important;}
#tips_nav .head_bar_slide dd ul li a {color:#fff;}
#tips_nav .head_bar_slide dd ul {padding-top:20px;}

#tips_container div.tip_nav {position:absolute; top:480px;text-align:right;width:330px;}
#tips_container div.tip_nav a {width:26px; height:22px;display:inline-block;margin-right:3px;}
#tips_container div.tip_nav a span {display:none;}
#tips_container div.tip_nav a.up {background:url('/files/gfx/navigation/up.png') 0 0 no-repeat;}
#tips_container div.tip_nav a.down {background:url('/files/gfx/navigation/down.png') 0 0 no-repeat;}

#panel {
	display: none;
	width:960px;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 5px #ccc;
	background: url(/files/gfx/btn-slide.png) no-repeat left top;
}
.btn-slide {
	background: url(/files/gfx/white-arrow.png) no-repeat right -50px;
	text-align: center;
	width: 244px;
	height: 32px;
	padding: 5px 0 0 0;
	margin: 0 ;
	display: block;
	color: #666;
	text-decoration: none;
}

.btn-slide span {
	padding: 0 10px 0 0;
}

#admin_flags dd a img {width:20px;}
#admin {position:fixed;
  background-color: #abc; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#efffff), to(#abc));
  background: -moz-linear-gradient(top,  #efffff,  #ddd);}
#admin>div {
  width:450px !important;
  padding:10px;
  background-color: #abc; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#efffff), to(#abc));
  background: -moz-linear-gradient(top,  #efffff,  #abc); 
}
#admin #admin_flags {
 background-color: #fff;
 padding:3px 10px 0 10px;
 text-align:center;
}

.action_list a span,
#admin #admin_flags a span {display:none;}

.action_list a,
#admin #admin_flags a {width:15px; height:10px;display:inline-block;}

.action_list .en,
#admin #admin_flags .en {background: url('/files/gfx/flags/gb_grey.png') no-repeat;}

.action_list .en,
#admin #admin_flags .de {background: url('/files/gfx/flags/de_grey.png') no-repeat;}

.action_list .fr,
#admin #admin_flags .fr {background: url('/files/gfx/flags/fr_grey.png') no-repeat;}

.action_list .es,
#admin #admin_flags .es {background: url('/files/gfx/flags/es_grey.png') no-repeat;}

.action_list .it,
#admin #admin_flags .it {background: url('/files/gfx/flags/it_grey.png') no-repeat;}


.admin_table td .en,
.action_list .en.translated,
#admin #admin_flags .en.translated {background: url('/files/gfx/flags/gb.png') no-repeat;}
.admin_table td .de,
.action_list .de.translated,
#admin #admin_flags .de.translated {background: url('/files/gfx/flags/de.png') no-repeat;}
.admin_table td .fr,
.action_list .fr.translated,
#admin #admin_flags .fr.translated {background: url('/files/gfx/flags/fr.png') no-repeat;}
.admin_table td .es,
.action_list .es.translated,
#admin #admin_flags .es.translated {background: url('/files/gfx/flags/es.png') no-repeat;}
.admin_table td .it,
.action_list .it.translated,
#admin #admin_flags .it.translated {background: url('/files/gfx/flags/it.png') no-repeat;}
#admin #admin_flags dt {display:none;}

#admin dt {border-top:0;}
#admin #admin_flags dt {border:0;}
#admin #admin_flags dd {padding-left:10px;}
#admin #state_spec dt {border-top:solid 1px #ccc;}
#admin div h1 {font-size:13px;margin-bottom:10px;}
#admin .submit_container button.submit,
#admin .submit_container button.cancel {}

#notinlanguage {display:none;}
.select_range h2 {background:none;text-indent:0;height:auto; width:auto;margin-right:0.5em;}
.select_range h2 span {display:inherit; }
.select_range .title_special {color:#999;}


#product_sheets .overview_container_5,
#product_sheets .overview_container_3 {
  display:none;
}

/*
#slider_2011_caption .copyright:last-child {display:none;}
*/
a.scrolling_editorial_btn_up {color:#666 !important;}
#head_visuals .visual img {width:624px !important;}
#head_visuals .visual img.video {
  width:145px !important;
  margin-left:-385px; 
  margin-top:130px;}
#masterclass_language_switch {display:none !important;}

/* FOOTER HOME */
#iindex #cpn-footer	{    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #CCC;
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    width: 100%;left:0;}

/* FOOTER HOME */
#index #cpn-footer	{    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #CCC;
    bottom: 0;
    margin-bottom: 0;
    position: fixed;
    width: 100%;left:0;}

#index #cpn_footer_main	{width:960px;margin:auto;height:0;overflow:hidden;
	transition:height 0.5s;
-moz-transition:height 0.5s; /* Firefox 4 */
-webkit-transition:height 0.5s; /* Safari and Chrome */
-o-transition:height 0.5s; /* Opera */}
#index #cpn-footer:hover #cpn_footer_main	{height:70px;}

#index #cpn-footer ul#footer-links {width:960px;margin:auto;padding:5px 0;background:url(/files/gfx/navigation/footer_arrow.png) no-repeat center left;padding-left:30px}
#index #cpn-footer:hover ul#footer-links {background:url();}
#index #title_bar div#top-navigation {
 position:static;
 width:960px;
 margin:0 auto 0 auto;
}

body#product_sheet.ceos #head_visuals .visual{background-color:#6A963B;}
body#technical.ceos #header_box,
body#technical.ceos #head_visuals .visual {background-color:#006fb4;}
body#news.ceos #head_visuals .visual {background-color:#ec7a08;}
body#faq.ceos #head_visuals .visual {background-color:#cc0000;}