/* ----------------------------------------------------------*/
/* basic shtml selector styles 															 */
/* ----------------------------------------------------------*/
body {
  margin: 5px 0 0 0;
  padding: 0;
  background-color: #fff;
}
body,div,table,td {
  font: normal 10px verdana;
  color: #000;
}
form{
	margin: 0;
	padding: 0;
}
ul {
  list-style: none outside none;
  margin: 0 0 0 0;
  padding: 0;
}
*html ul {
position: relative;
}
*html ul ul {
padding: 4px 0 0 0;
}
html>body ul ul {
margin-left: 17px;
}
ul li {
  margin: 2px 0 1px 0;
  padding: 0 0 0 17px;
  background: transparent url(/base/images/pic_link_arrow.gif) no-repeat scroll 5px 4px;
  list-style-type: none;  
}
.box_disabled input, .box_disabled select, .box_disabled textarea {
  font: normal 10px verdana;
  border: solid 1px #8C8C8C;
  margin-top: 2px;
  margin-bottom: 2px;
	background-color: #E8E8E8; 
	color: #8C8C8C;
}
.box input, .box select, .box textarea, select, textarea {
  font: normal 10px verdana;
  border: solid 1px #000;
  margin-top: 2px;
  margin-bottom: 2px;
	background-color: #fff;
	color: #000;
}
label{  
  padding: 0 10px 0 4px;
}
.floatLeft {
  float: left;  
}
.floatRight {
  float: right;
}

.fixedHight {
	min-height: 75px;
}

* html .fixedHight {
	height: 75px;
}

.fatalerror {
	margin: 0 0 -1px 3px;
}

img {border: none;}

a:link   {text-decoration: none; color: #000;}
a:visited{text-decoration: none; color: #000;}
a:active {text-decoration: none; color: #ff0000;}
a:hover  {text-decoration: none; color: #ff0000;}

a.info {
	float: left;
	width: 13px;
	height: 13px;
	background: url('/base/images/but_info.gif');
}

a:hover.info {
	background: url('/base/images/but_info_active.gif');
}


.clear {clear: both;}

.link {
   margin: 0;
   padding-left: 18px;
   background: transparent url(/base/images/pic_link_arrow.gif) 5px 4px no-repeat;
}
.link_cart {
   margin-left: 0px;
   padding: 10px 0px 10px 40px;
   background: transparent url(/base/images/but_cartlink.gif) no-repeat;
   background-position: left center;
}
.link_cart:hover {
   margin-left: 0px;
   padding: 10px 0px 10px 40px;
   background: transparent url(/base/images/but_cartlink_hover.gif) no-repeat;
   background-position: left center;
}
.link_cartFrame{
	margin-top: 5px;
}
.linkDisabled {
   margin: 0;
   padding-left: 18px;
   background: transparent url(/base/images/pic_link_arrow_dis.gif) 5px 4px no-repeat;
   color: #8C8C8C;
}
.linkImage{
	padding:0px 0px 2px 15px; 
	margin-left:2px; 
	margin-top: 2px;
}
/* ----------------------------------------------------------*/
/* page base elements like header, breadcrumb, footer,...... */
/* ----------------------------------------------------------*/

/* --------------- */
/* main frame      */
/* --------------- */
#base_main {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	text-align: left;
  background-image: url(/base/images/pic_bg_header.gif);
  background-repeat: no-repeat;

}
/* ----------------------------------------------- */
/* header address, country, phone and lng selector */
/* ----------------------------------------------- */
#base_header {
  margin: 0;
  width: 750px;
  background-color: #f00;
  background-image: url(/base/images/pic_bg_header.gif);
  background-repeat: repeat-y;
}
#base_header img {
  float: left;
}
#base_header_address{
  margin-left: 503px;
  background-color: #000;
  font: normal bold 10px verdana;
}
#base_header_address #base_header_country {
  padding: 1px 0 2px 0;
  color: #fff;
  font: normal bold 10px verdana;
}
#base_header_address #base_header_phone {
  padding: 0 0 3px 0;
  color: #fff;
  font: normal 10px verdana;
}
#base_header_lang_selector{
  margin: -15px 0 0 0;
  padding: 0 7px 3px 0;
  float: right;
  color: #fff;
  font: bold 10px verdana;
}
#base_header_lang_selector a {
  color: #fff;
  font-weight: normal;
}
#base_header_lang_selector a:hover {
  color: #ff0000;
}

/* ----------------------------------- */
/* header navigation, login and search */
/* ----------------------------------- */
#base_header_divider{
  clear: both;
  margin: 6px 0 0 0;
}
#base_header_divider #base_header_navigation {
  float: left;
  border-left: solid 1px;
}
#base_header_divider #base_header_navigation .entry {
  float: left;
  border-right: solid 1px;
  padding: 0 5px 0 5px;
  font: bold 10px verdana;
}
#base_header_divider #base_header_login {
  float: right;
  font: normal 10px verdana;
}
#base_header_divider #base_header_login .entry {
  float: left;
  border-right: solid 1px;
  border-left: solid 1px;
  padding: 0 5px 0 5px;
  font: normal 10px verdana;
}
#base_header_searchForm{
	margin: 0;
	padding: 0;
}
#base_header_searchFormRight{
	margin: 0;
	padding: 0;
	float: right;
	margin-top: -2px;
}
*html #base_header_divider #base_header_search {
  width: 133px;
}
#base_header_divider #base_header_search {
  margin: 0px 0px 0 0;
  padding: 0;
  float: left;
  width: 135px;
  vertical-align:top;
}
*html #base_header_search #searchfield {
	margin: 0px 0 0px 0;
	vertical-align:top;
}
#base_header_searchEncaps {
	width: 200px;
}
#base_header_search #searchfield {
  margin: 0;
  font: normal 10px verdana;
  color: #666;
  height:14px;
  border: solid 1px #000;
  width: 130px;
  padding: 1px 0 0 1px;
  vertical-align: top;
  float:left;
}
#searchbutton {
	margin: 0px 0 0px 0;
}

#base_header_divider #base_header_action_right {
  float: right;
  width: 250px;
}
#base_header_divider #base_header_action_left {
  float: left;
  width: 250px;
  padding: 6px 0 0 0;
  height: 24px;
}

/* ----------- */
/* header cart */
/* ----------- */
#base_header_cart {
  margin: 4px 0 8px 0;
  width: 225px;
  float: right;
  text-align: right;
  line-height: 1.5;
}

/* ----------------- */
/* header page title */
/* ----------------- */
#base_header_title {
  font: normal 10px verdana;
  /*margin-bottom: 10px; */
  /*width: 100%;   currently not used*/
  height: 100%;
  /*float: left;  currently not used*/
}
#base_header_title h1{
  margin: 0;
  padding: 0 0 2px 3px;
  background-color: #000;
  color: #fff;
  font: bold 12px verdana;
}

/* ------------------- */
/* header bread crumb  */
/* ------------------- */
*html #base_header_breadCrumb{	/* only interpreted by ie */
	margin-bottom: 4px;
}
#base_header_breadCrumb {
  overflow: hidden;
  font: normal 10px verdana;
  margin-bottom: 4px;
  width: 100%;
}
#base_header_breadCrumb .entry {
  float: left;
  padding: 0 0 0 17px;
  font: normal 10px verdana;
  margin: 0 0 1px 0;
  background: transparent url(/base/images/pic_link_arrow.gif) no-repeat scroll 5px 4px;
}
#base_header_breadCrumb .entry a{
  color: #000;
}
#base_header_breadCrumb .entry a:hover{
  color: #ff0000;
}
#base_header_breadCrumb .entry_inactive {
  float: left;
  padding: 0 0 0 17px;
  font: normal 10px verdana;
  margin: 0 0 1px 0;
  background: transparent url(/base/images/pic_link_arrow.gif) no-repeat scroll 5px 4px;
	color: #666;
}
#base_header_breadCrumb .entry_inactive a{
  color: #666;
}
#base_header_breadCrumb .entry_inactive a:hover{
  color: #666;
}

/* ----------------------------------------------------------*/
/* page layout definitions - body, columns                   */
/* ----------------------------------------------------------*/
#base_body {
  clear: both;
  margin: 0px;
  padding: 0px;
}

/* ----------------------------------------------------------*/
/* layout definitions   																		 */
/* ----------------------------------------------------------*/
#base_body #base_layoutLeft_w4_0 {
  float: left;
  width: 750px;
  overflow: hidden;
}
#base_body #base_layoutLeft_w3_0 {
  float: left;
  width: 556px;
  overflow: hidden;
}
#base_body #base_layoutRight_w2_5 {
  float: right;
  width: 466px;
  overflow: hidden;
}
#base_body #base_layoutLeft_w1_5 {
  float: left;
  width: 272px;
  overflow: hidden;
}
#base_body #base_layoutRight_w1_0 {
  float: right;
  width: 182px;
  overflow: hidden;
}
/* ----------------------------- */
/* column definition - width 4   */
/* ----------------------------- */
#base_body .base_colLeft_w4_0 {
  float: left;
  width: 750px;
  overflow: hidden;
}
#base_body .base_colLeft_w4_0 .imageDetail {    /* used in appl selector - check if it can be part of a subcol definition */
  float: right;
  width: 268px;
  padding: 4px 12px 0 4px;  
  overflow: hidden;
}
/* ------------------------------ */
/* column definition - width 3    */
/* ------------------------------ */
#base_body .base_colLeft_w3_0 {
  float: left;
  width: 556px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w3_0 {
  float: right;
  width: 556px;
 	overflow: hidden;
}
/* ----------------------------- */
/* column definition - width 2.5 */
/* ----------------------------- */
#base_body .base_colLeft_w2_5 {
  float: left;
  width: 466px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w2_5 {
  float: right;
  width: 466px;
  overflow: hidden;
}
/* ------------------------------------------------- */
/* column definition - width 2.0 + additional space  */
/* ------------------------------------------------- */
#base_body .base_colLeft_w2_0_ext {
  float: left;
  width: 369px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w2_0_ext {
  float: right;
  width: 369px;
  overflow: hidden;
}
/* ----------------------------- */
/* column definition - width 2   */
/* ----------------------------- */
#base_body .base_colLeft_w2_0 {
  float: left;
  width: 362px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w2_0 {
  float: right;
  width: 362px;
  overflow: hidden;
}
/* ----------------------------- */
/* column definition - width 1.5 */
/* ----------------------------- */
#base_body .base_colLeft_w1_5 {
  float: left;
  width: 272px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w1_5 {
  float: left;
  width: 272px;
  overflow: hidden;
}

/* ----------------------------- */
/* column definition - width 1   */
/* ----------------------------- */
#base_body .base_colLeft_w1_0 {
  float: left;
  width: 182px;
  margin-right: 12px;
  overflow: hidden;
}
#base_body .base_colRight_w1_0 {
  float: right;
  width: 182px;
  overflow: hidden;
}

/* ----------------------------------------------- */
/* footer navigation, disclaimer,....              */
/* ----------------------------------------------- */
#base_footer {
  margin: 0px 0 0 0;
}
#base_footer_brandmsg {
 	padding: 0px 0px 2px 5px;
 	font-size:18px
}

#base_footer_navigation {
  width: 750px;
  /*background-color: #666;*/
  padding: 2px 0;
  margin: 0;
}
#base_footer_navigation .left{
  float: left;
  margin: 1px 1px;
}
#base_footer_navigation .left{
  float: left;
  margin: 1px 1px;
}
#base_footer_navigation .right{
  float: right;
  margin: 1px 1px;
}
#base_footer_navigation .left .entry{
  float: left;
  border-right: solid 1px #000;
  padding: 0 5px 0 5px;
}
#base_footer_navigation .left .entry_bold {
  float: left;
  border-right: solid 1px #000;
  padding: 0 5px 0 5px;
}
#base_footer_navigation .right .entry{
  float: left;
  border-left: solid 1px #000;
  padding: 0 5px 0 5px;
}
#base_footer_navigation .left .entry a{
  color: #000;
}
#base_footer_navigation .left .entry a:hover{
  color: #ff0000;
}
#base_footer_navigation .left .entry_bold a{
  color: #000;
  font-weight: bold;
}
#base_footer_navigation .left .entry_bold a:hover{
  color: #ff0000;
  font-weight: bold;
}
#base_footer_navigation .right .entry a{
  color: #000;
}
#base_footer_navigation .right .entry a:hover{
  color: #ff0000;
}
.base_footer_navLine{
	/* for future */
}
#base_footer_disclaimer {
  margin: 10px 0 0 6px;
  line-height: 10px;
  color: #666;
}


/* ------------------------------------------------------------------------------ */
/* optional elements - progress bar, back forward navigation, popup, info message */
/* ------------------------------------------------------------------------------ */

/* ----------- */ 
/* progress bar */
/* ----------- */ 
html>body #base_progressBar {	 /* this part is not interpredted by ie but from opera, firefox, netscape,... */
		margin-bottom: 15px;
}
#base_progressBar {
  background-color: #fff;
  width: 750px;
}
#base_progressBar img {
  float: left; 
}
#base_progressBar .completed {  
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;  
  color: #000;
}
#base_progressBar .active {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  color: #fff;
  background-color: #000;
}
#base_progressBar .inactive {
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  color: #666;
}
#base_progressBar .completed, .active, .inactive{
  float: left;
  padding: 0 3px 1px 3px;
}

/* ------------------------- */ 
/* back - forward navigation */
/* ------------------------- */ 
#base_navigationBackForward {
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  padding: 5px 0;
}
#base_navigationBackForward .image {
  vertical-align: bottom;
  padding: 0;
}
#base_navigationBackForward .prev {
  float: left;  
}
#base_navigationBackForward .next {
  float: right;
}

/* ------------------------- */ 
/* popup window styles       */
/* ------------------------- */ 
#base_popup {
	margin: 0 auto;
  width: 530px;   
	text-align:left;
	padding:10px 0 10px 3px;
}
#base_popupHeader {
  margin: 0;
  width: 530px;
  background-color: #f00;
  background-image: url(/base/images/pic_bg_header.gif);
  background-repeat: repeat-y;
}
#base_popupHeader img {
  float: left;
}
#base_popupHeaderBlack{
  margin-left: 380px;
  background-color: #000;
  font: normal bold 10px verdana;
  padding: 0 0 3px 0;
}
#base_popupContent {
  text-align: center;
}
#base_popupContent .image{
  padding: 12px 0;
}


/* ------------------------- */ 
/* message async styles(Ajax)*/
/* ------------------------- */ 
#base_messageAsync {
	position: absolute;
	background: #CCC;
	overflow: visible;
	margin: 2px 0 0 3px;
	visibility: hidden;
}

#base_messageAsync div {
	position: relative;
	width: 125px;
	min-height: 30px;
	top: -3px;
	left: -3px;
	background: url('/base/images/pic_async_watch.gif') 10px 13px no-repeat #666;
	padding: 10px 21px 10px 38px;
	color: white;
	border: 1px solid #666;
}

* html #base_messageAsync div {
	height: 30px;
}

#base_messageAsync.info div {
	background: url('/base/images/pic_async_add2cart.gif') 10px 13px no-repeat #666;
	color: white; 
	border-color: #666;
}

#base_messageAsync.loading div {
	background: url('/base/images/pic_async_watch.gif') 10px 13px no-repeat #666;
	color: white;
	border-color: #666;
}

#base_messageAsync.error div {
	background: url('/base/images/pic_async_error.gif') 10px 13px no-repeat white;
	color: black;
	border-color: red;
}

#base_messageAsync a {
	width: 13px;
	height: 13px;
	float: right;
	margin: -5px -16px 0 0;
	background: url('/base/images/but_close_none.gif');
}

#base_messageAsync a:hover {
	background: url('/base/images/but_close_active.gif');
}

#base_messageAsync.error a {
	background: url('/base/images/but_close_error.gif');
}

#base_messageAsync.error a:hover {
	background: url('/base/images/but_close_active.gif');	
}


/* ------------------------- */ 
/* info msg in page center   */
/* - for non ajax support		 */
/* triggered via onload event*/
/* ------------------------- */ 
#base_infoLayer {
	position: absolute;
	background: #CCC;
	overflow: visible;
	margin: 2px 0 0 3px;
	visibility: hidden;
}

#base_infoLayer div {
	position: relative;
	width: 250px;
	min-height: 30px;
	top: -3px;
	left: -3px;
	background: #666;
	padding: 10px 21px 10px 10px;
	color: white;
	border: 1px solid #666;
}

* html #base_infoLayer div {
	height: 30px;
}

#base_infoLayer a {
	width: 13px;
	height: 13px;
	float: right;
	margin: -5px -16px 0 0;
	background: url('/base/images/but_close_none.gif');
}

#base_infoLayer a:hover {
	background: url('/base/images/but_close_active.gif');
}

/* ------------------------- */ 
/* password msg in ordr_summary  */
/* triggered via onload event*/
/* ------------------------- */ 
#password_layer {
	position: absolute;
	background: #CCC;
	overflow: visible;
	margin: 2px 0 0 3px;
	visibility: hidden;
}

#password_layer div {
	position: relative;
	width: 400px;
	min-height: 30px;	
	top: -3px;
	left: -3px;
	background: #666;
	padding: 10px 21px 10px 10px;
	color: white;
	border: 1px solid #666;
}

#password_layer a {
	width: 13px;
	height: 13px;
	float: right;
	margin: -5px -16px 0 0;
	background: url('/base/images/but_close_none.gif');
}

#password_layer a:hover {
	background: url('/base/images/but_close_active.gif');
}