/*
 *** 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;
}

strong {
        font-weight        : bold;
}

select {
        width                : 100%;
        line-height        : 30px;
        font-size        : 11px;
        font-family        : verdana,helvetica,clean,sans-serif;
}
img {
        display:block;
}
/*******************************************************************************/


/******************************************************************************
 * 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                : 11px;
        line-height                : 15px;
}

/* 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-family     : Times,serif;
  font-weight     : bold;
  font-style      : italic;
  font-size       : 29px; /*The Times is a bit heigher than the Minion*/
  line-height     : 30px;
  height          : 30px;
  color           : #333;
  margin          : -5px 0 0 0;
  padding         : 0 0 6px 0;
}

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; }

h3.ipip {
	background:		transparent url(../img/icon_IPIP_grey.gif)  no-repeat 1px 2px;
	padding-bottom:	2px;
	padding-left:	22px;
	padding-top:	2px;
}

/* 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;
}

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;
}
span.ipip {
	background:		transparent url(../img/icon_IPIP_grey.gif)  no-repeat 1px 2px;
	padding-bottom:	2px;
	padding-left:	22px;
	padding-top:	2px;

}
	

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;
}
a.download {
        background                : transparent url(../img/icon_disk.gif)  no-repeat 0px 2px;
        padding-left        : 12px;
}
a.ipip {
	background:		transparent url(../img/icon_IPIP_blue.gif)  no-repeat 1px 2px;
	padding-bottom:	2px;
	padding-left:	22px;
	padding-top:	2px;

}


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;
}

ul.featurelist {
        height        : 100%;
}

ul.featurelist li {
        background        : transparent  url(../img/bullet_blue.gif) no-repeat 0px 11px;
        padding-left        : 15px;
        padding-top        : 5px;
}
ul.featurelist li.first {
        padding-top                        : 0px;
        background        : transparent  url(../img/bullet_blue.gif) no-repeat 0px 5px;
}
ul.featurelist li.nobullet{
        background        : none;
}
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; /* 75px; for IE6 */
        padding-bottom: 63px; /* 75px; for IE6 */
}
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);
}


/* 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; /* renders 20px */
}

div#main_nav ul#udm li#main_nav-01,
div#main_nav ul#udm a#btn_main_nav-01{
        width        : 46px;
}
div#main_nav ul#udm li#main_nav-02,
div#main_nav ul#udm a#btn_main_nav-02{
        width        : 61px;
}
div#main_nav ul#udm li#main_nav-03,
div#main_nav ul#udm a#btn_main_nav-03{
        width        : 149px;
}
div#main_nav ul#udm li#main_nav-04,
div#main_nav ul#udm a#btn_main_nav-04{
        width        : 152px;
}
div#main_nav ul#udm li#main_nav-05,
div#main_nav ul#udm a#btn_main_nav-05{
        width        : 39px;
}
div#main_nav ul#udm li#main_nav-06,
div#main_nav ul#udm a#btn_main_nav-06{
        width        : 97px;
}

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        : 46px;
}
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;
}
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;
}
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;
}
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;
}
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        : 108px;
}

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;
}
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; /* 187px; for IE6 */
        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                : 62px;
}
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 */
        border-top        : 1px solid #ccc;

}



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;
}

#doc #visual .media object{
		display:block;
}

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;
        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;
        height        			: 100%; /* for IE6 */
        /* 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.download {
        background-image        : url(../img/icon_disk.gif);
        background-position        : 0px 8px;
        padding-left        : 12px;
}
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.linklist-grayP-strongA li a{
        font-weight             : bold;
} 
ul.linklist-grayP-strongA li p{
        color                   : #666;
}
ul.linklist-grayP-strongA li p a{
        font-weight             : normal;
}


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;
}
ul.checklist li fieldset.list label{
        width        			: 200px;
}
ul.checklist li fieldset.list input.text,
ul.checklist li fieldset.list select.text,
ul.checklist li fieldset.list div.radiogroup,
ul.checklist li span.confirmation-value
{
        margin-left        		: 230px;
}

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-size                : 11px;
        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;
}



table.prodlist{
        font-family                : arial,clean,sans-serif;
        font-size                : 11px;
        width                        : 100%;
        border-collapse        : collapse;
        table-layout        : fixed;
}
table.prodlist th {
        border-bottom        : 1px solid #999;
}
table.prodlist th.sorted span {
        font-weight                : bold;
}
table.prodlist th.dsc span {
        background                : transparent;
        padding-right        : 12px;
}
table.prodlist th.asc span {
        background                : transparent;
        padding-right        : 12px;
}


table.prodlist td{
        border-bottom        : 1px solid #ccc;
        vertical-align        : top;
}


table.prodlist th,
table.prodlist td {
        padding-right        : 10px;
        padding-top                : 3px;
}
table.prodlist th{
        padding-bottom        : 1px;
}
table.prodlist td {
        padding-top        : 6px;
        padding-bottom        : 6px;
}




table.prodlist th.last,
table.prodlist td.last {
        padding-right        : 0px;
}


table.prodlist input.tableradio,
table.prodlist 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 {
        border-top                : 1px solid #ccc;
        margin-top                : 5px; /* -3px for IE */
        padding-top                : 17px;
}

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);
}





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