/********** RESET **********/
html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img, { margin: 0; padding: 0; border: 0; }

/* Firefox Dotted Outline Fix */
a:active { outline: none; }
	
/* Firefox Dotted Outline Fix */
a:focus { -moz-outline-style: none; }
	
/* Transparent PNG Fix*/
* html .iepngfix { behavior: url(../js/iepngfix.htc); }


/* GLOBAL
----------------------------------------------*/
body {
		font-size: 12px;
		font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
		color: #564b47;
		padding: 0px;
		margin: 0px;
		line-height: 20px;
		}


a 			{color: #DB7093; text-decoration:none; border-bottom:1px dotted; }
a:visited 	{color:#DB7093; text-decoration:none; border-bottom:1px dotted;}
a:hover 	{color: #564b47; text-decoration:none; }
a:active 	{color:#000000; text-decoration:none; }

h1 {
		font-size: 11px;
		text-transform:uppercase;
		padding:0px;
		margin:0px 
		}

h2 {
		font-size:20px;
		font-weight: normal;
		padding: 0px;
		margin:0px;
		}


/* LANGUAGE SELECTION 
----------------------------------------------*/  
#lang {
		padding: 9px 30px 0px 30px;
		background: #323232;  
		border: 0px solid #fff;
		height: 20px;
		}

#lang ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: inline;
		float: right;
		}

#lang li {
		padding: 0 7px;
		margin: 0;
		display: inline;
		line-height: 1.2;
		float: left;
		font-size: .95em;
		text-align: center;
		white-space: nowrap;
		background: none;
		border-right: 1px dotted #f6db7a;
		}

#lang li#lang_support { padding-right: 0; border-right: 0; }

#lang a {text-decoration: none;}

#lang li a:link, #lang li a:visited {color: #f6db7a;}

#lang li a:hover, #lang li a:active {color: #fff; text-decoration: none;}

#line { border: 1px dotted #f6db7a;}


/* GRIDS
----------------------------------------------*/ 
#page-wrapper {
		width: 1045px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		background-color: #fff;
		}

/* LOGO 
----------------------------------------------*/ 
#header-wrapper {
		width: 1045px;
		float: left;
		padding:0px;
		margin:0px;
		}
		
#toplogo {
		background-color: #fff;
		float: left;
		text-align: left;
		padding: 0px;
		margin: 0px;
		}
		
#banner img {padding:10px 0px;}


/*LEFT PANEL
----------------------------------------------*/ 
#left-container {
		float: left;
		width: 300px;
		height:inherit;
		margin: 20px 0 0 5px;
		padding: 0px;
		background: #fff;
		}

/* RIGHT PANEL
----------------------------------------------*/ 
#right-container {
		z-index: -1;
		background-color: #fff;
		padding: 0px;
		margin: 20px 0 40px 320px;
		height:inherit;
		}

div#right-container { 
		z-index: -1;
		min-height:600px;
		height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
		}

p, pre{
		padding: 5px 10px;
		margin:0px;
		}
		

/* SEARCH PANEL
----------------------------------------------*/ 
#searchpanel-wrap {
		float: left;
		width: 280px;
		height: 440px;
		margin: 0px;
		padding: 0px;
		background-image:url(../img/globe/paper_shadow_searchbox_en.gif);
		background-position: bottom;
		}

* html #searchpanel {
  		\height: 220px; /* targets IE5 and IE6 in quirks mode */
  		he\ight: 220px; /* targets IE6 in standards mode */
  		\width: 220px;  /* targets IE5 and IE6 in quirks mode */
  		w\idth: 220px;  /* targets IE6 in standards mode */
  		background-repeat:no-repeat;
		}

#searchpanel-categories { padding: 60px 0 0 10px; }

		
/* TOP CORPORATE MENU
----------------------------------------------*/
#corporate-menu-wrapper {
		height: 25px;
		margin: 0;
		padding-top: 13px;
		list-style-type: none;
		float: right;
		position: relative;
		z-index:9999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		}

.clearit {
		clear: both;
		height: 0;
		line-height: 0.0;
		font-size: 0;
		}
		
#corporate-menubar { width: 833px; }
		
#corporate-menubar, #corporate-menubar ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: inline;
		border: 0px solid #000;
		float:left;
		z-index:9999;
		}
		
#corporate-menubar a {
		display: block;
		text-decoration: none;
		padding: 5px 8px 5px 8px;
		border-right: 1px dotted #564b47;
		font-size: .85em;
		color: #000;
		}
		
#corporate-menubar a.dropdown {
		padding: 5px 16px 5px 10px;
		background-image: url(../img/globe/topmenuarrow.gif);
		background-repeat: no-repeat;
		background-position: right center;
		}
		
#corporate-menubar li { float: left; width: 9em; }
		
#corporate-menubar li {position: relative;}

/* hide from IE mac \*/
#corporate-menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#corporate-menubar li ul, #corporate-menubar ul li  { width: 125px; }

#corporate-menubar ul li a  {
		color: #565656;
		border-right: 0;
		padding: 3px 10px 3px 16px;
		}
		
#corporate-menubar li ul {
		position: absolute;
		display: none;
		background-color: #FFFFFF;
		border-right: 1px solid #333333;
		border-bottom: 1px solid #333333;
		}
		
#corporate-menubar li:hover a, #corporate-menubar a:focus,
#corporate-menubar a:active, #corporate-menubar li.p7hvr a {
		color: #9b9b9b;
		background-color: #fff;
		}

#corporate-menubar li:hover ul, #corporate-menubar li.p7hvr ul { display: block; }

#corporate-menubar li:hover ul a, #corporate-menubar li.p7hvr ul a {
		color: #000000;
		background-color: transparent;
		}
#corporate-menubar ul a:hover {
		background-color: #9b9b9b!important;
		color: #FFFFFF !important;
		}


/* PRODUCT LINE DROPDOWN MENU
----------------------------------------------*/
.productline-dropdown-menu {
		font: bold 11px Verdana;
		background: #fff;
		width: 100%;
		z-index:999;
		}

.productline-dropdown-menu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index: 999;
		margin-left: 0px;
		}

/*Top level list items*/
.productline-dropdown-menu ul li{
		position: relative;
		display: inline;
		float: left;
		z-index:999;
		}

/*Top level menu link items style*/
.productline-dropdown-menu ul li a{
		width: inherit;
		height: 34px;
		display: block;
		background: #462D1B; /*background of tabs (default state)*/
		color: white;
		padding: 8px 10px 2px 11px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		text-decoration: none;
		text-align: center;
		}

* html .productline-dropdown-menu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
		}

.productline-dropdown-menu ul li a:link, .productline-dropdown-menu ul li a:visited{
		color: #fff;
		}

/*tab link background during hover state*/
.productline-dropdown-menu ul li a:hover{
		background: black; 
		color: white;
		}
	
/*1st sub level menu*/
.productline-dropdown-menu ul li ul{
		position: absolute;
		left: 0;
		display: block;
		visibility: hidden;
		z-index:9999;
		}

/*Sub level menu list items (undo style from Top level List Items)*/
.productline-dropdown-menu ul li ul li{
		display: list-item;
		float: none;
		z-index:9999;
		}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.productline-dropdown-menu ul li ul li ul{ top: 0; }

/* Sub level menu links style */
.productline-dropdown-menu ul li ul li a{
		font: normal 10px Verdana;
		width: 109px; /*width of sub menus*/
		height: inherit;
		padding: 10px 0 10px 0;
		margin: 0;
		border-top-width: 0;
		border-bottom: 1px solid white;
		}

/*sub menus hover style*/
.productline-dropdown-menu ul li ul li a:hover{ 
		background: #black;
		color: #fff;
		}

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
		position: absolute;
		top: 9px;
		right: 14px;
		}

.rightarrowclass{
		position: absolute;
		top: 10px;
		right: 5px;
		}
		

/* BREADCRUMB
----------------------------------------------*/
#breadcrumb {
		font: 13px Arial, Helvetica, sans-serif;
    	height:30px;
    	line-height:30px;
    	color:#9b9b9b;
		width:670px;
    	overflow:hidden;
    	margin:0px;
    	padding:0px;
		}
		
#breadcrumb li {
    	list-style-type:none;
    	float:left;
    	padding-left:10px;
		}
		
#breadcrumb a {
    	height:30px;
    	display:block;
    	background-image:url('../img/globe/breadcrumb_separator.png'); 
    	background-repeat:no-repeat; 
    	background-position:right;
    	padding-right: 15px;
    	text-decoration: none;
    	color:#454545;
		}
		
.home { border:none; margin: 8px 0px; }

#breadcrumb a:hover { color:#9b9b9b; }


/* FOOTER
----------------------------------------------*/
#footer-wrapper {
		margin: 0 auto;
		padding: 0 0 3em;
		clear: both;
		height: 10em;
		font-size: .9em;
		color: #f6db7a;
		background: #323232;  
		}

#footer-wrapper a:link {color: #f6db7a;}
#footer-wrapper a:active {color: #f6db7a;}
#footer-wrapper a:visited {color: #f6db7a;}

#footer-padding {
		margin: 0 auto;
		padding: 1.7em 30px; /* set L+R padding to the same value as #container */
		}

#footer-links, #footer-copyright {
		float: left;
		text-align: left;
		border: 0px solid #000
		}
  
#footer-copyright {
		float: right;
		text-align: right;
		width: 280px;
		}  

