﻿/******************************************************** 
**
**		Master Global Styles 
**
**		- This is for Global CSS Styles only
**		- NO Page specific Styles should be included here 
**		- Styles are tab arranged to show inheritance 
**		  and layout structure
**
********************************************************/

/**  GLOBAL PAGE ELEMENTS  **/
 table, th, td {border:0px; font-size:12px;}
form {padding:0; margin:0;}
a {outline:none; color:#2a2a2a;}
a:hover {color:#2a2a2a;}


/** GLOBAL LAYOUT **/
html {padding:0; margin:0; color:#444; font-family:verdana; font-size:10px;}
  body {margin:0; padding:0; background:#1f1f22 url(/shop2/images/bg-body.png)  repeat-x top left;}
}
    #container {margin:0 auto; padding:0;}
    
	  #header {margin:0; padding:3px 12px 0 12px; width:965px; background:#fff url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/header_bk.png) no-repeat top left;}
		
		#header-top{float:right; width:759px; text-align:right; font-size:11px;}
			#user-nav {float:left; text-align:left; margin:0 2px 0 0; padding:10px 35px; width:280px; background:transparent url() no-repeat top left; color:#555;}
			  #user-nav td {font-size:10px;}

			  #popupModell{clear:both; position: absolute; top:120px; left:0px; text-align:left; z-index:9999;}
				#showModell{display:none; position:relative; left:503px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #modell-close {}

			  #popupMotor{clear:both; position: absolute; top:120px; left:0px; text-align:left; z-index:9999;}
				#showMotor{display:none; position:relative; left:753px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #motor-close {}


			  #popupGarage{clear:both; position: absolute; top:120px; left:0px; text-align:left; z-index:9999;}
				#showGarage{display:none; position:relative; left:503px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #garage-close {}

			  #popupG{clear:both; position: absolute; top:300px; left:0px; text-align:left; z-index:9999;}
				#showG{display:none; position:relative; left:270px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #g-close {}



			  #popupkeyword{clear:both; position: absolute; top:127px; left:20px; text-align:left; z-index:9999;}
				#showkeyword{display:none; position:relative; left:24px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #keyword-close {}


			  #login{clear:both; position: absolute; top:40px; left:0px; text-align:left; z-index:9999;}
				#showlogin{display:none; position:relative; left:575px; padding:7px 9px; border:0px solid #dadde0; border-top:0;  color:#555; width: 350px;}
				  #login-close {}






			  #user-nav a {color:#555; }
				  
					

		  #search-box {float:right; width:245px; margin:0; padding:8px 10px 14px 20px; font-size:10px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/search_bk.png) no-repeat top left;}
			#search-box input.text {font-size:9px; border:1px solid #aaa; padding:4px; width:150px; }
			  #search-box input.text:focus {border:1px solid #ffc425;}
			#search-box a {color:#fff;}
		      #search-box a:hover {color:#ddd;}

		  #locator-box {float:right; width:215px; margin:0; padding:8px 20px 14px 50px; font-size:10px; background:transparent url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/locator_bk.png) no-repeat top left;}
			#locator-box input.text {font-size:9px; border:1px solid #aaa; padding:4px; width:100px;}
			  #locator-box input.text:focus {border:1px solid #ffc425;}
			#locator-box a {color:#fff;}
		      #locator-box a:hover {color:#ddd;}

      #content-area {clear:both; padding:20px;}
       .just-copy {padding:10px 30px 30px 30px;}

		.short-area {padding:0 0 200px 0;}

		dl.form {padding:0; margin:0;}
			dl.form dt {padding:2px 0 0 0;margin:0;}
			dl.form dd {padding:5px 0;margin:0;}
			  dl.form dd.section-end {margin-bottom:10px; border-bottom:1px solid #456fab;}
		dl.display {padding:0; margin:0;}
			dl.display dt {padding:2px 0 0 0;margin:0;}
			dl.display dd {padding:5px 0;margin:0;}
	    .clean {border:0;}
	      .clean th {padding:3px; background:#6da7f6; color:#fff; font-size:10px;}
	      .clean td {padding:7px ; background:#eee; color:#666; font-size:11px;}
	        .clean td.right {text-align:right;}
	        .clean td.center {text-align:center;}

	/*** Modal Popups ***/
	  #pop-overlay {background-color:#555555;}
	  #pop-box {display:none;}

	  #pop-container {width:450px; text-align:left; background:#fff;}
	    #pop-container .contact-content {padding:0 10px; background-color:#fff; color:#555555;}
	  	  #pop-container h1 {color:#d76300; margin:0; padding:0; font-size:22px;}
		  .contact-loading {position:absolute; background:url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/common/loading.gif) no-repeat; z-index:8000; height:13px; width:208px; margin:10px 0 0 121px; padding:0;}
		  .contact-message {padding:3px;}
		  .static-message {padding:7px;}
		  .contact-error {margin:2px 0; text-align:center; color:#900; }
		  #pop-container br {clear:both;}
		  #pop-container form {padding:0; margin:0;}
		  #pop-container label {display:block; width:100px; font-weight:bold;}
		  .contact-input {padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
		  #pop-container textarea {height:114px;}
		  .contact-cc {cursor:default;}
		  .contact-button {margin:4px 0 0 4px;}

		  #pop-container .contact-cancel {}
		  #pop-container a.modalCloseX,
		  #pop-container a.modalCloseX:link,
		  #pop-container a.modalCloseX:active,
		  #pop-container a.modalCloseX:visited {font-size:14px; text-decoration:none; font-weight:bold; position:absolute; top:-5px; right:-5px; color:#999;}
		  #pop-container a.modalCloseX:hover {color:#9bb3b3;}
	  



/* Overlay */
#simplemodal-overlay {background-color:#555555; cursor:wait;}

/* Container */
#simplemodal-container {padding:10px; height:100px; width:300px; background-color:#fff; border:3px solid #ccc;}
#simplemodal-container a.modalCloseImg {background:url(/wcsstore/CVB2BDirectStorefrontAssetStore/images/button/close.gif) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}

/**  Jquery Impromptu  **/
.jqifade {position: absolute; background-color: #aaaaaa; }
.jqiwarning .jqi .jqibuttons {background-color: #900;}
div.jqi {width: 500px; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px;}
div.jqi .jqicontainer {}
div.jqi .jqiclose {position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #999; font-weight: bold; cursor: pointer;}
div.jqi .jqimessage {padding: 10px; line-height: 20px; font-size: 12px;}
div.jqi .jqibuttons {text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #eee;}
div.jqi button {padding: 3px 10px; margin: 0 10px; background-color: #900; border: solid 1px #900; color: #ffffff; font-weight: bold; font-size: 12px; cursor: pointer;}
div.jqi button:hover {background-color: #900;}
div.jqi button.jqidefaultbutton {background-color: #900;}


/* Tabelle */
	.Hintergrund{
	background:#ffffff}

	.SearchBGF a{
		display: block;
	text-align:center;
	color: #0066cc;
	position: absolute;
	left:310px;
	top:103px;
	float:left;
	width:230px;
	height:38px; 
	line-height:38px;
	background:url('../images/Search_BGoff.png') no-repeat right bottom;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
}



 	.SearchBGF a:hover { 
	text-align:center;
	color: #0066cc;
	position: absolute;
	left:310px;
	top:103px;
	float:left;
	width:230px;
	height:38px; 
	line-height:38px;
	background:url('../images/Search_BGon.png') no-repeat right bottom;
	text-decoration:underline;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
} 

		
	.SearchBGM a{
		display: block;
	text-align:center;
	color: #0066cc;
	position: absolute;
	left:560px;
	top:103px;
	float:left;
	width:230px;
	height:38px; 
	line-height:38px;
	background:url('../images/Search_BGoff.png') no-repeat right bottom;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
}



 	.SearchBGM a:hover { 
	text-align:center;
	color: #0066cc;
	position: absolute;
	left:560px;
	top:103px;
	float:left;
	width:230px;
	height:38px; 
	line-height:38px;
	background:url('../images/Search_BGon.png') no-repeat right bottom;
	text-decoration:underline;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
} 

	
	.SearchBGU a{
		display: block;
	text-align:center;
	color: #0066cc;
	position: absolute;
	left:805px;
	top:103px;
	float:left;
	width:210px;
	height:38px; 
	line-height:38px;
	background:url('../images/Search_BGUon.png') no-repeat right bottom;
	text-decoration:none;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
}



	
	/* Tabellenecken */
	.EckeTL{
	background: url("../images/roundedcornr_TL.png");
		background-position: left top;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	
	.EckeTR{
	background: url("../images/roundedcornr_TR.png");
		background-position: right top;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}

	.EckeBL{
	background: url("../images/roundedcornr_BL.png");
		background-position: left bottom;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	.EckeBR{
	background: url("../images/roundedcornr_BR.png") ;
		background-position: right bottom;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	
	
	
	/* Datentabelle */
	
	
	.TabelleInner{
	width: 970px; 
	height: 50px;
	background-color: transparent;
	background: url("../images/hdr_03_flexwide.png") no-repeat  top right;
	
	}

	.left{
	width: 220px; 
	left:40px;
	position:relative;
	}

	.ZelleUpperRH{
	width: 670px; 
	height: 115px;
	background: url("../images/bdy_02_fade.gif") repeat-x top right;
	background-position:100% 22px

	}
	

				.ZelleRH2{
				width: 660px; 
				height: 30px;
				position:relative;
				left:0px;
				top:12px;
				background: url("../images/zelle_blk_800x30_upperRH.png") no-repeat right;
				z-index: 100;
				}

				.ZelleUpperRH_InnerFont{
				width: 630px; 
				height: 35px;
				color:#fff;
				font: bold 13px verdana;
				left:px;
				line-height:30px;
				position:relative;
				}

	
	.ZelleLowerRH{
	width: 670px; 
	height: 1000px;
	vertical-align: text-top;
	background-color:transparent;
	}



				.ZelleArtikelKarteUpper{
				width: 950px; 
				height: 50px;
				position:absolute;
				color: #ffffff;
				font:12pt Verdana;
				text-decoration:none;
		line-height:50px;

				left:23px;
				top:160px;
				background: url("../images/pdetail_tp_barblue.png") no-repeat left top;
				z-index:0;
				}



	.TableLowerRHCantFind{
	width: 658px; 
		position:relative;
	top:-60px;

	background-color:transparent;
z-index:105;
	}


	.ZelleLH{
	width: 298px; 
	height:920px;
	background: url("../images/bdy_02_fade.gif") repeat-x top  ;
	background-position:100% 24px;
					z-index: 1;

	}


				.ZelleLH2{
				width: 290px; 
				height: 30px;
				position:relative;
				left:10px;
				top:12px;
				background: url("../images/zelle_blk_390x30_upperLH.png") repeat-x top left  ;
				z-index: 1;
				}

				.ZelleUpper_Inner{
				width: 280px; 
				height: 30px;
				}
	
	.ZelleUpper_InnerFont{
	width: 280px; 
	height: 35px;
	color:#fff;
	font:  17px verdana;
	left:10px;
	line-height:35px;
	position:relative;
	background: url("../images/zelle_blk_270x30_upper.png") no-repeat 0px 0px;
	z-index: 101;
	}
	.ZelleUpper_InnerFontON{
	width: 280px; 
	height: 35px;
	color:#fff;
	font: 17px verdana;
	left:10px;
	line-height:35px;
	position:relative;
	background: url("../images/zelle_blk_270x30_upperAuswahl.png") no-repeat 0px 0px;
	z-index: 101;
	}
	

				.ZelleUpper2_Inner{
				width: 280px; 
				height: 20px;
				padding:0px 0px 8px 0px;
				background: url("../images/zelle_blk_270x30_upper2.png") no-repeat  ;
				background-position:100% 0px;
				}
	
				.ZelleUpper2_InnerBG{
				width: 260px; 
				height: 20px;
				background: url("../images/button_plus.png") no-repeat 6px 2px;
				position:relative;
				}
	
				.ZelleUpper2_InnerFont{
				width: 260px; 
				height: 20px;
				color:#fff;
				font: bold 12px verdana;
				padding:5px 0px 0px 0px;
				left: 40px;
				position:relative;
				}



	.ZelleUpper_InnerAUSWAHL{
	width: 280px; 
	height: 30px;
					position:relative;
					z-index:5;
	}
	
	.ZelleUpper_InnerFontAUSWAHL{
	width: 280px; 
	height: 35px;
	color:#fff;
	font:  17px verdana;
	left:10px;
	line-height:35px;
	position:relative;
	background: url("../images/zelle_blk_270x30_upperSearch.png") no-repeat 0px 0px;
	z-index: 120;
	}
				.ZelleUpper2_InnerAUSWAHL{
				width: 280px; 
				height: 50px;
				padding:0px 0px 8px 0px;
				background: url("../images/zelle_blk_270x30_upper2AUSWAHL.png") repeat-y  ;
				background-position:100% 0px;
				
				
				}

				.ZelleUpper2_InnerBGAUSWAHL{
				width: 270px; 
				height: 20px;
				left:20px;
				padding:5px 0px 40px 0px;
				line-height: 50px;
				position:relative;
				}


	.Ergebniss_Top{
	width: 658px; 
	height: 30px;
	background: url("../images/ergebnis_oben_600px.png") no-repeat left top;
	}

	.Ergebniss_Top2{
	width: 658px; 
	height: 5px;
	background: url("../images/ergebnis_oben_600-2px.png") no-repeat left top;
	}


	.Ergebniss_Top3{
	width: 658px; 
	height: 5px;
	background: url("../images/ergebnis_oben_600px.png") no-repeat left top;
	}



	.Ergebniss_Inhalt{
	width: 658px; 
	height: 5px;
	background: url("../images/ergebnis_center_660.png") ;	

	}


	.ergebnis_top_kdcenter{
	width: 630px; 
	height: 10px;
	background: url("../images/kdcenter_oben_630px.png") no-repeat left top;
	}

	.ergebnis_center_kdcenter{
	width: 630px; 
	height: 5px;
	background: url("../images/kdcenter_center_630px.png") ;	

	}


	.ergebnis_bottom_kdcenter{
	width: 30px; 
	height: 10px;
	background: url("../images/kdcenter_unten_630px.png") no-repeat left bottom;
	}





	.Akarte_info_DIV{
	top: 52px; 
	position:relative;
	}
		.Warenkorb_info_DIV{
	top:45px; 
	position:relative;
	}


	.Akarte_info_TBL{
	width: 260px; 
	}

	.Akarte_info_Top{
	color:#ffffff;
	font: 10pt verdana;
	width: 260px; 
	height: 20px;
	line-height:20px;
	margin: 16px;
	background: url("../images/detail_bar.png") no-repeat bottom ;	

	}
	
		.DatenInner{
		width: 659px; 
		height: 5px;
		position:relative;
		}
	
	
		.ArtikelkarteDatenInner{
		width: 550px; 
		height: 5px;
				z-index:2;

		}




		.DatenInner_Trenner{
		width: 656px; 
		height: 25px;
		background: url("../images/ergebnis_trenner.png") repeat-x top;	
		}
		
		
		.Menge {
	background: #f2f6ff; 
	border: 1px solid #a0b3d9;
	font: 11px verdana ;
	color: #808080;
		width: 22px; 
		height: 13px;	
		line-height:15px;
		text-align:center;
		}


							
	.Ergebniss_bottom{
	width: 656px; 
	height: 8px;
	background: url("../images/ergebnis_unten_600px.png") no-repeat left top;
	}

	.ZelleCenter_Inner{
	width: 280px; 
	height: 200px;
	color:#808080;
	font: 12px verdana;
	background: url("../images/zelle_blk_270x30_center.png") repeat-y;
	background-position:100% 10px;
	}

	.ZelleBottom_Inner{
	width: 280px; 
	height: 20px;
		font: bold 2px verdana;
	background: url("../images/zelle_blk_270x30_bottom.png") no-repeat top;
	background-position:100% 0px;
	}
	
	
								
		.ArtikelDatenInner_Trenner{
  
	background: url("../images/ergebnis_oben_600-2px.png") no-repeat left top;
		}
		
	

	/* Layer */
	.LayerEckeTL{
	background: url("../images/roundedcornr_layer_TL.png");
		background-position: left top;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	
	.LayerEckeTR{
	background: url("../images/roundedcornr_layer_TR.png");
		background-position: right top;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}

	.LayerEckeBL{
	background: url("../images/roundedcornr_layer_BL.png");
		background-position: left bottom;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	.LayerEckeBR{
	background: url("../images/roundedcornr_layer_BR.png");
		background-position: right bottom;
		background-color: transparent;
		background-repeat: no-repeat;
		background-attachment: scroll;
	
	}
	.LayerBG{
	background: url("../images/bg_transparent_white.png");
		background-color: transparent;
		background-repeat: repeat;
		background-attachment: scroll;
	
	}

	.LayerBU{
	background: url("../images/roundedcornr_layer_BU.png");
		background-color: transparent;
		background-repeat: repeat;
		background-attachment: scroll;
	
	}
		.LayerBO{
	background: url("../images/roundedcornr_layer_BO.png");
		background-color: transparent;
		background-repeat: repeat;
		background-attachment: scroll;
	
	}


/*- Menu Tabs 22--------------------------- */
    #tabs22 {
      font: bold 11px/1.5em Verdana;
      float:right;
      width:100%;
      background:;
      font-size:95%;
      line-height:25px;
      text-align: center;
	  z-index:999;

      }
    #tabs22 ul {
	margin:0;
	
	padding:0px 0px 30px 0px;
	list-style:none;
      }
    #tabs22 li {
      display:inline;
      
      margin:0;
      padding:0;
      }
    #tabs22 a {
      float:left;
      background:url("../images/tableft22.png") no-repeat left top;
      margin:0;
      width:110px;
     padding:0px 1px 0px 5px;
      text-decoration:none;
      }
    #tabs22 a span {
      float:left;
      display:block;
      background:url("../images/tabright22.png") no-repeat right top;
      padding:5px 15px 5px 6px;
      color:#E9F2FE;
      



      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs22 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs22 a:hover span {
      color:#555555;
      text-decoration:underline;
      z-index:9999;
      }
    #tabs22 a:hover {
      background-position:0% -48px;
      }
    #tabs22 a:hover span {
      background-position:100% -48px;
      }












/*- Menu Tabs 22--------------------------- */
    #tabskdcenter {
      font: 11px/1.5em Verdana;
      width:100%;
      background:;
      font-size:80%;
      line-height:16px;
      text-align: center;
	  z-index:2;

      }
    #tabskdcenter ul {
	margin:0;
	
	padding:0px 0px 0px 10px;
	list-style:none;
      }
    #tabskdcenter li {
      display:inline;
      
      margin:0;
      padding:0;
      }
    #tabskdcenter a {
      float:left;
      background:url("../images/tableft22.png") no-repeat left top;
      margin:0;
      width:95px;
     padding:0px 1px 0px 5px;
      text-decoration:none;
      }
    #tabskdcenter a span {
      float:left;
      display:block;
      background:url("../images/tabright22small.png") no-repeat right top;
      padding:5px 15px 5px 6px;
      color:#E9F2FE;
      



      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabskdcenter a span {float:none;}
    /* End IE5-Mac hack */
    #tabskdcenter a:hover span {
      color:#555555;
      text-decoration:underline;
      z-index:9999;
      }
    #tabskdcenter a:hover {
      background-position:0% -48px;
      }
    #tabskdcenter a:hover span {
      background-position:100% -48px;
      }



















h1 {
      font: bold 11px/1.5em Verdana;
	  text-shadow:#555555 5px 1px 2px;

}
p {text-shadow:#555555 0px 0px 0px;}


	/* Keyword, Partno. */

	.KeywordLH {
	text-align:right;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:10px;
	height:38px; 
	line-height:38px;
	text-decoration:none;
	background:url("../images/No_left.png") no-repeat left;
	z-index:5;

	}


	.KeywordCenter {
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:208px;
	height:38px; 
	line-height:38px;
	text-decoration:none;
	background:url("../images/No_center.png")  left;
	}

	.KeywordRH {
	text-align:left;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:16px;
	height:38px; 
	line-height:25px;
	text-decoration:none;
	background:url("../images/No_right.png") no-repeat right;

	}

	.KeywordInput {
	background: transparent; 
	border-width: 0px; 
	font: 12px verdana ;
	color: #808080;
	width: 180px; 
	height: 25px;
	text-decoration:none;
    padding:15px 10px 0px 6px;
    z-index:9999;
    position: absolute;
	left:55px;
	top:101px;

	
	}

	.KeywordButton {
	background: transparent; 
	border-width: 0px; 
	text-decoration:none;
    padding:15px 10px 0px 6px;
    z-index:3;
    position: absolute;
	left:240px;
	top:95px;

	
	}


	.LagerInfo a{
	display: block;
	text-align: right;
	color: #0066cc;
	font-size: 7pt;
	width:150px;
	height:18px; 
	line-height:18px;
	background:url("../images/mail-small.png") no-repeat 20px bottom;
	text-decoration:none;
	z-index:99999;
	}
	
	
 .LagerInfo a:hover { 
	text-align: right;
	color: #0066cc;
	font-size: 7pt;
	width:150px;
	height:18px; 
	line-height:18px;
	background:url("../images/mail-small.png") no-repeat 20px bottom;
	text-decoration:underline;
	z-index:99999;

} 


	/* Headline */



	
	.HeadStatus a{
	display: block;
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:90px;
	height:20px; 
	line-height:25px;
	background:url("../images/lock.png") no-repeat left bottom;
	text-decoration:none;
	z-index:99999;
	}
	
	
 .HeadStatus a:hover { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:90px;
	height:20px; 
	line-height:25px;
	background:url("../images/lock.png") no-repeat left bottom;
	text-decoration:underline;
		z-index:99999;

} 
	

	.HeadHome a{
	display: block;
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	position: absolute;
	left:190px;
	top:0px;
	width:100px;
	height:26px; 
	line-height:25px;
	text-decoration:none;
	z-index:99999;
	}
	
	
 .HeadHome a:hover { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	position: absolute;
	left:190px;
	top:0px;
	width:100px;
	height:26px; 
	line-height:25px;
	text-decoration:underline;
		z-index:99999;

} 
	

	.HeadHome2 a{
	display: block;
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	position: absolute;
	left:120px;
	top:0px;
	width:100px;
	height:26px; 
	line-height:25px;
	text-decoration:none;
	z-index:99999;
	}
	
	
 .HeadHome2 a:hover { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	position: absolute;
	left:120px;
	top:0px;
	width:100px;
	height:26px; 
	line-height:25px;
	text-decoration:underline;
		z-index:99999;

} 
	




	.DelFromBasket a{
	display: block;
	text-align:center;
	color: #0066cc;
	font-size: 7pt;
	float:right;
	width:70px;
	height:20px; 
	line-height:20px;
	background:url("../images/minus-small-circle_Off.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.DelFromBasket a:hover { 
	text-align: center;
	color: #0066cc;
	font-size: 7pt;
	float:right;
	width:70px;
	height:20px; 
	line-height:20px;
	background:url("../images/minus-small-circle_On.png") no-repeat left bottom;
	text-decoration:underline;

	} 

	.Wishlist a{
	display: block;
	text-align:right;
	color: #0066cc;
	font-size: 7pt;
	float:right;
	width:78px;
	height:18px; 
	line-height:20px;
	background:url("../images/button-plus_Off.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.Wishlist a:hover { 
	text-align: right;
	color: #0066cc;
	font-size: 7pt;
	float:right;
	width:78px;
	height:18px; 
	line-height:20px;
	background:url("../images/button-plus.png") no-repeat left bottom;
	text-decoration:underline;

	} 

 	.Wishlist a:active, .Wishlist a:focus { 
	text-align: right;
	color: #3366cc;
	font-size: 7pt;
	float:right;
	width:78px;
	height:18px; 
	line-height:20px;
	background:url("../images/tick.png") no-repeat left bottom;
	text-decoration:underline;

	} 





	.Head {
	left:200px;
	top:30px;
	width:800px;
	position: absolute;
	background: transparent;	}




	.HeadWishlist a{
	display: block;
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:123px;
	height:26px; 
	line-height:25px;
	background:url("../images/Head_Wishlist_OFF.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.HeadWishlist a:hover{ 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:123px;
	height:26px; 
	line-height:25px;
	background:url("../images/Head_Wishlist_On.png") no-repeat left bottom;
	text-decoration:underline;

	} 
	
	.HeadAccount a{
	display: block;
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:115px;
	height:26px; 
	line-height:25px;
	background:url("../images/Head_Account_OFF.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.HeadAccount a:hover { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:115px;
	height:26px; 
	line-height:25px;

	background:url("../images/Head_Account_On.png") no-repeat left bottom;
	text-decoration:underline;

} 


	.MyGarage a{
	display: block;
	text-align:center;
	color: #0066cc;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	float:right;
	width:135px;
	height:20px; 
	line-height:25px;
	background:url("../images/car.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.MyGarage a:hover { 
	text-align: center;
	color: #0066cc;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana;
	float:right;
	width:135px;
	height:20px; 
	line-height:25px;

	background:url("../images/car--arrow.png") no-repeat left bottom;
	text-decoration:underline;

} 


	.MyGarage2 a{
	display: block;
	text-align:center;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-size: 10px;
	font-family: Verdana;
	float:right;
	width:116px;
	height:20px; 
	line-height:25px;
	text-decoration:none;
	position: absolute;
	left:145px;
	top:79px;
	z-index:999;
	}
	
 	.MyGarage2 a:hover { 
	text-align: center;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-family: Verdana;
	float:right;
	width:116px;
	height:20px; 
	line-height:25px;

	text-decoration:underline;
	position: absolute;
		left:145px;
	top:79px;
	z-index:999;

} 

	.PrintBasket a{
	display: block;
	text-align:center;
	color: #0066cc;
	font-size: 8pt;
	float:left;
	width:150px;
	height:16px; 
	line-height:16px;
	background:url("../images/printer.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.PrintBasket a:hover { 
	text-align: center;
	color: #0066cc;
	font-size: 8pt;
	float:left;
	width:150px;
	height:16px; 
	line-height:16px;

	background:url("../images/printer.png") no-repeat left bottom;
	text-decoration:underline;

} 


	.HeadLogin a{
	display: block;
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:75px;
	height:20px; 
	line-height:25px;
	background:url("../images/lock-unlock.png") no-repeat left bottom;
	text-decoration:none;
	}
	
 	.HeadLogin a:hover { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:75px;
	height:20px; 
	line-height:25px;

	background:url("../images/lock-unlock.png") no-repeat left bottom;
	text-decoration:underline;

} 

	.HeadReg a{
	display: block;
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:105px;
	height:26px; 
	line-height:25px;
	text-decoration:none;
	}
	
 	.HeadReg a:hover  { 
	text-align: center;
	color: #DEECFE;
	font-size: 8pt;
	float:left;
	width:105px;
	height:26px; 
	line-height:25px;
	text-decoration:underline;

} 

	.HeadBasket a{
	display: block;
	text-align:center;
	color: #DEECFE;
	font-size: 8pt;
	font-weight:bold;
	float:left;
	width:175px;
	height:26px; 
	line-height:25px;
	background:url("../images/clipboard.png") no-repeat left;
	text-decoration:none;
	}
	
 	.HeadBasket a:hover { 
	text-align: center;
	color: #DEECFE; 
	font-size: 8pt;
	font-weight:bold;
	float:left;
	width:175px;
	height:26px; 
	line-height:25px;

	background:url("../images/clipboard-list.png") no-repeat left ;
	text-decoration:underline;

} 


	.HeadTrenner{
	float:left;
	color: #DEECFE;
	width:5px;
	height:18px; 
	line-height:18px;


	}

	.HeadTrenner220px{
	float:left;
	color: #DEECFE;
	width:220px;
	height:18px; 
	line-height:18px;


	}
	.HeadTrenner150px{
	float:left;
	color: #DEECFE;
	width:283px;
	height:18px; 
	line-height:18px;


	}
	
	.HeadTrenner100{
	float:left;
	color: #DEECFE;
	width:100px;
	height:18px; 
	line-height:18px;
	}
	
	
	span.visit *:visited { 
		text-decoration:underline;

	}


	.Input_Uni {
	background: #f2f6ff; 
	border: 1px solid #a0b3d9;
	font: 11px verdana ;
	color: #808080;
	width: 185px; 
	height: 15px;	
	line-height:15px;
	}
	
	.KTSLOGO {
	left:17px;
	top:11px;
	position: absolute;
	background: transparent;	}
	
	.ORDERBASKET {
	left:853px;
	top:30px;
	position: absolute;
	background: transparent;
	z-index:998	}


	.BESTELLEN_BUTTON_WEITER {
	left:588px;
	top:750px;
	position: absolute;
	background: transparent;
	z-index:99999	}

	
	
	
	.uberschriftText {
	color: #0066cc;
	font:bold 10pt Verdana;
	}

	.uberschriftText a{
	color: #0066cc;
	font:bold 10pt Verdana;
	text-decoration:none;
	}
	
	.uberschriftText a:hover{
	color: #0066cc;
	font:bold 10pt Verdana;
	text-decoration:none;
	}
	
	
	
	
	.uberschriftText_big {
	color: #0066cc;
	font:bold 14pt Verdana;
	}

	.uberschriftText_big a{
	color: #0066cc;
	font:bold 14pt Verdana;
	text-decoration:none;
	}

	.uberschriftText_big a:hover{
	color: #0066cc;
	font:bold 14pt Verdana;
	text-decoration:underline;
	}


	.Text {
	color: #555555;
	font:8pt Verdana;
	text-decoration:none;
	}

	.TextBig {
	color: #555555;
	font:12pt Verdana;
	text-decoration:none;
	}


	.Text a{
	color: #555555;
	font:8pt Verdana;
	text-decoration:none;
	}


	.Text a:hover{
	color: #555555;
	font:8pt Verdana;
	text-decoration:underline;

	}
	
	.TextBlue {
	color: #0066cc;
	font:8pt Verdana;
	text-decoration:none;
	}


	.TextBlue a{
	color: #0066cc;
	font:8pt Verdana;
	text-decoration:none;
	}


	.TextBlue a:hover {
	color: #0066cc;
	text-decoration:underline;gh76ds13
	
	}


	.TextBlueBig {
	color: #0066cc;
	font:10pt Verdana;
	text-decoration:none;
	}


	.TextBlueBig a{
	color: #0066cc;
	font:10pt Verdana;
	text-decoration:none;
	}


	.TextBlueBig a:hover {
	color: #0066cc;
	text-decoration:underline;
	}


	.TextBlueSmall {
	color: #0066cc;
	font:7pt Verdana;
	text-decoration:none;
	}


	.TextBlueSmall a{
	color: #0066cc;
	font:7pt Verdana;
	text-decoration:none;
	}


	.TextBlueSmall a:hover {
	color: #0066cc;
	text-decoration:underline;
	}



	.TextRed {
	color: #ff3300;
	font:8pt Verdana;
	text-decoration:none;
	}


	.TextRed a {
	color: #ff3300;
	font:8pt Verdana;
	text-decoration:none;
	}

	.TextRed a:hover{
	color: #ff3300;
	font:8pt Verdana;
	text-decoration:underline;
	}

	
	.TextRedBig {
	color: #ff3300;
	font:11pt Verdana;
	text-decoration:none;
	}
	

	.TextSuperSmall {
	color: #555555;
	font:9px/1.5em Verdana;
	text-decoration:none;
	}

	.TextSuperSmallRed {
	color: #ff3300;
	font:9px/1.5em Verdana;
	text-decoration:none;
	}
		
	.TextSuperSmallRed a:hover{
	color: #ff3300;
	font:9px/1.5em Verdana;
	text-decoration:underline;
	}

	.TextWhiteSuperSmall   {
	color: #ffffff;
	font:9px/1.5em Verdana;
	text-decoration:none;
	}


	.TextWhiteSuperSmall a  {
	color: #ffffff;
	font:9px/1.5em Verdana;
	text-decoration:none;
	}

	.TextWhiteSuperSmall a:hover {
	color: #ffffff;
	font:9px/1.5em Verdana;
	text-decoration:underline;
	}

	.tabstore{
	background-color: transparent;
	display:none;
	position:absolute;
	top:95px;
	left:228px;
	width:400px;
	z-index:9900;
	}
	

	.tabstoresonderposten{
	background-color: transparent;
	display:none;
	position:absolute;
	top:95px;
	left:460px;
	width:550px;
	z-index:9900;
	}
	

	.hotdeals{
	background-color: transparent;
	display:none;
	position:absolute;
	top:95px;
	left:344px;
	width:200px;
	z-index:501;
	}

	
	.hotdealskategorie{
	background-color: transparent;
	display:none;
	position:absolute;
	top:300px;
	left:380px;
	width:230px;
	z-index:500;
	}
	

	.Image_Zoom a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:7pt Verdana;
	width:70px;
	height:16px; 
	line-height:16px;
	background:url("../images/magnifier-medium-left.png") no-repeat left ;
	text-decoration:none;
	}
	
 	.Image_Zoom a:hover { 
	color: #0066cc;
 	text-align: center;
	font:7pt Verdana;
	width:70px;
	height:16px; 
	line-height:16px;
	background:url("../images/magnifier-medium-left.png") no-repeat left;
	text-decoration:underline;

	} 



	.ImageABB a{
	display: block;
 	text-align: right;
	color: #0066cc;
	font:7pt Verdana;
	width:70px;
	height:18px; 
	line-height:16px;
	background:url("../images/binocular-small.png") no-repeat left ;
	text-decoration:none;
	}
	
 	.ImageABB a:hover { 
	color: #0066cc;
 	text-align: right;
	font:7pt Verdana;
	width:70px;
	height:18px; 
	line-height:16px;
	background:url("../images/binocular-small.png") no-repeat left;
	text-decoration:underline;

	} 


	.Question a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:170px;
	height:16px; 
	line-height:18px;
	background:url("../images/light-bulb.png") no-repeat left;
	text-decoration:none;
	}
	
	.Gebot a{
	display: block;
 	text-align: center;
	float:left;
	width:135px;
	height:18px; 
	line-height:18px;
	background:url("../images/auction-hammer-gavel.png") no-repeat left;
	text-decoration:none;
	}
	.Gebot a:hover{
	display: block;
 	text-align: center;
	float:left;
	width:135px;
	height:18px; 
	line-height:18px;
	background:url("../images/auction-hammer--pencil.png") no-repeat left;
	text-decoration:underline;
	}




	.HaendlerKommisionierung a{
	display: block;
 	text-align: center;
	float:left;
	width:260px;
	height:18px; 
	line-height:18px;
	background:url("../images/bookmark-export.png") no-repeat left;
	text-decoration:none;
	}
	.HaendlerKommisionierung a:hover{
	display: block;
 	text-align: center;
	float:left;
	width:260px;
	height:18px; 
	line-height:18px;
	background:url("../images/bookmark-export.png") no-repeat left;
	text-decoration:underline;
	}






 	.Question a:hover { 
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:170px;
	height:16px; 
	line-height:18px;
	background:url("../images/light-bulb.png") no-repeat left;
	text-decoration:underline;

	} 
	.kategorisieren a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:140px;
	height:16px; 
	line-height:18px;
	background:url("../images/direction.png") no-repeat left;
	text-decoration:none;
	}
	.kategorisieren a:hover{
	display: block;
	text-decoration:underline;
	}

	.DeleteCookie a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:75px;
	height:16px; 
	line-height:16px;
	background:url("../images/cross-small.png") no-repeat left;
	text-decoration:none;
	}
	
 	.DeleteCookie a:hover { 
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:75px;
	height:16px; 
	line-height:16px;
	background:url("../images/cross-small.png") no-repeat left;
	text-decoration:underline;

	} 


	.NurListe a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:180px;
	height:16px; 
	line-height:18px;
	background:url("../images/notebooks--minus.png") no-repeat left;
	text-decoration:none;
	}
	
 	.NurListe a:hover { 
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:180px;
	height:16px; 
	line-height:18px;
	background:url("../images/notebooks--minus.png") no-repeat left;
	text-decoration:underline;

	} 

	.Transmission a{
	display: block;
 	text-align: center;
	font:8pt Verdana;
	float:left;
	width:160px;
	height:16px; 
	line-height:18px;
	background:url("../images/pencil-ruler.png") no-repeat left;
	text-decoration:none;
	}
	
 	.Transmission a:hover { 
 	text-align: center;
	font:8pt Verdana;
	float:left;
	font-weight: bold;
	width:160px;
	height:16px; 
	line-height:18px;
	background:url("../images/pencil-ruler.png") no-repeat left;
	text-decoration:underline;

	} 


	.Versandkosten a{
	display: block;
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:260px;
	height:16px; 
	line-height:18px;
	background:url("../images/box.png") no-repeat left;
	text-decoration:none;
	}
	
 	.Versandkosten a:hover { 
 	text-align: center;
	color: #0066cc;
	font:8pt Verdana;
	float:left;
	width:260px;
	height:16px; 
	line-height:18px;
	background:url("../images/box.png") no-repeat left;
	text-decoration:underline;

	} 


	.button_register {
	background: url('/shop2/images/button_blank100px.png') ;
	width: 100px;
	font:8pt Verdana;
	font-weight: bold;
	height: 19px;
	border-width: 0px;
	cursor:hand;

	}


	.button_ordernow {
	background: url('/shop2/images/button_ordernow.png') ;
	width: 140px;
	font:8pt Verdana;
	font-weight: bold;
	color:#ffffff;
	height: 25px;
	border-width: 0px;
	cursor:hand;

	}


	.button_ordernowgrey {
	background: url('/shop2/images/button_ordernow_grey.png') ;
	width: 140px;
	font:8pt Verdana;
	font-weight: bold;
	color:#ffffff;
	height: 25px;
	border-width: 0px;
	cursor:hand;

	}

.pager_examples { border: 0px solid #fff; margin: 0px 0; }
.pager_examples p { padding: 5px; margin: 0; }
.pager_examples .nav { background: #fff; border-top: 0px solid #fff; padding: 5px; }
.pager_examples .nav#nav4 { border-top: 0; border-bottom: 0px solid #fff; }
.pager_examples .nav a { padding: 0 5px; }
.pager_examples .nav a.highlight { color: #000; font-weight: bold; }


			div.jGrowl div.iphone {
				font-family: 			"Helvetica Neue", "Helvetica";
				font-size: 				12px;
				background: transparent;
				-moz-border-radius: 	0px;
				-webkit-border-radius:	0px;
				/* opacity: 				.90; */
				filter: 				alpha(opacity = 100);
				width: 					1000px;
				height: 				128px;
				position:fixed;
				padding: 				0px;
				overflow: 				hidden;
				/* border-color: 			#5ab500; */
				color: 					#fff;
			}

			div.jGrowl div.iphone div.message {
				padding-top: 			80px;
				padding-bottom: 		7px;
				padding-left: 			950px;
				padding-right: 			15px;
			}
			
			div.jGrowl div.iphone div.header {
				padding: 				7px;
				padding-left: 			15px;
				padding-right: 			15px;
				font-size: 				17px;
			}

			div.jGrowl div.iphone div.close {
				display: none;
			}



a.button, .button {
    display: block;
    background: transparent url("../images/addtobasket.png") no-repeat;
    text-decoration: none;
    font-size: 16px;
    color: white;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    font-style: italic;
    text-align: center;
    border: none;
    padding: 0;
}


	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:205px;	/* Width of box */
		height:200px;	/* Height of box */
		overflow: auto;	/* Scrolling features */
		background-color: transparent;	/* White background color */
		background: #ffffff url("../images/bg_transparent_white.png");
		text-align:left;

		color:#0066cc;
		font-size:8pt;
		z-index:200;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #000;
  opacity: 0.95;
  filter: alpha(opacity = 95);



	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:2px;		
		padding:3px;
		color:#0066cc;
		text-decoration:none;
		cursor:pointer;
		font-size:8pt;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		text-decoration:underline;
		color:#0066cc;
	}
	#ajax_listOfOptions_iframe{
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}



/*- Menu Tabs A22--------------------------- */
    #tabsA22 {
      font: bold 9px Verdana;
      float:left;
      width:100%;

      line-height:7px;
      text-align: center;


      }
    #tabsA22 ul {
	margin:14px;
	
	padding:0px 0px 0px 0px;
	list-style:none;
      }
    #tabsA22 li {
      display:inline;
      
      margin:0;
      padding:0;
      }
    #tabsA22 a {
      float:left;
      background:url("../images/tableftA22.png") no-repeat left top;
      margin:0;
      width:110px;
     padding:0px 1px 0px 5px;
      text-decoration:none;
      }
    #tabsA22 a span {
      float:left;
      display:block;
      background:url("../images/tabrightA22.png") no-repeat right top;
      padding:5px 16px 5px 6px;
      color:#E9F2FE;
      



      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsA22 a span {float:none;}
    /* End IE5-Mac hack */
    #tabsA22 a:hover span {
      color:#ffffff;
      text-decoration:underline;
      }
    #tabsA22 a:hover {
      background-position:0% 0px;
      }
    #tabsA22 a:hover span {
      background-position:100% 0px;
      }


#tooltip {
	position: absolute;
	z-index: 9999999;
	font:8pt Verdana;
	color: #0066cc;
	border: 3px solid #ffffff;
	background-color: #e8edf6;
	padding: 5px;
	opacity: 0.85;
	
}
#tooltip h3, #tooltip div { margin: 0; }


.showtitel, .hidetitel, .txtout {
width: 600px;
font-size: 11px;
padding: 5px;
border: 1px solid #993300;
}

.showtitel {
color: #000000;
background: #fbeddb;
}

.txtout {
color: #000000;
background: #f4f4f4;
}

.showtitel a {
color: #990000;
text-decoration: none;
}
.showtitel a:hover {
color: #000000;
text-decoration: underline;
}






/*- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.ac_results {
	padding: 0px;
		background-color: transparent;	/* White background color */
		background: #ffffff url("../images/bg_transparent_white.png");
		z-index:999;
	  filter: alpha(opacity = 90);
		border: 1px solid #9baed6;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		opacity: 0.90;
		color:#0066cc;
		width:500px;

}

.ac_results ul {
	width: 500px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;

}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:8px;
	z-index:-1;
	width:1px;
	height:1px;
	background-color: transparent;	/* White background color */
	background: #ffffff url("../images/bg_transparent_white.png");

}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 500px;
	font-size: 11px;
	overflow: hidden;
	width:500px;
	
}

.ac_loading {
	background : Window url('../../shopTest/js/Autocompletera/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

.ac_odd {         background-color: #eee; } 





div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}


div.tablesorterPager {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.tablesorterPager span {
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next {
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}


 
 


.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url("../images/treeview-default.gif") -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
		color: #0066cc;
	font:8pt Verdana;

}


.ASPtreeview .hitarea {
	background: url("../images/treeview-default.gif")  no-repeat;
}



/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
	color: #0066cc;
	font:8pt Verdana;

}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover {  cursor: pointer;	color: #0066cc;	font:8pt Verdana; text-decoration:underline; }

.treeview li { background: url("../images/treeview-default-line.gif") 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url("../images/treeview-default.gif"); }  
.treeview li.lastCollapsable { background-position: -32 -67px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url("../images/treeview-red-line.gif"); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url("../images/treeview-red.gif"); } 

.treeview-black li { background-image: url("../images/treeview-black-line.gif"); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url("../images/treeview-black.gif"); }  

.treeview-gray li { background-image: url("../images/treeview-gray-line.gif"); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url("../images/treeview-gray.gif"); } 

.treeview-famfamfam li { background-image: url("../images/treeview-famfamfam-line.gif"); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url("../images/treeview-famfamfam.gif"); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url("../images/folder.gif") 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url("../images/folder-closed.gif") 0 0 no-repeat; }
.filetree span.file { background: url("../images/file.gif") 0 0 no-repeat; }




.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
}
a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}


