formg {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
}
body {
  margin: 0pt;
  padding: 0pt;
  background: rgb(255, 255, 255) none repeat scroll 0%;
  color: rgb(0, 0, 0);
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 75%;
  }
  #body {width:96%; margin:0 auto 15px; background:#fff; text-align:left; position:relative}
a {
	text-decoration: underline;
	font-weight: bold;
	color:  #003366;
	outline: none;
	}
a:visited {
	color:  #003366;
	}
a:active {
	color:  #003366;
	}
a:hover {
	color: #0066CC;
	text-decoration: none;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 1.1em;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 120%;
	font-weight: bold;
	margin:0;
	margin-bottom:10px;
	padding:2px;
	padding-left:10px;
	background-color:#BAD3F7
	}
h2 {
	font-size: 110%;
	font-weight: bold;
	color:#333333;
	margin:0;
	margin-bottom:10px;
	padding:1px;
	padding-left:10px;
	background-color:#BAD3F7
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h8 {
font-size: smaller;
}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#haupt{
	min-width:1000px;
	width:expression(document.body.clientWidth < 1000? "1000px": "auto" )
	}
#LargeTabs{
	min-width:1100px;
	width:expression(document.body.clientWidth < 1100? "1100px": "auto" )
	}	
#top {
	margin: 4px 4px 4px 4px;
	padding: 0px;
	border: 0px solid #ccc;
	height: 125px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	clear:both;
	}
html>body #top {
	height: 125px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 126px;
	left: 0px;
	margin: 4px;
	padding: 0px;
	border: 0px solid #ccc;
	background: #FFF;
	width: 160px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;	
	padding-bottom:90px;
	}
	
html>body #left {
	width: 152px; /* ie5win fudge ends */
	}


#mainarea {
margin: 0pt 0pt 0pt -15em;
  float: right;
  width: 100%;
}
#middle {
	margin: 0pt -190px 0pt 0pt;
	float: left;
	width: 100%;
  
}
#Breaed{

	margin: -18px 0px 0 0px;
  font-size: 1em;
  clear: both;
  padding: 0px;
   z-index: 500;
position:absolute;
white-space:nowrap;
padsding-left:147px;
}
html > body #Bsread {
	margsin: -18px 0px 0 168px;
	padding-left:1818px;
}

#Bread{
	margin: -18px 0px 0 0px;
  font-size: 1em;
  clear: both;
  padding: 0px;
   z-index: 500;
position:absolute;
padding-left:168px;
}
/*\*/
html*#Bread {
padding-left:0px;
}/*end*/

#Inhalt noborders{
border: none;
}
.noborders{
border: none;
}
#Inhalt{
	margin: 0 180px 0 168px;
	font-size: 1em;
	width: 100%;
	clear: both;
	padding: 5px;
	border: 1px solid #ccc;
}
#Inhalt table {padding:0; font-size:1em; bordear:1px solid #ccc;}
#Inhalt th {text-align:left; padding:4px; background: #BAD3F7;color: #333333;border-bottom:1px solid #ccc;}
#Inhalt td {vertical-align:top; padding:4px; border-bottom:1px solid #ccc;bosrder-right:1px solid #ccc;}
.ProductSub {font-weight: bold;}
#delivery td {border:1px solid #000;}
html > body #Inhalt {
  width: auto;
}

/*Index page*/
#MainPage{margin: 0em 180px 0 168px;

  width: 100%;
  clear: both;
  padding: 5px;
	border: 1px solid #ccc;}
html > body #MainPage {
  width: auto;
}
#MainPage table {padding:0; font-size:1em; bordear:1px solid #ccc;}
.noborders{
border: none;
}

.clear {
  clear: both;
  }
#right {
  padding: 4px;
  margin-right:5px;
  background: #BAD3F7;
  float: right;
  width: 165px;
  color: #333333;
}
html>body #right {
	width: 165px; /* ie5win fudge ends */
	}
		#right Ul{
margin:0;
padding:4px;
width: 95%;
	background: #BAD3F7;
	baorder: 1px solid #FFF;
	font-size: 75%;
}

#rightcol {
  padding:0;
  margin:0;
  padding-right:9px;
  margin-right:4px;
  background: #FFFFFF;
  float: right;
  width: 165px;
  color: #333333;
}
html>body #rightcol {
	width: 165px; /* ie5win fudge ends */
	}
	#rightcol Ul{
margin:0;
padding:4px;
width: 95%;
	background: #BAD3F7;
	baorder: 1px solid #FFF;
	font-size: 75%;
}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 2px;
	margin-bottom: 2px; 
	}
	#footer {
  padding: 2em 1em;
  clear: both;
  text-align: center;
  }
  
#footer ul {
  margin: 0pt;
  padding: 0pt;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-size: 0.9em;
  }
  
  #footer li {
  display: inline;
  }
    .sheadSearch {
  marsgin: -10px -14px 0px 0pt;
  padding: 0pt;
  padding-right: 20px;
  floast: right;
  }
    #top div {
    margin: -100px -14px 0px 0pt;
  padding: 0pt;
  padding-right: 20px;
   paddsing: -100px -14px 0px 0pt;
  flsoat: right;
  z-index:0;
  align:right;
  text-align:right;
  }


  #top ul {
  margdin: -43px -14px 0px 0pt;
  padding: 0pt;
  paddding-right: 185px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  fsloat: right;
  }
  #top li {
  border-left: 1px solid rgb(0, 0, 0);
  padding: 0pt 0.35em 0pt 0.5em;
  display: inline;
  line-height: 120%;
  }
  input{
backgrsound:#F4F4F4;
}
.oneandhalfline{
line-height: 1.5em
}
.oneandhalfline a{
	text-decoration: none;
}
#TextSmall{
font-size: smaller;
}
.TextSmall{
font-size: smaller;
}
.error_font{
color:#FF0000;
}
table.admin{
width:650px;
}
div.adminmainhint{
width:650px; padding:10px; background-color:#E7F3FF
}
div.content-box-left-33 {
	float: left;
	paddisng: 0px 0px 5px 0px;
	wisdth: 33%;
	widtsh: 264px;	
}
div.content-box-mid-33 {
	float: left;
	margsin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 6px;
	padding-bottom: 5px;
	widtth: 33%;
		wisdth: 263px;
}
div.content-box-right-33 {
	float: left;
	paddinsg: 0px 0px 5px 0px;
	widtth: 33%;
	widsth: 264px;	
}

.AdminMenu{
list-style-type: none;
padsding:4px;
marsgin:0px;
margin:0;
padding:4px;
width: 100%;
border-width:0;
}
ul.AdminMenu{
font-weight:bold;
padding:4px;
margin:0px;
border-width:0;
}
ul.AdminMenu li{
font-weight:bold;
background: #BAD3F7;
border-width:0px;
padding:0px;
padding-top:5px;
padding-left:5px;
margin:0px;
}
ul.AdminMenu li ul{
list-style-type: none;
padding:1px;
margin:0px;
margin-left:5px;
margin-bottom:10px;
border-width:0;
}
ul.AdminMenu li ul li{
list-style-type: none;
padding:0px;
padding-left:5px;
border-width:0;
}


.saletext {
tedxt-decoration:line-through;
color:#FF0000;
font-size:smaller;
white-space:nowrap;
}
.Freedel{
font-weight:bold; 
color:#0085C8;
}
.RRPtext{
font-size:0.90em;
white-space:nowrap;
color:#666666}
.CSPricex{
color:#004F77;
font-size:0.95em;
text-decoration:line-through;
white-space:nowrap
}
.CSPrice{
color:#E00000;
font-size:1.05em;
font-weight:bold;
}
.IncVATPrice{
color:#1F497D;
font-size:1.05em;
font-weight:bold;
}
.SalePrice{
color:#FF0000;
font-size:1.05em;
font-weight:bold;
white-space:nowrap
}
.PriceSave{
color:#FF0000;
font-size:0.95em;
white-space:nowrap
}
.FreeDel{
color:#0085C8;
font-size:0.85em;
}

#left Ul{
margin:0;
padding:4px;
width: 100%;
background: #BAD3F7;
border: 1px solid #FFF;
}
#sparesSearchArea{
width: 100%;
}

#DropdownArea{
width: 60%;
float:left
}

#SupplierArea{
width: 40%;
float:left
}

#sparesSearchArea label,#sparesSearchArea input, #sparesSearchArea select {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	line-height:20px;
}

#sparesSearchArea label {
	text-align: right;
	font-weight:bold;
	color:#333333;
	width: 100px;
	margin-right: 20px;
	padding-right:5px;
	background-color:#BAD3F7
}
#PopularSparesHolder {
width:100%
}
#PopularSparesHolder div {
float:left
}

br {
	clear: left;
}

.popup_image_hd {
	background-color:#BAD3F7;
	height:10px;
}

.popup_image_ft {
	background-color:#BAD3F7;
	height:5px;
	width:100%
}
.option_Header {
	background-color:#E3EDFC;

}

#orderSummary {
padding-top:10px;
}

.linksH a	{
	display: block;
	width: 158px;
	line-height: 200px;
	min-height: 200px;
	height:200px;
	text-decoration: none;
	}
	
.linksH a	{
   background: #ddd url(/images/logos/karcheroutletlogo2.jpg) no-repeat;
   background-image:url(/images/logos/karcheroutletlogo2.jpg);
   background-position: 0px 50%;
   }

.linksH a:hover{
   background-position: -158px 50%; 
   }
.linksH span
{
  display: none;
}

#myTrolley
{
background-color:#FFF1BA; margin-top:5px; margin-bottom:10px; 
padding-bottom:5px; padding-top:5px; clear:both; font-size:0.8em;
border:#DFD4A7 solid 1px;
}
#myTrolley table tr 
{
vertical-align:top
}

#myTrolley table tr td{
border-bottom:1px #666666 solid;
padding-top:3px;
padding-bottom:3px;
} 

#myTrolley table tr td a{
text-decoration:none;
}


#popupQandA label{
font-weight:normal;
display:block;
padding-top:5px;
margin-bottom:0;
padding-bottom:0;
}
#popupQandA input, textarea{
width:380px;
}



.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.questionPos
{
position: fixed;
bottom: 0;
z-index:500;
}

.CustDashLate{
background-color:#FF0000; color:#FFFFFF; background-image:url(/images/layout/DashLateBg.gif); background-repeat:repeat-x}
.CustDashLate td{vertical-align:middle}
.CustDashLate a{
color:#FFFFFF
}
.CustDashOK{
background-color:#E1FFE1
}

.CustDashNow{
background-color:#FF9A02; background-image:url(/images/layout/DashNowBg.gif); background-repeat:repeat-x}

.CustDashOverview{
height:100px; width:100px;  float:left; margin-right:15px; text-align:center; font-weight:bold; color:#FFFFFF; font-size:16px
}
.CustDashOverview span{font-size:60px}
.CustDashOverviewLate{
border:2px solid #FF3333; background-color:#FF3333;background-image:url(/images/layout/DashLateOverviewBg.gif); background-repeat:repeat-x
}
.CustDashOverviewDue{
border:2px solid #FF8A33; background-color:#FF8A33;background-image:url(/images/layout/DashDueOverviewBg.gif); background-repeat:repeat-x
}
.CustDashOverviewClosed{
border:2px solid #6EB7FF; background-color:#6EB7FF;background-image:url(/images/layout/DashClosedOverviewBg.gif); background-repeat:repeat-x; width:150px;
}

#OrderReturns
{
border:1px solid #CCCCCC;
padding:5px
}
#OrderFlowHistory, #OrderReturns, #OrderShipments{
margin-top:10px}
.OrderReturn{
padding-bottom:10px;
margin-top:5px;
border-bottom:1px dashed #cccccc
}

a.AddCallButton{
background-image:url("/images/layout/AddCall.gif");
z-index: 2; position: fixed; right: 20px; top: 0px; width: 140px;
height:85px; margin-top:-40px;
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
	
	color:#FFFFFF; font-size:1.3em; font-weight:bold;
   line-height:120px; 
}
.AddCallButton:hover{
 margin-top:-25px;
 color:#F0F5FD; 
}

.error{
border:2px solid #fbc2c4;
background-color:#fbe3e4;
font-weight:bold;
padding:0.7em;
color:#ff0000
}
.warning{
border:1px solid #FFB648;
background-color:#FFC266;
font-weight:bold;
color:#333333
}

#adminOrderControlsHolder a{lsine-height:20px; display:block; madrgin-top:5px; mardgin-bottom:5px; padding:5px}

#adminOrderStatusChanges input{margin-bottom:10px; min-width:120px}

#TotalPoints
{
    float:right;
    color:Red;
    font-weight:bold;
    }
    
.size_2
{
    font-size:4em;
}

.size_4
{
    font-size:4em;
}    

.size_6
{
    font-size:4em;
}    

.size_8
{
    font-size:4em;
}        


#negPoints
{
    width:40%; float:left; margin-right:20px}
    
#posPoints
{
    width:40%; float:left}
#TotalPoints
{
    width:30px}    
    
    .pointsHolder
    {
        width:20px;
        display:inline-block;
        font-weight:bold;        
    }
    
#setPoints input[type=text]
{
    width:30px;
    display:inline-block;
}

#setPoints label
{
    width:350px;
    display:inline-block;
}

.hiLight
{
    background-color:#EEF4FD}


#SiteTasksOverView .SiteTasks, #SiteTasksOverView .SiteTasks td, #SiteTasksOverView .SiteTasks tr {
    border: 1px solid #ccc;
    padding:20px; margin:0; 
    border-collapse:collapse;
    text-align:center

}
#SiteTasksOverView .SiteTasks thead tr td {
    padding:10px
}
#SiteTasksOverView .SiteTasks .RTitle {
    text-align: left;
    font-weight:bold;
    font-size:1.1em;
    color:#666666;
}
    #SiteTasksOverView .SiteTasks a {
        text-decoration: none; font-size:1.2em
    }