/* change all image path to  --> ../images/.....  this is the setting now !*/
/*or --> /shop/jsp/uk/images/.....   */

*{margin:0;padding:0}

body {height:100%}

html {height:100%}

* table{
 border: 0 none;
 border-collapse: collapse;
 border-spacing: 0px;
 /*width: auto;*/
}
* th{empty-cells:show;font-size:11px }
* td{empty-cells:show;font-size:11px }
* ol{margin: 5px 5px 5px 25px;}
* ul{margin: 5px 5px 5px 25px;}
* li ol{margin: 0 0 0 15px;}
* li ul{margin: 0 0 0 15px;}
* em{font-weight:bold;font-style:normal}

* .right{text-align: right !important}
* .left{text-align: left !important}
* .center{text-align: center !important}
* .top{vertical-align: top !important}
* .bold{font-weight:bold !important}
* .italic{font-style:italic !important}
* .red{color: #CC0000 !important}
* .nrb{border-right-width: 0 !important}
* .nlb{border-left-width: 0 !important}
* .ntb{border-top-width: 0 !important}
* .nbb{border-bottom-width: 0 !important}
* .endfloat{clear:both !important;visibility:hidden;overflow:hidden}
* .arrow{border: 0}
* .nobreak{white-space:nowrap}

* a:visited{color:#0000FF}

* a:link{color:#0000FF}
* a:hover{color:#CC0000}
* a.redlink:hover{color:#CC0000}
* a img{border:none}

* sup{
  line-height: 0px;
  font-size: 80%;
}

* sub{
  line-height: 0px;
  font-size: 80%;
}

* address{font-style:normal}

/* ----- standard p h1 h2 h3----- */
#content h1{text-align:left;font:800 18px arial, verdana, helvetica, sans-serif;margin-top:15px}
#content h2{text-align:left;font:italic 800 15px arial, verdana, helvetica, sans-serif;margin-top:15px}
#content h3{text-align:left;font:italic 800 13px arial, verdana, helvetica, sans-serif;margin-top:15px}
#content h4{text-align:left;font:800 13px arial, verdana, helvetica, sans-serif;margin-top:15px}
#content h5{text-align:left;font:italic 400 13px arial, verdana, helvetica, sans-serif;margin-top:15px;}
#content h6{text-align:left;font:400 13px arial, verdana, helvetica, sans-serif;margin-top:15px;text-decoration:underline}
#content p{text-align:left;font:400 13px arial, verdana, helvetica, sans-serif}
#content .topicon{text-align:right;float:right;padding:15px 0 10px 10px}
#content .blocktext{font:italic 800 13px arial, verdana, helvetica, sans-serif;margin-right:5px;margin-top:15px}
#content .blocksign{color:#AFAFAF;margin-right: 5px;font-size: 14px}

/* ----- standard tables----- */
#content table.bg{background-color:#D5E5FF;}
#content table.standard{margin-left:auto;margin-right:auto;border:none}
#content table.standard .treecols{width:185px}
#content table.standard .fourcols{width:138px}
#content table.standard .fivecols{width:111px}
#content table.standard th{
 border:#FFFFFF solid 1px;
 font:800 13px arial, helvetica, sans-serif, verdana;
 padding:3px 5px 3px 5px;
 vertical-align:middle;
 text-align:center;
}
#content table caption{text-align:left;font:800 13px arial, verdana, helvetica, sans-serif;margin-top:15px}
#content table.standard td{
 border:#FFFFFF solid 1px;
 font:400 13px arial, helvetica, sans-serif, verdana;
 padding:3px 5px 3px 5px;
 vertical-align: middle;
 text-align:center;
}
#content table.input th{
 text-align:right;
 vertical-align:top;
 padding:5px 5px 5px 5px;
 }
#content table.input td{
 text-align:left;
 vertical-align:top;
 padding:2px 5px 2px 5px;
}
#content table.standard a img{
 color:#000000;
 text-decoration:none;
 border:0;
}
#content table.standard a{
 color:#000000;
 text-decoration:none;
 border:0;
}
#content table.standard a:hover{color:#CC0000}
#content table.imageborder a img{border: 1px solid #000000}
#content table.showlink a{color:#0000FF;text-decoration:underline}
#content table .comment{font:400 10px verdana, arial, helvetica, sans-serif;}

#content table.table1{background-color:transparent;margin-left:auto;margin-right:auto;border:none}
#content table.table1 th{
 border:#7F7F7F inset 2px;
 font:800 13px arial, helvetica, sans-serif, verdana;
 padding:3px 5px 3px 5px;
 vertical-align:top;
 text-align:left;
}
#content table.table1 td{
 border:#7F7F7F inset 2px;
 font:400 13px arial, helvetica, sans-serif, verdana;
 padding:3px 5px 3px 5px;
 vertical-align: top;
 text-align:left;
}
#content table td.center{text-align:center}
#content table th.center{text-align:center}
#content table td.middle{vertical-align:middle}

#content table th.middle{vertical-align:middle}

html{
 background: #FFFFFF url('../images/bg_main.gif') repeat-y scroll 0;
 color:#000000;
 font: 400 13px arial, verdana, helvetica, sans-serif;
}
body{
 behavior: url(jsp/global/addon/csshover1.htc)/*Aufruf einer WinIE -Behavior Datei*/
}

/* ----- header ----- */
#header{
 left:30px;
 top:0px;
 position:absolute;
 background-color:#FFFFFF;
 height:100px;
 margin-top:0px;
 border:0;
}
#header a img{border:0;}

/* ----- navigation ----- */
#navigation{
 top: 68px;
 left: 38px;
 position: absolute;
 width: 722px;
 color: #000000;
}
#navigation .navselect td{vertical-align:bottom;text-align:center;height:15px}
#navigation .navselect a:visited{
 color: #000000;
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 text-decoration: none;
}
#navigation .navselect a:link{
 color: #000000;
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 text-decoration: none;
}
#navigation .navselect a:hover{
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 color: #CC0000;
}

/* ----- banner ----- */
#banner{
 top: 100px;
 left: 38px;
 position: absolute;
 width: 722px;
 background-color: #FFFFFF;
}
#banner .banselect td{vertical-align:middle;text-align:left;height:17px}
#navigation .navselect a:visited{
 color: #000000;
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 text-decoration: none;
}
#banner .banselect a:link{
 color: #000000;
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 text-decoration: none;
}
#banner .banselect a:hover{
 font: 800 12px/12px arial, verdana, helvetica, sans-serif;
 color: #CC0000;
}

/* ----- stripes ----- */
#horizontalstripe{
 left: 0px;
 top: 85px !important;
 top: 84px; /* IE */
 width:100%;
 height: 4px;
 position: absolute;
 color: #CC0000;
 background-color: #CC0000;
 font-size: 0;
}


/* ----- selectcountry ----- */
#selectcountry {
 top:100px;
 left:38px;
 position:absolute;
 width:190px;
 color:#000000;
 z-index:1000;
}
#selectcountry .col1{width:110px}
#selectcountry .col2{width:80px}
#login tr{height:22px;}
#selectcountry tr{height:22px;}
#login .title{
 background: #666666;
 font: 800 12px arial, helvetica, sans-serif, verdana;
 text-align: center;
 color: #FFFFFF;
 border: 1px solid #666666;
}
#selectcountry .title{
 background: #666666;
 font: 800 12px arial, helvetica, sans-serif, verdana;
 text-align: center;
 color: #FFFFFF;
 border: 1px solid #666666;
}
#selectcountry .country{
 font:400 12px/21px arial, helvetica, sans-serif, verdana;
 text-align:center;
 border: 1px solid #666666;
 white-space: nowrap;
}
#selectcountry .country img{float:right;border:0;margin:4px 5px}
#selectcountry .country li{text-align:center}
#selectcountry .country ul.level3 li{text-align:left}
#selectcountry .country ul.level2 li{border-bottom:1px solid #999999;height:21px}
#selectcountry .country li a{text-decoration:none;display:block;height:21px;color:#000000}
#selectcountry .country ul.level2 li a{width:78px}
#selectcountry .country ul.level3 li a{width:65px;padding-left:15px}
#selectcountry .country li a:hover{color:#FFFFFF}
/*#selectcountry .country ul.level1 img{margin:4px 5px}*/
#selectcountry .country ul ul{display:none;position:absolute;border:1px solid #999999}
#selectcountry .country ul{
 margin:0;
 padding:0;
 background-color:#FFFFFF;
 list-style-type:none;
 font:400 12px/21px arial, helvetica, sans-serif, verdana;
}
#selectcountry .country ul.level1{font:400 12px/21px arial, helvetica, sans-serif, verdana;}
#selectcountry .country ul.level1 li.submenu:hover ul.level2{display:block}
#selectcountry .country ul.level2 li.submenu:hover ul.level3{display:block}
#selectcountry .country ul.level1 li.submenu:iehover ul.level2{display:block}
#selectcountry .country ul.level2 li.submenu:iehover ul.level3{display:block}
#selectcountry .country li:hover{background-color:#999999}
#selectcountry .country ul.level2{left:92px;top:21px;width:78px}
#selectcountry .country ul.level3{left:78px;top:65px;width:80px}

/* --- main -----*/
#main{top:98px;left:38px;position:absolute;width:722px}

/* --- left column -----*/
#left{top:0; left:0; position:absolute;width:160px}

/* ----- productnavigation ----- */

/*----- SEO -----*/
#seo h1{font: 800 18px arial, verdana, helvetica, sans-serif;margin-bottom:15px}
#seo h2{font: 800 15px italic arial, verdana, helvetica, sans-serif;margin-top:15px;color:#5F5F5F}
#seo h3{font: 800 13px arial, verdana, helvetica, sans-serif;margin-top:15px}
#seo h4{font: 800 10px arial, verdana, helvetica, sans-serif;margin-top:15px}
#seo p{font: 400 13px arial, verdana, helvetica, sans-serif}
#seo .submenu{
 font:400 11px arial, verdana, helvetica, sans-serif;
 background-color:#E6E6E6;
 display:block;
 float:right;
 width:126px;
 margin-bottom:8px;
 margin-left:8px;
 padding:8px;
 list-style-type: none;
}
#seo .submenu p{font:800 11px arial, verdana, helvetica, sans-serif;}
#seo .submenu ul {list-style-type:none; margin:5px 0 0 0;padding-left:0}
#seo .submenu li{margin-left:0;padding-left:0}
#seo .submenu a{text-decoration: none}
#seo .submenu a:hover{ text-decoration: underline;color: #CC0000}

/* ----- prodsearch ----- */
#search{
 top: 0px;
 left: 0px;
 width: 160px;
 height: 45px;
 position: relative;
 border-style:solid;
 border-color:#FFFFFF;
 border-width:0 0 10px 0;
/* padding-bottom: 5px;*/
 voice-family: "\"}\"";
 voice-family:inherit;
 width:160px;
 voice-family: "\"}\"";
}
#search img{border:0}
#search .header{
 padding: 5px 5px 5px 5px;
 font: 800 13px/16px verdana, arial, helvetica, sans-serif;
 height:50px;
}
#search p a{
 display:block;
 color:#000000;
 text-decoration:none;
}
#search p a:hover{color: #CC0000}
#search .status{
 padding:0;
 font:400 10px/21px verdana, arial, helvetica, sans-serif;
 text-align:center;
 background-color:#FFFFFF;
 border:#e6e6e6 solid;
 border-width:0 1px 1px 1px;
}
#search .status img{margin: 0;padding: 2px;float:right}
#search table{background-color: #FFFFFF;width:160px}
#search th{
 height: 18px;
 font: 400 10px/12px arial, helvetica, sans-serif, verdana;
 text-align: left;
 border: #e6e6e6 solid 1px;
}
#search .footer{
 height: 21px;
 background-color: #D5E5FF;
 border-style: solid;
 border-color: #e6e6e6;
 vertical-align: middle;
}
#search .footertext{
 border-width: 0 0 1px 1px;
 font: 800 13px/15px arial, helvetica, sans-serif, verdana;
 padding-right: 2px;
}
#smallcart .footertext a:visited{
 color: #000000;
 text-decoration: none;
}
#smallcart .footertext a:hover{
 color: #000000;
 text-decoration: none;
}
#search .footertext a:link{
 color: #000000;
 text-decoration: none;
}
#search .footerpic{border-width: 0 1px 1px 0}
#search .content{height: 20px;border: #e6e6e6 solid 1px}
#search .item{font: 800 10px/12px arial, helvetica, sans-serif, verdana;word-wrap:break-word}
#search .item a{text-decoration:none;color:#000000}
#search .item a:hover{color:#CC0000}
#search .qty{font: 400 10px/12px arial, helvetica, sans-serif, verdana;text-align: center}
#search .subtotal{
 height: 20px;
 border: #e6e6e6 solid 1px;
 font: 800 13px/15px arial, helvetica, sans-serif, verdana;
}

/* ----- newsletter ----- */
#subscription{
 position:relative;
 top:0px;
 left:0px;
 width:160px;
 height:100%;
 border-style:solid;
 border-color:#FFFFFF;
 border-width:0 0 10px 0;
 padding:5px;
 z-index:400;
 voice-family:"\"}\""; /* IE 5.x */
 voice-family:inherit;
 width:150px;
 voice-family:"\"}\"";
}
#subscription img{border-width:0}
#subscription a:active{color:#000000}
#subscription a:visited{color:#000000}
#subscription a:link{color:#000000}
#subscription a:hover{color:#000000}
#subscription .title{
 font:800 13px verdana, arial, helvetica, sans-serif;
 margin-top:15px;
}
#subscription .description{
 font:400 10px verdana, arial, helvetica, sans-serif;
 margin:10px 0 5px 0;
}

#subscription .desc{
 margin:2px 0 1px 0;
 width:115px;
 font:800 10px verdana, arial,helvetica, sans-serif;
}
#subscription form .d1{}
#subscription form .d2{}
#subscription form input.input{
 width:115px;
 font:400 13px arial,helvetica, sans-serif, verdana;
}
#subscription form input.i1{}
#subscription form input.i2{float:left;margin:0 4px 0 0;}
#subscription form .ok{}
#subscription form .pic{float:right}
#subscription .pic{float:right}
#subscription form .errorMsg{font:800 9px verdana, arial,helvetica, sans-serif;color:#CC0000}

/* ----- logos ----- */
#logos{
 top:0px;
 left:0px;
 position:relative;
 height:70px;
 background-color:#FFFFFF;
 text-align:center;
}
#logos img{margin:5px 0 5px 0}

/* ------- content standard ------- */
#content{left:190px;top:0px;position:absolute;width:532px}

/* ---- error messages ---- */
#content .errHeader{border: 1px solid #CC0000;margin-top:15px;padding:10px}
#content .errHeader h1{
 margin-top:0;
 font:800 16px arial, verdana, helvetica, sans-serif !important;
 text-align:center;
 color:#CC0000;
}
#content .errHeader h1 img{padding-right:5px}
#content .errHeader p{
 text-align:center;
 font:400 12px arial, verdana, helvetica, sans-serif !important;
}
#content .errHeader ul{list-style:url("../jsp/uk/images/red_arrow_Sm.gif")}

#content .errHeader li{
 text-align:center;
 font:800 12px/18px arial, verdana, helvetica, sans-serif !important;
}
#content .errorMsg {
 font:800 10px verdana, helvetica, sans-serif, arial;
 color: #CC0000;
}
#content .errorMsg a{color:#CC0000}
#content .errorMsg a:hover{color:#0000FF}

/* ----- breadcrump navigation ----- */
#content #breadcrump .title{font: 800 9px/9px verdana, arial, helvetica, sans-serif;color: #5F5F5F}
#content #breadcrump .nav a *{
 font: 400 11px/11px verdana, arial, helvetica, sans-serif;
 color: #000000;
 text-decoration: none;
}
#content #breadcrump .nav a{
 font: 400 11px/11px verdana, arial, helvetica, sans-serif;
 color: #000000;
 text-decoration: none;
}
#content #breadcrump .nav{
 font: 400 11px/11px verdana, arial, helvetica, sans-serif;
 color: #000000;
 text-decoration: none;
}
#content #breadcrump .nav a:hover{color: #CC0000}
#content #breadcrump .nav span{padding:0 8px 0 8px}
/*#content #breadcrump .nav span.first{padding:0}*/
#content #breadcrump span.work a{color:#000000;padding:0;font-weight:bold}
#content #breadcrump span.work{color:#000000;padding:0;font-weight:bold}
#content #breadcrump span.closed a{color:#7994C3;padding:0}
#content #breadcrump span.closed{color:#7994C3;padding:0}
#content #breadcrump span.open a{color:#000000;padding:0}

#content #breadcrump span.open{color:#000000;padding:0}

/* ----- footer ----- */
#content #footer{clear:both;padding-top:15px}
#content #footer p a:visited{
 margin-top:25px;
 text-align:center;
 font:400 10px/12px verdana, arial, helvetica, sans-serif;
 color:#999999;
 text-decoration:none;
}
#content #footer p a:link{
 margin-top:25px;
 text-align:center;
 font:400 10px/12px verdana, arial, helvetica, sans-serif;
 color:#999999;
 text-decoration:none;
}
#content #footer p{
 margin-top:25px;
 text-align:center;
 font:400 10px/12px verdana, arial, helvetica, sans-serif;
 color:#999999;
 text-decoration:none;
}
#content #footer p a:hover{
 text-align:center;
 font:400 10px/12px verdana, arial, helvetica, sans-serif;
 color:#CC0000;
 text-decoration:none;
}
/* loadbox box */
#loadbox{
 position:absolute;
 top:200px;
 left:0px;
 z-index:1111;
 visibility:hidden;
 width:100%;
 text-align:center;
}
#loadbox img{}

/* conversion, marketing tools */
.conversion{display:none;top:0;left:0;position:absolute}

/* ----- submit button ----- */
.button{margin:0}
.button input{
 background-color: #FFF;
 color:#000000;
 border:1px solid #000;
 font:800 10px verdana,arial, helvetica, sans-serif;
 padding:1px 2px 1px 2px;
 white-space:nowrap;
 cursor:pointer;
}
.button input:hover{color:#CC0000}
/* ----- link button ----- */
.button a{
 background-color:#FFFFFF;
 color:#000000 !important;
 border:1px solid #000;
 font:800 12px verdana, arial, helvetica, sans-serif !important;
 padding: 2px 5px 2px 5px;
 text-decoration:none !important;
}
.button a:hover{color:#CC0000}

.change a{}
.delete input{color:#880000 !important;margin-left:5px;padding-left:7px;padding-right:7px}
.delete a{color:#880000 !important;margin-left:5px;padding-left:7px;padding-right:7px}
.delete a:hover{color: #CC0000 !important}
div.delete{margin-top:10px}

/* ----- submit button ----- */
.action{margin:15px 0 10px 0;clear:both}
.action input{
 background: #FFF url('../images/red_arrow_action.gif') no-repeat right;
 border:1px solid #000;
 font:800 12px verdana,arial, helvetica, sans-serif;
 color:#000000;
 padding:3px 20px 3px 3px;
 margin:10px 0 0 10px;
 white-space:nowrap;
 cursor:pointer;
}
.action input:hover{color:#CC0000}

/* ----- link button ----- */
.action a{
 background:url('../images/red_arrow_action.gif') no-repeat right;
 border:#000000 solid 1px;
 font:800 12px verdana,arial, helvetica, sans-serif;
 color:#000000 !important;
 text-decoration:none;
 background-color:#FFFFFF;
 padding:5px 20px 5px 5px;
 white-space:nowrap;
}
.action a:hover{
 font:800 12px verdana,arial, helvetica, sans-serif;
 color:#CC0000;
 text-decoration:none;
 padding:5px 20px 5px 5px;
}
.action a img{border: none;padding: 0}

.arrow input{
 background: url('../images/red_arrow_action.gif') no-repeat right;
 height:20px;
 width:20px;
 border:none;
 font:800 12px verdana,arial, helvetica, sans-serif;
 white-space:nowrap;
 cursor:pointer;
}

font1 a:hover{font:800 10px verdana, arial, helvetica, sans-serif !important;}

.font1 a:visited{font:800 10px verdana, arial, helvetica, sans-serif !important;}

.font1 a:link{font:800 10px verdana, arial, helvetica, sans-serif !important;}

/* ------ quicklogin for testing ----*/
#quicklogin{margin:5px 0 0 0;position:absolute;color:#CC0000;z-index:1}
#quicklogin a{text-decoration:none;color:#CC0000;}
#quicklogin a:hover{color:#FF0000;}