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

*{margin:0;padding:0}

html{
 background: #FFFFFF url('../images/bg_popup.gif') repeat-y scroll 0;
 color:#000000;
 font: 400 13px arial, verdana, helvetica, sans-serif;
 padding-left:40px;
}
html, body {height:100%}

* table{
 border: 0 none;
 border-collapse: collapse;
 border-spacing: 0px;
 /*width: auto;*/
}
* td,* th{empty-cells:show;font-size:11px }
* ul,* ol{margin: 5px 5px 5px 25px;}
* li ul,* li ol{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}
* .bold{font-weight:bold !important}
* .italic{font-style:italic !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;display:none}
* .arrow{border: 0}

* a:link, * a:visited{color:#0033CC}
* a:hover{color:#CC0000}

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

* address{margin:15px 0 15px 0}

html{
 background-color: #FFFFFF;
 color:#000000;
 font: 400 13px arial, verdana, helvetica, sans-serif;
}
body{}

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

/* ------- standard  header for all popup windows ------- */
#header{height:70px;padding-top:14px}
#header .logo{float:right;margin-right:20px}
#header .action{
 padding:20px 10px 0 0;
 margin:0;
}
#header p{ 
 width:100%;
 padding-top:50px;
 text-align:right; 
}

#header .closePage{
 /*background: transparent url('../images/redcross.gif') repeat-y scroll 0;*/
 clear:both;
 color: #CC0000; 
 text-decoration: none;
 margin-right:20px; 
 padding-left:20px;
 font:800 10px arial, verdana, helvetica, sans-serif;
} 


/* ------- content standard ------- */
#content{width:600px;margin:10px}

/* ----- 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 13px 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}

#xxlpicture{margin:10px;text-align:center;}
#xxlpicture h1{text-align:center;font:800 24px arial, verdana, helvetica, sans-serif;margin-top:15px}
#xxlpicture h2{text-align:center;font:400 14px arial, verdana, helvetica, sans-serif;margin-top:5px}
#xxlpicture * a{color:#000000;text-decoration:none}

/* ----- 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;
 border:1px solid #000;
 font:800 12px verdana, arial, helvetica, sans-serif;
 padding: 1px 5px 1px 5px;
 text-decoration:none;
}
.button a:hover{color:#CC0000}
.delete a, .delete input{color:#880000 !important;margin-left:5px}
.delete a:hover{color: #CC0000 !important}
div.delete{margin-top:10px}

/* ----- submit button ----- */
.action{margin:15px 0 10px 0}
.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;
 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;
}