/* ----------------------------------------------------------*/
/* page base elements like header, breadcrumb, footer,...... */
/* ----------------------------------------------------------*/

/* --------------- */
/* main frame      */
/* --------------- */
#base_main {
	margin: auto;
	padding: 0;
	width: 605px;
	text-align: left;
/*  background-image: url(/base/images/pic_bg_print_header.gif);*/
  background-repeat: no-repeat;
}

/* ----------------------------------------------------------*/
/* layout definitions   																		 */
/* ----------------------------------------------------------*/
#base_body #base_layoutLeft_w4_0 {
  float: left;
  width: 605px;
}
/* ----------------------------- */
/* column definition - width 4   */
/* ----------------------------- */
#base_body .base_colLeft_w4_0 {
  float: left;
  width: 605px;
}

/* ----------------------------------------------- */
/* header address, country, phone and lng selector */
/* ----------------------------------------------- */
#base_header {
	display: normal;
	margin-top: 0px;
	width:605px;
}
#base_header_address{
  margin-left: 444px;
  background-color: #fff;
  color: #000;
  font: normal bold 10px verdana;
}
#base_header_lang_selector {
	display:none;
}
*html #base_header_phone{	/* only interpreted by ie */
  margin-top: 0px;
  color: #000;
}
#base_header_phone{
  margin-top: 0px;
  color: #000;
}
#base_header_country{
  margin-top: 0px;
  color: #000;
}
/* ----------------------------------- */
/* header navigation, login and search */
/* ----------------------------------- */

#base_header_divider{
	padding-top: 0px;
}
*html #base_header_divider{	/* only interpreted by ie */
	margin-bottom: 10px;
}
#base_header_divider #base_header_navigation {
	display: none;
}

#base_header_divider #base_header_login {
	display: none;
}

/* ----------- */
/* header cart */
/* ----------- */
#base_header_cart {
	display: none;
}

/* ------------------- */
/* header bread crumb  */
/* ------------------- */
*html #base_header_breadCrumb{	/* only interpreted by ie */
	margin-top: 40px;
	margin-bottom: 4px;
}
#base_header_breadCrumb {
  margin-top: 28px;
  font: normal 9px verdana;
  margin-bottom: 4px;
  width: 100%;
}

/* ----------------------------------------------- */
/* footer navigation, disclaimer,....              */
/* ----------------------------------------------- */
#base_footer_navigation {
	display: none;
}
#base_footer_disclaimer {
	text-align: center;
}

/* ----------------------------------------------- */
/* header address, country, phone and lng selector */
/* ----------------------------------------------- */
/* ----------------------------------- */
/* header navigation, login and search */
/* ----------------------------------- */
#base_header_divider #base_header_navigation {
  width: 399px;
  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 9px verdana;
}
#base_header_divider #base_header_login {
  border-left: solid 1px;
  float: left;
  width: 55px;
  padding: 0;
  font: normal 9px verdana;
}

#base_header_searchForm{
	display:none;
}

/* ----------------- */
/* header page title */
/* ----------------- */
#base_header_title {
  font: normal 9px 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;
}

/* ----------------------------------------------------------*/
/* page layout definitions - body, columns                   */
/* ----------------------------------------------------------*/
#base_body {
  clear: both;
  margin: 0px;
  padding: 0px;
}

/* ----------------------------------------------------------*/
/* layout definitions   																		 */
/* ----------------------------------------------------------*/
#base_body #base_layoutLeft_w4_0 {
  clear : both;
  float: none;
  width: 605px;
  float: none;
  overflow: visible;
}
#base_body #base_layoutLeft_w3_0 {
  float: none;
  width: 444px;
  overflow: visible;
}
#base_body #base_layoutLeft_w3_0 table {
  float: none;
  width: 444px;
  overflow: visible;
}
#base_body #base_layoutRight_w1_0 {
  float: right;
  width: 145px;
  overflow: visible;
}
/* ----------------------------- */
/* column definition - width 4   */
/* ----------------------------- */
#base_body .base_colLeft_w4_0 {
  clear : both;
  float: none;
  width: 605px;
  overflow: visible;
}
#base_body .base_colLeft_w4_0 .imageDetail {    /* used in appl selector - check if it can be part of a subcol definition */
  float: right;
  width: 214px;
  padding: 4px 9px 0 3px;  
}
/* ------------------------------ */
/* column definition - width 3    */
/* ------------------------------ */
#base_body .base_colLeft_w3_0 {
  float: left;
  width: 444px;
  margin-right: 9px;
  overflow: visible;
}
#base_body .base_colRight_w3_0 {
  float: right;
  width: 444px;
  overflow:hidden;
  overflow: visible;
}
/* ----------------------------- */
/* column definition - width 2.5 */
/* ----------------------------- */
#base_body .base_colLeft_w2_5 {
  float: left;
  width: 372px;
  margin-right: 9px;
}
#base_body .base_colRight_w2_5 {
  float: right;
  width: 372px;
}
/* ------------------------------------------------- */
/* column definition - width 2.0 + additional space  */
/* ------------------------------------------------- */
#base_body .base_colLeft_w2_0_ext {
  float: none;
  width: 295px;
  margin-right: 9px;
}
#base_body .base_colRight_w2_0_ext {
  float: right;
  width: 295px;
}
/* ----------------------------- */
/* column definition - width 2   */
/* ----------------------------- */
#base_body .base_colLeft_w2_0 {
  float: left;
  width: 289px;
  margin-right: 9px;
}
#base_body .base_colRight_w2_0 {
  float: right;
  width: 289px;
}
/* ----------------------------- */
/* column definition - width 1.5 */
/* ----------------------------- */
#base_body .base_colLeft_w1_5 {
  float: none;
  width: 217px;
  margin-right: 9px;
  overflow:visible;
}
#base_body .base_colRight_w1_5 {
  float: left;
  width: 217px;
  overflow:visible;
}

/* ----------------------------- */
/* column definition - width 1   */
/* ----------------------------- */
#base_body .base_colLeft_w1_0 {
  float: left;
  width: 145px;
  margin-right: 9px;
}
#base_body .base_colRight_w1_0 {
  float: right;
  width: 145px;
}


/* ------------------------------------------------------------------ */
/* optional elements - progress bar, back forward navigation and popup */
/* ------------------------------------------------------------------ */

/* ----------- */ 
/* progress bar */
/* ----------- */ 
#base_progressBar {
  background-color: #fff;
  width: 605px;
}
#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 {
  width: 605px;   
}
#base_popupHeader {
  margin: 0;
  width: 456px;
  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: 304px;
  background-color: #000;
  font: normal bold 9px verdana;
  padding: 0 0 3px 0;
}
#base_popupContent {
  text-align: center;
}
#base_popupContent .image{
  padding: 12px 0;
}



/* ----------- */
/* common cart */
/* ----------- */
#base_cart {
  margin: 5px 3px 2px 0px;
  width: 360px;
  float: right;
  padding-bottom: 7px; 
}
#base_cart #cart_logo {
  margin: 0;
  float: left;
  width: 24px;
  padding-bottom: 7px; 
}
#base_cart #cart_txt{
  margin: 0;
  font: -1pxal 9px verdana;
  float: left;
  width: 120px;
  text-align: right;
  vertical-align: top;
  padding-bottom: 7px; 
}

.shopping_tools {
	float: right; 
	margin: 5px 3px 2px 0px; 
	width: 360px
}
.add_cart {
	padding-right: 6px; 
	padding-left: 40px; 
	background: url(/base/images/but_cart.gif) no-repeat 5px 4px; 
	float: right; 
	padding-bottom: 7px; 
	margin: 1px 0px 0px 10px; 
	font: 9px verdana; 
	color: #000; 
	padding-top: 4px; 
	text-align: left; 
	text-decoration: none
}
.linkcart {
   margin: 0;
   padding-left: 20px;
   background: transparent url(/base/images/but_cart.gif) no-repeat;
   padding-bottom: 7px; 
}
.linkcart:hover {
   margin: 0;
   padding-left: 20px;
   background: transparent url(/base/images/but_cart_hover.gif) no-repeat;
   padding-bottom: 7px; 
}

