@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
#logotype {
	position:absolute;
	top:1px;
	left:60px;
	border:none;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em; /* 16px * 0.75 = 12px */
	line-height:1.3em;
	color:#1C1C1C;
	background-image:url('/images/gradient_grey.gif');
	background-repeat:repeat-x;
	background-color:#303030;
}
h1, h2, h3, h4, h5 {
	font-family:Georgia, serif;
	font-style:normal;
	font-weight:lighter;
	color:#5e5e5e;
	margin-bottom:0.5em;
	line-height:normal;
}
h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #CC6600;
	font-weight: bold;
	font-size:1.2em;
	line-height:1.2em;
	margin-top: 1em;
}
h1 {
	margin-bottom:0.7em;
	font-size:2em;
}
span.h2normal {
	color:#5e5e5e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
p {
	line-height:1.5em;
	margin-bottom: 0.75em;
	font-size:1em;
}
p.server_date {
	font-size:0.75em;
	font-weight:bold;
	color:#333333;
	text-align:right;
	border-bottom:1px solid silver;
	margin-bottom:2em;
	margin-right:50px;
}
a:link {
	color:#000066;
}
a:visited {
	color:#000066;
}
a:hover {
	color:#0058b1;
}
a:active {
	/*color:#cc6600;*/
}
a.top_scroll {
	float:right;
	font-size:0.7em;
	text-decoration:none;
	padding-top:0.2em;
}
a.top_scroll img {
	vertical-align:middle;
	vertical-align:baseline;
	border:none;
}
.hidden {
	display:none;
}
.visible {
	display:block;
}
.error {
	color:#990000 !important;
	font-size:1em !important;
	display:block;
	border:1px solid silver;
	background-color:#f5f5f5;
	line-height:1.2em;
	padding:0.2em;
	font-weight:bold;
}
.error2 {
	color:#D10101 !important;
	font-size:1em !important;
	font-weight:bold;
}
.NoJavaWarning {
	border:1px solid silver;
	padding:0 0.5em 1em 1em;
	margin:0.3em 0;
	background-color:#f5f5f5;
}

ul {
	list-style-type:none;
}

/**
==============================
	--- Language menu ---
==============================
**/

div#language_selection {
	display:block;
	width:910px;
	height:1em;
	margin-bottom:-1em;
	margin-left:auto;
	margin-right:auto;
	padding-top: 5px;
}
div#language_selection img {
	margin:2px 4px -2px 0;
}
div#language_selection ul {
	list-style-type:none;
	float:right;
}
div#language_selection ul li {
	display:inline;
	margin-left:1em;
}
div#language_selection ul li a {
	font-size:0.9em;
	font-weight:bold;
	color:silver;
	text-decoration:none;
}
div#language_selection ul li.current a {
	color:white;
}
div#language_selection ul li a:hover {
	color:white;
	text-decoration:underline;
}
/** --- Wrapper for the entire content --- **/
div#wrapper {
	display:block !important;
	width:932px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:20px;
}

/** --- Head section --- **/
div#header {
	background-image:url('/images/main_header.png');
	background-repeat:no-repeat;
	background-position:top left;
	position:relative;
	padding: 115px 10px 0 0;
}
div#header h1.page_title {
	position:absolute;
	top:78px;
	left: 220px;
	font-size:3.9em;
	line-height:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #717B8D;
	z-index:1;
	max-width:660px;
	overflow:hidden;
}
/**
==============================
	--- Main menu ---
==============================
**/

div.main_menu {
	display:block;
	height:auto;
	width:860px;
	z-index:10;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url('/images/main_menu_gradient.png');
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom:1px solid white;
}
div.main_menu * {
	background-repeat:no-repeat;
}

div.main_menu ul {
	margin:0 0 0 5px;
	padding:2px 1px 10px 0;
	list-style:none;
}
div.main_menu:after {
	clear:both;
}
div.main_menu li {
	margin:0 6px 0px 10px;
	padding:0 0 0 9px;
	float:left;
	font-size:14px;
}
div.main_menu a {
	float:left;
	display:block;
	padding:7px 13px 6px 4px;
	text-decoration:none;
	font-weight:normal;
	font-family:Verdana;
	color:#303030;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.main_menu a {float:none;}
/* End IE5-Mac hack */
div.main_menu a:hover {
	color:#fff;
}
div.main_menu li.current {
	background:url('/images/main_menu_bluegradient_left.png') no-repeat left top;
}
div.main_menu li.current a {
	background:url('/images/main_menu_bluegradient.png') no-repeat right top;
	color:white;
}
/*.clearFloat:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/
.clearFloat {
	display: block; 
	height:0px;
	clear: both;
	visibility: hidden;
	font-size:0px;
	line-height:0px;
}
/**
==============================
	--- Submenu ---
==============================
**/

ul#submenu {
	position:absolute;
	left:15px;
	top:3em;
	min-width:820px !important;
	width: 820px;
}
ul#submenu li {
	margin:0;
	padding:0 0.5em 0;
	border-right:1px solid #c0c0c0;
}
ul.tight#submenu li {
	padding:0 0.5em 0 0;
}
ul#submenu li.no_border {
	border:none;
	padding:0 0.5em 0 0;
}
ul#submenu li.current {
	background:none;
}
ul#submenu li.current a {
	font-weight:bold;
	text-decoration:underline;
	color:#6BA4EB;
}
ul#submenu li.last {
	border:none;
}
ul.tight#submenu li.last {
	padding:0 0.5em;
}
ul#submenu li a {
	background:none;
	padding:0;
	font-size:0.76em;
	color:#666;
}
ul#submenu li a:hover {
	text-decoration:underline;
	color:#6BA4EB;
}
/**
=========================================
	--- Search form ---
=========================================
**/

div#header div.search {
	position:absolute;
	right:20px;
	top:20px;
	text-align:right;
}
div#header div.search ul {
	list-style-type:none;
	text-align:right;
	width:auto;
	padding:0;
}
div#header div.search ul li {
	display:inline;
	font-size:1em;
	color:#eee;
	line-height:1em;
}
div#header div.search ul li.last a {
	border-right:none;
}
div#header div.search ul li a {
	display:inline;
	text-decoration:none;
	margin:0 0 0 0.2em;
	color:#eee;
	padding-right:0.5em;
	border-right:1px solid #666;
}
div#header div.search ul li a:hover {
	text-decoration:underline;
}
div#header div.search p {
	padding-top:2em;
	color:#949494;
	font-size:0.95em;
	margin:0;
	padding-right:5px;
}
div#header div.search form input {
	font-size:0.7em;
	display:inline;
	vertical-align:middle;
	margin:0;
}
/** ---------------- END OF SEARCH FORM ------------- **/
div#devider {
	background:url('/images/main_content_headshadow.png') no-repeat top left;
}
/**
=========================================
	--- Main content section ---
=========================================
**/

div#content .page_content {
	background:url('/images/main_content_shadow.png') repeat-y top left;
	padding:3.5em 20px 5px 70px;
	height: auto !important;
	height:440px;
	min-height:440px;
	display:block;
	overflow:visible;
}
div#content div.page_content_wrapper {
	background-position:100px 10px;
	background-repeat:no-repeat;
}
.run_in {
	display:block;
	max-width:180px;
	float:left;
}
.run_in * {
	margin:0;
	padding:0;
}
.run_in div.wrapper {
	display:block;
	width:80%;
	margin: 5px auto 5px auto;
	
}
.run_in div.wrapper img {
	display:block;
	margin: 5px auto 5px auto;
}
.run_in p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
}

/**
=============================================
	--- Unit switcher link ---
=============================================
**/
.switcher {
	text-align:right;
	font-size:0.85em !important;
	color:#7C95C6 !important;
}
.switcher a {
}
.switcher a:hover {
}
/**
=========================================
	--- Content with rounded corners ---
=========================================
**/
div.inline {
	float:right;
	margin-top:1em;
	padding-right:10px;
	width:300px;
}
div.medium div.cssbox,
div.medium div.cssbox_body,
div.medium div.cssbox_head,
div.medium div.cssbox_head h2 {
	background: transparent url('/images/box_4.gif') no-repeat bottom right;
}

div.large div.cssbox,
div.large div.cssbox_body,
div.large div.cssbox_head,
div.large div.cssbox_head h2 {
	background: transparent url('/images/box_white.gif') no-repeat bottom right;
}
div.small div.cssbox,
div.small div.cssbox_body,
div.small div.cssbox_head,
div.small div.cssbox_head h2 {
	background: transparent url('/images/box_white.gif') no-repeat bottom right;
}
div.full_width div.cssbox,
div.full_width div.cssbox_body,
div.full_width div.cssbox_head,
div.full_width div.cssbox_head h2 {
	background: transparent url('/images/box_white.gif') no-repeat bottom right;
}
div.small div.cssbox {
	width: 220px !important; /* intended total box width - padding-right(next) */
	width: 220px; /* IE Win = width - padding --- was 195px; */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0px;
}
div.medium div.cssbox {
	width: 205px !important; /* intended total box width - padding-right(next) */
	width: 205px; /* IE Win = width - padding --- was 195px; */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0px;
}
div.large div.cssbox {
	width: 325px !important; /* intended total box width - padding-right(next) */
	width: 325px; /* IE Win = width - padding --- was 310px */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0;
}
div.full_width div.cssbox {
	width: 535px !important; /* intended total box width - padding-right(next) */
	width: 535px; /* IE Win = width - padding --- was 520 px */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */    /* margin: 20px auto; /* use to position the box */
	margin-left:0;
}


/* set the top-right image */ 
div.small div.cssbox_head,
div.medium div.cssbox_head,
div.large div.cssbox_head,
div.full_width div.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
div.small div.cssbox_head h2,
div.medium div.cssbox_head h2,
div.large div.cssbox_head h2,
div.full_width div.cssbox_head h2 {
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 12px 0 4px 18px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
	font-size:1em;
}

div.medium div.cssbox_head h2 {
	color:#f5f5f5;
}
div.small div.cssbox_head h2,
div.large div.cssbox_head h2,
div.full_width div.cssbox_head h2 {
	color:#CC6600;
}


/* set the lower-left corner image */ 
div.small div.cssbox_body,
div.medium div.cssbox_body,
div.large div.cssbox_body,
div.full_width div.cssbox_body {
	background-position: bottom left;
	margin-right: 10px; /* interior-padding right */
	padding: 8px 0 15px 18px; /* mirror .cssbox_head right/left */
}
div.small div.cssbox_body p,
div.medium div.cssbox_body p,
div.large div.cssbox_body p,
div.full_width div.cssbox_body p {
	margin-bottom:1em;
	color:#333333;
}
div.small div.cssbox_body * {
	font-size:0.96em;
	line-height:1.2em;
}
div.small div.cssbox_body h2,
div.medium div.cssbox_body h2,
div.large div.cssbox_body h2,
div.full_width div.cssbox_body h2 {
	margin-bottom:0;
	margin-top:0.2em;
}
div.small div.cssbox_body p.image_text,
div.medium div.cssbox_body p.image_text,
div.large div.cssbox_body p.image_text,
div.full_width div.cssbox_body p.image_text {
	color:#666666;
	font-size:0.8em;
	margin-top:0.5em;
}

div.small div.cssbox_body a,
div.medium div.cssbox_body a,
div.large div.cssbox_body a,
div.full_width div.cssbox_body a {
	text-decoration:none;
}
div.medium div.cssbox_body img,
div.large div.cssbox_body img {
	border:1px solid white;
}
div.medium div.cssbox_body a:hover,
div.large div.cssbox_body a:hover {
	text-decoration:underline;
}
div.medium div.cssbox_body img.no_border,
div.large div.cssbox_body img.no_border {
	border:none;
}

/**
====================================================
	--- Product Focus Image ---
====================================================
**/

img.focus_img {
	border:1px solid silver !important;
	margin:0.5em 0 !important;
	padding:10px;
	background-color:#fff;
}

div.product_focus h2 {
	font-size:0.75em !important;
	color:#333333;
	line-height:1.6em;
}

img.left_align {
	position:relative;
	margin-left:-60px;
	margin-bottom:2em;
	margin-top:-2px;
	z-index: 100;
}
div.left_align {
	margin-left:-60px;
}
.front_page {
	background:url('/images/front_page.jpg') no-repeat top left;
	height:210px;
	position:relative;
	width:620px;
}
.front_page h1 {
	position:absolute;
	top:10px;
	right:260px;
	font-size:1.2em;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.front_page div.chooser_mini {
	position:absolute;
	bottom:30px;
	left:383px;
	width:220px;
	font-size:0.95em;
	vertical-align:bottom;
}
.front_page div.chooser_mini p {
	color:#FFFFFF;
	line-height:1.4em;
}
.front_page div.chooser_mini p > a {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
.front_page div.chooser_mini p > a:hover {
	color:#f0f0f0;
}
.front_page div.chooser_mini form {
	font-size:0.5em;
}
.front_page div.chooser_mini form select,
.front_page div.chooser_mini form * {
	max-width:180px;
	font-size:10px;
}
img.context_picture {
	position:relative;
	margin:0.3em 1em 1em -60px;
	z-index: 100;
}


/**
====================================================
	--- Special style for retailer addresses  ---
====================================================
**/

div.adress {
	position:relative;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.adress div.cssbox_head h2 {
	font-size:1.4em;
}
div.adress img.vcard {
	float:right;
}
div.adress img.google_maps {
	position:absolute;
	bottom:25px;
	right:25px;
}
div.adress p a:link {
	text-decoration:underline;
}

/** ---------------- END OF ROUNDED CORNERS ------------- **/
.block {
	float:left;
	overflow:visible;
}
.column_right {
	margin-left:15px;
}

.clear_content_float {
	clear:both;
}
div#footer {
	clear:left;
	background: url('/images/main_content_footer.png') no-repeat top left;
	padding-top: 1.5em;
}
div#footer p {
	font-size:0.85em;
	color:#D4D4D4;
}
div#footer p.site_update {
	float:right;
	margin-right:10px;
}

/**
=========================================
	--- Exhibition list ---
=========================================
**/
.exhibitions {
	width:210px;
	padding-left:8px;
	margin-bottom:1em;
}
.exhibitions h3 {
	font-size:1em;
	color:#666666;
}
.exhibitions p {
	font-size:0.85em;
}
.devider {
	font-size:2px;
	line-height:2px;
	margin:0 8px 0 0;
	padding:0;
	background:url('/images/hr_line.gif') repeat-x top left;
	height:2px;
}
/**
=========================================
	--- News content ---
=========================================
**/
p.news_date {
	color:#CC6600 !important;
	font-size:0.75em;
	line-height:0.75em;
	margin:4px 0 0 0;
	font-weight:bold;
	padding:0;
}
p.news_title {
	background:url('/images/hr_line_white.gif') repeat-x bottom;
	margin:0;
	padding-bottom:4px;
	font-size:0.95em;
}
/**
==============================
	--- Shortcut list ---
==============================
**/
div.shortcut ul li {
	margin:0;
	padding:4px 5px;
	background:url('/images/hr_line.gif') repeat-x top;
	font-size:0.9em;
}