/*
 *** style.css
 ***
 *** main CSS for all sites,
includes other needed css here
 *** We do general fixes for IE here (star hack). Other major adjustment is done via conditional comment in html-file
 ***
 *** PF
*/

/*
 basic definitions:
 fonts:      arial,
verdana
 font-sizes: ???
 font-colors:#fff,
#000,
#0066cc,
#ccc,
#666,
#404040
 special colors:#333 for Common categories-header,
search box text

 bg-colors:  #fff,
#999
 line-colors  #ccc
*/


@import url("reset-min.css"); /* standardizes cross-browser rendering on common elements,
neutralizing browsers' built-in stylesheets. */
@import url("grid.css");      /* Defines layout grids (header,
footer,
columns,...) */
 @import url("pagetitles.css");  /* page specific headers */
@import url("tables.css");      /* specific table column-layouts */
@import url("countrynames.css");      /* specific country names*/
/*******************************************************************************
 * general settings for color,
backgrounds,...
 */
html{
	background-color:#ffffff;
}
html,
body{
	background-color:#ffffff;
	text-align:center;
	padding-bottom:15px;
	font-family:verdana,helvetica,clean,sans-serif;
	behavior:url("/css/csshover.htc");
}
strong{
	font-weight:bold;
}
select{
	width:100%;
	line-height:30px;
	font-size:11px;
	font-family:verdana,helvetica,clean,sans-serif;
}
img{
	display:block;
}
a{
	outline:none;
}

/*******************************************************************************/


/******************************************************************************
 * layout for main boxes
 */

/* bd is wrap around all */
div#bd{
	text-align:left;
}
/* hd is wrap around header */
div#hd{
/* replaced by img background:transparent url(/img/hd_logo.gif) no-repeat 890px 35px;*/
}
/* menubar inside header */
div#hd #menu-hd{
}
/* doc is wrap for content */
div#doc{
	font-family:verdana,helvetica,clean,sans-serif;
	font-size:12px;
	line-height:160%;
}
/* ft is wrap around footer */
div#ft{
	font-family:verdana,helvetica,clean,sans-serif;
	line-height:15px;
	font-size:11px;
	color:#999;
}
/* menubar inside footer */
div#ft ul#menu-ft{
	margin-top:57px;
	margin-bottom:5px;
}
div#ft ul#menu-ft li{
	display:inline;
	margin-right:14px;
}
div#ft a{
	color:#999;
	text-decoration:none;
}
div#ft a:hover{
	text-decoration:underline;
}
div#ft p{
	color:#999;
	margin-bottom:20px;
}
/*******************************************************************************/


/******************************************************************************
 * common html-elements */

/*I deleted Minion because in most cases it isn�t installed.
Both fonts (Times vs. Minion) behave a bit different. So you can�t define
a definition which works with both fonts perfectly*/

div.ras-title{
	font-weight:bold;
	font-family: arial,helvetica,clean,sans-serif; 
	/* font-family:Times,serif; */
	/* font-style:italic; */
	font-size:29px; /*The Times is a bit heigher than the Minion*/
	color:#333;
	margin:-5px 0 20px 0;
	padding:0 0 6px 0;
	line-height:140%;
	height:auto !important;
	border-bottom:1px solid #CCC;
}
h2{
	font-family:arial,helvetica,clean,sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin-top:27px; /* renders 30px */
	margin-bottom:5px; /* !!! set7px for IE6 !!!*/
	padding-bottom:3px; /* !!! set7px for IE6 !!!*/
	border-bottom:1px solid #ccc;
}
h3{
	font-family:arial,helvetica,clean,sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin-top:27px; /* renders 30px */
	margin-bottom:8px; /* !!! set7px for IE6 !!!*/
}
/* H3 top added,
on top position no margin is needed */
h3.top{
	margin-top:0px;
}
/* supports image replacement */
/*  h1{
	font-family:Times,serif;
	font-weight:bold;
	font-style:italic;
	font-size:30px;
	height:31px;
	color:#333;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:0 0;
} */
h1{
	font-family: arial,helvetica,clean,sans-serif;
	/* font-family:Times,serif; */
	font-weight:bold;
	/* font-style:italic; */
	font-size:29px; /*The Times is a bit heigher than the Minion*/
	color:#333;
	line-height:140%;
	border-bottom:1px #CCC solid;
	padding-bottom:5px;
	margin-bottom:20px;
} 

sup{
	font-size:8px;
}
/* Firefox shows some ugly dotted borders*/
a:active{
	outline:none;
}
a:focus{
	-moz-outline-style:none;
}
button{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	border:0;
	cursor:pointer;
	padding:0 1px 0 0;
	text-align:center;
	background:url(/img/btn_right.gif) right no-repeat;
	margin-left:15px;
	margin-right:0px;
}
button span{
	background:url(/img/btn_bg.gif) left no-repeat;
	position:relative;
	display:block;
	white-space:nowrap;
	padding:0 17px 0 21px;
	height:18px;
	line-height:18px;
}
fieldset.buttons{
	text-align:right;
	margin-top:3px;
}
fieldset.buttons div{
	text-align:left;
	float:left;
}
a{
	color:#0066cc;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a.more{
	background:transparent url(/img/arr_link.gif) no-repeat 1px 5px;
	/* a must be extended to have bg image clickable,
too */
        padding-left:12px;
	margin-left:9px;
}
a.chevron{
	background:transparent url(/img/arr_link.gif) no-repeat 1px 5px;
	/* a must be extended to have bg image clickable,
too */
        padding-left:12px;
}
p.boxtext img{
	float:left;
	margin-top:3px;
	margin-right:15px;
	margin-bottom:7px;
}
p.boxtext img.right{
	float:right;
	margin-left:5px;
	margin-right:0px;
}
img.center{
	margin-left:auto;
	margin-right:auto;
}
p.boxtext.indent{
	padding-left:12px;
}
p.boxtext span.adress_tab{
	display:block;
	float:left;
	width:70px;
}
.cl{
	clear:both;
	height:0px;
}
.asset-body h2{
	clear:both;
}
.asset-body ul,
ul.featurelist{
	height:100%;
}
.asset-body ul li,
ul.featurelist li{
	background:transparent url(/img/bullet_blue.gif) no-repeat 0px 11px;
	padding-left:15px;
	padding-top:5px;
}
.asset-body ul li.first,
ul.featurelist li.first{
	padding-top:0px;
	background:transparent url(/img/bullet_blue.gif) no-repeat 0px 5px;
}
.asset-body ul li.nobullet,
ul.featurelist li.nobullet{
	background:none;
}
.asset-body ul li,
table ul.featurelist li{
	background-position:0px 10px;
}
hr{
	display:block;
	visibility:hidden;
	height:0px;
	border:0px none;
	margin:0px;
}
/* because of line height:allspacers render the given height +3px as distance*/
hr.xsmall{
	height:2px;
}
hr.small{
	height:7px;
}
hr.medium{
	height:12px;
}
hr.large{
	height:17px;
}
hr.xlarge{
	height:27px;
}
div.xlarge,
table.xlarge,
p.xlarge{
	margin-top:27px;
}
div.large,
table.large,
p.large{
	margin-top:17px;
}
div.medium,
table.medium,
p.medium{
	margin-top:12px;
}
div.small,
table.small,
p.small{
	margin-top:7px;
}
div.xsmall,
table.xsmall,
p.xsmall{
	margin-top:2px;
}
select{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	height:19px;
}
input{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
}
textarea{
	border:1px solid #ccc;
}
select.small{
	width:auto;
}
select.medium{
	width:215px;
}
input.date{
	height:15px;
	padding-bottom:0px;
	padding-top:1px;
	padding-left:5px;
	padding-right:5px;
	width:110px;
	border:1px solid #ccc;
}
input.qty{
	width:30px;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #ccc;
	height:15px;
	padding-bottom:0px;
	padding-top:1px;
}
img.bordered{
	border:1px solid #ccc;
}
/*******************************************************************************/


/******************************************************************************
 * layout for (reusable) content elements
 */


img#logo{
	float:right;
	margin-top:35px;
}
/* utility_nav */

div#utility_nav{
	height:15px;
	padding-top:33px;
	padding-bottom:63px;
	_padding-bottom:23px;
}
div#utility_nav span{
	height:15px;
	float:left;
}
div#utility_nav span#utility_nav-homelink{
	margin-right:26px;
	padding-left:1px;
	padding-top:1px;
}
div#utility_nav span#utility_nav-country{
	margin-right :46px;
	background:transparent url(/img/worldmap_small.gif) no-repeat left 1px;
	height:21px;
}
div#utility_nav span#utility_nav-country a{
	display:block;
	height:17px; /* img-height +2 */
	width:57px;
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:right;
	/* a must be extended to have bg image clickable,
too */
        padding-left:35px;
	font-family:arial,
helvetica,
clean,
sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
div#utility_nav span#utility_nav-country a:hover{
	background-repeat:no-repeat;
	background-position:right;
	text-decoration:none;
	color:#0066cc;
}
div#utility_nav ul#utility_nav-menu li{
	float:left;
	margin-right:14px; /* renders 15px */
}
div#utility_nav ul#utility_nav-menu a{
	font-family:arial,
helvetica,
clean,
sans-serif;
	font-size:13px;
	color:#b3b3b3;
	margin-left:1px;
	display:block;
	height:15px;  /* img-height +2 */
	text-indent:-999em;
	background-repeat:no-repeat;
	background-position:center left;
}
div#utility_nav ul#utility_nav-menu a:hover{
	color:#0066cc;
}
div#utility_nav ul#utility_nav-menu a.login{
	background-image:url(/img/utility_nav/utility_nav_01.gif);
	width:31px;
}
div#utility_nav ul#utility_nav-menu a.login:hover{
	background-image:url(/img/utility_nav/utility_nav_01_over.gif);
}
div#utility_nav ul#utility_nav-menu a.logoff{
	background-image:url(/img/utility_nav/utility_nav_01b.gif);
	width:44px;
}
div#utility_nav ul#utility_nav-menu a.logoff:hover{
	background-image:url(/img/utility_nav/utility_nav_01b_over.gif);
}
div#utility_nav ul#utility_nav-menu a.quick_order{
	background-image:url(/img/utility_nav/utility_nav_02.gif);
	width:74px;
}
div#utility_nav ul#utility_nav-menu a.quick_order:hover{
	background-image:url(/img/utility_nav/utility_nav_02_over.gif);
}
div#utility_nav ul#utility_nav-menu a.shopping_cart{
	background-image:url(/img/utility_nav/utility_nav_03.gif);
	width:88px;
}
div#utility_nav ul#utility_nav-menu a.shopping_cart:hover{
	background-image:url(/img/utility_nav/utility_nav_03_over.gif);
}
div#utility_nav ul#utility_nav-menu a.help{
	background-image:url(/img/utility_nav/utility_nav_04.gif);
	width:25px;
}
div#utility_nav ul#utility_nav-menu a.help:hover{
	background-image:url(/img/utility_nav/utility_nav_04_over.gif);
}
div#utility_nav ul#utility_nav-menu a.contact_us{
	background-image:url(/img/utility_nav/utility_nav_05.gif);
	width:65px;
}
div#utility_nav ul#utility_nav-menu a.contact_us:hover{
	background-image:url(/img/utility_nav/utility_nav_05_over.gif);
}
div#utility_nav ul#utility_nav-menu a.international_site{
	background-image:url(/img/utility_nav/utility_nav_06.gif);
	width:102px;
}
div#utility_nav ul#utility_nav-menu a.international_site:hover{
	background-image:url(/img/utility_nav/utility_nav_06_over.gif);
}
div#utility_nav ul#utility_nav-menu a.site_map{
	background-image:url(/img/utility_nav/utility_nav_07.gif);
	width:50px;
}
div#utility_nav ul#utility_nav-menu a.site_map:hover{
	background-image:url(/img/utility_nav/utility_nav_07_over.gif);
}

div#utility_nav ul#utility_nav-menu a.roche_dia{
	background-image:url(/img/utility_nav/utility_nav_08.gif);
	width:143px;
}
div#utility_nav ul#utility_nav-menu a.roche_dia:hover{
	background-image:url(/img/utility_nav/utility_nav_08_over.gif);
}

/* main_nav */
div#main_nav{
	width:720px;
	float:left;
}
div#main_nav ul#udm a.navbar{
	height:17px;
	position:relative !important;
}
div#main_nav ul#udm li{
	margin-right:19px;
}
div#main_nav ul#udm li#main_nav-01,
div#main_nav ul#udm a#btn_main_nav-01,
div#main_nav ul#udm li#main_nav-01.act,
div#main_nav ul#udm li#main_nav-01.act a#btn_main_nav-01{
	width:38px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-02,
div#main_nav ul#udm a#btn_main_nav-02{
	width:52px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-03,
div#main_nav ul#udm a#btn_main_nav-03{
	width:100px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-04,
div#main_nav ul#udm a#btn_main_nav-04{
	width:50px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-05,
div#main_nav ul#udm a#btn_main_nav-05{
	width:51px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-02.act,
div#main_nav ul#udm li#main_nav-02.act a#btn_main_nav-02{
	width:69px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-03.act,
div#main_nav ul#udm li#main_nav-03.act a#btn_main_nav-03{
	width:167px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-04.act,
div#main_nav ul#udm li#main_nav-04.act a#btn_main_nav-04{
	width:165px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-05.act,
div#main_nav ul#udm li#main_nav-05.act a#btn_main_nav-05{
	width:43px;
	overflow:hidden;
}
div#main_nav ul#udm li#main_nav-06.act,
div#main_nav ul#udm li#main_nav-06.act a#btn_main_nav-06{
	width:139px;
	overflow:hidden;
}
div#main_nav ul#udm a.navbar span{
	display:block;
	height:17px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
}
div#main_nav ul#udm a.navbar:hover span{
	background-position:0 -30px;
}
div#main_nav ul#udm li#main_nav-01.act a span{
	background-image:url(/img/main_nav/main_nav_act_01.gif);
}
div#main_nav ul#udm li#main_nav-02.act a span{
	background-image:url(/img/main_nav/main_nav_act_02.gif);
}
div#main_nav ul#udm li#main_nav-03.act a span{
	background-image:url(/img/main_nav/main_nav_act_03.gif);
}
div#main_nav ul#udm li#main_nav-04.act a span{
	background-image:url(/img/main_nav/main_nav_act_04.gif);
}
div#main_nav ul#udm li#main_nav-05.act a span{
	background-image:url(/img/main_nav/main_nav_act_05.gif);
}
div#main_nav ul#udm li#main_nav-06.act a span{
	background-image:url(/img/main_nav/main_nav_act_06.gif);
}
div#main_nav ul#udm a#btn_main_nav-01 span{
	background-image:url(/img/main_nav/main_nav_01.gif);
}
div#main_nav ul#udm a#btn_main_nav-02 span{
	background-image:url(/img/main_nav/main_nav_02.gif);
}
div#main_nav ul#udm a#btn_main_nav-03 span{
	background-image:url(/img/main_nav/main_nav_03.gif);
}
div#main_nav ul#udm a#btn_main_nav-04 span{
	background-image:url(/img/main_nav/main_nav_04.gif);
}
div#main_nav ul#udm a#btn_main_nav-05 span{
	background-image:url(/img/main_nav/main_nav_05.gif);
}
div#main_nav ul#udm a#btn_main_nav-06 span{
	background-image:url(/img/main_nav/main_nav_06.gif);
}
form#main_nav-search{
	float:right;
	border:1px solid #ccc;
	width:218px;
	background:transparent url(/img/btn_search_bg.gif) no-repeat 203px center;
	height:18px;
	margin-top:-4px;
}
form#main_nav-search fieldset{
	margin-bottom:0px;
	margin-top:0px;
}
form#main_nav-search input#query{
	float:left;
	color:#333;
	width:190px;
	_width:187px;
	border:0px none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
}
form#main_nav-search input#search{
	border:0px none;
	background:none;
	width:22px;
	height:18px;
}
/* Breadcrumb */
div#breadcrumb{
	font-family:verdana,helvetica,clean,sans-serif;
	font-size:11px;
	margin-top:16px;
	margin-bottom:26px;
}
div#breadcrumb a{
	text-decoration:none;
	color:#000;
}
div#breadcrumb a:hover{
	text-decoration:underline;
}
div#breadcrumb a.act{
	font-weight:bold;
}
/* Sidebar */
div#sidebar{
	margin-top:42px;
}
div#sidebar li{
	height:100%; /* another IE thing */
}
ul#submenu{
	font-family:arial,clean,sans-serif;
	font-size:11px;
	line-height:16px; /* -1 in IE */
}
ul#submenu li.submenu-item a{
	background-image:url(/img/arr_menu_left.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#0066cc;
	display:block;
	border-bottom:1px solid #ccc;
	padding-top:2px;
	padding-bottom:2px;
	height:100%;
}
ul#submenu li.submenu-item.open a{
	background-image:url(/img/arr_menu_down.gif);
}
ul#submenu li.submenu-item.func a{
	background-image:url(/img/arr_menu_left_red.gif);
	color:#cc0000;
}
ul#submenu li.submenu-item a:hover{
	text-decoration:none;
	background-image:url(/img/arr_menu_left_over.gif);
	background-color:#999;
	color:#fff;
}
ul#submenu li.submenu-item.open a:hover{
	background-image:url(/img/arr_menu_down_over.gif);
}
ul#submenu li.submenu-item.act a{
	font-weight:bold;
}
ul#submenu li.submenu-item.level01 a{
	padding-left:16px;
	background-position:4px 6px;
}
ul#submenu li.submenu-item.level02 a{
	padding-left:31px;
	background-position:19px 6px;
}
ul#submenu li.submenu-item.level03 a{
	padding-left:46px;
	background-position:34px 6px;
}
ul#submenu li.submenu-item.level04 a{
	padding-left:61px;
	background-position:49px 6px;
}
ul#submenu li.submenu-item.level05 a{
	padding-left:76px;
	background-position:64px 6px;
}
/* Visual (full width) */
div#visual{
	border-bottom:1px solid #ccc;
	margin-left:-19px;
	margin-right:-49px;
}
div#visual img{
	display:block;
}
/* Visual_small (2/3 width) */
div#visual_small{
	margin-top:5px;
	margin-right:-49px;
}
div#visual_small img{
	display:block;
}
div#visual.splash{
	position:relative;
	height:348px;
}
div#visual.splash div.media{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
div#visual.splash div.text{
	position:absolute;
	top:90px;
	right:30px;
	width:314px;
}
/* 2col layout for portal (kind of sidebar,
but different margins to top)  Layout is 25|75*/
div.full-2col{
	height:100%;
}
div.full-2col div.full-2col-content{
	margin-left:20px;
	padding-top:20px;
	float:left;
	width:700px;
}
div.full-2col div.full-2col-side{
	width:220px;
	float:left;
}
/* 3col layout for portal (no sidebar) */
div.full-3col div.full-3col-col{
	margin-left:20px;
	width:220px;
	float:left;
}
div.full-3col div.first{
	margin-left:0px;
}
div.full-3col div.center{
	width:460px;
}
/* 4col layout for homepage (no sidebar) */
div.full-4col div.full-4col-col{
	margin-left:20px;
	width:220px;
	float:left;
}
div.full-4col div.first{
	margin-left:0px;
}
/* 3col layout for other pages (with sidebar)  33|33|33*/
div.content-3col{
	height:100%;
}
div.content-3col div.content-3col-col{
	margin-left:20px;
	width:220px;
	float:left;/*padding-bottom:20px;*/
}
div.content-3col div.first{
	margin-left:0px;
}
div.content-3col div.last{
	float:right;
}
div.content-3col.sequence{
	background:transparent url(/img/sequence_bg.gif) no-repeat 200px 50%;
}
/* 2col layout for other pages (with sidebar)  66|33*/
div.content-2col_66_33 div.content-2col_66_33-col{
	margin-left:20px;
	width:220px;
	float:left;
}
div.content-2col_66_33 div.content-2col_66_33-col.first{
	margin-left:0px;
	width:460px;
}
/* 2col layout for other pages (with sidebar)  33|66*/
div.content-2col_33_66 div.content-2col_33_66-col{
	margin-left:20px;
	width:460px;
	float:left;
}
div.content-2col_33_66 div.content-2col_33_66-col.first{
	margin-left:0px;
	width:220px;
}
/* 2col layout for inner content  50|50 */
div.content-2col_50_50 div.content-2col_50_50-col{
	margin-left:20px;
	width:220px;
	float:left;
}
div.content-2col_50_50 div.content-2col_50_50-col.first{
	margin-left:0px;
}
/* normal linklist */


ul.linklist-small li{
	padding-top:5px;
	padding-left:12px;
	/* bg-image put in li to avoid flicker if we will have a different bg on mouseOver */
        background-image:url(/img/arr_link.gif);
	background-repeat:no-repeat;
	background-position:1px 11px;
}
ul.linklist-small li.first{
	padding-top:0px;
	background-position:1px 6px;
}
ul.linklist-small a{
	color:#0066cc;
	text-decoration:none;
}
/* Links for Mail,
Contact,... */
ul.linklist-small li.faq{
	background-image:url(/img/faq.gif);
	background-position:1px 7px;
}
ul.linklist-small li.cont{
	background-image:url(/img/cont.gif);
	background-position:1px 7px;
}
ul.linklist-small li.mail{
	background-image:url(/img/mail.gif);
	background-position:1px 7px;
}
ul.linklist-small li.faq a,
ul.linklist-small li.cont a,
ul.linklist-small li.mail a{
	padding-left:19px;
}
ul.linklist-small a:hover{
	/* works but the bg-image will not be underlined */
         text-decoration:underline;/* border-bottom:1px solid #0066cc; will underline even the bg-image,
         * but doesn't look rigth with a display:block (what is needed to indent multiline links correctly
         * with a given display block,
border will be below block,
not below all words,
without "block" second line
         * won't be indented
         */
}
ul.checklist li{
	padding-top:5px;
	height:100%; /* for IE6 */
}
ul.checklist.indent li{
	padding-left:11px;
}
ul.checklist li.first{
	padding-top:0px;
}
ul.checklist li input.check,
ul.checklist li input.radio{
	float:left;
	margin-top:2px;
}
ul.checklist li label{
	padding-left:22px;
	display:block;
}
ul.checklist li p{
	padding-left:22px;
}
p.input_norm{
	margin-bottom:5px;
}
p.input_sub{
	display:block;
	margin-bottom:5px;
	margin-left:16px;
}
p.input_norm input.check,
p.input_sub input.check{
	height:13px;
	margin:0 3px 0 0;
	padding:0;
	position:relative;
	top:-1px;
	vertical-align:bottom;
	width:13px;
}
label.block{
	display:block;
	padding-left:15px;
	text-indent:-15px;
}
/*JUMPMENU WITH IMG */
div.jumpmenu_img{
	position:relative;
	height:100%; /* IE6 once again */
}
div.jumpmenu_img img{
	position:absolute;
	bottom:2px;
	left:0px;
}
div.jumpmenu_img p{
	padding-left:135px;
}
/* Dotted border */
div.divider_hor{
	background:transparent url(/img/border_dotted.gif) repeat-x;
	height:1px;
}
/* normal border */
div.line_hor{
	border-top:1px solid #ccc;
	height:1px;
}
/* Image caption */
p.img_caption{
	font-size:11px;
	font-weight:bold;
	color:#000;
}
/* Annotation */
p.annotation{
	color:#999;
}
/* teaser NEW */
span.new_teaser{
	color:#cc0000;
	font-weight:normal;
	text-transform:uppercase;
}
/* display of numeriv value in a kind of input-frame */
span.numval_display{
	border:1px solid #ccc;
	padding:2px 5px;
	margin-right:5px;
}
/* List */
ol li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:20px;
	padding-left:0px;
}
/* News teaser */
p.newsdate{
	color:#999;
}
p.newsheader{
	font-weight:bold;
	color:#000;
}
div.sap_confirmation{
	color:#333;
	font-weight:bold;
}
/* pager */
div.pager{
	color:#0066cc;
	text-align:right;
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	word-spacing:-3px;
}
div.pager a{
	color:#0066cc;
	text-decoration:none;
}
div.pager a.pager-prev:hover,
div.pager a.pager-next:hover{
	text-decoration:underline;
}
div.pager a.pager-selector{
	padding-left:3px;
	padding-right:4px;
	padding-bottom:2px;
}
div.pager a.pager-selector:hover{
	background-color:#e5e5e5;
}
div.pager a.pager-selector.act{
	font-weight:bold;
}
div.pager a.pager-prev{
	margin-right:7px;
}
div.pager a.pager-next{
	margin-left:8px;
}
/* Login Form on homepage */
form#login_home{
	width:220px;
	margin-top:11px;
}
form#login_home fieldset{
	margin-bottom:0px;
	margin-top:0px;
}
form#login_home label{
	line-height:20px;
	text-align :right;
}
form#login_home input{
	float:right;
	width:144px;
	padding-top:2px;
	padding-bottom:3px;
	padding-left:7px;
	margin-bottom:3px;
	border:1px solid #ccc;
}
/* linklist (e.g. common categories) */

div.linklist div.linklist-list{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:100%;
}
div.linklist div.linklist-list ul{
	margin-left:20px;
	width:220px;
	float:left;
	padding-top:11px;/* !!!set to 12 for IE6 !!!*/
	padding-bottom:12px;/* !!!set to 11 for IE6 !!!*/
}
div.linklist div.linklist-list ul.first{
	margin-left:0px;
}
div.linklist div.linklist-list li{
	height:100%; /* for IE6 */
	/* bg-image put in li to avoid flicker if we will have a different bg on mouseOver */
        background-color:transparent;
	background-image:url(/img/arr_link.gif);
	background-repeat:no-repeat;
	background-position:1px 6px; /* !!!set 1x 5px for IE !!!*/
	padding-left:12px;
}
div.linklist div.linklist-list a{
	color:#0066cc;
	text-decoration:none;
	line-height:15px; /* !!!set to 13 for IE6 !!!*/
}
div.linklist div.linklist-list a:hover{
	/* works but the bg-image will not be underlined */
         text-decoration:underline;/* border-bottom:1px solid #0066cc; will underline even the bg-image,
         * but doesn't look rigth with a display:block (what is needed to indent multiline links correctly
         * with a given display block,
border will be below block,
not below all words,
without "block" second line
         * won't be indented
         */
}
div.select_simple select{
	width:auto;
	margin-left:15px;
}
/* Footer with links to print and tip-a-friend */
div.printlink-footer a{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0066cc;
	margin-right:10px;
	padding-bottom:2px;
}
div.printlink-footer a:hover{
	text-decoration:underline;
}
div.printlink-footer a.print_link{
	background:transparent url(/img/print.gif) no-repeat left 0px;
	padding-left:15px;
}
div.printlink-footer a.tipafriend_link{
	background:transparent url(/img/tipafriend.gif) no-repeat left 0px;
	padding-left:18px;
}
/* prod_summary */
div.prod_summary-button{
	margin-top:20px;
	text-align:right;
}
div.prod_summary-button a{
	margin-left:20px;
}
div.header_addition{
	float:right;
}
div.header_addition select{
	width:45px;
}
div.header_addition img{
/* used to fix IE error when adding img to breadcrumb*/
}
div.header_addition.box{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	width:202px; /* -padding on both sides + border on both sides*/
	padding:10px;
}
div.header_addition.box input{
	height:15px;
	margin-top:7px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:1px;
	width:190px;
	border:1px solid #ccc;
}
/* Box for promotion code*/
fieldset.promotion_code{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
}
fieldset.promotion_code label{
}
fieldset.promotion_code input{
	height:15px;
	margin-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:1px;
	width:135px;
	border:1px solid #ccc;
}
table th.ra,
table td.ra{
	text-align:right;
}
table th.ce,
table td.ce{
	text-align:center;
}
table.grid{
	font-family:arial,
clean,
sans-serif;
	font-size:11px;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
table.grid th{
	font-weight:bold;
}
table.grid th,
table.grid td{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	vertical-align:top;
	padding-left:20px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:3px;
}
table.grid th.first,
table.grid td.first{
	padding-left:10px;
}
table.grid th.last,
table.grid td.last{
	border-right:0px none;
}
.asset-body table{
	font-family:arial,clean sans-serif;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.asset-body table th{
	border-bottom:1px solid #999;
}
.asset-body table th.sorted span{
	font-weight:bold;
}
.asset-body table th.dsc span{
	background:transparent;
	padding-right:12px;
}
.asset-body table th.asc span{
	background:transparent;
	padding-right:12px;
}
.asset-body table td{
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
.asset-body table th,
.asset-body table td{
	padding-right:10px;
	padding-top:3px;
}
.asset-body table th{
	padding-bottom:1px;
}
.asset-body table td{
	padding-top:6px;
	padding-bottom:6px;
}
.asset-body table th.last,
.asset-body table td.last{
	padding-right:0px;
}
.asset-body table input.tableradio,
.asset-body table input.tablecheck{
	/* only for IE fix of margins*/
vertical-align:middle;
}
/* Forms */
span.req{
	color:#0066cc;
}
fieldset{
	margin-top:2px;
	margin-bottom:1px;
}
fieldset.bordered{
	border:1px solid #ccc;
	padding:20px;
}
fieldset.list label,
span.confirmation-item{
	width:220px;
	display:block;
	float:left;
	padding-top:2px;
	line-height:15px;
	padding-top:1px;
}
fieldset.list input.text,
fieldset.list select.text,
fieldset.list div.radiogroup,
span.confirmation-value{
	margin-left:240px;
	display:block;
}
span.confirmation-value{
	padding-top:2px;
}
fieldset.list input.text,
fieldset.list select.text,
fieldset.list div.radiogroup{
	margin-bottom:12px;
}
fieldset.list div.radiogroup{
	text-align:center;
}
fieldset.list div.radiogroup input{
	margin-left:20px;
	margin-right:5px;
}
fieldset.list div.radiogroup input.radio{
	margin-bottom:-3px;
}
fieldset.list div.radiogroup input.check{
	margin-bottom:-1px;
}
fieldset.list div.radiogroup label{
	width:auto;
	display:inline;
	float:none;
}
fieldset.list div.radiogroup_img{
	margin-left:20px;
	margin-bottom:10px;
}
fieldset.list div.radiogroup_img input.radio{
	margin-left:30px;
	margin-right:10px;
	vertical-align:top;
}
fieldset.list div.radiogroup_img img{
	display:inline;
}
fieldset.list div.radiogroup_img label{
	width:auto;
	display:inline;
	float:none;
}
input.text{
	border:1px solid #ccc;
	width:208px;
	height:15px;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:0px;
}
input.config{
	border:1px solid #ccc;
	height:15px;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
	padding-bottom:0px;
}
select.text{
	width:221px;
	height:19px;
}
div.disclaimer label{
	margin-left:30px;
	display:block;
}
div.disclaimer input{
	margin-left:10px;
	float:left;
	margin-top:2px;
}
textarea{
	width:100%;
	height:134px;
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	overflow:auto;
}
/* Messagebox */
div.msgbox{
	overflow:hidden;
	height:43px;
	border-width:1px;
	border-style:solid;
}
div.msgbox p{
	padding-left:60px;
	line-height:43px;
}
div.msgbox.info{
	border-color:#009900;
	background:transparent url(/img/info.gif) no-repeat 15px center;
}
div.msgbox.info p{
	color:#009900;
}
div.msgbox.error{
	border-color:#cc0000;
	background:transparent url(/img/error.gif) no-repeat 15px center;
}
div.msgbox.error p{
	color:#cc0000;
}
/* Detail content */

div.content-detail{
	margin-top:5px; /* -3px for IE */
}
h4.content-detail-head{
	font-family:arial,
clean,
sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-bottom:13px;
}
p.content-detail-short{
	font-size:11px;
	font-weight:bold;
	color:#000;
}
/* Quick Order */
fieldset.quickorder{
	height:100%;
}
fieldset.quickorder p.header_no,
fieldset.quickorder p.header_config,
fieldset.quickorder p.header_qty{
	font-weight:bold;
	font-family:arial,
clean,
sans-serif;
}
fieldset.quickorder input,
fieldset.quickorder p.header_no,
fieldset.quickorder p.header_config,
fieldset.quickorder p.header_qty{
	float :left;
	display:block;
}
fieldset.quickorder input.text{
	width:160px;
}
fieldset.quickorder input.config{
	width:160px;
	margin-left:18px;
}
fieldset.quickorder p.header_no{
	width:172px;
}
fieldset.quickorder p.header_config{
	width:172px;
	margin-left:24px;
}
fieldset.quickorder input.qty,
fieldset.quickorder p.header_qty{
	margin-left:18px;
	width:25px;
}
fieldset.quickorder label{
	margin-left:430px;
	display:block;
}
/* Service and Support */
div.collapse-section div.collapse{
	margin-bottom:30px;
}
div.collapse-section div.divider_hor{
	margin-top:13px;
	margin-bottom:13px;
}
div.collapse-func{
	text-align:right;
	margin-top:20px;
}
div.collapse-func a{
	font-family:arial,
clean,
sans-serif;
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#0066cc;
	padding-left:12px;
}
div.collapse-func a.showall{
	background:transparent url(/img/plus.gif) no-repeat left 3px;
}
div.collapse-func a.hideall{
	margin-left:20px;
	background:transparent url(/img/minus.gif) no-repeat left 3px;
}
div.collapse-func a:hover{
	text-decoration:underline;
}
div.collapse-section h3.collapse-section-header{
	background:transparent url(/img/arr_drop_left.gif) no-repeat left 3px;
	padding-left:15px;
	margin-top:8px;
	cursor:pointer;
}
div.collapse-section h3.collapse-section-header.open{
	background-image:url(/img/arr_drop_down.gif);
}
/* prod_detail */
table.prod_featuretable{
	font-family:arial,
clean,
sans-serif;
	font-size:11px;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	margin-top:12px;
	border-bottom:1px solid #999;
}
table.prod_featuretable td{
	border-top:1px solid #999;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;
}
table.prod_featuretable td.description{
	width:180px;
}
table.prod_featuretable td.value{
	color:#0066cc;
}
div.faq_header{
	font-family:arial,
clean,
sans-serif;
	font-size:11px;
	border-top:1px solid #ccc;
	padding-top:30px;
	border-bottom:1px solid #ccc;
}
div.faq_header ul.faq_header-nav{
	float:left;
	margin-bottom:       -1px;
}
div.faq_header ul.faq_header-nav li{
	float:left;
}
div.faq_header ul.faq_header-nav li a{
	display:block;
	text-decoration:none;
	color:#000;
	padding-top:4px;
	padding-bottom:4px;
}
div.faq_header ul.faq_header-nav li a span{
	display:block;
	border-right:1px solid #ccc;
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
}
div.faq_header ul.faq_header-nav li.open a span,
div.faq_header ul.faq_header-nav li.last a span{
	border-right:none;
}
div.faq_header ul.faq_header-nav li.open a{
	font-weight:bold;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #fff;
}
div.faq_header div.faq_header-help{
	text-align:right;
	padding-top:6px;
}
div.faq_header ul.faq_header-nav li a:hover{
	text-decoration:underline;
}
div.faq_header div.faq_header-help a{
	text-decoration:none;
	color:#0066cc;
	padding-left:20px;
}
div.faq_header div.faq_header-help a:hover{
	text-decoration:underline;
}
div.faq_add_info{
	font-family:arial,
clean,
sans-serif;
	font-size:11px;
	float:right;
	width:220px;
	margin-top:24px;
}
div.faq_add_info div.faq_info{
	background-color:#f2f2f2;
	padding:10px;
}
div.faq_add_info form{
	margin:10px;
}
div.faq_add_info form input{
	float:left;
	height:20px;
}
div.faq_add_info form label{
	line-height:20px;
	padding-left:10px;
}
div.faq_answer{
	font-family:arial,
clean,
sans-serif;
	font-size:11px;
	width:460px;
}
div.faq_answer h3{
	border-bottom:1px solid #ccc;
}
div.faq_answer p.bodytext a{
	color:#0066cc;
}
form.bordered{
	border:1px solid #ccc;
	padding:20px;
}
form.filled{
	background-color:#e5effa;
	padding:20px;
}
form.bordered input.text,
form.filled input.text{
	width:187px;
}
form.filled h3{
	margin-top:0px;
	color:#0066cc;
}
form.bordered h3{
	margin-top:0px;
}
form.filled div.content-2col_50_50 div.content-2col_50_50-col,
form.bordered div.content-2col_50_50 div.content-2col_50_50-col{
	width:199px;
}
/*******************************************************************************/

/*******************************************************************************
 * PopUp
 */
 div.jqmWindow{
	font-family:verdana,
helvetica,
clean,
sans-serif;
	font-size:11px;
	line-height:15px;
}
div.jqmWindow#langselect{
	z-index:30000;
	display:none;
	background:#fff url(/img/worldmap.gif) no-repeat 20px 35px;
	position:fixed;
	top:17%;
	left:50%;
	margin-left:-360px;
	width:720px;
	border:0px none;
}
div.jqmWindow#langselect p.boxtext{
	margin-top:110px;
	margin-left:409px;
	margin-right:50px;
	margin-bottom:50px;
}
div.jqmWindow#langselect form#langform{
	margin-left:409px;
	margin-right:50px;
}
div.jqmWindow#langselect form#langform select{
	width:176px;
}
div.jqmWindow#langselect form#langform button{
	margin-bottom:1px;
	margin-right:1px;
	margin-left:0px;
}
div.jqmWindow#langselect p.popup-linkwrap{
	margin-top:10px;
	margin-left:20px;
	margin-bottom:20px;
}
div.jqmWindow#langselect p.popup-linkwrap a{
	background:transparent url(/img/close.gif) no-repeat 0px 4px;
	padding-left:12px;
}
.jqmOverlay{
	background-color:#000;
}
/*******************************************************************************/
/*******************************************************************************
 * Chartkit
 */
 
table.chartkit{
	border-collapse:collapse;
	table-layout:fixed;
}
table.chartkit td{
	vertical-align:top;
	text-align:left;
}
table.chartkit td.chartkitcell-base-normal,
table.chartkit td.chartkitcell-prev-normal,
table.chartkit td.chartkitcell-next-normal,
table.chartkit td.chartkitcell-base-dark,
table.chartkit td.chartkitcell-prev-dark,
table.chartkit td.chartkitcell-next-dark,
table.chartkit td.chartkitcell-base-light,
table.chartkit td.chartkitcell-prev-light,
table.chartkit td.chartkitcell-next-light{
	width:169px;
	height:103px;
	vertical-align:middle;
	background-color:transparent;
	background-position:center top;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	cursor:pointer;
	cursor:hand;
}
table.chartkit td.first{
	padding-left:0px;
}
table.chartkit td.last{
	padding-right:0px;
}
table.chartkit td a.chartkit-text,
table.chartkit td a.chartkit-imgtext{
	font-weight:bold;
	color:#0066CC;
	font-family:Arial,
clean,
sans-serif;
	font-size:12px;
	display:block;
}
table.chartkit td a.chartkit-text:hover,
table.chartkit td a.chartkit-imgtext:hover,
table.chartkit td a.chartkit-text.hover,
table.chartkit td a.chartkit-imgtext.hover{
	text-decoration:underline;
}
table.chartkit td a.chartkit-text{
	padding-top:4px;
	padding-bottom:22px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
}
table.chartkit td a.chartkit-imgtext{
	background-color:transparent;
	background-position:center left;
	background-repeat:no-repeat;
	padding-top:21px;
	padding-bottom:21px;
	padding-left:52px;
	margin-left:20px;
	text-align:left;
	width:75px;
	position:relative;
	top:-7px;
}
table.chartkit td.chartkitcell-base-normal{
	background-image:url(/img/chartkit/rect_grey.gif);
}
table.chartkit td.chartkitcell-base-normal:hover{
	background-image:url(/img/chartkit/rect_over.gif);
}
table.chartkit td.chartkitcell-prev-normal{
	background-image:url(/img/chartkit/left_grey.gif);
}
table.chartkit td.chartkitcell-prev-normal:hover{
	background-image:url(/img/chartkit/left_over.gif);
}
table.chartkit td.chartkitcell-next-normal{
	background-image:url(/img/chartkit/right_grey.gif);
}
table.chartkit td.chartkitcell-next-normal:hover{
	background-image:url(/img/chartkit/right_over.gif);
}
table.chartkit td.chartkitcell-base-dark{
	background-image:url(/img/chartkit/rect_dark.gif);
}
table.chartkit td.chartkitcell-base-dark:hover{
	background-image:url(/img/chartkit/rect_over.gif);
}
table.chartkit td.chartkitcell-prev-dark{
	background-image:url(/img/chartkit/left_dark.gif);
}
table.chartkit td.chartkitcell-prev-dark:hover{
	background-image:url(/img/chartkit/left_over.gif);
}
table.chartkit td.chartkitcell-next-dark{
	background-image:url(/img/chartkit/right_dark.gif);
}
table.chartkit td.chartkitcell-next-dark:hover{
	background-image:url(/img/chartkit/right_over.gif);
}
table.chartkit td.chartkitcell-base-light{
	background-image:url(/img/chartkit/rect_blue.gif);
}
table.chartkit td.chartkitcell-base-light:hover{
	background-image:url(/img/chartkit/rect_over.gif);
}
table.chartkit td.chartkitcell-prev-light{
	background-image:url(/img/chartkit/left_blue.gif);
}
table.chartkit td.chartkitcell-prev-light:hover{
	background-image:url(/img/chartkit/left_over.gif);
}
table.chartkit td.chartkitcell-next-light{
	background-image:url(/img/chartkit/right_blue.gif);
}
table.chartkit td.chartkitcell-next-light:hover{
	background-image:url(/img/chartkit/right_over.gif);
}

/*******************************************************************************/

/*******************************************************************************
 * Movable Type
 */
.asset-body h2,
.asset-body h3,
.asset-body h4,
.asset-body h5,
.asset-body h6{
	font-family:arial,clean, sans-serif;
	font-weight:bold;
	color:#666;
	margin-bottom:13px;
	margin-top:0;
	line-height:133%;
}
.asset-body h2{
	font-size:14px;
	border-bottom:none;
}
.asset-body h3{
	font-size:12px;
}
.asset-body h4{
	font-size:11px;
}
.asset-body h5{
	font-size:11px;
	color:#999;
}
.asset-body h6{
	font-size:11px;
	color:#CCC;
}
.asset-body p,
.asset-body ul,
.asset-body ol{
	margin-bottom:20px;
}
.asset-body img{
	display:inline;
}
.asset-body ul li{
	padding-top:5px;
	height:100%; /* for IE6 */
	/* bg-image put in li to avoid flicker if we will have a different bg on mouseOver */
	background-repeat:no-repeat;
	background-position:1px 11px;
}
/* .asset-body li a{
	padding-left:12px;
    background:url(/img/arr_link.gif) no-repeat 0% 5px;
} */
.asset-body table,
.prodlist{
	font-family:arial,clean sans-serif;
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	margin-bottom:10px;
}
.asset-body table th,
.prodlist th{
	border-bottom:1px solid #999;
}
.asset-body table td,
.prodlist td{
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
.asset-body table th,
.asset-body table td,
.prodlist th,
.prodlist td{
	padding-right:10px;
	padding-top:3px;
}
.asset-body table th,
.prodlist th{
	padding-bottom:1px;
	font-weight:bold;
}
.asset-body table td,
.prodlist td{
	padding-top:6px;
	padding-bottom:6px;
}
.asset-body table.bordernone{
	width:auto;
}
.asset-body table.bordernone th,
.asset-body table.bordernone td{
	border:none;
	padding-top:0 !important;
	padding-right:0 !important;
	padding-bottom:0 !important;
	margin:0 !important;
}
.asset-body table th.center,
.asset-body table td.center,
.bordernone th.center,
.bordernone td.center,
.prodlist th.center,
.prodlist td.center{
	text-align:center;
}
.asset-body table th.right,
.asset-body table td.right,
.prodlist th.right,
.prodlist td.right{
	text-align:right;
}

.asset-body table th.left,
.asset-body table td.left,
.prodlist th.left,
.prodlist td.left{
	text-align:left;
}

.webpage .asset-body{
	margin-top:27px;
}

.prime .full-3col-col.center{
	margin-top:27px;
}

.magpager{
	clear:both;
	text-align:center;
	padding:20px 0;
}

/*******************************************************************************/

/*******************************************************************************
 * Addition
 */
.homeBnr{
	border-top:2px #CCC solid;
	border-bottom:2px #CCC solid;
	padding:15px 0;
	margin-top:40px;
}
.homeBnr img{
	display:inline;
}
.homeBnr li{
	float:left;
}
.homeBnr li.mr20{
	margin-right:20px;
}

form#productsearch{
	border:1px solid #ccc;
	width:220px;
	background:transparent url(/img/btn_search_bg.gif) no-repeat 203px center;
	height:18px;
	margin-bottom:15px;
}
form#productsearch fieldset{
	margin-bottom:0px;
	margin-top:0px;
}
form#productsearch input#query{
	float:left;
	color:#333;
	width:190px; /* 187px; for IE6 */
	border:0px none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
}
form#productsearch input#search{
	border:0px none;
	background:none;
	width:22px;
	height:18px;
}
.arrow{
	padding-top:5px;
	padding-left:12px;
	height:100%; /* for IE6 */
	background-image:url(/img/arr_link.gif);
	background-repeat:no-repeat;
	background-position:1px 11px;
}


.privacyform{
	border:1px solid #CCC;
	padding:15px;
	height:150px;
	overflow:auto;
}
.privacyform h2{
	margin-top:0;
}

/*******************************************************************************/

/*******************************************************************************
 * primaBox
 */
.primaBox{
	margin-bottom:20px;
	background:url(/img/border_dotted.gif) repeat-x 0 100%;
	padding-bottom:15px;
}
.primaBox h3{
	border-bottom:none;
	margin-bottom:15px;
	margin-top:0;
}
.primaImg{
	float:left;
	width:130px;
	vertical-align:top;
}
.primaTxt{
	float:right;
	width:550px;
	vertical-align:top;
}
.primaTxt p{
	margin-bottom:15px;
}
.primaSheet{
	width:100%;
}
.primaSheet th,
.primaSheet td{
	padding:6px 6px 6px 0;
}
.primaSheet th{
	width:33%;
	font-weight:bold;
	border-bottom:1px solid #999999;
	padding-bottom:1px;
}
.primaSheet td{
	border-bottom:1px solid #CCCCCC;
}


/*******************************************************************************/

/*******************************************************************************
 * errorBox
 */
#errorBox{
	width:1024px;
	height:250px;
	background:#FFF url(/img/images/error-visual.jpg) no-repeat 0 0;
	font-size:12px;
	line-height:140%;
}
#errorBox .inner{
	padding:83px 0 0 20px;
}
#errorBox .inner p{
	font-weight:bold;
	margin-bottom:15px;
}
#errorBox .inner ul{
	margin:0 0 10px 10px;
}
#errorBox h3{
	font-size:12px;
	color:#000;
	margin:0 0 5px 0;
}
#errorSearchBox{
	width:218px;
	height:18px;
	border:1px solid #ccc;
	overflow:hidden;
}
form#errorSearch{
	background:#FFF url(/img/btn_search_bg.gif) no-repeat 203px 3px;
}
form#errorSearch fieldset{
	margin-bottom:0px;
	margin-top:0px;
}
form#errorSearch input#query{
	float:left;
	color:#333;
	width:190px; /* 187px; for IE6 */
	border:0px none;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:6px;
}
form#errorSearch input#search{
	border:0px none;
	background:none;
	width:22px;
	height:18px;
}

#homesearchArea,
#searchArea{
	margin-bottom:20px;
}
#homesearchArea p{
	margin-bottom:15px;
}

#searchArea ul li{
	float:left;
	background-image:none;
	padding:0 10px 0 0;
}
#homesearchArea ul li input,
#searchArea ul li input{
	margin-right:2px;
}
#homesearchArea #searchForm,
#searchArea #searchForm{
	border:1px solid #ccc;
	width:218px;
	background:url(/img/btn_search_bg.gif) no-repeat 203px center;
	height:18px;
	margin-bottom:10px;
}
#homesearchArea form fieldset,
#searchForm form fieldset{
	margin-bottom:0px;
	margin-top:0px;
}
#homesearchArea #query,
#searchForm #query{
	color:#333;
	width:190px; /* 187px; for IE6 */
	border:0px none;
	padding:2px 0 2px 6px;
	height:12px;
}
* html #searchForm #query{
	padding:0 0 0 6px;
	height:12px;
}

#homesearchArea  form input#search,
#searchArea form input#search{
	border:0px none;
	background:none;
	width:22px;
	height:18px;
}
#p-search #doc{
	padding-top:25px;
}
.searchPager{
	margin-bottom:15px;
	text-align:center;
}

.seachList{
	margin-bottom:15px;
}
.seachList p.category{
	color:#009966;
	font-size:11px;
}
.seachList h3,
.seachList p{
	margin-bottom:0;
	color:#666;
}
.highlight{
	background-color:#E5EFFA;
	padding:0 2px;
	margin:0 1px;
}

/* sitemap */

div#sitemap-tab
{
	border:1px solid #ccc;
	border-bottom:1px solid #fff;
	height:35px;
	position:absolute;
	top:-37px;
 	/* set by js:*/
 	left:-1000px;
	width:0;
}

div.sitemap-block
{
	background:url(img/sitemap-separator.gif) no-repeat 0 0;
	padding-top:1px;
}

div.first-sitemap-block,
div#content-zone div.sitemap-block
{
	background:none;
	padding-top:0px;
}

div#content-zone div.sitemap-column
{
	padding:0 10px 5px;
}

div.sitemap-column
{
	float:left;
	padding:5px 10px 8px;
}

div#sitemap.with-4-columns div.sitemap-column
{
	width:212px;
}

div#sitemap.with-5-columns div.sitemap-column
{
	width:165px;
}

div#sitemap dl,
div#sitemap p
{
	padding:6px 0 4px;
}

div#sitemap dl dt,
div#sitemap p
{
	color:#000;
	font-weight:bold;
	padding-left:11px;
}

div#sitemap dl dl dt
{
	font-weight:normal;
	padding-left:0;
}

div#sitemap dd
{
	padding:4px 0 0;
}

div#sitemap a
{
	color:#06c;
	display:block;
}

div#sitemap dl dd a,
div#sitemap dl dl dt a
{
	padding-left:11px;
}

div#sitemap span.toggle
{
	color:#06c;
	display:block;
	padding-left:11px;
	cursor:pointer;
}

div#sitemap dl dl span.toggle a
{
	padding-left:0;
}

div#sitemap a:hover,
div#sitemap a:focus
{
	text-decoration:underline;
}

div#sitemap dl.expanded a.toggle,
div#sitemap dl.expanded span.toggle
{
	background:url(img/icon-expanded.gif) no-repeat 0 6px;
}

div#sitemap dl.collapsed a.toggle,
div#sitemap dl.collapsed span.toggle
{
	background:url(img/icon-collapsed.gif) no-repeat 0 4px;
}

div#sitemap dl dl
{
	padding:0;
}

div#sitemap dl.expanded dd
{
	display:block;
}

div#sitemap dl.collapsed dd
{
	display:none;
}

div#sitemap dl dl dt
{
	font-weight:normal;
}

div#sitemap dl dl dd
{
	padding-left:30px;
}

/*******************************************************************************/

/*******************************************************************************
 * p-support
 */
#supportBox td{
	width:340px;
	padding-right:20px;
	vertical-align:top;
	padding-bottom:20px;
}

/*******************************************************************************/

/*******************************************************************************
 * globalNavi
 */
#globalNavi ul{
	float:left;
}
#globalNavi ul a{
	text-decoration:none;
}
#globalNavi ul li{
	float:left;
	position:relative;
}
#globalNavi ul li ul{
	border:1px solid #CCC;
	padding:2px;
	background-color:#FFF;
}
#globalNavi ul li li a{
	display:block;
	width:150px;
	font-size:12px;
	padding:5px;
}
#globalNavi ul a:link,
#globalNavi ul a:visited{
	background-color:#FFF;
}
#globalNavi ul a:hover,
#globalNavi ul a:active{
	color:#FFF;
	background-color:#999;
}

/* 下層のメニューを不可視に */
#globalNavi ul li ul{
	display:none;
}
/* 疑似要素 :hover で下層のメニューを可視に */
#globalNavi ul li:hover ul{
	display:block;
	position:absolute;
	z-index:100;
}
#globalNavi ul li ul li{
	float:none;
	margin:0;
	font-weight:normal;
}
#globalNavi a#gnHome,
#globalNavi a#gnProduct,
#globalNavi a#gnSis,
#globalNavi a#gnBio,
#globalNavi a#gnSupport,
#globalNavi a#gnNews{
	display:block;
	text-indent:-999em;
	margin-right:20px;
}
#globalNavi a#gnHome{
	background:#FFF url(/img/main_nav/main_nav_01.gif) no-repeat 0 0;
	width:38px;
}
#globalNavi a#gnProduct{
	background:#FFF url(/img/main_nav/main_nav_02.gif) no-repeat 0 0;
	width:52px;
}
#globalNavi a#gnSis{
	background:#FFF url(/img/main_nav/main_nav_03.gif) no-repeat 0 0;
	width:100px;
}
#globalNavi a#gnBio{
	background:#FFF url(/img/main_nav/main_nav_06.gif) no-repeat 0 0;
	width:113px;
}
#globalNavi a#gnSupport{
	background:#FFF url(/img/main_nav/main_nav_04.gif) no-repeat 0 0;
	width:50px;
}
#globalNavi a#gnNews{
	background:#FFF url(/img/main_nav/main_nav_05.gif) no-repeat 0 0;
	width:51px;
}
#globalNavi a#gnHome:hover,
#globalNavi a#gnProduct:hover,
#globalNavi a#gnSis:hover,
#globalNavi a#gnBio:hover,
#globalNavi a#gnSuppor:hovert,
#globalNavi a#gnNews:hover{
	background-position:0 -30px;
}


/*******************************************************************************/
/*	aform
/*******************************************************************************/
.aform-radio-ul li,
.aform-checkbox-ul li{
	background-image:none !important;
	padding-left:0px !important;
}

/*******************************************************************************/

/*******************************************************************************
 * clearfix
 */
.clearfix:after,
#doc:after,
.full-2col:after,
.primaBox:after,
#searchArea ul:after,
#globalNavi ul:after,
.homeBnr:after{
   content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix,
#doc,
.full-2col,
.primaBox,
#searchArea ul,
#globalNavi ul,
.homeBnr{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #doc,
* html .full-2col,
* html .primaBox,
* html #searchArea ul,
* html #globalNavi ul,
* html .homeBnr{
	height:1%;
	}
.clearfix,
#doc,
.full-2col,
.primaBox,
#searchArea ul,
#globalNavi ul,
.homeBnr{
	display:block;
	}